::-webkit-scrollbar {
    display: none;
}


body,
html {
    padding: 0;
    margin: 0;
    background: #fff;
    scroll-behavior: smooth;
 
    background: #050B20;
}

.scroll-snap {
    scroll-snap-align: start;
}

ul,
li {
    list-style: none;

}

a {
    text-decoration: none;
}

.pointer {
    cursor: pointer;
}

.opacity0 {
    opacity: 0;
}

.grayscale1 {
    filter: grayscale(1);
}

.text_S {
    text-align: start !important;
}

.nowrap {
    white-space: nowrap;
}

.section_title {
    width: fit-content;
    position: relative;
    font-size: 1.6667vw;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 2.1875vw;
    text-align: center;
    margin: auto;
    letter-spacing: .2208vw;
}

.section_title>p {
    position: relative;
    z-index: 10;
}

.section_title::after {
    position: absolute;
    content: "";
    background-image: url(../image/tit_bg.png);
    background-size: 6.25vw 6.25vw;
    background-repeat: no-repeat;
    width: 6.25vw;
    height: 6.25vw;
    top: -100%;
    left: -35%;
}

.ani_rotate {
    animation: rotate 50s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ani_emphasize {
    animation: emphasize 2.5s linear infinite;
}

@keyframes emphasize {
    0% {
        transform: translateY(0px);
    }

    70% {
        transform: translateY(0.5604vw);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes move {
    100% {
        offset-distance: 100%;
    }
}


@keyframes scale {
    0% {
        transform: scale(0.7);
        background: rgba(216, 216, 216, 0.15);
    }

    100% {
        transform: scale(1.2);
        background: rgba(216, 216, 216, 0);
    }
}

@keyframes move_left {
    40% {
        transform: translateY(.7208vw);
    }

    100% {
        transform: translate(-1.0208vw, 1.5208vw);
    }
}

@keyframes move_right {
    40% {
        transform: translateX(1.8208vw);
    }

    100% {
        transform: translate(-1.0208vw, -1.0208vw);
    }
}

@keyframes move_bottom {
    40% {
        transform: translate(-0.8208vw, -1vw);
    }

    100% {
        transform: translate(1.5208vw, 0.5208vw);
    }
}

@keyframes move_up {
    40% {
        transform: translate(-0.8208vw, 1.2vw);
    }

    100% {
        transform: translate(1.5208vw, 0.7208vw);
    }
}

@keyframes drop_shadow {
    0% {
        filter: drop-shadow(0 0 0 #3787d9);
        transform: translateY(0px);
    }

    70% {
        transform: translateY(0.5604vw);
        filter: drop-shadow(0 0 .4167vw #3787d9);
    }

    100% {

        transform: translateY(0px);
    }
}

.header {
    position: relative;
    padding:0 20vw;
    /* position: sticky; */
    top: 0;
    z-index: 999;
    background: rgba(5, 11, 32, 0.5);
    backdrop-filter: blur(11px);
    height: 3.125vw;
}

.header .logo {
    display: block;
    margin-right: .8333vw;
    width: 2.5vw;
    height: 2.5vw;
}

.header .company_name {
    font-size: 1.4583vw;
    font-weight: 700;
    color: #FFFFFF;
}

.header .nav {
    display: flex;
}

.header .nav li,
.header .nav li a {
    font-size: 1.0938vw;
    color: #FFFFFF;
    padding: .3125vw .4688vw;
}

.header .nav li+li {
    margin-left: 2.7083vw;
}

.header .nav li.active {
    border-radius: .1042vw;
    border: .0521vw solid #FFFFFF;
}

.footer {
    padding: 9.2188vw 18.75vw;
}

.footer p {
    font-size: 1.25vw;
    color: #FFFFFF;
    line-height: 1.6667vw;
    text-align: center;
}

.footer .footer_right {
    margin-left: 5.3125vw;
}

.footer .footer_right .wxewm {
    display: block;
    margin-bottom: .4167vw;
    width: 7.2917vw;
    height: 7.2917vw;
}

.footer .footer_right .wechat {
    width: 2.7083vw;
    height: 2.7083vw;
    margin-right: .4167vw;
}