@charset "utf-8";
/*--- 页头 ---*/
#header{
width:1000px;
margin:8px auto;
text-align:left;
position:relative;
}
.time{
position:absolute;
top:40px;
right:30px;
}

/*--- 一级栏目 ---*/
#menu{
width:1000px;
height:35px;
margin:5px 0 auto;
position:relative;
background:url(nav_bg.gif) no-repeat;
}
#menu ul{
position:absolute;
bottom:4px;
left:10px;
width: 1000px;
}
#menu ul li{
display:inline;
float:left;
}
#menu ul li a{
padding:0 17px;
height:26px;
line-height:26px;
background:url(ge.gif) no-repeat left center;
float:left;
COLOR: #fff;TEXT-DECORATION: none;font-weight:bold;
}
#menu ul li a:hover{
COLOR: #ff6;
}
#menu span{
position:absolute;
right:5px;
top:10px;
padding-left:18px;
color:#fff;
background:url(ge2.gif) no-repeat left center;
}


/*--- 首页布局 ---*/
#content{
overflow:hidden;
text-align:left;
width:1000px;
margin:0 auto;
}
#center {
width:470px;
margin:0 5px 0 0;
background:#7ab94a url(bottom_bg.gif) no-repeat center top;
}
#left{
width:255px;
background:#f3fbd6;
margin:0 5px 0 0;
}
#right {
width:265px;
background:#f3fbd6;
}
#left, #center, #right {
padding-bottom:32767px; /*使得各列都向下撑开32767像素*/
margin-bottom:-32767px; /*使得div的overflow发挥作用*/
float:left;
}

/*--- 页脚 ---*/
#footer {
background:#f3f3f3;
width:980px;
margin:5px auto;
padding:15px;auto;
}

/*--- 内页 ---*/
#sideBar{
width:240px;
min-height:500px !important;
_height:500px;
float:left;
background:#f3fbd6;
}
#mainContent{
float:right;
width:760px;
}

/*--- 二级栏目 ---*/
#subMenu{
width:220px;
margin:10px auto;
background:#e8f2c5;
}
#subMenu h3{
background:url(channel.gif) no-repeat left top;
padding-left:15px;height:37px;line-height:35px;
color:#000;
}
#subMenu  ul{
margin:15px auto;
width:90%;
}
#subMenu  ul li{
font-weight:bold;
background:url(dot2.gif) repeat-x left bottom;
}
#subMenu  ul li a{
text-align:left;
line-height:26px;
background:url(newsListImg.gif) no-repeat 0 12px;
display:block;
padding:2px 0 2px 16px;
min-height:26px; 
height:auto !important; 
height:26px; 
overflow:visible;
color:#666;
}
#subMenu  ul li a:hover{
color:#000;
}


/*--- 内页主内容区 ---*/

.content{
padding-bottom:20px;
width:710px;
margin:0 auto;
min-height:400px; 
height:auto !important; 
height:400px; 
overflow:visible;
}
.title{
background:url(topic.gif) no-repeat;
position:relative;
height:49px;
line-height:40px;
width:743px;
margin:0 auto;
}
.title span{
position:absolute;
right:50px;
top:2px;
color:#666;
}
.title span a{
color:#666;
}
.title span a:hover{
color:#4d8b02;
}
.title h3{
font-size:15px;
font-weight:bold;
padding-left:35px;
}
.message{
margin:30px;
}


/* 以下代码片段使左右两列自适应高度 */
#content:after{
content:'[DO NOT LEAVE IT IS NOT REAL]'; 
display:block; 
height:0; 
clear both; 
visibility:hidden;
}
#content{
display:inline-block;
}
/*\*/
#content{
display:block;
}
/*\*/
#sideBar, #mainContent{
padding-bottom:32767px !important;
margin-bottom:-32767px !important; 
}
@media all and (min-width: 0px) {
#sideBar, #mainContent{
padding-bottom:0 !important;
margin-bottom:0 !important; 
}
#sideBar:before, #mainContent:before{
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
background:inherit;
padding-top:32767px !important;
margin-bottom:-32767px !important;
height:0;
}
}

/*--- 居中内容 ---*/
#main{
width:430px;
margin:10px auto;
}
#main h3{
background:url(center_bg.gif) no-repeat left top;
height:38px;
color:#dbffbf;
padding-left:20px;
}
.main{
margin:10px 2px;
color:#fff
}


/*--- 新闻模块 ---*/
#news,#product{
width:225px;
margin:16px auto;
}
/*--- 新闻标题 ---*/
#newsTitle, #productTitle{
height:26px;
}
#newsTitle h3, #productTitle h3{
text-indent:10px;
float:left;
padding-left:15px;
background:url(biao.gif) no-repeat 3px center;
}
#newsTitle span, #productTitle span{
float:right;
text-align:right;
padding-right:10px;
}
#newsTitle span a{
text-decoration:none;
color:#000;
}
#newsTitle span a:hover{
color:#f00;
text-decoration:underline;
}
/*--- 推荐新闻 ---*/
#recommendedNews{
padding:10px 10px 0;
}
#recommendedNews img{
float:left;
margin:0 10px 0 0;
}
#recommendedNews dl{
background:url(dot.gif) repeat-x left bottom;
margin:10px auto;
}
#recommendedNews dt{
line-height:1.4em;
}
#recommendedNews dt a{
color:#666;
text-decoration:none;
}
#recommendedNews dt a:hover{
color:#f65d00;
}
#recommendedNews dd{
line-height:18px;
}
/*--- 新闻列表 ---*/
#newsList{
text-align:left;
padding:10px;
padding-top:2px;
}
#newsList ul li{
margin:6px 0;
}
#newsList ul li a{
text-decoration:none;
color:#000;
background:url(ListImg.gif) no-repeat left 3px;
padding-left:13px;
line-height:16px;
}
#newsList ul li a:hover{
color:#f65d00;
text-decoration:underline;
}

/*--- 产品列表 ---*/
.productList, .product{
text-align:center;
}
.productList ul, .product{
margin-top:10px;
}
.productList li{
width:223px;
margin:2px 0;
float:left;
}
.productList li img{
border:#e3e3e3 3px solid;
width:215px;height:135px;
}
.productList li a img, .product li a img{
}
.productList li a:hover img, .product li a:hover img{
border:#acd60d 3px solid;
}
.productList li a span{
text-align:left;
padding-left:28px;
background:url(p_bg.gif) no-repeat left center;
}
.productList li a:hover span{
color:#000;
text-decoration:underline;
}
.productList span{
display:block;
cursor:pointer;
width:100%;
margin:3px auto 0;
line-height:35px;
min-height:40px; 
height:auto !important; 
height:30px; 
overflow:visible;
}
.page{
text-align:right;
background:url(../images/line.gif) repeat-x left top;
line-height:30px;
padding-top:15px;
}
.page a{
text-decoration:underline;
}
.product li{
width:220px;
margin:2px 0;
float:left;
}
.product span{
display:block;
cursor:pointer;
width:100%;
margin:3px auto 0;
line-height:35px;
min-height:40px; 
height:auto !important; 
height:30px; 
overflow:visible;
}
.product li img{
border:#fff 3px solid;
}

/*--- 内页新闻列表 ---*/
.newsList{
margin:0 auto;
}
.newsList li{
text-align:left;
padding:8px 0;
background:url(newsDiv.gif) repeat-x bottom;
position:relative;
}
.newsList li a{
padding-left:30px;
color:#8E7C49;
background:url(listImg.gif) no-repeat 15px 50%;
}
.newsList li a:hover{
color:#000;
}
.newsList li span{
color:#999;
position:absolute;
right:10px;
}














.clear{
clear:both;
}

