.page_list .right .top_desc,.page_list .right .bottom_desc{color: #666;text-align: center;}
.page_list .right .product_list{margin: 3% auto;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 24px 16px;}
.page_list .right .product_list .img_warp{padding-bottom: 100%;background-color: #F2F2F2;}
.page_list .right .product_list .img_warp img{width: 70%;height: 70%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.page_list .right .product_list .link{text-align: center;display: block;margin-top: 10px;}

.image_txt{margin: 5% 0 0;background: url(../image/bg.webp) no-repeat center/cover;padding: 5% 0;}
.image_txt .layout{display: flex;justify-content: space-between;}
.image_txt .layout .left{padding-left: 8%;position: relative;width: 42%;}
.image_txt .layout .left .l_img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.image_txt .layout .right{width: 50%;color: #fff;padding-top: 3%;}
.image_txt .layout .right .title{font-size: 30px;line-height: 1.2;}
.image_txt .layout .right>.desc{margin: 3% 0 4%;}
.image_txt .layout .right li{border: 1px solid #eceef0;border-radius: 8px;margin-bottom: 10px;padding: 2% 3%;}
.image_txt .layout .right li:last-child{margin-bottom: 0;}
.image_txt .layout .right li .title{font-size: 18px;line-height: 2;width: 100%;position: relative;padding-right: 50px;}
.image_txt .layout .right li .title i{width: 30px;height: 30px;border-radius: 50%;background-color: rgba(255,255,255,.58);display: inline-block;position: absolute;right: 0;top: 0;}
.image_txt .layout .right li .title i::before{content: ' ';width: 11px;height: 2px;background-color: #033637;display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.image_txt .layout .right li .title i::after{content: ' ';width: 11px;height: 2px;background-color: #033637;display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(90deg);transition: all .5s;}
.image_txt .layout .right li .desc{color: #999999;font-size: 16px;margin-top: 10px;display: none;}
.image_txt .layout .right li.active .title i::after{transform: translate(-50%, -50%) rotate(0);}

.canvas{margin-top: 2%;}
.canvas .title{font-size: 30px;font-weight: bold;padding-bottom: 20px;border-bottom: 1px solid #cecece;}
.canvas table{width: 100%;}
.canvas table th{border: 1px solid #cecece;padding: 8px 10px;}

.more_product{margin-top: 5%;}
.more_product .title_warp .title{font-size: 30px;color: #000;text-align: center;text-transform: uppercase;font-weight: bold;}
.more_product .title_warp .desc{margin-top: 20px;text-align: center;color: #666;}
.more_product .list{background-color: #033637;border-radius: 18px;margin-top: 5%;padding: 3% 0%;display: flex;justify-content: space-between;align-items: start;}
.more_product .list .item{display: flex;justify-content: space-between;align-items: center;width: 33.3%;border-right: 1px solid rgba(255,255,255,.58);padding: 0 5%;}
.more_product .list .item .info{font-size: 16px;color: #fff;margin-left: 10%;}
.more_product .list .item .title{margin-bottom: 5px;}
.more_product .list .item .desc{line-height: 1.2;}
 


@media only screen and (max-width: 1200px) {
	.page_list .right .product_list{grid-template-columns:repeat(3, 1fr)}

}
@media only screen and (max-width: 950px) {
	
	.image_txt .layout{flex-direction: column;}
	.image_txt .layout .left{width: 84%;margin: 0 auto;padding-left: 16%;}
	.image_txt .layout .right{width: 100%;}
	.image_txt .layout .right .title{font-size: 24%;}

	.canvas .title{font-size: 24px;}
	.canvas .table{max-width: 100%;overflow-x: auto	;}
	.more_product .title_warp .title{font-size: 24px;}
	.more_product .list{flex-direction: column;}
	.more_product .list .item{width: 100%;margin: 5% 0;flex-direction: column;}
	.more_product .list .item .info{margin-left: 0;margin-top: 3%;text-align: center;}
	
}