#main-banner{position:relative;padding:100px 0;text-align:center}
#main-banner .container{display:flex;justify-content:center;align-items:center}
#main-banner .lft{width:60%;max-width:530px;margin:0 auto}
#main-banner .rgt{width:40%}
#main-banner .lft .safew{max-width:238px;margin:0 auto 20px}
#main-banner .lft .safew img{width:100%}
#main-banner .rgt .safew-mobile{max-width:400px;margin:0 auto}
#main-banner .rgt .safew-mobile img{width:100%}
#main-banner h1{font-size:42px;font-weight:500;margin:0 0 15px}
#main-banner h1 .subtitle{display:block;font-size:28px}
#main-banner .desc{margin:0 0 20px}
#main-banner .banner-btn-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
#main-banner .banner-btn-group .banner-btn{background:linear-gradient(135deg,#0693e3 0,#9b51e0 100%);padding:10px 16px;color:#fff;border-radius:20px;line-height:1.4;text-decoration:none;white-space:nowrap}
@media (max-width:768px){
    #main-banner h1{font-size:26px}
    #main-banner .lft{width:100%}
    #main-banner .rgt{display:none}
}

#why-banner{position:relative;padding:100px 0;text-align:center;background:#fff}
#why-banner .module-desc{max-width:650px;margin:0 auto 40px}
#why-banner .cont{display:flex;justify-content:space-around;align-items:start;flex-wrap:wrap;gap:40px}
#why-banner .item{width:30%}
#why-banner .item picture{max-width:68px;margin:0 auto 5px}
#why-banner .item picture img{width:100%}
#why-banner .item h3{margin:0 0 5px;font-size:18px}
@media (max-width:768px){
    #why-banner .item{width:100%}
}