.section1 .inner{top: 100%;}
.section1.swiper-slide-prev .inner{top: -50%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}
.section1.swiper-slide-active .inner{top: 0%;-webkit-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;-o-transition: top 0.5s;transition: top 0.5s;}

.arrow {
    animation: arrowAnim 0.6s linear infinite alternate;
    -webkit-animation: arrowAnim 0.6s linear infinite alternate;
}

@keyframes arrowAnim {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
}

@-webkit-keyframes arrowAnim {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
}

.section3 .inner{top: 100%;}
.section3.swiper-slide-prev .inner{top: -50%;-webkit-transition: top 1s;-moz-transition: top 1s;-ms-transition: top 1s;-o-transition: top 1s;transition: top 1s;}
.section3.swiper-slide-active .inner{top: 0%;-webkit-transition: top 1s;-moz-transition: top 1s;-ms-transition: top 1s;-o-transition: top 1s;transition: top 1s;}
.section3.swiper-slide-next .inner{top: 50%;-webkit-transition: top 1s;-moz-transition: top 1s;-ms-transition: top 1s;-o-transition: top 1s;transition: top 1s;}


@keyframes fadeInLeft{
    0%{opacity:0;transform:translateX(100px)}
    100%{opacity:1;transform:translateX(0)}
    }
@keyframes fadeOutleft{
    0%{opacity:1;transform:translateX(0px)}
    100%{opacity:0;transform:translateX(100px)}
}

.nav_main {
    animation: fadeInLeft 1s 0.4s ease both;
}


/* 无限循环上下浮动 */
  
  /* 定义动画关键帧 */
  @keyframes float {
    0% { transform: translate(-50%, 0); } /* 初始位置 */
    50% { transform: translate(-50%, -10px); } /* 向上浮 10px */
    100% { transform: translate(-50%, 0); } /* 回归原位 */
  }