html,body {height:100%;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp {margin: 0;padding: 0;}
ul,ol,menu {list-style: none;}
b,i{font-style:normal;}
fieldset,img{border: 0;vertical-align: middle;}
input,textarea,button{outline: 0 none;line-height: inherit;font-family: inherit;}
textarea {resize:vertical;}
button::-moz-focus-inner,input::-moz-focus-inner { padding: 0;border: 0;}
table{border-collapse:collapse;border-spacing:0;}
a{cursor:pointer;text-decoration:none;}
a:hover{text-decoration:none;}
body{font-size:12px;line-height:1.5;background:#fff;overflow-x:hidden;font-family:verdana, helvetica, arial,sans-serif;}
*{
	margin:0;
	padding: 0;
}
a{
	text-decoration: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
img{
	border: none;
}
body{
width:100%;
height: auto;

}
.header{
	width: 100%;
	height: 2.875rem;
background:#f5f5f5;
	position: relative;
	z-index: 99998;
}
.search-box{
	width: 1rem;
	height: 1rem;
	background:#afafaf;
	border-radius: 100%;
	position: absolute;
	left: 0.25rem;top:1rem;
}
.search-box a{
	width: 1rem;
	height: 1rem;
 display: block;
background:url(../img/search.png)no-repeat;
background-position: center;
}
.logo{
	width:2.25rem;
	height:2.375rem;
	display: block;
	background: url(../img/logo.png) no-repeat;
	background-position: center;
	margin: 0 auto;
	position: relative;
	top: 0.4375rem;
}
.menu{
	width:1rem;
	height:1rem;
	display: block;
	
 background: url(../img/menu.png)no-repeat;
 background-position: center;
 position: absolute;
	right: 0.25rem;top:1rem;
}
.xiala{
	width: 100%;
	height: auto;
position: relative;
z-index: 99999;
display:none;
}
.xialali{
	width: 100%;
	height: 2rem;

text-align: center;
font-size: 0.6rem;
color: #333333;
position: relative;
background: #ffffff;
}
.cur{
	width: 100%;
	height: 2rem;
background: #ffffff;
text-align: center;
font-size: 0.6rem;
color: #333333;
position: relative;
}
.cur p{
	width: 100px;
	height: 100%;
	font-size: 0.6rem;
color: #00933f;

text-align: left;
line-height: 2rem;
position: relative;
left: 1.5rem;
}
.cur .icons{
	width: 0.75rem;
	height: 0.75rem;
	color: #00933f;
	font-size: 0.45rem;
transform: rotate(90deg);
/*background: red;*/
display: block;
position: absolute;
	right: 1.125rem;top: 0.5rem;
}
.xialali p{
	width: 100px;
	height: 100%;
	font-size: 0.6rem;
color: #333333;
text-align: left;
line-height: 2rem;
position:relative;
left: 1.5rem;
}
.xialali .icons{
	width: 0.75rem;
	height: 0.75rem;
	color: #434343;
	font-size: 0.45rem;

	position: absolute;
	right: 1.125rem;top: 0.5rem;
}
.two{
	width: 100%;
	height:auto;
		position: relative;
	background:#f5f5f5;
	display:none;
	
	
}
.two p{
	width: 100%;
	height: 1.25rem;
  border-bottom: 1px solid #e6e4e4;
   position: relative;
   font-size: 0.45rem;
}
.two p a{
	width: 100%;
	height:100%;
	display: block;
text-align: left;
padding-left:1.75rem ;
line-height: 1.25rem;
color: #666666;


float: left;
}
#chan p a
{
	width: 30%;
	height: auto;
	padding-left: 0;
} 

.cover{
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.5;
	position: absolute;
	top: 0;left: 0;
	z-index: 88888;
	display: none;
}
.pro
{width:5.325rem;
	height:15rem;
	float: left;
		position: relative;
	background:red;
}
.pro p{
	width: 100%;
	height: 1.25rem;
	font-size: 0.45rem;
	line-height: 1.25rem;
	text-align: center;
} 
.pro p a{
	width: 2rem;
	height:100%;
	display: block;
text-align: center;
line-height: 1.25rem;
color: #666666;


}

.main{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;top: 2.875rem;
}
.nav{
	height: 1.75rem;
	width: 100%;
	color:#fff;
	background: #3eb43a;
	position: relative;
	font-size: 0.45rem;
}
.nav span{
	background:url(../img/home.png)no-repeat;
   background-position: left;
   line-height: 1.75rem;
   color: #fff;
   text-align: center;
   padding-left:0.8rem;
   margin-left:0.5rem;
}
.nav a{
	display:inline-block;
	height: 100%;
	color:#fff;
}

.footer
{
	height: 2rem;
	width: 100%;
	background:#ffffff;
	margin-top:0.5rem;
	position: relative;
}
.tu{
	width:6rem;
	height: 1rem;
	
	position: absolute;
	left:5rem;
	top: 0.75rem;
}
.tu a{
	width: 1rem;
	height: 1rem;
	float: left;
	display: block;
background-repeat: no-repeat;
	margin-right: 0.25rem
}
.t1{
	background: url(../img/mark.png)-14px -14px;
}
.t2{
	background: url(../img/mark.png)-64px -14px;
}
.t3{
	background: url(../img/mark.png)-114px -14px;
}
.t4{
	background: url(../img/mark.png)-164px -14px;
}
.t5{
	background: url(../img/mark.png)-214px -14px;
}
.footer p{
	width: 10rem;
	height: auto;
text-align: center;
color: #666666;
font-size: 0.4rem;
/*margin: 70px auto;*/
position: absolute;
top: 2rem;
left: 3rem;
}
.last 
{
	width: 100%;
	height: 2.125rem;
	margin-top: 2rem;
}
.last span{
	width:33.2%;
	height: 100%;
	display: block;
float: left;
background: green;
}
.last span a {
	height:100%;
	width:3rem;
	display: block;
margin: 0 auto;
line-height:2.125rem;
position: relative;
font-size: 0.75rem;
text-align: right;
color: #ffffff;

}
.last span a  img{
	margin-left:0.6rem ;
}

.sub-culture
{
	width: 100%;
	height: auto;
	
	margin-top: 0.5rem;
}
.wrapper{
	width: 15.25rem;
	height: auto;
	
	margin: 0 auto;
}
.clearfix{
	width: 100%;
	height: 20.5rem;
	position: relative;
}
.clearfix img{
	width:10rem;
	height: 12.5rem;
	margin-left: 2.625rem;
}
.tit{
	width: 100%;
color: #3eb43a;
font-size: 0.6rem;
text-align:center;
margin-top: 1rem;
}
.text{
	width: 100%;
	margin: 0 auto;
	text-align:center;
	color: #989898;
	font-size: 0.4rem;
	margin-top: 0.75rem;
}