html{overflow-y:auto}
.aboutBan{min-height:100dvh;position:relative;background:#e1e1e1;overflow:hidden}
.aboutBan .aboutBanTitle{position:absolute;left:0;right:0;padding:0 24px;text-align:center;top:20%}
@media(max-width:991px){.aboutBan .aboutBanTitle{top:24%;text-align:left}
}
@media(max-width:767px){.aboutBan .aboutBanTitle{writing-mode:vertical-lr;transform:rotate(180deg);top:11%;right:inherit;padding:0}
}
.aboutBan .aboutBanTitle h1{font-size:200px;font-style:normal;font-weight:700;line-height:125%;text-transform:uppercase;color:transparent;-webkit-text-fill-color:rgba(255,255,255,0.1);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgba(255,255,255,0.1);font-family:var(--heading-font-family-bold) !important;margin:0 !important;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgba(255,255,255,0.5)}
@media(max-width:1199px){.aboutBan .aboutBanTitle h1{font-size:180px}
}
@media(max-width:991px){.aboutBan .aboutBanTitle h1{font-size:110px;line-height:1}
}
@media(max-width:767px){.aboutBan .aboutBanTitle h1{font-size:100px}
}
.aboutBan .aboutBanPlane{position:absolute;bottom:0;right:0;text-align:right;z-index:99}
.aboutBan .aboutBanPlane img{width:63vw;-o-object-fit:contain;object-fit:contain}
@media(max-width:991px){.aboutBan .aboutBanPlane img{width:98vw}
}
@media(max-width:767px){.aboutBan .aboutBanPlane img{max-width:initial;width:430px}
}
@media(max-width:767px){.aboutBan .aboutBanPlane{bottom:258px;top:inherit;transform:initial}
}
.aboutBan .bancontAbout{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:9}
@media(max-width:991px){.aboutBan .bancontAbout{top:42%}
}
@media(max-width:767px){.aboutBan .bancontAbout{bottom:0;top:initial;max-width:100% !important;width:100%;transform:inherit;padding:32px 24px 80px 24px;background:linear-gradient(180deg,#FFF 0,#e1e1e1);z-index:99}
}
.aboutBan .bancontAbout .bancontAboutInner{max-width:375px}
@media(max-width:767px){.aboutBan .bancontAbout .bancontAboutInner{max-width:100%}
}
.section.active .bancontAboutInner{animation:aboutCont1 .5s linear;animation-fill-mode:forwards}
@keyframes aboutCont1{from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
.aboutBan .bancontAbout h2{color:#3b3b3b;margin-bottom:10px !important;font-size:40px;font-style:normal;line-height:125%;text-transform:uppercase}
@media(max-width:768px) and (min-width:768px){.aboutBan .bancontAbout h2 br{display:none}
.aboutBan .bancontAbout .bancontAboutInner{max-width:615px}
}
@media(max-width:767px){.aboutBan .bancontAbout h2{font-size:24px;max-width:245px}
}
.aboutBan .bancontAbout p{color:var(--ai-page-heading-color);line-height:140%;letter-spacing:.035px}
.aboutBan .aboutBanCloud1{position:absolute;bottom:0;right:0;animation:cloudmove1 10s linear infinite;animation-fill-mode:forwards;z-index:2}
@keyframes cloudmove1{0{right:0}
100%{right:-100px}
}
@media(max-width:767px){.aboutBan .aboutBanCloud1{bottom:220px}
}
.aboutBan .aboutBanCloud2{position:absolute;bottom:0;left:0;z-index:2;animation:bancloudmove 20s infinite;animation-fill-mode:forwards;width:calc(100% + 200px)}
@keyframes bancloudmove{from{left:0}
to{left:-100px}
}
@media(max-width:767px){.aboutBan .aboutBanCloud2{bottom:270px}
}
.section.active .aboutBan .aboutBanPlane{animation:moverightPlane 1s linear;animation-fill-mode:forwards}
@keyframes moverightPlane{0{right:0}
100%{right:-15px}
}
@media(max-width:991px){.section.active .aboutBan .aboutBanPlane{animation-duration:2s}
@keyframes moverightPlane{0{transform:translateX(-100px)}
100%{transform:translateX(0)}
}
}
@media(max-width:767px){.active.section .aboutBan .aboutBanPlane{animation-duration:2s;animation:inherit !important}
@keyframes moverightPlane{0{transform:translateX(0)}
100%{transform:translateX(50px)}
}
}
.section.active .aboutBan .bancontAbout h2{animation:movedownHeading .4s linear;animation-fill-mode:forwards}
@keyframes movedownHeading{0{transform:translateY(-15px)}
100%{transform:translateY(0)}
}
.aboutBan .bancontAbout .bancontAboutInner h2:empty{display:none}