@charset "utf-8";
/* CSS Document */
@media(max-width:1200px){
    .about,.about_number,.tab,.tab ul.tab_card,.invest,.news,.news_detail,.join,.college{ margin-top: 20px}
    h3.title1{ margin: 20px 0; font-size: 30px;}
    h3.title1 i{font-size: 40px; }
    h4.tit1{font-size: 24px;  padding-bottom:15px;margin-top:25px;}
    h4.tit2{font-size: 24px; color:#393939; position: relative; padding-bottom: 10px; margin-bottom: 10px;}
    h4.tit3{font-size: 20px; color:#393939; position: relative; padding-left: 20px; margin-bottom:20px;}
    .about_con{ margin-left:0px; width:60%;}
    .about_number>ul>li span>b{ font-size: 30px;}
    .tab ul.tab_card li{ line-height: 50px;   font-size: 20px; }
    div.invest>img{width: 50%; margin-right: 20px;}
    div.invest>ul{ width: 50%;}

    .college_sw{  width: 50%;}
    .college_con{  width: 40%;}
    
    .news_detail img{max-width:100%;height:auto !important;}
}

@media(max-width:992px){
    h3.title1{ margin: 10px 0; font-size: 20px;}
    h3.title1 i{font-size: 24px; }
    h4.tit1{font-size: 18px;  padding-bottom:15px;}
    h4.tit2{font-size: 18px; color:#393939; }
    h4.tit3{font-size: 18px; color:#393939; }


    .about,.about_number,.tab{ margin-top: 20px}

    .about_number>ul>li{ font-size: 14px; padding: 10px;}
    .about_number>ul>li span>b{ font-size: 18px;}
    .tab .tab_con>div{ flex-wrap: wrap; }
    .tab .tab_con>div .tab_txt,.tab .tab_con>div .tab_img{ width: 100%; margin-right: 0; margin-bottom: 10px;}
    .tab ul.tab_card li{ line-height: 40px;   font-size: 16px; }

    .about_img{ display: none;}
    .about_con{ width: 100%;}
    .progressBox .swiper-slide .box p{ right: 0;}
    .progressBox  .swiper-slide:nth-child(even) h4{ top:auto;}
    .progressBox    .swiper-slide:nth-child(even) i:before{  top:auto;  bottom:12px ;}
    .progressBox  .swiper-slide:nth-child(even) .box p{ padding-top: 0px;}
    .progressBox{  height: 200px; margin-bottom: 20px; }
    .contact > ul > li {
        width: 100%;
    }
    .contact > ul > li:last-child > ul {
        justify-content:flex-start;
        flex-wrap: wrap;
    }

    .culture>ul>li{ width: 46%;padding: 20px; margin: 10px auto;}
    .culture>ul>li h3{ font-size: 18px; }
    .swiper3 dl.swiper-slide-active dd{ font-size: 14px;overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;}
    div.invest>img{ display: none;}
    div.invest>ul{ width: 100%;}
    .honor_tab>ul>li{ width: 140px; height: 40px; border-radius: 20px; background: #eee; text-align: center; line-height: 40px; margin: 20px; font-size: 16px;}
    .honor .swiper-button-next {
        right:20%;
        left: auto;
    }
    .swiper3 dl.swiper-slide-active,.swiper4 dl.swiper-slide-active {  transform: scale(1);  z-index: 9999; align-self: flex-end; padding-bottom: -20px}
    .honor .swiper-button-prev{
        left: 20%;
        right: auto;

    }
    .honor img{ max-width: 100%;}


    .join > h3 {
        font-size: 20px;
        line-height: 40px;
        text-align: center;}

    .job_list h4.tit3 {
        border-bottom: solid #eee 1px;
        padding-bottom: 20px;
        margin-top: 10px;
        font-size: 18px;
    }
    .job_detail {padding: 10px;}
    .job_list h4 span.time {
        margin-right: 50px;
    }
    .job_detail h6 {
        font-size: 18px;
        line-height: 38px;
        padding: 10px 0;
    }
    .job_list h4 img.arr {

        bottom: 25px;
    }

    .news > h3 {
        font-size: 20px;
        line-height: 40px;
        position: relative;
        padding-bottom: 10px;
        text-align: center;
    }
    .news > dl>dt{display: none;}
    .news > dl > dd{padding: 20px ; width: 100%;}
    .news > dl > dd h4:before{ display: none;}
    .news > dl > dd h4 {
        font-size: 18px;
        margin: 0;
        padding: 0;
        line-height: 32px;
    }
    .news > dl > dd span.time {
        padding:20px 0 0 0;
    }
    .news_detail h1 {
        font-size: 20px;
    }

    .news1>h3{ font-size:20px;padding: 10px 0;}
    .news1>h3>a{ font-size: 14px; }
    .news1>dl{ margin-top: 20px;}
    .news1>dl>dt{ display: none}

    .news1>dl>dd{ padding:  20px;}
    .news1>dl>dd h4{font-size: 16px; line-height: 30px;}
    .news1>dl>dd span.time{ padding: 20px 0 0 0; color: #888}


    .college_sw{  width: 90%;margin-bottom: 0px;}
    .college_con{  width: 100%;}
}
@media screen and (max-width:768px) {
    .tab { padding: 20px 0;}
    .tab ul.tab_card {
       flex-direction: column;
    }
    .tab ul.tab_card li { width: 100%; margin-top: 20px;}
    .culture>ul>li h3{ font-size: 16px; padding: 10px 0;}
    .culture > ul > li p {
        font-size: 14px;

        margin-top: 20px;
    }
    .college_sw .nav_page {
        position: absolute;
        bottom: 0;
        right: -10px;
        background: #ec2800;
        width: 60px;
        height: 200px;
        border-radius: 10px;
        z-index: 3;
    }
    .college_sw .swiper-button-next, .college_sw .swiper-button-prev {
        top: 15%;
    }
    .college_sw .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 20px;
        right: auto;
    }
    .college_sw .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right:15px;
        left: auto;
    }
    .college_sw .swiper-button-next{ background:none;top:30%;}
    .swiper-num {

        width: 60px;
        left: 2%;
        bottom: 10px;
    }

    .paginate{ margin-top: 50px; }
    .paginate>a{  width: 30px; height: 30px; line-height: 30px;margin: 0 10px; text-align: center; color: #999; font-size: 14px;}
    .paginate>a.page_prev,.paginate>a.page_next{ width: 10px; height: 17px; padding: 6.5px 0;}
}
@media(max-width:400px){
    .culture>ul>li{ width: 96%;padding: 20px; margin: 10px auto;}

}