.clearfix { clear: both;}

/*en nkd_video*/
#menu_icon li a { color: #2bb7b3;}

.qu_nav h3,.xb_contact h3 { color:#fff; }

.main_body { margin-top: 30px; max-width: 1200px;}

.col-sm-half{width:33%;}

.ban_head {
	display: inline-block;
    padding: 0 15px;
    line-height: 2;
    color: #000;
    font-weight: bold;
    font-size: 26px;
    width: 100%;
    border-bottom: 2px #afabab solid;
    margin-bottom: 30px;
}

.ban_head ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ban_head ul li {
	display: inline-block;
	padding: 8px 15px;
	line-height: 1.5;
	color: #000;
	font-weight: bold;
	font-size: 26px;
	text-transform: uppercase;
}

.ban_body {
	width:100%;
	height: auto;
}

.ban_body ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ban_body ul li {
	width: 100%;	
	z-index: -1;	
	display: none;
}

.li_action {position:relative; color: #077273 !important;}

.li_action:before {
	content: "";
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	border-bottom: 2px #077273 solid;
}

.active { display: block !important; }

.u-pic-mid {
    height:210px;
	overflow:hidden;
    background-size: 100% auto;
}

.m-main {
    max-width: 1200px;
    margin: 30px auto;
}

/*video*/
.u-small-box { margin: auto; width: 100%;}

.video-small {
    float: left;
    width: 33%;
    padding: 0 10px;
    margin: 20px 0;
}

.video-small .video {
    height: 200px;
}

.u-video .video {
    position: relative;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.u-video .video img {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 42px;
    height: auto;
}

.u-video .video p {
    position: absolute;
    left: 0;
    bottom: 20px;
    padding: 0 20px;
    color: #fff;
    font-size: 18px;
}

.go_back a { color: #009e96; }

/*分页*/
.m-page {
    margin: 80px auto;
    width: 100%;
    text-align: center;
}

#page a.next { margin: 0; }

.m-page .u-page {
	overflow: hidden;
    display: inline-block;
}

.m-page .u-page .num.active, .m-page .u-page .num:hover {
	background-color: #009e96;
    color: #fff;
}

/*南科大视频*/
.main_banbox,.main_banbox2 {
		background-image: url(../images/nkd_video_ban.jpg);
		background-position: center top;
		background-size: auto 100%;
		background-repeat: no-repeat;
		padding-top: 320px;
	}
	
	.txt_h3 {
		height: 80px;
		line-height: 80px;
		text-align: center;
		position: relative;
	    padding: 0 0 0 15px !important;
	    /* background: rgba(37,167,154,0.8); */
	    height: 80px;
	    line-height: 80px;
	    margin: 0;
	    width: 30%;
	    font-size: 26px;
	    font-weight: bold;
	    color: #ffffff;
	    text-align: left;
	    background: linear-gradient(to right, rgba(37,167,154,0.5) 0%, rgba(37,167,154,0.9) 50%) !important;
		
	}
	
	.txt_h3:before {
		width: 100%;
	    /* background-color: rgba(37,167,154,0.8)!important; */
	    height: 80px;
	    content: "";
	    display: block;
	    position: absolute;
	    left: -100%;
	    background: linear-gradient(to right, rgba(37,167,154,0) 0%, rgba(37,167,154,0.5) 100%) !important;
	}
	
	.nkd_videolist ,.nkd_vlist { margin: auto;width: 100%;padding: 35px 0; }
	
	.nkd_vlist ul { list-style: none; padding: 0; margin: 0;}
	
	.nkd_vlist dl {
		height: 206px;
		float: left;
		width: 23%;
		margin-right: 2.5%;
		margin-bottom: 30px;
		overflow: hidden;
	}
	
	.nkd_vlist dl:nth-child(4n) { margin-right: 0;}
	
	.v_bg {
		height: 147px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% auto;
		position: relative;
		overflow: hidden;
	}
	
	.v_bg img {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
	
	.nkd_vlist dt a {
		display: block;
		padding: 42px 0;	    		
		height: 99%;
		text-align: center;
		background-color: rgba(0,0,0,0.3);
		position: absolute;
	    transition: all .3s;
	    width: 100%;
	    z-index: 1200;
	}
	
	.v_icon {
		width: 65px;
		height: 65px;
		border-radius: 50%;
		background: #009e96;
		display: inline-block;
		position: relative;
		z-index: 20;
	}
	
	.v_icon:before {	    		
		content: "";
		position: absolute;	    		
		width: 0;
		height: 0;
		top: 13px;
	    left: 23px;
	    border-left: 31px #fff solid;
	    border-right: 0px transparent solid;
	    border-top: 21px transparent solid;
	    border-bottom: 21px transparent solid;
	}
	
	.nkd_vlist dd {
		margin: 0;
	    display: block;
	    width: 100%;
	    height: 56px;
	    line-height: 1.5;
	    text-align: center;
	    font-size: 16px;
	    overflow: hidden;
	}
	
	.nkd_vlist dd a { display: inline-block;padding: 10px; color: #000; text-decoration: none;}
	
	.nkd_vlist dl:hover a { display: block; transition: all .3s;}
	
	.nkd_v_info { margin: auto; height: auto; }
	
	.v-title { font-size: 24px; line-height: 2;color: #002923; text-align: center; font-weight: bold;}

    .v-date { text-align: center; font-size: 18px; color: #009e96;}
    
    .v-src { margin-top: 50px;}
    
    /*shouji*/
    #video { display: none; position: relative;}
   
    .u-view .picture{height: 360px;}
    
	.u-videos .picture{cursor: pointer;}
	
	.u-view{color: #fff;}
	
	.u-view .bg-name{    
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		position: absolute;
		bottom: 15px;
		left: 25px;
		font-size: 18px;
		line-height: 1.2;
		right: 180px;
	}
	
	.u-view .bg .fa{ 
		cursor:pointer;position: absolute; z-index:3; left: 50%;top: 50%;margin-left: -34px;
		font-size: 30px;border: solid 2px #fff;width: 68px;height: 68px;text-align: center;
		line-height: 68px;
	}
	
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		float: left;}
	.u-view .picture-box{background-size: cover;background-position: center;height:360px;}


@media only screen and max-width:1200px  {
	.u-pic-mid {
	    height:260px;
	    background-size: 100% auto;
	}
}

@media screen and (max-width: 768px) and (min-width: 320px) {
	.col-sm-half,.video-small { width: 100%;}
	
	.video-small .video { height: 216px;}
	
	.u-view .bg .fa {top: 36%;}
	 
	#video { display: block;}

	.ban_head ul li { font-size:24px; }
	
	.ny_bg_tt h3 {
	    width: 54% !important;
	    height: 60px !important;
	    line-height: 60px !important;
	}

	.main_banbox { padding-top:338px; }

	.main_banbox2 { padding-top:330px; }

	/*nkd_video*/
	.nkd_vlist dl { width: 100%; margin-right: 0; clear: both; height:auto; }
	
	.v_bg { height: 192px;}

	.nkd_vlist dt a { padding: 63px 0; }
	
	.txt_h3 { height: 60px;width: 54%; text-align: left; font-size:18px; padding-left:8px !important; line-height: 60px; }
	
	.txt_h3:before { content: ""; height: 60px;}
	
	.v-src { display: none;}	

	.video-small { padding:0; }

	.go_back { width:auto; }

}