body {
  font-family: Microsoft YaHei;
  width: auto;
  height: auto;
  font-size: 18px;
  margin: 0;
  padding: 0;
}

a {
  cursor: pointer;
}

a:hover {
  color: #3A83E9;
}

button {
  outline: none;
  border: none;
  background: none;
}

input {
  outline: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/* 清除浮动 */
.cf:after {
  display: block;
  content: "";
  height: 0;
  visibility: hidden;
  clear: both;
}


.container1 {
  height: auto;
}

.middle_topp {
  height: 1080px;
  background: url(banner.png) no-repeat center center !important;
  background-size: 100% 100%;
  margin: 0 auto;
}

.middle_content {
  padding-bottom: 40px;
  padding-top: 40px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.middle_left {
  width: 300px;
}



.middle_left_t {
  width: 300px;
  height: 72px;
  background: #3a83e9;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  align-items: center;
}

.imgren {
  margin-left: 30px;
  margin-right: 30px;
}

.ldxx_title {
  font-size: 30px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #ffffff;
}

.middle_left_b {
  height: 420px;
  background: url(left-bg.png) no-repeat center !important;
}

.middle_left_b_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  box-sizing: border-box;
  cursor: pointer;
}

.ldxx_list {
  display: flex;
  align-items: center;

}

.jiantou {
  width: 12px;
  margin-right: 30px;
  height: 20px;
  background: url(jiantou.png) no-repeat center !important;
}

.active-jiantou {
  width: 12px;
  margin-right: 30px;
  height: 20px;
  background: url(active-jiantou.png) no-repeat center !important;
}

.line {
  width: 4px;
  height: 30px;
  background: #ffffff;
}

.ldxx_label {
  font-size: 22px;
  font-family: Microsoft YaHei, Microsoft YaHei-Bold;
  font-weight: 400;
  margin-left: 26px;
  color: #000000;


}

.line-active {
  background: #3a83e9;
}

.label_active {
  color: #3a83e9;
  font-weight: 700;

}



/* 初始激活状态 - "师领导"项 */
.middle_left_b_box.active .line {
  background: #3a83e9;
}

.middle_left_b_box.active .ldxx_label {
  color: #3a83e9;
  font-weight: 700;
}

.middle_left_b_box.active .jiantou {
  background: url(active-jiantou.png) no-repeat center !important;
}

/* 添加悬停效果 */
.middle_left_b_box:hover .line {
  background: #3a83e9;
}

.middle_left_b_box:hover .ldxx_label {
  color: #3a83e9;
  font-weight: 700;
}

.middle_left_b_box:hover .jiantou {
  background: url(active-jiantou.png) no-repeat center !important;
}

/* 确保.active项在非悬停时保持激活状态 */
.middle_left_b_box.active:not(:hover) .line,
.middle_left_b_box.active:not(:hover) .ldxx_label,
.middle_left_b_box.active:not(:hover) .jiantou {
  color: #3a83e9;
  font-weight: 700;

}

/* 右侧样式 */
.middle_right {
  width: 870px;
}

.right-title {
  font-size: 22px;
  font-family: Microsoft YaHei, Microsoft YaHei-Bold;
  font-weight: 700;
  color: #000000;
}

.right-content {
  margin-top: 30px;
  width: 870px;
  height: 248px;
  background: linear-gradient(180deg, #ffffff, #f4f9ff);
  border: 1px solid #f4f9ff;
  display: flex;
  align-items: center;
  transition: transform 0.25s ease;
}


.right-content:hover {
  transform: translateY(-10px);
  /* 向上滑动10像素 */
}

.imgmc {
  margin-left: 30px;
  margin-right: 20px;
}

.ldmc {
  font-size: 20px;
  font-family: Microsoft YaHei, Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  color: #3a83e9;
}

.ldxx {
  display: flex;
}

.ldxxzw {
  width: 80px;
  height: 21px;
  font-size: 16px;
  font-family: Microsoft YaHei, Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: right;
  line-height: 32px;
  color: #000000;
}

.ldxxxq {
  width: 560px;
  font-size: 16px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #000000;
  line-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 限制显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  word-break: break-word;
  /* 确保长单词或URL也能换行 */
}


/* 详情页面css */
.right-dt {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lddt {
  font-size: 22px;
  font-family: Microsoft YaHei, Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  color: #000000;
  line-height: 32px;
  position: relative;
}

.more {
  font-size: 16px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #3a83e9;
  line-height: 32px;
}

.dt-detail {
  width: 870px;
  height: 433px;
  background: #ffffff;
  margin-top: 23px;
  padding: 15px 30px 0px;
}

.lines {
  left: 16px;
  bottom: -23px;
  position: relative;
  width: 48px;
  height: 4px;
  background: #ea2b22;
  border-radius: 2px;
}

.dt-box {
  border-bottom: 1px solid #eeeeee;
}

.dt-box-s {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.dt-box-s :hover.dt-label
{
  color: #3a83e9 !important;
}
.dt-label {
  width: 670px;
  font-size: 16px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  /* 限制显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  word-break: break-word;
  /* 确保长单词或URL也能换行 */
}

.dt-time {
  font-size: 16px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  color: #999999;

}

.dt-box:last-child {
  border-bottom: none;
}