/*════════════新闻模块样式════════════*/

/* 新闻列表 */
.newsList{
	  margin-left: 2%;
	  margin-right: 2%;
	  width: 96%;
	  height: 80px;
	  margin-top: 10px;
}

/* 新闻标题 */
.newsTitle {
  width: 100%;
  height: 100px;
  margin-top: 20px;
  background-color: #DDDDDD;
  display: flex;
}

/* 公司新闻 */
.newsCompany {
  height: 100px;
  width: 30%;
  background-color: #0E325C;
  margin-left: 4%;
  margin-right: 1%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.newsCompany a {
  color: white;
}

/* 签约合作 */
.newsContract {
  height: 100px;
  width: 30%;
  /* background-color: black; */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 行业新闻 */
.newsIndustry {
  height: 100px;
  width: 30%;
  /* background-color: green; */
  margin-left: 1%;
  margin-right: 4%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 新闻内容 */
.newsContainer{
	width: 100%;
	/* height: 700px; */
	position: relative;
	/* background-color: #60BBA7; */
}
/* 每个新闻项 */
.newsItem{
	width: 100%;
	height: 350px;
	/* background-color: red; */
	display: flex;
	margin-top: 10px;
	background-color: #DDDDDD;
}
/* 新闻项左边 */
.newsLeft{
	width: 350px;
	height: 350px;
	/* background-color: yellow; */
	/* display: flex;
	justify-content: center; /* 水平居中*/
	/* align-items: center; /* 垂直居中*/ 
}
/* 新闻项图片 */
.newsLeft img{
	width: 320px;
	height: 320px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
}
/* 新闻项右边 */
.newsRight{
	flex-grow: 1;/* 占据右边剩余空间 */
	/* background-color: blue; */
	/* 第一行固定高度，第二行铺满剩余空间 */
	display: grid;
	grid-template-rows: 110px 1fr; 
	overflow: hidden;
}
/* 新闻项标题 */
.newsItemTitle{
	font-weight: bold;
	/* background-color: red; */
	/*让div中元素水平居中和垂直居中 【下面设置的显示2行有影响垂直居中，暂时就先注释了】*/
	/* display: flex;
	align-items: center; *//*垂直居中*/
	/*以下4行代码配合一起才可以实现文字超出宽度时，用省略号表示（实现多行文字效果）*/
	display: -webkit-box;
	-webkit-line-clamp: 2;/*设置显示行数*/
	-webkit-box-orient: vertical;/*显示省略号*/
	overflow: hidden;
}
/* 新闻项内容 */
.newsContext{
	/* 第2行固定高度，第1行铺满剩余空间 */
	display: flex;
	flex-direction: column;
/* 	display: grid;
	grid-template-rows: 1fr 70px; */	
	/* background-color: #5AC561; */
	overflow: hidden;
	
}
/* 新闻项内容文本 */
.newsText{
	flex: 1;
	/*以下4行代码配合一起才可以实现文字超出宽度时，用省略号表示（实现多行文字效果）*/	
	display: -webkit-box;
	-webkit-line-clamp: 3;/*设置显示行数*/
	-webkit-box-orient: vertical;/*显示省略号*/
	overflow: hidden;
	/* background-color: #B94850; */
}
/* 新闻项内容日期 */
.newsDate{
	height: 75px;
	display: grid;
	grid-template-columns: 60px 1fr; /* 列布局，左侧固定宽度，右侧剩余空间 */
	/* background-color: #B94850; */
}
.newsDateImg{
	width: 60px; /* 左侧固定宽度 */
	/* background-color: #5AC561; */

	/*让div中元素水平居中和垂直居中 */
	display: flex;
	justify-content: center;/*水平居中*/
	align-items: center;/*垂直居中*/
}
.newsDateImg img{
	width: 40px;
	height: 40px;
}
.newsDateTime{
	flex-grow: 1; /* 右侧铺满剩余空间 */
	/* background-color: #EE803A; */
	/* 让div中元素水平居中和垂直居中 */
	display: flex;
	align-items: center;/*垂直居中*/
	margin-left: 5px;
}