.headerNav {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
}

.sec-adv {
    width: 100%;
    padding-bottom: 24.16%;
    position: relative;
}

.advL {
    width: 43.2%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../images/MPA/xmjj/advL.png) no-repeat right center/100% 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-adv .advL h1 {
    font-size: 80px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 0 20px;
}

.sec-adv .advL h1::before {
    content: "";
    width: 21px;
    height: 21px;
    background: #E96B3E;
}

.advR {
    width: 72.9%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.advR img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content {
    width: 100%;
    overflow: hidden;
    background: url(../../images/MPA/xmjj/topbg.png) no-repeat top center/100%;
}

.breadNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #DFDFDF;
}

.bread,
.bread a {
    font-size: 16px;
    color: #333333;
}

.sec-nav a {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    padding: 0 40px;
}

.sec-nav a.active,
.sec-nav a:hover {
    background: url(../../images/MPA/xmjj/icon-sj.png) no-repeat 0 center/22px;
    color: #2652B2;
}

.gradeTit {
    font-size: 32px;
    color: #333333;
    padding-left: 40px;
    background: url(../../images/MPA/xmjj/icon-grade.png) no-repeat left center/30px;
    margin: 30px 0;
}

.gradeLi {
    padding-bottom: 20px;
    border-bottom: 1px solid #E0E0E0;
}

.gradeLi ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.gradeLi ul li {
    flex: auto;
    cursor: pointer;
}

.gradeLi ul li p {
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    padding: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
}

.gradeLi ul li.active p,
.gradeLi ul li:hover p {
    background: #2652B2;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: #fff;
}

.gradeCon {
    display: none;
}

.gradeCon .imgBox {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.gradeCon .imgBox p {
    text-align: center;
}

.gradeCon .imgBox img {
    width: 100%;
    height: auto;
    object-fit: cover;
    align-items: center;
}

.gradeCon:nth-child(2) .imgBox img {
    width: 80%;
}

.gradeCon:nth-child(3) .imgBox img {
    width: 60%;
}

.part02 {
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

.honor {
    width: 40%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.honorimg {
    width: 100%;
    height: 100%;
    position: relative;
}

.introCon {
    width: 58%;
    float: right;
}

.introTit {
    margin-bottom: 30px;
}

.introTit h4 {
    font-size: 32px;
    color: #333;
    padding-left: 40px;
    background: url(../../images/MPA/xmjj/icon-grade.png) no-repeat left center/30px;
}

.introCon>p,
.minTit>p {
    font-size: 16px;
    color: #333;
    text-indent: 2em;
}

.introTit p {
    font-size: 24px;
    color: #2652B2;
    font-weight: lighter;
    text-indent: 0;
}

.minTit {
    margin-top: 70px;
}

.minTit h6 {
    font-size: 20px;
    color: #333;
    padding-left: 36px;
    background: url(../../images/MPA/xmjj/icon-lx.png) no-repeat left center;
}

.minTit .lable {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin: 30px 0;
}

.minTit .lable p {
    height: 42px;
    background: #DFEEFF;
    border-radius: 4px;
    flex: auto;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
    font-size: 18px;
    color: #2652B2;
}

.part03 {
    width: 100%;
    padding: 60px 0;
    background: #fff;
}

.titWen {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}

.titWenCon h1 {
    text-transform: uppercase;
    font-size: 40px;
    color: rgba(0, 0, 0, 0.1);
    line-height: 1;
}

.titWenCon h2 {
    font-size: 32px;
    color: #333333;
    display: flex;
    align-items: center;
}

.titWenCon h2::after,
.titWenCon h2::before {
    content: "";
    width: 215px;
    height: 4px;
    background: linear-gradient( to right, #FFFFFF 0%, #326CDB 100%);
    display: block;
    margin: 0 35px;
}

.titWenCon h2::after {
    background: linear-gradient( to left, #FFFFFF 0%, #326CDB 100%);
}

.titWenCon.Titwhite h2::before {
    background: linear-gradient( to left, #FFFFFF 0%, #326CDB 100%);
}

.titWenCon.Titwhite h2::after {
    background: linear-gradient( to right, #FFFFFF 0%, #326CDB 100%);
}

.titCenter {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zzjgBox {
    width: 100%;
    margin-top: 20px;
}

.zzjgBox img {
    width: 100%;
}

.titWenCon.conceTit h2 {
    color: #2652B2;
}

.titWenCon.conceTit h2::before,
.titWenCon.conceTit h2::after {
    content: "";
    width: 196px;
    height: 30px;
    background: url(../../images/MPA/xmjj/titL.png) no-repeat left center/contain;
    display: block;
    margin: 0 35px;
}

.titWenCon.conceTit h2::after {
    background-image: url(../../images/MPA/xmjj/titR.png);
}

.part04 {
    width: 100%;
    padding: 40px 0;
    background: url(../../images/MPA/xmjj/shadow.png) no-repeat bottom center/100%, linear-gradient( to bottom, #E4F7FE 0%, #487FC8 40.36%, #2F4E92 100%);
}

.conceBox {
    width: 90.3%;
    max-width: 1730px;
    margin: 0 auto;
    margin-top: 20px;
}

.conceCon {
    width: 100%;
    padding-bottom: 46.7%;
    height: 0;
    position: relative;
    background: url(../../images/MPA/xmjj/backboard.png) no-repeat center/100%;
}

.conceCon i {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 4% 12%;
}

.conceCon i img {
    width: 100%;
    height: auto;
}

.conceCon i p {
    font-size: 16px;
    color: #333333;
    text-indent: 2em;
    margin-top: 15px;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 40px;
}

.part05 {
    background: linear-gradient( to bottom, #FFFFFF 0%, #F2F2F2 0.01%, #C4DCF3 100%);
    padding: 70px 0;
}

.direcTit {
    width: 100%;
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 15px;
}

.direcTit h6 {
    font-size: 24px;
    color: #333333;
    padding-left: 40px;
    background: url(../../images/MPA/xmjj/icon-direc.png) no-repeat left center/34px;
}

.direcBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.direcItem {
    width: calc(25% - 15px);
    position: relative;
    height: 190px;
}

.direcItem i {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.direcItem .layer {
    width: 100%;
    min-height: 46px;
    padding: 5px 25px;
    background: rgba(42, 42, 42, 0.46);
    /* 毛玻璃效果 */
    backdrop-filter: blur(2px);
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.direcItem .layer h6 {
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    padding-left: 24px;
    background: url(../../images/MPA/xmjj/icon-zyfx.png) no-repeat left center/18px;
}

.direcItem:hover i img {
    transform: scale(1.1);
}

.crossDir {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.crossItem {
    width: calc(20% - 16px);
    cursor: pointer;
    position: relative;
    background: #fff;
    height: 338px;
}

.defalut {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s;
    overflow: hidden;
}

.defalut i,
.crossItem .expand i {
    width: 100%;
    height: 100%;
    display: block;
}

.defalutTit {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    top: 0;
    padding: 30px 20px;
}

.defalutTit h4 {
    font-size: 18px;
    color: #FFFFFF;
    border-bottom: 1px solid #D4D4D4;
    padding: 10px 0;
    width: 100%;
}

.defalutTit p {
    font-size: 14px;
    color: #FFFFFF;
    margin: 10px 0;
}

.crossItem .expand {
    width: 0;
    height: 338px;
    position: absolute;
    top: 0;
    overflow: hidden;
    transition: 0.3s;
}

.expandTxt {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px;
    position: absolute;
    top: 0;
    left: 0;
}

.expandTxt .expandTit h4 {
    font-size: 18px;
    color: #333333;
    margin: 16px 0;
}

.expandTit {
    margin-bottom: 35px;
}

.expandTxt .expandTit p {
    font-size: 14px;
    color: #333333;
    margin-bottom: 14px;
}

.expandTit::after {
    content: "";
    width: 90px;
    height: 7px;
    background: #2652B2;
    display: block;
}

.expandTxt p {
    font-size: 16px;
    color: #333333;
}

.crossItem:hover {
    width: 45%;
}

.crossItem:hover .defalut {
    width: 0;
    overflow: hidden;
    transition: 0.3s;
    padding: 0;
}

.crossItem:hover .defalut .expandTit {
    display: none;
    opacity: 0;
    transition: 0.01s;
}

.crossItem:hover .expand {
    width: 100%;
    transition: 0.5s;
}

.part06 {
    width: 100%;
    padding: 50px 0;
    background: url(../../images/MPA/xmjj/hisBg.png) no-repeat center/cover;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.Titwhite {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Titwhite h1 {
    color: rgba(255, 255, 255, 0.2);
}

.Titwhite h2 {
    color: #fff;
}

.hisBanner {
    width: 100%;
    padding: 0 5%;
    margin: 30px 0;
}

.hisBanner .swiper-slide {
    width: 315px;
    height: auto;
    position: relative;
}

.hislide {
    display: flex;
    flex-direction: column;
    padding-bottom: 150px;
}

.hislide .hisYear {
    width: 100%;
    height: 80px;
    padding: 10px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    background: url(../../images/MPA/xmjj/hisorange.png) no-repeat center/contain;
}

.hisBanner .swiper-slide:nth-child(even) .hisYear {
    background: url(../../images/MPA/xmjj/hiswhite.png) no-repeat center/contain;
    color: #1B82E2;
}

.hisTxt {
    width: calc(100% - 50px);
    padding: 16px 10px 0 16px;
    margin: 0 auto;
    border-left: 1px solid #AEAEAE;
    position: relative;
    margin-bottom: 10px;
    height: 140px;
    overflow-y: auto;
}

.hisTxt::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.hisTxt::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 4px;
}

.hisTxt::-webkit-scrollbar-thumb {
    background-color: #E96B3E;
    border-radius: 4px;
}

.swiper-slide::before {
    content: "";
    width: 8px;
    height: 14px;
    background: #E96B3E;
    display: block;
    position: absolute;
    left: 24px;
    z-index: 2;
    top: 0;
}

.hisBanner .swiper-slide:nth-child(even)::before {
    bottom: 0;
    top: auto;
}

.hisTxt h6 {
    font-size: 20px;
    color: #FFFFFF;
}

.hisTxt p {
    font-size: 16px;
    color: #FFFFFF;
}

.hisBanner .swiper-slide:nth-child(even) .hisTxt {
    transform: translateY(240px);
}


/* 学生培养 */

.titWenCon h2.blackWord {
    font-size: 32px;
    color: #333333;
}

.stu-part01 {
    width: 100%;
    background: url(../../images/MPA/xspy/bg1.png) no-repeat center center/100%;
    padding: 50px 0;
}

.stu-part01 .titWenCon h2 {
    justify-content: center;
}

.xmszBox {
    width: 100%;
    margin-top: 20px;
}

.tab-adv {
    width: 100%;
    height: 50px;
    background: linear-gradient( to bottom, #72A2FF 0%, #163B8C 100%);
    border-radius: 60px;
    position: relative;
}

.tab-adv::after {
    content: '';
    width: calc(100% - 34px);
    height: 24px;
    background: #203661;
    border-radius: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tabBox {
    width: 100%;
    padding: 0 30px;
    margin-top: -25px;
    position: relative;
}

.tab-gradient {
    background: linear-gradient( to bottom, #ACC6FF 0%, #FFFFFF 100%);
    height: 30px;
    width: 100%;
}

.tabCon {
    width: 100%;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 20px 20px;
    padding: 0 35px 30px 35px;
}

.tabCon table {
    width: 100%;
}

.tabCon table tr {
    padding-left: 50px;
    border-radius: 12px;
    overflow: hidden;
    display: table;
    width: 100%;
}

.tabCon table thead tr th {
    padding: 12px 0 20px 0;
    font-weight: bold;
    font-size: 22px;
    color: #2853C0;
    text-align: left;
    background: #fff;
}

.tabCon table tbody tr:nth-child(even) {
    background: #fff;
}

.tabCon table tbody tr:nth-child(odd) {
    background: #F4F7FE;
}

.tabCon table tbody tr:nth-child(1) td,
.tabCon table tbody tr:nth-child(1) td p,
.tabCon table tbody tr td:first-child {
    font-weight: bold;
    font-size: 20px;
    color: #333333;
}

.tabCon table tbody tr td {
    font-size: 18px;
    color: #333333;
    padding: 20px 0;
}

.tabCon table tr th:first-child,
.tabCon table tr td:first-child {
    width: 24%;
}

.tabCon table tr th+th,
.tabCon table tr td+td {
    width: 32%;
    padding-right: 10%;
}

.tabCon table tbody tr td span {
    font-weight: bold;
    font-size: 20px;
    color: #C92323;
}

.stu-part02 {
    width: 100%;
    padding: 50px 0 80px 0;
    background: url(../../images/MPA/xspy/bg2.png) no-repeat center/cover;
}

.stuModal {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
}

.stulist {
    flex: 1;
}

.stulist:first-child {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.stulist:first-child>div {
    height: 150px;
    background: url(../../images/MPA/xspy/01.png) no-repeat calc(100% - 30px) 10px #fff;
}

.stulist:first-child>div:nth-child(2) {
    background-image: url(../../images/MPA/xspy/02.png);
}

.stulist-item {
    width: 100%;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
}

.stulist-info {
    padding: 0 30px;
}

.stulist:last-child>div {
    height: 100%;
    background: url(../../images/MPA/xspy/03.png) no-repeat calc(100% - 30px) 10px #fff;
}

.stulist-item p {
    text-indent: 2em;
    font-size: 18px;
    line-height: 1.6;
    color: #333333;
}

.stulist-item .stulist-tit {
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    background: url(../../images/MPA/xspy/icon-star.png) no-repeat 30px center, url(../../images/MPA/xspy/xxms-titBg.png) no-repeat left center/100%;
    padding: 10px 62px;
    width: 356px;
    height: 70px;
}

.classSet {
    width: 100%;
    background: url(../../images/MPA/xspy/bg3.png) no-repeat center/cover;
    border-radius: 40px 40px 0 0;
    padding-bottom: 150px;
}

.classTit {
    width: 470px;
    height: 110px;
    background: url(../../images/MPA/xspy/tit-kcsz.png) no-repeat center/contain;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 32px;
    color: #FFFFFF;
    margin: 0 auto;
    position: relative;
    top: -20px;
}

.classTit h2 {
    display: flex;
    align-items: center;
    gap: 0 24px;
}

.classTit h2::before,
.classTit h2::after {
    content: '';
    width: 44px;
    height: 14px;
    background: url(../../images/MPA/xspy/kcszL.png) no-repeat center/100%;
}

.classTit h2::after {
    background-image: url(../../images/MPA/xspy/kcszR.png);
}

.classTit h2::before {
    left: 0;
}

.classTit h2::after {
    right: 0;
}

.classCon {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px 110px;
    margin: 25px 0;
}

.classItem {
    text-align: center;
}

.classItem h3 {
    width: 118px;
    height: 74px;
    display: flex;
    justify-content: center;
    align-items: baseline;
    background: url(../../images/MPA/xspy/classbg.png) no-repeat center bottom/contain;
    font-size: 36px;
    color: #FFFFFF;
}

.classItem h3 span {
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 4px;
}

.classItem>p {
    font-size: 18px;
    color: #FFFFFF;
    padding: 10px 0;
}

.atten {
    height: 62px;
    background: rgba(255, 255, 255, 0.45);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 100px;
    width: fit-content;
    margin: 0 auto;
}

.atten p {
    font-size: 18px;
    color: #fff;
}

.training {
    background: linear-gradient( to bottom, #FFFFFF 0%, #E9E9E9 87.02%, #DEDDF3 100%);
    height: 390px;
    padding: 0 70px;
    display: flex;
    align-items: center;
    border-radius: 60px 60px 0 0;
    margin-top: -80px;
}

.pyfaTxt {
    padding: 0 60px;
    flex: 1;
}

.pyfaTxt h3 {
    font-size: 32px;
    color: #2652B2;
    padding: 12px 0;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    background: url(../../images/MPA/xspy/icon-pyfa.png) no-repeat left center/28px;
    padding-left: 38px;
}

.pyfaTxt p {
    font-size: 18px;
    color: #333333;
    margin-top: 15px;
}

.pyfaImg {
    width: 50%;
    position: relative;
    top: 40px;
}

.pyfaImg img {
    width: 100%;
}

.stu-part04 {
    width: 100%;
    background: url(../../images/MPA/xspy/bg4.png) no-repeat center 350px /cover;
    padding-top: 110px;
}

.teaDir {
    width: 100%;
    padding-bottom: 54px;
}

.dirCon {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
}

.dirCon>div {
    width: calc(50% - 10px);
    background: url(../../images/MPA/xspy/dslcbg.png) no-repeat right 50px #fff;
}

.dirCon>div:nth-child(2) {
    background-image: url(../../images/MPA/xspy/fxlcbg.png);
}

.dir-adv img {
    width: 100%;
    height: auto;
}

.dir-adv {
    width: 100%;
    height: fit-content;
}

.dir-txtcon {
    padding: 0 45px 10px 45px;
}

.dir-summary h6 {
    font-size: 22px;
    color: #333333;
    margin: 10px 0;
}

.dir-summary p {
    font-size: 16px;
    color: #333333;
}

.dir-conlist ul li {
    counter-increment: item;
    display: flex;
    align-items: center;
    min-height: 40px;
    background: #F1FFF0;
    margin-bottom: 14px;
}
.dirItem:nth-child(2) .dir-conlist ul li {background: #F0F9F8;}

.dir-conlist ul li p {
    font-size: 16px;
    color: #333333;
    padding: 5px 0;
}

.dir-conlist ul li::before {
    content: counter(item);
    background: #68AD9F;
    width: 40px;
    min-height: 40px;
    height: 100%;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 15px;
}
.dirItem:nth-child(2) .dir-conlist ul li::before{background:#79B4BA;}

.line {
    width: 100%;
    height: 38px;
    background: url(../../images/MPA/xspy/solid.png) no-repeat center/100%;
    position: relative;
    margin: 10px 0;
}

.line::before,
.line::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 36px;
    background-color: #3498db;
    border-radius: 0 16px 16px 0;
    background: #f2f2f2;
}

.line::before {
    left: -45px;
}

.line::after {
    right: -45px;
    border-radius: 16px 0 0 16px;
}

.Process {
    width: 100%;
    background: url(../../images/MPA/xspy/bg5.png) no-repeat left top/100%;
    padding-bottom: 80px;
}

.proTit {
    padding: 14px 0;
    width: 100%;
}

.proTit h6 {
    margin-bottom: 16px;
    font-size: 32px;
    color: #333333;
    padding-left: 28px;
    background: url(../../images/MPA/xspy/icon-pyfa.png) no-repeat left center/20px;
}

.processTxt {
    width: 100%;
    padding: 28px 38px;
    background: linear-gradient( 190deg, #EBF7FF 0%, #FFFFFF 30%, #FFFFFF 100%);
    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    position: relative;
    z-index: 2;
}

.processCon {
    position: relative;
}

.processCon::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -20px;
    width: 100%;
    height: 100%;
    background: #DADADA;
    border-radius: 20px;
    z-index: 0;
}

.processTxt ul {
    position: relative;
}

.processTxt ul li {
    background: #F5F5F5;
    padding: 18px 25px;
    margin-bottom: 20px;
    position: relative;
    counter-increment: num;
    margin-left: 60px;
}

.processTxt ul li h6 {
    font-size: 22px;
    color: #333333;
    border-left: 8px solid #2652B2;
    padding-left: 18px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.processTxt ul li p {
    font-size: 16px;
    color: #333333;
}

.processTxt ul li::before {
    content: counter(num);
    width: 46px;
    height: 46px;
    border: 6px solid #fff;
    background: #E96B3E;
    border-radius: 50%;
    position: absolute;
    left: -63px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    box-sizing: border-box;
}

.processTxt ul::before {
    content: '';
    width: 2px;
    height: 96%;
    position: absolute;
    left: 19px;
    top: 18px;
    background: url(../../images/MPA/xspy/vertic-solid.png) repeat-y center/100%;
}


/* 招生信息 */

.admiss-part01 {
    padding-bottom: 60px;
}

.admissTit {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 25px 0;
}

.admissTit h2 {
    font-size: 32px;
    color: #2652B2;
    padding-left: 40px;
    background: url(../../images/MPA/xmjj/icon-grade.png) no-repeat left center/28px;
}

.admissTit a {
    font-size: 16px;
    color: #666666;
    width: 137px;
    height: 45px;
    background: #FFFFFF;
    border: 1px solid #8B8B8B;
    position: relative;
    text-align: center;
}

.admissTit a::after {
    content: '';
    width: 137px;
    height: 45px;
    background: #FFFFFF;
    border: 1px solid #8B8B8B;
    position: absolute;
    bottom: -6px;
    right: -6px;
    z-index: -1;
    transition: 0.3s;
}

.admissTit a p {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    font-size: 16px;
    color: #666666;
}

.admissTit a p::after {
    content: '';
    width: 12px;
    height: 12px;
    background: url(../../images/MPA/icon-triangle.png) no-repeat center/contain;
}

.admissTit a:hover::after {
    background: #235EDE;
    transition: 0.3s;
}

.zsNotice ul {
    width: 100%;
    display: flex;
    gap: 35px 50px;
    flex-wrap: wrap;
}

.zsNotice ul li {
    width: calc(50% - 25px);
}

.zsNotice ul li a span {
    font-size: 18px;
    color: #CA7C5A;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.zsNotice ul li a span::after {
    content: "";
    margin-left: 35px;
    height: 1px;
    flex: 1;
    background: #D8D8D8;
}
.listMpa .zsNotice ul li a span::after{content:none;}
.zsNotice ul li a h6 {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.zsNotice ul li a:hover h6 {
    color: #235EDE;
}
.listMpa{margin:30px 0;}
.listMpa .zsNotice ul{gap:0 50px;}
.listMpa .zsNotice ul li{padding:15px 0;border-bottom:1px solid #dfdfdf}
.listMpa .zsNotice ul li{}
.admiss-part02 {
    width: 100%;
    padding: 60px 0;
    background: url(../../images/MPA/zsxx/bklcBg.png) no-repeat center/100%;
}

.Applicate {
    margin-top: 30px;
    width: 100%;
}

.Applicate i {
    width: 100%;
    display: block;
}

.Applicate .attent {
    width: 50%;
    background: #2652B2;
    border-radius: 10px;
    padding: 10px 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.Applicate .attent p {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
}

.question {
    background: #F5F5F5;
    width: 100%;
    padding: 40px 58px;
    margin-top: 30px;
    padding-right: 20px;
}

.quesCon {
    width: 100%;
    overflow-y: auto;
    height: 600px;
    padding-right: 40px;
}

.quesCon::-webkit-scrollbar,
.zsjzConTxt::-webkit-scrollbar,
.brochureTxt::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.quesCon::-webkit-scrollbar-track,
.zsjzConTxt::-webkit-scrollbar-track,
.brochureTxt::-webkit-scrollbar-track {
    background: #D9D9D9;
}

.quesCon::-webkit-scrollbar-thumb,
.zsjzConTxt::-webkit-scrollbar-thumb,
.brochureTxt::-webkit-scrollbar-thumb {
    background: #3560BD;
    border-radius: 0;
}

.QA {
    border-bottom: 1px solid #dddddd;
    padding: 30px 0;
}

.QA h6 {
    font-size: 20px;
    color: #333333;
    background: url(../../images/MPA/zsxx/icon-wen.png) no-repeat left 3px/28px;
    padding-left: 40px;
    position: relative;
}

.QA h6::after {
    content: '';
    width: 23px;
    height: 14px;
    background: url(../../images/MPA/zsxx/icon-down.png) no-repeat center/contain;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    transition: 0.3s;
    cursor: pointer;
}

.QA p {
    font-size: 18px;
    color: #333333;
}

.anser {
    margin: 16px 0;
    display: none;
}

.QA h6.active::after {
    transform: translateY(-50%) rotate(180deg);
}

.admiss-partzsjz {
    width: 100%;
    background: url(../../images/MPA/zsxx/zsjzBg.png) no-repeat top center/cover;
    padding: 90px 0;
}

.zsjzBox {
    width: 100%;
    display: flex;
    gap: 35px;
}

.direct {
    flex-shrink: 0;
    width: 180px;
}

.direct>h2 {
    font-size: 32px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.direct ul li {
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    padding: 12px 20px;
    cursor: pointer;
}

.direct ul li.on {
    background: linear-gradient( to right, #F6875F 0%, #2F59B3 100%);
}

.zsjzCon {
    flex: 1;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 35px 30px 50px 50px;
}

.zsjzConTxt {
    width: 100%;
    max-height: 700px;
    overflow-y: auto;
    padding-right: 50px;
    position: relative;
}

.zsjzConTxt>h2 {
    font-size: 22px;
    color: #333333;
    margin-bottom: 30px;
    text-align: center;
}

.zsjzConTxt h3 {
    font-weight: bold;
    font-size: 16px;
    color: #C45A0E;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
.zsjzConTxt p img{max-width:90%}
.zsjzConTxt p {
    font-size: 16px;
    color: #333333;
}


/* 国土空间规划 */

.color-blue {
    color: #2652B2;
}

.part-terr01 {
    padding-bottom: 60px;
}

.part01Con {
    width: 100%;
    display: flex;
    align-items: center;
}

.part01L {
    width: 48%;
}

.part01R {
    width: 52%;
}

.part01R>img {
    width: 100%;
}

.part01LItem .title {
    padding: 12px 0;
    border-bottom: 1px solid #CAD6EE;
    display: flex;
    align-items: center;
    gap: 16px;
}

.part01LItem .title h4 {
    background: url(../../images/MPA/gtkj/slbj-titbg.png) no-repeat left/174px;
    width: 174px;
}

.part01LItem .title h4 p {
    font-weight: bold;
    font-size: 22px;
    background: linear-gradient(to bottom, #FFF0DE 0%, #EABC23 100%);
    -webkit-background-clip: text;
    color: transparent;
    -background-clip: text;
    padding: 6px 28px;
}

.part01LItem .title>b {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
}

.part01LItem>.txt {
    margin: 12px 0;
}

.part01LItem>.txt p {
    font-size: 16px;
    color: #333333;
    text-indent: 2em;
}

.part-terr02 {
    width: 100%;
    background: url(../../images/MPA/gtkj/bg1.png) no-repeat bottom center/cover;
    padding: 60px 0;
}

.part-terr03 {
    width: 100%;
    background: url(../../images/MPA/gtkj/bg2.png) no-repeat center/cover;
    padding: 20px 0 40px 0;
}

.part-terr03 .gradeTit {
    margin: 20px 0;
}

.part-terr03Con {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.part-terr03Con>div.terr03Item {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 30px;
}

.part-terr03Con .terr03Item {
    width: calc(50% - 10px);
}

.part-terr03Con>div.terr03Item:first-child {
    width: 100%;
    display: flex;
}

.part-terr03Con>div.terr03Item:first-child>img {
    width: 330px;
}

.min-tit h6 {
    font-weight: bold;
    font-size: 24px;
    color: #333333;
    padding-left: 34px;
    background: url(../../images/MPA/gtkj/tit2-dec.png) no-repeat left center/26px;
}

.pymb {
    width: 65%;
}

.pymbTxt {
    width: 80%;
}

.pymbTxt ul li,
.cred ul li {
    list-style: disc;
    margin: 8px 0;
}

.pymbTxt ul li p,
.cred ul li p {
    font-size: 18px;
    color: #333333;
}

.terr03Item>.txt p {
    font-size: 18px;
    color: #333333;
    text-align: justify;
}

.terr03Item>.txt {
    margin-top: 14px;
}

.pl36 {
    padding-left: 36px;
}

.subject {
    width: 100%;
    display: flex;
    margin-top: 30px;
    gap: 14px;
    align-items: center;
}

.subject>img {
    width: 178px;
    flex-shrink: 0;
}

.subject>.direct p {
    background: #CFDEFF;
    font-size: 16px;
    color: #2652B2;
    padding: 8px 28px;
    border-radius: 6px;
    width: fit-content;
    margin-bottom: 12px;
}

.subject>.direct p:nth-child(2),
.subject>.direct p:nth-child(3) {
    margin-left: 30px;
}

.subject>.direct {
    flex: 1;
}

.min-tit p {
    font-size: 16px;
    color: #333333;
}

.credits {
    display: flex;
    margin-top: 30px;
    gap: 30px;
    margin-left: 36px;
}

.credits .duration {
    background: #EEF3FF;
    border-radius: 10px;
    width: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.credits .duration h2 {
    font-weight: bold;
    font-size: 26px;
    color: #2652B2;
}

.credits .duration p {
    font-size: 20px;
    color: #333333;
}

.part-terr04 {
    padding: 60px 0;
    background: url(../../images/MPA/gtkj/bg3.png) no-repeat center/cover;
}

.proFeatures {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    margin-top: 26px;
    position: relative;
}

.proItem {
    width: calc(50% - 13px);
    background: #FFFFFF;
    padding: 22px 0;
    display: flex;
    align-items: center;
    gap: 20px 0;
}

.proItem:nth-of-type(even) {
    flex-direction: row-reverse;
}

.proItem>img {
    width: 210px;
    height: 270px;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    left: -38px;
}

.proItem:nth-of-type(even)>img {
    left: auto;
    right: -38px;
}

.proItem .proTxtCon {
    width: 55%;
}

.proItem .proTxtCon h6 {
    font-size: 20px;
    color: #333333;
    border-left: 6px solid #2652B2;
    padding-left: 10px;
    margin-bottom: 16px;
}

.proItem .proTxtCon p {
    font-size: 16px;
    color: #333333;
    text-indent: 2em;
    text-align: justify;
}

.proFeatures .point {
    width: 180px;
    height: 180px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.part-terr05 {
    width: 100%;
    background: url(../../images/MPA/gtkj/bg4.png) no-repeat bottom center/cover;
    overflow: hidden;
    padding: 40px 0 10px 0;
}

.brochure {
    background: #FFFFFF;
    width: 100%;
    padding: 40px 30px 30px 50px;
    position: relative;
    margin-bottom: 77px;
    margin-top: 18px;
}

.brochureTxt {
    max-height: 700px;
    overflow-y: auto;
    padding-right: 60px;
}

.brochureTxt h6 {
    font-weight: bold;
    font-size: 20px;
    color: #2652B2;
    margin-bottom: 15px;
    text-align: center;
}

.brochureTxt p {
    font-size: 16px;
    text-align: justify;
    color: #333333;
}

.brochure::after {
    content: "";
    width: 100%;
    height: 77px;
    background: url(../../images/MPA/gtkj/page.png) no-repeat bottom right/cover;
    position: absolute;
    left: 0;
    bottom: -70px;
}

.terr02Tit>p {
    font-size: 16px;
    color: #666666;
}

.terr02T {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.terr02T>img {
    width: 45%;
    height: auto;
}

.terr02TL h3,
.terr02TL h4 {
    font-family: Source Han Serif CN, Source Han Serif CN;
    font-weight: bold;
    font-size: 29px;
    color: #333;
}

.terr02TL h3 {
    color: #E96B3E;
    display: flex;
    align-items: center;
}

.terr02TL h3 span,
.terr02TL h4 span {
    font-family: Source Han Serif CN, Source Han Serif CN;
}

.terr02TL h3 span {
    color: #333;
}

.terr02TL h4 span {
    color: #2652B2;
}

.terr02TL h3 i {
    width: 100px;
    height: 36px;
    background: #2652B2;
    border-radius: 14px 0px 14px 0px;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 40px;
}

.terr02Tab {
    width: 100%;
    display: flex;
    margin-top: 20px;
}

.terr02Tabul {
    width: 260px;
    margin-right: 35px;
    flex-shrink: 0;
}

.terr02Tabul ul {
    background: #fff;
    padding: 35px 0;
}

.terr02Tabul ul li {
    height: 80px;
    display: flex;
    align-items: center;
    padding: 10px 26px;
    cursor: pointer;
    position: relative;
}

.terr02Tabul ul li p {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    position: relative;
    z-index: 1;
}

.terr02Tabul ul li::after {
    content: '';
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../images/MPA/gtkj/tab-on.png) no-repeat right center/cover;
    transition: all 0.3s ease-in-out;
}

.terr02Tabul ul li:hover::after,
.terr02Tabul ul li.active::after {
    width: calc(100% + 24px);
}

.terr02Tabul ul li:hover p,
.terr02Tabul ul li.active p {
    color: #fff;
}

.terr02TabContent {
    flex: 1;
}

.terr02TabItem {
    background: #fff;
    padding: 30px 40px;
    width: 100%;
    display: none;
}
.part-terrZstz{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;background:url(../../images/MPA/gtkj/bgzs.png) no-repeat center/cover}
.part-terrZstz .titWenCon h2::after,.part-terrZstz .titWenCon h2::before{content:none}
.part-terrZstz .titWenCon h2{color:#fff}
.part-terrZstz>p{font-size: 18px;color: #FFFFFF;margin-top:10px}
.part-terrZstz>a.link-zs{width: 225px;
height: 60px;
background: #FFFFFF;
border-radius: 8px;font-size: 18px;
color: #2652B2;display:flex;justify-content:center;align-items:center;margin-top:40px;}
.part-terrZstz>a.link-zs:hover{background:#2652B2;color:#fff;}


/* 第一部分 */


/* Top Section */

.top-section {
    gap: 60px;
    margin-bottom: 30px;
}

.section-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 18px;
}


/* Advantage Box */

.advantage-cards {
    gap: 16px;
    margin-bottom: 30px;
}

.card {
    background: #EDF0F8;
    border: 1px solid #A1B5E0;
    border-radius: 8px;
    height: 130px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.card-title {
    font-size: 20px;
    font-weight: bold;
    color: #D62B2B;
    margin-bottom: 10px;
}

.card-desc {
    font-size: 16px;
    color: #666;
}

.advantage-list ul {
    display: flex;
    flex-direction: column;
}

.advantage-list ul>li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    line-height: 1.5;
    color: #333;
    font-size: 16px;
    padding: 22px 0;
}

.advantage-list ul>li+li {
    border-top: 1px solid #E8E8E8;
}

.advantage-list ul>li::before {
    content: '';
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background: url(../../images/MPA/gtkj/check.png) no-repeat center;
    background-size: contain;
    margin-top: 6px;
}


/* Strength Box */

.strength-box {
    background-color: #3B6BDE;
    border-radius: 20px;
    padding: 20px 30px;
    color: #fff;
}

.strength-box .section-title {
    color: #fff;
}

.strength-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.progress-item {
    display: flex;
    flex-direction: column;
}

.item-label {
    font-size: 16px;
    line-height: 1.5;
    opacity: 0.9;
}

.progress-bar-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.progress-bar-bg {
    flex: 1;
    height: 8px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.progress-bar {
    height: 100%;
    border-radius: 4px;
    width: 0;
    /* Initial width for animation */
    transition: width 1.5s ease-in-out;
}

.bar-orange {
    background-color: #FFB352;
}

.bar-white {
    background-color: #FFFFFF;
}

.bar-cyan {
    background-color: #6DE3B1;
}

.bar-dark-orange {
    background-color: #FF784E;
}

.progress-value {
    font-size: 16px;
    font-weight: bold;
    min-width: 60px;
    text-align: right;
}


/* Bottom Section */

.flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.bottom-section {
    background-color: #F7F8FA;
    border-radius: 12px;
    padding: 25px 20px;
    align-items: center;
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.stat-number {
    font-size: 20px;
    font-weight: bold;
    color: #3B6BDE;
}

.stat-number b {
    font-weight: inherit;
}

.stat-label {
    font-size: 16px;
    color: #333;
}

.stat-divider {
    width: 1px;
    height: 60px;
    background-color: #DDD;
}

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

.section-title h2 {
    font-size: 20px;
    color: #2652B2;
    margin-bottom: 4px;
}

.section-title p {
    font-size: 14px;
    color: #666666;
    font-weight: normal;
}


/* 板块1: FZSX - 丰富的专业硕士办学经验 */

.fzsx-section {
    background-color: #fff;
}

.fzsx-timeline {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    padding-left: 60px;
}

.fzsx-timeline::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 2px;
    border-left: 2px dashed #ddd;
}

.fzsx-item {
    display: flex;
    align-items: center;
    position: relative;
}

.fzsx-dot {
    position: absolute;
    left: -50px;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 6px solid #E96B3E;
    box-sizing: border-box;
    border-radius: 50%;
    z-index: 2;
}

.fzsx-content {
    flex: 1;
    background: #F4F8FF;
    border-radius: 12px;
    padding: 20px 22px;
    min-height: 85px;
    display: flex;
    align-items: center;
    gap: 40px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}

.fzsx-info {
    width: 120px;
    flex-shrink: 0;
}

.fzsx-info h3 {
    font-size: 16px;
    color: #333;
}

.fzsx-info p {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.fzsx-desc {
    flex: 1;
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}


/* 板块2: XHSZ - 雄厚的师资力量 */

.xhsz-section {
    padding: 20px;
}

.xhsz-container {
    display: flex;
    gap: 36px;
    align-items: center;
}

.xhsz-left {
    flex: 1;
}

.xhsz-left h2 {
    font-size: 20px;
    color: #2652B2;
    text-align: left;
}

.xhsz-left>p {
    font-size: 16px;
    color: #333;
    margin-bottom: 30px;
    line-height: 1.6;
}

.xhsz-list ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.xhsz-list ul li {
    background: #F0F3FF;
    border-radius: 6px;
    padding: 10px 25px;
    
    position: relative;
}

.xhsz-list ul li::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 18px;
    width: 16px;
    height: 6px;
    background: #FF784E;
}

.xhsz-list ul li strong {
    font-size: 16px;
    color: #333;
}

.xhsz-list ul li p {
    font-size: 16px;
    color: #666;
    display: flex;
    flex-direction: column;
}

.xhsz-right {
    flex: 0 0 330px;
    overflow: hidden;
    border-radius: 10px;
}

.xhsz-right img {
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}


/* 板块3: GKDY - 广阔多元的就业前景 */

.gkdy-section {
    background-color: #fff;
}

.gkdy-section .section-title h2,
.gkdy-section .section-title p {
    text-align: left;
}

.gkdy-top {
    display: flex;
    gap: 10px;
    margin-bottom: 40px;
}

.gkdy-card {
    flex: 1;
    background: #F4F8FF;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.gkdy-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.gkdy-card h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 6px;
}

.gkdy-card span {
    font-size: 16px;
    color: #D34A28;
    font-weight: normal;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

.gkdy-card p {
    font-size: 15px;
    color: #555;
    text-align: justify;
}

.gkdy-bottom-title {
    text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 30px;
}

.gkdy-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.gkdy-logos p{
    /* border: 1px solid #eee; */
    border-radius: 10px;
    width: calc(25% - 15px);
    max-width: 240px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    overflow: hidden;
}

.gkdy-logos p:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}

.gkdy-logos p img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*/* 学生列表 */

.stuBox {
    position: relative;
    margin-top: 100px;
}

.stuIntro {
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.stuIntro>i {
    width: 49.5%;
    height: 510px;
    display: block;
    position: absolute;
    right: 0;
    z-index: 1;
}

.stuTxtBox {
    width: 840px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    left: -35px;
}

.stuTxt {
    width: 100%;
    padding: 0 35px;
}

.stuTxtCon {
    width: 100%;
    height: 400px;
    background: url(../../images/MPA/stuTxtBg.png) no-repeat top right/cover;
    padding: 45px 65px;
    position: relative;
    z-index: 1;
}

.stu-dec {
    width: 100%;
    margin-top: -25px;
    position: relative;
    z-index: 5;
}

.stu-dec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stu-dec p {
    font-size: 16px;
    color: #333333;
    text-align: justify;
}

.stuTit {
    margin-bottom: 10px;
    position: relative;
}

.stuTit::before {
    content: 'student activities';
    text-transform: capitalize;
    font-weight: bold;
    font-size: 66px;
    color: #FFF1ED;
    position: absolute;
    bottom: 0;
    z-index: -1;
    line-height: 1;
    left: 10px;
}

.stuTit h2 {
    font-weight: bold;
    font-size: 32px;
    color: #333;
    background: url(../../images/MPA/half-circle.png) no-repeat left center/contain;
    padding-left: 34px;
}

.stuTit h2 b {
    color: #2652B2;
}

.stuTxtCon p {
    font-size: 18px;
    color: #333333;
    text-align: justify;
}

.stuIntro::after {
    content: '';
    width: 100%;
    height: 70%;
    background: #E9E9E9;
    position: absolute;
    bottom: 0%;
    left: 0;
}

.stuList {
    margin: 50px 0;
    width: 100%;
}

.listImgItem {
    width: 100%;
    display: flex;
    padding: 22px;
    border-bottom: 1px solid #ededed;
    transition: 0.3s;
}

.listImgItem i {
    width: 410px;
    height: 280px;
    flex-shrink: 0;
    overflow: hidden;
}

.listImgItem i img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.listImgItem .listImgInner {
    padding: 24px 40px;
    display: flex;
    flex: 1;
    overflow: hidden;
    flex-direction: column;
    padding-bottom: 0;
}

.listImgItem .listImgInner span {
    font-size: 20px;
    color: #2652B2;
}

.listImgItem .listImgInner h4 {
    margin-bottom: 20px;
    font-size: 22px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.listImgItem .listImgInner p {
    font-size: 16px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.innerTool {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}

.innerTool p {
    font-size: 14px;
    color: #666666;
    padding: 10px 30px;
    border: 1px solid #D7D7D7;
    border-radius: 20px;
    flex-shrink: 0;
}

.innerTool b {
    width: 0;
    transition: 0.3s
}

.innerTool b img {
    width: 100%;
}

.listImgItem:hover {
    background: #2652B2;
    transition: 0.3s;
}

.listImgItem:hover .listImgInner h4,
.listImgItem:hover .listImgInner p,
.listImgItem:hover .listImgInner span,
.listImgItem:hover .innerTool span,
.listImgItem:hover .innerTool p {
    color: #fff;
}

.listImgItem:hover .innerTool b {
    width: 100%;
}

.listImgItem:hover .innerTool p {
    border-color: #fff;
    color: #fff;
}

.listImgItem:hover .innerTool span {
    background-image: url(../images//icon-timeW.png);
}

.listImgItem:hover i img {
    transform: scale(1.1);
}


/*pagenation*/

.pageBox {
    margin: 40px 0 20px 0;
    width: 100%;
    padding: 0 20px;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
}

.pagination>li>a,
.pagination>li>span,
.pagination>select {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #333;
    padding: 3px 12px !important;
    width: 100%;
    display: inline-block;
    font-size: 14px;
}

.pagination>select {
    width: 60px;
}

.pagination>li>a.active {
    color: #fff!important;
    border-color: #1551D3;
    background: #1551D3;
}


/* 详情页 */

.detailCon {
    background: #fff;
}

.detailBox {
    width: 100%;
    overflow: hidden;
    margin: 30px 0;
}

.detailTit {
    width: 100%;
    border-bottom: 1px dashed #B4C9FF;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.detailTit h1 {
    font-size: 24px;
    color: #333333;
    text-align: center;
}

.detailTit span {
    background: url(../images/page/icon-time.png) no-repeat left center;
    padding-left: 24px;
    font-size: 14px;
    color: #666666;
}

.detailCon {
    width: 100%;
    margin: 30px 0;
}

.detailCon p {
    font-size: 18px!important;
    color: #333333;
    line-height: 1.8!important;
    text-indent: 2em!important;
    margin: 20px 0;
}

.detailCon p span {
    font-size: 18px!important;
    color: #333333!important;
    line-height: 1.8!important;
}

.detailCon p img {
    margin-left: -2em;
    max-width: 80%!important;
    height: auto!important;
}

.detailCon p table {
    margin-left: -2em;
}

.detailCon table td {
    padding: 6px 0;
}

.detailCon table td,
.detailCon table td span {
    font-size: 16px!important;
    color: #333!important;
}

.detailCon table {
    margin: 0 auto;
}

.paperCheck {
    border-top: 1px dashed #B2CAFF;
    padding: 30px 0;
    display: grid;
    grid-template-columns: calc(50% - 20px) calc(50% - 20px);
    column-gap: 40px;
}

.paperCheck a {
    width: 100%;
}

.paperCheck a p {
    font-size: 14px;
    color: #333333;
    background: url(../../images/MPA/icon-left.png) no-repeat left center;
    padding-left: 20px;
    margin-bottom: 6px;
}

.paperCheck a:nth-child(2) {
    text-align: right;
}

.paperCheck a:nth-child(2) p {
    background-image: url(../../images/MPA/icon-right.png);
    background-position: right center;
    padding-right: 20px;
}

.paperCheck a span {
    font-size: 16px;
    color: #2652B2;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
}