@charset "utf-8";


/* Notice */
.wrap-notice {position: relative;}
.wrap-notice .inner {display: flex;align-items: end;}
.wrap-notice .btn-list {width:380px; flex-shrink: 0;}
.wrap-notice .list {width:calc(100% - 380px + 45px); padding:0 40px; position: relative;}
.wrap-notice .btn-box {display: flex; border:1px solid #AEAEAE; border-radius:10px 20px 10px 10px; max-width:240px; height:60px; display: flex; align-items: center; overflow:hidden; margin-top: 17px;}
.wrap-notice .btn-box button {font-size: 16px; color:#666; font-family: 'HG Regular'; padding-left:25px; width:100%; text-align:left; display: flex; align-items: center; height:60px;}
.wrap-notice .btn-box button::before {content:''; width:31px; height:31px; display: inline-block; margin-right:28px;}
.wrap-notice .btn-box:nth-child(1) button::before {background:url('../images/icon1.png') no-repeat center;}
.wrap-notice .btn-box:nth-child(2) button::before {background:url('../images/icon2.png') no-repeat center;}
.wrap-notice .btn-box .more {width:0px; height:60px; display: block; text-indent: -9999px; background:url('../images/more.png') no-repeat center; filter:invert(37%) sepia(67%) saturate(0%) hue-rotate(216deg) brightness(91%) contrast(88%); position: relative; top:10px; opacity:0; width:0; transition: .3s; transition-property: opacity, top;}
.wrap-notice .btn-box.on,
.wrap-notice .btn-box:hover {border:1px solid #014DA2}
.wrap-notice .btn-box.on button,
.wrap-notice .btn-box:hover button {color:#014DA2}
.wrap-notice .btn-box.on .more {filter:unset; top:0; width:60px; opacity:1;}
.wrap-notice .btn-box:nth-child(1).on button::before,
.wrap-notice .btn-box:nth-child(1):hover button::before {background:url('../images/icon1-on.png') no-repeat center;}
.wrap-notice .btn-box:nth-child(2).on button::before,
.wrap-notice .btn-box:nth-child(2):hover button::before {background:url('../images/icon2-on.png') no-repeat center;}

.wrap-notice .row > li {display: none;}
.wrap-notice .row > li.active {display: block;}
.wrap-notice .slider {margin-right:-50px; font-size: 0; position: relative; min-height:400px;}
.wrap-notice .slider li:not(.nodata) {overflow:hidden; min-height:333px;}
.wrap-notice .slider li .box {border:1px solid #ccc; border-radius:20px 45px 20px 20px; padding:26px 40px 30px 40px;}
.wrap-notice .slider li a { display: block;}
.wrap-notice .slider .nodata {display: flex !important; align-items: center; justify-content: center; font-size: 16px; min-height:400px; font-family: 'HG Regular';}
.wrap-notice .slider .slick-slide {margin-right:50px;}
.wrap-notice .cl {font-size: 20px; color:#1174FF; font-family: 'SUITE SemiBold'; display: block;}
.wrap-notice .sj {font-size: 28px; font-family: 'SUITE Bold'; line-height: 40px; letter-spacing: -.05em; color:#151515; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom: 32px; height:80px;}
.wrap-notice .cn {font-size: 18px; line-height: 28px; color:#666; font-family: 'HG Regular'; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; margin-bottom: 18px; height:140px;}
.wrap-notice .date {font-size: 16px; color:#aaa; font-family: 'HG Regular';}

.wrap-notice .slider li:hover .box{background:#005BAC url('../images/notice-obj.png') no-repeat right -36px bottom -5px;}
.wrap-notice .slider li:hover .cl,
.wrap-notice .slider li:hover .sj,
.wrap-notice .slider li:hover .cn,
.wrap-notice .slider li:hover .date {color:#fff;}

.wrap-notice .control {}
.wrap-notice .control button {width:80px; height: 80px; border-radius:50%; border:1px solid #aeaeae; position: absolute; top:50%; margin-top:-40px; text-indent: -9999px;}
.wrap-notice .control button:hover {border:1px solid #005BAC;}
.wrap-notice .control .prev {left:0; background:#fff url('../images/notice-prev.png') no-repeat center;}
.wrap-notice .control .next {right:0; background:#fff url('../images/notice-next.png') no-repeat center;}
.wrap-notice .control .prev:hover {background:#fff url('../images/notice-prev-on.png') no-repeat center;}
.wrap-notice .control .next:hover {background:#fff url('../images/notice-next-on.png') no-repeat center;}

@media screen and (max-width:1800px) {
    .wrap-notice .inner {padding:0 20px;}
    .wrap-notice .list {padding-right:80px;}
    .wrap-notice .control .next {right:40px;}
}
@media screen and (max-width:1500px) {
    /* .wrap-notice .control button {display: block;} */
}
@media screen and (max-width:1200px) {
    .wrap-notice .inner {padding:0 40px;}
    .wrap-notice .btn-list {width:320px;}
    .wrap-notice .list {padding-right: 0; width:calc(100% - 320px)}
    .wrap-notice .list > ul {width:156%;}
    .wrap-notice .slider {min-height:370px;}
    .wrap-notice .control .next {right:0;}
    .wrap-notice .slider .nodata {min-height:370px; justify-content: start;}

    .wrap-notice .slider li .box {padding: 26px 40px 24px 40px;}
    .wrap-notice .cl {margin-bottom: 5px;}
    .wrap-notice .sj {font-size: 24px; line-height: 38px; margin-bottom: 14px;}
    .wrap-notice .cn {font-size: 16px; line-height: 26px; height: 130px; margin-bottom: 13px;}

    .wrap-notice .btn-box .more {flex-shrink: 0;}
}
@media screen and (max-width:880px) {
    .wrap-notice .list > ul {width:100%;}
    .wrap-notice .control .next {right:-40px;}
    .wrap-notice .slider .nodata {justify-content: center;}
}
@media screen and (max-width:768px) {
    .wrap-notice .inner {flex-direction: column; padding:0 20px;}
    .wrap-notice .btn-list {width:100%; display: flex;}
    .wrap-notice .btn-box {max-width:170px;width:100%; margin-right: 5px;}
    .wrap-notice .btn-box button {padding-left:15px;}
    .wrap-notice .btn-box button::before {margin-right: 10px;}
    .wrap-notice .btn-box .more {flex-shrink: unset;}
    .wrap-notice .list {width:100%; margin-top: 30px; padding:0;}
    .wrap-notice .slider {margin-right:0; min-height:324px;}
    .wrap-notice .control button {width:50px; height:50px;}
    .wrap-notice .control .next {right: 0;}
    .wrap-notice .slider .slick-slide {margin:0 30px;}
    .wrap-notice li .box {padding:20px 40px 20px 40px}
    .wrap-notice .cl {font-size: 18px; }
    .wrap-notice .sj {font-size: 22px; line-height: 35px;margin-bottom: 4px; height:75px;}
    .wrap-notice .cn {font-size: 15px; -webkit-line-clamp:4; height: 108px; margin-bottom: 20px;}
    .wrap-notice .slider .nodata {min-height:333px;}
    

}