/* ================================================================
   Dalian SFXK — 全站样式 (独立样式文件，无外链/CDN)
   ================================================================ */

/* ========== 主题变量 ========== */
:root { --c-primary:#0071bc; --c-primary-dark:#129bbe; --c-accent:#f4b400; --c-text:#1f2937; --c-muted:#6b7280; --c-border:#e5e7eb; --c-bg:#ffffff; --c-bg-soft:#f6f8fb; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
html { scroll-behavior:smooth; overflow-x:hidden; }
body { overflow-x:hidden; }
body { font-family: "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif; color:var(--c-text); background:#fff; line-height:1.55; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; height:auto; display:block; }
button { font-family:inherit; cursor:pointer; border:none; background:none; }
input, textarea, select { font-family:inherit; }

/* ========== Tailwind-like utilities (self-contained, no CDN) ========== */
.container { width:100%; max-width:1200px; margin:0 auto; padding:0 16px; }
.row { display:flex; flex-wrap:wrap; }
.grid { display:grid; gap:24px; }
.grid-2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
.grid-3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.grid-4 { grid-template-columns:repeat(4, minmax(0,1fr)); }
.grid-6 { grid-template-columns:repeat(6, minmax(0,1fr)); }
@media (max-width:900px){
  .grid-2,.grid-3,.grid-4,.grid-6 { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:600px){
  .grid-2,.grid-3,.grid-4,.grid-6 { grid-template-columns:1fr; }
}
.flex { display:flex; }
.flex-col { flex-direction:column; }
.items-center { align-items:center; }
.justify-between { justify-content:space-between; }
.justify-center { justify-content:center; }
.text-center { text-align:center; }
.gap-1 { gap:4px; } .gap-2 { gap:8px; } .gap-3 { gap:12px; } .gap-4 { gap:16px; } .gap-6 { gap:24px; } .gap-8 { gap:32px; }
.p-2 { padding:8px; } .p-3 { padding:12px; } .p-4 { padding:16px; } .p-5 { padding:20px; } .p-6 { padding:24px; } .p-8 { padding:32px; }
.px-4 { padding-left:16px; padding-right:16px; }
.py-2 { padding-top:8px; padding-bottom:8px; }
.py-3 { padding-top:12px; padding-bottom:12px; }
.py-4 { padding-top:16px; padding-bottom:16px; }
.py-8 { padding-top:32px; padding-bottom:32px; }
.py-12 { padding-top:48px; padding-bottom:48px; }
.py-16 { padding-top:64px; padding-bottom:64px; }
.mt-2 { margin-top:8px; } .mt-3 { margin-top:12px; } .mt-4 { margin-top:16px; } .mt-6 { margin-top:24px; } .mt-8 { margin-top:32px; }
.mb-2 { margin-bottom:8px; } .mb-3 { margin-bottom:12px; } .mb-4 { margin-bottom:16px; } .mb-6 { margin-bottom:24px; } .mb-8 { margin-bottom:32px; }
.mx-auto { margin-left:auto; margin-right:auto; }
.w-full { width:100%; }
.h-full { height:100%; }
.relative { position:relative; }
.absolute { position:absolute; }
.overflow-hidden { overflow:hidden; }
.rounded { border-radius:6px; }
.rounded-md { border-radius:8px; }
.rounded-lg { border-radius:12px; }
.rounded-full { border-radius:9999px; }
.shadow { box-shadow:0 6px 18px rgba(0,0,0,.08); }
.shadow-lg { box-shadow:0 12px 28px rgba(0,0,0,.12); }
.text-xs { font-size:12px; } .text-sm { font-size:14px; } .text-base { font-size:16px; }
.text-lg { font-size:18px; } .text-xl { font-size:20px; } .text-2xl { font-size:24px; }
.text-3xl { font-size:30px; } .text-4xl { font-size:36px; } .text-5xl { font-size:48px; }
@media (max-width:600px){ .text-4xl { font-size:30px; } .text-5xl { font-size:34px; } }
.font-bold { font-weight:700; } .font-semibold { font-weight:600; } .font-medium { font-weight:500; } .font-normal { font-weight:400; }
.uppercase { text-transform:uppercase; letter-spacing:1px; }
.text-white { color:#fff; }
.text-muted { color:var(--c-muted); }
.text-primary { color:var(--c-primary); }
.bg-primary { background:var(--c-primary); }
.bg-soft { background:var(--c-bg-soft); }
.bg-dark { background:#0071bc; color:#fff; }
.border-t { border-top:1px solid var(--c-border); }
.border { border:1px solid var(--c-border); }
.hidden { display:none; }
.inline-block { display:inline-block; }
.block { display:block; }
.object-cover { object-fit:cover; }
.leading-tight { line-height:1.15; }
.tracking-wide { letter-spacing:.04em; }

/* ========== Header / Navigation (transparent over dark hero) ========== */
.site-header { position:absolute; top:0; left:0; right:0; z-index:50; background:transparent; }
/* 无 banner 时 header 给不透明蓝色背景（白字导航才能看见） */
.site-header--solid { position:relative; background:var(--c-primary); }
.nav-wrap { display:flex; align-items:center; justify-content:space-between; height:72px; }
.brand { display:flex; align-items:center; gap:12px; font-weight:700; color:#fff; }
.brand-logo { height:48px; display:flex; align-items:center; }
.brand-logo svg { width:100%; height:100%; }
.brand-logo .brand-logo-img { height:48px; width:auto; display:block; }
.brand small { display:block; font-size:11px; color:rgba(255,255,255,.7); font-weight:500; letter-spacing:.06em; }
.nav-menu { display:flex; align-items:center; gap:18px; }
.nav-menu > a, .nav-menu .nav-link {
  font-size:14px; font-weight:600; color:#fff; padding:8px 0; position:relative;
  transition:opacity .2s; letter-spacing:.02em; white-space:nowrap;
}
.nav-menu > a:hover, .nav-menu .nav-link:hover { opacity:.75; }
.nav-menu > a.active, .nav-menu .nav-link.active { position:relative; }
.nav-menu > a.active::after, .nav-menu .nav-link.active::after {
  content:""; position:absolute; left:50%; right:auto; bottom:-32px; transform:translateX(-50%); width:24px; height:2px; background:#fff;
}
/* Parent menu item with dropdown */
.nav-item { position:relative; display:flex; align-items:center; }
.nav-item.has-sub::after {
  content:"▾"; margin-left:4px; display:inline-block;
  font-size:9px; color:rgba(255,255,255,.7); pointer-events:none;
}
.nav-item .submenu {
  position:absolute; top:100%; left:0; width:max-content; background:#fff; color:#1f2937;
  border-radius:6px; box-shadow:0 12px 30px rgba(0,0,0,.2); padding:6px 0;
  opacity:0; visibility:hidden; transform:translateY(8px); transition:all .22s ease; z-index:100; white-space:nowrap;
}
.nav-item:hover .submenu { opacity:1; visibility:visible; transform:translateY(0); }
.nav-item .submenu a {
  display:block; padding:9px 16px; font-size:13px; color:#1f2937; font-weight:500; white-space:nowrap; transition:background .15s, color .15s;
}
.nav-item .submenu a:hover { background:#eef3fb; color:var(--c-primary); }
.header-right { display:flex; align-items:center; gap:14px; }
.a11y-btn { width:34px; height:34px; border-radius:6px; display:grid; place-items:center; color:#fff; border:1px solid rgba(255,255,255,.25); transition:background .2s; }
.a11y-btn:hover { background:rgba(255,255,255,.12); }
.lang-switch { display:flex; align-items:center; gap:8px; padding:6px 10px 6px 8px; border:1px solid rgba(255,255,255,.25); border-radius:6px; font-size:13px; cursor:pointer; background:transparent; color:#fff; position:relative; }
.lang-switch:hover { background:rgba(255,255,255,.08); }
.lang-flag { width:22px; height:14px; display:inline-block; border-radius:1px; flex-shrink:0; }
.lang-caret { transition:transform .25s; }
.lang-switch.open .lang-caret { transform:rotate(180deg); }
.lang-menu { position:absolute; top:calc(100% + 8px); right:0; min-width:170px; background:#fff; color:#1f2937; border-radius:6px; box-shadow:0 10px 30px rgba(0,0,0,.18); padding:6px 0; display:none; }
.lang-switch.open .lang-menu { display:block; }
.lang-menu a, .lang-menu button { width:100%; display:flex; align-items:center; gap:10px; padding:8px 14px; font-size:13px; color:#1f2937; text-align:left; transition:background .15s; text-decoration:none; }
.lang-menu a:hover, .lang-menu a.active, .lang-menu button:hover, .lang-menu button.active { background:#eef3fb; color:var(--c-primary); font-weight:600; }
.lang-menu .flag { width:18px; height:12px; border-radius:1px; flex-shrink:0; }
.hamburger { display:none; width:40px; height:40px; align-items:center; justify-content:center; border-radius:6px; }
.hamburger span { display:block; width:22px; height:2px; background:#fff; position:relative; }
.hamburger span::before, .hamburger span::after { content:""; position:absolute; left:0; right:0; height:2px; background:#fff; }
.hamburger span::before { top:-7px; }
.hamburger span::after { top:7px; }
@media (max-width:1080px){
  .nav-menu, .header-right .a11y-btn { display:none; }
  .hamburger { display:flex; }
  .mobile-menu.open { display:block; }
  .mobile-menu a { display:block; padding:14px 16px; border-bottom:1px solid var(--c-border); color:#1f2937; }
}
.mobile-menu { display:none; }

/* ========== Hero / Banner (carousel with 3 slides) ========== */
.hero { position:relative; height:590px; display:flex; align-items:center; color:#fff; overflow:hidden; padding-top:72px; }
.hero-slides { position:absolute; inset:0; overflow:hidden; }
.hero-track {
  display:flex; height:100%;
  transition:transform .7s cubic-bezier(.4,.1,.2,1);
}
.hero-slide {
  position:relative; flex:0 0 100%; height:100%;
  overflow:hidden;
}
/* Banner 图片已移至 HTML 页面（<div class="slide-bg"><img></div>） */
.hero-slide .slide-bg {
  position:absolute; inset:0;
  background:none;
}
.hero-slide .slide-bg img {
  width:100%; height:100%; object-fit:cover; display:block;
}
.hero-slide::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:none;
}
/* Variant per slide 的背景已移除，图片直接写在各 slide 的 HTML 中 */
/* Right-side scene SVG per slide */
/* .hero-slide .scene-svg 已移除（不再使用 SVG 装饰场景，改用图片背景） */

.hero-content {
  position:relative; z-index:5;
  padding:80px 16px 90px;
  max-width:1200px;        /* 与 header 的 .container 一致 */
  margin:0 auto;           /* 在 ≥1200px 视窗下与 logo 同位 */
  /* 兜底：用 padding-left 计算 container 偏移，强制 hero 文字在
     任何视窗下都与 logo 左边界严格对齐 */
  padding-left:max(16px, calc((100% - 1200px) / 2 + 16px));
  padding-right:max(16px, calc((100% - 1200px) / 2 + 16px));
  transform:translateX(-50px);
}
/* Per-slide content: vertically centered in the slide via absolute
   positioning. Uses the same 1200px / margin:auto alignment as the
   header, so the text's 16px-left padding aligns with the logo. */
.hero-slide .hero-content {
  position:absolute; top:0; left:0; right:0; bottom:0;
  margin:0 auto;
  display:flex; flex-direction:column; justify-content:center;
  /* 保留基类的 padding（含 padding-left 兜底与 logo 同位），
     只调整上下 padding 让内容避开 header */
  padding-top:130px; padding-bottom:90px;
  text-align:left;
  box-sizing:border-box;
}
.hero h1 { font-size:38px; line-height:1.15; font-weight:700; margin:0 0 20px; letter-spacing:-.5px; color:#fff; max-width:580px; }
.hero h1 span { display:block; }
/* 中文版标题不换行：两个 span 并排显示 */
html[data-lang="zh"] .hero h1 span { display:inline; margin-right:10px; }
.hero p.lead { font-size:16px; line-height:1.9; color:rgba(255,255,255,.92); margin:0 0 22px; font-weight:500; }
.hero p.lead span { display:block; }
.hero p.sub { font-size:17px; color:rgba(255,255,255,.88); margin:0 0 32px; }
.hero .cta-row { display:flex; gap:14px; flex-wrap:wrap; }
.hero .btn { transition:transform .25s, box-shadow .25s, background .25s, border-color .25s; }

/* Carousel controls */
.hero-arrow { position:absolute; top:50%; transform:translateY(-50%); width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.6); color:#fff; display:grid; place-items:center; z-index:20; transition:all .25s; cursor:pointer; backdrop-filter:blur(2px); }
.hero-arrow svg { width:22px; height:22px; }
.hero-arrow:hover { background:#fff; color:var(--c-primary); transform:translateY(-50%) scale(1.08); box-shadow:0 8px 20px rgba(0,0,0,.3); }
.hero-arrow.prev { left:20px; }
.hero-arrow.next { right:20px; }
@media (max-width:600px){
  .hero-arrow { width:40px; height:40px; }
  .hero-arrow svg { width:18px; height:18px; }
  .hero-arrow.prev { left:10px; }
  .hero-arrow.next { right:10px; }
}
.hero-dots { position:absolute; left:50%; transform:translateX(-50%); bottom:24px; display:flex; gap:8px; z-index:6; }
.hero-dots button { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.4); border:none; padding:0; cursor:pointer; transition:background .2s; }
.hero-dots button.active { background:#fff; }

/* Buttons */
.btn { display:inline-flex; align-items:center; gap:10px; padding:14px 28px; font-weight:700; font-size:13px; border-radius:4px; transition:all .25s; cursor:pointer; letter-spacing:.04em; }
.btn-primary { background:#129bbe; color:#fff; border:1px solid #129bbe; }
.btn-primary:hover { background:#0071bc; border-color:#0071bc; transform:translateY(-1px); box-shadow:0 8px 22px rgba(18,155,190,.45); }
.btn-outline { background:transparent; color:#fff; border:1px solid rgba(255,255,255,.55); }
.btn-outline:hover { background:rgba(255,255,255,.12); border-color:#fff; }

/* ========== Stats Strip ========== */
.stats { background:#fff; padding:30px 0; }
.stat-item { display:flex; align-items:center; gap:16px; padding:8px 0; }
.stat-item .icon { width:48px; height:48px; border-radius:50%; background:#eef3fb; display:grid; place-items:center; color:var(--c-primary); flex-shrink:0; }
.stat-item .icon-img { width:22px; height:22px; object-fit:contain; }
.stat-item .num { font-size:28px; font-weight:800; color:var(--c-primary); line-height:1; }
.stat-item .num small { font-size:14px; font-weight:600; margin-left:4px; }
.stat-item .label { font-size:13px; color:var(--c-muted); margin-top:4px; }

/* ========== About ========== */
.about { padding:30px 0; }
/* 内容区内两列布局：图片与文字在 container(1200px) 内各占一半 */
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; width:100%; }
@media (max-width:900px){ .about-grid { grid-template-columns:1fr; } }
.about-img { position:relative; width:100%; }
.about-img .about-img-img { width:100%; height:auto; display:block; border-radius:8px; }
/* 视频播放按钮：右下角 */
.about-img .play { position:absolute; bottom:22px; right:22px; width:52px; height:52px; border-radius:50%; background:rgba(0,0,0,.55); border:2px solid rgba(255,255,255,.85); display:grid; place-items:center; cursor:pointer; transition:background .2s, transform .2s; }
.about-img .play:hover { background:var(--c-primary); transform:scale(1.08); }
.about-img .play::after { content:""; width:0; height:0; border-left:16px solid #fff; border-top:10px solid transparent; border-bottom:10px solid transparent; margin-left:5px; }
.kicker { font-size:12px; font-weight:700; color:#129bbe; text-transform:uppercase; letter-spacing:2px; margin-bottom:8px; }
.section-title { font-size:30px; font-weight:800; margin:0 0 12px; line-height:1.2; }
@media (max-width:600px){ .section-title { font-size:24px; } }
/* About 右侧文字区：预留左右内边距（文字不贴屏幕边缘） */
.about-text { padding:24px 0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.about-text p { color:#444; font-size:14px; margin:8px 0; max-width:520px; line-height:1.6; }
.about-text .small { color:var(--c-muted); font-size:13px; }
/* 标题下方左对齐短横线 */
.about-text .section-title { position:relative; padding-bottom:12px; margin-bottom:6px; }
.about-text .section-title::after {
  content:""; position:absolute; left:0; bottom:0; width:48px; height:3px; background:var(--c-primary);
}
.about-text .btn { color:#fff; margin-top:8px; }

/* ========== Products ========== */
.section { padding:30px 0; }
.section-head { text-align:center; margin-bottom:40px; }
/* 各区块标题下方：居中短横线（蓝色） */
.section--adv .section-head .section-title,
.capability .section-head .section-title,
.market .section-head .section-title,
.contact .section-head .section-title,
.why .section-head .section-title,
#news .section-head .section-title,
.cert .section-head .section-title {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 6px;
}
.section--adv .section-head .section-title::after,
.capability .section-head .section-title::after,
.market .section-head .section-title::after,
.contact .section-head .section-title::after,
.why .section-head .section-title::after,
#news .section-head .section-title::after,
.cert .section-head .section-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 48px;
  height: 3px;
  background: var(--c-primary);
}
/* 应用领域（深蓝背景）：标题下方白色短线 */
.tour .section-head .section-title {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 6px;
}
.tour .section-head .section-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 48px;
  height: 3px;
  background: #fff;
}
.product-card { position:relative; border-radius:10px; overflow:hidden; height:100%; background:#222; cursor:pointer; transition:box-shadow .3s; }
/* 在 swiper-slide 内填满 slide */
.products-slider .swiper-slide .product-card { width:100%; height:100%; aspect-ratio:auto; }
.product-card:hover { box-shadow:0 18px 36px rgba(0,0,0,.25); }
.product-card .ph { position:absolute; inset:0; }
.product-card .ph svg { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; transform-origin:center; }
/* Swiper slide 内 SVG 兜底：明确高度填满 */
.products-slider .swiper-slide .product-card .ph svg { width:100%; height:100%; }
.product-card:hover .ph svg { transform:scale(1.08); }
/* 底部渐变 overlay（参考惠尔森"为什么选择惠尔森"样式） */
.product-card .overlay {
  position:absolute; left:0; right:0; bottom:0; padding:20px 22px; color:#fff;
  background:linear-gradient(to top, rgba(11,61,145,.92) 0%, rgba(11,61,145,.55) 55%, transparent 100%);
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  pointer-events:none;
}
.product-card h4 { margin:0; font-size:18px; font-weight:700; }
.product-card .overlay .prod-cta { display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:600; opacity:.95; }
.product-card .overlay .prod-cta .ico { width:16px; height:16px; transition:transform .25s; }
.product-card:hover .overlay .prod-cta .ico { transform:translateX(3px); }

/* ===== 产品中心：Swiper 轮播（照抄惠尔森 index2.css，一字不改） ===== */
.section--adv {
  background: #eef3f9;
  padding: 30px 0 !important;
  position: relative;
}
/* ---- Swiper 容器（overflow visible 让 loop 边缘 slide 露出，靠全局 overflow-x 防止页面滚动） ---- */
.adv-hero.swiper {
  position: relative !important;
  width: 65% !important;
  max-width: 1200px !important;
  margin: 0 auto 50px !important;
  overflow: visible !important;
}
.swiper-slide.adv-hero-slide {
  height: 460px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.swiper-slide.adv-hero-slide img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  transition: transform .4s ease;
}
/* 产品大图：.ph 类（图片或 SVG）填满卡片，hover 放大 */
.swiper-slide.adv-hero-slide > .ph {
  width: 100%; height: auto;
  display: block;
  transition: transform .4s ease;
}
.swiper-slide.adv-hero-slide:hover > .ph {
  transform: scale(1.18);
}
/* ---- 蒙版：两侧露出的卡变暗（中间可见的 2 张无蒙版） ---- */
/* 始终生成 ::after，用 opacity 控制显示，实现"加深/变浅"双向平滑过渡 */
.swiper-slide.adv-hero-slide {
  transition: opacity .45s ease;
}
.swiper-slide.adv-hero-slide.prod-dim {
  opacity: .45;
}
/* ---- 底部纯色背景（包住文字，80% 透明） ---- */
.adv-hero-overlay {
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 24%;
  background: rgba(0,113,188,.8);
  pointer-events: none;
}
.adv-hero-slide .adv-hero-content {
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 24%; display: flex; flex-direction: column; justify-content: center; align-items: center;
  z-index: 3; text-align: center; color: #fff; padding: 0 24px;
}
.adv-hero-slide .adv-hero-content h3 {
  font-size: 26px; font-weight: 700; margin: 0 0 6px;
}
/* 标题链接 + 右侧箭头 */
.prod-title-link { display: inline-flex; align-items: center; gap: 8px; }
.prod-title-link a { color: #fff; text-decoration: none; }
.prod-title-link a:hover { opacity: .85; }
.prod-title-arrow { font-weight: 700; font-size: 22px; }
.adv-hero-slide .adv-hero-content p {
  font-size: 16px; color: rgba(255,255,255,.9);
  margin: 0 auto 14px; max-width: 600px; line-height: 1.5;
}
/* ---- 纯文字详情按钮（箭头样式同"关于我们"的 .btn-arrow） ---- */
.adv-btn-link {
  display: inline-flex; align-items: center; gap: 8px;
  color: inherit; font-size: 14px; font-weight: 600;
  text-decoration: none;
}
.adv-btn-link::after {
  content: "→";
  display: inline-block;
  font-weight: 700;
  transition: transform .25s ease;
}
.adv-btn-link:hover::after { transform: translateX(4px); }
/* ---- 箭头（用 !important 强制样式，绕过任何覆盖） ---- */
.adv-arrow {
  position: absolute !important;
  top: 50% !important; transform: translateY(-50%) !important;
  z-index: 5 !important;
  width: 48px !important; height: 48px !important; border-radius: 50% !important;
  background: rgba(255,255,255,.9) !important; color: var(--c-primary) !important;
  display: grid !important; place-items: center !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
  border: none !important; cursor: pointer !important;
  opacity: 0; transition: opacity .25s, transform .2s, background .2s;
}
.section--adv:hover .adv-arrow { opacity: 1; }
.adv-arrow:hover { transform: translateY(-50%) scale(1.08) !important; background: #fff !important; }
/* 箭头在容器左右内侧（与惠尔森案例一致，正对可见卡片的左右边缘） */
.adv-arrow.prev { left: 16px !important; right: auto !important; }
.adv-arrow.next { right: 16px !important; left: auto !important; }
.adv-arrow svg { width: 24px; height: 24px; }
.swiper-pagination.adv-hero-dots {
  position: absolute; left: 0; right: 0; bottom: -42px; z-index: 5; text-align: center;
}
.swiper-pagination.adv-hero-dots .swiper-pagination-bullet {
  width: 10px; height: 10px; border-radius: 50%;
  background: #cccccc;
  margin: 0 5px; opacity: 1;
}
.swiper-pagination.adv-hero-dots .swiper-pagination-bullet-active {
  background: #555555; width: 14px; height: 14px;
}

/* ========== Capability ========== */
.capability { background:#fff; }
.cap-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.cap-item { display:flex; flex-direction:column; align-items:center; gap:10px; flex:1; min-width:120px; }
.cap-circle { width:92px; height:92px; border-radius:50%; background:#eef3fb; display:grid; place-items:center; color:var(--c-primary); transition:all .25s; }
.cap-circle .cap-icon { width:36px; height:36px; object-fit:contain; }
.cap-item:hover .cap-circle { background:var(--c-primary); color:#fff; transform:scale(1.05); }
.cap-item:hover .cap-circle .cap-icon { filter: brightness(0) invert(1); }
.cap-item span.lbl { font-size:17px; font-weight:600; }
.cap-arrow { color:var(--c-primary); opacity:.5; }

/* ========== Why Choose ========== */
.why { background:#f4f7fb; padding:50px 0; }
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
@media (max-width:900px){ .why-grid { grid-template-columns:repeat(2,1fr); } }
.why-item { display:flex; gap:14px; align-items:flex-start; }
.why-item .ic { width:48px; height:48px; border-radius:50%; background:#fff; color:var(--c-primary); display:grid; place-items:center; flex-shrink:0; box-shadow:0 4px 10px rgba(11,61,145,.08); transition:background .2s; }
.why-item .ic .why-icon { width:22px; height:22px; object-fit:contain; }
.why-item:hover .ic { background:var(--c-primary); }
.why-item:hover .ic .why-icon { filter: brightness(0) invert(1); }
.why-item h5 { margin:4px 0 6px; font-size:16px; }
.why-item p { margin:0; font-size:13px; color:var(--c-muted); }

/* ========== Application Areas (应用领域) ========== */
.tour { background:#0071bc; color:#fff; padding:50px 0; }
.tour-grid { display:grid; grid-template-columns:220px repeat(3,1fr); gap:18px; align-items:center; }
@media (max-width:900px){ .tour-grid { grid-template-columns:1fr; } }
/* 左侧大标题（字号继承 .section-title，同"为何选择我们"） */
.tour-info .section-title { color:#fff; margin-bottom:14px; }
/* 左侧小标题 */
.app-subtitle {
  color: rgba(255,255,255,.85);
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}
.tour-img { display:block; text-decoration:none; aspect-ratio:4/3; border-radius:8px; background:#0071bc; position:relative; overflow:hidden; cursor:pointer; }
/* 图片作为 img 子元素，hover 放大（与产品中心 transform scale 一致） */
.tour-img .tour-img-bg { position:absolute; left:0; top:0; width:100%; height:auto; transition:transform .4s ease; }
.tour-img:hover .tour-img-bg { transform: scale(1.18); }
/* 底部渐变：压暗方便白字阅读 */
.tour-img::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(0,113,188,0) 40%, rgba(0,113,188,.55) 100%); }
/* 图片内文字（纯色背景 #129bbe） */
.tour-img-text {
  position:absolute;
  left:0; right:0; bottom:0;
  z-index:2;
  padding:16px 16px 14px;
  background:rgba(18,155,190,.8);
}
.tour-img-text h4 { margin:0 0 4px; font-size:18px; font-weight:700; color:#fff; }
.tour-img-text h4::after { content:" →"; font-weight:700; }
.tour-img-text p { margin:0; font-size:12.5px; color:rgba(255,255,255,.9); line-height:1.5; }

/* ========== Certifications ========== */
.cert { padding:60px 0 30px; text-align:center; }
.cert-wrap { position:relative; display:flex; align-items:center; gap:12px; }
.cert-wrap .cert-arrow { position:relative; z-index:2; }
.cert .section-head { margin-bottom:24px; }
.cert-row { flex:1; display:flex; align-items:center; justify-content:flex-start; gap:12px; padding:12px 20px; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; min-width:0; }
.cert-row::-webkit-scrollbar { display:none; }
.cert-item { flex:0 0 auto; width:120px; height:120px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:6px; transition:transform .28s ease, box-shadow .28s ease; }
.cert-item:hover { transform:scale(1.15) translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.14); }
.cert-item img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; }
.cert-arrow { width:40px; height:40px; border-radius:50%; border:1px solid #d1d5db; background:#e5e7eb; color:#475569; font-size:22px; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all .2s; }
.cert-arrow:hover { color:var(--c-primary); border-color:var(--c-primary); background:#dbeafe; }
.cert-arrow.disabled { opacity:.35; cursor:not-allowed; pointer-events:none; }

/* ========== Global Market ========== */
.market { background:#f4f7fb; padding:60px 0 30px; }
.market-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
@media (max-width:900px){ .market-grid { grid-template-columns:1fr; } }
.map-wrap { background:#fff; border-radius:8px; overflow:hidden; align-self:start; }
.map-wrap .map-img { width:100%; height:auto; display:block; transition:transform .4s ease; }
.map-wrap:hover .map-img { transform: scale(1.18); }
.export-list { display:flex; flex-direction:column; gap:10px; }
.export-list .row { display:flex; align-items:center; gap:12px; }
.export-list .region { width:120px; font-size:14px; font-weight:600; color:#374151; }
.export-list .bar { flex:1; height:8px; background:#e5edf9; border-radius:4px; overflow:hidden; }
.export-list .bar i { display:block; height:100%; background:var(--c-primary); border-radius:4px; }
.export-list .pct { width:48px; text-align:right; font-weight:600; font-size:14px; color:var(--c-primary); }

/* ========== Latest News ========== */
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
@media (max-width:900px){ .news-grid { grid-template-columns:1fr; } }
.news-card { display:grid; grid-template-columns:140px 1fr; gap:18px; align-items:center; cursor:pointer; transition:transform .2s; text-decoration:none; color:inherit; }
.news-card:hover { transform:translateX(2px); }
.news-img { position:relative; aspect-ratio:1/1; border-radius:8px; overflow:hidden; background:#dbe5f5; }
.news-img .news-img-bg { width:100%; height:auto; display:block; transition:transform .4s ease; }
.news-img:hover .news-img-bg { transform: scale(1.18); }
.news-img .date-badge { position:absolute; top:0; left:0; z-index:2; background:rgba(0,113,188,.8); color:#fff; padding:10px 14px 8px; border-radius:0 0 8px 0; text-align:center; min-width:64px; }
.news-img .date-badge small { display:block; font-size:11px; font-weight:700; color:rgba(255,255,255,.85); letter-spacing:1.5px; line-height:1; margin-bottom:5px; }
.news-img .date-badge b { display:block; font-size:26px; color:#fff; font-weight:800; line-height:1.1; }
.news-card .tag { font-size:11px; font-weight:700; color:var(--c-primary); text-transform:uppercase; letter-spacing:1px; }
.news-card h5 { margin:6px 0 10px; font-size:15px; line-height:1.3; }
.news-card .read { font-size:13px; font-weight:700; color:var(--c-primary); }
.news-card .read::after { content:" →"; }

/* ========== Get in Touch ========== */
.contact { background:#fff; padding:40px 0 70px; }
.contact-grid { display:grid; grid-template-columns:340px 1fr 320px; gap:32px; }
@media (max-width:900px){ .contact-grid { grid-template-columns:1fr; } }
.contact-info { display:flex; flex-direction:column; gap:18px; padding-top:6px; }
.contact-info .item { display:flex; gap:12px; align-items:flex-start; }
.contact-info .phone-line { margin:2px 0; font-size:13px; }
.contact-info .qr-item .qr-wrap { display:flex; flex-direction:column; gap:6px; }
.contact-info .qr-img { width:120px; height:auto; border:1px solid var(--c-border); border-radius:6px; background:#fff; }
.contact-info .item .ic { width:36px; height:36px; border-radius:50%; background:#eef3fb; color:var(--c-primary); display:grid; place-items:center; flex-shrink:0; }
.contact-info .item .ct-icon { width:16px; height:16px; object-fit:contain; }
.contact-info .item h6 { margin:0; font-size:12px; color:var(--c-muted); text-transform:uppercase; }
.contact-info .item p { margin:4px 0 0; font-size:14px; }
.contact-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; max-width: 820px;
  margin: 0 auto;}
.contact-form .full { grid-column:span 2; }
.field { display:flex; flex-direction:column; gap:6px; }
.field label { font-size:12px; color:var(--c-muted); font-weight:600; }
.field input, .field textarea { width:100%; padding:8px 12px; border:1px solid var(--c-border); border-radius:6px; font-size:14px; background:#fff; transition:border-color .2s, box-shadow .2s; }
.field input:focus, .field textarea:focus { outline:none; border-color:var(--c-primary); box-shadow:0 0 0 3px rgba(11,61,145,.1); }
.field textarea { min-height:80px; resize:vertical; }
.contact-form .submit-row .btn { padding:9px 22px; }
/* 图片验证码 */
.cap-wrap { display:flex; align-items:stretch; gap:10px; }
.cap-wrap input { flex:1; min-width:0; }
#captchaCanvas { width:110px; height:34px; border-radius:6px; cursor:pointer; border:1px solid var(--c-border); flex-shrink:0; }
.submit-row { grid-column:span 2; display:flex; align-items:center; justify-content:flex-start; gap:12px; margin-top:8px; }
.map-card { border-radius:8px; overflow:hidden; background:#eaf0fa; align-self:start; }
.map-card .map-card-img { width:100%; height:auto; display:block; }

/* ========== Footer ========== */
footer { background:#0071bc; color:#fff; padding:23px 0 0; }
.footer-grid { display:grid; grid-template-columns:1.6fr 1.2fr 1.2fr; gap:40px; }
@media (max-width:900px){ .footer-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .footer-grid { grid-template-columns:1fr; } }
footer h6 { font-size:12px; text-transform:uppercase; letter-spacing:1.5px; margin:0 0 16px; color:rgba(255,255,255,.7); }
/* 快捷链接：导航主菜单分 3 列，整体左移 200px */
.foot-quick { transform: translateX(-200px); }
.foot-quick-cols { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px 24px; }
.foot-quick-col a { padding:4px 0; white-space:nowrap; }
footer a { display:block; font-size:13px; color:rgba(255,255,255,.85); padding:5px 0; transition:color .2s; }
footer a:hover { color:#fff; }
footer p { font-size:13px; color:rgba(255,255,255,.75); line-height:1.7; }
.brand-foot { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.brand-foot .brand-logo { background:transparent; color:#0071bc; padding:0; }
.brand-foot strong { font-size:15px; }
.brand-foot small { display:block; font-size:11px; color:rgba(255,255,255,.7); letter-spacing:.06em; }
.socials { display:flex; gap:8px; margin-top:12px; }
.socials a { width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.1); display:grid; place-items:center; padding:0; }
.socials a:hover { background:var(--c-primary); }
.copy { padding:18px 0; margin-top:7px; border-top:1px solid rgba(255,255,255,.1); display:flex; justify-content:center; align-items:center; gap:24px; font-size:12px; color:rgba(255,255,255,.7); }
.copy a { display:inline; padding:0; margin:0 8px; }

/* ========== 按钮箭头动效 ========== */
.btn-arrow { gap:14px; }
.btn-arrow::after {
  content:"→"; display:inline-block; font-weight:700;
  transition:transform .25s ease;
}
.btn.btn-arrow:hover::after { transform:translateX(4px); }

/* ========== 新闻资讯内页（news.html） ========== */
/* Banner：单图，宽度适应容器，高度按图片自身比例 */
.inner-banner { width:100%; line-height:0; background:#0071bc; position:relative; overflow:hidden; }
.inner-banner-img { width:100%; height:auto; display:block; object-fit:cover; }
/* 带文字的 banner（参考首页 hero 文字布局：左对齐白字，垂直居中） */
.inner-banner--text { height:380px; }
.inner-banner--text .inner-banner-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.inner-banner--text::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,113,188,.55) 0%, rgba(0,113,188,.15) 60%, rgba(0,113,188,0) 100%); pointer-events:none; }
.inner-banner-text {
  position:absolute; left:0; right:0; top:0; bottom:0;
  display:flex; flex-direction:column; justify-content:center;
  max-width:1200px; margin:0 auto;
  padding-left:max(16px, calc((100% - 1200px) / 2 + 16px));
  padding-right:max(16px, calc((100% - 1200px) / 2 + 16px));
  color:#fff; z-index:2; box-sizing:border-box;
}
.inner-banner-title { font-size:38px; font-weight:800; line-height:1.15; margin:0 0 14px; color:#fff; letter-spacing:-.5px; }
.inner-banner-sub { font-size:16px; color:rgba(255,255,255,.9); margin:0; line-height:1.6; }
@media (max-width:600px){
  .inner-banner--text { height:260px; }
  .inner-banner-title { font-size:28px; }
  .inner-banner-sub { font-size:14px; }
}

/* 内容区 */
.news-page { padding:22px 16px 48px; }
/* 面包屑：居内容区左侧 */
.breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--c-muted); margin:6px 0 18px; }
.breadcrumb a { color:var(--c-primary); text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline; }
.breadcrumb .sep { color:#cbd5e1; }
.breadcrumb .cur { color:var(--c-text); }

/* 标签切换：公司新闻 / 行业动态 */
.news-tabs { display:flex; gap:10px; margin:0 0 22px; border-bottom:1px solid var(--c-border); }
.news-tab { appearance:none; border:none; background:transparent; cursor:pointer; font:inherit; font-size:19px; font-weight:700; color:var(--c-muted); padding:12px 22px; position:relative; transition:color .2s; }
.news-tab:hover { color:var(--c-primary); }
.news-tab.active { color:var(--c-primary); }
.news-tab.active::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:var(--c-primary); border-radius:3px 3px 0 0; }

/* ========== 新闻资讯内页（news.html）列表：照抄首页"最新资讯"样式 ========== */
.news-list { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:26px; }
.news-list .news-card { display:grid; grid-template-columns:140px 1fr; gap:18px; align-items:center; cursor:pointer; transition:transform .2s; }
.news-list .news-card:hover { transform:translateX(2px); }
.news-list .news-img { position:relative; aspect-ratio:1/1; border-radius:8px; overflow:hidden; background:#dbe5f5; }
.news-list .news-img .news-img-bg { width:100%; height:auto; display:block; transition:transform .4s ease; }
.news-list .news-img:hover .news-img-bg { transform:scale(1.18); }
.news-list .news-img .date-badge { position:absolute; top:0; left:0; z-index:2; background:rgba(0,113,188,.8); color:#fff; padding:10px 14px 8px; border-radius:0 0 8px 0; text-align:center; min-width:64px; }
.news-list .news-img .date-badge small { display:block; font-size:11px; font-weight:700; color:rgba(255,255,255,.85); letter-spacing:1.5px; line-height:1; margin-bottom:5px; }
.news-list .news-img .date-badge b { display:block; font-size:26px; color:#fff; font-weight:800; line-height:1.1; }
.news-list .news-card .tag { font-size:11px; font-weight:700; color:var(--c-primary); text-transform:uppercase; letter-spacing:1px; }
.news-list .news-card h5 { margin:6px 0 10px; font-size:15px; line-height:1.3; }
.news-list .news-card .read { font-size:13px; font-weight:700; color:var(--c-primary); }
.news-list .news-card .read::after { content:" →"; }
@media (max-width:900px){
  .news-list { grid-template-columns:1fr; }
}

/* 页码 */
.pager { display:flex; justify-content:center; align-items:center; gap:10px; margin-top:14px; flex-wrap:wrap; }
.pg { min-width:54px; height:40px; padding:0 14px; border:1px solid #e2e8f0; background:#fff; color:#475569; border-radius:6px; cursor:pointer; font:inherit; font-size:13px; font-weight:600; transition:all .18s; display:inline-flex; align-items:center; justify-content:center; }
.pg:hover:not(:disabled):not(.active) { border-color:#129bbe; color:#129bbe; }
.pg.active { background:#0071bc; border-color:#0071bc; color:#fff; }
.pg.active:hover:not(:disabled) { border-color:#0071bc; color:#fff; background:#005d9e; }
.pg:disabled { opacity:.4; cursor:not-allowed; }
/* 数字按钮：横向显示 */
.pg-num { min-width:38px; padding:0 10px; }
.pg-total { font-size:14px; color:var(--c-muted); margin-left:6px; white-space:nowrap; }

@media (max-width:900px){
  /* 首页 news-grid 窄屏单列保留；新闻内页 .news-list 用 flex 自适应，不依赖此规则 */
  .news-grid { grid-template-columns:1fr; }
}

/* ========== 新闻资讯详情页（news-detail.html） ========== */
.news-detail { padding:22px 16px 48px; }
.nd-wrap { max-width:860px; margin:0 auto; padding:30px 32px 40px; background:#fff; border:1px solid var(--c-border); border-radius:10px; }
.nd-tag { display:inline-block; padding:5px 14px; font-size:13px; font-weight:600; color:var(--c-primary); background:rgba(0,113,188,.10); border:1px solid rgba(0,113,188,.25); border-radius:6px; letter-spacing:.04em; }
.nd-title { font-size:26px; font-weight:800; line-height:1.3; margin:20px 0 14px; color:var(--c-text); }
.nd-meta { display:flex; flex-wrap:wrap; gap:22px; font-size:13px; color:var(--c-muted); border-bottom:1px dashed var(--c-border); padding-bottom:16px; margin-bottom:22px; }
.nd-meta b { font-weight:700; color:var(--c-text); }
.nd-cover { margin-bottom:22px; border-radius:8px; overflow:hidden; background:#eef3fb; }
.nd-cover-img { width:100%; height:auto; display:block; }
.nd-body { font-size:15px; line-height:1.9; color:#374151; }
.nd-body p { margin:0 0 16px; text-align:justify; }
.nd-source { margin-top:18px; padding:14px 16px; background:var(--c-bg-soft); border-radius:8px; font-size:14px; color:var(--c-muted); }
.nd-source b { font-weight:700; color:var(--c-text); }
.nd-back { margin-top:28px; text-align:center; }
@media (max-width:640px){
  .nd-wrap { padding:20px 18px 28px; }
  .nd-title { font-size:21px; }
}

/* ========== 联系我们内页（contact.html） ========== */
.contact-page { padding:22px 16px 48px; }
/* 联系方式：横向排列填满内容区宽度 */
.cp-contact { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:32px; }
.cp-item { display:flex; align-items:flex-start; gap:14px; padding:22px 18px; background:#fff; border:1px solid var(--c-border); border-radius:10px; }
.cp-ic { flex:0 0 44px; width:44px; height:44px; border-radius:50%; background:#eef3fb; display:grid; place-items:center; color:var(--c-primary); flex-shrink:0; }
.cp-ic img { width:20px; height:20px; object-fit:contain; }
.cp-txt { flex:1; min-width:0; }
.cp-txt h6 { margin:0 0 8px; font-size:13px; color:var(--c-muted); text-transform:uppercase; letter-spacing:.5px; }
.cp-txt p { margin:0 0 4px; font-size:14px; color:var(--c-text); line-height:1.6; }
.cp-phone { margin:0; }
.cp-phone span { color:var(--c-muted); }
.cp-qr { margin-top:4px; }
.cp-qr-img { width:88px; height:88px; border:1px solid var(--c-border); border-radius:6px; background:#fff; }
@media (max-width:900px){
  .cp-contact { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .cp-contact { grid-template-columns:1fr; }
}

/* 在线留言 + 百度地图（左右等宽） */
.cp-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
/* 锚点占位（联系方式）：不占可见空间，仍可作滚动目标 */
#contact-info { height:0; overflow:hidden; }
.cp-form { background:#fff; border:1px solid var(--c-border); border-radius:10px; overflow:hidden; }
.cp-form-head { background:var(--c-bg-soft); border-bottom:1px solid var(--c-border); padding:16px 22px; }
.cp-form-title { margin:0; font-size:18px; font-weight:700; color:var(--c-primary); }
.cp-form-body { padding:22px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.cp-form-body .full { grid-column:span 2; }
.cp-form .submit-row { grid-column:span 2; display:flex; align-items:center; gap:12px; margin-top:8px; }
.cp-map { border-radius:10px; overflow:hidden; background:#eaf0fa; }
.cp-map-img { width:100%; height:100%; min-height:360px; object-fit:cover; display:block; }
@media (max-width:900px){
  .cp-grid { grid-template-columns:1fr; }
  .cp-map-img { min-height:300px; }
}

/* ========== 服务中心内页（service.html） ========== */
.service-page { padding:22px 16px 48px; }
.sv-section { margin-bottom:44px; }
/* 合作企业（证书）标题：字号与页面其他标题一致（24px，居中短线） */
.service-page .cert .section-title { font-size:24px; }
/* 合作企业板块及下方内容向上移动 30px */
.service-page .cert { margin-top:-30px; }
/* 小标题：有短横线 + 居中，字号同研发创新页（24px） */
.sv-section .section-head { text-align:center; }
.sv-section .section-title {
  font-size:24px;
  position:relative;
  padding-bottom:16px;
  margin-bottom:12px;
}
.sv-section .section-title::after {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:48px;
  height:3px;
  background:var(--c-primary);
}
/* FAQ 列表：每行 2 条，共 3 行 */
.sv-faq-list { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
/* 查看更多按钮 */
.sv-faq-more-wrap { margin-top:26px; text-align:center; }
.sv-faq-more { display:inline-block; padding:11px 30px; border:1px solid var(--c-primary); color:var(--c-primary); border-radius:6px; font-size:14px; font-weight:700; text-decoration:none; transition:background .2s, color .2s; }
.sv-faq-more:hover { background:var(--c-primary); color:#fff; }
.sv-faq-card { display:block; text-decoration:none; color:inherit; background:#fff; border:1px solid var(--c-border); border-radius:10px; padding:22px 22px 18px; transition:box-shadow .25s, transform .25s, border-color .25s; }
.sv-faq-card:hover { box-shadow:0 12px 28px rgba(0,0,0,.08); transform:translateY(-3px); border-color:var(--c-primary); }
.sv-faq-q { margin:0 0 10px; font-size:16px; font-weight:700; color:var(--c-primary); line-height:1.35; }
.sv-faq-a { margin:0 0 14px; font-size:14px; color:#374151; line-height:1.7; }
/* 底部：左发布日期（YYYY-MM-DD 灰色），右箭头 */
.sv-faq-foot { margin-top:auto; display:flex; align-items:center; justify-content:space-between; }
.sv-faq-date { font-size:13px; color:#9ca3af; }
.sv-faq-arrow { width:30px; height:30px; border-radius:50%; background:#eef3fb; color:var(--c-primary); display:inline-flex; align-items:center; justify-content:center; font-size:16px; transition:background .2s, color .2s, transform .2s; }
.sv-faq-card:hover .sv-faq-arrow { background:var(--c-primary); color:#fff; transform:translateX(2px); }
/* 销售网络：同首页 */
.sv-market .market-grid { grid-template-columns:1fr 1fr; }
/* 在线反馈 */
.sv-feedback { max-width:820px; margin:0 auto; border:none; border-radius:0; }
.sv-feedback .cp-form-head, .sv-feedback .cp-form-body { padding-left:0; padding-right:0; }
@media (max-width:900px){
  .sv-faq-list { grid-template-columns:1fr; }
  .sv-market .market-grid { grid-template-columns:1fr; }
}

/* ========== 研发创新内页（rd.html） ========== */
.rd-page { padding:22px 16px 48px; }
.rd-section { margin-top:6px; }
.rd-tabs { display:flex; gap:10px; margin:0 0 28px; border-bottom:1px solid var(--c-border); flex-wrap:wrap; }
.rd-tab { appearance:none; border:none; background:transparent; cursor:pointer; font:inherit; font-size:16px; font-weight:700; color:var(--c-muted); padding:12px 22px; position:relative; transition:color .2s; }
.rd-tab:hover { color:var(--c-primary); }
.rd-tab.active { color:var(--c-primary); }
.rd-tab.active::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:var(--c-primary); border-radius:3px 3px 0 0; }
.rd-body { display:grid; grid-template-columns:1fr; gap:44px; padding-top:15px; }
/* 模块块（上下排列） */
.rd-block { display:grid; grid-template-columns:1fr; gap:24px; }
.rd-block + .rd-block { padding-top:0; }
.rd-block-title { text-align:center; font-size:24px; font-weight:800; color:var(--c-text); position:relative; padding-bottom:14px; }
.rd-block-title::after { content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:48px; height:3px; background:var(--c-primary); }
/* 两组图文：左右轮播切换 —— 完全参照 banner 的 .hero-slides / .hero-track / .hero-slide 结构 */
.rd-intro-slides { position:relative; width:100%; max-width:100%; overflow:hidden; border-radius:12px; }
.rd-intro-track { display:flex; width:100%; min-width:0; transition:transform .5s ease; }
.rd-intro-slide { position:relative; flex:0 0 100%; width:100%; min-width:0; box-sizing:border-box; display:grid; grid-template-columns:1.1fr 1fr; gap:28px; align-items:center; }
/* 第二组：左文右图（交换两列的视觉位置） */
.rd-intro-slide--rev { grid-template-columns:1fr 1.1fr; }
.rd-intro-slide--rev .rd-intro-img { order:2; }
.rd-intro-slide--rev .rd-intro-text { order:1; }
.rd-intro-slide .rd-intro-img { border-radius:12px; overflow:hidden; background:#eef3fb; aspect-ratio:16/10; min-height:220px; }
.rd-intro-slide .rd-intro-img img { width:100%; height:100%; min-height:220px; object-fit:cover; display:block; }
.rd-intro-text p { margin:0; font-size:14.5px; line-height:1.85; color:#374151; text-align:justify; }
/* 左右箭头 + 圆点：放在容器外，底部一行居中（不压在图上） */
.rd-intro-slides { position:relative; width:100%; max-width:100%; overflow:hidden; border-radius:12px; }
.rd-intro-controls { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:18px; }
.rd-intro-arrow { width:44px; height:44px; border-radius:50%; border:1px solid var(--c-border); background:#f1f5f9; color:#475569; font-size:18px; cursor:pointer; display:grid; place-items:center; transition:background .2s, color .2s, border-color .2s, transform .15s, box-shadow .2s; line-height:1; flex-shrink:0; }
.rd-intro-arrow:hover { background:#0071bc; color:#fff; border-color:#0071bc; box-shadow:0 4px 14px rgba(0,113,188,.3); transform:scale(1.05); }
.rd-intro-prev { /* 同 .rd-intro-arrow，靠 .rd-intro-controls flex 排列 */ }
.rd-intro-next { /* 同上 */ }
/* 圆点 */
.rd-intro-dots { display:flex; gap:8px; align-items:center; }
.rd-intro-dots button { width:10px; height:10px; border-radius:50%; background:#cbd5e1; border:none; padding:0; cursor:pointer; transition:background .2s, transform .2s; }
.rd-intro-dots button.active { background:var(--c-primary); transform:scale(1.2); }
@media (max-width:900px){
  .rd-intro-slide, .rd-intro-slide--rev { grid-template-columns:1fr; }
  .rd-intro-slide--rev .rd-intro-img { order:0; }
  .rd-intro-slide--rev .rd-intro-text { order:0; }
  .rd-intro-arrow { width:32px; height:32px; font-size:14px; }
}
/* 特性卡片网格（标签1） */
.rd-feat-title { font-size:20px; font-weight:800; color:var(--c-text); margin-bottom:20px; }
.rd-feats { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.rd-feat { background:#fff; border:1px solid var(--c-border); border-radius:12px; padding:26px 22px; text-align:center; transition:transform .25s, box-shadow .25s, border-color .25s; }
.rd-feat:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.08); border-color:var(--c-primary); }
.rd-feat-ic { width:58px; height:58px; margin:0 auto 14px; border-radius:50%; background:#eef3fb; display:grid; place-items:center; }
.rd-feat-ic img { width:26px; height:26px; object-fit:contain; }
.rd-feat h5 { margin:0 0 8px; font-size:16px; font-weight:700; color:var(--c-text); }
.rd-feat p { margin:0; font-size:13.5px; color:var(--c-muted); line-height:1.6; }
/* 研发管理程序：每行独立的 3 列 grid（1fr 60px 1fr），
   数字圆点固定在中央列（60px），内容在两侧交替，奇数在右、偶数在左；
   中央虚线从最上方圆点中央贯穿到最下方圆点中央 */
/* ========== 研发创新内页（rd.html） ========== */
.rd-page { padding:22px 16px 48px; }
.rd-section { margin-top:6px; }
.rd-tabs { display:flex; gap:10px; margin:0 0 28px; border-bottom:1px solid var(--c-border); flex-wrap:wrap; }
.rd-tab { appearance:none; border:none; background:transparent; cursor:pointer; font:inherit; font-size:16px; font-weight:700; color:var(--c-muted); padding:12px 22px; position:relative; transition:color .2s; }
.rd-tab:hover { color:var(--c-primary); }
.rd-tab.active { color:var(--c-primary); }
.rd-tab.active::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:var(--c-primary); border-radius:3px 3px 0 0; }
.rd-body { display:grid; grid-template-columns:1fr; gap:44px; padding-top:15px; }
/* 模块块（上下排列） */
.rd-block { display:grid; grid-template-columns:1fr; gap:24px; }
.rd-block + .rd-block { padding-top:0; }
.rd-block-title { text-align:center; font-size:24px; font-weight:800; color:var(--c-text); position:relative; padding-bottom:14px; }
.rd-block-title::after { content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:48px; height:3px; background:var(--c-primary); }
/* 两组图文：左右轮播切换 —— 完全参照 banner 的 .hero-slides / .hero-track / .hero-slide 结构 */
.rd-intro-slides { position:relative; width:100%; max-width:100%; overflow:hidden; border-radius:12px; }
.rd-intro-track { display:flex; width:100%; min-width:0; transition:transform .5s ease; }
.rd-intro-slide { position:relative; flex:0 0 100%; width:100%; min-width:0; box-sizing:border-box; display:grid; grid-template-columns:1.1fr 1fr; gap:28px; align-items:center; }
/* 第二组：左文右图（交换两列的视觉位置） */
.rd-intro-slide--rev { grid-template-columns:1fr 1.1fr; }
.rd-intro-slide--rev .rd-intro-img { order:2; }
.rd-intro-slide--rev .rd-intro-text { order:1; }
.rd-intro-slide .rd-intro-img { border-radius:12px; overflow:hidden; background:#eef3fb; aspect-ratio:16/10; min-height:220px; }
.rd-intro-slide .rd-intro-img img { width:100%; height:100%; min-height:220px; object-fit:cover; display:block; }
.rd-intro-text p { margin:0; font-size:14.5px; line-height:1.85; color:#374151; text-align:justify; }
/* 左右箭头 + 圆点：放在容器外，底部一行居中（不压在图上） */
.rd-intro-slides { position:relative; width:100%; max-width:100%; overflow:hidden; border-radius:12px; }
.rd-intro-controls { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:18px; }
.rd-intro-arrow { width:44px; height:44px; border-radius:50%; border:1px solid var(--c-border); background:#f1f5f9; color:#475569; font-size:18px; cursor:pointer; display:grid; place-items:center; transition:background .2s, color .2s, border-color .2s, transform .15s, box-shadow .2s; line-height:1; flex-shrink:0; }
.rd-intro-arrow:hover { background:#0071bc; color:#fff; border-color:#0071bc; box-shadow:0 4px 14px rgba(0,113,188,.3); transform:scale(1.05); }
.rd-intro-prev { /* 同 .rd-intro-arrow，靠 .rd-intro-controls flex 排列 */ }
.rd-intro-next { /* 同上 */ }
/* 圆点 */
.rd-intro-dots { display:flex; gap:8px; align-items:center; }
.rd-intro-dots button { width:10px; height:10px; border-radius:50%; background:#cbd5e1; border:none; padding:0; cursor:pointer; transition:background .2s, transform .2s; }
.rd-intro-dots button.active { background:var(--c-primary); transform:scale(1.2); }
@media (max-width:900px){
  .rd-intro-slide, .rd-intro-slide--rev { grid-template-columns:1fr; }
  .rd-intro-slide--rev .rd-intro-img { order:0; }
  .rd-intro-slide--rev .rd-intro-text { order:0; }
  .rd-intro-arrow { width:32px; height:32px; font-size:14px; }
}
/* 特性卡片网格（标签1） */
.rd-feat-title { font-size:20px; font-weight:800; color:var(--c-text); margin-bottom:20px; }
.rd-feats { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.rd-feat { background:#fff; border:1px solid var(--c-border); border-radius:12px; padding:26px 22px; text-align:center; transition:transform .25s, box-shadow .25s, border-color .25s; }
.rd-feat:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.08); border-color:var(--c-primary); }
.rd-feat-ic { width:58px; height:58px; margin:0 auto 14px; border-radius:50%; background:#eef3fb; display:grid; place-items:center; }
.rd-feat-ic img { width:26px; height:26px; object-fit:contain; }
.rd-feat h5 { margin:0 0 8px; font-size:16px; font-weight:700; color:var(--c-text); }
.rd-feat p { margin:0; font-size:13.5px; color:var(--c-muted); line-height:1.6; }
/* 研发管理程序：每行独立的 3 列 grid（1fr 60px 1fr），
   数字圆点固定在中央列（60px），内容在两侧交替，奇数在右、偶数在左；
   中央虚线从最上方圆点中央贯穿到最下方圆点中央 */
/* 研发管理程序：横向 stepper 步骤条 */
.rd-stepper { margin:0 0 10px; }
.rd-stepper-bar { display:flex; align-items:flex-start; padding:10px 0 6px; }
.rd-step-item { flex:1; display:flex; flex-direction:column; align-items:center; cursor:pointer; position:relative; }
.rd-step-circle { width:42px; height:42px; border-radius:50%; background:#fff; border:2px solid var(--c-border); color:#94a3b8; font-size:16px; font-weight:800; display:grid; place-items:center; transition:background .25s, border-color .25s, color .25s, transform .25s, box-shadow .25s; }
.rd-step-item.is-active .rd-step-circle, .rd-step-item:hover .rd-step-circle { background:#0071bc; border-color:#0071bc; color:#fff; transform:scale(1.08); box-shadow:0 4px 14px rgba(0,113,188,.3); }
.rd-step-label { margin-top:8px; font-size:14px; color:#64748b; font-weight:600; text-align:center; transition:color .25s; }
.rd-step-item.is-active .rd-step-label, .rd-step-item:hover .rd-step-label { color:#0071bc; }
.rd-step-line { height:2px; background:#e5e7eb; align-self:center; margin:20px 0 0; flex:0 0 auto; flex-grow:0; margin-left:-6px; margin-right:-6px; transition:background .25s; }
.rd-step-line.is-done { background:#0071bc; }
.rd-stepper-bar > .rd-step-line { /* 占位：让 JS 渲染的有空隙 */ }
.rd-stepper-bar { gap:0; }
.rd-step-item + .rd-step-line { flex:1; min-width:24px; }
.rd-step-line { width:auto; }
.rd-step-detail { position:relative; min-height:120px; padding:32px 0 0; }
.rd-step-panel { display:none; }
.rd-step-panel.is-active { display:block; animation:rdFade .35s ease; }
.rd-step-panel h5 { display:none; }
.rd-step-panel p { margin:0 auto; max-width:780px; font-size:15px; color:#374151; line-height:1.9; text-align:center; }
@keyframes rdFade { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:600px){
  .rd-step-circle { width:32px; height:32px; font-size:13px; }
  .rd-step-label { font-size:11px; }
  .rd-step-panel h5 { font-size:18px; }
  .rd-step-panel p { font-size:14px; }
}
@media (max-width:900px){
  .rd-feats { grid-template-columns:1fr; }
  .rd-intro { grid-template-columns:1fr; }
}
@media (max-width:600px){
  /* 移动端已合并到上方 stepper media */
}

/* ============= 应用领域列表页 ============= */
.app-fields { display:flex; flex-direction:column; gap:24px; margin:24px 0 60px; }
.app-field {
  position:relative;
  display:block;
  min-height:240px;
  border-radius:10px;
  overflow:hidden;
  text-decoration:none;
  color:#fff;
  isolation:isolate;
  scroll-margin-top:90px;
}
.app-field-bg {
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transition:transform .5s ease;
  z-index:-2;
}
.app-field::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,71,140,.9) 0%, rgba(0,71,140,.5) 45%, rgba(0,71,140,0) 100%);
  z-index:-1;
}
.app-field--rev::after {
  background:linear-gradient(90deg, rgba(0,71,140,.9) 0%, rgba(0,71,140,.5) 45%, rgba(0,71,140,0) 100%);
}
.app-field-inner {
  position:relative;
  max-width:560px;
  padding:44px 48px;
}
.app-field-title {
  font-size:30px;
  font-weight:700;
  margin:0 0 14px;
  letter-spacing:.5px;
}
.app-field-desc {
  font-size:15px;
  line-height:1.9;
  margin:0 0 22px;
  color:rgba(255,255,255,.92);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.app-field-more {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  font-weight:600;
  padding:9px 20px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:30px;
  transition:background .25s ease, color .25s ease;
}
.app-field:hover .app-field-bg { transform:scale(1.05); }
.app-field:hover .app-field-more { background:var(--c-primary); border-color:var(--c-primary); color:#fff; }
.app-field-more .app-arrow { transition:transform .25s ease; }
.app-field:hover .app-field-more .app-arrow { transform:translateX(4px); }

/* ============= 应用领域详情页 ============= */
.app-detail { margin:18px 0 60px; }
.app-detail-title { font-size:30px; font-weight:700; color:var(--c-primary); margin:0 0 18px; }
/* 简介：全宽浅灰横条（标题下方、图片上方） */
.app-detail-intro {
  background:#f5f6f8;
  border-radius:8px;
  padding:22px 26px;
  font-size:15px;
  line-height:1.9;
  color:#444;
  margin:0 0 28px;
}
/* 图片轮播：一次显示 4 张，5 张图左右切换（复用首页产品 swiper 结构）
   箭头与轮播垂直居中，位于内容区最外侧；圆点位于轮播下方外面 */
.app-gallery-pos { position:relative; }
.app-detail-gallery {
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:8px;
}
.app-detail-gallery .swiper-slide {
  position:relative;
  border-radius:6px;
  overflow:hidden;
  background:#eef3fb;
}
.app-detail-gallery .swiper-slide img {
  width:100%;
  height:auto;
  display:block;
  transition:transform .5s ease;
}
.app-detail-gallery .swiper-slide:hover img {
  transform:scale(1.2);
}
/* 左右箭头：相对 .app-gallery-pos 垂直居中，负偏移移到内容区外侧（不压图） */
.app-gallery-arrow {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.6);
  color:#fff;
  font-size:28px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:10;
  transition:background .25s ease;
}
.app-gallery-arrow:hover { background:var(--c-primary); }
.app-gallery-prev { left:-60px; }
.app-gallery-next { right:-60px; }
/* 分页圆点（位于轮播下方外面，点击切换） */
.app-detail-dots {
  text-align:center;
  margin-top:16px;
  margin-bottom:36px;
}
.app-detail-dot {
  display:inline-block;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#c0c4cc;
  border:none;
  padding:0;
  margin:0 5px;
  cursor:pointer;
  transition:background .25s ease;
}
.app-detail-dot:hover { background:#9aa1ab; }
.app-detail-dot.active { background:var(--c-primary); }
/* 详情正文 */
.app-detail-full {
  font-size:15px;
  line-height:2.1;
  color:#444;
}

@media (max-width:900px){
  .app-detail-gallery .swiper-slide img { width:100%; height:auto; }
}
@media (max-width:600px){
  .app-field-inner { padding:30px 24px; }
  .app-field-title { font-size:24px; }
  .app-detail-intro { padding:18px 18px; }
  .app-detail-gallery { border-radius:6px; }
  .app-gallery-arrow { width:36px; height:36px; font-size:22px; }
}

/* ============= 应用领域详情页：大图弹出层（lightbox） ============= */
.app-lightbox {
  position:fixed;
  inset:0;
  z-index:1000;
  background:rgba(0,0,0,.85);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease, visibility .25s ease;
}
.app-lightbox.open { opacity:1; visibility:visible; }
.app-lightbox-body {
  max-width:90vw;
  max-height:86vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.app-lightbox-img {
  max-width:100%;
  max-height:86vh;
  width:auto;
  height:auto;
  display:block;
  border-radius:8px;
  box-shadow:0 10px 40px rgba(0,0,0,.5);
}
.app-lightbox-close {
  position:absolute;
  top:16px;
  right:20px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
  font-size:30px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .25s ease;
  z-index:1001;
}
.app-lightbox-close:hover { background:var(--c-primary); }


/* ============= 视频播放弹窗（mv.mp4） ============= */
.video-lightbox {
  position:fixed;
  inset:0;
  z-index:1100;
  background:rgba(0,0,0,.9);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease, visibility .25s ease;
}
.video-lightbox.open { opacity:1; visibility:visible; }
.video-lightbox video {
  max-width:90vw;
  max-height:86vh;
  width:auto;
  height:auto;
  border-radius:8px;
  box-shadow:0 10px 40px rgba(0,0,0,.6);
  background:#000;
  outline:none;
}
.video-lightbox .video-lightbox-close {
  position:absolute;
  top:16px;
  right:20px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
  font-size:30px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .25s ease;
  z-index:1101;
}
.video-lightbox .video-lightbox-close:hover { background:var(--c-primary); }

/* ============= 产品中心页（products.html）============= */
/* 页面头部：面包屑靠左，搜索靠右两端对齐 */
.page-head {
  display:flex;
  align-items:center;
  gap:16px;
  margin:6px 0 18px;
  flex-wrap:wrap;
}
.page-head .breadcrumb { margin:0; }

/* 搜索模块：自适应宽度，靠 margin-left:auto 推到最右；窄屏时换行到面包屑下方 */
.prod-search {
  display:flex;
  gap:12px;
  flex:1 1 240px;
  min-width:0;
  max-width:320px;
  margin-left:auto;
}
.prod-search-input {
  flex:1 1 auto;
  min-width:0;
  height:44px;
  padding:0 16px;
  border:1px solid #d4d9e2;
  border-radius:6px;
  font-size:15px;
  color:#222;
  background:#fff;
  outline:none;
  transition:border-color .2s;
}
.prod-search-input:focus { border-color:var(--c-primary); }
.prod-search-input::placeholder { color:#9aa3b2; }
.prod-search-btn {
  height:44px;
  padding:0 26px;
  border:none;
  border-radius:6px;
  background:var(--c-primary);
  color:#fff;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  transition:background .2s;
  flex-shrink:0;
  white-space:nowrap;
}
.prod-search-btn:hover { background:#005a99; }
/* 无结果提示 */
.prod-empty {
  padding:30px 0;
  color:var(--c-muted);
  font-size:15px;
}
/* ============= 产品详情页（product-detail.html）============= */
/* 顶部产品分类菜单：横排 + 激活下拉 */
.pdm-menu {
  display:flex;
  align-items:stretch;
  border-bottom:1px solid #e2e8f0;
  background:#fff;
  margin-top:-1px;
  padding:0;
}
.pdm-item {
  position:relative;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:16px 12px;
  color:#333;
  font-size:15px;
  cursor:pointer;
  border-right:1px solid #e2e8f0;
  transition:background .2s, color .2s;
}
.pdm-item:last-child { border-right:none; }
.pdm-item:hover,
.pdm-item.is-active {
  background:var(--c-primary);
  color:#fff;
}
.pdm-item .pdm-link { color:inherit; text-decoration:none; flex:1; text-align:center; }
.pdm-item .pdm-caret { font-size:12px; opacity:.7; }
.pdm-item.is-active .pdm-caret,
.pdm-item:hover .pdm-caret { opacity:1; }
.pdm-dropdown {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  right:0;
  background:#fff;
  border:1px solid #e2e8f0;
  border-top:none;
  box-shadow:0 6px 14px rgba(0,0,0,.06);
  z-index:20;
  flex-direction:column;
  min-width:160px;
}
.pdm-item:hover .pdm-dropdown,
.pdm-item.is-hover .pdm-dropdown { display:flex; }
.pdm-dropdown a {
  display:block;
  padding:12px 16px;
  color:#333;
  text-decoration:none;
  font-size:14px;
  border-bottom:1px solid #f1f5f9;
  transition:background .15s;
}
.pdm-dropdown a:last-child { border-bottom:none; }
.pdm-dropdown a:hover { background:#f5f8fb; color:var(--c-primary); }

/* 上部：产品图(左) + 基本信息(右) */
.pd-top {
  display:flex;
  gap:40px;
  margin:24px 0 36px;
  align-items:flex-start;
}
.pd-gallery {
  flex:0 0 45%;
  max-width:480px;
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.pd-gallery .pd-gallery-main { flex:1; min-width:0; }
/* 主图：正方形、圆角、悬停显示左右箭头（复用 Wellsun 产品图样式） */
.pd-gallery-main {
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-radius:16px;
  overflow:hidden;
  background:#f4f6fa;
  border:1px solid #e2e8f0;
}
.pd-gallery-main img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:opacity .45s ease;
}
.pd-gallery-main img.is-switching { opacity:0; }
.pd-gallery-arrow {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  padding:0;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:#1a2233;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  opacity:0;
  transition:opacity .25s ease, background .2s ease;
}
.pd-gallery-arrow svg { width:20px; height:20px; display:block; }
.pd-gallery-arrow.prev { left:14px; }
.pd-gallery-arrow.next { right:14px; }
.pd-gallery-main:hover .pd-gallery-arrow { opacity:1; }
.pd-gallery-arrow:hover { background:#fff; opacity:1; }
/* 缩略图条：竖排在大图右侧 */
.pd-gallery-thumbs {
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:0 0 64px;
}
.pd-gallery-thumbs .thumb {
  width:64px; height:64px; padding:0; border-radius:10px; overflow:hidden;
  border:2px solid transparent; background:none; cursor:pointer;
  transition:border-color .25s ease, transform .25s ease;
}
.pd-gallery-thumbs .thumb:hover { transform:translateY(-2px); }
.pd-gallery-thumbs .thumb img { width:100%; height:100%; object-fit:cover; }
.pd-gallery-thumbs .thumb.active { border-color:var(--c-primary); }
.pd-info { flex:1; min-width:0; }
/* 产品名称上方的系列标签（如“黄药系列”） */
.pd-series-tag {
  display:inline-block;
  padding:5px 14px;
  margin:0 0 28px;
  font-size:13px;
  font-weight:600;
  color:var(--c-primary);
  background:rgba(0,113,188,.10);
  border:1px solid rgba(0,113,188,.25);
  border-radius:6px;
  letter-spacing:.04em;
}
.pd-name {
  font-size:26px;
  font-weight:700;
  color:#1a2233;
  margin:0 0 16px;
  line-height:1.3;
}
.pd-intro {
  font-size:15px;
  line-height:1.8;
  color:#4a5568;
  margin:0 0 28px;
}
.pd-order-btn {
  display:inline-block;
  padding:12px 32px;
  background:var(--c-primary);
  color:#fff;
  text-decoration:none;
  border-radius:6px;
  font-size:15px;
  font-weight:600;
  transition:background .2s;
}
.pd-order-btn:hover { background:#005a99; }

/* 下部：标签切换 */
.pd-tabs { margin:30px 0 60px; }
.pd-tab-bar {
  display:flex;
  border-bottom:2px solid #e2e8f0;
  margin-bottom:24px;
  gap:0;
}
.pd-tab {
  padding:14px 32px;
  background:transparent;
  border:none;
  border-bottom:3px solid transparent;
  margin-bottom:-2px;
  color:#64748b;
  font-size:16px;
  font-weight:500;
  cursor:pointer;
  transition:color .2s, border-color .2s;
}
.pd-tab:hover { color:var(--c-primary); }
.pd-tab.is-active {
  color:var(--c-primary);
  border-bottom-color:var(--c-primary);
  font-weight:600;
}
.pd-tab-panel {
  display:none;
  font-size:15px;
  line-height:1.9;
  color:#333;
  padding:8px 0;
}
.pd-tab-panel.is-active { display:block; }
.pd-tab-panel p { margin:0 0 12px; }

/* 质量指标行 */
.pd-spec-row {
  display:flex;
  gap:24px;
  padding:12px 0;
  border-bottom:1px dashed #e2e8f0;
}
.pd-spec-row:last-child { border-bottom:none; }
.pd-spec-k {
  flex:0 0 140px;
  color:#64748b;
  font-weight:500;
}
.pd-spec-v {
  flex:1;
  color:#1a2233;
}

@media (max-width:900px){
  .pd-top { flex-direction:column; }
  .pd-gallery { flex:1 1 auto; max-width:none; }
  .pdm-menu { flex-wrap:wrap; }
  .pdm-item { flex:0 0 50%; border-bottom:1px solid #e2e8f0; }
}

/* ============= 关于我们内页（about.html）============= */
/* 公司简介：2 行交替（左右图片/文字） */
.about-intro { margin:30px 0 50px; }
.about-row {
  transition:transform .35s ease, box-shadow .35s ease;
  border-radius:10px;
  padding:10px;
}
.about-row:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 26px rgba(0,0,0,.06);
}
.about-row-img-el {
  width:100%;
  height:auto;
  display:block;
  transition:transform .5s ease;
}
.about-row:hover .about-row-img-el {
  /*transform:scale(1.25);*/
}
/* 数据板（去掉图标）：数字 + 标签 横排 */
.about-stats {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-bottom:22px;
}
.about-stat {
  text-align:center;
  padding:14px 8px;
  border:1px solid #e2e8f0;
  border-radius:8px;
  background:#fff;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.about-stat:hover {
  transform:translateY(-4px);
  box-shadow:0 10px 22px rgba(0,0,0,.08);
  border-color:var(--c-primary);
}
.about-stat-num { transition:color .3s ease; }
.about-stat:hover .about-stat-num { color:#005a99; }
.about-stat-num {
  font-size:26px;
  font-weight:800;
  color:var(--c-primary);
  line-height:1.1;
  margin-bottom:6px;
}
.about-stat-num small { font-size:16px; }
.about-stat-label {
  font-size:12.5px;
  color:#64748b;
  line-height:1.4;
}
@media (max-width:600px){
  .about-stats { grid-template-columns:repeat(2,1fr); }
}
/* 页面块标题：居中 + 下方蓝色短线居中 */
.about-block-title {
  text-align:center;
  font-size:24px;
  font-weight:800;
  color:var(--c-text);
  position:relative;
  padding-bottom:14px;
  margin:0 0 26px;
}
.about-block-title::after {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:48px;
  height:3px;
  background:var(--c-primary);
}
.about-row {
  display:flex;
  align-items:center;
  gap:40px;
  margin-bottom:36px;
}
.about-row:last-child { margin-bottom:0; }
.about-row--img-right { flex-direction:row-reverse; }
.about-row-img {
  flex:0 0 45%;
  max-width:480px;
  border-radius:10px;
  overflow:hidden;
  border:1px solid #e2e8f0;
  background:#f4f6fa;
  position:relative;
}
/* 第一张图右下角播放按钮（复用首页 .about-img .play 风格） */
.about-row-img .play {
  position:absolute;
  bottom:22px;
  right:22px;
  width:52px;
  height:52px;
  border-radius:50%;
  background:rgba(0,0,0,.55);
  border:2px solid rgba(255,255,255,.85);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background .2s, transform .2s;
  z-index:2;
}
.about-row-img .play:hover { background:var(--c-primary); transform:scale(1.08); }
.about-row-img .play::after {
  content:"";
  width:0;
  height:0;
  border-left:16px solid #fff;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  margin-left:5px;
}
.about-row-text { flex:1; min-width:0; }
.about-row-text p {
  margin:0 0 14px;
  font-size:15px;
  line-height:1.85;
  color:#333;
}
.about-row-text p:last-child { margin-bottom:0; }

/* 企业文化：通栏背景图充满页面宽度（突破内容区宽度限制） */
.about-culture {
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-top:40px;
  margin-bottom:50px;
  overflow:hidden;
  min-height:340px;
  border-radius:0;
}
.about-culture-bg {
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  z-index:0;
}
.about-culture-bg::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.55) 100%);
}
.about-culture-inner {
  position:relative;
  z-index:1;
  max-width:1200px;
  margin:0 auto;
  padding:56px 16px;
  text-align:center;
  color:#fff;
}
.about-culture-title {
  font-size:28px;
  font-weight:700;
  margin:0 0 36px;
  letter-spacing:2px;
}
.about-culture-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  max-width:900px;
  margin:0 auto;
}
.about-culture-card {
  position:relative;
  padding:22px 16px;
  text-align:center;
  border-radius:12px;
  transition:transform .35s ease, background .35s ease, box-shadow .35s ease;
}
.about-culture-card > * { position:relative; z-index:1; }
/* 渐变背景块：在卡片内部，宽度=卡片宽；高度由 JS 设置 CSS 变量 --culture-h（=背景图高度），
   hover 本卡片时从 0 过渡到该高度（从上到下展开） */
.about-grad {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(13,38,79,.8) 0%, rgba(13,38,79,0) 100%);
  transition:height .5s ease;
}
.about-culture-card:hover .about-grad { height:var(--culture-h); }
.about-culture-card:hover {
  transform:translateY(-6px);
  background:rgba(255,255,255,.06);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
/* 圆形描边图标（参考企业文化参考图） */
.about-culture-icon {
  width:80px;
  height:80px;
  margin:0 auto 18px;
  border:1.5px solid rgba(255,255,255,.75);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  transition:transform .35s ease, border-color .35s ease, color .35s ease, background .35s ease;
}
.about-culture-icon svg {
  width:36px;
  height:36px;
  display:block;
  transition:transform .35s ease;
}
.about-culture-card:hover .about-culture-icon {
  transform:scale(1.12);
  border-color:#fff;
  background:rgba(255,255,255,.12);
}
.about-culture-card:hover .about-culture-icon svg {
  transform:scale(1.08);
}
.about-culture-card h3 {
  font-size:26px;
  font-weight:700;
  margin:0 0 14px;
  letter-spacing:1px;
}
/* 标题下居中短横线 */
.about-culture-line {
  width:32px;
  height:2px;
  background:rgba(255,255,255,.7);
  margin:0 auto 20px;
}
.about-culture-card p {
  margin:0 0 10px;
  font-size:16px;
  line-height:1.8;
  color:rgba(255,255,255,.92);
}

/* 资质荣誉：左侧介绍 + 右侧 3D 旋转切换 */
.about-honors {
  margin:50px 0 60px;
}

/* 组织架构：标题 + 图片，从上到下逐渐出现 */
.about-org {
  margin:0 0 60px;
}
.about-org-img-wrap {
  width:100%;
  margin:0 auto;
  overflow:hidden;
  opacity:1 !important;
  transform:none !important;
  animation:aboutOrgReveal 1.4s ease forwards;
}
.about-org-img {
  width:100%;
  height:auto;
  display:block;
}
/* 组织架构图片动画：蒙版遮住后从上到下一点点拉出 */
@keyframes aboutOrgReveal {
  from { clip-path:inset(0 0 100% 0); }
  to   { clip-path:inset(0 0 0 0); }
}

/* 董事长致辞：正常流式容器，仅背景图突破内容区铺满页面宽度 */
.about-chairman {
  position:relative;
  margin:60px 0;
  min-height:460px;
  overflow:visible;
}
.about-chairman-bg {
  position:absolute;
  top:0;
  bottom:0;
  left:calc(50% - 50vw);
  width:100vw;
  background-size:cover;
  background-position:center;
  z-index:0;
}
.about-chairman-bg::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.15) 60%, rgba(0,0,0,.05) 100%);
}
/* 人物照片：浮在背景图之上，右对齐到内容区右侧、下对齐 */
.about-chairman-photo {
  position:absolute;
  right:max(0px, calc((100% - 1200px) / 2));
  bottom:0;
  z-index:2;
  height:calc(100% + 0px);
  max-height:560px;
  width:auto;
  display:block;
  object-fit:contain;
  object-position:bottom right;
}
/* 左侧内容：标题 + 文字 + 了解更多（与内容区同宽，文字靠左对齐） */
.about-chairman-content {
  position:relative;
  z-index:3;
  max-width:1200px;
  margin:0 auto;
  padding:80px 16px;
  color:#fff;
  text-align:left;
}
.about-chairman-content .about-chairman-title-area,
.about-chairman-content .about-chairman-text,
.about-chairman-content .about-chairman-more {
  max-width:640px;
}
.about-chairman-kicker {
  font-size:18px;
  color:rgba(255,255,255,.85);
  margin:0 0 14px;
  letter-spacing:2px;
}
.about-chairman-name {
  font-family:"STKaiti","KaiTi","楷体",serif;
  font-size:56px;
  font-weight:700;
  color:#fff;
  margin:0 0 26px;
  line-height:1.1;
}
.about-chairman-text {
  font-size:15px;
  line-height:2;
  color:rgba(255,255,255,.95);
  margin:0 0 28px;
  max-width:640px;
}
.about-chairman-more {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 30px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.7);
  background:rgba(255,255,255,.12);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  transition:background .2s;
}
.about-chairman-more:hover {
  background:var(--c-primary);
  border-color:var(--c-primary);
  color:#fff;
}
@media (max-width:900px){
  .about-chairman { min-height:auto; }
  .about-chairman-photo { position:relative; right:auto; bottom:auto; width:100%; height:auto; max-height:none; object-position:center; }
  .about-chairman-content { width:100%; max-width:none; padding:50px 16px; text-align:center; }
  .about-chairman-name { font-size:38px; }
}

/* ============= 董事长致辞详情页（chairman-detail.html）============= */
.chairman-detail {
  margin:28px 0 60px;
  color:#333;
  line-height:1.9;
}
.chairman-detail-title {
  font-size:30px;
  font-weight:800;
  color:#1a2233;
  margin:0 0 22px;
  text-align:left;
  position:relative;
  padding-bottom:16px;
}
/* 标题中的人名（"田华囝"）单独用楷体，与 about.html .about-chairman-name 风格一致 */
.chairman-detail-name {
  font-family:"STKaiti","KaiTi","楷体",serif;
  margin-left:6px;
}
.chairman-detail-title::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:56px;
  height:3px;
  background:var(--c-primary);
}
/* 图文混排：文字在左、图片居右 */
.chairman-detail-lead {
  display:flex;
  gap:30px;
  align-items:flex-start;
  margin-bottom:20px;
}
.chairman-detail-lead-text {
  flex:1;
  min-width:0;
}
.chairman-detail-photo {
  flex:0 0 300px;
  max-width:40%;
  width:100%;
  height:auto;
  border-radius:10px;
  border:1px solid #e2e8f0;
  box-shadow:0 8px 24px rgba(0,0,0,.1);
}
.chairman-detail-lead p {
  margin:0 0 16px;
  font-size:16px;
  line-height:2;
}
.chairman-detail-lead p:last-child { margin-bottom:0; }
/* 正文段落 */
.chairman-detail-body p {
  font-size:15.5px;
  line-height:2;
  margin:0 0 18px;
}
/* 小标题：加粗变色 */
.chairman-detail-sub {
  font-size:18px;
  font-weight:800;
  color:var(--c-primary);
  margin:28px 0 14px;
  border-left:4px solid var(--c-primary);
  padding-left:12px;
}
@media (max-width:768px){
  .chairman-detail-lead { flex-direction:column; }
  .chairman-detail-photo { flex:0 0 auto; max-width:100%; }
}

/* 员工风采：一字不漏照抄服务中心合作企业（cert）滚动结构 */
.about-staff {
  margin:0 0 60px;
}
.staff-wrap {
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
}
.staff-arrow {
  width:40px; height:40px; border-radius:50%;
  border:1px solid #d1d5db; background:#e5e7eb;
  color:#475569; font-size:22px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; transition:all .2s;
}
.staff-arrow:hover { color:var(--c-primary); border-color:var(--c-primary); background:#dbeafe; }
.staff-arrow.disabled { opacity:.35; cursor:not-allowed; pointer-events:none; }
.staff-row {
  flex:1; min-width:0;
  display:flex; align-items:center; justify-content:flex-start; gap:16px;
  flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none;
  padding:12px 0; box-sizing:border-box;
}
.staff-row::-webkit-scrollbar { display:none; }
.staff-item {
  flex:0 0 calc((100% - 48px) / 4);  /* 精准：4张+3gap(16×3=48) 填满 staff-row 内容区 */
  aspect-ratio:1/1;
  display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid #e2e8f0; border-radius:10px;
  padding:6px; box-sizing:border-box;
  flex-shrink:0;
  transition:transform .28s ease, box-shadow .28s ease;
}
.staff-item:hover { transform:scale(1.06) translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.12); }
.staff-item img {
  max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;
  display:block; transition:transform .4s ease;
}
.staff-item:hover img { transform:scale(1.1); }

.about-section-title {
  text-align:center;
  font-size:26px;
  font-weight:700;
  color:#1a2233;
  margin:0 0 30px;
}
/* 介绍文字：居中，标题下方蓝色短线 */
.about-honors-head {
  text-align:center;
  margin-bottom:26px;
}
.about-honors-head h3 {
  display:inline-block;
  font-size:24px;
  font-weight:800;
  color:#1a2233;
  position:relative;
  padding-bottom:14px;
  margin:0 0 16px;
}
.about-honors-head h3::after {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:48px;
  height:3px;
  background:var(--c-primary);
}
.about-honors-desc {
  font-size:14.5px;
  color:#4a5568;
  line-height:1.8;
  margin:0;
}
/* 图片区：占满内容区宽度、居中 */
.about-honors-right {
  position:relative;
  width:100%;
  height:470px;
  perspective:1200px;
  margin-top:-20px;
}
/* 首页荣誉资质区（同关于我们样式） */
.home-honors { padding:60px 0 70px; }
.home-honors .about-honors-head { margin-bottom:30px; }
/* 荣誉资质标题：相对定位以承载下方蓝色短线 */
.home-honors .section-head .section-title {
  position:relative;
  padding-bottom:16px;
  margin-bottom:6px;
}
.home-honors .section-head .section-title::after {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:48px;
  height:3px;
  background:var(--c-primary);
}

/* 荣誉资质 3D 旋转（about 页专用类，避免与首页 .cert-* 冲突） */
.ah-carousel {
  position:relative;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
}
.ah-track {
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ah-item {
  position:absolute;
  width:300px;
  height:400px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  cursor:pointer;
  transition:transform .6s ease, opacity .6s ease;
}
.ah-item img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:6px;
  box-shadow:0 8px 30px rgba(0,0,0,.15);
}
.ah-dots {
  position:absolute;
  bottom:8px;
  left:0;
  right:0;
  display:flex;
  justify-content:center;
  gap:10px;
  z-index:200;
}
.ah-dot {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#cbd5e1;
  cursor:pointer;
  border:none;
  padding:0;
  transition:background .2s;
}
.ah-dot.active { background:var(--c-primary); }

@media (max-width:900px){
  .about-row, .about-row--img-right { flex-direction:column; }
  .about-row-img { flex:1 1 auto; max-width:none; width:100%; }
  .about-honors-right { height:340px; }
  .about-culture-grid { grid-template-columns:1fr; gap:24px; }
}

/* 滚动进入出现效果（data-reveal） */
[data-reveal] {
  opacity:0;
  transform:translateY(28px);
  transition:opacity .6s ease, transform .6s ease;
}
[data-reveal].is-revealed {
  opacity:1;
  transform:translateY(0);
}
@media (prefers-reduced-motion: reduce){
  [data-reveal] { opacity:1; transform:none; transition:none; }
}

.products-list { margin:26px 0 60px; }
.prod-row {
  display:flex;
  align-items:stretch;
  gap:40px;
  padding:28px 0;
  border-bottom:1px solid #eef0f4;
  scroll-margin-top:90px;
}
.prod-row:last-child { border-bottom:none; }
/* 左栏：标题 + 计数 + 左右按钮 */
.prod-side {
  flex:0 0 240px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:16px;
}
.prod-title {
  font-size:26px;
  font-weight:700;
  color:var(--c-primary);
  margin:0;
}
.prod-title-sub {
  font-size:13px;
  line-height:1.7;
  color:#8a94a6;
  margin:6px 0 0;
}
.prod-count {
  font-size:14px;
  color:#9aa1ab;
  letter-spacing:1px;
}
.prod-nav { display:flex; gap:12px; }
.prod-nav-btn {
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid #e5e8ee;
  background:#f0f2f5;
  color:var(--c-primary);
  font-size:22px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .25s ease, color .25s ease, border-color .25s ease;
}
.prod-nav-btn:hover { background:var(--c-primary); border-color:var(--c-primary); color:#fff; }
/* 右栏：产品卡视口（overflow 隐藏），内部 track 横向滑动切换 */
.prod-cards {
  flex:1;
  min-width:0;
  overflow:hidden;
  padding-top:6px;
}
.prod-cards-track {
  display:flex;
  transition:transform .45s ease;
  will-change:transform;
}
.prod-card {
  flex:0 0 33.3333%;
  min-width:0;
  box-sizing:border-box;
}
.prod-card-inner {
  position:relative;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:8px;
  padding:16px;
  margin-right:20px;
  text-align:center;
  height:100%;
  transition:box-shadow .25s ease, transform .25s ease;
}
.prod-card:hover .prod-card-inner {
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  transform:translateY(-3px);
  border-color:#d4d8e0;
}
/* 底部文字区（含箭头按钮）：hover 时整块变深蓝、文字变白，箭头纳入深蓝条 */
.prod-card-text {
  position:relative;
  background:transparent;
  transition:background .25s ease;
  padding:10px 52px 14px 10px;
  border-radius:0 0 6px 6px;
}
.prod-card:hover .prod-card-text { background:var(--c-primary); }
.prod-card:hover .prod-card-name,
.prod-card:hover .prod-card-desc { color:#fff; }
/* 正方形图片 */
.prod-card-img {
  display:block;
  border-radius:6px;
  overflow:hidden;
  aspect-ratio:1/1;
  margin-bottom:14px;
}
.prod-card-img img { width:100%; height:100%; object-fit:cover; display:block; }
.prod-card-name {
  font-size:15px;
  font-weight:600;
  color:var(--c-text);
  margin:0 0 4px;
}
.prod-card-desc {
  font-size:13px;
  color:#7a8494;
  line-height:1.6;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:40px;
}
/* 右下角圆形箭头按钮（位于 .prod-card-text 深蓝条内右下） */
.prod-card-arrow {
  position:absolute;
  right:8px;
  bottom:10px;
  width:34px;
  height:34px;
  border-radius:50%;
  border:none;
  background:var(--c-primary);
  color:#fff;
  font-size:16px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .25s ease;
}
.prod-card:hover .prod-card-arrow {
  background:#fff;
  color:var(--c-primary);
}

@media (max-width:900px){
  .prod-row { flex-direction:column; gap:20px; }
  .prod-side { flex:0 0 auto; flex-direction:row; align-items:center; gap:16px; }
  .prod-nav { margin-left:auto; }
}
@media (max-width:600px){
  .prod-cards { grid-template-columns:1fr; gap:16px; }
}

/* 应用领域页 banner 直接复用新闻页 .inner-banner--text 样式，无额外处理 */