/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}







.tab-con2{margin-top: 39px;}
.plist2{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.csort{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;margin-top: 28px;}
.csort li {text-align: center;font-size: 0;background: #dddbdb;width: 16.666666666%;}
.csort li a{color: #333333;font-size: 16px;height: 39px;line-height: 39px;display: block;background: #dddbdb;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.csort li.active a{background: #2c8aee;color: #fff;}
.plist2 li{margin-bottom: 19px;width: 33%;}
.plist2 li .img img{display: block;width: 100%;}
.tab-con2 { position: relative;margin: 24px 0px 0 0px; }
.tab-con2 .tab2 { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con2 .tab2 { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con2 .tab2.active { position: static; opacity: 1; visibility: visible;  }




/**/
.box3{background: url(../images/bj1.png) no-repeat top center;background-size: cover;padding:77px 0;margin-top: 50px;}
.you{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.yimg{width: 40.277%;margin-left: 4%;}
.yimg img{display: block;width: 100%;}
.yright{width: 49.566%;}
.yul{margin-top: 4%;}
.yul li{display: flex;flex-wrap: nowrap;justify-content: space-between;display: -webkit-flex;background-color: #2c8aee;margin-bottom: 4.9%;padding:2%;}
.bt2 dd{color: #ffffff;font-size: 40px;font-weight: bold;}
.bt2 dd span{color: #ffd825;}
.bt2 dt{color: #ffffff;font-size: 14px;text-transform: uppercase;line-height: 14px;}
.yul li .img{width: 20%;}
.yul li .img img{max-width: 100%;}
.ys1{width: 78%;color: #fff;display: flex;justify-content: center;flex-direction: column;}

.ys1 h3{font-size: 18px;font-weight: normal;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.ys1 p{font-size: 14px;margin-top: 5px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}


@media(max-width: 1025px){
	.bt2 dd{font-size:26px;}
	.yul li{margin-bottom: 4.8%;}
}

@media(max-width: 769px){
	.bt2 dd{font-size:20px;}
	.yul li{margin-bottom: 4.2%;}
	.ys1 h3{font-size: 14px;}
	.ys1 p{font-size: 12px;}
	.box3{padding:40px 0;}
}



/**/
.tab-con3 { position: relative;}
.tab-con3 .tab3 { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con3 .tab3 { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con3 .tab3.active { position: static; opacity: 1; visibility: visible;  }

.tab-con4 { position: relative;width: 40.625%;background-color: #f9f9f9;}
.tab-con4 .tab4 { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con4 .tab4 { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con4 .tab4.active { position: static; opacity: 1; visibility: visible;  }
.xin{display: flex;flex-wrap: wrap;justify-content: space-between;display: -webkit-flex;}
.box4{margin: 88px 0;}
.xin{margin-top: 33px;}
.nlist li a.img img{display: block;width: 100%;}
.nright{width: 56.42%;margin-right: 1%;}
.xw{padding:5% 3% 7% 8%;}
.xw h3 a{letter-spacing: 1px;color: #303030;font-size: 18px;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;font-weight: normal;}
.xw p{color: #666666;font-size: 16px;line-height: 26px;margin-top: 12px;}
.xin2{display: flex;flex-wrap: wrap;justify-content: space-between;display: -webkit-flex;margin-top: 12%;}
.xin2 span{display: block;color: #8c8c8c;font-size: 14px;}
.xin2 a{color: #2c8aee;font-size: 14px;display:block;}
.nsort{text-align: right;margin-bottom:8%;}
.nsort li{display: inline-block;margin-left: 8px;}
.nsort li a{display: block;width: 117px;height: 37px;border: solid 1px #999999;line-height: 35px;text-align: center;color: #999999;font-size: 16px;}
.nsort li.active a{background: #2c8aee;color: #fff;border-color: #2c8aee;}
.nlist2 li{border-bottom: 1px dashed #dcdcda;padding-bottom: 2%;margin-bottom: 7%;}
.nlist2 li:last-child{border-bottom:none;padding-bottom: 0;margin-bottom: 0;}
.nlist2 li{display: flex;flex-wrap: nowrap;justify-content: space-between;display: -webkit-flex;}
.shu{display: flex;align-items: center;justify-content: center;flex-direction: column;color: #999999;font-size: 60px;width: 13%;text-align: center;background: url(../images/line2.png) no-repeat right center;}
.nbt a{display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width: 70%;letter-spacing: 1px;color: #303030;font-size: 16px;}
.nei{width: 85%;}
.nei p{color: #828282;font-size: 14px;line-height: 26px;margin-top: 10px;}
.nbt{display: flex;flex-wrap: nowrap;justify-content: space-between;display: -webkit-flex;margin-top: 10px;}
.nbt span{color: #828282;font-size: 16px;display: block;}




















/*鍙嬫儏閾炬帴*/

.f_link{line-height: 30px;margin:0 auto;}
.f_link a{color: #666;}
/*椤甸潰搴曢儴*/
.foot{background: #333333;padding: 4% 0 1% 0;margin-top: 30px;}
.ft1{padding-bottom: 20px;}
.ft2{text-align: center;color: #a4a5a7;opacity: 0.6;font-size: 12px;line-height: 24px;border-top:1px solid rgba(255,255,255,.2);padding-top: 2%;}
.ft2 a{color: #a4a5a7;}
.dao {display: flex;flex-wrap: wrap;justify-content: space-between;display: -webkit-flex;width: 50%;text-align: center;}
.dao li dd{color: #ececec;font-size: 14px;background: url(../images/line4.png) no-repeat bottom center;padding-bottom: 10px;margin-bottom: 10px;}
.dao li a{display: block;color: #b6b6b6;font-size: 12px;line-height: 24px;}
.tewm{text-align: center;color: #ececec;font-size: 14px;line-height: 45px;}
.lx h3{color: #ffffff;font-size: 14px;font-weight: normal;padding-left: 43px;background: url(../images/line3.png) no-repeat left center;}
.xx{color: #d4d4d4;font-size: 12px;line-height: 24px;margin-top: 10px;padding-left: 43px;}
.lx a{display: block;width: 98px;height: 38px;border: solid 1px rgba(255,255,255,.25);line-height: 36px;text-align: center;letter-spacing: 3px;
	color: #ffffff;font-size: 14px;margin-top: 6px;margin-left: 43px;}
.lx{margin-left: 8%;}


@media(max-width: 992px){
	.x-banner,.page-banner{margin-top: 60px;}
}
@media(max-width: 1025px){
	.box1{margin-top: 40px;}
	.bt1{padding-bottom: 4px;background-size: 73%;}
	.bt1 dd{font-size: 35px;line-height: 35px;}
	.bt1 dt{font-size: 25px;}
	.psort li{margin-bottom: 20px;}
	.csort li a{font-size: 15px;}
	.box4{margin: 40px 0;}
	.lx{margin-left: 4%;}
}

@media(max-width: 769px){
	.bt1{padding-bottom: 4px;background-size:65%;}
	.bt1 dd{font-size: 28px;line-height: 28px;}
	.bt1 dt{font-size: 20px;}
	.psort{padding-top: 20px;}
	.w1{font-size: 14px;margin-top: 0;}
	.psort li{margin-bottom: 20px;}
	.csort li a{font-size: 12px;}
	.box4{margin: 40px 0;}
	.box3{margin:20px 0 40px 0;}
	.box2{margin-top: 40px;}
	.lx{margin-left: 4%;}
	.psort li{width: 30%;height: 40px;line-height: 38px;}
	.xin{display: block;}
	.tab-con4,.nright{width: 100%;}
	.tab-con4{margin-bottom: 25px;}
	.xin2{margin-top: 2%;}
	.xw{padding: 3%;}
	.xw h3 a{font-size: 16px;}
	.xw p{font-size: 14px;margin-top: 6px;}
	.nlist2 li{margin-bottom: 3%;padding-bottom: 5%;}
	.nsort{margin-bottom: 20px;}
	.shu{font-size: 50px;}
	.dao,.lx,.tewm{width: 100%;float: none;}
	.lx{margin: 20px 0;}

}
@media(max-width: 640px){
    .bt1{padding-bottom: 4px;background: none;}
	.bt1 dd{font-size: 24px;line-height: 24px;}
	.bt1 dt{font-size: 16px;}
	.box1{margin-top: 30px;}
	.psort{padding: 0;margin-top: 15px;}
	.psort li{margin-bottom: 10px;line-height: 35px;height: 37px;}
	.psort li a{font-size: 14px;}
	.tab-con{margin: 0;margin-top: 10px;}
	.plist li{width: 48%;margin-bottom: 10px;}
	.box2{margin-top: 20px;}
	.csort li{width: 33.333%;}
	.csort li{padding: 0 3px;}
	.plist2 li{width: 48%;margin-bottom: 10px;}
	.tab-con2{margin: 0;margin-top: 20px;}
	.you{display: block;}
	.yimg{margin: 0 0 20px 0;}
	.yimg,.yright{width: 100%;}
	.bt2 dt{font-size: 12px;}
	.box4{margin: 30px 0;}
	.xin{margin-top: 20px;}
	.xw p{font-size: 13px;}
	.shu{font-size: 30px;}
	.nbt a{letter-spacing: 0;font-size: 14px;}
	.nbt span{font-size: 14px;}
	.nei p{font-size: 12px;line-height: 24px;margin-top: 0; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
    .dao li{width: 33.33%;margin-bottom:15px;}
    .dao{text-align: left;}

}







/*鍐呴〉宸︿晶鏍峰紡*/



.page-product-inquiry a{color: #fff;}