@charset "utf-8";
/* CSS Document */
body{
	color: #666;
	font: 12px/22px "微软雅黑","华文细黑",Arial,sans-serif;
	padding: 0;
	margin: 0;
	height: 100%;
	background-color: #f6f6f6;
	background-image: url(/images/top_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
a:hover, a.hover{
	text-decoration: none;
}
.w100 { width: 100%;}
.w1004 { width: 1004px;}
.center {margin:0px auto;}
#postion{
	width:100%;
	height:50px; clear:both; background:#fff; border-bottom:#dcdae7 1px solid;
	}
#postion .w988px { height:50px; width:988px;}
#postion h2 {
	width: auto;
	height: 50px;
	float: left;
	color: #22676c;
	font-family: "微软雅黑";
	font-size: 26px;
	line-height: 50px;
}
#postion h2 span { font-size:12px; color:#f9b275; padding-left:5px; padding-right:20px; background:url(/images/title_point.gif) right 8px no-repeat;}
#postion h3.breadCrumbs { width:auto; float:left; padding-top:20px; padding-left:5px;font-family:宋体;font-size:12px; font-weight:normal;}
#postion h3.breadCrumbs a{
	color:#555;}
#postion h3.breadCrumbs img { vertical-align:-2px; margin-right:5px;}
#postion h3.breadCrumbs em { font-family:宋体; margin:0px 10px 5px 10px;}
.g_contbg{background:url(/images/g_contbg.gif) left top repeat-x;}
.content{
	width:944px!important;
	width:1004px;
	padding: 44px 30px 0px 30px;
	background-image: url(/images/inner_bg00.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	display:block;
	height:auto;
}
.content-bot{ width:100%; height:30px; background:url(/images/inner_bg02.jpg) no-repeat; overflow:hidden; margin-bottom:20px;}
.innermain{ float:left; width:700px; overflow:hidden;}
.aboutus,.honor-list,.case-list{
	width: 700px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 28px;
	font-size: 15px;
}
.aboutus b{
	color:#056870;
	font-size:14px;}
.aboutus p{ 
/*text-indent: 2em; em是相对单位，2em即现在一个字大小的两倍*/ 
margin-bottom:10px;
color:#333;
} 

.side{
	width:212px;
	float:right;
	overflow:hidden;}
.side-tit{ height:43px; padding:27px 0 0 67px; background:url(/images/right_menu.jpg) no-repeat 0 0px; font:bold 20px/20px "微软雅黑"; color:#fff; }
.side-brandnav{}
.side-brandnav dl dt,.goods-brandnav dl dt{height:42px; width:100%;}
.side-brandnav dl dt a{ display:block;height:42px;padding:0 0 0 67px;font:14px/38px "微软雅黑"; color:#444; background:url(/images/right_menu.jpg) no-repeat 0 -112px; cursor:pointer;}
.side-brandnav dl dt.side-navl a{ padding-left:50px;}
.side-brandnav dl dt a:hover,.side-brandnav dl dt.on a,.side-brandnav dl dt.hover a,.goods-brandnav dl dt a:hover,.goods-brandnav dl dt.on a,.goods-brandnav dl dt.hover a{
	background-position: 0 -70px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.side-brandnav dl dd,.goods-brandnav dl dd{
	padding: 1px 0;
	position: relative;
	display: none;
	background-color: #DCF1EC;
}
.side-brandnav dl dd a{ display:block; height:40px; font:12px/40px "微软雅黑"; color:#666; padding-left:67px; position:relative;transition:color 0.2s ease 0;}


.goods-brandnav{}
.goods-brandnav dl dt a{ display:block;height:42px;padding:0 0 0 47px;font:14px/38px "微软雅黑"; color:#444; background:url(/images/right_menu.jpg) no-repeat 0 -112px; cursor:pointer;}
.goods-brandnav dl dt.side-navl a{ padding-left:50px;}
.goods-brandnav dl dd a{ display:block; height:40px; font:12px/40px "微软雅黑"; color:#666; padding-left:47px; position:relative;transition:color 0.2s ease 0;}


.side-brandnav dl dd a.on,.side-brandnav dl dd a:hover,.goods-brandnav dl dd a.on,.goods-brandnav dl dd a:hover{
	color: #fff;
	background-color: #7ccebc;
	background-image: url(/images/bit09.png);
	background-repeat: no-repeat;
	background-position: 187px 17px;
	text-decoration: none;
}
.honor-list ul li{ display:inline-block; float:left; width:213px; margin:0 9px 15px; text-align:center; overflow:hidden;}
.honor-list ul li .imgbox{ padding:3px; border:1px solid #e4e4e4; width:205px; height:133px; text-align:center; overflow:hidden; }
.honor-list ul li .imgbox img{max-width:205px; max-height:133px;width: expression(this.width > 205 && this.width > this.height ? 205 : auto);
height: expression(this.height > 133 ? 133 : auto);}
.honor-list ul li p{ text-align:center; padding-top:10px; line-height:20px; height:40px;}
.honor-list H3{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	clear: both;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-weight: bold;
	color: #00605a;
}
.case-list ul li{ display:inline-block; float:left; width:213px; margin:0 9px 15px; text-align:center; overflow:hidden;}
.case-list ul li .imgbox{ padding:3px; border:1px solid #e4e4e4; width:205px; height:145px; text-align:center; overflow:hidden; }
.case-list ul li .imgbox img{max-width:205px; max-height:145px;width: expression(this.width > 205 && this.width > this.height ? 205 : auto);height: expression(this.height > 145 ? 145 : auto);}
.case-list ul li H3,.case-list ul li H4{ font-size:12px;text-align:center; margin:auto; line-height:20px; width:205px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;font-weight:bold;}
.case-list ul li H4{
	font-weight: normal;
}
.case_view{
	width:700px;
	overflow:hidden;
	margin-bottom:20px;}
.case_view .widthimg{
	min-width: 600px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	min-height: 229px;
	border: 1px solid #E8E8E8;
}
.case_view .widthimg img{max-width:325px; max-height:229px;width:expression(this.width > 325 && this.width > this.height ? 325 : auto);height: expression(this.height > 229 ? 229 : auto);}
.case_view .kfname{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 15px;
	line-height: 24px;
	color: #00645c;
	clear: both;
	font-weight: bold;
	padding-top:4px;
}
.case_view DL{
	width: 700px;
	margin: 0px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8C8C8;
	padding-bottom: 5px;
	background-image: url(/images/case_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.case_view DL a{
	color:#228a81;
	background-image: url(/images/title_point.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;}
.case_view DL a:hover{
	color:#F60;}
.case_view DL DT{
	width: 100px;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #222;
	padding-left:10px;
}
.case_view DL DD{
	width: 578px;
	margin: 0px;
	text-align: justify;
	text-justify: inter-ideograph;
	float: left;
	line-height: 20px;
	font-size: 12px;
	color: #666;
}

.news-list ul li{ width:100%;min-height:99px; max-height:109px; padding-top:20px; padding-bottom:10px;background:url(/images/about_bg07.jpg) no-repeat 0 bottom; padding-left:20px;}
.news-img{ float:left; _display:inline; width:129px; height:90px; padding:3px; border:2px solid #e4e4e4;margin-right:22px;}
.news-txt-520{ float:left; width:520px;}
.news-txt-100{ float:left; width:100%;}
.news-list ul li h2{ font:bold 14px/20px "微软雅黑"; padding-bottom:8px; margin-top:5px;}
.news-list ul li h2 a{
	color:#007a76;
	}
.news-list ul li h2 a:hover,.news-list ul li h2 a.hover{
	color:#F60;
	text-decoration: none;}
.news-list ul li p{
	line-height: 20px;
	font-size:13px;
	color: #999;
}
.news-list ul li p a{
	color:#F60;
	font-size:12px;
	}
.news-list ul li p a:hover,.news-list ul li p a.hover{
	color: #007a76;
	text-decoration: none;
	}
.news-list ul li span{
	display: block;
	padding-top: 4px;
	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 22px;
	color: #CCC;
	
}

#pagefod {
	text-align:center;
	margin-bottom:10px;
	width:700px;
	margin-top:20px;
}
#pagefod img{
	margin-left:auto;
	margin-right:auto;}
#pagefod  P{
margin:0px;
margin-bottom:8px;}
#pagefod #daot{
	width:682px!important;
	width:700px;
	background-color: #F9F9F9;
	border: 1px solid #F0F0F0;
	padding:8px;
	line-height:24px;
	text-indent: 2em;
	color:#888;
	text-align:justify;
	text-justify:inter-ideograph;
	margin-bottom:20px;
}
#pagefod H1{
	margin:0px;
	padding:0px;
	font-size: 20px;
	color: #000;
	text-decoration: none;
	margin-bottom: 35px;
	font-weight: bold;
}
#pagefod H2{
	margin:0px;
	padding:0px;
	font-size:14px;
	line-height:26px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.downtopline{
	line-height:26px;
	margin-top:15px;
	color:#222;
	font-size:12px;
	background-color: #FFF;
	width:698px;
	border: 1px solid #CCC;
	height:26px!important;
	height:28px;
	overflow:hidden;
	clear:both;
	
}
#pagefod #ccontent{
	width:698px;
	line-height:28px;
	text-align:justify;
	color:#222;
	font-size:14px;
	color:#000;
	text-justify:inter-ideograph;
	overflow:hidden;
}
#pagefod #ccontent P{
	margin:0px;}
<!--分页-->
/*分页css*/
#newListTag{
	font-size: 12px;
	text-align: center;
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	overflow: hidden;
	padding-top:30px;
	line-height:18px;
	width:100%;
}
#newListTag a{
	text-align: center;
	vertical-align: middle;
	display:inline-block!important;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	border: 1px solid #999;
	padding:0px 8px 0px 8px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	margin-left:3px;
	margin-right:3px;}
#newListTag a:hover,#newListTag a.hover{
	color: #FFF;
	text-decoration: none;
	display: inline-block!important;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	vertical-align: middle;
	background-color: #007a76;
}
#newListTag .nopage a,#newListTag .nopage a:hover,#newListTag .nopage a.hover{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #F60;
	color:#FFF;
}
.customer_list ul li{
	display: inline-block;
	float: left;
	width: 207px;
	margin: 0 12px 5px;
	text-align: center;
	overflow: hidden;
}
.customer_list ul li .imgbox{ padding:3px; border:1px solid #e4e4e4; width:199px; height:76px; text-align:center; overflow:hidden;vertical-align:middle; display:table-cell; text-align:center; _position:absolute; _top:50%;}
.customer_list ul li .txtbox{
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	line-height: 22px;
	padding: 1px;
	width: 199px!important;
	width: 207px;
	border: 1px solid #e4e4e4;
	color: #222;
	background-color: #FAFAFA;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.customer_list ul li .imgbox img{max-width:199px; max-height:76px;width: expression(this.width > 199 && this.width > this.height ? 199 : auto);
height: expression(this.height > 76 ? 76 : auto);}
.customer_list ul li p{ text-align:center; padding-top:10px; line-height:20px; height:40px;}
.goods-list DL{
	display: inline-block;
	float: left;
	width: 211px;
	margin: 0 11px 17px;
	text-align: center;
	overflow: hidden;
}
.outbg{
	background-color: #E8E8E8;
	background-image: url(/images/water_black.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;}
.overbg{
	background-color: #E8E8E8;
	background-image: url(/images/water_color.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;}
.goods-list DL DT{margin:0px;margin:3px; width:205px; height:178px; text-align:center; overflow:hidden; }
goods-list DL .imgbox img{max-width:205px; max-height:178px;width: expression(this.width > 205 && this.width > this.height ? 205 : auto);
height: expression(this.height > 178 ? 178 : auto);}
.goods-list DL DD{
	margin: 0px;
	text-align: center;
	line-height: 22px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	width: 203px;
	margin: auto;
	margin-bottom: 5px;
	font-weight: bold;
}
.outbg DD a{
	color:#015f55}
.overbg DD a{color:#F60}
.overbg DD a:hover, .goods-list DL DD a:hover{
	color:#F60}
#proview{
	margin-left:auto;
	margin-right:auto;
	width:944px;
	clear:both;
	}
#viewimg{
	width: 500px;
	height: 434px;
	margin: auto;
	text-align: center;
	background-image: url(/images/img_bg.jpg);
	margin-bottom: 20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position:relative;
}
#viewimg H1{
	position:absolute;
	font-size:20px;
	bottom:20px;
	left:0px;
	width:500px;
	text-align:center;
	color:#000;
	/*filter: Dropshadow(offx=1,offy=0,color=#FFFFFF) Dropshadow(offx=0,offy=1,color=#FFFFFF) Dropshadow(offx=0,offy=-1,color=#FFFFFF) Dropshadow(offx=-1,offy=0,color=#FFFFFF);
text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;*/
	text-shadow: 1px 0 0 #FFFFFF, 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, -1px 0 0 #FFFFFF, 1px 0 1px #FFFFFF, 0 1px 1px #FFFFFF, 0 -1px 1px #FFFFFF, -1px 0 1px #FFFFFF;!important
	filter: Dropshadow(offx = 1, offy = 0, color = #FFFFFF) Dropshadow(offx = 0, offy = 1, color = #FFFFFF) Dropshadow(offx = 0, offy = -1, color = #FFFFFF) Dropshadow(offx = -1, offy = 0, color = #FFFFFF);!important
	}
.listimg{
	width: 500px;
	height: 434px;
	overflow: hidden;
	text-align: center;
	background-position: center center;
	}
#miniimg{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	clear:both;}
#miniimg DL{
	text-align:center;
	margin-left:20px;
	}
#miniimg DL DT{
	width:86px;
	height:86px;
	overflow:hidden;
	margin:0px;
	float:left;
	margin-right:20px;}
#miniimg DL DT.imgover img{
	border: 2px solid #666;
	padding:1px;
	display:block;
	width:80px;
	height:80px;
}
#miniimg DL DT.imgout img{
	border: 1px solid #999;
	padding:1px;
	display:block;
	width:80px;
	height:80px;
}
.pro-scroll{ width:944px; height:416px; position:relative; margin:0 auto 25px; overflow:hidden; clear:both;}
.pro-scroll ul{ position:absolute; left:0; top:0;}
.pro-scroll ul li{width:944px; height:416px; overflow:hidden;}
.pro-scroll .number{ position:absolute; width:100%; height:26px; text-align:center; bottom:10px;left:0;}
.pro-scroll .number span{ display:inline-block; margin:0 1px; width:23px; height:26px; background:url(/images/bit01.png) no-repeat -25px 0; cursor:pointer;} 
.pro-scroll .number span.on{  background-position:0 0;}
.pro-scroll .othernav{ position:absolute; right:7px; top:37px; height:37px;}
.pro-scroll .othernav a{ display:block; float:left; width:94px; height:37px; margin-right:2px; background:url(/images/pro_bg03.png) no-repeat -96px 0; text-align:center; font-size:14px; line-height:36px; transition:color 0.6s ease;}
.pro-scroll .othernav a:hover{ background-position:0 0; color:#fff;}
.product-tab{ margin-top:20px; clear:both;}
.product-tab{ width:944px; height:42px; background:url(/images/pro_bg04.jpg) repeat-x left bottom; margin-bottom:35px;}
.product-tab ul{
	margin-left:10px;}
.product-tab ul li{ width:136px; height:35px; padding-top:7px; font:15px/34px "微软雅黑"; color:#333; background:url(/images/pro_bg02.jpg) repeat-x; text-align:center; margin-left:2px; cursor:pointer; float:left;}
.product-tab ul li.on,.product-tab ul li.hover{ background:#fff ; padding-top:5px; border:2px solid #e5e5e5; border-width:2px 2px 0 2px; font-size:16px; color:#F60; font-weight:bold;}
.product-box{ width:909px; margin:0 auto; overflow:hidden; min-height:280px; padding-bottom:20px} /*background:url(/images/pro_bg05.jpg) no-repeat 0 bottom;*/
.product-con{
	display:none;
	font-size:14px;
	line-height:28px;}
.product-con .txtview{
	font-size: 13px;
	line-height: 28px;
	color: #444;
}
 .txtview .p{
	 text-indent:2em;
	 margin-bottom:8px;}
 .txtview H3,.tableview H3{
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #003D40;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #F5F5F5;
	padding-left: 15px;

}
 .txtview H2{
	 font-size:18px;
	 margin-bottom:20px;}
 .txtview strong{
	 color:#222;}
.product-con .tableview{
	font-size:12px;
	line-height:28px;
}
.product-con .tableview table td{
	padding:2px;}
.txtview ol li{
	font-size: 14px;
	line-height: 28px;
	list-style-type: circle;
}
.e404{
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top:20px;
	}
.e404 DL{
	width:135px;
	overflow:hidden;
	font-size:13px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	text-align:left;}
.e404 DL DT{
	margin:0px;
	font-size:15px;
	font-weight:bold;
	line-height:28px;}
.e404 DL DD{
	margin:0px;
	font-size:12px;
	line-height:26px;
	text-align:left;}