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

.top2{
	overflow: auto;
    padding-top: 50px;
	margin: 0 auto;
}
.left{
	width: 270px;
	height: 100%;
	float: left;
}
.right{
	width: 870px;
	height: 100%;
	float: right;
}
.box{
	width: 270px;
	height: 60px;
	margin-bottom:5px;cursor: pointer
}
.box4{
	width: 270px;
	height: 130px;
	margin-top:16px;
}
.box img{
	float: right;
	margin-right:15px;
	margin-top: 15px; 
}
.box4 img{
	 width: 100%;
	 height: 100%;
}
.box a{
	text-decoration: none;
	color: #666666;
	float: left;
	padding-top: 17px;
	padding-left: 25px;
	align-content: center;
	font-family: 微软雅黑;
	font-size: 20px;
}
	.box a:hover{color: #006ead!important}
.left a{
	text-decoration: none;
	font-size: 20px; 

}

.radius{
	width: 30px;
	height: 30px;
	border: 1px solid #696969;
	float: right;
	border-radius: 50%;
	text-align: center;
	margin-top: 15px;
	margin-right: 10px;
}






.main{
	padding-bottom: 50px;

}

#ky_source1 img{
	width: 855px;
	height: 335px;
	

}
.pic2-top{
	width: 560px;
	height: 190px;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
}
.pic2-top p{
	text-indent: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
	margin: 0 auto;
	padding: 0 auto;
}
.pic2-top a{
	color: #006ead;
}
.pic2-top a:hover{
	text-decoration: underline;
}
.pic2-topimg{
	float: right;width: 270px;height: 190px;
}
.main-activ1{

	overflow: auto;
	padding-bottom: 20px;
	margin:0 auto;
	margin-top: 40px;


}
.main-activ2{

	height: 960px;
	margin: 0 auto;
}
.activity{
	width: 22%;
/*	height: 210px;*/
	margin-right: 4%;
	margin-bottom: 30px;
	float: left;
	border: 1px solid rgba(0,0,0,0.1);

}
.activity:nth-child(4n){margin-right: 0}


.more{
	text-align: center;
	width: 1160px;
	height: 40px;
	margin:0 auto;
	margin-bottom: 20px;
line-height: 40px;
	cursor: pointer;
	margin-top: 10px;
	border: 1px solid rgba(0,0,0,0.1);
}
.more a{
	font-size: 14px;
	color: #666666!important;
}
	.more:hover a{color: #006ead!important}
.new{
	width: 100%;
	height:18rem;
}
.new img{
	height: 100%;
	width: 100%;
}
.new-title{
	width: 100%;
	height: 45px;
	background-color: white;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.new-title a{
	display: block;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	padding-top: 10px;
}
.new-title a:hover{
	color:#006ead;
	text-decoration: underline;
}
.activity:hover
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
}

.activity
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.activity:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}


.videoa a{
	background-color: #006ead;
	height: 25px;
	width: 65px;
	color: white!important;
	font-size: 12px;
	text-align: center;
	line-height: 25px;
	margin-top: 30px;
	float: left;
}
.videop {
	width: 1080px;
	height: 115px;
	float: left;
	margin-top: 2px;
	margin-left: 10px;
}
.videop p{
	display: block;
	color: #666666;
	line-height: 20px;
	font-size: 14px;
	float: left;
	width: 1000px;
}
.videop h4{
	display: block;
	color: #333333;
	font-size: 20px;
	width: 800px;
	float: left;
}
.videop h5{
	display: block;
	font-size: 12px;
	float: right;
	color: #666666;
	margin-right: 0;
}
.videotitle{
	width: 1160px;
	height: 35px;
	margin: 0 auto;
	margin-top: 20px;
}
.videotitle p{
	font-size: 23px;
	color: #666666;
}

.videobox{
	background:#fff;
	width:1160px;
	height: 800px;
	margin:0 auto;
	margin-top: 30px;
}
.video-img{
	width:1160px;
	height:655px;
	overflow:hidden;
}
.playing{
	width: 1160px;
	height: 655px;
}
.videolist{
	width: 100%;
	height: 530px;

	margin-top: 10px;
	background-color: #fafafa;
}
.video-list{
	text-align: center;
	width: 1160px;
	height:500px;
	margin: 0 auto;
	border-top:1px solid rgba(3,3,3,0.1) ;
	padding-top:15px 0 0 0;

}
.video-list ul{
	margin: 0 auto;
}
.video-list li{
	width:270px;
	height:230px;
	overflow:hidden;
	position:relative;
	float:left;
	margin:0 10px;
	margin-top: 20px;
	cursor:pointer;
	border: 1px solid rgba(0,0,0,0.1);
}
.video-list a{
	color: #333333;

}
.video-list a:hover{
	text-decoration: underline;
	color: #006ead;
}
.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;
}
.js_videoCon{
	width: 100%;
	height: 655px;
	overflow: hidden;
}
.videoimg{
	width: 100%;
	height: 165px;
	margin-bottom: 12px;
}
.now a{
	font-size: 16px;
}

	#cont{
		position: relative;
		width: 855px;
		height: 355px;
		margin:0 auto
	}
	.imm a{position: absolute;}
	.btn ul {
		position: absolute;
		z-index: 10000;
		bottom: 10px;
		right: 50px;

	}
	.btn ul li{
		width: 12px;
		height: 12px;
		background-color: rgba(204,204,204,0.8);
		border-radius: 50%;
		list-style: none;
		float: left;
		margin: 0 5px;
		text-align: center;
		color: rgba(204,204,204,0.00001);
		line-height: 12px;
		cursor: pointer;
	}
	.btn ul li.on{
		background-color: rgba(0,110,173,0.8);
		color: rgba(0,110,173,0.00001);
	}
	.diin{
		width: 100%;
		height: 30px;
		background-color: black;
		opacity: 0.5;
		position: absolute;
		bottom: 0;
		color: white;
		z-index: 10000;
	}
	#jiao{
		display: none;
	}
   #left{
	   width: 35px;
	   height: 50px;
	   background-color: rgba(0,0,0,0.3);
	   opacity: 0.6;
	   z-index: 9999;
	   display: block;
	   position: absolute;
	   margin-top: 150px;
	   left: 20px;
	   color: white;
	   font-size: 20px;
	   line-height: 50px;
	   text-align: center;
	   text-decoration: none;


   }
	#right{
		width: 35px;
		height: 50px;
		background-color: rgba(0,0,0,0.3);
		opacity: 0.6;
		z-index: 9999;
		display: block;
		position: absolute;
		margin-top: 150px;
		right: 20px;
		color: white;
		font-size: 20px;
		line-height: 50px;
		text-align: center;
		text-decoration: none;

	}
	.imm img{
		width: 855px;
		height: 355px;
	}

@media (max-width: 840px){
	.top2{
		width: 750px;
		
	}
		.box4{display: none!important}

	.left{
		width: 370px;
	}
	.box{
		width: 370px;
	}
	.box4 img{
		display: none;
	}
	.right{
		width: 370px;
		height: 200px;
	}
	.pic2-topimg{
		display: none;
	}
	#ky_source1 img{
		width: 370px;
		height: 200px;
	}
	.main-activ1{

		margin-top: 0px;
	}
	.main-activ2{
		width: 780px;
		height: 750px;
	}
	.activity{
		width: 175px;
		height: 155px;
		margin: 5px;
	}
	.new{
		width: 175px;
		height: 100px;
	}
	.new-title{
		border: 0px;
	}
	.more{
		width: 370px;
	}
		.videoa{margin-top:10px}
	
	.pic2-top{
		width: 700px;
		
		margin-bottom: 20px;
	}
	.js_videoCon{
		width: 700px;
		height: 400px;
		overflow: hidden;
	}
	.video-img{
		width: 700px;
		height: 400px;
	}
	.videobox{
		width: 700px;
		height: 570px;
	}
	.videop{
		width: 600px;
		height: 150px;
	}
	.videop h4{
		width: 450px;
		height: 50px;
	}
	.videop p{
		width: 600px;
		height: 50px;
	}
	.videotitle{
		width: 600px
	}
	.videolist{
		width: 700px;
		margin: 0 auto;
		background-color: white;
	}
	.video-list{
		width: 700px;
		background-color: white;
	}
	.video-list li{
		margin-left: 50px;
	}
		.playing{
		width: 700px;
		height: 400px;
	}
}

@media (max-width: 600px){
	.top2{
		width: 370px;
		
	}
	.box4{display: none!important}

	.left{
		width: 370px;
	}
	.box{
		width: 370px;
	}
	.box4 img{
		display: none;
	}
	.right{
		width: 370px;

		height: 200px;
		float: left;
	}
	.pic2-topimg{
		display: none;
	}
	#ky_source1 img{
		width: 370px;
		height: 200px;
	}
	.main-activ1{
		
		overflow: auto
	}
	.main-activ2{
		width: 370px;
		height: 1180px;
	}
	.activity{
		width: 175px;
		height: 155px;
		margin: 5px;
	}
	.new{
		width: 175px;
		height: 100px;
	}
	.new-title{
		border: 0px;
	}
	.more{
		width: 370px;
	}

	
	.pic2-top{
		width: 370px;
		
		margin-bottom: 20px;
	}
	.js_videoCon{
		width: 370px;
		height: 200px;
		overflow: hidden;
	}
	.video-img{
		width: 370px;
		height: 200px;
	}
	.videobox{
		width: 370px;
		height: auto!important;
	}
	.videop{
		width: 370px;
		height: 150px;
	}
	.videop h4{
		width: 370px;
		
	}
	.videop h5{float: left}
	.videop p{
		width: 370px;
		height: 100px;
	}
	.videotitle{
		width: 370px
	}
	.videolist{
		width: 370px;
		margin: 0 auto;
		background-color: white;
	}
	.video-list{
		width: 370px;
		background-color: white;
	}
	.video-list li{
		margin-left: 50px;
	}
	.playing{
		width: 370px;
		height: 200px;
	}
	.videotitle{height: auto!important}
}