:root .home-layout.en-us .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8] {
    width: 230px
}

:root .home-layout.en-us .home-course-wrapper .home-course-container .home-course-text p[data-v-946633b8] {
    font-size: 12px
}

:root .home-layout.en-us .home-resources .home-resource-list .home-resource-item h4[data-v-946633b8] {
    align-items: baseline;
    display: flex
}

:root .home-layout.en-us .home-resources .home-resource-list .home-resource-item h4 span[data-v-946633b8] {
    flex: 1;
    margin-left: 10px
}

:root .home-layout.en-us .home-resources .home-resource-list .home-resource-item p[data-v-946633b8] {
    word-break: break-all
}

:root .home-layout.en-us .home-wrapper .home-introduction .home-intro-text[data-v-946633b8] {
    padding: 40px 120px 40px 40px
}

@media screen and (max-width: 1300px) {
    :root .home-layout.en-us .home-resources .home-resource-list[data-v-946633b8] {
        flex-wrap:wrap
    }

    :root .home-layout.en-us .home-resources .home-resource-list .home-resource-item[data-v-946633b8] {
        flex: unset;
        margin-bottom: 16px;
        margin-right: 0;
        width: 50%
    }
}

@media screen and (max-width: 980px) {
    :root .home-layout.en-us .home-wrapper .home-introduction .home-intro-text[data-v-946633b8] {
        padding:16px
    }

    :root .home-layout.en-us .home-resources[data-v-946633b8] {
        height: 630px
    }

    :root .home-layout.en-us .home-resources .home-resource-list .home-resource-item[data-v-946633b8] {
        width: 100%
    }

    :root .home-layout.en-us .home-resources .home-resource-list .home-resource-item h4[data-v-946633b8] {
        font-size: 20px
    }

    :root .home-layout.en-us .home-resources .home-resource-list .home-resource-item p[data-v-946633b8] {
        line-height: 28px
    }
}

.home-wrapper[data-v-946633b8] {
    overflow: hidden
}

.home-wrapper .home-header[data-v-946633b8] {
    background-size: cover;
    position: relative
}

.home-wrapper .home-header .home-banner[data-v-946633b8] {
    height: 100%
}

.home-wrapper .home-header .home-banner .home-swiper[data-v-946633b8] {
    height: 100%;
    overflow: hidden
}

.home-wrapper .home-header .home-banner .home-swiper .home-banner-inner[data-v-946633b8] {
    bottom: 0;
    height: 100%;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    width: var(--web-max-width);
    z-index: 20
}

.home-wrapper .home-header .home-banner .home-swiper .home-banner-inner button[data-v-946633b8] {
    background: #ffd500;
    border: none;
    border-radius: 4px;
    bottom: 221px;
    color: #333;
    font-size: 20px;
    height: 58px;
    left: 0;
    line-height: 58px;
    padding: 0 60px;
    position: absolute;
    transition: background .2s ease;
    z-index: 20
}

.home-wrapper .home-header .home-banner .home-swiper .home-banner-inner button[data-v-946633b8]:hover {
    background: #fd3
}

.home-wrapper .home-header .home-banner .home-swiper .swiper-pagination[data-v-946633b8] {
    bottom: 20px;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    z-index: 20
}

.home-wrapper .home-header .home-banner .home-swiper .swiper-pagination[data-v-946633b8] span {
    background: hsla(0,0%,100%,.6);
    border-radius: 4px;
    display: block;
    height: 8px;
    transition: transform .2s ease,opacity .2s ease;
    width: 8px
}

.home-wrapper .home-header .home-banner .home-swiper .swiper-pagination[data-v-946633b8] span.swiper-pagination-bullet-active {
    background: #fff;
    width: 28px
}

.home-wrapper .home-header .home-banner .home-swiper .swiper-pagination[data-v-946633b8] span+span {
    margin-left: 8px
}

.home-wrapper .home-header .home-banner .home-swiper .home-wrapper[data-v-946633b8] {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 2000%
}

.home-wrapper .home-header .home-banner .home-swiper .home-wrapper .home-slide[data-v-946633b8] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 5%
}

.home-wrapper .home-header .home-banner .home-swiper .home-wrapper .home-slide .home-swiper-box[data-v-946633b8] {
    height: 668px;
    width: 100%
}

.home-wrapper .home-container .home-box[data-v-946633b8] {
    margin: 80px auto 0;
    width: var(--web-max-width)
}

.home-wrapper .home-container .home-box h3[data-v-946633b8] {
    color: #333;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px
}

.home-wrapper .home-container .home-box h3.white[data-v-946633b8] {
    color: #fff
}

.home-wrapper .home-container .home-box.home-course[data-v-946633b8] {
    margin: 80px 72px 0;
    width: auto
}

.home-wrapper .home-container .home-box.home-course h3[data-v-946633b8] {
    margin: 0 auto;
    width: var(--web-max-width)
}

.home-wrapper .home-introduction[data-v-946633b8] {
    min-height: 410px;
    position: relative
}

.home-wrapper .home-introduction.show .home-intro-text[data-v-946633b8] {
    opacity: 1;
    transform: translate(0)
}

.home-wrapper .home-introduction.show .home-intro-image[data-v-946633b8] {
    opacity: 1;
    transform: translateY(-50%)
}

.home-wrapper .home-introduction .home-intro-text[data-v-946633b8] {
    background: #ffd500;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    opacity: 0;
    padding: 115px 120px 115px 40px;
    transform: translate(-20%);
    transition: transform .8s ease,opacity .8s ease;
    width: 570px
}

.home-wrapper .home-introduction .home-intro-text[data-v-946633b8] h4 {
    color: #333;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px
}

.home-wrapper .home-introduction .home-intro-text[data-v-946633b8] p {
    font-size: 16px;
    line-height: 30px
}

.home-wrapper .home-introduction .home-intro-text[data-v-946633b8] p+p {
    margin-top: 16px
}

.home-wrapper .home-introduction .home-intro-image[data-v-946633b8] {
    height: 390px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(20%,20%);
    transition: transform .8s ease .2s,opacity .8s ease .2s;
    width: 710px
}

.home-wrapper .home-introduction .home-intro-image img[data-v-946633b8] {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.home-wrapper .home-course-wrapper[data-v-946633b8] {
    clip-path: inset(0 100% 0 0);
    transition: all 1.4s ease
}

.home-wrapper .home-course-wrapper.show[data-v-946633b8] {
    clip-path: inset(0 0 0 0)
}

.home-wrapper .home-course-wrapper.show .home-course-container .home-course-text[data-v-946633b8] {
    opacity: 1
}

.home-wrapper .home-course-wrapper .home-course-container[data-v-946633b8] {
    position: relative
}

.home-wrapper .home-course-wrapper .home-course-container img[data-v-946633b8] {
    display: block;
    height: auto;
    width: 100%
}

.home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8] {
    align-items: center;
    color: #333;
    display: flex;
    flex-direction: column;
    opacity: 0;
    position: absolute;
    text-align: center;
    transform: translate(-50%);
    transition: opacity .4s ease;
    width: 360px
}

.home-wrapper .home-course-wrapper .home-course-container .home-course-text h4[data-v-946633b8] {
    font-size: 24px;
    height: 30px;
    padding-bottom: 10px
}

.home-wrapper .home-course-wrapper .home-course-container .home-course-text>div[data-v-946633b8] {
    padding-bottom: 12px
}

.home-wrapper .home-course-wrapper .home-course-container .home-course-text>div[data-v-946633b8] p {
    font-size: 14px
}

.home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:first-of-type {
    bottom: 36%;
    height: 32%;
    left: 20%;
    transition-delay: .2s
}

.home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:nth-of-type(2) {
    height: 36%;
    left: 40%;
    top: 12.5%;
    transition-delay: .4s
}

.home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:nth-of-type(3) {
    height: 51%;
    left: 60%;
    top: -1%;
    transition-delay: .6s
}

.home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:nth-of-type(4) {
    height: 40%;
    left: 80%;
    top: .5%;
    transition-delay: .8s
}

.home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:before {
    background: #ffe666;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 15px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 15px
}

.home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:after {
    background: #ffe666;
    content: "";
    display: block;
    flex: 1;
    width: 2px
}

.home-wrapper .home-resources[data-v-946633b8] {
    background: #ccc;
    overflow: hidden;
    padding-bottom: 40px
}

.home-wrapper .home-resources.show .home-resource-list .home-resource-item[data-v-946633b8] {
    opacity: 1;
    transform: translate(0)
}

.home-wrapper .home-resources .home-resource-list[data-v-946633b8] {
    display: flex;
    flex-wrap: wrap
}

.home-wrapper .home-resources .home-resource-list .home-resource-item[data-v-946633b8] {
    flex: 1;
    margin-bottom: 40px;
    margin-right: 20px;
    min-width: calc(50% - 20px);
    opacity: 0;
    transform: translateY(50%);
    transition: opacity 1s ease,transform 1s ease
}

.home-wrapper .home-resources .home-resource-list .home-resource-item h4[data-v-946633b8] {
    color: #ffd500;
    font-size: 68px;
    margin-bottom: 12px
}

.home-wrapper .home-resources .home-resource-list .home-resource-item h4 span[data-v-946633b8] {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.home-wrapper .home-resources .home-resource-list .home-resource-item p[data-v-946633b8] {
    color: hsla(0,0%,100%,.7);
    font-size: 18px;
    line-height: 32px;
    padding-left: 4px
}

.home-wrapper .home-partner[data-v-946633b8] {
    margin-top: 80px
}

.home-wrapper .home-partner h3[data-v-946633b8] {
    color: #333;
    font-size: 36px;
    font-weight: 700;
    margin: 0 auto;
    width: var(--web-max-width)
}

.home-wrapper .home-partner h3.white[data-v-946633b8] {
    color: #fff
}

.home-wrapper .home-partner .home-partner-swiper[data-v-946633b8] {
    height: 404px;
    overflow: hidden;
    position: relative
}

.home-wrapper .home-partner .home-partner-swiper[data-v-946633b8]:before {
    background: linear-gradient(90deg,#fff,hsla(0,0%,100%,.001));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: 10
}

.home-wrapper .home-partner .home-partner-swiper[data-v-946633b8]:after {
    background: linear-gradient(90deg,hsla(0,0%,100%,.001),#fff);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    z-index: 10
}

.home-wrapper .home-partner .home-partner-swiper .home-partner-wrapper[data-v-946633b8] {
    align-items: center;
    display: flex;
    height: 100%;
    transform: translate(100px,10px)
}

.home-wrapper .home-partner .home-partner-swiper .home-partner-wrapper li[data-v-946633b8] {
    height: 100%;
    pointer-events: all;
    user-select: none
}

.home-wrapper .home-partner .home-partner-swiper .home-partner-wrapper li img[data-v-946633b8] {
    display: block;
    height: 100%;
    width: auto
}

.home-wrapper .home-honor[data-v-946633b8] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px
}

.home-wrapper .home-honor .home-honor-swiper[data-v-946633b8] {
    height: 412px;
    overflow: hidden;
    position: relative;
    width: 590px
}

.home-wrapper .home-honor .home-honor-swiper[data-v-946633b8]:after {
    background: linear-gradient(180deg,hsla(0,0%,100%,.001),#fff);
    bottom: 0;
    content: "";
    display: block;
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 20
}

.home-wrapper .home-honor .home-honor-swiper .home-honor-slide[data-v-946633b8] {
    display: flex;
    margin-bottom: 30px
}

.home-wrapper .home-honor .home-honor-swiper .home-honor-slide.swiper-slide-active[data-v-946633b8] p {
    color: #333;
    font-weight: 700
}

.home-wrapper .home-honor .home-honor-swiper .home-honor-slide[data-v-946633b8] p {
    color: #666;
    flex: 1;
    font-size: 18px;
    line-height: 24px;
    margin-right: 16px
}

.home-wrapper .home-honor .home-honor-swiper .home-honor-slide[data-v-946633b8] p:first-child {
    flex: unset;
    margin-right: 0;
    min-width: 90px
}

.home-wrapper .home-honor .home-honor-images[data-v-946633b8] {
    height: 380px;
    position: relative;
    width: 554px
}

.home-wrapper .home-honor .home-honor-images[data-v-946633b8]:before {
    border: 8px solid transparent;
    border-right: 16px solid #ffd500;
    content: "";
    display: block;
    left: -40px;
    position: absolute;
    top: 5px
}

.home-wrapper .home-honor .home-honor-images img[data-v-946633b8] {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.home-wrapper .home-honor .home-honor-images div[data-v-946633b8] {
    background: #ffd500;
    bottom: -40px;
    color: #333;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    height: 77px;
    justify-content: center;
    line-height: 23px;
    padding: 0 20px;
    position: absolute;
    right: 0;
    width: 110px
}

.home-wrapper .home-honor .home-honor-images div[data-v-946633b8]:after {
    background: #333;
    content: "";
    display: block;
    height: 4px;
    margin-top: 10px;
    width: 46px
}

@media screen and (max-width: 1300px) {
    .home-wrapper .home-header .home-banner .home-swiper .home-banner-inner button[data-v-946633b8] {
        bottom:160px;
        font-size: 18px;
        height: 56px;
        line-height: 56px;
        padding: 0 46px
    }

    .home-wrapper .home-header .home-banner .home-swiper .home-wrapper .home-slide .home-swiper-box[data-v-946633b8] {
        height: 580px
    }

    .home-wrapper .home-container .home-box[data-v-946633b8] {
        margin-top: 60px
    }

    .home-wrapper .home-container .home-box h3[data-v-946633b8] {
        font-size: 28px;
        margin-bottom: 30px
    }

    .home-wrapper .home-container .home-box.home-course[data-v-946633b8] {
        margin-top: 60px
    }

    .home-wrapper .home-introduction .home-intro-text[data-v-946633b8] {
        padding: 80px 167px 80px 40px
    }

    .home-wrapper .home-introduction .home-intro-image[data-v-946633b8] {
        height: 330px;
        width: 490px
    }

    .home-wrapper .home-resources .home-resource-list .home-resource-item h4[data-v-946633b8] {
        font-size: 26px
    }

    .home-wrapper .home-resources .home-resource-list .home-resource-item h4 span[data-v-946633b8] {
        font-size: 16px
    }

    .home-wrapper .home-resources .home-resource-list .home-resource-item p[data-v-946633b8] {
        font-size: 15px
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8] {
        width: 200px
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:first-of-type {
        bottom: 35.5%;
        height: 35%
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:nth-of-type(2) {
        height: 46%;
        top: 3.5%
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:nth-of-type(3) {
        height: 49%;
        top: 1.5%
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:nth-of-type(4) {
        height: 40%;
        top: 1.5%
    }

    .home-wrapper .home-honor .home-honor-swiper .home-honor-slide[data-v-946633b8] {
        margin-bottom: 20px
    }

    .home-wrapper .home-honor .home-honor-swiper .home-honor-slide p[data-v-946633b8] {
        font-size: 16px;
        margin-right: 40px
    }

    .home-wrapper .home-partner h3[data-v-946633b8] {
        font-size: 28px
    }
}

@media screen and (max-width: 980px) {
    .home-wrapper .home-header .home-banner .home-swiper .home-banner-inner button[data-v-946633b8] {
        bottom:16%;
        font-size: 14px;
        height: 36px;
        left: 20px;
        line-height: 36px;
        padding: 0 22px
    }

    .home-wrapper .home-header .home-banner .home-swiper .home-wrapper .home-slide .home-swiper-box[data-v-946633b8] {
        height: 220px
    }

    .home-wrapper .home-container .home-box[data-v-946633b8] {
        margin-top: 40px
    }

    .home-wrapper .home-container .home-box h3[data-v-946633b8] {
        font-size: 22px;
        margin-bottom: 20px;
        padding: 0 20px
    }

    .home-wrapper .home-container .home-box.home-course[data-v-946633b8] {
        margin: 40px 0 0
    }

    .home-wrapper .home-introduction[data-v-946633b8] {
        background: #ffd500;
        margin: 0 20px;
        min-height: auto;
        overflow: hidden
    }

    .home-wrapper .home-introduction .home-intro-text[data-v-946633b8] {
        border-radius: 4px 4px 0 0;
        padding: 16px;
        width: auto
    }

    .home-wrapper .home-introduction .home-intro-text p[data-v-946633b8] {
        line-height: 22px
    }

    .home-wrapper .home-introduction .home-intro-text p+p[data-v-946633b8] {
        margin-top: 10px
    }

    .home-wrapper .home-introduction .home-intro-text h4[data-v-946633b8] {
        font-size: 18px;
        margin-bottom: 10px
    }

    .home-wrapper .home-introduction.show .home-intro-image[data-v-946633b8] {
        transform: translate(0)
    }

    .home-wrapper .home-introduction .home-intro-image[data-v-946633b8] {
        height: 160px;
        margin: 0 16px 16px;
        position: static;
        top: unset;
        width: calc(100% - 32px)
    }

    .home-wrapper .home-resources[data-v-946633b8] {
        height: auto;
        padding-bottom: 15px
    }

    .home-wrapper .home-resources .home-resource-list[data-v-946633b8] {
        flex-wrap: wrap;
        padding: 0 16px
    }

    .home-wrapper .home-resources .home-resource-list .home-resource-item[data-v-946633b8] {
        flex: unset;
        margin: 0 0 15px;
        width: 50%
    }

    .home-wrapper .home-resources .home-resource-list .home-resource-item h4[data-v-946633b8] {
        font-size: 24px;
        text-align: left
    }

    .home-wrapper .home-resources .home-resource-list .home-resource-item h4 span[data-v-946633b8] {
        font-size: 14px
    }

    .home-wrapper .home-resources .home-resource-list .home-resource-item p[data-v-946633b8] {
        font-size: 12px;
        padding-left: 2px;
        text-align: left
    }

    .home-wrapper .home-partner[data-v-946633b8] {
        margin-top: 40px
    }

    .home-wrapper .home-partner h3[data-v-946633b8] {
        font-size: 22px;
        padding: 0 20px
    }

    .home-wrapper .home-partner .home-partner-swiper[data-v-946633b8] {
        height: 300px
    }

    .home-wrapper .home-honor[data-v-946633b8] {
        flex-direction: column;
        margin-bottom: 20px
    }

    .home-wrapper .home-honor .home-honor-images[data-v-946633b8] {
        height: 280px;
        width: 100%
    }

    .home-wrapper .home-honor .home-honor-images div[data-v-946633b8] {
        display: none
    }

    .home-wrapper .home-honor .home-honor-swiper[data-v-946633b8] {
        height: 240px;
        margin: 10px 16px 0;
        width: calc(100% - 32px)
    }

    .home-wrapper .home-honor .home-honor-swiper .home-honor-slide[data-v-946633b8] {
        margin-bottom: 0;
        margin-top: 10px
    }

    .home-wrapper .home-honor .home-honor-swiper .home-honor-slide[data-v-946633b8] p {
        font-size: 14px;
        line-height: 22px
    }

    .home-wrapper .home-course-wrapper[data-v-946633b8] {
        margin-top: 16px;
        overflow: hidden;
        width: 100%
    }

    .home-wrapper .home-course-wrapper .home-course-container[data-v-946633b8] {
        min-width: 900px
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8] {
        align-items: center;
        color: #333;
        display: flex;
        flex-direction: column;
        position: absolute;
        text-align: center;
        transform: translate(-50%);
        width: 180px!important
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text h4[data-v-946633b8] {
        font-size: 14px;
        height: 18px;
        padding-bottom: 0
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text>div[data-v-946633b8] p {
        font-size: 12px;
        margin-top: 0
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:first-of-type {
        bottom: 37%;
        height: 35%;
        left: 15%
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:nth-of-type(2) {
        height: 46%;
        left: 35%;
        top: 9%
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:nth-of-type(3) {
        height: 48%;
        left: 55%;
        top: 0
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:nth-of-type(4) {
        height: 42%;
        left: 80%;
        top: 0
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:before {
        background: #ffe666;
        border-radius: 50%;
        bottom: 0;
        content: "";
        display: block;
        height: 15px;
        left: 50%;
        position: absolute;
        transform: translate(-50%);
        width: 15px
    }

    .home-wrapper .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8]:after {
        background: #ffe666;
        content: "";
        display: block;
        flex: 1;
        width: 2px
    }
}

@media screen and (max-width: 1230px) {
    .home-course-wrapper .home-course-container .home-course-text[data-v-946633b8] {
        width:170px!important
    }
}