/* H5 / mobile adaptation - desktop 1:1 unchanged above 980px */
html { -webkit-text-size-adjust: 100%; }
img, object, embed, video, ruffle-player {
  max-width: 100%;
}
.m-nav { display: none; }

@media screen and (max-width: 980px) {
  .m-nav {
    display: block;
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #0b3d7a;
    color: #fff;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  }
  .m-nav-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
  }
  .m-brand {
    color: #fff !important;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none !important;
  }
  .m-toggle {
    background: transparent;
    border: 1px solid rgba(255,255,255,.45);
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 4px 10px;
    border-radius: 4px;
  }
  .m-nav-links {
    display: none;
    flex-direction: column;
    background: #062a56;
    border-top: 1px solid rgba(255,255,255,.12);
  }
  .m-nav-links.open { display: flex; }
  .m-nav-links a {
    color: #fff !important;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    text-decoration: none !important;
    font-size: 15px;
  }
  .m-nav-links a:active { background: rgba(255,255,255,.08); }

  body {
    margin: 0 !important;
    background: #82B0DF !important;
    overflow-x: hidden;
  }

  /* collapse side decorative columns */
  body > table,
  body > table > tbody > tr > td,
  table[width="100%"] {
    width: 100% !important;
  }
  td.uxjy_ltth_jofi_h3,
  td.uxjy_ltth_jofi_h1 {
    display: none !important;
  }

  /* main white column becomes fluid */
  td[width="1003"],
  table[width="1003"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  img[width="1003"],
  img[src*="main_02"],
  img[src*="main_06"],
  img[src*="main_22"],
  img[src*="main_23"],
  img[src*="main_25"],
  img[src*="main_04"] {
    width: 100% !important;
    height: auto !important;
  }

  /* desktop imagemap nav hard to tap when scaled -> hide, use m-nav */
  img[src*="main_06"] {
    display: none !important;
  }

  /* Flash 在窄屏缩放易裁切叠字：H5 改静态图 */
  td[height="226"] {
    height: 168px !important;
    background: #123 url("../img2/1.jpg") center/cover no-repeat !important;
    overflow: hidden !important;
  }
  td[height="226"] object,
  td[height="226"] embed,
  td[height="226"] ruffle-player,
  td[bgcolor="#093E84"] object,
  td[bgcolor="#093E84"] embed,
  td[bgcolor="#093E84"] ruffle-player {
    display: none !important;
  }
  td[bgcolor="#093E84"] {
    height: auto !important;
    padding: 8px 10px !important;
    background: #093E84 !important;
  }
  td[bgcolor="#093E84"]::after {
    content: "中茂集团有限公司";
    display: block;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    line-height: 1.5;
  }

  img[src*="main_02"] {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    object-position: left center;
    max-height: 72px;
  }

  /* home 3-col: allow wrap */
  table, tbody, tr, td {
    box-sizing: border-box;
  }

  img.imgb,
  img[class="imgb"] {
    max-width: 100% !important;
    height: auto !important;
  }

  /* product strip */
  #demo3, #demo, #demo1, #demo2 {
    width: 100% !important;
    overflow-x: auto !important;
  }

  /* footer partners */
  td[height="73"] img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* inner pages left sidebar */
  td[background*="left_02"],
  td[width="180"],
  td[width="190"],
  td[width="200"] {
    display: block !important;
    width: 100% !important;
  }

  .about-co-title { font-size: 14px !important; }
  .t10, .picnews, td {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }
}

@media screen and (max-width: 560px) {
  /* force key content blocks full width */
  img[width="527"],
  img[width="238"],
  img[width="222"],
  img[width="214"],
  img[width="212"],
  img[width="129"],
  img[src*="main_08"],
  img[src*="main_09"],
  img[src*="main_10"],
  img[src*="main_12"],
  img[src*="main_14"],
  img[src*="main_15"],
  img[src*="main_17"],
  img[src*="main_19"],
  img[src*="main_20"],
  img[src*="main_21"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  td[width="238"],
  td[width="239"],
  td[width="288"],
  td[width="398"],
  td[width="527"] {
    display: block !important;
    width: 100% !important;
  }

  /* ticker / date row: stack to avoid overlap */
  td[height="41"] table,
  td[height="41"] tr,
  td[height="41"] td {
    display: block !important;
    width: 100% !important;
  }
  td[height="41"] {
    height: auto !important;
    padding: 8px 10px !important;
  }
  td[height="41"] marquee,
  td[height="41"] MARQUEE {
    width: 100% !important;
    display: block !important;
  }
  font[color="#000000"] {
    font-size: 12px !important;
  }
}