/* Products overview mobile patch. Load last in category_products1.html. */
@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; }
  html, body { min-width: 0 !important; }
  .ny_aboutbox, .ny_aboutmid, .ny_aboutmid .nr, .ny_aboutmid .parBd,
  .ny_aboutmid .nr .slideBox, #Product {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    height: auto !important; box-sizing: border-box !important;
  }
  .ny_aboutbox { padding: 0 !important; }
  .ny_aboutmid { padding: 16px !important; }
  .ny_aboutmid .nr .parHd { height: auto !important; }
  .ny_aboutmid .nr .parHd ul { display: flex; margin: 0; padding: 0; }
  .ny_aboutmid .nr .parHd ul li {
    flex: 1; width: 50% !important; height: auto !important;
    line-height: 48px !important; font-size: 18px !important;
  }
  .ny_aboutmid .nr .slideBox { margin-top: 16px !important; }
  #Product table, #Product tbody, #Product tr, #Product td {
    display: block !important; width: 100% !important; min-width: 0 !important;
    height: auto !important; box-sizing: border-box !important;
  }
  #Product table, #Product tr { border: 0 !important; }
  #Product td {
    padding: 16px !important; margin: 0 0 12px !important;
    border: 1px solid #ddd !important; background: #fff;
  }
  #Product h3, #Product h4, #Product span, #Product .prlb {
    float: none !important; width: 100% !important; height: auto !important;
    margin: 0 0 12px !important; white-space: normal !important;
    line-height: 1.6 !important; overflow-wrap: anywhere;
  }
  #Product h3 { font-size: 18px !important; }
  #Product h4 { font-size: 15px !important; }
  #Product span { font-size: 14px !important; }
  #Product img.im {
    display: block !important; float: none !important;
    width: 120px !important; height: 110px !important;
    max-width: 100% !important; object-fit: contain;
    margin: 12px auto !important;
  }
  #Product .prlb { background: none !important; }
  #Product .prlb a {
    display: block !important; padding: 10px !important;
    min-height: 44px; box-sizing: border-box;
    background: #0a7194 !important; color: #fff !important;
    font-size: 16px !important; line-height: 24px !important;
  }
  .ny_aboutmid .sizesall {
    width: 100% !important; height: auto !important; box-sizing: border-box;
    display: flex; flex-wrap: wrap;
  }
  .ny_aboutmid .sizesall a { float: none !important; padding: 4px 8px; margin: 0; }
  .ny_aboutmid .product1 {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    overflow-x: auto !important; height: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .ny_aboutmid .product1 .tb { width: 1200px !important; max-width: none !important; }
  .bottom_middle .fl, .bottom_middle .lastbox { float: none !important; width: 100% !important; }
  .bottom_middle .bottom_ft, .bottom_middle .bottom_footers,
  .bottom_middle .bottoms, .bottom_middle .bottoms_con {
    float: none !important; clear: both !important; margin: 0 0 20px !important;
  }
  /* The live HTML spells this ID "stickey", not "sticky". */
  #stickey_footer { display: none !important; }
  /* Compact nested footer spacing and restore readable link contrast. */
  .bottom_box { padding: 24px 16px !important; }
  .bottom_middle, .bottom_middle .one, .bottom_middle .bottom_ft,
  .bottom_middle .bottom_logo, .bottom_middle .bottom_footers,
  .bottom_middle .bottoms, .bottom_middle .bottoms_con {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .bottom_middle .bottom_ft li, .bottom_middle .bottom_footers li,
  .bottom_middle .bottoms li, .bottom_middle .bottoms_con li {
    float: none !important;
    height: auto !important;
    margin: 0 0 8px !important;
    line-height: 1.6 !important;
    color: #eee !important;
    overflow-wrap: anywhere;
  }
  .bottom_middle a { color: #eee !important; line-height: 1.6 !important; }
  .bottom_middle .bottom_ft a, .bottom_middle .bottom_footers a {
    display: block; min-height: 44px; height: auto !important;
  }
  .bottom_middle img { float: none !important; margin: 0 0 12px !important; }
  .bottom_footer { padding: 16px !important; }
  .footer_mid { padding: 0 !important; }
  .footer_mid p, .footer_mid a {
    height: auto !important;
    line-height: 1.8 !important;
    font-size: 13px !important;
    color: #ddd !important;
    overflow-wrap: anywhere;
  }
}