@charset "utf-8";
/* CSS Document */

/*------------------- reset -------------------*/
body { color: #7b7b7b; font: 12px "Microsoft Yahei"; background-color: #fff;}

/*------------------- link -------------------*/
a,area { blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;}
a { outline:none; color: #787878;}
a:hover { text-decoration: none;}

/*------------------- text -------------------*/
.text_left { text-align: left}
.text_center { text-align: center}
.text_right { text-align: right}

/*------------------- wrapper -------------------*/
#wrapper { position: relative; width: 100%;  min-width: 1280px;  max-width: 1920px;  margin: 0 auto;  background-color:#e9e9e9;}

/*------------------- topBar -------------------*/
.topBar { width: 100%; background: #fff; opacity: .95; z-index: 82; min-width: 1280px; position:relative;}
.topBar .topBox { position: relative; width: 993px; margin: 0 auto; height: 102px; overflow: visible; zoom: 1;}
.topBar .topLogo { position: relative; float: left; width: 151px; height: 60px; background:url(../img/logo.png); top: 18px; display: block;}
.topBar .topBoxlist { position: relative; height: 102px; line-height: 102px; margin-left:230px; color: #444;}
.topBar .topBoxlist a { position: relative; float: left; margin: 0 10px; font-size: 14px; color: #444; height: 102px; line-height: 102px;}
.topBar .topBoxlist a i { position: absolute; width: 0; height: 8px; background: #d84004; display: block; left: 0; top: 0; -webkit-transition: all .2s ease-out;  -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
.topBar .topBoxlist a:hover{color:#000}
.topBar .topBoxlist a:hover i{width:100%}
.topBar .topLogin { position:absolute; top:0; right:0; height: 102px; line-height: 102px;}
.topBar .topLogin a { margin:0 0 0 55px; font-size:12px; }
.topBar .topLogin a.login { color:#2577de;}
.topBar .topLogin a.register { color:#c46120;}
.topBar .topLogin a i { background:url(../img/ico.png) no-repeat;}
.topBar .topLogin a.login i { position:absolute; display:block; width:24px; height:24px; background-position:0 0; top:40px; left:22px;}
.topBar .topLogin a.register i { position:absolute; display:block; width:24px; height:24px; background-position:-40px 0; top:40px; left:100px;}

/*------------------- imgFocus -------------------*/
.common_banner {position: relative; width: 100%; margin: 0 auto; overflow: hidden;;}
.imgwarp { margin:0 auto; width:993px;}
.focus_pic { position:relative; width:993px; height:491px; z-index:1001;}
.focus_pic .d1{ width:100%; height:491px; display:block; position:absolute; left:-462px; top:0px;}
.imgFocus .d2{ height:20px; clear:both; position:absolute; z-index:100; right:40px; bottom:20px;}
.imgFocus .d2 span{ width:19px; height:19px; overflow:hidden; cursor:pointer;background:url(../img/ico.png) no-repeat -108px -271px;  float:left ;  margin-right:10px; display:inline;}
.imgFocus .d2 span.nuw{ width:42px; background:url(../img/ico.png) no-repeat -53px -271px;}

/*------------------- head_nav -------------------*/
.head_nav { width:100%; height:109px; background:url(../img/nav_bg.jpg) repeat-x;}
.nav_list { width:993px; height:109px; margin:0 auto; clear:both;  font-size:14px;}
.nav_list .serBox { cursor:pointer; display:inline; width:165px; height:109px; float:left; overflow:hidden; position:relative;}
.nav_list .serBoxOn { display:none; width:165px; height:109px; background:url(../img/on_bg.png) repeat;  position:absolute; left:0px; top:0px; z-index:19;}
.nav_list .serBox .pic1 { width:35px; height:35px; text-align:center; position:absolute; top:20px; left:68px; z-index:99;}
.nav_list .serBox .pic2 { width:35px; height:35px; text-align:center; position:absolute; top:-50px; left:68px; z-index:99;}
.nav_list .serBox .pic1 p,.nav_list .serBox .pic2 p { width:35px; height:35px; background:url(../img/ico.png) no-repeat;}
.nav_list .serBox .pic1 p.ico_1 { background-position:0 -40px;}
.nav_list .serBox .pic2 p.ico_2 { background-position:0 -90px;}
.nav_list .serBox .pic1 p.ico_3 { background-position:-55px -40px;}
.nav_list .serBox .pic2 p.ico_4 { background-position:-55px -90px;}
.nav_list .serBox .pic1 p.ico_5 { background-position:-110px -40px;}
.nav_list .serBox .pic2 p.ico_6 { background-position:-110px -90px;}
.nav_list .serBox .pic1 p.ico_7 { background-position:-165px -40px;}
.nav_list .serBox .pic2 p.ico_8 { background-position:-165px -90px;}
.nav_list .serBox .pic1 p.ico_9 { background-position:-220px -40px;}
.nav_list .serBox .pic2 p.ico_10 { background-position:-220px -90px;}
.nav_list .serBox .pic1 p.ico_11 { background-position:-275px -40px;}
.nav_list .serBox .pic2 p.ico_12 { background-position:-275px -90px;}
.nav_list .serBox .txt1 { width:165px;  position:absolute; top:0px; left:3px; z-index:99;}
.nav_list .serBox .txt2 { width:165px;  position:absolute; top:110px; left:3px; z-index:99;}
.nav_list .serBox span.tit { font-size:14px; display:block; text-align:center; line-height:150px; font-weight:bold;}
.nav_list .serBox .txt1 .tit { color:#8b8989;}
.nav_list .serBox .txt2 .tit { color:#27abff;}

/*------------------- latest_news -------------------*/
.latest_news { width:100%; background-color:#fffdfe; overflow:hidden;}
.news_list { width:993px; margin:0 auto; overflow:hidden; font-size:12px;}
.common_tit h2,.common_xgtit { font-size:16px; color:#333; border-left:5px solid #d84004; line-height:20px; padding-left:10px; margin-top:18px;}
.common_news { float:left; width:320px; margin-right:8px; display:inline;}
.common_news .news_head {  position:relative; line-height:30px; border-bottom:1px dashed #a8a7a8; padding-top:10px; overflow:hidden; display:none;}
.common_news .news_head h3 { font-size:14px; color:#555;}
.common_news .news_head .news_more { width:20px; height:19px; background:url(../img/ico.png) no-repeat 0 -140px;}
.common_news ul li a { display:inline-block; height:25px; width: 230px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; zoom: 1; color:#7b7b7b; line-height:15px;  font-size:12px; padding-left:10px;}
/*.common_news ul li a:hover { color:#039cfe;}*/
.common_news ul li span { float:right; line-height:15px; display:inline;}
.common_news ul li i { width:3px; height:3px; background:url(../img/line_ico.jpg) no-repeat; display:inline; float:left; position:absolute; margin-top:5px; }
.news_banner { width:300px; height:147px; margin-top:45px; position:relative; display:none;}
.news_banner .sPrev,.news_banner .sNext{ position:absolute; left:5px; top:50px; display:block; width:35px; height:35px; background:url(../img/ico.png) no-repeat; display:none; }
.news_banner .sPrev { background-position:-175px -181px;}
.news_banner .sNext{ left:auto; right:5px; background-position:-175px -216px; }
.news_banner .prevStop{ display:none;}
.news_banner .nextStop{ display:none;}
.news_banner img {width: 300px; height: 147px;}
.news_bannerNum { position:absolute; bottom: 12px; right: 12px; height: 14px; z-index: 1; overflow: hidden; zoom: 1;}
.news_bannerNum li { float: left; _display: inline; width: 14px; height: 14px; margin-left: 6px; text-indent: -9999px; cursor: pointer; background: url(../img/ico.png) no-repeat -206px -276px;}
.news_bannerNum li.on { width: 28px; background-position:-171px -276px; }

/*------------------- hot_game -------------------*/
.hot_game { width:100%; height:352px; background-color:#e9e9e9; overflow: hidden;}
.games_list { width:993px; height:352px; margin:0 auto; clear:both; font-size:12px; position:relative;}
.games_list .mt45,.zqgames_list .mt45,.game_dlist .mt45 { margin-top:45px;}
.hgame_btns { position:absolute; top:-45px; right:0;     display: none;}
.hgame_btns a { width:20px; height:19px; display:block; background:url(../img/ico.png) no-repeat; float: left; margin-left:3px;}
.hgame_btns a.sLeft { background-position: -35px -140px;}
.hgame_btns a.sRight { background-position: -70px -140px;}
.game_list { width:993px; margin:25px auto 0; position:relative;}
.boxShadow { background: #fffdfe; box-shadow:0 0 5px rgba(0,0,0,.3); margin-top:10px;}
.game_list li { position:relative; float:left; }
.com_box { width:316px; height:206px; float:left; position:relative; margin:0 8px 3px 7px; display:inline; overflow:hidden;}
.game_list li span.game_name { font-size:15px; font-weight:bold; color:#383838; position:absolute; top:155px; left:10px;}
.game_list li span.game_txt { width:220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:12px; font:12px "SimSun"; color:#7b7b7b; position:absolute; top:180px; left:10px;}
.game_list li i { width:17px; height:14px; background:url(../img/ico.png) no-repeat; position:absolute; top:153px; right:10px;}
.game_list li i.c_ico { background-position: -113px -143px;}
.game_list li i.m_ico { height:20px; background-position: -155px -140px; top:150px;}
.game_list li a.gw-link { width:69px; height:22px; background:url(../img/ico.png) no-repeat -229px -138px; position:absolute; top:175px; right:8px; border:0; display:none;}
.game_list li a:hover{ background-position:-229px -167px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; -webkit-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease; -moz-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease; -ms-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease; -o-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease; animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease; -moz-animation:ani-gw-link .3s linear .2s 1 normal; -webkit-animation:ani-gw-link .3s linear .2s 1 normal; -o-animation:ani-gw-link .3s linear .2s 1 normal; -ms-animation:ani-gw-link .3s linear .2s 1 normal; animation:ani-gw-link .3s linear .2s 1 normal;}
.glist_bottom { width:100%; height:67px; background-color:#fffdfe;}
.partner-list li { height:0;}

.partner-list li, .partner-list li .com_box { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.partner-list li .com_box.time01 {-o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.partner-list li .com_box.time02 {-o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.partner-list li .com_box.time03 {-o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; -o-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.partner-list li .com_box.time04 {-o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.partner-list li .com_box.time05 {-o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.partner-list li .com_box.time06 {-o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; -o-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.partner-list li.on { height:250px; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); overflow:hidden;}
.partner-list li.on .com_box{ height:206px; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/*.partner-list li, .partner-list li .com_box { -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;filter:alpha(opacity=0)}
.partner-list li .com_box.time01 {-webkit-transition:all .4s linear 0s;-moz-transition:all .4s linear 0s;-ms-transition:all .4s linear 0s;-o-transition:all .4s linear 0s;transition:all .4s linear 0s; -webkit-transition:all .4s linear .4s;-moz-transition:all .4s linear .4s;-ms-transition:all .4s linear .4s;-o-transition:all .4s linear .4s;transition:all .4s linear .4s}
.partner-list li .com_box.time02 {-webkit-transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;transition:all .4s linear .1s; -webkit-transition:all .4s linear .5s;-moz-transition:all .4s linear .5s;-ms-transition:all .4s linear .5s;-o-transition:all .4s linear .5s;transition:all .4s linear .5s}
.partner-list li .com_box.time03 {-webkit-transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;transition:all .4s linear .2s; -webkit-transition:all .4s linear .6s;-moz-transition:all .4s linear .6s;-ms-transition:all .4s linear .6s;-o-transition:all .4s linear .6s;transition:all .4s linear .6s}
.partner-list li .com_box.time04 {-webkit-transition:all .4s linear 0s;-moz-transition:all .4s linear 0s;-ms-transition:all .4s linear 0s;-o-transition:all .4s linear 0s;transition:all .4s linear 0s; -webkit-transition:all .4s linear .4s;-moz-transition:all .4s linear .4s;-ms-transition:all .4s linear .4s;-o-transition:all .4s linear .4s;transition:all .4s linear .4s}
.partner-list li .com_box.time05 {-webkit-transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;transition:all .4s linear .1s; -webkit-transition:all .4s linear .5s;-moz-transition:all .4s linear .5s;-ms-transition:all .4s linear .5s;-o-transition:all .4s linear .5s;transition:all .4s linear .5s}
.partner-list li .com_box.time06 {-webkit-transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;transition:all .4s linear .2s; -webkit-transition:all .4s linear .6s;-moz-transition:all .4s linear .6s;-ms-transition:all .4s linear .6s;-o-transition:all .4s linear .6s;transition:all .4s linear .6s}
.partner-list li.on { height:450px; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;filter:alpha(opacity=100); overflow:hidden;}
.partner-list li.on .com_box{ height:206px; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;filter:alpha(opacity=100);}*/
.com_box em { width:71px; height:71px; position:absolute; left:0; top:0; background:url(../img/ico.png) no-repeat;}
.com_box em.hot_ico { background-position:0 -180px;}
.com_box em.not_ico { background-position:-83px -180px;}

/*------------------- center_img -------------------*/
.center_img { width:100%; height:309px; background:url(../img/center_img.jpg) no-repeat center top; display:none;}
.game_video { width: 100%; min-width: 993px; height: 360px; position: relative; margin: 0 auto; overflow: hidden; zoom: 1; display:none;;}

/*------------------- zqgame_area -------------------*/
.zqgame_area { width:100%; height:750px; background-color:#e9e9e9; overflow: hidden; display:none;}
.zqgames_list { width:993px; height:530px; margin:0 auto; clear:both; font-size:12px; position:relative;}
.zqgame_wrap { width:993px; height:356px; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.3);}
.com_gamestyle { width:197px; height:305px; border-right:1px solid #c9c9c9;}
.red_gtit { display:block; font-size:14px; color:#d84004; font-weight:bold; text-indent:35px; line-height:60px;}
.com_gamestyle ul { padding-left:30px;}
.com_gamestyle ul li { float:left; width:136px; margin-bottom:15px;}
.com_gamestyle ul li a ,.zqgame_bottom ul li a{ float:left; font-family:"SimSun"; color:#787878;}
.com_gamestyle ul li a:hover,.zqgame_bottom ul li a:hover,.common_news ul li a:hover  { font-weight:bold; color:#666;}
.com_gamestyle ul li em,.zqgame_bottom ul li em { width:10px; height:11px; background:url(../img/ico.png) no-repeat; float:left; display:inline-block; margin:1px 5px;}
.com_gamestyle ul li em.h_ico,.zqgame_bottom ul li em.h_ico{  background-position:0 -271px; }
.com_gamestyle ul li em.n_ico,.zqgame_bottom ul li em.n_ico{  background-position:-24px -271px; }
.com_gamestyle ul li em.none_ico { background:none;}
/*.mobile_games { width:336px;}*/
.vr_games { border-right:none;}
.zqgame_bottom { width:100%; border-top:1px solid #c1c1c1; height:50px; position:relative;}
.zqgame_bottom ul { position:absolute; right:10px; top:20px;}
.zqgame_bottom ul li { float:left; margin:0 5px; width:80px;}

/*------------------- gamenews -------------------*/
.imgSmall { height:309px;}
.focus_spic { position: relative; width: 993px; height: 309px; z-index: 81;}
.focus_spic .d1{ width:100%; height:309px; display:block; position:absolute; left:-462px; top:0px;}
.imgSmall .d2{ width:100%; height:20px; clear:both; position:absolute; z-index:100; left:0; bottom:20px; text-align:center;}
.imgSmall .d2 span{ width:14px; height:14px; overflow:hidden; cursor:pointer;background:url(../img/ico.png) no-repeat -22px -304px;  margin-right:10px; display:inline-block;}
.imgSmall .d2 span.nuw{ background:url(../img/ico.png) no-repeat -46px -304px;}

/*------------------- insideCon -------------------*/
.insideCon { width: 100%; padding-bottom:70px; background-color:#e9e9e9;}
.insideCon_bd { width:993px;  margin:0 auto; position:relative;}
.mainBar { width:702px; float:left;}
.position { font:12px/50px "SimSun"; color:#5a5a5a; margin-left:25px;}
.position a { font:12px/50px "SimSun"; color:#5a5a5a;}
.mainBar h2.common_intit { line-height:60px; color:#3e3b3a; font-weight:bold; font-size:31px; text-indent:25px; border-bottom:1px dashed #96a0c3; padding-bottom:10px;}

.newspage { width: 652px; min-height: 740px; _height:740px; margin-top:20px; padding:0 25px;}
/*newsnav*/
.newsnav { width: 652px; height: 43px; margin:0 auto; border-bottom: 1px solid #d2d2d2; overflow: hidden;}
.newsnav li { float: left;}
.new_line { line-height:40px;}
.newsnav a { display: block; width: 72px; height: 40px; font:bold 14px/40px "Microsoft YaHei"; text-align: center; cursor: pointer;}
.newsnav a:hover,.newsnav a.cur,.newsnav .on a { color: #d84004; border-bottom: 3px solid #d84004;}
.focus_pic .d1{ width:100%; height:491px; display:block; position:absolute; left:-462px; top:0px;}

/*listbox*/
.listbox { width: 652px; height:590px; overflow:hidden; padding: 5px 0;}
.listbox li { height: 30px; line-height: 30px; border-bottom: 1px dashed #cec5b7;}
.listbox li span { float: right}
.listbox li a:hover ,.pagelist a:hover,.sider_01 ul li a:hover {color: #d84004;}
.listbox li em { float:left; height:30px; display:block; margin-right: 12px; width:3px; background:url(../img/ico.png) no-repeat 0 -296px;}

/*pagelist*/
.pagelist { padding: 30px 0; text-align: center;}
.pagelist a { margin: 0 8px; cursor: pointer;}
.pagelist b, .pagelist a.jp-current { padding:3px 5px; background-color:#d84004; color: #fff; font-weight:bold; margin: 0 4px;}
.pagelist em { font-weight: bold;}

/*siderBar*/
.siderBar { width:274px;}
.sider p.hline { margin-top:10px; border-bottom:1px dashed #74798e; }
.sider_01 ul li { height:25px;}
.sider_01 ul li a { float:left; display:block; width:210px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; zoom: 1;}
.sider_01 ul li span { float:right;}
.sider_01 li em { float:left; height:25px; margin-right:10px; display:block; width:3px; background:url(../img/ico.png) no-repeat 0 -304px;}
.video_box  { float:left; width:135px; text-align:center; margin:10px 2px 0 0; display:inline-block;}
.video_box a { overflow:hidden; display:block;}
.video_box img { width:124px; height:78px; padding:5px; }
.video_box p { line-height:30px; font-family:"SimSun"; font-size:12px;}

/*视频弹窗*/
.videoClose {display: inline-block; position: absolute; top: 0; right: 0; width: 37px; height: 37px;}

/*------------------- footer -------------------*/
.footer { width:100%; height:210px; background-color:#fff; overflow: hidden;}
.footer_txt { width:1100px; height:210px; margin:0 auto; clear:both; position:relative; text-align: center; padding-top: 30px; line-height: 30px;}
.footer ul {width: 1100px; padding: 85px 0 44px 0px; margin: 0 auto;}
.footer li {float: left; padding-right: 16px; line-height: 18px;}
.zqgame_link { position:absolute; top:65px; left:410px; }
.zqgame_link a { padding:0 10px;}
.zqgame_link a:hover { font-weight:bold; color:#666;}

.center-show { position:relative; height:100%; float:left; width:25%; overflow:hidden; display:inline;}
.center-show.last-child { *margin-left:-3px;}
.center-show em { position:absolute; width:100%; height:100%; left:0; background-position:center center;}
.center-show span { position:absolute; width:100%; left:0; text-align:center; font-size:20px; line-height:34px; color:#fff; top:65%; margin-top:-34px; -webkit-transition:all .5s linear;-moz-transition:all .5s linear; -ms-transition:all .5s linear; -o-transition:all .5s linear; transition:all .5s linear;}
.center-show .center-bg { top:0; background-position:center center; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear;transition:all 1s linear;}
.center-show i.vedio_ico { position:absolute; width:42px; height:33px; left:45%; text-align:center; top:40%; margin-top:0px; background:url(../img/ico.png) no-repeat -264px -205px; /*-webkit-transition:all .3s linear;-moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;*/}
/*.center-show .font1 { top:0; background-color:#000; background-color: rgba(0,0,0,0.78); -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -ms-transition:all .5s ease-out;-o-transition:all .5s ease-out; transition:all .5s ease-out;}*/

.center-show .font1 { top:0; background:url(../img/vedio_bg1.png) repeat; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -ms-transition:all .5s ease-out;-o-transition:all .5s ease-out; transition:all .5s ease-out;}
.center-show .font2 { bottom:-30%; height:30%; background:url(../img/vedio_bg1.png) repeat; -webkit-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -o-transition:all .5s ease-in; transition:all .5s ease-in;}
.center-show:hover .center-bg { background-position:center center;}
.center-show:hover .font1 { top:100%;}
.center-show:hover .font2 { bottom:0;}
.center-show:hover span { top:85%;}
.center-show:hover i.vedio_ico { left:39%; top:32%; width:92px; height:93px; background:url(../img/ico.png) no-repeat -238px -245px;}

/*news_title*/
.mainBar h2.news_title { line-height:35px; color:#3e3b3a; font-weight:bold; font-size:20px; text-indent:0px; border-bottom:1px solid #96a0c3; }
.newspage span.news_time { display:block; font-size:14px; color:#626262; line-height:40px; border-bottom:1px solid #96a0c3;}
.newspage span.news_time em { display:inline-block; width:16px; height:16px; background:url(../img/ico.png) no-repeat -71px -303px; margin:0 5px; vertical-align: middle;}
.newspage .article { line-height: 26px;}
.newspage .article img { max-width: 660px; width: expression(this.width > 660 ? 660 : true);}
/*.newspage .article p { font-size: 12px; text-indent: 2em;}*/

/*------------------- share -------------------*/
.share { margin:0 auto; margin-top: 50px; line-height: 40px; border-bottom:1px solid #96a0c3; border-top:1px solid #96a0c3; margin-bottom:30px;}
.com_share { width:5px!important; height:23px!important; background:url(../img/ico.png) no-repeat!important;}
.share_ico01 { background-position:0 -324px!important;}
.share_ico02 { background-position:-28px -324px!important;}
.share_ico03 { background-position:-57px -324px!important;}
.share_ico04 { background-position:-87px -324px!important;}
.share_ico05 { background-position:-115px -324px!important;}
.share_ico06 { background-position:-144px -324px!important;}
.share_ico01:hover { background-position:0 -355px!important;}
.share_ico02:hover { background-position:-28px -355px!important;}
.share_ico03:hover { background-position:-57px -355px!important;}
.share_ico04:hover { background-position:-87px -355px!important;}
.share_ico05:hover { background-position:-115px -355px!important;}
.share_ico06:hover { background-position:-144px -355px!important;}
.share p { padding-right:10px;}
.xg_news { height:150px; padding-bottom:45px;}

/*topOpen*/
.topBox .topOpen { position: absolute; top: 0; right: 0; width: 119px; height: 119px; background:url(../img/ico.png) no-repeat 0 -401px;  z-index: 9999;}
.topNav { position: absolute; width: 100%; padding-bottom: 4px; top: 102px; left: 0; background-color:#292921; background-color: rgba(41,41,33,0.9);z-index: 10000; display: none;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .topNav {
    background-color:#292921;
    filter:Alpha(opacity=90);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
}
.topNav ul li a { color:#c3c3c3; position:relative;}
.topNav ul li a:hover { font-weight:bold; color:#fff;}
.topNav .top_style { color:#3dafff;  text-indent:65px; position:relative;}
.topNav .com_gamestyle ul { padding-left:60px;}
.topBar .topOpen.open { background: #282b2d; height: 103x; background:url(../img/ico.png) no-repeat -125px -401px;}
.topNav .com_gamestyle { border-right:1px solid #4a4943; }
.topNav .wy_games { border:0;}

/*game_dlist*/
.game_dlist { width:993px; margin:0 auto; overflow:hidden;}
.com_gamelists { position:relative; width:989px; background-color:#fff; margin:20px auto 0; border-bottom:5px solid #d0d1cc;}
.com_listbox { float:left; width:329px; height:190px; border-right:1px solid #d4d4d4;}
.com_listbox img { float:left; width:140px; height:140px; border:6px solid #d8d9d6; margin:18px 15px;}
.com_listbox .list_boxtxt h2 { font-weight:bold; width:140px; height: 42px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; font-size:20px; color:#444; line-height:40px; border-bottom:1px solid #b9b9b9; margin-top:8px;}
.list_boxtxt { width:140px; float:left;}
.com_listbox .list_boxtxt p { margin-top:10px; font-family:"SimSun"; color:#444; line-height:20px; height:60px; overflow:hidden; word-break:break-all;  display:-webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient:vertical; zoom: 1;}
.com_listbox .list_boxtxt a { display:block; width:93px; height:30px; background:url(../img/ico.png) no-repeat -185px -349px; float:right; margin-top:18px;}
.com_listbox.bd_none { border:0;}
.qhgame_btns { position:absolute; right:0; top:-40px;}
.qhgame_btns a { width:20px; height:19px; display:block; background:url(../img/ico.png) no-repeat; float: left; margin-left:3px;}
.qhgame_btns a.sLeft { background-position: -35px -140px;}
.qhgame_btns a.sRight { background-position: -70px -140px;}

.com_gamelists li { height:0;}
.com_gamelists li,.com_gamelists li .com_listbox { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.com_gamelists li .com_listbox.time01 {-o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.com_gamelists li .com_listbox.time02 {-o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.com_gamelists li .com_listbox.time03 {-o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; -o-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.com_gamelists li .com_listbox.time04 {-o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.com_gamelists li .com_listbox.time05 {-o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.com_gamelists li .com_listbox.time06 {-o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; -o-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}

.com_gamelists li.on .com_listbox { height:190px; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.com_gamelists li { position:relative; float:left;}
.com_gamelists li.on { height:380px; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/*jub*/
.jub { width:993px;}
.jub_position { line-height:50px; border-bottom:1px dashed #949393; text-indent:25px;}
.jub_pro { width:95%; margin:0 auto; height:500px;}
.jub_pro_l { float:left; width:210px;  padding:10px 0;}
.jub_pro_l h3 { width:210px; font-size:41px; color:#046ca4; font-weight:bold; padding-bottom:15px;}
.jub_pro_l span { font:18px "Arial"; color:#3e3b3a;}
.jub_pro_l ul { width:170px;}
.jub_pro_l ul li { border-bottom: 1px dashed #949393; line-height: 50px; padding-left: 7px;}
.jub_pro_l ul li a { color: #5a5a5a; font-weight: bold; font-family: "SimSun", Arial, Helvetica, sans-serif;}
.jub_pro_r { float:left; width:900px; margin-left:22px; padding:10px 0 40px 0 ;}
.jub_pro_r  span{ text-align:center;}
.jub_pro_r h3 { border-bottom: 1px solid #d2d2d2; text-align: center; line-height: 20px; color: #3e3b3a; font-weight: bold; font-size: 20px; padding:60px 0 20px;}
.jub_pro_r .new main { padding-top:20px; font-family:"SimSun"; color:#5a5a5a; padding-bottom:20px;}
.jub_pro_r .newmain p { line-height:24px; text-indent:0; text-align:left;}
.jub_pro_r .newmain  .lf{width:350px; height:auto; float:left; margin-top:20px;}
.jub_pro_r .newmain  .rf{width:350px; height:auto; float:right; margin-top:20px; }
.jub_pro_r .newmain .p_1{font-size:18px; font:bold 18px "微软雅黑"; padding:15px 0 10px 0;}
.jub_pro_r .newmain p span.c_red1 { color:#f92d2d;}
.jub_pro_r p.jub_img { text-align:center;}
.content_text{ text-align:center;}
.content_text span 	{width:640px; height:360px; overflow:hidden;}
.content_text span  img{width:600px; height:360px;padding:15px 0 15px 0;}
.content_text .new_title{font-size:18px; padding:10px 0 25px 0; color:#2577de;}
.new_list{width:900px; float:left; margin-top:20px;}
.new_img{width:210px; height:150px; float:left;}
.new_img img{width:210px; height:150px;}
.new_img img:hover{transform:scale(1.1);}
.new_list h2{width:650px; float:left;font:bold 18px "微软雅黑"; padding-left:15px;}
.new_list h3{width:650px; float:left;font-size:14px; font-weight:normal;border:none; text-align:left; padding:25px 0 0 15px;}


.game_list2{width:800px; height:auto; overflow:hidden; margin-left:60px; margin-top:15px;}
.item{width:230px; height:150px; overflow:hidden; float:left; margin-right:25px; text-align:center;}
.item .game_img{width:228px; height:101px; border-radius:8px; overflow:hidden;}
.item .game_img img{ width:228px; height:101px;}
.game_list2 .item h2{width:228px; height:30px; float:left; padding:10px 0 0 0; color:#333; font-size:18px; display:inline; clear:both;}

/*inverstor*/
.hyzs ul li { line-height:25px;}
.newmain table, .tou_tab { width: 100%; margin: 10px 0; border-collapse: collapse;}
.tou_tab td { padding: 10px; text-align: center; border: 1px solid #d97575; background: #bf1919;}
.tou_tab td .hover { color: #fc0; font-weight: bold;}
.tou_tab td a { color: #fff;}
.tou_tab01 td { border: 1px solid #ddd; padding: 5px;}
.jub_pro_r .newmain table p { line-height: 25px; text-indent:0;}
.tou_tab { color:#fff; border:1px solid red;}
.c_green { color: #090;}
.c_red { color: #f00;}
.jub_pro_r .newmain p.in_1-3 { text-indent:0;}
.tou_tab01 thead th { border: 1px solid #999; border-bottom: none; padding: 10px 0;}
.tou_tab01 thead { background:#dedede; color:#000; line-height:20px;}
.tou_tab01 thead th { border:1px solid #999; border-bottom:none;padding:10px 0;}
.tou_tab02 td,.tou_tab02 thead th { padding:10px;}
.tou_tab02 thead th { color:#f92d2d;}
.xian td,.xian thead th { border-bottom:1px dashed #ddd;}
.pdf { background:url(../images/pdf.gif) no-repeat; width:16px; height:16px; display:inline-block; position:relative; top:3px;}
.newmain hr { width:100%; height:0; border:none; border-bottom:1px dashed #ddd; margin:10px auto;}
.in_list li,.in_list01 li { border-bottom:1px dashed #dddddd; position:relative; line-height:26px;}
.in_list li h4 { font-size:14px;}
.in_list li .t_reg,.in_list01 li .t_reg { position:absolute; right:5px; bottom:0;}
.in_list01 li { border:none; line-height:30px;}
.in_img { padding:20px 0; float:left;}
.in_img li {float:left; margin:10px 3px; display:inline; text-align:center;}
.in_img li a { cursor:pointer;}
.pdf { background:url(../img/pdf.gif) no-repeat;width:16px; height:16px; display:inline-block; position:relative; top:3px;}
.t_reg {color: #ff0000;}

/*partner*/
.partnerbox { padding: 20px 0; }
.partnerbox a { display: inline-block; width: 125px; height: 53px; border: 1px solid #d5d5d5; margin: 10px 1px; background: #00ffd2;}
.morebg { height: 20px; line-height: 20px; padding-right: 24px; text-align: right; color: #525252; background: #f2f2f2; background:url(../img/arrowdown.jpg) no-repeat #f2f2f2 right center;}

/*teamjoin*/
.flowbox { padding: 20px 0; text-align: center;}
.c_yellow1 { color: #fe4e0d;}

/*contact*/
.contectbox { width: 480px; margin: 30px auto 0; padding: 30px; background: #f3f3f3;}
.contectbox h2 { margin: 0; padding: 0 0 10px; text-align: center; color: #f92d2d; font-size: 14px;}
.border_bg1 { border-bottom: 1px dashed #686565;}
.border_bg2 { border-bottom: 1px dashed #c9c8c8;}
.contect_cont { line-height: 28px; padding: 10px;}
strong.manager { display: inline-block; width: 100px; vertical-align: top; color: #f92d2d;}
span.m_contect { display: inline-block;}

/**/
.stockbox { padding-top:110px; text-align:center;}
.stockbox a { color:#666;}
.stockbox a:hover { color:#f00;}
.stock { display:inline-block; width:100px; height:40px; margin:0 5px; line-height:30px; text-align:center; font:16px/40px 'Microsoft YaHei'; border:1px solid #ccc; background:#f6f6f6;}
.f_11 { font-size:11px;}

.in_con { min-height: 700px; height: auto !important; height: 700px; overflow: visible;}
.pagination a, .pagination span { margin-left: 3px; display: inline-block; text-decoration: none!important; text-align: center;}
.pagination .page { padding: 0 5px; height: 18px; line-height: 18px; border: 1px solid #B2C1E0; background: #F2F7FD;}
.pagination .cur { border: 0; background: none; color: #f60; cursor: default;}
.pagination p { display: inline; padding: 0 5px;}
.pagination input { margin: 0 2px; width: 30px; height: 18px; border: 1px solid #A8B8DA;}

/* 弹出层*/
.close1{display:block; cursor:pointer;font-size:16px; line-height:40px}
.act_top{height:100px;background:#e3e3e3; text-align:center; margin-bottom:20px}
.introduction01{line-height:26px; margin:0 auto;background:#fff; z-index:111}
.introduction01 h2{font-size:16px; padding-top:50px; color:#555;}
.introduction01 p{padding:0 40px 20px 40px}
.introduction01 h4{font-size:14px}
.introduction01 strong{color:#b91e08; font-size:14px; padding-bottom:10px}
.introduction01 p span{color:red;}
.cover{width:100%; height:100%; position: absolute; top: 0; left: 0; background:#000000; filter:alpha(opacity=75); opacity: 0.75; z-index:10}/*锁屏*/
.activities_introduction{ position:absolute; width:540px; left:254px; top:50px; z-index:100;background:#cbcbcb;}

/*------------------- popupCon -------------------*/
#TB_overlayBG { position:fixed; _position: absolute; z-index: 199;left:0;top: 0; display:none; width:100%; height:100%; opacity:0.6;filter: alpha(opacity=60);-moz-opacity: 0.6; background:#000;}
.popupCon {display: none; position: absolute; left: 50%; top: 50%; _top:expression(eval(document.documentElement.scrollTop+70)); z-index: 200; width:540px; overflow:hidden; background:#cbcbcb;}
.btnClose { display:block; cursor:pointer;font-size:16px; line-height:40px;}

/*aboutus*/
.jub_pro_l span.pt13 { font-size:13px;}
.zqbhm { width: 654px; padding: 20px 0;}
.zqbscroll { position:relative; width:654px; height:127px; padding:20px 0 30px;}
.zqbscroll .hd a{ position:absolute; top:20px; display:block; width:11px; height:127px; background:url(../img/scrollbtn.jpg) no-repeat; z-index:20; cursor:pointer;}
.zqbscroll .hd a.prev { left:0; background-position:0 0;}
.zqbscroll .hd a.next { right:0; background-position:-11px 0;}
.zqbscroll ul{ width:3000px; height:127px; margin:0; padding:0;}
.zqbscroll li { float:left; width:202px; height:127px; padding:0 3px;}
.zqbscroll li img { width:200px; height:125px; border:1px solid #828689;}
a.nextbtn { position:absolute; top:20px; right:0; display:block; width:11px; height:127px; background:url(../img/scrollbtn.jpg) no-repeat -11px 0;z-index:20; cursor:pointer;}
.zqbscroll .bd .tempWrap { margin-left:14px;}
.intronew { width:654px; padding:20px 0;}
.intronew img { float:left; margin-right:20px; border:2px solid #909090;}
.care { float:right; width:300px; padding-right:20px;}
.care h2 { font-size:16px; margin:0; padding:10px 0; text-align:center;}
.introevery { padding:20px 0; line-height:25px; font-size:14px; font-family:"Microsoft Yahei";}

.aboutevery { padding-bottom:20px; background:url(../img/b_line.jpg) no-repeat left bottom;}
.aboutevery ul { padding-left:30px;}
.aboutevery li { list-style-type:disc; padding:5px 0; font:13px "Microsoft Yahei";}
h2.a_year { padding:10px; font-size:14px; color: #f92d2d; font-weight:bold;}
.c_blue1 { color: #4c9be2;}
.jub_pro_r h4 { text-align: center; line-height: 60px; font-size: 16px;}
.nobg{ background:none;}
.aboutimg { text-align: center;}
.jub_pro_r h3.life_yg { border-bottom: 1px dashed #d2d2d2; text-align: center; line-height: 80px; color: #767676; font-weight: bold; font-size: 24px; padding:0;}
.lifephotos p { margin: 0; padding: 5px 0; text-align: left; font-weight: bold; line-height:25px;}
.photosbox { padding: 5px 0;}
.lifephotos img { width: 210px; height: 140px; margin: 2px 1px;}

/*index hot_game:hover*/
.hot_glogo { display:block; width:316px; height:140px; position:relative;}
.hot_glogo img.hot_gimg  { width:316px; height:140px;}
.hot_glogo .f-turn { -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
.hot_glogo .hot-font .con { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index:3; vertical-align: middle; text-align: center; display: table-cell;}
.hot_glogo .hot-font { position:absolute; width:316px; height:140px; top:-100%; left:0; opacity:0; filter:alpha(opacity=0);}
.hot_glogo:hover .hot-font { opacity:1; filter:alpha(opacity=100); top:0;}
.hot_glogo .hot-font .bg{ background:url(../img/vedio_bg1.png) repeat; position:absolute; top:0; left:0; width:316px; height:140px; z-index:2;}
.hot_glogo .hot-font .con img { vertical-align:middle;}
.hot_glogo .hot-font .con .alpha_img {height:100%; width:1px; vertical-align:middle;}

/*codeBox*/
.codeBox { width: 993px; padding: 30px 0; margin-top: 30px; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0,.3);}
.codeList { float: left; width: 310px; padding-left: 20px}
.codeList dt { float: left; width: 111px}
.codeList dt img { width: 110px; height: 110px; border: 1px solid #c2c2c2}
.codeList dd { float: right; width: 184px; color: #333}
.codeList dd h4 { margin-top: 35px; font-size: 18px}
.codeList dd p { line-height: 22px}
.codeList dd p i { display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; background: url(../img/jticon.jpg) no-repeat}

/*codeFrame*/
.codeFrame { width: 180px; height: 590px; position: fixed; right:0; top:102px; text-align: center; _position:absolute; left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)); z-index: 1002;}
.codeFrame-box { width: 180px; height: 590px; color:#FFF; overflow: hidden; background: url(../img/code_bg.png) no-repeat}
.codeFrame-box .codeFrame-title { height: 55px; padding-top: 8px}
.codeFrame-list { width: 150px; margin:0 auto; text-align: center}
.codeFrame-list img { width: 113px; height: 150px}
.codeFrame-list p { padding: 12px 0}

.codeFrame {-o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
@media screen and (max-width:1280px){
	.codeFrame { top: 50px;}
}
@media screen and (min-width:1280px) and (max-width:1900px){
	.codeFrame { top: 102px; display: none;}
}
@media screen and (min-width:1900px){
	.codeFrame { top: 160px; display: none;}
}