.zixun-banner{height: 320px; background: url('../images/recruit_banner.jpg') no-repeat center center; position: relative; z-index: 1;}
.zixun-banner .w1200{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.zixun-banner .w1200 .banner-title{font-size: 48px; color: #1c4596; font-weight: 700; margin-bottom: 10px;}
.zixun-banner .w1200 .banner-desc{width: 630px; margin: 0 auto; text-align: center; font-size: 16px; color: #7381ae; line-height: 32px;}

.recruit-col1{ padding-bottom: 50px;}
.recruit-card { display: grid; grid-template-columns: repeat(4, 1fr); justify-content: center; align-items: flex-start; gap: 20px;flex-wrap: wrap; margin-bottom: 40px;}

.card-item { flex: 1; width: 100%; }
.card-item a{background: #fff; border-radius: 10px; display: block; transition: all 0.3s ease;}
.card-item a:hover{ box-shadow: 0 8px 16px rgba(0,0,0,0.1);}

.card-img{ width: 100%; height: 200px; overflow: hidden;}
.card-img img{ width: 100%; height: 200px; object-fit: contain; display: block;  transition: all 0.3s ease; }
.card-img img:hover{ transform: scale(1.1); }
.card-text { padding: 12px 16px; font-size: 16px;  color: #333; text-align: center; /* 文字居中 */}

/* 查看更多按钮 */
.more-btn { display: block; width: 260px; height: 45px; line-height: 45px; background: #4b8fc4; color: #fff; text-align: center; text-decoration: none; border-radius: 20px; margin: 0 auto; font-size: 16px;}
.more-btn:hover { opacity: 0.9; }

.recruit-col2bg{background-color: #ffffff;}

/*招聘*/
.job-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 0 auto; padding-bottom: 35px;}
.job-card {  background-color: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 0px 6px 2px rgba(15,109,235,0.1); position: relative;}
.job-card a{ display: block;}
.card-header{ display: flex; justify-content: space-between; align-items: center;}
.card-header .job-title { flex: 1; font-size: 22px; font-weight: bold; color: #000000; margin-bottom: 8px;}
.job-card a:hover .card-header .job-title{ color: #1c4596;}
.card-header .job-salary { font-size: 20px; font-weight: bold; color: #ff0000;}
.job-base-info { font-size: 14px; color: #6d6d6d; margin-bottom: 12px; line-height: 1.5;}
.job-base-info em{ font-style: normal; color: #c9c8c8; font-size: 12px; padding: 0 5px;}
.job-desc { font-size: 16px; color: #6d6d6d; margin-bottom: 16px; line-height: 24px;}
.job-footer{ display: flex; justify-content: space-between; align-items: center;}
.job-company { font-size: 14px; color: #8499b6; display: flex; align-items: center;}
.job-company i{ padding-right: 5px;}
/* 申请按钮 */
.job-list .apply-btn { display: block; width: 90px; height: 30px; line-height: 30px; text-align: center; background-color: #1c4596; color: #fff; border-radius: 4px; text-decoration: none; font-size: 16px;}
.job-list .apply-btn:hover { opacity: 0.9; }

.job-about{ display: flex; justify-content: center; align-items: center; padding: 70px 0 60px;}
.job-about-left{padding: 65px 60px; box-sizing: border-box; border-top-left-radius: 8px; border-bottom-left-radius: 8px; flex: 1; width: 420px; height: 360px; background-color: #1c4596;}
.job-about-left h2{ font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 20px;}
.job-about-left p{ font-size: 16px; color: #5d86d6; line-height: 28px; margin-bottom: 20px;}
.job-about-left a{ display: inline-block; border: 1px solid #fff; border-radius: 35px; padding: 7px 30px; font-size: 16px; color: #fff; line-height: 24px; margin-top: 40px;}
.job-about-left a:hover{ background-color: #fff; color: #1c4596;}
.job-about-right{ }
.job-about-right img{ width: 100%; height: 100%; object-fit: contain; display: block; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}


/*选择*/
.recruit-filter{ background-color: #f7f8fa; border-radius: 3px; padding: 20px 15px; margin: 50px auto 20px;}

.filter-row { display: flex; align-items: center; margin-bottom: 16px; flex-wrap: wrap;  gap: 12px;}
.filter-row:last-child { margin-bottom: 0;}
.filter-label { font-size: 14px; color: #666; white-space: nowrap;}
.tag-group { display: flex; flex-wrap: wrap; gap: 12px; }

.filter-tag { padding: 3px 15px; border-radius: 5px; font-size: 14px; cursor: pointer; white-space: nowrap;  border: 1px solid #d8d7d7;  color: #414141;  background-color: #fff;  transition: all 0.2s; }
.filter-tag.active {background-color: #1c4596; color: #fff; border-color: #1c4596;}

.filter-tag:not(.active):hover { border-color: #1c4596; color: #1c4596;}
/*详细*/
/* 顶部栏样式 */
.job-header { background-color: #fff; padding: 20px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px;}
.job-header-left { flex: 1;}
.job-title-box{ display: flex; justify-content: space-between; align-items: center;}
.job-title {flex: 1; font-size: 36px; color: #262525; margin-bottom: 8px;}

.job-base-info { display: flex;align-items: center; gap: 16px; flex-wrap: wrap;}
.job-base-info span { font-size: 16px; color: #272727; display: flex; align-items: center; gap: 4px;}
.job-base-info span i{ font-size: 18px; color: #cbced4;}
.job-base-info span i.icon-a-shijiankaishishijianbeifen5{ font-size: 14px;}
/* 右侧薪资+申请按钮 */
.job-header-right { padding-left: 50px;}
.job-salary { font-size: 36px; color: #ff0000;}
.job-header .apply-btn { width: 230px; height: 50px; display: flex; justify-content: center; align-items: center; background-color: #80b740; color: #fff; border-radius: 4px; font-size: 18px; cursor: pointer;}
.job-header .apply-btn i{ font-size: 20px; padding-right: 5px;}
/* 主体内容容器 */
.job-content { display: flex; justify-content: space-between; padding-bottom: 40px;}
.main-content { width: 890px; box-sizing: border-box; background-color: #fff; padding: 24px;border-radius: 10px;}
.section-title { font-size: 18px; font-weight: bold; color: #1c4596; padding-bottom: 8px;}
.duty-list { font-size: 18px;line-height: 40px; margin-bottom: 24px;}

/* 右侧侧边栏 */
.sidebar { width: 280px; display: flex; flex-direction: column;gap: 20px;}

.sidebar-card { background-color: #fff; border-radius: 10px;}

.sidebar-card-title { font-size: 16px; height: 45px; line-height: 45px; padding-left: 20px; box-sizing: border-box; color: #293c61; background-color: #ecf2fd; border-top-left-radius: 10px; border-top-right-radius: 10px;}

/* 企业信息 */
.company-info { padding: 17px;}
.company-name {}
.company-name a{ display: flex; align-items: center; }
.company-name img{ width: 50px; height: 50px; display: block; object-fit: contain; border-radius: 10px; border: 1px solid #f2f2f2; margin-right: 10px;}
.company-name h3{ flex: 1; font-size: 16px; color: #000000;}
.company-icon{ padding-top: 10px;}
.company-icon p { font-size: 16px; color: #272727; height: 30px; line-height: 30px; display: flex; align-items: center;}
.company-icon p i{ font-size: 14px; color: #cbced4; padding-right: 5px;}
/* 推荐岗位 */
.recommend-job-list{ padding: 17px;}
.recommend-job { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f1f1f1;}
.recommend-job a{ display: block;}
.recommend-job:last-child { margin-bottom: 0;}
.recommend-job-name { font-size: 16px;  margin-bottom: 4px; display: flex; justify-content: space-between;}
.recommend-job-name h3{ flex: 1;}
.recommend-job a:hover h3{ color: #1c4596;}
.recommend-job-name p {color: #ff0000; font-size: 16px;}

.recommend-job-info { font-size: 12px; color: #6d6d6d; padding-top: 5px;}
.recommend-job-info em{ color: #c9c8c8; padding: 0 3px;}

/* 申请弹窗简历信息 */
.resume-info { background-color: #f7f8fa; border-radius: 8px; padding: 20px; margin-bottom: 20px;}
.resume-info p { font-size: 14px; color: #333; line-height: 32px; display: flex; align-items: center;}
.resume-info p i { font-size: 16px; color: #1c4596; margin-right: 8px; width: 20px; text-align: center;}

.file_pub_hr {
    margin: 0px;
    padding: 0px 5px 0px 15px;
    font-weight: bold;
    color: rgb(102, 102, 102);
    font-size: 14px;
    background: rgb(241, 248, 255);
    height: 30px;
    line-height: 30px;
}

/*附件上传*/
.layui-upload-style{}
.layui-upload-style .file_list{ color:#666666; width:98%; padding:0 1%; height:30px; line-height:30px; overflow:hidden; background-color:#f1f8ff; margin-top:10px; display:flex; align-items:center;}
.layui-upload-style .file_list .file_list_tit{ display:flex; width:70%}
.layui-upload-style .file_list .file_list_tit h2{ height:30px; overflow:hidden; text-overflow:ellipsis;}
.layui-upload-style .file_list .file_list_del{ width:10%; color:#ff0000; padding:0 15px; width: 50px; }
.layui-upload-style .file_list .file_list_del .attachment-delete{ cursor:pointer;}
.layui-upload-style .file_list .file_list_sta{width:20%;}

.layui-upload-filelist-show{padding:15px 15px 0; border:1px solid #f1f8ff;}
.layui-upload-filelist-show ul{}
.layui-upload-filelist-show ul li{ padding-left:40px; background-repeat:no-repeat; background-position:0 center; margin-bottom:15px;}
.layui-upload-filelist-show ul li h3{color:#676566; line-height:25px; }
.layui-upload-filelist-show ul li h3 em{ color:#333333;}
.layui-upload-filelist-show ul li dl{ margin-left:-40px;  display:flex;}
.layui-upload-filelist-show ul li dl dt{ float:left; padding-right:10px;  flex:1;}
.layui-upload-filelist-show ul li dl dt img{ max-width:50px;}
.layui-upload-filelist-show ul li dl dd{ width:100%;}
.layui-upload-filelist-show ul li p{ padding-top:5px;}
.layui-upload-filelist-show ul li p a{ color:#0088d1;}

.layui-table-col-special .layui-inline{vertical-align: baseline;}