:root {
    --animate-duration: 0.6s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

/*缩放动画*/
@keyframes scaleUp {
    from {
        transform: scale(0.6);
    }
    to {
        transform: scale(1);
    }
}

/*向右漂移动画*/
@keyframes slideRight {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

/*向左漂移动画*/
@keyframes slideLeft {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

/*渐显*/
@keyframes fadeInDown {
    from {
        opacity: 0;
        filter: blur(.7px);
        /*transform: translateY(-30%);*/
    }
    to {
        opacity: 1;
        filter: blur(0);
        /*transform: translateY(0);*/
    }
}

/*X轴翻转渐显*/
@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes fadeInScale {
    from {
        opacity: .7;
        transform: translate(-50%, -50%) scale(.7);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

/*向上滑动*/
@keyframes float {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    80% {
        transform: translateY(-50px);
        opacity: .9;
    }
    100% {
        transform: translateY(-50px);
        opacity: 0;
    }
}




.scroll-hint{
    animation: float 1.5s ease infinite;
    /*transition: all .5s ease;*/
}
/* 首页首屏文字缩放--start */
/*.banner_flv_area_t1 {*/
/*    animation: slideLeft 0.6s ease;*/
/*}*/

/*.banner_flv_area_t2 {*/
/*    animation: slideRight 0.6s ease;*/
/*}*/

.animate__flipInX{
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

/* 首页首屏文字缩放--end */

/* 公司资质放大效果 */
.animate {
    animation: scaleUp 0.7s ease;
}

/*安全服务左飘移*/
.slideLeftAnimate {
    animation: slideLeft .5s ease;
}

/*安全产品渐显*/
.fadeindown{
    animation: fadeInDown .5s ease;

    /*opacity: 0;*/
    /*animation: pixelReveal 1.5s forwards;*/
}

.footer_modal .modal-overlay.modal-overlay-open .modal_content{
    animation: fadeInScale .3s ease;
    animation-fill-mode: forwards;
}