body,header,html{padding:0;margin:0;font-family:PingFangSC,Arial,Helvetica,sans-serif}@media (max-width:1359px){header nav{width:98%}section .content{width:98%}.page1{background-image:url(/js/bg1.png);background-repeat:no-repeat;background-size:72%;background-position:right 30%}#menu{left:50%;margin-left:-46.5vw}#menu b{display:none}}@media (min-width:1360px){header nav{width:1360px}section .content{width:1360px}.page1{background-size:60%;background-position:right 20%}#menu{left:50%;margin-left:-655px}}footer{height:88px;background-color:rgba(31,36,40,.4);width:100%;bottom:0;z-index:99999}footer{text-align:center;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:3;color:#fff;letter-spacing:1px}header{height:88px;background-color:rgba(31,36,40,.2);width:100%;position:fixed;z-index:99999}header nav{position:relative;margin:0 auto;height:100%;display:flex;align-items:center}header nav img{margin:auto 80px auto 16px}header nav a{text-decoration:none;display:inline-block;font-size:14px;margin:16px;color:#fff;cursor:pointer}header nav a:hover{color:#00e6cc}header nav .login{position:absolute;right:40px}aside{position:fixed;right:50%;margin-right:-48vw;bottom:10vh;filter:grayscale(100%)}aside:hover{filter:unset}aside:hover .popover{display:block}aside img.ding{width:60px;height:60px}aside img.qun{width:100%;border-radius:5px}.content{margin:auto;position:relative;height:100vh}aside .popover{display:none;transition:all .5s;position:absolute;top:-340px;width:300px;left:-320px;height:336px;background:#fff;border-radius:5px;text-align:center}.page1{background-image:url(/js/bg1.png);background-repeat:no-repeat}.page1 .content .context{margin:230px 220px}.page1 .content .context p{user-select:none;color:#fff;font-size:48px;font-weight:700}p.english{line-height:0;transform:scaleX(1.1) translateX(5%)}p.title{line-height:50px;letter-spacing:.1em;letter-spacing:1.1}.page1 .content .context p.desc{font-size:24px;line-height:1;font-weight:400}.page2{background-image:url(/js/bg2.png);background-repeat:no-repeat;background-position:0 100%;background-size:cover}.page2 .content{width:1000px;display:flex;align-items:center;justify-content:center;margin:0 auto;padding-left:4%}.page2 .content .cards{width:100%;height:80vh;display:flex;justify-content:center;align-items:center}.page2 .content .cards .card{position:relative;height:487px;width:33%;margin-right:20px;border-left:1px solid #454b4e;padding:10px 25px;transition:all .5s}.cards .card p.title{color:#fff;font-size:32px;font-weight:700}.cards .card p{font-size:12px;color:#7b7c7d}.cards .card p i{font-style:normal;color:#00f7d7}.cards .card .desc p{padding-top:120px;font-size:16px;line-height:28px;color:#dedfe0}.page2 .content .cards .card article{position:absolute;padding:5px 15px 10px 10px;z-index:9}.page2 .content .cards .card:hover:before{opacity:1;transition:all .5s}.page2 .content .cards .card:before{content:"";position:absolute;height:100%;top:0;left:0;width:100%;background-repeat:no-repeat;background-size:contain;opacity:0;transition:all .5s}.page2 .content .cards .card1:before{background-image:url(/js/card1.jpg)}.page2 .content .cards .card2:before{background-image:url(/js/card2.jpg)}.page2 .content .cards .card3:before{background-image:url(/js/card3.jpg)}.page2 .content .cards .card:hover:after{background:#fff}.page2 .content .cards .card:after{content:"";position:absolute;height:30%;top:0;left:0;width:4px;background:hsla(0,0%,100%,.3)}.page3{background-image:url(/js/bg3.png);background-repeat:no-repeat;background-position:0 100%;background-size:cover}.page3:before{content:"";position:absolute;background-image:url(/js/bg3.png);background-repeat:no-repeat;background-position:100% 100%;background-size:cover;opacity:.5;width:100vw;height:100vh;top:0;right:0}.page3 .content{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;width:1000px;margin:-5% auto 0;padding-left:4.5%}.page3 .content p.title{color:#fff;font-size:32px;font-weight:700;margin-bottom:20px;padding:55px 0}.page3 .content img{width:99%}.spot-light{position:absolute;top:25%;left:40%;box-shadow:0 0 900px 450px hsla(0,0%,100%,.03)}@keyframes rotate{to{transform:rotate(1turn)}}.button-outline{margin-top:calc(37.5vh - 187.5px);position:relative;z-index:0;width:200px;height:60px;border-radius:30px;overflow:hidden;background:transprent}.button-outline:before{content:"";position:absolute;z-index:-2;left:0;top:-105%;width:200px;height:200px;background-color:transparent;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#4c5059,#4c5059),linear-gradient(#4c5059,#4c5059),linear-gradient(#4c5059,#4c5059),linear-gradient(#03e3ca,#03e3ca);animation:rotate 4s linear infinite}.button-outline:after{content:"";position:absolute;z-index:-1;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);background:#22272d;border-radius:30px}button.enter{width:214px;height:60px;border-radius:30px;border:1px solid #03e3c9;color:#fff;background-color:#2a4247;outline:none;cursor:pointer;transform:scale(.9);margin-left:-7px;font-size:18px}.arrow{display:inline-block;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}#menu{padding:0;position:fixed;top:49%;margin-top:-100px;list-style-type:none;z-index:70;height:200px;display:flex;align-items:center;flex-direction:column}#menu li{z-index:99999999;padding:5px;background-color:transparent;border-radius:50%;border:1px solid transparent}#menu a{position:relative;float:left;background-color:rgba(2,211,177,.8);color:#333;text-decoration:none;width:8px;height:8px;border-radius:50%;transition:all 2s}#menu a b{position:absolute;width:100px;margin:-7px 30px;color:#888;font-size:14px;font-weight:400}#menu .active a b,#menu a b:hover{color:#fff}#menu .line{height:200px;width:2px;background-color:#214548;transform:scaleY(1.2)}#menu .active a{color:#fff;background-color:#02d3b1;transition:all 2s}#menu .active{border:1px solid #02d3b1;transition:all 1s;transform:scale(1)}