:root{
	--main: #2a9bd7;
	/*--pro_cate1: #0d6090;*/
	--pro_cate1: #2a9bd7;
	--pro_cate2: #5b9dab;
	--pro_new: #c81616;
}



#products_cate{padding: 15px 0 5px;}
#products_cate .box{margin-bottom: 0px;}
#products_cate .box .cate_box{}
#products_cate .box .cate_box .cate_one{font-size: 30px;color: #333;font-weight: 700;padding-left: 26px;border-left: 8px solid var(--main);line-height: 1;margin-right: 80px;}
#products_cate .box .cate_box .cate_twobox{max-width: 60%;}
#products_cate .box .cate_box .cate_twobox .cate_two{width: auto;font-size: 18px;color: #333;font-weight: 700;margin-right: 52px;line-height: 1;transition: all .3s;}
#products_cate .box .cate_box .cate_twobox .cate_two:hover{color: var(--main);}
#products_cate .box .cate_box .more{font-size: 18px;color: #333;padding-right: 40px;background: url(/images/index-pic18.png) no-repeat right;margin-left: auto;line-height: 30px;}
#products_cate .box .cate_box .more:hover{color: var(--main);}
@media screen and (max-width: 1280px){
	#products_cate .box .cate_box .cate_one{font-size: 28px;}
	#products_cate .box .cate_box .more{font-size: 14px;background-size: 24px;}
}
@media screen and (max-width: 1024px){
	#products_cate .box .cate_box{flex-wrap: wrap;}
	#products_cate .box .cate_box .cate_twobox{width: 100%;max-width: 100%;margin: 30px 0;}
	#products_cate .box .cate_box .cate_twobox .container{margin-left: 0;}
	#products_cate .box .cate_box .more{margin-left: 0;}
}
@media screen and (max-width: 750px){
	#products_cate .box .cate_box .cate_one{font-size: 28px;}
	#products_cate .box .cate_box .cate_twobox .cate_two{font-size: 30px;}
	#products_cate .box .cate_box .more{font-size: 20px;}
}

/*产品列表*/
.prod_box{margin-top: 50px;}
.prod_box .li{width: 24%;margin-right: 1%;border: 1px solid #ccc;margin-bottom: 20px;}
.prod_box .li:nth-child(4n){margin-right: 0;}
.prod_box .li .pic{width: 100%;padding-top: 83.582%;}
.prod_box .li .cont{padding: 23px 20px;background: #f1f1f1;}
.prod_box .li .cont .tit{font-size: 16px;color: #333;height: 40px;overflow: hidden;font-weight:600;}
.prod_box .li .cont .cate{font-size: 14px;color: #999;margin-top: 5px;}
.prod_box .li .text{padding: 23px 20px;background: var(--pro_cate1);left: 0;bottom: 0;right: 0;z-index: 2;color: #fff;opacity: 0;}
.prod_box .li .text .tit{font-size: 16px;height: 56px;overflow: hidden; font-weight:600;}
.prod_box .li .text .cate{font-size: 16px;margin: 5px 0;}
.prod_box .li .text .brief{font-size: 14px;line-height: 1.5;height: 82px;overflow: hidden;}
.prod_box .li:hover .text{opacity: 1;}
/*.prod_box .li.pro_cate1::before{content: '';width: 68px;height: 70px;background: url(/images/pro_cate_icon.png) no-repeat top right;position: absolute;right: 0;top: 0;z-index: 2;}*/
.prod_box .li.pro_cate2 .text{background: var(--pro_cate2);}
.prod_box .li.pro_new::before{content: '';width: 68px;height: 70px;background: url(/images/pro_new_icon.png) no-repeat top right;position: absolute;right: 0;top: 0;z-index: 2;}
.prod_box .li.pro_new .text{background: var(--pro_new);}
@media screen and (max-width: 1280px){
	.prod_box .li .text .tit{font-size: 18px;}
	.prod_box .li .text .cate{font-size: 14px;}
	.prod_box .li .text .brief{font-size: 14px;height: 63px;}
	.prod_box .li .cont .tit{font-size: 18px;}
	.prod_box .li .cont .cate{font-size: 14px;}
	.prod_box .li.pro_cate1::before,
	.prod_box .li.pro_new::before{background-size: 60%;}
}
@media screen and (max-width: 1024px){
	.prod_box .li{width: 48%;margin-right: 4%;}
	.prod_box .li:nth-child(5n){margin-right: 4%;}
	.prod_box .li:nth-child(2n){margin-right: 0;}

}
@media screen and (max-width: 1024px){
	.prod_box .li .cont .tit,
	.prod_box .li .text .tit{font-size: 12px;}
	.prod_box .li .cont .cate,
	.prod_box .li .text .cate,
	.prod_box .li .text .brief{font-size: 12px;}
}

#products{padding: 40px 0 100px;}
#products .cate_box{max-width: 100%;}
#products .cate_box .li{width: auto;transition: all .3s;font-size: 18px;color: #333;margin: 0 27px;}
#products .cate_box .li:hover{color: #2775b6;}
#products .cate_box .li.cur{color: #2775b6;font-weight: 700;}
@media screen and (max-width: 750px){
	#products .cate_box .li{font-size: 30px;}
}