.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{
	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.3rem 0 0.8rem;}
.proType_sort_list{flex-wrap: wrap; justify-content: flex-start;}
.sort_item{width: 32%; width: calc((100% - 40px) / 3); position: relative; margin-top: 22px; margin-right: 20px;}
.sort_item:nth-child(3n){margin-right: 0;}
.sort_item .sort_pic{padding-bottom: 65.7%; 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(57, 101, 218, 0.5); 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;}
.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: #3965DA;}

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

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

@media only screen and (max-width: 950px) {
	.proType_sort{padding-bottom: 30px;}
	.sort_item{width: 100%; margin-top: 20px; margin-right: 0;}
	.sort_info{padding: 15px 20px;}
	.sub_sort li{line-height: 28px;}
	.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;}
}

/* proType_txt_th */
.proType_txt{padding-bottom: 0.5rem;}
.proType_txt_th{font-weight: bold; font-size: 0.3rem; color: #333;}
.proType_txt_th span{position: relative; text-transform: uppercase; padding-bottom: 10px; line-height: 1.25; display: block;}
.proType_txt_th span::before{position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 0.6rem; background: #040e27;}

.proType_txt .txtContent{color: #666; padding-bottom: 0;}
.proType_txt .txtContent p:last-child{padding-bottom: 0;}

.txt_left{width: 47%;}
.txt_right{width: 49%; position: relative;}
.txt_right .txt_pic, .mobile_pic .txt_pic{padding-bottom: 63.3%; overflow: hidden;}
.txt_right::before, .mobile_pic::before{position: absolute; left: -8px; bottom: -8px; top: 8px; right: 8px; background: rgba(57, 101, 218, 0.3); content: '';}
.mobile_pic{display: none; position: relative; margin-left: 8px; margin-top: 20px;}

.proType_txt .layout.flex{align-items: center; padding-bottom: 0.6rem;}


@media only screen and (max-width: 950px) {
	.proType_txt_th{font-size: 20px;}
	.proType_txt{padding-bottom: 20px;}
	.proType_txt .layout.flex{flex-wrap: wrap; padding-bottom: 0;}
	.txt_left{width: 100%;}
	.mobile_pic{display: block;}
	.txt_right{width: 100%; margin-left: 8px; display: none;}
}