@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media (max-width: 1520px) {
  body,
  html {
    font-size: 55%;
  }
  .w100p15 {
    padding-left: 10%;
    padding-right: 10%;
  }
  .about .itro .aa,
  .about .itro .bb {
    width: 46%;
  }
}
@media (max-width: 850px) {
  body,
  html {
    font-size: 53%;
  }
  .w100p15 {
    padding-left: 5%;
    padding-right: 5%;
  }
  .pt5 {
    padding: 15% 0;
  }
  header {
    height: 60px !important;
  }
  header .nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    display: none;
    background: #fff;
  }
  header .logo img {
    height: 42px !important;
  }
  header .nav ul{
      width: 100%;
      display: block;
      text-align: center;
      height: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
  }
  header .nav ul li{
      height: auto;
      margin: 6vh;
  }
  header .nav ul li a{
      margin-bottom: 1rem;
  }
  header .nav .sMenu{
      display: block !important;
      position: static !important;
      transform: none;
      visibility:visible;
      opacity: 1;
      padding: 0;
      border-top:1px solid #999;
      padding: 1rem 0;
      box-shadow: none;
  }
  header .nav .sMenu dl{
      display: flex;
      flex-wrap: wrap;
  }
  header .nav .sMenu dl dd{
      margin-right: 2rem;
  }
  .navBtn{
      display: block;
  }
  .banner {
    margin-top: 60px;
  }
  .banner .txtBox h2 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
  }
  .banner .more2 a {
    font-size: 1.6rem;
  }
  .i_part1 .tit a {
    font-size: 2.4rem;
  }
  .i_part2 .box {
    flex-direction: column-reverse;
  }
  .i_part2 .aa {
    width: 100%;
    padding: 10% 5%;
  }
  .i_part2 .bb {
    width: 100%;
  }
  .i_part2 .aa h2 {
    font-size: 2.6rem;
  }
  .i_part2 .aa .text {
    margin: 3rem 0 2rem;
  }
  .i_part3 ul {
    flex-wrap: wrap;
  }
  .i_part3 li {
    width: 90%;
    margin: 3% auto !important;
  }
  .i_part3 li .txtBox h2 {
    line-height: 1.6;
  }
  .footer .top {
    padding: 10% 0;
  }
  .footer .top h2 {
    font-size: 2.4rem;
  }
  .footer .top input {
    width: 24rem;
  }
  .footer .bot ul {
    flex-wrap: wrap;
    text-align: center;
  }
  .footer .bot .logo img {
    margin: 3% auto;
    height: 5rem;
  }
  .footer .bot ul li {
    width: 100%;
  }
  .footer .bot ul .fotNav {
    display: none;
  }
  .footer .bot li dl {
    justify-content: center;
    align-items: center;
  }
  .footer .bot li .link {
    justify-content: center;
  }
  .footer .copyRight dl {
    display: block;
    text-align: center;
  }
  .footer .copyRight .topBack {
    margin: 0 auto 3rem;
    justify-content: center;
  }
  .nyPage {
    padding-top: 60px;
  }
  .title h2 {
    font-size: 2.2rem;
  }
  .about .itro .text {
    margin-top: 1rem;
  }
  .about .itro .text p {
    font-size: 1.6rem;
  }
  .about .itro .play img {
    width: 46px;
  }
  .nyPage .part {
    margin: 10% auto;
  }
  .about .culture ul li h2 {
    font-size: 2rem;
  }
  .about .his .tit h2 {
    font-size: 2.2rem;
  }
  .about .his .txtBox p {
    font-size: 1.8rem;
  }
  .about .his .item {
    margin-bottom: 10%;
  }
  .about .honor .swiper-button-next {
    right: 0.2rem;
  }
  .about .honor .swiper-button-prev {
    left: 0.2rem;
  }
  .about .honor .swiper {
    width: 80%;
    margin: auto;
  }
  .about .honor .swiper-button-next,
  .about .honor .swiper-button-prev {
    width: 3.6rem;
    height: 3.6rem;
  }
  .about .honor .swiper-button-next:after,
  .about .honor .swiper-button-prev:after {
    font-size: 1.4rem;
  }
  .news .list .con ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }
  .pages ul {
    margin: 0rem auto 4rem;
    transform: scale(0.9);
  }
  .newsd {
    margin-top: -5%;
  }
  .newsd .content .tit h2 {
    font-size: 2.4rem;
  }
  .news .title2 h2 {
    font-size: 2.4rem;
    text-align: center;
  }
  .products ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 20px;
  }
  .proAll a h2 {
    margin: 2rem 0 0.5rem;
  }
  .productsd .proSku {
    display: block;
  }
  .productsd .proSku .aa {
    width: 100%;
  }
  .productsd .proSku .bb {
    width: 100%;
    margin-top: 10%;
  }
  .contact .way .box {
    display: block;
  }
  .contact .way .aa {
    width: 100%;
    margin-top: 10%;
  }
  .contact .way .bb {
    width: 100%;
  }
  .contact .way h2 {
    font-size: 2.4rem;
    margin-bottom: 0;
  }
  .contact .way .info {
    margin-top: 2rem;
  }
  .productsd .related .tit h2{
      font-size: 2.4rem;
  }
}