.inner_banner_img_back,
.index_banner .inner_banner_img_back img {
    width: 23%;
}

.banner_sub_title span {
    font-size: 1.2em;
}

.index_banner .content {
    z-index: 2;
}

.index_banner .content h2 {
    text-align: center;
    transform: translateY(0);
}

.index_banner .content .banner_title {
    position: absolute;
    z-index: 4;
    font-size: 2em;
}

.index_banner #encoder-swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.buackground {
    opacity: .3;
}

.buackground:hover {
    z-index: 5;
    font-size: 1.1em;
    color: #555555;
    opacity: 0.9;
}

.buackground:hover ~ h2 {
    opacity: 0.3;
}

@keyframes heart {
    0%   {width: 23%;opacity: 0.8;}
    50%   {width: 26%;opacity: 0.4;}
    100%   {width: 29%;opacity: 0;}
}

@media screen and (max-width: 1600px) {
    .inner_banner_img_back,
    .index_banner .inner_banner_img_back img {
        width: 24%;
    }
    @keyframes heart {
        0%   {width: 24%;opacity: 0.8;}
        50%   {width: 26%;opacity: 0.4;}
        100%   {width: 28%;opacity: 0;}
    }
    .index_banner .content {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 1200px) {
    .inner_banner_img_back,
    .index_banner .inner_banner_img_back img {
        width: 26%;
    }
    @keyframes heart {
        0%   {width: 26%;opacity: 0.8;}
        50%   {width: 27.5%;opacity: 0.4;}
        100%   {width: 30%;opacity: 0;}
    }
    .index_banner .content {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 991px) {
    .inner_banner_img_back,
    .index_banner .inner_banner_img_back img {
        width: 26%;
    }
    @keyframes heart {
        0%   {width: 26%;opacity: 0.8;}
        50%   {width: 28%;opacity: 0.4;}
        100%   {width: 30%;opacity: 0;}
    }
}


@media screen and (max-width: 689px) {
    .inner_banner_img_back,
    .index_banner .inner_banner_img_back img {
        width: 30%;
    }
    @keyframes heart {
        0%   {width: 30%;opacity: 0.8;}
        50%   {width: 32%;opacity: 0.4;}
        100%   {width: 34%;opacity: 0;}
    }
    .index_banner .content {
        font-size: 1.1em;
    }
}