@charset "utf-8";
/* 
 * Project Name:顺时针纪念册
 * Author:浅浅
 * Date：2016-12-6
 */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0px; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","微软正黑体","Microsoft JhengHei","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #6c6c6c; background-color: #fff; -webkit-tap-highlight-color: rgba(0,0,0,0); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
::-moz-selection { background: #b53146; color: #fff; text-shadow: none; }
::selection { background: #b53146; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: 0; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1180px; margin: 0px auto; }
.trans3 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.trans4 { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.trans6 { -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.top{ height: 159px; position: relative; overflow: hidden;}
.top a:link,.top  a:visited { color: #4c4c4c;}
.top a:active,.top  a:hover { color: #b53146;}
.logo{ float: left; display: block; width: 247px;}
.logo img{ width: 100%; display: block;}
.logo .txt{ font: bold 18px/32px "microsoft yahei"; border-bottom: 6px solid #B53146;display: block; text-align: center;}
.silder-top{ float: right; text-align: right; color: #1f1a17;}
.silder-top-w{ color: #787878; font-size: 13px; font-style: italic; padding: 8px 4px 12px 0px;}
.silder-top-w .sline{ padding: 0px 5px;}
.wx-gz{ background: url(../images/erm.png) no-repeat scroll left center; padding-left: 30px; margin-left: 30px; }
.silder-top-tel{ color: #1f1a17; font-size: 19px; font-weight: bold; height: 36px; line-height: 36px; margin-bottom: 36px;}
.silder-top-tel .tel{ font-size: 28px; background: url(../images/tel_bg.png) no-repeat scroll left center; padding-left: 40px; width: 238px; display: block; float:right; height: 36px; line-height: 36px; text-align: left; margin-left: 10px; letter-spacing: 0.05em;}
.nav li{ float: left; display: block; margin-left: 26px;}
.top .nav a:link,.top .nav  a:visited { color: #1f1a17;}
.top .nav a:active,.top .nav  a:hover { color: #b53146;}
.nav a{ font:17px/1.8 "microsoft yahei"; display: inline-block; position: relative;}
.nav a .bot{ position: absolute; left: 0px; bottom: 0px; width: 0%; height: 1px; background-color: #b93c4f; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.csstransforms .nav a:before{ content:""; width:100%; height:1px; background-color:#b93c4f; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);}
.csstransforms .nav a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;}
.no-csstransforms .nav a:hover .bot{ width: 100%;}
.top .nav a.active{ color: #b53146;}
.top .nav a.active .bot{ width: 100%;}
.menu-handler { background-color: #4c4c4c; display: block; width: 86px; height: 56px; cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); position: absolute; right: 0px; top: 0px; display: none;}
.menu-handler .txt{ position: absolute;  left: 10px; top: 0px; line-height: 56px; font-size: 15px; color: #fff;}
.menu-handler .burger { width: 20px; border-radius: 2px; height: 2px; background-color: #fff; display: block; position: absolute; z-index: 5; top: 21px; left: 50px;  transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 28px; }
.menu-handler .burger-3 { top: 35px; }
.menu-handler.active .burger-1 { top: 28px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 28px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 900; }
.menuBox a:link, .menuBox a:visited { color: #1f1a17; }
.menuBox a:active, .menuBox a:hover { color: #b53146; }
.menuBox { background-color: #f8f8f8; color: #4c4c4c; position: fixed; right: 0px; top: 0px; width: 580px; height: 100%; z-index: 910; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transform: translate(570px,0px); -moz-transform: translate(584px,0px); -webkit-transform: translate(584px,0px);  -o-transform: translate(584px,0px);  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; display: none; }
.csstransforms3d .menuBox { display: block; }
.menuBox-logo { padding: 10px 30px; display: block; background-color: #fff;}
.menuBox-logo a img{ height: 36px; display: block;}
.navMobile { padding: 40px 0px; }
.nav-link:before { content: ""; width: 18px; height: 12px; position: absolute; right: 5%; margin-top: -6px; top: 50%; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); background-position: center center; background-repeat: no-repeat; transition: 0.4s; -webkit-transition: 0.4s; }
.navMobile .item { padding: 12px 30px; display: block; position: relative; font-size: 16px; line-height: 1.4; }
.navMobile li.active .item { color: #fff; background-color: #f0be00; }
.navMobile .subnav { display: none; background-color: #ffffff; padding: 20px 0px; }
.navMobile .subnav a { color: #828282; display: inline-block; margin: 0px 10px 6px 30px; }
.navMobile .subnav a:hover { color: #f0be00; text-decoration: underline; }
.navMobile li.active .nav-link:before { background-image: url(../images/m_ico2.png); }
.menuOpen .top { transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher-black { display: block; }
.mobile-foot { padding: 40px 30px; border-top: 1px solid #d8d8d8; }
.mobile-foot .sharpbox { margin-bottom: 18px; }
.bge5{ background-color: #E5E5E5;}
.ilinkBox a:link,.ilinkBox a:visited { color: #1F1A17;}
.ilinkBox a:active,.ilinkBox a:hover { color: #B53146;}
.ilink-grop ul{ margin-left: -1%;}
.ilink-grop li{ padding: 20px 0px; width: 19%; margin-left: 1%; color: #1F1A17; float: left; display: block;}
.ilink-grop .img{ margin-left: 18px;}
.ilink-grop .img img{ width: 100%; display: block;}
.ilink-grop .grop-name{font-size: 16px; line-height: 1.5; padding: 12px 0px 15px 18px;}
.ilink-grop .tel{ background: url(../images/tel4.png) no-repeat scroll left 5px; padding-left: 18px; font-size: 16px; font-weight: bold; line-height: 1.2;}
.ilink-grop .tel .name{ font-size: 14px;}
.ilink-list{ border-top: 1px solid #d29fa7; padding: 8px 0px; font-size: 14px; color: #1F1A17;}
.ilink-list a{ margin-right: 10px;}
.foot{ padding: 25px 0px; background-color: #b53146; color: #fff; text-align: center; font-size: 14px;}
.foot a:link,.foot a:visited { color: #fff;}
.foot a:active,.foot a:hover { color: #fff;}
.pbanner{ height: 338px; overflow: hidden;}
.pbanner .pimg{ width: 100%; display: block;}
.picw img { transform: scale(1.08); -webkit-transform: scale(1.08);  }/*opacity: 0;**/
.trans-1 img { transition: all 1.2s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; -webkit-transition: all 1.2s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; }
.popUpblack { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.popUp { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
.popUp .t { padding: 10px 0px; font-size: 14px;  color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
/*base style end*/
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.05); transform: scale(1.05); }to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.05); transform: scale(1.05); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes slideIn{
	0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
	20%{opacity:1}
	100%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes slideIn{
	0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
	20%{opacity:1}
	100%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
}
/*base style end*/
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.black-50 { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.black-30 { background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.3); -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.sliderBox a:link,.sliderBox a:visited { color: #fff;}
.sliderBox a:active,.sliderBox a:hover { color: #fff;}
.sliderBox{ display: none; width: 100%; z-index: 800; height: 50px;}
.siderFoot{ height: 50px; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 800; background-color: #e26f86;}
.siderFoot a{ display: block;width: 25%; height: 30px; padding: 10px 0px; line-height: 30px; font-size: 14px; float: left; display: block; text-align: center; color: #fff;}
/*.siderFoot .homeico{ background-color: #e3a6a4;}
.siderFoot .kfico{ background-color: #a79879;}
.siderFoot .qqico{ background-color: #e26f86;}
.siderFoot .telico{ background-color: #7bbfbe;}*/
.sliderBox a .txt{ padding-left: 36px; height: 30px; background-size: 30px 30px; background-repeat: no-repeat; background-position: left center; display: inline-block; color: #fff; position: relative; }
.sliderBox a.homeico .txt{ background-image: url(../images/m_i4.png); }
.sliderBox a.kfico .txt{ background-image: url(../images/m_i3.png); }
.sliderBox a.kfico .num1{ background: url(../images/num.png) no-repeat; background-size: cover; width: 26px; height: 26px; position: absolute; right: -18px; top: -18px;}
.sliderBox a.qqico .txt{ background-image: url(../images/m_i2.png); }
.sliderBox a.telico .txt{ background-image: url(../images/m_i1.png); }
.dockCon a:link,.dockCon a:visited { color: #fff;}
.dockCon a:active, .dockCon a:hover { color: #fff; }
.dock { position: fixed; width: 58px; bottom: 5%; right: 0px; z-index: 1000; }
.dockCon li{ height: 58px; line-height: 44px; display: block; width: 58px; margin-bottom: 3px; position: relative;}
.dockCon .item-con{ left: 0%; position: absolute;}
.dockCon a{ background-color: #333333; display: block;}
.dockCon i { width: 58px; height: 58px; display: block; float: left; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.dockCon .num1{ background: url(../images/num.png) no-repeat; width: 30px; height: 30px; position: absolute; left: -15px; top: -10px;}
.dockCon .i2 { background-image: url(../images/dock_2.png); }
.dockCon .i3 { background-image: url(../images/dock_3.png); }
.dockCon .i4 { background-image: url(../images/dock_4.png); }
.dockCon .i5 { background-image: url(../images/dock_5.png); }
.dockCon a .txt{ float: left; display: block; font-size: 20px; border-left: 2px solid #fff; padding-left: 10px; height: 44px; margin: 7px 0px 0px 0px;}
.qqD,.zxD,.telD{ width: 162px;}
.telD{ width: 200px;}
.ermD{ position: relative; width: 58px; height: 58px;}
.ermD .ermbox{ position: absolute; right: 100%; top: 50%; margin-top: -70px; padding: 10px; background-color: #fff; width: 120px; height: 120px; display: none; }
.ermD .ermbox img{ width: 100%; display: block;}
.ermD:hover .ermbox{ display: block; }
.dockCon .con { background-color: #fff; color: #b4b4b4; position: absolute; right: 0px; display: none; z-index: -1; }
.backTop .it{ background: url(../images/dock_11.png) no-repeat scroll center top; width: 100%; height: 11px; position: absolute; left: 0px; top: -11px;}
.dockCon a.telD .txt{ font-size: 18px;}
.dockCon li.first{ margin-bottom: 0px; text-align: center; line-height: 1.2;}
.dockCon li.first a{ width: 100%; padding: 12px 0px 0px; height: 46px;}
.dockCon li.first a .i1{ background: url(../images/dock_1.png) no-repeat scroll center bottom; padding-bottom: 20px; display: block;}
.dockCon li:hover a { background-color: #b53146;}
.dockCon li:hover a .it{ background-image: url(../images/dock_13.png);}
.dockCon li .item-first{ left: -104px; position: absolute;}
.dockCon li .item-first a { background-color: #b53146;}
.banner a { color: #4c4c4c;}
.banner a:hover { color: #4c4c4c; }
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; background-color: #ededed; position: relative; color: #4c4c4c;}
.banner .pimg { width: 100%; display: block; }
.banner .mimg{ width: 100%; display: none;}
.binbox{ width: 1180px; position: absolute; left: 50%; margin-left: -590px; top: 0%; height: 100%; text-align: right;}
.binbox p{ padding-left: 50%;}
.binbox .t{ font-weight: bold; font-size: 32px; line-height: 1.2;  margin-bottom: 12px;}
.binbox .c{ font-size: 16px; line-height: 1.5; margin-bottom: 32px;}
.binbox .yimg{ width: 100px; display: block; float: right;}
.binbox .t,.binbox .c,.binbox .by{ opacity: 0; visibility: visible; transform: translateY(50px); -webkit-transform: translateY(50px);}
.binbox .by{ transform: translateX(50px); -webkit-transform: translateX(50px);}
.banner .slick-dots{ bottom: 5%; z-index: 1000;}
.banner .slick-dots li{ position: relative; display: inline-block; padding: 0px 8px; width: 14px; height: 14px; margin: 0px; cursor: pointer;/* background: url(../images/banner_i.png) repeat-x scroll center center;*/}
.banner .slick-dots li:first-child{ padding-left: 0px;}
.banner .slick-dots li:last-child{ padding-right: 0px;}
.banner .slick-dots li a{ height: 14px; width: 14px; line-height: 14px; text-indent: -10em; display: block;  overflow: hidden; padding: 0px; cursor: pointer;  border-radius: 0%; background: url(../images/banner_i0.png) no-repeat scroll center center;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a { background-image: url(../images/banner_i1.png); }
.banner .slick-active .t { -webkit-transition: all .5s 0.1s; transition: all .5s 0.1s; }
.banner .slick-active .c { -webkit-transition: all .5s 0.3s; transition: all .5s 0.3s; }
.banner .slick-active .by { -webkit-transition: all .6s 0.6s; transition: all .6s 0.6s; }
.banner .slick-active .t, .banner .slick-active .c , .banner .slick-active .by { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .item{ display: none;}
.banner .item:first-child{ display: block;}
.banner.slick-initialized .item{ display: block;}
.iproductBox{ padding: 54px 0px 68px;}
.iproductBox .lbox{ width: 184px; float: left; display: block;}
.iproductBox .rbox{ width: 976px; float: left; display: block; margin-left: 20px;}
.iproduct-nav-t{ background: url(../images/i_p1.png) no-repeat scroll 90% center #b53146; padding: 4px 40px 4px 25px; color: #fff; line-height: 1.5; border-radius: 18px; margin-bottom: 14px; font-size: 17px;}
.iproduct-nav-c a:link,.iproduct-nav-c a:visited { color: #241f1c;}
.iproduct-nav-c a:active,.iproduct-nav-c a:hover { color: #B53146;}
.iproduct-nav-c a{ display: block; padding:2px 5px 2px 25px; line-height: 1.5; border: 1px solid #5c5856; border-radius: 18px; margin-bottom: 14px; font-size: 17px;}
.iproduct-nav-c a:hover{ border-color: #B53146;}
.iproduct-tel{ background-color: #B53146; color: #fff; padding: 20px 15px;}
.iproduct-tel .t{ text-align: center; border-bottom: 1px solid #f5e4e7; font-size: 16px; margin-bottom: 5px;}
.iproduct-tel .tel1,.iproduct-tel .tel2{ padding-left: 18px; font-size: 18px; background-position: left center; background-repeat: no-repeat; line-height: 1.5;}
.iproduct-tel .tel1{ background-image: url(../images/i_p2.png);}
.iproduct-tel .tel2{ background-image: url(../images/i_p3.png);}
.iproduct-t{ padding: 2px 0px 0px; border-bottom: 1px solid #B53146; font-size: 17px; color: #4c4c4c; margin-bottom: 14px;}
.iproduct-t b{ color: #241F1C;}
.iproductBox .rbox a:link,.iproductBox .rbox a:visited { color: #241f1c;}
.iproductBox .rbox a:active,.iproductBox .rbox a:hover { color: #B53146;}
.iproduct-list{ overflow: hidden;}
.iproduct-list ul{ margin-left: -1%;}
.iproduct-list li{ float: left; display: block; margin:0px 0px 18px 1%; width: 32.33%;}
.iproduct-list .img{ overflow: hidden; position: relative;}
.iproduct-list .img img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms;}
.iproduct-list .black-30{ width: 100%; height: 100%; opacity: 0; position: absolute; left: 0px; top: 0px; display: block; visibility: hidden;}
.iproduct-list .c{ font-size: 17px; height: 31px; overflow: hidden;text-align: center;}
.iproduct-list li:hover .black-30{ opacity: 1; visibility: visible;}
.iproduct-list li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.iledmore { display: block; width: 100%; padding: 2% 0px; text-align: center; margin: 18px auto 0px; border: 2px solid #B53146; font-weight: bold; color: #B53146; font-size: 16px; display: none; border-radius: 30px;}
.iserviceBox a:link,.iserviceBox a:visited { color: #fff;}
.iserviceBox a:active,.iserviceBox a:hover { color: #fff;}
.iserviceBox{ background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center top; color: #fff; text-align: center; padding: 50px 0px;}
.iserviceBox-t{ padding: 0px 0px 15px; margin-bottom: 50px; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.5);}
.iserviceBox-t .ico{ background: url(../images/is_1.png) no-repeat scroll center center; width: 100px; height: 100px; display: block; margin: 0px auto 5px;}
.iserviceBox-t .en{ font-weight: bold; font-size: 40px; line-height: 1.2;}
.iserviceBox-t .zh{ font-size: 28px;}
.iserviceList{ width: 988px; margin: 0px auto; font-size: 14px;}
.iserviceList li{ float: left; display: block; width: 20%; margin-bottom: 8px;}
.iserviceList .itemBox{ border: 1px solid #fff; border-radius: 15px; margin: 0px 12px; padding: 22px 0px 0px; height: 170px; line-height: 1.4; position: relative; overflow: hidden; cursor: pointer;}
.iserviceList .iico{ display: block; margin:0px auto 5px; position: relative; z-index: 2;}
.iserviceList p{ position: relative; z-index: 2;}
.iserviceList .t{ font-size: 18px; line-height: 1.2;}
.iserviceList .en{ text-transform: uppercase; margin-bottom: 4px;}
.iserviceList li:hover .iico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.iserviceList li .itemBox:before{ content:""; width:100%; height:100%; z-index: 1; background-color:#b53146; background-color: rgba(181,49,70,0.8); position:absolute; left:0; top:0; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; border-radius:15px; opacity: 0; visibility: hidden; transform: scale(0.8); -webkit-transform: scale(0.8);}
.iserviceList li:hover .itemBox:before{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1);}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.ichooseUs{ background-color: #e5e5e5; margin-top: 112px;}
.ichooseUs .inner{ position: relative; height: 660px;}
.ichooseImg{ position: absolute; left: 0px; bottom: 0px; width: 518px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.ichooseImg img{ display: block; width: 100%;}
.ichooseCon a:link,.ichooseCon a:visited { color: #241f1c;}
.ichooseCon a:active,.ichooseCon a:hover { color: #B53146;}
.ichooseCon{ padding: 55px 0px 0px; margin: 0px 0px 0px 574px; color: #080808;}
.ichooseCon .t{ position: relative; border-bottom: 1px solid #666666; padding-bottom: 25px; margin-bottom: 38px;}
.ichooseCon .bot{ height: 5px; position: absolute; left: 0px; bottom: -1px; width: 152px; background-color: #B53146;}
.ichooseCon .zh{ font-size: 28px; line-height: 1.2; float: left; display: block;}
.ichooseCon .enbox{ width: 181px; padding-right: 104px; position: relative; float: right; display: block;}
.ichooseCon .en{ font-size: 22px; font-weight: bold; line-height: 1.2; display: block; margin-bottom: 5px;}
.ichooseCon .enbox .i1{ display: block;}
.ichooseCon .enbox .i2{ display: block; position: absolute; right: 0px; top: 0px;}
.ichooseCon .c{ font-size: 15px; line-height: 2; margin-bottom: 35px;}
.aboutMore{ background: url(../images/imore1.png) no-repeat scroll left center; padding-left: 220px; display: block; height: 36px; width: 126px;}
.aboutMore .txt{ border: 1px solid #ba4558; height: 34px; line-height: 34px; border: 1px solid #b93e52; display: inline-block; float: left; font-size: 15px; text-align: center; width: 126px; border-radius: 17px; position: relative; overflow: hidden;}
.aboutMore .txt .ib1{ position: absolute; left: 0px; top: 0px; background-color: #B53146; height: 100%; width: 0; transition: 300ms; -webkit-transition: 300ms;}
.aboutMore .txt .ib2{ position: relative; z-index: 2; font-style: initial;}
.aboutMore:hover .txt{ color: #fff;}
.aboutMore:hover .ib1{ width: 100%;}
.icustormBox a:link,.icustormBox a:visited { color: #fff;}
.icustormBox a:active,.icustormBox a:hover { color: #B53146;}
.icustormBox{ padding: 110px 0px; color: #fff; text-align: center; background-position: center center;} 
.icustormBox .en{ font-size: 21px; font-weight: bold; line-height: 1.2;}
.icustormBox .zh{ padding: 20px 0px; line-height: 1.2; font-size: 52px; font-family: "微软正黑体","Microsoft JhengHei";}
.icustormBox .red{ color: #B53146; font-weight: bold;}
.icustormBox .c{ background:url(../images/blue_30.png) repeat; background: none rgba(76,84,87,0.5); padding: 12px 50px; font-size: 21px; line-height: 1.5;}
.iimgbox{ background-position: center bottom;}
.iHPbox{ height: 440px; padding: 50px 0px;}
.iHPbox .zh,.iHPbox .en{ color: #B53146; font-size: 32px; line-height: 1.2;}
.iHPbox .c{ font-size: 16px; line-height: 1.5; color: #1f1a17; margin: 20px 0px;}
.iHPbox .bq span{ border: 1px solid #e492a4; padding: 2px 22px; margin-right: 10px; font-size: 14px; color: #080808; border-radius: 15px; background-color: #fff;}
.ipigeBox{ height: 540px;}
.ipigeBox .bg{ background:url(../images/black_30.png); background:none rgba(76,76,76,0.5);}
.ipigeBox .zh{ font-size: 29px; line-height: 1.2; margin-bottom: 5px;}
.ipigeBox .en{ font-size: 14px; line-height: 1.4;}
.ipigeBox .c{ width: 625px; color: #fff; padding: 25px 0px;}
.ipigeBox .img{ display: none;}
.iprocessBox{ padding: 32px 0px;}
.iboxT{ color: #1f1a17; text-align: center;}
.iboxT .i-ico{ background: url(../images/is_1.png) no-repeat scroll center center; width: 100px;display: block; margin: 0px auto 5px;}
.iboxT .i-ico2{ display: block; margin: 0px auto 5px;}
.iboxT .en{ font-weight: bold; font-size: 40px; line-height: 1.2;}
.iboxT .zh{ font-size: 28px; position: relative;}
.iboxT .bgF{ background-color: #ffff; padding: 0px 42px; position: relative; z-index: 2; display: inline-block;}
.iboxT .line{ position: absolute; left: 0px; top: 0px; width: 100%; background: url(../images/line2.png) repeat-x; height: 2px;}
.iprocessBox .iboxT{ border-bottom: 1px solid #555555; padding-bottom: 15px; margin-bottom: 24px;}
.iprocessList a:link,.iprocessList a:visited { color: #fff;}
.iprocessList a:active,.iprocessList a:hover { color: #B53146;}
.iprocessList li{ width: 12.5%; float: left; text-align: center; margin-bottom: 20px;}
.iprocessList .itemBox{ margin: 0px 12px; background-color: #4C4C4C; color: #fff; padding: 10px; border-radius: 62px; height: 242px; cursor: pointer;}
.iprocessList .img{ background: url(../images/y.png) no-repeat scroll center center; border-radius: 50%; height: 102px;}
.iprocessList .ico{ width: 98%; margin: 0px auto; display: block;}
.iprocessList .num{ padding: 8px 0px 10px; font-weight: bold; font-size: 18px;}
.iprocessList .num span{ border-bottom: 2px solid #fff;}
.iprocessList .en{ line-height: 1.2;}
.iprocessList .zh{ font-size: 18px;}
.iprocessList li:hover .itemBox{ background-color: #B53146;}
.iprocessList li:hover .img { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.idesignBox{ padding: 35px 0px 45px; color: #fff; background-size: cover;}
.idesignBox a:link,.idesignBox a:visited { color: #fff;}
.idesignBox a:active,.idesignBox a:hover { color: #B53146;}
.idesignBox .iboxT .zh,.idesignBox .iboxT .en{ font-size: 21px; color: #fff;}
.idesignBox .iboxT .en{ color: #B53146;}
.idesignBox .c{ font-size: 16px; margin: 20px 12.5% 0px; text-align: center;}
.iliveBox{ padding: 25px 0px 25px;}
.iliveList{ padding: 40px 0px;}
.iliveList ul{ margin-left: -1%;}
.iliveList li{ width: 24%; margin:0px 0px 1% 1%; float: left; display: block; overflow: hidden;}
.iliveList .img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms;}
.iliveList li:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.icooperationBox{ padding: 20px 0px;}
.icooperationList{ overflow: hidden; margin: 20px auto;}
.icooperationList ul{ margin: -1px 0px 0px -1px;}
.icooperationList li{ float: left; display: block; width: 235px; border-left: 1px solid #aaa9a9; border-top: 1px solid #aaa9a9; position: relative; overflow: hidden; height: 158px; text-align: center;}
.icooperationList .img{ padding-top: 15px; margin-bottom: 5px;}
.icooperationList .img img{ width: 100%; display: block;}
.icooperationList .name{ font-size: 18px; line-height: 1.2; color: #1F1A17; height: 22px; overflow: hidden; font-family: "微软正黑体","Microsoft JhengHei";}
.icooperationList .shBox{ position: absolute; left: 2%; top: 2%; width: 96%; height: 96%;  transition: 500ms; -webkit-transition: 500ms; transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0; visibility: hidden; cursor: pointer;}
.icooperationList .shBox img{ display: block; width:100%;}
.icooperationList li:hover .shBox { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }
.ilistBox{ background-color: #4c4c4c; padding: 40px 0px 110px; color: #fff;}
.itab{ width: 692px; margin: 0px auto;}
.itab li{ float: left; display: block; width: 50%;}
.itab .itemBox{ margin: 0px 37px; border: 1px solid #ededed; height: 56px; color: #fff; border-radius: 10px; cursor: pointer;}
.itab .on .itemBox{ border-color: #e0aab3; color: #e0aab3;}
.itab .on .itemBox .i{ background-position: right top;}
.itab .itemT{ padding-left: 66px; position: relative; height: 56px; margin-left: 14%;}
.itab .i{ position: absolute; left: 0px; top: 3px; width: 50px; height: 50px; background: url(../images/type_1.png) no-repeat scroll left top;}
.itab .i2{ background-image: url(../images/type_2.png);}
.itab .t{ font-size: 20px; line-height: 1.4; display: block; line-height: 1.1; padding-top: 5px;}
.itab .en{ font-size: 16px; line-height: 1.2; display: block;}
.ilist-line{ display: block; border-bottom: 1px solid #f9f9f9; height: 0px; line-height: 0px; margin: 25px 0px 75px;}
.itabCon a:link,.itabCon a:visited { color: #fff;}
.itabCon a:active,.itabCon a:hover { color: #c599a0;}
.ilist-item1{ float: left; display: block; width: 44%;}
.ilist-item2{ float: right; display: block; width: 44%;}
.ilist-T{ font-size: 20px; text-transform: uppercase; line-height: 1.2; margin-bottom: 25px;}
.ilist-T .line{ padding: 0px 8px;}
.ilist-T .more{ float: right; display: block; background-color: #b2b2b2; font-size: 15px; line-height: 1.5; padding: 0px 3px 0px 5px; position: relative; top: 2px;}
.ilist-T .more:hover{ background-color: #B53146;}
.icaseList li{ font-size: 16px; height: 32px; line-height: 32px; overflow: hidden;}
.inewImg img{ width: 100%; display: block;}
.inewImg{ overflow: hidden; margin-bottom: 15px;}
.itablist{ display: none; 
  -webkit-animation-name: tab;
  animation-name: tab;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;}
 @-webkit-keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.itablist.on{ display: block;}
.inewsList li{ font-size: 16px; height: 32px; line-height: 32px; overflow: hidden; background: url(../images/sico2.png) no-repeat scroll left center; padding-left: 20px;}
.itelBox a:link,.itelBox a:visited { color: #fff;}
.itelBox a:active,.itelBox a:hover { color: #fff;}
.itelBox{ background-color: #B53146; padding: 30px 0px; color: #fff; font-size: 28px; line-height: 1.2; position: relative; margin-top: -50px; font-family: "微软正黑体","Microsoft JhengHei";}
.itelBox .txt{ padding-left: 5%;}
.itelBox .telb{ position: absolute; right: 5%; top: 20px; background: url(../images/itel.png) no-repeat scroll left center; padding-left: 70px; font-size: 22px;}
.telb .t{ font-size: 28px; font-weight: bold;}
/*index style*/
/*case style end*/
.case-nav-box{ margin: 20px auto;}
.case-nav a:link,.case-nav a:visited { color: #5f5f5f;}
.case-nav a:active,.case-nav a:hover { color: #fff;}
.case-nav ul{ margin-left: -1%;}
.case-nav li{ float: left; display: block; width: 13.28%; margin:0px 0px 8px 1%;}
.case-nav a{ border: 1px solid #6b6b6b; display: block; text-align: center; font-size: 17px; padding: 2px 0px; border-radius: 8px; position: relative; overflow: hidden;}
.case-nav a .txt{ position: relative; z-index: 2;}
.case-nav a:before{ content:""; width:0; height:0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); background:#B53146; border-radius:50%; transition:460ms ease-in-out;}
.case-nav a:hover,.case-nav a.active{ border-color: #B53146; color: #fff;}
.case-nav a:hover:before,.case-nav .active:before{ width:110%; height:250%;}
.no-csstransforms .case-nav a:hover,.no-csstransforms .case-nav a.active{ background-color: #B53146;}
.cpnav { display: none; padding: 0px 5%; color: #fff; line-height: 32px; height: 32px; overflow: hidden; font-size: 17px; background-color: #b53146 ; cursor: pointer; position: relative; border-radius: 4px;}
.cpnav .caret{ background: url(../images/i_p1.png) no-repeat scroll left center; position: absolute; right: 5%; top: 0px; height: 100%; width: 16px;}
.case-infobox a:link,.case-infobox a:visited { color: #5f5f5f;}
.case-infobox a:active,.case-infobox a:hover { color: #B53146;}
.case-infobox{ padding: 48px 0px 40px; background: url(../images/yy.png) no-repeat scroll center top; text-align: center; font-size: 14px;}
.case-infobox h1{ font-size: 28px; line-height: 1.5; color: #1e1a1b; font-weight: normal;}
.case-infobox .by{ font-style: italic; color: #323232; margin: 5px auto 25px;}
.case-infobox .c{ background: url(../images/line3.png) repeat-x scroll left bottom; padding-bottom: 40px;}
.case-infobox .jd-by{ background-color: #7f7f7f; color: #fff; width: 163px; margin: 0px auto; position: relative; top: -2px;}
.pageT{ font-size: 24px; color: #1E1A1B; padding-bottom: 20px; line-height: 1.2;}
.pageT b{ text-transform: uppercase;}
.pageT span{ padding: 0px 12px;}
.case-page a:link,.case-page a:visited { color: #3b3b3b;}
.case-page a:active,.case-page a:hover { color: #B53146;}
.caseList ul{ margin-left: -1%;}
.caseList li{ float: left; display: block; margin:0px 0px 18px 1%; width: 32.33%; text-align: center;}
.caseList .img{ overflow: hidden; position: relative; margin-bottom: 5px;}
.caseList .img img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms;}
.caseList .black-30{ width: 100%; height: 100%; opacity: 0; position: absolute; left: 0px; top: 0px; display: block; visibility: hidden;}
.caseList .c{ font-size: 16px; line-height: 1.5; height: 48px; overflow: hidden;}
.caseList li:hover .black-30{ opacity: 1; visibility: visible;}
.caseList li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.paging a:link,.paging a:visited { color: #3b3b3b;}
.paging a:active,.paging a:hover { color: #B53146;}
.paging{ padding: 20px 0px 30px; text-align: center; font-size: 20px;}
.paging a{ padding: 2px 8px; margin: 0px 2px;}
.paging a.active,.paging a:hover{ background-color: #BA4558; color:#fff;}
.caseInner{ padding: 30px 0px 50px;}
.caseInner a:link,.caseInner a:visited { color: #2c2725;}
.caseInner a:active,.caseInner a:hover { color: #B53146;}
.sider-case{ width: 242px; float: left; display: block;}
.sider-case-page{ width: 906px; float: left; display: block; margin-left: 32px; overflow: hidden; color: #2c2725;}
.sider-case .case-nav-box{ margin: 0;}
.sider-case .cpnav{ display: block; padding: 0px 25px;}
.sider-case-nav li{ padding-top: 12px;}
.sider-case-nav a{ display: block;}
.sider-case-nav a{ display: block; padding:2px 5px 2px 25px; line-height: 1.5; border: 1px solid #919191; border-radius: 4px; font-size: 17px;}
.sider-case-nav a:hover,.sider-case-nav a.active{ border-color: #B53146;}
.caseIT{border-bottom: 1px solid #B53146; font-size: 16px;line-height: 1.4; color: #2c2725;padding: 5px 0px 8px;}
.caseIT a:link,.caseIT a:visited { color: #2c2725;}
.caseIT a:active,.caseIT a:hover { color: #B53146;}
.caseIT a,.caseIT span{ margin-right: 10px;  background: url(../images/ico2.png) no-repeat scroll left center;  padding: 0px 0px 0px 18px; }
.pageC a:link,.pageC a:visited { color: #2c2725;}
.pageC a:active,.pageC a:hover { color: #B53146;}
.pageC{ font-size: 14px; color: #2C2725;}
.pageC img{ max-width: 100% !important;width: auto !important;height: auto !important;}
.pageC table{ border-collapse:collapse; width:100%!important}
.pageC tr td{ border: 1px solid #b2b2b2; padding: 5px;}
.td2{ text-align: center;}
.caseIL{ background-color: #cccccc; text-align: center; padding: 5px 0px; font-size: 16px; margin:12px 0px;}
.pagePaing{ padding: 30px 0px;}
.remocom-new{ padding:40px 0px 50px;}
.remocom-new .t{ font-size: 20px; color: #1E1A1B; margin-bottom: 10px; background-color:#f2f2f2; padding: 5px 20px;}
.remocom-new .list li{ float: left; display: block; width: 50%; font-size: 16px; height: 32px; line-height: 32px; overflow: hidden; background: url(../images/sico3.png) no-repeat scroll left center;}
.remocom-new .list li a{ display: block; padding: 0px 20px;}
.remocom-new a:link,.remocom-new a:visited { color: #2c2725;}
.remocom-new a:active,.remocom-new a:hover { color: #B53146;}
/*case style end end*/
/*about style*/
.aPitem1,.aPitem2{ font-size: 16px; padding: 15px 0px; position: relative; min-height: 262px; display: inline-block; width: 48%;}
.aPitem1{ float: left;}
.aPitem2{ float: right;}
.lin3{ position: absolute; left: 0px; width: 100%; display: block; height: 2px; background: url(../images/line3.png) repeat-x;}
.lin3-t{ top: 0;}
.lin3-b{ bottom: 0;}
.aboutp-img{ margin-top: 20px; background-color: #E5E5E5; position: relative;}
.aboutp-img .img{ width: 70%; padding-left: 30%;}
.aboutp-img .con{ width: 30%; position: absolute; left: 0%; height: 100%; top: 0px; background-size: auto 50%; background-position: left top; background-repeat: no-repeat;}
.aboutP-list{ position: absolute; left: 15%; bottom: 2%;}
.aboutP-1{ font-size: 28px; line-height: 1.2; margin-bottom: 40px;}
.aboutP-2{ font-size: 16px; margin-bottom: 60px; line-height: 1.5;}
.aboutP-2 .t1,.aboutP-2 .t2{ font-size: 18px;}
.aboutP-2 .t1 span{ font-weight: bold; background: url(../images/ai1.png) no-repeat scroll left center; padding-left: 18px;}
.aboutP-2 .t2 span{ background: url(../images/ai2.png) no-repeat scroll left center; padding-left: 18px;}
/*about style end*/
/*problem style*/
.problemList{ padding: 22px 0px; position: relative;}
.problemList a:link,.problemList a:visited { color: #373737;}
.problemList a:active,.problemList a:hover { color: #B53146;}
.problemList li{ font-size: 16px;}
.problemList .t{ line-height: 40px; height: 40px; overflow: hidden;}
.problemList .c{ color: #7f7f7f; margin: 0px 0px 30px 8px; width: 658px; line-height: 1.5; height: 72px; overflow: hidden; display: none;}
.problemList a:hover .c{ display: block;}
.paging2 a:link,.paging2 a:visited { color: #373737;}
.paging2 a:active,.paging2 a:hover { color: #B53146;}
.paging2{ padding: 10px 0px; text-align: center; font-size: 16px; color: #373737;}
.paging2 .curpage,.paging2 .line{ margin: 0px 8px;}
.sider-problem-con,.sider-problem{ float: right; display: block; width: 66%;}
.sider-problem{ width: 28%; float: left;}
.bdsharebuttonbox{ margin: 30px 0px;}
.newIT{ font-size: 18px; line-height: 1.4; color: #2c2725; padding-bottom: 15px;}
.newIT a:link,.newIT a:visited { color: #2c2725;}
.newIT a:active,.newIT a:hover { color: #B53146;}
.newIT a,.newIT span{ margin-right: 10px;  background: url(../images/ico2.png) no-repeat scroll left center;  padding: 0px 0px 0px 18px; }
.problemInner{ position: relative;}
.problemInner .lin3{ top: -7px;}
.lin4{ background: url(../images/line4.png) repeat-y; width: 2px; height:100%; position: absolute; top: 0px; display: block;}
.problemInner .lin4{ left: 30%;}
.problem-T{ font-size: 24px; line-height: 1.2; color: #1F1A17; padding: 20px 0px 10px; text-align: center;}
.problem-I{ text-align: center; padding:10px 5%; background-color: #f6f6f6; margin-bottom: 20px;}
.problem-I .line{ margin: 0px 10px;}
.problem-remcon a:link,.problem-remcon a:visited { color: #373737;}
.problem-remcon a:active,.problem-remcon a:hover { color: #B53146;}
.problem-remcon li{ font-size: 16px; background: url(../images/line5.png) repeat-x scroll left bottom; text-overflow: ellipsis; white-space: nowrap; padding-top: 4px; height: 42px; line-height: 42px; overflow: hidden;}
/*problem style end*/
/*whole style*/
.whole-box a:link,.whole-box a:visited { color: #808080;}
.whole-box a:active,.whole-box a:hover { color: #373737;}
.whole-box{ padding: 42px 0px 25px;}
.whole-box .t{ font-size:24px; line-height: 1.2; margin-bottom: 38px; color: #1E1A1B;}
.whole-box .c{ width: 100%; font-size: 16px; line-height: 1.5; color: #808080; margin-bottom: 40px;}
.whole-p1,.whole-p2{ float: left; display: block; padding: 2px 10px; border: 1px solid #605c5a; color: #1E1A1B; font-size: 20px; line-height: 1.5; border-radius: 8px; margin-right: 38px;}
.whole-p1 .red,.whole-p2 .red{ color: #B53146;}
.sity_screen .screen .name {
	width:172px;
	height:40px;
	line-height:40px;
	background:#f2a500
}
.sity_screen .screen .name a {
	color:#fff
}
.sity_screen .screen .name:before {
	width:30px;
	height:40px;
	position:absolute;
	left:-30px;
	top:0;
	display:block;
	content:'';
	background:-34px -160px url("http://icon.carimg.com/static/0200/icon.png")
}
.sity_screen .screen .box {
	padding:6px 0;
	line-height:28px
}
.sity_screen .screen .box * {
	margin-left:10px
}
.sity_screen .screen .box select {
	width:116px;
	height:1.1;
	line-height:1.1;
	padding:4px
}
.sity_screen .screen .box input {
	height:28px;
	line-height:28px
}
.sity_screen .cont {
	background:#f6f6f6;
	padding-top:22px;
	border:1px solid #d4d4d4;
	margin-bottom:20px
}
.sity_screen .cont dl {
	line-height:30px;
	margin-bottom:28px
}
.sity_screen .cont dl dt {
	width:160px;
	padding-left:34px;
	font-size:16px;
	color:#333
}
.sity_screen .cont dl dd {
	width:975px
}
.sity_screen .cont dl dd a {
	display:block;
	float:left;
	margin-right:18px;
	font-size:14px;
	color:#666
}
.sity_screen .cont dl dd a.active,.sity_screen .cont dl dd a:hover {
	color:#ff4048
}
.sity_screen .cont dl.city_1 {
	margin-bottom:22px
}
.sity_screen .cont dl.city_1 dd a {
	margin-right:38px;
	color:#f8a538
}
.sity_screen .cont dl.city_2 {
	background:#d0d0d0;
	line-height:40px
}
.sity_screen .cont dl.city_2 dd a {
	margin-right:0;
	padding:0 8px
}
.sity_screen .cont dl.city_2 dd a.active,.sity_screen .cont dl.city_2 dd a:hover {
	color:#ff4048;
	background:#fff
}
.sity_screen .cont dl.city_3 a {
	width:90px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.fl{ float: left !important;}
.whoel-T{ background-color: #cccccc; color: #35302e; border-left: 5px solid #B53146; font-size: 20px; padding: 0px 15px;}
.whoel-imglist{ margin-top: 24px;}
.whoel-imglist a:link,.whoel-imglist a:visited { color: #373737;}
.whoel-imglist a:active,.whoel-imglist a:hover { color: #B53146;}
.whoel-clist a:link,.whoel-clist a:visited { color: #666666;}
.whoel-clist a:active,.whoel-clist a:hover { color: #B53146;}
.whoel-clist{ font-size: 16px; padding: 15px 20px; background-color: #e5e5e5;}
.whoel-clist a{ margin-right: 15px;}
/*whole style end*/
/*contact style*/
.contact-list a:link,.contact-list a:visited { color: #666666;}
.contact-list a:active,.contact-list a:hover { color: #B53146;}
.contact-list{ padding-top: 10px;}
.contact-list .contact-lbox,.contact-list .contact-rbox{ float: left; display: block; width: 48%;}
.contact-list .contact-rbox{ float: right;}
.map{ width: 100%; height: 660px; border: 1px solid #c7c7c7; margin-top: 20px;}
.cmap{ border-bottom: 1px solid #e2e2e2; padding-bottom: 30px; font-size: 14px; margin-bottom: 30px; color: #666666; }
.cmap:last-child{ border-bottom: 0px none; margin-bottom: 0px; padding-bottom: 0;}
.cmap .c-name{ font-size: 18px; line-height: 1.2; margin-bottom: 12px; color: #1E1A1B;}
.cmap .c-add,.cmap .c-tel,.cmap .c-qq{ background: url(../images/c_icon.png) no-repeat scroll left 2px; padding-left: 35px; margin-bottom: 5px;}
.cmap .c-tel{ background-image: url(../images/phone_icon.png);}
.cmap .c-qq{ background-image: url(../images/q_icon.png);}
/*contact style end*/
/*siteMap style*/
.siteMap a:link,.siteMap a:visited { color: #666666;}
.siteMap a:active,.siteMap a:hover { color: #B53146;}
.siteMap{ font-size: 14px;}
.siteMap dt{ background-color: #f2f2f2; padding: 5px 25px; font-size: 18px; color: #1E1A1B;}
.siteMap dd{ padding:20px 25px;}
.siteMap dd a{ margin-right: 15px; display: inline-block;}
/*siteMap style end*/
/*404*/
.page-404{ width: 670px; margin: 0px auto; overflow: hidden; padding-bottom: 50px;}
.page-404 .t{ font-size: 36px;line-height: 1.2; color: #000000;}
.page-404 .btn-box a{ display: block; float: left; width: 180px; height: 42px; line-height: 42px; text-align: center; font-size: 20px; color: #fff; background-color: #B53146;}
.page-404 .btn-box a.btn-42{ margin-left: 28px; background-color: #484848;}
.page-404 .btn-box a:hover{ background-color: #e5b7be; color: #191919;}
/*404 end*/

#newBridge .nb-icon-wrap-0 {display:none;}