* {
    outline: none;
}

/* --------- 动画定义 --------- */
/* 放大 */
@keyframes loopzoom {
    from {
        opacity: 1;
        -webkit-transform:scale(.1);
        transform: scale(.1);
    }

    to {
        opacity: 0;
        -webkit-transform:scale(4);
        transform: scale(4);
    }
}


/* 移入动画 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}


/* --------- 动画定义 --------- */

/* 全局动画定义 */
.animated {
    transition: all .5s;
}

.scrollIn {
    opacity: 0;
    transform: translateY(50px);
}

.scrollFadeInUp {
    opacity: 1;
    transform: translateY(0);
}


/*平台架构背景小球滚动特效*/
.item-bg1 {
    z-index: 0;
    position: absolute;
    top: -75px;
    left: 300px;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.item-bg2 {
    z-index: 0;
    position: absolute;
    bottom: 32px;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    /*background: url("/static/css/common/../../uploads/hzero/item-bg2.png") no-repeat center;;*/
}

.moveSlow{
    transition: .6s;
}

.separateInLeft{
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    transform: translate(0, 0px);
    opacity: 1;
    transition: all .5s;
}
.separateOffLeft{
    -webkit-transform: translate(-30px, 0px);
    -moz-transform: translate(-30px, 0px);
    transform: translate(-30px, 0px);
    opacity: 0;
    transition: all .5s;
}
.separateInRight{
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    transform: translate(0, 0px);
    opacity: 1;
    transition: all .5s;
}
.separateOffRight{
    -webkit-transform: translate(30px, 0px);
    -moz-transform: translate(30px, 0px);
    transform: translate(30px, 0px);
    opacity: 0;
    transition: all .5s;
}