/*  */

.consider_th .right_icon::before{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
/*. listPro_item:hover .pro_pic img, .ser_pic:hover img{
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
} */

.web_th .title{color: var(--commonColor);}
.web_th .brief{color: #666;}
.c_right_box .web_th .title{margin-top: 20px;}

@media only screen and (max-width: 980px) {
	.c_right_box .web_th .brief{margin-top: 0;}
}

/* listPro_list */
.listPro_list{padding: 0 0 0; flex-wrap: wrap;}
.listPro_list li{width: 48%; box-sizing: border-box; margin-right: 4%;}
.listPro_list li:nth-child(2n){margin-right: 0;}
.listPro_item{margin-top: 32px; position: relative; height: auto; padding-bottom: 78px;}
.listPro_item .pro_pic{padding-bottom: 100%; border: 1px solid #E5E5E5;}
.listPro_item .item_icon{display: block; width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin: -26px 0 0 -40px; border-radius: 50%; background: rgba(var(--comColorRgb), 0.8); background-repeat: no-repeat; background-position: center; background-image: url(../img/icon_plus.png); opacity: 0; background-size: 20px auto;}
.listPro_item .pro_info{}
.listPro_item .title{margin: 24px 0 14px; font-size: 26px; line-height: 1.25; overflow: hidden; font-family: 'Montserrat-Bold'; text-transform: uppercase;}
.listPro_item .brief{color: #666; line-height: 26px; height: 78px; position: absolute; left: 0; bottom: 0; width: 100%;}
.listPro_item:hover .title{color: var(--commonColor);}
.listPro_item:hover .brief{color: #333;}
.listPro_item:hover .item_icon{margin-top: -40px; opacity: 1;}


@media only screen and (max-width: 1350px) {
	.listPro_item{margin-top: 26px;}
	.listPro_item .title{font-size: 24px;}
	.listPro_item .item_icon{width: 66px; height: 66px; margin: -20px 0 0 -33px;}
}
@media only screen and (max-width: 980px) {
	.listPro_list{padding-top: 0;}
	.listPro_list li{width: 100%; margin: 20px 0 0;}
	.listPro_item{padding-bottom: 0;}
	.listPro_item .title{height: auto; font-size: 20px; display: block; margin: 18px 0 8px; line-height: 1.5;}
	.listPro_item .brief{position: static; height: auto; display: block;}
	.listPro_item .item_icon{margin: -33px 0 0 -33px; opacity: 1;}
}

/* listPro_topic */
.topic_item{margin-top: 3.6%;}
.topic_pic_item{width: 50%; order: 1;}
.topic_pic_item .pic{padding-bottom: 56.5%;}
.topic_info{width: 46%; order: 2;}
.topic_info .title{font-family: 'Montserrat-Bold'; font-size: 26px; color: var(--commonColor); text-transform: uppercase; position: relative; padding-top: 3px;}
.topic_info .title .order{position: absolute; left: 0; top: 0; font-size: 45px; z-index: -1; opacity: 0.1; line-height: 1; display: block;}
.topic_info .brief{color: #666; line-height: 30px; margin-top: 15px;}

.topic_item:nth-child(2n) .topic_pic_item{order: 3;}


@media only screen and (max-width: 1350px) {
	.topic_info .title{font-size: 24px;}
}
@media only screen and (max-width: 980px) {
	.topic_item{flex-direction: column; margin-top: 24px;}
	.topic_item:first-child{margin-top: 20px;}
	.topic_pic_item{width: 100%;}
	.topic_info{width: 100%; margin-top: 18px;}
	.topic_info .title{font-size: 20px;}
	.topic_info .title .order{font-size: 36px;}
	.topic_info .brief{margin-top: 8px; line-height: 28px;}
	.topic_item:nth-child(2n) .topic_pic_item{order: 1;}
}

/* listPro_info */
.info_pic_item{width: 50%;}
.info_pic_item .pic{padding-bottom: 110%;}
.info_pic_item .web_th{display: none;}
.info_right{width: 50%;}
.info_right .title{padding: 0 7%;}
.info_right .brief{padding: 7%; color: #E5E5E5; background: var(--commonColor); margin-top: 4%; line-height: 30px;}


@media only screen and (max-width: 980px) {
	.pro_info_inner{flex-direction: column;}
	.info_pic_item .web_th{display: block; margin-bottom: 16px;}
	.info_pic_item{width: 100%;}
	.info_right{width: 100%;}
	.info_right .title{display: none;}
	.info_right .brief{margin-top: 0; padding: 24px 20px;}
}