img {
    width: 100%;
}

.about {
    padding-top: 100px;
}

.about .swiper-slide .item {
    left: 50%;
}

.swiper-slide .item .text {
    font-weight: 300;
}

.about .swiper-slide .item .title {
    font-size: 6rem;
    line-height: 6rem;
}

.about .swiper-slide .item .text {
    margin-top: 0;
}

.body-menu {
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f7f7f7;
    border-bottom: 1px solid #dddddd;
}

.body-menu-fixed {
    position: fixed;
    width: 100%;
    z-index: 77;
}

.body-menu .menu {
    font-size: 1.8rem;
    width: 23rem;
    height: 100%;
    line-height: 8rem;
    text-align: center;
    border-bottom: 1px solid #f7f7f7;
    cursor: pointer;
}

.body-menu .menu-color {
    border-bottom: 2px solid #df1c28;
}

.body-menu .about-menu-swiper {
    width: 80%;
}

.centerpage .about-menu-swiper .swiper-wrapper {
    justify-content: center;
}

.page-about {
    width: 100%;
    padding: 0rem 20rem;
    box-sizing: border-box;
}

.page_one {
    padding: 8rem 10rem;
}

.page_one .brief {
    width: 100%;
}

.page_one .brief img {
    width: 100%;
}

.page_one .text-img {
    margin-top: 5rem;
    display: flex;
}

.page_one .text-img .img {
    width: 32rem;
    margin-right: 5rem;
    flex-shrink: 0;
}

.page_one .text-img .list-txt {
    flex: 1;
    flex-shrink: 0;
}

.page_one .text-img .list-txt p {
    padding: 10px 0px;
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.course {
    padding: 9rem 20rem;
}

.course .course-img {
    position: relative;
    padding: 0rem 8%;
}

.Time-history {
    position: absolute;
    left: 15%;
    top: 8rem;
    background-color: #df1c28;
    padding: 2.5rem 3rem;
    color: #fff;
}

.honor .ttile h1,
.honor .ttile p {
    font-size: 3rem;
}


.Time-history h2 {
    font-size: 3rem;
}

.Time-history p {
    font-size: 2rem;
}

.Time-history .Time {
    margin: 5rem 0rem 3rem;
    font-weight: bold;
    font-size: 2rem;
}

.Time-history .Time .swiper-wrapper {
    display: flex;
}

.Time-history .Time .swiper-wrapper .menu {
    margin-right: 2rem;
    padding-bottom: 5px;
    cursor: pointer;
    width: auto !important;
    line-height: 32px;
}

.menu-color {
    border-bottom: 2px solid #fff;
}

.history-box {
    padding-top: 10rem;
}

/* 鍙充晶 */
.history-box .list {
    position: relative;
    width: 50%;
    box-sizing: border-box;
    margin-left: 50%;
    border-left: 1px solid #e5e5e5;
    padding-bottom: 4rem;
}


.history-box .list .li {
    position: absolute;
    left: -30%;
    top: -25px;
    font-size: 4.8rem;
    color: #000;
    font-weight: bold;
}

.history-box .list .li-color {
    color: #df1c28;
}

.history-box .list .item {
    padding-left: 15%;
}

.history-box .list .select {
    position: absolute;
    left: -11px;
    top: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 7px solid #f8f8f8;
    background-color: #000;
}

.history-box .list .select-color {
    background-color: #df1c28;

}

.history-box .list .item {
    display: flex;
    margin-bottom: 3rem;
}

.history-box .list .item .time {
    font-size: 1.8rem;
    font-weight: bold;
}

.history-box .list .item .text {
    margin-left: 3rem;
}

.history-box .list .item .text .title {
    font-size: 1.8rem;
    font-weight: bold;
}

.history-box .list .item .text .sub_title {
    font-size: 1.8rem;
}

.history-box .list .item .text .tt {
    font-size: 1.8rem;
    color: #999999;
    margin-top: 5px;
}

/* 宸︿晶 */
.history-box .list:nth-child(2n) .li {
    right: -30%;
    left: auto;
}

.history-box .list:nth-child(2n) {
    position: relative;
    width: 50%;
    box-sizing: border-box;
    margin-right: 50%;
    border-right: 1px solid #e5e5e5;
    border-left: none;
    padding-bottom: 4rem;
    margin-left: 0;
}

.history-box .list:nth-child(2n) .select {
    right: -11px;
    left: auto;
    top: 0;

}

.history-box .list:nth-child(2n) .item {
    display: flex;
    margin-bottom: 3rem;
    flex-direction: row-reverse;
    padding-right: 15%;
    padding-left: 0;
}

.history-box .list:nth-child(2n) .item .text {
    margin-right: 3rem;
    margin-left: 0;
    text-align: right;
}

.history-box .list:last-child {
    padding-bottom: 0;
}

.history-box .list:last-child {
    border: none;
}

/*  honor */

.honor .ttile {
    text-align: center;
    font-size: 3.6rem;
    padding: 5rem 0rem;
}

.honor .ttile h1 {
    color: #df1c28;
}

.honor-img {
    display: flex;
    flex-wrap: wrap;
}

.honor-img .img-box {
    width: 24%;
    flex-shrink: 0;
    line-height: 0;
    margin: 1.5rem 0;
    margin-right: 1%;
}

.honor .list .list-title {
    padding: 3rem 0rem;
    position: relative;
    text-align: center;
}

.honor .list .list-title .title {
    position: absolute;
    font-size: 2.6rem;
    color: #df1c28;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.honor .list .list-title .bg_tilte {
    font-size: 7.2rem;
    color: #f1f1f1;
}

.honor .list .list-li {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.honor .list .list-li .li {
    position: relative;
    width: 24%;
    margin: 1.5rem 0;
    margin-right: 1%;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 1.6rem;
}

.honor .list .list-li .li::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 7px;
    width: 8px;
    height: 8px;
    background-color: #666666;
    border-radius: 50%;
}

.exit-box {
    margin: 4rem 0rem;
    background-image: url(../img/ab21.jpg);
    background-repeat: no-repeat;
    width: 100%;
    padding: 2rem 0px 8rem;
    background-color: rgba(236, 236, 236, 1.000);
}

.swiper-father {
    position: relative;
}

.exit-box .exit-box-title {
    font-size: 3.6rem;
    text-align: center;
    color: #fff;
}

.exit-box .exit-bg-img {
    width: 80%;
    padding: 10rem 0px 10rem;
}

.exit-bg-img .exit-bg-swiper .swiper-slide {
    transform: scale(1);

}

.exit-bg-img .exit-bg-swiper .swiper-slide-active {
    z-index: 99;
    transform: scale(1.4);
}

.exit-bg-img .exit-bg-swiper .swiper-slide-prev,
.exit-bg-img .exit-bg-swiper .swiper-slide-next {
    z-index: 88;
    transform: scale(1.2);
}

.exit-bg-img .exit-bg-swiper .swiper-slide-prev {
    left: -10px;
}

.exit-bg-img .exit-bg-swiper .swiper-slide-next {
    left: 10px;
}

.swiper-button-next {
    right: 4%;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
}

.swiper-button-next::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    left: 25%;
    top: 60%;
    transform: rotate(45deg) translate(-50%, -50%);
}

.swiper-button-prev {
    left: 4%;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
}

.swiper-button-prev::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    left: 50%;
    top: 50%;
    transform: rotate(-45deg) translate(10%, -50%);
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none;
}

.certificate {
    padding: 2rem 0px;
    display: flex;
    flex-wrap: wrap;
}

.certificate-box {
    max-width: 23%;
    margin-right: 2.65%;
    flex-shrink: 0;
    margin-bottom: 3rem;
}

.certificate-box:nth-child(4n) {
    margin-right: 0px;
}

@media screen and (max-width:1340px) {
    .page_one {
        padding: 4rem 0rem 0rem;
    }

    /*  course */
    .course .course-img {
        padding: 0;
    }

    .course .course-img img {
        min-height: 23.5rem;

    }

    .history-box {
        padding-top: 15rem;
    }
}

@media screen and (max-width:1200px) {
    .page-about {
        padding: 5rem 3rem;
    }

    /*  */
    .centerpage.about .swiper-container {
        height: auto;
    }

    .history-box .list .li {
        left: -40%;
    }

    .history-box .list:nth-child(2n) .li {
        right: -40%;
    }
}

@media screen and (max-width:720px) {
    .course .course-img img {
        display: none;
    }
    .Time-history h2{
        font-size: 2rem;
    }
    .Time-history p{
        font-size: 1.8rem;
    }

    .centerpage.about .swiper-container-top {
        padding-top: 80px;
    }

    .about {
        padding-top: 0px;
    }

    .about .swiper-slide .item .title {
        font-size: 1.8rem;
        line-height: 2rem;
    }

    .page-about {
        padding: 3rem 1rem;
    }

    .page-about.course {
        padding: 0rem 0rem 5rem;
    }

    /*  */
    .page_one .text-img {
        flex-direction: column;
    }

    .page_one .text-img .img {
        width: 100%;
        margin: 0 0 2rem;
    }

    .history-box {
        padding: 4rem 2rem 0rem;
    }

    .Time-history {
        left: 0px;
        top: 0rem;
        position: inherit;
    }

    .centerpage .swiper-container-horizontal {
        padding-top: 0px;
        padding-bottom: 0rem;
    }

    .body-menu .about-menu-swiper {
        width: 90%;
    }

    .centerpage .about-menu-swiper .swiper-wrapper {
        justify-content: left;
    }

    /* course */
    .history-box .list .li {
        position: inherit;
        left: 0;
        font-size: 2.8rem;
    }

    .history-box .list:nth-child(2n) .li {
        position: inherit;
        right: 0;
    }

    .history-box .list {
        width: 100%;
        margin: 0;
        border: none;
        padding-bottom: 2rem;
    }

    .history-box .list:nth-child(2n) {
        padding-bottom: 2rem;
    }

    .history-box .list .item {
        padding: 0;
        margin-bottom: 1.5rem;
    }

    .history-box .list:nth-child(2n) {
        width: 100%;
        margin: 0;
        border: none;
    }

    .history-box .list .select {
        display: none;
    }

    .history-box .list:nth-child(2n) .item {
        padding: 0;
        flex-direction: unset;
    }

    .history-box .list:nth-child(2n) .item .text {
        text-align: left;
        margin-left: 2rem;
        margin-right: 0;
    }

    .history-box .list .item .text .title,
    .history-box .list .item .time,
    .history-box .list .item .text .sub_title,
    .history-box .list .item .text .tt {
        font-size: 1.4rem;
    }

    /* .honor .ttile */
    .honor .ttile {
        padding: 0;
    }

    .honor .ttile h1 {
        font-size: 2.5rem;
    }

    .honor .ttile p {
        font-size: 2.5rem;
        padding-bottom: 2rem;
    }

    .certificate {
        flex-wrap: wrap;
    }

    .honor-img .img-box,
    .honor .list .list-li .li,
    .certificate-box {
        width: 47%;
        margin-right: 6%;
        max-width: 49%;
    }

    .honor-img .img-box:nth-child(2n),
    .honor .list .list-li .li:nth-child(2n),
    .certificate-box:nth-child(2n) {
        margin-right: 0;
    }

    .exit-bg-img .exit-bg-swiper .swiper-slide-active {
        transform: scale(1);
    }

    .exit-bg-img .exit-bg-swiper .swiper-slide-prev, .exit-bg-img .exit-bg-swiper .swiper-slide-next {
        z-index: 88;
        transform: scale(1);
    }

    .exit-box {
        padding: 0;
        padding-bottom: 30px;
    }

    .exit-box .exit-box-title {
        padding: 2rem;
        font-size: 2.6rem;
    }

    .swiper-button-prev {
        width: 20px;
        height: 20px;
        left: 2%;
    }

    .swiper-button-next {
        width: 20px;
        height: 20px;
        right: 2%;
    }

    .swiper-button-next::after {
        width: 6px;
        height: 6px;
    }

    .swiper-button-prev::after {
        width: 6px;
        height: 6px;
    }

    /*  */

    .honor .list .list-title .bg_tilte {
        font-size: 4rem;
    }

    .honor .list .list-title .title {
        font-size: 2rem;
    }

    .honor .list .list-li .li {
        font-size: 1.4rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .honor .list .list-title {
        padding: 2rem 0;
    }

    .honor-img .img-box {
        margin: 1rem auto;
    }
}