@charset "utf-8";
bodh,html{
	background-color:#f9f6ef;
}
div{
	margin:0;
}
.container{
	width:1200px;
}
.content{
	float:left;
	width:80%;
}
.content .title{
	position:relative;
	width:100%;
	height:;
	margin-top:20px;
	overflow:hidden;
	border-bottom:1px solid #cdccc7;
}
.content .title h1{
	line-height:58px;
	height:58px;
	color:#2a2f33;
	float:left;
	padding:0 10px;
	font-size:16px;
	border-bottom:2px solid #001629;
}
.content .title .position{
	position:relative;
	height:58px;
	float:right;
	padding-left:26px;
	background-image:url(../images/pos.png);
	background-repeat:no-repeat;
	background-position:left center;
	overflow:hidden;
}
.content .title .position h2{
	float:left;
	font-weight:normal;
	font-size:16px;
	line-height:58px;
	color:#424242;
}
.content .title .position h2 a{
	font-size:16px;
	line-height:58px;
	color:#424242;
}
.content .cont-list{
	margin-bottom:20px;
}
.content .cont-list li{
	height:42px;
	overflow:hidden;
	border-bottom:1px dashed #dedede;
	padding-left:14px;
	background-image:url(../images/sh.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.content .cont-list li h3{
	float:left;
	font-size:16px;
	color:#424242;
	line-height:42px;
	font-weight:normal;
}
.content .cont-list li span{
	float:right;
	color:#424242;
	line-height:42px;
	font-size:14px;
}
.content .cont-list li:hover h3,.content .cont-list li:hover span{
	color:#005ba6;
}
.content .page{
	width:200px;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:20px;
}
.content .page li{
	float:left;
	border:1px solid #dedede;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#545454;
	text-align:center;
	margin:0 4px;
}
.sidebar{
	float:right;
	width:18%;
	margin-top:40px;
}
.sidebar h5{
	width:100%;
	height:75px;
	font-size:22px;
	background-color:#16324d;
	line-height:75px;
	color:#f9f6ef;
	text-align:center;
}
.sidebar ul{
	background-color:#e7e5de;
	margin-top:10px;
}
.sidebar ul h2{
	margin-left:10px;
	color:#16324d;
	line-height:40px;
	font-size:24px;
	font-weight:bold;
	height:40px;
}
.sidebar ul li{
	overflow:hidden;
}
.sidebar ul li:hover h1{
	color:#005ba6;
}
.sidebar ul li a{
	display:block;
	border-bottom:1px dashed #aaa;
	overflow:hidden;
	margin:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-image:url(../images/trg.png);
	background-repeat:no-repeat;
	background-position:left 5px;
}
.sidebar ul li h1{
	position:relative;
	float:left;
	font-size:16px;
	color:#424242;
	font-weight:normal;
}
.sidebar ul li span{
	position:relative;
	float:left;
	color:#5a7287;
	font-size:14px;
}
@media screen and (min-width: 200px) and (max-width:840px){
	.banner{
		margin-bottom:0;
	}
	.container{
		width:100%;
		min-width:10px;
		padding-top:.1rem;
	}
	.wrap{
		width:100%;
		min-width:10px;
	}
	.container .title{
		width:auto;
		margin-top:0;
	}
	.content .title h1{
		line-height:.24rem;
		font-size:.12rem;
		margin-top:0;
		height:auto;
	}
	.container .title h2{
		font-size:.14rem;
		line-height:.24rem;
	}
	.content{
		width:auto;
		float:none;
		margin:0 .1rem;
	}
	.content .title .position{
		height:auto;
	}
	.content .title .position h2{
		font-size:.11rem;
		line-height:.24rem;
	}
	.content .title .position h2 a{
		line-height:.24rem;
	}
	.content .cont-list li{
		height:auto;
	}
	.content .cont-list li h3{
		font-size:.12rem;
		width:60%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.content .cont-list li span{
		font-size:.12rem;
	}
	.container .page{
		width:auto;
		margin:0 auto;
		margin-bottom:.1rem;
	}
	.container .page a{
		font-size:.12rem;
		line-height:.22rem;
	}
	.sidebar{
		display:none;
	}
}