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

/*外部容器
---------------------------------*/
#container {
width:1002px;
margin:0 auto;
}
/*页头
---------------------------------*/
#headTop {
position:relative;
height:60px;
}

#secondaryNav {
position:absolute;
right:10px;
top:10px;
text-align:right;
}
#secondaryNav li {
float:right;
margin:0 8px;
}
/* banner */
#banner {
height:245px;
overflow:hidden;
}
/*主要内容区
---------------------------------*/
#main {
overflow: hidden;
background:#F1F0EB;
line-height:23px;
}
/* sideBar */
#sideBar {
float:left;
width:243px;
background:#AF7EBD;
}
/* content */
#content {
float:right;
width:749px;
display:inline;
margin-right:10px;
}
.content{
margin:15px 20px;
line-height:22px;
}

/* 以下代码片段使左右两列自适应高度 */
#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;
}
}
/*页脚
---------------------------------*/
#footer {
background:#D7D5CC;
border:#D1CBB5 2px solid;
}

#footer .copyright {
text-align:center;
line-height:22px;
padding:10px 15px;
}
#link{
float:right;
width:250px;
}
.fieldset{
margin:5px;
float:right;
}
/*首页模块
---------------------------------*/
/*侧栏-三级菜单*/
.subNav {
background:#AF7EBD;
}
.subNav .title h2{
background-image:url(titleIcon02.gif);}

.subNav {
width:90%;
margin:0 auto 20px;
}
.subNav li {
border:1px dashed #403D08;
border-width:0 0 1px 0;
line-height:28px;
padding-left:15px;
}
.subNav li a {
background:url(listImg02.gif) no-repeat 0 50%;
padding:6px 10px 0 25px;
display:block;
}
.subNav li ul {
}
.subNav li li {
border:1px solid #C584D4;
border-width:1px 0 0 0;
padding-top:5px;
height:23px;
}
.subNav li li a {
background:#AF7EBD url(listImg03.gif) no-repeat 15px 50%;
padding:2px 5px 2px 27px;
display:block;
color:#fff;
height:16px;
line-height:18px;
}
.subNav li li a:hover, .subNav li li.current a {
color:#FFF2BC;
background:#8E599D url(listImg05.gif) no-repeat 15px 50%;
}
/*内页内容区
---------------------------------*/
.title{
background:#B24FAE url(titleBg.jpg) no-repeat 0 0;
border:1px solid #571B58;
border-width:1px 0 2px 0;
}
.title h2{
background:url(titleIcon01.gif) no-repeat 0 50%;
height:36px;
line-height:36px;
font-size:13px;
color:#52184E;
padding-left:49px;
}
#category .title h2{
background-image:url(titleIcon02.gif);
}
#release .title h2{
background-image:url(titleIcon03.gif);
}
#contact .title h2{
background-image:url(titleIcon04.gif);
}
#ProShow .title h2{
background-image:url(titleIcon03.gif);
}

.title1{
border:1px solid #EAE9D7;
height:25px;
border-width:0 0 1px 0;
width:96%;
margin:15px 0 5px 15px;
}
.title1 h2{
font-size:14px;
color:#990000;
padding-bottom:5px;
float:left;
}
.more{
float:right;
}

/*--- 产品搜索框 ---*/

#proSearch form{
width:90%;
margin:18px auto;
}

/*--- 最新产品 ---*/
#release{
height:180px;
}
#release li{
padding:15px 0 10px 55px;
float:left;
}
#release li img{
border:#356F02 1px solid;
}
#release li a span{
font-weight:bold;

}
#release li a:hover span{
color:#fff;
text-decoration:underline;
}
#release span{
display:block;
cursor:pointer;
width:80%;
margin:6px auto 0;
line-height:20px;
min-height:40px; 
height:auto !important; 
height:40px; 
overflow:visible;
}
#contact{
float:left;
}
#add{
margin:10px 18px;
line-height:23px;
color:#FFFFFF;
}
#profile{
width:712px;
height:225px;
background:#FAFAF8;
margin:5px 6px 20px 28px;
border:1px solid #E8E9D7;
border-width:1px;
}
.ProShow1{
padding:20px 0 10px 25px;
}

/*--- 产品列表 ---*/
.productList{
text-align:center;
min-height:350px; 
height:auto !important; 
height:350px; 
overflow:visible;
}
.productList li{
width:24.9%;
float:left;
padding-top:20px;
}
.productList ul li{
text-align:center;}

.productList li img{
border:#EDEBDC 1px solid;
padding:2px;
width:135px;
}
.productList li a span{
border:#EDEBDC 1px solid;
background:#F2F2E6;
padding:2px;
text-align:center;
}
.productList li a:hover span{
color:#302F2D;
text-decoration:underline;
}
.productList span{
display:block;
cursor:pointer;
width:135px;
margin:2px auto 0;
line-height:22px;
min-height:22px; 
height:auto !important; 
height:20px; 
overflow:visible;
}

.dq{
margin:11px 11px;}

/*--- 内页新闻列表 ---*/
.newsList{
margin:15px 15px;
}
.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:55px;
}
/* 新闻详细页
---------------------------------*/
.article h3 {
border-bottom:1px solid #ddd;
font-size:14px;
height:30px;
line-height:30px;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}
.newF{
padding:5px 20px;
min-height:350px; 
height:auto !important; 
height:350px; 
overflow:visible;
}
.relatedNews{
padding:15px;
}
/*--- 分页 ---*/
.page{
text-align:center;
line-height:24px;
height:24px;
margin:25px 0;
}
/* 产品详细页
---------------------------------*/
#productDetails {
margin:20px auto;
text-align:center;
}
#productDetails th h3 {
text-align:center;
font-size:12px;
line-height:22px;
}
#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;
}
.proImg {
padding:10px;
text-align:center;
}

/* 表单：左标签等宽右对齐
---------------------------------*/
fieldset {
border:none;
padding-left:80px;
}
fieldset legend {
font-weight:bold;
height:40px;
line-height:40px;
*margin-left:-7px;
}
fieldset ol {
list-style: none;
margin-top: 1em;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}
fieldset li label {
float: left;
line-height:20px;
margin-right:1em;
text-align: left;
}
fieldset li span {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:8em;
}
fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
outline:none;
padding:2px;
width:300px;
}
fieldset em {
float:left;
text-align:center;
width:7px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:145px;
}
fieldset textarea {
height:8em;
}
.button, .pageNav a {
background:url(btnBg.gif) no-repeat 0 -48px;
float:left;
height:24px;
line-height:14px;
margin:0 10px 0 0;
overflow:hidden;
padding-left:4px;
}
.button input, .pageNav a span {
background:url(btnBg.gif) no-repeat 100% 0;
float:left;
border:none;
color:#666;
cursor:pointer;
font-size:12px;
display:inline;
height:24px;
line-height:24px;
outline:none;
white-space:nowrap; /* 强制不换行 */
*overflow:visible;  /*IE中input的padding值随长度变长增加bug */
padding:0 15px 0 11px;
}
.button:hover, .pageNav a:hover {
background-position:0 -72px;
}
.button:hover input, .pageNav a:hover span {
background-position:100% -24px;
color:#1D7BC4;
}
.focusField {
border:solid 1px #83C6FA;
background:#F6FCFF;
color:#000;
}
.idleField {
background:#fff;
color: #6F6F6F;
border: solid 1px #ddd;
}