/* ==================== 设计令牌（参考站：白底·红主色·企业蓝灰） ==================== */
:root{
  --red:#F15345;          /* 主色（取自参考站） */
  --red-2:#D23A2E;
  --red-soft:#FDF1F0;
  --navy:#16324F;         /* 深蓝灰（深色区块） */
  --navy-2:#0F2338;
  --ink:#2C3238;          /* 正文 */
  --ink-2:#66707A;        /* 次级文字 */
  --ink-3:#9AA3AD;
  --bg:#FFFFFF;
  --bg-alt:#F7F8FA;
  --line:#E7EAEF;
  --shadow-sm:0 6px 18px -8px rgba(22,50,79,.14);
  --shadow-md:0 18px 40px -18px rgba(22,50,79,.28);
  --r-lg:16px; --r-md:12px; --r-sm:8px;
  --font:"PingFang SC","Microsoft YaHei","Noto Sans SC","Source Han Sans SC",-apple-system,"Segoe UI",sans-serif;
  --maxw:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.75;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
ul{list-style:none}
.wrap{width:min(var(--maxw),100% - 40px);margin-inline:auto}
.skip{position:absolute;left:-9999px;top:0;background:var(--red);color:#fff;padding:8px 16px;z-index:99}
.skip:focus{left:0}

/* ==================== 视图路由 ==================== */
.view{display:none}
.view.active{display:block;animation:viewIn .35s ease}
@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.view.active{animation:none}}

/* ==================== 通用组件 ==================== */
.sec-head{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--red)}
.kicker::before{content:"";width:22px;height:2px;background:var(--red)}
.sec-title{font-size:clamp(1.45rem,3.4vw,2.1rem);font-weight:900;color:var(--ink);line-height:1.35;letter-spacing:.01em;margin-top:8px}
.sec-title em{font-style:normal;color:var(--red)}
.sec-sub{color:var(--ink-2);max-width:640px;font-size:14.5px;margin-top:8px}
.more-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--red)}
.more-link svg{transition:transform .25s}
.more-link:hover svg{transform:translateX(4px)}
.more-link:hover{color:var(--red-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;font-size:14.5px;font-weight:700;padding:13px 26px;border-radius:6px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s,border-color .25s;letter-spacing:.02em}
.btn:active{transform:scale(.98)}
.btn.red{background:var(--red);color:#fff;box-shadow:0 10px 24px -10px rgba(241,83,69,.55)}
.btn.red:hover{background:var(--red-2);transform:translateY(-2px)}
.btn.outline{background:#fff;color:var(--red);border:1px solid var(--red)}
.btn.outline:hover{background:var(--red);color:#fff;transform:translateY(-2px)}
.btn.navy{background:var(--navy);color:#fff}
.btn.navy:hover{background:var(--navy-2);transform:translateY(-2px)}
.btn .arr{transition:transform .25s ease}
.btn:hover .arr{transform:translateX(4px)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ==================== 顶部导航 ==================== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.site-header.solid{box-shadow:0 8px 24px -14px rgba(22,50,79,.22)}
.site-header .bar{display:flex;align-items:center;gap:14px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand .mark{width:40px;height:40px;flex:none;border-radius:8px;background:var(--red);display:grid;place-items:center}
.brand .nm{display:flex;flex-direction:column;line-height:1.25}
.brand .cn{font-size:17px;font-weight:900;letter-spacing:.06em;color:var(--navy)}
.brand .en{font-size:9.5px;letter-spacing:.28em;color:var(--ink-3);text-transform:uppercase}
/* 仅中文版：让"迈德恩集团"五字均匀拉开，首尾与英文 MAIDEEN GROUP 两端对齐（实测值，末尾尾距不可见） */
/* 中文站：五个汉字 flex 两端对齐，宽度与下方英文名一致（首尾分别对齐英文两端） */
html[lang="zh-CN"] .brand .cn{letter-spacing:0;display:flex;justify-content:space-between;align-items:flex-end;width:100%}
html[lang="zh-CN"] .brand .cn > span{display:inline-block}
@media (max-width:480px){html[lang="zh-CN"] .brand .cn{letter-spacing:0}}
.nav{display:none;align-items:center;gap:26px;margin-left:auto}
.nav a{font-size:14.5px;color:var(--ink);font-weight:500;position:relative;padding:8px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .3s ease}
.nav a:hover,.nav a.on{color:var(--red)}
.nav a:hover::after,.nav a.on::after{width:100%}
.nav .cta{margin-left:6px}
.nav .cta::after{display:none}
.header-tools{margin-left:auto;display:flex;align-items:center;gap:10px}
.header-tel{display:none;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--navy);padding:7px 14px;border:1px solid var(--line);border-radius:6px}
.header-tel svg{color:var(--red)}
.lang{display:inline-block;font-size:13px;font-weight:700;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:7px 12px;transition:border-color .25s,color .25s;flex-shrink:0}
.lang:hover{border-color:var(--red);color:var(--red)}
.burger{width:42px;height:42px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:8px}
.burger span{display:block;width:18px;height:2px;background:var(--navy);position:relative;transition:background .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--navy);transition:transform .3s ease,top .3s ease}
.burger span::before{top:-6px}
.burger span::after{top:6px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
.drawer{position:fixed;inset:0;background:#fff;z-index:60;display:flex;flex-direction:column;padding:96px 26px 36px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.drawer.open{opacity:1;visibility:visible}
.drawer a{font-size:20px;font-weight:800;color:var(--navy);padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.drawer a small{font-size:11px;letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase}
.drawer .d-cta{margin-top:28px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-bottom:0;text-align:center}
.drawer .d-lang{font-size:18px;font-weight:700;color:var(--red);padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.drawer .d-lang small{font-size:12px;letter-spacing:.12em;font-weight:600;color:var(--red);text-transform:uppercase}
.drawer .d-contact{margin-top:22px;color:var(--ink-2);font-size:13px;line-height:2}

/* ==================== 二级页横幅 ==================== */
.page-hero{background:linear-gradient(120deg,var(--navy) 0%,#1B3E63 58%,#21507E 100%);color:#fff;position:relative;overflow:hidden}
.page-hero .mesh{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 80% at 30% 40%,#000 20%,transparent 75%)}
.page-hero .inner{position:relative;z-index:2;padding:46px 0 44px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.66);letter-spacing:.03em}
.crumbs a:hover{color:#FF7A6E}
.crumbs svg{width:12px;height:12px;flex:none}
.page-hero h1{font-size:clamp(1.7rem,4.6vw,2.6rem);font-weight:900;line-height:1.3;margin-top:14px}
.page-hero h1 em{font-style:normal;color:#FF7A6E}
.page-hero .sub{color:rgba(255,255,255,.8);font-size:14.5px;max-width:640px;margin-top:10px}
.page-hero .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* ==================== 面板 / 网格 ==================== */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.panel-alt{background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.grid2{display:grid;grid-template-columns:1fr;gap:16px}
.grid3{display:grid;grid-template-columns:1fr;gap:16px}
.grid4{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:768px){
  .grid2{grid-template-columns:repeat(2,1fr)}
  .grid3{grid-template-columns:repeat(3,1fr)}
  .grid4{grid-template-columns:repeat(4,1fr)}
}

/* ==================== 产品中心（二级） ==================== */
.pline{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.pline::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.pline:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:rgba(241,83,69,.35)}
.pline:hover::before{transform:scaleX(1)}
.pline .ic{width:46px;height:46px;border-radius:11px;background:var(--red-soft);display:grid;place-items:center;color:var(--red)}
.pline h3{font-size:16px;font-weight:800;color:var(--navy);margin-top:13px}
.pline p{font-size:13px;color:var(--ink-2);line-height:1.7;margin-top:6px}
.pline .go{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--red);margin-top:12px}
.model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}
.mcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:rgba(241,83,69,.35)}
.mcard .ph{position:relative;aspect-ratio:1/1;overflow:hidden;background:#F0F1F3}
.mcard .ph img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.mcard:hover .ph img{transform:scale(1.05)}
.mcard .ph .ph-spec{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(140deg,#F0F1F3,#E4E8EE);color:var(--ink-3)}
.mcard .ph .ph-spec svg{width:52px;height:52px;opacity:.55}
.mcard .tag{position:absolute;left:12px;top:12px;background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;padding:5px 11px;border-radius:4px;z-index:2;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}
.mcard .bd{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.mcard h3{font-size:16px;font-weight:800;color:var(--navy)}
.mcard p{font-size:13px;color:var(--ink-2);line-height:1.65}
.mcard .specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.mcard .specs span{font-size:11.5px;background:var(--bg-alt);border:1px solid var(--line);border-radius:4px;padding:4px 9px;color:var(--ink)}
.mcard .go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--red);padding-top:12px}
.mcard .go svg{transition:transform .25s}
.mcard:hover .go svg{transform:translateX(4px)}
.oem-banner{background:linear-gradient(120deg,var(--navy-2),var(--navy));border-radius:var(--r-lg);color:#fff;padding:30px 26px;display:grid;gap:14px;position:relative;overflow:hidden}
.oem-banner .ghost{position:absolute;right:-10px;bottom:-24px;font-size:120px;font-weight:900;color:rgba(255,255,255,.05);pointer-events:none}
.oem-banner h3{font-size:19px;font-weight:900}
.oem-banner p{color:rgba(255,255,255,.8);font-size:13.5px;max-width:56ch}
.oem-banner .cta-row{display:flex;flex-wrap:wrap;gap:10px}

/* ==================== 产品详情（三级） ==================== */
.pdetail{display:grid;gap:22px}
.pdetail .gallery{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#F0F1F3}
.pdetail .gallery img{width:100%;aspect-ratio:1/1;object-fit:cover}
.pdetail .gallery .tag{position:absolute;left:14px;top:14px;background:var(--red);color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;padding:6px 13px;border-radius:4px;z-index:2}
.pdetail .info h2{font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:900;color:var(--navy)}
.pdetail .info .lead{color:var(--ink-2);font-size:14.5px;margin-top:8px;max-width:52ch}
.pdetail .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.spec-table{width:100%;border-collapse:collapse;margin-top:18px;table-layout:fixed}
.spec-table th,.spec-table td{border:1px solid var(--line);padding:11px 14px;text-align:left;font-size:13.5px;vertical-align:top}
.spec-table th{background:var(--bg-alt);color:var(--navy);font-weight:700;width:38%}
.spec-table td{color:var(--ink)}
.feature-list{display:grid;gap:12px;margin-top:18px}

/* ===== 产品详情 · 方形多图轮播 ===== */
.pdetail .gallery .g-slider{position:relative;width:100%}
.pdetail .gallery .g-track{display:flex;transition:transform .45s ease}
.pdetail .gallery .g-slide{flex:0 0 100%;aspect-ratio:1/1}
.pdetail .gallery .g-slide img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;display:block}
.pdetail .gallery .g-prev,.pdetail .gallery .g-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:var(--navy);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(20,40,60,.16);display:flex;align-items:center;justify-content:center;z-index:3;transition:background .2s,color .2s}
.pdetail .gallery .g-prev:hover,.pdetail .gallery .g-next:hover{background:var(--red);color:#fff}
.pdetail .gallery .g-prev{left:12px}
.pdetail .gallery .g-next{right:12px}
.pdetail .gallery .g-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:7px;z-index:3}
.pdetail .gallery .g-dots span{width:8px;height:8px;border-radius:50%;background:rgba(20,40,60,.3);cursor:pointer;transition:background .2s,transform .2s}
.pdetail .gallery .g-dots span.on{background:#fff;box-shadow:0 0 0 2px var(--red);transform:scale(1.18)}
@media (max-width:480px){.pdetail .gallery .g-prev,.pdetail .gallery .g-next{width:34px;height:34px;font-size:20px}}

/* ===== 产品详情 · 底部详情区块 ===== */
.pdetail-details{grid-column:1/-1;margin-top:12px}
.pdetail-details .sec-head{text-align:center}
.pd-grid{display:grid;gap:20px;margin-top:26px}
.pd-block{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.pd-img{background:#F0F1F3;aspect-ratio:16/10;overflow:hidden}
.pd-img img{width:100%;height:100%;object-fit:cover;display:block}
.pd-txt{padding:20px}
.pd-txt h3{font-size:1.05rem;font-weight:800;color:var(--navy)}
.pd-txt p{font-size:13.5px;color:var(--ink-2);line-height:1.8;margin-top:6px}
@media (min-width:768px){.pd-grid{grid-template-columns:repeat(2,1fr)}}
.fline{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px}
.fline .ic{width:38px;height:38px;flex:none;border-radius:9px;background:var(--red-soft);display:grid;place-items:center;color:var(--red)}
.fline .tx b{display:block;font-size:13.5px;color:var(--navy);font-weight:800}
.fline .tx span{font-size:12.5px;color:var(--ink-2);line-height:1.65}
.warranty-strip{display:grid;gap:10px;margin-top:18px}
.wstrip{display:flex;gap:12px;align-items:center;background:var(--red-soft);border:1px solid rgba(241,83,69,.25);border-radius:var(--r-md);padding:13px 16px}
.wstrip .ic{width:36px;height:36px;flex:none;border-radius:9px;background:var(--red);display:grid;place-items:center;color:#fff}
.wstrip b{font-size:13.5px;color:var(--navy)}
.wstrip span{font-size:12.5px;color:var(--ink-2)}

/* ==================== 新闻 ==================== */
.nrow{display:grid;grid-template-columns:auto 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;transition:transform .3s,border-color .3s,box-shadow .3s;align-items:start}
.nrow:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:rgba(241,83,69,.35)}
.nrow .date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:64px;flex:none;background:var(--red-soft);border-radius:var(--r-sm);color:var(--red)}
.nrow .date b{font-size:20px;font-weight:900;line-height:1.1}
.nrow .date span{font-size:11px;font-weight:700;letter-spacing:.05em}
.nrow h3{font-size:16px;font-weight:800;color:var(--navy);line-height:1.5}
.nrow p{font-size:13px;color:var(--ink-2);line-height:1.7;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nrow .more{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--red);margin-top:10px}
.nrow .more svg{transition:transform .25s}
.nrow:hover .more svg{transform:translateX(4px)}
.news-detail{max-width:820px;margin-inline:auto}
.news-detail article{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 30px}
.news-detail h1{font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:900;color:var(--navy);line-height:1.45}
.news-detail .meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--ink-3);font-size:12.5px;margin-top:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.news-detail .meta span{display:inline-flex;align-items:center;gap:6px}
.news-detail .meta svg{width:13px;height:13px;color:var(--red)}
.news-detail .body{margin-top:20px;color:var(--ink);font-size:15px;line-height:2}
.news-detail .body p{margin-bottom:16px}
.news-detail .body h3{font-size:16.5px;font-weight:800;color:var(--navy);margin:22px 0 10px}
.news-detail .body ul{padding-left:2px;margin-bottom:16px}
.news-detail .body ul li{position:relative;padding-left:18px;margin-bottom:8px;color:var(--ink-2)}
.news-detail .body ul li::before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--red)}
.news-detail .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.news-detail .tags span{font-size:12px;background:var(--bg-alt);border:1px solid var(--line);border-radius:4px;padding:4px 10px;color:var(--ink-2)}

/* ==================== 国际业务（二级） ==================== */
.region-grid{display:grid;grid-template-columns:1fr;gap:14px}
.region{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px;transition:transform .3s,box-shadow .3s,border-color .3s}
.region:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:rgba(241,83,69,.3)}
.region .head{display:flex;align-items:center;gap:12px}
.region .ic{width:44px;height:44px;flex:none;border-radius:10px;background:var(--red-soft);display:grid;place-items:center;color:var(--red)}
.region h3{font-size:15.5px;font-weight:800;color:var(--navy)}
.region p{font-size:13px;color:var(--ink-2);line-height:1.7;margin-top:10px}
.cert-grid{display:grid;grid-template-columns:1fr;gap:14px}
.cert{background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:24px 22px;position:relative;overflow:hidden;display:grid;gap:8px}
.cert::after{content:"";position:absolute;right:-24px;top:-24px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.06)}
.cert .ic{width:44px;height:44px;border-radius:10px;background:var(--red);display:grid;place-items:center}
.cert h3{font-size:15.5px;font-weight:800}
.cert p{font-size:12.5px;color:rgba(255,255,255,.75);line-height:1.7}
.service-grid{display:grid;grid-template-columns:1fr;gap:14px}
.svc{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
.svc .ic{width:42px;height:42px;flex:none;border-radius:10px;background:var(--red-soft);display:grid;place-items:center;color:var(--red)}
.svc b{display:block;font-size:14px;color:var(--navy);font-weight:800}
.svc span{font-size:12.5px;color:var(--ink-2);line-height:1.7;margin-top:4px;display:block}

/* ==================== 关于（二级） ==================== */
.about-intro{display:grid;gap:22px;align-items:center}
.about-intro .txt p{color:var(--ink-2);font-size:14.5px;line-height:2;margin-bottom:12px}
.about-intro .txt b{color:var(--navy)}
.about-intro .photo{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}
.about-intro .photo img{width:100%;height:250px;object-fit:cover}
.timeline{position:relative;display:grid;grid-template-columns:64px 26px 1fr;gap:0 10px;margin-top:8px}
.timeline::before{content:"";position:absolute;left:86px;top:8px;bottom:8px;width:2px;background:var(--line)}
.tl-item{display:contents}
.tl-item .yr{grid-column:1;text-align:right;font-size:15px;font-weight:900;color:var(--red);padding:22px 0;line-height:1.2}
.tl-item .dot{grid-column:2;position:relative;display:flex;justify-content:center;align-self:stretch}
.tl-item .dot::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--red);border:3px solid #fff;box-shadow:0 0 0 2px var(--red);box-sizing:border-box;position:absolute;top:50%;transform:translateY(-50%);z-index:1}
.tl-item .tl-card{grid-column:3;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;margin:12px 0}
.tl-item .tl-card b{display:block;font-size:14.5px;color:var(--navy);font-weight:800}
.tl-item .tl-card span{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.7;margin-top:4px}
.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.value{background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 18px;text-align:center;display:grid;gap:8px;justify-items:center}
.value .ic{width:46px;height:46px;border-radius:11px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--red)}
.value b{font-size:15px;color:var(--navy);font-weight:800}
.value span{font-size:12.5px;color:var(--ink-2);line-height:1.7}

/* ==================== 联系（二级） ==================== */
/* 询盘流程：横向步骤卡 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 14px 18px;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}
.step:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(22,50,79,.08);border-color:var(--red-soft)}
.step .sno{position:absolute;top:12px;left:12px;font-size:11.5px;font-weight:900;color:var(--red);letter-spacing:.5px;background:var(--red-soft);border-radius:7px;padding:3px 7px}
.step .sic{width:46px;height:46px;margin:6px auto 12px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red-2));display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px rgba(241,83,69,.28)}
.step b{display:block;font-size:14.5px;color:var(--navy);font-weight:800}
.step .sdesc{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.7;margin-top:6px}
@media (max-width:860px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 2px;font-size:14.5px;font-weight:700;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:none;color:var(--red);transition:transform .3s}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq .fa{color:var(--ink-2);font-size:13.5px;line-height:1.9;padding:0 2px 16px;max-width:680px}

/* ==================== Hero（首页） ==================== */
.hero{position:relative;background:linear-gradient(120deg,var(--navy) 0%,#1B3E63 58%,#21507E 100%);color:#fff;overflow:hidden}
.hero .mesh{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 80% at 30% 40%,#000 20%,transparent 75%)}
.hero .glow{position:absolute;right:-10%;top:-20%;width:52vw;height:52vw;max-width:640px;max-height:640px;border-radius:50%;background:radial-gradient(circle,rgba(241,83,69,.28) 0%,transparent 66%);pointer-events:none}
.hero-inner{position:relative;z-index:2;display:grid;gap:34px;align-content:center;padding:56px 0 48px}
.hero .crumb{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.14em;color:rgba(255,255,255,.75);text-transform:uppercase}
.hero .crumb::before{content:"";width:26px;height:2px;background:var(--red)}
.hero h1{font-size:clamp(1.8rem,6vw,3.3rem);font-weight:900;line-height:1.28;letter-spacing:.02em;margin-top:16px}
.hero h1 em{font-style:normal;color:#FF7A6E}
.hero .sub{margin-top:14px;color:rgba(255,255,255,.82);max-width:52ch;font-size:14.5px}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero .chips span{font-size:12.5px;color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.28);border-radius:4px;padding:6px 12px;background:rgba(255,255,255,.06);letter-spacing:.02em}
.hero .chips b{color:#FF7A6E;font-weight:700}
.hero-visual{position:relative;display:grid;place-items:center}
.hero-card{position:relative;width:100%;max-width:560px;background:#fff;border-radius:18px;padding:14px;box-shadow:0 34px 70px -30px rgba(0,0,0,.5)}
.hero-card .ph{border-radius:12px;overflow:hidden;background:#F0F1F3;position:relative}
.hero-card .ph img{width:100%;height:100%;object-fit:cover}
.hero-card .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(15,35,56,.28));pointer-events:none}
.hero-card .spec-row{display:flex;justify-content:space-between;gap:8px;padding:13px 6px 5px;flex-wrap:wrap}
.hero-card .spec{display:flex;flex-direction:column;gap:2px;min-width:0}
.hero-card .spec b{font-size:13px;color:var(--navy);font-weight:800}
.hero-card .spec span{font-size:11px;color:var(--ink-2)}
.hero-card .flag{position:absolute;right:26px;top:26px;background:var(--red);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.08em;padding:6px 13px;border-radius:4px;box-shadow:0 8px 20px -8px rgba(241,83,69,.6);z-index:2}
.hero-stats{background:rgba(255,255,255,.06);border-top:1px solid rgba(255,255,255,.14);backdrop-filter:blur(4px)}
.hero-stats .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:20px 0}
.hero-stats .cell{display:flex;flex-direction:column;gap:2px;padding-left:16px;border-left:2px solid var(--red)}
.hero-stats .num{font-size:clamp(1.35rem,3.6vw,1.9rem);font-weight:900;color:#fff;line-height:1.1}
.hero-stats .num i{font-style:normal;color:#FF7A6E;font-size:.7em;margin-left:1px}
.hero-stats .lab{font-size:12px;color:rgba(255,255,255,.7);letter-spacing:.04em}

/* ==================== 业务领域（首页） ==================== */
.biz{background:var(--bg);padding:66px 0 70px}
.biz .sec-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.biz .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}
.bizcard{position:relative;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 20px 22px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden}
.bizcard::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.bizcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(241,83,69,.4)}
.bizcard:hover::before{transform:scaleX(1)}
.bizcard .ic{width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--red);transition:background .3s,color .3s}
.bizcard:hover .ic{background:var(--red);color:#fff;border-color:var(--red)}
.bizcard h3{font-size:16.5px;font-weight:800;margin-top:14px;color:var(--navy)}
.bizcard p{font-size:13px;color:var(--ink-2);line-height:1.7;margin-top:6px}
.bizcard .go{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--red);margin-top:14px}
.bizcard .go svg{transition:transform .25s}
.bizcard:hover .go svg{transform:translateX(4px)}

/* ==================== 产品精选（首页） ==================== */
.products{background:var(--bg-alt);padding:66px 0 70px}
.products .sec-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.featured{display:grid;grid-template-columns:1fr;gap:16px;margin-top:30px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease,border-color .35s}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgba(241,83,69,.35)}
.pcard .ph{position:relative;aspect-ratio:4/3;overflow:hidden;background:#F0F1F3;display:block}
.pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.pcard:hover .ph img{transform:scale(1.05)}
.pcard .tag{position:absolute;left:12px;top:12px;background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px 11px;border-radius:4px;z-index:2}
.pcard .bd{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.pcard h3{font-size:16.5px;font-weight:800;color:var(--navy)}
.pcard h3 a{color:inherit}
.pcard h3 a:hover{color:var(--red)}
.pcard p{font-size:13px;color:var(--ink-2);line-height:1.65}
.pcard .specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.pcard .specs span{font-size:11.5px;background:var(--bg-alt);border:1px solid var(--line);border-radius:4px;padding:4px 9px;color:var(--ink)}
.pcard .go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--red);padding-top:12px}
.pcard .go svg{transition:transform .25s}
.pcard:hover .go svg{transform:translateX(4px)}

/* ==================== 国际化品牌（首页） ==================== */
.global{background:linear-gradient(130deg,var(--navy-2) 0%,var(--navy) 60%,#1B4268 100%);color:#fff;padding:66px 0 70px;position:relative;overflow:hidden}
.global .ghost{position:absolute;right:-2%;top:8%;font-size:clamp(120px,22vw,260px);font-weight:900;color:rgba(255,255,255,.04);letter-spacing:-.02em;pointer-events:none;user-select:none}
.global .grid{display:grid;gap:30px;margin-top:30px;position:relative;z-index:2}
.global .kicker{color:#FF7A6E}
.global .kicker::before{background:#FF7A6E}
.global h2{color:#fff;font-size:clamp(1.4rem,3.4vw,2rem)}
.global .sub{color:rgba(255,255,255,.8);font-size:14.5px;max-width:56ch;margin-top:10px}
.counters{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.counters .cell{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);padding:20px 16px;position:relative;overflow:hidden;transition:background .3s,transform .3s}
.counters .cell:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}
.counters .v{font-size:clamp(1.5rem,4.4vw,2.2rem);font-weight:900;color:#fff;line-height:1.1}
.counters .v i{font-style:normal;color:#FF7A6E;font-size:.7em;margin-left:1px}
.counters .l{font-size:12.5px;color:rgba(255,255,255,.72);margin-top:5px;letter-spacing:.04em}
.global .photo{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow-md)}
.global .photo img{width:100%;height:250px;object-fit:cover;object-position:50% 72%}
.global .photo .cap{position:absolute;left:0;right:0;bottom:0;padding:38px 18px 14px;background:linear-gradient(transparent,rgba(15,35,56,.9));font-size:12.5px;color:rgba(255,255,255,.92)}

/* ==================== 砥砺前行（首页） ==================== */
.mission{background:var(--bg);padding:66px 0 70px}
.mission .grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:30px}
.mcard{display:grid;gap:8px;background:var(--bg-alt);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:var(--r-md);padding:26px 24px;transition:transform .3s,box-shadow .3s}
.mcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.mcard .ic{width:46px;height:46px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--red)}
.mcard h3{font-size:17px;font-weight:800;color:var(--navy);margin-top:4px}
.mcard p{font-size:13.5px;color:var(--ink-2);line-height:1.7}
.mcard .en{font-size:11px;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;font-weight:700}

/* ==================== 新闻（首页） ==================== */
.news{background:var(--bg-alt);padding:66px 0 70px}
.news .sec-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.news .grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:30px}
.ncard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px;display:flex;flex-direction:column;gap:10px;transition:transform .3s,border-color .3s,box-shadow .3s}
.ncard:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:rgba(241,83,69,.35)}
.ncard .dt{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3);font-weight:600}
.ncard .dt::before{content:"";width:14px;height:2px;background:var(--red)}
.ncard h3{font-size:15.5px;font-weight:800;color:var(--navy);line-height:1.5}
.ncard h3 a{color:inherit}
.ncard h3 a:hover{color:var(--red)}
.ncard p{font-size:13px;color:var(--ink-2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ncard .more{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--red)}
.ncard .more svg{transition:transform .25s}
.ncard:hover .more svg{transform:translateX(4px)}

/* ==================== 联系我们（首页） ==================== */
.contact{background:var(--navy);color:#fff;padding:66px 0 70px;position:relative;overflow:hidden}
.contact .grid{display:grid;gap:28px;margin-top:30px}
.contact .kicker{color:#FF7A6E}
.contact .kicker::before{background:#FF7A6E}
.contact h2{color:#fff}
.citems{display:grid;gap:12px}
.citem{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);padding:16px 16px}
.citem .ic{width:42px;height:42px;flex:none;border-radius:10px;background:var(--red);display:grid;place-items:center}
.citem .t{font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.6);text-transform:uppercase;font-weight:700}
.citem .v{font-size:14.5px;font-weight:600;margin-top:3px;word-break:break-all}
.citem .v a{border-bottom:1px dashed rgba(255,255,255,.4)}
.citem .v a:hover{color:#FF7A6E;border-color:#FF7A6E}
.form-card{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--shadow-md)}
.form-card h3{font-size:18px;font-weight:900;color:var(--navy)}
.form-card .tip{font-size:12.5px;color:var(--ink-2);margin-top:6px}
.frow{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}
.field{display:grid;gap:6px}
.field label{font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:.03em}
.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:16px;font-family:inherit;padding:12px 13px;transition:border-color .25s,box-shadow .25s;outline:none;-webkit-appearance:none;appearance:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(241,83,69,.14)}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23F15345' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
.field textarea{min-height:86px;resize:vertical}
.form-card .submit{width:100%;margin-top:16px}
.form-note{font-size:11.5px;color:var(--ink-3);margin-top:10px;text-align:center}

/* ==================== 页脚 ==================== */
.site-footer{background:var(--navy-2);color:rgba(255,255,255,.72);padding:54px 0 30px}
.site-footer .top{display:grid;gap:26px;grid-template-columns:1fr}
.site-footer .f-brand .nm{font-size:19px;font-weight:900;color:#fff;letter-spacing:.05em}
.site-footer .f-brand .en{font-size:10.5px;letter-spacing:.26em;color:#FF7A6E;text-transform:uppercase;margin-top:5px}
.site-footer .f-brand p{margin-top:12px;font-size:13px;line-height:1.9;max-width:42ch}
.site-footer .f-links{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.site-footer .f-links h4{font-size:13px;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:.06em}
.site-footer .f-links a{display:block;font-size:13px;padding:4px 0;color:rgba(255,255,255,.66);transition:color .25s}
.site-footer .f-links a:hover{color:#FF7A6E}
.site-footer .f-contact{display:grid;gap:8px;font-size:13px;line-height:1.9}
.site-footer .f-contact b{color:#fff;font-weight:700}
.site-footer .bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:rgba(255,255,255,.5);line-height:1.8}

/* ==================== 页脚（v3 多视图） ==================== */
.drawer .close{position:absolute;top:26px;right:24px;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;color:var(--navy);font-size:22px;line-height:1;transition:border-color .25s,color .25s}
.drawer .close:hover{border-color:var(--red);color:var(--red)}
.c-line{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
.c-line .ic{width:42px;height:42px;flex:none;border-radius:10px;background:var(--red-soft);display:grid;place-items:center;color:var(--red)}
.c-line .t{font-size:11px;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;font-weight:700}
.c-line .v{font-size:13.5px;font-weight:600;margin-top:3px;color:var(--ink);word-break:break-all}
.c-line .v a{border-bottom:1px dashed var(--line)}
.c-line .v a:hover{color:var(--red);border-color:var(--red)}
.footer{background:var(--navy-2);color:rgba(255,255,255,.72);padding:54px 0 30px;position:relative}
.footer::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--red) 0%,var(--red) 46%,transparent 46%)}
.footer .cols{display:grid;gap:28px;grid-template-columns:1fr}
.footer .f-logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:900;color:#fff;letter-spacing:.05em}
.footer .f-logo .mark{width:34px;height:34px;flex:none;border-radius:8px;background:var(--red);display:grid;place-items:center;color:#fff;font-size:16px;font-weight:900}
.footer .f-logo .en{font-size:10px;letter-spacing:.22em;color:#FF7A6E;text-transform:uppercase}
.footer .f-about{margin-top:12px;font-size:13px;line-height:1.9;max-width:42ch}
.footer .f-cert{display:flex;gap:8px;margin-top:14px}
.footer .f-cert span{font-size:11px;font-weight:700;letter-spacing:.1em;border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:4px 10px;color:rgba(255,255,255,.85)}
.footer h4{font-size:13px;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:.06em}
.footer ul li a{display:block;font-size:13px;padding:4px 0;color:rgba(255,255,255,.66);transition:color .25s}
.footer ul li a:hover{color:#FF7A6E}
.footer ul.f-qlinks{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.footer .f-contact li{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.9}
.footer .f-contact svg{flex:none;margin-top:5px;color:#FF7A6E}
.footer .f-bar{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:rgba(255,255,255,.5);line-height:1.8}
.footer .f-links{display:flex;gap:10px;align-items:center}
@media (min-width:768px){
  .footer .cols{grid-template-columns:1.2fr 1fr .9fr 1fr}
  .footer .f-bar{flex-direction:row;justify-content:space-between}
}

/* ==================== Toast ==================== */
.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.94);background:var(--navy);color:#fff;border-left:4px solid var(--red);padding:16px 26px;border-radius:10px;font-size:15px;line-height:1.5;z-index:9999;box-shadow:0 18px 50px rgba(10,28,48,.42);opacity:0;width:max-content;max-width:min(420px, calc(100vw - 48px));text-align:center;pointer-events:none;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .32s}
.toast.show{transform:translate(-50%,-50%) scale(1);opacity:1}
@media (max-width:480px){.toast{font-size:14px;padding:14px 20px}}

/* ==================== 响应式 ==================== */
@media (min-width:768px){
  .nav{display:flex}
  .burger{display:none}
  .drawer{display:none!important}
  .header-tel{display:inline-flex}
  .hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;padding:72px 0 60px}
  .hero-stats .grid{grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 0}
  .hero-stats .cell{padding-left:18px}
  .biz .grid{grid-template-columns:repeat(4,1fr);gap:16px}
  .featured{grid-template-columns:repeat(2,1fr)}
  .global .grid{grid-template-columns:1.05fr .95fr;align-items:center}
  .mission .grid{grid-template-columns:repeat(2,1fr)}
  .news .grid{grid-template-columns:repeat(3,1fr)}
  .contact .grid{grid-template-columns:.94fr 1.06fr;align-items:start}
  .frow{grid-template-columns:repeat(2,1fr)}
  .frow .full{grid-column:1/-1}
  .site-footer .top{grid-template-columns:1.15fr 1fr .9fr}
  .site-footer .bottom{flex-direction:row;justify-content:space-between}
  .field input,.field select,.field textarea{font-size:14px}
  .pdetail{grid-template-columns:.9fr 1.1fr;align-items:start}
  .about-intro{grid-template-columns:1fr .9fr}
  .model-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .model-grid.quad{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .cert-grid{grid-template-columns:repeat(2,1fr)}
  .region-grid{grid-template-columns:repeat(2,1fr)}
  .oem-banner{grid-template-columns:1.2fr auto;align-items:center}
}
@media (min-width:1100px){
  .featured{grid-template-columns:repeat(4,1fr)}
  .model-grid{grid-template-columns:repeat(4,1fr);gap:18px}
  .model-grid.quad{grid-template-columns:repeat(4,1fr)}
  .steps{grid-template-columns:repeat(4,1fr)}
  .region-grid{grid-template-columns:repeat(4,1fr)}
  .value-grid{grid-template-columns:repeat(4,1fr)}
}

/* ===== 多文件站点修复 ===== */
.reveal{opacity:1!important;transform:none!important;transition:none!important}
.reveal.in{opacity:1;transform:none}
.view{display:block!important}
.view.active{display:block}

@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/barlow-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/barlow-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/barlow-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/barlow-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
html[lang="en"] body,html[lang="en"] .kicker,html[lang="en"] .sub{font-family:"Barlow","Helvetica Neue","Segoe UI",Arial,sans-serif}
html[lang="en"] .sec-title em{font-weight:600}
img{max-width:100%;height:auto}
.ph img,.pcard .ph img,.gallery img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}
.gallery img{aspect-ratio:1/1;object-fit:cover}
/* 产品中心列表：统一方形封面（1:1），cover 缺失时方形占位同样铺满 */
.mcard .ph{aspect-ratio:1/1}
.mcard .ph img,.mcard .ph img.ph-ph{aspect-ratio:1/1;object-fit:cover;width:100%;height:100%;max-height:none;display:block}
img.ph-ph{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;max-height:420px}
.bizcard p,.pcard p,.mcard p,.pline p,.nrow p,.ncard p,.region p,.svc div,.specs span,.lead,.sub,.news-detail p,.f-about{overflow-wrap:break-word;overflow-wrap:anywhere}
.specs{flex-wrap:wrap}
.pline h3,.pcard h3,.mcard h3,.nrow h3,.ncard h3{overflow-wrap:anywhere}


/* ===== 社媒区块（国际业务） ===== */
.social-band{display:flex;justify-content:center}
.social-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 32px;max-width:720px;width:100%;box-shadow:0 10px 30px rgba(22,50,79,.06)}
.social-t{text-align:center}
.social-t b{font-size:17px;color:var(--navy);display:block}
.social-t span{display:block;margin-top:6px;color:var(--ink-2);font-size:13.5px;line-height:1.7}
.social-icons{display:flex;justify-content:center;gap:12px;margin:18px 0 20px;flex-wrap:wrap}
.si{width:46px;height:46px;border-radius:50%;background:var(--bg-alt);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--navy);cursor:pointer;transition:background .2s,color .2s,transform .2s,border-color .2s}
.si:hover{background:var(--red);border-color:var(--red);color:#fff;transform:translateY(-2px)}
.social-ctas{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.social-tel{text-align:center;margin-top:12px;color:var(--ink-2);font-size:13px}
@media (max-width:640px){.social-card{padding:22px 18px}}


/* 时间轴窄屏适配 */
@media (max-width:600px){.timeline{grid-template-columns:46px 22px 1fr;gap:0 8px}.timeline::before{left:64px}.tl-item .yr{font-size:13px;padding:18px 0}.tl-item .tl-card{padding:13px 14px;margin:10px 0}}

/* ===== 十年经验带（国内 / 国际业务） ===== */
.exp-band{background:linear-gradient(120deg,var(--navy-2) 0%,var(--navy) 55%,#1B4268 100%);color:#fff;border-radius:var(--r-lg);padding:32px 24px;position:relative;overflow:hidden;display:grid;gap:20px}
.exp-band .ghost{position:absolute;right:-14px;bottom:-40px;font-size:170px;font-weight:900;color:rgba(255,255,255,.05);pointer-events:none;line-height:1;user-select:none}
.exp-band .lead{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.exp-band .big{font-size:clamp(3.2rem,9vw,5rem);font-weight:900;line-height:1;color:#FF7A6E}
.exp-band .big i{font-style:normal;font-size:.42em;font-weight:700;color:#fff;margin-left:4px}
.exp-band h3{font-size:clamp(1.3rem,3.4vw,1.9rem);font-weight:900;color:#fff;line-height:1.3}
.exp-band h3 em{font-style:normal;color:#FF7A6E}
.exp-band p{color:rgba(255,255,255,.8);font-size:14px;line-height:1.9;max-width:66ch;margin-top:10px}
.exp-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.exp-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);padding:16px 14px}
.exp-stat b{display:block;font-size:clamp(1.3rem,3vw,1.7rem);font-weight:900;color:#fff;line-height:1.1}
.exp-stat b i{font-style:normal;color:#FF7A6E;font-size:.62em}
.exp-stat span{display:block;font-size:12px;color:rgba(255,255,255,.7);margin-top:5px}
@media (min-width:768px){
  .exp-band{grid-template-columns:1.15fr .85fr;align-items:center;padding:38px 32px}
  .exp-stats{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:380px){.exp-band .big i{display:none}.exp-stat span{font-size:11px}}

/* ===== 首页 · 实力售后与专业团队 ===== */
.service-team{padding:60px 0;background:var(--bg-alt)}
.service-team .sec-head{text-align:center}
.service-team .service-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}
.team-band{background:linear-gradient(120deg,var(--navy-2) 0%,var(--navy) 60%,#1B4268 100%);border-radius:var(--r-lg);color:#fff;padding:32px 24px;position:relative;overflow:hidden;display:grid;gap:22px}
.team-band .ghost{position:absolute;right:-10px;bottom:-34px;font-size:130px;font-weight:900;color:rgba(255,255,255,.05);line-height:1;user-select:none;letter-spacing:.02em}
.team-band .txt{position:relative}
.team-band .big{display:flex;align-items:baseline;gap:6px;font-size:clamp(2.8rem,8vw,4rem);font-weight:900;color:#FF7A6E;line-height:1}
.team-band .big i{font-style:normal;font-size:.4em;color:#fff}
.team-band h3{font-size:clamp(1.25rem,3.2vw,1.7rem);font-weight:900;color:#fff;margin-top:10px}
.team-band p{color:rgba(255,255,255,.82);font-size:14px;line-height:1.9;margin-top:8px;max-width:54ch}
.team-band .btn{margin-top:18px}
.team-pills{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;position:relative}
.team-pills span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;color:#fff}
@media (min-width:768px){
  .team-band{grid-template-columns:1.1fr .9fr;align-items:center;padding:38px 32px}
}
@media (max-width:900px){.service-team .service-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.service-team .service-grid{grid-template-columns:1fr}}

/* ===== 移动端抽屉：打开时锁定滚动 ===== */
body.drawer-open{overflow:hidden}

/* ===== 品牌 Logo（图片版） ===== */
.brand .brand-logo{height:46px;width:auto;flex:none;border-radius:6px}
@media (max-width:480px){.brand .brand-logo{height:42px}}

/* ===== 询盘表单 · 防爬虫蜜罐字段 ===== */
.hp-field{position:absolute!important;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

/* ===== 移动端 footer：隐藏「快速导航 / 产品中心」两列 ===== */
@media (max-width:767.98px){
  .footer .cols > .col:nth-child(2),
  .footer .cols > .col:nth-child(3){display:none}
}

/* ===== 联系页 · 社媒矩阵区块 ===== */
.socials-section{background:linear-gradient(120deg,#0E2A44 0%,var(--navy) 55%,#1B4268 100%);padding:64px 0 74px;color:#fff;position:relative;overflow:hidden}
.socials-section::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--red) 0%,var(--red) 46%,transparent 46%)}
.socials-section .sec-head{text-align:center}
.socials-section .kicker{color:#FF7A6E}
.socials-section .sec-title{color:#fff}
.socials-section .sec-title em{color:#FF7A6E}
.socials-section .sub{color:rgba(255,255,255,.74)}
.socials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}
.socials-card{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:var(--r-md);padding:13px 14px;color:#fff;cursor:pointer;transition:transform .25s,background .25s,border-color .25s;text-align:left;width:100%;text-decoration:none}
.socials-card:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28);transform:translateY(-3px)}
.socials-card .so-ic{width:42px;height:42px;flex:none;border-radius:10px;display:grid;place-items:center;color:#fff}
.socials-card b{display:block;font-size:14px;font-weight:800;color:#fff;letter-spacing:.01em}
.socials-card span{display:block;font-size:11.5px;color:rgba(255,255,255,.66);margin-top:2px}
.socials-card .so-go{margin-left:auto;font-size:10.5px;letter-spacing:.06em;color:rgba(255,255,255,.5);flex:none;text-transform:uppercase}
.socials-card:hover .so-go{color:#FF7A6E}
@media (min-width:768px){.socials-grid{grid-template-columns:repeat(3,1fr);gap:14px}}
@media (min-width:1100px){.socials-grid{grid-template-columns:repeat(4,1fr);gap:16px}}
/* 移动端：单列横排卡片，图标在左、文字居中、箭头在右，避免窄列挤压换行；PC 不动 */
@media (max-width:767.98px){
  .socials-grid{grid-template-columns:1fr;gap:10px;margin-top:24px}
  .socials-card{padding:12px 14px;gap:12px}
  .socials-card .so-ic{width:44px;height:44px;border-radius:11px}
  .socials-card div{flex:1;min-width:0}
  .socials-card div b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
  .socials-card div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
  .socials-card .so-go{margin-left:10px;font-size:11px;white-space:nowrap}
}

/* ===== 产品详情 · 富文本内容（后台可信录入），图片/表格不溢出；加载失败的图片自动隐藏，不裂图 ===== */
/* ===== 产品详情 · 富文本内容（products.content，置于产品细节下方） ===== */
.detail-content{margin-top:10px;padding-top:8px;padding-bottom:24px;margin-bottom:56px}
.rich-content{word-break:break-word;color:#333;font-size:15px;line-height:1.95;margin-top:20px}
.rich-content img{max-width:100%;height:auto;border-radius:12px;margin:0 auto 16px;display:block}
.rich-content img.rc-pending{max-width:520px;aspect-ratio:4/3;object-fit:cover;background:#F0F1F3;border:1px solid var(--line);opacity:.85}
.rich-content video{max-width:100%;height:auto;border-radius:12px}
.rich-content table{max-width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:0 0 16px}
.rich-content table td,.rich-content table th{border:1px solid #D8DEE6;padding:8px 12px}
.rich-content p{margin:0 0 12px}
.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4{color:var(--navy);margin:18px 0 10px}
@media (max-width:767.98px){
  .detail-content{margin-bottom:40px}
  .rich-content{font-size:14px}
  .rich-content img.rc-pending{max-width:100%}
}

/* ===== 产品详情 · 核心卖点（一行 6 个；桌面6 / 平板3 / 手机2） ===== */
.selling-sec{padding-top:6px}
.selling-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
.sell-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:18px 12px;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}
.sell-card .ic{width:46px;height:46px;border-radius:12px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;margin-bottom:10px}
.sell-card b{font-size:13.5px;color:var(--navy);font-weight:800;line-height:1.4}
.sell-card .desc{font-size:12px;color:var(--ink-2);line-height:1.6;margin-top:5px}
.sell-card:hover{transform:translateY(-3px);border-color:rgba(203,69,27,.28);box-shadow:0 14px 30px -18px rgba(22,50,79,.35)}
@media (min-width:768px){
  .selling-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .sell-card{padding:20px 14px}
  .sell-card b{font-size:14px}
  .sell-card .desc{font-size:12.5px}
}
@media (min-width:1024px){
  .selling-grid{grid-template-columns:repeat(6,1fr);gap:16px}
}

/* ===== 产品详情 · 产品细节四图横排（4 等宽、占满、方形 cover、悬停放大） ===== */
.detail-strip{padding-top:8px}
.detail-strip .dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.detail-strip .dcell{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#F0F1F3;box-shadow:0 8px 22px -14px rgba(22,50,79,.28);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.detail-strip .dcell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.detail-strip .dcell:hover{transform:translateY(-4px);box-shadow:0 18px 36px -18px rgba(22,50,79,.4)}
.detail-strip .dcell:hover img{transform:scale(1.06)}
@media (max-width:767.98px){
  .detail-strip .dgrid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
  .detail-strip .dcell{border-radius:9px}
}

/* ===== 右侧浮动在线客服（方形实底，仅桌面端） ===== */
.float-contact{--fc-btn:52px;position:fixed;right:20px;top:46%;transform:translateY(-50%);z-index:700;display:flex;flex-direction:column;gap:12px}
.fc-item{--fc-bg:var(--navy);position:relative;width:var(--fc-btn);height:var(--fc-btn);border-radius:11px;background:var(--fc-bg);border:none;box-shadow:0 10px 22px -8px rgba(20,35,60,.45),0 2px 6px rgba(20,35,60,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,filter .22s}
.fc-item:nth-child(1){--fc-bg:#2563EB}
.fc-item:nth-child(2){--fc-bg:#16A34A}
.fc-item:nth-child(3){--fc-bg:#07C160}
.fc-item:nth-child(4){--fc-bg:#EA580C}
.fc-item:nth-child(5){--fc-bg:#4F46E5}
.fc-item .fc-ic{width:26px;height:26px;display:grid;place-items:center;color:#fff}
.fc-item .fc-ic svg{width:26px;height:26px;display:block}
.fc-item:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 16px 30px -10px rgba(20,35,60,.55),0 4px 10px rgba(20,35,60,.18);filter:brightness(1.04)}
.fc-item:hover .fc-ic{color:#fff}
/* 左展文字条 */
.fc-label{position:absolute;right:calc(var(--fc-btn) + 14px);top:50%;transform:translateY(-50%) translateX(12px);background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 15px 9px 14px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;display:flex;flex-direction:column;gap:2px;box-shadow:0 14px 34px -14px rgba(10,28,48,.4);overflow:hidden}
.fc-label::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--fc-bg)}
.fc-label em{font-style:normal;font-size:11px;font-weight:700;color:var(--fc-bg);line-height:1.1;letter-spacing:.02em}
.fc-label b{font-size:14px;font-weight:800;color:var(--navy);line-height:1.3}
.fc-item:hover .fc-label{opacity:1;transform:translateY(-50%) translateX(0)}
/* 左展二维码 */
.fc-pop{position:absolute;right:calc(var(--fc-btn) + 14px);top:50%;transform:translateY(-50%) translateX(12px);background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 22px 50px -18px rgba(10,28,48,.5);opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;display:flex;flex-direction:column;align-items:center;gap:7px;width:178px}
.fc-pop img{width:144px;height:144px;display:block;border-radius:9px;background:#fff}
.fc-pop-title{font-size:13.5px;font-weight:800;color:var(--navy)}
.fc-pop-sub{font-size:11.5px;color:var(--ink-2);word-break:break-all}
.fc-qr:hover .fc-pop{opacity:1;transform:translateY(-50%) translateX(0)}
@media (max-width:991.98px){
  .float-contact{display:none !important}
}


/* ==== 联系方式居中 modal（微信/公众号/WhatsApp） ==== */
.cm-modal{display:none;position:fixed;inset:0;z-index:1200;}
.cm-modal.open{display:flex;align-items:center;justify-content:center;}
.cm-mask{position:absolute;inset:0;background:rgba(20,24,30,.55);backdrop-filter:blur(2px);}
.cm-box{position:relative;box-sizing:border-box;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:14px;padding:26px 24px 22px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.28);}
.cm-close{position:absolute;top:6px;right:10px;background:none;border:0;font-size:28px;line-height:1;color:#9aa0a6;cursor:pointer;z-index:1;}
.cm-title{margin:0 0 14px;font-size:19px;color:#222;}
.cm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f5f7fa;border-radius:9px;padding:10px 12px;margin-bottom:12px;}
.cm-label{color:#8a9099;font-size:13px;flex-shrink:0;}
.cm-value{font-weight:600;color:#222;font-size:15px;word-break:break-all;}
.cm-copy{margin:0 0 14px;}
.cm-qr{display:block;width:224px;max-width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;background:#fff;border-radius:8px;margin:0 auto;}
.cm-hint{margin:10px 0 0;color:#8a9099;font-size:12.5px;}
@media(max-width:480px){.cm-box{padding:22px 16px 18px;}.cm-qr{width:200px;}}
/* ==== 英文站底部 cookie 通栏 ==== */
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:1100;background:#1f2430;color:#e7ebf2;box-shadow:0 -6px 24px rgba(0,0,0,.25);padding:12px 16px;font-size:13.5px;line-height:1.6;}
.cookie-bar .cb-wrap{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;}
.cookie-bar a{color:#7fb4ff;text-decoration:underline;}
.cookie-bar .cb-actions{display:flex;gap:8px;flex-shrink:0;}
.cookie-bar .cb-actions button{border:0;border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;}
.cb-accept{background:#f15345;color:#fff;}
.cb-reject{background:#3a4150;color:#e7ebf2;}
@media(max-width:640px){.cookie-bar .cb-wrap{flex-direction:column;align-items:stretch;}.cookie-bar .cb-actions{justify-content:center;}}
/* ==== AI: 全站图片显示尺寸统一（不改源图，只控显示） ==== */
/* 首页 Banner 轮播：16:9 封面，不变形 */
.home-banner .g-slider{position:relative;width:100%;border-radius:14px;overflow:hidden}
.home-banner .g-track{display:flex;transition:transform .45s ease}
.home-banner .g-slide{flex:0 0 100%;aspect-ratio:16/9;background:#F0F1F3}
.home-banner .g-slide img{width:100%;height:100%;object-fit:cover;display:block}
/* 推荐卡片封面（兜底，inline 已设） */
.home-rec-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
/* logo / 二维码 / 图标：contain 不拉伸 */
.brand-logo{object-fit:contain}
/* 富文本图片保持不溢出 */
img{max-width:100%;height:auto}
/* ==== AM: 浮动客服微信 hover 二维码弹层文字样式 ==== */
.fc-pop b{font-size:13px;font-weight:800;color:var(--navy)}
.fc-pop em{font-style:normal;font-size:11px;color:var(--ink-2)}
.fc-pop img{object-fit:contain}

/* ==== 官网首屏独立 banner 通栏（不影响 .hero/.featured） ==== */
.site-banner-strip{width:100%;background:#0d1b2a}
.site-banner-strip .g-slider{position:relative;width:100%;aspect-ratio:3/1;max-height:620px;overflow:hidden;touch-action:pan-y}
.site-banner-strip .g-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.site-banner-strip .g-slide{position:relative;flex:0 0 100%;height:100%;background:#0d1b2a}
.site-banner-strip .g-slide>a{display:block;height:100%}
.site-banner-strip .g-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;user-select:none;-webkit-user-drag:none}
.site-banner-strip .g-prev,.site-banner-strip .g-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(4px)}
.site-banner-strip .g-prev{left:14px}.site-banner-strip .g-next{right:14px}
.site-banner-strip .g-dots{position:absolute;left:0;right:0;bottom:12px;z-index:3;display:flex;justify-content:center;gap:7px}
.site-banner-strip .g-dots button,.site-banner-strip .g-dots span{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0;display:block}
.site-banner-strip .g-dots button.on,.site-banner-strip .g-dots span.on{background:#fff;width:24px;border-radius:5px}
.site-banner-strip .sb-veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,18,32,.55),rgba(8,18,32,0) 60%);display:flex;align-items:flex-end}
.site-banner-strip .sb-copy{color:#fff;padding-bottom:26px}
.site-banner-strip .sb-copy h2{font-size:clamp(20px,2.4vw,32px);font-weight:800;margin:0 0 6px;text-shadow:0 3px 16px rgba(0,0,0,.4)}
.site-banner-strip .sb-copy p{font-size:clamp(13px,1.3vw,16px);margin:0;opacity:.92}
@media (max-width:991.98px){
  .site-banner-strip .g-slider{aspect-ratio:16/9;max-height:none}
  .site-banner-strip .g-prev,.site-banner-strip .g-next{display:none}
}

/* ==== 新闻列表分页 ==== */
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:34px}
.pager .pg-num,.pager .pg-btn{min-width:40px;height:40px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font-size:14px;font-weight:700;text-decoration:none;transition:all .2s ease}
.pager .pg-num:hover,.pager .pg-btn:hover{border-color:var(--red);color:var(--red)}
.pager .pg-num.active{background:var(--red);border-color:var(--red);color:#fff}
.pager .pg-btn.disabled{opacity:.45;pointer-events:none;background:var(--bg-alt,#f5f6f8)}
.pager .pg-ellipsis{color:var(--ink-3,#8a93a0);padding:0 3px}
.pager .pg-meta{flex-basis:100%;width:100%;text-align:center;margin-top:10px;font-size:12.5px;color:var(--ink-3,#8a93a0)}
@media (max-width:560px){.pager{gap:6px}.pager .pg-num,.pager .pg-btn{min-width:36px;height:38px;padding:0 10px;font-size:13px}}

/* ============================================================
   新增展示区块（工厂实景 / 展会盛况 / 资质荣誉 / 参展页）
   说明：全部为追加样式，不修改既有组件；复用 site.js 的
   [data-carousel] 轮播（.g-slider > .g-track > .g-slide + 按钮 + 点）。
   ============================================================ */
.showcase{background:var(--bg)}
.showcase .sc-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.gallery-slider{position:relative;width:100%;margin-top:24px;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-alt)}
.gallery-slider .g-track{display:flex;transition:transform .45s ease}
.gallery-slider .g-slide{position:relative;flex:0 0 100%;aspect-ratio:16/9;background:#E6EAF0}
.gallery-slider .g-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;user-select:none;-webkit-user-drag:none}
.gallery-slider .g-slide .sc-cap{position:absolute;left:0;right:0;bottom:0;padding:44px 22px 16px;background:linear-gradient(transparent,rgba(13,27,42,.8));color:#fff;display:flex;flex-direction:column;gap:3px}
.gallery-slider .g-slide .sc-cap b{font-size:16.5px;font-weight:800;line-height:1.4}
.gallery-slider .g-slide .sc-cap span{font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.6}
.gallery-slider .g-prev,.gallery-slider .g-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border:0;border-radius:50%;background:rgba(13,27,42,.46);color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;transition:background .25s,transform .25s}
.gallery-slider .g-prev:hover,.gallery-slider .g-next:hover{background:var(--red)}
.gallery-slider .g-prev{left:14px}.gallery-slider .g-next{right:14px}
.gallery-slider .g-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:5}
.gallery-slider .g-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:background .25s,transform .25s}
.gallery-slider .g-dots span.on{background:#fff;box-shadow:0 0 0 2px var(--red);transform:scale(1.15)}
@media (max-width:600px){
  .gallery-slider .g-slide{aspect-ratio:4/3}
  .gallery-slider .g-prev,.gallery-slider .g-next{width:34px;height:34px;font-size:18px}
}

/* 资质荣誉滚动区（首页新闻资讯上方；统一 3:4 容器、object-fit:cover 居中裁剪） */
.honor-band{background:linear-gradient(120deg,var(--navy-2) 0%,var(--navy) 60%,#1B3E63 100%);color:#fff;overflow:hidden;position:relative;padding:52px 0 56px}
.honor-band .ghost{position:absolute;right:-14px;bottom:-48px;font-size:160px;font-weight:900;line-height:1;color:rgba(255,255,255,.05);pointer-events:none;user-select:none}
.honor-band .sec-head .kicker{color:#FF7A6E}
.honor-band .sec-title{color:#fff}
.honor-band .sec-sub{color:rgba(255,255,255,.72)}
.honor-marquee{overflow:hidden;margin-top:28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.honor-track{display:flex;gap:16px;width:max-content;will-change:transform}
.honor-item{flex:none;width:178px;aspect-ratio:3/4;border-radius:var(--r-md);overflow:hidden;position:relative;background:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 26px -14px rgba(0,0,0,.5)}
.honor-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.honor-item .h-cap{position:absolute;left:0;right:0;bottom:0;padding:24px 10px 8px;background:linear-gradient(transparent,rgba(13,27,42,.86));color:#fff;font-size:11.5px;line-height:1.5;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:600px){.honor-item{width:132px}}

/* 参展页：展会年份卡片网格 */
.expo-cards{display:grid;grid-template-columns:1fr;gap:16px}
.expo-card{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.expo-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:rgba(241,83,69,.35)}
.expo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.expo-card .bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.expo-card .bd b{font-size:15px;font-weight:800;color:var(--navy);line-height:1.45}
.expo-card .bd span{font-size:12.5px;color:var(--ink-2);line-height:1.6}
.expo-card .yr{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:12.5px;font-weight:800;padding:4px 11px;border-radius:6px;box-shadow:0 6px 16px -6px rgba(0,0,0,.4)}
@media (min-width:768px){.expo-cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.expo-cards{grid-template-columns:repeat(3,1fr)}}

/* 参展页：主视觉（page-hero 内衬图，首屏 preload） */
.page-hero .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.4;z-index:1;pointer-events:none}
.page-hero.has-photo .inner{z-index:3}

/* 参展页：多图画廊（错落网格；固定宽高比防 CLS；小图引用） */
.expo-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}
.expo-gallery .eg-item{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--bg-alt);aspect-ratio:4/3;border:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease}
.expo-gallery .eg-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.expo-gallery .eg-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.expo-gallery .eg-item .eg-cap{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 9px;background:linear-gradient(transparent,rgba(13,27,42,.8));color:#fff;font-size:12px;line-height:1.5;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.expo-gallery .eg-item.lead{grid-column:span 2;aspect-ratio:16/7;border-radius:var(--r-lg)}
@media (min-width:768px){
  .expo-gallery{grid-template-columns:repeat(4,1fr)}
  .expo-gallery .eg-item.wide{grid-column:span 2;aspect-ratio:16/9}
}
.expo-gallery .eg-more{display:none}
.expo-gallery .eg-more.in{display:block}

/* 参展页画廊等高变体（eq）：≥768px 时左列 2 张大图、右列 2x2 小图，左右整体高度一致；
   行高由容器 aspect-ratio(16/9) + repeat(2,1fr) 统一分配，object-fit:cover 保持原图宽高比裁剪 */
@media (min-width:768px){
  .expo-gallery.eq{grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,1fr);aspect-ratio:16/9;grid-auto-flow:dense}
  .expo-gallery.eq .eg-item{height:100%;aspect-ratio:auto;border-radius:var(--r-lg)}
  .expo-gallery.eq .eg-item:nth-child(1){grid-column:1;grid-row:1}
  .expo-gallery.eq .eg-item:nth-child(2){grid-column:1;grid-row:2}
  .expo-gallery.eq .eg-item:nth-child(3){grid-column:2;grid-row:1}
  .expo-gallery.eq .eg-item:nth-child(4){grid-column:3;grid-row:1}
  .expo-gallery.eq .eg-item:nth-child(5){grid-column:2;grid-row:2}
  .expo-gallery.eq .eg-item:nth-child(6){grid-column:3;grid-row:2}
  .expo-gallery.eq .eg-item:nth-child(7){grid-column:1;grid-row:3}
  .expo-gallery.eq .eg-item:nth-child(8){grid-column:1;grid-row:4}
  .expo-gallery.eq .eg-item:nth-child(9){grid-column:2;grid-row:3}
  .expo-gallery.eq .eg-item:nth-child(10){grid-column:3;grid-row:3}
  .expo-gallery.eq .eg-item:nth-child(11){grid-column:2;grid-row:4}
  .expo-gallery.eq .eg-item:nth-child(12){grid-column:3;grid-row:4}
}

/* ============================================================
   品牌入口卡片（团队介绍/招募代理商/全球展会巡礼）
   ============================================================ */
.brand-entry{background:var(--bg)}
.brand-entry .entry-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px}
.brand-entry .entry-card{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease}
.brand-entry .entry-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.brand-entry .entry-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.brand-entry .entry-card .bd{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}
.brand-entry .entry-card .bd b{font-size:16px;font-weight:800;color:var(--navy);line-height:1.45}
.brand-entry .entry-card .bd p{font-size:13px;color:var(--ink-2);line-height:1.65;margin:0}
.brand-entry .entry-card .bd .go{margin-top:2px;font-size:13px;font-weight:700;color:var(--red)}
@media (min-width:768px){.brand-entry .entry-grid{grid-template-columns:repeat(3,1fr)}}
/* 分页器小屏优化（本站后台/列表页增补，原站无此规则） */
@media (max-width:560px){.pager{gap:6px}.pager .pg-num,.pager .pg-btn{min-width:36px;height:38px;padding:0 10px;font-size:13px}}
/* 正文里加载失败的图片直接隐藏（JS 会加 .is-broken），避免出现裂图图标。
   本站原站部分文章配图已失效，后台重新上传后会自动恢复显示。 */
img.is-broken{display:none!important}

/* ============================================================
   新闻卡片配图 + 列表页栅格（本次巡检增补）
   原站新闻卡片只有文字，.news-grid 这个 class 在样式表里根本没有定义，
   导致新闻列表页卡片被拉成整行宽、一张一张竖着排。这里补齐栅格，
   并给卡片加上封面图位（有图才显示，没图不会留下空白框）。
   ============================================================ */
.news-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:640px){.news-grid{grid-template-columns:repeat(2,1fr);gap:18px}}
@media (min-width:992px){.news-grid{grid-template-columns:repeat(3,1fr);gap:22px}}

.ncard{padding:0;overflow:hidden;gap:0}
.ncard .ncover{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg-alt);flex:none}
.ncard .ncover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ncard:hover .ncover img{transform:scale(1.04)}
.ncard .ncard-body{display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px;flex:1}
.ncard .ncard-body p{margin:0}
.ncard .ncard-body .more{margin-top:auto}

/* 文章详情页封面：紧贴正文卡片上方，圆角一致。
   不锁死比例——文章封面常常是现场合影/设备全景，硬裁成 16:9 会把画面里
   最有信息量的部分（横幅、机器细节）裁掉，所以按原比例显示，只限个最大高度。 */
.article-cover{margin:0 0 18px;border-radius:14px;overflow:hidden;background:var(--bg-alt);border:1px solid rgba(0,0,0,.06)}
.article-cover img{width:100%;height:auto;max-height:520px;object-fit:cover;display:block}