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

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

/*页头
---------------------------------*/
#header {}
#headTop {
position:relative;
height:84px;
}
/* logo */
#logo {
width:300px;
height:84px;
position:absolute;
padding-left:10px;
}
#secondaryNav {
width:400px;
height:30px;
position:absolute;
right:0;
top:47px;
color:#D0FB90;
background:url(bg1.gif);
}

#secondaryNav ul{
margin:0 30px;
height:26px;
}
#secondaryNav ul li{
display:inline;
}
#secondaryNav ul li a{
padding:0 22px;
height:26px;
line-height:26px;
float:left;
color:#CEFC90;
text-decoration:none;
}
#secondaryNav ul li a:hover{
color:#fff;
}
/* banner */
#banner {
width:650px;
float:left;
}
.subBanner{}
#category{
width:200px;
height:312px;
background: url(bg_02.jpg);
float:right;
}

#category h3{
background:url(cateTitleImg.gif) no-repeat 0 35%;
height:36px;
font-size:14px;
color:#fff;
padding:12px 0 0 38px;
}
#category ul{
background:url(cateTitleBg.gif) repeat-x left top;
font-weight:bold;
font-size:13px;
}
#category ul li{
background:url(listDiv02.gif) repeat-x left bottom;
}
#category ul li a{
height:28px;
text-align:left;
line-height:28px;
color:#fff;
text-decoration:none;
background:url(listImg02.gif) no-repeat 10% 60%;
padding:5px 0 0 25px;
}
#category ul li a:hover{
color:#435964;
}
/*#categoryBg{
height:43px;
background:url(bg_01.gif) no-repeat right bottom;
}*/

/*--- 一级栏目 ---*/


/*主要内容区
---------------------------------*/
#main {
overflow: hidden;
width:850px;
border-top:#fff solid 1px;
padding-top:1px;
}
/* sideBar */
#sideBar {
float:left;
width:245px;
background:#E0F2E4 url(round1.jpg) no-repeat top left ;
border-right:1px #FFFFFF;
}
#contact{
color:#fff;
background:url(round2.gif) no-repeat top left #003D1C;
height:20px;
padding:10px 0 8px 0;
font-weight:bold;
font-size:14px;
margin-top:10px;
}
#contact img{
padding-right:5px;
}


#marqueeDemo {
width:480px;
height:160px; 
margin:0 auto; 
overflow:hidden; 
background:#E0F2E4;
padding-top:10px;
}
#marqueeDemo ul li a{
display:block; 
width:172px; 
}
#marqueeDemo ul li {
float:left;
text-align:left; 
width:190px;
}
#marqueeDemo ul li span{
display:block; 
text-align:center; 
margin-top:4px; 
line-height:20px; 
}
#marqueeDemo ul li a img {
display:block;
height:130px; 
border:1px solid #ddd; 
}
#marqueeDemo ul li a:hover img{
border-color:#999;
}
/* content */
#content {
background:url(round3.gif) no-repeat top right #E0F2E4;
float:right;
width:582px;
padding:10px;
}
.function{
min-height: 480px;
height: auto !important;
height: 480px;
overflow: visible;
}
.content{
padding:5px;
line-height:22px;
}
#proShow{
color:#fff;
background:url(round2.gif) no-repeat top left #003D1C;
height:20px;
padding:10px 0 8px 5px;
font-weight:bold;
font-size:14px;
}
#proShow img{
padding-right:10px;
}
/***** Product list *****/
.productList {
text-align:left;
}
.productList li {
display: -moz-inline-stack;
display:inline-block;
*display:inline;
text-align:center; 
vertical-align: top;
zoom:1;
padding:10px 0; 
width:33.3%;
min-height:160px;
_height: 160px;
}
.productList a {
display:block; 
margin:0 auto;
width:150px; 
}
.productList a img {
display:block; 
border:#ddd 1px solid;
padding:2px;
width:150px;
height:120px; 
}
.productList a:hover img {
border-color:#C1DDE8;
}
.productList a span {
cursor:pointer;
display:block;
overflow:hidden;
text-align:center;
color:#333;
margin:4px auto 0;
line-height:20px;
}
.productList a:hover span {
text-decoration:underline;
color:#02679D;
}
/***** News list *****/
.newsList {
margin:0 auto;
}
.newsList li {
border-bottom:1px solid #ddd;
float:left;
line-height:14px;
padding:10px 0;
position:relative;
text-align:left;
width:100%;
}
.newsList li a {
background:url(listIcon02.gif) no-repeat 0 0;
*background-position:0 -2px;
padding-left:20px;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
}
.newsList02 li{
padding:20px 0; 
}
.newsList02 li a{
background-image:url(listIcon01.gif);
}

/***** Pagination *****/
.pagination {
height:22px;
padding:30px 0;
}
.pagination span, .pagination a {
background:#fff;
border:1px solid #ddd;
display:inline;
float:left;
height:20px;
line-height:20px;
margin-right:4px;
padding:0 8px;
}
.pagination a:hover {
background:#EDFEFF;
border-color: #78D0D6;
color:#0B93C6;
}
.pagination .current {
border:none;
color:#f00;
font-weight:bold;
}
.pagination .pr_off, .pagination .nt_off {
color:#ccc;
}

/***** Article *****/
.article h3 {
border-bottom:1px solid #ddd;
font-size:14px;
line-height:28px;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}

/***** Related news list *****/
.relatedNews {
padding:10px;
}
.relatedNews h3 {
font-size:14px;
margin-bottom:8px;
}
.relatedNews a {
background:url(listIcon06.gif) no-repeat 0 50%;
line-height:22px;
padding-left:12px;
}

/***** Product details *****/
.productImage{
text-align:center; 
}
.productDetails {
margin:20px auto;
text-align:center;
width:90%;
}
.productDetails .proImg {
padding:10px;
text-align:center;
}
.productDetails th{
width:20%; 
}
.productDetails .caption{
text-align:center; 
}
/*内页内容区
---------------------------------*/
.main {
min-height:350px;
height:auto !important;
height:350px;
overflow:visible;
width:96%;
margin:20px auto;
}
 
#subContact{
color:#fff;
background:#003D1C;
height:20px;
padding:10px 0 8px 5px;
font-weight:bold;
font-size:14px;
margin-top:10px;
}
#subContact img{
padding-right:5px;
}
#subProShow{
color:#fff;
background:#003D1C;
height:20px;
padding:10px 0 8px 5px;
font-weight:bold;
font-size:14px;
}
#subProShow img{
padding-right:10px;
}
#subCategory{
width:200px;
min-height: 280px;
height: auto !important;
height: 280px;
margin:12px;
}

#subCategory ul{
background:url(cateTitleBg.gif) repeat-x left top;
}
#subCategory ul li{
background:url(listDiv02.gif) repeat-x left bottom;
}
#subCategory ul li a{
font-weight:bold;
height:28px;
text-align:left;
line-height:28px;
color:#207C4D;
text-decoration:none;
background:url(listImg02.gif) no-repeat 10% 60%;
padding-left:25px;
}

#subCategory ul li a:hover{
color:#435964;
}


/*页脚
---------------------------------*/
#footer {
position:relative;
margin-top:2px;
text-align:center;
}
#footer .copyright {
background:#B6E6C1;
line-height:21px;
padding:10px 10px;
}
#link{
position:absolute;
top:8px;
right:0;
float:right;
width:250px;
}

/* 分页
---------------------------------*/
.pages {
font-weight:bold;
height:22px;
padding:20px 0 15px 90px;
text-align:center;
}
.pages span, .pages a {
background:#fff;
border:1px solid #ddd;
display:inline;
float:left;
height:20px;
line-height:20px;
margin-right:4px;
padding:0 8px;
text-align:center;
}
.pages a:hover {
border-color:#666;
background:#eee;
}
.pages .current {
border:none;
color:#f00;
font-weight:bold;
text-align:center;
}

/*--- 新闻列表---*/
/*--- 内页新闻列表 ---*/
.newsList{
width:560px;
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;
}

/* 以下代码片段使左右两列自适应高度 */
#main:after {
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
height:0;
clear both;
visibility:hidden;
}
#main {
display:inline-block;
}
/*\*/
#main {
display:block;
}
/*\*/
#sideBar, #content {
padding-bottom:32767px !important;
margin-bottom:-32767px !important;
}
@media all and (min-width: 0px) {
#sideBar, #content {
padding-bottom:0 !important;
margin-bottom:0 !important;
}
#sideBar:before, #content:before {
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
background:inherit;
padding-top:32767px !important;
margin-bottom:-32767px !important;
height:0;
}
/***** Default buttons *****/
button { 
position: relative;
border: 0; 
padding: 0;
height:24px; 
vertical-align:middle;
cursor: pointer;
overflow: visible; /* Remove the self-propagation of the width in Internet Explorer */
}
button::-moz-focus-inner {
border: none;  /* Additional padding covering Firefox */
}
button span, .pageNav a span { 
position: relative;
display: inline-block; 
white-space: nowrap;
cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* To amend the margin of Safari and Chrome */
button span {
margin-top: -1px;
}
}

/* Customize buttons: */		
.defaultBtn { 
padding: 0 10px 0 0; 
margin-right:5px; 
font-size:12px; 
font-family:Verdana, Geneva, sans-serif;
text-align: center; 
background: transparent url(btn_default_bg.gif) no-repeat 100% -60px; 
display:inline-block;
height:24px; 
}
.defaultBtn span {
padding: 5px 0 0 10px; 
height:19px; 
background: transparent url(btn_default_bg.gif) no-repeat 0 0; 
color:#445560; 
}
.defaultBtn:hover, .defaultBtnHover { /* Extra defaultBtnHover for IE6 */
background-position: 100% -90px; 
}
.defaultBtn:hover span, .defaultBtnHover span {
background-position: 0 -30px;
color:#052028; 
}
/*--- 产品详细页 ---*/
.productDetails {
margin:20px auto;
text-align:center;
width:90%;
}
.productDetails .column01 {
text-align:right;
width:20%;
}
.productDetails .column02 {
text-align:left;
width:80%;
}
.productDetails h3 {
font-size:14px;
line-height:30px;
text-align:center;
}
.productDetails .proImg {
padding:10px;
text-align:center;
}