/*动画 旋转*/
@-webkit-keyframes rotateAnimation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotateAnimation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/*动画  预订*/
@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: .75;
	}
	25% {
		transform: scale(1);
		opacity: .75;
	}
	100% {
		transform: scale(1.3);
		opacity: 0;
	}
}
@-webkit-keyframes waveRaidus1 {
	0% {
    transform: scale(1);
    opacity: .1;
	}
	25% {
	    transform: scale(1);
	    opacity: .1;
	}
	100% {
	    transform: scale(1.2);
	    opacity: 0;
	}
}

@keyframes waveRaidus1 {
	0% {
    transform: scale(1);
    opacity: .1;
	}
	25% {
	    transform: scale(1);
	    opacity: .1;
	}
	100% {
	    transform: scale(1.2);
	    opacity: 0;
	}
	/*0% {
		opacity: 0;
	}
	65% {
		opacity: 0;
	}
	66% {
		opacity: 0.1;
	}
	100% {
		width: 319px;
		height: 132px;
	}*/
}
@-webkit-keyframes waveRaidus2 {
	0% {
    transform: scale(1);
    opacity: .2;
	}
	25% {
	    transform: scale(1);
	    opacity: .2;
	}
	100% {
	    transform: scale(1.2);
	    opacity: 0;
	}
}

@keyframes waveRaidus2 {
	/*0% {
		opacity: 0;
	}
	65% {
		opacity: 0;
	}
	66% {
		opacity: 0.2;
	}
	100% {
		width: 297px;
		height: 110px;
	}*/
	0% {
    transform: scale(1);
    opacity: .2;
	}
	25% {
	    transform: scale(1);
	    opacity: .2;
	}
	100% {
	    transform: scale(1.2);
	    opacity: 0;
	}
}
@-webkit-keyframes waveRaidus3 {
	0% {
    transform: scale(1);
    opacity: .4;
	}
	25% {
	    transform: scale(1);
	    opacity: .4;
	}
	100% {
	    transform: scale(1.2);
	    opacity: 0;
	}
}

@keyframes waveRaidus3 {
	0% {
    transform: scale(1);
    opacity: .4;
	}
	25% {
	    transform: scale(1);
	    opacity: .4;
	}
	100% {
	    transform: scale(1.2);
	    opacity: 0;
	}
}


/*动画 icon1*/

@keyframes icon1_img {
	30% {
		margin-top: -10px;
	}
	50% {
		margin-top: 0;
	}
	80% {
		margin-top: -5px;
	}
	100% {
		margin-top: 0;
		transform: rotateY(360deg);
		-webkit-transform: rotateY(360deg);
	}
}

@-webkit-keyframes icon1_img {
	30% {
		margin-top: -10px;
	}
	50% {
		margin-top: 0;
	}
	80% {
		margin-top: -5px;
	}
	100% {
		margin-top: 0;
		transform: rotateY(360deg);
		-webkit-transform: rotateY(360deg);
	}
}


/*动画 liner*/
@-webkit-keyframes bounceInLeft {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		-ms-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		-ms-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		-ms-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

/*section3*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}