@media only screen and (max-width: 1100px) {
    .huawei-header-top{
        display: none;
    }
    .hu-header-phone{
        display: none;
        width: 80%;
        height: 45vw;
    }
    .hu-header-text{
        position: initial;
        text-align: center;
        padding-top: 150px;
    }
    .hu-header-phone{
        margin-top: 80px;
    }
    .hu-b2{
        margin-top: 5vh;
    }
    .hu-b2-text{
        width: 40%;
    }
    .hu-b5{
        height: 500px;
    }
    .hu-h6-bottom{
        height: 110vw;
        margin-top: -80vw;
    }
    .hu-patrn{
        height: 20vw;
    }
    .hu-gif{
        top: -18vw;
    }
    .huawei .start-wrapper h2{
        margin-top: 80px;
    }
    .p-bottom, .start{
        width: 90%;
    }
    .hu-header-text .flex{
        margin: 20px auto;
    }
}
@media only screen and (max-width: 800px) {
    .hu-b2,.hu-b3,.hu-b4{
        flex-direction: column;
        align-items: center;
    }
    .hu-b2-screen, .hu-b3-screen, .hu-b4-screen{
        width: 80%;
    }
    .hu-b2-text{
        width: 80%;
        margin-top: 40px;
        text-align: center;
    }
    .hu-b3 .hu-b2-text{
        order: 2;
        margin-top: 40px;
    }
    .hu-link{
        margin: 0 auto;
    }
    .hu-red-line{
        text-align: center;
        bottom: -15%;
    }
    .hu-b5{
        height: 400px;
    }
    .hu-new-year{
        padding-top: 200px;
    }
    .hu-last-b{
        height: 50vw ;
    }
}
@media only screen and (max-width: 600px) {
    .hu-header-phone{
        display: none;
    }
    .hu-header-text{
        position: initial;
        top: unset;
        padding-top: 150px;
        text-align: center;
    }
    .hu-header-text .flex{
        margin: 20px auto;
    }
    .hu-header-text{
        width: 100%;
    }
    .hu-b2-text{
        margin-left: 0;
        width: 90%;
    }
    .hu-logo-bottom{
        top: 60%;
    }
    .hu-b2-screen, .hu-b3-screen, .hu-b4-screen{
        width: 90%;
    }
    .hu-b3{
        margin-top: 0%;
        padding-bottom: 100px;
    }
    .hu-b2{
        padding-bottom: 40px;
    }
    .hu-b3 .hu-b2-text{
        margin-right: 0;
    }
    .hu-b5{
        margin-top: -25%;
        height: 80vw;
    }
    .hu-red-line{
        bottom: -20%;

    }
    .hu-gif{
        width: 100%;
        top: -25vw;
    }
    .hu-last-screen img{
        top: 10vw;
    }
    .hu-last-b{
        height: 70vw;
    }
    .hu-last-screen{
        width: 90%;
    }
    .hu-h6-screen{
        width: 90%;
    }
    .hu-new-year{
        width:100%;
    }
    .hu-b3 .hu-b2-text{
        color: #fff;
    }
    .hu-b2{
        margin-top: 10vh;
    }
}