@charset "utf-8";
body,html{
	background-color:#f6f6f6;
}
div{
	margin:0;
}
.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 .cont li{
	position:relative;
	overflow:hidden;
	padding-left:30px;
	cursor:pointer;
	height:52px;
}
.main .cont li a{
	position:relative;
	display:block;
	border-bottom:1px solid #dfe2e7;
	background-image:url(/uploads/image/ximages/trg.png)/*tpa=http://phy.lzu.edu.cn/images/trg.png*/;
	background-repeat:no-repeat;
	background-position:left center;
	overflow:hidden;
	height:51px;
}
.main .cont li a h2{
	position:relative;
	float:left;
	line-height:52px;
	font-size:14px;
	color:#666666;
	margin-left:20px;
	font-weight:normal;
}
.main .cont li a:hover h2{
	font-weight:bold;
	color:#153452;
}
.main .cont li a span{
	position:relative;
	float:right;
	font-size:14px;
	color:#666666;
	margin-right:20px;
	line-height:52px;
}
.main .page{
	width:160px;
	margin:20px auto;
	overflow:hidden;
}
.main .page li{
	float:left;
	width:30px;
	border:1px solid #dedede;
	text-align:center;
	line-height:30px;
	margin-left:4px;
	margin-right:4px;
}
@media screen and (min-width: 200px) and (max-width:840px){
	.container{
		width:100%;
		min-width:10px;
	}
	.banner{
		height:auto;
		overflow:hidden;
                 margin-top:0;
	}
	.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 li{
		width:100;
		padding-left:0;
		height:auto;
	}
	.main .cont li a{
		height:auto;
	}
	.main .cont li a h2{
                width:60%;
                overflow:hidden;
                text-overflow:ellipsis;
                white-space:nowrap;
		font-size:.12rem;
		line-height:.34rem;
	}
	.main .cont li a span{
		font-size:.12rem;
		line-height:.34rem;
	}
}