body {
  position: relative; /* 确保伪元素相对于 body 定位 */
  margin: 0;
  font-family: Arial, sans-serif;
}

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/index/background_image.png"); /* 替换为你的图片路径 */
  background-repeat: round; /* 防止背景图片重复 */
  opacity: 0.2; /* 调整透明度，0.5 表示 50% 透明度 */
  z-index: -1; /* 确保伪元素在内容之下 */
}

/* .header {
  background-color: #007bff;
  color: white;
  padding: 0;
  width: 100%;
  height: 200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
} */
.loginBtn{
 position:absolute;
  right:20px;
  top:-52px;
  color:#555;
  display:block;
  text-decoration: none;
}
.navigation {
  background-image: url("../images/index/navigator_bg.png");
  background-repeat: repeat-x;
  width: 100%;
  height: 53px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1030px;
}

.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  flex-grow: 1;
}

.menu li {
  position: relative;
  margin: 0 15px;
  font-size: 20px;
  /* 增大字体大小 */
}
.article-detail p span{
 /* 确保链接可以换行 */
  white-space: normal; /* 默认值，但可以显式设置 */
  /* 如果需要强制在特定位置换行，可添加以下属性 */
  word-wrap: break-word; /* 允许长单词或URL换行到下一行 */
  overflow-wrap: break-word; /* 现代浏览器推荐使用，与word-wrap效果类似 */
}
.menu li::after {
  content: "";
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: white;
}

.menu li:last-child::after {
  display: none;
}

.menu a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

.search-login {
  display: flex;
  align-items: center;
}

.search {
  display: flex;
  align-items: center;
  position: relative;
}

.search .icon-search {
  width: 20px;
  /* 根据实际图片大小调整 */
  height: 20px;
  /* 根据实际图片大小调整 */
  margin-right: 8px;
}

.search input {
  background: rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 50px;
  color: white;
  padding: 10px 20px;
  width: 180px;
  font-size: 16px;
  outline: none;
  transition: border-color 0.3sease;
  /* 移除焦点时的默认边框 */
}

.search input::placeholder {
  color: white;
}

.login {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.login .icon-user {
  width: 20px;
  /* 根据实际图片大小调整 */
  height: 20px;
  /* 根据实际图片大小调整 */
  margin-right: 8px;
}

.login span {
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.carousel {
  position: relative;
  /* overflow: hidden; */
  width: 100%;
  height: 300px;
  /* height: 50vh; */
  /* 调整高度以适应屏幕 */
}

.carousel-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  /* 控制滑动速度和方式 */
}

.carousel-item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.carousel-item.active {
  display: block;
}

.carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 使图片填充整个区域 */
}

.carousel-caption {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  background: rgba(0, 0, 0, 0.3);
  /* 半透明背景 */
  padding: 10px;
}

/* 确保超链接的字体颜色为白色 */
.carousel-caption a {
  color: white;
  text-decoration: none;
  /* 去掉下划线 */
}

/* 悬停时的样式 */
.carousel-caption a:hover {
  color: white;
  text-decoration: none;
  /* 可选：悬停时显示下划线 */
}

.carousel-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
}

.carousel-control.prev {
  left: 10px;
}

.carousel-control.next {
  right: 10px;
}

.content {
  background-color: #fff; /* 设置 content 区域的背景颜色 */
  width: 1200px;
  padding: 20px 20px;
  margin: 20px auto;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}

.section {
  margin-bottom: 20px;
}

.section-title {
  /* border-bottom: 2px solid #007bff; */
  /* padding-bottom: 10px; */
  /* margin-bottom: 20px; */
}

.section-content {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  /* gap: 20px; */
}

.section-item {
  flex: 1;
  /* min-width: 250px; */
  text-align: center;
  padding: 20px;
  border: 0px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

.section-item img {
  width: 150px;
  object-fit: contain;
}

.section-item p {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.columns {
  display: flex;
  justify-content: space-between;
}

.column {
  flex: 1;
  min-width: 450px;
  padding: 20px;
  border: 0px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
  /* 淡色背景 */
  margin-bottom: 20px;
  /* 模块间的垂直间距 */
  margin-right: 20px;
  /* 模块间的水平间距 */
}

/* 确保最后一列没有右边距 */
.column:not(:last-child) {
  margin-right: 20px;
}

.column-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 45px;
}

.column-title {
  font-family: PingFangSC, PingFang SC;
  font-size: 24px;
  font-weight: bold;
  color: #2D2D2D;
  line-height: 50px;
  text-align: left;
  font-style: normal;
}

.more {
  color: #007bff;
  text-decoration: none;
}

.column hr {
  margin: 10px 0;
  border: 1px solid #ddd;
}

.column-list {
  list-style: none;
  /* 移除默认列表样式 */
  padding: 0;
  /* 移除默认内边距 */
}

.column-list li {
  display: flex;
  justify-content: space-between;
  /* 使标题和日期分别靠左和靠右 */
  align-items: center;
  /* 垂直居中对齐 */
  margin-bottom: 10px;
  /* 调整间距 */
  position: relative;
  /* 使伪元素定位相对 */
}

.column-list .list-link {
  display: block;
  /* 使链接块级显示 */
  color: inherit;
  /* 继承父元素的颜色 */
  text-decoration: none;
  /* 不显示下划线 */
  max-width: 70%;
  /* 设置最大宽度，防止标题过长 */
  white-space: nowrap;
  /* 不允许换行 */
  overflow: hidden;
  /* 溢出隐藏 */
  text-overflow: ellipsis;
  /* 溢出部分用省略号表示 */
}

.column-list .list-date {
  font-size: 12px;
  /* 调整日期字体大小 */
  color: #888;
  /* 调整日期颜色 */
  margin-left: 10px;
  /* 日期和标题之间的间距 */
}

/* 超链接默认样式 */
.column-list a {
  text-decoration: none;
  /* 移除默认下划线 */
  color: initial;
  /* 默认颜色 */
}

/* 鼠标悬浮时的样式 */
.column-list a:hover {

  /* 悬浮时的颜色 */

  /* 显示下划线 */
}

.talent-section {
  /* max-width: 1200px; */
  margin: 0 auto;
  padding: 20px;
  text-align: left;
}

.talent-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* border-bottom: 2px solid #007bff; */
  /* height: 50px; */
  /* margin-bottom: 20px; */
}

.talent-header .more {
  font-size: 16px;
  color: #000000;
  text-decoration: none;
}

.talent-slider {
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

.talent-row {
  display: flex;
  animation: scroll 20s linear infinite;
  margin-bottom: 20px;
}

.talent-row.row2 {
  animation: scroll2 20s linear infinite;
}

.talent-slider img {
  width: 150px;
  /* 设置图片宽度 */
  height: 200px;
  /* 设置图片高度 */
  object-fit: cover;
  /* 保持图片比例并裁剪 */
}

.talent-info {
  text-align: center;
  margin-top: 10px;
}

.talent-name {
  font-weight: bold;
}

/* 增加照片间距 */
.talent-row a {
  margin-right: 20px;
  /* 根据需要调整间距 */
  text-decoration: none;
  /* 去掉下划线 */
  color: inherit;
  /* 继承父元素的颜色，或者设置为你想要的颜色 */
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-116%);
  }
}

@keyframes scroll2 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.related-links {
  /* width: 1200px; */
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}

.related-links .section-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.related-links .section-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  
}

.related-links .link-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  /* 调整间距 */
}

.related-links .link-item:hover {
  /* 鼠标悬停时的背景色 */
}

.related-links .link-item img {
  margin-right: 10px;
  /* 图标和文字之间的间距 */
}

.related-links .link-item a {
  color: inherit;
  /* 继承父元素的颜色 */
  text-decoration: none;
  /* 不显示下划线 */
  /* 设置最大宽度 */
  white-space: nowrap;
  /* 不允许换行 */
  overflow: hidden;
  /* 溢出隐藏 */
  text-overflow: ellipsis;
  /* 溢出部分用省略号表示 */
  font-size: 16px;
  /* 调整字体大小 */
  line-height: 1.2;
  /* 调整行高 */
}

.related-links .link-item a:hover {
  /* 鼠标悬停时显示下划线（可选） */
  color: #369;
  text-decoration: underline;
}

.footer {
  width: 100%;
  height: 197px;
  background-image: url("../images/index/footer_bg.png");
  background-repeat: repeat-x;
  margin: 0 auto;
  color: white;
  padding: 20px;
  box-sizing: border-box;
}

.footer-container {
  width: 1200px;
  margin: 0 auto;
  /* 居中对齐 */
}

.footer-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* 修改为 flex-start */
  margin-bottom: 20px;
}

.footer-logo {
  width: 200px;
  height: 50px;
  margin-right: 20px;
}

.footer-contact {
  margin-left: 200px;
  /* 调整这个值以控制间距 */
  max-width: calc(100% - 240px);
  text-align: left;
  /* 确保不超出 1200px 的宽度 */
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-bottom p {
  margin: 20px;
}

.line {
  background: #0099F2;
  height: 2px;
  position: relative;
}

.line-node {
  height: 5px;
  top: -4px;
  left: 0;
  width: 106px;
  background: #0099F2;
  position: absolute;
}

.new-box {
  display: flex;
  overflow-y: auto;
  justify-content: space-between;
  margin-top: 20px;
}

.new-left {
  width: 700px;
}

.new-left img {
  width: 700px;
  height: 400px;
  object-fit: cover; /* 裁剪图片以填充整个容器 */
  object-position: center; /* 图片居中显示 */
}

.new-left-content {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 26px;
  color: #2A2A2A;
  line-height: 37px;
  text-align: left;
  font-style: normal;
  margin-top: 5px;
}

.new-left .title {
  /* 添加样式 */
  margin-top: 10px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 26px;
  color: #2A2A2A;
  line-height: 37px;
  text-align: left;
  font-style: normal;
  /*去掉下划线*/
  text-decoration: none;
}

.new-left-time {
  margin-top: 10px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 18px;
  color: #818181;
  line-height: 25px;
  text-align: left;
  font-style: normal;
}

.new-time {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 18px;
  color: #818181;
  line-height: 25px;
  text-align: left;
  font-style: normal;
}

.new-right {
  width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.new-right img {
  width: 230px;
  height: 150px;
  object-fit: cover; /* 裁剪图片以填充整个容器 */
  object-position: center; /* 图片居中显示 */
}

.new-right .title {
  /* 添加样式 */
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 22px;
  color: #373737;
  line-height: 30px;
  text-align: left;
  font-style: normal;
  /*去掉下划线*/
  text-decoration: none;
}

.new-right-item {
  display: flex;
  width: 470;
  height: 150px;
}

.new-right-item-node {
  text-align: left;
  margin-left: 10px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}


.fold-wrap {
  display: flex;
  flex-wrap: wrap;
}

.fold-box {
  display: flex;
  margin: 20px 10px;
}

.fold-box img {
  width: 268px;
  height: 178px;
}

.fold-box-node {
  width: 370px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 22px;
  color: #373737;
  line-height: 30px;
  text-align: left;
  font-style: normal;
  margin-left: 10px;
}

.fold-box-node1 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 22px;
  color: #373737;
  line-height: 30px;
  text-align: left;
  font-style: normal;
}

.fold-box-node1 .title {
  /* 添加样式 */
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 22px;
  color: #373737;
  line-height: 30px;
  text-align: left;
  font-style: normal;
  /*去掉下划线*/
  text-decoration: none;
}

.fold-box-node2 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 20px;
  color: #7B7B7B;
  line-height: 28px;
  text-align: left;
  font-style: normal;
  margin-top: 10px;
}

.fold-box-node3 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 18px;
  color: #B5B5B5;
  line-height: 25px;
  text-align: left;
  font-style: normal;
  margin-top: 10px;
}

.course-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 16px;
}

.course-box {
  width: 48%; /* 每行两个课程，每个课程占48%，留出2%的间隔 */
  margin-bottom: 20px; /* 课程之间的间距 */
  display: flex; /* 使用 Flexbox 布局 */
  align-items: flex-start; /* 垂直对齐方式 */
}

.course-box img {
  width: 60px; /* 设置图片宽度 */
  height: auto; /* 保持图片比例 */
  margin-right: 20px; /* 图片和标题之间的间距 */
}

.course-box-node {
  flex: 1; /* 使内容区域占据剩余空间 */
}

.course-box-node_title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 16px; /* 将字体大小调整为 16px */
  color: #373737;
  line-height: 30px;
  text-align: left;
  font-style: normal;
  max-width: 40ch; /* 限制最大宽度为15个字符 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; /* 防止换行 */
  text-decoration: none; /* 去掉下划线 */
}
.course-box-node_title a{
    text-decoration: none; /* 去掉下划线 */
}
.course-box-node_content {
  display: flex;
  justify-content: space-between;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #414141;
  line-height: 28px;
  text-align: left;
  font-style: normal;
  margin-top: 10px; /* 内容和标题之间的间距 */
}
/* 移动端样式 */
@media (max-width: 767px) {

  .content {
  background-color: #fff; /* 设置 content 区域的背景颜色 */
    width: 100%;
    box-sizing:border-box;
    margin:0px;
    padding:10px;
  }
  .footer-container {
  width: 100%;
  margin: 0 auto;
  /* 居中对齐 */
}
      .menu li::after {
       display:none;
  }
  .section-content{
    flex-wrap:wrap;
  }
  .section-item {
  flex: auto;
  /* min-width: 250px; */
    width:33%;
  text-align: center;
  padding: 6px;
  border: 0px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

.section-item img {
  width: 80%;
  object-fit: contain;
}

.section-item p {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
}
.columns {
 flex-wrap:wrap;
}

.column {
  flex: 1;
 width:100%;
  min-width:auto;
  padding: 10px;
  border: 0px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
  /* 淡色背景 */
  margin-bottom: 0px;
  /* 模块间的垂直间距 */
  margin-right: 20px;
  /* 模块间的水平间距 */
}

/* 确保最后一列没有右边距 */
.column:not(:last-child) {
  margin-right: 0px;
}
  .column-title {
    font-size: 16px;
    line-height: 24px;
}
  .more{
  font-size:14px;
  }
  .list-title{
    font-size:14px;
  }
  .talent-header h2{
  font-size:16px;
     line-height: 24px;
  }
  .talent-section{
  padding:10px;}
  .talent-header .more {
    font-size: 14px;
    color: #000000;
    text-decoration: none;}
  .talent-slider img{
    width: 100px;
    height: 138px;
    object-fit: cover;
  }
  .talent-name,.talent-descript {
    font-size: 14px;
  }
  .related-links{
  padding:10px;
  }
  .related-links .section-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
  .related-links .section-content{
  display:flex;
  } 
  .link-item{
  width:100%;
  }
  .related-links .link-item a{
  font-size:14px;
  }
.loginBtn{
 position:absolute;
  right:20px;
  top:-30px;
  color:#555;
  display:block;
  text-decoration: none;
  font-size:14px;
}
}