@charset "UTF-8";.screen-box{width:100%;height:1080px;box-sizing:border-box;position:relative}.first-screen{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:url(/images/index/header-bg.jpg) no-repeat center center;background-size:cover cover}@keyframes centerPeople{to{transform:scale(1.05);filter:drop-shadow(0 0 6px rgba(22,165,169,.9))}}.first-screen .pic-con{width:1468px;height:100%;position:absolute}.first-screen .pic-con .fans-box{position:absolute;right:0;top:97px;width:160px;height:106px;background:url(/images/index/fans-bg.png) no-repeat top center;cursor:pointer}.first-screen .pic-con .fans-box .fans-num{display:block;width:100%;text-align:center;position:absolute;top:48px;font-size:12px;color:#112037}.first-screen .pic-con .fans-box:hover .num-box{height:188px;transition:height .3s}.first-screen .pic-con .fans-box .num-box{position:absolute;right:0;top:106px;width:350px;height:0px;overflow:hidden;transition:height .3s;background:linear-gradient(to bottom,#243954f0,#386174f0);border-radius:15px;box-sizing:border-box}.first-screen .pic-con .fans-box .num-box ul{height:158px;margin:15px;overflow-y:scroll}.first-screen .pic-con .fans-box .num-box ul::-webkit-scrollbar{width:8px}.first-screen .pic-con .fans-box .num-box ul::-webkit-scrollbar-thumb{background-color:#4b6075;border-radius:4px}.first-screen .pic-con .fans-box .num-box ul li{display:flex;height:32px;margin-bottom:10px;align-items:center}.first-screen .pic-con .fans-box .num-box ul li img{width:32px;height:32px;margin-right:10px}.first-screen .pic-con .fans-box .num-box ul li span{height:10px;border-radius:10px;background-image:linear-gradient(90deg,#08f2fe,#05fa93);margin-right:10px}.first-screen .pic-con img.f-icon{position:absolute}.first-screen .pic-con .f-icon-1{left:337px;top:586px;z-index:1}.first-screen .pic-con .f-icon-2{left:627px;top:722px;z-index:3}.first-screen .pic-con .f-icon-3{left:677px;top:359px;z-index:2;animation:centerPeople 6s ease-in-out alternate infinite}.first-screen .pic-con .f-icon-4{left:906px;top:456px;z-index:1}.first-screen .pic-con .f-icon-5{left:1097px;top:565px;z-index:1}.first-screen .pic-con .f-icon-text{left:424px;top:234px}.first-screen #video-viewport{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:-1}.first-screen #video-viewport video{object-fit:cover}.first-screen .inner{width:100%;height:272px;background:url(/images/index/fir-btm-bg.png) no-repeat center center;margin-bottom:-25px;display:flex;justify-content:center;z-index:9}.first-screen .inner .inner-con{width:1468px;display:flex;flex-direction:row;align-items:center;justify-content:center}.first-screen .inner .inner-con ul[role=list]{width:1075px;display:flex;flex-direction:row;flex-wrap:wrap;padding-left:30px;box-sizing:border-box}.first-screen .inner .inner-con ul[role=list] li{width:515px;height:60px;position:relative;padding-left:110px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.first-screen .inner .inner-con ul[role=list] li:before{content:"";display:block;width:16px;height:16px;background:url(/images/index/star.png) no-repeat center center;margin-right:10px;filter:drop-shadow(0 0 10px rgba(255,255,255,.9))}.first-screen .inner .inner-con .btn-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.second-screen:after{content:"";width:100%;height:48px;position:absolute;left:0;bottom:-24px;background:url(/images/index/sec-btm-bg.png) no-repeat center center}.second-screen{display:flex;flex-direction:row;align-items:flex-start;justify-content:center}@keyframes secTransForm{0%{transform:perspective(1000px) rotateX(0) rotateY(0)}to{transform:perspective(1000px) rotateX(0) rotateY(5deg)}}.second-screen #second-container{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;background:url(/images/index/sec-bg.jpg) no-repeat center center;background-size:cover}.second-screen .second-screen-con{height:100%;padding:40px 0 70px;box-sizing:border-box;width:1468px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.second-screen .second-screen-con .line-peo{position:absolute;width:190px;height:600px;left:-190px;bottom:0;background:url(/images/index/line-peo.png) no-repeat center center;filter:drop-shadow(0 0 3px rgba(168,190,255,.6));animation:secTransForm 3s ease-in-out alternate infinite}.second-screen .sec-title{width:394px;height:200px;padding-top:100px;box-sizing:border-box;background:url(/images/index/sec-title-bg.png)}.second-screen .line-box{width:100%;margin-top:-220px}.second-screen .line-box .line-bg:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:url(/images/index/line-chart-bg.png) no-repeat center center;filter:drop-shadow(0 0 3px rgba(168,190,255,.6));z-index:-1}.second-screen .line-box .line-bg{width:100%;height:416px;position:relative}.second-screen .line-box .line-bg i{display:block;width:130px;height:130px;background:url(/images/index/dot.png) no-repeat center center;position:absolute}.second-screen .line-box .line-bg .i1{left:-27px;top:320px;transform:rotate(25deg)}.second-screen .line-box .line-bg .i2{left:235px;top:260px;transform:rotate(30deg)}.second-screen .line-box .line-bg .i3{left:498px;top:254px;transform:rotate(30deg)}.second-screen .line-box .line-bg .i4{left:758px;top:212px;transform:rotate(18deg)}.second-screen .line-box .line-bg .i5{left:1015px;top:122px;transform:rotate(2deg)}.second-screen .line-box .line-bg .i6{left:1280px;top:-34px;transform:rotate(6deg)}.second-screen .line-box .line-time:after{content:"";display:block;width:calc((var(--rx) - 1468px) / 2 - 10px);height:2px;position:absolute;left:100%;top:0;background:#fff9}.second-screen .line-box .line-time:before{content:"";display:block;width:100%;height:2px;position:absolute;left:0;top:0;background:linear-gradient(to right,#fff0,#fff9)}.second-screen .line-box .line-time{margin-top:20px;position:relative;display:flex;justify-content:space-between}.second-screen .line-box .line-time ul,.second-screen .line-box .line-time li{list-style:none;position:relative}.second-screen .line-box .line-time ul span,.second-screen .line-box .line-time li span{display:flex;flex-direction:column;margin-top:20px;font-size:20px;text-shadow:0px 0px 6px rgba(168,190,255,.8)}.second-screen .line-box .line-time ul span em,.second-screen .line-box .line-time li span em{width:164px}.second-screen .line-box .line-time ul span em+em,.second-screen .line-box .line-time li span em+em{margin-top:5px;color:#e5e6e8}.second-screen .line-box .line-time li:before{content:"";display:block;width:8px;height:8px;position:absolute;left:40px;top:-3px;border-radius:4px;background-color:#fff;filter:drop-shadow(0 0 3px rgba(255,255,255,.8))}.second-screen .hz-list{width:1000px;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.second-screen .hz-list i{display:block;width:222px;height:180px;-webkit-box-reflect:below 0px linear-gradient(transparent,transparent,rgba(0,0,0,.1333333333));transition:all .5s;transform:perspective(500px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.second-screen .hz-list .hz-icon-1:hover{filter:drop-shadow(0 0 10px rgb(252,194,111))}.second-screen .hz-list .hz-icon-2:hover{filter:drop-shadow(0 0 10px rgb(98,156,247))}.second-screen .hz-list .hz-icon-3:hover{filter:drop-shadow(0 0 10px rgb(116,135,255))}.second-screen .hz-list .hz-icon-4:hover{filter:drop-shadow(0 0 10px rgb(49,235,251))}.second-screen .hz-list .hz-icon-2,.second-screen .hz-list .hz-icon-4{height:170px}.second-screen .hz-list .hz-icon-3{height:150px}.second-screen .hz-list .hz-icon-1{background:url(/images/index/hz-1.png) no-repeat center center}.second-screen .hz-list .hz-icon-2{background:url(/images/index/hz-2.png) no-repeat center center}.second-screen .hz-list .hz-icon-3{background:url(/images/index/hz-3.png) no-repeat center center}.second-screen .hz-list .hz-icon-4{background:url(/images/index/hz-4.png) no-repeat center center}.partners-box{height:738px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.partners-box #gradient-canvas{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;background:url(/images/index/three-bg.jpg) no-repeat;background-size:cover}.partners-box .three-title{width:574px;height:125px;padding-top:35px;box-sizing:border-box;background:url(/images/index/three-title-bg.png) no-repeat center center}.partners-box .partners-list{width:1468px;margin-top:50px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.partners-box .partners-list li{width:343px;height:195px;background:url(/images/index/platform-bg.png) no-repeat center center;font-size:20px;margin-bottom:48px;position:relative;overflow:hidden;transition:all .5s}.partners-box .partners-list li a{display:block;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:38px;color:#fff}.partners-box .partners-list li a i{display:block;width:88px;height:88px;margin-right:35px}.partners-box .partners-list li a .icon-1{background:url(/images/index/icon-1.png) no-repeat center center}.partners-box .partners-list li a .icon-2{background:url(/images/index/icon-2.png) no-repeat center center}.partners-box .partners-list li a .icon-3{background:url(/images/index/icon-3.png) no-repeat center center}.partners-box .partners-list li a .icon-4{background:url(/images/index/icon-4.png) no-repeat center center}.partners-box .partners-list li a .icon-5{background:url(/images/index/icon-5.png) no-repeat center center}.partners-box .partners-list li a .icon-6{background:url(/images/index/icon-6.png) no-repeat center center}.partners-box .partners-list li a .icon-7{background:url(/images/index/icon-7.png) no-repeat center center}.partners-box .partners-list li a .icon-8{background:url(/images/index/icon-8.png) no-repeat center center}.partners-box .partners-list li.has-link:hover{filter:drop-shadow(0px 0px 12px rgba(36,189,125,.8));transition:all .5s}.partners-box .partners-list li.has-link:hover i{filter:saturate(200%);transition:all .5s}.partners-box .partners-list li.no-link:hover:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:url(/images/index/no-link-bg.png) no-repeat center center;z-index:2}.partners-box .partners-list li.no-link:hover:before{content:"敬请期待";display:block;width:100%;height:100%;text-align:center;line-height:195px;position:absolute;left:0;top:0;z-index:3;color:#6199b0}.btn{display:block;height:36px;border-radius:8px 0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;background-image:linear-gradient(90deg,#08f2fe,#05fa93);color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.btn span{width:100%;height:100%;padding:0 15px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.btn span:before{content:"";display:block;width:4px;height:4px;background-color:#08f2fe;position:absolute;left:1px;bottom:1px;border-radius:0 4px 0 0}.btn span:after{content:"";display:block;width:4px;height:4px;background-color:#05fa93;position:absolute;right:1px;top:1px;border-radius:0 0 0 4px}.btn i{display:block;width:21px;height:18px;margin-right:10px;transition:all .5s}.btn .btn1-icon{background:url(/images/index/btn-1.png) no-repeat center center}.btn .btn2-icon{background:url(/images/index/btn-2.png) no-repeat center center}.btn:hover i{transform:scale(1.1)}.btn:hover:after{box-shadow:0 0 6px 1px #08f2fe;background-image:linear-gradient(90deg,#05fa93,#08f2fe)}.btn:before{content:"";position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);left:1px;top:1px;background:#0a0c21;border-radius:inherit;z-index:-1}.btn:after{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,#08f2fe,#05fa93);border-radius:inherit;left:0;top:0;z-index:-2;transition:all .5s}footer[role=contentinfo]{height:30%;width:1468px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}footer[role=contentinfo] h3{font-size:24px}footer[role=contentinfo] .contact{width:694px}footer[role=contentinfo] .contact ul{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:28px 0 43px}footer[role=contentinfo] .contact ul li+li{margin-left:18px}footer[role=contentinfo] .contact dl dt{color:#d7d7d8;font-size:16px;margin-bottom:10px}footer[role=contentinfo] .contact dl dd{color:#858690;float:left}footer[role=contentinfo] .contact dl dd+dd{margin-left:18px}footer[role=contentinfo] .shopping{flex:1;padding-left:38px}footer[role=contentinfo] .shopping .con{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:30px}footer[role=contentinfo] .shopping .con span{margin-left:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}footer[role=contentinfo] .shopping .con span em{color:#d7d7d8;font-size:18px}footer[role=contentinfo] .shopping .con span em+em{color:#858690;font-size:14px;margin-top:10px}.title-box{display:flex;flex-direction:column;align-items:center}.title-box h3{font-size:32px}.title-box h3 em{background-image:linear-gradient(90deg,#08f2fe,#05fa93);color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.title-box h3 em+em{padding-left:20px;margin-left:20px}.title-box h3 em:nth-child(2):before{content:"";display:block;width:6px;height:6px;position:absolute;left:0;top:16px;background-image:linear-gradient(90deg,#08f2fe,#05fa93);border-radius:6px}.title-box h4{font-size:18px;color:#0bdbdb4d}
