.sub_sort li a, .sort_info .title a, .sort_info{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
/* img scale */
.c_pub_pic img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.sort_item:hover .sort_pic img, .txt_right .txt_pic:hover img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
}

/* proType_sort */
.proType_sort{padding: 0 0 0.8rem;}
.proType_sort_list{flex-wrap: wrap;}
.sort_item{width: 32%; width: calc((100% - 40px) / 3); margin-right: 20px; position: relative; margin-top: 22px;}
.sort_item:nth-child(3n){margin-right: 0;}
.sort_item .sort_pic{padding-bottom: 75%; overflow: hidden;}

.sort_title{position: absolute; bottom: 0; left: 0; right: 0; background: rgba(4, 14, 39, 0.5); color: #fff; font-weight: bold; font-size: 20px; padding: 0.15rem 0.15rem; line-height: 1.25; text-align: center;}
.sort_title a{color: #fff;}

.sort_info{position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; background: rgba(var(--comColorRgb), 0.8); padding: 0.26rem 0.32rem; flex-direction: column; opacity: 0;}
.sort_info .title{color: #fff; font-weight: bold; font-size: 20px; font-size: max(18px, 0.2rem); line-height: 28px; padding: 0.04rem 0 0.08rem;}
.sort_info .title a, .sub_sort li a{color: #fff; display: inline-block;}
.sort_info .title a:hover{margin-left: 5px;}

.sub_sort li{line-height: 0.34rem; font-size: 18px; font-size: max(16px, 0.18rem); color: #fff;}
.sub_sort li a:hover{padding-left: 26px; background: url(../img/icon_right_w.png) no-repeat left center/18px auto;}
.sort_info .more{background: #040e27; color: #fff; display: inline-block; padding: 6px 0; line-height: 24px; width: 110px; text-align: center; margin-top: 0.1rem;}
.sort_info .more:hover{background: var(--commonColor);}

.sort_item:hover .sort_title{display: none;}
.sort_item:hover .sort_info{opacity: 1;}

@media only screen and (max-width: 1350px) {
	.sort_info{padding: 20px 20px;}
	.sub_sort li{line-height: 0.38rem;}
}

@media only screen and (max-width: 1280px) {
	.sort_item{width: calc(50% - 12px); margin-right: 24px;}
	.sort_item:nth-child(3n){margin-right: 24px;}
	.sort_item:nth-child(2n){margin-right: 0;}
	.sub_sort li{line-height: 28px; margin-bottom: 5px;}
}

@media only screen and (max-width: 950px) {
	.proType_sort{padding-bottom: 30px;}
	.sort_item{width: 100%; margin-top: 20px; margin-right: 0 !important;}
	.sort_info{padding: 15px 15px;}
	.sub_sort{max-height: 156px; overflow: hidden;}
	.sub_sort li{line-height: 26px; margin-bottom: 0;}
	.sort_title{font-size: 18px;}
	.sort_item .sort_title{display: none;}
	.sort_item .sort_info{opacity: 1;}
	.sub_sort li a:hover{background: none; padding-left: 0;}
}

@media only screen and (max-width: 370px) {
	.sub_sort{max-height: 130px;}
}