﻿/*---------- base ---------*/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td, /* table elements 表格元素 */
img/* img elements 图片元素 52CSS.com */{
border:medium none;
margin: 0;
padding: 0;
}
body, button, input, select, textarea {
font: 12px/2 '宋体',tahoma, Srial, helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;} 
ul, ol { list-style: none; }
a { text-decoration: none; color: #333;}
img{ border:0px;}
table { border-collapse: collapse; border-spacing: 0; }
.h10{
	clear:both; 
	overflow:hidden;
	height:10px;
	line-height:10px;
	}
.h20{
	clear:both; 
	overflow:hidden;
	height:20px;
	line-height:20px;
	}
/*---------- frame ---------*/
/*---------- frame : header ---------*/
#header, #banner, #main, #warp03,  #foot{clear:both; overflow:hidden;}
.wrap{width: 1040px; margin: 0 auto;}
#header{background: url(images/header.jpg) repeat-x; height: 157px;}
.top{ height:91px; background: url(images/top.jpg) no-repeat;}
.tips{float: right; padding-top: 10px; padding-right: 10px; color:#666; line-height: 24px;}
.tips a{color: #666;}
.nav{ height:14px; overflow:hidden; clear:both; padding: 13px 0px 14px 10px;}
.nav li{float: left; display: inline; }
.nav li a{display: block; text-align: center; padding: 0 24px; color: #ffffff;  font: bold 14px/14px 'Arial'; border-right: #ffffff 1px solid;}
#banner{ height: 293px; border-bottom: #999 1px solid; background: #f6f6f6;}
/* 本例子css */
.focusBox { margin: 0 auto; width:1040px; position: relative; height:290px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:1040px; height:290px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;  _background: url(images/dot8.png) no-repeat 0 -16px;
}
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
/*-------- 主体部分 --------------*/
#main{overflow:hidden; background: url(images/main.jpg) bottom repeat-x #f4f4f4; padding-bottom: 30px; padding-top: 16px;}
.sde_column, .column, .column01, .column02{ padding:0 0 2px 10px;}
.sde_column span, .column span, .column01 span, .column02 span, .column05 span{font: bold 14px/30px 'Arial'; background: url(images/go.gif) left no-repeat; padding-left: 30px;}
.ctn01{float:left; width:607px;}
.column01{background:url(images/column01.jpg) bottom no-repeat;}
.ctn02{float:right; width:401px;}
.column02{background: url(images/column02.jpg) bottom no-repeat;}
.prosort li{float: left; width: 150px; background: #ccc; margin-left: 10px; text-indent: 20px;}
.prosort li:hover{background: #096308;}
.prosort li:hover a{color: #ffffff;}
#warp03{background: #f4f4f4;}
.ctn03{float: left; width: 692px; margin-left: 6px;}
.ctn04{float: right; width: 312px; margin-right: 6px;}
.column05{background: url(images/column05.jpg) bottom no-repeat; padding-bottom: 2px;}
.column, .sde_column{background: url(images/column.jpg) bottom no-repeat; padding-bottom: 6px;}
.sde_column{background: url(images/sde_column.jpg) bottom no-repeat;}
/*-------- left --------------*/
#sde{
float:left;
width:312px;
margin-left: 4px;
}
#sde li{background: #ddd; text-indent: 30px; font: normal 14px/28px 'Arial'; margin-top: 6px;}
#sde li a{ color: #333333;}
#sde li:hover{background: #096308;}
#sde li:hover a{color: #ffffff;}
/*-------- main_body --------------*/
#main_body{
	width:692px; 
	float:right;
	margin-right: 4px;
}
.content{
	padding:10px;line-height:28px;
	}
.content h3{text-align: center; font: bold 14px/28px 'Arial';}
#f_nav{ clear:both; background: url(images/f_nav.jpg) no-repeat; padding-top: 22px; height: 37px; text-align: center; overflow: hidden;}
#f_nav a{ padding: 0 10px; font: normal 12px/12px 'Arial'; border-right: #fff 1px solid; color: #fff;}
.content li{line-height:32px;}
.newslist li{clear:both; overflow:hidden; padding-left:5px; line-height:32px; border-bottom:#BBB 1px dashed; padding-right:20px;}
.newslist a{float:left; background:url(images/go1.gif) left no-repeat; padding-left:20px;}
.newslist span{float:right;}
.page{
	clear:both; 
	text-align:center;
	line-height:36px;
	}
h2{text-align:center;}
.Info{text-align:right;}
.title{font:bold 14px/36px "宋体"; text-align:center;}
.prolist li{float:left; width:200px; padding-left:10px; display:inline; text-align:center; font-weight: bold;}
.prolist li img{width:200px; height:158px;}
.prolist1 li{float:left; width:240px; padding-left:10px; display:inline; text-align:center; font-weight: bold;}
.prolist1 li img{width:240px; height:260px;}
.gbook{line-height:24px;}
.gbook input{height:24px; line-height:24px;}
#foot{background:url(images/foot.jpg) repeat-x; padding-top: 11px; height: 50px; text-align: center;}
#erma{position:fixed; bottom:50px; right:10px; width:130px; height:130px;}
#erma img{width:130px; height:130px;}