@-webkit-keyframes listActive {
	0% {
		opacity: 0;
		transform: scaleX(0);
	}
	100% {
		opacity: 1;
		transform: scaleX(1);
	}
}
@-moz-keyframes listActive{
	0% {
		opacity: 0;
		transform: scaleX(0);
	}
	100% {
		opacity: 1;
		transform: scaleX(1);
	}
}
@-o-keyframes listActive{
	0% {
		opacity: 0;
		transform: scaleX(0);
	}
	100% {
		opacity: 1;
		transform: scaleX(1);
	}
}
@keyframes listActive {
	0% {
		opacity: 0;
		transform: scaleX(0);
	}
	100% {
		opacity: 1;
		transform: scaleX(1);
	}
}

@-webkit-keyframes top {
	0% {
		background-position: top -0.15rem center;
	}
	100% {
		background-position: top center;
	}
}
@-moz-keyframes top{
	0% {
		background-position: top -0.15rem center;
	}
	100% {
		background-position: top center;
	}
}
@-o-keyframes top{
	0% {
		background-position: top -0.15rem center;
	}
	100% {
		background-position: top center;
	}
}
@keyframes top {
	0% {
		background-position: top -0.15rem center;
	}
	100% {
		background-position: top center;
	}
}

@-webkit-keyframes big {
	0% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}
@-moz-keyframes big{
	0% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}
@-o-keyframes big{
	0% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}
@keyframes big {
	0% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}
@-webkit-keyframes coms2 {
	0% {
		transform: translateY(30px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@-moz-keyframes coms2{
	0% {
		transform: translateY(30px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@-o-keyframes coms2{
	0% {
		transform: translateY(30px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes coms2 {
	0% {
		transform: translateY(30px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes coms {
	0% {
		transform: translateY(30px) translateX(-50%);
		opacity: 0;
	}
	100% {
		transform: translateY(0) translateX(-50%);
		opacity: 1;
	}
}
@-moz-keyframes coms{
	0% {
		transform: translateY(30px) translateX(-50%);
		opacity: 0;
	}
	100% {
		transform: translateY(0) translateX(-50%);
		opacity: 1;
	}
}
@-o-keyframes coms{
	0% {
		transform: translateY(30px) translateX(-50%);
		opacity: 0;
	}
	100% {
		transform: translateY(0) translateX(-50%);
		opacity: 1;
	}
}
@keyframes coms {
	0% {
		transform: translateY(30px) translateX(-50%);
		opacity: 0;
	}
	100% {
		transform: translateY(0) translateX(-50%);
		opacity: 1;
	}
}
@-webkit-keyframes comsLeft {
	0% {
		transform: translateX(100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@-moz-keyframes comsLeft{
	0% {
		transform: translateX(100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@-o-keyframes comsLeft{
	0% {
		transform: translateX(100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes comsLeft {
	0% {
		transform: translateX(100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes comsRight {
	0% {
		transform: translateX(-100px) translateY(100px);
		opacity: 0;
	}
	100% {
		transform: translate(0);
		opacity: 1;
	}
}
@-moz-keyframes comsRight{
	0% {
		transform: translateX(-100px) translateY(100px);
		opacity: 0;
	}
	100% {
		transform: translate(0);
		opacity: 1;
	}
}
@-o-keyframes comsRight{
	0% {
		transform: translateX(-100px) translateY(100px);
		opacity: 0;
	}
	100% {
		transform: translate(0);
		opacity: 1;
	}
}
@keyframes comsRight {
	0% {
		transform: translateX(-100px) translateY(100px);
		opacity: 0;
	}
	100% {
		transform: translate(0);
		opacity: 1;
	}
}
@-webkit-keyframes comsRight2 {
	0% {
		transform: translateX(-50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@-moz-keyframes comsRight2{
	0% {
		transform: translateX(-50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@-o-keyframes comsRight2{
	0% {
		transform: translateX(-50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes comsRight2 {
	0% {
		transform: translateX(-50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes comsOp {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes comsOp{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes comsOp{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes comsOp {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.partActive.active .titleP{
	-webkit-animation: coms 0.7s linear forwards;
	-moz-animation: coms 0.7s linear forwards;     
	-o-animation: coms 0.7s linear forwards;
	animation: coms 0.7s linear forwards; 
}
.partActive.active .titleP::before{
	-webkit-animation: comsOp 1s linear 0.5s forwards;
	-moz-animation: comsOp 1s linear 0.5s forwards;     
	-o-animation: comsOp 1s linear 0.5s forwards;
	animation: comsOp 1s linear 0.5s forwards; 
}
.partActive.active .titleP::after{
	-webkit-animation: comsOp 1s linear 0.5s forwards;
	-moz-animation: comsOp 1s linear 0.5s forwards;     
	-o-animation: comsOp 1s linear 0.5s forwards;
	animation: comsOp 1s linear 0.5s forwards; 
}
.partActive.active .zwImg2{
	opacity: 0;
	-webkit-animation: comsOp 1s linear forwards;
	-moz-animation: comsOp 1s linear forwards;     
	-o-animation:comsOp 1s linear forwards;
	animation:  comsOp 1s linear forwards; 
}
.partActive.active .zwImg1{
	opacity: 0;
	-webkit-animation: comsLeft 1s 0.3s linear forwards;
	-moz-animation: comsLeft 1s 0.3s linear forwards;     
	-o-animation:comsLeft 1s 0.3s linear forwards;
	animation:  comsLeft 1s 0.3s linear forwards; 
}
.partActive.active .zwImg3{
	opacity: 0;
	-webkit-animation: comsRight 1s 0.3s linear forwards;
	-moz-animation: comsRight 1s 0.3s linear forwards;     
	-o-animation:comsRight 1s  0.3s linear forwards;
	animation:  comsRight 1s 0.3s linear forwards; 
}
.partActive.active .listTitle{
	-webkit-animation: comsRight2 1s  linear;
	-moz-animation: comsRight2 1s linear;     
	-o-animation:comsRight2 1s linear;
	animation:  comsRight2 1s linear; 
}
.partActive.active .newList li:first-child{
	opacity: 0;
	-webkit-animation: coms2 1s 0.3s linear forwards;
	-moz-animation: coms2 1s 0.3s linear forwards;     
	-o-animation:coms2 1s 0.3s linear forwards;
	animation:  coms2 1s 0.3s linear forwards; 
}
.partActive.active .newList li:nth-child(2){
	opacity: 0;
	-webkit-animation: coms2 1s 0.6s linear forwards;
	-moz-animation: coms2 1s 0.6s linear forwards;     
	-o-animation:coms2 1s  0.6s linear forwards;
	animation:  coms2 1s 0.6s linear forwards; 
}
.partActive.active .newList li:nth-child(3){
	opacity: 0;
	-webkit-animation: coms2 1s 0.9s linear forwards;
	-moz-animation: coms2 1s 0.9s linear forwards;     
	-o-animation:coms2 1s 0.9s linear forwards;
	animation:  coms2 1s 0.9s linear forwards; 
}
.partActive.active .newList li:nth-child(4){
	opacity: 0;
	-webkit-animation: coms2 1s 1.1s linear forwards;
	-moz-animation: coms2 1s 1.1s linear forwards;     
	-o-animation:coms2 1s 1.1s linear forwards;
	animation:  coms2 1s 1.1s linear forwards; 
}
.partActive.active .zhList li:first-child{
	opacity: 0;
	-webkit-animation: comsRight2 0.8s 0.3s linear forwards;
	-moz-animation: comsRight2 0.8s 0.3s linear forwards;     
	-o-animation:comsRight2 0.8s 0.3s linear forwards;
	animation:  comsRight2 0.8s 0.3s linear forwards; 
}
.partActive.active .zhList li:nth-child(2){
	opacity: 0;
	-webkit-animation: comsOp 0.8s 0.6s linear forwards;
	-moz-animation: comsOp 0.8s 0.6s linear forwards;     
	-o-animation:comsOp 0.8s  0.6s linear forwards;
	animation:  comsOp 0.8s 0.6s linear forwards; 
}
.partActive.active .zhList li:nth-child(3){
	opacity: 0;
	-webkit-animation: comsLeft 0.8s 0.3s linear forwards;
	-moz-animation: comsLeft 0.8s 0.3s linear forwards;     
	-o-animation:comsLeft 0.8s 0.3s linear forwards;
	animation:  comsLeft 0.8s 0.3s linear forwards; 
}
.partActive.active .swiper4{
	opacity: 0;
	-webkit-animation: comsOp 0.8s 0.6s linear forwards;
	-moz-animation: comsOp 0.8s 0.6s linear forwards;     
	-o-animation:comsOp 0.8s  0.6s linear forwards;
	animation:  comsOp 0.8s 0.6s linear forwards; 
}
.partActive.active .us{
	opacity: 0;
	-webkit-animation: coms 1s 0.5s linear forwards;
	-moz-animation: coms 1s 0.5s linear forwards;     
	-o-animation:coms 1s 0.5s linear forwards;
	animation: coms 1s 0.5s linear forwards; 
}
.partActive.active .zbImg1{
	opacity: 0;
	-webkit-animation: coms 1s 0.3s linear forwards;
	-moz-animation: coms 1s 0.3s linear forwards;     
	-o-animation:coms 1s 0.3s linear forwards;
	animation:  coms 1s 0.3s linear forwards; 
}
.partActive.active .zbImg2{
	opacity: 0;
	-webkit-animation: coms 1s 0.6s linear forwards;
	-moz-animation: coms 1s 0.6s linear forwards;     
	-o-animation:coms 1s  0.6s linear forwards;
	animation:  coms 1s 0.6s linear forwards; 
}
.partActive.active .zbImg3{
	opacity: 0;
	-webkit-animation: coms2 1s 0.9s linear forwards;
	-moz-animation: coms2 1s 0.9s linear forwards;     
	-o-animation:coms2 1s 0.9s linear forwards;
	animation:  coms2 1s 0.9s linear forwards; 
}
.partActive.active .mediaList li:nth-child(-n+4){
	opacity: 0;
	-webkit-animation: coms2 1s 0.2s linear forwards;
	-moz-animation: coms2 1s 0.2s linear forwards;     
	-o-animation:coms2 1s 0.2s linear forwards;
	animation:  coms2 1s 0.2s linear forwards; 
}
.partActive.active .mediaList li:nth-child(-n+8):nth-child(n+5){
	opacity: 0;
	-webkit-animation: coms2 1s 0.3s linear forwards;
	-moz-animation: coms2 1s 0.3s linear forwards;     
	-o-animation:coms2 1s  0.3s linear forwards;
	animation:  coms2 1s 0.3s linear forwards; 
}
.partActive.active .mediaList li:nth-child(-n+12):nth-child(n+9){
	opacity: 0;
	-webkit-animation: coms2 1s 0.4s linear forwards;
	-moz-animation: coms2 1s 0.4s linear forwards;     
	-o-animation:coms2 1s 0.4s linear forwards;
	animation:  coms2 1s 0.4s linear forwards; 
}

.partActive.active .page2-list li:first-child{
	opacity: 0;
	-webkit-animation: coms2 1s 0.3s linear forwards;
	-moz-animation: coms2 1s 0.3s linear forwards;     
	-o-animation:coms2 1s 0.3s linear forwards;
	animation:  coms2 1s 0.3s linear forwards; 
}
.partActive.active .page2-list li:nth-child(2){
	opacity: 0;
	-webkit-animation: coms2 1s 0.5s linear forwards;
	-moz-animation: coms2 1s 0.5s linear forwards;     
	-o-animation:coms2 1s  0.5s linear forwards;
	animation:  coms2 1s 0.5s linear forwards; 
}
.partActive.active .page2-list li:nth-child(3){
	opacity: 0;
	-webkit-animation: coms2 1s 0.7s linear forwards;
	-moz-animation: coms2 1s 0.7s linear forwards;     
	-o-animation:coms2 1s 0.7s linear forwards;
	animation:  coms2 1s 0.7s linear forwards; 
}
.partActive.active .page2-list li:nth-child(4){
	opacity: 0;
	-webkit-animation: coms2 1s 0.9s linear forwards;
	-moz-animation: coms2 1s 0.9s linear forwards;     
	-o-animation:coms2 1s 0.9s linear forwards;
	animation:  coms2 1s 0.9s linear forwards; 
}
.partActive.active .page2-list li:nth-child(5){
	opacity: 0;
	-webkit-animation: coms2 1s 1.1s linear forwards;
	-moz-animation: coms2 1s 1.1s linear forwards;     
	-o-animation:coms2 1s 1.1s linear forwards;
	animation:  coms2 1s 1.1s linear forwards; 
}
.partActive.active .page2-list li:nth-child(6){
	opacity: 0;
	-webkit-animation: coms2 1s 1.3s linear forwards;
	-moz-animation: coms2 1s 1.3s linear forwards;     
	-o-animation:coms2 1s 1.3s linear forwards;
	animation:  coms2 1s 1.3s linear forwards; 
}