/*  reset  */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu,iframe{margin:0;padding:0;list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display: block;}
em,i,s,b,th{font-style:inherit;font-weight:inherit;text-decoration:none;}
ol,ul{list-style:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
*,*:before,*:after{word-break: break-all;outline: none;box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
input {user-select: auto;-ms-user-select: auto;-moz-user-select: auto;-webkit-user-select: auto;}
a{text-decoration: none;tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;}
body {font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;}

.listflex{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.listflexleft{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;}
.listcenter{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
.text_center{display: flex;align-items: center;justify-content: center;}
.listszcenter{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;flex-direction:column;-webkit-flex-direction:column;align-content: space-between;-webkit-align-content: space-between;}

/* comm */
html,body {width: 100%;height: 100%;overflow: hidden;background-color: #1a100e;}
body {position: relative;font-size: 12px;line-height: 1;}
.web {position: relative;width: 100%;height: 100%;overflow: hidden;}
.page {background: no-repeat center/cover;display: flex;overflow: hidden;}
.inner {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 1920px;height: 960px;background: no-repeat center/cover;}
.swiper-container {width: 100%;height: 100%;overflow: hidden;position: relative;}
.swiper-container,.swiper-wrapper,.swiper-pagination {z-index: auto !important;}
.swiper-notification {display: none !important;}
.swiper-slide {overflow: hidden;height: 100%;}
.hide {display:block;width:0;height:0;overflow:hidden;}

/* section1 */
.section1 {background-image: url(../img/bg1.jpg);}
.bg_media {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.bg_media video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;display: block;}
.slogan{width: 100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none;background: url(../img/slogan.png) no-repeat 50% 50%;text-indent: -999em;}
.chanel_down{width: 590px;height: 150px;position: absolute;left: 50%;margin-left: -310px;top: 50%;margin-top: 270px;}
.down_qrcode{position: relative;}
.code_line{width: 144px;height: 2px;background: #dab355;position: absolute;left: 25px;top: 3px;    -webkit-animation: comscanning 3s infinite;animation: comscanning 3s infinite;}
@keyframes comscanning{0%{top: 3px;}50%{top: 146px}100%{top:3px}}
.btn_iosdown{display: block;width: 254px;height: 69px;background: url(../img/down_ios.png) no-repeat 50% 0;text-indent: -999em;}
.btn_androiddown{display: block;width: 254px;height: 69px;background: url(../img/down_android.png) no-repeat 50% 0;text-indent: -999em;margin-top: 10px;}
.btn_taptap{display: block;width: 146px;height: 147px;background: url(../img/down_taptap.png) no-repeat 50% 0;text-indent: -999em;}
.btn_iosdown:hover,.btn_androiddown:hover,.btn_taptap:hover{filter: brightness(1.1);}
.btn_video{display: block;width: 131px;height: 85px;background: url(../img/play_video.png) no-repeat 50% 0;position: absolute;left: 50%;top: 50%;margin-left: -34px;margin-top: 128px;text-indent: -999em;}

/* section2 */
.section2 {background-image: url(../img/bg2.jpg);background-color: #f3f3f2;}
.section2 .inner{width: 790px;height: 50px;position: absolute;left: 50%;margin-left: -382px;top: 50%;margin-top: 380px;}
.section2 .season_btns{z-index: 10;}
.season_cont,.seasonSwiper,.season_bg,.season_mask{width: 100%;height: 100%;}
.seasonSwiper {pointer-events: auto !important;}
.seasonSwiper *{pointer-events: auto !important;}
.season_bg1{background: url(../img/season1_bg.png) no-repeat 0% 0;background-size: cover;}
.season_bg2{background: url(../img/season2_bg.png) no-repeat 0% 0;background-size: cover;}
.season_bg3{background: url(../img/season3_bg.png) no-repeat 0% 0;background-size: cover;}
.season_mask{background: url(../img/season_mask.png) no-repeat 73% 50%;background-size: cover;position: absolute;left: 0;top: 0;}
.season_details{width: 524px;height: 100%;position: absolute;left: 50%;margin-left: 434px;top: 0;display: flex;align-items: center;justify-content: center;}
.season_details h3 img{margin: 0 auto;}
.season_details p{width: 100%;height: 424px;display: flex;align-items: center;justify-content: center;}
.season_details3 p{height: 332px;}
.season_btns{width: 790px;height: 50px;position: absolute;left: 0;margin-left: 0;top: 0;margin-top: 0;}
.season_btnsSwiper .swiper-slide{width: 205px;height: 50px;margin-right: 76px;position: relative;overflow: visible;}
.season_btnsSwiper .swiper-slide:before{display: block;content: "";width: 57px;height: 4px;background: url(../img/season_btnline.png) no-repeat 50% 0;position: absolute;left: 214px;top: 50%;margin-top: -2px;}
.season_btnsSwiper .swiper-slide:nth-of-type(1){background: url(../img/season_btn1.png) no-repeat;}
.season_btnsSwiper .swiper-slide:nth-of-type(2){background: url(../img/season_btn2.png) no-repeat;}
.season_btnsSwiper .swiper-slide:nth-of-type(3){background: url(../img/season_btn3.png) no-repeat;}
.season_btnsSwiper .swiper-slide:nth-of-type(4){display: none !important;}
.season_btnsSwiper .swiper-slide-active:nth-of-type(1){background: url(../img/season_btn1cur.png) no-repeat;}
.season_btnsSwiper .swiper-slide-active:nth-of-type(2){background: url(../img/season_btn2cur.png) no-repeat;}
.season_btnsSwiper .swiper-slide-active:nth-of-type(3){background: url(../img/season_btn3cur.png) no-repeat;}
.season_btnsSwiper .swiper-slide:nth-of-type(3):before{display: none;}
.season_btnsSwiper .swiper-slide-active:nth-of-type(4){display: none;}

/* section3 */
.section3 {background-image: url(../img/bg3.jpg);}
.section3 .inner,.feature_cont,.feature_Swiper{width: 100%;height: 100%;}
.feature_Swiper .swiper-wrapper{display: block;}
.feature_Swiper .swiper-slide .feature_nav{display: block;width: 100%;height: 100%;}
.feature_nav1{background: url(../img/feature_nav1.png) no-repeat 50% 50%;background-size: cover;}
.feature_nav2{background: url(../img/feature_nav2.png) no-repeat 50% 50%;background-size: cover;}
.feature_nav3{background: url(../img/feature_nav3.png) no-repeat 50% 50%;background-size: cover;}
.feature_nav4{background: url(../img/feature_nav4.png) no-repeat 50% 50%;background-size: cover;}
.feature_Swiper .swiper-slide .feature_nav{display: flex;align-items: center;justify-content: center;min-width: 140px;height: 100%;width: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.feature_nav1 i{display: block;width: 140px;height: 100%;background: url(../img/feature_nav1text.png) no-repeat 50% 50%/140px 365px;}
.feature_nav2 i{display: block;width: 140px;height: 100%;background: url(../img/feature_nav2text.png) no-repeat 50% 50%/140px 365px;}
.feature_nav3 i{display: block;width: 140px;height: 100%;background: url(../img/feature_nav3text.png) no-repeat 50% 50%/140px 365px;}
.feature_nav4 i{display: block;width: 140px;height: 100%;background: url(../img/feature_nav4text.png) no-repeat 50% 50%/140px 365px;}
.feature_Swiper .swiper-slide{float: left;}
.feature_Swiper .swiper-slide {transition: .4s linear width;overflow: hidden;}
/* 完全阻止feature_nav的滑动效果 */
.feature_Swiper .swiper-slide .feature_nav {
    transition: none !important;
    animation: none !important;
}
/* 确保在活动状态下也不应用过渡 */
.feature_Swiper .swiper-slide-active .feature_nav,
.feature_Swiper .swiper-slide-active .feature_nav i {
    transition: none !important;
    animation: none !important;
}
.feature_Swiper .swiper-slide p{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../img/bg3.jpg) no-repeat;background-size: cover;}
.feature_Swiper .swiper-slide p img{display: none;}
.feature_Swiper .swiper-slide-active .feature_nav{display: none;}
.feature_Swiper .swiper-slide-active p{display: block;height: 100%;}
.feature_Swiper .swiper-slide-active p img{height: 100%;width: auto;object-fit: contain;overflow: hidden;display: block;}
.feature_Swiper .swiper-wrapper .swiper-slide{width: auto;}
.section3 .inner.innercenter{width: 1920px;height: 960px;}

/* section4 */
.section4 {background-image: url(../img/bg4.jpg);}
.section4:before{display: block;content: "";width: 321px;height: 211px;background: url(../img/bg4_mask2.png) no-repeat; position: absolute;right: 0;top: 0;z-index: 10;pointer-events: none;}
.section4_mask{width: 1225px;height: 755px;background: url(../img/bg4_mask1.png) no-repeat;pointer-events: none;position: absolute;left: 0;bottom: 0;z-index: 12;}
.character_roleSwiper {pointer-events: auto !important;}
.character_roleSwiper *{pointer-events: auto !important;}
.character_role,.character_roleSwiper,.character_roleSwiper .swiper-slide{width: 100%;height: 100%;position: relative;}
.role_img{width: 3164px;height: 2948px;position: absolute;left: 50%;margin-left: -1582px; top: 50%;margin-top: -1474px;}
.character_roleinfoall{z-index: 2;position: absolute;left: 0;top: 0; width: 100%;height: 100%;pointer-events: none;}
.character_info{width: 611px;height: 622px;position: absolute;left: 50%;margin-left: 61px;top: 50%;margin-top: -342px;display: none;}
.character_info.on{display: block;}
.character_name{width: 611px;height: 305px;}
.character_skill{width: 100%;height: 110px;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;box-sizing: border-box;padding-left: 36px;}
.character_video{display: flex;align-items: center;justify-content: center;width: 369px;height: 207px;margin-left: 34px;background: url(../img/character_video.png) no-repeat;position: relative;pointer-events: all;}
.character_video:after{display: block;content: "";width: 83px;height: 78px;background: url(../img/character_play.png) no-repeat;position: absolute;left: 50%;top: 50%;margin-left: -41.5px;margin-top: -39px;animation: starScale 0.5s 1s linear infinite alternate;-webkit-animation: starScale 0.5s 1s linear infinite alternate;}
.character_nav{width: 302px;height: 464px;position: absolute;right: 0;top: 50%;margin-top: -232px;z-index: 3;}
.character_navSwiper{width: 100%;height: 100%;position: relative;}
.character_nav .swiper-wrapper{flex-direction: column;transition: transform 0.3s !important;-webkit-transition: transform 0.3s !important;transition-duration: 0.3s !important;-webkit-transition-duration: 0.3s !important;}
.character_nav .swiper-slide{display: block;width: 100%;overflow: visible;height: 76px;margin-bottom: 18px;}
.character_nav .swiper-slide:nth-of-type(1){background: url(../img/character/avatar/caocao.png) no-repeat;}
.character_nav .swiper-slide:nth-of-type(2){background: url(../img/character/avatar/guojia.png) no-repeat;}
.character_nav .swiper-slide:nth-of-type(3){background: url(../img/character/avatar/zhenshi.png) no-repeat;}
.character_nav .swiper-slide:nth-of-type(4){background: url(../img/character/avatar/zhugeliang.png) no-repeat;}
.character_nav .swiper-slide:nth-of-type(5){background: url(../img/character/avatar/guanyu.png) no-repeat;}
.character_nav .swiper-slide:nth-of-type(6){background: url(../img/character/avatar/daqiao.png) no-repeat;}
.character_nav .swiper-slide:nth-of-type(7){background: url(../img/character/avatar/lvbu.png) no-repeat;}
.character_nav .swiper-slide:nth-of-type(8){background: url(../img/character/avatar/diaochan.png) no-repeat;}
.character_nav .swiper-slide-active:nth-of-type(1){background: url(../img/character/avatar/caocao_cur.png) no-repeat;}
.character_nav .swiper-slide-active:nth-of-type(2){background: url(../img/character/avatar/guojia_cur.png) no-repeat;}
.character_nav .swiper-slide-active:nth-of-type(3){background: url(../img/character/avatar/zhenshi_cur.png) no-repeat;}
.character_nav .swiper-slide-active:nth-of-type(4){background: url(../img/character/avatar/zhugeliang_cur.png) no-repeat;}
.character_nav .swiper-slide-active:nth-of-type(5){background: url(../img/character/avatar/guanyu_cur.png) no-repeat;}
.character_nav .swiper-slide-active:nth-of-type(6){background: url(../img/character/avatar/daqiao_cur.png) no-repeat;}
.character_nav .swiper-slide-active:nth-of-type(7){background: url(../img/character/avatar/lvbu_cur.png) no-repeat;}
.character_nav .swiper-slide-active:nth-of-type(8){background: url(../img/character/avatar/diaochan_cur.png) no-repeat;}

/* section5 */
.section5 {height: auto !important;}
@keyframes fadeInUp{
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}

@keyframes fadeOutDown{
0%{opacity:1;transform:translateY(0px)}
100%{opacity:0;transform:translateY(20px)}
}
.section5.active{animation: fadeInUp 0.5s 0.3s ease both;overflow: visible;}
.section5.activeend{animation: fadeOutDown 0.5s ease both;overflow: visible;}
.footer_cont {width: 100%;height: 389px;background: url(../img/footer.png) no-repeat;position: relative;box-sizing: border-box;padding-top: 85px;margin-top: -42px;}
.share_list{width: 1200px;height: 82px;margin: 0 auto;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;position: relative;z-index: 2;}
.share_list li{width: 72px;margin-right: 32px;position: relative;}
.share_list li span{display: none;}
.share_list li div{display: none;}
.share_list a{display: block;position: relative;transition: transform 0.3s;-webkit-transition: transform 0.3s;width: 100%;}
.share_list a:hover{transform: translateY(10px);-webkit-transform: translateY(10px);filter: brightness(1.05);}
/*.share_list a div{width: 128px;height: 138px;background: url(../img/qr_codebg.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -64px;top: 82px;box-sizing: border-box;padding: 19px 10px 10px 9px;display: none;-webkit-animation:fadeIn 1s .1s ease both;-moz-animation:fadeIn 0.3s .1s ease both;}*/
.share_list a div{width: 149px;height: 161px;position: absolute;left: 50%;margin-left: -74.5px;top: 82px;display: none;-webkit-animation:fadeIn 1s .1s ease both;-moz-animation:fadeIn 0.3s .1s ease both;}
.share_list a div img{display: block;width: 100%;}
.share_list a:hover div{display: block;}

.footer{width: 1200px;margin: 0 auto;font-size: 14px;color: #757575;line-height: 22px;text-align: left;}
.footer li a{color:#757575;text-decoration: none;}
.footer li a:hover{color: #aeafb1;}
.footer li img{display: inline-block;vertical-align: middle;}
.footer li:nth-of-type(4) a{margin: 0 8px;}
.footer li:nth-of-type(4) a:last-of-type{margin: 0 0;}
.footer li:nth-of-type(4) a:nth-of-type(1){margin-left: 0;}
.footer li:nth-of-type(5) img,.footer li:nth-of-type(6) img{margin-right: 5px;}
.footer li:nth-of-type(6){padding-top: 5px;}
.footer div img{display: inline-block;vertical-align: middle;}
.footer li  div{display: inline-block;vertical-align: middle;height: 28px;line-height: 14px;}

.cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10;overflow: hidden;}
.cover:before{display: block;content: "";width: 100%;height: 165px;background: url(../img/bg4_mask.png) no-repeat; position: absolute;left: 0;top: 0;pointer-events: none;}
.logo{display: block;width: 134px;height: 134px;background: url(../img/logo.png) no-repeat 50% 0;position: absolute;left: 38px;top: 26px;text-indent: -999em;}
.copyright{width: 356px;height: 25px;background: url(../img/copyright.png) no-repeat;position: absolute;right: 20px;bottom: 20px;}
.nav_list{width: 100%;box-sizing: border-box;padding-left: 175px;height: 49px;position: absolute;left: 0;top: 8px;pointer-events: all;}
.nav a{display: block;width: 163px;height: 49px;margin: 0 58px;text-indent: -999em;}
.nav a:nth-of-type(1){background: url(../img/nav_btn1.png) no-repeat;}
.nav a:nth-of-type(2){background: url(../img/nav_btn2.png) no-repeat;}
.nav a:nth-of-type(3){background: url(../img/nav_btn3.png) no-repeat;}
.nav a:nth-of-type(4){background: url(../img/nav_btn4.png) no-repeat;}
.nav a:nth-of-type(5){background: url(../img/nav_btn5.png) no-repeat;}
.nav a.on:nth-of-type(1){background: url(../img/nav_btn1cur.png) no-repeat;}
.nav a.on:nth-of-type(2){background: url(../img/nav_btn2cur.png) no-repeat;}
.nav a.on:nth-of-type(3){background: url(../img/nav_btn3cur.png) no-repeat;}
.nav a.on:nth-of-type(4){background: url(../img/nav_btn4cur.png) no-repeat;}
.nav a.on:nth-of-type(5){background: url(../img/nav_btn5cur.png) no-repeat;}
.nav a:nth-of-type(1):hover{background: url(../img/nav_btn1cur.png) no-repeat;}
.nav a:nth-of-type(2):hover{background: url(../img/nav_btn2cur.png) no-repeat;}
.nav a:nth-of-type(3):hover{background: url(../img/nav_btn3cur.png) no-repeat;}
.nav a:nth-of-type(4):hover{background: url(../img/nav_btn4cur.png) no-repeat;}
.nav a:nth-of-type(5):hover{background: url(../img/nav_btn5cur.png) no-repeat;}
.h5cont{display: none !important;}
/* pop */
/* pop */
.pop_bg,.pop {animation: fadeIN 0.3s both;-webkit-animation: fadeIN 0.3s both;}
.pop_bg.off,.pop.off {animation: fadeOUT 0.3s both;-webkit-animation: fadeOUT 0.3s both;}
@keyframes fadeIN {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes fadeIN {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeOUT {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes fadeOUT {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.pop_bg {z-index: 999;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none;}
.pop_bg.on {display: block;}
.pop {z-index: 1000;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: none;}
.pop.on {display: block;}
.p_close {position: absolute;right: -74px;top: 26px;width: 63px;height: 63px;background: url(../img/pop_close.png) no-repeat 50% 0;}
/*播放视频*/
.pop_video{width: 1280px;height: 720px;border: 2px solid #363a39;}
.pop_video .p_close{right: -70px;top: -5px;}

/*动效*/
.section1.swiper-slide-active .slogan{animation: fadeInUp1 1s ease both;}
.section1.swiper-slide-active .btn_video{animation: fadeInUp1 1s ease both,starScale 0.5s 1s linear infinite alternate;-webkit-animation: fadeInUp1 1s ease both,starScale 0.5s 1s linear infinite alternate;}
.section1.swiper-slide-active .chanel_down{animation: fadeInDown 1s ease both;}
@keyframes fadeInUp1{
0%{opacity:0;transform:translateY(-120px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown{
	from{transform: translateY(120px);opacity: 0;}
	to{transform: translateY(0);opacity: 1;}
}
@keyframes starScale {
	0%{transform: scale(1);}
	100%{transform:scale(1.1);}
}
@-webkit-keyframes starScale {
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(1.1);}
}
.section1.swiper-slide-prev .slogan{animation: fadeInout1 1s ease both;}
.section1.swiper-slide-prev .btn_video{animation: fadeInout1 1s ease both;-webkit-animation: fadeInout1 1s ease both;}
.section1.swiper-slide-prev .chanel_down{animation: fadeInout2 1s ease both;}
@keyframes fadeInout2{
0%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(120px)}
}
@keyframes fadeInout1{
	from{transform: translateY(0);opacity: 1;}
	to{transform: translateY(-120px);opacity: 0;}
}
.section2.swiper-slide-active .season_cont{animation: fadeInDown 1s ease both;}
.section2.swiper-slide-active .season_cont{animation: fadeInDown 1s 0.2s ease both;}
.section2.swiper-slide-active .seasonSwiper .swiper-slide-active h3{animation: fadeInDown 1s ease both;}
.section2.swiper-slide-active .seasonSwiper .swiper-slide-active p{animation: fadeInDown 1s 0.2s ease both;}

.section2.swiper-slide-prev .season_cont{animation: fadeInout2 1s ease both;}
.section2.swiper-slide-next .season_cont{animation: fadeInout2 1s ease both;}

.section3.swiper-slide-active .feature_Swiper .swiper-slide:nth-of-type(1){animation: fadeInRight 0.6s ease both;}
.section3.swiper-slide-active .feature_Swiper .swiper-slide:nth-of-type(2){animation: fadeInRight 0.6s 0.4s ease both;}
.section3.swiper-slide-active .feature_Swiper .swiper-slide:nth-of-type(3){animation: fadeInRight 0.6s 0.8s ease both;}
.section3.swiper-slide-active .feature_Swiper .swiper-slide:nth-of-type(4){animation: fadeInRight 0.6s 1.2s ease both;}
@keyframes fadeInRight{
	from{transform: translateX(600px);opacity: 0;}
	to{transform: translateY(0);opacity: 1;}
}
.section3.swiper-slide-prev .feature_Swiper .swiper-slide:nth-of-type(1){animation: fadeOutRight 0.6s 1.2s ease both;}
.section3.swiper-slide-prev .feature_Swiper .swiper-slide:nth-of-type(2){animation: fadeOutRight 0.6s 0.8s ease both;}
.section3.swiper-slide-prev .feature_Swiper .swiper-slide:nth-of-type(3){animation: fadeOutRight 0.6s 0.4s ease both;}
.section3.swiper-slide-prev .feature_Swiper .swiper-slide:nth-of-type(4){animation: fadeOutRight 0.6s ease both;}

.section3.swiper-slide-next .feature_Swiper .swiper-slide:nth-of-type(1){animation: fadeOutRight 0.6s 1.2s ease both;}
.section3.swiper-slide-next .feature_Swiper .swiper-slide:nth-of-type(2){animation: fadeOutRight 0.6s 0.8s ease both;}
.section3.swiper-slide-next .feature_Swiper .swiper-slide:nth-of-type(3){animation: fadeOutRight 0.6s 0.4s ease both;}
.section3.swiper-slide-next .feature_Swiper .swiper-slide:nth-of-type(4){animation: fadeOutRight 0.6s ease both;}
@keyframes fadeOutRight{
	from{transform: translateX(0);opacity: 1;}
	to{transform: translateX(600px);opacity: 0;}
}

.section4.swiper-slide-active .character_roleSwiper{animation: fadeInDown 1s 0.2s ease both;}
.section4.swiper-slide-active .character_roleinfoall .character_info .character_name{animation: fadeInDown 1s 0.3s ease both;}
.section4.swiper-slide-active .character_roleinfoall .character_info .character_skill{animation: fadeInDown 1s 0.6s ease both;}
.section4.swiper-slide-active .character_roleinfoall .character_info .character_video{animation: fadeInDown 1s 0.9s ease both;}
.section4.swiper-slide-next .character_roleSwiper{animation: fadeInout2 1s ease both;}
.section4.swiper-slide-next .character_roleinfoall .character_info{animation: fadeInout2 1s ease both;}

.section5.active .share_list{animation: fadeInDown 1s 0.2s ease both;}
.section5.active .footer{animation: fadeInDown 1s 0.5s ease both;}