@charset "utf-8";
main{
    padding-top:18px;
    padding-bottom:32px;
}

main .main-banner{
    margin-bottom:32px;
}

main .main-banner a{
    display: block;
    margin-bottom:10px;
}

main .main-banner a:last-of-type{
    margin:0;
}

main section{
    margin-bottom:29px;
}

main section:last-of-type{
    margin-bottom:0;
}

main section.main-notice h2{
    border-bottom:2px solid #0d5289;
}

main section.main-news h2{
    border-bottom:2px solid #f08500;
}

main section.main-video h2{
    border-bottom:2px solid #e74c3c;
}

main section h2>span{
    display: block;
    width:100%;
    padding:11px 0 8px;
    max-width:181px;
    padding-right:17px;
    color:#fff;
    font-size:17px;
    font-weight:bold;
    text-align:center;
    line-height:1;
}

main section.main-notice h2 span{
    background:url(../images/main-notice-tit.png) left bottom no-repeat;
}

main section.main-news h2 span{
    background:url(../images/main-news-tit.png) left bottom no-repeat;
}

main section.main-video h2 span{
    background:url(../images/main-video-tit.png) left bottom no-repeat;
}

main .main-list>div{
    padding:29px 21px 30px 23px; 
    background:#f5f5f5;
}

main .main-list>div ul{
    width:100%;
    max-width:calc(100% - 227px);
    padding-left:23px;
    margin:-12px 0;
}

main .main-list>div ul li{
    border-bottom:1px solid #e1e1e1;
}

main .main-list>div ul li:last-of-type{
    border-bottom:none;
}

main .main-list>div ul li a{
    display: block;
    position: relative;
    padding:12px 0;
    padding-right:55px;
    font-size:16px;
    letter-spacing:-0.1em;
    line-height:1;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

/* main .main-list>div ul li:first-of-type a{
    padding-top:2px;
}

main .main-list>div ul li:last-of-type a{
    padding-bottom:0;
} */

main .main-list>div ul li a::after{
    display: flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    top:50%;
    right:0;
    width:47px;
    height:22px;
    color:#fff;
    font-size:13px;
    letter-spacing:0;
    line-height:1;
    border-radius:11px;
    transform:translateY(-50%);
    content:'Click';
}

/* main .main-list>div ul li:first-of-type a::after{
    top:0;
    transform: none;
} */

main .main-list.main-notice>div ul li a::after{
    background:#0d5289;
}

main .main-list.main-news>div ul li a::after{
    background:#f08500;
}

main .main-video .row{
    padding-top:20px;
    margin-left:-10px;
    margin-right:-10px;
}

main .main-video .row a{
    display: block;
    overflow:hidden;
    border-radius:20px;
}

main .main-video .row .col-sm-4{
    padding-left:10px;
    padding-right:10px;
}

main .main-video .row a .img{
    position: relative;
}

main .main-video .row a .img span{
    position: absolute;
    top:10px;
    right:0;
    width:67px;
    color:#fff;
    font-size:10px;
    text-align:center;
    line-height:23px;
}

main .main-video .row a .txt-wrap{
    display: flex;
    justify-content: center;
    align-items:center;
    width:100%;
    height:80px;
    padding:0 20px;
    font-size:16px;
    text-align:center;
    letter-spacing:-0.025em;
    line-height:1.4;
    border:1px solid #e1e1e1;
    border-top:none;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    word-wrap:break-word;
    word-break:keep-all;
}

@media (max-width:875px) {
    
}

@media (max-width:767px) {
    main .main-list>div .thumbail{
        display: none;
    }
    main .main-list>div ul{
        width:100%;
        max-width:none;
        padding:0;
    }
}

@media (max-width:575px){
    html{
        font-size:14px;
    }

    main .main-banner a img{
        width:100%;
    }
    
    main .main-banner.inner{
        padding:0;
    }

}