.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;}
}

@media (max-width: 639px) {
@keyframes sub{
0%{height:0px;}
100%{height:80px;}
}
@-moz-keyframes sub{
0%{height:0px;}
100%{height:80px;}
}
@-webkit-keyframes sub {
0%{height:0px;}
100%{height:80px;}
}
@-o-keyframes sub{
0%{height:0px;}
100%{height:80px;}
}
}

.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:trany_d .8s  ease-in-out .5s  both;
	-moz-animation:trany_d .8s  ease-in-out .5s  both;
	-webkit-animation:trany_d .8s  ease-in-out .5s  both;
	-o-animation:trany_d .8s  ease-in-out .5s  both;
}
.banner .contentInfo .mid_t{
	animation:trany_d .5s  ease-in-out .6s  both;
	-moz-animation:trany_d .5s  ease-in-out .6s  both;
	-webkit-animation:trany_d .5s  ease-in-out .6s  both;
	-o-animation:trany_d .5s  ease-in-out .6s  both;
}
.banner .contentInfo .info{
	animation:trany_u .8s  ease-in-out .7s  both;
	-moz-animation:trany_u .8s  ease-in-out .7s  both;
	-webkit-animation:trany_u .8s  ease-in-out .7s  both;
	-o-animation:trany_u .8s  ease-in-out .7s  both;
}
.banner .contentInfo .btn{
	animation:trany_u .8s  ease-in-out .9s  both;
	-moz-animation:trany_u .8s  ease-in-out .9s  both;
	-webkit-animation:trany_u .8s  ease-in-out .9s  both;
	-o-animation:tran_u .8s  ease-in-out .9s  both;
}
@keyframes tranx{
0%{ transform:translateX(-700px);transform:translateY()}
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 trany_d{
0%{ transform:translateY(-400px);}
100%{transform:translateY(0);}
}
@-moz-keyframes trany_d{
0%{ -moz-transform:translateY(-400px);}
100%{-moz-transform:translateY(0);}
}
@-webkit-keyframes trany_d {
0%{ -webkit-transform:translateY(-400px);}
100%{-webkit-transform:translateY(0);}
}
@-o-keyframes trany_d{
0%{ -o-transform:translateY(-400px);}
100%{-o-transform:translateY(0);}
}

@keyframes trany_u{
0%{ transform:translateY(400px);}
100%{transform:translateY(0);}
}
@-moz-keyframes trany_u{
0%{ -moz-transform:translateY(400px);}
100%{-moz-transform:translateY(0);}
}
@-webkit-keyframes trany_u {
0%{ -webkit-transform:translateY(400px);}
100%{-webkit-transform:translateY(0);}
}
@-o-keyframes trany_u{
0%{ -o-transform:translateY(400px);}
100%{-o-transform:translateY(0);}
}


@keyframes bannerNavChildOn{
0%{background:#fff; transform:scale(1);}
50%{transform:scale(0);}
100%{background:#F8081F;transform:scale(1);}
}
@-moz-keyframes bannerNavChildOn{
0%{background:#fff; -moz-transform:scale(1);}
50%{transform:scale(0);}
100%{background:#F8081F;-moz-transform:scale(1);}
}
@-webkit-keyframes bannerNavChildOn {
0%{background:#fff; -webkit-transform:scale(1);}
50%{transform:scale(0);}
100%{background:#F8081F;-webkit-transform:scale(1);}
}
@-o-keyframes bannerNavChildOn{
0%{background:#fff; -o-transform:scale(1);}
50%{transform:scale(0);}
100%{background:#F8081F;-o-transform:scale(1);}
}