.donghua {
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, font .5s, transform .5s, box-shadow .5s, top .5s, width .5s, left 1s, right .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, font .5s, transform .5s, box-shadow .5s, top .5s, width .5s, left 1s, right .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, font .5s, transform .5s, box-shadow .5s, top .5s, width .5s, left 1s, right .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, font .5s, transform .5s, box-shadow .5s, top .5s, width .5s, left 1s, right .5s;  /* Opera */
}

@media only screen and (max-width: 500px) {
	#ALL{ padding-top:0px !important; min-height:0 !important;}
}








/*微信*/
.weixin-main.swiper-container {
	width: 100%;
	height: 100%;
}
.weixin-main .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#00923f;}
.weixin-main .swiper-slide {
	text-align: center; /* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	transition: transform .5s;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	background-size:cover;
    background-repeat:no-repeat;
	background-position:center; 
}

.weixin-main .swiper-slide.swiper-slide-prev {
	/*
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-moz-transform: translateY(100%);
	*/
}


.weixin-main .swiper-slide.swiper-slide-active {
	z-index: 10;
}

/*weixin1*/
.weixin-main .swiper-slide#weixin1{
	 color:#fff;

}
.weixin-main .swiper-slide#weixin1 .view{ width:100%; padding:0 3%; position:absolute; top:50%;-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform: translateY(-50%); left:0px; line-height:1.8;}
.weixin-main .swiper-slide#weixin1 .view .title{ font-size:48px; margin-bottom:30px;-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform: translateY(-50%); opacity:0;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	transition-delay: .5s;
	
	}
.weixin-main .swiper-slide#weixin1 .view .demo{ font-size:18px;-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform: translateY(-50%); opacity:0;-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	transition-delay: 1s;}
.weixin-main .swiper-slide#weixin1 .view .demo p{ margin-bottom:10px;}
.weixin-main .swiper-slide#weixin1.swiper-slide-active .view .title,.weixin-main .swiper-slide#weixin1.swiper-slide-active .view .demo{-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transform: translateY(0); opacity:1;}
@media only screen and (max-width: 1000px) {
.weixin-main .swiper-slide#weixin1 .view .title{ font-size:38px; margin-bottom:20px;}	
.weixin-main .swiper-slide#weixin1 .view .demo{ font-size:16px;}	
}
@media only screen and (max-width: 500px) {
.weixin-main .swiper-slide#weixin1 .view .title{ font-size:30px; margin-bottom:20px;}	
.weixin-main .swiper-slide#weixin1 .view .demo{ font-size:14px;}		
}
/*weixin1 end*/
/*weixin2*/
.weixin-main .swiper-slide#weixin2{ background-color:#f6f6f6;

}
.weixin-main .swiper-slide#weixin2 .bg{background-size:cover;
	 background-repeat:no-repeat;
	  background-position:center;
	  position:absolute; width:100%; height:100%; left:0px; top:0px;
	  transition: transform 2s,opacity 1s;
	-webkit-transition: transform 2s,opacity 1s;
	-moz-transition: transform 2s,opacity 1s;
	  -webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	transition-delay: 1.5s;
	opacity:0;
	  
	  }
.weixin-main .swiper-slide#weixin2 .bg.bg1{ background-image: url(../phone_img/2sj1_02.png);-webkit-transform: translateY(-20%);
	transform: translateY(-20%);
	-moz-transform: translateY(-20%);}	  
.weixin-main .swiper-slide#weixin2 .bg.bg2{ background-image:url(../phone_img/2sj2_02.png);-webkit-transform: translateY(20%);
	transform: translateY(20%);
	-moz-transform: translateY(20%);}	
.weixin-main .swiper-slide#weixin2  .bg.bg0{background-image:url(../phone_img/2sjbg.jpg);
transition: transform 2s,opacity 1s;
	-webkit-transition: transform 2s,opacity 1s;
	-moz-transition: transform 2s,opacity 1s;
-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	transition-delay: 1.5s;
	-webkit-transform: translateX(-5%);
	transform: translateX(-5%);
	-moz-transform: translateX-5%);
}		 
.weixin-main .swiper-slide#weixin2.swiper-slide-active .bg{-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-moz-transform: translateY(0%); opacity:1;}
.weixin-main .swiper-slide .weixin-view{ position:absolute; padding:0 3%; text-align:center; top:9%; left:0px; width:100%; line-height:1.8;}
.weixin-main .swiper-slide .weixin-view .title{ font-size:48px; color:#45C9CC; font-weight:bold;-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform: translateY(-50%); opacity:0;-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	transition-delay: .5s;}
.weixin-main .swiper-slide .weixin-view .line{ color:#45C9CC; font-size:24px;font-weight:bold; line-height:1; margin-bottom:20px;-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform: translateY(-50%); opacity:0;-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	transition-delay: .5s;}
.weixin-main .swiper-slide .weixin-view .demo {-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform: translateY(-50%); opacity:0;-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	transition-delay: 1s;}	
.weixin-main .swiper-slide .weixin-view .demo p{ margin-bottom:10px;}
.weixin-main .swiper-slide.swiper-slide-active .weixin-view .title,.weixin-main .swiper-slide.swiper-slide-active .weixin-view .demo,.weixin-main .swiper-slide.swiper-slide-active .weixin-view .line{-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transform: translateY(0); opacity:1;}
@media only screen and (max-width: 1000px) {
.weixin-main .swiper-slide .weixin-view .title{ font-size:38px;}	
.weixin-main .swiper-slide .weixin-view .demo{ font-size:16px;}	
.weixin-main .swiper-slide#weixin2 .bg{ background-position:bottom; background-size:auto 80%;}
}
@media only screen and (max-width: 500px) {
.weixin-main .swiper-slide#weixin2 .bg{ background-position:bottom; background-size:auto 60%;}
.weixin-main .swiper-slide .weixin-view .title{ font-size:30px;}	
.weixin-main .swiper-slide .weixin-view .demo{ font-size:14px;}		
}

/*weixin2 end*/
/*weixin3*/
.weixin-main .swiper-slide#weixin3{ background-color:#fff;}
.weixin-main .swiper-slide#weixin3 .bg{background-size:cover;
	background-repeat:no-repeat;
	background-position:bottom;
	background-image: url(../phone_img/qtbg_02.png);
	position:absolute; width:100%; height:100%; left:0px; top:0px;
	transition: transform .5s,opacity .5s;
	-webkit-transition: transform .5s,opacity .5s;
	-moz-transition: transform .5s,opacity .5s;
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	transition-delay: 1.5s;
	opacity:0;
	-webkit-transform: translateY(40%);
	transform: translateY(40%);
	-moz-transform: translateY(40%);
 }
.weixin-main .swiper-slide#weixin3 .bg .text{ background:#fff; position:absolute; box-shadow:0 0 10px rgba(0,0,0,.175); border-radius:3px; opacity:0;}
.weixin-main .swiper-slide#weixin3 .bg .text div{ border:1px solid #dddddd; margin:1px; border-radius:2px; box-shadow:0 0 1px rgba(255,255,255,1); padding:0 20px; position:relative; color:#000; height:40px; line-height:40px; font-weight:bold;}	 
.weixin-main .swiper-slide#weixin3 .bg .text div:before{ display:block; height:30px; width:30px; float:left; margin:5px 10px 0 0; content:""; background-position:center; background-size:100%;} 
.weixin-main .swiper-slide#weixin3 .bg .text.t1 div:before{ background-image:url(dh3ico_05.png);}
.weixin-main .swiper-slide#weixin3 .bg .text.t2 div:before{ background-image:url(dh3ico_09.png);}
.weixin-main .swiper-slide#weixin3 .bg .text.t3 div:before{ background-image:url(dh3ico_12.png);}
.weixin-main .swiper-slide#weixin3 .bg .text.t4 div:before{ background-image:url(dh3ico_15.png);}
.weixin-main .swiper-slide#weixin3 .bg .text.t1{ bottom:50%; left:58.2%;
    -webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	transition-delay: 2s;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-moz-transform: translateX(-20px);

}
.weixin-main .swiper-slide#weixin3 .bg .text.t2{ bottom:35.5%; right:58.2%;
   -webkit-transition-delay: 2.2s;
	-moz-transition-delay: 2.2s;
	transition-delay: 2.2s;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	-moz-transform: translateX(20px);}
.weixin-main .swiper-slide#weixin3 .bg .text.t3{ bottom:24.11%; left:58.2%;
 -webkit-transition-delay: 2.4s;
	-moz-transition-delay: 2.4s;
	transition-delay: 2.4s;
	
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-moz-transform: translateX(-20px);}
.weixin-main .swiper-slide#weixin3 .bg .text.t4{ bottom:10%; right:58.2%;
 -webkit-transition-delay: 2.6s;
	-moz-transition-delay: 2.6s;
	transition-delay: 2.6s;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	-moz-transform: translateX(20px);}
.weixin-main .swiper-slide#weixin3.swiper-slide-active .bg .text{ opacity:1;
-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-moz-transform: translateX(0%);

}
.weixin-main .swiper-slide#weixin3.swiper-slide-active .bg{-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-moz-transform: translateY(0%); opacity:1;}
@media only screen and (max-width: 1024px) {
.weixin-main .swiper-slide#weixin3 .bg .text.t1{ bottom:50%; left:62.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t2{ bottom:35.5%; right:62.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t3{ bottom:24.11%; left:62.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t4{ bottom:10%; right:62.2%;}	
	
	
	
}
@media only screen and (max-width: 768px) {
.weixin-main .swiper-slide#weixin3 .bg{ background-size:auto 80%;}	
	
.weixin-main .swiper-slide#weixin3 .bg .text.t1{ bottom:40%; left:62.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t2{ bottom:25.5%; right:62.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t3{ bottom:16.11%; left:62.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t4{ bottom:5%; right:62.2%;}		
}
@media only screen and (max-width: 650px) {
.weixin-main .swiper-slide#weixin3 .bg .text.t1{ bottom:40%; left:56.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t2{ bottom:25.5%; right:56.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t3{ bottom:16.11%; left:56.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t4{ bottom:5%; right:56.2%;}	
.weixin-main .swiper-slide#weixin3 .bg .text div{font-size:12px; line-height:30px; height:30px; padding:0 15px;}	
.weixin-main .swiper-slide#weixin3 .bg .text div:before{ margin-top:3px; height:24px; width:24px;}		
}
@media only screen and (max-width: 360px) {
.weixin-main .swiper-slide#weixin3 .bg{ background-size:auto 70%; }	

.weixin-main .swiper-slide#weixin3 .bg .text.t1{ bottom:30%; left:52.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t2{ bottom:20.5%; right:52.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t3{ bottom:10.11%; left:52.2%;}
.weixin-main .swiper-slide#weixin3 .bg .text.t4{ bottom:3%; right:52.2%;}		
	
}

/*weixin3 end*/
/*weixin 4*/
.weixin-main .swiper-slide#weixin4{ background-color:#fff;}
.weixin-main .swiper-slide#weixin4 .bg{background-size:cover;
	 background-repeat:no-repeat;
	  background-position:bottom;
	  background-image:url(../phone_img/qtbg_03.png);
	  position:absolute; width:100%; height:100%; left:0px; top:0px;
	  transition: transform .5s,opacity .5s;
	-webkit-transition: transform .5s,opacity .5s;
	-moz-transition: transform .5s,opacity .5s;
	  -webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	transition-delay: 1.5s;
	opacity:0;
	-webkit-transform: translateY(40%);
	transform: translateY(40%);
	-moz-transform: translateY(40%);
	  
	  }
  
.weixin-main .swiper-slide#weixin4 .quan{ position:absolute; width:30px; height:30px; margin:-15px; bottom:18%;}

.weixin-main .swiper-slide#weixin4 .quan.lv{ left:36.4%;}
.weixin-main .swiper-slide#weixin4 .quan.lan{ right:36.4%;}
.weixin-main .swiper-slide#weixin4 .quan div{ position:absolute;
   left:0px; top:0px; width:100%; height:100%; border-radius:100%;opacity:0; 
   -webkit-transition-delay: 1.8s;
   -moz-transition-delay: 1.8s;
   transition-delay: 1.8s;
}

.weixin-main .swiper-slide#weixin4 .quan.lv div{
	background-image:-webkit-radial-gradient(center, transparent 0%, transparent 50%, #91ffc0 80%);
	background-image: -moz-radial-gradient(center, transparent 0%, transparent 50%, #91ffc0 80%); 
	background-image: radial-gradient(center, transparent 0%, transparent 50%, #91ffc0 80%);  
	
	}
.weixin-main .swiper-slide#weixin4 .quan.lan div{
	background-image:-webkit-radial-gradient(center, transparent 0%, transparent 50%, #96e2ff 80%);
	background-image: -moz-radial-gradient(center, transparent 0%, transparent 50%, #96e2ff 80%); 
	background-image: radial-gradient(center, transparent 0%, transparent 50%, #96e2ff 80%);  
	
	}
.weixin-main .swiper-slide#weixin4.swiper-slide-active .bg{opacity:1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-moz-transform: translateY(0%);}	
.weixin-main .swiper-slide#weixin4.swiper-slide-active .quan div:nth-child(3){transform: scale(28);-webkit-transform: scale(28);-moz-transform: scale(28); opacity:.2}
.weixin-main .swiper-slide#weixin4.swiper-slide-active .quan div:nth-child(2){transform: scale(22);-webkit-transform: scale(22);-moz-transform: scale(22); opacity:.2}
.weixin-main .swiper-slide#weixin4.swiper-slide-active .quan div:nth-child(1){transform: scale(14);-webkit-transform: scale(14);-moz-transform: scale(14); opacity:.2}	
@media only screen and (max-width: 1024px) {
.weixin-main .swiper-slide#weixin4 .bg{ background-size:auto 85%;}	
.weixin-main .swiper-slide#weixin4 .quan{ width:20px; height:20px; margin:-10px;}

}

@media only screen and (max-width: 768px) {
.weixin-main .swiper-slide#weixin4 .bg{ background-size:auto 70%;}	
.weixin-main .swiper-slide#weixin4 .quan{ width:16px; height:16px; margin:-8px;}

}
@media only screen and (max-width: 359px) {
.weixin-main .swiper-slide#weixin4 .bg{ background-size:auto 60%;}	
.weixin-main .swiper-slide#weixin4 .quan{ width:8px; height:8px; margin:-4px;}	
	
}
/*weixin4 end*/
/*weixin 5*/
.weixin-main .swiper-slide#weixin5{ background-color:#fff;}
.weixin-main .swiper-slide#weixin5 .bg{background-size:cover;
	 background-repeat:no-repeat;
	  background-position:bottom;
	  background-image:url(../phone_img/qtbg_04.png);
	  position:absolute; width:100%; height:100%; left:0px; top:0px;
	  transition: transform .5s,opacity .5s;
	-webkit-transition: transform .5s,opacity .5s;
	-moz-transition: transform .5s,opacity .5s;
	  -webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	transition-delay: 1.5s;
	opacity:0;
	-webkit-transform: translateY(40%);
	transform: translateY(40%);
	-moz-transform: translateY(40%);
	  
	  }
.weixin-main .swiper-slide#weixin5.swiper-slide-active .bg{opacity:1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-moz-transform: translateY(0%);}	
@media only screen and (max-width: 1024px) {
.weixin-main .swiper-slide#weixin5 .bg{ background-size:auto 90%;}	


}

@media only screen and (max-width: 768px) {
.weixin-main .swiper-slide#weixin5 .bg{ background-size:auto 80%;}	


}
@media only screen and (max-width: 359px) {
.weixin-main .swiper-slide#weixin5 .bg{ background-size:auto 70%;}	

	
}
/*weixin 5 end*/