@-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(0%);transform:translateY(0%);visibility:visible;opacity:1;}100%{-webkit-transform:translateY(-10%);transform:translateY(-10%);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: 10px;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 .title{top: 0px;left: 0px;-webkit-animation: bounceIn 0.6s ease-out 0s 1 forwards;}
.swiper-slide-active .page01 .word{top: 649px;left:176px;-webkit-animation: up_in 0.6s ease-out 0.5s 1 forwards;}

.swiper-slide-active .page02 .yuan{top: 30px;left: 84px;-webkit-animation:xuanzhuans  10s linear 0s infinite forwards;}
.swiper-slide-active .page02 .jihe{top: 244px;left: 151px;-webkit-animation:qiu_1 1s ease-out 1s 1 forwards;}
.swiper-slide-active .page02 .title{top: 173px;left: 157px;-webkit-animation: qiu_2 1s ease-out 1s 1 forwards;}
.swiper-slide-active .page02 .word_1{top: 531px;left: 129px;-webkit-animation: up_in 1s ease-out 1.8s 1 forwards;}
.swiper-slide-active .page02 .word_2{top: 630px;left: 77px;-webkit-animation: up_in 1s ease-out 2s 1 forwards;}

.swiper-slide-active .page03 .title{top: 80px;left: 126px;-webkit-animation:down_in 1s ease-out 0s 1 forwards;}
.swiper-slide-active .page03 .xian{top: 220px;left: 48px;-webkit-animation:up_in  0.6s ease-out 0.4s 1 forwards;}

.swiper-slide-active .page04 .title{top: 59px;left: 213px;-webkit-animation:down_in 1s ease-out 0s 1 forwards;}
.swiper-slide-active .page04 .yuan{top: 33px;left: 185px;-webkit-animation:xuanzhuans 10s linear 1s infinite forwards;}

.swiper-slide-active .page04 .btn_list{top: 363px;left: 66px;}
.swiper-slide-active .page04 .biaoqian{width:500px;line-height: 50px;font-size: 20px;text-align: center;color: #fff;border: 1px #fff solid;margin-bottom: 20px;}

.swiper-slide-active .page04 .biaoqian_1{top: 307px;left: 99px;-webkit-animation:up_in 1s ease-out 1.2s 1 forwards;}
.swiper-slide-active .page04 .biaoqian_2{top: 307px;left: 346px;-webkit-animation:up_in 1s ease-out 1.4s 1 forwards;}
.swiper-slide-active .page04 .biaoqian_3{top: 397px;left: 99px;-webkit-animation:up_in 1s ease-out 1.6s 1 forwards;}
.swiper-slide-active .page04 .biaoqian_4{top: 397px;left: 346px;-webkit-animation:up_in 1s ease-out 1.8s 1 forwards;}
.swiper-slide-active .page04 .biaoqian_5{top: 487px;left: 99px;-webkit-animation:up_in 1s ease-out 2s 1 forwards;}

#list{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;display: none;background: url(http://n.sinaimg.cn/sd/c875cf8f/20151113/list_bg.jpg) no-repeat ;}
#list .box{height: 100%;width: 100%;position: relative}
#list .title_box{left: 0px;top: 69px;text-align: center;width: 100%;height: 100px;}
#list .title{display: -webkit-inline-box;}
#list .table{font-size: 20px;margin-left: 26px;color:#fff;text-align: center;line-height: 50px;display: none;}
#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{margin-left: 219px;margin-top: 20px;}
.t_box{width:640px;top: 230px;left:0px;overflow-y:auto ;}

.swiper-slide-active .page05 .word{top: 157px;left: 63px;-webkit-animation:up_in 1s ease-out 0s 1 forwards;}
.swiper-slide-active .page05 .btn{top: 417px;left: 179px;-webkit-animation:up_in 1s ease-out 0.4s 1 forwards;}
.swiper-slide-active .page05 .word_1{top: 597px;left: 74px;-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-699:2015-12-03 17:28:02-->