@charset "utf-8";
.swiper-container{width:100%; height:100%;z-index: 3;}
.fancybox-skin{ background:none;}
.fancybox-opened .fancybox-skin{box-shadow:none;}
#slide_1{width:100%; background:url(/images/index-main.jpg) center top no-repeat #fff;}
#slide_2,#slide_3{ background: center top no-repeat #fff;}
.content{width:1100px; margin:0 auto; position:relative;}
.slide1_wrap{width:100%; position:absolute; left:0; bottom:0; height:800px;}
#fs_h1{ display:block; margin:0 auto; width:200px; height:91px; margin-bottom:27px;}
/* #video-play{ display:block; background:url(/images/index-play.png) no-repeat; width:78px; height:78px; margin:0 auto; margin-bottom:18px;} */
#video-play{ display:block; background:url(/images/index-play.png) no-repeat; width:78px; height:78px; margin:0 auto; margin-top:18px;}
#index_banner{width:260px; height:400px;  }
#index_banner a{ display:block; width:153px; height:100px; padding-left:107px;}
#index_banner a:hover{ background-position:0 -100px; text-decoration:none;}
.index_banner_1{ background:url(/images/index_banner_1.jpg) no-repeat;}
.index_banner_2{ background:url(/images/index_banner_2.jpg) no-repeat;}
.index_banner_3{ background:url(/images/index_banner_3.jpg) no-repeat;}
.index_banner_4{ background:url(/images/index_banner_4.jpg) no-repeat;}
#index_banner a b{ display:block;font-size:30px; padding-top:27px; color:#fff; line-height:33px;}
#index_banner a p{ font-size:12px; color:#666; line-height:23px; font-weight:bold;}
#index_banner a.entermain p{ color:#ec715c;}
#index-adv{width:840px; height:400px; overflow:hidden; position:relative;}
#index-adv img{width:100%; height:400px;}
#adv-pagination .swiper-pagination-bullet{width:40px; height:4px; border-radius:5px; background:white; margin:0 5px;opacity:1;}
#adv-pagination .swiper-pagination-bullet-active{ background:#f3453e;}
.swiper-pagination-bullet-active{ background:none;}

.online_wrap{width:100%;height:100px; background:#000; position:absolute; left:0; bottom:0;}
.online_wrap a{ display:block; position:absolute; font-size:18px; height:172px; background:url(/images/online_more.png) no-repeat; right:0px; bottom:0px; width:189px;}

#slide_2 .title{width:100%; background:url(/images/index_ts_title.png) center  no-repeat; height:145px;padding-top:150px;}
#ts_wrap{height:500px; }
#ts_wrap a{ display:block; width:25%; height:500px;}
.ts_1{ background:url(/images/index-ts-1.jpg) no-repeat;}
.ts_2{ background:url(/images/index-ts-2.jpg) no-repeat;}
.ts_3{ background:url(/images/index-ts-3.jpg) no-repeat;}
.ts_4{ background:url(/images/index-ts-4.jpg) no-repeat;}
#ts_wrap a:hover{ background-position:0 -500px;}

#slide_3 .title{width:100%; background:url(/images/index_zy_title.png) center  no-repeat; height:145px; margin-bottom:60px; padding-top:150px;}
.zy_wrap{ position:relative; width:1500px; margin:0 auto; height:346px; overflow:hidden; z-index:4;}
.zy_wrap ul{width:1500px; margin:0 auto;  position:absolute; left:0;top:0; height:346px;}
.zy_wrap ul li{width:250px;overflow:hidden; height:346px;}
.zy_wrap ul li a{ display:block; width:250px; height:346px; cursor:pointer;}
.zy_wrap ul li a.zy_1{ background:url(/images/zy_1.png) center 0 no-repeat;}
.zy_wrap ul li a.zy_2{ background:url(/images/zy_2.png) center 0 no-repeat;}
.zy_wrap ul li a.zy_3{ background:url(/images/zy_3.png) center 0 no-repeat;}
.zy_wrap ul li a.zy_4{ background:url(/images/zy_4.png) center 0 no-repeat;}
.zy_wrap ul li a.zy_5{ background:url(/images/zy_5.png) center 0 no-repeat;}
.zy_wrap ul li a.zy_6{ background:url(/images/zy_6.png) center 0 no-repeat;}
.zy_wrap ul li a:hover{ background-position:center -346px;}
.arrow_wrap{ position:absolute; width:1200px; margin:0 auto; left:50%; margin-left:-600px; top:470px; z-index:3; display:none;}
.arrow_wrap a{ display:block; background:url(/images/index_arrow.png) no-repeat; width:66px; height:121px;}
.arrow_wrap a.right{ background-position:-66px 0;}
#slide_3 p{ background:url(/images/ts_txt.png) center no-repeat; height:120px; clear:both; margin-top:20px;}
#float_nav{ position:fixed;right:190px; bottom:200px; z-index:6;width:115px;}
#float_nav .swiper-pagination-bullet{opacity:1;}
#float_nav a{ display:block; width:115px; height:40px;background-color:#000;  background-position:9px 0; margin-bottom:20px; background-repeat:no-repeat; text-decoration:none; border-radius:30px; overflow:hidden; font-size:14px; color:white; font-weight:bold; line-height:40px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#float_nav a.float_nav_1{ background-image:url(/images/float_icon_1.png);background-position:9px -40px;}
#float_nav a.float_nav_2{ background-image:url(/images/float_icon_2.png);background-position:9px -40px;}
#float_nav a.float_nav_3{ background-image:url(/images/float_icon_3.png);background-position:9px -40px;}
#float_nav a p{ padding-left:40px;}
#float_nav a:hover,#float_nav a.on{width: 115px;  background-position:9px 0px; background-color:#f3453e;}
.kids{position:absolute; left:20px; color:green; font-size:12px; top:5px;}
#index_top_menu{width:100%; height:100px; background:#202033; position:absolute; left:0; top:0px; z-index:5; display:none;}
.content{width:1100px; margin:0 auto; position:relative;}
.top_logo{width:140px; background:url(/images/logo.png) center no-repeat; height:100px; background-size:80%;}
.top_logo a{ display:block; width:280px; height:100px;}
#index_top_menu ul li{width:160px; height:100px;}
#index_top_menu ul li a{ text-align:center; display:block; width:100%;padding-top:30px; height:70px; background:none; font-size:18px; color:white; text-decoration:none; font-weight:bold; line-height:20px;}
#index_top_menu ul li a p{ font-size:12px; font-weight:normal; color:#666;}
#index_top_menu ul li.main_link a{ background:#f2515e; color:#a40000;}
#index_top_menu ul li.main_link a p{ color:#a40000;}
#index_top_menu ul li.top_link a:hover{ color:#f3453e;}
#index_top_menu ul li.top_link a:hover p{ color:#666;}
#float_app{ background:url(/images/app_float.png) no-repeat; width:139px; height:257px; position:fixed; bottom:380px; right:180px; z-index:9; padding-top:200px;}
.index_app{ display:block;width:100%; height:130px;margin-bottom: 5px;}
#float_app img{display: block;margin: 0 auto;}
#pop_video{width:100%; height:100%; display:none;}
#movie{width:800px; height:450px;}

.snowfall-flakes{animation:sakura 1s linear 0s infinite;}
@keyframes sakura{
	0% {transform:rotate3d(0, 0, 0, 0deg);}
	25%{transform:rotate3d(1, 1, 0, 60deg);}
	50%{transform:rotate3d(1, 1, 0, 0deg);}
	75%{transform:rotate3d(1, 0, 0, 60deg);}
	100% {transform:rotate3d(1, 0, 0, 0deg);}
}

@media screen and (max-width: 1920px) { 
#float_nav{ right:40px;}
.zy_wrap{width:1000px;}
.arrow_wrap{ display:block;}
#float_app{ right:30px;}
}