body,html{
	width: 100%;
	height: 100%;
}
.all{
	width: 100%;
	height: 100%;
}
.header_all{
	width: 100%;
	/*border-bottom: 1px solid #f2f2f2;*/
}
.header{
	position: relative;
	width: 1024px;
	height: 55px;
	/*background: #f0f0f0;*/
	margin: 0 auto;
	
}
.header .header_div{
	display: inline-block;
	/*width: 694px;*/
	height: 55px;
	/*padding-left: 191px;*/
	float: right;
	/*background:linear-gradient(to right,rgb(60,217,175),rgb(76,227,164));
    background:-webkit-linear-gradient(left,rgb(60,217,175),rgb(76,227,164));
    background:-o-linear-gradient(right,rgb(60,217,175),rgb(76,227,164));
    background:-moz-linear-gradient(right,rgb(60,217,175),rgb(76,227,164));*/
}
.header_div span{
	display: inline-block;
	text-align: center;
	width: 96px;
	height: 55px;
	color: #333;
	font-size: 14.2px;
	line-height: 55px;
	margin-right: -4px;
}
.header_div span:nth-child(5){
	margin-right: 0px;
}
.header_div span:hover{
	color: #fff;
	background:linear-gradient(to right,rgb(60,217,175),rgb(76,227,164));
    background:-webkit-linear-gradient(left,rgb(60,217,175),rgb(76,227,164));
    background:-o-linear-gradient(right,rgb(60,217,175),rgb(76,227,164));
    background:-moz-linear-gradient(right,rgb(60,217,175),rgb(76,227,164));
}




/*.logreg{
	float: right;
	width: 96px;
	height: 20px;
	padding-top: 12px;
}
.logreg span:nth-child(1){
	font-size: 15.5px;
	color: #00b4c4;
	line-height: 20px;
}
.logreg span:nth-child(3){
	font-size: 15.5px;
	color: #00b4c4;
	padding-left: 13px;
	line-height: 20px;
}
.logreg div{
	display: inline-block;
	width: 1px;
	height: 15px;
	background: #ccc;
	margin-left: 9px;
	margin-top: 4px;
}*/

.header img{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

/*.spanDiv .spanDivSpan{*/
	/*color: #28ceaf;
}*/

.content{
	width: 100%;
}
.content .swiper-container{
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.content .swiper-container img{
	width: 100%;
}

.content .swiper-wrapper .swiper-slide-imgm{
	position: absolute;
	width: 16%;
	left: 51%;
	top: 60%;
}
.content .swiper-wrapper .swiper-slide-imgmm{
	position: absolute;
	width: 16%;
	left: 69%;
	top: 60%;
}
.content .swiper-wrapper .swiper-slide-imgg{
	position: absolute;
	width: 16%;
	left: 51%;
	top: 52%;
}
.content .swiper-wrapper .swiper-slide-imggg{
	position: absolute;
	width: 16%;
	left: 69%;
	top: 52%;
}
.content .swiper-wrapper .swiper-slide-imgi{
	position: absolute;
	width: 16%;
	left: 32%;
	top: 60%;
}
.content .swiper-wrapper .swiper-slide-imgii{
	position: absolute;
	width: 16%;
	left: 53%;
	top: 60%;
}


.contents{
	position: relative;
	width: 100%;
	height: 228px;
	background: #eee;
	margin-top: -5px;
	
}
.contentss{
	position: absolute;
	/*width: 1024px;*/
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	/*background: red;*/
}

.contentss div{
	width: 100px;
	height: 136px;
	float: left;
	margin-left: 150px;
}

.contentss div img{
	-webkit-animation:bounce 1s linear infinite ;
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -16px, 0);
    transform: translate3d(0, -16px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }
}



.contentss .guidee{
	color: #222;
	font-size: 1.3rem;
	margin-left: 22px;
	margin-top: 8px;
}


.contentss .contentd .guidee{
	color: #222;
	font-size: 1.3rem;
	margin-left: 40px;
}
.footer{
	width: 100%;
	height: 90px;
	background: #fff;
}
.footers{
	width: 334px;
	height: 43px;
	margin: 42px auto;
	/*background: red;*/
}
.footer p:nth-child(1){
	font-size: 1.3rem;
	margin-top: 4px;
	margin-left: 85px;
}
.footer p:nth-child(2){
	font-size: 12px;
	margin-top: 6px;
}
@media screen and (min-width:1024px){
	.contentss{
	position: absolute;
	width: 1080px;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	/*background: red;*/
}
}
@media screen and (max-width:1024px) and (min-width:680px){
  	
.header{
	width: 90%;
}
.spanDiv{
	width: 586px;
}
.content .swiper-container{
	margin: 0 auto;
	width: 100%;
	
}
.content .swiper-container img{
	width: 100%;
	/*margin: 0 auto;*/
}

.logreg{
	display: none;
}


/*四个图标*/

.contents{
	position: relative;
	width: 100%;
	height: 180px;
	background: #eee;
	margin-top: -5px;
	
}
.contentss{
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	top: 58%;
	width: 100%;
	
}
.contentss div{
	width: 20%;
	height: 136px;
	float: left;
	margin-left: 5%;
}
.contentss div img{
	width: 43%;
	/*color: #222;*/
	font-size: 1.25rem;
	margin-left: 12%;
}
.contentss .guidee{
	color: #222;
	font-size: 1.25rem;
	margin-left: 20%;

}
.contentss .contentd .guidee{
	color: #222;
	font-size: 1.3rem;
	margin-left: 25%;

}


}

@media screen and (max-width:680px){


.spanDiv{
	/*position: relative;*/
	position: absolute;
	width: 400px;
	height: 54px;
	/*float: right;*/
	left: 12%;
	
}
.spanDiv span{
	/*position: absolute;*/
	margin-top: 18px;
	margin-left: 35px;
	float: right;
	font-size: 12px;
	color: #333;
}

	
	/*四个图标*/

.contents{
	position: relative;
	width: 100%;
	height: 160px;
	background: #eee;
	margin-top: -5px;
	
}
.contentss{
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	top: 70%;
	width: 100%;
	
}
.contentss div{
	width: 20%;
	height: 136px;
	float: left;
	margin-left: 5%;
}
.contentss div img{
	width: 48%;
	/*color: #222;*/
	font-size: 1.25rem;
	margin-left: 12%;
}
.contentss .guidee{
	color: #222;
	font-size: 1.25rem;
	margin-left: 9%;

}
.contentss .contentd .guidee{
	color: #222;
	font-size: 1.3rem;
	margin-left: 19%;
}

/*.footer{
	width: 100%;
	height: 50px;

}
.footers{
	width: 230px;
	height: 43px;
	margin: 20px auto;
	background: red;
}
.footers .footersp{
	font-size: 1rem;
	margin-top: 4px;
}
.footers .footerspt{
	font-size: 8px;;
	color: red;
	margin-top: 6px;
	margin-left: 20px;
}*/

}



/*22222222222222222222222*/
/*第二个页面*/
.content-a{
	width: 100%;
}
.locationAll{
	width: 100%;
	height: 592px;
	background: #eee;
}
.location{
	position: relative;
	width: 1024px;
	height: 592px;
	background: #eee;
	margin: 0 auto;
}
.location img{
	position: absolute;
	/*width: 29%;*/
}
.location img:nth-child(1){
	position: absolute;
	right: 0px;
	top: 15%;
}
.location img:nth-child(2){
	position: absolute;
	/*width: 22%;*/
	right: 0%;
	top: 62%;
}
.location img:nth-child(3){
	position: absolute;
	/*width: 29%;*/
	right: 30%;
	top: 16.3%;
}
.location img:nth-child(4){
	position: absolute;
	left: -45px;
	top: 5%;
}
.shopAll{
	width: 100%;
	height: 592px;
	background: #32d4b6;
}
.shop{
	position: relative;
	width: 1024px;
	height: 592px;
	background: #32d4b6;
	margin: 0 auto;
}
.shop img:nth-child(1){
	position: absolute;
	left: 0px;
	top: 16%;
}
.shop img:nth-child(2){
	position: absolute;
	/*width: 22%;*/
	left: 0%;
	top: 62%;
}
.shop img:nth-child(3){
	position: absolute;
	/*width: 29%;*/
	left: 31%;
	top: 18%;
}
.shop img:nth-child(4){
	position: absolute;
	right: -45px;
	top: 3%;
}
.downloadAll{
	width: 100%;
	height: 592px;
	background: #eee;
	overflow: hidden;
}
.download{
	position: relative;
	width: 1024px;
	height: 592px;
	background: #eee;
	margin: 0 auto;
}

	

.download img:nth-child(1){
	position: absolute;
	left: 330px;
	top: 25%;
	-webkit-animation: "font" 2.6s linear;
	animation: "font" 2.6s linear;
	-moz-animation: "font" 2.6s linear;
	-o-animation: "font" 2.6s linear;
	-ms-animation: "font" 2.6s linear;
	
}

@-webkit-keyframes font{
	0%{
		-webkit-transform: translateX(200%);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateX(200%);
		opacity: 0;
	}
	100%{
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}
.download img:nth-child(2){
	position: absolute;
	/*width: 22%;*/
	left: 585px;
	top: 52%;
	-webkit-animation: "font2" 2.6s linear;
	animation: "font2" 2.6s linear;
	-moz-animation: "font2" 2.6s linear;
	-o-animation: "font2" 2.6s linear;
	-ms-animation: "font2" 2.6s linear;
}
.download img:nth-child(3){
	position: absolute;
	/*width: 29%;*/
	left: 330px;
	top: 52%;
	-webkit-animation: "font2" 2.6s linear;
	animation: "font2" 2.6s linear;
	-moz-animation: "font2" 2.6s linear;
	-o-animation: "font2" 2.6s linear;
	-ms-animation: "font2" 2.6s linear;
}
@-webkit-keyframes font2{
	0%{
		-webkit-transform: translateX(400%);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateX(400%);
		opacity: 0;
	}
	100%{
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}

.download img:nth-child(4){
	position: absolute;
	left: -45px;
	top: 5.3%;
	-webkit-animation: "down" 2.6s linear;
	animation: "down" 2.6s linear;
	-moz-animation: "down" 2.6s linear;
	-o-animation: "down" 2.6s linear;
	-ms-animation: "down" 2.6s linear;
}
@-webkit-keyframes down{
	0%{
		/*-webkit-transform: translateY(-50%) translateX(-50%) rotate(0deg);*/
		-webkit-transform: translateX(-150%);
		opacity: 0;
	}
	50%{
		/*-webkit-transform: translateY(-50%) translateX(-50%) rotate(-90deg);*/
		-webkit-transform: translateX(-150%);
		opacity: 0;
	}
	100%{
		/*-webkit-transform: translateY(-50%) translateX(-50%) rotate(-90deg);*/
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}
.download img:nth-child(5){
	position: absolute;
	width: 200px;
	left: 50%;
	top: 35%;
	display: none;
}

@media screen and (max-width:1024px) and (min-width:680px){
	
.locationAll{
	width: 100%;
	height: 450px;
	background: #eee;
}
.location{
	position: relative;
	width: 90%;
	height: 450px;
	background: #eee;
	margin: 0 auto;
}
.location img{
	position: absolute;
	width: 29%;
}
.location img:nth-child(1){
	position: absolute;
	width: 40%;
	right: 0px;
	top: 18%;
}
.location img:nth-child(2){
	position: absolute;
	width: 32%;
	right: 0%;
	top: 60%;
}
.location img:nth-child(3){
	position: absolute;
	width: 40%;
	right: 32%;
	top: 22%;
}
.location img:nth-child(4){
	position: absolute;
	height: 100%;
	width: 34%;
	left: -45px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.shopAll{
	width: 100%;
	height: 450px;
	background: #32d4b6;
}
.shop{
	position: relative;
	width: 90%;
	height: 450px;
	background: #32d4b6;
	margin: 0 auto;
}
.shop img:nth-child(1){
	position: absolute;
	width: 45%;
	left: 0px;
	top: 20%;
}
.shop img:nth-child(2){
	position: absolute;
	width: 32%;
	left: 0%;
	top: 62%;
}
.shop img:nth-child(3){
	position: absolute;
	width: 29%;
	left: 32%;
	top: 24%;
}
.shop img:nth-child(4){
	position: absolute;
	width: 46%;
	right: -45px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.downloadAll{
	width: 100%;
	height: 450px;
	background: #eee;
}
.download{
	position: relative;
	width: 90%;
	height: 450px;
	background: #eee;
	margin: 0 auto;
}
.download img:nth-child(1){
	position: absolute;
	width: 40%;
	left: 38%;
	top: 25%;
}
.download img:nth-child(2){
	position: absolute;
	width: 22%;
	left: 63%;
	top: 52%;
}
.download img:nth-child(3){
	position: absolute;
	width: 22%;
	left: 38%;
	top: 52%;
}
.download img:nth-child(4){
	position: absolute;
	width: 34%;
	left: -45px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-animation: "down" 2.6s linear;
	animation: "down" 2.6s linear;
	-moz-animation: "down" 2.6s linear;
	-o-animation: "down" 2.6s linear;
	-ms-animation: "down" 2.6s linear;
}
@-webkit-keyframes down{
	0%{
		
		-webkit-transform: translateY(-50%) translateX(-150%);
		opacity: 0;
	}
	50%{
		
		-webkit-transform: translateY(-50%) translateX(-150%);
		opacity: 0;
	}
	100%{
		/*-webkit-transform: translateY(-50%) translateX(-50%) rotate(-90deg);*/
		-webkit-transform: translateY(-50%) translateX(0%);
		opacity: 1;
	}
}

	}
	
	
	@media screen and (max-width:680px){
		
.locationAll{
	width: 100%;
	height: 400px;
	background: #eee;
}
.location{
	position: relative;
	width: 90%;
	height: 400px;
	background: #eee;
	margin: 0 auto;
}
.location img{
	position: absolute;
	/*width: 29%;*/
}
.location img:nth-child(1){
	position: absolute;
	width: 230px;
	right: 0px;
	top: 9%;
}
.location img:nth-child(2){
	position: absolute;
	width: 150px;
	right: -15px;
	top: 50%;
}
.location img:nth-child(3){
	display: none;
}
.location img:nth-child(4){
	position: absolute;
	/*height: 100%;*/
	width: 230px;
	left: -40px;
	top: 54%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.shopAll{
	width: 100%;
	height: 400px;
	background: #32d4b6;
}
.shop{
	position: relative;
	width: 90%;
	height: 400px;
	background: #32d4b6;
	margin: 0 auto;
}
.shop img:nth-child(1){
	position: absolute;
	width: 200px;
	left: -10px;
	top: 15%;
}
.shop img:nth-child(2){
	position: absolute;
	width: 130px;
	left: -15px;
	top: 62%;
}
.shop img:nth-child(3){
	display: none;
}
.shop img:nth-child(4){
	position: absolute;
	width: 240px;
	right: -40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.downloadAll{
	width: 100%;
	height: 400px;
	background: #eee;
}
.download{
	position: relative;
	width: 90%;
	height: 400px;
	background: #eee;
	margin: 0 auto;
}
.download img:nth-child(1){
	position: absolute;
	width: 190px;
	left: 45%;
	top: 25%;
}
.download img:nth-child(2){
	position: absolute;
	width: 92px;
	left: 75%;
	top: 52%;
}
.download img:nth-child(3){
	position: absolute;
	width: 92px;
	left: 44%;
	top: 52%;
}
.download img:nth-child(4){
	position: absolute;
	width: 200px;
	left: -43px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
		
		
		
		}
	




/*33333333333333333333333*/
/*第三个页面*/
.content{
	width: 100%;
}
.serveAll{
	width: 100%;
	height: 592px;
	background: #eee;
}
.serve{
	position: relative;
	width: 1024px;
	height: 592px;
	background: #eee;
	margin: 0 auto;
}
.serve img:nth-child(1){
	position: absolute;
	left: 0px;
	top: 11%;
}
.serve img:nth-child(2){
	position: absolute;
	/*width: 22%;*/
	left: 0px;
	top: 52%;
}
.serve img:nth-child(3){
	position: absolute;
	/*width: 29%;*/
	left: 330px;
	top: 52%;
}
.serve img:nth-child(4){
	position: absolute;
	right: -45px;
	top: 4.2%;
}





.guideAll{
	width: 100%;
	height: 592px;
	background: #32d4b6;
}
.guide{
	position: relative;
	width: 1024px;
	height: 592px;
	background: #32d4b6;
	margin: 0 auto;
}

.guide img:nth-child(1){
	position: absolute;
	right: 0px;
	top: 16%;
}
.guide img:nth-child(2){
	position: absolute;
	/*width: 22%;*/
	left: 42%;
	top: 18%;
}
.guide img:nth-child(3){
	position: absolute;
	left: -45px;
	top: -10px;
}
.haoxingAll{
	width: 100%;
	height: 592px;
	background: #eee;
	overflow: hidden;
}
.haoxing{
	position: relative;
	width: 1024px;
	height: 592px;
	background: #eee;
	margin: 0 auto;
}
.haoxing img:nth-child(1){
	position: absolute;
	left: 330px;
	top: 25%;
	-webkit-animation: "font" 2.6s linear;
	animation: "font" 2.6s linear;
	-moz-animation: "font" 2.6s linear;
	-o-animation: "font" 2.6s linear;
	-ms-animation: "font" 2.6s linear;
	
}

@-webkit-keyframes font{
	0%{
		-webkit-transform: translateX(200%);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateX(200%);
		opacity: 0;
	}
	100%{
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}
.haoxing img:nth-child(2){
	position: absolute;
	/*width: 22%;*/
	left: 585px;
	top: 52%;
	-webkit-animation: "font2" 2.6s linear;
	animation: "font2" 2.6s linear;
	-moz-animation: "font2" 2.6s linear;
	-o-animation: "font2" 2.6s linear;
	-ms-animation: "font2" 2.6s linear;
}
.haoxing img:nth-child(3){
	position: absolute;
	/*width: 29%;*/
	left: 330px;
	top: 52%;
	-webkit-animation: "font2" 2.6s linear;
	animation: "font2" 2.6s linear;
	-moz-animation: "font2" 2.6s linear;
	-o-animation: "font2" 2.6s linear;
	-ms-animation: "font2" 2.6s linear;
}
@-webkit-keyframes font2{
	0%{
		-webkit-transform: translateX(400%);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateX(400%);
		opacity: 0;
	}
	100%{
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}
.haoxing img:nth-child(4){
	position: absolute;
	left: -45px;
	top: 5.7%;
	-webkit-animation: "down" 2.6s linear;
	animation: "down" 2.6s linear;
	-moz-animation: "down" 2.6s linear;
	-o-animation: "down" 2.6s linear;
	-ms-animation: "down" 2.6s linear;
}
@-webkit-keyframes down{
	0%{
		-webkit-transform: translateX(-150%);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateX(-150%);
		opacity: 0;
	}
	100%{	
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}
@media screen and (max-width:1024px) and (min-width:680px){

.serveAll{
	width: 100%;
	height: 450px;
}
.serve{
	width: 90%;
	height: 450px;
}
.serve img:nth-child(1){
	position: absolute;
	width: 35%;
	left: 0px;
	top: 12%;
}
.serve img:nth-child(2){
	position: absolute;
	width: 43%;
	left: 0px;
	top: 52%;
}
.serve img:nth-child(3){
	position: absolute;
	width: 35%;
	left: 33%;
	top: 54%;
}
.serve img:nth-child(4){
	position: absolute;
	/*width: 270px;*/
	width: 37%;
	/*height: 110%;*/
	right: -45px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);

}

.guideAll{
	width: 100%;
	height: 450px;
	background: #32d4b6;
}
.guide{
	position: relative;
	width: 90%;
	height: 450px;
	background: #32d4b6;
	margin: 0 auto;
}

.guide img:nth-child(1){
	position: absolute;
	width: 48%;
	right: 0px;
	top: 36%;
}
.guide img:nth-child(2){
	position: absolute;
	width: 26%;
	left: 39%;
	top: 38%;
}
.guide img:nth-child(3){
	position: absolute;
	width: 45%;
	left: -45px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.haoxingAll{
	width: 100%;
	height: 450px;
	background: #eee;
}
.haoxing{
	position: relative;
	width: 90%;
	height: 450px;
	background: #eee;
	margin: 0 auto;
}
.haoxing img:nth-child(1){
	position: absolute;
	width: 43%;
	left: 38%;
	top: 25%;
}
.haoxing img:nth-child(2){
	position: absolute;
	width: 22%;
	left: 63%;
	top: 55%;
}
.haoxing img:nth-child(3){
	position: absolute;
	width: 22%;
	left: 38%;
	top: 55%;
}
.haoxing img:nth-child(4){
	position: absolute;
	width: 34%;
	left: -45px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

	
}

@media screen and (max-width:680px){
.serveAll{
	width: 100%;
	height: 400px;
}
.serve{
	width: 90%;
	height: 400px;
}
.serve img:nth-child(1){
	position: absolute;
	width: 140px;
	left: 0px;
	top: 18%;
}
.serve img:nth-child(2){
	position: absolute;
	width: 150px;
	left: 0px;
	top: 52%;
}
.serve img:nth-child(3){
	display: none;
}
.serve img:nth-child(4){
	position: absolute;
	/*width: 270px;*/
	width: 220px;
	/*height: 110%;*/
	right: -45px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	}
.guideAll{
	width: 100%;
	height: 400px;
	background: #32d4b6;
}
.guide{
	position: relative;
	width: 90%;
	height: 400px;
	background: #32d4b6;
	margin: 0 auto;
}

.guide img:nth-child(1){
	position: absolute;
	width: 230px;
	right: -5px;
	top: 18%;
}
.guide img:nth-child(2){
	display: none;
}
.guide img:nth-child(3){
	position: absolute;
	width: 220px;
	left: -45px;
	top: 56%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.haoxingAll{
	width: 100%;
	height: 400px;
	background: #eee;
}
.haoxing{
	position: relative;
	width: 90%;
	height: 400px;
	background: #eee;
	margin: 0 auto;
}
.haoxing img:nth-child(1){
	position: absolute;
	width: 200px;
	left: 45%;
	top: 25%;
}
.haoxing img:nth-child(2){
	position: absolute;
	width: 92px;
	left: 74%;
	top: 52%;
}
.haoxing img:nth-child(3){
	position: absolute;
	width: 92px;
	left: 42%;
	top: 52%;
}
.haoxing img:nth-child(4){
	position: absolute;
	width: 190px;
	left: -43px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-animation: "down" 2.6s linear;
	animation: "down" 2.6s linear;
	-moz-animation: "down" 2.6s linear;
	-o-animation: "down" 2.6s linear;
	-ms-animation: "down" 2.6s linear;
}
@-webkit-keyframes down{
	0%{
		-webkit-transform: translateY(-50%) translateX(-150%);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateY(-50%) translateX(-150%);
		opacity: 0;
	}
	100%{	
		-webkit-transform: translateY(-50%) translateX(0%);
		opacity: 1;
	}
}
	
}




/*第四个页面*/
.content{
	width: 100%;
}
.getOrderAll{
	width: 100%;
	height: 592px;
	background: #eee;
}
.getOrder{
	position: relative;
	width: 1024px;
	height: 592px;
	background: #eee;
	margin: 0 auto;
}
.getOrder img{
	position: absolute;
	/*width: 29%;*/
}
.getOrder img:nth-child(1){
	position: absolute;
	right: 0px;
	top: 15%;
}
.getOrder img:nth-child(2){
	position: absolute;
	/*width: 22%;*/
	right: 0%;
	top: 62%;
}
.getOrder img:nth-child(3){
	position: absolute;
	/*width: 29%;*/
	right: 30%;
	top: 16.3%;
}
.getOrder img:nth-child(4){
	position: absolute;
	left: -45px;
	top: 5%;
}
.groupAll{
	width: 100%;
	height: 592px;
	background: #32d4b6;
}
.group{
	position: relative;
	width: 1024px;
	height: 592px;
	background: #32d4b6;
	margin: 0 auto;
}
.group img:nth-child(1){
	position: absolute;
	left: 0px;
	top: 16%;
}
.group img:nth-child(2){
	position: absolute;
	/*width: 22%;*/
	left: 0%;
	top: 62%;
}
.group img:nth-child(3){
	position: absolute;
	/*width: 29%;*/
	left: 31%;
	top: 18%;
}
.group img:nth-child(4){
	position: absolute;
	right: -45px;
	top: 3%;
}
.moveDownloadAll{
	width: 100%;
	height: 592px;
	background: #eee;
	overflow: hidden;
}
.moveDownload{
	position: relative;
	width: 1024px;
	height: 592px;
	background: #eee;
	margin: 0 auto;
}
.moveDownload img:nth-child(1){
	position: absolute;
	left: 330px;
	top: 25%;
	-webkit-animation: "font" 2.6s linear;
	animation: "font" 2.6s linear;
	-moz-animation: "font" 2.6s linear;
	-o-animation: "font" 2.6s linear;
	-ms-animation: "font" 2.6s linear;
	
}

@-webkit-keyframes font{
	0%{
		-webkit-transform: translateX(200%);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateX(200%);
		opacity: 0;
	}
	100%{
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}
.moveDownload img:nth-child(2){
	position: absolute;
	/*width: 22%;*/
	left: 585px;
	top: 52%;
	-webkit-animation: "font2" 2.6s linear;
	animation: "font2" 2.6s linear;
	-moz-animation: "font2" 2.6s linear;
	-o-animation: "font2" 2.6s linear;
	-ms-animation: "font2" 2.6s linear;
}
.moveDownload img:nth-child(3){
	position: absolute;
	/*width: 29%;*/
	left: 330px;
	top: 52%;
	-webkit-animation: "font2" 2.6s linear;
	animation: "font2" 2.6s linear;
	-moz-animation: "font2" 2.6s linear;
	-o-animation: "font2" 2.6s linear;
	-ms-animation: "font2" 2.6s linear;
}
@-webkit-keyframes font2{
	0%{
		-webkit-transform: translateX(400%);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateX(400%);
		opacity: 0;
	}
	100%{
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}
.moveDownload img:nth-child(4){
	position: absolute;
	left: -45px;
	top: 5.3%;
	-webkit-animation: "down" 2.6s linear;
	animation: "down" 2.6s linear;
	-moz-animation: "down" 2.6s linear;
	-o-animation: "down" 2.6s linear;
	-ms-animation: "down" 2.6s linear;
}
@-webkit-keyframes down{
	0%{
		-webkit-transform: translateX(-150%);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateX(-150%);
		opacity: 0;
	}
	100%{
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}

@media screen and (max-width:1024px) and (min-width:680px){
	
.getOrderAll{
	width: 100%;
	height: 450px;
	background: #eee;
}
.getOrder{
	position: relative;
	width: 90%;
	height: 450px;
	background: #eee;
	margin: 0 auto;
}
.getOrder img{
	position: absolute;
	/*width: 29%;*/
}
.getOrder img:nth-child(1){
	position: absolute;
	width: 40%;
	right: 0px;
	top: 18%;
}
.getOrder img:nth-child(2){
	position: absolute;
	width: 32%;
	right: 0%;
	top: 60%;
}
.getOrder img:nth-child(3){
	position: absolute;
	width: 40%;
	right: 32%;
	top: 22%;
}
.getOrder img:nth-child(4){
	position: absolute;
	/*height: 100%;*/
	width: 34%;
	left: -45px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.groupAll{
	width: 100%;
	height: 450px;
	background: #32d4b6;
}
.group{
	position: relative;
	width: 90%;
	height: 450px;
	background: #32d4b6;
	margin: 0 auto;
}
.group img:nth-child(1){
	position: absolute;
	width: 45%;
	left: 0px;
	top: 20%;
}
.group img:nth-child(2){
	position: absolute;
	width: 32%;
	left: 0%;
	top: 62%;
}
.group img:nth-child(3){
	position: absolute;
	width: 29%;
	left: 32%;
	top: 24%;
}
.group img:nth-child(4){
	position: absolute;
	width: 46%;
	right: -45px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.moveDownloadAll{
	width: 100%;
	height: 450px;
	background: #eee;
}
.moveDownload{
	position: relative;
	width: 90%;
	height: 450px;
	background: #eee;
	margin: 0 auto;
}
.moveDownload img:nth-child(1){
	position: absolute;
	width: 40%;
	left: 38%;
	top: 25%;
}
.moveDownload img:nth-child(2){
	position: absolute;
	width: 22%;
	left: 63%;
	top: 52%;
}
.moveDownload img:nth-child(3){
	position: absolute;
	width: 22%;
	left: 38%;
	top: 52%;
}
.moveDownload img:nth-child(4){
	position: absolute;
	width: 34%;
	left: -45px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-animation: "down" 2.6s linear;
	animation: "down" 2.6s linear;
	-moz-animation: "down" 2.6s linear;
	-o-animation: "down" 2.6s linear;
	-ms-animation: "down" 2.6s linear;
}
@-webkit-keyframes down{
	0%{
		-webkit-transform: translateY(-50%) translateX(-150%);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateY(-50%) translateX(-150%);
		opacity: 0;
	}
	100%{	
		-webkit-transform: translateY(-50%) translateX(0%);
		opacity: 1;
	}
}
	}


@media screen and (max-width:680px){
		
.getOrderAll{
	width: 100%;
	height: 400px;
	background: #eee;
}
.getOrder{
	position: relative;
	width: 90%;
	height: 400px;
	background: #eee;
	margin: 0 auto;
}
.getOrder img{
	position: absolute;
	/*width: 29%;*/
}
.getOrder img:nth-child(1){
	position: absolute;
	width: 230px;
	right: -11px;
	top: 9%;
}
.getOrder img:nth-child(2){
	position: absolute;
	width: 140px;
	right: -3%;
	top: 52%;
}
.getOrder img:nth-child(3){
	display: none;
}
.getOrder img:nth-child(4){
	position: absolute;
	/*height: 100%;*/
	width: 230px;
	left: -40px;
	top: 54%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.groupAll{
	width: 100%;
	height: 400px;
	background: #32d4b6;
}
.group{
	position: relative;
	width: 90%;
	height: 400px;
	background: #32d4b6;
	margin: 0 auto;
}
.group img:nth-child(1){
	position: absolute;
	width: 210px;
	left: -10px;
	top: 15%;
}
.group img:nth-child(2){
	position: absolute;
	width: 130px;
	left: -15px;
	top: 62%;
}
.group img:nth-child(3){
	display: none;
}
.group img:nth-child(4){
	position: absolute;
	width: 240px;
	right: -40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.moveDownloadAll{
	width: 100%;
	height: 400px;
	background: #eee;
}
.moveDownload{
	position: relative;
	width: 90%;
	height: 400px;
	background: #eee;
	margin: 0 auto;
}
.moveDownload img:nth-child(1){
	position: absolute;
	width: 190px;
	left: 45%;
	top: 25%;
}
.moveDownload img:nth-child(2){
	position: absolute;
	width: 92px;
	left: 76%;
	top: 52%;
}
.moveDownload img:nth-child(3){
	position: absolute;
	width: 92px;
	left: 44%;
	top: 52%;
}
.moveDownload img:nth-child(4){
	position: absolute;
	width: 200px;
	left: -43px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-animation: "down" 2.6s linear;
	animation: "down" 2.6s linear;
	-moz-animation: "down" 2.6s linear;
	-o-animation: "down" 2.6s linear;
	-ms-animation: "down" 2.6s linear;
}
@-webkit-keyframes down{
	0%{
		-webkit-transform: translateY(-50%) translateX(-150%);
		opacity: 0;
	}
	50%{
		-webkit-transform: translateY(-50%) translateX(-150%);
		opacity: 0;
	}
	100%{	
		-webkit-transform: translateY(-50%) translateX(0%);
		opacity: 1;
	}
}	
}

/*第五个页面*/
.contentt{
	width: 100%;
	/*border-top: 1px solid #eee;*/
	/**/
}
.contenttt{
	/*position: relative;*/
	width: 95%;
	height: 592px;
	background: url(../images/aboutbg.png) no-repeat;
	background-size:100% 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-align-content: center;
	-webkit-align-items: center;
}
.contenttt .contentttspan{
	/*position: absolute;*/
	width: 500px;
	font-weight: 400;
	/*background: red;*/
	font-size: 50px;
	color: #222;
	-webkit-animation: "flash" 2.6s linear infinite;
	animation: "flash" 2.6s linear infinite;
	-moz-animation: "flash" 2.6s linear infinite;
	-o-animation: "flash" 2.6s linear infinite;
	-ms-animation: "flash" 2.6s linear infinite;
}
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
.contentt .contenttb{
	width: 100%;
	height: 592px;
	/*background: url(../images/aboutbg.png) no-repeat;
	background-size:100% 100%;*/
	margin: 0 auto;
	background: #32d4b6;
}

@media screen and (max-width:1024px) and (min-width:680px){
.contenttt{
	height: 400px;
}
.contenttt .contentttspan{
	width: 350px;
	font-size: 35px;}
.contentt .contenttb{
	height: 400px;
}
}

@media screen and (max-width:680px){
.contenttt{
	height: 300px;
}
.contenttt .contentttspan{
	width: 200px;
	/*background: red;*/
	font-size: 20px;}
.contentt .contenttb{
	height: 300px;
}
}