#banner .bannerinfo .bannerDesc{
	bottom: 30%;
}
#side-nav{
	position: relative;
    margin-top: -50px;
}
#side-nav ul{
	text-align:center;
}
#side-nav li{
	display:inline-block;
	border: 2px solid rgba(25,25,25,0.8);
	margin:0 10px;
}
#side-nav li a{
	color:#fff;
	display:block;
	background:rgba(25,25,25,0.8);
	padding: 5px 15px;
}
#side-nav li:hover{
	border: 2px solid rgba(208, 208, 208, 0.86);
}
#content{
	margin-top: 40px;
}
.pagewaylink{
	overflow:hidden;
}
.pagewaylink .waylink{
	font-size:14px;
	color:#363636;
	text-align:right;
}
.pagewaylink .waylink a{
	color:#363636;
}
.pagewaylink h3{
	position:relative;
}
.pagewaylink h3:after{
	content:'';
	width:100%;
	height:1px;
	background:#e5e5e5;
	position:absolute;
	left:0;
	top:53%;
	display:block;
	z-index: -14;
}
.pagewaylink h3 img{
    display: block;
    background: #fff;
    padding: 0 20px;
    margin: 0 0 0 30px;	
}
.content-wrap{
	margin: 50px 30px;
	overflow: hidden;
}
.content-wrap h2{
	font-size:26px;
	color:#363636;
	margin-bottom: 30px;
}
.content-wrap section,
.content-wrap{
	color:#5d5c5c;
	font-size:16px;
}
#have{
	float: left;
	width:78%;
}
aside{
	float: right;
	width:20%;
}
#community{
	overflow:hidden;
	margin:10px 0;
}
#community li{
	float:left;
	line-height:0;
}

@media screen and (max-width: 1440px) {
	#banner .bannerinfo .bannerDesc{
	    bottom: 30%;	
	}
}
@media screen and (max-width: 980px) {
	.pagewaylink h3 img{
	    width: 150px;	
	}
	.content-wrap h2{
		font-size: 20px;		
	}
	#have{
		width:73%;
	}
	aside{
		width:25%;
	}
}
@media screen and (max-width: 768px) {
	#have,
	aside{
		width:100%;
	}
	aside{
		margin-top:40px;
	}
}
@media screen and (max-width: 640px) {
	#side-nav{
	    margin-top: 20px;	
	}
	.pagewaylink .waylink{
		font-size:12px;
	}
}
@media screen and (max-width: 480px) {
	.pagewaylink h3 img{
	    width: 130px;	
		padding: 0 10px;
		margin: 0 0 0 10px;
	}
	.content-wrap h2{
		font-size: 18px;		
	}
	.content-wrap{
	    margin: 40px 10px;	
	}
}