#my-video2{
    margin:0 auto;
    max-width: 100%;
}
.sy_n2 .bt>h3{
	font-size:16px;
	
}

@media only screen and (min-width: 1400px){
		
	.sy_ban .bt{
		font-size:38px;
	}
}

@media only screen and (max-width: 1200px) {
	.u17 li a{
		border: 1px solid #dedede;
		height: 60px;
		line-height: 60px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 15px;
		padding: 0 15px;
		background-color: #fff;
	}
	.u17 li .tit {
		font-size: 16px;
		width: 70%;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		overflow:hidden; 
		white-space: nowrap;
	}
	.u17 li .time {
		color: #b0b0b0;
		font-size: 14px;
	}
	.u17 li:hover a{
		background-color: #0a3c6e;
		color: #fff;
	}
	.u17 li:hover .time {
		color: #fff;
	}
	
	.sy_ban .bt{
		font-size:28px;
	}
	
	
}
@media only screen and (min-width: 1200px) {
	.u17 li a{
		border: 1px solid #dedede;
		height: 60px;
		line-height: 60px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 15px;
		padding: 0 20px;
		background-color: #fff;
	}
	.u17 li .tit {
		font-size: 18px;
		width: 80%;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		overflow:hidden; 
		white-space: nowrap;
	}
	.u17 li .time {
		color: #b0b0b0;
		font-size: 16px;
	}
	.u17 li:hover a{
		background-color: #0a3c6e;
		color: #fff;
	}
	.u17 li:hover .time {
		color: #fff;
	}
}
@media only screen and (min-width: 1000px) {
	.sy_ban .bt{
		font-size:30px;
	}
}

@media only screen and (max-width: 550px){
	.sy_ban .bt{
		font-size:16px;
	}
}

.ab_nr img {
    height: auto !important;
}
.sy_n2 .bt{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	white-space: initial!important;

}


