/* 设计稿 1920px = 页面 100% 宽，内容区左右各 360px（安全区 1200px） */

.text-wrapper_1 {
  background-color: rgba(49, 114, 227, 1);
  width: 100%;
  height: 44px;
}

.text-wrapper_1 .safe-1200 {
  justify-content: space-between;
  height: 44px;
  align-items: center;
}

.text_1 {
  width: 303px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin: 0;
}

.text_2 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin: 0;
  cursor: pointer;
}

.text_3 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin: 0;
  cursor: pointer;
}

.text_4 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin: 0;
  cursor: pointer;
}

.swiper-container .swiper-pagination-bullet {
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  color: #fff;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-container3 .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-container .swiper-pagination-bullet-active {
  background: rgba(19, 126, 192, 1);
}

.swiper-container .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-container .swiper-pagination-custom,
.swiper-container .swiper-pagination-fraction {
  bottom: 14px !important;
  text-align: right;
}

.swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
}

.swiper-container .swiper-wrapper .swiper-slide span {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 51px;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  text-align: left;
  line-height: 51px;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-container-news {
  overflow: hidden;
  position: relative;
}

.swiper-container-news .swiper-wrapper {
  height: 100%;
}

.swiper-container-news .swiper-wrapper .swiper-slide {
  position: relative;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  height: 100%;
}

.swiper-container-news .swiper-wrapper .swiper-slide span {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 51px;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  text-align: left;
  line-height: 51px;
  font-size: 16px;
  color: #ffffff;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swiper-slide {
  background-position: center;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}




.section_1 {
  height: 128px;
  background: url(../img/header-bg.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 100%;
}

.search_wrap {
  width: 480px;
  height: 40px;
  display: flex;

}

.swiper-container3 {
  width: 100%;
  height: 470px;
  overflow: hidden;
  position: relative;
}

.search_btn {
  width: 56px;
  height: 40px;
  background: #619BFF;
  border-radius: 0px 8px 8px 0px;
  cursor: pointer;
}

.search_input {
  width: 424px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 8px 0px 0px 8px;
}

.search_input input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 10px;
}

.group_1 {
  position: relative;
  width: 100%;
  height: 128px;
}

.group_1 .safe-1200 {
  height: 128px;
  align-items: center;
}

.image_1 {
  width: 595px;
  height: 64px;
  margin: 0;
}







.box_1 {
  width: 24px;
  height: 24px;
}



.section_2 {
  background-color: rgba(255, 255, 255, 1);
  width: 100%;
  height: 57px;
  position: relative;
  z-index: 200;
}

.nav-main {
  height: 57px;
  align-items: stretch;
}

.nav_item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 18px;
  color: #5E6580;
  cursor: pointer;
  height: 57px;
  user-select: none;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
}

.nav_item__text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 4px;
}

.nav_item--has-menu .nav_item__text::after {
  content: "";
  width: 0;
  height: 0;
  margin-top: 2px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  transition: transform 0.2s ease;
}

.nav_item:hover,
.nav_item.nav_hover,
.nav_item.nav_active {
  background: rgba(49, 114, 227, 0.1);
  border-bottom-color: #3172E3;
  color: #3172E3;
}

.nav_item:active {
  background: rgba(49, 114, 227, 0.18);
}

.nav_item--has-menu:hover .nav_item__text::after,
.nav_item--has-menu.nav_hover .nav_item__text::after {
  transform: rotate(180deg);
}

.nav_dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 168px;
  padding: 8px 0;
  background-color: #ffffff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 24px rgba(23, 27, 46, 0.12);
  z-index: 300;
}

.nav_item--has-menu:hover .nav_dropdown,
.nav_item--has-menu.nav_hover .nav_dropdown {
  display: block;
  animation: navDropdownIn 0.22s ease;
}

.nav_dropdown a {
  display: block;
  padding: 10px 20px;
  color: #5E6580;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.nav_dropdown a:hover {
  color: #3172E3;
  background-color: rgba(49, 114, 227, 0.08);
}

.nav_dropdown a:active {
  background-color: rgba(49, 114, 227, 0.14);
}

@keyframes navDropdownIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

.nav_active {
  background: rgba(49, 114, 227, 0.1);
  border-bottom: 2px solid #3172E3;
  color: #3172E3;
}








.section_4 {
  width: 100%;
  height: 548px;
  margin: 24px 0 0;
}

.section_4 .safe-1200 {
  width: 100%;
  max-width: 1200px;
}

.section_5 {
  width: 1201px;
  height: 548px;
}

.box_3 {
  width: 1201px;
  height: 112px;
}

.block_1 {
  background-color: rgba(52, 135, 243, 1);
  width: 390px;
  height: 112px;
  cursor: pointer;
}

.text-group_1 {
  width: 210px;
  height: 58px;
  margin: 27px 0 0 32px;
}

.text_14 {
  width: 210px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}

.text_15 {
  width: 210px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin-top: 4px;
}

.section_6 {
  height: 64px;
  background: url(../img/icon-student.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 64px;
  margin: 24px 32px 0 0;
}

.block_2 {
  background-color: rgba(30, 213, 173, 1);
  width: 390px;
  height: 112px;
  margin-left: 16px;
  cursor: pointer;
}

.text-group_2 {
  width: 210px;
  height: 58px;
  margin: 27px 0 0 32px;
}

.text_16 {
  width: 210px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}

.text_17 {
  width: 196px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin-top: 4px;
}

.box_4 {
  height: 64px;
  background: url(../img/icon-company.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 64px;
  margin: 24px 33px 0 51px;
}

.block_3 {
  background-color: rgba(242, 131, 57, 1);
  width: 390px;
  height: 112px;
  margin-left: 15px;
  cursor: pointer;
}

.text-group_3 {
  width: 210px;
  height: 58px;
  margin: 27px 0 0 32px;
}

.text_18 {
  width: 210px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}

.text_19 {
  width: 196px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin-top: 4px;
}

.block_4 {
  height: 64px;
  background: url(../img/icon-teacher.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 64px;
  margin: 24px 33px 0 51px;
}

.box_6 {
  width: 1200px;
  height: 388px;
  margin-top: 48px;
}

.box_7 {
  height: 388px;
  background: url(../img/news-cover.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 580px;
}

.box_8 {
  width: 596px;
  height: 388px;
}

.swiper-wrapper img {
  width: 100%;
}

/* 右侧浮动工具：固定定位，贴 1200px 安全区右侧 */
.section_7 {
  position: fixed;
  top: 280px;
  right: 20px;
  width: 80px;
  height: 264px;
  margin: 0;
  z-index: 100;
}


.box_12 {
  border-radius: 8px;
  width: 80px;
  height: 88px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.image-text_2 {
  width: 56px;
  height: 64px;
  margin: 12px auto 0;
}

.side-tool__icon {
  box-sizing: unset;
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: block;
}

.section_8 {
  width: 40px;
  height: 40px;
}

.text-group_5 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(23, 27, 46, 1);
  font-size: 14px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 14px;
  margin: 4px auto 0;
}

.box_13 {
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
  position: relative;
  width: 80px;
  height: 80px;
  margin-top: 8px;
  cursor: pointer;
}

.box_13:hover .box_15 {
  display: block;
}

.box_14 {
  width: 40px;
  height: 40px;
  margin: 12px auto 0;
}

.text_38 {
  width: 42px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(23, 27, 46, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 14px;
  margin: 9px auto 12px;
}

.box_15 {
  display: none;
  position: absolute;
  left: -128px;
  top: 0;
  width: 120px;
  height: 120px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.12);
}

.box_15 img {
  box-sizing: unset;
  width: 85%;
  height: 85%;
  object-fit: contain;
}

.box_16 {
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
  position: relative;
  width: 80px;
  height: 80px;
  margin-top: 8px;
  cursor: pointer;
}

.section_12 {
  width: 40px;
  height: 40px;
  margin: 12px auto 0;
}

.text_39 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(23, 27, 46, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 14px;
  margin: 10px auto 12px;
}

/* 新闻面板模块 */
.hide-list {
  display: none;
}

.news-header {
  width: 596px;
  height: 52px;
  border-bottom: 1px solid rgba(234, 236, 242, 1);
}

.news-tab {
  display: flex;
  align-items: flex-start;
  width: 80px;
  height: 52px;
  padding-top: 12px;
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s;
}

.news-tab + .news-tab {
  margin-left: 24px;
}

.news-tab.active {
  border-bottom-color: rgba(49, 114, 227, 1);
}

.news-tab__text {
  width: 80px;
  height: 28px;
  overflow-wrap: break-word;
  color: rgba(94, 101, 128, 1);
  font-size: 20px;
  font-family: PingFang SC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  transition: color 0.3s;
}

.news-tab:hover .news-tab__text,
.news-tab.active .news-tab__text {
  color: rgba(49, 114, 227, 1);
  font-weight: 500;
}

.news-more {
  width: 70px;
  height: 20px;
  margin: 16px 0 0 238px;
  cursor: pointer;
}

.news-more__text {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(49, 114, 227, 1);
  font-size: 14px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
}

.news-more__arrow {
  width: 10px;
  height: 10px;
  margin-top: 2px;
}

.news-item {
  width: 596px;
  height: 56px;
  border-bottom: 1px solid rgba(234, 236, 242, 1);
  cursor: pointer;
  transition: background-color 0.3s;
  align-items: center;
}

.news-item[hidden] {
  display: none !important;
}

.news-item:hover {
  background-color: rgba(49, 114, 227, 0.05);
}

.news-tag {
  background-color: rgba(49, 114, 227, 1);
  height: 24px;
  width: 40px;
  flex-shrink: 0;
  margin-right: 8px;
}

.news-tag__text {
  width: 28px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin: 2px 0 0 6px;
}

.news-title {
  flex: 1;
  min-width: 0;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(23, 27, 46, 1);
  font-size: 16px;
  font-family: PingFang SC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.news-date {
  width: 41px;
  flex-shrink: 0;
  color: rgba(159, 164, 184, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  text-align: right;
  white-space: nowrap;
  line-height: 20px;
  margin-left: 10px;
}



/* 右侧浮动工具：固定定位，贴 1200px 安全区右侧 */
















/* 快捷服务卡片 */
.service-section {
  width: 100%;
  margin-top: 48px;
}

.service-list {
  gap: 16px;
}

.service-card {
  width: 288px;
  height: 100px;
  padding: 0 24px;
  cursor: pointer;
  transition: opacity 0.3s;
}

.service-card:hover {
  opacity: 0.92;
}

.service-card--consult {
  background-color: rgba(52, 135, 243, 1);
}

.service-card--mentor {
  background-color: rgba(30, 213, 173, 1);
}

.service-card--innovation {
  background-color: rgba(242, 131, 57, 1);
}

.service-card--activity {
  background-color: rgba(173, 93, 226, 1);
}

.service-card__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.service-card--consult .service-card__icon {
  background-image: url(../img/icon-consult.png);
}

.service-card--mentor .service-card__icon {
  background-image: url(../img/icon-mentor.png);
}

.service-card--innovation .service-card__icon {
  background-image: url(../img/icon-innovation.png);
}

.service-card--activity .service-card__icon {
  background-image: url(../img/icon-activity.png);
}

.service-card__body {
  flex: 1;
  min-width: 0;
  margin-left: 20px;
  gap: 4px;
}

.service-card__title {
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}

.service-card__desc {
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  line-height: 14px;
  white-space: nowrap;
}

.service-card__arrow {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-left: auto;
}

/* 招聘模块 */
.recruit-panel {
  margin-top: 48px;
}

.recruit-header {
  height: 52px;
  border-bottom: 1px solid rgba(234, 236, 242, 1);
  gap: 40px;
}

.recruit-tab {
  flex-shrink: 0;
  height: 52px;
  padding: 0 24px;
  cursor: pointer;
  border-radius: 12px 12px 0 0;
  transition: background-image 0.3s;
}

.recruit-tab.active {
  background-image: linear-gradient(90deg,
      rgba(49, 114, 227, 1) 0,
      rgba(99, 156, 255, 1) 100%);
}

.recruit-tab__text {
  display: block;
  font-size: 20px;
  line-height: 52px;
  white-space: nowrap;
  color: rgba(94, 101, 128, 1);
  transition: color 0.3s;
}

.recruit-tab.active .recruit-tab__text {
  color: rgba(255, 255, 255, 1);
  font-family: PingFang SC-Medium;
  font-weight: 500;
}

.recruit-tab:hover:not(.active) .recruit-tab__text {
  color: rgba(49, 114, 227, 1);
}

.recruit-more {
  flex-shrink: 0;
  gap: 7px;
  margin-left: auto;
  cursor: pointer;
}

.recruit-more__text {
  color: rgba(49, 114, 227, 1);
  font-size: 14px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}

.recruit-more__arrow {
  width: 10px;
  height: 10px;
}

.recruit-list {
  margin-top: 24px;
  min-height: 220px;
}

.recruit-row {
  width: 100%;
}

.recruit-row[hidden] {
  display: none !important;
}

.recruit-row + .recruit-row {
  margin-top: -1px;
}

.recruit-item {
  width: 580px;
  height: 56px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(234, 236, 242, 1);
  cursor: pointer;
  transition: background-color 0.3s;
}

.recruit-item:hover {
  background-color: rgba(49, 114, 227, 0.05);
}

.recruit-item__title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(23, 27, 46, 1);
  font-size: 16px;
  font-family: PingFang SC-Regular;
  line-height: 16px;
  white-space: nowrap;
}

.recruit-item__date {
  flex-shrink: 0;
  margin-left: 12px;
  color: rgba(159, 164, 184, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  line-height: 14px;
  white-space: nowrap;
}

/* 就业之星 */
.star-section {
  width: 100%;
  margin-top: 24px;
}

.star-section__bg {
  width: 100%;
  background-color: rgba(9, 77, 195, 0.08);
  background-image: url(../img/stars-bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
  padding: 32px 0 48px;
}

.star-section__inner {
  margin: 0 auto;
  gap: 40px;
}

.star-section__header {
  gap: 8px;
}

.star-section__title {
  margin: 0;
  color: rgba(23, 27, 46, 1);
  font-size: 44px;
  font-family: PangMenZhengDao-Regular;
  line-height: 44px;
  white-space: nowrap;
}

.star-section__subtitle {
  color: rgba(49, 114, 227, 1);
  font-size: 20px;
  font-family: PangMenZhengDao-Regular;
  line-height: 20px;
  white-space: nowrap;
}

.star-section__body {
  width: 100%;
  --star-card-width: 265px;
  --star-card-gap: 8px;
  gap: var(--star-card-gap);
}

.star-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: var(--star-card-width);
  height: 165px;
  padding: 20px 24px;
  background-color: rgba(255, 255, 255, 1);
  border: 2px solid rgba(49, 114, 227, 1);
  border-radius: 20px;
  box-shadow: 0 10px 20px 0 rgba(9, 77, 195, 0.08);
  flex-shrink: 0;
  cursor: pointer;
}

.star-card__avatar {
  width: 84px;
  height: 84px;
  flex-shrink: 0;
  object-fit: cover;
  border-radius: 50%;
}

.star-card__name {
  flex: 0 1 auto;
  max-width: calc(var(--star-card-width) - 48px - 84px - 16px);
  color: rgba(23, 27, 46, 1);
  font-size: 20px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.star-card__college,
.star-card__major {
  color: rgba(94, 101, 128, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.star-card__dest {
  margin-top: 16px;
  color: rgba(49, 114, 227, 1);
  font-size: 18px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.star-slider__deco {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.star-slider__viewport {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  max-width: calc(var(--star-card-width) * 4 + var(--star-card-gap) * 3);
}

.star-slider__list {
  gap: var(--star-card-gap);
  transition: transform 0.3s ease;
}

.star-slider__nav--next {
  margin-left: auto;
}

.star-slider__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: rgba(255, 255, 255, 1);
  border: 0;
  border-radius: 20px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
}

.star-slider__nav:hover {
  background-color: rgba(49, 114, 227, 0.08);
  box-shadow: 0 4px 12px rgba(49, 114, 227, 0.15);
}

.star-slider__nav:active {
  transform: scale(0.92);
  background-color: rgba(49, 114, 227, 0.15);
}

.star-slider__nav img {
  width: 12px;
  height: 12px;
  pointer-events: none;
}

.star-slider__nav--prev img {
  transform: rotate(180deg);
}

/* 三列资讯：就业政策 / 办事指南 / 下载中心 */
.info-panel {
  margin-top: 32px;
}

.info-panel__grid {
  gap: 40px;
  align-items: flex-start;
}

.info-col {
  flex: 1;
  min-width: 0;
  gap: 16px;
}

.info-col__head {
  height: 41px;
  gap: 12px;
}

.info-col__bar {
  width: 6px;
  height: 20px;
  background-color: rgba(49, 114, 227, 1);
  flex-shrink: 0;
}

.info-col__title {
  margin: 0;
  color: rgba(23, 27, 46, 1);
  font-size: 36px;
  font-family: PangMenZhengDao-Regular;
  line-height: 41px;
  white-space: nowrap;
}

.info-col__more {
  gap: 4px;
  margin-left: auto;
  cursor: pointer;
}

.info-col__more-text {
  color: rgba(49, 114, 227, 1);
  font-size: 14px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}

.info-col__more-arrow {
  width: 10px;
  height: 10px;
}

.info-col__list {
  gap: 0;
}

.info-item {
  height: 54px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(234, 236, 242, 1);
  cursor: pointer;
  transition: background-color 0.3s;
}

.info-item + .info-item {
  margin-top: -1px;
}

.info-item:hover {
  background-color: rgba(49, 114, 227, 0.05);
}

.info-item__title {
  width: 288px;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(23, 27, 46, 1);
  font-size: 16px;
  font-family: PingFang SC-Regular;
  line-height: 16px;
  white-space: nowrap;
}

.info-item__date {
  width: 41px;
  flex-shrink: 0;
  margin-left: 12px;
  text-align: right;
  color: rgba(159, 164, 184, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  line-height: 14px;
  white-space: nowrap;
}

.img-wrap {
  gap: 24px;
  margin-top: 56px;
}
.img-item {
  width: 580px;
  object-fit: cover;
  cursor: pointer;
}

/* 友情链接 */
.link-panel {
  margin-top: 48px;
  margin-bottom: 48px;
}

.link-panel__header {
  gap: 8px;
  margin-bottom: 24px;
}

.link-panel__title {
  margin: 0;
  color: rgba(23, 27, 46, 1);
  font-size: 36px;
  font-family: PangMenZhengDao-Regular;
  line-height: 36px;
  white-space: nowrap;
}

.link-panel__subtitle {
  color: rgba(49, 114, 227, 1);
  font-size: 20px;
  font-family: PangMenZhengDao-Regular;
  line-height: 20px;
  white-space: nowrap;
  text-transform: lowercase;
}

.link-panel__grid {
  flex-wrap: wrap;
  gap: 16px;
}

.link-panel__item {
  display: block;
  width: calc((100% - 32px) / 3);
  height: 96px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 8px;
  transition: opacity 0.3s;
}

.link-panel__item:hover {
  opacity: 0.88;
}

.link-panel__item img {
  display: block;
  width: 100%;
  height: 100%;
  /*height: 64px;*/
  /*object-fit: contain;*/
}





























/* 页脚 */
.site-footer {
  width: 100%;
  background-image: linear-gradient(90deg,
      rgba(9, 77, 195, 1) 0,
      rgba(46, 115, 234, 1) 100%);
}

.site-footer__bg {
  background: url(../img/footer-bg.png) center no-repeat;
  background-size: cover;
  padding: 40px 0 4px;
}

.site-footer__inner {
  margin: 0 auto;
  gap: 40px;
  align-items: center;
}

.site-footer__banner {
  width: 100%;
}

.site-footer__banner-img {
  width: 578px;
  height: 64px;
  object-fit: contain;
}

.site-footer__main {
  justify-content: center;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
}

.footer-col {
  flex-shrink: 0;
  gap: 16px;
}

.footer-col--contact,
.footer-col--report {
  width: 161px;
}

.footer-col--edu {
  width: 201px;
}

.footer-col--qrcode {
  width: 183px;
  padding-bottom: 12px;
  background-color: rgba(9, 77, 195, 0.29);
}

.footer-col__title {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(49, 114, 227, 1);
  font-size: 14px;
  font-family: PingFang SC-Medium;
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}

.footer-col__title--block {
  display: flex;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}

.footer-col__list {
  gap: 8px;
}

.footer-col__label {
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  line-height: 20px;
}

.footer-row {
  gap: 8px;
}

.footer-row--indent {
  padding-left: 22px;
}

.footer-row__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 3px;
}

.footer-row__text {
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  line-height: 20px;
}

.footer-qrcode {
  width: 96px;
  height: 96px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.footer-qrcode--qq,
.footer-qrcode--subscribe {
  background-image: url(../img/link-bg.png);
}

.footer-qrcode--service {
  background-image: url(../img/link-bg-alt.png);
}

.footer-col__caption {
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
}

.site-footer__copyright {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-family: PingFang SC-Regular;
  line-height: 20px;
  text-align: center;
}