.product-index-category {
    display: block;
    margin-bottom: 30px;
    padding: 50px 0;
    background: url('../images/product-index-category.jpg') no-repeat center top;
}

.product-index-item {
    overflow: hidden;
}

.product-index-image.left,
.product-index-box.left {
    float: left;
}

.product-index-image.right,
.product-index-box.right {
    float: right;
}

.product-index-box.left {
    text-align: left;
}

.product-index-box.right {
    text-align: right;
}

.product-index-image i {
    display: block;
    width: 400px;
    height: 400px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.product-index-box {
    transform: translateY(100%);
    opacity: 0;
}

    .product-index-box.ani {
        animation: product-box-ani 1s forwards;
    }

@keyframes product-box-ani {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

.product-index-title {
    color: #222;
    font-size: 62px;
}

.product-index-txt {
    margin-top: 30px;
}

    .product-index-txt p {
        line-height: 31px;
        color: #666;
        font-size: 18px;
    }