@charset "utf-8";
/* CSS Document */

    section.zmain {
        background-color: #f7f7f7;
        padding: 2.5rem 0;
    }

    section.zmain .ct {
        width: 67%;
    }

    .year-selector-ctn .ct {
        border-bottom: 1px solid #d2d2d2;
    }

    .current-year {
        float: left;
        font-size: 3rem;
        line-height: 2.35;
        color: #222;
        font-weight: lighter;
        width: 3.3em;
        background: url(/template/default/style/images/bottom_01.png) no-repeat 100%;
        -webkit-transition: .3s;
        transition: .3s;
        cursor: pointer;
    }

    .years {
        float: right;
        position: relative;
    }

    .year-list {
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 3000;
        display: none;
        width: 15rem;
        background: #fff;
        box-shadow: 0 0 15px 1px #ddd;
        max-height: 23rem;
        overflow-y: auto;
    }

    .year-list a {
        font-size: 1.75rem;
        line-height: 4.5rem;
        display: block;
        padding: 0 1rem;
        text-decoration: none;
        outline: none;
        color: #333;
        -webkit-transition: .3s;
        transition: .3s;
        border-bottom: 1px solid #e5e5e5;
    }

    .news a.ct {
        display: block;
        padding: 3.4375rem 0;
        border-bottom: 1px solid #d2d2d2;
    }

    .news {
        transition: .3s;
    }

    .news:hover {
        background: #eaeaea;
    }

    .news .left {
        width: 340px;
        float: left;
    }

    .news .left img {
        display: block;
        width: 100%;
    }

    .news .right {
        padding-left: 400px;
    }

    .news-title {
        font-weight: lighter;
        font-size: 1.625rem;
        line-height: 1.4;
        color: #222;
    }

    .news-date {
        font-size: 1rem;
        line-height: 2.6875;
        color: #666;
        display: inline-block;
    }

    .news-desc {
        font-size: 1rem;
        line-height: 1.75;
        color: #444;
        padding-top: .875rem;
        margin: 0;
		overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 
    }

    .pager-ctn {
        padding: 3rem 0;
        text-align: center;
        font-size: .875rem;
        color: #999;
    }

    .yiiPager {
        list-style: none;
        margin: 0 1rem 0 0;
        padding: 0;
        display: inline-block;
        vertical-align: bottom;
    }

    .yiiPager li {
        display: inline-block;
        margin: 0 .2rem;
        float: left;
    }

    .yiiPager li a {
        display: block;
        border: 1px solid #bfbfbf;
        border-radius: 14px;
        height: 28px;
        line-height: 26px;
        padding: 0 .56rem;
        background-color: #fff;
        text-align: center;
        color: #999;
        transition: .2s;
    }

    .yiiPager li.selected a, .yiiPager a:hover {
        background-color: #39a9ae;
        color: #fff;
        border: 1px solid #39a9ae;
    }

    .yiiPager .hidden {
        display: none;
    }

    .no-news-hint {
        color: #999;
        padding: 2rem 0;
        font-size: 1.5rem;
    }

    .news-tabs {
        float: left;
        font-size: 28px;
        font-weight: normal;
        margin-top: 40px;
    }

    .news-tabs a {
        margin-right: 30px;
    }

    .news-tabs a:hover, .news-tabs a.active {
        color: #39a9ae;
    }


    @media (max-width: 1200px) {

        .news-desc { /*display: none; */}
        
    }


    @media (max-width: 960px) {

        .news .ct .left {
            width: 100%;
            float: none;
        }

        .news .ct .right {
            padding-left: 0;
            margin-top: 30px;
        }

        
    }

    @media (max-width: 640px) {
        section.zmain .ct {
            width: 100%;
            padding-left: 30px;
            padding-right: 30px;
        }

        .news-tabs {
            font-size: 24px;
        }

        .news-tabs a {
            margin-right: 12px;
        }
    }