/*产品大全页的动画*/
   .animated{
		animation-duration: 1s;
		-moz-animation-duration: 1s;
		-webkit-animation-duration:1s;
		-o-animation-duration: 1s;
		animation-fill-mode: both;
	}
	.animated1 {
		animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		-o-animation-duration: 0.5s;
		animation-fill-mode: both;
	}
	.animated2 {
		animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		-o-animation-duration:0.5s;
		animation-fill-mode: both;
		animation-delay: 1s;
		-webkit-animation-delay: 1s;
	}
	.animated3 {
		animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		-o-animation-duration:0.5s;
		animation-fill-mode: both;
		animation-delay: 2s;
		-webkit-animation-delay: 2s;
	}
		.animated4 {
		animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		-o-animation-duration:0.5s;
		animation-fill-mode: both;
		animation-delay: 3s;
		-webkit-animation-delay: 3s;
	}
	.animated5 {
		animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		-o-animation-duration:0.5s;
		animation-fill-mode: both;
		animation-delay: 4s;
		-webkit-animation-delay: 4s;
	}

   .animated6 {
		animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		-o-animation-duration:0.5s;
		animation-fill-mode: both;
		animation-delay: 5s;
		-webkit-animation-delay: 5s;
	}

.icon1 {	
	  animation-name: icon1;
		-moz-animation-name: icon1;
		-webkit-animation-name: icon1;
		-o-animation-name: icon1;
	}

.icon2 {	
	  animation-name: icon2;
		-moz-animation-name: icon2;
		-webkit-animation-name: icon2;
		-o-animation-name: icon2;
	}

.icon3 {	
	  animation-name: icon3;
		-moz-animation-name: icon3;
		-webkit-animation-name: icon3;
		-o-animation-name: icon3;
	}
.icon4 {	
	  animation-name: icon4;
		-moz-animation-name: icon4;
		-webkit-animation-name: icon4;
		-o-animation-name: icon4;
	}
.icon5 {	
	  animation-name: icon5;
		-moz-animation-name: icon5;
		-webkit-animation-name: icon5;
		-o-animation-name: icon5;
	}
.icon6 {	
	  animation-name: icon6;
		-moz-animation-name: icon6;
		-webkit-animation-name: icon6;
		-o-animation-name: icon6;
	}

@media(min-width:768px){  /*pc端显示*/
	
	@keyframes icon1{
	  		100% { background-position:0 0;}
	} 
	@-webkit-keyframes icon1 {
		100% { background-position:0 0;}
	}
	
	@keyframes icon2 {
		100% { background-position:-124px 0;}
	}
	@-webkit-keyframes icon2 {
		100% { background-position:-124px 0;}
	}
	
	@keyframes icon3 {
		100% { background-position:-248px 0;}
	}
   @-webkit-keyframes icon3 {
		100% { background-position:-248px 0;}
	}
	
	@keyframes icon4 {
		100% { background-position:-372px 0;}
	}
	@-webkit-keyframes icon4 {
		100% { background-position:-372px 0;}
	}
	
	@keyframes icon5 {
		100% { background-position:-496px 0;}
	}
	@-webkit-keyframes icon5 {
		100% { background-position:-496px 0;}
	}
	
	@keyframes icon6 {
		100% { background-position:-620px 0;}
	}
	@-webkit-keyframes icon6 {
		100% { background-position:-620px 0;}
	}
	
}

@media(max-width:767px){  /*移动端显示*/
	
		@-webkit-keyframes icon1 {
			100% { background-position:0 0;}
		}			
		@-webkit-keyframes icon2 {
			100% { background-position:-80px 0;}
		}		
	   @-webkit-keyframes icon3 {
			100% { background-position:-160px 0;}
		}
		@-webkit-keyframes icon4 {
			100% { background-position:-240px 0;}
		}
		@-webkit-keyframes icon5 {
			100% { background-position:-320px 0;}
		}
		@-webkit-keyframes icon6 {
			100% { background-position:-400px 0;}
		}
}


/*首页支付渠道接入服务动画*/

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

@-webkit-keyframes hom_Dh1 {
	0%{opacity: 0; transform: scale(0);}
	100% { opacity: 1; transform: scale(1);}
}

.animatedHomeDh2 {
		animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		-o-animation-duration:0.5s;
		animation-fill-mode: both;
		animation-delay: 0.4s;
		-webkit-animation-delay: 0.4s;
}

.animatedHomeDh3 {
		animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		-o-animation-duration:0.5s;
		animation-fill-mode: both;
		animation-delay: 1s;
		-webkit-animation-delay: 1s;
}
.animatedHomeDh4 {
		animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		-o-animation-duration:0.5s;
		animation-fill-mode: both;
		animation-delay: 1.5s;
		-webkit-animation-delay: 1.5s;
}
.animatedHomeDh5 {
		animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		-o-animation-duration:0.5s;
		animation-fill-mode: both;
		animation-delay: 2s;
		-webkit-animation-delay: 2s;
}
.animatedHomeDh6 {
		animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		-webkit-animation-duration: 0.5s;
		-o-animation-duration:0.5s;
		animation-fill-mode: both;
		animation-delay: 2.5s;
		-webkit-animation-delay: 2.5s;
}

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

@-webkit-keyframes hom_Dh2 {
	0%{opacity: 0; transform: translateY(30px);}
	100% { opacity: 1; transform: translateY(0px);}
}

.hom_Dh3 {	
	  animation-name: hom_Dh3;		
		-webkit-animation-name: hom_Dh3;	
}
@-webkit-keyframes hom_Dh3 {
	0%{opacity: 0; transform: translateX(30px) translateY(60px);}
	100% { opacity: 1; transform:translateX(0px) translateY(0px);}
}

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

@-webkit-keyframes home1_dhleft {
	0%{transform: translateX(-100px);}
	100% {transform: translateX(0px);}
}

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

@-webkit-keyframes home1_dhright {
	0%{transform: translateX(100px);}
	100% {transform: translateX(0px);}
}