/*  */

.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: 0 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{margin-top: 32px; position: relative;}
.listPro_item .pro_pic{padding-bottom: 75%; border-radius: 16px;}
.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; padding-bottom: 42px;}
.listPro_item .title{margin: 20px 0 14px; font-size: 20px; height: 2.5em; line-height: 1.25; overflow: hidden; font-family: 'Arial-Bold'; text-transform: uppercase; height: auto; display: block;}
.listPro_item .pro_btn{position: absolute; left: 0; bottom: 0; width: 100%;}
.listPro_item .pubMore1{height: 42px; line-height: 42px; padding: 0 42px 0 20px;}
.listPro_item .pubMore1::before{right: 16px;}
.listPro_item:hover .title{color: var(--commonColor);}
.listPro_item:hover .item_icon{margin-top: -30px; opacity: 1;}
.listPro_item:hover .pubMore1{border-color: var(--commonColor); background: var(--commonColor); color: #fff;}
.listPro_item:hover .pubMore1::before{background-image: url(../img/icon_more1_w.png);}


@media only screen and (max-width: 1350px) {
	.listPro_item{margin-top: 26px;}
	.listPro_item .title{font-size: 18px;}
}
@media only screen and (max-width: 980px) {
	.listPro_list{padding-top: 0;}
	.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 14px; line-height: 1.5;}
	.listPro_item .item_icon{margin: -30px 0 0 -30px; opacity: 1;}
}


/* listPro_consider */
.consider_inner{margin-top: 4%;}
.consider_item:nth-child(n+2){margin-top: 3%;}
.consider_th{font-size: 36px; font-family: 'Open Sans-Bold'; line-height: 1.25; border-bottom: 2px solid #333; position: relative; padding-bottom: 18px; text-transform: uppercase; cursor: pointer; padding-right: 50px;}
.consider_th .right_icon{position: absolute; height: 12px; width: 30px; top: 50%; right: 10px; margin-top: -8px; text-align: center;}
.consider_th .right_icon::before{
	display: block; width: 0; height: 0; content: ''; margin: 0 auto;
    border-top: 12px solid #333;
    border-bottom: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
}

.consider_con{margin-top: 32px; display: none;}
.consider_left{width: 45%; color: #666; line-height: 28px;}
.consider_right{width: 48%;}
.consider_right .pic{padding-bottom: 72%; border-radius: 45px;}

.consider_item.sel_item .consider_th .right_icon::before{transform: rotate(180deg);}
.consider_item.sel_item .consider_con{display: block;}

@media only screen and (max-width: 1600px) {
	.consider_th{font-size: 32px;}
}
@media only screen and (max-width: 1400px) {
	.consider_th{font-size: 28px;}
	.consider_th .right_icon::before{border-top-width: 10px; border-left-width: 9px; border-right-width: 9px;}
}
@media only screen and (max-width: 1100px) {
	.consider_th{font-size: 24px;}
	.consider_con>div.flex{flex-direction: column;}
	.consider_left{width: 100%; order: 2; margin-top: 20px;}
	.consider_right{width: 100%; order: 1; max-width: 760px; margin: 0 auto;}
	.consider_right .pic{border-radius: 36px;}
}
@media only screen and (max-width: 980px) {
	.consider_inner{margin-top: 20px;}
	.consider_item:nth-child(n+2){margin-top: 12px;}
	.consider_th{font-size: 22px; padding-bottom: 12px; padding-right: 40px;}
	.consider_th .right_icon{right: 0;}
	.consider_con{margin-top: 20px;}
	.consider_right .pic{border-radius: 20px;}
	.consider_th .right_icon::before{border-top-width: 9px; border-left-width: 8px; border-right-width: 8px;}
}


/* listPro_tips */
.tips_inner{background: url(../img/bg2.jpg) no-repeat right top; background-color: var(--lightColor); background-size: 50% auto; border-radius: 100px; padding: 5% 6%;}
.tips_inner .web_th .title{text-transform: uppercase;}

.tips_ul{margin-top: 20px;}
.tips_ul .tip_item{width: 31%; margin-right: 3.5%; position: relative; padding-bottom: 14px; margin-top: 3.5%;}
.tips_ul .tip_item::before{position: absolute; left: 0; bottom: 0; height: 2px; width: 0; content: ''; background: var(--commonColor);}
.tips_ul .tip_item:nth-child(3n){margin-right: 0;}
.tip_item .title{font-family: 'Open Sans-Bold'; font-size: 20px; position: relative;}
.tip_item .title .num{display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: var(--commonColor); color: #fff; text-align: center; line-height: 30px; margin-right: 6px;}
.tip_item .title .txt{flex: 1;}
.tip_item .brief{color: #666; line-height: 1.75; margin-top: 10px;}

.tips_ul .tip_item:hover::before{width: 120px;}
.tip_item:hover .title .num{animation: swing 0.5s;}
.tip_item:hover .brief{color: #333;}


@media only screen and (max-width: 1350px) {
	.tips_inner{border-radius: 80px;}
	.tip_item .title{font-size: 18px;}
}
@media only screen and (max-width: 1200px) {
	.tips_inner{border-radius: 60px; padding: 4% 5%;}
	.tips_ul{margin-top: 0;}
	.tips_ul .tip_item{width: 48.5%; margin-right: 3%;}
	.tips_ul .tip_item:nth-child(3n){margin-right: 3%;}
	.tips_ul .tip_item:nth-child(2n){margin-right: 0;}
}
@media only screen and (max-width: 980px) {
	.tips_inner{padding: 30px 18px; border-radius: 24px;}
	.tips_ul .tip_item{width: 100%; margin-right: 0 !important; margin-top: 20px; padding-bottom: 0;}
	.tips_ul .tip_item::before{width: 0 !important;}
}