/*fadeIn效果*/
@-webkit-keyframes opacityIn {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes opacityIn {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes opacityIn {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes opacityIn {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
.opacityFadeIn{
    animation: opacityIn 1s linear;
    -moz-animation: opacityIn 1s linear;
    -webkit-animation: opacityIn 1s linear;
    -o-animation: opacityIn 1s linear;
}
/*fadeOut效果*/
@-webkit-keyframes opacityOut {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes opacityOut {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}
@-o-keyframes opacityOut {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes opacityOut {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}
.opacityFadeOut{
    animation: opacityOut 1s linear;
    -moz-animation: opacityOut 1s linear;
    -webkit-animation: opacityOut 1s linear;
    -o-animation: opacityOut 1s linear;
}
/*移动*/
@keyframes homeRight {
    from{transform: translateX(100%)}
    to{transform: translateX(0)}
}
@-moz-keyframes homeRight {
    from{-moz-transform: translateX(100%)}
    to{-moz-transform: translateX(0)}
}
@-webkit-keyframes homeRight {
    from{-webkit-transform: translateX(100%)}
    to{-webkit-transform: translateX(0)}
}
@-o-keyframes homeRight {
    from{-o-transform: translateX(100%)}
    to{-o-transform: translateX(0)}
}
@keyframes homeLeft {
    from{transform: translateX(-100%)}
    to{transform: translateX(0)}
}
@-moz-keyframes homeLeft {
    from{-moz-transform: translateX(-100%)}
    to{-moz-transform: translateX(0)}
}
@-webkit-keyframes homeLeft {
    from{-webkit-transform: translateX(-100%)}
    to{-webkit-transform: translateX(0)}
}
@-o-keyframes homeLeft {
    from{-o-transform: translateX(-100%)}
    to{-o-transform: translateX(0)}
}
.home-right{
    animation: homeRight 1s ease;
    -moz-animation: homeRight 1s ease;
    -webkit-animation: homeRight 1s ease;
    -o-animation: homeRight 1s ease;
    z-index: 99;
}
/*team页面动画*/
.team-right{
    animation: homeRight 3s linear;
    -moz-animation: homeRight 3s linear;
    -webkit-animation: homeRight 3s linear;
    -o-animation: homeRight 3s linear;
    z-index: 90;
}
.team-left{
    animation: homeLeft 3s linear;
    -moz-animation: homeLeft 3s linear;
    -webkit-animation: homeLeft 3s linear;
    -o-animation: homeLeft 3s linear;
    z-index: 90;
}