.font {
    /*font-family: AlimamaShuHeiTi，BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;*/
    /*font-weight: bolder;*/
    color: #fff;
    font-style: normal;
}

@font-face {
    font-family: 'AlimamaShuHeiTi';
    src: local('AlimamaShuHeiTi'), /* 优先使用本地已安装的 */
    url('../font/AlimamaShuHeiTi-Bold.woff2') format('woff2'),
    url('../font/AlimamaShuHeiTi-Bold.woff') format('woff'),
    url('../font/AlimamaShuHeiTi.ttf') format('truetype');
    font-weight: 400;  /* 普通 */
    font-style: normal;
    font-display: swap; /* 避免文字闪烁 */
}

@font-face {
    font-family: 'AlimamaShuHeiTi';
    src: local('AlimamaShuHeiTi Bold'),
    url('../font/AlimamaShuHeiTi-Bold.woff2') format('woff2'),
    url('../font/AlimamaShuHeiTi-Bold.woff') format('woff'),
    url('../font/AlimamaShuHeiTi.ttf') format('truetype');
    font-weight: 700;  /* 粗体 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'impact';
    src: local('impact'), /* 优先使用本地已安装的 */
    url('../font/impact.woff2') format('woff2'),
    url('../font/impact.woff') format('woff'),
    url('../font/impact.ttf') format('truetype');
    font-weight: 400;  /* 普通 */
    font-style: normal;
    font-display: swap; /* 避免文字闪烁 */
}

@font-face {
    font-family: 'impact';
    src: local('impact Bold'),
    url('../font/impact.woff2') format('woff2'),
    url('../font/impact.woff') format('woff'),
    url('../font/impact.ttf') format('truetype');
    font-weight: 700;  /* 粗体 */
    font-style: normal;
    font-display: swap;
}
p{
    margin:0;
}
.green {
    color: #008489;
}
.font44{
    font-size:44px;
}
.font40 {
    font-size:40px;
}
.font16{
    font-size:16px;
}
.font20 {
    font-size:20px;
}
.font22 {
    font-size:22px;
}
.font24 {
    font-size:24px;
}
.font26 {
    font-size:26px;
}
.font28 {
    font-size:28px;
}
.font32 {
    font-size:32px;
}
.font42{
    font-size: 42px;
}
.font50 {
    font-size:50px;
}
.font70 {
    font-size:70px;
}
.colorWhite {
    color: white;
}
.colorGreen{
    color:#008489;
}

@font-face {
    font-family: 'NumberFont';
    src: url('../font/impact.woff2');
    unicode-range: U+0030-0039; /* 数字0-9 */
}

.mixed-text {
    font-family: ChineseFont, NumberFont, sans-serif;
}

.font-chinese{
    font-family: 'ChineseFont', sans-serif;
}
.font-number{
    font-family: 'NumberFont' ,sans-serif;
}

.font-simple {
    font-weight: normal;
}

.margin-left-5 {
    margin-left: 5px;
}
.margin-right-5 {
    margin-right: 5px;
}

html, body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    font-family: AlimamaShuHeiTi, PingFang SC，Microsoft Yahei，impact,sans-serif;
    /*font-family: PingFang，impact, Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
.number, .shs-years,.shs-days, .shs-lx-years {
    font-family: 'CustomImpact', Impact, sans-serif; /* 优先自定义Impact，再系统Impact */
}
.number.animate-active {
    opacity: 1;
    visibility: visible;
}
.swiper-container, .bg-img, img{
    height:100%;
}
.animationRotateText{
    display: inline-block;      /* 重要：内联元素需要 */
    transform: rotate(90deg);   /* 旋转90度 */
    transform-origin: center;   /* 指定旋转中心 */
    white-space: nowrap;
    margin: 0;
    position: absolute;
    top:86%;
    opacity: 1;
}

.animationText{
    position: absolute;
    top:85%;
    left:2.4rem;
    opacity: 1;
    font-size: 20px;
}
.animationText span{
    display: block;
}

.arrowDown{
    /*display: block;*/
    position: absolute;
    left:3rem;
    height: 20px;
    margin:-10px;
}
.arrowDown_one{
    top:79%;
}
.arrowDown_two{
    top:81%
}
.arrowDown_three{
    top:83%
}


#page2,#page3,#page5, #page6,#page7{
    position: relative;
    background-image: url(../img/2025img/page_2_2025.jpg);
    background-size: cover;
    overflow: hidden;
}
.textCenter{
    text-align: center;
    width: 100%;
    /*color: white;*/
    /*font-size:22px;*/
    font-weight: bold;
    letter-spacing: 1.5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* 自身宽度的一半，实现居中 */
}

/* 第一屏 */
#page1{
    /*height: 100%;*/
    position: relative;
    background: url(../img/2025img/page_1_2025.jpg) no-repeat ;
    background-size: cover;
    overflow: hidden;
}
#page1 .page1two span{
    display: block;
    background: linear-gradient(
            90deg,
            #00bb8b 0%,      /* 深蓝色 */
            #28bdc6 50%,     /* 天蓝色（中间最浅） */
            #00bb8b 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /*margin: 20px 0;*/
}

@-webkit-keyframes animatpageone_one {
    0% { top: 7rem; opacity: 0;}
    100% { top: 5rem; opacity: 1;}
}
@-moz-keyframes animatpageone_one {
    0% { top: 7rem; opacity: 0;}
    100% { top: 5rem; opacity: 1;}
}
@-o-keyframes animatpageone_one {
    0% { top: 7rem; opacity: 0;}
    100% { top: 5rem; opacity: 1;}
}
@keyframes animatpageone_one {
    0% { top: 7rem; opacity: 0;}
    100% { top: 5rem; opacity: 1;}
}
.animatpageone_one {
    font-size: 60px;
    color: #008489;
    position: absolute;
    left:2rem;
    top:5rem;
    /*flex-grow: 1;*/
    -webkit-animation: animatpageone_one 0.7s ease-out forwards;
    -moz-animation: animatpageone_one 0.7s ease-out forwards;
    -ms-animation: animatpageone_one 0.7s ease-out forwards;
    -o-animation: animatpageone_one 0.7s ease-out forwards;
    animation: animatpageone_one 0.7s ease-out forwards;
}

@-webkit-keyframes animatpageone_two {
    0% { top: 12rem; opacity: 0;}
    100% { top: 10.5rem; opacity: 1;}
}
@-moz-keyframes animatpageone_two {
    0% { top: 12rem; opacity: 0;}
    100% { top: 10.5rem; opacity: 1;}
}
@-o-keyframes animatpageone_two {
    0% { top: 12rem; opacity: 0;}
    100% { top: 10.5rem; opacity: 1;}
}
@keyframes animatpageone_two {
    0% { top: 12rem; opacity: 0;}
    100% { top: 10.5rem; opacity: 1;}
}
.animatpageone_two {
    margin:0;
    font-size: 34px;
    position: absolute;
    left:2rem;
    top:10.5rem;
    -webkit-animation: animatpageone_two .7s 0.5s ease-out forwards;
    -moz-animation: animatpageone_two .7s 0.5s ease-out forwards;
    -ms-animation: animatpageone_two .7s 0.5s ease-out forwards;
    -o-animation: animatpageone_two .7s 0.5s ease-out forwards;
    animation: animatpageone_two .7s 0.5s ease-out forwards;
    animation-fill-mode: backwards;
}
.pageImg {
    height: 60px;
}
@-webkit-keyframes animatAaircraft {
    0% { top: 90%; left:5%;}
    100% { top: 70%; left:25%;}
}
@-moz-keyframes animatAaircraft {
    0% { top: 90%; left:5%;}
    100% { top: 70%; left:25%;}
}
@-o-keyframes animatAaircraft {
    0% { top: 90%; left:5%;}
    100% { top: 70%; left:25%;}
}
@keyframes animatAaircraft {
    0% { top: 90%; left:5%;}
    100% { top: 70%; left:25%;}
}
@-webkit-keyframes floatAaircraft {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}
@-moz-keyframes floatAaircraft {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}
@-o-keyframes floatAaircraft {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}
@keyframes floatAaircraft {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}
.animatAaircraft, .floatAaircraft {
    position: absolute;
    top:90%;
    left:25%;
    -webkit-animation:
            animatAaircraft 0.7s linear forwards,
            floatAaircraft ease-in-out 1s infinite;

    -moz-animation:
            animatAaircraft 0.7s linear forwards,
            floatAaircraft ease-in-out 1s infinite;
    -ms-animation:
            animatAaircraft 0.7s linear forwards,
            floatAaircraft ease-in-out 1s infinite;
    -o-animation:
            animatAaircraft 0.7s linear forwards,
            floatAaircraft ease-in-out 1s infinite;
    animation:
            animatAaircraft 0.7s linear forwards,
            floatAaircraft ease-in-out 1s infinite;
}

.arrowDownOne:nth-child(3) {
    animation-delay: 0s;
}
.arrowDownOne:nth-child(2) {
    animation-delay: 0.5s;
}
.arrowDownOne:nth-child(1) {
    animation-delay: 1s;
}

@-webkit-keyframes animationRotateTextPageOne {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes animationRotateTextPageOne {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes animationRotateTextPageOne {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@keyframes animationRotateTextPageOne {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
.animationRotateTextPageOne {
    left: 1.58em;
    -webkit-animation: animationRotateTextPageOne 0.5s 0.7s linear forwards;
    -moz-animation: animationRotateTextPageOne 0.5s 0.7s linear forwards;
    -ms-animation: animationRotateTextPageOne 0.5s 0.7s linear forwards;
    -o-animation: animationRotateTextPageOne 0.5s 0.7s linear forwards;
    animation: animationRotateTextPageOne 0.5s 0.7s linear forwards;
    animation-fill-mode: backwards;
}


/* 第二屏幕 */
@-webkit-keyframes animat-pagetwo_one {
    from {
        left:-100%; /* 从左侧完全隐藏开始 */
    }
    to {
        left: 50%; /* 到达50%位置 */
        transform: translateX(-50%); /* 再向左移动自身50%实现居中 */
    }
}
@-moz-keyframes animat-pagetwo_one {
    from {
        left:-100%; /* 从左侧完全隐藏开始 */
    }
    to {
        left: 50%; /* 到达50%位置 */
        transform: translateX(-50%); /* 再向左移动自身50%实现居中 */
    }
}
@-o-keyframes animat-pagetwo_one {
    from {
        left:-100%; /* 从左侧完全隐藏开始 */
    }
    to {
        left: 50%; /* 到达50%位置 */
        transform: translateX(-50%); /* 再向左移动自身50%实现居中 */
    }
}
@keyframes animat-pagetwo_one {
    from {
        left:-100%; /* 从左侧完全隐藏开始 */
    }
    to {
        left: 50%; /* 到达50%位置 */
        transform: translateX(-50%); /* 再向左移动自身50%实现居中 */
    }
}
.animat-pagetwo_one {
    top: 5rem;
    -webkit-animation: animat-pagetwo_one 0.7s linear forwards;
    -moz-animation: animat-pagetwo_one 0.7s linear forwards;
    -ms-animation: animat-pagetwo_one 0.7s linear forwards;
    -o-animation: animat-pagetwo_one 0.7s linear forwards;
    animation: animat-pagetwo_one 0.7s linear forwards;
}

/* 水平翻转关键帧动画 */
@keyframes horizontalNum {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
@-moz-keyframes horizontalNum {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
@-o-keyframes horizontalNum {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
@keyframes horizontalNum {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
@-webkit-keyframes horizontalNum {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
.horizontalNum{
    display: inline-block;
    transform-style: preserve-3d; /* 保持3D空间 */
    -webkit-animation: horizontalNum 0.7s 0.7s linear forwards;
    -moz-animation: horizontalNum 0.7s 0.7s linear forwards;
    -ms-animation: horizontalNum 0.7s 0.7s linear forwards;
    -o-animation: horizontalNum 0.7s 0.7s linear forwards;
    animation: horizontalNum 0.7s 0.7s linear forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animat-pagetwo_two {
    0% { left:-100%;}
    100% { left: 4rem;}
}
@-moz-keyframes animat-pagetwo_two {
    0% { left:-100%;}
    100% { left: 4rem;}
}
@-o-keyframes animat-pagetwo_two {
    0% { left:-100%;}
    100% { left: 4rem;}
}
@keyframes animat-pagetwo_two {
    0% { left:-100%;}
    100% { left: 4rem;}
}
.animat-pagetwo_two {
    font-size:28px;
    position: absolute;
    left:4rem;
    top: 12rem;
    -webkit-animation: animat-pagetwo_two 0.7s 0.7s linear forwards;
    -moz-animation: animat-pagetwo_two 0.7s 0.7s linear forwards;
    -ms-animation: animat-pagetwo_two 0.7s 0.7s linear forwards;
    -o-animation: animat-pagetwo_two 0.7s 0.7s linear forwards;
    animation: animat-pagetwo_two 0.7s 0.7s linear forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animat-pagetwo_three {
    0% { left:-100%;}
    100% { left: 4rem;}
}
@-moz-keyframes animat-pagetwo_three {
    0% { left:-100%;}
    100% { left: 4rem;}
}
@-o-keyframes animat-pagetwo_three {
    0% { left:-100%;}
    100% { left: 4rem;}
}
@keyframes animat-pagetwo_three {
    0% { left:-100%;}
    100% { left: 4rem;}
}
.animat-pagetwo_three {
    font-size:28px;
    position: absolute;
    left:4rem;
    top: 15rem;
    -webkit-animation: animat-pagetwo_three 0.7s 1.4s  linear forwards;
    -moz-animation: animat-pagetwo_three 0.7s 1.4s linear forwards;
    -ms-animation: animat-pagetwo_three 0.7s 1.4s linear forwards;
    -o-animation: animat-pagetwo_three 0.7s 1.4s linear forwards;
    animation: animat-pagetwo_three 0.7s 1.4s linear forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animat-pagetwo_four {
    0% { right:-100%;}
    100% { right:0; }
}
@-moz-keyframes animat-pagetwo_four {
    0% { right:-100%;}
    100% { right:0; }
}
@-o-keyframes animat-pagetwo_four {
    0% { right:-100%;}
    100% { right:0; }
}
@keyframes animat-pagetwo_four {
    0% { right:-100%;}
    100% { right:0; }
}
.animat-pagetwo_four {
    width:100%;
    position: absolute;
    top: 20rem;
    text-align: center;
    -webkit-animation: animat-pagetwo_four 0.7s 2.1s linear forwards;
    -moz-animation: animat-pagetwo_four 0.7s 2.1s linear forwards;
    -ms-animation: animat-pagetwo_four 0.7s 2.1s linear forwards;
    -o-animation: animat-pagetwo_four 0.7s 2.1s linear forwards;
    animation:  animat-pagetwo_four 0.7s 2.1s linear forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animatPageTwo_project {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@-moz-keyframes animatPageTwo_project {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@-o-keyframes animatPageTwo_project {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes animatPageTwo_project {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

.animatPageTwo_project {
    -webkit-animation: animatPageTwo_project 0.5s 2.7s linear forwards;
    -moz-animation: animatPageTwo_project 0.5s 2.7s linear forwards;
    -ms-animation: animatPageTwo_project 0.5s 2.7s linear forwards;
    -o-animation: animatPageTwo_project 0.5s 2.7s linear forwards;
    animation:  animatPageTwo_project 0.5s 2.7s linear forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animatTime {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-moz-keyframes animatTime {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-o-keyframes animatTime {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes animatTime {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-webkit-keyframes floatTime {
    30% {
        transform: rotate(20deg);
    }
    35% {
        transform: rotate(-18deg);
    }
    40% {
        transform: rotate(15deg);
    }
    45% {
        transform: rotate(-12deg);
    }
    50% {
        transform: rotate(0deg);
    }

    /* 第二次摇摆 */
    55% {
        transform: rotate(15deg);
    }
    60% {
        transform: rotate(-13deg);
    }
    65% {
        transform: rotate(10deg);
    }
    70% {
        transform: rotate(-7deg);
    }
    75% {
        transform: rotate(0deg);
    }

    /* 第三次摇摆 */
    80% {
        transform: rotate(10deg);
    }
    85% {
        transform: rotate(-8deg);
    }
    90% {
        transform: rotate(5deg);
    }
    95% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@-moz-keyframes floatTime {
    30% {
        transform: rotate(20deg);
    }
    35% {
        transform: rotate(-18deg);
    }
    40% {
        transform: rotate(15deg);
    }
    45% {
        transform: rotate(-12deg);
    }
    50% {
        transform: rotate(0deg);
    }

    /* 第二次摇摆 */
    55% {
        transform: rotate(15deg);
    }
    60% {
        transform: rotate(-13deg);
    }
    65% {
        transform: rotate(10deg);
    }
    70% {
        transform: rotate(-7deg);
    }
    75% {
        transform: rotate(0deg);
    }

    /* 第三次摇摆 */
    80% {
        transform: rotate(10deg);
    }
    85% {
        transform: rotate(-8deg);
    }
    90% {
        transform: rotate(5deg);
    }
    95% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@-o-keyframes floatTime {
    30% {
        transform: rotate(20deg);
    }
    35% {
        transform: rotate(-18deg);
    }
    40% {
        transform: rotate(15deg);
    }
    45% {
        transform: rotate(-12deg);
    }
    50% {
        transform: rotate(0deg);
    }

    /* 第二次摇摆 */
    55% {
        transform: rotate(15deg);
    }
    60% {
        transform: rotate(-13deg);
    }
    65% {
        transform: rotate(10deg);
    }
    70% {
        transform: rotate(-7deg);
    }
    75% {
        transform: rotate(0deg);
    }

    /* 第三次摇摆 */
    80% {
        transform: rotate(10deg);
    }
    85% {
        transform: rotate(-8deg);
    }
    90% {
        transform: rotate(5deg);
    }
    95% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@keyframes floatTime {
    30% {
        transform: rotate(30deg);
    }
    35% {
        transform: rotate(-18deg);
    }
    40% {
        transform: rotate(15deg);
    }
    45% {
        transform: rotate(-12deg);
    }
    50% {
        transform: rotate(0deg);
    }

     /*第二次摇摆*/
    55% {
        transform: rotate(15deg);
    }
    60% {
        transform: rotate(-13deg);
    }
    65% {
        transform: rotate(10deg);
    }
    70% {
        transform: rotate(-7deg);
    }
    75% {
        transform: rotate(0deg);
    }

    /* 第三次摇摆 */
    80% {
        transform: rotate(10deg);
    }
    85% {
        transform: rotate(-8deg);
    }
    90% {
        transform: rotate(5deg);
    }
    95% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.animatTime{
    position: absolute;
    top:70%;
    left:25%;
    opacity: 0;
    -webkit-animation:
            animatTime 0.7s ease-out forwards,
            floatTime 1s ease-out forwards;
    -moz-animation:
            animatTime 0.7s ease-out forwards,
            floatTime 1s ease-out forwards;
    -ms-animation:
            animatTime 0.7s ease-out forwards,
            floatTime 1s ease-out forwards;
    -o-animation:
            animatTime 0.7s ease-out forwards,
            floatTime 1s ease-out forwards;
    animation:
            animatTime 0.7s ease-out forwards,
            floatTime 1s ease-out forwards;
}

.arrowDownTwo:nth-child(3) {
    animation-delay: 0s;
}
.arrowDownTwo:nth-child(2) {
    animation-delay: 0.5s;
}
.arrowDownTwo:nth-child(1) {
    animation-delay: 1s;
}

@-webkit-keyframes animationRotateTextPageTwo {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes animationRotateTextPageTwo {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes animationRotateTextPageTwo {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@keyframes animationRotateTextPageTwo {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
.animationRotateTextPageTwo {
    -webkit-animation: animationRotateTextPageTwo 0.5s 0.7s linear forwards;
    -moz-animation: animationRotateTextPageTwo 0.5s 0.7s linear forwards;
    -ms-animation: animationRotateTextPageTwo 0.5s 0.7s linear forwards;
    -o-animation: animationRotateTextPageTwo 0.5s 0.7s linear forwards;
    animation: animationRotateTextPageTwo 0.5s 0.7s linear forwards;
    animation-fill-mode: backwards;
}

/* 第三屏 结缘 */
 .flex-container {
    display: flex;
    width: 100%;
    /* 可选：禁止换行（PC端强制左右），移动端通过媒体查询覆盖 */
    flex-wrap: nowrap;
   position: absolute;
    left: 0;
    top: 16rem;
}

/* 左侧栏：固定宽度 + 弹性不缩放 */
.left-panel {
    flex: 0 0 60%; /* flex-grow:0 不放大; flex-shrink:0 不缩小; flex-basis:280px 基础宽度 */
    display: flex;
    flex-direction: column; /* 子元素垂直排列（各占一行） */
    justify-content: space-between;
    align-items: flex-end;
}

/* 右侧栏：自适应剩余宽度 */
.right-panel {
    flex: 1; 占满剩余宽度（核心）
    align-items: start;
}

@-webkit-keyframes animatpageThree_one {
    0% { opacity: 0;}
    100% { opacity:1;}
}
@-moz-keyframes animatpageThree_one {
    0% { opacity: 0;}
    100% { opacity:1;}
}
@-o-keyframes animatpageThree_one {
    0% { opacity: 0;}
    100% { opacity:1;}
}
@keyframes animatpageThree_one {
    0% { opacity: 0;}
    100% { opacity:1;}
}
@-webkit-keyframes animatpageThree_one {
    0% { opacity: 0;}
    100% { opacity:1;}
}
.animatpageThree_one{
    position: absolute;
    left:3.3rem;
    top:7.5rem;
    opacity: 1;
    -webkit-animation: animatpageThree_one 0.8s ease-out forwards;
    -moz-animation: animatpageThree_one 0.8s ease-out forwards;
    -ms-animation: animatpageThree_one 0.8s ease-out forwards;
    -o-animation: animatpageThree_one 0.8s ease-out forwards;
    animation: animatpageThree_one 0.8s ease-out forwards;
}

@-webkit-keyframes animatpageThree_two {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes animatpageThree_two {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes animatpageThree_two {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes animatpageThree_two {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes animatpageThree_two {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.animatpageThree_two{
    position: absolute;
    left:3.5rem;
    top:10.3rem;
    -webkit-animation: animatpageThree_two 0.8s 0.7s ease-out forwards;
    -moz-animation: animatpageThree_two 0.8s 0.7s ease-out forwards;
    -ms-animation: animatpageThree_two 0.8s 0.7s ease-out forwards;
    -o-animation: animatpageThree_two 0.8s 0.7s ease-out forwards;
    animation: animatpageThree_two 0.8s 0.7s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animatpageThree_three {
    0% {transform: translateX(100%)};
    100% { transform: translateX(0)};
}
@-moz-keyframes animatpageThree_three {
    0% {transform: translateX(100%)};
    100% { transform: translateX(0)};
}
@-o-keyframes animatpageThree_three {
    0% {transform: translateX(100%)};
    100% { transform: translateX(0)};
}
@keyframes animatpageThree_three {
    0% {transform: translateX(100%)};
    100% { transform: translateX(0)};
}
@-webkit-keyframes animatpageThree_three {
    0% {transform: translateX(100%)};
    100% { transform: translateX(0)};
}
.animatpageThree_three{
    transform: translateX(0%);
    -webkit-animation: animatpageThree_three 0.8s 1.4s ease-out forwards;
    -moz-animation: animatpageThree_three 0.8s 1.4s ease-out forwards;
    -ms-animation: animatpageThree_three 0.8s 1.4s ease-out forwards;
    -o-animation: animatpageThree_three 0.8s 1.4s ease-out forwards;
    animation: animatpageThree_three 0.8s 1.4s ease-out forwards;
    animation-fill-mode: backwards;
}


@-webkit-keyframes animatpageThree_three_time {
    0% { opacity:0;}
    100% { opacity:1;}
}
@-moz-keyframes animatpageThree_three_time {
    0% { opacity:0;}
    100% { opacity:1;}
}
@-o-keyframes animatpageThree_three_time {
    0% { opacity:0;}
    100% { opacity:1;}
}
@keyframes animatpageThree_three_time {
    0% { opacity:0;}
    100% { opacity:1;}
}
@-webkit-keyframes animatpageThree_three_time {
    0% { opacity:0;}
    100% { opacity:1;}
}
.animatpageThree_three_time{
    left: 61%;
    -webkit-animation: animatpageThree_three_time 0.5s 2.1s ease-out forwards;
    -moz-animation: animatpageThree_three_time 0.5s 2.1s ease-out forwards;
    -ms-animation: animatpageThree_three_time 0.5s 2.1s ease-out forwards;
    -o-animation: animatpageThree_three_time 0.5s 2.1s ease-out forwards;
    animation: animatpageThree_three_time 0.5s 2.1s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animatpageThree_four {
    0% { opacity:0;}
    100% { opacity:1;}
}
@-moz-keyframes animatpageThree_four {
    0% { opacity:0;}
    100% { opacity:1;}
}
@-o-keyframes animatpageThree_four {
    0% { opacity:0;}
    100% { opacity:1;}
}
@keyframes animatpageThree_four {
    0% { opacity:0;}
    100% { opacity:1;}
}
@-webkit-keyframes animatpageThree_four {
    0% { opacity:0;}
    100% { opacity:1;}
}
.animatpageThree_four{
    position: absolute;
    right:2rem;
    top:17.7rem;
    -webkit-animation: animatpageThree_four 0.5s 2.1s ease-out forwards;
    -moz-animation: animatpageThree_four 0.5s 2.1s ease-out forwards;
    -ms-animation: animatpageThree_four 0.5s 2.1s ease-out forwards;
    -o-animation: animatpageThree_four 0.5s 2.1s ease-out forwards;
    animation: animatpageThree_four 0.5s 2.1s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animatpageThree_five {
    0% { left:-100%;}
    100% { left:3rem;}
}
@-moz-keyframes animatpageThree_five {
    0% { left:-100%;}
    100% { left:3rem;}
}
@-o-keyframes animatpageThree_five {
    0% { left:-100%;}
    100% { left:3rem;}
}
@keyframes animatpageThree_five {
    0% { left:-100%;}
    100% { left:3rem;}
}
@-webkit-keyframes animatpageThree_five {
    0% { left:-100%;}
    100% { left:3rem;}
}
.animatpageThree_five{
    position: absolute;
    left:3rem;
    top:26rem;
    -webkit-animation: animatpageThree_five 0.8s 2.5s ease-out forwards;
    -moz-animation: animatpageThree_five 0.8s 2.5s ease-out forwards;
    -ms-animation: animatpageThree_five 0.8s 2.5s ease-out forwards;
    -o-animation: animatpageThree_five 0.8s 2.5s ease-out forwards;
    animation: animatpageThree_five 0.8s 2.5s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animatPredestination {
    0% { top: 90%; right:55%;opacity: 0;}
    100% { top: 75%; right:15%;opacity: 1;}
}
@-moz-keyframes animatPredestination {
    0% { top: 90%; right:55%;opacity: 0;}
    100% { top: 75%; right:15%;opacity: 1;}
}
@-o-keyframes animatPredestination {
    0% { top: 90%; right:55%;opacity: 0;}
    100% { top: 75%; right:15%;opacity: 1;}
}
@keyframes animatPredestination {
    0% { top: 90%; right:55%;opacity: 0;}
    100% { top: 75%; right:15%;opacity: 1;}
}
@-webkit-keyframes floatPredestination {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}
@-moz-keyframes floatPredestination {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}
@-o-keyframes floatPredestination {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}
@keyframes floatPredestination {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}
.animatPredestination, .floatPredestination{
    position: absolute;
    top:75%;
    right:15%;
    opacity: 1;
    -webkit-animation:
            animatPredestination 0.7s linear forwards,
            floatPredestination ease-in-out 1s infinite;
    -moz-animation:
            animatPredestination 0.7s linear forwards,
            floatPredestination ease-in-out 1s infinite;
    -ms-animation:
            animatPredestination 0.7s linear forwards,
            floatPredestination ease-in-out 1s infinite;
    -o-animation:
            animatPredestination 0.7s linear forwards,
            floatPredestination ease-in-out 1s infinite;
    animation:
            animatPredestination 0.7s linear forwards,
            floatPredestination ease-in-out 1s infinite;
}

.arrowDownThree:nth-child(3) {
    animation-delay: 0s;
}
.arrowDownThree:nth-child(2) {
    animation-delay: 0.5s;
}
.arrowDownThree:nth-child(1) {
    animation-delay: 1s;
}

@-webkit-keyframes animationRotateTextPageThree {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes animationRotateTextPageThree {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes animationRotateTextPageThree {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@keyframes animationRotateTextPageThree {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
.animationRotateTextPageThree {
    -webkit-animation: animationRotateTextPageThree 0.5s 0.7s linear forwards;
    -moz-animation: animationRotateTextPageThree 0.5s 0.7s linear forwards;
    -ms-animation: animationRotateTextPageThree 0.5s 0.7s linear forwards;
    -o-animation: animationRotateTextPageThree 0.5s 0.7s linear forwards;
    animation: animationRotateTextPageThree 0.5s 0.7s linear forwards;
    animation-fill-mode: backwards;
}

/* 第四屏  同行*/
/* .flex-container {
    display: flex;
    width: 100%;
    /* 可选：禁止换行（PC端强制左右），移动端通过媒体查询覆盖 */
    /*flex-wrap: nowrap;
    position: absolute;
    left: 0;
    top: 10rem;
}

/* 左侧栏：固定宽度 + 弹性不缩放 */
/*.left-panel {
    width: 60%; /* 固定宽度 */
    /*flex: 0 0 60%;; /* flex-grow:0 不放大; flex-shrink:0 不缩小; flex-basis:280px 基础宽度 */
    /*display: flex;
    flex-direction: column; /* 子元素垂直排列（各占一行） */
   /* justify-content: space-between;
    align-items: flex-end;
}

/* 右侧栏：自适应剩余宽度 */
/*.right-panel {
    flex: 1; /* 占满剩余宽度（核心） */
}

/*@-webkit-keyframes animationPageFour_one {
    0% { transform: translateX(-100%);  }
    /*100% { transform: translateX(0); }
}
/*@-moz-keyframes animationPageFour_one {
    0% { transform: translateX(-100%);  }
    100% { transform: translateX(0); }
}
/*@-o-keyframes animationPageFour_one {
    0% { transform: translateX(-100%);  }
    100% { transform: translateX(0); }
}
/*@keyframes animationPageFour_one {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}
/*.animationPageFour_one {
    -webkit-animation: animationPageFour_one 0.7s linear forwards;
    -moz-animation: animationPageFour_one 0.7s linear forwards;
    -ms-animation: animationPageFour_one 0.7s linear forwards;
    -o-animation: animationPageFour_one 0.7s linear forwards;
    animation: animationPageFour_one 0.7s linear forwards;
}

@-webkit-keyframes animationPageFour_two {
    0% { transform: translateX(-200%); }
  /*  100% { transform: translateX(0);}
/*}
@-moz-keyframes animationPageFour_two {
    0% { transform: translateX(-200%);  }
  /*  100% { transform: translateX(0); }
/*}
@-o-keyframes animationPageFour_two {
    0% { transform: translateX(-200%);  }
    /*100% { transform: translateX(0); }
/*}
@keyframes animationPageFour_two {
    0% { transform: translateX(-200%);  }
    /*100% { transform: translateX(0); }
/*}
.animationPageFour_two {
    -webkit-animation: animationPageFour_two 0.7s 0.2s linear forwards;
    -moz-animation: animationPageFour_two 0.7s 0.2s linear forwards;
    -ms-animation: animationPageFour_two 0.7s 0.2s linear forwards;
    -o-animation: animationPageFour_two 0.7s 0.2s linear forwards;
    animation: animationPageFour_two 0.7s 0.2s linear forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageFour_days {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes animationPageFour_days {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes animationPageFour_days {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes animationPageFour_days {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.animationPageFour_days {
    opacity: 1;
    margin-left: 1rem;
    -webkit-animation: animationPageFour_days 0.7s 1.4s linear forwards;
    -moz-animation: animationPageFour_days 0.7s 1.4s linear forwards;
    -ms-animation: animationPageFour_days 0.7s 1.4s linear forwards;
    -o-animation: animationPageFour_days 0.7s 1.4s linear forwards;
    animation: animationPageFour_days 0.7s 1.4s linear forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageFour_three {
    0% { top:21rem; opacity: 0;}
    100% { top:20rem; opacity: 1; }
}
@-moz-keyframes animationPageFour_three {
    0% { top:21rem; opacity: 0;}
    100% { top:20rem; opacity: 1; }
}
@-o-keyframes animationPageFour_three {
    0% { top:21rem; opacity: 0;}
    100% { top:20rem; opacity: 1; }
}
@keyframes animationPageFour_three {
    0% { top:21rem; opacity: 0;}
    100% { top:20rem; opacity: 1; }
}
.animationPageFour_three {
    position: absolute;
    /*width: 20px;*/
    /*top:20rem;
    left:2rem;
    -webkit-animation: animationPageFour_three 0.7s 1s linear forwards;
    -moz-animation: animationPageFour_three 0.7s 1s linear forwards;
    -ms-animation: animationPageFour_three 0.7s 1s linear forwards;
    -o-animation: animationPageFour_three 0.7s 1s linear forwards;
    animation: animationPageFour_three 0.7s 1s linear forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageFour_four {
    0% { top:23rem; opacity: 0;}
    100% { top:22rem; opacity: 1; }
}
@-moz-keyframes animationPageFour_four {
    0% { top:23rem; opacity: 0;}
    100% { top:22rem; opacity: 1; }
}
@-o-keyframes animationPageFour_four {
    0% { top:23rem; opacity: 0;}
    100% { top:22rem; opacity: 1; }
}
@keyframes animationPageFour_four {
    0% { top:23rem; opacity: 0;}
    100% { top:22rem; opacity: 1; }
}
.animationPageFour_four {
    position: absolute;
    /*width: 20px;*/
   /* top:22rem;
    left:2rem;
    -webkit-animation: animationPageFour_four 0.7s 1.7s linear forwards;
    -moz-animation: animationPageFour_four 0.7s 1.7s linear forwards;
    -ms-animation: animationPageFour_four 0.7s 1.7s linear forwards;
    -o-animation: animationPageFour_four 0.7s 1.7s linear forwards;
    animation: animationPageFour_four 0.7s 1.7s linear forwards;
    animation-fill-mode: backwards;
}

.arrowDownFour:nth-child(3) {
    animation-delay: 0s;
}
.arrowDownFour:nth-child(2) {
    animation-delay: 0.5s;
}
.arrowDownFour:nth-child(1) {
    animation-delay: 1s;
}

@-webkit-keyframes animationRotateTextPageFour {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes animationRotateTextPageFour {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes animationRotateTextPageFour {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@keyframes animationRotateTextPageFour {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
.animationRotateTextPageFour {
    opacity: 1;
    -webkit-animation: animationRotateTextPageFour 0.5s 0.7s linear forwards;
    -moz-animation: animationRotateTextPageFour 0.5s 0.7s linear forwards;
    -ms-animation: animationRotateTextPageFour 0.5s 0.7s linear forwards;
    -o-animation: animationRotateTextPageFour 0.5s 0.7s linear forwards;
    animation: animationRotateTextPageFour 0.5s 0.7s linear forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animatPeer {
    0% {
        transform: rotate(0deg) scale(0.1);
        opacity: 0;
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
    15% {
        opacity: 0.3;
        transform: rotate(180deg) scale(0.2);
        clip-path: polygon(45% 45%, 55% 45%, 55% 55%, 45% 55%);
    }
    45% {
        opacity: 0.7;
        transform: rotate(540deg) scale(0.5);
        clip-path: polygon(35% 35%, 65% 35%, 65% 65%, 35% 65%);
    }
    100% {
        transform: rotate(1440deg) scale(1);
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
@-moz-keyframes animatPeer {
    0% {
        transform: rotate(0deg) scale(0.1);
        opacity: 0;
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
    15% {
        opacity: 0.3;
        transform: rotate(180deg) scale(0.2);
        clip-path: polygon(45% 45%, 55% 45%, 55% 55%, 45% 55%);
    }
    45% {
        opacity: 0.7;
        transform: rotate(540deg) scale(0.5);
        clip-path: polygon(35% 35%, 65% 35%, 65% 65%, 35% 65%);
    }
    100% {
        transform: rotate(1440deg) scale(1);
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
@-o-keyframes animatPeer {
    0% {
        transform: rotate(0deg) scale(0.1);
        opacity: 0;
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
    15% {
        opacity: 0.3;
        transform: rotate(180deg) scale(0.2);
        clip-path: polygon(45% 45%, 55% 45%, 55% 55%, 45% 55%);
    }
    45% {
        opacity: 0.7;
        transform: rotate(540deg) scale(0.5);
        clip-path: polygon(35% 35%, 65% 35%, 65% 65%, 35% 65%);
    }
    100% {
        transform: rotate(1440deg) scale(1);
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
@keyframes animatPeer {
    0% {
        transform: rotate(0deg) scale(0.1);
        opacity: 0;
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
    15% {
        opacity: 0.3;
        transform: rotate(180deg) scale(0.2);
        clip-path: polygon(45% 45%, 55% 45%, 55% 55%, 45% 55%);
    }
    45% {
        opacity: 0.7;
        transform: rotate(540deg) scale(0.5);
        clip-path: polygon(35% 35%, 65% 35%, 65% 65%, 35% 65%);
    }
    100% {
        transform: rotate(1440deg) scale(1);
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
.animatPeer {
    position: absolute;
    top:28rem;
    right:10%;
    transform-origin: center center;
    webkit-animation: animatPeer 0.7s ease-out forwards;
    -moz-animation: animatPeer 0.7s ease-out forwards;
    -ms-animation: animatPeer 0.7s ease-out forwards;
    -o-animation: animatPeer 0.7s ease-out forwards;
    animation: animatPeer 0.7s ease-out forwards;
    animation-fill-mode: backwards;
}*/


/*  第五屏  共荣  */
@-webkit-keyframes animationPageFive_one {
    0% { opacity: 0; }
    100% { opacity: 1;}
}
@-moz-keyframes animationPageFive_one {
    0% { opacity: 0; }
    100% { opacity: 1;}
}
@-o-keyframes animationPageFive_one {
    0% { opacity: 0; }
    100% { opacity: 1;}
}
@keyframes animationPageFive_one {
    0% { opacity: 0; }
    100% { opacity: 1;}
}
.animationPageFive_one {
    position: absolute;
    /*width: 20px;*/
    top:5rem;
    -webkit-animation: animationPageFive_one 0.7s linear forwards;
    -moz-animation: animationPageFive_one 0.7s linear forwards;
    -ms-animation: animationPageFive_one 0.7s linear forwards;
    -o-animation: animationPageFive_one 0.7s linear forwards;
    animation: animationPageFive_one 0.7s linear forwards;
}

@-webkit-keyframes animationPageFive_two {
    0% { top:8.5rem; opacity: 0; }
    100% { top:7rem; opacity: 1;}
}
@-moz-keyframes animationPageFive_two {
    0% { top:8.5rem; opacity: 0; }
    100% { top:7rem; opacity: 1;}
}
@-o-keyframes animationPageFive_two {
    0% { top:8.5rem; opacity: 0; }
    100% { top:7rem; opacity: 1;}
}
@keyframes animationPageFive_two {
    0% { top:8.5rem; opacity: 0; }
    100% { top:7rem; opacity: 1;}
}
.animationPageFive_two {
    position: absolute;
    top:7rem;
    -webkit-animation: animationPageFive_two 0.7s 0.7s linear forwards;
    -moz-animation: animationPageFive_two 0.7s 0.7s linear forwards;
    -ms-animation: animationPageFive_two 0.7s 0.7s linear forwards;
    -o-animation: animationPageFive_two 0.7s 0.7s linear forwards;
    animation: animationPageFive_two 0.7s 0.7s linear forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageFive_three {
    0% { top:13.5rem; opacity: 0; }
    100% { top:12rem; opacity: 1;}
}
@-moz-keyframes animationPageFive_three {
    0% { top:13.5rem; opacity: 0; }
    100% { top:12rem; opacity: 1;}
}
@-o-keyframes animationPageFive_three {
    0% { top:13.5rem; opacity: 0; }
    100% { top:12rem; opacity: 1;}
}
@keyframes animationPageFive_three {
    0% { top:13.5rem; opacity: 0; }
    100% { top:12rem; opacity: 1;}
}
.animationPageFive_three {
    position: absolute;
    top:12rem;
    -webkit-animation: animationPageFive_three 0.7s 1.4s linear forwards;
    -moz-animation: animationPageFive_three 0.7s 1.4s linear forwards;
    -ms-animation: animationPageFive_three 0.7s 1.4s linear forwards;
    -o-animation: animationPageFive_three 0.7s 1.4s linear forwards;
    animation: animationPageFive_three 0.7s 1.4s linear forwards;
    animation-fill-mode: backwards;
}

.animationPageFive_four {
    position: absolute;
    top:13.7rem;
    left:50%;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}

@-webkit-keyframes animationPageFive_five {
    0% { top:21.5rem; opacity: 0; }
    100% { top:17rem; opacity: 1;}
}
@-moz-keyframes animationPageFive_five {
    0% { top:21.5rem; opacity: 0; }
    100% { top:17rem; opacity: 1;}
}
@-o-keyframes animationPageFive_five {
    0% { top:21.5rem; opacity: 0; }
    100% { top:17rem; opacity: 1;}
}
@keyframes animationPageFive_five {
    0% { top:21.5rem; opacity: 0; }
    100% { top:17rem; opacity: 1;}
}
.animationPageFive_five {
    position: absolute;
    top:17.2rem;
    -webkit-animation: animationPageFive_five 0.7s 2.8s linear forwards;
    -moz-animation: animationPageFive_five 0.7s 2.8s linear forwards;
    -ms-animation: animationPageFive_five 0.7s 2.8s linear forwards;
    -o-animation: animationPageFive_five 0.7s 2.8s linear forwards;
    animation: animationPageFive_five 0.7s 2.8s linear forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageFive_six {
    0% { top:25.5rem; opacity: 0; }
    100% { top:23rem; opacity: 1;}
}
@-moz-keyframes animationPageFive_six {
    0% { top:25.5rem; opacity: 0; }
    100% { top:23rem; opacity: 1;}
}
@-o-keyframes animationPageFive_six {
    0% { top:25.5rem; opacity: 0; }
    100% { top:23rem; opacity: 1;}
}
@keyframes animationPageFive_six {
    0% { top:25.5rem; opacity: 0; }
    100% { top:23rem; opacity: 1;}
}
.animationPageFive_six {
    position: absolute;
    top:23rem;
    -webkit-animation: animationPageFive_six 0.7s 3.5s linear forwards;
    -moz-animation: animationPageFive_six 0.7s 3.5s linear forwards;
    -ms-animation: animationPageFive_six 0.7s 3.5s linear forwards;
    -o-animation: animationPageFive_six 0.7s 3.5s linear forwards;
    animation: animationPageFive_six 0.7s 3.5s linear forwards;
    animation-fill-mode: backwards;
}

.animationPageFive_seven {
    width:100%;
    position: absolute;
    top:24.7rem;
    left:50%;
    margin-left: -50%;
    text-align: center;
}

@-webkit-keyframes animatProsperityOne {
    0% { opacity: 0; scale: 0.1}
    100% { opacity: 1; scale: 1}
}
@-moz-keyframes animatProsperityOne {
    0% { opacity: 0; scale: 0.1}
    100% { opacity: 1; scale: 1}
}
@-o-keyframes animatProsperityOne {
    0% { opacity: 0; scale: 0.1}
    100% { opacity: 1; scale: 1}
}
@keyframes animatProsperityOne {
    0% { opacity: 0; scale: 0.1}
    100% { opacity: 1; scale: 1}
}
.animatProsperityOne{
    position: absolute;
    bottom: 3rem;
    right: 5rem;
    opacity: 0;
    scale: 0.1;
    webkit-animation: animatProsperityOne 1.2s ease-out  forwards;
    -moz-animation: animatProsperityOne 1.2s ease-out  forwards;
    -ms-animation: animatProsperityOne 1.2s ease-out forwards;
    -o-animation: animatProsperityOne 1.2s ease-out  forwards;
    animation: animatProsperityOne 1.2s ease-out  forwards;
}
@-webkit-keyframes animatProsperitytwo {
    0% {right:-3rem; }
    100% { right:3rem;}
}
@-moz-keyframes animatProsperitytwo {
    0% {right:-3rem; }
    100% { right:3rem;}
}
@-o-keyframes animatProsperitytwo {
    0% {right:-3rem; }
    100% { right:3rem;}
}
@keyframes animatProsperitytwo {
    0% {right:-3rem; }
    100% { right:3rem;}
}
.animatProsperitytwo{
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    webkit-animation: animatProsperitytwo 0.8s 0.5s ease-out  forwards;
    -moz-animation: animatProsperitytwo 0.8s 0.5s ease-out  forwards;
    -ms-animation: animatProsperitytwo 0.8s 0.5s ease-out forwards;
    -o-animation: animatProsperitytwo 0.8s 0.5s ease-out  forwards;
    animation: animatProsperitytwo 0.8s 0.5s ease-out  forwards;
    animation-fill-mode: backwards;
}
@-webkit-keyframes animatProsperitythree {
    0% {bottom: 6.7rem; scale: 0; opacity: 1 }
    100% { bottom: 7.2rem; scale: 2; opacity: 0}
}
@-moz-keyframes animatProsperitythree {
    0% {bottom: 6.7rem; scale: 0; opacity: 1 }
    100% { bottom: 7.2rem; scale: 2; opacity: 0}
}
@-o-keyframes animatProsperitythree {
    0% {bottom: 6.7rem; scale: 0; opacity: 1 }
    100% { bottom: 7.2rem; scale: 2; opacity: 0}
}
@keyframes animatProsperitythree {
    0% {bottom: 6.7rem; scale: 0; opacity: 1 }
    100% { bottom: 7.2rem; scale: 2; opacity: 0}
}
.animatProsperitythree{
    /*width:10px;*/
    height: 10px;
    position: absolute;
    bottom: 7.2rem;
    right: 4.5rem;
    opacity: 0;
    webkit-animation: animatProsperitythree 2s 1.3s  ease-out  forwards;
    -moz-animation: animatProsperitythree 2s 1.3s  ease-out  forwards;
    -ms-animation: animatProsperitythree 2s 1.3s  ease-out forwards;
    -o-animation: animatProsperitythree 2s 1.3s  ease-out  forwards;
    animation: animatProsperitythree 2s 1.3s  ease-out  forwards;
    animation-fill-mode: backwards;
}

.arrowDownFive:nth-child(3) {
    animation-delay: 0s;
}
.arrowDownFive:nth-child(2) {
    animation-delay: 0.5s;
}
.arrowDownFive:nth-child(1) {
    animation-delay: 1s;
}

@-webkit-keyframes animationRotateTextPageFive {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes animationRotateTextPageFive {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes animationRotateTextPageFive {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@keyframes animationRotateTextPageFive {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
.animationRotateTextPageFive {
    opacity: 0;
    -webkit-animation: animationRotateTextPageFive 0.5s 0.7s linear forwards;
    -moz-animation: animationRotateTextPageFive 0.5s 0.7s linear forwards;
    -ms-animation: animationRotateTextPageFive 0.5s 0.7s linear forwards;
    -o-animation: animationRotateTextPageFive 0.5s 0.7s linear forwards;
    animation: animationRotateTextPageFive 0.5s 0.7s linear forwards;
}


/*  第六屏幕  收益  */
/*@-webkit-keyframes animationPageSix_one {
    0% { top:8.5rem; opacity: 0; }
    100% { top:7rem; opacity: 1; }
}
@-moz-keyframes animationPageSix_one {
    0% { top:8.5rem; opacity: 0; }
    100% { top:7rem; opacity: 1; }
}
@-o-keyframes animationPageSix_one {
    0% { top:8.5rem; opacity: 0; }
    100% { top:7rem; opacity: 1; }
}
@keyframes animationPageSix_one {
    0% { top:8.5rem; opacity: 0; }
    100% { top:7rem; opacity: 1; }
}
.animationPageSix_one{
    position: absolute;
    top: 7rem;
    opacity: 1;
    webkit-animation: animationPageSix_one 0.7s ease-out  forwards;
    -moz-animation: animationPageSix_one 0.7s ease-out  forwards;
    -ms-animation: animationPageSix_one 0.7s ease-out forwards;
    -o-animation: animationPageSix_one 0.7s ease-out  forwards;
    animation: animationPageSix_one 0.7s ease-out  forwards;
}

.animationPageSix_two{
    position: absolute;
    top:8.7rem;
    opacity: 1;
    left:50%;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}*/

@-webkit-keyframes animationPageSix_three {
    0% { top:14rem; opacity: 0; }
    100% { top:9.5rem; opacity: 1; }
}
@-moz-keyframes animationPageSix_three {
    0% { top:14rem; opacity: 0; }
    100% { top:9.5rem; opacity: 1; }
}
@-o-keyframes animationPageSix_three {
    0% { top:14rem; opacity: 0; }
    100% { top:9.5rem; opacity: 1; }
}
@keyframes animationPageSix_three {
    0% { top:14rem; opacity: 0; }
    100% { top:9.5rem; opacity: 1; }
}
.animationPageSix_three{
    position: absolute;
    top: 9.5rem;
    opacity: 1;
    webkit-animation: animationPageSix_three 0.7s ease-out  forwards;
    -moz-animation: animationPageSix_three 0.7s ease-out  forwards;
    -ms-animation: animationPageSix_three 0.7s ease-out forwards;
    -o-animation: animationPageSix_three 0.7s ease-out  forwards;
    animation: animationPageSix_three 0.7s ease-out  forwards;
}

.animationPageSix_four{
    position: absolute;
    top:11rem;
    opacity: 1;
    left:50%;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}

@-webkit-keyframes animationPageSix_five {
    0% { top:23.5rem; opacity: 0; }
    100% { top: 17.5rem; opacity: 1; }
}
@-moz-keyframes animationPageSix_five {
    0% { top:23.5rem; opacity: 0; }
    100% { top: 17.5rem; opacity: 1; }
}
@-o-keyframes animationPageSix_five {
    0% { top:23.5rem; opacity: 0; }
    100% { top: 17.5rem; opacity: 1; }
}
@keyframes animationPageSix_five {
    0% { top:23.5rem; opacity: 0; }
    100% { top: 17.5rem; opacity: 1; }
}
.animationPageSix_five{
    position: absolute;
    top: 17.5rem;
    opacity: 1;
    webkit-animation: animationPageSix_five 0.7s 2.2s ease-out  forwards;
    -moz-animation: animationPageSix_five 0.7s 2.2s ease-out  forwards;
    -ms-animation: animationPageSix_five 0.7s 2.2s ease-out forwards;
    -o-animation: animationPageSix_five 0.7s 2.2s ease-out  forwards;
    animation: animationPageSix_five 0.7s 2.2s ease-out  forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageSix_six {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes animationPageSix_six {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes animationPageSix_six {
    0% { opacity: 0; }
        100% { opacity: 1; }
}
@keyframes animationPageSix_six {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.animationPageSix_six{
    position: absolute;
    top: 19rem;
    opacity: 1;
    webkit-animation: animationPageSix_six 0.7s 2.9s ease-out  forwards;
    -moz-animation: animationPageSix_six 0.7s 2.9s ease-out  forwards;
    -ms-animation: animationPageSix_six 0.7s 2.9s ease-out forwards;
    -o-animation: animationPageSix_six 0.7s 2.9s ease-out  forwards;
    animation: animationPageSix_six 0.7s 2.9s ease-out  forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageSix_seven {
    0% { top:27.5rem; opacity: 0; }
    100% { top: 25rem; opacity: 1; }
}
@-moz-keyframes animationPageSix_seven {
    0% { top:27.5rem; opacity: 0; }
    100% { top: 25rem; opacity: 1; }
}
@-o-keyframes animationPageSix_seven {
    0% { top:27.5rem; opacity: 0; }
    100% { top: 25rem; opacity: 1; }
}
@keyframes animationPageSix_seven {
    0% { top:27.5rem; opacity: 0; }
    100% { top: 25rem; opacity: 1; }
}
.animationPageSix_seven{
    position: absolute;
    top: 25rem;
    opacity: 1;
    webkit-animation: animationPageSix_seven 0.7s 4.2s ease-out  forwards;
    -moz-animation: animationPageSix_seven 0.7s 4.2s ease-out  forwards;
    -ms-animation: animationPageSix_seven 0.7s 4.2s ease-out forwards;
    -o-animation: animationPageSix_seven 0.7s 4.2s ease-out  forwards;
    animation: animationPageSix_seven 0.7s 4.2s ease-out  forwards;
    animation-fill-mode: backwards;
}

.animationPageSix_eight{
    position: absolute;
    top:26.8rem;
    opacity: 1;
    left:50%;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}

@-webkit-keyframes animatIncome {
    0% {
        transform: rotate(0deg) scale(0.1);
        opacity: 0;
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
    15% {
        opacity: 0.3;
        transform: rotate(180deg) scale(0.2);
        clip-path: polygon(45% 45%, 55% 45%, 55% 55%, 45% 55%);
    }
    45% {
        opacity: 0.7;
        transform: rotate(540deg) scale(0.5);
        clip-path: polygon(35% 35%, 65% 35%, 65% 65%, 35% 65%);
    }
    100% {
        transform: rotate(1440deg) scale(1);
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
@-moz-keyframes animatIncome {
    0% {
        transform: rotate(0deg) scale(0.1);
        opacity: 0;
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
    15% {
        opacity: 0.3;
        transform: rotate(180deg) scale(0.2);
        clip-path: polygon(45% 45%, 55% 45%, 55% 55%, 45% 55%);
    }
    45% {
        opacity: 0.7;
        transform: rotate(540deg) scale(0.5);
        clip-path: polygon(35% 35%, 65% 35%, 65% 65%, 35% 65%);
    }
    100% {
        transform: rotate(1440deg) scale(1);
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
@-o-keyframes animatIncome {
    0% {
        transform: rotate(0deg) scale(0.1);
        opacity: 0;
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
    15% {
        opacity: 0.3;
        transform: rotate(180deg) scale(0.2);
        clip-path: polygon(45% 45%, 55% 45%, 55% 55%, 45% 55%);
    }
    45% {
        opacity: 0.7;
        transform: rotate(540deg) scale(0.5);
        clip-path: polygon(35% 35%, 65% 35%, 65% 65%, 35% 65%);
    }
    100% {
        transform: rotate(1440deg) scale(1);
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
@keyframes animatIncome {
    0% {
        transform: rotate(0deg) scale(0.1);
        opacity: 0;
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
    15% {
        opacity: 0.3;
        transform: rotate(180deg) scale(0.2);
        clip-path: polygon(45% 45%, 55% 45%, 55% 55%, 45% 55%);
    }
    45% {
        opacity: 0.7;
        transform: rotate(540deg) scale(0.5);
        clip-path: polygon(35% 35%, 65% 35%, 65% 65%, 35% 65%);
    }
    100% {
        transform: rotate(1440deg) scale(1);
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
.animatIncome {
    position: absolute;
    top:27rem;
    right:10%;
    transform-origin: center center;
    webkit-animation: animatIncome 0.6s ease-out forwards;
    -moz-animation: animatIncome 0.6s ease-out forwards;
    -ms-animation: animatIncome 0.6s ease-out forwards;
    -o-animation: animatIncome 0.6s ease-out forwards;
    animation: animatIncome 0.6s ease-out forwards;
}

.arrowDownSix:nth-child(3) {
    animation-delay: 0s;
}
.arrowDownSix:nth-child(2) {
    animation-delay: 0.5s;
}
.arrowDownSix:nth-child(1) {
    animation-delay: 1s;
}

@-webkit-keyframes animationRotateTextPageSix {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes animationRotateTextPageSix {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes animationRotateTextPageSix {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@keyframes animationRotateTextPageSix {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
.animationRotateTextPageSix {
    -webkit-animation: animationRotateTextPageSix 0.5s 0.7s linear forwards;
    -moz-animation: animationRotateTextPageSix 0.5s 0.7s linear forwards;
    -ms-animation: animationRotateTextPageSix 0.5s 0.7s linear forwards;
    -o-animation: animationRotateTextPageSix 0.5s 0.7s linear forwards;
    animation: animationRotateTextPageSix 0.5s 0.7s linear forwards;
    animation-fill-mode: backwards;
}

.memberLxAboveBank{
    z-index:2;
}


/*  第七屏幕  致远  */
#page7 {
    position: relative;
    background-image: url(../img/2025img/page_2_2025.jpg);
    background-size: cover;
    overflow: hidden;
}
#page7 .body {
    width: 100%;
    /*font-size: 18px;*/
    /*position: relative;*/
    margin-left:16%;
}
#page7 .body p {
    height: 70px;
    line-height: 70px;
    font-weight: bolder;
    margin:0;
    color: #044c75;
}

@-webkit-keyframes animationPageSeven_one {
    0% { top: 6.5rem; opacity: 0}
    100% { top: 5.5rem; opacity: 1}
}
@-moz-keyframes animationPageSeven_one {
    0% { top: 6.5rem; opacity: 0}
    100% { top: 5.5rem; opacity: 1}
}
@-o-keyframes animationPageSeven_one {
    0% { top: 6.5rem; opacity: 0}
    100% { top: 5.5rem; opacity: 1}
}
@keyframes animationPageSeven_one {
    0% { top: 6.5rem; opacity: 0}
    100% { top: 5.5rem; opacity: 1}
}

.animationPageSeven_one {
    position: absolute;
    left:4rem;
    top:5.5rem;
    -webkit-animation: animationPageSeven_one 0.8s ease-out forwards;
    -moz-animation: animationPageSeven_one 0.8s ease-out forwards;
    -ms-animation: animationPageSeven_one 0.8s ease-out forwards;
    -o-animation: animationPageSeven_one 0.8s ease-out forwards;
    animation: animationPageSeven_one 0.8s ease-out forwards;
}

@-webkit-keyframes animationPageSeven_two {
    0% { top: 7.5rem; opacity: 0}
    100% { top: 7rem; opacity: 1}
}
@-moz-keyframes animationPageSeven_two {
    0% { top: 7.5rem; opacity: 0}
    100% { top: 7rem; opacity: 1}
}
@-o-keyframes animationPageSeven_two {
    0% { top: 7.5rem; opacity: 0}
    100% { top: 7rem; opacity: 1}
}
@keyframes animationPageSeven_two {
    0% { top: 7.5rem; opacity: 0}
    100% { top: 7rem; opacity: 1}
}
.animationPageSeven_two {
    position: absolute;
    left:4rem;
    top:7rem;
    -webkit-animation: animationPageSeven_two 0.8s 0.8s ease-out forwards;
    -moz-animation: animationPageSeven_two 0.8s 0.8s ease-out forwards;
    -ms-animation: animationPageSeven_two 0.8s 0.8s ease-out forwards;
    -o-animation: animationPageSeven_two 0.8s 0.8s ease-out forwards;
    animation: animationPageSeven_two 0.8s 0.8s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageSeven_three {
    0% { top: 13.5rem; opacity: 0}
    100% { top: 12.5rem; opacity: 1}
}
@-moz-keyframes animationPageSeven_three {
    0% { top: 13.5rem; opacity: 0}
    100% { top: 12.5rem; opacity: 1}
}
@-o-keyframes animationPageSeven_three {
    0% { top: 13.5rem; opacity: 0}
    100% { top: 12.5rem; opacity: 1}
}
@keyframes animationPageSeven_three {
    0% { top: 13.5rem; opacity: 0}
    100% { top: 12.5rem; opacity: 1}
}
.animationPageSeven_three {
    position: absolute;
    top:12.5rem;
    -webkit-animation: animationPageSeven_three 0.8s 1.5s ease-out forwards;
    -moz-animation: animationPageSeven_three 0.8s 1.5s ease-out forwards;
    -ms-animation: animationPageSeven_three 0.8s 1.5s ease-out forwards;
    -o-animation: animationPageSeven_three 0.8s 1.5s ease-out forwards;
    animation: animationPageSeven_three 0.8s 1.5s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageSeven_four {
    0% { top: 15.5rem; opacity: 0}
    100% { top: 14rem; opacity: 1}
}
@-moz-keyframes animationPageSeven_four {
    0% { top: 15.5rem; opacity: 0}
    100% { top: 14rem; opacity: 1}
}
@-o-keyframes animationPageSeven_four {
    0% { top: 15.5rem; opacity: 0}
    100% { top: 14rem; opacity: 1}
}
@keyframes animationPageSeven_four {
    0% { top: 15.5rem; opacity: 0}
    100% { top: 14rem; opacity: 1}
}
.animationPageSeven_four {
    position: absolute;
    right:2rem;
    top:14rem;
    -webkit-animation: animationPageSeven_four 0.8s 2.3s ease-out forwards;
    -moz-animation: animationPageSeven_four 0.8s 2.3s ease-out forwards;
    -ms-animation: animationPageSeven_four 0.8s 2.3s ease-out forwards;
    -o-animation: animationPageSeven_four 0.8s 2.3s ease-out forwards;
    animation: animationPageSeven_four 0.8s 2.3s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageSeven_five {
    0% { top: 22.5rem; opacity: 0}
    100% { top:19.5rem; opacity: 1}
}
@-moz-keyframes animationPageSeven_five {
    0% { top: 22.5rem; opacity: 0}
    100% { top:19.5rem; opacity: 1}
}
@-o-keyframes animationPageSeven_five {
    0% { top: 22.5rem; opacity: 0}
    100% { top:19.5rem; opacity: 1}
}
@keyframes animationPageSeven_five {
    0% { top: 22.5rem; opacity: 0}
    100% { top:19.5rem; opacity: 1}
}
.animationPageSeven_five {
    position: absolute;
    left:5rem;
    top:19.5rem;
    -webkit-animation: animationPageSeven_five 0.8s 3.1s ease-out forwards;
    -moz-animation: animationPageSeven_five 0.8s 3.1s ease-out forwards;
    -ms-animation: animationPageSeven_five 0.8s 3.1s ease-out forwards;
    -o-animation: animationPageSeven_five 0.8s 3.1s ease-out forwards;
    animation: animationPageSeven_five 0.8s 3.1s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageSeven_six {
    0% { left:-100%;}
    100% { left:2rem;}
}
@-moz-keyframes animationPageSeven_six {
    0% { left:-100%;}
    100% { left:2rem;}
}
@-o-keyframes animationPageSeven_six {
    0% { left:-100%;}
    100% { left:2rem;}
}
@keyframes animationPageSeven_six {
    0% { left:-100%;}
    100% { left:2rem;}
}
.animationPageSeven_six {
    position: absolute;
    left:2rem;
    top:21rem;
    -webkit-animation: animationPageSeven_six 0.8s 3.8s ease-out forwards;
    -moz-animation: animationPageSeven_six 0.8s 3.8s ease-out forwards;
    -ms-animation: animationPageSeven_six 0.8s 3.8s ease-out forwards;
    -o-animation: animationPageSeven_six 0.8s 3.8s ease-out forwards;
    animation: animationPageSeven_six 0.8s 3.8s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageSeven_seven {
    0% { right:-100%;}
    100% {right:5.5rem;}
}
@-moz-keyframes animationPageSeven_seven {
    0% { right:-100%;}
    100% {right:5.5rem;}
}
@-o-keyframes animationPageSeven_seven {
    0% { right:-100%;}
    100% {right:5.5rem;}
}
@keyframes animationPageSeven_seven {
    0% { right:-100%;}
    100% {right:5.5rem;}
}
.animationPageSeven_seven {
    position: absolute;
    right:5.5rem;
    top:24rem;
    -webkit-animation: animationPageSeven_seven 0.8s 3.8s ease-out forwards;
    -moz-animation: animationPageSeven_seven 0.8s 3.8s ease-out forwards;
    -ms-animation: animationPageSeven_seven 0.8s 3.8s ease-out forwards;
    -o-animation: animationPageSeven_seven 0.8s 3.8s ease-out forwards;
    animation: animationPageSeven_seven 0.8s 3.8s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageSeven_eight {
    0% { left:-100%;}
    100% { left:8rem;}
}
@-moz-keyframes animationPageSeven_eight {
    0% { left:-100%;}
    100% { left:8rem;}
}
@-o-keyframes animationPageSeven_eight {
    0% { left:-100%;}
    100% { left:8rem;}
}
@keyframes animationPageSeven_eight {
    0% { left:-100%;}
    100% { left:8rem;}
}
.animationPageSeven_eight {
    position: absolute;
    left:8rem;
    top:27.5rem;
    -webkit-animation: animationPageSeven_eight 0.8s 4.5s ease-out forwards;
    -moz-animation: animationPageSeven_eight 0.8s 4.5s ease-out forwards;
    -ms-animation: animationPageSeven_eight 0.8s 4.5s ease-out forwards;
    -o-animation: animationPageSeven_eight 0.8s 4.5s ease-out forwards;
    animation: animationPageSeven_eight 0.8s 4.5s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationPageSeven_nine {
    0% { right:-100%;}
    100% {right:1.5rem;}
}
@-moz-keyframes animationPageSeven_nine {
    0% { right:-100%;}
    100% {right:1.5rem;}
}
@-o-keyframes animationPageSeven_nine {
    0% { right:-100%;}
    100% {right:1.5rem;}
}
@keyframes animationPageSeven_nine {
    0% { right:-100%;}
    100% {right:1.5rem;}
}
.animationPageSeven_nine {
    position: absolute;
    right:1.5rem;
    top:30.5rem;
    -webkit-animation: animationPageSeven_nine 0.8s 4.5s ease-out forwards;
    -moz-animation: animationPageSeven_nine 0.8s 4.5s ease-out forwards;
    -ms-animation: animationPageSeven_nine 0.8s 4.5s ease-out forwards;
    -o-animation: animationPageSeven_nine 0.8s 4.5s ease-out forwards;
    animation: animationPageSeven_nine 0.8s 4.5s ease-out forwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animatXZhiyuan {
    0% { transform: scale(1.7)}
    100% { transform: scale(1)}
}
@-moz-keyframes animatXZhiyuan {
    0% { transform: scale(1.7)}
    100% { transform: scale(1)}
}
@-o-keyframes animatXZhiyuan {
    0% { transform: scale(1.7)}
    100% { transform: scale(1)}
}
@keyframes animatXZhiyuan {
    0% { transform: scale(1.7)}
    100% { transform: scale(1)}
}

.animatXZhiyuan {
    position: absolute;
    right:20%;
    top:10%;
    -webkit-animation: animatXZhiyuan 0.8s ease-out forwards;
    -moz-animation: animatXZhiyuan 0.8s ease-out forwards;
    -ms-animation: animatXZhiyuan 0.8s ease-out forwards;
    -o-animation: animatXZhiyuan 0.8s ease-out forwards;
    animation: animatXZhiyuan 0.8s ease-out forwards;
}

@-webkit-keyframes animationArrowDown {
    0% { opacity: 0; } /* 初始状态：隐藏+下移 */
    20% { opacity: 1;  } /* 显现（1.2s内完成，依次显现） */
    60% { opacity: 1; } /* 保持显示（中间1.2s，三个箭头同时可见） */
    80% { opacity: 0;  } /* 同时消失（0.6s内完成） */
    100% { opacity: 0; }
}
@-moz-keyframes animationArrowDown {
    0% { opacity: 0; } /* 初始状态：隐藏+下移 */
    20% { opacity: 1;  } /* 显现（1.2s内完成，依次显现） */
    60% { opacity: 1; } /* 保持显示（中间1.2s，三个箭头同时可见） */
    80% { opacity: 0;  } /* 同时消失（0.6s内完成） */
    100% { opacity: 0; }
}
@-o-keyframes animationArrowDown {
    0% { opacity: 0; } /* 初始状态：隐藏+下移 */
    20% { opacity: 1;  } /* 显现（1.2s内完成，依次显现） */
    60% { opacity: 1; } /* 保持显示（中间1.2s，三个箭头同时可见） */
    80% { opacity: 0;  } /* 同时消失（0.6s内完成） */
    100% { opacity: 0; }
}
@keyframes animationArrowDown {
    0% { opacity: 0; } /* 初始状态：隐藏+下移 */
    20% { opacity: 1;  } /* 显现（1.2s内完成，依次显现） */
    60% { opacity: 1; } /* 保持显示（中间1.2s，三个箭头同时可见） */
    80% { opacity: 0;  } /* 同时消失（0.6s内完成） */
    100% { opacity: 0; }
}
@keyframes animationArrowDown {
    0% { opacity: 0; } /* 初始状态：隐藏+下移 */
    20% { opacity: 1;  } /* 显现（1.2s内完成，依次显现） */
    60% { opacity: 1; } /* 保持显示（中间1.2s，三个箭头同时可见） */
    80% { opacity: 0;  } /* 同时消失（0.6s内完成） */
    100% { opacity: 0; }
}
.arrowDownSeven:nth-child(3) {
    animation-delay: 0s;
}
.arrowDownSeven:nth-child(2) {
    animation-delay: 0.5s;
}
.arrowDownSeven:nth-child(1) {
    animation-delay: 1s;
}
.animationArrowDown {
    opacity: 0;
    -webkit-animation: animationArrowDown 3s infinite ease-in-out;
    -moz-animation: animationArrowDown 3s infinite ease-in-out;
    -ms-animation: animationArrowDown 3s infinite ease-in-out;
    -o-animation: animationArrowDown 3s infinite ease-in-out;
    animation: animationArrowDown 3s infinite ease-in-out;
    animation-fill-mode: backwards;
}

@-webkit-keyframes animationRotateTextPageSeven {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes animationRotateTextPageSeven {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes animationRotateTextPageSeven {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
@keyframes animationRotateTextPageSeven {
    0% { opacity: 0;}
    100% {opacity: 1;}
}
.animationRotateTextPageSeven {
    -webkit-animation: animationRotateTextPageSeven 0.5s 0.7s linear forwards;
    -moz-animation: animationRotateTextPageSeven 0.5s 0.7s linear forwards;
    -ms-animation: animationRotateTextPageSeven 0.5s 0.7s linear forwards;
    -o-animation: animationRotateTextPageSeven 0.5s 0.7s linear forwards;
    animation: animationRotateTextPageSeven 0.5s 0.7s linear forwards;
    animation-fill-mode: backwards;
}

.closeZnq{
    height: 20px;
    position: absolute;
    left: 2.4rem;
    bottom: 9.5em;
}





                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                、      ·    ·                                                                                                                                                            z                  Z