.ibanner{background: url(../images/kvoxy/ibanner.webp) no-repeat center/cover;width: 100%;padding: 0;}
.ibanner .layout {display: flex;justify-content: space-between;align-items: start;padding: 16% 0 12%;}
.ibanner .layout .info{width: 50%;color: #fff;margin: 0 auto;text-align: center;}
.ibanner .layout .info .title{font-size: clamp(30px, 5vw, 72px);line-height: 1.4;}

.log{margin-top: -3%;position: relative;z-index: 2;}
.log .layout{display: flex;justify-content: space-between;}
.log .layout .info{width: 40%;position: relative;border-radius: 12px;background-color: #FAFAFA;padding: 5% 5%;font-size: clamp(18px, 1.5vw, 24px);color: #666;position: relative;}
.log .layout .info p:first-child{position: relative;padding-bottom: 6%;}
.log .layout .info p:first-child::after{content: ' ';width: 20%;height: 7px;background-color: #2D9FD2;position: absolute;bottom: 0;left: 0;}
.log .layout .info p:last-child{margin-top: 6%;}
.log .layout .info::before{content: ' ';position: absolute;width: 100%;height: 100%;right: -20px;bottom: -20px;background-color: #2D9FD2;border-radius: 12px;z-index: -1;}
.log .icon_list{width: 55%;display: grid;grid-template-columns: repeat(3,1fr);}
.log .icon_item{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;color: #0320A0;text-align: center;line-height: 1.2;padding-bottom: 10%;}
.log .icon_item .num{font-size: clamp(30px, 5.8vw, 96px);}
.log .icon_item .desc{font-size: clamp(28px, 2.5vw, 32px);margin: 5% auto;}
.log .icon_item .img_warp{width: 33%;margin: 0 auto;padding-bottom: 33%;}

.advantage{margin: 10% 0;}
.advantage .title{font-size: clamp(28px, 3.5vw, 48px);color: #0320A0;}
.advantage .desc{margin: 1% 0 4%;font-size: clamp(18px, 1.5vw, 24px);color: #666;}
.advantage .icon_list{display: grid;grid-template-columns: repeat(3,1fr);}
.advantage .icon_list .desc{font-size: clamp(18px, 1.5vw, 24px);color: #666;}
.advantage .icon_item{display: flex;justify-content: start;align-items: center;}
.advantage .img_warp{background: url(../images/kvoxy/bg.webp) no-repeat center/cover;position: relative;border-radius: 50%;padding-bottom: 20%;width: 20%;overflow: initial;}
.advantage .img_warp::before{content: ' ';display: block;background: url(../images/kvoxy/before.webp) no-repeat center/cover;position: absolute;left: -8px;top: -5px;border-radius: 50%;width: 95%;height: 95%;z-index: -1;}
.advantage .img_warp img{width: 60%;height: 60%;position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);}
.advantage .icon_item .desc{margin-left: 24px;color: #333;text-transform: capitalize;}

.fog .layout{display: flex;justify-content: space-between;align-items: center;position: relative;}
.fog .layout::after{content: ' ';display: block;width: 9px;height: 60%;background-color: #2D9FD2;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.fog .layout .left{width: 48%;font-size: clamp(38px, 4.8vw, 64px);text-align: center;color: #0320A0;line-height: 1.4;position: relative;z-index: 1;padding: 6% 0;}
.fog .layout .left i{display: block;width: 20%;padding-bottom: 20%;position: absolute;z-index: -1;border-radius: 50%;}
.fog .layout .left i:nth-child(1){left: 28%;top: 12%;background-color: rgba(31,238,227,.6);animation: blur 5s infinite linear forwards;}
.fog .layout .left i:nth-child(2){left: 50%;top: 12%;background-color: rgba(213, 179, 255, .6);animation: blur 5s infinite linear forwards;}
.fog .layout .left i:nth-child(3){left: 36%;top: 48%;background-color: rgba(56, 192, 253, .6);animation: blur 5s infinite linear forwards;}
.fog .layout .right{width: 48%;position: relative;z-index: 2;font-size: clamp(18px, 3.5vw, 24px);padding-left: 4%;}


.product_module{padding: 5% 0;position: relative;}
.product_module::before{z-index: -1;;content: ' ';position: absolute;display: block;width: 30%;height: 55%;background: url(../images/kvoxy/product_bg.webp) no-repeat center/100%;left: 0;top: 0;}
.product_module::after{z-index: -1;;content: ' ';position: absolute;display: block;width: 26%;height: 50%;background: url(../images/kvoxy/product_bg.webp) no-repeat center/100%;right: 0;bottom: 0;transform: rotate(180deg);}
.product_module .layout>.title{font-size: clamp(38px, 4.8vw, 64px);color: #0320A0;text-align: center;width: fit-content;margin: 0 auto;padding: 0 3%;position: relative;}
.product_module .layout>.title::before{content: ' ';display: block;position: absolute;width: 8.5%;padding-bottom: 8.5%;background: url(../images/kvoxy/lt.webp) no-repeat center/cover;left: 0;top: 0;}
.product_module .layout>.title::after{content: ' ';display: block;position: absolute;width: 8.5%;padding-bottom: 8.5%;background: url(../images/kvoxy/br.webp) no-repeat center/cover;right: 0;bottom: 0;}

.product_module .list{margin-top: 4%;}
.product_module .item{display: flex;justify-content: space-between;align-items: center;margin-bottom: 5%;}

.product_module .item .img_w{width: 27%;}
.product_module .item .img_w .img_warp{padding-bottom: 0}
.product_module .item .img_w .img_warp img{position: relative;}
.product_module .item .img_w .title{font-size: clamp(24px, 4vw, 48px);color: #0320A0;margin-top: 5% ;}
.product_module .item .center_info{width: 33%;padding: 0 3%;padding: 1.5% 2.5%;font-size: clamp(18px, 1.5vw, 24px);color: #0320A0;position: relative;}
.product_module .item .center_info::before{content: ' ';width: 7%;padding-bottom: 7%;display: block;position: absolute;left: 0;top: 0;background: url(../images/kvoxy/sl.webp) no-repeat center/cover; }
.product_module .item .product_swiper{width: 33%;position: relative;overflow: hidden;padding-bottom:60px}
.product_module .item:nth-child(2n){flex-direction: row-reverse;text-align: right;margin-bottom: 0;}
.product_module .item:nth-child(2n) .center_info::before{left: auto;right: 0;transform: rotate(90deg);}
.swiper-pagination{bottom: 0;}
.swiper-pagination-bullet{width: 12px;height: 12px;}
.swiper-slide{position: relative;padding-bottom: 88%;}
.swiper-slide img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;}

@media only screen and (max-width: 950px) {
	.log .layout{flex-direction: column;}
	.log .layout .info{width: 100%;}
	.log .icon_list{width: 100%;margin-top: 10%;}
	.advantage{margin: 5% 0;}
	.advantage .icon_list{grid-template-columns:repeat(1,1fr)}
	.advantage .icon_item{margin: 4% 0;}
	.advantage .img_warp{width: 96px;padding-bottom: 96px;}
	.fog{padding: 5% 0;}
	.fog .layout{flex-direction: column;}
	.fog .layout .left{width: 100%;}
	.fog .layout .right{width: 100%;}
	.fog .layout::after{display: none;}
	.fog .layout .left i:nth-child(1){left: 21%;}
	.fog .layout .left i:nth-child(2){left: 57%;}
	.fog .layout .left i:nth-child(3){left: 38%;top: 60%;}
	.product_module .item{flex-direction: column;}
	.product_module .item .img_w{width: 60%;}
	.product_module .item .center_info{width: 100%;padding: 5%;}
	.product_module .item .product_swiper{width: 80%;}
	.product_module .item:nth-child(2n){flex-direction: column;}

}

@media only screen and (max-width: 650px) {
	.log .icon_list{grid-template-columns:repeat(1,1fr)}
	.log .icon_item .img_warp{width: 86px;padding-bottom: 86px;}

}
@media only screen and (max-width: 480px) {

}

@keyframes blur {
	0% {filter: blur(5px)}
	50% {filter: blur(30px)}
	100% {filter: blur(5px)}
}