@charset"UTF-8";body,ul,dl,dd,h1,h2,h3,h4,h5,h6,p,form,ol{margin:0}ul,ol{padding:0}table,td,th{border-collapse:collapse}h1,h2,h3,h4,em{font-style:normal;font-size:100%;font-weight:400}img,input,textarea{border:0;vertical-align:middle}a{outline:0;text-decoration:none}header,footer,article,main,section{display:block}html{font-size:10px}@media screen and (max-width:720px){html{font-size:20px}}@media screen and (max-width:640px){html{font-size:18px}}@media screen and (max-width:420px){html{font-size:12px}}@media screen and (max-width:320px){html{font-size:10px}}body{font-family:"\5fae\8f6f\96c5\9ed1";-webkit-backface-visibility:hidden;-webkit-perspective:1000}img{max-width:100%;height:auto;width:auto\9;display:block}.download{display:block;position:absolute;z-index:100;bottom:6rem;left:50%;margin-left:-25%;width:50%;opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .33s linear;transition:all .33s linear}.preview-download{display:block;position:absolute;z-index:100;bottom:6rem;left:10%;width:27%;opacity:0}.top{display:block;width:100%;position:absolute;z-index:100;bottom:2.5rem;opacity:0}.top>img{margin:0 auto;max-width:7%}#fp-nav{z-index:9999}#fp-nav ul li a span{background-color:#d9d9d9;width:6px;height:6px}#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{width:6px;height:6px;background-color:#090;margin:-2px 0 0 -2px}#fp-nav ul li a.active[href="#p2"] span{background-color:#1186f4}#fp-nav ul li a.active[href="#p3"] span{background-color:#e85605}#fp-nav ul li a.active[href="#p4"] span{background-color:#856fe8}#fp-nav ul li a.active[href="#p5"] span{background-color:#090}.section{position:relative;overflow:hidden}.section .title{position:absolute;top:0;left:0;right:0;z-index:10;padding:3rem;text-align:center;color:#111;-webkit-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;opacity:0}.title h2{font-size:2.5rem}.title h3{margin-top:.5rem;font-size:1.5rem;letter-spacing:1px;line-height:2.3rem;color:#6f6f6f}.section1 .title{padding:3rem 6rem;opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.section2 .title h2{color:#1186f4}.section3 .title h2{color:#e85605}.section4 .title h2{color:#856fe8}.section5 .title h2{color:#090}.section2.active .title,.section3.active .title,.section4.active .title,.section5.active .title{opacity:0}.section2 .title.animated,.section3 .title.animated,.section4 .title.animated,.section5 .title.animated{top:0;opacity:1}.page-pic{position:absolute;bottom:0;width:100%;height:70%;z-index:1}.page-pic1{opacity:0}.page-pic1>img{position:absolute;bottom:0}.page-pic2 .halo1{position:absolute;width:100%;height:auto;opacity:0;left:13%;top:8%;-webkit-transform:scale3d(.525,.525,1);-ms-transform:scale3d(.525,.525,1);-o-transform:scale3d(.525,.525,1);transform:scale3d(.525,.525,1)}.page-pic2 .halo2{position:absolute;top:-7%;left:2%;width:100%;height:auto;-webkit-transform:scale3d(.856,.856,1);-ms-transform:scale3d(.856,.856,1);-o-transform:scale3d(.856,.856,.1);transform:scale3d(.856,.856,1);opacity:0}.page-pic2 .halo3{position:absolute;width:100%;height:auto;max-width:none;top:-40%;opacity:0;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.page-pic2 .rocket{position:absolute;width:100%;opacity:0;-webkit-transform:scale3d(.716,.716,1);-ms-transform:scale3d(.716,.716,1);-o-transform:scale3d(.716,.716,1);transform:scale3d(.716,.716,1);left:15%;top:-7%}.page-pic3 .ljbox{position:absolute}.ljwrap{position:relative;width:100%;height:100%}.page-pic3 .pic3-box{position:relative;width:100%;height:100%}.page-pic3 .ljbox img{display:block;position:relative;width:100%}.page-pic3 .ljbox1{width:100%;top:-15%;left:-8%;opacity:0;-webkit-transform:scale3d(.38,.38,1);-ms-transform:scale3d(.38,.38,1);-o-transform:scale3d(.38,.38,1);transform:scale3d(.38,.38,1)}.page-pic3 .ljbox1.animated{opacity:1}.page-pic3 .ljbox2{width:16.7%;top:15%;left:70%;opacity:0;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.page-pic3 .ljbox2.animated{opacity:1}.page-pic3 .ljbox3{width:12.4%;top:66%;left:56%;opacity:0;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.page-pic3 .ljbox3.animated{opacity:1}.page-pic3 .ljball{position:absolute;display:block;width:4rem;height:4rem;background-image:linear-gradient(to top right,rgba(228,85,6,.2),rgba(228,85,6,0));border:1px solid none;border-radius:50%;opacity:0;-webkit-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;-webkit-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}.page-pic3 .ljball1{top:50%;left:20%}.page-pic3 .ljball2{top:55%;left:70%}.page-pic3 img.lj0{opacity:0;position:absolute;width:100%;width:90%;left:5%;top:5%}.page-pic4 .halo1{position:absolute;max-width:60%;left:20%;top:50%;opacity:0;-webkit-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8,.8)}.page-pic4 .halo2{position:absolute;max-width:68%;left:16%;top:42.5%;opacity:0;-webkit-transform:scale(.92,.92);-ms-transform:scale(.92,.92);-o-transform:scale(.92,.92);transform:scale(.92,.92)}.page-pic4 .halo3{position:absolute;max-width:80%;left:10%;top:50%;opacity:0;-webkit-transform:scale(.4,.4);-ms-transform:scale(.4,.4);-o-transform:scale(.4,.4);transform:scale(.4,.4)}.page-pic4 .halo4{position:absolute;max-width:100%;left:0;top:30%;opacity:0}.page-pic4 .shield1,.page-pic4 .shield2{position:absolute;max-width:38%;left:31%;top:16%;opacity:0}.page-pic4 .ball{position:absolute;opacity:0;max-width:11%;-webkit-transform:scale(.6,.6);-ms-transform:scale(.6,.6);-o-transform:scale(.6,.6);transform:scale(.6,.6)}.page-pic4 .ball1{max-width:17%;left:26%;top:18%}.page-pic4 .ball2{left:48%;top:34%}.page-pic4 .ball3{left:40%;top:34.6%}.page-pic4 .ballwrap{position:absolute;width:100%;height:100%}.page-pic5 .wave{display:block;position:absolute;margin-top:20%;max-width:400%;z-index:1;width:auto}.page-pic5 .wave1{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);margin-left:-400%}.page-pic5 .crosshair-box{position:relative;width:60.5%;margin:5% auto;opacity:0}.page-pic5 .crosshair-box img{position:absolute;left:0;top:0;right:0;bottom:0}.crosshair-box img.hoop-outter{position:relative;margin:0}.crosshair-box .hoop-inner{max-width:90%;margin:5%}.hoop-inner.zoomIn-crosshairbox{-webkit-animation-delay:.13s;-o-animation-delay:.13s;animation-delay:.13s}.crosshair-box .crosshair{max-width:80%;margin:10%}.crosshair{-webkit-animation-delay:.23s;-o-animation-delay:.23s;animation-delay:.23s}.crosshair-box .flow{position:absolute;bottom:20%;left:50%;margin-left:-3.5em;width:10em;color:#090;opacity:0}.crosshair-box .flow .num{font-size:3rem}.crosshair-box .flow sup{font-size:1rem;vertical-align:1.5rem}.page-pic.page-pic6{height:75%}.page-pic6 .zh{position:absolute;max-width:60%;opacity:.2;top:0;left:20%;-webkit-transform:scale3d(.6,.6,.6);-ms-transform:scale3d(.6,.6,.6);-o-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}.page-pic6 .halo1{position:absolute;opacity:1;max-width:60%;top:-4%;left:20%;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}