.nav{background-color:#fff;box-shadow:0 0 0 rgba(0,0,0,.1);height:72px;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.nav.scrolled{box-shadow:0 2px 10px rgba(0,0,0,.1)}.wrap{margin:0 auto;max-width:1200px}.logo{width:120px}.logo,.nav-bar{float:left;height:72px}.nav-bar{background-color:#fff;width:600px}.logo-box img{height:20px;margin-top:28px}.nav-bar>ul>li{float:left;padding:10px 28px}.nav-bar a{color:#333}.nav-bar a:hover{color:#00a098}.nav-bar li{position:relative}.product{background-color:#fff;border-radius:8px;box-shadow:1px 1px 5px #aaa;font-size:14px;height:0;left:50%;margin-left:-70px;overflow:hidden;position:absolute;top:54px;transition:all .2s;width:140px}.nav-bar li:hover>.product{height:180px}.product a{margin:28px 30px}.product a:hover{color:#6f6f6f}.example{background-color:#fff;border-radius:8px;box-shadow:1px 1px 5px #aaa;font-size:14px;height:0;left:50%;margin-left:-70px;overflow:hidden;position:absolute;top:54px;transition:all .3s;width:140px}.nav-bar li:hover>.example{height:128px}.example a{margin:28px 30px}.example a:hover{color:#6f6f6f}.we{background-color:#fff;border-radius:8px;box-shadow:1px 1px 5px #aaa;font-size:14px;height:0;left:50%;margin-left:-70px;overflow:hidden;position:absolute;top:54px;transition:all .3s;width:140px}.nav-bar li:hover>.we{height:180px}.we a{margin:28px 30px}.we a:hover{color:#6f6f6f}.triangle{border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;bottom:-10px;display:none;filter:drop-shadow(0 -2px 2px #cfcfcf);height:0;left:50%;margin-left:-10px;position:absolute;width:0}.nav-bar li:hover>.triangle{display:block}.btn-connect{background:#0466ff;border-radius:40px;color:#fff;float:right;height:40px;margin-top:16px;width:100px}.btn-connect:hover{background:#3180ff}.call1{color:#fff;font-size:14px;line-height:40px;text-align:center}.hamburger{color:#3aa696;cursor:pointer;display:none;float:right;font-size:32px;padding-top:10px;user-select:none}#mobileMenu{background:#fff;display:none;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:2000}#mobileMenu.open{display:block}.mobile-header{align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;height:72px;justify-content:space-between;padding:0 16px}.close-btn{cursor:pointer;font-size:28px;user-select:none}.mobile-nav-list{list-style:none;margin:0;padding:0 16px}.mobile-nav-list a{color:#333}.mobile-nav-list a:hover{color:#00a098}.mobile-nav-list>li.has-submenu,.mobile-nav-list>li.has-submenu1{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:grid;grid-template-columns:1fr 24px;grid-template-rows:auto;padding:16px 0}.mobile-nav-list>li.has-submenu>a{color:#333;font-size:18px;grid-column:1;text-decoration:none}.mobile-nav-list>li.has-submenu1>a{font-size:18px}.mobile-nav-list>li.has-submenu>.arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #888;grid-column:2;height:0;justify-self:end;transition:border-color .3s,transform .3s;width:0}.mobile-nav-list>li.has-submenu.open>.arrow{border-bottom:5px solid #3aa696;border-top:0}.mobile-nav-list>li.has-submenu>.submenu{display:none;grid-column:1/span 2;grid-row:2;list-style:none;margin:8px 0 0;padding:0}.mobile-nav-list>li.has-submenu.open>.submenu{display:block}.mobile-nav-list .submenu li{border-bottom:1px solid #eee;font-size:16px;padding:12px 0}.mobile-nav-list .submenu li:last-child{border-bottom:none}@media (max-width:1280px){.wrap{margin:0 auto;width:calc(100% - 40px)}}@media (max-width:968px){.wrap{width:calc(100% - 40px)}.logo{width:100px}.nav-bar{width:460px}.nav-bar>ul>li{padding:10px 22px}}@media (max-width:768px){.nav-bar{display:none}.hamburger{display:block}.btn-connect{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.footer-container{margin:0 auto;max-width:1200px;position:relative}.footer-cta{background-color:#001b3a;color:#fff;overflow:hidden;padding:180px 0;position:relative}.cta-inner{text-align:center;z-index:2}.cta-title{margin-bottom:24px}.slogen-image{margin:0 auto;padding-bottom:40px;width:360px}.cta-buttons .btn{border-radius:8px;display:inline-block;font-size:1rem;margin:0 8px;padding:12px 32px;text-decoration:none;width:140px}.btn-primary{animation:fadeInLeft .4s ease-out .3s forwards;background-color:#3578ff;border:1px solid #3578ff}.btn-outline,.btn-primary{color:#fff;opacity:0;transition:transform .1s ease,box-shadow .1s ease}.btn-outline{animation:fadeInRight .4s ease-out .3s forwards;border:1px solid #fff}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.btn-primary:hover{box-shadow:0 4px 12px rgba(53,120,255,.3);transform:translateY(-2px)}.btn-outline:hover{background-color:#082c55;box-shadow:0 4px 12px hsla(0,0%,100%,.2);transform:translateY(-2px)}.cta-shape{background-color:#57ee88;border-radius:50%;bottom:-120px;height:300px;position:absolute;right:10%;width:300px;z-index:1}.footer-main{background-color:#001026;color:#ccc;padding:60px 0 120px}.footer-inner{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.footer-col{min-width:140px}.footer-col h4{color:#cacaca;font-size:20px;margin-bottom:12px}.footer-col ul{list-style:none;padding:0}.footer-col li{margin-bottom:8px}.footer-col a{color:#c8c8c8;font-size:16px;text-decoration:none}.footer-col a:hover{color:#fff}.footer-contact{min-width:200px;text-align:right}.email,.phone{color:#fff;font-size:1rem;margin:4px 0}.social a{display:inline-block;margin-left:16px;margin-top:16px}.social img{height:40px;width:40px}.social{position:relative}.weixincode{background-color:#fff;border-radius:8px;height:0;margin-left:-40px;overflow:hidden;position:absolute;top:-128px;transition:all .3s;width:120px;z-index:100}.weixincode img{height:108px;margin:4px auto 0;width:108px}.weixincode p{color:#686868;font-size:10px;margin-top:0;text-align:center}.social a:hover>.weixincode{height:140px}.footer-bottom{background-color:#00071c;padding:12px 0}.bottom-inner{align-items:center;display:flex;gap:8px;justify-content:center}.bottom-logo{height:20px;width:20px}.beian{color:#666;font-size:.85rem;text-decoration:none}@media (max-width:1280px){.footer-container{max-width:920px}.footer-cta{padding:160px 0}.slogen-image{margin:0 auto;padding-bottom:16px;width:300px}.cta-buttons .btn{display:inline-block;font-size:16px;padding:10px;width:120px}.cta-shape{bottom:-100px;height:260px;right:5%;width:260px}}@media (max-width:968px){.footer-container{max-width:720px}.footer-cta{padding:140px 0}.slogen-image{margin:0 auto;padding-bottom:8px;width:240px}.cta-buttons .btn{font-size:12px;width:100px}.btn-outline{border:.5px solid #fff}.cta-shape{bottom:-96px;height:240px;right:5%;width:240px}.footer-inner{gap:20px}.footer-col{min-width:100px}.footer-col h4{font-size:16px}.footer-contact{min-width:140px;text-align:right}.footer-col a{font-size:14px}.email,.phone{font-size:.8rem;margin:4px 0}.social img{height:36px;width:36px}.beian{font-size:.7rem}.weixincode img{height:108px;margin:4px auto 0;width:108px}}@media (max-width:768px){.footer-cta{padding:100px}.cta-shape{bottom:-70px;height:160px;right:5%;width:160px}.footer-main{padding:60px 60px 60px 100px}.footer-inner{display:flex;flex-wrap:wrap;gap:60px;justify-content:space-between}.footer-col h4{font-size:16px}.footer-contact{min-width:140px;text-align:left}.email,.footer-col a,.phone{font-size:14px}.email,.phone{margin:4px 0}.social a{display:inline-block;margin-left:16px;margin-top:16px}.social a:first-child{margin-left:0}}@media (max-width:600px){.footer-cta{padding:100px 20px}.cta-buttons .btn{border-radius:4px;margin-bottom:20px;padding:6px 10px;width:80px}.cta-shape{bottom:-40px;height:120px;right:5%;width:120px}}