/*当在HTML中定义为id="divID"时，在CSS对应的设置语法则是#divID{} ，如果在HTML中定义为class="divID"时，则在CSS中对应的设置语法是.divID。*/
.container{/*页面容器*/
	 width:100%;
	 height:100%;
	 font-family:"微软雅黑";
	 margin:0px auto;
}

.shihua_prizes {/*广告漂浮条*/
    height: 154px;
    margin: 0px auto;
    position: absolute;
    width: 960px;
    z-index: 100;
}
	
.shihua_prizes_close {
    background: rgba(0, 0, 0, 0) url(".images/close.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 45px;
    width: 20px;
}

.adv_01{
     background-image: url("../images/adv_01.jpg");
     height:320px;
	 width:960px;
	 position:relative;
	 left:50%;
	 margin-left:-480px;
	 z-index: 101;-1使当前层处于最下面
	 }
	 
.nav_bg{
     background:url("images/nav_01.png") repeat-x scroll 0 0;
     position:relative;
	 height: 53px;
     width: 100%;
	 margin-top:5px;
	 z-index:101;
}

.nav ul{
     width:961px;
	 height:53px;
	 font-family:"微软雅黑";
	 font-size:18px;/*用12号字*/
	 line-height:53px;/*设置行距为28px，让文字在每行的中间位置*/
	 position:relative;
	 left:50%;
	 padding-left:0;
	 margin-left:-480px;
	 list-style:none;
}

.nav ul li{
    float:left;
	margin:0px auto;
}
	 
.nav ul li a{
	width:137px;/*设置元素宽为80px*/
	height:53px;/*设置高度为28px*/
	background:red;/*设置元素的背景为红色*/
	color:#FFF;/*文字颜色是白色*/
	margin:0px 0px;	/*第一个表示上下距离，第二个表示左右距离*/
	display:block;/*这个比较关键，因为a本身就是联级元素，本身不具有宽高，用这个把它变成块级元素，这样前面设置的宽和高就能起作用了*/
	text-align:center;/*让文本居中*/
	text-decoration:none; /*去掉下划线*/

}

.nav ul li a:hover{ /*这个大概的意思就是当鼠标放到这个a元素的上面时，这个a元素的样式就按下面的代码执行*/
	width:136px;
	height:51px;
	font-size:18px;/*用12号字*/
	line-height:51px;/*通过调整该数值，可形成鼠标浮动上面的动画感觉*/
	border:1px solid red;
	color:red;
	background:#FFF;
}

.menu_div{/*导航栏分隔符
    width:1px;
	height:28px;
	background:#999*/
}

.pagebody{
/*页面主体*/
	 width:960px;
	 height:100%;
	 margin:0px auto;
	 position:relative;
}

.left-side{/*页面主体-左侧边栏*/
	  width:230px;
	  margin:0px auto;
	  float:left;
	  clear:left;
}

.title_block{/*关于我们、新闻中心*/
	 position:relative;
	 margin:10px auto;
	 background-color:#0F88FB;/*背景颜色*/
}

.ul{
    margin:0px;
	padding:0px;
}

.title_block ul li a:hover{ /*这个大概的意思就是当鼠标放到这个a元素的上面时，这个a元素的样式就按下面的代码执行*/
	width:200px;
	height:100px;
	font-size:18px;/*用12号字*/
	line-height:50px;/*通过调整该数值，可形成鼠标浮动上面的动画感觉*/
	color:black;/*设置鼠标浮动上后文字变化的颜色*/
	/*background:#FFF;设置鼠标浮动上后变化的颜色*/
}

.title_block ul{
/*关于我们、新闻中心*/
	 width:200px;
	 height:100px;
	 font-size:18px;/*用12号字*/
	 line-height:50px;/*设置行距为28px，让文字在每行的中间位置*/
	 position:relative;
	 margin:0px auto;
	 list-style:none;
	 text-align:left;
	 text-decoration:none; /*去掉下划线*/
}

.title_block ul li{
/*关于我们、新闻中心*/
	 text-decoration:none; /*去掉下划线*/
}

.title_block ul li a{
/*关于我们、新闻中心*/
      width:200px;
	  height:100px;
	 color:#FFF;
	 text-decoration:none; /*去掉下划线*/
}

.side_news{
/*左边框新闻列表*/
	 height:100%;
	 font-size:14px;/*用12号字*/
	 line-height:50px;/*设置行距为50px，让文字在每行的中间位置*/
	 position:relative;
	 margin:0px auto;
	 text-align:left;
}

.item_list{
}


.side_news_li{
	font-size: 18px;
    line-height: 50px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    text-decoration: none;
	 border-bottom:1px solid #999; 
}

.side_news_li_1{
	 border-bottom:1px solid #999; 
	 list-style: none;
}

.side_news_li_1 a {
     color: #999999;
	 font-size: 16px;
     text-align: left;
	 text-decoration:none; /*去掉下划线*/
	  color:#999999;
}

.right-side{
/*右侧主体内容*/
	  width:660px;
	  margin:10px auto;
	  padding-right:30px;
	  float:right;
	  clear:right;
}

.nav_place {
/*右侧主体内容-首页-关于我们、新闻中心导航*/  
    line-height: 40px;
    padding-left: 10px;
}

.article_title{
    border-bottom: 1px dashed #dadde3;
    margin:0 auto;
    position: relative;
	text-align:center;
}

.article_title p{
font-size: 18px;
}
.news{
    text-align:left;
	line-height:30px;/*设置行距为28px，让文字在每行的中间位置*/
    text-indent: 10px !important;
}

.news img{
    margin:0px auto;
	max-width:100%;
	width:490px;
	height:370px;
}

/* footer */
.footer{text-align: center;margin: 20px auto 0;}
.mfot1{background: #0080C1;margin: 0px auto 11px;height: 40px;width: 960px;line-height: 40px;color: #FFF;text-align: center;}
.mfot1 a{color: #FFF;margin: 0px 5px;}
.mfot2{text-align: center;height: 53px;padding-bottom: 20px;}
.mfot2 img{margin: 0px 4px;border: 1px solid #C3C3C3;}
.mfot_txt{line-height: 20px;text-align: center;padding-bottom: 10px;}
.clear{clear:both;}