@charset "utf-8";
/* CSS Document */

body{
	margin:0px auto;
	padding:0px;
	background:#f6f6f6 url(images/bg-page.jpg) center repeat-y;
	font-family:Verdana, Geneva, sans-serif;}
.clr{
	display:block;
	margin:0px;
	padding:0px;
	height:0px;
	line-height:0px;
	clear:both;}
.top{
	display:block;
	margin:0 auto;
	padding:0;
	width:930px;
	height:95px;
	background:url(images/bg-top.jpg) repeat-x;}
.logo{
	display:block;
	float:left;
	width:380px;}
	.logo img{
		border:0px;}
.rightnavi{
	display:block;
	float:right;
	width:337px;
	height:20px;
	background:url(images/bg-rightnavi.jpg) no-repeat;
	font-size:10px;
	text-align:right;
	padding-right:30px;
	padding-top:5px;
	color:#FFF;}
	.rightnavi a{
		color:#FFF;
		text-decoration:none;}
		.rightnavi a:hover{
			color:#fc0;}
.search{
	display:block;
	float:right;
	width:237px;
	height:20px;
	font-size:10px;
	padding-left:120px;
	margin-top:14px;
	color:#FFF;}
	.search span{ display:block; float:left;}
.search01{
	border:0px;
	height:20px;
	background: url(images/bg-search.jpg) repeat-x;
	margin:0px;}

.page{
	display:block;
	margin:0 auto;
	padding:0px 0px 0px 1px;
	width:930px;
	background:#f6f6f6;}
.tab{
	display:block;
	margin:0 auto;
	width:916px;
	background:url(images/tab-bg.jpg) repeat-x;
	height:239px;}
	.tab span{
		display:block;
		float:left;}

.pagefoot{
	display:block;
	margin:0 auto;
	padding:0;
	width:910px;
	padding-left:20px;
	height:86px;
	background:url(images/bg-foot.jpg) repeat-x;
	font-size:12px;}

.footnavi{
	display:block;
	float:left;
	width:400px;
	color:#FFF;
	height:28px;
	line-height:28px;
	}
	.footnavi a{
		color:#FFF;
		text-decoration:none;}
		.footnavi a:hover{
			color:#FC0;}
.footfriendlylink{
	display:block;
	float:left;
	width:320px;
	color:#adc1cf;
	padding-left:20px;
	background:url(images/friendlinksep.jpg) no-repeat left;
	height:28px;
	line-height:28px;}
	.footfriendlylink a{
		color:#adc1cf;
		text-decoration:none;}
		.footfriendlylink a:hover{
			color:#FC0;}

.aboutleft{
	display:block;
	float:left;
	padding-left:20px;
	width:480px;
	border-right:1px dotted #ccc;
	font-size:14px;
	line-height:180%;
	margin:8px 0px;}
.aboutleftunder{
	display:block;
	float:left;
	border-top:1px dotted #ccc;
	margin-top:30px;
	padding-top:20px;
	width:470px;
	font-size:12px;
	color:#304f62;
	padding-bottom:30px;}
.aboutleftunder span{
	display:block;
	float:left;}
.aboutright{
	display:block;
	float:left;
	width:370px;
	padding-left:15px;
	padding-top:20px;}
.productcate{
	display:block;
	float:left;
	width:186px;
	padding-left:10px;}

.pagepro{
	display:block;
	margin:0 auto;
	padding:0px 0px 0px 1px;
	width:930px;
	background:#f6f6f6 url(images/bg-propage.jpg) repeat-y left;}
.sep8px{
	display:block;
	float:left;
	background:#f6f6f6;
	width:930px;
	height:8px;
	line-height:8px;}

.cateposition{
	display:block;
	float:left;
	width:680px;
	padding:3px 0px 3px 10px;
	font-size:12px;
	color:#304f62;
	background:#e9eff3;
	font-weight:bold;}
.prolist{
	display:block;
	float:left;
	width:706px;
	padding-left:10px;}
	.prolist img{ border:0px; margin-bottom:6px;}
.prolist ul{
	display:block;
	float:left;
	margin:0px;
	padding:0px 0px 20px 0px;
	font-size:12px;
	list-style:none;
	border-bottom:1px dotted #ccc;
	width:700px;}

.prolist ul li{
	display:block;
	float:left;
	width:72px;
	overflow:hidden;
	margin-left:10px;
	margin-right:18px;
	margin-bottom:20px;
	margin-top:15px;}

.prolist ul li a{
	color:#333;
	text-decoration:none;}
	.prolist ul li a:hover{
		color:#f60;}




.prolist2{
	display:block;
	float:left;
	width:706px;
	padding-left:10px;}
	.prolist2 img{ border:0px; margin-bottom:6px;}
.prolist2 ul{
	display:block;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	list-style:none;
	border-bottom:0px;}

.prolist2 ul li{
	display:block;
	float:left;
	width:50px;
	overflow:hidden;
	margin-left:10px;
	margin-right:18px;
	margin-bottom:20px;
	margin-top:15px;}

.prolist2 ul li a{
	color:#333;
	text-decoration:none;}
	.prolist2 ul li a:hover{
		color:#f60;}

.pagetotal{
	display:block;
	float:left;
	width:300px;
	color:#006666;
	font-size:12px;
	height:30px;
	line-height:30px;
	margin-top:8px;}

.pagesep{
	display:block;
	float:right;
	width:300px;
	font-size:12px;
	height:30px;
	line-height:30px;
	margin-top:0px;}

/*CSS manu style pagination*/

.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: right; font-size:12px;
}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.manu .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

.prodetail{
	display:block;
	float:left;
	width:100%;
	border-bottom:1px dotted #ccc;
	padding-top:15px;
	padding-bottom:8px;}

.bigpic{
	display:block;
	float:left;
	width:400px;}
	.bigpic img{
		border:5px solid #FFF;}
.detailtext{
	display:block;
	float:left;
	font-size:14px;
	line-height:180%;
	color:#006666;
	padding-left:20px;}
.detailtit{
	font-weight:bold;}
.case{
	display:block;
	margin:0 auto;
	width:878px;
	padding:10px 0px;}

.caseleft{
	display:block;
	float:left;
	width:224px;
	padding-right:10px;
	border-right:1px dotted #ccc;}
.caseright{
	display:block;
	float:left;
	width:622px;
	padding-left:20px;}
.caseright2{
	display:block;
	float:left;
	width:602px;
	padding-left:20px;}
.caselistblock{
	display:block;
	float:left;
	width:181px;
	height:137px;
	background:url(images/bg-smallblock.jpg) repeat-x;
	margin-right:25px;
	margin-bottom:20px;}
.casetit{
	display:block;
	float:left;
	color:#FFF;
	font-size:12px;
	padding-left:10px;
	padding-top:4px;
	font-weight:bold;}
.casemore{
	display:block;
	float:right;
	padding-top:4px;
	padding-right:6px;}
	.casemore img{
		border:0px;}

.caselistblock ul{
	list-style:none;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	font-size:12px;
	padding-top:15px;}
	.caselistblock ul li{
		display:block;
		float:left;
		clear:both;
		height:19px;
		line-height:19px;
		width:180px;}
.casedetail{
	display:block;
	float:left;
	width:100%;
	background:url(images/bg-casedetailtit.jpg) repeat-x;
	height:36px;
	color:#FFF;
	padding-top:4px;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;}	
.caseright2 ul{
	display:block;
	float:left;
	width:612px;
	margin:0px;
	padding:0px;
	list-style:none;
	background:#e9eff3;
	font-size:12px;
	padding-bottom:20px;
	height:330px;}
	.caseright2 ul li{
		display:block;
		float:left;
		height:28px;
		line-height:28px;
		width:200px;}
.contactcard{
	display:block;
	float:left;
	width:430px;}
.contactadd1{
	display:block;
	float:left;
	width:420px;
	background:url(images/bg-casedetailtit.jpg) repeat-x;
	height:36px;
	color:#FFF;
	padding-top:4px;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;}	
.contacttext{
	display:block;
	float:left;
	height:140px;
	line-height:220%;
	font-size:12px;
	background:#e9eff3;
	width:400px;
	padding:10px 15px;}

.listperson ul{
	display:block;
	float:left;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
	}
	.listperson img{ border:0px;}
	.listperson ul li{
		display:block;
		float:left;
		width:187px;
		padding:6px;
		border:1px solid #ccc;
		background:#FFF;
		margin-right:20px;
		margin-bottom:20px;}
.sendleft{
	display:block;
	float:left;
	width:300px;
	font-size:12px;
	line-height:220%;}
.sendright{
	display:block;
	float:left;
	width:550px;
	font-size:12px;
	border-left:1px dotted #ccc;
	padding-left:20px;
	margin-bottom:20px;}
.textblue{
	color:#069;}
.pagenum{
	display:block;
	float:left;
	width:700px;}
.navi{
	display:block;
	float:left;
	margin:0 auto;
	width:930px;}


.caseright3{
	display:block;
	float:left;
	width:622px;
	padding-left:20px;}
	.caseright3 ul{
	display:block;
	float:left;
	width:612px;
	margin:0px;
	padding:0px;
	list-style:none;
	background:#e9eff3;
	font-size:12px;
	padding-bottom:20px;}
	.caseright3 ul li{
		display:block;
		float:left;
		height:156px;
		line-height:28px;
		width:180px;
		background:#FFF;
		border:1px solid #cdd8de;
		padding:5px;
		margin:0px 4px 20px 4px;}
		.caseright3 ul li a{
			color:#000;
			text-decoration:none;}
			.caseright3 ul li a:hover{
				color:#f60;}
.caseleft ul{
	display:block;
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;
	width:224px;
	font-size:12px;
	background:#e9eff3;
	padding-bottom:10px;}
	.caseleft ul li{
		display:block;
		float:left;
		width:210px;
		height:26px;
		line-height:26px;}
		.caseleft ul li a{
			color:#000;
			text-decoration:none;}
			.caseleft ul li a:hover{
				color:#F60;}
.caseshow{
	display:block;
	float:left;
	width:582px;
	padding:15px;
	font-size:12px;
	line-height:180%;
	background:#e9eff3;}