@-webkit-keyframes indexbanner {
0% {
opacity:0;
transform: scale(1.1);

}
100% {
opacity:1;
transform: scale(1);

}
}
.indexbanner {
	-webkit-animation-name: indexbanner;
	animation-name: indexbanner;
}

@-webkit-keyframes indexbannerwordpic {
0% {
opacity:0;
transform: translate3d(0,40%,0)

}
100% {
opacity:1;
transform: translate3d(0,0,0)

}
}
.indexbannerwordpic {
	-webkit-animation-name: indexbannerwordpic;
	animation-name: indexbannerwordpic;
}

@-webkit-keyframes suofang {
0% {
opacity:0;
transform: scale(0.2);

}
50% {
opacity:1;
transform: scale(1.1);

}
100% {
opacity:1;
transform: scale(1);

}
}
.suofang {
	-webkit-animation-name: suofang;
	animation-name: suofang;
}


@-webkit-keyframes huise {
0% {

 filter: blur(10px);

}
100% {


 filter:  blur(0);

}
}
.huise {
	
	-webkit-animation-name: huise;
	animation-name: huise;
}


@-webkit-keyframes xiangshang {
0% {
opacity: 0;
 transform: translate3d(0,20%,0)

}
100% {
 opacity: 1;
 transform: translate3d(0,0,0)

}
}
.xiangshang {
	
	-webkit-animation-name: xiangshang;
	animation-name: xiangshang;
}


@-webkit-keyframes indexthreebgzhankai {
0% {
width:0;
 filter:  blur(20px);
}
100% {
width:100%;
 filter:  blur(0);
}
}
.indexthreebgzhankai {
	
	-webkit-animation-name: indexthreebgzhankai;
	animation-name: indexthreebgzhankai;
}


@-webkit-keyframes indexthreelineshow {
0% {
opacity: 0;
 transform: scale(0.3);
}
100% {
opacity: 1;
 transform: scale(1);
}
}
.indexthreelineshow {
	
	-webkit-animation-name: indexthreelineshow;
	animation-name: indexthreelineshow;
}


@-webkit-keyframes xuanzhuan {
0% {
	opacity: 0;
-webkit-transform: scale(0.3);
}
100% {
	opacity: 1;
-webkit-transform: scale(1);
}
}
.xuanzhuan {
	
	-webkit-animation-name: xuanzhuan;
	animation-name: xuanzhuan;
}