@charset "utf-8";
*{margin:0px; padding:0px;}
body{font:12px/1.5 宋体, Arial, Helvetica, sans-serif; color:#0c749f; background:#ffffff;}
table{border-spacing:0px; border-collapse:collapse;width:100%; border:0px;}
ul,ol{list-style-type:none;}
input,select,textarea{vertical-align:middle; font:12px/1.5 宋体, Arial, Helvetica, sans-serif; color:#000;}
a{color:#0c749f; text-decoration:none;}
a:hover{color:#CC3333;}
em{font-style:normal;}
img{ border:0px;}
.clearfix{overflow:hidden; zoom:1;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}
.icons{float:left; font-size:0px; line-height:0px; overflow:hidden; display:inline; background:url(../images/icons.gif) no-repeat;}
.fl{float:left;}
.fr{float:right;}
.wrap{width:960px; margin:0 auto;}
.tit .more{ font-size:12px;}
.topper{height:78px; border-bottom:1px solid #8abcd4; background:#ffffff;}
.logo{width:180px; height:75px; margin:0px 0 0 13px; text-indent:-9999px; background:url(../images/logo.png) no-repeat; display:inline;}
.top_r{padding-top:42px;}
.top_r .icons{width:25px; height:25px; display:inline-block;}
.top_r .wb{ background-position:-30px 0; margin-left:8px;}
.naver{height:65px; background:url(../images/nav_bg.jpg) center top no-repeat #1578a9; border-top:1px solid #0d5193; border-bottom:1px solid #0e608b; }
.naver li{float:left; height:65px;text-align:center; font-family:微软雅黑;}
.naver li a{float:left; height:55px; line-height:24px; padding-top:10px;width:134px;font-size:20px; color:#f0f0f0; text-shadow:0 1px 1px #147996; border-left:1px solid #178eb7; border-right:1px solid #28afd3;}
.naver li a:hover{color:#f0f0f0;}
.naver li em{ font-size:12px;}
.naver li.cur a,.naver li a:hover{ width:138px; background:url(../images/nav_cur.gif) no-repeat; position:relative; margin:0 -1px; border:0;}
.picNews_bg{ background:#08496b; height:315px;}
.picNews{height:356px; background:url(../images/picNews_bg.jpg) center top no-repeat; position:relative; margin-top:-315px;}
.picNews .wrap{ padding-top:28px;}
.imgshow{ background:#FFF;height:328px; width:685px; overflow:hidden; position:relative;}
#mainBgHandler{ padding-left:11px; height: 20px; position: absolute; width: 674px; text-align:left; font-size:0; z-index: 20; bottom: 9px; }
#mainBgHandler a{ overflow:hidden; display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:1px; width: 20px; margin: 0 10px 0 0; height: 20px; line-height:1px; cursor: pointer; background: #08496b; }
#mainBgHandler a:hover,#mainBgHandler a.active{ background:#FFF; }

.news{ background:#f0f0f0; padding:12px 9px 0; width:257px; height:316px;color:#0c749f; }
.news .tit{ height:30px; background:url(../images/news_bg.gif) 0 bottom no-repeat; }
.news .tit .more{  margin-top:5px;}
.news .tit .more:hover{color:#cc4444;}
.news .con{padding-top:5px;}
.news .con li{height:30px; line-height:29px; *height:29px; border-bottom:1px dotted #0c749f;}
.news .con li a{float:left;width:230px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news .con li .icons{width:7px; height:7px; background-position:-60px 0; margin:11px 11px 0 0;}
.news .con li.hot{ border:0; font-size:14px;  font-weight:bold;}
.news .con li.hot a{color:#ff0054;}
.news .con li.hot .icons{ background-position:-60px -12px;}
.news .con li.last{ border:0;}

.index_main{padding-top:21px;}
#recommend_game{position:relative; width:960px;}
.scrollBox{width:462px; height:319px; position:relative;}
.scrollBox .tit{ height:26px;}
.scrollCon{width: 462px; height: 275px;position:relative; padding-top:20px;}
.scrollCon ul{width: 462px; height: 275px; position: relative; overflow: hidden;}
.scrollCon ul li{width: 462px; height: 275px; position:absolute; top: 0px; left: 0px; }
.scrollCon ul li span{width:212px;height: 275px; float: left; position:absolute;background:url(../images/scroll_li.png) center bottom no-repeat;}
.scrollCon ul li span a{ display:block;width:208px;height: 223px; border:2px solid #FFF; position:absolute; overflow:hidden;}
.scrollCon ul li span img{vertical-align: top; display:block;width:208px;height: 223px; }
.scrollCon ul li span a .hov_bg{position:absolute; left:0; bottom:0; width:208px; height:40px;background:#000; filter:alpha(opacity=50);opacity:0.5; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.scrollCon ul li span a .hov{ position:absolute; left:0; bottom:0; width:208px; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:14px; font-weight:bold; z-index:8;}
.scrollCon ul li span a .onhov{position:absolute; left:0; bottom:-40px; width:208px; height:40px;opacity:1;background:#0db5e6;}

.onback{z-index:9;}
.onshow{z-index: 50;}
.onshowing{z-index: 99;}
.leftBtn, .rightBtn{ background:url(../images/icons.gif) no-repeat; }
.leftBtn{width:22px; height:22px; background-position: 0px -28px; position:absolute; top:-22px; right:32px; }
.leftBtn:hover{ background-position:-54px -28px;}
.rightBtn:hover{ background-position:-78px -28px;}
.rightBtn{width:22px; height:22px; background-position: -27px -28px; position:absolute; top:-22px; right:0px; }
.gameList{margin-top:43px;}
.gameList .game_tit{height:30px;}
.gameList .game_tit .right{ margin-top:6px; font-size:14px;}
.gameList .game_tit .right li{float:left;}
.gameList .game_tit .right .li1{ margin-right:14px;}
.gameList .game_tit .right li .icons{width:11px; height:11px; margin:4px 5px 0 0; _margin-top:4px;}
.gameList .game_tit .right .li1 .icons{ background-position:-72px 0;}
.gameList .game_tit .right .li2 .icons{ background-position:-87px 0;}
.gameList .con{height:258px; border:1px solid #FFF; background:#FFF;}
.gameList .con_inner{ height:229px; border:1px solid #9ec7d9; padding:27px 0 0 17px;}
.gameList .list{margin-right:48px;width:400px;}
.gameList .list .tit{padding-bottom:11px; background:url(../images/list_tit.gif) 0 bottom no-repeat;}
.gameList .list_con{padding-top:10px;}
.gameList .list_con ul{width:174px; float:left;}
.gameList .list_con li{ padding-left:7px; line-height:28px;}
.gameList .list_con li a{ float:left;}
.gameList .list_con li .icons{width:11px; height:11px; margin:8px 0 0 4px;}
.gameList .list_con li .hot_icon{ background-position:-72px 0;}
.gameList .list_con li .news_icon{ background-position:-87px 0;}
.gameList .web{width:442px;}
.gameList .web .tit .icons{width:33px; height:31px; background-position:0 -54px; margin:-10px 10px 0 0; position:relative;}
.gameList .phone .tit .icons{width:19px; height:35px; background-position:-38px -54px; margin:-14px 10px 0 0; position:relative;}
/*绝对底部 begin*/
html, body, #bodywrap {height: 100%;}
body > #bodywrap {height: auto; min-height: 100%;}/*设置高度自动适应，最小高度为100%*/
#main {padding-bottom: 146px;}
.footer{height:116px; border-top:1px solid #2a677c; background:url(../images/footer_line.gif) repeat-x;color:#0c749f; line-height:22px; position:relative; margin-top:-116px;}
.footer .wrap{padding:25px 0 0 188px; width:772px;}
/*绝对底部 end*/
.page{ text-align:center; margin-top:50px;}
.page a{padding:0 6px;}
.page .prev1,.page .next2{width:21px; height:15px; padding:0; margin:0 5px; display:inline-block; vertical-align:middle; margin-bottom:2px;*margin-bottom:0;}
.page .prev2,.page .next1{width:19px; height:15px;padding:0; margin:0 5px; display:inline-block;vertical-align:middle;margin-bottom:2px;*margin-bottom:0;}
.page .prev1{ background:url(../images/page1.gif)}
.page .prev1:hover{background:url(../images/page1_2.gif)}
.page .prev2{ background:url(../images/page2.gif)}
.page .prev2:hover{ background:url(../images/page2_2.gif)}
.page .next1{ background:url(../images/page3.gif)}
.page .next1:hover{ background:url(../images/page3_2.gif)}
.page .next2{ background:url(../images/page4.gif)}
.page .next2:hover{ background:url(../images/page4_2.gif)}
.recruitBox{padding-top:35px;}
.recruitBox .tit{padding-bottom:10px; background:url(../images/recruit_tit.gif) 0 bottom no-repeat;}
.recruit{margin-top:17px;font-family:微软雅黑;}
.recruit .Lsite{width:259px;}
.recruit .Lsite li{height:53px; border-bottom:1px solid #ccd4d8; line-height:53px;  text-align:center; font-size:18px;}
.recruit .Lsite li a{color:#1477a9;}
.recruit .Lsite li.cur{ background:url(../images/recruit_li.gif) no-repeat; border:1px solid #147b9f; border-right:0; position:relative; margin:-1px 0 0 -1px;}
.recruit .Lsite li.cur a{color:#FFF;}
.recruit .Rsite{padding:16px 18px 20px 27px;}
.recruit .artBox{ display:none;color:#FFF;}
.recruit .artBox a{color:#FFF;}
.recruit .art{ margin-bottom:30px; font-size:16px;line-height:28px;}
.recruit .art h2{ font-family:微软雅黑; font-size:16px;}
.recruit .art dt{ width:30px; float:left;}
.recruit .art dd{padding-left:30px;}
.guard .link{margin-top:23px; text-align:center;}
.guard .link a{ display:inline-block; vertical-align:top; margin-bottom:13px;width:217px;  height:53px;}
.guard .link .li1{ background:url(../images/guard_link1.jpg) no-repeat;}
.guard .link .li1:hover{ background:url(../images/guard_link1_2.jpg) no-repeat;}
.guard .link .li2{ background:url(../images/guard_link2.jpg) no-repeat;}
.guard .link .li2:hover{ background:url(../images/guard_link2_2.jpg) no-repeat;}
.guard .artBox{ line-height:21px; font-size:14px;}
.guard .artBox .inden{ text-indent:2em;}
.guard .artBox .list{margin-top:23px;}
.guard .artBox .s_input{margin-top:45px; padding-left:96px;}
.guard .artBox .s_input span{ vertical-align:bottom; margin-right:18px;}
.guard .artBox .s_input .txt{width:145px; height:27px;}
.guard .artBox .s_input .btn{margin-left:10px;width:76px; height:28px; background:url(../images/cx.gif) no-repeat; border:0;}

.erji_main{padding-top:35px;}
.erji_main .tit{padding-bottom:10px; background:url(../images/recruit_tit.gif) 0 bottom no-repeat;}
.erji_main .tit .trend{font-size:12px; margin-top:5px;}
.erji_main .list li{height:32px; line-height:32px; border-bottom:1px dotted #0c749f;}
.erji_main .list li.last{ border:0;}
.erji_main .list li span{float:right;}
.erji_main .list li .icons{width:7px; height:7px; background-position:-60px 0; margin:12px 11px 0 0;}
.erji_main .article{padding-top:20px; font-size:14px;}
.erji_main .article h2{font-size:20px; font-family:黑体; text-align:center; font-weight:normal;}
.erji_main .article .time{margin-tops:5px; text-align:center;}
.erji_main .article p{ margin-top:25px; line-height:21px; text-indent:2em;}
.erji_main .article .weight{font-weight:bold;}
.erji_main .article .img{ text-align:center; margin:48px 0 60px;}

.gameBox{padding-top:35px; font-family:微软雅黑;}
.gameBox .tit{padding-bottom:7px; }
.gameBox .con{padding-top:13px;}
.gameBox .con li{ width:465px;  margin-bottom:48px; color:#7f7f7f;}
.gameBox .con li .img{width:120px; height:120px;}
.gameBox .con li .img img{width:120px; height:120px;}
.gameBox .con li dl{padding-left:132px;}
.gameBox .con li dt{height:29px; background:url(../images/game_line.gif) 0 bottom no-repeat; font-size:12px;}
.gameBox .con li dt label{ display:inline-block;}
.gameBox .con li dt .name{width:100px; font-size:16px;}
.gameBox .con li dt .pt{width:100px;}
.gameBox .con li dt .pt img{ vertical-align:bottom; margin-bottom:2px; position:relative;}
.gameBox .con li dd{padding-top:5px;}
.gameBox .con li dd p{ text-indent:2em; line-height:21px;}
.gameBox .con li dd .btn{ margin-top:-11px;width:116px; height:33px; background:url(../images/game_btn.gif) no-repeat; position:relative;}
.gameBox .con li dd .btn:hover{ background:url(../images/game_btn2.gif) no-repeat;}
.gameArt{padding-top:35px; font-size:14px;}
.gameArt .tit{padding-bottom:7px; background:url(../images/recruit_tit.gif) 0 bottom no-repeat;}
.gameArt .tit .trend{font-size:12px; margin-top:5px;}
.gameArt .top{padding-top:23px;}
.gameArt .top .img{width:180px;}
.gameArt .top dl{padding:12px 0 0 200px;}
.gameArt .top dt{ font-size:18px;margin-bottom:10px; font-family:微软雅黑;}
.gameArt .top dt label{margin-left:88px; font-size:14px; color:#717171; display:inline-block;}
.gameArt .top dt label img{margin-bottom:-2px;}
.gameArt .top dd p{ text-indent:2em; line-height:23px; font-size:12px; margin-top:10px;}
.gameArt .link{margin:16px 0 19px;}
.gameArt .link a{width:178px; height:51px; background:url(../images/gameArt_btn.gif) no-repeat;}
.gameArt .link a:hover{ background:url(../images/gameArt_btn2.gif) no-repeat;}
.gameArt .picshow{width:960px; overflow-x:scroll; overflow-y:none; background:#FFF;white-space:nowrap;}
#bookslide{width:960px;height:347px;position:relative;}
#bookslide-main{height:316px;overflow:hidden;width:960px;}
#bookslide-main li{float:left;width:474px; height:316px; margin-right:11px; display:inline;}
#bookslide-main img{width:474px; height:316px; }
#bscrollbar{height:16px;font-size:0;overflow:hidden;width:960px; border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0;border-bottom:1px solid #FFF; margin-top:13px;}
#bscrollbar-m{float:left;cursor:pointer;height:14px;width:960px;display:inline; background:#ededed; border-bottom:1px solid #dedede; border-top:1px solid #FFF;}
#bscrollbar-handel{width:300px;height:15px;background:#adabab;}

.gameArt .tese{margin-top:35px;}
.gameArt .tese h2{ font-size:18px; font-family:微软雅黑;}
.gameArt .list{ margin-top:28px;}
.gameArt .list h4{ font-size:14px;}
.gameArt .list p{ text-indent:2em; line-height:21px; font-size:12px;}

.aboutUs{padding-top:20px;}
.aboutUs h2{ font-family: 黑体; font-size: 20px; font-weight: normal; text-align: center; margin-bottom:5px;}
.aboutUs .art{margin-top:28px; font-size:14px; line-height:25px;}
.aboutUs .inden{ text-indent:2em;}
.aboutUs .dd p{padding-left:21px;}