.button-down,button{cursor:pointer}.page1,.page4,.page5{overflow:hidden}body,dd,dl,form,h1,h2,h3,h4,h5,h6,p{margin:0}a:focus,button:focus,div:focus,p:focus,span:focus{outline:0}button,input,ol,ul{margin:0;padding:0}ol,ul{list-style:none}body,button,input,textarea{font-family:"microsoft yahei",-apple-system,"PingFang SC",simsun,Arial,sans-serif;font-size:var(--font-size-base);color:var(--color-default);-webkit-font-smoothing:antialiased}body{word-wrap:break-word;overflow-x:hidden}a{color:var(--color-link);text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}h4,h5,h6,p{font-size:inherit}small,sub,sup{font-size:11px}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}table{border-collapse:separate;border-spacing:0}i{font-style:normal}.header{position:fixed;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:55px;background:rgba(37,38,40,.3);backdrop-filter:blur(5px);z-index:2}.header a{color:#fff}.header .xl-logo{display:block;width:82px;height:27px;background:url(../img/logo.png) no-repeat;background-size:100% auto}.header .header-nav a{margin-left:44px;font-size:13px;transition:opacity .2s;cursor:pointer}.header .header-nav a:hover{opacity:.8}.header .header-nav a.item-btn{display:none;width:95px;height:30px;text-align:center;line-height:30px;color:#fff;background:#3f85ff;border-radius:4px}.header.is-white{background:rgba(255,255,255,.3)}.header.is-white a{color:#000}.button-down,.page1,.page1 .link-down a{color:#fff}.header.is-white .xl-logo{background-image:url(../img/logo-black.png)}.header.is-white a.item-btn{display:inline-block}:root:before{content:"author:ningwenjing;design:huangshun;update:2020-09-02;";display:none}@font-face{font-family:din;src:url(../font/dincond.ttf) format("truetype");font-weight:400;font-style:normal}.page .content-pc{display:flex;flex-direction:column;justify-content:center;position:relative;width:1280px;margin:0 auto;height:100%;box-sizing:border-box}.page .title-page{font-size:66px;line-height:1.2;font-weight:700;transition:.1s}.page .txt-page{margin-top:10px;font-size:22px;white-space:nowrap;transition:.1s}.page1{height:100vh;background-image:url(../img/background1.jpg);background-color:#030e25;background-size:1920px auto;background-position:center top;background-repeat:no-repeat}.page1 .xl-title{display:flex;align-items:center;font-size:96px;font-weight:lighter;line-height:100px;letter-spacing:5px;animation:titleDown .5s 1s both}@keyframes titleDown{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}.page1 .page1-txt{position:relative;top:-62px;margin-right:16px;z-index:1;color:#fff}.page1 .txt-detail{margin-top:10px;font-size:36px;font-weight:lighter;text-align:center;animation:titleDown .5s 1.1s both}.page1 .button-down,.page1 .link-down{animation:titleDown .5s 1.3s both}.page1 .content-pc{align-items:flex-end}.page1 .link-down{margin-top:12px;font-size:15px;text-align:center;text-decoration:underline}.interface,.shadow{animation:interface .5s .5s both,fadeIn .3s .5s both}.button-down{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:25px auto;width:288px;height:76px;text-align:center;font-size:30px;background:#3f85ff;border-radius:4px;transition:background .2s}.button-down span{margin:4px 0 0;font-size:12px;color:rgba(255,255,255,.5)}.button-down:hover{background:#226ef2}.client{position:absolute;left:-6px;top:50%;margin-top:-310px}.interface{position:absolute;top:0;left:0;width:835px;height:805px;background:url(../img/client.png) no-repeat;background-size:100% auto;transform-origin:left bottom}@keyframes interface{0%{transform:translate3d(-44px,-122px,0) scale(.8)}100%{transform:translate3d(0,0,0) scale(1)}}.cloud,.shadow{transform-origin:left bottom;position:absolute}.shadow{left:-13px;top:483px;width:1330px;height:263px;background:url(../img/shadow.png) no-repeat;background-size:100% auto}.cloud{left:578px;top:330px;width:292px;height:425px;background:url(../img/cloud.png) no-repeat;background-size:100% auto;animation:cloud .5s .3s both,fadeIn .3s .3s both}@keyframes cloud{0%{transform:translate3d(-70px,-80px,0) scale(.8)}100%{transform:translate3d(0,0,0) scale(1)}}[class*=" spr-light-"],[class^=spr-light-]{position:absolute;top:50%;left:700px;background:url(../img/spr-light.png) no-repeat;background-size:555px auto}.spr-light-1{margin-top:113px;left:672px;width:236px;height:69px;background-position:-252px -209px;animation:light1 3s 2s both infinite}@keyframes light1{0%{opacity:0;transform:translate3d(-750px,-150px,0)}25%{opacity:1}100%,50%{opacity:0;transform:translate3d(200px,50px,0)}}.spr-light-2{left:854px;margin-top:110px;width:237px;height:69px;background-position:-5px -209px;animation:light2 3s 1.3s both infinite}@keyframes light2{0%{opacity:0;transform:translate3d(-750px,-150px,0)}25%{opacity:1}100%,50%{opacity:0;transform:translate3d(200px,50px,0)}}.spr-light-3{margin-top:-5px;left:1118px;width:382px;height:43px;background-position:-5px -156px;animation:light3 3s 1.7s both infinite}@keyframes light3{0%{opacity:0;transform:translate3d(-750px,-100px,0)}25%{opacity:1}100%,50%{opacity:0;transform:translate3d(0,0,0)}}.spr-light-4{margin-top:176px;left:1050px;width:545px;height:141px;background-position:-5px -5px;animation:light4 3s 1s both infinite}@keyframes light4{0%{opacity:0;transform:translate3d(-750px,-200px,0)}25%{opacity:.2}100%,50%{opacity:0;transform:translate3d(0,0,0)}}.silk{position:absolute;top:50%;margin-top:38px;left:50%;margin-left:-960px;width:1920px;height:462px;background:url(../img/silk.png) no-repeat;background-size:1920px auto}.point1{width:6px;height:6px;border-radius:50%}.page4{height:1000px;background:url(../img/background4.jpg) center center;background-size:cover}.page4 .content-pc{box-sizing:border-box;color:#fff}[class*=" spr4-"],[class^=spr4-]{position:absolute}.is-ani .spr4-point{right:-12px;top:263px;width:245px;height:50px;background:url(../img/point.png) no-repeat;background-size:100% auto;animation:fadeIn .5s 1s both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.is-ani .spr4-form{left:468px;top:97px;width:1130px;height:780px;background:url(../img/form.png) no-repeat;background-size:100% auto}.is-ani .spr4-gradient{left:490px;top:290px;width:778px;height:588px;background:url(../img/gradient.png) no-repeat;background-size:778px auto;animation:gradient .5s .5s both}@keyframes gradient{0%{width:0}100%{width:778px}}.is-ani .spr4-rocket{top:290px;right:5px;animation:rocket .3s 1s both}.is-ani .spr4-rocket i{display:block;width:573px;height:595px;background:url(../img/rocket.png) no-repeat;background-size:100% auto;animation:rocketMove 1s both linear infinite alternate}@keyframes rocketMove{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-10px,10px,0)}}@keyframes rocket{0%{opacity:0;transform:translate3d(-588px,658px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.text-speed{position:absolute;top:192px;right:260px;color:#0072ff;font-size:140px;font-family:din}.page5{position:relative;height:1300px;background:url(../img/background5.jpg) left top no-repeat #000;color:#fff;background-size:2545px auto}.page5 .context-pc-text{position:absolute;right:0;top:50%;padding:0;margin-top:-100px;width:380px;display:inline-block}.page5 h2{margin-top:-80px}.page5 .page5-ele{position:absolute;top:0;width:1920px;left:0}.page5 .button-down{position:absolute;top:1000px;left:50%;margin-left:-144px}[class*=" spr5-"],[class^=spr5-]{position:absolute;background:url(../img/spr5.png) no-repeat;background-size:641px auto}.spr5-rect6{left:156px;top:493px;width:224px;height:390px}.spr5-rect1{top:196px;left:423px;width:104px;height:84px;background-position:-348px -420px;animation:rect5 1s both alternate infinite linear}@keyframes rect5{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-15px,0)}}.spr5-rect2{left:905px;top:397px;width:68px;height:55px;background-position:-256px -331px;animation:rect2 1.2s .3s both alternate infinite linear}@keyframes rect2{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,10px,0)}}.spr5-rect3{left:917px;top:539px;width:129px;height:183px;background-position:-450px -170px}.spr5-rect4{left:752px;top:171px;width:182px;height:140px;background-position:-450px -10px}.spr5-4K{left:871px;top:441px;width:142px;height:142px;background-position:-10px -420px;animation:rect5 1s .3s both alternate infinite linear}.spr5-1080{top:135px;left:546px;width:156px;height:103px;background-position:-172px -420px}.spr5-hd{top:655px;left:269px;width:173px;height:301px;background-position:-257px -10px}[class*=" line-"],[class^=line-]{position:absolute;background:url(../img/spr-line.png) no-repeat;background-size:476px auto}.line-1{top:743px;left:400px;width:255px;height:122px;background-position:-10px -10px;animation:line1 3s .5s linear both infinite}@keyframes line1{0%{opacity:0;transform:translate3d(0,0,0)}25%{opacity:1}100%,50%{opacity:0;transform:translate3d(550px,221px,0)}}.line-2{top:697px;left:548px;width:142px;height:80px;background-position:-285px -10px;animation:line2 2.5s 1s linear both infinite}@keyframes line2{0%{opacity:0;transform:translate3d(0,0,0)}25%{opacity:1}100%,50%{opacity:0;transform:translate3d(625px,224px,0)}}.line-3{top:700px;left:946px;width:174px;height:77px;background-position:-10px -175px;animation:line3 2.2s 1.5s linear both infinite}@keyframes line3{0%{opacity:0;transform:translate3d(0,0,0)}25%{opacity:1}100%,50%{opacity:0;transform:translate3d(467px,161px,0)}}.page2{position:relative;height:1000px;background:center center #eff2f5;background-size:auto 100%}.sline1-1,.sline1-2,.sline1-3,.sline1-4{width:3840px;height:2000px}.sline1-1{background-position:-10px -10px}.sline1-3{background-position:-10px -2030px}.sline1-4{background-position:-10px -4050px}.sline1-2{background-position:-10px -6070px}[class*=" spr2-"],[class^=spr2-]{position:absolute;background:url(../img/spr6.png) no-repeat;background-size:1250px auto}.page2-ele{position:absolute;top:50%;margin-top:-310px;width:100%}.is-ani .spr2-rect3{top:94px;right:178px;width:81px;height:81px;background-position:-236px -617px;animation:bounceIn .5s .9s both}.is-ani .spr2-rect1{top:307px;right:50px;width:124px;height:118px;background-position:-5px -617px;animation:bounceIn .5s 1.2s both}.is-ani .spr2-rect4{top:173px;right:18px;width:90px;height:89px;background-position:-138px -617px;animation:bounceIn .5s 1s both}.is-ani .spr2-rect2{top:340px;right:643px;width:118px;height:139px;background-position:-5px -745px;animation:bounceIn .5s 1.4s both}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.spr2-background{top:0;right:-182px;width:1237px;height:602px;background-position:-5px -5px}@keyframes computerDown{0%{opacity:0;transform:translate3d(0,-20px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.footer{position:absolute;left:0;bottom:35px;width:100%;text-align:center;color:#2d508f;font-size:20px}@media only screen and (max-width:1500px){.page5 .title-page,.page5 .txt-page{text-shadow:0 0 10px rgba(1,9,70,.7)}}@media only screen and (max-height:700px){.wrap{width:750px;margin:0 auto}.page1 h1{top:20px}.page .title-page{font-size:60px}.page .txt-page{font-size:20px}}