body,html{position:relative;height:100%;width:100%;overflow:hidden}a,a:hover{outline:0}.footer,.header{z-index:99}.clearfix:after,.page_1 .page_bg:before{content:""}.header,.wrap,.wrapper{position:absolute;top:0}body,dd,div,dl,dt,h1,h2,h3,h4,input,li,ol,p,table,ul{margin:0;padding:0}.footer,.header,.wrap,.wrapper{width:100%;left:0}li{list-style:none;vertical-align:bottom}em,i{font-style:normal}a{text-decoration:none}a:hover{text-decoration:underline}.btn_download:hover,.header .nav_box a:hover{text-decoration:none}img{border:0}.hidden{display:none}.hide_txt{text-indent:-9999em;font-size:0;line-height:0}.clearfix:after{display:block;visibility:hidden;clear:both;height:0}.clearfix{zoom:1}.wrap{font-family:'Microsoft YaHei'}.wrap,.wrapper{height:100%;background:#000;overflow:hidden}.header .head{padding:20px}.header .logo_box{float:left}.header .logo_link img{display:block;animation:myrotate 60s infinite}.header .nav_box{float:right;position:relative}.header .nav_box li{float:left;padding:0 10px}.header .nav_box a{font-size:16px;color:#fff;line-height:50px;padding:0 6px;display:block}.header .nav_box .ic_line{position:absolute;height:2px;background:#fff;bottom:6px;width:40px;transition:left .2s,width .2s;-webkit-transition:left .2s,width .2s;display:none}.page,.page_wp{top:0;height:100%}.footer{position:absolute;bottom:8px}.page_wp,.page_wp .txt_box{width:100%;z-index:5;position:absolute}.footer .foot{text-align:center;color:#9c9c9c}.footer .foot a{color:#9c9c9c}.page_wp{left:0}.page{position:absolute;left:-9999px;width:100%}.page_wp .show{left:0}.page_wp .txt_box{bottom:140px;left:0;color:#fff;opacity:0;transition:opacity .8s;-webkit-transition:opacity .8s}.page_wp .show .txt_box{opacity:1}.page_wp .txt_box h2{text-align:center;font-size:35px;font-weight:lighter;line-height:40px;letter-spacing:3px}.page_wp .txt_brief{line-height:24px;width:800px;margin:10px auto 0;font-weight:lighter}.page_wp .img_box{position:absolute;width:1920px;height:1080px;top:50%;left:50%;margin:-540px 0 0 -960px;z-index:3}.page_wp .img_box img{display:block;width:100%;height:100%}.css3 .page_wp .img_box{display:none}.page_1.hide{left:0}.page_1.hide .txt_box{left:-9999px}.page_1 .page_bg{position:absolute;top:50%;left:50%;width:2500px;height:1600px;margin:-800px 0 0 -1250px;transform-origin:center 708px;-webkit-transform-origin:center 708px}.page_1 .page_bg:before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/page1_bg.jpg) center center no-repeat;transform-origin:center 708px;-webkit-transform-origin:center 708px}.page_4 .light_wp{position:absolute;width:1000px;height:460px;top:50%;left:15%;margin-top:-230px}.page_4 .light_box{position:absolute;width:100%;height:100%;top:0;left:0;transform:scale(.8);-webkit-transform:scale(.8)}.page_4 .light_1{position:absolute;bottom:50%;left:0;width:476px;height:72px;margin-bottom:-18px;background:url(../images/light_2.png)}.page_4 .light_2,.page_4 .light_3,.page_4 .light_4{position:absolute;width:476px;height:72px;background:url(../images/light_1.png);transform:scale(.8);-webkit-transform:scale(.8)}.page_4 .light_2{top:0;left:260px}.page_4 .light_3{bottom:0;left:190px}.page_4 .light_4{top:50%;margin-top:-18px;right:0}.page_4 .light_5{position:absolute;width:1920px;height:1080px;bottom:50%;margin-bottom:-523px;left:-923px;background:url(../images/light_3.png);transform:scale(.8);-webkit-transform:scale(.8)}.page_4 .meteor_box{position:absolute;width:576px;height:401px;top:0;left:0;background:url(../images/light_4.png)}.star_wp{position:absolute;width:100%;height:100%;top:0;left:-9999px}.star_wp.show{left:0}.star_wp .star_bg{position:absolute;top:50%;left:50%;width:2400px;height:2000px;margin:-1000px 0 0 -1200px;background:url(../images/page3_bg.jpg) center center no-repeat;transform-origin:center center;-webkit-transform-origin:center center}.star_wp .star_box{position:absolute;top:50%;left:50%;width:1740px;height:1356px;margin:-678px 0 0 -870px;background:url(../images/star.png) center center no-repeat;transform-origin:center center;-webkit-transform-origin:center center}#canvas{position:absolute;top:0;left:0;z-index:10;pointer-events:none}.btn_control,.btns_wp{z-index:20;position:absolute}.btn_control{top:50%;right:50px;margin-top:-42px}.btn_control a{display:block;background:url(../images/btn_spr.png) -14px -52px no-repeat;width:9px;height:9px;margin:0 0 12px}.btn_control a.cur,.btn_control a:hover{background-position:0 -52px}.btns_wp{width:100%;bottom:65px;text-align:center}a.btn{display:inline-block;margin:15px 15px 0;padding:.5em 1.1em;font-size:26px;font-size:1.625rem;text-decoration:none;outline:0;color:#fff;background-color:#009a61;border-radius:5px;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 0 0 -2px #cff09e,0 0 0 -1px #fe4365;box-shadow:0 0 0 -2px #cff09e,0 0 0 -1px #fe4365;border:0;-webkit-transition:-webkit-box-shadow .3s;transition:box-shadow .3s}a.btn:hover,a.btn:focus{-webkit-box-shadow:0 0 0 2px #cff09e,0 0 0 4px #ff0364;box-shadow:0 0 0 2px #cff09e,0 0 0 4px #ff0364;-webkit-transition-timing-function:cubic-bezier(0.6,4,0.3,0.8);transition-timing-function:cubic-bezier(0.6,4,0.3,0.8);-webkit-animation:gelatine .5s 1;animation:gelatine .5s 1}a.btn:active{background:#fe4365;-webkit-transition-duration:0;transition-duration:0;-webkit-box-shadow:0 0 0 2px #cff09e,0 0 0 4px #3ac7bd;box-shadow:0 0 0 2px #cff09e,0 0 0 4px #3ac7bd}@keyframes gelatine{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)}75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)}75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}}@-webkit-keyframes gelatine{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)}75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)}75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}}.foot .links a,.foot a{color:#524d45}.page_1.show .page_bg{animation:p1bg_effect1 300s both infinite linear,opc_effect .5s both linear;-webkit-animation:p1bg_effect1 300s both infinite linear,opc_effect .5s both linear}@keyframes p1bg_effect1{0%{transform:rotate(0) scale(1)}100%{transform:rotate(-360deg) scale(4)}}@-webkit-keyframes p1bg_effect1{0%{-webkit-transform:rotate(0) scale(1)}100%{-webkit-transform:rotate(-360deg) scale(4)}}.page_1.hide .page_bg:before{animation:p1bg_effect2 .4s both linear;-webkit-animation:p1bg_effect2 .4s both linear}@keyframes p1bg_effect2{0%{transform:rotate(0) scale(1);opacity:1}100%{transform:rotate(-100deg) scale(4);opacity:0}}@-webkit-keyframes p1bg_effect2{0%{-webkit-transform:rotate(0) scale(1);opacity:1}100%{-webkit-transform:rotate(-100deg) scale(4);opacity:0}}.star_wp.show .star_bg{animation:opc_effect 2s both linear,p3bg_effect 30s both linear;-webkit-animation:opc_effect 2s both linear,p3bg_effect 30s both linear}@keyframes p3bg_effect{0%{transform:rotate(0) scale(1)}100%{transform:rotate(10deg) scale(1.2)}}@-webkit-keyframes p3bg_effect{0%{-webkit-transform:rotate(0) scale(1)}100%{-webkit-transform:rotate(10deg) scale(1.2)}}.star_wp.show .star_box{animation:p3star_effect 20s both linear;-webkit-animation:p3star_effect 20s both linear}@keyframes p3star_effect{0%{transform:scale(0)}100%{transform:scale(.98)}}@-webkit-keyframes p3star_effect{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(.98)}}.page_4.show .light_wp{animation:p4light_effect 10s both linear infinite;-webkit-animation:p4light_effect 10s both linear infinite}@keyframes p4light_effect{0%{transform:translate(5000px,0)}10%,50%{transform:translate(0,0)}100%,60%{transform:translate(-5000px,0)}}@-webkit-keyframes p4light_effect{0%{-webkit-transform:translate(5000px,0)}10%,50%{-webkit-transform:translate(0,0)}100%,60%{-webkit-transform:translate(-5000px,0)}}.page_4.show .light_1,.page_4.show .light_3{animation:p4light13_effect 10s both linear infinite;-webkit-animation:p4light13_effect 10s both linear infinite}@keyframes p4light13_effect{0%,10%{transform:translate(0,0)}100%,50%{transform:translate(-50px,0)}}@-webkit-keyframes p4light13_effect{0%,10%{-webkit-transform:translate(0,0)}100%,50%{-webkit-transform:translate(-50px,0)}}.page_4.show .light_2,.page_4.show .light_4{animation:p4light24_effect 10s both linear infinite;-webkit-animation:p4light24_effect 10s both linear infinite}@keyframes p4light24_effect{0%,10%{transform:translate(0,0)}100%,50%{transform:translate(-100px,0)}}@-webkit-keyframes p4light24_effect{0%,10%{-webkit-transform:translate(0,0)}100%,50%{-webkit-transform:translate(-100px,0)}}.page_4.show .light_5{animation:p4light5_effect 10s both linear infinite;-webkit-animation:p4light5_effect 10s both linear infinite}@keyframes p4light5_effect{0%,10%{transform:translate(0,0);opacity:0}16%,28%{opacity:1}22%,34%{opacity:0}100%,50%{transform:translate(-50px,0);opacity:0}}@-webkit-keyframes p4light5_effect{0%,10%{-webkit-transform:translate(0,0);opacity:0}16%,28%{opacity:1}22%,34%{opacity:0}100%,50%{-webkit-transform:translate(-50px,0);opacity:0}}.page_4.show .meteor_box{animation:p4meteor_effect 10s both linear infinite;-webkit-animation:p4meteor_effect 10s both linear infinite}@keyframes p4meteor_effect{0%,65%{transform:translate(-1000px,1000px)}100%,80%{transform:translate(1000px,-1000px)}}@-webkit-keyframes p4meteor_effect{0%,65%{-webkit-transform:translate(-1000px,1000px)}100%,80%{-webkit-transform:translate(1000px,-1000px)}}@keyframes opc_effect{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opc_effect{0%{opacity:0}100%{opacity:1}}.scale_box{transform-origin:center center;-webkit-transform-origin:center center}@media only screen and (min-width:1600px){.scale_box{transform:scale(1);-webkit-transform:scale(1)}}@media only screen and (min-width:1024px) and (max-width:1599px){.scale_box{transform:scale(.875);-webkit-transform:scale(.875)}}@media only screen and (max-width:1023px){.scale_box{transform:scale(.7);-webkit-transform:scale(.7)}}@keyframes myrotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}