@media (max-width: 1400px) {
  .index .section02 {
    height: 7rem;
  }
}

@media (max-width: 1200px) {
  header .nav-item .nav-lk {
    padding: 0 .16rem;
    font-size: 16px;
  }

  .index-banner-swiper .banner-text .line01 {
    font-size: 34px;
  }

  .index-banner-swiper .banner-text .line02 {
    font-size: 20px;
    line-height: 30px;
  }

  .main-title {
    padding: .6rem 0 .47rem;
    font-size: .32rem;
  }

  .index .section02 {
    height: 6rem;
  }

  .content-top-nav-wrap .content-top-nav .lk {
    padding: 0 .2rem;
  }

  .product-detail-wrap {
    padding: .48rem 1rem .72rem;
  }

  .product-detail-wrap .product-swiper-wrap {
    width: 50%;
  }

  .product-detail-wrap .product-info-wrap {
    width: 40%;
  }

  .news-detail-wrap .hd .tit {
    font-size: .32rem;
  }
}

@media (max-width: 1024px) {
  body {
    padding-top: 0.57rem;
  }

  header {
    display: none;
  }

  .header-m {
    display: block;
  }

  .fix-search {
    padding: 5px 0;
  }

  .index-banner-swiper-wrap {
    height: 280px;
  }

  .index-banner-swiper,
  .index-banner-swiper .lk {
    height: 100%;
  }

  .index-banner-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .index-banner-swiper .banner-text .line01 {
    font-size: 30px;
  }

  .index-banner-swiper .banner-text .line02 {
    font-size: 18px;
    line-height: 28px;
  }

  .index .scene-item {
    height: 4rem;
  }

  .index .section02 {
    height: 5.5rem;
  }

  .index-thumbnail-swiper .thumbnail-box .name {
    line-height: .5rem;
  }

  .index .section03 .service-item03 {
    right: 6%;
    bottom: 4%;
  }

  footer .main-wrap .lk-list {
    display: none;
  }

  footer .main-wrap .text-wrap {
    width: 100%;
  }

  footer .main-wrap .text-wrap .qrcode-wrap {
    width: 120px;
  }

  .content-top-nav-wrap {
    height: .72rem;
  }

  .content-top-nav-wrap .left-tit-wrap .tit {
    font-size: 18px;
  }

  .content-top-nav-wrap .content-top-nav .lk .text {
    font-size: 14px;
  }

  .content-top-nav-wrap .content-top-nav .lk .text::before {
    left: -0.16rem;
  }

  .product-detail-wrap {
    padding: 0.48rem .8rem 0.72rem;
  }

  .product-detail-wrap .product-swiper-wrap .product-swiper {
    height: 3.8rem;
  }

  .products .product-item {
    width: 32%;
  }

  .products .product-item:nth-child(4n) {
    margin-right: 2%;
  }

  .products .product-item:nth-child(3n) {
    margin-right: 0;
  }

  .hisrory-swiper .swiper-slide:nth-child(odd) {
    margin-top: 0;
  }

  .contact-wrap {
    flex-wrap: wrap;
  }

  .contact-wrap .info-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-right: 0;
  }

  .contact-wrap .info-item {
    width: 50%;
  }

  .contact-wrap .form-wrap {
    width: 100%;
  }

  .contact-wrap .item-tit.add {
    width: 100%;
  }

  .news-detail-wrap .hd .tit {
    font-size: .28rem;
  }

  .scene-wrap01 .dot01 {
    left: 22.1%;
  }

  .scene-wrap01 .dot02 {
    top: 20.2%;
  }

  .scene-wrap01 .dot03 {
    right: 41.7%;
  }

  .scene-wrap01 .dot04 {
    right: 28%;
  }

  .scene-wrap02 .dot01 {
    left: 45.4%;
  }

  .scene-wrap02 .dot01 {
    left: 45.4%;
  }

  .scene-wrap02 .dot02 {
    right: 40.4%;
  }

  .scene-wrap02 .dot03 {
    right: 28.9%;
  }

  .scene-wrap03 .dot01 {
    left: 29.8%;
  }

  .scene-wrap03 .dot02 {
    right: 45%;
  }

  .scene-wrap04 .dot01 {
    top: 32.7%;
  }

  .scene-wrap04 .dot02 {
    top: 19.3%;
  }

  .scene-wrap04 .dot03 {
    right: 31.5%;
  }

  .scene-wrap04 .dot04 {
    right: 26.71%;
  }

  .scene-wrap04 .dot05 {
    right: 17.9%;
  }
}

@media (max-width: 768px) {
  .index-banner-swiper .banner-text .line02 br {
    display: none;
  }

  .index .scene-wrap {
    flex-wrap: wrap;
  }

  .index .scene-item.active {
    width: 49%;
  }

  .index .scene-item {
    width: 49%;
    height: 2.6rem;
    margin-bottom: .2rem;
  }

  .index .section02 {
    height: auto;
    padding-bottom: .8rem;
  }

  .index-product-swiper .product-wrap {
    flex-direction: column;
  }

  .index-product-swiper .product-wrap .text-wrap {
    margin-left: 0;
  }

  .index-thumbnail-swiper-wrap {
    display: none;
  }

  .index-product-swiper .product-wrap .text-wrap .more-btn {
    width: 1.44rem;
  }

  .index .section03 {
    height: auto;
  }

  .index .section03 > .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .index .section03 .service-item {
    position: static;
    margin-top: 30px;
  }

  .service-center-item {
    position: relative;
    left: auto;
    top: auto;
    margin: 80px auto 30px;
    transform: none;
  }

  .banner > .wrap {
    height: 100%;
  }
  
  .content-top-nav-wrap {
    display: none;
  }

  .main-nav-m {
    display: block;
  }
  
  .product-detail-wrap {
    flex-wrap: wrap;
  }

  .product-detail-wrap .product-swiper-wrap,
  .product-detail-wrap .product-info-wrap {
    width: 100%;
  }

  .product-detail-wrap .product-swiper-wrap img {
    width: 100%;
    height: 100%;
  }

  .product-detail-wrap .product-swiper-wrap .thumbnail-swiper {
    height: .9rem;
  }

  .products .product-item {
    width: 49%;
  }

  .products .product-item:nth-child(3n) {
    margin-right: 2%;
  }

  .products .product-item:nth-child(2n) {
    margin-right: 0;
  }
  
  .about .about-company {
    flex-wrap: wrap;
    padding: .4rem 0;
  }

  .about .about-company .img-wrap {
    width: 100%;
  }

  .about .about-company .text-wrap {
    width: 100%;
    margin-left: 0;
  }
  
  .about .about-company .text-wrap .desc {
    text-align: justify;
  }

  .tech-adv-item,
  .tech-adv-item-wrap:nth-child(odd) .tech-adv-item {
    flex-direction: column;
  }

  .tech-adv-item {
    padding: .7rem 0;
  }

  .tech-adv-swiper-wrap,
  .tech-adv-item .text-wrap {
    width: 100%;
  }

  .tech-adv-item .text-wrap {
    margin-top: 20px;
  }

  .tech-adv-item .text-wrap .desc {
    margin-top: .1rem;
  }

  .news-list .news-item {
    width: 49%;
    margin-right: 2%;
  }

  .news-list .news-item:nth-child(3n) {
    margin-right: 2%;
  }

  .news-list .news-item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 605px) {
  body {
      padding-top: 46px;
  }
}

@media (max-width: 425px) {
  .index-banner-swiper .banner-text .line01 {
    font-size: 24px;
  }

  .main-title {
    padding: 32px 0 26px;
    font-size: 20px;
  }

  .index .scene-item .desc {
    font-size: 16px;
  }

  .icon-index-product-swiper-button-prev,
  .icon-index-product-swiper-button-next {
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
  }

  .index-product-swiper .product-wrap .img-wrap {
    width: 110px;
  }

  .index-product-swiper .product-wrap .text-wrap {
    width: 70%;
  }

  .index-product-swiper .product-wrap .text-wrap .name {
    font-size: 16px;
    line-height: 40px;
  }

  .index-product-swiper .product-wrap .text-wrap .desc {
    font-size: 14px;
    line-height: 22px;
  }

  .index-product-swiper .product-wrap .text-wrap .more-btn {
    width: 100px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
  }

  .index .section03 .service-item .desc br {
    display: none;
  }

  .service-center-item .ball-wrap {
    width: 120px;
    height: 120px;
    margin-left: -60px;
    background-size: 120px 120px;
  }

  .service-center-item .ball-wrap .tit {
    font-size: 16px;
  }

  .service-center-item .bg {
    width: 292px;
    height: 211px;
    background-size: 292px 211px;
  }

  .banner .text {
    font-size: 18px;
  }

  .related-products-swiper .mask .more-btn {
    width: 92px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 4px;
  }

  .icon-more-arrow {
    width: 8.844px;
    height: 5.531px;
    background-size: 8.844px 5.531px;
  }

  .service .service-section .tit {
    font-size: 18px;
  }

  .about .about-company .text-wrap .name {
    margin-bottom: .5rem;
    font-size: 20px;
    line-height: 50px;
  }

  .about .hisrory-wrap .tit {
    font-size: 20px;
  }

  .hisrory-swiper .history-item {
    height: auto;
  }

  .tech-adv-item .text-wrap .tit {
    font-size: 20px;
  }

  .contact-wrap .info-item {
    width: 100%;
    margin-bottom: 1em;
  }

  .contact-wrap .form-wrap .input-wrap {
    width: 100%;
  }

  .contact-wrap .form-wrap .submit-btn {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 4px;
  }

  .news-list .news-item {
    width: 100%;
    margin-right: 0;
  }

  .news-list .news-item:nth-child(3n) {
    margin-right: 0;
  }

  .news-list .news-item .img-wrap {
    height: 200px;
  }

  .news-detail-wrap .hd .tit {
    font-size: 20px;
  }

  .news-detail-wrap .hd .info-wrap,
  .news-detail-wrap .btn-group .btn .type,
  .news-detail-wrap .btn-group .btn .text {
    font-size: 14px;
  }

  .news-detail-wrap .btn-group {
    flex-wrap: wrap;
  }

  .news-detail-wrap .btn-group .btn {
    width: 100%;
  }

  .news-detail-wrap .btn-group .btn:first-child {
    margin-bottom: 10px;
  }

  .lenolsa-hd span,
  .lenolsa span {
    width: 20%;
  }

  .lenolsa-hd .d2,
  .lenolsa-hd .d5,
  .lenolsa .d2,
  .lenolsa .d5 {
    display: none;
  }

  .dolsca span {
    height: 60px;
    line-height: 60px;
  }
}