/* CSS Document */

#header,#logo,#banner,#content{ width:980px; height:auto; margin:0px auto; overflow:hidden;}

/*top*/
#top{ width:100%; height:140px; background:url(../images/top_bg.gif) repeat-x;}

#header{ position:relative; height:140px; }
#header img{ position:absolute; top:2px;}
#header .logo{ position:absolute; top:0px; z-index:99999; background:url(../images/logo_img.jpg) no-repeat;  width:497px; height:80px;  left:415px;}

#header .top_txt { float:right; font:12px arial,ËÎÌå; padding-top:15px; }
#header .top_txt li { float:left; list-style:none; margin-left:20px;  }
#header .top_txt li a { color:#707070; background:url(../images/icon_02.gif) no-repeat left; padding-left:15px;}
#header .top_txt li a:hover { color:#000; background: url(../images/icon_02a.gif) no-repeat left;}

.menu{ width:980px; display:block; height:51px;	position:absolute;	top:89px;}
.menu ul { float:left; margin:0 auto; width:980px; text-align:center; background:url(../images/menu_bg01.gif) repeat-x left top; height:51px;}
.menu ul li { float:left; width:14.28%; text-align:center; background:url(../images/menu_line.jpg) no-repeat right center; height:51px; line-height:51px;}
.menu li.only { background:none; }
.menu .menu_b{ width:200px; }
.menu ul li a{ display:block; text-decoration:none; font:14px ΢ÈíÑźÚ; color:#fff; line-height:51px; }
.menu ul li a:hover { color:#ffff00; background:url(../images/menu_bg02.gif) repeat-x left top;}

/*banner*/
#banner { width:100%; }

.ShowImg { position: relative; margin: 0px auto; width: 100%; height:300px; overflow: hidden; }
.ShowImg .In { text-align:center; width: 100%; overflow: hidden; }
.ShowImg IMG { margin: 0px auto; width: 980px; height: 300px; }
.hotwrapper { position: absolute; margin: 0px; width: 125px; padding:0 6px 0 0; height: 10px; top: -35px; left: 450px; }
.hotwrapper LI { list-style:none; margin-top:9px; width: 10px; background: url(../images/icon.gif) left top; float: left; height: 10px; margin-left: 12px; overflow: hidden; cursor: pointer; _margin-left: 9px; }
.hotwrapper .on { width: 10px; background: url(../images/icon.gif) -19px top; float: left; HEIGHT: 10px; cursor:pointer; }

#ShowImg1{ background:url(../images/banner01bg.gif) repeat-x;}
#ShowImg2{ background:url(../images/banner01bg.gif) repeat-x;}
#ShowImg3{ background:url(../images/banner01bg.gif) repeat-x;}

/*sitepath*/
#sitepath{ width:960px; margin:0 auto; font:12px/40px ËÎÌå; padding-left:20px; overflow:hidden; background:url(../images/icon_02.gif) no-repeat left;}
#sitepath a { font-size:12px; color:#333; font-family: arial,simsun;}
#sitepath a:hover {color:#369;}

/*showpage*/ 
.showpage { font-family:airal, simsun; font-size:12px; color:#636363; text-align:center; overflow:hidden; }
.showpage p span { padding:0 0.8em; }

/*share*/
.share { width:100%; overflow:hidden; position:relative; }

/*PreNext*/
.PreNext { width:100%; margin-top:10px;}
.PreNext li { float:left; list-style:none; line-height:20px;  background:url(../images/icon_04.gif) no-repeat left; padding-left:10px; width:300px; overflow:hidden;}

/*footer*/
#footer { background:#fff url(../images/footer_bg.gif) repeat-x top; height:65px; margin-top:5px; overflow:hidden; width:100%;}
#footer li { text-align:center; list-style:none; line-height:30px; padding-top:20px; color:#666;}
#footer li a { color:#999;}
#footer li a:hover { color:#f60;}