@charset "utf-8";
/*
** 功能名称：响应式界面布局
** 
*/

/* to 新闻列表模板十八 */

.list18-Main {
    margin-bottom: 30px;
    visibility:hidden;
}

.ie .list18-Main {
    visibility:visible;
}
.list18-Main:after {
    display:block;
    content:"";
    clear:both;
}
.list18-top {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.list18-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;
    transition: .6s;
}

.list18-Main:hover > a .list18-img {
    transform: scale(1.2);
}

.list18-bottom {
    height: 110px;
    padding: 20px 20px;
    box-sizing: border-box;
    transition: .6s ease-out;
    border-bottom: 1px solid transparent;
}

.list18-Title {
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    color: #383838;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list18-txt {
    height: 25px;
    line-height: 25px;
    color: #7f7f7f;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .list18-Main:hover > a .list18-bottom {
        border-bottom: 2px solid #7b7b7b;
        padding-top: 15px;
        transition: .6s ease-out;
    }
/* end */