/*logo动画*/
.animation-close .logo{
    animation-name: logoToTopLeftReverse;
    animation-duration:1s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-direction:reverse;
}

/*搜索框动画*/
.animation-close .high-search{
    animation-name: searchToTopRightReverse;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-direction:reverse;
}
.animation-close .high-search .hot-search span{
    color: var(--gcolor);
    background: var(--gcolor6);
}
.animation-close .high-search .search{height:56px;}
.animation-close .high-search button{top:18px;width: 57px;}
/*背景图动画*/
.animation-close .bg{
    animation-name: bgToTopReverse;
    animation-duration: 0.45s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-direction:reverse;
}
/*主页服务动画*/
.animation-close .home-service{
    animation-name: fadeOutUpReverse;
    animation-duration: 0.5s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    animation-direction:reverse;
}
/*成效统计动画*/
.animation-close .effect{
    animation-name: fadeOutUpReverse;
    animation-duration: 0.5s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    animation-direction:reverse;
}
/*导航栏动画*/
.animation-close .nav-bar{
    animation-name: navBgPullReverse, navMoveUpReverse;
    animation-duration:0.4s, 0.4s;
    animation-delay: 0.4s, 0s;
    animation-fill-mode: forwards;
    animation-direction:reverse;
    background: var(--gcolor);
}

.animation-close .iframe{
    animation-name: iframeFadeInUpReverse;
    animation-duration:0.3s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-direction:reverse;
}
.animation-close .footer{
    animation-name: footerMoveUpReverse;
    animation-duration:0.3s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-direction:reverse;
}


@keyframes logoToTopLeftReverse{
    from{
        width:395px;
        height:110px;
        margin-left:392.5px;
        margin-top:36px;
        transform: translate3d(0, 0, 0);
    }
    to {
        width:308px;
        height:87px;
        margin-left:0px;
        margin-top:50px;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes searchToTopRightReverse {
    from {
        transform: translate3d(0, 0, 0);
        width: 740px;/*height: 56px;*/
    }
    to {
        transform: translate3d(400px, -150px, 0);
        width:380px;/*height:38px;*/
    }
}

@keyframes bgToTopReverse {
    from {position: fixed;}
    to {
        position: absolute;
        height:280px;
        background-image: url("/eqstatic/images/index/bg1.png");
    }
}
@keyframes iframeFadeInUpReverse {
    from {
        height:0px;
        transform: translate3d(0, 0, 0);
    }
    to {
        height:auto;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeOutUpReverse {
    from {opacity: 1;transform: translate3d(0, 0, 0);}
    to {opacity: 0;transform: translate3d(0, -100%, 0);z-index:-1;}
}
@keyframes navBgPullReverse{
    from{width: 1180px}
    to {width: 100%;}
}
@keyframes navMoveUpReverse{
    from{transform: translate3d(0, 0, 0);}
    to {transform: translate3d(0, 0, 0);}
}
@keyframes footerMoveUpReverse{from{transform: translate3d(0, 0, 0);} to {transform: translate3d(0, 0, 0);} }