/* img scale */
.factory_tab li, .factory_tab li::before, .support_item .adv_pic, .num_item, .num_item .pic, .about_left_pic .pubPic img, .position_left .pubPic img, .position_right .pubPic{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.about_left_pic .big_pic:hover img, .position_left .pubPic:hover img, .position_right .pubPic:hover{
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
}

.web_th .title{text-transform: capitalize;}

/* about_info */
.info_inner{clear: both; overflow: hidden;}

.about_left_pic{float: left; position: relative; width: 51%; margin-right: 3%; padding: 0 3% 5% 11%; margin-bottom: 3%;}
.about_left_pic .big_pic{padding-bottom: 88%; border-radius: 60px;}
.about_left_pic .position_left{position: absolute; left: 0; bottom: 4%; z-index: 1; width: 30%;}

.about_left_pic .small_pic{padding-bottom: 82%; border: 5px solid #fff; border-radius: 30px;}
.about_left_pic .small_pic:first-child{margin-bottom: 14px;}

.about_left_pic .position_right{position: absolute; right: 0; bottom: 0; z-index: 1; width: 27.5%;}
.about_left_pic .icon_pic{padding-bottom: 100%; border-radius: 50%;}
.info_inner .web_th .title{line-height: 1.5;}
.info_inner .web_th .brief{margin-top: 3%;}


@media only screen and (max-width: 1450px) {
	.about_left_pic .big_pic{border-radius: 46px;}
	.about_left_pic .small_pic{border-radius: 26px;}
}
@media only screen and (max-width: 1200px) {
	.about_left_pic .big_pic{border-radius: 36px;}
	.about_left_pic .small_pic{border-radius: 22px;}
}
@media only screen and (max-width: 980px) {
	.about_left_pic{float: none; width: 100%; margin-right: 0; margin-bottom: 20px; padding-bottom: 40px;}
	.about_left_pic .position_left{bottom: 20px;}
	.about_left_pic .big_pic{border-radius: 26px;}
	.about_left_pic .small_pic{border-radius: 20px; border-width: 4px;}
	.info_inner .web_th .title{line-height: 1.25;}
	.info_inner .web_th .brief{margin-top: 12px;}
}



/* about_num */
.about_num .num_inner{background: var(--lightColor); padding: 8% 4% 4%; position: relative; z-index: 0; border-radius: 60px;}
.about_num .num_item{font-family: 'Arial-Bold'; justify-content: center; width: 22.5%; text-align: center; align-items: center; border: 3px solid #333; border-radius: 30px; padding: 100px 0 30px; position: relative;}
.about_num .num_pic{width: 130px; position: absolute; left: 50%; margin-left: -65px; top: -65px;}
.about_num .num_pic .pic{padding-bottom: 100%; border-radius: 50%; background: #333;}
.about_num .num_pic .pic img{padding: 22%;}

.about_num .world-number,
.about_num .world-unit{ font-size: 64px; line-height: 1;}
.about_num .world-number-l{font-size: 32px; line-height: 1; margin-left: 3px; margin-top: 20px;}
.about_num .world-tip-b{line-height: 1.5; font-size: 24px; text-align: center; font-family: 'Arial-Regular'; height: 3em; margin-top: 6%;}

.about_num .num_item:hover{border-color: var(--commonColor);}
.about_num .num_item:hover .num_pic .pic{background: var(--commonColor);}
.about_num .num_item:hover .num_pic .pic img{animation: swing 0.5s;}

@media only screen and (max-width: 1450px) {
	.about_num .world-number, .about_num .world-unit{font-size: 54px;}
	.about_num .world-number-l{font-size: 28px; margin-top: 14px;}
	.about_num .world-tip-b{font-size: 22px;}
	.about_num .num_item{padding: 85px 0 30px;}
	.about_num .num_inner{border-radius: 46px;}
	.about_num .num_pic{width: 110px; margin-left: -55px; top: -55px;}
}
@media only screen and (max-width: 1350px) {
	.about_num .world-number, .about_num .world-unit{font-size: 46px;}
	.about_num .world-number-l{font-size: 26px;}
}
@media only screen and (max-width: 1200px) {
	.about_num .world-number, .about_num .world-unit{font-size: 40px;}
	.about_num .world-number-l{font-size: 24px; margin-top: 10px;}
	.about_num .world-tip-b{font-size: 20px;}
	.about_num .num_inner{border-radius: 36px;}
	.about_num .num_item{border-width: 2px; width: 23%; padding: 75px 0 20px; border-radius: 24px;}
	.about_num .num_pic{width: 84px; margin-left: -42px; top: -42px;}
}
@media only screen and (max-width: 980px) {
	.about_num .world-number, .about_num .world-unit{font-size: 36px;}
	.about_num .world-number-l{font-size: 24px;}
	.about_num .world-tip-b{font-size: 18px; height: auto; margin-top: 12px;}
	.about_num{margin-top: 30px; padding: 0;}
	.about_num .num_inner{border-radius: 26px; flex-direction: column; padding: 70px 16px 30px;}
	.about_num .num_item{width: 100%; padding: 60px 0 24px;}
	.about_num .num_item:nth-child(n+2){margin-top: 60px;}
}


/* about_support */
.support_ul{padding: 4% 0 0;}
.support_item{position: relative; padding-bottom: 15px; width: 31.5%; margin-right: 2.75%;}
.support_item:last-child(3n){margin-right: 0;}
.support_item::before{position: absolute; left: 0; bottom: 0; height: 2px; background: var(--commonColor); content: ''; width: 0;}
.support_item .adv_pic{overflow: hidden; height: 70px; width: 70px; background: #333; border-radius: 50%; padding: 12px;}
.support_item .adv_pic img{display: block; height: 100%;}

.adv_info .title{display: block; margin: 20px 0 10px; font-family: 'Arial-Bold'; line-height: 1.25; text-transform: uppercase;}
.adv_info .brief{display: block; line-height: 1.5; color: #666;}

.support_item:hover::before{width: 100px;}
.support_item:hover .adv_pic{background: var(--commonColor);}
.support_item:hover .adv_pic img{animation: swing 0.5s;}
.support_item:hover .brief{color: #333;}

.about_adv_right .adv_pic{padding-bottom: 91%;}

@media only screen and (max-width: 1300px) {
	.support_item{padding-bottom: 10px;}
}
@media only screen and (max-width: 980px) {
	.support_ul{flex-direction: column; padding-top: 0;}
	.support_item{width: 100%; margin-top: 20px; margin-right: 0;}
	.support_item .adv_pic{margin: 0 auto;}
}


/* about_factory */

.factory_inner{margin-top: 3.5%;}
.factory_tab_div{position: relative;}
.factory_tab_div::before{position: absolute; left: 0; width: 100%; height: 3px; content: ''; bottom: 0; background: #333;}
.factory_tab li{position: relative; width: 25%; text-align: center; font-family: 'Arial-Bold'; font-size: 24px; padding-bottom: 15px; line-height: 30px; text-align: center;}
.factory_tab li.current{font-size: 28px; color: var(--commonColor);}
.factory_tab li.current::before{position: absolute; left: 50%; bottom: -3px; width: 40px; height: 11px; border-radius: 30px; margin-left: -20px; content: ''; background: var(--commonColor);}
.factory_tab li .title{display: inline-block; cursor: pointer;}
.factory_tab li .title:hover{color: var(--commonColor);}

.factory_con{display: none; animation: fadeInUpA 0.3s;}

.fac_item{width: 31%; margin-right: 3.5%; margin-top: 3.5%;}
.fac_item:nth-child(3n){margin-right: 0;}
.fac_item .pic{padding-bottom: 80%; border-radius: 30px;}

@media only screen and (max-width: 1400px) {
	.fac_item .pic{border-radius: 24px;}
}
@media only screen and (max-width: 980px) {
	.factory_tab_div{width: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 6px;}
	.factory_tab_div::before{bottom: 6px;}
	.factory_tab li{width: auto; font-size: 20px; margin-right: 15px;}
	.factory_tab li:last-child{margin-right: 0;}
	.factory_tab li.current{font-size: 20px;}
	.fac_item .pic{border-radius: 18px;}
	.fac_item{width: calc(50% - 7px); margin-right: 14px; margin-top: 14px;}
	.fac_item:nth-child(3n){margin-right: 14px;}
	.fac_item:nth-child(2n){margin-right: 0;}
}


/* about_honor */
.honor_inner{padding: 3% 7% 10.5%; position: relative; background: url(../img/bg3.webp) no-repeat center bottom; background-size: 100% auto;}
.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: 133%; overflow: hidden;}

.honor_inner .common-prev{left: -10px;}
.honor_inner .common-next{right: -10px;}

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