@media screen and (max-width: 768px) {
    
    .nav-warpper{width: 96%;margin: 0px auto;}
    .logo{height: 24px;}
    .nav-left{display: block;float: right;margin-top: 10px;}
    .nav-box{display: none;}
    .nav-box{position: fixed;left: 0px;background-color: #000;z-index: 2000;width: 150px;}
    .layui-nav-tree{width: 100%;}
    .layui-slide{width: 100px;}

    
    .footer-container{width: 90%;margin: 0px auto;}
    .link-item{margin-right: 5px;}
    .footer-qrcode-img{width: 30%;}

    
    .business-title{font-size: 18px;}
    .business{padding: 15px 0px;}
    .business-desc{margin-bottom: 15px;}
    .business-item{padding: 10px 0px;width: 94%;height: 340px;}
    .business-item-icon{height: 30px;}
    .business-item-title-text{font-size: 18px;}
    .business-item-title{margin: 15px auto;}
    .customer-title{font-size: 18px;}
    .news{padding: 10px 0px;}
    .news-title{margin: 10px auto;font-size: 18px;}
    .news-container{margin-top: 15px;padding-bottom: 0px !important;}
    .news-box{padding-top: 20px;}
    .news-box-item{margin-bottom: 15px;}
    .news-box-swiper{margin-bottom: 15px;}
    .news-box-swiper-item{width: 96%;}


    
    .aboutbox{width: 96%;}
    .aboutbox-title{margin-bottom: 15px;}
    .culture,.core{padding: 15px 0px;}
    .about-core-title{font-size: 16px;margin-bottom: 10px;margin-top: 10px;}

    
    .case{padding: 30px 0px;}
    .case-item{margin: 10px auto;width: 94%;}

    
    .article-blank{display: none;}
    .article-content-title,.page-blank{display: none;}
    .article-content{width: 90%;}
    .article-content-text{width: 100%;}
    .article-content-menu{display: none;}

    
    .page-content{width: 94%;}

}