@charset "utf-8";
/* 
 * Project Name:捷达菜谱品牌设计
 * Author:TT
 * Date：2017-10-13
 */
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; }
.gropBox{ width: 100%; background-color: #191816; color: #fff; font-size: 14px; padding: 5px 0px;}
.gropBox a:link,.gropBox a:visited { color: #fff;}
.gropBox a:active,.gropBox a:hover { color: #fff;}
.silder-top-w{ float: right; display: block;}
.wx-gz{ background: url(../images/erm_bg.png) no-repeat scroll left center; padding-left: 27px;}
.silder-top-w .sline{ padding: 0px 10px;}
.silder-top-w .tel{ margin-left: 22px; font-style: italic;}
.silder-top-w a{ position: relative;}
.silder-top-w a:before{ content:""; width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:-2px; 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);  visibility:hidden\9; }
.silder-top-w a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.ermsblack { 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; }
.ermSBox { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 14px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
.top{ padding: 24px 0px; overflow: hidden;}
.top a:link,.top  a:visited { color: #333333;}
.top a:active,.top  a:hover { color: #ce3c5b;}
.logo{ float: left; display: block; position: relative;}
.logo .img{ width: 286px; display: block; float: left;}
.logo .by{ float: left; display: block; margin: 22px 0px 0px 25px; font-size: 18px; line-height: 1.5; color: #333;}
.silder-top-info{ float: right; display: block; position: relative; padding:20px 110px 0px 0px;}
.ermTbox{width: 96px; height: 96px; overflow: hidden; position: absolute; right: 0; top: 0;}
.ermTbox img{ width: 100%; display: block;}
.telTbox{ background: url(../images/tel_bg.png) no-repeat scroll center center; width: 207px; padding-left: 30px; text-align: center; height: 33px; line-height: 33px; overflow: hidden; font-size: 24px; font-weight: bold; color: #1f1a17; margin-bottom: 5px;}
.linkTbox{ padding-left: 12px;}
.linkTbox .line{ padding: 0px 5px;}
.navbox a:link,.navbox  a:visited { color: #fff;}
.navbox a:active,.navbox  a:hover { color: #212121;}
.navbox{ background-color: #ce3c5b;}
.nav li{ float: left; display: block; width: 11.11%;}
.nav a{ display: block; height: 50px; line-height: 50px; font-size: 16px; text-align: center; position: relative; z-index: 1;}
.nav a:before{ content:""; width:100%; height:100%; z-index: -1; background-color:#f3f4f6; 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);  visibility:hidden\9; }
.nav a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.nav a.active{ background-color: #fff; color: #212121;}
.linkIbox{ border-top: 1px solid #ce3c5b; padding: 8px 0px; font-size: 14px; color: #474341;}
.linkIbox a:link,.linkIbox a:visited { color: #474341;}
.linkIbox a:active,.linkIbox a:hover { color: #ce3c5b;}
.linkIbox a{ margin-left: 6px;}
.foot{ background-color: #ce3c5b; padding: 25px 0px; color: #fff; font-size: 14px; text-align: center;}
.foot a:link,.foot a:visited { color: #fff;}
.foot a:active,.foot a:hover { color: #000;}
.menu-handler { background-color: #4c4c4c; display: block; width: 84px; height: 68px; 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: 68px; font-size: 14px; color: #fff;}
.menu-handler .burger { width: 20px; border-radius: 2px; height: 2px; background-color: #fff; display: block; position: absolute; z-index: 5; top: 25px; 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: 32px; }
.menu-handler .burger-3 { top: 39px; }
.menu-handler.active .burger-1 { top: 32px; -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: 32px; -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: #f3f4f6; 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; }
.menuBox-logo { padding: 10px 30px; display: block; background-color: #fff;}
.menuBox-logo a img{ height: 48px; 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 a { padding: 12px 30px; display: block; position: relative; font-size: 16px; line-height: 1.4; }
.navMobile li.active a { 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; }
.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: 33.33%; height: 30px; padding: 10px 0px; line-height: 30px; font-size: 14px; float: left; display: block; text-align: center; color: #fff;}
.siderFoot .homeico{ background-color: #7dc0c0;}
.siderFoot .kfico{ background-color: #c3af7c;}
.siderFoot .telico{ background-color: #ff4b62;}
.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); }
.dock-box a:link, .dock-box a:visited{ color: #fff;}
.dock-box a:active,.dock-box a:hover { color: #fff;}
.dock-box{ position: fixed; right: 0; bottom: 2%; z-index: 1000;}
.dock-list{ width: 60px; float: right;}
.dock-list li{ margin-bottom: 5px;}
.dock-list .item{ width: 58px; height: 58px; display: block; position: relative;}
.dock-list .item .ico{ width: 100%; height: 100%; display: block; position: relative;}
.dock-list .item .ico i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;}
.dock-list .item:hover .dock-c{ opacity: 1; visibility: visible; right: 70px;}
.dock-list .item i.inum{ background: url(../images/num.png) no-repeat; width: 30px; height: 30px; position: absolute; left: -8px; top: -10px;}
.dock-c{ opacity: 0; visibility: hidden; right: 80px; -webkit-transition: 400ms; transition: 400ms; }
.dock-weixin-c{ position: absolute; top: -41px; padding: 8px; width: 110px; background-color: #fff;}
.dock-weixin-c img{ width: 100%; display: block;}
.dock-weixin-c i{ width: 0; height: 0; border-top: 8px solid transparent;border-left: 10px solid #fff;border-bottom: 8px solid transparent; position: absolute; right: -10px; top: 50%; margin-top: -5px;}
.dock-tel-c{ position: absolute; top: 5px; height: 48px; line-height: 48px; padding: 0px 12px; background-color: #52bd00; color: #fff; font-size: 18px; white-space: nowrap;}
.dock-tel-c i{ width: 0; height: 0; border-top: 8px solid transparent;border-left: 10px solid #52bd00;border-bottom: 8px solid transparent; position: absolute; right: -10px; top: 50%; margin-top: -5px;}
.dock-zx-c{ position: absolute; top: 5px; height: 48px; line-height: 48px; padding: 0px 12px; background-color: #00a3ff; color: #fff; font-size: 18px; white-space: nowrap;}
.dock-zx-c i{ width: 0; height: 0; border-top: 8px solid transparent;border-left: 10px solid #00a3ff;border-bottom: 8px solid transparent; position: absolute; right: -10px; top: 50%; margin-top: -5px;}
/*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*/
.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; }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.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; }
.action.transYT { 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; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.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;}
.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 .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); }
.iproductBox{ padding: 50px 0px;}
.iproductBox .lbox,.sider-case{ width: 280px; float: left; display: block;}
.iproductBox .rbox,.sider-case-page{ width: 876px; float: right; display: block;}
.iproduct-nav-t{ background: url(../images/ico_menu.png) no-repeat scroll 90% center #ce3c5b; color: #fff; font-size: 20px; font-weight: bold; height: 62px; line-height: 62px; padding-left: 25px; margin-bottom: 8px;}
.iproduct-nav-c a:link, .iproduct-nav-c a:visited { color: #fff; }
.iproduct-nav-c a:active, .iproduct-nav-c a:hover { color: #cd3f5d; }
.iproduct-nav-c li{ margin-bottom: 8px; position: relative; z-index: 40;}
.iproduct-nav-c .item{ display: block; height: 64px; height: 64px; color: #fff; padding: 0px 24px; background-color: #585e5c; font-size: 18px; line-height: 62px;}
.iproduct-nav-c .item:hover,.iproduct-nav-c .item.active{ background-color: #ce3c5b; color: #fff;}
.iproduct-nav-c .subshow .item{ background-image: url(../images/more_i1.png); background-repeat: no-repeat; background-position: 94% center;}
.iproduct-subnav{ position: absolute; left: 100%; top: 0; padding: 15px 20px; background: url(../images/ipronav_bg.png) repeat; background: none rgba(0,0,0,0.4); white-space: nowrap; display: none;}
.iproduct-subnav a{ display: block; font-size: 15px; padding: 4px 0px;}
.iproduct-tel{ background-color: #ce3c5b; color: #fff; padding: 22px 0px 12px; width: 280px;}
.iproduct-tel a:link, .iproduct-tel a:visited { color: #fff; }
.iproduct-tel a:active, .iproduct-tel a:hover { color: #fff; }
.iproduct-tel .by{ padding: 0px 24px 24px;}
.iproduct-tel .t{ padding: 0px 24px 10px; border-bottom: 1px solid #df90a2; margin-bottom: 10px;}
.iproduct-tel .tel{ font-size: 29px; font-weight: bold; line-height: 1.2; padding: 0px 24px; letter-spacing: 0.1rem;}

.iproduct-tel.fixed{ position: fixed; right: 50%; margin-right:310px; top: 10px; z-index: 720;}

.iproduct-t{ border-bottom: 1px solid #585e5c; border-top: 1px solid #585e5c; height: 46px; line-height: 46px; padding: 7px 0px;}
.iproduct-t .zh{ margin-left: 20px; font-size: 20px; color: #000;}
.iproduct-t .more{ padding: 0px 12px; height: 46px; display: block; float: right; background-color: #ce3c5b; color: #fff;}
.iproduct-t .more span{ font-size: 16px;}
.iproduct-t .more:hover{ background-color: #585e5c; color: #fff;}
.iproduct-list a:link, .iproduct-list a:visited { color: #241f1c; }
.iproduct-list a:active, .iproduct-list a:hover { color: #cd3f5d; }
.iproduct-list ul{ margin-left: -1%;}
.iproduct-list li{ float: left; display: block; width: 32.33%; margin: 8px 0px 0px 1%;}
.iproduct-list .img{ overflow: hidden; position: relative;}
.iproduct-list .img img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms;}
.iproduct-list .bg{ background: url(../images/bai_30.png) repeat; background: none rgba(255,255,255,0.3); width: 100%; height: 100%; opacity: 0; position: absolute; left: 0px; top: 0px; display: block; visibility: hidden;}
.iproduct-list li:hover .bg{ opacity: 1; visibility: visible;}
.iproduct-list li:hover .img img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.iledmore{ width: 100%; padding: 2% 0px; text-align: center; margin: 18px auto 0px; background-color: #CE3C5B; color: #fff; font-size: 16px; display: none;}
.iserviceBox{ background-color: #585e5c; padding: 50px 0px;}
.iserviceBox .t1,.iserviceBox .t2{ float: left; display: block; border-bottom: 1px solid #aaadac; border-top: 1px solid #aaadac; padding: 18px 0px; width: 59%;}
.iserviceBox .t2{ float: right; width: 39%;}
.iserviceBox .t1 img,.iserviceBox .t2 img{ display: block; height: 105px; }
.iserviceList{ padding-top: 36px;}
.iserviceList dd{ float: left; display: block; margin-top: 8px; background-color: #f3f4f6; height: 240px;  color: #2c2825; -webkit-transition:background 0.3s; transition:background 0.3s;}
.iserviceList .item1{ width: 59%; margin-right: 1%;}
.iserviceList .item2{ width: 40%;}
.iserviceList .item3{ width: 43%; margin-right: 1%;}
.iserviceList .item4{ width: 56%; }
.iserviceList .item-t{ padding: 26px 30px;}
.iserviceList .ico{ float: left; display: block; position: relative; margin-right: 25px;}
.iserviceList .ico img{ display: block; -webkit-transition: 0.3s; transition: 0.3s;}
.iserviceList .ico .i2{ position: absolute; left: 0; top: 0; visibility: hidden;}
.iserviceList .zh{ font-size: 24px; display: block; line-height: 1.2; padding-top: 20px;}
.iserviceList .en{ font-size: 16px; display: block;}
.iserviceList .item-c{ padding: 0px 30px; font-size: 14px;}
.iserviceList .item-c span{ font-size: 16px;}
.iserviceList .item3,.iserviceList .item4{ height: 200px;}
.iserviceList .item3 .item-t{ padding-bottom: 20px;}
.iserviceList .item4 .item-t{ padding-bottom: 10px;}
.iserviceList .item4 .item-c{ margin-left: 110px;}
.iserviceList dd:hover{ background-color: #ce3c5b; color: #fff;}
.iserviceList dd:hover .ico { -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 dd:hover .ico .i1{ visibility: hidden;}
.iserviceList dd:hover .ico .i2{ visibility: visible;}
@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); }
}

@-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); }
}
.ichooseUs{ padding: 90px 0px 64px; position: relative;}
.ichooseUs-logo{ position: absolute; right: 0; top: 0;}
.ichooseCon .t{ width: 58%; border-top: 1px solid #999898; padding: 28px 0px 22px; color: #000;}
.ichooseCon .zh{ font-size: 68px; font-family: "微软正黑体","Microsoft JhengHei"; line-height: 1; float: left;}
.ichooseCon .enbox{ float: right; display: block; width: 220px; border-bottom: 1px solid #8f8d8d; padding-bottom: 12px;}
.ichooseCon .en{ font-weight: bold; font-size: 29px; line-height: 1.2; padding-bottom: 6px; margin-bottom: 12px; border-bottom: 1px solid #8f8d8d; display: block;}
.ichooseCon .i1{ width: 100%; display: block;}
.ichooseCon-box a:link, .ichooseCon-box a:visited { color: #000; }
.ichooseCon-box a:active, .ichooseCon-box a:hover { color: #000; }
.ichooseCon-box{ font-size: 18px; color: #000; border-bottom: 1px solid #999898; border-top: 1px solid #999898; padding: 15px 0px;}
.ichooseCon-box p{ margin-bottom: 5px;}
.ichooseCon-box p span{ display: inline-block; padding: 0px 8px; transition: background 0.3s; -webkit-transition:background 0.3s;}
.ichooseCon-box p span:hover{ background-color: #CD3F5D; color: #fff;}
.icustormBox a:link,.icustormBox a:visited { color: #ce3c5b;}
.icustormBox a:active,.icustormBox a:hover { color: #fff;}
.icustormBox{ padding: 168px 0px; color: #ce3c5b; 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"; text-shadow: 1px 3px 1px rgb(255, 255, 255);}
.itypeBox{ background-color: #585E5C; padding: 75px 0px 50px; color: #fff; text-align: center;}
.itypeBoxC .t{ font-size: 48px; line-height: 1.2;}
.itypeBoxC .by{ padding: 12px 0px;}
.itypeBoxC .by span{ border: 2px solid #fff; display: inline-block; font-weight: bold; padding: 0px 26px; font-size: 52px; line-height: 1.4;}
.itypeBoxC .c{ font-size: 16px; width: 78%; margin: 0px auto;}
.itypeBox-list{ padding-top: 42px;}
.itypeBox-list li{ float: left; display: block; width: 15.06%; padding: 20px 0.8% 25px; transition: background 0.3s; -webkit-transition:background 0.3s;}
.itypeBox-list .ico{ width: 111px; position: relative; overflow: hidden; margin: 0px auto 15px;}
.itypeBox-list .ico img{ width: 100%; display: block;}
.itypeBox-list .t{ font-size: 16px; margin: 0 0 5px;}
.itypeBox-list .c{ border: 1px solid #9fa2a2; padding: 4px; min-height: 65px; color: #eff0f0;}
.itypeBox-list li:hover{ background-color: #ce3c5b;}
.itypeBox-list li:hover .c{ border-color: #fff;}
.iimgbox{ background-position: center bottom; background-repeat: repeat-x;}
.iHPbox{ height: 440px; padding: 50px 0px; }
.iHPbox .zh,.iHPbox .en{ color: #000; font-size: 32px; line-height: 1.2; margin: 0; font-weight: normal;}
.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: 536px;}
.ipigeBox .inner{ background: url(../images/i_bg31.png) repeat-y scroll right top;}
.ipigeBox .bg{ background-color: #4d5f80;}
.ipigeBox .zh{ font-size: 29px; line-height: 1.2; margin: 0 0 5px; font-weight: normal;}
.ipigeBox .en{ font-size: 14px; line-height: 1.4;}
.ipigeBox .c{ width: 675px; color: #fff; padding: 25px 0px;}
.ipigeBox .img{ display: none;}
.ibyBox a:link,.ibyBox a:visited { color: #fff500;}
.ibyBox a:active,.ibyBox a:hover { color: #fff500;}
.ibyBox{ background-color: #ce3c5b; color: #fff;}
.ibyBox .inner{ padding: 32px 0px; position: relative; overflow: hidden;}
.izy-ico{ position: absolute; right: 0; top: 20px;}
.ibyBox .t{ position: relative; z-index: 4; font-size: 18px; line-height: 1.4;}
.ibyBox .t .tel{ font-style: italic; font-weight: bold; color: #fff500; font-size: 24px;}
.ibyBox .erm{ float: left; display: block; margin-right: 24px;}
.ibyBox .c{ padding-top: 18px;}
.iprocessBox a:link,.iprocessBox a:visited { color: #000;}
.iprocessBox a:active,.iprocessBox a:hover { color: #CD3F5D;}
.iprocessBox{ padding: 70px 0px 20px; color: #000; }
.iprocessL{ float: left; display: block; width: 390px;}
.iprocessL .tlogo{ margin-bottom: 132px;}
.iprocessL .tbox{ line-height: 1; border-top: 1px solid #8a8888; border-bottom: 1px solid #8a8888; padding: 12px 0px; width: 298px; margin-bottom: 58px;}
.iprocessL .tbox .zh{ display: block; font-size: 68px; margin-bottom: 4px;}
.iprocessL .tbox .en{ font-size: 30px; font-weight: bold;}
.iprocessL .by{ font-size: 24px; margin-bottom: 10px; line-height: 1.5;}
.iprocessL .c{ font-size: 14px;}
.iprocessR{ float: right; width: 712px;}
.iprocessRlist li{ float: left; display: block; width: 31.33%; text-align: center; padding: 0px 1%; margin-bottom: 60px;}
.iprocessRlist .t{ font-size: 18px;}
.iprocessRlist .ico{ width: 114px; margin: 0px auto 5px; display: block;}
.iprocessRlist li:hover .ico { -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; }
.inewBox{ background-color: #585e5c; padding: 70px 0px; color: #fff;}
.inewBox .iboxT{ color: #fff; 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%);
  }
}
.inewBox .iboxT.on{ display: block;}
.inewBox-tab a:link,.inewBox-tab a:visited { color: #333;}
.inewBox-tab a:active,.inewBox-tab a:hover { color: #fff;}
.inewBox-tab{ text-align: center; width: 438px; margin: 0px auto; padding: 40px 0px 85px;}
.inewBox-tab li{ float: left; display: block; width: 144px; margin:0px 1px;}
.inewBox-tab a{ display: block; background-color: #fff; font-size: 18px; height: 40px; line-height: 40px;}
.inewBox-tab a:hover{ background-color: #ce3c5b;}
.inewBox-tab a.item1{ border-radius: 8px 0px 0px 8px;}
.inewBox-tab a.item3{ border-radius: 0px 8px 8px 0px;}
.inewBox-tab li.on a{ background-color: #ce3c5b; color: #fff;}
.inew-imgbox{ position: relative;}
.inew-imgbox .item { overflow: hidden; margin: 0px 5px;}
.inew-imgbox .item .img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms;}
.inew-imgbox .item:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.inew-imgbox .slick-arrow { border:2px solid #fff; border-radius: 50%; width: 44px; height: 44px; z-index: 10; top: 50%; margin-top: -24px; }
.inew-imgbox .slick-arrow i {  width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.inew-imgbox .slick-prev { left: -60px; }
.inew-imgbox .slick-next { right: -60px; }
.inew-imgbox .slick-prev i { background: url(../images/img_l1.png) no-repeat scroll center center;  }
.inew-imgbox .slick-next i { background: url(../images/img_r1.png) no-repeat scroll center center; }
.inew-imgbox .slick-prev:hover i { transform: translateX(-5px); -webkit-transform: translateX(-5px); }
.inew-imgbox .slick-next:hover i { transform: translateX(5px); -webkit-transform: translateX(5px); }
.inewBox-tabC a:link,.inewBox-tabC a:visited { color: #fff;}
.inewBox-tabC a:active,.inewBox-tabC a:hover { color: #CD3F5D;}
.inew-threenbox dd{ float: left; display: block; width: 36%; margin: 0px 7%;}
.inewImg img{ width: 100%; display: block;}
.inewImg{ overflow: hidden; margin-bottom: 15px;}
.inewsList li{ font-size: 16px; height: 32px; line-height: 32px; overflow: hidden; background: url(../images/sico2.png) no-repeat scroll left center; padding-left: 30px;}
.inewsList .time{ margin-left: 8px; font-size: 14px;}
.inewBox-tabC .itemb{ color: #fff; 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;}
.inewBox-tabC .itemb.on{ display: block;}

.icooperationBox{ padding: 50px 0px 65px;}
.icooperationBox a:link,.icooperationBox a:visited { color: #000;}
.icooperationBox a:active,.icooperationBox a:hover { color: #CD3F5D;}
.icooperationList{ overflow: hidden; margin: 50px auto 0;}
.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 img{ width: 100%; display: block;}
.icooperationList .name{ line-height: 1.2; font-size: 14px; color: #1F1A17; height: 18px; 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; }
.iboxT{ text-align: center; color: #000;}
.iboxT .zh{font-size: 40px; line-height: 1.2; margin: 0; font-weight: normal;}
.iboxT .en{font-size: 36px; line-height: 1.2;}
.iboxT .by{ font-size: 14px; margin-top: 8px;}
.ilogoBox a:link,.ilogoBox a:visited { color: #ce3c5b;}
.ilogoBox a:active,.ilogoBox a:hover { color: #ce3c5b;}
.ilogoBox{ background-repeat: no-repeat; background-size: cover; padding: 50px 0; color: #ce3c5b;}
.ilogoBox .ilogo{ max-width: 65%;}
.ilogoBox .telb{ padding-top: 25px;font-size: 22px;}
.ilogoBox .telb .t{ font-size: 30px; line-height: 1.4; font-weight: bold;}
.icontactBox a:link,.icontactBox a:visited { color: #6c6c6c;}
.icontactBox a:active,.icontactBox a:hover { color: #CD3F5D;}
.icontactBox{ margin: 50px auto; overflow: hidden;}
.icontactBox ul{ margin: -1px 0px 0px -1px;}
.icontactBox li{ float: left; display: block; width: 33.33%; border-top: 1px solid #aaa9a9; font-size: 14px; line-height: 1.5;}
.icontactBox .item{ border-left: 1px solid #aaa9a9; padding: 32px 32px 10px; height: 260px; }
.icontactBox .img{ margin-left: 24px; margin-bottom: 15px; width: 227px; overflow: hidden;}
.icontactBox .img img{ width: 100%; display: block;}
.icontactBox h2{ margin: 0 0 10px 24px; font-size: 22px; font-weight: normal; color: #000; border-bottom: 1px solid #dddddd; padding-bottom: 8px;}
.icontactBox .addressI{background: url(../images/add_i1.png) no-repeat scroll left 2px; padding-left: 24px; margin-bottom: 5px;}
.icontactBox .phoneI{background: url(../images/tel_i.png) no-repeat scroll left 2px; padding-left: 24px;}
.icontactBox .ermbox{ text-align: center; color: #000;}
.cred{ color: #CD3F5D;}
/*index style*/
/*about style*/
.pagePaing{ padding: 40px 0px 60px;}
.pageC a:link,.pageC a:visited { color: #333;}
.pageC a:active,.pageC a:hover { color: #CE3C5B;}
.pageC{ font-size: 14px; color: #333;}
.pageC img{ max-width: 100% !important;height: auto !important;}
.pageC table{ border-collapse:collapse; width:100%!important}
.pageC tr td{ border: 1px solid #b2b2b2; padding: 5px;}
.jdbot{ border-bottom: 1px dashed #726f6d;}
.pagecur{ color: #333; padding-bottom: 4px;}
.pagecur a:link,.pagecur a:visited { color: #333;}
.pagecur a:active,.pagecur a:hover { color: #CD3F5D;}
.pagecur .fg{ padding: 0px 2px;}
.pageT{ padding: 26px 0px 12px; border-bottom: 1px dashed #726f6d; color: #333; font-size: 28px; line-height: 1.5; margin-bottom: 20px;}
.pageT .en{ padding-left: 16px;}
.aPitem1,.aPitem2{ position: relative; min-height: 336px; display: inline-block; width: 49%;}
.aPitem1{ float: left;  font-size: 15px;}
.aPitem2{ float: right; font-size: 13px; font-family:"times new roman";}
.aboutp-img{ margin-top: 20px; background-color: #9f928c; position: relative;}
.aboutp-img .img{ width: 67%; padding-left: 33%;}
.aboutp-img .con{ width: 33%; position: absolute; left: 0%; height: 100%; top: 0px; background-size: auto 50%; background-position: left 10%; background-repeat: no-repeat; color: #fff;}
.aboutP-list{ position: absolute; left: 20%; bottom: 4%;}
.aboutP-1{ font-size: 20px; line-height: 1.2; margin-bottom: 36px;}
.aboutP-1 .t{ font-size: 22px; margin-bottom: 5px;}
.aboutP-2{ font-size: 16px; margin-bottom: 40px; line-height: 1.5;}
.aboutP-2 .t1,.aboutP-2 .t2{ font-size: 18px; color: #000;}
.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*/
/*news style*/
.problemList{ padding: 0px 0px 20px; border-bottom: 1px dashed #726f6d; position: relative;}
.problemList a:link,.problemList a:visited { color: #333;}
.problemList a:active,.problemList a:hover { color: #CE3C5B;}
.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;}
.paging a:link,.paging a:visited { color: #333;}
.paging a:active,.paging a:hover { color: #fff;}
.paging {text-align: center; padding-top: 25px; font-size: 14px;}
.paging a {padding: 6px 10px; background: #d0cfcf;margin: 2px;}
.paging a:hover,.paging a.active{ background: #CE3C5B;color: #ffffff;}
.sider-problem-con,.sider-problem{ float: right; display: block; width: 66%;}
.sider-problem{ width: 28%; float: left;}
.problemInner{ position: relative; margin-top: 10px;}
.lin4{ background: url(../images/line4.gif) 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.gif) repeat-x scroll left bottom; text-overflow: ellipsis; white-space: nowrap; padding-top: 4px; height: 42px; line-height: 42px; overflow: hidden;}
.bdsharebuttonbox{ margin: 30px 0px;}
/*news style end*/
/*testimonials style*/
.pbanner{ overflow: hidden; margin-bottom: 30px;}
.pbanner .pimg{ width: 100%; display: block;}
.testimonialsPage{ padding-bottom: 75px;}
.testimonialsPage .iboxT{ padding-top: 45px;}
/*testimonials style end*/
/*product style*/
.caseInner{ padding-bottom: 70px;}
.caseInner2{ width: 868px;}
.case-nav a:link,.case-nav a:visited { color: #fff;}
.case-nav a:active,.case-nav a:hover { color: #fff;}
.case-nav{ margin-left: -1%;}
.case-nav li{ float: left; display: block; width: 19%; margin:0px 0px 8px 1%; position: relative;}
.case-nav .li1,.case-nav .li2,.case-nav .li3,.case-nav .li4{ width: 24%;}
.case-nav .item{ background-color: #585e5c; display: block; text-align: center; font-size:20px; padding: 2px 0px;}
.case-nav .item:hover,.case-nav .item.active,.case-nav .item.hov{ background-color: #CE3C5B; color: #fff;}
.case-nav .subshow .item{ background-image: url(../images/more_i1.png); background-repeat: no-repeat; background-position: 94% center;}
.cpnav { display: none; padding: 0px 5%; color: #fff; line-height: 32px; height: 32px; overflow: hidden; font-size: 17px; background-color: #ce3c5b; cursor: pointer; position: relative;}
.cpnav .caret{ background: url(../images/ico_menu.png) no-repeat scroll left center; position: absolute; right: 5%; top: 0px; height: 100%; width: 20px;}
.product-subnav{ position: absolute; left: 0; top: 100%; width: 100%; z-index: 100; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); display: none;}
.product-subnav a{ display: block; font-size: 16px; padding: 2px 10px; text-align: center;}
.product-subnav a:hover{ color: #fee388;}
.case-infobox a:link,.case-infobox a:visited { color: #5f5f5f;}
.case-infobox a:active,.case-infobox a:hover { color: #B53146;}
.case-infobox{ padding: 44px 0px 24px; background: url(../images/yy.png) repeat-x scroll center top; text-align: center; color: #323232; }
.case-infobox h1{ font-size: 28px; line-height: 1.2; font-weight: normal; margin: 0px;}
.case-infobox .by{ margin: 15px auto; font-size: 16px;}
.case-infobox .c{  color: #575351; background: url(../images/line5.gif) repeat-x scroll left bottom; padding-bottom: 20px;}
.case-infobox .jd-by{ background-color: #7f7f7f; color: #fff; width: 163px; margin: 0px auto; position: relative; top: -2px;}
.case-page{ padding: 0px 0px 80px;}
.pageT2{ font-size: 20px; color: #1E1A1B; padding-bottom: 20px; line-height: 1.2; text-align: center; margin: 0; font-weight: normal;}
.product-list a:link, .product-list a:visited { color: #241f1c; }
.product-list a:active, .product-list a:hover { color: #cd3f5d; }
.product-list{ padding-bottom:55px; background: url(../images/line5.gif) repeat-x scroll left bottom; }
.product-list ul{ margin-left: -1%;}
.product-list li{ float: left; display: block; width: 24%; margin: 8px 0px 0px 1%;}
.product-list .img{ overflow: hidden; position: relative;}
.product-list .img img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms;}
.product-list .bg{ background: url(../images/bai_30.png) repeat; background: none rgba(255,255,255,0.3); width: 100%; height: 100%; opacity: 0; position: absolute; left: 0px; top: 0px; display: block; visibility: hidden;}
.product-list .c{ font-size: 16px; height: 50px; overflow: hidden; text-align: center; margin-top: 5px; line-height: 1.5;}
.product-list li:hover .bg{ opacity: 1; visibility: visible;}
.product-list li:hover .img img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.caseIT{ border-bottom: 1px solid #575351; font-size: 16px;line-height: 1.4; color: #2c2725;padding: 30px 0px 8px;}
.caseIT a:link,.caseIT a:visited { color: #2c2725;}
.caseIT a:active,.caseIT a:hover { color: #CE3C5B;}
.caseIT a,.caseIT span{ margin-right: 10px;  background: url(../images/ico2.png) no-repeat scroll left center;  padding: 0px 0px 0px 18px; }
.caseIL{ background-color: #c2c1c1; text-align: center; color: #000; padding: 5px 0px; font-size: 18px; margin:8px 0px;}
.sider-case .cpnav{ font-size: 20px; font-weight: bold; height: 62px; line-height: 62px; padding-left: 25px; margin-bottom: 8px; display: block;}
.sider-case-nav a:link, .sider-case-nav a:visited { color: #fff; }
.sider-case-nav a:active, .sider-case-nav a:hover { color: #cd3f5d; }
.sider-case-nav li{ margin-bottom: 8px; position: relative; z-index: 40;}
.sider-case-nav .item{ display: block; height: 64px;  color: #fff; padding: 0px 24px; background-color: #585e5c; font-size: 18px; line-height: 64px;}
.sider-case-nav .item:hover,.sider-case-nav .item.active{ background-color: #ce3c5b; color: #fff;}
.sider-case-nav .subshow .item{ background-image: url(../images/more_i1.png); background-repeat: no-repeat; background-position: 94% center;}
.sider-case-nav .product-subnav{ position: absolute; left: 100%; top: 0; padding: 15px 20px; background: url(../images/ipronav_bg.png) repeat; background: none rgba(0,0,0,0.4); white-space: nowrap; display: none;}
.sider-case-nav .product-subnav a{ display: block; font-size: 15px; padding: 4px 0px;}
.case-cp{ overflow: hidden; margin: 0px auto;}
.jdhr{ border-bottom: 1px dashed #585e5c;border-top: none; margin-top: 40px;}
.recommendBox{ padding-top: 35px;}
.recommendBox a:link, .recommendBox a:visited { color: #241f1c; }
.recommendBox a:active, .recommendBox a:hover { color: #cd3f5d; }
.recommendBox-list{ margin-left: -1%;}
.recommendBox-list li{ float: left; display: block; width: 24%; margin-left: 1%;}
.recommendBox-list .img{ overflow: hidden;}
.recommendBox-list .img img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms;}
.recommendBox-list .c{ padding:12px 8px; line-height: 1.4; overflow: hidden; font-size: 18px;  text-align: center;}
.recommendBox-list li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
/*product style end*/
/*contact style*/
.contact-list a:link,.contact-list a:visited { color: #666666;}
.contact-list a:active,.contact-list a:hover { color: #CD3F5D;}
.contact-list{ padding-top: 30px;}
.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*/
/*wholeCountry style*/
.whole-box{ padding-bottom: 20px;}
.whole-box .pageT{ padding-top: 0;}
.whole-box .pageC{ font-size: 16px;}
.whole-img-list{ margin-left: -1%;}
.whole-img-list li{ float: left; display: block; width: 32.33%; overflow: hidden; margin:0px 0px 20px 1%;}
.whole-img-list .img{ width: 100%; display: block;}
.sity_screen_t{ background-color: #c0bebe; font-size: 18px; padding: 2px 22px; color: #333; margin-bottom: 28px;}
.sity_screen .screen .name {width:172px;height:40px;line-height:40px;background:#f2a500}
.sity_screen .screen .name a {color:#fff}
.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 {background:#f6f6f6; border:1px solid #d4d4d4;margin-bottom:20px}
.sity_screen dl {line-height:30px;margin-bottom:28px}
.sity_screen dl dt {width:160px;padding-left:34px;font-size:16px;color:#333}
.sity_screen dl dd {width:975px}
.sity_screen dl dd a {display:block;float:left;margin-right:18px;font-size:14px;color:#666}
.sity_screen dl dd a.active,.sity_screen dl dd a:hover {color:#ff4048}
.sity_screen dl.city_1 {margin-bottom:22px}
.sity_screen dl.city_1 dd a {margin-right:38px;color:#f8a538}
.sity_screen dl.city_2 {background:#d0d0d0;line-height:40px}
.sity_screen dl.city_2 dd a {margin-right:0;padding:0 8px}
.sity_screen dl.city_2 dd a.active,.sity_screen dl.city_2 dd a:hover {color:#ff4048;background:#fff}
.sity_screen dl.city_3 a {width:90px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.fl{ float: left !important;}
.whole-tel a:link,.whole-tel a:visited { color: #ba251d;}
.whole-tel a:active,.whole-tel a:hover { color: #CD3F5D;}
.whole-tel{ padding: 35px 0px 0;}
.whole-p1,.whole-p2{ float: left; display: block; padding: 2px 10px; border: 1px solid #8a8886; color: #1f1a17; font-size: 20px; line-height: 1.5; border-radius: 8px; margin-right: 38px;}
.whole-p1 .red,.whole-p2 .red{ color: #ba251d;}
/*wholeCountry style end*/
/*siteMap style*/
.siteMap a:link,.siteMap a:visited { color: #666666;}
.siteMap a:active,.siteMap a:hover { color: #CD3F5D;}
.siteMap{ font-size: 14px; margin-top: 30px;}
.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: 660px; margin: 0px auto; overflow: hidden; padding: 40px 0px;}
.page-404 .t{ font-size: 36px;line-height: 1.2; color: #000000;}
.page-404 .img{ margin-bottom: 35px;}
.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: #CD3F5D; color: #191919;}
/*404 end*/