@media only screen and (max-width:1024px){
    .footer-box{
        width: 1000px;
    }
   
}

@media only screen and (max-width:768px){
     .article-block li{
        width: 600px;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .article-img{
        width: 100%;
        display: block;
    }
    .article-text{
        width: 100%;
        display: block;
    }
    .article-link{
        bottom: 30px;
    }
    .article-p{
        padding-bottom: 20px;
    }
    .footer-box{
        width: 95%;
    }
}
@media only screen and (max-width:480px){
    .banner-box{
        width: 100%;
        height: 130px;
    }

    .banner-img{
        height: 100%;
    }
    .banner-logo{
        width: 120px;
    }

    .banner-mask{
        height: 100%;
    }
    .article-title{
        padding: 15px 0;
        font-size: 24px;
    }
    .article-name span, 
    .article-name{
        font-size: 22px;
       
    }
    .article-p{
        font-size: 17px;
    }
    .article-link{
        line-height: 35px;
        width: 110px;
    }
    .marketing-form-title{
        font-size: 16px;
    }
    .marketing-form-list, 
    .marketing-form-list-textarea, 
    .button{
        width: 100%;
    }
    .marketing-form-left, 
    .marketing-form-right{
        width: 100%;
        display: block;
    }
    .footer-list{
        float: none;
    }
    .footer-web{
        float: none;
    }
}