/* ============================================================
   mm 主题 —— 新版首页（hom1~hom5）+ 产品页 移动端响应式增强层
   ------------------------------------------------------------
   背景：home.css 为桌面优先（断点仅到 ~1024px，767px 段为空），
   且大量使用绝对定位浮层、固定像素宽、zoom 缩放，直接加 viewport
   会导致窄屏溢出/重叠/字体过小。本层针对真实类名做窄屏重构。
   断点：平板 ≤1024px ｜ 手机 ≤767px ｜ 小手机 ≤479px
   原则：>1024px 不生效（零桌面影响）；只改布局流与字号，不改配色。
   加载：functions.php 在 home.css 之后入队，保证覆盖顺序。
   ============================================================ */

/* =========================================================
   全局兜底（≤1024px）：防横向溢出 + 恢复可读字号
   ========================================================= */
@media screen and (max-width:1024px){
  /* 关闭桌面端 zoom 缩放（zoom 会让手机字体进一步变小） */
  html,body{zoom:1 !important}
  .hom1 .wd,.hom1 .Tab,.hom2 .Tab,.hom5 .i,.hom1 .Tab strong,
  .hom2 .Tab img,.h1c.tl1,.selfload2 .n,.selfload2 .wd,
  .selfload5 .Flex p,.selfload1 h3 img,.selfload4 .Rg,
  .mlCru1 .Word,.grey-box br,.dsgn1 .Flex::after,.dsgn2 .Sin,
  .dsgn2 .i,.dsgn3 figcaption,.mov-cru2 .wd{zoom:1 !important}

  /* 基础字号：桌面把 body 压到 12~14px，手机恢复 16px 基准 */
  .hom{font-size:16px !important}
  body{font-size:16px !important}

  /* 防横向滚动：用 clip 而非 hidden——hidden 会把 html/body 变成滚动容器，
     导致 .site-header 的 position:sticky 在移动端失效；clip 同样阻止横向溢出但不破坏 sticky */
  html,body{overflow-x:hidden;overflow-x:clip}
  .hom,.hom>*{overflow-x:hidden}
  img,video,iframe{max-width:100%;height:auto}
}

/* =========================================================
   平板专属（768–1024px）
   ------------------------------------------------------------
   背景：≤767px 段做了完整重排，而 768–1024px 只套用了上面
   的全局兜底 —— 于是 hom4/hom5 仍按桌面 5 列一行（每列仅
   ~110–120px）显得极度拥挤，hom1 右侧 25% 文字浮层偏窄。
   本段把这些区块改为 3 列居中网格（3+2），与手机段（≤767px）
   区间互斥、不冲突；>1024px 零影响。
   ========================================================= */
@media screen and (min-width:768px) and (max-width:1024px){
  /* ---------- hom1 解决方案轮播：右侧文字浮层加宽 ---------- */
  .hom1 .wd{width:52% !important;padding:3% !important}
  .hom1 .swiper-slide>.Pic::before{width:52%}
  .hom1 .r .Pic{width: 22%;margin-right: 4%;}

  /* ---------- hom2 产品中心：容器左右留白收窄，卡片仍 2 列 ---------- */
  .hom2 .con{padding:0 5% !important}

  /* ---------- hom2 产品中心 Tab 标签：平板下三个一行、等宽、超宽隐藏 ----------
     桌面 .hom2 .Tab 无固定宽（靠内容撑开 + space-between），长标题在平板会挤压/折行。
     此处强制不换行、各占 1/3 等宽；min-width:0 + overflow:hidden 使超长标题被裁隐藏而非横滑。 */
  .hom2 .Tabs{flex-wrap:nowrap !important;overflow:hidden !important;margin-left:2% !important;margin-right:2% !important}
  .hom2 .Tab{flex:1 1 0 !important;width:33.33% !important;min-width:0 !important;
    flex-wrap:nowrap !important;justify-content:flex-start !important;align-items:center !important;text-align:left;margin:0 10px !important;white-space:nowrap !important;overflow:hidden !important}

  /* ---------- hom2 产品卡文字浮层：平板加底部黑渐变 + 文字白色 ----------
     .wd 为叠在产品图底部的绝对定位浮层（.hom h3 默认色为黑），可读性差。
     加 linear-gradient(to bottom, 顶部全透明 → 底部纯黑)，内部文字全部转白。 */
  .hom2 .wd{background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%) !important;padding:8% 5% 4% !important}
  .hom2 .wd h3,.hom2 .wd h3 a,.hom2 .wd p,.hom2 .wd a,.hom2 .wd strong{color:#fff !important}

  /* ---------- hom4 数字统计：5 列一行 → 3 列居中网格（3+2） ---------- */
  .hom4 .Flex{justify-content:center !important;margin:5.5% 4% !important}
  .hom4 .Sin{width:31% !important;margin:0 1% 5% !important;padding:0 8px !important}
  .hom4 .n{font-size:2.5em !important;margin:8% 0 4% !important}

  /* ---------- hom5 服务保障：5 列一行 → 3 列居中网格（3+2） ---------- */
  .hom5 .con{padding:6% 5% !important}
  .hom5 .Flex{justify-content:center !important}
  .hom5 .Sin{width:29% !important;margin:0 1% 4% !important}

  /* ---------- hom3 全球项目：导航箭头加大便于触控 ---------- */
  .hom3 .arr{width:44px !important}
  .hom3 .arr img{width:44px !important;height:44px !important}

  /* ---------- 顶部导航：隐藏末项「Language」腾出宽度 + 防标签折行 ----------
     根因：style.min.css 给 li a 定了 padding 20px / line-height 60px，
     平板带（≈769–990px）可用宽不足时 “Products Center” 等标签折成两行，
     行高 60×2 使 header 从 70px 翻到 140px。
     方案：隐藏最后一项 Language（#menu-item-9576）以腾出足够单行宽度；
     保留 white-space:nowrap 作为防折行守卫（不改变字号/内边距，与桌面一致）。 */
  #menu-daohang-pc-2024 > li#menu-item-9576{display:none !important}
  .main-navigation .main-nav > ul > li > a{white-space:nowrap}

  /* ---------- hom1 Tab 标签：容器加宽 + 字号回落，消除文字溢出被裁 ---------- */
  .hom1 .Tabs{width:92% !important;left:4% !important}
  .hom1 .Tab a{font-size:1em !important}
}

/* =========================================================
   手机端（≤767px）—— 重点重构段
   ========================================================= */
@media screen and (max-width:767px){
  /* ---------- Hero 视频头 ---------- */
  .hom .Vid video{min-height:auto;height:auto}
  .hom .h1c{font-size:1.15em}
  div.hom h1{font-size:1.5em;padding:0 14px 2%}
  .hom h2{font-size:1.7em;margin:9% 0 6%}
  .hom h3{font-size:1.15em}

  /* ---------- hom1 解决方案轮播：绝对浮层 → 正常流 ---------- */
  .hom1 .swiper-slide>.Pic img{min-height:auto !important;height:auto}
  .hom1 .swiper-slide>.Pic::before{display:none}
  .hom1 .wd{
    position:static !important;transform:none !important;opacity:1 !important;
    width:100% !important;height:auto !important;color:#fff;
    background:rgba(0,0,0,.55);padding:16px 14px !important;
  }
  .hom1 .r>p{margin-top:14px !important;font-size:1em}
  .hom1 .r .Pic{width:30% !important;margin:8px 6% 0 0 !important}
  .hom1 figcaption{position:static;color:#fff;bottom:auto;text-align:center;margin-top:4px}
  /* Tab 改为横向可滑，避免 nowrap 溢出 */
  .hom1 .Tabs{position:static !important;width:100% !important;left:0 !important;
    flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:0}
  .hom1 .Tab{width:auto !important;flex:0 0 auto;padding:12px 14px !important;font-size:.9em}

  /* ---------- hom2 产品中心：2 列卡片 + 浮层转正常流 ---------- */
  .hom2 .Tabs{margin:0 14px 16px !important;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .hom2 .Tab{flex:0 0 auto;padding:10px 12px !important;font-size:.9em}
  .hom2 .con{padding:0 14px !important}
  .hom2 .Sin{width:100% !important;margin:0 0 14px !important;padding:0 !important;position:relative}
  .hom2 .Sin p{margin:0}
  .hom2 .Sin img{width:100%}
  .hom2 .wd{
    position:static !important;width:auto !important;left:auto !important;bottom:auto !important;
    padding:12px 14px 16px !important;background:#EAEDF0;
  }
  .hom2 .s1,.hom2 .s2{width:100% !important}

  /* ---------- hom3 全球项目：浮层转正常流 ---------- */
  .hom3 .swiper-slide{padding:0 8px !important}
  .hom3 .wd{
    position:static !important;opacity:1 !important;left:auto !important;bottom:auto !important;
    width:auto !important;padding:14px !important;background:rgba(255,255,255,.95);
  }
  .hom3 .wd p{font-size:.92em;line-height:1.5}
  .hom3 .arr{width:34px !important;left:6px !important}
  .hom3 .Rg{right:6px !important;left:auto !important}
  .hom3 .arr img{width:34px !important;height:34px !important}

  /* ---------- hom4 数字统计：5 列 → 2 列网格 ---------- */
  .hom4{background-size:cover !important;padding:6% 0 8% !important}
  .hom4 .Flex{margin:6% 5% !important}
  .hom4 .Sin{width:46% !important;margin-bottom:22px !important;padding:0 8px !important}
  .hom4 .Sin:hover{transform:none !important}
  .hom4 .n{font-size:2em !important;margin:8% 0 4% !important}
  .hom4 .h2p{font-size:.92em;line-height:1.7;margin:0 14px 8% !important}
  .hom4 .h2p br{display:none}
  .hom .h2p{margin:0 14px 8% !important}
  .hom4 .a{margin-top:6%}

  /* ---------- hom5 服务保障：5 列 → 2 列；固定宽按钮自适应 ---------- */
  .hom5 .con{padding:24px 14px !important}
  .hom5 .Flex{gap:12px;justify-content:center}
  .hom5 .Sin{width:calc(50% - 6px) !important;margin:0 0 12px !important;font-size:.85em !important;padding:14px 10px !important}
  .hom5 .Sin:hover{transform:none !important}
  .hom5 .i{width:40px !important;height:40px !important;margin:4px auto 8px !important;background-size:contain !important}
  .hom5 h3{font-size:1em !important}
  .hom5 .con>p{font-size:.92em;line-height:1.6;padding:0 4px}
  /* CTA 按钮：固定 290px → 自适应全宽 */
  .hom5 span{width:auto !important;max-width:100% !important;min-height:46px;height:auto !important;
    padding:12px 22px !important;display:inline-flex;line-height:1.3;white-space:normal}

  /* ---------- 询盘弹窗表单：窄屏不溢出 ---------- */
  .pum .pum-container{width:94% !important;max-width:100% !important}
  .pum .form24{zoom:1 !important}
  .pum input,.pum textarea,.pum select{font-size:16px !important} /* 防 iOS 聚焦自动放大 */
  .form24 .Sin{width:30% !important;font-size:.7em !important}
  .form24 .wd{width:100% !important}

  /* ---------- 头部内边距收窄 ---------- */
  .inside-header{padding:0 14px !important}
}

/* =========================================================
   移动端导航（≤768px）：隐藏 PC 主菜单，显示汉堡按钮
   覆盖 GP cached CSS 与 mega 下拉的桌面规则
   ========================================================= */
@media screen and (max-width:768px){
  /* 隐藏桌面主菜单与 mega 面板（排除 footer 的 slideout 侧滑菜单，它由 offside.js 控制显隐） */
  .main-navigation:not(.slideout-navigation) .main-nav,
  .main-navigation:not(.slideout-navigation) .sf-menu,
  #gmg-mega-products{display:none !important}
  /* 显示汉堡按钮。注意：body 带 slideout-mobile，GP 原生机制是"点汉堡→footer 的
     #generate-slideout-menu 侧滑面板滑出"，header 的 .toggled 下拉已被 GP 禁用
     （.slideout-mobile .main-navigation.toggled .main-nav>ul{display:none!important}），
     故此处不再重建 .toggled 展开规则，避免与侧滑机制冲突。 */
  .menu-toggle{display:block !important}
  /* X 关闭按钮：GP Premium 图标字体(\f00d)未加载，缺字符渲染成空心方框；改用 Unicode × */
  .slideout-navigation button.slideout-exit:not(.has-svg-icon):before,
  .slide-opened .slideout-exit:not(.has-svg-icon):before{
    content:'\00d7' !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:700;
    line-height:1;
  }
  /* 页脚链接列：手机端只保留 Contact Us（s3）满宽，隐藏 s1/s2/s4 */
  .foTer .Flex .Sin.s1,
  .foTer .Flex .Sin.s2,
  .foTer .Flex .Sin.s4{display:none !important}
  .foTer .Flex .Sin.s3{display:block !important;width:100% !important;flex:0 0 100% !important;max-width:100% !important}
  /* 页脚 FlexS：logo 与标语桌面横排 → 手机端上下两行、水平居中；
     取消标语左距 40px，收窄 logo 宽并给底部分隔线留白 */
  .foTer .FlexS{flex-direction:column;align-items:center;text-align:center;padding-bottom:16px}
  .foTer .FlexS .log:first-child{width:110px}
  .foTer .FlexS .tit{margin:12px 0 0}
}

/* =========================================================
   小手机（≤479px）
   ========================================================= */
@media screen and (max-width:479px){
  .hom4 .Sin{width:50% !important;max-width:260px;margin-left:auto !important;margin-right:auto !important}
  .hom5 .Sin{width:46% !important}
  .hom1 .r .Pic{width:20% !important; margin: 8px 2% 0 0 !important; vertical-align: top;}
  .hom3 .wd p, .hom2 .Sin p { font-size: .8em; line-height: 1.5;  }
}

/* =========================================================
   产品分类页 / 列表页（posuiplant23616* 区块）
   覆盖：taxonomy-product_cat.php、archive-product.php
   ========================================================= */
@media screen and (max-width:767px){
  .posuiplant23616{font-size:15px !important}
  .hom1 .Tab a {color: #3e3e3e !important;}
  .form24 .fm {  width: 95%;}
  .d-none-m{display: none !important;}
  .show-m{display: block !important;color:#fff;}

  /* ---------- Hero 大图：绝对浮层 → 图上正常流 ---------- */
  #posuiplant23616.posuiplant23616 h1,.posuiplant23616 h1,#conerposui h1{font-size:28px !important}
  .posuiplant23616bancon{
    position:static !important;transform:none !important;left:auto !important;top:auto !important;
    color:#fff;font-size:15px !important;padding:14px 16px 18px;background:rgba(0,0,0,.5);
  }
  .posuiplant23616bant{margin:12px 0 14px !important;font-size:1em}
  .posuiplant23616banp{padding-left:34px !important;background-size:20px auto !important;margin:10px 0 0 !important;font-size:.92em}
  #posuiplant23616 .posuiplant23616ban .owl-dots{bottom:8px !important;right:12px !important}
  #posuiplant23616 .posuiplant23616ban .owl-dots button.owl-dot span{width:10px !important;height:10px !important}

  /* ---------- 区块容器内边距收窄 ---------- */
  .posuiplant23616con{padding-left:16px !important;padding-right:16px !important}
  .posuiplant23616con1{width:100% !important;padding:24px 16px !important}
  .posuiplant23616h2{font-size:1.4em !important;margin:0 0 20px !important}
  .posuiplant23616safe2,.posuiplant23616safe4,.posuiplant23616safe5,.posuiplant23616safe7{padding:0 !important}

  /* ---------- 产品卡 / 特性卡 / 服务卡：2 列 → 单列 ---------- */
  .posuiplant23616safe2sin,.posuiplant23616safe4sin,.posuiplant23616safe7sin{
    width:100% !important;margin:0 0 18px !important;padding:14px !important;
  }
  .posuiplant23616safe2con{padding:16px !important;font-size:13px !important}
  .posuiplant23616safe2p,.posuiplant23616safe4p{font-size:.92em;line-height:1.6}

  /* selfload2 图文并排 → 上下堆叠 */
  .selfload2 .wd{position:static !important;transform:none !important;width:100% !important;
    max-width:none !important;right:auto !important;left:auto !important;padding:14px 0 0 !important}

  /* ---------- 案例卡（Ppic 图 + 文字）：左右 → 上下 ---------- */
  .posuiplant23616safe3con{width:100% !important;padding:16px !important}
  .posuiplant23616con1 .Ppic{width:100% !important}
  .posuiplant23616con1 .Ppic img{height:auto !important}
  .posuiplant23616safe3{margin-bottom:20px !important}

  /* ---------- 工作流程图 / 视频：满宽自适应 ---------- */
  .posuiplant23616 iframe{width:100% !important;height:auto !important;aspect-ratio:16/9}

  /* ---------- Get A Quote 按钮自适应 ---------- */
  .posuiplant23616xp .popmake-217,.posuiplant23616xp span{
    width:auto !important;max-width:100% !important;display:inline-flex !important;
    padding:12px 22px !important;white-space:normal;line-height:1.3;
  }

  /* ---------- FAQ ---------- */
  .posuiplant23616safe8{padding:36px 0 !important}
  .posuiplant23616safe8A,.posuiplant23616safe8AC{font-size:16px !important;padding:14px 44px 14px 52px !important;background-size:22px auto !important;background-position:16px center !important}
  .posuiplant23616safe8A::after,.posuiplant23616safe8AC::after{right:14px !important;font-size:28px !important}
  .posuiplant23616safe8Q{padding:16px !important;font-size:.92em}

  /* ---------- 表格（参数/规格）横滑兜底 ---------- */
  .posuiplant23616 table,.entry-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .posuiplant23616 table th,.posuiplant23616 table td{padding:8px 10px;font-size:13px}

  /* ---------- 块间距与遗漏块优化 ---------- */
  /* .fFlex 只有 display:flex 没有 flex-wrap（默认 nowrap），width:100% 的子项
     会被 flex-shrink 等比压缩而无法单列/堆叠，开启 wrap 才能真正换行 */
  .posuiplant23616 .fFlex{flex-wrap:wrap !important}
  /* 块间 50px → 28px */
  .posuiplant23616>div{margin-bottom:28px !important}
  /* Global Cases / Customized Solutions：上下 50px → 30px */
  .posuiplant23616safe3{padding:30px 0 !important}
  /* Related Products：32.5% 三列 → 单列 */
  .posuiplant23616safe9sin{width:100% !important;padding:0 0 16px !important;margin:0 0 4px !important}
  .posuiplant23616safe9t a{margin:14px 0 10px !important}
  /* Crushing Flow Tabs：Tab 内是 JS 克隆的整张流程大图，width:auto 会按图片固有宽
     撑爆；固定 120px 缩略宽 + 横滑，img 随 Tab 宽等比缩放 */
  .mix-plant4 .Tabs .Tab{flex:0 0 120px !important;width:120px !important;margin-top:0 !important;padding:8px !important}
  /* mix-plant4：图区 sw(60%) 与参数区 wd(39.5%) 并排 → 上下两行（.Flex 已 wrap，各 100% 即换行） */
  .mix-plant4 .sw{width:100% !important;margin:0 0 14px !important}
  .mix-plant4 .wd{width:100% !important}
  /* Global Projects 案例卡（.Ssafe .Ssin）：桌面 padding 50px 60px / margin-bottom 50px
     在窄屏留白过大，收紧为 24px 16px / 24px；标题与正文间距同步收窄，正文占满卡宽 */
  .conerposui-1 .Ssafe .Ssin{padding:24px 0px !important;margin:0 auto 24px !important}
  .conerposui-1 .Ssafe .Ssin .tit{font-size:1.3em !important;margin:18px 0 16px !important}
  .conerposui-1 .Ssafe .Bbox .Lf{width:100% !important}
  /* Working Flow（conerposui-6）：标题带桌面 padding 60px 0 35px + Con14 左右 6% 缩进
     在窄屏过大；h2 改品牌青与青色底带呼应。卡片 margin 80px → 20/24px、半透明灰底
     叠在青带上显脏 → 改实色浅灰，img 边距随卡片 padding 收窄 */
  .conerposui-6 .Hh2{padding:24px 16px 14px !important}
  .conerposui-6 .Hh2 h2{font-size:1.4em !important;line-height:1.3;color:#004e5a !important;margin:0 !important}
  .conerposui-6 .Ccon2{width:92% !important;margin:20px auto 24px !important;padding:12px !important;background:#e8eaeb !important}

  /* GMG Service：同 safe2，背景带移到标题块上，窄屏 cover 随文字高度自适应；
     覆盖模板内联 margin-top:50px（块间距已由 >div 28px 接管） */
  .posuiplant23616safe7{background:#fff;margin-top:0 !important}
  #conerposui-five{background:url(/images/service-group.jpg) center/cover no-repeat #5a4c53;padding:18px 16px;margin:0 0 20px !important}
}

/* =========================================================
   关于我们页（aboutUs1~aboutUs7）—— 移动端响应式
   背景：home.css 的 .aboutUs 断点只到 1300px，窄屏无任何适配——
   HISTORY 段整片绝对定位浮层会重叠；Culture 卡片靠 hover/.Act 显隐
   描述，触屏不触发导致正文永远隐藏；卡片按 32.8%/50%/22.2% 并排，
   窄屏挤成一团；字号被压到 13px。
   原则：仅改布局流与字号，不动配色；>1024px 零影响。
   .Flex 的基类 display:flex 来自未入队的 main.css，故此处显式声明。
   ========================================================= */

/* ---------- 平板（≤1024px）：仅恢复可读字号，不动布局 ---------- */
@media screen and (max-width:1024px){
  .aboutUs{font-size:15px !important}
  .aboutUs h1{font-size:2.2em !important}
  .aboutUs h2{font-size:1.9em !important}
  .aboutUs .h2p{margin:-1em 0 2em !important}
  .aboutUs .h2p br{display:none}
  .aboutUs1 .n,.aboutUs6 strong{font-size:2em !important}
}

/* ---------- 手机（≤767px）：重点重排 ---------- */
@media screen and (max-width:767px){
  /* 全局 */
  .aboutUs h1{font-size:1.6em !important;padding:0 12px}
  .aboutUs h2{font-size:1.6em !important;margin:1.3em 0 .8em}
  .aboutUs h3{font-size:1.15em}
  .aboutUs .h2p{margin:0 14px 1.6em !important;font-size:.95em;line-height:1.7}
  .w146{margin:0 0 20px 0 !important;padding-left:16px;padding-right:16px}

  /* aboutUs1 Who We Are：标题+正文并排 → 上下堆叠；统计 2 列 */
  .aboutUs1{padding:24px 16px !important}
  .aboutUs1 .Flex:first-child{display:block !important}
  .aboutUs1 .Flex:first-child h2{margin:0 0 12px !important;text-align:center}
  .aboutUs1 .p{width:100% !important}
  .aboutUs1 .Flex:last-child{display:flex;flex-wrap:wrap;justify-content:space-between}
  .aboutUs1 .Flex:last-child .Sin{width:48%;margin:4% 0 0;text-align:center}
  .aboutUs1 .n{line-height:1.4 !important}
  .aboutUs1 .Sin p{font-size:.85em;line-height:1.4}

  /* aboutUs2 HISTORY：保留桌面“年份文字浮层压图”的机制（.abSol 必须保持 absolute），
     仅把浮层宽度放大到整屏；竖排年份选择器改为小屏可横滑。
     之前改成 static 会让 Swiper 浮层脱离图片容器、高度塔陷并压到下方 aboutUs3 区块。 */
  .aboutUs2{display:block !important;font-size:15px !important;padding-bottom:20px}
  .aboutUs2 h2.baise{position:static !important;transform:none;text-align:center;padding:1.6em 0 1em !important;letter-spacing:2px}
  .aboutUs2 .Lf{width:100% !important}
  .aboutUs2 .Lf .Pic::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,.32)}
  .aboutUs2 .abSol{position:absolute !important;top:50% !important;left:0 !important;width:100% !important;transform:translateY(-50%) !important;text-align:center;padding:16px 18px;z-index:2}
  .aboutUs2 h3{margin:0 0 12px !important;text-indent:0;font-size:1em}
  .aboutUs2 h3 strong{font-size:1.8em !important}
  .aboutUs2 .abSol .l{margin:8px auto 0}
  /* 年份选择器：竖排 → 小屏横向 Swiper（方向/loop 由 JS 按断点切换，这里只做宽度与药丸外观，不冻结 transform） */
  .aboutUs2 .Rg{position:static !important;width:100% !important;height:auto !important;top:auto !important;right:auto !important;left:auto !important;padding:14px 16px;-webkit-overflow-scrolling:touch}
  .aboutUs2 .Rg .swiper-slide{width:auto;height:auto !important;padding:6px 16px;font-size:.9em;opacity:.7;white-space:nowrap;border:1px solid rgba(255,255,255,.5);border-radius:20px}
  .aboutUs2 .Rg .swiper-slide-prev,.aboutUs2 .Rg .swiper-slide-next{opacity:.7;padding:6px 16px !important;font-size:.9em}
  .aboutUs2 .Rg .swiper-slide-active{opacity:1;font-size:.95em;border:2px solid #fff;background:rgba(255,255,255,.18)}

  /* aboutUs3 Culture：3 列 → 单列；文字浮层压在图片上、与图片底部对齐；触屏无 hover 描述常显 */
  .aboutUs3 .Flex{display:block !important;margin-top:0 !important}
  .aboutUs3 .Sin{width:100% !important;margin:0 0 16px !important;position:relative;overflow:hidden}
  .aboutUs3 .Act img{transform:none !important}
  .aboutUs3 .Act .Pic::after{background:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%) !important;height:60% !important}
  .aboutUs3 .wd{position:absolute !important;bottom:0 !important;left:0 !important;width:100% !important;color:#fff;padding:20px 14px 40px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%)}
  .aboutUs3 .wd p{opacity:.9 !important;height:auto !important;margin:6px 0 0 !important}

  /* aboutUs4 Industries 跑马灯：卡片放大到易读 */
  .scRoll .Pic{width:60vw !important}
  .scRoll .p{font-size:14px !important}

  /* aboutUs5 Solutions：2 列 → 单列，浮层文字随卡片定位 */
  .aboutUs5 .Flex{display:block !important}
  .aboutUs5 .Sin{width:100% !important;margin:0 0 16px !important;position:relative}
  .aboutUs5 .wd{width:92% !important;left:4%}
  .aboutUs5 h3{font-size:1.05em}

  /* aboutUs6 Global Market：去掉与地图的负边距重叠，统计 2 列 */
  .aboutUs6 .Flex{width:92% !important;margin:-24px auto 0 !important;padding:20px 14px !important;display:flex;flex-wrap:wrap;justify-content:space-between}
  .aboutUs6 .Sin{width:46%;text-align:center;margin-bottom:18px}

  /* aboutUs7 Follow Us：四个社交入口同一行显示 */
  .aboutUs7 .Flex{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:8px;margin:0 14px}
  .aboutUs7 .Sin{flex:1 1 0;width:auto !important;margin:0 !important;padding:12px 4px !important;font-size:.72em !important;text-align:center}
  .aboutUs7 .Sin img{max-width:38px;width:auto;height:auto;margin:0 auto 6px !important}
  .aboutUs7 a{height:auto;padding:0 !important;font-size:1.1em;display:flex;flex-direction:column;align-items:center}
}

/* ---------- 小手机（≤479px）：进一步收紧 ---------- */
@media screen and (max-width:479px){
  .aboutUs h1{font-size:1.4em !important}
  .aboutUs2 h3 strong{font-size:1.7em !important}
  .scRoll .Pic{width:74vw !important}
}

/* =========================================================
   产品中心归档页 /products/（archive-product.php：#ProDuct .dsgn3）
   ------------------------------------------------------------
   桌面：两列卡片（.Sin 48.5%），参数浮层压在图片底部，表现正常。
   平板 768–1024：卡片只剩 ~290px 宽，浮层占到卡片高 62%，整块压住机身。
   手机 ≤767：仍强制两列（每列 ~144px），浮层文字高过图片 1.5–7 倍，
   被 .Pic{overflow:hidden} 从顶部裁掉，分类名整行消失。
   方案：≤1024px 把浮层改回正常流（图片下方的深色参数块，永不裁切）；
         手机改单列；≤1366px 横幅视频按比例缩放，避免 940px 定高超过首屏。
   >1366px 零影响。
   ========================================================= */

/* ---------- 笔记本（≤1366px）：横幅视频按 1920:940 比例缩放 ---------- */
@media screen and (max-width:1366px){
  .ProDuct .banner .Vid video{height:auto !important;aspect-ratio:1920 / 940}
}

/* ---------- 平板（≤1024px）：参数浮层 → 图下参数块 ---------- */
@media screen and (max-width:1024px){
  .dsgn3 h2{font-size:24px !important;line-height:1.35;margin:4% 0 2% !important}
  .dsgn3 .Flex{padding-left:4% !important;padding-right:4% !important}
  .dsgn3 .Pic{border-radius:12px !important}
  /* 文字移到图片下方后不再需要压图黑渐变 */
  .dsgn3 .Pic::after{display:none !important}
  .dsgn3 figcaption{
    position:static !important;bottom:auto !important;width:100% !important;margin:0 !important;
    padding:12px 14px !important;background:rgba(0,0,0,.86) !important;text-align:left;
  }
  .dsgn3 figcaption h3{margin:0 0 6px !important;font-size:1.05em !important;line-height:1.35}
  .dsgn3 figcaption p{display:flex !important;align-items:flex-start !important;margin:0 !important;
    font-size:.85em !important;line-height:1.55}
  .dsgn3 figcaption img{width:20px !important;height:auto !important;margin:3px 8px 0 0 !important;flex:0 0 auto}
}

/* ---------- 手机（≤767px）：两列 → 单列 ---------- */
@media screen and (max-width:767px){
  #dsgn{padding-bottom:24px}
  .dsgn3 h2{font-size:20px !important;line-height:1.3;margin:26px 0 14px !important;padding:0 14px;text-align:center}
  .dsgn3 .Flex{display:block !important;padding:0 14px !important}
  .dsgn3 .Sin{width:100% !important;margin:0 0 18px !important}
  .dsgn3 .Pic{margin:0 0 14px !important}
  .dsgn3 figcaption{padding:12px 14px 14px !important}
  .dsgn3 figcaption h3{font-size:1.05em !important;margin:0 0 8px !important}
  .dsgn3 figcaption p{font-size:.82em !important;line-height:1.6}
  .dsgn3 figcaption img{width:18px !important;margin-right:7px !important}
}

/* ---------- 小手机（≤479px）：字号再降一级 ---------- */
@media screen and (max-width:479px){
  .dsgn3 h2{font-size:18px !important}
  .dsgn3 figcaption h3{font-size:1em !important}
  .dsgn3 figcaption p{font-size:.8em !important}
}