@charset "gb2312";
/*初始化样式*/
body{ font-size:60px; background-color:#000; /*font-family: 微软雅黑, Microsoft YaHei, Helvetica, Tahoma, StSun, 宋体, SimSun, sans-serif;color: #444;background-color: #F5F5F5;*/ margin:0px; padding:0px; width:100%; height:100%; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ position:fixed; }
ul{ margin:0px; padding:0px; }
li{ list-style:none; }
img{ display:block; border:0; }
/*loading样式*/
.loading{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/loading.gif") no-repeat; width:100px; height:100px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px; background-size:contain; }
.loading .txt{ font:16px/100px "微软雅黑"; color:#FFF; text-align:center; }
/*音乐*/
.music{ position:fixed; bottom:40px; left:50%; width:100px; height:70px; margin-left:200px; text-align:right; z-index:10001; }
.music .tip{ display:none; float:right; width:40px; height:50px; color:#fff; font-size:18px; font-weight:bold; /*line-height: 50px;*/ margin-right:20px; }
.music .play{ float:right; width:70px; height:70px; background:url("http://img3.fengniao.com/fn_zt/tm_563/2cf1deb044/music1.png") no-repeat; cursor:pointer; }
/*公共样式*/
.opac{ opacity:0; }
.swiper1{}
.swiper1 .swiper-wrapper{ height:100%; }
.swiper1{display:none; width:640px; margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:100; height:100%; }
.swiper1 .swiper-slide{ width:100%; height:100%; position:relative; z-index:101; }
.swiper1 .swiper-slide .cont div{ position:absolute; }
.swiper1 .swiper-slide .logo{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/logo.png") no-repeat; width:609px; height:40px; top:3.4%; left:50%; margin-left:-304px; }
/*首页*/
.slide1{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/bg1.jpg") no-repeat center bottom; background-size:cover; }
.slide1 .cont{ width:100%; height:100%; }
.slide1 .tit{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page1_tit.png") no-repeat; width:616px; height:276px; top:12.6%; left:50%; margin-left:-308px; }
/*map*/
.slide2{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/bg2.jpg") no-repeat center bottom; background-size:cover; }
.slide2 .map{ width:406px; height:654px; top:13.6%; left:50%; margin-left:-203px; background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page2_xian.png") no-repeat 97px 63px; opacity:0;}
.slide2 span{ display:block; position:absolute;}
.slide2 i{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/dian2.png") no-repeat; width:15px; height:15px; display:block; position:absolute;  opacity:0;}
.slide2 b{ display:block; position:absolute;  opacity:0;}
.slide2 .beijing{ width:70px; height:30px; top:49px; right:14px; }
.slide2 .beijing i{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/dian1.png") no-repeat; width:23px; height:24px; left:1px; top:4px; }
.slide2 .beijing b{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/beijing.png") no-repeat; width:35px; height:28px; right:0; top:2px; }
.slide2 .baotou{ width:56px; height:40px; top:112px; left:189px; }
.slide2 .baotou i{ right:0px; bottom:0px; }
.slide2 .baotou b{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/baotou.png") no-repeat; width:39px; height:27px; left:0; top:0px; }
.slide2 .yinchuan{ width:70px; height:26px; top:221px; right:111px; }
.slide2 .yinchuan i{ left:0px; top:2px; }
.slide2 .yinchuan b{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/yinchuan.png") no-repeat; width:49px; height:27px; right:0; bottom:0px; }
.slide2 .xining{ width:45px; height:43px; top:312px; right:174px; }
.slide2 .xining i{ left:0px; top:0px; }
.slide2 .xining b{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/xining.png") no-repeat; width:32px; height:27px; right:0; bottom:0px; }
.slide2 .geermu{ width:64px; height:27px; top:398px; left:54px; }
.slide2 .geermu i{ right:0px; top:1px; }
.slide2 .geermu b{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/geermu.png") no-repeat; width:44px; height:27px; left:0; top:0px; }
.slide2 .anduo{ width:39px; height:45px; top:500px; left:142px; }
.slide2 .anduo i{ left:0px; bottom:0px; }
.slide2 .anduo b{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/anduo.png") no-repeat; width:34px; height:27px; left:0; top:0px; }
.slide2 .namucuo{ width:68px; height:27px; top:556px; left:89px; }
.slide2 .namucuo i{ right:0px; top:4px; }
.slide2 .namucuo b{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/namucuo.png") no-repeat; width:49px; height:27px; left:0; top:0px; }
.slide2 .lasa{ width:43px; height:32px; top:554px; left:164px; }
.slide2 .lasa i{ left:0px; bottom:0px; }
.slide2 .lasa b{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/lasa.png") no-repeat; width:30px; height:27px; right:0; top:0px; }
.slide2 .yanghu{ width:40px; height:59px; top:587px; left:152px; }
.slide2 .yanghu i{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/dian1.png") no-repeat; width:23px; height:24px; left:8px; top:0px; }
.slide2 .yanghu b{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/yanghu.png") no-repeat; width:40px; height:27px; right:0; bottom:0px; }
.slide2 .tit1{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page2_tit1.png") no-repeat; width:206px; height:60px; top:33%; left:-600px; opacity:0;}
.slide2 .tit2{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page2_tit2.png") no-repeat; width:153px; height:64px; top:67%; right:-600px; opacity:0;}
/*城市冒险*/
.slide3{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/bg3.jpg") no-repeat center bottom; background-size:cover; }
.slide3 .tit1{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page3_tit.png") no-repeat; width:568px; height:280px; top:12.6%; left:50%; margin-left:-284px; }
.slide3 .tit2{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page3_tit2.png") no-repeat; width:166px; height:48px; top:41%; left:-300px; }
.slide3 .tit3{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page3_tit3.png") no-repeat; width:195px; height:60px; top:42.5%; right:-300px; }
.slide3 .car{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page3_car.png") no-repeat; width:271px; height:257px; bottom:7%; left:50%; margin-left:-143px; -webkit-transform:scale(1) }
.slide3 .btn{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page3_btn.png") no-repeat;width:181px;height:20px;bottom:3.5%;left:50%;margin-left:-90px;}


.swiper1 .slide4{overflow:scroll;height:7241px;}
/*冒险图片*/
.swiper2{position:relative;top:0;width:640px;height:100%;z-index: 118;}
.swiper2 .min-slide-box{height:7241px;}
.swiper2 .min-slide{position:relative;}
.swiper2 .cont{position:absolute;top:0;left:0;width:100%;height:100%;}
.swiper2 .cont div{position:absolute;z-index:113;opacity:0;}
.swiper2 .swiper-slide{height:7241px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.swiper2 .min-slide0,.swiper2 .min-slide5,.swiper2 .min-slide6{height:10px;}
.min-slide1 .xuehua{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page4_xuehua.png") no-repeat;width:640px;height:1898px;position:absolute;top:0;z-index:112;}
.min-slide1 .pic1{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/mao1.png") no-repeat;width:427px;height:371px;top:16.8%;left:-300px;}
.min-slide1 .pic2{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/mao2.png") no-repeat;width:477px;height:374px;top:44.2%;right:-300px;}
.min-slide1 .pic3{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/mao3.png") no-repeat;width:521px;height:431px; top:70.7%;left:-300px;}

.min-slide2 .pic1{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/sheng1.png") no-repeat;width:555px;height:454px;top:16.5%;left:-300px;}
.min-slide2 .pic2{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/sheng2.png") no-repeat;width:556px;height:451px;top:42.3%;right:-600px;}
.min-slide2 .pic3{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/sheng3.png") no-repeat;width:551px;height:452px; top:71.3%;left:-600px;}

.min-slide3 .pic1{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/zhen1.png") no-repeat;width:543px;height:466px;top:15.4%;left:-600px;}
.min-slide3 .ying{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/ying.png") no-repeat;width:219px;height:263px;top:33%;left:-300px;z-index:114 !important;}
.min-slide3 .pic2{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/zhen2.png") no-repeat;width:556px;height:435px;top:46.3%;right:-600px;}
.min-slide3 .pic3{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/zhen3.png") no-repeat;width:569px;height:471px; top:75%;left:-600px;}

.min-slide4 .pic1{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/kao1.png") no-repeat;width:567px;height:452px;top:14.4%;left:-600px;}
.min-slide4 .pic2{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/kao2.png") no-repeat;width:520px;height:427px;top:43.5%;right:-600px;}
.min-slide4 .pic3{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/kao3.png") no-repeat;width:548px;height:424px; top:72%;left:-600px;}

.min-slide2 .xuehua{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page4_xuehua.png") no-repeat 0 -1567px;width:640px;height:1898px;position:absolute;top:0;z-index:112;}

/*end*/
.slide5{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/bg5.jpg") no-repeat center bottom; background-size:cover; }
.slide5 .cont div{opacity:0;}
.slide5 .tit1{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page5_tit1.png") no-repeat; width:304px; height:163px; top:8.7%; right:-300px;}
.slide5 .tit2{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page5_tit2.png") no-repeat; width:336px; height:90px; top:16.4%; left:-300px;}
.slide5 .tit3{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page5_tit3.png") no-repeat; width:236px; height:23px; top:25.5%; left:21%;}
.slide5 .pic{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page5_pic.png") no-repeat; width:319px; height:329px; top:44.3%; right:11.4%; }
.slide5 .btn{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page5_btn.png") no-repeat; width:139px; height:35px; bottom:3.89%; left:50%; margin-left:-68px; }
/*share*/
.slide6{ background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/bg6.jpg") no-repeat center bottom; background-size:cover; }
.slide6 .tit1{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page6_tit.png") no-repeat;width:359px;height:107px; top:-300px;left:50%;margin-left:-179px;opacity:0;}
.slide6 .tit2{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page6_tit2.png") no-repeat;width:504px;height:357px; top:11%; left:50%;margin-left:-230px;opacity:0;}
.slide6 .btn{background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/page6_btn.png") no-repeat;width:172px;height:40px; top:58.8%; left:50%;margin-left:-86px;opacity:0;}

/*底部*/
.bottom{ width:32px; height:22px; position:absolute; bottom:1%; left:50%; margin-left:-16px; background:url("http://img3.fengniao.com/fn_zt/tm_563/041f099951/bottom.png") no-repeat; -webkit-animation:bottom-down 1800ms 200ms ease infinite normal; z-index:102; }
/*用到的动画效果*/
.xuanzhuan1{ animation:cube-one 1s ease forwards; -webkit-animation:cube-one 1s ease forwards; }
/*************** loading 图片立体旋转 ***************/
@-webkit-keyframes cube-spin{
from{ -webkit-transform:rotateY(0); }
to{ -webkit-transform:rotateY(360deg); }
}
@-ms-keyframes cube-spin{
from{ ms-transform:rotateY(0); }
to{ ms-transform:rotateY(360deg); }
}
@keyframes cube-spin{
from{ transform:rotateY(0); }
to{ transform:rotateY(360deg); }
}
@-webkit-keyframes cube-one{
from{ -webkit-transform:rotateY(-180deg); }
to{ -webkit-transform:rotateY(0); }
}
@-ms-keyframes cube-one{
from{ ms-transform:rotateY(-180deg); }
to{ ms-transform:rotateY(0); }
}
@keyframes cube-one{
from{ transform:rotateY(-180deg); }
to{ transform:rotateY(0); }
}
/*************** bottom 图片向下渐变 ***************/
@-webkit-keyframes bottom-down{
0%{ -webkit-transform:translateY(0); }
50%{ -webkit-transform:translateY(-20px); }
100%{ -webkit-transform:translateY(0); }
}
@-ms-keyframes bottom-down{
0%{ -webkit-transform:translateY(0); }
50%{ -webkit-transform:translateY(-20px); }
100%{ -webkit-transform:translateY(0); }
}
@keyframes bottom-down{
0%{ -webkit-transform:translateY(0); }
50%{ -webkit-transform:translateY(-20px); }
100%{ -webkit-transform:translateY(0); }
}
/*************** 大logo展示 ***************/
@-webkit-keyframes yd{
0%{ -webkit-transform:rotate(5deg); }
25%{ -webkit-transform:rotate(0); }
50%{ -webkit-transform:rotate(5deg); }
75%{ -webkit-transform:rotate(0); }
100%{ -webkit-transform:rotate(5deg); }
}
@keyframes yd{
0%{ transform:rotate(5deg); }
25%{ transform:rotate(0); }
50%{ transform:rotate(5deg); }
75%{ transform:rotate(0); }
100%{ transform:rotate(5deg); }
}
/*************** 震动 ***************/
.zd{ animation:zd 2s ease-out forwards; -webkit-animation:zd 2s ease-out forwards; }
@-webkit-keyframes zd{
10%{ -webkit-transform:translate(0, 0); }
11%{ -webkit-transform:translate(-20px, -20px); }
12%{ -webkit-transform:translate(0, 0); }
13%{ -webkit-transform:translate(20px, -20px); }
14%{ -webkit-transform:translate(0, 0); }
15%{ -webkit-transform:translate(0, 0); }
16%{ -webkit-transform:translate(-20px, -20px); }
17%{ -webkit-transform:translate(0, 0); }
18%{ -webkit-transform:translate(20px, -20px); }
19%{ -webkit-transform:translate(0, 0); }
}
@keyframes zd{
10%{ transform:translate(0, 0); }
11%{ transform:translate(-20px, -20px); }
12%{ transform:translate(0, 0); }
13%{ transform:translate(20px, -20px); }
14%{ transform:translate(0, 0); }
15%{ transform:translate(0, 0); }
16%{ transform:translate(-20px, -20px); }
17%{ transform:translate(0, 0); }
18%{ transform:translate(20px, -20px); }
19%{ transform:translate(0, 0); }
}
/*************** 盖戳 ***************/
.zoomIn{ animation:zoomIn 0.5s ease forwards; -webkit-animation:zoomIn 0.5s ease forwards; }
@-webkit-keyframes zoomIn{
0%{ -webkit-transform:scale(6, 6); opacity:1;}
100%{ -webkit-transform:scale(1, 1); opacity:1;}
}
@keyframes zoomIn{
0%{ transform:scale(6, 6); opacity:1;}
100%{ transform:scale(1, 1); opacity:1;}
}
.tobig2_1{ -webkit-animation:tobig2 1.5s ease forwards; }
.tobig1{ -webkit-animation:tobig1 1.2s ease forwards; }
/*************** 图片放大 ***************/
@-webkit-keyframes tobig1{
0%{ opacity:0;
-webkit-transform:scale(.3) }
50%{ opacity:1;
-webkit-transform:scale(1.05) }
70%{ -webkit-transform:scale(.9) }
100%{ -webkit-transform:scale(1); opacity:1; }
}
/*************** 图片放大 ***************/
.tobig2{ -webkit-animation:tobig2 0.8s ease forwards; }
@-webkit-keyframes tobig2{
from{ opacity:0;
-webkit-transform:scale(.3) }
to{ opacity:1;
-webkit-transform:scale(1) }
}
/*************** 图片缩小 ***************/
.tobig3{ -webkit-animation:tobig3 0.8s ease forwards; }
@-webkit-keyframes tobig3{
from{ opacity:0;
-webkit-transform:scale(2.2) }
to{ opacity:1;
-webkit-transform:scale(1) }
}
/*************** 车走 ***************/
.car1{ -webkit-animation:car1 8s ease forwards; }
@-webkit-keyframes car1{
0%{
-webkit-transform:scale(1.0); bottom:7%; opacity: 1;}
/*5%{*/
/*-webkit-transform:scale(1.0) }*/
100%{-webkit-transform:scale(0.4); bottom:10%; opacity: 1;}
}
.load{ -webkit-animation:load 2s linear 1s infinite;
-moz-animation:load 2s linear 1s infinite;
-ms-animation:load 2s linear 1s infinite;
-o-animation:load 2s linear 1s infinite;
animation:load 2s linear 1s infinite; }
@-webkit-keyframes load{
0%{
transform:rotate(0);
-ms-transform:rotate(0); /* IE 9 */
-webkit-transform:rotate(0); /* Safari and Chrome */
-o-transform:rotate(0); /* Opera */
-moz-transform:rotate(0); /* Firefox */
}
100%{
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
-moz-transform:rotate(360deg); /* Firefox */
}
}
/*图片张合*/
.img_height{ -webkit-animation:img_height 0.2s ease forwards; }
@-webkit-keyframes img_height{
from{ height:0; top:50%; }
to{ height:100%; top:0; }
}
/*左边伸缩*/
.left_to{ -webkit-animation:left_to 0.8s ease forwards; }
@-webkit-keyframes left_to{
0%{ left:0%; opacity:0; }
50%{ left:39.6%; opacity:1; }
100%{ left:10.6%; opacity:1; }
}
/*右边伸缩*/
.right_to{ -webkit-animation:right_to 0.8s ease forwards; }
@-webkit-keyframes right_to{
0%{ right:0%; opacity:0; }
50%{ right:38.5%; opacity:1; }
100%{ right:9.5%; opacity:1; }
}
/*闪烁*/
.shanshuo{ -webkit-animation:shanshuo 2200ms 200ms ease infinite normal; }
@-webkit-keyframes shanshuo{
0%{
opacity:0.3;
}
50%{
opacity:1;
}
100%{
opacity:0.3; }
}
/*向右箭头伸缩*/
.min-slide1-right{ -webkit-animation:min-slide1-right 1200ms ease infinite normal; }
@-webkit-keyframes min-slide1-right{
0%{ right:0; }
50%{ right:-59px; }
100%{ }
}
/*显示*/
.opacity1{ -webkit-animation:opacity1 2s ease forwards; }
@-webkit-keyframes opacity1{
0%{ opacity:0; }
100%{ opacity:1; }
}