html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#333;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0; font-family:'微软雅黑';} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */
.strong{ font-weight:normal;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性,所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tal{ text-align:left} .tar{ text-align:right;}
/*文字两侧对齐*/
.justify {text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;
/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/}
.toe{/*超出省略号*/word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hoverimg{overflow: hidden;}
.hoverimg img{-webkit-transform:translateZ(0);-webkit-transition:all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-moz-transform:translateZ(0);-moz-transition:all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-ms-transform:translateZ(0);-ms-transition:all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transform-style:preserve-3d;}
.hoverimg:hover img{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
/*select{
-webkit-appearance:none;-moz-appearance:none;appearanearance: none;}*/
/**
+------------------------------------------------------------------------------
* 网站整布局命名规范
+------------------------------------------------------------------------------
* @codex id和class命名采用该版块的英文单词或组合命名 如:newRelease
+------------------------------------------------------------------------------
*/
a{ color:#333; -webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out; text-decoration: none;}
a:hover{ color:#8c2d3a; text-decoration:none;}
body{font-family:'微软雅黑'; line-height:1.5; font-size:14px; color:#333; background:#fff;}
.lft,.fl{ float:left;}
.rgt,.fr{ float:right;}
.wrapper{
width:1260px;margin:0 auto;
}
.wrapper1{width: 1200px;margin: 0 auto;}
/*header*/
.header{background:#fff;z-index:99;height:120px;position: fixed;left: 0;right: 0;top: 0;}
.header .logo{ float:left; padding-top:29px; width:223px;}
.header .logo img{width:100%;height:auto;display: block;vertical-align: top;}
.header .nav {font-size:0;float: right;}
.header .nav li{display: inline-block;*display: inline;zoom:1;position: relative;z-index: 999;}
.header .nav li>a{ display:block;padding:0 20px;line-height: 120px;font-size: 16px;color: #464646;position: relative;cursor: pointer;}
.header .nav li>a:after{content: "";width:54%;height:6px;background: #4bc0b5;position: absolute;left: 23%;bottom: 0;opacity: 0;
transition: opacity .3s;
-moz-transition: opacity .3s; /* Firefox 4 */
-webkit-transition: opacity .3s; /* Safari 和 Chrome */
-o-transition: opacity .3s; /* Opera */
}
.header .nav li:hover>a:after,.header .nav li.selected>a:after{opacity: 1;}
.header .lang{ float:right;position: relative;margin-top: 46px;}
.header .lang a{float: left;padding-left: 10px;cursor: pointer;}
.header .lang a img{width: 28px;height: 28px;vertical-align: top;}
.subnav{position: absolute;left: 0;top: 120px;max-height: 0;overflow: hidden;width: 100%;background: #fff;
transition: all .3s;
-moz-transition: all .3s; /* Firefox 4 */
-webkit-transition: all .3s; /* Safari 和 Chrome */
-o-transition: all .3s; /* Opera */
}
.header .nav li:hover .subnav{max-height: 999px;}
.subnav dl{width: 100%;}
.subnav dl dd a{display: block;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #464646;cursor: pointer;}
.subnav dl dd:hover a,.subnav dl dd.selected a{background: #4bc0b5;color: #fff;}
/*切换图样式*/
.fullSlide{ position:relative;margin:0 auto; overflow:hidden;padding-top: 120px;}
.fullSlide .bd{ position:relative;}
.fullSlide .bd li a{ display:block;}
.fullSlide .bd li a img{ display:block;vertical-align: top;width: 100%;}
.fullSlide .hd{width:100%;position: absolute;bottom: 40px;height:4px;}
.fullSlide .hd ul{text-align:left;font-size: 0;text-indent:17.2%;}
.fullSlide .hd li{margin: 0 4px; background:#fff; height:4px; overflow: hidden; width: 40px; cursor: pointer;display:inline-block; *display:inline; zoom:1;}
.fullSlide .hd .on{ background: #2f2f2f;}
.fullSlide .prev,
.fullSlide .next { width:40px; height:90px; margin-top: 15px; background: url(../images/prevh.png) no-repeat center; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px;background-size: 100%; }
.fullSlide .prev { left:30px; }
.fullSlide .next { background: url(../images/nexth.png) no-repeat center;background-size: 100%;right:30px; }
/*首页服务商*/
.indexbox1{background: url(../images/box1bg.png) no-repeat center;background-size: 100% auto;padding: 55px 0;}
.htit{text-align: center;color: #464646;padding:0 0 15px;}
.htit.sec{color: #fff;}
.htit.thr{text-align: left;}
.htit h1{font-size: 36px;line-height: 1;}
.htit h2{font-size: 24px;line-height: 1;}
.htit .line{display: block;margin: 14px auto 9px;height: 2px;width: 32px;background: #4bc0b5;}
.htit.sec .line{background: #fff;}
.htit.thr .line{margin:14px 0 9px;}
.htit p{font-size: 12px;line-height: 1.6;}
.box1item{float: left;width:25%;cursor: pointer;text-align: center;}
.box1img{width: 147px;height: 147px;overflow: hidden;margin: 0 auto;border-radius: 50%;}
.box1img img{vertical-align: top;width: 100%;}
.box1top{padding: 34px 0;text-align: center;color: #464646;}
.box1top h2{font-size: 36px;line-height: 1;padding: 0 0 20px;}
.box1top p{font-size: 14px;line-height: 1.4;}
.box1item:hover .box1top{color: #4bc0b5;}
/*首页-品牌介绍*/
.indexbox2{background: url(../images/bg2.jpg) no-repeat center;background-size:cover;padding:100px 0 0;}
.box2wrap{padding: 0 100px;}
.box2left{padding-top:85px;position: relative;width: 320px;float: left;}
.box2left video{vertical-align: top;width: 100%;}
/*.box2left i{width: 54px;height: 54px;background: url(../images/play.png) no-repeat center;background-size:100%;position: absolute;left: 50%;top: 50%;margin-left: -27px;margin-top: -27px;}*/
.box2right{width: 59%;float: right;color: #fff;}
.htit2{font-size: 36px;line-height: 1;}
.box2right .line{display: block;margin:16px 0 26px;height: 2px;width: 32px;background: #4bc0b5;}
.box2right p{font-size: 14px;line-height:2;}
.indexbox2btns{padding-top: 130px;}
.indexbox2btns a{float: left;width: 50%;height: 45px;line-height: 45px;padding: 0 20px;box-sizing: border-box;font-size: 18px;color: #fff;background: #4bc0b5 url(../images/right.png) no-repeat 96% center;background-size: 12px auto;cursor: pointer;}
.indexbox2btns a.sec{background: #fff url(../images/rightf.png) no-repeat 96% center;background-size: 12px auto;color: #464646;}
.indexbox2btns a:hover{background: #49d9cc url(../images/right.png) no-repeat 96% center;background-size: 12px auto;color: #fff;}
/*首页-重信单位*/
.indexbox3{padding: 70px 0 50px;}
.indexbox3 .swiper-slide a{display: block;}
.indexbox3 .swiper-slide a img{vertical-align: top;width: 100%;}
.box3detail1{text-align: center;padding: 30px 0;font-size: 14px;color: #2c2c2c;}
.indexbox3 .swiper-pagination{padding: 0;display: flex;}
.indexbox3 .swiper-pagination .swiper-pagination-bullet{width: 100%;margin: 0;background: #5a6777;height: 2px;border-radius: 0;}
.indexbox3 .swiper-pagination .swiper-pagination-bullet-active{background: #22d0ab;width: 80%;left: 10%;}
/*首页-服务过的客户*/
.indexbox4{background: #4bc0b5;padding: 70px 0 0;}
.indexbox4 .swiper-slide ul{margin: 0 -6px;}
.indexbox4 .swiper-slide ul li{width: 25%;float: left;padding: 6px;box-sizing: border-box;}
.indexbox4 .swiper-slide ul li a{display: block;overflow: hidden;cursor: pointer;}
.indexbox4 .swiper-slide ul li a img{width: 100%;vertical-align: top;}
.indexbox4 .swiper-pagination{position: inherit;text-align: right;padding-top: 22px;padding-bottom: 70px;}
.indexbox4 .swiper-pagination-bullet{background: #fff;opacity: 1;}
.indexbox4 .swiper-pagination-bullet-active{background: #464646;}
.listwrap{position: relative;z-index: 9;display: flex;align-items: center;justify-content: space-between;background: #fff;}
.listwrap .navitem{line-height: 74px;width: 40%;text-align: center;background: #fff;display: block;}
.listwrap .navitem a{color: #464646;}
.listwrap .navitem:hover{background: #aa7d5a;}
.listwrap .navitem:hover a{background: #aa7d5a;color: #fff;}
.proimg{height: 208px;text-align: center;position: relative;z-index:18;}
.proimg img{width:667px;position: relative;position: absolute;bottom: 0;left: 50%;margin-left: -333px;}
/*首页-新闻中心*/
.indexbox5{padding: 80px 0;}
.newsleft{width: 16.6%;float: left;}
.newsleft a{color: #464646;font-size: 12px;padding-left: 20px;background: url(../images/rightf1.png) no-repeat left center;background-size: 12px auto;cursor: pointer;}
.newsleft a:hover{color: #4bc0b5;}
.newsright{width:72%;float: right;}
.newsright ul{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;position: relative;}
.newsright ul:after{content: "";width: 1px;height: 80%;background: #e1e1e1;position: absolute;left: 50%;top: 10%;}
.newsright ul li{padding:20px 0;cursor: pointer;}
.newsright ul li a{color: #464646;display: flex;align-items: center;justify-content: flex-start;position: relative;}
.newsright ul li strong{width: 80px;}
.newsright ul li p{font-size: 14px;line-height: 1.4;width: 250px;padding-right: 30px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.newsright ul li i{width: 14px;height: 20px;background: url(../images/arightf.png) no-repeat left center;background-size:100%;display: inline-block;*display: inline;zoom:1;}
.newsright ul li:hover a{color: #4bc0b5;}
.newsright ul li:hover i{background: url(../images/aright.png) no-repeat left center;background-size:100%;}
/*footer*/
.footer{padding: 100px 0;background: #3c3d46;color: #fff;}
.footerleft{float: left;width: 85%;}
.foottop{height: 62px;}
.flogo img{width: 170px;vertical-align: top;margin-right: 95px;}
.foottop p{font-size: 24px;line-height: 29px;border-left: #505159 1px solid;padding:0 30px;margin-top: 17px;}
.foottop p img{margin-right: 15px;vertical-align: top;margin-top: 5px;}
.footbot{padding-top: 50px;color: rgba(255,255,255,.5);height: 20px;line-height: 20px;font-size: 12px;}
.footbot img{vertical-align: top;}
.footerright{float: right;width:94px;text-align: center;}
.footerright p{font-size: 12px;padding-top: 20px;color: rgba(255,255,255,.8);}
.footbot strong{font-weight: 500;}
.footbot strong img{margin-right: 9px;}
.footbot em{padding: 0 50px 0 30px;}
.icons{padding: 0 30px;}
.icons img{margin: 0 7px;margin-top: 3px;}
/*品牌介绍*/
.subbanner{position: relative;padding-bottom:8px;background: #fff;margin-top: 120px;}
.subbanner a img{width: 100%;vertical-align: top;}
.subbanner p{height: 16px;width: 60%;right: 0;bottom: 0;background: #4bc0b5;position: absolute;}
.subnavwrap{border-bottom: 2px solid #f8f8f8;}
.subleftnav ul li{height: 62px;line-height: 62px;float: left;margin-right: 38px;position: relative;cursor: pointer;}
.subleftnav ul li.selected:after{content: "";width: 100%;height:2px;background: #4bc0b5;position: absolute;left: 0;bottom: -2px;}
.subleftnav ul li a{font-size: 14px;color: #464646;}
.subleftnav ul li:hover a,.subleftnav ul li.selected a{color: #4bc0b5;}
.subtightnav{height: 62px;line-height: 62px;margin-right: 20px;}
.subtightnav p,.subtightnav a{font-size: 12px;color: rgba(67,67,67,.5);}
.subtightnav a{cursor: pointer;}
.subtightnav a:hover{color: #4bc0b5;}
.htit4{padding: 36px 0;}
.htit4 .wrapper{background: url(../images/subbg1.png) no-repeat left center;background-size:90% auto;position: relative;}
.hth1{font-size: 76px;color: #434343;line-height: 200px;}
.hth1 strong{color: #aa7d5a;font-weight: 600;}
.hth1 i{color: #aa7d5a;padding:0 20px 0 10px;font-size:40px;vertical-align: top;display: inline-block;*display: inline-block;zoom:1;line-height:170px;}
.titjb{position: absolute;right: 0;top: 0;}
.titjb p{font-size: 12px;line-height: 1.6;color: rgba(67,67,67,.5);text-align: right;text-transform: uppercase;}
.subabout{padding-bottom: 60px;}
.subaboutleft{width:40%;}
.subaboutleft video{width: 100%;vertical-align: top;}
.subaboutright{width: 47%;}
.subaboutright p{font-size: 14px;color: #434343;line-height: 1.6;text-indent: 40px;}
.p30{padding-top: 30px;}
.subbrand{padding: 60px 0;background: url(../images/bg3.jpg) no-repeat left center;background-size:cover;}
.subbrandwrap{display: flex;align-items: center;justify-content:center;height: 280px;background: url(../images/navbg.png) no-repeat left center;background-size:100% 100%;}
.branditem{background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 178px;height: 178px;flex-direction: column;border: 19px solid #3d3d47;}
.branditem.sec{width: 234px;height: 234px;margin: 0 270px;}
.branditem h2{color: #aa7d5a;font-size: 38px;font-weight: 600;line-height: 1;padding-bottom: 10px;text-align: center;}
.branditem h2 i{font-size: 20px;vertical-align: top;}
.branditem p{color: #434343;font-size: 16px;line-height: 1.4;text-align: center;}
.introtab{padding-top: 70px;background: #f0f1f5;}
.introtab .slideTxtBox .hd{background: none;position: relative;bottom: auto;}
.introtab .slideTxtBox{padding: 0;}
.introtab .slideTxtBox .hd .arrow{position: absolute;top: 0;right: 0;}
.introtab .slideTxtBox .hd .arrow .prev,.introtab .slideTxtBox .hd .arrow .next{width: 98px;height: 98px;float: left;background:#22d0ab url("../images/left1.png") no-repeat center;background-size: 20px auto;cursor: pointer;}
.introtab .slideTxtBox .hd .arrow .next{background:#434343 url("../images/right.png") no-repeat center;background-size: 20px auto;}
.htit8 h2{font-size: 54px;color: #434343;font-weight: 600;line-height: 1;}
.htit8 p{font-size: 32px;color: #434343;}
.introtab .bd ul{display: flex;align-items: flex-end;justify-content: center;padding-top: 90px;height: 100%;box-sizing: border-box;}
.introtab .bd li{width: 33.3%;box-sizing: border-box;padding: 0 70px 0 0;}
.history{padding-top: 40px;border-left: 2px solid #484849;padding-left: 30px;padding-bottom: 80px;position: relative;}
.history:after{content: "";width:9px;height: 9px;border: 2px solid #484849;border-radius: 50%;top: -13px;left:-7px;position: absolute;}
.history h2{font-size: 22px;color: #434343;font-weight: 600;}
.history p{font-size: 14px;color: #434343;line-height: 1.6;padding-top: 14px;}
.history p span{padding-right: 4px;}
/*黑豹防水*/
.subbox1{padding: 80px 0 0px;}
.sub1left{width: 524px;}
.sub1left ul li{width:25%;float: left;cursor: pointer;}
.sub1left ul li:nth-child(2){margin-top: 140px;}
.sub1left ul li:nth-child(3){margin-top: 36px;}
.sub1left ul li:nth-child(4){margin-top: 130px;}
.subimg{width: 100%;overflow: hidden;}
.subimg img{width: 100%;vertical-align: top;}
.subdetail1{padding: 0 16px;}
.subdetail1 h2{font-size: 18px;color: #434343;font-weight: 600;padding: 20px 0 10px;}
.subdetail1 p{font-size: 12px;color: #434343;line-height: 1.8;}
.sub1right{width: 600px;font-size: 14px;color: #434343;line-height: 2;padding-top: 80px;}
.modelTost {
display: none;
background: rgba(0, 0, 0, .5);
z-index: 9999;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
.modelTostChile {
width: 50%;
left: 25%;
top: 10%;
padding:30px 0 10px;
background-color: #fff;
position: absolute;
}
.modelClose {
font-size: 24px;
position: absolute;
width: 60px;
height: 60px;
right: -60px;
top: 0;
background: #22d0ab;
color: #fff;
text-align: center;
line-height: 60px;
cursor: pointer;
}
.modelTost .swiper-slide {
text-align: center;
}
.modelTost .swiper-container{height: 100%;}
.modelTost .swiper-slide img {
height: auto;
width: 80%;
text-align: center;
}
.modelTost .swiper-slide p{line-height: 36px;}
.modelTost .swiper-slide p img{width: 22px;vertical-align: top;margin-right: 5px;}
/*产品世界-详情*/
.subdetail{background: #f0f1f5;padding: 30px 0;}
.detailbox1{margin-bottom: 20px;padding:20px 60px 20px 20px;background: #fff;}
.subdetailleft{width: 660px;}
.subdetailleft .swiper-pagination{text-align: left;left: 20px;}
.subdetailleft .swiper-pagination{padding: 0;display: flex;}
.subdetailleft .swiper-pagination .swiper-pagination-bullet{background: #ffffff;opacity: 1;}
.subdetailleft .swiper-pagination .swiper-pagination-bullet-active{background: #464646;}
.subdetailleft img{width: 100%;vertical-align: top;}
.subdetailright{width: 400px;}
.subdetailright .htit2{color: #454445;line-height: 1;padding: 30px 0;border-bottom: 1px dashed #b1b1b1;font-size: 36px;}
.subwordstit{padding: 30px 0 15px;font-size: 14px;color: #454445;line-height:1.9;}
.subnavli{background: #aa7d5a;}
.subnavli.on{position: fixed;left: 0;top: 120px;right: 0;z-index: 99;}
.subnavli ul li{float: left;line-height: 60px;font-size: 14px;color: #fff;padding:0 20px;cursor: pointer;}
.subnavli ul li:hover,.subnavli ul li.active{background: #22d0ab;}
.subdetailbox{padding: 20px;background: #fff;}
.subpage1detail{margin-bottom:20px;}
.subdetailbox .subtith{height: 60px;line-height: 60px;font-size: 18px;color: #454445;border-bottom: 1px dashed #b1b1b1;margin-bottom:20px;}
.subpage1detail{font-size: 14px;color: #454445;line-height: 1.8;}
.minlogo{display: none;text-align: center;padding: 60px 0 20px;}
.minlogo img{width: 98px;height: 62px;vertical-align: top;}
/*代理加盟*/
.contactbox{padding: 80px 0;background: #4bc0b5;position: relative;margin-top: 120px;}
.contactleft{width: 300px;font-size: 14px;line-height: 1.8;color: #fff;}
.contactright{width: 700px;}
.contactright a img{width: 100%;vertical-align: top;}
.contactleft .htit2 h1{font-size: 36px;color: #ffffff;font-weight: 600;}
.contactleft .htit2 .line{background: #ffffff;width: 32px;height: 2px;display: block;margin: 20px 0;}
.conmore{display: block;margin-top: 170px;background: #fff url("../images/rightf1.png") no-repeat 90% center;background-size:14px auto;height: 50px;line-height: 50px;padding: 0 20px;font-size: 18px;color: #4bc0b5;width: 200px;box-sizing: border-box;cursor: pointer;}
.conmore:hover{color: #22d0ab;}
.maskrwap{padding: 0 30px;}
.masktit h1{font-size: 36px;color: #3c3d46;font-weight: 600;line-height: 1;}
.masktit .line{background: #3c3d46;width: 32px;height: 2px;display: block;margin: 20px 0;}
.maksdetail p{font-size: 14px;color: #3c3d46;line-height: 1.8;}
.maskform{padding: 40px 0 20px;}
.inputwrap{margin-bottom: 10px;}
.inputwrap ::-webkit-input-placeholder {color:#fff; text-overflow:ellipsis;}
.inputwrap ::-moz-placeholder {color:#fff; text-overflow:ellipsis;}
.inputwrap ::-moz-placeholder {color:#fff; text-overflow:ellipsis;}
.inputwrap ::-ms-input-placeholder {color:#fff; text-overflow:ellipsis;}
.maskform textarea::-webkit-input-placeholder {color:#fff; text-overflow:ellipsis;}
.maskform textarea::-moz-placeholder {color:#fff; text-overflow:ellipsis;}
.maskform textarea::-moz-placeholder {color:#fff; text-overflow:ellipsis;}
.maskform textarea::-ms-input-placeholder {color:#fff; text-overflow:ellipsis;}
.inputwrap input{border: none;outline: none;background: #aa7d5a;font-size: 14px;color: #fff;width: 32%;height: 60px;line-height: 60px;padding: 0 10px;box-sizing: border-box;margin-right: .4%;}
.maskform textarea{font-family:'微软雅黑';border: none;outline: none;background: #aa7d5a;font-size: 14px;color: #fff;width: 95%;padding: 10px;line-height: 1.2;height: 160px;margin-bottom: 10px;}
.yambox input{border: none;outline: none;font-size: 14px;color: #3c3d46;height:40px;line-height: 40px;padding: 0 10px;vertical-align: top;border: 1px solid #3c3d46;box-sizing: border-box;width: 127px;}
.yzmimg{width: 145px;margin:0 10px;height: 40px;vertical-align: top;}
.yambox button{font-size: 14px;color: #fff;height:40px;line-height: 40px;vertical-align: top;background: #aa7d5a;padding: 0 50px;border: none;outline: none;cursor: pointer;}
.yambox button:hover{background: #22d0ab;}
/*联系*/
.content .tab-hd{float:left;width:100%;margin-top:40px;}
.content .tab-nav{margin-left:-3%;}
.content .tab-nav li{float:left;width:30%;margin-left:3%;margin-bottom:110px;position:relative;}
.content .tab-nav li img{display:block;height:20px; width:20px;float:left;margin-top:5px;}
.content .tab-nav .txt{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);}
.content .tab-nav .txt small{text-transform:uppercase; display:block;font-size:14px;color:#37363C;opacity:0.8;line-height:21px;}
.content .tab-nav .txt h5{font-size:16px;color:#424242;padding-top:4px;}
.content .tab-nav .txt h4{font-size:16px;color:#424242;padding-top:4px; font-weight:bold;}
.content .tab-nav li.on .txt{background:#4a2f8e;}
.content .tab-bd{float:left;width:100%;}
.content .tab-bd .pic img{display:block;width:100%;}
.content .tab-bd .txt{padding-top:12px;}
.content .tab-bd .txt p{font-size:14px;color:#52535a;margin-bottom:40px;}
.content .tab-bd .txt a{display:inline-block;*display:inline;zoom:1;padding:0 10px;height:30px;line-height:30px;
font-size:12px;color:#fff;background:#4a2f8e;}
.content .tab-bd .txt a img{width:12px;margin-right:4px;}
.content .tab-bd .txt a:hover{background:#6646b8; color:#fff;}
.content .tab-bd .txt img{width:12px;margin-right:4px;}
.content .tab-nav li.on .txt h5{ background:img/map3_2.png}
.conTxt{float:left;width:32%;}
.conTxt .tit{padding-bottom:16px;}
.conTxt small{display:block; text-transform:uppercase;font-size:24px;color:#3c3d46;}
.conTxt i{display:inline-block;*display:inline;zoom:1;width:30px;height:2px;
background:#573e96;}
.conTxt h5{font-size:16px;color:#3c3d46;}
.conTxt p{font-size:14px;color:#3c3d46;text-indent:16px;padding-bottom:16px;line-height:24px;}
.cont{margin-bottom:20px;}
.dooraco{font-size:24px;color:#3c3d46;}
.map_banner{background: url(../images/map.jpg) no-repeat center 120px;background-size: 100% auto;background-attachment: fixed;margin-top: 120px;height:530px;}
.newsWrap ul{margin: 0 -10px;}
.newsWrap ul li{padding:0 10px 20px;width: 50%;float: left;box-sizing: border-box;}
.newsitem{padding: 16px 18px;background: #fff;cursor: pointer;}
.newsimg{width: 264px;height: 206px;overflow: hidden;float: left;}
.newsimg img{width: 100%;vertical-align: top;height: 100%;}
.newsdetail{float: left;width: 296px;margin-left: 20px;height: 206px;position: relative;}
.newsdetail .time{font-size: 14px;color: #434343;line-height: 1.4;}
.newsdetail h3{font-size: 21px;color: #454445;font-weight: 600; line-height: 1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;margin: 5px 0 8px;-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;}
.newsdetail .word{font-size: 14px;color: #434343;line-height: 1.4;verflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.newsdetail i{position: absolute;left: 0;bottom: 0;width: 98px;height: 25px;background: #434343;color: #fff;font-size: 14px;border-radius: 25px;text-align: center;line-height: 25px;-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;}
.newsitem:hover h3{color: #22d0ab;}
.newsitem:hover i{background: #22d0ab;}
.selectbox{padding-top: 44px;text-align: center;}
.selectbox select{width: 246px;height: 42px;line-height: 42px;padding: 0 10px;box-sizing: border-box;background:#fff url(../images/arrowdown.png) no-repeat 98% center;background-size: 10px auto;display: inline-block;*display: inline;zoom:1;appearance:none;
-moz-appearance:none;
-webkit-appearance:none;border: none;outline: none;}
.selectbox select::-ms-expand { display: none; }
.selectbox select option{padding: 5px 0;}
.pagebox{padding: 48px 0 40px;}
.pagebox ul{text-align: center;}
.pagebox ul li{display: inline-block;*display: inline;zoom:1;width: auto;margin: 0 5px;float: none;}
.pagebox ul li a{font-size: 16px;color: #434343;padding: 0 14px;line-height: 33px;display: inline-block;border: 1px solid #f0f1f5;cursor: pointer;-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;}
.pagebox ul li a.sec{border: 1px solid #a0a2a7;}
.pagebox ul li a:hover,.pagebox ul li.on a,.pagebox ul li.active a{background: #4bc0b5;border: 1px solid #4bc0b5;color: #fff;}
/*新闻中心-新闻-详情*/
.newsDetail{padding-bottom:60px;margin-top:30px;}
.newsDetail .top{margin-bottom: 60px; }
.newsDetail .top h3{font-size:24px;color: #404040;margin-bottom:5px;}
.infoBlock {font-size:14px;color: #999999;}
.infoBlock h6{font-size:18px;color: #999999;float: left;}
.infoBlock a{font-size:14px;color: #4bc0b5;}
.infoBlock a i{display:inline-block;width:30px;height:25px;vertical-align: top;
margin-top: -2px;}
.infoBlock .num{float: right;}
.newsDetail .main p{font-size:14px;color: #333333;line-height: 30px;/* text-indent:30px; */}
.newsDetail .main .pic{margin:0 auto;width:920px;padding:30px 0;}
.newsDetail .main .pic img{width:100%;height:658px;}
.newsDetail .pageBlock .prev{float:left;}
.newsDetail .pageBlock .next{float:right;}
.newsDetail .pageBlock a{display:inline-block;/* width:365px; */height:60px;line-height:60px;text-align: left;
display: block; padding-left:10px;
font-size: 16px;color: #404040; overflow: hidden;}
.newsDetail .pageBlock a.on{background:#3263aa;color: #fff;}
.newsDetail .pageBlock a:hover{background:#3263aa;color: #fff;}
.wh60{height:60px;}
/*首页-产品世界*/
.indexbox3{background: #f0f1f5;padding-bottom: 35px;}
.box3wrap ul{margin: 0 -6px;}
.box3wrap ul li{width: 33.3%;box-sizing: border-box;padding: 0 6px;cursor: pointer;float: left;margin-bottom: 12px;}
.box3wrap ul li .box3item{display: block;background: #fff;padding: 24px 21px;}
.box3img{width: 100%;overflow: hidden;}
.box3img img{width: 100%;vertical-align: top;}
.box3detail{padding:18px 22px;color: #454445;line-height: 1.4;background: #daf0fc;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;}
.box3detail h3{font-size: 16px;font-weight: 600;text-align: center;}
.box3detail p{font-size: 14px;}
.box3item:hover .box3detail{background: #36b4d2;color: #fff;}
.box3wrap .more{border: 1px solid #d1d2d4;line-height: 32px;font-size: 12px;color: #3c3d46;text-align: center;display: block;margin: 18px auto 0;width: 152px;cursor: pointer;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;}
.box3wrap .more:hover{border: 1px solid #36b4d2;background: #36b4d2;color: #fff;}