@charset "utf-8";
/*begin  --------clear */
* { padding: 0; margin: 0; text-decoration: none; vertical-align: top; font-weight: normal; }
a { text-decoration: none; outline: none; }
a:link, a:hover { text-decoration: none; }
a:active { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
.clear { clear: both; height: 0; display: block; width: 100%; font-size: 0; }
object, .wrap embed { display: block; outline: none; }
html, body { -webkit-text-size-adjust: none; }
.wrap textarea { resize: none; overflow: auto; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }
.wrap .fl { float: left; }
.wrap .fr { float: right; }
.wrap .wc_yellow { color: #937343; font: normal; }
.wrap .bs { box-shadow: 5px 5px 5px #ccc; }
.wrap br { font-size: 0px; }
.wrap a:link, .wrap a:hover { text-decoration: none; }
/*end--------clear  */
.wrap { height: auto; width: 100%; position: relative; background: #fff; font-size: 14px; font-family: "微软雅黑"; text-align: Justify; text-justify: inter-ideograph; max-width: 1920px; min-width: 1200px; margin: 0 auto; overflow: hidden; color: #000; }
.wrap img { border: 0 none; padding: 0px; margin: 0px; display: inline-block; }
.wrap ul { overflow: hidden; margin: 0; padding: 0; list-style: none }
.wrap br { font-size: 0px; }
/*banner*/
#banner{ width:100%; background: #000; position: relative;}
#banner img{ width: 100%;}
#banner .b_img{ display: block; width:80%; margin: 0 auto;}
#banner .b_img li{ float: left; display: block;width:50%;float: left; position: relative;}
#banner .b_img li img{ width: 100%;}
#banner .b_img li span{ /*display:inline-block; */ display:none;position: absolute; padding:0 13px; line-height: 36px; font-size: 16px; background: #937343; color: #fff;}
#banner .b_img li span.lt{ top: 20px; left: 20px;}
#banner .b_img li span.rb{ right: 20px; bottom: 20px;}
#banner .b_img li span.lb{ left: 20px; bottom: 20px;}
#banner .b_img li span.rt{ right: 20px; top: 20px;}
#banner .word_b_pa{position:absolute; width:30%; top: 22%; left:35.5%;}
#banner .word_b_pa img{ display: block;}
#banner .btn_2h{ display: inline-block; position:absolute; bottom:11.5%; left:50%; margin-left:-220px;}
#banner .btn_2h a{ padding:0 28px; line-height: 44px; border: 3px solid #937343; font-size: 27px; color: #fff; display: inline-block;}
#banner .btn_2h a:hover{ color: #937343;}


/*导航 link*/
.wrap #fixed { width: 100%; height: 60px; position: fixed; left: 0; top: 0; background: #808080; z-index: 2000; }
.wrap .nav11 { height: 60px; width: 100%; z-index: 2000; background: #808080; position: absolute;}
.wrap .nav11 ul { overflow: hidden; width: 1200px; margin: 0 auto; }
.wrap .nav11 ul li { float: left; display: inline-block; width:12.5%; height: 60px; background: #808080; font-size: 20px; color: #000; text-align: center; line-height: 60px; cursor: pointer; }
.wrap .nav11 ul .active { background: #937343; color: #fff; }
.wrap .nav11 ul li:hover { background: #937343; color: #fff; }
/*title*/
.title{ display: block; margin:0 auto;}
/*导语*/
#title_dd{ width: 100%;margin-top: 60px; background: url(/zt/images/best_syp1/bg_title_dd1.jpg) center top no-repeat;}
.word_dd{ width: 100%; height: 335px; background: url(/zt/images/best_syp1/bg_title_dd2.png) no-repeat bottom center; padding-top:490px;}
.word_dd h1,.word_dd pre,.word_dd p{ width:1100px; display: block; margin: 0 auto; text-align: center; font-size: 14px; line-height: 24px; font-family: "微软雅黑";}
.word_dd h1{ font-size: 24px; color: #937343; margin: 118px auto 20px;}
.word_dd p{ margin-top: 17px;}
/*品牌*/
#title_pp{width:100%; height: 787px; background: url(/zt/images/best_syp1/bg_title_pp1.jpg) no-repeat top center;}
#title_pp .title{ width: 475px; padding-top: 60px;}
#title_pp .pp_img{ width: 1004px; margin: 0 auto;}
#title_pp .pp_img ul{ margin: 50px auto;}
#title_pp .pp_img ul li{ float: left; display: block; width: 291px; border: 5px solid #937343;}
#title_pp .pp_desc{ width: 1010px; text-align: center; margin: 0 auto; line-height: 30px; color: #808080; font-size: 14px;}
#title_pp .learn_more{ font-size: 14px; color:#937343; display:block; text-align: center; margin-top: 30px;}
#title_pp .learn_more:hover{ color: #fff;}
/*口碑*/
#title_kb{ width: 100%; height: 942px; background: url(/zt/images/best_syp1/bg_title_kb.jpg) top center no-repeat;}
.title_kb1{ width: 1050px; margin: 0 auto;}
.title_kb1 .title{ display: block; padding:76px 0 85px;}
.title_kb1 p{ font-size: 14px; color: #000; width: 628px; text-indent: 2em; font-family: "微软雅黑"; line-height: 30px;}
.title_kb1 .zx{ font-size: 27px; color: #000; padding: 0 27px; line-height: 44px; border: 3px solid #937343; display: inline-block; margin:35px 0 0 223px ;}
.title_kb1 .zx:hover{ color: #937343;}
.title_kb1 .pai_list{ margin-top: 58px; display: block;}
.title_kb1 .pai_list li{ width:237px; height: 154px; display: block; float: left; margin-left: 30px;}
/*承诺*/
#title_cn{width: 1200px; margin: 0 auto;background:url(/zt/images/best_syp1/bg_title_cn.jpg) center 250px no-repeat; position: relative;}
#title_cn .title{ width: 388px; height: 146px; margin:66px auto 290px;}
.title1{ text-align: center; font-size: 48px; color: #333333; margin: 183px auto 56px;}
#title_cn .fl{ float: left;}
#title_cn .fr{ float:right;}
#title_cn .cn_eye{ width: 266px; display: block;}
#title_cn .cn_eye li{ display: block; margin-top: 42px;}
#title_cn .cn_eye li a{ background: url(/zt/images/best_syp1/bg_btn_cn.jpg) no-repeat; display: block; width: 266px; height: 123px; text-align: center; color: #937343;}
#title_cn .cn_eye li a:hover{ background: url(/zt/images/best_syp1/bg_btn_cn1.jpg)no-repeat; color: #FFFFFF;}
#title_cn .cn_eye li a h1{ font-size: 23px; line-height: 34px; padding-top: 30px;}
#title_cn .cn_eye li a p{ color: #000; font-size: 13px; width: 112px; line-height: 18px; margin: 0 auto;}
.eye_error li{ float: left; display: block; width: 243px; margin-left:75px; text-align: center;color: #333333; }
.eye_error li h1{ font-size: 34px; line-height: 50px; }
.eye_error li p{ font-size: 14px; line-height: 24px; width: 182px; margin: 0 auto;}
#title_cn .btn_1h{ display:block; margin:80px auto 60px; width: 366px;}
#title_cn .btn_1h a{ padding: 0 18px; border: 3px solid #937343; color: #937343; font-size: 36px; line-height: 69px;}
#title_cn .btn_1h a:hover{color: #64503e;border: 3px solid #64503e;}
/*技术*/
#title_js{ width:100%; height: 970px; position: relative; background: url(/zt/images/best_syp1/bg_title_js.jpg) no-repeat center top; position: relative;}
.title_js1{ width:1200px; margin: 0 auto; position: relative;}
.title_js2{ width: 700px; float: right;}
.title_js2 .title{ width: 389px; height: 142px; margin:60px auto;}
.title_js2 .img_word li{float: left; display: block; font-size: 16px; line-height: 25px; color: #333333;}
.title_js2 .img_word li p{ padding:20px 0 50px; text-align: center;}
.title_js2 .w303{ width: 303px; margin-right: 30px;}
.title_js2 .w344{ width: 344px;}
.title_js2 .t_fe{ font-size: 34px; color:#333333; text-align: center; margin-bottom: 10px;}
.js_feature{ width: 580px; margin: 0 auto !important;}
.js_feature li{ float: left;  font-size: 16px; margin: 25px 30px 0 0;}
.js_feature li a{ color: #000; background: #ebebeb; padding:0 17px;line-height: 39px; border: 1px solid #ccc; display: inline-block; border-radius: 5px;}
.js_feature li a:hover{ background: #937343; color:#fff;}
/*专家*/
#title_zj{ width:100%;}
#title_zj .title1{ width: 388px; margin: 76px auto 36px;}
#title_zj .btn_zx { display: inline-block; font-size: 26px; color: #fff; line-height: 48px; padding: 0 40px; background: #937343; position: absolute; left:75px; bottom:85px; z-index: 1;}
#title_zj .btn_zx:hover{ background: #64503E;}
/*************slider*/
/*star --slider 通用*/
.slick-slider { position: relative; }
.slick-list { position: relative; overflow: hidden; display: block;margin: 0 auto; }
.slick-list:focus { outline: none; }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float:left;min-height: 1px; position:relative; }
.slick-slide img { display: block !important; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; position: relative; }
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide {display:block; height:auto; }
/*end --slider 通用  */
.experts { width: 100%; background: #000; height: 622px; }
.experts1 { width:1200px; margin: 0 auto; }
.experts1 .con_slider { width: 1200px; height: 622px; overflow:hidden; }
.ex_desc { margin-left: 700px; padding-top:90px; opacity:0; color: #fff; width: 540px; transition:all 1.5s ease 0s; }
.slick-active .ex_desc{margin-left:620px;opacity:1;}
.ex_desc h1 { font-size: 56px; line-height: 56px; }
.ex_desc h1 span{ font-size:40px; line-height:56px;}
.ex_desc h2 { font-size: 24px; line-height: 42px; }
.ex_desc ul { display: block; margin: 30px 0 30px; }
.ex_desc ul li , .ex_desc p span { font-size: 16px; line-height: 30px; color: #fff; }
.ex_desc p { font-size: 14px; color: #fff; line-height: 30px;}
.ex_desc p span{ color: #937343;}
/*con7  slider1  expert */
.experts1 .slider1 { position: relative; width: 1200px; height: 622px; overflow: hidden; }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.experts1 .slick-prev, .experts1 .slick-next { position: absolute; opacity:0; height: 45px; width: 45px; line-height: 0; font-size: 0; cursor: pointer; top: 311px; padding: 0; border: none; outline: none; transition:all 0.7s ease 0s; }
.experts1 .slick-prev { left: -15%; background: url(/zt/images/best_syp1/btn_prev.png) no-repeat; }
.experts1 .slick-next { right: -15%; background: url(/zt/images/best_syp1/btn_next.png) no-repeat; }
.experts1 .slick-list { height: 622px; }
/************slider*/
.title_zj1{ width: 100%; background: url(/zt/images/best_syp1/bg_title_zj.jpg) no-repeat center top; height: 716px;}
.title_zj1 .title_zj11{ width: 1200px; margin: 0 auto;}
.title_zj1 .title_zj11 .title_zj111{ width:830px;}
.title_zj1 .title_zj11 .title_zj111 .title2{width: 435px; margin:0 0 80px 145px; padding-top: 60px;}
.title_zj111 .jy_list{}
.title_zj111 .jy_list li{ width:415px; float: left; margin-bottom: 56px;}
.title_zj111 .jy_list li span{ font-size: 26px; color: #000; line-height:25px; padding-left: 5px;}
.title_zj111 .jy_list li p{ font-size: 16px; color: #333333; line-height:30px; display: block;}
.title_zj1 .title_zj11 .title_zj111 .zj_zx{ padding: 0 28px; display: inline-block; line-height:44px; font-size: 26px; color: #000; border: 3px solid #937343; margin-left: 250px;}
.title_zj1 .title_zj11 .title_zj111 .zj_zx:hover{ color: #937343;}
/*服务与环境*/
#title_fh{ width: 100%; height: 642px; margin-top: 60px; position: relative; overflow: hidden;}
#title_fh .title{ position: absolute; left: 50%; margin-left: -226px; top: 55px; z-index: 200;}
.fh_slider{ widows: 100%; height: 642px; text-align: center; color: #fff; position: relative;}
.fh_slider .fh_desc{ width: 965px; margin: 0 auto;}
.fh_slider .fh_desc .fh_t{ font-size: 26px; padding: 315px 0 40px;}
.fh_slider .fh_desc p{ font-size: 14px; line-height: 30px; color: #c0c0c0;}
/*dots*/
#title_fh .slick-dots{ position: absolute; bottom:25px; left: 50%; margin-left: -40px;}
#title_fh .slick-dots li{float:left; margin-left: 17px;}
#title_fh .slick-dots li span{width:16px; height: 16px;display:block; background:#fff;border-radius: 8px;cursor: pointer;}
#title_fh .slick-dots li.slick-active span{ background: #937343;}
/*项目*/
#title_xm{ width: 1200px; margin: 0 auto;}
#title_xm .title{ width: 364px; margin: 0 auto 35px; padding-top: 47px;}
#title_xm ul{ display: block; margin-bottom:120px;}
#title_xm ul li{ text-align: center; float: left; width: 232px; margin-right:5px; border: 2px solid #CCCCCC;}
#title_xm ul li:hover{ border:2px solid #937343;}
#title_xm ul li h1{ font-size: 24px; color: #937343; padding: 22px 0 15px;}
#title_xm ul li p{ font-size: 12px; color: #808080; line-height: 14px; padding:0 13px 20px;}
#title_xm ul li p a{ color: #000;}
#title_xm ul li p a:hover{ color:#937343;}