@charset "utf-8";

/*加盟*/
.jmtit{text-align: center; color: #333;}
.jmtit div img{width: 0.8em; display: block; margin: 0 auto;}
.jmtit h3{padding: 0.3em 0 0.5em;}
.jmtj .jmtit h3{padding-bottom: 0.7em;}
.jmtj ul li{float: left; width: calc(50% - 10px); margin-top: 20px;}
.jmtj ul li:nth-child(2n){float: right;}
.jmtj ul li .text{padding: 20px; background: #c70025; color: #fff;}
.jmtj ul li .text_{padding-left: 2em; height: 3em; position: relative; font-size: 16px;}
.jmtj ul li .text_:before{content: '一、'; position: absolute; left: 0; top: 0;}
.jmtj ul li:nth-child(2) .text_:before{content: '二、';}
.jmtj ul li:nth-child(3) .text_:before{content: '三、';}
.jmtj ul li:nth-child(4) .text_:before{content: '四、';}
.jmtj ul li:nth-child(5) .text_:before{content: '五、';}
.jmtj ul li:nth-child(6) .text_:before{content: '六、';}
.jmtj ul li:nth-child(7) .text_:before{content: '七、';}
.jmtj ul li:nth-child(8) .text_:before{content: '八、';}
.jmtj ul li:nth-child(9) .text_:before{content: '九、';}
.jmtj ul li:nth-child(10) .text_:before{content: '十、';}

.jmlc{background: url(../images/Product/jmlcbg.jpg) no-repeat center; background-size: cover;}
.jmlc ul li{float: left; width: calc(33.33% - 20px); margin-left: 30px; margin-top: 30px;}
.jmlc ul li:nth-child(1),.jmlc ul li:nth-child(6),.jmlc ul li:nth-child(7){margin-left: 0;}
.jmlc ul li .text{background: #fff; padding: 20px; position: relative;}
.jmlc ul li .text h3{font-size: 18px; font-weight: bold; color: #c70025; padding-bottom: 0.5em;}
.jmlc ul li .text p{font-size: 16px; line-height: 1.8em; height: 5.4em;}
.jmlc ul li:nth-child(4),.jmlc ul li:nth-child(5),.jmlc ul li:nth-child(6){float: right;}
.jmlc ul li .text:before{position: absolute; content: ''; width: 30px; height: 100%; left: 100%; top: 0; background: url(../images/Product/jt1.png) no-repeat center;}
.jmlc ul li:nth-child(9) .text:before{display: none;}
.jmlc ul li:nth-child(3) .text:before,.jmlc ul li:nth-child(6) .text:before{width: 100%; height: 30px; left: 0; top: 100%;background: url(../images/Product/jt2.png) no-repeat center;}
.jmlc ul li:nth-child(4) .text:before,.jmlc ul li:nth-child(5) .text:before{left: -30px;background: url(../images/Product/jt3.png) no-repeat center;}

.jmys{}
.jmys ul li{float: left; width: 190px; margin-left:calc(25% - 238px); margin-top: 20px;}
.jmys ul li:first-child{margin-left: 0;}
.jmys ul li .ico{position: relative;}
.jmys ul li .ico img{display: block;}
.jmys ul li .ico p{position: absolute; bottom: 18%; text-align: center; width: 100%; color: #fff; font-size: 18px; font-weight: bold;}
.jmys ul li .text{text-align: center; padding-top: 25px; line-height: 1.8em; font-size: 16px; color: #808080;}

/*home联系我们*/
.homeconta{position: relative;}
.homeconta .bgcota{background: url(../images/lxbg1.jpg) no-repeat center; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-size: cover;}
.homeconta .con{ float: right; width: 50%; background: #D10C11; padding: 60px 0; color: #fff; position: relative; z-index: 2;}
.homeconta .con h3{font-weight: bold; width: 11em; padding-left: 46px; background: #ff9000; line-height: 1.8em; position: relative;}
.homeconta .con h3:before{content: ''; position: absolute; right: 100%; width: 0.582em; height: 2.5em; background: url(../images/lxbg2.png) no-repeat; background-size: 100%;}
.homeconta .con h4{padding: 1.5em 0 1em 46px;}
.homeconta .con p{padding-left: 46px; font-size: 16px; line-height: 1.8em;}

/*------------浮动-----------------*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clear10{ clear:both; height:10px; overflow:hidden;}
.clear15{ clear:both; height:15px; overflow:hidden;}
.clear20{ clear:both; height:20px; overflow:hidden;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}
.phcolor{color: #999 !important;}


@media screen and (max-width:960px) {
	.ft48{font-size: 36px;}
	.titpub h3{padding-bottom: 15px;}
	.titpub .span{font-size: 16px;}
	.titpub{padding-bottom: 25px;}
	.brand ul{padding-top: 10px;}
	.brand .text{font-size: 14px;}
	.brand ul li a .ico{width: 96px; height: 96px;}
	.brand ul li{width: 100px; margin-left: calc(33% - 133px); padding-top: 20px;}
	.brand ul li a .ico img{width: 46px; margin-left: -23px; margin-top: -18px;}
	.brand ul li a p{padding-top: 20px;}
	
	.case ul li{width: calc(33.33% - 8px);}
	.case ul li:nth-child(4n+1){margin-left: 10px;}
	.case ul li:nth-child(3n+1){margin-left: 0px;}
	.case ul li:nth-child(9){display: block;}
	
	.news ul li{margin-left: 15px; width: calc(33.33% - 10px);}
	
	.homeconta .con h3,.homeconta .con h4,.homeconta .con p{padding-left: 25px;}
	.homeconta .con p{font-size: 14px;}
	.homeconta .con{padding: 45px 0;}
	
}
@media screen and (max-width:768px) {
	.Copy{font-size: 12px; text-align: center; padding: 10px 0;}
	.Copy span,.Copy font{display: block; float: none;}
	
	.Product ul li{width: calc(50% - 5px); margin-left: 0; margin-top: 10px;}
	.Product ul li:nth-child(2n){float: right;}
	/*.Product ul li:nth-child(4){margin-left: 0;}
	.Product ul li:nth-child(7){margin-left: 0; width: 100%;}*/
	
	.morehone a img{width: 18px;}
	.morehone a{width: 100px; padding: 8px 0;}
	.morehone{padding-top: 20px;}
	.news ul li .text{padding: 10px;}
	.news ul li .text h3{font-size: 14px;}
	.news ul li .text p{padding-top: 12px;}
	
	.yqlj span{display: block; text-align: center;}
	
	/*公用*/
	.ptb150{padding: 50px 0 80px;}
	.ptb100{padding: 50px 0;}
	.ptb75{padding: 40px 0 40px;}
	.ft60{font-size: 36px;}
	.ft40{font-size: 26px;}
	.ft48{font-size: 30px;}
	.ft36{font-size: 25px;}
	.ft30{font-size: 24px;}
	.ft24{font-size: 20px;}
	.ft28{font-size: 22px;}
	
}
@media screen and (max-width:640px) {
	.footcon .footlxfs{float: none; width: 100%; text-align: center;}
	.footcon .rightss{float: none; width: 206px; margin: 0 auto; text-align: center; padding-bottom: 20px;}
	.footcon .footlxfs span, .footcon .footlxfs p{display: block;}
	
	.titpub{padding-bottom: 20px;}
	.titpub .span{font-size: 14px;}
	
	.brand ul li a .ico{width: 46px; height: 46px; border-width: 1px; margin: 0 auto;}
	.brand ul li{width: 25%; margin-left: 0; padding-top: 20px;}
	.brand ul li a .ico img{width: 26px; margin-left: -13px; margin-top: -10px;}
	.brand ul li a p{padding-top: 10px; font-size: 14px;}
	
	.Product ul li a .text{font-size:13px; padding-bottom: 6px;}
	
	.case ul li{width: calc(50% - 5px); margin-left: 0 !important; display: block !important;}
	.case ul li:nth-child(2n+1){float: right;}
	.case ul li a .text{font-size: 14px;}
	
	.news ul li{width: 100%; margin-left: 0; margin-top: 20px;}
	.news ul li:first-child{margin-top: 0;}
	
	.homeconta .con{width: 100%;}
	.homeconta .con h3{width: 90%;padding: 0 5%;text-align: center;}
	
}
@media screen and (max-width:480px) {
	.Consultation{width: 248px; margin-top: -177px;}
	.Consultation .con{width: 200px;}
	.Consultation .con input{line-height: 34px; height: 34px;}
	
	/*.Product ul li{margin-left: 5px; margin-top: 6px; width: calc(50% - 3px);}*/
	
	/*公用*/
	.ptb150{padding: 40px 0 60px;}
	.ptb100{padding: 40px 0;}
	.ft60{font-size: 32px;}
	.ft40{font-size: 24px;}
	.ft48{font-size: 26px;}
	.ft36{font-size: 23px;}
	.ft30{font-size: 22px;}
	.ft24{font-size: 18px;}
	.ft28{font-size: 20px;}
	
}
@media screen and (max-width:400px) {
	
}
@media screen and (max-width:375px) {
	
	
}

@media screen and (max-width:340px) {
	
	
	
}
@media screen and (max-width:330px) {
	
	
	
}

@media screen and (max-height:440px) {
	
	
}










.Some{padding-top: 0;}
.Some .list ul li{overflow: hidden; padding:40px 0; border-bottom: 1px dashed #ccc;}
.Some .list ul li:first-child{padding-top: 0;}
.Some .list ul li a{display: block; overflow: hidden; position: relative;}
.Some .list ul li .img{float: left; width: 330px;}
.Some .list ul li .text{float: right; width: calc(100% - 370px);}
.Some .list ul li .text h3{font-size: 18px; color: #333; font-weight: bold; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Some .list ul li .text span{display: block; font-size: 12px; color: #888; padding-top: 0.5em;}
.Some .list ul li .text p{color: #888; font-size: 12px; padding-top: 2em; line-height: 1.7em; height: 5.1em; overflow: hidden;}
.Some .list ul li .text font{position: absolute; left: 370px; bottom: 0; font-weight: bold; color: #D10C11;}

.Material{padding-top: 0;}
.Material ul li{line-height: 60px; padding-bottom: 10px;}
.Material ul li a{overflow: hidden; border: 1px solid transparent; display: block; padding: 0 15px; background: #eee;}
.Material ul li a p{float: left; width: calc(100% - 100px); overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Material ul li a span{float: right; color: #888;}
.Material ul li a:hover{border-color: #D10C11}


.pagetitc{text-align: center;}

.Anti{padding-top: 30px;}
.Anti .fwimg{max-width: 906px; margin: 0 auto;}
.Anti .fwimg img{display: block;}
.Anti .cxxx{max-width: 775px; margin: 0 auto; padding-top: 40px;}
.Anti .cxxx input{float: left;font-size: 18px;}
.Anti .cxxx input.t{width:calc(100% - 192px); padding: 0 10px; height: 52px; line-height: 52px; border: 1px solid #ccc;}
.Anti .cxxx input.b{float: right; width: 160px; height: 54px; border: 0; background: #D10C11; color: #fff;  cursor: pointer;}

.pagetit .cxlx{position: absolute; right: 0; bottom: 0;}
.pagetit .cxlx ul li{float: left; padding-left: 10px;}
.wslx{width: 140px; height: 44px; position: relative; z-index: 10;}
.wslx h3{line-height: 42px; border: 2px solid #dadada; padding: 0 10px; cursor: pointer; color: #666;}
.wslx h3:before{content: '>'; position: absolute; right: 10px; top: 0; font-family: simsun;}
.wslx input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; cursor: pointer; opacity: 0;}
.wslx dl{position: absolute; top: 100%; left: 0; width: 100%; background: #dadada; padding: 0px 0; max-height: 164px; overflow-y: auto; display: none;}
.wslx dl dd{padding: 0 10px; line-height: 40px; border-bottom: 1px solid #fff; cursor: pointer;}
.wslx dl dd:hover{background: #D10C11; color: #fff;}


.netorklist{padding-top: 0;}
.netorklist .tit{font-size: 16px; padding: 0 20px; line-height: 2.4em; background: #D10C11; color: #fff; font-weight: bold;}
.netorklist .list{ padding: 0 20px;}
.netorklist .list li{padding-top: 20px; padding-bottom: 15px; float: left; width: 23%; padding-right: 2%;}
.netorklist .list li h3{font-size: 18px; color: #D10C11; font-weight: bold; padding-bottom: 0.5em;}
.netorklist .list li .text{line-height:1.8em; height: 7.2em;}
.netorklist .list li .text span{color: #888;}


.newdeta{}
.newdeta .newbt{text-align: center; padding-bottom: 25px; border-bottom: 1px solid #ccc;}
.newdeta .newbt h3{color: #333; padding-bottom: 0.2em;}
.newdeta .newbt p{color: #555;}
.newdeta .newbt p span{color: #888;}

.newdeta .newcon{font-size: 15px; line-height: 1.8em; padding: 40px 0; color: #666;}
.newdeta .pagenew{line-height: 34px; font-size: 16px; padding-top: 20px; border-top: 1px solid #E6E7E8;}
.newdeta .pagenew ul li{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newdeta .pagenew span{color: #808080;}
.newdeta .pagenew font{color: #999;}
.fhann{padding-top: 20px;}
.fhann a{float: right; width: 100px; border: 1px solid #ddd; line-height: 34px; text-align: center; font-family: simsun; color: #666;}
.fhann a:hover{color: #D10C11; border-color: #D10C11}

/*联系我们*/
.rcly{background: url(../images/Product/zpbg1.jpg) no-repeat right center; background-size: cover; padding: 48px 0;}
.rcly .text{background: #D10C11; color: #fff; padding: 20px 8% 20px 4%; display: inline-block;}
.rcly .text h3{font-weight: bold; padding-bottom: 0.2em;}
.rcly .text p{font-size: 18px;}

.yrjx{text-align: center;}
.yrjx .tit{color: #D10C11; display: inline-block; position: relative;}
.yrjx .tit:before{content: ''; width: 1.2em; left: 100%; height: 1px; top: 50%; background: #D10C11; position: absolute; margin-left: 0.5em;}
.yrjx .tit:after{content: ''; width: 1.2em; right: 100%; height: 1px; top: 50%; background: #D10C11; position: absolute; margin-right: 0.5em;}
.yrjx .h3{display: inline-flex; width: 1em; padding: 1.2em; margin: 2em 0.9em 0; border-right: 1px solid #dddeeb; border-bottom: 1px solid #dddeeb; position: relative; color: #333;}
.yrjx .h3:before{content: ''; width: 0.5em; right: 0%; height: 1px; top: 0%; background: #dddeeb; position: absolute;}
.yrjx .h3:after{content: ''; height: 0.5em; left: 0%; width: 1px; bottom: 0%; background: #dddeeb; position: absolute;}

.xzhhr{margin-bottom: 75px; position: relative;}
.xzhhr .bgzz{position: absolute; left: 0; top: 0; width: 50.2%; height: 100%; background: url(../images/Product/zpbg2.jpg) no-repeat center; background-size: cover;}
.xzhhr .bgzz .dh{position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.8); width: 90%; padding: 12px 5%; color: #fff; font-size: 18px;}
.xzhhr .bgzz .dh .h3{float: right; padding-right: 2em;}
.xzhhr .bgzz .dh .h3:first-child{float: left;}


.xzhhr .text{float: right; width: 50%; background: #D10C11; color: #fff;}
.xzhhr .text_{padding: 36px;}
.xzhhr .text_ h3{line-height: 1.1em; padding-bottom: 1em;}
.xzhhr .text_ .textp{padding-top: 1.5em; font-size: 16px; line-height: 1.8em; position: relative;}
.xzhhr .text_ .textp:after{content: ''; width: 2.5em; left: 0%; height: 2px; top: 0%; background: #fff; position: absolute;}


.message{padding-top: 0; padding-bottom: 100px;}
.message .con{position: relative;}
.messages{width: 530px;}
.messages h3{overflow: hidden; position: relative; line-height: 40px;}
.messages h3 em{color: #D10C11;}
.messages h3 span{position: absolute; right: 0; top: 0; color: #b7b7b7;}
.messages h3 span.cur{color: #D10C11;}
.messages h3 font.t{float: left;}
.messages h3 label{padding-left: 30px; overflow: hidden; float: left;}
.messages h3 label input{float: left; margin-top: 13px;}
.messages h3 label font{padding-left: 10px; float: left;}
.messages .t1{width: calc(100% - 20px); padding: 0 10px; line-height: 40px; height: 40px; background: #eeeeee; border: 0; color: #333;}
.messages textarea{padding: 10px 8px; background: #EEEEEE; border: 0; width: calc(100% - 20px); height: 94px;}
.messages .yzt{}
.messages .yzt .t2{width: calc(100% - 276px); float: left;}
.messages .yzt a{float: left; margin-left: 10px;}
.messages .yzt a.yzm{width: 136px; height: 40px;}
.messages .yzt a.kbq{color: #D10C11; line-height: 40px; float: right;}
.message .lybg{position: absolute; top: 0; right: 0; width: calc(100% - 580px); height: 100%; background: url(../images/Product/zxlybg.jpg) no-repeat center; background-size: cover;}
.message .tij{padding-top: 40px;}
.message .tij input{width: 146px; height: 40px; border: 0; cursor: pointer; background: #D10C11; color: #fff; font-size: 18px;}

.information{margin-bottom: 100px; position: relative;}
.information .map{height: 470px;}
.information .BMapLabel,.information .BMap_stdMpCtrl,.information .anchorBL{display: none !important;}
.information .text{position: absolute; left: 20px; bottom: 20px; background: #D10C11; color: #fff; padding: 20px; z-index: 5; font-size: 16px; line-height: 1.8em;}
.information .text h3{padding-bottom: 0.6em; line-height: 1.1em;}

.ppgstit{}
.ppgstit .con{padding: 66px 0; background: url(../images/Product/gusbg1.jpg) no-repeat center; background-size: auto 100%;}
.ppgstit .con .text{background: #D10C11; color: #fff; padding: 30px 50px 30px 30px; float: right;}
.ppgstit .con .text h4{text-transform: uppercase; opacity: 0.1; line-height: 1.1em;}
.ppgstit .con .text h3{font-weight: bold; line-height: 1.1em; padding-bottom: 1.5em; position: relative;}
.ppgstit .con .text h3:before{content: ''; width: 0.5em; left: 0%; height: 1px; bottom: 0%; background: #dddeeb; position: absolute;}
.ppgstit .con .text p{padding-top: 1em;}

.mzysc{background: url(../images/Product/gusbg2.jpg) no-repeat center; background-size: cover;}
.mzysc .kuang{border: 1em solid #fff; padding: 2px;}
.mzysc .kuang .text{font-size: 15px; color: #666666; line-height: 1.8em; text-align: center; background: #fff; padding:2em 30px;}


.ppgslc{padding-bottom: 100px;}
.ppgslc ul li{padding-bottom: 0;}
.ppgslc ul li img{display: block;}
.ppgslc ul li .img{float: left; width: 50%;}
.ppgslc ul li .text{float: left; width: calc(50% - 40px); padding: 0 0px 0 40px;}
.ppgslc ul li .text1{width: calc(27.67% - 80px); padding: 0 40px;}
.ppgslc ul li .imgs{float: left; width: 22.33%;}
.ppgslc ul li .text .nian{color: #D10C11; padding-bottom: 1em; line-height: 3.2em;height: 3.2em;}
.ppgslc ul li .text .niant{line-height: 1.6em !important; height: auto !important; font-weight: bold; font-size: 18px; padding-bottom: 1.2em !important;}
.ppgslc ul li .text .nian span{font-size: 3em; font-family: 'DINCond-Mediumcff915e7c3bc5';}
.ppgslc ul li .text .text_{font-size: 15px; color: #666666; line-height: 1.8em;}
.ppgslc ul li:nth-child(2n) .img{float: right;}
.ppgslc ul li:nth-child(2n) .text{padding-left: 0;}

.culbane{background: url(../images/Product/ppwh3.jpg) no-repeat center; background-size: cover;}
.culbane .text{color: #fff; padding: 60px 125px 60px 45px; display: inline-block; background: url(../images/Product/ppwh2.png) no-repeat center; background-size: 100% 100%; max-width: 430px;}
.culbane .text .nian{color: #D10C11; padding-bottom: 1em; line-height: 3.2em;height: 3.2em;}
.culbane .text .nian span{font-size: 3em; font-family: 'DINCond-Mediumcff915e7c3bc5';}
.culbane .text .text_{font-size: 15px; line-height: 1.8em;}


.gsqmwh{}
.gsqmwh .con{position: relative; padding-left: 50%;}
.gsqmwh .con .bg{background: url(../images/Product/ppwh1.jpg) no-repeat; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-size: cover;}
.gsqmwh .con .bg img{display: none;}
.gsqmwh .con .text{padding: 50px; font-size: 15px; color: #666; line-height: 1.8em;}
.gsqmwh .con .text h3{font-size: 18px; color: #D10C11; font-weight: bold; padding-bottom: 1em;}

.ppwhcon{padding-top: 0; line-height: 1.8em; color: #666;}

.imagelist{padding-top: 0;}
.imagelist .list{border-bottom: 1px solid #ccc; padding-bottom: 24px;}
.imagelist .list img{display: block;}
.imagelist .list .img{background: #D10C11; position: relative;}
.imagelist .list a:hover .img img{opacity: 0.2;}
.imagelist .list .img .sjck{position: absolute; left: 0; top: 50%; text-align: center; width: 100%; margin-top: -31px; opacity: 0;}
.imagelist .list a:hover .img .sjck{opacity: 1;}
.imagelist .list .img .sjck img{opacity: 1 !important; margin: 0 auto;}
.imagelist .list .img .sjck p{color: #fff; padding-top: 11px;}
.imagelist .list ul li{float: left; width: calc(33.33% - 16px); margin-left: 24px; margin-bottom: 24px;}
.imagelist .list ul li:nth-child(3n+1){margin-left: 0;}
.imagelist .list ul li a{display: block;}
.imagelist .list ul li a h3{font-size: 16px; color: #333; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top: 10px;}
.imagelist .list ul li a:hover h3{color: #D10C11;}

.tcbg{position: fixed; z-index: 88; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; display: none;}

.mdtc{position: fixed; z-index: 99; top: 50%; left: 50%; width: 990px; padding: 20px; background: #fff; margin-left: -515px; margin-top: -325px; display: none;}
.mdtc .tit{position: relative; color: #D10C11; line-height: 30px; padding-bottom: 10px;}
.mdtc .tit h3{font-weight: bold; font-size: 18px;}
.mdtc .tit .Close{position: absolute; right: 0; top: 0; font-size: 30px; font-family: simhei; font-weight: bold; color: #666; cursor: pointer;}

.mdtclb{position: relative; overflow: hidden;}
.mdtclb .pagination2{position: absolute; bottom: 5%; left: 0; text-align: center; width: 100%; z-index: 3;}
.mdtclb .pagination2 span{display: inline-block; width: 8px; height: 8px; background: #fff; margin: 0 3px; cursor: pointer; opacity: 0.5;}
.mdtclb .pagination2 span.swiper-active-switch{opacity: 1;}
.mdtclb .arrow_left,.mdtclb .arrow_right{position: absolute; top: 50%; margin-top: -22px; width: 44px; line-height: 44px; font-size: 32px; font-family: simsun; color: #fff; background: rgba(0,0,0,0.5); border-radius: 100%; text-align: center; left: 0; cursor: pointer; z-index: 3;}
.mdtclb .arrow_right{right: 0; left: auto;}

.newsc{padding-top: 0;}
.newsc ul li:nth-child(3n+1){margin-left: 0;}
.newsc ul li{margin-bottom: 30px;}

.newstj{padding-top: 30px; border-top: 1px solid #ccc;}
.newstj .h3{color: #D10C11; padding-bottom: 1em;}

.newdetas{padding-bottom: 30px;}

.histobox{position: relative; padding-bottom: 80px;}
.histoboxs{position: relative; overflow: hidden; text-align: center; background: url(../images/xian1.jpg) repeat-x center 10px;}
.histoboxs .time{cursor: pointer; display: inline-block; position: relative;}
.histoboxs .time span{width: 8px; height: 8px; display: block; margin: 6px auto; background: #a5a5a5; border-radius: 100%; position: relative;}
.histoboxs .time span:before{content: ''; width: 8px; height: 8px; border: 3px solid #A5A5A5; position: absolute; left: -3px; top: -3px; opacity: 0.3; background: #a5a5a5; border-radius: 100%;}
.histoboxs .time p{font-size: 18px; padding: 10px 0px 20px;}
.histoboxs .cur .time{color: #D10C11;}
.histoboxs .cur span{background: #D10C11;}
.histoboxs .cur .time span:before{border-color: #D10C11}
.histoboxs .time:before{content: ''; width: 0px; height: 0px;  position: absolute; left: 50%; bottom: 0; margin-left: -6px; border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #D10C11; display: none;}
.histoboxs .cur .time:before{display: block;}
.histobox .arrow_left{top: 0; left: -30px; width: 20px; height: 20px; background: url(../images/qh1.png) no-repeat center; cursor: pointer; position: absolute;}
.histobox .arrow_right{top: 0; right: -30px; width: 20px; height: 20px; background: url(../images/qh2.png) no-repeat center; cursor: pointer; position: absolute;}

.histobox .list{background: #D10C11; color: #fff; padding: 20px; text-align: center; border-radius: 5px; line-height: 1.8em; font-size: 18px;}
.histobox .list ul li{display: none;}

/*品牌实力*/
.scjdtit{padding-bottom: 30px;}
.scjdtit .con{background: #D10C11; color: #fff; padding: 30px 3%;}
.scjdtit .con h4{text-transform: uppercase; opacity: 0.2; line-height: 1.2em;}
.scjdtit .con h3{line-height: 1.2em; font-weight: bold;}

.jdlcs{padding-top: 0;}
.jdlcs img{display: block;}
.jdlcs .img{float: left; width: 50%;}
.jdlcs .text{float: right; width: 40%; padding: 4% 5% 0;}
.jdlcs .text .nian{color: #D10C11; padding-bottom: 0.4em; line-height: 3.2em;height: 3.2em;}
.jdlcs .text .nian span{font-size: 3em; font-family: 'DINCond-Mediumcff915e7c3bc5';}
.jdlcs .text .text_{font-size: 15px;}
.jdlcs .text .text_ .red{color: #D10C11;}
.jdlcs ul li:nth-child(2) .img{float: right;}
.jdlcs ul li:nth-child(2) .text{padding: 8% 0 0 10%;}

.scxst{background: url(../images/Product/scjdbg1.jpg) no-repeat center; background-size: cover;}
.scxst .text{font-size: 16px; color: #fff; text-align: center; line-height: 2em; max-width: 860px;}

.techBox{padding-top: 0;}
.techBox ul li{float: left; width: 27.33%; margin: 0 3%;}
.techBox ul li .sz span{font-size: 3em; font-family: 'DINCond-Mediumcff915e7c3bc5'; color: #D10C11;}
.techBox ul li .text{font-size: 16px; color: #666; line-height: 1.8em;}
.techBox ul li .text p{min-height: 5.4em;}
.techBox ul li .text .red{color: #D10C11;}

.Honortit .tit{background: url(../images/Product/rytit1.png) no-repeat 200px center; padding-top: 0; background-size: auto 100%;}
.HonorBox{padding-top: 0;}
.HonorBox .list img{display: block; }
.HonorBox .list .img{border: 1px solid #ededed;}
.HonorBox .list ul li{float: left; width: calc(33.33% - 30px); margin-left: 45px; margin-bottom: 45px;}
.HonorBox .list ul li:nth-child(3n+1){margin-left: 0;}
.HonorBox .list ul li a{display: block;}
.HonorBox .list ul li a .text{font-size: 16px; color: #333; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top: 10px; text-align: center;}
.HonorBox .list ul li a:hover .text{color: #D10C11;}

.pagetitSS{font-size: 18px; color: #666;}
.pagetitSS h5{font-size: 1em; text-align: center;}
.pagetitSS h5 span{font-weight: bold; color: #D10C11;}

.Materialss ul li a p{width: calc(100% - 130px);}


.mdtcs{width: 740px; margin-left: -390px; margin-top: -320px;}



@media screen and (max-height:800px) {
	.mdtc{width: 800px; margin-left: -420px; margin-top: -275px;}
	.mdtcs{width: 600px; margin-left: -320px; margin-top: -268px;}
	
}

@media screen and (max-width:1300px) {
	.jmtj ul li .text_{font-size: 14px;}
	
	
}

@media screen and (max-width:1200px) {
	.jmtj ul li{width: 100%; margin-top: 10px;}
	.jmtj ul li .text_{min-height: 3em; height: auto;}
	
	.jmlc ul li .text h3{font-size: 16px;}
	.jmlc ul li .text p{font-size: 13px;}
	
	.jmys{text-align: center;}
	.jmys ul li{ width:45%; margin-left: 0;}
	.jmys ul li:nth-child(2n){float: right;}
	.jmys ul li .ico{width: 180px; margin: 0 auto;}
	.jmys ul li .text{min-height: 170px;}
	
	.xzhhr .bgzz .dh .h3{padding-right: 1.4em;}
	
	.ppgslc ul li{float: left; width: calc(100%); position: relative;}
	.ppgslc ul li:nth-child(2n){float: right;}
	.ppgslc ul li .img{width: 100%;}
	.ppgslc ul li .text{width: 100%; padding: 20px 0 0;}
	/*.ppgslc ul li .text1{width: 70%;}*/
	.ppgslc ul li .imgs{display: none;}
	
	.mdtc{padding: 15px; width: calc(94% - 30px); left: 3%; margin-left: 0; margin-top: -240px;}
	.mdtcs{width: 600px; margin-left: -320px; margin-top: -268px !important; left: 50%;}
	
}
@media screen and (max-width:960px) {
	.pagenav .ejnav ul li{padding-right: 30px;}
	
	.pagetit .list{position: relative; width: 100%; text-align: center; padding-top: 20px;}
	.pagetit .list a{display: inline-block; float: none; font-size: 12px; padding: 0 6px; line-height: 32px;}
	
	.prolist .list ul li{width: calc(50% - 6px); margin-left: 0;}
	.prolist .list ul li:nth-child(2n){float: right;}
	
	.caselist .list ul li{width: calc(50% - 8px); margin-left: 0; margin-bottom: 16px;}
	.caselist .list ul li:nth-child(2n){float: right;}
	
	.imagelist .list ul li{width: calc(50% - 8px); margin-left: 0; margin-bottom: 16px;}
	.imagelist .list ul li:nth-child(2n){float: right;}
	
	.prodeta .protit .text h3{padding-bottom: 1.2em;}
	
	
	.cpxq .cpdblx ul li{width: calc(33.33% - 7px);}
	.cpxq .cpdblx ul li:nth-child(5n+1){margin-left: 10px;}
	.cpxq .cpdblx ul li:nth-child(3n+1){margin-left: 0px;}
	
	.jmlc ul li .text p{height:7.2em;}
	
	.wslx{width: 130px;}
	
	.netorklist .list li{width: auto; padding-right: 60px;}
	.netorklist .list li .text{height: auto;}
	
	.xzhhr .bgzz .dh .h3{padding-right: 0; float: none;}
	.xzhhr .bgzz .dh .h3:first-child{float: none; padding-bottom: 10px;}
	.xzhhr .bgzz .dh .h3 h3,.xzhhr .bgzz .dh .h3 p{display: inline-block;}
	
	.mdtc{margin-top: -200px;}
	
	.histobox .arrow_right{right: 0;}
	.histobox .arrow_left{left: 0;}
	
	.jdlcs .text{padding: 1% 5% 0;}
	.jdlcs ul li:nth-child(2) .text{padding: 6% 0 0 8%;}
	
	.Honortit .tit{background-position-x: 130px;}
	.HonorBox .list ul li{width: calc(50% - 15px); margin: 0 0 30px;}
	.HonorBox .list ul li:nth-child(2n){float: right;}
	
}
@media screen and (max-width:768px) {
	.pagebanner .con{height: 300px;}
	.pagenav{line-height: 50px;}
	.pagenav .ejnav{position: relative;}
	.pagenav .ejnav ul{position: absolute; top: 100%; left: 0; width: 120px; background: rgba(0,0,0,0.95); text-align: center; display: none;}
	.pagenav .ejnav ul li{padding-right: 0; width: 100%;}
	.pagenav .ejnav ul li a{color: #fff; line-height: 40px; border-bottom: 1px solid rgba(250,250,250,0.5);}
	.pagenav .ejnav ul li a.cur,.pagenav .ejnav ul li a:hover{border-bottom: 1px solid #D10C11; background: #D10C11; color: #fff;}
	.pagenav .ejnav .navicos{height: 50px; width: 30px; background: url(../images/navico2.png) no-repeat center; cursor: pointer;}
	.pagenav .Crumbs{font-size: 12px;}
	.pagebanner .con .tit p{font-size: 12px;}
	
	.pagetit{margin-bottom: 25px;}
	.page{padding-top: 20px;}
	.page a,.page span,.page font{display: none;}
	.page a.first,.page a.Front,.page a.after,.page a.Last{display: inline-block;}
	
	.prodeta .protit .pic{width: 100%;}
	.prodeta .protit .text{width: 100%; padding-top: 20px;}
	.prodeta .protit .text h3{padding-bottom: 0.6em;}
	
	.jmlc ul li{width: 100%; margin-left: 0 !important;}
	.jmlc ul li .text:before{width: 100% !important; height: 30px !important; left: 0 !important; top: 100% !important;background: url(../images/Product/jt2.png) no-repeat center !important;}
	.jmlc ul li .text p{height: auto;}
	
	.jmys ul li{width: 100%;}
	.jmys ul li .text{min-height: auto;}
	.jmtit div img{width: 1.2em;}
	
	.Some .list ul li .img{width: 200px;}
	.Some .list ul li .text{width: calc(100% - 220px);}
	.Some .list ul li .text p{display: none;}
	.Some .list ul li .text font{left: 220px;}
	.Some .list ul li{padding: 25px 0;}
	
	.Material ul li{line-height: 40px;}
	.Material ul li a{padding: 0; border: 0;}
	
	.pagetitc .tit p{font-size: 18px;}
	
	.pagetit .cxlx{position: relative; padding-top: 20px;}
	.pagetit .cxlx ul li{padding-left: 0; padding-right: 10px;}
	
	.rcly{padding: 30px 0;}
	.rcly .text{padding: 15px 8% 15px 4%;}
	.rcly .text p{font-size: 16px;}
	
	.xzhhr .bgzz .dh .h3{font-size: 16px;}
	.xzhhr .bgzz{width: 100%; height: 400px; position: relative;}
	.xzhhr .bgzz .dh .h3 h3, .xzhhr .bgzz .dh .h3 p{display: block;}
	.xzhhr .bgzz .dh .h3{float: left !important; padding-right: 2em;}
	.xzhhr .text{width: 100%;}
	.xzhhr .text_{padding: 25px;}
	.xzhhr .text_ .textp{font-size: 14px;}
	
	.messages{width: 100%;}
	.message .lybg{display: none;}
	
	.information{padding-bottom: 100px; margin-bottom: 50px;}
	.ppgslc{padding-bottom: 50px;}
	.information .text{width: calc(100% - 30px); padding: 15px; left: 0; bottom: 0; font-size: 14px;}
	.information .map{height: 300px;}
	
	.mzysc .kuang .text{font-size: 14px; padding: 20px; text-align: left;}
	
	.gsqmwh .con{padding-left: 0;}
	.gsqmwh .con .bg{position: relative; width: 100%;}
	.gsqmwh .con .bg img{display: block;}
	.gsqmwh .con .text{padding: 20px 0 0;}
	.gsqmwh .con .text h3{font-size: 16px; padding-bottom: 8px;}
	
	.mdtc{margin-top: -160px;}
	.mdtc .tit{line-height: 20px;}
	.mdtc .tit h3{font-size: 16px;}
	.mdtc .tit .Close{font-size: 20px;}
	.mdtclb .arrow_left, .mdtclb .arrow_right{width: 32px; line-height: 32px; margin-top: -16px; font-size: 24px;}
	
	.wslx{height: 34px;}
	.wslx h3{line-height: 32px;}
	
	.news.newsc ul li{width: calc(50% - 10px) !important; margin-left: 0 !important; margin-bottom: 20px; margin-top: 0 !important;}
	.news.newsc ul li:nth-child(2n){float: right;}
	
	.histobox .list{font-size: 16px;}
	
	.jdlcs .img{width: 100%;}
	.jdlcs .text,.jdlcs ul li:nth-child(2) .text{width: 100%; padding: 15px 0 25px; font-size: 14px;}
	.jdlcs ul li:nth-child(2) .text{padding-bottom: 0;}
	.jdlcs .text .text_{font-size: 1em;}
	
	.scxst .text{font-size: 14px;}
	
	.techBox ul li{width: 100%; margin: 0; padding: 15px 0;text-align: center;}
	.techBox ul li .text p{min-height: auto;}
	.techBox ul li .sz{}
	
	.HonorBox .list ul li a .text{font-size: 14px;}
	
	.Materialss ul li a{font-size: 12px;}
	
	.mdtcs{padding: 15px; width: calc(94% - 30px); left: 3% !important; margin-left: 0; margin-top: -240px;}
}
@media screen and (max-width:640px) {
	.pagebanner .con{height: 240px;}
	
	.cpxq .cpcs ul li span{display: block; float: none; width: auto;}
	.cpxq .cpcs ul li p{float: none; text-align: left; width: 100%; padding-top: 5px;}
	.cpxq .xqtit{font-size: 16px;}
	
	.cpxq .cpdblx{padding-top: 20px;}
	.cpxq .cpdblx ul li{width: calc(50% - 5px); margin-left: 0 !important;}
	.cpxq .cpdblx ul li:nth-child(2n){float: right;}
	
	.xzhhr .bgzz{height: 300px;}
	
	.culbane{background-position-x: right;}
	.culbane .text{padding:30px 30px; background: rgba(0,0,0,0.5);}
	.culbane .text .text_{font-size: 14px;}
	
	.mdtc{margin-top: -150px;}
	
	.mdtcs{margin-top: -180px !important;}
	
	.HonorBox .list ul li{width: calc(50% - 10px); margin: 0 0 20px;}
	
}
@media screen and (max-width:480px) {
	.pagebanner .con{height: 200px;}
	
	.prolist .list ul li a .text{padding:10px 5px;}
	.prolist .list ul li a .text h3{font-size: 14px;}
	.prolist .list ul li a .text p{font-size: 12px; padding-top: 5px;}
	
	.caselist .list ul li a .text h3{font-size: 14px;}
	.imagelist .list ul li a h3{font-size: 14px;}
	.cpxq .nrcon .tit{padding-top: 10px;}
	
	.Some .list ul li .img{width: 100%;}
	.Some .list ul li .text{width: 100%; padding-top: 10px;}
	.Some .list ul li .text font{left: 0; position: relative; display: block; margin-top: 10px;}
	.Some .list ul li .text h3{font-size: 16px;}
	
	.Anti .cxxx input{font-size: 15px;}
	.Anti .cxxx input.t{width: calc(100% - 22px); line-height: 42px; height: 42px;}
	.Anti .cxxx input.b{width: 100%; margin-top: 10px;height: 44px;}
	.Anti{padding-top: 15px;}
	
	.rcly .text{display: block;}
	.rcly .text p{font-size: 14px;}
	
	.xzhhr .bgzz{height: 250px;}
	
	.messages .yzt .t2{width: calc(100% - 20px);}
	.messages .yzt a.yzm{margin-left: 0; margin-top: 10px;}
	.messages .yzt a.kbq{float: left; margin-top: 10px;}
	
	.mdtc{margin-top: -140px;}
	
	.histobox .list{font-size: 14px;}
	
	.Honortit .tit{background-position-x: 110px;}
	
	.mdtcs{margin-top: -150px !important;}
	
}
@media screen and (max-width:375px) {
	.pagebanner .con{height: 160px;}
	
	
}