@charset "UTF-8";
.animated {
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

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

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

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

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


/*----------------------*/

@-webkit-keyframes donghua_1 {
	0% {
		top: -118px;
		left: -118px;
	}
	33% {
		top: 200px;
		left: 200px;
	}
	66% {
		top: 200px;
		left: -118px;
	}
	100% {
		top: -118px;
		left: -118px;
	}
}

@keyframes donghua_1 {
	0% {
		top: -118px;
		left: -118px;
	}
	33% {
		top: 200px;
		left: 200px;
	}
	66% {
		top: 200px;
		left: -118px;
	}
	100% {
		top: -118px;
		left: -118px;
	}
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		-ms-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		-ms-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

.donghua_1 {
	animation-name: donghua_1;
	animation-iteration-count: infinite;
	animation-duration: 15s;
	animation-timing-function: linear;
	/*animation-delay:2s;*/
	-webkit-animation-name: donghua_1;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 15s;
	/*-webkit-animation-delay:2s;*/
	-webkit-animation-timing-function: linear;
	/* Safari and Chrome */
}

@-webkit-keyframes donghua_2 {
	0% {
		top: -118px;
		left: -118px;
	}
	33% {
		top: 200px;
		left: -118px;
	}
	66% {
		top: -118px;
		left: 200px;
	}
	100% {
		top: -118px;
		left: -118px;
	}
}

@keyframes donghua_2 {
	0% {
		top: -118px;
		left: -118px;
	}
	33% {
		top: 200px;
		left: -118px;
	}
	66% {
		top: -118px;
		left: 200px;
	}
	100% {
		top: -118px;
		left: -118px;
	}
}

.donghua_2 {
	animation-name: donghua_2;
	animation-iteration-count: infinite;
	animation-duration: 15s;
	/*animation-delay:6s;*/
	animation-timing-function: linear;
	-webkit-animation-name: donghua_2;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 15s;
	/*-webkit-animation-delay:6s;*/
	-webkit-animation-timing-function: linear;
	/* Safari and Chrome */
}

@-webkit-keyframes donghua_3 {
	0% {
		top: 200px;
		left: 200px;
	}
	33% {
		top: 200px;
		left: -118px;
	}
	66% {
		top: -118px;
		left: -118px;
	}
	100% {
		top: 200px;
		left: 200px;
	}
}

@keyframes donghua_3 {
	0% {
		top: 200px;
		left: 200px;
	}
	33% {
		top: 200px;
		left: -118px;
	}
	66% {
		top: -118px;
		left: -118px;
	}
	100% {
		top: 200px;
		left: 200px;
	}
}

.donghua_3 {
	animation-name: donghua_3;
	animation-iteration-count: infinite;
	animation-duration: 15s;
	/*animation-delay:6s;*/
	animation-timing-function: linear;
	-webkit-animation-name: donghua_3;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 15s;
	/*-webkit-animation-delay:6s;*/
	-webkit-animation-timing-function: linear;
	/* Safari and Chrome */
}

@-webkit-keyframes p6_ico1 {
	0% {
		opacity: 0.3;
	}
	16% {
		opacity: 1;
	}
	33% {
		opacity: 0.3;
	}
	66% {
		opacity: 0.3;
	}
	100% {
		opacity: 0.3;
	}
}

@keyframes p6_ico1 {
	0% {
		opacity: 0.3;
	}
	16% {
		opacity: 1;
	}
	33% {
		opacity: 0.3;
	}
	66% {
		opacity: 0.3;
	}
	100% {
		opacity: 0.3;
	}
}

.p6_ico1 {
	animation-name: p6_ico1;
	animation-iteration-count: infinite;
	animation-duration: 15s;
	animation-timing-function: linear;
	/*animation-delay:2s;*/
	-webkit-animation-name: p6_ico1;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 15s;
	/*-webkit-animation-delay:2s;*/
	-webkit-animation-timing-function: linear;
	/* Safari and Chrome */
}
@-webkit-keyframes p6_ico2 {
	0% {
		opacity: 0.3;
	}
	33% {
		opacity: 0.3;
	}
	49% {
		opacity: 1;
	}
	66% {
		opacity: 0.3;
	}
	100% {
		opacity: 0.3;
	}
}

@keyframes p6_ico2 {
	0% {
		opacity: 0.3;
	}
	33% {
		opacity: 0.3;
	}
	49% {
		opacity: 1;
	}
	66% {
		opacity: 0.3;
	}
	100% {
		opacity: 0.3;
	}
}

.p6_ico2 {
	animation-name: p6_ico2;
	animation-iteration-count: infinite;
	animation-duration: 15s;
	animation-timing-function: linear;
	/*animation-delay:2s;*/
	-webkit-animation-name: p6_ico2;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 15s;
	/*-webkit-animation-delay:2s;*/
	-webkit-animation-timing-function: linear;
	/* Safari and Chrome */
}
@-webkit-keyframes p6_ico3 {
	0% {
		opacity: 0.3;
	}
	33% {
		opacity: 0.3;
	}
	66% {
		opacity: 0.3;
	}
	83% {
		opacity: 1;
	}
	100% {
		opacity:0.3;
	}
}

@keyframes p6_ico3 {
	0% {
		opacity: 0.3;
	}
	33% {
		opacity: 0.3;
	}
	66% {
		opacity: 0.3;
	}
	83% {
		opacity: 1;
	}
	100% {
		opacity:0.3;
	}
}

.p6_ico3 {
	animation-name: p6_ico3;
	animation-iteration-count: infinite;
	animation-duration: 15s;
	animation-timing-function: linear;
	/*animation-delay:2s;*/
	-webkit-animation-name: p6_ico3;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 15s;
	/*-webkit-animation-delay:2s;*/
	-webkit-animation-timing-function: linear;
	/* Safari and Chrome */
}



@-webkit-keyframes zhubg {
	0%{
   opacity: 0;
   transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes zhubg {
	0%{
   opacity: 0;
   transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
.zhubg {
	position: relative;
	transform-origin:80% 50%;
	z-index: 2;
	animation-name: zhubg;
	animation-iteration-count: forwards;
	animation-duration: 0.6s;
	/*animation-delay:6s;*/
	animation-timing-function: linear;
	-webkit-animation-name: zhubg;
	-webkit-animation-iteration-count: forwards;
	-webkit-animation-duration: 0.6s;
	/*-webkit-animation-delay:6s;*/
	-webkit-animation-timing-function: linear;
	/* Safari and Chrome */
}
@-webkit-keyframes zhutxt {
0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40%, 0);
		-ms-transform: translate3d(0, 40%, 0);
		transform: translate3d(0, 40%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@keyframes zhutxt {
0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40%, 0);
		-ms-transform: translate3d(0, 40%, 0);
		transform: translate3d(0, 40%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
.zhutxt {
	position: relative;
	z-index: 2;
	animation-name: zhutxt;
	animation-iteration-count: forwards;
	animation-duration: 0.6s;
	/*animation-delay:6s;*/
	animation-timing-function: linear;
	-webkit-animation-name: zhutxt;
	-webkit-animation-iteration-count: forwards;
	-webkit-animation-duration: 0.6s;
	/*-webkit-animation-delay:6s;*/
	-webkit-animation-timing-function: linear;
	/* Safari and Chrome */
}


@media (max-width: 760px) {
	 .donghua_2{transform: rotate(180deg);}
	 .donghua_3,.donghua_1,.donghua_2,.p6_ico1,.p6_ico2,.p6_ico3{animation-duration: 12s;-webkit-animation-duration: 12s;}

	
	@-webkit-keyframes donghua_1 {
	0% {
		top: -60%;
		left: -60%;
	}
	33% {
		top: 1.2rem;
		left: 1.2rem;
	}
	66% {
		top: 1.2rem;
		left: -60%;
	}
	100% {
		top: -60%;
		left: -60%;
	}
}

@keyframes donghua_1 {
	0% {
		top: -60%;
		left: -60%;
	}
	33% {
		top: 1.2rem;
		left: 1.2rem;
	}
	66% {
		top: 1.2rem;
		left: -60%;
	}
	100% {
		top: -60%;
		left: -60%;
	}
}
@-webkit-keyframes donghua_2 {
	0% {
		top: 1.2rem;
		left: 1.2rem;
	}
	33% {
		top: -60%;
		left: 1.2rem;
	}
	66% {
		top: 1.2rem;
		left: -60%;
	}
	100% {
		top: 1.2rem;
		left: 1.2rem;
	}
}

@keyframes donghua_2 {
	0% {
		top: 1.2rem;
		left: 1.2rem;
	}
	33% {
		top: -60%;
		left: 1.2rem;
	}
	66% {
		top: 1.2rem;
		left: -60%;
	}
	100% {
		top: 1.2rem;
		left: 1.2rem;
	}
}
@-webkit-keyframes donghua_3 {
	0% {
		top: 1.2rem;
		left: 1.2rem;
	}
	33% {
		top: 1.2rem;
		left: -60%;
	}
	66% {
		top: -60%;
		left: -60%;
	}
	100% {
		top: 1.2rem;
		left: 1.2rem;
	}
}

@keyframes donghua_3 {
	0% {
		top: 1.2rem;
		left: 1.2rem;
	}
	33% {
		top: 1.2rem;
		left: -60%;
	}
	66% {
		top: -60%;
		left:-60%;
	}
	100% {
		top: 1.2rem;
		left: 1.2rem;
	}
}
	
}