@import url(https://fonts.googleapis.com/css?family=VT323&display=swap);.logo{display:block;width:100px;height:auto;position:fixed;z-index:100;left:20px;top:20px}.logo img{width:100%}.firstPage,.MainRoot{position:relative}.firstPage{width:100%;height:100vh;overflow-x:hidden;box-sizing:border-box}.firstPage .star{width:100%;left:0;top:0;overflow:hidden}.firstPage .moon{position:absolute;z-index:1;right:40vw;top:10vh}.firstPage .sun{position:absolute;z-index:1;right:10vw;bottom:12vh}.firstPage .satallite{position:absolute;z-index:1;left:-100px;bottom:20vh;opacity:.5}.firstPage .satallite img{width:400px}.firstPage .linerColor{position:absolute;z-index:3;left:0;top:0;width:100vw;height:1200px;background-image:-webkit-linear-gradient(60deg,rgba(67,83,255,0) 40%,rgba(13,36,174,.5));background-image:linear-gradient(30deg,rgba(67,83,255,0) 40%,rgba(13,36,174,.5))}.firstPage .hero{box-sizing:border-box;position:absolute;z-index:4;left:0;top:0;width:100%;height:100vh;padding:7vw}.firstPage .hero .rotateCube{-webkit-perspective:2200px;perspective:2200px;position:absolute;right:10%;top:10%;z-index:4}.firstPage .hero .rotateCube,.firstPage .hero .rotateCube .box{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.firstPage .hero .rotateCube .box{width:100px;height:100px;-webkit-transition:-webkit-transform 10s;transition:-webkit-transform 10s;transition:transform 10s;transition:transform 10s,-webkit-transform 10s;-webkit-animation:rotating 30s linear infinite;animation:rotating 30s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(2turn) rotate(3turn);transform:rotateX(1turn) rotateY(2turn) rotate(3turn)}}@keyframes rotating{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(2turn) rotate(3turn);transform:rotateX(1turn) rotateY(2turn) rotate(3turn)}}.firstPage .hero .rotateCube .box>div{width:100px;height:100px;position:absolute;border:3px solid #239fd8;border-radius:2px}.firstPage .hero .rotateCube .box .up{-webkit-transform:rotateX(90deg) translateZ(51px);transform:rotateX(90deg) translateZ(51px)}.firstPage .hero .rotateCube .box .down{-webkit-transform:rotateX(-90deg) translateZ(51px);transform:rotateX(-90deg) translateZ(51px)}.firstPage .hero .rotateCube .box .left{-webkit-transform:rotateY(-90deg) translateZ(51px);transform:rotateY(-90deg) translateZ(51px)}.firstPage .hero .rotateCube .box .right{-webkit-transform:rotateY(90deg) translateZ(51px);transform:rotateY(90deg) translateZ(51px)}.firstPage .hero .rotateCube .box .front{-webkit-transform:translateZ(51px);transform:translateZ(51px)}.firstPage .hero .rotateCube .box .back{-webkit-transform:rotateY(180deg) translateZ(51px);transform:rotateY(180deg) translateZ(51px)}.firstPage .hero .hero-container{position:relative;z-index:3;display:flex;align-items:center;justify-content:center}.firstPage .hero .hero-container .whatIs5G{margin-top:120px;width:90%;position:relative;z-index:2}.firstPage .hero .hero-container .whatIs5G img{width:100%;position:relative;z-index:2;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.firstPage .hero .hero-container .whatIs5G .hero-glich{position:absolute;z-index:4;will-change:transform;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.firstPage .hero .hero-container .whatIs5G .cc-1{left:0;top:2%;width:10vw;height:14%;background-color:#febdec;opacity:.29;z-index:3}.firstPage .hero .hero-container .whatIs5G .cc-2{left:10%;top:8%;width:3vw;height:20%;background-color:#febdec;opacity:.29;z-index:3}.firstPage .hero .hero-container .whatIs5G .cc-3{left:-5%;top:22%;width:30vw;height:18%;background-color:#cdfffa;opacity:.42;z-index:3}.firstPage .hero .hero-container .whatIs5G .cc-4{left:-6%;top:28%;width:30vw;height:4%;background-color:#fff;opacity:.42;z-index:3}.firstPage .hero .hero-container .whatIs5G .cc-5{left:-6%;top:50%;width:30vw;height:4%;background-color:#fff;opacity:1;z-index:3}.firstPage .hero .hero-container .whatIs5G .cc-6{left:41%;top:-11%;width:1.3vw;height:57%;background-color:#993ed4;opacity:.29;z-index:3}.firstPage .hero .hero-container .whatIs5G .cc-7{left:38%;top:71%;width:5.3vw;height:15%;background-color:#fff;opacity:.29;z-index:3}.firstPage .hero .hero-container .whatIs5G .cc-8{left:45%;top:44%;width:14.3vw;height:12%;background-color:#4e18d8;opacity:.42;z-index:1}.firstPage .hero .hero-container .whatIs5G .cc-9{left:58%;top:12%;width:5.8vw;height:15%;background-color:#fff;opacity:.29;z-index:3}.firstPage .hero .hero-container .whatIs5G .cc-10{left:59%;top:43%;width:3.5vw;height:67%;background-color:#16bad3;opacity:.29;z-index:3}.firstPage .hero .hero-container .whatIs5G .cc-11{left:60%;top:80%;width:15.5vw;height:7%;background-color:#4e18d8;opacity:1;z-index:1}.firstPage .hero .hero-container .whatIs5G .cc-12{left:67%;top:-3%;width:13.5vw;height:50%;background-color:#4d17d8;opacity:.29;z-index:1}.firstPage .hero .hero-container .whatIs5G .cc-13{left:86.6%;top:53%;width:1.3vw;height:54%;background-color:#fff;opacity:.29;z-index:1}.firstPage .hero .hero-container .whatIs5G .cc-14{left:85.6%;top:97%;width:2.6vw;height:19%;background-color:#fff;opacity:.29;z-index:1}.firstPage .hero .hero-container .whatIs5G .cc-15{left:89.6%;top:-6%;width:7.6vw;height:118%;background-color:#43b4f5;opacity:.29;z-index:1}.firstPage .hero .hero-container .whatIs5G .cc-16{left:89.6%;top:97%;width:7.6vw;height:7%;background-color:#fff;opacity:.29;z-index:1}.firstPage .hero .hero-text-btns{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}.firstPage .hero .hero-text-btns .text{width:100%;margin-top:20px}.firstPage .hero .hero-text-btns .text p{font-size:28px;line-height:36px;text-align:center;font-weight:400;letter-spacing:1px;color:#fff;text-shadow:0 0 14px #fff;font-family:VT323,monospace}.firstPage .hero .hero-text-btns .btns{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;margin-top:20px}.firstPage .hero .hero-text-btns .btns .btn1{box-shadow:0 0 20px #5a2695;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.firstPage .hero .hero-text-btns .btns .btn1,.firstPage .hero .hero-text-btns .btns .btn2{margin-top:20px;margin-right:20px;display:block;width:220px;height:40px;text-align:center;line-height:40px;font-family:VT323,monospace;background-color:#5a2695;color:#fff;text-decoration:none;font-size:24px;font-weight:400;border-radius:6px;letter-spacing:1px}.firstPage .hero .hero-text-btns .btns .btn2{opacity:.34}.firstPage .hero .hero-text-btns .btns .btn1:hover,.firstPage .hero .hero-text-btns .btns .btn2:hover{cursor:pointer;background-color:#613099;box-shadow:0 0 30px #5a2695}.secondPage{position:relative;top:0;margin-top:-300px;z-index:1;width:100%;height:640px;display:flex;flex-direction:column;align-content:center;justify-content:center}.secondPage .signalImg{position:absolute;left:20%;top:10%;width:60px}.secondPage .text{width:auto;height:160px;padding:30px}.secondPage .text .chineseText,.secondPage .text .englishText{font-size:40px;font-weight:100;text-align:center;margin:0;color:#239fd8}.secondPage .text .englishText{font-size:30px}.thirdPage{position:relative;top:0;margin-top:-210px;z-index:1;width:100%;height:640px;display:flex;flex-direction:column;align-content:center;justify-content:center}.thirdPage .text{width:auto;height:160px;padding:30px}.thirdPage .text .chineseText,.thirdPage .text .englishText,.thirdPage .text .yearText{font-size:40px;font-weight:100;text-align:center;margin:0;color:#fff}.thirdPage .text .yearText{font-size:30px;color:#239fd8;font-family:VT323,monospace;letter-spacing:1px}.thirdPage .text .englishText{font-size:30px}.forthPage{position:relative;top:0;margin-top:-200px;z-index:1;width:100%;height:640px;display:flex;flex-direction:column;align-content:center;justify-content:center}.forthPage .text{width:auto;height:10vh;padding:30px}.forthPage .text .titleText{font-size:5vw;text-align:center;margin:0;color:#239fd8;font-weight:600px}.fifthPage{box-sizing:border-box;position:relative;top:-450px;margin-top:300px;width:100%;height:1040px;padding:40px}.fifthPage .bgc{position:absolute;z-index:1;width:50%;height:50%;left:25%;top:10%;background:-webkit-gradient(linear,left top,left bottom,color-stop(35%,#555),to(transparent));background:-webkit-linear-gradient(top,#555 35%,transparent);background:linear-gradient(180deg,#555 35%,transparent)}.fifthPage .content{box-sizing:border-box;position:relative;z-index:2;width:100%;height:90%;padding:80px}.fifthPage .content .intro{width:30vw;margin:0;position:relative;z-index:3}.fifthPage .content .intro p{margin:0;font-size:20px;font-weight:100;color:#fff}.fifthPage .content .intro-copy{width:30vw;margin:0;position:absolute;right:100px;bottom:300px;z-index:3}.fifthPage .content .intro-copy p{margin:0;font-size:20px;font-weight:100;color:#fff}.fifthPage .content .imgs{width:100%;height:80%;position:absolute;z-index:2;left:0;top:0}.fifthPage .content .imgs img{position:absolute;box-shadow:1px 4px 20px rgba(0,0,0,.8)}.fifthPage .content .imgs .first{width:400px;position:absolute;right:100px;top:40px;z-index:1}.fifthPage .content .imgs .second{width:300px;position:absolute;right:480px;top:140px;z-index:2}.fifthPage .content .imgs .third{width:350px;position:absolute;left:90px;top:280px;z-index:3}.fifthPage .content .imgs .forth{width:280px;position:absolute;left:380px;bottom:70px;z-index:4}.sixthPage{position:relative;z-index:0;top:0;margin-top:-750px;height:2040px}.sixthPage,.sixthPage .bgc{box-sizing:border-box;width:100%}.sixthPage .bgc{position:absolute;z-index:1;height:100%;top:-700px;background:#2c9fa5}.sixthPage .guideSentence{position:relative;z-index:2;width:100%;height:100px;color:#fff;display:flex;align-content:center;justify-content:center;flex-direction:column;margin-bottom:60px}.sixthPage .guideSentence p{text-align:center;font-size:50px;font-weight:100}.sixthPage .guideSentence p span{font-weight:400}.sixthPage .content{box-sizing:border-box;position:relative;z-index:2;width:100%;height:40%;padding:120px}.sixthPage .content .intro{width:30vw;margin:0;position:relative;z-index:3}.sixthPage .content .intro p{margin:0;font-size:20px;font-weight:100;color:#fff}.sixthPage .content .intro-copy{width:28vw;margin:0;position:absolute;right:400px;bottom:300px;z-index:3}.sixthPage .content .intro-copy p{margin:0;font-size:20px;font-weight:100;color:#fff}.sixthPage .content .imgs{width:100%;height:80%;position:absolute;z-index:2;left:0;top:0}.sixthPage .content .imgs img{position:absolute;box-shadow:1px 4px 20px rgba(0,0,0,.8)}.sixthPage .content .imgs .first{width:300px;position:absolute;right:550px;top:200px;z-index:2}.sixthPage .content .imgs .second{width:360px;position:absolute;right:800px;top:300px;z-index:3}.sixthPage .content .imgs .third{width:300px;position:absolute;right:100px;bottom:100px;z-index:4}.sixthPage .content .imgs .forth{width:380px;position:absolute;right:200px;top:70px;z-index:1}.sixthPage .content .rotateCube1{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:2200px;perspective:2200px;position:absolute;right:10%;top:10%;z-index:4}.sixthPage .content .rotateCube1 .box{width:80px;height:80px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(6deg) rotateY(232deg) rotate(216deg);transform:rotateX(6deg) rotateY(232deg) rotate(216deg)}.sixthPage .content .rotateCube1 .box>div{width:80px;height:160px;position:absolute}.sixthPage .content .rotateCube1 .box .up{height:80px;background-color:#d7e0e8;-webkit-transform:rotateX(90deg) translateZ(40px);transform:rotateX(90deg) translateZ(40px)}.sixthPage .content .rotateCube1 .box .down{height:80px;background-color:#2992a6;-webkit-transform:rotateX(-90deg) translateZ(120px);transform:rotateX(-90deg) translateZ(120px)}.sixthPage .content .rotateCube1 .box .left{background-color:#74bfcd;-webkit-transform:rotateY(-90deg) translateZ(40px);transform:rotateY(-90deg) translateZ(40px)}.sixthPage .content .rotateCube1 .box .right{background-color:#259fb5;-webkit-transform:rotateY(90deg) translateZ(40px);transform:rotateY(90deg) translateZ(40px)}.sixthPage .content .rotateCube1 .box .front{background-color:#189fb6;-webkit-transform:translateZ(40px);transform:translateZ(40px)}.sixthPage .content .rotateCube1 .box .back{background-color:#2e9fb4;-webkit-transform:rotateY(180deg) translateZ(40px);transform:rotateY(180deg) translateZ(40px)}.sixthPage .content .rotateCube2{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:2200px;perspective:2200px;position:absolute;left:8%;top:35%;z-index:4}.sixthPage .content .rotateCube2 .box{width:80px;height:80px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(311deg) rotateY(440deg) rotate(1207deg);transform:rotateX(311deg) rotateY(440deg) rotate(1207deg)}.sixthPage .content .rotateCube2 .box>div{width:80px;height:160px;position:absolute}.sixthPage .content .rotateCube2 .box .up{height:80px;background-color:#ccc5da;-webkit-transform:rotateX(90deg) translateZ(40px);transform:rotateX(90deg) translateZ(40px)}.sixthPage .content .rotateCube2 .box .down{height:80px;background-color:#ccc5da;-webkit-transform:rotateX(-90deg) translateZ(120px);transform:rotateX(-90deg) translateZ(120px)}.sixthPage .content .rotateCube2 .box .left{background-color:#b6afcc;-webkit-transform:rotateY(-90deg) translateZ(40px);transform:rotateY(-90deg) translateZ(40px)}.sixthPage .content .rotateCube2 .box .right{background-color:#b6afcc;-webkit-transform:rotateY(90deg) translateZ(40px);transform:rotateY(90deg) translateZ(40px)}.sixthPage .content .rotateCube2 .box .front{background-color:#9388b4;-webkit-transform:translateZ(40px);transform:translateZ(40px)}.sixthPage .content .rotateCube2 .box .back{background-color:#9388b4;-webkit-transform:rotateY(180deg) translateZ(40px);transform:rotateY(180deg) translateZ(40px)}.sixthPage .content .rotateCube3{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:2200px;perspective:2200px;position:absolute;left:40%;top:0;z-index:4}.sixthPage .content .rotateCube3 .box{width:80px;height:80px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(381deg) rotateY(522deg) rotate(1170deg);transform:rotateX(381deg) rotateY(522deg) rotate(1170deg)}.sixthPage .content .rotateCube3 .box>div{width:80px;height:160px;position:absolute}.sixthPage .content .rotateCube3 .box .up{height:80px;background-color:#f6afa6;-webkit-transform:rotateX(90deg) translateZ(40px);transform:rotateX(90deg) translateZ(40px)}.sixthPage .content .rotateCube3 .box .down{height:80px;background-color:#a71c2b;-webkit-transform:rotateX(-90deg) translateZ(120px);transform:rotateX(-90deg) translateZ(120px)}.sixthPage .content .rotateCube3 .box .left{background-color:#ec8c6e;-webkit-transform:rotateY(-90deg) translateZ(40px);transform:rotateY(-90deg) translateZ(40px)}.sixthPage .content .rotateCube3 .box .right{background-color:#f06161;-webkit-transform:rotateY(90deg) translateZ(40px);transform:rotateY(90deg) translateZ(40px)}.sixthPage .content .rotateCube3 .box .front{background-color:#d32337;-webkit-transform:translateZ(40px);transform:translateZ(40px)}.sixthPage .content .rotateCube3 .box .back{background-color:#db3043;-webkit-transform:rotateY(180deg) translateZ(40px);transform:rotateY(180deg) translateZ(40px)}.sixthPage .content .rotateCube4{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:2200px;perspective:2200px;position:absolute;left:50%;top:90%;z-index:4}.sixthPage .content .rotateCube4 .box{width:80px;height:80px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(340deg) rotateY(500deg) rotate(1220deg);transform:rotateX(340deg) rotateY(500deg) rotate(1220deg)}.sixthPage .content .rotateCube4 .box>div{width:80px;height:160px;position:absolute}.sixthPage .content .rotateCube4 .box .up{height:80px;background-color:#ecebeb;-webkit-transform:rotateX(90deg) translateZ(40px);transform:rotateX(90deg) translateZ(40px)}.sixthPage .content .rotateCube4 .box .down{height:80px;background-color:#757575;-webkit-transform:rotateX(-90deg) translateZ(120px);transform:rotateX(-90deg) translateZ(120px)}.sixthPage .content .rotateCube4 .box .left{background-color:#c1bfc4;-webkit-transform:rotateY(-90deg) translateZ(40px);transform:rotateY(-90deg) translateZ(40px)}.sixthPage .content .rotateCube4 .box .right{background-color:#c1bfc4;-webkit-transform:rotateY(90deg) translateZ(40px);transform:rotateY(90deg) translateZ(40px)}.sixthPage .content .rotateCube4 .box .front{background-color:#8a8a89;-webkit-transform:translateZ(40px);transform:translateZ(40px)}.sixthPage .content .rotateCube4 .box .back{background-color:#818181;-webkit-transform:rotateY(180deg) translateZ(40px);transform:rotateY(180deg) translateZ(40px)}.seventhPage{box-sizing:border-box;position:relative;z-index:0;top:0;margin-top:-1040px;width:100%;height:1000px}.seventhPage .NImg,.seventhPage .NImg img{position:relative;z-index:1;width:100%}.seventhPage .textContent1{position:absolute;z-index:2;top:180px;width:100%;height:400px;display:flex;align-content:center;flex-direction:column;color:#fff}.seventhPage .textContent1 .title{text-align:center;font-size:32px;font-weight:100;margin-top:0;margin-bottom:100px}.seventhPage .textContent1 .content{display:flex;justify-content:center;align-content:center}.seventhPage .textContent1 .content .first{width:32%}.seventhPage .textContent1 .content .first p,.seventhPage .textContent1 .content .second{margin:0 30px;font-size:20px;font-weight:100}.seventhPage .textContent1 .content .second{width:50%}.seventhPage .textContent2{position:absolute;z-index:2;top:580px;width:100%;height:400px;display:flex;align-content:center;flex-direction:column;color:#fff}.seventhPage .textContent2 .title{text-align:center;font-size:32px;font-weight:100;margin-top:0;margin-bottom:100px}.seventhPage .textContent2 .content{display:flex;justify-content:center;align-content:center}.seventhPage .textContent2 .content .first{width:32%}.seventhPage .textContent2 .content .first p,.seventhPage .textContent2 .content .second{margin:0 30px;font-size:20px;font-weight:100}.seventhPage .textContent2 .content .second{width:50%}.eigthPage{position:relative;z-index:1;width:100%;height:2740px;background:-webkit-gradient(linear,left top,left bottom,color-stop(2%,rgba(44,159,165,0)),color-stop(#2c9fa5),to(rgba(44,159,165,0)));background:-webkit-linear-gradient(top,rgba(44,159,165,0) 2%,#2c9fa5,rgba(44,159,165,0));background:linear-gradient(180deg,rgba(44,159,165,0) 2%,#2c9fa5,rgba(44,159,165,0))}.eigthPage,.eigthPage .flowImgs{box-sizing:border-box;top:0;margin-top:100px}.eigthPage .flowImgs{position:-webkit-sticky;position:sticky;width:10000px;height:630px;will-change:transform}.eigthPage .flowImgs .first{position:absolute;z-index:1;left:220px;top:40px;width:700px}.eigthPage .flowImgs .first:before{bottom:0;z-index:-1}.eigthPage .flowImgs .first:after,.eigthPage .flowImgs .first:before{content:"";position:absolute;top:-5px;right:-5px;left:-5px;background:#fff}.eigthPage .flowImgs .first:after{bottom:-5px;z-index:-2;-webkit-filter:blur(20px);filter:blur(20px)}.eigthPage .flowImgs .first:after,.eigthPage .flowImgs .first:before{background:-webkit-linear-gradient(231deg,#5a2695,#060c21,#00bcd4);background:linear-gradient(219deg,#5a2695,#060c21,#00bcd4)}.eigthPage .flowImgs .first img{width:100%}.eigthPage .flowImgs .second{position:absolute;z-index:2;left:120px;bottom:80px;width:400px}.eigthPage .flowImgs .second:before{bottom:0;z-index:-1}.eigthPage .flowImgs .second:after,.eigthPage .flowImgs .second:before{content:"";position:absolute;top:-5px;right:-5px;left:-5px;background:#fff}.eigthPage .flowImgs .second:after{bottom:-5px;z-index:-2;-webkit-filter:blur(20px);filter:blur(20px)}.eigthPage .flowImgs .second:after,.eigthPage .flowImgs .second:before{background:-webkit-linear-gradient(231deg,#5a2695,#060c21,#00bcd4);background:linear-gradient(219deg,#5a2695,#060c21,#00bcd4)}.eigthPage .flowImgs .second img{width:100%}.eigthPage .flowImgs .third{position:absolute;z-index:2;left:760px;bottom:24px;width:320px}.eigthPage .flowImgs .third:before{bottom:0;z-index:-1}.eigthPage .flowImgs .third:after,.eigthPage .flowImgs .third:before{content:"";position:absolute;top:-5px;right:-5px;left:-5px;background:#fff}.eigthPage .flowImgs .third:after{bottom:-5px;z-index:-2;-webkit-filter:blur(20px);filter:blur(20px)}.eigthPage .flowImgs .third:after,.eigthPage .flowImgs .third:before{background:-webkit-linear-gradient(231deg,#5a2695,#060c21,#00bcd4);background:linear-gradient(219deg,#5a2695,#060c21,#00bcd4)}.eigthPage .flowImgs .third img{width:100%}.eigthPage .flowImgs .forth{position:absolute;z-index:2;left:1030px;bottom:244px;width:520px}.eigthPage .flowImgs .forth:before{bottom:0;z-index:-1}.eigthPage .flowImgs .forth:after,.eigthPage .flowImgs .forth:before{content:"";position:absolute;top:-5px;right:-5px;left:-5px;background:#fff}.eigthPage .flowImgs .forth:after{bottom:-5px;z-index:-2;-webkit-filter:blur(20px);filter:blur(20px)}.eigthPage .flowImgs .forth:after,.eigthPage .flowImgs .forth:before{background:-webkit-linear-gradient(231deg,#5a2695,#060c21,#00bcd4);background:linear-gradient(219deg,#5a2695,#060c21,#00bcd4)}.eigthPage .flowImgs .forth img{width:100%}.eigthPage .flowImgs .fifth{position:absolute;z-index:3;left:1264px;bottom:-45px;width:580px}.eigthPage .flowImgs .fifth:before{bottom:0;z-index:-1}.eigthPage .flowImgs .fifth:after,.eigthPage .flowImgs .fifth:before{content:"";position:absolute;top:-5px;right:-5px;left:-5px;background:#fff}.eigthPage .flowImgs .fifth:after{bottom:-5px;z-index:-2;-webkit-filter:blur(20px);filter:blur(20px)}.eigthPage .flowImgs .fifth:after,.eigthPage .flowImgs .fifth:before{background:-webkit-linear-gradient(231deg,#5a2695,#060c21,#00bcd4);background:linear-gradient(219deg,#5a2695,#060c21,#00bcd4)}.eigthPage .flowImgs .fifth img{width:100%}.eigthPage .flowImgs .sixth{position:absolute;z-index:3;left:1674px;bottom:275px;width:460px}.eigthPage .flowImgs .sixth:before{bottom:0;z-index:-1}.eigthPage .flowImgs .sixth:after,.eigthPage .flowImgs .sixth:before{content:"";position:absolute;top:-5px;right:-5px;left:-5px;background:#fff}.eigthPage .flowImgs .sixth:after{bottom:-5px;z-index:-2;-webkit-filter:blur(20px);filter:blur(20px)}.eigthPage .flowImgs .sixth:after,.eigthPage .flowImgs .sixth:before{background:-webkit-linear-gradient(231deg,#5a2695,#060c21,#00bcd4);background:linear-gradient(219deg,#5a2695,#060c21,#00bcd4)}.eigthPage .flowImgs .sixth img{width:100%}.eigthPage .flowImgs .seventh{position:absolute;z-index:3;left:1844px;bottom:15px;width:420px}.eigthPage .flowImgs .seventh:before{bottom:0;z-index:-1}.eigthPage .flowImgs .seventh:after,.eigthPage .flowImgs .seventh:before{content:"";position:absolute;top:-5px;right:-5px;left:-5px;background:#fff}.eigthPage .flowImgs .seventh:after{bottom:-5px;z-index:-2;-webkit-filter:blur(20px);filter:blur(20px)}.eigthPage .flowImgs .seventh:after,.eigthPage .flowImgs .seventh:before{background:-webkit-linear-gradient(231deg,#5a2695,#060c21,#00bcd4);background:linear-gradient(219deg,#5a2695,#060c21,#00bcd4)}.eigthPage .flowImgs .seventh img{width:100%}.eigthPage .flowImgs .eighth{position:absolute;z-index:3;left:2124px;bottom:215px;width:460px}.eigthPage .flowImgs .eighth:before{bottom:0;z-index:-1}.eigthPage .flowImgs .eighth:after,.eigthPage .flowImgs .eighth:before{content:"";position:absolute;top:-5px;right:-5px;left:-5px;background:#fff}.eigthPage .flowImgs .eighth:after{bottom:-5px;z-index:-2;-webkit-filter:blur(20px);filter:blur(20px)}.eigthPage .flowImgs .eighth:after,.eigthPage .flowImgs .eighth:before{background:-webkit-linear-gradient(231deg,#5a2695,#060c21,#00bcd4);background:linear-gradient(219deg,#5a2695,#060c21,#00bcd4)}.eigthPage .flowImgs .eighth img{width:100%}.eigthPage .flowImgs .ninth{position:absolute;z-index:3;left:2544px;bottom:51px;width:670px}.eigthPage .flowImgs .ninth:before{bottom:0;z-index:-1}.eigthPage .flowImgs .ninth:after,.eigthPage .flowImgs .ninth:before{content:"";position:absolute;top:-5px;right:-5px;left:-5px;background:#fff}.eigthPage .flowImgs .ninth:after{bottom:-5px;z-index:-2;-webkit-filter:blur(20px);filter:blur(20px)}.eigthPage .flowImgs .ninth:after,.eigthPage .flowImgs .ninth:before{background:-webkit-linear-gradient(231deg,#5a2695,#060c21,#00bcd4);background:linear-gradient(219deg,#5a2695,#060c21,#00bcd4)}.eigthPage .flowImgs .ninth img{width:100%}.ninthPage{box-sizing:border-box;position:relative;z-index:0;top:0;margin-top:100px;width:100%;height:2800px;background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#414057));background:-webkit-linear-gradient(top,#000,#414057);background:linear-gradient(180deg,#000,#414057);display:flex;flex-direction:column;align-content:center}.ninthPage .whiteBgc{position:absolute;z-index:0;bottom:0;left:0;height:50vh;width:100%;background-color:#fff}.ninthPage .title{color:#fff;font-size:5vw;font-weight:700;text-align:center;margin-top:100px;margin-bottom:100px;text-shadow:0 0 14px #000}.ninthPage .iphoneContainer{position:-webkit-sticky;position:sticky;z-index:1;top:0;width:60%;height:600px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.ninthPage .iphoneContainer .iphoneWrap{width:300px;height:580px;display:flex;align-items:center;justify-content:center}.ninthPage .iphoneContainer .iphoneWrap .screen-content{position:absolute;z-index:20;box-sizing:border-box;padding:8px;overflow:hidden;border-radius:2px;background-color:#fff;box-shadow:0 0 0 2px rgba(227,229,243,.15),inset 0 1px 0 0 #000;-webkit-transition:all .8s;transition:all .8s;will-change:width,height}.ninthPage .iphoneContainer .iphoneWrap .screen-content .content{width:100%;height:auto;padding:0;margin:10px 0 0}.verticalLine{width:0;height:0;border-left:4px solid #303f9f;margin-right:4px;display:inline}.ninthPage .iphoneContainer .iphoneWrap .iphone1{position:absolute;z-index:2;box-sizing:border-box;width:272px;height:552px;padding:14px;display:flex;justify-content:center;align-items:stretch;border-radius:60px;background-color:#818181;box-shadow:inset -14px -14px 20px 0 rgba(0,0,0,.45),inset 0 -15px 1px -12px #353535,inset 0 -22px 2px -16px hsla(0,0%,82%,.75),inset 0 18px 0 -11px #fff,inset 0 0 6px 0 hsla(0,0%,94%,.75),inset 2px 2px 5px 5px #1a1a1a,inset 0 25px 8px 0 #272727,inset 0 -25px 15px 0 #252525;-webkit-transition:all .8s;transition:all .8s;will-change:width,height}.ninthPage .iphoneContainer .iphoneWrap .iphone1 .iphone1-inner{box-sizing:border-box;position:relative;display:flex;padding:3px;flex-direction:column;justify-content:flex-start;align-items:stretch;flex:1 1;border-radius:45px;background-color:#000;background-image:none;box-shadow:0 0 0 4px #e0e0e0}.ninthPage .iphoneContainer .iphoneWrap .iphone1 .iphone1-inner .inner-top{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1;background-color:#000;border-radius:45px}.ninthPage .iphoneContainer .iphoneWrap .iphone1 .iphone1-inner .inner-top .inner-top-speaker{width:54px;height:13px;border-radius:6px;background-color:rgba(39,45,49,.5);box-shadow:inset 0 -3px 1px 0 hsla(240,5%,62%,.6),inset 0 3px 1px 0 rgba(56,61,66,.5),inset 0 4px 0 0 #000;box-sizing:border-box}.ninthPage .iphoneContainer .iphoneWrap .iphone1 .iphone1-inner .inner-screen{height:380px;padding:1px;flex:0 0 auto;box-sizing:border-box}.ninthPage .iphoneContainer .iphoneWrap .iphone1 .iphone1-inner .inner-bottom{display:flex;justify-content:center;align-items:center;flex:1 1;box-sizing:border-box}.ninthPage .iphoneContainer .iphoneWrap .iphone1 .iphone1-inner .inner-bottom .inner-bottom-button{display:flex;width:46.5px;height:46.5px;justify-content:center;align-items:center;border:2px solid #151516;border-radius:50%;box-shadow:inset 0 -28px 20px -24px hsla(240,2%,78%,.59),inset 0 -38px 0 -24px #272727;box-sizing:border-box}.ninthPage .iphoneContainer .iphoneWrap .iphone1 .iphone1-inner .inner-bottom .inner-bottom-button .icon{width:16.5px;height:16.5px;border:2px solid #9898a3;border-radius:6px;box-sizing:border-box}.ninthPage .iphoneContainer .iphoneWrap .iphone2{position:absolute;width:272px;height:567px;z-index:3;box-sizing:border-box;border-radius:45px;background-color:#3e3f44;background-image:-webkit-radial-gradient(50% 50%,circle closest-corner,#c1c5c6,#44464d 100%,#000);background-image:radial-gradient(circle closest-corner at 50% 50%,#c1c5c6,#44464d 100%,#000);box-shadow:inset 49px 49px 30px -55px #949aa0,inset 25px 25px 25px -15px #1f2022,inset 38px 38px 0 -25px rgba(223,226,240,.5);box-shadow:20px 20px 0 rgba(0,0,0,.1);display:flex;justify-content:center;align-items:stretch;-webkit-transition:all .8s;transition:all .8s;will-change:width,height}.ninthPage .iphoneContainer .iphoneWrap .iphone2 .iphone2-inner{box-sizing:border-box;position:absolute;left:5px;right:5px;bottom:5px;top:5px;padding-top:20px;padding-bottom:20px;border-radius:41px;background-color:#000}.ninthPage .iphoneContainer .iphoneWrap .iphone2 .iphone2-inner .tablet{position:absolute;z-index:3;left:0;right:0;top:0;bottom:0;display:flex;padding-top:14px;padding-bottom:14px;box-sizing:border-box;-webkit-transition:all .8s;transition:all .8s}.iphone2-inner .tablet .table-left{display:flex;width:80px;justify-content:center;align-items:center;box-sizing:border-box}.iphone2-inner .tablet .table-left .table-camerca-1{width:10px;height:10px;padding:4px;border-radius:50%;background-color:#1189ee;box-shadow:inset 0 0 10px 0 #000,inset 0 -6px 2px 0 hsla(195,9%,82%,.4),inset 0 0 8px 0 #000,inset 0 0 3px 0 #000}.iphone2-inner .tablet .table-left .table-camerca-1 .table-camerca-2{width:2px;height:2px;border-radius:50%;background-color:hsla(0,0%,100%,.5);box-shadow:0 0 2px 0 #1271bb;box-sizing:border-box}.iphone2-inner .tablet .table-screen{padding:1px;flex:1 1}.iphone2-inner .tablet .table-right{display:flex;width:80px;justify-content:center;align-items:center;box-sizing:border-box}.iphone2-inner .tablet .table-right .table-right-button{width:50px;height:50px;border-radius:50%;box-shadow:inset -10px -10px 2px -11px hsla(0,0%,100%,.26),inset 0 0 0 3px #222;box-sizing:border-box}.ninthPage .iphoneContainer .iphoneWrap .iphone2 .iphone2-inner .iphoner2-inner-inner{position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;display:flex;padding-right:7px;padding-left:7px;flex-direction:column;-webkit-transition:all .8s;transition:all .8s}.iphoner2-inner-inner .inner-top{display:flex;height:80px;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.iphoner2-inner-inner .inner-top .inner-top-camerca{width:10px;height:10px;padding:4px;border-radius:50%;background-color:#1189ee;box-shadow:inset 0 0 10px 0 #000,inset 0 -6px 2px 0 hsla(195,9%,82%,.4),inset 0 0 8px 0 #000,inset 0 0 3px 0 #000;box-sizing:border-box}.iphoner2-inner-inner .inner-top .inner-top-speaker{width:54px;height:10px;margin-top:20px;box-shadow:inset 0 -3px 1px 0 hsla(240,5%,62%,.25),inset 0 3px 1px 0 rgba(56,61,66,.5),inset 0 4px 0 0 #000;border-radius:6px;background-color:rgba(39,45,49,.5);box-sizing:border-box}.iphoner2-inner-inner .inner-screen{display:flex;padding:1px;flex:1 1}.iphoner2-inner-inner .inner-bottom{display:flex;height:80px;justify-content:center;align-items:center;flex:0 0 auto}.iphoner2-inner-inner .inner-bottom .inner-bottom-button{width:50px;height:50px;border-radius:50%;box-shadow:inset -10px -10px 2px -11px hsla(0,0%,100%,.26),inset 0 0 0 3px #222;-webkit-transform:scale(1);transform:scale(1);box-sizing:border-box}.tenthPage{box-sizing:border-box;position:relative;z-index:0;top:0;margin-top:0;width:100%;height:2786px;background:#fff;display:flex;flex-direction:column;align-content:center}.tenthPage .content{width:100%;height:1160px;position:relative}.tenthPage .content .title{width:100%;height:580px;margin-top:100px;position:-webkit-sticky;position:sticky;z-index:-1;top:30px;box-sizing:border-box}.tenthPage .content .title .title-1{font-size:40px;color:#000;font-weight:100;text-align:center}.tenthPage .content .title .fiveG-Img{width:100%;padding-top:50px;box-sizing:border-box;position:relative}.tenthPage .content .title .fiveGImg img{width:100%}.tenthPage .content .fiveG-intro{width:100%;height:475px;background-color:#fff;position:absolute;z-index:10;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.tenthPage .content .fiveG-intro .character{flex:1 1;height:100%;display:flex;flex-direction:column;-webkit-transition:all .2s;transition:all .2s;overflow:hidden;position:relative}.tenthPage .content .fiveG-intro .character:hover{box-shadow:3px 3px 10px rgba(0,0,0,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px);cursor:pointer}.tenthPage .content .fiveG-intro .character .icStyle{font-size:50px;text-align:center;box-sizing:border-box;line-height:100px;color:#000;opacity:.2;flex:0 1}.tenthPage .content .fiveG-intro .character .title{margin:0;flex:0 1;padding:0 10px}.tenthPage .content .fiveG-intro .character .title p{font-size:28px;text-align:center;color:#060c21;font-weight:100}.tenthPage .content .fiveG-intro .character .intro{flex:auto;padding:20px 10px}.tenthPage .content .fiveG-intro .character .intro p{font-size:16px;text-align:center;color:#060c21;font-weight:100;line-height:30px}.tenthPage .future-tec{width:100%}.tenthPage .future-tec .title{width:100%;height:auto;margin-top:20px}.tenthPage .future-tec .title p{text-align:center;font-size:40px;font-weight:100;color:#000}.tenthPage .future-tec .future-tec-content{width:100%;display:flex;height:600px;flex-direction:column;padding-top:50px;padding-bottom:50px}.tenthPage .future-tec .future-tec-content .content{flex:1 1;box-sizing:border-box;width:100%;padding:30px}.tenthPage .future-tec .future-tec-content .content .container{width:100%;height:100%;display:flex;align-items:center}.tenthPage .future-tec .future-tec-content .content .container .left-content{width:37%;height:100%;display:flex;justify-content:center}.tenthPage .future-tec .future-tec-content .content .container .left-content .icon{font-size:100px}.tenthPage .future-tec .future-tec-content .content .container .right-content{width:53%;height:100%;display:flex;margin-left:-20px}.tenthPage .future-tec .future-tec-content .content .container .right-content .container{display:flex;flex-direction:column;justify-content:flex-start}.tenthPage .future-tec .future-tec-content .content .container .right-content .container .right-content-title{width:100%;font-size:20px;font-weight:100;color:#000}.tenthPage .future-tec .future-tec-content .content .container .right-content .container .right-content-content{width:100%;font-size:16px;font-weight:100;color:#000}.tenthPage .end-sentence{box-sizing:border-box;margin-top:100px;display:flex;flex-direction:column;align-content:flex-start;justify-content:center}.tenthPage .end-sentence p{font-size:20px;font-weight:100;color:#000;line-height:40px;text-align:center}.tenthPage .end-sentence .FiveG-logo{margin-top:20px}.tenthPage .end-sentence .FiveG-logo img{display:inline-block;width:48px}.tenthPage .finalPage{width:100%;height:220px;display:flex;align-items:center;justify-content:center;background-color:#333}.tenthPage .finalPage .container{width:60%;height:60%;display:flex;flex-direction:column;margin-left:34%;margin-top:6%}.tenthPage .finalPage .container .share{display:flex;width:auto}.tenthPage .finalPage .container .share .share-title{font-size:30px;font-weight:100;color:#b0b0b0;line-height:30px}.tenthPage .finalPage .container .share .share-content a{display:inline-block;text-decoration:none;margin-right:10px}.tenthPage .finalPage .container .share .share-content a i{font-size:30px;color:#b0b0b0}.tenthPage .finalPage .container .contact{display:flex}.tenthPage .finalPage .container .contact .contact-content,.tenthPage .finalPage .container .contact .contact-title{font-size:30px;font-weight:100;color:#b0b0b0;line-height:30px}.bottomNav{width:100%;position:fixed;z-index:1000;bottom:0;left:0;-webkit-transition:all .6s;transition:all .6s}.bottomNav .container{width:100%;height:40px;background-color:#000;display:flex}.bottomNav .container .left-container{box-sizing:border-box;display:flex;height:100%;align-items:center;justify-content:flex-start;width:17%;background-color:#000;position:relative;z-index:1000}.bottomNav .container .left-container li{list-style:none;margin:0 5px;color:#fff}.bottomNav .container .left-container li:hover{cursor:pointer}.bottomNav .container .left-container li.share:hover{cursor:auto}.bottomNav .container .left-container .share-icon i{font-size:24px}.bottomNav .container .middle-container{width:66%;height:100%;opacity:0;padding-left:10%;-webkit-transition:all .8s;transition:all .8s}.bottomNav .container .middle-container .year-container{box-sizing:border-box;width:2000px;height:100%;-webkit-transition:all .8s;transition:all .8s}.bottomNav .container .middle-container .year-container p{display:inline-block;width:140px;height:100%;line-height:40px;color:#bebebe;text-align:center}.bottomNav .container .middle-container .year-container p.middle-year{color:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}.bottomNav .container .right-container{box-sizing:border-box;display:flex;height:100%;align-items:center;justify-content:flex-end;width:17%;background-color:#000;position:relative;z-index:100}.bottomNav .container .right-container p{line-height:40px;color:#fff;font-size:16px;padding-right:10px;text-align:center}.bottomNav .container .right-container p:hover{cursor:pointer}body{margin:0;padding:0;font-family:微软雅黑;background-color:#000;position:relative;overflow:hidden}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,HTML,li,ol,p,pre,table,td,th,ul{border:none;font-family:微软雅黑,黑体,宋体;font-size:14px;margin:0;padding:0}
/*# sourceMappingURL=main.b5e80726.chunk.css.map */