/* img scale */
.partner_item{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.s_about_pic:hover .about_pic img, .about_adv_right:hover .adv_pic img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.web_th .title{text-transform: capitalize;}
.web_footer{margin-top: 0;}
.common_products{margin-top: 0;}

/* about_box */
.about_box .web_th{max-width: 1200px; margin: 0 auto;}
.about_box .web_th .brief *{background: none !important; font-family: inherit !important; line-height: inherit !important; font-size: inherit !important;}

.about_company{position: relative; margin-top: 4.5%;}
.about_company::before{position: absolute; left: 0; width: 100%; top: 70px; bottom: 0; content: ''; background: #F9F9F9;}
.company_pic{width: 50%;}
.company_pic .pic{padding-bottom: 0; height: 100%;}
.about_company .company_info{width: 45%; margin: calc(4% + 70px) 0 0;}

.about_num{padding: 3% 0 4%; max-width: 1200px; margin: 0 auto;}
.about_num .num_item{width: 23%;}
.about_num .num_item .num_row{font-family: 'Lato-Bold'; color: #171717; font-size: 72px; line-height: 1.2; text-align: center;}
.about_num .num_item .num_row .suffix{font-size: 50px;}
.about_num .num_item .title{color: #999; text-align: center; margin-top: 5px; font-family: 'Lato-Light';}


@media only screen and (max-width: 1450px) {
	.about_company::before{top: 50px;}
	.about_company .company_info{margin-top: calc(4% + 50px);}
	.about_num .num_item .num_row{font-size: 60px;}
	.about_num .num_item .num_row .suffix{font-size: 42px;}
}
@media only screen and (max-width: 1280px) {
	.company_inner{flex-direction: column;}
	.company_pic{width: 100%; max-width: 800px; margin: 0 auto;}
	.company_pic .pic{height: 0; padding-bottom: 75%;}
	.about_company .company_info{width: 100%; margin-top: 2%;}
	.about_num .num_item .num_row{font-size: 50px;}
	.about_num .num_item .num_row .suffix{font-size: 36px;}
}

@media only screen and (max-width: 980px) {
	.about_company::before{top: 30px;}
	.about_company{margin-top: 20px;}
	.about_company .company_info{margin-top: 18px;}
	.about_inner{flex-direction: column;}
	.about_left{width: 100%;}
	.about_right{width: 100%; margin-top: 24px;}
	.about_num{padding: 20px 0 30px; flex-wrap: wrap;}
	.about_num .num_item{width: 48%;}
	.about_num .num_item:nth-child(n+3){margin-top: 20px;}
	.about_num .num_item .num_row{font-size: 36px;}
	.about_num .num_item .num_row .suffix{font-size: 26px;}
	.about_num .num_item .title{margin-top: 5px; font-size: 15px;}
}

/* about_partner */
.partner_ul{margin-top: 4%; padding-bottom: 20px;}
.partner_item{width: calc(100% / 6); box-sizing: border-box; height: 0; padding-bottom: calc(100% / 6); position: relative; background: #fff;}
.partner_item .pic_div{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #E5E5E5;}
.partner_item .pic_div img{max-width: 80%; max-height: 66%; display: block; margin: 0 auto;}

.partner_item:hover{transform: scale(1.3); z-index: 1; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);}
/* .partner_item:hover .pic_div img{animation: bounceInA 0.5s;} */

@media only screen and (max-width: 980px) {
	.partner_ul{margin-top: 22px; padding-bottom: 0;}
	.partner_item{width: calc(100% / 3); padding-bottom: calc(100% / 3);}
	.partner_item:hover{transform: scale(1.2);}
}

/* about_contact */
.about_contact{background-repeat: no-repeat; background-position: center; background-size: cover; padding: 11% 0;}
.about_contact .more_div{text-align: center; margin-top: 35px;}
.about_contact .more{display: inline-block; font-size: 20px; color: var(--commonColor); background: #fff; padding: 12px 40px 14px; line-height: 28px;}
.about_contact .more:hover{background: var(--commonColor); color: #fff;}

@media only screen and (max-width: 980px) {
	.about_contact{padding: 35px 0 40px;}
	.about_contact .more_div{margin-top: 24px;}
	.about_contact .more{padding: 10px 30px 12px;}
}

/* home_choose */
.home_choose .layout{max-width: 1500px;}
.choose_list{margin-top: 3%;}
.choose_list .choose_item{width: 33.333%; padding: 2.6% 4.5% 3%; text-align: center;}
.choose_item .item_icon{display: block; margin: 0 auto; width: auto; height: 46px;}
.choose_item .title{font-family: 'Lato-Bold'; font-size: 24px; margin: 12px 0 6px;}
.choose_item .brief{color: #666; font-family: 'Lato-Light'; line-height: 28px;}

.choose_item:hover{background: #fff; box-shadow: 0px 12px 38px 5px rgba(0, 0, 0, 0.09);}
.choose_item:hover .item_icon{animation: swing 0.5s;}

@media only screen and (max-width: 1300px) {
	.choose_item .title{font-size: 22px;}
	.choose_list .choose_item{padding: 20px 24px 26px;}
}
@media only screen and (max-width: 980px) {
	.choose_list{flex-direction: column; margin-top: 20px;}
	.choose_list .choose_item{width: 100%;}
	.choose_item .title{font-size: 20px;}
	.choose_list .choose_item{padding: 20px 16px 20px; box-shadow: 0px 6px 16px 3px rgba(0, 0, 0, 0.08);}
	.choose_list .choose_item:nth-child(n+2){margin-top: 16px;}
}


/* about_honor */
.about_honor{background: #F9F9F9; padding: 4% 0 5%;}
.honor_inner{padding: 3% 0 0; position: relative;}
.honor_inner .swiper-slide{width: calc((100% - 140px)/ 3); margin-right: 70px; transform: scale(0.8);}
.honor_inner .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);}

.honor_item{background: url(../other/honor_bg.webp) no-repeat center; background-size: 100% 100%; padding: 24px;}
.honor_item .pic{padding-bottom: 12.5%;}
.honor_item .pic{padding-bottom: 143.5%; overflow: hidden;}

.honor-next, .honor-prev{display: block; width: 86px; height: 42px; background-repeat: no-repeat; background-position: center; border: none; background-color: #000; background-size: 28px auto;}
.honor-next::before, .honor-prev::before{display: none;}
.honor-next{background-image: url(../img/icon_next.png); right: 0;}
.honor-prev{background-image: url(../img/icon_prev.png); left: 0;}
.honor-pagination{display: none;}

@media only screen and (max-width: 980px) {
	.about_honor{padding: 30px 0;}
	.honor_inner .swiper-slide{width: 100%; margin-right: 2px;}
	.honor_item:hover .pic img{transform: none;}
	
	.honor_inner{padding: 15px 20px 34px;}
	.honor-pagination{display: block;}
	.honor-prev, .honor-next{display: none;}
	
}
@media only screen and (max-width: 640px) {
	.honor_inner .swiper-slide{width: 100%;}
}