.new ul li{
		padding: 50px 0;
		border-bottom:1px solid #dddddd ;
		transition:all 0.3s ease 0s;
	}
	.new ul li h5 a{
		font-size: 24px;
		font-weight: 400;
		line-height: 1.6;
		color: #21242B;
		padding-bottom: 15px;
		display: inline-block;
	}
	.new ul li p{
		font-size: 16px;
		color: #555555;
		padding-bottom: 30px;
		line-height: 1.8;
		overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
	}
	.new ul li:hover{
		background-color: #f9f9f9;
		padding: 50px;
	}
	.new ul li:hover h5 a{
		color: #EA6D01;
	}
	.new ul li:hover p{
		color: #21242B;
	}
	.case{
		display: flex;
		flex-flow: wrap;
		background-color: #f9f9f9;
		border-radius: 15px;
		overflow: hidden;
		margin-bottom: 30px;
	}
	.case:hover{
		background-color: #dddddd;
	}
	.case .case-L{
		width: 45%;
		background-repeat: no-repeat;
		background-size: cover, cover;
		background-position: center;
	}
	.case:hover .case-L{
		opacity: 0.9;
	}
	
	.case .case-R{
		width: 55%;
		padding: 50px 80px 80px;
	}
	.case .date{
		display: flex;
		flex-flow: wrap;
	}
	.case .date .date-L{
		font-size: 52px;
		font-weight: 600;
		color: #EA6D01;
		padding-bottom: 10px;
		border-bottom: 6px solid #EA6D01;
	}
	.case .date .date-R{
		font-size: 18px;
		color: #cccccc;
		padding-left: 15px;
		line-height: 1.2;
		padding-top: 4px;
	}
	.case h3{
		padding: 40px 0 10px;
	}
	.case h3 a{
		font-size: 24px;
		color: #21242B;
		display: inline-block;
		width: 100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.case p{
		font-size: 16px;
		color: #555555;
		line-height: 1.8;
		margin-bottom: 30px;
	}
	
	@media (max-width:1200px){
		.case{
			margin-top: 30px;
		}
		.case .case-R{
			padding:  60px;
		}
		.case .date{
			display: none;
		}
		.case h3{
			padding-top: 0;
			padding-bottom: 20px;
		}
	}
	@media (max-width:980px){
		.case{
			margin-top: 20px;
			margin-bottom: 10px;
		}
		.case .case-R{
			padding:  40px;
		}
		.case h3 a{
			font-size: 20px;
		}
		.case h3{
			padding-bottom: 10px;
		}
		.case p{
			font-size: 15px;
			margin-bottom: 20px;
		}
		.new ul li h5 a{
			font-size: 20px;
			padding-bottom: 10px;
		}
		.new ul li p{
			font-size: 15px;
			padding-bottom: 20px;
		}
		.new ul li{
			padding: 30px 0;
		}
		.new ul li:hover{
			padding: 30px;
		}
		
	}
	@media (max-width:768px){
		.case h3 a{
			font-size: 18px;
		}
		.new ul li h5 a{
			font-size: 18px;
			padding-bottom: 5px;
		}
	}
	@media (max-width:500px){
		.case .case-L{
			width: 100%;
			height: 150px;
		}
		.case .case-R{
			width: 100%;
			padding: 20px;
		}
		.case h3{
			padding-bottom: 10px;
		}
		.case h3 a{
			font-size: 16px;
		}
		.new ul li h5 a{
			font-size: 16px;
			padding-bottom: 5px;
		}
		.case p{
			margin-bottom: 15px;
		}
		.new ul li{
			padding: 20px 0;
		}
		.new ul li:hover{
			padding: 20px 0;
		}
		.new ul li p{
			white-space: initial
		}
	}