@charset "utf-8";
/* 郝大虾官网 · 主样式
   配色：黄 #ff0（主：header / 按钮 / CTA）+ 红 #f00（点缀）+ 灰黑 #333（文字 / 页脚 / 文化带）
   结构：语义化（header/nav/main/article/section/footer），GEO 友好 */

:root{
  --yellow:#ff0;            /* 主色：header / 主按钮 / CTA */
  --yellow-d:#e6e600;      /* 黄色悬停 / 按下 */
  --red:#f00;              /* 点缀色：强调 / 链接 / 小标 */
  --red-d:#cc0000;
  --red-l:#ffe5e5;         /* 浅红（点缀小底色）*/
  --ink:#333;              /* 正文 / 标题 黑灰 */
  --gray:#777;
  --line:#e6e6e6; --bg:#fff; --bg2:#fafafa;
  --green:#1a9e4a;        /* 对比表 ICO 绿色 */
  --wrap:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font:15px/1.8 "Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;
  color:var(--ink);background:var(--bg);overflow-x:hidden}
img{max-width:100%;height:auto;display:block;border:0}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse;width:100%}
h1,h2,h3{font-weight:700;line-height:1.35}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}

/* ---------- 头部 ---------- */
.hd{position:sticky;top:0;z-index:60;background:var(--yellow);border-bottom:2px solid var(--red);
  box-shadow:0 4px 16px rgba(0,0,0,.14);transition:box-shadow .2s}
.hd.on{box-shadow:0 6px 22px rgba(0,0,0,.18)}
.hd .wrap{display:flex;align-items:center;gap:24px;height:74px;max-width:1400px;margin:0 auto}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo img{height:64px;width:auto;display:block}
.lg-t{display:none;flex-direction:column;line-height:1.2;font-size:19px;
  font-weight:800;color:var(--ink);letter-spacing:1px}
.logo small{font-size:11px;font-weight:400;color:rgba(0,0,0,.6);letter-spacing:0}
@media(max-width:768px){.hd .wrap{height:60px;gap:12px}.logo img{height:50px}
  .lg-t{font-size:15px}.logo small{display:none}}
.nav{display:flex;align-items:stretch;gap:0;margin-left:auto}
.nav a{position:relative;min-width:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:74px;padding:0 30px;color:var(--ink);transition:.15s}
.nav a .nav-cn{font-size:17px;line-height:1.15;font-weight:700}
.nav a .nav-en{font-size:11px;font-weight:400;letter-spacing:1.5px;line-height:1.2;margin-top:3px;color:rgba(0,0,0,.5);text-transform:uppercase}
.nav a:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:34px;background:rgba(0,0,0,.14)}
.nav a:hover{background:var(--red);color:#fff}
.nav a:hover .nav-en{color:rgba(255,255,255,.85)}
.nav a.on{background:var(--red);color:#fff;font-weight:700}
.nav a.on .nav-en{color:rgba(255,255,255,.85)}
.mburger{display:none;margin-left:auto;background:none;border:1px solid var(--red);
  font-size:20px;width:40px;height:36px;border-radius:6px;cursor:pointer;color:var(--red)}

/* ---------- 抽屉 ---------- */
.drawer{position:fixed;top:0;right:-300px;width:300px;height:100%;background:#fff;
  z-index:120;box-shadow:-4px 0 24px rgba(0,0,0,.12);transition:right .28s;overflow-y:auto}
.drawer.open{right:0}
.drawer-hd{display:flex;justify-content:space-between;align-items:center;
  padding:16px 18px;background:var(--yellow);color:var(--ink);border-bottom:2px solid var(--red)}
.drawer-hd button{background:none;border:0;color:var(--ink);font-size:24px;cursor:pointer;line-height:1}
.drawer-bd{padding:12px 18px 30px;display:flex;flex-direction:column}
.drawer-t{margin:14px 0 6px;font-size:12px;color:#999;letter-spacing:1px}
.drawer-bd a{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.mask{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:110;opacity:0;
  pointer-events:none;transition:.28s}
.mask.on{opacity:1;pointer-events:auto}

/* ---------- 轮播 ---------- */
.banner{position:relative;background:#333;color:#fff;overflow:hidden}
/* ---------- 轮播 ----------
   层叠顺序（从下到上）：图片 0 → 遮罩 1 → 文字 2 → 控件 5
   之前箭头和圆点没设层级，被 z-index:1 的遮罩盖住了 */
.banner{position:relative;background:#222;overflow:hidden}
.slider{position:relative;overflow:hidden}
/* 轮播改为「纯图片展示」：文字层视觉隐藏(sr-only)但保留在 HTML 供 SEO/GEO 抓取；
   图片完整显示，高度按原始比例自适应，不裁切 */
.slide{display:none;position:relative;overflow:hidden;padding:0;line-height:0}
.slide.on{display:block;animation:fade .5s}
@keyframes fade{from{opacity:.35}to{opacity:1}}
/* 用 img 而不是 CSS 背景图：AI 抓得到 alt；手机图用 <picture>+media 查询自动选 */
.slide picture{position:static;display:block;z-index:0;overflow:hidden;line-height:0}
.slide .sld-img{width:100%;height:auto;display:block}
.sld-link{display:block}
/* 电脑端：按图片实际尺寸显示，不裁切；手机端同理 */
@media (min-width:769px){
  .slide .sld-img{height:auto}
}
/* 文字层：视觉隐藏(sr-only)，保留在 DOM 供搜索引擎与 AI 抓取（GEO） */
.slide .wrap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;z-index:2}
.btn{display:inline-block;margin-top:24px;padding:13px 36px;background:var(--yellow);
  color:var(--ink);font-weight:700;border-radius:30px;font-size:15px;transition:.2s}
.btn:hover{transform:translateY(-2px);background:var(--yellow-d);box-shadow:0 8px 20px rgba(0,0,0,.18)}
/* 控件必须在最上层，否则被遮罩盖住 */
.sld-prev,.sld-next{z-index:5;position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(0,0,0,.28);border:0;color:#fff;font-size:34px;width:48px;height:76px;
  cursor:pointer;border-radius:6px;transition:.2s;line-height:1}
.sld-prev:hover,.sld-next:hover{background:rgba(0,0,0,.5)}
.sld-prev{left:20px}.sld-next{right:20px}
.sld-dots{position:absolute;bottom:26px;left:0;right:0;text-align:center;z-index:5}
.sld-dots button{width:11px;height:11px;border-radius:50%;border:0;margin:0 5px;
  background:rgba(255,255,255,.55);cursor:pointer;padding:0;transition:.2s;
  box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.sld-dots button.on{background:var(--yellow);width:30px;border-radius:6px}
.stats{position:relative;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;gap:0;max-width:1400px;margin:0 auto;
  background:transparent;padding:22px 0}
.stat{flex:1;min-width:120px;text-align:center;background:transparent;border-right:1px solid rgba(255,255,255,.18)}
.stat:last-child{border-right:0}
.stat b{display:block;font-size:30px;color:var(--yellow)}
.stat span{font-size:13px;opacity:.9}

/* ---------- 答案块（GEO 核心：AI 优先引用） ---------- */
.answer-sec{background:var(--bg2);border-bottom:1px solid var(--line);padding:26px 0}
.answer-sec .answer{max-width:var(--wrap);margin:14px auto 0;font-size:17px;line-height:1.95;color:#222;
  background-color:#fff;
  background-image:linear-gradient(120deg, rgba(255,0,0,.06), rgba(255,255,0,.05));
  border-left:4px solid var(--red);padding:18px 26px;border-radius:0 12px 12px 0;
  box-shadow:0 4px 18px rgba(0,0,0,.05)}
h1 + .answer{margin-top:14px}

/* ---------- 区块 ---------- */
.sec{padding:48px 0}
.sec.gray{background:var(--bg2)}
.sec.home-products{margin-top:32px}
.sec h2{font-size:28px;text-align:center;margin:6px 0 14px;position:relative;padding-bottom:14px}
.sec h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:48px;height:3px;background:var(--yellow);border-radius:2px}
.sub,.lead{text-align:center;color:var(--gray);max-width:820px;margin:0 auto 26px;font-size:15px}
.lead{text-align:left;line-height:2}
.msg-lead{text-align:center}
/* 富文本正文（后台 editorHTML 输出） */
.prose{line-height:2;color:#333;font-size:15.5px}
.prose h2{font-size:23px;margin:30px 0 14px;padding-left:13px;border-left:4px solid var(--red)}
.prose h3{font-size:19px;margin:24px 0 12px}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{margin:0 0 16px;padding-left:24px}
.prose li{margin:6px 0}
.prose blockquote{margin:0 0 16px;padding:12px 18px;background:var(--bg2);
  border-left:4px solid var(--yellow);color:#555;border-radius:0 8px 8px 0}
.prose img{max-width:100%;border-radius:8px;margin:8px 0 16px}
.prose a{color:var(--red);text-decoration:underline}
.en{text-align:center;color:var(--gray);font-size:14px;letter-spacing:.3px;margin:0 auto 10px;max-width:820px}
/* 全站「查看XX更多 / 了解更多」统一为红框药丸按钮（与首页公司介绍下「了解更多」一致） */
.more{display:inline-block;margin-top:14px;padding:9px 30px;border:2px solid var(--red);
  border-radius:999px;color:var(--red);font-weight:600;transition:.2s;background:#fff}
.more:hover{background:var(--red);color:#fff;border-color:var(--red)}
/* 居中包裹的更多按钮，避免与 p.center 的上边距叠加 */
.center .more{margin-top:0}
/* 首页「关于我们」图文并茂：左文右图，移动端上图下文 */
.about-block{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:48px;align-items:center;max-width:var(--wrap);margin:0 auto}
.about-text .answer{font-size:17px;line-height:1.95;color:#222;margin:14px 0 18px;
  padding:0}
.about-text .brief-txt{font-size:16px;line-height:2;color:#555;margin:0 0 22px}
.about-img{position:relative;border-radius:14px;overflow:hidden;
  background:var(--bg2);box-shadow:0 6px 24px rgba(0,0,0,.08);aspect-ratio:8/5}
.about-img img{width:100%;height:100%;object-fit:cover;display:block}
.about-img::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(222,31,31,.08));pointer-events:none}
@media (max-width:780px){
  .about-block{grid-template-columns:1fr;gap:22px}
  .about-img{order:-1;aspect-ratio:16/9}
  .about-text .brief-facts{gap:10px}
}
.brief-facts{list-style:none;display:flex;flex-wrap:wrap;padding:18px 0 0;margin:0;
  border-top:1px dashed var(--line)}
.brief-facts li{flex:1;min-width:86px;text-align:center}
.brief-facts b{display:block;font-size:24px;color:var(--red);line-height:1.35}
.brief-facts span{font-size:12.5px;color:var(--gray)}
/* 了解更多：按钮化，与 .more 统一（首页公司介绍下「了解更多」同源样式） */
.btn-more{display:inline-block;margin-top:14px;padding:9px 30px;border:2px solid var(--red);
  border-radius:999px;color:var(--red);font-weight:600;transition:.2s;background:#fff}
.btn-more:hover{background:var(--red);color:#fff;border-color:var(--red)}
.center{text-align:center;margin-top:24px}

/* ---------- 分页器 ---------- */
.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:34px 0 6px}
.pager .pg-info{color:#9ca3af;font-size:13px;margin-right:6px}
.pager .pg,.pager .pg.cur,.pager .pg-ell{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;
  border:1px solid var(--line);border-radius:9px;font-size:14px;color:#555;background:#fff;transition:.15s}
.pager a.pg:hover{color:var(--red);border-color:var(--red);background:var(--red-l)}
.pager .pg.cur{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}
.pager .pg.cur:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.pager .pg-ell{border:0;color:#cbd5e1;min-width:20px}
.pager .pg-jump{display:inline-flex;align-items:center;gap:4px;margin-left:6px}
.pager .pg-jump input{width:60px;height:38px;padding:0 8px;border:1px solid var(--line);border-radius:9px;font-size:14px;text-align:center;color:#555;background:#fff;outline:none;-moz-appearance:textfield}
.pager .pg-jump input::-webkit-outer-spin-button,.pager .pg-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pager .pg-jump input:focus{border-color:var(--red);box-shadow:0 0 0 2px var(--red-l)}
.pager .pg-jump button{height:38px;padding:0 12px;border:1px solid var(--red);border-radius:9px;font-size:13px;font-weight:600;color:#fff;background:var(--red);cursor:pointer;transition:.15s}
.pager .pg-jump button:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}

/* ---------- 页面头部 hero（h1 + answer 居中块 + 面包屑） ---------- */
.page-hero{position:relative;text-align:center;overflow:hidden;
  background:url(/assets/upload/misc/hero-bg.jpg) center/cover no-repeat;
  padding:64px 0 24px;margin-bottom:6px}
/* 标题由页面自己承载时（产品详情）：页头收窄；内容区上间距加大，
   下内边距 54 + margin 6 + .p-hero 46 ≈ 106，接近文章详情页观感 */
.page-hero.no-title{padding:32px 0 54px}
.page-hero.no-title .answer{font-size:14.5px;line-height:1.85}
.page-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.52),rgba(0,0,0,.62))}
.page-hero .ph-inner{position:relative;z-index:1}
.page-hero h1{font-size:34px;color:#fff;margin:0 0 14px;letter-spacing:1px;line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.page-hero .answer{display:block;max-width:980px;width:100%;margin:14px auto 0;color:#fff;font-size:15.5px;line-height:1.95;
  padding:6px 0;text-align:center;text-shadow:0 1px 5px rgba(0,0,0,.55);
  background:none!important;border:0!important;box-shadow:none!important}
.page-hero > .crumb{position:relative;z-index:2;display:inline-flex;margin:18px auto 0;justify-content:center;
  background:transparent;border:0;box-shadow:none;color:rgba(255,255,255,.85);width:auto}
.page-hero > .crumb a{color:rgba(255,255,255,.9);padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.12);transition:.15s}
.page-hero > .crumb a:hover{color:var(--ink);background:var(--yellow)}
.page-hero > .crumb i{color:rgba(255,255,255,.45)}
.page-hero > .crumb span{color:var(--ink);font-weight:600;padding:3px 10px;border-radius:8px;background:var(--yellow)}

/* ---------- 面包屑 ---------- */
.crumb{max-width:var(--wrap);margin:8px auto 0;padding:7px 18px 7px 16px;color:#9aa0a6;font-size:13px;
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--line);border-radius:999px;width:fit-content;
  box-shadow:0 1px 4px rgba(0,0,0,.05)}
.crumb a{color:#6b7280;padding:3px 8px;border-radius:8px;background:var(--bg2);transition:.15s}
.crumb a:hover{color:var(--ink);background:var(--yellow)}
.crumb i{font-style:normal;color:#cbd5e1;padding:0 2px}
.crumb span{color:var(--ink);font-weight:600;padding:3px 10px;border-radius:8px;background:var(--yellow)}
.crumb-home{width:13px;height:13px;vertical-align:-2px;margin-right:3px;fill:currentColor}

/* ---------- 历程 Tab ---------- */
.tabs{max-width:900px;margin:0 auto}
.tab-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px}
.tab-btns button{padding:7px 15px;border:1px solid var(--line);background:#fff;
  border-radius:20px;cursor:pointer;font-size:14px;color:#555;transition:.15s}
.tab-btns button:hover{border-color:var(--red);color:var(--red)}
.tab-btns button.on{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.tab-btns button.on:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.tab-panels{position:relative;min-height:130px}
.tab-panel,.tab-panels > div{display:none;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:24px 26px}
.tab-panel.on,.tab-panels > div.on{display:block;animation:fade .35s}
.tab-panels b{color:var(--red);font-size:22px}
.tab-panels h3{font-size:18px;margin:6px 0 8px}
.tab-panels p{color:var(--gray);line-height:1.9}

/* ---------- 卡片 / 网格 ---------- */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;
  transition:.22s;display:block}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.09);
  border-color:var(--red)}
.card .ph{height:150px;display:flex;align-items:center;justify-content:center;
  font-size:52px;background:linear-gradient(135deg,var(--red-l),#fff)}
.card .ph svg{width:56px;height:56px;color:var(--red)}
.card .bd{padding:14px 16px 18px}
.card h3{font-size:16px;margin-bottom:6px;line-height:1.5}
.card .spec{font-size:12px;color:#999;min-height:34px;line-height:1.5}
.card .price{color:var(--red);font-weight:700;font-size:15px;margin-top:6px}
.box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}
.box h3{font-size:17px;margin-bottom:8px;color:var(--red)}
.box p{color:var(--gray);line-height:1.85;font-size:14px}
/* 业务模式「四大优势」：图标 + 卡片质感 */
.box.has-ico{padding:24px 24px 22px;transition:.2s}
.box.has-ico:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
/* 图标与小标题同一行：图标在左，标题在右 */
.box-hd{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.box-ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;
  border-radius:12px;background:var(--red-l);color:var(--red)}
.box-ico svg{width:24px;height:24px}
.box.has-ico h3{margin-bottom:0}
.feat-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.feat-list li{display:flex;gap:10px;align-items:baseline;font-size:14px;line-height:1.6}
.feat-list li b{flex-shrink:0;color:var(--red);font-size:13.5px;min-width:84px}
.feat-list li span{color:var(--gray)}
.vitem{text-align:center;padding:24px 18px;background:#fff;border-radius:10px;
  border:1px solid var(--line)}
.vitem b{display:block;font-size:30px;color:var(--red);margin-bottom:8px}
/* 发展历程时间轴 */
.timeline{position:relative;margin-top:24px;padding-left:26px}
.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--red-l),#fff)}
.tl-item{position:relative;padding:0 0 26px 8px}
.tl-item::before{content:"";position:absolute;left:-23px;top:5px;width:14px;height:14px;border-radius:50%;
  background:#fff;border:3px solid var(--red);box-shadow:0 0 0 4px var(--red-l)}
.tl-y{font-size:21px;font-weight:800;color:var(--red);line-height:1.2;margin-bottom:4px}
.tl-body h3{font-size:16.5px;margin-bottom:6px;color:#1f2937}
.tl-body p{color:var(--gray);line-height:1.8;font-size:14.5px;max-width:760px}
.tl-body img{display:block;margin-top:12px;max-width:320px;width:100%;border-radius:10px;border:1px solid var(--line)}
/* 荣誉资质画廊 */
.honor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:24px}
.honor-scroll{display:flex;flex-wrap:nowrap;gap:18px;margin-top:24px;
  overflow-x:auto;overflow-y:hidden;
  padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:rgba(220,31,31,.6) rgba(0,0,0,.07)}
.honor-scroll .honor-card{flex:0 0 230px;scroll-snap-align:start}
.honor-scroll::-webkit-scrollbar{height:12px}
.honor-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.07);border-radius:6px}
.honor-scroll::-webkit-scrollbar-thumb{background:rgba(220,31,31,.6);border-radius:6px;
  border:3px solid rgba(255,255,255,.85);background-clip:padding-box}
.honor-scroll::-webkit-scrollbar-thumb:hover{background:rgba(220,31,31,.9);background-clip:padding-box}
.honor-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.honor-img{height:180px;background:var(--red-l);display:flex;align-items:center;justify-content:center;overflow:hidden}
.honor-img img{width:100%;height:100%;object-fit:cover}
.honor-noimg{background:linear-gradient(135deg,#fff6f6,#ffe7e7)}
.honor-ico{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;
  background:#fff;color:var(--red);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.honor-ico svg{width:30px;height:30px}
.honor-info{padding:15px 17px}
.honor-info h3{font-size:15.5px;color:var(--red);margin-bottom:6px}
.honor-info p{color:var(--gray);font-size:13.5px;line-height:1.7}
/* 企业文化 */
.cul{margin-top:20px;display:grid;gap:14px}
.cul-row{display:flex;gap:16px;align-items:flex-start}
.cul-k{flex-shrink:0;min-width:64px;text-align:center;background:var(--red);color:#fff;font-weight:700;
  font-size:14px;padding:8px 0;border-radius:8px}
.cul-row p{margin:0;color:#374151;line-height:1.9;font-size:15.5px;padding-top:3px}
.vals{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:22px}
.val{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 16px;text-align:center}
.val b{display:block;font-size:17px;color:var(--red);margin-bottom:6px}
.val span{color:var(--gray);font-size:13.5px;line-height:1.7}
.vitem p{color:#444;line-height:1.8}

/* 分类标签 */
.cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.cats a{padding:8px 18px;border:1px solid var(--yellow);border-radius:24px;font-size:14px;
  background:var(--yellow);color:var(--ink);transition:.15s}
.cats a:hover{background:var(--red);border-color:var(--red);color:#fff}
.cats a.on{background:var(--red);border-color:var(--red);color:#fff}
.cats a.on span,.cats a.on svg{color:rgba(255,255,255,.9)}
.cats a b{margin-right:5px}
.cat-tab b{margin-right:6px;font-style:normal;font-weight:400}
.cats a span{font-size:12px;color:#777;margin-left:6px}
.cats a:hover span{color:rgba(255,255,255,.88)}
.cats a svg{width:16px;height:16px;margin-right:6px;vertical-align:-3px;color:var(--red)}
.cats a:hover svg{color:#fff}
/* 产品中心：分类做成竖向小卡片，图标+名称在上、描述在下居中，统一宽度避免换行 */
/* 分类筛选按钮：独立类名，勿复用 .cat-card（那是首页带背景图的大展示卡） */
.cat-cards .cf-btn{position:static;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;flex:1 1 132px;max-width:170px;min-width:118px;min-height:0;padding:11px 10px;
  border-radius:10px;background:var(--yellow);border:2px solid var(--yellow);
  overflow:visible;cursor:pointer;font-family:inherit;text-align:center;transition:.18s}
.cat-cards .cf-btn::after{display:none}
.cat-cards .cf-btn b{margin:0;font-size:19px;line-height:1.2}
.cat-cards .cf-btn .cn{font-size:14.5px;font-weight:600;color:var(--ink);margin:0}
.cat-cards .cf-btn .cd{font-size:11.5px;color:#777;margin:0;line-height:1.45;text-align:center}
.cat-cards .cf-btn .cn-num{font-size:11px;color:#8b8f97;background:rgba(255,255,255,.72);
  padding:1px 8px;border-radius:9px;margin-top:1px}
.cat-cards .cf-btn:hover{background:var(--red);border-color:var(--red)}
.cat-cards .cf-btn:hover .cn,.cat-cards .cf-btn:hover .cd{color:#fff}
.cat-cards .cf-btn:hover .cn-num{background:rgba(255,255,255,.22);color:#fff}
.cat-cards .cf-btn.on{background:var(--red);border-color:var(--red)}
.cat-cards .cf-btn.on .cn,.cat-cards .cf-btn.on .cd{color:#fff}
.cat-cards .cf-btn.on .cn-num{background:rgba(255,255,255,.24);color:#fff}

/* 首页产品中心：分类名 tab 样式（无图片） */
.cat-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:22px}
.cat-tab{padding:9px 22px;border:1px solid var(--yellow);border-radius:24px;font-size:14.5px;
  color:var(--ink);background:var(--yellow);transition:.18s;text-decoration:none}
.cat-tab:hover{border-color:var(--red);color:#fff;background:var(--red)}
.cat-tab.on{border-color:var(--red);color:#fff;background:var(--red);font-weight:700}

/* ---------- 表格 ---------- */
.tbl{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);
  border-radius:8px;overflow:hidden}
.tbl th,.tbl td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px;
  text-align:left;vertical-align:top}
.tbl th{width:130px;background:var(--bg2);color:#555;font-weight:600}
.tbl tr:last-child th,.tbl tr:last-child td{border-bottom:0}
.tbl td a{color:var(--red)}
.tbl td.p-price{color:var(--red);font-size:17px;font-weight:700}
.ask-price{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;
  border:1px solid var(--red);border-radius:20px;color:var(--red);font-size:13px;font-weight:600;
  transition:.18s}
.ask-price:hover{background:var(--red);color:#fff}

/* ---------- FAQ ---------- */
.faq-h{text-align:center;margin:0 0 22px;font-size:25px}
.hot-prod-h{margin-top:60px !important}
.faq-kw{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 14px}
.faq{max-width:860px;margin:0 auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:8px;
  margin-bottom:10px;overflow:hidden}
.faq summary{padding:14px 18px;cursor:pointer;font-weight:600;font-size:15px;
  list-style:none;position:relative;padding-right:44px;display:flex;align-items:flex-start;gap:9px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:12px;color:var(--red);
  font-size:20px;font-weight:700}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 18px 16px;color:var(--gray);line-height:1.9;font-size:14.5px}
/* 问/答 图标徽标 */
.q-ico,.a-ico{display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:700;color:#fff;flex:none}
.q-ico{background:var(--red);margin-top:1px}
.a-ico{background:#16a34a;margin-right:0}
.faq-item summary .q-ico{margin-top:1px}
.faq-a{display:flex;align-items:flex-start;gap:6px;padding:0 18px 16px}
.faq-a p{display:inline;padding:0;color:var(--gray);line-height:1.9;font-size:14.5px}
.rel-h{text-align:center;font-size:20px;margin:26px 0 16px;font-weight:700;color:var(--ink)}

/* 联系页：人才招聘折叠块（默认收起） */
.recruit-fold{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:6px}
.recruit-fold summary{display:flex;align-items:center;gap:10px;padding:16px 20px;cursor:pointer;list-style:none;font-weight:700;font-size:17px;color:var(--red)}
.recruit-fold summary::-webkit-details-marker{display:none}
.recruit-fold summary::after{content:"+";margin-left:auto;color:var(--red);font-size:22px;font-weight:700;line-height:1}
.recruit-fold[open] summary::after{content:"−"}
.recruit-fold .rf-body{padding:2px 20px 20px}
.recruit-fold .rf-body .sub{color:var(--gray);margin:2px 0 14px}

/* ---------- 产品详情：主视觉区（左图右信息） ---------- */
.p-hero{padding:46px 0 4px}
.p-hero-in{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:44px;align-items:start}
.p-gal{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;
  box-shadow:0 2px 14px rgba(0,0,0,.05);position:sticky;top:84px}
.p-gal img{width:100%;height:auto;border-radius:10px;display:block}
.p-img-note{margin:10px 2px 0;font-size:12.5px;color:#999;text-align:center;line-height:1.5}
.p-noph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  aspect-ratio:4/3;background:var(--bg2);border-radius:10px;color:#9ca3af;font-size:14px}
.p-noph svg{width:46px;height:46px;opacity:.45}

/* 右栏：眉标 → 完整品名 → 标签 → 规格 → 价格卡 → 行动 */
.p-eyebrow{margin:0;font-size:12.5px;font-weight:600;letter-spacing:1.4px;color:var(--red);
  text-transform:uppercase}
.p-title{margin:8px 0 0;font-size:27px;line-height:1.38;font-weight:700;color:var(--ink);
  letter-spacing:-.2px}
.p-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.ptag{display:inline-block;padding:5px 12px;border-radius:5px;font-size:12.5px;font-weight:600;
  background:rgba(220,38,38,.07);color:var(--red);text-decoration:none;
  border:1px solid rgba(220,38,38,.14);transition:.16s}
a.ptag:hover{background:var(--red);color:#fff;border-color:var(--red)}
.ptag.ghost{background:#f6f7f9;color:#6b7280;border-color:var(--line);font-weight:500}

.p-meta{margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
.p-meta>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;
  padding:11px 2px;border-bottom:1px solid var(--line)}
.p-meta dt{font-size:13.5px;color:#8b8f97;line-height:1.7}
.p-meta dd{margin:0;font-size:14.5px;color:var(--ink);line-height:1.7}

/* 产品详情页「产品简介」可见区块：AI 优先抓取 / 用户直接阅读，原仅作 meta，现前台也展示 */
.pro-intro-sec{padding:30px 0 6px}
.pro-intro-h{font-size:20px;margin:0 0 12px;color:var(--ink)}
/* 铺满内容区整宽（与上方 hero 同宽，1200px）；不再限 780px，右侧不留空 */
.pro-intro{font-size:15px;line-height:1.95;color:#374151;max-width:100%;width:100%;margin:0;
  white-space:pre-wrap;word-break:break-word}
/* 大屏可略放宽容器，让简介更宽 */
@media(min-width:1400px){.pro-intro-sec .wrap{max-width:1320px}}

.p-price-card{margin:24px 0 0;background:#fff;border:1px solid var(--line);border-radius:12px;
  overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.pc-hd{margin:0;padding:10px 18px;background:var(--red);color:#fff;font-size:13px;
  font-weight:600;letter-spacing:.6px}
.pc-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px}
.pc-row+.pc-row{border-top:1px solid var(--line)}
.pc-lb{font-size:14.5px;color:#6b7280}
.pc-v{font-size:27px;font-weight:700;color:var(--red);line-height:1.2;letter-spacing:-.3px}
.pc-v i{font-size:16px;font-style:normal;color:#9ca3af;font-weight:500}
.pc-ask{display:inline-flex;align-items:center;padding:9px 22px;background:var(--red);color:#fff;
  border-radius:6px;font-size:15px;font-weight:600;text-decoration:none;transition:.18s}
.pc-ask:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(185,28,28,.28)}
.pc-note{margin:0;padding:0 18px 14px;font-size:12.5px;color:#9ca3af;line-height:1.65}

.p-acts{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.btn-p{flex:1;min-width:150px;text-align:center;padding:13px 18px;border:1px solid var(--red);
  border-radius:8px;color:var(--red);font-size:15px;font-weight:600;text-decoration:none;
  background:#fff;transition:.18s}
.btn-p:hover{background:rgba(220,38,38,.06)}
.btn-p.pri{background:var(--red);color:#fff;border-color:var(--red)}
.btn-p.pri:hover{background:#b91c1c;border-color:#b91c1c}
.p-tel{margin:16px 0 28px;font-size:13.5px;color:#8b8f97}
.p-tel a{color:var(--red);font-weight:700;font-size:16px;text-decoration:none}
.p-tel a:hover{text-decoration:underline}
.p-remark{max-width:860px;margin:0 auto;font-size:16px;line-height:2;color:#4b5563;text-align:center}
.pt0{padding-top:0}
.spec{color:#999;font-size:13px}
@media(max-width:860px){
  .p-hero-in{grid-template-columns:1fr;gap:26px}
  .p-gal{position:static}
  .p-title{font-size:23px}
  .pc-v{font-size:23px}
  .p-meta>div{grid-template-columns:76px minmax(0,1fr);gap:10px}
}

/* ---------- 文章 ---------- */
.art{max-width:920px}
.art p{margin-bottom:16px;line-height:2;color:#333;font-size:16.5px}
.art .meta{color:#999;font-size:13px;margin-bottom:22px;padding-bottom:14px;
  border-bottom:1px solid var(--line);text-align:center}
.art figure{margin-bottom:20px}
.art img{border-radius:10px;width:100%}
.art h2{font-size:22px;text-align:left;margin:30px 0 14px;padding:0 0 0 13px;border-left:4px solid var(--red);position:static;line-height:1.45}
.art h2::after{display:none}
.art h3{font-size:18px;text-align:left;margin:22px 0 10px;font-weight:700;color:var(--ink)}
/* 正文列表美化：取消全局重置造成的贴左，改为合理缩进 + 品牌色标记 */
.art ul,.art ol{margin:8px 0 22px;padding:0;list-style:none}
.art li{position:relative;margin:11px 0;padding-left:30px;line-height:1.95;color:#333;font-size:16.5px}
.art ul li::before{content:"";position:absolute;left:9px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--red)}
.art ol{counter-reset:hdxol}
.art ol li{padding-left:38px;counter-increment:hdxol}
.art ol li::before{content:counter(hdxol);position:absolute;left:0;top:3px;width:23px;height:23px;border-radius:7px;background:var(--red);color:#fff;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.art h2+p,.art h3+p{margin-top:8px}
/* 正文“相关产品推荐”区块（GEO 内链） */
.rel-prod{margin:30px 0 4px;padding-top:20px;border-top:1px dashed var(--line)}
.rel-prod h3{margin-bottom:12px;padding-left:13px;border-left:4px solid var(--red)}
.rel-prod .rp-list{margin:8px 0 0;padding:0;list-style:none}
.rel-prod .rp-list li{position:relative;margin:10px 0;padding-left:30px;line-height:1.9;color:#333;font-size:16px}
.rel-prod .rp-list li::before{content:"";position:absolute;left:9px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--red)}
.rel-prod .rp-list a{color:var(--red);font-weight:600}
.rel-prod .rp-desc{color:#888;font-size:13.5px;margin-left:6px}
.alist{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.alist.cols-2{grid-template-columns:repeat(2,1fr)}
.alist.cols-3{grid-template-columns:repeat(3,1fr)}
.aitem{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:.22s}
.aitem:hover{border-color:var(--red);box-shadow:0 12px 28px rgba(254,28,68,.13);transform:translateY(-3px)}
.athumb{width:100%;height:188px;overflow:hidden;background:#f3f3f3}
.athumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}
.aitem:hover .athumb img{transform:scale(1.05)}
.abd{flex:1;min-width:0;padding:14px 16px 18px;display:flex;flex-direction:column}
.aitem h2{font-size:17px;line-height:1.55;margin:9px 0}
.aitem p{color:var(--gray);font-size:13.5px;line-height:1.8;flex:1}
.aitem time{color:#bbb;font-size:12px;display:block;margin-top:11px}
.ktag{display:inline-block;align-self:flex-start;background:var(--red-l);color:var(--red);font-size:12px;font-weight:600;padding:3px 11px;border-radius:20px}
.article-cover{max-width:820px;margin:0 auto 24px}
.article-cover img{width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:14px;display:block;box-shadow:0 12px 32px rgba(0,0,0,.09)}
@media(max-width:900px){.alist.cols-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.alist,.alist.cols-2,.alist.cols-3{grid-template-columns:1fr}.athumb{height:180px}}

/* 流程步骤 */
.steps{max-width:860px;margin:20px auto 0;padding-left:22px}
.steps li{padding:8px 0;color:#444;line-height:1.9}

/* ---------- CTA ---------- */
.cta{background:var(--yellow);color:var(--ink);
  padding:52px 0;text-align:center}
.cta h2{font-size:26px;margin-bottom:10px}
.cta p{opacity:.85;margin-bottom:4px}
.cta .btn{background:var(--red);color:#fff;border:0;margin-top:18px}
.cta .btn:hover{background:var(--yellow);color:var(--ink)}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px}
.cta-btns .btn{margin-top:0;padding:12px 28px;font-size:15px}
.cta .btn.ghost{background:transparent;color:var(--ink);border:2px solid rgba(0,0,0,.28)}
.cta .btn.ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---------- 页脚 ---------- */
.ft{background:#1f1f1f;color:#a8b0ba;padding:44px 0 0}
.ft .wrap{display:grid;grid-template-columns:1.6fr 1.1fr 0.9fr 0.8fr;gap:30px;padding-bottom:30px}
.ft-c b{display:block;color:#fff;font-size:16px;margin-bottom:12px}
.ft-c p{font-size:13.5px;line-height:2}
.ft-c a{display:block;font-size:13.5px;padding:4px 0;transition:.15s}
.ft-c a:hover{color:var(--yellow)}
.ft-b{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:16px;
  font-size:12.5px;color:#6d7580}
.ft-b .ft-icp{color:#9aa3b0;text-decoration:none;border-bottom:1px dashed rgba(154,163,176,.5);transition:color .15s,border-color .15s}
.ft-b .ft-icp:hover{color:#fff;border-bottom-color:#fff}

/* ---------- 侧边悬浮控件：电话 + 返回顶部（统一风格） ---------- */
.side-tools{position:fixed;right:22px;bottom:26px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:50}
.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  background:var(--red);color:#fff;border:0;cursor:pointer;
  box-shadow:0 4px 16px rgba(255,0,0,.4);transition:.22s;font-weight:700}
.st-btn svg{width:20px;height:20px;flex-shrink:0}
.st-btn:hover{background:var(--yellow);color:var(--ink)}
/* 电话：上方，圆形图标按钮，点击直拨，不显示号码、不遮挡内容 */
.st-tel{width:46px;height:46px;padding:0;border-radius:50%;font-size:0}
/* 返回顶部：下方，圆形，仅图标，滚动后出现 */
.st-top{width:46px;height:46px;border-radius:50%;font-size:20px;
  opacity:0;pointer-events:none;transform:translateY(8px)}
.st-top.on{opacity:1;pointer-events:auto;transform:none}

/* 详情页底部翻页条（上一篇 / 下一篇） */
.detail-nav-wrap{max-width:var(--wrap);margin:38px auto 14px;padding:0 16px;display:flex;gap:16px}
.detail-nav{flex:1 1 0;display:flex;align-items:center;gap:10px;min-height:66px;padding:12px 16px;
  border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);text-decoration:none;transition:.2s;overflow:hidden}
.detail-nav svg{width:20px;height:20px;flex:0 0 auto;color:var(--red)}
.detail-nav .dn-txt{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.detail-nav .dn-txt i{font-size:12px;color:#9aa3b0;font-style:normal}
.detail-nav .dn-txt b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dn-prev{justify-content:flex-start;text-align:left}
.dn-next{flex-direction:row;justify-content:flex-end;text-align:right}
.dn-next .dn-txt{align-items:flex-end}
.detail-nav:hover{border-color:var(--red);background:#fff7f7}
.detail-nav:hover svg{color:var(--red)}
.detail-nav.is-empty{visibility:hidden}
.p-gal img[data-zoom]{cursor:zoom-in}
@media(max-width:768px){.detail-nav-wrap{margin-top:26px;gap:10px}.detail-nav{min-height:56px;padding:10px 12px}.detail-nav .dn-txt b{font-size:13px}}

/* ---------- 滚动渐入 ---------- */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .6s,transform .6s}
[data-reveal].in{opacity:1;transform:none}

/* ---------- 留言表单 ---------- */
.msg-wrap{max-width:800px;margin:0 auto}
.msg-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  box-shadow:0 10px 34px rgba(0,0,0,.06);transition:box-shadow .25s,border-color .25s}
.msg-card:hover{box-shadow:0 16px 44px rgba(0,0,0,.09)}
.msg-card.sent{border-color:#86d9a4;box-shadow:0 10px 34px rgba(22,163,74,.14)}
.msg-head{display:flex;align-items:center;gap:12px;padding:16px 24px;
  background:linear-gradient(100deg,#fff5f5,#fffdfa);border-bottom:1px solid var(--line)}
.msg-hd-ico{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:11px;background:var(--red);color:#fff;box-shadow:0 4px 12px rgba(255,0,0,.22)}
.msg-hd-ico svg{width:20px;height:20px}
.msg-hd-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.msg-hd-tx b{font-size:16px;color:#222}
.msg-hd-tx span{font-size:12.5px;color:#8a8a8a;line-height:1.6}
.msg-hd-tx i{color:var(--red);font-style:normal;font-weight:700}

.msg-form{padding:22px 24px 24px}
.mf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.mf-f{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.mf-grid .mf-f{margin-top:0}
.mf-f label{font-size:12.5px;color:#666;font-weight:600;letter-spacing:.3px}
.mf-f label i{color:var(--red);font-style:normal;margin-left:1px}
/* 输入外框：图标 + 输入区一体，聚焦整框亮红边，比只亮 input 好看 */
.mf-ctl{display:flex;align-items:flex-start;gap:0;border:1px solid #dfe3e8;border-radius:10px;
  background:#fbfbfc;overflow:hidden;transition:border-color .18s,box-shadow .18s,background .18s}
.mf-ctl:hover{border-color:#c9cfd6;background:#fff}
.mf-ctl.on{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px rgba(255,0,0,.08)}
.mf-ctl.bad{border-color:var(--red);animation:mfShake .34s}
@keyframes mfShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.mf-ico{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:42px;height:44px;color:#b0b6bd}
.mf-ico svg{width:17px;height:17px}
.mf-ctl.on .mf-ico{color:var(--red)}
.mf-f-ta .mf-ico{height:44px;align-self:flex-start}
.mf-in,.mf-ta{width:100%;padding:11px 14px 11px 0;border:0;background:transparent;
  font-size:14.5px;font-family:inherit;color:#333;outline:none;line-height:1.7}
.mf-in::placeholder,.mf-ta::placeholder{color:#b6bcc3}
.mf-ta{min-height:150px;resize:vertical;padding:16px 16px;display:block;line-height:1.75}
.mf-f-ta .mf-ctl{align-items:stretch}
.mf-f-ta .mf-ctl .mf-ta{padding-left:18px}
select.mf-in.mf-sel{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;
  font-weight:600;color:#444;
  background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e60000' stroke-width='1.9'/%3E%3C/svg%3E") no-repeat right 16px center;
  padding:11px 40px 11px 0;border-radius:9px;transition:background .2s,box-shadow .2s}
select.mf-in.mf-sel:hover{background:var(--red-l) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e60000' stroke-width='1.9'/%3E%3C/svg%3E") no-repeat right 16px center}
select.mf-in.mf-sel:focus{outline:none;box-shadow:0 0 0 3px rgba(255,0,0,.14);background:var(--red-l) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e60000' stroke-width='1.9'/%3E%3C/svg%3E") no-repeat right 16px center}
select.mf-in.mf-sel option{color:#333;padding:8px}
.mf-count{align-self:flex-end;font-size:11.5px;color:#b0b6bd;margin-top:4px}

.mf-act{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px}
.mf-submit{display:inline-flex;align-items:center;gap:8px;margin-top:0;padding:13px 38px;
  border:0;border-radius:10px;cursor:pointer;transition:.2s}
.mf-submit svg{width:17px;height:17px}
.mf-submit:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.14)}
.mf-submit:active{transform:translateY(0)}
.mf-submit.loading{opacity:.65;pointer-events:none}
.mf-tip{font-size:13px;color:#9ca3af;flex:1;min-width:180px;line-height:1.6}
.mf-tip.ok{color:#16a34a;font-weight:600}
.mf-tip.err{color:var(--red);font-weight:600}
.mf-note{display:flex;gap:9px;align-items:flex-start;margin-top:16px;padding:12px 14px;
  background:#fafafa;border:1px dashed var(--line);border-radius:10px;font-size:12.5px;color:#6b7280;line-height:1.75}
.mf-note-ico{flex-shrink:0;display:inline-flex;margin-top:2px;color:#16a34a}
.mf-note-ico svg{width:15px;height:15px}
.mf-note b{color:var(--red)}
.mf-note a{color:var(--red);font-weight:700;border-bottom:1px dashed var(--red)}
@media(max-width:600px){
  .msg-form{padding:18px 16px 20px}
  .msg-head{padding:14px 16px}
  .mf-grid{grid-template-columns:1fr}
}

/* 联系页：联系方式卡片 */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px}
.cinfo{display:flex;flex-direction:column;gap:6px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:.18s}
.cinfo:hover{border-color:var(--red);box-shadow:0 10px 26px rgba(0,0,0,.06)}
.ci-ico{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--red-l);color:var(--red);margin-bottom:4px}
.ci-ico svg{width:22px;height:22px}
.cinfo b{font-size:13px;color:var(--gray);font-weight:600}
.cinfo span,.cinfo a{font-size:15px;color:var(--ink);font-weight:600;text-decoration:none}
.cinfo a:hover{color:var(--red)}

/* ---------- 全站搜索（页头图标 + 浮层即时结果） ---------- */
.hd-search{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:6px;
  border:0;background:#fff;color:var(--red);cursor:pointer;border-radius:50%;flex-shrink:0;
  box-shadow:0 2px 9px rgba(0,0,0,.16);transition:.18s}
.hd-search:hover{background:var(--red);color:#fff;transform:scale(1.06)}
.search-mask{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.45);display:flex;
  align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.search-mask[hidden]{display:none}
.search-box{width:100%;max-width:680px;background:#fff;border-radius:12px;overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.3)}
.search-bar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);color:#9ca3af}
.search-bar input{flex:1;min-width:0;border:0;outline:0;font-size:16px;color:var(--ink);background:transparent}
.search-bar button{border:0;background:transparent;font-size:26px;line-height:1;color:#9ca3af;cursor:pointer;padding:0 4px}
.search-bar button:hover{color:var(--red)}
.search-result{max-height:56vh;overflow-y:auto;padding:6px 0}
.sr-tip{padding:24px 18px;color:#9ca3af;font-size:14px;text-align:center}
.sr-tip.err{color:#dc2626}
.sr-gt{padding:8px 18px 4px;font-size:12px;color:#9ca3af;font-weight:600}
.sr-i{display:block;padding:10px 18px;text-decoration:none;color:inherit;border-left:3px solid transparent}
.sr-i:hover{background:var(--bg2);border-left-color:var(--red)}
.sr-i b{display:block;font-size:15px;font-weight:600;color:var(--ink)}
.sr-i span{display:block;font-size:12.5px;color:#9ca3af;margin-top:2px}

/* 手机端：分类条压成一行横向滑动的紧凑标签，别再占掉大半屏 */
@media(max-width:768px){
  .cat-cards{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
    gap:8px;margin-top:14px;padding:2px 0 8px;
    -webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .cat-cards::-webkit-scrollbar{height:3px}
  .cat-cards::-webkit-scrollbar-thumb{background:var(--red);border-radius:3px}
  .cat-cards::-webkit-scrollbar-track{background:rgba(0,0,0,.06)}
  .cat-cards .cf-btn{flex:0 0 auto;min-width:0;max-width:none;flex-direction:row;
    gap:6px;padding:8px 14px;border-radius:22px;border-width:2px;scroll-snap-align:start}
  .cat-cards .cf-btn .cd{display:none}
  .cat-cards .cf-btn b{font-size:15px}
  .cat-cards .cf-btn .cn{font-size:13.5px}
  .cat-cards .cf-btn .cn-num{font-size:11px;padding:0 7px;margin-top:0}
}
.pf-empty{padding:34px 0;text-align:center;color:#9ca3af;font-size:15px}
.pf-empty a{color:var(--red)}
.afilter{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.afilter input{flex:1;min-width:200px;max-width:360px;padding:10px 14px;border:1px solid #d1d5db;
  border-radius:8px;font-size:14px;outline:0}
.afilter input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,0,0,.08)}
.af-count{font-size:13.5px;color:#6b7280}
.af-count b{color:var(--red);font-size:16px}
@media(max-width:768px){
  .hd-search{width:34px;height:34px}
  .search-mask{padding:8vh 10px 10px}
}

/* ---------- 响应式 ---------- */
@media (max-width:1000px){
  .grid{grid-template-columns:repeat(3,1fr)}
  .ft .wrap{grid-template-columns:1fr 1fr}
  /* 轮播图高度改由图片原始比例自适应，不再固定 */
}
@media (max-width:768px){
  .nav{display:none}
  .mburger{display:block}
  .grid{grid-template-columns:repeat(2,1fr)}
  .grid2,.grid3{grid-template-columns:1fr}
  .coop-grid,.about-hero{grid-template-columns:1fr}
  .about-side{position:static}
  /* 轮播：手机端图片按原始比例完整显示；<768px 自动切手机图(见 <picture>) */
  .sld-prev,.sld-next{width:36px;height:58px;font-size:26px}
  .sld-prev{left:8px}.sld-next{right:8px}
  .sld-dots{bottom:16px}
  .sec{padding:38px 0}
  .sec h2{font-size:22px}
  .tbl th{width:96px}
  main > article > h1{font-size:23px}
  .answer{font-size:15.5px}
  .ft .wrap{grid-template-columns:1fr}
}
@media (max-width:480px){
  .grid{grid-template-columns:1fr}
  .stat{min-width:50%}
  .stat:nth-child(2){border-right:0}
}

/* ================= 高级化增强 ================= */

/* 区块小标题（eyebrow） */
.eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--red);
  margin-bottom:8px}
.eyebrow::before{content:"";display:inline-block;width:26px;height:2px;background:var(--red);
  vertical-align:middle;margin-right:10px;border-radius:2px}
/* 首屏里的 eyebrow 用黄色 */
.slide .eyebrow{color:var(--yellow);font-size:14px;letter-spacing:3px;margin-bottom:16px}
.slide .eyebrow::before{background:var(--yellow)}

/* 核心优势 / 特性网格 */
.feature{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.feat{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:28px 24px;transition:.25s;overflow:hidden}
.feat::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;
  background:linear-gradient(90deg,var(--red),var(--yellow));
  transform:scaleX(0);transform-origin:left;transition:transform .3s}
.feat:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(0,0,0,.1);border-color:transparent}
.feat:hover::before{transform:scaleX(1)}
.feat .fi{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;
  justify-content:center;font-size:26px;background:linear-gradient(135deg,var(--red-l),#fff);
  border:1px solid var(--red-l);margin-bottom:16px}
.feat .fi svg{width:26px;height:26px;color:var(--red)}
.feat h3{font-size:17px;margin-bottom:8px}
.feat p{color:var(--gray);font-size:14px;line-height:1.85}

/* 产品卡增强：分类角标 + 悬停放大 + 价格徽标 */
.card{position:relative}
.card .cap{position:absolute;top:12px;right:12px;background:rgba(255,0,0,.92);color:#fff;
  font-size:12px;padding:4px 11px;border-radius:20px;z-index:2;font-weight:600}
.card img{transition:transform .45s ease}
.card:hover img{transform:scale(1.07)}
.card .price{display:inline-block;background:var(--red-l);color:var(--red);border-radius:7px;
  padding:3px 11px;font-weight:700;font-size:14px;margin-top:6px}

/* 首页知识百科：紧凑文字列表 + 图片占位符 */
.klist{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.kitem{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;transition:.2s}
.kitem:hover{border-color:var(--red);box-shadow:0 8px 20px rgba(254,28,68,.12);transform:translateY(-2px)}
.kthumb{flex:0 0 120px;width:120px;height:90px;border-radius:8px;overflow:hidden;background:var(--red-l)}
.kthumb img{width:100%;height:100%;object-fit:cover;display:block}
.kbd{flex:1;min-width:0}
.kbd h3{font-size:16px;margin:0 0 6px;line-height:1.4;color:#222;display:flex;align-items:flex-start;gap:8px}
.kico{flex:0 0 24px;width:24px;height:24px;border-radius:7px;background:var(--red-l);color:var(--red);
  display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.kico svg{width:14px;height:14px}
.kbd p{font-size:13px;color:#777;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kgo{flex:0 0 auto;color:var(--red);font-size:13px;font-weight:600;white-space:nowrap}
@media(max-width:680px){.klist{grid-template-columns:1fr}.kthumb{flex-basis:96px;width:96px;height:72px}}

/* 分类展示卡（首页产品中心下方） */
.cat-card{position:relative;display:block;border-radius:14px;overflow:hidden;min-height:200px;
  border:1px solid var(--line);transition:.25s}
.cat-card .ci{position:absolute;inset:0}
.cat-card .ci img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat-card:hover .ci img{transform:scale(1.08)}
.cat-card::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.62))}
.cat-card .ct{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;color:#fff;z-index:2}
.cat-card .ct b{font-size:19px;display:block}
.cat-card .ct span{font-size:13px;opacity:.88}
.cat-card:hover{box-shadow:0 14px 34px rgba(0,0,0,.18)}

/* 荣誉资质条 */
.badges{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:26px}
.badge{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 22px;
  text-align:center;min-width:150px;transition:.2s}
.badge:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.07)}
.badge b{display:block;font-size:22px;color:var(--red)}
.badge span{font-size:13px;color:#666}

/* 业务合作卡片 */
.coop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:30px}
.coop-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 28px;overflow:hidden;transition:.25s}
.coop-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--red),var(--yellow));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.coop-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(0,0,0,.1);border-color:transparent}
.coop-card:hover::before{transform:scaleX(1)}
.coop-ic{width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,var(--red-l),#fff);border:1px solid var(--red-l);margin-bottom:18px}
.coop-ic svg{width:28px;height:28px;color:var(--red)}
.coop-card h3{font-size:20px;margin-bottom:10px;color:var(--red)}
.coop-desc{color:var(--gray);font-size:14.5px;line-height:1.9;margin-bottom:14px}
.coop-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:11px}
.coop-list li{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.6}
.coop-list .ck{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--red-l);color:var(--red);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}
.coop-list li b{display:block;color:#222;font-size:14px}
.coop-list li span{color:var(--gray);font-size:13px}
.coop-btn{display:inline-block;align-self:flex-start;margin-top:auto;color:var(--red);font-weight:600;border:1px solid var(--red);padding:9px 18px;border-radius:30px;transition:.2s}
.coop-btn:hover{background:var(--yellow);color:var(--ink)}

/* 首页 / 关于页 荣誉资质画廊 + 点击放大 */
.honor-card.zoomable{cursor:zoom-in}
.honor-img{position:relative}
.zoom-hint{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding:4px 10px;border-radius:20px;opacity:0;transition:.2s;pointer-events:none}
.honor-card.zoomable:hover .zoom-hint{opacity:1}

/* 关于页 hero + 数据卡 */
.about-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:42px;align-items:start}
.about-txt .prose{margin-top:18px}
.about-side{position:sticky;top:88px}
.stat-card{background:var(--yellow);border-radius:18px;padding:26px 22px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px 14px;box-shadow:0 16px 40px rgba(0,0,0,.12)}
.stat-card .sc-item{text-align:center;color:var(--ink)}
.stat-card .sc-item b{display:block;font-size:30px;font-weight:800;line-height:1.1}
.stat-card .sc-item span{font-size:13px;opacity:.92}

/* 图片放大灯箱 */
.lightbox{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;padding:24px}
.lightbox.on{display:flex}
.lb-mask{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(2px)}
.lb-box{position:relative;max-width:90vw;max-height:88vh;z-index:1}
.lb-box img{max-width:90vw;max-height:88vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#fff}
.lb-close{position:absolute;top:-14px;right:-14px;width:38px;height:38px;border:none;border-radius:50%;background:#fff;color:#222;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3);z-index:3}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:none;border-radius:50%;
  background:rgba(255,255,255,.92);color:#222;font-size:30px;line-height:1;cursor:pointer;z-index:5;
  box-shadow:0 4px 14px rgba(0,0,0,.3);transition:.15s;display:flex;align-items:center;justify-content:center;padding:0}
.lb-nav:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.lb-prev{left:16px}.lb-next{right:16px}
.lb-cap{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#fff;font-size:14px;
  text-shadow:0 1px 4px rgba(0,0,0,.6);z-index:2;padding:0 72px}
@media(max-width:768px){.lb-close{top:8px;right:8px}.lb-nav{width:38px;height:38px;font-size:24px}.lb-prev{left:6px}.lb-next{right:6px}}

/* 新闻预览卡 */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.ncard{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;
  overflow:hidden;transition:.25s}
.ncard:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(0,0,0,.1);border-color:transparent}
.ncard .nimg{height:180px;overflow:hidden;background:#f3f3f3}
.ncard .nimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ncard:hover .nimg img{transform:scale(1.08)}
.nimg-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--red-l),#fff)}
.nimg-ico{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;
  background:#fff;color:var(--red);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.nimg-ico svg{width:28px;height:28px}
.ncard .nbd{padding:18px 20px}
.ncard .nt{font-size:16px;font-weight:700;line-height:1.5;margin-bottom:8px}
.ncard .nm{color:#bbb;font-size:12px;margin-bottom:8px}
.ncard .nd{color:#666;font-size:13.5px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}

/* 按钮次选样式 */
.btn.ghost{background:transparent;color:var(--red);border:2px solid var(--red)}
.btn.ghost:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow);box-shadow:none}

/* 页脚品牌块 */
.ft-brand{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.ft-brand img{width:54px;height:54px;border-radius:10px;background:#fff;padding:6px;flex-shrink:0}
.ft-brand .fb-t{font-size:17px;font-weight:800;color:#fff;line-height:1.3}
.ft-brand .fb-s{font-size:12px;color:#8b93a0;margin-top:5px;line-height:1.6}
.ft-biz{font-size:13.5px;color:#c4ccd6;line-height:1.85;margin:0 0 8px}
.ft-slogan{font-size:14px;font-weight:700;color:#fff;line-height:1.6;margin:0}
.ft-qr-fig{margin:0;text-align:center}
.ft-qr img{width:110px;height:auto;background:#fff;padding:6px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.18)}

@media(max-width:1000px){.feature,.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.feature,.news-grid{grid-template-columns:1fr}}

/* ---------- 轮播（证书 / 历程 左右切换） ---------- */
.carousel{position:relative;margin-top:24px;padding-left:50px;padding-right:50px}
.car-view{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}
.car-view::-webkit-scrollbar{display:none}
.car-track{display:flex;gap:18px}
.car-slide{flex:0 0 auto;scroll-snap-align:start;min-width:0}
.car-btn{position:absolute;top:44%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:var(--red);color:#fff;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(255,0,0,.28);transition:.15s;display:flex;align-items:center;justify-content:center}
.car-btn:hover{background:var(--yellow);color:var(--ink)}
.car-btn.prev{left:0}
.car-btn.next{right:0}

/* 资质证书 */
.cert-track .cert-slide{width:calc((100% - 3 * 18px) / 4)}
.cert-img{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.cert-img img{width:100%;height:210px;object-fit:contain;display:block;cursor:zoom-in;background:#fafbfc}
.zoom-hint{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:3px 9px;border-radius:11px;pointer-events:none}
.cert-info{padding:10px 2px 0}
.cert-info h3{font-size:15px;margin:0 0 4px;color:#1f2937}
.cert-info p{font-size:13px;color:var(--gray);margin:0;line-height:1.6}

/* 历程（横向带图，紧凑） */
.hist-track .hist-slide{width:calc((100% - 3 * 18px) / 4)}
.hist-track{align-items:flex-start}
.hist-y{font-size:23px;font-weight:800;color:var(--red);letter-spacing:.5px;line-height:1.15;position:relative;padding-left:15px;margin-bottom:2px}
.hist-y::before{content:"";position:absolute;left:0;top:4px;width:5px;height:19px;border-radius:3px;background:var(--red)}
.hist-card{border:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(17,24,39,.07);height:auto;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.hist-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(17,24,39,.13)}
.hist-img{width:100%;height:150px;overflow:hidden;background:#f3f4f6}
.hist-img img{width:100%;height:100%;object-fit:cover;display:block}
.hist-badge{height:104px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#fff6f6,#ffe7e7)}
.hist-badge span{font-size:32px;font-weight:800;color:var(--red);letter-spacing:1px}
.hist-ico{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--red);
  display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.hist-ico svg{width:21px;height:21px}
.hist-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:7px}
.hist-card h3{font-size:15px;margin:0;color:#1f2937;line-height:1.45}
.hist-card p{font-size:13px;color:var(--gray);margin:0;line-height:1.7}

/* ---------- 使命·愿景·价值观 ---------- */
.cul-band{background:#fff;color:var(--ink);padding:52px 0;margin:0;border:0}
.cul-band h2{color:var(--ink)}
.cul-band-mv{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.cul-band-mv.two{grid-template-columns:repeat(2,1fr)}
.cul-band-mv.one{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}
.cul-card{background:var(--bg2);border:0;border-radius:14px;padding:26px 24px;transition:.2s}
.cul-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.cul-t{display:flex;align-items:center;gap:11px;font-size:20px;letter-spacing:2px;color:var(--red);
  margin:0 0 13px;font-weight:700;line-height:1.35}
.cul-ico{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--red-l);color:var(--red);
  display:inline-flex;align-items:center;justify-content:center}
.cul-ico svg{width:19px;height:19px}
.cul-card p{margin:0;font-size:16.5px;line-height:1.9;color:#444}
.cul-vals{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.cul-val{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1.4}
.cul-val b{flex-shrink:0;min-width:0;background:#fff;color:var(--red);
  font-size:13px;font-weight:700;text-align:center;padding:3px 11px;border-radius:7px;margin:0;letter-spacing:0}
.cul-val span{color:#6b7280;font-size:13px}

/* ---------- 客户与伙伴 ---------- */
.cust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:24px}
.cust-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;position:relative;transition:.18s}
.cust-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08);border-color:var(--red)}
.cust-cat{display:inline-block;background:var(--red-l);color:var(--red);font-size:12px;padding:3px 11px;border-radius:11px;margin-bottom:14px}
.cust-q{margin:0 0 16px;font-size:15px;color:#374151;line-height:1.85;font-style:italic}
.cust-n{font-size:15px;color:#111;font-weight:700}

/* ---------- 招聘 ---------- */
.job-list{display:grid;gap:16px;margin-top:24px}
.job-card{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff;transition:.18s}
.job-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.07);border-color:var(--red)}
.job-hd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.job-hd h3{margin:0;font-size:18px;color:#1f2937}
.job-tag{background:var(--red-l);color:var(--red);font-size:12px;padding:3px 11px;border-radius:11px}
.job-city{color:var(--gray);font-size:13px}
.job-desc{margin:0 0 8px;color:#374151;line-height:1.8}
.job-req{margin:0 0 16px;color:var(--gray);font-size:14px;line-height:1.7}

/* ---------- 移动端适配 ---------- */
@media(max-width:768px){
  .carousel{padding-left:38px;padding-right:38px}
  .car-btn{width:34px;height:34px;font-size:18px}
  .car-btn.prev{left:0}.car-btn.next{right:0}
  .cul-band-mv{grid-template-columns:1fr;gap:18px}
  .cert-track .cert-slide{width:calc((100% - 2 * 18px) / 3)}
  .hist-track .hist-slide{width:calc((100% - 2 * 18px) / 3)}
}
@media(max-width:640px){
  .cust-grid{grid-template-columns:1fr}
  .cert-track .cert-slide{width:calc((100% - 18px) / 2)}
  .hist-track .hist-slide{width:calc((100% - 18px) / 2)}
}

/* ============== /business/ 业务合作升级样式 ============== */
.bs-meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:22px 20px;background:var(--bg2);border-radius:10px}
.bs-meta .bs-m{flex:1 1 220px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px;color:var(--gray);text-align:center}
.bs-m-ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:50%;background:#fff;border:1px solid #ffe0e0;color:var(--red);margin-bottom:8px}
.bs-m-ico svg{width:19px;height:19px}
.bs-meta .bs-m b{color:var(--red);font-size:15px;display:block;margin-bottom:2px}
.bs-meta .bs-m .bs-m-t{line-height:1.7}
.sub-h{margin:26px auto 4px;text-align:center;font-size:20px;color:#222;position:relative;padding-bottom:10px;max-width:820px}
.sub-h::after{content:"";display:block;width:36px;height:3px;background:var(--red);margin:10px auto 0;border-radius:2px}

/* Solution hero —— 大色块头部 */
.bs-hero{background:#fff;border-top:0;border-bottom:0}
.bs-hero h2{margin-top:6px}
.bs-hero .lead{text-align:center}

/* 数字三连 */
/* 四块数据条：上下留白一致（原来上 24 / 下 56，看着上紧下松） */
.bs-stats-wrap{padding:38px 0 38px;background:var(--bg2)}
.bs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bs-stat{background:#fff;border-radius:14px;padding:26px 18px 24px;text-align:center;border:1px solid var(--line);box-shadow:0 4px 14px rgba(255,0,0,.06);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.bs-stat:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(255,0,0,.12)}
.bs-stat::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red) 0%,#ffd000 100%)}
.bs-stat-ico{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;
  border-radius:50%;background:var(--red-l);color:var(--red);margin-bottom:13px;position:relative;z-index:1}
.bs-stat-ico svg{width:25px;height:25px}
.bs-num{display:block;font-size:38px;font-weight:800;line-height:1;color:var(--red);letter-spacing:.5px;font-family:Georgia,serif}
.bs-lab{display:block;margin-top:8px;font-size:14px;color:var(--gray);letter-spacing:1px}

/* 三大核心优势 —— 大色块卡片 */
.bs-adv3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.bs-adv3-card{position:relative;padding:30px 24px;background:#fff;border-radius:14px;border-top:4px solid var(--red);box-shadow:0 6px 18px rgba(0,0,0,.04);transition:transform .3s,box-shadow .3s}
.bs-adv3-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(255,0,0,.15)}
.bs-adv3-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#fff5f5,#ffe0e0);border-radius:50%;font-size:30px;margin-bottom:16px}
.bs-adv3-card h3{font-size:18px;margin-bottom:10px;color:#222}
.bs-adv3-card h3::after{content:"";display:block;width:28px;height:2px;background:var(--red);margin-top:8px}
.bs-adv3-card p{color:var(--gray);line-height:1.85;font-size:14px}

/* 产品矩阵 3 列 */
.bs-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.bs-mcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 0 22px;transition:transform .3s,box-shadow .3s;overflow:hidden}
.bs-mcard:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(255,0,0,.1)}
.bs-mcard-h{font-size:18px;margin:0;color:#fff;background:linear-gradient(135deg,var(--red) 0%,#ff4d6f 100%);padding:18px 22px;display:flex;justify-content:space-between;align-items:center;position:relative}
.bs-mcard-h::after{content:"";position:absolute;bottom:-8px;left:22px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--red)}
.bs-mcard-h span{font-size:12px;font-weight:400;opacity:.95;background:rgba(0,0,0,.12);padding:3px 9px;border-radius:4px}
.bs-mlist{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:24px 22px 0;margin:0;list-style:none}
.bs-mlist li{font-size:14px;color:#333;padding-left:20px;position:relative;line-height:1.5}
.bs-mlist li::before{content:"●";position:absolute;left:0;top:0;color:var(--red);font-size:14px}

/* 产品类型 4 列图标 */
.bs-ptypes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.bs-ptype{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px 18px;text-align:center;transition:transform .3s,box-shadow .3s}
.bs-ptype:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.bs-p-letter{display:block;width:64px;height:64px;line-height:64px;margin:0 auto 12px;background:linear-gradient(135deg,#fff5f5 0%,#ffe0e0 100%);border:2px solid var(--red);border-radius:50%;color:var(--red);font-size:32px;font-weight:800;font-family:Georgia,serif}
.bs-p-tone{display:block;font-size:16px;font-weight:700;margin-bottom:8px;color:#222}
.bs-ptype p{font-size:13px;color:var(--gray);line-height:1.7}
.bs-note{margin-top:18px;text-align:center;font-size:12px;color:var(--gray);font-style:italic;padding:0 8px}

/* 适配客户类型 4 列 */
.bs-scen{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.bs-scen-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px 22px;position:relative;transition:transform .3s,box-shadow .3s;overflow:hidden}
.bs-scen-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(255,0,0,.1)}
.bs-scen-no{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;background:#ffe400;color:#222;font-size:22px;font-weight:800;border-radius:50%;box-shadow:0 4px 12px rgba(255,228,0,.5);font-family:Georgia,serif}
.bs-scen-card h3{margin:6px 0 10px;font-size:16px;color:#222;padding-right:50px}
.bs-scen-card p{font-size:13px;color:var(--gray);line-height:1.8}

/* 对比表 */
.bs-compare-wrap{background:linear-gradient(180deg,#fafafa 0%,#fff 100%)}
.bs-compare{margin-top:20px;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.06);border:1px solid var(--line)}
.bs-cmp-hd,.bs-cmp-row{display:grid;grid-template-columns:.85fr 1.45fr 1.95fr 1.4fr;align-items:stretch}
.bs-cmp-hd{background:linear-gradient(135deg,var(--red) 0%,#ff4d6f 100%);color:#fff;font-weight:700}
.bs-cmp-hd>div{padding:16px 14px;text-align:center;font-size:15px;font-weight:700;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.18)}
.bs-cmp-old,.bs-cmp-new{display:flex;align-items:center;justify-content:center}
.bs-cmp-hd>div:last-child{border-right:none}
/* 表头红底：强制白字，并覆盖数据行的灰字(#999)/红字(var(--red))与删除线，否则红字压红底等于隐形 */
.bs-cmp-hd .bs-cmp-old,.bs-cmp-hd .bs-cmp-new{color:#fff;text-decoration:none;font-weight:700}
.bs-cmp-hd .bs-cmp-old::before{background:#fff;color:var(--red)}
.bs-cmp-hd .bs-cmp-new::before{background:#fff;color:var(--green)}
.bs-cmp-row{background:#fff;border-top:1px solid var(--line);transition:background .2s}
.bs-cmp-row:hover{background:#fff8f8}
.bs-cmp-row>div{padding:14px 16px;border-right:1px solid var(--line);font-size:13.5px;line-height:1.7;color:#333;display:flex;align-items:center}
.bs-cmp-row>div:last-child{border-right:none}
.bs-cmp-dim{font-weight:700;color:#222;background:#fafafa;justify-content:center;text-align:center;font-size:14px}
.bs-cmp-old{color:#999;text-decoration:line-through;text-decoration-color:rgba(0,0,0,.3)}
/* 叉=红色，勾=绿色；图标统一由 ::before 生成，表头不再另插内联 span，避免重复 */
.bs-cmp-old::before{content:"✕";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--red);color:#fff;border-radius:50%;font-size:11px;margin-right:8px;flex-shrink:0;text-decoration:none}
.bs-cmp-new{color:var(--red);font-weight:600}
.bs-cmp-new::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--green);color:#fff;border-radius:50%;font-size:12px;margin-right:8px;flex-shrink:0;font-weight:700}
.bs-cmp-bnf{background:linear-gradient(135deg,#fffbe6 0%,#fff5b8 100%);color:#7a5500;font-weight:700;justify-content:center;text-align:center;font-size:13px;line-height:1.6;padding:14px 12px}

/* 6 项服务 */
.bs-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.bs-svc-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 22px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.bs-svc-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transform-origin:center;transition:transform .3s}
.bs-svc-card:hover{transform:translateY(-3px);border-color:rgba(255,0,0,.2);box-shadow:0 8px 20px rgba(255,0,0,.1)}
.bs-svc-card:hover::before{transform:scaleY(1)}
/* 图标与小标题同一行：图标在左，标题在右 */
.bs-svc-hd{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.bs-svc-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:linear-gradient(135deg,#fff5f5,#ffe0e0);border-radius:12px;font-size:24px}
.bs-svc-card h3{font-size:16px;margin-bottom:0;color:#222}
.bs-svc-card p{font-size:13px;color:var(--gray);line-height:1.7}

@media(max-width:900px){
  .bs-stats,.bs-adv3,.bs-matrix,.bs-ptypes,.bs-scen,.bs-svc{grid-template-columns:repeat(2,1fr)}
  .bs-cmp-hd,.bs-cmp-row{grid-template-columns:.85fr 1.4fr 1.8fr 1.4fr}
  .bs-cmp-row>div{padding:12px 10px;font-size:12.5px}
  .bs-cmp-bnf{font-size:12px}
  .bs-stat{padding:22px 12px 20px}
  .bs-stat-ico{width:44px;height:44px;margin-bottom:10px}
  .bs-stat-ico svg{width:22px;height:22px}
  .bs-num{font-size:30px}
  .bs-mlist{grid-template-columns:1fr}
}
@media(max-width:560px){
  .bs-stats,.bs-adv3,.bs-matrix,.bs-ptypes,.bs-scen,.bs-svc{grid-template-columns:1fr}
  .bs-cmp-hd,.bs-cmp-row{grid-template-columns:1fr 1.1fr}
  .bs-cmp-hd{grid-template-columns:1fr 1.1fr}
  .bs-cmp-old,.bs-cmp-new,.bs-cmp-bnf{font-size:12px}
  .bs-cmp-hd>div{padding:10px;font-size:12px}
  .bs-meta{padding:14px}
  .bs-meta .bs-m{flex:1 1 100%}
}

/* ===== 业务合作 · 销售代理 / OEM 详细区块（紧凑版）=====
   .bs-sec 只加在 /business/ 和 /solution/ 两个页面上，
   用来收紧留白，别处不受影响。 */
.bs-sec{padding:34px 0}
.bs-sec h2{font-size:26px;margin:0 0 8px;padding-bottom:10px}
.bs-sec h2::after{bottom:0}
.bs-sec .sub,.bs-sec .lead{margin-bottom:16px;font-size:14.5px}
.bs-sec .lead{line-height:1.85}
.bs-sec .sub-h{margin:20px auto 2px;font-size:18px;padding-bottom:8px}
.bs-sec .sub-h::after{margin-top:7px;width:32px;height:2px}
.bs-sec p.center{margin-top:20px}

/* ── 代理制度原则 × 代理商形式：合成一张对照表 ── */
.bs-atype{margin-top:18px}
.bs-at-tb{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;margin-top:10px}
/* 首行：红底白字表头；列宽优先给文字最长的「代理商形式」列，宽屏下整行不换行 */
.bs-at-head{display:grid;grid-template-columns:0.8fr 1.25fr 2.3fr;background:var(--red);color:#fff}
.bs-at-head .bs-at-c{color:#fff;font-size:15px;font-weight:800;letter-spacing:.5px;padding:13px 16px;border-right:1px solid rgba(255,255,255,.18);text-align:center}
.bs-at-head .bs-at-c:last-child{border-right:0}
.bs-at-row{display:grid;grid-template-columns:0.8fr 1.25fr 2.3fr;align-items:center;border-top:1px solid var(--line);transition:background .18s}
.bs-at-row:nth-child(odd){background:#fcfcfc}
.bs-at-row:hover{background:#fff8f8}
.bs-at-c{font-size:13.5px;color:#444;line-height:1.6;padding:12px 16px;border-right:1px solid var(--line);min-width:0}
.bs-at-c:last-child{border-right:0}
.bs-at-name{display:flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}
.bs-at-name b{font-size:14.5px;color:#222;white-space:nowrap}
/* 宽屏（1280+）：列已足够宽，强制不换行，文字整行显示 */
@media(min-width:980px){
  .bs-at-row .bs-at-c[data-lb]{white-space:nowrap}
}
.bs-at-ico{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--red-l);color:var(--red)}
.bs-at-ico svg{width:16px;height:16px}
/* 窄屏：表格转卡片，列标签用 data-lb 顶上去 */
@media(max-width:760px){
  .bs-at-head{display:none}
  .bs-at-row{grid-template-columns:1fr;border-top:1px solid var(--line);padding:12px 14px;gap:6px}
  .bs-at-row .bs-at-c{padding:0;border:0}
  .bs-at-name{padding-bottom:4px}
  .bs-at-c[data-lb]::before{content:attr(data-lb) "：";color:var(--red);font-weight:700;font-size:12px}
}

.bs-pair{margin-top:18px}
.bs-pair-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:10px}
.bs-pair-item{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:9px;padding:14px 16px;transition:.2s}
.bs-pair-item:hover{border-color:var(--red);box-shadow:0 6px 16px rgba(255,0,0,.07)}
.bs-pair-ico{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--red-l);color:var(--red)}
.bs-pair-ico svg{width:18px;height:18px}
.bs-pair-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.bs-pair-item b{font-size:15px;color:#222}
.bs-pair-item span{font-size:13px;color:var(--gray);line-height:1.65}

.bs-pain{margin-top:18px;background:linear-gradient(135deg,#fff6f6,#fff);border:1px solid #ffd9d9;border-radius:10px;padding:16px 18px}
.bs-pain .sub-h{margin-top:0}
.bs-pain-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 14px;margin-top:10px}
.bs-pain-list li{position:relative;padding-left:24px;font-size:13px;color:#555;line-height:1.6}
.bs-pain-list li::before{content:"!";position:absolute;left:0;top:2px;width:17px;height:17px;background:var(--red);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}

.bs-cap{margin-top:16px;font-size:13.5px;color:#444;line-height:1.8;background:#fafafa;border-radius:9px;padding:14px 18px;border:1px dashed var(--line)}

.bs-cats{margin-top:18px}
.bs-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}
.bs-cat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px;transition:.2s}
.bs-cat:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,0,0,.08);border-color:rgba(255,0,0,.18)}
.bs-cat-h{display:block;font-size:14px;color:#fff;background:var(--red);border-radius:7px;padding:6px 10px;margin-bottom:10px;text-align:center}
.bs-cat ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.bs-cat li{font-size:12.5px;color:#555;padding-left:13px;position:relative;line-height:1.5}
.bs-cat li::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;background:var(--yellow);border-radius:50%}

.bs-groups{margin-top:18px}
.bs-group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:10px}
.bs-group{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px 17px}
.bs-gn{display:inline-block;font-size:13.5px;color:#fff;background:linear-gradient(135deg,var(--red),#ff5a5a);border-radius:6px;padding:4px 11px;margin-bottom:10px}
.bs-group ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.bs-group li{font-size:13px;color:#555;line-height:1.6;padding-left:19px;position:relative}
.bs-group li::before{content:"✓";position:absolute;left:0;top:0;color:var(--red);font-weight:700}

.bs-service{margin-top:18px}
.bs-service-list{list-style:none;counter-reset:svc;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.bs-service-list li{counter-increment:svc;position:relative;padding:11px 14px 11px 44px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:13px;color:#555;line-height:1.6}
.bs-service-list li::before{content:counter(svc);position:absolute;left:11px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--red);color:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}

.bs-clients{margin-top:16px;font-size:13.5px;color:#444;background:linear-gradient(135deg,#fffbe6,#fff);border:1px solid #ffe9a8;border-radius:9px;padding:13px 18px;text-align:center}

@media(max-width:900px){
  .bs-pair-grid,.bs-group-grid,.bs-service-list,.bs-pain-list{grid-template-columns:repeat(2,1fr)}
  .bs-cat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .bs-pair-grid,.bs-group-grid,.bs-service-list,.bs-pain-list,.bs-cat-grid{grid-template-columns:1fr}
}

/* ===== 人才招聘 · 折叠职位列表 ===== */
.rec-wrap{max-width:900px}
.rec-list{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;margin-top:4px}
.rec-item{border-top:1px solid var(--line)}
.rec-item:first-child{border-top:0}
.rec-item[open]{background:#fffafa}
.rec-sum{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;cursor:pointer;list-style:none;transition:background .16s;user-select:none}
.rec-sum::-webkit-details-marker{display:none}
.rec-sum:hover{background:#fff6f6}
.rec-no{flex-shrink:0;width:24px;height:24px;border-radius:6px;background:var(--red-l);color:var(--red);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.rec-name{font-size:15px;color:#222;font-weight:700;flex:0 0 auto}
.rec-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}
.rec-tag{font-size:11.5px;line-height:1;padding:4px 8px;border-radius:20px;background:#f3f4f6;color:#666;white-space:nowrap}
.rec-tag.sal{background:var(--red-l);color:var(--red-d);font-weight:700}
.rec-tag.gray{background:#fff;border:1px solid var(--line);color:#999}
.rec-arrow{position:relative;flex-shrink:0;width:18px;height:18px;margin-left:2px}
.rec-arrow::before,.rec-arrow::after{content:"";position:absolute;top:50%;left:0;width:13px;height:2px;background:#bbb;border-radius:2px;transform:translateY(-50%);transition:transform .22s}
.rec-arrow::after{transform:translateY(-50%) rotate(90deg)}
.rec-item[open] .rec-arrow::after{transform:translateY(-50%) rotate(0deg)}
.rec-item[open] .rec-arrow::before,.rec-item[open] .rec-arrow::after{background:var(--red)}
.rec-body{padding:2px 16px 16px 50px;display:flex;flex-direction:column;gap:10px}
.rec-row{display:flex;gap:10px;align-items:flex-start}
.rec-lb{flex-shrink:0;font-size:12px;color:#fff;background:var(--ink);border-radius:4px;padding:3px 8px;line-height:1.6;white-space:nowrap}
.rec-row p{font-size:13.5px;color:#555;line-height:1.75}
.rec-apply{align-self:flex-start;margin-top:2px;font-size:13px;color:var(--red-d);font-weight:700;border-bottom:1px dashed var(--red);padding-bottom:1px}
.rec-apply:hover{color:var(--red);border-bottom-style:solid}
.rec-note{margin-top:12px;font-size:12.5px;color:#888;line-height:1.7;text-align:center}
.rec-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.rec-cta .btn{margin-top:0;display:inline-flex;align-items:center;gap:8px;padding:12px 30px}
.rec-cta .btn svg{width:18px;height:18px}
@media(max-width:600px){
  .rec-sum{padding:11px 13px;gap:8px}
  .rec-name{font-size:14px;flex:1 1 100%}
  .rec-tags{margin-left:0;width:100%}
  .rec-body{padding:2px 13px 14px 13px}
  .rec-row{flex-direction:column;gap:4px}
}

/* ===== 合作流程 · 横向流程图 ===== */
.flow{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:14px;list-style:none;padding:0;margin:18px auto 0;max-width:1000px}
.flow li{position:relative;flex:1 1 130px;min-width:118px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-top:54px}
.flow li:not(:last-child)::before{content:"";position:absolute;top:21px;left:50%;width:100%;height:2px;background:var(--line);z-index:1}
.flow-no{position:absolute;top:0;left:50%;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--red),#ff7a59);color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(255,0,0,.18);z-index:2}
.flow-t{font-size:14.5px;color:#333;font-weight:600;line-height:1.45}
@media(max-width:700px){
  .flow{flex-direction:column;align-items:stretch;gap:0;max-width:460px}
  .flow li{flex:1 1 auto;flex-direction:row;gap:14px;padding:12px 0;text-align:left}
  .flow li:not(:last-child)::before{display:none}
  .flow-no{position:static;transform:none;flex-shrink:0}
}

/* ===== 工业客户定制服务 · 红底突出段 ===== */
.ind-sec{background:linear-gradient(135deg,#c8161c 0%,#e23b2e 55%,#ff7a3c 100%);color:#fff;position:relative;overflow:hidden}
.ind-sec h2{color:#fff}
.ind-sec h2::after{background:#fff}
.ind-sec .sub{color:rgba(255,255,255,.92)}
.ind-sec .lead{color:rgba(255,255,255,.94)}
.ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:26px}
.ind-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:24px 20px;transition:.22s}
.ind-card:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}
.ind-ic{font-size:30px;display:block;line-height:1}
.ind-card h3{color:#fff;font-size:18px;margin:12px 0 8px}
.ind-card p{color:rgba(255,255,255,.9);font-size:14px;line-height:1.8}
.ind-btn{background:#fff;color:var(--red);border-color:#fff;margin-top:26px}
.ind-btn:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}

/* ---------- 招聘：直接打电话 ---------- */
.recruit-tel{display:flex;align-items:center;gap:18px;margin-top:18px;padding:22px 26px;
  background:var(--bg2);border:1px solid var(--line);border-radius:16px;max-width:560px}
.rt-ico{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;
  background:var(--red);color:#fff;box-shadow:0 6px 16px rgba(204,0,0,.28)}
.rt-ico svg{width:27px;height:27px}
.rt-body{display:flex;flex-direction:column;gap:3px;line-height:1.3}
.rt-label{font-size:14px;color:var(--gray);font-weight:500}
.rt-num{font-size:27px;font-weight:800;color:var(--red);letter-spacing:.5px}
.rt-num:hover{text-decoration:underline}
@media(max-width:560px){.recruit-tel{padding:18px 18px;gap:14px}.rt-num{font-size:23px}}

/* ============================================================
   手机版阅读优化（2026-09-06）
   仅调整 CSS，不改动任何 HTML 结构。
   目标：让文章 / 产品 / 页面正文在手机上更利于阅读——
   合适的字号与行高、图片不再被强制拉伸、表格与代码可横向滚动、
   标题不过大、留白与触摸目标更友好。
   ============================================================ */

/* —— 平板 / 大手机（≤768px）—— */
@media (max-width:768px){
  /* 区块上下留白收窄，内容更紧凑 */
  .sec{padding:34px 0}

  /* 页面大标题：手机上缩小，避免长标题折成多行 */
  .page-hero h1{font-size:25px;line-height:1.3;margin:0 0 10px;letter-spacing:.5px}
  .page-hero .answer{font-size:15px;line-height:1.85}
  .page-hero > .crumb{font-size:13px;margin-top:14px;flex-wrap:wrap}

  /* 文章正文阅读区 */
  .art p{font-size:16.5px;line-height:1.9;margin-bottom:18px}
  .art h2{font-size:21px;margin:28px 0 12px;line-height:1.4}
  .art h3{font-size:17.5px;margin:22px 0 10px}
  .art ul,.art ol{margin:10px 0 22px}
  .art li{font-size:16.5px;line-height:1.9;padding-left:28px;margin:10px 0}
  .art .meta{font-size:12.5px;line-height:1.7}
  /* 图片：不再强制 width:100% 拉伸变形，改为自适应宽度、居中、留白 */
  .art img{max-width:100%;width:auto;height:auto;margin:6px auto 16px;border-radius:10px}
  .art figure{margin:0 0 18px}
  /* 封面图：手机上降低高度上限，避免被裁切过多 */
  .article-cover{margin:0 auto 20px}
  .article-cover img{max-height:300px}

  /* 表格 / 代码：窄屏横向可滚动，避免撑破页面 */
  .art table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px}
  .art th,.art td{padding:8px 10px;white-space:nowrap}
  .art pre{overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:13px;line-height:1.6}

  /* 答案块（GEO 核心） */
  .answer-sec .answer{font-size:16px;line-height:1.85;padding:16px 18px}
  .about-text .answer{font-size:16px;line-height:1.85}

  /* FAQ 答案：手机上调大，原 14.5px 偏小 */
  .faq-a p{font-size:15.5px;line-height:1.85}
  .faq-h{font-size:23px}

  /* 产品简介 / 通用富文本 */
  .pro-intro{font-size:15.5px;line-height:1.9}
  .prose{font-size:16px;line-height:1.9}
  .prose p{margin-bottom:18px}
  .prose img{max-width:100%;width:auto;height:auto;margin:6px auto 16px;border-radius:10px}
  .prose h2{font-size:21px}
  .prose h3{font-size:17.5px}
  .prose table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px}
  .prose pre{overflow-x:auto;font-size:13px}

  /* 区块标题 */
  .sec h2{font-size:23px}

  /* 触摸目标：按钮在手机上更好点 */
  .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .cta-btns .btn{padding:13px 28px;font-size:15px;min-height:46px;display:inline-flex;align-items:center}

  /* 列表 / 卡片间距略紧凑 */
  .alist,.klist{gap:16px}
}

/* —— 小手机（≤480px）—— */
@media (max-width:480px){
  .page-hero h1{font-size:22px}
  .art p{font-size:16px;line-height:1.85}
  .art h2{font-size:19px}
  .art h3{font-size:16.5px}
  .art li{font-size:16px}
  .article-cover img{max-height:220px;border-radius:10px}
  .answer-sec .answer{font-size:15.5px}
  .faq-a p{font-size:15px}
  .faq-h{font-size:21px}
  .sec h2{font-size:21px}
  .prose{font-size:15.5px}
  .alist,.klist{gap:14px}
  .cta-btns{flex-direction:column}
  .cta-btns .btn{width:100%}
}

/* ===== 单页面（关于 / 业务合作 / 解决方案 / 联系我们）手机专项优化 =====
   不改动 HTML，仅针对单页面特有组件补手机阅读体验。 */
@media (max-width:768px){
  /* 表单输入框字号 ≥16px：防止 iOS 聚焦时整页被自动放大 */
  .msg-form input, .msg-form textarea, .msg-form select{font-size:16px;padding:13px 14px}
  .msg-form{padding:18px 16px}
  .mf-grid{gap:12px}
  /* 关于页：英雄区与数据卡 */
  .about-hero{gap:22px}
  .about-hero img{border-radius:14px;max-width:100%;height:auto}
  .stat-card{padding:18px 14px;gap:16px 8px}
  .stat-card .sc-item b{font-size:23px}
  .stat-card .sc-item span{font-size:12px}
  /* 业务 / 方案：指标卡单列紧凑 */
  .ind-grid{gap:14px}
  .ind-card{padding:20px 16px}
  .ind-card h3{font-size:16px}
  .ind-card p{font-size:13.5px}
  /* 合作流程卡片间距收紧 */
  .coop-grid{gap:14px}
  /* 联系我们：信息网格单列 */
  .contact-grid{grid-template-columns:1fr;gap:12px}
  /* 客户案例卡单列 */
  .cust-grid{grid-template-columns:1fr}
  /* 单页大图自适应、不拉伸、圆角 */
  .about-txt img, .prose img, .ind-sec img{max-width:100%;height:auto;border-radius:12px}
  /* 荣誉/时间线卡片图略缩 */
  .hist-img{height:130px}
  /* 红底定制段内边距收窄 */
  .ind-sec .sec{padding:30px 0}
  /* 业务/代理：对照表 3 列窄屏堆叠，避免挤压溢出 */
  .bs-at-tb{display:block}
  .bs-at-head{display:none}
  .bs-at-row{display:block;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08)}
  .bs-at-row .bs-at-name{font-size:15px;margin-bottom:8px}
  .bs-at-c{display:flex;gap:8px;padding:5px 0;font-size:13.5px;line-height:1.6}
  .bs-at-c[data-lb]::before{content:attr(data-lb);flex:0 0 84px;color:#999;font-size:12px}
}
@media (max-width:480px){
  .page-hero h1{font-size:21px}
  .stat-card{grid-template-columns:1fr 1fr}
  .stat-card .sc-item b{font-size:21px}
  .about-hero img{max-height:240px;object-fit:cover}
  .ind-card h3{font-size:15.5px}
  .msg-form input, .msg-form textarea, .msg-form select{font-size:16px}
}