@media screen and (min-width: 2560px){
    body{
        background-size: 4096px auto;
        background-position: center 10px;
    }
}
@media screen and (min-width: 2360px){
    .detpSchools .detpSchools-container{
        width: 1920px !important;
    }
    .detpSchools .detpSchools-container .detpSchools-list .school{
        width:550px !important;
    }
    .detpSchools .detpSchools-container .detpSchools-list .school a.link{
        left:280px !important;
    }
    
}
@media screen and (min-width: 2000px){
    .top-header .header-container{
        max-width: 1620px;
        height: 120px;
    }
    .top-links .links-container{
        max-width: 1600px;
    }
    .navigation .navigation-container{
        max-width: 1600px;
    }
    .banner .swiper-container{
        max-width: 1600px;
    }
    .banner .swiper {
        width: 100%;
        height: 520px;
    }
    .banner .swiper-slide img{
        width: 100%; height:520px;
    }

    .news .news-container{
        max-width: 1600px;
    }
    .history-news {
        max-width: 1600px;
    }

    .top-news {
        width: 795px;
    }

    .top-news .top-news-contents .news-box .news-info {
        width: 545px;
    }

    .top-news .top-news-contents .news-box h2.news-title {
        font-size:20px;
        line-height: 1.6em;
        -webkit-line-clamp:3px;
        height:84px;
        padding-top:15px;
    }

    .media-news {
        width: 790px;
    }

    .top-news .top-news-contents .news-box p {
        margin-top: 0;
    }

    .title-nav.bottom-line {
        width:100%;
    }

    .media-news {
        background-position: right 45px bottom;
    }

    .news-center {
        max-width:1600px;
    }


    .news-center .news-detail .news-list{
        width:800px;
    }

    .news-center .news-detail .news-list .news-info .news-contents {
        width: 700px;
    }

    .news-center .news-detail .side-screen{
        width:750px;
    }

    .news-center .news-detail .side-screen .screen-swiper{
        width:740px; height:420px; overflow: hidden;
    }

    /*信息公开*/

    .other-news{
        max-width: 1600px;
    }
    .notice .notice-container .notice-list li.last2{
        display: none;
    }

    .notice{
        width:925px;
    }
    /*影像校园*/
    .media{
        width:795px;
    }

    /*教学单位*/

    .detpSchools .detpSchools-container{
        width:1600px;
    }
    .detpSchools .detpSchools-container .detpSchools-list .school{
        width: 720px;
    }
    .detpSchools .detpSchools-container .detpSchools-list .school a.link{
        position: absolute;
        left:365px;
    }
}
@media screen and (min-width: 1920px) and (max-width: 2560px){
    body{
        background-size: 2560px auto;
        background-position: center 60px;
    }
}



/*980 - 1400 基准屏幕*/
@media screen and (min-width: 980px) and (max-width: 1400px) {
    body{
        background-position: center 150px;
    }
    .navigation {
        height: auto;
    }
    .navigation .navigation-container .nav {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .nav .menu{
        width:192px; font-size: 14px;
        border-bottom: rgba(0, 0, 0, 0.02) 1px solid;
    }

    .footer .footer-container{
        padding:30px; max-width: 980px;
    }
    .footer .footer-container .more-info {
        width: 530px;
    }

    .top-header {
        background-color: #1e5c9d;
        height: 100px;
    }
    .top-header .header-container{
        max-width:990px;
        margin:auto;
        position: relative;
        background-image: url(/imgs/ld.png);
        background-position: center right;
        background-repeat: no-repeat;
        background-size: auto 70%;
        height: 100px;
    }
    .top-header .header-container .logo{
        height: 100%;
        box-sizing: border-box;
        padding:20px;
    }
    .top-header .header-container .logo img{
        height:60px; user-select: none; pointer-events: none;
        pointer-events: none;
    }

    .navigation .navigation-container{
        max-width: 960px;
    }


    .banner .swiper-container{
        width: 960px;
    }
    .banner .swiper {
        width: 100%;
        height: 310px;
    }
    .banner .swiper-slide img{
        width: 100%; height:310px;
    }
    .news-center {
        float: none;
        width: 960px;
        margin:auto;
        margin-top:20px;
    }
    .history-news{
        width: 960px;
        margin:auto;
        display: flex;
        justify-content: space-between;
        margin-top:10px;
    }
    .top-news{
        width: 485px;
    }

    .top-news .top-news-contents .news-box .news-cover{
        width:160px; height:89px; 
    }
    .top-news .top-news-contents .news-box .news-cover img{
        width:160px; height:90px; 
    }

    .top-news .top-news-contents .news-box .news-info{
        width:280px; 
    }
    .top-news .top-news-contents .news-box h2.news-title{
        font-size:16px;
        text-align: justify; line-height: 1.4em;
        -webkit-line-clamp: 2;
        height:45px;
    }

    .media-news{
        width: 460px; margin-top:0;
        background-size: 170px auto;
    }

    .medis-news-swiper{
        width:100%; height:200px;
    }

    .medis-news-swiper .swiper-slide a{
        display: block; padding-left:36px; padding-top:20px;
    }

    .medis-news-swiper .swiper-slide a img{
        height:150px;
    }

    .media-news {
        background-size:160px auto;
        background-position: right 20px bottom;
    }

    .news-center .news-detail .side-screen{
        width:740px; height:405px; margin:auto; border:none;
    }

    .news-center .news-detail .side-screen .screen-swiper{
        width:740px; height:405px; overflow: hidden;
    }

    .news-center .news-detail{
        display: block;
    }

    .news-center .news-detail .news-list {
        width:100%;
    }

    .news-center .news-detail .news-list a.news-info{
        margin-top:0;
    }

    .news-center .news-detail .news-list .news-info .news-contents{
        width:820px;
    }


    .other-news{
        max-width:960px;
        display: block; 
    }
    .notice{
        width:100%; margin-bottom: 20px;
    }
    .notice .notice-container {
        display: block;
    }
    .media-news .more{
        bottom:5px;
    }
    .media{
        width: 100%;
    }
    .media:first-child{
        margin-bottom: 12px;
    }

    .media .media-container a.media-link{
        width:280px; 
    }

    .media .media-container a.media-link .cover{
        width:280px;
        height: 140px;
    }

    .media .media-container a.media-link .cover img{
        width:280px; 
    }

    .media .media-container a.media-link:hover .cover img{
        width:300px;
    }

    .detpSchools .detpSchools-container{
        width: 960px;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school{
        width: 400px; height: 260px;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school img.school-cover{
        width:200px;
        left:-50px; top:30px;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school .school-title{
        font-size:20px; font-weight: 700;
        margin-left:150px; line-height: 70px;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school .school-title img{
        width:210px; 
    }
    .detpSchools .detpSchools-container .detpSchools-list .school .school-contents{
        margin-left:150px; 
    }
    .detpSchools .detpSchools-container .detpSchools-list .school a.link{
        left:50%; margin-left: -105px;
    }
    .top-links .links-container{
        padding:0 25px;
    }
    
}
@media screen and (max-width: 1000px) {
    .footer .footer-container{
        padding:30px; display: block;
    }
    .footer .footer-container .wechat{
        margin:auto;
    }
    .footer .footer-container .more-info {
        width: 100%; margin-top:30px;
    }
    .footer .footer-container .xiaoqu{
        width: 100%; text-align: center;
        margin-bottom: 15px; display: block;
    }
    .footer .footer-container .xiaoqu .xiaoqu-content{
        margin:auto;
    }
    .footer .footer-container .beian{
        margin-top:15px;
    }
    .footer .footer-container .beian p{
        text-align: center;
    }

    .footer .footer-container .beian div{
        justify-content:center;
    }
    .media-news .more{
        bottom:10px;
    }
    /*时政要闻*/
    div.news-detail.shizheng {
        display: flex;
        flex-direction: column;
        flex-wrap : nowrap;
        gap: 10px; /* 子元素之间的间距 */
        height: unset;
    }

    div.news-detail.shizheng .line {
        width: 100%;
    }

    div.news-detail.shizheng .line:nth-child(odd) {
        padding-right:0;
    }

    div.news-detail.shizheng .line:nth-child(even) {
        padding-left:0;
    }
}

/*650 - 1000 基准屏幕*/
@media screen and (min-width: 700px) and (max-width: 980px) {
    .top-links .links-container{
        padding:0 25px;
    }
    /*导航条*/
    .navigation{
        background-color: #fff;
        height: auto;
        box-shadow: 0px 1px 2px #ccc;
    }
    .navigation .navigation-container{
        max-width: 680px;
        margin:auto;
    }
    .navigation .navigation-container .nav {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .nav .menu{
        width:130px; font-size: 14px;
    }
    .nav .menu .sub-nav {
        display: none;
        background-color: rgba(255, 255, 255, 0.9);
        padding:4px;
        font-size: 14px;
    }

    .top-header {
        background-color: #1e5c9d;
        height: 100px;
    }
    .top-header .header-container{
        max-width:990px;
        margin:auto;
        position: relative;
        background:none;
        height: 100px;
    }
    .top-header .header-container .logo{
        height: 100%;
        box-sizing: border-box;
        margin:auto; width: 420px; margin:auto;
        padding:20px; text-align: center;
    }
    .top-header .header-container .logo img{
        height:60px; user-select: none; pointer-events: none;
        pointer-events: none;
    }

    .banner .swiper-container{
        width: 660px;
    }
    .banner .swiper {
        width: 100%;
        height: 214px;
    }
    .banner .swiper-slide img{
        width: 100%; height:214px;
    }
    .news-center {
        float: none;
        width: 660px;
        margin:auto;
        margin-top:15px;
    }
    .history-news{
        width: 660px;
        margin:auto;
        display: block;
        margin-top:10px;
    }
    .top-news{
        width: 100%;
        margin-bottom: 10px;
    }

    .media-news{
        width: 660px; margin-top:0;
        background-size: 220px auto;
        background-position:360px bottom;
        margin-top:15px;
    }
    .medis-news-swiper .swiper-slide a{
        display: block; padding-left:80px;
    }
    

    .news-center .news-detail {
        display: block;
    }

    .news-center .news-detail .news-list {
        width: 100%;
    }

    .news-center .news-detail .news-list .news-info .news-contents {
        width:520px;
        margin-top:15px;
    }

    .other-news {
        max-width: 660px;
        margin: auto;
        display: block;
        margin-top: 15px;
    }
    .notice {
        width: 100%;
    }

    .media {
        width: 100%;
        margin-top:15px;
    }
    .detpSchools .detpSchools-container .detpSchools-list {
        display: block;
    }

    .detpSchools .detpSchools-container {
        width: 660px;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school {
        margin:auto;
        margin-left:75px;
        margin-top:30px;
    }
    .news-block.top-news{
        margin-top:15px;
        margin-bottom: 0;
    }
    .media:first-child{
        margin-top: 0;
    }
    .top-news .top-news-contents .news-box .news-info {
        width: 410px;
    }
}

@media screen and (max-width:700px) {
    .media-news .news-contents .media-news-link span.media-type{font-size: 12px; float:left;
        width: 80px; font-size: 12px; padding:0px 0;
    }

    .media-news .news-contents .media-news-link span.media-title{
        margin-left: 85px; font-size: 16px;
        padding-bottom: 4px;
    }

    .media-news {
        padding-bottom:15px;
    }
    .history-news .news-block.media-news{
        padding-bottom: 36px;;
    }

    /* .media-news .more{
        color: #1e5c9d; 
        position: unset; right:unset; bottom:unset; font-size: 14px;
        border:1px dotted #ccc;
        text-align: center;
        padding:10px 0;
        margin-top:15px;
    } */
    .media-news .news-contents .media-news-link:hover{
        opacity: 0.8; font-weight: 700;
    }
    .other-news .sp{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .news-block.top-news{
        margin-top:15px;
        margin-bottom: 0;
    }
    .media:first-child{
        margin-top: 0;
    }

    div.news-detail.shizheng .line {
        width: 100%;
        border-bottom:1px solid rgba(0, 0, 0, .1);
        padding-bottom: 15px;
        display: block;
    }

    div.news-detail.shizheng .line:last-child{
        border-bottom:none;
    }

    div.news-detail.shizheng .line > a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 2.8em; font-size: 1em; line-height: 1.4em;
        white-space:unset;
        width: unset; text-align: justify;
    }

    div.news-detail.shizheng .line > span{
        display: none;
    }
}
/*650 - 1000 基准屏幕*/
@media screen and (min-width:405px) and (max-width:700px) {

    .top-links .links-container {
        max-width:400px;
        margin: auto;
        height:32px;
        line-height:31px;
    }
    

    /*导航条*/
    .navigation{
        background-color: #fff;
        height: auto;
        box-shadow: 0px 1px 2px #ccc;
    }
    .navigation .navigation-container{
        max-width:400px;
        margin:auto;
    }
    .navigation .navigation-container .nav {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .nav .menu{
        width:130px; font-size: 14px;
        border: rgba(0, 0, 0, 0.02) 1px solid;
    }
    .nav .menu:last-child{
        border-right: rgba(0, 0, 0, 0.02) 1px solid;
    }

    .nav .menu .sub-nav {
        display: none;
        background-color: rgba(255, 255, 255, 0.9);
        padding:4px;
        font-size: 14px;
    }

    ul.nav li.menu.show-more{
        display: block;
    }

    ul.nav li.menu.more-hidden{
        display: none;
    }

    .top-header {
        background-color: #1e5c9d;
        height: 136px;
    }
    .top-header .header-container{
        max-width:400px;
        margin:auto;
        position: relative;
        background-size: auto 90%;
        background-position: center;
        background-image: url(/imgs/ld-mini.png);
        height: 136px;
    }

    .top-header .header-container .logo{
        height: 100%;
        box-sizing: border-box;
        margin:auto; width:340px; margin:auto;
        padding:20px;
        display: flex; justify-content: center; align-items: center;
    }
    .top-header .header-container .logo img{
        height: 75px; user-select: none; pointer-events: none;
        pointer-events: none;
    }

    .banner .swiper-container{
        width: 400px;
    }
    .banner .swiper {
        width: 100%;
        height:130px;
    }
    .banner .swiper-slide img{
        width: 100%; height:130px;
    }
    .news-center {
        float: none;
        width: 400px;
        margin:auto;
        margin-top:10px;
    }
    .history-news{
        width: 400px;
        margin:auto;
        display: block;
        margin-top:0px;
    }
    .top-news{
        width: 100%;
        margin-bottom: 10px;
    }
    .top-news .top-news-contents .news-box {
        display: block;
    }

    .top-news .top-news-contents .news-box .news-cover {
        width: 370px;
        height: 205px;
        background-color: #f1f1f1;
        border-radius: 4px;
        overflow: hidden;
        position: relative;
    }

    .top-news .top-news-contents .news-box .news-cover img {
        width: 370px;
        height: 206px;
    }
    .top-news .top-news-contents .news-box .news-info {
        width: 100%;
    }
    .top-news .top-news-contents .news-box h2.news-title {
        margin: 0;
        font-weight: normal;
        font-size: 18px;
        text-align: justify;
        line-height: 1.6em;
        overflow: hidden;
        text-overflow:unset;
        display: block;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
        height: unset;
    }

    .top-news .top-news-contents .news-box p {
        margin: 0;
        font-size: 14px;
        color: #666;
    }

    .media-news{
        width: 400px; margin-top:0;
        background-size: 220px auto;
        background-position:360px bottom;
        margin-top:15px;

        background-size: 110px auto;
        background-position: right 10px bottom;
    }


    .medis-news-swiper .swiper-slide a{
        display: block; padding-left:80px;
    }

    .medis-news-swiper{
        width:100%; height:200px;
    }

    .medis-news-swiper .swiper-slide a{
        display: block; padding-left:36px; padding-top:20px;
    }

    .medis-news-swiper .swiper-slide a img{
        height:150px;
    }


    .news-center .news-detail {
        display: block;
    }

    .news-center .news-detail .news-list {
        width: 100%; margin-top:10px;
    }

    .news-center .news-detail .side-screen .screen-swiper{
        width:100%; height:200px; overflow: hidden;
    }

  

    .news-center .news-detail .side-screen {
        width: 365px;
    }

    .news-center .news-detail .news-list a.news-info {
        width: 100%;
        /* display: block; */
    }

    .news-center .news-detail .news-list .news-info .release-time {
        width: 60px;
        height: 60px;
    }

    .news-center .news-detail .news-list .news-info .news-contents {
        width:290px;
        margin-top:10px;
    }
    .news-center .news-detail .news-list .news-info .news-contents h2.news-title {
        font-size: 16px;
    }

    .news-center .news-detail .news-list .news-info .news-contents p.news-brief {
        display: none;
    }

    .other-news {
        max-width:400px;
        margin: auto;
        display: block;
        margin-top:10px;
    }
    .notice {
        width: 100%;
    }

    .notice .notice-container {
        display: block;
        padding:0px; padding-top:15px
    }
    .notice .notice-container .notice-list li.notice-li a {

        font-size: 14px;
        margin-left: 80px;

        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;

        text-align: justify;
    }

    .media {
        width: 100%;
        margin-top:15px;
    }

    .media .media-container a.media-link {
        width: 175px;
    }

    .media .media-container a.media-link .cover{
        width:175px; height: 98px;
    }

    .media .media-container a.media-link:hover .cover img{
        width:200px;
    }

    .media .media-container a.media-link .cover img{
        width:175px; 
    }



    .detpSchools .title-nav img {
        height: 46px;
    }

    

    .detpSchools .detpSchools-container .detpSchools-list {
        display: block;
    }

    .detpSchools .detpSchools-container {
        width: 400px;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school {
        margin:auto;
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 15px;
        height: auto;
        padding-top:15px;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school img.school-cover {
        position: unset;
        width: 300px; margin:auto;
        left: unset;
        top: unset;
        display: block;
    }
    
    .detpSchools .detpSchools-container .detpSchools-list .school .school-title {
        margin: auto;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school .school-contents {
        margin: auto; background-color: transparent;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school a.link {
        position: unset;
        left: unset;
        bottom: unset;
        width: 210px;
        margin:auto;
    }
    body{
        min-width:320px;
        margin:auto;
        background-size: 100%;
        background-position: center 215px;
    }
    .main{
        margin-top:30px;
    }
    .main .main-container{
        width: 100%; padding:20px; 
    }
}


@media screen and (max-width:405px) {
    body{
        min-width:320px;
        margin:auto;
        background-size: 100%;
        background-position: center 215px;
    }

    .main{
        margin-top:30px;
    }
    .main .main-container{
        width: 100%; padding:20px; 
    }
    .top-links .links-container {
        width: 100%;
        margin: auto;
        height:32px;
        line-height:31px;
        padding:0 10px;
        box-sizing: border-box;
    }
    .top-links .links-container .left-links .mailbox {
        display: none;
    }

    /*导航条*/
    .navigation{
        background-color: #fff;
        height: auto;
        box-shadow: 0px 1px 2px #ccc;
    }
    .navigation .navigation-container{
        max-width:400px;
        margin:auto;
    }
    .navigation .navigation-container .nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
    .nav .menu{
        width:33.3%; font-size: 14px; box-sizing: border-box;
        border: rgba(0, 0, 0, 0.02) 1px solid;
    }
    .nav .menu:last-child{
        border-right: rgba(0, 0, 0, 0.02) 1px solid;
    }

    .nav .menu .sub-nav {
        display: none;
        background-color: rgba(255, 255, 255, 0.9);
        padding:4px;
        font-size: 14px;
    }

    ul.nav li.menu.show-more{
        display: block;
    }

    ul.nav li.menu.more-hidden{
        display: none;
    }

    .top-header {
        background-color: #1e5c9d;
        height: 136px;
    }
    .top-header .header-container{
        max-width:400px;
        margin:auto;
        position: relative;
        height: 136px;
        background-size: auto 90%;
        background-position: center;
        background-image: url(/imgs/ld-mini.png)
    }
    .top-header .header-container .logo{
        box-sizing: border-box;
        margin:auto; width: 90%; margin:auto;
        text-align: center;
        height: 136px;
        display: flex; justify-content: center;
        align-items: center;
    }
    .top-header .header-container .logo img{
        height:70px; user-select: none; pointer-events: none;
        pointer-events: none;
    }


    .banner {
        margin-top:0px;
    }
    .banner .swiper-container{
        width: 100%;
    }
    .banner .swiper {
        width: 100%;
        height:auto;
    }
    .banner .swiper-slide img{
        width: 100%; height:auto;
    }
    .news-center {
        float: none;
        width: 94%;
        margin:auto;
        margin-top:10px;
    }
    .history-news{
        width: 94%;
        margin:auto;
        display: block;
        margin-top:0px;
    }
    .top-news{
        width: 100%;
        margin-bottom: 10px;
    }
    .top-news .top-news-contents .news-box {
        display: block;
    }

    .top-news .top-news-contents .news-box .news-cover {
        width: 120px;
        height: 66px;
        background-color: #f1f1f1;
        border-radius: 4px;
        overflow: hidden;
        position: relative;
        margin:auto;
        float: left;
    }

    .top-news .top-news-contents .news-box .news-cover img {
        width: 120px;
        height: 67px;
    }
    .top-news .top-news-contents .news-box .news-info {
        width: auto;
        margin-left: 130px;
    }
    .top-news .top-news-contents .news-box h2.news-title {
        margin: 0;
        font-weight: normal;
        font-size: 16px;
        text-align: justify;
        line-height: 1.6em;
        overflow: hidden;
        text-overflow:ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 52px;
    }

    .top-news .top-news-contents .news-box p {
        margin: 0;
        font-size: 12px;
        color: #999;
    }

    .media-news{
        width: 100%; margin-top:0;
        background-size: 220px auto;
        background-position:360px bottom;
        margin-top:15px;

        background-size: 110px auto;
        background-position: right 10px bottom;
    }


    .medis-news-swiper{
        width:100%; height:150px;
    }

    .medis-news-swiper .swiper-slide a{
        display: block; padding-left:36px; padding-top:0px;
    }

    .medis-news-swiper .swiper-slide a img{
        height:140px;
    }


    .news-center .news-detail {
        display: block;
    }

    .news-center .news-detail .news-list {
        width: 100%; margin-top:10px;
    }

    .news-center .news-detail .side-screen .screen-swiper{
        width:100%; height:200px; overflow: hidden;
    }

    .news-center .news-detail .side-screen {
        width: 100%;
    }

    .news-center .news-detail .news-list a.news-info {
        width: 100%;
        display: block;
    }

    .news-center .news-detail .news-list .news-info .release-time {
        width: 50px;
        height: 50px;
        float:left;
        border-right: none;
    }
    .news-center .news-detail .news-list .news-info .release-time .month{
        font-size: 14px;
    }

    .news-center .news-detail .news-list .news-info .release-time .day {
        font-size:14px;
    }
    .news-center .news-detail .news-list .news-info .release-time .year{
        font-size: 14px; 
    }
    .news-center .news-detail .news-list .news-info .news-contents {
        width:auto;
        margin-top:10px;
        margin-left:55px;
    }
    .news-center .news-detail .news-list .news-info .news-contents h2.news-title {
        font-size: 16px;
    }

    .news-center .news-detail .news-list .news-info .news-contents p.news-brief {
        display: none;
    }

    .other-news {
        width:94%;
        margin: auto;
        display: block;
        margin-top:10px;
    }
    .notice {
        width: 100%;
    }

    .notice .notice-container {
        display: block;
        padding:0px; padding-top:15px
    }
    .notice .notice-container .notice-list li.notice-li a {

        font-size: 14px;
        margin-left: 80px;

        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;

        text-align: justify;
    }

    .media {
        width: 100%;
        margin-top:15px;
    }

    .media .media-container a.media-link {
        width: 150px;
    }

    .media .media-container a.media-link .cover{
        width:150px; height: 75px;
    }

    .media .media-container a.media-link:hover .cover img{
        width:150px;
    }

    .media .media-container a.media-link .cover img{
        width:150px; 
    }

    


    .detpSchools {
        background-image: none;
        width:100%; overflow: hidden;
    }

    .detpSchools .title-nav img {
        height: 46px;
    }

    

    .detpSchools .detpSchools-container .detpSchools-list {
        display: block;
    }

    .detpSchools .detpSchools-container {
        width: 94%; box-sizing: border-box; padding:0;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school {
        margin:auto;
        width: 94%;
        margin-bottom: 15px;
        padding-bottom: 15px;
        height: auto;
        padding-top:15px;
        overflow: hidden;
        box-shadow: 0 2px 4px 0 rgba(31, 38, 135, 0.2);
        box-sizing: border-box;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school img.school-cover {
        position: unset;
        width:240px; margin:auto;
        left: unset;
        top: unset;
        display: block;
    }
    
    .detpSchools .detpSchools-container .detpSchools-list .school .school-title {
        margin: auto;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school .school-title img {
        width: 240px;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school .school-contents {
        margin: auto; background-color: transparent;
    }

    .detpSchools .detpSchools-container .detpSchools-list .school a.link {
        position: unset;
        left: unset;
        bottom: unset;
        width: 210px;
        margin:auto;
    }
    .other-news .sp {
        margin-bottom:8px;
        font-size: 14px;
    }
    .other-news .media{
        min-height: fit-content;
    }
}