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

/* 外部容器
---------------------------------*/
#container {
width:777px;
margin:0 auto;
background:#fff;
}
/* 页头:header
---------------------------------*/
/* banner */
#banner {
overflow:hidden;
}
#banner img, #banner object {
float:left;
}
/* 主要内容区:main
---------------------------------*/
#main {
overflow: hidden;
text-align:left;
}
/* sidebar */
#sidebar {
float:left;
width:174px;
background: url(div.gif) repeat-y 100% 0;
}
/* content */
#content {
float:right;
width:593px;
padding:0 5px;
}
/* 以下代码片段使左右两列自适应高度 */
#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:#E6E7E9 url(hDiv.gif) repeat-x 0 0;
padding:10px 0;
}
#footNav a {
color:#000;
margin:0 10px;
}
#footNav a:hover {
color:#f00;
}
#footer #copyright {
color:#000;
line-height:20px;
}
/* 首页模块
---------------------------------*/
.title {
height:22px;
line-height:22px;
overflow:hidden;
position:relative;
padding-top:10px;
margin-bottom:4px;
}
.title h2 {
background:url(titileIcon.gif) no-repeat 5px 50%;
padding-left:20px;
}
.title span {
position:absolute;
right:0;
top:12px;
}
.content {
padding:10px 6px;
}
#showcase {
background:#F2F3F4;
padding:10px;
text-align:left;
}
.productList03 td {
padding:0 6px;
text-align:center;
}
.productList03 td a img {
height:70px;
}
.productList03 td a span {
height:20px;
line-height:20px;
overflow:hidden;
color:#f00;
margin-top:10px;
}
.productList03 td a:hover span {
color:#000;
}
#news {
float:left;
width:376px;
}
#news .content {
background:url(newsBg.gif) no-repeat 100% 0;
}
#picNews {
float:right;
width:186px;
text-align:center;
padding:10px 0;
display:inline;
margin-right:8px;
background:url(picNewsBg.gif) no-repeat 100% 0;
}
#picNews img {
padding:1px;
background:#fff;
border:3px solid #E5E5E5;
width:176px;
height:152px;
}
#picNews span {
height:20px;
line-height:20px;
overflow:hidden;
}
#industry, #constrution, #media, #land {
float:left;
width:280px;
}
#industry, #media {
display:inline;
margin-right:20px;
}
#industry .content, #constrution .content {
background:#F2F3F4 url(boxBg.gif) no-repeat 0 100%;
}
#industry .newsList, #constrution .newsList {
background:#F2F3F4 url(boxTop.gif) no-repeat 0 0;
}
#land {
background:url(landBg.gif) no-repeat 100% 0;
}
#focus {
padding-bottom:8px;
}
#focus .title {
border-bottom:3px solid #CD1B27;
}
#login, #part1, #focus {
background:url(hDiv.gif) repeat-x 0 100%;
}
#commend .title {
background:url(commendBg.gif) no-repeat 0 100%;
padding-bottom:6px;
}
#news .title, #media .title, #land .title {
background:url(titleBg02.gif) no-repeat 0 100%;
padding-bottom:4px;
}
#login fieldset {
padding:10px 0;
}
#login button {
outline:none;
border:none;
background:url(btnLogin.gif) no-repeat 0 0;
width:43px;
height:20px;
vertical-align:top;
}
#login li {
padding:5px 0;
}
#login a {
margin-left:3px;
}
#commend li {
float:left;
width:280px;
height:160px;
overflow:hidden;
display:inline;
margin:10px 5px;
}
.commendPic {
float:left;
width:114px;
}
.commendInfo {
float:right;
width:154px;
}
.commendInfo h3 {
font-size:12px;
}
.commendInfo h3 a {
color:#f00;
}
.commendInfo h3 a:hover {
text-decoration:underline;
}
.commendInfo p {
margin:0;
}
.commendPic img {
width:106px;
padding:1px;
border:3px solid #ddd;
background:#fff;
}
#fdemo {
height:180px;
overflow:hidden;
}
#books li {
float:left;
width:100%;
overflow:hidden;
text-align:center;
margin:4px 0;
}
#books li a {
display:block;
width:146px;
overflow:hidden;
margin:0 auto;
}
#books li a img {
width:142px;
padding:1px;
border:1px solid #F73337;
background:#fff;
}
#books li a:hover img {
border-color:#000;
}
/* 侧栏菜单
---------------------------------*/
#subNav {
margin:30px 0;
}
#subNav ul li {
font-size:12px;
width:173px;
float:left;
background:url(hDiv.gif) repeat-x 0 100%;
padding:0 0 1px 0;
}
#subNav ul li li {
padding:1px 0 0 0;
background:url(hDiv.gif) repeat-x 0 0;
}
#subNav ul li a {
line-height:14px;
display:block;
width:123px;
background:url(listIcon02.gif) no-repeat 30px 8px;
padding:10px 0 10px 50px;
}
#subNav ul li a:hover, #subNav ul li.current a {
background-color:#eee;
color:#f00;
}
#subNav ul li li a {
padding:5px 0 5px 60px;
background-position:40px 4px;
width:113px;
background-image:url(listIcon01.gif);
}
/* 内页内容区
---------------------------------*/
#crumbs {
padding:18px 10px;
font-family:"宋体";
}
#function {  
padding:10px;
min-height: 480px;
height: auto !important;
height: 480px;
overflow: visible;
}
.function{
    width:573px;
    overflow:hidden;}
/* 产品列表
---------------------------------*/
.productList {
text-align:center;
}
.productList li {
width:49.9%;
float:left;
text-align:center;
}
.productList a {
display:inline-block;
margin:0 auto;
text-align:center;
}
.productList a img {
border:#ddd 1px solid;
padding:2px;
width:545px;
}
.productList a:hover img {
border-color:#AF0A0E;
}
.productList a span {
color:#333;
display:block;
cursor:pointer;
overflow:hidden;
text-align:center;
line-height:20px;
height:40px;
margin:4px auto 0;
}
.productList a:hover span {
text-decoration:underline;
color:#AF0A0E;
}
.productList02 li{
    width:100%;} 
/* 新闻列表
---------------------------------*/
.newsList {
margin:0 auto;
}
.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(listIcon01.gif) no-repeat 0 0;
*background-position:0 -2px;
padding-left:20px;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
}
.newsList02 li {
border:none;
padding:5px 0;
}
.newsList03 li a, .newsList04 li a {
display:block;
}
.newsList04 li a {
background-image:url(listIcon02.gif);
}
/* 分页
---------------------------------*/
.pagination {
height:22px;
padding:30px 0;
}
.pagination span, .pagination a {
background:#fff;
border:1px solid #ddd;
display:inline;
float:left;
height:18px;
line-height:18px;
margin-right:2px;
padding:0 4px;
}
.pagination a:hover {
border-color: #AF0A0E;
background:#FFE5E6;
color:#000;
}
.pagination .current {
border-color: #AF0A0E;
background:#AF0A0E;
color:#fff;
font-weight:bold;
}
.pagination .pr_off, .pagination .nt_off {
color:#ccc;
}
/* 提问功能、招聘功能
---------------------------------*/
.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: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 {
text-align:center;
}
.proImg img{
    width:570px;}
/* 表单：左标签等宽右对齐
---------------------------------*/
fieldset {
border:none;
padding-left:60px;
}
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;
}
.focusField {
border:solid 1px #83C6FA;
background:#F6FCFF;
color:#000;
padding:1px;
}
.idleField {
background:#fff;
color: #6F6F6F;
padding:1px;
border: solid 1px #ddd;
}
/* 默认按钮样式
---------------------------------*/
.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;
}
/* 会员功能
---------------------------------*/
#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;
background:#fff;
}
#toolbarHandler {
text-align:center;
position:absolute;
right:0;
top:0;
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
height:24px;
line-height:24px;
overflow:hidden;
width:80px;
}
#toolbarHandler img, .toolbar ul a img {
vertical-align:middle;
}
#toolsList {
text-align:left;
display:none;
}
.toolbar ul {
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
padding-top:25px;
width:150px;
}
.toolbar ul li {
float:left;
width:100%;
border-bottom:1px solid #C1D7E4;
}
.toolbar ul a {
display:block;
height:34px;
line-height:34px !important;
overflow:hidden;
}
/* 滚动 */
#marqueeDemo {
overflow: hidden;
width: 754px;
height:90px;
}
#marqueeDemo a {
display:inline-block;
width:80px;
text-align:center;
}
#marqueeDemo a span {
display:block;
line-height:26px;
}
#marqueeDemo2 {
overflow: hidden;
width: 162px;
height:90px;
}
#marqueeDemo2 a {
display:block;
background:url(listIcon01.gif) no-repeat 0 0;
*background-position:0 -2px;
padding-left:20px;
}
#marqueeDemo3 {
overflow: hidden;
width: 106px;
height:120px;
padding-top:10px;
margin:0 auto;
}
#marqueeDemo3 a {
display:inline-block;
width:106px;
text-align:center;
}
#marqueeDemo3 a span {
display:block;
line-height:20px;
}
#marqueeDemo3 a img {
height:88px;
}
/* 信息分页 */
.messagePagination{
    margin:40px 0;}
.messagePagination li{
    display:inline;
    margin-right:4px;
    height:16px;
    line-height:16px;
    float:left;}
    .messagePagination li a{
        padding:2px 4px;
        display:block;
        border:1px solid #ccc;}
         .messagePagination li a:hover{
             color:#CC0A15;
        border:1px solid #CC0A15;}
        .messagePagination li a.current{
            background:#CC0A15;
            color:#fff;
            border:1px solid #CC0A15;
            }