@media only screen and (max-width:1440px){
	.news {
		width: 1200px;
	}
	.ban_bag > .txt {
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	   
	    width: 88%;
	}
}
@media only screen and (max-width:1199px){
	.news {
		width: 1000px;
	}
	.news-lists-right {
		width: 78%;
		
	}
	.news-lists-right > h3 {
		height: auto;
	}
	.news-lists-right > h3 > a {		
		font-size: 18px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		height: 2.8em;
	}
	.news-lists-right > .desc  {
		height: 4em;
	}
}
@media only screen and (max-width:959px){
	.news {
		width: 800px;
	}
	.ban_bag > .txt {
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
		width: 88%;
	}
	.ban_bag > .txt > h3 {
	    font-size: 2.8vw;
	    line-height: 54px;
	    letter-spacing: 6px;
	}
}
@media screen and (max-width:767px){
	.ban_bag  > img {
		width: 100vh;
	}
	.ban_bag > .txt {
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	    z-index: 99;
	    color: #fff;
	    width: 92%;
	}
	.ban_bag > .txt > h3 {
	    font-size: 4.8vw;
	    line-height: 54px;
	    letter-spacing: 6px;
	}
	.news {
		width: 94%;
		border-radius: 0;
		margin-top: -17%;
	}
	.news-nav > ul > li {
		font-size: 1.4em;
	}
	
	.news-lists {
		width: 95%;
	}
	.news-lists-div {
		border: none;
		border: 1px solid #e8e8e8;
		height: 260px;
		border-radius: 20px;
		margin-bottom: 20px;
	}
	.news-date {
		float: inherit;
		margin: auto;
		width: 88px;
		padding: 7px;
	}
	.news-lists-right {
		float: inherit;
		width: 95%;
		margin: auto;
		margin-top: 10px;
	}
	.news-lists-right > h3 {
		font-size: 18px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		height: 2.8em;
	}
	.news-lists-right > .desc {
		font-size: 14px;
		color: #666;
		height: 4em;
		margin-top: 10px;
	}
	
}