@charset "utf-8";

/*下方列表样式 */
.notice_list { width: 100%; margin: 0 auto; }
.notice_list ul {width: 1440px;overflow: hidden;padding: 20px 20px 0;}
.notice_list ul li {width: 18%;float: left;transition: all 0.3s;overflow: hidden;box-shadow: 3px 5px 20px 0 rgba(0, 0, 0, 0.3);position: relative;margin-right: 9%;margin-bottom: 50px;}
.notice_list ul li a{display:block;}
.notice_list ul li:nth-child(4n){margin-right:0;}
.notice_list ul li img {object-fit: cover;width: 100%;height: 340px;}
.notice_list ul li .text{padding: 100px 40px;position: absolute;z-index: 999;top: 100%;left: 0;background: #fff;height: 100%;box-sizing: border-box;width: 100%;opacity: 0;visibility: hidden;transition: all 0.5s;}
.notice_list ul li:hover .text{opacity:1;visibility:visible;top: 0;}
.notice_list_p1 {width: 100%;font-size: 20px;box-sizing: border-box;font-weight: bold;line-height: 30px;margin-bottom: 30px;color: #000;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*第二个*/
.notice_list_p2 {width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;box-sizing: border-box;line-height: 34px;}
.notice_list_p2 p { width: 100%; line-height: 30px; color: #666666; padding-left: 14.2%; padding-right: 14.2%; }
.notice_list_p3 {}
.notice_list_p3_a {text-align: center;line-height: 50px;color: #FFFFFF;display: block;width: 160px;height: 50px;background: rgb(0, 52, 164);background: linear-gradient(123deg, rgba(0, 52, 164, 1) 0%, rgba(0, 90, 249, 1) 100%);border-radius: 50px;margin: 50px auto 0;}

.hover_li:hover #hover_ul li { height: 50px; }

@media screen and (max-width: 1550px) {
    .notice_list ul{
        width:92%;
    }
}
@media screen and (max-width: 1400px) {
    .notice_list ul li img{
        height: 500px;
    }
    .notice_list ul li .text{
        padding: 80px 40px;
    }
}    
@media screen and (max-width: 1300px) {
    .notice_list_p1{
        font-size: 18px;
    }
    .notice_list_p3_a{
        width: 140px;
        font-size: 13px;
        line-height: 45px;
        height: 45px;
    }
    
}
@media screen and (max-width: 1200px) {
    .notice_list ul li{
        width:32%;
        margin-right:2%;
    }
    .notice_list_p1{
        font-size: 17px;
    }
    .notice_list ul li .text {
        padding: 80px 30px;
    }
} 
@media screen and (max-width: 1151px) {
    .notice_list ul {}
    .notice_list_p1 { margin-top: 10%; margin-bottom: 10%; }
}
@media screen and (max-width: 1100px) {
    .notice_list ul li img{
        height: 480px;
    }
    .notice_list ul li .text{
        padding: 60px 27px;
    }
    .xueshu {
        margin: 60px 0 !important;
    }
}
@media screen and (max-width: 1000px) {
    .notice_list ul li {
        width: 49%;
        margin-right: 2%;
    }
    .notice_list ul li:nth-child(3n) {
        margin-right: 2%;
    }
    .notice_list ul li:nth-child(2n) {
        margin-right: 0%;
    }
    .notice_list ul li img {
        height: 600px;
    }
    .notice_list ul li .text {
        padding: 100px 25px;
    }
}
@media screen and (max-width: 960px) {
    .notice_list ul {}
    .notice_list_p3_a { width: 130px; height: 40px; line-height: 40px; }
    .notice_list ul li img {
        height: 500px;
    }
    .notice_list ul li .text {
        padding: 55px 25px;
    }
}
@media screen and (max-width: 768px) {
    .notice_list ul {width: 100%;padding: 0 20px;box-sizing: border-box;}
    .notice_list ul li {height: auto;}
    .notice_list ul li::before {content: '';/* padding-top: 137%; */float: left;}
    .notice_list ul::after { content: ''; display: block; clear: both; }
    .notice_list_p1, .notice_list_p2 {}
    .notice_list ul li img {
        height: 460px;
    }
    .notice_list ul li .text {
        padding: 50px 25px;
    }
    .notice_list ul li{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 680px) {
    .notice_list_p1, .notice_list_p2 {}
}
@media screen and (max-width: 640px) {
    .notice_list ul li img {
        height: 380px;
    }
    .notice_list ul li .text {
        padding: 20px 20px;
    }
    .notice_list ul li{
        margin-bottom: 30px;
    }
    .notice_list_p2{
        font-size: 14px;
    }
    .notice_list_p3_a {
        font-size: 12px;
    }
    .xueshu {
        margin: 40px 0 !important;
    }
}

@media screen and (max-width: 550px) {
    .notice_list_p1 { margin-top: 10% }
    .notice_list_p2 { margin-bottom: 0; }

}
@media screen and (max-width: 480px) {
    .notice_list ul li {margin: 0 0 20px 0;width: 100%;height: auto;}
    .notice_list_p1 {}
    .notice_list_p1, .notice_list_p2 {}
    .xueshu {margin-top: 0px !important;}
    .notice_list ul li img {
        height: 460px;
    }
    .notice_list ul li .text {
        padding: 39px 20px;
    }
    .notice_list_p3_a{
    }
}
@media screen and (max-width: 375px){
    .notice_list_p1, .notice_list_p2{ margin-bottom:13%; }
}