@charset "utf-8";
/* Powered by Mengjin [mengjin@live.com] 2009-03-01 */
@import url("base.css");




/* 框架样式 */
body{
	margin:0;
	padding:0;
	background:white url("background.jpg") 0 0 repeat-x fixed;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	font-size:12px; 
	} 
#container { 
	width: 820px;  /* 使用比最大宽度 (800px) 小 20px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
	background:#eee url("background-content.png") bottom center repeat-x;
	} 
#header{
	background:white url("background-top.gif") 0 0 repeat-x;
	padding: 0 10px 0 10px;
	}
	/* logo图片 */
	#header img.logo{position:absolute;}

	/* 搜索和小标题 */
	#header div.title{float:right;padding-top:17px; text-align: right; font-size:80%;height:78px; width:240px;}
	#header div.title .languagebox *{margin:0;padding:0;}
	#header div.title .languagebox{ text-align: left;padding-top:25px;padding-left:1px;width:150px;height:120px;background:url("changelanguage-bg.gif") 0 0 no-repeat;}
	#header div.title a {text-decoration: none;}
	#header div.title a:hover img{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
	#header div.title .languagebox {float:right;
	position: absolute;
	z-index:133;
	top:33px;
	width:150px;
	}
	#header div.title .languagebox li{list-style:none;text-align: left;}
	#header div.google { padding:3px 0px 0 0; }
	#header div.google input {height:15px;}
	#header div.google input.send {width:63px; height:17px; border:1px solid #000;}


#menu {width:100%; height:28px; background-color:#000;_width:800px;}
	#menu * { font-size: 12px; margin:0px;}
	#menu ul { margin:0px 0px 0px 0px;}
	#menu li {list-style:none; float:left; position:relative;}
	#menu ul ul {visibility:hidden; position:absolute;	z-index:100;
 left:0px; top:28px;}
	#menu ul li:hover ul,
	#menu ul a:hover ul {visibility:visible;}

	#menu a {display:block; color:#fff;background-color:#000;  text-decoration:none; font-weight: bold; padding: 5px 19px 0 20px; height:23px;border-right:0px solid #777;text-align:center;_display:inherit;}
	#menu a:hover { background:#666;color:#FFF;}
	#menu ul ul{}
	#menu ul ul li {clear:both;text-align:left;border-bottom:1px solid #333333}
	#menu ul ul li a{display:block; font-weight: normal; background:#000; width:158px; padding: 4px 0px 0 22px; height:20px;}
	#menu ul ul li a:hover{background:#666;}

.icon-files li {list-style:none; margin:0px; padding:3px 3px 3px 23px; background: url("bullet-file.png") 0 5px no-repeat;}


#homebar {margin:0 10px;}
	#homebar *{color:#333;}
	#homebar img.index {width:800px;height:220px;}
	#homebar div.leftbar{float: left; width:275px; margin: 18px 0 0 0;_ width:265px;}
	#homebar div.leftbar h2{ margin:0px; padding:2px; background: url("index-leftbg.png") 0 20px no-repeat;}
	#homebar div.leftbar ul{margin:0px 0px 10px 0px;}
	#homebar div.leftbar li{list-style:none; margin:0px; padding:0px;}
	#homebar div.leftbar li a{display:block; font-size:11px; padding:0px 0 0px 12px; text-decoration: none; background: url("bullet-foxclub.jpg") 3px 9px no-repeat;_display:inherit;_background: url("bullet-foxclub.jpg") 3px 4px no-repeat;}
	#homebar div.leftbar li a:hover{text-decoration:underline; background-color:#fafafa;}
	#homebar div.main{ margin: 10px 0 24px 308px;}
	#homebar div.main div.about{ width: 490px; border:1px dotted #3A598B; margin-right:-4px;}
	#homebar div.main div.about h2{ padding:5px 0 4px 10px; margin:0px; border-bottom:1px dotted #3A598B;}
	#homebar div.main div.about p{ margin:3px 10px 10px 10px;text-align:justify;}
/* ---------------------------------- */
/* 菜单                               */   
/* ---------------------------------- */
.simpleTree
{
	border-bottom: 1px solid #bbb;
	padding:10px 0px 10px 20px;
}
.simpleTree* { font-size: 9px;}

.simpleTree a { display:block;text-decoration:none; }
.simpleTree a:hover { background-color:#eee; }
.simpleTree li
{
	list-style: none;
	margin:0;
	padding:3px 0 3px 36px;
	margin:0;
	margin-left:-16px;
	background: url(collapsable.gif) -0px 0px no-repeat;
}
.simpleTree li li li{
	float:left;
	padding:3px 0 3px 16px;
	width:150px;	background: url(.gif) -0px 0px no-repeat;

}
#sidebar {
	position: absolute;
	z-index:1;
	top: 123px;
	padding: 38px 0 15px 0;
	width:195px;
	margin: 10px 10px 0 10px;}
	#sidebar/**/{}/*FF*/
	#sidebar/**/{}/*IE5*/
	*html #sidebar {}/*IE*/
	div.sidebar-about {background: #EEE url("left_top_head_about.gif") 0 0 no-repeat;}
	div.sidebar-products {background: #EEE url("left_top_head_products.gif") 0 0 no-repeat;}
	#sidebar div.list *{color:#333; padding:0px; margin:0px; }
	#sidebar div.list li{list-style:none;}
	#sidebar div.list a{display:block;text-decoration: none;}

	/* 左边的列表 */
	#sidebar div.list li a{font-weight:bold; background:#fff url('left-top-sub1.png') 0 0 no-repeat;  width:168px; height:23px; padding:4px 0 0 27px;}
	#sidebar div.list li a.on{color:#3A598B; background:#fff url('left-top-sub1.png') 0 -27px no-repeat; }
	#sidebar div.list li a:hover{color:#3A598B;text-decoration:none; background:#fff url('left-top-sub1.png') 0 -27px no-repeat;}
	/* 二级列表 */
	#sidebar div.list li li a{ font-weight:normal; background:#fff url('left-top-sub2.png') 0 0 no-repeat; width:168px; height:20px; padding:0px 0 0 27px;}
	#sidebar div.list li li a:hover{background: #EEE url("left-top-sub2.png") 0 -20px no-repeat;}
	#sidebar div.list li li a.on{color:#3A598B; background: #EEE url("left-top-sub2.png") 0 -20px no-repeat;}
	/* 三级列表 */
	#sidebar div.list li li li a{ color:#666; font-weight:normal; background:#fff url('left-top-sub2.png') 0 0 no-repeat; width:160px; height:20px; padding:0px 0 0 35px;}
	#sidebar div.list li li li a:hover{background: #EEE url("left-top-sub2.png") 0 -20px no-repeat;}
	#sidebar div.list li li li a.on{color:#3A598B; background: #EEE url("left-top-sub2.png") 0 -20px no-repeat;}




#mainContent { 
	margin: 10px 8px 24px 215px; /* 此 div 元素的右边距会在页面的右下方创建栏 — 无论 sidebar1 div 中包含多少内容，都将保留栏空白。如果您希望在 #sidebar1 中的内容结束时，用 #mainContent div 的文本填充 #sidebar1 空白，则可以删除此边距。 */
	padding: 98px 20px 0px 20px; /* 请记住，填充是 div 方块内部的空间，边距则是 div 方块外部的空间 */
	border-right:2px solid #d4d4d4;
	}
	div.main-index{width:100%; border-bottom:1px solid #eee;}

	div.main-index a{color:#666;text-decoration: none; padding:0 10px 0 10px;background: #fff url("arrow-breadcrumb.jpg") 0 5px no-repeat;}
	div.main-index a:hover{text-decoration: underline;}




	div.main-about {background: #fff url("pagetitle_about.jpg") 0 0 no-repeat;}
	div.main-about p{text-align:justify;}
	div.main-product {background: #fff url("pagetitle_products.jpg") 0 0 no-repeat;}
	div.main-productlist {background: #fff url("pagetitle_products.jpg") 0 0 no-repeat;}
	div.main-contact {background: #fff url("pagetitle_contact.jpg") 0 0 no-repeat;}
	div.main-news {background: #fff url("pagetitle_news.jpg") 0 0 no-repeat;}

	div.main-news p {margin:0px;text-align:justify;}
	div.main-news img {margin:8px;}



	div.main-product div.intro {margin:15px 0 0 0;}
	div.main-product div.intro div.index {width:180px; margin:5px 0 0 0; float:left;}
	div.main-product div.intro div.index img {width:210px; height:158px;}
	div.main-product div.intro div.main { font-size:95%; margin:0 0 0 228px;text-align:justify;}
	div.main-product div.intro div.main h2 { width:auto;padding:0px 0 2px 0px;margin:0px auto; border-bottom:2px solid #ccc;}

div.spec {padding:0 0 12px 0;}
	div.spec h2 {margin:20px 0px 6px 0px; padding:1px 0 3px 5px; font-size:11px; color:#293C5A; background: #eee url(".jpg") 0 0 no-repeat;}
	div.spec td {padding:1px 3px 1px 4px; border-bottom:1px solid #dfdfdf;}
	div.spec table {width:100%; font-size:95%; border-top:1px solid #526A8D; border-bottom:1px solid #526A8D;}
	div.spec table.withimg {width:414px;margin-top: 6px;}
	div.spec table.noborder {border:0px;}
	div.spec table.noborder td {border:0px;padding:0px;}
	div.spec table.center td {text-align:center;}
	div.spec p {font-size:11px; width:auto;margin:4px 4px 4px 4px;text-align:justify;}
	div.spec table.border1 {border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;border-bottom:0px solid #dfdfdf;}
	div.spec table.border1 td {border-right:1px solid #dfdfdf;}
	div.more img.left {float:left;width:134px;margin:6px 6px 2px 0;}
	div.more img.right {float:right;width:134px;margin:6px 6px 2px 0;}
	div.more table.withimg {width:414px;margin-top: 6px;}
	div.more a.rightbox {float:right;margin:6px 0px 2px 6px; display:block; width:134px; text-align:center; border:1px solid #ccc;}
	div.more a:hover.rightbox {border:1px solid #3A598B;}
	div.more a.rightbox img{width:134px;margin:0;padding:0;}

	div.more a.leftbox {float:left;margin:6px 6px 2px 0; display:block; width:134px; text-align:center; border:1px solid #ccc;}
	div.more a:hover.leftbox {border:1px solid #3A598B;}
	div.more a.leftbox img{width:134px;margin:0;padding:0;}
	div.more p {font-size:11px; width:auto;margin:4px 4px 4px 4px;text-align:justify;}
	div.more h3 {color: #333; width:auto;padding:2px 0 2px 0px;margin:0px 4px 0px 0px; border-bottom:0px solid #ccc;}
	div.inquiry {text-align:center; padding:20px 10px;}

	div.main-product div {margin:0 0 12px 0;}

/* main-productlist 产品列表 */

	div.main-productlist h2 {font-weight:normal;margin:20px 10px 6px 0px; padding:3px; font-size:11px; color:#293C5A; background: #eee;text-align:justify;}

	div.main-productlist ul{margin:0px;padding:0px;}
	div.main-productlist li{margin:0px 10px 0px 0px;padding:0px 0px 0px 0px;list-style:none; float:left; width:183px;}
	div.main-productlist li img{width:183px; margin:3px 0px 3px 0;}
	div.main-productlist li h3{padding:4px 0 2px 0px;margin:0px 0 2px 0px;}
	div.main-productlist li a:hover h3 {color:#eee;background: #333;}
	div.main-productlist li p {margin:0px;padding:0px;}
	div.main-productlist li a {display:block; text-decoration: none;}
	div.main-productlist li a:hover {color:#eee;background: #333;}


	div.main-productlist li li { font-size:11px; margin:0px 0 0 0px;}
	div.main-productlist li li a {color:#3A598B; padding:0 0 0 0;}
	div.main-productlist li li li {list-style:none; margin:0px 0px 0px 0px;}
	div.main-productlist li li li a {color:#999; background: #fff; padding:0 0 0 10px;}

#footer { 
	width: 820px;
	background:#000; 
	text-align:left;
} 
#footer *{ color:#ddd;} 
#footer a{ text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
#footer p {
	font-size:80%;
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 25px 10px 10px 10px; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
	background: url("http://img.tongji.cn.yahoo.com/1037572/ystat.gif") -100 0 no-repeat;
}



*html #mainContent { zoom: 1; }/*IE*/