.about .wrap {
    width: 1600px;
    margin: 188px auto 162px;
}

.about .wrap .title {
    font-size: 40px;
    font-weight: bold;
    color: #333333;
    line-height: 39px;
    margin: 0 0 20px;
    font-family: 'Microsoft YaHei', sans-serif !important;
}

.about .wrap .content {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.about .wrap .content:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -48px;
    width: 1px;
    height: 464px;
    background: #E6E6E6;
}

html[lang="en"] .about .wrap .content:after{
    height: 105%;
}

html[lang="en"] .course .wrap .l .swiper .swiper-slide p{
    display: none;
}

.about .wrap .content .text {
    width: 714px;
}

.about .wrap .content .text h1 {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    margin: 0 0 44px;
}

.about .wrap .content .text p {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
}

.about .wrap .big_img {
    width: 100%;
    margin: 149px 0 0 0;
    position: relative;
}

.about .wrap .big_img .img {
    width: 100%;
    height: 100%;
}

.about .wrap .big_img .text {
    position: absolute;
    left: 262px;
    top: 58.6%;
    transform: translateY(-50%);
    /*text-align: right;*/
}

.about .wrap .big_img .text h1 {
    font-size: 40px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 0 20px;
    line-height: 39px;
}

.about .wrap .big_img .text p {
    font-size: 22px;
    font-weight: 400;
    color: #FFFFFF;
}

.architecture .wrap {
    width: 1600px;
    margin: 180px auto 113px;
}

.architecture .wrap img {
    width: 100%;
}

.course .wrap {
    display: flex;
}

.course .wrap .l {
    padding: 150px 0;
    border-right: 1px solid #CCCCCC;
    position: relative;
}

.course .wrap .l .title {
    font-size: 40px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    top: 214px;
    left: 160px;
    pointer-events: none;
}

.course .wrap .l .swiper {
    height: 842px;
    width: 654px;
}

.course .wrap .l .swiper .swiper-slide {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 101px 0 0;
    position: relative;
    cursor: pointer;
}

.course .wrap .l .swiper .swiper-slide .after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #CCCCCC;
}

.course .wrap .l .swiper .swiper-slide .before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #CCCCCC;
}

.course .wrap .l .swiper .swiper-slide .red {
    width: 3px;
    height: 32px;
    background: #CF000D;
    position: absolute;
    right: 0;
}

.course .wrap .l .swiper .swiper-slide .iconfont {
    color: #CF000D;
    font-size: 22px;
    margin: 0 58px 0 0;
}

.course .wrap .l .swiper .swiper-slide .iconfont:before {
    transform: rotate(180deg);
    display: block;
}

.course .wrap .l .swiper .swiper-slide span {
    font-size: 30px;
    font-weight: bold;
    color: #CCCCCC;
    transition: 0.7s;
}

.course .wrap .l .swiper .swiper-slide p {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    position: relative;
    top: 2px;
    margin: 0 0 0 10px;
    opacity: 0;
    transition: 0.7s;
}

.course .wrap .l .swiper .swiper-slide.swiper-slide-active span {
    color: #333;
}

.course .wrap .l .swiper .swiper-slide.swiper-slide-active p {
    opacity: 1;
}

.course .wrap .r {
    width: 800px;
    margin: 199px 0 0 189px;
}
.course .wrap .r .matter{
    display: none;
}
.course .wrap .r .matter.on{
    display: grid;
}


.course .wrap .r .matter {
    grid-template-columns: repeat(2,1fr);
    gap: 40px;
}

.course .wrap .r .matter .item{
    width: 100%;
}


.course .wrap .r .matter .img {
    width: 100%;
}

.course .wrap .r .matter .img img {
    width: 100%;
}

.course .wrap .r .matter .text {
    margin: 32px 0 0 0;
}

.course .wrap .r .matter .text .time {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    margin: 0 0 26px;
}

.course .wrap .r .matter .text .pick {
    font-size: 22px;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
}

.culture .wrap {
    width: 1474px;
    margin: 298px auto 230px;
    display: flex;
    justify-content: space-between;
}

.culture .wrap .l .title {
    font-size: 40px;
    font-weight: bold;
    color: #333333;
    margin: 0 0 160px;
}

.culture .wrap .l .img {
    width: 743px;
    position: relative;
}

.culture .wrap .l .img .bg {
    width: 100%;
}

.culture .wrap .l .img .position {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.culture .wrap .l .img .position .circle {
    width: 130px;
    height: 130px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px;
}

.culture .wrap .l .img .position .circle .iconfont {
    font-size: 44px;
    color: #FFFFFF;
}

.culture .wrap .l .img .position p {
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
}

html[lang="en"] .culture .wrap .l .img .position p{
    padding: 0 5%;
}

.culture .wrap .r .item {
    width: 512px;
    position: relative;
}

.culture .wrap .r .item:not(:last-child) {
    margin: 0 0 91px;
}

.culture .wrap .r .item .bg {
    width: 100%;
}

.culture .wrap .r .item .position {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.culture .wrap .r .item .position .circle {
    width: 130px;
    height: 130px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 29px;
}

.culture .wrap .r .item .position .circle .iconfont {
    font-size: 44px;
    color: #FFFFFF;
}

.culture .wrap .r .item .position p {
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 32px;
}

html[lang="en"] .culture .wrap .r .item .position p{
    padding: 0 5%;
}

.honor {
    background: #F5F5F5;
}

.honor .wrap {
    width: 1460px;
    margin: 203px auto;
}

.honor .wrap .title {
    font-size: 40px;
    font-weight: bold;
    color: #333333;
    margin: 0 0 50px;
    text-align: center;
}

.honor .wrap .content {
    position: relative;
}

.honor .wrap .content .button {
    width: 1745px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.honor .wrap .content .button .circle {
    width: 52px;
    height: 52px;
    border: 1px solid rgba(51, 51, 51, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    font-size: 22px;
    pointer-events: auto;
    cursor: pointer;
    transition: 0.7s;
}

.honor .wrap .content .button .circle:last-child {
    transform: rotate(180deg);
}

.honor .wrap .content .button .circle:hover {
    background: #CF000D;
    color: #fff;
    border: 1px solid transparent;
}

.honor .wrap .content .swiper {
    width: 100%;
}

.honor .wrap .content .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.honor .wrap .content .swiper .swiper-slide img {
    min-width: 90%;
    object-fit: contain;
}

.honor2 .wrap {
    width: 1460px;
    margin: 158px auto 186px;
}

.honor2 .wrap .title {
    font-size: 40px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin: 0 0 99px;
}

.honor2 .wrap .title span {
    display: inline-block;
    color: #CF000D;
}

.honor2 .wrap .content {
    position: relative;
}

.honor2 .wrap .content .button {
    width: 1745px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.honor2 .wrap .content .button .circle {
    width: 52px;
    height: 52px;
    border: 1px solid rgba(51, 51, 51, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    font-size: 22px;
    pointer-events: auto;
    cursor: pointer;
    transition: 0.7s;
}

.honor2 .wrap .content .button .circle:last-child {
    transform: rotate(180deg);
}

.honor2 .wrap .content .button .circle:hover {
    background: #CF000D;
    color: #fff;
    border: 1px solid transparent;
}

.honor2 .wrap .content .swiper {
    width: 100%;
}

.honor2 .wrap .content .swiper .swiper-slide img {
    width: 100%;
    object-fit: contain;
}

.honor_ {
    background: #f5f5f5;
}

.honor_ .wrap {
    width: 1460px;
    margin: 0 auto 88px;
}

.honor_ .wrap .cut {
    width: 875px;
    display: flex;
    justify-content: center;
    margin: 0 auto 74px;
    position: relative;
    padding: 15px 0;
}

.honor_ .wrap .cut .button{
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
}
.honor_ .wrap .cut .button .circle{
    width: 52px;
    height: 52px;
    border: 1px solid rgba(51, 51, 51, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    font-size: 22px;
    pointer-events: auto;
    cursor: pointer;
    transition: 0.7s;
}
.honor_ .wrap .cut .button .circle:last-child{
    transform: rotate(180deg);
}

.honor_ .wrap .cut .button .circle:hover{
    background: #CF000D;
    color: #fff;
    border: 1px solid transparent;
}


.honor_ .wrap .cut .swiper{
    width: 613px;
    max-width: 100%;
    margin: auto;
}

.honor_ .wrap .cut .list {
    font-size: 26px;
    color: #383838;
    cursor: pointer;
    transition: 0.7s;
}

.honor_ .wrap .cut .list:not(:last-child) {
    /*margin: 0 76px 0 0;*/
}

.honor_ .wrap .cut .swiper-slide-active .list {
    color: #D62631;
}

.honor_ .wrap .content {
    margin: 0 0 86px;
}

.honor_ .wrap .content .matter {
    display: none;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 75px 97px;
}

.honor_ .wrap .content .matter.on {
    display: grid;
}

.honor_ .wrap .content .matter .item {
    width: 100%;
    height: 194px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.honor_ .wrap .paging {
    display: flex;
    justify-content: center;
}

.honor_ .wrap .paging a {
    height: 56px;
    padding: 0 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(56, 56, 56, 0.1);
    color: #9A9C9E;
    font-size: 16px;
    border-radius: 11px;
    transition: 0.7s;
}

.honor_ .wrap .paging a:not(:last-child) {
    margin: 0 20px 0 0;
}

.honor_ .wrap .paging a.on, .honor_ .wrap .paging a:hover {
    color: #fff;
    background: #CF000D;
}

@media screen and (max-width: 1920px) {
    .about .wrap {
        width: 83.3333333333vw;
        margin: 9.7916666667vw auto 8.4375vw;
    }

    .about .wrap .title {
        font-size: 2.0833333333vw;
        font-weight: bold;
        color: #333333;
        line-height: 2.03125vw;
        margin: 0 0 1.0416666667vw;
    }

    .about .wrap .content {
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .about .wrap .content:after {
        content: '';
        position: absolute;
        left: 50%;
        top: -2.5vw;
        width: 0.0520833333vw;
        height: 24.1666666667vw;
        background: #E6E6E6;
    }

    .about .wrap .content .text {
        width: 37.1875vw;
    }

    .about .wrap .content .text h1 {
        font-size: 1.6666666667vw;
        font-weight: bold;
        color: #333333;
        margin: 0 0 2.2916666667vw;
    }

    .about .wrap .content .text p {
        font-size: 1.2975vw;
        font-weight: 400;
        color: #333333;
        line-height: 2.083333333333333vw;
    }

    .about .wrap .big_img {
        width: 100%;
        margin: 7.7604166667vw 0 0 0;
        position: relative;
    }

    .about .wrap .big_img .img {
        width: 100%;
        height: 100%;
    }

    .about .wrap .big_img .text {
        position: absolute;
        left: 13.74375vw;
        top: 58.6%;
        transform: translateY(-50%);
        /*text-align: right;*/
    }

    .about .wrap .big_img .text h1 {
        font-size: 2.0833333333vw;
        font-weight: bold;
        color: #FFFFFF;
        margin: 0 0 1.0416666667vw;
        line-height: 2.03125vw;
    }

    .about .wrap .big_img .text p {
        font-size: 1.1458333333vw;
        font-weight: 400;
        color: #FFFFFF;
    }

    .architecture .wrap {
        width: 83.3333333333vw;
        margin: 9.375vw auto 5.8854166667vw;
    }

    .architecture .wrap img {
        width: 100%;
    }

    .course .wrap {
        display: flex;
    }

    .course .wrap .l {
        padding: 7.8125vw 0;
        border-right: 0.0520833333vw solid #CCCCCC;
        position: relative;
    }

    .course .wrap .l .title {
        font-size: 2.0833333333vw;
        font-weight: bold;
        color: #333333;
        position: absolute;
        top: 11.1458333333vw;
        left: 8.3333333333vw;
        pointer-events: none;
    }

    .course .wrap .l .swiper {
        height: 43.8541666667vw;
        width: 34.0625vw;
    }

    .course .wrap .l .swiper .swiper-slide {
        width: 100%;
        height: 8.6458333333vw;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 5.2604166667vw 0 0;
        position: relative;
        cursor: pointer;
    }

    .course .wrap .l .swiper .swiper-slide .after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0.0520833333vw;
        background: #CCCCCC;
    }

    .course .wrap .l .swiper .swiper-slide .before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.0520833333vw;
        background: #CCCCCC;
    }

    .course .wrap .l .swiper .swiper-slide .red {
        width: 0.15625vw;
        height: 1.6666666667vw;
        background: #CF000D;
        position: absolute;
        right: 0;
    }

    .course .wrap .l .swiper .swiper-slide .iconfont {
        color: #CF000D;
        font-size: 1.1458333333vw;
        margin: 0 3.0208333333vw 0 0;
    }

    .course .wrap .l .swiper .swiper-slide .iconfont:before {
        transform: rotate(180deg);
        display: block;
    }

    .course .wrap .l .swiper .swiper-slide span {
        font-size: 1.5625vw;
        font-weight: bold;
        color: #CCCCCC;
        transition: 0.7s;
    }

    .course .wrap .l .swiper .swiper-slide p {
        font-size: 1.1458333333vw;
        font-weight: bold;
        color: #333333;
        position: relative;
        top: 0.1041666667vw;
        margin: 0 0 0 0.5208333333vw;
        opacity: 0;
        transition: 0.7s;
    }

    .course .wrap .l .swiper .swiper-slide.swiper-slide-active span {
        color: #333;
    }

    .course .wrap .l .swiper .swiper-slide.swiper-slide-active p {
        opacity: 1;
    }

    .course .wrap .r {
        width: 38.4375vw;
        margin: 10.3645833333vw 0 0 9.84375vw;
    }

    .course .wrap .r .swiper {
        width: 100%;
    }


    .course .wrap .r .matter .text {
        margin: 1.6666666667vw 0 0 0;
    }

    .course .wrap .r .matter .text .time {
        font-size: 1.5625vw;
        font-weight: bold;
        color: #333333;
        margin: 0 0 1.3541666667vw;
    }

    .course .wrap .r .matter .text .pick {
        font-size: 1.1458333333vw;
        font-weight: 400;
        color: #333333;
        line-height: 1.6666666667vw;
    }

    .culture .wrap {
        width: 76.7708333333vw;
        margin: 15.5208333333vw auto 11.9791666667vw;
        display: flex;
        justify-content: space-between;
    }

    .culture .wrap .l .title {
        font-size: 2.0833333333vw;
        font-weight: bold;
        color: #333333;
        margin: 0 0 8.3333333333vw;
    }

    .culture .wrap .l .img {
        width: 38.6979166667vw;
        position: relative;
    }

    .culture .wrap .l .img .bg {
        width: 100%;
    }

    .culture .wrap .l .img .position {
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
    }

    .culture .wrap .l .img .position .circle {
        width: 6.7708333333vw;
        height: 6.7708333333vw;
        border: 0.0520833333vw solid rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 2.0833333333vw;
    }

    .culture .wrap .l .img .position .circle .iconfont {
        font-size: 2.2916666667vw;
        color: #FFFFFF;
    }

    .culture .wrap .l .img .position p {
        font-size: 1.3541666667vw;
        font-weight: bold;
        color: #FFFFFF;
    }

    .culture .wrap .r .item {
        width: 26.6666666667vw;
        position: relative;
    }

    .culture .wrap .r .item:not(:last-child) {
        margin: 0 0 4.7395833333vw;
    }

    .culture .wrap .r .item .bg {
        width: 100%;
    }

    .culture .wrap .r .item .position {
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
    }

    .culture .wrap .r .item .position .circle {
        width: 6.7708333333vw;
        height: 6.7708333333vw;
        border: 0.0520833333vw solid rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 1.5104166667vw;
    }

    .culture .wrap .r .item .position .circle .iconfont {
        font-size: 2.2916666667vw;
        color: #FFFFFF;
    }

    .culture .wrap .r .item .position p {
        font-size: 1.3541666667vw;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 1.6666666667vw;
    }

    .honor {
        background: #F5F5F5;
    }

    .honor .wrap {
        width: 76.0416666667vw;
        margin: 10.5729166667vw auto;
    }

    .honor .wrap .title {
        font-size: 2.0833333333vw;
        font-weight: bold;
        color: #333333;
        margin: 0 0 2.604166666666667vw;
        text-align: center;
    }

    .honor .wrap .content {
        position: relative;
    }

    .honor .wrap .content .button {
        width: 90.8854166667vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: space-between;
        pointer-events: none;
    }

    .honor .wrap .content .button .circle {
        width: 2.7083333333vw;
        height: 2.7083333333vw;
        border: 0.0520833333vw solid rgba(51, 51, 51, 0.5);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333333;
        font-size: 1.1458333333vw;
        pointer-events: auto;
        cursor: pointer;
        transition: 0.7s;
    }

    .honor .wrap .content .button .circle:last-child {
        transform: rotate(180deg);
    }

    .honor .wrap .content .button .circle:hover {
        background: #CF000D;
        color: #fff;
    }

    .honor .wrap .content .swiper {
        width: 100%;
    }

    .honor .wrap .content .swiper .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .honor .wrap .content .swiper .swiper-slide img {
        min-width: 90%;
        object-fit: contain;
    }

    .honor2 .wrap {
        width: 76.0416666667vw;
        margin: 8.2291666667vw auto 9.6875vw;
    }

    .honor2 .wrap .title {
        font-size: 2.0833333333vw;
        font-weight: bold;
        color: #333333;
        text-align: center;
        margin: 0 0 5.15625vw;
    }

    .honor2 .wrap .title span {
        display: inline-block;
        color: #CF000D;
    }

    .honor2 .wrap .content {
        position: relative;
    }

    .honor2 .wrap .content .button {
        width: 90.8854166667vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: space-between;
        pointer-events: none;
    }

    .honor2 .wrap .content .button .circle {
        width: 2.7083333333vw;
        height: 2.7083333333vw;
        border: 0.0520833333vw solid rgba(51, 51, 51, 0.5);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333333;
        font-size: 1.1458333333vw;
        pointer-events: auto;
        cursor: pointer;
        transition: 0.7s;
    }

    .honor2 .wrap .content .button .circle:last-child {
        transform: rotate(180deg);
    }

    .honor2 .wrap .content .button .circle:hover {
        background: #CF000D;
        color: #fff;
    }

    .honor2 .wrap .content .swiper {
        width: 100%;
    }

    .honor2 .wrap .content .swiper .swiper-slide img {
        width: 100%;
        object-fit: contain;
    }


    .honor_ .wrap {
        width: 76.0416666667vw;
        margin: 0 auto 4.583333333333333vw;
    }

    /**/
    .honor_ .wrap .cut {
        display: flex;
        justify-content: center;
        margin: 0 auto 3.854166666666667vw;
        position: relative;
        padding: 0.78125vw 0;
    }


    .honor_ .wrap .cut .button .circle{
        width: 2.708333333333333vw;
        height: 2.708333333333333vw;
        border: 0.0520833333333333vw solid rgba(51, 51, 51, 0.5);
        font-size: 1.145833333333333vw;
    }

    .honor_ .wrap .cut .button .circle:hover{
        border: 0.0520833333333333vw solid transparent;
    }




    /**/


    .honor_ .wrap .cut .list {
        font-size: 1.354166666666667vw;
    }

    .honor_ .wrap .cut .list:not(:last-child) {
        margin: 0 3.958333333333333vw 0 0;
    }


    .honor_ .wrap .content {
        margin: 0 0 4.479166666666667vw;
    }

    .honor_ .wrap .content .matter {
        grid-gap: 3.90625vw 5.052083333333333vw;
    }


    .honor_ .wrap .content .matter .item {
        height: 10.10416666666667vw;
    }

    .honor_ .wrap .paging a {
        height: 2.916666666666667vw;
        padding: 0 1.197916666666667vw;
        font-size: 0.8333333333333333vw;
        border-radius: 0.5729166666666667vw;
    }

    .honor_ .wrap .paging a:not(:last-child) {
        margin: 0 1.041666666666667vw 0 0;
    }
}


@media screen and (max-width: 1024px) {
    .course .wrap .r{
        width: 48.4375vw;
    }
    .about .wrap{
        width: 90%;
        margin: 105px auto 44px;
    }
    .about .wrap .title{
        font-size: 24px;
    }
    .about .wrap .content .text h1{
        font-size: 18px;
        margin: 0 0 20px;
    }
    .about .wrap .content .text p{
        font-size: 14px;
        line-height: 25px;
    }
    .about .wrap .content .text {
        width: 47%;
    }
    .about .wrap .content:after{
        width: 1px;
        height: 100%;
    }
    .about .wrap .big_img{
        margin: 32px 0 0 0;
    }
    .about .wrap .big_img .text h1{
        font-size: 20px;
    }

    .about .wrap .big_img .text p{
        font-size: 14px;
    }

    html[lang="en"] .about .wrap .big_img .text {
        width: 95%;
        left: 0;
    }

    html[lang="en"] .about .wrap .big_img .text h1 {
        font-size: 17px;
    }

    .architecture .wrap{
        width: 90%;
        margin: 100px auto 50px;
    }
    .course .wrap .r .matter .text .time{
        font-size: 18px;
    }
    .course .wrap .r .matter .text .pick{
        font-size: 15px;
    }
    .course .wrap .r .matter .img {
        width: 100%;
    }
    .course .wrap .l .swiper .swiper-slide span{
        font-size: 16px;
    }
    .course .wrap .l .swiper .swiper-slide .iconfont{
        font-size: 20px;
    }
    .course .wrap .l .title{
        top: 88px;
        left: 14%;
        font-size: 20px;
    }
    .course .wrap .l .swiper .swiper-slide p{
        font-size: 13px;
    }
    .culture .wrap{
        width: 90%;
    }
    .culture .wrap .l{
        width: 51%;
    }
    .culture .wrap .r{
        width: 40%;
    }
    .culture .wrap .r .item{
        width: 100%;
    }
    .culture .wrap .l .img{
        width: 100%;
    }
    .culture .wrap .l .title{
        font-size: 24px;
        margin: 0 0 50px;
    }
    .culture .wrap .l .img .position p{
        font-size: 16px;
    }
    .culture .wrap .l .img .position .circle{
        width: 60px;
        height: 60px;
    }
    .culture .wrap .l .img .position .circle .iconfont{
        font-size: 20px;
    }
    .culture .wrap .r .item .position p{
        font-size: 16px;
        line-height: 1.4;
    }
    .culture .wrap .r .item .position .circle{
        width: 60px;
        height: 60px;
    }
    .culture .wrap .r .item .position .circle .iconfont{
        font-size: 22px;
    }
    .honor .wrap{
        width: 75%;
        margin: 125px auto 50px;
    }
    .honor_ .wrap .cut .swiper{
        width: 67%;
    }
    .honor .wrap .title{
        font-size: 24px;
    }
    .honor_{
        padding: 50px 0 0 0;
    }
    .honor_ .wrap{
        width: 90%;
    }
    .honor_ .wrap .cut{
        width: 100%;
    }
    .honor .wrap .content .button .circle{
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .honor_ .wrap .cut .button .circle{
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .honor_ .wrap .cut .list{
        font-size: 16px;
    }
    .honor_ .wrap .content .matter .item{
        height: auto;
    }
    .honor_ .wrap .content .matter .item img{
        width: 100%;
    }
    .honor_ .wrap .paging a{
        font-size: 14px;
        height: auto;
        padding: 5px 10px;
    }
    .honor_ .wrap .paging a:not(:last-child){
        margin: 0 12px 0 0;
    }
    .honor2 .wrap{
        width: 90%;
        margin: 70px auto;
    }
    .honor2 .wrap .title{
        font-size: 24px;
    }
    .honor2 .wrap .content .button .circle{
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .honor2 .wrap .content .swiper {
        width: 81%;
    }
}
/*# sourceMappingURL=about.css.map */

@media screen and (max-width: 767px) {
    .about .wrap {
        margin: 46px auto 44px;
    }
    .about .wrap .content{
        flex-direction: column;
    }
    .about .wrap .content:after{
        display: none;
    }
    .about .wrap .content .text {
        width: 100%;
    }
    .about .wrap .title{
        font-size: 20px;
        line-height: 1;
    }
    .about .wrap .content .text h1{
        font-size: 16px;
        margin: 0 0 16px;
    }
    .about .wrap .content .text p {
        font-size: 13px;
        line-height: 28px;
    }
    .about .wrap .content .text:not(:last-child) {
        margin: 0 0 30px;
    }
    .about .wrap .big_img .text h1{
        line-height: 1;
    }
    .about .wrap .big_img .text p {
        font-size: 13px;
    }
    .architecture .wrap {
        margin: 32px auto 50px;
    }
    .course .wrap .l .swiper{
        /*display: none;*/
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }
    .course .wrap .l .title{
        position: static;
        font-size: 24px;
    }
    .course .wrap .l{
        border: none;
    }
    .course .wrap{
        width: 90%;
        margin: 20px auto 50px;
        flex-direction: column;
    }
    .course .wrap .r {
        width: 100%;
        margin: 0;
    }
    .course .wrap .r .matter .text{
        margin: 20px 0 0 0;
    }
    .course .wrap .r .matter .img {
        width: 100%;
    }
    .course .wrap .r .matter .text .time{
        margin: 0 0 10px;
    }
    .course .wrap .r .matter .text .pick{
        line-height: 1;
    }

    .culture .wrap{
        flex-direction: column;
        margin: 30px auto 26px;
    }
    .culture .wrap .l .title {
        margin: 0 0 26px;
    }
    .culture .wrap .l {
        width: 100%;
        margin: 0 0 20px;
    }
    .culture .wrap .l .img .position p {
        font-size: 15px;
        margin: 20px 0 0 0;
    }
    .culture .wrap .r {
        width: 100%;
    }
    .culture .wrap .r .item .position p{
        font-size: 15px;
        margin: 20px 0 0 0;
    }
    .honor .wrap{
        width: 90%;
        margin: 42px auto 0;
    }
    .honor .wrap .content .button{
        position: static;
        transform: none;
        margin: 25px auto;
        width: 120px;
    }
    .honor .wrap .title{
        margin: 0 0 20px;
    }
    .honor_ .wrap .cut{
        margin: 0 0 30px;
    }
    .honor_ .wrap .cut .list{
        text-align: center;
    }
    .honor_ .wrap .content .matter{
        grid-template-columns: repeat(2, 1fr);
    }
    .honor_ .wrap{
        margin: 0 auto 35px;
    }
    .honor_ .wrap .content{
        margin: 0 0 25px;
    }
    .honor2 .wrap{
        margin: 45px auto;
    }
    .honor2 .wrap .content .swiper {
        width: 58%;
    }
    .course .wrap .l .sj_button{
        display: flex!important;

    }
    .course .wrap .l{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .course .wrap .l .sj_button .iconfont{
        width: 40px;
        height: 40px;
        font-size: 16px;
        border: 1px solid rgba(51, 51, 51, 0.5);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.7s;
        color: #333333;
    }
    .course .wrap .l .sj_button .iconfont:nth-child(2) {
        margin: 0 0 0 20px;
        transform: rotate(180deg);
    }
    .course .wrap .l .sj_button .iconfont:hover {
        border: 0.0520833333vw solid #CF000D;
        background: #CF000D;
        color: #fff;
    }
    .about .wrap .big_img {
        position: relative;
    }
    .about .wrap .big_img::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 52%;
        height: 100%;
        background: rgba(207, 0, 13, 0.8);
        clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);
    }
    .about .wrap .big_img .text {
        z-index: 10;
        left: 5.24375vw;
        top: 50%;
    }
    .about .wrap .big_img .text h1 {
        font-size: 16px;
    }
    .about .wrap .big_img .text p {
        font-size: 12px;
    }
}

@media screen and (max-width: 500px) {
    .course .wrap .r .matter{
        grid-template-columns: repeat(1,1fr);
    }
}