@charset "UTF-8";

/*index*/
.spr{background:url(../images/m/spr.png) no-repeat;background-size:838px auto;display:block;}
.bs100{background-repeat:no-repeat;background-size:100% auto;}
.pa{position:absolute;z-index:5;}
.tit{background-repeat:no-repeat;background-size:100% 100%;text-indent:-9999px;margin:0 auto;}
img{display:block;width:100%;height:auto;}
/*snowfall*/
#snowfall{width:100%;height:1434px;top:0px;left:0;overflow:hidden;position:absolute;pointer-events:none;z-index: 9;}
#snowflake{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.snowRoll{position:absolute;opacity:0;-webkit-animation-name:mysnow;-webkit-animation-duration:20s;-moz-animation-name:mysnow;-moz-animation-duration:20s;height:80px;}
@-webkit-keyframes mysnow{
  0%{bottom:100%;}
  50%{-webkit-transform:rotate(480deg);}
  90%{opacity:1;}
  100%{-webkit-transform:rotate(0deg) translate3d(50px,-50px,50px);opacity:0;}
}

.wrap{width:750px;margin:0 auto;position:relative;overflow:hidden;}
.head{background-image:url(../images/m/head.jpg);height:1334px;position: relative;}
.head .video{display: none;}
.head .btn_vid{background-image:url(../images/vid_bg.png);width:256px;height:125px;top:940px;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{display: none;}
.arrow{background-position: -398px -145px;width: 42px;height: 60px;left: 50%;bottom: -30px;margin-left: -21px;animation: arrow 1s linear infinite alternate;}
.sec{position:relative;}
.sec_in{box-sizing: border-box;padding-top: 1px;}
.mao{position:absolute;top:-120px;left:0;}
.main{background:url(../images/m/cont.jpg) no-repeat 50% 1333px /750px auto;}
@keyframes circlo1{
  0%{transform: rotate(0);}
  100%{transform: rotate(360deg);}
}
@keyframes circlo2{
  0%{transform: rotate(360deg);}
  100%{transform: rotate(0);}
}
.character{height:1280px;overflow: hidden;;position:relative;}
.character .character_tit{background-image:url(../images/m/t_3.png);width:521px;height:120px;margin-top: 83px;}
.character_swiper{width:100%;position:relative;}
.character .swiper-wrapper{-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.character .swiper-container{width:750px;height:1122px;}
.character .swiper-container .character_img{display:block;position:relative;opacity:0;}
.character .swiper-container .first .character_img{opacity:1;}
.character .swiper-container .outLeft .character_img{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition:all .3s;transition:all .3s;}
.character .swiper-container .outRight .character_img{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px);-webkit-transition:all .3s;transition:all .3s;}
.character .swiper-container .inLeft .character_img{opacity:1;-webkit-animation:inLeft 0.2s linear;animation:inLeft 0.2s linear;}
@-webkit-keyframes inLeft{
  0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;}
  100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@keyframes inLeft{
  0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;}
  100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
.character .swiper-container .inRight .character_img{opacity:1;-webkit-animation:inRight 0.2s linear;animation:inRight 0.2s linear;}
@-webkit-keyframes inRight{
  0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;}
  100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@keyframes inRight{
  0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;}
  100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}

.character_swiper .character_item{width:750px;height:1122px;position:relative;}
.character_swiper .character_item div{width: 100%;height: 100%;top: 0;left: 0;}
.character_swiper .character_img1{background-image: url(../images/m/character_1.png);}
.character_swiper .character_img2{background-image: url(../images/m/character_2.png);}
.character_swiper .character_img3{background-image: url(../images/m/character_3.png);}
.character_swiper .character_img4{background-image: url(../images/m/character_4.png);}
.character_swiper .character_img5{background-image: url(../images/m/character_5.png);}
.character_swiper .character_img6{background-image: url(../images/m/character_6.png);}
.character_swiper .character_name1{background-image: url(../images/m/character_name1.png);}
.character_swiper .character_name2{background-image: url(../images/m/character_name2.png);}
.character_swiper .character_name3{background-image: url(../images/m/character_name3.png);}
.character_swiper .character_name4{background-image: url(../images/m/character_name4.png);}
.character_swiper .character_name5{background-image: url(../images/m/character_name5.png);}
.character_swiper .character_name6{background-image: url(../images/m/character_name6.png);}
.character_swiper .character_text1{background-image: url(../images/m/character_text1.png);}
.character_swiper .character_text2{background-image: url(../images/m/character_text2.png);}
.character_swiper .character_text3{background-image: url(../images/m/character_text3.png);}
.character_swiper .character_text4{background-image: url(../images/m/character_text4.png);}
.character_swiper .character_text5{background-image: url(../images/m/character_text5.png);}
.character_swiper .character_text6{background-image: url(../images/m/character_text6.png);}
.character_swiper .character_cv1{background-image: url(../images/m/character_cv1.png);}
.character_swiper .character_cv2{background-image: url(../images/m/character_cv2.png);}
.character_swiper .character_cv3{background-image: url(../images/m/character_cv3.png);}
.character_swiper .character_cv4{background-image: url(../images/m/character_cv4.png);}
.character_swiper .character_cv5{background-image: url(../images/m/character_cv5.png);}
.character_swiper .character_cv6{background-image: url(../images/m/character_cv6.png);}
.character .character_swiper .btn_cv{width:193px;height:43px;top:224px;left:75px;position:absolute;z-index:5;}
.character .character_swiper .btn_cv .voice{background:#FFF url(../images/m/voice.png) no-repeat 100%/100%;width:22px;height:26px;top:9px;right:10px;}
.character .character_swiper .btn_cv .voice.ani{-webkit-animation:voice 1s linear alternate infinite;animation:voice 1s linear alternate infinite;}
.character .character_swiper:before{content:"";background:url(../images/m/character_bot.png) no-repeat 100%/100%;width:100%;height:360px;position:absolute;left:0;bottom:-34px;z-index:5;}
.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:1053px;left:0;}
.character_tab li{width:108px;height:108px;}
.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{width:146px;height:146px;}
.character_tab li.on img:nth-child(1){display:none;}
.character_tab li.on img:nth-child(2){display:block;}

.news{height:1404px;}
.news .news_tit{background-image:url(../images/m/t_5.png);width:636px;height:114px;background-repeat: no-repeat;background-size: 100% auto;}
.news_tab{height: 64px;margin-top: 177px;}
.news_tab a{background: url(../images/m/news_tab.png) no-repeat;width: 200px;height: 64px;margin: 0 32px;}
.news_tab a.twi{background-position: -227px -87px;}
.news_tab a.ytb{background-position: -13px -87px;}
.news_tab a.twi.on{background-position: -227px -10px;}
.news_tab a.ytb.on{background-position: -13px -10px;}
.news .news_in{display: block;width:540px;margin:65px auto 0;}
.news .news_in .news_item{display:none;}
.news .news_in .twitter{height:650px;position:relative;}
.news .news_in .news_twi #twitter-widget-0{min-height:650px!important;color:#000!important;}
.news .news_in .btn_twitter_follow,.news .news_in .btn_ytb_follow{width:357px;height:118px;margin: 0 auto;display: block;}
.news .news_in .btn_twitter_follow{background-image: url(../images/m/btn_twi_follow.png);margin-top: 18px;}
.news_ytblist{width: 520px;margin-left:18px;overflow: hidden;}
.news_ytblist a{display: block;width: 520px;height: auto;margin-bottom: 32px;position: relative;}
.news_ytblist a img{display: block;width: 100%;height: auto;}
.news .news_in .btn_ytb_follow{background-image: url(../images/m/btn_ytb_follow.png);margin-top: 90px;}
.ani_sleep{width: 58px;height: 67px;top: 1126px;left: 18px;}
.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/m/ico_1.png);}
.ani_sleep .i2{background-image: url(../images/m/ico_2.png);animation-delay: 1s;}
.ani_sleep .i3{background-image: url(../images/m/ico_3.png);animation-delay: 2s;}
.ani_star{display: none;}
@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);}
}

/* news2 */
.news2{height:1418px;}
.news2_tit{background-image:url(../images/m/t_2.png);width:252px;height:114px;}

.news2_in {border:2px solid rgb(219, 218, 215);border-radius: 12px;background-color: #ffffff;width: 685px;margin: 25px 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: 1064px;}
.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: 12px auto 0 auto;display: block;width: 689px;height: 70px;background-image: url(../images/m/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: 18px;color: #78a5e9;line-height: 2;}
.news2_content{font-size: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000000;}

/* story */
.story{height:591px;}
.story .story_tit{background-image:url(../images/m/t_4.png);width:268px;height:110px;}
.story_swiper{width:592px;margin:40px auto 0;}
.story_swiper .swiper-container{width:590px;height:332px;border:solid 1px #efefef;-webkit-box-shadow:0 0 15px rgba(119,110,71,0.4);box-shadow:0 0 15px rgba(119,110,71,0.4);}
.story .btn_prev,.story .btn_next{width:51px;height:63px;top:285px;outline:none;}
.story .btn_prev{background-position:-150px -328px;left:19px;}
.story .btn_next{background-position:-766px -115px;right:19px;}
.story_point{margin-top:48px;font-size:0;text-align:center;}
.story_point .swiper-pagination-bullet{background:url(../images/m/spr.png) no-repeat -809px -197px;background-size:838px auto;width:18px;height:18px;margin:0 18px;opacity:1;position:relative;outline:none;}
.story_point .swiper-pagination-bullet-active{margin:0 50px;}
.story_point .swiper-pagination-bullet-active:after{content:"";background:url(../images/m/story_point_on.png) no-repeat 100%/100%;width:68px;height:59px;position:absolute;top:-20px;left:-25px;}
.footer_in{width:100%;}
.footer_box1{height:118px;width:100%;background:url(../images/m/floating_bg.png) no-repeat 100%/100%;position:relative;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;}
.footer_box1.fixed{position:fixed;bottom:0;left:0;z-index:9;-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:191px;height:54px;}
.footer_box1 .btn_app{background-position:-394px -77px;margin: 0 6px 0 347px;}
.footer_box1 .btn_google{background-position:-394px -13px;}
.footer_box2{display: block;width:100%;}
.footer_box2 .footer_logo{width:100%;height:109px;padding-top:38px;}
.footer_box2 .footer_icon{width:109px;height:109px;}
.footer_box2 .footer_p1{color:#FFF;font-size:18px;line-height:28px;margin-left:10px;}
.footer_box2 .footer_p2{padding:148px 34px 0 100px;position:relative;color:#FFF;font-size:16px;line-height:24px;}
.footer_box2 .footer_p2 .copyright{position:absolute;top:85px;left:100px;}
.footer_box2 .footer_p2 .copyright span{display: block;}
.footer_box2 .footer_iconb{width: 100%;padding-left:100px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position: absolute;top: 280px;left:0;box-sizing: border-box;}
.footer_box2 .footer_iconb .btn_twi{background-position:-349px -328px;width:39px;height:33px;margin-right:29px;}
.footer_box2 .footer_iconb .btn_fb{background-position:-10px -467px;width:39px;height:39px;margin-right:28px;}
.footer_box2 .footer_iconb .btn_ytb{background-position:-283px -328px;width:46px;height:33px;margin-right:29px;}
.footer_box2 .footer_iconb .btn_line{background-position:-220px -328px;width:43px;height:42px;}
.footer_box3{padding:80px 0 50px;}
.footer_box3 a{height:18px;color:#ffffff;font-size:18px;line-height:1;font-weight:bold;padding:0 15px;border-left:solid 1px #9f9f9f;}
.footer_box3 a:nth-child(1){border-left:none;}
/*弹窗*/
.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:60px;height:60px;color:#FFF;font-size:60px;line-height:60px;text-align:center;position:absolute;top:-70px;right:-15px;z-index:10;}
.pop_mask .video_box{width:640px;height:360px;position:absolute;top:50%;left:50%;margin:-180px 0 0 -320px;}
.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 vid{
  0%{-webkit-transform:scale(1);transform:scale(1);}
  100%{-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@keyframes vid{
  0%{-webkit-transform:scale(1);transform:scale(1);}
  100%{-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@-webkit-keyframes arrow{
  0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
  100%{-webkit-transform:translateY(8px);transform:translateY(8px);opacity:0.7;}
}
@keyframes arrow{
  0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
  100%{-webkit-transform:translateY(8px);transform:translateY(8px);opacity:0.7;}
}
@-webkit-keyframes hd1{
  0%,100%{-webkit-transform:scale(1);transform:scale(1);}
  50%{-webkit-transform:scale(0.85);transform:scale(0.85);}
}
@keyframes hd1{
  0%,100%{-webkit-transform:scale(1);transform:scale(1);}
  50%{-webkit-transform:scale(0.85);transform:scale(0.85);}
}
@-webkit-keyframes hd2{
  0%,100%{-webkit-transform:scale(1);transform:scale(1);}
  50%{-webkit-transform:scale(0.9);transform:scale(0.9);}
}
@keyframes hd2{
  0%,100%{-webkit-transform:scale(1);transform:scale(1);}
  50%{-webkit-transform:scale(0.9);transform:scale(0.9);}
}
@-webkit-keyframes fadeIn{
  0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;}
  100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
@keyframes fadeIn{
  0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;}
  100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
@-webkit-keyframes fadeOut{
  0%{-webkit-transform:translateY(-105px);transform:translateY(-105px);opacity:0;}
  100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
@keyframes fadeOut{
  0%{-webkit-transform:translateY(-105px);transform:translateY(-105px);opacity:0;}
  100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
@-webkit-keyframes voice{
  0%{-webkit-transform:scale(1);transform:scale(1);}
  100%{-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@keyframes voice{
  0%{-webkit-transform:scale(1);transform:scale(1);}
  100%{-webkit-transform:scale(1.1);transform:scale(1.1);}
}

/*横屏提示*/
.Shine_landscape{display:none;}
@media screen and (min-aspect-ratio:13 / 9){
	.Shine_landscape{display:block;width:100%;height:100%;background:#32373b;position:fixed;left:0;top:0;z-index:99999;text-align:center;}
	.Shine_landscape_box{position:relative;margin-left:auto;margin-right:auto;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
	.Shine_landscape img{-webkit-animation:Shine_landscapeAni 1.5s ease infinite alternate;width:auto!important;animation:Shine_landscapeAni 1.5s ease infinite alternate;width:128px;height:194px;display:inline-block;}
	@-webkit-keyframes Shine_landscapeAni{
		0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
		30%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
		70%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
		100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	}
	@keyframes Shine_landscapeAni{
		0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
		30%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
		70%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
		100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	}
}

/*# sourceMappingURL=style.css.map */