.hero-slider{

    background:#f8fbff;

    padding:120px 0 80px;

    overflow:hidden;

}

.hero-content h1{

    font-size:56px;

    font-weight:700;

    line-height:1.2;

    margin-bottom:20px;

}

.hero-content p{

    font-size:18px;

    color:#666;

    margin-bottom:30px;

}

.hero-tag{

    color:#d50000;

    font-weight:600;

    display:block;

    margin-bottom:20px;

}

.hero-product{

    max-height:520px;

    transition:.4s;

}

.swiper-button-next,

.swiper-button-prev{

    color:#d50000;

}

.swiper-pagination-bullet-active{

    background:#d50000;

}
.hero-content > * {
    opacity: 0;
    transform: translateY(30px);
    transition: all .6s ease;
}

.swiper-slide-active .hero-content > * {
    opacity: 1;
    transform: translateY(0);
}

.swiper-slide-active .hero-content span {
    transition-delay: .2s;
}

.swiper-slide-active .hero-content h1 {
    transition-delay: .4s;
}

.swiper-slide-active .hero-content p {
    transition-delay: .6s;
}

.swiper-slide-active .hero-content a {
    transition-delay: .8s;
}