.nrbj{background:url("../images/bj.jpg") ; width: 100%; height: 100%;  background-size:100% 100%; position:fixed; bottom:0px; z-index: -999999;
    transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);
    animation:loginbj 1s ease-in-out both;
    -moz-animation:loginbj 1s ease-in-out both;
    -webkit-animation:loginbj 1s ease-in-out both;}
@keyframes loginbj{
    0%{ opacity: 0;  transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); }
    100%{ opacity: 1;  transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); }
}
@-moz-keyframes loginbj{
    0%{ opacity: 0;  transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); }
    100%{ opacity: 1;  transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); }
}
@-webkit-keyframes loginbj{
    0%{ opacity: 0;  transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); }
    100%{ opacity: 1;  transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1); }
}

.logo{ height:50px; margin-top:30px; overflow: hidden; width: 520px; float: left;;
    transform: translate(0 0); -moz-transform: translate(0 0);-webkit-transform:translate(0 0);
    animation:login_1 1s ease-in-out both;
    -moz-animation:login_1 1s ease-in-out both;
    -webkit-animation:login_1 1s ease-in-out both;}

.top_banner{ width:580px; height:123px; position: absolute; right:0; bottom:0; background: url("../images/banner.png") no-repeat;
    transform: translate(0 0); -moz-transform: translate(0 0);-webkit-transform:translate(0 0);
    animation:login_1 1.5s ease-in-out both;
    -moz-animation:login_1 1.5s ease-in-out both;
    -webkit-animation:login_1 1.5s ease-in-out both;
}
@keyframes login_1{
    0%{ opacity: 0;
        transform:translateY(15%) }
    50%{ opacity: 0;
        transform:translateY(35%) }
    100%{ opacity: 1;
        transform:translateY(0) }
}
@-moz-keyframes login_1{
    0%{ opacity: 0;
        transform:translateY(15%) }
    50%{ opacity: 0;
        transform:translateY(35%) }
    100%{ opacity: 1;
        transform:translateY(0) }
}
@-webkit-keyframes login_1{
    0%{ opacity: 0;
        transform:translateY(15%) }
    50%{ opacity: 0;
        transform:translateY(35%) }
    100%{ opacity: 1;
        transform:translateY(0) }
}
.menu_bj{ width:1200px; margin: auto;   transform:translate(0 0);-moz-transform:translate(0 0);-webkit-transform:translate(0 0);
    animation:menu_dh 1.5s ease-in-out both;
    -moz-animation:menu_dh 1.5s ease-in-out both;
    -webkit-animation:menu_dh 1.5s ease-in-out both; }

@keyframes menu_dh{
    0%{ opacity: 0;
        transform:translateY(-2%) }

    100%{ opacity: 1;
        transform:translateY(0) }
}
@-moz-keyframes menu_dh {
    0%{ opacity: 0;
        transform:translateY(-2%) }

    100%{ opacity: 1;
        transform:translateY(0) }
}
@-webkit-keyframes menu_dh {
    0%{ opacity: 0;
        transform:translateY(-2%) }
    100%{ opacity: 1;
        transform:translateY(0) }
}
.bottom{ width: 100%; min-width: 1200px; background:url("../images/bottom_bj.png"); overflow: hidden; margin-top: 20px; padding-bottom: 15px;transform: translate(0 0); -moz-transform: translate(0 0);-webkit-transform:translate(0 0);
    animation:login_2 2s ease-in-out both;
    -moz-animation:login_2 2s ease-in-out both;
    -webkit-animation:login_2 2s ease-in-out both;}
@keyframes login_2{
    0%{ opacity: 0;
        transform:translateY(15%) }
    100%{ opacity: 1;
        transform:translateY(0) }
}
@-moz-keyframes login_2{
    0%{ opacity: 0;
        transform:translateY(15%) }
    100%{ opacity: 1;
        transform:translateY(0) }
}
@-webkit-keyframes login_2{
    0%{ opacity: 0;
        transform:translateY(15%) }
    100%{ opacity: 1;
        transform:translateY(0) }
}