@charset "UTF-8";
/*! Project:m100033, Create:ylp 2020.07.27 16:22, Update:ylp 2020.07.29 15:45 */ 

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-family:-apple-system,Tahoma,"Microsoft YaHei","WenQuanYi Micro Hei","PingFang SC",Helvetica,arial;vertical-align:baseline}
html{font-size:100px;line-height:1}
body{font-size:50px}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left;font-weight:400;vertical-align:middle}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
.m-gamesList .u-title{font-size:0;line-height:0;overflow:hidden}
a{color:#5a5a5a;text-decoration:none}
a:hover{color:#f88700;text-decoration:none}
body,html{width:100%;height:100%;overflow:hidden}
body{position:relative;color:#5a5a5a;font-size:14px}
.put-section-0{-ms-transform:translateY(0);transform:translateY(0);-webkit-transform:translateY(0)}
.put-section-1{-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transform:translateY(-100%)}
.put-section-2{-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transform:translateY(-200%)}
.g-wrapper{position:fixed;left:0;top:0;width:100%;height:100%;overflow:visible;-webkit-transition:-webkit-transform .5s cubic-bezier(.86,0,.03,.5);transition:-webkit-transform .5s cubic-bezier(.86,0,.03,.5);-o-transition:transform .5s cubic-bezier(.86,0,.03,.5);transition:transform .5s cubic-bezier(.86,0,.03,.5);transition:transform .5s cubic-bezier(.86,0,.03,.5),-webkit-transform .5s cubic-bezier(.86,0,.03,.5)}
.g-slide{position:relative;width:100%;height:100%;background:url('../index_files/bg_1_2.jpg') no-repeat center 0;overflow:hidden}
.g-slide:first-child{background:url('../index_files/bg_1_2.jpg') no-repeat center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-slide:nth-child(2){background:url('../images/bg_2.jpg') no-repeat center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-slide:nth-child(3){background:url('../images/bg_3.jpg') no-repeat center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-nav{position:fixed;left:0;top:0;width:100%;height:60px;background:rgba(255,255,255,.95);-webkit-animation:fadeInDown .5s ease-in-out both;animation:fadeInDown .5s ease-in-out both}
.g-nav .m-cont{max-width:1120px;min-width:1036px;height:100%;margin:0 auto}
.g-nav .logo{float:left;margin:15px 0 0 35px}
.g-nav .m-nav{float:right;height:100%;margin-right:30px}
.g-nav .m-nav-item {position:relative;display:inline-block;padding:0 18px;height:100%;font-size:16px;line-height:60px}
.g-nav .m-nav-line {display: inline-block; vertical-align: middle; width:1px; height: 20px; background: #ccc;}
.g-nav .m-nav .m-nav-item.on{color:#f88700}
.g-nav .m-nav-item .slide{font-size: 14px;}
.g-nav .m-nav .slide {display:none;position:absolute;top:50px;left: 0; width:100px;text-align:center;background:#fff;border-radius: 4px;}
.g-footer{display:none;position:absolute;left:0;bottom:0;width:100%;padding:30px 0;background-color:#fff;border-top:1px #eaeaea solid;font-size:12px;text-align:center}
.g-footer.animate{display:block;-webkit-animation:fadeInUp 0s ease-in-out;animation:fadeInUp 0s ease-in-out}
.g-footer a{margin:0 4px}
@-webkit-keyframes slogan{
0%{-webkit-transform:translate(-50%,-85%) scale(.5);transform:translate(-50%,-85%) scale(.5);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
100%{-webkit-transform:translate(-50%,-85%) scale(1);transform:translate(-50%,-85%) scale(1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
}
@keyframes slogan{
0%{-webkit-transform:translate(-50%,-85%) scale(.5);transform:translate(-50%,-85%) scale(.5);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
100%{-webkit-transform:translate(-50%,-85%) scale(1);transform:translate(-50%,-85%) scale(1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
}
.m-bgvideo{width:100%;height:100%}
.m-bgvideo video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.m-slogan{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-85%);-ms-transform:translate(-50%,-85%);transform:translate(-50%,-85%);width:44.48%}
.m-slogan.animate{-webkit-animation:slogan .3s ease-in-out .2s both;animation:slogan .3s ease-in-out .2s both}
.m-slogan img{width:100%}
.m-ourInfo{width:100%;margin:80px 6.5% auto 0;text-align:center}
.m-ourInfo.animate{-webkit-animation:flipInX 1s ease-in both;animation:flipInX 1s ease-in both}
.m-ourInfo .u-logo{position:relative;display:block;width:30%;margin:0 auto 3%}
.m-ourInfo .u-logo img{width:100%}
.m-ourInfo .u-logo .u-line{position:absolute;left:50%;bottom:-30px;margin-left:-32px;width:64px;height:6px;background:#f9e77f;-webkit-border-radius:3px;border-radius:3px}
.m-ourInfo .u-txt{font-size:1%;line-height:30px}
.m-gamesList{width:63.5%;margin:1% auto 0}
.m-gamesList .u-title{width:102px;height:32px;background-image:url(../images/txt-cp.png);background-repeat:no-repeat;background-position:center 0;margin:0 auto}
.m-gamesList .m-lists{position:relative;width:100%}
.m-gamesList .m-lists li{float:left;position:relative;width:19.8%;height:auto;margin-left:5%;-webkit-border-radius:15px;border-radius:15px;-webkit-box-shadow:3px 3px 6px rgba(80,80,80,.6);box-shadow:3px 3px 6px rgba(80,80,80,.6);line-height:0;overflow:hidden;cursor:pointer;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.m-gamesList .m-lists li img{width: 100%;height: auto;}
.m-gamesList .m-lists li:nth-child(1),.m-gamesList .m-lists li:nth-child(4){top:-80px}
.m-gamesList .m-lists li:nth-child(2),.m-gamesList .m-lists li:nth-child(3){top:-30px}
.m-gamesList .m-lists li:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}
.m-gamesList .m-lists li:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}
.m-gamesList .m-lists li:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}
.m-gamesList .m-lists li:nth-child(4){-webkit-animation-delay:.5s;animation-delay:.5s}
.m-gamesList .m-lists li:nth-child(5){-webkit-animation-delay:.6s;animation-delay:.6s}
.m-gamesList .m-lists li:nth-child(6){-webkit-animation-delay:.7s;animation-delay:.7s}
.m-gamesList .m-lists li:hover .m-layer{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.m-gamesList .m-lists li.animate{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.m-gamesList .m-lists .m-layer{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);text-align:center;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.m-gamesList .m-lists .m-layer .u-logo{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-80%);-ms-transform:translate(-50%,-80%);transform:translate(-50%,-80%)}
.m-gamesList .m-lists .m-layer .u-more{display:block;padding-top:295px;color:#fff}
.m-gamesList .m-lists .m-layer .u-icon{display:block;width:16px;height:16px;background-image:url(../images/icon-more.png);background-repeat:no-repeat;background-position:center 0;margin:15px auto}
.m-gamesInfo{position:absolute;left:0;top:80px;width:100%}
.m-gamesInfo .hd{position:absolute;right:4%;top:50%;z-index:5}
.m-gamesInfo .hd .next,.m-gamesInfo .hd .prev{float:left;width:54px;height:54px;margin:0 10px;background-color:rgba(0,0,0,.3);-webkit-border-radius:50%;border-radius:50%;background-repeat:no-repeat;background-position:center center;cursor:pointer}
.m-gamesInfo .hd .prev{background-image:url(../images/btn-prev.png)}
.m-gamesInfo .hd .next{background-image:url(../images/btn-next.png)}
.m-gamesInfo .bd{margin-left:4%;width:100%}
.m-gamesInfo .bd li{position:relative;width:80.83%}
.m-gamesInfo .bd li img{width:90%;-webkit-animation:gamePic .5s ease-in-out;animation:gamePic .5s ease-in-out}
.m-gamesInfo .bd .m-info{position:absolute;right:-80px;bottom:40px;width:37.37%;padding:1.5% 2.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.9);-webkit-border-radius:3px;border-radius:3px;-webkit-animation:gameInfo .5s ease-out;animation:gameInfo .5s ease-out}
.m-gamesInfo .bd .u-tit{font-size:30px;color:#ab343a}
.m-gamesInfo .bd .u-subtit{margin:6px 0 10px;font-size:16px}
.m-gamesInfo .bd .u-txt{line-height:22px}
.m-gamesInfo .bd .m-btns{margin-top:15px}
.m-gamesInfo .bd .m-btns .u-btn{float:left;width:124px;height:34px;-webkit-border-radius:17px;border-radius:17px;text-align:center;font-size:16px;line-height:34px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.m-gamesInfo .bd .m-btns .u-btn:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.m-gamesInfo .bd .m-btns .u-btn--web{color:#fff;background:#ffe70e;background-image:-webkit-linear-gradient(323deg,#ffe70e,#ff8610);background-image:-o-linear-gradient(323deg,#ffe70e,#ff8610);background-image:linear-gradient(127deg,#ffe70e,#ff8610);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe70e', endColorstr='#ffff8610', GradientType=1)}
.m-gamesInfo .bd .m-btns .u-btn--back{margin-left:10px;color:#f88700;border:1px #ff8610 solid}
.m-videos{position:absolute;left:50%;top:50%;margin:-300px 0 0 -447.5px;width:895px;padding:30px 0;background:#fff;-webkit-border-radius:20px;border-radius:20px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2);box-shadow:2px 2px 5px rgba(0,0,0,.2)}
.m-videos.animate{-webkit-animation:fadeInUp 1s ease-in-out;animation:fadeInUp 1s ease-in-out}
.m-videos .u-logo{position:absolute;left:50%;bottom:-45px;margin-left:-70px;width:140px;height:20px;background-image:url(../images/logo-com.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.m-videos .hd .next,.m-videos .hd .prev{position:absolute;top:50%;width:54px;height:54px;margin:-27px 10px 0;background-color:rgba(0,0,0,.3);-webkit-border-radius:50%;border-radius:50%;background-repeat:no-repeat;background-position:center center;cursor:pointer}
.m-videos .hd .prev{left:-150px;background-image:url(../images/btn-prev.png)}
.m-videos .hd .next{right:-150px;background-image:url(../images/btn-next.png)}
.m-videos .bd{position:relative;width:856px;margin:0 auto;overflow:hidden}
.m-videos .bd li{position:relative}
.m-videos .bd video{width:100%;height:480px;-o-object-fit:fill;object-fit:fill}
.m-videos .bd .u-play{position:absolute;left:0;top:0;width:100%;height:480px;background:rgba(0,0,0,.6) url(../images/btn-play.png) no-repeat center center}
.m-videos .bd .u-tit{margin-top:30px;font-size:24px;text-align:center}
.m-videos .bd .btn-more{position:absolute;right:30px;bottom:0;width:124px;height:34px;background:#ff9b0b;background-image:-webkit-linear-gradient(10deg,#ff9b0b,#ff6825);background-image:-o-linear-gradient(10deg,#ff9b0b,#ff6825);background-image:linear-gradient(80deg,#ff9b0b,#ff6825);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9b0b', endColorstr='#ffff6825', GradientType=1);-webkit-border-radius:17px;border-radius:17px;color:#fff;text-align:center;font-size:16px;line-height:34px}
.btn-td{position:absolute;left:20%;top:45%;-webkit-transform:translate(-50%,130%);-ms-transform:translate(-50%,130%);transform:translate(-50%,130%);width:16.875%;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
.btn-td img{width:100%;-webkit-animation:fadeInUp 1.3s ease-in-out 1.5s both;animation:fadeInUp 1.3s ease-in-out 1.5s both}
.btn-td:hover{-webkit-transform:translate(-50%,125%);-ms-transform:translate(-50%,125%);transform:translate(-50%,125%)}
.slogan img{-webkit-animation:fadeInUp 1.3s ease-in-out .5s both;animation:fadeInUp 1.3s ease-in-out .5s both}
.process .title{-webkit-animation:fadeInUp 1.3s ease-in-out .5s both;animation:fadeInUp 1.3s ease-in-out .5s both;margin: 80px auto;display: block;}
.chase .bottom{-webkit-animation:fadeInUp 1.3s ease-in-out .5s both;animation:fadeInUp 1.3s ease-in-out .5s both}
.chase .right{-webkit-animation:fadeInRight 1.3s ease-in-out .5s both;animation:fadeInRight 1.3s ease-in-out .5s both}
.chase .left{-webkit-animation:fadeInLeft 1.3s ease-in-out .5s both;animation:fadeInLeft 1.3s ease-in-out .5s both}
.g-slide .s_qa_btn{position:absolute;top:75%;left:50%;transform: translateX(-50%);cursor: pointer;}
.g-slide .s_qa_btn:hover{-webkit-transform:translate(-50%,-5px);-ms-transform:translate(-50%,-5px);transform:translate(-50%,-5px)}
@-webkit-keyframes gameInfo{
0%{-webkit-transform:translateY(50%);transform:translateY(50%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes gameInfo{
0%{-webkit-transform:translateY(50%);transform:translateY(50%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes gamePic{
0%{-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes gamePic{
0%{-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}