body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/*通用父子盒子嵌套浮动问题解决，开始*/
.clear {
	margin: 0px auto;
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
	background: none;
	overflow: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
* {
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin:0; 
}
*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
}
/*通用父子盒子嵌套浮动问题解决，结束*/
/*间隙层开始*/
/*.space_hx {
	clear: both;
	width: 100%;
	height: 20px;
	font-size: 1px;
	overflow: hidden;
}*/
.space_zx { /*纵向间隙*/
	float: left;
	width: 10px;
	font-size: 1px;
	overflow: hidden;
}
/*间隙层结束*/
/*此为翻页*/
.pages{ float:right; width:100%; margin:10px 0;}
.pages li{ float:left; margin-left:2%; background-color:#FFF;}
.pages li a{float:left; display:block; padding:0 10px; height:25px; line-height:25px; color:#000; border:1px solid #d08d60  ; background:#fff; }
.pages .c{background-color:#d08d60  ; color:#FFF;  ;padding:0 10px; height:25px; line-height:25px;}
.pages li a:hover{background-color:#d08d60   ; color:#FFF;text-decoration: none;border:1px solid #d08d60  ;}


.top_bar{position:fixed;z-index:900;bottom:-1px;left:0;right:0;  
    background-color: #f7f7f7;
    border-top: 1px solid #d3d3d3;}
.top_menu{
	    padding: 7px 5px;
    background-color: #f7f7f7;
    border-top: 1px solid #d3d3d3;
    font-size: 0;
    bottom: 0;
    width: 100%;
    position: fixed;
    z-index: 99;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.top_bar .top_menu>li{
	    height: 38px;
    line-height: 38px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
	display:block;
    font-size: 14px;
	float:left;
    width:25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.top_bar .top_menu>li a{ background-color:#d08d60;width:95%;display:block;margin:0 auto;display:block;}
.top_bar .top_menu li a label{padding:3px 0 0 3px;font-size:12px;overflow:hidden; color:#fff;}
.top_menu>li:first-child{background:none;}
.top_bar .top_menu>li>a{height:40px;line-height:40px;display:block;text-align:center;color:#4f4d4f;/*text-shadow:0 1px rgba(255, 255, 255, 0.8);*/
                                 text-decoration:none;border-top:1px solid #f9f9f9;}
.top_bar .top_menu>li>a p{overflow:hidden;margin:0 0 0 0;font-size:12px;display:block!important;line-height:18px;text-align:center;}
.top_bar .top_menu>li>a img{padding:0;height:20px;width:20px;color:#fff;line-height:40px;vertical-align:middle;}
.top_bar .top_menu>li>a:hover,.top_bar .top_menu>li>a:active{background-color:#eee;}
#bgimg li img{width:100%;height:100%;}

<style type="text/css"> 
.about { 
clear: both; /* 清除左右浮动 */ 
width: 100px; /* 必须定义宽度 */ 
word-break: break-word; /* 文本行的任意字内断开 */ 
word-wrap: break-word; /* IE */ 
white-space: -moz-pre-wrap; /* Mozilla */ 
white-space: -hp-pre-wrap; /* HP printers */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: pre; /* CSS2 */ 
white-space: pre-wrap; /* CSS 2.1 */ 
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ 
} 
</style> 
