.sub_sort li a, .sort_info .title a, .sort_info, .proType_topic 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;
}
/* 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;
}
.proType_sort li: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{}
.sort_item{background: #F8F8F8; margin-top: 3.2%; position: relative; overflow: hidden; padding: 0 5%;}
.sort_pic_item{width: 32.5%; order: 1;}
.sort_item .sort_pic{padding-bottom: 91.5%; overflow: hidden;}
.sort_item .sort_info{padding: 20px 0; line-height: 1.25; width: 63%; order: 2;}
.sort_info .title{font-size: 28px; font-family: 'Roboto-Bold';}
.sort_info .brief{font-size: 18px; color: #666; line-height: 28px; margin: 2% 0; max-height: 140px; overflow-y: auto;}
.sort_item:nth-child(2n) .sort_pic_item{order: 3;}

.sort_item:hover{box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.15);}
.sort_item:hover .title a{color: var(--color-main);}
.sort_item:hover .pubMore{background: var(--color-main);}

@media only screen and (max-width: 1200px) {
	.sort_info .title{font-size: 26px;}
}
@media only screen and (max-width: 950px) {
	.sort_info .title{font-size: 22px;}
	.sort_item{flex-direction: column; padding: 20px 12px; margin-top: 20px;}
	.sort_pic_item{width: 100%;}
	.sort_item:nth-child(2n) .sort_pic_item{order: 1;}
	.sort_item .sort_info{width: 100%; padding: 20px 0 0;}
	.sort_info .brief{font-size: 16px; margin: 10px 0 15px; max-height: unset;}
}

/* proType_advanced */
.proType_advanced{}
.advanced_list .adv_item{position: relative; width: calc(50% - 13px); margin-right: 26px; position: relative; z-index: 0;}
.advanced_list .adv_item:nth-child(2n){margin-right: 0;}
.adv_item .adv_pic{padding-bottom: 54.5%;}
.advanced_list .adv_item::before{position: absolute; bottom: 0; height: 0; left: 0; right: 0; content: ''; z-index: 1; background: linear-gradient(to top, var(--color-main), rgba(230, 88, 65, 0.5), transparent, transparent);}

.adv_info{position: absolute; bottom: 0; left: 0; right: 0; padding: 7% 6%; color: #fff; z-index: 2;}
.adv_info .title{font-family: 'Roboto-Bold'; font-size: 40px; line-height: 1.5; height: 1.5em; overflow: hidden;}
.adv_info .title a{color: #fff;}
.adv_info .brief{font-size: 24px; line-height: 1.6; height: 3.2em; overflow: hidden; margin-top: 10px;}

.advanced_list .adv_item:hover::before{height: 100%;}

@media only screen and (max-width: 1350px) {
	.adv_info .title{font-size: 35px;}
	.adv_info .brief{font-size: 22px;}
}
@media only screen and (max-width: 1200px) {
	.adv_info .title{font-size: 30px;}
	.adv_info .brief{font-size: 20px;}
}
@media only screen and (max-width: 950px) {
	.adv_info .title{font-size: 24px;}
	.adv_info .brief{font-size: 18px;}
	.advanced_list{flex-wrap: wrap;}
	.advanced_list .adv_item{width: 100%; margin: 15px 0 0;}
	.advanced_list .adv_item:first-child{margin-top: 0;}
	.advanced_list .adv_item::before{height: 100%;}
}

/* proType_buy */
.buy_list{padding-top: 3%;}
.buy_list li{width: 33.3%; box-sizing: border-box; border: 1px solid #ddd; padding: 3% 3.5%; text-align: center; margin: -1px 0 0 -1px; position: relative;}
.buy_list li::before{position: absolute; left: 0; top: 0; bottom: 0; width: 0; content: ''; background: var(--color-main); z-index: -1;}
.buy_list li .title{font-family: 'Roboto-Bold'; font-size: 22px; position: relative; padding-bottom: 8px; margin-bottom: 12px;}
.buy_list li .title a{transition: 0s;}
.buy_list li .title::before{position: absolute; content: ''; bottom: 0; height: 2px; width: 50px; left: 50%; margin-left: -25px; background: var(--color-main);}
.buy_list li .brief{color: #666; font-size: 18px; line-height: 1.5;}

.buy_list li:hover{border-color: var(--color-main);}
.buy_list li:hover::before{width: 100%;}
.buy_list li:hover .title{color: #fff;}
.buy_list li:hover .title::before{background: #fff;}
.buy_list li:hover .title a{color: #fff;}
.buy_list li:hover .brief{color: #fff;}

@media only screen and (max-width: 1200px) {
	.buy_list li{padding: 2.5% 3%;}
	.buy_list li .title{font-size: 20px;}
}
@media only screen and (max-width: 950px) {
	.buy_list{padding: 5px 0 0;}
	.buy_list li{padding: 20px 15px; width: 100%; margin: 15px 0 0;}
	.buy_list li .title{font-size: 18px;}
}

/* proType_company */
.proType_company{background: #F8F8F8;}
.company_list{padding-bottom: 3.5%;}
@media only screen and (max-width: 950px) {
	.company_list{padding-bottom: 30px;}
}