body {
	margin: 0px;
	padding: 0 0 0 0; background-color:#fbfafa;
	font-family: Microsoft Yahei; font-size:14px; color:#666;

}
table, form, h1, h2, h3, ul, li, ol, dl, dd, dt, span, a, em, p {
	padding: 0px;
	margin: 0px;
}
ul, li {
	list-style: none;
}
.cl {
	clear: both;
}
img{ border:0;}
a{ text-decoration:none; color:#000;}
#header {
	width: 100%; background-color:#01847f; height:132px;
}
.header {
	width: 1185px;height:132px;
	margin: 0 auto;
}
.header .logo {  
	width: 201px;
	float: left;
}
.header .logo img { position:absolute; top:15px; z-index:99999;
}
.header .ph { font-size:18px;
	width:362px; height:29px; line-height:29px; color:#fff;
	float: right; background:url(../images/ph.jpg) no-repeat left center; padding-left:33px;
}


#navwarp{ width:936px; padding:20px 0 0 0; float:right; }

		/* 本例子css */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{ width:936px; margin:0 auto; height:30px; line-height:30px;  position:relative; z-index:999999;  }
		.nav a{ color:#fff;  }
		.nav .nLi{ float:left;  position:relative; display:inline; background:url(../images/line.jpg) no-repeat right center;   }
		.nav .nLi h3{ float:left; padding:0 8px; text-align:center;  }
		.nav .nLi h3 a{ display:block; padding:0 8px; font-size:18px; font-weight:200;  }
		.nav .sub{ display:none; width:102px; text-align:center;  top:60px;  position:absolute; background:#01847f;  line-height:26px; }
		.nav .sub li{ zoom:1;line-height:30px; height:30px;   }
		.nav .sub a{ display:block;  }
		.nav .sub a:hover{ background-color:#e28b26; display:block; width:102px; color:#fff;}
		.nav .on h3 a{ color:#fff;   }
		#banner{ height:413px; width:100%;}
		.c1{ padding:20px 0;width: 1165px;
	margin: 0 auto;}
		.tit{ height:97px;}
		.c1_left{ width:726px; float:left; line-height:30px;}
		.video{ width:397px; height:243px; float:right; padding-left:20px; border-left:#ccc 1px solid;}
		.c2{ padding:20px 0 40px 0;width: 1165px;
	margin: 0 auto;}
	/* 本例子css */
		.slideBox{ width:335px; height:246px; overflow:hidden; position:relative; margin-top:20px; float:left;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; border-radius:50%; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1;width:335px; vertical-align:middle; height:300px; }
		.slideBox .bd img{ width:335px; height:246px; display:block;  }
		.slideBox .bd li span{ display:block; position:absolute; top:0;height:30px; line-height:30px;}
		.c2M{ width:350px; float:left; border-left:#ccc 1px solid; height:246px; margin:20px 0 0 40px; padding-left:20px;}
		.tit2{ text-align:center; color:#01847f; font-size:24px; line-height:30px;}
		.c2M .com{} 
		.c2M .com li{ height:35px; line-height:35px; background:url(../images/dot1.jpg) no-repeat left center; padding-left:20px;}
		.c3{ width:100%; background-color:#f6f5f3; height:587px; position:relative;}
		.c3 .yan{ position:absolute; width:100%;text-align:center; top:20px; color:#000;}
		.c3 .y1{ width:244px; margin-left:22px; float:left;  height:363px;background:url(../images/y1.png) no-repeat top center;}
		.c3 .y2{ width:244px; margin:0 45px;float:left; height:363px;background:url(../images/y2.png) no-repeat top center;}
		.c3 .y3{ width:244px;float:left; margin-right:45px; height:363px; background:url(../images/y3.png) no-repeat top center;}
		.c3 .y4{ width:244px;float:left; height:363px; background:url(../images/y4.png) no-repeat top center;}
		.c3 .libian{ line-height:30px; text-align:center; padding:140px 20px 0 20px;}
		.c4{ background-color:#f6f5f3; padding-bottom:30px;}
		.c4 .a1{ width:1164px; margin:30px auto;}
		

.con2{ float:left;}
.con2 ul li {
	width:361px; border:#01847f 3px solid;
	height:354px;
	
	
	
	float: left; 
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.txt2 {
	width:361px;
	
	height:93px;
	background: rgba(1,132,127,0.8);/*透明背景色，不透明其文字内容*/
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	font-family: "微软雅黑";
}
.txt2 h3 {
	font-size: 20px;
	font-weight: 400; padding-left:20px;
	height:98px; line-height:98px;
	text-align:left;
	
}
.txt2 p {
	font-size: 14px;
	text-align: center;
}
.txt2 .more {
	width: 80px;
	height: 20px;
	border-radius: 10px;
	margin: 20px auto 0 auto;
	color: #000;
	text-align: center;
	line-height: 20px;
	background-color: #fff;
}

.con3{ width:771px; height:346px; float:right;}
.con3 ul li { margin:0 0 20px 20px;
	width:168px;
	height:171px;
	
	
	
	float: left; 
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.txt3 {
	width:168px;
	
	height:45px;
	background: rgba(255,255,255,0.9);/*透明背景色，不透明其文字内容*/
	position: absolute;
	left: 0;
	bottom: 0;
	color: #000;
	font-family: "微软雅黑";
}
.txt3 h3 {
	font-size: 14px;
	font-weight: 400; padding-left:15px;
	height:45px; line-height:45px;
	text-align:left;
	
}
.txt3 p {
	font-size: 14px;
	text-align: center;
}
.txt3 .more {
	width: 80px;
	height: 20px;
	border-radius: 10px;
	margin: 20px auto 0 auto;
	color: #000;
	text-align: center;
	line-height: 20px;
	background-color: #fff;
}


.c5{ width:100%; height:482px; position:relative;}
.c5 .a2{ width:100%; position:absolute; top:0px;}
/* 本例子css */
		.picMarquee-left{ width:1164px;  overflow:hidden; position:relative;   }
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px 0;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:271px; height:259px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }
		.c6{ width:100%; position:relative;}
		.c6 .a3{ position:absolute; top:70px; width:100%; }
		.foot1{ height:120px; border:#fff 1px solid; border-left:0;border-right:0;}
.foot1 .l1{ width:366px; padding:30px 0; float:left;}
.foot1 .l1 .img{ width:45px; float:left;}
.foot1 .l1 .img img{ width:45px; height:45px;}
.foot1 .l1 .tx{ width:300px; font-size:16px; color:#fff; margin-left:10px; float:left;}
.foot2{ padding:20px 0;}
.foot2 .l2{ width:334px; float:left; padding-top:20px;}
.foot2 .l2 a{ color:#fff; padding:0 19px; line-height:40px; font-size:16px;}
.foot2 .r2{ width:290px; float:right;}
.dibu{ width:100%; color:#fff; background-color:#1e201f; height:50px; line-height:50px; text-align:center;}
/*neiye*/
.co{ width:1164px; margin:30px auto;}
.coT{ height:40px; line-height:40px; border-bottom:#ccc 1px solid;}
.coTl{ width:150px; text-align:center; float:left; background-color:#01847f;}
.coTl{ color:#fff;}
.coTR{ padding:0 0 0 10px; float:right;}
.co_left{ width:150px; float:left;}
.nav1{ width:150px; z-index:1;  }
		.nav1 a{ color:#000;  }
		.nav1 .nLi{ float:left;text-align:center; line-height:38px;  width:150px; height:38px; background:url(../images/jt.png) no-repeat right center; border-bottom:#ccc 1px solid;  position:relative; display:inline;  }
		.nav1 .nLi h3{  display:block;  }
		.nav1 .nLi h3 a{ display:block; font-size:14px; font-weight:bold;  }
		.nav1 .sub{ display:none; width:100px; left:0; top:34px;  position:absolute; background:#4E4E4E;  line-height:38px;  }
		.nav1 .sub li{ zoom:1; }
		.nav1 .sub a{ display:block; }
		.nav1 .sub a:hover{ border-left:#033 3px solid; padding-left:20px;}
		.nav1 .on h3 a{  padding-left:20px; background:url(../images/line.jpg) no-repeat 30px center;}
		.co_right{ width:960px; float:right; line-height:200%;}
		.co_right img{ max-width:100%;}
		.co .dbfnews{padding:20px 0;}
.co .dbfnews .text{ height:140px; border-bottom:#eaeaea 1px solid; line-height:30px; padding-bottom:20px; margin-bottom:20px;}
.co .dbfnews .text .img{ width:20%; height:140px; float:left;overflow:hidden;}
.co .dbfnews .text .img img{ width:100%; height:100%; }

.co .dbfnews .text .img img{ width:100%;  height:100%;
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s ; 
	-o-transition-duration: .3s;
	}
		.co .dbfnews .text .img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.co .dbfnews .text .txx{ width:750px; height:140px; float:right;}
.co .dbfnews .text .txxT{ height:40px; font-size:18px; line-height:40px;}
.co .dbfnews .text .txxTl{ padding:0 10px 0 0; float:left;}
.co .dbfnews .text .txxTtime{ padding:0 0 0 20px; background:url(../images/time.jpg) no-repeat left center; float:right;}
.web1 {
	margin: 0px auto;
}
.con1 {
	margin: 10px auto;
	padding: 9px 0 0 9px;
}
.con1 ul li {
	width: 196px;
	height:247px;
	padding: 6px;
	background-color: #fff;
	
	float: left; margin:20px 20px 20px 0;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.txt1 {
	width:196px;
	margin: 0 6px 6px 6px;
	height: 45px;
	background: rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	font-family: "微软雅黑";
}
.txt1 h3 {
	font-size: 20px;
	font-weight: 100;
	height: 45px;
	text-align: center;
	line-height: 45px;
}
.txt1 p {
	font-size: 14px;
	text-align: center;
}
.txt1 .more {
	width: 80px;
	height: 20px;
	border-radius: 10px;
	margin: 20px auto 0 auto;
	color: #000;
	text-align: center;
	line-height: 20px;
	background-color: #fff;
}
/*门店查询*/
.mdcx{}
.mdcx ul{}
.mdcx ul li{ width:173px; font-size:18px;  margin:40px 0px 0 35px; height:61px; line-height:61px; text-align:center; float:left; border:#01847f 1px solid;}
.fendian{}
.fendian ul{}
.fendian ul li{ width:153px; border-radius:50%; font-size:18px;  margin:40px 20px 0 40px; height:153px; line-height:153px; text-align:center; float:left; border:#01847f 2px solid;}
.fdny{ margin-top:20px;}
.fdny ul{}
.fdny ul li{ width:330px; padding:10px; margin:10px 0 10px 25px; height:144px; border:#01847f 2px solid; float:left;}
.fdny ul li .img{ float:left;}
.fdny ul li .img img{ width:140px; height:121px; padding:10px; border:#01847f 1px solid;}
.fdny ul li .tx{ float:left; width:160px; float:right;}
/*项目案例*/
/* 本例子css */
		.picScroll-left{ width:1164px; margin:20px auto 40px auto;  overflow:hidden; position:relative; }
		.picScroll-left .hd{ overflow:hidden;  height:97px;  padding:0 10px; margin-bottom:20px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:10px 0;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px;width:270px; height:253px; border:1px solid #01847f; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:270px; height:187px; display:block;   }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:66px; color:#000; padding:0 10px; text-align:left; background:url(../images/hjt.png) no-repeat 235px center; line-height:66px;   }
.picScroll-left .bd ul li .title a:link{ color:#000;}

.picScroll-left .bd ul li .title:hover{background:url(../images/jt.png) no-repeat 235px center #01847f; color:#fff;}