html, body {
    background: #FBFBFB;
}
.common-title {
    font-size: 35px;
    color: #333333;
    text-align: center;
    font-weight: 600;
}

/* banner */
.banner-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 73px;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1100px;
    height: 583px;
}
.banner-container {
    width: 100%;
    height: 467px;
}
.banner-btn {
    margin: 0 auto;
    width: 300px;
    height: 60px;
    background-image: linear-gradient(90deg, #EBD79C 1%, #C8B275 99%);
    border-radius: 30px;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    cursor: pointer;
}
.banner {
    box-sizing: border-box;
    padding-top: 344px;
    width: 100%;
    height: 100%;
}
.banner-jsfd {
    background: url(https://resource.gximg.cn/e13926_lq1yq3r25.jpg) top center no-repeat;
    background-size: cover;
}
.banner-xxsx {
    background: url(https://resource.gximg.cn/e13926_lq1yq3se6.jpg) top center no-repeat;
    background-size: cover;
}
.banner-kyxm {
    background: url(https://resource.gximg.cn/e13926_lq1yq3ts7.jpg) top center no-repeat;
    background-size: cover;
}
.banner-wjws {
    background: url(https://resource.gximg.cn/e13926_lq1yq3v38.jpg) top center no-repeat;
    background-size: cover;
}
.banner-xsfd {
    background: url(https://resource.gximg.cn/e13926_lq1yq3wk9.jpg) top center no-repeat;
    background-size: cover;
}
.banner-sxjy {
    background: url(https://resource.gximg.cn/e13926_lq1yq3y610.jpg) top center no-repeat;
    background-size: cover;
}
.banner-jsfd .banner-btn {
    color: #193740;
}
.banner-xxsx .banner-btn {
    color: #5a1d1e;
}
.banner-kyxm .banner-btn {
    color: #3c4d71;
}
.banner-wjws .banner-btn {
    color: #673c2c;
}
.banner-xsfd .banner-btn {
    color: #335397;
}
.banner-sxjy .banner-btn {
    color: #3c2b66;
}

/* 页面导航 */
.nav-tab {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 99;
    max-width: 1920px;
    min-width: 1100px;
    margin: 0 auto;
    height: 116px;
    background: rgba(0, 0, 0, 0.7);
}
.nav-tab-box {
    margin: 0 auto;
    width: 1100px;
    height: 100%;
}
.nav-tab-box ul {
    box-sizing: border-box;
    padding-top: 28px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.nav-tab-box ul li {
    cursor: pointer;
    width: 100px;
    height: 88px;
    position: relative;
}
.nav-tab-box ul li img {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 35px;
}
.nav-tab-box ul li p {
    margin-top: 13px;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 400;
    text-align: center;
}
.nav-tab-box ul .active::after {
    content: '';
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 75px;
    height: 4px;
    background: #DDC88C;
}
.nav-tab-box ul .active p {
    font-weight: 700;
}

/* 竞赛辅导内容 */
.jsfd-cont {
    width: 1100px;
    height: auto;
    margin: 60px auto 0;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: 78px;
}
.jsfd-cont-left, .jsfd-cont-right {
    width: 508px;
}
.jsfd-box {
    margin-top: 12px;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 21px 18px 21px 23px;
}
.jsfd-title {
    display: flex;
}
.jsfd-title img {
    width: 34px;
    height: 34px;
}
.jsfd-title p {
    margin-left: 13px;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    color: #333333;
    font-weight: 700;
}
.jsfd-ul {
    margin-top: 10px;
}
.jsfd-ul li {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    padding-left: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    box-sizing: border-box;
}
.jsfd-ul li:hover {
    color: #0DC5AA;
}
.jsfd-ul li::before {
    position: absolute;
    content: '';
    top: 11px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 7px solid #0DC5AA;
    border-bottom: 5px solid transparent;
}
.jsfd-ul li .sp1 {
    font-size: 12px;
    color: #666666;
    line-height: 22px;
    font-weight: 400;
}
.jsfd-ul-wljs li::before {
    border-left: 7px solid #700DC5;
}
.jsfd-ul-hxjs li::before {
    border-left: 7px solid #058AFB;
}
.jsfd-ul-sxjs li::before {
    border-left: 7px solid #2853F2;
}
.jsfd-ul-skjs  li::before {
    border-left: 7px solid #0DB2C5;
}

.jsfd-ul-wljs li:hover {
    color: #700DC5;
}
.jsfd-ul-hxjs li:hover {
    color: #058AFB;
}
.jsfd-ul-sxjs li:hover {
    color: #2853F2;
}
.jsfd-ul-skjs li:hover {
    color: #0DB2C5;
}

/* 竞赛报名入口 */
.jsbm-banner {
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1100px;
    height: 100%;
    background: url(https://resource.gximg.cn/f55262_me6ibqn22.png) center no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    margin-bottom: 90px;
    cursor: pointer;
}
.jsbm-banner img {
    display: block;
    width: 100%;
    height: 100%;
}

/* 升学规划 */
.sxgh {
    width: 100%;
    height: 551px;
    background: url(https://resource.gximg.cn/ea2c81_lnsov69i9.jpg) center no-repeat;
    background-size: 1920px;
}
.sxgh-box {
    width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 100px;
}
.sxgh-box .p1 {
    font-size: 48px;
    line-height: 64px;
    font-weight: 700;
    background-image: linear-gradient(to right, #D53221 , #6C3A35);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sxgh-box-ul {
    margin-top: 18px;
}
.sxgh-box-ul li {
    font-size: 20px;
    color: #6C3A35;
    line-height: 39px;
    font-weight: 400;
    position: relative;
    box-sizing: border-box;
    padding-left: 34px;
}
.sxgh-box-ul li::before {
    position: absolute;
    content: '';
    top: 9px;
    left: 0;
    width: 24px;
    height: 23px;
    background: url(https://resource.gximg.cn/ff3337_lnsov6h914.png) center no-repeat;
    background-size: 100%;
}
.sxgh-btn {
    margin-top: 70px;
    width: 241px;
    height: 55px;
    line-height: 55px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
    background-image: linear-gradient(90deg, #FE329A 2%, #E43AB7 98%);
    border-radius: 28px;
    cursor: pointer;
}
.sxgh-box .p2 {
    margin-top: 20px;
    margin-left: 550px;
    width: 184px;
    text-align: center;
    font-size: 18px;
    color: #6C3A35;
    font-weight: 400;
}

/* 热门实习就业 */
.rmsx .common-title {
    margin-top: 90px;
}
.rmsx-box {
    margin: 35px auto 0;
    width: 1300px;
    height: auto;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 90px;
}
.rmsx-box .swiper-wrapper {
    box-sizing: border-box;
    padding-bottom: 50px;
}
@media (min-width: 1920px) {
    .rmsx-box {
        width: 1920px;
    }
}
.rmsx-box .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.rmsx-box .swiper-slide img {
    width: 296px;
    height: 416px;
}
.rmsx-container-long .rmsx-box .swiper-slide img {
    height: 522px;
}
.rmsx-box .swiper-pagination {
    bottom: 90px;
}
.rmsx-box .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #D8D8D8;
    opacity: 1;
    margin: 0 10px;
}
.rmsx-box .swiper-pagination .swiper-pagination-bullet-active {
    background: #E739B4;
}
.rmsx-box .swiper-button-prev, .rmsx-box .swiper-container-rtl .swiper-button-next {
    top: 174px;
    width: 119px;
    height: 119px;
    background: url(https://resource.gximg.cn/e191f3_lnsova8o101.png) center no-repeat;
}
.rmsx-box .swiper-button-next, .rmsx-box .swiper-container-rtl .swiper-button-prev {
    top: 174px;
    width: 119px;
    height: 119px;
    background: url(https://resource.gximg.cn/e191f3_lnsova5r99.png) center no-repeat;
}
.rmsx-container-long .rmsx-box .swiper-button-prev, .rmsx-box .swiper-container-rtl .swiper-button-next {
    top: 220px;
}
.rmsx-container-long .rmsx-box .swiper-button-next, .rmsx-box .swiper-container-rtl .swiper-button-prev {
    top: 220px;
}

/* 项目优势 */
.xmys {
    max-width: 1920px;
    min-width: 1100px;
    margin: 0 auto;
    height: 676px;
    background: url(https://resource.gximg.cn/e9a6d8_lnsov6av10.jpg) center no-repeat;
    background-size: cover;
}
.xmys-container {
    width: 1120px;
    height: 600px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 66px;
    background: url(https://resource.gximg.cn/b47708_lnsov6e612.png) bottom no-repeat;
    background-size: 373px;
}
.xmys-cont {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top: 58px;
}
.xmys-cont .xmys-box {
    width: 360px;
}
.xmys-cont .xmys-box:nth-child(2n-1) {
    margin-right: 400px;
}
.xmys-cont .xmys-box .p1 {
    font-size: 22px;
    color: #333333;
    font-weight: 600;
    position: relative;
}
.xmys-cont .xmys-box .p1::after {
    position: absolute;
    content: '';
    bottom: -10px;
    left: 0;
    width: 74px;
    height: 5px;
    background: #F834A2;
}
.xmys-cont .xmys-box .p2 {
    margin-top: 28px;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    font-weight: 400;
}

/* 免费咨询 */
.mfzx {
    max-width: 1920px;
    min-width: 1100px;
    margin: 0 auto;
    height: 338px;
    background: url(https://resource.gximg.cn/37b830_lnsov6cs11.jpg) center no-repeat;
    background-size: cover;
}
.mfzx-cont {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 54px;
}
.mfzx-cont img {
    margin: 0 auto;
    display: block;
    width: 790px;
    height: 118px;

}
.mfzx-box {
    margin-top: 32px;
    border-top: 1px solid #979797;
}
.mfzx-bottom {
    margin: 28px auto 0;
    width: 790px;
    height: 58px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mfzx-bottom p {
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 400;
}
.mfzx-bottom .mfzx-btn {
    width: 194px;
    height: 58px;
    line-height: 58px;
    background-image: linear-gradient(-89deg, #FE329A 5%, #E439B6 97%);
    border-radius: 29px;
    font-size: 26px;
    color: #FFFFFF;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
}

/* 夏校实训内容 */
.xxsx-cont {
    display: none;
    width: 1100px;
    margin: 80px auto 0;
    box-sizing: border-box;
    padding-bottom: 78px;
}
.xxsx-container {
    display: flex;
    justify-content: space-between;
}
.xxsx-left {
    width: 534px;
    border-radius: 10px;
    overflow: hidden;
    background: #FFFFFF;
}
.xxsx-right {
    width: 534px;
    border-radius: 10px;
    overflow: hidden;
    background: #FFFFFF;
}
.xxsx-cont .title {
    background: #BB4B45;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    color: #FFFFFF;
    font-weight: 700;
    box-sizing: border-box;
    padding: 0 26px;
}
.xxsx-cont .title2 {
    background: #7A2428;
}
.xxsx-cont .jsfd-box {
    margin-top: 0;
    border-radius: 0;
    position: relative;
    box-sizing: border-box;
    padding-top: 25px;
    padding-bottom: 30px;
}
.xxsx-cont .jsfd-box::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 22px;
    width: 491px;
    height: 1px;
    background: #EDECEC;
}
.xxsx-cont .jsfd-ul-xxxm li::before {
    border-left: 7px solid #ED0707;
}
.xxsx-cont .jsfd-ul-sdsx li::before {
    border-left: 7px solid #0789ED;
}
.xxsx-cont .jsfd-ul-xssx li::before {
    border-left: 7px solid #FC04C8;
}
.xxsx-cont .jsfd-ul-xxxm li:hover {
    color: #ED0707;
}
.xxsx-cont .jsfd-ul-sdsx li:hover {
    color: #0789ED;
}
.xxsx-cont .jsfd-ul-xssx li:hover {
    color: #FC04C8;
}
.xxsx-cont .jsfd-box:last-child::after {
    height: 0;
}

/* 科研项目内容 */
.kyxm-cont {
    display: none;
}
.kyxm-container {
    display: flex;
    justify-content: space-between;
}
.kyxm-cont .title1 {
    background: #21386B;
}
.kyxm-cont .title2 {
    background: #192A4D;
}
.xxsx-cont .jsfd-ul-gnxsky li::before {
    border-left: 7px solid #8264FF;
}
.xxsx-cont .jsfd-ul-gnsdky li::before {
    border-left: 7px solid #5DE2B4;
}
.xxsx-cont .jsfd-ul-hwycky li::before {
    border-left: 7px solid #FF6437;
}
.xxsx-cont .jsfd-ul-hwsdky li::before {
    border-left: 7px solid #2595EC;
}
.xxsx-cont .jsfd-ul-gnxsky li:hover {
    color: #8264FF;
}
.xxsx-cont .jsfd-ul-gnsdky li:hover {
    color: #5DE2B4;
}
.xxsx-cont .jsfd-ul-hwycky li:hover {
    color: #FF6437;
}
.xxsx-cont .jsfd-ul-hwsdky li:hover {
    color: #2595EC;
}

/* 外籍文书内容 */
.wjws-cont {
    display: none;
    width: 1100px;
    height: auto;
    margin: 80px auto 0;
    box-sizing: border-box;
    padding-bottom: 80px;
}
.wjws-container {
    border: 1px solid #823922;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    height: 836px;
    box-sizing: border-box;
}
.wjws-cont table {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    font-weight: 400;
    background: #FFFFFF;
    text-align: center;
}
.wjws-cont table tr {
    border-top: 1px solid #E3C1B3;
}
.wjws-cont table tr:first-child {
    border-top: 0;
    height: 60px;
    background: #823922;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 700;
}
.wjws-cont table tr td, .wjws-cont table tr th {
    border-right: 1px solid #E3C1B3;
}
.wjws-cont table tr td:last-child, .wjws-cont table tr th:last-child {
    border-right: 0;
}
.wjws-cont table tr th:nth-child(1) {
    width: 104px;
}
.wjws-cont table tr th:nth-child(2) {
    width: 92px;
}
.wjws-cont table tr th:nth-child(6) {
    width: 380px;
}
.wjws-cont table tr .jtsm-td {
    text-align: left;
    padding: 0 10px;
}
.wjws-cont table tr .first-td {
    background: #FFF2ED;
    font-weight: 700;
    font-size: 18px;
    color: #823922;
}
.wjws-cont table tr .bz-td {
    text-align: left;
    padding: 0 10px;
}
.wjws-cont table tr .bz-first {
    font-size: 18px;
    color: #823922;
    font-weight: 700;
}
.wjws-cont table tr td .btn {
    display: inline-block;
    width: 118px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #B75438;
    cursor: pointer;
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    margin: 0 20px;
    box-sizing: border-box;
}
.wjws-cont table tr td .btn:hover {
    border: 0;
    background-image: linear-gradient(90deg, #823922 12%, #B75437 96%);
    color: #FFFFFF;
}

/* 学术辅导内容 */
.xsfd-cont {
    display: none;
}
.xsfd-cont .wjws-container {
    width: 1118px;
}
.xsfd-cont table tr th:last-child {
    width: 156px;
}
.xsfd-cont table tr th:nth-child(1) {
    width: 180px;
}
.xsfd-cont table tr th:nth-child(2) {
    width: 166px;
}
.xsfd-cont table tr th:nth-child(3) {
    width: 310px;
}
.xsfd-cont table tr td .sp1 {
    font-size: 14px;
    color: #333333;
}
.xsfd-cont table tr td .sp2 {
    font-size: 12px;
    color: #333333;
}
.xsfd-cont table tr:first-child {
    background: #1F56BE;
}
.xsfd-cont table tr .first-td1 {
    color: #1F56BE;
    background: #E9F0FF;
    font-weight: 700;
}
.xsfd-cont table tr .first-td2 {
    color: #206FBA;
    background: #E8F3FC;
    font-weight: 700;
}
.xsfd-cont table tr .first-td3 {
    color: #2089B9;
    background: #EAF9FE;
    font-weight: 700;
}
.xsfd-cont .wjws-container {
    border: 1px solid #1F56BE;
}
.xsfd-cont table tr {
    border-top: 1px solid #CCDCFF;
}
.xsfd-cont table tr td, .xsfd-cont table tr th {
    border-right: 1px solid #CCDCFF;
}
.xsfd-cont table tr td .btn {
    border: 1px solid #2087B7;
}
.xsfd-cont table tr td .btn:hover {
    border: 0;
    background-image: linear-gradient(270deg, #2089B7 0%, #1F56BE 82%);
    color: #FFFFFF;
}

/* 实习就业内容 */
.sxjy-cont {
    display: none;
    width: 1100px;
    margin: 80px auto 0;
    box-sizing: border-box;
    padding-bottom: 90px;
}
.sxjy-cont .title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #2E1F89;
    font-size: 22px;
    color: #FFFFFF;
    font-weight: 700;
    box-sizing: border-box;
    padding-left: 25px;
}
.sxjy-container {
    background: #FFFFFF;
    border: 1px solid #2E1F89;
    border-radius: 10px;
    overflow: hidden;
}
.sxjy-cont .jsfd-ul {
    display: flex;
    flex-wrap: wrap;
}
.sxjy-cont .jsfd-ul li {
    width: 526px;
}
.sxjy-container2 {
    margin-top: 40px;
    border: 1px solid #4935BD;
}
.sxjy-container2 .title {
    background: #4935BD;
}
.sxjy-cont .jsfd-ul-jrhy li::before {
    border-left: 7px solid #E1993B;
}
.sxjy-cont .jsfd-ul-sjfxhy li::before {
    border-left: 7px solid #1C8DE3;
}
.sxjy-cont .jsfd-ul-jsjhy li::before {
    border-left: 7px solid #095AE9;;
}
.sxjy-cont .jsfd-ul-dzswhy li::before {
    border-left: 7px solid #8D09E9;
}
.sxjy-cont .jsfd-ul-cmgghy li::before {
    border-left: 7px solid #FFB506;
}
.sxjy-cont .jsfd-ul-swzyhy li::before {
    border-left: 7px solid #FF1706;
}
.sxjy-cont .jsfd-ul-rlzyhy li::before {
    border-left: 7px solid #21BD77;
}
.sxjy-cont .jsfd-ul-ygsxxm li::before {
    border-left: 7px solid #B50E0E;
}
.sxjy-cont .jsfd-ul-mgsxxm li::before {
    border-left: 7px solid #2538C1;
}
.sxjy-cont .jsfd-ul-hwjyxm li::before {
    border-left: 7px solid #04CCAD;;
}
.sxjy-cont .jsfd-ul-jrhy li:hover {
    color: #E1993B;
}
.sxjy-cont .jsfd-ul-sjfxhy li:hover {
    color: #1C8DE3;
}
.sxjy-cont .jsfd-ul-jsjhy li:hover {
    color: #095AE9;;
}
.sxjy-cont .jsfd-ul-dzswhy li:hover {
    color: #8D09E9;
}
.sxjy-cont .jsfd-ul-cmgghy li:hover {
    color: #FFB506;
}
.sxjy-cont .jsfd-ul-swzyhy li:hover {
    color: #FF1706;
}
.sxjy-cont .jsfd-ul-rlzyhy li:hover {
    color: #21BD77;
}
.sxjy-cont .jsfd-ul-ygsxxm li:hover {
    color: #B50E0E;
}
.sxjy-cont .jsfd-ul-mgsxxm li:hover {
    color: #2538C1;
}
.sxjy-cont .jsfd-ul-hwjyxm li:hover {
    color: #04CCAD;;
}
.sxjy-cont .jsfd-box {
    position: relative;
    box-sizing: border-box;
    padding-bottom: 30px;
}
.sxjy-cont .jsfd-box::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 16px;
    width: 1066px;
    height: 1px;
    background: #EDECEC;
}

/* 弹窗遮罩样式 */
.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.popup-overlay.show {
	opacity: 1;
}

/* 弹窗显示时禁止body滚动 */
body.popup-open {
	overflow: hidden;
}

.popup-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.8);
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	z-index: 10000;
	max-width: 90vw;
	max-height: 90vh;
	overflow: hidden;
	opacity: 0;
	transition: all 0.3s ease;
}

.popup-container.show {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.popup-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 30px;
	border-bottom: 1px solid #eee;
	background: #f8f9fa;
}

.popup-header h3 {
	margin: 0;
	font-size: 20px;
	color: #333;
	font-weight: 600;
}

.popup-close {
	font-size: 28px;
	color: #999;
	cursor: pointer;
	line-height: 1;
	transition: color 0.2s ease;
}

.popup-close:hover {
	color: #333;
}

.popup-body {
	padding: 30px;
	max-height: 50vh;
	overflow-y: auto;
}

.popup-image img {
	max-width: 100%;
	max-height: 45vh;
	object-fit: contain;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}