body {
    padding: 0 !important;
}
.about {

}
.about-navbar {
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 20;
    padding-left: .4rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about-logo {
    display: block;
    width: 84px;
    margin-bottom: .9rem;
}
.about-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
.about-nav a {
    height: 22px;
    margin-bottom: .4rem;
    color: #000;
}
.about-nav a span {
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
    vertical-align: top;
    border-bottom: 1px solid transparent;
}
.about-nav a.active span {
    font-weight: 600;
    border-bottom-color: #000;
}

.about-conts {
    height: 100vh;
}
.about-cont {
    position: relative;
    width: 100%;
    height: 100vh;
    background: #fff;
}
.about-cont:nth-child(1) {
    z-index: 11;
}
.about-cont:nth-child(2) {
    z-index: 12;
}
.about-cont:nth-child(3) {
    z-index: 13;
}
.about-cont:nth-child(4) {
    z-index: 14;
}
.about-cont:nth-child(5) {
    z-index: 15;
}
.s.active {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.brief-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.brief-inner>div {
    width: 740px;
    max-height: 90%;
    max-width: 100%;
    padding: 0 .3rem;
    overflow-y: auto;
}
.about-p {
    font-size: 14px;
    line-height: 24px;
    color: #434343;
}

@media (max-width: 768px){
    .about-navbar {
        display: none;
        padding: .4rem;
        background-color: #fff;
        border-radius: 5px;
    }
    .about-cont {
        max-height: 100%;
    }
}
.course-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
}
.course-pc {
    display: block;
}
.course-mobile {
    /* max-width: inherit;
    height: 90%; */
    display: none;
}
@media (max-width: 768px){
    .course-pc {
        display: none;
    }
    .course-mobile {
        display: block;
        height: 90%;
    }
}
@media (max-width: 480px){
    .course-mobile {
        height: auto;
    }
}



.culture-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    height: 100%;
    overflow: hidden;
}
.culture-left {
    width: 50%;
    padding-left: 8.33333333333333%;
}
.culture-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 9.25%;
    font-size: 14px;
    line-height: 24px;
    color: #434343;
}
.culture-title {
    display: block;
    width: 100%;
    margin-bottom: .88rem;
    font-size: 30px;
    line-height: 48px;
    color: #070002;
}
.culture-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.culture-right img {
    width: 100%;
}
.choice-inner {
    flex-direction: row;
}
.choice-inner .culture-left {
    padding-left: 0;
}
.choice-inner .culture-text {
    padding: 0 9.8125%;
}
.choice-inner .culture-title {
    margin-bottom: .32rem;
}
.choice-inner p {
    margin-bottom: .72rem;
}

@media (max-width: 768px){
    .culture-inner {
        flex-wrap: wrap;
        height: auto;
        overflow: auto;
        padding: 1.2rem .6rem;
    }
    .culture-left,
    .culture-right {
        width: 100%;
        padding-left: 0;
    }
    .culture-right {
        height: auto;
    }
    .culture-left {
        padding-top: 1.2rem;
    }
    .culture-text {
        padding: 0;
    }
}

.honor-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.honor-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 220px;
    background-color: #fff;
}
.honor-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 18.75%;
    min-width: 280px;
    max-width: 100%;
    padding-left: 3.125%;
}
.honor-list span {
    display: block;
    font-size: 14px;
    line-height: 26px;
    color: #040000;
}
@media (max-width: 768px){
    .honor-text {
        flex-wrap: wrap;
        height: auto;
        padding: 1rem 0;
    }
    .honor-list {
        width: 100%;
        padding: 0 .6rem;
    }
}