/* dede58.com 做最好的织梦模板 */
.banner .contentInfo .sub {animation:sub .5s ease-in-out 0s both;-moz-animation:sub .5s ease-in-out 0s both;-webkit-animation:sub .5s ease-in-out 0s both;-o-animation:sub .5s ease-in-out 0s both;}
@keyframes sub {
0% {height:0px;}
100% {height:120px;}
}
@-moz-keyframes sub {
0% {height:0px;}
100% {height:120px;}
}
@-webkit-keyframes sub {
0% {height:0px;}
100% {height:120px;}
}
@-o-keyframes sub {
0% {height:0px;}
100% {height:120px;}
}
.banner .contentInfo .quan {animation:quan .2s ease-in-out .5s both;-moz-animation:quan .2s ease-in-out .5s both;-webkit-animation:quan .2s ease-in-out .5s both;-o-animation:quan .2s ease-in-out .5s both;}
@keyframes quan {
0% {transform:scale(0);}
100% {transform:scale(1);}
}
@-moz-keyframes quan {
0% {-moz-transform:scale(0);}
100% {-moz-transform:scale(1);}
}
@-webkit-keyframes quan {
0% {-webkit-transform:scale(0);}
100% {-webkit-transform:scale(1);}
}
@-o-keyframes quan {
0% {-o-transform:scale(0);}
100% {-o-transform:scale(1);}
}
.banner .contentInfo .title {animation:tranx .8s ease-in-out .5s both;-moz-animation:tranx .8s ease-in-out .5s both;-webkit-animation:tranx .8s ease-in-out .5s both;-o-animation:tranx .8s ease-in-out .5s both;}
.banner .contentInfo .info {animation:tranx .8s ease-in-out .7s both;-moz-animation:tranx .8s ease-in-out .7s both;-webkit-animation:tranx .8s ease-in-out .7s both;-o-animation:tranx .8s ease-in-out .7s both;}
.banner .contentInfo .btn {animation:tranx .8s ease-in-out .9s both;-moz-animation:tranx .8s ease-in-out .9s both;-webkit-animation:tranx .8s ease-in-out .9s both;-o-animation:tranx .8s ease-in-out .9s both;}
@keyframes tranx {
0% {transform:translateX(-700px);}
100% {transform:translateX(0);}
}
@-moz-keyframes tranx {
0% {-moz-transform:translateX(-700px);}
100% {-moz-transform:translateX(0);}
}
@-webkit-keyframes tranx {
0% {-webkit-transform:translateX(-700px);}
100% {-webkit-transform:translateX(0);}
}
@-o-keyframes tranx {
0% {-o-transform:translateX(-700px);}
100% {-o-transform:translateX(0);}
}
 @keyframes bannerNavChildOn {
0% {background:#fff;transform:scale(1);}
50% {transform:scale(0);}
100% {background:#000;transform:scale(1);}
}
@-moz-keyframes bannerNavChildOn {
0% {background:#fff;-moz-transform:scale(1);}
50% {transform:scale(0);}
100% {background:#000;-moz-transform:scale(1);}
}
@-webkit-keyframes bannerNavChildOn {
0% {background:#fff;-webkit-transform:scale(1);}
50% {transform:scale(0);}
100% {background:#000;-webkit-transform:scale(1);}
}
@-o-keyframes bannerNavChildOn {
0% {background:#fff;-o-transform:scale(1);}
50% {transform:scale(0);}
100% {background:#000;-o-transform:scale(1);}
}