@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 0 0 0;
	padding: 0;
	width: 120px;
}
#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;
}
#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;
    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;}
#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;cursor:default;}

.clear {
    clear: both;
}

/**/
#main_content h2{
	padding: 5px 0 10px 0;
	font-size: 1.4em;
	font-weight:normal;
	color:#0247b9;
	margin:5px 0 0 0;
	border-bottom: 1px solid #d1e0e2;
}
.col1{
    float: left;
	width: 480px;
	overflow: hidden;
	margin: 0 5px;
	padding: 0;
	display: inline;
}
.col2{
	float: right;
	width: 320px;
	overflow: hidden;
	margin: 0;
	padding: 15px 20px;
	display: inline;
	background-color:#ecedff;
}
#main_content p{
    color:#666666;
	line-height:140%;
	margin:0;
	padding:10px 0 0 0;
}
#main_content h3{
    color:#096bb3;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 0 7px 0;
	margin:0;
	font-size:1.3em;
}
.col1 form{
    padding: 10px 0 35px 0;
	margin:15px 0 0 0;
}
.col2 h4{
    color:#ff6600;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	padding:20px 0 3px 0;
}
.col2 a{
    color:#096bb3;
}
fieldset{
    float: left;
	width: 99%;
	margin: 0 0 8px 0; 
    padding: 0 0 3px 0; 
	border:1px solid #dbdbdb; 
}
*html fieldset{
    margin-bottom: -2px;/*for IE5 and IE6*/
}
*+html fieldset{
    margin-bottom: -2px;/*for IE7*/
}
legend{
    margin: 0 0 0 10px;
	padding:0 5px;
	color:#666666;
	font-weight:bold;
	font-size:1em;
}
fieldset ol{
    padding: 0 0 7px 0;
	list-style: none;
	margin:12px 0 5px 12px;
}
fieldset ol li{
    padding:0 0 8px 0;
	margin:0 0 0 0;
	float: left;
	clear: left;
	width: 100%;
	color:#666666;
}
*html fieldset ol li{
    margin-bottom: -2px;/*for IE5 and IE6*/
}
*+html fieldset ol li{
    margin-bottom: -2px;/*for IE7*/
}
fieldset ol li ul{
    margin:0 0 0 152px;
	padding:0;
}
*html fieldset ol li ul{
    margin-left: 155px;/*for IE5 and IE6*/
}
*+html fieldset ol li ul{
    margin-left: 155px;/*for IE7*/
}
ul#productlist{
    width:290px;
}
ul#productlist li{
	float:none;
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	background: url('../image/list-image.gif') 1px 0.5em no-repeat;
}
ul#productlist li ul {
    margin:0 0 10px 10px;
	padding:4px 0 0 0;
}
ul#productlist li ul li{
    background:none;
	list-style:none;
	margin:0;
	padding:0;
	line-height:170%;
	float:none;
}
*html ul#productlist li ul li{
    line-height:120%;/*for IE5 and IE6*/
}
*+html ul#productlist li ul li{
    line-height:120%;/*for IE7*/
}

fieldset.message{
    border-style: none;
}
fieldset.submit{
    border-style: none;
	float: none;  
	width: auto;  
	padding-left: 14em; 
}
fieldset.message ol li{
    padding-bottom: 8px;
}
label {
	float: left;
	width: 11em;
	margin-right: 0.5em;
	color:#666666;
}
span.form-required{
    color:#ff6600;
	font-size:larger;
}
input, textarea{
	font-size:1em;
	width: 290px;
	padding: 2px;
	margin: 2px 0;
	border:1px solid #dbdbdb; 
	color:#333333;
	font: small Arial,Tahoma,"Lucida Grande",Verdana,Helvetica,Lucida,"Arial Unicode",sans-serif,serif;
}
input.radio, input.checkbox{
	width: 30px;
	border: none;
}
textarea {
	height: 170px;
}
input:focus, textarea:focus {
	border-color: #39aae4;
}
form select{
    width:295px;
	font: small Arial,Tahoma,"Lucida Grande",Verdana,Helvetica,Lucida,"Arial Unicode",sans-serif,serif;
	color:#666666;
}
input.submit{
    background-color: #84b5ff; 
	color:#ffffff; 
	text-align: center; 
	float: left; 
	font-family: georgia; 
	font-size: 14px; 
	padding: 7px 6px; 
	width: 120px; 
	border: 0;
	margin:0 3px;
}
input.submit:hover{cursor: pointer; background-color: #0066ff;}

#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;
}