/*产品*/

#pro-list{padding-bottom: 100px;}
#pro-list #bread{margin-bottom: 80px;}

#products{margin-top: 60px;}
#products .intro{margin: 80px 0 ;}
#products .intro.itr0,
#products .intro.itr2{margin-top: 0;}
#products .intro .tit2{color: #333333;font-size: 18px;font-weight: bold;}
#products .itro3{margin: 20px 0 35px;}
#products .intro .desc2{color: #333333;font-size: 16px;line-height: 26px;margin: 30px 0;}
#products .itro3 .desc2{margin: 0;font-size: 18px;line-height: 28px;}
#products .itro3 .desc3{width:800px;}
#products .intro .li{color: var(--mainColor);font-size: 18px;}
#products .intro .li:hover{text-decoration: underline;}
#products .cate{color: #333333;font-size: 35px;font-weight: bold;margin-bottom: 70px;line-height: 46px;}
.ind2{z-index: 2;}
#products .title{color: #000000;font-size: 24px;line-height: 38px;font-weight: bold;position: relative;padding-left: 20px;}
#products .title:after{content:"";width: 10px;height: 10px;position: absolute;left: 0px;bottom: 0;top: 1px;margin: auto;background: var(--pinColor);}
#products .cate-list{margin-top: 40px;margin-bottom: 3.33%;}
#products .in-here{top: -100px;}
#products .cate1{width: 20.75%;margin-right: 5.1%;margin-bottom: 5.1%;border: 1px solid transparent;/*background: #eeeeef;*/}
#products .cate1:nth-child(4n){margin-right: 0;}
#products .cate1 .con{width: 90%;margin: 0 auto;}
#products .cate1 .z-pic{width: 100%;}
#products .cate1 .z-pic:after{padding-top: 79%;}
#products .cate1 .con{width: 100%;padding: 12px 0px 0px;}
.pro-same2 .cate1 .t1{/*padding: 0 10px;*/border: 2px solid transparent;}
#products .cate1 .t1{width: 100%;display: block;}
#products .cate1 .t{width: 96%;margin: 0 auto;color: #333333;font-size: 16px;font-weight: bold; height:42px; line-height:21px;}
#products .cate1 .desc{font-weight: normal;color: #333;font-size: 15px;line-height: 23px;margin-top: 10px;height: 72px;overflow: hidden; padding:0px 7px;}
#products .cate1:hover{/*border-color: var(--pinColor);*/}
#products .cate1:hover .con{ /*background:var(--pinColor); background-color: rgba(230,230,230,1);*/}
#products .cate1:hover .t{ color: var(--mainColor);}
#products .cate1:hover .t , #products .cate1:hover .desc{/*color: #fff;*/}


@media (max-width: 1280px){
	#products .cate1{width: 22%;margin-right: 3.1%;}
	#products .cate1 .t{font-size: 16px;}
}

@media (max-width: 1050px){
	#products .cate-list{margin-bottom: 80px;}
	#products .cate1:nth-child(4n),
	#products .cate1{width: 31%;margin-right: 3%;margin-bottom: 3%;}
	#products .cate1:nth-child(3n){margin-right: 0;}

	#products .cate1{border-color: #eeeeef;}
	#products .cate1 .con{background: #eeeeef;}
}
@media (max-width: 850px){
	#products .cate1:nth-child(4n),
	#products .cate1:nth-child(3n),
	#products .cate1{width: 47%;margin-right: 6%;margin-bottom: 6%;}
	#products .cate1:nth-child(2n){margin-right: 0;}
}

@media (max-width: 756px){
	#products .title{font-size: 36px;}
	#products .itro3{margin-top: 30px;}
	#products .cate1 .con{padding: 20px 10px;}
	#products .cate1 .t{font-size: 18px;margin-bottom: 15px;height: 50px; line-height:25px; white-space: inherit;}
	#products .cate1 .desc{height: 63px;}
	#products .itro3 .desc2{font-size: 24px;line-height: 38px;}
	#products .itro3 .desc3{width:100%; margin-top:20px;}
	#products .cate1 .desc{font-size: 16px;line-height: 21px;}
}

/*产品列表*/

.tag{position: relative;line-height: 28px;padding-right: 26px;font-size: 0;}
.tag:after{content: "";position: absolute;right: 1px;top: 0;bottom: 0;width: 26px;height: 100%;background: url(/images/white.png) no-repeat center center;z-index: 2;}
.tag span{font-size: 18px;line-height: 28px;}
.tag .bg{background: #000;padding-left: 12px;}
.tag .c1{color: #fff;}
.tag .c2{color: #f58220;margin-left: 2px;}

/*相同内容*/
.pro-same {margin: 80px auto;}
.pro-same .img {width: 42.86%;}
.pro-same .img .i1{background: #fff;box-shadow: 0 0 0 1px #ddd;margin-bottom: 20px;}
.pro-same .img .i1 .slide .z-pic .absolute{top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;object-fit: fill;}
.pro-same .img .i1 .slide .z-pic .img{height: 100%;width: 100%;}
.pro-same .img .i1 .slide .z-pic video{vertical-align: middle;display: inline-block;}
.pro-same .img .i1 .slide .z-pic:after{padding-top: 100%;}
.pro-same .img .i2{margin-top: 20px;width: 90%;}
.pro-same .img .i2 .slide{width: 118px;background: #fff;border: 1px solid #ddd;}
.pro-same .img .i2 .slide.swiper-slide-thumb-active{border: 1px solid var(--mainColor);}
/*.pro-same .img .i2 .slide .z-pic{height: 90px;}*/
.pro-same .img .i2 .slide .z-pic:after{padding-top: 100%;}
.pro-same .img .bn{width: 2.5%;min-width: 10px;bottom: 0px;top: 0;margin: auto;height: 100%;background-repeat: no-repeat;background-position: center center;}
.pro-same .img .prev{left: 1%;background-image: url(/images/p1.png);}
.pro-same .img .next{right: 1%;background-image: url(/images/p2.png);}
.pro-same .img .prev:hover{background-image: url(/images/p1_h.png);}
.pro-same .img .next:hover{background-image: url(/images/p2_h.png);}

.pro-same .con{width: 51%;}
.pro-same .con .name{font-size: 24px;font-weight: bold;}
.pro-same .con .desc{font-size: 24px;line-height: 36px;margin: 5px 0 20px;}
.pro-same .con .brand{color: #007185;font-size:18px;line-height: 26px;margin-bottom: 10px;}
.pro-same .con .brand span{color: #333;font-size:18px;}
.pro-same .con .ta{padding-bottom: 15px;border-bottom: 1px solid #D1D2D4;margin-bottom: 20px;color: #333;font-size: 18px;line-height: 28px;}
.pro-same .con .d0 .s1{color: var(--pinColor);font-size: 18px;line-height: 28px;}
.pro-same .con .d0 .s2{color: #333;font-size: 16px;line-height: 28px;}
.pro-same .con .d1{color: #333;font-size: 16px;margin: 20px 0 15px;}
.pro-same .con .d1 span{font-weight: bold;color: #333;font-size: 16px;}
.pro-same .list{margin-bottom: 5px;}
.pro-same .list .slide{width: 16.667%;}
.pro-same .list .pro{/*width: 11%;margin-right: 2.8%;*/margin-bottom: 2.8%;opacity: .7;}
.pro-same .list .pro .z-pic{width: 100%;border: 1px solid #BCBDC0;margin-bottom: 5px;}
.pro-same .list .pro .z-pic:after{padding-top: 95%;}
.pro-same .list .pro .n{color: #333;font-size: 14px;font-weight: bold;}
.pro-same .list.l2 .pro,
.pro-same .list .pro:hover,
.pro-same .list .pro.cur{opacity: 1;}
.pro-same .list .pro.cur .z-pic,
.pro-same .list .pro:hover .z-pic{border-color: var(--pinColor);background: #FEFAF6;}
.pro-same .idea{margin-bottom: 20px;}
.pro-same .idea .editor{font-size: 16px;}

.pro-same .con .link-li .down{margin-right: 5%;}
.pro-same .con .link-li .down:nth-child(2n){margin-right: 0;}
.pro-same .con .down{min-width: 40%;max-width: 47%;font-size: 18px;color: #333;margin-bottom: 30px;padding-left: 32px;background-repeat: no-repeat;background-position: left center;}
.pro-same .con .down.pdf{background-image: url(/images/pdf2.png);}
.pro-same .con .down.cad{background-image: url(/images/cad2.png);}
.pro-same .con .down.vid{background-image: url(/images/vi1.png);}
.pro-same .con .down:hover{text-decoration: underline;}

@media (max-width: 1440px){
	.pro-same .img .i2 .slide .z-pic{height: auto;}
	.pro-same .con .desc{font-size: 24px;line-height: 36px;}
}

@media (max-width: 1280px){
	.pro-same .con .desc{font-size: 20px;line-height: 32px;}
}


@media (max-width: 950px){
	.pro-same .con{width: 100%;float: none;}
	.pro-same .img{width: 600px;float: none;margin-bottom: 60px;}

	/*.pro-same .list .pro{width: 13%;}*/
}

@media (max-width: 850px){
	/*.pro-same .list .pro{width: 17%;}*/
}

@media (max-width: 756px){
	.pro-same .img{width: 100%;}
	.pro-same .con .name{font-size: 28px;}
	.pro-same .con .desc{font-size: 26px;line-height: 38px;margin: 20px 0 30px;}
	.pro-same .con .brand{font-size: 26px;margin-bottom: 30px;}
	.tag span,
	.pro-same .con .ta,
	.pro-same .con .brand span{font-size: 26px;}
	.tag .bg,
	.tag span,
	.pro-same .con .ta{line-height: 38px;}
	
	.pro-same .con .d1,
	.pro-same .con .d1 span,
	.pro-same .con .d0 .s1{font-size: 26px;line-height: 38px;}
	.pro-same .con .d1{margin: 30px 0;}
	.pro-same .con .d0 .s2{font-size: 24px;line-height: 36px;}

	.pro-same .list{margin-bottom: 40px;}
	.pro-same .list .pro{/*width: 31%;margin-right: 3%;*/margin-bottom: 3%;}
	.pro-same .list .pro:nth-child(3n){margin-right: 0;}
	.pro-same .list .pro .n{margin-top: 10px;font-size: 24px;}

	.pro-same .con .ta{padding-bottom: 25px;margin-bottom: 30px;}

	.pro-same .idea .editor{font-size: 26px;}

	.pro-same .con .down{max-width: 100%;width: 100%;font-size: 24px;}

	.pro-same .img .i1 .slide .z-pic:after{padding-top: 90%;}
}


.pro-intro .mi-list{display: none;}
/*#prolist{padding: 100px 0;}*/
#pro-list .title{margin-bottom: 40px;color: #333333;font-size: 32px;}
#prolist .back,
#pro-list .back{color: var(--mainColor);font-size: 16px;line-height: 46px;}
#prolist .back .i,
#pro-list .back .i{width: 18px;height: 46px;background: url(/images/back.png) no-repeat center center;margin-right: 9px;}
#prolist .content .intro{margin-bottom: 70px;}
#prolist .content .intro .i{color: #333;font-size: 16px;line-height: 26px;margin-left: 80px;padding-left: 30px;background-repeat: no-repeat;background-position: left center;}
#prolist .content .intro .i.li{background-image: url(/images/list.png);font-size: 18px;}
#prolist .content .intro .i.ico1{background-image: url(/images/quan.png);}
#prolist .content .intro .i.ico2{background-image: url(/images/cir3.png);}
#prolist .content .intro .i.ico3{background-image: url(/images/cir2.png);-webkit-background-size: 20px;background-size: 20px;}
#prolist .content .intro .i.cur,
#prolist .content .intro .i:hover{font-weight: bold;text-decoration: underline;}
#prolist .content .intro .i:first-child{margin-left: 0;}
#prolist .content{background: transparent;padding: 0;}
#prolist .content .tit2{font-weight: bold;font-size: 26px;margin-bottom: 30px;}
#prolist .list2{width: 100%;background: #fff;}
#prolist .list2 .top{padding: 23px 0;border-bottom: 2px solid #bcbcbc;}
#prolist .list2 .top .tt{color: #333333;font-size: 16px;font-weight: bold;}
#prolist .list2 .p2{padding: 30px 0;}
#prolist .list2 .img{width: 8.7%;margin: 0 1.63%;font-size: 14px;}
#prolist .list2 .p2{border-bottom: 1px solid #e8e8e8;}
#prolist .list2 .p2 .m-pic{width: 100%;height: 45px;}
#prolist .list2 .con{width: 87.8%;}
#prolist .list2 .tt{margin-right: 1.63%;word-break: break-all;}
#prolist .list2 .t1{width: 18%;}
#prolist .list2 .t1:hover{color: var(--mainColor);}
#prolist .list2 .t2{width: 15%;}
#prolist .list2 .t7{width: 18%;margin-right: 2.4%;}
#prolist .list2 .t8{width: 5.5%;margin-right: 0;}
#prolist .list2 .t7 .i{width: 100%;height: 23px;background: url(/images/pdf2.png) no-repeat center center;}
#prolist .list2 .t8 .i{width: 100%;height: 26px;background: url(/images/cad2.png) no-repeat center center;}
#prolist .list2 .t7 .i:hover,
#prolist .list2 .t8 .i:hover{opacity: .8;}

#prolist .list2 .cate{color: var(--mainColor);font-size: 16px;margin-bottom: 12px;font-weight: bold;}
#prolist .list2 .p2 .tt{color: #333333;font-size: 14px;line-height: 23px;}
#prolist .list2 .p2 .t1{color: #333333;font-size: 16px;font-weight: bold;line-height: 23px;}
#prolist .list2 .p2 .t1:hover{color: var(--mainColor);}
#prolist .boxs{background: #fff;padding: 58px 60px;}
#prolist .boxs .cate-name{color: #333;font-size: 20px;margin-bottom: 30px;font-weight: bold;}
#prolist .boxs .editor{color: #666;font-size: 16px;}
#prolist .editor table tbody,
#prolist .editor table{max-width: 100%;display: block;}
#prolist .edtior table tr{max-width: 100%;}

@media (max-width: 1440px){
	#prolist .content .intro .i{margin-left: 60px;}
}

/*产品详细*/
.pdetail2 .tab-list{margin-top: 80px;}
.pdetail2 .btn-list{margin-bottom: 50px;}
.pdetail2 .btn-list:after{content: "";width: 100%;height: 3px;bottom: 0;left: 0;position: absolute;background: #bcbcbc;}
.pdetail2 .btn-list .btn{margin-right: 40px;height: 60px;line-height: 60px;border-bottom: 2px solid transparent;color: #333333;font-size: 18px;}
.pdetail2 .btn-list .btn.cur:hover,
.pdetail2 .btn-list .btn.cur{color: var(--mainColor);}
.pdetail2 .btn-list .btn.cur{font-weight: bold;border-bottom: 3px solid var(--mainColor);color: var(--mainColor);}
.pdetail2 .btn-list .btn:hover{color: var(--mainColor);}
.pdetail2 .dt{width: 94.18%;margin: 0 auto;}
.pdetail2 .editor{font-size: 16px;}
.pdetail2 .editor ul , .pdetail2 .editor ol{-webkit-text-size-adjust:inherit; -ms-text-size-adjust:inherit; text-size-adjust:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; list-style-type:inherit;}
.pdetail2 .editor ul li{list-style-type:inherit;}


/*搜索*/

#products.sea{margin-top: 0;}
#products .catel2{margin-bottom: 0;}
#products .tit1{font-size: 26px;margin-bottom: 60px;color: #333;font-weight: bold;}
#products .search{margin-bottom: 20px;padding: 80px 30px;}
#products .search .txt{width: 50%;height: 55px;line-height: 55px;border: 1px solid #888888;border-right: none;padding: 0 20px;font-size: 16px;color: #444;}
#products .search .txt::-webkit-input-placeholder{color:#444;font-size: 16px;}
#products .search .txt::-moz-placeholder{color:#444;font-size: 16px;}
#products .search .txt::-moz-placeholder{color:#444;font-size: 16px;}
#products .search .txt::-ms-input-placeholder{color:#444;font-size: 16px;}

#products .search .sub{width: 8%;height: 55px;background: rgb(230,26,76) url(/images/search.png) no-repeat center center/16px;}
#products [ajax-append]{margin: 0 auto 100px;font-size: 16px;padding-bottom: 5px;color: #666;border-bottom: 1px solid #666;}
#products [ajax-append]:hover{color: var(--pinColor);border-bottom: 1px solid var(--pinColor);}

@media (max-width: 1200px){
	#prolist .list2 .t2{width: 15%;}
	#prolist .list2 .t7{width: 16%;}
	
	#products.sea .catel2{margin-top: 80px;}
	#products.sea{margin-bottom: 80px;}


}

@media (max-width: 950px){
	.pro-intro .mi-list{display: block;margin-bottom: 40px;}
	.pro-intro .mi-list .i{font-size: 16px;margin-right: 20px;border: 1px solid #333;padding: 0 20px;height: 36px;line-height: 36px;}
	.pro-intro .mi-list .i.cur,
	.pro-intro .mi-list .i:hover{color: var(--mainColor);border-color: var(--mainColor);}

	.pro-same .con .down.pdf{margin-bottom: 30px;}

	#products .search .txt{width: 78%;line-height: 60px;height: 60px;font-size: 26px;}
#products .search .txt::-webkit-input-placeholder{font-size: 26px;}
#products .search .txt::-moz-placeholder{font-size: 26px;}
#products .search .txt::-moz-placeholder{font-size: 26px;}
#products .search .txt::-ms-input-placeholder{font-size: 26px;}
	#products .search .sub{width: 16%;height: 60px;background-image: url(/images/search3.png);-webkit-background-size: 26px;background-size: 26px;}
}

@media(max-width: 756px){
	#prolist .list2 .t2,
	#prolist .list2 .t3,
	#prolist .list2 .t4,
	#prolist .list2 .t5{display: none;}
	#prolist .list2 .img{width: 12%;margin: 0 3%;}
	#prolist .list2 .img .m-pic{height: 60px;}
	#prolist .list2 .con{width: 80%;}
	#prolist .list2 .p2 .t1{font-size: 24px;}
	#prolist .list2 .cate{font-size: 26px;}
	#prolist .list2 .t1{width: 54%;}
	#prolist .list2 .top .tt,
	#prolist .list2 .tt{font-size: 24px;}
	#prolist .list2 .t7,
	#prolist .list2 .t8{width: 20%;}
	
	#prolist .boxs{padding: 50px 40px 80px;}
	#prolist .boxs .cate-name{font-size: 28px;margin-bottom: 45px;}

	#prolist .back,
	#pro-list .back{font-size: 24px;line-height: 46px;}

	#prolist .boxs .editor{font-size: 24px;line-height: 36px;}

	.pdetail2 .btn-list .btn{font-size: 24px;margin-right: 60px;}

	.pro-intro .mi-list .i{font-size: 24px;height: 40px;line-height: 40px;}
	#prolist .content .intro .i.li,
	#prolist .content .intro .i{font-size: 26px;margin-left: 0px; float:left; width:50%; text-align:left; margin-top:20px;}
	#prolist .content .intro .i.li{margin-left: 0;}
}