@keyframes fingerMove {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-0.625rem);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes ballRotate {
    0% {
        transform: rotate(5deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(5deg);
    }
}

@keyframes btnScale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes buildingScale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes txtFadeLoop {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}

@keyframes rotateCircle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes scrollUp {
    0% {
        bottom: 50vh;
    }
    100% {
        bottom: 100vh;
    }
}

@keyframes scrollDown {
    0% {
        top: 50vh;
    }
    100% {
        top: 100vh;
    }
}

@keyframes cloudMove {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(1.875rem);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes cloudMove2 {
    0% {
        transform: translateY(1.875rem);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(1.875rem);
    }
}

@keyframes birdFadeLoop {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(0.9);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}



html, body {
    margin: 0;
    padding: 0;
    /*font-family: "Microsoft YaHei";*/
    font-family: 宋体, SimSun, "Microsoft YaHei";
    font-size: 0;
}

p {
    margin-block-start: 0;
    margin-block-end: 0;
}

.content {
    font-size: 0;
    width: 46.875rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    /*height: 0;*/
}

.pic, .txt {
    opacity: 0;
}

.bg {
    background-image: url("../img/bg.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 46.875rem;
    height: 2416rem;
    box-sizing: border-box;
    position: relative;
}

.block1 {
    width: 46.875rem;
    height: 193.25rem;
    position: relative;
    box-sizing: border-box;
}

.block_1 {
    width: 46.875rem;
    height: 105.8125rem;
    position: relative;
    margin-left: 0rem;
    opacity: 0;
}

.startAnimate .block_1 {
    -webkit-animation: fadeIn 1s 0s linear forwards;
    animation: fadeIn 1s 0s linear forwards;
}

.title1_1 {
    width: 2.75rem;
    height: 29.6875rem;
    position: absolute;
    top: 32.125rem;
    right: 3.8125rem;
    opacity: 0;
}
.startAnimate .title1_1 {
    -webkit-animation: fadeInUp 0.5s 1s ease-out forwards;
    animation: fadeInUp 0.5s 1s ease-out forwards;
}
.title1_2 {
    width: 5.125rem;
    height: 42.5625rem;
    position: absolute;
    top: 25.4375rem;
    right: 8.0625rem;
    opacity: 0;
}
.startAnimate .title1_2 {
    -webkit-animation: fadeInUp 0.5s 1.3s ease-out forwards;
    animation: fadeInUp 0.5s 1.3s ease-out forwards;
}
.title1_3 {
    width: 8rem;
    height: 40.5625rem;
    position: absolute;
    top: 27.125rem;
    right: 14.9375rem;
    opacity: 0;
}
.startAnimate .title1_3 {
    -webkit-animation: fadeInUp 0.5s 1.6s ease-out forwards;
    animation: fadeInUp 0.5s 1.6s ease-out forwards;
}

.logo {
    width: 1.9375rem;
    height: 25.5rem;
    position: absolute;
    top: 35rem;
    right: 24rem;
    opacity: 0;
}

.startAnimate .logo {
    -webkit-animation: fadeInUp 0.5s 1.9s ease-out forwards;
    animation: fadeInUp 0.5s 1.9s ease-out forwards;
}

.flower_1 {
    width: 21.625rem;
    height: 30rem;
    position: absolute;
    top: 62.1875rem;
    right: 2.875rem;
    /*opacity: 0;*/
    transform-origin: right bottom;
    -webkit-animation: ballRotate 2s linear infinite;
    animation: ballRotate 2s linear infinite;
    transform: rotate(5deg);
    display: none;
}

.startAnimate .flower_1 {
    /*-webkit-animation: fadeIn 1s 2.3s linear forwards;*/
    /*animation: fadeIn 1s 2.3s linear forwards;*/
}

.preface {
    width: 18.25rem;
    height: 4.3125rem;
    position: absolute;
    top: 85.625rem;
    left: 20.1875rem;
    display: none;
}

.scrollQYWrap  {
    width: 31.8125rem;
    height: 74.125rem;
    position: absolute;
    top: 88rem;
    left: 9.375rem;
    background-image: url("../img/preface-bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 3.625rem;
}

.scroll_qy {
    width: 74.125rem;
    height: 28.6875rem;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    /*padding-top: 8.125rem;*/
    /*padding-left: 16.375rem;*/
    /*transform: rotate(90deg) translate(0, 1.25rem);*/
    /*transform-origin: 17rem center;*/
    transform: rotate(90deg) translate(20rem, 21.75rem);
    transform-origin: center center;
}

.scroll_qy #scrollContainerQY {
    width: 74.125rem;
    height: 28.0625rem;
    overflow: hidden;
    position: relative;
    background: transparent;
    box-sizing: border-box;
    padding-left: 5.3125rem;
}

.scrollQYWrap p {
    width: 65.0625rem;
    text-indent: 2em;
    font-size: 1.625rem;
    line-height: 2.5625rem;
    color: #99091a;
    margin-bottom: 1em;
}
.scrollQYWrap .strong {
    font-weight: 600;
}

.txt_1 {
    /*width: 46.875rem;*/
    /*height: 79.5625rem;*/
    /*position: absolute;*/
    /*top: 103.375rem;*/
    /*left: 0;*/

    width: 64.625rem;
    height: 25.8125rem;
    /*position: absolute;*/
    /*top: 101.625rem;*/
    /*left: 6.625rem;*/
}

.block2 {
    width: 46.875rem;
    height: 437.6875rem;
    position: relative;
    box-sizing: border-box;
    background-image: url("../img/block-2-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: -36.1875rem;
}

.storyWrap {
    background-image: url("../img/story-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 38.75rem;
    height: 89.25rem;
    box-sizing: border-box;
    position: absolute;
    padding-top: 0rem;
    z-index: 8;
}
.storyWrap_2 {
    top: 225.3125rem;
    left: 3.6875rem;

}

.year {
    padding: 2.4375rem 1.8125rem 2.4375rem 6.8125rem;
    transform-origin: center center;
}
.year_title {
    display: block;
    margin: 0 auto 2.5625rem;
}
.year_txt {
    display: block;
    margin: 0 auto;
}
.year .scroll {
    width: 100%;
    height: 100%;
    background: #c9593f;
    box-sizing: border-box;
    overflow: hidden;
}

.year .scroll .iScrollVerticalScrollbar {
    width: 0.9375rem!important;
    background: #f77447!important;
    top: 2.4375rem!important;
    bottom: 2.4375rem!important;
    right: 1.8125rem!important;
}
.year .scroll .iScrollIndicator {
    width: 0.9375rem!important;
    background: #ffdd3f!important;
    border-radius: 0.9375rem!important;
}

.year .inner {
    width: 100%;
    box-sizing: border-box;
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    padding-right: 0.9375rem;
}

.year_2 {
    background-image: url("../img/year-bg-2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 66rem;
    height: 38.5625rem;
    box-sizing: border-box;
    position: absolute;
    /*margin: 0 auto;*/
    top: 338.3125rem;
    left: 3.6875rem;
    z-index: 9;
    transform: rotate(90deg) translate(12.6875rem, 13.5rem);
}
.year_3 {
    background-image: url("../img/year-bg-3.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 57.875rem;
    height: 38.625rem;
    box-sizing: border-box;
    position: absolute;
    /*margin: 0 auto;*/
    top: 359.4375rem;
    left: 3.6875rem;
    z-index: 9;
    transform: rotate(90deg) translate(9.1875rem, 9.8125rem);
}
.year_4 {
    background-image: url("../img/year-bg-4.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 58.75rem;
    height: 38.625rem;
    box-sizing: border-box;
    position: absolute;
    /*margin: 0 auto;*/
    top: 413.875rem;
    left: 3.6875rem;
    z-index: 9;
    transform: rotate(90deg) translate(10.1875rem, 9.375rem);
}
.year_5 {
    background-image: url("../img/year-bg-5.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 65.5rem;
    height: 38.5625rem;
    box-sizing: border-box;
    position: absolute;
    /*margin: 0 auto;*/
    top: 371.125rem;
    left: 3.6875rem;
    z-index: 9;
    transform: rotate(90deg) translate(11.8125rem, 13.125rem);
}
.year_6 {
    background-image: url("../img/year-bg-6.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 75.5rem;
    height: 38.625rem;
    box-sizing: border-box;
    position: absolute;
    /*margin: 0 auto;*/
    top: 394.1875rem;
    left: 3.6875rem;
    z-index: 9;
    transform: rotate(90deg) translate(19.125rem, 18rem);
}

.year_people {
    width: 32.8125rem;
    height: 17.5625rem;
    display: block;
    margin: 0 auto 2.75rem;
}


.year_title_2 {
    width: 39.4375rem;
    height: 2.375rem;
}
.year_title_3 {
    width: 35.875rem;
    height: 2.4375rem;
}
.year_title_4 {
    width: 31.0625rem;
    height: 2.375rem;
}
.year_title_5 {
    width: 47.8125rem;
    height: 2.4375rem;
}
.year_title_6 {
    width: 52.0625rem;
    height: 2.375rem;
}

.year_txt_2 {
    width: 54.9375rem;
    height: 27.625rem;
}
.year_txt_3 {
    width: 46.1875rem;
    height: 24.5rem;
}
.year_txt_4 {
    width: 47.875rem;
    height: 27.625rem;
}
.year_txt_5 {
    width: 54.6875rem;
    height: 27.625rem;
}
.year_txt_6 {
    width: 65.625rem;
    height: 27.625rem;
}

.videoWrap_1 {
    background-image: url("../img/video-1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 35.6875rem;
    height: 60.3125rem;
    box-sizing: border-box;
    position: absolute;
    padding-top: 3.0625rem;
    /*margin: 0 auto;*/
    top: 269.8125rem;
    left: 5.375rem;
    z-index: 9;
}

.video_1 {
    background: transparent;
    width: 30.5625rem;
    height: 54.3125rem;
    margin: 0 auto;
    position: relative;
}

.video1_poster {
    /*background-image: url("https://static.gxrb.com.cn/image/uploadpic/20231017/b2f6be149081d2e2002e90e5bf2e11c0.jpg");*/
    background-image: url("https://static.gxrb.com.cn/image/uploadpic/20231013/f959e3c747d38df2fcc752a84a4e606e.gif");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 54.3125rem;
    height: 30.5625rem;
    transform: rotate(90deg) translate(11.6875rem, 11.8125rem);
    transform-origin: center center;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    cursor: pointer;
}

.playVideoBtn {
    background-image: url("../img/video-play.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 7.25rem;
    height: 7.3125rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -3.625rem;
    margin-left: -3.625rem;
}

#video1 {
    width: 54.3125rem;
    height: 30.5625rem;
    transform: rotate(90deg) translate(1px,0rem);
    transform-origin: 15.3125rem center;

    /*width: 55.5625rem;*/
    /*height: 32.1875rem;*/
    /*transform: rotate(90deg) translate(11.6875rem, 11.6875rem);*/
    /*transform-origin: center center;*/
    position: relative;
    z-index: 1;
}

#video12 {
    width: 54.3125rem;
    height: 30.5625rem;
    position: relative;
    z-index: 1;
}

.block3 {
    width: 46.875rem;
    height: 433.4375rem;
    position: relative;
    box-sizing: border-box;
    margin-top: -14rem;
    z-index: 4;
}

.block3_bg {
    width: 42.5rem;
    height: 297.25rem;

}

.pic_1 {
    width: 27.1875rem;
    height: 26.1875rem;
    position: absolute;
    top: -1.5rem;
    left: 2.625rem;
}

/*.title_2 {*/
/*    width: 46.875rem;*/
/*    height: 13.375rem;*/
/*    position: absolute;*/
/*    top: 20.6875rem;*/
/*    left: 0rem;*/
/*}*/


.title_2 {
    width: 11.9375rem;
    height: 79.875rem;
    position: absolute;
    top: 26.25rem;
    left: 31.9375rem;
    z-index: 2;
}
.data_2 {
    width: 38.9375rem;
    height: 103.375rem;
    position: absolute;
    top: 115.3125rem;
    left: 3.5625rem;
    z-index: 1;
}

.txt_2 {
    width: 19.9375rem;
    height: 57.9375rem;
    position: absolute;
    top: 48.625rem;
    left: 8.0625rem;
    z-index: 2;
}

.link {
    width: 25.5rem;
    height: 13.25rem;
    display: block;
    position: absolute;
    z-index: 10;
}
.link-2 {
    top: 407.8125rem;
    left: 10.25rem;
}

.link-btn {
    width: 25.5rem;
    height: 13.25rem;
}

.pic_2 {
    width: 34.0625rem;
    height: 68.5625rem;
    position: absolute;
    top: 16.6875rem;
    left: 2.6875rem;
    z-index: 1;
}

.txt_29 {
    width: 9.1875rem;
    height: 40rem;
    position: absolute;
    top: 85.625rem;
    left: 32.5rem;
    z-index: 2;
}
.pic_27 {
    width: 37.625rem;
    height: 56.4375rem;
    position: absolute;
    top: 71.875rem;
    left: 2.6875rem;
    z-index: 1;
}

.txt_3 {
    width: 25.75rem;
    height: 35.25rem;
    position: absolute;
    top: 7.5rem;
    left: 3.1875rem;
    z-index: 4;
}

.story_title_2 {
    width: 7.875rem;
    height: 37.75rem;
    position: absolute;
    top: 5.125rem;
    left: 29.5rem;
    z-index: 4;
}

.pic_26 {
    width: 18.4375rem;
    height: 47.375rem;
    position: absolute;
    top: 131.0625rem;
    left: 21rem;
}

.block4 {
    width: 46.875rem;
    height: 485.625rem;
    position: relative;
    box-sizing: border-box;
    margin-top: -56.8125rem;
}

.block4_bg {
    width: 31.1875rem;
    height: 383.5rem;
    position: relative;
    z-index: 2;
}

.title_4 {
    width: 11.625rem;
    height: 77.375rem;
    display: block;
    z-index: 2;
    position: absolute;
    top: 67.4375rem;
    left: 31.875rem;
}
.data_4 {
    width: 38.8125rem;
    height: 76.25rem;
    display: block;
    z-index: 2;
    position: absolute;
    top: 212.875rem;
    left: 3.9375rem;
}
.link-4 {
    top: 475.375rem;
    left: 11.6875rem;
}
.txt_39 {
    width: 12.5rem;
    height: 31.1875rem;
    position: absolute;
    top: 3.6875rem;
    left: 25.25rem;
    z-index: 2;
}

.pic_42 {
    width: 29rem;
    height: 45.875rem;
    position: absolute;
    top: -3.875rem;
    left: -1.8125rem;
}
.txt_41 {
    width: 12.5rem;
    height: 34.0625rem;
    position: absolute;
    top: 41.9375rem;
    left: 9.75rem;
    z-index: 2;
}

.pic_44 {
    width: 27.625rem;
    height: 41.3125rem;
    position: absolute;
    top: 37.5rem;
    left: 16.375rem;
}


.txt_30 {
    width: 9.125rem;
    height: 23.6875rem;
    position: absolute;
    top: 84.875rem;
    left: 32.9375rem;
}

.pic_28 {
    width: 18.375rem;
    height: 27.1875rem;
    position: absolute;
    top: 82.4375rem;
    left: 12rem;
}
.txt_31 {
    width: 9.1875rem;
    height: 29.5625rem;
    position: absolute;
    top: 139.1875rem;
    left: 14.875rem;
}

.pic_29 {
    width: 14.125rem;
    height: 37.25rem;
    position: absolute;
    top: 111.5rem;
    left: 2.5625rem;
}
.txt_42 {
    width: 12.625rem;
    height: 33.1875rem;
    position: absolute;
    top: 130.0625rem;
    left: 27.3125rem;
}

.pic_45 {
    width: 18.375rem;
    height: 13.5rem;
    position: absolute;
    top: 115.5rem;
    left: 23.5625rem;
}

.txt_32 {
    width: 16rem;
    height: 37.4375rem;
    position: absolute;
    /*top: 139.5rem;*/
    /*left: 8.0625rem;*/
    top: 170.8125rem;
    left: 5.375rem;
}

.pic_30 {
    width: 19.125rem;
    height: 37.25rem;
    position: absolute;
    top: 170.5625rem;
    left: 23.25rem;
}

.pic_41 {
    width: 15.75rem;
    height: 26.8125rem;
    position: absolute;
    top: 230.375rem;
    left: 2.5rem;
    z-index: 2;
}

.txt_33 {
    width: 9.0625rem;
    height: 54.4375rem;
    position: absolute;
    top: 235.9375rem;
    left: 25.5rem;
}

.pic_31 {
    width: 19.5rem;
    height: 39.375rem;
    position: absolute;
    top: 254.125rem;
    left: 2.6875rem;
}
.txt_34 {
    width: 9.25rem;
    height: 24.0625rem;
    position: absolute;
    top: 319.875rem;
    left: 23.125rem;
}

.pic_32 {
    width: 18.25rem;
    height: 27.3125rem;
    position: absolute;
    /*top: 277.4375rem;*/
    top: 319.75rem;
    left: 1.375rem;
}

.txt_40 {
    width: 16.0625rem;
    height: 53.1875rem;
    position: absolute;
    top: 305.6875rem;
    left: 25.75rem;
}

.pic_43 {
    width: 21.75rem;
    height: 32.625rem;
    position: absolute;
    top: 305.125rem;
    left: 2.6875rem;
}

.txt_35 {
    width: 5.8125rem;
    height: 33.5625rem;
    position: absolute;
    top: 364.6875rem;
    left: 35.0625rem;
}

.pic_33 {
    width: 30.125rem;
    height: 30.75rem;
    position: absolute;
    top: 362.25rem;
    left: 2.6875rem;
}

.scrollWrap {
    width: 46.875rem;
    height: 121rem;
    box-sizing: border-box;
    position: absolute;
    margin: 0 auto;
    opacity: 0;
    left: 0;
    top: 396.1875rem;
}

.scroll_1 {
    background-image: url("../img/scrollWrap_1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 121rem;
    height: 46.875rem;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding-top: 8.125rem;
    padding-left: 16.375rem;
    transform: rotate(90deg);
    transform-origin: 23.4375rem center;
}

.scroll_1 .scrollContainer {
    width: 78.875rem;
    height: 32.75rem;
    overflow: hidden;
    position: relative;
    background: transparent;
}

.scroll_1 .scroll-row {
    min-height: 165.8125rem;
}

.scroll-row {
    width: 75.375rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.scroll-right-column {
    /*padding-top: 9.375rem;*/
    /*box-sizing: border-box; */

}

.scroll-item.holder {
    height: 9.375rem;
}

.scroll_1 .scrollContainer:after {
    content: ' ';
    width: 0;
    height: 32.75rem;
    border-left: 0.125rem dashed #d65208;
    position: absolute;
    top: 0;
    left: 37.625rem;
}

.scroll-item {
    width: 35.4375rem;
}

.scroll-img-box {
    background: #f9de94;
    padding: 0.8125rem 1.125rem;
    margin-bottom: 1.5rem;
    display: inline-block;
}

.scroll-img {
    width: 33.125rem;
    height: auto;
}

.scroll-txt-box {
    position: relative;
    width: 35.4375rem;
    margin-bottom: 1.5rem;
}

.scroll-txt {
    color: #02596c;
    font-weight: bold;
    font-size: 1.875rem;
    line-height: 2.25rem;
    text-align: justify;
    text-indent: 2em;
}

.scroll-arrow-left {
    background-image: url("../img/scrollArrow_left.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 1.9375rem;
    height: 2.6875rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: -2.3125rem;
}

.scroll-arrow-right {
    background-image: url("../img/scrollArrow_right.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 1.9375rem;
    height: 2.6875rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: -2.3125rem;
}

#scrollContainerQY .iScrollVerticalScrollbar {
    width: 1.1875rem!important;
    background: transparent!important;
    box-sizing: border-box!important;
}

#scrollContainerQY .iScrollVerticalScrollbar:after {
    content:  ' ';
    width: 0.5625rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0.3125rem;
    background: #86d7f5!important;
    z-index: 1;
}

#scrollContainerQY .iScrollIndicator {
    border-radius: 1.1875rem!important;
    width: 1.1875rem!important;
    background: #0575af!important;
    z-index: 3;
}

#scrollContainerQY .iScrollVerticalScrollbar:after {
    content:  ' ';
    width: 1.5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent!important;
    z-index: 1;
}

#scrollContainerQY .iScrollIndicator {
    border-radius: 0rem!important;
    width: 0.625rem!important;
    background: #dcb15b!important;
    z-index: 3;
}



.block5 {
    width: 46.875rem;
    height: 450.6875rem;
    position: relative;
    box-sizing: border-box;
    padding-top: 7.25rem;
}

.block5_bg {
    width: 46.875rem;
    height: 140.375rem;
    margin-top: -6.25rem;
}

.title_5 {
    width: 11.8125rem;
    height: 72.375rem;
    position: absolute;
    top: 66.5625rem;
    left: 32.125rem;
    z-index: 2;
}

.data_5 {
    width: 38.8125rem;
    height: 98.75rem;
    position: absolute;
    top: 144.375rem;
    left: 3.875rem;
    z-index: 2;
}

.link-5 {
    top: 441.4375rem;
    left: 9.125rem;
}

.block6 {
    width: 46.875rem;
    height: 484.5rem;
    position: relative;
    box-sizing: border-box;
    margin-top: -37.625rem;
}
.block6_bg {
    width: 30.875rem;
    height: 350.75rem;
}

.title_6 {
    width: 11.8125rem;
    height: 71.875rem;
    position: absolute;
    top: 86.3125rem;
    left: 32rem;
    z-index: 2;
}
.data_6 {
    width: 38.8125rem;
    height: 95.1875rem;
    position: absolute;
    top: 164.25rem;
    left: 3.875rem;
    z-index: 2;
}
.link-6 {
    top: 474.875rem;
    left: 8.4375rem;
}

.rock_5 {
    width: 16.625rem;
    height: 262.875rem;
    position: absolute;
    top: 118.9375rem;
    left: 0rem;
}
.rock_6 {
    width: 7.25rem;
    height: 21.375rem;
    position: absolute;
    top: 384rem;
    left: 0rem;
}

/*.title_3 {*/
/*    width: 46.875rem;*/
/*    height: 13.0625rem;*/
/*    position: absolute;*/
/*    top: 0rem;*/
/*    left: 0rem;*/
/*    z-index: 2;*/
/*}*/

.title_3 {
    width: 12.0625rem;
    height: 82rem;
    position: absolute;
    top: 21.875rem;
    left: 31.9375rem;
    z-index: 2;
}

.data_3 {
    width: 38.8125rem;
    height: 97.125rem;
    display: block;
    position: absolute;
    top: 138.0625rem;
    left: 3.5625rem;
    z-index: 2;
}

.pic_3 {
    width: 46.875rem;
    height: 40rem;
    position: absolute;
    top: 0.625rem;
    left: 0rem;
}
.txt_4 {
    width: 17rem;
    height: 59.375rem;
    position: absolute;
    top: 44.9375rem;
    left: 12.625rem;
}

.link-3 {
    top: 424.1875rem;
    left: 11.3125rem;

}

/*.block6 {*/
/*    width: 46.875rem;*/
/*    height: 64.5625rem;*/
/*    position: relative;*/
/*    box-sizing: border-box;*/
/*}*/
.rock_3 {
    width: 11.625rem;
    height: 16.875rem;
    position: absolute;
    left: 0;
    top: 279.625rem;
}
.storyWrap_3 {
    left: 3.6875rem;
    top: 243.875rem;
}
.storyWrap_4 {
    left: 3.6875rem;
    top: 294.875rem;
}
.storyWrap_5 {
    left: 3.6875rem;
    top: 249.5625rem;
}
.storyWrap_6 {
    left: 3.6875rem;
    top: 267.1875rem;
}

.videoWrap_2 {
    background-image: url("../img/video-2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 35.6875rem;
    height: 60.3125rem;
    box-sizing: border-box;
    position: absolute;
    padding-top: 3.0625rem;
    top: 290.1875rem;
    left: 5.375rem;
    z-index: 9;
    /*margin: 0 auto;*/
}

.video_2 {
    background: transparent;
    width: 30.5625rem;
    height: 54.3125rem;
    margin: 0 auto;
    position: relative;
}

#video2 {
    width: 54.3125rem;
    height: 30.5625rem;
    transform: rotate(90deg) translate(1px,0rem);
    transform-origin: 15.3125rem center;
    position: relative;
    z-index: 1;
}

.video2_poster {
    /*background-image: url("https://static.gxrb.com.cn/image/uploadpic/20231017/26d32e74ba336c355833ad30b2618e59.jpg");*/
    background-image: url("https://static.gxrb.com.cn/image/uploadpic/20231013/f2f99893117b6913548f9a91e352eb7e.gif");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 54.3125rem;
    height: 30.5625rem;
    transform: rotate(90deg);
    transform-origin: 15.3125rem center;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    cursor: pointer;
}

.videoWrap_3 {
    background-image: url("../img/video-3.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 35.6875rem;
    height: 60.3125rem;
    box-sizing: border-box;
    position: absolute;
    padding-top: 3.0625rem;
    /*margin: 0 auto;*/
    left: 5.375rem;
    top: 345.9375rem;
    z-index: 9;
}

.video_3 {
    background: transparent;
    width: 30.5625rem;
    height: 54.3125rem;
    margin: 0 auto;
    position: relative;
}

#video3 {
    width: 54.3125rem;
    height: 30.5625rem;
    transform: rotate(90deg) translate(1px,0rem);
    transform-origin: 15.3125rem center;
    position: relative;
    z-index: 1;
}

.video3_poster {
    /*background-image: url("https://static.gxrb.com.cn/image/uploadpic/20231017/d7343bc24c2ad40bc1339a2aa70ebeaa.jpg");*/
    background-image: url("https://static.gxrb.com.cn/image/uploadpic/20231015/9de9750ceaf794c970c088ac973e5738.gif");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 54.3125rem;
    height: 30.5625rem;
    transform: rotate(90deg);
    transform-origin: 15.3125rem center;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    cursor: pointer;
}

.videoWrap_4 {
    background-image: url("../img/video-4.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 35.6875rem;
    height: 60.3125rem;
    box-sizing: border-box;
    position: absolute;
    padding-top: 3.0625rem;
    /*margin: 0 auto;*/
    left: 5.375rem;
    top: 300.5625rem;
    z-index: 9;
}

.video_4 {
    background: transparent;
    width: 30.5625rem;
    height: 54.3125rem;
    margin: 0 auto;
    position: relative;
}

#video4 {
    width: 54.3125rem;
    height: 30.5625rem;
    transform: rotate(90deg) translate(1px,0rem);
    transform-origin: 15.3125rem center;
    position: relative;
    z-index: 1;
}

.video4_poster {
    /*background-image: url("https://static.gxrb.com.cn/image/uploadpic/20231017/97dd738a81b19d6e32d03faa1505f416.jpg");*/
    background-image: url("https://static.gxrb.com.cn/image/uploadpic/20231014/9bf14f16d995a98af7b3d9567481afc9.gif");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 54.3125rem;
    height: 30.5625rem;
    transform: rotate(90deg);
    transform-origin: 15.3125rem center;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    cursor: pointer;
}

.videoWrap_5 {
    background-image: url("../img/video-5.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 35.6875rem;
    height: 60.3125rem;
    box-sizing: border-box;
    position: absolute;
    padding-top: 3.0625rem;
    /*margin: 0 auto;*/
    left: 5.375rem;
    top: 325.75rem;
    z-index: 9;
}

.video_5 {
    background: transparent;
    width: 30.5625rem;
    height: 54.3125rem;
    margin: 0 auto;
    position: relative;
}

#video5 {
    width: 54.3125rem;
    height: 30.5625rem;
    transform: rotate(90deg) translate(1px,0rem);
    transform-origin: 15.3125rem center;
    position: relative;
    z-index: 1;
}

.video5_poster {
    /*background-image: url("https://static.gxrb.com.cn/image/uploadpic/20231017/8ac790fe76b617a23b487275e10c7f78.jpg");*/
    background-image: url("https://static.gxrb.com.cn/image/uploadpic/20231017/f0ff1536557b430a5c0eabe50167dde6.gif");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 54.3125rem;
    height: 30.5625rem;
    transform: rotate(90deg);
    transform-origin: 15.3125rem center;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    cursor: pointer;
}

.block7 {
    width: 46.875rem;
    height: 95.8125rem;
    position: relative;
    box-sizing: border-box;
    margin-top: -33.75rem;
}
.block7_bg {
    width: 46.875rem;
    height: 95.8125rem;
}

.title_7 {
    width: 11.25rem;
    height: 38.25rem;
    position: absolute;
    top: 44.3125rem;
    left: 15.625rem;
}

.pic_4 {
    width: 46.875rem;
    height: 46.875rem;
    position: absolute;
    top: 0;
    left: 0rem;
}
.txt_5 {
    width: 25.75rem;
    height: 35.25rem;
    position: absolute;
    top: 7.25rem;
    left: 2.8125rem;
}
.story_title_3 {
    width: 7.875rem;
    height: 37.6875rem;
    position: absolute;
    top: 5.125rem;
    left: 29.5rem;
    z-index: 4;
}
.story_title_4 {
    width: 7.875rem;
    height: 43.8125rem;
    position: absolute;
    top: 5.125rem;
    left: 29.5rem;
    z-index: 4;
}
.story_title_5 {
    width: 7.875rem;
    height: 43.8125rem;
    position: absolute;
    top: 5.125rem;
    left: 29.5rem;
    z-index: 4;
}
.story_title_6 {
    width: 7.875rem;
    height: 51.25rem;
    position: absolute;
    top: 5.125rem;
    left: 29.5rem;
    z-index: 4;
}

.pic_5 {
    width: 46.875rem;
    height: 55.1875rem;
    position: absolute;
    /*top: 84.875rem;*/
    top: 165.8125rem;
    left: 0rem;
}
.txt_6 {
    width: 23rem;
    height: 47.8125rem;
    position: absolute;
    top: 158.5rem;
    left: 10.4375rem;
    z-index: 2;
}
.pic_6 {
    width: 46.875rem;
    height: 94.4375rem;
    position: absolute;
    top: 259.9375rem;
    left: 0rem;
}
.txt_7 {
    width: 25.75rem;
    height: 41.1875rem;
    position: absolute;
    top: 7.375rem;
    left: 3.3125rem;
    z-index: 2;
}
.pic_7 {
    width: 46.875rem;
    height: 58.6875rem;
    position: absolute;
    top: 340.125rem;
    left: 0rem;
}
.txt_8 {
    width: 17rem;
    height: 60.4375rem;
    position: absolute;
    top: 77.625rem;
    left: 11.4375rem;
    z-index: 2;
}

.pic_8 {
    width: 46.875rem;
    height: 60.625rem;
    position: absolute;
    top: 442.6875rem;
    left: 0rem;
}

.txt_9 {
    width: 20.4375rem;
    height: 41.6875rem;
    position: absolute;
    top: 7.375rem;
    left: 5.5rem;
    z-index: 2;
}
.pic_9 {
    width: 46.875rem;
    height: 60.3125rem;
    position: absolute;
    top: 514.6875rem;
    left: 0rem;
}
.txt_10 {
    width: 19.875rem;
    height: 57.0625rem;
    position: absolute;
    top: 101.0625rem;
    left: 9.0625rem;
    z-index: 2;
}

.block8 {
    width: 46.875rem;
    height: 77.25rem;
    position: relative;
    box-sizing: border-box;
    padding-top: 4.125rem;
}


.swiperWrap_1 {
    width: 38.75rem;
    height: 69.0625rem;
    margin: 0 auto;
    position: relative;
    opacity: 0;
}

.swiper_1 {
    background-image: url("../img/swiperWrap_1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 38.75rem;
    height: 69.0625rem;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding-top: 5.0625rem;
    padding-left: 1.9375rem;
}

.swiper_1 .swiper-container {
    width: 35rem;
    height: 59rem;
    background: #ffffff;
    margin-right: 1.875rem;
}

.swiper_1 .swiper-item {
    width: 35rem;
    height: 59rem;
    position: relative;
}

.swiper_1 .swiper-item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 59rem;
    height: 35rem;
    transform: rotate(90deg);
    transform-origin: 17.5rem center;
}

.swiper_1 .swiper-item-title {
    width: 59rem;
    box-sizing: border-box;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.875rem;
    line-height: 2.25rem;
    padding: 0.625rem;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    transform: rotate(90deg) translate3d(0, -100%, 0);
    transform-origin: top left;
    text-indent: 2em;
}

.swiper_1_prev {
    background-image: url("../img/swiperWrap_1_up.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 8.125rem;
    height: 8.125rem;
    box-sizing: border-box;
    z-index: 4;
    position: absolute;
    top: -4.125rem;
    left: 15.75rem;
}

.swiper_1_next {
    background-image: url("../img/swiperWrap_1_down.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 8.125rem;
    height: 8.125rem;
    box-sizing: border-box;
    z-index: 4;
    position: absolute;
    top: 65rem;
    left: 15.75rem;
}

.block9 {
    width: 46.875rem;
    height: 129.6875rem;
    position: relative;
    box-sizing: border-box;
}
.pic_10 {
    width: 46.875rem;
    height: 41.1875rem;
    position: absolute;
    top: 11.5625rem;
    left: 0rem;
}
.txt_11 {
    width: 23.0625rem;
    height: 48.6875rem;
    position: absolute;
    top: 6.75rem;
    left: 4rem;
    z-index: 2;
}
.txt_12 {
    width: 16rem;
    height: 69.0625rem;
    position: absolute;
    top: 35.25rem;
    left: 20.4375rem;
    z-index: 2;
}
.block10 {
    width: 46.875rem;
    height: 119.9375rem;
    position: relative;
    box-sizing: border-box;
}

.scrollWrap_2 {
    width: 46.875rem;
    height: 119.9375rem;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    opacity: 0;
}

.scroll_2 {
    background-image: url("../img/scrollWrap_2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 123.1875rem;
    height: 46.875rem;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding-top: 8.125rem;
    padding-left: 16.375rem;
    transform: rotate(90deg);
    transform-origin: 23.4375rem center;
}

.scroll_2 .scrollContainer {
    width: 78.875rem;
    height: 32.75rem;
    background: transparent;
    overflow: hidden;
    position: relative;
}

.scroll_2 .scroll-row {
    min-height: 78.125rem;
}

.scroll_2 .scrollContainer:after {
    content: ' ';
    width: 0;
    height: 32.75rem;
    border-left: 0.125rem dashed #d65208;
    position: absolute;
    top: 0;
    left: 37.625rem;
}


.videoBtn_1 {
    background-image: url("../img/videoBtn_1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 8.0625rem;
    height: 32.1875rem;
    box-sizing: border-box;
    position: absolute;
    z-index: 4;
    top: 104.4375rem;
    left: 22.25rem;
    cursor: pointer;
    opacity: 0;
}

.block11 {
    width: 46.875rem;
    height: 325.125rem;
    position: relative;
    box-sizing: border-box;
}

.pic_11 {
    width: 46.875rem;
    height: 94.125rem;
    position: absolute;
    top: -0.3125rem;
    left: 0rem;
}

.txt_13 {
    width: 16.5rem;
    height: 56.125rem;
    position: absolute;
    top: 23.5rem;
    left: 18.625rem;
    z-index: 2;
}

.pic_12 {
    width: 46.875rem;
    height: 87.375rem;
    position: absolute;
    top: 83.75rem;
    left: 0rem;
}

.txt_14 {
    width: 46.875rem;
    height: 69.0625rem;
    position: absolute;
    top: 98.3125rem;
    left: 0rem;
    z-index: 2;
}
.txt_15 {
    /*width: 46.875rem;*/
    /*height: 55.25rem;*/
    /*position: absolute;*/
    /*top: 175.25rem;*/
    /*left: 0rem;*/
    /*z-index: 2;*/

    width: 28.4375rem;
    height: 55.25rem;
    position: absolute;
    top: 175.25rem;
    left: 10.375rem;
    z-index: 2;
}

.pic_13 {
    width: 46.875rem;
    height: 89.625rem;
    position: absolute;
    top: 226.25rem;
    left: 0rem;
}

.pic_37 {
    width: 40.125rem;
    height: 21.375rem;
    position: absolute;
    top: 243.875rem;
    left: 2.1875rem;
}
.pic_38 {
    width: 36.625rem;
    height: 19.4375rem;
    position: absolute;
    top: 259.875rem;
    left: 5.4375rem;
}
.pic_39 {
    width: 22.3125rem;
    height: 43.625rem;
    position: absolute;
    top: 280.875rem;
    left: 2rem;
}

.txt_37 {
    width: 12.4375rem;
    height: 42.6875rem;
    position: absolute;
    top: 270.9375rem;
    left: 23.625rem;
    z-index: 2;
}


.videoBtn_2 {
    background-image: url("../img/videoBtn_2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 7.875rem;
    height: 24.875rem;
    box-sizing: border-box;
    position: absolute;
    z-index: 4;
    top: 262.25rem;
    left: 24.6875rem;
    cursor: pointer;
    opacity: 0;
}
.block12 {
    width: 46.875rem;
    height: 478.6875rem;
    position: relative;
    box-sizing: border-box;
    padding-top: 4.125rem;
}

.swiperWrap_2 {
    width: 38.75rem;
    height: 69.0625rem;
    margin: 0 auto;
    position: relative;
    opacity: 0;
    z-index: 2;
}

.swiper_2 {
    background-image: url("../img/swiperWrap_1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 38.75rem;
    height: 69.0625rem;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding-top: 5.0625rem;
    padding-left: 1.9375rem;
}

.swiper_2 .swiper-container {
    width: 35rem;
    height: 59rem;
    background: #ffffff;
    margin-right: 1.875rem;
}

.swiper_2 .swiper-item {
    width: 35rem;
    height: 59rem;
    position: relative;
}

.swiper_2 .swiper-item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 59rem;
    height: 35rem;
    transform: rotate(90deg);
    transform-origin: 17.5rem center;
}

.swiper_2 .swiper-item-title {
    width: 59rem;
    box-sizing: border-box;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.875rem;
    line-height: 2.25rem;
    padding: 0.625rem;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    transform: rotate(90deg) translate3d(0, -100%, 0);
    transform-origin: top left;
    text-indent: 2em;
}

.swiper_2_prev {
    background-image: url("../img/swiperWrap_1_up.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 8.125rem;
    height: 8.125rem;
    box-sizing: border-box;
    z-index: 4;
    position: absolute;
    top: -4.125rem;
    left: 15.75rem;
}

.swiper_2_next {
    background-image: url("../img/swiperWrap_1_down.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 8.125rem;
    height: 8.125rem;
    box-sizing: border-box;
    z-index: 4;
    position: absolute;
    top: 65rem;
    left: 15.75rem;
}

.pic_14 {
    width: 46.875rem;
    height: 101.9375rem;
    position: absolute;
    top: 71.125rem;
    left: 0rem;
}

.txt_16 {
    width: 10.9375rem;
    height: 68.4375rem;
    position: absolute;
    top: 84.875rem;
    left: 4.125rem;
    z-index: 2;
}

.pic_15 {
    width: 46.875rem;
    height: 62.25rem;
    position: absolute;
    top: 152.5rem;
    left: 0rem;
}
.txt_17 {
    width: 46.875rem;
    height: 32.5rem;
    position: absolute;
    top: 210.375rem;
    left: 0rem;
    z-index: 2;
}

.pic_16 {
    width: 46.875rem;
    height: 119.875rem;
    position: absolute;
    top: 241.25rem;
    left: 0rem;
}
.txt_18 {
    width: 46.875rem;
    height: 42.5625rem;
    position: absolute;
    top: 254.125rem;
    left: 0rem;
    z-index: 2;
}
.txt_36 {
    width: 46.875rem;
    height: 48.5625rem;
    position: absolute;
    top: 304.1875rem;
    left: 0rem;
    z-index: 2;
}

.pic_17 {
    width: 46.875rem;
    height: 59.9375rem;
    position: absolute;
    top: 355.25rem;
    left: 0rem;
}
.txt_19 {
    /*width: 46.875rem;*/
    /*height: 55.75rem;*/
    /*position: absolute;*/
    /*top: 356.9375rem;*/
    /*left: 0rem;*/
    /*z-index: 2;*/

    width: 14.3125rem;
    height: 55.75rem;
    position: absolute;
    top: 356.625rem;
    left: 3.75rem;
    z-index: 2;
}

.pic_18 {
    width: 46.875rem;
    height: 66.5625rem;
    position: absolute;
    top: 411.5rem;
    left: 0rem;
}
.txt_20 {
    width: 46.875rem;
    height: 52.6875rem;
    position: absolute;
    top: 418.75rem;
    left: 0rem;
    z-index: 2;
}
.block13 {
    width: 46.875rem;
    height: 312.8125rem;
    position: relative;
    box-sizing: border-box;
}

.txt_21 {
    width: 46.875rem;
    height: 54.4375rem;
    position: absolute;
    top: 3.5rem;
    left: 0rem;
    z-index: 2;
}

.pic_19 {
    width: 46.875rem;
    height: 91.4375rem;
    position: absolute;
    top: 53.3125rem;
    left: 0rem;
}
.scaleBtn, .playVideoBtn {
    -webkit-animation: btnScale 1s ease-in infinite;
    animation: btnScale 1s ease-in infinite;
}
.pic_20 {
    width: 46.875rem;
    height: 61.6875rem;
    position: absolute;
    top: 128.875rem;
    left: 0rem;
}
.pic_21 {
    width: 46.875rem;
    height: 46.875rem;
    position: absolute;
    top: 183.5rem;
    left: 0rem;
}
.pic_22 {
    width: 46.875rem;
    height: 69.8125rem;
    position: absolute;
    top: 238.4375rem;
    left: 0rem;
}

.mapWrap {
    /*background-image: url("../img/map.png");*/
    /*background-size: 100% 100%;*/
    /*background-repeat: no-repeat;*/
    width: 46.875rem;
    height: 209.6875rem;
    box-sizing: border-box;
    position: absolute;
    top: 83.6875rem;
    left: 0;
}

.mapTxt {
    /*opacity: 0;*/
    -webkit-animation: fingerMove 1s ease-in infinite 0.5s;
    animation: fingerMove 1s ease-in infinite 0.5s;
    /*-webkit-animation: btnScale 1s linear infinite;*/
    /*animation: btnScale 1s linear infinite;*/

}

.mapTxt_1 {
    width: 3.9375rem;
    height: 32.0625rem;
    position: absolute;
    top: 12.4375rem;
    left: 31.5rem;
}
.mapTxt_2 {
    width: 4.0625rem;
    height: 19.8125rem;
    position: absolute;
    top: 74.5rem;
    left: 21.5625rem;
}
.mapTxt_3 {
    width: 4.1875rem;
    height: 16.1875rem;
    position: absolute;
    top: 70.875rem;
    left: 28.6875rem;
}
.mapTxt_4 {
    width: 4rem;
    height: 16.375rem;
    position: absolute;
    top: 67.125rem;
    left: 36.1875rem;
}
.mapTxt_5 {
    width: 4.0625rem;
    height: 21.125rem;
    position: absolute;
    top: 82.8125rem;
    left: 7.375rem;
}
.mapTxt_6 {
    width: 4.125rem;
    height: 16.1875rem;
    position: absolute;
    top: 78.8125rem;
    left: 14.6875rem;
}
.mapTxt_7 {
    width: 4.125rem;
    height: 16.1875rem;
    position: absolute;
    top: 144.25rem;
    left: 36.9375rem;
}
.mapTxt_8 {
    width: 3.875rem;
    height: 16.3125rem;
    position: absolute;
    top: 148.875rem;
    left: 29.8125rem;
}
.mapTxt_9 {
    width: 4rem;
    height: 11.375rem;
    position: absolute;
    top: 157.5rem;
    left: 14.375rem;
}
.mapTxt_10 {
    width: 4.125rem;
    height: 11.1875rem;
    position: absolute;
    top: 152.9375rem;
    left: 22rem;
}
.mapTxt_11 {
    width: 4.125rem;
    height: 11.25rem;
    position: absolute;
    top: 162.0625rem;
    left: 6.875rem;
}

.dot {
    position: absolute;
}

.dot.orange {
    background-image: url("../img/dotOrange.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 4.375rem;
    height: 4.25rem;
    box-sizing: border-box;
    -webkit-animation: btnScale 1s ease-in infinite;
    animation: btnScale 1s ease-in infinite;
}
.dot.red {
    background-image: url("../img/dotRed.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 5.9375rem;
    height: 0.3125rem;
    box-sizing: border-box;
}

.mapDot1 {
    top: 7.0625rem;
    left: 31.3125rem;
}
.mapDot2 {
    top: 69.0625rem;
    left: 21.5rem;
}
.mapDot3 {
    top: 65rem;
    left: 28.5rem;
}
.mapDot4 {
    top: 61.75rem;
    left: 35.875rem;
}
.mapDot5 {
    top: 78rem;
    left: 7rem;
}
.mapDot6 {
    top: 73.6875rem;
    left: 14.25rem;
}
.mapDot7 {
    top: 139.375rem;
    left: 36.8125rem;
}
.mapDot8 {
    top: 143.9375rem;
    left: 29.1875rem;
}
.mapDot9 {
    top: 152.125rem;
    left: 14.0625rem;
}
.mapDot10 {
    top: 148.25rem;
    left: 21.6875rem;
}
.mapDot11 {
    top: 156.875rem;
    left: 6.5625rem;
}

.block14 {
    width: 46.875rem;
    height: 505.8125rem;
    position: relative;
    box-sizing: border-box;
}

.txt_22 {
    width: 46.875rem;
    height: 57.5rem;
    position: absolute;
    top: 3.4375rem;
    left: 0rem;
    z-index: 2;
}
.videoBtn_3 {
    background-image: url("../img/videoBtn_3.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 7.875rem;
    height: 24.875rem;
    box-sizing: border-box;
    position: absolute;
    z-index: 4;
    top: 62.625rem;
    left: 20.3125rem;
    cursor: pointer;
    opacity: 0;
}
.pic_23 {
    width: 46.875rem;
    height: 133.75rem;
    position: absolute;
    top: 119.9375rem;
    left: 0rem;
}
.txt_23 {
    width: 46.875rem;
    height: 80.8125rem;
    position: absolute;
    top: 81.3125rem;
    left: 0rem;
    z-index: 2;
}
.pic_34 {
    width: 46.875rem;
    height: 49.1875rem;
    position: absolute;
    top: 94.1875rem;
    left: 0rem;
}
.txt_24 {
    width: 46.875rem;
    height: 57.0625rem;
    position: absolute;
    top: 171.5625rem;
    left: 0rem;
    z-index: 2;
}

.scrollWrap_3 {
    width: 46.875rem;
    height: 107.625rem;
    box-sizing: border-box;
    position: absolute;
    top: 222.0625rem;
    margin: 0 auto;
    opacity: 0;
}

.scroll_3 {
    background-image: url("../img/scrollWrap_3.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 107.625rem;
    height: 46.875rem;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding-top: 8.125rem;
    padding-left: 16.375rem;
    transform: rotate(90deg);
    transform-origin: 23.4375rem center;
}

.scroll_3 .scrollContainer {
    width: 78.875rem;
    height: 32.75rem;
    background: transparent;
    overflow: hidden;
    position: relative;
}

.scroll_3 .scrollContainer:after {
    content: ' ';
    width: 0;
    height: 32.75rem;
    border-left: 0.125rem dashed #d65208;
    position: absolute;
    top: 0;
    left: 37.625rem;
}

.scroll_3 .scroll-row {
    min-height: 93.75rem;
}


.pic_24 {
    width: 46.875rem;
    height: 153.6875rem;
    position: absolute;
    top: 324.5rem;
    left: 0rem;
    z-index: 2;
}
.txt_25 {
    width: 46.875rem;
    height: 64.75rem;
    position: absolute;
    top: 333.875rem;
    left: 0rem;
    z-index: 3;
}
.txt_26 {
    width: 46.875rem;
    height: 42.0625rem;
    position: absolute;
    top: 403.5625rem;
    left: 0rem;
    z-index: 3;
}
.txt_27 {
    width: 46.875rem;
    height: 67.625rem;
    position: absolute;
    top: 464.0625rem;
    left: 0rem;
    z-index: 3;
    z-index: 3;
}
.pic_35 {
    width: 46.875rem;
    height: 112rem;
    position: absolute;
    top: 449.5rem;
    left: 0rem;
    z-index: 1;
}
.txt_28 {
    width: 20.4375rem;
    height: 61.625rem;
    position: absolute;
    top: 550.625rem;
    right: 6.875rem;
    /*right: 0;*/
    z-index: 4;
}
.pic_36 {
    width: 46.875rem;
    height: 99.375rem;
    position: absolute;
    top: 534.8125rem;
    left: 0rem;
    z-index: 1;
}
.qrcodeTxt {
    width: 2.3125rem;
    height: 46.625rem;
    position: absolute;
    top: 559.375rem;
    left: 3.4375rem;
    z-index: 4;
}
.qrcode {
    width: 10.875rem;
    height: 10.875rem;
    position: absolute;
    top: 575.5rem;
    left: 6.75rem;
    z-index: 4;
}
.finalPic {
    width: 32rem;
    height: 21.9375rem;
    position: absolute;
    top: 611.1875rem;
    right: 0rem;
    transform-origin: right bottom;
    -webkit-animation: ballRotate 2s linear infinite;
    animation: ballRotate 2s linear infinite;
    transform: rotate(5deg);
    z-index: 4;
}
.pic_25 {
    width: 46.875rem;
    height: 64.8125rem;
    position: absolute;
    top: 368.25rem;
    left: 0rem;
    z-index: 3;
}

.modal-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
}


.video_modal,
.video_modal2 {
    padding: 0;
    display: none;
    z-index: 9;
}


.modal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.video_modal .modal {
    max-width: 46.875rem;
    width: 46.875rem;
    height: 72rem;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    background: transparent;
    z-index: 10;
}

.video_modal .video-modal-content {
    background-image: url("../img/videoModal.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 40.125rem;
    height: 72rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 1.625rem;
}

.video_modal2 .modal {
    max-width: 46.875rem;
    width: 46.875rem;
    height: 72rem;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    background: transparent;
    z-index: 10;
}

.video_modal2 .video-modal-content {
    background-image: url("../img/videoModal.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 34.375rem;
    height: 72rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 6.5rem;
}

.pic_modal {
    padding: 0;
    display: none;
    z-index: 9;
}

.pic_modal .modal {
    max-width: 52.4375rem;
    width: 52.4375rem;
    height: 46.875rem;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    transform: rotate(90deg);
    background: transparent;
    z-index: 10;
}

.pic_modal .pic-modal-content {
    background-color: rgba(117,43,26,1);
    width: 48.0625rem;
    height: 35rem;
    box-sizing: border-box;
    border-radius: 0.75rem;
    position: absolute;
    left: 0;
    bottom: 2.0625rem;
    padding-top: 1.875rem;
}

#picCloseBtn {
    background-image: url("../img/picCloseBtn.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 4.5625rem;
    height: 4.5625rem;
    position: absolute;
    right: -2.25rem;
    top: -2.25rem;
    cursor: pointer;
}

#picModalImg {
    width: 43.625rem;
    height: 24.5rem;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.text_wrap {
    width: 43.75rem;
    margin: 0.625rem auto 0;
    position: relative;
    box-sizing: border-box;
    padding-left: 1.25rem;
}

.text_dot {
    width: 0.75rem;
    height: 0.75rem;
    background: #dc502f;
    position: absolute;
    left: 0;
    top: 0.5rem;
}

#picModalText {
    color: #fddb91;
    font-size: 1.5rem;
    line-height: 1.875rem;
}

.loading {
    /*background: linear-gradient(to right, #b55326, #fee27b);*/
    font-family: "Microsoft YaHei";
    background: #ffffff;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.loading-bg {
    color: #fff;
    width: 46.875rem;
    height: 83.375rem;
    z-index: 100;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.loadingBgImg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../img/lodingBg.jpg");
    background-size: 46.875rem 118rem;
    background-position: center center;
    background-repeat: no-repeat;
}

.loading .loading-group {
    position: absolute;
    /*top: 48%;*/
    /*left: 25%;*/
    top: 37.5rem;
    left: -0.5rem;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    transform-origin: center center;
    transform: rotate(90deg);
    width: 25rem;
    height: 3.5rem;
    font-weight: 700;
}

.loading .load-icon {
    width: 3.5rem;
    height: 3.5rem;
    -webkit-animation: rotateCircle 1s linear infinite;
    animation: rotateCircle 1s linear infinite;
}

.loading .loading-img {
    /*border-radius: 50%;*/
    width: 25rem;
    /*height: 2rem;*/
    margin: 0 auto;
    padding-top: 0.46875rem;
    position: relative;
}


.loading .percent {
    padding: 0 0 0.625rem;
    font-size: 3.25rem;
    line-height: 1;
    color: #377198;
    margin-left: 1.375rem;
}

.firstAni {
    visibility: hidden;
}
.pauseBtn {
}

.playBtn {
    -webkit-animation: rotateCircle 10s linear infinite;
    animation: rotateCircle 10s linear infinite;
}

.hide {
    display: none;
}

.p_state {
    width: 5rem;
    height: 5rem;
    background-image: url("../img/m_play.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 1.6875rem;
    right: 0.625rem;
    position: fixed;
    z-index: 99;
}

#beginBtn {
    position: absolute;
    background-image: url("../img/beginBtn2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 14.9375rem;
    height: 4.1875rem;
    text-align: center;
    display: none;
    top: 38.4375rem;
    left: 4.375rem;
    transform-origin: center center;
    transform: rotate(90deg);
    cursor: pointer;
}

img[alt=广西新闻网统计] {
    display: none
}