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

/* 外部容器
---------------------------------*/
#container {
width:1002px;
margin:0 auto;
}
/* 页头:header
---------------------------------*/
#headTop {
position:relative;
height:103px;
background:url(bg.gif) no-repeat 0 100%;
border-bottom:1px solid #C4C4C4;
}
/* logo */
#logo {
position:absolute;
left:0;
top:0;
}
#secondaryNav {
position:absolute;
right:10px;
top:5px;
text-align:right;
}
#secondaryNav li {
float:right;
display:inline;
margin:0 4px;
color:#DA251D;
}
#secondaryNav li a {
color:#DA251D;
}
#secondaryNav li a:hover {
color:#000;
}
/* 搜索栏 */
#search {
position: absolute;
top:30px;
right:10px;
}
#search form {
position:relative;
}
#search .btnSearch {
background:url(btnSearch.gif) no-repeat 0 0;
width:52px;
height:15px;
border:none;
outline:none;
cursor:pointer;
position:absolute;
right:4px;
top:3px !important;
top:4px;
}
/* banner */
#banner {
margin-top:5px;
overflow:hidden;
}
#banner img, #banner object {
float:left;
}
/* 主导航 */
#mainNav {
width:768px;
height:45px;
position:absolute;
top:58px;
left:208px;
}
#mainNav li {
float:left;
width:96px;
position: relative;
display: inline;
}
#mainNav li a {
display:block;
width:96px;
height:45px;
background-image:url(mainNav.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#mainNav li a:hover, #mainNav li a.current {
background-position:0 -45px;
}
#mainNav li.menu1 a {
background-position:-96px 0;
}
#mainNav li.menu2 a {
background-position:-192px 0;
}
#mainNav li.menu3 a {
background-position:-288px 0;
}
#mainNav li.menu4 a {
background-position:-384px 0;
}
#mainNav li.menu5 a {
background-position:-480px 0;
}
#mainNav li.menu6 a {
background-position:-576px 0;
}
#mainNav li.menu7 a {
background-position:-672px 0;
}
#mainNav li.menu1 a:hover, #mainNav li.menu1 a.current {
background-position:-96px -45px;
}
#mainNav li.menu2 a:hover, #mainNav li.menu2 a.current {
background-position:-192px -45px;
}
#mainNav li.menu3 a:hover, #mainNav li.menu3 a.current {
background-position:-288px -45px;
}
#mainNav li.menu4 a:hover, #mainNav li.menu4 a.current {
background-position:-384px -45px;
}
#mainNav li.menu5 a:hover, #mainNav li.menu5 a.current {
background-position:-480px -45px;
}
#mainNav li.menu6 a:hover, #mainNav li.menu6 a.current {
background-position:-576px -45px;
}
#mainNav li.menu7 a:hover, #mainNav li.menu7 a.current {
background-position:-672px -45px;
}
#mainNav li a span {
margin-left:-9999em;
}
/*子级菜单*/
#mainNav ul li ul {
position: absolute;
left: 0;
display: none;
visibility: hidden;
}
#mainNav ul li ul li {
display: list-item;
float: none;
width:auto;
}
#mainNav ul li ul li ul {
top: 0;
}
#mainNav ul li ul li a {
text-align:center;
background: #fff;/****子级菜单背景****/
font: normal 12px Verdana;
padding:1px 10px;/****子级菜单内间距****/
width: 75px; /****子级菜单宽度****/
line-height:22px;/****子级菜单高度****/
margin: 0;
height:auto;
color:#666;
border: 1px solid #C4C4C4;/****子级菜单边框线****/
border-width:0 1px 1px 1px;
/*filter: Alpha(opacity=80);   
-moz-opacity:.80;   
opacity:0.80;*/
}
#mainNav ul li ul li a:hover {
background:#B60613;/****子级菜单翻转背景****/
color:#fff;
}
/* 主要内容区:main
---------------------------------*/
#main {
overflow: hidden;
text-align:left;
}
/* sidebar */
#sidebar {
float:left;
width:196px;
display:inline;
margin-left:10px;
}
/* content */
#content {
float:right;
width:760px;
display:inline;
margin-right:19px;
padding-top:5px;
}
/* 页脚
---------------------------------*/
#footer {
background:url(footBg.gif) no-repeat 50% 0;
padding:16px 0 0 100px;
height:41px;
overflow:hidden;
text-align:left;
color:#fff;
position:relative;
margin-top:10px;
}
#footNav a {
color:#fff;
height:19px;
line-height:19px;
margin-right:20px;
}
#footNav a:hover {
text-decoration:underline;
}
#footer #copyright {
line-height:19px;
}
#branches {
position:absolute;
right:30px;
top:25px;
}
/* 首页模块
---------------------------------*/
#contact {
background:url(contactBg.gif) no-repeat 0 100%;
width:195px;
}
#contact .content {
background:url(contactTop.gif) no-repeat 0 0;
padding:10px;
color:#787878;
line-height:20px;
}
.btnFeedback {
margin:5px auto;
text-align:center;
}
#links {
width:195px;
margin-top:8px;
background:url(linkBg.gif) no-repeat 0 100%;
}
#links h2 {
background:url(linkTop.gif) no-repeat 0 0;
height:38px;
font-size:12px;
color:#fff;
line-height:33px;
padding-left:30px;
}
#links h2 em {
font-style:normal;
font-weight:normal;
}
#links .content {
padding:3px 10px 12px 30px;
line-height:20px;
min-height: 80px;
height: auto !important;
height: 80px;
overflow: visible;
}
.title {
position:relative;
background:url(titleBg.gif) no-repeat 100% 0;
height:30px;
line-height:30px;
}
#mainTitle h2 {
color:#fff;
font-size:14px;
padding-left:35px;
background:url(mainTitleBg.gif) no-repeat 0 0;
}
.title span {
position:absolute;
top:0;
right:10px;
color:#fff;
font-family:"宋体";
}
.title span a {
color:#fff;
}
.title span a:hover {
text-decoration:underline;
color:#fff;
}
#companyNews {
float:left;
width:373px;
}
#industryNews {
float:right;
width:373px;
}
#companyNews .content, #industryNews .content {
background:url(newsBg.gif) no-repeat 0 0;
border-top:1px solid #fff;
}
/* 侧栏菜单
---------------------------------*/
#subNav {
width:196px;
background:url(subBg.gif) no-repeat 0 100%;
margin:6px auto;
}
#subNavBg {
background:url(subTop.gif) no-repeat 0 0;
min-height: 110px;
height: auto !important;
height: 110px;
overflow: visible;
padding-bottom:40px;
}
#subNav h2 {
height:32px;
line-height:32px;
text-align: center;
padding:10px 0;
font-size:14px;
}
#subNav ul {
width:171px;
margin:0 auto;
}
#subNav ul li {
font-size:12px;
width:100%;
float:left;
background:url(listDiv02.gif) no-repeat 50% 100%;
padding:3px 0;
}
#subNav ul li a {
line-height:24px;
height:24px;
display:block;
padding:0 0 0 40px;
font-weight:bold;
color:#B30711;
}
#subNav ul li a:hover, #subNav ul li.current a {
background:url(subNavItemBg.gif) no-repeat 0 0;
}
/* 内页内容区
---------------------------------*/
#function {
padding:30px 20px;
background:url(mainBg.gif) no-repeat 0 0;
border-top:1px solid #fff;
min-height: 400px;
height: auto !important;
height: 400px;
overflow: visible;
}
#contact2 {
background:url(contactBg.gif) no-repeat 0 100%;
width:195px;
}
#contact2 .content {
background:url(contactTop2.gif) no-repeat 0 0;
padding:35px 10px 10px 10px;
color:#787878;
line-height:20px;
}
/* 产品列表
---------------------------------*/
.productList {
text-align:center;
padding-bottom:20px;
}
.productList li {
width:24.9%;
float:left;
text-align:center;
overflow:hidden;
margin-top:20px;
}
.productList li.clear {
margin:0;
clear:both;
height:0;
padding:0;
overflow:hidden;
}
.productList li a {
display:block;
margin:auto;
text-align:center;
overflow:hidden;
width:120px;
margin:0 auto;
}
.productList li a:hover {
border-color:#000;
}
.productList li a img {
padding:4px;
width:100px;
height:120px;
border:1px solid #ddd;
background-color:#fff;
}
.productList li a:hover img {
border-color:#B30711;
}
.productList li a span {
text-align:center;
display:block;
height:40px;
line-height:20px;
overflow:hidden;
margin:0 auto;
}
.productList li a:hover span {
color:#B30711;
}
/* 新闻列表
---------------------------------*/
.newsList {
margin:0 auto;
}
.newsList li {
float:left;
line-height:14px;
position:relative;
text-align:left;
width:100%;
padding:10px 0;
background:url(listDiv01.gif) repeat-x 0 100%;
}
.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 {
padding-top:5px;
}
.newsList02 li {
padding:7px 0;
}
.newsList03 li a {
background-image:url(listIcon02.gif);
}
/* 分页
---------------------------------*/
.pagination {
height:22px;
padding:30px 20px;
}
.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:#FF5862;
background:#FFF8F8;
}
.pagination .current {
border:none;
color:#f00;
font-weight:bold;
}
/* 网站地图
---------------------------------*/
#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:16px;
line-height:28px;
text-align:center;
color:#333;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}
.post {
color:#666;
}
.post p {
text-indent:2em;
}
/* 相关新闻
---------------------------------*/
.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;
color:#666;
}
#productDetails th {
white-space:nowrap;
}
.proImg {
padding:10px;
text-align:center;
}
.proImg img {
border:1px solid #ddd;
padding:4px;
background:#fff;
}
/* 表单：左标签等宽右对齐
---------------------------------*/
fieldset {
border:none;
padding-left:120px;
}
fieldset legend {
font-weight:bold;
height:40px;
line-height:40px;
*margin-left:-7px;
color:#333;
font-size:14px;
}
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;
width:350px;
}
/* 默认按钮样式
---------------------------------*/
.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 #007CD6;
background:#DFF2FF;
color:#000;
padding:1px;
}
.idleField {
background:#fff;
color: #6F6F6F;
padding:1px;
border: solid 1px #757575;
}
#search .focusField, #search .idleField {
padding:2px 60px 2px 2px;
overflow:hidden;
}


.pageContainer { padding-right: 15px; padding-left: 15px; margin-bottom: 28px; padding-bottom: 15px; padding-top: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;float:left; width:550px;}
.pager { font-weight: normal; font-size: 14px; margin-left: auto; color: #105cb6; margin-right: auto; font-family: "黑体"; }
.pager A { padding-right: 3px; padding-left: 3px; background: #fff; padding-bottom: 3px; margin: 0px 1px; color: #105cb6; padding-top: 3px; text-decoration: none; }
.pager A:hover { border-left-color: #2e6ab1; border-bottom-color: #2e6ab1; color: #484860; border-top-color: #2e6ab1; text-decoration: none; border-right-color: #2e6ab1; }
.pager A:visited { color: #105cb6; }
.pager A.nextprev { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #105cb6; margin-right: 1px; padding-top: 4px; }
.pager SPAN.current { padding-right: 3px; padding-left: 3px; font-weight: bold; background: #3651aa; padding-bottom: 3px; margin: 0px 1px; color: #fff; padding-top: 3px; }
.pager SPAN.nextprev { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; margin-left: 3px; color: #999; margin-right: 1px; padding-top: 4px; }