@charset "utf-8";
.title{
    animation:zoomIn 1s .1s ease  forwards;
    -webkit-animation:zoomIn 1s .1s ease  forwards;
    -moz-animation:zoomIn 1s .1s ease  forwards;
    -o-animation:zoomIn 1s .1s ease  forwards;
}
.zoomIn{
    animation:zoomIn 1s .1s ease  forwards;
    -webkit-animation:zoomIn 1s .1s ease  forwards;
    -moz-animation:zoomIn 1s .1s ease  forwards;
    -o-animation:zoomIn 1s .1s ease  forwards;
}
@-webkit-keyframes zoomIn{
    0%{
        opacity:0;
        transform:scale(0.1);
    }
    100%{
        opacity:1;
        transform:scale(1);
    }
}
@-moz-keyframes zoomIn{
    0%{
        opacity:0;
        transform:scale(0.1);
    }
    100%{
        opacity:1;
        transform:scale(1);
    }
}
.iphone4{
    animation:fadeInRight 1s .1s ease  forwards;
    -webkit-animation:fadeInRight 1s .1s ease forwards;
    -o-animation:fadeInRight 1s .1s ease forwards;
    -moz-animation:fadeInRight 1s .1s ease forwards;
}
.mac{
    animation:fadeInLeft 1s .1s ease forwards;
    -webkit-animation:fadeInLeft 1s .1s ease  forwards;
    -o-animation:fadeInLeft 1s .1s ease forwards;
    -moz-animation:fadeInLeft 1s .1s ease forwards;
}
.fadeInRight{
    animation:fadeInRight .8s .1s ease forwards;
    -webkit-animation:fadeInRight .8s .1s ease forwards;
    -moz-animation:fadeInRight .8s .1s ease forwards;
    -o-animation:fadeInRight .8s .1s ease forwards;
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        transform:translateX(200px);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}
@-moz-keyframes fadeInRight{
    0%{
        opacity:0;
        /*transform:scale(0.1);*/
        transform:translateX(200px);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}
.fadeInDown{
    animation:fadeInDown .8s .1s ease forwards;
    -webkit-animation:fadeInDown .8s .1s ease forwards;
    -moz-animation:fadeInDown .8s .1s ease forwards;
    -o-animation:fadeInDown .8s .1s ease forwards;
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        transform:translateY(-200px);
    }

    100%{
        opacity:1;
        transform:translateX(0px);
    }
}
@-moz-keyframes fadeInDown{
    0%{
        opacity:0;

        transform:translateY(-200px);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}
.fadeInLeft{
    animation:fadeInLeft .8s .1s ease forwards;
    -webkit-animation:fadeInLeft .8s .1s ease forwards;
    -moz-animation:fadeInLeft .8s .1s ease forwards;
    -o-animation:fadeInLeft .8s .1s ease forwards;
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        transform:translateX(-200px);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}
@-moz-keyframes fadeInLeft{
    0%{
        opacity:0;

        transform:translateX(-200px);
    }
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}

.projectText,.analysisText,.designText,.product-tit{
    opacity:1\9\0 !important;
}