.title {
  line-height: 24px;
  padding: 36px 0 26px;
}
.title h2 {
  font-size: 24px;
  color: #0d3eac;
}
.title span {
  font-size: 14px;
  color: #bfbfbf;
}
.news_pic {
  width: 375px;
  float: left;
  height: 257px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.news_list {
  width: 375px;
  float: right;
}
.news_list li {
  margin-top: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.news_list li:first-child {
  margin-top: 0;
}
.news_list li .txt a {
  float: left;
  width: calc(100% - 55px);
  line-height: 30px;
  font-size: 18px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news_list li .txt span {
  float: right;
  width: 55px;
  text-align: right;
  font-size: 16px;
  line-height: 22px;
  color: #333;
}
.news_list li p {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 10px;
}
.news_list li:hover .txt a {
    color: #0d3eac;
    font-weight: bolder;
}
.news_list li:hover .txt span {
    color: #0d3eac;
    font-weight: bolder;
}

.notice_list li {
  display: block;
  height: 75px;
  border: 1px solid rgba(235, 243, 248, 0.8);
  margin-bottom: 15px;
}
.notice_list li:last-child {
  margin-bottom: 0;
}
.notice_list li .date {
  float: right;
  width: 68px;
  padding-right: 15px;
  padding-top: 10px;
}
.notice_list li .date .days {
  font-size: 24px;
  font-weight: bold;
  color: #0d3eac;
  text-align: center;
}
.notice_list li .date .years {
  font-size: 14px;
  color: #999999;
}
.notice_list li .text {
  float: left;
  width: 270px;
  margin-top: 15px;
  height: 40px;
  border-right: 1px solid #eee;
  padding-right: 15px;
  padding-left: 15px;
}
.notice_list li .text a {
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}
.notice_list li:hover {
  box-shadow: 0px 3px 10px 1px rgba(74, 104, 128, 0.3);
}
.notice_list li:hover .text a {
  color: #0d3eac;
}
.my_list li {
  border-bottom: 1px dashed #eee;
}
.my_list li a {
  float: left;
  width: calc(100% - 100px);
  line-height: 49px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my_list li span {
  float: right;
  line-height: 49px;
  font-size: 16px;
  color: #666;
}
.my_list li:hover a {
  color: #0d3eac;
  font-weight: bold;
}
.my_list li:hover span {
  color: #0d3eac;
  font-weight: bold;
}
.links {
  display: flex;
  justify-content: space-between;
}
.links li {
  width: 116px;
}
.links li a {
  display: block;
}
.links li .icon {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.links li span {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: #333;
  text-align: center;
}
.links li:hover span {
  color: #1149b0;
  font-weight: bold;
}
.links li:nth-child(1) .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/icon01.png");
}
.links li:nth-child(2) .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/icon02.png");
}
.links li:nth-child(3) .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/icon03.png");
}
.links li:nth-child(4) .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/icon04.png");
}
.links li:nth-child(5) .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/icon05.png");
}
.links li:nth-child(6) .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/icon06.png");
}
.links li:nth-child(7) .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/icon07.png");
}
.links li:nth-child(1):hover .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/iconH01.png");
}
.links li:nth-child(2):hover .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/iconH02.png");
}
.links li:nth-child(3):hover .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/iconH03.png");
}
.links li:nth-child(4):hover .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/iconH04.png");
}
.links li:nth-child(5):hover .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/iconH05.png");
}
.links li:nth-child(6):hover .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/iconH06.png");
}
.links li:nth-child(7):hover .icon {
  background-image: url("https://www.josephineteh.com/__xh__/jjc.xzhmu.edu.cn/img/iconH07.png");
}
.pic_list {
  margin-top: 15px;
}
.pic_list li {
  float: left;
  width: calc(50% - 20px);
}
.pic_list li:nth-child(2n) {
  float: right;
}
.pic_list li:nth-child(1),
.pic_list li:nth-child(2) {
  margin-bottom: 30px;
}
.pic_list li .pic {
  float: left;
  width: 150px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.pic_list li .txt {
  float: right;
  width: calc(100% - 160px);
  padding-top: 10px;
}
.pic_list li .txt a {
  display: block;
  height: 50px;
  line-height: 25px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.pic_list li .txt span {
  display: block;
  font-size: 14px;
  color: #666;
}
.pic_list li:hover {
    box-shadow: 1px 1px 5px #eee;
}
.pic_list li:hover .txt a {
    color: #0d3eac;
    font-weight: bolder;
}