@charset "utf-8";
/* hzdy.com By rainelva 2009-5-10 */


/*全局设置*/
html{color:#000;background:#FFF; font-family:Arial; font-size:12px; color:#000}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}fieldset,img{border:none}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; font-family:Arial}
q:before,q:after{content:''}
abbr,acronym{border:none;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
legend{color:#000}
del,ins{text-decoration:none}
small{font-size:100%}
ol,ul{list-style-type:none; cursor:default}
dl,dt,dd{cursor:pointer}
div,p{cursor:default; word-wrap:break-word; word-break:break-all}
pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; word-break:break-all; overflow:hidden; _overflow:visible}

a{color:#000; text-decoration:underline; cursor:pointer}
a:hover{color:#FF7700}

/*全局调用*/
.clearfix:after {content:"\0020"; display: block; height: 0; clear: both}
.clearfix {}
*+html .clearfix {overflow:auto}

.Left{float:left}
.Right{float:right}
.Center{text-align:center}

.999{color:#999}
.666{color:#666}
.333{color:#333}

.w313{width:313px}
.w371{width:371px}
.w189{width:189px}
.w632, .w632-2{width:700px}
.img{padding:4px; background:#fff; border:1px #d4d4d4 solid}

/*布局定位*/
#wapper{width:100%; overflow:hidden}

#header, #body, #footer{margin:0 auto; position:relative; width:922px}

		.Logo{width:416px; height:60px; margin:10px 0; cursor:pointer; background:url(/ui/skins.gif) no-repeat 0 0; position:relative}

		.SetRight{margin:38px 0 0; padding:0 0 0 20px; background:url(/ui/skins.gif) no-repeat 0 -78px}
		
		.NavBar{position:relative; overflow:hidden; margin:10px 0 0; width:100%; background:url(/ui/Skins.gif) no-repeat 0 -116px}
		.NavBar ul{margin:0 0 0 10px; display:inline; background:url(/ui/Skins.gif) 0 -144px repeat-x; float:left; width:902px; height:28px}
		.NavBar ul li{float:left; text-align:center; line-height:24px; color:#64B8E3}
		.NavBar ul li a{margin:0 0 0 5px; height:28px; line-height:28px; padding:0 30px; float:left; color:#fff; font-weight:bold; text-decoration:none}
		.NavBar ul li a:hover{color:#80FFFF}
		.NavBar p{background:url(/ui/Skins.gif) no-repeat 0 -172px; width:10px; height:28px}

#body{width:920px; border:1px #C4CDD2 solid; margin:3px auto 0}
#body .BodyLeft{position:relative; width:190px}
#body .BodyRight{position:relative; width:700px; margin:10px 15px; display:inline}

#body .BodyTop{position:relative; width:100%; height:20px; background:url(/ui/Skins.gif) no-repeat 684px -365px; border-bottom:1px #e7e7e7 solid}
		
	  .Banner{position:relative; width:100%}

	  .Box{position:relative}
	  .InBox{position:relative}
	  
	  h1.w313, h1.w371, h1.w632{height:27px; background:url(/ui/Skins.gif) no-repeat 0 -227px}
	  h1.w371{background-position:0 -274px}
	  h1.w632, h1.w632-2{background-position:0 -322px}
	  
	  .w313 p{line-height:22px; display:block}
	  
	  .w371 ul{width:265px}
	  .w371 ul li{height:26px; line-height:26px; background:url(/ui/Skins.gif) no-repeat 0 -674px; +margin:0 0 -3px; _margin:0 0 -3px; border-bottom:1px #ccc dotted}
	  .w371 ul li a{margin:0 0 0 11px; line-height:26px}
	  .w371 ul li em{color:#ccc; font-size:10px}
	  /*修改首页产品*/
	  .w632 ul{width:100%}
	  .w632 ul li{width:123px; margin:10px 10px 0 0; float:left; display:inline; cursor:pointer; border:1px #d4d4d4 solid}
	  .w632 ul li img{width:115px; height:115px; padding:4px; border-bottom:1px #d4d4d4 solid}
	  .w632 ul li em{height:30px; line-height:30px; text-align:center; width:100%; display:block}
	  .w632 ul li a{color:#369; text-decoration:none; cursor:pointer}
	  .w632 ul li a:hover{color:#FF7700}
	  .w632 ul li a:hover img{background:#FFEBD4}
	  /*修改产品列表*/
	  .w632-2 ul{width:100%; }
	  .w632-2 ul li{width:114px; margin:20px 20px; float:left; display:inline; cursor:pointer; border:1px #d4d4d4 solid}
	  .w632-2 ul li img{width:112px; height:112px; padding:2px}
	  .w632-2 ul li em{height:30px; line-height:40px; font-size:12px; text-align:center; width:100%; display:block}
	  .w632-2 ul li a{color:#369; text-decoration:none; cursor:pointer}
	  .w632-2 ul li a:hover{color:#FF7700}
	  .w632-2 ul li a:hover img{background:#FFEBD4}
	  
	  .w632 .table, .w632-2 .table{border-bottom:1px #ccc solid; background:url(/ui/arrow.gif) no-repeat left center}
	  .w632 .table h1, .w632-2 .table h1{padding:0 26px; line-height:40px; height:40px; font-weight:bold; font-family:'微软雅黑'; font-size:17px; color:#0F5D8A}
	  .w632 .table2, .w632-2 .table2{margin:10px 0 0; line-height:24px; font-size:14px}
	  
	  .w189 p{width:100%; color:#666; line-height:22px}
	  .w189 p a{height:30px; line-height:30px; text-decoration:underline; color:#FF7700}
	  .w189 p a:hover{color:#000}
	  .w189 p em{height:30px; line-height:30px; font-size:10px; color:#ccc}
	  
	  .w189 table{margin:10px 0 0 10px}
	  .w189 .table{background:url(/ui/left-bg.jpg) no-repeat}
	  .w189 .table2{background:#FF9F2E url(left-bg.jpg) repeat-x 0 -134px; border:1px #FF9F2E solid}
	  .w189 .table2 h1{font-size:12px; color:#fff; padding:0 15px; font-weight:bold; font-family:'微软雅黑'}
	  .w189 .table2 p{padding:0 15px; line-height:24px; width:157px}
	  .w189 .table2 p a{color:#000; margin:0 0 0 7px}
	  .w189 .table2 p a:hover{color:#FF7700}
	  
	  .w189 ul{width:100%}
	  .w189 ul li{width:189px; float:left; display:inline; border-right:1px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid; background:url(/ui/skins.gif) no-repeat 0 -450px}
	  .w189 ul li a{color:#369; display:block; line-height:40px; height:40px; text-decoration:none; cursor:pointer; margin:0 0 0 20px; padding:0 0 0 18px; background:url(/ui/skins.gif) no-repeat 0 -402px; font-weight:bold; font-size:14px; font-family:'微软雅黑'}
	  .w189 ul li a:hover{color:#FF7700}
	  
	  .search{position:relative; width:100%; height:26px; background:url(/ui/skins.gif) no-repeat -199px -450px; margin:10px 0 0}
	  .searchbox{position:relative; width:155px; height:19px; padding:15px 17px; _padding:15px 17px 0; border-right:1px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid}
	  
	  .navimg{width:100%; margin:10px 0 0 0}
	  .navimg img{border-right:1px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid; border-top:1px #d4d4d4 solid; margin:0 0 5px}
	  
	  input.button{width:44px; height:19px; border:0; background:url(/ui/skins.gif) no-repeat 0 -507px}
	  input.buttontext {width:105px; height:17px; line-height:17px; border:1px #ccc solid}
	  
	  /*CSS viciao style pagination*/

		DIV.viciao{margin:20px 0 10px 0; width:100%; border-top:1px #efefef solid; padding:20px 0 0; font-size:11px; overflow:hidden; clear:both}
		DIV.viciao A{border:1px #eee solid; padding:2px 5px; color:#000; text-decoration:none; margin:0 2px 0 0}
		DIV.viciao A:hover{border:1px 999 solid}
		DIV.viciao SPAN.current{border:1px #036cb4 solid; padding:2px 5px; color:#fff; margin:0 2px 0 0; font-weight:bold; background:#036cb4}
		DIV.viciao SPAN.disabled{border:1px #eee solid; padding:2px 5px; margin:0 2px 0 0; color:#ddd}
		
		.pro{width:100%; font-size:12px}
		.pro .p{margin:20px auto 0; overflow:hidden; position:relative;	display:table-cell;	text-align:center;	vertical-align:middle}
		.pro .content{border:1px #FFC986 solid; padding:10px; background:#FFF7EC; margin:10px 0 0 0; overflow:hidden; font-size:12px}
		.pro .name{width:100%; display:block; text-align:center; font-size:20px; padding:5px 0 10px; margin:20px 0 0 0; font-weight:bold}
		.pro .date{display:block; height:30px; text-align:center; line-height:30px; border:1px #e7e7e7 solid; background:#fff; color:#999}
		.pro .title{display:block; font-size:14px; font-weight:bold; width:100%; text-align:left}
		
		.hotpro{border:1px #e7e7e7 solid; padding:4px 10px 2px}
		.hotpro .title{display:block; font-size:14px; font-weight:bold;}
		.updown{padding:0 10px 5px; color:#666; border: 1px solid #e7e7e7; background: #f7f7f7; height:26px; font-size:12px}
		
		.news{width:100%; margin:15px 0 0}		
		.news h2 {
			padding:0 0 5px 0;
			border-bottom: 1px solid #E4F2C8;
			font-size: 14px;
			font-weight: bold;
		}
		.news h2 a{color:#369}
		
		.post-footer {
			margin:10px 0 0;	
			color: #666;
			border: 1px solid #e7e7e7; 
			background: #f7f7f7;
			height:26px;
		}
		.post-footer .date{ 
			margin: 0 5px;	
			padding: 2px 0 0 20px;
			background: #FAF7F5 url(/ui/clock.gif) no-repeat 0 0;
			font-size:12px;
		}
		.post-footer a.comments { 
			margin: 0 5px;	
			padding: 2px 0 0 20px;
			background: #FAF7F5 url(/ui/comments.gif) no-repeat 0 0;
			color: #666;
			text-decoration:none;
			font-size:12px;
		}
		.post-footer a.readmore { 
			margin: 0 5px;	
			padding: 2px 0 0 20px;
			background: #FAF7F5 url(/ui/doc.gif) no-repeat 0 0;
			color: #666;
			text-decoration:none;
			font-size:12px;
		}
		.post-footer a.edit { 
			margin: 0 5px;	
			padding: 2px 0 0 20px;
			background: #FAF7F5 url(/ui/edit-doc.gif) no-repeat -10px 2px 0 0;
			color: #666;
			text-decoration:none;
			font-size:12px;
		}
		.post-info{font-size:12px; color: #999; margin:5px 0 0 }
		.post-info a, .post-info a:visited { color: #666; }
		.post-text{font-size:12px; color:#666; line-height:21px}
		

	  
#footer{padding:20px 0 0; background:url(/ui/pro-b.gif) repeat-x 0 -131px; clear:both}
#footer p{line-height:35px; margin:6px 0 0; color:#666}
#footer p a:link{text-decoration:underline}