body,html{
	height: 100%;
}
body{
	font-size: 13px; 
	line-height: 22px;
	font-family: '宋体';
	min-width: 100%;
	background: url('../image/body_bg.gif') repeat-x top;
}
*{margin: 0px; padding: 0px;}
.clear{clear: both;}
a{color: #060606; text-decoration: none;}
a:hover{color: #8e0105;}
img{border:0 none;}

#header{height: 77px; width: 962px; margin: 0px auto; background: #ffffff;}
#header .logo{float: left;}
#header .logo img{margin-top: 15px; margin-left: 20px;}
#header .search{float: right; padding-right: 10px;}
#header .search .seting{text-align: right; margin-top: 10px;}
#header .search .search-input{margin-top: 10px;}
#header .search input[type='text']{border: 0px; width: 157px; height: 23px; padding-left: 30px; background: url('../image/search_input_bg.gif') no-repeat;}
#header .search input[type='submit']{border: 1px solid #d2d2d2; height: 23px; padding: 0px 3px; background: #eeeeee;}

#nav{width: 962px; margin:0px auto; font-size: 16px; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #8e0105; height: 33px; background: url('../image/nav_bg.gif');}
#nav ul{width: 880px; margin: 0px auto;}
#nav ul li{list-style-type: none; float: left;}
#nav ul li a{padding: 6px 33px; display: block;}
#nav ul li a:hover{background: #8e0105; color: #ffffff; padding: 6px 33px; display: block;}

#banner{width: 962px; margin:0px auto;}
#banner .flashBanner{width:962px; height:340px; overflow:hidden; margin-bottom:12px;}
#banner .flashBanner{position:relative;}
#banner .flashBanner .mask{height:50px; line-height:50px; background-color:#000000; width:100%; text-align:right; position:absolute; left:0; bottom:-32px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; overflow:hidden;}
#banner .flashBanner .mask img{vertical-align:middle; margin-right:5px; cursor:pointer;}
#banner .flashBanner .mask img.show{margin-bottom:3px; border: 2px solid #8e0105;}

#content{width: 962px; margin: 0px auto; height: 165px; background: url('../image/index_content_bg.gif') no-repeat bottom;}
#content ul{float: left; width: 210px; margin-top: 3px; margin-left: 5px;}
#content ul li{list-style-type: none; float: left; line-height: 25px;}
#content dl{float: left; margin: 3px; padding: 3px; background: #ffffff; height: 67px; width: 81px;}
#content .bar-title{height: 27px; background: url('../image/nav_bar_bg.gif'); width: 300px; padding: 5px 0px 0px 15px; font-size: 16px;}
#content .more-msg{height: 28px; font-size: 14px; margin-top: 1px; background: url('../image/more_bg.png'); width: 295px; padding: 5px 0px 0px 20px;}

#content .c-news{width: 317px; height: 147px; float: left;}
#content .c-news .news-content{height: 81px; background: url('../image/content_bg.gif');}
#content .c-news .news-content ul{margin-top: 1px;}
#content .c-news .news-content li{border-bottom: 1px dashed #5c5c5c; font-size: 12px;}

#content .c-product{width: 317px; height: 147px; float: left; margin-left: 5px;}
#content .c-product .product-content{height: 81px; background: url('../image/content_bg.gif');}
#content .c-product .product-content li.tw{margin-left: 25px;}

#content .c-about{width: 317px; height: 147px; float: right;}
#content .c-about .about-content{height: 77px; padding: 4px 5px 0px 8px; line-height: 25px; background: url('../image/content_bg.gif');}

#footer{width: 962px; margin: 5px auto 0px  auto; height: 61px; color:#5c5c5c; font-size: 14px;}
#footer a{color:#5c5c5c;}
#footer a:hover{color: #8e0105;}
#footer .f-contact{height: 50px; float: left;}
#footer .f-copyright{height: 50px; float: right;}