/*
 Project: CMAT
 Author : JIANG KUN
 Version: 1.0.0
 Build  : 2026-07-07T02:10:08+08:00
 Note   : Auto-generated - DO NOT EDIT
*/
*{margin:0;padding:0}@font-face{font-family:"AlibabaPuHuiTi";src:url("../fonts/Alibaba_PuHuiTi_2.0.woff2")}html,body{-ms-overflow-style:none;scrollbar-width:none;font-size:18px;font-family:"AlibabaPuHuiTi",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}a{text-decoration:none}:root{--spacing-6:4.375rem}.text-indent-2{text-indent:2em}.m-6{margin:var(--spacing-6)}.mt-6{margin-top:var(--spacing-6)}.mr-6{margin-right:var(--spacing-6)}.mb-6{margin-bottom:var(--spacing-6)}.ml-6{margin-left:var(--spacing-6)}.ms-6{margin-inline-start:var(--spacing-6)}.me-6{margin-inline-end:var(--spacing-6)}.mx-6{margin-inline:var(--spacing-6)}.my-6{margin-block:var(--spacing-6)}.p-6{padding:var(--spacing-6)}.pt-6{padding-top:var(--spacing-6)}.pr-6{padding-right:var(--spacing-6)}.pb-6{padding-bottom:var(--spacing-6)}.pl-6{padding-left:var(--spacing-6)}.ps-6{padding-inline-start:var(--spacing-6)}.pe-6{padding-inline-end:var(--spacing-6)}.px-6{padding-inline:var(--spacing-6)}.py-6{padding-block:var(--spacing-6)}h1,.h1{font-size:2rem}h2,.h2{font-size:1.75rem}h3,.h3{font-size:1.5rem}.text-primary{color:#2863e3!important}body.is-loading{overflow:hidden}main{min-height:50vh}.bg-gray{background:#f6f7fb}[data-barba="container"]{opacity:1;transition:opacity 5s ease;will-change:opacity}[data-barba="container"].is-page-fading{opacity:0!important}.page-loader{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#ffffff 0%,#f4f7fb 100%);opacity:1;visibility:visible;transition:opacity 0.6s ease,visibility 0s linear 0.6s}.page-loader-inner{padding-bottom:15vh;display:flex;flex-direction:column;align-items:center;gap:18px}.page-loader-logo-wrap{position:relative;width:clamp(120px,18vw,180px);opacity:0;transform:translateY(10px) scale(0.96);animation:loaderLogoIn 0.75s ease-out forwards}.page-loader-logo-wrap img{display:block;width:100%;height:auto}.page-loader-logo-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient( 110deg,rgba(255,255,255,0) 35%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 65% );transform:translateX(-120%);animation:loaderShine 1.1s ease-in-out 0.45s forwards;mix-blend-mode:screen}.page-loader-bar{width:120px;height:2px;border-radius:999px;background:rgba(11,99,206,0.12);overflow:hidden;position:relative}.page-loader-bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:40%;border-radius:inherit;background:linear-gradient( 90deg,rgba(11,99,206,0),#0b63ce,rgba(11,99,206,0) );animation:loaderBarMove 1.1s ease-in-out infinite}.page-loader.is-hidden{opacity:0;visibility:hidden}.page-loader.is-hidden .page-loader-logo-wrap{animation:none}@keyframes loaderLogoIn{from{opacity:0;transform:translateY(10px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loaderShine{0%{transform:translateX(-120%);opacity:0}15%{opacity:1}100%{transform:translateX(120%);opacity:0}}@keyframes loaderBarMove{0%{left:-40%}100%{left:100%}}body.menu-open,body.is-page-transitioning{overflow:hidden}.page-transition-mask{position:fixed;inset:0;z-index:9998;pointer-events:none;overflow:hidden;overflow-x:visible;opacity:0;background:radial-gradient( circle at 24% 34%,rgba(11,99,206,0.11),rgba(11,99,206,0) 36% ),radial-gradient( circle at 78% 58%,rgba(24,181,255,0.08),rgba(24,181,255,0) 34% ),linear-gradient( 110deg,rgba(255,255,255,0.58) 0%,rgba(244,249,255,0.5) 52%,rgba(232,243,255,0.42) 100% );background-size:auto,auto,auto;backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);transform:translateX(100%);transition:transform 0.55s cubic-bezier(0.76,0,0.24,1),opacity 0.35s ease;will-change:transform,opacity}.page-transition-mask::before,.page-transition-mask::after{content:"";position:absolute;top:0;bottom:0;pointer-events:none}.page-transition-mask::before{left:8vw;top:18vh;width:min(46vw,620px);height:min(46vw,620px);border-radius:50%;background:radial-gradient( circle,rgba(11,99,206,0.2) 0%,rgba(11,99,206,0.1) 34%,rgba(11,99,206,0) 68% ),radial-gradient( circle at 65% 35%,rgba(24,181,255,0.16),rgba(24,181,255,0) 48% );filter:blur(36px);opacity:0.78}.page-transition-mask::after{width:120px;right:0;background:linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgb(255,255,255) 100% );opacity:0.72}body.is-page-transitioning .page-transition-mask{opacity:1;transform:translateX(0)}body.is-page-transitioning.is-page-transition-leaving .page-transition-mask{opacity:1;transform:translateX(-100%)}body.is-page-transition-resetting .page-transition-mask{opacity:0;transform:translateX(100%);transition:none}.divider{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.divider:before{width:100%;height:1px;content:"";background:#000;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1}.divider:before{transform:translateY(-50%) scaleX(0);transform-origin:center center;transition:transform 0.65s cubic-bezier(0.22,1,0.36,1)}.divider.aos-animate:before{transform:translateY(-50%) scaleX(1)}.divider-content{background:#fff;position:relative;z-index:2}header{width:96%;background:rgba(255,255,255,0.68);box-shadow:none;border-radius:20px 20px 20px 20px;border:1px solid rgba(255,255,255,0.28);position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:10000;transition:top 0.35s ease,background 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease,backdrop-filter 0.35s ease,-webkit-backdrop-filter 0.35s ease}header.is-scrolled{top:12px;background:rgba(255,255,255,0.82);border-color:rgba(255,255,255,0.52);box-shadow:0px 14px 40px rgba(15,23,42,0.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}header.is-menu-open{background:rgba(255,255,255,0.92);border-color:rgba(255,255,255,0.6);box-shadow:0px 14px 40px rgba(15,23,42,0.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}body.is-page-transitioning header{background:rgba(255,255,255,0.94);border-color:rgba(255,255,255,0.72);box-shadow:0px 16px 46px rgba(15,23,42,0.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}header .container{width:100%}.header-inner{padding-top:20px;padding-bottom:16px;transition:padding 0.35s ease}header .logo{position:relative;z-index:2}header .logo img{width:auto;height:45px;display:block;transition:height 0.35s ease}header.is-scrolled .logo img{height:40px}header nav{transition:transform 0.3s ease}header nav a{color:#1f2937;font-size:1.1rem;position:relative;padding:6px 0;transition:color 0.25s ease}header nav a::after{width:100%;height:2px;content:"";background:#0b63ce;position:absolute;left:0;bottom:-19px;transform:scaleX(0);transform-origin:left center;transition:transform 0.25s ease,bottom 0.25s ease}header.is-scrolled nav a::after{bottom:-16px}header nav a:hover,header nav a.is-current,header .nav-dropdown.is-active .nav-dropdown-link{color:#0b63ce}header nav a:hover::after,header nav a.is-current::after{transform:scaleX(1)}header nav .nav-dropdown{position:relative}header nav .nav-dropdown-link{display:inline-flex;align-items:center;gap:4px}header nav .nav-dropdown-icon{width:0.85em;height:0.85em;display:inline-block;position:relative;transition:transform 0.2s ease}header nav .nav-dropdown-icon::before{width:0.5em;height:0.5em;content:"";display:block;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(45deg)}header nav .nav-dropdown.is-active .nav-dropdown-icon,header nav .nav-dropdown.is-active .nav-dropdown-icon{transform:rotate(180deg)}header nav .nav-dropdown-menu{position:absolute;top:100%;left:50%;z-index:10002;display:block;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(8px);pointer-events:none;transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.2s ease}header nav .nav-dropdown-menu-icon{width:100%;height:10px;position:relative}header nav .nav-dropdown-menu-icon::before{width:12px;height:12px;content:"";background:rgba(255,255,255,1);position:absolute;top:50%;left:50%;transform:translate(-50%) rotate(45deg);border-radius:2px 0 0 0}header nav .nav-dropdown-menu-container{min-width:160px;padding:2px;border:0;border-radius:12px;background:rgba(255,255,255,1);box-shadow:0 14px 36px rgba(15,23,42,0.14)}header nav .nav-dropdown.is-active>.nav-dropdown-menu,header nav .nav-dropdown.is-active>.nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0px);pointer-events:auto}header nav .nav-dropdown-item{display:block;padding:9px 20px;color:#1f2937;font-size:1rem;border-radius:12px;white-space:nowrap;position:relative;z-index:1}header nav .nav-dropdown-item:hover,header nav .nav-dropdown-item.is-current{color:#0b63ce;background:rgba(11,99,206,0.08)}header nav .nav-dropdown-menu a::after{display:none}.navbar-toggler{border:0;padding:0;position:relative;z-index:2;box-shadow:none!important}.navbar-toggler-icon{display:inline-block;width:24px;height:24px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280,0,0,0.8%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.mobile-menu{width:min(86vw,360px);padding-top:12px;background:rgba(255,255,255,0.94);border-left:1px solid rgba(148,163,184,0.18);box-shadow:-20px 0 50px rgba(15,23,42,0.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:10001}.mobile-menu .offcanvas-header{height:77px;padding:0 24px}.mobile-menu .btn-close{margin-right:0}.mobile-menu .offcanvas-body{padding:16px 24px 32px}.mobile-menu .offcanvas-body a{font-size:1.25rem;font-weight:500;color:#1f2937;text-decoration:none;line-height:1.4;padding:10px 0;opacity:0;transform:translateX(20px);transition:color 0.25s ease,opacity 0.35s ease,transform 0.35s ease}.mobile-menu .offcanvas-body a:hover,.mobile-menu .offcanvas-body a.is-current{color:#0b63ce}.mobile-menu.show .offcanvas-body a{opacity:1;transform:translateX(0)}.mobile-menu.show .offcanvas-body a:nth-child(1){transition-delay:0.06s}.mobile-menu.show .offcanvas-body a:nth-child(2){transition-delay:0.12s}.mobile-menu.show .offcanvas-body a:nth-child(3){transition-delay:0.18s}.mobile-menu.show .offcanvas-body a:nth-child(4){transition-delay:0.24s}.mobile-menu.show .offcanvas-body a:nth-child(5){transition-delay:0.3s}.mobile-menu .offcanvas-title{font-weight:bold;font-size:1.3rem}.offcanvas-backdrop{background:rgba(15,23,42,0.34);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.banner,.common-banner,.inner-banner{position:relative;overflow:hidden}.banner-swiper,.banner-swiper .swiper-slide,.banner-item{width:100%;height:100vh;min-height:640px}.banner-item{display:flex;align-items:center;background-repeat:no-repeat;background-position:center;background-size:cover}.banner-video-wrap{position:relative}.banner-video-wrap .banner-video-bg{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);filter:blur(20px) brightness(0.5);z-index:1;display:none}.banner-video-wrap .banner-video{position:absolute;top:50%;left:50%;width:auto;min-width:100vw;height:100vh;object-fit:cover;transform:translate(-50%,-50%);z-index:2}.banner-video-wrap .video-play-btn{width:5.5rem;height:5.5rem;background:url("../images/icons/play.svg") no-repeat;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.banner-video-wrap .video-play-btn.is-hidden{display:none}.banner-video-container{width:96%;position:absolute;top:20px;bottom:40px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.2);border-radius:20px 20px 20px 20px;border:1px solid #ffffff;z-index:3}.banner-video-container .video-play-btn{margin:0 auto;position:static;transform:none}.common-banner{height:100vh}.common-banner .banner-video-wrap{width:100%;height:100vh}.common-banner .banner-video-container{background:rgba(0,0,0,0.4)}.inner-banner{height:auto;overflow:hidden;position:relative}.inner-banner-bg{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);filter:blur(20px) brightness(0.5);z-index:1;display:none}.inner-banner-main{margin:0 auto;width:100vw;height:auto;display:block;position:relative;z-index:2}.inner-banner-container{width:100%;height:100%;position:absolute;left:0;top:0;z-index:3}.home-about .divider{margin:0 auto;max-width:200px;overflow:hidden}.home-solution{width:100%;height:auto;min-height:100vh;background:#000;overflow:hidden;position:relative}.home-solution .container{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%) translateZ(0)!important;z-index:5}.home-solution .bg{position:relative}.home-solution .bg-item{width:100%;height:auto;position:absolute;left:0;top:0;opacity:0;transform:scale(1.04);transition:opacity 0.75s ease,transform 0.75s ease}.home-solution .bg-item.active{opacity:1;transform:scale(1)}.home-solution .bg-img{margin:0 auto;width:100%;height:auto;min-height:100vh;display:block;position:relative;z-index:2;object-fit:cover}.home-solution .bg-overlay{width:100%;height:100%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:blur(10px);opacity:0.8;transition:opacity 0.75s ease,transform 0.75s ease;z-index:1}.home-solution .bg-item.active .bg-overlay{opacity:1}.home-solution .modules{display:flex;flex-direction:column;align-items:end;z-index:2}.home-solution .module{color:#fff;background:linear-gradient( 270deg,rgba(136,136,136,100%),rgba(239,239,239,0%) );border-radius:0px 0px 0px 0px;border:1px solid;border-image:linear-gradient(90deg,rgba(255,255,255,0),#888) 1 1;border-left:none;border-bottom:none;cursor:pointer;position:relative;overflow:hidden;opacity:0.78;transition:opacity 0.35s ease,transform 0.35s ease,background 0.35s ease,border-color 0.35s ease}.home-solution .module.active{opacity:1;transform:translateX(-6px)}.home-solution .module .con{position:relative;z-index:10;transition:transform 0.35s ease,opacity 0.35s ease}.home-solution .module.active .con{transform:translateY(-2px)}.home-solution .module:before{width:100%;height:100%;content:"";background:linear-gradient( 270deg,rgba(40,99,227,0.7) 0,rgba(40,99,227,0.2) 30%,rgba(136,136,136,0) 100% );display:block;position:absolute;left:0;top:0;transform-origin:right center;transform:translateX(100%);opacity:0.75;transition:transform 0.35s ease-in-out,opacity 0.35s ease}.home-solution .module.active:before{transform:translateX(0);opacity:1}.home-solution .module:nth-child(2){margin-right:40px}.home-solution .module:nth-child(3){margin-right:80px}@media (min-aspect-ratio:2.2/1){.banner-video-wrap .banner-video-bg{display:block}.banner-video-wrap .banner-video{min-width:auto;min-height:100%}.home-solution .bg-img{width:auto;max-height:100vh;min-width:1320px}}.banner-item-text{background:linear-gradient(120deg,#010816 0%,#1978ec 55%,#18b5ff 100%)}.banner-content{max-width:640px;color:#fff;padding-top:80px}.banner-content h1,.banner-content h2{margin-bottom:24px;font-size:4rem;font-weight:700;line-height:1.2}.banner-content p{margin-bottom:36px;font-size:1.25rem;line-height:1.8}.banner-more{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:46px;padding:0 28px;color:#fff;border:1px solid rgba(255,255,255,0.85);border-radius:999px;transition:all 0.3s ease}.banner-more:hover{color:#0b63ce;background:#fff}.banner-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:0.5;transform:scale(1);transition:width 0.35s ease,opacity 0.35s ease,transform 0.35s ease,border-radius 0.35s ease}.banner-pagination .swiper-pagination-bullet-active{width:28px;border-radius:999px;opacity:1;transform:scale(1.08)}.banner-button-prev,.banner-button-next{color:#fff}.home-partner{padding-bottom:80px;overflow:hidden}.home-partner-swiper{position:relative}.home-partner-slide{width:auto}.home-partner-item{height:62px}.home-partner-item a,.home-partner-item img{width:auto;height:100%;display:block}.home-partner-button-container{width:60px;height:60px;position:absolute;right:0;bottom:-80px;display:flex}.home-partner-button{width:30px;height:60px;border:0;background:#e0e0e0;transition:background 0.15s ease-in-out}.home-partner-button svg{width:60%;height:auto}.home-partner-button:hover{background:#ccc}.home-partner-button-prev{border-top-left-radius:30px;border-bottom-left-radius:30px}.home-partner-button-prev svg{transform:rotate(180deg)}.home-partner-button-next{border-top-right-radius:30px;border-bottom-right-radius:30px}.home-partner-button.swiper-button-disabled{opacity:0.35}footer{color:#fff;line-height:3;font-size:0.8rem;background:#262e38;position:relative;z-index:9999}footer a{color:#fff;transition:color 0.2s ease}footer a:hover{color:#cbd3df}footer .tit{margin-bottom:1em;padding-bottom:0.5em;color:#98a1ae;display:block;position:relative}footer .tit:before{width:2em;height:1px;content:"";background:#98a1ae;display:block;position:absolute;left:0;bottom:0}footer .logo-light{width:35%;overflow:hidden}footer .logo-light img{width:100%;height:auto}footer .border-top{border-color:#545d72!important}footer .copyright{line-height:2}footer .copyright img{width:1.2em;height:auto}footer .qrcode{width:72px;height:72px}footer .qrcode img{width:100%;height:100%;display:block}footer .footer-map{width:80%;height:180px;position:relative;overflow:hidden}footer .footer-map .leaflet-control-attribution{display:none!important}footer .copyright{font-size:0.7rem}.tech{padding:80px 0;overflow:hidden;position:relative;cursor:pointer}.tech .desc{text-align:justify}.tech-swiper{overflow:visible}.tech-swiper .swiper-slide{width:60%;max-width:100vh;transition:all 0.5s ease;transform:scale(0.82);transform-origin:bottom center;opacity:0.5}.tech-swiper .swiper-slide-active{transform:scale(1);opacity:1;z-index:2;cursor:default}.tech-swiper .card-img{border-radius:20px;overflow:hidden}.tech-swiper .card-box img{width:100%;display:block;transition:transform 0.5s ease}.tech-swiper .swiper-slide-active .card-box:hover img{transform:scale(1.03)}.tech-swiper .card-box h5{margin-top:20px;text-align:center}.tech-swiper .card-box p{margin-top:12px;line-height:1.8;color:#666}.urban-av-banner .container{position:relative}.urban-av-banner .container::before{content:"";position:absolute;inset:0;background:linear-gradient( 135deg,rgba(255,255,255,0.12),rgba(255,255,255,0.04) );backdrop-filter:blur(7.8px);-webkit-backdrop-filter:blur(7.8px);border:1px solid rgba(255,255,255,0.12);box-shadow:0 10px 30px rgba(0,0,0,0.35);mask-image:linear-gradient( to right,transparent 0%,black 20%,black 80%,transparent 100% );-webkit-mask-image:linear-gradient( to right,transparent 0%,black 20%,black 80%,transparent 100% );pointer-events:none;z-index:1}.urban-av-banner .container *{position:relative;z-index:2}.common-swiper-wrap{width:100%;position:relative}.common-swiper{width:100%;position:relative}.common-swiper .swiper-wrapper{display:flex;align-items:stretch}.common-swiper .swiper-slide{display:flex;justify-content:center}.urban-av .common-swiper-button{top:30%}.urban-av-card{width:100%;overflow:hidden;transform:translate3d(0,0,0);transition:transform 0.35s ease;display:flex;flex-direction:column}.urban-av-card .card-img{width:100%;height:252px;border-radius:5px;overflow:hidden}.urban-av-card .card-img img{width:100%;height:100%;object-fit:cover;display:block}.urban-av-card .card-content{padding:24px;text-align:center}.urban-av-card h5{margin-bottom:12px;font-size:1.2rem;color:#11203c}.urban-av-card p{margin-bottom:0;color:#4b5563;line-height:1.6}.common-swiper-button{position:absolute;top:50%;width:46px;height:46px;border-radius:50%;border:0;background:rgba(11,99,206,0.92);color:#fff;cursor:pointer;transform:translateY(-50%);z-index:200}.common-swiper-button span{display:none}.common-swiper-button::before{content:"";position:absolute;font-size:1.4rem;line-height:1;color:inherit;position:absolute;left:50%;top:50%}.common-swiper-button-prev::before{content:"‹";transform:translate(-50%,-57.5%)}.common-swiper-button-next::before{content:"›";transform:translate(-40%,-57.5%)}.common-swiper-button.swiper-button-disabled{background:#f1f1f1;color:#a9a8a8}.common-swiper-button-prev{left:-60px}.common-swiper-button-next{right:-60px}.urban-av .divider{margin:0 auto;max-width:250px;overflow:hidden}.urban-av-use-case .image{display:inline-block}.urban-av-use-case img{max-width:100%}.urban-av .inner-banner{position:relative;z-index:1}.urban-av-content-banner .container{height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.urban-av-content-banner-main{width:55%;position:absolute;left:50%;top:40px;transform:translateX(-50%)}.urban-av-content-banner-main::after{width:100%;height:100%;content:"";position:absolute;left:0;top:0;background:linear-gradient(0deg,#ffffff 0%,rgba(255,255,255,0) 100%);box-shadow:0px 4px 6px 0px #deeaf5;border-radius:20px;border:2px solid rgba(255,255,255,1);overflow:hidden;backdrop-filter:blur(8px);z-index:1}.urban-av-content-banner-main *{position:relative;z-index:2}.urban-av-control .urban-av-content-banner-main{color:#fff;bottom:auto;top:calc(1.5rem + 40px)}.urban-av-control .urban-av-content-banner-main::after{background:rgba(255,255,255,0.15)}.urban-av-tool{margin-bottom:220px}.urban-av-tool .inner-banner{position:relative;z-index:1}.urban-av-tool .container{z-index:2;position:absolute;bottom:-200px;left:50%;transform:translateX(-50%)}.urban-av-tool .tool-head{margin:0 auto;margin-bottom:14%;padding:2em 4em;width:70%;position:relative}.urban-av-tool .tool-head::before{width:100%;height:100%;content:"";position:absolute;left:0;top:0;box-shadow:0px 4px 6px 0px #deeaf5;border-radius:20px;border:2px solid rgba(255,255,255,1);overflow:hidden;backdrop-filter:blur(8px);z-index:1}.urban-av-tool .tool-head *{position:relative;z-index:2}.urban-av-tool .tool-item-title{color:#2863e3}.urban-av-raas-card{padding:66px 0 20px 0;box-shadow:0px 0px 10px 0px rgba(131,131,131,0.2);border-radius:10px;overflow:hidden}.urban-av-raas-card .image,.urban-av-raas-card .image img{width:40%;height:auto;display:block}.urban-av-raas-card .image img{width:100%}.urban-av-raas-card p{color:#6f6f6f}.urban-av-raas-tit{padding:0 2em;color:#2863e3;background:rgba(40,99,227,0.1);border-radius:0px 0px 10px 10px;white-space:nowrap;position:absolute;left:50%;top:0;transform:translateX(-50%)}.urban-av-raas-head{width:100%;display:flex;justify-content:center}.urban-av-raas-head-title{width:30rem;max-width:100%;color:#fff;text-align:center;background:#2863e3;border-radius:5px;display:block;position:relative;z-index:2}.urban-av-raas-head-title h4{line-height:3rem}.urban-av-raas-line{position:relative;top:-1.5rem;z-index:1}.urban-av-raas-line .row{border-top:2px solid #2863e3}.urban-av-raas-line .col-4{height:5em;border-left:2px solid #2863e3;position:relative}.urban-av-raas-line .col-4:last-child{border-right:2px solid #2863e3}.urban-av-raas-line .col-4::before,.urban-av-raas-line .col-4:last-child:after{content:"";border-left:8px solid transparent;border-right:8px solid transparent;border-top:15px solid #2863e3;display:block;position:absolute;left:0;bottom:0;transform:translate(calc(-50% - 1px),50%)}.urban-av-raas-line .col-4:last-child:after{left:auto;right:0;transform:translate(calc(50% + 1px),50%)}.urban-av-interface .interface-item{line-height:4;background:#eaf0fd;border-radius:10px}.product .divider{margin:0 auto;max-width:250px;overflow:hidden}.product-item{overflow:hidden}.product .product-item .tit{padding-left:1em;color:#2863e3;position:relative}.product .product-item .tit .icon{width:4px;height:1.5em;content:"";background:#2863e3;display:block;position:absolute;left:0;top:0.25em}.product .product-item ul{color:#6f6f6f}.product .product-item .image{position:relative}.product .product-item .image img{width:100%;height:auto;transform:translate3d(0,0,0) scale(1.02);transform-origin:center center;will-change:transform;animation:productImageFloat 7.2s ease-in-out infinite;transition:transform 0.45s ease,filter 0.45s ease}.product .product-item .video-wrap{position:relative}.product .product-item .video-wrap video{width:100%;height:auto}.product .product-item.reversal .image img{right:auto;left:0}.product .product-item.bg-gray{background:#f1f1f1}.solution .divider{margin:0 auto;max-width:250px;overflow:hidden}.solution p{color:#6f6f6f}.solution-item .image,.solution-item .image img{width:100%;height:auto;overflow:hidden}.solution-item a{padding:0 1rem;color:#fff;line-height:2.5rem;background:#2863e3;border-radius:1.25rem;display:inline-block;position:relative}.solution-item a .icon{margin-left:0.1rem;width:0.85em;height:0.85em;display:inline-block;position:relative;transform:rotate(-90deg)}.solution-item a .icon::before{width:0.5em;height:0.5em;content:"";display:block;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(45deg)}.solution-content-icon{width:4px;height:1em;background:#2863e3;border-radius:2px}.solution-content-image,.solution-content-image img{width:100%;height:auto;border-radius:10px;display:block;overflow:hidden;position:relative}.solution-image-desc{margin-top:8px;padding:0.5em 0;width:100%;color:#fff;text-align:center;background:rgba(94,94,94,0.8)}.solution-image-desc span:first-child{font-weight:bold}.solution-content-image .solution-image-desc{position:absolute;left:0;bottom:0;z-index:2}.solution-content-case-item{border-radius:10px;background:#f8f8f8;overflow:hidden;transition:background 0.3s ease-in-out}.solution-content-data-card{background:#fff;border-radius:24px;padding:60px 30px;text-align:center;box-shadow:0px 0px 10px 0px rgba(131,131,131,0.2);border-radius:10px;overflow:hidden;transition:0.4s}.solution-content-data-card:hover{transform:translateY(-4px)}.solution-content-data-card .effect-number{color:#2f67f6;font-size:40px;line-height:1}.solution-port-item-main .image{width:100%;height:auto;overflow:hidden;position:relative}.solution-port-item-main .image img{width:100%;height:auto;display:block}.solution-port-item-main .image span{width:100%;height:2em;text-align:center;line-height:2em;background:rgba(255,255,255,0.7);display:block;position:absolute;left:0;bottom:0}.solution-port-item-desc{color:#6f6f6f}.solution-port-item-bg{background:#f1f1f1;border-radius:10px 0 0 10px}.solution-port-item-bg .m-0{color:#6f6f6f}.pagination-container{padding:20px 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.pagination-container>*{margin:5px 0;min-width:48px;height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;border:1px solid rgba(13,79,151,0.08);background:#fff;border-radius:14px;color:#555;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,0.04);transition:background-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease}.pagination-container>*:not(:first-child){margin-left:0.5em}.pagination-container span:first-child{min-width:auto;padding:0;border:0;background:transparent;box-shadow:none;color:#888;font-weight:400;margin-right:18px}.pagination-container a:hover{background:rgba(11,99,206,0.08);color:#0b63ce;position:relative;z-index:2;box-shadow:0 8px 20px rgba(13,79,151,0.15)}.pagination-container .current{background:linear-gradient(135deg,#0f5db5,#08376f);color:#fff;z-index:2;box-shadow:0 10px 24px rgba(13,79,151,0.18)}.pagination-container .disabled{opacity:0.45;cursor:not-allowed;background:#f5f7fa}.news-banner .container{padding-left:20%!important}.news-tabs a{padding:0.5em 1.5em;border-radius:999px;background:#eef3f8;color:#0d3d79;transition:all 0.3s}.news-tabs a:hover{background:#0d4f97;color:#fff}.news-tabs a.is-active{background:linear-gradient(135deg,#0f5db5,#08376f);color:#fff;box-shadow:0 10px 24px rgba(13,79,151,0.18)}.news-date{width:7rem;height:7rem;aspect-ratio:1/1;border-radius:50%;box-shadow:0 10px 30px rgba(13,79,151,0.18)}.news-date .month-day{font-size:1.5rem;line-height:1}.news-date .year{font-size:1.2rem}.news-card{color:#999;background:#f8f8f8;border-radius:10px;transition:all 0.3s;overflow:hidden;border:1px solid rgba(13,79,151,0.06)}.news-card:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%) rotate(45deg);width:24px;height:24px;background:inherit}.news-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,0,0,0.08)}.news-main-content{line-height:2}.news-main-content img,.news-main-content video{margin:0 auto;max-width:100%;height:auto;display:block}.common-subtitle{position:relative}.common-subtitle::before{width:100%;height:1px;content:"";background:#2863e3;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%)}.common-subtitle .subtitle-con{position:relative;display:inline-flex;align-items:center;background:#2863e3}.subtitle-con .corner{background:#fff;position:absolute;width:30px;height:100%}.subtitle-con .corner.left{left:-30px}.subtitle-con .corner.right{right:-30px}.common-subtitle-desc{text-align:center;color:#404040}.feature-card{padding-right:2em!important;box-shadow:0px 0px 10px 0px rgba(56,68,87,0.1)}.feature-card-icon{width:75px;height:75px}.feature-card-icon img{width:100%;height:100%}.product-inner-banner p{color:#404040}.product-inner-banner .inner-banner-subtitle{font-size:1.1em;color:#2863e3}@keyframes productImageFloat{0%,100%{transform:translate3d(0,-8px,0) scale(1.02)}50%{transform:translate3d(0,8px,0) scale(1.02)}}@media (min-aspect-ratio:2.2/1){.home-solution .bg{width:auto;height:100%}.inner-banner-bg{display:block}.inner-banner-main{width:auto;max-width:1320px}}@media (max-width:991px){[data-aos="fade-left"],[data-aos="fade-right"]{transform:translate3d(0,30px,0)}[data-aos="fade-left"].aos-animate,[data-aos="fade-right"].aos-animate{transform:translate3d(0,0,0)}html,body{font-size:14px}header{top:20px}.header-inner{padding-top:14px;padding-bottom:14px}header .logo img{height:40px}header.is-scrolled .logo img{height:36px}.banner-swiper,.banner-swiper .swiper-slide,.banner-item{min-height:560px}.banner-content h1,.banner-content h2{font-size:3rem}.home-solution .container{top:55%}.home-solution .modules{gap:10px}.home-solution .module{margin-right:0!important;text-align:center;background:rgba(0,0,0,0.6)}.home-solution .module.active{transform:none}.home-solution .module .con{transition:opacity 0.35s ease}.home-solution .module.active .con{transform:none}.home-solution .module::before{display:none}.home-solution .bg-item{transform:scale(1.04)}.home-solution .bg-item.active{transform:scale(1)}.home-solution .bg-overlay,.home-solution .bg-item.active .bg-overlay{transform:translate(-50%,-50%)}footer .logo-light{width:8rem}.tech-swiper .swiper-slide{transform-origin:center;width:80%}.inner-banner-main{height:60vh;width:auto;margin-left:50%;transform:translateX(-50%)}.product .product-item .image{min-height:auto}.product .product-item .image img{position:relative;width:100%;height:auto;transform:none;animation:none;transition:none}.solution-inner-banner .inner-banner-main{height:30vh}.pagination-container span:first-child{display:none}.news-banner .container{padding-left:0!important}.news-date{width:4rem;height:4rem}.news-date .month-day,.news-date .year{font-size:1rem}.pagination-container>*{min-width:38px;height:38px;padding:0 13px}.urban-av-content-banner .container{position:static;transform:none}.urban-av-content-banner-main{width:100%;position:static;transform:none}.urban-av-content-banner-main::after{display:none}.urban-av-tool{margin-bottom:0}.urban-av-tool .container{position:relative;transform:none;margin-top:-50vh;left:auto;bottom:auto}.urban-av-tool .tool-head{margin-bottom:10vh;width:100%}.urban-av-control .urban-av-content-banner-main{color:#000}.solution-port-item-bg{border-radius:10px 10px 0 0}.solution-port-item-main .image{border-radius:0 0 10px 10px}.common-swiper-button{display:none}}@media (max-width:767px){.home-partner{padding-bottom:92px}.home-partner-swiper{padding:0}.home-partner-slide{width:100%}.home-partner-item{display:flex;align-items:center;justify-content:center}.home-partner-button-container{display:flex;left:50%;right:auto;transform:translateX(-50%)!important;bottom:-90px}.mobile-menu{width:100%}.mobile-menu .offcanvas-header{padding:0 20px}.mobile-menu .offcanvas-body{padding:12px 20px 28px}.banner-swiper,.banner-swiper .swiper-slide,.banner-item{min-height:520px}.banner-content{padding-top:70px}.banner-content h1,.banner-content h2{font-size:2.4rem}.banner-content p{font-size:1rem}.banner-button-prev,.banner-button-next{display:none}}[data-aos="fade-up"]{transform:translate3d(0,30px,0)}[data-aos="fade-up"].aos-animate{transform:translate3d(0,0,0)}