@media (max-width: 780px) {

    html,body{overflow-x:hidden;}

    header {background:#090E29;}
    
    header,.main,.container, .cases, .news, .footer,.bread-crumb {
      min-width: auto;
      max-width: auto;
      width: 100%;
      
    }
    
    .main-bg {padding: 10px 15px;}
    
    .main-bg .news {display:block;}
    
    .bread-crumb, .cases {padding-top:160px!important;}
    .bread-crumb {padding: 0 10px;}
    .cases-item .hd {height:0px;}
    
    .header-nav .nLi h3{font-size: 16px;float:none;}
    .header-nav .nLi h3 a {padding: 0;text-align:center;}
    .header-nav ul li{width:20%;text-align:center;}
    
    
    .subnav,.slide,.number,.header-search,.news,.banner {display:none;}
    .header-nav {width:100%;float:none;}
    
    .service ul li {float: auto;width:100%;margin-bottom: 15px;}
    .detail-desc img {max-width:100%;}



    .main-bg .news .news-img, .main-bg .news .news-info{float:none;width: 100%;height:auto;margin-left:0;text-align:center;}
    .news-other {position:relative;}


    .header-mobile {
      float: auto;
      position: absolute;
      top: 50px;
      width: 100%;
      background:#090E29;
    }
    .header-mobile p {float:none;}
    .header-mobile p span {float:none;display:inline-block;}
    .header-mobile a{font-size:inherit;color:inherit;color:inherit;} 
    
    .cases-item .bd {padding: 10px 20px;margin-top:0px;}
    .cases-item .bd ul li, .cases ul li { background-size: 100% auto; margin-top: 0;margin-bottom: 20px; float:none;width:auto;margin-right:0;}
    .cases-images {width:100%;height:auto;}
    
    
    .back-top a {right:15px;bottom:15px;}
    
    .footer-nav-left {float:none;width:100%;padding: 10px  25px;}
    .footer .footer-safe, .footer-links {display:none;}
    .footer-copyright-txt, .footer-copyright-links {float:none;width:100%;}
    .footer-copyright {border-top:1px solid rgba(255,255,255,.1);}
    
    
    .sort{width:100%;}
    .sort-item {border:none;}
    .sort-name{display:none;}
    .sort-main {float:none;width:100%;padding-left:0;border:none;border-bottom: 1px solid #efefef;margin-bottom: 10px;}
    .sort-list {float: none;width:100%;}
    
    .main-bg .cases {padding-top:0px!important;}
    .main-bg .cases ul{margin-top: 0;}
    .service-tips ul {margin: 30px 0;}
    .service-tips  ul li {float:none;width:100%;}
    
    .page-num, .page-link {padding: 0.2rem 0.35rem;margin: 0.1rem;}
}