@charset "utf-8";
/* 分销王官网首页轮播图样式 */


.banner-btn {
	display: block;
	width: 1200px;
	margin: 0 auto;
	position: relative;
	top: 38%;
}
.banner-btn a {
	display: block;
	width: 60px;
	height: 130px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	-webkit-transition: 0.8s;
	transition: 0.8s;
	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
	-o-transition: 0.8s;
	z-index: 19
}
.banner-btn a.prevBtn {
	left: 0px;
	background: url("../images/banner_left.png") center center no-repeat;
}
.banner-btn a.prevBtn:hover {
	background-image: url("../images/banner_lefth.png");
}
.banner-btn a.nextBtn {
	right: 0px;
	background: url("../images/banner_right.png") center center no-repeat;
}
.banner-btn a.nextBtn:hover {
	background-image: url("../images/banner_righth.png")
}
.banner-circle {
	display: block;
	background: #f8f8f8;
	width: 100%;
	height: 40px;
	position: relative;
}
.banner-circle li {
	width:100%;
	text-align:center;
}
.banner-circle li a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: 12px;
	cursor: pointer;
	border: solid 1px #00a8ee;
	border-radius: 50%;
	margin-right: 10px;
}
.banner-circle li .noli {
	background: #00a8ee;
	width: 10px;
	height: 10px;
}
.bannerbox {
	display: block;
	overflow: hidden;
}
.banner {
	display: block;
	overflow: hidden;
	height: 550px;
}
.banner ul li {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 550px;
	background-position: center center;
}
.banner ul li.li1 {
	background-color: #077ac6;
/*	background: url(../images/banner1.jpg);
	background-position: center center;*/
}
.banner ul li.li2 {
	background: url("../images/banner_bg2.jpg");
	background-position: center center;
}
.banner ul li.li3 {
	background: url("../images/banner3.jpg");
	background-position: center center;
}
.banner ul li.li4 {
	background: url("../images/banner_bg4.jpg");
	background-position: center center;
}
.banner ul li.li5 {
	background: url("../images/banner_bg5.jpg");
	background-position: center center;
}
.li2 .e1m {
	margin: 132px 0 0 900px !important;
}



.banner ul li.li7 { background-color:#321a93; }
/*x微信小程序*/
.banner_yyg .wx1 { left: 50%; margin-left: -430px; top: 188px; -webkit-animation: wx1 1.2s 0.3s ease both; -moz-animation: wx1 1s 0.3s ease both; animation: wx1 1s 0.3s ease 

both;z-index: 2 }

.banner_yyg .wx2 { left: 50%; margin-left: -446px; top: 298px; -webkit-animation: wx1 1.2s 0.6s ease both; -moz-animation: wx1 1s 0.6s ease both; animation: wx1 1s 0.6s ease 

both; z-index: 2}

.banner_yyg .wx3 { left: 50%; margin-left: -388px; top: 425px; -webkit-animation: wx1 1.2s 0.9s ease both; -moz-animation: wx1 1s 0.9s ease both; animation: wx1 1s 0.9s ease 

both; z-index: 2}
.banner_yyg .wx4 { left: 50%; margin-left: -662px; top: 76px; -webkit-animation: a2 2s 0.6s ease both; -moz-animation: a2 2s 0.6s ease both; animation: a2 2s 0.6s ease both; z-

index: 1 }
@keyframes wx1 {
 0% {
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}












@-webkit-keyframes wx1 {
 0% {
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-moz-keyframes wx1 {
 0% {
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
 @keyframes wx2 {
0% {
transform:translateX(-100%) skewX(30deg);
opacity:0
}
60% {
transform:translateX(20%) skewX(-30deg);
opacity:1
}
80% {
transform:translateX(0%) skewX(15deg);
opacity:1
}
100% {
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
 @-webkit-keyframes wx2 {
0% {
-webkit-transform:translateX(-100%) skewX(30deg);
opacity:0
}
60% {
-webkit-transform:translateX(20%) skewX(-30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1
}
}
 @-moz-keyframes wx2 {
0% {
-moz-transform:translateX(-100%) skewX(30deg);
opacity:0
}
60% {
-moz-transform:translateX(20%) skewX(-30deg);
opacity:1
}
80% {
-moz-transform:translateX(0%) skewX(15deg);
opacity:1
}
100% {
-moz-transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@keyframes wx3 {
 0% {
 transform-origin: right bottom;
 transform: rotate(120deg);
 opacity: 0;
}
 100% {
 transform-origin: right bottom;
 transform: rotate(0);
 opacity: 1;
}
}
@-webkit-keyframes wx3 {
 0% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(120deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(0);
 opacity: 1;
}
}
@-moz-keyframes wx3 {
 0% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(120deg);
 opacity: 0;
}
 100% {
 -moz-transform-origin: right bottom;
 -moz-transform: rotate(0);
 opacity: 1;
}
}

/*第一张*/
.ty {
	width: 1200px;
	margin: 0 auto;
	height: 550px;
	display: block;
	overflow: hidden;
	position: relative;
}
.ty img {
	display: block;
	position: absolute;
}
.banner_yyg .a1 {
	left: 30px;
	top: 20px;
	z-index: 10;
	-webkit-animation: a1 1.5s 0s ease both;
	-moz-animation: a1 1.5s 0s ease both;
	animation: a1 1.5s 0s ease both;
}
.banner_yyg .a2 {
	right: 100px;
	top: 150px;
	-webkit-animation: a2 5s 0s ease both;
	-moz-animation: a2 5s 0s ease both;
	animation: a2 5s 0s ease both;
}
.banner_yyg .a5 {
	left: 159px;
	top: 208px;
}
.banner_yyg .a6 {
	left: 513px;
	top: 96px;
	z-index: 9;
	-webkit-animation: a6 1.5s 0s ease both;
	-moz-animation: a6 1.5s 0s ease both;
	animation: a6 1.5s 0s ease both;
}
.banner_yyg .a7 {
	right: 0;
	bottom: 110px;
	-webkit-animation: a7 1.5s 0s ease both;
	-moz-animation: a7 1.5s 0s ease both;
	animation: a7 1.5s 0s ease both;
}
.banner_yyg .a8 {
	right: 480px;
	top: 112px;
	-webkit-animation: a8 1.2s 0s ease both;
	-moz-animation: a8 1.2s 0s ease both;
	animation: a8 1.2s 0s ease both;
}
.banner_yyg .a9 {
	right: 410px;
	top: 142px;
	-webkit-animation: a9 1s 0s ease both;
	-moz-animation: a9 1s 0s ease both;
	animation: a9 1s 0s ease both;
}
.banner_yyg .a10 {
	left: 425px;
	top: 25px;
	-webkit-animation: a10 2s 0s infinite linear normal forwards;
	-moz-animation: a10 2s 0s infinite linear normal forwards;
	animation: a10 2s 0s infinite linear normal forwards;
}
.banner_yyg .a11 {
	right: 462px;
	bottom: 70px;
	-webkit-animation: a11 2s linear infinite;
	-moz-animation: a11 2s linear infinite;
	-ms-animation: a11 2s linear infinite;
	-o-animation: a11 2s linear infinite;
	animation: a11 2s linear infinite;
}
@-webkit-keyframes a1 {
 0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @-moz-keyframes a1 {
 0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes a1 {
 0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @-webkit-keyframes a2 {
 0% {
opacity: 0;
}
 60% {
opacity: 1;
}
}
 @-moz-keyframes a2 {
 0% {
opacity: 0;
}
 60% {
opacity: 1;
}
}
 @keyframes a2 {
 0% {
opacity: 0;
}
 60% {
opacity: 1;
}
}
 @-webkit-keyframes a6 {
 0% {
opacity: 0;
transform:translate(-50px, 50px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @-moz-keyframes a6 {
 0% {
opacity: 0;
transform:translate(-50px, 50px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @keyframes a6 {
 0% {
opacity: 0;
transform:translate(-50px, 50px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @-webkit-keyframes a7 {
 0% {
opacity: 0;
transform:translate(1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @-moz-keyframes a7 {
 0% {
opacity: 0;
transform:translate(1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @keyframes a7 {
 0% {
opacity: 0;
transform:translate(1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @-webkit-keyframes a8 {
 0% {
opacity: 0;
transform:translate(0px, -1000px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @-moz-keyframes a8 {
 0% {
opacity: 0;
transform:translate(0px, -1000px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @keyframes a8 {
 0% {
opacity: 0;
transform:translate(0px, -1000px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @-webkit-keyframes a9 {
 0% {
opacity: 0;
transform:translate(0px, -1000px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @-moz-keyframes a9 {
 0% {
opacity: 0;
transform:translate(0px, -1000px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @keyframes a9 {
 0% {
opacity: 0;
transform:translate(0px, -1000px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @-webkit-keyframes a10 {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
 @-moz-keyframes a10 {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
 @-ms-keyframes a10 {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
 @keyframes a10 {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
 @-webkit-keyframes a11 {
 0% {
-webkit-transform:scale(1);
}
 10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
}
 100% {
-webkit-transform:scale(1) rotate(0);
}
}
@-moz-keyframes a11 {
 0% {
-moz-transform:scale(1);
}
 10%, 20% {
-moz-transform:scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
-moz-transform:scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
-moz-transform:scale(1.1) rotate(-3deg);
}
 100% {
-moz-transform:scale(1) rotate(0);
}
}
@-ms-keyframes a11 {
 0% {
-ms-transform:scale(1);
}
 10%, 20% {
-ms-transform:scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
-ms-transform:scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
-ms-transform:scale(1.1) rotate(-3deg);
}
 100% {
-ms-transform:scale(1) rotate(0);
}
}
@keyframes a11 {
 0% {
transform:scale(1);
}
 10%, 20% {
transform:scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
transform:scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
transform:scale(1.1) rotate(-3deg);
}
 100% {
transform:scale(1) rotate(0);
}
}













/*第二张*/
.banner_gys .b1 {
	z-index: 10;
	left: 180px;
	top: 60px;
	-webkit-animation: b1 1s 0s ease both;
	-moz-animation: b1 1s 0s ease both;
	animation: b1 1s 0s ease both;
}
@-webkit-keyframes b1 {
 0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @-moz-keyframes b1 {
 0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes b1 {
 0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.banner_gys .b2 {
	right: 170px;
	top: 160px;
	-webkit-animation: b2 5s 0s ease both;
	-moz-animation: b2 5s 0s ease both;
	animation: b2 5s 0s ease both;
	z-index:8;
}
@-webkit-keyframes b2 {
 0% {
opacity: 0;
transform:translate(1000px,0 )
}
 60% {
opacity: 1;
transform:translate(0px, 0px)
}
}
 @-moz-keyframes b2 {
 0% {
opacity: 0;
transform:translate(1000px, 0)
}
 60% {
opacity: 1;
transform:translate(0px, 0px)
}
}
 @keyframes b2 {
 0% {
opacity: 0;
transform:translate(1000px, 0)
}
 60% {
opacity: 1;
transform:translate(0px, 0px)
}
}
.banner_gys .b3 {
	right: 120px;
	top: 110px;
	-webkit-animation: b3 3.5s 0s ease both;
	-moz-animation: b3 3.5s 0s ease both;
	animation: b3 3.5s 0s ease both;
	z-index:6;
}
@-webkit-keyframes b3 {
 0% {
opacity: 0;
transform:translate(1000px, 0)
}
 60% {
opacity: 1;
transform:translate(0px, 0px)
}
}
.banner_gys .b4 {
	right: 220px;
	top: 200px;
	-webkit-animation: b4 4s 0s ease both;
	-moz-animation: b4 4s 0s ease both;
	animation: b4 4s 0s ease both;
	z-index:10;
}
@-webkit-keyframes b4 {
 0% {
opacity: 0;
transform:translate(0,1000px )
}
 60% {
opacity: 1;
transform:translate(0px, 0px)
}
}
.banner_gys .b5 {
	left: 40px;
	top: 70px;
	-webkit-animation: a6 2s 0s ease both;
	-moz-animation: a6 2s 0s ease both;
	animation: a6 2s 0s ease both;
}
@-webkit-keyframes b5 {
 0% {
opacity: 0;
transform:translate(0px, -1000px)
}
 60% {
opacity: 1;
transform:translate(0px, 0px)
}
}
.banner_gys .b6 {
	z-index: 4;
	right: 70px;
	top: 70px;
	-webkit-animation: b6 2s 0s ease both;
	-moz-animation: b6 2s 0s ease both;
	animation: b6 2s 0s ease both;
}
@-webkit-keyframes b6 {
 0% {
opacity: 0;
transform:translate(1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(0px, 0px)
}
}
.banner_gys .b7 {
	z-index: 3;
	left: 258px;
	bottom: 105px;
	-webkit-animation: b7 3s 0s ease both;
	-moz-animation: b7 3s 0s ease both;
	animation: b7 3s 0s ease both;
}
@-webkit-keyframes b7 {
 0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.banner_gys .b8 {
	right: 0px;
	bottom: 80px;
	-webkit-animation: b8 3s 0s ease both;
	-moz-animation: b8 3s 0s ease both;
	animation: b8 3s 0s ease both;
}
@-webkit-keyframes b8 {
 0% {
opacity: 0;
transform:translate(1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(-100px, 0px)
}
 100% {
opacity: 1;
transform:translate(0px, 0px)
}
}
.banner_gys .b9 {
	left: 557px;
	bottom: 20px;
	-webkit-animation: b9 3s 0s ease both;
	-moz-animation: b9 3s 0s ease both;
	animation: b9 3s 0s ease both;
}
@-webkit-keyframes b9 {
 0% {
opacity: 0;
}
 60% {
opacity: 1;
transform:rotate(360deg) scale(1.2);
-webkit-transform:rotate(360deg) scale(1.2);
-moz-transform:rotate(360deg) scale(1.2);
}
}









/*第三张*/
.banner_7 .c1 {
	left: 50%;
	margin-left: -365px;
}
.banner_7 .c2 {
	left: 35%;
	top: 35px;
	-webkit-animation: a1 1.5s 0s ease both;
	-moz-animation: a1 1.5s 0s ease both;
	animation: a1 1.5s 0s ease both;
}
.banner_7 .c3 {
	left: 634px;
	top: 26px;
	-webkit-animation: c2 1.5s 0s ease both;
	-moz-animation: c2 1.5s 0s ease both;
	animation: c2 1.5s 0s ease both;
}
@-webkit-keyframes c2 {
 0%, 10%, 20% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-webkit-transform:scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
 100% {
-webkit-transform:scale(1) rotate(0);
}
}
.banner_7 .c4 {
	left: 39%;
	top: 75px;
	-webkit-animation: c4 1s 0s ease both;
	-moz-animation: c4 1s 0s ease both;
	animation: c4 1s 0s ease both;
}
@-webkit-keyframes c4 {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
 @-moz-keyframes c4 {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
 @-o-keyframes c4 {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
 @keyframes c4 {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.banner_7 .c5 {
	left: 30%;
	top: 100px;
	z-index: 9;
	-webkit-animation: c5 1s 0s ease both;
	-moz-animation: c5 1s 0s ease both;
	animation: c5 1s 0s ease both;
}
.banner_7 .c6 {
	left: 37%;
	top: 147px;
	z-index: 8;
	-webkit-animation: c5 1.5s 0s ease both;
	-moz-animation: c5 1.5s 0s ease both;
	animation: c5 1.5s 0s ease both;
}
.banner_7 .c7 {
	left: 56%;
	top: 185px;
	z-index: 10;
	-webkit-animation: c5 2s 0s ease both;
	-moz-animation: c5 2s 0s ease both;
	animation: c5 2s 0s ease both;
}
@keyframes c5 {
0% {
opacity: 0;
transform:translate(-1000px, 0px)
}
60% {
opacity: 1;
transform:translate(0px, 0px)
}
}
.banner_7 .c8 {
	left: 39%;
	bottom: 70px;
	-webkit-animation: c8 2s 0s ease both;
	-moz-animation: c8 2s 0s ease both;
	animation: c8 2s 0s ease both;
}
@keyframes c8 {
0% {
opacity: 0;
transform:translate(0px, 1000px)
}
60% {
opacity: 1;
transform:translate(0px, 0px)
}
}
.banner_7 .c9 {
	left: 46%;
	bottom: 25px;
	-webkit-animation: a11 2s;
	-moz-animation: a11 2s;
	-ms-animation: a11 2s;
	-o-animation: a11 2s;
	animation: a11 2s
}
@-webkit-keyframes c9 {
 0% {
-webkit-transform:scale(1);
}
 10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
}
 100% {
-webkit-transform:scale(1) rotate(0);
}
}
@-moz-keyframes c9 {
 0% {
-moz-transform:scale(1);
}
 10%, 20% {
-moz-transform:scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
-moz-transform:scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
-moz-transform:scale(1.1) rotate(-3deg);
}
 100% {
-moz-transform:scale(1) rotate(0);
}
}
@-ms-keyframes c9 {
 0% {
-ms-transform:scale(1);
}
 10%, 20% {
-ms-transform:scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
-ms-transform:scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
-ms-transform:scale(1.1) rotate(-3deg);
}
 100% {
-ms-transform:scale(1) rotate(0);
}
}
@keyframes c9 {
 0% {
transform:scale(1);
}
 10%, 20% {
transform:scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
transform:scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
transform:scale(1.1) rotate(-3deg);
}
 100% {
transform:scale(1) rotate(0);
}
}
/*第四张*/
.banner_ly .d1 {
	top: 30px;
	-webkit-animation: d1 1.5s 0s ease both;
	-moz-animation: d1 1.5s 0s ease both;
	animation: d1 1.5s 0s ease both;
}
@-webkit-keyframes d1 {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(0px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
.banner_ly .d2 {
	top: 70px;
	-webkit-animation: d1 2s 0s ease both;
	-moz-animation: d1 2s 0s ease both;
	animation: d1 2s 0s ease both;
}
.banner_ly .d3 {
	top: 100px;
	-webkit-animation: d3 2s 0s ease both;
	-moz-animation: d3 2s 0s ease both;
	animation: d3 2s 0s ease both;
}
@-webkit-keyframes d3 {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(200px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
 @-moz-keyframes d3 {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(200px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
 @-o-keyframes d3 {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(200px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
 @keyframes d3 {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(200px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.banner_ly .d4 {
	bottom: 40px;
	-webkit-animation: d4 3s 0s ease both;
	-moz-animation: d4 3s 0s ease both;
	animation: d4 3s 0s ease both;
}
@-webkit-keyframes d4 {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(0px);
}
}
.banner_ly .d5 {
	right: 0px;
	bottom: 0px;
	-webkit-animation: d5 3s 0s ease both;
	-moz-animation: d5 3s 0s ease both;
	animation: d5 3s 0s ease both;
}
@-webkit-keyframes d5 {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
}
}
/*第五张*/

.banner_zby .e2 {
	left: 128px;
	top: 20px;
	-webkit-animation: e2 1.5s 0s ease both;
	-moz-animation: e2 1.5s 0s ease both;
	animation: e2 1.5s 0s ease both;
}
 @-webkit-keyframes e2 {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
}
}

.banner_zby .e4 {
	right: 150px;
	bottom: -20px;
}
.banner_zby .e5 {
	right: 80px;
	bottom: 80px;
}
.banner_zby .e6 {
	right: 270px;
	bottom: 20px;
}
.banner_zby .e7 {
	left: 100px;
	bottom: 20px;
	-webkit-animation: e7 1.5s 0s ease both;
	-moz-animation: e7 1.5s 0s ease both;
	animation: e7 1.5s 0s ease both;
}
.banner_zby .e8 {
	left: 166px;
	bottom: 44px;
	-webkit-animation: e8 2s 0s ease both;
	-moz-animation: e8 2s 0s ease both;
	animation: e8 2s 0s ease both;
}
@-webkit-keyframes e7 {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
}
}
@-webkit-keyframes e8 {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
}
60% {
opacity:1;
-webkit-transform: translateX(0px);
}
}

 @-webkit-keyframes e9 {
 0% {
opacity: 0;
transform:translate(1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @-moz-keyframes e9 {
 0% {
opacity: 0;
transform:translate(1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @keyframes e9 {
 0% {
opacity: 0;
transform:translate(1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
@-webkit-keyframes e9 {
0% {
opacity: 1;
-webkit-transform: translateX(-50px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
}
}
.banner_zby .e10 {
	left: 20%;
	top: 160px;
	-webkit-animation: e10 3s 0s ease both;
	-moz-animation: e10 3s 0s ease both;
	animation: e10 3s 0s ease both;
}
@-webkit-keyframes e10 {
0% {
opacity: 0;
}
60% {
opacity: 1;
}
}
.banner_zby .e11 {
	left: 41%;
	bottom: -5px;
	-webkit-animation: e11 3s 0s ease both;
	-moz-animation: e11 3s 0s ease both;
	animation: e11 3s 0s ease both;
}
@-webkit-keyframes e11 {
0% {
opacity: 1;
-webkit-transform: translateX(50px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
}
}


/*第七张*/
.banner_wgg .h1 {
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-animation: h1 1.5s 2.5s ease both;
	-moz-animation: h1 1.5s 2.5s ease both;
	animation: h1 1.5s 2.5s ease both;
}
@-webkit-keyframes h1 {
0% {
transform:translate(1000px, -1000px)
}
60% {
transform:translate(0px, 0px)
}
}
.banner_wgg .h2 {
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-animation: h2 1.5s 1s ease both;
	-moz-animation: h2 1.5s 1s ease both;
	animation: h2 1.5s 1s ease both;
}
@-webkit-keyframes h2 {
0% {
transform:translate(0px, 1000px)
}
60% {
transform:translate(0px, 0px)
}
}
.banner_wgg .h3 {
	left: 0;
	top: 0;
	-webkit-animation: a1 1.5s 0s ease both;
	-moz-animation: a1 1.5s 0s ease both;
	animation: a1 1.5s 0s ease both;
}
.banner_wgg .h4 {
	left: 0;
	top: 0;
	-webkit-animation: h4 1.5s 1s ease both;
	-moz-animation: h4 1.5s 1s ease both;
	animation: h4 1.5s 1s ease both;
}
.banner_wgg .h5 {
	left: 0;
	top: 0;
	-webkit-animation: h4 1.5s 1.5s ease both;
	-moz-animation: h4 1.5s 1.5s ease both;
	animation: h4 1.5s 1.5s ease both;
}
.banner_wgg .h6 {
	left: 0;
	top: 0;
	-webkit-animation: h4 1.5s 2s ease both;
	-moz-animation: h4 1.5s 2s ease both;
	animation: h4 1.5s 2s ease both;
}
@-webkit-keyframes h4 {
0% {
transform:translate(0px, 1000px)
}
60% {
transform:translate(0px, 0px)
}
}
.banner_wgg .h7 {
	left: 187px;
	bottom: 120px;
	-webkit-animation: h8 1.5s 1.2s ease both;
	-moz-animation: h8 1s 1.2s ease both;
	animation: h8 1s 1.2s ease both;
}
.banner_wgg .h8 {
	left: 176px;
	top: 170px;
	-webkit-animation: h8 1.5s 1s ease both;
	-moz-animation: h8 1s 1s ease both;
	animation: h8 1s 1s ease both;
}
@-webkit-keyframes h8 {
0% {
transform:translate(0px, 1000px)
}
60% {
transform:translate(0px, 0px)
}
}
.banner_wgg .h9 {
	right: 60px;
	top: 100px;
	-webkit-animation: h9 1.5s 1s ease both;
	-moz-animation: h9 1.5s 1s ease both;
	animation: h9 1.5s 0s ease both;
}
.banner_wgg .h10 {
	right: 60px;
	top: 99px;
	-webkit-animation: h9 1.5s 0.5s ease both;
	-moz-animation: h9 1.5s 0.5s ease both;
	animation: h9 1.5s 0.5s ease both;
}
@-webkit-keyframes h9 {
0% {
opacity:0;
transform:translate(1000px, 0px)
}
60% {
opacity:1;
transform:translate(0px, 0px)
}
}
.banner_wgg .h11 {
	right: 73px;
	top: 160px;
	-webkit-animation: h11 1.5s 0.8s ease both;
	-moz-animation: h11 1.5s 0.8s ease both;
	animation: h11 1.5s 0.8s ease both;
}
@-webkit-keyframes h11 {
0% {
opacity:0;
transform:translate(0px, -1000px)
}
60% {
opacity:1;
transform:translate(0px, 0px)
}
}
.banner_wgg .h12 {
	right: 272px;
	top: 220px;
	-webkit-animation: h11 1.5s 1s ease both;
	-moz-animation: h11 1.5s 1s ease both;
	animation: h11 1.5s 1s ease both;
}
.banner_wgg .h13 {
	right: 400px;
	bottom: 66px;
	-webkit-animation: h2 1.5s 3s ease both;
	-moz-animation: h2 1.5s 3s ease both;
	animation: h2 1.5s 3s ease both;
}
/*第八张*/
.banner_fkjf .g1 {
	left: 17%;
	top: 50px;
	-webkit-animation: a1 1.5s 0s ease both;
	-moz-animation: a1 1.5s 0s ease both;
	animation: a1 1.5s 0s ease both;
}
.banner_fkjf .g2 {
	left: 20%;
	top: 22px;
	-webkit-animation: a2 1.5s 1s ease both;
	-moz-animation: a2 1.5s 1s ease both;
	animation: a2 1.5s 1s ease both;
}
.banner_fkjf .g3 {
	left: 175px;
	top: 160px;
	-webkit-animation: g5 1.5s 1.5s ease both;
	-moz-animation: g5 1.5s 1.5s ease both;
	animation: g5 1.5s 1.5s ease both;
}
.banner_fkjf .g4 {
	left: 282px;
	top: 165px;
	-webkit-animation: g6 1.5s 2s ease both;
	-moz-animation: g6 1.5s 2s ease both;
	animation: g6 1.5s 2s ease both;
}
.banner_fkjf .g5 {
	left: 18%;
	bottom: 10px;
	-webkit-animation: g5 1.5s 1s ease both;
	-moz-animation: g5 1.5s 1s ease both;
	animation: g5 1.5s 1s ease both;
}
@-webkit-keyframes g5 {
 0% {
opacity: 0;
transform:translateY(1000px)
}
 60% {
opacity: 1;
transform:translateX(0px)
}
}
@-webkit-keyframes g6 {
 0% {
opacity: 0;
}
 40% {
opacity: 1;
}
 60% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.banner_fkjf .g6 {
	right: 65px;
	bottom: 142px;
	-webkit-animation: g7 1.5s 0s ease both;
	-moz-animation: g7 1.5s 0s ease both;
	animation: g7 1.5s 0s ease both;
}
@-webkit-keyframes g7 {
 0% {
opacity: 0;
transform:translateY(1000px)
}
 60% {
opacity: 1;
transform:translateX(0px)
}
}
.banner_fkjf .g7 {
	right: 263px;
	bottom: 74px;
	-webkit-animation: g7 1.5s 2s ease both;
	-moz-animation: g7 1.5s 2s ease both;
	animation: g7 1.5s 2s ease both;
}
/*第九张*/
.banner_ppsfx .p1 {
	left: 5%;
	top: 20px;
	-webkit-animation: a1 1s 0s ease both;
	-moz-animation: a1 1s 0s ease both;
	animation: a1 1s 0s ease both;
}

.banner_ppsfx .p3 {
	left: 15%;
	top: 150px;
	-webkit-animation: p3 1.5s 0.5s ease both;
	-moz-animation: p3 1.5s 0.5s ease both;
	animation: p3 1.5s 0.5s ease both;
}
@-webkit-keyframes p3 {
 0% {
opacity: 0;
transform:translate(-1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
.banner_ppsfx .p4 {
	left: 33%;
	top: 150px;
	-webkit-animation: p3 1.5s 0s ease both;
	-moz-animation: p3 1.5s 0s ease both;
	animation: p3 1.5s 0s ease both;
}

@-webkit-keyframes p5 {
 0% {
opacity: 0;
transform:translate(1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
.banner_ppsfx .p7 {
	left: 42%;
	bottom: 100px;
	-webkit-animation: p7 1.5s 1s ease both;
	-moz-animation: p7 1.5s 1s ease both;
	animation: p7 1.5s 1s ease both;
}
.banner_ppsfx .p8 {
	left: 44%;
	bottom: 30px;
	z-index: 1;
	-webkit-animation: p7 1.5s 1.5s ease both;
	-moz-animation: p7 1.5s 1.5s ease both;
	animation: p7 1.5s 1.5s ease both;
}
@-webkit-keyframes p7 {
 0% {
opacity: 0;
transform:translate(0px, 1000px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
.banner_ppsfx .p9 {
	left: 37%;
	bottom: 0px;
	-webkit-animation: p9 1.5s 0s ease both;
	-moz-animation: p9 1.5s 0s ease both;
	animation: p9 1.5s 0s ease both;
}
.banner_ppsfx .p10 {
	left: 20%;
	bottom: 0px;
	-webkit-animation: p9 1.5s 0.5s ease both;
	-moz-animation: p9 1.5s 0.5s ease both;
	animation: p9 1.5s 0.5s ease both;
}
@-webkit-keyframes p9 {
 0% {
opacity: 0;
transform:translate(0px, 1000px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
/*第四张*/
.banner_ly .d1 {
	top: 30px;
	-webkit-animation: d1 1.5s 0s ease both;
	-moz-animation: d1 1.5s 0s ease both;
	animation: d1 1.5s 0s ease both;
}
@-webkit-keyframes d1 {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(0px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
.banner_ly .d2 {
	top: 70px;
	-webkit-animation: d1 2s 0s ease both;
	-moz-animation: d1 2s 0s ease both;
	animation: d1 2s 0s ease both;
}
.banner_ly .d3 {
	top: 100px;
	-webkit-animation: d3 2s 0s ease both;
	-moz-animation: d3 2s 0s ease both;
	animation: d3 2s 0s ease both;
}
@-webkit-keyframes d3 {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(200px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
 @-moz-keyframes d3 {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(200px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
 @-o-keyframes d3 {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(200px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
 @keyframes d3 {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(200px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.banner_ly .d4 {
	bottom: 40px;
	-webkit-animation: d4 3s 0s ease both;
	-moz-animation: d4 3s 0s ease both;
	animation: d4 3s 0s ease both;
}
@-webkit-keyframes d4 {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(0px);
}
}
.banner_ly .d5 {
	right: 0px;
	bottom: 0px;
	-webkit-animation: d5 3s 0s ease both;
	-moz-animation: d5 3s 0s ease both;
	animation: d5 3s 0s ease both;
}
@-webkit-keyframes d5 {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
}
}
/*第五张*/
.banner_zby .e1 {
	z-index: 10;
	
	top: 130px;
	right:93px;
	-webkit-animation: d1 1.5s 0s ease both;
	-moz-animation: d1 1.5s 0s ease both;
	animation: d1 1.5s 0s ease both;
}
.banner_zby .e2 {
	z-index: 11;
	left: 40px;
	top: 108px;
	-webkit-animation: e2 1.5s 0s ease both;
	-moz-animation: e2 1.5s 0s ease both;
	animation: e2 1.5s 0s ease both;
}
@-webkit-keyframes e2 {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
}
}
.banner_zby .e3 {
	right: 59px;
	top: 240px;
	-webkit-animation: e3 1.5s 0s ease both;
	-moz-animation: e3 1.5s 0s ease both;
	animation: e3 1.5s 0s ease both;
}
@-webkit-keyframes e3 {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
}
}
.banner_zby .e4 {
	right: 150px;
	bottom: -20px;
}
.banner_zby .e5 {
	right: 80px;
	bottom: 80px;
}
.banner_zby .e6 {
	right: 270px;
	bottom: 20px;
}
.banner_zby .e7 {
	left: 100px;
	bottom: 20px;
	-webkit-animation: e7 1.5s 0s ease both;
	-moz-animation: e7 1.5s 0s ease both;
	animation: e7 1.5s 0s ease both;
}
.banner_zby .e8 {
	left: 166px;
	bottom: 44px;
	-webkit-animation: e8 2s 0s ease both;
	-moz-animation: e8 2s 0s ease both;
	animation: e8 2s 0s ease both;
}
.banner_zby .e9 {
	right: 40px;
	bottom: 144px;
	-webkit-animation: e9 2.5s 0s ease both;
	-moz-animation: e9 2.5s 0s ease both;
	animation: e9 2.5s 0s ease both;
}
@-webkit-keyframes e7 {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
}
}
@-webkit-keyframes e8 {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
}
60% {
opacity:1;
-webkit-transform: translateX(0px);
}
}
@-webkit-keyframes e9 {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
60% {
opacity: 1;
-webkit-transform: translateX(50px);
}
}
.banner_zby .e10 {
	left: 20%;
	top: 160px;
	-webkit-animation: e10 3s 0s ease both;
	-moz-animation: e10 3s 0s ease both;
	animation: e10 3s 0s ease both;
}
@-webkit-keyframes e10 {
0% {
opacity: 0;
}
60% {
opacity: 1;
}
}
.banner_zby .e11 {
	left: 41%;
	bottom: -5px;
	-webkit-animation: e11 3s 0s ease both;
	-moz-animation: e11 3s 0s ease both;
	animation: e11 3s 0s ease both;
}
@-webkit-keyframes e11 {
0% {
opacity: 1;
-webkit-transform: translateX(50px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
}
}




/*第六张*/
/*.banner ul li.li6 .img1{position:absolute;left:54%;margin-left:-820px;-webkit-animation: img1 3s 0s ease both;-moz-animation: img1 3s 0s ease both;animation: img1 3s 0s ease both;}
@-webkit-keyframes img1{
	0%{opacity: 0;}
	60%{opacity: 1;}
}*/
.banner_wsapp .f1 {
	z-index: 9;
	top: 220px;
	left:10px;
	-webkit-animation: f1 1s 1s ease both;
	-moz-animation: f1 1s 1s ease both;
	animation: f1 1s 1s ease both;
}
@-webkit-keyframes f1 {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
 @-moz-keyframes f1 {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
 @-o-keyframes f1 {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
 @keyframes f1 {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes a1 {
 0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.banner_wsapp .f2 {
	left: 90px;
	top: 60px;
	z-index: 2;
	-webkit-animation: a10 2s 0s infinite linear normal forwards;
	-moz-animation: a10 2s 0s infinite linear normal forwards;
	animation: a10 2s 0s infinite linear normal forwards;
}
@-webkit-keyframes a10 {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
.banner_wsapp .f3 {
	left: 339px;
    top: 275px;
	-webkit-animation: f1 1s 1s ease both;
	-moz-animation: f1 1s 1s ease both;
	animation: f1 1s 1s ease both;
}
@-webkit-keyframes f3 {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
 @-moz-keyframes f3 {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
 @-o-keyframes f3 {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
 @keyframes f3 {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.banner_wsapp .f4 {
	 right: 340px;
    top: 237px;
	-webkit-animation: f3 1.2s 1s ease both;
	-moz-animation: f3 1.2s 1s ease both;
	animation: f3 1.2s 1s ease both;
}
.banner_wsapp .f5 {
	right:0%;
	top: 30px;
	z-index: 2;
	-webkit-animation: f5 1.5s 0s ease both;
	-moz-animation: f5 1.5s 0s ease both;
	animation:f5 1.5s 0s ease both;
}
 @-webkit-keyframes f5 {
 0% {
opacity: 0;
transform:translate(50px, -50px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @-moz-keyframes f5 {
 0% {
opacity: 0;
transform:translate(50px, -50px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
 @keyframes f5 {
 0% {
opacity: 0;
transform:translate(50px, -50px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
.banner_wsapp .f6 {
	right: -13px;
    top: 267px;
	z-index: 1;
	-webkit-animation: f3 3s 1s ease both;
	-moz-animation: f3 1s 3s ease both;
	animation: f3 3s 1s ease both;
}
.banner_wsapp .f7 {
	right: 10px;
	top: 220px;
	-webkit-animation: f3 3s 1s ease both;
	-moz-animation: f3 1s 3s ease both;
	animation: f3 3s 1s ease both;
}
.banner_wsapp .f7_1 {
	right: 10px;
	top: 280px;
	-webkit-animation: f3 3s 1s ease both;
	-moz-animation: f3 1s 3s ease both;
	animation: f3 3s 1s ease both;
}
.banner_wsapp .f8 {
	right: 10px;
	top: 240px;
	-webkit-animation: f8 1s 0.5s ease both;
	-moz-animation: f8 1s 0.5s ease both;
	animation: f8 1s 0.5s ease both;
}
@keyframes f8 {
0% {
opacity: 0;
transform: translateY(1000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.banner_wsapp .f9 {
	right: 0;
	top: 200px;
	-webkit-animation: f9 2s 1s ease both;
	-moz-animation: f9 2s 1s ease both;
	animation: f9 2s 1s ease both;
}
@keyframes f9 {
0% {
opacity: 0;
}
25% {
opacity: 0.25;
}
50% {
opacity: 0.5;
}
75% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}



/*第七张*/
.banner_wgg .h1 {
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-animation: h1 1.5s 2.5s ease both;
	-moz-animation: h1 1.5s 2.5s ease both;
	animation: h1 1.5s 2.5s ease both;
}
@-webkit-keyframes h1 {
0% {
transform:translate(1000px, -1000px)
}
60% {
transform:translate(0px, 0px)
}
}
.banner_wgg .h2 {
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-animation: h2 1.5s 1s ease both;
	-moz-animation: h2 1.5s 1s ease both;
	animation: h2 1.5s 1s ease both;
}
@-webkit-keyframes h2 {
0% {
transform:translate(0px, 1000px)
}
60% {
transform:translate(0px, 0px)
}
}
.banner_wgg .h3 {
	left: 0;
	top: 0;
	-webkit-animation: a1 1.5s 0s ease both;
	-moz-animation: a1 1.5s 0s ease both;
	animation: a1 1.5s 0s ease both;
}
.banner_wgg .h4 {
	left: 0;
	top: 0;
	-webkit-animation: h4 1.5s 1s ease both;
	-moz-animation: h4 1.5s 1s ease both;
	animation: h4 1.5s 1s ease both;
}
.banner_wgg .h5 {
	left: 0;
	top: 0;
	-webkit-animation: h4 1.5s 1.5s ease both;
	-moz-animation: h4 1.5s 1.5s ease both;
	animation: h4 1.5s 1.5s ease both;
}
.banner_wgg .h6 {
	left: 0;
	top: 0;
	-webkit-animation: h4 1.5s 2s ease both;
	-moz-animation: h4 1.5s 2s ease both;
	animation: h4 1.5s 2s ease both;
}
@-webkit-keyframes h4 {
0% {
transform:translate(0px, 1000px)
}
60% {
transform:translate(0px, 0px)
}
}
.banner_wgg .h7 {
	left: 187px;
	bottom: 120px;
	-webkit-animation: h8 1.5s 1.2s ease both;
	-moz-animation: h8 1s 1.2s ease both;
	animation: h8 1s 1.2s ease both;
}
.banner_wgg .h8 {
	left: 176px;
	top: 170px;
	-webkit-animation: h8 1.5s 1s ease both;
	-moz-animation: h8 1s 1s ease both;
	animation: h8 1s 1s ease both;
}
@-webkit-keyframes h8 {
0% {
transform:translate(0px, 1000px)
}
60% {
transform:translate(0px, 0px)
}
}
.banner_wgg .h9 {
	right: 60px;
	top: 100px;
	-webkit-animation: h9 1.5s 1s ease both;
	-moz-animation: h9 1.5s 1s ease both;
	animation: h9 1.5s 0s ease both;
}
.banner_wgg .h10 {
	right: 60px;
	top: 99px;
	-webkit-animation: h9 1.5s 0.5s ease both;
	-moz-animation: h9 1.5s 0.5s ease both;
	animation: h9 1.5s 0.5s ease both;
}
@-webkit-keyframes h9 {
0% {
opacity:0;
transform:translate(1000px, 0px)
}
60% {
opacity:1;
transform:translate(0px, 0px)
}
}
.banner_wgg .h11 {
	right: 73px;
	top: 160px;
	-webkit-animation: h11 1.5s 0.8s ease both;
	-moz-animation: h11 1.5s 0.8s ease both;
	animation: h11 1.5s 0.8s ease both;
}
@-webkit-keyframes h11 {
0% {
opacity:0;
transform:translate(0px, -1000px)
}
60% {
opacity:1;
transform:translate(0px, 0px)
}
}
.banner_wgg .h12 {
	right: 272px;
	top: 220px;
	-webkit-animation: h11 1.5s 1s ease both;
	-moz-animation: h11 1.5s 1s ease both;
	animation: h11 1.5s 1s ease both;
}
.banner_wgg .h13 {
	right: 400px;
	bottom: 66px;
	-webkit-animation: h2 1.5s 3s ease both;
	-moz-animation: h2 1.5s 3s ease both;
	animation: h2 1.5s 3s ease both;
}
/*第八张*/
.banner_fkjf .g1 {
	left: 17%;
	top: 50px;
	-webkit-animation: a1 1.5s 0s ease both;
	-moz-animation: a1 1.5s 0s ease both;
	animation: a1 1.5s 0s ease both;
}
.banner_fkjf .g2 {
	left: 20%;
	top: 22px;
	-webkit-animation: a2 1.5s 1s ease both;
	-moz-animation: a2 1.5s 1s ease both;
	animation: a2 1.5s 1s ease both;
}
.banner_fkjf .g3 {
	left: 175px;
	top: 160px;
	-webkit-animation: g5 1.5s 1.5s ease both;
	-moz-animation: g5 1.5s 1.5s ease both;
	animation: g5 1.5s 1.5s ease both;
}
.banner_fkjf .g4 {
	left: 282px;
	top: 165px;
	-webkit-animation: g6 1.5s 2s ease both;
	-moz-animation: g6 1.5s 2s ease both;
	animation: g6 1.5s 2s ease both;
}
.banner_fkjf .g5 {
	left: 18%;
	bottom: 10px;
	-webkit-animation: g5 1.5s 1s ease both;
	-moz-animation: g5 1.5s 1s ease both;
	animation: g5 1.5s 1s ease both;
}
@-webkit-keyframes g5 {
 0% {
opacity: 0;
transform:translateY(1000px)
}
 60% {
opacity: 1;
transform:translateX(0px)
}
}
@-webkit-keyframes g6 {
 0% {
opacity: 0;
}
 40% {
opacity: 1;
}
 60% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.banner_fkjf .g6 {
	right: 65px;
	bottom: 142px;
	-webkit-animation: g7 1.5s 0s ease both;
	-moz-animation: g7 1.5s 0s ease both;
	animation: g7 1.5s 0s ease both;
}
@-webkit-keyframes g7 {
 0% {
opacity: 0;
transform:translateY(1000px)
}
 60% {
opacity: 1;
transform:translateX(0px)
}
}
.banner_fkjf .g7 {
	right: 263px;
	bottom: 74px;
	-webkit-animation: g7 1.5s 2s ease both;
	-moz-animation: g7 1.5s 2s ease both;
	animation: g7 1.5s 2s ease both;
}
/*第九张*/
.banner_ppsfx .p1 {
	left: 54%;
	top: 140px;
	-webkit-animation: a1 1s 0s ease both;
	-moz-animation: a1 1s 0s ease both;
	animation: a1 1s 0s ease both;
}
.banner_ppsfx .p2 {
	left: 0;
	bottom: 0px;
	-webkit-animation: a1 1s 0.5s ease both;
	-moz-animation: a1 1s 0.5s ease both;
	animation: a1 1s 0.5s ease both;
}
.banner_ppsfx .p3 {
	left: 15%;
	top: 150px;
	-webkit-animation: p3 1.5s 0.5s ease both;
	-moz-animation: p3 1.5s 0.5s ease both;
	animation: p3 1.5s 0.5s ease both;
}
@-webkit-keyframes p3 {
 0% {
opacity: 0;
transform:translate(-1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
.banner_ppsfx .p4 {
	left: 33%;
	top: 150px;
	-webkit-animation: p3 1.5s 0s ease both;
	-moz-animation: p3 1.5s 0s ease both;
	animation: p3 1.5s 0s ease both;
}
.banner_ppsfx .p5 {
	left: 495px;
	bottom: 0;
	z-index: 1;
	-webkit-animation: p5 .5s 0.2s ease both;
	-moz-animation: p5 .5s 0.2s ease both;
	animation: p5 .5s 0.2s ease both;
}
.banner_ppsfx .p6 {
	right: 0;
	top: 60px;
	-webkit-animation: p6 1.5s 1s ease both;
	-moz-animation: p6 1.5s 1s ease both;
	animation: p6 1.5s 1s ease both;
}
@-webkit-keyframes p5 {
 0% {
opacity: 0;
transform:translate(1000px, 0px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
@-webkit-keyframes p6 {
 0% {
opacity: 0;
transform:translate(0, -1000px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
.banner_ppsfx .p7 {
	left: 42%;
	bottom: 100px;
	-webkit-animation: p7 1.5s 1s ease both;
	-moz-animation: p7 1.5s 1s ease both;
	animation: p7 1.5s 1s ease both;
}
.banner_ppsfx .p8 {
	left: 44%;
	bottom: 30px;
	z-index: 1;
	-webkit-animation: p7 1.5s 1.5s ease both;
	-moz-animation: p7 1.5s 1.5s ease both;
	animation: p7 1.5s 1.5s ease both;
}
@-webkit-keyframes p7 {
 0% {
opacity: 0;
transform:translate(0px, 1000px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
.banner_ppsfx .p9 {
	left: 37%;
	bottom: 0px;
	-webkit-animation: p9 1.5s 0s ease both;
	-moz-animation: p9 1.5s 0s ease both;
	animation: p9 1.5s 0s ease both;
}
.banner_ppsfx .p10 {
	left: 20%;
	bottom: 0px;
	-webkit-animation: p9 1.5s 0.5s ease both;
	-moz-animation: p9 1.5s 0.5s ease both;
	animation: p9 1.5s 0.5s ease both;
}
@-webkit-keyframes p9 {
 0% {
opacity: 0;
transform:translate(0px, 1000px)
}
 60% {
opacity: 1;
transform:translate(0, 0)
}
}
/*10*/
.li10 .p1 {
	width: 30%;
	margin: 80px 40px 0 -20%;
}
.li10 .p2 {
	width: 44%;
	margin: -80px 0 0 20%;
}
/*11*/

.li11 .e1m {
	margin: 300px 0 0 280px !important;
}










.ty2 {
	width: 1300px;
	margin: 0 auto;
	height: 550px;
	display: block;
	overflow: hidden;
	position: relative;
}
.ty2 img {
	display: block;
	position: absolute;
}














.banner ul li.li6 {
	background-color: #03c36b;
}
.wxBanner .s0{left: 50%;margin-left: -319px;    top: 100px}
.wxBanner .s1{left: 50%;margin-left: -430.5px;top: 200px;}
.wxBanner .s2{left: 50%;margin-left: -435px;top: 280px}
.wxBanner .s3{left: 0;bottom: 0px;z-index: 5;height:190px }
.wxBanner .s4{right: 0;bottom: 0px;z-index: 0;height: 160px}
.wxBanner .s0{    -webkit-animation: zoomInDown 1.5s 0s ease both;
    -moz-animation: zoomInDown 1.5s 0s ease both;
    animation: zoomInDown 1.5s 0s ease both;}
.wxBanner .s1{    -webkit-animation: bounceInLeft 1s 1s ease both;
    -moz-animation: bounceInLeft 1s 1s ease both;
    animation: bounceInLeft 1s 1s ease both;}
.wxBanner .s2{    -webkit-animation: flipInY 1s .8s ease both;
    -moz-animation: flipInY 1s .8s ease both;
    animation: flipInY 1s .8s ease both;}
.wxBanner .s4{-webkit-animation:fadeInUp 2.5s 0s ease both;-moz-animation:fadeInUp 2.5s 0s ease both;animation:fadeInUp 2.5s 0s ease both;}
.wxBanner .s3{-webkit-animation:fadeInUp 2s 0.2s ease both;-moz-animation:fadeInUp 2s 0.2s ease both;animation:fadeInUp 2s 0.2s ease both;}
@-webkit-keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}

60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}

@keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}

60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}

@-webkit-keyframes bounceInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);}

60%{opacity: 1;-webkit-transform: translateX(30px);}

80%{-webkit-transform: translateX(-10px);}

100%{-webkit-transform: translateX(0);}}

@-moz-keyframes bounceInLeft{0%{opacity: 0;-moz-transform: translateX(-2000px);}

60%{opacity: 1;-moz-transform: translateX(30px);}

80%{-moz-transform: translateX(-10px);}

100%{-moz-transform: translateX(0);}}

@-o-keyframes bounceInLeft{0%{opacity: 0;-o-transform: translateX(-2000px);}

60%{opacity: 1;-o-transform: translateX(30px);}

80%{-o-transform: translateX(-10px);}

100%{-o-transform: translateX(0);}}

@keyframes bounceInLeft{0%{opacity: 0;transform: translateX(-2000px);}

60%{opacity: 1;transform: translateX(30px);}

80%{transform: translateX(-10px);}

100%{transform: translateX(0);}}


@-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{-webkit-transform: perspective(400px) rotateY(-10deg);}

70%{-webkit-transform: perspective(400px) rotateY(10deg);}

100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@-moz-keyframes flipInY{0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{-moz-transform: perspective(400px) rotateY(-10deg);}

70%{-moz-transform: perspective(400px) rotateY(10deg);}

100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@-o-keyframes flipInY{0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{-o-transform: perspective(400px) rotateY(-10deg);}

70%{-o-transform: perspective(400px) rotateY(10deg);}

100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@keyframes flipInY{0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{transform: perspective(400px) rotateY(-10deg);}

70%{transform: perspective(400px) rotateY(10deg);}

100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px);}

100%{opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInUp{0%{opacity: 0;-moz-transform: translateY(20px);}

100%{opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInUp{0%{opacity: 0;-o-transform: translateY(20px);}

100%{opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInUp{0%{opacity: 0;transform: translateY(20px);}

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