.head-thumb {
    height: 340px;
    background: url("../img/video_bg.jpg");
    background-size: cover;
}

@media (max-width: 1000px) {
    .head-thumb {
        height: auto;
        line-height: 1;
    }
}

/* region ↓ 大图视频 ↓ */
.video {
    padding-top: 60px;
    padding-bottom: 50px;
}
@media (max-width: 992px) {
    .video {
        padding-bottom: 30px;
        padding-top: 20px;
    }
}
@media (min-width: 1400px) {
    .video .container { max-width: 1420px; }
}

.video .row { width: 100%; }
.video .col {
    cursor: pointer;
}

.video .col:hover .btn {
    background-color: #016334;
    color: white;
}

.video .col:hover .card-text {
    color: #016334;
}

.video .col img {
    transition: all 0.5s ease;
}
.video .col:hover img {
    transition: transform 0.5s;
    transform: scaleX(1.1) scaleY(1.1);
}
/* endregion ↑大图视频↑ */

/* region ↓视频列表↓ */
.list {
    width: 96%;
    font-size: 14px;
    padding: 0 15px 40px 15px;
    margin: 0 auto;
    line-height: 30px;
    min-width: 320px;
    max-width: 1440px;
}

.list ul {
    margin: 0; padding: 0;
    list-style: none;
}

.list li {
    padding: 28px 10px 10px 20px;
    border-bottom: 1px solid #eee;
    animation: list-li-not-hover 0.5s ease forwards;
}
.list li:hover {
    animation: list-li-hover 0.5s ease forwards;
}

@keyframes list-li-hover {
    from { background: white; }
    to { background: #eee; }
}
@keyframes list-li-not-hover {
    from { background: #eee; }
    to { background: white; }
}

.list a {
    color: inherit;
    text-decoration: none;
    display: flex;
}

.list .left {
    /*float: left;*/
}

.list .right {
    /*float: left;*/
    margin-left: 40px;
    color: #777;
    width: calc(100% - 260px);
}

.list .right h3 {
    padding: 12px 0 8px 0;
    width: 100%;
    line-height: 30px;
    position: relative;
    float: left;
    font-size: 18px;
    /*color: #333;*/
}

.list li .right .list-title {
    animation: list-li-title-not-hover 0.5s ease forwards;
}
.list li:hover .right .list-title {
    animation: list-li-title-hover 0.5s ease forwards;
}

@keyframes list-li-title-hover {
    from { color: #333; }
    to { color: #016334; }
}
@keyframes list-li-title-not-hover {
    from { color: #016334; }
    to { color: #333; }
}

.list .right .description {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;

    /*height: 28px;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;*/
}
.list .right .info { font-size: 12px; }

.list .right .fa { color: #BBB; }
/* endregion ↑视频列表↑ */