*{margin:0;padding:0;}
body{max-width:640px;min-width:320px;margin:0 auto;font-family:"微软雅黑";background:#fff;}
ul li{list-style:none;}
a{text-decoration:none;color:#000;}
.clear{clear:both;}

/*--------头部logo-------*/
.h_top,.h_top img{width:100%;margin:0 auto;}

/*--------网站banner-------*/
.zz_banner,.zz_banner img{width:100%;margin:0 auto;}

/*------网站内容一------*/
.zz_con01,.zz_title,.zz_con02,.zz_con03,.zz_con04,.zz_con05,.zz_con06{width:100%;margin:0 auto;}
.zz_title img{width:100%;margin:3% auto;}
.zz_con01 table{width:98%;float:left;border:0;}
.zz_con01 tr,.zz_con01 td{border:0;margin:0;padding:0;}
.zz_con01 tr td{width:33%;padding:0 0 0 0;color:#fff;border:0;background:#4dd6d1; vertical-align:sub;line-height:1.4em;}
.zz_con01 tr td img{width:100%;margin:-1px auto 0;padding:0;}
.zz_con01 tr td p{width:92%;margin:-2% 0 0 0;line-height:1.4em;padding:5% 4%;}
.zz_con01 tr td font{width:100%;text-align:center;display:block;font-weight:bold;padding:0.5em 0;}

/*.zz_con02 .zz_xiufu{width:100%;margin:0 auto;}*/
.zz_con02 img.zz_xiufu{width:27%;padding:0 2% 6% 3%;float:left;display:block;}
.zz_con02 h3{font-size:2em;color:#666;font-weight:bold;width:100%;text-align:center;}
.zz_con02 h3 font{width:2.2em;height:2.2em;line-height:2.2em;border-radius:2em;background:#006666;color:#fff;}

.zz_weihai{width:96%;margin:0 auto; border-color:#2bb0ab;}
.zz_weihai tr{border:none;}
.zz_weihai td,.zz_weihai th{border-left:1px solid #2bb0ab;border-top:#2bb0ab 1px solid;padding:1.5%;}
.bd_right{border-right:1px solid #2bb0ab;}
.bd_bottom{border-bottom:1px solid #2bb0ab;}
.td_width01{width:15%;}
.td_width02{width:30%;}
.zz_weihai th{background:#4dd6d1;color:#fff;}
.zz_weihai td{line-height:1.3em;}
.zz_weihai tr.yanse{color:#999;}
.zz_con03_con{width:100%;background:url(../images/bg_01.jpg) no-repeat;padding-bottom:5%;}
.zz_content{width:96%;margin:3% auto 0;background:url(../images/zz_bg.jpg) repeat-y 9px 0;}
.zz_content h5{font-size:20px;line-height:34px;color:#666;}
.zz_content h5 font{width:1em;height:1em;line-height:1em;text-align:center;float:left;margin:0.3em 0.6em 0 0;border-radius:2em;background:#4dd6d1;color:#fff;font-weight:bold;display:block;}
.zz_content_con{margin-left:30px;color:#666;line-height:1.4em;}

.zz_con04 h3,.zz_con05 h3{color:#72dacf;width:100%;text-align:center;margin-top:-2%;}

.zz_con04_con{width:94%;margin:3% auto 0;}
.zz_con04_con img{width:100%;}
.zz_con04_con .liucheng{width:97%;display:block;margin:3% auto 0;}
.zz_con04_content{width:94%;border:1px solid #4dd6d1;padding:3%;margin-top:3%;}
.zz_con04_content img{width:50%;float:left;display:block;}
.zz_con04_content h2{color:#666;font-size:1.6em;}
.zz_con04_content span{width:47%;float:left;display:block;color:#666;}
span.ge{margin-left:3%;}
span.ge1{margin-right:3%;}

.main_qy{margin-top:3%;}
.main_qy ul {width:100%;margin:0 auto;}
.main_qy ul li{width:33.33%;float:left;text-align:center;background:#006766;line-height:3rem;color:#fff;border-right:1px solid #FAFAFA;box-sizing:border-box;}
.main_qy ul li a{color:#fff;}
.main_qy ul .active{background:#72dacf;}

.yxcon{ width:100%; height:auto; overflow:hidden; margin:0% auto 0; float:left; text-align:left;background:#72dacf;}
.yx_qx1{ width:100%; height:auto; overflow:hidden; font-size:1em;line-height:1.3rem;}
.yx_qx1 img{width:100%;margin:0 auto;}
.yx_qx1 .img1{width:48%;float:left;margin-top:-3%;}
.yx_qx1 .img1:first-child{margin-right:4%;}
.yxcon .span1{ width:100%;  color:#006766; padding:3% 1% 1% 2%; float:left;display:block;font-weight:bold;}
.yxcon .pp{padding:0 2% 3% 2%;color:#006766;text-indent:2em;}
.yxcon p{font-size:1.4em;}
.content-slide{ height:auto; overflow:hidden;}
.swiper-slide,.swiper-wrapper{ height:auto!important; overflow:hidden;}
.yxcon span{width:28%;line-height:1.6em;text-align:center;color:#fff;font-weight:bold;border-radius:1.6em;border:2px solid #fff;background:none;padding:0 5px;margin:0 auto;display:block;margin-bottom:2%;}
.yxcon span a{color:#fff;}

.zz_con06 p{width:91%;margin:3% auto 0;display:block;color:#666;}
.zz_con06 img{width:100%;margin:3% auto 0;}
img.zj01{width:45.5%;float:left;display:block;margin:3% 0 0 3%;}

@media screen and (min-width:640px){
	body{font-size:12px;}
	.zz_content_con,.zz_con01 tr td p,.zz_weihai td,.zz_weihai th{font-size:1.4em;}
	.zz_con04 h3,.zz_con05 h3{font-size:1.4em;}
	.tabs a{font-size:1.4rem;}
	.yxcon span{font-size:2em;}
	.zz_con06 p{font-size:1.6em;}
	.zz_con04_content span{font-size:1.4em;}
	.main_qy ul li{font-size:2em;}
	.yyinfott{font-size:1.4em;}
	.zz_con04_content h2{font-size:1.6em;}
	}
@media screen and (max-width:639px) and (min-width：480px){
	body{font-size:10px;}
	.zz_content_con,.zz_con01 tr td p,.zz_weihai td,.zz_weihai th{font-size:1.4em;}
	.zz_con04 h3,.zz_con05 h3{font-size:1.2em;}
	.tabs a{font-size:1.3rem;}
	.yxcon span{font-size:2em;}
	.zz_con06 p{font-size:1.6em;}
	.zz_con04_content span{font-size:1.4em;}
	.main_qy ul li{font-size:2em;}
	.yyinfott{font-size:1.4em;}
	.zz_con04_content h2{font-size:1.4em;}
	}
@media screen and (max-width:479px) and (min-width:380px){
	body{font-size:9px;}
	.zz_content_con,.zz_con01 tr td p,.zz_weihai td,.zz_weihai th{font-size:1.4em;}
	.zz_con04 h3,.zz_con05 h3{font-size:1.2em;}
	.yxcon span{font-size:2em;}
	.zz_con06 p{font-size:1.6em;}
	.zz_con04_content span{font-size:1.4em;}
	.main_qy ul li{font-size:2em;}
	.yyinfott{font-size:1em;}
	.zz_con04_content h2{font-size:1.2em;}
	}
@media screen and (max-width:379px) and (min-width:320px){
	body{font-size:8px;}
	.zz_content_con,.zz_con01 tr td p,.zz_weihai td,.zz_weihai th{font-size:1.4em;}
	.zz_con04 h3,.zz_con05 h3{font-size:1.2em;}
	.tabs a{font-size:1.2rem;}
	.yxcon span{font-size:2em;}
	.zz_con06 p{font-size:1.6em;}
	.zz_con04_content span{font-size:1.4em;}
	.main_qy ul li{font-size:2em;}
	.yyinfott{font-size:0.8em;}
	.zz_con04_content h2{font-size:1.0em;}
	}
@media screen and (max-width:319px) {
	body{font-size:7px;}
	.zz_content_con,.zz_con01 tr td p,.zz_weihai td,.zz_weihai th{font-size:1.4em;}
	.zz_con04 h3,.zz_con05 h3{font-size:1.2em;}
	.tabs a{font-size:1.1rem;}
	.yxcon span{font-size:2em;}
	.zz_con06 p{font-size:1.6em;}
	.zz_con04_content span{font-size:1.4em;}
	.main_qy ul li{font-size:2em;}
	.yyinfott{font-size0.8em;}
	.zz_con04_content h2{font-size:1.0em;}
	}
/*
 * Swiper 2.7.0
*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}