.he_pult1 {
font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.6rem;
    color: #000000;
    line-height: 0.84rem;
}

.he-arrow .he_pcbante{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.18rem;
    color: #888888
}

.he_syp2 {
    width: 100%;
    position: relative;
}

.mc_bs3_videobox {
    width: 100vw;
    height: 100vh;
    position: relative;
    z-index: 1;
}
.mc_bs3_videobox.acts{
    position: fixed;
    top: 0;
    left: 0;
}


.he_syp2 .mc_bs3_video {
    width: 80%;
}



.mc_bs3_videobox.act .mc_bs3_video {
    opacity: 1;
}

.mc_bs3_video {
    height: auto;
    max-width: none;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    min-height: 100vh;
    transition: inherit;
}

.mc_bs3_videowrap {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    max-width: none;
    overflow: hidden;
}

.mc_b_s3 {
    height: 300vh;
    overflow: hidden;
}

.mc_bs3_svg {
    position: absolute;
    left: 50%;
    top: 45%;
    z-index: 5;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    max-width: none;
    height: auto;
}
.img-two{
  top: 58%;  
}
.mc_bs3_svg {
    width: 120%;
}
.img-toggle{
    display: none;
}
.mc_bs3_videowrap {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.bs3_copy {
    height: 101vh;
}

.bs3_copy .he_phgfbx {
    height: 100%;
}

.mc_bs3_videowrap::before {
    width: 110%;
}


.mc_bs3_videobox.act .mc_bs3_title {
    opacity: 0;
    display: none;
}

.mc_bs3_videobox.act .mc_bs3_videowrap::before {
    opacity: 0;
}


.mc_bs3_videobox.act .mc_bs3_video {
    opacity: 1;
}

.mc_bs3_videobox.end .mc_bs3_svg {
    opacity: 0;
    display: none;
}

.he_syp2hd img {
    width: 0.36rem;
    animation: xl 1.2s infinite;
    margin: 0 auto;
}


.he_syp2hd {
    margin-top: 0.37rem;
}


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

    50% {
        transform: translateY(10px);
    }

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

.he_syp4 .mc_bs3_videobox .mc_bs3_svg {
    opacity: 0;
}

.he_syp4 .mc_bs3_videobox .mc_bs3_title {
    opacity: 0;
}

.he_syp4 .mc_bs3_videobox.end .mc_bs3_svg {
    opacity: 1;
}

.he_syp4 .mc_bs3_videobox.act .mc_bs3_title {
    opacity: 1;
}


.he_syp1ble {
    transform: translateY(100px);
}

.he_syp1bri {
    transform: translateY(100px);
}

.he_syp4 {
    height: 300vh;
    margin-top: 1.6rem;
}

.he_syp4 .mc_bs3_title {
    bottom: 20%;
}

.he_nyban {
    width: 100%;
    position: relative;
}

.he_syp1pkc {
    display: none;
}

.he_syp2 .mc_bs3_video {
    width: 100%;
}

.he_syp2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    z-index: 10;
}

.he_bansvg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.he_syp4 .mc_bs3_video {
    width: 100%;
}


@keyframes xl1 {
    0% {
        top: 0;
    }

    50% {
        top: 10px;
    }

    100% {
        top: 0;
    }
}

.mc_b_s3 {
    height: 200vh;
}

.mc_bs3_title {
    position: absolute;
    bottom: 12%;
    left: 0;
    width: 100%;
    text-align: center;
}
.video-div{
    width: 15.2rem;
    height: 100vh;
    margin:0.8rem auto 1.6rem;
}