.page_ibanner{background: url(../images/product/page_bannger.webp) no-repeat center/cover;}

.page_ibanner .title{font-size: clamp(30px, 5vw, 50px);color: #fff;}
.page_ibanner .smtitle{font-size: clamp(24px, 3vw, 30px);color: #fff;position: relative;padding: 5px 20px;}
.page_ibanner .smtitle::after{content: ' ';display: inline-block;width: 40px;height: 3px;background-color: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.page_ibanner .desc{font-size: 16px;color: #fff;max-width: 650px;margin: 2% auto;}
.page_ibanner .link_list{display: flex;justify-content: center;align-items: center;}
.page_ibanner .item{width: fit-content;display: inline-block;background-color: #fff;color: #333;border-radius: 18px;margin: 0 12px;padding: 5px 16px;}
.page_ibanner .item:hover{background-color: #A1CC3A;color: #fff;}
.page_ibanner .link{color: #fff;font-size: 16px;margin: 5% auto 0;width: fit-content;display: block;position: relative;padding-bottom: 1px;}
.page_ibanner .link::after{content: '';display: block;height: 1px;position: absolute;width: 100%;left: 0;bottom: 0;background-color: #fff;transition: all .3s;}
.page_ibanner .link:hover{color: #A1CC3A;}
.page_ibanner .link:hover::after{background-color: #A1CC3A;}


.main .layout{}
.about_partner{padding: 5% 0;}
.about_partner .title{font-size: clamp(30px, 4vw, 40px);color: #000;text-align: left;font-weight: bold;}
.about_partner .list{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 30px;margin-top: 5%;}
.about_partner .list .title{font-size: 20px;text-align: left;margin: 5% 0;}
.about_partner .list .desc{font-size: 16px;color: #666;}
.about_partner .list .icon_warp{width: 74px;height: 74px;border-radius: 50%;background-color: rgba(161, 204, 58, .1);display: flex;justify-content: center;align-items: center;}
.hover{display: none;}
.about_partner .list .icon_warp:hover{background-color: rgba(255, 102, 0, .1);}
.about_partner .list .icon_warp:hover .hover{display: block;}
.about_partner .list .icon_warp:hover .default{display: none;}

.about_process{padding: 5% 0;background-color: #f6f6f6;}
.about_process .layout{max-width: 1560px;}
.about_process .title_warp{text-align: center;}
.about_process .title_warp .title{font-size: clamp(30px, 4vw, 40px);color: #000;font-weight: bold;}
.about_process .title_warp .desc{font-size: 16px;color: #666;margin: 1% auto 4%}
.about_process .list{display: flex;justify-content: start;}
.about_process .img{position: relative;width: 7.8%;overflow: hidden;margin: 0 4px;border-radius: 15px;transition: all .3s;flex-shrink: 0;}
.about_process .img:first-child{margin-left: 0;}
.about_process .img:last-child{margin-right: 0;}

.about_process .img img{height: 100%;width: auto;max-width: none;}
.about_process .img::before{content: ' ';display: block;position: absolute;width: 100%;height:100%;left: 0;top: 0;background-color: rgba(0,0,0,.5);transition: all .3s;}
.about_process .img .info{position: absolute;left: 0;bottom: 0;padding: 5%;width: 100%;top: 50%;transform: translateY(-50%);height: fit-content;}
.about_process .info .title{font-size: 16px;color: #fff;text-align: center;}
.about_process .info .desc{display: none;color: #E5E5E5;}

.about_process .img.active{width: 33.5%;}
.about_process .active .info{top: auto;bottom: 0;transform: translateY(0);}
.about_process .active::before{opacity: 0;}
.about_process .active .info .title{font-size: 20px;font-weight: bold;text-align: left;}
.about_process .active .info .desc{display: block;}


.about_factory{padding: 5% 0;}
.about_factory .title_warp{text-align: center;}
.about_factory .title_warp .title{font-size: clamp(30px, 4vw, 40px);color: #000;font-weight: bold;}
.about_factory .title_warp .desc{font-size: 16px;color: #666;margin: 1% auto 3%;max-width: 830px;}
.about_factory .tabs{margin: 0 auto;justify-content: center;align-items: center;display: flex;}
.about_factory .tab{background-color: #EFEFEF;color: #333;padding: 9px 30px;border-radius: 21px;margin: 0 20px;width: fit-content;text-align: center;min-width: 260px;cursor: pointer;}
.about_factory .tab.active{background-color: #A1CC3A;color: #fff;}
.about_factory .tab_warp{margin-top: 3%;}
.about_factory .tab_con{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 20px;display: none;}
.about_factory .img_warp{border-radius: 15px;width: 100%;padding-bottom: 66%;}


.about_certificate{padding: 5% 0;background-color: #F7F7F7;}
.about_certificate {text-align: center;}
.about_certificate  .title{font-size: clamp(30px, 4vw, 40px);color: #000;font-weight: bold;}
.about_certificate  .desc{font-size: 16px;color: #666;margin: 1% auto 3%;max-width: 830px;}
.cer_warp{position: relative;width: calc(100% - 120px);margin: 5% auto ;}
.cer_warp .about-swiper{overflow: hidden;}
.cer_warp img{width: 80%;height: auto;}

.cer_warp .swiper-button-next{background-image: none;width: 47px;height:105px;background-color:rgba(0,0,0,.5);display: flex;justify-content: center;align-items: center;right: -60px;}
.cer_warp .swiper-button-prev{background-image: none;width: 47px;height:105px;background-color:rgba(0,0,0,.5);display: flex;justify-content: center;align-items: center;left: -60px;}
.cer_warp .swiper-button-next::after{content: ' ';display: inline-block;width: 10px;height: 25px;background: url(../images/next.webp) no-repeat center/cover;}
.cer_warp .swiper-button-prev::after{content: ' ';display: inline-block;width: 10px;height: 25px;background: url(../images/pre.webp) no-repeat center/cover;}
.cer_warp .swiper-button-next:hover,.swiper-button-prev:hover{background-color: #A1CC3A;}



@media only screen and (max-width: 1660px) {
}
@media only screen and (max-width: 950px) {
	.page_ibanner{min-height: 200px;justify-content: center;align-items: center;display: flex;margin-top: 70px;padding: 30px 0;}
	.page_ibanner .link_list{flex-wrap: wrap;}
	.page_ibanner .item{margin-bottom: 15px;}
	.about_partner .list{grid-template-columns: repeat(2,1fr);}
	.about_process .list{flex-direction: column;}
	.about_process .list .img{width: 100%;margin-bottom: 5%;}
	.about_process .list .img img{width: 100%;height: auto;}
	.about_process .active::before{opacity: 1;}
	.about_process .img .info{top: auto;bottom: 0;transform: translateY(0);}
	.about_process .info .title{font-size: 20px;font-weight: bold;text-align: left;}
	.about_process .info .desc{display: block;}

	.about_factory .tab{min-width: auto;width: fit-content;margin: 0 5px;padding: 9px 5%;}
	.about_factory .tab_con{grid-template-columns: repeat(1,1fr);}
	.about_factory .tab_warp{margin-top: 5%;}
	.cer_warp img{width: 100%;height: auto;}
	.cer_warp .swiper-button-next,.cer_warp .swiper-button-prev{width: 30px;height: 80px;}
}
@media only screen and (max-width: 480px) {

}