.aboutus {
    width: 100%;
    background: #F8FBFF;
}

.aboutus .aboutusBanner {
    position: relative;
    width: 100%;
}

.aboutus .aboutusBanner img {
    display: block;
    width: 100%;
    height: auto;
}

.aboutus .aboutusBanner .bannerTex {
    position: absolute;
    top: 0.83rem;
    left: 50%;
    transform: translateX(-50%);
    width: 7.69rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.4rem;
    color: #FFFFFF;
    line-height: 0.7rem;
    text-align: center;
}

.aboutus .aboutusCon {
    width: 100%;
    background: #F8FBFF;
}

.aboutus .aboutusCon .topCard {
    position: relative;
    z-index: 2;
    display: flex;
    width: 14rem;
    margin: -0.87rem auto 1.38rem;
    /* height: 536px; */
    /* padding: 0.66rem 0 0.51rem; */
    padding-left: 0.66rem;
    padding-right: 0.51rem;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0 0.05rem 0.2rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.1rem;
}

.topCard .topCardTex {
    width: 6.69rem;
    padding-top: 0.75rem;
    font-family: Inter, Inter;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.5rem;
}

.topCard img {
    padding-top: 0.11rem;
    display: block;
    width: 5.28rem;
    height: auto;
}

.aboutus .aboutusTit {
    font-family: Inter, Inter;
    font-weight: bold;
    font-size: 0.5rem;
    color: #000000;
    line-height: 0.59rem;
    text-align: center;
}

.course .courseSwiper {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1.09rem;
    margin-top: 1.18rem;
}

.course .courseSwiper .swiperCon {
    width: 14.2rem;
    /* padding-bottom: 0.3rem; */
    /* padding: 0 0.3rem 0.3rem; */
    box-sizing: border-box;
    margin: 0 auto;
}

.swiperCon .couSwiper {
    padding: 0 0.1rem 0.1rem;
}

/* .swiperCon .swiper-slide {
    width: 2.6rem;
    margin-right: 0.53rem;
} */

.swiperCon .swiperItem {
    display: block;
}

.swiperCon .swiperItem:hover .swiperTit {
    font-weight: bold;
    color: #007AFF;
}

.swiperCon .swiperItem:hover .swiperCard {
    background: #007AFF;
    color: #FFFFFF;
}

.swiperCon .swiperItem .swiperTit {
    font-family: Inter, Inter;
    font-weight: 400;
    font-size: 0.5rem;
    color: #333333;
    line-height: 0.59rem;
    text-align: center;
    transition: all 0.3s;
}

.swiperCon .swiperItem .swiperBig {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.36rem;
    height: 0.36rem;
    background: #DFEAFF;
    border-radius: 50%;
    margin: 0.34rem auto;
}

.swiperBig .swiperSmall {
    width: 0.16rem;
    height: 0.16rem;
    background: #007AFF;
    border-radius: 50%;
}

.swiperCon .swiperItem .swiperCard {
    /* width: 2.6rem; */
    height: 2.32rem;
    padding: 0.38rem 0.55rem 0;
    background: #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0 0.05rem 0.2rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.1rem;
    transition: all 0.3s;
    font-family: Inter, Inter;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.4rem;
}

.course .courseSwiper .swiperBor {
    position: absolute;
    top: 1.1rem;
    width: 100%;
    border-top: 0.02rem solid #DFEAFF;
}

.course .courseSwiper .swiper-button-next,
.course .courseSwiper .swiper-button-prev {
    top: 1.1rem !important;
}

.course .courseSwiper .swiper-button-prev {
    left: 1.9rem !important;
}

.course .courseSwiper .swiper-button-next {
    right: 1.36rem !important;
}

.course .courseSwiper .swiper-button-next::after,
.course .courseSwiper .swiper-button-prev::after {
    font-size: 0.34rem !important;
}

.botCard {
    width: 100%;
    padding-bottom: 1.32rem;
}

.botCard .cardList {
    display: flex;
    justify-content: space-between;
    width: 14rem;
    margin: 1.09rem auto 0;
}

.botCard .cardList .cardItem {
    display: block;
    width: 4.45rem;
    height: 4.38rem;
    background: linear-gradient(180deg, #B8CEFF 0%, #FFFFFF 100%);
    border-radius: 0.3rem;
    border: 0.01rem solid #FFFFFF;
    padding-top: 0.59rem;
    padding-left: 0.77rem;
    padding-right: 0.76rem;
    box-sizing: border-box;
    transition: all 0.3s;
}

.botCard .cardList .cardItem:hover {
    transform: translateY(-0.2rem);
}

.cardItem img {
    display: block;
    width: 1.38rem;
    height: auto;
    margin: 0 auto 0.35rem;
}

.cardItem .cardItemTit {
    margin-bottom: 0.1rem;
    font-family: Inter, Inter;
    font-weight: bold;
    font-size: 0.4rem;
    color: #333333;
    line-height: 0.47rem;
    text-align: center;
}

.cardItem .cardItemTex {
    font-family: Inter, Inter;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.4rem;
    text-align: center;
}