/* CSS Document */

body,html{overflow-x:hidden; overflow-y:auto;}
.navFixed{left:0;top:0;_position:relative;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.navAbs{position:absolute;left:0;}
.logo{top:-50px;margin-left:-30px}

/*===首屏幻灯===*/
.banBox{width:100%;height:1000px; position:relative; overflow:hidden;}
.banWrap{width:1200px;height:1000px;margin:0 auto;background:url(http://www.gmbbk.com/13/383/images/banWrap1111.jpg) no-repeat center 0;position:relative;}

.banBoxflash{width:1920px;height:1000px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:50;}
.banBoxheader{margin:0 auto -290px -960px;width:1920px;height:1000px;position:absolute;left:50%;}


#BanBox{width:100%;height:1000px;position:relative;overflow:hidden;}
#BanBoxflash{width:1920px;height:1000px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:50;}
#BanBoxheader{margin:0 auto -290px -960px;width:1920px;height:1000px;position:absolute;left:50%;}


.bg01{;}
.bg02{}
.wrap{width:100%; position:relative}

.banner{height:482px; position:relative; overflow:hidden; position:absolute; z-index:100000; top:0px; }
.swf{width:100%;height:482px;}
.f1,.f2{ position:absolute;
-webkit-transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
transition:all 0.5s ease 0s;

-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0);
-webkit-opacity:0;
-moz-opacity:0;

}
.f2
{
	-webkit-transition:all 0.8s ease 0s;
    -moz-transition:all 0.8s ease 0s;
    transition:all 0.8s ease 0s;
}


.f1{width:488px;height:152px; top:178px;left:136px;}
.f2{width:504px;height:121px;top:322px;left:338px;}
/*.ie .f1,.ie .f2{display:none;}
.ie .f1{left:0;}
.ie .f2{left:524px;}
*/
.fActive .f1,.fActive .f2{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-opacity:1;
    -moz-opacity:1;
}



.bigBox{ width:1200px; height:auto; margin:0 auto; margin-top:-400px; position:relative; z-index:10000000;}


.sidePic{height:218px;}
.code{height:114px; text-indent:-999em;overflow:hidden;background:url(http://www.gmbbk.com/13/383/images/col3Bg.jpg) no-repeat 0 -191px; z-index:10000000; position:relative}

.intro{height:695px;background:url(http://www.gmbbk.com/13/383/images/col3Bg.jpg) no-repeat 0 -155px;}
.intro h3{height:45px; text-indent:-999em;}

.intro p{width:264px;line-height:30px;margin:0 auto;padding-top:10px; text-indent:2em;color:#434343;}
.intro p a{color:#434343;}
.intro p a:hover{color:#ce5200;}

.sense{height:127px;}
.sense a{width:320px;height:127px;}
.trans{position:relative;display:block; overflow:hidden;}
.trans span{height:3px;display:block; font-size:0;background-color:#bc9e5a; text-indent:-999em;overflow:hidden; position:absolute;left:0;bottom:0;}


/*===幻灯===*/
.slideBox{float:left;width:320px;height:450px;position:relative;}
.slide{width:320px;height:450px;position:relative;overflow:hidden;}
.slide ul{}
.slide ul li{width:320px;height:450px;}
#subNum{width:290px;height:20px;position:absolute;left:25px;bottom:3px; z-index:100;}
#subList{width:290px;height:20px;}
#subList span{width:18px;height:10px;margin:0 5px;background-color:#333;display:inline-block;cursor:pointer;}
#subList span.sOn{width:25px;background-color:#ad8732;}



/*===新闻&&音乐模块===*/
.newsDiv{float:left;width:880px;height:450px;background:url(../images/newsbg.jpg);}
.newsTab{width:800px;height:450px;padding:0 40px;float:left; position:relative;}
.newsTab h3{width:800px;height:39px;margin-bottom:10px;border-bottom:2px solid #797270;position:relative;margin-top:30px}
.newsTab h3 a{width:120px;height:39px;color:#8f6202;overflow:hidden;float:left;margin-left:50px;font-size:18px;text-align:center; }
.newsTab h3 a:hover,.newsTab h3 a.on{color:#350201}

.newsTab h3 span{float:left;width:120px;height:3px; font-size:0;display:block;background-color:#350201; position:absolute;margin-left:50px;bottom:-3px;_bottom:-4px;text-align:center;}



.newsList ul{width:800px;height:360px;position:relative; overflow:hidden;}
.newsList ul li{width:800px; height:18px;line-height:18px;font-size:14px;padding:8px 0;overflow:hidden;vertical-align:top;}
.newsList li a{padding-left:15px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; font-family:"Microsoft YaHei"; color:#606060;background:url(../images/aIco.gif) no-repeat 0 center;float:left;}
.newsList li span{float:right;color:#606060; font-family:Arial, Helvetica, sans-serif;}
.newsList li a:hover{color:#ce5200;}

.musicBox{width:236px;height:218px;}
.musicActive{height:121px;}
.music{height:97px;}


/*===活动图片===*/
.picBox{height:114px;}
.picBox a{width:320px;height:114px;border-left:1px solid #f0f0f0;float:left;}
.picBox a.pic3{width:237px;}

/*===武将&&进阶攻略===*/
.rBox{height:395px;}
.roleBox{float:left;width:1170px;height:495px; overflow:hidden; position:relative; }

.roleList{width:1170px;height:450px; position:relative; overflow:hidden;}
.role{width:1170px;height:450px; position:absolute;left:0;top:0; z-index:1; }
.role img.ig{display:none;}
.roleBtn{width:750px;height:420px; position:absolute;left:20px;top:30px; z-index:10;}
.roleBtn ul{width:750px;height:420px;}
.roleBtn ul li{width:140px;height:80px;margin:0 10px 15px 0;border:3px solid #b09b5d;float:left;_display:inline; }
.roleBtn li a{width:140px;height:80px;display:block;position:relative; cursor:pointer;overflow:hidden;}
.roleBtn li a img{width:140px;height:80px;}
.roleBtn li a span{width:140px;height:80px;line-height:80px; text-align:center; font-size:14px;font-weight:bold;color:#d0ad47;background:url(../images/rBg.gif) no-repeat;display:block; position:absolute;left:0;top:0;}
.roleBtn li.lOn a span{top:-80px;}


.roleText{width:211px;height:202px; position:absolute;right:265px;top:33px;}
.roleText h3{width:211px;height:202px;}


.roleText p{line-height:30px;margin-left:60px; font-family:"Microsoft YaHei";font-size:14px;color:#745e1d;display:none;}


/*==========导航==============*/
.nav{width:100%;height:88px;background:url(../images/navBg.png) repeat-x center 0;border-bottom:2px solid #bf9f52; z-index:99;}
.navWrap{width:1200px;height:88pxpx;margin:0 auto; position:relative;}
.navWrap ul{width:1200px;height:88px;}
.navWrap ul li{width:150px;height:88px;background:url(../images/navLiBg.png) no-repeat right center;float:left;_display:inline;}
.navWrap ul li.n3{margin-right:300px;background:none;}
.navWrap ul li.n6{margin-right:0;background:none;}
.navWrap li a{width:150px;height:88px;display:block;text-indent:-999em;overflow:hidden; position:relative;}
.navWrap li a img{width:150px;height:176px; position:absolute;left:0;top:0;}
.navWrap li a.aOn img{top:-88px;}
.logo{width:200px;height:100px; position:absolute;left:500px;top:0px;}
.logo a{width:200px;height:100px;display:block;;}

/*========================================页面左侧==================================================================*/
.col3{width:320px;}
.enter{height:176px; position:relative;}
.enSwf{width:352px;height:194px;background:url(../images/blank.gif) no-repeat; position:absolute;left:-32px;top:-18px;}
.enSwf a{width:352px;height:194px;background:url(../images/enter.png) no-repeat;display:block; text-indent:-999em;overflow:hidden;}
.enSwf a:hover{background:url(../images/enterOn.png) no-repeat;}
.uc{height:135px;background:url(http://www.gmbbk.com/13/383/images/col3Bg.jpg) no-repeat 0 0; position: relative; z-index: 102;}
.uc .logDiv{ width:320px; height:191px; position:relative; z-index:101;}
.uc .logDiv a { float:left;  width:120px; height:30px; background:url(../Top/images/imh-1.jpg) no-repeat; line-height:30px; text-align:center;  color:#5b1800; font-size:14px; margin-left:25px; margin-top:10px; border:#905804 1px solid}
.u2{height:234px;background:url(http://www.gmbbk.com/13/383/images/u2Bg.jpg) no-repeat 0 0;}
.u2 h3{height:43px; text-indent:-999em;}
.center{margin:0 auto;width:1200px;}	/*让内容区块居中*/


/* 一级导航条开始*/
.first_nav { width: 1200px; height: 99px; margin:0x auto 0; background: url(../images/first_nav.jpg) no-repeat left center; position: relative; cursor: pointer; z-index:100;margin-left:280px }
.first_nav a { display: inline-block; width: 148px; height: 99px; text-align: center; line-height: 99px; text-decoration: none; color: #B3B3B3; font-size: 18px; font-weight: bold; }
.first_nav a:hover { color: #FF9900; background: url(../images/nav_bj.png) no-repeat center center; }
.first_nav .start_btn {float:left; width: 280px; height: 142px; background: url("../images/start_btn.png") no-repeat 0 0; position: absolute; left: 0; bottom: 0;margin-left:-280px }
.first_nav .start_btn:hover { background: url(../images/start_btn.png) no-repeat 0 -157px; }
/* 一级导航条结束*/


/*二级导航开始*/
.second_nav { width: 1200px; height: 68px; margin: 1px auto 0; position: relative; z-index:100;}
.second_nav .nav_left { float:left;width: 920px; height: 66px;background: url(../images/nav_left_bg.png) no-repeat ; line-height:66px; text-align:center; color:#fff; font-size:16px; text-shadow:2px 2px 2px #621f1f;margin-left:0px }
.second_nav .nav_left p { line-height: 24px; color: #414141; }
.second_nav .nav_left .nav_head { font-weight: bold; font-size: 12px; color: #d2d2d2; }
.second_nav .nav_left a { margin: 0 8px; font-size: 12px; color: #999999; }
.second_nav .nav_left .nav_indent { margin-left: -3px; }
.second_nav .nav_left a:hover { color: #FFF; text-decoration: underline; }
.get_btn { width: 280px; height: 69px; background: url(../images/start_btn.png) no-repeat 0 -316px; position: absolute; right: 0; bottom: 1px; }
.get_btn:hover { background: url(../images/start_btn.png) no-repeat 0 -402px; }

#lunbobox{float:left;position:relative; width:1200px;height:550px;background:#000;margin-top:10px;margin-bottom:10px}
.youxijuese{float:left;position:relative;width:1170px;height:450px;left:50%;margin-left:-600px;z-index:100;background:url(../images/content-partbg2.jpg) no-repeat left top;padding:15px;margin-top:20px}



.mt10{margin-left:12px;}
.ml50{margin-left:50px;}
.ml20{margin-left:20px;}
.ml13{margin-left:12px;}
.clearfix{zoom:1}
.warp{width:1200px;margin-left:auto;margin-right:auto;}
.microHei{font-family:"Microsoft YaHei"}
#header{background:url(http://www.gmbbk.com/13/383/images/brief_01.jpg) repeat-x;height:61px;padding-top:0;width:100%; position:relative}
.top_logo { position:absolute; top:20px; left:0px; width:200px; height:100px; background:url(../images/bomlogo.png); z-index:1000;}
#header a.fl{height:65px}
#header .ban{float:right;width:50px;height:50px;margin-top:10px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
#header #demo{overflow:hidden;height:50px;line-height:50px;width:900px; color:#000;white-space:nowrap;float:left;margin-top:10px;font-size:24px;margin-left:150px;}
.an_buut{position:fixed;width:235px;height:235px;background:url(http://www.gmbbk.com/13/383/images/logo.png) no-repeat;z-index:10;left:50%;margin-left:-800px;z-index:100000;margin-top:-20px}
.an_buut img{margin-left:30px;margin-top:10px;}
.all_btn{display:block;background:url(http://www.gmbbk.com/13/383/images/t0150d8cf4d6c98f28f.png) no-repeat}
#Version{width:100%;height:1200px;position:relative;overflow:hidden;}
#Flash{width:1920px;height:800px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:50;}
#Header{margin:0 auto -290px -960px;width:1920px;height:1200px;position:absolute;left:50%;}
.hao123{width:260px;height:20px;top:90px;left:50%;margin-left:-560px;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:absolute;z-index:55;}
.kv-music { position:fixed; top:0px; left:50%; margin-left:-660px; width:80px; height:100px; z-index:1000000;}



.m3{width:100%;height:auto;padding-bottom:10px; margin-top:5px; position:relative; z-index:180;}
.shengdaps_zb{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:0px 00px 00px 00px;padding-top:00px;margin-top:20px;}


.shengdaps_zb_6{width:190px;height:auto;overflow:hidden;float:left;background:#1a1a1a;position:relative; }
.shengdaps_zb_6_t{width:190px;height:30px;float:left;background:url(../images/shengdaps_zb_6_t.jpg) repeat-x;line-height:30px;color:#5c1900;text-align:center;font-size:16px;font-weight:bold;padding-top:20px}
.shengdaps_zb_6_d{width:190px;height:30px;float:left;background:url(../images/shengdaps_zb_6_d.jpg) repeat-x;position:relative}
.shengdaps_zb_6 .role-itemst{width:150px;height:auto;float:left;position:relative;padding:0 20px 0;background:url(../images/shengdaps_zb_6_z.jpg) repeat-y;}

.shengdaps_zb_5{width:230px;height:auto;overflow:hidden;float:left;background:#1a1a1a;position:relative; }
.shengdaps_zb_5_t{width:230px;height:30px;float:left;background:url(../images/shengdaps_zb_5_t.jpg) repeat-x;line-height:30px;color:#5c1900;text-align:center;font-size:18px;font-weight:bold;padding-top:20px}
.shengdaps_zb_5_d{width:230px;height:30px;float:left;background:url(../images/shengdaps_zb_5_d.jpg) repeat-x;position:relative}
.shengdaps_zb_5 .role-itemst{width:190px;height:auto;float:left;position:relative;padding:0 20px 0;background:url(../images/shengdaps_zb_5_z.jpg) repeat-y;}



.shengdaps_zb_4{width:290px;height:auto;overflow:hidden;float:left;background:#1a1a1a;position:relative; }
.shengdaps_zb_4_t{width:290px;height:30px;float:left;background:url(../images/shengdaps_zb_4_t.jpg) repeat-x;line-height:30px;color:#5c1900;text-align:center;font-size:20px;font-weight:bold;padding-top:20px}
.shengdaps_zb_4_d{width:290px;height:30px;float:left;background:url(../images/shengdaps_zb_4_d.jpg) repeat-x;position:relative}
.shengdaps_zb_4 .role-itemst{width:250px;height:auto;float:left;position:relative;padding:0 20px 0;background:url(../images/shengdaps_zb_4_z.jpg) repeat-y;}


.shengdaps_zb_3{width:392px;height:auto;overflow:hidden;float:left;background:#1a1a1a;position:relative; }
.shengdaps_zb_3_t{width:392px;height:30px;float:left;background:url(../images/shengdaps_zb_3_t.jpg) repeat-x;line-height:30px;color:#5c1900;text-align:center;font-size:22px;font-weight:bold;padding-top:20px}
.shengdaps_zb_3_d{width:392px;height:30px;float:left;background:url(../images/shengdaps_zb_3_d.jpg) repeat-x;position:relative}
.shengdaps_zb_3 .role-itemst{width:342px;height:auto;float:left;position:relative;padding:0 25px 0;background:url(../images/shengdaps_zb_3_z.jpg) repeat-y;}



.shengdaps_zb_2{width:590px;height:auto;overflow:hidden;float:left;background:#1a1a1a;position:relative;}
.shengdaps_zb_2_t{width:590px;height:30px;float:left;background:url(../images/shengdaps_zb_2_t.jpg) repeat-x;;line-height:30px;color:#5c1900;text-align:center;font-size:22px;font-weight:bold;padding-top:20px}
.shengdaps_zb_2_d{width:590px;height:30px;float:left;background:url(../images/shengdaps_zb_2_d.jpg) repeat-x;;position:relative}
.shengdaps_zb_2 .role-itemst{width:540px;height:auto;float:left;position:relative;padding:0 25px 0;background:url(../images/shengdaps_zb_2_z.jpg) repeat-y;}


.shengdaps_zb_1{width:1200px;height:auto;float:left;background:#1a1a1a;position:relative; }
.shengdaps_zb_1_t{width:1200px;height:30px;float:left;background:url(../images/shengdaps_zb_1_t.jpg) repeat-x;line-height:30px;color:#5c1900;text-align:center;font-size:22px;font-weight:bold;padding-top:20px}
.shengdaps_zb_1_d{width:1200px;height:30px;float:left;background:url(../images/shengdaps_zb_1_d.jpg) repeat-x;position:relative}
.shengdaps_zb_1 .role-itemst{width:1150px;height:auto;float:left;position:relative;padding:0 25px 0;background:url(../images/shengdaps_zb_1_z.jpg) repeat-y;}

.nav2logo,.nav2-box2,.tj-btn {overflow: hidden }
.nav2logo,.nav2,.tj-btn {display: block;color:#cbbba1  }
.nav2-box {position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+100)); background-repeat: no-repeat; margin: 0; padding: 0; z-index:1000099999; background-position: center; background-image: url(../images/nav-box.jpg); background-color: transparent; width: 162px; height: 567px; top: 350px; right: 5px;color:#cbbba1 }
.nav2-box .nav2{color:#cbbba1  }
.nav2-box-2 {background-image: url(http://www.gmbbk.com/13/383/images/nav-box-2.jpg); width: 146px; height: 519px }
.nav2-box-2 .logo {height: 128px }
.nav2-box-2 .nav2 {width: 117px; margin-bottom: 9px;color:#cbbba1 }
.nav2-box-2 .active,.nav2-box-2 .nav2:hover {width: 121px }
.nav2-box-2 .tj-btn {width: 100%; height: 96px; background: url(http://www.gmbbk.com/13/383/images/goto-2.png) center no-repeat }
.nav2-box-2 .tj-btn:hover {background-image: url(http://www.gmbbk.com/13/383/images/goto-2-hover.png) }
.nav2 {text-align: center; width: 130px; height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 12px; color: #cbbba1; background: url(../images/icon-1.png) center right no-repeat; -webkit-transition: .2s; transition: .2s }
.nav2.active,.nav2:hover {background: url(../images/icon-2.png) center right no-repeat; width: 134px; color: #cbbba1 }
.nav2:hover {text-decoration: none }
.nav2logo {width: 150px; height: 100px; margin-top:40px;margin-left:5px}
.tj-btn {position: absolute; bottom: 0; left: 0; width: 162px; height: 106px; background: url(../images/goto.png) center no-repeat; text-indent: -99999px }
.tj-btn:hover {background-image: url(../images/goto-hover.png) }



#flag{width:143px;height:311px;background:url(../images/flag.png) 0 0 no-repeat;position:fixed;top:200px;padding:48px 30px 0 29px; right:20px;z-index:99999999;}
#flag p{height:59px;overflow:hidden;}
#flag p a{display:block;height:59px; background:url(../images/flag_link.png) 0 0 no-repeat;}
#flag p.flaglink01 a{ background-position: 0 0;}
#flag p.flaglink02 a{ background-position: 0 -59px;}
#flag p.flaglink03 a{ background-position: 0 -118px;}
#flag p.flaglink04 a{ background-position: 0 -177px;}
#flag p.flaglink01 a:hover{ background-position: 100% 0;}
#flag p.flaglink02 a:hover{ background-position: 100% -59px;}
#flag p.flaglink03 a:hover{ background-position: 100% -118px;}
#flag p.flaglink04 a:hover{ background-position: 100% -177px;}
#flag p.flaglink04{background:url(../images/flag_link.png) 0 58px no-repeat;}