/* 主容器样式 */
 #joinus{overflow:hidden;position:relative;}
.join_us_title{margin-bottom:1em;font-weight:bold;text-align:center;}
/* 招聘链接区域样式 */
 #join-bar{display:flex;justify-content:space-evenly;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:20px;justify-content: center;}
#join-bar>div{flex:0 0 auto;}
#join-bar .brower{padding: 0 1.5em;margin:0 auto;background-color:#ea5404;border-radius:1.42857143em;padding:4px 4px;line-height:1.5em;display:flex;justify-content:space-between;align-items:center;text-decoration:none;transition:all 0.3s ease;}
#join-bar .brower:hover{/* 保持橙色背景，字体变白色 */
 background-color:#ea5404;}
#join-bar .brower:hover .url{background-color:#ea5404;color:white;}
#join-bar .brower .url{display:block;width:100%;background-color:#fff;height:2.125em;border-radius:1.0625em;line-height:2.125em;text-align:center;color:#ea5404;transition:all 0.3s ease;}
/* 底部内容区域样式 */
 #join-body{background-color:rgb(250,250,250);margin:6em auto 0;display:flex;border-radius:10px;overflow:hidden;}
#join-body .join-item-text{width:60%;padding:3em;}
#join-body .join-item-text .join-body-title{font-weight:bold;margin-bottom:0.5em;}
#join-body .join-item-text p{margin-bottom:1em;line-height:1.7;text-indent:2em;}
#join-body .join-item-img-block{width:40%;background-color:#ea5404;display:flex;align-items:center;justify-content:center;overflow:hidden;}
#join-body .join-item-img-block img{width:100%;height:100%;object-fit:cover;}
/* 响应式设计 */
 @media (max-width:1024px){#join-bar{width:90%;}
#join-body{width:90%;}
}
@media (max-width:768px){#join-bar{flex-direction:column;width:80%;}
#join-bar>div{min-width:100%;}
#join-body{flex-direction:column;margin-top:3em;}
#join-body .join-item-text{width:100%;padding:2em;order:1;}
#join-body .join-item-img-block{width:100%;height:300px;order:2;}
#join-bar .brower{padding:2px;}
#join-bar{gap:10px;font-size: 16px;}
}
@media (max-width:480px){#join-bar{width:90%;}
#join-body{width:95%;}
#join-body .join-item-text{padding:1.5em;}
}
.middle-block{width:100%;text-align:center;padding-top:1rem;background-color:rgb(245,245,245);color:#3e3a39;}
.special-class-block{display:flex;width:100%;overflow:hidden;}
.text-content{width:50%;}
.stats-content{display:flex;flex-wrap:wrap;width:50%;justify-content:space-between;}
.image-container{width:75%;height:7rem;margin:0 auto;position:relative;background-image:url('../../cn/uploadfiles/ljy/初中部/1.初中部简介.jpg');background-size:cover;background-position:center 75%;overflow:hidden;transition:transform 0.1s ease;}
.view-more-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ea5404;color:white !important;border-radius:3.75rem;text-decoration:none;padding:0.14rem 0.6rem;display:inline-block;z-index:10;opacity:0;visibility:hidden;transition:opacity 0.6s ease,visibility 0.6s ease;}
.view-more-btn2{margin-top:0.6rem;background-color:#ea5404;color:white !important;padding:0.14rem 0.6rem;border-radius:3.75rem;text-decoration:none;display:inline-block;z-index:10;opacity:0;visibility:hidden;transition:opacity 0.6s ease,visibility 0.6s ease;}
.card{width:16.6%;height:5.7rem;background-size:cover;background-position:center;color:white;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:1;transition:opacity 0.3s ease;}
.card>div{position:relative;z-index:2;padding:0 0.4rem;}
.card:hover .view-more-btn2{opacity:1;visibility:visible;}
.image-container:hover .view-more-btn{opacity:1;visibility:visible;}
.stats-content .stat-item p{color:#ea5404;;}
.middle-teacher-text-box{margin-top:0.6rem;display:flex;color:#3e3a39;}
.middle-bottom-teacher{height:4.16rem;display:flex;justify-content:space-between;}
.middle-bottom-teacher div{height:100%;width:32.5%;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;}
@media screen and (min-width:1441px){.card{width:16.6%;}
}
/* 响应式适配 - 不改变原有CSS架构 */
 /* 平板适配 (768px - 1024px) */
 @media screen and (max-width:1024px) and (min-width:769px){.special-class-block{flex-wrap:wrap;}
.card{width:33.333%;height:6rem;}
.middle-teacher-text-box{flex-direction:column;align-items:center;}
.text-content{width:100%;text-align:center;margin-bottom:1rem;}
.stats-content{width:100%;justify-content:space-around;}
.stat-item{width:22%;text-align:center;}
.middle-bottom-teacher div{height:3.5rem;}
.image-container{height:6rem;}
}
/* 手机适配 (小于768px) */
 @media screen and (max-width:768px){.special-class-block{flex-direction:column;align-items:center;}
.card{width:100%;max-width:400px;height:5rem;margin-bottom:0.5rem;}
.middle-teacher-text-box{flex-direction:column;align-items:center;}
.text-content{width:100%;text-align:center;margin-bottom:1rem;}
.stats-content{width:100%;flex-wrap:wrap;justify-content:space-between;}
.stat-item{width:48%;text-align:center;margin-bottom:0.5rem;}
.middle-bottom-teacher{flex-direction:column;align-items:center;height:auto;}
.middle-bottom-teacher div{width:100%;max-width:400px;height:3rem;margin-bottom:0.5rem;}
.image-container{width:95%;height:5rem;}
}
/* 超大屏适配 (大于1440px) */
 @media screen and (min-width:1441px){.card{width:16.6%;}
}
/* 超小屏手机适配 (小于480px) */
 @media screen and (max-width:480px){.card{height:10rem;}
.image-container{height:10rem;}
.middle-bottom-teacher div{height:10rem;}
.stat-item{width:100%;}
}
.eduBtn{background-color:#ea5404;color:white !important;padding:0.1rem 0.1rem;border-radius:3.75rem;text-decoration:none;min-width:120px;position:absolute;right:0.6rem;bottom:0.5rem;text-align:center;}
.eduBlock{height:100%;position:absolute;left:0px;bottom:0px;height:100%;color:white;background:rgba(0,0,0,0.3);box-shadow:0 4px 6px rgba(0,0,0,0.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-sizing:border-box;width:25%;padding-left:0.6rem;padding-top:0.6rem;overflow:hidden;}
@media (max-width:768px){.项目列表{display:none;}
.eduBlock{width:40%;}
.eduImgBlock{padding-bottom:50% !important;}
}
@media screen and (max-width:480px){.教育教学图{height:10rem;}
}
.swiper-slide{position:relative;}
.slide-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;/* 确保在其他内容之上，但不要太高以免遮挡 swiper 操作 */
 text-decoration:none;color:transparent;/* 可选：防止文字被选中或出现焦点框 */
 outline:none;}
.font-weight600{font-weight:600;}
.content-color{color:#3e3a39;}
.background-img{padding-bottom:30%;background-size:cover;background-position:center;}
.space-betwween{display:flex;justify-content:space-between;}