*{
    margin: 0;
    padding: 0;
    color: white;
    
}
html{
    background-color: #000000;
}
.bg{
    background-size: 100%;
    background-repeat: no-repeat;
}

.pa{
    position: absolute;
}

.box1{
   width: 1920rem;
   height: 1297rem;
   background-image: url('./img/box1.png');
   position: relative;
   padding-top: .1px;
}

.logoicon{
    width: 188rem;
    top: 20rem;
    left: 323rem;
}

.link{
    display: flex;
    align-items: center;
    top: 32rem;
    left: 1116rem;
    font-size: 24rem;
    cursor: pointer;
}
.linkk{
    left: 1358rem;
}
.r{
    width: 32rem;
    height: 32rem;
    background-image: url('./img/r.png');
    margin-left: 4rem;
}

.pic1{
    width: 204rem;
    left: 858rem;
    top: 240rem;
}

.p1{
    
    font-size: 32rem;
    text-align: center;
    margin-top: 468rem;
}

.gg{
    width: 300rem;
    left: 810rem;
    top: 564rem;
    cursor: pointer;
}


.box2{
    height: 964rem;
    width: 1920rem;
    position: relative;
}
.pic2{
    width: 378rem;
    top: 196rem;
    left: 323rem;
}

.p2{
    width: 243rem;
    left: 831rem;
    top: 196rem;
    font-size: 48rem;
    font-weight: bold;
}
.p3{
    width: 766rem;
    left: 831rem;
    top: 455rem;
    font-size: 24rem;
    color: rgba(255, 255, 255, .5);
}

.box3{
    width: 1920rem;
    height: 740rem;
    background-image: url('./img/box3.png');
    position: relative;
}

.pic3{
    width: 1089rem;
    right: 0;
}

.p4{
    width: 280rem;
    font-size: 48rem;
    font-weight: bold;
    top: 120rem;
    left: 323rem;
}

.p5{
   left: 323rem;
   width: 305rem;
}

.box4{
   
    height: 1022rem;
   
}

.p6{
    font-size: 48rem;
    margin-top: 156rem;
    text-align: center;
    font-weight: bold;
}

.pic4{
    width: 1274rem;
    left: 323rem;
    top: 300rem;
}

.box5{
    height: 741rem;
    background-image: url('./img/box5.png');
}

.pic5{
    width: 982rem;
    left: 469rem;
    top: 194rem;
}

.gg2{
    left: 810rem;
    top: 476rem;
}

.pbox{
    width: 1920rem;
    height: 580rem;
    overflow: hidden;
    bottom: 0;
}
.plist{
    width: 5500rem;
    height: 580rem;
    background-image: url('./img/peo.png');
    background-repeat: repeat-x;
    background-size: contain;
    animation: loop 20s infinite linear;
}
@keyframes loop{
    0%{
        transform: translateX(0);
    }
    99.999%{
        transform: translateX(-60.75%);
    }
    100%{
        transform: translateX(0);
    }
}