/* ================================================================
   环阳科技香港有限公司 Sunwise - 首页样式 v2
   视觉对齐 innoscience.com：整页沉浸式蓝色场景 + 玻璃卡片 + 胶囊按钮
   主色 亮青蓝 #2E52B0 / 深蓝 #0F1E52 / 深蓝卡 #0B1B47
   断点：1380 / 1200 / 992 / 768 / 480
   ================================================================ */
:root{--bm:#2E52B0;--bm-d:#23408C;--bd:#0F1E52;--bd-d:#0B1B47;--bd-dd:#091538;--acc:#2A4AA5;--wht:#fff;--w85:rgba(255,255,255,.85);--w65:rgba(255,255,255,.65);--rad:16px;--glass:rgba(9,52,122,.46);--glass-b:rgba(255,255,255,.32)}
*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.75;color:#fff;background:#1D3478;overflow-x:hidden;position:relative}
/* 整页渐变背景放独立 fixed 层：滚动时由合成器渲染，避免 background-attachment:fixed 每帧全视口重绘（滚动卡顿根源） */
body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 520px at 86% 4%,rgba(130,228,255,.30) 0%,rgba(130,228,255,0) 62%),radial-gradient(1200px 700px at 50% 100%,rgba(150,230,255,.32) 0%,rgba(150,230,255,0) 62%),-webkit-linear-gradient(180deg,#14265E 0%,#1D3478 16%,#1B2F73 42%,#3560BE 66%,#4A74CE 86%,#6C93DC 100%);background:radial-gradient(1100px 520px at 86% 4%,rgba(130,228,255,.30) 0%,rgba(130,228,255,0) 62%),radial-gradient(1200px 700px at 50% 100%,rgba(150,230,255,.32) 0%,rgba(150,230,255,0) 62%),linear-gradient(180deg,#14265E 0%,#1D3478 16%,#1B2F73 42%,#3560BE 66%,#4A74CE 86%,#6C93DC 100%)}
/* 星空粒子层（平铺小白点，覆盖整页场景） */
body::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 22% 28%,rgba(255,255,255,.85),transparent 55%),radial-gradient(1.2px 1.2px at 68% 12%,rgba(255,255,255,.6),transparent 55%),radial-gradient(2px 2px at 84% 62%,rgba(255,255,255,.5),transparent 55%),radial-gradient(1.3px 1.3px at 44% 78%,rgba(255,255,255,.65),transparent 55%),radial-gradient(1.1px 1.1px at 8% 58%,rgba(255,255,255,.5),transparent 55%);background-size:340px 340px,240px 240px,420px 420px,300px 300px,180px 180px}
/* 垂直光柱层（参考站同款：自上而下的柔和发光光束 + 细网格线） */
body::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 4%,rgba(255,255,255,.13) 34%,transparent 72%) no-repeat 7% 0/96px 100%,linear-gradient(180deg,transparent 6%,rgba(255,255,255,.09) 42%,transparent 80%) no-repeat 23% 0/52px 100%,linear-gradient(180deg,transparent 2%,rgba(255,255,255,.14) 30%,transparent 66%) no-repeat 54% 0/130px 100%,linear-gradient(180deg,transparent 8%,rgba(255,255,255,.08) 48%,transparent 84%) no-repeat 75% 0/60px 100%,linear-gradient(180deg,transparent 4%,rgba(255,255,255,.12) 36%,transparent 74%) no-repeat 92% 0/104px 100%,repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 118px);-webkit-mask-image:-webkit-radial-gradient(130% 92% at 50% 0%,#000 34%,transparent 88%);mask-image:radial-gradient(130% 92% at 50% 0%,#000 34%,transparent 88%)}
header,main,footer{position:relative;z-index:1}
img{max-width:100%;height:auto;display:block;border:0;vertical-align:middle}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none;-webkit-transition:all .3s;transition:all .3s}
button,input{font-family:inherit}
button{background:none;border:0;cursor:pointer;color:inherit}
address{font-style:normal}
em,i{font-style:normal}
.w1400{max-width:1400px;margin:0 auto;padding:0 20px}
/* 胶囊按钮（参考站两种：实心青蓝 / 实心深蓝） */
.btn{display:inline-block;padding:13px 40px;border-radius:40px;font-size:15px;letter-spacing:.04em;text-align:center;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}
.btn-pri{background:var(--acc);color:#fff}
.btn-pri:hover{background:#24408F;-webkit-box-shadow:0 10px 26px rgba(4,40,90,.4);box-shadow:0 10px 26px rgba(4,40,90,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.btn-deep{background:var(--bd-dd);color:#fff}
.btn-deep:hover{background:#0A1738;-webkit-box-shadow:0 10px 26px rgba(4,25,60,.45);box-shadow:0 10px 26px rgba(4,25,60,.45);-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.btn-wht{background:#fff;color:var(--bd)}
.btn-wht:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 26px rgba(4,40,90,.35);box-shadow:0 10px 26px rgba(4,40,90,.35)}
/* 通用 Section：沉浸式透明场景，居中白标题 */
.sw-sec{padding:96px 0}
.sw-sec-head{text-align:center;max-width:780px;margin:0 auto 58px}
.sw-sec-head h2{font-size:40px;line-height:1.3;color:#fff;letter-spacing:.03em;position:relative}
.sw-sec-desc{margin-top:14px;color:var(--w85);font-size:16px}
.sw-sec-more{text-align:center;margin-top:52px}
/* ---------------- Header（参考站：实心亮蓝横条 #1B2F73） ---------------- */
.sw-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#1B2F73;-webkit-transition:-webkit-box-shadow .3s;transition:box-shadow .3s}
.sw-header.scrolled{-webkit-box-shadow:0 6px 24px rgba(0,60,120,.35);box-shadow:0 6px 24px rgba(0,60,120,.35)}
.sw-header-in{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:68px;gap:34px}
.sw-logo img{height:46px;width:auto;border-radius:6px}
/* PC 导航（sw-nav，默认即 PC） */
.sw-nav>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}
.sw-nav>ul>li{position:relative}
.sw-nav>ul>li>a{display:block;padding:10px 17px;font-size:16px;color:#fff;position:relative}
.sw-nav>ul>li>a::after{content:"";position:absolute;left:50%;bottom:2px;width:0;height:2px;background:#fff;border-radius:2px;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.sw-nav>ul>li:hover>a,.sw-nav>ul>li.cur>a{font-weight:600}
.sw-nav>ul>li:hover>a::after,.sw-nav>ul>li.cur>a::after{width:60%}
.sw-nav .sub{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px);min-width:236px;background:rgba(8,44,104,.96);border-radius:12px;-webkit-box-shadow:0 14px 38px rgba(3,22,56,.5);box-shadow:0 14px 38px rgba(3,22,56,.5);padding:10px 0;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s;border-top:3px solid var(--acc)}
.sw-nav>ul>li:hover .sub{opacity:1;visibility:visible;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.sw-nav .sub a{display:block;padding:9px 22px;font-size:14px;color:var(--w85);white-space:nowrap}
.sw-nav .sub a:hover{background:rgba(255,255,255,.1);color:#fff;padding-left:27px}
.sw-header-r{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;-ms-flex-negative:0;flex-shrink:0}
.sw-tel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px;color:#fff;font-weight:600;font-size:16px;letter-spacing:.02em}
.sw-tel svg{-webkit-flex-shrink:0;flex-shrink:0}
.sw-lang{font-size:14px;color:var(--w65)}
.sw-lang i{margin:0 5px;color:rgba(255,255,255,.35)}
.sw-lang a{color:var(--w85)}
.sw-lang a.on{color:#fff;font-weight:600}
.sw-lang a:hover{color:#fff}
/* 搜索按钮 + 弹窗 */
.sw-sbtn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.32);color:#fff;cursor:pointer;padding:0;-webkit-transition:all .3s;transition:all .3s}
.sw-sbtn:hover{background:rgba(255,255,255,.24);-webkit-transform:scale(1.06);transform:scale(1.06)}
.sw-search{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1200;background:rgba(9,20,52,.94);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}
.sw-search.on{opacity:1;visibility:visible}
.sw-search-close{position:absolute;top:26px;right:44px;font-size:46px;line-height:1;color:#fff;background:none;border:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.sw-search-close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#9AAEE0}
.sw-search-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:680px;max-width:86vw;border-bottom:2px solid rgba(255,255,255,.45);padding-bottom:10px}
.sw-search-form input{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:22px;padding:12px 6px}
.sw-search-form input::-webkit-input-placeholder{color:rgba(255,255,255,.45)}
.sw-search-form input::placeholder{color:rgba(255,255,255,.45)}
.sw-search-form button{-ms-flex-negative:0;flex-shrink:0;background:#fff;color:#1B2F73;border:0;border-radius:30px;padding:10px 30px;font-size:15px;font-weight:600;cursor:pointer;margin-left:16px;-webkit-transition:all .3s;transition:all .3s}
.sw-search-form button:hover{background:#9AAEE0;color:#fff}
.sw-search-tip{margin-top:22px;color:rgba(255,255,255,.6);font-size:14px;letter-spacing:.02em}
html.slock,html.slock body{overflow:hidden;height:100vh}
/* ---------------- Hero（参考站：左对齐大标题 + 实景照片背景） ---------------- */
.sw-hero{position:relative;padding-top:68px;background:transparent}
.sw-hero-sw{width:100%}
.sw-hero .swiper-slide{height:640px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden}
.sw-hero-s1{background:#131E45}
.sw-hero-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.sw-hero-s1::before{content:"";position:absolute;inset:0;background:-webkit-linear-gradient(90deg,rgba(11,30,62,.85) 0%,rgba(11,30,62,.5) 46%,rgba(11,30,62,.12) 78%);background:linear-gradient(90deg,rgba(11,30,62,.85) 0%,rgba(11,30,62,.5) 46%,rgba(11,30,62,.12) 78%),linear-gradient(0deg,rgba(9,24,50,.4) 0%,rgba(9,24,50,0) 32%)}
.sw-hero-txt{position:relative;z-index:2;width:100%;text-align:left}
.sw-hero-txt h1{font-size:50px;line-height:1.35;color:#fff;letter-spacing:.03em;font-weight:700;max-width:900px;margin:0;text-shadow:0 4px 30px rgba(4,24,52,.55)}
.sw-hero-sub{margin:24px 0 0;font-size:17px;color:var(--w85);max-width:640px;text-align:left}
.sw-hero-btns{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:18px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.sw-hero-s2{background:#0F1E52}
.sw-hero-s2 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0}
.sw-hero-pag{--swiper-pagination-color:#fff;--swiper-pagination-bullet-inactive-color:#fff;--swiper-pagination-bullet-inactive-opacity:.35;bottom:26px!important}
/* ---------------- 数据带（参考站：标签上/超大数字中/描述下 + 半调网点装饰） ---------------- */
.sw-stats{padding:24px 0 96px;background:transparent;position:relative}
.sw-stats::before{content:"";position:absolute;left:2%;bottom:6%;width:250px;height:170px;background-image:radial-gradient(rgba(255,255,255,.45) 1.5px,transparent 1.6px);background-size:16px 16px;opacity:.45;-webkit-mask-image:-webkit-linear-gradient(135deg,#000 30%,transparent 82%);mask-image:linear-gradient(135deg,#000 30%,transparent 82%);pointer-events:none}
.sw-stats::after{content:"";position:absolute;right:3%;top:10%;width:200px;height:140px;background-image:radial-gradient(rgba(255,255,255,.4) 1.5px,transparent 1.6px);background-size:14px 14px;opacity:.35;-webkit-mask-image:-webkit-linear-gradient(315deg,#000 30%,transparent 82%);mask-image:linear-gradient(315deg,#000 30%,transparent 82%);pointer-events:none}
.sw-stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1300px;padding:0 20px;margin:0 auto}
.sw-stat-item{position:relative;background:rgba(3,72,148,.38);border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:42px 24px 34px;text-align:center;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 16px 40px rgba(2,50,105,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 16px 40px rgba(2,50,105,.28);-webkit-transition:all .35s;transition:all .35s}
.sw-stat-item::before{content:"";position:absolute;top:-5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:#fff;-webkit-box-shadow:0 0 0 4px rgba(255,255,255,.25);box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.sw-stat-item:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);background:rgba(3,72,148,.52);-webkit-box-shadow:0 18px 44px rgba(2,40,88,.45);box-shadow:0 18px 44px rgba(2,40,88,.45)}
.sw-stat-lab{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}
.sw-stat-num{font-size:84px;font-weight:700;color:#fff;line-height:1.15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:6px;font-family:"DIN Alternate","Arial Narrow",Arial,sans-serif;text-shadow:0 6px 26px rgba(2,40,90,.55)}
.sw-stat-num em{font-size:24px;font-weight:600}
.sw-stat-desc{margin-top:8px;color:var(--w85);font-size:13px;line-height:1.6}
/* ---------------- 产品中心（白卡浮于蓝场景） ---------------- */
.sw-products{background:transparent}
.sw-prod-grid{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.sw-prod-grid a{display:block;background:#fff;border-radius:var(--rad);overflow:hidden;color:var(--bd-dd);-webkit-box-shadow:0 10px 30px rgba(4,35,80,.25);box-shadow:0 10px 30px rgba(4,35,80,.25);-webkit-transition:all .35s;transition:all .35s;height:100%}
.sw-prod-grid a:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 24px 52px rgba(3,25,62,.4);box-shadow:0 24px 52px rgba(3,25,62,.4)}
.sw-prod-pic{display:block;overflow:hidden;height: 280px;}
.sw-prod-pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transition:transform .5s;transition:transform .5s}
.sw-prod-grid a:hover .sw-prod-pic img{-webkit-transform:scale(1.07);transform:scale(1.07)}
.sw-prod-info{padding:24px 26px 28px}
.sw-prod-info h3{font-size:20px;color:var(--bd-dd);line-height:1.4}
.sw-prod-desc{margin-top:8px;color:#5C6C9C;font-size:14px;min-height:44px}
.sw-prod-more{display:inline-block;margin-top:14px;font-size:14px;color:var(--bm-d);font-weight:600;position:relative;padding-right:24px}
.sw-prod-more::after{content:"";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:15px;height:9px;background:no-repeat center/contain url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M9.5.7L13.3 4 9.5 7.3M0 4h12.8' fill='none' stroke='%231787CE' stroke-width='1.5'/%3E%3C/svg%3E")}
.sw-prod-grid a:hover .sw-prod-more{padding-right:30px}
/* ---------------- 合作品牌（深蓝玻璃卡） ---------------- */
.sw-brands{background:transparent}
.sw-brand-grid{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sw-brand-card{position:relative;background:var(--glass);border:1px solid var(--glass-b);border-radius:var(--rad);padding:34px 32px;overflow:hidden;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 36px rgba(4,35,80,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 36px rgba(4,35,80,.26);-webkit-transition:all .35s;transition:all .35s;height:100%}
.sw-brand-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:-webkit-linear-gradient(90deg,rgba(255,255,255,.85),rgba(255,255,255,.15));background:linear-gradient(90deg,rgba(255,255,255,.85),rgba(255,255,255,.15));-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition:transform .4s;transition:transform .4s}
.sw-brand-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);background:rgba(8,50,118,.58);-webkit-box-shadow:0 18px 44px rgba(3,25,62,.45);box-shadow:0 18px 44px rgba(3,25,62,.45)}
.sw-brand-card:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1)}
.sw-brand-card h3{font-size:21px;color:#fff;letter-spacing:.02em}
.sw-brand-desc{margin-top:10px;color:var(--w85);font-size:14px}
/* ---------------- 关于环阳（左文右图，白字） ---------------- */
.sw-about{background:transparent}
.sw-about-in{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.sw-about-lead{font-size:19px;color:#fff;font-weight:600;line-height:1.85}
.sw-about-body{margin-top:16px;color:var(--w85);font-size:15px;text-align:justify}
.sw-about-entries{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sw-about-entries a{background:var(--glass);border:1px solid var(--glass-b);border-radius:12px;padding:18px 15px;-webkit-transition:all .3s;transition:all .3s}
.sw-about-entries a:hover{border-color:rgba(255,255,255,.6);-webkit-transform:translateY(-4px);transform:translateY(-4px);background:rgba(8,50,118,.58)}
.sw-about-entries b{display:block;font-size:15px;color:#fff}
.sw-about-entries span{display:block;margin-top:4px;font-size:12px;color:var(--w65);line-height:1.5}
.sw-about-more{margin-top:34px}
.sw-about-pic{position:relative}
.sw-about-pic img{border-radius:var(--rad);-webkit-box-shadow:0 28px 64px rgba(3,25,62,.45);box-shadow:0 28px 64px rgba(3,25,62,.45);width:100%;border:1px solid var(--glass-b)}
.sw-about-pic::before{content:"";position:absolute;right:-18px;bottom:-18px;width:60%;height:60%;border:1.5px solid rgba(255,255,255,.3);border-radius:var(--rad);z-index:-1}
/* ---------------- 核心服务（参考站：左侧竖排选项卡 + 右侧大图卡） ---------------- */
.sw-service{background:transparent}
.sw-srv-show{display:grid;grid-template-columns:280px 1fr;gap:44px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.sw-srv-tabs li{padding:18px 22px;border-left:3px solid rgba(255,255,255,.35);color:rgba(255,255,255,.65);cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin-bottom:8px;font-size:17px;font-weight:600}
.sw-srv-tabs li span{display:block;font-size:12px;margin-top:4px;font-weight:400;letter-spacing:.04em;opacity:.8}
.sw-srv-tabs li:hover{color:#fff;border-left-color:rgba(255,255,255,.8)}
.sw-srv-tabs li.on{color:#fff;border-left-color:#fff;background:rgba(3,72,148,.32);border-radius:0 12px 12px 0}
.sw-srv-stage{position:relative;border-radius:var(--rad);overflow:hidden;min-height:440px;-webkit-box-shadow:0 26px 60px rgba(2,40,88,.45);box-shadow:0 26px 60px rgba(2,40,88,.45);border:1px solid rgba(255,255,255,.3)}
.sw-srv-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.sw-srv-stage::before{content:"";position:absolute;inset:0;z-index:1;background:-webkit-linear-gradient(180deg,rgba(9,26,54,.1) 0%,rgba(9,26,54,.82) 100%);background:linear-gradient(180deg,rgba(9,26,54,.1) 0%,rgba(9,26,54,.82) 100%)}
.sw-srv-cover{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px 38px}
.sw-srv-cover h3{font-size:26px;color:#fff;letter-spacing:.02em}
.sw-srv-desc{margin-top:10px;color:var(--w85);font-size:15px;max-width:560px}
.sw-srv-cover .btn{margin-top:22px}
/* ---------------- FAQ（深蓝玻璃手风琴） ---------------- */
.sw-faq{background:transparent}
.sw-faq-in{max-width:900px}
.sw-faq-list{border:1px solid var(--glass-b);border-radius:var(--rad);overflow:hidden;background:var(--glass)}
.sw-faq-item+.sw-faq-item{border-top:1px solid rgba(255,255,255,.14)}
.sw-faq-q{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;padding:21px 28px;font-size:16px;font-weight:600;color:#fff;text-align:left;-webkit-transition:all .3s;transition:all .3s}
.sw-faq-q:hover{color:#C4D4F5}
.sw-faq-arrow{position:relative;width:12px;height:12px;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transition:transform .3s;transition:transform .3s}
.sw-faq-arrow::before,.sw-faq-arrow::after{content:"";position:absolute;background:#fff;border-radius:2px}
.sw-faq-arrow::before{left:0;top:5px;width:12px;height:2px}
.sw-faq-arrow::after{left:5px;top:0;width:2px;height:12px}
.sw-faq-item.on .sw-faq-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.sw-faq-item.on .sw-faq-arrow::after{display:none}
.sw-faq-a{display:none;padding:0 28px 24px;color:var(--w85);font-size:15px;line-height:1.9}
/* ---------------- 新闻中心（白卡） ---------------- */
.sw-news{background:transparent}
.sw-news-grid{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.sw-news-card a{display:block;background:#fff;border-radius:var(--rad);overflow:hidden;height:100%;color:var(--bd-dd);-webkit-box-shadow:0 10px 30px rgba(4,35,80,.25);box-shadow:0 10px 30px rgba(4,35,80,.25);-webkit-transition:all .35s;transition:all .35s}
.sw-news-card a:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 24px 52px rgba(3,25,62,.4);box-shadow:0 24px 52px rgba(3,25,62,.4)}
.sw-news-pic{display:block;overflow:hidden;aspect-ratio:16/9;background:#EAEEF9}
.sw-news-pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transition:transform .5s;transition:transform .5s}
.sw-news-card a:hover .sw-news-pic img{-webkit-transform:scale(1.07);transform:scale(1.07)}
.sw-news-info{padding:22px 24px 26px}
.sw-news-date{font-size:13px;color:var(--bm-d);font-weight:600;letter-spacing:.05em}
.sw-news-info h3{margin-top:8px;font-size:17px;line-height:1.55;color:var(--bd-dd);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:52px}
.sw-news-desc{margin-top:10px;font-size:14px;color:#5C6C9C;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* ---------------- 成功案例（白卡轮播 + 居中标题） ---------------- */
.sw-case{background:transparent}
.sw-case-sw{position:relative;padding:6px 6px 56px}
.sw-case-card{display:block;background:#fff;border-radius:var(--rad);overflow:hidden;color:var(--bd-dd);-webkit-transition:all .35s;transition:all .35s;height:100%;-webkit-box-shadow:0 10px 30px rgba(4,35,80,.25);box-shadow:0 10px 30px rgba(4,35,80,.25)}
.sw-case-card:hover{-webkit-box-shadow:0 24px 52px rgba(3,25,62,.4);box-shadow:0 24px 52px rgba(3,25,62,.4);-webkit-transform:translateY(-6px);transform:translateY(-6px)}
.sw-case-pic{display:block;overflow:hidden;background:#EAEEF9}
.sw-case-pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transition:transform .5s;transition:transform .5s}
.sw-case-card:hover .sw-case-pic img{-webkit-transform:scale(1.07);transform:scale(1.07)}
.sw-case-info{padding:22px 24px 26px}
.sw-case-info h3{font-size:18px;color:var(--bd-dd);line-height:1.5}
.sw-case-desc{margin-top:10px;font-size:14px;color:#5C6C9C;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sw-case-next,.sw-case-prev{width:48px;height:48px;border-radius:50%;background:rgba(8,50,118,.55);color:#fff;border:1px solid var(--glass-b);-webkit-transition:all .3s;transition:all .3s}
.sw-case-next::after,.sw-case-prev::after{font-size:16px;font-weight:700}
.sw-case-next:hover,.sw-case-prev:hover{background:#fff;color:var(--bd)}
.sw-case-pag{--swiper-pagination-color:#fff;--swiper-pagination-bullet-inactive-color:#fff;--swiper-pagination-bullet-inactive-opacity:.35;bottom:10px!important}
/* ---------------- CTA（居中大标题 + 胶囊按钮） ---------------- */
.sw-cta{padding:110px 0 96px;text-align:center;position:relative}
.sw-cta::before{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-52%);transform:translate(-50%,-52%);width:560px;height:560px;max-width:88vw;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.4) 0%,rgba(255,255,255,.12) 38%,rgba(2,70,140,.18) 72%,rgba(2,50,110,.34) 100%);-webkit-box-shadow:inset 0 0 90px rgba(255,255,255,.18),0 30px 80px rgba(2,40,88,.3);box-shadow:inset 0 0 90px rgba(255,255,255,.18),0 30px 80px rgba(2,40,88,.3)}
.sw-cta-in{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:0 20px}
/* CTA 两侧几何节点线框装饰（参考站成功案例版块同款语言） */
.sw-cta-deco{position:absolute;top:50%;width:340px;height:340px;margin-top:-170px;z-index:1;opacity:.85;pointer-events:none}
.sw-cta-deco.deco-l{left:-30px}
.sw-cta-deco.deco-r{right:-30px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}
@media(max-width:1250px){.sw-cta-deco{display:none}}
.sw-cta-txt h2{font-size:40px;line-height:1.4;color:#fff;letter-spacing:.04em;text-shadow:0 4px 26px rgba(4,40,90,.4)}
.sw-cta-desc{margin-top:16px;color:var(--w85);font-size:16px}
.sw-cta-act{margin-top:38px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:18px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
/* ---------------- Footer（参考站：实心亮蓝底 + 白色订阅胶囊） ---------------- */
.sw-footer{background:#1E367D;border-top:0}
.sw-footer-in{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:1.45fr 1fr 1.2fr 1.45fr;gap:44px;padding:66px 20px 52px}
.sw-footer-logo img{height:48px;width:auto;}
.sw-footer-about{margin-top:18px;line-height:1.9;color:rgba(255,255,255,.9)}
.sw-footer-col h3{color:#fff;font-size:16px;margin-bottom:22px;font-weight:600}
.sw-footer-col ul li{margin-bottom:11px;line-height:1.7}
.sw-footer-col a{color:rgba(255,255,255,.9)}
.sw-footer-col a:hover{color:#fff;padding-left:4px}
.sw-footer-contact b{color:#fff;font-weight:600}
.sw-footer-contact a{word-break:break-all}
.sw-sub-box{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}
.sw-sub-box input{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background:#fff;border:0;outline:none;color:#0F1E52;font-size:14px;border-radius:30px;padding:12px 22px}
.sw-sub-box input::-webkit-input-placeholder{color:#9AAEE0}
.sw-sub-box input::placeholder{color:#9AAEE0}
.sw-sub-box .btn{padding:11px 26px;border-radius:30px;background:#fff;color:#1D3478;font-weight:600;-webkit-box-shadow:0 4px 14px rgba(0,50,110,.25);box-shadow:0 4px 14px rgba(0,50,110,.25);-ms-flex-negative:0;flex-shrink:0}
.sw-sub-box .btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.sw-footer-tip{margin-top:12px;font-size:13px;color:rgba(255,255,255,.75)}
.sw-footer-bot{border-top:1px solid rgba(255,255,255,.25);padding:20px 0;background:rgba(0,78,150,.28)}
.sw-footer-bot .w1400{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.sw-copy{color:var(--w65);font-size:13px}
.sw-icp{color:var(--w65);font-size:13px}
.sw-icp:hover{color:#fff}
/* 返回顶部（白色圆钮） */
.sw-gotop{position:fixed;right:26px;bottom:90px;z-index:900;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--bm-d);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 10px 26px rgba(3,25,62,.4);box-shadow:0 10px 26px rgba(3,25,62,.4);opacity:0;visibility:hidden;-webkit-transform:translateY(14px);transform:translateY(14px);-webkit-transition:all .3s;transition:all .3s;cursor:pointer}
.sw-gotop.show{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.sw-gotop:hover{background:var(--bd-dd);color:#fff}
/* ================================================================
   响应式
   ================================================================ */
@media(max-width:1380px){
.sw-hero-txt h1{font-size:44px}
.sw-sec-head h2{font-size:36px}
.sw-stat-num{font-size:66px}
.sw-footer-in{grid-template-columns:1.3fr 1fr 1.1fr 1.3fr;gap:32px}
}
@media(max-width:1200px){
.sw-tel{display:none}
.sw-tel span{display:none}
.sw-prod-grid,.sw-news-grid{grid-template-columns:repeat(2,1fr)}
.sw-brand-grid{grid-template-columns:repeat(2,1fr)}
.sw-footer-in{grid-template-columns:1fr 1fr}
/* header 移动端保持实心亮蓝（保证白字可读） */
.sw-header{background:#1B2F73}
/* ---- 移动导航（双类名隔离：sw-nav-m，规则仅在此媒体查询内生效） ---- */
html.js-nav .sw-nav:not(.sw-nav-m){visibility:hidden}
.sw-nav-m{position:fixed;top:68px;left:0;right:0;bottom:0;background:rgba(11,27,71,.98);z-index:990;overflow-y:auto;padding:14px 22px 60px;display:none;-webkit-box-flex:initial;-ms-flex:none;flex:none}
html.on .sw-nav-m{display:block}
.sw-nav-m>ul{display:block}
.sw-nav-m>ul>li{border-bottom:1px solid rgba(255,255,255,.14)}
.sw-nav-m>ul>li>a{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 4px;font-size:16px;color:#fff;font-weight:500;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.sw-nav-m>ul>li>a::after{display:none}
.sw-nav-m>ul>li.cur>a{font-weight:600}
.sw-nav-m .sub{display:none;position:static;opacity:1;visibility:visible;-webkit-transform:none;transform:none;min-width:0;-webkit-box-shadow:none;box-shadow:none;border-top:0;padding:0 0 10px;background:transparent}
.sw-nav-m .sub a{display:block;padding:10px 4px 10px 18px;font-size:14px;color:var(--w85);border-left:2px solid rgba(255,255,255,.3);margin-left:8px;white-space:normal}
.sw-nav-m .sub a:hover{padding-left:22px;background:transparent;color:#fff}
/* JS 注入的汉堡按钮 */
.sw-mbtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:5px;width:40px;height:40px;padding:9px;border-radius:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);cursor:pointer;-ms-flex-negative:0;flex-shrink:0}
.sw-mbtn i{display:block;width:100%;height:2px;background:#fff;border-radius:2px;-webkit-transition:all .3s;transition:all .3s}
.sw-mbtn.on i:nth-child(1){-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}
.sw-mbtn.on i:nth-child(2){opacity:0}
.sw-mbtn.on i:nth-child(3){-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}
/* JS 注入的子菜单箭头：相对 li>a 定位（注入在 a 内部） */
.sw-nav-m>ul>li{position:relative}
.sw-nav-m>ul>li>a{position:relative;padding-right:36px}
.sw-nav-m .mtg{position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:2}
.sw-nav-m .mtg::before,.sw-nav-m .mtg::after{content:"";position:absolute;background:#fff;border-radius:1px}
.sw-nav-m .mtg::before{top:11px;left:5px;width:14px;height:2px}
.sw-nav-m .mtg::after{left:11px;top:5px;width:2px;height:14px;-webkit-transition:all .3s;transition:all .3s}
.sw-nav-m li.open .mtg::after{opacity:0}
.sw-nav-m li.open .mtg::before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
/* 展开时锁定背景滚动 */
html.on,html.on body{overflow:hidden;height:100vh}
}
@media(max-width:992px){
.sw-sec{padding:72px 0}
.sw-sec-head{margin-bottom:42px}
.sw-sec-head h2{font-size:32px}
.sw-hero .swiper-slide{height:520px;}
.sw-hero-txt h1{font-size:36px}
.sw-hero-sub{font-size:15px}
.sw-stats-in{grid-template-columns:repeat(2,1fr);gap:18px}
.sw-stat-num{font-size:56px}
.sw-srv-show{grid-template-columns:1fr;gap:24px}
.sw-srv-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.sw-srv-tabs li{-webkit-box-flex:1;-ms-flex:1;flex:1;border-left:0;border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:12px 10px;text-align:center;margin:0;font-size:15px}
.sw-srv-tabs li span{display:none}
.sw-srv-tabs li.on{background:rgba(255,255,255,.18);border-color:#fff;border-radius:10px}
.sw-srv-stage{min-height:400px}
.sw-about-in{grid-template-columns:1fr;gap:44px}
.sw-about-pic{max-width:560px;margin:0 auto}
.sw-srv-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}
.sw-cta-txt h2{font-size:30px}
.sw-cta{padding:84px 0 76px}
}
@media(max-width:768px){
.sw-prod-grid,.sw-news-grid,.sw-brand-grid{grid-template-columns:1fr}
.sw-brand-grid{gap:14px}
.sw-brand-card{padding:24px 22px}
.sw-stats-in{grid-template-columns:1fr;max-width:440px;margin:0 auto}
.sw-prod-desc,.sw-news-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}
.sw-prod-info{padding:18px 20px 20px}
.sw-about-entries{grid-template-columns:1fr;gap:10px}
.sw-about-entries a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:10px;padding:13px 15px}
.sw-footer-in{grid-template-columns:1fr;gap:36px;padding:50px 20px 42px}
.sw-gotop{right:16px;bottom:24px;width:40px;height:40px}
}
@media(max-width:480px){
.sw-header-in{height:64px;gap:12px}
.sw-hero{padding-top:64px}
.sw-nav-m{top:64px;padding:10px 18px 50px}
.sw-logo img{height:36px}
/*.sw-lang{display:none}*/
.sw-search-close{top:14px;right:18px;font-size:38px}
.sw-search-form input{font-size:17px;padding:10px 4px}
.sw-search-form button{padding:9px 22px;font-size:14px}
.sw-search-tip{font-size:13px;text-align:center;padding:0 20px}
.sw-hero .swiper-slide{height:440px}
.sw-srv-stage{min-height:340px}
.sw-srv-cover{padding:24px 22px}
.sw-srv-cover h3{font-size:20px}
.sw-hero-txt h1{font-size:28px}
.sw-hero-sub{font-size:14px}
.sw-hero-btns .btn{padding:11px 26px;width:100%;max-width:320px}
.sw-hero-btns{gap:10px}
.sw-stat-num{font-size:44px}
.sw-stat-lab{font-size:13px}
.sw-sec-head h2{font-size:27px}
.sw-sec-desc{font-size:14px}
.sw-news-info h3{min-height:0}
.sw-sec{padding:60px 0}
.sw-cta-txt h2{font-size:25px}
.sw-cta-act .btn{width:100%;max-width:320px}
.sw-case-next,.sw-case-prev{display:none}
.sw-sub-box .btn{padding:10px 18px}
}

/* ============================================================
   内页样式（Inner Pages v1）— 追加于首页规则之后，不改动上方任何规则
   复用首页色板 / 栅格 / 断点：藏青 #14265E / 亮蓝 #1B2F73 / 断点 1380·1200·992·768·480
   ============================================================ */
/* ---------- 内页 Banner + 面包屑 ---------- */
.ip-banner{position:relative;padding:150px 0 62px;background:linear-gradient(90deg,rgba(10,23,56,.92) 0%,rgba(20,38,94,.78) 46%,rgba(42,74,160,.62) 100%),url(../img/hero-bg.jpg) center/cover no-repeat;overflow:hidden}
.ip-banner::after{content:"";position:absolute;left:50%;bottom:-58%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:120vw;height:60vh;border-radius:50%;border:1px solid rgba(255,255,255,.16);border-bottom:0}
.ip-banner-in{position:relative;z-index:2;text-align:center}
.ip-banner h1{font-size:46px;line-height:1.25;color:#fff;letter-spacing:.02em;font-weight:700}
.ip-banner-desc{margin:16px auto 0;max-width:760px;color:var(--w85);font-size:16px}
.crumbs{position:relative;z-index:2;margin-top:22px;font-size:14px;color:var(--w65)}
.crumbs a{color:var(--w85)}
.crumbs a:hover{color:#fff}
.crumbs i{margin:0 9px;font-style:normal;color:rgba(255,255,255,.45)}
.crumbs em{font-style:normal;color:#fff}
/* ---------- 内页通用区块 ---------- */
.ip-sec{padding:88px 0}
.ip-sec-alt{background:rgba(9,26,54,.28)}
.ip-head{text-align:center;max-width:860px;margin:0 auto 52px}
.ip-head h2{font-size:38px;line-height:1.3;color:#fff;letter-spacing:.02em}
.ip-head .ip-head-desc{margin-top:14px;color:var(--w85);font-size:15px}
.ip-head-left{text-align:left;max-width:none;margin:0 0 40px}
.ip-head-left h2{font-size:32px}
/* ---------- 通用两栏 / 三栏 / 四栏 ---------- */
.ip-g2{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:repeat(2,1fr);gap:44px}
.ip-g3{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ip-g4{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
/* 玻璃卡（内页通用） */
.ip-card{background:rgba(3,72,148,.34);border:1px solid rgba(255,255,255,.24);border-radius:var(--rad);padding:34px 30px;-webkit-transition:all .35s;transition:all .35s;height:100%}
.ip-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);background:rgba(3,72,148,.5);-webkit-box-shadow:0 18px 40px rgba(3,22,56,.4);box-shadow:0 18px 40px rgba(3,22,56,.4)}
.ip-card h3{font-size:19px;color:#fff;margin-bottom:12px}
.ip-card .ip-card-txt{color:var(--w85);font-size:14px;line-height:1.85}
.ip-card-ico{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.12);color:#fff;margin-bottom:20px}
/* ---------- About ---------- */
.ab-lead{font-size:19px;color:#fff;line-height:1.9;padding:30px 34px;border-left:3px solid #fff;background:rgba(3,72,148,.3);border-radius:0 14px 14px 0}
.ab-body{margin-top:22px;color:var(--w85);font-size:15px;line-height:2}
.ab-stat{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.ab-stat div{text-align:center;background:rgba(3,72,148,.34);border:1px solid rgba(255,255,255,.24);border-radius:14px;padding:26px 16px}
.ab-stat b{display:block;font-size:44px;color:#fff;line-height:1.2;font-family:"DIN Alternate","Arial Narrow",Arial,sans-serif}
.ab-stat span{color:var(--w85);font-size:14px}
.ab-tl{position:relative;margin-top:10px;padding-left:34px}
.ab-tl::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:rgba(255,255,255,.28)}
.ab-tl-item{position:relative;padding:0 0 30px}
.ab-tl-item::before{content:"";position:absolute;left:-30px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;-webkit-box-shadow:0 0 0 5px rgba(255,255,255,.2);box-shadow:0 0 0 5px rgba(255,255,255,.2)}
.ab-tl-item b{display:block;font-size:20px;color:#fff;margin-bottom:6px}
.ab-tl-item span{color:var(--w85);font-size:14px;line-height:1.85}
.ab-pic{position:relative}
.ab-pic img{display:block;width:100%;border-radius:var(--rad);-webkit-box-shadow:0 20px 50px rgba(3,22,56,.45);box-shadow:0 20px 50px rgba(3,22,56,.45)}
.ab-pic-cap{margin-top:14px;color:var(--w65);font-size:13px;text-align:center}
/* ---------- Products ---------- */
.pd-nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:56px}
.pd-nav a{padding:9px 22px;border-radius:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.26);color:var(--w85);font-size:14px;-webkit-transition:all .3s;transition:all .3s}
.pd-nav a:hover,.pd-nav a.on{background:#fff;color:#1B2F73;border-color:#fff}
.pd-cate-hd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:baseline;gap:16px;margin-bottom:26px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2)}
.pd-pane{position:relative;min-height:340px}
.pd-cate{display:none}
.pd-cate.on{display:block;-webkit-animation:pdIn .45s ease both;animation:pdIn .45s ease both}
@-webkit-keyframes pdIn{from{-webkit-opacity:0;-webkit-transform:translateY(18px)}to{-webkit-opacity:1;-webkit-transform:none}}
@keyframes pdIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.pd-cate-hd h2{font-size:27px;color:#fff}
.pd-cate-hd span{color:var(--w65);font-size:14px}
.pd-card{background:rgba(3,72,148,.3);border:1px solid rgba(255,255,255,.22);border-radius:var(--rad);overflow:hidden;-webkit-transition:all .35s;transition:all .35s;height:100%}
.pd-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:0 20px 46px rgba(3,22,56,.45);box-shadow:0 20px 46px rgba(3,22,56,.45);border-color:rgba(255,255,255,.4)}
.pd-card>img{display:block;width:100%;height:250px;background:#fff;-o-object-fit:contain;object-fit:contain;padding:14px;-webkit-transition:transform .35s;transition:transform .35s}
.pd-card-in{padding:24px 26px 28px}
.pd-card-in h3{font-size:19px;color:#fff;margin-bottom:10px}
.pd-card-in .pd-card-desc{color:var(--w85);font-size:14px;line-height:1.8}
.pd-card-tags{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pd-card-tags i{font-style:normal;font-size:12px;padding:4px 12px;border-radius:20px;background:rgba(255,255,255,.14);color:#fff}
/* 产品详情 */
.pd-detail{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}
.pd-gallery img{display:block;width:100%;border-radius:var(--rad);-webkit-box-shadow:0 20px 50px rgba(3,22,56,.45);box-shadow:0 20px 50px rgba(3,22,56,.45)}
.pd-gallery .pd-gallery-cap{margin-top:12px;color:var(--w65);font-size:13px}
.pd-info h1{font-size:32px;color:#fff;line-height:1.35;margin-bottom:14px}
.pd-info .pd-lead{color:var(--w85);font-size:15px;line-height:1.95}
.pd-kv{margin:26px 0 6px;display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pd-kv li{list-style:none;background:rgba(3,72,148,.34);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 18px}
.pd-kv b{display:block;font-size:13px;color:var(--w65);font-weight:400;margin-bottom:5px}
.pd-kv span{font-size:15px;color:#fff}
.pd-table{width:100%;border-collapse:collapse;margin-top:8px}
.pd-table th,.pd-table td{padding:14px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.16);font-size:14px;vertical-align:top}
.pd-table th{width:32%;color:#fff;font-weight:600;background:rgba(3,72,148,.5)}
.pd-table td{color:var(--w85)}
.pd-table tr:hover td{background:rgba(255,255,255,.06);color:#fff}
/* ---------- 列表分页 ---------- */
.pager{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;margin-top:52px}
.pager a,.pager span{min-width:40px;height:40px;padding:0 12px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:var(--w85);font-size:14px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s;transition:all .3s}
.pager a:hover{background:#fff;color:#1B2F73;border-color:#fff}
.pager .cur{background:#fff;color:#1B2F73;border-color:#fff;font-weight:600}
.pager .dis{opacity:.4;pointer-events:none}
/* ---------- News ---------- */
.nw-list{display:-webkit-box;display:-ms-flexbox;display:block}
.nw-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:28px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.16);-webkit-transition:all .3s;transition:all .3s}
.nw-item:hover{-webkit-transform:translateX(6px);transform:translateX(6px)}
.nw-item-pic{-ms-flex-negative:0;flex-shrink:0;width:250px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.08)}
.nw-item-pic img{display:block;width:100%;height:168px;-o-object-fit:cover;object-fit:cover}
.nw-item-bd{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.nw-item-meta{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--w65);font-size:13px;margin-bottom:10px}
.nw-item-meta .nw-date{color:#fff;font-weight:600}
.nw-item-bd h3{font-size:21px;color:#fff;line-height:1.45;margin-bottom:10px}
.nw-item-bd h3:hover{color:#9AAEE0}
.nw-item-desc{color:var(--w85);font-size:14px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 新闻详情 */
.nw-art{max-width:940px;margin:0 auto}
.nw-art-hd{text-align:center;margin-bottom:36px}
.nw-art-hd h1{font-size:34px;color:#fff;line-height:1.4;margin-bottom:16px}
.nw-art-meta{display:-webkit-box;display:-ms-flexbox;display:flex;gap:18px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--w65);font-size:14px}
.nw-art-meta b{color:#fff;font-weight:600}
.nw-art-body{background:rgba(3,72,148,.26);border:1px solid rgba(255,255,255,.2);border-radius:var(--rad);padding:40px 44px}
.nw-art-body .nw-p{margin-bottom:20px;color:var(--w85);font-size:15px;line-height:2}
.nw-art-body .nw-p:last-child{margin-bottom:0}
.nw-art-body h3{margin:32px 0 14px;font-size:20px;color:#fff}
.nw-art-body img{display:block;max-width:100%;border-radius:12px;margin:8px 0}
/* 上一篇 / 下一篇 */
.prevnext{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.prevnext a{display:block;background:rgba(3,72,148,.32);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:20px 24px;-webkit-transition:all .3s;transition:all .3s}
.prevnext a:hover{background:rgba(3,72,148,.55);-webkit-transform:translateY(-3px);transform:translateY(-3px)}
.prevnext span{display:block;font-size:13px;color:var(--w65);margin-bottom:8px}
.prevnext b{font-size:15px;color:#fff;font-weight:600;line-height:1.5}
.prevnext .pn-next{text-align:right}
.backlist{margin-top:26px;text-align:center}
/* ---------- Success ---------- */
.cs-item{position:relative;border-radius:var(--rad);overflow:hidden;display:block;height:100%;-webkit-transition:all .4s;transition:all .4s}
.cs-item>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:transform .5s;transition:transform .5s}
.cs-item:hover>img{-webkit-transform:scale(1.08);transform:scale(1.08)}
.cs-cover{position:absolute;left:0;right:0;bottom:0;padding:60px 26px 26px;background:-webkit-linear-gradient(top,rgba(9,20,52,0) 0%,rgba(9,20,52,.86) 62%,rgba(9,20,52,.94) 100%);background:linear-gradient(top,rgba(9,20,52,0) 0%,rgba(9,20,52,.86) 62%,rgba(9,20,52,.94) 100%)}
.cs-cover h3{font-size:20px;color:#fff;margin-bottom:8px}
.cs-cover .cs-cover-desc{color:var(--w85);font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 案例详情 */
.cs-kpi{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:44px}
.cs-kpi div{text-align:center;background:rgba(3,72,148,.34);border:1px solid rgba(255,255,255,.24);border-radius:14px;padding:28px 18px}
.cs-kpi b{display:block;font-size:40px;color:#fff;line-height:1.2;font-family:"DIN Alternate","Arial Narrow",Arial,sans-serif}
.cs-kpi span{color:var(--w85);font-size:14px}
/* ---------- Contact ---------- */
.ct-top{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:1fr 1.15fr;gap:44px}
.ct-info li{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.ct-info li:last-child{border-bottom:0}
.ct-info .ct-ico{-ms-flex-negative:0;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.12);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}
.ct-info b{display:block;font-size:13px;color:var(--w65);font-weight:400;margin-bottom:5px}
.ct-info span{color:#fff;font-size:15px;line-height:1.7}
.ct-form{background:rgba(3,72,148,.32);border:1px solid rgba(255,255,255,.22);border-radius:var(--rad);padding:38px 40px}
.ct-form h3{font-size:22px;color:#fff;margin-bottom:8px}
.ct-form .ct-form-tip{color:var(--w85);font-size:14px;margin-bottom:26px}
.ct-row{display:-webkit-box;display:-ms-flexbox;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ct-field{margin-bottom:18px}
.ct-field label{display:block;font-size:13px;color:var(--w65);margin-bottom:8px}
.ct-field label i{color:#9AAEE0;font-style:normal}
.ct-field input,.ct-field select,.ct-field textarea{display:block;width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:12px 16px;color:#fff;font-size:14px;outline:0;-webkit-transition:all .3s;transition:all .3s}
.ct-field input:focus,.ct-field select:focus,.ct-field textarea:focus{border-color:#fff;background:rgba(255,255,255,.14)}
.ct-field select option{background:#14265E;color:#fff}
.ct-field textarea{min-height:130px;-webkit-appearance:none;appearance:none;resize:vertical}
.ct-field input::-webkit-input-placeholder,.ct-field textarea::-webkit-input-placeholder{color:rgba(255,255,255,.4)}
.ct-field input::placeholder,.ct-field textarea::placeholder{color:rgba(255,255,255,.4)}
.ct-submit{border:0;cursor:pointer;width:100%;margin-top:6px}
/* 地图占位 */
.ct-map{position:relative;margin-top:26px;border-radius:var(--rad);overflow:hidden;height:400px;background:rgba(9,26,54,.5)}
.ct-map img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
/* 办公室表格 */
.ct-offices{width:100%;border-collapse:collapse}
.ct-offices th,.ct-offices td{padding:15px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.14);font-size:14px}
.ct-offices th{color:#fff;background:rgba(3,72,148,.5);font-weight:600;white-space:nowrap}
.ct-offices td{color:var(--w85);vertical-align:top}
.ct-offices tr:hover td{background:rgba(255,255,255,.05);color:#fff}
/* ---------- 内页响应式 ---------- */
@media(max-width:1380px){
.ip-banner h1{font-size:40px}
.ip-head h2{font-size:34px}
}
@media(max-width:992px){
.ip-banner{padding:124px 0 52px}
.ip-banner h1{font-size:32px}
.ip-sec{padding:64px 0}
.ip-head{margin-bottom:40px}
.ip-head h2{font-size:28px}
.ip-g2,.ip-g3,.ip-g4,.pd-detail,.ct-top{grid-template-columns:1fr;gap:32px}
.ab-stat{grid-template-columns:repeat(2,1fr);gap:16px}
.cs-kpi{grid-template-columns:1fr;gap:14px}
.nw-item-pic{width:200px}
.nw-item-pic img{height:132px}
.nw-art-body{padding:30px 26px}
.nw-art-hd h1{font-size:26px}
.pd-info h1{font-size:26px}
.ct-form{padding:28px 24px}
.ct-offices{font-size:13px}
}
@media(max-width:768px){
.nw-item{flex-direction:column;gap:18px}
.nw-item-pic{width:100%}
.nw-item-pic img{height:190px}
.nw-item-bd h3{font-size:18px}
.prevnext{grid-template-columns:1fr}
.ct-row{grid-template-columns:1fr}
.ab-stat{grid-template-columns:1fr 1fr}
.ct-map{height:300px}
.ct-offices thead{display:none}
.ct-offices tbody tr{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.ct-offices td{display:block;border:0;padding:4px 0}
.ct-offices td:before{content:attr(data-th) "：";color:var(--w65)}
}
/* ---------- 产品分类：移动端横向滑动条 ---------- */
@media(max-width:992px){
.pd-nav{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:38px;padding-bottom:6px}
.pd-nav a{-webkit-flex:0 0 auto;flex:0 0 auto;white-space:nowrap;padding:8px 18px;font-size:13px}
.pd-pane{min-height:0}
.pd-cate-hd{display:block}
.pd-cate-hd h2{font-size:23px;margin-bottom:8px}
}
/* ---------- 产品分类 v2：品牌 → 分类 两级 ---------- */
.pd-nav{margin-bottom:44px}
.pd-nav a{font-weight:600}
.pd-cate ul.ip-g3{margin-bottom:0}
.pd-card-tags .pd-more{margin-left:auto;background:rgba(255,255,255,.24);font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}
@media(max-width:992px){
.pd-nav{margin-bottom:30px}
.pd-card-tags .pd-more{margin-left:auto}
}
.pd-card:hover>img{-webkit-transform:scale(1.04);transform:scale(1.04)}
/* 分类只有 2 个时收成两列，避免右侧留空（不用 :has()，兼容旧浏览器） */
.pd-cate ul.ip-g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:992px){.pd-cate ul.ip-g2{grid-template-columns:1fr}}
/* 产品图为白底方图，详情页与首页产品区统一用 contain，避免裁掉机身 */
.pd-gallery{background:#fff;padding:26px 26px 18px}
.pd-gallery img{-o-object-fit:contain;object-fit:contain}
.sw-prod-pic{background:#fff}
.pd-gallery .pd-gallery-cap{color:#5A6480}
/* ===== Partner Brands 卡片 logo 芯片（index / about）===== */
.sw-brand-logo,.ip-logo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:58px;max-width:100%;background:#fff;border-radius:10px;padding:7px 16px;margin-bottom:18px}
.sw-brand-logo img,.ip-logo img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}
@media(max-width:768px){.sw-brand-logo,.ip-logo{height:48px;padding:6px 12px;margin-bottom:14px}}