/*  */
.web_th .title{color: var(--commonColor);}

.c_banner_txt .th{display: none;}

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

/* listPro_list */
.listPro_list{padding: 0 0 0; flex-wrap: wrap;}
.listPro_list .listPro_item{width: calc((100% - 4px) / 3); box-sizing: border-box; border-left: 1px solid #D0D0D0;}
.listPro_item:nth-child(3n){border-right: 1px solid #D0D0D0;}
.listPro_item{position: relative; height: auto; padding: 6px 20px;}
.listPro_item:nth-child(n+4){margin-top: 6%;}

.listPro_item>a{height: 100%;}
.listPro_item .pro_pic{padding-bottom: 100%;}
.listPro_item .item_icon{display: block; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -30px; border-radius: 50%; background: rgba(var(--comColorRgb), 0.9); background-repeat: no-repeat; background-position: center; background-image: url(../img/icon_plus.png); opacity: 0; background-size: 18px auto;}
.listPro_item .title{margin: 0 0 14px; font-size: 18px; line-height: 1.5; overflow: hidden; text-transform: capitalize; flex: 1;}
.listPro_item .brief{color: #666; line-height: 28px; height: 84px;}
.listPro_item:hover .title{color: var(--commonColor);}
.listPro_item:hover .brief{color: #333;}
.listPro_item:hover .item_icon{margin-top: -30px; opacity: 1;}

@media only screen and (max-width: 1300px) {
	.listPro_item{padding: 5px 16px;}
}
@media only screen and (max-width: 980px) {
	.listPro_list{padding-top: 0;}
	.listPro_list .listPro_item{width: 100%; margin: 20px 0 0; border: none; border-bottom: 1px solid #D0D0D0; padding-bottom: 20px;}
	.listPro_list .listPro_item:first-child{margin-top: 0;}
	.listPro_item{padding: 0;}
	.listPro_item .title{height: auto; font-size: 20px; display: block; margin: 0 0 10px; line-height: 1.5;}
	.listPro_item .brief{position: static; height: auto;}
	.listPro_item .item_icon{margin: -33px 0 0 -33px; opacity: 1;}
}

/* listPro_adv */
.listPro_adv{overflow: hidden;}
.listPro_adv .web_th .title{padding-bottom: 15px; position: relative;}
.listPro_adv .web_th .title::before{position: absolute; left: 50%; width: 150px; margin-left: -75px; bottom: 0; height: 3px; background: var(--commonColor); content: '';}
.advantage_list{margin-top: 3%;}
.advantage_list .adv_item{width: 25%; box-sizing: border-box; border-right: 2px solid #D0D0D0; padding: 0 3%;}
.advantage_list .adv_item:nth-child(4n){border-right: none;}
.advantage_list .adv_item img{display: block; height: 62px; width: auto;}
.advantage_list .adv_item .title{color: var(--commonColor); font-weight: bold; font-size: 24px; line-height: 1.4; margin: 40px 0 20px;}
.advantage_list .adv_item .brief{font-size: 20px; color: #000; line-height: 30px;}
.advantage_list .adv_item:hover img{animation: swing 0.5s;}
@media only screen and (max-width: 1450px) {
	.advantage_list .adv_item{padding: 0 30px;}
	.advantage_list .adv_item .title{margin: 30px 0 15px; font-size: 22px;}
	.advantage_list .adv_item .brief{font-size: 18px; line-height: 28px;}
}
@media only screen and (max-width: 1300px) {
	.advantage_list .adv_item{padding: 0 20px;}
}
@media only screen and (max-width: 980px) {
	.listPro_adv .web_th .title{padding-bottom: 12px;}
	.listPro_adv .web_th .title::before{height: 2px;}
	.advantage_list .adv_item{padding: 0 15px; width: 100%; border-right: 0; margin-top: 20px;}
	.advantage_list .adv_item .title{margin: 16px 0 8px; font-size: 20px;}
}


/* listPro_info */
.listPro_info{background: #F8F8F9;}
.listPro_info .web_th .brief{margin-top: 3%; line-height: 32px; text-align: left;}
.listPro_info .web_th .brief *{font-family: inherit !important; font-size: inherit !important; background: none !important; color: inherit !important;}

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