.-container{
    background-color: #fbf9f6;
}
.c-container {
    width:80%;
    margin:0.8rem auto;
    max-width: 1440px;
}
.cont-container{
    width: 100%;
    max-width: 1440px;
    margin: auto;
}
@media screen and (max-width: 768px) {
    .c-container {
        width:100%;
        padding: 0 .4rem;
    }
}

/* 动画 */
.animate-fadeInUp-ele,.animate-fadeIn-ele {
    opacity: 0; /* 初始时不可见 */
    transition: opacity 0.2s; /* 过渡效果 */
}

/* 列表栏目 */
.list-page-box {
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
    flex-direction: row-reverse;
}
.list-page-content {
    flex:1;
    /* padding-top: .2rem; */
  	overflow: auto;
    /* 有小导航的话 */
    padding-right: .8rem ;
}

/* 列表栏目标题 */
.type-tit {
    font-size: .32rem;
    color: var(--el-text-color-primary);
    line-height: 1.50rem;
    height: 1.50rem;
    font-weight: bold;
    border-bottom: 1px solid #f1f1f1;
}
/* 手机 */
@media screen and (max-width: 760px) {
    .type-tit {
        font-size: .5rem;
    }
}
/*-- --------------------------首页新闻6个图展示--------------------------------------------- --*/
.index1_section {
    /*background-color: #fbf9f6;*/
    /* padding-top:0.4rem;
    padding-bottom: 0.4rem; */
}
/* 容器布局 */
.index1_section  .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .2rem;
    /* width: 80%; */
    /* margin: 0 auto; */
    font-family: Arial, sans-serif;
}

/* 大图片样式 */
.index1_section .item.large {
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.index1_section .item.large .item_box {
    display: block;
    height: 100%;
}

/* 图片样式 */
.index1_section .item.large img {
    width: 100%;
    height: 100%;
    max-height:360px;
    display: block;
    transition: all .5s;
    transform-origin: center center; /* 放大中心位置 */
}

.index1_section .item.large:hover img {
    transform: scale(1.1);
}

/* 文字覆盖样式 */
.index1_section .item.large .text {
    position: absolute;
    bottom: 0.2rem;
    left: 0;
    color: #fff;
    border-radius: 5px;
    font-size: 0.14rem;
    width: 100%;
    padding: 0.1rem 0.2rem;
    box-sizing: border-box;
    z-index: 10;
    overflow: hidden;
    max-height:1rem;
}
.index1_section .item.large .text p {
    overflow: hidden;
    height: 0.48rem;
}

/*右侧小图片样式*/
.index1_section .item.w-third {
    display: grid;               /* 开启 Grid 布局 */
    grid-template-rows: 1fr 1fr 1fr;  /* 设置三行，行高均等 */
    gap: 0.2rem 0;
    height: 100%;
}

.index1_section .item.w-third .item_box{
    display: flex;
    height: 1.6rem;
    overflow: hidden;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    justify-content: space-between;
}

.index1_section .w-third .item_box .small_img {
    width: 2.4rem;
    height: 100%;
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;
}
.index1_section .w-third .item_box .small_img img{
    width:100%;
    height:100%;
    transition: all .5s;
    transform-origin: center center;
}


.index1_section .item.small:hover img ,
.index1_section .w-third .item_box:hover .small_img img{
    transform: scale(1.1);
}
.index1_section .w-third .item_box .contentbox{
    /* padding: 10px; */
    padding: .1rem .2rem;
    width: calc(100% - 2.4rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.index1_section .w-third .item_box .contentbox .contentbox-title {
    font-size: 0.16rem;
    /* line-height: 0.26rem; */
    max-height: 0.52rem;
    overflow: hidden;
    /*color: #5bae31;*/
    color: var(--el-text-color-primary);;
    /* margin-top: 0.1rem; */
    margin-bottom: 0.1rem;
    font-weight: bold;
}
.index1_section .w-third .item_box .contentbox .contentbox-content p {
    font-size: 0.14rem;
    line-height: 0.22rem;
    height: 0.64rem;
    overflow: hidden;
    color: #666;
    text-align: justify;
    margin-bottom: 0;
    word-wrap: break-word;
    word-break: normal;
}
.index1_section .w-third .item_box .contentbox .contentbox-content:hover p{
    color: var(--el-hover-text-color);
}
.index1_section .index_bigimgbox_modal {
    position: absolute;
    width: 100%;
    height: 55%;
    left: 0;
    bottom: 0;
    z-index: 3;
    background: linear-gradient(to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.5));
}

.index1_section .index_bigimgbox_title {
    font-size: 0.18rem;
    font-weight: bold;
    height: 0.22rem;
    overflow: hidden;
    color: #fff;
    margin-bottom: 10px;
    transition: all .5s;
}
@media screen and (max-width:760px ){
    .index1_section .item.w-third{
        gap: 0.2rem 0;
    }
    .index1_section .item.w-third .item_box {
        height:1.8rem;
    }

    .index1_section .w-third .item_box .small_img {
        width: 2rem;
    }
    .index1_section .w-third .item_box .contentbox {
        width: calc(100% - 2rem);
    }
    .index1_section .w-third .item_box .contentbox .contentbox-content p{
        height:0.92rem;
    }
}


/* 小图片布局 */
.index1_section .item.small {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    height:100%;
}

.index1_section  .utit h4{
    margin-bottom: 0 !important;
}
.index1_section .school-activity-more{
    width: 100%;
    min-height: .4rem;
    margin: 0 auto;
    padding: 4px 0.2rem;
    align-items: center;
    cursor: pointer;
}

.index1_section .school-activity-more .subtitle{
    color: var(--el-text-color-primary);
    margin-right: 0.1rem;
}

.index1_section .school-activity-more .more-arrow{
    display: inline-block;
    width: 0.28rem;
    height: 0.3rem;
    background: url(../images/JIANT1.png) no-repeat right center;
    transform: scaleX(-1);
    background-size: contain;
}

.index1_section .item.small .small_img{
    width: 100%;
    height: 3.3rem;
    overflow: hidden;
}
.index1_section .item.small img {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    transition: all .5s;
    transform-origin: center center; /* 放大中心位置 */
}

.index1_section .item.small:hover img {
    transform: scale(1.1);
}
.index1_section .item.small .contentbox {
    padding: 0.2rem;
    font-size: 0.14rem;
    color: #333;
    height:1.6rem;
    overflow: hidden;
    background-color: #fff;
}

.index1_section .item.small .contentbox-title {
    font-size:0.16rem;
    line-height: 0.26rem;
    max-height: 0.52rem;
    overflow: hidden;
    color: var(--el-text-color-primary);
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    font-weight: bold;
}



.index1_section .item.small .contentbox-content p {
    font-size: 0.14rem;
    line-height: 0.22rem;
    height: 0.86rem;
    overflow: hidden;
    color: var(--el-text-color-dack-grey);
    text-align: left;
    margin-bottom: 0;
    word-wrap: break-word;
    word-break: normal;
}

.index1_section .item.small:hover .contentbox-content p {
    /*color: #f2a802;*/
    color: var(--el-hover-text-color);
}

/* 两张小图并排 */
.index1_section .double {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.1rem;
}

@media (max-width: 1024px) {
    .index1_section .container{
        grid-template-columns: 1fr;
        gap:0.3rem;
    }
    .index1_section .double {
        gap:0.3rem;
    }
    .index1_section .item.w-third .item_box {
        height:2rem;
    }
    .index1_section .w-third .item_box .small_img{
        width: 3rem;
    }
    .index1_section .w-third .item_box .contentbox{
        width: calc(100% - 3rem);
    }
}
@media (max-width: 700px) {
    .index1_section .double {
        grid-template-columns: 1fr;
        gap:0.3rem;
    }

    .item-icon {
        width:100% !important;
    }
}
/*-- --------------------------科创中心--------------------------------------------- --*/
.zi3 {
    position: relative;
    z-index: 3;
}

.l2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.technology{
    /* padding-bottom: 0.4rem; */
}
.technology .title h4,
.index1_section .utit h4,
.course-box .title h4
{
    margin: .80rem 0 .40rem;
    color: var(--el-text-color-primary);
    font-size: .38rem;
    letter-spacing: .1rem;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}
.technology .content-box{
    background:  var(--el-bg-color-primary);
    display: flex;
    padding: .4rem 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.technology .content-r{
    width: 40%;
    /*min-width:450px;*/
    color: #fff;
    padding-right: .40rem;
    margin: 0 auto;
}
.technology .content-l{
    width: 55%;
    /*min-width:300px;*/
    margin: auto;
}

/* 左边 */
.technology .content-l .swiper-containe-box{
    margin: 0 .4rem;
    /*padding: 26px;*/
    /*background: #fcf9f6;*/
    position: relative;
}
.technology .content-l .technology-swiper{
    background: #fcf9f6;
    position: static;
}

.technology .content-l .technology-swiper .swiper-wrapper{
    height: 330px;
}
.technology .content-l .technology-swiper .swiper-wrapper .item{
    height: 100%;
    width: 100%;
    display: block;
}
.technology .content-l .technology-swiper .swiper-wrapper .item{
    height: 100%;
    width: 100%;
    display: block;
}
.technology .content-l .technology-swiper .swiper-slide{
    /* box-shadow: -5px 0 32px #fcf9f6, -5px 0 2px #fcf9f6; */
}
/* 轮播图图例 */
.technology .paginationStyle {
    bottom: 6px !important;
}
.technology .paginationStyle .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    border-radius: 50%;
}
.technology .paginationStyle .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--el-bg-color-primary)
}

/* 右边 */
.technology .content-r .text-tit{
    font-size: .36rem;
    letter-spacing: .14rem;
    font-weight: 900;
    white-space: nowrap;
    -webkit-line-clamp: 1 !important;
}
.technology .content-r h6 {
    margin-bottom: .30rem;
    font-size: .20rem;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top:0.1rem;
}

.technology .content-r .text-desc{
    -webkit-line-clamp: 5 !important;
    font-size: .18rem;
}

.technology .content-r p{
    padding-bottom: .20rem;
    margin-bottom: .20rem;
    line-height: 1.8em;
    height: 1.60rem;
    text-align: justify;
}
.technology .mor{
    position: absolute;
    bottom: 0;
    color: #fff;
}
.technology .mor i {
    margin-left: .06rem;
    font-size: .18rem;
    transition: 0.3s;
}
.technology .mor a:hover i {
    margin-left: .15rem;
}

@media (max-width: 1400px) and (min-width:1024px) {
    .technology .content-r .text-desc{
        -webkit-line-clamp: 7 !important;
        /* font-size: .18rem; */
    }
    .technology .content-r p{
        line-height: 1.8em;
        height: 2.3rem;
    }
} 
@media (max-width: 1200px) and (min-width:1024px) {
    .technology .content-r .text-desc{
        -webkit-line-clamp: 9 !important;
        font-size: .18rem;
    }
    .technology .content-r p{
        /* line-height: 1.8em; */
        height: 3.0rem;
    }
} 
@media (max-width: 1024px) {
    .technology .content-l{
        width: 100%;
    }
    .technology .content-r{
        width: 100%;
        padding: .4rem;
    }
    .technology .mor {
        right: .6rem;
    }
}
@media screen and (max-width: 200px) {
    .technology .content-l .technology-swiper .swiper-wrapper{
        height: 200px;
    }
}
@media screen and (max-width: 468px) {
    .technology .content-l .technology-swiper .swiper-wrapper{
        height: 170px;
    }
}
/*-- --------------------------课程介绍--------------------------------------------- --*/
.course-box{
    /* padding-bottom: 0.4rem; */
}
.course-box .course-cont .course-item{
    width: calc(50% - .1rem);
    max-height: 500px;
    min-height: 4rem;
    position: relative;
    overflow: hidden;
}
.course-box .course-cont .course-item.in{
    margin-left: .1rem ;
}
.course-box .course-cont .course-item.out{
    margin-right: .1rem ;
}
.course-box .course-cont .course-item img{
    width:100%;
    height: 100%;
    /*object-fit: contain*/
}
.course-box .course-cont .course-item .img-box{
    min-height: 300px;
}
.course-box .course-cont .course-item .name{
    display: block;
    position: absolute;
    height: .3rem;
    line-height: .3rem;
    font-size: .38rem;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    top: calc(50% - .15rem);
    left: 0;
    right: 0;
    z-index: 3;
}

.course-box .course-cont .course-item .item-box{
    /*content:'';*/
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1000px) {
    .course-box .course-cont .course-item{
        width: 100%;
        /* min-height: 200px; */
        margin-bottom: 0.4rem;
    }
    .course-box .course-cont .course-item.in{
        margin-left: 0 ;
    }
    .course-box .course-cont .course-item.out{
        margin-right: 0 ;
    }
}
/*-- --------------------------合作图标--------------------------------------------- --*/
/* 父容器样式 */
.cooperate-container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    /*grid-template-columns: repeat(auto-fit, minmax(2rem, 1fr)); !* 列宽最小 100px，最大均分 *!*/
    /*grid-template-columns: repeat(auto-fit, minmax(1.8rem, 1fr));*/
    gap: 0.28rem;                /* 子元素间隔 10px */
    width: 80%;               /* 容器宽度 */
    margin: 0.8rem auto 0 auto;            /* 水平居中 */
    padding: 0 .2rem;
    max-width: 1920px;
}

/* 每个图片项 */
.item-icon {
    width: 100%; /* 每行 4 个，减去间隔 */
    height: 1rem;          /* 设置固定高度 */
    overflow: hidden;       /* 隐藏超出部分 */
    display: flex;          /* 子元素居中 */
    align-items: center;
    justify-content: center;
    box-sizing: border-box; /* 包括内边距和边框 */
    border-radius: 8px;     /* 可选：圆角 */
    border: 1px dashed #ddd;
    padding: 0.2rem;
}

@media screen and (max-width: 1024px)  {
    .cooperate-container{
        grid-template-columns: repeat(5, 1fr);
    }
}
@media screen and (max-width: 760px)  {
    .item-icon {
        /*width: calc(50% - 0.4rem);*/
        width:100%;
    }
    .cooperate-container{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 600px)  {
    .cooperate-container{
        grid-template-columns: repeat(2, 1fr);
    }
}
.item-icon a {
    width: 100%;
    height:100%;
}
/* 图片样式 */
.item-icon img {
    width: 100%;            /* 宽度自适应 */
    height: 100%;           /* 高度自适应 */
    object-fit: contain;
}


/*-- --------------------------地图--------------------------------------------- --*/
/* 两边截取 */
.mc_lbjq {
    width: 100%;
}

.mc_lbjq img {
    height: 100%;
    width: auto;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.index_map_list img {
    width: 100%;
}

/* 左图右文 */
.index_map_list .dl::after {
    display: block;
    clear: both;
    height: 0;
    content: " ";
}

.index_map_list .dl {
    zoom: 1;
}

.index_map_list .dt,.index_map_list .dd {
    float: left;
}

/* partner */
.index_map_l_lisbox:not(:first-child) {
    display: none;
}

/* ACADEMICS */
.index_map_bg {
    width: 100%;
    max-width: 9.59rem;
    margin: 0 auto;
    height: 6.34rem;
}

.index_map_l {
    position: relative;
    overflow: hidden;
    width: calc(100% - 9.6rem);
}

.index_map_r {
    position: relative;
    width: 9.6rem;
    height: 6.34rem;
}

.index_map_contbox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.66);
}

.index_map_container {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.index_map_title {
    font-size: 0.3rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0.36rem;
    text-align: center;
}

.index_map_content {
    width: 4.48rem;
    margin: 0 auto;
}

.index_map_content p {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #fff;
    margin-bottom: .6rem;
    max-height:2.4rem;
    text-align: left;
    overflow: auto;
}

.index_map_content {
    text-align: center;
}

.index_map_list {
    display: inline-block;
    vertical-align: middle;
}

.index_map_list .dt {
    width: .2rem;
    margin-right: 0.16rem;
}

.index_map_list .dd a {
    font-size: 0.18rem;
    line-height: 0.22rem;
    color: #fff;
}

.index_map_list li {
    float: left;
    margin-right: 0.45rem;
}

.index_map_list li:last-child {
    margin-right: 0;
}

.index_map_imgbox {
    overflow: hidden;
    height: 100%;
}

.index_map_local_list li {
    position: absolute;
    width: 0.5rem;
    cursor: pointer;
}

.index_map_bj {
    transition: all 0.36s;
    width: 100%;
}

.index_map_bj_act {
    width: 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    opacity: 0;
    transition: all 0.36s;
}

.on .index_map_bj {
    opacity: 0;
    display: none;
}

.on .index_map_bj_act {
    opacity: 1;
    display: block;
}

.index_map_local_list li:hover .index_map_bj {
    opacity: 0;
    display: none;
}

.index_map_local_list li:hover .index_map_bj_act {
    opacity: 1;
    display: block;
}

.index_map_local_li3 {
    left: 2.24rem;
    top: 4rem;
}

.index_map_local_li2 {
    left: 3.88rem;
    top: 2.05rem;
}

.index_map_local_li1 {
    left: 4.50rem;
    top: 1.74rem;
}

/* hover效果 */
@media screen and (min-width: 1200px) {
    .index_map_list a:hover {
        color: #f2a802 !important;
    }
}

/* web端 */ /* 重要1920px 1440px 1366px */
@media screen and (max-width: 1440px) {
    .index_map_l {
        width: calc(100% - 7.50rem);
    }

    .index_map_r {
        width: 7.50rem;
    }

    .index_map_local_li3 {
        left: 1.20rem;
        top: 4.00rem;
    }

    .index_map_local_li2 {
        left: 2.84rem;
        top: 2.05rem;
    }

    .index_map_local_li1 {
        left: 3.46rem;
        top: 1.74rem;
    }
}

@media screen and (max-width: 1200px) {
    .index_map {
        width: 7.68rem;
        margin: 0 auto;
        padding: 0 .15rem;
    }

    .index_map_r {
        overflow: hidden;
    }

    .index_map_l {
        width: 100%;
    }

    .index_map_bg {
        height: 5rem;
    }

    .index_map_r {
        width: 100%;
        height: 5.20rem;
    }

    .index_map_imgbox img {
        transform: none;
        left: 0;
    }

    .index_map_local_li3 {
        left: 2.82rem;
    }

    .index_map_local_li1 {
        left: 4.52rem;
    }

    .index_map_local_li3 {
        left: 2.22rem;
    }


}

/* 平板 */
@media screen and (max-width: 767px) {
    .index_map {
        width: 100%;
    }

    .index_map_bg img {
        width: auto;
        height: auto;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


    .index_map_title {
        font-size: .16rem;
        margin-bottom: .15rem;
    }

    .index_map_content {
        width: 100%;
    }

    .index_map_content p {
        font-size: .14rem;
        line-height: .20rem;
        margin-bottom: .24rem;
    }

    .index_map_container {
        padding: 0 .15rem;
    }

    .index_map_list .dd a {
        font-size: .16rem;
    }

    .index_map_list .dt {
        margin-right: .10rem;
    }

    .index_map_list li {
        margin-right: .24rem;
    }

    .index_map_bg {
        height: 3.20rem;
    }

    .index_map_imgbox img {
        width: 6.50rem;
        top: -0.60rem;
        /*left: -0.70rem;*/
    }

    .index_map_bj_act {
        width: .38rem;
    }

    .index_map_local_list li {
        width: .38rem;
    }

    .index_map_local_li1 {
        left: 2.38rem;
        top: .48rem;
    }

    .index_map_local_li2 {
        left: 1.90rem;
        top: .73rem;
    }

    .index_map_local_li3 {
        left: .78rem;
        top: 2.10rem;
    }

    .index_map_r {
        height: 2.9rem;
    }

    .mc_main {
        margin-top: 0 !important;
    }

    .index_map_r {
        overflow: hidden;
    }

    .index_map_imgbox img {
        height: auto;
        width: 100%;
    }
}

/* 手机 */
/* 320px-416px */
@media screen and (max-width: 416px) {
    .index_map_bg img {
        width: auto;
        height: 100%;
    }
}
/*-- --------------------------底部footer--------------------------------------------- --*/
.footer {
    width: 100%;
    margin-top: 0.2rem;
    padding-left: 10%;
    color: #fff;
    position: relative;
    font-size:.16rem;
}

.footer-content {
    position: relative;
    height: 5rem;
}

.footer .footer-bg1 {
    height: 2rem;
    width: 90%;
    background-color: #e41c23;
    position: absolute;
    bottom: 0;
}

.footer .footer-bg2 {
    height: 3rem;
    width: calc(100% - 0.4rem);
    background-color: var(--el-bg-color-primary);
    position: absolute;
    bottom: 0;
    margin-left: .4rem;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.footer .footer-bg2 .line{
    width: 100%;
    border-top:1px solid #8590a1;
    margin-bottom: 0.3rem;
}

.footer .footer-bg2 .address{
    line-height: 0.30rem;
    margin-left: 0.40rem;
    margin-bottom: 0.20rem;
}
.footer .footer-bg2 .address .icon-item-f img{
    width: 0.16rem;
    vertical-align: middle;
    margin-right:4px;
}
.copyright{
    margin-left: 0.40rem;
    margin-bottom: 0.30rem;
    color: #879ebe;
}
.footer-qrcode {
    position: absolute;
    top: 0.50rem;
    right: 3rem;
    z-index:20;
    text-align: center;
}

.footer-qrcode  img{
    width: 4rem;
}

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

.mt-10px {
    margin-top: 10px;
}

.banner-m{
    width:100%;
    margin:0.8rem auto .4rem;
    height:5rem;
}

.singlePage{
    /*border: 1px dashed #ddd;*/
    /* padding:0.1rem; */
    /*font-size:16px;*/
    /* margin-bottom: 0.4rem; */
    overflow: auto;
}

.singlePage p {
    padding: 10px 0;
}

.singlePage img{
    /*max-width: 8.5rem;*/
    max-width: 100%;
    height: auto;
}


.index_explore{
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 100%;
    font-size: 0.18rem;
    line-height: 0.42rem;
    height: 0.42rem;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: url(../images/welcome_bar.png) no-repeat center top;
}
.index_explore_l, .index_explore_r{
    width: calc(50% - 0.3rem);
    background: #F1BB33;
    height: 100%;
}


/*-- --------------------------分页样式--------------------------------------------- --*/
.ab_pages {
    clear: both;
    padding: 0.4rem 0;
    font-size: 0.14rem;
    text-align: center;
    overflow: hidden;
}
.ab_pages ul a:first-child {
    border-right: 0;
}
.ab_pages ul a {
    color: #555;
    display: block;
    padding: 0 0.16rem;
    height: 0.3rem;
    line-height: 0.3rem;
    border: 1px solid #e2e2e2;
    float: left;

}

.ab_pages ul .page-item:hover ,.mobilemore .page-item:hover {
    background: var(--el-bg-color-primary) !important;
    color: #fff;
    font-weight: bold;
}

/* 平板，手机分页*/
.mobilemore {
    display: none;
    padding: 0.2rem 0.25rem;
    justify-content: center;
}
.mobilemore a, .mobilemore p{
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    font-size: 0.16rem;
    line-height: 0.5rem;
    text-align: center;
    border-radius: 6px;
    width: 48%;
    max-width: 200px;
    display: inline-block;
}
.mobilemore .prev {
    /* float: left; */
    margin-right: .4rem;
}
.mobilemore .next {
    /* float: right; */
}
.mobilemore .nomore{
    text-align: center;
    line-height: 30px;
    border-top: 1px solid #eee;
}
@media screen and (max-width: 1000px) {
    .ab_pages {
        display: none;
    }
    .mobilemore {
        display: flex;
    }
}
/*-- --------------------------tab--------------------------------------------- --*/
.my-tab{
    width: 100%;
    display: flex;
    margin-bottom: .3rem;
    font-size: 0.16rem;
    overflow: auto;
}
.my-tab .tab-item{
    padding: 0 0.2rem;
    height: 0.36rem;
    line-height: 0.36rem;
    text-align: center;
    position: relative;
    flex: 0 0 auto;
}
.my-tab .tab-item.hover{
    color: var(--el-text-color-primary);
}
.my-tab .tab-item.hover:before{
    content:'';
    width: calc(100% - 0.3rem);
    height: 0.03rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    background-color: var(--el-bg-color-primary);
}

/*-- --------------------------小导航样式--------------------------------------------- --*/
.nav-right {
    width: 2.8rem;
    position: relative;
    /* padding-top: .4rem; */
    color: #7f7f7f;
    flex: 0 0 auto;
    /* display: none; */
}
.nav-right .toptitle {
    display: none;
    width: 100%;
    /*height: 45px;*/
    background: #0459c7;
    color: #fff;
    padding: .4rem .26rem;
    position: absolute;
    top: -.84rem;
}
.nav-right .toptitle h3 {
    border-bottom: 1px solid #d64e4e;
    color: #f9f9f9;
    font-weight: bold;
    font-size: 0.26rem;
    display: block;
    line-height: 0.44rem;
}
.nav-right .toptitle h4 {
    font-size:0.16rem;
    font-family: arial;
    text-transform: uppercase;
}

.nav-right .cont li {
    border-bottom: 1px solid var(--el-nav-border-color);
    line-height: .54rem;
    position: relative;
}
.nav-right .cont li a{
    width: 100%;
}
.nav-right .cont li:before {
    content:"";
    position: absolute;
    right: .16rem;
    top: calc(50% - .07rem);
    width: .08rem;
    height: .14rem;
    background: url(../images/navRightBg.png) center no-repeat;
    background-size: cover;
}
.nav-right .cont li a.sub1 {
    display: block;
    padding-left: .14rem;
    transition: all 0.3s ease-out 0s;
    padding-right: 0.2rem;
    margin-right: 2px;
}
.nav-right .cont li a.sub1:hover, .nav-right .cont li.hover a.sub1 {
    background: linear-gradient(to right, var(--el-nav-hover-bg-color1), var(--el-nav-hover-bg-color2));
    padding-left: .26rem;
    color: #fff;
    font-weight: bold;
}
.nav-right .cont li .box {
    padding: .05rem 0 0 .15rem;
    display: none;
}
.nav-right .cont li .box a {
    color: #fff;
    font-size: .16rem;
    display: block;
    line-height: .30rem;
    padding: 0;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    opacity: 0.75;
    filter: alpha(opacity=75);
}
.nav-right .cont li .box a.hover, .nav-right .cont li .box a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.nav-right .cont li:hover .box, .nav-right .cont li.hover .box {
    display: block;
}
/* 侧边导航 */
.sidenav{ overflow:hidden; display:block;}
@media screen and (max-width: 800px) {
    .list-page-box{
        display: block;
    }
    .list-page-content {
        width: 100%;
        float: none;
        padding-right:0 ;
    }
    .sidenav {
        overflow:hidden;
        display:none ;
    }
}
@media screen and (min-width: 800px) and (max-width: 1920px) {
    .sidenav {
        overflow:hidden;
        display:block !important;
    }
}
/* 侧边导航 */
.nav-right{width: 2.22rem; float: right;/* margin-top: 0.1rem; */}
.ny_left{width: 100%;}
.ny_left_top{
    display: none;
    justify-content: space-between;
    align-items: center;
    height: 0.7rem;
    background: #e5e5e5;
    padding: 0 0.2rem;
}
.ny_left_top h5{
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.34rem;
    color: #000;
    font-weight: normal;
}

.ny_left_top .list-nav-icon img{
    width: 0.4rem;
    display: block;
}
.ny_left_top .list-nav-icon {
    width: 0.4rem;
    height: 0.36rem;
    background: url('../images/navIc_blue.png') no-repeat center;
    background-size: cover;
}
.festivalRed .ny_left_top .list-nav-icon {
    background: url('../images/navIc.png') no-repeat center;
}
@media(max-width: 800px) {
    .ny_left_top{display: flex;}
    .nav-right{
        float: none;
        width: 100%;
        margin-bottom: 0.4rem;
        display: block;
    }
    .list-page-box{
        display: block;
    }
    .list-page-content {
        width: 100%;
        float: none;
    }
    .nav-right .cont li {
        line-height: .78rem;
    }
}


/*******************************通用 banner**************************************************/
/* nyBanner */
.nyBanner {
    width: 100%;
    height: 5.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    position: relative;
}
.nyBanner::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.4;
}
.nyBanner .path {
    position: absolute;
    left: 40%;
    bottom: 0.2rem;
    transform: translateX(-40%);
    box-sizing: border-box;
    padding-left: 0.26rem;
    line-height: 0.3rem;
    background: url(../images/icon_add.svg) no-repeat left center;
    background-size: 0.16rem auto;
    z-index: 3;
    font-size: 0.16rem;
}
.nyBanner .path span {
    margin: 0 0.08rem;
}
.nyBanner .path a:hover {
    text-decoration: underline;
    opacity: 0.8;
}

@media screen and (max-width: 760px) {
    .nyBanner .path {
        display: none;
    }
}

.recru-list .item {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0.15rem;
    font-size: 0.18rem;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    margin-bottom: 0.1rem;
}
.recru-list .item .dot {
    width: 0.1rem;
    height:0.1rem;
    border-radius: 50%;
    background: var(--el-bg-color-primary);
    display: inline-block;
    margin-right: 10px;
}

@media screen and (max-width: 760px) {
    .recru-list .item{
        font-size: 0.2rem;
    }
}

/*********************升学成果**************************/
.achievement-result {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 每行 3 个卡片 */
    gap: 0.2rem; /* 卡片之间的间距 */
    margin: 0 auto;
}

.achievement-result .card {
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    padding: 0.2rem;
    gap: 0.15rem;
    background: #f7f1e9;
}

.achievement-result .card img {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 8px;
    object-fit: cover; /* 保持图片比例 */
}

.achievement-result .card-content {
    display: flex;
    flex-direction: column;
}

.achievement-result .card-title {
    font-size: 0.2rem;
    font-weight: bold;
    margin: 0;
}

.achievement-result .card-description {
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}

@media (max-width:960px) {
    .achievement-result {
        grid-template-columns:repeat(2,1fr);
    }
}
/* 响应式调整，屏幕宽度小于 768px 时，每行一个卡片 */
@media (max-width: 768px) {
    .achievement-result {
        grid-template-columns:repeat( 2,1fr);
        gap: 0.3rem;
    }
}

@media (max-width: 468px) {
    .achievement-result {
        grid-template-columns:repeat( 1,1fr);
        gap: 0.3rem;
    }
}