@charset "utf-8";
/* CSS Document */

	.know-top{	width: 1170px;	height: 830px;	margin:0 auto;	margin-top: 20px;}
.know-topvideo{	width: 100%;	height: 680px;}
.know-topmain{	width: 100%;	height: 150px;}
.know-topmain-sort{	width: 65px;	height: 25px;	margin-top: 40px;	float: left;	text-align: center;	background-color: #006ead;}
.know-topmain-sort a{	display: block;	color: white !important;	font-size: 12px;	margin-top:6px;}
.know-topmain-title{	width: 1080px;	height: 25px;	margin-top: 40px;	margin-left: 20px;	float: left;}
.know-topmain-title a{	color: #333333;	font-size: 20px;	line-height: 18px}
.know-topmain-title p{		font-size: 14px;	color: #666666;	line-height: 20px;}
.know-topmain-title span{	float: right;	color: #666666;	font-size: 12px;}
.video-img{	width:1170px;	height:680px;	overflow:hidden;}
.js_videoCon{ min-width:1140px;min-height:680px;}
.know-title{	width: 1170px;	height: 85px;	margin:0 auto;	cursor: pointer;}
.title{	width: 125px;	height: 60px;	background-color: #fff;	color: #333333;	float: left;	margin-top: 25px;	text-align: center;}
.title a{	display: block;	margin-top: 15px;	font-size: 20px;}
.main{	width: 100%;	height: 786px;	background-color: #fafafa;}
.video-list{	text-align: center;	width: 1170px;	height:500px;	margin: 0 auto;	border-top: 1px solid rgba(0,0,0,0.1)
}

.video-list ul{	margin: 0;	padding-left: 0px;}
.video-list li{	width:270px;
	height:230px;
	overflow:hidden;
	position:relative;
	float:left;
	margin: 0;
	margin-right: 20px;
	margin-top: 30px;
	cursor:pointer;
	border: 1px solid rgba(0,0,0,0.1);
	background-color: white;
}
.video-list a{
	color: #333333;
	text-decoration: none;
}
.video-list li .icon-video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:165px;
	z-index:99;
}
.icon-video img{
	height: 50px;
	width: 50px;
	margin-top: 60px;
}
.video-list li .icon-video:hover{
	background-color: rgba(0,0,0,0.5);
}
.video-list li.now .icon-video{
	display:none;
}
.videoimg{
	width: 100%;
	height: 165px;
	margin-bottom: 10px;
}
.now a{
	font-size: 16px;
}

@media (max-width:840px){
	.video-img{
		width: 580px;
	}
	.know-top{
		width: 580px;
		height: 600px;
		margin:0 auto;
		margin-top: 20px;
	}
	.js_videoCon{
		width: 580px;
		height: 400px;
	}
	.know-topvideo{
		width: 100%;
		height: 400px;
	}
	.know-topmain{
	width: 100%;
	height: 180px;
	}
	.know-topmain-title{
	width: 450px;
	height: 150px;
	float: left;
	}
	.know-topmain-title a{
		line-height: 30px;
	}
	.know-title{
		width: 500px;
		height: 85px;
	}
	.title{
		margin-top: 5px;
	}
	.video-list{
		width: 590px;
	}
	.main{
		background-color: white;
	}
}

@media (max-width: 500px) {
	.video-img{
		width: 350px;
	}
	.know-top{
		width: 350px;
		height: 400px;
		margin:0 auto;
		margin-top: 20px;
	}
	.js_videoCon{
		width: 350px;
		height: 210px;
	}
	.know-topvideo{
		width: 100%;
		height: 210px;
	}
	.know-topmain{
	width: 100%;
	height: 180px;
	}
	.know-topmain-title{
	width: 250px;
	height: 150px;
	float: left;
	}
	.know-topmain-title a{
		line-height: 30px;
	}
	.know-title{
		width: 350px;
		height: 130px;
	}
	.title{
		margin-top: 5px;
	}
	.video-list{
		width: 300px;
	}
	.main{
		background-color: white;
	}

}