@media(max-width:1920px) {}



@media(max-width:1680px) {



    /*   about   ====================================================================*/

    .about .history-box .slick-prev {

        left: -28px;

    }



    .about .history-box .slick-next {

        right: -40px;

    }



    .about .ind-campus-list .slick-prev,

    .about .ind-campus-list .slick-next {

        top: 0;

        margin: 0;

        height: 84%;

        width: 9%;

    }



    .about .ind-campus-list .slick-arrow {

        background: transparent;

    }



    .about .ind-campus-list .slick-prev i,

    .about .ind-campus-list .slick-next i {

        height: 100%;

        width: 100%;

    }



    .about .ind-campus-list .slick-prev {

        left: 0;

    }



    .about .ind-campus-list .slick-next {

        right: 0;

    }



    .about .ind-campus-img img {

        opacity: .8;

    }



    .about .slick-active .ind-campus-img img {

        opacity: 1;

    }


}



@media(max-width:1486px) {

    .container {

        width: 90%;

    }



    .about-banner-custom .banner-text h2 {

        font-size: 58px;

    }



    .about-banner-custom .banner-text h5 {

        font-size: 45px;

    }





    /*   banner   ====================================================================*/

    .banner-text h3 {

        font-size: 62px;

    }

    /*   about   ====================================================================*/

    .about .about-introduction .container:before {

        width: 38%;

    }



    /* .about .intro-top-text {

        width: 60%;

    } */
    .intro-top p{
        font-size: 16px;
    }



    .about .intro-top-logo {

        margin-left: 10%;

    }



    .about .intro-bottom-left {

        width: 10%;

    }



    .about .intro-bottom-right {

        width: 89%;

    }



    .about .leadership-text h3 {

        font-size: 22px;

    }



    .about .history-box .his-item .time {

        font-size: 30px;

    }



    .about .ind-campus-text h3 {

        font-size: 22px;

    }

}



@media(max-width:1368px) {

    .ind-title {


    }



    .ind-title h3 {

        font-size: 42px;

    }



    .ind-title span {

      

    }



    .ind-more span {

        margin-top: 38px;

    }




    /*   banner   ====================================================================*/

    .banner-text h3 {

        font-size: 51px;

        letter-spacing: 3px;

    }



    .banner-text p {

        font-size: 22px;

    }


    /*   about   ====================================================================*/

    .about .leadership-inner {

        margin: 0 18px;

    }



    .about .leadership-text span {

        font-size: 14px;

        margin-bottom: 0;

    }

   .leadership-bg{ height:400px;}

    .about .main-value-list li {

        width: 24%;

        margin-left: 1%;

    }



    .about .main-value-list li .main-cover-con,

    .about .main-value-list li .main-value-icon {

        width: 89px;

        height: 89px;

        margin: -45px 0 0 -45px;

    }



    .about .main-value-list li .main-value-over-box .value-over-txt1 {

        font-size: 22px;

        margin-bottom: 0;

    }



    .about .history-box .slick-prev:before {

        left: -12px;

    }



    .about .history-box .slick-next:before {

        right: 14px;

    }



    .about .history-box .slick-prev,

    .about .history-box .slick-next {

        background-size: 34px;

    }



    .about .history-box .his-item .time {

        font-size: 28px;

    }



    .about .ind-campus-list .slick-prev,

    .about .ind-campus-list .slick-next {

        height: 82%;

        width: 10%;

    }



    .about .ind-campus-text h3 {

        font-size: 20px;

    }



    .about .ind-campus-text p {

        font-size: 15px;

    }



    .about .ind-campus::before {

        height: 50%;

    }



 
}



@media(max-width:1280px) {

    .ind-title p {

        width: 90%;

    }


    /*   about   ====================================================================*/

    .about .main-value-list li {

        width: 48%;

        margin-bottom: 2%;

        margin-left: 2%;

    }



    .about .main-value-list li .main-value-img {

        padding-top: 72%;

        min-height: 389px;

    }

    .planOne_vid {
        width: 40%;
    }
    .about .intro-top-text {
        width: 55%;
    }

}



@media(max-width:1024px) {

    .ind-title {

        margin-bottom: 48px;

    }



    .ind-title h3 {

        font-size: 34px;

    }



    .ind-title span {

        font-size: 45px;

    }



    .ind-title p {

        width: 98%;

        font-size: 14px;

    }



    .ind-more span {

        font-size: 12px;

        padding: 8px 40px 8px 30px;

    }



    .ind-more span:after {

        top: 12px;

        background-size: 4px;

    }



    .about-banner-custom .banner-text h2 {

        font-size: 58px;

    }



    .about-banner-custom .banner-text h5 {

        font-size: 40px;

        margin-bottom: 0;

    }



    .text_list {

        height: 89px;

        margin-top: -45px;

    }



    .text_list li {

        line-height: 89px;

    }



    .text_list li a {

        font-size: 14px;

        letter-spacing: 0;

    }



    .text_list li:not(:first-child):before {

        width: 4px;

        height: 8px;

    }



    .slick-dots {

        width: 90%;

        left: 5%;

    }


    /*   banner   ====================================================================*/

    .banner-text {

        top: 54%;

        width: 90%;

    }



    .banner-text h3 {

        font-size: 45px;

        margin: 24px 0;

    }



    .banner-text p {

        font-size: 20px;

    }



    .banner .slick-dots {

        bottom: 48px;

    }

    /*   about   ====================================================================*/



    .about .intro-top-logo {

        display: none;

    }

    .intro-top{
        flex-wrap: wrap;
    }
    .planOne_vid{
        width: 100%;
        padding-top: 50%;
    }

    .about .intro-top-text {

        width: 100%;
		height:auto;
        order: -1;
        margin-bottom: 10px;
    }

    .gXu_tcXq {
        width: 80%;
    }


    .about .about-introduction .container {

        width: 100%;

    }



    .about .about-introduction .container:before {

        top: auto;

        bottom: 0;

        left: 0;

        width: 100%;

        height: 42%;

    }



    .about .intro-box {

        width: 90%;

        margin: 0 auto;

        padding-bottom: 108px;

    }



    .about .intro-bottom {

        position: static;

        padding-top: 14px;

    }



    .about .intro-bottom-right {

        float: none;

        width: 90%;

    }



    .about .intro-bottom-left {

        position: absolute;

        bottom: 68px;

        left: 0;

        width: 100%;

        padding: 0;

    }



    .about .intro-bottom-left p {

        width: 100%;

        margin: 0;

        letter-spacing: 24px;

        font-size: 14px;

    }



    .about .intro-bottom-bg {

        padding-top: 48%;

        position: relative;

    }



    .about .intro-bottom-bg img {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        object-fit: cover;

    }



    .about .about-leadership {

        margin: 0;

    }



    .about .leadership-box {

        box-shadow: none;

    }



    .about .leadership-inner {

        margin: 0 10px;

    }



    .about .main-value-list li .main-value-over-box .value-over-txt1 {

        margin-top: 28px;

    }



    .about .about-history {

        padding-bottom: 128px;

    }



    .about .history-box .his-item .time {

        font-size: 26px;

    }



    .about .history-box .his-item .tit {

        font-size: 14px;

    }



    .about .history-box .slick-prev,

    .about .history-box .slick-next {

        bottom: -60px;

        top: auto;

    }



    .about .history-box .slick-prev {

        left: calc(50% - 60px);

    }



    .about .history-box .slick-next {



        right: calc(50% - 60px);

    }



    .about .about-honor .news-an-right {

        margin-left: 12px;

    }



    .about .rightbox-box .slick-slide p {

        font-size: 14px;

    }



    .about .news-an-left,

    .about .news-an-right {

        width: 54px;

        height: 54px;

    }



    .about .nav-icon {

        width: 18px;

        height: 18px;

        margin-top: -9px;

        margin-left: -9px;

    }



    .about .ind-campus-li {

        margin: 0 10px;

    }



    .about .ind-campus-list .slick-list {

        padding: 0 80px 89px;

    }



    .about .ind-campus-list .slick-prev,

    .about .ind-campus-list .slick-next {

        height: 80%;

        width: 8%;

    }



    .about .ind-campus-text {

        left: 63px;

        height: 258px;

    }



    .about .ind-campus-text p {

        font-size: 14px;

    }



    .about .pagination1 {

        transform: scale(0.8);

    }
}



@media(max-width:900px) {

}





@media(max-width:768px) {



    .ind-title {

        margin-top: 68px;

        margin-bottom: 38px;

    }



    .about-banner-custom {

        height: 62vh;

    }



    .about-banner-custom .banner-text h2 {

        font-size: 44px;

    }



    .about-banner-custom .banner-text h5 {

        font-size: 36px;

    }


    /*   about   ====================================================================*/



    .about .intro-box {

        padding-bottom: 89px;

    }



    .about .intro-bottom-left {

        bottom: 48px;

    }



    .about .intro-bottom-left p {

        letter-spacing: 18px;

    }



    .about .history-box .his-item .time {

        font-size: 22px;

        padding-top: 20px;

    }



    .about .history-box .his-item .tit {

        margin: 5px 0 14px;

    }



    .about .history-box .his-item .imgbox {

        width: 90%;

    }



    .about .ind-campus {

        padding-bottom: 0;

    }



    .about .ind-campus-list .slick-list {

        padding: 0 0 168px;

    }



    .about .ind-campus-li.slick-active .ind-campus-text {

        bottom: -90px;

    }



    .about .ind-campus-list .slick-prev,

    .about .ind-campus-list .slick-next {

        height: 62%;

    }

}



@media(max-width:680px) {

    .text_list {

        margin: 0;

        width: 100%;

        height: auto;

        bottom: 0;

        border: 0;

        left: 0;

        transform: translateX(0);

        border-bottom: 1px solid #eee;

    }



    .about-banner-custom>div {

        width: 100%;

    }



    .text_list li:not(:first-child):before {

        content: none;

    }



    .text_list li {

        line-height: 62px;

        border-left: 1px solid #eee;

    }



    .text_list li:first-of-type {

        border-left: 0;

    }



    .text_list li.active {

        background: #0456a3;

    }



    .text_list li.active a {

        color: #fff;

    }



    /*   banner   ====================================================================*/



    .banner-text h3 {

        font-size: 34px;

        letter-spacing: 0;

        margin: 20px 0;

    }



    .banner-text p {

        font-size: 18px;

    }


    /*   about   ====================================================================*/

    .about .ny-main .ind-title {

        padding: 0;

    }



    .about .intro-bottom-left p {

        letter-spacing: 10px;

    }



    .about .about-introduction .container:before {

        height: 30%;

    }



    .about .leadership-box {

        flex-wrap: wrap;

        box-shadow: none;

    }



    .about .leadership-bg {

        width: 100%;

        padding-top: 60%;
		
		height:220px;

        /*background: none !important;*/

    }



    .about .leadership-bg img {

        display: block;

    }



    .about .leadership-text {

        width: 100%;

        height: auto;

        min-height: 238px;

        padding: 28px;

    }



    .about .leadership-text span {

        height: auto;

    }



    .about .leadership-text span i {

        letter-spacing: 0;

    }



    .about .leadership-text p {

        margin-top: 24px;

    }



    .about .main-value-list {

        width: 100%;

        margin: 0;

    }



    .about .main-value-list li {

        width: 100%;

    }



    .about .main-value-list li .main-value-img {

        min-height: 189px;

        padding-top: 289px;

    }



    .about .main-value-list li .main-value-over-box {

        position: relative;

        background: #0456a3;

        opacity: 1;

        top: 0;

        height: auto;

        padding: 28px;

    }



    .about .main-value-list li .main-value-over-box:before {

        top: 20px;

    }



    .about .main-value-over-text {

        width: 100%;

    }



    .about .main-value-list li .main-cover-con,

    .about .main-value-list li .main-value-icon {

        transform: translateY(0);

        top: 289px;

        margin-top: -72px;

    }



    .about .ind-campus-li.slick-active .ind-campus-text {



        bottom: 0;

    }



    .about .ind-campus-text {

        position: relative;

        bottom: 0;

        left: 0;

        background: #fff;

        box-shadow: none;

        width: 100%;

        min-width: 100%;

        height: auto;

        padding: 28px;

        opacity: 1;

    }



    .about .ind-campus-list .slick-list {

        padding: 0;

    }



    .about .ind-campus::before {

        width: 100%;

    }



    .about .ind-campus {

        padding-bottom: 48px;

    }



    .about .pagination1 {

        position: relative;

        bottom: -12px;

    }

}



@media(max-width:480px) {



    .ind-title {

        margin-top: 48px;

        margin-bottom: 24px;

    }



    .ind-title h3 {

        font-weight: boldÃŸ;

        font-size: 28px;

    }



    .ind-title span {

        font-size: 30px;

        letter-spacing: 0;

    }



    .ind-more span {

        margin-top: 28px;

    }





    .about-banner-custom {

        height: 42vh;

        margin-top: 60px;

    }



    .about-banner-custom .banner-text h2 {

        font-size: 36px;

        letter-spacing: 3px;

    }



    .about-banner-custom .banner-text h5 {

        font-size: 26px;

        letter-spacing: 1px;

    }



    .about-banner-custom.dets .banner-text h5 {

        font-size: 22px;

    }



    .text_list {

        border: 0;

    }



    .text_list li {

        line-height: 48px;

        width: 50%;

        border-bottom: 1px solid #eee;

    }



    .text_list li:nth-child(2n-1) {

        border-left: 0;

    }


    /*   banner   ====================================================================*/



    .banner-text h3 {

        font-size: 26px;

        letter-spacing: -1px;

        margin: 14px 0;

        letter-spacing: 0;

    }



    .banner-text p {

        font-size: 14px;

        letter-spacing: 1px;

    }

    /*   about   ====================================================================*/
    .gXu_tcXq {
        width: 90%;
    }
    .close_tc {
        width: 30px;
        height: 30px;
    }


    .about .intro-box {

        padding-bottom: 0px;

    }



    .about .ny-main .ind-title {

        margin-bottom: 24px;

    }



    .about .intro-top p {

        letter-spacing: 0;

        margin-bottom: 6px;

    }



    .about .intro-bottom-left p {

        letter-spacing: 5px;

        font-size: 12px;

    }



    .about .intro-bottom-bg {

        padding-top: 64%;

    }



    .about .about-introduction .container:before {

        height: 6%;

    }



    .about .intro-bottom-left {

        bottom: 34px;

    }



    .about .about-leadership {

        padding-bottom: 89px;

    }



    .about .leadership-inner {

        padding: 0;

    }



    .about .leadership-text {

        padding: 24px;

        min-height: 290px;

    }



    .about .leadership-text h3 {

        font-size: 20px;

    }



    .about .leadership-text p {

        margin-top: 18px;

        letter-spacing: 0;

    }



    .about .leadership-list .slick-dots li {

        margin: 0 5px;

    }



    .about .main-value-list li .main-value-over-box {

        padding: 24px 20px;

    }



    .about .main-value-list li .main-value-over-box .value-over-txt1 {

        font-size: 20px;

    }



    .about .main-value-list li .main-value-over-box .value-over-txt2 {

        font-size: 14px;

        margin-bottom: 18px;

    }



    .about .main-value-list li .main-value-img {

        padding-top: 208px;

    }



    .about .history-item {

        margin: 0 5px;

    }



    .about .main-value-list li .main-cover-con,

    .about .main-value-list li .main-value-icon {

        top: 208px;

        width: 68px;

        height: 68px;

        margin: -60px 0 0 -34px;

    }



    .about .about-history {

        padding-bottom: 98px;

    }



    .about .history-box .his-item .imgbox {

        width: 100%;

        height: 168px;

    }



    .about .history-box .his-item .time {

        font-size: 20px;

        letter-spacing: 0;

    }



    .about .history-box .slick-prev,

    .about .history-box .slick-next {

        bottom: -54px;

    }



    .about .history-box .slick-next {

        right: calc(50% - 80px);

    }



    .about .ind-news-an {

        padding: 14px 0 48px;

    }



    .about .news-an-left,

    .about .news-an-right {

        width: 45px;

        height: 45px;

    }



    .about .ind-campus-list .slick-prev,

    .about .ind-campus-list .slick-next {

        width: 50%;

        height: 38%;

    }



    .about .ind-campus-list .slick-prev i {

        background-position: left center;

    }



    .about .ind-campus-list .slick-next i {

        background-position: right center;

    }



    .about .ind-campus-text {

        padding: 20px;

    }



    .about .ind-campus-text h3 {

        font-size: 18px;

    }



    .about .ind-campus-text p {

        margin-top: 10px;

    }



    .about .pagination1 {

        bottom: 0;

        transform: scale(0.6);

    }



    .about .ind-campus-text h3:before {

        left: -28px;

        top: 15px;

    }

}