@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: 100px;
}
#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;color:#ff0000;}
#nav.aboutus li#aboutus a {background-position:-407px -74px !important;cursor:default;}
#nav.news li#news a {background-position:-527px -74px !important;}
#nav.contactus li#contactus a {background-position:-624px -74px !important;}

#main_content h2{
	padding: 5px 0 10px 0;
	font-size: 1.4em;
	font-weight:normal;
	color:#0247b9;
	border-bottom: 1px solid #d1e0e2;
	margin:5px 0 20px 0;
}
#main_content h3{
	padding: 15px 0 10px 0;
	font-size: 1.2em;
	font-weight:normal;
	color:#ff6600;
	margin:5px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#main_content h3.sitemap{
	padding: 0;
	margin: 0 0 20px 0;
}
#main_content h3.sitemap a{
	color:#ff6600;
    text-decoration:none;
}
#main_content h3.sitemap a:hover{
    text-decoration: underline;
}

#main_content h4{
	color:#ff6600;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	line-height:190%;
}
#main_content h4.sitemap{
	margin:10px 0 0 0;
	padding:0;
	line-height:190%;
	font-weight:bold;
}
#main_content h4.sitemap a{
	color:#333333;
	font-family:Arial,Tahoma,"Lucida Grande",Verdana,Helvetica,Lucida,"Arial Unicode",sans-serif,serif;
	text-decoration:none;
}
#main_content h4.sitemap a:hover{
    text-decoration: underline;
}
#main_content div.column1 ul, #main_content div.column2 ul, #main_content div.column3 ul{
    list-style-type: none;
	padding: 0;
	margin: 5px 0 0 0;
}
#main_content div.column1 ul li, #main_content div.column2 ul li, #main_content div.column3 ul li{
	padding: 0;
	margin: 0;
}
#main_content div.column1 ul li a, #main_content div.column2 ul li a, #main_content div.column3 ul li a{
	color:#666666;
    text-decoration:none;
}
#main_content div.column1 ul li a:hover, #main_content div.column2 ul li a:hover, #main_content div.column3 ul li a:hover{
    text-decoration: underline;
	color: #003399;
}
#main_content div.column1 ul.sub, #main_content div.column2 ul.sub, #main_content div.column3 ul.sub{
    list-style-type: none;
	padding: 0;
	margin: 0 0 0 15px;
}

#main_content div.col2 h3{
    margin: 5px 20px 10px 45px;
}
#main_content p{
    color:#666666;
	padding:0;
	margin:7px 0;
	line-height: 140%;
}
#main_content ul{
    margin:7px 20px;
    padding:0;
}
#main_content ul li{
    color:#666666;
	line-height:140%;
	margin:0 0 0 10px;
	padding:0;
}
#main_content div.col2 img{
    margin:7px 20px 20px 45px;
	padding:0;
}
.col1{
    float: left;
	width: 480px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
	display: inline;
}

.col2{
	float: right;
	width: 320px;
	overflow: hidden;
	margin: 0;
	padding: 0 25px 30px 15px;
	display: inline;
	background-color:#ecedff;
}
.column1{
    float: left;
	width: 260px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
	display: inline;
}
.column2{
    float: left;
	width: 310px;
	overflow: hidden;
	margin: 0 0 10px 15px;
	padding: 0;
	display: inline;
}
.column3{
    float: left;
	width: 280px;
	overflow: hidden;
	margin: 0 0 10px 15px;
	padding: 0;
	display: inline;
}

.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.email a {
    color:#666666;
}
#footer p a:hover {
	color:#003399;
}

#footer p.copyright {
    font-size:smaller;
}