.header_banner {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.header_banner img {
    width: 100%;
    /* height: 688px; */
}

.news_warp {
    height: 530px;
    width: 100%;
}

.news_warp h3 {
    font-size: 36px;
    color: #001648;
    margin-top: 100px;
    margin-bottom: 50px;
    text-align: center;
}

.news_warp ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_warp .news_item {
    width: 270px;
    height: 360px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 23px 1px rgb(222 222 222 / 63%);
}

.news_title {
    font-size: 24px;
    color: #001648;
}

.line {
    width: 24px;
    height: 4px;
    background-color: #001648;
}

.news_text_warp {
    padding: 0px 15px;
    box-sizing: border-box;
    background-color: #Fff;
}

.news_text p {
    font-size: 14px;
}

.news_title {
    margin-top: 30px;
    margin-bottom: 20px;
}

.brain_warp {
    position: relative;
}

.brain_title {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50px;
}

.hqjl_title {
    font-size: 36px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.brain_info {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
}

.brain_warp img {
    width: 100%;
}

.brain_item {
    width: 200px;
    height: 160px;
    position: absolute;
    top: 223px;
    right: 264px;
    text-align: center;
}

.brain_item h4 {
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    margin: 22px 0 15px 0;
}

.brain_item p {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.plan h4 {
    width: 100%;
    text-align: center;
    font-size: 30px;
    margin: 40px 0;
    font-weight: 500;
    color: #001648;
}

.plan ul {
    width: 1500px;
    display: flex;
    margin: 0 auto 30px;
}

.plan ul li {
    margin-right: 30px;
    flex: 1;
    position: relative;
}

.plan .plan_title {
    position: absolute;
    top: 10px;
    left: 70px;
}

.plan .plan_title p:first-child {
    font-size: 22px;
    font-weight: bold;
    color: #000000;
}

.plan .plan_title p:last-child {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}

.mind {
    width: 100%;
    /* height: 835px; */

}

.mind h4 {
    width: 100%;
    text-align: center;
    margin: 50px 0;
    font-size: 36px;
    font-weight: 500;
    color: #001648;
}

.mind div {
    width: 1143px;
    height: 835px;
    margin: 0 auto;
}

.mind div img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.carousel {
    width: 100%;
    background: #F2F6FC;
    padding: 100px 0;
    box-sizing: border-box;
}


.carousel_title {
    width: 100%;
    text-align: center;

}

.carousel_title h4 {
    font-size: 36px;
    font-weight: 500;
    color: #001648;
}

.carousel_title p {
    font-size: 24px;
    font-weight: 400;
    color: #001648;
    margin: 20px 0 50px 0;
}

.carousel_img {
    background-color: #fff;
}

.carousel_img .img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #000;
    margin: 25px auto;
}

.carousel_bottom {
    width: 100%;
    text-align: center;
}

.username {
    font-size: 20px;
    font-weight: 500;
    color: #333333;
}

.address {
    display: inline-block;
    width: auto;
    height: 25px;
    line-height: 25px;
    background: rgba(171, 171, 171, 0.29);
    border-radius: 3px;
    font-size: 14px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #333333;
    padding: 0 5px;
    margin: 12px 0;
}

.text_info {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 2;
}


.casestudy {
    background: url("../imgs/text_bg.png") no-repeat;
    width: 100%;
    height: 832px;
    background-size: cover;
}

.casestudy h4 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    color: #001648;
    padding: 40px;
    box-sizing: border-box;
}


.casestudy .left {
    width: 580px;
}

.casestudy .right {
    width: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}

.casestudy .right img {
    width: 100%;
}

.casestudy .layout {
    display: flex;
}

.casestudy .left .left_top {
    border-left: 4px solid #325AA3;
}

.casestudy .left .left_top p {
    margin-left: 15px;
}

.left_top p:first-child {
    font-size: 18px;
    font-weight: 500;
    color: #ECA33A;
}

.left_top p:last-child {
    font-size: 24px;

    font-weight: 500;
    color: #001648;
    margin-top: 15px;
}

.left .text_jie {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.71);
    line-height: 1.5;
}

.left h5 {
    font-size: 21px;
    font-weight: 600;
    color: #333333;
    margin: 30px 0;
}

.left ul.icon_warp {
    display: flex;
}

.left ul.icon_warp span {
    font-size: 30px;
    display: inline-block;
    width: 40px;
    text-align: center;
    height: 90px;
    line-height: 90px;
}

.left ul.icon_warp .item_1 {
    width: 93px;
}

.left ul.icon_warp .item_1 img {
    width: 100%;
}

.left ul.icon_warp .item_1 p {
    margin-top: 10px;
    text-align: center;
}

.left ul.feature p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.71);
    margin-left: -5px;
}

.left ul.feature p span {
    color: #001648;
    font-size: 15px;
    font-weight: 600;
}

.swiper-pagination.swiper2 .swiper-pagination-bullet {
    border-radius: 0px;
    margin-top: 20px;
}

.casestudy .swiper-pagination.swiper2 span {
    width: 30px;
    height: 12px;
    background: rgba(0, 22, 72, 0.82);
    border-radius: 6px;
}

.casestudy .swiper-container.swiper2 .swiper-pagination-bullet-active {
    background-color: #0D308E;
}


/* 学马 生涯规划页 */

.xuema_wrapper_1 h4 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #001648;
    margin-bottom: 60px;
}

.xuema_container_1 {
    background: #F2F6FC;
    padding: 90px 0;
}

.xuema_1_layout {
    display: flex;
    padding: 0 12.5%;
}

.xuema_1_layout_left, .xuema_1_layout_right {
    flex: 1;
}

.xuema_1_layout_left img {
    width: 100%;
}

.xuema_1_layout_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0px 0 50px;
    box-sizing: border-box;
}

.xuema_1_layout_right h5 {
    font-size: 31px;

    font-weight: 500;
    color: #001648;
}

.xuema_1_layout_right p {
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FA8A1D;
    margin: 20px 0;
}

.xuema_1_layout_right ul li {
    margin-bottom: 15px;
}

.xuema_1_layout_right ul li i {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../imgs/xuema_layout_left_icon_1.png) no-repeat;
    background-size: cover;
    vertical-align: middle;
}

.xuema_1_layout_right ul li span {
    margin-left: 15px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #001648;
}


.xuema_wrapper_2 {
    width: 100%;
    margin-bottom: 80px;
    position: relative;
}

.xuema_wrapper_2 > img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.xuema_wrapper_2 .xuema_wrapper_2_item {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.xuema_wrapper_2 .xuema_wrapper_2_item > div {
    position: absolute;
    color: #FFffff;
    width: 140px;
    font-size: 24px;
    cursor: pointer;
}

.xuema_wrapper_2 .xuema_wrapper_2_item .left {
    left: 13%;
}

.xuema_wrapper_2 .xuema_wrapper_2_item .left_top {
    top: 20%;
}

.xuema_wrapper_2 .xuema_wrapper_2_item .left_bot {
    bottom: 10%;
}

.xuema_wrapper_2 .xuema_wrapper_2_item .right {
    right: 12%;
}

.xuema_wrapper_2 .xuema_wrapper_2_item .right_top {
    top: 20%;
}

.xuema_wrapper_2 .xuema_wrapper_2_item .right_bot {
    bottom: 17%;
}

.xuema_wrapper_2 .xuema_wrapper_2_item .left_top .title,
.xuema_wrapper_2 .xuema_wrapper_2_item .right_top .title,
.xuema_wrapper_2 .xuema_wrapper_2_item .left_bot .title {
    margin-bottom: 30px;
}

.xuema_wrapper_2 .xuema_wrapper_2_item > div .title > .title-text {
    width: max-content;
}

.xuema_wrapper_2 .xuema_wrapper_2_item > div .title > .title-text > span {
    display: block;
    height: 2px;
    width: calc(100% - 9px);
    margin-top: 2px;
    background: linear-gradient(270deg, rgba(238, 238, 238, 0) 0%, #FFFFFF 100%);
}

.xuema_wrapper_2 .xuema_wrapper_2_item > div .title-introduce {
    display: none;
    width: 140px;
    line-height: 1.5;
    font-size: 12px;
}

.xuema_wrapper_2 .xuema_wrapper_2_item > div .title:hover,
.xuema_wrapper_2 .xuema_wrapper_2_item > div .title-introduce {
    color: #5EF1F6;
}

.xuema_wrapper_2 .xuema_wrapper_2_item > div .title:hover > .title-text > span {
    background: linear-gradient(270deg, rgba(238, 238, 238, 0) 0%, #64FEFE 100%);
}

.xuema_shengya {
    position: absolute;
    top: 150px;
    left: 200px;
    width: 300px;
}

.xuema_shengya ul li {
    margin-bottom: 20px;
}

.xuema_shengya ul li div {
    display: inline-block;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    border-bottom: 2px solid;
    border-image: -webkit-linear-gradient(270deg, rgba(238, 238, 238, 0) 0%, #FFFFFF 100%) 30 30;
    border-image: -moz-linear-gradient(270deg, rgba(238, 238, 238, 0) 0%, #FFFFFF 100%) 30 30;
    border-image: linear-gradient(270deg, rgba(238, 238, 238, 0) 0%, #FFFFFF 100%) 30 30;

}

.xuema_shengya ul li p {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #5EF1F6;
}


.xuema-introduce3 {
    background: url("../img/bg-img/icon_diquan.png") center center no-repeat;
    height: 918px;
    color: #001648;
}

.xuema-introduce3 .title {
    font-size: 33px;
    text-align: center;
    font-weight: 600;
    padding-top: 80px;
}

.xuema-introduce3 .items {
    position: relative;
    width: 1040px;
    margin: 0 auto;
    border: 1px solid transparent;
    margin-top: 50px;
}

.xuema-introduce3 .items li {
    position: absolute;
    width: 170px;
    height: 70px;
    text-align: center;
}

.xuema-introduce3 .items li p {
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: bold;
}

.xuema-introduce3 .items li span {
    font-size: 14px;
    line-height: 18px;
}

.xuema-introduce3 .items .li1 {
    left: 50px;
    top: 140px;
}

.xuema-introduce3 .items .li2 {
    left: 60px;
    top: 414px;
}

.xuema-introduce3 .items .li3 {
    left: 425px;
    top: 630px;
}

.xuema-introduce3 .items .li4 {
    right: 40px;
    top: 140px;
}

.xuema-introduce3 .items .li5 {
    right: 40px;
    top: 414px;
}

.xuema-introduce3 .items .canvas {
    position: absolute;
    width: 590px;
    height: 586px;
    border: 1px solid transparent;
    left: 224px;
    top: -13px;
    z-index: 9;
}

.xuema-introduce3 .items .circle {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: absolute;
    background: #F5F9FC;
    z-index: 99;
}

.xuema-introduce3 .items .circle1 {
    left: 308px;
    top: 81px;
}

.xuema-introduce3 .items .circle2 {
    left: 254px;
    top: 355px;
}

.xuema-introduce3 .items .circle3 {
    left: 494.5px;
    top: 531px;
}

.xuema-introduce3 .items .circle4 {
    left: 699.5px;
    top: 81px;
}

.xuema-introduce3 .items .circle5 {
    left: 752.5px;
    top: 355.5px;
}

.xuema-introduce3 .items .women {
    display: block;
    margin: -13px auto;
    position: relative;
}

.xuema-introduce4 {
    padding: 0 12.5% 86px;
    display: flex;
    justify-content: space-between;
}

.xuema-introduce4 > div {
    height: 390px;
    background: #F2F6FC;
    border-radius: 17px;
    border: 2px solid #001648;
    box-sizing: border-box;
    padding: 0 17px;
    display: flex;
    flex-direction: column;
}

.xuema-introduce4 .left {
    width: 75%;
}

.xuema-introduce4 .right {
    width: 23%;
}

.xuema-introduce4 > div > .title {
    height: 87px;
    border-bottom: 1px solid #001648;
    font-size: 32px;
    font-weight: bolder;
    color: #001648;
    line-height: 87px;
    text-align: center;
}

.xuema-introduce4 .left .content,
.xuema-introduce4 .right .content {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xuema-introduce4 .left .content > div {
    width: 33.3%;
}

.xuema-introduce4 .left .content > div > img {
    width: 100%;
}


.xuema-introduce4 .right .content {
    height: calc(100% - 87px);
    justify-content: center;
}

.xuema-introduce4 .right .content > div {
    width: 100%;
}

.xuema-introduce4 .right .content > div > img {
    width: 100%;
}

.career-tabs {
    padding: 86px 12.5%;
}

.career-tabs .career-tabs-title {
    font-size: 36px;
    text-align: center;
    font-weight: bolder;
    color: #001648;
    margin-bottom: 56px;
}

.ui-tabs .ui-tabs-panel.career-tabs-item {
    margin-top: 52px;
    display: flex;
    justify-content: space-between;
}

.career-tabs-item > div {
    width: 30%;
    height: 500px;
    background: linear-gradient(180deg, #1461DB 0%, #001648 100%);
    color: #ffffff;
    text-align: center;
}

.career-tabs-item > div > .img {
    width: 54%;
    margin: 38px auto 0;
}

.career-tabs-item > div > .img > img {
    width: 100%;
}

.career-tabs-item > div > .title {
    margin-top: 62px;
    font-size: 26px;
    margin-bottom: 28px;
}

.career-tabs-item > div > .text {
    font-size: 18px;
    line-height: 2;
}

.career-swiper3 {
    background-image: url("../img/bg-img/career-swiper3-bgImg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.career-swiper3 > .title {
    padding: 70px 0;
    font-size: 36px;
    font-weight: 500;
    color: #001648;
    text-align: center;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide {
    display: flex;
    padding: 0 12.5% 100px;
    box-sizing: border-box;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .left {
    width: 30%;
    box-sizing: border-box;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .right {
    width: 70%;
    box-sizing: border-box;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .left > .title {
    font-size: 24px;
    font-weight: 500;
    color: #001648;
    display: flex;
    align-items: center;
    margin-bottom: 21px;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .left > .title .border-l {
    display: block;
    width: 3px;
    height: 24px;
    background: #001648;
    margin-right: 18px;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .left .case-content {
    font-size: 18px;
    font-weight: 400;
    color: #4A4A4B;
    line-height: 32px;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .left .case-content .case-content-item {
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .left .case-content .case-content-item .name {
    display: inline-block;
    width: max-content;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .left .case-content .case-content-item .case-content-item-tag {
    margin-bottom: 20px;
    margin-top: 5px;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .left .case-content .case-content-item .case-content-item-tag > span {
    padding: 0 8px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #ECA33A;
    font-size: 16px;
    font-weight: 500;
    color: #ECA33A;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .left .sm-title {
    font-size: 21px;
    font-weight: 500;
    color: #333333;
    line-height: 32px;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .left .introduce-text {
    font-size: 18px;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.71);
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .right > div {
    width: 50%;
    height: max-content;
    text-align: right;
}

.career-swiper3 > .swiper-wrapper > .swiper-slide .right > div > img {
    width: 90%;
}

@media screen and (max-width: 1650px) {
    .career-swiper3 > .swiper-wrapper > .swiper-slide{
        padding: 0 10% 100px;
    }
    .career-swiper3 > .swiper-wrapper > .swiper-slide .left > .title{
        font-size: 22px;
    }
    .career-swiper3 > .swiper-wrapper > .swiper-slide .left .case-content{
        font-size: 16px;
        line-height: 1.5;
    }
    .career-swiper3 > .swiper-wrapper > .swiper-slide .left .sm-title{
        font-size: 18px;
        line-height: 1.5;
    }
    .career-swiper3 > .swiper-wrapper > .swiper-slide .left .introduce-text{
        font-size: 16px;
    }
}
@media screen and (max-width: 1460px) {
    .xuema_1_layout {
        padding: 0 5%;
    }
    .xuema_wrapper_2 .xuema_wrapper_2_item > div {
        font-size: 20px;
    }
    .career-swiper3 > .swiper-wrapper > .swiper-slide{
        padding: 0 10% 50px;
    }
    .career-swiper3 > .swiper-wrapper > .swiper-slide .left > .title{
        font-size: 20px;
    }
    .career-swiper3 > .swiper-wrapper > .swiper-slide .left .case-content{
        font-size: 15px;
    }
    .career-swiper3 > .swiper-wrapper > .swiper-slide .left .sm-title{
        font-size: 16px;
    }
    .career-swiper3 > .swiper-wrapper > .swiper-slide .left .introduce-text{
        font-size: 15px;
    }
}

@media screen and (max-width: 1250px) {
    .xuema_wrapper_1 h4 {
        font-size: 28px;
    }

    .xuema_1_layout_right h5 {
        font-size: 22px;
    }

    .xuema_1_layout_right p {
        font-size: 20px;
    }

    .xuema_1_layout_right ul li span {
        font-size: 16px;
    }
}

@media screen and (max-width: 1100px) {
    .xuema_wrapper_1 h4 {
        font-size: 25px;
    }

    .xuema_1_layout {
        flex-direction: column-reverse;
        padding: 0 10%;
    }

    .xuema_1_layout_right {
        padding-left: 0;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item > div {
        font-size: 16px;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item .left {
        left: 8%;
    }
}

@media screen and (max-width: 767px) {
    .xuema_wrapper_2 .xuema_wrapper_2_item > div {
        font-size: 14px;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item .left_top .title,
    .xuema_wrapper_2 .xuema_wrapper_2_item .right_top .title,
    .xuema_wrapper_2 .xuema_wrapper_2_item .left_bot .title {
        margin-bottom: 14px;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item .right {
        right: 8%;
    }

}

@media screen and (max-width: 414px) {
    .xuema_container_1 {
        padding: 30px 0;
    }

    .xuema_wrapper_1 h4 {
        font-size: 18px;
        font-weight: bolder;
        margin-bottom: 20px;
    }

    .xuema_1_layout {
        padding: 0 14px;
    }

    .xuema_1_layout_right h5 {
        font-size: 16px;
        font-weight: bolder;
    }

    .xuema_1_layout_right p {
        font-size: 15px;
        margin: 15px 0;
    }

    .xuema_1_layout_right ul li i {
        width: 16px;
        height: 16px;
    }

    .xuema_1_layout_right ul li span {
        font-size: 14px;
    }

    .xuema_wrapper_2 {
        margin-bottom: 20px;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item > div {
        font-size: 12px;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item .left_top .title,
    .xuema_wrapper_2 .xuema_wrapper_2_item .right_top .title,
    .xuema_wrapper_2 .xuema_wrapper_2_item .left_bot .title {
        margin-bottom: 8px;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item .left {
        left: 5%;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item .left_top {
        top: 15%;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item .left_bot {
        bottom: 5%;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item .right {
        right: 5%;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item .right_top {
        top: 15%;
    }

    .xuema_wrapper_2 .xuema_wrapper_2_item .right_bot {
        bottom: 10%;
    }
}