/* ══════════════════════════════════════════════════════════════
   A' 移动端适配层  ——  只加/覆盖，不改旧样式表
   背景：旧站布局建在 1401px 固定宽容器（body{min-width:1401px} 等 20+ 处），
        这正是当年要造 WAP 手机壳的原因。
   ⚠️ 桌面端（>1400px）完全不受影响 —— 镜像照旧。
   ⚠️ 路灯桩三页 /acc/220·234·236 的表格文字与颜色受 C1 冻结，本文件不改其颜色。
   ══════════════════════════════════════════════════════════════ */

/* 视觉隐藏标题（补 h1 用，不影响布局） */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@media (max-width: 1400px) {
  /* 1) 拆掉 1401px 固定宽度 */
  html, body { min-width: 0 !important; width: auto !important; }
  /* 1b) 裁掉轮播轨道等被 overflow:hidden 遮住但仍撑大 scrollWidth 的幻影溢出
        （实测首页 sw=450 但 scrollTo 后 scrollX=0 = 不能真滚；裁掉后 sw==cw，
         Lighthouse 的 viewport 适配审计也不会误报） */
  html, body { overflow-x: hidden; }

  /* 2) 全站元素一律不得超出父容器 —— 这一步最关键：
        旧站到处是固定 px 宽度（.main/.zone/.banner 1401、轮播 1920…），
        逐个列举会漏，统一用 max-width 兜住。
        ⚠️ 必须同时清零 min-width：旧站多处写 `min-width:1401px`（如 .header_zone/.zone），
           而 CSS 里 min-width 的优先级高于 max-width —— 只写 max-width 完全无效（踩过）。 */
  body *, body *::before, body *::after { max-width: 100% !important; min-width: 0 !important; }

  /* 3) 浮动/两栏 → 单栏堆叠 */
  .pro_left, .pro_right, .pro_info, .con_left, .con_right, .left, .right,
  .side, .sidebar, .right_wrap, .left_wrap, .main_left, .main_right,
  .houli2_pic, .houli2_content, .dl_left, .dl_right, .fleft, .fright {
    float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important;
  }

  /* 4) 轮播/幻灯：整片撑满视口，不再按 1920 硬撑。
        ⚠️ .owl-stage（跑马灯轨道）不能进来：它需要比视口宽，width:100% 会把 item 全部挤换行（踩过）。 */
  .banner, .banner .bd, .banner ul, .bxslider, #applicationpic, #huandeng,
  .banner .bd li, .banner ul li, .bxslider li, #huandeng li, .owl-carousel {
    width: 100% !important; max-width: 100% !important;
  }
  .banner img, #huandeng img, .bxslider img, .owl-stage img { width: 100% !important; height: auto !important; }

  /* 5) 图片自适应 */
  img { height: auto !important; }

  /* 6) 宽表/图库：横向滚动容器（不改颜色，仅加滚动） */
  .content, .bd, .spec-preview, .spec-scroll, .biaoge, .biaoge2 { overflow-x: auto; }

  /* 7) 导航：≤1200px 由汉堡菜单接管（见文件末尾），此处不再用 flex-wrap
        —— flex-wrap 会把 hover 下拉子菜单全部撑开（踩过，已回退）。 */

  /* 8) 首页 Solution 区：旧站是绝对定位 ±260px 出血布局（css.css 8145-8205），
        窄屏必须改静态堆叠，否则右缘越界 260px（实测 sw=650>390）。 */
  .houli2, .houli3 { width: auto !important; height: auto !important; }
  .houli2_pic, .houli3_pic, .houli2_content, .houli3_content {
    position: static !important; width: auto !important; height: auto !important;
    left: auto !important; right: auto !important; top: auto !important;
    margin: 0 !important; padding: 20px !important;
  }
  .houli2_pic, .houli3_pic { padding: 0 !important; }
  .houli2_pic img, .houli3_pic img { width: 100% !important; height: auto !important; }
}

/* 2026-10-19：首页 .houli2/.houli3 为全出血设计（子元素 left/right:-260），
   在 1440 下把文档撑到 1681 并出现横向滚动条。页面级裁剪横向溢出，
   保留设计、去掉滚动条。clip 不创建滚动容器，不影响 sticky/fixed。 */
html, body { overflow-x: clip; }
@supports not (overflow-x: clip) { html, body { overflow-x: hidden; } }

@media (max-width: 760px) {
  /* 多列卡片（产品/新闻列表）→ 单列 */
  ul.tulist, ul.tuwenlist, ul.tuwenlist2, .tulist, .tuwenlist, .tuwenlist2,
  .product_list, .news_list, .indexcases ul, .dl_list { display: block !important; }

  ul.tulist > li, ul.tuwenlist > li, ul.tuwenlist2 > li,
  .tulist li, .tuwenlist li, .tuwenlist2 li, .product_list li, .news_list li {
    width: auto !important; float: none !important; margin: 0 0 16px !important;
  }
  ul.tulist img, ul.tuwenlist img, ul.tuwenlist2 img { width: 100% !important; }

  /* 触控目标最小高度 */
  .lasermenunav li a, .mainnav a, .nav a, .sub a, button, .itext, .ibtn { min-height: 32px; }

  /* 正文与标题留白（旧站全局 *{margin:0} 在窄屏会糊成一片） */
  .content p, .bd p, .content li { line-height: 1.65; }
  .content h2, .content h3, .bd h2, .bd h3 { margin: 14px 0 8px; }
}

/* 轮播溢出处理（jssor 已于 2026-10-12 被 /_local/banner.js 替换；
   以下规则保留给 owl-carousel / bxslider 等其他页的滑动组件） */
@media (max-width: 1400px) {
  .banner, .banner *, #huandeng, #huandeng *,
  .bxslider, .bxslider *, .owl-carousel, .owl-carousel * {
    min-width: 0 !important; max-width: 100% !important;
  }
  /* 例外：owl 轨道必须比视口宽（横向滚动的跑马灯轨道），被 max-width:100% 压住会
     让全部 item 竖排堆叠、 Products/News 区变几千 px 高（踩过，2026-10-12） */
  .owl-carousel .owl-stage { max-width: none !important; }
  .banner, #huandeng { height: auto !important; }
  .banner img, #huandeng img { width: 100% !important; }
}

/* ══ 移动汉堡菜单（≤1200px；与 /_local/mobile-nav.js 配套） ══ */
#mnav-toggle { display: none; }
#mnav-panel { display: none; }
@media (max-width: 1200px) {
  .lasermenuys { display: none !important; }            /* 隐藏桌面导航条 */
  .header { position: relative; min-height: 72px; }
  .header .logo { float: none !important; padding: 8px 0; }
  .header .logo img { max-height: 56px; width: auto !important; }
  .header_right1, .header_right2 { display: none !important; }  /* 电话/邮箱/搜索：页脚有，窄屏让位 */
  #mnav-toggle {
    display: block; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
    width: 46px; height: 44px; min-height: 44px;
    border: 1px solid #208b70; border-radius: 6px; background: #fff; cursor: pointer; padding: 9px 10px;
  }
  #mnav-toggle span { display: block; height: 3px; background: #208b70; margin: 5px 0; border-radius: 2px;
    transition: transform .2s, opacity .2s; }
  #mnav-toggle.mnav-active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  #mnav-toggle.mnav-active span:nth-child(2) { opacity: 0; }
  #mnav-toggle.mnav-active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  #mnav-panel { display: block; clear: both; background: #fff; border-top: 2px solid #208b70; }
  #mnav-panel[hidden] { display: none; }
  #mnav-panel ul { list-style: none; margin: 0; padding: 0; }
  #mnav-panel li { position: relative; border-bottom: 1px solid #eee; float: none !important; width: auto !important; }
  #mnav-panel li li { border-bottom: none; }
  #mnav-panel h3 { margin: 0; font-size: 16px; font-weight: 600; float: none !important; }
  #mnav-panel a { display: block; padding: 12px 60px 12px 18px; color: #333; text-decoration: none;
    min-height: 44px; height: auto !important; line-height: 1.4 !important; background: none !important; }
  #mnav-panel .sub a { padding-left: 34px; font-weight: 400; font-size: 14px; }
  #mnav-panel .dropdown-menu a { padding-left: 52px; font-size: 13px; color: #555; }
  #mnav-panel .sub, #mnav-panel .dropdown-menu {
    display: none; position: static !important; width: auto !important; min-width: 0 !important;
    background: #f7f9f8; box-shadow: none; float: none !important;
  }
  #mnav-panel li.mnav-open > .sub, #mnav-panel li.mnav-open > .dropdown-menu { display: block; }
  .mnav-exp {
    position: absolute; right: 0; top: 0; width: 54px; height: 48px; min-height: 48px;
    border: none; background: transparent; color: #208b70; font-size: 15px; cursor: pointer;
  }
  #mnav-panel li.mnav-open > .mnav-exp { transform: rotate(90deg); }
  #mnav-panel .fa { display: none; }  /* 旧子菜单里的角标图标，手风琴下多余 */
}