/* =============================================================
   广州傲升 · 新版高端响应式主题 (theme.css)
   全面升级：高大上 / 设计感 / 专业感 / PC+移动端自适应
   策略：替换原固定 1200px 结构为流式容器 + CSS Grid；
        保留全部原有 class（向后兼容内页），新增现代化 class。
   依赖：style.css、default.css、frame.css、base.css、slide.css
   ============================================================= */

:root{
  --ink:#081B33;
  --ink-2:#0E2A4D;
  --primary:#1769E0;
  --primary-2:#0A4FCB;
  --cyan:#16C2D5;
  --gold:#C9A24B;
  --bg:#EEF3F9;
  --bg-2:#F6F9FC;
  --card:#FFFFFF;
  --text:#1E2A3A;
  --muted:#6A7686;
  --line:#E4EBF3;
  --radius:16px;
  --radius-sm:10px;
  --shadow-sm:0 6px 18px rgba(11,42,76,.06);
  --shadow:0 16px 40px rgba(11,42,76,.10);
  --shadow-lg:0 24px 60px rgba(11,42,76,.16);
  --grad:linear-gradient(135deg,#1769E0,#0A4FCB);
  --grad-soft:linear-gradient(135deg,rgba(23,105,224,.10),rgba(22,194,213,.10));
  --grad-line:linear-gradient(90deg,#1769E0,#16C2D5,#C9A24B);
  --maxw:1200px;
}

*,*::before,*::after{ box-sizing:border-box; }
img,svg{ max-width:100%; height:auto; display:block; }
html{ -webkit-text-size-adjust:100%; overflow-x:clip; }
body{
  color:var(--text); background:var(--bg);
  font-family:"Microsoft YaHei","PingFang SC",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  overflow-x:clip;
  min-width:0;            /* 解除 base.css 的 min-width:1200px 锁定，允许移动端收缩 */
  width:auto; max-width:100%;
}
a{ transition:color .25s ease; }
::selection{ background:var(--primary); color:#fff; }

/* ===== 通用容器 ===== */
.container{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 20px; }
.clearfix::after{ content:""; display:block; clear:both; }

/* ===== 顶部信息条 ===== */
.headInfo{ background:linear-gradient(90deg,var(--ink),var(--ink-2)); border-bottom:1px solid rgba(255,255,255,.06); transition:max-height .35s ease, opacity .3s ease, padding .35s ease; overflow:hidden; max-height:80px; }
body .headInfo.is-hidden{ max-height:0 !important; opacity:0 !important; padding-top:0 !important; padding-bottom:0 !important; border-bottom:0 !important; pointer-events:none !important; }
.headInfo dl{
  display:flex; align-items:center; flex-wrap:wrap;
  width:auto !important; max-width:var(--maxw); margin:0 auto; padding:0 20px; min-height:36px; gap:12px;
}
.headInfo dt,.headInfo dd{ max-width:100%; }
.headInfo dt{ color:rgba(255,255,255,.82); letter-spacing:.5px; font-size:13px; margin-right:auto !important; }
.headInfo dd{ color:#fff; font-size:13px; margin:0; flex-shrink:0; white-space:nowrap; }
.headInfo dd a{ color:var(--cyan); margin-left:16px; font-weight:600; }
.headInfo dd a:hover{ color:#fff; }

/* ===== 整站头部（headInfo + 主菜单一起吸顶，滚动时整块保持可见） ===== */
.site-header{
  position:sticky; top:0; z-index:1000;
  background:#fff;
}
/* ===== 主头部（强遮罩毛玻璃，防止下方 banner 透出来；吸顶由 .site-header 负责） ===== */
.head{
  position:relative; isolation:isolate;
  background:rgba(255,255,255,.99);
  -webkit-backdrop-filter:blur(20px) saturate(180%); backdrop-filter:blur(20px) saturate(180%);
  box-shadow:0 8px 28px rgba(8,27,51,.10);
  border-bottom:1px solid rgba(8,27,51,.06);
  transition:background-color .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.head_warp{
  max-width:var(--maxw); margin:0 auto; padding:14px 20px;
  display:flex; align-items:center; gap:6px; position:relative;
  transition:padding .35s ease;
}
.head_logo{ height:48px; width:auto; flex-shrink:0; transition:height .35s ease; }

/* 头部主导航（更高 specificity，覆盖 frame.css 的 height/overflow/border-bottom 干扰） */
body .head_nav > li > a,
body .head .head_nav > li > a{
  display:flex; align-items:center; height:auto; min-height:44px;
  padding:11px 9px; color:var(--text); font-size:14px; font-weight:600;
  line-height:1.2; white-space:nowrap; overflow:visible;
  border-bottom:0 none !important; box-sizing:border-box;
  position:relative; background:transparent;
  transition:color .25s ease, padding .35s ease, font-size .35s ease, min-height .35s ease;
}
body .head_nav > li > a::after{
  content:""; position:absolute; left:50%; bottom:4px; width:0; height:2px; border-radius:2px;
  background:var(--primary); transform:translateX(-50%); transition:width .28s ease, opacity .2s ease, bottom .35s ease;
  opacity:0; z-index:1;
}
body .head_nav > li:hover > a,
body .head_nav > li.curr > a,
body .head_nav > li:focus-within > a{
  color:var(--primary); border-bottom:0 none !important; height:auto; min-height:48px;
}
body .head_nav > li:hover > a::after,
body .head_nav > li.curr > a::after{ width:80%; opacity:1; }

/* 下拉菜单（白卡 + 阴影，覆盖 frame.css 的蓝色背景） */
body .head_nav > li > p{
  position:absolute; top:100%; left:50%; transform:translateX(-50%);
  min-width:200px; padding:12px 0; margin:0;
  background:#fff !important; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow);
  display:none; z-index:10; list-style:none;
}
body .head_nav > li:hover > p,
body .head_nav > li:focus-within > p{ display:block; }
body .head_nav > li > p a,
body .head .head_nav > li > p a{
  display:block; padding:8px 18px; color:var(--text) !important; font-size:14px;
  line-height:1.5 !important; white-space:nowrap; text-align:left;
  background:transparent !important; transition:all .2s;
}
body .head_nav > li > p a:hover{ color:#fff !important; background:var(--grad) !important; padding-left:24px; }

/* 头部 CTA */
.head_cta{
  margin-left:10px; padding:10px 22px; border-radius:30px; flex-shrink:0;
  background:var(--grad); color:#fff!important; font-size:14px; font-weight:700; letter-spacing:1px;
  box-shadow:0 10px 24px rgba(23,105,224,.35);
  transition:transform .25s, box-shadow .25s, padding .35s ease, font-size .35s ease;
}
.head_cta:hover{ color:#fff!important; transform:translateY(-2px); box-shadow:0 16px 34px rgba(23,105,224,.45); }

/* ============================================================
   覆盖 frame.css（旧菜单样式）— 解决"联系我们"被挤到第二行 + 垂直居中
   frame.css 给 .head_warp/.head/.head_logo/.head_nav/.head_nav li 设了
   width:1200px; height:80px / height:40px; float:right / float:left，
   与我们的 flex 布局冲突，导致 ul 只有 40px 高、第 9 项被挤出。
   ============================================================ */
body .head,
body .head .head_warp,
body .head .head_logo,
body .head_nav,
body .head_nav > li{
  box-sizing:border-box;
}
body .head{
  height:auto !important; min-height:0 !important; border-top:0 none !important;
}
body .head .head_warp{
  width:auto !important; max-width:var(--maxw) !important; height:auto !important;
  display:flex !important; align-items:center !important;
}
body .head .head_logo{
  float:none !important; margin-top:0 !important;
}
body .head_nav{
  float:none !important; height:auto !important; margin:0 0 0 auto !important;
  display:flex !important; align-items:center; list-style:none; padding:0;
}
body .head_nav > li{
  float:none !important; height:auto !important; margin-left:0 !important; padding:0;
  position:relative;
}

/* ============================================================
   滚动后头部缩小（参考 gzgongying.com 风格：紧凑化 + 阴影加深）
   滚动 > 50px 时 JS 给 .head 加 .is-scrolled 类
   ============================================================ */
.head.is-scrolled{
  box-shadow:0 10px 36px rgba(8,27,51,.14);
  background:rgba(255,255,255,.985);
}
.head.is-scrolled .head_warp{
  padding:8px 20px;
}
.head.is-scrolled .head_logo{
  height:38px;
}
.head.is-scrolled .head_cta{
  padding:8px 18px; font-size:13px;
}
body .head.is-scrolled .head_nav > li > a,
body .head .head.is-scrolled .head_nav > li > a{
  min-height:38px; padding:8px 9px; font-size:13.5px;
}
.head.is-scrolled .head_nav > li > a::after{
  bottom:3px; height:2px;
}

/* 汉堡开关：原生 checkbox 仅作状态载体，必须视觉隐藏（不可 display:none，否则 :checked 失效） */
.nav-toggle-input{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); border:0; white-space:nowrap;
}
.nav-toggle-btn{
  display:none; cursor:pointer; order:3; margin-left:auto;
  padding:10px 12px; border:1px solid rgba(8,27,51,.18); border-radius:4px;
  background:transparent; transition:background .2s, border-color .2s;
}
.nav-toggle-btn:hover{ background:rgba(8,27,51,.04); border-color:rgba(8,27,51,.35); }
.nav-toggle-btn span{
  display:block; width:22px; height:2px;
  background:#23304A; border-radius:1px; transition:transform .3s, opacity .3s, background .3s;
}
/* 仅相邻线条增加间距，避免首尾多余留白（标准三横线） */
.nav-toggle-btn span + span{ margin-top:5px; }
#nav-toggle:checked ~ .nav-toggle-btn span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
#nav-toggle:checked ~ .nav-toggle-btn span:nth-child(2){ opacity:0; }
#nav-toggle:checked ~ .nav-toggle-btn span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ===== Hero / Banner（静态设计大图） ===== */
/* ===== 首页 Banner（bxSlider 横向自动滚动，仿参考站 gzgongying.com） ===== */
.flash{
  position:relative; overflow:hidden;
  background:#0b1f3a;
  min-height:560px;
}
.flash .bx-viewport{ box-shadow:none !important; border:0 !important; left:0 !important; }
.flash div.bx-pager{ display:none; }                   /* 隐藏圆点，仿参考站 */
.flash div.bx-controls-direction{ display:none; }      /* 隐藏左右箭头，仿参考站 */
.flash img{ width:100%; height:560px; object-fit:cover; display:block; }
.flash::after{ content:""; position:absolute; inset:0; background:rgba(8,27,51,.18); z-index:1; pointer-events:none; }
.hero-caption{
  position:absolute; inset:0; z-index:5; pointer-events:none;
  display:flex; flex-direction:column; justify-content:center;
  padding:0 8%; color:#fff;
  background:linear-gradient(105deg, rgba(8,27,51,.78) 0%, rgba(8,27,51,.45) 42%, rgba(22,194,213,.18) 100%);
}
.hero-caption::before{ content:""; position:absolute; width:58vw; height:58vw; right:-8vw; top:-18vw;
  background:radial-gradient(circle, rgba(22,194,213,.42), transparent 62%); filter:blur(22px);
  animation:heroOrb 16s ease-in-out infinite; }
.hero-caption::after{ content:""; position:absolute; width:42vw; height:42vw; left:-10vw; bottom:-16vw;
  background:radial-gradient(circle, rgba(23,105,224,.40), transparent 62%); filter:blur(22px);
  animation:heroOrb 20s ease-in-out infinite reverse; }
.hero-inner{ position:relative; z-index:2; max-width:780px; }
.hero-caption .hero-tag{
  display:inline-block; pointer-events:auto; margin-bottom:20px; padding:7px 18px; border-radius:999px;
  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.45);
  font-size:13px; letter-spacing:3px; backdrop-filter:blur(4px);
  animation:heroFadeUp .9s both;
}
.hero-caption h1{
  margin:0 0 18px; font-size:clamp(28px,4.4vw,52px); font-weight:800; line-height:1.22; letter-spacing:0.5px;
  text-shadow:0 4px 24px rgba(0,0,0,.35); animation:heroFadeUp 1s .1s both;
}
.hero-caption h1 .grad{
  background:linear-gradient(90deg,#5fd0ff,#9be8ff);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent; padding:0 2px;
  display:inline-block;
}
.hero-caption p{
  max-width:600px; margin:0 0 30px; font-size:clamp(15px,1.6vw,19px); line-height:1.9; color:rgba(255,255,255,.92);
  animation:heroFadeUp 1s .2s both;
}
.hero-caption .hero-actions{ display:flex; gap:14px; flex-wrap:wrap; animation:heroFadeUp 1s .3s both; }
.hero-caption .hero-actions a{ pointer-events:auto; }
.hero-scroll{ position:absolute; left:50%; bottom:22px; transform:translateX(-50%); z-index:6;
  color:rgba(255,255,255,.8); font-size:11px; letter-spacing:2px; text-align:center; pointer-events:none; }
.hero-scroll span{ display:block; width:22px; height:36px; margin:0 auto 6px; border:2px solid rgba(255,255,255,.7); border-radius:14px; position:relative; }
.hero-scroll span::after{ content:""; position:absolute; left:50%; top:7px; width:4px; height:8px; background:#fff; border-radius:2px; transform:translateX(-50%); animation:heroScroll 1.6s infinite; }

/* 轮播控件（圆点/箭头）按参考站做法完全隐藏，仅保留纯自动横向滚动 */

/* 双按钮 */
.btn-brand{ display:inline-flex; align-items:center; gap:8px; padding:13px 30px; border-radius:999px;
  background:var(--grad); color:#fff!important; font-size:15px; font-weight:600; letter-spacing:.5px;
  box-shadow:0 10px 26px rgba(23,105,224,.35); border:none; transition:.28s; }
.btn-brand:hover{ color:#fff!important; transform:translateY(-2px); box-shadow:0 16px 36px rgba(23,105,224,.5); }
.btn-ghost{ display:inline-flex; align-items:center; gap:8px; padding:12px 28px; border-radius:999px;
  background:rgba(255,255,255,.12); color:#fff!important; border:1px solid rgba(255,255,255,.6);
  font-weight:600; backdrop-filter:blur(4px); transition:.28s; }
.btn-ghost:hover{ background:rgba(255,255,255,.22); color:#fff!important; transform:translateY(-2px); }

@keyframes heroOrb{ 0%,100%{ transform:translate(0,0);} 50%{ transform:translate(-4%,4%);} }
@keyframes heroFadeUp{ from{ opacity:0; transform:translateY(26px);} to{ opacity:1; transform:translateY(0);} }
@keyframes heroScroll{ 0%{ opacity:0; transform:translate(-50%,0);} 40%{ opacity:1;} 80%{ opacity:0; transform:translate(-50%,14px);} 100%{ opacity:0;} }

/* ===== 通用区块 ===== */
.section{ padding:28px 0; }
.section-alt{ background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%); }
.section-head{ text-align:center; margin-bottom:50px; }
.section-en{ display:block; font-size:12px; font-weight:700; letter-spacing:5px; color:var(--cyan); margin-bottom:10px; text-transform:uppercase; }
.section-title{
  display:inline-block; margin:0; font-size:clamp(26px,3.6vw,38px); font-weight:800; letter-spacing:2px;
  background:linear-gradient(135deg,var(--ink),var(--primary));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  position:relative; padding-bottom:18px;
}
.section-title::after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:64px; height:4px; border-radius:4px; background:var(--grad-line);
}
.section-sub{ color:var(--muted); font-size:15px; margin:16px auto 0; max-width:640px; }

/* ===== 服务中心（Bento 配图化布局：经营许可 / 生产注册 / 质量体系） ===== */
.svc-block{ padding:20px 0; }
.svc-block--license{ background:linear-gradient(180deg,#f8fbff 0%,#fff 100%); }
.svc-block--produce{ background:#fff; }
.svc-block--quality{ background:linear-gradient(180deg,#fff 0%,#f8fbff 100%); }

.svc-block-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:20px;
  margin-bottom:42px;
}
.svc-block-title .section-en{ display:block; font-size:13px; font-weight:800; letter-spacing:2px; color:var(--cyan); margin-bottom:8px; }
.svc-block-title .section-title{ margin:0; font-size:34px; }
.svc-block-title .section-sub{ margin:10px 0 0; text-align:left; max-width:none; }
.svc-block-more{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 22px; border-radius:30px;
  background:rgba(23,105,224,.08); color:var(--primary);
  font-size:14px; font-weight:700; white-space:nowrap;
  transition:background .25s ease, color .25s ease, transform .25s ease;
}
.svc-block-more:hover{ background:var(--primary); color:#fff; transform:translateX(3px); }
.svc-block-more i{ transition:transform .25s ease; }
.svc-block-more:hover i{ transform:translateX(4px); }

/* Bento 容器 */
.svc-bento{
  display:grid; grid-template-columns:minmax(320px,1.05fr) minmax(320px,1.45fr); gap:24px; align-items:stretch;
}
.svc-bento--reverse{ grid-template-columns:minmax(320px,1.45fr) minmax(320px,1.05fr); }

/* 大卡片（主视觉） */
.svc-bento-primary{
  position:relative; display:flex; flex-direction:column; justify-content:space-between;
  min-height:420px; padding:38px;
  border-radius:28px; overflow:hidden; color:#fff;
  background:linear-gradient(135deg,#0a2540 0%,#123a5e 50%,#1769e0 140%);
  box-shadow:0 24px 60px rgba(8,27,51,.28);
  transition:transform .4s ease, box-shadow .4s ease;
}
.svc-bento-primary:hover{ transform:translateY(-6px); box-shadow:0 32px 80px rgba(8,27,51,.34); }
.svc-bento-primary::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle at 20% 20%, rgba(23,105,224,.35) 0%, transparent 45%),
    radial-gradient(circle at 85% 75%, rgba(6,182,212,.28) 0%, transparent 40%);
  pointer-events:none;
}
.svc-block--produce .svc-bento-primary{ background:linear-gradient(135deg,#064e3b 0%,#0d6b55 50%,#06b6d4 140%); }
.svc-block--produce .svc-bento-primary::before{
  background:
    radial-gradient(circle at 20% 20%, rgba(6,182,212,.32) 0%, transparent 45%),
    radial-gradient(circle at 85% 75%, rgba(16,185,129,.28) 0%, transparent 40%);
}

/* 大卡片配图区 */
.svc-bento-visual{
  position:relative; align-self:flex-start;
  width:170px; height:170px; display:flex; align-items:center; justify-content:center;
}
.svc-bento-visual::before{
  content:""; position:absolute; inset:0; border-radius:50%;
  background:rgba(255,255,255,.08); border:2px solid rgba(255,255,255,.18);
  box-shadow:0 0 60px rgba(255,255,255,.12);
}
.svc-bento-visual::after{
  content:""; position:absolute; width:116px; height:116px; border-radius:50%;
  background:rgba(255,255,255,.12);
}
.svc-bento-visual i{ position:relative; z-index:2; font-size:60px; color:#fff; text-shadow:0 8px 24px rgba(0,0,0,.15); }
.svc-bento-badge{
  position:absolute; right:-8px; bottom:18px; z-index:3;
  padding:7px 16px; border-radius:20px;
  background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  font-size:12px; font-weight:700; letter-spacing:.5px; color:#fff;
}

/* 大卡片文字 */
.svc-bento-info{ position:relative; z-index:2; }
.svc-bento-info h3{ margin:0 0 14px; font-size:32px; font-weight:800; line-height:1.2; }
.svc-bento-info > p{ margin:0 0 22px; font-size:15px; color:rgba(255,255,255,.82); line-height:1.6; }
.svc-bento-info ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.svc-bento-info li{ display:flex; align-items:center; gap:10px; font-size:14px; color:rgba(255,255,255,.92); }
.svc-bento-info li i{ color:var(--cyan); font-size:16px; }

/* 子类小卡片网格 */
.svc-bento-grid{
  display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,1fr); gap:20px;
}
.svc-bento-item{
  display:flex; flex-direction:column; gap:14px;
  background:#fff; border:1px solid rgba(8,27,51,.06); border-radius:22px;
  padding:24px; box-shadow:0 8px 28px rgba(8,27,51,.06);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.svc-bento-item:hover{ transform:translateY(-6px); box-shadow:0 18px 46px rgba(8,27,51,.12); border-color:transparent; }
.svc-bento-item--wide{ grid-column:span 2; }

.svc-item-visual{
  width:64px; height:64px; border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,rgba(23,105,224,.12),rgba(6,182,212,.12));
  color:var(--primary); font-size:28px;
  box-shadow:0 8px 20px rgba(23,105,224,.14);
}
.svc-block--produce .svc-item-visual{ background:linear-gradient(135deg,rgba(6,182,212,.12),rgba(16,185,129,.12)); color:#0891b2; }
.svc-bento-item:hover .svc-item-visual{ transform:scale(1.05); }

.svc-item-body{ flex:1; min-width:0; }
.svc-item-body h4{ margin:0 0 12px; font-size:17px; font-weight:800; color:var(--ink); }
.svc-item-body ul{ list-style:none; padding:0; margin:0; }
.svc-item-body li{ border-bottom:1px solid rgba(8,27,51,.04); }
.svc-item-body li:last-child{ border-bottom:none; }
.svc-item-body li a{
  display:flex; align-items:center; gap:10px;
  padding:9px 0; color:var(--text); font-size:13.5px; line-height:1.45;
  transition:color .2s ease, padding-left .2s ease;
}
.svc-item-dot{
  width:6px; height:6px; border-radius:50%; flex-shrink:0;
  background:var(--cyan); box-shadow:0 0 0 2.5px rgba(6,182,212,.12);
}
.svc-item-body li a:hover{ color:var(--primary); padding-left:5px; }
.svc-item-body li a:hover .svc-item-dot{ background:var(--primary); box-shadow:0 0 0 2.5px rgba(23,105,224,.12); }

/* 质量体系：三列升级卡片 */
.svc-qlt-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.svc-qlt-card{
  display:flex; flex-direction:column; gap:18px;
  background:#fff; border:1px solid rgba(8,27,51,.06); border-radius:22px;
  padding:28px; box-shadow:0 8px 28px rgba(8,27,51,.06);
  transition:transform .3s ease, box-shadow .3s ease;
}
.svc-qlt-card:hover{ transform:translateY(-6px); box-shadow:0 18px 46px rgba(8,27,51,.12); }
.svc-qlt-visual{
  width:70px; height:70px; border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; font-size:30px;
  box-shadow:0 10px 24px rgba(99,102,241,.26);
}
.svc-qlt-body h4{ margin:0 0 12px; font-size:18px; font-weight:800; color:var(--ink); }
.svc-qlt-body ul{ list-style:none; padding:0; margin:0 0 16px; }
.svc-qlt-body li{ border-bottom:1px solid rgba(8,27,51,.04); }
.svc-qlt-body li a{
  display:flex; align-items:center; gap:10px;
  padding:10px 0; color:var(--text); font-size:14px;
  transition:color .2s ease, padding-left .2s ease;
}
.svc-qlt-body li a:hover{ color:var(--primary); padding-left:5px; }
.svc-qlt-body p{ margin:0 0 18px; font-size:13.5px; color:var(--muted); line-height:1.6; }
.svc-qlt-card--cta .svc-qlt-visual{ background:linear-gradient(135deg,#f59e0b,#f97316); }
.svc-qlt-card--cta .btn-brand{ width:100%; text-align:center; justify-content:center; }

/* ===== 经营许可：左大视觉 + 右两列子类列表 ===== */
.svc-license{
  display:grid; grid-template-columns:minmax(300px,2fr) minmax(360px,3fr); gap:24px; align-items:stretch;
}

/* 左侧大视觉卡片 */
.svc-license__hero{
  position:relative; display:flex; flex-direction:column; justify-content:space-between;
  min-height:380px; padding:11px 32px 13px; border-radius:28px; overflow:hidden; color:#fff;
  background:linear-gradient(145deg,#071830 0%,#0e2b4d 45%,#1769e0 150%);
  box-shadow:0 28px 70px rgba(7,24,48,.30);
  transition:transform .45s ease, box-shadow .45s ease;
}
.svc-license__hero:hover{ transform:translateY(-8px); box-shadow:0 36px 90px rgba(7,24,48,.38); }
.svc-license__hero::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle at 18% 22%, rgba(23,105,224,.42) 0%, transparent 48%),
    radial-gradient(circle at 88% 78%, rgba(22,194,213,.32) 0%, transparent 42%);
  pointer-events:none;
}
.svc-license__bg-pattern{
  position:absolute; inset:0; opacity:.06; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(circle at 70% 30%, #000, transparent 70%);
  mask-image:radial-gradient(circle at 70% 30%, #000, transparent 70%);
}

/* 大视觉图标区 */
.svc-license__visual{
  position:relative; align-self:flex-start;
  width:100px; height:100px; display:flex; align-items:center; justify-content:center;
}
.svc-license__visual::before{
  content:""; position:absolute; inset:0; border-radius:50%;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.18);
  box-shadow:0 0 80px rgba(255,255,255,.10);
}
.svc-license__visual::after{
  content:""; position:absolute; width:96px; height:96px; border-radius:50%;
  background:rgba(255,255,255,.10);
}
.svc-license__orb{
  position:absolute; width:64px; height:64px; border-radius:50%;
  background:radial-gradient(circle, rgba(22,194,213,.85), rgba(23,105,224,.35));
  filter:blur(18px); animation:licensePulse 4s ease-in-out infinite;
}
.svc-license__visual i{ position:relative; z-index:2; font-size:54px; color:#fff; text-shadow:0 8px 24px rgba(0,0,0,.18); }
.svc-license__badge{
  position:absolute; right:-51px; bottom:10px; z-index:3;
  padding:7px 15px; border-radius:20px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  font-size:12px; font-weight:700; letter-spacing:.5px; color:#fff;
}

/* 大视觉文字 */
.svc-license__info{ position:relative; z-index:2; }
.svc-license__info h3{ margin:0 0 14px; font-size:25px; font-weight:800; line-height:1.15; letter-spacing:1px; }
.svc-license__info > p{ margin:0 0 26px; font-size:15px; color:rgba(255,255,255,.80); line-height:1.7; }
.svc-license__stats{
  display:flex; gap:28px; padding-top:22px; border-top:1px solid rgba(255,255,255,.12);
}
.svc-license__stats div{ display:flex; flex-direction:column; }
.svc-license__stats strong{ font-size:28px; font-weight:800; color:#fff; line-height:1; }
.svc-license__stats span{ margin-top:6px; font-size:13px; color:rgba(255,255,255,.62); }

/* 右侧两列子类列表 */
.svc-license__list{
  display:grid; grid-template-columns:repeat(2,1fr); gap:20px; align-content:start;
}
.svc-license__col{
  position:relative; display:flex; flex-direction:column;
  background:#fff; border:1px solid rgba(8,27,51,.06); border-radius:24px;
  padding:28px; box-shadow:0 10px 32px rgba(8,27,51,.07);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  overflow:hidden;
}
.svc-license__col:hover{ transform:translateY(-8px); box-shadow:0 24px 56px rgba(8,27,51,.14); border-color:transparent; }
.svc-license__col::before{
  content:""; position:absolute; left:0; top:0; right:0; height:5px;
  background:linear-gradient(90deg,#1769e0,#16c2d5);
  transform:scaleX(.45); transform-origin:left; transition:transform .45s ease;
}
.svc-license__col:hover::before{ transform:scaleX(1); }

/* 子类卡片头部 */
.svc-license__col-head{
  display:flex; align-items:flex-start; gap:14px; margin-bottom:18px;
}
.svc-license__icon{
  width:54px; height:54px; border-radius:16px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,rgba(23,105,224,.12),rgba(22,194,213,.12));
  color:var(--primary); font-size:24px;
  box-shadow:0 8px 20px rgba(23,105,224,.14);
  transition:transform .3s ease;
}
.svc-license__col:hover .svc-license__icon{ transform:scale(1.08) rotate(-4deg); }
.svc-license__col-head h4{ margin:0 0 5px; font-size:18px; font-weight:800; color:var(--ink); line-height:1.3; }
.svc-license__en{ font-size:11px; font-weight:700; letter-spacing:1.5px; color:var(--cyan); text-transform:uppercase; }

/* 子类文章列表 */
.svc-license__col ul{ list-style:none; padding:0; margin:0; flex:1; }
.svc-license__col li{ border-bottom:1px solid rgba(8,27,51,.04); }
.svc-license__col li:last-child{ border-bottom:none; }
.svc-license__col li a{
  display:flex; align-items:center; gap:10px;
  padding:11px 0; color:var(--text); font-size:14px; line-height:1.5;
  transition:color .2s ease, padding-left .2s ease;
}
.svc-license__dot{
  width:6px; height:6px; border-radius:50%; flex-shrink:0;
  background:var(--cyan); box-shadow:0 0 0 2.5px rgba(6,182,212,.12);
  transition:background .2s ease, box-shadow .2s ease;
}
.svc-license__col li a:hover{ color:var(--primary); padding-left:6px; }
.svc-license__col li a:hover .svc-license__dot{ background:var(--primary); box-shadow:0 0 0 2.5px rgba(23,105,224,.12); }

@keyframes licensePulse{
  0%,100%{ transform:scale(1); opacity:.9; }
  50%{ transform:scale(1.25); opacity:.6; }
}

/* ===== 生产注册：左 2×2 子类网格 + 右大视觉 ===== */
.svc-produce{
  display:grid; grid-template-columns:minmax(360px,3fr) minmax(300px,2fr); gap:24px; align-items:stretch;
}

/* 左侧 2×2 子类网格 */
.svc-produce__list{
  display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,1fr); gap:20px;
}
.svc-produce__col{
  position:relative; display:flex; flex-direction:column;
  background:#fff; border:1px solid rgba(8,27,51,.06); border-radius:24px;
  padding:17px 26px; box-shadow:0 10px 32px rgba(8,27,51,.07);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  overflow:hidden;
}
.svc-produce__col:hover{ transform:translateY(-8px); box-shadow:0 24px 56px rgba(8,27,51,.14); border-color:transparent; }
.svc-produce__col::before{
  content:""; position:absolute; left:0; top:0; right:0; height:5px;
  background:linear-gradient(90deg,#06b6d4,#10b981);
  transform:scaleX(.45); transform-origin:left; transition:transform .45s ease;
}
.svc-produce__col:hover::before{ transform:scaleX(1); }

.svc-produce__col-head{
  display:flex; align-items:flex-start; gap:13px; margin-bottom:16px;
}
.svc-produce__icon{
  width:52px; height:52px; border-radius:16px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,rgba(6,182,212,.12),rgba(16,185,129,.12));
  color:#0891b2; font-size:23px;
  box-shadow:0 8px 20px rgba(6,182,212,.14);
  transition:transform .3s ease;
}
.svc-produce__col:hover .svc-produce__icon{ transform:scale(1.08) rotate(4deg); }
.svc-produce__col-head h4{ margin:0 0 5px; font-size:17px; font-weight:800; color:var(--ink); line-height:1.3; }
.svc-produce__en{ font-size:11px; font-weight:700; letter-spacing:1.2px; color:#06b6d4; text-transform:uppercase; }

.svc-produce__col ul{ list-style:none; padding:0; margin:0; flex:1; }
.svc-produce__col li{ border-bottom:1px solid rgba(8,27,51,.04); }
.svc-produce__col li:last-child{ border-bottom:none; }
.svc-produce__col li a{
  display:flex; align-items:center; gap:10px;
  padding:10px 0; color:var(--text); font-size:13.5px; line-height:1.45;
  transition:color .2s ease, padding-left .2s ease;
}
.svc-produce__dot{
  width:6px; height:6px; border-radius:50%; flex-shrink:0;
  background:#06b6d4; box-shadow:0 0 0 2.5px rgba(6,182,212,.12);
  transition:background .2s ease, box-shadow .2s ease;
}
.svc-produce__col li a:hover{ color:#0891b2; padding-left:6px; }
.svc-produce__col li a:hover .svc-produce__dot{ background:#0891b2; box-shadow:0 0 0 2.5px rgba(8,145,178,.12); }

/* 右侧大视觉卡片 */
.svc-produce__hero{
  position:relative; display:flex; flex-direction:column; justify-content:space-between;
  min-height:480px; padding:40px 36px 34px; border-radius:28px; overflow:hidden; color:#fff;
  background:linear-gradient(145deg,#064e3b 0%,#0d6b55 45%,#06b6d4 150%);
  box-shadow:0 28px 70px rgba(6,78,59,.28);
  transition:transform .45s ease, box-shadow .45s ease;
}
.svc-produce__hero:hover{ transform:translateY(-8px); box-shadow:0 36px 90px rgba(6,78,59,.34); }
.svc-produce__hero::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle at 18% 22%, rgba(6,182,212,.35) 0%, transparent 48%),
    radial-gradient(circle at 88% 78%, rgba(16,185,129,.30) 0%, transparent 42%);
  pointer-events:none;
}
.svc-produce__bg-pattern{
  position:absolute; inset:0; opacity:.06; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(circle at 30% 70%, #000, transparent 70%);
  mask-image:radial-gradient(circle at 30% 70%, #000, transparent 70%);
}

.svc-produce__visual{
  position:relative; align-self:flex-start;
  width:150px; height:150px; display:flex; align-items:center; justify-content:center;
}
.svc-produce__visual::before{
  content:""; position:absolute; inset:0; border-radius:50%;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.18);
  box-shadow:0 0 80px rgba(255,255,255,.10);
}
.svc-produce__visual::after{
  content:""; position:absolute; width:96px; height:96px; border-radius:50%;
  background:rgba(255,255,255,.10);
}
.svc-produce__orb{
  position:absolute; width:64px; height:64px; border-radius:50%;
  background:radial-gradient(circle, rgba(16,185,129,.85), rgba(6,182,212,.35));
  filter:blur(18px); animation:producePulse 4s ease-in-out infinite;
}
.svc-produce__visual i{ position:relative; z-index:2; font-size:54px; color:#fff; text-shadow:0 8px 24px rgba(0,0,0,.18); }
.svc-produce__badge{
  position:absolute; right:-10px; bottom:20px; z-index:3;
  padding:7px 15px; border-radius:20px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  font-size:12px; font-weight:700; letter-spacing:.5px; color:#fff;
}

.svc-produce__info{ position:relative; z-index:2; }
.svc-produce__info h3{ margin:0 0 14px; font-size:34px; font-weight:800; line-height:1.15; letter-spacing:1px; }
.svc-produce__info > p{ margin:0 0 26px; font-size:15px; color:rgba(255,255,255,.80); line-height:1.7; }
.svc-produce__stats{
  display:flex; gap:28px; padding-top:22px; border-top:1px solid rgba(255,255,255,.12);
}
.svc-produce__stats div{ display:flex; flex-direction:column; }
.svc-produce__stats strong{ font-size:28px; font-weight:800; color:#fff; line-height:1; }
.svc-produce__stats span{ margin-top:6px; font-size:13px; color:rgba(255,255,255,.62); }

@keyframes producePulse{
  0%,100%{ transform:scale(1); opacity:.9; }
  50%{ transform:scale(1.25); opacity:.6; }
}

/* ===== 服务流程 六步 ===== */
/* ===== 服务流程 六步（高级时间轴版） ===== */
.section--process{
  position:relative; overflow:hidden;
  background:
    radial-gradient(ellipse 80% 60% at 50% 120%, rgba(23,105,224,.22), transparent 60%),
    linear-gradient(145deg,#071830 0%,#0c2748 55%,#13214d 100%);
  color:#fff;
}
.section--process::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(circle at 12% 20%, rgba(6,182,212,.12), transparent 28%),
    radial-gradient(circle at 88% 80%, rgba(23,105,224,.14), transparent 32%);
}
.section-head--light .section-en{ color:rgba(255,255,255,.55); }
.section-head--light .section-title{ color:#fff; }
.section-head--light .section-sub{ color:rgba(255,255,255,.72); }

.process-track{
  position:relative; display:flex; align-items:stretch; justify-content:space-between;
  gap:12px; padding:10px 0 20px;
}
/* 中央流动光线 */
.process-track::before{
  content:""; position:absolute; top:46px; left:8%; right:8%; height:2px; z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(6,182,212,.55) 20%,rgba(23,105,224,.7) 50%,rgba(6,182,212,.55) 80%,transparent 100%);
  opacity:.7;
}
.process-track::after{
  content:""; position:absolute; top:44px; left:8%; width:12%; height:6px; z-index:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  border-radius:3px; filter:blur(2px);
  animation:processFlow 3.2s linear infinite;
}
@keyframes processFlow{
  0%{ left:8%; opacity:0; }
  10%{ opacity:1; }
  90%{ opacity:1; }
  100%{ left:80%; opacity:0; }
}

.process-step{
  position:relative; flex:1 1 0; display:flex; align-items:stretch;
  min-width:0; z-index:1;
}
.process-card{
  flex:1; text-align:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  padding:28px 16px 26px;
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  backdrop-filter:blur(14px) saturate(150%);
  box-shadow:0 18px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .4s ease, background .4s ease, border-color .4s ease, box-shadow .4s ease;
}
.process-card:hover{
  transform:translateY(-10px);
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.28);
  box-shadow:0 28px 60px rgba(0,0,0,.28), 0 0 30px rgba(23,105,224,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
.process-badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:70px; height:70px; margin-bottom:14px; border-radius:50%;
  background:linear-gradient(145deg,var(--primary) 0%,var(--cyan) 100%);
  box-shadow:0 12px 30px rgba(23,105,224,.35), inset 0 2px 4px rgba(255,255,255,.25);
  font-weight:900; font-size:24px; color:#fff; letter-spacing:-1px;
  transition:transform .35s ease, box-shadow .35s ease;
}
.process-card:hover .process-badge{ transform:scale(1.1) translateY(-4px); box-shadow:0 18px 40px rgba(23,105,224,.45); }
.process-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; margin-bottom:14px; border-radius:12px;
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16);
  color:#a5dbff; font-size:20px;
  transition:background .35s ease, color .35s ease, transform .35s ease;
}
.process-card:hover .process-icon{ background:rgba(255,255,255,.18); color:#fff; transform:scale(1.08); }
.process-title{ margin:0 0 8px; font-size:17px; font-weight:800; color:#fff; }
.process-desc{ margin:0; font-size:13px; line-height:1.55; color:rgba(255,255,255,.68); }
.process-card:hover .process-desc{ color:rgba(255,255,255,.85); }

.process-arrow{
  display:flex; align-items:center; justify-content:center;
  width:28px; flex-shrink:0; color:rgba(255,255,255,.35); font-size:13px;
  padding-top:34px;
}
.process-step:last-child .process-arrow{ display:none; }

/* ===== 服务保障 六大优势（白底卡片 + 序号装饰 + 光晕图标） ===== */
.section-guarantee{
  position:relative; overflow:hidden;
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
}
.section-guarantee .container{ position:relative; z-index:1; }

.guarantee-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.gz-item{
  position:relative;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:24px;
  padding:36px 30px 30px;
  box-shadow:var(--shadow-sm);
  transition:transform .4s ease, box-shadow .4s ease, border-color .4s ease;
  overflow:hidden;
}
.gz-item::before{
  content:""; position:absolute; left:0; bottom:0; width:0; height:3px;
  background:linear-gradient(90deg,#1769e0,#3ee0cf);
  transition:width .5s ease;
}
.gz-item::after{
  content:""; position:absolute; top:-40%; right:-30%; width:220px; height:220px;
  background:radial-gradient(circle, rgba(23,105,224,.08), transparent 70%);
  opacity:0; transition:opacity .4s ease;
}
.gz-item:hover{
  transform:translateY(-10px);
  border-color:transparent;
  box-shadow:0 26px 60px rgba(8,27,51,.14);
}
.gz-item:hover::before{ width:100%; }
.gz-item:hover::after{ opacity:1; }

.gz-num{
  position:absolute; top:14px; right:22px;
  font-size:62px; font-weight:900; line-height:1;
  color:rgba(23,105,224,.06); letter-spacing:-2px;
  transition:color .4s ease, transform .4s ease;
  pointer-events:none;
}
.gz-item:hover .gz-num{ color:rgba(23,105,224,.12); transform:translateY(-4px); }

.gz-icon{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:66px; height:66px; margin-bottom:22px; border-radius:18px;
  background:linear-gradient(135deg,#1769e0,#06b6d4);
  color:#fff; font-size:28px;
  box-shadow:0 14px 34px rgba(23,105,224,.30);
  z-index:1;
}
.gz-icon::before{
  content:""; position:absolute; inset:-6px; border-radius:24px;
  background:linear-gradient(135deg,rgba(23,105,224,.30),rgba(6,224,207,.22));
  filter:blur(12px); opacity:.55; z-index:-1;
  transition:opacity .4s ease, transform .4s ease;
}
.gz-item:hover .gz-icon::before{ opacity:1; transform:scale(1.15); }
.gz-item h4{ margin:0 0 10px; font-size:19px; font-weight:800; color:var(--ink); letter-spacing:.5px; }
.gz-item p{ margin:0; font-size:14px; line-height:1.85; color:var(--muted); }

@keyframes guaranteeFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-6px); }
}

/* ===== CTA 横幅（banner 与经营许可之间） ===== */
.section-cta-bar{
  padding:40px 0 40px;
}
.cta-bar{
  display:flex; align-items:center; justify-content:space-between; gap:30px;
  padding:42px 50px; border-radius:24px;
  background:
    radial-gradient(ellipse 70% 90% at 12% 10%, rgba(23,105,224,.28), transparent 55%),
    radial-gradient(ellipse 50% 60% at 88% 90%, rgba(6,182,212,.18), transparent 55%),
    linear-gradient(135deg,#061a35 0%,#0b2748 50%,#10366a 100%);
  box-shadow:0 24px 60px rgba(5,26,53,.28);
  position:relative; overflow:hidden;
}
.cta-bar::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,.05) 0%, transparent 55%);
}
.cta-bar__text{ position:relative; z-index:1; max-width:680px; }
.cta-bar__text h3{
  margin:0 0 10px; font-size:clamp(22px,2.8vw,30px); font-weight:800; color:#fff; letter-spacing:.5px;
}
.cta-bar__text p{
  margin:0; font-size:15px; color:rgba(255,255,255,.78); line-height:1.7;
}
.cta-bar__btn{
  position:relative; z-index:1; flex-shrink:0;
  display:inline-flex; align-items:center; gap:10px;
  padding:16px 32px; border-radius:50px;
  background:linear-gradient(135deg,#1769e0,#06b6d4);
  color:#fff; font-size:16px; font-weight:700; text-decoration:none;
  box-shadow:0 12px 30px rgba(23,105,224,.35);
  transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.cta-bar__btn i{ transition:transform .3s ease; }
.cta-bar__btn:hover{ transform:translateY(-3px); box-shadow:0 18px 42px rgba(23,105,224,.5); }
.cta-bar__btn:hover i{ transform:translateX(4px); }

/* ===== 内页通用（响应式） ===== */
.mainBox{ width:100%; overflow:hidden; padding:50px 0; background:var(--bg); }
.main{ max-width:var(--maxw); margin:0 auto; padding:0 20px; display:flex; gap:24px; }
.side{ width:260px; flex-shrink:0; }
.right{
  flex:1; min-width:0; min-height:500px; box-sizing:border-box;
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow-sm); padding:34px 38px;
}

.sideBox{ margin-bottom:22px; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); }
.sideBox dt{
  padding:16px 20px; background:linear-gradient(135deg,var(--ink),var(--primary));
  color:#fff; font-size:16px; font-weight:700; letter-spacing:1px;
}
.sideBox dt a{ color:#fff; }
.sideBox dd{ padding:14px 20px; background:#fff; border:1px solid var(--line); border-top:none; }
.sideBox dd a{ display:block; padding:8px 0; color:var(--text); font-size:14px; position:relative; transition:color .2s,background .2s,padding-left .2s; }
.sideBox dd a::before{ display:none; }
.sideBox dd a:hover{ color:var(--primary); padding-left:4px; background:rgba(23,105,224,.04); }
.sideBox dd a.cur{ color:var(--primary); font-weight:700; margin-left:-20px; margin-right:-20px; padding:8px 20px; border-left:3px solid var(--cyan); background:rgba(22,194,213,.06); }

.bread {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px 26px;
    border-radius: var(--radius-sm);
    margin-bottom: 30px;
    background: linear-gradient(135deg,var(--ink) 0%,var(--primary) 100%);
    color: #fff;
    font-size: 14px;
    box-shadow: var(--shadow-sm);
    position: relative;
    overflow: hidden;
}
.bread::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(180deg,var(--cyan),var(--primary));
}
.bread > i:first-child{ font-size:14px; color:var(--cyan); }
.bread a{ color:rgba(255,255,255,.9); font-weight:500; }
.bread a:hover{ color:#fff; }
.bread .sep{ display:inline-flex; align-items:center; margin:0 6px; color:rgba(255,255,255,.45); font-size:12px; }
.bread .current{ font-weight:700; color:#fff; }

/* 文章 / 详情 */
.newTit{
  padding:0 0 14px; margin-bottom:22px;text-align:left;
  font-size:22px; font-weight:700; color:var(--ink);
  border-bottom:1px solid var(--line); position:relative;
}
.newTit::after{ content:""; position:absolute; left:0; bottom:-1px; width:48px; height:4px; border-radius:4px; background:var(--cyan); }
.newTxt{ font-size:15px; line-height:2; color:var(--text); }
.newTxt p{ margin-bottom:14px; text-indent:2em; }
.newTxt img{ max-width:100%; height:auto; border-radius:var(--radius-sm); margin:16px 0; box-shadow:var(--shadow-sm); }
.newDat{ color:var(--muted); border-bottom:1px dashed var(--line); padding-bottom:10px; margin-bottom:14px; display:block; }

/* 资讯列表 */
.news{ list-style:none; padding:0; margin:0; }
.news li{
  display:flex; align-items:center; gap:22px; margin-bottom:16px; padding:18px;
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow-sm); transition:transform .25s, box-shadow .25s;
}
.news li:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }
.news a{ font-size:17px; font-weight:700; color:var(--ink); }
.news a:hover{ color:var(--primary); }
.news span{ color:var(--muted); }
.news i{ font-style:normal; font-size:13px; color:var(--cyan); }
.news img{ width:210px; height:140px; object-fit:cover; border-radius:var(--radius-sm); margin-left:auto; }

/* 案例 */
.case{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.case li{ background:var(--card); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .3s, box-shadow .3s; }
.case li:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.case li a{ display:block; padding:16px; }
.case li .case-img{
  background:#f5f7fa; border-radius:var(--radius-sm);
  overflow:hidden;
}
.case li img{ width:100%; height:auto; display:block; transition:transform .4s; }
.case li a:hover img{ transform:scale(1.04); }
.case li p{ padding:14px 0 0; text-align:center; font-size:15px; font-weight:600; color:var(--ink); }

/* 产品 */
.product{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.product li{ border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); transition:.25s; background:#fff; }
.product li:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }
.product li img{ border-radius:var(--radius) var(--radius) 0 0; }
.product li a{ color:var(--text); }
.product li span{ color:var(--ink); font-weight:600; }

/* 表格 */
.xhtable{ background:#fff; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); }
.xhtable table{ width:100%; border-collapse:collapse; }
.xhtable table{ border:1px solid var(--line); border-top:0; }
.xhtable tr:hover{ background:#F2F7FF; }
.xhtable td{ border-top:1px solid var(--line); color:var(--text); padding:10px 12px; }
.xhtable tr .aa{ background:var(--grad); color:#fff; }
.xhtable tr.tip,.xhtable tr.tip:hover{ background:#E8F1FF; }

/* 地图/分店 */
.setmap{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.setmap li{ background:var(--card); border:1px solid var(--line); box-shadow:var(--shadow-sm); border-radius:var(--radius); padding:20px; transition:.25s; }
.setmap li:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }
.setmap li p{ color:var(--ink); font-weight:600; }

/* 友情链接 */
.yq p{ color:var(--ink); font-weight:600; }
.yq ul li a{ color:var(--muted); }
.yq ul li:hover a{ color:var(--primary); }

/* ===== 旧 class 兼容（保证内页不破） ===== */
.maintop{ max-width:var(--maxw); margin:0 auto; padding:56px 20px 8px; }
.maintop > p{
  font-size:14px; font-weight:600; letter-spacing:6px; text-align:center; margin:0 auto 44px; padding:8px 0 18px; color:var(--muted); position:relative;
}
.maintop > p::before{ content:"OUR SERVICES"; display:block; font-size:12px; letter-spacing:4px; color:var(--cyan); margin-bottom:8px; }
.maintop > p::after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:64px; height:4px; border-radius:4px; background:var(--grad);
}
.about-h2,.about-h24{
  font-size:clamp(26px,3.6vw,38px); font-weight:800; letter-spacing:2px; text-align:center;
  background:linear-gradient(135deg,var(--ink),var(--primary)); -webkit-background-clip:text; background-clip:text; color:transparent;
  margin:0 auto 36px; padding:0 0 16px; position:relative;
}
.about-h2::after,.about-h24::after{
  content:""; position:absolute; left:50%; bottom:-2px; transform:translateX(-50%);
  width:64px; height:4px; border-radius:4px; background:var(--grad-line);
}

.def_class{ max-width:var(--maxw); margin:0 auto 40px; padding:0 20px; }
.def_class ul{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.def_class li{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow-sm); padding:34px 30px; position:relative; overflow:hidden;
  transition:transform .3s, box-shadow .3s, border-color .3s;
}
.def_class li::before{
  content:""; position:absolute; left:0; top:0; right:0; height:4px; background:var(--grad-line);
  transform:scaleX(0); transform-origin:left; transition:transform .35s ease;
}
.def_class li:hover{ transform:translateY(-8px); box-shadow:var(--shadow-lg); border-color:transparent; }
.def_class li:hover::before{ transform:scaleX(1); }
.def_class li dt{ padding-bottom:14px; margin-bottom:16px; border-bottom:1px solid var(--line); font-size:21px; font-weight:800; color:var(--ink); }
.def_class li dt a{ color:var(--ink); }
.def_class li dd{ font-size:14px; line-height:26px; color:var(--muted); margin:0; }
.def_class li dd a{ display:inline-block; width:50%; margin:6px 0; color:var(--text); transition:color .2s; }
.def_class li dd a:hover{ color:var(--primary); }

.def_flow{ max-width:var(--maxw); margin:30px auto 10px; padding:0 20px; }
.def_flow ul{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(6,1fr); gap:18px; position:relative; }
.def_flow ul::before{
  content:""; position:absolute; top:34px; left:8%; right:8%; height:2px; z-index:0;
  background:linear-gradient(to right,var(--primary),var(--cyan)); opacity:.35;
}
.def_flow li{
  position:relative; z-index:1; background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow-sm); padding:26px 12px; text-align:center;
  transition:transform .3s, box-shadow .3s;
}
.def_flow li:hover{ transform:translateY(-8px); box-shadow:var(--shadow-lg); }
.def_flow li p{ font-size:15px; font-weight:600; color:var(--ink); margin:14px 0 0; }
.def_flow li i{
  display:flex; align-items:center; justify-content:center; width:64px; height:64px; margin:0 auto;
  border-radius:50%; background:var(--grad-soft); border:1px solid rgba(23,105,224,.25);
  font-style:normal; font-weight:800; font-size:24px; color:var(--primary);
  transition:background .3s, color .3s, transform .3s;
}
.def_flow li:hover i{ background:var(--grad); color:#fff; transform:scale(1.08); }
.def_flow li:nth-child(1) i::before{ content:"1"; }
.def_flow li:nth-child(2) i::before{ content:"2"; }
.def_flow li:nth-child(3) i::before{ content:"3"; }
.def_flow li:nth-child(4) i::before{ content:"4"; }
.def_flow li:nth-child(5) i::before{ content:"5"; }
.def_flow li:nth-child(6) i::before{ content:"6"; }
.def_flow li i.flow01,.def_flow li i.flow02,.def_flow li i.flow03,
.def_flow li i.flow04,.def_flow li i.flow05,.def_flow li i.flow06{ background:var(--grad-soft); }
.def_flow li:hover p{ color:var(--primary); }

.call-baoz{ max-width:var(--maxw); margin:0 auto; padding:0 20px; list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.call-baoz li{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow-sm); padding:28px 26px; line-height:24px; position:relative; overflow:hidden;
  transition:transform .3s, box-shadow .3s;
}
.call-baoz li:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.call-baoz li div{ margin-bottom:14px; }
.call-baoz li div span{
  display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px;
  border-radius:14px; background:var(--grad); color:#fff; font-size:24px;
  font-family:"FontAwesome"; box-shadow:0 10px 22px rgba(23,105,224,.30);
}
.call-baoz li:nth-child(1) div span::before{ content:"\f132"; }
.call-baoz li:nth-child(2) div span::before{ content:"\f0e8"; }
.call-baoz li:nth-child(3) div span::before{ content:"\f025"; }
.call-baoz li:nth-child(4) div span::before{ content:"\f023"; }
.call-baoz li:nth-child(5) div span::before{ content:"\f0a3"; }
.call-baoz li:nth-child(6) div span::before{ content:"\f017"; }
.call-baoz li b{ display:block; font-size:18px; font-weight:800; color:var(--ink); margin-bottom:8px; }
.call-baoz li{ font-size:14px; color:var(--muted); }

/* ===== 网站底部 footer（统一渐变 + 参考 gzgongying.com） ===== */
body .foot_info li{ float:none; width:auto; height:auto; padding:0; line-height:normal; }
.site-footer{
  position:relative; overflow:hidden;
  background:
    radial-gradient(ellipse 55% 80% at 8% 20%, rgba(23,105,224,.16), transparent 55%),
    radial-gradient(ellipse 55% 80% at 92% 80%, rgba(6,182,212,.16), transparent 55%),
    linear-gradient(135deg,#061426 0%,#0b2440 45%,#0a3a3a 100%);
  color:#fff;
}
.site-footer::before{
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}
.foot_info, .foot_copy{ background:transparent; position:relative; z-index:1; }
.foot_info .container{ padding-top:56px; padding-bottom:42px; display:grid; grid-template-columns:1.6fr 1fr 1fr 1.4fr; gap:42px; }

/* —— 品牌区 —— */
.foot-brand{ max-width:360px; }
.foot-logo{ display:flex; align-items:center; gap:14px; text-decoration:none; }
.foot-logo img{ height:46px; width:auto; border-radius:8px; background:#fff; padding:4px; }
.foot-logo-text{ display:flex; flex-direction:column; gap:2px; }
.foot-logo-text span{ font-size:19px; font-weight:800; color:#fff; letter-spacing:.5px; line-height:1.2; }
.foot-logo-text small{ font-size:12px; color:var(--cyan); letter-spacing:1.5px; font-weight:700; text-transform:uppercase; }
.foot-intro{ margin:22px 0 22px; color:rgba(255,255,255,.72); font-size:13.5px; line-height:1.9; }
.foot-hotline{ display:flex; flex-direction:column; gap:5px; }
.foot-hotline-label{ font-size:12px; color:rgba(255,255,255,.55); letter-spacing:1px; }
.foot-hotline-num{ font-size:25px; font-weight:900; color:#fff; text-decoration:none; letter-spacing:.5px; transition:color .25s; }
.foot-hotline-num:hover{ color:var(--cyan); }

/* —— 链接分组 —— */
.foot-col{ min-width:0; }
.foot-title{
  display:flex; align-items:center; gap:10px; margin:0 0 20px;
  font-size:16px; font-weight:800; color:#fff; letter-spacing:.5px;
}
.foot-title::before{
  content:""; width:4px; height:16px; border-radius:2px;
  background:linear-gradient(180deg,var(--cyan),var(--primary));
}
.foot-col ul{ list-style:none; padding:0; margin:0; }
.foot-col ul li{ margin-bottom:13px; }
.foot-col ul li a{ display:inline-block; color:rgba(255,255,255,.72); font-size:14px; text-decoration:none; transition:color .2s, padding-left .2s; }
.foot-col ul li a:hover{ color:#fff; padding-left:6px; }

/* —— 联系方式 —— */
.foot-contact-list li{ display:flex; align-items:flex-start; gap:10px; margin-bottom:12px; }
.foot-contact-list li i{ color:#3ee0cf; font-size:14px; margin-top:3px; flex-shrink:0; }
.foot-contact-list li span{ color:rgba(255,255,255,.78); font-size:13.5px; line-height:1.6; }
.foot-qr{ display:flex; align-items:center; gap:12px; margin-top:18px; }
.foot-qr-box{
  display:flex; align-items:center; justify-content:center;
  width:74px; height:74px; border-radius:10px; background:#fff;
  color:#07c160; font-size:34px; box-shadow:0 8px 24px rgba(0,0,0,.15);
}
.foot-qr span{ color:rgba(255,255,255,.72); font-size:12.5px; line-height:1.5; }

/* —— 版权条（居中双行） —— */
.foot_copy{
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.6); padding:16px 0; font-size:13px; text-align:center;
}
.foot_copy p{ width:auto; margin:0; }
.foot_copy_inner{ display:block; }
.foot_copy_line{ line-height:1.85; }
.foot_copy_line a{ color:rgba(255,255,255,.65); text-decoration:none; transition:color .2s; }
.foot_copy_line a:hover{ color:var(--cyan); }

/* =============================================================
   响应式适配（PC + 移动端）
   ============================================================= */
@media(max-width:1024px){
  .svc-bento,.svc-bento--reverse{ grid-template-columns:1fr; }
  .svc-bento-grid{ grid-template-columns:repeat(2,1fr); }
  .svc-bento-item--wide{ grid-column:span 1; }
  .svc-license{ grid-template-columns:1fr; }
  .svc-license__hero{ min-height:auto; }
  .svc-produce{ grid-template-columns:1fr; }
  .svc-produce__hero{ min-height:auto; order:-1; }
  .svc-qlt-cards{ grid-template-columns:repeat(2,1fr); }
  .process-track{ flex-wrap:nowrap; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; gap:10px; padding:10px 4px 24px; }
  .process-step{ flex:0 0 180px; scroll-snap-align:start; }
  .process-track::before{ left:4px; right:4px; top:42px; }
  .process-track::after{ display:none; }
  .process-arrow{ width:20px; padding-top:30px; }
  .process-card{ padding:24px 14px 22px; }
  .process-badge{ width:62px; height:62px; font-size:21px; }
  .process-title{ font-size:16px; }
  .guarantee-grid{ grid-template-columns:repeat(2,1fr); gap:20px; }
  .gz-item{ padding:30px 24px 26px; }
  .gz-num{ font-size:54px; }
  .gz-icon{ width:60px; height:60px; font-size:25px; }
  .case{ grid-template-columns:repeat(3,1fr); }
  .product{ grid-template-columns:repeat(3,1fr); }
  .setmap{ grid-template-columns:repeat(2,1fr); }
  .foot_info .container{ grid-template-columns:1fr 1fr; gap:30px 26px; }
  .foot-brand{ grid-column:1 / -1; max-width:none; }
  .foot-col--contact{ grid-column:1 / -1; }
  .def_flow ul{ grid-template-columns:repeat(3,1fr); }
}

@media(max-width:768px){
  /* 防止 frame.css/style.css/default.css 固定宽度撑开页面 */
  .head_warp, .headInfo dl, .main, .foot_info, .foot_info ul, .foot_copy, .foot_copy p, .foot_copy .container,
  .yq, .setmap, .seta, .news, .product, .zsxx, .newImg, .main>img,
  .newEwm dd, .newEwm dd.sm_ewm, .newEwm dd.fenxiang, .newEwm dd.zan,
  .def_class, .def_class>ul, .def_flow, .def_flow>ul, .maintop, .neww, .neww>*,
  .def_pro, .slideInner a, .slide .nav, .hyzs, .xhtable, .cp-box, .cp-list{
    width:auto !important; max-width:100% !important; min-width:0 !important;
  }
  .def_pro{ position:static !important; margin-left:0 !important; }
  .slide .nav{ left:0 !important; margin-left:0 !important; }

  /* 头部 */
  .headInfo{ display:none; }
  body .head .head_warp{ width:100% !important; max-width:100% !important; flex-wrap:wrap; padding:10px 16px; gap:8px; }
  .head_logo{ height:40px; order:1; max-width:150px; }
  .head_cta{ order:2; margin-left:auto; padding:8px 14px; font-size:12px; white-space:nowrap; }
  .head_cta i{ display:none; }
  .nav-toggle-btn{ order:3; display:block !important; margin-left:0; padding:10px 12px; background:transparent; border:1px solid rgba(8,27,51,.18); border-radius:4px; }
  .nav-toggle-btn span{ background:#23304A; }
  body .head_nav{
    order:4; width:100%; flex-direction:column; align-items:stretch;
    display:none !important; margin:10px -16px 0;
    background:#fff; border-top:1px solid var(--line); box-shadow:0 8px 20px rgba(0,0,0,.06);
  }
  .head_nav li{ width:100%; border-bottom:1px solid var(--line); }
  .head_nav li:last-child{ border-bottom:none; }
  .head_nav li > a{ padding:14px 20px; font-size:15px; }
  .head_nav li > a::after{ display:none; }
  .head_nav li:hover > a::after, .head_nav li.curr > a::after{ display:none; }
  body .head_nav > li > p{
    position:static; transform:none; box-shadow:none; border-radius:0; background:var(--bg-2);
    min-width:0; padding:0; display:block;
  }
  body .head_nav > li > p a{ padding:10px 36px; font-size:14px; }
  #nav-toggle:checked ~ .head_nav{ display:flex !important; }

  /* Hero */
  .flash{ min-height:420px; overflow:hidden; }
  .flash img{ height:420px; }
  .flash .bx-viewport{ min-height:420px; }
  .hero-caption{ padding:0 4%; }
  .hero-inner{ max-width:100%; width:100%; }
  .hero-caption h1{ font-size:clamp(20px,6vw,28px); word-break:break-word; overflow-wrap:break-word; line-height:1.3; }
  .hero-caption h1 .grad{ word-break:break-word; overflow-wrap:break-word; }
  .hero-caption h1 br{ display:none; }
  .hero-caption p{ font-size:14px; line-height:1.7; margin-bottom:18px; }
  .hero-scroll{ display:none; }
  .hero-actions{ flex-direction:column; gap:10px; width:100%; }
  .hero-actions a{ width:100%; justify-content:center; text-align:center; }
  .btn-brand,.btn-ghost{ padding:12px 20px; font-size:14px; }

  /* 区块 */
  .section{ padding:42px 0; }
  .section-head{ margin-bottom:30px; }

  /* CTA 横幅 */
  .section-cta-bar{ padding:0 0 28px; }
  .cta-bar{ flex-direction:column; text-align:center; gap:18px; padding:28px 22px; }
  .cta-bar__text{ max-width:100%; width:100%; }
  .cta-bar__text h3{ font-size:clamp(18px,5.5vw,22px); word-break:break-word; overflow-wrap:break-word; }
  .cta-bar__text p{ font-size:13px; }
  .cta-bar__btn{ width:100%; justify-content:center; padding:13px 22px; font-size:14px; }

  /* 服务中心 Bento */
  .svc-block{ padding:32px 0; }
  .svc-block-head{ flex-direction:column; align-items:flex-start; gap:14px; margin-bottom:28px; }
  .svc-block-title .section-title{ font-size:26px; }
  .svc-block-more{ font-size:13px; padding:9px 18px; }
  .svc-bento,.svc-bento--reverse{ grid-template-columns:1fr; gap:18px; }
  .svc-bento-primary{ min-height:auto; padding:26px; }
  .svc-bento-visual{ width:110px; height:110px; }
  .svc-bento-visual::after{ width:76px; height:76px; }
  .svc-bento-visual i{ font-size:40px; }
  .svc-bento-info h3{ font-size:24px; }
  .svc-bento-grid{ grid-template-columns:1fr; }
  .svc-bento-item--wide{ grid-column:auto; }
  .svc-bento-item{ padding:20px; }
  .svc-item-visual{ width:50px; height:50px; font-size:22px; }
  .svc-qlt-cards{ grid-template-columns:1fr; }

  /* 经营许可 */
  .svc-license{ grid-template-columns:1fr; gap:16px; }
  .svc-license__hero{ min-height:auto; padding:26px 22px; }
  .svc-license__visual{ width:100px; height:100px; }
  .svc-license__visual::after{ width:64px; height:64px; }
  .svc-license__visual i{ font-size:38px; }
  .svc-license__info h3{ font-size:22px; }
  .svc-license__stats strong{ font-size:22px; }
  .svc-license__list{ grid-template-columns:1fr; }
  .svc-license__col{ padding:20px; }
  .svc-license__col-head h4{ font-size:16px; }
  .svc-license__col li a{ font-size:13px; }

  /* 生产注册 */
  .svc-produce{ grid-template-columns:1fr; gap:16px; }
  .svc-produce__hero{ min-height:auto; padding:26px 22px; order:-1; }
  .svc-produce__visual{ width:100px; height:100px; }
  .svc-produce__visual::after{ width:64px; height:64px; }
  .svc-produce__visual i{ font-size:38px; }
  .svc-produce__info h3{ font-size:22px; }
  .svc-produce__stats strong{ font-size:22px; }
  .svc-produce__list{ grid-template-columns:1fr; }
  .svc-produce__col{ padding:20px; }
  .svc-produce__col-head h4{ font-size:16px; }
  .svc-produce__col li a{ font-size:13px; }

  .process-track{
    display:grid; grid-template-columns:repeat(3,1fr); gap:12px;
    padding:8px 4px 22px; overflow-x:visible; flex-wrap:wrap;
  }
  .process-step{ flex:none; width:auto; min-width:0; }
  .process-track::before,
  .process-track::after{ display:none; }
  .process-arrow{ display:none; }
  .process-card{ padding:20px 10px 18px; border-radius:18px; }
  .process-badge{ width:50px; height:50px; font-size:17px; margin-bottom:10px; }
  .process-icon{ width:36px; height:36px; font-size:16px; margin-bottom:10px; }
  .process-title{ font-size:14px; }
  .process-desc{ font-size:12px; }
  .guarantee-grid{ grid-template-columns:1fr; gap:16px; }
  .gz-item{ padding:26px 20px 22px; }
  .gz-num{ font-size:44px; top:12px; right:16px; }
  .gz-icon{ width:52px; height:52px; font-size:22px; margin-bottom:16px; }
  .gz-item h4{ font-size:17px; }

  /* 内页 */
  .banner{ height:160px !important; background-size:cover !important; }
  .mainBox{ padding:30px 0; }
  .main{ flex-direction:column; gap:18px; width:100% !important; }
  .side{ width:100% !important; display:block !important; }
  .sideBox{ margin-bottom:14px !important; }
  .sideBox:last-child{ margin-bottom:0 !important; }
  .sideBox dt{ padding:14px 18px; font-size:16px;width:100%; }
    .sideBox dd {
        padding: 14px 18px;
        width: 100%;
    }
  .sideBox dd a{ padding:7px 0; font-size:14px; }
  .sideBox dd.contact p, #side_sideContact p{ font-size:13px !important; line-height:1.8 !important; margin-bottom:7px !important; }
  .right{ width:100% !important; padding:22px 18px; min-height:auto; }
  .bread{ gap:6px; padding:12px 18px; font-size:12px; }
  .newTit{ font-size:20px; }
  .newTxt p, .newTxt span, .newTxt p span, .newTxt p span span{ font-size:15px !important; line-height:1.8 !important; }
  .newTxt p strong span, .newTxt p span strong{ font-size:17px !important; }
  .newTxt p:nth-of-type(n+5){ text-indent:0 !important; margin-left:-2.2em !important; padding-left:2.2em !important; position:relative; }
  .newTxt p:nth-of-type(n+5)::before{ content:"•"; position:absolute; left:0.7em; color:var(--primary); font-weight:bold; }
  .news li{ flex-direction:row; align-items:flex-start; gap:12px; padding:12px; }
  .news li > div{ flex:1; min-width:0; display:flex; flex-direction:column; }
  .news a{ font-size:15px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .news span{ font-size:13px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:6px 0; }
  .news i{ font-size:12px; }
  .news img{ width:90px; height:68px; margin-left:0; flex-shrink:0; object-fit:cover; border-radius:var(--radius-sm); background:var(--bg-2); }
  .news img[src=""], .news img:not([src]){ display:none; }
  .news li:has(img[src=""]) > div, .news li:has(img:not([src])) > div{ justify-content:center; }
  .case{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .case li a{ padding:10px; }
  .case li p{ font-size:14px; }
  .product{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .setmap{ grid-template-columns:1fr; }
  .foot_info .container{ grid-template-columns:1fr 1fr; gap:24px 18px; padding-top:34px; padding-bottom:30px; }
  .foot-brand{ grid-column:1 / -1; max-width:none; }
  .foot-col--contact{ grid-column:1 / -1; }
  .foot_copy{ font-size:12px; padding:14px 0; }
  .foot_copy p{ width:auto !important; max-width:100%; }

  /* 旧 class 兼容 */
  .maintop{ padding:36px 16px 4px; }
  .def_class ul{ grid-template-columns:1fr; }
  .def_flow ul{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .def_flow ul::before{ display:none; }
  .call-baoz{ grid-template-columns:1fr; gap:14px; }
  .xhtable{ overflow-x:auto; }
  .xhtable table{ min-width:560px; }
}

@media(max-width:480px){
  .head_warp{ padding:8px 12px; }
  .head_logo{ height:36px; max-width:130px; }
  .head_cta{ padding:7px 12px; font-size:11px; }
  .nav-toggle-btn{ padding:9px 11px; }
  .nav-toggle-btn span{ width:20px; height:2px; }
  .nav-toggle-btn span + span{ margin-top:4px; }

  .flash{ min-height:380px; }
  .flash img{ height:380px; }
  .flash .bx-viewport{ min-height:380px; }
  .hero-caption{ padding:0 3%; }
  .hero-caption .hero-tag{ font-size:11px; padding:6px 12px; letter-spacing:2px; margin-bottom:14px; }
  .hero-caption h1{ font-size:clamp(18px,5.8vw,24px); line-height:1.35; }
  .hero-caption p{ font-size:13px; line-height:1.65; margin-bottom:16px; }
  .btn-brand,.btn-ghost{ padding:11px 16px; font-size:13px; }

  .section{ padding:36px 0; }
  .section-title{ font-size:24px; }
  .section-sub{ font-size:13px; }

  .cta-bar{ padding:24px 18px; gap:16px; }
  .cta-bar__text h3{ font-size:18px; }
  .cta-bar__text p{ font-size:12px; }
  .cta-bar__btn{ padding:12px 18px; font-size:13px; }

  .svc-block-title .section-title{ font-size:22px; }
  .svc-block-more{ font-size:12px; padding:8px 14px; }

  .svc-license__hero, .svc-produce__hero{ padding:22px 18px; }
  .svc-license__visual, .svc-produce__visual{ width:86px; height:86px; }
  .svc-license__visual::after, .svc-produce__visual::after{ width:54px; height:54px; }
  .svc-license__visual i, .svc-produce__visual i{ font-size:32px; }
  .svc-license__info h3, .svc-produce__info h3{ font-size:20px; }
  .svc-license__info > p, .svc-produce__info > p{ font-size:13px; }
  .svc-license__stats, .svc-produce__stats{ gap:18px; padding-top:18px; }
  .svc-license__stats strong, .svc-produce__stats strong{ font-size:20px; }
  .svc-license__col, .svc-produce__col{ padding:18px; }
  .svc-license__icon, .svc-produce__icon{ width:46px; height:46px; border-radius:13px; font-size:20px; }
  .svc-license__col-head h4, .svc-produce__col-head h4{ font-size:15px; }
  .svc-license__en, .svc-produce__en{ font-size:10px; }

  .process-step{ flex:none; width:auto; min-width:0; }
  .process-card{ padding:18px 8px 16px; }
  .process-badge{ width:46px; height:46px; font-size:15px; }
  .process-icon{ width:32px; height:32px; font-size:14px; }
  .process-title{ font-size:13px; }

  .gz-item{ padding:22px 18px 20px; }
  .gz-icon{ width:48px; height:48px; font-size:20px; }
  .gz-num{ font-size:38px; }
  .gz-item h4{ font-size:16px; }

  .foot_info .container{ gap:20px; padding-top:28px; padding-bottom:24px; }
  .foot-logo img{ height:38px; }
  .foot-logo-text span{ font-size:17px; }
  .foot-hotline-num{ font-size:22px; }
  .foot_copy{ font-size:11px; padding:12px 0; }
}