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

.page_ibanner .title{font-size: clamp(30px, 5vw, 50px);color: #fff;}

.profile{margin-top: 3%;}
.profile .smtitle{font-size: 16px;color: #A1CC3A;}
.profile .title{font-size: clamp(30px,4vw,50px);color: #333;font-weight: bold;max-width: 800px;text-transform: uppercase;line-height: 1.2;margin: 1% 0 2%;}
.profile p.desc{font-size: 16px;color: #666;line-height: 2;margin: 5px 0;padding: 5px 0;}
.profile .img_list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 20px;}
.profile .img_list .img_warp{border-radius: 15px;width: 100%;padding-bottom: 57%;margin-top: 3%;}

.quality{margin-top: 5%;display: flex;justify-content:start;align-items: center;position: relative;}
.quality .info{width: 50%;margin-left: 13%;padding: 2% 2%;background-color: #A1CC3A;margin-right: -5%;z-index: 2;}
.quality .info .title{font-size: 30px;color: #fff;font-weight: bold;}
.quality .info .desc{margin-top: 3%;font-size: 16px;color: #fff;}
.quality .info .desc p{margin-bottom: 30px;}
.quality .img_warp{width: 50%;padding-bottom: 30%;position: relative;right: 0;top: 0;flex-shrink: 0;}

.production .title{text-align: center;font-size: clamp(30px,4vw,40px);color: #333;font-weight: bold;margin-top: 5%;}
.production .s_title{font-size: 26px;color:#333;font-weight: bold;margin: 3% 0 1%;}
.production .desc{font-size: 16px;color: #666;margin-bottom: 30px;}
.production .img_warp{width: 100%;padding-bottom: 43%;border-radius: 15px;}
.production .img_warp lite-youtube{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .3s;}

.production .play{width: 89px;height: 89px;background-color: #A1CC3A;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.production .play img{width: 18px;height: auto;position: relative;}

.testimonials{width: 95%;margin: 0 auto;}
.testimonials .title{text-align: center;font-size: clamp(30px, 4vw, 40px);color: #333;font-weight: bold;margin-top: 5%;}
.testimonials .list{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 48px;margin-top: 3%;}
.testimonials .item{padding: 12% 8%;border-radius: 15px;border: 1px solid #e5e5e5;}
.testimonials .item .link{background-color: #f6f6f6;color: #333;border-radius: 26px;padding: 3% 8% ;width: fit-content;}
.testimonials .item .desc{margin-top: 10%;font-size: 16px;color: #666;}
.testimonials .item:hover{background-color: #A1CC3A;}
.testimonials .item:hover .link{background-color: #fff;color: #A1CC3A;}
.testimonials .item:hover .desc{color: #fff;}

.partners{padding: 5% 0;}
.partners .title_warp{text-align: center;}
.partners .title_warp .title{font-size: clamp(30px, 4vw, 40px);color: #000;font-weight: bold;}
.partners .title_warp .desc{font-size: 16px;color: #666;margin: 1% auto 3%;max-width: 830px;}
.partners .list{margin-top: 5%;display: grid;grid-template-columns: repeat(6,1fr);}
.partners .img_warp{border: 1px solid #e5e5e5;transition: all .3s;background-color: #fff;}
.partners .img_warp img{width: 80%;height: auto;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.partners .img_warp:hover{transform: scale(1.2);z-index: 3;}


@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;}
	.profile .img_list{grid-template-columns: repeat(1,1fr);}
	.quality{flex-direction: column-reverse;margin-top: 10%;}
	.quality .img_warp{width: 100%;padding-bottom: 60%;}
	.quality .info{margin: 0 auto;width: 100%;padding: 5% 5%;}
	.production .s_title{font-size: 22px;}
	.production .play{width: 50px;height: 50px;}
	.testimonials .list{grid-template-columns: repeat(1,1fr);grid-gap: 20px}
	.testimonials .item{padding: 8% 5%;}
	.partners .list{grid-template-columns: repeat(3,1fr);margin-top:10%}
	
}
@media only screen and (max-width: 480px) {

}