@charset "UTF-8";

/*index*/
.pa{position:absolute;z-index:5;}
.spr{background-image:url(../images/spr.png);display:block;text-indent:-9999px;}


.head{background-image: url(../images/bg11.jpg);background-repeat: no-repeat;background-position: 50% 0;height:960px;position: relative;}
.head .video{width: 1920px;min-height: 100%;position: absolute;left: 50%;margin-left: -960px;margin-top: 0;top: 0;object-fit: cover;}
.head .sec_in{height: 100%;position: relative;z-index: 5;}
.head .slogan{background-image:url(../images/slogan.png);width:993px;height:395px;bottom:40px;left:121px;}
.head .logo{width:387px;height:164px;position:absolute;top:29px;left:-330px;}
.head .logo:before{content: "";background-image: url(../images/logo.png);width: 556px;height: 332px;position: absolute;top: -29px;left: -30px;pointer-events: none;}
.head .r_btns{top:8px;right:-343px;}
.head .r_btns a{width:98px;height:98px;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.head .r_btns a:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
.head .r_btns .btn_twitter{background-position:-201px -356px;}
.head .r_btns .btn_disc{background-position:-312px -356px;}
.head .r_btns .btn_youtube{background-position:-416px -356px;}
.head .btn_vid{background:url(../images/vid_bg.png);width:256px;height:125px;bottom:320px;left:50%;margin-left:-128px;}
.head .btn_vid .circlo1{background-image: url(../images/vid_circlo1.png);width: 79px;height: 79px;top: 50%;left: 50%;margin: -44px 0 0 -39px;animation: circlo1 2s linear infinite;}
.head .btn_vid .circlo2{background-image: url(../images/vid_circlo2.png);width: 45px;height: 45px;top: 50%;left: 50%;margin: -26px 0 0 -22px;animation: circlo2 10s linear infinite;}
.head .btns{width: 100%;bottom: 70px;left: 0;}
.head .btns a{width: 221px;height: 62px;margin: 0 11px;position: relative;}
.head .btns a img{width: 230px;height: 193px;position: absolute;top: -193px;left: -6px;display: none;}
.head .btns a:hover img{display: block;}
.btn_app{background-position: -10px -12px;}
.btn_google{background-position: -10px -83px;}
.head .arrow{background-position:-346px -278px;width:29px;height:41px;cursor:pointer;-webkit-animation:arrow 1s linear alternate infinite;animation:arrow 1s linear alternate infinite;bottom: 26px;left: 50%;margin-left: -15px;}
.head:after{content: "";background-image: url(../images/video_cover.png);width: 1920px;height: 25px;position: absolute;left: 50%;margin-left: -960px;bottom: 0;z-index: 11;}
@-webkit-keyframes arrow{
	0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
	100%{-webkit-transform:translateY(8px);transform:translateY(8px);opacity:0.5;}
}
@keyframes arrow{
	0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
	100%{-webkit-transform:translateY(8px);transform:translateY(8px);opacity:0.5;}
}
@keyframes circlo1{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}
@keyframes circlo2{
	0%{transform: rotate(360deg);}
	100%{transform: rotate(0);}
}

.character{height:942px;}
.character_tit{background-image:url(../images/character_tit.png);width:521px;height:120px;margin-left:-60px;text-indent:-9999px;}
.character_in{width: 100%;height: 978px;position: absolute;top: 0;left: 0;}
.character_in .cover{background-image:url(../images/cover.png);width:1920px;height:333px;position:absolute;left:-360px;bottom:70px;pointer-events:none;z-index: 9;}
.character_swiper{width:1920px;height:978px;position:absolute;top:-4px;left:-360px;}
.character_swiper .character_item{width:1920px;height:874px;position:relative;}
.character_swiper .character_item div{width: 100%;height: 100%;top: 0;left: 0;}
.character_swiper .character_img1{background-image: url(../images/character_1.png);}
.character_swiper .character_img2{background-image: url(../images/character_2.png);}
.character_swiper .character_img3{background-image: url(../images/character_3.png);}
.character_swiper .character_img4{background-image: url(../images/character_4.png);}
.character_swiper .character_img5{background-image: url(../images/character_5.png);}
.character_swiper .character_img6{background-image: url(../images/character_6.png);}
.character_swiper .character_name1{background-image: url(../images/character_name1.png);}
.character_swiper .character_name2{background-image: url(../images/character_name2.png);}
.character_swiper .character_name3{background-image: url(../images/character_name3.png);}
.character_swiper .character_name4{background-image: url(../images/character_name4.png);}
.character_swiper .character_name5{background-image: url(../images/character_name5.png);}
.character_swiper .character_name6{background-image: url(../images/character_name6.png);}
.character_swiper .character_text1{background-image: url(../images/character_text1.png);}
.character_swiper .character_text2{background-image: url(../images/character_text2.png);}
.character_swiper .character_text3{background-image: url(../images/character_text3.png);}
.character_swiper .character_text4{background-image: url(../images/character_text4.png);}
.character_swiper .character_text5{background-image: url(../images/character_text5.png);}
.character_swiper .character_text6{background-image: url(../images/character_text6.png);}
.character_swiper .character_cv1{background-image: url(../images/character_cv1.png);}
.character_swiper .character_cv2{background-image: url(../images/character_cv2.png);}
.character_swiper .character_cv3{background-image: url(../images/character_cv3.png);}
.character_swiper .character_cv4{background-image: url(../images/character_cv4.png);}
.character_swiper .character_cv5{background-image: url(../images/character_cv5.png);}
.character_swiper .character_cv6{background-image: url(../images/character_cv6.png);}
.character_swiper .character_item .btn_cv{width:68px;height:295px;position:absolute;z-index:5;}
.character_swiper .character_item .btn_cv .voice{background:#FFF url(../images/voice.png) no-repeat 100%/100%;width:32px;height:42px;left:18px;bottom:9px;}
.character_swiper .character_item .btn_cv .voice.ani{-webkit-animation:voice 1s linear alternate infinite;animation:voice 1s linear alternate infinite;}
.character_swiper .swiper-slide:nth-child(6n+2) .btn_cv{top:266px;left:477px;}
.character_swiper .swiper-slide:nth-child(6n+3) .btn_cv{top:266px;left:477px;}
.character_swiper .swiper-slide:nth-child(6n+4) .btn_cv{top:269px;left:479px;}
.character_swiper .swiper-slide:nth-child(6n+5) .btn_cv{top:264px;left:448px;}
.character_swiper .swiper-slide:nth-child(6n+6) .btn_cv{top:266px;left:477px;}
.character_swiper .swiper-slide:nth-child(6n+1) .btn_cv{top:266px;left:476px;}
.character_swiper .swiper-slide .character_name,.character_swiper .swiper-slide .character_cv,.character_swiper .swiper-slide .character_text{opacity: 0;}
.character_swiper .swiper-slide-active .character_name,.character_swiper .swiper-slide-active .character_cv,.character_swiper .swiper-slide-active .character_text{opacity: 1;}
.character_swiper .swiper-slide-active .character_name{animation: upp1 1s ease-out;}
.character_swiper .swiper-slide-active .character_cv{animation: upp2 1.5s ease-out;}
.character_swiper .swiper-slide-active .character_text{animation: upp3 2s ease-out;}
@keyframes upp1{
	0%{top: 30px;opacity: 0;}
	100%{top: 0;opacity: 1;}
}
@keyframes upp2{
	0%,50%{left: -20px;opacity: 0;}
	100%{left: 0;opacity: 1;}
}
@keyframes upp3{
	0%,50%{top: 30px;opacity: 0;}
	100%{top: 0;opacity: 1;}
}
.character_tab{width:100%;top:702px;left:0;z-index: 11;}
.character_tab li{cursor:pointer;width:169px;height:170px;margin:0 3px;}
.character_tab li img{width:100%;height:100%;}
.character_tab li img:nth-child(1){display:block;}
.character_tab li img:nth-child(2){display:none;}
.character_tab li.on img:nth-child(1),.character_tab li:hover img:nth-child(1){display:none;}
.character_tab li.on img:nth-child(2),.character_tab li:hover img:nth-child(2){display:block;}
/* news */
.news{height:837px;}
.news_tit{background-image:url(../images/news_tit.png);width:892px;height:89px;margin:0 auto 24px auto;text-indent:-9999px;}
.news_tab{display: none;}
.news_in{overflow: hidden;margin-top: 63px;}
.news_twi,.news_ytb{width: 336px;height: 531px;margin: 0 85px;}
.news_twi{background-image: url(../images/twi_bg.png);overflow: hidden;}
.news_twi .twitter{width:300px;height:350px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin: 88px 0 0 18px;}
.news_twi #twitter-widget-0{min-height:350px!important;color:#000!important;}
.btn_twitter_follow,.btn_ytb_follow{display:block;width:193px;height:65px;margin: 0 auto;transition: all 0.3s linear;}
.btn_twitter_follow{background-image:url(../images/btn_twi_follow.png);margin-top: 8px;}
.btn_twitter_follow:hover,.btn_ytb_follow:hover{filter: brightness(1.1);}
.news_ytb{background-image: url(../images/ytb_bg.png);overflow: hidden;}
.news_ytblist{width: 282px;margin: 88px 0 0 27px;overflow: hidden;}
.news_ytblist a{display: block;width: 282px;height: 140px;margin-bottom: 16px;position: relative;}
.news_ytblist a img{width: 100%;height: 100%;}
.news_ytblist a:hover{filter: brightness(1.1);}
.btn_ytb_follow{background-image: url(../images/btn_ytb.png);margin-top: 48px;}
.ani_sleep{width: 85px;height: 107px;top: 429px;left: -114px;}
.ani_sleep i{width: 100%;height: 100%;position: absolute;top: 0;left: 0;animation: sleep1 3s linear infinite;opacity: 0;}
.ani_sleep .i1{background-image: url(../images/ico_1.png);}
.ani_sleep .i2{background-image: url(../images/ico_2.png);animation-delay: 1s;}
.ani_sleep .i3{background-image: url(../images/ico_3.png);animation-delay: 2s;}
.ani_star{width: 96px;height: 125px;top: 316px;right: -203px;}
.ani_star i{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.ani_star .i2,.ani_star .i3{animation: star2 2s linear infinite;opacity: 0;}
.ani_star .i1{background-image: url(../images/ico_4.png);animation: star1 1s linear infinite;}
.ani_star .i2{background-image: url(../images/ico_5.png);}
.ani_star .i3{background-image: url(../images/ico_6.png);animation-delay: 1s;}
@keyframes sleep1{
	0%{opacity: 0;transform: translate(20px,20px) scale(1);}
	50%{transform: translate(-50px,-20px);}
	10%,90%{opacity: 1;}
	100%{opacity: 0;transform: translate(-20px,-80px) scale(1.1);}
}
@keyframes star1{
	0%{transform: scale(0);transform-origin: 0 60%;opacity: 0;}
	100%{transform: scale(1);transform-origin: 0 60%;opacity: 1;}
}
@keyframes star2{
	0%,40%{opacity: 0;}
	100%{opacity: 1;}
}

/* news2 */
.news2{height:1462px;}
.news2_tit{background-image:url(../images/news2_tit.png);width:251px;height:113px;margin:0 auto;text-indent:-9999px;}

.news2_in {border:2px solid rgb(219, 218, 215);border-radius: 12px;background-color: #ffffff;width: 1042px;margin: 20px auto 0 auto;overflow: hidden;}
.news2_tab{height: 70px;background-image: url(../images/bg5.jpg);}
.news2_tab>a{font-size: 22px;color: #ffffff;display: flex;align-items: center;flex: 1;justify-content: center;height: 100%;}
.news2_tab>a.on{color: #78a5e9;background-color: #ffffff;}
.news2_list{height: 1130px}
.news2_item{display: none;padding: 35px 53px;box-sizing: border-box;height: 100%;}
.news2_item.on{display: block;}
.news2_pic{width: 100%;}
.news2_btn{margin: 21px auto 0 auto;display: block;width: 1047px;height: 57px;background-image: url(../images/news2_btn.png);}
.news2_links>a{display: block;height: 131px;box-sizing: border-box;border-bottom: 1px solid #e0ebfa;padding-top: 40px;font-weight: bold;}
.news2_links>a:last-child{border-bottom: 0;}
.news2_time{font-size: 17px;color: #78a5e9;line-height: 2;}
.news2_content{font-size: 19px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000000;}

/* story */
.story{height:867px;}
.story_tit{background-image:url(../images/story_tit.png);width:268px;height:110px;margin:0 auto;text-indent:-9999px;}
.story_swiper{padding-top:40px;background: url(../images/story_pic.png?111) no-repeat 50% 30px / 1045px 599px;}
.story_swiper .swiper-container{width:1019px;height:573px;margin: 0 auto;}
.story .btn_prev,.story .btn_next{width:89px;height:111px;top:375px;outline:none;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.story .btn_prev{background-position:-432px -162px;left:-53px;}
.story .btn_prev:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
.story .btn_next{background-position:-10px -365px;right:-53px;}
.story .btn_next:hover{-webkit-transform:translateX(10px);transform:translateX(10px);}
.story_point{margin-top:48px;font-size:0;text-align:center;}
.story_point .swiper-pagination-bullet{background:url(../images/spr.png) no-repeat -390px -289px;width:21px;height:21px;margin:0 21px;opacity:1;position:relative;outline:none;}
.story_point .swiper-pagination-bullet-active{margin:0 60px;}
.story_point .swiper-pagination-bullet-active:after{content:"";background:url(../images/story_point_on.png);width:80px;height:70px;position:absolute;top:-25px;left:-30px;}
.footer_in{width:1920px;margin-left:-360px;}
.footer_box1{height:104px;width:100%;background-image:url(../images/floating_bg.png);position:relative;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-top:25px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.footer_box1.fixed{position:fixed;bottom:0;left:0;z-index:59;-webkit-animation:fadeIn 0.5s linear;animation:fadeIn 0.5s linear;}
.footer_box1.outer{position:fixed;bottom:-105px;left:0;z-index:9;-webkit-animation:fadeOut 1s linear;animation:fadeOut 1s linear;}
.footer_box1 a{width:221px;height:62px;margin-right:20px;position: relative;}
.footer_box1 a img{width: 230px;height: 193px;position: absolute;top: -193px;left: -6px;display: none;}
.footer_box1 a:hover img{display: block;}
.footer_box1 .btn_app{margin-left:968px;}
.footer_box1 .btn_twitter{background-position:-196px -101px;}
.footer_box2{width:100%;height:200px;}
.footer_box2 .footer_logo{width:392px;}
.footer_box2 .footer_icon{display:block;width:77px;height:77px;}
.footer_box2 .footer_p1{width: 170px;color:#FFF;font-size:10px;line-height:16px;margin-left:7px;}
.footer_box2 .footer_p2{width:770px;font-size:12px;color:#FFF;line-height:24px;position:relative;}
.footer_box2 .footer_p2 .copyright{position:absolute;bottom:-40px;left:0;}
.footer_box2 .footer_p2 .copyright span{margin-left:10px;}
.footer_box2 .footer_iconb a{-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.footer_box2 .footer_iconb a:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
.footer_box2 .footer_iconb .btn_twi{background-position:-303px -197px;width:42px;height:34px;margin-right:28px;}
.footer_box2 .footer_iconb .btn_fb{background-position:-245px -197px;width:39px;height:39px;margin-right:26px;}
.footer_box2 .footer_iconb .btn_ytb{background-position:-541px -223px;width:50px;height:34px;margin-right:26px;}
.footer_box2 .footer_iconb .btn_line{background-position:-543px -161px;width:40px;height:40px;}
.footer_box3{padding: 20px 0 36px;}
.footer_box3 a{height:24px;color:#ffffff;font-size:24px;line-height:1;font-weight:bold;padding:0 50px;border-left:solid 2px #9f9f9f;}
.footer_box3 a:nth-child(1){border-left:none;}

/* bg_box */
.bg_box .bg.bg1{height: 960px;}
.bg_box .bg.bg2{background-image:url(../images/bg2.jpg);height:1779px;}
.bg_box .bg.bg3{background-image:url(../images/bg3.jpg);height:1462px;}
.bg_box .bg.bg4{background-image:url(../images/bg4.jpg);height:971px;}


/* 弹窗 */
.pop_mask{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.9);z-index:998;display:none;}
.pop_mask .pop_video{width:100%;height:100%;position:relative;left:0!important;top:0!important;margin:0!important;}
.pop_mask .pop_clo{display:block;width:100px;height:100px;color:#FFF;font-size:100px;line-height:100px;text-align:center;position:absolute;top:-30px;right:-120px;z-index:10;}
.pop_mask .video_box{width:960px;height:540px;position:absolute;top:50%;left:50%;margin:-270px 0 0 -480px;}
.pop_mask .playwrap{width: 100%;height: 100%;}

/* vc */
.audio_box{position:absolute;z-index:-1;top:0;left:0;opacity:0;}
.audio_box audio{opacity:0;}
@-webkit-keyframes voice{
	0%{-webkit-transform:translate(1);transform:translate(1);}
	100%{-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@keyframes voice{
	0%{-webkit-transform:translate(1);transform:translate(1);}
	100%{-webkit-transform:scale(1.1);transform:scale(1.1);}
}
.Shine_landscape{
	display: none;
}
/*# sourceMappingURL=index.css.map */