/* AUO_MOBILE_RESPONSIVE_V1_START */
/* AUO_MOBILE_RESPONSIVE_V10_START */
/* Mobile-only overrides. Desktop layout remains unchanged. */
@media screen and (max-width: 767px), screen and (max-device-width: 767px) {
  html, body {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .top, .header, .head, .head_box, .head_logomid, .head_middle,
  .nav, .nav_middle, .slideBoxs, .hot_box, .hot_middle, .product_box,
  .product_middle, .case_box, .case_middle, .news_box, .news_middle,
  .about_box, .aboutmiddle, .bottom_box, .bottom_middle, .footer_mid,
  .bottom_footer, .bottom_footers, #sticky_footer {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .head_logomid, .head_middle {
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 22px 8px !important;
  }

  .head_logomid img, .head_logo img, .logo img {
    width: auto !important;
    max-width: 165px !important;
    height: auto !important;
  }

  .nav, .nav_middle {
    height: auto !important;
    overflow: visible !important;
  }

  .nav ul, .nav_middle ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 16px 13px !important;
    box-sizing: border-box !important;
  }

  .nav li, .nav_middle li {
    float: none !important;
    width: auto !important;
    height: auto !important;
  }

  .nav li a, .nav_middle ul li a {
    display: block !important;
    height: 38px !important;
    padding: 0 10px !important;
    line-height: 38px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  .nav .sub, .nav_middle .sub {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .slideBoxs, .slideBoxs .bd, .slideBoxs .bd li, .slideBoxs .bd li a {
    width: 100% !important;
    min-width: 0 !important;
    height: 210px !important;
  }

  .slideBoxs {
    overflow: hidden !important;
  }

  .slideBoxs .bd li {
    background-size: cover !important;
    background-position: center center !important;
  }

  .slideBoxs .bd li img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 210px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .slideBoxs .hd {
    bottom: 12px !important;
  }

  .slideBoxs .hd ul {
    width: auto !important;
    min-width: 0 !important;
  }

  .hot_box, .hot_middle {
    height: auto !important;
    padding: 18px 28px !important;
  }

  .hot_middle a, .hot_box a {
    display: inline-block !important;
    float: none !important;
    margin: 0 18px 12px 0 !important;
    line-height: 1.4 !important;
  }

  .product_box, .product_middle, .case_box, .case_middle, .news_box, .news_middle,
  .about_box, .aboutmiddle {
    height: auto !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .product_middle ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .product_middle ul .product_one {
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 145px !important;
    margin: 0 !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .product_middle ul .product_one a {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .product_middle ul .product_one img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    max-width: 78% !important;
    height: auto !important;
    max-height: 58px !important;
    min-height: 0 !important;
    margin: 0 auto 8px !important;
    object-fit: contain !important;
  }

  .product_middle ul .product_one .powenzi,
  .product_middle ul .product_one p,
  .product_middle ul .product_one span {
    font-size: 13px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  .case_middle ul, .news_middle ul, .aboutmiddle ul {
    width: 100% !important;
    min-width: 0 !important;
  }

  .bottom_box, .bottom_middle, .footer_mid, .bottom_footer, .bottom_footers {
    height: auto !important;
    min-height: 0 !important;
    padding: 26px 20px !important;
  }

  .bottom_middle .fl, .bottom_middle .fr, .bottom_middle ul, .footer_mid ul,
  .bottom_footers li, .bottoms li {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 0 14px !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .bottom_middle img, .footer_mid img {
    width: auto !important;
    max-width: 170px !important;
    height: auto !important;
  }

  #sticky_footer {
    display: none !important;
  }
}

@media screen and (max-width: 420px), screen and (max-device-width: 420px) {
  .slideBoxs, .slideBoxs .bd, .slideBoxs .bd li, .slideBoxs .bd li a, .slideBoxs .bd li img {
    height: 190px !important;
  }

  .product_middle ul .product_one {
    height: 138px !important;
  }
}
/* AUO_MOBILE_RESPONSIVE_V10_END */
/* AUO_MOBILE_RESPONSIVE_V1_END */