@charset "UTF-8";

.wrap-notice .list{background-color:#fff;}
.wrap-notice .list .slider{overflow:hidden; padding:0 40px;}
.wrap-notice .list .slider li{float:left; width:25%; box-sizing:border-box; padding:40px 20px; position:relative;}
.wrap-notice .list .slider li .news-date{display:table;}
.wrap-notice .list .slider li .news-date .date,
.wrap-notice .list .slider li .news-date .category{display:table-cell; vertical-align:middle;}
.wrap-notice .list .slider li .news-date .category{color:#266ed4; font-size:14px; font-style: italic; padding-left:20px; font-weight: bold;}
.wrap-notice .list .slider li .news-date .new-icon{position:absolute; right:0; top:0; font-size:13px; background-color:#e24d4d; padding:5px 10px; display:inline-block; color:#fff;}
.wrap-notice .list .slider li .news-date .date{text-align:center; line-height:1.2; color:#666;}
.wrap-notice .list .slider li .news-date .date strong{display:block; font-size:50px; font-family: arial; letter-spacing: -3px;  font-weight: bold;}
.wrap-notice .list .slider li .news-info .title{font-weight:500; font-size:23px; margin:30px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; line-height:1.2em; height:2.4em; overflow:hidden; text-overflow:ellipsis;}
.wrap-notice .list .slider li .news-info .title a{color:#333;}
.wrap-notice .list .slider li .news-info .subject{font-size:15px; margin-bottom:20px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal; line-height:1.4em; height:4.2em; overflow:hidden; text-overflow:ellipsis; color:#666}
.wrap-notice .slider-btn{margin-top:40px;}
.wrap-notice .slider-btn button{width:58px; height:58px; background:url(./../images/noticeBtn.png) no-repeat; text-indent:-9999px; float:left;}
.wrap-notice .slider-btn button.prev{background-position:left center;} 
.wrap-notice .slider-btn button.next {background-position:right center; margin-left:-1px;} 
.wrap-notice .slider-btn .more{float:left;}
.wrap-notice .slider-btn .more a{width:58px; height:58px; display:block; border:1px solid #fff; margin-left:-1px; background:url(./../images/btn-notice-more.png) center center no-repeat; text-indent:-9999px;}

.news-more a{display:block; background:url(./../images/moreBtn.png) left center no-repeat; font-size:14px; padding-left:20px;}

@media all and (max-width:1023px) {
.wrap-notice .notice-title{color:#fff; font-size:35px; margin-bottom:20px;}
}

@media all and (max-width:767px) {
	.wrap-notice .list .slider{padding:0;}
}