@media screen and (min-width: 1501px){
	html {
		background: #F5F5F5;
	}
	.list {
		box-sizing: border-box;
		
		margin-top: 50px;
	}
	
	.list li a{
		width: 1440px;
		margin:0 auto;
		background: #fff;
		box-sizing: border-box;
		padding: 25px;
		margin-bottom: 25px;
		display: flex;
	}
	
	.list li .list-pic {
		width: 350px;
		height:220px;
	}
	
	.list li .list-right {
		margin-left: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.list li .list-right h3 {
		font-size: 20px;
		font-weight: 400;
		color: #333333;
		margin-bottom: 18px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	
	
	
	.list li .list-right .list-date {
		display: flex;
		margin-bottom: 18px;
	}
	
	.list li .list-right .list-date span {
		font-size: 14px;
		color: #999999;
	}
	
	.list li .list-right .list-date p {
		font-size: 14px;
		color: #999999;
		margin-left: 70px;
	}
	
	.list li .list-right .list-content {
		font-size: 15px;
		color: #666666;
		margin-bottom: 18px;
		line-height: 26px;
	}
	
	.list li .list-right .list-more img{
		width: 35px;
		height:35px;
		
	}
	.list li .list-right .list-more .red{
		display: none;
		
	}
	.list li .list-right .list-more .white{
		display: block;
		
	}
	.list li:hover .list-right h3{
		color:#E30000 ;
	}
	.list li:hover .list-right .clampBlue{
		color: #286CCD !important;
	}
	.list li:hover .list-more .red{
		display: block;
		
	}
	.list li:hover .list-right .list-more .white{
		display: none;
	}
}
@media (max-width:1500px){
	html {
		background: #F5F5F5;
	}
	.list {
		box-sizing: border-box;
		
		margin-top: 40px;
	}
	
	.list li a{
		width: 1140px;
		margin:0 auto;
		background: #fff;
		box-sizing: border-box;
		padding: 20px;
		margin-bottom: 25px;
		display: flex;
	}
	
	.list li .list-pic {
		width: 300px;
		height:188.5725px;
	}
	
	.list li .list-right {
		margin-left: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.list li .list-right h3 {
		font-size: 18px;
		font-weight: 400;
		color: #333333;
		margin-bottom: 18px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	
	
	
	.list li .list-right .list-date {
		display: flex;
		margin-bottom: 18px;
	}
	
	.list li .list-right .list-date span {
		font-size: 12px;
		color: #999999;
	}
	
	.list li .list-right .list-date p {
		font-size: 12px;
		color: #999999;
		margin-left: 70px;
	}
	
	.list li .list-right .list-content {
		font-size: 13px;
		color: #666666;
		margin-bottom: 18px;
		line-height: 24px;
	}
	
	.list li .list-right .list-more img{
		width: 30px;
		height:30px;
		
	}
	.list li .list-right .list-more .red{
		display: none;
		
	}
	.list li .list-right .list-more .white{
		display: block;
		
	}
	.list li:hover .list-right h3{
		color:#E30000 ;
	}
	.list li:hover .list-more .red{
		display: block;
		
	}
	.list li:hover .list-right .list-more .white{
		display: none;
	}
}
@media (max-width:1199px){
	html {
		background: #F5F5F5;
	}
	.list {
		box-sizing: border-box;
		
		margin-top: 40px;
	}
	
	.list li a{
		width: 960px;
		margin:0 auto;
		background: #fff;
		box-sizing: border-box;
		padding: 15px;
		margin-bottom: 25px;
		display: flex;
	}
	
	.list li .list-pic {
		width: 250px;
		height:157.1437px;
	}
	
	.list li .list-right {
		margin-left: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.list li .list-right h3 {
		font-size: 16px;
		font-weight: 400;
		color: #333333;
		margin-bottom: 16px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	
	
	
	.list li .list-right .list-date {
		display: flex;
		margin-bottom: 14px;
	}
	
	.list li .list-right .list-date span {
		font-size: 8px;
		color: #999999;
	}
	
	.list li .list-right .list-date p {
		font-size: 8px;
		color: #999999;
		margin-left: 70px;
	}
	
	.list li .list-right .list-content {
		font-size: 9px;
		color: #666666;
		margin-bottom: 14px;
		line-height: 20px;
	}
	
	.list li .list-right .list-more img{
		width: 20px;
		height:20px;
		
	}
	.list li .list-right .list-more .red{
		display: none;
		
	}
	.list li .list-right .list-more .white{
		display: block;
		
	}
	.list li:hover .list-right h3{
		color:#E30000 ;
	}
	.list li:hover .list-more .red{
		display: block;
		
	}
	.list li:hover .list-right .list-more .white{
		display: none;
	}
}
@media (max-width:991px){
	html {
		background: #F5F5F5;
	}
	.list {
		box-sizing: border-box;
		padding:0 15px;
		margin-top: 15px;
	}
	
	.list li a{
		width: 100%;
		margin:0 auto;
		background: #fff;
		box-sizing: border-box;
		padding: 15px;
		margin-bottom: 15px;
		display: flex;
	}
	
	.list li .list-pic {
		width: 130px;
		height:80px;
	}
	
	.list li .list-right {
		margin-left:13px;
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.list li .list-right h3 {
		font-size: 13px;
		font-weight: 400;
		color: #333333;
		margin-bottom: 10px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	
	
	.list li .list-right .list-date {
		display: flex;
		margin-bottom: 14px;
	}
	
	.list li .list-right .list-date span {
		font-size: 8px;
		color: #999999;
	}
	
	.list li .list-right .list-date p {
		display: none;
		font-size: 8px;
		color: #999999;
		margin-left: 70px;
	}
	
	.list li .list-right .list-content {
		font-size: 9px;
		color: #666666;
		margin-bottom: 14px;
		line-height: 20px;
		display: none;
	}
	.list li .list-right .list-more{
		display: none;
	}
	
	.list li .list-right .list-more img{
		width: 20px;
		height:20px;
		display: none;
		
	}
	
	.list li:hover .list-right h3{
		color:#E30000 ;
	}
	
}