.banner{position:relative;background: url(../images/banner.png) no-repeat;aspect-ratio: 1920/700;background-size: contain;}
.banner .info{position:absolute;top:0;z-index:-1}
.banner .btns{position:absolute;z-index:1;left:49%;bottom:23%;width:33%;height:9%;display:flex;align-items: stretch;justify-content:space-between}
.banner .btns a{display:block;width:33.33%;height:100%}
.section{padding:60px 0 0}
.section .container{max-width:1200px;margin:0 auto;background:url(../images/phone1.webp) no-repeat 0 100%;background-size:contain;aspect-ratio:500/233;display:flex;align-items:center}
.section .container .text{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-left:45%}
.section .container .text h2{font-size:26px;margin:0}
.section .container .text b{font-size:22px;margin-bottom:15px}
.section .container .text span{font-size:18px;color:#666}
.section.part2{background-color:#f6f9fc}
.section.part2 .container{background:url(../images/phone3.webp) no-repeat 100% 100%;background-size:contain;background-color:#f6f9fc}
.section.part2 .container .text{margin:auto 45% auto auto}
.section.part3 .container{background:url(../images/phone2.webp) no-repeat 0 100%;background-size:contain}

@media(max-width:992px) {
    .section .container .text{gap: 10px;}
    .section .container .text h2{font-size:22px;}
    .section .container .text b{font-size:18px;margin: 0;}
    .section .container .text span{font-size:16px;}
}
@media(max-width:567px){
    .banner{position:relative;background:url(../images/banner-m.png) no-repeat;aspect-ratio:750/804;background-size:contain}
    .banner .btns a{width:100%}
    .banner .btns{left:51%;bottom:15%;width:26%;height:26%;flex-direction: column;}
    .section .container .text{margin:0 25px 450px!important;width:100%;align-items:center}
    .section .container .text span{text-align:left;width:100%}
    .section .container{background-position:bottom!important;background-size:auto 400px!important}
}