.contents {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 18px;
	margin-bottom: 20px;
}

.leftcont {
	width: 280px;
	float: left;
	overflow: hidden;
}

.leftcont .lefnav {
	width: 280px;
	background: rgba(255, 255, 255, 1);
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}

.leftcont .lefnav .title {
	width: 280px;
	height: 70px;
	background: rgba(0, 161, 233, 1);
	border-radius: 10px 10px 0px 0px;
}

.leftcont .lefnav .title img{
	width: 50px;
	height: 50px;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}
.leftcont .lefnav .title .txt {
	float: left;
	/*width: 260px;*/
	line-height: 70px;
	color: #FFFFFF;
	font-size: 22px;
	margin: 0 auto;
	font-weight: bolder;
	margin-left: 15px;
}

.leftcont .lefnav .navli {
	width: 280px;
}

.leftcont .lefnav .navli ul li {
	width: 250px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 18px;
	color: #333;
	cursor: pointer;
	position: relative;
	margin: 15px auto;
}

.leftcont .lefnav .navli ul li:hover {
	color: #333;
	background:#d4e9ff ;
}


.leftcont .lefnav .navli .navli-cur {
	color: #333;
	background:#d4e9ff ;
}
.leftcont .lefnav .navli ul li .zt{
	position: absolute;
	right: 15px;
	width: 20px;
	height: 20px;
	top: 5px;

}
.leftcont .lefnav .navli ul li .zt .imgcur{
	transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 	/* IE 9 */
-moz-transform:rotate(-90deg); 	/* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg); 	/* Opera */
}

.rightcont {
	width: 840px;
	min-height:500px;
	background: rgba(255, 255, 255, 1);
	border-radius: 10px;
	float: right;
	overflow: hidden;
	padding: 30px 20px;
}

.rightcont .conlist {
	width: 840px;
	overflow: hidden;
	/*margin-top: 20px;*/
}
.rightcont .conlist ul{
	width: 870px;
}
.rightcont .conlist ul li{
	width:266px;
height:200px;
background:rgba(255,255,255,1);
border:1px solid rgba(229,229,229,1);
box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.03);
border-radius:4px;
float: left;
margin-right: 18px;
margin-bottom: 40px;
}
.rightcont .conlist ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.rightcont .conlist ul li:hover{
	opacity: .7;
}
.rightcont .conlist ul li .video{
	display: block;
	width:266px;
height:144px;
position: relative;
}
.rightcont .conlist ul li .video .videoimg{
	width:266px;
height:144px;
opacity: .7;
}
.rightcont .conlist ul li .video .videico{
	width:266px;
height:144px;
	position: absolute;
	left: 0;top: 0;
}
.rightcont .conlist ul li .text{
	width: 250px;
	margin: 0 auto;
	margin-top: 8px;
	overflow: hidden;
	
}
.rightcont .conlist ul li .text .txt1{
	width: 250px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	color: #333;
}
.rightcont .conlist ul li .text .txt2{
	width: 250px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 14px;
	color: #999;
	margin-top: 6px;
}
.rightcont .conlist ul li .text .txt3{
	width: 640px;
	font-size: 14px;
	color: #999;
	margin-top: 6px;
}
.rightcont  .page{
	position:absolute;
   bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
}
.rightcont  .page a{
	float: left;
	padding: 0 15px;
	color: #999999;
	line-height: 30px;
}
.rightcont  .page a.cur{
	color: #00A1E9;
}
.rightcont  .page a:hover{
	color: #00A1E9;
}
.rightcont  .page a.btn{
	display: block;
width:60px;
height:30px;
border:1px solid rgba(204,204,204,1);
border-radius:4px;	
text-align: center;
line-height: 30px;
}
.rightcont  .page a.btn:hover{
	border:1px solid #00A1E9;
	color: #00A1E9;
}