#sub-banner{
	text-align:center;
}
.content-wrap{
	width:1160px;
	margin:50px auto;
	overflow:hidden;
}
.content-main{
	float:right;
	width:860px;
    min-height: 600px;
}
aside{
	float:left;
	width:270px;
	background-image:url(/images/18/bg-nav-sub03.png);
	background-repeat:no-repeat;
	background-position:0 100%;
	padding-bottom: 142px;
}
aside h3{
	background-image:url(/images/18/bg-nav-sub01.png);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 100px 0 35px;
	text-align:center;
}
aside ul{
	background-image:url(/images/18/bg-nav-sub02.png);
	background-repeat:repeat-y;
}
aside ul li{
	font-size: 18px;
    margin: 10px 0;
    border-bottom: 2px solid #eeeeee;
	margin: 0 25px 10px;
    padding-bottom: 10px;
	overflow:hidden;
}
aside ul li a i{
	float: right;
	color:#eeeeee;
}
aside ul li:hover a i,
aside ul li.action a i{
	color:#dd5970;
}
aside ul li .sub-category{
    background: none;
	margin: 10px 0;	
}
aside ul li .sub-category li{
    border: none;
    margin: 3px 10px;
    padding: 0;	
}
aside ul li .sub-category li a{
    color: #7d7d7d;	
}
.content-main .h2{
	color: #ee4c8f;
    font-weight: normal;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
	font-size: 20px;
}
.content-main .waylink{
	text-align:right;
}
.content-main .waylink ol{
	overflow:hidden;
	color:#a4a4a4;
	font-size:12px;
	display:inline-block;
}
.content-main .waylink ol li{
	float:left;
	position:relative;
    padding-left: 10px;
    margin-left: 5px;
	list-style:none;
}
.content-main .waylink ol li:first-child{
    padding-left: 0;
    margin-left: 0;
}
.content-main .waylink ol li a{
	color:#a4a4a4;
}
.content-main .waylink ol li .h3{
	font-size:12px;
	font-weight:normal;
}
.content-main .waylink ol li:after{
	position:absolute;
	content:'>';
	left:0;
	top:0;
	color:#a4a4a4;
	font-size:12px;
}
.content-main .waylink ol li:first-child:after{
	display:none;
}

@media screen and (max-width: 1180px) {
	.content-wrap{
		width:960px;
	}
	.content-main{
	    width: 660px;	
		min-height:0;
	}
}
@media screen and (max-width: 980px) {
	.content-wrap{
		width:768px;
	}
	.content-main{
		width: 480px;
	}
}
@media screen and (max-width: 788px) {
	.content-wrap{
		width:640px;
	}
	.content-main,
	aside{
		width:100%;
	}
	aside,
	aside h3,
	aside ul{
		background-image:none;
	}
	aside{
		padding: 0;
	}
	aside h3{
		padding: 15px 30px;
		background: #e0669c;
		text-align: center;
		margin: 30px 0 20px;
	}
	
}
@media screen and (max-width: 660px) {
	.content-wrap{
		width:480px;
	}
}
@media screen and (max-width: 480px) {
	.content-wrap{
		width:360px;
	}
}
@media screen and (max-width: 360px) {
	.content-wrap{
		width:90%;
	}
}