@media(max-width: 1920px){
 
  .navbar-light .navbar-nav .nav-link{
     font-size: 18px;
  }
}


@media(max-width: 1560px){
 
    .index-catage a{ 
         font-size: 18px;
    }
}



@media(max-width: 1300px){
 
  .navbar-light .navbar-nav .nav-item{
     padding:2rem 1rem;
  }
  .navbar-light .navbar-nav{
     margin-right: 20px;
  }
     .index-catage-list{
      width:20%; 
   }
}




@media(max-width: 992px){

  .navbar-brand{
     padding:10px 15px;
  }
  .logo-sm-height{
     height: 40px;
  }

  .foot-desc{
     text-align:left;
  }
  .main-nav{
     background: #fff!important;
  }

  #navbarNav{
     display: none;
  }
  .menu2 {
  position:relative;
  z-index:999999999999;
  background:#fff; 
  display:none;
  height:100%;
  width: 100%;
  overflow-y:scroll;
  }
  .navbar-light .navbar-toggler {
        border: none;
        float: right;
        position: absolute;
        right: 10px;
        top: 15px;
        font-size: 22px;
        font-weight: 300;
        color: var(--main-colorblue);
    }
}








@media(max-width: 992px){
    .container-fluid{
     max-width: 100%;
     padding-right: 5px;
    padding-left: 5px;
   }
   .form-group{
     width: 100%;
     margin-right: 0;
   }
   .about-container{
   box-shadow: none;
   padding:20px 5px 0 5px;
  }
  .gd-number .timer{
     font-size: 40px;
  }
 
}




@media(max-width: 992px){
   

  .gd-number{
    margin-bottom: 30px;
  }
}


@media(max-width: 768px){
   
  .py-10{
   padding-top:50px!important;
   padding-bottom: 50px!important;
  }

   .pt-10{
   padding-top:50px!important; 
  }
  
  .index-ys{
     padding:0px 0 20px 0;
     display: flex;
  }
  .index-ys .desc{
     padding-right: 0;
     height: auto;
     padding-left:20px;
  }
  .index-ys:hover{
     background: none;
     color:#333;
  }
  .mt-5{
     margin-top:30px!important;
  }

  .why-list{
     margin:10px auto;
     padding:10px;
  }
  .why-list .ico{
     width:60px;
  }
  .bg-contact{
     padding-top: 20px!important;
  }


  .product-list-box{
     padding:0;
     margin-left:0px;
     margin-right:0px;
  }




  .news-list{
     display: block;
  }
  .news-list .ico{
     width:60%;
     margin:0 auto;
     display: block;
     margin-bottom: 15px;
  }
  .news-list .desc{
     width: 100%
  }


    .yuding-box{
       width: 90%;
       left: 5%;
       margin-left:0;
  }
  
  .index-about{
     background: #fff;
  }


  .left-slide{
     border:none;
     box-shadow:none;
     margin:0;
  }

  .leftmenus{
     padding:10px 15px;
     background: var(--main-colorblue);
    
  }
  .leftmenus2{
     padding:5px 0;
  }
   .leftmenus .twomenu a{
     padding-left: 0;
      color:#fff;
  }

  .leftmenus .title,
  .leftmenus .title i{
      color:#fff!important;
  }
  .leftmenus-link:hover{
     color:var(--main-coloryellow);
  }
  .leftmenus .onemenu .leftmenus-link{
     font-size: 14px;
  }
  .leftmenus .twomenu a{
     font-size: 12px;
  }


  .w-desc{
     width:100%;
  }

    .contact-box{
       padding:30px 10px;
  }

  .contact-box-shadow{
   box-shadow: none;
  }
  .contact-box .form-group{
     width:100%;
     margin-right: 0;
  }

  .index-pro-title-box2{
      position: relative;
  }

   
  .nybanner{
     height: 150px;
  }

  .index-logo-box{
      height: 100px;
      line-height: 40px;
  }
 
    
   .index-catage-list{
      width:33.33%;  
   }
   .index-catage{
       height: 50px;
   }
   
   
      .index-catage-list{
      width:33.33%;  
   }
   .index-catage{
       height: 50px;
       border-radius: 5px;
   }
   .index-catage .ico{
        padding:5px;
   }
   .index-catage .ico img{
       width:100%;
   }
   .index-catage-list .title{
        font-size: 12px;
   }

}