@charset "utf-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.8;font-family:'Microsoft Yahei',tahoma,arial,verdana,sans-serif;font-size:14px;background:#1d2024}a{text-decoration:none}li,ul{list-style:none;margin:0;padding:0}html{background:#1d2024;overflow-y:scroll}html ::-webkit-scrollbar{width:6px;border-radius:3px;background-color:transparent}html ::-webkit-scrollbar-thumb{background-color:rgba(226,226,226,.1);border-radius:3px;width:6px}html ::-webkit-scrollbar-thumb:hover{background-color:rgba(226,226,226,.2)}body{font-family:'Microsoft Yahei',arial,verdana,sans-serif;font-size:14px}.home-page{min-width:1200px;overflow:hidden;position:relative;padding-top:106px}.header{height:106px;line-height:106px;position:fixed;top:0;left:0;right:0;z-index:10;background:#171d25}.header .header-wrap{width:1200px;height:106px;margin:0 auto;position:relative}.header .header-logo{width:174px;line-height:106px;float:left;font-size:0;z-index:700;position:absolute}.header .header-logo img{height:44px;width:auto;vertical-align:middle}.header .navbar{float:right;position:absolute;z-index:700;right:0}.header .navbar a{height:40px;font-size:14px;color:#cee37d;text-align:center;line-height:40px;border-radius:4px;display:inline-block;vertical-align:middle}.header .navbar .down-btn{width:150px;height:40px;line-height:40px;background:-webkit-linear-gradient(top,#799905 0,#536904 100%);background:linear-gradient(180deg,#799905 0,#536904 100%);border:1px solid;-webkit-border-image:-webkit-linear-gradient(top,#a4d007,#536904) 1 1;border-image:linear-gradient(180deg,#a4d007,#536904) 1 1}.header .navbar .down-btn:before{content:'';background:url(../images/down-icon.png) no-repeat;width:15px;height:13px;display:inline-block;vertical-align:middle;margin-right:6px}.header .navbar .down-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.section-box>*{display:none}.section-box{z-index:1}.section-box.show>*{display:block}.top-box{height:630px;position:relative;width:100%;padding-bottom:100px;overflow:hidden}.top-box .more{text-align:center;font-size:14px;color:#6b6b6b;position:absolute;left:0;right:0;width:100%;bottom:60px}.top-box .more:after{content:'';background:url(../images/more.png) no-repeat;width:18px;height:10px;position:absolute;left:50%;margin-left:-9px;bottom:-10px}.top-box .about_monitor_video{position:absolute;width:800px;top:-132px;left:35%;right:0}.top-box .about_monitor_video video{object-fit:contain}.top-box .top-wrap{max-width:1280px;margin:0 auto;position:relative}.top-box .top-wrap img{display:block}.top-box .top-wrap .top-left-box{margin-top:90px}.top-box .top-wrap .top-right-box{position:absolute;width:800px;top:-100px;right:0;left:35%}.top-box .top-wrap .img1{width:362px;height:74px;margin-top:30px;margin-bottom:50px}.top-box .top-wrap .desc h3{font-weight:400;font-size:32px;color:#fff;line-height:45px}.top-box .top-wrap .btn{width:320px;height:86px;line-height:86px;padding:0 30px;background:-webkit-linear-gradient(left,#07beff 0,#2b74ff 100%);background:linear-gradient(90deg,#07beff 0,#2b74ff 100%);border-radius:8px;display:block;font-size:24px;color:#fff;margin-top:32px;overflow:hidden}.top-box .top-wrap .btn i{background:url(../images/icon2.png) no-repeat;width:36px;height:36px;float:right;margin-top:25px}.top-box .top-wrap .btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.top-box .top-wrap .user-count{margin-top:30px;overflow:hidden}.top-box .top-wrap .user-count .game-online-info,.top-box .top-wrap .user-count .online-info{float:left;width:110px}.top-box .top-wrap .user-count .title{font-size:12px;color:#67778a}.top-box .top-wrap .user-count .title:before{content:'';width:6px;height:6px;background:#2fbfff;display:inline-block;vertical-align:1px;border-radius:50%;margin-right:6px}.top-box .top-wrap .user-count .num{font-size:24px;color:#fff;line-height:24px;margin-top:15px}.top-box .top-wrap .user-count .game-online-info{margin-left:87px}.top-box .top-wrap .user-count .game-online-info .title:before{background:#bcff2e}.top-box .about_monitor_video_gradient{background-image:-webkit-radial-gradient(ellipse farthest-side,rgba(0,111,255,.15),transparent);background-image:radial-gradient(ellipse farthest-side,rgba(0,111,255,.15),transparent);background-size:100%;background-repeat:no-repeat;background-position:center center;position:absolute;top:0;bottom:0;right:0;left:-10%}.section02{position:relative;margin-bottom:78px}.section02 .pic-box{width:1200px;margin:0 auto}.section02 .pic-box ul{margin:0 -10px}.section02 .pic-box ul:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}.section02 .pic-box ul li{float:left;width:224px;margin:0 10px 16px 10px;text-align:center;font-size:16px;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.section02 .pic-box ul li a{color:#c7d5e0}.section02 .pic-box ul li .photo{width:224px;height:280px;overflow:hidden;border-radius:12px;border:1px solid transparent;box-sizing:border-box}.section02 .pic-box ul li .photo img{width:224px;height:280px;display:block}.section02 .pic-box ul li .name{height:58px;line-height:58px}.section02 .pic-box ul li:hover .photo{box-shadow:0 0 16px 0 #28496f;border-color:#34649b}.section02 .pic-box ul li:hover .photo img{-webkit-transform:scale(1.05);transform:scale(1.05)}.section02 .pic-box ul li:hover a{color:#fff}.section03{width:1200px;margin:0 auto;height:590px;background:#131313}.section03 .img img{width:528px}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes scrollUp{0%{background-position:0 0}100%{background-position:0 -1958px}}@keyframes scrollUp{0%{background-position:0 0}100%{background-position:0 -1958px}}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.foot{height:590px;min-width:1200px;background:#131313;overflow:hidden}.foot .footer-img{width:1200px;margin:80px auto}.foot .footer-img img{width:1200px;height:430px}.footer-box{z-index:1}.footer-box .footer-wrap{min-width:1200px;overflow:hidden;text-align:center;background:#171a21}.footer-box .footer{width:1200px;margin:0 auto;height:96px;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.footer-box .footer .desc{display:inline-block}.footer-box .footer .desc p{font-size:14px;color:#8f98a0;line-height:21px;text-align:left}.footer-box .footer .img-wrap{display:inline-block}.footer-box .footer .img-wrap img{width:86px;height:30px;display:inline-block;margin:0 6px}