@media screen and (min-width:960px) {



    #header-nav {
        display: block;
    }

    #header-banner {
        display: block;
    }

    #footer {
        display: block;
    }


    #m-top-form {
        display: none;
    }

    #m-bottom-form {
        display: none;
    }

    #navcight {
        display: none;
    }

    .video-container {
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }

    .video-container video {
        width: 66%;
        display: flex;
        margin: 0 auto;
        max-height: 7rem;
    }

    .videoplay-desc {
        padding-top: 0.3rem;
    }

    .videoplay-desc h2 {
        text-align: center;
        font-size: 0.3rem;
    }

    .videoplay-desc p {
        text-align: center;
        font-size: 0.16rem;
        color: #4a4a4a;
        margin-top: 0.2rem;
    }

}

@media screen and (max-width:960px) {


    #header-nav {
        display: none;
    }

    #header-banner {
        display: none;
    }

    #footer {
        display: none;
    }

    #m-bottom-form {
        display: block;
    }

    #navcight {
        display: block;
    }

    #m-top-form {
        display: block;
    }

    .video-container {
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }

    .videoplay-desc {
        padding-top: 1rem;
    }

    .videoplay-desc h2 {
        text-align: center;
        font-size: 0.2rem;
    }

    .videoplay-desc p {
        text-align: center;
        font-size: 0.1rem;
        color: #4a4a4a;
        width: 3rem;
        margin: 0 auto;
        margin-top: 0.1rem;
    }



}