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;}