.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;}

.section2 .inner{top: 100%;}
.section2.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;}
.section2.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;}
.section2.swiper-slide-next .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;}
.section2.swiper-slide-active .news_box_slide{-webkit-animation:fadeInLeft 1s .8s ease both;-moz-animation:fadeInLeft 1s .8s ease both;}
.section2.swiper-slide-active .page_title{-webkit-animation:fadeInUp 1s .8s ease both;-moz-animation:fadeInUp 1s .8s ease both;}

@-webkit-keyframes fadeIn1{
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn1{
0%{opacity:0}
100%{opacity:1}
}

.section3 .inner{top: 100%;}
.section3.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;}
.section3.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;}
.section3.swiper-slide-next .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;}
.section3.swiper-slide-active .character_role{-webkit-animation:fadeInLeft 1s .8s ease both;-moz-animation:fadeInLeft 1s .8s ease both;}
.section3.swiper-slide-active .page_title{-webkit-animation:fadeInUp 1s .8s ease both;-moz-animation:fadeInUp 1s .8s ease both;}

.section4.swiper-slide-active .page_title{-webkit-animation:fadeInUp 1s .8s ease both;-moz-animation:fadeInUp 1s .8s ease both;}
.section4 .inner{top: 100%;}
.section4.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;}
.section4.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;}
.section4.swiper-slide-next .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;}
.section4.swiper-slide-active .carousel-container{-webkit-animation:fadeInLeft 1s .8s ease both;-moz-animation:fadeInLeft 1s .8s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(80px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(80px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-80px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-80px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(80px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(80px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}