@media screen and (max-width: 992px) {
  .breadCrumbs {
    display: none;
  }
  .index .indexBanner {
    height: 300px;
  }
  .index .indexBanner .iBannerPage {
    display: none;
  }
  .index .indexBanner .swiper-pagination {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .index .i-product {
    padding: 50px 0;
  }
  .index .i-product .swiperImage, .index .i-product .swiperTool {
    width: 100%;
  }
  .index .i-about {
    padding: 50px 0;
    min-height: 700px;
  }
  .index .i-about .info {
    width: 100%;
  }
  .index .i-about ul {
    padding-left: 0;
    justify-content: space-between;
  }
  .index .i-about ul li {
    width: 30%;
  }
  .index .i-about ul li .numberBox {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
  }
  .index .i-about ul li .xqBox {
    font-size: 12px;
  }
  .index .i-about ul li:not(:last-child) {
    margin-right: 0;
  }
  .index .i-about .more {
    font-size: 16px;
  }
  .index .i-about .more .bi {
    font-size: 16px;
  }
  .index .i-case .list {
    flex-wrap: wrap;
  }
  .index .i-case .list .item {
    width: 100%;
    padding-top: 72.95%;
  }
  .index .i-case .list .item:not(:last-child) {
    margin-bottom: 20px;
  }
  .index .i-news .box {
    flex-wrap: wrap;
  }
  .index .i-news .box .title {
    font-size: 16px;
  }
  .index .i-news .box .time .bi,
  .index .i-news .box .time span {
    font-size: 14px;
  }
  .index .i-news .box .desc {
    font-size: 14px;
  }
  .index .i-news .box .left {
    width: 100%;
  }
  .index .i-news .box .right {
    margin-top: 25px;
    width: 100%;
  }
  .index .i-news .box .right .imgBox {
    width: 100px;
    height: 60px;
    margin-right: 20px;
  }
  .index .i-news .box .right .title {
    margin-bottom: 5px;
  }
  .product .productBox .container {
    flex-wrap: wrap;
  }
  .product .productBox .left {
    width: 100%;
  }
  .product .productBox .right {
    width: 100%;
    margin-top: 20px;
  }
  .product .productBox .right .list li {
    width: 48%;
  }
  .product .productBox .right .list li:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .product .productBox .right .list li:not(:nth-child(2n)) {
    margin-right: 4%;
  }
  .product .left {
    width: 100%;
  }
  .product .left .productType .subType .subItem {
    font-size: 12px !important;
  }
  .product .productBox .left .productType .item {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
  }
  .product .productBox .left .productType .subType .subItem {
    height: 35px;
    line-height: 35px;
  }
  .productXq .productBox .right {
    padding: 10px;
  }
  .productXq .productBox .right .box {
    flex-wrap: wrap;
  }
  .productXq .productBox .right .box .imgBox {
    width: 100%;
    padding-top: 73%;
  }
  .productXq .productBox .right .box .textBox .content {
    font-size: 16px;
  }
  .productXq .productBox .right .box .textBox .btnBox .xqBtn {
    width: 80px;
    height: 30px;
    font-size: 12px;
    border-radius: 4px;
  }
  .news .newsBox .list {
    justify-content: space-between;
  }
  .news .newsBox .list li {
    width: 49%;
  }
  .news .newsBox .list li:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .news .newsBox .list li .textBox .year {
    margin-top: 30px;
  }
  .news .newsXq .tip {
    font-size: 12px;
  }
  .news .newsXq .content {
    font-size: 16px;
  }
  .news .newsXq .pageN .left a {
    font-size: 14px;
  }
  .about .about-item1 {
    padding: 50px 0;
  }
  .about .about-item1 .container {
    flex-wrap: wrap;
  }
  .about .about-item1 .container .left {
    width: 100%;
  }
  .about .about-item1 .container .left .desc {
    font-size: 14px;
    line-height: 1.6;
  }
  .about .about-item2 .swiper {
    width: 100%;
  }
  .about .about-item3 ul {
    align-items: flex-start;
  }
  .about .about-item3 ul li .title {
    font-size: 20px;
  }
  .about .about-item3 ul li p {
    font-size: 16px;
    line-height: 1.8;
  }
  .about .about-item2 .swiperBox .swiper-button-next, .about .about-item2 .swiperBox .swiper-button-prev {
    width: 30px;
  }
  .about .about-item2 .swiperBox .swiper-button-next img, .about .about-item2 .swiperBox .swiper-button-prev img {
    display: block;
    width: 100%;
  }
  .contact .contact-item1 {
    padding: 10px 20px;
    flex-wrap: wrap;
  }
  .contact .contact-item1 .left, .contact .contact-item1 .right {
    width: 100%;
  }
  .contact .contact-item1 .right {
    margin-top: 20px;
  }
  .contact .contact-item1 .left .xq {
    font-size: 14px;
    line-height: 1.6;
  }
  .contact .contact-item2 .formBox .formRow {
    flex-wrap: wrap;
  }
  .contact .contact-item2 .formBox .formRow input {
    height: 50px;
    width: 100%;
    margin-bottom: 3.125rem;
    font-size: 14px;
  }
  .contact .contact-item2 .formBox .formRow input::placeholder {
    font-size: 14px;
  }
  .contact .contact-item2 .formBox .formRow textarea {
    font-size: 14px;
  }
  .contact .contact-item2 .formBox .formRow:not(:last-child) {
    margin-bottom: 0;
  }
  .contact .contact-item2 .formBox .subBtn {
    width: 125px;
    height: 36px;
    font-size: 15px;
    border-radius: 8px;
    margin: 3.125rem auto 0;
  }
}

@media screen and (max-width: 640px) {
  .product .productBox .right .list li {
    width: 100%;
  }
  .product .productBox .right .list li:not(:nth-child(2n)) {
    margin-right: 0;
  }
  .news .newsBox .list li {
    width: 100%;
  }
}