@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;
  }

  .pro .bar2 dl dd h6 {
    margin: 1.6rem 0;
  }
}

@media (max-width: 1100px) {

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

@media (max-width: 850px) {

  body,
  html {
    --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;
  }

  .navBtn {
    display: block;
  }

  .search input {
    width: 90%;
  }

  .search button img {
    padding: 0.7rem;
    box-sizing: border-box;
  }

  .index_about ul li {
    width: 100% !important;
    background: none !important;
    padding: 2rem 0 !important;
  }

  .index_about ul li:last-of-type {
    display: none;
  }

  .more {
    padding: 1.2rem 2.5rem;
  }

  .counters {
    width: 100%;
    padding: 0% 0%;
    box-sizing: border-box;
    justify-content: space-between;
    gap: 0;
  }

  .index_pro .tabs .item {
    padding: 1.2rem 2rem;
  }

  .index_pro .tabs2 .bbs {
    padding: 1.5rem 1rem;
  }

  .sbtn {
    margin: 0 -1rem;
  }

  .index_support .bg img {
    width: 220%;
    margin-left: -60%;
  }

  .index_support .swiper-slide .text {
    padding-right: 0;
  }

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

  .index_news ul li:last-of-type {
    display: none;
  }

  .index_news .aa {
    overflow: hidden;
    height: clamp(120px, 16vw, 300px);
  }

  .index_news .data img {
    margin: -1px 0.8rem 0 0;
  }

  .index_news .bb {
    padding: 1rem 1.5rem;
  }

  .footer .bar1 {
    flex-direction: column;
  }

  .footer .bar1 .logo2 {
    margin: 0 auto 2rem;
  }

  .search2 {
    width: 100%;
    height: 4rem;
    padding: 0 0 0 2rem;
  }

  .search2 button {
    width: 4rem;
  }

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

  .footer dl dd {
    width: 100%;
  }

  .footer dl dd p {
    text-align: center;
  }

  .follow {
    justify-content: center;
  }

  .follow p {
    width: 3rem;
    margin: 1rem 0.6rem 0 !important;
  }

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

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

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

  .bans .bg {
    width: 140%;
    margin-left: -20%;
  }

  .bans .txt {
    top: 60%;
  }

  .sNav ul {
    gap: 6vw;
    justify-content: center;
  }

  .title {
    margin-bottom: 2.5rem;
  }

  .about1 .top {
    display: block;
  }

  .about1 .top .title,
  .about1 .text {
    width: 100%;
  }

  .about1 .content {
    flex-wrap: wrap;
  }

  .about1 .content .img {
    width: 100%;
  }

  .about1 .content dl {
    width: 100%;
    flex-wrap: wrap;
    margin: 5rem 0 0;
  }

  .about1 .content dl dd {
    width: 50% !important;
  }

  .sbtn2 {
    width: 3rem !important;
    height: 3rem !important;
  }

  .about2 .tt {
    width: max-content;
    max-width: 240%;
    margin-left: -70%;
  }

  .about2 h6 {
    text-align: center;
    font-size: clamp(36px, 5vw, 60vw);
  }

  .honor .swiper {
    width: 70%;
  }

  .honor .swiper-slide p {
    text-align: center;
  }

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

  .about4 .swiper-box:first-of-type {
    margin: 5rem auto;
  }

  .news .bar1 .swiper-slide a {
    flex-direction: column;
  }

  .news .bar1 .ll {
    width: 100%;
  }

  .news .bar1 .rr {
    width: 100%;
    padding: 2.5rem 2rem 8rem;
  }

  .news .bottom {
    width: 100%;
    justify-content: center;
    padding: 1rem 0;
  }

  .news .bottom .btns {
    margin-left: 2rem;
  }

  .news .index_news ul li:last-of-type {
    display: block !important;
  }

  .newsd {
    margin-top: 5rem;
  }

  .newsd .bar2 {
    padding: 8%;
  }

  .newsd .bottom {
    display: block;
  }

  .newsd .bottom a {
    width: 100% !important;
    margin: 1rem 0;
    padding: 2rem !important;
  }

  .prod .pbar1 {
    flex-direction: row-reverse;
    height: auto;
  }

  .prod .pbar1 .ll {
    position: static;
    width: 100%;
    height: auto;
    max-height: 40vh;
  }

  .prod .pbar1 .rr {
    width: 100%;
    padding: 3rem;
  }

  .prod .pbar1 .more {
    margin: 1rem 1rem 0 0;
  }

  .prod2 .contain {
    margin-top: -5vh;
  }

  .prod2 table td {
    padding: 1rem;
  }

  .support ul li {
    flex-direction: column-reverse !important;
    flex-wrap: wrap;
    padding: 2rem 0;
  }

  .support ul li .ll {
    width: 100%;
    padding: 3rem 0 0;
  }

  .support ul li .rr {
    width: 100%;
    margin: 0;
  }

  .support ul li h3 img {
    margin: -3px 1rem 0 0;
  }

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

  .maps {
    margin-top: -3rem;
  }

  .contact2 .contain {
    flex-direction: column;
  }

  .message {
    width: 100%;
  }

  .submit {
    justify-content: center;
  }

  .submit .more {
    padding: 1rem 3rem;
  }
}

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

}