@font-face {
    font-family: mFont;
    src: url('../font/YouSheBiaoTiHei-2.ttf');
}

@media only screen and (max-width: 750px) {
    .w {
        width: 100%;
    }

    .header-bottom {
        display: none;
    }

    .module_box {
        padding: 40px 0 !important;
    }

    .main_conRC p  {
        text-indent: 0;
    }

    .main_conRC img {
        width: 100%;
        object-fit: contain;
    }

    .menu {
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
        background: rgba(106, 38, 134, 0.95);
        position: absolute;
        left: 0;
        top: 0;
        /* transition: left 4s; */
        z-index: 10000;
    }

    .menu .icon-close {
        width: 100%;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: end;
        padding: 0 18px;
        box-sizing: border-box;
        font-size: 20px;
        color: #fff;
        margin-bottom: 18px;
    }

    .menu .mainmenu {
        width: 100%;
        /* height: 46px; */
        height: auto;
        line-height: 46px;
        font-weight: 400;
        color: #FFFFFF;
        padding: 12px 0;
        box-sizing: border-box;
        position: relative;
        border-top: 1px solid rgba(255, 255, 255, .1);
    }

    .menu .mainmenu:last-of-type {
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }

    .menu .mainmenu>a {
        width: 100% !important;
        color: #fff;
        display: block;
        height: 22px;
        line-height: 22px;
        font-size: 16px;
        padding: 0 24px 0 16px;
        box-sizing: border-box;
        /* position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%); */
    }

    .menu .mainmenu .icon-more1 {
        display: block;
        width: 20px !important;
        height: 20px;
        padding: 13px;
        font-size: 20px;
        text-align: center;
        line-height: 20px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
    }

    .menu .mainmenu dl {
        width: 100% !important;
        margin-top: 12px;
        background-color: #6A2686;
        border-top: 1px solid rgba(255, 255, 255, .1);
    }

    .menu .mainmenu dl dd {
        width: 100% !important;
        height: 46px;
        padding: 0 32px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
    }

    .menu .mainmenu dl dd a {
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.8);
    }

    .menu .mainmenu dl dd::before {
        content: '';
        display: block;
        width: 8px;
        height: 2px;
        background-color: rgba(255, 255, 255, .8);
        margin-right: 8px;
    }

    .navWrap .mainmenu {
        display: none;
    }

    .navWrap .nav ul {
        padding: 16px;
        box-sizing: border-box;
    }

    .navWrap .logo {
        width: 198px;
        height: 38px;
        margin-top: 0;
    }

    .nav-right {
        width: 120px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .nav-right .iconfont {
        font-size: 16px;
        color: #1a1a1a;
        padding: 0;
    }

    .nav-right .icon-menu {
        display: block;
    }

    .search-box {
        height: 0;
    }

    .search-box .search-box-content {
        width: 90%;
        margin: 16px auto;
    }

    .main_conDiv {
        padding: 40px 0 0;
    }

    .v_news_content .img_vsb_content {
        width: 375px !important;
        object-fit: contain;
    }

    .adapt_img {
        width: 375px !important;
    }


    .module_one {
        display: flex;
        flex-wrap: wrap;
    }

    .lunbo {
        width: 100% !important;
        height: 211px !important;
    }

    .lunbo .point {
        bottom: 16px !important;
    }

    .bg_all {
        padding: 0;
        box-sizing: border-box;
        background: none;
    }

    .bg_all .mainWrap.lunbo_bottom {
        padding: 32px 16px 0 !important;
        box-sizing: border-box;
        margin-top: 0 !important;
    }

    .bg_all .tab_right .sub_option {
        height: 28px;
        line-height: 28px;
        padding: 0 16px;
        font-size: 14px;
        margin-right: 0;
        border-color: #6A2686;
    }

    .tab_right .sub_option a {
        color: #6A2686;
    }

    .main_conR {
        padding: 16px 0;
    }

    .grid .listitem {
        width: 100%;
        margin-bottom: 16px;
    }

    .grid .listitem:not(:nth-of-type(3n)) {
        margin-right: 0;
    }

    .grid .listitem .preview_img {
        margin-bottom: 8px;
        height: 192px;
    }

    .grid .listitem .date {
        margin-bottom: 0;
    }

    .grid .listitem p {
        margin: 16px 0;
    }

    .grid .listitem .more {
        display: block;
        height: 50px;
    }

    .grid .listitem .more::after {
        width: 100%;
        transition: none;
    }

    .grid .listitem .more .more_txt {
        opacity: 1;
        transition: none;
        right: 40px;
    }

    .grid .listitem .arrow {
        color: #6A2686;
        transform: rotate(45deg);
        right: 0;
    }

    .main_about {
        padding: 32px 16px;
        box-sizing: border-box;
        height: auto;
        min-height: 804px;
        background: url(../images/about_bg.png) no-repeat;
        background-size: 100% 100%;
    }

    .main_about .main_about_title {
        margin-top: 0;
    }

    .main_about .about_logo {
        width: 120px;
        height: 120px;
        display: block;
        margin: 32px auto;
        position: relative;
        z-index: 10;
    }

    .main_about .main_about_content {
        padding: 0 !important;
        position: relative;
        height: auto;
        min-height: calc(100% - 224px);
    }

    .main_about .main_about_content h1 {
        font-family: mFont;
    }

    .main_about .main_about_content p {
        width: 100%;
        -webkit-line-clamp: 10;
    }

    .main_about .main_about_content .link_box {
        position: absolute;
        right: 0;
        /* bottom: 32px; */
        color: #6A2686;
        border-color: #6A2686;
        /* padding: 0 16px; */
        width: 88px;
        height: 28px;
        line-height: 26px;
        box-sizing: border-box;
    }

    .innovation {
        padding: 32px 16px;
        box-sizing: border-box;
        height: 517px;
    }

    .innovation .tab_right {
        display: none;
    }

    .innovation .innovation_content {
        width: 100%;
        flex-direction: column-reverse;
        justify-content: flex-end;
        padding-top: 24px;
        box-sizing: border-box;
    }

    .innovation .innov_middle {
        display: none;
    }

    .innovation .innov_left {
        box-sizing: border-box;
        width: 100%;
        height: auto;
        display: flex;
        margin-top: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .innovation_content .innov_left .turn_page {
        margin-top: 0;
        font-size: 16px;
    }

    .innovation_content .innov_left .turn_page .current_page {
        font-size: 24px;
    }

    .innovation .innov_left .link_box {
        width: auto;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        padding: 0 16px;
        margin-top: 0;
        color: #6A2686;
        border-color: #6A2686;
    }

    .innovation .innov_right {
        width: 100%;
        height: 324px;
        margin-top: 0;
        overflow: hidden;
    }

    .innovation .innov_right .card_box {
        width: calc(100% * 4) !important;
        height: 100%;
        overflow-x: auto;
    }

    .innovation .innov_right .card_box::-webkit-scrollbar {
        display: none;
    }

    .innovation .innov_right .card {
        width: 25%;
        height: 100%;
    }

    .innovation .innov_right .img_box {
        width: 100%;
        height: 192px;
        object-fit: cover;
    }

    .innovation .card .txt_box {
        position: static;
        width: 100%;
        height: 132px;
        padding: 16px;
    }

    .edu_title {
        padding: 32px 16px 24px;
        box-sizing: border-box;
    }

    .education {
        height: 648px;
    }

    .education .edu_img_box {
        width: 312px;
        height: 200px;
        left: 40px;
        top: 24px;
    }

    .education .edu_img_box img {
        width: 100%;
        height: 176px;
        object-fit: cover;
        top: 24px;
        right: 24px;
    }

    .education .edu_menu_list {
        top: 236px;
        left: 40px;
    }

    .education .icon-logo {
        width: 182px;
        height: 216px;
        left: 158px;
        top: 316px;
        font-size: 200px;
    }

    .wall {
        position: relative;
        padding: 32px 16px 0;
        width: 100%;
        flex-wrap: wrap;
        height: auto;
    }

    .wall .middle_title {
        position: absolute;
        width: 100%;
        height: 70px;
        top: 32px;
        left: 0;
        display: flex;
        align-items: center;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .wall .middle_title .link_box {
        width: 88px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        padding: 0 16px;
        margin-top: 0;
        color: #6A2686;
        border-color: #6A2686;
    }

    .wall .flex_box {
        margin-top: 94px;
        width: 100%;
        height: auto;
        flex-wrap: wrap;
    }

    .wall .flex_box:last-of-type {
        margin-top: 0;
    }

    .wall .flex_box a {
        width: 100%;
        height: 240px;
    }

    .wall .flex_box a img {
        width: 100%;
        height: 192px;
        object-fit: cover;
    }

    .wall .flex_box a p {
        display: block;
        font-size: 16px;
        font-weight: bold;
        color: #1A1A1A;
        width: 100%;
        text-align: center;
        margin-top: 8px;
    }

    .footer {
        height: auto;
        padding-bottom: 16px;
    }

    .foot_box {
        flex-direction: column;
        height: auto;
        padding: 16px 16px 0;
        box-sizing: border-box;
        z-index: 999;
    }

    .foot_box .flex_item {
        width: 100%;
        height: auto;
    }

    .foot_box .flex_item ul {
        padding: 12px 0;
        border-left: none;
        border-bottom: 1px solid rgba(255, 255, 255, .15);
    }

    .foot_box .middle ul {
        border: none;
    }

    .foot_box .flex_item li {
        margin-bottom: 12px;
    }

    .foot_box .flex_item li:last-of-type {
        margin-bottom: 0;
    }

    .foot_box .left {
        order: 2;
        flex: 1;
    }

    .foot_box .middle {
        order: 3;
        flex: 1;
        padding: 0;
        border: none;
        margin: 0;
    }

    .footer .top-logo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 32px 16px 0;
        box-sizing: border-box;
    }

    .footer .top-logo img {
        margin: 0 0 12px 0;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .foot_box .right {
        padding: 0 0 20px;
        order: 1;
        flex: 1;
        border-left: none;
        border-bottom: 1px solid rgba(255, 255, 255, .15);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /* .foot_box .right img {
        width: 240px;
        height: 64px;
    } */

    .friendly_link {
        width: calc(100% - 32px);
        margin-top: 0 !important;
        height: auto;
        line-height: 40px;
        margin: 0 16px;
    }

    .footDiv_one {
        width: 100%;
        height: 64px;
        padding: 8px 16px;
        box-sizing: border-box;
        line-height: 24px;
    }

    .footDiv_one div {
        word-break: break-all;
        word-wrap: break-word;
        white-space: pre-wrap;
        color: rgba(255, 255, 255, .7);
        font-size: 14px;
        height: 48px;
    }

    .footDiv_one div span {
        font-size: 14px !important;
        /* color: #666 !important; */
    }

    .backtop {
        right: 16px;
        bottom: 64px;
        z-index: 9999;
    }

    .leader_content .left_nav,
    .message_content .left_nav {
        display: none;
    }

    .navWrap {
        box-shadow: none;
        border-bottom: 1px solid #E8E8E8;
        position: static !important;
    }

    .mainWrap {
        padding: 0 16px;
        box-sizing: border-box;
        margin-top: 0 !important;
    }

    .mainWrap .main_contit {
        padding: 0;
    }

    .main_contit .top_box h2 {
        padding: 0;
    }

    .right_leader_content {
        width: 100%;
        padding: 16px 0;
        float: none;
        border: none;
    }

    .leader_list .grid .listitem {
        width: 100%;
        border-right: 1px solid #d9d9d9;
        margin-bottom: 0;
    }

    .leader_list .grid .listitem:last-of-type {
        border-top: none;
    }

    .listitem .item_content {
        flex-direction: column;
        padding: 16px;
    }

    .listitem .item_content .preview_img {
        width: 100%;
        height: 390px !important;
    }

    .listitem .item_content .prev_content {
        width: 100%;
        padding: 0;
    }

    .listitem .item_content p {
        margin: 8px 0;
    }

    .listitem .item_content h3 .name {
        color: #6A2686;
        word-break: break-all;
        word-wrap: break-word;
        white-space: pre-wrap;
    }

    .leader_list .listitem .item_content h3::after {
        content: '';
        display: block;
        width: 40px;
        height: 2px;
        background-color: #d9d9d9;
        margin: 8px 0;
    }

    .summary_img {
        width: 100%;
        height: 125px;
        object-fit: cover;
        margin-bottom: 32px;
    }

    .tabcard_list .grid .listitem {
        width: 100%;
        height: 290px;
        margin-bottom: 16px;
    }

    .tabcard_list .grid .listitem:not(:nth-of-type(3n)) {
        margin-right: 0;
    }

    .tabcard_list .listitem .item_content {
        padding: 0;
    }

    .tabcard_list .listitem .preview_img {
        height: 192px !important;
    }

    .tabcard_list .listitem .prev_content {
        height: 80px;
        padding-right: 36px;
    }

    .tabcard_list .listitem .prev_content h3 {
        margin-bottom: 8px;
    }

    .grid .listitem .icon-logo {
        right: -16px;
        bottom: -24px;
    }

    .tabcard_list .listitem .icon-arrow {
        right: 0;
        bottom: 28px;
        color: #6A2686;
    }

    .tabcard_list .listitem .outer_border {
        height: 5px;
        background-color: #6A2686;
    }

    .pb_sys_common {
        width: 100%;
        margin-top: 20px !important;
        /* display: none; */
    }

    .pb_sys_common .p_no {
        display: none;
    }

    .pb_sys_common .p_no_d {
        display: none;
    }

    .pb_sys_common .p_pages {
        width: 100%;
        display: inline-block;
    }

    .p_pages span {
        margin: 0 2px;
    }

    .tab {
        height: 52px;
    }

    .tab .tab_left h2 {
        font-size: 30px;
    }

    .tab_right {
        display: block;
        width: calc(100% - 150px);
        position: relative;
    }

    .tab_right ul {
        display: block;
        width: 100%;
        line-height: 64px;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 0 8px;
        box-sizing: border-box;
    }

    ul::-webkit-scrollbar {
        display: none;
    }

    .right_content .tab_right .sub_option,
    .edu_title .tab_right .sub_option {
        float: right !important;
        right: -8px;
        top: 50%;
        transform: translateY(-50%);
        position: relative;
        height: 28px !important;
        line-height: 28px !important;
        padding: 0 20px !important;
        border-color: #6A2686 !important;
    }

    .right_content .tab_right .sub_option a,
    .edu_title .tab_right .sub_option a {
        color: #6A2686 !important;
    }

    .tab .tab_right .sub_option {
        font-size: 12px;
        padding: 0 8px;
        height: 22px;
        line-height: 22px;
        border-color: #1A1A1A;
        display: inline-block;
    }

    .tab .tab_right .sub_option a {
        color: #1a1a1a;
    }

    .tab .tab_right .selected {
        background-color: transparent;
        border-color: #6A2686;
    }

    .tab .tab_right .selected a {
        color: #fff;
    }

    .tab_right .sub_option::after {
        display: none;
        transition: none;
    }

    .tab_right .sub_option:hover::after {
        width: 0;
    }

    .tab_right .layout {
        display: none;
    }

    .letter_list {
        width: 20px;
        position: fixed !important;
        top: 132px !important;
        left: calc(100% - 20px) !important;
        flex-direction: column;
        padding: 0;
    }

    .letter_list li {
        width: 20px;
        min-height: 20px;
        height: auto;
        margin-bottom: 6px;
        padding: 0;
        font-size: 14px;
        text-align: center;
        line-height: 20px;
    }

    .letter_list .selected::after {
        border: 4px solid transparent;
        border-left: 4px solid #6A2686;
        left: -6px;
        top: 50%;
        transform: translateY(-50%);
    }

    .teacher_list .grid {
        width: calc(100% - 32px);
        min-height: 600px;
    }

    .teacher_list .grid .listitem {
        width: 100%;
        height: auto;
        margin-bottom: 16px;
        background-color: #fff;
        border-bottom: 5px solid #6A2686;
        padding-bottom: 8px;
    }

    .teacher_list .listitem .item_content {
        padding: 0 16px;
    }

    .teacher_list .item_content .preview_img {
        height: auto !important;
        min-height: 390px;
        object-fit: contain;
    }

    .listitem .item_content .outer_border {
        display: none;
    }

    .course_img_box {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .course_flex_box {
        width: 100% !important;
        display: flex;
        flex-direction: column;
    }

    .course_flex_box section {
        width: 100% !important;
    }

    .course_img_box .img_vsb_content {
        width: 100% !important;
        object-fit: contain;
    }

    .list .listitem h3 {
        width: calc(100% - 170px);
        top: 12px;
        left: 178px;
    }

    .list .listitem .date {
        top: 48px;
        left: 194px;
        font-size: 16px;
    }

    .list .listitem p {
        left: 194px;
        width: calc(100% - 194px);
    }

    .teacher-nav {
        top: 0 !important;
        height: 140px !important;
        padding: 0 !important;
    }

    .teacher_content .v_news_content {
        width: 100% !important;
        padding: 0 !important;
    }

    .teacher-nav ul {
        padding: 8px 0;
    }

    .teacher-nav li {
        width: 48px;
        display: flex;
        justify-content: center;
        padding: 8px 0;
    }

    .teacher-nav li a {
        padding: 4px 16px !important;
        writing-mode: vertical-lr;
    }

    .entry-content>.person_info::before {
        width: 96% !important;
        left: 0 !important;
    }

    .entry-content>.person_info>tbody::before {
        width: 96% !important;
        left: 0;
    }

    .entry-content>.person_info::after {
        width: calc(96% - 20px) !important;
        left: 12px !important;
    }

    .entry-content .person_info>tbody>tr {
        flex-direction: column !important;
    }

    .entry-content td[valign='bottom'] {
        margin: 0 21px !important;
    }

    .entry-content td[valign='top'] {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .entry-content td[valign='top'] tbody {
        top: 0 !important;
    }

    .entry-content td[valign='top'] tr {
        height: auto !important;
        display: flex !important;
        align-items: start !important;
        margin-bottom: 12px !important;
    }

    .entry-content td[valign='top'] tr td:first-of-type {
        background-position: 0 0 !important;
    }

    .entry-content td[valign='top'] tr td:first-of-type {
        flex-shrink: 0 !important;
    }
}