@charset "utf-8";
body {
	font: small Arial,Tahoma,"Lucida Grande",Verdana,Helvetica,Lucida,"Arial Unicode",sans-serif,serif;
	background-color: #ffffff;
	margin: 0; /* body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。 */
	color: #000000;
}
#container {
	width: 895px;  
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
}
#header {
    width: 892px;
	height: 65px;
	padding: 5px 0;
	margin: 0; /* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠（即 div 之间出现的无法解释的空白）。如果 div 周围有边框，则不必将边距设置为零，因为边框也会避免边距重叠 */
}
a img {
    border:0;
}

/*菜单*/
#logo                                {float:left; margin:0; padding:6px 0 0 0; width: 110px;}
#header .header-right                {float: right;}
#header .topnav                      {
	float: right;
	margin: 8px 5px 0 0;
	padding: 0;
	width: 170px;
}
#header .topnav ul                   {list-style: none; margin: 0; padding: 0;}
#header .topnav ul li                {float: left; padding: 0 5px 0 5px; border-right: 1px solid #5B5B5B;  font-size: 0.9em; line-height: 1.2em; font-family: Tahoma, Arial, Helvetica, Sans-serif; }
#header .topnav ul li a              {text-decoration: none; color:#666666;}
#header .topnav ul li a:link, 
#header .topnav ul li a:visited      {text-decoration: none; color:#5b5b5b;}
#header .topnav ul li a:hover        {text-decoration: underline; color: #003399;}
#header .topnav .lastlink            {border: none;}


#main_menu{
    float:right;
	padding:0;
	margin:10px 0 0 5px;
	width:770px; 
}
#nav {
	padding: 0; 	
	margin: 0;
}
#nav li {
    float:left;
    list-style-type:none;
    height:37px;
    display:inline;
}

#nav li a {
    display:block;
    height:0px;
	width: auto;
    padding-top:37px;
    overflow:hidden;
    background:url(../image/menu-3.gif) no-repeat;
}

#nav li#home, #nav li#home a {width:104px;}
#nav li#products, #nav li#products a {width:118px;}
#nav li#servicessupport, #nav li#servicessupport a {width:185px;}
#nav li#aboutus, #nav li#aboutus a {width:120px;}
#nav li#news, #nav li#news a {width:97px;}
#nav li#contactus, #nav li#contactus a {width:140px;}

#nav li#home a {background-position:0 0px; color:#ff0000;}
#nav li#products a {background-position:-104px 0px;}
#nav li#servicessupport a {background-position:-222px 0px;}
#nav li#aboutus a {background-position:-407px 0px;}
#nav li#news a {background-position:-527px 0px;}
#nav li#contactus a {background-position:-624px 0px;}

#nav li#home a:hover {background-position:0 -37px;}
#nav li#products a:hover {background-position:-104px -37px;}
#nav li#servicessupport a:hover {background-position:-222px -37px;}
#nav li#aboutus a:hover {background-position:-407px -37px;}
#nav li#news a:hover {background-position:-527px -37px;}
#nav li#contactus a:hover {background-position:-624px -37px;}

#nav li#home a:active {background-position:0 -74px;}
#nav li#products a:active {background-position:-104px -74px;}
#nav li#servicessupport a:active {background-position:-222px -74px;}
#nav li#aboutus a:active {background-position:-407px -74px;}
#nav li#news a:active {background-position:-527px -74px;}
#nav li#contactus a:active {background-position:-624px -74px;}

#nav.home li#home a {background-position:0 -74px !important;cursor:default;}
#nav.products li#products a {background-position:-104px -74px !important;}
#nav.servicessupport li#servicessupport a {background-position:-222px -74px !important;}
#nav.aboutus li#aboutus a {background-position:-407px -74px !important;}
#nav.news li#news a {background-position:-527px -74px !important;}
#nav.contactus li#contactus a {background-position:-624px -74px !important;}


/*产品首页图*/
#productimage_home {
	height:255px;
	margin: 5px 0 0 0;
	padding:0 0 0 0;
}
* html #productimage_home {padding: 5px 0 0 0;}/* IE6 */
*+html #productimage_home {padding: 5px 0 0 0;}/* IE7 */
#productimage_home li {
	float:left;
	list-style-type:none;
	display:inline;
	margin:0 3px 0 0;
	padding:0;
}
#productname_home {
	clear:both;
	margin:0;
	padding:0;
	font-size:small;
	font-weight:bold;
	text-align:center;
}
#productname_home li.whiteboard {background-color:#ff9933;}
#productname_home li.repeater {background-color:#5bbd2c;}
#productname_home li.router {background-color:#ef5a5a;}
#productname_home li.payphone {background-color:#d0d009;}
#productname_home li.whiteboard:hover {background-color:#ec7600;}
#productname_home li.repeater:hover {background-color:#438a20;}
#productname_home li.router:hover {background-color:#ea1c1c;}
#productname_home li.payphone:hover {background-color:#959506;}

#productname_home li {
	float:left;
	list-style-type:none;
	margin:2px 3px 10px 0;
	height:50px;
	width:220px;
    display:table;
	position:relative;	
	padding:0;
}
#productname_home li a{
    margin:0;
	padding:0;
}
#productname_home li div {
	*position:absolute;	
    top:50%;
	left:0;
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
#productname_home li p {
	position:relative;	
    top:-50%;
	text-align:center;
	margin:0;
	padding:0;
}
/* 
1)#productname_home li的 display:table, 
  #productname_home li div的 display:table-cell; vertical-align:middle;
  就可以实现在ff，safari和opera下的垂直居中，但是对ie系列无效;
2)#productname_home li的 position:relative,
  #productname_home li div的 *position:absolute; top:50%; left:0;
  #productname_home li p的 position: relative;  top:-50%;
  通过控制绝对层的位置实现ie6，7下的垂直居中
3) #productname_home li div中的*position:absolute是只给ie6和7看的css hack
4) 对于水平居中要说的是如果holder div的width如果未指明100%，在ie7中它是不会自动延伸100%的，也就无法实现水平居中
*/
#productname_home li p a {
    text-decoration:none;
	color:#ffffff;
}
/*-- about部分--*/
#about, #productselect {
    float:left;
    margin:0;
	padding:0 15px 7px 5px;
    line-height:18px;
	text-align:left;
	width: 380px;
}
#productselect {
    float:left;
    margin:0;
	padding:0 0 7px 5px;
    line-height:18px;
	text-align:left;
	width: 490px;
}
#about h2, #productselect h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	color: #336699;
	font-size: medium;
	font-family: Tahoma, Arial, Georgia, "Times New Roman", Times, serif;
}
#about p{
    margin: 0;
    padding: 2px 0;
	color: #666666;
	text-align:justify;
}
#about p span.emphasis {
	color:#003399;
	font-style:italic;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}
#about p.link{
    text-align:left;
}
#about p a{
	text-decoration:none;
	color:#003399;
}
#about p a:hover{
	text-decoration: underline;
}

.productfr {
    margin-top:0;
}
.gobutton {
	background-color: #84b5ff;
	color: #ffffff;
	font-weight: bold;
	border: 0;
	padding: 0 5px;
	height: 22px;
	font-size: 10px;
	margin-bottom: 3px;
	cursor: pointer;
	font-family: Arial,Tahoma,"Lucida Grande",Helvetica,Verdana,Lucida,"Arial Unicode",sans-serif,serif;
}
.gobutton:hover{
    background-color:#0066ff;
}
.selectlabel {
    color: #666666;
	font-weight: bold;
	margin: 0 0 0 0;
}
.productsl {
	color: #666666;
	margin: 0 0 0 0;
	padding: 0;
	width: 205px;
	font-family: Arial,Tahoma,"Lucida Grande",Helvetica,Verdana,Lucida,"Arial Unicode",sans-serif,serif;
	font-size: 13px;
}
#productslgr1{
    float: left;
	width: 240px;
	margin: 0;
	padding: 0;
	display: line;
}
#productslgr2 {
    float: left;
    width: 240px;
	margin: 0 0 0 10px;
	padding: 0;
	display: line;
	overflow: hidden;		
}
.clear {
    clear: both;
}
#footer {
	clear:both;
	padding: 5px 25px;
	line-height: 18px;
	border-top: 1px solid #D1E0E2;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: small;
    color: #666666;
	text-align:center;
} 
#footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
    line-height:25px;
}
#footer p.copyright {
    font-size:smaller;
}