/*
 * 功能：网站布局
 * 作者：Gavin
 * 创建时间：2008-10-27
 * 最后一次修改时间：2009-1-14 
---------------------------------*/

/*外部容器
---------------------------------*/
#container {
width:952px;
margin:0 auto;
padding:18px 0;
background:#fff;
}

/*页头
---------------------------------*/
#header {
}
/* banner */
#indexBanner, #innerBanner {
overflow:hidden;
height:328px;
background:#99DB18;
}
#innerBanner{
height:281px;
}

/*主要内容区
---------------------------------*/
#main {
overflow: hidden;
position:relative;
z-index:0;
}
/* sideBar */
#sideBar {
float:left;
width:221px;
display:inline;
background:url(sideBarBg.gif) repeat-y;
margin:13px 0 0 13px;
text-align:center;
}
#sideBar .wrapper{
background:url(sideBarFoot.jpg) no-repeat left bottom;
padding-bottom:140px;
}
/* content */
#content {
float:right;
width:693px;
display:inline;
margin:13px 12px 0 0;
}

/*页脚
---------------------------------*/
#footer {
width:930px;
margin:22px auto 0;
height:47px;
background:url(footBg.jpg) no-repeat left top;
position:relative;
}
#footer .copyright {
line-height:20px;
color:#fff;
text-align:left;
padding:8px 20px;
}
#secondaryNav{
position:absolute;
right:20px;
top:10px;
}
#secondaryNav li{
float:left;
color:#fff;
}
#secondaryNav li a{
color:#fff;
margin:0 4px;
}
#secondaryNav li a:hover{
color:#FFF800;
margin:0 4px;
}

/*首页模块
---------------------------------*/
/* hotline */
#hotline{
position:absolute;
width:280px;
height:73px;
right:0;
top:0;
z-index:1;
}
#hotline a{
cursor:pointer;
}
/* notice */
#notice{
background:url(noticeBg.jpg) repeat-x;
}
#notice .wrapper01{
background:url(noticeBgRight.jpg) no-repeat right top;
}
#notice .wrapper02{
background:url(noticeBgLeft.jpg) no-repeat left top;
height:42px;
text-align:left;
position:relative;
}
#noticeList{
position:absolute;
left:20px;
top:8px;
}
#noticDemo{
width:700px;
overflow:hidden;
}
.noticeList td{
line-height:20px;
display:inline;
}
.noticeList td a{
display:block;
width:350px;
background:url(listImg01.gif) no-repeat 0 50%;
padding-left:15px;
}

/* columns */
#column1, #column2, #column3{
float:left;
text-align:left;
margin-top:13px;
}
#column1{
width:240px;
margin-left:11px;
background:red;
display:inline;
background:url(column01Bg.gif) repeat-y;
}
#column1 .wrapper{
background:url(column01Bottom.gif) no-repeat left bottom;
}
#column2{
width:455px;
margin:13px 7px 0;
display:inline;
text-align:center;
}
#column3{
width:221px;
background:url(column03Bg.gif) repeat-y;
}
#column3 .wrapper01{
background:url(column03BgBottom.gif) no-repeat left bottom;
}
#column3 .wrapper02{
background:url(column03BgTop.gif) no-repeat left top;
text-align:center;
}
#benefit{
margin:0 auto;
padding-top:20px;
}
#branch{
width:207px;
height:210px;
margin:6px auto 0;
background:url(branchBg.jpg) no-repeat top left;
}
#branch .content{
text-align:left;
padding:35px 10px 0 55px;
height:150px;
overflow:hidden;
}
#contact{
width:207px;
height:171px;
margin:6px auto 0;
background:url(contactBg.jpg) no-repeat top left;
}
#contact .content{
text-align:left;
padding:50px 20px 0;
height:110px;
overflow:hidden;
}
/* about */
#about{
margin-bottom:12px;
}
#about h3{
margin-bottom:4px;
}
#about .content{
padding:8px 2px;
line-height:18px;
}
.more{
text-align:right;
padding:8px 10px 0 0;
}
.more a{
color:#2AB500;
font-weight:700;
font-size:11px;
text-decoration:underline;
}
.more a:hover{
color:#FFA200;
}
/* news */
#news{
text-align:center;
margin-bottom:20px;
}
.newsList{
width:85%;
margin:8px auto 0;
}
.newsList li{
text-align:left;
height:14px;
padding:6px 0;
background:url(listDiv01.gif) repeat-x bottom;
}
.newsList li a{
padding-left:15px;
background:url(listImg01.gif) no-repeat 0 50%;
float:left;
}
.newsList li span{
color:#999;
float:right;
}
.newsList02{
width:100%;
}
.newsList02 li{
text-align:left;
height:14px;
padding:10px 0;
}
#taste{}
#taste .title{
background:url(tasteBg.jpg) repeat-x;
height:36px;
margin-bottom:4px;
}
#taste .title h3 {
float:left;
}
#taste .title div.more{
background:url(tasteBgRight.jpg) no-repeat right top;
padding:0 10px 0 0;
line-height:36px;
height:36px;
}
#taste .content{
text-align:center;
}
#products{
width:450px;
margin:10px auto 0;
background:url(productBg.gif) repeat-y;
}
#products .wrapper01{
background:url(productBgBottom.gif) no-repeat left bottom;
}
#products .wrapper02{
background:url(productBgTop.gif) no-repeat left top;
padding:10px 0;
}
#products .title{
height:24px;
}
#products .title h3{
text-align:left;
float:left;
}
#products .title span{
float:right;
}
/*--- 产品列表 ---*/
.productList{
min-height:50px; 
height:auto !important; 
height:50px; 
overflow:visible;
}
#demo{
overflow:hidden;
width:430px;
margin:0 auto;
}
.productList li{
width:33%;
float:left;
text-align:center;
}
.productList li a, #demo a{
text-align:center;
display:block;
text-decoration:none;
}
.productList li a img, #demo a img{
padding:1px;
border:3px solid #85D816;
height:168px;
}
.productList li a:hover img, #demo a:hover img{
border-color:#FDD200;
}
.productList li a span, #demo a span{
margin:1px auto 0;
display:block;
width:133px;
background:url(productNameBg.jpg) repeat-x;
line-height:25px;
cursor:pointer;
color:#FEFFAD;
text-decoration:none;
}
.productList li a:hover span, #demo a:hover span{
background:#FDD200;
color:#fff;
}
.productList02{
padding-top:30px;
}
.productList02 li{
padding-bottom:40px;
}
table.productList03 td{
text-align:center;
padding:0 10px;
}

#ad{
margin:10px auto 0;
text-align:center;
}
#ad02{
margin:20px auto 0;
}

/*二级栏目
---------------------------------*/
#subNav{
text-align:center;
margin-bottom:20px;
}
#subNav ul{
width:205px;
margin:0 auto;
}
#subNav li{}
#subNav li a{
display:block;
height:33px;
line-height:33px;
background:url(subNavBg.jpg) no-repeat;
color:#2DAD2A;
font-weight:700;
text-align:center;
margin:3px 0;
}
#subNav li a:hover{
color:#E9A601;
text-decoration:none;
}
#subNav li ul{
background-color:#fff;
}
#subNav li li a{
height:24px;
line-height:24px;
background:none;
color:#E9A601;
text-align:left;
padding-left:80px;
background:url(listImg01.gif) no-repeat 65px 50%;
border-bottom:dashed 1px #eee;
}
#subNav li li a:hover{
color:#2DAD2A;
text-decoration:underline;
}

/*内页内容区
---------------------------------*/
#content .mainTitle {
height:30px;
background:url(mainTitleBg.jpg) no-repeat left bottom;
margin-top:20px;
}
#content .mainTitle h3{
color:#3BAB02;
float:left;
height:32px;
line-height:30px;
padding-left:10px;
font-size:16px;
}
#content .mainTitle span{
float:right;
line-height:30px;
padding-right:10px;
}
#content .main {
}
#content .function{
text-align:left;
padding:20px 30px;
}
/*--- 反馈表单 ---*/
.feedback{}
.feedback fieldset{
margin: 1.5em 0 0 0;
padding-bottom:2em;
border:none;
}
#regForm fieldset {
margin: 1.5em 0 0 0;
padding-bottom:2em;
border:none;
}
#regForm fieldset legend{
font-weight:700;
color:#2DAD2A;
}
.feedback fieldset ol, #regForm fieldset ol {
margin-top:2em;
list-style: none;
}
.feedback fieldset li, #regForm fieldset li{ 
float: left; 
clear: left; 
width: 100%; 
padding-bottom: 1em;
}
.feedback fieldset li label, #regForm fieldset li label{ 
float: left; 
width: 10em; 
margin-right: 1em; 
text-align: right;
height:24px;
line-height:24px;
}
.feedback div.submit, #regForm div.submit {
border:none;
text-align:left;
margin-left:11em;
}
.feedback fieldset input.txt, #regForm fieldset input.txt{
width:12em;
padding:1px;
}
.btn{
background:url(btnBg.gif) no-repeat left top;
width:83px;
height:31px;
border:none;
cursor:pointer;
line-height:31px;
color:#009900;
text-align:center;
margin-right:10px;
font-weight:700;
}

/*分店
---------------------------------*/
#branchList{
width:620px;
text-align:center;
background:#EDFCBB url(branchListBottom.gif) no-repeat left bottom;
}
#branchList .wrapper{
background:url(branchListTop.gif) no-repeat left top;
padding:12px 0;
}
#district{
width:600px;
margin:0 auto;
}
#district li.districtListItem{
width:600px;
background:url(districtBg.gif) repeat-y left top;
margin-bottom:12px;
}
#district li.districtListItem .wrapper01{
background:url(districtBgTop.gif) no-repeat left top;
}
#district li.districtListItem .wrapper02{
background:url(districtBgBottom.gif) no-repeat left bottom;
min-height:157px; 
height:auto !important; 
height:157px; 
overflow:visible;
}
#district li.districtListItem h4{
float:left;
height:157px;
line-height:157px;
font-size:13px;
font-weight:700;
text-align:right;
width:76px;
color:#039311;
}
#district li.districtListItem ul{
float:right;
width:465px;
display:inline;
margin:10px;
}
#district li.districtListItem ul li{
float:left;
width:25%;
line-height:24px;
height:24px;
text-align:left;
}

/*--- 分页 ---*/
.pages{
text-align:center;
line-height:24px;
height:24px;
padding:20px 0;
}