@charset "UTF-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:400}html,body,fieldset,img,iframe,abbr{border:0;-webkit-box-sizing:border-box;box-sizing:border-box}i,cite,em,var,address,dfn{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sup,sub{font-size:83%}pre,code,kbd,samp{font-family:inherit}q:before,q:after{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}a,button{cursor:pointer}button{border:none}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}del,ins,u,s,a,a:hover{text-decoration:none}body,textarea,input,button,select,keygen,legend{font:.12rem/1.14 arial,\5b8b\4f53;color:#333;outline:0;-webkit-tap-highlight-color:rgba(255,0,0,0)}body{background:#fff}a{border:none;text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}a,a:hover{color:#333}@font-face{font-family:SourceHanSansSC;font-weight:700;src:url(/assets/SourceHanSansCN-Bold.981d98f4.woff)}@font-face{font-family:SourceHanSansSC;font-weight:500;src:url(/assets/SourceHanSansCN-Medium.d445a1b2.woff)}@font-face{font-family:SourceHanSansSC;font-weight:400;src:url(/assets/SourceHanSansCN-Normal.94eb75a3.woff)}@font-face{font-family:SourceHanSansSC;font-weight:300;src:url(/assets/SourceHanSansCN-Regular.2817a640.woff)}html{font-size:5.2083333333vw}html.portrait{font-size:26.6666666667vw}@media (min-width: 1920PX){html{font-size:100PX}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#000;-ms-overflow-style:none;overflow:-moz-scrollbars-none;scrollbar-width:none}html ::-webkit-scrollbar{width:0;height:0}html ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .01rem rgba(0,0,0,0);box-shadow:inset 0 0 .01rem rgba(0,0,0,0);border-radius:10PX;background-color:transparent}html ::-webkit-scrollbar-thumb{border-radius:10PX;-webkit-box-shadow:inset 0 0 .06rem rgba(0,0,0,.3);box-shadow:inset 0 0 .06rem rgba(0,0,0,.3);background:#dad6d6}html body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden;font-family:SourceHanSansSC;font-weight:400;background-color:#fff;visibility:hidden}html img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}html[device=ie] body{font-family:\5fae\8f6f\96c5\9ed1}.project6-wrap{width:100%;max-width:19.2rem;margin:0 auto}.project6-wrap>section{height:9.4rem;-webkit-box-sizing:border-box;box-sizing:border-box}.project6-wrap>section img{display:block}.project6-wrap .page1{position:relative;background:#EAEAEA}.project6-wrap .page1 .img-wrap{position:absolute;right:2.74rem;bottom:1.51rem;width:5.5rem;height:5.52rem}.project6-wrap .page1 .img-wrap>img{width:100%}.project6-wrap .page1:before{content:"";position:absolute;right:0;top:0;width:6.28rem;height:9.4rem;background:#C4C6C7}.project6-wrap .page1 .wrap{padding:2.8rem 0 0 3.2rem;position:relative}.project6-wrap .page1 .wrap .title{font-size:.96rem;font-weight:700;color:#161d23;line-height:1.2rem}.project6-wrap .page1 .wrap .introduce{font-size:.2rem;font-weight:400;color:#161d23;margin-top:.4rem;height:2.45rem;width:7.92rem;line-height:.35rem}.project6-wrap .page1 .wrap .platform p{margin-bottom:.32rem}.project6-wrap .page1 .wrap .platform p span{font-size:.2rem;font-weight:400;color:rgba(22,29,35,.56)}.project6-wrap .page1 .wrap .platform p b{font-size:.2rem;font-weight:400;color:#161d23;margin-left:.28rem}.project6-wrap .page2{height:auto;overflow:hidden}.project6-wrap .page2 h2{padding-left:3.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:4.7rem;margin-top:.51rem}.project6-wrap .page2 h2 i{width:3.08rem;height:.02rem;background:#8A8D90}.project6-wrap .page2 h2 b{font-size:.32rem;font-weight:700;color:#161d23;margin-left:.16rem}.project6-wrap .page2 h2 strong{font-size:4rem;font-weight:700;color:#f6f6f6;position:absolute;left:7.45rem;bottom:-.2rem;z-index:-1}.project6-wrap .page2 .title{font-size:.32rem;font-weight:700;color:#161d23}.project6-wrap .page2 .text{font-size:.2rem;font-weight:400;color:#161d23;margin-top:.21rem;line-height:.32rem}.project6-wrap .page2 .box1{width:12.8rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:-.85rem;margin-bottom:1.1rem}.project6-wrap .page2 .box1 img{width:5.31rem;height:3.1rem;-ms-flex-negative:0;flex-shrink:0}.project6-wrap .page2 .box1>div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:end;align-content:flex-end;margin-left:.56rem}.project6-wrap .page2 .box1>div h3{width:100%}.project6-wrap .page2 .box1>div p{width:100%;padding-bottom:.3rem}.project6-wrap .page2 .box2{width:12.8rem;height:7.2rem;margin:0 auto;margin-bottom:.64rem;position:relative;overflow:hidden}.project6-wrap .page2 .box2>img{width:100%;height:100%}.project6-wrap .page2 .box2 .jpic{width:1.55rem;height:1rem;position:absolute;left:2.9rem;top:.86rem;z-index:2;display:none}.project6-wrap .page2 .box2 .ball{position:absolute;left:3.24rem;top:.94rem;z-index:2;width:.8rem;height:.8rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.project6-wrap .page2 .box2 .ball img{width:100%;position:absolute;z-index:777;top:-.05rem;-webkit-animation:1.8s linear infinite alternate move1;animation:1.8s linear infinite alternate move1}.project6-wrap .page2 .box2 .ball .yuan{border:.02rem solid #707070;height:1.3rem;width:1.3rem;left:50%;top:-.2rem;margin-left:-.63rem;-webkit-animation-duration:13s;animation-duration:13s;z-index:10;position:absolute;border-radius:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective-origin:50% 0;perspective-origin:50% 0;-webkit-animation:orbitrotate 10s linear 0s normal none infinite;animation:orbitrotate 10s linear 0s normal none infinite}.project6-wrap .page2 .box2 .ball .yuan div{height:.1rem;width:.1rem;left:.12rem;top:.15rem;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-90deg) rotateY(0deg);transform:rotateX(-90deg) rotateY(0)}.project6-wrap .page2 .box2 .ball .yuan div b{-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;position:absolute;height:100%;width:100%;left:0;top:0;background:#fff;border-radius:100%;-webkit-animation-duration:13s;animation-duration:13s;-webkit-transform:rotateX(-90deg) rotateY(0deg);transform:rotateX(-90deg) rotateY(0);-webkit-animation:planetrotate 10s linear 0s normal none infinite;animation:planetrotate 10s linear 0s normal none infinite}@-webkit-keyframes move1{0%{-webkit-transform:translate(0,.08rem);transform:translateY(.08rem)}to{-webkit-transform:translate(0,0);transform:translate(0)}}@keyframes move1{0%{-webkit-transform:translate(0,.08rem);transform:translateY(.08rem)}to{-webkit-transform:translate(0,0);transform:translate(0)}}@-webkit-keyframes planetrotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0) rotateY(0)}to{-webkit-transform:rotateX(0deg) rotateY(-360deg);transform:rotateX(0) rotateY(-360deg);-webkit-box-shadow:0 0 .12rem rgba(255,255,255,.86);box-shadow:0 0 .12rem rgba(255,255,255,.86)}}@keyframes planetrotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0) rotateY(0)}to{-webkit-transform:rotateX(0deg) rotateY(-360deg);transform:rotateX(0) rotateY(-360deg);-webkit-box-shadow:0 0 .12rem rgba(255,255,255,.86);box-shadow:0 0 .12rem rgba(255,255,255,.86)}}@-webkit-keyframes orbitrotate{0%{-webkit-transform:rotateX(75deg) rotateY(-15deg) rotateZ(0deg);transform:rotateX(75deg) rotateY(-15deg) rotate(0)}to{-webkit-transform:rotateX(75deg) rotateY(-15deg) rotateZ(-360deg);transform:rotateX(75deg) rotateY(-15deg) rotate(-360deg)}}@keyframes orbitrotate{0%{-webkit-transform:rotateX(75deg) rotateY(-15deg) rotateZ(0deg);transform:rotateX(75deg) rotateY(-15deg) rotate(0)}to{-webkit-transform:rotateX(75deg) rotateY(-15deg) rotateZ(-360deg);transform:rotateX(75deg) rotateY(-15deg) rotate(-360deg)}}@-webkit-keyframes swing{0%{-webkit-transform:translate3d(0,-.05rem,0);transform:translate3d(0,-.05rem,0)}to{-webkit-transform:translate3d(.05rem,0,0);transform:translate3d(.05rem,0,0)}}@keyframes swing{0%{-webkit-transform:translate3d(0,-.05rem,0);transform:translate3d(0,-.05rem,0)}to{-webkit-transform:translate3d(.05rem,0,0);transform:translate3d(.05rem,0,0)}}@-webkit-keyframes telescopic{0%{-webkit-transform:scaleY(.9);transform:scaleY(.9)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes telescopic{0%{-webkit-transform:scaleY(.9);transform:scaleY(.9)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(22deg) translateX(0);transform:rotate(22deg) translate(0)}to{-webkit-transform:rotate(0) translateX(.08rem);transform:rotate(0) translate(.08rem)}}@keyframes rotate{0%{-webkit-transform:rotate(22deg) translateX(0);transform:rotate(22deg) translate(0)}to{-webkit-transform:rotate(0) translateX(.08rem);transform:rotate(0) translate(.08rem)}}.project6-wrap .page2 .box2 .astronaut{position:absolute;right:-1.89rem;top:-2.22rem;width:5.3rem;height:5.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:swing 6s linear infinite alternate;animation:swing 6s linear infinite alternate}.project6-wrap .page2 .box2 .astronaut .line-wrap{width:100%;height:100%}.project6-wrap .page2 .box2 .astronaut .line-wrap .line{width:100%;height:100%;-webkit-animation:telescopic 6s linear infinite alternate;animation:telescopic 6s linear infinite alternate}.project6-wrap .page2 .box2 .astronaut .man{width:1.43rem;height:1.43rem;position:absolute;left:-.56rem;bottom:-.42rem;-webkit-animation:rotate 5s linear infinite alternate;animation:rotate 5s linear infinite alternate}.project6-wrap .page2 .box3{width:12.8rem;margin:0 auto;margin-top:1rem;margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.83rem 1.08rem .83rem 2.09rem;position:relative}.project6-wrap .page2 .box3 .wrap{width:3.06rem;height:6.14rem;position:relative}.project6-wrap .page2 .box3 .wrap:after{content:"";width:120%;left:-10%;bottom:-.06rem;height:.12rem;z-index:9;position:absolute;background:#F6F6F6}.project6-wrap .page2 .box3 .wrap:before{content:"";width:.05rem;height:105%;right:-.02rem;bottom:-.1rem;z-index:9;position:absolute;background:#F6F6F6}.project6-wrap .page2 .box3 .wrap video{width:100%;height:100%;border:none}.project6-wrap .page2 .box3 .wrap video::-webkit-media-controls-enclosure{display:none!important}.project6-wrap .page2 .box3:after{position:absolute;right:4.33rem;top:0;content:"";width:11.68rem;height:7.8rem;background:#F6F6F6;z-index:-1}.project6-wrap .page2 .box3 b{font-size:4rem;line-height:1;font-weight:700;color:rgba(22,29,35,.08);position:absolute;right:.1rem;top:0}.project6-wrap .page2 .box3 div:not(.wrap){margin-left:.9rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:end;align-content:flex-end;position:absolute;right:1.08rem;bottom:1.67rem;width:4.82rem}.project6-wrap .page2 .box3 div:not(.wrap) h3,.project6-wrap .page2 .box3 div:not(.wrap) p{width:100%}.project6-wrap .page2 .box3 div:not(.wrap) h3{text-align:right}.project6-wrap .page2 .box3 div:not(.wrap) h3.title2{margin-top:.15rem}.project6-wrap .page2 .box3 div:not(.wrap) p{margin-top:.68rem}.project6-wrap .page2 .box4{width:12.8rem;height:7.2rem;margin:0 auto;background:#0D0D0D;margin-bottom:2.4rem;position:relative}.project6-wrap .page2 .box4 ul li{position:absolute;top:1.15rem;left:.83rem;color:#fff;-webkit-transition:opacity .5s;transition:opacity .5s;opacity:0}.project6-wrap .page2 .box4 ul li:nth-child(2){color:#000}.project6-wrap .page2 .box4 ul li.fade-in{-webkit-transition-delay:.3s;transition-delay:.3s;opacity:1!important}.project6-wrap .page2 .box4 ul li h4{font-weight:300;font-size:.38rem}.project6-wrap .page2 .box4 ul li h3{font-size:.46rem;font-weight:600;line-height:.58rem;margin:.01rem 0 .25rem;font-weight:500}.project6-wrap .page2 .box4 ul li p span{font-size:.23rem;font-weight:400;opacity:.6;margin-right:.25rem}.project6-wrap .page2 .box4 #canvas{width:100%;height:100%;left:0;top:0;pointer-events:none}.project6-wrap .page2 .code{padding-bottom:3.4rem;overflow:hidden}.project6-wrap .page2 .code img{width:2rem;height:2rem;margin:0 auto}.project6-wrap .page2 .code p{margin-top:.49rem;height:.44rem;font-size:.44rem;font-weight:400;color:#161d23;text-align:center}.project6-wrap .page3{position:relative;overflow:hidden;background:#000}html[device=ie] .project6-wrap .page2 .box2 .ball{display:none}html[device=ie] .project6-wrap .page2 .box2 .jpic{display:block}html[device=ie] .project6-wrap .page2 .box2 .astronaut,html[device=ie] .project6-wrap .page2 .box2 .astronaut .man{-webkit-animation:none;animation:none}html.portrait .project6-wrap{overflow:hidden}html.portrait .project6-wrap>section{height:5.4rem}html.portrait .project6-wrap .page1 .img-wrap{position:absolute;right:.06rem;bottom:-.2rem;width:2.06rem;height:2.07rem}html.portrait .project6-wrap .page1 .img-wrap>img{width:100%}html.portrait .project6-wrap .page1:before{height:100%;width:1rem}html.portrait .project6-wrap .page1 .wrap{padding:.39rem .2rem 0}html.portrait .project6-wrap .page1 .wrap .title{font-size:.38rem;font-weight:700;color:#161d23;line-height:.46rem}html.portrait .project6-wrap .page1 .wrap .title i{display:block}html.portrait .project6-wrap .page1 .wrap .introduce{font-size:.14rem;font-weight:400;color:#161d23;line-height:.26rem;margin-top:.32rem;height:1.7rem;width:100%}html.portrait .project6-wrap .page1 .wrap .platform{display:-webkit-box;display:-ms-flexbox;display:flex}html.portrait .project6-wrap .page1 .wrap .platform p:not(:first-child){margin-left:.6rem}html.portrait .project6-wrap .page1 .wrap .platform p span{font-size:.12rem;font-weight:400;display:block}html.portrait .project6-wrap .page1 .wrap .platform p b{font-size:.14rem;font-weight:400;display:block;margin-left:0;margin-top:.08rem}html.portrait .project6-wrap .page2{height:auto}html.portrait .project6-wrap .page2 h2{padding:0;height:1.33rem;padding-top:.3rem;margin-top:0}html.portrait .project6-wrap .page2 h2 i{width:.52rem;height:.01rem}html.portrait .project6-wrap .page2 h2 b{font-size:.18rem;font-weight:700;color:#161d23;margin-left:.08rem}html.portrait .project6-wrap .page2 h2 strong{font-size:1rem;left:1.57rem;bottom:-.05rem}html.portrait .project6-wrap .page2 .title{font-size:.2rem}html.portrait .project6-wrap .page2 .title.title2{margin-top:.05rem}html.portrait .project6-wrap .page2 .text{font-size:.14rem;margin-top:.32rem;line-height:.26rem;padding-bottom:0}html.portrait .project6-wrap .page2 .box1{width:100%;margin-top:0;padding:0 .2rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.1rem}html.portrait .project6-wrap .page2 .box1 img{width:100%;height:2rem;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-top:.32rem}html.portrait .project6-wrap .page2 .box1 div{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:0;margin:0}html.portrait .project6-wrap .page2 .box2{height:1.88rem;margin-bottom:.1rem;width:3.35rem}html.portrait .project6-wrap .page2 .box2 .ball{left:.6rem;top:0;-webkit-transform:scale(.5);transform:scale(.5)}html.portrait .project6-wrap .page2 .box2>img{width:100%;height:100%}html.portrait .project6-wrap .page2 .box2 .jpic{left:.63rem;top:.18rem;width:.8rem;height:.5rem}html.portrait .project6-wrap .page2 .box2 .astronaut{width:1.38rem;height:1.38rem;top:-.58rem;right:-.49rem}html.portrait .project6-wrap .page2 .box2 .astronaut .line-wrap{width:1.38rem;height:1.38rem}html.portrait .project6-wrap .page2 .box2 .astronaut .man{width:.37rem;height:.37rem;left:-.15rem;bottom:-.05rem}html.portrait .project6-wrap .page2 .box3{width:100%;height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 .2rem;background:#fff;margin-top:0;margin-bottom:.18rem}html.portrait .project6-wrap .page2 .box3 .wrap{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:100%;height:auto}html.portrait .project6-wrap .page2 .box3 .wrap video{width:1.5rem;height:3rem;margin-top:.32rem;position:relative;z-index:2;top:-.35rem;display:block;margin:0 auto;border-radius:.2rem}html.portrait .project6-wrap .page2 .box3:after{z-index:1;top:4.6rem;left:.2rem;width:3.35rem;height:1.88rem}html.portrait .project6-wrap .page2 .box3 div{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:1rem 0 0;position:relative;z-index:3;margin-left:0;right:0;bottom:0}html.portrait .project6-wrap .page2 .box3 b{font-size:2rem;right:.76rem;top:.1rem;color:#f6f6f6}html.portrait .project6-wrap .page2 .box4{width:3.35rem;height:1.88rem;margin-bottom:.1rem}html.portrait .project6-wrap .page2 .box4 ul li{top:.23rem;left:.2rem}html.portrait .project6-wrap .page2 .box4 ul li h4{font-size:.1rem;line-height:1}html.portrait .project6-wrap .page2 .box4 ul li h3{font-size:.14rem;line-height:1;margin:.1rem 0 .2rem}html.portrait .project6-wrap .page2 .box4 ul li p{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scale(.6);transform:scale(.6)}html.portrait .project6-wrap .page2 .box4 ul li p span{line-height:1;font-size:.12rem;margin-right:.04rem}html.portrait .project6-wrap .page2 .code{padding:.9rem 0 1.19rem}html.portrait .project6-wrap .page2 .code img{width:1.28rem;height:1.28rem}html.portrait .project6-wrap .page2 .code p{font-size:.2rem;margin-top:.17rem;height:auto}