/* ============================================================
   Yuejiujiu — Responsive & Visual Polish Layer
   ------------------------------------------------------------
   加载顺序：必须在 reset.css / index.css / herder.css 之后
   作用：
     1. 解除 body{min-width:1200px} 等移动端阻塞
     2. 补齐小屏 rem 基准（原站只有 >=1263px 的档位）
     3. 固定宽度容器改流式
     4. 顶部导航改汉堡抽屉
     5. 页脚 flex 改堆叠
     6. 统一排版层级 / 间距 / 圆角 / 阴影，提升美感
   ============================================================ */

/* ============================ 0. 变量 ============================ */
:root {
  --brand: #cc0000;
  --brand-dark: #a30000;
  --brand-soft: #fff1f0;
  --ink: #1a1a1a;
  --ink-2: #404040;
  --ink-3: #595959;
  --ink-4: #8c8c8c;
  --line: #ebebeb;
  --bg: #ffffff;
  --bg-soft: #f7f7f7;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);
  --shadow: 0 4px 16px rgba(0, 0, 0, .08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);
  --wrap: 1200px;
  --ease: cubic-bezier(.4, 0, .2, 1);
}

/* ==================== 1. 根因修复：解除移动端阻塞 ==================== */

/* 原站 body{min-width:1200px;overflow:hidden} 是手机端最大阻塞：
   min-width 强制横向滚动，overflow:hidden 又把溢出内容裁掉。 */
html {
  overflow-y: auto;
  /* 连续缩放，替代原站 1263/1349/…/1903 的阶梯跳变 */
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  min-width: 0 !important;
  width: 100%;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial,
    'PingFang SC', 'Microsoft YaHei', sans-serif;
  color: var(--ink-2);
  background: var(--bg);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 所有元素统一盒模型，杜绝 padding 撑破布局 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 媒体元素永不溢出 */
img,
video,
iframe,
svg,
canvas {
  max-width: 100%;
  height: auto;
}

/* 内联固定宽度（如 width:406px 的图片/二维码）在窄屏会撑破布局。
   !important 可压制内联样式，用 max-width 封顶到视口宽度。 */
[style*="width:"] {
  max-width: 100% !important;
}

/* 长串英文/数字强制换行，防止撑破窄屏 */
p,
li,
td,
th,
dd,
dt,
h1, h2, h3, h4, h5, h6,
a,
span,
div {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* 预格式化与代码块允许横滑 */
pre,
code,
table {
  max-width: 100%;
}

/* ==================== 2. 容器：固定宽度改流式 ==================== */

.blk-main,
.blk-max-main,
.content01,
.contenttb,
.plc,
.cont,
.wrap,
.container {
  width: 100% !important;
  max-width: var(--wrap);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* 原本没有样式的裸容器，补回安全内边距 */
.contenttb,
.plc,
.cont {
  max-width: var(--wrap);
}

/* ==================== 3. 顶部导航 ==================== */

.head {
  width: 100%;
  left: 0;
  top: 0;
}

.head .h_nr {
  width: 100%;
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  gap: 16px;
}

.head .logo {
  display: flex;
  align-items: center;
  gap: 10px;
  float: none;
  flex-shrink: 0;
}

.head .logo .t_logo {
  float: none;
  margin: 0;
  display: flex;
  align-items: center;
}

.head .h_con {
  display: flex;
  align-items: center;
  gap: 20px;
  float: none;
}

.head .h_con .nav ul {
  float: none;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 2px;
}

.head .h_con .nav li {
  float: none;
}

/* === 桌面导航字号/间距：让 9 项在 1200px 容器内不被截断 === */
.head .h_con .nav li > a {
  font-size: 0.78rem !important;
  padding: 0 0.4rem !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
}

/* 当前项指示条贴合文字 */
.head .h_con .nav li.cur::before,
.head .h_con .nav ul li:hover::before {
  top: auto;
  bottom: .55rem;
  width: 1rem;
  margin-left: -0.5rem;
}

/* --- 汉堡按钮（默认隐藏，小屏显示） --- */
.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  z-index: 120;
}

.nav-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  margin: 5px auto;
  background: #fff;
  border-radius: 2px;
  transition: transform .3s var(--ease), opacity .2s var(--ease);
}

.head.headFix .nav-toggle span,
body.nav-open .nav-toggle span {
  background: var(--ink);
}

/* 打开态：整条 head 提到最高层，避免抽屉被客服浮窗等定位元素盖住 */
body.nav-open .head,
body.nav-open .head.headFix {
  z-index: 200 !important;
}

/* 打开态：三条线变叉 */
body.nav-open .nav-toggle span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

body.nav-open .nav-toggle span:nth-child(2) {
  opacity: 0;
}

body.nav-open .nav-toggle span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* 抽屉遮罩 */
.nav-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .45);
  z-index: 90;
  opacity: 0;
  transition: opacity .3s var(--ease);
}

body.nav-open .nav-backdrop {
  display: block;
  opacity: 1;
}

/* ==================== 4. 页脚 ==================== */

.f_bg {
  height: auto;
  padding: 3.5rem 0 0;
  background-size: cover;
}

.f_con {
  width: 100%;
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 20px;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}

.f_nav {
  width: 100%;
  max-width: 660px;
  flex: 1 1 380px;
}

.f_er {
  width: 100%;
  flex: 1 1 260px;
}

.f_bt {
  width: 100%;
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 20px;
  height: auto;
  min-height: 4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.f_ma {
  float: none;
  width: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

.f_ma i {
  float: none;
  line-height: 1.5;
}

.f_ma ul {
  float: none;
  margin: 0;
  display: flex;
  gap: 10px;
}

.f_ma ul li {
  float: none;
  margin: 0;
}

/* ==================== 5. 右侧悬浮客服 ==================== */
.client-2 {
  z-index: 80;
}

/* ==================== 6. 内容排版美化（全宽度生效） ==================== */

/* 正文行高与字号 */
.endit-content,
.endit101-content {
  line-height: 1.9;
  font-size: 15px;
  color: var(--ink-2);
}

.endit-content p,
.endit101-content p {
  margin: 1em 0;
}

/* 标题层级 */
h1, h2, h3, h4, h5, h6 {
  color: var(--ink);
  font-weight: 600;
  line-height: 1.35;
  margin: 0 0 .6em;
}

/* === About Us 标题清理：去除内嵌 b 标签的红色与底部花纹红线 === */
.yz_con .yz_l h3 i b {
  color: inherit !important;
  font-weight: 600 !important;
}
.yz_con .yz_l h3 i {
  background: none !important;
  height: auto !important;
  margin-top: 0.5rem !important;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--brand);
  display: inline-block;
}
.yz_con .yz_l h3 span {
  color: var(--ink) !important;
  font-weight: 600;
  position: relative;
  padding-bottom: .8rem;
}
.yz_con .yz_l h3 span::after {
  content: "";
  display: block;
  width: 36px;
  height: 3px;
  background: var(--brand);
  margin-top: .5rem;
  border-radius: 2px;
}

/* === About Us 整体背景净化：去除花哨背景图，改简洁底色 === */
.yz {
  background: var(--bg-soft) !important;
  background-image: none !important;
}

/* === 首页大 banner：图片上的中文水印覆盖不上，但可加深图片对比让英文更可读；
       减小导航溢出对整体视觉的影响 === */
.ty-banner-1 {
  position: relative;
  overflow: hidden;
}

/* === 标题区（.tit）居中 + 克制底色 === */
.tit {
  text-align: center !important;
  padding: 2.5rem 0 !important;
  margin: 0 !important;
  background: none !important;
}
.tit span {
  font-size: 1.5rem !important;
  color: var(--ink) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  display: inline-block !important;
  position: relative;
  padding-bottom: .8rem;
}
.tit span::after {
  content: "";
  display: block;
  width: 36px;
  height: 3px;
  background: var(--brand);
  margin: .5rem auto 0;
  border-radius: 2px;
}
.tit em,
.tit i {
  color: var(--ink-3) !important;
  font-style: normal !important;
  font-size: .9rem !important;
  display: block;
  margin-top: .4rem;
}

/* === 右侧悬浮客服：收敛风格，避免三个大圆抢戏 === */
.client-2 {
  z-index: 80;
  opacity: .88;
  transform: scale(.9);
  transform-origin: center right;
  transition: opacity .3s var(--ease), transform .3s var(--ease);
}
.client-2:hover {
  opacity: 1;
  transform: scale(1);
}
.client-2 li {
  box-shadow: var(--shadow);
  border-radius: 50%;
  overflow: hidden;
  background: #fff !important;
  border: 1px solid var(--line);
}
.client-2 li.my-kefu-shouye {
  background: var(--brand) !important;
  border-color: var(--brand);
}
.client-2 li.my-kefu-shouye a {
  color: #fff;
}

/* === 产品分类卡片：去掉右下角突兀的客服头像背景图 === */
.pro_z {
  background-image: none !important;
  background-color: var(--bg-soft);
  border-radius: var(--radius);
  height: auto !important;
  min-height: 10rem;
  padding: 1.5rem 1.6rem !important;
  border: 1px solid var(--line);
  transition: border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);
}
.pro_z:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}


/* === 首页 banner：图片含中文水印，叠英文标题层 + 半透明蒙版 === */
.ty-banner-1,
.banner {
  position: relative;
}
.ty-banner-1::after,
.banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.45) 60%, rgba(0,0,0,.25) 100%);
  z-index: 2;
  pointer-events: none;
}
/* 让 banner 图片本身降低对比，把中文水印弱化 */
.ty-banner-1 .swiper-slide img,
.banner .swiper-slide img {
  filter: brightness(.55) saturate(.7);
}
.banner-tit-overlay {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  pointer-events: none;
  width: min(92%, 920px);
  padding: 2.2rem 2.6rem;
  background: rgba(0, 0, 0, .55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .25);
}
.banner-tit-overlay h2,
.banner-tit-overlay h1 {
  font-size: clamp(1.7rem, 4.4vw, 3.4rem);
  font-weight: 800;
  margin: 0 0 .8rem;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-shadow: 0 2px 12px rgba(0,0,0,.6);
  color: #fff;
}
.banner-tit-overlay p {
  font-size: clamp(.9rem, 1.6vw, 1.15rem);
  margin: 0 0 .8rem;
  opacity: .95;
  text-shadow: 0 1px 4px rgba(0,0,0,.5);
}
.banner-tit-overlay .badge {
  display: inline-block;
  background: linear-gradient(135deg, #cc0000, #e63030);
  color: #fff;
  padding: .45rem 1.1rem;
  border-radius: 999px;
  font-size: clamp(.85rem, 1.3vw, 1rem);
  font-weight: 700;
  margin: 0 0 1rem;
  box-shadow: 0 4px 14px rgba(204,0,0,.4);
  text-shadow: none;
}
.banner-tit-overlay .badge span {
  letter-spacing: .02em;
}
.banner-tit-overlay .badge i {
  font-style: normal;
  opacity: .92;
  font-weight: 500;
  margin-left: .35em;
}
.banner-tit-overlay .sub {
  font-size: clamp(.85rem, 1.4vw, 1.05rem);
  opacity: .9;
  margin-bottom: 1.4rem;
}
.banner-tit-overlay .ctas {
  display: flex;
  gap: .9rem;
  justify-content: center;
  flex-wrap: wrap;
  pointer-events: auto;
}
.cta {
  display: inline-block;
  padding: .7rem 1.9rem;
  border-radius: 999px;
  font-weight: 600;
  pointer-events: auto;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);
  text-shadow: none;
  letter-spacing: .01em;
  font-size: .98rem;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.2;
}
.banner-tit-overlay .cta-primary {
  background: var(--brand);
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(204,0,0,.35);
}
.banner-tit-overlay .cta-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(204,0,0,.5);
  color: #fff;
}
.banner-tit-overlay .cta-secondary {
  background: rgba(255, 255, 255, .14);
  color: #fff !important;
  border: 1.5px solid rgba(255, 255, 255, .55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.banner-tit-overlay .cta-secondary:hover {
  background: rgba(255, 255, 255, .26);
  border-color: #fff;
  transform: translateY(-2px);
  color: #fff;
}

/* === 装饰性红色色块（避开内容区）：常见于 .color-red/.decor/.bg-red 类 === */
[class*="color-red"],
[class*="bg-red"] {
  opacity: .85;
}

/* 面包屑 */
.p101-curmbs-1 {
  background: var(--bg-soft);
  border-bottom: 1px solid var(--line);
}

.p101-curmbs-con {
  font-size: 13px;
  color: var(--ink-4);
  padding: 12px 0;
}

.p101-curmbs-con a {
  color: var(--ink-3);
  text-decoration: none;
  transition: color .25s var(--ease);
}

.p101-curmbs-con a:hover {
  color: var(--brand);
}

/* 搜索框 */
.p102-search-1-inp input,
.p102-search-1-inp1 input,
.p102-search-1-inp2 input {
  height: 42px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 14px;
  font-size: 14px;
  transition: border-color .25s var(--ease), box-shadow .25s var(--ease);
}

.p102-search-1-inp input:focus,
.p102-search-1-inp1 input:focus,
.p102-search-1-inp2 input:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(204, 0, 0, .08);
}

/* 通用链接 */
a {
  color: inherit;
  text-decoration: none;
  transition: color .25s var(--ease);
}

/* 表格：窄屏可横滑，并美化 */
.endit-content table,
table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
}

table td,
table th {
  padding: 10px 14px;
  border: 1px solid var(--line);
  font-size: 14px;
  white-space: nowrap;
}

/* 卡片化区块，柔和圆角阴影 */
.blk,
.p14-product-2,
.p103-fdh-1,
.p102-fdh-3 {
  border-radius: var(--radius);
}

/* 图片圆角 + 悬停微放大 */
.endit-content img,
.p14-product-2 img,
.cont img {
  border-radius: var(--radius);
}

/* 按钮/CTA */
a.more,
.p102-proShow-1-tel a,
.btn {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  transition: background .25s var(--ease), transform .25s var(--ease),
    box-shadow .25s var(--ease);
}

a.more:hover,
.p102-proShow-1-tel a:hover,
.btn:hover {
  background: var(--brand-dark);
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(204, 0, 0, .25);
}

/* ============================================================
   7.5 修复：原站 .more 按钮被「红底 + 原 CSS 红字/定宽」挤爆
   ------------------------------------------------------------
   根因：index.css 里 .pro_l .pro_z .more 是 3-class (0,3,0)，
   优先级高于上面通用的 a.more (0,1,1)，于是：
     · width:6rem 固定 96px 被保留 → 文字溢出换行漏到按钮外
     · color:#cc0000 红字被保留 → 叠在红底上完全看不见
   下面用 >=3-class + !important 逐条覆盖，恢复三类按钮。
   ============================================================ */

/* (1) 产品分类卡片：咨询按钮 —— 红底白字、宽度自适应、不换行 */
.pro_l .pro_z .more,
.pro_con .pro_z a.more {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  display: inline-block !important;
  padding: .6rem 1.7rem !important;
  margin-top: 1rem;
  line-height: 1.4 !important;
  font-size: .9rem !important;
  font-weight: 500;
  color: #fff !important;
  background: var(--brand) !important;
  border: 1px solid var(--brand) !important;
  border-radius: 999px !important;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  transition: background .25s var(--ease), transform .25s var(--ease),
    box-shadow .25s var(--ease);
}
.pro_l .pro_z .more:hover,
.pro_con .pro_z a.more:hover {
  background: var(--brand-dark) !important;
  border-color: var(--brand-dark) !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(204, 0, 0, .25);
}

/* (2) 案例卡片 Case Details —— 恢复原设计的「红字小链接 + 箭头」，不要红胶囊 */
.case_bd dd .more,
.case_con .case_bd dd a.more {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin-top: 1rem;
  line-height: 1.3rem !important;
  font-size: .85rem !important;
  font-weight: 500;
  color: var(--brand) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
.case_bd dd .more em,
.case_con .case_bd dd a.more em {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  margin-left: .4rem;
  overflow: hidden;
  vertical-align: -.3rem;
}
.case_bd dd .more em img,
.case_con .case_bd dd a.more em img {
  display: block;
  width: 1.3rem;
  height: 1.3rem;
}
/* 原站 hover 整卡变深时文字转白，保持联动 */
.case_bd dl:hover dd .more,
.case_con .case_bd dl:hover dd a.more {
  color: #fff !important;
}

/* (3) About 区块 Learn More —— 保持原设计的白色描边按钮，去掉定宽 */
.abt_s .more,
.abt_s a.more {
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  padding: .6rem 1.9rem !important;
  margin-top: 1.6rem;
  line-height: 1.4 !important;
  font-size: .9rem !important;
  color: #fff !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, .85) !important;
  border-radius: 999px !important;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  transition: background .25s var(--ease), color .25s var(--ease),
    transform .25s var(--ease);
}
.abt_s .more:hover,
.abt_s a.more:hover {
  background: #fff !important;
  color: var(--brand) !important;
  border-color: #fff !important;
  transform: translateY(-1px);
  box-shadow: none !important;
}

/* ==================== 7. 断点：≤1259px 小笔记本 / 横屏平板 ==================== */
@media screen and (max-width: 1259px) {
  html {
    font-size: 15px;
  }

  .head .h_con .nav li > a {
    padding: 0 .35rem;
    font-size: .82rem;
  }

  .head .logo h2 {
    display: none;
  }
}

/* ==================== 8. 断点：≤1023px 竖屏平板 ==================== */
@media screen and (max-width: 1023px) {
  html {
    font-size: 14.5px;
  }

  /* 头部：电话隐藏，给导航留位 */
  .head .hea-tel {
    display: none;
  }

  .head .h_con .nav li > a {
    padding: 0 .3rem;
    font-size: .8rem;
  }

  .f_nav ul {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
}

/* ==================== 9. 断点：≤900px 切换汉堡菜单 ==================== */
@media screen and (max-width: 900px) {
  html {
    font-size: 14.5px;
  }

  .head {
    height: 56px !important;
  }

  .head.headFix {
    height: 56px !important;
  }

  .head .h_nr {
    padding: 0 16px;
    height: 56px;
  }

  .head .logo .t_logo img:nth-child(1) {
    width: auto;
    height: 30px;
  }

  .head .logo h2,
  .head .hea-tel {
    display: none;
  }

  /* 汉堡按钮登场 */
  .nav-toggle {
    display: block;
  }

  /* 导航变全屏抽屉 */
  .head .h_con .nav {
    position: fixed;
    top: 0;
    right: 0;
    width: min(78vw, 320px);
    height: 100vh;
    height: 100dvh;
    background: #fff;
    box-shadow: var(--shadow-lg);
    z-index: 100;
    transform: translateX(100%);
    transition: transform .32s var(--ease);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 72px 0 24px;
  }

  body.nav-open .head .h_con .nav {
    transform: translateX(0);
  }

  .head .h_con .nav ul {
    display: block;
    padding: 0;
  }

  .head .h_con .nav li {
    float: none;
    width: 100%;
    height: auto;
    border-bottom: 1px solid var(--line);
  }

  .head .h_con .nav li > a {
    display: block;
    height: auto;
    line-height: 1.5;
    padding: 15px 24px;
    font-size: 15px;
    font-weight: 500;
    color: var(--ink) !important;
    text-align: left;
  }

  .head .h_con .nav li > a:active {
    background: var(--brand-soft);
  }

  .head .h_con .nav li.cur > a {
    color: var(--brand) !important;
    background: var(--brand-soft);
  }

  /* 抽屉里去掉桌面指示条 */
  .head .h_con .nav li.cur::before,
  .head .h_con .nav ul li:hover::before {
    display: none;
  }

  /* 抽屉内补齐电话 */
  .head .h_con .nav::before {
    content: "Tel: +86 133 9251 2305";
    display: block;
    padding: 0 24px 16px;
    font-size: 13px;
    color: var(--ink-4);
    border-bottom: 1px solid var(--line);
    margin-bottom: 8px;
  }

  /* 内容区顶部留出头部高度 */
  .ty-banner-1:first-of-type,
  .banner {
    margin-top: 0;
  }
}

/* ==================== 10. 断点：≤767px 手机横屏 ==================== */
@media screen and (max-width: 767px) {
  html {
    font-size: 14px;
  }

  /* 页脚整列堆叠 */
  .f_con {
    flex-direction: column;
    gap: 2rem;
    padding: 0 16px;
  }

  .f_nav,
  .f_er {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
  }

  .f_nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  .f_nav ul li b > a,
  .f_er h2 {
    font-size: 15px;
    padding-bottom: .8rem;
  }

  .f_nav ul li p > a,
  .f_er ul li,
  .f_er span {
    font-size: 13px;
    line-height: 1.9;
  }

  .f_bg {
    padding-top: 2.5rem;
  }

  .f_bt {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem 16px;
    gap: .75rem;
  }

  .f_bt p {
    float: none;
    line-height: 1.8;
    font-size: 12px;
  }

  /* 悬浮客服缩小 */
  .client-2 {
    width: 40px;
    right: 6px;
  }

  .client-2 li {
    width: 40px;
    height: 40px;
  }

  .client-2 li.my-kefu-shouye a {
    width: 40px;
    height: 40px;
  }

  /* 面包屑与搜索紧凑 */
  .p101-curmbs-con {
    padding: 10px 0;
    font-size: 12px;
  }

  /* 表格字号收紧 */
  table td,
  table th {
    padding: 8px 10px;
    font-size: 13px;
  }
}

/* ==================== 11. 断点：≤575px 手机竖屏 ==================== */
@media screen and (max-width: 575px) {
  html {
    font-size: 13.5px;
  }

  .blk-main,
  .content01,
  .contenttb,
  .plc,
  .cont,
  .f_con,
  .f_bt,
  .head .h_nr {
    padding-left: 14px;
    padding-right: 14px;
  }

  .f_con,
  .f_bt {
    padding-left: 14px;
    padding-right: 14px;
  }

  /* 页脚导航单列，更易点 */
  .f_nav ul {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .f_nav ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    padding: 12px 0;
  }

  .f_nav ul li:last-child {
    border-bottom: 0;
  }

  .f_nav ul li b > a {
    padding-bottom: .4rem;
  }

  /* 正文 */
  .endit-content,
  .endit101-content {
    font-size: 15px;
    line-height: 1.85;
  }

  /* 悬浮客服更紧凑 */
  .client-2 {
    width: 38px;
    right: 4px;
    top: auto;
    bottom: 84px;
  }

  .client-2 li {
    width: 38px;
    height: 38px;
    margin-bottom: 4px;
  }

  .client-2 li.my-kefu-shouye a {
    width: 38px;
    height: 38px;
  }

  /* 二维码浮层别超出屏幕 */
  .f_ma ul li b {
    left: auto;
    right: 0;
    width: min(72vw, 240px);
    height: auto;
    padding: 16px 16px 0;
  }

  .f_ma ul li b img {
    width: 100%;
  }
}

/* ==================== 12. 无障碍 / 动效偏好 ==================== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* 键盘可见焦点 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
.nav-toggle:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

/* 滚动条美化（WebKit） */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f0f0f0;
}

::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #adadad;
}

/* ============================================================
   v2 全站布局优化（2026-09-07）
   ------------------------------------------------------------
   目标：
     1. 头部：解 logo+导航+电话三层重叠；电话国际格式；headFix 态只图标
     2. Hero/Banner：隐藏"专注不锈钢三轮车"中文图片噪音；统一英文视觉
     3. About Us：移动端 4 数据卡片 2x2 grid + 数字字号自适应
     4. 各模块（Products/Cases/Advantages/News/About）：统一卡片圆角/阴影/层级
     5. 浮动客服按钮：移动端减小 + 底部避让
   ============================================================ */

/* ========== A. 头部 ========== */

/* 头部：让 nav 文字始终可读（视频未加载时白底也看得见） */
@media screen and (min-width: 901px) {
  .head {
    height: 5rem !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .25) 100%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  /* headFix 状态：纯白底 */
  .head.headFix {
    background: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .head .h_nr {
    height: 5rem;
    padding: 0 24px;
  }

  /* logo 区：logo 图在上、标语在下（竖排不再与 nav 抢横向空间） */
  .head .logo {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
    flex-shrink: 0 !important;
    max-width: 15rem;
  }

  .head .logo .t_logo {
    float: none !important;
    margin: 0 !important;
    line-height: 0;
  }

  .head .logo .t_logo img {
    width: 10.5rem !important;
    height: 2.9rem !important;
  }

  /* 标语：logo 下方小字 tagline，不占横向空间 */
  .head .logo h2 {
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 0 !important;
    height: auto !important;
    line-height: 1.1 !important;
  }

  .head .logo h2 span {
    font-size: .68rem !important;
    line-height: 1.1 !important;
    color: rgba(255, 255, 255, .8) !important;
    font-weight: 400 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .head.headFix .logo h2 span {
    color: var(--ink-4) !important;
  }

  /* h_con 占满剩余宽度：nav 居中、电话顶到最右 */
  .head .h_con {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    float: none !important;
  }

  .head .h_con .nav {
    order: 1;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .head .hea-tel {
    order: 2;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-shrink: 0 !important;
  }

  /* 顶部电话：图标 + 号码横向排列，垂直居中（不再靠 line-height 撑高） */
  .head .hea-tel {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: auto !important;
    float: none !important;
    order: 2;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-shrink: 0 !important;
    background: var(--brand);
    color: #fff;
    padding: .55rem 1.15rem .55rem .9rem;
    border-radius: 999px;
    box-shadow: 0 4px 12px rgba(204, 0, 0, .25);
    transition: transform .25s var(--ease), box-shadow .25s var(--ease);
  }

  .head .hea-tel:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(204, 0, 0, .35);
  }

  .head .hea-tel em {
    display: inline-block !important;
    width: 1.4rem !important;
    height: 1.4rem !important;
    margin: 0 !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    flex-shrink: 0;
  }

  .head .hea-tel em img {
    display: block !important;
    width: 1.4rem !important;
    height: 1.4rem !important;
    filter: brightness(0) invert(1);
  }

  .head .hea-tel p {
    font-size: .95rem !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
    white-space: nowrap;
    color: #fff !important;
  }

  /* headFix 态：电话胶囊变白底（但保持红色文字区分），仍可点击 */
  .head.headFix .hea-tel {
    background: #fff !important;
    border: 1px solid var(--brand);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
  }

  .head.headFix .hea-tel em img:nth-child(1) {
    margin-top: -1.4rem !important;
  }

  .head.headFix .hea-tel em img {
    filter: none !important;
  }

  .head.headFix .hea-tel p {
    color: var(--brand) !important;
  }

  /* 导航字号温和加大，桌面 9 项不挤 */
  .head .h_con .nav li > a {
    font-size: .78rem !important;
    padding: 0 .42rem !important;
    letter-spacing: -0.01em !important;
  }

  .head .h_con .nav ul {
    gap: 0 !important;
  }
}

/* 平板（901-1199）：logo h2 隐藏，电话保留，nav 字号温和 */
@media screen and (min-width: 901px) and (max-width: 1199px) {
  .head .logo h2 {
    display: none !important;
  }

  .head .h_con .nav li > a {
    font-size: .78rem !important;
    padding: 0 .4rem !important;
  }
}

/* ========== B. Hero / Banner ========== */

/* 视频背景上"专注不锈钢三轮车"中文图片是面向海外站的杂音：隐藏。
   但保留 .ban_txt 容器以防影响轮播结构（不直接删 HTML） */
.banner .ban_txt {
  display: none !important;
}

/* 让英文 hero 标题更突出 */
.banner-tit-overlay {
  z-index: 5;
}

.banner-tit-overlay h1,
.banner-tit-overlay h2 {
  font-weight: 800 !important;
  letter-spacing: -0.01em;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .55);
}

.banner-tit-overlay p {
  text-shadow: 0 1px 8px rgba(0, 0, 0, .45);
}

.banner-tit-overlay .badge {
  font-size: .82rem !important;
  padding: .4rem .9rem !important;
}

/* CTA 按钮 hover 强化 */
.banner-tit-overlay .ctas {
  gap: .6rem !important;
}

.banner-tit-overlay .cta,
.banner-tit-overlay a.cta {
  padding: .55rem 1.3rem !important;
  font-size: .88rem !important;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);
}

.banner-tit-overlay .cta:hover,
.banner-tit-overlay a.cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(204, 0, 0, .35);
}

/* ========== E. 各模块统一：标题层级 ========== */

.tit {
  text-align: center;
  margin-bottom: 2.5rem;
}

.tit a {
  display: inline-block;
  text-decoration: none;
}

.tit a span {
  display: inline-block;
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.tit a i {
  display: block !important;
  font-size: .95rem !important;
  font-weight: 400 !important;
  color: var(--ink-3) !important;
  margin-top: .75rem;
  font-style: normal;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .tit a span {
    font-size: 1.4rem !important;
  }

  .tit a i {
    font-size: .82rem !important;
  }
}

/* ========== G. 案例 / 优势 / 卖点 swiper 卡片统一 ========== */

.case_bd,
.td_bd,
.ys_bd,
.abt_bd {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

/* 让 swiper-slide 之间留 gap（视觉上更透气） */
.case_con,
.td_con,
.ys_con {
  position: relative;
}

.case_bd .swiper-slide,
.td_bd .swiper-slide,
.ys_bd .swiper-slide {
  height: auto;
}


/* ========== I. About 模块 ========== */

.abt_s {
  text-align: center;
  padding: 1.5rem 0;
}

.abt_con {
  background: var(--bg);
  border-radius: var(--radius-lg);
  padding: 2.5rem !important;
}

.abt_t {
  text-align: center;
  margin-bottom: 1.5rem;
}

.abt_t a span {
  font-size: 1.6rem !important;
  font-weight: 700;
}

.abt_z {
  text-align: center;
}

/* ========== J. 各模块 section 间距 ========== */

.yz,
.pro,
.td,
.case,
.ys,
.zc,
.news,
.abt {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media screen and (max-width: 767px) {
  .yz,
  .pro,
  .td,
  .case,
  .ys,
  .zc,
  .news,
  .abt {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

/* ========== K. footer 收尾微调 ========== */

.f_ma ul li:hover b {
  display: block;
  z-index: 30;
}

/* ========== L. 浮动客服：移动端底部避让，不挡 footer ========== */

@media screen and (max-width: 575px) {
  .client-2 {
    bottom: 110px;
    top: auto;
  }
}

/* ========== M. 全局按钮/链接微动效 ========== */

a {
  transition: color .2s var(--ease);
}

/* 当前页 nav 项：保留品牌色下划线 */
.head .h_con .nav li.cur > a {
  position: relative;
}

.head .h_con .nav li.cur > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1.2rem;
  transform: translateX(-50%);
  width: 1.2rem;
  height: 3px;
  background: var(--brand);
  border-radius: 2px;
}

/* ========== N. 内部页 body 顶部留出 head 高度 ========== */

body {
  padding-top: 5rem;
}

@media screen and (max-width: 900px) {
  body {
    padding-top: 56px;
  }
}

/* 内页 banner（不带视频）紧贴 head 下方 */
.ty-banner-1 {
  margin-top: 0 !important;
}

/* ===========================================================
   help_spzx / help_dsp / help_ryzs / help_gsfc 系列内页排版
   =========================================================== */

/* === 顶部 banner：内页图片含中文水印，加英文标题遮罩 === */
.ty-banner-1 {
  position: relative;
  min-height: 320px;
  overflow: hidden;
}
.ty-banner-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: brightness(.55) saturate(.85);
}
.ty-banner-1::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,.45) 100%),
    radial-gradient(circle at center, transparent 0%, rgba(0,0,0,.25) 100%);
  pointer-events: none;
}
/* 默认英文 overlay（如果页面没注入 .banner-tit-overlay，则用 CSS 兜底显示静态标题）*/
.ty-banner-1:not(:has(.banner-tit-overlay))::before {
  content: "Company Videos";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  font-size: clamp(1.6rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: .02em;
  text-shadow: 0 4px 18px rgba(0,0,0,.6);
  text-align: center;
}

/* === 帮助页主区域：左右分栏（侧栏 + 内容）=== */
.p102-search-1,
.p102-fdh-3,
.zxlb-3n-ts-02 {
  display: block;
}
/* 搜索框卡片化 */
.p102-search-1 {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1rem 1.2rem !important;
  margin-bottom: 1.2rem;
  box-shadow: var(--shadow-sm);
}
.p102-search-1 p {
  margin: 0 0 .8rem;
  font-size: .85rem;
  color: var(--ink-3);
  line-height: 1.6;
}
.p102-search-1 p b {
  color: var(--ink);
  font-weight: 600;
  display: block;
  margin-bottom: .5rem;
}
.p102-search-1 p a {
  display: inline-block;
  padding: .25rem .8rem;
  margin: .2rem .25rem .2rem 0;
  background: var(--bg-soft);
  color: var(--ink-2);
  border-radius: 999px;
  font-size: .8rem;
  transition: background .2s, color .2s;
}
.p102-search-1 p a:hover {
  background: var(--brand);
  color: #fff;
}
/* 搜索输入框 */
.p102-search-1-inp {
  display: flex;
  gap: .5rem;
  align-items: center;
  max-width: 360px;
}
.p102-search-1-inp1 {
  flex: 1;
  min-width: 0;
  padding: .55rem .9rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  font-size: .9rem;
  outline: none;
  transition: border-color .2s;
}
.p102-search-1-inp1:focus {
  border-color: var(--brand);
}
.p102-search-1-inp2 {
  padding: .55rem 1.4rem;
  background: var(--brand);
  color: #fff;
  border: 0;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  transition: background .2s, transform .2s;
}
.p102-search-1-inp2:hover {
  background: #a30000;
  transform: translateY(-1px);
}

/* === 面包屑 + 搜索同行布局（左侧 Your current position 对齐右侧红搜索按钮） === */
.crumb-search-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  max-width: var(--wrap);
  margin: 0 auto 1rem;
  padding: 0 20px;
}
.crumb-search-row .p101-curmbs-1 {
  flex: 0 0 auto;
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 0 1rem;
  align-self: center;
}
.crumb-search-row .p101-curmbs-con {
  padding: 10px 0;
}
.crumb-search-row .p102-search-1 {
  flex: 0 0 480px;
  margin-bottom: 0;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: .55rem .8rem;
  box-shadow: var(--shadow-sm);
}
.crumb-search-row .p102-search-1 .contenttb {
  padding: 0;
  max-width: none;
}
.crumb-search-row .p102-search-1-inp {
  max-width: none;
  gap: .4rem;
  width: 100%;
  display: flex;
}
.crumb-search-row .p102-search-1-inp1 {
  flex: 1 1 auto;
  min-width: 0;
  padding: .45rem .8rem;
  font-size: .85rem;
}
.crumb-search-row .p102-search-1-inp2 {
  flex: 0 0 auto;
  padding: .45rem 1.2rem;
  font-size: .85rem;
}
/* 关键词行（移到 flex row 下方，独立成行） */
.p102-search-1-keywords {
  max-width: var(--wrap);
  margin: 0 auto .8rem;
  padding: 0 20px;
}
.p102-search-1-keywords p {
  margin: 0;
  font-size: .8rem;
  color: var(--ink-3);
  line-height: 1.7;
}
.p102-search-1-keywords p b {
  color: var(--ink);
  font-weight: 600;
  margin-right: .5rem;
}
.p102-search-1-keywords p a {
  display: inline-block;
  padding: .15rem .7rem;
  margin: .15rem .25rem .15rem 0;
  background: var(--bg-soft);
  color: var(--ink-2);
  border-radius: 999px;
  font-size: .75rem;
  transition: background .2s, color .2s;
}
.p102-search-1-keywords p a:hover {
  background: var(--brand);
  color: #fff;
}
@media (max-width: 900px) {
  .crumb-search-row {
    flex-direction: column;
    align-items: stretch;
    gap: .8rem;
  }
  .crumb-search-row .p101-curmbs-1,
  .crumb-search-row .p102-search-1 {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
  }
}

/* === help 侧栏分类导航：横向一格一格（兼容原 _public.js 的 .sidenavcur） === */
.p102-fdh-3 {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
  max-width: 1080px !important;
  margin: 0 auto 1.4rem !important;
  padding: 0 !important;
  overflow: hidden;
}
.p102-fdh-3 ul,
.p102-fdh-3 ul.contenttb {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  /* 8 项固定 4 列（4+4 整齐对齐），不再用 auto-fit 避免平板算成 5+3 */
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1px;
  background: #efefef;
}
.p102-fdh-3 ul li {
  background: #fff;
  border: 0 !important;
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
  display: block !important;
}
.p102-fdh-3 ul li a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 3.4rem;
  padding: .9rem .6rem !important;
  color: var(--ink-2) !important;
  font-size: .9rem !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  transition: background .25s var(--ease), color .25s var(--ease);
}
.p102-fdh-3 ul li a:hover {
  background: var(--brand-soft) !important;
  color: var(--brand) !important;
}
/* 当前页（_public.js 自动注入 .sidenavcur，同时兼容 .cur） */
.p102-fdh-3 ul li.sidenavcur a,
.p102-fdh-3 ul li.cur a {
  background: linear-gradient(135deg, var(--brand) 0%, #e63030 100%) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* === 视频列表：响应式 2 列网格，统一 16:9 比例 === */
.zxlb-3n-ts-02-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  padding: 0;
  margin: 0;
}
.zxlb-3n-ts-02 {
  width: 100%;
}
.list-video {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}
.list-video:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  border-color: var(--brand-light);
}
/* 视频封面：固定 16:9，hover 缩放 */
.video-pic {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--bg-soft);
}
.video-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s var(--ease);
}
.list-video:hover .video-pic img {
  transform: scale(1.06);
}
/* 播放按钮 */
.video-pic i {
  position: absolute !important;
  inset: 0;
  margin: auto !important;
  width: 64px !important;
  height: 64px !important;
  background: rgba(204, 0, 0, .92) !important;
  border-radius: 50% !important;
  z-index: 3;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(0,0,0,.35);
  transition: transform .25s var(--ease), background .25s;
}
.video-pic i::before,
.video-pic i::after {
  content: "";
  position: absolute;
  background: #fff;
}
.video-pic i::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #fff;
  background: transparent !important;
  margin-left: 4px;
}
/* 暗化层 */
.video-pic::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .3s;
  z-index: 1;
}
.list-video:hover .video-pic::after {
  background: rgba(0,0,0,.15);
}
/* 视频文字 */
.video-txt {
  padding: 1rem 1.2rem 1.2rem;
}
.video-txt h4 {
  margin: 0 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
  line-height: 1.45 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.9em;
  transition: color .2s;
}
.list-video:hover .video-txt h4 {
  color: var(--brand);
}

/* === 响应式：≤900px 单列；侧栏置顶 === */
@media screen and (max-width: 900px) {
  .zxlb-3n-ts-02-list {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  .p102-search-1,
  .p102-fdh-3 {
    margin-bottom: 1rem;
  }
}
/* === 响应式：≤767px help 侧栏 2 列网格，紧凑 padding === */
@media screen and (max-width: 767px) {
  .p102-fdh-3 {
    margin: 0 auto 1rem !important;
    max-width: 100% !important;
    border-radius: var(--radius) !important;
  }
  .p102-fdh-3 ul,
  .p102-fdh-3 ul.contenttb {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: #efefef;
  }
  .p102-fdh-3 ul li {
    background: #fff;
    border-bottom: 0 !important;
  }
  .p102-fdh-3 ul li a {
    padding: .85rem .6rem !important;
    font-size: .82rem !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 3rem !important;
  }
}
/* === 响应式：≤380px 极窄屏单列 === */
@media screen and (max-width: 380px) {
  .p102-fdh-3 ul,
  .p102-fdh-3 ul.contenttb {
    grid-template-columns: 1fr !important;
    gap: 0;
  }
  .p102-fdh-3 ul li {
    border-bottom: 1px solid #efefef !important;
  }
  .p102-fdh-3 ul li:last-child {
    border-bottom: 0 !important;
  }
}
@media screen and (max-width: 575px) {
  .ty-banner-1 {
    min-height: 220px;
  }
  .video-txt {
    padding: .8rem 1rem 1rem;
  }
  .video-txt h4 {
    font-size: .92rem !important;
  }
}

/* === article_xwzx 顶部分类导航（.p101a-fdh-02-nav，2 项横向一格一格） === */
.p101a-fdh-02 {
  background: transparent !important;
}
.p101a-fdh-02-nav {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
  max-width: 520px !important;
  margin: 0 auto 1.4rem !important;
  padding: 0 !important;
  overflow: hidden;
}
.p101a-fdh-02-nav ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: #efefef;
}
.p101a-fdh-02-nav ul li {
  background: #fff !important;
  margin: 0 !important;
  border: 0 !important;
  float: none !important;
  width: 100% !important;
  display: block !important;
}
.p101a-fdh-02-nav ul li a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 3.2rem;
  padding: .9rem 1rem !important;
  color: var(--ink-2) !important;
  font-size: .95rem !important;
  font-weight: 500 !important;
  transition: background .25s var(--ease), color .25s var(--ease);
}
.p101a-fdh-02-nav ul li a:hover {
  background: var(--brand-soft) !important;
  color: var(--brand) !important;
}
.p101a-fdh-02-nav ul li.sidenavcur a,
.p101a-fdh-02-nav ul li.cur a {
  background: linear-gradient(135deg, var(--brand) 0%, #e63030 100%) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* === article_xwzx 新闻列表卡片化（.p14-infolist-1，2 列网格） === */
.p14-infolist-1 {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 1rem !important;
}
.p14-infolist-1-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
.p14-infolist-1-list dl,
.p14-infolist-1-list .left,
.p14-infolist-1-list .right {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  margin: 0 !important;
  float: none !important;
  width: auto !important;
  display: flex;
  flex-direction: column;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.p14-infolist-1-list dl:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  border-color: rgba(204, 0, 0, .15);
}
.p14-infolist-1-list dl dt {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
  display: block;
  overflow: hidden;
}
.p14-infolist-1-list dl dt a {
  display: block;
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--bg-soft);
}
.p14-infolist-1-list dl dt img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transition: transform .5s var(--ease);
  border-radius: 0 !important;
  max-width: none !important;
  display: block;
}
.p14-infolist-1-list dl:hover dt img {
  transform: scale(1.06);
}
.p14-infolist-1-list dl dd {
  padding: 1.1rem 1.3rem 1.3rem !important;
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
.p14-infolist-1-list .n_date {
  display: flex;
  align-items: center;
  gap: .55rem;
  font-size: .82rem;
}
.p14-infolist-1-list .n_date strong {
  background: var(--brand-soft);
  color: var(--brand);
  font-weight: 700;
  font-size: .82rem;
  padding: 3px 8px;
  border-radius: 4px;
  line-height: 1.4;
}
.p14-infolist-1-list .n_date h5 {
  margin: 0 !important;
  font-size: .82rem !important;
  font-weight: 500 !important;
  color: var(--ink-3) !important;
  display: inline !important;
}
.p14-infolist-1-list dl h4 {
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.9em;
}
.p14-infolist-1-list dl h4 a {
  color: var(--ink) !important;
  transition: color .2s;
}
.p14-infolist-1-list dl:hover h4 a {
  color: var(--brand) !important;
}
.p14-infolist-1-list-desc {
  color: var(--ink-3);
  font-size: .88rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 !important;
}

/* 响应式：≤767 单列；减小 padding */
@media screen and (max-width: 767px) {
  .p14-infolist-1-list {
    grid-template-columns: 1fr !important;
    gap: 1.2rem;
  }
  .p14-infolist-1 {
    padding: 0 .9rem !important;
  }
  .p14-infolist-1-list dl dd {
    padding: .9rem 1rem 1.1rem !important;
  }
  .p14-infolist-1-list dl h4 {
    font-size: .95rem !important;
  }
  .p101a-fdh-02-nav {
    max-width: 100% !important;
    margin: 0 .5rem 1rem !important;
  }
}

/* === article_yyal 7 项分类导航（.p101a-fdh-02-nav.yyal-multi，单行 7 列左到右） === */
.p101a-fdh-02-nav.yyal-multi {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 0 1.4rem !important;
  float: none !important;
}
.p101a-fdh-02-nav.yyal-multi ul {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 1px !important;
  background: #efefef !important;
}
.p101a-fdh-02-nav.yyal-multi ul li a {
  padding: 1rem .4rem !important;
  font-size: .82rem !important;
  min-height: 3.4rem !important;
  text-align: center;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* === article_yyal 案例列表卡片化（.p101s-case-1-list，2 列网格） === */
.p101s-case-1-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  max-width: 1140px;
  margin: 0 auto;
}
.p101s-case-1-list dl {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  margin: 0 !important;
  float: none !important;
  width: auto !important;
  display: flex;
  flex-direction: column;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.p101s-case-1-list dl:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  border-color: rgba(204, 0, 0, .15);
}
.p101s-case-1-list dl dt {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
  display: block;
  overflow: hidden;
}
.p101s-case-1-list dl dt a {
  display: block;
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--bg-soft);
}
.p101s-case-1-list dl dt img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transition: transform .5s var(--ease);
  border-radius: 0 !important;
  max-width: none !important;
  display: block;
}
.p101s-case-1-list dl:hover dt img {
  transform: scale(1.06);
}
.p101s-case-1-list dl dd {
  padding: 1.1rem 1.3rem 1.3rem !important;
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
.p101s-case-1-list dl h4 {
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.9em;
}
.p101s-case-1-list dl h4 a {
  color: var(--ink) !important;
  transition: color .2s;
}
.p101s-case-1-list dl:hover h4 a {
  color: var(--brand) !important;
}
.p101s-case-1-desc {
  color: var(--ink-3);
  font-size: .88rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  .p101s-case-1-list {
    grid-template-columns: 1fr !important;
    gap: 1.2rem;
  }
  .p101s-case-1-list dl dd {
    padding: .9rem 1rem 1.1rem !important;
  }
  .p101s-case-1-list dl h4 {
    font-size: .95rem !important;
  }
  .p101a-fdh-02-nav.yyal-multi {
    max-width: 100% !important;
    margin: 0 .5rem 1rem !important;
  }
  .p101a-fdh-02-nav.yyal-multi ul li a {
    font-size: .82rem !important;
    padding: .85rem .5rem !important;
    min-height: 3rem !important;
  }
}
@media (max-width: 600px) {
  .p101a-fdh-02-nav.yyal-multi ul {
    grid-template-columns: 1fr !important;
  }
  .p101a-fdh-02-nav.yyal-multi ul li a {
    font-size: .85rem !important;
    padding: .75rem .5rem !important;
    min-height: 2.6rem !important;
    word-break: break-word;
    line-height: 1.2;
  }
}

/* ========================================================
 * 产品列表页（product_skmdds / product_pbcxdd / product_ptddsl 等）
 * 侧栏分类导航卡片化 + 产品列表 2 列网格卡片化
 * ======================================================== */

/* 1. 侧栏分类导航卡片化 */
.p103-fdh-1 {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 0 !important;
  margin: 0 0 1.4rem !important;
  overflow: hidden;
}
.p103-fdh-1-tit {
  background: linear-gradient(135deg, var(--brand) 0%, #e63030 100%) !important;
  margin: 0 !important;
  padding: 1.1rem 1.2rem !important;
  position: relative;
}
.p103-fdh-1-tit h2 {
  color: #fff !important;
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  display: flex !important;
  align-items: center;
  gap: .6rem;
}
.p103-fdh-1-tit h2::before {
  content: "";
  width: 4px;
  height: 1.1em;
  background: #fff;
  border-radius: 2px;
  opacity: .9;
}
.p103-fdh-1-nav {
  padding: .25rem 0 !important;
}
.p103-fdh-1-nav-one {
  border-bottom: 1px solid #efefef;
  padding: .4rem 0;
}
.p103-fdh-1-nav-one:last-child {
  border-bottom: 0;
}
.p103-fdh-1-nav-one h3 {
  margin: 0 !important;
  padding: .6rem 1.2rem .35rem !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
.p103-fdh-1-nav-one h3 a {
  color: var(--ink) !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  text-decoration: none !important;
  transition: color .2s var(--ease);
}
.p103-fdh-1-nav-one h3 a::after {
  content: "+";
  color: #d9d9d9;
  font-size: 1.45rem;
  font-weight: 300;
  line-height: 1;
  transition: transform .25s var(--ease), color .25s var(--ease);
}
.p103-fdh-1-nav-one h3 a:hover {
  color: var(--brand) !important;
}
.p103-fdh-1-nav-one h3 a:hover::after {
  color: var(--brand);
  transform: rotate(90deg);
}
.p103-fdh-1-nav-one h3 i {
  display: none !important;
}
.p103-fdh-1-nav-one dl {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 0 .35rem !important;
}
.p103-fdh-1-nav-one dt {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  display: block !important;
}
.p103-fdh-1-nav-one dt a {
  display: flex !important;
  align-items: center;
  padding: .5rem 1.2rem .5rem 1.7rem !important;
  color: var(--ink-2) !important;
  font-size: .85rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  position: relative;
  transition: color .2s var(--ease), background .2s var(--ease), padding .2s var(--ease);
}
.p103-fdh-1-nav-one dt a::before {
  content: "›";
  display: inline-block;
  width: auto;
  height: auto;
  background: transparent;
  border-radius: 0;
  margin-right: .4rem;
  color: #bbb;
  font-size: 1rem;
  line-height: 1;
  flex-shrink: 0;
  transition: color .2s var(--ease), transform .2s var(--ease);
}
.p103-fdh-1-nav-one dt a:hover {
  color: var(--brand) !important;
  background: var(--brand-soft) !important;
  padding-left: 2rem !important;
}
.p103-fdh-1-nav-one dt a:hover::before {
  color: var(--brand);
  transform: translateX(2px);
}
/* 当前分类（_public.js 加 .sidenavcur） */
.p103-fdh-1-nav-one dt.sidenavcur a,
.p103-fdh-1-nav-one dt.cur a {
  background: linear-gradient(135deg, var(--brand) 0%, #e63030 100%) !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding-left: 2rem !important;
}
.p103-fdh-1-nav-one dt.sidenavcur a::before,
.p103-fdh-1-nav-one dt.cur a::before {
  background: #fff !important;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px rgba(255,255,255,.28);
}

/* 2. 产品列表卡片化（2 列网格） */
.hyt-product-list {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
.hyt-product-list-6 {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 1.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}
.hyt-product-list-6 dl {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  display: flex !important;
  flex-direction: column;
  width: auto !important;
  overflow: hidden;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
}
.hyt-product-list-6 dl:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
  border-color: var(--brand) !important;
}
.hyt-product-list-6 dt {
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #f8f8f8;
}
.hyt-product-list-6 dt a {
  display: block;
  height: 100%;
}
.hyt-product-list-6 dt img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .4s var(--ease);
  border-radius: 0 !important;
  border: 0 !important;
}
.hyt-product-list-6 dl:hover dt img {
  transform: scale(1.06);
}
.hyt-product-list-6 dd {
  padding: 1rem 1.2rem 1.2rem !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}
.hyt-product-list-6 dd h4 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}
.hyt-product-list-6 dd h4 a {
  color: var(--ink) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none !important;
  transition: color .2s var(--ease);
}
.hyt-product-list-6 dd h4 a:hover {
  color: var(--brand) !important;
}
.hyt-product-list-6 dd p {
  margin: 0 !important;
  color: var(--ink-3) !important;
  font-size: .82rem !important;
  line-height: 1.55 !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hyt-product-list-6 dd p a {
  color: var(--brand) !important;
  font-weight: 600 !important;
  margin-left: .25rem;
  white-space: nowrap;
  text-decoration: none !important;
}

/* 产品页右侧栏"Product Center"小标题 */
.p102-pros-1-title {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  margin: 0 0 1.2rem !important;
  padding: 0 0 .6rem !important;
  border-bottom: 2px solid var(--line) !important;
  position: relative;
}
.p102-pros-1-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 60px;
  height: 2px;
  background: var(--brand);
  border-radius: 2px;
}

/* 移动端：单列 */
@media screen and (max-width: 767px) {
  .hyt-product-list-6 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .hyt-product-list-6 dd {
    padding: .85rem 1rem 1rem !important;
  }
  .hyt-product-list-6 dd h4 {
    font-size: .92rem !important;
  }
  .p103-fdh-1 {
    margin: 0 .5rem 1rem !important;
  }
  .p102-pros-1-title {
    font-size: 1.2rem !important;
  }
}

/* ========================================================
 * 产品页左侧栏底部：Recommended Information（推荐资讯）
 * + Consultation Hotline（咨询热线）
 * 模仿 yuejiujiusanlun.com 移动版的红色顶部块样式
 * ======================================================== */

/* 推荐资讯卡片化 */
.p1-info-3.blk {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
  margin: 0 0 1.4rem !important;
  padding: 0 !important;
  overflow: hidden;
}
.p1-info-3-tit {
  background: linear-gradient(135deg, var(--brand) 0%, #e63030 100%) !important;
  color: #fff !important;
  margin: 0 !important;
  padding: .9rem 1.2rem !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  position: relative;
  display: flex !important;
  align-items: center;
  gap: .55rem;
}
.p1-info-3-tit::before {
  content: "";
  width: 4px;
  height: 1.05em;
  background: #fff;
  border-radius: 2px;
  opacity: .9;
}
.p1-info-3-list {
  padding: .6rem 1.2rem 1rem !important;
}
.p1-info-3-list ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.p1-info-3-list ul li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px dashed #eee;
}
.p1-info-3-list ul li:last-child {
  border-bottom: 0;
}
.p1-info-3-list ul li h4 {
  margin: 0 !important;
  padding: .75rem 0 !important;
  font-size: .9rem !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}
.p1-info-3-list ul li h4 a {
  color: var(--ink) !important;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .2s var(--ease);
}
.p1-info-3-list ul li h4 a:hover {
  color: var(--brand) !important;
}

/* 咨询热线卡片化（红橙渐变全屏块 + 客服图标 + 大字电话） */
.contact-z1.blk {
  background: linear-gradient(135deg, var(--brand) 0%, #e63030 100%) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
  margin: 0 !important;
  padding: 1.4rem 1.2rem 1.5rem !important;
  color: #fff !important;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.contact-z1.blk::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: rgba(255,255,255,.08);
  border-radius: 50%;
  pointer-events: none;
}
.contact-z1.blk::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: -20px;
  width: 100px;
  height: 100px;
  background: rgba(255,255,255,.06);
  border-radius: 50%;
  pointer-events: none;
}
.contact-z1.blk p {
  margin: 0 0 .6rem !important;
  color: #fff !important;
  font-size: .95rem !important;
  font-weight: 500 !important;
  letter-spacing: .04em;
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: .5rem;
}
.contact-z1.blk p::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M20 15.5c-1.25 0-2.45-.2-3.57-.57a1 1 0 0 0-1.02.24l-2.2 2.2a15.07 15.07 0 0 1-6.59-6.58l2.2-2.21a1 1 0 0 0 .25-1.02A11.36 11.36 0 0 1 8.5 4a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1c0 9.39 7.61 17 17 17a1 1 0 0 0 1-1v-3.5a1 1 0 0 0-1-1z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.contact-z1.blk span {
  display: block !important;
  color: #fff !important;
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  letter-spacing: .03em;
  position: relative;
  z-index: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

@media screen and (max-width: 767px) {
  .p1-info-3.blk {
    margin: 0 .5rem 1rem !important;
  }
  .p1-info-3-tit {
    font-size: .95rem !important;
    padding: .8rem 1rem !important;
  }
  .p1-info-3-list {
    padding: .4rem 1rem .8rem !important;
  }
  .p1-info-3-list ul li h4 {
    font-size: .85rem !important;
  }
  .contact-z1.blk {
    margin: 0 .5rem !important;
    padding: 1.2rem 1rem 1.3rem !important;
  }
  .contact-z1.blk span {
    font-size: 1.45rem !important;
  }
}

/* ========================================================
 * 产品内页（products/*.html）专用样式
 * 模仿 yuejiujiusanlun.com 移动版产品详情页
 * ======================================================== */

/* 主容器两栏布局：左图 + 右文（5:5） */
.prod-showcase-1 {
  display: flex !important;
  flex-wrap: wrap;
  gap: 1.6rem !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 1.6rem !important;
  margin: 0 0 1.4rem !important;
  align-items: flex-start;
}

/* 左侧图片区 */
.t1-pro-preview {
  flex: 0 0 55% !important;
  max-width: 55% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
}
/* 主图区 */
.t1-spec-preview {
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: #fafafa !important;
  padding: 1rem !important;
  margin: 0 0 1rem !important;
  text-align: center;
  min-height: 360px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.t1-spec-preview .jqzoom {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  display: block !important;
  float: none !important;
}
.t1-spec-preview .jqzoom img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 380px !important;
  display: inline-block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}

/* 缩略图区 */
.t1-spec-scroll {
  position: relative !important;
  margin: 0 !important;
  padding: 0 32px !important;
  float: none !important;
  width: auto !important;
}
.t1-prev,
.t1-next {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%) !important;
  width: 32px !important;
  height: 32px !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  transition: all .2s var(--ease);
  margin: 0 !important;
  padding: 0 !important;
  color: #888;
  font-size: 0 !important;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.t1-prev::before,
.t1-next::before {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  color: inherit;
  text-indent: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.t1-prev::before {
  content: "‹";
}
.t1-next::before {
  content: "›";
}
.t1-prev {
  left: 0 !important;
}
.t1-next {
  right: 0 !important;
}
.t1-prev:hover,
.t1-next:hover {
  background: var(--brand) !important;
  color: #fff !important;
  border-color: var(--brand) !important;
}
.t1-items {
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
.t1-items-swiper {
  display: flex !important;
  gap: .55rem !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
}
.t1-items-swiper p {
  flex: 0 0 78px !important;
  margin: 0 !important;
  padding: 4px !important;
  border: 2px solid transparent !important;
  border-radius: 6px !important;
  background: #fff !important;
  cursor: pointer;
  transition: border-color .2s var(--ease);
}
.t1-items-swiper p.t1-current {
  border-color: var(--brand) !important;
}
.t1-items-swiper p img {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  display: block !important;
  margin: 0 !important;
}

/* 右侧文字区 */
.p1-pro-showcase-1-txt {
  flex: 0 0 calc(45% - 1.6rem) !important;
  max-width: calc(45% - 1.6rem) !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
}
.p1-pro-showcase-1-txt-title {
  margin: 0 0 1.2rem !important;
  padding: 0 0 .65rem !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  line-height: 1.3 !important;
  border-bottom: 1px solid var(--line) !important;
  position: relative;
}
.p1-pro-showcase-1-txt-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 60px;
  height: 2px;
  background: var(--brand);
  border-radius: 2px;
}
.p1-pro-showcase-1-txt-t1 {
  margin: 0 0 1.4rem !important;
  padding: 0 !important;
  background: #fafafa !important;
  border-left: 3px solid var(--brand) !important;
  border-radius: 4px !important;
  padding: .9rem 1rem !important;
}
.p1-pro-showcase-1-txt-t1 p {
  margin: 0 0 .55rem !important;
  padding: 0 !important;
  font-size: .88rem !important;
  color: var(--ink-2) !important;
  line-height: 1.65 !important;
}
.p1-pro-showcase-1-txt-t1 p:last-child {
  margin: 0 !important;
}
.p1-pro-showcase-1-txt-t1 p b {
  color: var(--brand) !important;
  font-weight: 600 !important;
  margin-right: .35rem;
}

/* 咨询热线 + 在线咨询 */
.p102-proShow-1-tel {
  background: #fafafa !important;
  border-radius: var(--radius) !important;
  padding: 1rem 1.2rem !important;
  margin: 0 !important;
  border: 1px solid var(--line) !important;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: .9rem;
}
.p102-proShow-1-tel a {
  display: inline-flex !important;
  align-items: center;
  gap: .55rem;
  background: linear-gradient(135deg, var(--brand) 0%, #e63030 100%) !important;
  color: #fff !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  padding: .7rem 1.4rem !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: transform .2s var(--ease), box-shadow .2s var(--ease);
  box-shadow: 0 3px 8px rgba(204,0,0,.18);
}
.p102-proShow-1-tel a::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.p102-proShow-1-tel a:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(204,0,0,.28);
  color: #fff !important;
}
.p102-proShow-1-tel p {
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  gap: .45rem;
  font-size: .9rem !important;
  color: var(--ink-2) !important;
}
.p102-proShow-1-tel p em {
  color: var(--ink-3) !important;
  font-style: normal !important;
  font-weight: 500 !important;
}
.p102-proShow-1-tel p::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cc0000'><path d='M20 15.5c-1.25 0-2.45-.2-3.57-.57a1 1 0 0 0-1.02.24l-2.2 2.2a15.07 15.07 0 0 1-6.59-6.58l2.2-2.21a1 1 0 0 0 .25-1.02A11.36 11.36 0 0 1 8.5 4a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1c0 9.39 7.61 17 17 17a1 1 0 0 0 1-1v-3.5a1 1 0 0 0-1-1z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.p102-proShow-1-tel p span {
  color: var(--ink) !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  letter-spacing: .02em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* 详情内容区 */
.p14-prodcontent-1.blk {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 1.6rem 1.8rem !important;
  margin: 0 0 1.4rem !important;
}
.p14-prodcontent-1-desc {
  font-size: .92rem !important;
  line-height: 1.75 !important;
  color: var(--ink-2) !important;
}
.p14-prodcontent-1-desc img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: var(--radius) !important;
  margin: .6rem 0 !important;
  display: block !important;
}
.p14-prodcontent-1-desc p {
  margin: 0 0 .85rem !important;
  font-size: .92rem !important;
  line-height: 1.75 !important;
}
.p14-prodcontent-1-desc table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1rem 0 !important;
  border-radius: var(--radius) !important;
  overflow: hidden;
  font-size: .88rem !important;
}
.p14-prodcontent-1-desc table td {
  padding: .75rem 1rem !important;
  border: 1px solid #e5e5e5 !important;
  text-align: center !important;
}
.p14-prodcontent-1-desc table tr:nth-child(odd) td {
  background: #fafafa;
}
.p14-prodcontent-1-desc table td.td1 {
  background: linear-gradient(135deg, var(--brand) 0%, #e63030 100%) !important;
  color: #fff !important;
  font-weight: 600 !important;
  width: 16% !important;
}

/* 移动端：单列布局 */
@media screen and (max-width: 900px) {
  .prod-showcase-1 {
    flex-direction: column !important;
    gap: 1.2rem !important;
  }
  .t1-pro-preview,
  .p1-pro-showcase-1-txt {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .t1-spec-preview {
    min-height: 220px;
  }
  .t1-spec-preview .jqzoom img {
    max-height: 220px !important;
  }
}
@media screen and (max-width: 767px) {
  .prod-showcase-1 {
    margin: 0 .5rem 1rem !important;
    padding: 1rem !important;
  }
  .p14-prodcontent-1.blk {
    margin: 0 .5rem 1rem !important;
    padding: 1rem !important;
  }
  .p1-pro-showcase-1-txt-title {
    font-size: 1.15rem !important;
  }
  .p102-proShow-1-tel {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .65rem !important;
  }
  .p102-proShow-1-tel a {
    justify-content: center !important;
  }
  .t1-items-swiper p {
    flex: 0 0 64px !important;
  }
  .t1-items-swiper p img {
    width: 56px !important;
    height: 56px !important;
  }
}

/* ========================================================
 * 产品内页底部"Hot Product Recommend / Popular Products"
 * 模仿参考站：标题 + 4 个相关产品卡片化横向排列
 * ======================================================== */
.p14-product-2.blk {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 0 !important;
  margin: 0 0 1.4rem !important;
  overflow: hidden;
}
.p14-product-2-tit {
  background: linear-gradient(135deg, var(--brand) 0%, #e63030 100%) !important;
  color: #fff !important;
  margin: 0 !important;
  padding: 1rem 1.4rem !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  display: flex !important;
  align-items: center;
  gap: .65rem;
  position: relative;
}
.p14-product-2-tit::before {
  content: "";
  width: 4px;
  height: 1.1em;
  background: #fff;
  border-radius: 2px;
  opacity: .9;
}
.p14-product-2-tit b {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
}
.p14-product-2-tit span {
  color: rgba(255,255,255,.7) !important;
  font-weight: 400 !important;
  font-size: .9rem !important;
  letter-spacing: .04em;
  margin-left: auto !important;
}

/* 4 个产品横向网格 */
.p14-product-2-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 1.2rem !important;
  margin: 0 !important;
  padding: 1.4rem !important;
  list-style: none !important;
  background: transparent !important;
  float: none !important;
  width: auto !important;
}
.p14-product-2-list dl {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
}
.p14-product-2-list dl:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0,0,0,.1) !important;
  border-color: var(--brand) !important;
}
.p14-product-2-list dt {
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #f8f8f8;
}
.p14-product-2-list dt a {
  display: block !important;
  height: 100%;
}
.p14-product-2-list dt img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  display: block !important;
  transition: transform .4s var(--ease);
}
.p14-product-2-list dl:hover dt img {
  transform: scale(1.06);
}
.p14-product-2-list dd {
  margin: 0 !important;
  padding: .85rem 1rem 1rem !important;
  float: none !important;
  width: auto !important;
  flex: 1;
  display: flex;
  align-items: flex-start;
}
.p14-product-2-list dd h4 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: .9rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}
.p14-product-2-list dd h4 a {
  color: var(--ink) !important;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .2s var(--ease);
}
.p14-product-2-list dd h4 a:hover {
  color: var(--brand) !important;
}
/* 最后一行清除（兼容原 .p14-product-clear 类） */
.p14-product-2-list dl.p14-product-clear::after {
  content: "";
}

/* 移动端：≤767 单列 */
@media screen and (max-width: 767px) {
  .p14-product-2-tit {
    font-size: .95rem !important;
    padding: .85rem 1rem !important;
  }
  .p14-product-2-tit span {
    font-size: .78rem !important;
  }
  .p14-product-2-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .8rem !important;
    padding: 1rem !important;
  }
  .p14-product-2-list dd {
    padding: .65rem .8rem .8rem !important;
  }
  .p14-product-2-list dd h4 {
    font-size: .82rem !important;
  }
}
@media screen and (max-width: 380px) {
  .p14-product-2-list {
    grid-template-columns: 1fr !important;
  }
}

/* === 产品图廊：主图淡入切换 + 缩略图/翻页按钮交互（v12） === */
@keyframes prodFadeIn {
  from { opacity: 0; transform: scale(.985); }
  to   { opacity: 1; transform: scale(1); }
}
.t1-spec-preview > .jqzoom > img {
  transition: opacity .22s var(--ease) !important;
  animation: prodFadeIn .32s var(--ease) !important;
  cursor: zoom-in;
}

/* 缩略图：点击 + hover 视觉 */
.t1-items-swiper > p {
  cursor: pointer !important;
  position: relative;
  transition: transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);
}
.t1-items-swiper > p::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 4px;
  pointer-events: none;
  transition: background .22s var(--ease);
}
.t1-items-swiper > p:hover {
  transform: translateY(-2px);
}
.t1-items-swiper > p:hover::after {
  background: rgba(204,0,0,.06);
}
.t1-items-swiper > p.t1-current {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 1px var(--brand), 0 4px 10px rgba(204,0,0,.18) !important;
}
.t1-items-swiper > p.t1-current::after {
  background: rgba(204,0,0,.04);
}

/* 缩略图点击 ripple 涟漪效果 */
.t1-items-swiper > p .t1-ripple {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(204,0,0,.55);
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
  opacity: 1;
  z-index: 2;
}
.t1-items-swiper > p .t1-ripple.go {
  animation: t1Ripple .55s var(--ease) forwards;
}
@keyframes t1Ripple {
  0%   { transform: translate(-50%, -50%) scale(0); opacity: .55; }
  70%  { opacity: .15; }
  100% { transform: translate(-50%, -50%) scale(28); opacity: 0; }
}

/* 翻页按钮：hover / active 反馈 */
.t1-prev,
.t1-next {
  transition: background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), transform .15s var(--ease), box-shadow .2s var(--ease) !important;
}
.t1-prev:hover,
.t1-next:hover {
  background: var(--brand) !important;
  color: #fff !important;
  border-color: var(--brand) !important;
  box-shadow: 0 4px 10px rgba(204,0,0,.25) !important;
  transform: translateY(-50%) scale(1.08) !important;
}
.t1-prev:active,
.t1-next:active {
  transform: translateY(-50%) scale(.92) !important;
  box-shadow: 0 2px 4px rgba(204,0,0,.3) !important;
}
.t1-prev:disabled,
.t1-next:disabled {
  opacity: .35 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

/* 切换时主图加 subtle 高光扫过效果 */
.t1-spec-preview > .jqzoom {
  position: relative;
  overflow: hidden;
}
.t1-spec-preview > .jqzoom::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%);
  transform: translateX(-120%);
  pointer-events: none;
}
.t1-spec-preview > .jqzoom.flash::after {
  animation: specFlash .7s var(--ease);
}
@keyframes specFlash {
  from { transform: translateX(-120%); }
  to   { transform: translateX(120%); }
}

/* === 招商页 helps/qdzs.html 响应式适配（v13） === */
/* 原页内联 style 里 .content1 固定 1400px、各区块 dl/dt/dd 用 float，
   在窄屏会横向溢出，这里统一收口。 */
@media screen and (max-width: 1400px) {
  .biaoti,
  .jihui dl,
  .wsm .content1,
  .moshi dl,
  .zhichi ul.content1,
  .menkan dl,
  .fuli ul.content1 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }
  .biaoti {
    font-size: 2.2rem !important;
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
  }
}
@media screen and (max-width: 900px) {
  /* 两栏 float 区块改单列堆叠 */
  .jihui dl dt,
  .jihui dl dd,
  .moshi dl dt,
  .moshi dl dd,
  .menkan dl dt,
  .menkan dl dd {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin-top: 1.5rem !important;
  }
  .jihui dl dd b,
  .moshi ul li b,
  .menkan dl dd b {
    font-size: 1.5rem !important;
  }
  .jihui dl dd em {
    font-size: 1.1rem !important;
    height: auto !important;
    padding-bottom: .8rem !important;
  }
  /* 卡片列表改单列/双列 */
  .wsm ul li,
  .zhichi ul li,
  .fuli ul li {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    padding: 1.2rem !important;
  }
  .zhichi ul li img {
    float: none !important;
    margin: 0 0 .8rem 0 !important;
  }
  .fuli ul li b {
    float: none !important;
    font-size: 3rem !important;
    margin-right: 0 !important;
  }
  .fuli ul li span {
    font-size: 1.4rem !important;
  }
}
@media screen and (max-width: 575px) {
  .biaoti {
    font-size: 1.7rem !important;
    padding-top: 2rem !important;
    padding-bottom: 1.4rem !important;
  }
  .wsm ul li b,
  .zhichi ul li b,
  .moshi ul li b {
    font-size: 1.15rem !important;
  }
  .jihui,
  .moshi,
  .zhichi,
  .wsm {
    padding-bottom: 2.5rem !important;
  }
  .jihui {
    padding-top: 2rem !important;
  }
}

/* === R&D Center 页 helps/yfzx.html 响应式（v14） === */
@media screen and (max-width: 1400px) {
  .rd-intro.content1,
  .rd-facts .content1,
  .rd-cap .content1,
  .rd-flow .content1 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }
  .rd-intro .biaoti,
  .rd-facts .biaoti,
  .rd-cap .biaoti,
  .rd-flow .biaoti {
    font-size: 2.2rem !important;
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
  }
}
@media screen and (max-width: 900px) {
  /* 4 列数字卡 -> 2 列 */
  .rd-facts ul li {
    width: 49% !important;
    margin-bottom: 1rem !important;
    padding: 1.5rem 1rem !important;
  }
  .rd-facts ul li b {
    font-size: 2rem !important;
  }
  /* 2 列能力卡 -> 单列，图标不再浮动 */
  .rd-cap ul li {
    width: 100% !important;
    padding: 1.4rem !important;
  }
  .rd-cap ul li img {
    float: none !important;
    margin-bottom: .8rem !important;
  }
  /* 5 步流程 -> 2 列 */
  .rd-flow ol li {
    width: 49% !important;
    margin-right: 0 !important;
    margin-bottom: 1rem !important;
  }
  .rd-intro .p1 {
    font-size: .95rem !important;
    text-indent: 0 !important;
    line-height: 1.85 !important;
  }
}
@media screen and (max-width: 575px) {
  .rd-intro .biaoti,
  .rd-facts .biaoti,
  .rd-cap .biaoti,
  .rd-flow .biaoti {
    font-size: 1.7rem !important;
    padding-top: 2rem !important;
    padding-bottom: 1.4rem !important;
  }
  /* 极窄屏全部单列 */
  .rd-facts ul li,
  .rd-flow ol li {
    width: 100% !important;
  }
  .rd-cap ul li b {
    font-size: 1.15rem !important;
  }
  .rd-facts,
  .rd-flow {
    padding-bottom: 2.5rem !important;
  }
}

/* ===== Article sidebar RecommendProduct cards (v16, 2026-09-08) ===== */
.p102-pro-related {
  background: transparent;
}
.p102-pro-related-list dl {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  padding: 10px 10px 12px;
  margin: 0 0 14px !important;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}
.p102-pro-related-list dl:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(204, 0, 0, 0.18);
}
.p102-pro-related-list dl dt {
  margin: 0;
  overflow: hidden;
  border-radius: 6px;
}
.p102-pro-related-list dl dt a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.p102-pro-related-list dl dt a img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
  transition: transform 0.4s ease;
}
.p102-pro-related-list dl:hover dt a img {
  transform: scale(1.06);
}
.p102-pro-related-list dl dd {
  margin: 0;
  padding: 10px 0 0;
}
.p102-pro-related-list dl dd h4 {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}
.p102-pro-related-list dl dd h4 a {
  color: #222;
  text-decoration: none;
  transition: color 0.2s;
}
.p102-pro-related-list dl dd h4 a:hover {
  color: #cc0000;
}
.p102-pro-related-list dl dt a em {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(204, 0, 0, 0.0), rgba(204, 0, 0, 0.0));
  transition: background 0.3s;
}
.p102-pro-related-list dl:hover dt a em {
  background: linear-gradient(135deg, rgba(204, 0, 0, 0.0), rgba(230, 48, 48, 0.12));
}
/* Mobile (<=900): 2-col grid for recommend products */
@media (max-width: 900px) {
  .p102-pro-related-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .p102-pro-related-list dl {
    margin: 0 !important;
  }
}
@media (max-width: 575px) {
  .p102-pro-related-list {
    grid-template-columns: 1fr !important;
  }
}

/* ===== Article page responsive (port from m-site, 2026-09-08) ===== */
@media (max-width: 900px) {
  .p102-info-blk,
  .p102-info-fdh-2 {
    width: 100% !important;
    float: none !important;
    margin-top: 20px !important;
  }
  .p102-info-blk-con {
    padding: 25px 18px 30px;
  }
  .p102-info-blk-title {
    font-size: 24px;
    line-height: 1.35;
  }
  .p102-info-content {
    font-size: 15px;
    line-height: 28px;
  }
  .p102-info-related-list dl {
    width: 100% !important;
    padding: 0 12px;
  }
  .p102-info-related-list dt {
    width: 150px;
  }
  .p102-info-latest li {
    width: 100% !important;
  }
  .p102-info-11-title,
  .p102-info-12-title {
    font-size: 22px;
  }
  .p102-pro-related-title span {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .p102-info-blk-title {
    font-size: 20px;
  }
  .p102-info-related-list dt {
    width: 110px;
  }
  .p102-info-related-list dd h4 {
    font-size: 14px;
  }
  .p102-info-11-title,
  .p102-info-12-title {
    font-size: 19px;
  }
}

/* ===== Banner hero overlay — narrow-screen tightening (2026-09-08) ===== */
@media (max-width: 900px) {
  .banner-tit-overlay {
    width: min(94%, 720px) !important;
    padding: 1.4rem 1.4rem !important;
  }
  .banner-tit-overlay h1,
  .banner-tit-overlay h2 {
    font-size: clamp(1.35rem, 5.4vw, 2.2rem) !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 575px) {
  .banner-tit-overlay {
    width: min(96%, 100%) !important;
    padding: 1rem .8rem !important;
    border-radius: 14px !important;
  }
  .banner-tit-overlay h1,
  .banner-tit-overlay h2 {
    font-size: clamp(1rem, 4.6vw, 1.35rem) !important;
    margin-bottom: .5rem !important;
    line-height: 1.25 !important;
  }
  .banner-tit-overlay .badge {
    padding: .3rem .65rem !important;
    font-size: .72rem !important;
    margin-bottom: .65rem !important;
  }
  .banner-tit-overlay .badge i {
    display: block;
    margin: .15em 0 0;
    font-size: .85em;
  }
  .banner-tit-overlay .sub {
    font-size: .72rem !important;
    line-height: 1.4 !important;
    margin-bottom: .85rem !important;
  }
  .banner-tit-overlay .ctas {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .5rem !important;
  }
  .banner-tit-overlay .cta {
    padding: .6rem .9rem !important;
    font-size: .82rem !important;
  }
}

/* ===== Home page 3 missing blocks: Cooperation Flow / Inquiry Form / Red Hero — 2026-09-08 ===== */

/* ---------- 1. Cooperation Process (4-step horizontal flow) ---------- */
.coop-flow {
  list-style: none;
  margin: 2.5rem 0 1.5rem !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: 1fr 36px 1fr 36px 1fr 36px 1fr;
  gap: 0 !important;
  align-items: stretch;
}
.coop-flow .step {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 14px;
  padding: 1.8rem 1.2rem 1.4rem;
  position: relative;
  text-align: center;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .04);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
.coop-flow .step:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(204, 0, 0, .12);
  border-color: #ffd0d0;
}
.coop-flow .step .num {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, #cc0000, #e63030);
  color: #fff;
  font-weight: 800;
  font-size: .95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(204, 0, 0, .35);
  letter-spacing: .02em;
}
.coop-flow .step .ico {
  display: block;
  width: 48px;
  height: 48px;
  margin: 1.4rem auto 1rem;
  color: #cc0000;
}
.coop-flow .step h3 {
  font-size: 1.15rem;
  margin: .4rem 0 .6rem;
  color: #1a1a1a;
  font-weight: 700;
}
.coop-flow .step p {
  font-size: .9rem;
  line-height: 1.55;
  color: #555;
  margin: 0;
}
.coop-flow .arrow {
  align-self: center;
  height: 2px !important;
  background: repeating-linear-gradient(
    90deg,
    #cc0000 0 6px,
    transparent 6px 12px
  );
  position: relative;
  margin-top: 1.2rem;
}
.coop-flow .arrow::after {
  content: '';
  position: absolute;
  right: -1px;
  top: -5px;
  border: 6px solid transparent;
  border-left: 8px solid #cc0000;
}
.coop-cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem !important;
}
.coop-cta .cta.primary {
  background: linear-gradient(135deg, #cc0000, #e63030);
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(204, 0, 0, .32);
}
.coop-cta .cta.primary:hover {
  background: linear-gradient(135deg, #e63030, #ff5050);
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(204, 0, 0, .45);
  color: #fff !important;
}
.coop-cta .cta.secondary {
  background: #fff;
  color: #cc0000 !important;
  border: 1.5px solid #cc0000;
}
.coop-cta .cta.secondary:hover {
  background: #fff5f5;
  border-color: #e63030;
  color: #e63030 !important;
  transform: translateY(-2px);
}
.inq-form .cta.primary.inq-submit {
  background: linear-gradient(135deg, #cc0000, #e63030);
  color: #fff !important;
  border: 0;
  border-radius: 999px;
}
.inq-form .cta.primary.inq-submit:hover {
  background: linear-gradient(135deg, #e63030, #ff5050);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(204, 0, 0, .35);
  color: #fff !important;
}

/* ---------- 2. Inquiry Form ---------- */
.inquiry {
  display: grid !important;
  grid-template-columns: 1fr 1.4fr;
  gap: 0 !important;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .08);
  margin-top: 2.5rem !important;
}
.inq-side {
  background: linear-gradient(155deg, #cc0000 0%, #e63030 60%, #ff5050 100%);
  color: #fff;
  padding: 2.6rem 2rem;
  position: relative;
}
.inq-side::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 80% 0%, rgba(255, 255, 255, .18), transparent 50%),
    radial-gradient(circle at 0% 100%, rgba(0, 0, 0, .18), transparent 60%);
  pointer-events: none;
}
.inq-side > * { position: relative; }
.inq-side h3 {
  font-size: 1.7rem;
  margin: 0 0 1rem;
  font-weight: 800;
  line-height: 1.2;
}
.inq-side p {
  font-size: .95rem;
  line-height: 1.6;
  opacity: .95;
  margin: 0 0 1.6rem;
}
.inq-contact {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
.inq-contact li {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding: .7rem 0;
  border-top: 1px solid rgba(255, 255, 255, .22);
  font-size: .9rem;
}
.inq-contact li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .22); }
.inq-contact li b {
  font-size: .82rem;
  letter-spacing: .05em;
  opacity: .85;
  font-weight: 600;
}
.inq-contact li a,
.inq-contact li span {
  color: #fff;
  font-size: .98rem;
  font-weight: 600;
  text-decoration: none;
  word-break: break-word;
}
.inq-contact li a:hover { text-decoration: underline; }
.inq-form {
  padding: 2.4rem 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 1.1rem;
  align-content: start;
}
.inq-form label {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  font-size: .82rem;
  font-weight: 600;
  color: #444;
}
.inq-form label.full { grid-column: 1 / -1; }
.inq-form input,
.inq-form select,
.inq-form textarea {
  font: inherit;
  font-size: .92rem;
  padding: .7rem .85rem;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  background: #fafafa;
  color: #1a1a1a;
  transition: border-color .2s, box-shadow .2s, background .2s;
  outline: none;
  resize: vertical;
}
.inq-form input:focus,
.inq-form select:focus,
.inq-form textarea:focus {
  border-color: #cc0000;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(204, 0, 0, .08);
}
.inq-form .inq-submit {
  grid-column: 1 / -1;
  padding: .85rem 1.4rem;
  font-size: .98rem;
  margin-top: .4rem;
  border: 0;
  cursor: pointer;
}

/* ---------- 3. Bottom Red Hero ---------- */
.red-hero {
  position: relative;
  background:
    linear-gradient(135deg, #b80000 0%, #cc0000 35%, #e63030 80%, #ff5757 100%);
  color: #fff;
  padding: 4.5rem 0 4rem;
  margin: 0;
  overflow: hidden;
}
.red-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(255, 255, 255, .14), transparent 45%),
    radial-gradient(circle at 88% 80%, rgba(0, 0, 0, .22), transparent 55%);
  pointer-events: none;
}
.red-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  opacity: .55;
}
.red-hero .content01 {
  position: relative;
  z-index: 1;
  text-align: center;
}
.red-hero .rh-kicker {
  font-size: .9rem;
  letter-spacing: .25em;
  margin: 0 0 1rem;
  font-weight: 600;
  opacity: .9;
}
.red-hero .rh-title {
  font-size: clamp(2.1rem, 5.2vw, 4.4rem);
  font-weight: 900;
  margin: 0 0 1.2rem;
  line-height: 1.05;
  letter-spacing: -.01em;
  text-shadow: 0 4px 20px rgba(0, 0, 0, .25);
}
.red-hero .rh-sub {
  max-width: 760px;
  margin: 0 auto 2.5rem;
  font-size: clamp(1rem, 1.6vw, 1.18rem);
  line-height: 1.6;
  opacity: .95;
}
.red-hero .rh-stats {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 0 auto 2.5rem !important;
  padding: 0 !important;
  max-width: 880px;
}
.red-hero .rh-stats li {
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 12px;
  padding: 1.4rem 1rem;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  text-align: center;
}
.red-hero .rh-stats b {
  display: block;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.02em;
  white-space: nowrap;
}
.red-hero .rh-stats b span {
  font-size: .55em;
  margin-left: .05em;
  opacity: .9;
  display: inline-block;
}
.red-hero .rh-stats em {
  display: block;
  font-style: normal;
  font-size: .85rem;
  opacity: .9;
  margin-top: .35rem;
  letter-spacing: .04em;
}
.red-hero .rh-cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .9rem;
}
.red-hero .rh-cta .cta.primary {
  background: #fff;
  color: #cc0000 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}
.red-hero .rh-cta .cta.primary:hover {
  background: #fff5f5;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .28);
  color: #cc0000 !important;
  transform: translateY(-2px);
}
.red-hero .rh-cta .cta.secondary {
  background: rgba(255, 255, 255, .12);
  border: 1.5px solid rgba(255, 255, 255, .55);
  backdrop-filter: blur(6px);
}
.red-hero .rh-cta .cta.secondary:hover {
  background: rgba(255, 255, 255, .22);
  color: #fff !important;
  transform: translateY(-2px);
}
.red-hero .rh-cta .cta.ghost {
  background: transparent;
  border: 1.5px solid rgba(255, 255, 255, .35);
  color: #fff !important;
}
.red-hero .rh-cta .cta.ghost:hover {
  background: rgba(255, 255, 255, .1);
  color: #fff !important;
  transform: translateY(-2px);
}

/* ---------- Mobile responsive for the 3 blocks ---------- */
@media (max-width: 900px) {
  .coop-flow {
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
  }
  .coop-flow .arrow { display: none; }
  .inquiry {
    grid-template-columns: 1fr !important;
    border-radius: 14px !important;
  }
  .inq-side { padding: 2rem 1.5rem !important; }
  .inq-form {
    padding: 1.6rem 1.3rem !important;
    grid-template-columns: 1fr !important;
  }
  .red-hero {
    padding: 3.5rem 0 3rem !important;
  }
  .red-hero .rh-stats {
    grid-template-columns: 1fr 1fr !important;
    gap: .75rem !important;
  }
}

@media (max-width: 575px) {
  .coop-flow {
    grid-template-columns: 1fr !important;
    gap: 2.2rem !important;
    margin-top: 2rem !important;
  }
  .coop-flow .arrow { display: none; }
  .coop-cta { flex-direction: column !important; }
  .coop-cta .cta { width: 100% !important; text-align: center !important; }
  .inquiry { border-radius: 12px !important; margin-top: 1.5rem !important; }
  .inq-side h3 { font-size: 1.35rem !important; }
  .red-hero {
    padding: 2.8rem 0 2.4rem !important;
  }
  .red-hero .rh-stats li { padding: 1rem .6rem !important; }
  .red-hero .rh-cta { flex-direction: column !important; }
  .red-hero .rh-cta .cta { width: 100% !important; text-align: center !important; }
}

/* === 视频嵌入卡片（发布工具同步生成的文章页使用） — 2026-09-09 === */
.resp-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: .5rem 0 1.2rem;
  border-radius: 10px;
  background: #000;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
}
.resp-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.article-tags {
  margin-top: 1.2rem !important;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.article-tags span {
  display: inline-block;
  padding: .35rem .8rem;
  border-radius: 999px;
  background: #f4f6f8;
  border: 1px solid #e3e7eb;
  color: #cc0000;
  font-size: .82rem;
  line-height: 1.4;
}
/* 视频中心卡片标题做成可点击链接 */
.list-video .video-txt h4 a { color: inherit; }
.list-video .video-txt h4 a:hover { color: #cc0000; }

/* 在线留言表单（Tools/leaveword）— 补齐表单基础样式（线上原本缺失）*/
.form-02-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 18px; color: #333; }
.form-02-con .findrow li { margin-bottom: 14px; min-height: 36px; line-height: 36px; clear: both; }
.form-02-con .findrow li label { display: inline-block; min-width: 110px; }
.form-02-con .findrow li label b { color: #cc0001; margin-right: 4px; }
.form-02-con .inputs { display: inline-block; border: 1px solid #d6d6d6; padding: 6px 10px; height: 32px; box-sizing: border-box; width: 360px; max-width: 100%; background: #fff; vertical-align: middle; }
.form-02-con textarea { display: block; border: 1px solid #d6d6d6; padding: 6px 10px; min-height: 100px; width: 560px; max-width: 100%; box-sizing: border-box; background: #fff; font-family: inherit; vertical-align: top; }
.form-02-con .inputs:focus, .form-02-con textarea:focus { border-color: #cc0001; outline: none; }
.form-02-con-input { background: #cc0001; color: #fff; border: 0; padding: 8px 32px; cursor: pointer; font-size: 1rem; }
.form-02-con-input:hover { background: #a30000; }
.form-02-con-li01, .form-02-con-li02 { overflow: hidden; }
.form-02-con-textarea { padding-top: 4px; }
.form-02-con-textarea label { vertical-align: top; padding-top: 4px; }
.code_gg_li { overflow: hidden; line-height: 36px; }
.code_gg_li label { display: inline-block; min-width: 110px; }
.code_gg { display: inline-block; border: 1px solid #d6d6d6; padding: 6px 10px; height: 32px; box-sizing: border-box; width: 110px; vertical-align: middle; }
.getcode_gg { display: inline-block; vertical-align: middle; height: 32px; cursor: pointer; margin-left: 4px; }
@media (max-width: 600px) {
  .form-02-con .findrow li label { display: block; margin-bottom: 6px; }
  .form-02-con .inputs, .form-02-con textarea { width: 100%; }
}

/* 公司风采页（help_gsfc）工厂画廊网格 — 线上原本无样式导致 8 张大图竖排，改为响应式网格（2026-09-09 补，page-specific 不影响 help_ryzs 等同类页） */
.k12-gl-gslb-3nf1-1-01-left.gfc-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.k12-gl-gslb-3nf1-1-01-left.gfc-grid dl {
  width: auto;
  float: none;
  margin: 0;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
  transition: box-shadow .2s;
}
.k12-gl-gslb-3nf1-1-01-left.gfc-grid dl:hover {
  box-shadow: 0 2px 12px rgba(0,0,0,.12);
}
.k12-gl-gslb-3nf1-1-01-left.gfc-grid dt img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
.k12-gl-gslb-3nf1-1-01-left.gfc-grid dd {
  text-align: center;
  padding: 12px 8px;
}
.k12-gl-gslb-3nf1-1-01-left.gfc-grid dd h4 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
}
.k12-gl-gslb-3nf1-1-01-left.gfc-grid dd h4 a {
  color: #333;
  text-decoration: none;
}
.k12-gl-gslb-3nf1-1-01-left.gfc-grid dd h4 a:hover {
  color: #cc0000;
}
@media (max-width: 900px) {
  .k12-gl-gslb-3nf1-1-01-left.gfc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}
@media (max-width: 575px) {
  .k12-gl-gslb-3nf1-1-01-left.gfc-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .k12-gl-gslb-3nf1-1-01-left.gfc-grid dt img { height: 180px; }
}