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

/* to 列表模板9*/
.list9-Main {
    margin: 0 auto;
    padding: 2%;
    visibility:hidden;
}
.ie .list9-Main {
    visibility:visible;
}
.list9-top {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.list9-img {
    width: 100%;
    height: 0;
    padding-bottom: 125%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.list9-top-cover {
    width: 100%;
    height: 90px;
    position: absolute;
    z-index: 1;
    background: rgba(60, 95, 174, 0.8);
    padding: 20px 20px;
    box-sizing: border-box;
    bottom: -90px;
    transition: .6s;
}

    .list9-top-cover .list9-Title {
        height: 28px;
        line-height: 28px;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        font-size: 16px;
        color: #fff;
    }

    .list9-top-cover .list9-txt {
        color: #fff;
        height: 22px;
        text-align:center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.list9-Main:hover > a .list9-top img {
    transform: translate(-50%,-50%) scale(1.2);
    transition: .6s;
}

.list9-Main:hover > a .list9-top .list9-top-cover {
    bottom: 0;
    transition: .6s ease-in-out;
}

@media (max-width: 767px) {
    .list9-top {
        height: 350px;
    }
}
/* end */