body {
    background: #f9f9f9;
}

.banner {
    width: 100%;
    height: 6rem;
    position: relative;
    margin-top: 1.8rem;
}

.banner .banner_swiper {
    width: 100%;
    height: 6rem;
}

.banner .banner_swiper .swiper-slide {
    width: 100%;
    height: 6rem;
    position: relative;
    background-image: url(../images/yuanxiao/banner.png);
    background-size: cover;
}

.banner .banner_swiper .swiper-slide .text {
    position: absolute;
    width: 6.69rem;
    height: 4.24rem;
    left: .48rem;
    top: .61rem;
    background-image: url(../images/yuanxiao/banner_text.png);
    background-size: cover;
}

.banner .banner_swiper .swiper-slide .text02 {
    position: absolute;
    width: 5.76rem;
    height: 2.12rem;
    left: .8rem;
    top: 1.01rem;
    background-image: url(../images/yuanxiao/banner_text02.png);
    background-size: cover;
}


.banner .banner_swiper-pagination {
    width: 2rem !important;
    height: 0.06rem !important;
    position: absolute;
    bottom: 1.8rem !important;
    left: 50% !important;
    transform: translate(-50%);
    z-index: 99999999999;
}

.banner .banner_swiper-pagination span {
    width: .32rem;
    height: .06rem;
    background: #FFFFFF;
    border-radius: 0.16rem;
    opacity: .2;
    z-index: 999999;
}

.banner .banner_swiper-pagination span.swiper-pagination-bullet-active {
    background: #FFFFFF;
    opacity: 1;
}


.banner .teacher_student {
    position: absolute;
    width: 100%;
    height: .77rem;
    bottom: 0;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(.1rem);
    z-index: 99;
}

.banner .shuxian {
    width: .01rem;
    height: .24rem;
    z-index: 99;
    opacity: .3;
    background: #E8E8E8;
    position: absolute;
    bottom: .26rem;
    left: 50%;
    transform: translate(-50%);
}

.banner .tea_icon,
.banner .student_icon {
    width: .4rem;
    height: .4rem;
    position: absolute;
    bottom: .18rem;
    left: 1.02rem;
    background-image: url(../images/yuanxiao/teacher.svg);
    background-size: cover;
    z-index: 99;
}

.banner .student_icon {
    left: 4.71rem;
    background-image: url(../images/yuanxiao/student.svg);
}

.banner .student_text,
.banner .tea_text {
    width: 1.48rem;
    height: .45rem;
    position: absolute;
    bottom: .16rem;
    left: 1.55rem;
    font-style: normal;
    font-weight: 500;
    font-size: .32rem;
    line-height: .45rem;
    color: #FFFFFF;
    z-index: 99;
}

.banner .student_text {
    left: 5.29rem;
}


.banner a.laoshi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 0.77rem;
    z-index: 999;
    /* display: none; */
}

.banner a.xuesheng {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 0.77rem;
    z-index: 999;
}

.part1 {
    width: 100%;
    height: 10rem;
    overflow: hidden;
    position: relative;
}

.part1 .pt1_title {
    width: 7rem;
    height: 0.4rem;
    margin: .79rem 0 .04rem .36rem;
    background-image: url(../images/yuanxiao/pt1_title.svg);
    background-size: cover;
}

.part1 .pt1_text {
    width: 6.96rem;
    height: 1.02rem;
    margin: 0.2rem auto .24rem;
    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    line-height: .34rem;
    color: #333333;
}

.part1 .pt1_swiper {
    width: 6.86rem;
    height: 6.59rem;
    margin: .2rem auto;
}

.part1 .pt1_swiper .swiper-slide {
    width: 6.86rem;
    height: 6.59rem;
    position: relative;
}

.part1 .pt1_swiper .swiper-slide .img {
    width: 6.86rem;
    height: 3.29rem;
    position: absolute;
    top: 0;
    background-image: url(../images/yuanxiao/pt1_img-1.png);
    background-size: cover;
}

.part1 .pt1_swiper .swiper-slide:nth-of-type(2) .img {
    background-image: url(../images/yuanxiao/pt1_img-2.png);

}

.part1 .pt1_swiper .swiper-slide:nth-of-type(3) .img {
    background-image: url(../images/yuanxiao/pt1_img-3.png);

}

.part1 .pt1_swiper .swiper-slide:nth-of-type(4) .img {
    background-image: url(../images/yuanxiao/pt1_img-4.png);

}

.part1 .pt1_swiper .swiper-slide:nth-of-type(5) .img {
    background-image: url(../images/yuanxiao/pt1_img-5.png);

}

.part1 .pt1_swiper .swiper-slide .text_content {
    position: absolute;
    width: 6.86rem;
    height: 4.05rem;
    top: 2.54rem;
    background: #FFFFFF;
    border-radius: .24rem;
}

.part1 .pt1_swiper .swiper-slide .icon {
    position: absolute;
    top: 2.84rem;
    left: .24rem;
    width: .54rem;
    height: .54rem;
    background-image: url(../images/yuanxiao/pt1_icon01.svg);
    background-size: cover;
}

.part1 .pt1_swiper .swiper-slide:nth-of-type(2) .icon {
    background-image: url(../images/yuanxiao/pt1_icon02.svg);

}

.part1 .pt1_swiper .swiper-slide:nth-of-type(3) .icon {
    background-image: url(../images/yuanxiao/pt1_icon03.svg);

}

.part1 .pt1_swiper .swiper-slide:nth-of-type(4) .icon {
    background-image: url(../images/yuanxiao/pt1_icon04.svg);

}

.part1 .pt1_swiper .swiper-slide:nth-of-type(5) .icon {
    background-image: url(../images/yuanxiao/pt1_icon05.svg);

}

.part1 .pt1_swiper .swiper-slide .icon_text {
    position: absolute;
    top: 2.84rem;
    left: .94rem;
    width: .55rem;
    height: .55rem;
    background-image: url(../images/yuanxiao/pt1_text-1.svg);
    background-size: cover;
}

.part1 .pt1_swiper .swiper-slide:nth-of-type(2) .icon_text {
    background-image: url(../images/yuanxiao/pt1_text-2.svg);

}

.part1 .pt1_swiper .swiper-slide:nth-of-type(3) .icon_text {
    background-image: url(../images/yuanxiao/pt1_text-3.svg);

}

.part1 .pt1_swiper .swiper-slide:nth-of-type(4) .icon_text {
    background-image: url(../images/yuanxiao/pt1_text-4.svg);

}

.part1 .pt1_swiper .swiper-slide:nth-of-type(5) .icon_text {
    background-image: url(../images/yuanxiao/pt1_text-5.svg);

}


.part1 .pt1_swiper .swiper-slide .text {
    position: absolute;
    width: 6.38rem;
    height: 2.73rem;
    left: 50%;
    transform: translate(-50%);
    bottom: .32rem;
    font-style: normal;
    font-weight: 400;
    font-size: .28rem;
    line-height: .39rem;
    color: #333333;
}

.part1 .pt1_swiper-pagination {
    position: absolute;
    width: 1.55rem;
    height: 0.74rem;
    left: 5.6rem;
    top: 5.6rem;
    z-index: 99999999;
    display: flex;
}

.part1 .pt1_swiper-pagination span {
    font-style: italic;
    font-weight: 400;
    font-size: .4rem;
    text-transform: uppercase;
    color: #666666;
}

.part1 .pt1_swiper-pagination p {
    position: absolute;
    font-style: italic;
    font-weight: 300;
    font-size: .4rem;
    line-height: .74rem;
    color: #D8D8D8;
    top: -0.175rem;
    left: 0.5rem;
}

.part1 .pt1_swiper-pagination #math {
    font-size: .4rem;
    font-weight: 300;
    position: absolute;
    top: 0.001rem;
    left: 0.74rem;
    color: #D8D8D8;
}


.part1 .xiexian {
    position: absolute;
    width: 0.029rem;
    height: 0.35rem;
    top: 5.62rem;
    right: 1.4rem;
    background-color: #D8D8D8;
    transform: rotate(27deg);
    z-index: 99999;
}

.part2 {
    width: 100%;
    height: 7rem;
    overflow: hidden;
    position: relative;
}

.part2 .pt2_title {
    width: 6.3rem;
    height: 0.36rem;
    margin: 0 auto;
    background-image: url(../images/yuanxiao/pt2_title.svg);
    background-size: cover;
}

.part2 .pt2_title02 {
    width: 6rem;
    height: 0.94rem;
    position: absolute;
    top: .2rem;
    left: 50%;
    transform: translate(-50%);
    background-image: url(../images/yuanxiao/pt2_title02.svg);
    background-size: cover;
}

.part2 .pt2_title03 {
    position: absolute;
    width: 4.58rem;
    height: 0.67rem;
    left: 50%;
    transform: translate(-50%);
    top: 1.4rem;
    background-image: url(../images/yuanxiao/pt2_title03.svg);
    background-size: cover;
}

.part2 .pt2_swiper {
    width: 6.86rem;
    height: 3.32rem;
    margin: 2rem auto;
    background: #FFFFFF;
    box-shadow: 0 .05rem .37rem #F0F0F0;
}

.part2 .pt2_swiper .swiper-slide {
    width: 6.86rem;
    height: 3.32rem;
    position: relative;
}

.part2 .pt2_swiper-pagination {
    width: 2rem !important;
    height: 0.06rem !important;
    position: absolute;
    bottom: 1.8rem !important;
    left: 50% !important;
    transform: translate(-50%);
    z-index: 99;
}

.part2 .pt2_swiper-pagination span {
    width: 0.32rem;
    height: 0.06rem;
    background: #333333;
    border-radius: 0.16rem;
    opacity: .2;
    z-index: 999999;
}

.part2 .pt2_swiper-pagination span.swiper-pagination-bullet-active {
    background: #333333;
    opacity: 1;
}


.part2 .pt2_swiper .swiper-slide .icon {
    position: absolute;
    top: .4rem;
    left: .4rem;
    width: .45rem;
    height: .45rem;
    background-image: url(../images/yuanxiao/pt2_icon01.svg);
    background-size: cover;
}

.part2 .pt2_swiper .swiper-slide:nth-of-type(2) .icon {
    background-image: url(../images/yuanxiao/pt2_icon02.svg);

}

.part2 .pt2_swiper .swiper-slide:nth-of-type(3) .icon {
    background-image: url(../images/yuanxiao/pt2_icon03.svg);

}

.part2 .pt2_swiper .swiper-slide:nth-of-type(4) .icon {
    background-image: url(../images/yuanxiao/pt2_icon04.svg);

}

.part2 .pt2_swiper .swiper-slide .title {
    height: .28rem;
    position: absolute;
    top: 0.46rem;
    left: 0.99rem;
    font-style: normal;
    font-weight: 600;
    font-size: .3rem;
    line-height: .28rem;
    color: #333333;
}

.part2 .pt2_swiper .swiper-slide .text {
    width: 6.06rem;
    height: 1.17rem;
    position: absolute;
    top: .97rem;
    left: 50%;
    transform: translate(-50%);
    font-style: normal;
    font-weight: 400;
    font-size: .28rem;
    line-height: .39rem;
    color: #333333;
}


.part2 .pt2_swiper .swiper-slide .taps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 6.05rem;
    height: .46rem;
    position: absolute;
    top: 2.46rem;
    left: 50%;
    transform: translate(-50%);
}

.part2 .pt2_swiper .swiper-slide04 .taps {
    width: 6.6rem;
}

.part2 .pt2_swiper .swiper-slide .taps .tap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .46rem;
    width: 1.6rem;
    background: linear-gradient(90deg, #F7FAFF 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: .04rem;


    font-style: normal;
    font-weight: 400;
    font-size: .24rem;

    color: #347EFF;
}

.part2 .pt2_swiper .swiper-slide .taps .tap02 {
    width: 2.08rem;
}

.part2 .pt2_swiper .swiper-slide .taps .tap03 {
    width: 2.32rem;
}

.part2 .pt2_swiper .swiper-slide .taps .tap04,
.part2 .pt2_swiper .swiper-slide .taps .tap05,
.part2 .pt2_swiper .swiper-slide .taps .tap06 {
    width: 1.7rem;
    color: #19B6C5;
    background: linear-gradient(90deg, #F5FEFF 0%, rgba(255, 255, 255, 0) 100%);
}

.part2 .pt2_swiper .swiper-slide .taps .tap07,
.part2 .pt2_swiper .swiper-slide .taps .tap08,
.part2 .pt2_swiper .swiper-slide .taps .tap09,
.part2 .pt2_swiper .swiper-slide .taps .tap10 {
    width: 1.3rem;
    color: #8D66E0;
    background: linear-gradient(90deg, #FBF9FF 0%, rgba(255, 255, 255, 0) 100%);
}


.part2 .pt2_swiper .swiper-slide .taps .tap11,
.part2 .pt2_swiper .swiper-slide .taps .tap12,
.part2 .pt2_swiper .swiper-slide .taps .tap13 {
    width: 2.2rem;
    color: #EE9E00;
    font-size: .2rem;

    background: linear-gradient(90deg, #FFFBF3 0%, rgba(255, 255, 255, 0) 100%);
}

.part2 .pt2_swiper .swiper-slide .taps .tap13 {
    width: 2.6rem;
}


.part3 {
    width: 100%;
    /* height: 5rem; */
    overflow: hidden;
    position: relative;
}

.part3 .pt3_title {
    width: 3.4rem;
    height: 0.45rem;
    margin: 0 0 0.04rem 0.36rem;
    background-image: url(../images/yuanxiao/pt3_title.svg);
    background-size: cover;
}

.part3 .pt3_logo_wall {
    width: 6.9rem;
    height: 2.4rem;
    overflow: hidden;
    margin: 0.24rem auto 0;
    background: #FFFFFF;

}




.part3 .pt3_logo_wall li {
    float: left;
    width: 2.3rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
}

.part3 .pt3_logo_wall li img {
    width: 1.53rem;
    height: .4rem;
}

.part3 .pt3_logo_more {
    width: 6.9rem;
    background: #FFFFFF;
    height: 1rem;
    margin: 0 auto .8rem;
}







.part3 .pt3_logo_more .pt3_logo_more_text {
    height: .84rem;
    text-align: center;
    font-style: normal;
    font-weight: 300;
    font-size: .24rem;
    line-height: .99rem;
    color: #999999;
    position: relative;
}


.part3 .pt3_logo_more .pt3_logo_more_text .pt3_icon {
    position: absolute;
    width: .21rem;
    height: .21rem;
    top: 0.38rem;
    right: 2.15rem;
    background-image: url(../images/yuanxiao/pt3_Vector_bottom.svg);
    background-size: cover;
}




#modal-container .modal-background {
    background: rgba(0, 0, 0, 0.8) !important;
    z-index: 999999999;
}







.part4 {
    width: 100%;
    /* height: 5rem; */
    overflow: hidden;
    position: relative;
}

.part4 .pt4_title {
    width: 6.2rem;
    height: 0.5rem;
    margin: 0 0 0.04rem 0.36rem;
    background-image: url(../images/yuanxiao/pt4_title.svg);
    background-size: cover;
}

.part4 .pt4_logo_wall {
    width: 6.9rem;
    height: 3.4rem;
    overflow: hidden;
    margin: 0.24rem auto 0;
    background: #FFFFFF;

}




.part4 .pt4_logo_wall li {
    float: left;
    width: 2.3rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
}

.part4 .pt4_logo_wall li img {
    width: 1.34rem;
    height: .42rem;
}

.part4 .pt4_logo_more {
    width: 6.9rem;
    background: #FFFFFF;
    height: 1rem;
    margin: 0 auto .8rem;
    position: relative;
}

.part4 .pt4_logo_more .pt4_icon {
    position: absolute;
    width: .21rem;
    height: .21rem;
    top: 0.38rem;
    right: 1.8rem;
    background-image: url(../images/yuanxiao/pt3_Vector_bottom.svg);
    background-size: cover;
}

.part4 .pt4_logo_more .pt4_icon.on {
    right: 2.9rem;
    background-image: url(../images/yuanxiao/pt3_Vector_top.svg);

}


.part4 .pt4_logo_more .pt4_logo_more_text {
    height: .84rem;
    text-align: center;
    font-style: normal;
    font-weight: 300;
    font-size: .24rem;
    line-height: .99rem;
    color: #999999;
    position: relative;
}







.part5 {
    width: 100%;
    height: 4.36rem;
    background-image: url(../images/yuanxiao/pt5_bg.png);
    background-size: cover;
    overflow: hidden;
}

.part5 .pt5_title {
    width: 3.9rem;
    height: 0.45rem;
    margin: .64rem 0 0 0.36rem;
    background-image: url(../images/yuanxiao/pt5_title.svg);
    background-size: cover;
}

.part5 .diqu {
    width: 4.32rem;
    height: .82rem;
    margin: .48rem 0 .47rem .37rem;
    background-image: url(../images/yuanxiao/pt5_diqu.png);
    background-size: cover;
}

.part5 .diqu_phone {
    width: 3.18rem;
    height: .34rem;
    background-image: url(../images/yuanxiao/pt5_phone.png);
    background-size: cover;
    margin-left: .37rem;
    position: relative;
}

.part5 .diqu_phone .fuzhicehngg {
    position: absolute;
    width: 2.4rem;
    height: 0.55rem;
    background-color: #12121373;
    border-radius: 0.17rem;
    bottom: -0.7rem;
    left: 50%;
    transform: translate(20%);
    font-size: .25rem;
    text-align: center;
    line-height: .55rem;
    color: #FFFFFF;
    opacity: 0;
    transition: opacity .8s ease;

}


.part5 .diqu_phone .fuzhicehngg.show {
    opacity: 1;
    z-index: 9999;
    transition: opacity .8s ease;
}

.overflow {
    overflow: hidden;
}

.mark {
    position: fixed;
    width: 100%;
    height: 100vh;
    margin: auto;
    background: rgba(0, 0, 0, 0.7) !important;
    top: 0;
    display: flex;
    overflow: hidden;
    opacity: 0;
    z-index: -9;
    /* transition: opacity .6s ease; */
    justify-content: center;
    align-items: center;
}



.mark.show {
    opacity: 1;
    z-index: 9999999999999999;
    /* transition: opacity .6s ease; */
}

.mark .mark_box {
    width: 100%;
    height: 50vh;
    position: relative;
}

.mark .mark_box .yx_detailed {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7rem;
    height: 4rem;
    transform: translate(-50%, -50%);
    background-image: url(../images/yuanxiao/pt33_img001.png);
    background-size: cover;
}

.mark .mark_box .return {
    position: absolute;
    top: 0rem;
    right: 0.3rem;
    width: 0.4rem;
    height: 0.4rem;
    cursor: pointer;
    background: url(../images/zhengshu/tetrunarrow.png) top center no-repeat;
    background-size: contain;

}