#navcont {
	width: 100%;
	background-image: url(../img2015/mubg.jpg);
	height: 52px;
	z-index: 10000;
}
 #nav {
	font-family: helvetica;
	position:relative;
	width:1100px;
	height:52px;
	font-size:14px;
	color:#999;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index: 10000;
}
 #nav ul { list-style-type:none; }
 #nav ul li {
	float:left;
	position: relative;
	padding-right: 4px;
	padding-left: 4px;
}
 #nav ul li a {
	display:block;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	line-height: 52px;
	font-size: 15px;
	font-family: "微软雅黑";
	width: 110px;
}
 #nav ul li a:hover {background: #12aeef url(../img2015/shadow.png) repeat-x;; 
color:#fff;} 
 #nav ul li ul {
	display: none;
	z-index: 1000;
}
 #nav ul li:hover ul {display: block; position: absolute; top:52px; min-width:110px; left:0;} 
 #nav ul li:hover ul li a {
	display:block;
	background:#12aeef;
	color:#ffffff;
	width: 110px;
	text-align: 
center;
	border-bottom: 1px solid #f2f2f2;
	border-right: none;
	font-size: 13px;
	font-weight: normal;
}
 #nav ul li:hover ul li a:hover { background:#6dc7ec; color:#ffffff; }
 .borderleft {border-left: 1px solid #e9e9e9;}
 .top { border-top: 1px solid #f2f2f2;}
 /*  This piece of code is for a third level drop down menu and is not included in this tutorial  #nav ul 
li:hover ul li ul {display:none;}
 #nav ul li:hover ul li:hover ul {display:block; position: absolute; top:-1px; left: 151px;}*/
 /* Ignore this last piece of code */
 #threestyles {
  width: 500px;
  height: 300px;
  margin: 0px auto;
  border: 2px solid #666;
  margin-top: 30px;
 }
 


/*焦点图*/
.focus{
	position:relative;
	width:410px;
	height:301px;
	background-color: #000;
	float: left;
	z-index: 1;
}  
.focus img{ width: 410px; height: 301px;} 
.focus .shadow .title{width: 260px; height: 46px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#9B9A9C;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:46px; line-height:46px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:8px; left:330px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:6px; height:6px; margin:0 2px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#fff; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#9B9A9C;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../newimages/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}