body,textarea,input,select,option {font-size:12px;color:#040000;font-family:'Arial',Tahoma,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
body,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,dd,p,textarea,input,select,option,form {margin:0;}
ol,ul,textarea,input,select,option,th,td {padding:0;}
table {border-collapse:collapse;}
ol,ul {list-style-type:none;}
.clears:before,.clears:after {content:'';display:table;}
.clears:after {clear:both;}.clears {*zoom:1;}
.clear {clear:both;height:0;overflow:hidden;}
a {text-decoration:none;color:#040000;}
a,textarea,input{outline:none}
textarea {overflow:auto;resize:none;}
img{display:block;}
a img {border:none;}
.z_index{position:fixed;_position:absolute;z-index:999;display:none;}
.pr {position:relative;}
.pa {position:absolute;}
.fl {float:left;}
.fr {float:right;}
.midbox {margin:0 auto;width:1000px;}
.pd_bottom{padding-bottom:43px;}
.t10 {margin-top:10px;}
a:hover{text-decoration:none;}
body{background:#ededed;}
.headerbox{width:100%; height:780px;}
.navcon{width:1290px; height:0px; position:relative; margin:0px auto; z-index:500;}
.nav-logo{width:316px; height:62px; background:url(../images/weblogo.png) no-repeat; position:absolute; left:165px;margin-top:10px; }
.navcon .navlist{width:1290px; height:20px; line-height:20px; position:absolute; left:0px; text-align:right;}
.navcon .navlist a{color:#b6b6b6; font-size:18px; padding-right:46px; font-family:'微软雅黑';}
.navcon .navlist a:hover,.navcon .navlist a.active{color:#ffffff; font-family:'微软雅黑';}


/* jiao dian tu */
.slide-main{height:780px;position:relative; z-index:2;height:auto;overflow:auto;}
.prev,.next{display:block;width:76px;height:152px;position:absolute;z-index:222;top:325px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:200px;}
.next{right:200px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:53px;left:0;text-align:center;}
.item a{display:inline-block;width:12px;height:12px;margin-right:15px;background:url(../images/dian.png) 0px 0px;overflow:hidden;}
.item a.cur{background:url(../images/dian.png) -14px 0px;}
.slide-box,.slide{display:block;width:100%;height:780px;overflow:auto;height:auto;overflow:auto;}
.slide-box{position:relative; z-index:1;}
.slide{display:none;height:780px;height:auto;background:#ff6900;position:relative;position:absolute;z-index:8;min-width:1290px;}
#bgstylea{background:url(../images/dungeon/dungeon_banner_20160226.jpg) no-repeat center top;background-size:100%;}
#bgstyleb{background:url(../images/citymon/citymon_banner.jpg) no-repeat center top;background-size:100%;}
#bgstylec{background:url(../images/alpha/alpha_banner.jpg) no-repeat center top;background-size:100%;}
#bgstyled{background:url(../images/shinobi/shinobi_banner.jpg) no-repeat center top;background-size:100%;}
#bgstylee{background:url(../images/gumball/gumball_banner.jpg) no-repeat center top;background-size:100%;}
#bgstylef{background:url(../images/chaos/chaos_banner.jpg) no-repeat center top;background-size:100%;}
#bgstyleg{background:url(../images/ninjaheroes/ninjaheroes_banner.jpg) no-repeat center top;background-size:100%;}
/* #bgstylec{background:url(../images/about_t.jpg) no-repeat center top;background-size:100%;} */
.slide a{display:block;width:100%;height:780px;cursor:pointer;overflow:auto;}




.content{width:1290px; margin:0px auto; position:relative; }
.btn-top{width:87px; height:87px; display:block; background:url(../images/dwimg.jpg) no-repeat; position:absolute; left:603px; top:0px; z-index:10; }
.content .aboutus{width:1290px; height:508px; position:relative;}
.aboutimg{width:100%; height:100%;}
.about-text{ width:550px; position:absolute; top:10px; left:360px; text-align:center;}
.about-text h3{height:82px; line-height:82px; font-size:48px; font-weight:normal; color:#ffffff; text-align:center;}
.about-text p{color:#ffffff; line-height:24px; font-size:14px; padding-bottom:24px;}
.about-text a.show{width:174px; height:41px; background:url(../images/btn.png) no-repeat; display:block; margin-left:190px;}

.games-list{width:1290px; overflow:hidden; background:#ffffff;}
.gamecon{width:100%;  height:540px; overflow:hidden;margin-top:80px}
.gamecon .game-limg{width:645px; height:540px; float:left;}
.gamecon .game-rtext{padding-left:39px; padding-right:30px; width:576px; height:540px; float:right; position:relative;}
.gamecon .game-rtext h3{padding-top:32px; padding-bottom:20px; font-size:34px; color:#000000;}
.gamecon .game-rtext p{line-height:24px;}
.gamecon .game-rtext .rtext-imgs{padding:24px 0px; width:576px;}
.rtext-imgs a{width:132px; height:100px; display:inline-block; margin-right:9px; overflow:hidden;}
.rtext-imgs a img{width:132px; height:100px;}
.rtext-imgs a img.mr-none{margin-right:0px;}
.game-rtext a.right-btn{width:87px; height:87px; background:url(../images/btn2.jpg) no-repeat; display:block; position:absolute; right:0px; bottom:0px;}

.footer{height:200px; background:#323232; width:100%;}
.foot-con{width:1290px; margin:0px auto; padding-top:60px;}
.foot-logo{width:666px;border-right:1px solid #474747; float:left;}
.foot-logo img{padding-left:262px; padding-top:13px;}
.foot-nav{padding-top:30px; padding-left:81px; width:380px; float:left;}
.foot-nav a{color:#7d7d7d; padding-right:32px}
.foot-nav a:hover{color:#eee; padding-right:32px}


.about-top{width:100%; height:780px; background:url(../images/about_t.jpg) no-repeat center top;background-size:cover;}
.about-con{width:100%; overflow:hidden; padding-top:137px;}
.about-con .gywm-text{text-align:center;}
.about-con .gywm-text h3{color:#3d3d3d; font-size:48px; font-weight:normal; padding-bottom:17px;}
.about-con .gywm-text p{line-height:28px;}
.about-con .jobs-text{width:800px; padding-left:200px; text-align:left;}
.about-con .jobs-text h3{color:#3d3d3d; font-size:48px; font-weight:normal; padding-bottom:33px;}
.about-con .jobs-text h4{color:#3d3d3d; font-size:28px; font-weight:normal; padding-bottom:12px;padding-top:32px;}
.about-con .jobs-text p{line-height:28px;}
.aboutpic{padding-bottom:75px;}
.about-news{width:100%; padding-top:140px; padding-bottom:145px;}
.about-news ul{width:1130px; padding-left:160px; overflow:hidden;}
.about-news ul li{width:178px; float:left; padding-right:80px;}
.about-news ul li img{width:178px; height:178px;}
.about-news ul li p{width:178px; padding-top:20px; line-height:24px; text-align:center;}

.contactus-top{width:100%; height:780px; background:url(../images/contactus.jpg) no-repeat center top;background-size:cover;}
.enjoy-top{width:100%; height:780px; background:url(../images/enjoy.jpg) no-repeat center top;background-size:cover;}
.player-top{width:100%; height:780px; background:url(../images/player.jpg) no-repeat center top;background-size:cover;}
.jobs-top{width:100%; height:780px; background:url(../images/jobs.jpg) no-repeat center top;background-size:cover;}
.playerpic{padding-left:46px; padding-bottom:68px; overflow:hidden;}
.playerpic p{width:380px; height:319px; float:left; position:relative; padding-right:30px; overflow:hidden;}
.playerpic img{width:380px; height:318px;}
.playerpic span{width:380px; height:318px; background:#e47834; opacity:0.5; filter:alpha(opacity=50); position:absolute; left:0px; top:0px; cursor:pointer;}

.content-nr{width:935px; min-height:652px; background:url(../images/contactimg.jpg) no-repeat left top; padding-top:236px; padding-left:655px;}
.content-nr p{line-height:24px; }