@-webkit-keyframes xuanzhuans{0%{-webkit-transform:rotate(0deg);opacity: 1;}100%{-webkit-transform:rotate(360deg);opacity: 1;}}
@-webkit-keyframes xuanzhuann{0%{-webkit-transform:rotate(0deg);opacity: 1;}100%{-webkit-transform:rotate(-360deg);opacity: 1;}}

@-webkit-keyframes up_in{0%{-webkit-transform:translateY(150%);transform:translateY(150%);opacity: 0;}100%{-webkit-transform:translateY(0%);transform:translateY(0%);opacity: 1;}}

@-webkit-keyframes down_in{0%{-webkit-transform:translateY(-150%);transform:translateY(-150%);opacity: 0;}100%{-webkit-transform:translateY(0%);transform:translateY(0%);opacity: 1;}}
@-webkit-keyframes t_down_in{0%{-webkit-transform:translateY(-150px);transform:translateY(-150px);opacity: 0;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity: 1;}}
@-webkit-keyframes x_down_in{0%{-webkit-transform:translateY(-150px) translateX(150px);transform:translateY(-150px) translateX(150px);opacity: 0;}100%{-webkit-transform:translateY(0px)  translateX(0px);transform:translateY(0px) translateX(0px);opacity: 1;}}
@-webkit-keyframes x_up_in{0%{-webkit-transform:translateY(150px) translateX(-150px);transform:translateY(150px) translateX(-150px);opacity: 0;}100%{-webkit-transform:translateY(0px)  translateX(0px);transform:translateY(0px) translateX(0px);opacity: 1;}}

@-webkit-keyframes left_in{0%{-webkit-transform:translateX(-150%);transform:translateX(-150%);opacity: 0;}100%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity: 1;}}

@-webkit-keyframes right_in{0%{-webkit-transform:translateX(150%);transform:translateX(150%);opacity: 0;}100%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity: 1;}}

@-webkit-keyframes xiao{0%{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity: 0;}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity: 1;}} 

@-webkit-keyframes jiantou{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);visibility:visible;opacity:1;}100%{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:0;}}

@-webkit-keyframes shanshuo{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}

@-webkit-keyframes opa_show{0%{opacity:0;}100%{opacity:1;}}

@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(0.97,0.97,0.97);transform:scale3d(0.97,0.97,0.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity: 1;}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);opacity: 1;}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);opacity: 1;}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);opacity: 1;}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity: 1;}}

/*¶¨Öƶ¯»­*/
@-webkit-keyframes fangda{0%{-webkit-transform:scale3d(0,0,1);opacity: 0;}100%{-webkit-transform:scale3d(1,1,1);opacity: 1;}}

@-webkit-keyframes qiu_1{0%{-webkit-transform:translateY(0px);opacity: 1;}
                         100%{-webkit-transform:translateY(-160px);opacity: 1;}}

@-webkit-keyframes qiu_2{0%{-webkit-transform:translateY(-118px) translateX(160px) rotate(90deg);opacity: 1;}
                         100%{-webkit-transform:translateY(0px) translateX(0px) rotate(0deg);opacity: 1;}}

@-webkit-keyframes qiu_3{0%{-webkit-transform:translateY(-118px) translateX(-160px) rotate(-90deg);opacity: 1;}
                         100%{-webkit-transform:translateY(0px) translateX(0px) rotate(0deg);opacity: 1;}}

*{margin:0;padding:0;font-family:΢ÈíÑźÚ}
html, body {position: relative;height:100%;width:640px;}

.swiper-container {width: 100%;height: 100%; overflow: hidden;}
.swiper-slide {background: #fff;overflow: hidden;}

.page{width: 100%;height: 100%; position: relative;}
.bg{left: 0;top: 0;}
.pos{position: absolute;}
.opa{opacity: 0;}
.jiantou{bottom: 0px;left: 242px;-webkit-animation:jiantou 2s linear 0s infinite forwards;}

.load{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 1000;overflow: hidden;}
.load .word{top: 510px;left: 207px;}
.load .quan_1{top: 140px;left: 163px;}
.load .quan_2{top: 140px;left: 163px;-webkit-animation:xuanzhuans 2s linear 0s infinite forwards;}

.swiper-slide-active .page01 .bg_1{top: 0px;left: 0px;-webkit-animation: shanshuo 4s ease-out 2s infinite forwards;}
.swiper-slide-active .page01 .jihe_1{top: -70px;left: -90px;-webkit-animation: x_down_in 0.6s ease-out 1.4s 1 forwards;}
.swiper-slide-active .page01 .jihe_2{top: 29px;right:-310px;-webkit-animation: x_down_in 0.6s ease-out 1.6s 1 forwards;}
.swiper-slide-active .page01 .jihe_3{top: 529px;left: -40px;-webkit-animation: x_up_in 0.6s ease-out 1.6s 1 forwards;}
.swiper-slide-active .page01 .jihe_4{top: 849px;right: 0px;-webkit-animation: x_up_in 0.6s ease-out 1.4s 1 forwards;}
.swiper-slide-active .page01 .title_box{left: 104px;top: 150px;}
.swiper-slide-active .page01 .title_1{top: 397px;left: 64px;-webkit-animation: t_down_in 1s ease-out 0s 1 forwards;}
.swiper-slide-active .page01 .title_2{top: 278px;left: -5px;-webkit-animation: t_down_in 1s ease-out 0.2s 1 forwards;}
.swiper-slide-active .page01 .title_3{top: 202px;left:0px;-webkit-animation: t_down_in 1s ease-out 0.4s 1 forwards;}
.swiper-slide-active .page01 .title_4{top: 88px;left: 61px;-webkit-animation: t_down_in 1s ease-out 0.6s 1 forwards;}
.swiper-slide-active .page01 .title_5{top: 0px;left: 0px;-webkit-animation: t_down_in 1s ease-out 0.8s 1 forwards;}
.swiper-slide-active .page01 .title_6{top: 0px;left: 349px;-webkit-animation: bounceIn 1s ease-out 1.8s 1 forwards;}

.swiper-slide-active .page02 .info_box{top: 50%;left: 100px;margin-top:-437px;}
.swiper-slide-active .page02 .quan{top: 0px;left: 0px;-webkit-animation:xuanzhuans  10s linear 0s infinite forwards;}
.swiper-slide-active .page02 .qiu_1{top: 142px;left: 146px;-webkit-animation:qiu_1 1s ease-out 1s 1 forwards;}
.swiper-slide-active .page02 .qiu_2{top: 260px;left: -7px;-webkit-animation: qiu_2 1s ease-out 1s 1 forwards;}
.swiper-slide-active .page02 .qiu_3{top: 260px;left: 318px;-webkit-animation: qiu_3 1s ease-out 1s 1 forwards;}
.swiper-slide-active .page02 .word_1{top: 154px;left: 90px;-webkit-animation: fangda 1s ease-out 1.2s 1 forwards;}
.swiper-slide-active .page02 .word_2{top: 50%;left: 129px;margin-top:32px;-webkit-animation: up_in 1s ease-out 1.8s 1 forwards;}
.swiper-slide-active .page02 .word_3{top: 50%;left: 83px;margin-top:106px;-webkit-animation: up_in 1s ease-out 2s 1 forwards;}

.swiper-slide-active .page03 .info_box{top: 50%;left: 0px;margin-top:-397px;}
.swiper-slide-active .page03 .title{top: 0px;left: 122px;-webkit-animation:down_in 1s ease-out 0s 1 forwards;}
.swiper-slide-active .page03 .xian{top: 130px;left: 150px;-webkit-animation:up_in  0.6s ease-out 0.4s 1 forwards;}
.swiper-slide-active .page03 .biaoqian_1{top: 112px;left: 56px;-webkit-animation:left_in 0.8s ease-out 1s 1 forwards;}
.swiper-slide-active .page03 .biaoqian_2{top: 193px;left: 56px;-webkit-animation: left_in 0.8s ease-out 2s 1 forwards;}
.swiper-slide-active .page03 .biaoqian_3{top: 344px;left: 56px;-webkit-animation: left_in 0.8s ease-out 3s 1 forwards;}
.swiper-slide-active .page03 .word_1{top: 123px;left: 188px;-webkit-animation: up_in 1s ease-out 1.4s 1 forwards;}
.swiper-slide-active .page03 .word_2{top: 205px;left: 188px;-webkit-animation: up_in 1s ease-out 2.4s 1 forwards;}
.swiper-slide-active .page03 .word_3{top: 356px;left: 188px;-webkit-animation: up_in 1s ease-out 3.4s 1 forwards;}

.swiper-slide-active .page05 .info_box{top: 50%;left: 0px;margin-top:-397px;}
.swiper-slide-active .page05 .title{top: 2px;left: 212px;-webkit-animation:down_in 1s ease-out 0s 1 forwards;}
.swiper-slide-active .page05 .quan{top: -27px;left: 165px;-webkit-animation:xuanzhuans 10s linear 1s infinite forwards;}
.swiper-slide-active .page05 .biaoqian_1{top: 307px;left: 99px;-webkit-animation:up_in 1s ease-out 1.2s 1 forwards;}
.swiper-slide-active .page05 .biaoqian_2{top: 307px;left: 346px;-webkit-animation:up_in 1s ease-out 1.4s 1 forwards;}
.swiper-slide-active .page05 .biaoqian_3{top: 397px;left: 99px;-webkit-animation:up_in 1s ease-out 1.6s 1 forwards;}
.swiper-slide-active .page05 .biaoqian_4{top: 397px;left: 346px;-webkit-animation:up_in 1s ease-out 1.8s 1 forwards;}
.swiper-slide-active .page05 .biaoqian_5{top: 487px;left: 99px;-webkit-animation:up_in 1s ease-out 2s 1 forwards;}
.swiper-slide-active .page05 .biaoqian_6{top: 487px;left: 346px;-webkit-animation:up_in 1s ease-out 2.2s 1 forwards;}
.swiper-slide-active .page05 .biaoqian_7{top: 577px;left: 99px;-webkit-animation:up_in 1s ease-out 2.4s 1 forwards;}
.swiper-slide-active .page05 .biaoqian_8{top: 577px;left: 346px;-webkit-animation:up_in 1s ease-out 2.6s 1 forwards;}

.guize{width: 100%;height: 100%;overflow-y: auto;overflow-x: hidden;position: fixed;z-index: 999;left: 0;top: 0;display: none;}
.guize_box{position: relative;}
.guize .tiaozhuan{left: 222px;bottom: 78px;}

#list{position: fixed;width: 100%;height: 100%;overflow-y:auto;left: 0;top: 0;z-index: 999;display: none;}
#list .box{background: url(http://n.sinaimg.cn/sd/c875cf8f/20151113/list_bg.jpg) no-repeat center ;height: 1676px;width: 100%;}
#list .title_box{left: 0px;top: 98px;text-align: center;width: 100%;height: 100px;}
#list .title{display: -webkit-inline-box;}
#list .table{font-size: 20px;left: 26px;top:219px;color:#fff;text-align: center;line-height: 50px;}
#list .table td{height:50px;background: #612628;border: 1px solid #e83a3b;}
#list .table img{display: -webkit-box;}
#list .table .tr_1 td{background: #ed383d;}
#list .table a{color:#fff;text-decoration: none;}
#list .table .td_btn{background:none;border: none;}
#list .back_btn{left: 219px;top: 1570px;}

.swiper-slide-active .page06 .word{top: 47px;left: 110px;-webkit-animation:up_in 1s ease-out 0s 1 forwards;}
.swiper-slide-active .page06 .btn{top: 447px;left: 166px;-webkit-animation:up_in 1s ease-out 0.4s 1 forwards;}
.swiper-slide-active .page06 .word_1{top: 597px;left: 163px;-webkit-animation:up_in 1s ease-out 0.8s 1 forwards;}

.share{width: 100%;height: 100%;position: fixed;z-index: 999;left: 0;top: 0;display: none;background: rgba(0,0,0,0.4);}
.share .pic{left: 50px;top: 50px;}
<!--1333-212-677:2015-11-26 18:21:47-->