body  {
    font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #666666;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	background: #f4ebd8;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
}
#container { 
	width: 1000px;  /* 970px; 使用比最大宽度 小 20px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	border-left: 1px solid #baa985;
	border-right: 1px solid #baa985;
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
	background: #ffffff;
	background-image:url(images/sidebar_bg.gif); 
	background-position:right; 
	background-repeat:repeat-y; /*只需要垂直方向重复*/
} 
#header { 
    width: 1000px; /* padding的宽度 排除在width的计算之内，所以width+左右的padding 就是890+40+40=970 
	background-image:url(images/top_header1.png); */
	margin: 0 auto;
	padding: 0px 0px 0px 0px;  /* 此填充会将出现在它后面的 div 中的元素左对齐。如果 #header 中使用的是图像（而不是文本），您最好删除填充。 */
    height: 90px; /* 131-30=101 */
	text-align:left;
	background-color:#f4ebd8; /*F2ECE0*/
} 
#header #logo { height:90px; width:1000px; padding:0px 0 0px 0; float:left; }
#header #lgtext{ float:right; line-height:15px; margin:5px 20px 0 0px;}
#header #lgtext h1 {
	font-family: Arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	display:inline;
	color: #666666;
	vertical-align: middle; /* 垂直对齐 必须对应前面有line-height而不是height，否则无法生效  */
}
#nav {
    width: 100%;
	line-height:32px;
	background:url(images/daohang-bg2.gif); 
	margin: 0 auto;
	text-align:center;
}
#nav ul {
	display:block;	
	width:1000px;
	padding:0; 
	margin:0 auto; 
	list-style:none; 
	height:32px; 
}
#nav ul li {
	float:left; /* 空格要用 来代替，否则在DW里有空格的div则会换行。有中文，也会换行 */
	position:relative; 
}
#nav ul li dl { 
    margin: 0; 
	padding: 0; 
	width:100px;
	position:absolute; /* 因为z-index的重叠控制，只有在position为absolute时才有效 */
	z-index:5;
}
#nav ul li dt { 
	margin:0; 
    padding:0px; 
	width:100px;
  	text-align:center;
	background:#fcde8b;
}
#nav ul li dt a, #nav ul li dt a:visited {
	display:block;
	line-height:32px; 
	color:#555;
	text-decoration:none;
	padding:0 0 0 20px;  /* 定义链接的左边距 */
	background: url(images/daohang-normal.jpg);
}
#nav ul li dd {
	text-align:left;
	margin:0; 
    padding:0; 
	color: #4c342a; 
	background: #f4ebd8;
}
#nav ul li dd.last {
	/*border-bottom:1px solid #b00; 可定义最末菜单的样式*/ 
	padding-bottom:5px;
}
#nav ul li dd a, #nav ul li dd a:visited {
   	width:70px; /* 100-30=70 */
	color:#4c342a;  /*酱色*/
    text-decoration:none; 
	padding:0px 0px 20px 30px; /* 这里的上下间距设置很关键，否则对不齐 */
	_padding:0px 0px 0px 30px; /*ie6*/
    background: #f4ebd8 url(images/head01.gif) no-repeat 10px 10px; 
	height:1em;
}

/*默认状态关闭子菜单*/
#nav ul li dd { display:none;}
/*设置鼠标响应*/
#nav ul li:hover dd , #nav ul li a:hover dd { display:block;}  /*ie6*/
#nav ul li:hover, #nav ul li a:hover { border:0;}  /*ie6*/
#nav ul li dd a:hover {
	background: #fcde8b url(images/c01.gif) no-repeat 15px 10px; 
    color:#4c342a;
}
/*针对ie6的设置*/	
#nav ul li table { 
    border-collapse:collapse; 
    padding:0; 
	margin:-1px; 
	font-size:1em;
}

#nav ul li a, #nav ul li dt a { /* 前者没是有下拉菜单的，后者是有下拉菜单的，两种都定义相同的样式 */
	display:block;
	float:left; 
	line-height:32px; 
	color:#4c342a;
	text-decoration:none;
	padding:0 0 0 20px;  /* 定义链接的左边距 */
	background: url(images/daohang-normal.jpg);
}

/* 定义跟菜单栏常规显示相反的样式 */
#nav ul #opp a {
	color:#fff; 
	background: url(images/daohang-hover.jpg);
}
#nav ul #opp a:hover, {
	color:#4c342a; 
	background: url(images/daohang-normal.jpg);
}
#nav ul #opp a b {
	color:#fff; 
	background: url(images/daohang-hover.jpg) no-repeat right top;
}
#nav ul #opp a:hover b {
	color:#4c342a; 
	background: url(images/daohang-normal.jpg) no-repeat right top;
}
/* 定义跟菜单栏常规显示相反的样式 -End- */

#nav ul li a:hover, #nav ul li dt a:hover{
	color:#fff; 
   	background: url(images/daohang-hover.jpg); /* 这里没申明位置，等于默认对齐是left top，双向滑动门的第一个门 */
}
#nav ul li a b, #nav ul li dt a b, #nav ul li a:hover dt a b  { /* 第三个表示的是，IE6的情况下，有悬停在table上，但没有悬停在dt上 */
	font-weight:normal;
	color:#4c342a;
	vertical-align:bottom;
	display:block;
	background: url(images/daohang-normal.jpg) no-repeat right top;
	padding:0 20px 0 0;  /* 定义链接的右边距，之所以要分开定义是因为<a>里要套用滑动门左对齐的开门，<b>里要套用右对齐的闭门，<b>必须顶到<a>这个块的右端 */
}
#nav ul li a:hover b, #nav ul li dt a:hover b, #nav ul li a:hover dt a:hover b { /* 第三个表示的是，IE6的情况下，有悬停在table上，而且也有悬停在dt上 */
	color:#fff; 
   	background: url(images/daohang-hover.jpg) no-repeat right top; /* 双向滑动门，关门 */
}

#sidebar {
	float: right; /* 由于此元素是浮动的，因此必须指定宽度 */
	width: 252px; /* 在符合标准的浏览器中或者在 Internet Explorer 中的标准模式下，此div 的实际宽度除了包括宽度外，还包括填充和边框 */
	margin-bottom:0px;
}

#sidebar dl dd ul {
	margin:0;
	padding:0; /*ie8和Chrome 一定要这行*/
}
#sidebar dl dd ul li {
	list-style-type: none; 
	height:20px;
	padding-top:4px;
	margin:0px;
}
#sidebar dl dd ul li:hover {
	background-color: #f4ebd8; border:0;
}
#sidebar dl dd ul li #sales {
	font-size: 12px;
	color:#00F;
}
#sidebar dl dd ul li #note {
	font-size: 12px;
	color:#999999;
}
#sidebar dl dd ul li a, #sidebar dl dd ul li a:visited {
	padding:0px 0px 20px 25px; /* 这里的上下间距设置很关键，否则对不齐 */
    _padding:0px 0px 0px 25px; /*ie6*/
	background: url(images/head01.gif) no-repeat 0px 0px; 
}
#sidebar dl dd ul li a:hover {
	padding:0px 0px 20px 25px; /* 这里的上下间距设置很关键，否则对不齐 */
	_padding:0px 0px 0px 25px; /*ie6*/
	background: url(images/c01.gif) no-repeat 10px 1px; 
}

#sidebar dl {
	margin:10px 0 0 0;
	padding:0 5px 0 20px;
	_padding:0 5px 0 30px; /*ie6*/
}
#sidebar dl dt{
height:20px;
background-image:url(images/line-title.gif); 
background-position:left bottom; 
background-repeat:no-repeat;
margin-bottom:5px;
_margin-bottom:7px;  /* for IE6 */
}
#sidebar dl dd {
	margin:0px;
}
#sidebar #liuyan dl dd {
	margin:0px;
	line-height:30px;
}
#sidebar dl dd a:link{
	COLOR: #4c342a; TEXT-DECORATION: none;
}
#sidebar dl dd a:visited{
	COLOR: #4c342a; TEXT-DECORATION: none;
}
#sidebar dl dd a:hover{
	COLOR: #f5b022; TEXT-DECORATION: underline; border:none;
}
#sidebar dl dd a:active{
	COLOR: #4c342a; TEXT-DECORATION: none;
}
#sidebar #tonggao {
	width:250px;
}

#sidebar h2 {
	font-family: Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: 0;
	display:inline;
	color: #333333;
}
#sidebar h3 {
	font-family: Arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	margin: 0;
	display:inline;
	color: #4c342a;
}
#sidebar #livechat .live1{
	height:25px;
}
#sidebar #livechat .live1 a, #sidebar #livechat .live1 a:visited{
	background: url(images/head01.gif) no-repeat 0px 2px; 
	background: url(images/head01.gif) no-repeat 0px 0px\0; /*ie8-9*/
}
@-moz-document url-prefix() /*这2行是单独为Firefox写的上面这个定义的Hack.*/
{#sidebar #livechat .live1 a, #sidebar #livechat .live1 a:visited{background: url(images/head01.gif) no-repeat 0px 0px;}} 
#sidebar #livechat .live1 a:hover{
	background: url(images/c01.gif) no-repeat 10px 3px;
	background: url(images/c01.gif) no-repeat 10px 1px\0; /*ie8-9*/
}
@-moz-document url-prefix() /*这2行是单独为Firefox写的上面这个定义的Hack.*/
{#sidebar #livechat .live1 a:hover{background: url(images/c01.gif) no-repeat 10px 1px;}} 
#sidebar #livechat .live2{
	height:25px;
}
#sidebar #livechat .live2 a, #sidebar #livechat .live2 a:visited{
	background: url(images/head01.gif) no-repeat 0px 4px; 
	background: url(images/head01.gif) no-repeat 0px 1px\0; /*ie8-9*/ 	
}
@-moz-document url-prefix() /*这2行是单独为Firefox写的上面这个定义的Hack.*/
{#sidebar #livechat .live2 a, #sidebar #livechat .live2 a:visited{background: url(images/head01.gif) no-repeat 0px 1px;}} 
#sidebar #livechat .live2 a:hover{
	background: url(images/c01.gif) no-repeat 10px 5px;
	background: url(images/c01.gif) no-repeat 10px 2px\0; /*ie8*/
}
@-moz-document url-prefix() /*这2行是单独为Firefox写的上面这个定义的Hack.*/
{#sidebar #livechat .live2 a:hover{background: url(images/c01.gif) no-repeat 10px 2px;}} 

#mainContent { 
	/*margin: 0 262px 0 0;  此 div 元素的右边距会在页面的右下方创建栏 — 无论 sidebar1 div 中包含多少内容，都将保留栏空白。如果您希望在 #sidebar1 中的内容结束时，用 #mainContent div 的文本填充 #sidebar1 空白，则可以删除此边距。 
	_margin: 0 250px 0 0;*/
	float:left;
	width:710px;
	padding: 10px 10px 10px 20px; /* 请记住，填充是 div 方块内部的空间，边距则是 div 方块外部的空间 */
} 
#mainContent p, dt, dd { 
    line-height:20px;
}
#mainContent #aboutcn p { 
    line-height:25px;
}

#mainContent .products { 
	width:710px;
    overflow: visible; zoom:1;
	margin-bottom: 20px;
}

#mainContent .products dl { 
	margin: 0 10px;
}

#mainContent .products dd { 
	margin: 0;
	text-justify:inter-ideograph; text-align:justify; 
}

#mainContent .products .p-img{ 
    float:left;
	width:120px;
	padding:0 20px;
	display:inline;
}

#mainContent .cir {
    MARGIN: 10px 0px 10px 0px;
	width:540px; 
	float:left;
}
#mainContent .cir-top {
MARGIN: 0px 5px; DISPLAY: block; BACKGROUND: #baa985; HEIGHT: 1px; OVERFLOW: hidden; 
}
#mainContent .cir-B1 {
BORDER-LEFT: #baa985 2px solid; MARGIN: 0px 3px; DISPLAY: block; BACKGROUND: #fbf8f1; HEIGHT: 1px; OVERFLOW: hidden; BORDER-RIGHT: #baa985 2px solid;
}
#mainContent .cir-B2 {
BORDER-LEFT: #baa985 1px solid; MARGIN: 0px 2px; DISPLAY: block; BACKGROUND: #fbf8f1; HEIGHT: 1px; OVERFLOW: hidden; BORDER-RIGHT: #baa985 1px solid;
}
#mainContent .cir-B3 {
BORDER-LEFT: #baa985 1px solid; MARGIN: 0px 1px; DISPLAY: block; BACKGROUND: #fbf8f1; HEIGHT: 2px; OVERFLOW: hidden; BORDER-RIGHT: #baa985 1px solid; 
}
#mainContent .cir-main {
BORDER-LEFT: #baa985 1px solid; PADDING: 10px; DISPLAY: block; BACKGROUND: #fbf8f1; OVERFLOW: hidden; BORDER-RIGHT: #baa985 1px solid;
}

#mainContent h1 {
	font-family: Arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom: 0;
	margin-top: 0;
	display:inline;
	color: #555555;
}
#mainContent h2 {
	font-family: Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom: 0;
	margin-top: 0;
	display:inline;
}
#mainContent h3 {
	font-family:  Arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom: 0;
	margin-top: 0;
	display:inline;
}
#mainContent h4 {
	font-family: Arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom: 0;
	margin-top: 0;
	display:inline;
	color:#00F;
}
#footer { 
	width: 1000px;
	margin: 0 auto;
	line-height:20px;
	padding: 10px 0 10px 0; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	background-image:url(images/); background-repeat:repeat-x;
	background: #ffffff;
	border-left: 1px solid #baa985;
	border-right: 1px solid #baa985;
} 
#footer-menu {
	align:center;
	background-color:#fcde8b; 
	padding:5px 0 5px 0;
}
#footer-menu a{
	color:#555;
}
#footer-menu a:hover{
	color:#c00e0e;
}
#footer-line { 
	width: 100%;
	height: 1px;
	margin: 0 auto; 
	background-color:#ccc;
	
}
#bottom p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
	text-align: left;
}
.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用来使页面上的元素向左浮动 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.title-left {
	background-image: url(images/biaoti-bg01.gif);
	background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
	line-height:27px;
	text-align:center;
}

table {
    font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #666666;
}

.float-left {
    float:left;	
}

a:link {
	color: #4c342a;
	text-decoration: none;
}
a:active {
	color: #4c342a;
	text-decoration: none;
}
a:visited {
	color: #4c342a;
	text-decoration: none;
}
a:hover {
	color: #f5b022;
	text-decoration: none;
}
hr { border:1px #cccccc dashed; }

.red {
	color: #ff0000;
}
h3 {
	font-family:  Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom: 0;
	margin-top: 0;
	display:inline;
	color: #666666;
}
#products-list {
	width:90%; margin:5px 20px 5px 20px;
}
#products-list ul li{
	list-style:none; padding:5px 0; width:33%; float:left; margin:-1px 0 0 -1px; border:1px dashed #cccccc;
	text-align:center;
}
a.detail:link {
	color:#4c342a;	TEXT-DECORATION: underline; 
}
a.detail:hover {
	COLOR: #f5b022; TEXT-DECORATION: underline; 
}
a.detail:visited {
	COLOR: #4c342a; TEXT-DECORATION: underline; 
}
a.detail:active {
	COLOR: #4c342a; TEXT-DECORATION: underline; 
}
.editTextarea{
	border:1px dashed #999999;
	padding:10px;
	overflow:auto;
    width:96%;
	text-align:left;
}

.products .expandtitle {
	width:540px; 
	padding:130px 0 0 160px;
	*padding:0px 0 0 160px; /* ie6-7 */
}
.products .expandtitle-en {
	width:540px; 
	margin:0 0 0 160px;
}
.products .expandtitle a, .products .expandtitle-en a, .products .expandtitle a:visited, .products .expandtitle-en a:visited{
	color:#f5b022;
}
.products .expandtitle a:hover, .products .expandtitle-en a:hover{
	color:#4c342a;	
}

.products .stitle1 {
	width:40px;
	background:url(images/show1.png) no-repeat left top;
}
.products .stitle2 {
	width:40px;
	background:url(images/show2.png) no-repeat left top;
}
.products .stitle {
	padding:5px 0 5px 10px;
    font-family:  Arial,sans-serif;
	font-size: 12px;	
}
.products .recp {
	text-align:center;
	width:140px;
}
.products .recp img {
	width:120px;
	height:120px;
	margin: 5px 0;
	border: 1px solid #baa985;
}
.products .recp a, .products .recp a:visited {
	color:#95390c;
}
.products .recp a:hover {
	color:#95390c;
	font-weight:bold;
}
#show1, #show2, #show3, #show4, #show5, #show6, #show7, #show8, #show9, #show10 {
	display:none;
	margin:10px 0px auto;
	padding:3px;
	line-height:20px;
	color: #4c342a;
	background-image:url(images/xxbg3.gif); background-repeat:repeat;
	border: #baa985 1px dashed;
}

.news {
	margin:10px 0;
    font-family:  Arial,sans-serif;
	font-size: 12px;	
}
#news a, #news a:visited {
	color:#00F;
}
#news a:hover {
	color:#4c342a;
}
.line {
	background-image: url(images/line.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #666666;
}
.blue {
	color:#00F;
}
.green {
	color:#168400;
}

a.agreen:link {
	color:#168400;	TEXT-DECORATION: normal; 
}
a.agreen:hover {
	COLOR: #168400; TEXT-DECORATION: normal; 
}
a.agreen:visited {
	COLOR: #168400; TEXT-DECORATION: normal; 
}
a.agreen:active {
	COLOR: #168400; TEXT-DECORATION: normal; 
}
a.h1:link {
	color:#666666;	TEXT-DECORATION: normal; 
}
a.h1:hover {
	COLOR: #666666; TEXT-DECORATION: normal; 
}
a.h1:visited {
	COLOR: #666666; TEXT-DECORATION: normal; 
}
a.h1:active {
	COLOR: #666666; TEXT-DECORATION: normal; 
}

#support{
	margin:30px 50px 0 50px;
}
#support dl {
	margin:0px;
}
#support dl dd {
	text-align:left;
	margin:0;
	padding:3px 0;
}
#support dl dt {
	color:#00F;
}
#support h2 {
	font-size:14px;
}
  #newsct1{display:none; display:block !important; font-size:12px;}
  #newsct2{display:none; display:block !important; font-size:12px;}
  #newsct3{display:none; display:block !important; font-size:12px;}
  #newsct4{display:none; display:block !important; font-size:12px;}
  #newsct5{display:none; display:block !important; font-size:12px;} 
  
#sidebar dl dd .news-title a:link, #sidebar dl dd .news-title a:visited, #sidebar dl dd .news-title a:active, #feedback a:link, #feedback a:visited, #feedback a:active{
	color:#168400;
	TEXT-DECORATION: underline;
}
#sidebar dl dd .news-title a:hover, #feedback a:hover{
	COLOR: #f5b022; 
	TEXT-DECORATION: underline; 
	border:none;
}  
#sidebar dl dd .news-cont a:link, #sidebar dl dd .news-cont a:visited, #sidebar dl dd .news-cont a:active{
	color:#f5b022;
}

#sidebar dl dd .news-cont a:hover{
	color:#4c342a;	
}

.supt-cont a:visited, .supt-cont a:link, .supt-cont a:active{
	color:#168400;
}
.supt-cont a:hover{
	color:#f5b022;	
	TEXT-DECORATION: underline; 
}