/*.banner*/
.banner .title{animation:title .5s  ease-in-out 0s  both;
-moz-animation:title .5s  ease-in-out 0s  both;
-webkit-animation:title .5s  ease-in-out 0s  both;
-o-animation:title .5s  ease-in-out 0s  both;}
.banner .titleEn{animation:title .5s  ease-in-out .2s  both;
-moz-animation:title .5s  ease-in-out .2s  both;
-webkit-animation:title .5s  ease-in-out .2s  both;
-o-animation:title .5s  ease-in-out .2s  both;}
.banner .btn{animation:title .5s  ease-in-out .4s  both;
-moz-animation:title .5s  ease-in-out .4s  both;
-webkit-animation:title .5s  ease-in-out .4s  both;
-o-animation:title .5s  ease-in-out .4s  both;}
@keyframes title{
0%{ transform:translateY(100%); opacity:0;}
100%{ transform:translateY(0); opacity:1;}
}
@-moz-keyframes title{
0%{ -moz-transform:translateY(100%); opacity:0;}
100%{ -moz-transform:translateY(0); opacity:1;}
}
@-webkit-keyframes title {
0%{ -webkit-transform:translateY(100%); opacity:0;}
100%{ -webkit-transform:translateY(0); opacity:1;}
}
@-o-keyframes title{
0%{ -o-transform:translateY(100%); opacity:0;}
100%{ -o-transform:translateY(0); opacity:1;}
}

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

	/*other*/
	.other .child:hover .childHide{animation:childHide .5s  ease-in-out 0s  both;
	-moz-animation:childHide .5s  ease-in-out 0s  both;
	-webkit-animation:childHide .5s  ease-in-out 0s  both;
	-o-animation:childHide .5s  ease-in-out 0s  both;}
	.other .child:hover .c-content .title{animation:childHide .3s  ease-in-out .5s  both;
	-moz-animation:childHide .3s  ease-in-out .5s  both;
	-webkit-animation:childHide .3s  ease-in-out .5s  both;
	-o-animation:childHide .3s  ease-in-out .5s  both;}
	.other .child:hover .c-content .titleEn{animation:childHide .3s  ease-in-out .7s  both;
	-moz-animation:childHide .3s  ease-in-out .7s  both;
	-webkit-animation:childHide .3s  ease-in-out .7s  both;
	-o-animation:childHide .3s  ease-in-out .7s  both;}
	.other .child:hover .c-content .btn{animation:childHide .3s  ease-in-out .9s  both;
	-moz-animation:childHide .3s  ease-in-out .9s  both;
	-webkit-animation:childHide .3s  ease-in-out .9s  both;
	-o-animation:childHide .3s  ease-in-out .9s  both;}
	@keyframes childHide{
	0%{ transform:translateY(-100%); opacity:0;}
	100%{ transform:translateY(0); opacity:1;}
	}
	@-moz-keyframes childHide{
	0%{ -moz-transform:translateY(-100%); opacity:0;}
	100%{ -moz-transform:translateY(0); opacity:1;}
	}
	@-webkit-keyframes childHide {
	0%{ -webkit-transform:translateY(-100%); opacity:0;}
	100%{ -webkit-transform:translateY(0); opacity:1;}
	}
	@-o-keyframes childHide{
	0%{ -o-transform:translateY(-100%); opacity:0;}
	100%{ -o-transform:translateY(0); opacity:1;}
	}
	
	/*other*/
	.other .child2:hover .childHide{animation:childHide .5s  ease-in-out 0s  both;
	-moz-animation:childHide .5s  ease-in-out 0s  both;
	-webkit-animation:childHide .5s  ease-in-out 0s  both;
	-o-animation:childHide .5s  ease-in-out 0s  both;}
	.other .child2:hover .c-content .title{animation:childHide .3s  ease-in-out .5s  both;
	-moz-animation:childHide .3s  ease-in-out .5s  both;
	-webkit-animation:childHide .3s  ease-in-out .5s  both;
	-o-animation:childHide .3s  ease-in-out .5s  both;}
	.other .child2:hover .c-content .titleEn{animation:childHide .3s  ease-in-out .7s  both;
	-moz-animation:childHide .3s  ease-in-out .7s  both;
	-webkit-animation:childHide .3s  ease-in-out .7s  both;
	-o-animation:childHide .3s  ease-in-out .7s  both;}
	.other .child2:hover .c-content .btn{animation:childHide .3s  ease-in-out .9s  both;
	-moz-animation:childHide .3s  ease-in-out .9s  both;
	-webkit-animation:childHide .3s  ease-in-out .9s  both;
	-o-animation:childHide .3s  ease-in-out .9s  both;}
	@keyframes child2Hide{
	0%{ transform:translateY(-100%); opacity:0;}
	100%{ transform:translateY(0); opacity:1;}
	}
	@-moz-keyframes child2Hide{
	0%{ -moz-transform:translateY(-100%); opacity:0;}
	100%{ -moz-transform:translateY(0); opacity:1;}
	}
	@-webkit-keyframes child2Hide {
	0%{ -webkit-transform:translateY(-100%); opacity:0;}
	100%{ -webkit-transform:translateY(0); opacity:1;}
	}
	@-o-keyframes child2Hide{
	0%{ -o-transform:translateY(-100%); opacity:0;}
	100%{ -o-transform:translateY(0); opacity:1;}
	}