body {
	width:100%;
	height:100%;
	color:#000;
	margin:0px;
	padding:0px;
	font-family:'微软雅黑';
	font-size:12px;
}
ol, ul {
	list-style: none;
}
a,a:active,a:hover {
  outline: 0;
  text-decoration: none;
}
h1,h2,h3,h4,h5 {
  font-weight: normal;
  line-height: 1.2;
  font-style: normal;
  margin: 0;
  color: #000;
}
.enDX{
	text-transform: uppercase;
}

/*-------------左右布局-------------*/
.float_l{
	float:left;
}
.float_r{
	float:right;
}
/*---------- 清除浮云 ----------*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.tempDiv{
	width:100%;
	height:1px;
	overflow:hidden;
	position:relative;
}
/*-----------位置---------*/
.position_a {
  position: absolute;
}
.position_r {
  position: relative;
}
.position_f {
	position:fixed;
}

/*-----------列表文本-----------*/
#newsBox,
#newsBox:before,
#newsBox:after {
  box-sizing: border-box;
}
/*bodyBox*/
#bodyBox{
	width:100%;
	overflow:hidden;
	top:77px;
	background:url(../images/skin/page_bk.gif) repeat 0 0;
}

/*新闻*/
.pageBot {
    width:100%;
    height:100px;
    overflow:hidden;
}
.newsNav {
    width:100%;
	padding:50px 10% 30px 10%;
    padding-bottom:25px;
}
.newsNav a{
    color:#333;
    font-size:14px;
    margin:0 15px;
}
.newsNav a:hover {
    color:#c91a22;
}
.newsNav a.ahover {
    color:#c91a22;
}
#newsBox{
	width:100%;
	padding:0px 10% 100px 10%;
    padding-bottom:25px;
}
#newsBox li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	
	width:30%;
	margin:1% 1%;
	text-align:left;
	
	background-color:#ffffff;
}
#newsBox li .img{
	width:100%;
	background-color:#dab96b;
}
#newsBox li a .img img{
	width:100%;
	display:block;
}
#newsBox li a:hover .img img{
	width:100%;
	display:block;
	
	filter:alpha(opacity=30); 
	-moz-opacity:0.3;
	opacity: 0.3; 
}
#newsBox li a .img span{
	color:#FFF;
	font-size:12px;
	text-decoration:underline;
	
	display:inline-block;
	*display:inline;
	*zoom:1;
	
	z-index:55;
	left:45%;
	top:50%;
	
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
	opacity: 0;
}
#newsBox li a:hover .img span{
	filter:alpha(opacity=100);
	-moz-opacity:1; 
	opacity: 1; 
}

#newsBox li a{
	display:block;
	padding:20px 10px;
	
}
#newsBox li a h3{
	font-size:12px;
	margin-bottom:15px;
}
#newsBox li a h5{
	font-size:12px;
	margin-top:15px;
	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8; 
}
#newsBox li a:hover h5{
	font-size:12px;
	margin-top:15px;
}

#read_show{
	position:fixed;
	width:1024px;
	height:768px;
	z-index:10004;
}
#read_show_e{
	position:fixed;
	width:1024px;
	height:768px;
	z-index:10004;
}
.brand_read_close{
    position:fixed;
    width:27px;
    height:36px;
    overflow:hidden;
    right:0px;
    top:0px;
    cursor:pointer;
    background:url(../images/close_maga.png);
    z-index:10005;
}
#read_show_bg{
	position:fixed;
	 background:url(../images/magazine_bg.png);
	z-index:10003;
	top:0px;
	left:0px;
}
/*-------------- transition --------------*/
.trans {
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.box_shadow {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}
.box_shadow2,
.box_shadow.trans:hover {
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4);
}
.box_shadow.trans:hover {
  z-index: 99;
}