@charset "utf-8";
/*
** 功能名称：响应式界面布局
** 修改时间：2017年12月19日15:29:21
*/

/* to 新闻列表11 */
.section-bg {
    margin-bottom: 30px;
    transition: all .45s cubic-bezier(.215, .61, .355, 1);
}
.list11-Main {
    padding:20px 10px;
    visibility:hidden;
}
.ie .list11-Main {
    visibility:visible;
}
    .list11-Main:after {
        display: block;
        content: "";
        clear: both;
    }

.list11-time, .list11-Min {
    float: left;
}

.list11-time {
    width: 105px;
}

.list11-Min {
    width: calc(100% - 105px);
    padding-left: 10%;
}

.list11-month {
    font-size: 37px;
    color: #535353;
    text-align: left;
}

.list11-year {
    font-size: 18px;
    color: #535353;
    text-align: right;
}

.list11-Title {
    font-size: 18px;
    color: #535353;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 15px;
}

.list11-txt {
    font-size: 14px;
    color: #a6a6a6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height:38px;
}

.list11-Main:hover {
    color: #fff;
}

   .section-bg:hover *, .list11-Main:hover * {
        color: #fff;
        transition: all .45s cubic-bezier(.215, .61, .355, 1);
    }
    
/* end */