/* 全局样式重置 */
   * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: "Microsoft Yahei", sans-serif;
   }

   body {
       background-color: #e4f2ff;
   }

   /* Banner轮播图区域 */
   .banner {
       position: relative;
       width: 100%;
       height: 32vw;
       background: linear-gradient(135deg, #0078d7, #00479d);
       overflow: hidden;
       color: white;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
   }

   .banner .banner-slider {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       z-index: 1;
   }

   /* 轮播图slide样式 */
   .banner .banner-slider .slide {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       opacity: 0;
       transition: opacity 0.8s ease;
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
   }

   .banner .swiper-container {
       width: 100%;
      /* height: 700px;  */
   }

   .banner .swiper-container img {
       width: 100%;
       height: 32vw;
       object-fit: cover;
       object-position: center;
   }

   /* Banner内容层 */
   .banner .banner-content {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       width: 100%;
       z-index: 2;
       text-align: center;
       text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
       pointer-events: none;
   }

   .banner .banner-title {
       font-size: 56px;
       margin-bottom: 15px;
       font-weight: bold;
   }

   .banner .banner-desc {
       font-size: 26px;
       font-weight: bold;
       margin-bottom: 40px;
   }

   /* 数据统计区域 */
   .data-stats {
       display: flex;
       justify-content: center;
       gap: 95px;
       position: relative;
       z-index: 2;
       text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
   }

   .data-item {
       text-align: center;
   }

   .data-item .number {
       font-size: 46px;
       margin-bottom: 8px;
       font-style: oblique;
   }

   .data-item .label {
       font-size: 14px;
       font-weight: bold;
   }

   /* 底部圆点指示器 */
   .banner-indicators {
       position: absolute;
       bottom: 30px;
       left: 50%;
       transform: translateX(-50%);
       display: flex;
       gap: 10px;
       z-index: 3;
   }

   .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
       width: 65px;
       height: 5px;
       border-radius: 5px;
       background-color: rgba(255, 255, 255, 0.5);
       cursor: pointer;
       transition: background-color 0.3s ease;
   }

   .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
       background-color: white;
   }

   /* 主体内容区域 */
   .container {
       max-width: 1280px;
       margin: 30px auto;
   }

   /* 工作动态区域 */
   .work-dynamic {
       margin-bottom: 15px;
       padding: 15px 25px;
       border-radius: 10px;
       background-color: #ffffff;
      /* background-image: url('../images/bgc.png'); */
       background-repeat: no-repeat;
       padding-bottom: 30px;
   }

   .section-title {
       font-size: 24px;
       margin-bottom: 30px;
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .section-title-left {
       display: flex;
       font-weight: bold;
       align-items: center;
   }

   .section-title-left img {
       height: 20px;
       margin-right: 10px;
       margin-top: 2px;
   }

   .section-title-right {
       display: flex;
       align-items: center;
   }

   .section-title-right img {
       margin-right: 5px;
       height: 15px;
   }

   .section-title a {
       font-size: 13px;
       color: #2c6db4;
       text-decoration: none;
   }

   .tabs {
       display: flex;
       margin-bottom: 20px;
   }

   .tabs .tab {
       padding: 8px 35px;
       cursor: pointer;
       font-size: 14px;
       border-radius: 20px;
       margin-right: 20px;
       background-color: #e4f2ff;
   }

   .tabs .tab.active {
       background-image: url('../images/tabs.png');
       color: white;
       background-repeat: no-repeat;
       background-size: cover;
       font-weight: bold;
   }

   .news-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 20px;
       margin-bottom: 10px;
   }

   /* 新增：标签页内容容器样式，默认隐藏，仅显示active的容器 */
   .tab-content {
       display: none;
   }

   .tab-content.active {
       display: grid;
   }

   /* 核心修复：去除a标签下划线，统一样式 */
   .news-grid a {
       text-decoration: none;
       color: inherit;
       display: block;
   }

   .news-item {
       background-color: #ecf6ff;
       border-radius: 10px;
       overflow: hidden;
       height: auto;
   }

   .news-item img {
       width: 100%;
       height: 255px;
       object-fit: cover;
   }

   .news-item .news-info {
       padding: 20px 13px;
   }

   .news-item .news-title {
       font-size: 18px;
       color: #333;
       line-height: 25px;
       white-space: normal;
       -webkit-line-clamp: 2;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       overflow: hidden;
       text-overflow: ellipsis;
   }

   .news-item .news-meta {
       font-size: 15px;
       display: flex;
       padding: 40px 0 5px 0;
       justify-content: space-between;
   }

   .news-item .news-meta .news-meta-left {
       display: flex;
       align-items: center;
   }

   .news-item .news-meta .news-meta-left img {
       width: 12px;
       height: 12px;
       margin-right: 4px;
       margin-top: 1px;
   }

   .news-item .text-info {
       display: none;
   }

   .news-item-text {
       color: #333;
       background: url('../images/beijing.png') no-repeat;
       background-size: cover;
   }

   .news-item-text img {
       display: none;
   }

   .news-item-text .text-content {
       padding: 10px 13px;
   }

   .news-item-text .text-title {
       font-weight: bold;
       margin-top: 20px;
       font-size: 18px;
       line-height: 20px;
   }

   .news-item-text .text-info {
       display: none;
       font-size: 16px;
       line-height: 27px;
       margin-top: 40px;
       min-height: calc(27px * 7);
       white-space: normal;
       -webkit-line-clamp: 5;
       display: none;
       -webkit-box-orient: vertical;
       overflow: hidden;
       text-overflow: ellipsis;
       margin-bottom: 18px;
   }

   .news-item-text .news-title {
       color: #333;
   }

   /* 培训课程区域 */
   .training-course {
       margin-bottom: 30px;
       padding: 20px 40px 40px;
       border-radius: 10px;
       background-color: #ffffff;
     /*  background-image: url('../images/bgc.png'); */
       background-repeat: no-repeat;
       padding-bottom: 40px;
   }

   /* 培训课程视频容器样式 */
   .course-banner-container {
       width: 100%;
       height: 680px;
       border-radius: 10px;
       overflow: hidden;
       position: relative;
       display: flex;
   }

   /*自定义播放按钮 */
   .custom-play-button {
       position: absolute;
       left: 50%;
       top: 50%;
       transform: translate(-50%, -50%);
        z-index: 10;
       cursor: pointer;
   }

   /* 视频播放区 */
   .course-video-wrapper {
       width: 100%;
       height: 100%;
   }

   .course-video-wrapper video {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   /* 右侧视频列表区 - 默认隐藏 */
   .course-video-list {
       position: absolute;
       top: 0;
       right: 0;
       width: 280px;
       height: 100%;
       transform: translateX(100%);
       background-color: rgba(255, 255, 255, 0.7);
       transition: transform 0.3s ease;
       z-index: 999;
   }

   /* 列表内容样式 */
   .course-video-list .list-content {
       list-style: none;
       padding: 0;
       margin: 0;
       max-height: 100%;
       overflow-y: auto;
   }

   /* 列表项基础样式 */
   .course-video-list .list-item {
       padding: 0px 15px;
       font-size: 17px;
       color: #2076d0;
       border-bottom: 1px solid #f0f0f0;
       cursor: pointer;
       display: flex;
       align-items: center;
       height: 135px;
       transition: background-color 0.2s ease;
       line-height: 34px;
   }

   .course-video-list .list-item .video-title {
       white-space: normal;
       -webkit-line-clamp: 2;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       overflow: hidden;
       text-overflow: ellipsis;
       line-height: 30px;
   }

   /* 列表项选中样式（active）- 匹配参考图高亮效果 */
   .course-video-list .list-item.active {
       background-color: #2c6db4;
       color: #ffffff;
   }

   /* 列表项hover效果（非选中状态） */
   .course-video-list .list-item:not(.active):hover {
       background-color: #f5f8ff;
   }

   /* 播放图标样式 */
   .course-video-list .play-icon {
       margin-right: 8px;
   }

   .course-video-list .play-icon img {
       width: 25px;
       margin-top: 4px;
   }

   /* 活动风采 */
   .activity-mien {
       margin-bottom: 30px;
       padding: 20px 40px 40px;
       border-radius: 10px;
       background-color: #ffffff;
   /*    background-image: url('../images/bgc.png'); */
       background-repeat: no-repeat;
       padding-bottom: 40px;
   }

   .activity-grid {
       /* display: flex; */
       overflow: hidden;
       border-radius: 10px;
   }

   .activity-grid img {
       object-fit: cover;
   }

   /* .activity-grid-left {
       width: 40%;
   }

   .activity-item {
       position: relative;
   }



   .activity-item,
   .second .activity-title {
       border-radius: 0 0 0 10px;
   }



   .activity-grid .activity-item img {
       width: 100%;
   }

   .activity-grid  {
       height: 300px;
   }

   .activity-grid .first img {
       height: 300px;
       border-radius: 10px 0 0 0;
       object-fit: cover;
       object-position: center;
   }

   .activity-grid-left .second {
       height: 320px;
   }

   .activity-grid-left .second img {
       height: 320px;
       border-radius: 0 0 0 10px;
   }

   .activity-grid-right {
       width: 60%;
   }

   .activity-grid-right .three {
       height: 400px;
       width: 100%;
   }

   .activity-grid-right .three img {
       height: 400px;
       width: 100%;
       border-radius: 0 10px 0 0;
   }

   .activity-grid-right-bottom {
       display: flex;
       width: 100%;
   }

   .activity-grid-right-bottom a {
       width: 50%;
   }

   .activity-grid-right-bottom .activity-item {
       width: 100%;
       height: 220px;
   }

   .activity-grid-right-bottom .activity-item img {
       width: 100%;
       height: 220px;
   }

   .activity-item,
   .four img {
       border-radius: 0 0 10px 0;
   }

   .activity-item,
   .four .activity-title {
       border-radius: 0 0 10px 0;
   } */
   .activity-item,
   .activity-grid img {
       width: 100%;
       height: 100%;
   }

   .activity-grid a {
       position: relative;
   }

   .activity-item .activity-title {
       position: absolute;
       bottom: 0px;
       z-index: 9999;
       color: #fff;
       width: 100%;
       height: 40px;
       line-height: 40px;
       padding-left: 25px;
       font-size: 18px;
       font-weight: bold;
       background-color: rgba(0, 0, 0, 0.4);
       transition: background-color 0.2s ease;
       white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
   }

   .activity-item .activity-title br{
    display: none;
   }

   .activity-item:hover .activity-title {
       background-color: #2c6db4;
   }

   .activity-grid a:nth-child(1) {
       float: left;
       width: 492px;
       height: 324px;
   }

   .activity-grid a:nth-child(2) {
       float: right;
       width: 708px;
       height: 430px;
   }

   .activity-grid a:nth-child(3) {
       float: left;
       width: 492px;
       height: 324px;
   }

   .activity-grid a:nth-child(4) {
       float: right;
       width: 354px;
       height: 218px;
   }

   .activity-grid a:nth-child(5) {
       float: right;
       width: 354px;
       height: 218px;
   }

   /* ---------------- 新增：资源卡片区域（放在活动风采下面） ---------------- */

   .res-section {
       margin-bottom: 15px;
       padding: 20px 40px 40px;
       border-radius: 10px;
       background-color: #ffffff;
    /*   background-image: url('../images/bgc.png'); */
       background-repeat: no-repeat;
       padding-bottom: 40px;
   }

   .res-tabs {
       display: inline-flex;
       margin-bottom: 18px;
       align-items: center;
   }

   .res-tab {
       background-repeat: no-repeat;
       background-size: cover;
       font-weight: bold;
       padding: 8px 0;
       cursor: pointer;
       font-size: 14px;
       color: #000000;
       width: 125px;
       text-align: center;
       border-radius: 20px;
       margin-right: 15px;
       background-color: #e4f2ff;
   }

   .res-tab.active {
       background-image: url(../images/tabs.png);
       padding: 8px 0;
       cursor: pointer;
       font-size: 14px;
       border-radius: 20px;
       font-weight: 400;
       color: #fff;
   }

   .res-tab-content .res-contents {
       display: none;
   }

   .res-tab-content .res-contents:nth-child(1) {
       display: block;
   }

   .res-grid {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 20px 30px;
   }

   .res-card {
       display: flex;
       align-items: center;
       gap: 16px;
       background: #eaf5ff;
       border-radius: 12px;
       padding: 20px;
       transition: transform .12s ease, box-shadow .12s ease;
       cursor: pointer;
   }

   /* .res-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(20, 60, 120, 0.06);
}*/

   .res-file-icon {}

   .res-content {
       flex: 1;
       min-width: 0;
   }

   .res-content-title {
       display: flex;
       align-items: center;
   }

   .res-content-title img {
       margin-right: 10px;
       height: 20px;
   }

   .res-title {
       font-size: 16px;
       font-weight: 700;
       color: #0b2340;
       width: 420px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
   }

   .res-title a {
       text-decoration: none;
       color: #000000;

   }

   .res-meta {
       margin-top: 10px;
       font-size: 13px;
       color: #56626f;
       display: flex;
       align-items: center;
       white-space: nowrap;
   }

   .res-meta .res-dot {
       width: 1px;
       /* border-right: 1px solid #56626f; */
       background-color: #56626f;
       height: 15px;
       margin: 0 5px;
       margin-top: 2px;
   }

   .res-actions img {
       width: 60%;
       height: 15px;
   }

   .res-download-btn {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       width: 46px;
       height: 46px;
       border-radius: 10px;
      // background: linear-gradient(180deg, #ffffff 0, #e6f2fb 100%);
     //  border: 1px solid rgba(45, 120, 184, 0.08);
       cursor: pointer;
       transition: transform .12s ease, box-shadow .12s ease;
   }

   .res-download-btn:hover {
       transform: translateY(-3px);
       box-shadow: 0 6px 14px rgba(45, 120, 184, 0.08);
   }

   .res-download-btn svg {
       width: 20px;
       height: 20px;
       fill: #2d78b8;
   }

   #dfjp {
       display: none;
   }

.header_content{
    justify-content: center;
}

.header .logo{
    display: none;
}

.header .nav a{
    padding: 0 50px;
}

   .course-mask {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 610px;
       z-index: 9;
   }

@media screen and (max-width: 1028px) { 
    .header {
        height: 0 !important;
    }
    .mobile_btn{
           right: 10px;
           top: 0;
    }

.header .navmobile{
 top: 0 !important;
}

.mobile_btn.on span{
    background: #fff;
}
}

.course-banner-container:hover .course-video-list {
       transform: translateX(0);
   }

.course-video-wrapper iframe{
   border-radius: 10px;
}



 .modal,
.tj_tj_modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
  z-index: 99;
}

.dialog_wrapper,
.tj_dialog_wrapper {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
  z-index: 9999;
}

.dialog {
  width: 640px;
  height: 440px;
  position: relative;
  margin: 15vh auto 50px;
  padding: 50px;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  background: url(/portal/lib/wanchang/scheme/images/detailbg.png) no-repeat;
}

.dialog_title {
  display: flex;
  justify-content: space-between;
  height: 22px;
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}

.close {
  position: relative;
  left: 20px;
  top: -10px;
  font-size: 24px;
  cursor: pointer;
}

.recommendation_dialog {
  width: 660px;
  height: 450px;
  background-image: url(/portal/lib/wanchang/scheme/images/recommendation.png);
  background-color: #fff;
  overflow: hidden;
}

.recommendation_title {
  margin-bottom: 30px;
  font-size: 30px;
  color: #2c6db4;
  font-weight: bold;
  text-align: center;
}

.recommendation_content p {
  font-size: 17px;
  line-height: 48px;
  padding-bottom: 0;
}

.recommendation_btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 660px;
  display: flex;
}

.recommendation_btn button {
  width: 50%;
  height: 56px;
  border: none;
  border-radius: 0;
  font-size: 18px;
  cursor: pointer;
  background-color: #fff;
  color: #333;
}

.recommendation_btn button:nth-child(1) {
  background-color: #2c6db4;
  color: #fff;
}