@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body { color:#333;font-size:12px; font-family: "微软雅黑";position: relative;overflow-x: hidden;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {/*font-weight:normal;*/font-size:100%; }
address, caption, cite, code, dfn, em, th, var{ font-style:normal;font-weight:normal;}
a{color:#333;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none; color: #7c614d;}
/* a{blr:expression(this.onFocus=this.blur())} */
*:focus{outline:0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block; font-style: normal;}
input, textarea, select, button {font-size:12px;;outline:none; font-family: "pingfangsc","微软雅黑";}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
.max_width{ width: 100%; }
.min_width{ width: 1200px; margin: 0 auto;}
.left{ float: left;}
.right{ float: right;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden; }
.clearfix {*zoom:1;}
.clear{clear:both;}
/*pccss reset 结束*/
.headPart1{ height: 40px; background: #f3f3f3; line-height: 40px;}
.headPart1Cont{ font-size: 14px; color: #666;}
.headPart1Cont .right a{ position: relative; display: inline-block; color: #999; padding-left: 10px; margin-left: 10px; position: relative; background: url(../img/top_line.jpg) no-repeat center left;}
.headPart1Cont .right a i{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 5px; position: relative;top:-1px;}
.headPart1Cont .right a.Collect{ background: none;}
.headPart1Cont .Collect .icon{ background: url(../img/top_ico1.png) no-repeat;}
.headPart1Cont .Follow .icon{ background: url(../img/top_ico2.png) no-repeat; }
.headPart1Cont .Contact .icon{ background: url(../img/top_ico3.png) no-repeat;}
.headPart1Cont .Websitemap .icon{ background: url(../img/top_ico4.png) no-repeat;}
.headPart1Cont .Collect:hover .icon{ background: url(../img/top_ico1_hover.png) no-repeat;}
.headPart1Cont .Follow:hover .icon{ background: url(../img/top_ico2_hover.png) no-repeat; }
.headPart1Cont .Contact:hover .icon{ background: url(../img/top_ico3_hover.png) no-repeat;}
.headPart1Cont .Websitemap:hover .icon{ background: url(../img/top_ico4_hover.png) no-repeat;}
.Follow img{ width: 115px; height: 115px; display: block; position: absolute; left: -5px; display: none;    z-index: 10;}
.headPart2 { padding-top: 30px; padding-bottom: 25px;}
.headPart2 a.logo{ float: left; width: 607px; height: 64px;}
.headPart2 span{ padding-top: 12px;}
.headPart2 span,.headPart2Cont span img{ display: block; width: 197px;height: 40px;}
/* 导航start */
.nav{ height: 55px; width: 100%;background: #2e2420;}
.nav li{ float: left; width: 150px; line-height: 55px; text-align: center; position: relative;}
.nav li::after{ content: ''; width: 2px; height: 55px;}
.nav li a{ display: block; color: #fff; font-size: 16px;}
.nav li.on,.nav li:hover{ background: #7c614d;}
/* 导航end */
.fast_div{ background: #fff; width: 100%; height: 45px; line-height: 45px;}
.way_box{color: #009460; font-size: 14px; width: 1200px; margin: 0 auto; font-weight: bold;}
.way_box img{ vertical-align: middle; margin-right: 10px; position: relative; top: -2px;}
.way_box span{ color: #333; font-weight: normal;}
.way_box a{ color: #999;  margin-left: 20px; font-weight: normal;}
.way_box a:hover{ color: #ff9e06;}
/* 轮播图start */
.banner{ width: 100%; overflow: hidden; position: relative; height: 700px;}
.banPic li,.banPic,.banPic li a{ width: 100% !important ; height: 700px; }
.banPic li a{ display: block;}
.banPic ul{ width: 100%;}
.picNum{ position: absolute;width: 100%; left: 0; bottom: 20px; text-align: center;}
.picNum li{ display: inline-block; width: 12px; height: 12px;border: #fff 1px solid; font-size: 0; margin: 0 8px;}
.picNum li.on{ background: #7c614d; border-color: #7c614d;}
.prevBtn,.nextBtn{ width: 81px; height: 81px; display: block; position: absolute; top: 50%; margin-top: -41px; z-index: 20; transition: all 0.7s;-webkit-transition: all 0.7s;-moz-transition: 0.7s;}
.prevBtn{ background: url(../img/left_ico2.png) no-repeat; left: -200px;}
.nextBtn{ background: url(../img/right_ico2.png) no-repeat; right: -200px;}
.nextBtn:hover,.Case_scroll a.next:hover{background: url(../img/right_ico1.png) no-repeat; background-size: cover;}
.prevBtn:hover,.Case_scroll a.prev:hover{background: url(../img/left_ico1.png) no-repeat;background-size: cover}
.banner:hover .prevBtn{ left: 0;}
.banner:hover .nextBtn{ right:0;}
.picNum li{ border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
/* 轮播图end */
.produceSearch{ height: 70px; background: #fff; line-height: 70px;box-shadow: 0 1px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);}
.searchLeft span{ font-size: 14px; font-weight: bold; color: #7c614d;}
.searchLeft span img{ margin-right: 10px; position: relative; top: 5px;}
.searchLeft  a{  margin-left: 15px; font-size: 14px; color: #666;}
.searchLeft  a:hover{ color: #7c614d;}
.searchRight{ color: #999; font-size: 14px;}
.searchRight span{ float: left;}
.searchRight  form{ float: left; width: 343px; height:43px; margin-top:18px; background: url(../img/input_bg.png) no-repeat; }
.searchRight  .textInput{ width: 300px; height: 35px;border: none; text-indent: 20px;vertical-align: top;}
.submit_btn1{ border: none; background: url(../img/search_ico.png); width: 16px;height: 16px;vertical-align: top; margin-top: 9px; cursor: pointer;}
.submit_btn1:hover{ opacity: 0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.indexDiv1{ background: #f2f2f2; margin-top: 20px;}
.servicelist{   width: 1215px; overflow: hidden;}
.servicelist li{ overflow: hidden; float: left; width: 382px; height: 382px; margin:40px 27px 20px 0 ; margin-right: 26px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; position: relative; box-shadow: rgba(0,0,0,0.1) 0px -1px 20px;  overflow: hidden;}
.servicelist li .div1 p{ position: absolute; width: 332px; left: 0; bottom: 0; height: 90px;line-height: 90px;  background: #fff; font-size: 22px; color: #666; padding-left: 30px; padding-right: 20px;transition: all 0.3s; }
.servicelist li .div1 p img{ position: absolute;right: 20px; top: 50%; margin-top: -20px;}
.servicelist li .div2{ position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: rgba(124,97,77,0.7); box-sizing: border-box; padding: 70px 18px 30px 30px; color: #fff;  opacity: 0; filter: alpha(opacity=0); transition: all 0.5s; }
.servicelist li .div2 .p1{font-size: 22px; margin-bottom: 20px; text-align: center;}
.servicelist li .div2 .p2{ line-height: 180%; min-height: 96px;}
.servicelist li .div2 img{ display: block; margin: 0 auto;}
.servicelist li:hover .div2{ opacity: 1; filter: alpha(opacity=100); }
.servicelist li:hover .div1 p{bottom: -90px;}
.serviceshow{ position: relative;}
.indexDiv1 a.prev1,.indexDiv1 a.next1{ width: 106px; height: 106px; display: block; top: 50%; margin-top: -53px; position: absolute;}
.indexDiv1 a.prev1{background: url(../img/prevIco1.png) no-repeat ; left: -120px;}
.indexDiv1 a.next1{background: url(../img/nextIco1.png) no-repeat; right: -120px;}
.indexDiv1 a.prev1:hover{background: url(../img/prevIco1_on.png) no-repeat ;}
.indexDiv1 a.next1:hover{background: url(../img/nextIco1_on.png) no-repeat ;}
.divTitle{ font-size: 33px; font-weight: bold; color: #7c614d; text-align: center;}
.divTitle span{font-size: 20px; color: #3b3b3b; display: block;font-weight: normal;margin-top: 5px;}
.indexDiv2{ background: #f2f2f2; padding: 90px 0 40px; margin-top: 20px;}
.HignCase_type{ text-align: center; margin-top: 40px;}
.HignCase_type a{ background: #fff; font-size: 16px; display: inline-block; width: 175px; height: 42px; line-height: 42px; margin: 0 3px; text-align: center;  border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.HignCase_type a.on{ background: url(../img/btn_bg.png) no-repeat; color: #fff;}
.HignCase_hd li,.HignCase_hd li a,.HignCase_hd li img{width: 1200px; height: 500px;}
.HignCase_tab,.HignCase_scroll{margin-top: 45px;}
.HignCase_scroll .scrollBd{ text-align: center; margin-top: 40px;}
.HignCase_scroll .scrollBd li{ width: 195px; display: inline-block; margin: 0 10px; border: #ccc 2px solid;}
.HignCase_scroll .scrollBd li img{ width: 195px; height:75px;}
.HignCase_scroll .scrollBd li p{background: #fff; height: 35px; line-height: 35px; font-size: 14px; }
.HignCase_scroll .scrollBd li.on{border-color: #7c614d; color: #7c614d;}
a.seeMore{ width: 150px;height: 35px;line-height: 35px; display: block; background: #7c614d; font-size: 14px;margin: 45px auto 0;text-align: center; color: #fff;border-radius: 4px;-webkit-border-radius: 4px;}
.indexDiv3{ background: #f2f2f2; margin: 30px auto;}
.kxDiv{ width:1200px; margin: 0 auto;}
.kxDiv ul li{margin-top: 30px; width: 374px;-webkit-box-shadow: rgba(0,0,0,0.1) -1px -1px 10px;box-shadow: rgba(0,0,0,0.1) -1px -1px 10px;float: left;margin-right: 39px; }
.kxDiv ul li.marginR0{margin-right: 0;}
.kxDiv ul li a{ display: block;width: 374px;}
.kxDiv ul li a span,.kxDiv ul li a span img{ display: block;width: 374px; height: 374px; overflow: hidden;transition: all 0.8s;}
.kxDiv ul li a div{ padding: 25px 20px; position: relative;}
.kxDiv ul li a div::after{content: ''; height: 3px;background: #2e2420; position: absolute;bottom: 0;left: 0; width: 0; transition: all 0.5s;}
.kxDiv ul li a div .p1{ font-size: 20px;}
.kxDiv ul li a div .p2{font-size: 14px; color: #666; margin-top: 10px; line-height: 180%;}
.kxDiv ul li:hover a div::after{ width: 100%;}
.kxDiv ul li:hover  a span img{ transform: scale(1.06);}
.kxDiv ul li:hover  a div .p1{ color: #2e2420;}
.indexDiv4{background: #f2f2f2; padding: 30px 0 100px;}
.videoLeft{background: #fff; padding: 15px; width: 465px; margin-top: 55px; float: left;}
.videoLeft .title span{ width: 135px; height: 38px; display: block; font-size: 16px; background: #7c614d; text-align: center; line-height: 38px; color: #fff;}
.videoLeft .title,.newRight  .title{ border-bottom: #e6e6e6 1px solid;position: relative;}
.videoLeft .title a{ position: absolute; right: 0; top: 0; font-size: 14px; line-height: 38px; color: #666;}
.indexVideo{margin-top: 15px;}
.indexVideo .video-js .vjs-big-play-button{ background: url(../img/videoBtn.png); width: 465px ; height: 323px; margin: 0; top: 0 !important;left: 0 !important;  }
.video-js .vjs-big-play-button::before{ display: none !important;}
.indexVideo video{ width: 100%; height: 100%;}
.newRight{ float: right; width: 650px;     height: 378px;  margin-top: 55px;background: #fff;padding: 15px; }
.newRight .title span{ cursor: pointer; width: 135px; height: 38px; display: block; font-size: 16px; background: #c0c0c0; text-align: center; line-height: 38px; color: #fff; float: left;}
.newRight .title span.on{ background: #7c614d;}
.newRight  .title i{ position: absolute; right: 0; top: 0; font-size: 14px; line-height: 38px; }
.newRight  .title i a{ color: #666;}
.picTxtNew a.Img{ width: 228px; height: 145px; float: left; display: block;}
.picTxtNew a.Img img{ display: block;width: 228px; height: 145px;}
.picTxtNew a.Txt{ float: right; width: 400px;}
.picTxtNew a.Txt .p1{ font-size: 16px;}
.picTxtNew a.Txt .p2{font-size: 14px; line-height: 180%;color: #999;margin-top: 10px;margin-bottom: 10px;}
.picTxtNew a.Txt .p3{ font-size: 12px; color: #999; }
.picTxtNew a.Txt .p3 img{ vertical-align: middle; margin-right: 5px;}
.picTxtNew{margin-top: 20px;}
.txtNewlist{ margin-top: 16px;}
.txtNewlist a{ display: block; color: #999; height: 40px; line-height: 40px;border-top:#dcdcdc 1px dotted ;overflow: hidden; font-size: 15px; position: relative;}
.txtNewlist a::before{    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 8px solid #bfbfbf;
    border-bottom: 4px solid transparent;
    vertical-align: middle;
    margin-right: 5px;
    transition: .5s;
    -webkit-transition: .5s;}
.txtNewlist a span{ color: #999; position: absolute; right: 0; top: 0;}
.CooperPartner{background: url(../img/partner_bg.jpg) no-repeat; background-size: cover;  padding:45px 0 50px;  }
.CooperPartner .modelName p i{ color: #b5b5b5;}
.PartnerList a{ display: block; float: left; margin-right: 10px; margin-bottom: 10px}
.PartnerList a img{width: 230px; height: 104px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 1s;}
.PartnerList a:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0);filter: grayscale(0);filter: red;}
.PartnerList .marginR0{ margin-right: 0;}
.PartnerList { margin-top: 45px;}
.footer{border-top: #f0efef 3px solid;margin-top: 50px;}
.foot_h1{
    margin: 20px auto 10px;
}
.foot_h1 em{
    font-size:16px; font-weight: bold;
    display: inline-block;
}
.foot_h1 em img{ margin-right: 5px; vertical-align: middle;}
.foot_h1 a{
    color:#999;
    display: inline-block;
    margin-left: 20px; font-size: 14px;
}
.foot_h1 a:hover{
    color: #7c614d;
}
.foot1 .left{  width: 760px; background: url(../img/line.png) no-repeat right top;}
.foot1 { padding: 20px 0;}
.footNav{ float: left; margin-right: 30px; margin-left: -10px; }
.footNav p{ padding-left: 20px; font-size: 16px; color: #333; position: relative; margin-bottom: 15px;}
.footNav p::after{ content: ''; width: 10px; height: 1px; background: #7c614d; position: absolute;left: 0; top: 50%;}
.footNav a{ display: block; color: #999; font-size: 14px; margin-left: 20px; margin-bottom: 10px;}
.foot1 .right{ width: 431px;    margin-right: -20px;}
.footEwm{ float: left; font-size: 14px; color: #666; width: 141px; text-align: center;}
.footEwm img{width: 100%;}
.footPhone{ float: left; margin-left: 30px; width: 260px;}
.footPhone p{position: relative; padding-left: 40px; font-size: 14px; margin-bottom: 22px;}
.footPhone p .ico{ position: absolute; left: 0; top: 50%; margin-top: -15px;}
.footPhone p img{ display: block;}
.footPhone p font{ margin-bottom: 10px; display: block; font-size: 16px; font-weight: bold;}
.foot2{ padding: 15px 0; background: #303030; font-size: 14px; overflow: hidden;}
.foot2 p{ color: #999; text-align: center;}
.foot2 a{ color: #999;}
.foot2 p img{ vertical-align: middle;margin-left: 10px;}
.sibar{ position: fixed; bottom: 100px;right: 0; display: none; z-index: 200;}

.adboutDiv1{ width: 1200px; margin: 70px auto 0;}
.aboutTitle{ text-align: center; padding-bottom: 15px; position: relative; width: 1200px; margin: 0 auto;}
.aboutTitle::after,.adboutDiv2 ul li  .p2:after{ content: ''; width: 40px; height: 3px; background: #7c614d; position: absolute;bottom: 0; left: 50%; margin-left: -20px;}
.aboutTitle .p1{ font-size: 60px; color: #999; font-weight: 600; opacity: 0.2;}
.aboutTitle .p2{font-size: 32px; color: #333; font-weight: bold; margin-top: -60px;}
.aboutTitle  .p3{ color: #999; font-size: 14px; margin-top: 8px;}
.aboutIntro1{ margin-top: 25px;}
.aboutIntro1 img{ display: block;max-width: 1200px;}
.aboutIntro1 p{ line-height: 180%; text-align: left; font-size: 14px; margin-top: 20px;}

.insideBan{ width: 100%; overflow: hidden; height: 700px; position: relative;}
.insideBan img{ position: absolute; left: 50%; margin-left: -960px; top: 0;}
#navbg{width: 100%; height:55px; box-shadow: 0 12px 20px rgba(79,78,78,0.08);}
#navbg ul{width: 1200px; height: 100%; line-height: 55px; margin:0px auto;}
#navbg ul .right{height: 100%; }
#navbg ul .right a{ display: block; line-height: 55px; width: 115px; font-size: 16px; color: #333; transition: all 0.5s; float: left; text-align: center; margin-left: 20px;}
#navbg ul .right a.on,#navbg ul .right a:hover{ background: #7c614d; color: #fff; font-weight: bold;}
#navbg ul .right span:hover .bottomLine{width: 100%; left: 0;}
#navbg ul .right span .line{width:1px; height:12px; background: #b5b5b5; left: auto; top: 22px; right: -20px;}
#navbg ul .right .hide .line{display: none;}
#navbg ul .left{  font-size: 14px;color: #999999;}
#navbg ul .left img{ vertical-align: middle; position: relative; top: -1px;}
#navbg ul .left span,#navbg ul .left a{ color: #999999; line-height: 100%; }
#navbg ul .left a:hover{ color: #7c614d;}
.soluDetail{}
.soluleft{ width: 890px; float: left;}
.soluright{ float: right; width: 270px;margin-top: 40px;}
.detail_name{ color: #333; font-size: 32px; text-align: center; padding: 40px 100px 20px; border-bottom: #e4e4e4 1px solid; line-height: 150%;}
.detail_name p{ color: #939393; font-size: 14px;  margin-top:10px;}
.detail_name p span{margin: 0 5px;}
.detail_txt{ text-align: center;}
.detail_txt img{ margin-top:20px;}
.detail_txt p{ line-height: 220%; color: #696868; font-size: 14px; margin-top: 15px; text-align: left;}
.news_tip{ margin-top: 30px; overflow: hidden;}
.news_tip .fl {float: left;font-size: 14px; color: #333; line-height: 28px;}
.news_tip .fl a { color: #333; margin-right: 20px;}
.detail_page{ margin-top: 45px;}
.detail_page p{ cursor: pointer; text-align: center; width: 530px; padding: 0 20px;  float: left; background: #e4e4e4; color: #333; font-size: 14px; display: block; height: 60px; line-height: 60px;}
.soluleft .detail_page p{ width: 375px;}
.detail_page p img{ margin-right: 10px; position: relative; top: 1px;}
.detail_page p img.img2,.detail_page p:hover img.img1{ display: none;}
.detail_page p:hover img.img2{ display: inline-block;}
.detail_page p a{color: #666; }
.detail_page p:hover{ color: #7c614d;}
.detail_page p:hover a{ color: #7c614d;}
.detail_page p.returnList{ width: 60px; height: 60px; color: #fff; background: #7c614d; font-size: 14px; padding: 0; line-height: 150%;}
.detail_page p.returnList a{ color: #fff; margin-top: 10px;position: relative;top: 10px;}
.caseLeftDiv2{border: #eceaea 1px solid; margin: 20px 0; padding: 27px 23px 20px;}
.caseLeftDiv2 p,.caseLeftDiv3 p{ color: #7c614d; font-size: 20px; padding-bottom: 25px; border-bottom: #e9e9e9 1px solid;}
.caseHot a{ display: block; margin-top: 18px; position: relative;}
.caseHot a span,.caseHot a span img{ width: 222px; height: 222px; display: block; overflow: hidden;}
.caseHot a font{ display: block; height: 35px; background: #f9f9f9; color: #666;font-size: 14px; line-height: 35px; text-align: center; position: absolute;bottom: 0;left: 0 ; width:222px;}
.caseHot a:hover font{ background: #7c614d; color: #fff;}
.caseLeftDiv3{border: #eceaea 1px solid; padding: 27px 23px 30px;}
.caseContact{ margin-top:15px; }
.caseContact font{display: block; color: #333;font-size: 14px; line-height: 180%;}
.caseKf span{ display: inline-block;width: 50px; height: 50px; background: #7c614d; text-align: center; line-height: 50px;vertical-align: middle;}
.caseKf span img{ position: relative; top: 15px;}
.caseKf a{font-size: 18px; color: #fff; display: inline-block;width: 168px; height: 50px;  background: #7c614d; line-height: 50px; text-align: center; vertical-align: middle;}
.caseKf a img{ margin-left: 10px;}
.caseKf{ margin-top: 20px;}
.caseRightDiv1 .bdsharebuttonbox{ display: inline-block; vertical-align: middle;}
.caseRightDiv1{ text-align: center; color: #666;font-size: 14px;}
.caseRight{ width: 886px;}
.caseRightDiv1 span{ margin: 0 10px;}
.caseRightDiv1 h1{ font-size: 24px; font-weight: normal;margin-bottom: 10px;}
.caseRightDiv2{ background: #f7f7f7; padding: 25px 0;}
.caseRightDiv2 p{ color: #666;line-height:220%; padding: 0 25px 15px; border-bottom: #d4d4d4 1px dashed;}
.caseRightDiv2 div,.caseRightDiv2 div a{ color: #7c614d;}
.caseRightDiv2 div{ padding: 15px 25px 0;}
.caseRightDiv2 div a{ margin-left: 10px;}
.caseRightDiv3{ margin-top: 25px;}
.caseRightDiv3 p{ line-height: 180%; font-size: 14px; color: #666;}
.caseRightDiv3>img{ max-width: 100%; margin-top: 25px;}
.caseRightDiv3 div img{ margin-right: 10px; vertical-align: middle; }
.caseRightDiv3 div{font-size: 24px; color: #7c614d; margin-top: 28px; padding-bottom: 30px; border-bottom: #e6e6e7 1px solid;}
.caseRightDiv4 p{ width: 50%; font-size: 14px; color: #333; height: 65px;line-height: 65px;}
.caseRightDiv4 p a{ color: #666;}
.contact{width:1200px; margin: 70px auto 40px;}
.contact h1{ text-align: center; font-size: 40px; color: #7c614d; font-weight: normal;}
.contact ul li{ float: left;margin-top: 30px;position: relative;}
.contact ul li img{ display: block;margin: 0 auto;}
.contact ul li font{ display: block;color: #333; font-size: 20px; margin-top: 20px; text-align:center;}
.contact ul li p{ line-height: 180%;margin-top: 10px; font-size: 14px;}
.contact ul li::after{content: ''; width: 1px; background: #eee;position: absolute; right: 0; top: 110px;height: 78px;}
.ewmShow{ text-align: center; margin-top: 40px;}
.ewmShow>div{ display: inline-block;}
.ewmShow>div img{ display: block; width: 171px; height: 171px; margin: 0 auto;}
.ewmShow>div  p{margin-top: -10px;}
.map{ width: 100%; height: 425px; margin-bottom: 55px; overflow: hidden;}
.recurt{ width: 1200px; margin: 60px auto 50px;}
.recurt .name{ font-size: 28px; font-weight: bold; color: #333;}
.recurt .name span{ color: #999;font-size: 16px;font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-left: 10px;}
.recurtDiv1 {position: relative; font-size: 20px; line-height: 220%; padding-left: 40px; margin-top: 30px;}
.recurtDiv1 img{ position: absolute;left: 0; top: 14px;}
.job{ width: 100%; position: relative; margin-top: 40px;}
.job>img{ position: absolute;left: 50%; margin-left: -30px; top: 0;}
.job ul{ margin: 0 auto;border: #f0eeee 1px solid;}
.jobTxt{height: 65px;background: #434444;width: 100%; margin: 0 auto; color: #fff; line-height: 65px;}
.jobTxt span,.jobList .div1 span{display: block; float: left; font-size: 16px; text-align: center; width: 20%;}
.jobList .div1{height: 70px; line-height: 70px;}
.jobList{background: #fff;}
.jobList .div2{ padding: 0 70px 50px;border-top: #f0eeee 1px solid; display: none; background: #fafafa;}
.jobList .div2 .title{ margin-top: 20px; font-size: 16px; margin-bottom: 10px; color: #333;}
.jobList .div2 p{ width: 650px; line-height: 180%; color: #666; font-size: 14px;}
.jobList .div2 a{margin-top: 30px; width: 210px; height: 50px; background: #1c3e2e;color: #fff; font-size: 14px; display: block; text-align: center; line-height: 50px;}
.jobList li{ border-bottom: #ededed 1px solid;}
.jobList .div2 a:hover{ background: #184630;}
.newlist{margin-top: 40px; margin-bottom: 50px;}
.newlist li{ padding: 40px 0; border-bottom: #eeeeee 1px solid;}
.newlist li span,.newlist li span img{ display: block; width: 263px; height: 167px; transition: all 0.5s; overflow: hidden;}
.newlist li div{  width: 900px;}
.newlist li div .p1{ color: #000;font-size: 28px;}
.newlist li div .p2{ color: #666; font-size: 14px; line-height: 180%; margin-top: 10px;}
.newlist li div font{ transition: all 0.3s; display: block; height: 43px; width: 60px; background: #b7b7b7; color: #fff; font-size: 14px; line-height: 43px; text-align: center; margin-top: 22px; position: relative; padding: 0 40px;}
.newlist li:hover div font{ padding-right: 80px; padding-left: 25px; background: #7c614d; color: #fff;}
.newlist li div font::after{ content: ''; width: 60px; background: #fff; position: absolute; right: 10px; top: 50%; height: 1px; margin-top: -0.5px; display: none;}
.newlist li:hover div font::after{ display: block;}
.newlist li:hover div .p1{ color: #7c614d;}
.newlist li:hover span img{ transform: scale(1.06);}
.page{ text-align: center; margin-top: 50px;}
.page a{ border:#e5e5e5 1px solid; width: 33px; height: 33px; line-height: 33px; text-align: center; font-size: 14px; color: #666; display: inline-block; margin: 0 3px; background: #fff;}
.page a.pagePrev,.page a.pageNext{ width: 63px;}
.page a:hover,.page a.on{ background: #7c614d; color: #fff; border-color: #7c614d;}
.detailDiv1{    width: 915px; margin-top: 30px;}
.div1Left{ padding: 20px 10px 20px 20px;background: #fff; width: 430px;float: left;}
.modelName{ font-size: 16px; color: #7c614d;}
.modelName img{margin-right: 10px; vertical-align: middle;}
.introTxt{ height: 340px; overflow: auto; padding-right: 20px; }
.introTxt p{ color: #666; font-size: 13px; line-height: 180%;margin-top:10px;}
.introTxt img{ display: block; max-width: 100%; margin-top: 20px;}
.introTxt::-webkit-scrollbar-track-piece {
background-color:#f8f8f8;
}
.introTxt::-webkit-scrollbar {width:9px;height:9px;}
.introTxt::-webkit-scrollbar-thumb {background-color:#7c614d;background-clip:padding-box;min-height:28px;}
.introTxt::-webkit-scrollbar-thumb:hover {
background-color:#bbb;
}
.div1Right{ padding: 20px; background: #fff; width: 390px; float: right;    height: 364px;}
.video{ margin-top: 35px; width: 100%; height: 270px;}
.video iframe{ width: 100%; height: 100%;}
.detailDiv2,.detailDiv3,.detailDiv4{background: #fff; padding: 20px 20px 40px; width: 875px; margin-top: 20px;}
.detailDiv2 ul li{ width: 280px; margin-top: 30px; float: left; margin-right: 17px; }
.detailDiv2 ul li img{width: 280px; height: 280px;}
.detailDiv2 ul li p{background: #f4f4f4; line-height: 180%; padding: 10px; font-size: 14px;text-align: center;}
.detailDiv2 ul li.marginR0{ margin-right: 0;}
.detailDiv3  .kxDiv ul li{ width: 270px;}
.detailDiv3   .kxDiv ul li a{ width: 270px;}
.detailDiv3   .kxDiv ul li .p1{ font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.detailDiv3  .kxDiv ul li a div{ padding: 10px 20px;}
.detailDiv3  .kxDiv ul li a span,.detailDiv3  .kxDiv ul li a span img{width: 270px; height: 270px;}
.buyWay{ line-height: 180%; font-size: 14px; color: #666; margin-top:20px;}
.workType {margin-top: 50px;}
.workMenu{ width: 240px; float: left; min-height: 700px; background: #eee; padding-bottom: 30px;}
.workMenu h2{ font-size: 26px;  color: #fff; background: #7c614d; height: 90px; line-height: 90px; text-align: center;}
.workMenu ul li>a{ color: #333; font-size: 18px; display: block; padding-left: 20px;  }
.workMenu ul li>a img{margin-left: 10px; opacity: 0; filter: alpha(opacity=0);}
.workMenu ul li{margin-top: 25px;}
.workMenu ul li:hover>a,.workMenu ul li.on>a{ color: #7c614d; font-weight: bold;}
.workMenu ul li:hover>a img,.workMenu ul li.on>a img{ opacity: 1;filter: alpha(opacity=100);}
.productTop{ font-size: 16px; font-weight: bold; color: #7c614d; padding-bottom: 15px;  border-bottom: #e4e4e4 1px solid; position: relative;}
.productTop img{ margin-right: 10px; position: relative; top: 5px;}
.productTop a{ position: absolute; top: 5px;right: 0; font-size: 14px; font-weight: normal;color: #7c614d;}
.productTop a:hover{ text-decoration: underline;}
.productTop::after{ content: ''; width: 130px; height: 4px; background:#7c614d; position: absolute; bottom: 0;left: 0;}
.indexproductlist{ float: right;  width: 915px; }
.indexproductlist .listshow li{ padding: 12px; background: #fff;width: 250px; margin-top: 30px; float: left; margin-right: 46px; -webkit-box-shadow: rgba(0,0,0,0.08) -1px -1px 40px;
   box-shadow: rgba(0,0,0,0.08) -1px -1px 40px;
   -moz-box-shadow: rgba(0,0,0,0.08) -1px -1px 40px}
.indexproductlist .listshow li span,.indexproductlist .listshow li span img{ display: block;  width: 250px;height: 250px;}
.indexproductlist .listshow li a.pic{ display: block; text-align: center; border-bottom: #e5e5e5 1px solid; padding-bottom: 21px;}
.indexproductlist .listshow li:hover a.pic{ border-bottom-color: #594b45;}
.indexproductlist .listshow li:hover .detailBtn{ border-top-color:#2e2420; }
.indexproductlist  .listshow li .p1{ color: #333; font-size: 16px; margin-top: 16px;}
.indexproductlist .listshow li .p2{ color: #999; font-size: 14px; line-height: 180%;}
.indexproductlist .listshow li:hover .p1,.indexproductlist .listshow li:hover .p2{ color: #fff;}
.detailBtn{ padding-top: 12px; border-top: transparent 1px solid; font-size: 14px; text-align: center;}
.detailBtn a{ display: inline-block; margin: 0 15px;}
.detailBtn a.see_detail{ color: #7c614d;}
.detailBtn a.zxNow { color: #999;}
.detailBtn a.see_detail i{ display: inline-block; background: url(../img/gkIco2.png) no-repeat; width: 15px; height: 15px; margin-right: 5px; vertical-align: middle;}
.detailBtn a.zxNow i{ display: inline-block; background: url(../img/gkIco3.png) no-repeat; width: 15px; height: 15px; margin-right: 5px; vertical-align: middle;}
.indexproductlist li:hover{ background: #7c614d;}
.indexproductlist li:hover p{ color: #fff;}
.indexproductlist li:hover .detailBtn a.see_detail i,.indexproductlist li:hover .detailBtn a.zxNow i{ background-position: -25px 0;}
.detailBtn a i{ transition: all 0.3s;}
.indexproductlist li:hover a.see_detail{ color: #fff;}
.indexproductlist li:hover a.zxNow{ color: #ff9e06;}
.productTop1{ padding-bottom: 10px; border-bottom: #2e2420 4px solid; font-weight: bold; font-size: 18px;}
.gkDetail{ margin-top: 30px; position: relative;}
.gkDetail ul.picScroll li{ width: 915px;}
.gkDetail ul.picScroll li img{ width: 915px; height: 350px; display: block;}
.indexproductlist1{    float: right; width: 915px;}
.picNum1{position: absolute; width: 100%; font-size: 0; bottom: 12px; z-index: 20; text-align: center;}
.picNum1 li{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; background: #7d614d;}
.picNum1 li.on{background: #f2c751;}
.kxDiv.solution{ width: 100%;}
.solution.kxDiv ul li{ padding: 10px 0 0; width: 279px; position: relative; }
.solution.kxDiv ul li a{ width: 100%;}
.solution.kxDiv ul li a span, .solution.kxDiv ul li a span img{ width: 253px; height: 253px;  margin: 0 auto;}
.solution.kxDiv ul li a div{ padding: 8px 10px 10px;}
.solution.kxDiv ul li a div .p1{ font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.solution.kxDiv ul li a div .p2{ font-size: 14px; color: #666;}
.zlType li p a{ display: block; padding-left: 30px; margin-top: 10px; font-size: 16px;}
.workMenu ul li>a{ font-weight: bold; font-size: 18px; color: #2e2420;}
.zlType li p a:hover{ color: #7d614d;}
.zlType li p { padding-top: 5px;}
.divIntro p strong{ font-size: 15px; color: #333;}
.divIntro p{ color: #666; font-size: 13px; margin-top: 10px; line-height: 180%; text-align: left;}
.divIntro{ text-align: center; padding-top: 10px;}
.moreType{ margin-top: 30px; width: 100%;}
.moreType h2{ font-size: 24px; color: #7c614d; font-weight: normal;}
.moreType ul li{ width: 229px; margin-top: 30px; float: left; margin-right: 12px;}
.moreType ul li span,.moreType ul li span img{ display: block; width: 229px; height: 229px; overflow: hidden;-webkit-box-shadow: rgba(0,0,0,0.1) -1px 2px 30px; }
.moreType ul li p{  font-size: 19px; text-align: center; margin-top: 15px;}

.servicelist li .div1 >img {
    width: 382px;
    height: 382px;
}

.engineer_bd .E-listShow .right a,.fromCont2 .submit:hover{ text-decoration: underline;}
.bgfff{ background: #fff;}
.new_project_case_hd li span img,.tjProduct a img,.productIco a img,.productcenter li span img,.caseHot a span img,.caseShowlist li span img,.questionList>div,.honor li img,.recommendCase li span img,.projectList li,.classicProject a.prev,.classicProject a.next,.sibar .sibarEwm,.sibar5 p,.caseShowlist a.prev,.caseShowlist a.next,.MenuListShow a.childName,.MenuListShow a.childName:after{transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -webkit-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -moz-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -o-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -ms-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);}
.tjProduct a:hover img,.honor li:hover img,.areaList dl:hover dt img,.recommendCase li:hover span img,.caseShowlist li:hover span img,.caseHot a:hover span img,.productcenter li:hover span img{ transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);}
.headPart1Cont .right a:hover,.indexModel6 a:hover,.caseRightDiv4 p:hover a,.tjNew div a:hover,.AboutNew a:hover,.n_menu_name a:hover { color: #7c614d;}
.seeMore:hover{ background: #2e2420; color: #fff;}
.shadowDiv{ -webkit-box-shadow: rgba(0,0,0,0.1) -1px 2px 15px; -moz-box-shadow: rgba(0,0,0,0.1)  -1px 2px 15px; box-shadow: rgba(0,0,0,0.1)  -1px 2px 15px;} 
.caseTipShow li a,.indexproductlist li,.menuList li span::after,.nav li,.listShow a,.listShow a::before,.listShow a::after,.questionList>div span,.newDiv1 a.pic{transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.newLiTxt .p1,.AchieTxt  p.p1,.detail_page p,.stauPage a.page1,.stausDetail .right .aboutNew li .div2,.recommendCase li p.p1,.caseHot a font,.caseRightDiv4 p,.AboutNew a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.listShow a::before,.reasonList .left font{ border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.marginR0{ margin-right: 0 !important;}