@charset "utf-8";

/*列表页*/
.list_news {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 40rem 40rem 80rem;
	box-sizing: border-box;
}

.list_news_ul {
	width: 100%;
	height: auto;
	margin: 0px auto 50rem;
	display: block;
}

.list_news_li {
	width: 100%;
	height: 115rem;
	box-sizing: border-box;
	padding: 0 46rem;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
	background:url(../images/ldcl_19.png) no-repeat;
	background-position: left 1600rem center;
	background-size: 100% 100%; 
}
.list_news_li>a {
	display: block;
	width: 100%;
	height: 115rem;
	padding: 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}

.list_news_li h3 {
	transition: all 0.5s;
	line-height: 25rem;
	font-size: 18rem;
	color: #333333;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	padding: 26rem 0 22rem 0;
}

.list_news_li span {
	transition: all 0.5s;
	font-size: 16rem;
	color: #147054;
	line-height: 1;
	padding: 0 0 0 62rem;
	display: block;
	position: relative;
}
.list_news_li span i {
	transition: all 0.5s;
	display: block;
	width: 50rem;
	height: 1px;
	background-color: #147054;
	position: absolute;
	left: 0;
	top: 8rem;
}
.list_news_li img{
	display: block;
	width: 182rem;
	height: 95rem;
	position: absolute;
	bottom: 2rem;
	right: -262rem;
	transition: all 0.5s;
}

.list_news_li:hover {
	/*background:url(../images/ldcl_19.png) no-repeat;*/
	/*background-position: left center;*/
	/*background-size: 100% 100%; */
	/*transition: all 0.5s;*/
}
.list_news_li:hover a{
	border-bottom: 1px solid #147054;
	transition: all 0.5s;
}

.list_news_li:hover h3 {
	color: #147054;
	transition: all 0.5s;
}

.list_news_li:hover span {
	color: #147054;
	transition: all 0.5s;
}
.list_news_li:hover span i {
	transition: all 0.5s;
	background-color: #147054;
}
.list_news_li:hover img{
	right: 47rem;
	transition: all 0.3s;
}

@media only screen and (max-width: 1000px) {
	* {
		box-sizing: border-box;
	}

	/*列表页*/
	.list_news {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 24rem 78rem;
		box-sizing: border-box;
	}
	
	.list_news_ul {
		width: 100%;
		height: auto;
		margin: 0px auto 90rem;
		display: block;
	}
	
	.list_news_li {
		width: 100%;
		height: 210rem;
		box-sizing: border-box;
		padding: 0;
		position: relative;
		overflow: hidden;
		transition: all 0.5s;
		background:url(../images/ldcl_19.png) no-repeat;
		background-position: left 680rem center;
		background-size: 100% 100%; 
	}
	.list_news_li>a {
		display: block;
		width: 100%;
		height: 210rem;
		padding: 0;
		box-sizing: border-box;
		border-bottom: 1px solid #ddd;
	}
	
	.list_news_li h3 {
		transition: all 0.5s;
		line-height: 50rem;
		font-size: 32rem;
		color: #333333;
		font-weight: normal;
		white-space: wrap;
		overflow: hidden;
		text-overflow: initial;
		width: 100%;
		height: 162rem;
		padding: 40rem 0 22rem 0;
	}
	
	.list_news_li span {
		transition: all 0.5s;
		font-size: 24rem;
		color: #147054;
		line-height: 1;
		padding: 0 0 0 100rem;
		display: block;
		position: relative;
	}
	.list_news_li span i {
		transition: all 0.5s;
		display: block;
		width: 85rem;
		height: 1px;
		background-color: #147054;
		position: absolute;
		left: 0;
		top: 10rem;
	}
	.list_news_li img{
		display: block;
		width: 182rem;
		height: 95rem;
		position: absolute;
		bottom: 0;
		right: -262rem;
		transition: all 0.5s;
	}
	
	.list_news_li:hover {
		/*background:url(../images/ldcl_19.png) no-repeat;*/
		/*background-position: left -30rem center;*/
		/*background-size: calc(100% + 30rem) 100%; */
		/*transition: all 0.5s;*/
	}
	.list_news_li:hover a{
		border-bottom: 1px solid #147054;
		transition: all 0.5s;
		padding: 0;
	}
	
	.list_news_li:hover h3 {
		color: #147054;
		transition: all 0.5s;
	}
	
	.list_news_li:hover span {
		color: #147054;
		transition: all 0.5s;
	}
	.list_news_li:hover span i {
		transition: all 0.5s;
		background-color: #147054;
	}
	.list_news_li:hover img{
		right: 47rem;
		transition: all 0.3s;
	}
}