﻿/*--------------------------全--局-------------------------------*/
* {
	margin:0;
	padding:0;
	text-decoration:none;
}
body{
	margin:0;
	padding:0;
	color:#000000;
	font-size:12px;
	font-family:"Arial";
	background:#e3edee url("images/white.gif") repeat-x;
}
a{
	text-decoration: none;
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #026972;
	text-decoration: none;
}
a:active {
	color: #cc0000;
	text-decoration: none;
}
ul{
	list-style-type:none;
	list-style-position : outside;
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:keep-all;
}
ol{
	list-style-type:disc;
	list-style-position : outside;
	margin:0 0 0 25px;
	padding:0 0 0 0;
	word-break:keep-all;
}
li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:keep-all;
}
p{
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:keep-all;
}
img{
	border:0;
}
img.c{
	width:360px;
	margin-top:10px;
}
img.leftpic{
	padding:10px;
	float:left;
}
img.rightpic{
	padding:10px;
	float:right;
}
input.text{
	width:300px;
	font-size:11px;
	color:#666;
}
input.utext, input.ptext{
	width:57px;
	height:11px;
	border:#b5b5b5 1px solid;
	font-size:11px;
	padding:2px;
	margin-top:3px;
	color:#666;
	overflow:hidden;
}
input.utext{
	margin-left:8px;
	margin-top:5px;
}
input.ptext{
	margin-left:11px;
	margin-top:5px;
}
input.mbut{
	margin-left:23px;
	margin-top:5px;
}
input.stext, input.sbut{
	display:block;
	overflow:hidden;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
input.stext{
	width:226px;
	height:12px;
	border-style:solid;
	border-color:#aeccd1;
	border-width:2px 0px 2px 2px;
	color:#9f9f9f;
	font-size:11px;
	padding:3px 10px 5px 10px;
}
input.sbut{
	width:73px;
	heigth:24px;
	background:url("images/search.gif") no-repeat left top;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
input.cod{
	width:30px;
}
input.button{
	background:#026972;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	border:#fff 0px solid;
	padding:1px;
	margin-top:8px;
	font-family:Arial, Helvetica, sans-serif;
}
select{
	font-size:11px;
	width:305px;
	font-family:arial;
}
textarea{
	font-size:11px;
	width:302px;
	height:150px;
	font-family:arial;
	color:#666;
}



/*---------------------------------------------------------------*/
#container{
	width:992px;
	margin:0 auto 0 auto;
}

#header, #main, #footer, #home{
	float:left;
}

/*------------------------ home ------------------------*/
#home {padding:10px;background:#fff;width:972px;}
	.homepic, .exhibition {float:left;display:block;overflow:hidden;}
	.homepic {width:600px;height:200px;}
	.exhibition {width:310px;height:200px;padding-left:40px;color:#4e4e4e;font-weight:bold;font-size:11px;}
	.exhibition h2 font {width:0px;height:0px;display:block;overflow:hidden;padding-bottom:25px;}
	.exhibition li {padding-bottom:10px;display:block;line-height:17px;}
	.exhibition li strong {display:block;font-size:13px;}
	.aboutus, .certification, .rd, .productsalert {float:left;display:block;overflow:hidden;margin-top:15px;padding-bottom:15px;font-weight:bold;font-size:11px;}
	.aboutus, .certification, .rd {padding-right:54px;}
	.aboutus h2, .certification h2, .rd h2 {color:#1e8078;font-size:15px;font-weight:bold;line-height:50px;}
	.aboutus li, .certification li, .rd li {margin-bottom:8px;line-height:15px;background:url("images/dot.gif") no-repeat left 5px;padding-left:15px;}
	.aboutus li a, .certification li a, .rd li a, 
	.aboutus li a:visited, .certification li a:visited, .rd li a:visited {color:#4e4e4e;}
	.aboutus li a:hover, .certification li a:hover, .rd li a:hover {color:#026972;}
	.aboutus {width:245px;}
	.rd {width:228px;}
	.productsalert h3 {width:0px;height:0px;overflow:hidden;}
	.productsalert {padding-top:15px;}

/*------------------------ header ------------------------*/
#header{
	width:100%;
	height:136px;
}
	#top{
		width:100%;
		height:95px;
		overflow:hidden;
		border-style:solid;
		border-color:#80adb2;
		border-width:0px 0px 3px 0px;
	}
		#chat, #logo a, #top h1, #search{
			display:block;
			overflow:hidden;
			float:left;
		}
		#logo a{
			width:226px;
			height:50px;
			background:url("images/logo.gif") no-repeat -7px -28px;
		}
		#top h1{
			color:#80adb1;
			font-size:14px;
			width:437px;
			height:25px;
			padding-top:25px;
			font-weight:bold;
		}
		#chat{
			width:100%;
			height:27px;
			text-align:right;
		}
		#search{
			width:329px;
			height:24px;
			padding-top:20px;
		}
	#nav{
		width:990px;
		height:23px;
		background:#026972;
		margin-top:2px;
		border:#004b51 1px solid;
		display:block;
		overflow:hidden;
	}
		#nav a{
			height:23px;
			color:#fff;
			line-height:23px;
			font-weight:bold;
			padding:0px 16px 0px 16px;
			font-size:11px;
			float:left;
			margin-left:1px;
			text-transform:uppercase;
		}
		#nav a:hover, #nav a.curr{
			color:#026972;
			margin-left:1px;
			background:#c1d7d9;
		}


/*------------------------ main ------------------------*/
#main{
	width:100%;
}
	#left, #right{
		float:left;
	}
	#left{
		width:225px;
	}
		.catalog, .contactinfo{
			width:225px;
			float:left;
			margin-bottom:7px;
			display:block;
			overflow:hidden;
			background:url("images/line1.gif") repeat-y;
		}
			.t1, .b1{
				width:100%;
				float:left;
			}
			.t1{
				background:url("images/t1.gif") no-repeat left top;
			}
				.t1 strong{
					width:176px;
					height:21px;
					line-height:17px;
					color:#026972;
					font-size:13px;
					font-weight:bold;
					text-indent:7px;
					margin:9px 0px 0px 21px;
					border-style:solid;
					border-color:#ccc;
					border-width:0px 0px 1px 0px;
					display:block;
				}
			.b1{
				height:13px;
				background:url("images/b1.gif") no-repeat left bottom;
			}
			
		.catalog a, .catalog a:visited{
			color:#000;
			font-weight:bold;
			font-size:11px;
			height:28px;
			line-height:28px;
			width:176px;
			display:block;
			white-space:nowrap;
			text-overflow:ellipsis;
			overflow:hidden;
			margin:1px 0px 0px 21px;
			text-indent:7px;
			text-transform:capitalize;
			background:url("images/dot1.gif") repeat-x left bottom;
		}
		.catalog a:hover, .catalog a.curr{
			color:#026972;
			background:url("images/dot1.gif") repeat-x left bottom;
			/*
			color:#fff;
			background:#76a7ac url("images/dot1.gif") repeat-x left bottom;
			*/
		}
		.catalog a.curr strong{
		/*
			color:#fff !important;
			background:#76a7ac url("images/dot1.gif") repeat-x left bottom;
			display:block;
			*/
		}
		.catalog a.sc, .catalog a.sc:visited{
			background:url("images/dot1.gif") repeat-x left bottom;
			font-weight:normal;
			font-size:11px;
			color:#000;
			height:17px;
			line-height:17px;
			text-indent:14px;
		}
		.catalog a.sc:hover, .catalog a.sc.curr{
			color:#026972 !important;
		}
		
		.contactinfo{
			font-size:11px;
		}
		.contactinfo address{
			font-style:normal;
			width:176px;
			color:#757575;
			line-height:19px;
			margin:1px 0px 0px 25px;
		}
		
	#right{
		width:760px;
		overflow:hidden;
	}
		
		#pos, .content{
			padding:0px 15px 0px 15px;
			display:block;
			width:730px;
			float:left;
		}
		#pos, .bar{
			height:34px;
			line-height:34px;
			text-indent:8px;
			margin-top:2px;
			font-size:11px;
			color:#fff;
			margin-bottom:4px;
			background:#76a7ac;
		}
			#pos a, #pos a:visited{
				color:#fff;
			}
		.content{
			background:#fff;
			padding-bottom:15px;
		}
			.content h2{
				font-size:20px;
				font-weight:bold;
				line-height:68px;
				text-indent:8px;
				display:block;
				border-style:solid;
				border-width:0px 0px 1px 0px;
				border-color:#c1c1c1;
				width:100%;
				overflow:hidden;
				margin-bottom:15px;
				text-transform:capitalize;
			}
		em.products{
			width:730px;
			margin:10px 0px 10px 0px;
			font-style:normal;
			display:block;
			float:left;
			background:url("images/dot1.gif") repeat-x left bottom;
			padding-bottom:5px;
		}
		
		a.pros{
			width:180px;
			display:block;
			float:left;
			overflow:hidden;
			margin-right:15px;
			text-align:center;
		}
		
		.rightinfo{
			float:left;
			display:block;
			width:520px;
		}
			.rightinfo h3{
				font-size:15px;
				font-weight:bold;
				line-height:25px;
				color:#026972;
			}
			a.pname{
				font-weight:bold;
				display:block;
				width:100%;
				font-size:13px;
				text-transform:uppercase;
			}
			.sdes{
				font-size:12px;
				line-height:14px;
				display:block;
				margin:5px 0px 5px 0px;
				color:#414141;
				/*
				height:140px;
				overflow:hidden;
				*/
			}
			.sdec{
				float:right;
				width:200px;
				display:block;
				overflow:hidden;
			}
			a.getmore{
				width:520px;
				height:20px;
				display:block;
				background:url("images/see_models.gif") no-repeat right top;
				overflow:hidden;
			}
		.bar{
			float:left;
			text-transform:uppercase;
			font-weight:bold;
			margin-top:10px;
			color:#cc0000;
		}
		.pics{
			overflow:hidden;
			width:280px;
			padding:0px 0px 0px 10px;
			display:block;
			float:left;
		}
			.prob{
				width:250px;
				height:auto;
				display:block;
				overflow:hidden;
			}
			.morepics{
				width:250px;
				display:block;
				overflow:hidden;
			}
				.colors, .pdf, .cart{
					display:block;
					margin:10px 0px 5px 0px;
					font-weight:bold;
					overflow:hidden;
				}
				.pdf{
					height:30px;
				}
				.morepics a img{
					width:50px;
					height:50px;
					margin:5px 5px 0px 0px;
					border:#ccc 1px solid;
					cursor:pointer;
				}
		.details, .desc{
			width:430px;
			overflow:hidden;
			line-height:18px;
			font-size:13px;
			color:#333;
			display:block;
			float:left;
			font-weight:normal;
		}
		a.inquiry{
			display:block;
			margin:30px 0px 5px 0px;
		}
		
		.also{
			width:100%;
			display:block;
			float:left;
			font-weight:normal;
		}
			.desc strong.item{
				font-size:20px;
				line-height:30px;
				font-weight:bold;
				color:#cc0000;
			}
			.details h3, h3.also_t{
				font-size:15px;
				font-weight:bold;
				line-height:30px;
				display:block;
				margin-top:20px;
			}
			h3.also_t{
				border-style:solid;
				border-width:0px 0px 1px 0px;
				border-color:#c1c1c1;
				text-indent:10px;
			}
			.desc h4{
				font-size:18px;
				line-height:40px;
				text-transform:uppercase;
				display:block;
			}
	.products2{
		width:100%;
		height:auto;
	}
	.products2 li{
		width:180px;
		height:160px;
		display:block;
		overflow:hidden;
		float:left;
		text-align:center;
		margin-top:10px;
	}
		a.pro_s{
			display:block;
		}
		a.pro_name{
			display:block;
			width:150px;
			font-weight:bold;
			margin:0px auto;
		}
		a.back, a.backtolist{
			width:100%;
			line-height:30px;
			display:block;
			font-weight:bold;
			float:left;
			border-style:solid;
			border-width:1px 0px 0px 0px;
			border-color:#c1c1c1;
			margin-top:30px;
			overflow:hidden;
			text-indent:10px;
		}
		a.backtolist{
			border:0px;
			text-align:right;
			width:97%;
		}
		u{
			color:#026972;
		}
	.main_c, .workshop, .ce{
		padding-left:10px;
		padding-right:5px;
		display:block;
		line-height:18px;
	}
	img.map{
		border:#026972 1px solid;
	}
	
			.workshop b{
				display:block;
				float:left;
			}
			.workshop b{
				width:200px;
				height:150px;
				display:block;
				border:#ccc 1px solid;
				margin:15px;
				text-align:center;
				overflow:hidden;
				padding:1px;
			}
			.workshop img{
				margin:0px auto 0px auto;
			}
		.ce li{
			width:100%;
			float:left;
			display:block;
			margin-bottom:10px;
			padding-bottom:10px;
			background:url("images/dot1.gif") repeat-x left bottom;
		}
		.ce li b{
			width:180px;
			display:block;
			float:left;
		}
		.ce li i{
			width:520px;
			display:block;
			float:left;
			font-style:normal;
			line-height:16px;
			font-size:11px;
		}
		.ce li i br{
			width:520px;
			background:url("images/dot1.gif") repeat-x left bottom;
			display:block;
		}
		.ce li i strong{
			width:150px;
			line-height:30px;
		}
		.leftimg{
			float:left;
			display:block;
			padding:0px 10px 10px 0px;
		}
		.rightimg{
			float:right;
			display:block;
			padding:0px 0px 10px 10px;
		}
	.uls li{
		margin-left:30px;
		display:block;
	}
	ol.sircle{
		list-style-type:circle;
	}
	.leftc, .rightc{
		display:block;
		float:left;
	}
	.leftc{
		overflow:hidden;
		width:204px;
		text-align:center;
	}
	.leftc img{
		padding:1px;
		border:#ccc 1px solid;
		margin-top:5px;
	}
	.rightc{
		width:490px;
		padding-left:10px;
	}

/*------------------------ pagebar ------------------------*/
	#pagebar{
		width:728px;
		float:left;
		display:block;
		clear:both;
		padding:10px 0px 20px 0px;
		color:#666;
		line-height:20px; 
		height:auto;
		text-align:right;
		}
	#pagebar a{ padding:1px 5px; margin:0 2px; text-align:center; font-weight:bold; font-family:Arial, Courier, "Courier New", Tahoma, Verdana; border:1px solid #848484; text-decoration:none;color:#666; }
	#pagebar a:hover{border:1px solid #026972; color:#026972; text-decoration:none;}

/*------------------------ footer ------------------------*/
#footer{
	width:100%;
	height:24px;
	text-align:center;
	color:#676767;
	font-size:11px;
	line-height:24px;
}
	#f_nav{
		background:#edf7f7;
	}
	#f_nav a{
		padding:0px 5px 0px 5px;
	}
	
	
/*------------------------ index.htm ------------------------*/

body#whitebg{background:#fff;}
.logo{text-align:center;margin:45px auto;}
#products{text-align:center;}
#products a, #products a:visited{margin:6px;}
#keywords{width:730px;margin:50px auto 0px auto;line-height:17px;color:#8A8A8A;font-size:11px;text-align:center;}
#keywords a, #keywords a:visited{color:#000;}
#keywords a:hover{color:#026972;}