*{margin:0; padding:0;}
ul,li{list-style:none;}
a{text-decoration: none; border:0; color:#666;}
body{font-family:"Microsoft Yahei"; background-color:#f2f2f2;}
img{border:0;}
.bannerBox{
	width:100%;
	height:810px;
	overflow: hidden;
	position:relative;
}
.banner{
	width:100%;
	min-height:810px;
	background:url(../img/banner.jpg) no-repeat;
	position:absolute;
	top:0;
	left:0;
	background-position:center top;
}
.bannerTxt{
	width:450px;
	position:absolute;
	top:360px;
	left:50%;
	margin-left:-375px;
}
.bannerTxt h2{
	font-size:44px;
	color:white;
	margin-bottom:5px;
}
.bannerTxt h3{
	font-size: 44px;
    line-height: 44px;
    color:white;
    padding-bottom: 20px;
    border-bottom: 1px solid #5b4ecc;
    margin-bottom: 10px;
}
.bannerTxt p{
	margin: 10px 0 30px;
    font-size: 16px;
    color: white;
    line-height: 30px;
}
.navBox{
	width:100%;
	height:100px;
	background:url(../img/nav_bg.png) repeat-x;
}
.nav{
	width:1000px;
	height:100px;
	margin:0 auto;
}
.logo{
	width:154px;
	height:95px;
/*	background:url(../img/logo.png) no-repeat; */
	display:block;
	margin-top: 5px;
	float:left;
}
.navoption{
    width: 560px;
    height: 100px;
    display: block;
    float: left;
    margin-left: 285px;
}

.navoption li{
	float:left;
}
.navoption a{
	height:95px;
	line-height: 100px;
	color:#9a9a9a;
	padding:0 30px;
	font-size:16px;
	float:left;
}
.navoption a:hover{
	color:#666;
	border-bottom:5px solid #5b4ecc;
}
.newsBox{
	width:100%;
	height:200px;
	position:relative;
	background:url(../img/new-bg.jpg)repeat-x;
}
.news{
	width:1000px;
	height:320px;
	background-color:#282b2d;
	position:absolute;
	margin-left: -500px;
	left:50%;
    bottom: 0px;
}
.newsbtn{
	width:50px;
	height:50px;
	position:absolute;
	right:0;
	top:0;
}
.ask{
	width:455px;
	height:320px;
	background:
	float:left;
	overflow: hidden;
	display: inline-block;
	*display: inline;
	zoom: 1; 
}
.asktitle{
	padding-top: 25px;
    margin-left: 30px;
	color:#5B4ECC;
}
.asktitles{
	margin-left: 30px;
	margin-top: 4px;
	padding-bottom: 18px;
    font-size: 8px;
    color:#5B4ECC;
    border-bottom: 1px solid #3d4041;
}
.askcontent{
    width:455px;
    height: 200px;
	padding: 10px 30px 0;
}
.askcontent li{
	line-height: 40px;
}
.askcontent a{
	font-size:14px;
	color:#e1e1e1;
}
.askcontent a:hover{
	color:#5B4ECC;
}
.offnews{
	padding-left:35px;
}
.contentBox{
	width:1000px;
	overflow:hidden;
	margin:0 auto;
}
.hotgameBox{
	width:1000px;
	margin:0 auto;
	padding:50px 0;
}
.hotTitle{
	border-left:4px solid #5B4ECC;
	font-size:22px;
	line-height: 22px;
	text-indent: 15px;
	margin-top: 10px;
}
.hotBox{
	width:325px;
	height:320px;
	background-color:white;
	border-bottom:3px solid #ebebeb;
	float: left;
	margin-right:12px;
	margin-bottom:80px;
}
.hot_link{
	width:325px;
	height:227px;
	display: block;
	overflow: hidden;
	background-color:#5B4ECC;
/*---------------------------------------*/	
	text-align: center;
	line-height: 227px;
	font-size:22px;
	font-weight: 800;
	color:white;
/*---------------------------------------*/	
}
.hot_title{
	color: #383838;
    font: 700 20px/32px "Microsoft YaHei";
    margin: 18px 0 0 20px;
    height: 32px;
    overflow: hidden;
}
.hot_txt{
	margin: 0 0 0 30px;
    font: 14px "Microsoft YaHei";
    color: #9f9f9f;
}
.hotmargin{
	margin-right:0;
}

/*------------------footer---------------------*/	
.footer{
	height:150px;
	background-color:#666;
	line-height:30px;
}
.footerBox{
	width:1000px;
	padding-top:20px;
	margin:0 auto;
	margin-top:20px;
	text-align: center;
}
.footerBox p{
	color:#9d9d9d;
}

.footerBox p span{
	display: block;
}

.footerBox p span:first-child{
	width:  calc(64% - 41px) ;
	float: left;
	text-align:right;
	margin-right: 20px;
	border-right: 1px solid #9d9d9d;
	padding-right: 20px;
}
.footerBox p span:last-child{
	width: 36%;
	float: left;
	text-align: left;
}

/*---------------------------------------*/	

.companytit{
	width:100%;
	min-height:300px;
	background:url(../img/aboutbanner.jpg) repeat-x center bottom;
	background-position:center top;
	
}
#company{
	width:1000px;
	margin:0 auto;
	margin-bottom:50px;
	overflow: hidden;
	clear:both;
}
.tab_menu li.active{
	width:200px;
	background-color:#b0b0b0;
	border-radius: 15px;
}
.active-bg{
	background-color:#b0b0b0;
	border-radius: 15px;
}

.tab_menu li a{
	width:200px;
	display: block;
	padding:5px 0;
	color:#666;
	text-indent:15px;
}

.tab_menu li a:hover{
	color:white;
	background-color:#5B4ECC;
	border-radius: 15px;
}

.tab_menu{
	width:200px;
	float:left;
	clear:both;
	margin-top: 25px
}

.tab_menu li a:hover{
	color:white;
}
.tab_menu li .selected{
	color:white;
	background-color:blueviolet;
}
.headerBox{
	width:690px;
	float:left;
	margin-left:60px;
	margin-top: 25px
}
.companyTitle{
	font-size:30px;
	font-weight: 700;
	padding: 25px;
    border-bottom: 1px solid #666;
}
.header{
	width:800px;
	float:left;
}
.header-tit{
	width:740px;
	height:80px;
	background-color:#5B4ECC;
	margin-bottom:25px;
}
.header-tit .header-tt{
	line-height: 80px;
	text-indent: 20px;
	font-size:24px;
	font-weight: 800;
	color:white;
}
.header-bt{
	font-size:20px;
	font-weight: 700;
}
.header-txt{
	width:740px;
	font-size:14px;
	margin-bottom:25px;
	line-height: 30px;
}
.header-img{
	width:705px;
	height:325px;
	background:url(../img/img02.jpg) no-repeat;
	margin:0 auto;
	margin-bottom:25px;
}
.gamelist li{
	width:355px;
	height:327px;
	float:left;
	border:1px solid #cad6e1;
	border-radius: 5px;
	margin-bottom:42px;
	margin-right:25px;
	text-align:center;
}
.gamelist li h3{
	height:55px;
	padding-top:3px;
	line-height: 55px;
	font-weight: normal;
	font-size:16px;
}
.gamelist li h3 span{
	padding-right:14px;
	font-size:12px;
	font-family: Arial;
	color:#5B4ECC;
	text-transform: uppercase;
	margin-left:4px;
}
.gamelist li .gamepic{
	width:331px;
	height:195px;
	overflow: hidden;
	margin:0 auto 20px;
}
.gamelist li .gamelink{
	width:331px;
	height:36px;
	margin:auto;
}
.pc a{
	display: inline-block;
	width:24px;
	height:24px;
	background:url(../img/online.png) no-repeat 0 -47px;
	vertical-align: middle;
	margin-left:4px;
}
.pc a.l2{
	background-position: -25px -47px;
}
.pc a.l5{
	background-position: -100px -47px;
}
.pc a.l4{
	background-position: -75px -47px;
}
.pc a.l3{
	background-position: -50px -47px;
}

.fconul{
	margin-top:30px;
    margin-bottom: 380px;
}
.fconul li{
	width: 313px;
	height:134px;
	float:left;
	background-color:#5B4ECC;
	margin-right:30px;
	text-align:center;
	border-radius:3px;
}
.fconul li .fconimg{
	width:38px;
	height:68px;
	background:url(../img/faqicon.png) no-repeat;
	margin:auto;
	padding-right:12px;
}

.fconul li.fconli2 .fconimg{
	background-position:0 -68px;
}

.fconul li.fconli3 .fconimg{
	background-position:0 -136px;
}


.fconul p{
	line-height:20px;
	font-size:14px;
	color:white;
}
.fconul h1{
	line-height:26px;
	font-size:24px;
	font-weight:normal;
	color:white;
}