*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,menu,form,fieldset,blockquote,pre,hr,input,textarea,button,header,nav,select{margin:0}ul,ol,menu,fieldset,legend,input,textarea,button,caption,th,td,blockquote,dir,address{padding:0}fieldset,iframe,img,hr{border:none}html{overflow:auto;font-family:sans-serif;font-size:100%}a{text-decoration:none;background-color:transparent}menu,ul,ol{list-style:none}pre,code,kbd,samp,var{font-family:monospace;font-size:1em}pre{overflow:auto}input,textarea,button,select,optgroup,option{font-family:sans-serif;font-size:1em}input,button,select{overflow:visible;*zoom:1}textarea{overflow:auto;resize:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}input,textarea{appearance:none;border-radius:0}audio :not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}a,button{-webkit-tap-highlight-color:rgba(255,255,255,0);user-select:none;-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}img{max-width:100%;display:block;border:none}input,button,textarea{outline:none}input[type="button"],button{background:transparent;border:none;cursor:pointer}@keyframes next{0%{transform:translate(0, 0)}100%{transform:translate(0, -0.0521rem)}}.page-swiper{width:100%;height:100vh;overflow:hidden}.page-wrapper{width:100%;height:100vh !important;overflow:hidden;position:relative}.page-wrapper .title{display:block;width:3.0313rem;height:.526rem;margin:0 auto;position:absolute;left:50%;top:.401rem;transform:translateX(-50%);background:center center no-repeat;background-size:auto 100%}.page-wrapper .page-bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1}.page-wrapper .page-bg img.bg{display:block;width:100%;height:100%}.news-main{width:100%;display:flex;justify-content:center;align-items:flex-start;margin-top:1.1979rem}.news-main .news-banner-wrapper{flex:0 0 4.7135rem;height:2.9948rem;position:relative;margin-left:.1146rem}.news-main .news-banner-wrapper .banner-container{width:4.7135rem;height:100%;overflow:hidden}.news-main .news-banner-wrapper .banner-container .new-banner{width:4.7135rem;height:100%;display:flex;justify-content:flex-start;align-items:center}.news-main .news-banner-wrapper .banner-container .new-banner li{flex:0 0 4.7135rem;height:2.9948rem;overflow:hidden;flex-direction:column;display:flex;justify-content:flex-start;align-items:flex-start}.news-main .news-banner-wrapper .banner-container .new-banner li a{display:block;width:100%;height:100%;position:relative;overflow:hidden;flex:1 1 2.6302rem}.news-main .news-banner-wrapper .banner-container .new-banner li a img{display:block;width:100%;height:100%}.news-main .news-banner-wrapper .banner-container .new-banner li p{flex:0 0 .3542rem;width:100%;background-color:#fff;font-size:.0938rem;color:#3e3e3e;font-weight:bold;padding:0 .1094rem;line-height:.3542rem;padding-right:.7292rem;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.news-main .news-banner-wrapper .news-swiper-controller{position:absolute;bottom:.1042rem;right:.1563rem;height:.125rem;width:.2083rem;z-index:9;display:flex;justify-content:space-between;align-items:center}.news-main .news-banner-wrapper .news-swiper-controller .news-prev,.news-main .news-banner-wrapper .news-swiper-controller .news-next{border:.0625rem solid transparent;cursor:pointer}.news-main .news-banner-wrapper .news-swiper-controller .news-prev{border-left:none;border-right-color:#333}.news-main .news-banner-wrapper .news-swiper-controller .news-next{border-right:none;border-left-color:#333}.news-main .news-wrapper{flex:0 0 3.4375rem;margin-left:.2344rem}.news-main .news-wrapper .news-tabs{width:100%;color:#F9F4F5;font-size:.0938rem;position:relative;display:flex;justify-content:flex-start;align-items:center;border-bottom:.0104rem solid #F9F4F5}.news-main .news-wrapper .news-tabs li{flex:0 0 auto;padding:.0938rem 0;position:relative;cursor:pointer;text-align:center;min-width:.6563rem}.news-main .news-wrapper .news-tabs li.active,.news-main .news-wrapper .news-tabs li:hover{font-size:.1042rem;font-weight:bold;color:#4086FF}.news-main .news-wrapper .news-tabs li.active a,.news-main .news-wrapper .news-tabs li:hover a{color:#4086FF !important}.news-main .news-wrapper .news-tabs li.active::after,.news-main .news-wrapper .news-tabs li:hover::after{content:'';display:block;width:100%;height:.0104rem;position:absolute;left:0;z-index:2;bottom:-0.0104rem;font-size:0;overflow:hidden;background-color:#4086FF;border-radius:.0052rem}.news-main .news-wrapper .news-tabs li:last-of-type{position:absolute;right:0}.news-main .news-wrapper .news-tabs li:last-of-type a{display:block;display:flex;justify-content:center;align-items:center;color:#F9F4F5}.news-main .news-wrapper .news-tabs li:last-of-type a div{flex:0 0 .2969rem;height:.0625rem;background:url(/statics-www-css-..-images-more.png.jpg) center center no-repeat;background-size:100% 100%}.news-main .news-wrapper .news-tabs li:last-of-type a p{flex:0 0 auto;margin-left:.0521rem}.news-main .news-wrapper .news-list{width:100%;height:2.5885rem;background:left top no-repeat;background-size:100% 100%;padding-top:.2083rem}.news-main .news-wrapper .news-list ul{width:100%;overflow:hidden;display:none}.news-main .news-wrapper .news-list ul.active{display:block}.news-main .news-wrapper .news-list ul li{padding:.0938rem 0;border-bottom:.0052rem solid #6a6b70;display:flex;justify-content:space-between;align-items:center;overflow:hidden;margin-top:.0729rem}.news-main .news-wrapper .news-list ul li a,.news-main .news-wrapper .news-list ul li span{display:block;font-size:.1146rem;font-weight:300;color:#D1D1D1;font-size:.0938rem}.news-main .news-wrapper .news-list ul li a{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.news-main .news-wrapper .news-list ul li span{flex:0 0 auto;margin-left:.2083rem}.news-main .news-wrapper .news-list ul li.active a,.news-main .news-wrapper .news-list ul li.active span,.news-main .news-wrapper .news-list ul li:hover a,.news-main .news-wrapper .news-list ul li:hover span{color:#fff;font-weight:bold}.page-second{width:100%;height:100vh;overflow:hidden;position:relative}.page-second .new-banner li{width:100%;height:100vh;overflow:hidden;position:relative}.page-second .new-banner li>img{width:100%;height:100vh;object-fit:cover}.page-second .new-banner li .banner-left{position:absolute;bottom:1.3542rem;left:1.0938rem;opacity:0;transform:translateX(-1.0417rem);transition:all .8s ease-in-out;z-index:1}.page-second .new-banner li .banner-left p{font-size:.1146rem;color:#fff;margin-top:.2083rem;width:3.3073rem}.page-second .new-banner li .banner-left img{display:block;width:3.2708rem;height:1.4375rem}.page-second .new-banner li .banner-right{position:absolute;width:7.0208rem;height:4.8958rem;display:flex;justify-content:center;align-items:flex-end;bottom:0;right:.1823rem;opacity:0;transition:all .8s ease-in-out;transform:translateX(1.0417rem)}.page-second .new-banner li .banner-right img{flex:0 0 auto;height:4.4167rem;width:auto;display:block}.page-second .new-banner li .banner-footer{position:absolute;right:0;bottom:0;z-index:2;opacity:0;transition:all .8s ease-in-out;transform:translateY(100%)}.page-second .new-banner li.active .banner-footer,.page-second .new-banner li.active .banner-left,.page-second .new-banner li.active .banner-right{opacity:1;transform:translate(0, 0)}.page-second .second-pagination{position:absolute;z-index:2;width:100%;left:0;bottom:.1563rem;display:flex;justify-content:center;align-items:center}.page-second .second-pagination .pagination-item{width:.1042rem;height:.1042rem;border:.0104rem solid #fff;border-radius:50%;margin:0 .0156rem;position:relative;display:flex;justify-content:center;align-items:center}.page-second .second-pagination .pagination-item.pagination-active::after{content:'';display:block;width:.0521rem;height:.0521rem;border-radius:50%;background-color:#fff}.page-third{width:100%}.page-third ul{width:100%;display:flex;justify-content:flex-start;align-items:center}.page-third ul li{width:1.5rem;flex:0 0 1.5rem;overflow:hidden;position:relative;transition:all .3s ease-in-out}.page-third ul li .item{height:100vh;width:4rem;position:relative}.page-third ul li .item section.game{position:absolute;top:50%;transform:translateY(-50%);right:.3646rem;color:#fff;width:auto;flex-direction:column;display:flex;justify-content:center;align-items:flex-start}.page-third ul li .item section.game .name{font-size:.2396rem;font-weight:bold}.page-third ul li .item section.game .tag{font-size:.1042rem;background-image:linear-gradient(to right, #2F46A9, transparent);margin-top:.0521rem;padding:.0521rem .0885rem;position:relative}.page-third ul li .item section.game .tag::before{content:'';display:block;position:absolute;left:0;top:0;height:100%;width:.0208rem;background-color:#75DEFB;font-size:0;overflow:hidden}.page-third ul li .item section.game .tag.mhd{background-image:linear-gradient(to right, #941CC5, transparent)}.page-third ul li .item section.game .tag.mhd::before{background-color:#F462FD}.page-third ul li .item section.game .tag.hxz{background-image:linear-gradient(to right, #9E282E, transparent)}.page-third ul li .item section.game .tag.hxz::before{background-color:#FAD1A4}.page-third ul li .item section.game .tag.clwg{background-image:linear-gradient(to right, #403067, transparent)}.page-third ul li .item section.game .tag.clwg::before{background-color:#CB396B}.page-third ul li .item section.game .tag.lyhx{background-image:linear-gradient(to right, #A94511, transparent)}.page-third ul li .item section.game .tag.lyhx::before{background-color:#7B4C2C}.page-third ul li .item section.game .description{width:1.25rem;font-size:.1042rem;padding:.125rem 0}.page-third ul li .item section.game .link{display:block;border:.0104rem solid #fff;height:.2813rem;border-radius:.1406rem;position:relative;line-height:.2604rem;text-align:center;font-size:.1042rem;color:#fff;display:flex;justify-content:center;align-items:center;padding:0 .1563rem}.page-third ul li .item section.game .link::after{content:'';display:block;border:.0365rem solid transparent;border-right:none;border-left-color:#fff;margin-left:.0521rem}.page-third ul li img{display:block;width:4rem;height:100vh;object-fit:cover}.page-third ul li:nth-of-type(1){flex:1 1 4rem}.page-third ul li:hover{width:4rem;flex:0 0 4rem}.page-fifth{width:100%;position:relative;flex-direction:column;display:flex;justify-content:flex-start;align-items:flex-start}.page-fifth .fifth-main{margin-top:1.1979rem;flex:1 1 auto}.page-fifth .fifth-main ul{width:80%;margin:0 10%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.page-fifth .fifth-main ul li{height:.8594rem;flex:0 0 33.333%;margin-bottom:.2083rem;perspective:3.3854rem;backface-visibility:hidden;display:flex;justify-content:center;align-items:center}.page-fifth .fifth-main ul li .fifth-item{transition:transform .3s;transform-style:preserve-3d;backface-visibility:hidden;position:relative;width:2.3958rem;height:100%;display:flex;justify-content:center;align-items:center}.page-fifth .fifth-main ul li .fifth-item .item-front,.page-fifth .fifth-main ul li .fifth-item .item-back{flex-direction:column;display:flex;justify-content:center;align-items:center;position:absolute;backface-visibility:hidden}.page-fifth .fifth-main ul li .fifth-item .item-back{transform:rotateY(180deg);background-image:linear-gradient(to right, #5B88FD, #57B6FD);padding:.1302rem;border-radius:.0521rem;font-size:.0729rem;color:#fff;box-shadow:0 0 .0417rem .0052rem  #57B6FD;flex-direction:column;display:flex;justify-content:center;align-items:flex-start}.page-fifth .fifth-main ul li .fifth-item .item-back h3{font-size:.0833rem;font-weight:normal;margin-bottom:.0521rem}.page-fifth .fifth-main ul li:hover .fifth-item{transform:rotateY(180deg)}.page-fifth .fifth-main ul li img{display:block;flex:0 0 auto}.video-wrapper{width:100%;height:100vh;position:relative}.video-wrapper .video-container{width:100%;height:100%}.video-wrapper .video-container video{display:block;width:100%}.video-wrapper .video-mask{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.7);flex-direction:column;display:flex;justify-content:center;align-items:center}.video-wrapper .video-mask .video-desc{flex:0 0 auto}.video-wrapper .video-mask .video-desc img{display:block;max-width:80%;margin:0 auto;animation:next 1s ease-in-out alternate infinite}.video-wrapper .video-mask .video-play{flex:0 0 .8281rem;width:.8281rem;background:url(/statics-www-css-..-images-play_btn.png.jpg) center center no-repeat;background-size:100%;margin-top:.4479rem;cursor:pointer}