@media (max-width: 1800px) {
  .daohang-bot .wh {
    padding: 0 6.25rem;
  }
}
@media (max-width: 1560px) {
  .group-div .group-div-div {
    width: 100%;
  }
  .index_one .cont .top_nav .top_navli a {
    padding: 1.25rem 2rem;
    font-size: 1rem;
  }
  .index_one .cont .pro_ul > li .right .tit {
    font-size: 1rem;
  }
  .index_one .cont .pro_ul > li .right ul li {
    font-size: 0.875rem;
  }
  .index_two .cont .swiper_indexhonor .swiper-slide .over {
    height: 2.25rem;
  }
}
@media (max-width: 1440px) {
  .group-div .group-div-div {
    width: 100%;
  }
}
@media (max-width: 1280px) {
  .index_two .cont .swiper_indexhonor .swiper-slide .over {
    height: 3.625rem;
  }
  .chanp-xiang {
    width: 100%;
  }
  .nav-ul > li > a {
    padding: 0 1rem !important;
  }
  .daohang-bot .wh {
    padding: 0 10% !important;
  }
  .wh {
    padding: 0 10%;
  }
}
@media (max-width: 990px) {
  .foot-fot {
    display: block;
  }
  footer {
    display: none;
  }
  .banner .hover {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .index_two .cont .swiper_indexhonor .swiper-slide .over {
    height: 2.5rem;
  }
  .wh {
    padding: 0 15px;
  }
  .banner .swiper-pagination {
    bottom: 20px;
  }
  .group-div-div .video_box {
    grid-template-columns: repeat(1, 1fr);
  }
  .index_one .cont .pro_ul > li .right ul li {
    width: 100%;
  }
  .zzrz-ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .zzrz-ul.clearfix:after,
  .zzrz-ul.clearfix:before {
    display: none;
  }
  .zzrz-ul li {
    float: unset;
  }
  .chanp-xiang .chanp-xiang-div .ying-div .ying-div-content .row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .text-center {
    width: 100%;
  }
  .library-title {
    display: block;
  }
  .index_seven .right {
    display: none;
  }
  .library-bot-div {
    display: block;
    width: 100%;
  }
  .product-library {
    display: none;
  }
  .index_one .cont .top_nav::-webkit-scrollbar {
    width: 0.25rem;
    height: 5px;
  }
  .index_two .cont .grid_box .grid_item {
    padding: 30px 20px;
  }
  .index_one .cont .pro_ul > li .right a.all_more,
  .index_one .cont .pro_ul > li .right a.all_more2 {
    font-size: 0.875rem;
  }
  .index_one .cont .pro_ul > li .right {
    padding: 1.25rem 30px;
  }
  .index_one .cont .pro_ul > li .right ul {
    grid-template-columns: 1fr;
    margin-top: 0px;
  }
  .index_seven {
    padding-bottom: 30px;
  }
  .index_one .cont .grid_box .grid_item output {
    padding: 0.125rem 0.25rem;
    min-width: unset;
  }
  .index_one .cont .grid_box .inpt select,
  .index_one .cont .grid_box .inpt {
    background-color: #fff !important;
  }
  .pb85 {
    padding-bottom: 30px;
  }
  .index_seven .left ul li h3 span {
    font-size: 2.5rem;
  }
  .index_seven .left ul li h3 sup {
    font-size: 1.25rem;
  }
  .index_seven .left ul li p {
    font-size: 1rem;
  }
  .index_seven .left ul {
    gap: 30px;
  }
  .index_six .cont .tit {
    font-size: 18px;
  }
  .index_six .cont .le,
  .index_six .cont .ri {
    width: 6.25rem;
  }
  .index_six .bgimg {
    height: 50vh;
  }
  .index_six .bgimg > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .index_three .swiper_indexthree .swiper-slide .text {
    padding: 1rem;
  }
  .index_two .cont .grid_box {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .index_one .cont .top_nav .top_navli a {
    padding: 1rem;
    font-size: 1rem;
  }
  .index_one .cont .selectPro,
  .index_one .cont .resetPro {
    width: 40%;
    margin: 10px 15px;
  }
  .index_one .cont .grid_box {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .all_title h3 {
    font-size: 24px;
  }
  .all_title p {
    font-size: 16px;
  }
  .index_one {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .banner .hover .btn_flex .btn {
    width: 8rem;
    font-size: 0.875rem;
    height: 3rem;
    line-height: 3rem;
  }
  .banner .img {
    height: 50vh;
  }
  .banner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .banner .hover .p1 {
    font-size: 18px;
    line-height: 1.5;
  }
  .banner .hover .p2 {
    width: 100%;
    margin-top: 0;
    font-size: 12px;
  }
  .neibanner .neibanner_txt h3 {
    font-size: 1rem;
  }
  .pt100,
  .pt95,
  .pt90,
  .pt85,
  .pt80 {
    padding-top: 30px;
  }
  .pt75,
  .pt70,
  .pt65,
  .pt60,
  .pt55,
  .pt50,
  .pt45 {
    padding-top: 20px;
  }
  .pt40,
  .pt35,
  .pt30,
  .pt25,
  .pt20,
  .pt15 {
    padding-top: 10px;
  }
  .pb120,
  .pb130,
  .pb135,
  .pb100,
  .pb95,
  .pb90,
  .ptb5,
  .pb80 {
    padding-bottom: 30px;
  }
  .pb75,
  .pb70,
  .pb65,
  .pb60,
  .pb55,
  .pb50,
  .pb45 {
    padding-bottom: 20px;
  }
  .pb40,
  .pb35,
  .pb30,
  .pb25,
  .pb20,
  .pb15 {
    padding-bottom: 10px;
  }
  .mb100,
  .mb95,
  .mb90,
  .mb85,
  .mb80,
  .mb75,
  .mb70,
  .mb65,
  .mb60 {
    margin-bottom: 30px;
  }
  .mb55,
  .mb50,
  .mb45,
  .mb40,
  .mb35 {
    margin-bottom: 20px;
  }
  .mb25,
  .mb20,
  .mb15,
  .mb30 {
    margin-bottom: 10px;
  }
  .mt100,
  .mt95,
  .mt90,
  .mt85,
  .mt80,
  .mt75,
  .mt70,
  .mt65,
  .mt60 {
    margin-top: 30px;
  }
  .mt55,
  .mt50,
  .mt45,
  .mt40,
  .mt35 {
    margin-top: 20px;
  }
  .mt30,
  .mt25,
  .mt20,
  .mt15 {
    margin-top: 10px;
  }
}