.listPro_item .pro_pic img, .listPro_faq_pic .faq_pic img, .listPro_ser_pic .ser_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, .faq_pic:hover img, .ser_pic:hover img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
}

.listPro_top .title{font-size: 48px; font-family: 'CHAPARRALPRO-BOLD'; line-height: 1.25;}
.listPro_top .brief{line-height: 1.5; color: #000; margin: 10px 0;}

.listPro_list{padding: 20px 0 0; flex-wrap: wrap;}
.listPro_list li{width: calc((100% - 50px) / 3); margin-right: 25px; border: 1px solid #fff; box-sizing: border-box; padding: 15px 0 20px;}
.listPro_list li:nth-child(3n){margin-right: 0;}
.listPro_item{margin-top: 30px;}
.listPro_item .pro_pic{padding-bottom: 86.5%; overflow: hidden;}
.listPro_item .title{margin: 20px 0 0; text-align: center; padding: 0 12px;}
.listPro_item .title, .listPro_item .title a{line-height: 1.5; font-size: 18px;}
.listPro_item:hover .title, .listPro_item:hover .title a{color: #355E40;}
.listPro_item:hover{border-color: rgba(53, 94, 64, 0.3); box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);}
.listPro_item .date{color: #666; line-height: 24px; margin-top: 0.2rem;}
.listPro_item .brief{margin: 6px 0 25px; color: #333; line-height: 24px;}


@media only screen and (max-width: 950px) {
	.listPro_list{padding: 10px 0 0;}
	.listPro_list li{width: 100%; margin: 0 0 20px;}
	.listPro_item{padding-bottom: 30px; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);}
	.listPro_list li:last-child{margin-bottom: 10px;}
}

/* listPro_ser */
.listPro_ser_pic{width: 40%; float: left; position: relative; z-index: 1;}
.listPro_ser_pic .ser_pic{padding-bottom: 96.8%; overflow: hidden; z-index: 1;}
.listPro_ser_inner{width: 64.5%; margin-top: 5%; float: left; margin-left: -4.5%;}
.ser_info{background: #F9F6EF; padding: 6% 30px 6% 10%;}

.ser_list{flex-wrap: wrap;}
.ser_list .ser_item{width: calc(50% - 10px); margin-top: 6%; display: flex; justify-content: space-between;}
.ser_item .ser_pic{width: 65px; height: 65px; border-radius: 50%; overflow: hidden; margin-right: 15px;}
.ser_item .ser_txt{flex: 1;}
.ser_item .ser_txt .title{font-size: 24px; font-weight: bold; line-height: 1.25; text-transform: uppercase;}

.ser_item:hover .ser_pic{
	-webkit-animation: swing .6s ease;
	-o-animation: swing .6s ease;
	-moz-animation: swing .6s ease;
	animation: swing .6s ease
}

@media only screen and (max-width: 1350px) {
	.ser_item .ser_txt .title{font-size: 22px;}
}
@media only screen and (max-width: 1200px) {
	.ser_list .ser_item{width: 100%; margin-top: 20px;}
	.ser_item .ser_txt .title{font-size: 20px;}
}
@media only screen and (max-width: 950px) {
	.listPro_ser_pic{width: 100%; float: none;}
	.listPro_ser_pic .ser_pic{padding-bottom: 70%;}
	.listPro_ser_inner{width: 100%; float: none; margin: 0 0 0;}
	.ser_info{padding: 20px 15px;}
}

/* listPro_faq */
.listPro_faq .layout{width: 100%; padding-right: 0; padding-left: calc((100% - 1480px) / 2);}

.faq_list li{margin-bottom: 20px;}
.faq_list li:last-child{margin-bottom: 0;}
.faq_list li .th{position: relative; color: #000; padding: 12px 55px 12px 0; border-bottom: 2px solid #333; cursor: pointer; line-height: 1.3;}
.faq_list li .th .title{font-size: 24px; font-weight: bold; text-transform: uppercase;}
.faq_list li .right_icon{position: absolute; right: 14px; top: 50%; width: 36px; height: 36px; cursor: pointer; margin-top: -18px;}
.faq_list li .right_icon::before{position: absolute; right: 0; top: 0; font-family: fontawesome; font-size: 20px; line-height: 36px; height: 100%; width: 100%; text-align: center; transition: all 0.3s ease; content: '\f0d7';}

.faq_list li .brief{padding: 15px 30px 5px 0; line-height: 1.75; display: none;}

.faq_list li.sel_item .th{color: #006634; border-color: #006634;}
.faq_list li.sel_item .right_icon::before{transform: rotate(180deg);}
.faq_list li.sel_item .brief{display: block;}
/* .faq_list li:hover{box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15);} */

.listPro_faq_left{width: 58%;}
.listPro_faq_pic{width: 40%; margin-top: 2%;}
.listPro_faq_pic .faq_pic{padding-bottom: 78.4%; overflow: hidden;}


@media only screen and (max-width: 1580px) {
	.listPro_faq .layout{padding-left: 50px;}
}
@media only screen and (max-width: 1450px) {
	.listPro_top .title{font-size: 40px;}
}
@media only screen and (max-width: 1350px) {
	.listPro_top .title{font-size: 32px;}
	.faq_list li .th .title{font-size: 20px;}
	.faq_list li{margin-bottom: 15px;}
}
@media only screen and (max-width: 1200px) {
	.listPro_top .title{font-size: 28px;}
}
@media only screen and (max-width: 950px) {
	.listPro_faq .layout{padding: 0 15px; flex-direction: column;}
	.listPro_faq_left{width: 100%; order: 2; margin-top: 20px;}
	.listPro_faq_pic{width: 100%; order: 1; margin-top: 0;}
	.listPro_top .title{font-size: 24px;}
	.faq_list li{margin-bottom: 10px;}
	.faq_list li .th{padding: 10px 34px 10px 0;}
	.faq_list li .right_icon{right: 0;}
	.faq_list li .th .title{font-size: 18px;}
}