
.solu_txt_list li::before{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.sort_pic_item .pic_item:hover .pubPic img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
}


/* proType_sort */
.pro_brief{line-height: 2; color: #666; text-align: center;}

.proType_sort{padding-top: 32px;}
.sort_item{position: relative;}
.sort_item:nth-child(n+2){margin-top: 5%;}

.sort_pic_item{width: 61%; position: relative; column-count: 2; column-gap: 3.2%; order: 1;}
.sort_pic_item::after{content: ''; display: block; overflow: hidden; height: 0; clear: both;}

.sort_pic_item .pic_item{break-inside: avoid-column;}
/* .sort_pic_item .pic_item:nth-child(2n){margin-right: 0; float: right;} */
.sort_pic_item .pic_item:nth-child(2n){margin-top: 8%;}
.sort_pic_item .pic_item:first-child{margin-top: 12%;}
.sort_item .sort_pic{padding-bottom: 70%; border-radius: 26px; border: 1px solid #f5f5f5;}

.sort_item .sort_info{line-height: 1.25; width: 34%; order: 2;}
.sort_info .title{font-size: 28px; font-family: 'Poppins-Bold'; line-height: 1.25; overflow: hidden; text-transform: uppercase; color: #000;}
.sort_info .brief{color: #666; line-height: 1.75; margin: 5% 0;}
.sort_item:hover .pubPic img{transform: none;}
.sort_pic_item .pic_item:hover .pubPic{border-color: var(--commonColor); box-shadow: 0 0 25px 5px rgba(var(--comColorRgb), 0.24);}
.sort_item:hover .title{color: var(--commonColor);}
.sort_item:hover .brief{color: #333;}


.sort_item:nth-child(2n) .sort_pic_item{order: 3;}

@media only screen and (max-width: 1450px) {
	.sort_info .title{font-size: 26px;}
}
@media only screen and (max-width: 1100px) {
	.sort_info .title{font-size: 24px;}

	.sort_item:nth-child(n+2){margin-top: 4%;}
	.sort_item .sort_pic{border-radius: 20px;}
}
@media only screen and (max-width: 980px) {
	.sort_item{flex-direction: column;}
	.sort_item:nth-child(n+2){margin-top: 20px;}
	.sort_item:nth-child(2n) .sort_pic_item{order: 1;}
	.proType_sort{padding-top: 20px;}
	.sort_pic_item{width: 100%;}
	.sort_item .sort_pic{border-radius: 16px; height: 0;}
	.sort_item .sort_info{width: 100%; padding: 20px 0 0;}
	.sort_info .title{font-size: 22px; height: auto; display: block;}
	.sort_info .brief{margin: 10px 0 16px; max-height: unset; display: block; height: auto;}
	.sort_btn{margin-top: 16px;}
}
