/* 动画 */
.animation {
    opacity          : 1 !important;
    -ms-transform    : translate(0, 0) !important;
    -moz-transform   : translate(0, 0) !important;
    -webkit-transform: translate(0, 0) !important;
    transform        : translate(0, 0) !important;
}

/* 栏目标题 */
.column-title {
    position         : relative;
    display          : inline-block;
    font-size        : 24px;
    color            : #000000;
    text-align       : center;
    font-weight      : 600;
    margin-top       : 50px;
    opacity          : 0;
    -ms-transform    : translateY(-30px);
    -moz-transform   : translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform        : translateY(-30px);
    transition       : all 0.5s;
}

.column-title::before {
    position     : absolute;
    left         : 0;
    bottom       : -2px;
    content      : '';
    display      : block;
    width        : 40px;
    height       : 10px;
    border-radius: 5px;
    opacity      : 0.59;
}

.column-title.orange::before {
    background: #F7B500;
}

.column-title.blue::before {
    background: #049DFF;
}

.bg-gray {
    background-color: #F6F6F6;
}

/* banner全铺 */
.banner-full {
    width     : 100%;
    overflow-x: hidden;
}

.banner-full img {
    width  : 100%;
    display: block;
}

@media screen and (max-width: 576px) {
    .row {
        margin-left : -5px;
        margin-right: -5px;
    }

    .banner-full img {
        width      : 150%;
        margin-left: -25%;
    }

    .banner-full.middle img {
        width      : 130%;
        margin-left: -15%;
    }
}

@media screen and (min-width: 1360px) {

    .column-title {
        font-size : 36px;
        margin-top: 80px;
    }

    .column-title::before {
        bottom: -5px;
        width : 60px;
    }
}