/*  */

.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);
} */


/* listPro_list */
.listPro_list{padding: 30px 0 0; flex-wrap: wrap;}
.listPro_list li{width: 31.8%; box-sizing: border-box; margin-right: 2.3%;}
.listPro_list li:nth-child(3n){margin-right: 0;}
.listPro_item{position: relative; padding-bottom: 50px;}
.listPro_item:nth-child(n+4){margin-top: 24px;}
.listPro_item .pro_pic{padding-bottom: 88%;}
.listPro_item .item_icon{display: block; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -30px; border-radius: 50%; background: rgba(0, 0, 0, 0.8); background-repeat: no-repeat; background-position: center; background-image: url(../img/icon_plus.png); opacity: 0; background-size: 22px auto;}
.listPro_item .pro_info{text-align: center;}
.listPro_item .title{margin: 18px 0 16px; font-size: 20px; line-height: 28px; overflow: hidden; font-family: 'Times New Roman-Bold'; text-transform: capitalize;}
.listPro_item .pubMoreBg{border-radius: 10px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); white-space: nowrap;}
.listPro_item:hover .title{color: var(--commonColor);}
.listPro_item:hover .item_icon{margin-top: -30px; opacity: 1;}


@media only screen and (max-width: 1350px) {
	.listPro_item .title{font-size: 18px;}
}
@media only screen and (max-width: 980px) {
	.listPro_list{padding-top: 20px;}
	.listPro_list li{width: 100%; margin: 20px 0 0;}
	.listPro_list li:first-child{margin-top: 0;}
	.listPro_item .title{height: auto; font-size: 20px; display: block; margin: 14px 0 10px; line-height: 1.5;}
	.listPro_item .item_icon{margin: -30px 0 0 -30px; opacity: 1;}
}

/* listPro_bottom */
.listPro_bottom .web_th .title{font-family: 'Times New Roman-Bold';}
.listPro_bottom .web_th .brief{text-align: left; margin-top: 20px;}
.proContent .th{font-family: 'Times New Roman-Bold'; font-size: 20px; line-height: 1.5; color: #333; margin-bottom: 10px;}

@media only screen and (max-width: 980px) {
    .listPro_we{padding: 80px 0; margin: 10px 0;}
    .listPro_we_list{margin-top: 24px;}
    .listPro_we_list .swiper-slide{width: 100%;}

    .listPro_bottom{flex-direction: column;}
    .listPro_bottom_img{width: 100%;}
    .listPro_bottom_text{width: 100%; margin-top: 20px;}
}