@charset "utf-8";
/* CSS Document */

@media (max-width: 1200px) {

  body,
  html {
    font-size: 58.5%;
    scrollbar-width: none;
  }

  .w_all,
  .w_all2 {
    width: 90%;
  }

  .pro .bar2 dl {
    grid-template-columns: repeat(2, 1fr);
  }

  .pro .bar2 dl dd b {
    height: 20rem;
  }
}

@media (max-width: 1100px) {

  body,
  html {
    font-size: 56.5%;
    scrollbar-width: none;
  }
}

@media (max-width: 850px) {

  body,
  html {
    font-size: 52.5%;
    --headerHeight: 46px
  }

  header nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 999;
    display: none;
    box-sizing: border-box;
  }

  header ul {
    margin-top: 56px;
    height: auto;
    display: block;
    width: 100%;
    padding-top: 5vh;
  }

  header ul li {
    padding: 3vh 5%;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  header .s_menu {
    display: none !important;
  }

  header .others .search input {
    padding: 1vw 5vw 1vw 1.5vw;
  }

  header .others .search:hover input {
    width: 15rem;
  }

  .navBtn {
    display: block;
  }

  .banner {
    height: 45vh;
  }

  .banner .txt {
    padding: 0 10%;
    box-sizing: border-box;
  }

  .sbtn::after {
    transform: scale(0.6);
  }

  .title {
    margin-bottom: 3rem;
  }

  .index_about .ll {
    width: 100%;
    border: none;
    padding: 7rem 0 0;
  }

  .index_about .rr {
    width: 100%;
    padding-top: 0;
  }

  .counters li p {
    text-align: center;
  }

  .index_pro .box .bg .swiper-slide .text {
    width: 87%;
  }

  .index_pro .box .tabs {
    top: 30%
  }

  .index_pro .box .tabs .item {
    width: 100%;
  }

  .index_news ul {
    flex-wrap: wrap;
    gap: 2.5rem;
  }

  .index_news ul li {
    width: 100%;
  }

  .footer .bar1 {
    justify-content: center;
  }

  .footer .bar1 .logo2 {
    height: 4.5rem;
  }

  .footer .bar2 dl dd:not(:last-of-type) {
    display: none;
  }

  .footer .copy .ll {
    display: block;
  }

  .footer .copy .ll p {
    display: block;
    text-align: center;
  }

  .footer .copy .ll p a {
    display: block;
    margin: 5px 0;
  }

  .pro .bar1 .ser {
    width: 80%;
    justify-content: space-between;
  }

  .pro .bar1 dl {
    flex-wrap: wrap;
  }

  .pro .bar1 dl dd {
    margin-left: 1rem;
  }

  .pro .bar1 dl dd span {
    transform: scale(0.8);
    margin: 1px 2px 0 0;
  }

  .pro .bar2 dl dd b img {
    height: 66%;
  }

  .pro .bar2 dl dd h6 img {
    top: 0.6rem;
  }

  .prod .pbar1 .ll {
    width: 100%;
  }

  .prod .pbar1 .rr {
    width: 100%;
  }

  .prod .pbar1 p {
    line-height: 1.8;
  }

  .prod .pbar1 .bottom {
    display: block;
  }

  .prod .pbar1 .more {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    margin: 1.5rem 0;
  }

  .bans .sNav .ll {
    display: none;
  }

  .bans .sNav .rr {
    width: 100%;
    padding: 0;
    justify-content: center;
  }

  .bans .sNav .rr li {
    padding: 0 1.5rem;
    margin: 0;
  }

  .about {
    padding-bottom: 0;
  }

  .about .ll,
  .about .rr {
    width: 100%;
  }

  .about ul {
    width: 100%;
    margin: 3rem 0;
  }

  .about2 .bar {
    flex-direction: column-reverse;
    border-radius: 1rem;
    overflow: hidden;
  }

  .about2 .bar .ll {
    width: 100%;
    padding: 8%;
    box-sizing: border-box;
  }

  .about2 .bar .rr {
    padding: 0;
    position: static;
    width: 100%;
    border-radius: 0;
    height: 22rem;
  }

  .about4 .txt {
    padding: 0;
    width: 100%;
  }

  .about4 .swiper-slide img {
    max-width: 85%;
    max-height: 85%;
  }

  .factory dl {
    display: grid;
    margin-top: 4rem;
    gap: 3rem;
    grid-template-columns: repeat(1, 1fr);
  }

  .factory dl dd {
    margin: 0 !important;
  }

  .news .bar1 .swiper-slide a {
    display: block;
  }

  .news .ll {
    width: 100%;
  }

  .news .rr {
    width: 100%;
    margin-top: 3rem;
  }

  .news dl dd {
    flex-direction: column-reverse;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .news dl dd .rr {
    width: 100%;
  }

  .news dl dd .ll {
    width: 100%;
  }

  .newsd .bar1 .nl {
    width: 100%;
  }

  .newsd .bar1 .nr {
    display: none;
  }

  .newsd .title3 h3 {
    text-align: center;
  }

  .newsd .tt0 {
    justify-content: center;
  }

  .newsd .tt0 p {
    margin: 0.8rem 2rem;
  }

  .contact ul {
    gap: 2rem;
    grid-template-columns: repeat(1, 1fr);
  }

  .message {
    width: 100%;
  }

}

@media (max-width: 500px) {
  .w_all3 {
    width: 90%;
  }

  body,
  html {
    font-size: 50.5%;
  }

}