body{font-family:Helvetica,Arial,Microsoft YaHei,sans-serif;}

div,ul,ol,li,form,h3,dt,dl,dd,p{margin:0px;padding:0px;list-style-image:none;list-style-type:none;font-size:14px;}

a{color:#333;transition:all .3s ease;}

a:hover{color:#008cd6;}

.wbox{width:1200px;margin:0px auto;}

.mbox{max-width:1200px;margin:0px auto;}

.mw{min-width:1200px;}

.fl{float:left;}

.fr{float:right;}

.pics{max-width:100%;height:auto;}



@font-face {

    font-family: 'Bebas';

    src: url('../fonts/Bebas.eot');

    src: url('../fonts/Bebas.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Bebas.woff2') format('woff2'),

        url('../fonts/Bebas.woff') format('woff'),

        url('../fonts/Bebas.ttf') format('truetype'),

        url('../fonts/Bebas.svg#Bebas') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

.Bebas{

    font-family: 'Bebas';

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto';

    src: url('../fonts/Roboto-Regular.eot');

    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Roboto-Regular.woff2') format('woff2'),

        url('../fonts/Roboto-Regular.woff') format('woff'),

        url('../fonts/Roboto-Regular.ttf') format('truetype'),

        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

.Roboto{

    font-family: 'Roboto';

    font-weight: normal;

    font-style: normal;

}



.topBox{width:100%;height:90px;background:rgba(0,0,0,0.5);position:fixed;top:0px;left:0px;z-index:99999;transition:all 0.3s ease-out 0s;}

.menuBox{position:relative;text-align:right;height:42px;margin:24px auto;transition:all 0.3s ease-out 0s;}

.menuBox p{position:absolute;left:0px;top:0px;}

.menuBox p img{height:42px;width:auto;}

.menuBox li{display:inline-block;margin:0px 30px;height:42px;line-height:42px;font-family:'Bebas';font-size:18px;letter-spacing:2px;position:relative;}

.menuBox li:hover:after{content:'';position:absolute;bottom:-5px;height:4px;width:20px;left:50%;margin-left:-10px;background:#2ca800;}

.menuBox li a{color:#fff;}

.menuBox li.on:after{content:'';position:absolute;bottom:-5px;height:4px;width:20px;left:50%;margin-left:-10px;background:#2ca800;}



.fixBox{height:70px;background:rgba(0,0,0,0.8);}

.fixBox .menuBox{margin:14px auto;}



.banner{max-height:950px;}

.banner .swiper-slide{background:#000;}

.banner .swiper-button-next{right:30px;background:rgba(0,0,0,0.5);width:calc(var(--swiper-navigation-size));height:calc(var(--swiper-navigation-size)*2);}

.banner .swiper-button-prev{left:30px;background:rgba(0,0,0,0.5);width:calc(var(--swiper-navigation-size));height:calc(var(--swiper-navigation-size)*2);}



.banner.swiper-container{

    --swiper-theme-color: #fff;/* 设置Swiper风格 */

    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */

    --swiper-navigation-size:50px;/* 设置按钮大小 */

}

.banner .conBox{position:relative;width:100%;height:100%;max-height:950px;}

.banner .conBox .txtBox{background:rgba(0,0,0,0.6);width:100%;height:160px;position:absolute;left:0%;bottom:0;z-index:8;}

.banner .conBox .txtBox dl{margin:20px auto;color:#fff;font-family:'Roboto';position:relative;}

.banner .conBox .txtBox dl dt{font-size:24px;width:80%;overflow:hidden;}

.banner .conBox .txtBox dl dd{font-size:16px;opacity:0.9;width:80%;margin-top:0;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.banner .conBox .txtBox dl .btn{width:120px;height:48px;line-height:52px;background:#2CA800;border-radius:2px;color:#fff;position:absolute;right:50px;top:50%;margin-top:-24px;display:block;text-align:center;}

.banner .conBox .txtBox dl .btn:hover{opacity:0.8;}

.banner .bannerBg{width:100%;height:80px;z-index:9999;position:absolute;bottom:0px;left:0px;overflow:hidden;background:url(../images/bannerBg.png) no-repeat bottom center;background-size:100% auto;}



.banner .banner01{}

.banner .banner01 p{position:absolute;right:25%;bottom:22%;z-index:9;height:50%;}

.banner .banner01 p img{width:auto;height:auto;max-width:100%;max-height:100%;}



.cBox{padding:50px 0 90px 0;}

.cBox .titBox{font-size:36px;text-align:center;font-weight:bold;margin:40px 0;}

.cBox .itemBox {overflow:hidden;}

.cBox .itemBox ul{margin:0 -30px;}

.cBox .itemBox li{width:570px;float:left;margin:30px;position:relative;}

.cBox .itemBox li:after{content:'';display:block;width:100%;height:100%;position:absolute;z-index:-1;}

.cBox .itemBox li:nth-child(4n+1):after{background:url(../images/picBg01.png) no-repeat bottom left;background-size:cover;right:-10px;bottom:-10px;}

.cBox .itemBox li:nth-child(4n+2):after{background:url(../images/picBg02.png) no-repeat bottom left;background-size:cover;left:-10px;bottom:-10px;}

.cBox .itemBox li:nth-child(4n+3):after{background:url(../images/picBg03.png) no-repeat bottom right;background-size:cover;right:-10px;bottom:-10px;}

.cBox .itemBox li:nth-child(4n+4):after{background:url(../images/picBg04.png) no-repeat bottom left;background-size:cover;left:-10px;bottom:-10px;}

.cBox .itemBox li .item{position:relative;overflow:hidden;}

.cBox .itemBox li .item img{width:100%;height:auto;}

.cBox .itemBox li .item .shadow{background:rgba(0,0,0,0.7);position:absolute;bottom:-150px;width:100%;height:150px;transition:all 0.3s ease-out 0s;}

.cBox .itemBox li:hover .item .shadow{bottom:0;}

.cBox .itemBox li .item .shadow dl{width:85%;margin:20px auto;color:#fff;position:relative;}

.cBox .itemBox li .item .shadow dl dt{font-size:18px;}

.cBox .itemBox li .item .shadow dl dd{}

.cBox .itemBox li .item .shadow dl a{width:100px;height:40px;line-height:40px;background:#2CA800;position:absolute;right:0px;top:50%;margin-top: -20px;text-align:center;color:#fff;border-radius:2px;font-family: 'Roboto';display:none;}

.cBox .itemBox li .item .shadow dl a:hover{background:rgba(44, 168, 0, 0.8);}



.cBox .itemBox li.on .item .shadow dl dt{width:70%;}

.cBox .itemBox li.on .item .shadow dl dd{width:70%;}

.cBox .itemBox li.on .item .shadow dl a{display:block;}





.aboutbg{background:#2ca800 url(../images/footbg.png) no-repeat bottom center;padding:40px 0 70px 0;box-shadow:0px -10px 10px rgba(0,0,0,0.1);}

.aboutBox{position:relative;}

.aboutBox dl{width:60%;position:relative;color:#fff;}

.aboutBox dt{font-size:28px;text-transform:uppercase;}

.aboutBox dd{font-size:18px;margin-top:15px;}

.aboutBox a{display:block;width:130px;height:40px;line-height:40px;text-align:center;border:2px #fff solid;position:absolute;right:30px;bottom:10px; font-family: 'Roboto';color:#fff;font-size:16px;}

.aboutBox a:hover{opacity:0.8;}





.footbg{background:#000;padding:40px 0;}

.footBox{}

.footBox li{width:25%;float:left;color:#fff;}

.footBox li dl{width:80%;}

.footBox li dl dt{font-size:18px;margin-bottom:10px;}

.footBox li dl dd{color:rgba(255,255,255,0.7);}

.footBox li:last-child dl{margin:0px auto;width:100%;}

.footBox li:last-child p{text-align:center;}

.footBox li:last-child p img{width:50%;}

.footBox li:last-child dd{margin-top:30px;text-align:center;}

.footBox li .share{text-align:center;margin-top:20px!important;}

.footBox li .share a{display:inline-block;width:32px;height:32px;line-height:32px;font-size:18px;background:#d8d9d8;border-radius:100%;color:#5d5d5e;margin:0px 5px;}

.footBox li .share a:hover{background:#999;}



/* phone/tops */

.header{width:100%;height:60px;position:fixed;left:0;top:0;z-index:999;background:rgb(18, 18, 18);}

.tops{position:relative;width:100%;height:60px;z-index:9999;}

.tops .logo{width:70%;height:30px;margin:15px;}

.tops .logo img{height:100%!important;width:auto;}



.menu-icon{display:block;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;position:absolute;right:20px;top:20px;z-index:99;}

.menu-icon span{display:block;width:20px;height:2px;background:#fff;margin-bottom:4px;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition:all 0.4s ease-out;}

.menu-icon span.bar1 {margin-top:2px;}

	

.menu-icon.active{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}

.menu-icon.active .bar1 {-webkit-transform:rotate(0deg) translateY(10px);-moz-transform:rotate(0deg) translateY(10px);-ms-transform: rotate(0deg) translateY(10px);-o-transform: rotate(0deg) translateY(10px);transform: rotate(0deg) translateY(10px);}

.menu-icon.active .bar2 {opacity:0;}

.menu-icon.active .bar3 {-webkit-transform:rotate(-90deg) translateX(2px);-moz-transform:rotate(-90deg) translateX(2px);-ms-transform:rotate(-90deg) translateX(2px);-o-transform: rotate(-90deg) translateX(2px);transform:rotate(-90deg) translateX(2px);}

	

#nav-menu {color:#fff;position:fixed;top:60px;width:100%;height:0px;right:0;z-index:9;overflow:hidden;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:all 0.4s ease-in;-moz-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;transition: all 0.4s ease-in;}	

#nav-menu.active {height:50%;}



#nav-menu .menu-list-container {position:absolute;top:0px;width:100%;display:none;}

#nav-menu .menu-list-container ul{margin:0px auto;}

#nav-menu .menu-list-container ul li{width:90%;margin:0px auto;text-align:center;text-align:right;position:relative;}

#nav-menu .menu-list-container ul li.on:after{content:'';position:absolute;bottom:0px;height:4px;width:20px;right:5px;margin-left:-10px;background:#2ca800;}

#nav-menu .menu-list-container p{height:30px;background:url(../images/nav_bg.png) no-repeat top center;background-size:100% auto;}

#nav-menu .menu-list-container.active{display:block;}

#nav-menu .menu-list-container.active ul{background:rgba(0,0,0,0.7);padding:10px 0px 20px 0;}



#nav-menu.active .menu-list-container {opacity:1;}

#nav-menu.active .menu-list-container ul{}

#nav-menu.active .menu-list-container a{display:block;padding:1.5rem 0;line-height:1em;color:#fff;font-size:1.6rem;letter-spacing:0.1em;}



.mbanner.swiper-container{

    --swiper-theme-color: #fff;/* 设置Swiper风格 */

    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */

    --swiper-navigation-size:50px;/* 设置按钮大小 */

}

.mbanner .swiper-pagination-bullets{bottom:40px!important;}

.mbanner .swiper-pagination-bullet {width:16px;height:16px;background:#fff;opacity:1;margin: 0 5px!important;}

.mbanner .swiper-pagination-bullet-active{background:#2ca800;}

.mbanner .swiper-slide{background:#000;position:relative;}

.mbanner .swiper-slide img{width:100%;height: auto;}

.mbanner .txtBox{background:rgba(0,0,0,0.6);width:100%;height:320px;position:absolute;left:0%;bottom:0;z-index:8;}

.mbanner .txtBox dl{margin:30px auto;color:#fff;font-family:'Roboto';}

.mbanner .txtBox dl dt{font-size:20px;width:85%;margin:0px auto;text-align:center;}

.mbanner .txtBox dl dd{font-size:16px;opacity:0.9;width:85%;margin:8px auto;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}

.mbanner .txtBox dl .btn{width:120px;height:48px;line-height:52px;background:#2CA800;border-radius:2px;color:#fff;margin-top:20px;display:block;text-align:center;margin:20px auto;}

.mbanner .txtBox dl .btn:hover{opacity:0.8;}

.mbanner .mbanerBg{width:100%;height:50px;z-index:9999;position:absolute;bottom:-5px;left:0px;overflow:hidden;background:url(../images/mbannerBg.png) no-repeat bottom center;background-size:100% auto;}



.cmBox{padding:0px 0 30px 0;}

.cmBox .titBox{font-size:24px;text-align:center;font-weight:bold;margin:20px 0 40px 0;line-height:32px;}

.cmBox .itemBox {}

.cmBox .itemBox li{width:90%;margin:0px auto;margin-bottom:40px;position:relative;}

.cmBox .itemBox li:after{width:100%;height:100%;position:absolute;content:"";z-index:-1;}

.cmBox .itemBox li:nth-child(4n+1):after{background:url(../images/picBg01.png) no-repeat bottom right;background-size:cover;right:-8px;bottom:-8px;}

.cmBox .itemBox li:nth-child(4n+2):after{background:url(../images/picBg02.png) no-repeat bottom left;background-size:cover;left:-8px;bottom:-8px;}

.cmBox .itemBox li:nth-child(4n+3):after{background:url(../images/picBg03.png) no-repeat bottom right;background-size:cover;right:-8px;bottom:-8px;}

.cmBox .itemBox li:nth-child(4n+4):after{background:url(../images/picBg04.png) no-repeat bottom left;background-size:cover;left:-8px;bottom:-8px;}



.cmBox .itemBox li .item{position:relative;}

.cmBox .itemBox li .item img{width:100%;height:auto;}

.cmBox .itemBox li .item .shadow{background:rgba(0,0,0,0.7);position:absolute;bottom:0px;width:100%;height:65px;transition:all 0.3s ease-out 0s;}

.cmBox .itemBox li .item .shadow dl{width:90%;margin:20px auto;color:#fff;position:relative;}

.cmBox .itemBox li .item .shadow dl dt{width:70%;font-size:14px;overflow:hidden;}

.cmBox .itemBox li .item .shadow dl a{width:80px;height:30px;line-height:30px;background:#2CA800;position:absolute;right:0px;top:50%;margin-top: -15px;text-align:center;color:#fff;border-radius:2px;font-family:'Roboto';font-size:12px;}





.mAboutbg{background:#2ca800 url(../images/mfootbg.png) no-repeat bottom center;padding:40px 0 60px 0;box-shadow:0px -10px 10px rgba(0,0,0,0.1);}

.mAboutbg dl{width:90%;margin:0px auto;color:#fff;text-align:center;}

.mAboutbg dt{font-size:20px;text-transform:uppercase;}

.mAboutbg dd{font-size:16px;margin-top:15px;}

.mAboutbg a{display:block;width:35%;margin:30px auto 0 auto;height:40px;line-height:40px;text-align:center;border:1px #fff solid;font-family: 'Roboto';color:#fff;font-size:16px;border-radius:2px;}

.mAboutbg a:hover{opacity:0.8;}



.mFootbg{background:#000;padding:40px 0;}

.mFootbg dl{width:80%;margin:0px auto;color:#fff;text-align:center;margin-bottom:20px;}

.mFootbg dl dt{font-size:18px;}

.mFootbg dl dd{color:rgba(255,255,255,0.7);}

.mFootbg dl p{margin-bottom:40px;}

.mFootbg dl img{width:50%;}



.mFootbg .share{text-align:center;margin-top:20px!important;}

.mFootbg .share a{display:inline-block;width:32px;height:32px;line-height:32px;font-size:18px;background:#d8d9d8;border-radius:100%;color:#5d5d5e;margin:0px 5px;}

.mFootbg .share a:hover{background:#999;}





.contbg{position:relative;}

.contbg img{width:100%;height:auto;}

.contbg p{position:absolute;bottom:0px;left:0;width:100%;height:100px;background:url(../images/bannerBg.png) no-repeat bottom center;background-size:100% auto;}



.mContbg{position:relative;margin-top:60px;}

.mContbg img{width:100%;height:auto;}

.mContbg p{position:absolute;bottom:0px;left:0;width:100%;height:100px;background:url(../images/mbannerBg.png) no-repeat bottom center;background-size:100% auto;}





.About_Box{padding:80px 0;}

.About_Box .itemBox{padding-left:280px;position:relative;}

.About_Box .itemBox .tit{position:absolute;left:0px;top:0px;font-size:38px;line-height:40px;font-family:'Roboto';text-transform:uppercase;font-weight:bold;}

.About_Box .itemBox .cont{font-size:20px;}

.About_Box .itemBox .listBox{margin-top:30px;overflow:hidden;}

.About_Box .itemBox .listBox ul{margin:0 -1%;}

.About_Box .itemBox .listBox li{width:31.3%;float:left;margin:0 1%;}

.About_Box .itemBox .listBox li img{width:100%;height:auto;}

.About_Box .itemBox .line{height:5px;overflow: hidden;background:#eee;margin:60px 0;}



.About_Box .teamBox{}

.About_Box .teamBox .teamList{margin-bottom:50px;padding-left:180px;position:relative;}

.About_Box .teamBox .teamList .pic{position:absolute;left:0px;top:0px;}

.About_Box .teamBox .teamList .pic img{width:140px;height:140px;}

.About_Box .teamBox .teamList .txt{}

.About_Box .teamBox .teamList .txt h3{font-size:24px;}

.About_Box .teamBox .teamList .txt dt{font-size:18px;}

.About_Box .teamBox .teamList .txt dd{font-size:20px;}





.mAbout_Box{padding:40px 0 0 0;}

.mAbout_Box .itemBox{margin:0px auto 80px auto;}

.mAbout_Box .itemBox .tit{font-size:32px;line-height:40px;font-family:'Roboto';text-transform:uppercase;font-weight:bold;text-align:center;margin-bottom:20px;}

.mAbout_Box .itemBox .cont{width:90%;margin:0px auto;font-size:20px;text-align:center;}

.mAbout_Box .itemBox .listBox{margin-top:30px;overflow:hidden;}

.mAbout_Box .itemBox .listBox ul{margin:0 -1%;}

.mAbout_Box .itemBox .listBox li{width:31.3%;float:left;margin:0 1%;}

.mAbout_Box .itemBox .listBox li img{width:100%;height:auto;}



.mAbout_Box .teamBox .teamList{margin:80px 0 120px 0;position:relative;background:rgba(220, 220, 220, 0.4);padding-top:80px;padding-bottom:50px;}

.mAbout_Box .teamBox .teamList .pic{position:absolute;left:50%;top:-70px;margin-left:-70px;}

.mAbout_Box .teamBox .teamList .pic img{width:140px;height:140px;}

.mAbout_Box .teamBox .teamList .txt{width:90%;margin:0px auto;text-align:center;}

.mAbout_Box .teamBox .teamList .txt h3{font-size:24px;}

.mAbout_Box .teamBox .teamList .txt dt{font-size:18px;margin-bottom:20px;}

.mAbout_Box .teamBox .teamList .txt dd{font-size:20px;}



.gamebodyBg{background:url(../images/gameBg.png);}

.gamebg{position:relative;max-width:1440px;margin:0px auto;}

.gamebg img{width:100%;height:auto;}

.gamebg .downloadBox{position:absolute;top:0px;left:0px;width:100%;height:100%;}

.gamebg .downloadBox .wbox{position:relative;height:100%;}

.gamebg .downloadBox .zlogo{width:400px;margin:13% auto;}

.gamebg .downloadBox .zlogo img{width:100%;height:auto;}



.gamebg .downloadBox .btns{position:absolute;width:100%;bottom:90px;text-align:center;}

.gamebg .downloadBox .btns a{display:inline-block;margin:0px 20px;}

.gamebg .downloadBox .btns a:hover{opacity:0.8;}

.gamebg .downloadBox .btns img{width:auto;height:100px;}



.gameVideo{max-width:1440px;margin:0px auto;position:relative;}

.gameVideo > img{width:100%;height:auto;}

.gameVideo:after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1;}

.gameVideo dl{position:absolute;left:50%;top:50%;width:200px;height:150px;margin-left:-100px;margin-top:-75px;z-index:9;text-align:center;cursor: pointer;}

.gameVideo dl dt{}

.gameVideo dl dt img{width:100px;height:auto;}

.gameVideo dl dd{color:#fff;font-size:20px;text-transform:uppercase;}

.gameVideo #gameVideo{position:absolute;left:0px;top:0px;display:none;z-index:99;}





#videoModal .am-modal-dialog{border-radius:20px;padding-top:40px;}

#videoModal .am-modal-dialog .am-close{font-weight:bold;font-size:30px;position: absolute;right:20px;top:20px;z-index:99;}

#videoPlay{outline:none;}



.gameAbout{max-width:1440px;margin:0px auto;position:relative;margin-top:-1px;}

.gameAbout > img{width:100%;height:auto;display:block;margin:0px;padding:0px;}

.gameAbout .cont{width:650px;height:500px;position:absolute;left:50%;top:160px;z-index:99;margin-left:-325px;}

.gameAbout .cont .tit{width:290px;height:70px;line-height:70px;background:url(../images/btnsBg.png) no-repeat center center;background-size:100% auto;margin:0px auto;font-size:36px;color:#fff;text-align:center;font-weight:bold;text-transform:uppercase;}

.gameAbout .cont .contTxt{margin-top:80px;font-size:18px;color:#c9c9c9;line-height:38px;}

.gameAbout .cont .contTxt p{font-size:18px;margin-top:15px;}

.gameAbout .cont .contTxt.about{text-align:center}

.gameAbout .cont .contTxt.features{text-align:left;}

.gameAbout .cont .contTxt.features p{position:relative;padding-left:20px;}

.gameAbout .cont .contTxt.features p:before{content:'●';position:absolute;left:0px;top:0px;}

.gameAbout .cont .contTxt.awards{}

.gameAbout .cont .contTxt.awards p{position:relative;padding-left:50%;}

.gameAbout .cont .contTxt.awards p label{position:absolute;left:0px;top:0px;width:50%;text-align:right;font-weight:normal;padding-right:5px;}



.gameList{max-width:1440px;margin:0px auto;}

.gameList .swiper-pagination-bullets{bottom:40px!important;}

.gameList .swiper-pagination-bullet {width:16px;height:16px;background:#fff;opacity:1;margin: 0 5px!important;}

.gameList .swiper-pagination-bullet-active{background:#2ca800;}

.gameList .swiper-button-next{right:30px;background:rgba(0,0,0,0.5);width:calc(var(--swiper-navigation-size));height:calc(var(--swiper-navigation-size)*2);}

.gameList .swiper-button-prev{left:30px;background:rgba(0,0,0,0.5);width:calc(var(--swiper-navigation-size));height:calc(var(--swiper-navigation-size)*2);}

.gameList.swiper-container{

    --swiper-theme-color: #fff;/* 设置Swiper风格 */

    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */

    --swiper-navigation-size:50px;/* 设置按钮大小 */

}

.gameList img{max-width:100%;height:auto;}



.mGamebg{position:relative;}

.mGamebg img{width:100%;height:auto;}

.mGamebg .zlogo{position:absolute;top:15%;left:20%;width:60%;z-index:9;}

.mGamebg .zlogo img{width:100%;height:auto;}



.mGamebg .btns{position:absolute;bottom:50px;left:0px;width:100%;text-align:center;}

.mGamebg .btns a{display:inline-block;margin:0px 10px;}

.mGamebg .btns a:hover{opacity:0.8;}

.mGamebg .btns img{width:auto;height:50px;}



.mGameVideo{position:relative;}

.mGameVideo > img{width:100%;height:auto;}

.mGameVideo:after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1;}

.mGameVideo dl{position:absolute;left:50%;top:50%;width:120px;height:140px;margin-left:-60px;margin-top:-75px;z-index:9;text-align:center;cursor: pointer;}

.mGameVideo dl dt{}

.mGameVideo dl dt img{width:100px;height:auto;}

.mGameVideo dl dd{color:#fff;font-size:18px;text-transform:uppercase;}

.mGameVideo #mGameVideo{position:absolute;left:0px;top:0px;display:none;z-index:99;background:#000;}



.mVideo .am-modal-dialog{width:90%!important;padding-top:0!important;}



.mGameAbout{position:relative;}

.mGameAbout > img{width:100%;height:auto;}

.mGameAbout .cont{width:90%;position:absolute;left:5%;top:28%;z-index:99;}

.mGameAbout .cont .tit{width:60%;height:50px;line-height:50px;background:url(../images/btnsBg.png) no-repeat center center;background-size:100% auto;margin:0px auto;font-size:24px;color:#fff;text-align:center;font-weight:bold;text-transform:uppercase;}

.mGameAbout .cont .contTxt{margin-top:50px;color:#fff;line-height:24px;font-size:18px;}



.mGameAbout .cont .contTxt p{font-size:18px;margin-top:20px;}

.mGameAbout .cont .contTxt.about{text-align:center}

.mGameAbout .cont .contTxt.features{text-align:left;}

.mGameAbout .cont .contTxt.features p{position:relative;padding-left:20px;}

.mGameAbout .cont .contTxt.features p:before{content:'●';position:absolute;left:0px;top:0px;}

.mGameAbout .cont .contTxt.awards{}

.mGameAbout .cont .contTxt.awards p{position:relative;}

.mGameAbout .cont .contTxt.awards p label{width:100%;text-align:left;font-weight:normal;margin-bottom:0;}







.mGameList .swiper-slide img{width:100%;height:auto;}

.mGameList .swiper-pagination-bullets{bottom:10px!important;}

.mGameList .swiper-pagination-bullet {width:8px;height:8px;background:#fff;opacity:1;margin: 0 5px!important;}

.mGameList .swiper-pagination-bullet-active{background:#2ca800;}



.contactBox{}

.contactBox .tip{font-size:20px;}

.contactBox .Address{font-size:18px;margin-top:20px;}

.contactBox .Address dt{font-size:24px;color:rgba(44, 168, 0, 1);}

.contactBox .Address dd{font-size:18px;margin-top:10px;line-height:24px;}

.contactBox .Address p{font-size:18px;margin-top:30px;}

.contactBox .feedback{margin-top:50px;}

.contactBox .feedback dl{margin-bottom:20px;}

.contactBox .feedback dt{font-weight:bold;font-size:18px;}

.contactBox .feedback dd .put{background:rgba(245, 245, 245, 1);border:none;height:52px;line-height:52px;width:320px;padding:0px 15px;outline:none;font-family: 'Roboto';}

.contactBox .feedback dd .textarea{padding:15px;outline:none;background:rgba(245, 245, 245, 1);border:none;width:70%;height:300px;font-size:18px;color: #333;font-family: 'Roboto';}



.contactBox .subBtn{width:160px;height:50px;line-height:50px;text-align:center;color:#fff;background:rgba(44, 168, 0, 1);border:none;font-family: 'Roboto';font-size:18px;outline:none;}

.contactBox .subBtn:hover{opacity:0.8;}



.jobsBox{}

.jobsBox .tip{font-size:18px;line-height:28px;}

.jobsBox .tip a{color:rgba(44, 168, 0, 1);}

.jobsBox .jobsList{margin-top:50px;}

.jobsBox .jobsList h3{color:rgba(44, 168, 0, 1);font-size:20px;margin-bottom:20px;}

.jobsBox .jobsList dl{background:rgba(220, 220, 220, 0.6);margin-bottom:20px;padding:20px;}

.jobsBox .jobsList dl dt{font-size:18px;cursor:pointer;width:96%;margin:0px auto;position:relative;}

.jobsBox .jobsList dl dt span{display:block;width:20px;height:20px;position:absolute;right:0px;top:0px;top:50%;margin-top:-9px;background:url(../images/downIco.png) no-repeat center center;background-size:100% 100%;}

.jobsBox .jobsList dl dt.up span{background:url(../images/upIco.png) no-repeat center center;background-size:100% 100%;}

.jobsBox .jobsList dl dd{position:relative;font-size:16px!important;line-height:28px;font-family:'Roboto';width:96%;margin:0px auto;margin-top:30px;margin-bottom:10px;color:#666;}

.jobsBox .jobsList dl dd p{font-size:16px!important;}



.tipModal{display:none;background:rgba(0,0,0,0.8);padding:10px 20px;border-radius:10px;color:#fff;text-align:center;max-width:80%;line-height:24px;position: fixed;z-index:999;left:50%;top:50%;margin-top:-35px;/* transition:all 0.3s ease-out 0s;transform:*/}



[class*="am-u-"] {

    padding-left: 0rem;

    padding-right: 0rem;

	

}

[class*="am-u-"] + [class*="am-u-"]:last-child {

     float:left;

}



@media only screen and (max-width: 640px){

	.wbox{width:100%;}

	

	.cBox{padding:20px 0;}

	.cBox .titBox{font-size:24px;margin:10px 0 30px 0;line-height:38px;}

	.cBox .itemBox {width:92%;margin:0px auto;overflow:visible;}

	.cBox .itemBox ul{margin:0;}

	.cBox .itemBox li{width:100%!important;float:none;margin:0 0 40px 0;position:relative;}

	.cBox .itemBox li:nth-child(4n+1):after{right:-1.5%;bottom:-3%;}

	.cBox .itemBox li:nth-child(4n+2):after{left:-1.5%;bottom:-3%;}

	.cBox .itemBox li:nth-child(4n+3):after{right:-1.5%;bottom:-3%;}

	.cBox .itemBox li:nth-child(4n+4):after{left:-1.5%;bottom:-3%;}



	.cBox .itemBox li .item .shadow{bottom:0px;height:60px;}

	.cBox .itemBox li .item .shadow dl{width:92%;color:#fff;position:relative;margin:0 auto;}

	.cBox .itemBox li .item .shadow dl dt{height:60px;line-height:60px;font-size:14px;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

	.cBox .itemBox li .item .shadow dl dd{display:none;}

	.cBox .itemBox li .item .shadow dl a{width:80px;height:32px;line-height:32px;margin-top:-16px;}

	.cBox .itemBox li .item .shadow dl a:hover{background:rgba(44, 168, 0, 0.8);}

	.cBox .itemBox li.on .item .shadow dl dt {width:70%;}

	

	.About_Box{padding:60px 0;}

	.About_Box .itemBox{padding:0;}

	.About_Box .tit{position:relative!important;text-align:center;font-size:28px!important;margin-bottom:30px;}

	.contactBox .tip{text-align:center;}

	.contactBox .Address{font-size:18px;margin-top:20px;text-align:center;}

	.contactBox .feedback{width:90%;margin:0px auto;margin-top:50px;}

	.contactBox .feedback dl{}

	.contactBox .feedback dd .put{width:100%!important;}

	.contactBox .feedback dd .textarea{width:100%!important;}

	.contactBox .subBtn{width:40%!important;}

	

	.jobsBox {width:95%;margin:0px auto;}

	.jobsBox .tip{text-align:center;}



}



@media only screen and (min-width: 641px) and (max-width:1024px) 

{

	.wbox{width:100%;}



}



@media only screen and (min-width: 1025px){

   

}