/* img scale */
.honor_item, .adv_info::before{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
{
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
}

/* about_info */
.about_info{overflow: hidden;}
.about_right{width: 44%; margin: 0 0 20px 30px; float: right;}
.about_right .about_pic{padding-bottom: 62%;}
.about_info .web_th .title{color: #000;}

@media only screen and (max-width: 1100px) {
	.about_right{width: 100%; padding-top: 0; float: none; margin: 0 auto;}
	.about_info .web_th{margin-top: 30px;}
}
@media only screen and (max-width: 980px) {
	.about_info .web_th{margin-top: 20px;}
	
}


/* about_adv */
.adv_ul{margin-top: 3%;}
.adv_item{width: 48%;}
.adv_item:nth-child(2n){margin-left: 4%;}
.adv_item:nth-child(n+3){margin-top: 5%;}
.adv_item .icon{width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: var(--commonColor); margin-top: 30px;}
.adv_item .icon img{display: block; width: 100%; height: 100%;}

.adv_item .adv_info{width: calc(100% - 84px); padding-bottom: 14px; position: relative;}
.adv_item .adv_info::before{position: absolute; left: 0; bottom: 0; height: 2px; content: ''; background: var(--commonColor); border-radius: 10px; width: 0;}
.adv_item .adv_info .title{font-family: 'DIN Alternate-Bold'; font-size: 20px; line-height: 1.4;}
.adv_item .adv_info .brief{color: #888; line-height: 28px; margin-top: 8px;}

.adv_item:hover .adv_info::before{width: 24%;}
.adv_item:hover .icon img{animation: swing 0.5s;}
.adv_item:hover .brief{color: #666;}

@media only screen and (max-width: 980px) {
	.adv_ul{margin-top: 20px;}
	.adv_item{flex-direction: column;}
	.adv_item{width: 100%; margin-left: 0 !important;}
	.adv_item:nth-child(n+2){margin-top: 20px;}
	.adv_item .icon{margin: 0 auto;}
	.adv_item .adv_info{width: 100%; margin-top: 14px; padding-bottom: 0; text-align: center;}
	.adv_item .adv_info::before{width: 0 !important;}
}

/* about_honor */
.about_honor{}
.honor_inner{margin: 2% 0 0; position: relative;}
.swiper_honor{padding: 15px 0 0;}
.honor_inner .swiper-slide{width: calc((100% - 210px)/ 4); margin-right: 70px;}

.about_ser_list li{width: 30%; margin-top: 3%;}
.honor_item .pic{padding-bottom: 136%; overflow: hidden;}

.honor_item:hover{margin-top: -15px;}

@media only screen and (max-width: 980px) {
	.honor_inner .swiper-slide{width: calc(50% - 15px); margin-right: 30px;}
	.honor_item:hover .pic img{transform: none;}
	
	.honor_inner{padding: 5px 0 16px; margin-top: 0;}
	.honor_item:hover{margin-top: 0px;}
	
}
@media only screen and (max-width: 640px) {
	.honor_inner .swiper-slide{width: 100%;}
}