@charset "UTF-8";

.main-notice {background: #F1F1F1; padding-bottom: 60px;}
.main-notice .main-tit {padding-bottom: 0;}
.wrap-notice {position:relative; overflow:hidden; max-width: 1400px; margin: 0 auto;}
.wrap-notice > ul {position: relative; margin-top: 45px; text-align: center; height: 470px;}
.wrap-notice > ul > li {display: inline-block; vertical-align: middle;}
.wrap-notice > ul > li .list {position: absolute; display: none; width: 100%; left: 0; top: 85px;}
.wrap-notice > ul > li.on .list {display: block;}

.wrap-notice > ul > li button {width: 120px; height: 45px; line-height: 45px; border-radius: 5px; background: #C9BEAD; font-size: 16px; color: #fff; margin: 0 5px;}
.wrap-notice > ul > li.on button {background: #FF9C00;}

.wrap-notice .slider {}
.wrap-notice .slider::after {content: ""; display: block; clear: both;}
.wrap-notice .slider li {float: left; padding:0 60px 0 0; padding: 0 1%; width: 25%; text-align: left;}
.wrap-notice .slider .con {display:inline-block; width:100%; padding:20px 0; border-bottom:1px solid #d0d0d0;}

.wrap-notice .slider li.nodata{text-align: center; padding: 20px 0; float: none; width: 100%;}

.wrap-notice .title {position:relative; font-size: 20px; line-height: 25px; color: #292929; margin-bottom: 15px; height: 50px; overflow: hidden;}
.wrap-notice .subject {font-size: 16px; line-height: 25px; color: #858585; font-weight: 300; height: 75px; overflow: hidden; margin-bottom: 20px;}
.wrap-notice .con a {position:relative;}
.wrap-notice .con a:before {content:''; position:absolute; left:0px; bottom:-5px; width:0; height:1px; background:#3e3e3e; transition: 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-notice .con a:hover:before {width:100%;}
.wrap-notice .date {float:right; font-size:14px; color:#313131}

.news-inner {display: block; background: #fff; padding: 25px 7%; overflow: hidden; border-top: 3px solid #A68F6B; box-shadow: 0 13px 15px rgba(0, 0, 0, 0.5);}

.news-inner .news-date {position: relative; float: left; width: 96px; padding-right: 25px; padding-bottom: 50px; font-size: 14px; line-height: 25px; color: #313131; text-align: center; font-weight: 600;}
.news-inner .news-date strong {display: block; font-size: 40px; color: #444444; line-height: 40px; font-weight: 600;}

.news-inner .news-date .new-icon {display: inline-block; width: 30px; height: 30px; background: #FF7200; border-radius: 50%; font-size: 8px; color: #fff; line-height: 30px; margin-top: 20px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);}

.news-inner .news-info {float: left; width: calc(100% - 96px);}
.news-inner .news-info .tit {font-size: 20px; line-height: 25px; color: #292929; margin-bottom: 15px;}
.news-inner .news-info .info {font-size: 16px; line-height: 25px; color: #858585; font-weight: 300; height: 75px; overflow: hidden; margin-bottom: 20px;}
.news-inner .news-info .news-more {text-align: right;}
.news-inner .news-info .news-more a {display: inline-block; width: 60px; height: 30px; text-align: center; line-height: 28px; border-radius: 15px; border: 1px solid #B3B3B3; font-size: 13px; color: #747474;}
.news-inner .news-info .news-more a:hover {background: #FF9C00; color: #fff; border-color: #FF9C00;}

@media all and (min-width:1921px) {
}

@media all and (max-width:1023px) {

.wrap-notice .slider li {width: 50%; margin-top: 15px;}
.wrap-notice .slider li:nth-child(3), .wrap-notice .slider li:nth-child(4) {display: none;}
}

@media all and (max-width:767px) {
.wrap-notice .slider li {width: 100%;}
.wrap-notice .slider li:nth-child(2) {display: none;}
.wrap-notice .slider {width: 94%; margin: 0 auto;}
.news-inner {padding: 15px 4%;}

.wrap-notice > ul > li {display: block; padding: 2px 1%; float: left; width: 50%; box-sizing: border-box;}
.wrap-notice > ul > li button {width: 100%;}
.wrap-notice > ul > li .list {top: 110px;}
}

@media all and (max-width: 480px) {
.wrap-notice > ul > li button{}
}