@media only screen and (max-width: 20000px) {}

@media only screen and (max-width: 1920px) {
    .banner-box {
        max-width: 1920px;
        width: 100%;
    }

    .box-img>ul>li>img {
        max-width: 1920px;
        width: 100%;
    }

    .banner-box,
    .xwdt {
        display: none;
    }

    .phoneBanner,
    .phone_xwdt {
        display: block;
    }

    .banner>img {
        max-width: 1920px;
        width: 100%;
    }
}

@media only screen and (max-width: 1600px) {
    .content-box {
        padding: 0 20px;
        box-sizing: border-box;
    }

    .content-teacher-item {
        width: 100%;
    }

    .content-teacher-item-title>span {
        width: 100%;
    }

    .content-teacher-item>ul>li:nth-child(10n) {
        margin: 20px 20px 20px 0;
    }

    .content-teacher-item>ul>li {
        margin: 20px 20px 20px 0;
    }

    .content-content-box img {
        max-width: 100%;
        height: auto !important;
    }

    .v_news_content .vsbcontent_video video {
        max-width: 100% !important;
        height: auto;
    }
}

@media only screen and (max-width: 1240px) {
    .box1 {
        min-height: 680px;
        height: auto;
        padding: 20px;
    }

    .box2 {
        height: auto;
        padding: 0 20px;
        padding-bottom: 20px;
    }

    .box2-bj {
        height: auto;
    }

    .box3 {
        height: auto;
        padding: 20px;
    }

    .base {
        box-sizing: border-box;
        height: auto;
    }

    .base-bj {
        height: auto;
        padding: 0 20px;
        padding-bottom: 20px;
        box-sizing: border-box;
        width: 100%;
        background-size: cover;
    }

    .box1-content {
        flex-direction: column;
    }

    .xwdt-box-lunbo-text p {
        width: 100%;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .box1-content-left {
        width: 100%;
    }

    .box1-content-right {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }

    .xwdt-box-lunbo-text h5 {
        width: 100%;
    }

    .box1-content-right-nav {
        width: 92%;
    }

    .box2-content-list>li {
        margin: 0 1.3% 0 0;
        width: 24%;
    }

    .box2-content-nav {
        max-width: 900px;
        width: 100%;
    }

    .box2-content-nav>ul>li {
        width: 23%;
    }


    .box2-content-nav>span {
        width: 14%;
    }

    .box3-content>ul>li {
        width: 32%;
        height: 480px;
    }

    .box3-link>ul>li {
        width: 24%;
    }

    .box3-link>ul>li>a {
        width: 100%;
    }

    .box3-item-img {
        width: 100%;
        height: 46%;
        background-size: 100% 100%;
    }

    .box3-content {
        margin: 25px 0;
    }

    .box3-link>ul>li>a {
        width: 100%;
    }

    .base-box-left {
        width: 50%;
    }

    .base-box-center {
        width: 30%;
    }

    .base-box-right {
        width: 20%;
    }

    .base-box-center>ul>li>a {
        width: 100%;
    }

    .base-box-center>ul {
        width: 100%;
    }

    .base-box-center>ul>li {
        width: 50%;
    }

    .content-left {
        width: 20%;
    }

    .content-left-top,
    .content-left-nav,
    .content-left-nav-list>ul>li>a,
    .content-left-nav-list>ul>li,
    .content-left-nav-list,
    .content-left-nav-list>span {
        width: 100%;
    }

    .content-right {
        max-width: 930px;
        width: 78%;
    }

    .content-list-text {
        width: calc(100% - 89px);
    }

    .content-list-time {
        width: 89px;
    }
    
    .content-title{
        height: auto;
        flex-wrap: wrap;
    }

    .content-right>.content-title{
        padding: 10px 0;
    }

    .width1400>.content-title {
        margin-bottom: 25px;
    }

    .content-content-title {
        height: 100%;
        min-height: 100px;
        padding-bottom: 10px;
    }
}



@media only screen and (max-width: 1063px) {
    .header-top-box {
        padding: 10px;
        box-sizing: border-box;
    }

    .top-link {
        display: none;
    }
}

@media only screen and (max-width: 913px) {
    .header-nav {
        display: none;
    }

    .dl-menuwrapper {
        display: block;
    }

    .box2-content-list>li {
        margin: 0 1.3% 1.3% 0 !important;
        width: 32%;
    }

    .box3-content>ul>li {
        width: 100%;
    }

    .box3-content>ul {
        flex-wrap: wrap;
    }

    .box3-item-img {
        width: 100%;
        height: 56%;
    }

    .box3-link>ul>li {
        width: 48%;
        margin-bottom: 20px;
    }

    .box3-link>ul {
        flex-wrap: wrap;
    }

    .content-left {
        width: 100%;
        margin-bottom: 20px;
    }

    .content-right {
        width: 100%;
    }

    .content-box{
        flex-wrap: wrap;
    }

}

@media only screen and (max-width: 811px) {
    .header-top-box {
        flex-direction: column;
        align-items: start;
    }

    .top-link {
        display: flex;
    }

    .header-top-box-right {
        padding: 0px 10px;
    }

    .base-box {
        flex-wrap: wrap
    }

    .base-box-left {
        width: 100%;
    }

    .base-box-center {
        width: 80%;
    }
}

@media screen and (max-width: 768px) {
    .content {
        width: 100%;
    }
}

@media only screen and (max-width: 675px) {
    .box2-content-list>li {
        margin: 0 1% 1.3% 0 !important;
        width: 49%;
    }
}

@media only screen and (max-width: 600px) {
    .dl-menuwrapper {
        top: 132px;
    }

    .box1-content-right-nav>ul {
        flex-wrap: wrap;
        justify-content: start;

    }

    .box1-content-right-nav>ul>li {
        margin-right: 10px;
        margin-top: 10px;
    }

    .box1-content-right-list>li>span {
        width: 90px;
    }
}


@media only screen and (max-width: 578px) {
    .top-link {
        display: none;
    }

    .box2-content-nav>span {
        display: none;
    }

    .box2-content-nav>ul {
        width: 100%;
    }
}


@media only screen and (max-width: 548px) {
    .header-top .header-top-box a img {
        width: 100%;
        height: auto;
    }

    .box2-content-list>li {
        margin: 0 0 1.3% 0 !important;
        width: 100%;
    }

    .box3-link>ul>li {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 426px) {

    .box3-item-img {
        height: 45%;
    }

    .box3-content>ul>li {
        height: 400px;
    }
}