.sort_pic_item .sort_info .more span{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.web_footer{margin-top: 0;}
.proType_box .web_th .title{text-transform: unset;}

/* proType_box */
.pro_category{margin-top: 3.2%;}
.category_div{position: relative;}
.category_div .sort_pic_item{width: 50%; position: relative; order: 1;}
.sort_pic_item::after{content: ''; display: block; overflow: hidden; height: 0; clear: both;}
.sort_pic_item .pic{padding-bottom: 100%;}
.sort_pic_item .pic::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.6); z-index: 1;}
.sort_pic_item .sort_info{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; z-index: 2; padding: 6% 12%; text-align: center;}
.sort_pic_item .sort_info .title{color: #F2F2F4; font-size: 55px; line-height: 1.25; font-weight: bold; margin-bottom: 5%;}
.sort_pic_item .sort_info .more span{color: #fff; border: 1px solid #fff; display: inline-block; padding: 16px 80px;}
.sort_pic_item .sort_info .more span:hover{background: var(--commonColor); color: #fff;}

.category_div .sort_pro_item{line-height: 1.25; width: 50%; order: 2; position: relative; padding: 0 4%;}

.sort_pro_item .swiper{overflow: hidden; position: relative;}
.sort_pro_item .pro_info{flex: 1;}
.sort_pro_item .pro_info .title_small{font-weight: bold; font-size: 22px; line-height: 1.35; margin-bottom: 10px;}
.sort_pro_item .pro_info .title{font-weight: bold; font-size: 50px; line-height: 1.2; color: var(--commonColor);}
.sort_pro_item .pro_img{padding: 10% 16% 0;}
.sort_pro_item .pro_img .pic{padding-bottom: 100%;}
.sort_pro_item .pro_info:hover .title{text-decoration: underline;}

.sort_pro_item .common-prev, .sort_pro_item .common-next{top: 60%; border-color: transparent;}
.sort_pro_item .common-prev{left: 0;}
.sort_pro_item .common-next{right: 0;}

.category_div:nth-child(n+2){margin-top: 0;}
.category_div:nth-child(2n) .sort_pic_item{order: 3;}

@media only screen and (max-width: 1650px) {
	.sort_pic_item .sort_info .title{font-size: 50px;}
	.sort_pro_item .pro_info .title{font-size: 46px;}
}
@media only screen and (max-width: 1450px) {
	.sort_pic_item .sort_info .title{font-size: 44px;}
	.sort_pro_item .pro_info .title{font-size: 42px;}
	.sort_pro_item .pro_info .title_small{font-size: 20px;}
	.sort_pro_item .pro_img{padding: 6% 15% 0;}
	.sort_pic_item .sort_info .more span{padding: 15px 60px;}
}
@media only screen and (max-width: 1300px) {
	.sort_pic_item .sort_info .title{font-size: 36px;}
	.sort_pro_item .pro_info .title{font-size: 32px;}
}
@media only screen and (max-width: 980px) {
	.pro_category{margin-top: 20px;}
	.category_div:nth-child(n+2){margin-top: 24px;}
	.category_div{flex-direction: column;}
	.category_div .sort_pic_item{width: 100%; order: 1 !important;}
	.category_div .sort_pro_item{width: 100%; order: 2 !important; margin-top: 20px; padding: 0 15px;}

	.sort_pic_item .sort_info{padding: 20px;}
	.sort_pic_item .sort_info .more span{padding: 12px 40px;}
	.sort_pic_item .sort_info .title{font-size: 28px;}
	.sort_pro_item .pro_info .title{font-size: 22px; line-height: 1.4;}
	.sort_pro_item .pro_img{padding: 20px 40px 0;}

	.sort_pro_item .common-prev, .sort_pro_item .common-next{display: block !important;}
	.sort_pro_item .common-pagination{display: none;}

	.sort_info_item .more{margin-top: 10px;}
	.sort_info_item:hover .more{padding: 0; background: none; color: var(--thirdColor); text-decoration: underline;}
	.sort_info_item .title{margin: 20px 0 10px;}
}

/* proType_module */
.proType_module{background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; margin-top: 4%; position: relative;}
.proType_module .bg_class{display: block; object-fit: cover; min-height: 460px;}
.proType_module .layout{position: absolute; left: 0; width: 100%; top: 0; padding-top: 2.6%;}
.proType_module .web_th{max-width: 1400px; margin: 0 auto; padding: 0 70px;}
.proType_module .web_th .title{color: var(--commonColor);}
.proType_module .web_th a.title:hover{text-decoration: underline;}
.proType_module .web_th .more{display: inline-block; background: var(--commonColor); border: 2px solid var(--commonColor); line-height: 38px; padding: 0 40px; color: #fff; margin-top: 2%;}
.proType_module .web_th .more:hover{background: #fff; color: var(--commonColor);}

@media only screen and (max-width: 980px) {
	.proType_module{padding: 26px 0 260px; margin-top: 30px;}
	.proType_module .bg_class{position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-height: unset; z-index: 0;}
	.proType_module .layout{position: relative; padding: 0 15px; z-index: 1;}
	.proType_module .web_th{padding: 0;}
	.proType_module .web_th .more{padding: 0 30px;}
}