.guide_item .pubPic, .guide_item::before, .guide_info .title{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.guide_item:hover .pubPic{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.web_main{margin-top: 112px;}

/* support_box */
.support_box{padding: 8% 0 0;}

.support_th{text-align: center;}
.support_th .small_title{font-family: 'Poppins-Medium'; color: var(--commonColor); line-height: 1.5;}
.support_th .title{font-size: 36px; color: #000; font-family: 'Humanist777BT-BlackCondensedB'; line-height: 1.35;}
.support_th .title a{color: inherit;}
.support_th .title a:hover{color: var(--commonColor);}
.support_th .brief{color: #666; margin-top: 8px;}

.support_list{margin-top: 3%;}
.sup_item{width: calc((100% - 96px) / 4); margin-right: 32px; border: 1px solid #E3E3E3; border-radius: 10px;}
.sup_item:last-child{margin-right: 0;}
.sup_item>.sup_info{display: block; padding: 20% 10%; text-align: center;}

.sup_item img{display: block; margin: 0 auto 14px; height: 45px;}
.sup_item .title{color: #666; font-family: 'Humanist777BT-BlackCondensedB'; line-height: 1.5; font-size: 20px; margin: 8px 0;}
.sup_item .brief{color: #666; line-height: 1.5; opacity: 0.8;}

.sup_item:hover{background: rgba(var(--comColorRgb), 0.05); box-shadow: 0px 4px 4px 0px rgba(var(--comColorRgb), 0.3);}
.sup_item:hover img{animation: swing 0.5s;}
.sup_item:hover .title{color: var(--commonColor);}
.sup_item:hover .brief{opacity: 1; color: #333;}

@media only screen and (max-width: 1450px) {
	.support_th .title{font-size: 32px;}
}
@media only screen and (max-width: 1350px) {
	.support_th .title{font-size: 30px;}
}
@media only screen and (max-width: 1200px) {
	.support_th .title{font-size: 28px;}
	.sup_item{width: calc((100% - 72px) / 4); margin-right: 24px;}
	.sup_item>.sup_info{padding: 30px 20px;}
}
@media only screen and (max-width: 1023px) {
	.web_main{margin-top: 46px;}
}
@media only screen and (max-width: 950px) {
	.support_box{padding: 30px 0 0;}
	.support_th .title{font-size: 26px;}
	.support_list{margin-top: 0;}
	.sup_item{width: 48.5%; margin-right: 3%; margin-top: 20px;}
	.sup_item:nth-child(2n){margin-right: 0;}
	.sup_item>.sup_info{padding: 20px 15px;}
}
@media only screen and (max-width:640px) {
	.sup_item{width: 100%; margin-right: 0; margin-top: 20px;}
}

/* support_guide */

.guide_list{margin-top: 3%;}
.guide_item{width: 13.5%; margin-right: 3.8%; position: relative; height: auto; padding-bottom: 12px;}
.guide_item:last-child{margin-right: 0;}
.guide_item::before{position: absolute; bottom: 0; left: 50%; height: 2px; background: var(--commonColor); content: ''; width: 0; border-radius: 3px;}
.guide_item .sup_pic{padding-bottom: 95%;}
.guide_info{margin-top: 24px;}
.guide_info .title{color: #666; font-size: 18px; text-align: center;}

.guide_item:hover .guide_info .title{color: var(--commonColor);}
.guide_item:hover::before{width: 50px; margin-left: -25px;}


@media only screen and (max-width: 1200px) {
	.guide_item{width: 15%; margin-right: 2%;}
}
@media only screen and (max-width: 950px) {
	.guide_list{flex-wrap: wrap;}
	.guide_item{width: 48.5%; margin-right: 3%; margin-top: 20px;}
	.guide_item:nth-child(2n){margin-right: 0;}
}

/* support_contact */
.contact_inner{padding: 3% 0; background: #F5F5F7;}
.contact_inner .support_th{width: 42%; margin-left: 6%; text-align: left;}
.contact_inner .support_th .brief{font-size: 18px;}
.contact_inner .pubMoreBg{width: 160px; height: 46px; line-height: 46px; justify-content: center; font-size: 20px; padding: 0 10px; margin-top: 20px;}

.contact_right{width: 36%; margin-right: 3%;}
.contact_right .sup_pic{padding-bottom: 85%; border-radius: 10px;}

@media only screen and (max-width: 950px) {
	.contact_inner{flex-direction: column; padding: 0; border-radius: 10px 10px 0 0;}
	.contact_inner .support_th{width: 100%; order: 2; margin: 0; padding: 20px 15px 25px;}
	.contact_right{width: 100%; order: 1; margin: 0;}
	.contact_inner .pubMoreBg{font-size: 18px;}
}





