* {
    box-sizing: border-box;
    font-family: "microsoft yahei", "Times New Roman", "宋体", Times, "黑体";
}
body {
    background-color: black;
    margin: 0;
}
#dlfjalkdj {
    width: 100vw;
    height: auto;
    padding-top: 10vh;
}

#dlfjalkdj #section-wrapper {
    width: 100vw;
    height: auto;
}

#dlfjalkdj .section-1 {
    /* background-color: black; */
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1;
}

#dlfjalkdj .section-1 #left-img, 
#dlfjalkdj .section-1 #right-img
{
    width: 50vw;
    float: left;
    padding: 4vw;
}

#dlfjalkdj .section-1 #right-img {
    float: right;
}

#dlfjalkdj .section-1 #left-img img{
    width: 4rem;
}

#dlfjalkdj .section-1 #right-img img{
    width: 2.5rem;
    float: right;
}

#dlfjalkdj .section-2 .logo-png{
    width: 14vw;
    margin-left: 43vw;
}
#dlfjalkdj .section-2 .word-png{
    width: 70vw;
    margin: 2vh 15vw;
}
#dlfjalkdj .section-3 .gif-1{
    width: 90vw;
    margin-left: 5vw;
}
#dlfjalkdj .section-4 {
    overflow: hidden;
    margin: 2vh 0;
}
#dlfjalkdj .section-4 .gif-2{
    width: 50vw;
    float: right;
}
#dlfjalkdj .section-5 .gif-3{
    width: 80vw;
    margin-left: 10vw;
}
#dlfjalkdj .section-6{
    width: 100vw;
    margin-top: 5vh;
}
#dlfjalkdj .section-6 .w-png{
    display: inline-block;
}
#dlfjalkdj .section-7 {
    margin-top: 4vh;
    margin-bottom: 2vh;
}
#dlfjalkdj .section-7 .p1{
    width: 24vw;
    margin-left: 38vw;
}
#dlfjalkdj .section-7 .p2{
    width: 2vw;
    margin-left: 49vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
}
#dlfjalkdj .section-7 .p3{
    width: 14vw;
    margin-left: 43vw;
}
#dlfjalkdj .section-7 .p4{
    width: 50vw;
    margin-left: 25vw;
}
#dlfjalkdj .section-8{
    color:rgb(153, 153, 153);
    padding-left: 2vw;
    text-align: left;
    font-size: 12px;
    transform: scale(0.8);
    transform-origin: left;
    margin-bottom: 2vw;;
}

/** mobile */
@media screen and (max-width: 543.9px) {
    #dlfjalkdj .section-2 .word-png-mobile{
        margin-top: 4vh;
        margin-bottom: 4vh;
    }
    
    #dlfjalkdj .section-2 .logo-png{
        width: 24vw;
        margin-left: 38vw;
    }

    #dlfjalkdj .section-2 .word-png-pc{
        display: none;
    }
    #dlfjalkdj .section-4 .gif-2{
        width: 80vw;
        float: right;
        /* margin-top: 2vh;
        margin-bottom: 2vh; */
    }
    #dlfjalkdj .section-6{
        width: 100vw;
        margin-top: 2vh;
    }
    #dlfjalkdj .section-6 .w-png-mobile-1{
        width: 50vw;
        margin-left: 25vw;
    }
    #dlfjalkdj .section-6 .w-png-mobile-2{
        width: 80vw;
        margin-left: 10vw;
        margin-top: 1vh;
    }
    #dlfjalkdj .section-6 .w-png-pc{
        display: none;
    }
    #dlfjalkdj .section-7 .p4-pc{
        display: none;
    }
}

/** pc */
@media screen and (min-width: 543.9px) {
    #dlfjalkdj .section-2 .word-png-mobile{
        display: none;
    }
    #dlfjalkdj .section-2 .word-png-pc{
        margin-bottom: 8vh;
        margin-top: 6vh;
    }
    #dlfjalkdj .section-3 .gif-1{
        width: 70vw;
        margin-left: 15vw;
    }
    #dlfjalkdj .section-5 .gif-3{
        width: 60vw;
        margin-left: 20vw;
    }
    #dlfjalkdj .section-6 .w-png-mobile{
        display: none;
    }
    #dlfjalkdj .section-6 .w-png-pc{
        width: 80vw;
        margin-left: 10vw;
    }
    #dlfjalkdj .section-7 .p4-mobile{
        display: none;
    }
    #dlfjalkdj .section-7 .p4-pc{
        width: 16vw;
        margin-left: 42vw;
    }
}