@font-face {
    font-family: SourceHanSansSC-Medium;
    src: url('../fonts/SourceHanSansSC-Medium-2.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: SourceHanSansSC-Normal;
    src: url('../fonts/SourceHanSansSC-Normal-2.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

*{
    font-family: SourceHanSansSC-Normal,Avenir,Helvetica,Arial,sans-serif
}

html {
    font-size: 10px;
}


@media screen and (-webkit-min-device-pixel-ratio: 1.25), screen and (min-resolution: 120dpi) {
    html {
        font-size: 8px;
    }
}

.banner_logo{
    max-width: 192rem;
    margin-bottom: 1rem;
}

.banner_logo img{
    width: 192rem;
    height: 68.8rem;
}

.div-center-box{
    justify-content: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.div-center-box-bottom{
    justify-content: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.div-left-box{
    justify-content:left;
    background-color: #fff;
    display: flex;
    flex-direction: column;

}

.div-shadow-box{
    border: .0625rem solid transparent;
    box-shadow: 0 0 .625rem 0 rgba(0,0,0,.1);
}

.div-round-box{
    border-radius: .8rem;
}


button{
    line-height: 1.499;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: .1rem solid #d9d9d9;
    box-shadow: 0 0.125rem 0 rgba(0,0,0,.015);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    user-select: none;
    touch-action: manipulation;
    width: 16rem;
    height: 4.5rem;
    padding: 0.4rem;
    font-size: 1.875rem;
    border-radius: 2rem;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    margin-top: 3rem;
}

.div-center-box .div-left-box .ant-btn-round {
    height: 2rem;
    padding: 0 1rem;
    font-size: .875rem;
    border-radius: 2rem;
}

.div-center-box .div-left-box .ant-btn-round:hover {
    border-color: #4a85bd;
    color: #4a85bd;
}


.nav_div_list {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.nav_div_list .block {
    padding: 10px;
    width: 33.33%;
    height: auto;
    margin: 0;
}

.nav_div_list .block_col_4 {
    padding: 10px;
    width: 25%;
    height: 280px;
    margin: 0;
}

.nav_div_list .block_col_6 {
    padding: 10px;
    width: 16.67%;
    height: 100px;
    margin: 0;
}

.nav_div_list .block .btn_div {
    display: inline;
}

.btn_div button{
    margin-left: 10px;
    margin-right: 10px;
}


.big-box {
    width: 100%;
    background-color: #fff;
    overflow-x: hidden
}

.introduce-box {
    margin: 0 auto;
    max-width: 80%;
    padding: 0 5rem;
    min-width: 80rem;
    position: relative;
    z-index: 1
}

.introduce-banner-box,.introduce-box {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center
}

.introduce-banner-box {
    width: 100%;
    text-align: center;
    margin-top: 10.8125rem
}

.introduce-banner-box .introduce-word {
    font-size: 1.8rem;
    line-height: 1.5rem
}

.introduce-banner-box .book {
    width: 3.375rem;
    height: 3.0625rem;
    margin-bottom: 2.625rem
}

.introduce-banner-box img {
    width: 100%;
    height: auto
}

.introduce-title {
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 1.5rem;

}

.title-margin {
    margin-bottom: 4.125rem
}

.introduce-next-title {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.introduce-margin {
    margin-bottom: 3.75rem
}

.btn-margin {
    margin-bottom: 2.875rem
}

.introduce-word {
    font-size: 1.8rem;
    line-height: 2.5rem
}

.introduce-word span {
    font-size: 1.8rem;
    font-weight: 700
}

.introduce-circle-word>div {
    display: flex;
    margin-top: 1rem;
    align-items: center
}

.introduce-circle-word>div .small-circle {
    width: .3125rem;
    height: .3125rem;
    background: #5f6368;
    border-radius: 50%;
    margin-right: .8125rem
}

.introduce-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #fff;
    padding: 3.75rem 0;
    position: relative
}

.introduce-content .mr {
    margin-right: 8.625rem
}

.introduce-content img {
    width: 60rem
}

.introduce-content .ops {
    width: 19.4375rem;
    height: 26.5625rem
}

.introduce-content .ops-img {
    width: 37.875rem;
    height: 23.75rem
}

.introduce-content .teach-book-img {
    width: 33.1875rem;
    height: 23.9375rem
}

.introduce-content .star {
    width: 2.875rem;
    height: 3.625rem;
    position: absolute;
    right: 1.5rem;
    top: 0
}

.introduce-content .well-box {
    position: relative
}

.introduce-content .well-chosen {
    position: absolute;
    top: -2.0625rem;
    font-size: .875rem
}

.introduce-content-first {
    margin-top: 3.125rem
}

.introduce-grey {
    background-color: #f8f9fa;
    width: 100%;
    margin-top: 3.75rem;
    padding: 5.1875rem 10.5rem;
    padding-right: 6.5625rem;
    display: flex;
    justify-content: space-between
}

.introduce-ops {
    padding-left: 1.25rem;
    padding-right: 6.5625rem
}

.introduce-book {
    padding-left: 3.75rem;
    padding-right: 8.25rem
}

.introduce-bottom {
    width: 100%;
    background: #f9fbff;
    margin-top: 3.75rem;
    margin-bottom: 7.5rem
}

.introduce-bottom img {
    width: 4.25rem;
    height: 4.25rem
}

.introduce-bottom .introduce-bottom-box {
    max-width: 92.5rem;
    min-width: 80rem;
    margin: 0 auto;
    padding: 4.5rem 5rem
}

.introduce-bottom .introduce-bottom-box>div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.3125rem
}

.introduce-bottom .introduce-bottom-box>div>div {
    width: 20rem
}

.introduce-bottom .footer-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 1.75rem;
    margin-bottom: 1.3125rem
}

.introduce-next-bottom {
    width: 100%;
    background: #f9fbff;
    margin-bottom: 7.75rem
}

.introduce-next-bottom img {
    width: 4.25rem;
    height: 4.25rem
}

.introduce-next-bottom .introduce-next-bottom-box {
    max-width: 92.5rem;
    min-width: 80rem;
    padding: 4.5rem 5rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.introduce-next-bottom .footer-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 1.75rem;
    margin-bottom: 1.3125rem
}

.pre-box {
    text-align: center;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 7.4375rem
}

.pre-box .line {
    width: 100%;
    height: .0625rem;
    position: absolute;
    background-image: linear-gradient(90deg,snow,#d9d9d9,snow);
    top: 3.125rem
}

.pre-box .pre-title {
    font-size: 2.125rem;
    font-weight: 700;
    margin-bottom: 1.875rem
}

.pre-box .pre-word-box {
    width: 25.375rem;
    height: 6.25rem;
    background-color: #fff;
    position: relative;
    z-index: 1
}

.banner-first {
    background-color: #fff;
    width: 100%;
    padding: 7.5rem 0;
    display: flex;
    justify-content: center
}

.banner-first img {
    width: 52.625rem;
    height: 29.5625rem
}

.banner-second {
    width: 100%;
    display: flex;
    padding: 3.75rem 0;
    align-items: center;
    justify-content: space-between;
    line-height: 2.125rem
}

.banner-second .banner-word-box {
    width: 37.5rem;
    flex-shrink: 0
}

.banner-second img {
    width: 37.5rem;
    height: 25rem
}

.banner-second .banner-title {
    font-size: 1.875rem;
    margin-bottom: 4.375rem
}

.banner-second .banner-content {
    height: 100%;
    display: flex
}

.banner-second .banner-content .line-col {
    width: .0625rem;
    background-color: #bdc1c6;
    margin-top: -.75rem
}

.banner-second .banner-content .word {
    margin-bottom: 1rem
}

.banner-second .banner-content .circle {
    width: .4375rem;
    height: .4375rem;
    background: #bdc1c6;
    border-radius: 50%;
    margin-left: -.25rem;
    margin-top: .75rem;
    margin-right: 1.0625rem
}

.banner-second .banner-content .circle-word {
    display: flex
}

.banner-white {
    background-color: #fff
}

.banner-footer {
    width: 100%;
    background-color: #fff;
    padding: 7.5rem
}

.check {
    color: #286ab1;
    cursor: pointer;
    display: flex;
    align-items: center
}

.check img {
    width: 1.125rem;
    height: 1.125rem;
    margin-left: 1.25rem;
    margin-right: .3125rem
}

.introduce-avarage .introduce-character {
    width: 50%
}

.source-type {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 9.3125rem;
    margin-bottom: 10.3125rem
}

.source-type :first-of-type img {
    width: 3.75rem
}

.source-type :nth-of-type(2) img {
    width: 6.6875rem
}

.source-type :nth-of-type(3) img {
    width: 3.75rem
}

.source-type :nth-of-type(4) img {
    width: 5.4375rem
}

.source-type .type-title {
    font-size: 1.125rem;
    margin-top: 2.1875rem;
    margin-bottom: 1.875rem
}

.source-type .type-word {
    color: #666
}

.blue-type {
    background-color: #f9fbff
}

.down-box {
    width: 100%
}

.class-content {
    max-width: 92.5rem;
    min-width: 80rem;
    padding-left: 5rem;
    padding-right: 5rem;
    margin: 0 auto;
    background-color: #f9fbff!important;
    align-items: flex-start!important
}

.class-content img {
    margin-top: -1.875rem
}

.class-content .introduce-xt {
    margin-top: 2.4375rem
}

.introduce-bottom-down-box {
    width: 100%;
    background-color: #fff
}

.introduce-bottom-down {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 92.5rem;
    padding: 9.875rem 5rem;
    min-width: 80rem
}

.introduce-bottom-down img {
    width: 4.25rem;
    height: 4.25rem;
    margin-bottom: 1.5625rem
}

.introduce-bottom-down .introduce-bottom-title {
    margin-bottom: 1.3125rem;
    font-size: 1.25rem;
    font-weight: 700
}

.introduce-bottom-down .introduce-bottom-word {
    font-size: .875rem;
    color: #666
}

.introduce-bottom-down .introduce-bottom-box {
    max-width: 92.5rem;
    min-width: 80rem;
    margin: 0 auto;
    padding: 4.5rem 5rem
}

.introduce-bottom-down .introduce-bottom-box>div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.3125rem
}

.introduce-bottom-down .introduce-bottom-box>div>div {
    width: 20rem
}