@charset "utf-8";
/*
** 功能名称：响应式界面布局
** 修改时间：2017年12月19日15:29:21
*/
/* to 列表模板三 */
.list3-Main {
    margin: 0 auto;
    padding: 2%;
    transition: .6s;
    position: relative;
    visibility:hidden;
}
.ie .list3-Main {
    visibility:visible;
}
.list3-left {
    overflow: hidden;
    padding: 2%;
}
.list3-left, .list3-right {
    vertical-align:middle;
    display:table-cell;
}
.list3-img {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.list3-right {
    padding: 2%;
    box-sizing: border-box;
}


.list3-Title {
    padding-bottom: 10px;
    color: #3a3a3a;
    font-size: 16px;
    font-weight: bold;
    transition: .6s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.list3-txt {
    width:100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
    color: #989898;
    height: 55px;
}

.list3-time {
    margin-top: 20px;
    font-size: 14px;
    color: #989898;
}

.list3-Main:hover {
    box-shadow: 2px 2px 3px 3px #f1f1f1;
    transition: .6s;
}

    .list3-Main:hover > a .list3-right .list3-title {
        color: #39508c;
        transition: .6s;
    }
/* end */