.header {
        display: none;
    }

    .section1 {
        z-index: 2;
        padding: 0;
        transform: translate(0, -100%);
        transition: all 3s;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section1.on {
        transform: translate(0, 0);
    }

    .bj1 {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .logo1 {
        position: absolute;
        z-index: 2;
        top: 1.5vw;
        width: 9vw;
    }

    .text1 {
        position: absolute;
        z-index: 2;
        top: 18vw;
        opacity: 0;
        width: 22vw;
    }

    .section1.on .text1 {
        opacity: 1;
        transition: 2s 3s;
    }

    .section1 i {
        font-size: 50px;
        color: #FFF;
        position: absolute;
        z-index: 2;
        top: 27vw;
        animation: pointDown 0.6s 0.6s ease-in infinite alternate forwards;
    }

    .section1 i:hover {
        color: #03a9f4;
    }

    @keyframes pointDown {
        from {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .Nav1Button {
        background: #2d66e5;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        position: fixed;
        top: 30px;
        right: 100px;
        z-index: 999;
        cursor: pointer;
    }

    .Nav1List {
        position: fixed;
        top: 30px;
        right: 160px;
        width: 140px;
        z-index: 9999;
        display: none;
    }

    .Nav1List a {
        display: block;
        width: 100%;
        padding: 10px 30px;
        position: relative;
        background: rgba(55, 92, 177, .6);
        color: #dddddd;
        font-size: 16px;
    }

    .Nav1List a:before {
        content: '';
        display: block;
        width: 3px;
        height: 100%;
        background: rgba(55, 92, 177, .9);
        position: absolute;
        left: 0;
        top: 0;
        transition: 0.2s;
        z-index: -1;
    }

    .Nav1List a.active,
    .Nav1List a:hover {
        color: #fff;
    }

    .Nav1List a.active:before,
    .Nav1List a:hover:before {
        width: 100%;
    }



    @media (max-width: 1200px) {
        .section1 {
            margin-top: 60px;
        }

        .Nav1 {
            display: none;
        }

        .header {
            display: block;
        }
    }

    @media (max-width: 900px) {
        .logo1 {
            width: 80px;
            top: 15px;
        }

        .text1 {
            width: 200px;
            top: 160px;
        }

        .section1 i {
            top: 230px;
        }

        .bj1 {
            height: 360px;
            object-fit: cover;
        }
    }

    @media (max-width: 600px) {}

    @media (max-width: 400px) {}