.animation-open .fixed-content{margin-top:-50px;}
/*logo动画*/
.animation-open .logo{
    animation-name: logoToTopLeft;
    animation-duration:1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
/*搜索框动画*/
.animation-open .high-search{
    animation-name: searchToTopRight;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.animation-open .high-search .hot-search span{
    color:#fff;
    background: rgba(56,97,141,0.4);
}
.animation-open .high-search .search{height:46px;}
.animation-open .high-search button{top:14px;width: 20px;height: 20px;overflow: hidden;}
/*背景图动画*/
.animation-open .bg{
    animation-name: bgToTop;
    animation-duration: 0.5s;
    animation-delay: 0.3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
/*成效统计动画*/
.animation-open .effect{
    animation-name: fadeOutUp;
    animation-duration: 0.7s;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}
/*主页服务动画*/
.animation-open .home-service{
    animation-name: fadeOutUp;
    animation-duration: 0.7s;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}
/*导航栏动画*/
.animation-open .nav-bar{
    animation-name: navBgPull, navMoveUp;
    animation-duration:0.4s, 0.4s;
    animation-delay: 0s, 0.4s;
    animation-timing-function: linear, linear;
    animation-fill-mode: forwards;
    background: var(--gcolor);
}

.animation-open .iframe{
    animation-name: iframeFadeInUp;
    animation-duration:0.4s;
    animation-delay: 0.4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
.animation-open .footer{
    animation-name: footerMoveUp;
    animation-duration:0.4s;
    animation-delay: 0.4s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

@keyframes logoToTopLeft{
    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 searchToTopRight {
    from {
        transform: translate3d(0, 0, 0);
        width: 740px;
    }
    to {
        transform: translate3d(400px, -150px, 0);
        width:380px;
    }
}

@keyframes bgToTop {
    from {position: fixed;}
    to {
        position: absolute;
        height:280px;
        background-image: url("/eqstatic/images/index/bg1.png");
    }
}
@keyframes iframeFadeInUp {
    from {
        height:0px;
        transform: translate3d(0, 0, 0);
    }
    to {
        height:auto;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeOutUp {
    from {opacity: 1;transform: translate3d(0, 0, 0);}
    to {opacity: 0;transform: translate3d(0, -100%, 0);z-index:-1;}
}
@keyframes navBgPull{from{width: 1180px} to {width: 100%;} }
@keyframes navMoveUp{from{transform: translate3d(0, 0, 0);} to {transform: translate3d(0, 0, 0);} }
@keyframes footerMoveUp{from{transform: translate3d(0, 0, 0);} to {transform: translate3d(0, 0, 0);} }