body{
	margin:0;
	padding:0;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	background:url(images/top.jpg) top no-repeat #015c89;
	}



	
	
img{border:none;}	
ul,form{margin:0; padding:0; list-style:none;}	

ul.list li{padding:7px 0 7px 12px; line-height:17px; background:url(images/li.gif) 0px 12px no-repeat; border-bottom:1px #ccc dotted; overflow:hidden;}
ul.list a{color:#333;}
ul.list a:hover{color:#CC0000;}
ul.list span{font-size:10px;}

ul.focus li{ width:70px; height:80px; list-style:none; float:left; margin:0 0 0 5px;}
ul.focus a img{border:3px #fff solid;}
ul.focus a:hover img{border:3px #FFFF33 solid;}
ul.focus li.focus_first{clear:both; margin-left:0;}

ul.game li{padding:7px 0; border-bottom:1px #ccc dotted;}



h1{color:#0092cd; margin:0; height:30px; line-height:30px; font-size:27px;}
h3{color:#ff4200; margin:0; padding:18px 0 0 0; height:20x; line-height:20px; font-size:18px; font-family:Arial;}
a{color:#0066CC; text-decoration:underline;}
a:hover{text-decoration:none;}

.input_onborder{border:none; padding:0; background:none;}
input{font-family:Arial, Helvetica, sans-serif;}



#logo{
	width:960px;
	padding:15px 0;
	height:70px;
	margin:0 auto;
	}
#search{
	width:160px;
	height:19px;
	margin:5px 0 0 0;
	padding:2px 10px 0 0;
	float:right;
	background:url(images/search.gif) right no-repeat;
}
#menu{width:950px; padding:0 0 0 10px; height:36px; margin:0 auto; text-align:right;}
#menu li{margin:0; padding:0 2px 0 0; list-style:none;  font-size:12px; font-weight:bold; float:left;}
#menu a{
	display:block;
	background:url(images/nav_r.png) right top no-repeat;
	color:#fff;
	text-decoration:none;
	float:left;
	padding:0 10px 0 0;
	} 
#menu a b{
	display:block;
	width:10px;
	height:36px;
	overflow:hidden;
	background:url(images/nav_l.png) left top no-repeat;
	float:left;
	}
#menu a span{
	display:block;
	padding:0 8px;
	background:url(images/nav_c.png) top repeat-x;
	cursor:pointer;
	line-height:32px;
	height:36px;
	float:left;
	}	
	
#menu a:hover{background:url(images/nav_r.png) right bottom no-repeat; color:#3399be;}
#menu a:hover b{background:url(images/nav_l.png) left bottom no-repeat;}
#menu a:hover span{background:url(images/nav_c.png) bottom repeat-x;}	

#menu a.active{background:url(images/nav_r.png) right bottom no-repeat; color:#53beec;}
#menu a.active b{background:url(images/nav_l.png) left bottom no-repeat;}
#menu a.active span{background:url(images/nav_c.png) bottom repeat-x;}	

#main{
	clear:both;
	width:960px;
	margin:0 auto;
	padding:0 0 10px 0;
	background:url(images/lc.gif) top repeat-x #cdedfb;
	}
	
#t{
	clear:both;
	width:960px;
	background:url(images/lr.gif) right top no-repeat;
	height:20px;
	overflow:hidden;
	}
#t div{
	width:10px;
	background:url(images/lt.gif) left top no-repeat;
	height:10px;
	overflow:hidden;
	}		
	
.main{
	width:920px;
	padding:0 20px;
	}
.margin20{margin-top:20px;}
.content{padding:5px 0 0 0;}
#banner{
	width:605px;
	height:345px;
	float:left;
	}

#lr{
	width:295px;
	float:right;
	}
#focus{
	width:295px;
	height:160px;
}
#news{
	margin:20px 0 0 0;
	width:295px;
	height:58px;
	padding:108px 0 0 0;
	background:url(images/news.gif) no-repeat;
	}	

#phone{
	width:310px;
	float:left;
	}
#phone_right{
	width:610px;
	float:right;
	}		
	
.box1{
	margin:0;
	width:293px;
	float:left;
	}	
.box2{
	margin:0 0 0 20px;
	width:293px;
	float:left;
	}
.box3{
	width:293px;
	float:right;
	}
.box_title{
	width:100%;
	background:url(images/btc.gif);
	}
.box_title div{
	background:url(images/btr.gif) right no-repeat;
	}
.box_title span{
	padding:0 0 0 15px;
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	height:36px;
	line-height:32px;
	background:url(images/btl.gif) left no-repeat;
	}		
.box_content{
	padding:5px 20px;
	width:251px;
	background:#f2fbff;
	border-left:1px #9dcce1 solid;
	border-right:1px #9dcce1 solid;
	}				
				
.box_b{
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(images/bc.gif);
	}			
.box_b div{
	width:100%;
	height:10px;
	background:url(images/br.gif) right no-repeat;
	overflow:hidden;
	}
.box_b span{
	display:block;
	width:10px;
	height:10px;
	overflow:hidden;
	background:url(images/bl.gif) left top no-repeat;
	}
.box_t{
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(images/tc.gif);
	}			
.box_t div{
	width:100%;
	height:10px;
	background:url(images/tr.gif) right no-repeat;
	overflow:hidden;
	}
.box_t span{
	display:block;
	width:10px;
	height:10px;
	overflow:hidden;
	background:url(images/tl.gif) left top no-repeat;
	}	
.box{
	padding:10px 20px;
	width:878px;
	background:#f2fbff;
	border-left:1px #9dcce1 solid;
	border-right:1px #9dcce1 solid;
	}		
#b{
	width:960px;
	margin:0 auto;
	height:10px;
	background:url(images/bbr.gif) right no-repeat #cdedfb;
	overflow:hidden;
	}
#b div{
	width:10px;
	height:10px;
	overflow:hidden;
	background:url(images/bbl.gif) left top no-repeat;
	}		
#iphone_left{
	width:375px;
	height:375px;
	float:left;
}
#iphone_right{
	width:480px;
	float:right;
}
.top_box{
	width:100%;
	padding:15px 0;
	border-bottom:1px #cfe1e9 solid;
}
.top_box_l{
	width:170px;
	float:left;
	border:1px #a3cadb solid;
}
.top_box_l a img{
	border:5px #ffffff solid;
}
.top_box_r{
	width:295px;
	float:right;
}
.title{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ff6c00;
	font-weight:bold;
}
.t_content{
	clear:both;
	padding:4px 0;
}
.t_button{
	clear:both;
	padding:4px 0 0 0;
}

.here{
	font-size:11px;
	height:30px;
	color:#6aaccd;
	padding:0 0 0 20px;
	background:url(images/home.gif) left top no-repeat;
	font-family:Tahoma, Geneva, sans-serif;
}


#bottom{
	width:100%;
	margin:10px 0 0 0;
	padding:30px 0 10px 0;
	background:url(images/bt.gif) top repeat-x #ff8400;
	}	
#copyright{
	width:940px;
	text-align:center;
	margin:0 auto;
	color:#fff;
	}	
#copyright a{
	color:#fff;
	}