/* img scale */
.factory_tab li{
	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{
	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; color: var(--commonColor);}

/* about_info */
.about_info{font-family: 'Montserrat-Light';}
.about_info .info_top{text-align: left;}
.about_info .info_top .title{width: 20%; text-transform: none;}
.about_info .info_top .brief{width: 76%;}

.about_img_list{margin-top: 25px; display: flex; justify-content: space-between;}
.about_img_list .img_item{width: 48.5%;}
.about_img_list .img_item .pic{padding-bottom: 65%;}

.info_content{margin-top: 25px; font-family: 'Montserrat-Light'; color: #666; line-height: 28px;}

@media only screen and (max-width: 1450px) {
	.about_info .info_top .title{font-size: 44px;}
}
@media only screen and (max-width: 1300px) {
	.about_info .info_top .title{font-size: 36px;}
}
@media only screen and (max-width: 980px) {
	.about_img_list{flex-direction: column; margin-top: 20px;}
	.about_img_list .img_item{width: 100%;}
	.about_img_list .img_item:nth-child(n+2){margin-top: 16px;}
	.about_info .info_top .title{font-size: 26px; width: 100%;}
	.about_info .info_top .brief{width: 100%;}
	.info_content{margin-top: 20px;}
}


/* home_advantage */
.home_advantage{overflow: hidden;}
.advantage_ul{margin-top: 3%;}
.advantage_ul .adv_item{width: 22%; margin-right: 4%;}
.advantage_ul .adv_item:nth-child(4n){margin-right: 0;}
.advantage_ul .adv_item:nth-child(n+5){margin-top: 3%;}
.advantage_ul .adv_item .item_icon{width: 90px; height: 90px; border-radius: 50%; border: 1px dashed var(--commonColor);}
.advantage_ul .adv_item .item_icon img{display: block; margin: 26px auto 0; height: 36px; width: auto;}
.advantage_ul .adv_item .title{font-size: 24px; line-height: 1.3; margin: 26px 0 10px; color: var(--commonColor);}
.advantage_ul .adv_item .brief{color: #666; line-height: 26px;}
.advantage_ul .adv_item:hover .item_icon{animation: swing 0.5s;}

@media only screen and (max-width: 1300px) {
	.advantage_ul .adv_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1200px) {
	.advantage_ul .adv_item{width: 48%;}
	.advantage_ul .adv_item:nth-child(2n){margin-right: 0;}
	.advantage_ul .adv_item:nth-child(n+3){margin-top: 2.6%;}
	.advantage_ul .adv_item .item_icon{width: 76px; height: 76px;}
	.advantage_ul .adv_item .item_icon img{height: 30px; margin-top: 22px;}
	.advantage_ul .adv_item .title{margin: 20px 0 10px;}
}
@media only screen and (max-width: 980px) {
	.advantage_ul{margin-top: 22px;}
	.advantage_ul .adv_item{width: 100%; margin-right: 0;}
	.advantage_ul .adv_item:nth-child(n+2){margin-top: 20px;}
	.advantage_ul .adv_item .item_icon{width: 76px; height: 76px;}
	.advantage_ul .adv_item .item_icon img{height: 30px; margin-top: 22px;}
	.advantage_ul .adv_item .title{margin: 16px 0 8px;}
}

/* about_history */
.about_history{overflow: hidden;}
.history_inner{background-repeat: no-repeat; background-position: center; background-size: cover; padding: 5% 4%;}
.history_div{width: 38%; color: #fff; background: var(--commonColor); padding: 3% 3.5%; overflow: hidden;}
.history_div .history_item .year{font-family: 'Montserrat-Bold'; font-size: 56px; line-height: 1.1;}
.history_div .history_item .title{font-size: 24px; line-height: 1.5; margin: 10px 0;}
.history_div .history_item .brief{color: #E5E5E5;}

.history_btns{margin-top: 30px; position: relative; width: 215px; height: 50px;}
.history_btns .common-prev, .history_btns .common-next{display: block; width: 100px; height: 50px; margin-top: -25px; background-color: #fff; background-size: 11px auto; border-radius: 0;}
.history_btns .common-prev::before, .history_btns .common-next::before{display: none;}
.history_btns .common-prev{left: 0; background-image: url(../img/prev1.png);}
.history_btns .common-next{right: 0; background-image: url(../img/next1.png);}
.history_btns .common-prev:hover{background-color: var(--commonColor); background-color: rgba(0, 0, 0, 0.5); background-image: url(../img/prev1_w.png);}
.history_btns .common-next:hover{background-color: var(--commonColor); background-color: rgba(0, 0, 0, 0.5); background-image: url(../img/next1_w.png);}

@media only screen and (max-width: 1500px) {
	.history_div{width: 42%;}
	.history_div .history_item .year{font-size: 45px;}
}
@media only screen and (max-width: 1400px) {
	.history_div .history_item .year{font-size: 42px;}
	.history_div .history_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
	.history_div .history_item .year{font-size: 36px;}
	.history_div{width: 56%; padding: 25px 30px;}
	.history_btns{margin-top: 20px;}
}
@media only screen and (max-width: 980px) {
	.history_div .history_item .year{font-size: 32px;}
	.history_div .history_item .title{font-size: 20px;}
	.history_div{width: 100%; padding: 20px 20px;}
	.history_btns{width: 195px;}
	.history_btns .common-prev, .history_btns .common-next{display: block !important; width: 90px; height: 46px; margin-top: -23px;}
}

/* about_customer */
.about_customer{overflow: hidden;}
.about_customer_list{margin-top: 2.5%;}
.about_customer_list .customer_item{width: calc(91.6% / 4); margin-right: 2.8%; border: 1px solid var(--commonColor); border-radius: 15px; padding: 32px 24px 26px;}
.about_customer_list .customer_item:nth-child(4n){margin-right: 0;}
.about_customer_list .customer_item:nth-child(n+5){margin-top: 30px;}
.about_customer_list .customer_item .title{background: rgba(var(--comColorRgb), 0.1); border-radius: 40px; color: var(--commonColor); font-family: 'Montserrat-Bold'; font-size: 18px; padding: 12px 26px; display: inline-block; line-height: 24px;}
.about_customer_list .customer_item .brief{margin-top: 20px; line-height: 26px; color: #666;}
.about_customer_list .customer_item:hover{background-color: var(--commonColor);}
.about_customer_list .customer_item:hover .title{background: rgba(255, 255, 255, 0.1); color: #fff;}
.about_customer_list .customer_item:hover .brief{color: #E5E5E5;}

@media only screen and (max-width: 1300px) {
	.about_customer_list .customer_item{padding: 24px 18px 20px; width: 48.5%; margin-right: 3%;}
	.about_customer_list .customer_item:nth-child(4n){margin-right: 3%;}
	.about_customer_list .customer_item:nth-child(2n){margin-right: 0;}
	.about_customer_list .customer_item:nth-child(n+3){margin-top: 24px;}
}

@media only screen and (max-width: 768px) {
	.about_customer_list{margin-top: 20px;}
	.about_customer_list .customer_item{width: 100%; margin-right: 0 !important;}
	.about_customer_list .customer_item:nth-child(n+2){margin-top: 20px;}
	.about_customer_list .customer_item .title{padding: 12px 24px;}
	.about_customer_list .customer_item .brief{margin-top: 15px}
}


/* about_honor -- del */
.about_honor{overflow: hidden;}
.honor_inner{position: relative; padding: 2.8% 0 0;}
.honor_inner .swiper-slide{width: calc((100% - 195px)/ 4); margin-right: 65px;}

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


@media only screen and (max-width: 980px) {
	.honor_inner .swiper-slide{width: calc(50% - 15px); margin-right: 20px;}
	.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%; margin-right: 16px;}
}

/* about_photo */
.about_photo{overflow: hidden;}
.photo_inner{margin-top: 2.2%; position: relative;}
.swiper_about_factory{overflow: hidden;}
.swiper_about_show{overflow: hidden;}
.photo_inner .swiper-slide{width: calc((100% - 75px) / 4); margin-right: 25px;}
/* .photo_item:hover .pic img{transform: scale(1.1);} */

.photo_inner .common-next{display: block !important;}
.photo_inner .common-prev{display: block !important;}

@media only screen and (max-width: 1450px) {
	.photo_inner .swiper-slide{width: calc((100% - 60px) / 4); margin-right: 20px;}
    .photo_title{font-size: 42px;}
}
@media only screen and (max-width: 980px) {
    .photo_title{font-size: 26px;}
	.photo_inner{margin-top: 18px;}
	.photo_inner .swiper-slide{width: calc((100% - 20px) / 2); margin-right: 20px;}
}
@media only screen and (max-width: 640px) {
	.photo_inner .swiper-slide{width: 100%; margin-right: 20px;}
}