@charset "utf-8";
/* 
 * Project Name:卡尔文森
 * Author:shue
 * Date：2018-01-27
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, table, caption, tbody, tfoot, thead, tr, th, td, 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;outline: none; font-style:normal;font-size:100%;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 14px/1.8 "Arial","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","SimSun",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul,li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
input[type="text"], input:not([type]), input[type="button"], input[type="submit"], select, textarea { border-radius: 0; box-shadow: none; outline: 0 none !important; overflow: auto; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #0063b4; color: #fff; text-shadow: none; }
::selection { background: #0063b4; color: #fff; text-shadow: 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;color:#3e3a39}
a:link, a:visited { text-decoration: none;color:#3e3a39 }
a:active, a:hover { text-decoration: none;color:#3e3a39 }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl { float: left; display: inline-block; }
.fr { float: right; display: inline-block; }
.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.main .baseWidth,.footer .baseWidth,.header .baseWidth{ width: 1800px; margin: 0 auto;}
.baseWidth{ width: 1200px; margin: 0 auto;}
.txt_overflow{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.img_box,.img{ position: relative; display: block; overflow: hidden; }
.img_box img,.img span,.img_box span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; background-repeat: no-repeat; background-position: center; background-size: cover; }
.img_box:hover span,.img:hover span{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.over{ overflow: hidden; }
.mt20{margin-top:20px}
.time03{animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.time05{animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.time07{animation-delay:0.7s;-webkit-animation-delay:0.7s;}
.time09{animation-delay:0.9s;-webkit-animation-delay:0.9s;}
.time11{animation-delay:1.1s;-webkit-animation-delay:1.1s;}
.time13{animation-delay:1.3s;-webkit-animation-delay:1.3s;}
.time15{animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.time17{animation-delay:1.7s;-webkit-animation-delay:1.7s;}
.time19{animation-delay:1.9s;-webkit-animation-delay:1.9s;}
.time21{animation-delay:2.1s;-webkit-animation-delay:2.1s;}

#pages a{ display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px; border-radius:4px;}
#pages a.a1{ width:70px; padding:0; border-radius:4px;}
#pages a:hover{ background:#f1f1f1; color:#000; text-decoration:none }
#pages span{ display:inline-block; height:30px; line-height:30px; background:#E71E28; border:1px solid #E71E28; color:#fff; text-align:center; padding:0 15px; border-radius:4px;}
.page .noPage{ display:inline-block; width:70px; height:30px; line-height:30px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4;}

/*header*/
.header{ -webkit-transform: translateZ(0); position: fixed; top: 0; width: 100%; height: 100px; line-height: 100px; z-index: 999; }
.h_box{ font-size: 0;text-align:center }
.header .logo{ display: inline-block; vertical-align: middle; width: 17.3%; height: 45px; background: url(../images/images/logoa.png) left center no-repeat; background-size: contain;position:absolute;left:50px;top:30px; }
.header.white .logo{ background: url(../images/images/logo.png) left center no-repeat; background-size: contain; }
.nav li{ position: relative; float: left; height: 100px; padding: 27.5px 0; margin: 0 35px; display: block; font-size: 16px; box-sizing: border-box; }
.nav li > a{ color: #fff; display: block; padding: 0 6px; height: 45px; line-height: 42px; box-sizing: border-box; border-bottom: 3px solid transparent; }
.nav li.on > a,.nav li:hover > a{ color: #fff; border-color: #fff; }
.nav li dl{ left: calc(50% - 2px); box-sizing: border-box; border: 2px solid rgba(0,0,0,.1); border-top: none; line-height: 30px; min-width: 100%; font-size: 14px; padding: 10px 20px; display: none; position: absolute; left: 50%; top: 72.5px; text-align: center; width: auto; line-height: 35px; z-index: 999; background: rgba(0,0,0,0.8);}
.nav li dl a{ display: block; color: #fff; opacity: .6; white-space: nowrap; }
.nav li dl a:hover{ opacity: 1; }
.lang{ margin-left: 14px; position: relative; padding: 0 16px; font-size: 16px; background: url(../images/images/icon3_w.png) right center no-repeat; height: 30px; line-height: 30px;}
.lang span{ color: #fff; cursor: pointer; display: inline-block; }
.lang ul{ display: none; border-radius: 5px; z-index: 666; position: absolute; left: 0px; top: 30px;  background: #ec6700;  padding: 0 10px; }
.lang ul li{ font-size: 14px; height: 30px; line-height: 30px; border-top: 1px solid rgba(255,255,255,.5); white-space: pre; }
.lang ul li:first-child{ border-top: none; }
.lang ul li img{ margin-right: 14px; }
.lang ul li a{ color: #fff; display: block; text-align: center; }
.lang ul li:hover a{ -webkit-animation: swing .8s linear; animation: swing .8s linear; }
.lang:hover ul{ display: block!important; }
.topphone{ float:right;  padding: 0 10px; font-size: 16px;  height: 28px; line-height: 30px;color: #fff; margin-top:30px; margin-right:20px;}
.topphone p.title{float:left;font-size:14px;color:#ec6700;text-align:center;line-height:1.2;width:50px}
.topphone p.phone{float:left;font-size:22px;padding-top:3px;padding-left:8px;letter-spacing:1px;}

.nav{ float:left; margin-left:18%;}

.topsbwx{ margin-top:10px; font-size: 16px; float:right;}
.topsbwx img{width:80px;padding-left:5px}

.header.white{ background: rgba(255,255,255,.9); box-shadow: 0 0 10px #ccc; }
.header.white .logo{ background-size: contain; }
.header.white .nav li{ padding: 0;}
.header.white .nav li > a{ height: 100px; line-height: 98px; color: #000; border-bottom: 2px solid transparent; }
.header.white .nav li.on > a,.header.white .nav li:hover > a{ color: #ec6700; border-color: #ec6700; }
.header.white .nav li dl{ top: 100px; background: rgba(255,255,255,.9);text-align:left  }
.header.white .nav li dl a{ color: #000; opacity: 1; }
.header.white .nav li dl a:hover{ color: #ec6700; }
.header.white .lang{ background: url(../images/images/icon3.png) right center no-repeat; }
.header.white .lang span{ color: #585858; }
.header .language{ color: #fff; display: none; margin-right: 10px; }
.header .language{ font-size: 16px; vertical-align: top;}
.header .language a{ color: #fff; opacity: .5; padding: 0 8px;}
.header .language a:hover,.header .language a.on{ opacity: 1; }
.header.white .language{ color: #000; }
.header.white .language a{ color: #000; opacity: 1; }
.header.white .language a:hover,.header.white .language a.on{ color: #ec6700; }
.header.white .topphone{color: #000;}
.header.white .topphone p.phone{color: red;}
.nav-skip { display: none; box-sizing: border-box; width:2.4rem; height:2.4rem; padding:0.5em 0 .4em; text-indent:2.1875em; font-size:1.3rem; line-height:1.9em; text-align:center;}
.nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.nav-skip span:before,
.nav-skip span:after {position:absolute; content:'';}
.nav-skip span,
.nav-skip span:before,
.nav-skip span:after {width:1.3em; height:2px; background-color:#fff; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
.nav-skip span:before {top:-0.4em;}
.nav-skip span:after {top:0.4em;}
.nav-skip.toggled span {background-color:rgba(0,0,0,0.0)!important; -webkit-transition-delay:0s; transition-delay:0s;}
.nav-skip.toggled span:before,
.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
.nav-skip.toggled span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.header.white .nav-skip span,
.header.white .nav-skip span:before,
.header.white .nav-skip span:after{ background-color: #ec6700; }


/* 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/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;margin:0 auto }
.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.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}


.bannerBox { position: relative; width: 100%; height: 100%; color: #fff; background-color: #f7f7f7; overflow: hidden; }
.bannerBox a:link, .bannerBox a:visited { color: #fff; }
.bannerBox a:active, .bannerBox a:hover { color: #fff; }
.banner .item { opacity: 1 !important; }
.banner .imgbox { width: 100%; height: 100%; display: block; position: absolute; left: 0%; bottom: 0; overflow: hidden;text-align:center }
.banner .pimg { width: 100%; display: block; position: relative; left: 0; top: 0; }


.banner .pimg1 { display: block; }
.banner .pimg2 { display: none; }
.binbox { position: absolute; color: #fff;width: 1000px;left: 50%; margin-left: -500px; top: 40%; z-index: 30; background: url(../images/images/kuang.png) no-repeat center center; transform: translateY(88px); -webkit-transform: translateY(88px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0; visibility: hidden; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);text-align:center }


.binbox .zh-t, .binbox .zh-by, .binbox .bot, .binbox .en-t, .binbox .en-by { opacity: 0; visibility: visible; transform: translateY(80px); -webkit-transform: translateY(80px); text-align:center;}
.binbox .zh-t {font-size:26px;font-family:"黑体";}
.binbox .zh-by { font-size: 42px; font-family:"黑体"; }
.binbox .bot { margin: 20px 0px 15px; width: 70px; height: 3px; background-color: #fff; display: block; }
.binbox .en-t { font-size: 20px;font-family: arial, helvetica, sans-serif;padding-top:20px;}
.binbox .en-by { font-size: 14px; }
.banner .slick-active { z-index: 800 !important; }
.banner .slick-active .imgbox { -webkit-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); -moz-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); }
.banner .slick-active .pimg { /* -webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;  */}
.banner .slick-active .pimg:hover{/*filter: invert(0);*/}

.banner .slick-active .binbox { transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1; visibility: visible; transition: .68s .28s; -webkit-transition: .68s .28s; }
.banner .slick-active .zh-t { -webkit-transition: all .68s 0.5s; transition: all .68s 0.5s; }
.banner .slick-active .zh-by { -webkit-transition: all .68s 0.55s; transition: all .68s 0.55s; }
.banner .slick-active .bot { -webkit-transition: all .68s 0.6s; transition: all .68s 0.6s; }
.banner .slick-active .en-t { -webkit-transition: all .68s 0.7s; transition: all .68s 0.7s; }
.banner .slick-active .en-by { -webkit-transition: all .68s 0.75s; transition: all .68s 0.75s; }
.banner .slick-active .zh-t, .banner .slick-active .zh-by, .banner .slick-active .bot, .banner .slick-active .en-t, .banner .slick-active .en-by { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner .slick-dots { position: absolute; bottom: 5%; z-index: 800; width: 90%; left: 5%; text-align: right; }
.banner .slick-dots li { margin: 0px 0px 0px 5px; position: relative; width: 17px; height: 17px; display: inline-block; }
.banner .slick-dots a { width: 100%; height: 17px; overflow: hidden; display: block; background: url(../images/images/banner_i2.png) no-repeat scroll center center; text-indent: -2em; position: absolute; left: 0px; bottom: 0px; font-size: 0px; transition: 300ms; -webkit-transition: 300ms; }
.banner .slick-dots li.slick-active a { background-image: url(../images/images/banner_i1.png); }

 
 .more{ box-sizing: border-box; font-size: 14px; display: block; text-align: center; width: 120px; height: 42px; line-height: 42px; background: #ec6700; color: #fff; border-radius: 4px; }
.more i{ transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; width: 6px; height: 42px; display: inline-block; vertical-align: top; background: url(../images/images/icon4.png) center no-repeat; margin-left: 6px; }
.more:hover i{ margin-left: 10px; }
.white.more{ background: transparent; border: 1px solid #fff; line-height: 40px; }

.ptit{margin: 0 auto 40px;font-weight: normal;text-align: center;}
.ptit .en{display: inline-block;font-size: 50px;text-transform: uppercase;color: #3e3a39;}
.ptit .cn{display: inline-block;padding-left: 15px;text-align: left;}
.ptit .cn .sp1{font-size: 16px;color: #525252;}
.ptit .cn .sp2{font-size: 18px;color: #ec6700;}
.ptit_white .en{color: #fff;}
.ptit_white .cn .sp1{color: #fafafa;}

.stitle{ text-align: center; background: url(../images/images/tt.png) no-repeat center 63px; width: 100%; margin: 0 auto;}
.stitle big{ font-size: 30px;font-family:Vrinda;color:#373f4a; line-height: 1.75em; margin-bottom: 10px;font-weight:normal;}
.stitle h4{ font-size: 14px; width: 272px; margin: 0 auto; padding:  0; margin-bottom:50px;}
.stitle h4 small{ color: #333;  line-height: 25px; font-size: 16px; font-weight:normal;display: block;text-transform: uppercase;}


.f2{overflow:hidden;padding:45px 0;position:relative;background:url(../images/images/f2_bg.jpg) no-repeat center top;background-size:cover}
.f2_right{text-transform:uppercase;font-family:Arial;color:#ec6700;font-size:30px;font-weight:lighter;line-height:47px;position: absolute;background-color:#fff;right:70px;top:0;width: 220px;padding:0 30px;height:251px;}
.f2_right span{font-family: "Microsoft YaHei";display: block;margin-top:125px;}
.f2_left{width:110px;position: absolute;    left:15%; top: 35%;color: #fff;}
.f2_left span{transition:.5s;-webkit-transition:.5s;display:inline-block;cursor:pointer;margin-bottom:18px;line-height:30px;height:30px;border-radius:15px;padding:0 20px;background:#383635}
.f2_left span:hover,.f2_left span.f2_left_span{background-color: #ec6700;}
.yd_title{text-align:center;font-family:Arial;font-size: 24px;line-height:24px;color: #333;}
.yd_title span{font-family: "Microsoft YaHei"!important;display: block;height:55px;margin:5px auto;background: url(../images/images/xian_bg_03.jpg) no-repeat bottom center;}
.yd_sm{font-size: 14px;line-height:24px;color:#9b9797;text-align: center;margin:30px 0 40px 0;}
.yingx{display:none;margin-bottom: 90px;}
.yin_ul .yingx:first-child{display: block;}


.link{ overflow:hidden; width:100%; padding:10px 0; }
.link h3{ float:left; font-size:16px; width:120px; margin-top:2px;}
.link h3 a{  color:#c30101}
.link h3 span{ font-weight:normal; font-size:14px; text-transform:uppercase; color:#999; margin-left:1px;}
.link ul{ float:left;margin-left:10px; padding:5px 0;border-left:#ddd 1px solid}
.link ul li{ float:left; padding:0 12px; font-size:14px;}
.link ul li a{ color:#666}

.nlist{ position:fixed;bottom:100px;left:0;width:270px; background:#fff;border:#ddd 1px solid}
.nlist .nt{  font-weight:normal; padding:8px 0; padding-left:20px;border-bottom:#ddd 1px solid}
.nlist .nt{ font-size:16px; color:#ec6700; text-decoration:none;}
.nlist .nt p{ font-size:14px; color:#fff; font-family:"Arial"; margin-top:1px;}
.nlist>ul{ padding:0 20px; }
.nlist>ul>li{}
.nlist>ul>li>a{ display:block; height:30px; line-height:30px; font-size:12px; color:#333;text-align:left;text-decoration:none;}
 

.f1{overflow:hidden;padding:45px 0;}
.f1 .left { width: 49%; float: left; }
.f1 .title { width: 100%; margin: 0 0 60px 0; font-size: 36px; color: #3a3a3a;}
.f1 .title span { padding: 0 36px 0 0; background: url(../images/images/i1.png) no-repeat right 80%; }
.f1 .text { font-size: 14px; line-height: 28px; color: #515151;text-align:center}
.f1 .text p { margin: 0 0 15px 0; }
.f1 .right { width: 47%; float: right; }
.f1 .right img { width: 100%; }
.f1 .more { width: 100%; overflow: hidden; text-align: center; }
.f1 .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #e60012; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.f1 .more a:hover { background: #b2b2b2; }


.div_vi{ position:relative; z-index:100;}
.div_vi ul{ position:relative;}
.div_vi ul li{ width: 350px; float:left;position: relative; margin-left:25px; margin-right:25px; padding-top:20px; padding-bottom:20px;}
.div_vi ul li .div1{ width:350px; height:121px; position:relative; display:block;}
.div_vi ul li .div1 .p1 .pp1a{ background: url(../images/images/1_13.png) no-repeat center top; width:350px; height:121px; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.div_vi ul li .div1 .p1 .pp1b{ background: url(../images/images/1_14.png) no-repeat center top; width:350px; height:121px; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.div_vi ul li .div1 .p1 .pp1c{ background: url(../images/images/1_15.png) no-repeat center top; width:350px; height:121px; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.div_vi ul li .div1 .p1 .pp1d{ background: url(../images/images/1_16.png) no-repeat center top; width:350px; height:121px; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.div_vi ul li:hover .div1 .p1 .pp1a{ background: url(../images/images/1_13a.png) no-repeat center top; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.div_vi ul li:hover .div1 .p1 .pp1b{ background: url(../images/images/1_14a.png) no-repeat center top; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.div_vi ul li:hover .div1 .p1 .pp1c{ background: url(../images/images/1_15a.png) no-repeat center top; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.div_vi ul li:hover .div1 .p1 .pp1d{ background: url(../images/images/1_16a.png) no-repeat center top; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.div_vi ul li .div2{ color:#333; font-weight:bold; font-size:20px; text-align:center; margin-top:20px; display:block;}
.div_vi ul li .div2 .p2{ font-size:12px; color:#999; text-transform:uppercase; font-weight:normal;}
.div_vi ul li .div3{ margin-top:20px;text-align:center; height:102px; overflow:hidden; font-size:14px; }
.div_vi ul li .div3 a{ display:block;line-height:26px; height:26px; overflow:hidden;}
.div_vi ul li .div3 a:hover{ background:url(../images/images/1_12.jpg) 120px center no-repeat;} 
.div_vi ul li .div3a{ }
.div_vi ul li .div3b{ }
.div_vi ul li .div3c{ }
.div_vi ul .li2 .div4{ width:0px; height:3px; border-top:3px solid #ec6700; opacity:1; left:0px; top:0px; overflow:hidden; position:absolute; overflow:hidden;}
.div_vi ul .li2 .div5{ width:3px; height:0px; border-left:3px solid #ec6700; opacity:1; left:0px; bottom:0px; overflow:hidden; position:absolute; overflow:hidden;}
.div_vi ul .li2 .div6{ width:3px; height:0px; border-right:3px solid #ec6700; opacity:1; right:0px; top:0px; overflow:hidden; position:absolute; overflow:hidden;}
.div_vi ul .li2 .div7{ width:0px; height:3px; border-bottom:3px solid #ec6700; opacity:1; right:0px; bottom:0px; overflow:hidden; position:absolute; overflow:hidden;}
.div_vi ul .li .div4{ width:350px; height:3px; border-top:3px solid #ec6700; opacity:1; left:0px; top:0px; overflow:hidden; position:absolute;}
.div_vi ul .li .div5{ width:3px; height:100%; border-left:3px solid #ec6700; opacity:1; left:0px; bottom:0px; overflow:hidden; position:absolute;}
.div_vi ul .li .div6{ width:3px; height:100%; border-right:3px solid #ec6700; opacity:1; right:0px; top:0px; overflow:hidden; position:absolute;}
.div_vi ul .li .div7{ width:350px; height:3px; border-bottom:3px solid #ec6700; opacity:1; right:0px; bottom:0px; overflow:hidden; position:absolute;}
.div_vi ul .li .div1 .p1 .pp1a{background: url(../images/images/1_13a.png) no-repeat center top;-webkit-transition: none;-moz-transition: none;transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;-moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;-webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;-o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;}
.div_vi ul .li .div1 .p1 .pp1b{ background: url(../images/images/1_14a.png) no-repeat center top; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.div_vi ul .li .div1 .p1 .pp1c{ background: url(../images/images/1_15a.png) no-repeat center top; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }
.div_vi ul .li .div1 .p1 .pp1d{ background: url(../images/images/1_16a.png) no-repeat center top; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; }



.f3{background:url(../images/images/case_bg.jpg) no-repeat center top;background-size:cover;padding:45px 0 ;overflow:hidden;}
/* .f3 .stitle big,.f3 .stitle h1 small{color:#fff}
 */.inner-content {width: 93.75%;max-width: 1200px;margin: 0 auto; }
.fp3-content-inner {margin-top: 50px;overflow: hidden; }

.fp3-macs {list-style: none;width: 9999px; }
.fp3-macs-item {display: inline-block;*display: inline;*zoom: 1;overflow: hidden;width: 95px;cursor: pointer;position: relative; float:left;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.fp3-macs-item img{max-width:none;transition:all 0.8s; -webkit-transition:all 0.8s; -webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;    }
.fp3-macs-item img:hover{ filter: invert(0);}

.fp3-macs.lg .fp3-macs-item:not(:first-child) {padding-left: 9px; }
.fp3-macs-item.active {width: 630px; }
.fp3-macs-item-footer {height: 160px;width: 100%;position: absolute;left: 0;-webkit-transition: all 300ms ease 0s;transition: all 300ms ease 0s; }
.fp3-macs-item.active > .fp3-macs-item-footer {bottom: 0; }
.fp3-macs-item:not(.active) > .fp3-macs-item-footer {bottom: -110px; }
.fp3-mac-label {height: 30px;line-height: 30px;width: 70%;padding: 0 22px 0 22px;position: relative; }
.fp3-mac-bg {position: absolute;width: 100%;height: 100%;left: 5px;z-index: -1;opacity: 0.2;background-repeat: no-repeat;background-size: contain; }

.fp3-macs-item.active .fp3-mac-label {
/* Safari 5.1 - 6.0 */
/* Opera 11.1 - 12.0 */
/* Firefox 3.6 - 15 */
background: -webkit-gradient(linear, left top, right top, from(#57bdc9), to(#ee7314));
background: linear-gradient(to right, #ec6700, #ee7314);
/* 标准的语法 */
opacity: 0.9; }

.fp3-macs-item:not(.active) .fp3-mac-label {background: #181818;opacity: 0.9; }
.fp3-macs-item.active .fp3-mac-label span.fp3-mac-belongs {color: #fff; }
.fp3-mac-label span.fp3-mac-belongs {font-size: 18px;color: #ffffff; }
.fp3-macs-item:not(.active) .fp3-mac-label span.fp3-mac-id {display: none; }
.fp3-macs-item.active .fp3-mac-label span.fp3-mac-id {font-size: 15px;color: #fff;position: absolute;right: 10px;bottom: 0;line-height: 1;white-space: nowrap;overflow: hidden; }
.fp3-mac-desc {height: 110px;width: 100%;background: rgba(24, 24, 24, 0.8);padding: 15px 22px 15px 22px;text-align: justify;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.fp3-mac-desc-inner {width: 100%;height: 100%;overflow: hidden;}
.fp3-mac-desc span {font-size: 14px;color: #ffffff;line-height: 20px; }
.fp3-macs.md,
.fp3-macs.md > .fp3-macs-item,
.fp3-macs.md > .fp3-macs-item > img {width: 100%; }
.fp3-macs.md {/* max-width: 630px; */margin: 0 auto; }
.fp3-macs.lg {display: block; }
.bx-wrapper {display: none;margin-bottom: 40px;-webkit-box-shadow: none;box-shadow: none;border: none; }
.bx-wrapper .bx-pager.bx-default-pager a {background: #ffffff;border: 1px solid #ccc;-webkit-transition: all 0.2s;transition: all 0.2s; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #ec6700 !important; }
.bx-wrapper .bx-pager.bx-default-pager a:focus {background: #ffffff; }
  
.aboutmore{display:inline-block; width:195px; height:49px; border-radius:35px;text-align:center;font-size:20px; line-height:49px; color:#fff; background-color:#ec6700; font-family:Arial, Helvetica, sans-serif;}
a.aboutmore{ color:#fff;}
.aboutmore:hover{background-color:#fff; color:#ec6700;}

.producted li{ width:33.33%; float:left;box-sizing: border-box;padding:0 10px 0 0;margin-bottom:15px; position:relative; overflow:hidden;}
.producted li:nth-child(3n+3){ margin-right:0;}
.producted li a{ display:block; background:#fff;}
.producted li figure{ display:block; overflow:hidden; line-height:normal;}
.producted li figure img{ display:block; width:100%; height:auto; transition:980ms; /*-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;*/  }
.producted li mark{ display:block; width:100%; border-top:1px solid #dedede; background:#fff;box-sizing:border-box; padding:14px 22px 40px 18px;}
.producted li mark h3{ color:#333; font-size:18px; font-weight:bold; margin-bottom:8px;}
.producted li mark p{ color:#999; font-size:12px;}
.producted li mark span{  color:#ec6700; display:inline-block; transition:440ms linear;margin-bottom:15px;}
.producted li mark span:hover{ right:12px;}
.producted li:hover figure img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);/*filter: invert(0);*/}
.producted li:hover mark{ bottom:0;}


.cmore{width:220px; position:relative; height:46px; line-height:46px; background:url(mKuang.gif) no-repeat; margin:0px auto; margin-top:90px; cursor:pointer;}
.cmore .bg{position:absolute; left:0px; top:0px; width:220px; height:46px; background:url(mKuang2.gif) no-repeat; z-index:10;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.cmore a{position:relative; display:block; width:100%; height:46px; text-align:center; z-index:20; color:#333;}

.p-tabtitle-2{padding:0 0 25px 0;text-align: center;}
.p-tabtitle-2 li{display: inline-block;margin: 0 12px;}
.p-tabtitle-2 a{display: inline-block;padding: 0 25px;line-height: 32px;border-radius: 32px;font-size: 14px;background:#fff;;color: #595959;}
.p-tabtitle-2 li.on a{color: #ec6700;}


.i_partner{ padding: 45px 0 70px;overflow:hidden }
.i_pslick{ margin: 15px auto 0; }
.i_pslick .slick-slide{ border: 1px solid #edeaea; margin: 0 8px; }
.i_pslick .zoom{ height: 100%;  font-size: 0; text-align: center; background: #fff; }
.i_pslick .zoom img{ position: static; max-width: 100%; max-height: 100%; width: auto; height: auto; display: inline-block; }
.i_pslick h2{ height: 36px; line-height: 36px; background: #b4b4b4; color: #fff; text-align: center; }
.i_pslick .slick-slide:hover h2{ background: #00a8fd; }
.i_pslick .slick-prev{top:10px; left: -44px; width: 27px; height: 47px; background: url(../images/images/icon16.png) center no-repeat; }
.i_pslick .slick-prev:hover{ background: url(../images/images/icon16on.png) center no-repeat; }
.i_pslick .slick-next{top:10px; right: -44px; width: 27px; height: 47px; background: url(../images/images/icon17.png) center no-repeat; }
.i_pslick .slick-next:hover{ background: url(../images/images/icon17on.png) center no-repeat; }


.f4{background:#f6f6f6;padding:45px 0;overflow:hidden}
.news_fl{width:50%;float:left;}
.news_fl li{-webkit-transition: .5s;margin-right:35px;width: 47%;float: left;margin-bottom:10px;border-bottom:1px solid #ddd;}
.news_fl li .ttx{padding:10px 0;}
.news_fl li .ttx h4{color: #000;font-weight:bold;font-size: 16px;}
.news_fl li .ttx span{display:block;font-size: 12px;color: #929292;}
.news_fl li p{color: #666;font-size: 12px;padding-top:8px;}
.news_fl li b{width: 100%;overflow: hidden;display: block;}
.news_fl li b img{-webkit-transition:1s;max-width:100%;}
.news_fl li:hover b img,.news_fl li:hover b img{-webkit-transform: scale(1.1);}
.news_fl li1{margin-right:0;}
.news_fl li:hover{border-color:#ec6700;}




.news_fr{width:47%;float:right;}
.news_fr li{overflow:hidden;-webkit-transition: all 0.5s ease-in-out 0s; padding:15px 0;border-bottom:1px dotted #ddd; margin-top:10px;-webkit-transition: all 0.5s ease-in-out;}
.news_fr li a{display:block; cursor:pointer;}
.news_fr li .new_left{width:10%;border:2px solid #333333;background:#333; float:left; text-align:center;-webkit-transition: all 0.5s ease-in-out;}
.news_fr li .new_left h2{font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding-top:5px;margin-bottom:0;line-height:30px;background:none}
.news_fr li .new_left p{font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.news_fr li .new_right{width:84%; float:left; margin-left:25px;}
.news_fr li .new_right h2{font-size:16px;font-weight:bold; color:#343434;  padding-bottom:5px; padding-top:0;}
.news_fr li .new_right p{font-size:12px; color:#8a8a8a; line-height:22px;}
.news_fr li:hover{}
.news_fr li:hover .new_left{background:#ec6700;border:2px solid #ec6700;}
.news_fr li:hover .new_left h2,.news_fr li:hover .new_left p{color:#fff;}

.mr30{margin-right:30px;}
.f5{padding:45px 0 0;overflow:hidden;background:url(../images/images/contactbg.jpg) no-repeat center center;background-size:cover}

.f5 .ptit .en,.f5 .ptit .cn .sp1{color:#fff;}
.f5 .titles { width: 100%; margin: 0 0 80px 0; font-size: 36px; color: #fff;}
.f5 .titles span { padding: 0 36px 0 0; background: url(../images/images/i1.png) no-repeat right 80%; }
.f5 .left { width: 45%;color:#fff; float: left; }
.f5 .left .text {overflow: hidden; }
.f5 .left .p1 { font-size: 24px; color: #fff;font-family:Arial }
.f5 .left .p1 .fz20 { margin: 0 10px 0 0; font-size: 20px; float: left; }
.f5 .left .p2 { margin: 15px 0 30px 0; line-height: 24px; font-size: 14px; color: #fff; }
.f5 .address { margin: 0 0 20px 0; line-height: 40px; font-size: 14px; color: #fff; }
.f5 .address p { padding: 0 0 0 30px; color:#fff}
.f5 .left .p3 { background: url(../images/images/i2.png) no-repeat left 5px; }
.f5 .left .p4 { background: url(../images/images/i3.png) no-repeat left 14px; }
.f5 .left .p5 { background: url(../images/images/i4.png) no-repeat left 6px; }
.f5 .left .p6 { background: url(../images/images/i5.png) no-repeat left 5px; }
.f5 .right { width: 49%; float: right; }
.f5 .right .t1 { margin: 0 0 35px 0; color: #fff; }
.f5 .right .t1 p { font-size: 13px; padding: 0 0 5px 20px; }
.f5 .right .t1 span { font-size: 14px; }
.f5 .right .input1 { width: 97%; height: 14px; padding: 13px 0 13px 3%; color: #515151; border: none; border-radius: 20px;background: rgba(0, 0, 0, 0.2);}
.f5 .right textarea { width: 94%; padding: 3%; line-height: 24px; overflow: hidden; color: #515151; resize: none; border: none; border-radius: 20px; background: rgba(0, 0, 0, 0.2); }
.f5 .right .btn { width: 184px; height: 54px; border: none; border-radius: 25px; font-size: 18px; color: #fff; background: #ec6700; cursor: pointer; transition: 300ms; }
.f5 .right .btn:hover { background: #B2B2B2; }
.f5 .right .text { height: 420px; }


.foot { line-height: 30px; padding: 10px 0; color: #666;border-top:#ddd 1px solid }
.foot .box { width: 1180px; margin: 0 auto; }
.foot .fl { float: left; }
.foot .fl p { display:inline; }
.foot .fl p a { margin-right:10px; color:#666 }
.foot .fl p a:hover {color:#e60012 }
.foot .share { height: 26px; float: right; }
.foot .share a { width: 26px; height: 26px; line-height: 26px; margin: 0 1px; display: inline-block; background: url(../images/images/shareBg.png) no-repeat -26px 0; }
.foot .share span { width: 100%; height: 100%; display: inline-block; }
.foot .share .qq span { background: url(../images/images/qq.png) no-repeat center; }
.foot .share .weibo span { background: url(../images/images/weibo.png) no-repeat center; }
.foot .share a:hover { background-position: 0 0; }

.foot .share a.weixin{ background:url(../images/images/weixin.png) #d2d2d2 center center no-repeat;border-radius:100%}
.foot .share a.weixin:hover{ background:url(../images/images/weixin.png) #ec6700 center center no-repeat ;}
.foot .share a.weixin { position: relative;}
.foot .share a.weixin span{display: none; position: absolute; top: -130px; right:0px; width: 120px; height: 120px;}



.side-bar {position: fixed;z-index: 999; right:1%; bottom: 7%}
.back-to-top {width: 50px;height: 50px; display: block; background: url(../images/images/back-to-top.png);}

.wbanner{ height: 830px; clear: both; background-size: cover; background-position: center center;}
.m_main{ background: #f6f6f6; }
.path{ height: 75px; line-height: 75px; background: #fff; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.path .baseWidth{ position: relative; }
.mpath{ max-width: 40%; background: url(../images/images/icon19.png) left center no-repeat; text-indent: 44px; }
.mpath a{ color: #666; vertical-align: middle;}
.mpath a:hover,.mpath span{ color: #ec6700; vertical-align: middle; }
.mpath b{ display: inline-block; vertical-align: middle; margin: 0 12px; background: url(../images/images/icon20.png) center no-repeat; width: 5px; height: 60px; }
.mnav{ width: 60%; position: absolute; right: 0; text-align: right; }
.mnav ul{ float: right; width: calc(100% - 80px); }
.mnav li{ display: inline-block; vertical-align: top; margin: 0 13px; }
.mnav li a{ padding: 0 10px; display: block; box-sizing: border-box; height: 75px; line-height: 73px; }
.mnav li.current a,.mnav li:hover a{ color: #ec6700;}
.mnav li.current a{ border-bottom: 2px solid #ec6700; }
.mnav .show_more{ cursor: pointer; float: right; width: 80px; display: inline-block; color: #ec6700; }
.mnav .show_more i{ display: inline-block; margin-right: 6px; width: 18px; height: 18px; vertical-align: middle; background: url(../images/images/icon22.png) center no-repeat; }
.path.open{ overflow: visible; }
.path.open .mnav{ text-align: left; background: #fff; border: 2px solid #ccc; box-shadow: 0 0 10px #999; top: -2px; padding: 5px; }
.path.open .mnav ul{ width: 100%; }
.path.open .mnav .show_more{ display: none; }
.pb_same{ padding: 40px 0 50px; }


.m_about .box{ background-repeat: no-repeat; background-position: center; background-size: cover; padding: 120px 0; }
.m_about .box .tit{ line-height: 45px; margin-bottom: 30px; text-align: center; font-size: 30px; color: rgba(0,0,0,.8);background:url(../images/images/xian_bg_03.jpg) no-repeat center bottom; }
.m_about .box .tit.white{ color: #fff; }
.m_about .box img{ max-width: 100%; }
.m_abo1{  }
.m_abo1 .text{ padding: 20px 0 ; }
.m_abo1 .text h2{ font-size: 24px; color: #000; position: relative; padding-bottom: 17px; margin-bottom: 25px; }
.m_abo1 .text h2:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 32px; height: 2px; background: #7d7d7d; }
.m_abo1 .text p{ font-size: 15px; color:#787878; line-height: 160%; }


.ideaList { }
.ideaList ul { margin-left: -64px; }
.ideaList li { float: left; display: block; width: 568px; margin: 0px 0px 48px 64px; cursor: default; }
.ideaList li .itemBox { border: 1px solid #e5e5e5; }
.ideaList .itemBox .img { float: left; display: block; width: 240px; overflow: hidden; }
.ideaList .itemBox .img img { width: 100%; display: block; transition: 500ms; }
.ideaList .itemBox .con { padding: 0px 15px 0px 0px; width: 280px; float: right; display: block; font-size: 14px; }
.ideaList .itemBox .con .t { padding: 20px 0px; font-size: 24px; }
.ideaList li:hover .itemBox { background:rgba(236,103,0,0.7); color: #fff; }
.ideaList li:hover .itemBox .img img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.ideaList.article-block li { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.ideaList.articleShow li { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
.ideaList.articleShow .item1 { transition: all 470ms ease-in-out 0s; }
.ideaList.articleShow .item2 { transition: all 570ms ease-in-out 0s; }
.ideaList.articleShow .item3 { transition: all 670ms ease-in-out 0s; }
.ideaList.articleShow .item4 { transition: all 770ms ease-in-out 0s; }

.team-list{ width:1200px; margin:0 auto; position:relative;  }
.team-list .hd{ overflow:hidden; }
.team-list .hd .prev,.team-list .hd .next{ display:block;  width:41px; height:76px; position:absolute;top:40%;overflow:hidden;cursor:pointer; }
.team-list .hd .prev{left:-60px;background:url(../images/images/left1.png) no-repeat;}
.team-list .hd .next{right:-60px; background:url(../images/images/right1.png) no-repeat;  }
.team-list .bd{ padding:10px 0;   }
.team-list .bd ul{ overflow:hidden; zoom:1; }
.team-list .bd ul li{width: 25%;float:left;overflow:hidden;}

.team-list .bd ul li .item{background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;box-sizing:border-box;margin:0 25px;overflow:hidden;}
.team-list .bd ul li .item.item0{background-image: url(../images/images/team-bg-0.jpg);}
.team-list .bd ul li .item.item1{background-image: url(../images/images/team-bg-1.jpg);}
.team-list .bd ul li .item:hover{z-index: 2;}
.grayscale .grayscale-img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.grayscale:hover .grayscale-img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: none;}
.team-list .bd ul li .item a{position:relative;display:block;height:100%;width:100%;overflow:hidden;}
.team-list .bd ul li .item a div{position:absolute;display:block;left:0;top:300px;height:100%;width:100%;color:#FFF;background:rgba(0,0,0,.3);transition:400ms;}
.team-list .bd ul li .item a dl{margin:0 15px;}
.team-list .bd ul li .item a dt{line-height:25px;text-align:center;font-size:16px;transition:400ms;}
.team-list .bd ul li .item a dd{line-height:22px;height:88px;margin:10px 0;overflow:hidden;font-size:12px;}
.team-list .bd ul li .item a p{margin:0 15px;line-height:22px;}
.team-list .bd ul li .item a i{position:absolute;right:15px;bottom:15px;}
.team-list .bd ul li .item a:hover div{top:0;}
.team-list .bd ul li .item a:hover div dt{padding-top:75px;font-size:22px;}


.ipro{}
.ipro li{width:25%;float:left;text-align:center;position:relative;padding:15px;box-sizing:border-box}
.ipro li .pic{ text-align:center;}
.ipro li .pic img{ max-width:100%; margin:0 auto;display:block;transition:455ms;vertical-align:top }
.ipro li .pic a:hover img{ border-color:#999;  }
.ipro li .pic p{display:block;padding:20px 0;text-align:center;color:#333;}
.ipro li .bit{display:none;font-size:12px;}
.ipro li .bit h3{font-size:18px;color:#ec6700;font-weight:800}
.ipro li .bit p{font-size:14px;padding:0 20px;}


.ipro li:hover .bit{display:block;position: absolute;left: 5%;width: 90%;top:30%;text-align: center;color: #fff;font-size: 24px;cursor:pointer}
.ipro li:hover .bit a{color:#fff;display:block;font-size:16px;padding-bottom:10px}


.logoScro{
   
}
.logoScro .item{
    margin: 0 6px;
    padding: 10px 0;
    
    text-align: center;
    
}
.logoScro .item img{
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;border: 1px solid #d4d4d4;margin-bottom:10px;
}
.logoScro .slick-list{margin:0 30px;}
.logoScro .slick-arrow{
    position: absolute;
    top:40%;
    z-index: 10;
    width:41px; height:76px;
    background-repeat: no-repeat;
    background-position: center center;
}
.logoScro .slick-arrow.prev{left:-30px;background-image: url(../images/images/left1.png);}
.logoScro .slick-arrow.next{right:-30px;background-image: url(../images/images/right1.png);}
.index-row6{
    padding: 90px 0 120px;
    background: url(../images/images/mg-index-row3.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}


.client li{ width:20%; box-sizing:border-box;  float:left; display:inline-block;text-align:center;margin-bottom:10px;}
.client li.loucase{ width:262px; margin:10px 6px;float:; text-align:center; display:inline-block}
.client li img{border:#ddd 1px solid;}
.client li p {  height:20px; background:#; color:#333; font-size:14px; margin:0; padding:5px 0}
.client li p a { color:#333; line-height:20px; text-align:center}
.client li p a:hover { color:#ec6700}
.client li p .sgzk1{ float:right;color:#fff; background:#666; text-align:center; line-height:20px;font-size:12px; padding:0 12px;}
.client li p .sgzk2{float:right; color:#979797; background:#d9d9d9; text-align:center; line-height:20px;font-size:12px; padding:0 12px;}
.client .p_1{ text-align:center;}
.client .p_2{ text-align:center; color:#888; font-size:12px; padding:3px 0; border-top:1px solid #ddd}


.page-news-list {margin-bottom: 15px;overflow: hidden;}
.page-news-list li {width: 100%;overflow:hidden;border-bottom: 1px solid #f0f0f0;margin-bottom: 4px;}
.page-news-list li .a-box {display: block;padding-top: 10px;height: 180px;border: 1px solid transparent;position: relative;background: transparent;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.page-news-list li .a-box:hover { border: 1px solid transparent; box-shadow: none; }
.page-news-list li .news-pic {/*width: 200px;height: 130px;*/width: 250px;height: 150px;padding: 16px;float: right;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.page-news-list li .news-pic img {max-width: none;max-height:100%}
.page-news-list li .news-date {position: absolute; left: 0; float: left; width: 70px;color: #999;padding: 30px 66px 0 0;transition: all .3s ease-out 0s;}
.page-news-list li .news-date i { float: left; color: #ABABAB; /*font-size: 0;*/}
.page-news-list li .news-date span {font-family:Arial; float: left; margin-bottom: 10px; line-height: 36px; height: 36px;font-size: 24px;color: #333;}
.page-news-list li .news-txt {margin-left: 155px;width: 600px;float: left;padding: 36px 0 28px 34px;transition: all .3s ease-out 0s;}
.page-news-list li .a-box:hover .news-txt {margin-left: 175px;}
.page-news-list li .news-txt span {font-size: 16px;color: #333;display: block;height: 24px;overflow: hidden;margin-bottom: 20px;transition: all .3s ease-out 0s;}
.page-news-list li .news-txt span:before {width: 35px;height: 1px;content: '';background: #BFBFBF;position: absolute;top: 56px;left: 90px;transition: all 0.3s ease-out 0s;}
.page-news-list li .a-box:hover .news-txt span {color: #ec6700;}
.page-news-list li .a-box:hover .news-txt span:before {width: 60px;transition: all 0.3s ease-out 0s;background: #7D7D7D;}
.page-news-list li .a-box .news-txt i {height: 52px;color: #A2A2A2;line-height: 24px;display: block;overflow: hidden;transition: all .3s ease-out 0s;}


.pages-wrap{height: 36px; text-align: center; line-height: 36px;margin-top: 50px;margin-bottom: 60px;}
.pages-wrap .pages a,
.pages-wrap .pages span{display: inline-block; margin: 0 5px; width: 36px; height: 36px; color: #999; font-size: 14px; font-family: "sans-serif","宋体"; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s;}
.pages-wrap .pages .prev,
.pages-wrap .pages .prev_disabled,
.pages-wrap .pages .next,
.pages-wrap .pages .next_disabled{background-color: #EAEAEA; color: #666;}
.pages-wrap .pages .pre:hover,
.pages-wrap .pages .next:hover{background-color: #ec6700; color: #fff;}
.pages-wrap .pages .current,
.pages-wrap .pages a:hover{background-color: #ec6700; color: #fff;}
.pages-wrap .pages a.prev:before,
.pages-wrap .pages a.prev_disabled:before{content:"<";}
.pages-wrap .pages a.next:before,
.pages-wrap .pages a.next_disabled:before{content:">";}


.biaoti{ text-align:center; font-size:22px; color:#ec6700; line-height:35px;padding-top:30px;}
.ftime{ margin-top:1%; text-align:center; border-bottom:1px solid #ddd; color:#888; padding-bottom:1%;}
.txtbody{ margin-top:3%; color:#333; font-size:14px; line-height:26px;}
.txtbody img{ xxwidth:100%;}
.txtbody .div1{ background:url(../images/images/6_43.jpg) center top no-repeat; margin-bottom:25px;}
.txtbody .div1 .fl{ width:490px;}
.txtbody .div1 .fl img{ width:100%;}
.txtbody .div1 .fr{ width:588px; padding-top:60px; padding-right:50px;}
.txtbody .div1 .fr .p1{ background:url(../images/images/6_44.jpg) left top no-repeat; padding-top:5%; color:#666666; font-size:18px; line-height:36px;}
.back{ margin-top:3%; margin-bottom:5%; border-top:1px solid #ddd; padding-top:1%;}
.back a{ color:#666; display:block;}
.back a:hover{ color:#cfb582;}
.news_body .head,.news_body .moblie_head{ border-bottom:1px solid #ddd}

.casein{margin:1% auto;}
.in-one-brand {float: left;width: 32.333%;background-color: #fff; transition: all .3s ease-in;-moz-transition: all .3s ease-in;-transition: all .3s ease-in;-o-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;margin:0 0.5% 10px;display:block;overflow:hidden}
.in-one-brand .pic-box{position: relative; width: 100%;margin: auto;}
.in-one-brand .pic-box div {width:100%;}
.in-one-brand .pic-box img {max-width: 100%;}
.in-one-brand .pic-box .smlpic img {width: 100%;max-width:387px;}

.in-brand-tit {font-size: 18px;padding:15px 0;color: #333333;text-align: left; width: 100%; overflow: hidden;}
.in-brand-con {display: block; padding: 0 0px 15px; color: #808080; font-size: 12px;}
.in-brand-btn {padding-right: 10px; line-height: 26px;text-align: right; color: #808080;}
.wrap-brand{padding:0 20px;}

.pic-box div ,.pic-box2 div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img ,.pic-box2 img{vertical-align: middle;}
.brand-search{/*background: rgba(0,0,0,.4); */position: absolute; left: 0; right: 0;top: 0;bottom: 0;}
.brand-search img{ margin-top: 200px;display: none;}

.in-one-brand:hover .brand-search{ background: rgba(0,0,0,0);transition: all .5s ease-in-out;}
.in-one-brand:hover .brand-search img{display: inline-block;}
.in-one-brand:hover{box-shadow: 2px 2px 5px 2px #ccc; transform: scale(1.01) translateY(-5px);-webkit-transform: scale(1.01) translateY(-5px);-moz-transform: scale(1.01) translateY(-5px);-ms-transform: scale(1.01) translateY(-5px);-o-transform: scale(1.01) translateY(-5px);background:#000}
.in-one-brand:hover .in-brand-tit,.in-one-brand:hover .in-brand-con,.in-one-brand:hover .wrap-brand{color:#fff;}

.age_con_key1 { font-size:14px;float:left;clear:both}
.age_con_key1 span { margin:0; font-weight:bold;}
.age_con_key1 a { margin-right:10px;color:#ec6700}




.backlist{ height:75px; float:right}
.backwr{ }
.backwr a{ display:inline-block; color:#ffffff; font-size:14px; padding:0 18px; height:75px; background:#ec6700; line-height:75px;}
.backwr a:hover{ text-decoration:underline;}
.list-wr{}
.list-wr a{ display:block; width:109px; height:42px; text-align:center; background:#eb6123; color:#fff; line-height:42px;}
.new-titd{ padding:76px 0 12px; border-bottom:1px solid #ededed;}
.new-titlea{}
.new-titlea h3{ color:#373737; font-size:30px; line-height:normal; font-weight:normal; margin-bottom:46px;}
.time span{ display:inline-block; float:left; color:#626262; margin-right:20px;}
.new-text{ padding:52px 0 180px;}
.new-text img{ max-width:100%; height:auto !important; width:auto !important;}
.new-text p{ color:#626262; font-size:16px; margin-bottom:30px;}
.new-text span{ display:block; color:#626262; font-size:18px; font-weight:bold;}
.share-box{ background:#ededed;}
.share{ position:relative; padding:0 0 30px 0;}
.page{ float:left; margin-top:30px;}
.page a{ display:block; color:#626262; font-size:14px;}
.page a:hover{ color:#ec6700;}
.pone{ float:right;}
.sharelist{ width:212px; position:absolute; left:50%; margin-left:-106px; top:0; padding-top:33px; height:78px; background:#d3d3d3; text-align:center;}
.sharelist p{ color:#626262; font-size:14px; line-height:normal; text-align:center; margin-bottom:12px;}
.sharelist .jiathis_style{ text-align:center;}
.sharelist .jiathis_style a{ display:inline-block !important; float:none;}

.iContactList { }
.iContactList li { float: left; cursor: pointer; text-align: center; width: 29.33%; margin: 0px 2%; font-size: 14px; color: #333; }
.iContactList li .ico { display: block; margin: 0px auto 30px; }
.iContactList li img{-webkit-transition: -webkit-transform 0.6s ease-out;
-moz-transition: -moz-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out;-ms-transition: -ms-transform 0.6s ease-out;}
.iContactList li img:hover{cursor:pointer;-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.iContactList li .name {font-size:16px; line-height: 1.5; }
.seal_dq { text-align:center;  margin:50px 0px 30px 0px; background:url(../images/images/line1.png)  center repeat-x ;}
.seal_dq h1 {font-size:18px; background:#FFF; padding:0 20px; display:block; width:100px; margin:auto;}
.contactDLTwo{ width:800px;margin:0 auto}
.contactDLTwo dd{ float: left; display: block; width: 47%; margin-left: 3%;color:#fff;}
.contactDLTwo .cC{ position: relative; padding-right: 96px;}
.xsbox{margin-left:10%;margin-bottom:30px;}

.jot{padding-left:55px;font-size:14px;}
.jot em{display:block;width:16%;float:left;line-height:47px;height:47px;overflow:hidden;}
.jot em:first-child{padding-left:4%;}
.jod > em{background:#a0a0a0;color:#fff;cursor:pointer;transition:300ms;-webkit-transition:300ms;}
.jotxs{ position:relative; margin-bottom:30px; } 
.jos{padding-left:55px;display:none;}
.jos .bodr{border:1px solid #ec6700;padding:30px 5% 7% 5%;border-top:0;}
.jos .bodr em{display:block;border-top:1px solid #eee;padding-top:25px;margin-top:35px;}
.jotxs .line{background:#ec6700;display:block;position:absolute;}
.jotxs .line_1{width:21px;height:1px;top:23px;left:15px;}
.jotxs .line_2{width:1px;height:21px;top:13px;left:25px;}
.jotxs .arrow{width:55px;height:47px;position:absolute;top:0;left:0;transition:300ms;-webkit-transition:300ms;}
.jotxs:hover .jod > em,.jotxs.act .jod > em {background:#ec6700;}
.jotxs.act .arrow{transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} 
.jo2{padding-bottom:6.2%;}

.r_text{ padding-bottom:30px; padding-top:20px; color:#FFF;}
 
.message { width: 763px; margin: auto;padding-bottom:15px; }
.message-info { margin-bottom: 20px; }
.massage-input { float: left;border:#ddd 1px solid; background: #fff; box-shadow: 0 0 3px #e1e1e1; border-radius: 3px; }
.massage-input:nth-child(2) { float: right; }
.massage-input span { display: block; float: left; width: 52px; text-align: right; height: 43px; line-height: 43px; }
.massage-input input { width: 302px; padding-left: 10px; height: 43px; line-height: 43px; background: none; font-size: 14px; float: left; outline: none; padding-top: 0; padding-bottom: 0; border: none; color: #747474; font-family: 微软雅黑; }
.massage-textarea { border:#ddd 1px solid;margin-bottom: 44px; border-radius: 8px; background: #fff; box-shadow: 0 0 3px #e1e1e1; padding: 20px 0 0 16px; }
.massage-textarea span { color: #747474; font-size: 14px; float: left; }
.massage-textarea textarea {border:0; width: 674px; margin-top: 2px; float: left; line-height: 1.8; color: #747474; min-height: 200px; font-family: 微软雅黑; }
.massage-sub input { width: 100%;height:50px;line-height: 40px; outline: none; border: none; cursor: pointer; background: #ec6700; text-align: center; font-family: 微软雅黑; font-size: 18px; color: #fff;overflow:hidden }