/* ============================================================
 * mobile.6255.css  移动端适配样式 · 全站通用（ru / en / cn 三版共用）
 *
 * 作用范围：视口宽度 ≤ 767px（手机/小屏平板），PC 端不受任何影响
 * 配套脚本：templates/script/mobile-nav.js（汉堡菜单 + 表格横滑提示）
 *
 * 页面类型标识（模板 body 自带 class）：
 *   bodyindex    = 首页
 *   bodylist     = 列表页（产品/解决方案列表）
 *   bodylistpost = 详情页（产品/解决方案详情）
 *   bodypage     = 单页（关于我们等）
 *
 * 维护约定：
 *   1. 规则按下方分区归置，同类属性合并，勿在文件后部重复堆叠
 *   2. 覆盖模板 PC 端固定宽度统一使用 !important
 *   3. 改动后请在 440px 视口下回归验证首页/列表/详情/关于四类页面
 * ============================================================ */

@media only screen and (max-width: 767px) {

  /* ============================================================
   * 一、全局基础：解除 1170/1180px 固定宽，禁止横向溢出
   * ============================================================ */

  body {
    min-width: 100% !important;
    overflow-x: hidden !important;      /* 兜底：框架 JS 重算布局可能残留内联宽度 */
    margin: 0 !important;
    padding: 0 !important;
  }

  html {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 修正框架 JS 造成的整体 20px 右移 */
  #web,
  .u-site-header,
  #sitecontent,
  .bodyMask {
    margin: 0 !important;
    left: 0 !important;
  }

  .fw {
    width: 100% !important;
  }

  #header .wrapper,
  #header .wrapper > .content {
    width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  .module .module_container {
    max-width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  /* 兜底：所有模块内容容器禁止撑破视口 */
  .module .module_container .container_content {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ============================================================
   * 二、顶部导航：固定顶栏 + 汉堡按钮 + 顶部下滑菜单
   * 结构：顶栏左侧缩小 logo、右侧汉堡按钮；点击后白色菜单面板
   * 从顶部滑下，含主导航与语言切换；配合半透明遮罩。
   * 菜单开闭状态挂在 body 上：body.nav-open（由 mobile-nav.js 切换）
   * ============================================================ */

  /* 2.1 顶栏紧凑化：高度由 82px 缩为 60px */
  #header .wrapper > .content {
    height: 60px !important;
  }

  #header {
    z-index: 10001 !important;          /* 顶栏整体高于遮罩，保证按钮可点 */
  }

  /* headTop 占满整行（PC 端为 float:left 仅包裹 logo） */
  #headTop {
    float: none !important;
    width: 100% !important;
    height: 60px !important;
    z-index: 10003 !important;          /* 高于菜单面板(10002)，菜单打开时 logo 仍可见 */
  }

  /* logo 缩小并贴左 */
  #logo {
    left: 14px !important;
  }
  #logo img {
    max-height: 36px !important;
  }

  /* 2.2 汉堡按钮：显示在右上角（复用模板自带 #openBtn 的三线结构） */
  #openBtn {
    display: block !important;
    float: none !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    z-index: 10003 !important;
    cursor: pointer !important;
  }

  /* 三线容器 */
  #openBtn .lcbody {
    position: relative !important;
    width: 24px !important;
    height: 18px !important;
    margin: 13px auto !important;
  }

  /* 每条线：直接用 .lcitem 作为线条，内层空 .rect 隐藏 */
  #openBtn .lcitem {
    display: block !important;          /* 覆盖 .hide 的 display:none，保证中线可见 */
    position: absolute !important;
    left: 0 !important;
    width: 24px !important;
    height: 3px !important;
    background: #233876 !important;
    border-radius: 2px !important;
    transition: transform .3s ease, opacity .3s ease !important;
  }
  #openBtn .lcitem.top {
    top: 0 !important;
  }
  #openBtn .lcitem.center {
    top: 50% !important;
    margin-top: -1.5px !important;
  }
  #openBtn .lcitem.bottom {
    top: auto !important;
    bottom: 0 !important;
  }
  #openBtn .rect {
    display: none !important;
  }

  /* 菜单打开时：三线变 ✕（上下两线旋转至中心，中线淡出） */
  body.nav-open #openBtn .lcitem.top {
    transform: translateY(7.5px) rotate(45deg) !important;
  }
  body.nav-open #openBtn .lcitem.center {
    opacity: 0 !important;
  }
  body.nav-open #openBtn .lcitem.bottom {
    transform: translateY(-7.5px) rotate(-45deg) !important;
  }

  /* 2.3 菜单面板：固定定位，默认藏在视口上方，打开时滑下 */
  #navWrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    float: none !important;
    width: 100% !important;
    padding-top: 60px !important;       /* 为固定顶栏留高，菜单项不被遮挡 */
    box-sizing: border-box !important;
    background: #fff !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .12) !important;
    z-index: 10002 !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    transform: translateY(-100%) !important;
    -webkit-transform: translateY(-100%) !important;
    transition: transform .3s ease !important;
  }
  body.nav-open #navWrapper {
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
  }

  /* 菜单列表：纵向排列 */
  #navWrapper .content {
    width: 100% !important;
  }
  #navWrapper .content .nav {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
  }

  /* 隐藏 PC 端导航下划线动画元素（6255.js 动态生成的 li.jsMoveEl） */
  #navWrapper .nav > li.jsMoveEl {
    display: none !important;
  }

  #navWrapper .nav > li.navitem {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    line-height: normal !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }
  #navWrapper .nav > li.navitem > a {
    display: block !important;
    height: auto !important;
    padding: 15px 20px !important;
    line-height: 1.4 !important;
    font-size: 16px !important;
    color: #333 !important;
  }

  /* 2.4 语言切换：移动端无 hover，改为点按标题行展开/收起（JS 切换 .open 类） */
  #navWrapper .lang-switcher .lang-btn {
    display: flex !important;
    font-size: 14px !important;
    color: #999 !important;
    background: #fafafa !important;
  }

  /* 展开时箭头旋转 180°，给出视觉反馈 */
  #navWrapper .lang-switcher .lang-btn .fa {
    transition: transform .3s !important;
  }
  #navWrapper .lang-switcher.open .lang-btn .fa {
    transform: rotate(180deg) !important;
  }

  /* 语言选项默认收起，标题行带 .open 时展开 */
  #navWrapper .lang-switcher .lang-dropdown {
    display: none !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #f7f8fa !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  #navWrapper .lang-switcher.open .lang-dropdown {
    display: block !important;
  }
  #navWrapper .lang-switcher .lang-dropdown li a {
    padding: 13px 20px 13px 36px !important;
    font-size: 15px !important;
  }

  /* 2.5 半透明遮罩：默认隐藏，菜单打开时显示（元素由 JS 动态创建）
     层级：遮罩 10000 全屏可点；#header(10001) 在遮罩上方 */
  #mNavMask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .45);
    z-index: 10000;
  }
  body.nav-open #mNavMask {
    display: block;
  }

  /* 兜底：菜单打开时禁用模板自带 .bodyMask 的指针事件，避免拦截遮罩点击 */
  body.nav-open .bodyMask {
    pointer-events: none !important;
  }

  /* ============================================================
   * 三、首页（bodyindex）：轮播隐藏、计数器 2×2、产品/新闻/图文模块单列化
   * ============================================================ */

  body.bodyindex,
  body.bodyindex #longPage,
  body.bodyindex #indexPage {
    overflow-x: hidden !important;
  }

  #indexPage {
    font-size: 13px !important;
  }

  /* 3.1 模块容器：统一间距与内边距 */
  body.bodyindex #indexPage .module {
    margin-bottom: 20px !important;
    padding: 0 !important;
  }

  body.bodyindex #indexPage .module_container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.bodyindex #indexPage .container_header {
    margin-bottom: 16px !important;
    padding: 0 !important;
  }

  body.bodyindex #indexPage .container_header .title {
    font-size: 20px !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
  }

  body.bodyindex #indexPage .container_header .subtitle {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  /* 3.2 顶部轮播：移动端彻底隐藏不占位（轮播图在窄屏下文字溢出无法完整展示） */
  body.bodyindex #indexPage #topSlider,
  body.bodyindex #indexPage .ff_topSlider {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* 3.3 计数器模块：2×2 罧格，紧贴顶部（PC 为 absolute 居中定位 + 超大数字） */
  body.bodyindex #indexPage .mcounter {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    min-height: 130px !important;
    height: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
  }

  body.bodyindex #indexPage .mcounter .module_container {
    padding: 12px !important;
    min-height: 110px !important;
    height: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
  }

  body.bodyindex #indexPage .mcounter .container_content {
    height: auto !important;
    min-height: 90px !important;
    overflow: visible !important;
  }

  body.bodyindex #indexPage .mcounter ul.content_list {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
  }

  body.bodyindex #indexPage .mcounter ul.content_list li {
    width: 50% !important;
    float: left !important;
    min-height: 50px !important;
    margin: 0 0 8px !important;
    padding: 8px 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  /* 去掉 item 之间的竖线分隔 */
  body.bodyindex #indexPage .mcounter ul.content_list li::after {
    display: none !important;
  }

  body.bodyindex #indexPage .mcounter ul.content_list li p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
  }

  body.bodyindex #indexPage .mcounter ul.content_list li p.number {
    font-size: inherit !important;
    line-height: 1.2 !important;
    margin-bottom: 2px !important;
  }

  /* 关键：数字本身在 .counterDX 里，用完整路径高优先级覆盖超大字号
   * 数字字号 30px：三版（cn/en/ru）移动端计数器样式统一 */
  body.bodyindex #indexPage .mcounter ul.content_list li p.number span.counterDX {
    font-size: 30px !important;
    font-family: helveticaneuethn, Arial, sans-serif !important;
    font-weight: normal !important;
    margin-top: 0 !important;
    line-height: 1.2 !important;
  }

  body.bodyindex #indexPage .mcounter ul.content_list li p.number span.unit {
    font-size: 10px !important;
    vertical-align: top !important;
  }

  body.bodyindex #indexPage .mcounter ul.content_list li p.title {
    font-size: 10px !important;
    line-height: 1.4 !important;
    display: block !important;
    color: #888 !important;
  }

  /* 3.4 产品模块：481-767px 两列卡片，≤480px 单列（避免文字重叠） */
  body.bodyindex #indexPage .mlist.project {
    margin-bottom: 20px !important;
  }

  body.bodyindex #indexPage .mlist.project .module_container {
    padding: 10px 6px !important;
  }

  body.bodyindex #indexPage .mlist.project .content_wrapper,
  body.bodyindex #indexPage .mlist.project .content_list {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.bodyindex #indexPage .mlist.project .content_list .item_block {
    width: 50% !important;
    max-width: 50% !important;
    float: left !important;
    padding: 6px !important;
    margin: 0 0 12px !important;
    box-sizing: border-box !important;
  }

  body.bodyindex #indexPage .mlist.project .content_list .item_block .item_box {
    width: 100% !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
  }

  body.bodyindex #indexPage .mlist.project .content_list .item_block .item_img {
    width: 100% !important;
    height: auto !important;
  }

  body.bodyindex #indexPage .mlist.project .content_list .item_block .item_img img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  body.bodyindex #indexPage .mlist.project .content_list .item_block .item_wrapper {
    padding: 10px !important;
  }

  body.bodyindex #indexPage .mlist.project .content_list .item_block .item_info .title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 4px !important;
  }

  body.bodyindex #indexPage .mlist.project .content_list .item_block .item_info .subtitle {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  /* ≤480px 产品改单列，图片限高居中，保证完整可见 */
  @media (max-width: 480px) {
    body.bodyindex #indexPage .mlist.project .content_list .item_block {
      width: 100% !important;
      max-width: 100% !important;
      float: none !important;
      padding: 8px 12px !important;
      margin: 0 0 16px !important;
    }

    body.bodyindex #indexPage .mlist.project .content_list .item_block .item_img {
      max-height: 260px !important;
      height: 260px !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      background: #fff !important;
    }

    body.bodyindex #indexPage .mlist.project .content_list .item_block .item_img img {
      max-height: 240px !important;
      max-width: 90% !important;
      width: auto !important;
      height: auto !important;
      object-fit: contain !important;
    }

    body.bodyindex #indexPage .mlist.project .content_list .item_block .item_info .title {
      font-size: 15px !important;
    }

    body.bodyindex #indexPage .mlist.project .content_list .item_block .item_info .subtitle {
      font-size: 12px !important;
    }
  }

  /* 3.5 新闻模块：单列紧凑，左图右文 */
  body.bodyindex #indexPage .mlist.news .module_container {
    padding: 20px 12px !important;
  }

  /* 首条在 PC 为绝对定位大图 -> 恢复文档流 */
  body.bodyindex #indexPage .news .content_list .item_block:first-child {
    position: static !important;
  }

  body.bodyindex #indexPage .news .content_list .item_block:first-child .item_img {
    position: relative !important;
    bottom: auto !important;
    width: 35% !important;
    float: left !important;
    margin-right: 12px !important;
  }

  body.bodyindex #indexPage .news .content_list .item_block:first-child .details {
    bottom: auto !important;
    position: relative !important;
  }

  body.bodyindex #indexPage .news.ff_noSlider .content_list #item_block_0 {
    height: auto !important;
  }

  body.bodyindex #indexPage .mlist.news .content_list .item_block {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    padding: 10px 0 !important;
    margin: 0 0 10px !important;
    border-bottom: 1px solid #eee !important;
    box-sizing: border-box !important;
  }

  body.bodyindex #indexPage .mlist.news .content_list .item_block .item_img {
    width: 35% !important;
    float: left !important;
    margin-right: 12px !important;
  }

  body.bodyindex #indexPage .mlist.news .content_list .item_block .item_img img {
    width: 100% !important;
    height: auto !important;
  }

  body.bodyindex #indexPage .mlist.news .content_list .item_block .item_wrapper {
    overflow: hidden !important;
  }

  body.bodyindex #indexPage .mlist.news .content_list .item_block .item_info .title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 4px !important;
  }

  body.bodyindex #indexPage .mlist.news .content_list .item_block .item_info .subtitle {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  /* 3.6 图文混排模块（解决方案/关于我们）：上下堆叠，无大留白 */
  body.bodyindex #indexPage .mcustomize {
    background-color: #f8f8f8 !important;
  }

  body.bodyindex #indexPage .mcustomize .module_container {
    padding: 24px 12px !important;
  }

  body.bodyindex #indexPage .mcustomize .container_content {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.bodyindex #indexPage .mcustomize .mediabody,
  body.bodyindex #indexPage .mcustomize .contentbody {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* 覆盖 style.6255 的 400x260 与 des.6255 的 500x500 固定图片尺寸 */
  body.bodyindex #indexPage .mcustomize .mediabody a .image,
  body.bodyindex #indexPage .mcustomize .mediabody a .image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 280px !important;
    min-height: 0 !important;
    object-fit: cover !important;
    border: none !important;
  }

  body.bodyindex #indexPage .mcustomize .contentbody .wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  body.bodyindex #indexPage .mcustomize .contentbody .wrapper .description {
    width: 100% !important;
    margin: 0 !important;
  }

  body.bodyindex #indexPage .mcustomize .contentbody .wrapper p {
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: left !important;
    margin-bottom: 10px !important;
  }

  body.bodyindex #indexPage .mcustomize .contentbody .wrapper p strong {
    font-size: 16px !important;
  }

  /* ============================================================
   * 四、列表页（bodylist）：banner 右侧聚焦、面包屑、分类条、卡片单列
   * ============================================================ */

  /* 4.1 列表页横幅：超宽背景图（4252x666）在手机端优先展示右侧标语区。
     原图右约 42% 为色块+多语言标语，cover 缩放后 100% 会把文字裁出画面，
     80% 可让标语完整落入视口（三版构图一致，百分比通用） */
  #banner > div {
    background-position: 80% center !important;
  }

  /* 4.2 面包屑模块（PC 端绝对定位悬浮在 banner 上，移动端恢复文档流） */
  body.bodylist #pageTarget {
    position: static !important;
    top: auto !important;
    height: auto !important;
    z-index: auto !important;
    width: 100% !important;
    background: #fff !important;
  }

  body.bodylist #pageTarget .module_container {
    position: static !important;
    top: auto !important;
    transform: none !important;
    padding: 10px 12px !important;
  }

  /* 面包屑文字一行显示，小字、不浮动 */
  body.bodylist #pageTarget .container_target {
    float: none !important;
    height: auto !important;
    line-height: 1.8 !important;
    padding: 0 !important;
    font-size: 12px !important;
    text-align: left !important;
    color: #888 !important;
    white-space: nowrap !important;     /* 面包屑保持一行，超宽时横向滑动 */
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.bodylist #pageTarget .container_target a {
    color: #233876 !important;
  }

  /* 4.3 分类筛选按钮条：PC 端绝对定位 -> 恢复文档流，按钮流式排列可换行 */
  body.bodylist .mlist .module_container .container_category {
    position: static !important;
    margin: 0 0 16px !important;
    padding: 0 12px !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  body.bodylist .mlist .container_category a {
    display: inline-block !important;
    margin: 0 8px 8px 0 !important;
    padding: 6px 12px !important;
    line-height: normal !important;
    height: auto !important;
    font-size: 12px !important;
  }

  /* 内容区取消 PC 端为悬浮分类条预留的 112px 顶部留白 */
  body.bodylist .mlist .container_content {
    padding-top: 0 !important;
  }

  /* 4.4 卡片单列 + 内容链路全宽锁：
     框架 JS 会按 PC 布局给 content_wrapper/content_list 写入内联宽度
     （约 644px）导致手机端右侧溢出，!important 可覆盖内联样式 */
  body.bodylist .mlist .container_content,
  body.bodylist .mlist .container_content .content_wrapper,
  body.bodylist .mlist .content_list {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  body.bodylist .mlist .content_list .item_block {
    width: 100% !important;
    float: none !important;
    margin: 0 0 20px !important;
    box-sizing: border-box !important;
  }

  /* 卡片图片区：取消 PC 端 .item_img 的 margin:10px（100% 宽 + margin 会溢出） */
  body.bodylist .mlist .content_list .item_block .item_img {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.bodylist .mlist .content_list .item_block .item_img img,
  body.bodylist .mlist .content_list .item_block a {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* 卡片文字区：压缩 PC 端 36px 23px 的内边距 */
  body.bodylist .mlist .content_list .item_block .item_wrapper {
    padding: 12px 12px 0 !important;
    box-sizing: border-box !important;
  }

  /* ============================================================
   * 五、详情页（bodylistpost）：主图轮播、参数表横滑、相关产品单列
   * ============================================================ */

  /* 5.1 产品页顶部大图轮播 #postSlider（PC 630px 定宽）-> 单列全宽 */
  body.bodylistpost #postSlider {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    padding-top: 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.bodylistpost #postSlider .bx-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.bodylistpost #postSlider .bx-wrapper .bx-viewport {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.bodylistpost #postSlider img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  /* 缩略图条：移动端隐藏（主图仅 1 张，缩略图为模板残留，
     bxSlider 初始化后宽度为 0 且被裁切，无实际功能） */
  body.bodylistpost #postSlider .tab_button {
    display: none !important;
  }

  /* 5.2 详情主布局：图文左右分栏 -> 上下堆叠（产品/解决方案通用）
     postInfo 本体 PC 为 absolute + right:calc(50%-590px)，窄屏下右偏 375px */
  body.bodylistpost #postContent #postInfo,
  body.bodylistpost #postContent #listContent {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    height: auto !important;
    float: none !important;
  }

  body.bodylistpost #postContent #postInfo {
    padding: 20px 12px 16px !important;
  }

  body.bodylistpost #postContent #postInfo .title,
  body.bodylistpost #postContent #postInfo .description,
  body.bodylistpost #postContent #postInfo .description p,
  body.bodylistpost #postContent #postInfo .item_tags {
    width: auto !important;
    max-width: 100% !important;
  }

  /* 5.3 详情正文容器：取消浮动并约束宽度（PC 端 float 会被宽表格内容撑破） */
  body.bodylistpost .postbody {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  /* 正文区图片自适应 */
  #postContent .postbody img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* postbody 内嵌表格：保持单元格不换行，整表在容器内横向滑动 */
  #postContent .postbody table {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    overflow-x: auto !important;        /* 宽表格横向滚动，不撑破页面 */
    -webkit-overflow-scrolling: touch !important;
  }

  /* 5.4 产品参数表：允许横向滑动，不撑破容器 */
  .robot-params-table {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    display: block !important;
    font-size: 12px !important;
  }

  .robot-params-table th,
  .robot-params-table td {
    white-space: nowrap !important;
    padding: 8px !important;
  }

  /* 5.5 表格横滑提示层（mobile-nav.js 注入 .table-scroll-wrap > table + .table-scroll-hint） */
  .table-scroll-wrap {
    position: relative !important;
    width: 100% !important;
  }

  /* 右侧白色渐变 + 箭头，暗示表格可向左横滑；滑到尽头由 JS 加 .is-hidden 淡出 */
  .table-scroll-hint {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding-right: 8px !important;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 60%, #fff 100%) !important;
    pointer-events: none !important;    /* 不拦截触摸滑动 */
    z-index: 2 !important;
    transition: opacity .25s ease !important;
  }

  .table-scroll-hint .hint-arrow {
    color: #f7b500 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1 !important;
  }

  .table-scroll-hint.is-hidden {
    opacity: 0 !important;
  }

  /* 5.6 产品详情介绍/信息块（PC 绝对定位左右分栏）-> 纵向堆叠 */
  .product_introduction,
  .product_information {
    position: static !important;
    left: auto !important;
    top: auto !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }

  .product_usage {
    font-size: 24px !important;
    line-height: 1.4 !important;
  }

  /* 5.7 "相关产品"轮播（PC 横向 1985px）-> 纵向单列 */
  body.bodylistpost .mlistpost .content_list {
    overflow: hidden !important;
  }

  body.bodylistpost .mlistpost .content_list .item_block {
    width: 100% !important;
    float: none !important;
    margin: 0 0 15px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  body.bodylistpost .mlistpost .content_list .item_block .item_img,
  body.bodylistpost .mlistpost .content_list .item_block a {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.bodylistpost .mlistpost .content_list .item_block img {
    width: 100% !important;
    height: auto !important;
  }

  /* 相关产品轮播容器兜底 */
  body.bodylistpost .mlistpost .bx-wrapper,
  body.bodylistpost .mlistpost .bx-wrapper .bx-viewport {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  /* ============================================================
   * 六、单页（bodypage，关于我们等）：图文表格上下布局 + 大图自适应
   * ============================================================ */

  /* 关于页公司介绍等大图自适应 */
  .mcompany .mediabody img,
  .mcustomize .mediabody img,
  .mpageEditor img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 6.1 关于页：图文混排表格 -> 上下布局（图上文下）
     PC 端为 左图480px + 40px空隙 + 右文650px 的表格布局，
     手机端整体拆为块级纵排 */
  body.bodypage .mpageEditor .postbody table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.bodypage .mpageEditor .postbody table tbody,
  body.bodypage .mpageEditor .postbody table tr {
    display: block !important;
    width: 100% !important;
  }

  /* 单元格转块级：覆盖内联 width:480px / width:650px，全部铺满整行 */
  body.bodypage .mpageEditor .postbody table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    word-break: normal !important;      /* 覆盖内联 break-all，避免长单词被拦腰截断 */
    overflow-wrap: break-word !important;
  }

  /* 中间 40px 空隙列（只含 <br>）折叠为零高，间距改由图片列下边距提供 */
  body.bodypage .mpageEditor .postbody table td[width="40"] {
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

  /* 图片列：置顶铺满，与下方文字留 16px 呼吸间距 */
  body.bodypage .mpageEditor .postbody table td:first-child {
    margin-bottom: 16px !important;
  }

  /* 图片本体：覆盖内联 style width:480px，等比缩放 */
  body.bodypage .mpageEditor .postbody table td img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* 6.2 旧版页脚（关于页 #footer 结构，区别于 #mcontact） */
  #footer,
  #footer .wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #footer p {
    width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  #footer .footerInfo,
  #footer .contact_block {
    width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  /* ============================================================
   * 七、页脚联系模块（#mcontact）：深色页脚式重排
   * 覆盖 PC 端 contactinfo 的 padding-left:470px（给表单留位）、
   * top:-45px 偏移、条目 float:left + width:290px 及内联宽
   * ============================================================ */

  #mcontact {
    background-color: #1a1a1a !important;
    color: #ccc !important;
    margin-bottom: 0 !important;
    padding: 0 !important;              /* 避免与内层 module_container 的 padding 叠加 */
  }

  #mcontact .module_container {
    padding: 30px 16px !important;
  }

  #mcontact .container_header .title {
    font-size: 18px !important;
    color: #fff !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }

  #mcontact .contactlist .clear {
    display: none !important;
  }

  /* 容器链路全宽，覆盖 PC 端 float/固定宽/相对定位 */
  #mcontact .container_content,
  #mcontact .content_wrapper,
  #mcontact .contactlist {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* contactinfo 本体：覆盖 PC 的 position:relative + top:-45px + padding-left:470px */
  #mcontact .container_content #contactinfo {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    color: #ccc !important;
  }

  #mcontact .contactinfo .contact_name {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #fff !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: normal !important;     /* 覆盖 .ellipsis 单行截断，长公司名完整换行 */
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* 联系条目：取消 PC 端 float:left + width:290px 与内联 width:1000px，改为纵向全宽 */
  #mcontact .contactinfo p {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
    color: #bbb !important;
    box-sizing: border-box !important;
  }

  /* 条目前的小圆点装饰 */
  #mcontact .contactinfo p::before {
    content: "" !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background-color: #f7b500 !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
  }

  /* 留言表单（仅首页/联系页有）：纵向堆叠 */
  #mcontact #contactform {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 20px 0 0 !important;
    border-top: 1px solid #333 !important;
  }

  #mcontact .contactform form {
    width: 100% !important;
  }

  #mcontact .contactform p {
    margin-bottom: 12px !important;
  }

  #mcontact .contactform .inputtxt {
    width: 100% !important;
    max-width: 100% !important;
    height: 40px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    border: 1px solid #444 !important;
    background-color: #262626 !important;
    color: #fff !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
  }

  #mcontact .contactform textarea.inputtxt {
    height: 100px !important;
    padding: 10px 12px !important;
    resize: vertical !important;
  }

  #mcontact .contactform .submit {
    height: 44px !important;
    background-color: #f7b500 !important;
    color: #1a1a1a !important;
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    cursor: pointer !important;
  }

  /* ============================================================
   * 八、悬浮组件：隐藏 PC 端侧边客服/微信面板（移动端有底部导航足够）
   * ============================================================ */

  #online_open,
  #online_lx,
  #fixed_weixin,
  #olx_tel,
  .u-online_open,
  .u-online_lx,
  .u-fixed_weixin,
  .u-olx_tel {
    display: none !important;
  }

}