/* Original visual system retained; interactions are powered by Anime.js. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
button{font:inherit;cursor:pointer}
[role=button]{cursor:pointer}
img{max-width:100%;height:auto}
.content .banner .title h1.t1{font-weight:400}
a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid #ee7d23;outline-offset:5px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:2147483647;background:#fff;color:#192f6d;padding:16px;font-size:16px}
.skip-link:focus{top:12px}
main:focus{outline:none}
.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;background:#fff;box-shadow:none}
.bx-viewport{position:relative;overflow:hidden;width:100%;height:100%}
[data-carousel]{position:relative}
[data-carousel] #slider,[data-carousel]>.swiper-wrapper{position:relative;width:100%;height:100%;margin:0;padding:0}
[data-carousel]:not([data-kind=hardware]) #slider>li,[data-carousel]:not([data-kind=hardware])>.swiper-wrapper>.swiper-slide{position:absolute;inset:0;list-style:none;visibility:hidden;pointer-events:none}
[data-carousel]:not([data-kind=hardware]) #slider>li:first-child,[data-carousel]:not([data-kind=hardware])>.swiper-wrapper>.swiper-slide:first-child{visibility:visible;pointer-events:auto}
[data-carousel] #slider>li.is-active,[data-carousel]>.swiper-wrapper>.swiper-slide.is-active{visibility:visible;pointer-events:auto}
[data-carousel] #slider>li:not(.is-active):not(:first-child){visibility:hidden}
.content .banner .bx-wrapper{height:480px;margin-bottom:0;background:#192f6d}
/* Override the legacy relative positioning so every hero slide shares the viewport. */
.content .banner .bx-wrapper[data-kind=hero] .bx-viewport #slider>li{position:absolute}
.content .banner [data-kind=hero] #slider img{width:1200px;height:480px;display:block;margin:0 auto}
[data-kind=hero] .carousel-pagination{position:absolute;bottom:26px;left:0;width:100%;display:flex;justify-content:center;gap:10px;z-index:2}
.carousel-pagination button,.swiper-pagination button{border:0;padding:0;width:40px;height:4px;background:#aaa;opacity:.5;position:relative}
.carousel-pagination button:before,.swiper-pagination button:before{content:"";position:absolute;inset:-10px 0}
.carousel-pagination button[aria-current=true],.swiper-pagination button[aria-current=true]{opacity:1;background:#333}
[data-kind=hero] .carousel-pagination button{background:#fff}
[data-kind=hero] .carousel-pagination button[aria-current=true]{background:#fff}
[data-kind=text] .carousel-pagination{display:flex;justify-content:center;gap:10px;position:absolute;top:216px;left:0;right:0}
[data-kind=text]{background:#fff!important}
[data-kind=solutions] .swiper-slide img{width:996px;height:400px;display:block}
.swiper-pagination{position:absolute;text-align:center;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:2}
[data-kind=hardware]{overflow:hidden}
[data-kind=hardware]>.swiper-wrapper{display:flex;gap:20px;align-items:flex-start;justify-content:center}
[data-kind=hardware] .swiper-slide{width:calc((100% - 40px)/3);flex-shrink:0;position:relative;transform:scale(.8);transition:none}
[data-kind=hardware] .swiper-slide img{width:auto;max-width:100%}
[data-kind=hardware] .swiper-slide:nth-child(2){transform:scale(1.2)}
[data-kind=hardware] .swiper-pagination{bottom:0}
[data-kind=hardware] .swiper-pagination button[aria-current=true]{background:#333}
.carousel-toggle{position:absolute;width:24px;height:24px;right:12px;bottom:6px;z-index:3;border:1px solid #9da4b2;border-radius:2px;background:rgba(25,47,109,.5);color:#fff;font-size:12px;line-height:20px;padding:0}
[data-kind=text] .carousel-toggle,[data-kind=hardware] .carousel-toggle{color:#333;background:#fff;bottom:0}
.header .second-nav.is-open{display:block}
@media (min-width:1025px) and (max-width:1232px){
  .header .main-box,.footer .main-box,.content .banner .inner,.content .description>p,.sec-box,.content .item-box,.content .sec-3 .sec-box,.sec-4,.bottom-nav,.content .dec,.history,.news-list{max-width:calc(100% - 40px)}
  .header .main-box .second-nav .box{width:100%;max-width:1200px}
  .sec-3 .sec-box>.banner-box .slide-box{width:calc(100% - 200px)}
}
.not-found{min-height:65vh;padding:140px 24px 90px;text-align:center;background:#192f6d;color:#fff}
.not-found h1{font-size:32px;margin:20px 0}
.not-found .error-number{font-size:90px;color:#f88311}
.not-found p{font-size:16px;line-height:2}
.not-found a{display:inline-block;background:#f88311;padding:14px 30px;color:#fff;margin-top:30px;font-size:16px}
@media (max-width:1024px){
  html{font-size:calc(100vw / 7.5)}
  .m-header .open-nav{cursor:pointer}
  .m-header .m-nav.is-open{display:block}
  [data-kind=mobile]>.swiper-wrapper{height:100%}
  .m-sec3-swiper-container[data-carousel]>.swiper-wrapper{height:4.9rem}
  [data-kind=mobile] .swiper-slide{width:100%;height:100%}
  .m-sec3-swiper-pagination{bottom:.16rem;left:0;right:0;text-align:center;pointer-events:none}
  .swiper-pagination{bottom:.2rem;gap:.16rem}
  [data-kind=mobile] .swiper-pagination button{width:.56rem;height:.04rem;background:#fff;border-radius:0}
  [data-kind=mobile] .swiper-pagination button[aria-current=true]{background:#fff;opacity:1}
  .carousel-toggle{right:.3rem;bottom:.08rem;width:.4rem;height:.4rem;font-size:.2rem;line-height:.35rem}
  .m-sec3-swiper-container .carousel-toggle{bottom:.12rem}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}