@charset "utf-8";
body,html{
	background-color:#f6f6f6;
}
div{
	margin:0;
}
.container{
	width:1200px;
	margin:0 auto;
}
.cont-main{
	position:relative;
	margin-top:-30px;
	overflow:hidden;
}
.sidebar{
	float:left;
	width:216px;
	box-shadow:0 0 4px #aaa;
	border-radius:4px;
	overflow:hidden;
	background-color:#fff;
}
.sidebar h1{
	background-color:#153452;
	width:100%;
	height:80px;
	line-height:80px;
	text-align:center;
	color:#fff;
	font-size:24px;
	box-shadow:0 0 4px #aaa;
}
.sidebar ul li{
	height:60px;
	border-bottom:1px solid #d6dee6;
}
.sidebar ul li a{
	display:block;
	line-height:60px;
	color:#4c4c4c;
	text-align:center;
	font-size:16px;
	text-align:center;
}
.main{
	float:right;
	width:966px;
	margin-top:78px;
	background-color:#fff;
	border-radius:4px;
	margin-bottom:40px;
}
.main .position{
	padding-left:30px;
	background-color:#d0d6dc;
	height:40px;
}
.main .position a{
	float:left;
	line-height:40px;
	color:#4c4c4c;
	font-size:16px;
}
.main .title{
	font-size:24px;
	color:#333333;
	line-height:64px;
	text-align:center;
	margin-top:10px;
	font-weight:normal;
}
.main .cont{
	width:100%;
	background-color:#fff;
	padding-bottom:20px;
}
.main .cont ul h1{
	margin-top:20px;
	margin-bottom:18px;
	font-weight:normal;
	border-bottom:1px solid #dfe2e7;
}
.main .cont ul h1 a{
	color:#153452;
	font-size:24px;
	line-height:44px;
}
.main .cont ul{
	margin-left:20px;
	margin-right:20px;
}
.main .cont ul li{
	float:left;
	height:auto;
	font-size:18px;
}
.main .cont ul li a{
	font-size:16px;
	color:#4c4c4c;
	line-height:36px;
	text-align:center;
}
.main .cont .char li{
	width:4%;
}
.main .cont ul li.active a{
	color:#153452;
}
.main .cont .prof li{
	width:25%;
}
.main .cont .list li{
	width:12.5%;
}
@media screen and (min-width: 200px) and (max-width:840px){
	.container{
		width:100%;
		min-width:10px;
	}
	.banner{
		height:auto;
		overflow:hidden;
	}
	.banner img{
		display:block;
		width:100%;
	}
	.sidebar{
		display:none;
	}
	.cont-main{
		margin-top:0;
	}
	.main{
		width:100%;
		margin-top:0;
		margin-bottom:0;
		padding-bottom:.1rem;
	}
	.main .position{
		width:100%;
		padding:0;
	}
	.main .position a{
		margin-left:.1rem;
		font-size:.12rem;
	}
	.main .cont{
		width:auto;
		margin:0 .1rem;
	}
	.main .cont .char{
		display:none;
	}
	.main .cont .prof{
		display:none;
	}
	.main .cont ul{
		margin-left:0;
		margin-right:0;
	}
	.main .cont ul h1{
		margin-top:0;
		font-size:.14rem;
		margin-bottom:0;
	}
	.main .cont ul h1 a{
		font-size:.14rem;
		line-height:.3rem;
	}
	.main .cont .list li{
		width:33%;
	}
	.main .cont ul li a{
		font-size:.12rem;
		color:#4c4c4c;
		line-height:.24rem;
		text-align:center;
	}

}