.banner{  position: relative; height: 100vh; max-height: 39.06vw;}
.ban-swiper{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; max-height: 39.06vw;}
.ban-swiper .swiper-slide,
.ban-swiper .swiper-wrapper { transform: translate3d(0px,0,0);}
.ban-swiper .swiper-slide{ overflow: hidden; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.ban-img{  position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.ban-img .img-bg{ width: 100%; height: 100%; transform: scale(1.1); transition: all 1s;}
.ban-img .mobile{ display: none;}
.ban-text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 70px; z-index: 1;}
.ban-tit{ line-height: 1.2; font-weight: 600; margin-bottom: .5rem;}
.ban-swiper .swiper-slide-active .ban-img .img-bg{ transform: scale(1); transition: all 6s;}
.ban-page{ position: absolute; left: 0; right: 0; bottom: .4rem; z-index: 2;}
.ban-page .swiper-pagination{ text-align: center;}
.ban-page .swiper-pagination-bullet{ position: relative; width: 40px; height: 3px; max-width: .6rem; max-height: .06rem; border-radius: 0; background-color: #FFFFFF; border: none; opacity: 1; margin: 0 .04rem;}
.ban-page .swiper-pagination-bullet-active{ background-color: var(--main-color);}
.ban-mouse{ position: relative; width: 16px; height: 20px; border: 2px solid #FFFFFF; border-radius: 6px; margin-left: auto;}
.ban-mouse i{ display: block; width: 2px; height: 4px; background-color: #FFFFFF; position: absolute; left: 50%; margin-left: -1px; top: 15%; animation: inArrow 2s linear infinite;}
.ban-page-num{ line-height: 1; margin-top: .3rem; font-family: 'DINPro-Bold';}



.indbg{background: url(../images/bg.png) no-repeat top center;}
.container{ max-width: 1200px;width: 1200px;}
.containerheader{ width: 1200px;margin: 0 auto;}
.course .box-title{padding:72px 0 26px 0;}

.news .container{ padding: 0;}
.zkkcsj-container{width: 1200px;margin: 0 auto 35px auto;}
.zkkcsj-list{display: flex;margin:12px 0;}
.zkkcsj-list a{margin: 0 7px;}
.zkkcsj-list a:first-child{margin-left: 0;}
.zkkcsj-list a img{width: 288px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);border-radius: 10px;}
/* 招考职位数据 */
.zkzw-container{background: url(../images/zkbg.png) no-repeat top center;height: 454px;width:1200px;margin: 0 auto;}
/* 名师 */
.swiper { width: 100%;margin-top: 30px;}
.mySwiper,.swiperbanner{overflow: hidden; }
.swiper-slide {
        text-align: center;
        font-size: 18px;
        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;
      }
.swiper-slide img {display: block; object-fit: cover;}

.slide-box{ background: #fff;text-align: center;padding:35px 20px 25px 20px;min-width: 282px;min-height: 310px;}
.slide-box img{width: 120px;height:140px;margin: 0 auto;}
.slide-box h3{font-size: 16px;margin: 15px 0 8px 0;color: #000;}
.slide-box h4{font-size: 14px;font-weight: normal;color: #666;}
.slide-box p{font-size: 14px;font-weight: normal;color: #999999;text-align: left;margin: 6px 15px 10px 15px;
  width:260px; white-space: normal;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden; text-overflow: ellipsis;line-height: 1.5;max-height: 3em; }
 .teacher .swiper-wrapper{margin-bottom: 10px;}
.teacher .box-title{padding-top:0px;margin-top: -5px;}
.zkzw-list{padding-left: 200px;padding-top: 86px;}
.zkzw-list a {display: inline-block;margin: 0 40px;}

.swiperbanner{ width: 100%; position: relative;}
.swiperbanner .swiper-slide{height: 480px;}
.banner1{background: url(../images/banner1.png) top center;}
.banner2{background: url(../images/banner2.png) top center;}
.banner3{background: url(../images/banner3.png) top center;}

.swiperbanner .swiper-slide{height: 480px;}
.swiperdatahig .swiper-slide{height: 400px;margin-top: 70px;margin-right: 0;}
.swiperdatahig + .detailmain { margin: 20px auto 0 auto;}
.bannerdata{background: url(../images/bannerdata.png) top center;}

.swiper-button-next, .swiper-button-prev{important;top:56%!important;color:rgba(255, 255, 255, 0.5)!important;} 
/* 容器样式：控制整体布局 */
        .teacher-container {
            display: flex;
            flex-wrap: wrap;
            gap:10px; /* 卡片之间的间距 */
            max-width: 1200px; /* 限制最大宽度，适配页面 */
            margin: 0 auto;
        }

        /* 教师卡片样式 */
        .teacher-card {
            width: calc(20% - 8px); /* 每行5个，减去gap的影响 */
            background: #fff;
            border-radius: 8px;
            /* padding: 15px; */
            text-align: center;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        }

        /* 头像样式 */
        .teacher-avatar {
            width: 225px;
            height: auto;
            border-radius: 4px;
            margin-bottom: 10px;
        }

        /* 姓名样式 */
        .teacher-name {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 8px;margin-top: 15px;color: #333;
        }

        /* 简介样式 */
        .teacher-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.5; padding: 0px 15px 26px 15px;  text-align: left;white-space: normal;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden; text-overflow: ellipsis;line-height: 1.5;}

        /* 响应式适配（小屏幕下调整每行数量） */
        @media (max-width: 768px) {
            .teacher-card {
                width: calc(50% - 10px); /* 小屏幕每行2个 */
            }
        }
        @media (max-width: 480px) {
            .teacher-card {
                width: 100%; /* 超小屏幕每行1个 */
            }
        }
.teater-star-img {
    height: 192px;
    border-radius: 8px 8px 0px 0px;
    background: linear-gradient(180deg, #C9D6E6 4%, #F0F7FF 54%, #E8ECF8 97%);
}

/* 资讯 */
.news{ padding: 0.5rem 0  0.6rem 0;}
.newList,.newList li{list-style: none;margin: 0;padding: 0;}
.newList {display: flex;/* margin-top: 40px; */margin-bottom: 10px;}
.newList li{flex: 1;margin: 0 10px;}
.newList li:first-child{margin-left: 0;}
.newList li:last-child{margin-right: 0;}

.liBox{ border: 1px solid #FDFBFB; border-top-left-radius: 16px;border-bottom-right-radius: 16px;padding-bottom: 25px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);background-color: #fff;}
.box-t{display: flex;}
.date{width: 100px;text-align: center;}
.date span.year{background-color: #EFEFEF;display: block;border-top-left-radius: 16px;height: 30px;line-height: 30px;font-size: 16px;}
.date span.day{background-color: #E62129;display: block;border-bottom-right-radius: 16px;height: 30px;font-size: 22px;line-height: 30px;color: #fff;}
.box-t h3{flex: 1;padding:13px 12px 5px 14px;line-height: 1.6; /* 设置文本在两行内显示，并在超出两行时显示省略号 */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 控制显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.liBox p{display: block;border-top: 1px solid #eee;margin: 15px 15px;padding-top: 15px;line-height: 1.7;color: #999; /* 设置文本在两行内显示，并在超出两行时显示省略号 */
    display: -webkit-box;
    -webkit-line-clamp:3; /* 控制显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.liBox a.more{color: #999;margin-left: 20px;}	
	
/* 页脚 */
/* 页脚整体样式 */
    .footer {
      background: #555;
      color: #fff;
      padding: 20px 0 5px 0;
      font-size: 14px;/* margin-top: 20px; */
    }
    .footer-container {
      width: 1200px;
      margin:10px auto;
    }
    .footer-top {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;padding: 5px 0 20px 0;
    }

    /* 友情链接模块 */
    .footer-links {
      width: 280px;
    }

    .footer-links h4,
    .footer-contact h4 {
      margin-top: 10px;margin-bottom:22px;
      font-size: 16px;
    }

    /* 友情链接两列布局 */
    .links-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px 15px;
      margin-top: 10px;
    }

    .links-list a {
      color: #ddd;
      text-decoration: none;
    }

    /* 联系我们模块 */
    .footer-contact p {
      margin: 10px 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .footer-contact p span ,.footer-contact i{
      color: #f00;
    }
.footer-contact i{margin-right: 6px;}
    /* 二维码模块 */
    .footer-qrcode {
      text-align: center;
    }

    .footer-qrcode img {
      width: 88px;
      height: 88px;
    }

    .footer-qrcode p {
      margin-top: 5px;
      margin-bottom: 0;
    }

    /* 版权信息模块 */
    .footer-copyright {
      text-align: center;
      margin-top: 20px;
      padding-top: 10px;
      border-top: 1px solid #777;
    }

    .footer-copyright p {
      margin: 0;
    }

    .footer-copyright span {
      margin: 0 8px;
    }
	
	
	
.float{position: fixed;right: 30px;top:138px;z-index: 9999;text-align: center;}
.float-item{background-color: #fff;padding: 8px;border-radius: 6px;margin-bottom: 6px;width:92px; border: 1px solid #eee;}
.float-navlist{padding: 10px 8px;}
.float-navlist .nav-item {
            padding: 13px 6px;
            color: #333;
            text-decoration: none;
            transition: background-color 0.2s;display: block; border-bottom: 1px solid #eee;
        }
.float-navlist .nav-item:last-child{border-bottom: none;}
.float-navlist .nav-item:hover {
            background-color: #f5f7fa;
        }
.float-navlist .nav-item .iconfont {
            font-size: 24px;
            color: #F1492B; display: block; 
        }
.float-navlist .nav-item .text {font-size: 14px;display: block;margin-top: 5px; }
.float-navlist .nav-item .tag {margin-left: auto; font-size: 12px; color: #999; }
.float img{width:78px; height:78px;}
.float p{margin-top:5px;}


/****************** 2026-1-10 *******************/

/********** 职位检索 *********/
.zwbanner{background: url(../images/jsbg.png) no-repeat  top center;width: 100%;height: 325px;margin: 70px auto 0px auto;}
.zw-main{margin: -50px auto 0 auto;  max-width: 1200px;   margin-bottom: 20px;  min-height: 600px;    
            padding: 30px;
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}
.grayBg{background-color:#F5F6F7;}
 /* 页面标题样式 */
      .page-title {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  padding: 0px 0;margin-bottom:30px;
                  /* border-bottom: 1px solid #eee; *//* 可选：底部加分割线 */
              }
              .title-text {
                  font-size: 22px;
                  font-weight: bold;
                  color: #000;
                  display: flex; /* 新增：让竖线和文字垂直居中对齐 */
                  align-items: center;letter-spacing: 1px;
              }
			 .title-text .text-desc{ font-size: 14px; font-weight: normal; color: #666;margin-left: 20px;margin-top: 5px; letter-spacing: 0px}
			  
              /* 核心修改：加粗红色竖线 */
              .title-text .red-line {
                  display: inline-block; /* 转为块级元素，可设置宽高 */
                  width: 5px; /* 竖线宽度（数值越大越粗，可自行调整） */
                  height: 22px; /* 竖线高度，匹配标题文字大小 */
                  background-color: #E51F20; /* 红色 */
                  margin-right: 12px; /* 竖线与文字的间距 */
				  border-radius: 4px;
              }
			  .title-text .txtred{color: #E51F20; /* 红色 */}
              .breadcrumbs {
                  font-size: 14px;
                  color: #666;
              }
              .breadcrumbs a {
                  color: #666;
                  text-decoration: none;
              }
			  .breadcrumbs i {
			      color: #E51F20;margin-right:5px;
			  }
              .breadcrumbs a:hover {
                  text-decoration: underline;
              }
			  
 .form-container {        
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px 30px; /* 行列间距优化 */
        }

        .form-group {
            position: relative;
        }

        /* 关键词输入框单独占一行 */
        .form-group.keyword-group {
            grid-column: 1 / 3; /* 跨两列显示 */
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #333640;
            font-size: 14px;
        }

        /* 下拉框样式 */
        .form-group select {
            width: 100%;
            padding: 12px 15px;
            padding-right: 35px; /* 为清除按钮预留空间 */
            border: 1px solid #e4e7ed;
            border-radius: 8px;
            background-color: #ffffff;
            font-size: 13px;
            color: #333640;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path fill='%23909399' d='M0 0l6 6 6-6z'/></svg>");
            background-repeat: no-repeat;
            background-position: right 15px center;
            background-size: 12px 8px;
            transition: all 0.3s ease;
        }
        
        .form-group input {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #e4e7ed;
            border-radius: 8px;
            box-sizing: border-box;
            font-size: 13px;
            color: #333640;
            transition: all 0.3s ease;
        }
        
        /* 输入框聚焦样式 */
        .form-group input:focus {
            outline: none;
            border-color: #409EFF;
            box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
        }
        
        .form-group input:hover {
            border-color: #c0c4cc;
        }

        /* 下拉框清除按钮（默认隐藏） */
        .select-clear-btn {
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            cursor: pointer;
            display: none; /* 默认不显示，选中非“全部”时显示 */
            z-index: 1; /* 确保在下拉箭头上方 */
        }

        .select-clear-btn svg {
            width: 100%;
            height: 100%;
            fill: #909399;
            transition: fill 0.3s ease;
        }

        .select-clear-btn:hover svg {
            fill: #409EFF;
        }

        /* 聚焦/悬浮状态 */
        .form-group select:focus {
            outline: none;
            border-color: #409EFF;
            box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
        }

        .form-group select:hover {
            border-color: #c0c4cc;
        }

        /* 默认选项样式 */
        .default-option {
            color: #909399;
        }

        /* 按钮组样式 */
        .btn-group {
            grid-column: 1 / 3; /* 跨两列显示 */
            display: flex;
            gap: 16px;
            margin-top: 10px;justify-content: center; /* 核心：横向居中按钮 */
        }

 
		/* 立即检索按钮 */
		        #searchBtn {
		            /* 基础样式 */
		            padding: 12px 50px;
		            border: none;
		            border-radius: 4px; /* 圆角可根据需求调整 */
		            font-size: 16px;
		            color: #fff; /* 文字白色，对比更清晰 */
		            cursor: pointer;
		            /* 核心：线性渐变背景（#F1492B 到 #F56E31） */
		            background: linear-gradient(90deg, #F42632 0%, #F14929 100%);
		            /* 可选：hover 交互效果（加深渐变/微调） */
		            transition: all 0.3s ease;
		        }
		        /* 鼠标悬浮效果（可选） */
		         #searchBtn:hover {
		            background: linear-gradient(90deg, #e03e20 0%, #f46225 100%);
		            transform: translateY(-1px); /* 轻微上浮，增强交互 */
		            box-shadow: 0 2px 8px rgba(241, 73, 43, 0.3); /* 阴影增强视觉 */
		        }
		        /* 点击按下效果（可选） */
		         #searchBtn:active {
		            transform: translateY(0);
		            box-shadow: 0 1px 4px rgba(241, 73, 43, 0.2);
		        }

        /* 重置按钮样式 */
        #resetBtn {
            padding: 12px 32px;
            background-color: #f5f7fa;
            color: #333640;
            border: 1px solid #e4e7ed;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            flex: 0 0 auto;
        }

        #resetBtn:hover {
            background-color: #eef1f6;
            border-color: #c0c4cc;
        }

        #resetBtn:active {
            background-color: #e4e7ed;
        }
		
		/*********** 职位详情 ***********/
		.detailmain{width: 1200px;margin:90px auto 0 auto}
		.breadcrumbs {
		    font-size: 14px;
		    color: #666;
		    margin-bottom: 12px;
		}
		.breadcrumbs span {
		    color: #333;
		}
		.job-header {
		    background: #fff;
		    padding: 30px 30px;
		    border-radius: 4px;
		    margin-bottom: 10px;
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		}
		.job-title {
		    font-size: 24px;
		    font-weight: bold;
		}
		.province-tag {
		    background: #FFF4ED;
		    color: #ff4d4f;
		    font-size: 14px;
		    padding: 6px 6px;
		    border-radius: 2px;
		    margin-left: 8px;
		}
		.job-count {
		    font-size: 14px;
		    color: #666;
		    margin-top: 18px;
		}
		.job-count span{color: #ff4d4f;margin: 0 2px;}
		.collect-btn {
		    color: #666;
		    font-size: 14px;
		    cursor: pointer;
		}
		.collect-btn i {
		    margin-right: 4px;color: #ff4d4f;font-size: 18px;
		}
		.job-section {
		    background: #fff;
		    padding: 25px;
		    border-radius: 4px;
		    margin-bottom: 10px;
		}
		.section-title {
		    font-size: 20px;
		    font-weight: bold;
		    margin-bottom: 15px;
		    color: #333;
		    display: flex;padding-bottom: 10px;
		    align-items: center;border-bottom: 1px solid #eee;
		}
		.section-title::before {
		    content: "";
		    display: inline-block;
		    width: 5px;
		    height: 18px;
		    background: #ff4d4f;
		    margin-right: 15px;
		}
		.info-table {
		    width: 99%;margin-left: 1%;
		    border-collapse: collapse;
		}
		.info-table td {
		    padding: 8px 0;
		    font-size: 16px;
		    color: #333;width: 36%;
		   
		}
		.info-table td a{color: #0E78E9;}
		.info-table td:first-child {
		    color: #666; width:14%;
		}
		.info-table td:nth-child(3) {
		    color: #666; width:12%;
		}
		.job-desc {
		    line-height: 1.6;
		}
		.btn-group {
		    margin-top: 20px;
		    display: flex;
		    gap: 10px;
		}
		.btn {
		    padding: 8px 16px;
		    border: none;
		    border-radius: 4px;
		    cursor: pointer;
		    font-size: 14px;
		}
		.btn-orange {
		    background: #ff7a45;
		    color: #fff;
		}
		.btn-white {
		    background: #fff;
		    color: #333;
		    border: 1px solid #ddd;
		}
		
		
		/********* 职位列表 *********/
		.list-container {
		    max-width: 1200px;
		    margin: 10px auto;
		    background-color: #fff;
		    padding: 26px 30px;
		    border-radius: 8px;
		    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
		}
		.list-container+.list-container { margin-bottom:20px;}
		.list-lenght{min-height: 600px;}
		/* 筛选标签样式 */
		.filter-group {
		    margin-bottom: 20px;
		}
		.filter-group h3 {
		    font-size: 14px;
		    font-weight: bold;
		    margin-bottom: 12px;
		    color: #333;
		}
		.filter-tags {
		    display: flex;
		    flex-wrap: wrap;
		    gap: 8px;
		}
		.filter-tag {
		    padding: 5px 12px;
		    border: 1px solid #EEEEEE;
		    border-radius: 4px;
		    font-size: 14px;
		    color: #666;
		    cursor: pointer;
		    background-color: #fff;
		    transition: all 0.2s;
		}
		.filter-tag:hover {
		    border-color: #E51F20;
		    color: #E51F20;
		}
		.filter-tag.active {
		    background-color: #E51F20;
		    color: #fff;
		    border-color: #E51F20;
		}
		.filter-tag.all {
		    border-color: #ccc;
		    color: #999;
		}
		
		/* 搜索框样式 */
		.search-bar {
		       margin: 12px 0 24px 0;
		       display: flex ;
		       gap: 10px;
		       align-items: center;
		       justify-content: center;
		}
		.search-bar input {
		    flex: 1;
		    max-width: 400px;
		    padding: 12px 12px;
		    border: 1px solid #ddd;
		    border-radius: 4px;
		    font-size: 14px;
		}
		.search-btn {
		    padding: 11px 20px;
		    background-color: #E51F20;
		    color: #fff;
		    border: none;
		    border-radius: 4px;
		    font-size: 16px;
		    cursor: pointer;
		    transition: background-color 0.2s;
		}
		.search-btn:hover {
		    background-color: #e03e20;
		}
		
		/* 标题栏样式 */
		.page-title {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    margin-bottom: 5px;
		    padding-bottom: 10px;
		    /* border-bottom: 1px solid #eee; */
		}
		.page-title h2 {
		    font-size: 18px;
		    font-weight: normal;
		    color: #000;
		    display: flex;
		    align-items: center;
		}
		.page-title h2 .red-line {
		    display: inline-block;
		    width: 5px;
		    height: 18px;
		    background-color: #ff4d4f;
		    margin-right: 12px;
		}
		.page-title h2 .text-red{color: #E51F20;margin: 0 2px;}
		.position-count {
		    font-size: 14px;
		    color: #666;
		}
		.position-count span {
		    color: #E51F20;
		    font-weight: bold;margin: 0 2px;
		}
		
		/* 职位表格样式 */
		.position-table {
		    width: 100%;
		    border-collapse: collapse;
		    font-size: 14px;
		}
		.position-table th {
		    background-color: #f5f5f5;
		    text-align: center;
		    padding: 10px 12px;
		    border: 1px solid #eee;
		    color: #333;
		}
		.position-table td {
		    padding: 12px;
		    border: 1px solid #eee; text-align: center;
		    color: #666;
		}

		.detail-btn {
		    color: #E51F20;border: 1px solid #E51F20;padding: 5px 5px;border-radius: 4px;
		    text-decoration: none;
		    margin:0 3px;
		}
		.detail-btn:hover {
		    text-decoration: none;background-color: #E51F20;color: #fff;
		}
		
		/* 分页样式 */
		.pagination {
		    margin-top: 26px;
		    display: flex;
		    gap: 8px;
		    align-items: center;
		    justify-content: center;
		}
		.page-item {
		    width: 24px;
		    height: 24px;
		    line-height: 24px;
		    text-align: center;
		    border-radius: 4px;
		    cursor: pointer;
		    font-size: 13px;
		}
		.page-item.active {
		    background-color: #E51F20;
		    color: #fff;
		}
		.page-item.ellipsis {
		    cursor: default;
		    color: #999;
		}
		.page-item.next {
		    width: auto;
		    padding: 0 8px;
		    color: #666;
		}
		
		/****** 大数据 首页 ******/
		
		  /* 定义思源宋体字体 */
		   @font-face {
		              font-family: 'Source Han Serif Local';
		              src: url('./font/SourceHanSerifSCHeavy.otf') format('opentype'),
		                   url('./font/SourceHanSerifSCHeavy.ttf') format('truetype'); /* 兼容不同浏览器 */
		              font-weight: 700;
		              font-style: normal;
		              font-display: swap; /* 字体加载时先显示兜底字体，避免页面空白 */
		          }
		
		/* 也可以单独给某个元素应用 */
		        .serif-text {
		            font-family: 'Source Han Serif', "思源宋体", serif;
		        }
		/* 岗位综合大数据 模块 */
		 /* 卡片容器：4列布局，间距匹配原图 */
		        .card-container {
		            display: grid;
		            grid-template-columns: repeat(4, 1fr);
		            gap: 10px; /* 原图卡片间距更小，精准匹配 */
		            max-width: 1200px;
		            margin: 0 auto;
		        }
		
		        /* 卡片样式：精准复刻原图 */
		        .gwzh-card {
		            background-color: #ffffff;
		            border-radius: 6px; /* 原图圆角更圆润 */
		            padding: 30px 20px 30px 10px;
		            display: flex;
		            align-items: center; /* 图标+文字水平对齐 */
		            gap: 12px; /* 图标和文字间距 */
		            position: relative;
		            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* 原图轻微阴影 */
		        }
		
		        /* 图标容器：固定大小+居中 */
		        .card-icon {
		            width: 112px; text-align: center;
		        }
		
		        /* 文字内容区：占满剩余宽度 */
		        .card-content {
		            flex: 1;
		            display: flex;
		            flex-direction: column;
		        }
		
		        /* 分类标题：如“国家公务员” */
		      .gwzh-card .card-title {
		            font-size: 18px;  
					font-family: 'Source Han Serif Local', "思源宋体", serif;
		            color: #333333;
		            font-weight:bold;
		            margin-top: 10px;margin-bottom: 2px;
		        }
		
		        /* 数值行：招聘职位+招考资讯 横向排列 */
		        .card-nums {
		            display: block;
		            align-items: baseline;
		            gap: 15px; /* 两个数值组间距 */
		            font-size: 14px;
		        }
		
		        /* 数值组*/
		        .num-group {
		            display: flex;
		            align-items: baseline;
		            gap: 4px;margin:7px 0;
		        }
		
		        /* 标签文字*/
		        .num-label {
		            color: #666666;flex: 1;
		        }
		
		        /* 数值：如“81万”“156条” */
		        .num-value {
		            color: #e63946; /* 原图红色数值 */
		            font-weight: bold;
		            font-size: 14px;text-align: right;
		        }
		
		        /* 响应式适配：小屏幕自动调整列数 */
		        @media (max-width: 992px) {
		            .card-container {
		                grid-template-columns: repeat(2, 1fr);
		            }
		        }
		
		        @media (max-width: 576px) {
		            .card-container {
		                grid-template-columns: 1fr;
		            }
		        }
				
		
		
		
		
		
		 /* 容器：控制整体宽度和居中 */
		 .province-container {
		     display: grid;
		     grid-template-columns: repeat(6, 1fr); /* 6列布局，和效果图一致 */
		     gap: 12px; /* 省份卡片间距，匹配效果图 */
		     max-width: 1200px;
		     margin: 0 auto;
		 }
		 
		 /* 省份卡片核心样式 */
		 .province-card {
		     background: linear-gradient(to bottom, #FFF7F1, #fff);
		     border-radius: 8px;
		     padding: 16px 6px 16px 20px;
		     text-align: center;
		     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		     position: relative;
		     overflow: hidden;
		 }
		 
		 /* 卡片顶部渐变背景（模拟效果图的浅红渐变） */
		 .province-card::before {
		        content: "";
		        position: absolute;
		        /* 核心修改：调整位置和宽高 */
		        top: 0;
		        left: 0; /* 保持左侧对齐 */
		        width: 4px; /* 宽度改为4px（原高度） */
		        height: 100%; /* 高度改为100%（原宽度） */
		        background: linear-gradient(180deg, #ff6680, #ff99aa); /* 渐变方向改为垂直 180deg */
		        border-radius: 8px 0 0 8px; /* 圆角调整为左上+左下 */
		 }
		 
		 /* 省份名称样式 */
		 .province-name {
		     font-size: 16px;
		     color: #333333;
		     font-weight: 600;
		     margin-bottom: 12px;
		     /* 确保省份名称单独占一行 */
		     display: block;text-align: left;
		 }
		 
		 /* 信息组容器：让两个信息项并列 */
		 .info-group {
		     display: flex;
		     justify-content: center;
		     align-items: center;
		     gap: 8px; /* 两个信息项之间的间距 */
		 }
		 .info-group .info-item:first-child{text-align: left;}
		 /* 单个信息项样式 */
		 .info-item {
		     flex: 1; /* 让两个项平分宽度 */
		 }
		 
		 /* 数字样式（红色大号字体） */
		 .num {
		     font-size: 16px; /* 适当缩小，适配并列布局 */
		     color: #e63946;
		     font-weight: bold;
		     margin-bottom: 4px;
		     letter-spacing: 1px;
		 }
		 
		 /* 说明文字样式（灰色小号字体） */
		 .desc {
		     font-size: 13px;
		     color: #666;
		     line-height: 1.6;
		 }
		 
		 /* 响应式适配（小屏幕自动调整列数） */
		 @media (max-width: 1024px) {
		     .province-container {
		         grid-template-columns: repeat(4, 1fr);
		     }
		 }
		 
		 @media (max-width: 768px) {
		     .province-container {
		         grid-template-columns: repeat(2, 1fr);
		     }
		     /* 小屏幕下数字再缩小一点，保证布局美观 */
		     .num {
		         font-size: 14px;
		     }
		 }
		
		/* row 学科岗位大数据 */
		.xk-row .container{padding: 30px 15px 30px 15px;}
		.data-row .container{background-color: #fff;border-radius: 12px;padding:28px 15px;}
		 /* Tab标签样式 */
		        .tab-nav {display: flex;gap: 10px;  margin-bottom: 28px; align-items: center;justify-content: center; }
		        .tab-item {
		            padding: 9px 25px;
		            border-radius: 20px;
		            font-size: 16px;
		            cursor: pointer;
		            background-color: #f0f0f0;
		            color: #333;
		            transition: all 0.2s;
		        }
		        .tab-item.active {
		            background-color: #e63946;
		            color: #fff;
		        }
		        .tab-item:hover:not(.active) {
		            background-color: #e8e8e8;
		        }
		
		        /* 卡片容器样式 */
		        .card-grid {
		            display: grid;
		            grid-template-columns: repeat(5, 1fr);
		            gap: 15px;
		        }
		        .card {
		            background: linear-gradient(to right, #FFF7ED, #FEF2F2);
		            border-radius: 8px;
		            padding: 15px;
		            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
		        }
		        .card-title {
		            font-size: 16px;
		            font-weight: bold;
		            color: #333;
		            margin-bottom: 10px;
		        }
		        .card-data { font-size: 14px; color: #666; margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center; }
		        .card-data span {color: #e63946; font-weight: bold; margin-left: 8px; }
		
		        /* 隐藏非激活Tab的内容 */
		        .tab-content {
		            display: none;
		        }
		        .tab-content.active { display: block;min-height: 360px;}
		
		.databg{background:#FFF7F5 url(../images/databg.png) no-repeat top center;}
		.data-row{padding-top: 20px;padding-bottom: 20px;}
		.box-title{text-align: center;padding:45px 0 30px 0;position:relative;width: 1200px; margin: 0 auto;}
		.box-title h2 { font-size: 30px;  color: #333; position: relative; display: inline-block;}
		.box-title a.more{position: absolute;color: #666;right: 20px;bottom: 22px;}
		
		/* 统计图 */
		#examChart {
			width: 1140px;
			height: 600px;
			margin: 10px auto; /* 居中显示，可移除 */
		}
		
		/* 折线图 */
		#scoreChart {
			width: 1140px;
			height: 600px;
			margin: 10px auto;
		}
		
		/********* 公告资讯详情 *********/
		.notice-list th:first-child,.notice-list td:first-child{text-align: left;}
		.notice-list td .detail-btn{padding: 5px 12px;}
		.notice-container {background-color: #fff;border-radius: 12px;padding:30px 35px;margin-bottom: 20px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
		.notice-container  h1 {
		     text-align: center;
		     font-size: 28px;
		     margin: 20px 0;
		 }
		.notice-container .info {
		     text-align: center;
		     color: #666;
		     margin-bottom: 20px;
		     padding-bottom: 15px;
		     border-bottom: 1px solid #d8d8d8;
		 }
		 .notice-container .info span {
		     margin: 0 10px;
		 }
		 .notice-container .info .date {
		     color: #ff0000;margin-left: 5px;
		 }
		.notice-container section {
		     margin: 20px 0;
		 }
		.notice-container h2 {
		     font-size: 18px;
		     margin: 15px 0;
		 }
		.notice-container  p {
		     margin: 10px 0;
		 }
		.notice-container ul {
		     list-style-type: none;
		     padding-left: 20px;
		 }
		.notice-container li {
		     margin: 8px 0;
		 }
		.notice-container li:before {
		     content: "（" attr(data-index) "）";
		     margin-right: 5px;
		 }