/*  */


.top_brief{font-size: 22px; line-height: 26px; margin-bottom: 3.4%;}

/* listPro_list */
.listPro_list{padding-bottom: 10px;}
.listPro_list li{width: calc((100% - 30px) / 3); box-sizing: border-box; background: #fff; margin-right: 15px;}
.listPro_list li:nth-child(3n){margin-right: 0;}
.listPro_item:nth-child(n+4){margin-top: 30px;}
.listPro_item .pro_pic{padding-bottom: 122%; overflow: hidden;}
.listPro_item .item_icon{display: block; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin: -18px 0 0 -30px; border-radius: 50%; background: rgba(0, 0, 0, 0.75); background-repeat: no-repeat; background-position: center; background-image: url(../img/icon_plus.png); opacity: 0; background-size: 20px auto;}
.listPro_item .title{margin: 20px 0 0; font-size: 20px; line-height: 1.4; overflow: hidden; text-transform: capitalize; text-align: center;}
.listPro_item:hover .title, .listPro_item:hover .title a{color: var(--commonColor);}
.listPro_item .brief{color: #666; line-height: 30px; font-family: 'AkzidenzGroteskBQ-Light'; height: 90px; overflow: hidden;}
.listPro_item .brief a{color: inherit;}
.listPro_item:hover .brief{color: #333;}
.listPro_item:hover .item_icon{margin-top: -30px; opacity: 1;}


@media only screen and (max-width: 1400px) {
	.listPro_item .title{margin: 15px 0 0;}
}
@media only screen and (max-width: 980px) {
	.top_brief{font-size: 18px; margin-bottom: 20px;}
	.listPro_list{padding-bottom: 5px;}
	.listPro_list li{width: 100%; margin-right: 0;}
	.listPro_item:nth-child(n+2){margin-top: 20px;}
	.listPro_item .title{height: auto; margin: 12px 0 0; font-size: 18px;}
	.listPro_item .brief{height: auto; display: block; line-height: 28px;}
}


/* listPro_topic */
.listPro_topic{margin-top: 4.5%;}
.topic_th{font-size: 30px; font-family: 'Lato-Bold';}
.topic_list{margin-top: 25px;}
.topic_item{border-top: 1px solid #E5E5E5; padding: 3% 0;}
.topic_item .title{font-size: 24px; font-family: 'Lato-Bold'; text-transform: uppercase; width: 300px; color: #000;}
.topic_item .brief{font-size: 18px; font-family: 'Lato-Light'; line-height: 30px; width: calc(100% - 330px);}

.topic_pic{margin-top: 20px;}
.topic_pic .pic{padding-bottom: 40%;}

.topic_content{font-family: 'Lato-Light'; font-size: 16px; color: #666; margin-top: 25px; line-height: 26px;}
.topic_content a{color: var(--commonColor);}
.topic_content a:hover{text-decoration: underline;}

@media only screen and (max-width: 1400px) {
	.topic_th{font-size: 26px;}
	.topic_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1200px) {
	.topic_item .title{font-size: 21px; width: 25%;}
	.topic_item .brief{width: 72%;}
}
@media only screen and (max-width: 980px) {
	.listPro_topic{margin-top: 30px;}
	.topic_th{font-size: 24px;}
	.topic_list{margin-top: 15px;}
	.topic_item{padding: 15px 0; flex-direction: column;}
	.topic_item .title{font-size: 20px; width: 100%;}
	.topic_item .brief{width: 100%; margin-top: 6px; font-size: 16px; line-height: 28px;}
	.topic_pic{margin-top: 0px;}

	.topic_content{margin-top: 15px;}
}