.newsInforBanner{
  background:url(../../images/pc/schoolcxImg1.png) no-repeat center center;
  background-size:cover;
  padding:87px 0 91px 0;
}
.newsInforBanner h1{
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 56px;
  text-align: center;
  color: #000000;
}
.newsInforBanner p{
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* 文字/主要文字 */
  color: #303133;
  text-align:center;
  margin-top:12px;
}
.newsWrap1{
  margin:100px 0;
}
.newsWrap1 .centerBg{
  width:1159px;
  margin:0 auto;
}
.newsWrap1 ul{
  padding:44px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
}
.newsWrap1 .left {
  width: 500px;
  height:312px;
  overflow: hidden;
  border-radius: 8px;
  float:left;
  position:relative;
}
.newsWrap1 .left img{
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: auto !important;
}
.newsWrap1 .right{
  float:left;
  width:485px;
  margin-left:48px;
}
.newsWrap1 .right h2{
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  color: #000000;
}
.newsWrap1 .right p{
  width:420px;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #000000;
  margin-top:15px;
  overflow: hidden;
  text-overflow: ellipsis;  /* 超出部分省略号 */
  word-break: break-all;  /* break-all(允许在单词内换行。) */  
  display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-line-clamp: 5; /* 显示的行数 */
  max-height: 80rpx; /* 设置最大高度，根据行高，要几行乘以几倍 */
}
.newsWrap1 .right a{
  width: 96px;
  height: 40px;
  background: #4877F0;
  border-radius: 4px;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  margin-top:16px;
  display:block;
  transition: 0.5s;
}
.newsWrap1 .right a:hover{
  background:rgba(110, 147, 240);
}
.newsWrap2{
  background: #F8F9FB;
  padding:56px 0 65px 0;
}
.newsWrap2 h2{
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  color: #000000;
  text-align: center;
}
.newsWrap2 .newsTabs{
  margin-top:17px;
}
.newsWrap2 .newsTabs li{
  float:left;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #606266;
  border-radius: 4px;
  width: 96px;
  height: 28px;
  cursor: pointer;
  margin-right:12px;
}
.newsWrap2 .newsTabs li:hover{
  color: #4877F0;
  background: #ECF5FF;
}
.activeClass{
  color: #4877F0 !important;
  background: #ECF5FF;
}
.newsWrap2 .centerBg{
  width:1158px;
  margin:0 auto;
}
.tabsContents{
  margin-top:24px;
}
.tabsContents .pageItem{
  margin-top:62px;
}
.tabsContents .pageItem li{
  position:relative;
  margin-left:24px;
  float:left;
  width:370px;
  height:400px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border-radius: 8px 0px 8px 8px;
  -webkit-transition-duration: 0.2s; /* Safari */    
  transition-duration: 0.2s;
   margin-bottom:32px;
}
.tabsContents .pageItem li .imgBox{
  width:100%;
  height:217px;
  overflow: hidden;
  position:relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tabsContents .pageItem li .imgBox img{
  width:100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tabsContents .pageItem li:hover{
transform: translateY(-8px)
}
.tabsContents .pageItem li:first-child+li+li+li{
  margin-left:0;
}
.tabsContents .pageItem li:first-child+li+li+li+li+li+li{
  margin-left:0;
}
.tabsContents .pageItem li:first-child{
  margin-left:0;
}
.tabsContents .pageItem li h3{
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  margin:16px 16px 0 16px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* 这里是超出几行省略 */
  overflow: hidden;
}
.tabsContents .pageItem li p{
font-family: 'PingFang SC';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #606266;
margin:5px 16px 0 16px;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* 这里是超出几行省略 */
overflow: hidden;
}
.tabsContents .pageItem li span{
font-family: 'PingFang SC';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #606266;
display:block;
position: absolute;
bottom:16px;
left:16px;
}
.pagination{
  /*width: 232px;*/
  text-align:center;
  height: 28.09px;
  margin:0 auto;
}

.pagination li{
  width: 29px;
  height: 29px;
  float:left;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 15.2727px;
  line-height: 29px;
  text-align: center;
  cursor: pointer;
}
.pagination li a{
  color: #606266;
  display: block;
}
.pagination li.next,.pagination li.prev{
  font-family:'宋体';
}
.pagination li:hover{
  background: #4877F0;
  border-radius: 2.54545px;
}
.pagination li:hover a{
  color:#fff;
}
/* 当前页码样式 */
.activeClass a{
  color:#fff !important;
  background: #4877F0;
  border-radius: 2.54545px;
  transition: 0.5s;
}
.activeClass a:hover{
  background:rgba(110, 147, 240);
}
@media screen and (max-width: 1180px) {
  .newsInforBanner{
    padding: 5% 0;
  }
  .newsInforBanner h1{
    font-size: 30px;
  }
  .newsInforBanner .centerBg{
    width:92%;
    margin:0 auto;
  }
  .newsInforBanner p{
    margin-top: 1%;
  }
  .newsWrap1{
    margin: 4% 0;
  }
  .newsWrap1 .centerBg{
    width:92%;
    margin:0 auto;
  }
  .newsWrap1 li{
    width:48% !important;
  }
  /* .newsWrap1 .right h2{
    font-size:24px;
  } */
  .newsWrap1 .right{
    margin-left: 4%;
  }
  /* .newsWrap1 .right p{
    font-size:14px;
    width:100%;
  } */
  .newsWrap1 .right a{
    width: 20%;
    font-size:13px;
    height: 38px;
  }
  .newsWrap2{
    padding: 4% 0 4% 0;
  }
  .newsWrap2 .centerBg{
    width:92%;
    margin:0 auto;
  }
  .tabsContents .pageItem li{
    width:31%;
    margin:1% !important;
  }
}
@media screen and (max-width: 860px) {
  .newsWrap1 li{
    width:90% !important;
    margin:4% auto 0;
    float:none !important;
  }
  .newsWrap1 .right p{
    width:100%;
    font-size: 13px;
    margin-top: 1%;
  }
  .newsWrap1 .right h2{
    font-size:22px;
  }
  .newsWrap1 .right a{
    font-size:12px;
  }
  .tabsContents .pageItem li{
    width:48% !important;
    margin:0 auto;
  }
}