/* 基础动画变量（统一管理动画参数） */
:root {
  --transition-base: all 0.3s ease;
  --transition-fast: all 0.2s ease;
  --shadow-hover: 0 0 20px 2px rgba(180, 198, 220, 0.8);
  --color-primary: #014eae;
  --color-hover: #1e5191;
}

/* 新闻资讯整体 */
.xyxw {
  width: 100%;
  float: left;
}

/* 新闻图片区 */
.xwpic {
  position: relative;
  float: left;
  width: 49%;
  max-width: 720px;
  height: 600px;
  margin-top: 30px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 0 15px 1px #b4c6dc;
  transition: var(--transition-base); /* 容器hover阴影动画 */
}
.xwpic:hover {
  box-shadow: var(--shadow-hover);
  transform: translateY(-3px); /* 轻微上移 */
}

.xwpic .hd {
  position: absolute;
  bottom: 122px;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 99;
}
.xwpic .hd ul li {
  float: left;
  width: 90px;
  height: 80px;
  margin-right: 2px;
  opacity: 1;
  transition: var(--transition-fast); /* 导航项hover动画 */
  cursor: pointer;
}
/* 导航栏背景色（精简透明度写法） */
.pic_hd1 { background-color: #0c4fa3; }
.pic_hd2 { background-color: rgba(12, 79, 163, 0.9); }
.pic_hd3 { background-color: rgba(12, 79, 163, 0.7); }
.pic_hd4 { background-color: rgba(12, 79, 163, 0.5); }
.pic_hd5 { background-color: rgba(12, 79, 163, 0.3); }

/* 导航选中/hover */
.xwpic .hd ul li.on,
.xwpic .hd ul li:hover {
  background-color: #fff;
  transform: scale(1.05); /* 轻微放大 */
}
.xwpic .hd ul li b {
  float: left;
  width: 100%;
  height: 40px;
  margin-top: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 40px;
  text-align: center;
  transition: var(--transition-fast);
}
.xwpic .hd ul li span {
  float: left;
  width: 100%;
  height: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  font-family: MicrosoftYaHei;
  transition: var(--transition-fast);
}
.xwpic .hd ul li.on b,
.xwpic .hd ul li.on span,
.xwpic .hd ul li:hover b,
.xwpic .hd ul li:hover span {
  color: var(--color-primary);
}

/* 新闻图片内容区 */
.xwpic .bd { float: left; width: 100%; }
.xwpic .bd ul { float: left; width: 100%; }
.xwpic .bd .tempWrap { float: left; width: 100% !important; }
.xwpic .bd ul li { float: left; width: 100%; }
.xwpic .bd ul li .pic {
  float: left;
  width: 100%;
  height: 480px;
  overflow: hidden;
}
.xwpic .bd ul li .pic img {
  width: 100%;
  height: auto;
  transition: var(--transition-base); /* 图片hover缩放 */
}
.xwpic .bd ul li:hover .pic img {
  transform: scale(1.05); /* 图片轻微放大 */
}
.xwpic .bd ul li .bt {
  float: left;
  width: 100%;
  padding: 0 30px;
  text-align: left;
  background: #fff url(../img/bg_xwbt.png) no-repeat right 35px bottom;
}
.xwpic .bd ul li .bt a {
  display: flex;
  align-items: center;
  height: 120px;
  font-weight: bold;
  color: #000;
  line-height: 30px;
  transition: var(--transition-fast); /* 标题颜色渐变 */
}
.xwpic .bd ul li:hover .bt a {
  color: var(--color-primary);
}

/* 新闻标题右侧区 */
.xwbt {
  float: right;
  width: 49%;
  max-width: 720px;
  margin-top: 30px;
}
.xwbt ul {
  width: 100%;
  border-top: 1px dashed #b4c6dc;
}
.xwbt ul li {
  width: 100%;
  padding: 17px 0 16px;
  border-bottom: 1px dashed #b4c6dc;
  transition: var(--transition-fast); /* 列表项hover背景 */
}
.xwbt ul li:hover {
  background-color: rgba(1, 78, 174, 0.03); /* 轻微背景色 */
  padding-left: 10px; /* 轻微左移 */
}
.xwbt ul li .date {
  width: 80px;
  color: var(--color-primary);
}
.xwbt ul li .date b {
  font-size: 26px;
  text-align: right;
}
.xwbt ul li .date span { font-size: 18px; }
.xwbt ul li .bt {
  width: calc(100% - 100px);
  height: 60px;
  padding-left: 20px;
  border-left: 1px solid #b4c6dc;
}
.xwbt ul li .bt a {
  float: left;
font-size:18px;
  height: 60px;
  line-height: 30px;
  overflow: hidden;
  transition: var(--transition-fast);
}
.xwbt ul li:hover .bt a {
  color: var(--color-hover);
}

/* 通知公告 */
.tzgg {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tzgg .lm {
  float: left;
  width: 260px;
  height: 400px;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: url(../img/bg_tzgglm.png) no-repeat left center;
  transition: var(--transition-base);
}
.tzgg .lm:hover {
  transform: scale(1.02); /* 侧边栏轻微放大 */
}
.tzgg .tit {
  width: 120px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tzgg .tit h6, .tzgg .tit span {
  color: #fff;
  margin: 0;
  transition: var(--transition-fast);
}
.tzgg .lm:hover .tit h6 {
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.8); /* 文字发光 */
}
.tzgg .tit span {
  display: inline-block;
  margin: 0 auto;
}
.tzgg .tit span::after, .tzgg .tit span::before {
  background-color: #fff;
}
.tzgg .more {
  margin: 0 auto;
  color: #fff;
  background: url(../img/bg_more2.png) no-repeat right center;
  transition: var(--transition-fast);
  cursor: pointer;
}
.tzgg .more:hover {
  transform: translateX(5px); /* 更多按钮右移 */
}
.tzgg ul {
  float: right;
  width: calc(100% - 320px);
}
.tzgg ul li {
  width: 100%;
  padding: 24px 0;
  line-height: 30px;
  border-bottom: 1px solid #ccd4de;
  background: url(../img/tzgg_li.png) no-repeat right center;
  transition: var(--transition-fast);
}
.tzgg ul li:hover {
  background-color: rgba(1, 78, 174, 0.03);
  border-left: 3px solid var(--color-primary); /* 左侧边框高亮 */
  padding-left: 10px;
}
.tzgg ul li span.time {
 float:left;
  color: var(--color-primary);
  padding-right: 20px;
}
.tzgg ul li a {float:left;
 width:calc(100% - 130px);
  padding-left: 20px;
  border-left: 1px solid var(--color-primary);
  transition: var(--transition-fast);
}
.tzgg ul li:hover a {
  color: var(--color-hover);
  font-weight: 500;
}

/* 学生动态 */
.xsdt {
  width: 49%;
  max-width: 720px;
  position: relative;
  z-index: 9;
}
.xsdt ul li {
  float: left;
  width: 100%;
  padding-left: 20px;
  line-height: 70px;
  border-bottom: 1px dashed #cdcdcd;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: url(../img/xw_list.png) no-repeat left center;
  transition: var(--transition-fast);
}
.xsdt ul li:hover {
  background-color: rgba(1, 78, 174, 0.03);
  padding-left: 25px; /* 左移 */
}
.xsdt ul li a {
  width: calc(100% - 120px);
 
  color: #333;
  line-height: 70px;
  transition: var(--transition-fast);
}
span.time{font-size: 16px;}
.xsdt ul li  {
  
  color: var(--color-primary);
  transition: var(--transition-fast);
}
.xsdt ul li:hover a,
.xsdt ul li:hover span.time {
  color: var(--color-hover);
}

/* 特殊新闻项 */
.xsdt ul li.st {
  line-height: 0;
  padding: 0;
  margin: 30px 0 15px;
  border: 0;
  background: #fff;
  background-image: none;
  box-shadow: 0 0 15px 1px #b4c6dc;
  transition: var(--transition-base);
}
.xsdt ul li.st:hover {
  box-shadow: var(--shadow-hover);
  transform: translateY(-5px); /* 上移+阴影放大 */
}
.xsdt ul li.st .pic {
  width: 378px;
  height: 210px;
  overflow: hidden;
}
.xsdt ul li.st .pic img {
  transition: var(--transition-base);
}
.xsdt ul li.st:hover .pic img {
  transform: scale(1.08); /* 图片放大 */
}
.xsdt ul li.st .bt {
  position: relative;
  width: calc(100% - 378px);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.xsdt ul li.st .bt::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  width: 10px;
  height: 20px;
  background-color: var(--color-primary);
  transition: var(--transition-fast);
}
.xsdt ul li.st:hover .bt::before {
  height: 30px; /* 伪元素高度变化 */
  background-color: var(--color-hover);
}
.xsdt ul li.st .bt a {
  float: left;
  width: 100%;
  line-height: 30px;
}
.xsdt ul li.st .bt span.time {
  float: left;
  line-height: 20px;
 
  color: var(--color-primary);
}

/* 人才培养 */
.rcpy {
  width: 49%;
  max-width: 720px;
}
.bg_rc { margin-top: 30px; }
.rcpy ul {
  float: right;
  width: calc(100% - 250px);
  margin-top: 30px;
}
.rcpy ul li {
  float: left;
  width: 100%;
  padding: 14px 0 14px 15px;
  line-height: 35px;
  border-bottom: 1px dashed #cdcdcd;
  background: url(../img/xw_list.png) no-repeat left 28px;
  transition: var(--transition-fast);
}
.rcpy ul li:hover {
  background-color: rgba(1, 78, 174, 0.03);
  padding-left: 25px;
  border-left: 0px solid var(--color-primary);
}
.rcpy ul li a { 
  
  transition: var(--transition-fast);
}
.rcpy ul li:hover a {
  color: var(--color-hover);
  font-weight: 500;
}
.rcpy ul li span.time {
  
  color: var(--color-primary);
}

/* 党建工作 */
.djgz ul li.st .pic { width: 280px; height: 210px; }
.djgz ul li.st .bt { width: calc(100% - 280px); }
.djgz ul li.st .bt p {
  
  color: #888;
  line-height: 25px;
  transition: var(--transition-fast);
}
.djgz ul li.st:hover .bt p {
  color: #555; /* 描述文字加深 */
}