body{ background-color:#04090b; font-family:"Arial"; font-size:14px;}
*{margin: 0;padding: 0;border: 0;outline: none;}
a,a:hover{text-decoration: none;}
img{border:0;}
.allclear{ clear:both;}
ul,li{ list-style-type:none; padding:0px; margin:0px;}
.bold{ font-weight:bold;}

.blue{ color:#0d5eda;}
.gray{ color:#6b7584;}
.all{ width:100%; background:url("../images/bg.jpg") top center no-repeat; min-width:1180px; overflow: hidden;}
.main{ width:1180px; height:1177px; margin:0 auto; position:relative;}
.serverlist a,.serverlist a:hover.nav a,.nav a:hover,.copyright a,.copyright a:hover,.article a,.article a:hover{-webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;}
.bg{position: absolute;display: block;top: 0;left: 50%;width: 1920px;height: 1080px; margin-left: -960px; z-index: 2;}


/*顶部导航条*/
.nav{position: absolute;top: 0;left: 0;z-index: 5; width: 100%;height: 90px; background: url("../images/nav_bg.jpg") center no-repeat;}
.nav_main{ width: 1180px; height: 90px; margin: 0 auto; position: relative;}
.nav_tool{ width: 100%; height: 30px; zoom: 1;position: relative;}
.bar_btn{position: absolute;top: 29px;width: 180px;height: 32px;}
.bar_news{left: 100px; background: url("../images/nav_news.png") center no-repeat;border-right: 1px solid #525050;}
.bar_news:hover,.bar_news.on{background: url("../images/nav_news2.png") center no-repeat;}
.bar_media{left: 280px;background: url("../images/nav_media.png") center no-repeat;}
.bar_media:hover,.bar_media.on{background: url("../images/nav_media2.png") center no-repeat;}
.bar_fb{right: 280px;background: url("../images/nav_fb.png") center no-repeat;border-right: 1px solid #525050;}
.bar_fb:hover{background: url("../images/nav_fb2.png") center no-repeat;}
.bar_support{right: 100px;background: url("../images/nav_support.png") center no-repeat;}
.bar_support:hover{background: url("../images/nav_support2.png") center no-repeat;}
.logo a{position: absolute; width: 190px;height: 129px; top:0; left: 50%; margin-left: -95px; display: block; background:url("../images/logo.png") no-repeat;}
.logo a:hover{ background:url("../images/logo2.png") no-repeat;}


/*背景轮播*/
.banner{ width:100%; height:1177px; position:relative;}
.banner .list{ width:100%; height:1177px; overflow:hidden; position:absolute; top:0; left:0; z-index:1;}
.banner .list li{ width:100%; height:1177px; position:absolute; left:0px; top:0px; display:none;}
.banner .list li a{ width:1181px; margin:0 auto; position:relative; display:block; height:1177px;}
.banner .list li a:hover{ text-decoration:none;}
.banner .list li.bg1 a .text1{ left:-60px; top:0; position:absolute;}
.banner .list li.bg1 a .text1.hover{animation: img1 1.5s ease;-webkit-animation: img1 2.5s ease;}
.banner .list li.bg2 .text1{ position:absolute; left:130px; top:0;}
.banner .list li.bg2 .text1.hover{ animation: img2_1 1.5s ease; -webkit-animation: img2_1 2.5s ease;}
.banner .list li.bg3 .text1{ position:absolute; left:-369px; top:0;}
.banner .list li.bg3 .text1.hover{ animation:img3_1 1.5s ease; -webkit-animation:img3_1 2.5s ease;}
.banner .list li.bg4 .text1{ position:absolute; left:-369px; top:0;}
.banner .list li.bg4 .text1.hover{ animation:img3_1 1.5s ease; -webkit-animation:img3_1 2.5s ease;}


@-webkit-keyframes img1 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes img1 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes img2_1 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes img2_1 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes img3_1 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes img3_1 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


/*登录框*/
.login{ width: 232px; height: 479px; background:url("../images/login_bg.png") no-repeat; position:absolute; left:0; top:117px; z-index:3; padding:15px 35px 0;}
.logbtn{width:224px; margin:0 auto;padding-top: 28px;border-bottom: 1px solid #aa9990;overflow: hidden;}
.log1,.log2,.log11,.log22{width:112px; height:46px; cursor:pointer; float:left;}
.log1{background:url(../images/login1.png) center no-repeat;}
.log2{background:url(../images/register2.png) center no-repeat;}
.log11{background:url(../images/login2.png) center no-repeat;}
.log22{background:url(../images/register1.png) center no-repeat;}
.logline{ width:100%; border-bottom:1px solid #4d4d4d;}
.logfont{ width:100%; text-align:left; color:#e4cd92; line-height:25px; margin-top:13px;}
.shuru{width:232px; height:27px; font-size:14px; line-height:27px;  background:url("../images/shu.png") no-repeat;color:#1b1b1b; text-indent: 5px;}
.forgot{width:224px; margin:5px auto 15px; text-align:right;padding-bottom: 10px; line-height:25px; font-size:12px;border-bottom: 1px solid #aa9990;overflow: hidden;}
.forgot a{ color:#b09f96;}
.regfont{ width:100%; height: 30px;color:#e4cd92; line-height:30px;}
.account,.account2,.account3{ width:220px; margin:0 auto; text-align:center; color:#f0e6d2;}
.account p{ font-weight:bold; margin-bottom:8px; font-size:13px;}
.account{ margin-top: 45px;}
.account2{ padding:15px 0; color: #c3ad7b;}
.account3{ padding:8px 0 20px 0; font-size:12px;}
.account3 a{color: #fff;}
.serverbtn2 a{ width: 215px; height: 42px; display:block; background:url("../images/server_btn21.png") no-repeat; margin:0 auto 12px; font-size:12px; text-align:center; color:#fff; line-height:19px;}
.serverbtn2 a:hover{ background:url("../images/server_btn22.png") no-repeat; color:#f99507;}
.playbtn,.mini{ width:231px; height:64px; margin:5px auto;}
.log_out{width: 224px;height: 49px;margin: 5px auto;}
.name{ color: #3db043;}



/*三个卖点*/
.point1,.point2,.point3{ width:283px; height:153px; position:absolute; bottom: 407px; z-index:3; cursor: pointer;}
.point1{ left:300px; background: url(../images/point11.png) no-repeat;}
.point1:hover{background: url(../images/point12.png) no-repeat;}
.point2{ right:300px; background: url(../images/point21.png) no-repeat;}
.point2:hover{background: url(../images/point22.png) no-repeat;}
.point3{ right:0; background: url(../images/point31.png) no-repeat;}
.point3:hover{background: url(../images/point32.png) no-repeat;}



/*轮播广告*/
#slideshow_wrapper { position:absolute; left:300px; top:799px; width:394px; height:210px; overflow:hidden;}
#slideshow_footbar { z-index:5; position:absolute; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000, endColorstr=#32000000); width:100%; bottom:0px; height:35px;}
#slideshow_photo { position:absolute; width:100%; height:100%; cursor:pointer;}
#slideshow_photo A { z-index:1; position:absolute; margin:0px; display:block; top:0px; left:0px;}
#slideshow_footbar .slideshow-bt { background:url(../images/round1.png) no-repeat; margin:10px 0 0 10px; width:18px; display:inline; float:left; height:17px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
#slideshow_footbar .bt-on { background:url(../images/round2.png) no-repeat;}



/*服务器列表*/
.list_title{ width: 125px; height: 20px; background:url("../images/serverlist.png") no-repeat; position:absolute; top:22px; left:85px;}
.serverlist{ width: 235px; height: 396px; position:absolute; left:0; top:612px; background:url("../images/list_bg.png") no-repeat; z-index:3; padding:62px 30px 0 30px;}
.serverbtn a{ width: 195px; height: 42px; display:block; background:url("../images/server_btn.png") no-repeat; margin:0 auto 10px; text-align:center; color:#fff; line-height:42px;}
.serverbtn a:hover{ background:url("../images/server_btn2.png") no-repeat; color:#f99507;}
.allserver a{ width:145px; height:32px; display:block; background:url("../images/allserver1.png") no-repeat; position:absolute; bottom:90px; left:75px;}
.allserver a:hover{ background:url("../images/allserver2.png") no-repeat;}



/*新闻*/
.article{ width:490px; height:228px; background:url("../images/news_bg.png") center bottom no-repeat; position:absolute; top:799px; right:0; z-index:3;}
.artmenu{ width: 446px;margin-left: 5px; height:43px; color:#000000; overflow: hidden;}
.artbox{ width:450px; margin:0 auto; margin-top:12px; line-height:23px;}
.artbox a{ color:#e4cd92;}
.artbox a:hover{ color:#3db043;}
.artmenu>div{float: left;width: 147px;height: 48px;cursor: pointer;}
.art_new{background: url("../images/news.png") no-repeat;}
.art_new:hover,.art_new.on{background: url("../images/news2.png") no-repeat;}
.art_media{background: url("../images/news_media.png") no-repeat;}
.art_media:hover,.art_media.on{background: url("../images/news_media2.png") no-repeat;}
.art_event{background: url("../images/news_events.png") no-repeat;}
.art_event:hover,.art_event.on{background: url("../images/news_events2.png") no-repeat;}
.artmore{ width:43px; height:42px; position:absolute; top:0; right:0; background:url("../images/news_more.png") no-repeat; cursor:pointer;}
.arttext1,.arttext2,.arttext3{ height:23px;}
.arttext1{ width:53px; float:left;}
.arttext2{ width:364px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.arttext2 a{ color:#fff4ba;}
.arttext3{ width:83px; float:right; text-align:right;}
.artline{ width:100%; border-bottom:1px dotted #7f7f7f; clear:both;}



/*尾部*/
.copyright{ width:100%; text-align:center; line-height:20px; display:block; color:#a4a4a4; position:absolute; left:0; top:1080px; z-index:3;}
.copyright a{ color:#969696;}
.copyright a:hover{ color:#e4cd92;}



.imcm{ position:absolute; right:0; top:34px;}
.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none outside none;border-style:none;background-image:none;clear:none;float:none;display:block;position:static;overflow:visible;line-height:normal;}.imcm li a img{display:inline;border-width:0px;}.imcm span{display:inline;}.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;font-size:1px;}.imcm .imsc{position:relative;}.imcm .imsubc{position:absolute;visibility:hidden;}.imcm li{list-style:none;font-size:1px;float:left;}.imcm ul ul li{width:100%;float:none !important;}.imcm a{display:block;position:relative;}.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}.imde ul li:hover .imsubc{visibility:visible;}.imde ul ul li:hover  .imsubc{visibility:visible;}.imde ul ul ul li:hover  .imsubc{visibility:visible;}.imde li:hover ul  .imsubc{visibility:hidden;}.imde li:hover ul ul .imsubc{visibility:hidden;}.imde li:hover ul ul ul  .imsubc{visibility:hidden;}.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:1px;height:0px;width:1px;float:right;}.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}.dvs,.dvm{border-width:0px}/*\*//*/.imcm .imea{visibility:hidden;}/**/

	/* --[[ Main Expand Icons ]]-- */
	#imenus0 .imeam span,#imenus0 .imeamj span {background:url(../images/sample3_main_arrow.gif); width:10px; height:9px; left:-7px; top:3px; background-repeat:no-repeat;background-position:top left;}
	#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background:url(../images/sample3_main_arrow.gif); background-repeat:no-repeat;background-position:top left;}


	/* --[[ Main Container ]]-- */
	#imouter0 { border-style:none; border-color:#6a6a6a; border-width:1px; padding:0px; margin:0px;}


	/* --[[ Sub Container ]]-- */
	#imenus0 li ul {background-color:#000000; border-style:solid; border-color:#7f161e; border-width:1px; padding:5px; margin:4px 0px 0px;}


	/* --[[ Main Items ]]-- */
	#imenus0 li a, #imenus0 .imctitle {color:#ffb507; text-align:left; font-family:Arial; font-size:14px; font-weight:bold; border-style:solid; border-color:#7f161e; border-width:1px; padding:2px 8px;}


	/* --[[ Sub Items ]]-- */
	#imenus0 ul a, #imenus0 .imsubc li .imctitle  {color:#ffb507; text-align:left; font-size:14px; font-weight:bold; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; line-height:25px;}

		/* [hover] - These settings must be duplicated for IE comptatibility.*/
		#imenus0 ul li:hover>a { color:#eb0a15; text-decoration:underline; }
		#imenus0 ul li a.ihover { color:#eb0a15; text-decoration:underline; }

		/* [active] */
		#imenus0 ul li a.iactive {background-color:#ffffff; }