@media screen and (max-width:1068px){
    #hd{
       display: none;
    }
}

@media screen and (max-width:1200px){
    .ul-web li{
        width: 25% !important;
    }
    .ul-list li{
        width: 34% !important;
    }
}

@media screen and (max-width:1068px){
    #m-hd{
        display:block !important;
    }
    .ul-about li{
        width: 49% !important ;
    }
    .ul-webset li{
        width: 49% !important;
    }
}

@media screen and (max-width:1170px){
    #hd .title-word{
        margin-left: 0;
    }
    #hd .tel{
        margin-left:2px;
        margin-right: 4px;
    }
}

@media screen and (max-width:767px){
    .contact-l{
        width: 100% !important;
    }
    .contact-r{
        width: 100% !important;
        margin-right: 0px !important;
    }
}



@media screen and (max-width:800px){
    .ul-webset li{
        width: 89% !important;
    }
    .ul-web li{
        width: 41% !important;
    }
}




@media screen and (max-width:768px){
   .banner .ban-txt h2{
       font-size: 50px;
       padding-top: 10px;
   }
   .banner .ban-txt h3{
       font-size: 20px;
       padding-top: 18px;
   }
   .banner .ban-txt h5{
       display: none;
   }
   .ul-list li .title span{
       display: none !important;
   }
   .ul-list li .title h3{
       font-size: 16px !important;
       height: 40px !important;
   }
}

@media screen and (max-width:460px){
    .banner .ban-txt h2{
        font-size: 30px;
    }
    .banner .ban-txt h3{
        display: none;
    }
    .ul-about li{
        width: 100% !important ;
    }
    .ul-web li{
        width: 95% !important;
    }
 }

 @media screen and (max-width: 900px){
     .news-bg {
    background: #16182c !important;
    }
}

 @media screen and (max-width:684px){
         .ul-icon-i li{
            width: 50% !important;
        }
        .ul-case-i li{
            width: 40% !important;
        }
        .ul-news-i li{
            width:49.5% !important;
        }
      
 }


 @media screen and (max-width:440px){
    .ul-icon-i li{
        width: 100% !important;
    }
    .ul-case-i li{
        width: 62% !important;
    }
    .ul-news-i li{
        width:100% !important;
    }

      .ul-list li{
          width: 88% !important;   
      }

 }