.slideBox{ position:relative; overflow:hidden; margin:0px auto;  max-width:640px; }
	.slideBox .hd{ position:absolute; bottom:5px; right:0; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#a8a8a8; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{ background:#444444;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative;}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px;color:#fff;text-align:left;  }









.s1-ul1{display:-webkit-box;}

.s1-ul1 li{cursor:pointer;-webkit-box-flex:1;border-right:2px solid #fff;text-align:center;padding:2% 0;background:#eeeeee; color:#777;}

.s1-ul1 .active{background:#008E9C;color:#fff}

.slideBox .bd img{display:block;margin:0 auto 2% auto;}.slideBox .bd li{font-size:0.9em;}

.slideBox .hd li.on{background:#282828}

.slideBox .hd li{display:inline-block;width:15px;height:15px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ccc;text-indent:-9999px;overflow:hidden;margin:0 6px;}



.ptlh{height:0.5em;background:#f3f3f3;border-bottom:1px solid #e9e9e9;border-top:1px solid #e9e9e9;}

.s2 .p1{border:1px solid #ccc;width:80%;margin:3% auto;padding:0 2%;}.s2 div.oh a{width:32%;}.s2 div.oh .s2_a1{width:66%;}



.zh-wrap-footer{width:100%;max-width:640px;margin:0 auto;padding-bottom:9%}

.zh-footer-wrap{background: #008E9C;padding: 3% 2%}

.zh-footer{overflow: hidden;}

.zh-footer-left{float: left;width: 16%}

.zh-footer-left img{width: 100%}

.zh-footer-right{float: right;width: 82%;font-size: 0.9em;color: #fff}

.zh-footer-right p{margin-bottom: 2%}

.zh-footer-p1{text-align: right;font-size: 0.85em;color: #ffffff;margin-top: 3%}

.footer-nav{overflow: hidden;}

.footer-nav a{display: block;float: left;width: 50%;padding: 3% 0;color: #444444;text-align: center;font-size:1.6em}

.footer-nav a img{margin-right: 2%;width: 19%;vertical-align: middle;}

.footer-nav .footer-nav-a2 img{width: 13%}

.footer-nav-a1{background: #fed100}



.zh-wrap-head{width:100%;max-width:640px;margin:0 auto;font-family:"微软雅黑"}

.zh_nav_wrap{background: #008E9C;padding: 2% 0}

.zh_nav{overflow: hidden;}

.zh_nav a{display: block; width: 29%; float: left; text-align: center; padding: 1.5% 0;color: #fff; }

.zh_nav a span{border-right: 1px solid #fff;display: block;width: 100%;line-height: 100%}

.zh-online{position: relative;overflow: hidden;margin: 3% 0}

.zh-online-left{float: left;width: 70%}

.zh-online-right{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content:center; line-height: 100%; vertical-align: middle; position: absolute;top: 0;right: 0;bottom: 0; float: right;width:30%;background: #fed100;color: #282828;border-radius: 3px;text-align: center;}

.zh-online-right span{-webkit-align-self: center;}

.zh-online-ul{overflow: hidden;}

.zh-online-ul li{width: 49%;padding-left:2px; text-align: left;float: left;margin-bottom: 3%;font-size: 0.9em}





.s8{width:94%;margin:0 auto 5% auto;}

.s8_u1 li{width:38%; border:1px solid #ccc; border-radius:0.2em; padding:2% 5%;font-size:0.73em;}

.s8_u1 li img{width:30%;margin-right:3%;}.s8_u1 li p{line-height:1.3em;}

.s8_u1 li a{color:#999999;}

.s8_u2{display:-webkit-box;}

.s8_u2 li{-webkit-box-flex:1;background:#03a9f4;border-right:2px solid #fff;padding:2% 0;}.s8_u2 li img{display:block;width:28%;margin:0 auto 2% auto;}

.s8_u2 li a{font-size:0.8em; color:#fff;}


@charset "utf-8";
.reset-page *{line-height:100%;letter-spacing:1px;}
.reset-page h2,.reset-page h3,.reset-page p{padding-bottom:1px;}
*{margin:0;padding:0;border:0;}
table{border-spacing:0;border-collapse:collapse;}
img{border:0;}
ul,li{list-style-type:none;}
a{text-decoration:none;}
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}
.pa{padding:2.6% 3%;}
body{background:#fff;}
.page_warp a img{vertical-align:middle;}
.page_warp{font-family:'Microsoft YaHei';overflow:hidden;width:100%;min-width:320px;max-width:640px;margin:0 auto;color:#777;}
@media screen and (min-width:320px){
	.page_warp{font-size:15px;}
}
@media screen and (min-width:360px){
	.page_warp{font-size:17px;}
}
@media screen and (min-width:375px){
	.page_warp{font-size:17px;}
}
@media screen and (min-width:380px){
	.page_warp{font-size:19px;}
}
@media screen and (min-width:480px){
	.page_warp{font-size:21px;}
}
@media screen and (min-width:640px){
	.page_warp{font-size:30px;}
}
.oh{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.banner img{width:100%}

/*大标题*/
.tt1{font-size:1.3em;padding-bottom:.8%;color:#444444;}

/*小标题*/
.tt2{font-size:1em;color:#444444;}

/*最大例子色*/
.wrap-bg{background:#fff}

/*块色*/
.block-bg{background:#fff;box-shadow:0px 1px 12px #e6e6e6;border-bottom:1px solid #e9e9e9;}

/*颜色一*/
.color1{color:#5aac36}

/*颜色二*/
.color2{color:#444444}

/*15px上边距*/
.mt15{margin-top:2.3%;}

/*20px上边距*/
.mt20{margin-top:3%;}

/*25px上边距*/
.mt25{margin-top:3.7%;}

/*30px上边距*/
.mt30{margin-top:5%;}

/*35px上边距*/
.mt35{margin-top:5.5%;}

/*40px上边距*/
.mt40{margin-top:6%;}

/*45px上边距*/
.mt45{margin-top:6.9%;}

/*50px上边距*/
.mt50{margin-top:7.3%;}

/*居中*/
.tc{text-align:center;}

/*按钮与段落的距离 25px*/
.amt{margin-top:2.6%}

/*大标题与小标题 45px*/
.lstmt{margin-top:6.5%}

/*大标题与段落 45px*/
.ltpmt{margin-top:5.5%}

/*大标题与段落 30px*/
.ltpmt2{margin-top:3.1%}


/*小标题与段落的距离 25px*/
.pmt{margin-top:2.3%}

/*段落与小标题 45px*/
.tmt{margin-top:5.3%}

/*图片与小标题的距离 30px*/
.ptmt{margin-top:4%}

/*图片与段落的距离 30px*/
.gmt{margin-top:3.1%}

/*段落行高*/
.ph{line-height:1.6em;}

/*按钮*/
.btn-a{font-size:1em;padding:2% 0;text-align:center;color:#fff;border-radius:.2em;background:#ee7800;display:inline-block;}

/*表格样式*/
table{border-spacing:0;border-collapse:collapse;}
.table-responsive{display:block;width:100%;overflow-x:auto;text-align:center;font-size:0.9em}
.table{width:100%;max-width:100%}
.table-bordered{border:0}
.table-bordered td{border:1px solid #ccc;vertical-align:middle}
.table td{padding:2%;line-height:1.5;border-top:1px solid #ccc;}

/*表格样式 END*/