/*基础通用动画样式*/
@keyframes getLeft2{
    0%{
        opacity: 0;
        transform:translateX(-300px);
    }
    50%{
        opacity: 0.3;
    }
    100%{
        opacity: 1;
        transform:translateX(0px);
    }
}
@keyframes getLeft3{
    0%{
        opacity: 0;
        transform:translateX(-400px);
    }
    100%{
        opacity: 1;
        transform:translateX(0px);
    }
}
@keyframes getRight{
    0%{
        opacity: 0;
        transform:translateX(100px);
    }
    100%{
        opacity: 1;
        transform:translateX(0px);
    }
}
@keyframes getRight2{
    0%{
        opacity: 0;
        transform:translateX(300px);
    }
    50%{
        opacity: 0.3;
    }
    100%{
        opacity: 1;
        transform:translateX(0px);
    }
}
@keyframes getRight3{
    0%{
        opacity: 0;
        transform:translateX(400px);
    }
    100%{
        opacity: 1;
        transform:translateX(0px);
    }
}
@keyframes showHide{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}



@keyframes showeffect{
    0%{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }
    100%{
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}



/*app下载页的图片动画*/
@keyframes apppic2{
    0%{
        opacity: 0;
        transform:translateX(-160px);
    }
    100%{
        opacity: 1;
        transform:translateX(0px);
    }
}
@keyframes apppic3{
    0%{
        opacity: 0;
        transform:translateX(-300px);
    }
    100%{
        opacity: 1;
        transform:translateX(0px);
    }
}

/*案例展示页动画*/
@keyframes caseFocus{
    0%{
        transform:translateY(0px);
    }
    100%{
        transform:translateY(-67px);
    }
}
@keyframes caseText{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes casejt01{
    0%{
        opacity: 0;
        transform:translateX(-200px);
    }
    100%{
        opacity: 1;
        transform:translateX(0px);
    }
}
@keyframes casejt02{
    0%{
        opacity: 0;
        transform:translateX(-300px);
    }
    100%{
        opacity: 1;
        transform:translateX(0px);
    }
}
@keyframes casejt03{
    0%{
        opacity: 0;
        transform:translateX(-450px);
    }
    100%{
        opacity: 1;
        transform:translateX(0px);
    }
}
@keyframes casejinrong{
    0%{
        opacity: 0;
        transform:translateY(-300px);
    }
    100%{
        opacity: 1;
        transform:translateY(0px);
    }
}


@keyframes getLeftWidth{
    0%{
        width: 0px;
    }
    100%{
        width: 150px;
    }
}

@keyframes getshow2{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes getTopHeight{
    0%{
        opacity: 0;
        height: 0px;
    }
    100%{
        opacity: 1;
        height: 45px;
    }
}

@keyframes getRight2Width{
    0%{
        opacity: 0;
        width: 0px;
    }
    100%{
        width: 125px;
        opacity: 1;
    }
}
@keyframes getRight3Width{
    0%{
        opacity: 0;
        width: 0px;
    }
    100%{
        width: 78px;
        opacity: 1;
    }
}

@keyframes getshow2{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes getTop2Height{
    0%{
        opacity: 0;
        height: 0px;
    }
    100%{
        opacity: 1;
        height: 40px;
    }
}
@keyframes getImg{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 0.5;
    }
    100%{
        opacity: 1;
    }
}

@keyframes scan{
    0%{
        transform:translateY(0px);
    }
    100%{
        transform:translateY(175px);
    }
}

@keyframes scan8{
    0%{
        transform:translateY(0px);
    }
    100%{
        transform:translateY(136px);
    }
}

@keyframes getright1{
    0%{
        opacity: 0;
        width: 0px;
    }
    100%{
        opacity: 1;
        width: 300px;
    }
}
@keyframes getright2{
    0%{
        opacity: 0;
        width: 0px;
    }
    100%{
        opacity: 1;
        width: 460px;
    }
}
@keyframes getright3{
    0%{
        opacity: 0;
        width: 0px;
    }
    100%{
        opacity: 1;
        width: 515px;
    }
}


/*饼图*/


@keyframes cir_anni{
    0%{ opacity: 0;}
    100%{  opacity: 1;  }
}


@keyframes xian_anni1{
    0%{ opacity: 0; left: 834px;top: 132px;}
    100%{  opacity: 1; left: 804px;top: 142px;  }
}

@keyframes xian_anni2{
    0%{ opacity: 0;  left: 997px;top: 323px; }
    100%{  opacity: 1; left: 967px;top: 323px;  }
}
@keyframes xian_anni3{
    0%{ opacity: 0;  left: 956px;top: 602px;}
    100%{  opacity: 1; left: 946px;top: 592px;  }
}
@keyframes xian_anni4{
    0%{ opacity: 0;left: 476px;top: 112px; }
    100%{  opacity: 1; left: 486px;top: 122px;  }
}
@keyframes xian_anni5{
    0%{ opacity: 0; left: 508px;top: 622px;}
    100%{  opacity: 1;  left: 538px;top: 602px; }
}



/*
.cir0{position: absolute; left: 600px;top:250px;opacity: 0;}
.cir1{position: absolute; left: 600px;top:250px;opacity: 0;}
.cir2{position: absolute; left: 773px;top:310px;opacity: 0;}
.cir3{position: absolute; left: 774px;top:423px;opacity: 0;}
.cir4{position: absolute; left: 660px;top:310px;opacity: 0;}
.cir5{position: absolute; left: 660px;top:424px;opacity: 0;}
.lin1l1{position: absolute; left: 804px;top:142px;opacity: 0;}
.lin1l2{position: absolute; left: 967px;top:323px;opacity: 0;}
.lin1l3{position: absolute; left: 946px;top:592px;opacity: 0;}
.lin1l4{position: absolute; left: 486px;top:122px;opacity: 0;}
.lin1l5{position: absolute; left: 538px;top:602px;opacity: 0;}
.lin1tit1{position: absolute; left: 804px;top:202px;opacity: 0;}
.lin1tit2{position: absolute; left: 878px;top:292px;opacity: 0;}
.lin1tit3{position: absolute; left: 864px;top:504px;opacity: 0;}
.lin1tit4{position: absolute; left: 534px;top:266px;opacity: 0;}
.lin1tit5{position: absolute; left: 570px;top:514px;opacity: 0;} */


@keyframes tit_anni1{
    0%{ opacity: 0; left: 834px;top: 202px;}
    100%{  opacity: 1; left: 804px;top: 202px;  }
}

@keyframes tit_anni2{
    0%{ opacity: 0;left: 908px;top: 292px;  }
    100%{  opacity: 1; left: 878px;top: 292px;  }
}
@keyframes tit_anni3{
    0%{ opacity: 0;  left: 894px;top: 524px; }
    100%{  opacity: 1; left: 864px;top: 504px;  }
}
@keyframes tit_anni4{
    0%{ opacity: 0; left: 504px;top: 286px;  }
    100%{  opacity: 1; left: 534px;top: 266px;  }
}
@keyframes tit_anni5{
    0%{ opacity: 0;  left: 540px;top: 504px;}
    100%{  opacity: 1;  left: 570px;top: 514px; }
}

/*环形图片*/


@keyframes huan01{
    0%{ opacity: 0; }
    100%{  opacity: 1; }
}