body,
html {
    overflow-x: hidden;
}

body {
    background-color: #f9f9f9;
}

.banner {
    width: 100%;
    height: 3.56rem;
    position: relative;
    background-image: url(../images/guanyuwm/banner.png);
    background-size: cover;
    margin-top: 1.8rem;
}

.banner p {
    position: absolute;
    height: .67rem;
    left: 50%;
    transform: translate(-50%);
    top: .98rem;


    font-style: normal;
    font-weight: 300;
    font-size: .48rem;
    line-height: .67rem;
    color: #FFFFFF;
}

.banner p.p2 {
    width: 4rem;
    height: .41rem;
    top: 1.75rem;
    font-size: .3rem;
    letter-spacing: 0.17em;
}

.banner p.p3 {
    height: .41rem;
    top: 2.2rem;
    font-size: .3rem;
    letter-spacing: 0.17em;
}

.tab {
    display: flex;
    justify-content: space-between;
    width: 5.3rem;
    height: .5rem;
    margin: .8rem 0 .24rem .32rem;
}

.tab .tab_item {
    width: 1.74rem;
    height: .5rem;

    font-style: normal;
    font-weight: 400;
    font-size: .36rem;
    line-height: .5rem;
    color: #666666;
}


.tab .current {
    color: #C20813;
    font-weight: 600;
}

.tab_con {
    width: 6.86rem;
    margin: 0 auto;
    background: #FFFFFF;
}

.tab_con .item {
    display: none;
    width: 100%;
    margin: 0 auto;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.tab_con .item01 {
    /* height: 26rem; */
    background-color: #f9f9f9;
}

.tab_con .item01_box {
    width: 100%;
    /* height: 18.5rem; */
    background: #FFFFFF;
    overflow: hidden;
}

.tab_con .item02 {
    height: 24rem;
    background-color: #f9f9f9;

}

.tab_con .item02_box {
    width: 100%;
    height: 23.4rem;
    background: #FFFFFF;
    overflow: hidden;
}

.tab_con .item03 {
    height: 21rem;
    background-color: #f9f9f9;

}

.tab_con .item03_box {
    width: 100%;
    /* height: 13rem; */
    background: #FFFFFF;
    overflow: hidden;
}


.tab_con .text01 {
    /* width: 2.2rem; */
    height: .5rem;
    margin: .4rem 0 .05rem .29rem;

    font-style: normal;
    font-weight: 600;
    font-size: .36rem;
    line-height: .5rem;
    text-transform: uppercase;
    color: #333333;
}

.tab_con .text02 {
    width: 6rem;
    margin-left: .29rem;
    margin-bottom: .2rem;
    height: .42rem;

    font-style: normal;
    font-weight: 400;
    font-size: .3rem;
    line-height: .42rem;
    text-transform: uppercase;
    color: #333333;
}

.tab_con .text03 {
    width: 6.3rem;
    margin: 0 auto;

    font-style: normal;
    font-weight: 400;
    font-size: .3rem;
    text-transform: uppercase;
    color: #666666;
    line-height: .42rem;
}

.tab_con .text04,
.tab_con .text06 {
    margin: .4rem auto;
}

.tab_con .text07 {
    width: 6.29rem;
    height: 2.5rem;
    margin: .2rem auto;
}

.tab_con .text07 img {
    width: 6.29rem;
    height: 2.5rem;
    image-rendering: pixelated;
}


.tab_con .dot {
    width: .11rem;
    height: .11rem;
    border-radius: 50%;
    background: #333333;
    position: absolute;
    top: .68rem;
    left: .24rem;
    z-index: 99;
}

.tab_con .year {
    position: absolute;
    top: .4rem;
    left: .47rem;
    width: 1.07rem;
    height: .67rem;

    font-style: normal;
    font-weight: 600;
    font-size: .48rem;
    line-height: .67rem;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
}

.tab_con .shuxian {
    position: absolute;
    width: .01rem;
    height: 20.9rem;
    left: .29rem;
    top: .83rem;
    background-color: #E2E2E2;
}

.tab_con .text {
    width: 6.4rem;
    height: .42rem;
    position: absolute;
    top: 1.11rem;
    left: .44rem;

    font-style: normal;
    font-weight: 400;
    font-size: .3rem;
    line-height: .42rem;
    text-transform: uppercase;
    color: #333333;
}

.tab_con .text span {
    color: #333333;
    font-weight: 600;
}

.tab_con .text1 {
    top: 5.9rem;
}

.tab_con .text2 {
    top: 6.5rem;
}

.tab_con .text3 {
    top: 7.1rem;
    height: .84rem;
}

.tab_con .dot02 {
    top: 5.35rem;
}

.tab_con .year01 {
    top: 5.1rem;
}

.tab_con .year02 {
    top: 8.4rem;
}

.tab_con .text4 {
    top: 9.2rem;
}

.tab_con .text5 {
    top: 9.8rem;
    height: .84rem;
}


.tab_con .shuxian02 {
    height: 2.51rem;
    top: 4.14rem;
}

.tab_con .dot03 {
    top: 8.7rem;
}

.tab_con .year03 {
    top: 11.3rem;
}

.tab_con .shuxian03 {
    height: 3.54rem;
    top: 6.85rem;
}

.tab_con .text6 {
    top: 12.1rem;
    height: .84rem;
}

.tab_con .text7 {
    top: 13.2rem;
}

.tab_con .text8 {
    top: 13.8rem;
    height: .84rem;
}

.tab_con .year04 {
    top: 15.13rem;
}

.tab_con .shuxian04 {
    height: 1.5rem;
    top: 10.6rem;
}

.tab_con .dot04 {
    top: 11.55rem;
}

.tab_con .text9 {
    top: 15.9rem;
}

.tab_con .year05 {
    top: 16.84rem;
}

.tab_con .shuxian05 {
    height: 2.1rem;
    top: 12.27rem;
}

.tab_con .dot05 {
    top: 15.4rem;
}

.tab_con .text10 {
    top: 17.65rem;
}

.tab_con .text11 {
    top: 18.25rem;
}

.tab_con .year06 {
    top: 19.13rem;
}

.tab_con .shuxian06 {
    height: 2.1rem;
    top: 14.6rem;
}

.tab_con .dot06 {
    top: 17.1rem;
}

.tab_con .text12 {
    top: 19.9rem;
}

.tab_con .text13 {
    top: 20.5rem;
}


.tab_con .year07 {
    top: 21.42rem;
}



.tab_con .dot07 {
    top: 19.4rem;
}

.tab_con .dot08 {
    top: 21.7rem;
}

.tab_con .text14 {
    top: 22.2rem;
}

.tab_con .text15 {
    top: 1.2rem;
}

.tab_con .text16 {
    top: 2.7rem;
}

.tab_con .text17 {
    top: 3.8rem;
}

.tab_con .item03_text {
    width: 6.26rem;
    /* height: 2.94rem; */
    margin: .4rem auto 0;

    font-style: normal;
    font-weight: 400;
    font-size: .3rem;
    line-height: .42rem;
    text-transform: uppercase;

    color: #666666;
}

.tab_con .item03_content {
    width: 6.28rem;
    height: 2.06rem;
    margin: .2rem auto;
    background: #FFFFFF;
    border: .02rem solid #F0F0F0;
    box-shadow: 0 0 .36rem #F0F0F0;
    position: relative;
}

.tab_con .item03_content .icon {
    position: absolute;
    top: .3rem;
    left: .3rem;
    width: .35rem;
    height: .35rem;
    background-image: url(../images/guanyuwm/icon.svg);
    background-size: cover;
}

.tab_con .item03_content .title {
    height: .34rem;
    position: absolute;
    top: .3rem;

    left: .74rem;

    font-style: normal;
    font-weight: 600;
    font-size: .24rem;
    line-height: .34rem;
    color: #333333;
}

.tab_con .item03_content .teacher {
    width: 2rem;
    height: .47rem;
    position: absolute;
    top: .7rem;
    left: .73rem;
    background: linear-gradient(90deg, rgba(38, 209, 106, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: .04rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

    font-style: normal;
    font-weight: 600;
    font-size: .24rem;
    color: #2DBD67;

}


.tab_con .item03_content .shuxain {
    position: absolute;
    top: .82rem;
    left: 2.89rem;
    width: .01rem;
    height: .24rem;
    background: #E8E8E8;
}

.tab_con .item03_content .tel {
    position: absolute;
    top: 0.82rem;
    left: 3.21rem;
    /* width: 2.3rem; */
    height: .31rem;

    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    color: #666666 !important;
}

.tab_con .item03_content .email {
    position: absolute;
    /* width: 4.5rem; */
    height: .34rem;
    left: .92rem;
    top: 1.31rem;

    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    line-height: .34rem;
    color: #666666;
}


.tab_con .item03 .item03_title {
    width: 4.5rem;
    height: 0.5rem;
    margin: .8rem 0 .24rem .32rem;
    background-image: url(../images/guanyuwm/title.svg);
    background-size: cover;
}

.tab_con .item03 .item03_img {
    width: 6.88rem;
    height: 2.6rem;
    margin-bottom: .32rem;
    display: flex;
    justify-content: space-between;
}

.tab_con .item03 .item03_img .img_con {
    width: 2.18rem;
    height: 2.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.tab_con .item03 .item03_img .img_con img,
.tab_con .item03 .item03_img02 img {
    width: 2.18rem;
    height: 2.18rem;
}

.tab_con .item03 .item03_img .img_con p,
.tab_con .item03 .item03_img02 p {
    height: .28rem;

    font-style: normal;
    font-weight: 400;
    font-size: .2rem;
    line-height: .28rem;
    color: #000000;
}

.tab_con .item03 .item03_img02 {
    width: 2.48rem;
    height: 2.6rem;
    margin-bottom: .32rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.tab_con .item_swiper {
    width: 6.86rem;
    height: 6.2rem;
    margin: 0.8rem auto;
}

.tab_con .item_swiper .swiper-slide {
    width: 6.86rem;
    height: 6.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.tab_con .item_swiper .swiper-slide img {
    width: 6.86rem;
    height: 5.61rem;
}

.tab_con .item_swiper .swiper-slide p {
    height: .39rem;

    font-style: normal;
    font-weight: 600;
    font-size: .28rem;
    color: #333333;
}


.pagination_bg {
    position: relative;
    width: 100%;
    height: .1rem;
}


.pagination_bg .item_swiper-pagination {
    position: absolute;
    width: 1.55rem;
    height: 0.74rem;
    left: 6rem !important;
    top: -2.5rem;
    z-index: 99999999;
}

.tab_con .pagination_bg .item_swiper-pagination span {
    font-style: italic;
    font-weight: 400;
    font-size: .3rem;
    text-transform: uppercase;
    color: #FFFFFF;
}

.tab_con .pagination_bg .item_swiper-pagination span#math {
    position: absolute;
    top: 0.61rem;
    left: 0.38rem !important;

}

.pagination_bg .xiexian {
    position: absolute;
    width: 0.025rem;
    height: 0.25rem;
    left: 6.37rem !important;
    top: -1.87rem;
    background-color: #FFFFFF;
    transform: rotate(27deg);
    z-index: 999999;
}


/* 测试 */