html{
    font-size: 10vw;
    font-family:  "Hiragino Sans GB";
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    min-height: 100%;
}
body{
    padding: 0;
    margin: 0 auto;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
div,p,span,ul,li,i{
    margin: 0;
    padding: 0;
    list-style: none;
    font-style: normal;
    text-shadow: none;
}
a{
    text-decoration: none;
    color: #000;
    outline: none;
    -moz-outline-style: none;
}
img{
    display: block;
}

.index_bg{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.index_box{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    /* background: url(./img/bg-img.jpg) no-repeat;
    background-size: cover; */
}
.scroll_box {
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-flex;
    white-space: nowrap;
    /* display: flex; */
    /* animation: scroll 150s linear infinite; */
}

.scroll_content {
    position: relative;
    display: inline-block;
    width: 79.5833rem;
    height: 100vh;
}
.scroll_content_before{
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.paused {
    animation-play-state: paused;
}

.item {
    position: absolute;
}

.title_news{
    top: 1.1771rem;
    left: 1.1667rem;
    width: 2.2708rem;
    height: 3.6875rem;
}

.news1{
    left: 4.2813rem;
    top: .5521rem;
}
.news1>img{
    width: 2.3021rem;
    height: 2.2656rem;
    animation: animation1 1.5s ease-in infinite;
}
.news2{
    left: 6.6875rem;
    top: 1.8073rem;
}
.news2>img{
    width: 3.4792rem;
    height: 2.5781rem;
    animation: animation1 1.5s ease-in infinite;
}
.news3{
    left: 10.4583rem;
    top: .6667rem;
    display: flex;
    align-items: flex-start;
}
.news3>img{
    width: 2.1771rem;
    height: 2.2292rem;
    animation: animation1 1.5s ease-in infinite;
}
.news4{
    left: 12.6823rem;
    top: 1.8906rem;
}
.news4>img{
    width: 3.3073rem;
    height: 2.5781rem;
    animation: animation1 1.5s ease-in infinite;
}
.news5{
    left: 16.3542rem;
    top: .625rem;
    display: flex;
    align-items: flex-start;
}
.news5>img{
    width: 3.0469rem;
    height: 1.8594rem;
    animation: animation1 1.5s ease-in infinite;
}
.news6{
    left: 16.3698rem;
    top: 2.5521rem;
}
.news6>img{
    width: 4.5156rem;
    height: 2.0313rem;
    animation: animation1 1.5s ease-in infinite;
}
.news7{
    left: 21.8854rem;
    top: .6875rem;
}
.news7>img{
    width: 3.3229rem;
    height: 2.4479rem;
    animation: animation1 1.5s ease-in infinite;
}
.news8{
    left: 25.3646rem;
    top: 1.6188rem;
}
.news8>img{
    width: 4.4427rem;
    height: 2.8438rem;
    animation: animation1 1.5s ease-in infinite;
}
.news9{
    left: 30.4688rem;
    top: .5625rem;
    display: flex;
    align-items: flex-start;
}
.news9>img{
    width: 2.3594rem;
    height: 1.9323rem;
    animation: animation1 1.5s ease-in infinite;
}
.news10{
    left: 30.4948rem;
    top: 2.4958rem;
}
.news10>img{
    width: 5.1719rem;
    height: 2.2604rem;
    animation: animation1 1.5s ease-in infinite;
}
.news11{
    left: 35.825rem;
    top: .5833rem;
    display: flex;
    align-items: flex-start;
}
.news11>img{
    width: 2.4948rem;
    height: 1.8698rem;
    animation: animation1 1.5s ease-in infinite;
}
.news12{
    left: 36.0833rem;
    top: 2.7604rem;
}
.news12>img{
    width: 2.849rem;
    height: 2.1146rem;
    animation: animation1 1.5s ease-in infinite;
}
.news13{
    left: 40.8927rem;
    top: .3802rem;
    display: flex;
    align-items: flex-start;
}
.news13>img{
    width: 2.3646rem;
    height: 1.6771rem;
    animation: animation1 1.5s ease-in infinite;
}
.news14{
    left: 39.125rem;
    top: 2.125rem;
}
.news14>img{
    width: 4.5885rem;
    height: 1.9219rem;
    animation: animation1 1.5s ease-in infinite;
}

.title_advance{
    top: 1.1771rem;
    left: 46.6302rem;
    width: 2.3594rem;
    height: 3.6875rem;
}

.advance1{
    left: 49.6771rem;
    top: 1.2083rem;
}
.advance1>img{
    width: 2.2292rem;
    height: 2.1979rem;
    animation: animation1 1.5s ease-in infinite;
}
.advance2{
    left: 52.3958rem;
    top: .8958rem;
    display: flex;
    align-items: flex-start;
}
.advance2>img{
    width: 2.6667rem;
    height: 1.9896rem;
    animation: animation1 1.5s ease-in infinite;
}
.advance3{
    left: 52.3958rem;
    top: 2.7917rem;
}
.advance3>img{
    width: 4.3646rem;
    height: 1.8021rem;
    animation: animation1 1.5s ease-in infinite;
}
.advance4{
    left: 56.9948rem;
    top: 1.2865rem;
}
.advance4>img{
    width: 3.3854rem;
    height: 2.4948rem;
    animation: animation1 1.5s ease-in infinite;
}

.title_newspapermen{
    top: 1.1771rem;
    left: 61.875rem;
    width: 2.4323rem;
    height: 3.5625rem;
}

.newspapermen1{
    left: 64.9844rem;
    top: .3646rem;
    display: flex;
    align-items: flex-start;
}
.newspapermen1>img{
    width: 3.3333rem;
    height: 2.4531rem;
    animation: animation1 1.5s ease-in infinite;
}
.newspapermen2{
    left: 66.5833rem;
    top: 2.7448rem;
}
.newspapermen2>img{
    width: 1.6979rem;
    height: 2.2083rem;
    animation: animation1 1.5s ease-in infinite;
}
.newspapermen3{
    left: 68.7344rem;
    top: 1.3542rem;
}
.newspapermen3>img{
    width: 2.1823rem;
    height: 3.0052rem;
    animation: animation1 1.5s ease-in infinite;
}
.newspapermen4{
    left: 72.5313rem;
    top: .3542rem;
    display: flex;
    align-items: center;
}
.newspapermen4>img{
    width: 1.7813rem;
    height: 2.1979rem;
    animation: animation1 1.5s ease-in infinite;
}
.newspapermen5{
    left: 71.6667rem;
    top: 2.4271rem;
    display: flex;
    align-items: center;
}
.newspapermen5>img{
    width: 3.1719rem;
    height: 2.3438rem;
    animation: animation1 1.5s ease-in infinite;
}


.img_text1{
    display: flex;
    margin: .0521rem 0;
}
.img_text2{
    display: flex;
    margin: .0521rem 0;
    flex-direction: column;
}
.img_text2 .name_box{
    margin-left: .3146rem;
}
.year{
    display: flex;
}
.year img{
    width: .2865rem;
    height: .3594rem;
}
.year p{
    font-size: .375rem;
    color: #eccca2;
}
.name_box{
    display: flex;
    align-items: center;
    margin-left: .1146rem;
}
.name_box em{
    width: .0052rem;
    height: .3333rem;
    background-color: #eccca2;
    margin-right: .1033rem;
}
.name_box div{
    display: flex;
    flex-direction: column;
    color: #eccca2;
}
.name_box div p{
    font-size: .1563rem;
}
.name_box div span{
    font-size: .0938rem;
}

@keyframes animation1 {
    0% {
        transform: scale(.99);
        opacity: .7;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(.99);
        opacity: .7;
    }
}
@keyframes animation2 {
    0% {
        transform: scale(.99);
        opacity: .8;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(.99);
        opacity: .8;
    }
}

.click_img{
    position: fixed;
    left: 50%;
    bottom: .2042rem;
    z-index: 90;
    transform: translateX(-50%);
    width: 1.4688rem;
    height: .2344rem;
}

.popup_box{
    width: 100%;
    height: 100%;
    background-color: #fdff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
    background: url(./img/bg-img.jpg) no-repeat;
    background-size: cover;
}
.popup_show{
    display: block;
}

.return_img{
    position: absolute;
    right: .3906rem;
    top: .2188rem;
    width: .5833rem;
    height: .1823rem;
}
.upload_content{
    width: 7.2292rem;
    height: 4.3281rem;
    margin: .4063rem auto 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rahmen{
    width: 7.2292rem;
    height: 4.3281rem;
    background: url(./img/video-bg.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
}
.black_bg{
    width: 7rem;
    height: 4.1rem;
    background-color: #000;
    position: absolute;
    left: .1rem;
    top: .1rem;
    z-index: -1;
}
.video_box{
    max-width: 6.7rem;
    max-height: 3.9rem;
}
.video_text{
    width: 7.2292rem;
    margin: .14rem auto 0;
    font-size: .125rem;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 .1354rem;
    box-sizing: border-box;
}
.video_text span{
    width: .1354rem;
    height: .1354rem;
    background-color: #e6c79e;
    margin: 0 .0833rem 0 0;
}
.video_text p{
    flex: 1;
}