.c_banner_title{font-size: 48px;}
@media only screen and (max-width: 1450px) {
	.c_banner_title{font-size: 44px;}
}
@media only screen and (max-width: 1300px) {
	.c_banner_title{font-size: 40px;}
}
@media only screen and (max-width: 980px) {
	.c_banner_title{font-size: 24px;}
}
.listPro_item .pro_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;
}
.listPro_item:hover .pro_pic img{
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
}

.listPro_top .title{font-size: 40px; font-family: 'AKZIDENZGROTESK-BOLD'; text-transform: uppercase; line-height: 1.25;}
.listPro_top .brief{line-height: 1.5; color: #666; margin: 10px 0 0;}

.listPro_list{padding: 30px 0; flex-wrap: wrap;}
.listPro_list li{width: calc(50% - 10px);}
.listPro_item{padding-bottom: 42px; position: relative;}
.listPro_item:nth-child(n+3){margin-top: 24px;}
.listPro_item .pro_pic{padding-bottom: 100%; border: 1px solid #ddd; overflow: hidden; box-sizing: border-box;}
.listPro_item .title{margin: 18px 0; text-align: center; display: block; font-size: 20px; font-family: 'OPENSANS-BOLD';}
.listPro_item .title, .listPro_item .title a{font-weight: bold; line-height: 26px;}
.listPro_item .c_more_btn{position: absolute; left: 0; width: 100%; bottom: 0; text-align: center;}
.listPro_item:hover .pro_pic{border-color: var(--commonColor);}
.listPro_item:hover .c_more_btn a{background: var(--commonColor);}
.listPro_item:hover .c_more_btn a::before{border-color: var(--commonColor);}
.listPro_item .date{color: #666; line-height: 24px; margin-top: 18px;}
.listPro_item .brief{margin: 6px 0 25px; color: #333; line-height: 24px;}


@media only screen and (max-width: 1450px) {
	.listPro_top .title{font-size: 36px;}
}
@media only screen and (max-width: 980px) {
	.listPro_top .title{font-size: 26px;}
	.listPro_list{padding: 20px 0 0;}
	.listPro_list li{width: 100%;}
	.listPro_item:nth-child(n+2){margin-top: 24px;}
	.listPro_item .title{font-size: 18px; margin: 12px 0;}
}