/* Homepage patch: load after the existing stylesheets. */
@media screen and (max-width: 767px) {
  .head_logo, .head_logomid, .sousuos, .sousuomid {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    height: auto !important; box-sizing: border-box !important;
  }
  .head_logomid { display: flow-root; padding: 12px 16px !important; }
  .head_logomid .logo img { float: none !important; margin: 0 !important; width: 160px !important; height: 65px !important; object-fit: contain; }
  .navtop { float: none !important; margin: 8px 0 !important; font-size: 12px; }
  #nav { display: flex !important; flex-wrap: wrap !important; float: none !important; clear: both; margin: 8px 0 !important; padding: 0 !important; width: 100% !important; }
  #nav > .nLi { display: block !important; position: relative; float: none !important; height: auto !important; }
  #nav > .nLi > h3 { float: none !important; }
  #nav > .nLi > h3 > a { height: auto !important; min-height: 44px; line-height: 44px !important; padding: 0 10px !important; }
  #nav .sub { display: none !important; }
  #nav > .nLi:focus-within > .sub {
    display: block !important; position: absolute !important; left: 0; top: 100%;
    width: min(240px, 65vw) !important; padding: 8px !important; z-index: 20;
    box-shadow: 0 4px 12px #0002;
  }
  #nav .sub a { white-space: normal !important; height: auto !important; line-height: 1.5 !important; padding: 10px !important; }
  .zhongyingwen, .head_call { float: none !important; position: static !important; margin: 8px 0 !important; }
  .head_phone { overflow-wrap: anywhere; }
  .sousuomid { padding: 16px !important; }
  .sousuomid ul, .sousuomid .remengjc {
    width: 100% !important; min-width: 0 !important; height: auto !important;
    margin: 0 !important; padding: 0 !important; box-sizing: border-box;
    float: none !important; white-space: normal !important; line-height: 1.8 !important;
  }
  .sousuomid .remengjc span { float: none !important; white-space: normal !important; }
  .sousuomid .remengjc a { max-width: 100%; margin: 4px 12px 4px 0; white-space: normal !important; overflow-wrap: anywhere; }
  /* These slides use background images on anchors, not img elements. */
  #slideBoxs .bd li a { background-size: contain !important; background-position: center !important; background-color: #edf5f8; }
  #stickey_footer { display: none !important; }
}
@media screen and (max-width: 767px) {
  #slideBoxs {
    height: calc(23.45vw + 24px) !important;
  }

  #slideBoxs .bd,
  #slideBoxs .bd ul,
  #slideBoxs .bd li,
  #slideBoxs .bd li a {
    height: 23.45vw !important;
    min-height: 0 !important;
  }

  #slideBoxs .hd {
    bottom: 4px !important;
  }

  #slideBoxs .hd ul li {
    width: 8px !important;
    height: 8px !important;
    background: #9aa8ad !important;
  }

  #slideBoxs .hd ul li.on {
    background: #e99613 !important;
  }
}