/*
首页
*/
#nav li.curr a,.side-menu li a.curr{
    display:block;
    animation: flipInX 1.0s;
    -moz-animation: flipInX 1.0s;	/* Firefox */
    -webkit-animation: flipInX 1.0s;	/* Safari 和 Chrome */
    -o-animation: flipInX 1.0s;	/* Opera */
}
.anit .line-title h2,.main-tit h3,.job-idea-tit h3{
     animation: zoomIn 1.0s;
    -moz-animation: zoomIn 1.0s;	/* Firefox */
    -webkit-animation: zoomIn 1.0s;	/* Safari 和 Chrome */
    -o-animation: zoomIn 1.0s;	/* Opera */
}
.anit .line-title,.main-tit,.job-idea-tit{
    animation: lineShrink 0.5s ;
    -moz-animation: lineShrink 0.5s ;	/* Firefox */
    -webkit-animation: lineShrink 0.5s ;	/* Safari 和 Chrome */
    -o-animation: lineShrink 0.5s ;	/* Opera */
}
.index-service,.bg01{
    animation: bgmove 3s  linear infinite ;
    -moz-animation:bgmove 3slinear infinite ; 
    -webkit-animation:bgmove 3s  linear infinite ;
    -o-animation:bgmove 3s  linear infinite ;
}
.index-invest{
    animation: bgmove 12s alternate linear infinite ;
    -moz-animation:bgmove 12s alternate linear infinite ; 
    -webkit-animation:bgmove 12s alternate linear infinite ;
    -o-animation:bgmove 12s alternate linear infinite ;
}
.index-service-item img,.index-case-item,.make-item img,.case-item  img{
    perspective:150;
    -webkit-perspective:150; /* Safari and Chrome */
    transition: transform 0.8s;
    -moz-transition: -moz-transition 0.8s;
    -webkit-transition: -webkit-transform 0.8s;
    -o-transition: -o-transition 0.8s;

}
.index-case-item a{
    display:block;
    overflow:hidden;
}
.index-service-item:hover img,.make-item:hover img,.case-item:hover img{
     transform: rotateY(40deg);
    -webkit-transform: rotateY(40deg);
    -moz-transform: rotateY(40deg);
    -o-transform: rotateY(40deg);
}
.anit.index-service-item,.anit .index-news-item{
    animation: fadeInRight 0.6s linear ;
    -moz-animation:fadeInRight  0.6s linear ;
    -webkit-animation:fadeInRight 0.6s linear ;
    -o-animation: fadeInRight 0.6s linear ;
}
.anit .index-invest-con,.anit .index-case-item{
    animation: zoomIn 0.6s linear ;
    -moz-animation:zoomIn 0.6s linear ;
    -webkit-animation:zoomIn 0.6s linear ;
    -o-animation:zoomIn 0.6s linear ;
}
.main-con,.news-list,.make-item,.case-item,.job-idea-con{
    animation:  fadeInRight 0.6s linear ;
    -moz-animation: fadeInRight 0.6s linear ;
    -webkit-animation:fadeInRight 0.6s linear ;
    -o-animation:fadeInRight 0.6s linear ;
}
.ici01{
    animation-delay:2s;
    -moz-animation-delay:2s;
    -webkit-animation-delay:2s;
    -o-animation-delay:2s;
}
.ici02{
     animation-delay:2.4s;
    -moz-animation-delay:2.4s;
    -webkit-animation-delay:2.4s;
    -o-animation-delay:2.4s;
}
.ici03{
     animation-delay:2.8s;
    -moz-animation-delay:2.8s;
    -webkit-animation-delay:2.8s;
    -o-animation-delay:2.8s;
}
.ici04{
       animation-delay:3.2s;
    -moz-animation-delay:3.2s;
    -webkit-animation-delay:3.2s;
    -o-animation-delay:3.2s;
}
.ici05{
       animation-delay:3.6s;
    -moz-animation-delay:3.6s;
    -webkit-animation-delay:3.6s;
    -o-animation-delay:3.6s;
}
.ici06{
     animation-delay:4s;
    -moz-animation-delay:4s;
    -webkit-animation-delay:4s;
    -o-animation-delay:4s;
}
.footer-link a:hover,.index-case-item a:hover{
    animation: pulse 0.6s linear ;
    -moz-animation:pulse 0.6s linear ;
    -webkit-animation:pulse 0.6s linear ;
    -o-animation:pulse 0.6s linear ;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
}
.anit .footer-link{
    animation:  fadeInDown 1s linear ;
    -moz-animation: fadeInDown 1s linear ;
    -webkit-animation:fadeInDown 1s linear ;
    -o-animation:fadeInDown 1s linear ;
}
body,#container,.main.invest-main{
    overflow-x:hidden;
}
@keyframes lineShrink {
  from {
    width:0;
    opacity:0;
  }

  100% {
    width:540px;
    opacity:1;
  }
}
@-webkit-keyframes lineShrink {
  from {
    width:0;
    opacity:0;
  }

  100% {
    width:540px;
    opacity:1;
  }
}
@keyframes bgmove {
    from {
        background-position: -500px -50px;
    }

    20%,60%{
        background-position-x:-300px 0px;
    }
    40%,80% {
        background-position-x: 0px 50px;
    }
    100% {
        background-position-x: 500px 0px;
    }
}
@-webkit-keyframes bgmove {
    from {
        -webkit-background-position: -500px -50px;
    }

    20%,60%{
        -webkit-background-position-x:-300px 0px;
    }
    40%,80% {
        -webkit-background-position-x: 0px 50px;
    }
    100% {
        -webkit-background-position-x: 500px 0px;
    }
}