/* 仅手机生效；桌面保持原 950 表格布局 */
.m-only { display: none !important; }

@media screen and (max-width: 820px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
    background: #f3f3f3 !important;
  }

  .page-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 20px !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }

  .page-wrap table,
  .page-wrap tbody,
  .page-wrap tr,
  .page-wrap td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  /* 默认图片不强制拉满，避免小图标被放大 */
  .page-wrap img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 顶栏 */
  .hdr {
    background: #f7f7f7 !important;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 12px 10px !important;
  }
  .hdr td {
    background: none !important;
    text-align: center !important;
    padding: 0 !important;
  }
  .hdr .logo-cell img {
    width: 78% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    display: block !important;
  }
  .hdr .ipv6-cell { display: none !important; }
  .hdr .lang-cell {
    padding-top: 6px !important;
    font-size: 14px !important;
    text-align: right !important;
  }
  .hdr .lang-cell div { text-align: right !important; padding-right: 4px !important; }

  .main-row > tbody > tr > td,
  .main-row > tr > td {
    padding: 0 10px !important;
  }

  /* 手机重排：公司介绍 → 导航 → 海景横幅(加高，原第2张Worldwide位) → Worldwide → 业务 */
  .main-row,
  .main-row > tbody,
  .main-row > tbody > tr {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  .main-row > tbody > tr {
    display: contents !important;
  }
  .side-col,
  .content-col,
  .content-col > table,
  .content-col > table > tbody,
  .content-col > table > tbody > tr,
  .content-col > table > tbody > tr > td {
    display: contents !important;
  }
  .m-intro { order: 1 !important; }
  .m-banner-top { order: 2 !important; }
  .m-navbox,
  .m-navmap { order: 3 !important; }
  .m-world { order: 4 !important; }
  .m-biz { order: 5 !important; }
  .m-gap { display: none !important; }

  /* 大图铺满 */
  .intro-img img,
  .world-box img,
  .side-col > a > img,
  .m-intro img,
  .m-world img,
  .biz-img img,
  .biz-img a > img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* 海景横幅：公司介绍下方（箭头位置），加高铺满 */
  .m-banner-top {
    display: block !important;
    width: 100% !important;
    margin: 8px 0 10px !important;
    order: 2 !important;
  }
  .m-banner-top img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 240px !important;
    min-height: 240px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: 0 !important;
  }

  /* 隐藏原右侧横幅，避免重复 */
  .page-wrap table.m-banner,
  .page-wrap .m-banner,
  .page-wrap .banner-img,
  .m-banner,
  .banner-img {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 桌面热区导航图在手机隐藏（避免与下方文字导航重复） */
  .page-wrap table.d-nav-map,
  .page-wrap .d-nav-map,
  .page-wrap .m-navmap,
  .d-nav-map,
  .m-navmap {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .page-wrap .d-nav-map img,
  .page-wrap .m-navmap img {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  .m-only { display: block !important; }

  .m-nav {
    display: flex !important;
    flex-direction: column;
    gap: 0;
    margin: 8px 0 10px;
    background: #b11a1f;
    padding: 4px 10px;
    border-radius: 6px;
    order: 3 !important;
  }
  .m-nav a {
    display: block;
    color: #fff !important;
    text-decoration: none !important;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 8px;
    border-bottom: 1px dashed rgba(255,255,255,0.55);
    background: transparent;
    border-radius: 0;
  }
  .m-nav a:last-child { border-bottom: none; }
  .m-nav a:active { background: rgba(0,0,0,0.15); }

  .world-box { margin: 8px 0 12px !important; }

  /* 隐藏桌面表格四宫格，改用手机专用铺满区块 */
  .page-wrap table.biz-grid,
  .page-wrap .biz-grid,
  .page-wrap .m-biz,
  .biz-grid,
  .m-biz,
  .biz-card {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .m-biz-simple {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 10px 8px !important;
    margin: 0 !important;
  }
  .m-biz-item {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 12px !important;
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: #333 !important;
  }
  .m-biz-hd {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    background: linear-gradient(to bottom, #f7f7f7, #ececec) !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #333 !important;
  }
  .m-biz-hd img {
    width: 18px !important;
    max-width: 18px !important;
    height: 22px !important;
    margin: 0 !important;
    display: block !important;
    flex: 0 0 18px !important;
  }
  .m-biz-pic {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 140px !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    border: 0 !important;
    vertical-align: top !important;
  }

  /* 页脚 */
  .footer-bar { margin-top: 8px !important; }
  .footer-bar,
  .footer-bar table,
  .footer-bar td {
    width: 100% !important;
    height: auto !important;
    background-size: cover !important;
  }
  .footer-links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px 0 !important;
    padding: 12px 10px !important;
    text-align: center !important;
    line-height: 1.8 !important;
    font-size: 13px !important;
    color: #fff !important;
  }
  .footer-links a {
    display: inline-block !important;
    color: #fff !important;
    padding: 4px 8px !important;
    white-space: nowrap;
  }

  .webpartdiv img[src*="button_b.gif"] {
    width: 18px !important;
    max-width: 18px !important;
    height: 22px !important;
  }
  .webpartdiv img {
    max-width: 100% !important;
    height: auto !important;
  }
}