@media screen and (min-width: 2260px) {
    .container {
        width: 1920px;
    }
}

@media screen and (max-width: 2260px) {
    .container {
        width: 1440px;
    }

    .ft-20 {
        font-size: 16px;
    }

    .ft-24 {
        font-size: 17px;
    }

    .ft-28 {
        font-size: 18px;
    }

    .ft-30 {
        font-size: 20px;
    }

    .ft-32 {
        font-size: 24px;
    }

    .foot_nav .box h3 a {
        font-size: 22px;
    }

    .foot_nav .box li {
        line-height: 30px;
    }

    .foot_nav .box li a {
        font-size: 16px;
    }

    .ft_code .box p,
    .foot_box .contact p {
        font-size: 20px;
    }

    .news_slide .swiper-pagination {
        bottom: 60px;
    }

    .about_nav ul li {
        width: 220px;
        height: 220px;
        border-radius: 20px;
    }

    .about_nav ul li .icon img {
        max-height: 60px;
    }

    .about_data li:nth-child(1) {
        width: 200px;
    }

    .about_data li {
        margin-left: 45px;
    }

    .about_data li .title {
        font-size: 17px;
    }

    .news_list li {
        padding: 25px 25px 45px 55px;
    }

    .admissions_slide a {
        height: 385px;
    }

    .research_list li {
        height: 560px;
    }

    .foot_nav {
        margin-top: 65px;
    }

    .campus_list .box1 {
        width: 460px;
        height: 460px;
    }

    .campus_list .box1 .img img {
        height: 460px;
    }

    .campus_list .box2 {
        width: 125px;
        height: 125px;
    }

    .campus_list .box2 .img img {
        height: 125px;
    }

    .campus_list .box3 {
        width: 197px;
        height: 197px;
    }

    .campus_list .box3 .img img {
        height: 197px;
    }

    .campus_list .box4 {
        width: 370px;
        height: 370px;
    }

    .campus_list .box4 .img img {
        height: 370px;
    }

    .campus_list .box5 {
        width: 96px;
        height: 96px;
    }

    .campus_list .box5 .img img {
        height: 96px;
    }

    .campus_list .box6 {
        width: 179px;
        height: 179px;
    }

    .campus_list .box6 .img img {
        height: 179px;
    }

    .campus_list .box7 {
        width: 280px;
        height: 280px;
    }

    .campus_list .box7 .img img {
        height: 280px;
    }

    .campus_list .box8 {
        width: 172px;
        height: 172px;
    }

    .campus_list .box8 .img img {
        height: 172px;
    }

    .campus_list .ico1 {
        top: 165px;
        left: 250px;
    }

    .campus_list .ico2 {
        top: 0;
        right: 380px;
    }

    .campus_list .ico3 {
        left: 112px;
        bottom: -87px;
    }

    .campus_list .ico4 {
        bottom: -110px;
        left: 580px;
    }

    .campus_list .ico5 {
        bottom: -90px;
        right: 110px;
    }

    .detail .dtl p {
        font-size: 22px;
    }

    .detail .title {
        font-size: 32px;
    }

    .detail .timer {
        font-size: 18px;
        line-height: 50px;
    }

    .detail-page .box {
        font-size: 22px;
        padding: 35px 0 20px 0;
    }

    .piclist .box {
        padding: 35px 25px;
        border-radius: 25px;
    }

    .piclist .box .img img {
        border-radius: 25px;
    }

    .textlist .box {
        padding: 25px 15px;
        height: auto;
        margin-bottom: 40px;
    }

    .news_slide .text {
        width: calc(100% - 160px);
        margin-left: 80px;
        padding: 25px 35px;
    }

    .nav>ul>li .cn {
        font-size: 20px;
    }

    .column .name img {
        max-height: 60px;
    }

    .ft-36 {
        font-size: 28px;
    }

    .ft-22 {
        font-size: 18px;
    }

    .jgsz_item .name::after {
        right: -247px;
    }

    .jgsz_item .name::before {
        width: 120px;
        right: -224px;
    }

    .jgsz_right .name::before {
        left: -147px;
    }

    .jgsz_right .name::after {
        left: -172px;
    }

    .textlist .box .title {
        line-height: 32px;
        padding-left: 20px;
    }

    .textlist .box .d {
        font-size: 32px;
    }

    .textlist .box .y {
        font-size: 16px;
    }


    .subNav_new .box a {
        font-size: 20px;
    }

    .picture2 .box .img,
    .picture2 .box .img img {
        border-radius: 25px 25px 0 0;
    }

    .picture2 .box .title {
        height: 50px;
        line-height: 50px;
        border-radius: 0px 0px 25px 25px;
    }

    .piclist .box .title {
        font-size: 20px;
        line-height: 30px;
    }

    .piclist .box .desc {
        font-size: 15px;
        line-height: 25px;
        height: 100px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

    .piclist .box .tt {
        padding-left: 25px;
    }

    .textlist .box .d {
        height: 40px;
        line-height: 40px;
    }

    .textlist .box .dete {
        width: 92px;
        border-radius: 10px;
    }

    .textlist .box .dete {
        height: 76px;
    }

    .textlist .box .y {
        border-radius: 0px 0px 10px 10px;
        font-size: 14px;
    }

    .faculty-head {
        margin-bottom: 40px;
    }

    .faculty-head .box {
        font-size: 18px;
        height: 45px;
        line-height: 45px;
        padding: 0 13px;
    }

    .faculty-count .item .title {
        height: 55px;
    }

    .faculty-count .item {
        margin-bottom: 30px;
    }

    .faculty-count .item .title .name {
        font-size: 26px;
    }

    .faculty-count .item .list a {
        font-size: 22px;
    }

}






@media screen and (max-width: 1630px) {
    .container {
        width: 1360px;
    }

    .about_box {
        padding: 20px 0 70px 0;
    }

    .about_nav ul li {
        width: 250px;
        height: 218px;
    }

    .about_data li .num {
        font-size: 30px;
    }

    .about_data li .dw {
        font-size: 15px;
    }

    .about_data li .title {
        font-size: 18px;
    }

    .about_data li {
        margin-left: 40px;
    }

    .column {
        padding: 65px 0 30px 0;
    }

    .column img {
        max-height: 60px;
    }

    .research_list li {
        height: 485px;
    }

    .admissions_slide a {
        height: 385px;
    }

    .campus_list .box1 {
        width: 360px;
        height: 360px;
    }

    .campus_list .box1 .img img {
        height: 360px;
    }

    .campus_list .box2 {
        width: 85px;
        height: 85px;
    }

    .campus_list .box2 .img img {
        height: 85px;
    }

    .campus_list .box3 {
        width: 147px;
        height: 147px;
    }

    .campus_list .box3 .img img {
        height: 147px;
    }

    .campus_list .box4 {
        width: 320px;
        height: 320px;
    }

    .campus_list .box4 .img img {
        height: 320px;
    }

    .campus_list .box5 {
        width: 66px;
        height: 66px;
    }

    .campus_list .box5 .img img {
        height: 66px;
    }

    .campus_list .box6 {
        width: 129px;
        height: 129px;
    }

    .campus_list .box6 .img img {
        height: 129px;
    }

    .campus_list .box7 {
        width: 230px;
        height: 230px;
    }

    .campus_list .box7 .img img {
        height: 230px;
    }

    .campus_list .box8 {
        width: 122px;
        height: 122px;
    }

    .campus_list .box8 .img img {
        height: 122px;
    }

    .news_list li {
        padding: 25px 25px 55px 55px;
    }

    .ft-20 {
        font-size: 16px;
    }

    .ft-22 {
        font-size: 18px;
    }

    .ft-26 {
        font-size: 20px;
    }

    .ft-28 {
        font-size: 22px;
    }

    .ft-30 {
        font-size: 24px;
    }

    .ft-32 {
        font-size: 26px;
    }

    .ft-36 {
        font-size: 28px;
    }

    .p-t-200 {
        padding-top: 100px;
    }

    .p-t-370 {
        padding-top: 185px;
    }

    .news_slide .text {
        width: calc(100% - 140px);
        height: auto;
        margin-left: 70px;
        padding: 25px;
    }

    .adminssions_box {
        padding-bottom: 60px;
    }

    .crumbs {
        padding: 65px 0 25px 0;
    }

    .crumbs .name img {
        max-height: 45px;
    }

    .crumbs .name::before {
        bottom: -27px;
    }

    .subNav {
        margin: 35px 0;
    }

    .subNav .box {
        height: 45px;
        line-height: 45px;
        padding: 0 35px;
        margin-right: 25px;
        border-radius: 50px;
    }

    .textlist .box,
    .piclist .box {
        padding: 35px 25px;
        height: auto;
    }

    .detail .title {
        font-size: 26px;
    }

    .detail .timer {
        font-size: 18px;
        line-height: 45px;
    }

    .detail .dtl {
        padding: 35px 0;
    }

    .detail .dtl p,
    .detail .dtl span {
        font-size: 16px !important;
        line-height: 35px;
    }

    .detail-page .box {
        font-size: 18px;
        padding: 25px 0 15px 0;
    }

    .jgsz_item .list a {
        margin-bottom: 10px;
    }

    .jgsz_box .jgsz_xian {
        margin: 0 120px;
    }

    .jgsz_item .name::before {
        right: -180px;
    }

    .jgsz_item .name::after {
        right: -204px;
    }

    .jgsz_right .name::before {
        left: -110px;
    }

    .jgsz_right .name::after {
        left: -134px;
    }

    .jgsz_right .list a:hover::after {
        left: -27px;
    }

    .jgsz_left .list a:hover::after {
        right: -27px;
    }

    .jgsz_item .name::before {
        width: 80px;
    }

    .jgsz_box {
        padding-top: 160px;
    }

    .jgsz_right .list {
        padding-left: 25px;
    }

    .jgsz_left .list {
        padding-right: 25px;
    }

    .nav>ul>li .cn {
        font-size: 18px;
    }

    .news_slide .swiper-pagination {
        right: 95px;
        bottom: 3%;
    }

    .research_list li .title {
        /* word-break: break-all; */
    }

    .foot_nav .box h3 a {
        font-size: 20px;
    }

    .foot_nav .box li {
        line-height: 30px;
    }

    .foot_nav .box li a {
        font-size: 18px;
    }

    .campus_list .ico1,
    .campus_list .ico2,
    .campus_list .ico3,
    .campus_list .ico4,
    .campus_list .ico5 {
        display: none;
    }

    .faculty-head .box,
    .faculty-count .item .list a {
        font-size: 20px;
    }

    .faculty-count .item .title .name {
        font-size: 30px;
    }

}

@media screen and (max-width: 1400px) {
    .container {
        width: 1220px;
    }

    .ft-20 {
        font-size: 15px;
    }

    .ft-28 {
        font-size: 20px;
    }

    .ft-30 {
        font-size: 22px;
    }

    .ft-32 {
        font-size: 24px;
    }

    .column {
        padding: 45px 0 20px 0;
    }

    .about_nav ul li {
        width: 220px;
        height: 188px;
    }

    .news_slide .text .date {
        margin-top: 20px;
    }

    .news_slide .swiper-pagination {
        bottom: 15px;
        right: 95px;
    }

    .campus_list .ico2 {
        display: none;
    }

    .research_list li {
        height: 380px;
    }

    .foot_box .contact p,
    .ft_code .box p,
    .foot_nav .box li a {
        font-size: 16px;
    }

    .banq {
        padding: 15px 0;
    }

    .banq p {
        font-size: 18px;
    }

    .foot_nav .box h3 a {
        font-size: 20px;
    }

    .foot_nav .box li {
        line-height: 30px;
    }

    .nav>ul>li .cn {
        font-size: 15px;
    }

    .ft-22 {
        font-size: 16px;
    }

    .ft-36 {
        font-size: 22px;
    }

    .jgsz_box .jgsz_xian {
        margin: 0 70px;
    }

    .jgsz_item .name::after {
        right: -197px;
    }

    .jgsz_item .name::before {
        width: 50px;
        top: 53%;
    }

    .jgsz_right .name::after {
        left: -84px;
    }

    .jgsz_right .name::before {
        left: -70px;
    }

    .about_data li:nth-child(3) {
        width: 210px;
    }

    .about_nav ul li img {
        max-height: 60px;
    }

    .piclist .box .title {
        font-size: 16px;
    }

    .piclist .box .desc {
        font-size: 14px;
    }
}


@media screen and (max-width: 1140px) {

    .responsive-table {
        white-space: nowrap;
    }

    .mbheader {
        display: block;
    }

    .header_box {
        display: none;
    }

    .container {
        width: 95%;
    }

    .crumbs {
        padding: 35px 0 15px 0;
    }

    .subNav {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: unset;
    }

    .ft-26 {
        font-size: 16px;
    }

    .detail {
        padding: 25px 15px;
    }

    .detail .dtl {
        padding: 0;
    }

    .ftlogo,
    .ft_code,
    .foot_nav {
        display: none;
    }

    .foot {
        padding: 15px 0;
        background: #143270;
    }

    .foot_box .contact p,
    .foot_box .contact p a,
    .foot_box .contact p span {
        color: #fff !important;
    }

    .banq {
        padding: 0 0 15px 0;
    }

    .banq p,
    .banq p span,
    .banq p a,
    .foot_box .contact p {
        font-size: 15px !important;
        line-height: 25px !important;
        text-align: center;
    }

    .m-b-130 {
        margin-bottom: 40px;
    }

    .ft-30 {
        font-size: 18px;
    }

    .detail .title {
        font-size: 20px;
    }

    .detail .timer {
        font-size: 16px;
        line-height: 30px;
        margin-top: 10px;
    }

    .detail-page .box {
        font-size: 16px;
        padding: 15px 0;
        line-height: 28px;
    }

    .textlist .box,
    .piclist .box {
        width: 100%;
        padding: 20px;
        margin-bottom: 25px;
    }

    .textlist .box,
    .piclist .box .img img,
    .piclist .box,
    .picture_top .left .box,
    .picture_top .box .img img,
    .picture_top .box .img,
    .admissions_slide a {

        border-radius: 15px;
    }

    .list-page {
        margin-top: 25px;
    }

    .piclist .box .img {
        width: 100%;
    }

    .piclist .box .img img {
        height: auto;
    }

    .piclist .box .tt {
        padding: 20px 0;
    }

    .piclist .box .title {
        line-height: 25px;
    }

    .piclist .box .desc {
        margin: 15px 0 25px 0;
    }

    .picture_top .left,
    .picture_top .right {
        width: 100%;
    }

    .picture_top .left,
    .picture_top .left .box {
        margin-bottom: 20px;
    }

    .picture_top .right .box .title {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        box-sizing: border-box;
        padding: 0 15px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

    .picture_top {
        margin-bottom: 20px;
    }

    .jgsz_box {
        margin: 40px 0;
        padding: 0;
    }

    .jgsz_box .jgsz_xian {
        display: none;
    }

    .jgsz_item {
        width: 100%;
        padding: 0;
    }

    .jgsz_left .list {
        align-items: flex-start;
    }

    .crumbs .name::before {
        bottom: -17px;
    }

    .jgsz_left .list {
        border-right: none;
        padding-right: 0;
        padding-left: 15px;
        border-left: 1px solid #D8D8D8;
    }

    .jgsz_item .name {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .jgsz_item .name::before,
    .jgsz_item .name::after {
        display: none;
    }

    .jgsz_item .list {
        font-size: 16px;
    }

    .jgsz_item .list a {
        margin-bottom: 0;
    }

    .jgsz_right {
        margin-top: 25px;
    }

    /* ---------------------- */

    .research_list li {
        width: calc((100% - 25px) / 2);
        margin-bottom: 25px;
        height: auto;
    }

    .research_list li a {
        padding: 40px 0;
    }

    .research_list li .icon img {
        height: 45px;
    }

    .research_list li .title {
        font-size: 16px;
    }

    .research_list li .more {
        position: unset;
        margin-top: 25px;
    }

    .research_box,
    .new_box,
    .campus_box {
        padding-bottom: 40px;
    }

    .news_slide {
        width: 100%;
    }

    .news_list {
        width: 100%;
        padding: 0;
        margin-top: 25px;
    }

    .news_slide .text {
        width: 100%;
        margin: 0;
        border-radius: 0 0 20px 20px;
        padding: 20px;
        box-shadow: unset;
    }

    .news_slide .text .title {
        font-size: 16px;
        line-height: 30px;
        height: 60px;
    }

    .news_list li {
        padding: 20px 20px 25px 45px;
    }

    .news_list li .more,
    .news_list li:hover .more {
        display: none;
    }

    .admissions_slide a {
        padding: 20px;
        height: auto;
    }

    .admissions_slide a .more {
        position: unset;
        margin-top: 25px;
    }

    .admissions_slide .swiper-slide:nth-child(2n+1) {
        padding-top: 45px;
    }

    .campus_list {
        justify-content: space-between;
    }

    @keyframes pulse {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.05);
        }

        100% {
            transform: scale(1);
        }
    }

    .campus_list .box1,
    .campus_list .box2,
    .campus_list .box3,
    .campus_list .box4,
    .campus_list .box5,
    .campus_list .box6,
    .campus_list .box7,
    .campus_list .box8 {
        position: unset;
        width: 45%;
        height: auto;
        aspect-ratio: 1/1;
        padding: 0;
        /* animation-name: none; */
        margin-bottom: 10%;
    }

    .campus_list .box7,
    .campus_list .box8 {
        margin-bottom: 0;
    }

    .campus_list .box1 img,
    .campus_list .box2 img,
    .campus_list .box3 img,
    .campus_list .box4 img,
    .campus_list .box5 img,
    .campus_list .box6 img,
    .campus_list .box7 img,
    .campus_list .box8 img {
        width: 100%;
        height: auto !important;
        aspect-ratio: 1/1;
    }

    .campus_more {
        display: none;
    }

    .about_left {
        width: 100%;
    }

    .column img {
        max-height: 35px;
    }

    .about_text .desc {
        font-size: 16px;
        line-height: 28px;
    }

    .about_img {
        display: none;
    }

    .about_nav ul {
        justify-content: space-between;
    }

    .about_nav ul li {
        width: 48%;
        margin: 0;
        margin-bottom: 4%;
    }

    .about_main {
        padding: 0;
        margin-top: 40px;
    }

    .about_nav ul li .name {
        font-size: 18px;
    }

    .about_data {
        margin: 40px 0 0 0;
    }

    .about_box {
        padding: 0 0 40px 0;
    }

    .news_slide .swiper-pagination {
        right: 20px;
    }

    .admissions_slide {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        margin: 0;
    }

    .admissions_slide .swiper-pagination {
        margin-top: 20px;
    }

    .ft-24 {
        font-size: 16px;
    }

    .searchList2 .box {
        width: 100%;
        margin-bottom: 20px;
        border-radius: 20px;
        padding: 20px;
    }

    .searchList2 .box .title {
        line-height: 30px;
        height: 60px;
    }

    .searchList2 .box .desc {
        line-height: 25px;
        height: 25px;
        margin: 10px 0;
    }

    .z_banner {
        margin: 0;
    }

    .z_banner .swiper-next {
        right: 0;
    }

    .z_banner .swiper-prev {
        left: 0;
    }

    .subNav_new {
        display: none;
    }

    .nwidth {
        width: 100%;
    }

    .en_link {
        right: 10%;
    }

    .crumbs-name {
        font-size: 20px;
    }

}

@media screen and (max-width: 640px) {
    .crumbs .name img {
        max-height: 30px;
    }

    .en_link {
        right: 70px;
    }

    .crumbs .name::before {
        bottom: -17px;
    }

    .detail .dtl p {
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .detail .dtl span {
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .detail .timer>div {
        width: 100%;
    }

    .textlist .box .dete {
        width: 82px;
        height: 75px;
        border-radius: 10px;
    }

    .textlist .box .d {
        width: 100%;
        height: 36px;
        line-height: 36px;
        font-size: 28px;
    }

    .textlist .box .y {
        font-size: 14px;
        border-radius: 0px 0px 10px 10px;
    }

    .textlist .box .title {
        line-height: 25px;
        height: 75px;
        padding-left: 15px;
        -webkit-line-clamp: 3;
    }

    .about_data li,
    .about_data li:nth-child(1),
    .about_data li:nth-child(2),
    .about_data li:nth-child(3) {
        width: 100%;
        margin: 10px 0;
    }

    .about_nav ul li img {
        max-height: 45px;
    }

    .research_list li .icon {
        margin-bottom: 20px;
    }

    .admissions_slide a .title {
        line-height: 30px;
    }

    .crumbs .list {
        display: none;
    }

    .crumbs .name {
        font-size: 20px;
    }

    .jgsz_left .list a,
    .jgsz_item .list a {
        word-break: break-all;
        text-align: left;
    }

    .picture_top .left .tt {
        opacity: 1;
        visibility: visible;
        border-radius: 20px;
    }

    .detail {
        border-radius: 20px;
    }

    .picture_top .right .box .img,
    .picture_top .right .box .img img {
        border-radius: 20px 20px 0 0;
    }

    .picture_top .right .box .title {
        border-radius: 0 0 20px 20px;
    }

    .campus_list .box3,
    .campus_list .box4,
    .campus_list .box5,
    .campus_list .box6,
    .campus_list .box7,
    .campus_list .box8 {
        display: none;
    }

    .campus_list .ico1,
    .campus_list .ico2,
    .campus_list .ico3,
    .campus_list .ico4,
    .campus_list .ico5 {
        display: none;
    }

    .picture2 .info {
        justify-content: space-between;
    }

    .picture2 .box {
        width: 48%;
        margin-right: 0;
        margin-bottom: 4%;
    }

    .picture2 .box .img,
    .picture2 .box .img img {
        border-radius: 20px 20px 0 0;
    }

    .picture2 .box .title {
        height: 45px;
        line-height: 45px;
        border-radius: 0 0 20px 20px;
    }

    .picture2 .list-page {
        margin-bottom: 35px;
    }

    .z_banner .swiper-prev,
    .z_banner .swiper-next {
        width: 17px;
        height: 29px;
        top: calc((100% - 29px) / 2);
    }

    .about_data li {
        align-items: center;
    }

    .admissions_slide a .title {
        font-size: 16px;
        line-height: 25px;
        height: 125px;
        -webkit-line-clamp: 5;
    }

    .research_list li .title {
        height: 42px;
    }

    .subNav .box {
        margin-bottom: 15px;
    }

    .subNav {
        margin: 15px 0 0 0;
    }

    /* ---- */


    .faculty-count .item .title {
        padding: 0 20px;
        height: 45px;
    }

    .faculty-count .item .title .name {
        font-size: 20px;
    }

    .faculty-count .item .list {
        padding: 20px;
    }

    .faculty-count .item .list a {
        font-size: 16px;
    }

    .faculty-head {
        height: 52px;
        overflow-x: auto;
        box-sizing: border-box;
        padding: 0 10px;
        margin-bottom: 35px;
    }

    .faculty-head .box {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
    }

    .faculty-count .item {
        margin-bottom: 25px;
    }
}