@charset "utf-8";
A { FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none; }

A:hover { FONT-SIZE: 12px; COLOR: #FF8C00; TEXT-DECORATION: none; }

body {
	font: 0.75em Arial,Verdana,  Helvetica, sans-serif;
	background: #cccccc;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #000000;
}

DD { padding: 0; MARGIN: 0; LIST-STYLE-TYPE: none; }

DL { padding: 0; MARGIN: 0; LIST-STYLE-TYPE: none; }

DT { padding: 0; MARGIN: 0; LIST-STYLE-TYPE: none; }

H1 { padding: 0; FONT-WEIGHT: normal; MARGIN: 0; }

H2 { padding: 0; MARGIN: 0; }

H3 { padding: 0; MARGIN: 0;}

H4 { padding: 0; MARGIN: 0; }

H5 { padding: 0; MARGIN: 0; }

H6 { padding: 0; MARGIN: 0; }

FORM { padding: 0; margin: 0;}

IMG { border-width: 0; padding: 0; margin: 0; }

LI { padding: 0; MARGIN: 0; LIST-STYLE-TYPE: none; }

UL { padding: 0; MARGIN: 0; LIST-STYLE-TYPE: none; }

.clearfloat {
	/* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear: both;
	height: 0;
	line-height:0;
	overflow: hidden;
}

.fltlft {
	/* 此类可用来使页面上的元素向左浮动 */
	float: left;
	margin-right: 8px;
}

.fltrt {
	/* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
	margin-left: 8px;
}

.twoColFixLtHdr #container {
	width: 777px; /* 使用比最大宽度 (800px) 小 20px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
	background: #FFFFFF;
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	border-top: 0;
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
}

.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	margin: 10px 0 0 0;
	border-top: #ACACAC 1px solid;
	text-align: center;
	color: #4C4C4C;
	font-size: 12px;
}

.twoColFixLtHdr #footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}

.twoColFixLtHdr #header {
	float: left;
	width: 777px;
	background: black;
	padding: 0; /* 此填充会将出现在它后面的 div 中的元素左对齐。如果 #header 中使用的是图像（而不是文本），您最好删除填充。 */
}

.twoColFixLtHdr #mainContent {
	margin: 0 0 0 178px;
	*margin: 0 0 0 150px; /* 此 div 元素的左边距会在页面的左下方创建栏 — 无论 sidebar1 div 中包含多少内容，都将保留栏空白。如果您希望在 #sidebar1 中的内容结束时，用 #mainContent div 的文本填充 #sidebar1 空白，则可以删除此边距。 */
	padding: 0 0 0 6px; /* 请记住，填充是 div 方块内部的空间，边距则是 div 方块外部的空间 */
	*padding: 0 0 0 3px;
}

.r{
	float: left;
}

#mainContent #maintop dl{
	float: left;
	width: 589px;
	border-bottom: #9C9C9C 1px solid;
	border-left: #9C9C9C 1px solid;
	border-right: #9C9C9C 1px solid;
}
#mainContent #maintop dl #t1{
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	color: black;
	word-spacing: 1px;
	padding-top: 8px;
}
#mainContent #maintop dl #t2{
	font-weight: bold;
	font-size: 14px;
	color: red;
	padding: 6px 0;
}
#mainContent #maintop dl #t3{
	font-size: 12px;
	padding-left: 2px;
	line-height: 15px;
	color: #484747;
}
#mainContent #maintop dl dt img{
	margin: 2px 2px 0 2px;
}
#mainContent #maintop dl dt{
	float: left;
}
/*index product start*/
#mainContent #indexPro{
	margin-top: 10px;
	*margin-top:5px;
}
#mainContent #indexPro #proleft{
	float: left;
	width: 188px;
}
#mainContent #indexPro #proleft #protopgb{
	float: left;
	width: 188px;
	height: 20px;
	line-height: 20px;
	background: url(../images/indexProTop.gif) no-repeat left ;
}
#mainContent #indexPro #proleft #proimg{
	width: 186px;
	text-align: center;
	border-bottom: #9C9C9C 1px solid;
	border-left: #9C9C9C 1px solid;
	border-right: #9C9C9C 1px solid;
	background: #F7F7F7;
}
#mainContent #indexPro #proleft #proimg div{
	padding-bottom: 8px;
	font-weight: bold;
	font-size: 12px;
}
#mainContent #indexPro #proleft #protopgb{
	text-align: center;
	color: white;
	font-size: 12px;
}
#mainContent #indexPro #protext{
	float: left;
	padding-left: 2px;
	line-height: 15px;
	width:400px;
}
#mainContent #indexPro #promore{
	float: left;
	margin-top: 4px;
}
#mainContent #indexPro #promore A{
	font-weight: bold;
	font-size: 12px;
	color: blue;
}
/*product page*/

#mainContent #indexPro #productText1{
	float: left;
	width: 200px;
}
#mainContent #indexPro #productText1 #productTitle{
	color: black;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	padding-left: 10px;
}
#mainContent #indexPro #productText1 #promainText{
	line-height: 16px;
	font-size: 12px;
}
#mainContent #indexPro #productText1 #promainText li{
	list-style: url(../images/hier.gif);
}
#mainContent #indexPro #productText1 #promainText ul{
	margin-left: 14px;
}
/*product main page start*/
#mainContent #mainpro{
	float: left;
	margin-top: 5px;
	border: #f5f5f5 1px solid;
}
#mainContent #mainpro div{
	float: left;
	margin-right: 2px;
	*margin-right: 1px;
	border: #deb887 1px solid;	
}
#mainContent #mainpro #mainRight{
	float: left;
	margin-left: 2px;
	*margin-left:1px;	
	cursor: pointer;
	border: none;
}
#mainContent #mainpro #mainRight div{
	float: left;
	margin: 4px 1px 4px 1px;
	#margin: 2px 1px 2px 1px;
	*margin: 2px 1px 2px 1px;
	padding: 1px;
	border: #dcdcdc 1px solid;
}
#mainContent #mainpro #mainRight img{
	width: 60px;
	height: 36px;
}
#mainContent #mainpro #mainRight .click{
	float: left;
	margin: 4px 1px 4px 1px;
	_margin: 2px 1px 2px 1px;
	*margin: 2px 1px 2px 1px;
	padding: 1px;
	border: 1px solid #a0522d;
}
#mainContent #mainProText{
	width: 589px;
	background: #deb887;
	padding: 6px 2px;
	_padding: 3px 1px;
	*padding: 3px 1px;
}

#mainContent #mainProText #a{
	font-size: 16px;
	font-weight: bold;
}
#mainContent #mainass{
	float: left;
	margin-top: 5px;
	margin-right: 8px;
	_margin-right: 4px;
	*margin-right: 4px;
	border: 1px solid #dcdcdc; 
}
#mainContent #mainass img{
	padding: 2px;
}
#mainContent #mainass div{
	background: #f5f5f5;
	text-align: center;
	border-left: #f5f5f5 1px solid;
	border-right: #f5f5f5 1px solid;
	font-size: 12px;
	}
#mainContent #compText{
	padding-left: 16px;
	_padding-left: 8px;
	*padding-left: 8px;
	line-height: 16px;
}
/*index product end*/
/*page div*/
#mainContent #page{
	float: right;
	margin-top: 6px;
}
#mainContent #page A{
	color: #976200;
	font-weight: bold;
}
/*page end*/
.twoColFixLtHdr #left {
	float: left; /* 由于此元素是浮动的，因此必须指定宽度 */
	width: 177px; /* 在符合标准的浏览器中或者在 Internet Explorer 中的标准模式下，此 div 的实际宽度除了包括宽度外，还包括填充和边框 */
	background: #EBEBEB; /* 将显示背景色，其宽度等于栏中内容的长度，*/	
	padding: 0 0 2px 0;
	margin: 0;
	border-right: #ABABAB 1px solid;
}
#left #leftLi{
	height: 8px;
	background: url(../images/leftLi.gif) no-repeat right;
}
#left #leftNewproduct{
	margin-left: 12px;
}
#left #newprotext{
	text-align: left;
	padding: 0 0 0 2px;
}
#left #leftNewproduct li A{
	font-size: 13px;
	line-height: 20px;
	color: #4B4A4A;
}
#left #leftNewproduct li A:hover{
	font-size: 13px;
	color: #000000;
	background: #dcdcdc;
}
#left #leftass{
	text-align: center;
}
#left #leftass img{
	padding: 2px;
	border: silver 1px solid;
}
#left #asstext{
	text-align: center;
	padding: 2px 0 2px 0;
}

#header #bannerMeun{
	float: left;
	width: 569px;
	height: 30px;
	line-height: 22px;
	background: white url(../images/meunBg.gif) repeat-x left top;
}

#header #bannerMeun #bgline {
	float: left;
	padding: 0 4px 0 4px;
	height: 22px;
	background: url(../images/menuCom.gif) no-repeat center;
}

#header #bannerMeun A{ font-weight: bold; color: #434343; }

#header #bannerMeun A:hover { FONT-SIZE: 12px; COLOR: #FF8C00; TEXT-DECORATION: none; }

#header #bannerMeun li { color: #FFFFFF; float: left; padding: 0 8px 0 8px; }

#header #bannerMeun ul { list-style: none; margin: 0; padding: 0; }

#header #date{
	float: left;
	width: 569px;
	background: #4C4C4C url(../images/logoleft.gif) no-repeat left;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	text-align: right;
	color: white;
	padding: 0;
	margin: 0;
}

#header #logo{ float: left; width: 208px; padding: 0; margin: 0; }

#header #logo2{ float: left; width: 205px; }

#header #logoRight{ float: left; }

.nav{
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0 4px 0;
	border-bottom: #f5f5f5 1px solid;
}

/*query */
#mainContent #maintop dl #q2{
	font-weight: bold;
	font-size: 14px;
	color: red;
	padding: 12px 0 0 2px;
}
#mainContent #maintop dl #q3{
	font-size: 12px;
	padding-left: 2px;
	line-height: 15px;
	color: #484747;
	border-bottom: 1px solid #f6f6f6;
}