/* ===== 官网前台样式（配色规范：白底/灰字/橙点缀 #F6B26B/红 CTA #FB203B） ===== */
:root {
  --bg: #ffffff;
  --bg-soft: #f6f6f6;
  --text: #333333;
  --text-2: #555555;
  --text-3: #999999;
  --line: #eeeeee;
  --line-2: #dddddd;
  --accent: #F6B26B;
  --cta: #FB203B;
  --container: 1400px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
/* 证书区大标题艺术字体（fontStyle4.ttf，平台 SpecialText4） */
@font-face { font-family: "SpecialText4"; src: url("../fonts/fontStyle4.ttf") format("truetype"); }
body {
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; background: none; border: 0; }

.container { max-width: var(--container); margin: 0 auto; padding: 0 20px; }
/* 区块间隙统一约 20px（19~21px） */
.section { padding: 20px 0; }

/* ===== 页头 ===== */
.site-header { background: var(--bg); border-bottom: 1px solid var(--line); }
/* 所有页面顶部 27px 黑色全宽条（公共页头 tem_45_30） */
.header-top { height: 27px; background: rgb(0, 0, 0); }
.header-main { display: flex; align-items: center; gap: 40px; height: 77px; position: relative; }
.site-logo { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: normal; color: #000000; }
.site-logo img { height: 48px; width: auto; }
/* 导航：一级项内容自适应宽靠拢、橙底贴文字（两侧 14px）；hover 橙底(rgb(246,178,107))加粗；current 深橙底(rgb(255,153,0))；下拉贴内容宽度居中 */
.site-nav { flex: 1; }
.nav-list { display: flex; justify-content: center; }
.nav-item { position: relative; }
.nav-link {
  display: inline-block; height: 36px; line-height: 36px; padding: 0 40px; font-size: 18px; color: #444444;
  text-align: center; white-space: nowrap; transition: background 0.2s, color 0.2s, font-weight 0.2s;
}
.nav-item:hover .nav-link {
  background: rgb(246, 178, 107); color: #444444; font-weight: bold;
}
.nav-item.current .nav-link {
  background: rgb(255, 153, 0); color: #444444; font-weight: normal;
}
.dropdown {
  display: block; position: absolute; top: 100%; left: 50%; right: auto;
  transform: translateX(-50%);
  width: max-content; min-width: 100%;
  background: rgb(246, 178, 107); z-index: 30;
  max-height: 0; overflow: hidden; transition: max-height 0.4s ease;
}
.nav-item:hover .dropdown { max-height: 400px; }
.dropdown li { margin: 0; }
.dropdown a { display: block; padding: 0 15px; height: 36px; line-height: 36px; color: #ffffff; font-size: 16px; text-align: center; white-space: nowrap; }
.dropdown a:hover { color: #ffffff; }
.header-phone { color: #000000; font-size: 20px; white-space: nowrap; }
.nav-toggle { display: none; flex-direction: column; gap: 5px; padding: 6px; }
.nav-toggle span { width: 24px; height: 2px; background: var(--text); }

/* ===== Hero 轮播（对齐：三屏背景 + 霓虹绿发光大字 48/40px + 灰/白小字 + slideIn 动画） =====
    font-style-data="4" 预设：color #D5FF82 + 绿光 text-shadow + bold + letter-spacing 0.2em */
.hero { position: relative; height: 600px; overflow: hidden; background: var(--bg-soft); margin-bottom: 39px; }
.hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.6s var(--ease); }
.hero-slide.is-active { opacity: 1; }
.hero-bg { width: 100%; height: 100%; object-fit: cover; }
.hero-inner { position: absolute; left: 50%; top: 0; bottom: 0; width: 100%; max-width: 1400px; transform: translateX(-50%); }
.hero-text { position: absolute; opacity: 0; white-space: nowrap; }
.hero-slide.is-active .hero-text { animation-duration: 0.75s; animation-timing-function: ease; animation-fill-mode: forwards; }
.hero-text.t-big { font-size: 48px; }
.hero-text.t-mid { font-size: 40px; }
.hero-text.t-title { font-size: 40px; }
.hero-text.t-big, .hero-text.t-mid, .hero-text.t-title {
  font-weight: bold; line-height: 1.6; letter-spacing: 0.2em; padding: 0.75em;
  color: #D5FF82;
  text-shadow: 0 0 0.15em #33E200, 0 0 0.3em #33E200, 0 0 0.6em #33E200, 0 0 1.2em #33E200;
}
/* "擒纵机构"大间距标题：两词两端对齐，间距随容器宽度自适应（固定 letter-spacing 在小屏下中缝与小字错位） */
.hero-text.t-mid { display: flex; justify-content: space-between; letter-spacing: 1.5em; }
.hero-text.t-36 { font-size: 36px; color: #555555; }
.hero-text.t-22 { font-size: 22px; color: #555555; }
.hero-text.t-22w { font-size: 22px; color: #ffffff; }
.hero-text.d-down { animation-name: heroSlideDown; }
.hero-text.d-left { animation-name: heroSlideLeft; }
.hero-text.d-right { animation-name: heroSlideRight; }
.hero-text.d-up { animation-name: heroSlideUp; }
.hero-text[data-delay="1"] { animation-delay: 0.1s; }
.hero-text[data-delay="2"] { animation-delay: 0.5s; }
.hero-text[data-delay="3"] { animation-delay: 1s; }
@keyframes heroSlideDown { from { opacity: 0; transform: translateY(-36px); } to { opacity: 1; transform: translateY(0); } }
@keyframes heroSlideLeft { from { opacity: 0; transform: translateX(-36px); } to { opacity: 1; transform: translateX(0); } }
@keyframes heroSlideRight { from { opacity: 0; transform: translateX(36px); } to { opacity: 1; transform: translateX(0); } }
@keyframes heroSlideUp { from { opacity: 0; transform: translateY(36px); } to { opacity: 1; transform: translateY(0); } }

/* ===== 面包屑装饰条（ breadcrumb_Style1：#cccccc 底、35px、14px Tahoma #444、当前项黑加粗、hover 蓝） ===== */
.crumb-strip { background: #cccccc; height: 35px; }
.crumb-strip a, .crumb-strip .crumb-cur, .crumb-strip i {
  display: inline-block; font-family: Tahoma, "Microsoft YaHei", sans-serif;
  font-size: 14px; color: #444444; line-height: 34px; font-style: normal;
}
.crumb-strip a:hover { color: #0000ff; font-weight: bold; }
.crumb-strip i { margin: 0 3px; }
.crumb-strip .crumb-cur { color: #000000; font-weight: bold; cursor: default; }
/* 产品页面包屑随 1600 画布左对齐（该页 breadcrumb 为 1600 宽无内边距） */
.product-crumb { max-width: 1600px; padding: 0; }
.page-banner { background-size: cover; background-position: center; height: 346px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; }
.page-banner h1 { font-size: 34px; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); }
.crumbs { margin-top: 10px; font-size: 14px; opacity: 0.9; }
.crumbs a:hover { text-decoration: underline; }

/* ===== 四宫格（：hover 深色遮罩从顶部滑入 + 橙标题 24px + 绿描述 18px） ===== */
.quad-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.quad-item { position: relative; overflow: hidden; display: block; background: var(--bg-soft); box-shadow: 6.4px 7.7px 20px rgb(153, 153, 153); }
.quad-item img { width: 100%; height: 100%; min-height: 448px; object-fit: cover; transition: all 0.3s ease-in-out; }
.quad-item:hover img { transform: scale(1.2); }
.quad-item:nth-child(1), .quad-item:nth-child(4) { grid-column: span 2; }
.quad-layer {
  position: absolute; left: 0; right: 0; top: -100%; height: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  padding: 15px 25px; opacity: 0; pointer-events: none;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease-in-out;
}
.quad-item:hover .quad-layer { top: 0; opacity: 1; }
.quad-title { font-family: "Microsoft YaHei", sans-serif; font-size: 24px; color: #ff6600; font-weight: bold; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; }
.quad-desc { font-family: Tahoma, Arial, sans-serif; font-size: 18px; color: #00ff00; font-weight: normal; text-align: center; line-height: 20px; white-space: pre-line; }

/* ===== 三卡（：深色半透明条 + 30px SimHei 白字标题 + 14px #ddd 描述） ===== */
.honor-strip { background: rgba(0, 0, 0, 0.65); }
.honor-row { max-width: 1400px; margin: 0 auto; padding: 24px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding-left: 138px; padding-right: 138px; }
.honor-item { text-align: left; display: flex; gap: 24px; align-items: flex-start; }
.honor-icon { width: 47px; height: 42px; margin-top: 6px; flex: none; animation: rubberBand 0.75s ease 0.1s both; }
.honor-item h3 { font-family: SimHei, "Microsoft YaHei", sans-serif; font-size: 30px; color: #ffffff; font-weight: bold; margin-bottom: 6px; line-height: 1.3; }
.honor-item h3::after { content: "。"; color: #555555; }
.honor-item p { font-size: 14px; color: #dddddd; line-height: 1.6; }
@keyframes rubberBand {
  0% { transform: scale(1); }
  30% { transform: scaleX(1.25) scaleY(0.75); }
  40% { transform: scaleX(0.75) scaleY(1.25); }
  50% { transform: scaleX(1.15) scaleY(0.85); }
  65% { transform: scaleX(0.95) scaleY(1.05); }
  75% { transform: scaleX(1.05) scaleY(0.95); }
  100% { transform: scale(1); }
}

/* ===== 证书区（：与三卡相同的深色背景 rgba(0,0,0,0.65) + 双标题错位并排 + 190×260 小图横排自动轮播） ===== */
.cert-banner {
  background: rgba(0, 0, 0, 0.65);
  height: 433px; position: relative;
}
.cert-titles { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1400px; top: -8px; height: 145px; display: flex; justify-content: center; gap: 120px; }
.cert-title { font-family: "SpecialText4", "Microsoft YaHei", sans-serif; font-size: 50px; font-weight: bold; line-height: 145px; letter-spacing: 0.2em; padding: 0 0.75em; color: #D5FF82; text-shadow: 0 0 0.15em #33E200, 0 0 0.3em #33E200, 0 0 0.6em #33E200, 0 0 1.2em #33E200; }
.cert-title.t1 { text-align: left; }
.cert-title.t2 { text-align: center; padding: 0; }
.cert-marquee { position: absolute; left: 0; right: 0; top: 132px; overflow: hidden; }
.cert-track { display: flex; width: max-content; animation: certScroll 36s linear infinite; }
.cert-track:hover { animation-play-state: paused; }
.cert-item { width: 190px; margin-right: 20px; text-align: center; flex: none; }
.cert-item img { width: 190px; height: 260px; object-fit: cover; display: block; }
.cert-item figcaption { padding: 5px 10px; background: #ffffff; color: #333333; font-size: 12px; font-family: Tahoma, Arial, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@keyframes certScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ===== 视频 + 双列表（左视频 16:9，右侧上下两列表总高与视频对齐） ===== */
.news-zone { display: grid; grid-template-columns: 1.45fr 1fr; gap: 24px; align-items: stretch; }
.news-video video { width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: 2px; display: block; }
.news-lists { display: grid; grid-template-rows: 1fr 1fr; align-content: stretch; min-height: 0; gap: 16px; }
.news-col:only-child { grid-row: 1 / -1; } /* 常见问题列被注释后：单列横跨两行铺满，与 .news-video 等高；两列时各行 1fr 行为不变 */
.news-col { display: flex; flex-direction: column; min-height: 0; overflow: hidden; background-color: rgb(228, 242, 253); border: 1px solid rgb(204, 204, 204); box-shadow: 6.4px 7.7px 20px rgb(153, 153, 153); padding: 10px 24px; }
.news-col ul { flex: 1; min-height: 0; overflow: hidden; }
.news-col h3 { font-size: 20px; margin-bottom: 6px; display: inline-block; }
.news-col li { padding: 1px 0; }
.news-item-head { display: flex; gap: 12px; align-items: baseline; }
.news-col time { color: #999999; font-size: 12px; font-family: Tahoma, Arial, sans-serif; white-space: nowrap; margin-right: 14px; }
.news-col a { color: #666666; font-size: 14px; font-family: Tahoma, "Microsoft YaHei", sans-serif; line-height: 22px; transition: color 0.2s; }
.news-col a:hover { color: #000000; text-decoration: underline; }
.step-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.step-item { border: 1px solid var(--line); border-radius: 2px; padding: 20px; text-align: center; }
.step-no { display: inline-block; width: 34px; height: 34px; line-height: 34px; border-radius: 50%; background: var(--accent); color: #fff; font-size: 18px; margin-bottom: 10px; }
.video-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.split-zone { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; }
.split-text h2, .block-title { font-size: 26px; margin-bottom: 18px; padding-left: 14px; border-left: 4px solid var(--accent); }
.split-text p { color: var(--text-2); margin-bottom: 14px; line-height: 1.9; }

/* ===== 擒纵机构页（ qzjgjs：1600 画布 + 左视频 912×513 + 右 630×511 灰底阴影卡片，
     标题 34px slideInDown 延迟 0.75s / 正文 20px Helvetica slideInUp 延迟 1.1s） ===== */
/* 画布固定 1600 设计宽度：≥1600 屏居中；993~1599 桌面窄屏由 main.js 整体 zoom 缩放（无横向滚动条，坐标不变）；≤992 移动版重排 */
.qz-canvas { position: relative; width: 1600px; height: 559px; margin-bottom: 40px; margin-left: max(0px, calc(50% - 800px)); }
.qz-video { position: absolute; left: 0; top: 46px; width: 912px; height: 513px; }
.qz-video video { width: 100%; height: 100%; display: block; background: #000; }
/* qz 与 az 两页卡片视觉一致（ area_Style1：灰底 + 阴影），尺寸位置各自定义 */
.qz-card, .az-card {
  position: absolute;
  background-color: rgb(243, 243, 243);
  box-shadow: 6.427876px 7.660444px 20px rgb(153, 153, 153);
}
.qz-card { left: 942px; top: 48px; width: 630px; height: 511px; }
.az-card { left: 746px; top: 8px; width: 805px; height: 854px; }
.qz-card h2, .az-card h2 {
  position: absolute;
  font-family: "Noto Sans CJK", "Microsoft YaHei", sans-serif;
  font-size: 34px; font-weight: normal; color: #000000; line-height: 1.4;
  letter-spacing: 0.1em; white-space: nowrap;
  /*  font-style-data="10"：hover 时红渐变扫过 */
  background-image: linear-gradient(to right, rgb(252, 229, 205) 0, rgb(255, 0, 0) 100%);
  background-position: 0 0.1em; background-size: 0 100%; background-repeat: no-repeat;
  transition: background-size 0.5s ease;
}
.qz-card h2 { left: 169px; top: 55px; line-height: 1.2; } /* 标题行高 1.4→1.2、上移（距卡顶 82→55，仅 qz 页，az 页不变） */
.az-card h2 { left: 228px; top: 77px; }
.qz-card h2:hover, .az-card h2:hover { background-size: 100% 100%; }
.qz-body {
  position: absolute; left: 15px; top: 140px; width: 600px;
  height: 371px; /* 卡片高 511 − 顶 140：固定高度，文字超出时竖向滚动（PC 端） */
  overflow-y: auto;
  padding-right: 8px; /* 文字与滚动条留缝 */
  font-family: Helvetica, Arial, sans-serif; font-size: 20px;
  color: #333333; line-height: 1.5;
}
.qz-body p + p { margin-top: 20px; }
.qz-anim-down { animation: qzSlideInDown 0.75s ease 0.75s both; }
.qz-anim-up { animation: qzSlideInUp 0.75s ease 1.1s both; }
.qz-anim-right { animation: qzSlideInRight 0.75s ease 0.75s both; }
@keyframes qzSlideInDown {
  from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes qzSlideInUp {
  from { opacity: 0; transform: translate3d(0, 100%, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes qzSlideInRight {
  from { opacity: 0; transform: translate3d(100%, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
/* 页脚（ qzjgjs：rgba(0,0,0,0.15) 底 50px + 居中 14px #333 版权） */
.qz-footer { height: 50px; background: rgba(0, 0, 0, 0.15); }
.qz-footer p { text-align: center; line-height: 50px; font-family: system-ui, "Microsoft YaHei", sans-serif; font-size: 14px; color: #333333; }

/* ===== 缓降器使用视频页（ hjqsysp：1600 画布 + 46px 黑标题 + 居中竖屏视频 480×853，
     坐标均按扣除 35px 面包屑条换算） ===== */
/* 画布固定 1600 设计宽度：≥1600 屏居中；993~1599 桌面窄屏由 main.js 整体 zoom 缩放（无横向滚动条，坐标不变）；≤992 移动版重排 */
.sy-canvas { position: relative; width: 1600px; height: 1065px; margin-bottom: 40px; margin-left: max(0px, calc(50% - 800px)); }
/* 46px 黑标题为 sy/xj 两页共用（ text_Style1：Source Han Sans 46px #000） */
.sy-title, .xj-title {
  position: absolute;
  font-family: "Source Han Sans", "Microsoft YaHei", Geneva, sans-serif;
  font-size: 46px; font-weight: normal; color: #000000; line-height: 65px;
  white-space: nowrap;
}
.sy-title { left: 633px; top: 59px; width: 334px; }
.xj-title { left: 706px; top: 66px; width: 602px; }
.sy-video { position: absolute; left: 556px; top: 185px; width: 480px; height: 853px; }
/* 480×853 竖屏视频容器为 sy/az/xj 三页共用 */
.sy-video video, .az-video video, .xj-video video { width: 100%; height: 100%; display: block; background: #000; }

/* ===== 缓降器安装视频页（ hjqazsp：1600 画布 + 左竖屏视频 480×853 + 右 805×854 灰底卡片，
     卡片内标题/正文沿用 qz 卡片样式，动画 qz-anim-down/up 共用） ===== */
/* 画布固定 1600 设计宽度：≥1600 屏居中；993~1599 桌面窄屏由 main.js 整体 zoom 缩放（无横向滚动条，坐标不变）；≤992 移动版重排 */
.az-canvas { position: relative; width: 1600px; height: 960px; margin-bottom: 40px; margin-left: max(0px, calc(50% - 800px)); }
.az-video { position: absolute; left: 232px; top: 8px; width: 480px; height: 853px; }
.az-body {
  position: absolute; left: 214px; top: 197px; width: 275px;
  font-family: Helvetica, Arial, sans-serif; font-size: 30px;
  color: #333333; line-height: 1.75;
}

/* ===== 试跳视频页（ xjsp：1600 画布 + 居中 46px 标题 + 三个竖屏视频 480×853 并排） ===== */
.xj-canvas { position: relative; width: 1600px; height: 1102px; margin-bottom: 40px; margin-left: max(0px, calc(50% - 800px)); }
.xj-video { position: absolute; top: 185px; width: 480px; height: 853px; }
.xj-video.x1 { left: 30px; }
.xj-video.x2 { left: 556px; }
.xj-video.x3 { left: 1092px; }

/* ===== 经销商下单页（ jxsxd：全宽 226px 大图 + 面包屑条 + 1400 画布左右两组二维码下单区，
     画布内 top 坐标按扣除 261px（banner 226 + 面包屑 35）换算） ===== */
.jx-banner { position: relative; height: 226px; overflow: hidden; }
.jx-banner img { position: absolute; left: 50%; top: 0; width: 1920px; height: 224px; margin-left: -960px; }
.jx-crumb { max-width: 1400px; padding: 0; }
/* 画布固定 1400 设计宽度：≥1400 屏居中；993~1399 桌面窄屏由 main.js 整体 zoom 缩放（无横向滚动条，坐标不变）；≤992 移动版重排 */
.jx-canvas { position: relative; width: 1400px; height: 469px; margin-bottom: 40px; margin-left: max(0px, calc(50% - 700px)); }
.jx-txt {
  position: absolute; text-align: center; line-height: 1;
  font-family: "Source Han Sans", "Microsoft YaHei", Geneva, sans-serif;
  font-size: 22px; color: #000000;
}
.jx-txt-b { left: 343px; top: 33px; width: 208px; }
.jx-txt-i { left: 820px; top: 29px; width: 203px; }
.jx-qr { position: absolute; width: 150px; height: 150px; }
.jx-qr img { width: 148px; height: 148px; }
.jx-qr-b { left: 373px; top: 95px; }
.jx-qr-i { left: 846px; top: 94px; }
.jx-btn {
  position: absolute; display: block; height: 68px; line-height: 68px; text-align: center;
  background-color: rgb(255, 104, 75); color: #ffffff;
  font-family: "Noto Sans CJK", "Microsoft YaHei", sans-serif; font-size: 22px;
}
.jx-btn-b { left: 314px; top: 266px; width: 268px; }
.jx-btn-i { left: 797px; top: 265px; width: 264px; }
.jx-foot {
  position: absolute; left: 607px; top: 410px; width: 174px; text-align: justify;
  font-family: "Source Han Sans", "Microsoft YaHei", Geneva, sans-serif;
  font-size: 16px; line-height: 1.75; color: #555555;
}

/* ===== 产品知识页（ hjqywzs：1400 画布 + 346px 大图 + 面包屑条 + 34px 标题 +
     10 个 1150px 灰底知识卡片（编号 1-7、9-11，无 8）。
     画布内 top 按扣除 381px（banner 346 + 面包屑 35）换算，卡片高照抄固定值） ===== */
.yw-banner { position: relative; height: 346px; overflow: hidden; }
.yw-banner img { position: absolute; left: 50%; top: 0; width: 1920px; height: 346px; margin-left: -960px; }
.yw-crumb { max-width: 1400px; padding: 0; }
/* 画布固定 1400 设计宽度：≥1400 屏居中；993~1399 桌面窄屏由 main.js 整体 zoom 缩放（无横向滚动条，坐标不变）；≤992 移动版重排 */
.yw-canvas { position: relative; width: 1400px; height: 5709px; margin-bottom: 40px; margin-left: max(0px, calc(50% - 700px)); }
.yw-title {
  position: absolute; left: 537px; top: 30px; width: 326px; text-align: center;
  font-size: 34px; font-weight: bold; color: #000000;
}
.yw-card { position: absolute; left: 125px; width: 1150px; background-color: rgb(243, 243, 243); }
.yw-body {
  position: absolute; left: 15px; top: 20px; width: 1125px; overflow: hidden;
  font-size: 18px; color: #434A54; line-height: 1.75;
}
.yw-body h3 { font-size: 24px; font-weight: bold; line-height: 1.75; }

/* ===== 研发团队介绍页（ yftdjs：410px 全宽背景图 banner（白字 90px/36px + 入场动画）+
     面包屑条 + 664px 灰底区（左团队照 633×493 + 右 24px 标题/18px #777 正文）） ===== */
.yf-banner { position: relative; height: 410px; background: url("../images/-65682.png") no-repeat 50% 50% / cover; }
.yf-banner-inner { position: relative; width: 1400px; height: 100%; margin-left: max(0px, calc(50% - 700px)); }
.yf-banner-t1 { position: absolute; left: 276px; top: 135px; font-size: 90px; font-weight: bold; color: #ffffff; line-height: 1.2; }
.yf-banner-t2 { position: absolute; left: 473px; top: 186px; width: 405px; font-size: 36px; font-weight: bold; color: #ffffff; white-space: nowrap; line-height: 1.4; }
.yf-zone { background: rgb(243, 243, 243); margin-bottom: 40px; }
/* 盒固定 1400 设计宽度：≥1400 屏居中；993~1399 桌面窄屏由 main.js 整体 zoom 缩放（无横向滚动条，坐标不变）；≤992 移动版重排 */
.yf-inner { position: relative; width: 1400px; height: 664px; margin-left: max(0px, calc(50% - 700px)); }
.yf-photo { position: absolute; left: 2px; top: 77px; width: 633px; height: 493px; object-fit: cover; }
.yf-title { position: absolute; left: 895px; top: 120px; font-size: 24px; color: #666666; }
.yf-desc { position: absolute; left: 669px; top: 180px; width: 691px; height: 375px; overflow-y: auto; padding-right: 8px; font-size: 18px; color: #777777; line-height: 2; } /* 内区高 664 − 顶 289：固定高度，文字超出时竖向滚动（PC 端） */

/* ===== 联系我们页（ lxwm：346px 全宽背景图 + 面包屑条 + 1400×630 近白卡片（大阴影）：
     32px 标题 + 虚线分隔 + 左侧装饰图 40×287 + 联系信息 20px #666 + 右侧 780×517 高德地图） ===== */
.lx-banner { height: 346px; background: url("../images/39785167.jpeg") no-repeat 50% 50% / cover; }
/* 盒固定 1400 设计宽度：≥1400 屏居中；993~1399 桌面窄屏由 main.js 整体 zoom 缩放（无横向滚动条，坐标不变）；≤992 移动版重排 */
.lx-card {
  position: relative; width: 1400px; height: 630px; margin-top: 24px; margin-bottom: 40px; margin-left: max(0px, calc(50% - 700px));
  background-color: rgb(252, 250, 251);
  box-shadow: 12.855752px 15.320889px 17px rgb(153, 153, 153);
}
.lx-title { position: absolute; left: 85px; top: 50px; font-size: 32px; line-height: 1.75; }
.lx-line { position: absolute; top: 76px; height: 0; border-top: 1px dashed #cccccc; }
.lx-line-l { left: 18px; width: 57px; }
.lx-line-r { left: 221px; width: 1177px; }
/* 装饰图（40×287 为 6 个图标竖排、间距约 48px）与联系信息顶部对齐；文字行高 48px 使每行文字与对应图标在同一行 */
.lx-contact { position: absolute; left: 20px; top: 233px; display: flex; align-items: flex-start; gap: 7px; }
.lx-side { flex: none; width: 40px; height: 287px; object-fit: cover; }
.lx-info { font-size: 20px; color: #666666; line-height: 2.4; }
.lx-info p { margin-bottom: 0; }
.lx-map { position: absolute; left: 601px; top: 92px; width: 780px; height: 517px; }
.lx-map iframe { width: 100%; height: 100%; border: 0; display: block; }
.contact-card { border: 1px solid var(--line); border-radius: 2px; padding: 28px; }
.contact-card h2 { margin-bottom: 16px; font-size: 24px; }
.contact-card li { padding: 8px 0; color: var(--text-2); border-bottom: 1px dashed var(--line-2); }
.contact-card span { color: var(--text); }
.news-list .news-item { padding: 18px 0; border-bottom: 1px solid var(--line-2); }
.news-list time { color: #999999; font-size: 18px; font-family: Tahoma, Arial, sans-serif; margin-right: 18px; }
.news-list a { color: #666666; font-size: 18px; font-family: Tahoma, "Microsoft YaHei", sans-serif; }
.news-list a:hover { color: #000000; text-decoration: underline; }
/* 详情页（对齐模板 1133604：24px 标题居中 / 创建时间左对齐 / 分隔线 / 16px 正文 / 大图 616 居中 / 前后篇两行） */
.news-article { background: #ffffff; border: 1px solid var(--line); border-radius: 2px; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06); padding: 36px 48px; }
.news-title { font-size: 24px; text-align: center; color: #404040; font-weight: normal; line-height: 34px; margin-bottom: 12px; }
.news-meta { color: var(--text-3); margin-bottom: 18px; text-align: center;}
.news-line { border-top: 1px solid var(--line-2); margin-bottom: 24px; }
.news-content { font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.8; color: var(--text-2); }
.news-content p { margin-bottom: 16px; text-indent: 2em; }
.news-detail-fig { text-align: center; margin: 24px 0 8px; }
.news-detail-fig img { max-width: min(616px, 100%); display: inline-block; border: 1px solid var(--line); border-radius: 2px; }
.news-pager { margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--text-3); }
.news-pager div { padding: 10px 14px; background: var(--bg-soft); border-radius: 2px; }
.news-pager div + div { margin-top: 12px; }
.news-pager a { color: var(--text-2); }
.news-pager a:hover { color: var(--accent); }
.faq-list li { padding: 16px 0; border-bottom: 1px solid var(--line-2); }
.faq-list h3 { font-size: 17px; margin-bottom: 8px; color: var(--text); }
.faq-list h3::before { content: "Q "; color: var(--accent); font-weight: 700; }
.faq-list div { color: var(--text-2); line-height: 1.8; }
.pager { text-align: center; margin-top: 30px; }
.pager a { display: inline-block; padding: 6px 12px; margin: 0 3px; border: 1px solid var(--line-2); border-radius: 2px; color: var(--text-2); }
.pager a.is-current, .pager a:hover { background: var(--accent); color: #fff; border-color: var(--accent); }
.order-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.order-card { border: 1px solid var(--line); border-radius: 2px; padding: 28px; text-align: center; }
.order-card h3 { margin-bottom: 16px; font-size: 20px; }
.order-card p { margin-top: 12px; color: var(--text-2); }
.knowledge-list { display: grid; gap: 16px; }
.knowledge-card { border: 1px solid var(--line); border-radius: 2px; padding: 22px; }
.knowledge-card h3 { margin-bottom: 10px; font-size: 18px; }
.knowledge-card h3 span:first-child { display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50%; background: var(--accent); color: #fff; margin-right: 10px; font-size: 14px; }
.knowledge-card div { color: var(--text-2); line-height: 1.8; }
.headline { color: var(--accent); margin-bottom: 10px; font-size: 15px; }
.form-success { text-align: center; color: #67c23a; font-size: 18px; padding: 40px 0; }

/* ===== 产品页长图流 ===== */
/* ===== 产品页（：1600 宽 18 张长图竖排无间距 + 浮动文字块绝对定位 + slideIn/zoomIn/rubberBand 动画） ===== */
.product-flow { width: 100%; padding-top: 12px; padding-bottom: 40px; }
/* 画布固定 1600 设计宽度：≥1600 屏居中；993~1599 桌面窄屏由 main.js 整体 zoom 缩放（无横向滚动条，1600 坐标不变）；≤992 移动版重排 */
.product-canvas { position: relative; width: 1600px; margin-left: max(0px, calc(50% - 800px)); }
.p-img { width: 100%; display: block; }
.p-label {
  position: absolute; overflow: visible; pointer-events: none;
  opacity: 0; /* 进入可视区后由 main.js 加 .is-anim 触发（ smart.animation 行为） */
}
.p-label.is-anim {
  animation-duration: 0.75s; animation-timing-function: ease; animation-fill-mode: both;
}
.p-label.is-anim.pl-slide { animation-name: plSlideIn; }
.p-label.is-anim.pl-zoom { animation-name: plZoomIn; }
.p-label.is-anim.pl-rubber { animation-name: rubberBand; }
@keyframes plSlideIn { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
@keyframes plZoomIn { from { opacity: 0; transform: scale(0.6); } to { opacity: 1; transform: scale(1); } }

/* ===== 页脚（：rgb(32,35,42) 底 / logo+社交按钮 / 三栏 / 联系信息带 iconfont 图标） ===== */
.site-footer { background: rgb(32, 35, 42); color: #bbb; margin-top: 0px; }
.footer-main { display: grid; grid-template-columns: 1.2fr 1fr 1.2fr 1fr 1.4fr; gap: 12px; padding: 50px 0 40px; max-width: 1100px; margin: 0 auto; }
.footer-brand { display: flex; flex-direction: column; align-items: center; margin-right: 90px; }
.footer-brand img { width: 70px; height: 70px; margin-bottom: 6px; }
.footer-brand span { font-size: 14px; color: #dddddd; }
.footer-social { display: flex; gap: 30px; margin-top: 20px; }
.footer-social a { width: 30px; height: 30px; display: block;margin: 0px; }
.footer-social img { width: 30px; height: 30px; transition: opacity 0.2s, filter 0.2s; }
.footer-social a:hover img { opacity: 1; filter: brightness(1.5); }
.footer-col h4, .footer-contact h4 { color: #999999; font-size: 16px; font-weight: normal; margin-bottom: 14px; }
.footer-col li { margin-bottom: 6px; font-size: 14px; font-family: Tahoma, "Microsoft YaHei", sans-serif; }
.footer-col a { color: #eeeeee; }
.footer-col a:hover { color: #ffffff; text-decoration: underline; }
/* 联系信息（ companyinfo_Style2：图标 18px #878b8c + 文字 14px #e2e7e9 Tahoma） */
@font-face { font-family: "companyinfo"; src: url("../fonts/companyinfo.woff") format("woff"); }
.ci-icon { font-family: "companyinfo"; font-style: normal; font-size: 18px; color: #878b8c; display: inline-block; width: 18px; margin-right: 5px; vertical-align: top; }
.ci-phone:before { content: "\e6ad"; }
.ci-mail:before { content: "\e6ba"; }
.ci-addr:before { content: "\e6aa"; }
.ci-fax:before { content: "\e6a4"; }
.footer-contact li { margin-bottom: 10px; font-size: 14px; font-family: Tahoma, "Microsoft YaHei", sans-serif; line-height: 24px; }
.footer-contact a, .footer-contact span { color: #e2e7e9; }
.footer-contact a:hover { color: #ffffff; text-decoration: underline; }
/* 地址折成两行（联系栏宽约 223px，14px 字自然折行） */
.ci-addr-text { display: inline-block; max-width: 13em; vertical-align: top; }
.footer-copy { background: #2a2d34; color: #999; text-align: center; padding: 14px 0; font-size: 13px; }

/* ===== 商务合作表单（ formpanel：1298 宽 / 蓝头 rgb(61,133,198) 白字 / 白身 / 橙色提交钮） ===== */
.swhz-wrap { max-width: 1298px; margin: 11px auto 40px; padding: 0 20px; }
.swhz-form { box-shadow: 12.9px 15.3px 20px rgba(0, 0, 0, 0.5); }
.swhz-head { background: rgb(61, 133, 198); padding: 39.5px 30px; text-align: center; }
.swhz-head h1 { font-family: "Microsoft YaHei", sans-serif; font-size: 24px; color: #ffffff; font-weight: bold; line-height: 42px; }
.swhz-head p { font-family: "Microsoft YaHei", sans-serif; font-size: 18px; color: #ffffff; line-height: 26px; }
.swhz-body { background: #ffffff; padding: 12px 30px 24px; }
.swhz-field { margin-top: 20px; }
.swhz-field label { display: block; padding: 7px 0; font-family: "Microsoft YaHei", sans-serif; font-size: 14px; color: #0b5394; font-weight: bold; text-align: left; }
.swhz-field .swhz-x { color: #e75845; padding-right: 10px; }
.swhz-field input, .swhz-field textarea {
  width: 100%; border: 1px solid #dddddd; border-radius: 0; background: #ffffff;
  font-family: "Microsoft YaHei", sans-serif; font-size: 14px; color: #333333;
}
.swhz-field input { padding: 6px 10px; height: 34px; line-height: 22px; outline: none; }
.swhz-field textarea { padding: 6px 10px; min-height: 90px; line-height: 22px; outline: none; resize: vertical; }
.swhz-line { margin-top: 20px; border-top: 1px dotted #dddddd; }
.swhz-note { margin-top: 20px; font-size: 12px; color: #999999; text-align: center; }
.swhz-cols { display: flex; gap: 0; }
.swhz-cols .swhz-field { flex: 1; }
.swhz-cols .swhz-field + .swhz-field { margin-left: 10px; }
.swhz-submit-wrap { margin-top: 28px; text-align: center; }
.swhz-submit {
  display: inline-block; width: 28%; height: 36px; line-height: 36px; border: 0; border-radius: 4px;
  background-color: rgb(255, 102, 0); color: #ffffff; font-family: "Microsoft YaHei", sans-serif;
  font-size: 14px; text-align: center; transition: background-color 300ms linear;
}
.swhz-submit:hover { background-color: #1687cd; }

/* ===== 意向客户留资表单（ formpanel：1298 宽 / 蓝头 147px 仅标题 / 白身 / 橙色提交钮；间距按渲染实测） ===== */
.yxkhlz-wrap { max-width: 1298px; margin: 14px auto 40px; padding: 0 20px; }
.yxkhlz-form { box-shadow: 12.9px 15.3px 20px rgba(0, 0, 0, 0.5); }
.yxkhlz-head { background: rgb(61, 133, 198); padding: 52.5px 30px; text-align: center; }
.yxkhlz-head h1 { font-family: "Microsoft YaHei", sans-serif; font-size: 24px; color: #ffffff; font-weight: bold; line-height: 42px; }
.yxkhlz-body { background: #ffffff; padding-bottom: 40px; }
.yxkhlz-line { margin: 8px 30px 0; border-top: 1px dotted #dddddd; }
.yxkhlz-note { margin: 23px 30px 0; font-size: 12px; color: #999999; line-height: 15px; text-align: center; }
.yxkhlz-cols { display: flex; gap: 60px; margin: 31px 30px 0; }
.yxkhlz-cols .yxkhlz-field { flex: 1; }
.yxkhlz-remark { margin: 24px 30px 0; }
.yxkhlz-field label { display: block; padding: 7px 0; font-family: "Microsoft YaHei", sans-serif; font-size: 14px; color: #0b5394; line-height: 20px; text-align: left; }
.yxkhlz-field .yxkhlz-x { color: #e75845; padding-right: 10px; }
.yxkhlz-field input, .yxkhlz-field textarea {
  width: 100%; border: 1px solid #dddddd; border-radius: 0; background: #ffffff;
  font-family: "Microsoft YaHei", sans-serif; font-size: 14px; color: #333333; outline: none;
}
.yxkhlz-field input { padding: 6px 10px; height: 36px; line-height: 22px; }
.yxkhlz-field textarea { padding: 6px 10px; height: 114px; line-height: 22px; resize: vertical; }
.yxkhlz-field input::placeholder, .yxkhlz-field textarea::placeholder { color: #333333; opacity: 0.5; }
.yxkhlz-msg { margin: 12px 30px 0; font-size: 12px; text-align: center; }
.yxkhlz-success { padding: 40px 30px; font-size: 14px; color: #3c9d4e; text-align: center; }
.yxkhlz-submit-wrap { margin: 28px 30px 0; text-align: center; }
.yxkhlz-submit {
  display: inline-block; width: 346px; height: 36px; line-height: 36px; border: 0; border-radius: 4px;
  background-color: rgb(255, 102, 0); color: #ffffff; font-family: "Microsoft YaHei", sans-serif;
  font-size: 14px; text-align: center; transition: background-color 300ms linear;
}
.yxkhlz-submit:hover { background-color: #1687cd; }

/* ===== 通用 ===== */
.btn { display: inline-block; background: var(--cta); color: #fff; padding: 10px 26px; border-radius: 2px; transition: opacity 0.2s; }
.btn:hover { opacity: 0.88; }
.back-top { position: fixed; right: 28px; bottom: 60px; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.35); color: #fff; font-size: 22px; border-radius: 2px; display: none; z-index: 20; }
.back-top.is-show { display: block; }
.form-field { margin-bottom: 16px; }
.form-field label { display: block; margin-bottom: 6px; color: var(--text-2); }
.form-field label em { color: var(--cta); font-style: normal; margin-right: 2px; }
.form-field input, .form-field textarea { width: 100%; border: 1px solid var(--line-2); border-radius: 2px; padding: 9px 12px; font-size: 14px; font-family: inherit; }
.form-field input:focus, .form-field textarea:focus { outline: none; border-color: var(--accent); }
.captcha-row { display: flex; gap: 10px; align-items: center; }
.captcha-row input { width: 140px; }
.captcha-row img { height: 38px; cursor: pointer; }

/* ===== 响应式 ===== */
/* 窄屏（993~1300px）压缩导航间距，防止 item 被压缩换行 */
@media (max-width: 1300px) {
  .header-main { gap: 20px; }
  .nav-link { padding: 0 24px; }
  /* 三卡左右内边距收窄，避免 993~1100px 三列被挤压换行 */
  .honor-row { padding-left: 60px; padding-right: 60px; gap: 24px; }
  /* 证书双标题左移，避免 t2（left:510 + width:680）在窄屏溢出产生横向滚动条 */
  .cert-title.t1 { left: 120px; }
  .cert-title.t2 { left: 380px; width: auto; }
  /* "擒纵机构"标题词内间距降档 */
  .hero-text.t-mid { letter-spacing: 0.6em; }
}
@media (max-width: 992px) {
  .header-main { height: 64px; }
  .site-nav { display: none; position: absolute; top: 64px; left: 0; right: 0; background: var(--bg); border-bottom: 1px solid var(--line); z-index: 40; }
  .site-nav.is-open { display: block; }
  .nav-list { flex-direction: column; }
  .nav-link { display: block; padding: 0; }
  .nav-item .dropdown { position: static; transform: none; display: block; max-height: 0; box-shadow: none; border: 0; padding-left: 20px; width: auto; }
  .nav-item:hover .dropdown { max-height: 0; }
  .nav-item.is-open .dropdown { max-height: 400px; }
  .nav-toggle { display: flex; }
  .header-phone { margin-left: auto; }
  .quad-grid { grid-template-columns: 1fr 1fr; gap: 8px; padding: 0; } /* 贴边全宽 + 缩小卡片间隙（覆盖 .container 的 20px 内边距与默认 gap） */
  .quad-item:nth-child(n) { grid-column: span 1; }
  .news-zone { padding: 0; } /* 新闻区移动端贴边（覆盖 .container 的 20px 左右内边距） */
  .news-video { margin: 0 12px; } /* 仅视频左右留 12px，新闻列表保持贴边 */
  /* 移动端图片按自身比例完整显示（height:100% 会把图拉伸到卡片全高再 cover 裁切，变形严重） */
  .quad-item img { height: auto; min-height: 0; }
  .honor-row { grid-template-columns: 1fr; padding-left: 40px; padding-right: 40px; gap: 24px; }
  .news-zone, .split-zone { grid-template-columns: 1fr; }
  /* 新闻列表移动端单行省略：日期固定宽，标题弹性收缩超出省略号 */
  .news-col li { display: flex; align-items: baseline; }
  .news-col li time { flex: none; }
  .news-col time { font-size: 13px; } /* 时间文字 12→13px（桌面不变） */
  .news-col a { font-size: 15px; line-height: 26px; } /* 链接字体 14→15px、行高 22→26px（ul 高度随之增加）；桌面不变 */
  .news-col li a {
    flex: 1; min-width: 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .qz-canvas { width: 100%; height: auto; padding: 20px; }
  .qz-video { position: static; width: 100%; height: auto; }
  .qz-video video { height: 275px; object-fit: cover; } /* 移动端固定高度，cover 保比例裁两侧（想再高改这里） */
  .qz-card { position: static; width: 100%; height: auto; margin-top: 20px; }
  .qz-card h2 { position: static; padding: 24px 15px 0; }
  .qz-body { position: static; width: 100%; height: auto; overflow-y: visible; padding: 15px 15px 24px; } /* height/overflow 重置：桌面端 324px+竖向滚动不带到移动端 */
  .sy-canvas { width: 100%; height: auto; padding: 40px 20px; }
  .sy-title { position: static; width: 100%; text-align: center; line-height: 1.4; white-space: normal; }
  .sy-video { position: static; width: 480px; max-width: 100%; height: auto; margin: 24px auto 0; }
  .sy-video video { height: auto; }
  .az-canvas { width: 100%; height: auto; padding: 20px; }
  .az-video { position: static; width: 480px; max-width: 100%; height: auto; margin: 0 auto; }
  .az-video video { height: auto; }
  .az-card { position: static; width: 100%; height: auto; margin-top: 20px; }
  .az-card h2 { position: static; padding: 24px 15px 0; text-align: center; }
  .az-body { position: static; width: 100%; padding: 15px 15px 24px; }
  .xj-canvas { width: 100%; height: auto; padding: 40px 20px; }
  .xj-title { position: static; width: 100%; text-align: center; line-height: 1.4; white-space: normal; }
  .xj-video { position: static; width: 480px; max-width: 100%; height: auto; margin: 24px auto 0; }
  .xj-video video { height: auto; }
  .jx-canvas { width: 100%; height: auto; padding: 30px 20px; }
  /* banner 移动端：容器高度可调，图片 cover 填满（保持比例裁两侧） */
  .jx-banner { height: 160px; }
  .jx-banner img { left: 0; width: 100%; height: 100%; margin-left: 0; object-fit: cover; }
  .jx-txt, .jx-qr, .jx-btn, .jx-foot { position: static; margin: 0 auto 16px; }
  .jx-btn { width: 264px; max-width: 100%; }
  .jx-foot { text-align: center; }
  .yw-canvas { width: 100%; height: auto; padding: 20px; }
  .yw-title { position: static; width: 100%; margin: 10px 0 20px; }
  .yw-card { position: static; width: 100%; height: auto !important; margin-bottom: 20px; }
  .yw-body { position: static; width: 100%; padding: 20px 15px; }
  .yf-banner-inner { width: 100%; padding: 0 20px; }
  /* banner 移动端高度（背景图已 cover，调高度即可） */
  .yf-banner { height: 200px; }
  .lx-banner { height: 160px; }
  .yf-banner-t1 { position: static; padding-top: 90px; text-align: center; font-size: 60px; }
  .yf-banner-t2 { position: static; width: 100%; text-align: center; font-size: 26px; padding-top: 10px; animation: none; } /* 禁位移入场动画：translateX(100%) 会把 layout viewport 撑出横向滚动 */
  .yf-inner { width: 100%; height: auto; padding: 20px; }
  .yf-photo, .yf-title, .yf-desc { position: static; width: 100%; margin-bottom: 16px; }
  .yf-desc { height: auto; overflow-y: visible; } /* 重置桌面端固定高度+竖向滚动：移动端自然流式 */
  .yf-photo { height: auto; }
  .lx-card { width: 100%; height: auto; margin-top: 20px; padding: 20px; }
  .lx-title, .lx-line, .lx-contact, .lx-map { position: static; width: 100%; margin-bottom: 16px; }
  .lx-map { height: 320px; }
  .lx-side { display: none; } /* 移动端隐藏左侧图标条：地址折行会推挤下方各行，与条内烘焙图标错位；桌面不变 */
  .video-row { grid-template-columns: 1fr; }
  .step-list { grid-template-columns: 1fr 1fr; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .hero { height: 420px; margin-bottom: 12px; } /* 面包屑上间距：hero 底距 39px → 12px（桌面不变） */
  .hero-text { position: static; display: block; margin: 10px auto; text-align: center; white-space: normal; }
  /* 首页 hero 第二屏：两行小字移动端一左一右（两端分布） */
  .hero-slide:nth-child(2) .hero-text.d-left { align-self: flex-start; margin: 10px 0 10px 24px; }
  .hero-slide:nth-child(2) .hero-text.d-right { align-self: flex-end; margin: 10px 24px 10px 0; }
  /* 首页 hero 前两屏文字移动端靠右（留 24px 右距，第三屏保持居中） */
  .hero-slide:nth-child(1) .hero-text{
    margin: 10px 50px 10px auto;
  }

  .hero-slide:nth-child(3) .hero-text {
    margin: 10px 60px 10px auto;
  }
  .hero-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .hero-text.t-big { font-size: 56px; }
  .hero-text.t-mid { font-size: 46px; letter-spacing: 0.2em; width: 100%; }
  .hero-text.t-title { font-size: 30px; }
  .hero-text.t-36 { font-size: 24px; }
  .hero-text.t-22, .hero-text.t-22w { font-size: 16px; }
  .cert-banner { height: 300px; }
  .cert-title { font-size: 34px; line-height: 100px; }
  .cert-title.t1 { left: 120px; right: auto; }
  .cert-title.t2 { left: 320px; width: auto; }
  .cert-marquee { top: 96px; }
  .cert-item { width: 150px; }
  .cert-item img { width: 150px; height: 200px; }
  /* 四宫格遮罩触屏不可见（hover 失效）：改图下方常驻文字条（height:auto 覆盖桌面 height:100%，否则文字条被撑成大片空白黑块） */
  .quad-layer { position: static; top: auto; height: auto; opacity: 1; pointer-events: auto; align-items: flex-start; padding: 12px 16px; background: rgba(0, 0, 0, 0.7); }
  /* 标题/描述单行省略（一行放不下打点、不换行，各卡片文字条等高对齐）；width:100% 撑满文字条使省略号生效 */
  .quad-title { font-size: 18px; white-space: nowrap; width: 100%; } /* 桌面已有 overflow/ellipsis，此处仅取消 normal 换行 */
  .quad-desc { font-size: 14px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
  /* 产品页移动版：原生流式布局（无 transform：1600 坐标由 main.js 一次性转为 %/vw，见 main.js productNativeLayout）
     裁剪模式图片的 height/object-fit/object-position 由 JS 写内联（逐图不同，不进 CSS） */
  .product-flow { padding-top: 0; overflow-x: hidden; } /* hidden：布局应用前 label 仍在 px 内联坐标，裁掉横向溢出 */
  .product-canvas { width: 100%; margin-left: 0; }
  .p-img { margin-bottom: 0; }
}
@media (max-width: 768px) {
  /* 四宫格手机窄屏保持每行两个卡片（992 断点的 1fr 1fr 继续生效）；step-list 窄屏改单列 */
  .step-list { grid-template-columns: 1fr; }
  .quad-item img { min-height: 0; }
  .footer-main { grid-template-columns: 1fr; }
  .hero { height: 320px; }
  .hero-text.t-big { font-size: 40px; }
  .hero-text.t-mid { font-size: 34px; }
  .section { padding: 20px 0; }
  .order-cards { grid-template-columns: 1fr; }
  .news-article { padding: 20px 16px; }
  /* 证书双标题改流式居中（375px 下 t1/t2 绝对定位会溢出） */
  .cert-banner { height: auto; }
  .cert-titles { position: static; transform: none; height: auto; padding: 24px 0 0; text-align: center; gap: 12px; } /* 移动端两标题间距（视觉=gap+左右 padding 之和），桌面 120px 不变 */
  .cert-title { position: static; display: inline-block; line-height: 1.4; font-size: 26px; padding: 0 6px; } /* 两标题间距=左右 padding 之和，改这里调整 */
  .cert-title.t1, .cert-title.t2 { left: auto; width: auto; }
  .cert-marquee { position: static; margin-top: 8px; }
  /* 留资表单提交按钮 + 表单双列窄屏改单列 */
  .yxkhlz-submit { width: 100%; max-width: 346px; }
  .swhz-cols, .yxkhlz-cols { flex-direction: column; }
  .swhz-cols .swhz-field + .swhz-field { margin-left: 0; }
}
/* 极窄屏（≤400px）补充 */
@media (max-width: 400px) {
  .header-phone { font-size: 15px; }
  .hero-text.t-big { font-size: 34px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-slide, .quad-item img, .carousel-track { transition: none; }
}
/* 微信/移动端：产品页长图禁止长按弹菜单（干扰浏览） */
.is-wechat .p-img, .is-mobile .p-img { -webkit-touch-callout: none; }
/* ===== 移动端精简 DOM ===== */
/* 页脚极简态：只含"意向客户留资"单入口（JS 在 ≤992px 时构建 .footer-mobile） */
.footer-main.is-mini { padding: 16px 0; }
.footer-mobile { text-align: center; }
.footer-mobile a {
  display: inline-block; color: #ffffff; font-size: 16px;
  padding: 8px 32px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 2px;
}