html, body{
	width:1002px;
	scrollbar-face-color:#EFEDED;
	scrollbar-base-color:#EFEDED;
	scrollbar-arrow-color:black;
	scrollbar-track-color:#F3F3F3;
	scrollbar-shadow-color:#E5E5E5;
	scrollbar-highlight-color:#CACACA;
	scrollbar-3dlight-color:#CACACA;
	scrollbar-darkshadow-Color:#CACACA;
	margin:0px auto;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
}
p,td{ font-size:12px}
.STYLE1 {
	color: #333333;
	font-weight: bold;
}a:link {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color:#FF0000;
	text-decoration: underline;
	POSITION: relative; 
	TOP: 1px
}


#content{ width:983px; margin:0px 0px 0px 10px; padding:0px; background-image:url(images/bg_15.gif); background-repeat:repeat }

#top{ width:983px; margin:0 auto; float:left; background-color:#FFFFFF}

#mid{ width:983px; margin:0 auto; float:left}
#midleft{ width:618px; float:left; margin:0px;}
#midright{ width:365px; float:left; margin:0px;}
#pshowleft{ width:763px; float:left; margin:0px;}
#pshowright{ width:220px; float:left; margin:0px;}

#mintit{ background-image:url(images/web_08.gif); width:618px; height:50px; line-height:50px;  font-size:14px; font-weight:bold;}
#pshowtit{ background-image:url(images/pshow1.gif); width:763px; height:50px; line-height:50px;  font-size:14px; font-weight:bold;}
#about{ background-image:url(images/web_10.gif);width:618px; height:300px}
#about p{ width:570px; line-height:22px; margin-left:30px; margin-top:10px}
#contact{ background-image:url(images/web_11.gif);width:365px; }

#pshowrbg{ background-image:url(images/pshowbg.gif);width:220px; }

#product1{ background-image:url(images/web_10.gif);width:618px; height:300px}
.productp{width:550px; line-height:22px; margin-left:20px; margin-top:10px}
#pshow1{ background-image:url(images/pshow3.gif);width:763px; height:300px}
.pshow1{width:730px; line-height:22px; margin-left:20px; margin-top:10px}

#bookleft{ width:215px; float:left; margin:0px 0px 0px 15px;}
#bookright{ width:745px; float:left; margin:0px;}
#bookright p{ width:700px; float:left; margin:0px; font-size:12px; line-height:24px}


#footer{width:983px;background-image:url(images/index_25.gif); height:65px; line-height:65px}


/**************product *****************/
#prleft{ width:200px; float:left; margin:0px 0px 0px 0px;}
#prright{ width:770px; float:left; margin:0px; padding-left:10px; }
#prright p{ width:760px; float:left; margin:0px; font-size:12px; line-height:24px}

#productright{ width:770px; float:left; margin:0px; padding-left:10px; }
#product{ width:760px;float:left; margin:0px; }


#PARENT{
 width:200px; border-bottom:#B8B8B8 solid 1px;  border-top:#B8B8B8 solid 1px; margin-left:20px
}
#pspan{width:200px; border-bottom:#B8B8B8 solid 1px;  border-top:#B8B8B8 solid 1px;}
*{margin:0;padding:0;border:0;}
#nav {
 width:230px;
 font-size:14px;
 font-weight:bold;
 line-height: 28px; 
 list-style-type:none;
 text-align:left;
 border:0px #ff0000 solid;
 float:left;
    /*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#nav a {
 width: 230px; 
 display: block;
 /*Width(一定要)，否则下面的Li会变形*/
}
#nav li {
 background:#DBDBDB; /*一级目录的背景色*/
 border-bottom:#FFF 1px solid;
 border-left:#B8B8B8 1px solid;
 border-right:#B8B8B8 1px solid; /*下面的一条白边*/
 float:left;
 height:25px;
 padding-top:5px;
 padding-left:15px;
 /*float：left,本不应该设置，但由于在Firefox不能正常显示
 继承Nav的width,限制宽度，li自动向下延伸*/
}
#nav li a:hover{
 background:#7299D2;
 top:1px; 
 left:2px; 
 position:relative; /*一级目录onMouseOver显示的背景色*/
}
#nav a:link  {
 color:#000000; text-decoration:none;
}
#nav a:visited  {
 color:#000000;text-decoration:none;
}
#nav a:hover  {
 color:#000000;text-decoration:none;font-weight:bold;

}
/*==================二级目录===================*/
#nav li ul {
 list-style:none;
 text-align:left;
}
#nav li ul li{ 
 background: #EBEBEB; /*二级目录的背景色*/
}
#nav li ul a{
         padding-left:20px;
         width:198px;
		 font-size:12px;
		 text-align:center
 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#nav li ul a:link  {
 color:#666; text-decoration:none;
}
#nav li ul a:visited  {
 color:#666;text-decoration:none;
}
#nav li ul a:hover {
 color:#F3F3F3;
 text-decoration:none;
 font-weight:bold;
 background:#4391DB;
 top:1px; 
 left:2px; 
position:relative;
 /* 二级onmouseover的字体颜色、背景色*/
}
/*==============================*/
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}
#nav ul.collapsed {
 display: none;
}