body{
	
	width:100%;
	overflow:hidden;
	
}

html{font-size:68.75%; /* 11¡Â16=62.5% */} 
@media (min-width: 43.75em) {
	
	html{font-size:100%; /* 10¡Â16=62.5% */} 
	}

@media (min-width: 56.25em) {
	
	html{font-size:120%; /* 10¡Â16=62.5% */} 
	}
@media screen and (max-device-width: 480px){
	html{font-size:62.5%; /* 10¡Â16=62.5% */} 
	
	 }
	
header{ width:100%;position:fixed;left:0;top:0;z-index:100; background-color:#fff;}
header .head{ border-bottom:1px solid #c7c7c7;  }
 header .head_r1{ color:#292929; text-align:center; line-height:260%; font-size:1.7rem; padding-top:1%; }
 header .head_l1{ position:absolute; top:1.7rem; left:5%;}
 header .head_l1 img{ width:2rem;}


.footer{ width:100%; height:auto; font-size:1rem; color:#757575; line-height:200%; text-align:center; margin-top:10px; clear:both;}

.hide{ display:none;}

.page{
	width:100%;
	height:100%;
	position:absolute;
	/*font-size:100px;
*/	text-align:center;
    background-color:#fff;
}

.page .wrap{
	
	color:#2f2f2f;
}

.page .wrap p{height:auto;width:100%;}
.page-1-1{ background-color:#a9c1d5; background-image:url(../images/zzb_banner_bj.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:100% auto;}
.page-2-1{ background-color:#fff;}
.page-2-2{ background-color:#fff;}
.page-3-1{ background-color:#fff;}
.page-3-2{ background-color:#fff;}
.page-4-1{ background-color:#fff;}
.page-4-2{ background-color:#fff;}
.page-5-1{ background-color:#fff;}
.page-6-1{background-color:#fff;}
.page-9-1{background-color:#fff;	}
.page-7-1£¬.page-8-1£¬.page-11-1£¬.page-15-1{ background-color:#fff;}
.page-10-1{ background-color:#c3d8ea;}
.page-12-1{background-color:#d2d5d6;}
.page-13-1{background-color:#fff;}
.page-14-1{
	background-color:#fff;
	
	}
.page-16-1{ background-color:#c3d8ea;
/*background-image:url(../images/zzb_img15.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100% auto; */}
	
.page-current{
	
}

.page-1-1 .img_1 {
	height:auto;width:100%;
	position:fixed;
	left:0;
	top:15%;
	
	text-align:left;
}
.page-1-1 .img_1  img{ width:55%; padding-left:6%;}


.page-2-1 .img_1 {
	    height:auto;width:100%;
	margin-top:2.5rem;
	font-size:2.3rem; color:#fff;  line-height:90%; text-align:left;
	background-color:#65cdc5;
	padding:3% 0 2% 5%;
	position:relative;
		}
.page-2-1 .img_1:before,.page-2-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-2-1 .img_1:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #65cdc5;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-2-1 .img_1:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #65cdc5;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}


.page-2-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}
.page-2-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:120%;
	background-color:#fff;
	}
	
.page-2-1 .img_2 img{ width:100%; }



.page-3-1 .img_1 {
	    height:auto;width:100%;
	margin-top:2.5rem;
	font-size:2.3rem; color:#fff;  line-height:90%; text-align:left;
	background-color:#75bee0;
	padding:3% 0 2% 5%;
	position:relative;
		}
.page-3-1 .img_1:before,.page-3-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-3-1 .img_1:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #75bee0;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-3-1 .img_1:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #75bee0;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}


.page-3-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}
.page-3-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:130%;
	text-align:right;
	}
	
.page-3-1 .img_2 img{ width:100%; }



.page-4-1 .img_1 {
	     height:auto;width:100%;
	margin-top:2.5rem;
	font-size:2.3rem; color:#fff;  line-height:90%; text-align:left;
	background-color:#b9bba6;
	padding:3% 0 2% 5%;
	position:relative;
		}
.page-4-1 .img_1:before,.page-4-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-4-1 .img_1:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #b9bba6;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-4-1 .img_1:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #b9bba6;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}


.page-4-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}
.page-4-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:100%;
	text-align:left;
	}
	
.page-4-1 .img_2 img{ width:100%; }



.page-5-1 .img_1 {
	     height:auto;width:100%;
	margin-top:2.5rem;
	font-size:2.3rem; color:#fff;  line-height:90%; text-align:left;
	background-color:#616d9d;
	padding:3% 0 2% 5%;
	position:relative;
		}
.page-5-1 .img_1:before,.page-5-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-5-1 .img_1:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #616d9d;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-5-1 .img_1:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #616d9d;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}


.page-5-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}
.page-5-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:130%;
	}
	
.page-5-1 .img_2 img{ width:100%; }


.page-6-1 .img_1 {
	     height:auto;width:100%;
	margin-top:2.5rem;
	font-size:2.3rem; color:#fff;  line-height:90%; text-align:left;
	background-color:#5cb6d5;
	padding:3% 0 2% 5%;
	position:relative;
		}
.page-6-1 .img_1:before,.page-6-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-6-1 .img_1:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #5cb6d5;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-6-1 .img_1:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #5cb6d5;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}


.page-6-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}
.page-6-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:130%;
	}
	
.page-6-1 .img_2 img{ width:100%; }


.page-7-1 .img_1 {
	    height:auto;width:100%;
	margin-top:1rem;
	font-size:2.5rem; color:#2f2f2f;  line-height:90%; text-align:left;
	background-color:#fff;
	padding:2rem 0 1rem 5%;
	
		}

.page-7-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}

.page-7-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:100%;
	}
.page-7-1 .img_2 img{ width:100%; }
.page-7-1 .box{
	 height:auto;width:100%;
	background-color:#c3d8ea;
	position:relative;
	margin-top:1rem;
	 }
.page-7-1 .box:before,.page-7-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-7-1 .box:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #c3d8ea;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-7-1 .box:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #c3d8ea;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}





.page-8-1 .img_1 {
	     height:auto;width:100%;
	margin-top:2.5rem;
	font-size:2.3rem; color:#fff;  line-height:90%; text-align:left;
	background-color:#3b579c;
	padding:3% 0 2% 5%;
	position:relative;
		}
.page-8-1 .img_1:before,.page-8-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-8-1 .img_1:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #3b579c;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-8-1 .img_1:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #3b579c;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}


.page-8-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}
.page-8-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:130%;
	}
	
.page-8-1 .img_2 img{ width:100%; }





.page-9-1 .img_1 {
	    height:auto;width:100%;
	margin-top:1rem;
	font-size:2.5rem; color:#2f2f2f;  line-height:90%; text-align:left;
	background-color:#fff;
	padding:2rem 0 1rem 5%;	
		}

.page-9-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}

.page-9-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:100%;
	}
.page-9-1 .img_2 img{ width:100%; }
.page-9-1 .box{
	 height:auto;width:100%;
	/* background-image:url(../images/zzb_img8_bj.png);
	 background-repeat:no-repeat;
	 background-position:bottom center;
	 background-size:100% auto; */
	position:relative;
	margin-top:1rem;
	
	
	 }
.page-9-1 .box:before,.page-9-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-9-1 .box:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #6d7383;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-9-1 .box:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #6d7383;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}





.page-10-1 .img_1 {
	    height:auto;width:100%;
	margin-top:1rem;
	font-size:2.5rem; color:#2f2f2f;  line-height:90%; text-align:left;
	background-color:#fff;
	padding:2rem 0 1rem 5%;
	
		}

.page-10-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}

.page-10-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:100%;
	}
.page-10-1 .img_2 img{ width:100%; }
.page-10-1 .box{
	 height:auto;width:100%;
	 background-color:#c3d8ea;
	position:relative;
	margin-top:1rem;
	
	 }
.page-10-1 .box:before,.page-10-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-10-1 .box:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #c3d8ea;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-10-1 .box:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #c3d8ea;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}






.page-11-1 .img_1 {
	    height:auto;width:100%;
	margin-top:1rem;
	font-size:2.5rem; color:#2f2f2f;  line-height:90%; text-align:left;
	background-color:#fff;
	padding:2rem 0 1rem 5%;
			}
.page-11-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}
.page-11-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:100%;
	}
	
.page-11-1 .img_2 img{ width:100%; }




.page-12-1 .img_1 {
	    height:auto;width:100%;
	margin-top:1rem;
	font-size:2.5rem; color:#2f2f2f;  line-height:90%; text-align:left;
	background-color:#fff;
	padding:2rem 0 1rem 5%;
	
		}

.page-12-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}

.page-12-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:100%;
	}
.page-12-1 .img_2 img{ width:100%; }
.page-12-1 .box{
	 height:auto;width:100%;
	 background-color:#d2d5d7;
	position:relative;
	margin-top:1rem;
	 }
.page-12-1 .box:before,.page-2-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-12-1 .box:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #d2d5d7;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-12-1 .box:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #d2d5d7;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}




.page-13-1 .img_1 {
	    height:auto;width:100%;
	margin-top:1rem;
	font-size:2.5rem; color:#2f2f2f;  line-height:90%; text-align:left;
	background-color:#fff;
	padding:2rem 0 1rem 5%;
	
		}

.page-13-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}

.page-13-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:100%;
	}
.page-13-1 .img_2 img{ width:100%; }
.page-13-1 .box{
	 height:auto;width:100%;
/*	background-image:url(../images/zzb_img8_bj.png);
	 background-repeat:no-repeat;
	 background-position:bottom center;
	 background-size:100% auto; */
	position:relative;
	margin-top:1rem;
	
	 }
.page-13-1 .box:before,.page-13-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-13-1 .box:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #272d3d;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-13-1 .box:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #272d3d;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}





.page-14-1 .img_1 {
	    height:auto;width:100%;
	margin-top:1rem;
	font-size:2.5rem; color:#2f2f2f;  line-height:90%; text-align:left;
	background-color:#fff;
	padding:2rem 0 1rem 5%;
	
		}

.page-14-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}

.page-14-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:100%;
	
	}
.page-14-1 .img_2 img{ width:100%; }







.page-15-1 .img_1 {
	    height:auto;width:100%;
	margin-top:1rem;
	font-size:2.5rem; color:#2f2f2f;  line-height:90%; text-align:left;
	padding:2rem 0 1rem 5%;
	
		}


.page-15-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0;}
.page-15-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:130%;
	}
	
.page-15-1 .img_2 img{ width:100%; }



.page-16-1 .img_1 {
	    height:auto;width:90%;
	margin-top:1rem;
	font-size:2.5rem; color:#2f2f2f;  line-height:90%; text-align:left;
	background-color:#fff;
	padding:2rem 5% 1rem 5%;
	
		}

.page-16-1 .img_1 p{ font-size:1.5rem; font-weight:normal; margin:2% 0 0; }

.page-16-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:100%;
	}
.page-16-1 .img_2 img{ width:100%;}
.page-16-1 .box{
	 height:auto;width:100%;
	 background-color:#c3d8ea;
	position:relative;
	margin-top:1rem;
	 }
.page-16-1 .box:before,.page-16-1 .img_1:after{ content:'';width:0;height:0;position:absolute;}
.page-16-1 .box:before{ left:4rem;	top:-1rem;border-bottom:1rem solid #c3d8ea;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}
.page-16-1 .box:after{ left:4rem;	top:-1rem;border-bottom:1rem solid #c3d8ea;	border-left:1.2rem solid transparent;	border-right:1.2rem solid transparent;}





.page-17-1 .img_1 {
	   height:auto;width:100%;
	padding:8% 0 5% 4rem;
	font-size:2.2rem; color:#838e8e;  line-height:80%; text-align:left;
	background-image:url(../images/xtoolscrm_bt_bj5.png);
	background-position:3% 60%;
	background-repeat:no-repeat;
	background-size:2.7rem 2.7rem;
	
	}

.page-17-1 .img_2 {
		height:auto;width:94%;
	margin-left:3%;
	position:absolute;
	left:0%;
	top:100%;
	background-color:#7fdadb;
	 -moz-border-radius: 5px;   
	 -webkit-border-radius: 5px;    
	 border-radius:5px;
	 color:#fff;
	 font-size:2rem;
	 line-height:150%;
	 padding:3% 0 3%;
	 background-image:url(../images/xtoolscrm_bt_bj6.png);
	background-repeat:no-repeat;
	background-position:center 7.2rem;
	background-size:100% 1%;
	
}
.page-17-1 .img_3{
	height:auto;width:85%;
	margin:0 3%;
	position:absolute;
	left:0%;
	top:380%;
	background-color:#7fdadb;
	 -moz-border-radius: 5px;   
	 -webkit-border-radius: 5px;    
	 border-radius:5px;
	 color:#fff;
	 font-size:1.5rem;
	 line-height:150%;
	 padding:3% 5% 3% 4%;
	 text-align:left;
	 
	}
	
.az{ background-image:url(../images/az.png); background-position:left top; background-repeat:no-repeat; background-size:1.8rem 2.3rem; padding-left:2.5rem; margin:0% 0; }
.az p{ width:80%;}
.az a{ color:#4c8383;}
.apple{ background-image:url(../images/apple.png); background-position:left top; background-repeat:no-repeat; background-size:1.8rem 2rem; padding-left:2.5rem;margin:0% 0;}
	.page-17-1 .img_2 strong{ font-size:6rem; font-family:Arial;line-height:110%; font-weight:normal;}
	.page-17-1 .img_2 span{ font-size:1.5rem; line-height:110%; color:#4c8383;}
	

.page-17-1 .img_4 {
	    height:auto;width:94%;
	position:absolute;
	left:0%;
	top:280%;
	padding:8% 0 5% 4rem;
	font-size:2.2rem; color:#838e8e;  line-height:80%; text-align:left;
	background-image:url(../images/update.png);
	background-position:3% 60%;
	background-repeat:no-repeat;
	background-size:2.7rem 2.7rem;
	
	}


.footer2{ width:100%; height:auto;position:fixed;
	left:0%;
	top:75%; font-size:1rem; color:#7b7b7b; line-height:170%; text-align:center; clear:both; padding:3px 0; }
.zc1{ text-align:center;background:#f47e8f;  width:94%; height:auto; font-size:2.2rem; line-height:200%; margin:2.5% auto; -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius:5px; color:#fff; padding-top:1%;}
.zc1 a{ color:#fff;}