@charset "UTF-8";

.wrap-notice{width: 100%;overflow: hidden;position: relative;min-height: 310px;}
.wrap-notice > ul > li .list {display: none;position: absolute;left: 0;top: 75px;width: 100%;}
.wrap-notice > ul > li.on .list {display: block;}

.wrap-notice .more{display:none;width: 35px;height: 35px;background-image: url(../images/more_btn.png);background-size: cover;top: 0;position: absolute;right: 0;text-indent: -9999px;}
.wrap-notice li.on .more{display:block;}

.wrap-notice .font-titil{font-family: 'Noto Medium', 'Exo', sans-serif;font-size: 32px;color: #222;letter-spacing: 1px;display: inline-block;}
.wrap-notice .recents-title-bx{padding-left: 40px;position: relative;background: url(../images/title-bg.png) no-repeat left center;display: inline-block;}
.wrap-notice .recents-title-bx:after{content:'';width:35px;height: 1px;background: #111;position: absolute;top:50%;left:155px;display: block;}
.wrap-notice > ul{width: 100%;margin-top: -42px;padding-left: 200px;}


.wrap-notice .title{display: inline-block;}
.wrap-notice > ul > li{display: inline-block;height: 255px;}
.wrap-notice > ul > li:nth-child(2) .title {top: 90px;}

.wrap-notice .title-text{font-size: 22px; color: #888888; font-weight: normal;font-family: 'Noto Regular';padding:0 10px;}
.wrap-notice .on .title-text{color: #0054a7;font-family: 'Noto Medium';}

.wrap-notice .con{overflow: hidden;margin-bottom: 5px;}
.wrap-notice .con a{display: block;}
.wrap-notice .list li{padding-left: 15px;position: relative;width: 47.5%;float: left;display: inline-block;line-height: 34px;margin-left: 30px;}
.wrap-notice .list li:nth-child(1){padding-left:110px;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px dashed #bbb;margin-left:0;height: 90px;}
.wrap-notice .list li:nth-child(1) .notice-content h1{font-size:20px;color:#222;font-family: 'Noto Regular';text-overflow: clip;white-space: normal;height: 70px;}
.wrap-notice .list li:nth-child(1) .notice-date .date-y,
.wrap-notice .list li:nth-child(1) .notice-date .date-m{display: none;}
.wrap-notice .list li:nth-child(1) .notice-date .date-d{font-size: 48px;color:#000;font-family: 'Noto Bold';}
.wrap-notice .list li:nth-child(1) .notice-date{position: absolute;left: 25px;top: 10px;}
.wrap-notice .list li:nth-child(1):before{display:none;}
.wrap-notice .list li:before{content:'';width:6px;height: 6px;background: #a0bec2;position: absolute;top: 15px;left:0;border-radius: 50%;}
.wrap-notice .list li:last-child .con{margin-bottom: 0;}

.wrap-notice .list li + li + li + li + li{margin-left:0;}
.wrap-notice .list li + li + li + li + li:nth-child(even){margin-left:30px;}
/**.wrap-notice .list li:nth-child(2){top:-40px;margin-left:20px;}
.wrap-notice .list li + li + li:nth-child(even){top: -66px;margin-left:20px;}**/

/**.wrap-notice .list li:hover .notice-date{background-color: #242e49;}
.wrap-notice .list li:hover .date{color: white;}
.wrap-notice .list li:hover .notice-more-btn{background-image: url(../images/lastest_go_link.png);}**/

.wrap-notice .notice-date{position: absolute;right: 1px;top: -1px;display: block;color: #888;letter-spacing: -.5px;}
.wrap-notice .notice-date span{color: #888;text-align: center;font-size: 15px;display: inline-block;font-family: 'Noto Light';}

.wrap-notice .notice-content{}
.wrap-notice .notice-content h1{font-size: 16px;letter-spacing: -1px;color: #666;font-family:'Noto DemiLight';display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 75%;}
.wrap-notice .notice-content p{font-size: 16px; font-weight: 200; width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #888888;}

.wrap-notice .notice-more-btn{display: none;width: 27px; height: 21px; background-image: url(../images/go_link.png); background-size: cover; right: 0; top: 50%; margin-top: -6.5px; position: absolute;}

@media all and (max-width:1400px){
.wrap-notice .notice-content h1{width:70%;}
.wrap-notice .notice-date span{font-size:14px;}
}

@media all and (max-width:1300px){
.wrap-notice > ul{margin-top:-38px;}
.wrap-notice .list li{width:46.5%;}
.wrap-notice .title-text{font-size:20px;padding:0 3px;}
}

@media all and (max-width:767px){
.wrap-notice .font-titil{font-size: 32px;}
.wrap-notice > ul{margin-top:20px;padding-left:0;}
.wrap-notice > ul > li .list{top:110px;}
.wrap-notice .list li{margin-left:5px;padding-left:15px;}
.wrap-notice .list li:nth-child(1){padding-left:12px;margin-bottom: 10px;height:80px;}
.wrap-notice .list li:nth-child(1) .notice-date .date-d{font-size:30px;}
.wrap-notice .list li{width:100%;}
.wrap-notice .list li:nth-child(1) .notice-date{left:15px;}
.wrap-notice .list li:nth-child(1) .notice-content h1{width:100%;padding-left:60px;}
.wrap-notice .notice-date{right:10px;}
}