/* @update: 2015-1-9 17:14:14 */ 
@charset "UTF-8";.e-sprite,.el-wrap .el-pub-btn,.el-wrap .el-stage1 .animate-end .el-t-b,.el-wrap .el-stage1 .animate-end .el-t-bei,.el-wrap .el-stage1 .animate-end .el-t-j,.el-wrap .el-stage1 .animate-end .el-t-l,.el-wrap .el-stage1 .animate-end .el-t-m,.el-wrap .el-stage1 .animate-end .el-t-t,.el-wrap .el-stage1 .animate-end .el-t-z,.el-wrap .el-stage1 .animate-start .el-t-b,.el-wrap .el-stage1 .animate-start .el-t-bei,.el-wrap .el-stage1 .animate-start .el-t-j,.el-wrap .el-stage1 .animate-start .el-t-l,.el-wrap .el-stage1 .animate-start .el-t-m,.el-wrap .el-stage1 .animate-start .el-t-t,.el-wrap .el-stage1 .animate-start .el-t-z,.el-wrap .el-stage2 .stage2-info-text,.el-wrap .el-stage3 .el-stage7.stage3-info-text,.el-wrap .el-stage4 .el-pub-btn,.el-wrap .el-stage4 .stage4-info-text,.el-wrap .el-stage4 .stage4-intro,.el-wrap .el-stage5 .stage5-icon1,.el-wrap .el-stage5 .stage5-icon2,.el-wrap .el-stage5 .stage5-icon3,.el-wrap .el-stage5 .stage5-info-text,.el-wrap .el-stage6 .el-pub-btn,.el-wrap .el-stage6 .stage6-icon-wrap,.el-wrap .el-stage6 .stage6-icon-wrap .stage6-icon1,.el-wrap .el-stage6 .stage6-icon-wrap .stage6-icon2,.el-wrap .el-stage6 .stage6-info-text,.slide-arrow,.slide-blue{background-image:url(i/e-s3db49c57cb.png);background-repeat:no-repeat}
.header{position:fixed;width:100%;-moz-transition:all .3s cubic-bezier(0.8,0,.1,1);-o-transition:all .3s cubic-bezier(0.8,0,.1,1);-webkit-transition:all .3s cubic-bezier(0.8,0,.1,1);transition:all .3s cubic-bezier(0.8,0,.1,1)}
.f-copyright{position:fixed;width:100%;overflow:hidden;-moz-transition:all .3s cubic-bezier(0.8,0,.1,1);-o-transition:all .3s cubic-bezier(0.8,0,.1,1);-webkit-transition:all .3s cubic-bezier(0.8,0,.1,1);transition:all .3s cubic-bezier(0.8,0,.1,1)}
.header-show{top:0}
.header-hide{top:-100px}
.footer-show{bottom:0}
.footer-hide{bottom:-120px}
html{overflow:hidden}
.el-wrap{height:100%}

 #container21{}
.el-wrap .el-stage{position:relative}
.el-wrap .animate-start .el-pub-btn{-moz-animation:stage-btn .2s 1s cubic-bezier(0.215,.61,.355,1) forwards;-webkit-animation:stage-btn .2s 1s cubic-bezier(0.215,.61,.355,1) forwards;animation:stage-btn .2s 1s cubic-bezier(0.215,.61,.355,1) forwards}
@-moz-keyframes stage-btn{100%{opacity:1;top:75%}
}
@-webkit-keyframes stage-btn{100%{opacity:1;top:75%}
}
@keyframes stage-btn{100%{opacity:1;top:75%}
}
.el-wrap .el-pub-btn{width:260px;height:60px;line-height:58px;position:absolute;left:50%;top:0;opacity:0;margin-left:-130px;background-position:0 -952px}
.el-wrap .el-pub-btn a{color:#fff;display:block;width:100%;height:100%;text-align:center;font-weight:400;font-size:26px;font-family:"STHeiti Light [STXihei]";text-indent:-9999px}
.el-wrap .el-stage1{background:url(i/stage1-banner.jpg) center bottom no-repeat;height:100%}
.el-wrap .el-stage1 .el-tripe{position:absolute; }
.el-wrap .el-stage1 .el-tripe span{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:98px;height:98px;filter:alpha(Opacity=0);opacity:0}
.el-wrap .el-stage1 .animate-start .el-t-t{background-position:0 -680px;-moz-animation:el-t-t .4s ease-out forwards;-webkit-animation:el-t-t .4s ease-out forwards;animation:el-t-t .4s ease-out forwards}
@-moz-keyframes el-t-t{0%{opacity:0;filter:10;-moz-transform:scale(5,5) translate(-100px,-15px);transform:scale(5,5) translate(-100px,-15px)}
100%{opacity:1;filter:0;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@-webkit-keyframes el-t-t{0%{opacity:0;-webkit-filter:10;filter:10;-webkit-transform:scale(5,5) translate(-100px,-15px);transform:scale(5,5) translate(-100px,-15px)}
100%{opacity:1;-webkit-filter:0;filter:0;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@keyframes el-t-t{0%{opacity:0;-webkit-filter:10;filter:10;-moz-transform:scale(5,5) translate(-100px,-15px);-ms-transform:scale(5,5) translate(-100px,-15px);-webkit-transform:scale(5,5) translate(-100px,-15px);transform:scale(5,5) translate(-100px,-15px)}
100%{opacity:1;-webkit-filter:0;filter:0;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
.el-wrap .el-stage1 .animate-start .el-t-m{background-position:0 -544px;-moz-animation:el-t-m .4s ease-out .2s forwards;-webkit-animation:el-t-m .4s ease-out .2s forwards;animation:el-t-m .4s ease-out .2s forwards}
@-moz-keyframes el-t-m{0%{opacity:0;-moz-transform:scale(5,5) translate(-60px,-15px);transform:scale(5,5) translate(-60px,-15px)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@-webkit-keyframes el-t-m{0%{opacity:0;-webkit-transform:scale(5,5) translate(-60px,-15px);transform:scale(5,5) translate(-60px,-15px)}
100%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@keyframes el-t-m{0%{opacity:0;-moz-transform:scale(5,5) translate(-60px,-15px);-ms-transform:scale(5,5) translate(-60px,-15px);-webkit-transform:scale(5,5) translate(-60px,-15px);transform:scale(5,5) translate(-60px,-15px)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
.el-wrap .el-stage1 .animate-start .el-t-j{background-position:0 -272px;-moz-animation:el-t-j .4s ease-out .4s forwards;-webkit-animation:el-t-j .4s ease-out .4s forwards;animation:el-t-j .4s ease-out .4s forwards}
@-moz-keyframes el-t-j{0%{opacity:0;-moz-transform:scale(5,5) translate(-40px,-15px);transform:scale(5,5) translate(-40px,-15px)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@-webkit-keyframes el-t-j{0%{opacity:0;-webkit-transform:scale(5,5) translate(-40px,-15px);transform:scale(5,5) translate(-40px,-15px)}
100%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@keyframes el-t-j{0%{opacity:0;-moz-transform:scale(5,5) translate(-40px,-15px);-ms-transform:scale(5,5) translate(-40px,-15px);-webkit-transform:scale(5,5) translate(-40px,-15px);transform:scale(5,5) translate(-40px,-15px)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
.el-wrap .el-stage1 .animate-start .el-t-b{background-position:0 0;-moz-animation:el-t-b .4s ease-out .6s forwards;-webkit-animation:el-t-b .4s ease-out .6s forwards;animation:el-t-b .4s ease-out .6s forwards}
@-moz-keyframes el-t-b{0%{opacity:0;-moz-transform:scale(5,5) translate(0,0);transform:scale(5,5) translate(0,0)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@-webkit-keyframes el-t-b{0%{opacity:0;-webkit-transform:scale(5,5) translate(0,0);transform:scale(5,5) translate(0,0)}
100%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@keyframes el-t-b{0%{opacity:0;-moz-transform:scale(5,5) translate(0,0);-ms-transform:scale(5,5) translate(0,0);-webkit-transform:scale(5,5) translate(0,0);transform:scale(5,5) translate(0,0)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
.el-wrap .el-stage1 .animate-start .el-t-bei{background-position:0 -136px;-moz-animation:el-t-bei .4s ease-out .8s forwards;-webkit-animation:el-t-bei .4s ease-out .8s forwards;animation:el-t-bei .4s ease-out .8s forwards}
@-moz-keyframes el-t-bei{0%{opacity:0;-moz-transform:scale(5,5) translate(40px,15px);transform:scale(5,5) translate(40px,15px)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@-webkit-keyframes el-t-bei{0%{opacity:0;-webkit-transform:scale(5,5) translate(40px,15px);transform:scale(5,5) translate(40px,15px)}
100%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@keyframes el-t-bei{0%{opacity:0;-moz-transform:scale(5,5) translate(40px,15px);-ms-transform:scale(5,5) translate(40px,15px);-webkit-transform:scale(5,5) translate(40px,15px);transform:scale(5,5) translate(40px,15px)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
.el-wrap .el-stage1 .animate-start .el-t-z{background-position:0 -816px;-moz-animation:el-t-z .4s ease-out 1s forwards;-webkit-animation:el-t-z .4s ease-out 1s forwards;animation:el-t-z .4s ease-out 1s forwards}
@-moz-keyframes el-t-z{0%{opacity:0;-moz-transform:scale(5,5) translate(60px,15px);transform:scale(5,5) translate(60px,15px)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@-webkit-keyframes el-t-z{0%{opacity:0;-webkit-transform:scale(5,5) translate(60px,15px);transform:scale(5,5) translate(60px,15px)}
100%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@keyframes el-t-z{0%{opacity:0;-moz-transform:scale(5,5) translate(60px,15px);-ms-transform:scale(5,5) translate(60px,15px);-webkit-transform:scale(5,5) translate(60px,15px);transform:scale(5,5) translate(60px,15px)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
.el-wrap .el-stage1 .animate-start .el-t-l{background-position:0 -408px;-moz-animation:el-t-l .4s ease-out 1.2s forwards;-webkit-animation:el-t-l .4s ease-out 1.2s forwards;animation:el-t-l .4s ease-out 1.2s forwards}
@-moz-keyframes el-t-l{0%{opacity:0;-moz-transform:scale(5,5) translate(100px,15px);transform:scale(5,5) translate(100px,15px)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@-webkit-keyframes el-t-l{0%{opacity:0;-webkit-transform:scale(5,5) translate(100px,15px);transform:scale(5,5) translate(100px,15px)}
100%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
@keyframes el-t-l{0%{opacity:0;-moz-transform:scale(5,5) translate(100px,15px);-ms-transform:scale(5,5) translate(100px,15px);-webkit-transform:scale(5,5) translate(100px,15px);transform:scale(5,5) translate(100px,15px)}
100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
}
.el-wrap .el-stage1 .animate-end .el-t-t{background-position:0 -680px;-moz-animation:el-t-t-end .4s ease-out forwards;-webkit-animation:el-t-t-end .4s ease-out forwards;animation:el-t-t-end .4s ease-out forwards}
@-moz-keyframes el-t-t-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(-100px,-15px);transform:scale(5,5) translate(-100px,-15px)}
}
@-webkit-keyframes el-t-t-end{0%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-webkit-transform:scale(5,5) translate(-100px,-15px);transform:scale(5,5) translate(-100px,-15px)}
}
@keyframes el-t-t-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(-100px,-15px);-ms-transform:scale(5,5) translate(-100px,-15px);-webkit-transform:scale(5,5) translate(-100px,-15px);transform:scale(5,5) translate(-100px,-15px)}
}
.el-wrap .el-stage1 .animate-end .el-t-m{background-position:0 -544px;-moz-animation:el-t-m-end .4s ease-out .2s forwards;-webkit-animation:el-t-m-end .4s ease-out .2s forwards;animation:el-t-m-end .4s ease-out .2s forwards}
@-moz-keyframes el-t-m-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(-60px,-15px);transform:scale(5,5) translate(-60px,-15px)}
}
@-webkit-keyframes el-t-m-end{0%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-webkit-transform:scale(5,5) translate(-60px,-15px);transform:scale(5,5) translate(-60px,-15px)}
}
@keyframes el-t-m-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(-60px,-15px);-ms-transform:scale(5,5) translate(-60px,-15px);-webkit-transform:scale(5,5) translate(-60px,-15px);transform:scale(5,5) translate(-60px,-15px)}
}
.el-wrap .el-stage1 .animate-end .el-t-j{background-position:0 -272px;-moz-animation:el-t-j-end .4s ease-out .4s forwards;-webkit-animation:el-t-j-end .4s ease-out .4s forwards;animation:el-t-j-end .4s ease-out .4s forwards}
@-moz-keyframes el-t-j-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(-40px,-15px);transform:scale(5,5) translate(-40px,-15px)}
}
@-webkit-keyframes el-t-j-end{0%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-webkit-transform:scale(5,5) translate(-40px,-15px);transform:scale(5,5) translate(-40px,-15px)}
}
@keyframes el-t-j-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(-40px,-15px);-ms-transform:scale(5,5) translate(-40px,-15px);-webkit-transform:scale(5,5) translate(-40px,-15px);transform:scale(5,5) translate(-40px,-15px)}
}
.el-wrap .el-stage1 .animate-end .el-t-b{background-position:0 0;-moz-animation:el-t-b-end .4s ease-out .6s forwards;-webkit-animation:el-t-b-end .4s ease-out .6s forwards;animation:el-t-b-end .4s ease-out .6s forwards}
@-moz-keyframes el-t-b-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(0,0);transform:scale(5,5) translate(0,0)}
}
@-webkit-keyframes el-t-b-end{0%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-webkit-transform:scale(5,5) translate(0,0);transform:scale(5,5) translate(0,0)}
}
@keyframes el-t-b-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(0,0);-ms-transform:scale(5,5) translate(0,0);-webkit-transform:scale(5,5) translate(0,0);transform:scale(5,5) translate(0,0)}
}
.el-wrap .el-stage1 .animate-end .el-t-bei{background-position:0 -136px;-moz-animation:el-t-bei-end .4s ease-out .8s forwards;-webkit-animation:el-t-bei-end .4s ease-out .8s forwards;animation:el-t-bei-end .4s ease-out .8s forwards}
@-moz-keyframes el-t-bei-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(40px,15px);transform:scale(5,5) translate(40px,15px)}
}
@-webkit-keyframes el-t-bei-end{0%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-webkit-transform:scale(5,5) translate(40px,15px);transform:scale(5,5) translate(40px,15px)}
}
@keyframes el-t-bei-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(40px,15px);-ms-transform:scale(5,5) translate(40px,15px);-webkit-transform:scale(5,5) translate(40px,15px);transform:scale(5,5) translate(40px,15px)}
}
.el-wrap .el-stage1 .animate-end .el-t-z{background-position:0 -816px;-moz-animation:el-t-z-end .4s ease-out 1s forwards;-webkit-animation:el-t-z-end .4s ease-out 1s forwards;animation:el-t-z-end .4s ease-out 1s forwards}
@-moz-keyframes el-t-z-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(60px,15px);transform:scale(5,5) translate(60px,15px)}
}
@-webkit-keyframes el-t-z-end{0%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-webkit-transform:scale(5,5) translate(60px,15px);transform:scale(5,5) translate(60px,15px)}
}
@keyframes el-t-z-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(60px,15px);-ms-transform:scale(5,5) translate(60px,15px);-webkit-transform:scale(5,5) translate(60px,15px);transform:scale(5,5) translate(60px,15px)}
}
.el-wrap .el-stage1 .animate-end .el-t-l{background-position:0 -408px;-moz-animation:el-t-l-end .4s ease-out 1.2s forwards;-webkit-animation:el-t-l-end .4s ease-out 1.2s forwards;animation:el-t-l-end .4s ease-out 1.2s forwards}
@-moz-keyframes el-t-l-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(100px,15px);transform:scale(5,5) translate(100px,15px)}
}
@-webkit-keyframes el-t-l-end{0%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-webkit-transform:scale(5,5) translate(100px,15px);transform:scale(5,5) translate(100px,15px)}
}
@keyframes el-t-l-end{0%{opacity:1;-moz-transform:scale(1,1) translate(0,0);-ms-transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}
100%{opacity:0;-moz-transform:scale(5,5) translate(100px,15px);-ms-transform:scale(5,5) translate(100px,15px);-webkit-transform:scale(5,5) translate(100px,15px);transform:scale(5,5) translate(100px,15px)}
}
.el-wrap .el-stage1 .open-btn{width:341px;height:71px;position:absolute;top:60%;left:50%;margin-left:-170px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTg4ZSIvPjxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNmZmU4OGUiLz48c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmZkYzUxIi8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNmZmRjNTEiLz48c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2VjYjcyOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjYjcyOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ffe88e),color-stop(3%,#ffe88e),color-stop(4%,#ffdc51),color-stop(96%,#ffdc51),color-stop(96%,#ecb728),color-stop(100%,#ecb728));background-image:-moz-linear-gradient(top,#ffe88e 0,#ffe88e 3%,#ffdc51 4%,#ffdc51 96%,#ecb728 96%,#ecb728 100%);background-image:-webkit-linear-gradient(top,#ffe88e 0,#ffe88e 3%,#ffdc51 4%,#ffdc51 96%,#ecb728 96%,#ecb728 100%);background-image:linear-gradient(to bottom,#ffe88e 0,#ffe88e 3%,#ffdc51 4%,#ffdc51 96%,#ecb728 96%,#ecb728 100%);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.el-wrap .el-stage1 .open-btn a{width:100%;height:100%;display:block;background:url(i/stage1-open-text.png) center center no-repeat}
.el-wrap .el-stage2{background:#fefefe;height:100%}
.el-wrap .el-stage2 .animate-start .stage2-info-text{-moz-animation:stage2-info-text .4s ease-out forwards;-webkit-animation:stage2-info-text .4s ease-out forwards;animation:stage2-info-text .4s ease-out forwards}
@-moz-keyframes stage2-info-text{100%{opacity:1;top:25%}
}
@-webkit-keyframes stage2-info-text{100%{opacity:1;top:25%}
}
@keyframes stage2-info-text{100%{opacity:1;top:25%}
}
.el-wrap .el-stage2 .animate-start .stage2-icon{display:block;top:40%;opacity:0;-moz-animation:bounceInUp 1.1s forwards;-webkit-animation:bounceInUp 1.1s forwards;animation:bounceInUp 1.1s forwards}
@-moz-keyframes bounceInUp{0%,100%,60%,75%,90%{-moz-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-moz-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-moz-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-moz-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-moz-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-moz-transform:none;transform:none}
}
@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-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:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes bounceInUp{0%,100%,60%,75%,90%{-moz-transition-timing-function:cubic-bezier(0.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-moz-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-moz-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-moz-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none}
}
.el-wrap .el-stage2 .animate-start .stage2-icon3{-moz-animation:stage2-icon3 .3s 1s cubic-bezier(0.215,.61,.355,1) forwards;-webkit-animation:stage2-icon3 .3s 1s cubic-bezier(0.215,.61,.355,1) forwards;animation:stage2-icon3 .3s 1s cubic-bezier(0.215,.61,.355,1) forwards}
@-moz-keyframes stage2-icon3{100%{-moz-transform:translateX(110px);transform:translateX(110px)}
}
@-webkit-keyframes stage2-icon3{100%{-webkit-transform:translateX(110px);transform:translateX(110px)}
}
@keyframes stage2-icon3{100%{-moz-transform:translateX(110px);-ms-transform:translateX(110px);-webkit-transform:translateX(110px);transform:translateX(110px)}
}
.el-wrap .el-stage2 .animate-start .stage2-icon2{-moz-animation:stage2-icon2 .3s 1s cubic-bezier(0.215,.61,.355,1) forwards;-webkit-animation:stage2-icon2 .3s 1s cubic-bezier(0.215,.61,.355,1) forwards;animation:stage2-icon2 .3s 1s cubic-bezier(0.215,.61,.355,1) forwards}
@-moz-keyframes stage2-icon2{100%{-moz-transform:translateX(-110px);transform:translateX(-110px)}
}
@-webkit-keyframes stage2-icon2{100%{-webkit-transform:translateX(-110px);transform:translateX(-110px)}
}
@keyframes stage2-icon2{100%{-moz-transform:translateX(-110px);-ms-transform:translateX(-110px);-webkit-transform:translateX(-110px);transform:translateX(-110px)}
}
.el-wrap .el-stage2 .animate-start .stage2-icon1{-moz-animation:stage2-icon1 .5s 1s cubic-bezier(0.215,.61,.355,1) forwards;-webkit-animation:stage2-icon1 .5s 1s cubic-bezier(0.215,.61,.355,1) forwards;animation:stage2-icon1 .5s 1s cubic-bezier(0.215,.61,.355,1) forwards}
@-moz-keyframes stage2-icon1{60%{-moz-transform:translateX(-350px);transform:translateX(-350px)}
100%{-moz-transform:translateX(-330px);transform:translateX(-330px)}
}
@-webkit-keyframes stage2-icon1{60%{-webkit-transform:translateX(-350px);transform:translateX(-350px)}
100%{-webkit-transform:translateX(-330px);transform:translateX(-330px)}
}
@keyframes stage2-icon1{60%{-moz-transform:translateX(-350px);-ms-transform:translateX(-350px);-webkit-transform:translateX(-350px);transform:translateX(-350px)}
100%{-moz-transform:translateX(-330px);-ms-transform:translateX(-330px);-webkit-transform:translateX(-330px);transform:translateX(-330px)}
}
.el-wrap .el-stage2 .animate-start .stage2-icon4{-moz-animation:stage2-icon4 .5s 1s cubic-bezier(0.215,.61,.355,1) forwards;-webkit-animation:stage2-icon4 .5s 1s cubic-bezier(0.215,.61,.355,1) forwards;animation:stage2-icon4 .5s 1s cubic-bezier(0.215,.61,.355,1) forwards}
@-moz-keyframes stage2-icon4{60%{-moz-transform:translateX(350px);transform:translateX(350px)}
100%{-moz-transform:translateX(330px);transform:translateX(330px)}
}
@-webkit-keyframes stage2-icon4{60%{-webkit-transform:translateX(350px);transform:translateX(350px)}
100%{-webkit-transform:translateX(330px);transform:translateX(330px)}
}
@keyframes stage2-icon4{60%{-moz-transform:translateX(350px);-ms-transform:translateX(350px);-webkit-transform:translateX(350px);transform:translateX(350px)}
100%{-moz-transform:translateX(330px);-ms-transform:translateX(330px);-webkit-transform:translateX(330px);transform:translateX(330px)}
}
.el-wrap .el-stage2 .animate-start .stage2-icon-info{-moz-animation:stage2-icon-info .4s 1.3s cubic-bezier(0.215,.61,.355,1) forwards;-webkit-animation:stage2-icon-info .4s 1.3s cubic-bezier(0.215,.61,.355,1) forwards;animation:stage2-icon-info .4s 1.3s cubic-bezier(0.215,.61,.355,1) forwards}
@-moz-keyframes stage2-icon-info{100%{opacity:1;-moz-transform:translateY(50px);transform:translateY(50px)}
}
@-webkit-keyframes stage2-icon-info{100%{opacity:1;-webkit-transform:translateY(50px);transform:translateY(50px)}
}
@keyframes stage2-icon-info{100%{opacity:1;-moz-transform:translateY(50px);-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px)}
}
.el-wrap .el-stage2 .stage2-info-text{width:476px;height:55px;background-position:0 -1280px;position:absolute;left:50%;margin-left:-238px;opacity:0;top:0}
.el-wrap .el-stage2 .stage2-icon{ display:none}
.el-wrap .el-stage2 .stage2-icon img{cursor:pointer;-moz-transition:all,ease-out .3s;-o-transition:all,ease-out .3s;-webkit-transition:all,ease-out .3s;transition:all,ease-out .3s}
.el-wrap .el-stage2 .stage2-icon img:hover{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.el-wrap .el-stage2 .stage2-icon .stage2-icon-item{text-align:center; float:left}
.el-wrap .el-stage2 .stage2-icon .stage2-icon-item .stage2-icon-info{font-size:22px;opacity:0}
.el-wrap .el-stage2 .stage2-icon .stage2-icon3{z-index:4}
.el-wrap .el-stage2 .stage2-icon .stage2-icon2{z-index:3}
.el-wrap .el-stage2 .stage2-icon .stage2-icon1,.el-wrap .el-stage2 .stage2-icon .stage2-icon4{z-index:1}
.el-wrap .el-stage3{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMTU4NDk0IiB5MT0iMS4wOTE1MDYiIHgyPSIwLjg0MTUwNiIgeTI9Ii0wLjA5MTUwNiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmOWFjZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlODNkNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-moz-linear-gradient(60deg,#4f9acf,#3e83d5);background-image:-webkit-linear-gradient(60deg,#4f9acf,#3e83d5);background-image:linear-gradient(30deg,#4f9acf,#3e83d5);height:100%}
.el-wrap .el-stage3 .animate-start .stage3-info-text{-moz-animation:stage3-info-text .4s ease-out forwards;-webkit-animation:stage3-info-text .4s ease-out forwards;animation:stage3-info-text .4s ease-out forwards}
@-moz-keyframes stage3-info-text{100%{opacity:1;top:20%}
}
@-webkit-keyframes stage3-info-text{100%{opacity:1;top:20%}
}
@keyframes stage3-info-text{100%{opacity:1;top:20%}
}
.el-wrap .el-stage3 .animate-start .stage3-icon-wrap1{-moz-animation:stage3Drop 1.1s .3s forwards;-webkit-animation:stage3Drop 1.1s .3s forwards;animation:stage3Drop 1.1s .3s forwards}
.el-wrap .el-stage3 .animate-start .stage3-icon-wrap2{-moz-animation:stage3Drop 1.1s .36s forwards;-webkit-animation:stage3Drop 1.1s .36s forwards;animation:stage3Drop 1.1s .36s forwards}
.el-wrap .el-stage3 .animate-start .stage3-icon-wrap3{-moz-animation:stage3Drop 1.1s .42s forwards;-webkit-animation:stage3Drop 1.1s .42s forwards;animation:stage3Drop 1.1s .42s forwards}
.el-wrap .el-stage3 .animate-start .stage3-icon-wrap4{-moz-animation:stage3Drop 1.1s .48s forwards;-webkit-animation:stage3Drop 1.1s .48s forwards;animation:stage3Drop 1.1s .48s forwards}
@-moz-keyframes stage3Drop{0%,100%,60%,75%,90%{-moz-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-moz-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-moz-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-moz-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-moz-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-moz-transform:none;transform:none}
}
@-webkit-keyframes stage3Drop{0%,100%,60%,75%,90%{-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:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes stage3Drop{0%,100%,60%,75%,90%{-moz-transition-timing-function:cubic-bezier(0.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-moz-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-moz-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-moz-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none}
}
.el-wrap .el-stage3 .animate-start .stage3-wave{height:52%;-moz-transition:height .8s ease;-o-transition:height .8s ease;-webkit-transition:height .8s ease;transition:height .8s ease}
.el-wrap .el-stage3 .animate-start .stage3-wave1{-moz-animation:waveMove 6s linear infinite forwards;-webkit-animation:waveMove 6s linear infinite forwards;animation:waveMove 6s linear infinite forwards}
@-moz-keyframes waveMove{100%{-moz-transform:translateX(-427px);transform:translateX(-427px)}
}
@-webkit-keyframes waveMove{100%{-webkit-transform:translateX(-427px);transform:translateX(-427px)}
}
@keyframes waveMove{100%{-moz-transform:translateX(-427px);-ms-transform:translateX(-427px);-webkit-transform:translateX(-427px);transform:translateX(-427px)}
}
.el-wrap .el-stage3 .animate-start .stage3-wave2{-moz-animation:waveMove 4.5s linear infinite forwards;-webkit-animation:waveMove 4.5s linear infinite forwards;animation:waveMove 4.5s linear infinite forwards}
@-moz-keyframes waveMove{100%{-moz-transform:translateX(-427px);transform:translateX(-427px)}
}
@-webkit-keyframes waveMove{100%{-webkit-transform:translateX(-427px);transform:translateX(-427px)}
}
@keyframes waveMove{100%{-moz-transform:translateX(-427px);-ms-transform:translateX(-427px);-webkit-transform:translateX(-427px);transform:translateX(-427px)}
}
.el-wrap .el-stage3 .stage3-info-text{width:420px;height:58px;position:absolute;left:50%;margin-left:-210px;background-position:0 -1375px;opacity:0;top:0}
.el-wrap .el-stage3 .stage3-icon-wrap{position:absolute; width:100%}
.el-wrap .el-stage3 .stage3-icon{ }
.el-wrap .el-stage3 .stage3-icon-wrap1{ left:0;opacity:0; }
.el-wrap .el-stage3 .stage3-icon-wrap1 .stage3-icon{background:url(i/stage3-icon1.png) center center no-repeat}
.el-wrap .el-stage3 .stage3-icon-wrap2{ opacity:0;float:left}
.el-wrap .el-stage3 .stage3-icon-wrap2 .stage3-icon{background:url(i/stage3-icon2.png) center center no-repeat}
.el-wrap .el-stage3 .stage3-icon-wrap3{position:absolute;left:504px;opacity:0;float:left}
.el-wrap .el-stage3 .stage3-icon-wrap3 .stage3-icon{background:url(i/stage3-icon3.png) center center no-repeat}
.el-wrap .el-stage3 .stage3-icon-wrap4{position:absolute;left:756px;opacity:0;float:left}
.el-wrap .el-stage3 .stage3-icon-wrap4 .stage3-icon{background:url(i/stage3-icon4.png) center center no-repeat}
.el-wrap .el-stage3 .stage3-wave{ position:absolute;height:0;bottom:-110px}
.el-wrap .el-stage3 .stage3-wave .stage3-wave1{height:100%;position:absolute;left:0;width:500000px}
.el-wrap .el-stage3 .stage3-wave .stage3-wave2{height:100%;left:0;position:absolute;width:500000px}
.el-wrap .el-stage3 .stage3-wave .stage3-wave2 .stage3-wave-water{background:url(i/stage3-wave.png) 100px 0 repeat-x}
.el-wrap .el-stage3 .stage3-wave .stage3-wave-bg{background:#fff;opacity:.12;position:absolute;bottom:0;height:100%;width:100%}
.el-wrap .el-stage3 .stage3-wave .stage3-wave-water{background:url(i/stage3-wave.png) repeat-x;height:50px;position:absolute;top:-50px;width:100%;opacity:.8}
.el-wrap .el-stage4{background:#fefefe;height:100%}


.el-wrap .el-stage7{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMTU4NDk0IiB5MT0iMS4wOTE1MDYiIHgyPSIwLjg0MTUwNiIgeTI9Ii0wLjA5MTUwNiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmOWFjZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlODNkNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-moz-linear-gradient(60deg,#4f9acf,#3e83d5);background-image:-webkit-linear-gradient(60deg,#4f9acf,#3e83d5);background-image:linear-gradient(30deg,#4f9acf,#3e83d5);height:100%}
.el-wrap .el-stage7 .animate-start .stage7-info-text{-moz-animation:stage7-info-text .4s ease-out forwards;-webkit-animation:stage7-info-text .4s ease-out forwards;animation:stage7-info-text .4s ease-out forwards}
@-moz-keyframes stage7-info-text{100%{opacity:1;top:20%}
}
@-webkit-keyframes stage7-info-text{100%{opacity:1;top:20%}
}
@keyframes stage7-info-text{100%{opacity:1;top:20%}
}
.el-wrap .el-stage7 .animate-start .stage7-icon-wrap1{-moz-animation:stage7Drop 1.1s .3s forwards;-webkit-animation:stage7Drop 1.1s .3s forwards;animation:stage7Drop 1.1s .3s forwards}
.el-wrap .el-stage7 .animate-start .stage7-icon-wrap2{-moz-animation:stage7Drop 1.1s .36s forwards;-webkit-animation:stage7Drop 1.1s .36s forwards;animation:stage7Drop 1.1s .36s forwards}
.el-wrap .el-stage7 .animate-start .stage7-icon-wrap3{-moz-animation:stage7Drop 1.1s .42s forwards;-webkit-animation:stage7Drop 1.1s .42s forwards;animation:stage7Drop 1.1s .42s forwards}
.el-wrap .el-stage7 .animate-start .stage7-icon-wrap4{-moz-animation:stage7Drop 1.1s .48s forwards;-webkit-animation:stage7Drop 1.1s .48s forwards;animation:stage7Drop 1.1s .48s forwards}
@-moz-keyframes stage7Drop{0%,100%,60%,75%,90%{-moz-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-moz-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-moz-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-moz-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-moz-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-moz-transform:none;transform:none}
}
@-webkit-keyframes stage7Drop{0%,100%,60%,75%,90%{-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:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes stage7Drop{0%,100%,60%,75%,90%{-moz-transition-timing-function:cubic-bezier(0.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-moz-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-moz-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-moz-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none}
}
.el-wrap .el-stage7 .animate-start .stage7-wave{height:52%;-moz-transition:height .8s ease;-o-transition:height .8s ease;-webkit-transition:height .8s ease;transition:height .8s ease}
.el-wrap .el-stage7 .animate-start .stage7-wave1{-moz-animation:waveMove 6s linear infinite forwards;-webkit-animation:waveMove 6s linear infinite forwards;animation:waveMove 6s linear infinite forwards}
@-moz-keyframes waveMove{100%{-moz-transform:translateX(-427px);transform:translateX(-427px)}
}
@-webkit-keyframes waveMove{100%{-webkit-transform:translateX(-427px);transform:translateX(-427px)}
}
@keyframes waveMove{100%{-moz-transform:translateX(-427px);-ms-transform:translateX(-427px);-webkit-transform:translateX(-427px);transform:translateX(-427px)}
}
.el-wrap .el-stage7 .animate-start .stage7-wave2{-moz-animation:waveMove 4.5s linear infinite forwards;-webkit-animation:waveMove 4.5s linear infinite forwards;animation:waveMove 4.5s linear infinite forwards}
@-moz-keyframes waveMove{100%{-moz-transform:translateX(-427px);transform:translateX(-427px)}
}
@-webkit-keyframes waveMove{100%{-webkit-transform:translateX(-427px);transform:translateX(-427px)}
}
@keyframes waveMove{100%{-moz-transform:translateX(-427px);-ms-transform:translateX(-427px);-webkit-transform:translateX(-427px);transform:translateX(-427px)}
}
.el-wrap .el-stage7 .stage7-info-text{width:420px;height:58px;position:absolute;left:50%;margin-left:-210px;background-position:0 -1375px;opacity:0;top:0}
.el-wrap .el-stage7 .stage7-icon-wrap{position:absolute; width:100%}
.el-wrap .el-stage7 .stage7-icon{ }
.el-wrap .el-stage7 .stage7-icon-wrap1{ left:0;opacity:0; }
.el-wrap .el-stage7 .stage7-icon-wrap1 .stage7-icon{background:url(i/stage7-icon1.png) center center no-repeat}
.el-wrap .el-stage7 .stage7-icon-wrap2{ opacity:0;float:left}
.el-wrap .el-stage7 .stage7-icon-wrap2 .stage7-icon{background:url(i/stage7-icon2.png) center center no-repeat}
.el-wrap .el-stage7 .stage7-icon-wrap3{position:absolute;left:504px;opacity:0;float:left}
.el-wrap .el-stage7 .stage7-icon-wrap3 .stage7-icon{background:url(i/stage7-icon3.png) center center no-repeat}
.el-wrap .el-stage7 .stage7-icon-wrap4{position:absolute;left:756px;opacity:0;float:left}
.el-wrap .el-stage7 .stage7-icon-wrap4 .stage7-icon{background:url(i/stage7-icon4.png) center center no-repeat}
.el-wrap .el-stage7 .stage7-wave{ position:absolute;height:0;bottom:-110px}
.el-wrap .el-stage7 .stage7-wave .stage7-wave1{height:100%;position:absolute;left:0;width:500000px}
.el-wrap .el-stage7 .stage7-wave .stage7-wave2{height:100%;left:0;position:absolute;width:500000px}
.el-wrap .el-stage7 .stage7-wave .stage7-wave2 .stage7-wave-water{background:url(i/stage7-wave.png) 100px 0 repeat-x}
.el-wrap .el-stage7 .stage7-wave .stage7-wave-bg{background:#fff;opacity:.12;position:absolute;bottom:0;height:100%;width:100%}
.el-wrap .el-stage7 .stage7-wave .stage7-wave-water{background:url(i/stage7-wave.png) repeat-x;height:50px;position:absolute;top:-50px;width:100%;opacity:.8}
.el-wrap .el-stage4{background:#fefefe;height:100%}




.el-wrap .el-stage4 .animate-start .stage4-info-text{-moz-animation:stage4-info-text .6s ease-out forwards;-webkit-animation:stage4-info-text .4s ease-out forwards;animation:stage4-info-text .4s ease-out forwards}
.el-wrap .el-stage4 .animate-start .stage4-info-text1{-moz-animation:stage4-info-text1 .10s ease-out forwards;-webkit-animation:stage4-info-text1 .10s ease-out forwards;animation:stage4-info-text1 .10s ease-out forwards}
@-moz-keyframes stage4-info-text{100%{opacity:1;top:10%}
}
@-moz-keyframes stage4-info-text1{100%{opacity:1;top:10%}
}
@-webkit-keyframes stage4-info-text{100%{opacity:1;top:10%}
}
@keyframes stage4-info-text{100%{opacity:1;top:10%}
}
@keyframes stage4-info-text1{100%{opacity:1;top:10%}
}
.el-wrap .el-stage4 .animate-start .stage4-icon-wrap{-moz-animation:stage4-icon-rotate 9s linear forwards infinite;-webkit-animation:stage4-icon-rotate 9s linear forwards infinite;animation:stage4-icon-rotate 9s linear forwards infinite}
@-moz-keyframes stage4-icon-rotate{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes stage4-icon-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes stage4-icon-rotate{100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.el-wrap .el-stage4 .animate-start .stage4-icon1{-moz-animation:stage4IconScale 3.6s .6s linear forwards infinite;-webkit-animation:stage4IconScale 3.6s .6s linear forwards infinite;animation:stage4IconScale 3.6s .6s linear forwards infinite;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}
.el-wrap .el-stage4 .animate-start .stage4-icon2{-moz-animation:stage4IconScale 3.6s 1.2s linear forwards infinite;-webkit-animation:stage4IconScale 3.6s 1.2s linear forwards infinite;animation:stage4IconScale 3.6s 1.2s linear forwards infinite;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}
.el-wrap .el-stage4 .animate-start .stage4-icon3{-moz-animation:stage4IconScale 3.6s 1.8s linear forwards infinite;-webkit-animation:stage4IconScale 3.6s 1.8s linear forwards infinite;animation:stage4IconScale 3.6s 1.8s linear forwards infinite;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}
.el-wrap .el-stage4 .animate-start .stage4-icon4{-moz-animation:stage4IconScale 3.6s 2.4s linear forwards infinite;-webkit-animation:stage4IconScale 3.6s 2.4s linear forwards infinite;animation:stage4IconScale 3.6s 2.4s linear forwards infinite;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}
.el-wrap .el-stage4 .animate-start .stage4-icon5{-moz-animation:stage4IconScale 3.6s 3s linear forwards infinite;-webkit-animation:stage4IconScale 3.6s 3s linear forwards infinite;animation:stage4IconScale 3.6s 3s linear forwards infinite;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}
.el-wrap .el-stage4 .animate-start .stage4-icon6{-moz-animation:stage4IconScale 3.6s 3.6s linear forwards infinite;-webkit-animation:stage4IconScale 3.6s 3.6s linear forwards infinite;animation:stage4IconScale 3.6s 3.6s linear forwards infinite;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}
@-moz-keyframes stage4IconScale{0%{-moz-transform:scale(0.5);transform:scale(0.5)}
20%{-moz-transform:scale(0.8);transform:scale(0.8)}
40%{-moz-transform:scale(0.9);transform:scale(0.9)}
65%{-moz-transform:scale(1.1);transform:scale(1.1)}
100%{-moz-transform:scale(0.5);transform:scale(0.5)}
}
@-webkit-keyframes stage4IconScale{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}
20%{-webkit-transform:scale(0.8);transform:scale(0.8)}
40%{-webkit-transform:scale(0.9);transform:scale(0.9)}
65%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(0.5);transform:scale(0.5)}
}
@keyframes stage4IconScale{0%{-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}
20%{-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8)}
40%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)}
65%{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}
}
.el-wrap .el-stage4 .animate-start .stage4-icon-con{-moz-animation:stage4-con-rotate 9s linear forwards infinite;-webkit-animation:stage4-con-rotate 9s linear forwards infinite;animation:stage4-con-rotate 9s linear forwards infinite}
@-moz-keyframes stage4-con-rotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@-webkit-keyframes stage4-con-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes stage4-con-rotate{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
.el-wrap .el-stage4 .stage4-info-text1{ opacity:0;top:0; background-position:0 -1473px}
.el-wrap .el-stage4 .stage4-info-text{ opacity:0;top:0; background-position:0 -1473px}
.el-wrap .el-stage4 .stage4-icon-wrap{position: relative;left:20%;top:20%;margin-top:10%;width:270px;height:270px}
.el-wrap .el-stage4 .stage4-icon{width:70px;height:70px;position:absolute;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;font-size:34px;text-align:center;line-height:70px;color:#fff}
.el-wrap .el-stage4 .stage4-icon1{left:105px}
.el-wrap .el-stage4 .stage4-icon1 .stage4-icon-bg{width:100%;height:100%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlODI1NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzc5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,50% 100%,50% 0,color-stop(0%,#fe8256),color-stop(100%,#ffc79c));background-image:-moz-linear-gradient(bottom,#fe8256,#ffc79c);background-image:-webkit-linear-gradient(bottom,#fe8256,#ffc79c);background-image:linear-gradient(to top,#fe8256,#ffc79c)}
.el-wrap .el-stage4 .stage4-icon1 .stage4-icon-bg .stage4-icon-con{width:100%;height:100%;text-shadow:#fe855a 0 2px 1px;-moz-background-size:30%;-o-background-size:30%;-webkit-background-size:30%;background-size:30%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
.el-wrap .el-stage4 .stage4-icon2{left:204px;top:62px}
.el-wrap .el-stage4 .stage4-icon2 .stage4-icon-bg{width:100%;height:100%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxZTlkMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M5ZjI5YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,50% 100%,50% 0,color-stop(0%,#81e9d1),color-stop(100%,#c9f29a));background-image:-moz-linear-gradient(bottom,#81e9d1,#c9f29a);background-image:-webkit-linear-gradient(bottom,#81e9d1,#c9f29a);background-image:linear-gradient(to top,#81e9d1,#c9f29a)}
.el-wrap .el-stage4 .stage4-icon2 .stage4-icon-bg .stage4-icon-con{width:100%;height:100%;background:url(i/stage4-note-green.png) center center/50% no-repeat;-moz-background-size:50%;-o-background-size:50%;-webkit-background-size:50%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
.el-wrap .el-stage4 .stage4-icon3{left:205px;top:160px}
.el-wrap .el-stage4 .stage4-icon3 .stage4-icon-bg{width:100%;height:100%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwZDhlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E2YjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,50% 100%,50% 0,color-stop(0%,#90d8e0),color-stop(100%,#a6b3f3));background-image:-moz-linear-gradient(bottom,#90d8e0,#a6b3f3);background-image:-webkit-linear-gradient(bottom,#90d8e0,#a6b3f3);background-image:linear-gradient(to top,#90d8e0,#a6b3f3)}
.el-wrap .el-stage4 .stage4-icon3 .stage4-icon-bg .stage4-icon-con{width:100%;height:100%;-moz-background-size:30%;-o-background-size:30%;-webkit-background-size:30%;background-size:30%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
.el-wrap .el-stage4 .stage4-icon4{left:105px;top:222px}
.el-wrap .el-stage4 .stage4-icon4 .stage4-icon-bg{width:100%;height:100%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1YjRmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxYTNkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,50% 100%,50% 0,color-stop(0%,#a5b4f2),color-stop(100%,#f1a3df));background-image:-moz-linear-gradient(bottom,#a5b4f2,#f1a3df);background-image:-webkit-linear-gradient(bottom,#a5b4f2,#f1a3df);background-image:linear-gradient(to top,#a5b4f2,#f1a3df)}
.el-wrap .el-stage4 .stage4-icon4 .stage4-icon-bg .stage4-icon-con{width:100%;height:100%;background:url(i/stage4-note-pur.png) center center/50% no-repeat;-moz-background-size:50%;-o-background-size:50%;-webkit-background-size:50%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
.el-wrap .el-stage4 .stage4-icon5{left:5px;top:160px}
.el-wrap .el-stage4 .stage4-icon5 .stage4-icon-bg{width:100%;height:100%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGY1MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjYTcyYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,50% 100%,50% 0,color-stop(0%,#ffdf53),color-stop(100%,#fca72a));background-image:-moz-linear-gradient(bottom,#ffdf53,#fca72a);background-image:-webkit-linear-gradient(bottom,#ffdf53,#fca72a);background-image:linear-gradient(to top,#ffdf53,#fca72a)}
.el-wrap .el-stage4 .stage4-icon5 .stage4-icon-bg .stage4-icon-con{width:100%;height:100%;text-shadow:#f1ad3e 0 2px 1px;-moz-background-size:30%;-o-background-size:30%;-webkit-background-size:30%;background-size:30%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
.el-wrap .el-stage4 .stage4-icon6{left:5px;top:62px}
.el-wrap .el-stage4 .stage4-icon6 .stage4-icon-bg{width:100%;height:100%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxYTNkZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E1YjRmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,50% 100%,50% 0,color-stop(0%,#f1a3df),color-stop(100%,#a5b4f2));background-image:-moz-linear-gradient(bottom,#f1a3df,#a5b4f2);background-image:-webkit-linear-gradient(bottom,#f1a3df,#a5b4f2);  background-image: linear-gradient(to top,#FCDDBF,#DEF50B);}
.el-wrap .el-stage4 .stage4-icon6 .stage4-icon-bg .stage4-icon-con{width:100%;height:100%;background:url(i/stage4-note-pur.png) center center/50% no-repeat;-moz-background-size:50%;-o-background-size:50%;-webkit-background-size:50%;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}
.el-wrap .el-stage4 .stage4-intro{width:545px;height:56px;position:absolute;left:50%;margin-left:-274px;top:65%;background-position:0 -1571px}
.el-wrap .el-stage4 .el-pub-btn{border-color:#3e83d5;background-position:0 -1052px}
.el-wrap .el-stage4 .el-pub-btn a{color:#3e83d5}
.el-wrap .el-stage5{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlOGVlYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNkYzllYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0%,#3e8eec),color-stop(100%,#3dc9ec));background-image:-moz-linear-gradient(left top,#3e8eec,#3dc9ec);background-image:-webkit-linear-gradient(left top,#3e8eec,#3dc9ec);background-image:linear-gradient(to right bottom,#3e8eec,#3dc9ec);-moz-animation:bgGraient 5s infinite alternate;-webkit-animation:bgGraient 5s infinite alternate;animation:bgGraient 5s infinite alternate;height:100%}
@-moz-keyframes bgGradient{100%{background-image:-moz-linear-gradient(left top,#3dc9ec,#3e8eec);background-image:linear-gradient(to right bottom,#3dc9ec,#3e8eec)}
}
@-webkit-keyframes bgGradient{100%{background-image:-webkit-linear-gradient(left top,#3dc9ec,#3e8eec);background-image:linear-gradient(to right bottom,#3dc9ec,#3e8eec)}
}
@keyframes bgGradient{100%{background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0%,#3dc9ec),color-stop(100%,#3e8eec));background-image:-moz-linear-gradient(left top,#3dc9ec,#3e8eec);background-image:-webkit-linear-gradient(left top,#3dc9ec,#3e8eec);background-image:linear-gradient(to right bottom,#3dc9ec,#3e8eec)}
}
.el-wrap .el-stage5 .animate-start .stage5-info-text{-moz-animation:stage5-info-text .4s ease-out forwards;-webkit-animation:stage5-info-text .4s ease-out forwards;animation:stage5-info-text .4s ease-out forwards}
@-moz-keyframes stage5-info-text{100%{opacity:1;top:20%}
}
@-webkit-keyframes stage5-info-text{100%{opacity:1;top:20%}
}
@keyframes stage5-info-text{100%{opacity:1;top:20%}
}
.el-wrap .el-stage5 .animate-start .stage5-icon1{-moz-animation:stage5Drop .8 1s forwards;-webkit-animation:stage5Drop .8 1s forwards;animation:stage5Drop .8 1s forwards}
.el-wrap .el-stage5 .animate-start .stage5-icon2{-moz-animation:stage5Drop .8 1.2s forwards;-webkit-animation:stage5Drop .8 1.2s forwards;animation:stage5Drop .8 1.2s forwards}
.el-wrap .el-stage5 .animate-start .stage5-icon3{-moz-animation:stage5Drop .8 1.4s forwards;-webkit-animation:stage5Drop .8 1.4s forwards;animation:stage5Drop .8 1.4s forwards}
@-moz-keyframes stage5Drop{0%,100%,60%,75%,90%{-moz-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-moz-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-moz-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-moz-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-moz-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-moz-transform:none;transform:none}
}
@-webkit-keyframes stage5Drop{0%,100%,60%,75%,90%{-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:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes stage5Drop{0%,100%,60%,75%,90%{-moz-transition-timing-function:cubic-bezier(0.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-moz-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-moz-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-moz-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{opacity:1;-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none}
}
.el-wrap .el-stage5 .stage5-info-text{width:478px;height:58px;position:absolute;left:50%;margin-left:-239px;background-position:0 -2555px;opacity:0;top:0}
.el-wrap .el-stage5 .stage5-icon-wrap{position:absolute;left:50%;top:35%;margin-left:-333px}
.el-wrap .el-stage5 .stage5-icon{position:absolute;width:196px;height:256px;opacity:0}
.el-wrap .el-stage5 .stage5-icon1{background-position:0 -1667px}
.el-wrap .el-stage5 .stage5-icon2{background-position:0 -1963px;left:230px}
.el-wrap .el-stage5 .stage5-icon3{background-position:0 -2259px;left:460px}
.el-wrap .el-stage6{background:#fff;height:100%}
.el-wrap .el-stage6 .animate-start .stage6-info-text{-moz-animation:stage5-info-text .4s ease-out forwards;-webkit-animation:stage5-info-text .4s ease-out forwards;animation:stage5-info-text .4s ease-out forwards}
@-moz-keyframes stage5-info-text{100%{opacity:1;top:18%}
}
@-webkit-keyframes stage5-info-text{100%{opacity:1;top:18%}
}
@keyframes stage5-info-text{100%{opacity:1;top:18%}
}
.el-wrap .el-stage6 .animate-start .stage6-icon1{-moz-animation:orderMove 5s .5s infinite linear;-webkit-animation:orderMove 5s .5s infinite linear;animation:orderMove 5s .5s infinite linear}
@-moz-keyframes orderMove{0%,15%{-moz-transform:translateX(0) scale(1);transform:translateX(0) scale(1);z-index:1;opacity:1}
25%{-moz-transform:translateX(200px) scale(1.5);transform:translateX(200px) scale(1.5);opacity:1}
35%,50%,65%{z-index:0;-moz-transform:translateX(395px) scale(1);transform:translateX(395px) scale(1);opacity:1}
75%{opacity:.5;-moz-transform:translateX(200px) scale(0.5);transform:translateX(200px) scale(0.5)}
100%,85%{opacity:1;-moz-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}
}
@-webkit-keyframes orderMove{0%,15%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);z-index:1;opacity:1}
25%{-webkit-transform:translateX(200px) scale(1.5);transform:translateX(200px) scale(1.5);opacity:1}
35%,50%,65%{z-index:0;-webkit-transform:translateX(395px) scale(1);transform:translateX(395px) scale(1);opacity:1}
75%{opacity:.5;-webkit-transform:translateX(200px) scale(0.5);transform:translateX(200px) scale(0.5)}
100%,85%{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}
}
@keyframes orderMove{0%,15%{-moz-transform:translateX(0) scale(1);-ms-transform:translateX(0) scale(1);-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);z-index:1;opacity:1}
25%{-moz-transform:translateX(200px) scale(1.5);-ms-transform:translateX(200px) scale(1.5);-webkit-transform:translateX(200px) scale(1.5);transform:translateX(200px) scale(1.5);opacity:1}
35%,50%,65%{z-index:0;-moz-transform:translateX(395px) scale(1);-ms-transform:translateX(395px) scale(1);-webkit-transform:translateX(395px) scale(1);transform:translateX(395px) scale(1);opacity:1}
75%{opacity:.5;-moz-transform:translateX(200px) scale(0.5);-ms-transform:translateX(200px) scale(0.5);-webkit-transform:translateX(200px) scale(0.5);transform:translateX(200px) scale(0.5)}
100%,85%{opacity:1;-moz-transform:translateX(0) scale(1);-ms-transform:translateX(0) scale(1);-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}
}
.el-wrap .el-stage6 .animate-start .stage6-icon2{-moz-animation:moneyMove 5s .5s infinite linear;-webkit-animation:moneyMove 5s .5s infinite linear;animation:moneyMove 5s .5s infinite linear}
@-moz-keyframes moneyMove{0%,15%{-moz-transform:translateX(0) scale(1);transform:translateX(0) scale(1);z-index:0}
25%{-moz-transform:translateX(-200px) scale(0.5);transform:translateX(-200px) scale(0.5);opacity:.5}
35%,50%,65%{-moz-transform:translateX(-395px) scale(1);transform:translateX(-395px) scale(1);z-index:1;opacity:1}
75%{opacity:1;-moz-transform:translateX(-200px) scale(1.5);transform:translateX(-200px) scale(1.5)}
100%,85%{opacity:1;-moz-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}
}
@-webkit-keyframes moneyMove{0%,15%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);z-index:0}
25%{-webkit-transform:translateX(-200px) scale(0.5);transform:translateX(-200px) scale(0.5);opacity:.5}
35%,50%,65%{-webkit-transform:translateX(-395px) scale(1);transform:translateX(-395px) scale(1);z-index:1;opacity:1}
75%{opacity:1;-webkit-transform:translateX(-200px) scale(1.5);transform:translateX(-200px) scale(1.5)}
100%,85%{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}
}
@keyframes moneyMove{0%,15%{-moz-transform:translateX(0) scale(1);-ms-transform:translateX(0) scale(1);-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);z-index:0}
25%{-moz-transform:translateX(-200px) scale(0.5);-ms-transform:translateX(-200px) scale(0.5);-webkit-transform:translateX(-200px) scale(0.5);transform:translateX(-200px) scale(0.5);opacity:.5}
35%,50%,65%{-moz-transform:translateX(-395px) scale(1);-ms-transform:translateX(-395px) scale(1);-webkit-transform:translateX(-395px) scale(1);transform:translateX(-395px) scale(1);z-index:1;opacity:1}
75%{opacity:1;-moz-transform:translateX(-200px) scale(1.5);-ms-transform:translateX(-200px) scale(1.5);-webkit-transform:translateX(-200px) scale(1.5);transform:translateX(-200px) scale(1.5)}
100%,85%{opacity:1;-moz-transform:translateX(0) scale(1);-ms-transform:translateX(0) scale(1);-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}
}
.el-wrap .el-stage6 .stage6-info-text{width:355px;height:58px;position:absolute;left:50%;margin-left:-177px;background-position:0 -3218px;opacity:0;top:0}
.el-wrap .el-stage6 .stage6-icon-wrap{width:579px;height:284px;position:absolute;left:50%;top:30%;background-position:0 -2894px;margin-left:-290px;opacity:1}
.el-wrap .el-stage6 .stage6-icon-wrap .stage6-icon1{width:68px;height:83px;position:absolute;left:60px;top:11px;background-position:0 -2653px}
.el-wrap .el-stage6 .stage6-icon-wrap .stage6-icon2{width:108px;height:78px;position:absolute;right:40px;top:20px;background-position:0 -2776px}
.el-wrap .el-stage6 .el-pub-btn{border-color:#3e83d5;background-position:0 -1052px}
.el-wrap .el-stage6 .el-pub-btn a{color:#3e83d5}
.slide-arrow{width:110px;height:24px;padding:15px 0;position:fixed;bottom:8%;left:50%;margin-left:-55px;cursor:pointer;background-position:0 -1216px;filter:alpha(Opacity=50);opacity:.5;-moz-animation:slideMove infinite 1.5s linear;-webkit-animation:slideMove infinite 1.5s linear;animation:slideMove infinite 1.5s linear}
@-moz-keyframes slideMove{0%{-moz-transform:translate(0,0);transform:translate(0,0)}
80%,98%{opacity:1;-moz-transform:translate(0,25px);transform:translate(0,25px)}
100%{opacity:1;-moz-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes slideMove{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
80%,98%{opacity:1;-webkit-transform:translate(0,25px);transform:translate(0,25px)}
100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes slideMove{0%{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
80%,98%{opacity:1;-moz-transform:translate(0,25px);-ms-transform:translate(0,25px);-webkit-transform:translate(0,25px);transform:translate(0,25px)}
100%{opacity:1;-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
}

.slide-blue{background-position:0 -1152px}
.side-tag{position:fixed;right:10%;top:50%;margin-top:-100px}
.side-tag .side-tag-item{width:12px;height:12px;border-radius:10px;background:#b2b2b2;margin:15px 0;position:relative;cursor:pointer}
.side-tag .side-tag-item .side-tag-bg{position:absolute;left:0;top:0;background:#b2b2b2;width:12px;height:12px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}
.side-tag .side-tag-item .side-tag-bg:hover{width:100px;-moz-transform:translateX(-44px);-ms-transform:translateX(-44px);-webkit-transform:translateX(-44px);transform:translateX(-44px)}
.side-tag .side-tag-item .side-tag-wrap{width:300px;text-align:center;margin-left:-143px;position:relative}
.side-tag .side-tag-item .side-tag-wrap .side-tag-text{white-space:nowrap;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;height:12px;line-height:12px;margin-top:-6px;filter:alpha(Opacity=0);opacity:0;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in;color:#fff}