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

/* 外部容器
---------------------------------*/
#containerBg01 {
background:url(containerBg01.gif) repeat-y 0 0;
}
#containerBg02 {
background:url(containerBg02.jpg) no-repeat 0 0;
}
#containerBg03 {
background:url(containerBg03.jpg) no-repeat 0 100%;
min-height: 800px;
height: auto !important;
height: 800px;
overflow: visible;
}
#container {
width:961px;
margin:0 auto;
}
/* 页头:header
---------------------------------*/
#headTop {
position:relative;
height:116px;
z-index:100;
}
/* logo */
#logo {
position:absolute;
left:10px;
top:0;
}
#secondaryNav {
position:absolute;
right:30px;
top:30px;
text-align:right;
}
#secondaryNav li {
float:right;
display:inline;
margin:0 4px;
}
#secondaryNav li a {
background:url(secNavIcon.gif) no-repeat 0 50%;
padding-left:15px;
}
/* search */
#search {
position:absolute;
right:30px;
bottom:30px;
}
#search .inputSearch {
width:130px;
line-height:20px;
}
#search .btnSearch {
border:none;
outline:none;
cursor:pointer;
color:#575757;
width:50px;
height:21px;
line-height:21px;
overflow:hidden;
background:url(btnSearch.gif) no-repeat 0 0;
vertical-align:top;
white-space:nowrap; /* 强制不换行 */
*overflow:visible;  /*IE中input的padding值随长度变长增加bug */
}
#stamp {
position:absolute;
right:5px;
bottom:-63px;
z-index:1000;
width:68px;
height:89px;
background:url(stamp.png) no-repeat 0 0;
}
/* banner */
#indexBanner {
overflow:hidden;
padding-left:10px;
}
#indexBanner img, #indexBanner object {
float:left;
}
#banner {
width:891px;
margin:0 auto;
border:5px solid #fff;
}
/* 主要内容区:main
---------------------------------*/
#main {
overflow: hidden;
width:941px;
padding:0 10px;
text-align:left;
background:url(mainBg.png) repeat-y 0 0;
}
#mainContainer {
background:#fff url(mainBg2.gif) repeat-x 0 0;
padding:20px 0 0;
position:relative;
}
#mainContent {
margin:0 auto;
width:901px;
background:url(mainContent.jpg) no-repeat 0 100%;
min-height: 600px;
height: auto !important;
height: 600px;
overflow: visible;
}
/* sidebar */
#sidebar {
float:left;
width:186px;
display:inline;
margin-left:5px;
background:url(sideBg.jpg) no-repeat 100% 0;
text-align:center;
}
/* content */
#content {
float:right;
width:690px;
display:inline;
margin-left:20px;
overflow:hidden;
}
/* 页脚
---------------------------------*/
#footer {
background:url(footBg.png) no-repeat 0 100%;
padding:10px;
}
#footer #copyright {
background:#fff;
}
#copyright .hilight {
color:#515151;
}
#copyright {
color:#898989;
line-height:20px;
padding:10px;
}
/* 首页模块
---------------------------------*/
/* 侧栏菜单
---------------------------------*/
#subNav {
margin:20px 0;
}
#subNav h2 {
height:35px;
line-height:35px;
text-align:left;
font-size:14px;
background:url(subTitleBg.gif) no-repeat 0 100%;
}
#subMenu {
margin:10px;
}
#subNav ul li {
font-size:13px;
width:100%;
float:left;
background:url(listDiv01.gif) repeat-x 0 100%;
}
#subNav ul li li{
background-position: 0 0;
}
#subNav ul ul {
display:none;
padding-left:16px;
}
#subNav ul li a {
line-height:14px;
display:block;
background:url(listIcon01.gif) no-repeat 0 50%;
padding:8px 0 8px 20px;
}
#subNav ul li a:hover, #subNav ul li.current a {
color:#E68E00;
background:url(listIcon02.gif) no-repeat 0 50%;
}
#subNav ul li li a {
background-image:url(listIcon02.gif);
padding:4px 0 4px 20px;
}
#subNav ul li.current li li a {
background-image:url(listIcon03.gif);
}
/* 内页内容区
---------------------------------*/
.title {
background:url(titleBg.gif) no-repeat 100% 100%;
height:25px;
line-height:25px;
position:relative;
margin:30px 5px 0;
}
.title h2 {
height:16px;
line-height:16px;
background: url(titleIcon.gif) no-repeat 0 0;
padding-left:16px;
}
.title span {
position:absolute;
right:20px;
top:0;
text-align:right;
font-family:"宋体";
background:url(IconPosition.gif) no-repeat 0 50%;
padding-left:20px;
}
#function {
padding:20px 5px;
}
/* 产品列表
---------------------------------*/
.productList {
text-align:center;
padding-bottom:20px;
}
.productList li {
width:224px;
height:130px;
float:left;
text-align:center;
overflow:hidden;
margin-top:20px;
background:url(productBg.png) no-repeat 0 0;
position:static;
}
.productList li.clear {
margin:0;
clear:both;
height:0;
padding:0;
overflow:hidden;
}
.productList li .productImage {
float:left;
display:block;
margin:8px 0 0 4px;
width:71px;
height:97px;
text-align:center;
overflow:hidden;
position:relative;
}
.productList li .productImage:hover {
border-color:#000;
}
.productList li .productImage img {
position:absolute;
}

.productList li strong{
    width:115px;
    height:30px;
line-height:30px;
margin-top:8px;
    margin-left:80px;
    text-align:left;
display:block;
overflow:hidden;}
.productList li strong a {
font-size:14px;
color:#7D7D7D;
}
.productList li strong a:hover {
color:#E68E00;
}
.productList li p {
width:115px;
height:92px;
line-height:18px;
margin:0 0 0 80px;
position: relative;
}
.btnDetails {
width:56px;
height:25px;
bottom:0;
right:20px;
display:inline-block;
text-align:center;
line-height:25px;
color:#898989;
position: absolute;
background:url(btnDetails.png) no-repeat 0 0;
}
.btnDetails:hover {
color:#C55300;
background-position:0 -25px;
}
/* 新闻列表
---------------------------------*/
.newsList {
margin:0 auto;
padding:0 10px;
}
.newsList li {
float:left;
line-height:14px;
position:relative;
text-align:left;
width:100%;
padding:10px 0;
border-bottom:1px solid #ddd;
}
.newsList li a {
background:url(listIcon20.gif) no-repeat 0 0;
*background-position:0 -2px;
padding-left:20px;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
}
/* 分页
---------------------------------*/
.pagination {
height:22px;
padding:30px 10px;
}
.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 {
border-color:#666;
background:#eee;
}
.pagination .current {
border:none;
color:#f00;
font-weight:bold;
}
/* 提问功能、招聘功能
---------------------------------*/
.questionList dt, .jobList dt {
font-weight:normal;
margin-top:10px;
}
.questionList dt span, .jobList dt span {
cursor:pointer;
font-weight:bold;
margin:0 4px;
}
.questionList dd, .jobList dd {
border:#ccc 1px solid;
padding:6px 10px;
}
/* 视频列表
---------------------------------*/
td.videoList a {
background:#fff url(videoIcon.jpg) no-repeat left 50%;
padding-left:25px;
}
div.videoShow {
text-align:center;
background:#fff;
border:solid 1px #eee;
width:80%;
padding:10px;
margin:0 auto;
}
div.videoShow h4 {
width:80%;
margin:0 auto;
background:url(videoIcon.jpg) no-repeat left 50%;
text-align:left;
padding-left:25px;
font-size:14px;
height:50px;
line-height:50px;
}
#mainContentSearch {
margin:30px;
}
.searchTitle {
border:1px solid #ddd;
border-width:1px 0;
padding:0 10px;
line-height:22px;
background:#f8f8f8;
}
.searchTitle a {
background:url(listImg.gif) no-repeat right 50%;
padding-right:10px;
}
#mainContentSearch strong {
padding-left:2em;
}
.resultTopicTitle {
}
#mainContentSearch .newsList {
width:100%;
}
/* 网站地图
---------------------------------*/
#webmap {
padding-bottom:20px;
}
#webmap dt {
color:#975317;
float:left;
height:19px;
line-height:19px;
margin-top:20px;
width:100%;
}
#webmap dt .dtBg01 {
background:url(webmapBg.gif) no-repeat 100% top;
float:left;
}
#webmap dt .dtBg02 {
background:url(webmapBg.gif) no-repeat 0 -38px;
float:left;
line-height:19px;
padding:0 10px;
}
#webmap dd {
float:left;
height:19px;
line-height:19px;
margin:4px 3px 0 0;
}
#webmap dd a {
background:url(webmapBg.gif) no-repeat 100% -19px;
float:left;
}
#webmap dd a span {
background:url(webmapBg.gif) no-repeat 0 -57px;
cursor:pointer;
float:left;
line-height:19px;
padding:0 10px;
white-space:nowrap; /* 强制不换行 */
}
#webmap dd a:hover {
background-position:100% 0;
}
#webmap dd a:hover span {
background-position: 0 -38px;
color:#975317;
}
/* 新闻详细页
---------------------------------*/
.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;
}
/* 相关新闻
---------------------------------*/
.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;
}
/* 产品详细页
---------------------------------*/
#productDetails {
margin:20px auto;
text-align:center;
}
#productDetails th h3 {
text-align:center;
font-size:13px;
line-height:22px;
}
.features{
    width:274px;
    margin-left:50px;
    display:inline;
	min-height: 441px;
height:auto !important;
height:441px;
	}

.productDetails{}
.productDetails h2 {
font-size:14px;
line-height:30px;
text-align:left;
background:#eee;
padding:0 10px;
}
.proImg {
    float:left;
    width:271px;
}
.proImg img{
    width:250px;}
/* 表单：左标签等宽右对齐
---------------------------------*/
fieldset {
border:none;
padding-left:120px;
}
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:200px;
}
fieldset em {
float:left;
text-align:center;
width:7px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:145px;
}
fieldset textarea {
height:8em;
}
/* 默认按钮样式
---------------------------------*/
.pageNav {
margin:20px 0;
text-align:center;
}
.button, .pageNav a {
background:url(btnBg.gif) no-repeat 0 -48px;
display:inline-block;
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 #C11F23;
background:#FFFBFB;
color:#000;
padding:1px;
}
.idleField {
background:#fff;
color: #6F6F6F;
padding:1px;
border: solid 1px #C6C6C6;
}
/* 会员功能
---------------------------------*/
#member {
position:relative;
width:100%;
}
.btn {
float:left;
height:24px;
line-height:24px;
margin-right:10px;
}
/*会员功能工具条
---------------------------------*/
.toolbar {
position:absolute;
right:0;
text-align:right;
top:0;
}
#memberTools {
position:relative;
z-index:1;
width:47px;
}
#iconSetting {
position:absolute;
right:0;
top:0;
z-index:3;
width:47px;
height:61px;
background:url(iconSetting.png) no-repeat 0 0;
}
#memberTools ul {
position:absolute;
top:0;
right:26px;
border:1px solid #CFCFCF;
width:120px;
overflow:hidden;
z-index:2;
padding:1px;
}
#memberTools ul li {
line-height:19px;
height:19px;
float:left;
width:100%;
}
#memberTools ul li a {
width:85px;
padding-left:18px;
display:block;
background:url(listIcon20.gif) no-repeat 0 50%;
}
#memberTools ul li a:hover {
background-color:#F5F5F5;
}
/* 产品订购 */

.orderStep{
    font-size:12px;
    width:410px;
    margin:20px auto;}
    .orderStep fieldset{
        padding:0;}
    .hilightRed{
        color:#f00;}
        .orderStep form{
            border-top:3px solid #F1F1EF;
            text-align:center;}
                .orderStep li{
                     background:#F9F9F9;
                    text-align:center;
                    padding:10px 0;
                    border-top:1px solid #fff;
                    border-right:16px solid #F9F9F9;
                    border-bottom:1px solid #DCDCDC;
                     border-left:16px solid #F9F9F9;
                   
                    }
                    .orderStep li.last{
                        border-top:1px solid #fff;
                        border-bottom:none;}
                 .orderStep li.formSubmit{
                background:none;
                border:none;
                margin:0;}
                .orderStep li select{
                    width:150px;}
                   .orderStep li.notice{
                       padding:10px;
                       border:none;
                        text-align:left;}
                            #orderStep3 p{
                                margin:0;
                                text-align: left;}
                               
                                #orderStep3 li.notice p{
                            background:#FEFEFE;
                            border:1px solid #F1F1EF;
                            margin:2px 16px;
                            padding:4px 8px;
                            text-align:left;}
                            #orderStep3 p.proName{
                                    text-align:center;}
                            #orderStep3 li p .label{
                                float:left;
                                width:184px;
                                text-align:right;}
                                .stampStyle{
                                    display:inline-block;
                                    width:182px;
                                    margin:0 2px;
                                    overflow:hidden;
                                    background:#fff;
                                    padding-bottom:10px;
                                    }
                                    .stampStyle img{
                                        width:182px;}
                                        #orderStep5{
                                            width:580px;}
                                            #contactForm li{
                                                text-align:left;}
                                            #contactForm li label{
                                                text-align:right;
                                                float:left;
                                                width:120px;}
                                                #contactForm li.formSubmit{
                                                    text-align:center;}