/*=== maxma 20010-6-12 */
@charset "utf-8";
body {padding:0;margin:0;color:#000;font:normal 12px 黑体,Arial,Tahoma,sans-serif;background:#fff url(../images/system/bg.gif) repeat-x;height:100%;}
a {outline: none;}
a:link {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#709929;text-decoration:none;}
a:active {color:#000;text-decoration:none;}

* {padding:0;margin:0;font-size:12px;font-style:normal;font-family:Arial,Tahoma,sans-serif;}
img,a img {border:0;}
ul,ol {list-style:none;}
.clear {clear:both;height:0;overflow:hidden;}
.btn {cursor:pointer;font-size:12px;border:0;}
a.btn:hover,a.btn2:hover {color:#000;}
/*=== header */
.clearfix {
	width:960px;
	margin:0 auto;
	clear:both;
}
.index_banner {
	margin:0 auto;
	width:960px;
	height:482px;
}
#header {margin:-462px auto 0 auto;width:960px;height:42px;padding:5px 0 13px 0;background:url(../images/system/top_bg.png);position:relative;}
h1 {
	float:left;
	width:211px;
	height:42px;
}
h1 a {
	float:left;
	width:211px;
	height:42px;
	text-indent:-9999px;
	background:url(../images/system/logo.gif) no-repeat;
}

#topNav {
	float:left;
	width:580px;
	padding:14px 0 14px 10px;
	text-align:right;
}
#topNav a {
	padding:0 10px;
	border-right:1px #a3a3a3 dashed;
	color:#a3a3a3;
	width:50px;
}
#topNav a:hover {
	color:#709929;
}
#topNav a.zhuce {
	width:25px;
	color:#709929;
}
#topNav a.sp {
	width:25px;
	border-right:0;
}
#topNav span {
	padding:0 5px;
	padding-left:18px;
	margin-left:5px;
	background:url(../images/system/icon_tel.gif) no-repeat;
	color:#a3a3a3;
	width:80px;
	font-style:italic;
}
#topNav var {
	color:#a3a3a3;
	padding-left:10px;
}
.searchForm {
	float:right;
	width:143px;
	height:14px;
	padding:3px 5px 3px 5px;
	background:url(../images/system/search_bg.png) no-repeat;
	margin-top:11px;
}
.searchForm input {
	vertical-align:middle;
	height:14px;
	line-height:14px;
	border:0;
	color:#a3a3a3;
}
.searchForm input.txt {
	width:125px;
	float:left;
	background:none;
	margin-right:5px;
}
.searchForm input.sub {
	width:13px;
	float:left;
	background:url(../images/system/search.png) no-repeat;
	cursor:pointer;
	text-indent:-9999px;
}
#nav {
	width:960px;
	margin:0 auto;
	height:401px;
	position:relative;
}
#nav p {
	float:right;
	width:275px;
	height:381px;
	padding-top:20px;
}
#nav p a {
	float:right;
	width:220px;
	height:52px;
	padding-left:15px;
}
#nav p a.sp,#nav p a:hover {
	background:url(../images/system/nav_cur.png) no-repeat;
}
#nav p a span {
	float:right;
	width:130px;
	color:#fff;
	font-weight:bold;
	height:36px;
	padding:12px 0 4px 60px;
	line-height:26px;
	cursor:pointer;
}
#nav p a span.nav_0 {
	background:url(../images/system/icon_index.png) 2px 12px no-repeat;
}
#nav p a span.nav_1 {
	background:url(../images/system/icon_chanpin.png) 7px 13px no-repeat;
}
#nav p a span.nav_2 {
	background:url(../images/system/icon_shop.png) 0 13px no-repeat;
}
#nav p a span.nav_3 {
	background:url(../images/system/icon_market.png) 3px 15px no-repeat;
}
#nav p a span.nav_4 {
	background:url(../images/system/icon_service.png) 5px 12px no-repeat;
}
#nav p a span.nav_5 {
	background:url(../images/system/icon_bbs.png) 3px 13px no-repeat;
}
#nav p a span.nav_6 {
	background:url(../images/system/icon_aboutus.png) 3px 12px no-repeat;
}


.grid {
	float:left;
	border-right:1px #dcdcdc solid;
	padding:27px 0 0 0;
	margin-top:1px;
	height:180px;
}
.grid h2 {
	float:left;
	width:100%;
	color:#83b329;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}
.grid p.more {
	float:left;
	width:100%;
	margin-top:10px;
}
.grid p.more a {
	float:right;
	margin-right:10px;
	padding-left:20px;
	background:url(../images/system/more.gif) no-repeat;
	color:#b5b5b5;
	font-weight:bold;
}
 /* relevant for the tutorial - start */
#gallery { position: relative;width:285px;}
#pictures { position: relative; height:115px;width:169px;overflow:hidden;float:left;}
#pictures img { position: absolute; top: 0;max-width:169px;max-height:165px;}
#prev {
	float:left;
	width:28px;
	height:26px;
	background:url(../images/system/towardleft_bg.gif) 20px 0 no-repeat;
	padding:33px 11px 33px 11px;
	margin-top:11px;
}
#next {
	float:left;
	width:28px;
	height:26px;
	background:url(../images/system/towardright_bg.gif) no-repeat;
	padding:33px 11px 33px 11px;
	margin-top:11px;
}

.topcomment {
	padding:27px 15px 0 15px;
	width:300px;
}
.topcomment ul {
	float:left;
	width:300px;
}
.topcomment ul li {
	float:left;
	width:280px;
	padding-left:20px;
	background:url(../images/system/dian.gif) 0 10px no-repeat;
	height:23px;
	line-height:22px;
	overflow:hidden;
}
.topcomment ul li a {
	color:#565656;
}
.ggao_index {
	border:0;
}


#footer {
	margin:0 auto;
	height:112px;
	line-height:60px;
	width:960px;
	clear:both;
}
#footer p {
	float:left;
	line-height:60px;
	color:#836658;
}
#footer div {
	float:right;
	line-height:14px;
	color:#836658;
	margin-top:20px;
}
#footer div a {
	margin-left:10px;
	color:#836658;
	border-right:1px #836658 dashed;
	padding-right:10px;
	float:left;
	height:14px;
}
#footer div a.sp {border:0;
}
/*=== page */
.page {
	float:left;
	width:100%;
	text-align:center;
	padding:10px 0;
}
.page span,.page a {
	margin:0 5px;
}
.page span {
	color:#666;
}
.page input {
	width:40px;
	height:14px;
	border:1px #d8d8d8 solid;
	vertical-align:middle;
	margin:0 5px;
}
.page input.sub {
	width:23px;
	height:16px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(http://images.eben.cn/bg/icon_go.gif) no-repeat;
	border:0;
}

#footer p a {	color:#836658;
}