.knowledgelist {
  padding: 50px 0;
}
.knowledgelist li {
  position: relative;
  margin-bottom: 70px;
  width: 100%;
 background: #e7e7e7;
  padding:70px 118px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.knowledgelist li .knowledgelistitem{
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
.knowledgelistitem .pic{
	width: 324px;
	height: 203px;
	overflow: hidden;

	
}
.knowledgelistitem .pic img{
	max-width: 324px;
height: auto;	-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.knowledgelistitem .txt{
	width: calc(100% - 370px);
}
.knowledgelist li h4{
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #be9e5d;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 20px;
	border-bottom: 1px #e3c4c6 solid;
	padding-left: 40px;
	background: url(../images/nys/local.png) no-repeat left center;
	background-size: 24px;
}

.knowledgelistitem .txt p{
	font-size: 14px;
	line-height: 26px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-height: 78px;
	text-align: justify;
	color: #646464;
}
.knowledgelistitem .txt .time{
	font-size: 18px;
	color: #be9e5d;
	padding-top: 30px;
}

.knowledgelist li:hover  h4{color: #fff; background: url(../images/nys/local02.png) no-repeat left center;}
.knowledgelist li:hover .txt p{color: #fff;}
.knowledgelist li:hover .time{color: #fff;}
.knowledgelist li:hover .pic img{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.knowledgelist li:hover::after{
	content: "";
	position: absolute;
	left: -36px;
	top: 0;
	background: url(../images/nys/listactivre02.png) 0 0 no-repeat ;
	z-index: 1;
	 width: calc(100% + 72px);
	z-index: -1;
	height: 100%;
	background-size: cover;
}
.AdmissionsMore a {
	position: absolute;
	bottom: 43px;
	width: 140px;
	padding: 10px 18px;
	overflow: hidden;
	border: 1px #7f7f7f solid;
	color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
}
.knowledgelist li:hover .AdmissionsMore a {
	border: 1px #fff solid;
	color: #fff;
}
.knowledgelist li:hover .AdmissionsMore a .AdmissionsMoreimg{
	width: 13px;
	height: 14px;
	margin-left: 5px;
	background: url(../images/nys/icon2-3.png) 0 0;
	background-repeat: no-repeat;
}
.AdmissionsMore a .AdmissionsMoreimg{
	width: 13px;
	height: 14px;
	margin-left: 5px;
	background: url(../images/nys/icon2-2.png) 0 0;
	background-repeat: no-repeat;
}
@media screen and (max-width:1366px){

	.AdmissionsMore a{
		bottom: 70px;
	}
}
@media screen and (max-width:1080px){
	.knowledgelistitem .txt .time{
		padding-top: 15px !important;
	}
	.knowledgelistitem .txt p {
		-webkit-line-clamp: 4 !important;
		max-height: 104px;
	}
	.AdmissionsMore a{
		bottom: 70px;
	}
}
@media screen and (max-width:768px) {
	.knowledgelist li{
		padding: 20px;
	}
	.knowledgelist li .knowledgelistitem{
		flex-wrap: wrap;
		
	}
	.knowledgelistitem .txt{
		width: calc(100% - 270px);
		margin-bottom: 15px;
		
	}
	.knowledgelistitem .txt p{
		-webkit-line-clamp: 2;
		max-height: 52px;
	}
	.knowledgelistitem .txt .time{
		padding-top: 10px  !important;
	}
	.knowledgelistitem .pic,.knowledgelistitem .pic img{
		width: 250px;
		height: 157px;
	}
	.knowledgelist li{
		margin-bottom: 30px;
	}
}

@media screen and (max-width:480px) {
	.knowledgelist li{
		padding: 20px;
	}
	.knowledgelist li .knowledgelistitem{
		flex-wrap: wrap;
		
	}
	.knowledgelistitem .txt{
		width: 100%;
		margin-bottom: 15px;
	}
	.knowledgelistitem .pic{
		width: 100%;
	}
	.knowledgelist li{
		margin-bottom: 30px;
	}
}