.ibanner{background: url(../images/about/ibanner.webp) no-repeat center/cover;width: 100%;padding: 0;}
.ibanner .layout {display: flex;justify-content: space-between;align-items: start;padding: 18% 0 12%;flex-direction: column;}
.ibanner .layout .info{color: #fff;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.ibanner .layout .info .title{font-size: clamp(30px, 5vw, 64px);line-height: 1.4;white-space: pre;}
.ibanner .layout .info .desc{font-size: clamp(18px, 1.5vw, 24px);line-height: 1.4;white-space: pre-line;margin-top: 2%;}

.main{padding: 2% 0 4%;}
.main .layout>.desc{font-size: clamp(18px, 1.5vw, 24px);color: #666;margin-top: 4%;}
.main .layout>.title{font-size: clamp(24px, 3vw, 48px);color: #0320a0;margin: 2% 0;}
.main .list{display: grid;grid-template-columns: repeat(3,1fr);}
.main .list .number{font-size: clamp(80px, 8vw, 120px);color: #0320a0;line-height: 1;display: flex;justify-content: start;align-items: center;}
.main .list .number::before{content: '+';font-size: clamp(55px, 7vw, 90px);line-height: .5;margin-right: 10px;}
.main .list .smtitle{font-size: clamp(20px, 2.5vw, 36px);color: #2d9fd2;margin-bottom: 2%;}
.main .list .desc{font-size: clamp(18px, 1.5vw, 24px);color: #666;line-height: 1.4;min-height: 4.5em;}
.main .img_warp{width: 100%;padding-bottom: 37%;margin-top: 2%;}

.certificate{padding: 4% 0;background-color: #FAFAFA;}
.certificate .title{font-size: clamp(30px,2.5vw,48px);color: #0320a0;}
.certificate .desc{font-size: clamp(18px,1.5vw,24px);color: #666;}
.swiper_warp{margin-top: 2%;position: relative;}
.zs_swiper{position: relative;overflow: hidden;}
.swiper-slide{position: relative;display: flex;justify-content: center;align-items: center;padding: 2% 0;}
.swiper-slide img{width: 95%;}
.swiper-slide::after{content: ' ';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/about/ze_k.webp) no-repeat center/cover;}
.swiper_warp .swiper-button-next{right:6%;background: url(../images/about/right.webp) no-repeat center/cover;width: 60px;height: 90px;}
.swiper_warp .swiper-button-prev{left: 6%;background: url(../images/about/left.webp) no-repeat center/cover;width: 60px;height: 90px;}


@media only screen and (max-width: 950px) {
	.main .list{grid-template-columns:repeat(1,1fr)}
	.main .item{text-align: center;}
	.main .list .number{justify-content: center;}
	.certificate{padding: 8% 0;}
	.zs_swiper{width: 80%;}
	.swiper_warp .swiper-button-next{display: none;}
	.swiper_warp .swiper-button-prev{display: none;}

}