/* Inquiry page only. Load after public.css, style.css and contact.css. */
@media screen and (max-width: 767px) {
  html, body { min-width: 0 !important; width: 100%; margin: 0; }
  .head_logo, .head_logomid, .ny_bannerabout, .ny_aboutbox,
  .ny_aboutmid, .ny_aboutleft, .ny_aboutright, .mianbaoxie,
  .bottom_box, .bottom_middle, .bottom_footer, .footer_mid {
    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; }
  .head_logomid .logo img { float: none; width: 160px; height: 65px; margin: 0; object-fit: contain; }
  .navtop { float: none; margin: 8px 0; font-size: 12px; }
  #nav { display: flex; flex-wrap: wrap; float: none; clear: both; margin: 8px 0; width: 100%; }
  #nav > .nLi { display: block; float: none; height: auto; }
  #nav > .nLi > h3 { float: none; }
  #nav > .nLi > h3 > a { padding: 0 10px; font-size: 14px; line-height: 44px; }
  #nav .sub { display: none !important; }
  #nav > .nLi:focus-within > .sub {
    display: block !important; position: absolute; top: 100%; left: 0;
    width: min(240px, 65vw); z-index: 20;
  }
  #nav .sub li { width: 100%; }
  #nav .sub a { padding: 10px; line-height: 1.5; white-space: normal; }
  .zhongyingwen, .head_call { float: none; position: static; margin: 8px 0; }
  .head_phone { overflow-wrap: anywhere; }
  .ny_bannerabout { overflow: hidden; }
  .ny_bannerabout img { display: block; width: 100%; height: auto; }
  .ny_aboutmid { display: flex; flex-direction: column; padding: 16px; overflow: visible; }
  .ny_aboutright { order: 0; float: none; margin: 0; overflow: visible; }
  .ny_aboutleft { order: 1; float: none; margin: 24px 0 0; }
  .mianbaoxie { line-height: 1.6; text-align: left; padding-bottom: 12px; overflow-wrap: anywhere; }
  .mianbaoxie h1 { float: none; font-size: 24px; line-height: 1.3; margin-bottom: 10px; }
  #myform { width: 100%; min-width: 0; padding: 16px !important; box-sizing: border-box; }
  #myform .wrap-input100 { display: block; width: 100%; min-width: 0; height: auto; margin: 0 0 20px; box-sizing: border-box; }
  #myform .label-input100 {
    display: block; position: static; float: none; width: 100%;
    padding: 0 0 8px; box-sizing: border-box; text-align: left;
    font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5;
  }
  #myform .textarae-con { width: 100%; min-width: 0; margin: 0; }
  #myform .input100 {
    display: block; position: static; float: none; width: 100% !important;
    max-width: 100%; min-width: 0; box-sizing: border-box;
    margin: 0; padding: 12px; font-family: Arial, sans-serif;
    font-size: 16px; line-height: 1.5; border: 1px solid #999;
    background: #fff; color: #222;
  }
  #myform input.input100 { height: 48px; }
  #myform textarea.input100 { height: 180px; min-height: 180px; resize: vertical; }
  #myform .input100:focus { outline: 2px solid #0b7194; outline-offset: 2px; }
  #myform .focus-input100 { display: none; }
  #myform text { display: block; margin-top: 6px; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
  #myform .container-contact100-form-btn { width: 100%; padding: 0; box-sizing: border-box; }
  #myform .contact100-form-btn { width: 100%; min-height: 48px; font-size: 16px; box-sizing: border-box; }
  .ny_aboutleft .yiji, .ny_aboutleft .sideMen, .ny_aboutleft .ny_lianxi,
  .ny_aboutleft .product_cpzx { width: 100%; max-width: 100%; box-sizing: border-box; height: auto; }
  .ny_aboutleft ul .product_cpzx { width: 100%; height: auto; padding: 16px 12px; }
  .ny_aboutleft ul .product_cpzx a:empty { padding: 0; margin: 0; height: 0; }
  .ny_aboutleft ul .product_cpzx span { display: block; position: static; margin: 0; line-height: 1.5; font-size: 20px; }
  .ny_aboutleft .sideMen ul li a { display: block; box-sizing: border-box; height: auto; min-height: 44px; line-height: 1.5; margin: 0; padding: 12px; }
  .ny_aboutleft .ny_lianxi li { height: auto; line-height: 1.6; overflow-wrap: anywhere; }
  .bottom_box { padding: 24px 16px; }
  .bottom_middle { padding: 0; }
  .bottom_middle .fl, .bottom_middle .one, .bottom_middle ul {
    float: none !important; width: 100% !important; min-width: 0;
    height: auto !important; min-height: 0; margin: 0 0 16px;
    padding: 0; box-sizing: border-box; background: transparent;
  }
  .bottom_middle ul li { float: none !important; width: 100% !important; height: auto !important; box-sizing: border-box; margin: 0 0 8px !important; line-height: 1.6 !important; color: #eee !important; overflow-wrap: anywhere; }
  .bottom_middle ul li a { color: #eee !important; line-height: 1.6 !important; }
  .bottom_middle ul li img { display: block; float: none !important; max-width: 160px; width: auto; height: auto; margin: 0 0 12px !important; }
  .bottom_middle .bottoms_con { clear: both; }
  .bottom_footer { padding: 16px; }
  .footer_mid { padding: 0; }
  .footer_mid p, .footer_mid a { line-height: 1.8; font-size: 13px; color: #ddd; overflow-wrap: anywhere; }
  #stickey_footer { display: none !important; }
}