.banner6 {
    background-color: #FFFFFF;
    width: 100%;
    overflow: hidden;
    padding: 95px 0;
}

.banner6-title {
    text-align: center;
    font-weight: bold;
    font-size: 38px;
    color: #000000;
}

.banner6-content {
    position: relative;
    overflow: hidden;
    max-width: 1100px;
    padding: 10px 20px;
    margin: 0 auto;
}

.line-odd1, .line-odd2, .line-odd3, .line-odd4, .line-odd5 {
    width: 2250px;
    overflow: hidden;
}

.line-odd1, .line-odd3, .line-odd5 {
    animation: scrollToRight 46s linear infinite;
}

.line-odd2, .line-odd4 {
    animation: scrollToRight1 38s linear infinite;
}

@keyframes scrollToRight {
    0% {
        transform: translate3d(-50%, 0, 0);
    }
    100% {
        transform: translateZ(0);
    }
}

@keyframes scrollToRight1 {
    0% {
        transform: translate3d(-50%, 0, 0);
    }
    100% {
        transform: translateZ(0);
    }
}

.line-odd1 span, .line-odd2 span, .line-odd3 span, .line-odd4 span, .line-odd5 span {
    display: inline-block;
    box-shadow: 0 0 13px 0 rgba(20, 58, 126, 0.14);
    margin: 15px 10px 15px 10px;
    border-radius: 10px;
    width: 160px;
    height: 83px;
    text-align: center;
}

.line-odd1 img, .line-odd2 img, .line-odd3 img, .line-odd4 img, .line-odd5 img {
    height: 83px;
}

.left-mask {
    left: 0;
    background: linear-gradient(90deg, #FFF, rgba(0, 0, 0, 0));
}

.right-mask {
    right: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), #FFF);
}

.mask {
    position: absolute;
    width: 370px;
    height: 515px;
    z-index: 10;
}