@media only screen and (max-width: 1680px) {
    
    .index-banner {
        height: 680px; 
        /* padding-top: 70px; */
    }
    
}
@media only screen and (max-width:960px) {
  .header .navBody{
      display: none;
  }
  .header .hotLine{
    display: none;
  }
}
@media only screen and (max-width: 768px) {
    *{
        font-family: Arial, Helvetica, sans-serif;
    }
    .header{
        padding: 10px 0;
    }
    .header .navBody{
        display: none;
    }
    .index-banner{
        height: 300px;
    }
    .footer .infoTitle p{
      width: 80%;
    }

    .index-banner .swiper-container{
      height: 300px;
    }
    .index-banner1{
      width: 80%; margin: 0 auto;
    }
    .index-banner1 .index-banner-title1{
      font-size: 30px;
      margin-bottom: 15px;
    }
    .index-banner1 .index-banner-title1 img{
        width: 50%;
    }
    .index-banner1 .index-banner-title2{
        margin-bottom: 15px;
    }
    .index-banner1 .index-banner-title3 a{
      line-height: 40px;
    }
    .index-banner2{
      margin: 0 15px;
    }
    .index-banner3{
      margin: 0 15px;
    }

    .index-banner3 .index-banner3-title1{
      margin-bottom: 2rem; max-width: 300px; margin-right: 0;
    }

    .index-banner3 .index-banner3-title2{
      margin-left: 0; max-width: 300px;
    }
    
    /* .index-banner-title2{
      font-size: 18px;
      margin-bottom: 10px;
    }
    .bannerLine{
      margin-bottom: 10px;
    }
    .index-banner-title3{
      font-size: 12px;
    } */
    #footer .footer-bottom .box .right{
        display: none;
    }
    .homeAbout .homeHeader .intro{
        width: 100%; padding: 20px auto;
    }
    .header .logos{
        width: 60%; margin-top: 0;
    }
   .search{
       display: none;
   }
   
   .navbg {
    background-color: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    position: fixed;
    z-index: 101; }
  .closeBtn span{
      color: white; margin: 10px 0 0 10px; font-size: 4rem;
  }
  .nav_list {
    position: fixed;
    width: 80%;
    right: -80%;
    height: 100%;
    top: 0;
    z-index: 102;
    overflow-y: scroll;
    background-color: #ffffff;
    display: block; }
    .nav_list .navbox {
      width: auto; }
      .nav_list .navbox h4 {
        display: block;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box; }
        .nav_list .navbox h4 > a {
          text-align: left;
          line-height: 35px;
          padding: 0 15px;
          /* background: white; */
          color: #101010;
          box-sizing: border-box;
          display: block;
          margin: 10px 0;
          border-bottom: 1px solid #ddd; 
        }
          .nav_list .navbox h4 > a:hover {
            background-color: white; }
        .nav_list .navbox h4 ul {
          position: relative;
          background: none;
          padding: 0; }
          .nav_list .navbox h4 ul li {
            width: auto;
            margin: 5px;
            background-color: inherit; }
            .nav_list .navbox h4 ul li a {
              background-color: white;
              padding: 0 6vw;
              text-align: left;
              color: #337ab7; }
              .nav_list .navbox h4 ul li a:before {
                content: ">>";
                font-family: "SimSun";
                margin-right: 2vw; }

    .wapnavbtn {
        display: block;
        float: right; }
        .wapnavbtn ul {
          /* padding: 4px 0;  */
        }
          .wapnavbtn ul li {
            display: inline-block;
            margin-left: 5px;
            vertical-align: top; }
            .wapnavbtn ul li a {
              width: 30px;
              display: block;
              /* margin: 5px; */
             }
              .wapnavbtn ul li a img {
                width: 100%; }
            .wapnavbtn ul li span {
              font-size: 30px;
              color: rgb(224, 224, 224);
              display: block;
              line-height: 24px;
             }

    .homePro .homePro-box .block1 .proImg{
        /* height: 250px; */
        /* line-height: 250px; */
        /* vertical-align: middle; */
    }
    .homeQuality-box .floatRight{
      float: left;
    }
    .homeQuality-box .floatRight .blockInfo{
    }
    .homeQuality-box .floatRight .blockImg{
      /* float: left; */
    }
    
    
}