#app-root{min-height:100vh;display:flex;flex-direction:column}:root{--blue:#186ff2;--cyan:#5ef7f9;--orange:#fbb32c}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#333;background:#fff;line-height:1.6;min-width:1200px;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:absolute;top:0;left:0;width:100%;height:60px;z-index:1000;background:#0003}.header.scrolled{background:#0a1e3cf2;box-shadow:0 2px 20px #00000026}.header-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:0 40px}.logo{display:flex;align-items:center;gap:12px;color:#fff}.logo-icon{width:45px;height:45px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff}.logo-text{font-size:18px;font-weight:600;letter-spacing:1px}.logo-text span{display:block;font-size:11px;font-weight:400;opacity:.8;letter-spacing:2px;margin-top:2px}.nav-menu{display:flex;gap:8px}.nav-menu a{color:#ffffffe6;padding:10px 9px;font-size:13.5px;white-space:nowrap;position:relative;transition:color .3s;border-radius:4px}@media (max-width: 1360px){.nav-menu a{padding:10px 6px;font-size:12.5px}.logo-text{font-size:16px}.header-inner{padding:15px 20px}}.nav-menu a:hover,.nav-menu a.active{color:#5ef7f9}.nav-menu a.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:30px;height:2px;background:#5ef7f9;border-radius:1px}.lang-switch{display:flex;gap:4px;background:#ffffff1a;border-radius:20px;padding:4px}.lang-switch a{padding:5px 14px;border-radius:16px;font-size:13px;color:#fffc;transition:all .3s}.lang-switch a.active{background:#5ef7f9;color:#0a1e3c;font-weight:600}.mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px}.mobile-toggle span{width:28px;height:2px;background:#fff;transition:all .3s}.banner{position:relative;min-height:600px;background:linear-gradient(135deg,#0a1e3c,#0f2850,#0a3a5c);display:flex;align-items:center;justify-content:center;overflow:hidden}.banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(94,247,249,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(14,165,233,.12) 0%,transparent 40%),radial-gradient(circle at 60% 80%,rgba(6,182,212,.1) 0%,transparent 40%)}.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(94,247,249,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(94,247,249,.03) 1px,transparent 1px);background-size:50px 50px}.banner-content{position:relative;z-index:2;text-align:center;padding:0 20px;max-width:900px}.banner-subtitle{display:inline-block;font-size:14px;color:#5ef7f9;letter-spacing:4px;margin-bottom:20px;padding:8px 20px;border:1px solid rgba(94,247,249,.4);border-radius:30px;text-transform:uppercase}.banner-title{font-size:52px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:24px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.banner-title .highlight{background:linear-gradient(90deg,#5ef7f9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner-desc{font-size:17px;color:#fffc;margin-bottom:40px;line-height:1.8}.banner-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:14px 36px;border-radius:4px;font-size:15px;font-weight:500;transition:all .3s;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;box-shadow:0 4px 15px #0ea5e966}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e999}.btn-outline{background:transparent;color:#5ef7f9;border:1px solid rgba(94,247,249,.6)}.btn-outline:hover{background:#5ef7f91a;border-color:#5ef7f9}.stats{background:#0f2850;padding:50px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1100px;margin:0 auto;padding:0 20px}.stat-item{text-align:center;color:#fff}.stat-number{font-size:42px;font-weight:700;background:linear-gradient(135deg,#5ef7f9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:14px;color:#ffffffb3}.section{padding:80px 0}.section-dark{background:#0a1e3c;color:#fff}.section-gray{background:#f5f7fa}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;font-size:13px;color:#0ea5e9;letter-spacing:3px;margin-bottom:12px;text-transform:uppercase;font-weight:500}.section-title{font-size:36px;font-weight:700;color:#0a1e3c;margin-bottom:16px}.section-dark .section-title{color:#fff}.section-subtitle{font-size:16px;color:#64748b;max-width:600px;margin:0 auto}.section-dark .section-subtitle{color:#ffffffb3}.section-header:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,#0ea5e9,#5ef7f9);margin:20px auto 0;border-radius:2px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all .4s ease;cursor:pointer;position:relative}.product-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0a1e3c26}.product-card:hover .product-image{transform:scale(1.05)}.product-card:hover .product-overlay{opacity:1}.product-image-wrapper{position:relative;height:520px;overflow:hidden;background:#fff}.product-image{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.product-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a1e3ccc,#0ea5e9b3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}.product-overlay-btn{padding:12px 30px;background:#fff;color:#0a1e3c;border-radius:30px;font-size:14px;font-weight:600}.product-info{padding:28px}.product-category{font-size:12px;color:#0ea5e9;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.product-name{font-size:18px;font-weight:600;color:#0a1e3c;margin-bottom:10px;line-height:1.4}.product-desc{font-size:14px;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{text-align:center;padding:36px 24px;background:#ffffff0d;border:1px solid rgba(94,247,249,.15);border-radius:12px;transition:all .3s}.feature-card:hover{background:#5ef7f914;border-color:#5ef7f966;transform:translateY(-4px)}.feature-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.feature-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:10px}.feature-desc{font-size:13px;color:#ffffffa6;line-height:1.6}.applications-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.app-item{text-align:center;padding:30px 15px;background:#fff;border-radius:12px;transition:all .3s;box-shadow:0 2px 10px #0000000a}.app-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0a1e3c1a}.app-icon{width:50px;height:50px;margin:0 auto 14px;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px}.app-name{font-size:14px;font-weight:500;color:#334155}.cta-section{background:linear-gradient(135deg,#0a1e3c,#0f2850);padding:80px 0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 30% 50%,rgba(94,247,249,.15) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(14,165,233,.12) 0%,transparent 50%)}.cta-content{position:relative;z-index:2}.cta-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px}.cta-desc{font-size:16px;color:#ffffffb3;margin-bottom:36px}.footer{background:#1a1d23;padding:32px 0;color:#fff9;text-align:center}.footer-content{max-width:1280px;margin:0 auto;padding:0 20px}.footer-address{font-size:14px;color:#ffffffb3;margin-bottom:14px}.footer-info{font-size:13px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}.footer-info a{color:#fff9;text-decoration:none;transition:color .3s}.footer-info a:hover{color:var(--cyan)}.police-link{display:inline-flex;align-items:center;gap:5px}.police-badge{flex-shrink:0}@media (max-width:640px){.footer-address{font-size:13px}.footer-info{font-size:12px;gap:10px}}.page-header{position:relative;padding:160px 0 80px;background:linear-gradient(135deg,#0a1e3c,#0f2850,#0a3a5c);text-align:center;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(94,247,249,.15) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(14,165,233,.12) 0%,transparent 40%)}.page-header-content{position:relative;z-index:2}.page-header .breadcrumb{font-size:13px;color:#fff9;margin-bottom:16px}.page-header .breadcrumb a{color:#5ef7f9}.page-header h1{font-size:42px;color:#fff;font-weight:700;margin-bottom:12px}.page-header p{font-size:16px;color:#ffffffbf;max-width:600px;margin:0 auto}.breadcrumb-nav{padding:20px 0;background:#f5f7fa;font-size:14px;color:#64748b}.breadcrumb-nav a{color:#0ea5e9}.breadcrumb-nav span{margin:0 10px;color:#cbd5e1}.product-detail{padding:60px 0}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.product-detail-image{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.detail-img{width:100%;border-radius:10px;display:block}.product-detail-image img{max-width:100%;height:auto}.product-detail-info h2{font-size:28px;color:#0a1e3c;margin-bottom:16px}.product-detail-info .category-tag{display:inline-block;font-size:12px;color:#0ea5e9;letter-spacing:2px;padding:6px 14px;background:#0ea5e91a;border-radius:20px;margin-bottom:20px}.product-detail-info p{font-size:15px;color:#475569;line-height:1.8;margin-bottom:24px}.spec-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0}.spec-item{padding:14px 18px;background:#f8fafc;border-radius:8px;border-left:3px solid #0ea5e9}.spec-label{font-size:12px;color:#94a3b8;margin-bottom:4px}.spec-value{font-size:15px;color:#0a1e3c;font-weight:500}.advantage-list{margin-top:30px}.advantage-list li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9;font-size:15px;color:#334155}.advantage-list li:last-child{border-bottom:none}.advantage-list .check-icon{color:#06b6d4;font-weight:700;flex-shrink:0;margin-top:2px}.products-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeInUp .8s ease forwards}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.applications-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1150px){.nav-menu{display:none}.mobile-toggle{display:flex}}@media (max-width: 768px){.mobile-toggle{display:flex}.nav-menu.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0a1e3cfa;padding:20px;gap:8px}.banner{min-height:500px}.banner-title{font-size:34px}.banner-desc{font-size:15px}.products-grid,.products-page-grid,.product-detail-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr 1fr}.applications-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:30px}.section{padding:50px 0}.section-title{font-size:26px}.page-header{padding:120px 0 60px}.page-header h1{font-size:28px}}@media (max-width: 480px){.banner-title{font-size:28px}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:20px}.stat-number{font-size:32px}.applications-grid{grid-template-columns:repeat(2,1fr);gap:12px}.header-inner{padding:12px 20px}}.header .logo-img{width:174px;height:47px;cursor:pointer}.nav{display:flex;align-items:center;height:100%}.nav a{color:#fff;font-size:15px;height:60px;line-height:60px;padding:0 13px;white-space:nowrap;position:relative;transition:color .3s;text-decoration:none}.nav a:hover{color:var(--cyan)}.nav a.active{color:var(--cyan);border-bottom:2px solid var(--cyan)}.nav-dropdown{position:relative;height:60px;display:flex;align-items:center}.nav-dropdown .drop-trigger{display:flex;align-items:center}.nav-dropdown .arrow{font-size:10px;margin-left:4px;transition:transform .3s}.nav-dropdown .arrow.open{transform:rotate(180deg)}.mega-mask{position:fixed;top:60px;left:0;right:0;bottom:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998}.mega-menu{position:fixed;top:60px;left:0;right:0;background:#0a1e3cfa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 40px #0006;z-index:999;border-top:1px solid rgba(94,247,249,.15)}.mega-inner{max-width:1280px;margin:0 auto;padding:32px 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mega-item{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;text-decoration:none;transition:all .3s}.mega-item:hover{background:#5ef7f914;border-color:#5ef7f94d;transform:translateY(-3px)}.mega-item.active{border-color:var(--cyan);background:#5ef7f91a}.mega-img{width:100%;height:140px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:8px;overflow:hidden}.mega-img img{max-width:90%;max-height:120px;object-fit:contain}.mega-name{color:#fff;font-size:14px;font-weight:600;text-align:center;line-height:1.4}.mega-item:hover .mega-name{color:var(--cyan)}.mega-enter-active,.mega-leave-active{transition:opacity .3s,transform .3s}.mega-enter-from,.mega-leave-to{opacity:0;transform:translateY(-12px)}.lang{margin-left:auto;font-size:14px;color:#fff;white-space:nowrap}.lang a{opacity:.85}.lang a.active{color:var(--cyan);opacity:1}.lang span{margin:0 4px;opacity:.5}.menu-btn{display:none;width:36px;height:36px;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:12px}.menu-btn span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s}.mobile-menu{position:absolute;top:60px;left:0;right:0;background:#0a1e3cf7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 0;box-shadow:0 8px 24px #0000004d;z-index:100}.mobile-menu>a{display:block;color:#fff;font-size:15px;padding:14px 40px;text-decoration:none;transition:all .3s;border-left:3px solid transparent}.mobile-menu>a:hover{color:var(--cyan);background:#ffffff0d;border-left-color:var(--cyan)}.mobile-menu>a.active{color:var(--cyan);border-left-color:var(--cyan);background:#5ef7f914}.mobile-group{padding:8px 0}.mobile-group-title{padding:8px 40px;color:var(--cyan);font-size:13px;opacity:.7}.mobile-group a{display:block;color:#fff;font-size:14px;padding:10px 60px;text-decoration:none;border-left:3px solid transparent;transition:all .25s}.mobile-group a:hover{color:var(--cyan);background:#ffffff0d;border-left-color:var(--cyan)}.mobile-group a.active{color:var(--cyan);border-left-color:var(--cyan)}.fade-enter-active,.fade-leave-active{transition:opacity .25s,transform .25s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(-8px)}@media (max-width:768px){.nav{display:none}.menu-btn{display:flex}.header-inner{padding:0 20px}.header .logo-img{width:140px;height:auto}.mobile-menu>a,.mobile-group a{padding-left:24px}}@media (max-width:1024px){.mega-inner{grid-template-columns:repeat(2,1fr)}}.pd-banner{position:relative;width:100%;min-height:460px;background:linear-gradient(135deg,#5b8fd4,#3a6bb0 45%,#1e4a82);display:flex;align-items:center;padding:120px 88px 60px;box-sizing:border-box;overflow:hidden}.pd-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 60%);z-index:0}.pd-banner-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1920px;margin:0 auto}.pd-banner-text{max-width:55%}.pd-banner-title{font-size:48px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.2}.pd-banner-sub{font-size:22px;color:#fffc;margin:0;font-weight:300}.pd-banner-img-wrap{position:relative;width:420px;height:320px;display:flex;align-items:flex-end;justify-content:center}.pd-banner-img{max-width:100%;max-height:260px;object-fit:contain;position:relative;z-index:2}.pd-banner-platform{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:360px;height:70px;background:radial-gradient(ellipse at center,#fff,#e8edf3 60%,#e8edf300);border-radius:50%;z-index:1}.pd-content{max-width:1280px;margin:0 auto;padding:60px 88px}.pd-title{font-size:30px;font-weight:700;color:#1e293b;margin:0 0 20px}.pd-desc{font-size:15px;line-height:1.8;color:#475569;margin:0 0 40px}.pd-row{display:flex;gap:50px;margin-bottom:50px;align-items:flex-start}.pd-row-img{flex:0 0 360px;background:#fff;border:1px solid #eef1f5;border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:center}.pd-row-img img{max-width:100%;max-height:300px;object-fit:contain}.pd-table-wrap{flex:1;min-width:0}.pd-table{width:100%;border-collapse:collapse;font-size:14px}.pd-table caption{text-align:left;font-weight:700;color:#1e293b;font-size:15px;margin-bottom:10px}.pd-table thead th{background:#2d5fa8;color:#fff;padding:10px 12px;font-weight:600;text-align:center;border:1px solid #2d5fa8}.pd-table tbody td{padding:9px 12px;border:1px solid #e2e8f0;text-align:center;color:#334155}.pd-table tbody tr:nth-child(2n){background:#f8fafc}.pd-table tbody td:first-child{text-align:left;font-weight:600;background:#f1f5f9}.pd-table.param-table thead th:first-child{text-align:left}.pd-table.param-table tbody td{text-align:center}.pd-table.param-table tbody td:first-child{text-align:left;font-weight:600;background:#f1f5f9}.pd-features{list-style:none;padding:0;margin:0}.pd-features li{display:flex;gap:14px;margin-bottom:18px}.pd-features .dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:#e74c3c;margin-top:6px}.pd-features .feat-name{font-weight:700;color:#1e293b;font-size:16px;display:block}.pd-features .feat-desc{color:#64748b;font-size:14px;line-height:1.6;display:block;margin-top:2px}@media (max-width: 900px){.pd-banner{padding:120px 24px 40px;min-height:auto}.pd-banner-inner{flex-direction:column;text-align:center;gap:30px}.pd-banner-text{max-width:100%}.pd-banner-title{font-size:32px}.pd-banner-sub{font-size:18px}.pd-banner-img-wrap{width:100%;height:240px}.pd-content{padding:40px 24px}.pd-row{flex-direction:column}.pd-row-img{flex:none;width:100%}}.banner-wrap{position:relative;width:100%;overflow:hidden}.banner-track{display:flex;transition:transform .6s ease}.banner-slide{min-width:100%;position:relative;padding-bottom:50%;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#0d2138}.banner-slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0819308c,#081930b8)}.banner-slide .center-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px;z-index:2}.banner-slide .badge{display:inline-block;border:1px solid rgba(94,247,249,.7);color:#5ef7f9;font-size:16px;letter-spacing:6px;padding:8px 24px 8px 30px;border-radius:999px;margin-bottom:38px;background:#5ef7f90f}.banner-slide .title>span{color:#fff;display:block;font-size:80px;font-weight:700;line-height:1.35}.banner-slide .title .hl{color:#5ef7f9;display:inline}.banner-slide .subtitle{margin-top:34px;font-size:18px;color:#ffffffd9;max-width:960px;line-height:1.8}.banner-slide .btns{margin-top:44px;display:flex;gap:20px;justify-content:center}.banner-slide .btns a{display:inline-block;height:44px;line-height:44px;padding:0 36px;font-size:16px;border-radius:4px;cursor:pointer}.banner-slide .btns .b1{background:var(--blue);color:#fff}.banner-slide .btns .b2{border:1px solid rgba(255,255,255,.75);color:#fff}.banner-slide .btns .b1:hover{background:#0f5cd6}.banner-slide .btns .b2:hover{border-color:#5ef7f9;color:#5ef7f9}.banner-dots{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:5}.banner-dots span{width:28px;height:4px;background:#ffffff73;cursor:pointer;transition:background .3s}.banner-dots span.on{background:#fff}.prod-top{margin:80px 0 60px 88px}.prod-top .t1 span{display:block;font-weight:700;font-size:58px;color:#333}.prod-top .t2{margin-top:-25px}.prod-carousel{position:relative;padding:0 0 100px}.prod-viewport{overflow:hidden;width:100%;padding:10px 0}.prod-track{display:flex;gap:10px;transition:transform .5s ease}.prod-item{flex:0 0 24%;position:relative;cursor:pointer;background:#ffffff8c;border:1px solid rgba(180,195,215,.6);border-radius:10px;box-shadow:0 2px 12px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;text-decoration:none;overflow:hidden;transition:box-shadow .3s,transform .3s,border-color .3s}.prod-item:hover{box-shadow:0 6px 24px #186ff226;transform:translateY(-3px);border-color:#186ff2}.prod-item:first-child{margin-left:calc(2% - 15px)}.prod-arrow{position:absolute;top:calc(50% - 50px);transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#ffffffeb;box-shadow:0 2px 8px #00000026;color:#333;font-size:26px;line-height:46px;text-align:center;cursor:pointer;z-index:5;-webkit-user-select:none;user-select:none;transition:all .3s}.prod-arrow:hover{color:var(--blue)}.prod-arrow.disabled{opacity:.3;cursor:default}.prod-arrow.prev{left:30px}.prod-arrow.next{right:30px}.prod-img{width:100%;height:220px;object-fit:contain;display:block;padding:20px;background:#ebf0f880}.prod-item .content{width:100%;text-align:center;padding:14px 12px 18px;border-top:1px solid rgba(180,195,215,.6)}.prod-item .item-text{font-size:18px;color:#333;font-weight:400;display:block;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-item .button{width:110px;height:30px;border-radius:15px;color:#186ff2;font-size:15px;display:flex;justify-content:center;align-items:center;border:solid 1px #186ff2;margin:10px auto 0;transition:all .3s}.prod-item .button:hover{background:#186ff2;color:#fff}.en-line{display:block;font-size:.78em;opacity:.7;font-weight:400;margin-top:6px;letter-spacing:.5px}.en-sub{display:block;font-size:14px;font-weight:400;opacity:.65;margin-top:6px;letter-spacing:.5px}.item-en{display:block;font-size:12px;color:#666;margin-top:4px;padding:0 8px;line-height:1.4}.cooperation{width:100%}.bg_box{height:340px;width:100%;background-image:url(/assets/img/contact_bg.jpg);background-size:cover;background-position:center}.cooperation .el-row{margin:50px 0;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.cooperation .el-col{width:33.333%;min-width:320px}.cooperation .el-card{background-color:#fff;border:1px solid #ebeef5;border-radius:4px;color:#303133;overflow:hidden}.cooperation .el-card__header{border-bottom:1px solid #ebeef5;padding:18px 20px}.cooperation .el-card__body{padding:20px}.cooperation .box-card{width:100%;height:419px;box-sizing:border-box}.cooperation .card-header{font-size:24px;color:#333;font-weight:700}.cooperation .card-header span{font-weight:800}.cooperation .el-card__body p{font-size:22px;display:flex;align-items:center;margin:0 0 10px;color:#333}.cooperation .el-card__body p .el-icon{margin-right:5px;color:#0154a2;font-size:22px;display:inline-flex}.cooperation .el-card__body p:first-child{display:block}.cooperation .el-card__body a{color:#333;text-decoration:none}.cooperation .el-card__body a:hover{text-decoration:underline}@media screen and (max-width:1080px){.cooperation .first_col{margin-bottom:20px}.bg_box{height:7.6rem!important;background-image:url(/assets/img/contact_bg.jpg)!important}.cooperation .el-col{width:100%}}.smart-box{padding:53px 110px 97px 88px;width:100%;background:#f7f7f7}.smart-box .top{display:flex;justify-content:space-between;margin-bottom:90px}.smart-box .top .title span{color:#333;display:block;font-size:58px;font-weight:700}.smart-box .top .title .sec_p{margin-top:-25px}.smart-box .top .logo{margin-top:66px;background:url(/assets/img/smart_logo2.png) no-repeat;width:200px;height:23px;background-size:cover}.smart-box .content{display:flex}.smart-box .img_box{margin-left:140px;margin-right:150px;width:720px;height:520px;display:flex;align-items:center;flex-shrink:0}.smart-box .img_box img{max-width:100%;height:auto}.smart-box .desc .topic{display:block;color:#333;font-size:24px;font-weight:700;margin-top:103px;margin-bottom:40px}.smart-box .desc .container{width:300px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.smart-box .desc .item{width:50%;font-size:18px;color:#333;margin-bottom:10px;text-align:center;display:flex;align-items:center;justify-content:center}.smart-box .desc .item img{width:8px;height:16px;margin-right:10px}.smart-box .btn{margin-top:140px;width:185px;height:30px;line-height:26px;color:var(--blue);border-radius:15px;border:solid 2px var(--blue);text-align:center;font-size:18px;cursor:pointer;background:transparent;display:block}.smart-box .btn:hover{background:var(--blue);color:#fff}.history{width:100%;height:880px;background:url(/assets/img/his-bg.jpg) no-repeat;background-size:cover;padding-top:53px;position:relative}.history .reo-logo{position:absolute;top:134px;right:16%;width:584px;height:92px}.history .develop{font-size:58px;font-weight:700;margin-left:89px;color:#fff}.historyArea{display:flex;align-items:center;width:70%;margin:80px auto 0}.historyArea .middle{margin-left:100px;display:flex;flex-direction:column;align-items:center}.historyArea .middle .shang,.historyArea .middle .xia{display:flex;flex-direction:column;align-items:center;cursor:pointer}.historyArea .middle .shang span{font-size:30px;color:#fff;margin-bottom:20px}.historyArea .middle .xia span{font-size:30px;color:#fff;margin-top:20px}.historyArea .middle .imgBox{width:6px;height:56px}.historyArea .middle .imgBox img{width:100%;height:100%}.historyArea .middle .years{display:flex;align-items:flex-start;height:200px;overflow:hidden}.historyArea .middle .years h2{color:#fff;font-weight:700;font-size:140px;line-height:200px}.historyArea .middle .carouselBox{width:166px;height:200px;overflow:hidden;position:relative}.historyArea .middle .yearTrack{transition:transform .5s ease}.historyArea .middle .yearTrack h3{color:var(--orange);font-size:140px;line-height:200px;height:200px}.historyArea .yearsList{width:60%;margin-left:11%;transition:opacity .3s ease}.historyArea .yearsList.fade{opacity:0}.historyArea .yearsList .yearItem{display:flex;align-items:center;margin-bottom:20px}.historyArea .yearsList .yearItem img{width:8px;height:16px}.historyArea .yearsList .yearItem p{margin:0 0 0 10px;font-size:16px;color:#fff}.information{width:100%;height:880px;padding:54px 88px 155px;background:url(/assets/img/news-bg.jpg) no-repeat;background-size:cover;position:relative}.information .titleHead{margin-bottom:100px;font-size:58px;color:#333;font-weight:700}.information .message{width:100%;display:flex;justify-content:space-between;margin:0 auto;padding-bottom:50px}.information .message .messageItem{width:398px;margin-right:50px;transition:transform .3s ease;background:#fff}.information .message .messageItem:last-child{margin-right:0}.information .message .messageItem:hover{transform:scale(1.1)}.information .imgArea{width:100%;height:220px;overflow:hidden}.information .imgArea img{width:100%;height:100%;object-fit:cover}.information .ncontent{background:#fff;padding:28px 22px 15px}.information .ncontent .ntitle{font-size:16px;font-weight:700;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis}.information .ncontent .ndesc{font-size:14px;font-weight:400;color:#7f7f7f;line-height:1.6;margin-top:27px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;height:67px}.information .itemBot{margin-top:90px;display:flex;justify-content:space-between;align-items:center}.information .itemBot .news{display:flex;align-items:center}.information .itemBot .news span{width:3px;height:12px;background:#00a0e9;display:block}.information .itemBot .news p{font-size:14px;color:#7f7f7f;margin:0 0 0 5px}.information .itemBot .time{font-size:14px;color:#7f7f7f}.information .more{cursor:pointer;position:absolute;right:140px;bottom:50px}.information .more p{font-size:14px;color:#333}.information .more .iconBox{width:87px;height:12px}.information .more .iconBox img{margin-top:-10px;display:block;width:100%;height:100%}.coop-box{width:100%;height:300px;padding:75px 0;background-color:var(--blue);text-align:center;text-decoration:none;display:block;box-sizing:border-box}.coop-box p{font-size:36px;color:#fff;margin-bottom:30px}.enter-btn{display:inline-flex;align-items:center;gap:18px;background:#ffffff29;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:17px;letter-spacing:3px;padding:16px 48px;border-radius:40px;transition:all .3s;cursor:pointer}.enter-btn .chev{color:#ffffffd9;transition:transform .3s}.coop-box:hover .enter-btn{background:#ffffff47;box-shadow:0 6px 24px #00000026}.coop-box:hover .enter-btn .chev:first-child{transform:translate(-4px)}.coop-box:hover .enter-btn .chev:last-child{transform:translate(4px) rotate(180deg)}@media screen and (max-width: 1500px){.banner-slide .title>span{font-size:56px}.banner-slide .badge{font-size:14px;margin-bottom:26px}.banner-slide .subtitle{font-size:16px;margin-top:24px}.banner-slide .btns{margin-top:30px}.smart-box .img_box{margin-left:40px;margin-right:60px}}.pd-banner{position:relative;height:520px;background:linear-gradient(135deg,#1e3a5f,#2d5a8c 40%,#4a7fb8);overflow:hidden}.pd-banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(100,180,255,.1) 0%,transparent 40%)}.pd-banner-content{position:absolute;top:110px;left:8%;max-width:560px;z-index:10}.pd-banner-tag{display:inline-block;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffe6;padding:6px 16px;border-radius:20px;font-size:13px;margin-bottom:24px;letter-spacing:1px}.pd-banner-title{font-size:48px;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.2);margin:0 0 14px;line-height:1.2}.pd-banner-en{font-size:19px;color:#fffc;margin:0;line-height:1.4}.pd-banner-line{width:80px;height:4px;margin-top:28px;border-radius:2px;background:linear-gradient(90deg,#4fc3f7,#2196f3)}.pd-platform-wrap{position:absolute;bottom:-30px;right:80px;width:480px;height:200px;z-index:5}.pd-platform-shadow{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:380px;height:30px;background:radial-gradient(ellipse,rgba(0,0,0,.2) 0%,transparent 70%)}.pd-platform-side{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:420px;height:40px;border-radius:50%;background:linear-gradient(180deg,#9ea4b0,#6e7480)}.pd-platform-top{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:420px;height:48px;border-radius:50%;background:linear-gradient(180deg,#fafbfc,#e4e8ee);box-shadow:0 15px 40px #00000026}.pd-product-on-platform{position:absolute;bottom:60px;left:50%;transform:translate(-50%);max-height:260px;max-width:400px;z-index:5;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}.pd-content{max-width:1280px;margin:0 auto;padding:70px 40px;box-sizing:border-box}.pd-section{margin-bottom:80px}.pd-section:last-child{margin-bottom:0}.pd-section-header{text-align:center;margin-bottom:50px}.pd-section-title{font-size:32px;font-weight:700;color:#1a2a3a;margin:0 0 12px}.pd-section-sub{font-size:13px;color:#90a4b8;letter-spacing:4px;margin:0}.pd-section-bar{width:60px;height:4px;margin:20px auto 0;border-radius:2px;background:linear-gradient(90deg,#2196f3,#64b5f6)}.pd-scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pd-scenario-card{position:relative;height:220px;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:transform .3s,box-shadow .3s}.pd-scenario-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0000002e}.pd-scenario-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.pd-scenario-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#1e3a5f33,#1e3a5fd9)}.pd-scenario-content{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff}.pd-scenario-name{font-size:17px;font-weight:700;margin-bottom:6px}.pd-scenario-desc{font-size:12px;line-height:1.6;color:#ffffffd9}.pd-intro-section{background:#f5f7fa;padding:70px 0}.pd-intro-card{max-width:920px;margin:0 auto;background-color:#fff;background-repeat:no-repeat;background-position:bottom center;background-size:100% auto;border-radius:16px;box-shadow:0 6px 30px #0000000f;padding:48px 56px 0;overflow:hidden}.pd-intro-inner{max-width:700px;margin:0 auto;padding:0 0 170px;box-sizing:border-box}.pd-intro-heading{font-family:Times New Roman,SimSun,serif;font-size:27px;font-weight:700;color:#1c3f78;text-align:center;margin:0 0 26px;line-height:1.35}.pd-intro-text{font-family:Times New Roman,SimSun,serif;font-size:16px;line-height:1.9;color:#1c1c1c;text-align:justify;text-indent:2em;margin:0 0 34px}.pd-gallery-row{display:flex;gap:26px;justify-content:space-between;align-items:center;margin-bottom:26px}.pd-gallery-row img{flex:1 1 0;min-width:0;width:100%;height:auto;object-fit:contain;display:block}.pd-intro-split{display:flex;gap:36px;align-items:center;margin-bottom:30px}.pd-intro-split-img{flex:0 0 46%;display:flex;justify-content:center;align-items:center}.pd-intro-split-img img{max-width:100%;max-height:380px;object-fit:contain}.pd-table-block{flex:1;min-width:0;margin:0}.pd-intro-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.pd-intro-table th{background:#1e3a5f;color:#fff;padding:13px 6px;text-align:center;font-weight:700;font-size:13px;border:none}.pd-intro-table th.th-model{border-right:1px solid rgba(255,255,255,.25)}.pd-intro-table th.th-perf{letter-spacing:.5px}.pd-intro-table thead tr:nth-child(2) th{background:#f0f2f5;color:#1a2a3a;font-size:12px;font-weight:600;padding:9px 4px}.pd-intro-table td{padding:14px 6px;text-align:center;color:#334155;font-size:13px;border-bottom:1px solid #e8ebef}.pd-intro-table td:first-child{font-weight:700;color:#1a2a3a;background:#f7f8fa}.pd-intro-table tbody tr:last-child td{border-bottom:none}.pd-feature-list{margin-top:34px}.pd-feature-row{display:flex;align-items:flex-start;margin-bottom:20px}.pd-feature-row:last-child{margin-bottom:0}.pd-feature-icon{width:22px;height:auto;margin-top:5px;margin-right:14px;flex-shrink:0;object-fit:contain}.pd-feature-body{flex:1}.pd-feature-title{font-family:Times New Roman,SimSun,serif;font-size:17px;font-weight:700;color:#1a2a3a;margin:0 0 6px}.pd-feature-desc{font-family:Times New Roman,SimSun,serif;font-size:14px;line-height:1.75;color:#333;margin:0}.pd-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.pd-case-card{position:relative;height:280px;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.pd-case-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.pd-case-card:hover .pd-case-bg{transform:scale(1.05)}.pd-case-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#1e3a5f4d,#1e3a5fe0)}.pd-case-content{position:absolute;bottom:0;left:0;right:0;padding:28px;color:#fff}.pd-case-tag{display:inline-block;background:#2196f3e6;padding:5px 14px;border-radius:20px;font-size:12px;margin-bottom:12px}.pd-case-title{font-size:18px;font-weight:700;margin-bottom:10px}.pd-case-desc{font-size:13px;line-height:1.7;color:#ffffffd9}@media (max-width:1024px){.pd-banner{height:460px}.pd-banner-title{font-size:38px}.pd-platform-wrap{right:20px;transform:scale(.8);transform-origin:right bottom}.pd-scenario-grid{grid-template-columns:repeat(2,1fr)}.pd-cases-grid{grid-template-columns:1fr}.pd-intro-split{flex-direction:column;gap:24px}.pd-intro-split-img{flex-basis:auto;width:100%}.pd-intro-inner{max-width:100%;padding:0 0 150px}}@media (max-width:768px){.pd-banner{height:auto;padding-bottom:220px}.pd-banner-content{position:static;padding:100px 24px 0;max-width:none}.pd-banner-title{font-size:28px}.pd-platform-wrap{right:50%;transform:translate(50%) scale(.7);transform-origin:bottom center;bottom:-20px}.pd-content{padding:40px 20px}.pd-scenario-grid{grid-template-columns:1fr}.pd-section-title{font-size:24px}.pd-intro-section{padding:40px 0}.pd-intro-card{padding:28px 20px 0;border-radius:12px}.pd-intro-inner{padding:0 0 110px}.pd-intro-heading{font-size:22px}.pd-intro-text{font-size:15px}.pd-gallery-row{gap:14px;margin-bottom:16px}.pd-gallery-row img{max-height:none}}
