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

/*--- 外部容器 ---*/
#container {
width:1002px;
margin:0 auto;
background:#fff;
position:relative;
}
/*--- 页头 ---*/
#header {
background:url(headBg.jpg) no-repeat left top;
}
#headTop {
position:relative;
height:69px;
}
#topNav {
}
#topNav li {
float:right;
margin:0 8px;
}
#logo {
position:absolute;
left:50px;
top:0;
}
#topNav {
position:absolute;
right:0px;
top:10px;
text-align:right;
}
#topNav ul {
}
#topNav li {
}
#topNav li a {
color:#999;
font-size:12px;
background:url(listImg01.gif) no-repeat 0 50%;
padding-left:10px;
}
#topNav li a:hover {
color:#f00;
}
#forms {
position:absolute;
height:30px;
right:0;
bottom:0;
}
#login {
position:absolute;
right:10px;
bottom:10px;
height:22px;
}
#login span, #login span a {
color:#999;
font-size:12px;
}
#login span a {
background:url(listImg01.gif) no-repeat 0 50%;
padding-left:10px;
}
#login span a:hover {
color:#f00;
}
#login .text {
width:100px;
height:14px;
padding:1px;
color:#666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#login .textMin {
width:40px;
height:14px;
padding:1px;
color:#666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#login .btnLogin {
font-size:12px;
text-align:center;
letter-spacing:3px;
color:#fff;
background:url(btnLogin.gif) no-repeat;
width:48px;
height:18px;
border:none;
cursor:pointer;
}
#loginout {
position:absolute;
right:10px;
bottom:10px;
height:22px;
}
#loginout span, #loginout span a {
color:#999;
font-size:12px;
}
#loginout span a {
background:url(listImg01.gif) no-repeat 0 50%;
padding-left:10px;
}
#loginout span a:hover {
color:#f00;
}
#loginout .text {
width:100px;
height:14px;
padding:1px;
}
/*
#login{
height:30px;
}
#login span, #login span a{
color:#999;
font-size:12px;
}
#login span a{
background:url(listImg01.gif) no-repeat 0 50%;
padding-left:10px;
}
#login span a:hover{
color:#f00;
}
#login .text{
width:100px;
}
#login .btnLogin{
font-size:12px;
text-align:center;
letter-spacing:3px;
color:#fff;
background:url(btnLogin.gif) no-repeat;
width:48px;
height:18px;
border:none;
cursor:pointer;
}
*/
#searchBar {
text-align:left;
position:relative;
height:32px;
border:#fff 1px solid;
border-width:1px 0;
background:url(searchBarBg.gif) repeat-x left top;
}
#search {
}
#search select {
width:120px;
color:#919191;
}
.btnSearch {
font-size:12px;
text-align:center;
letter-spacing:3px;
color:#0E8047;
background:url(btnSearch.gif) no-repeat;
width:41px;
height:21px;
line-height:21px;
border:none;
cursor:pointer;
}
#search form {
float:left;
height:28px;
padding-top:4px;
}
#search form#searchForm1 {
background:url(productSearchImg.jpg) no-repeat left top;
padding-left:100px;
}
#search form#searchForm2 {
background:url(websiteSearchImg.jpg) no-repeat left top;
padding-left:80px;
margin-left:20px;
}
#search label {
color:#919191;
height:18px;
line-height:18px;
}
#banner {
overflow:hidden;
background:url(mainnavBg.jpg) repeat-x 0 0;}
#flashbannerdiv{
width:1003px;
}
#flashbanner{
width:1003px;
}
#menu {
background:#92B0DD;
}
/*--- 主要内容区 ---*/
#main {
background:url(mainBg.gif) repeat-x left top;
overflow: hidden;
}
#sideBar {
float:left;
width:224px;
margin-top:20px;
display:inline;
background:url(sideBarBg.jpg) no-repeat 0 20px;
text-align:center;
}
#content {
float:right;
width:761px;
padding:20px 0 0 17px;
display:inline;
}
/* 以下代码片段使左右两列自适应高度 */
#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;
}
}
/*--- 首页模块 ---*/
#quickLaunch {
float:left;
width:234px;
display:inline;
margin-top:6px;
}
#quickLaunch li {
padding:0 15px 2px 30px;
}
.quickLaunchy02 {
margin:0 auto;
}
.quickLaunchy02 li {
text-align:center;
margin-bottom:10px;
}
.quickLaunchy02 #scroll01 {
margin-bottom:30px;
}
.scrollTitle {
text-align:center;
}
.scrollTitle a {
color:#4C4C4C;
font-weight:700;
}
.scrollTitle a:hover {
text-decoration:underline;
}
#tags {
float:right;
margin:6px 20px 0 18px;
display:inline;
position:relative;
}
#tagsBar {
position:absolute;
height:32px;
width:724px;
top:0;
left:3px;
}
#tagsBar ul li.tag1 {
background-image:url(tag1Bg.jpg);
}
#tagsBar ul li.tag2 {
background-image:url(tag2Bg.jpg);
}
#tagsBar ul li.tag3 {
background-image:url(tag3Bg.jpg);
}
#tagsBar ul li.tag4 {
background-image:url(tag4Bg.jpg);
}
#tagsBar ul li a {
width:181px;
height:32px;
display:block;
}
#tagsBar ul li.current1 {
background-image:url(tag1BgOver.jpg);
}
#tagsBar ul li.current2 {
background-image:url(tag2BgOver.jpg);
}
#tagsBar ul li.current3 {
background-image:url(tag3BgOver.jpg);
}
#tagsBar ul li.current4 {
background-image:url(tag4BgOver.jpg);
}
#tagsBar ul li {
float:left;
height:32px;
width:181px;
cursor:pointer;
background-repeat:no-repeat;
background-position:left top;
}
#tagsWrapper01 {
background:url(tagsBgLeft.gif) repeat-y left top;
}
#tagsWrapper02 {
width:730px;
min-height:209px;
height:auto !important;
height:209px;
overflow:visible;
background:url(tagsBgRight.gif) repeat-y right top;
}
#tagsContent {
position:absolute;
bottom:0;
left:3px;
height:163px;
padding-top:14px;
width:724px;
background:url(tagsContentBg.jpg) repeat-x left bottom;
overflow:hidden;
}
#demo {
overflow:hidden;
width:700px;
margin:0 auto;
}
#demo #demo1 td a, #demo #demo2 td a {
width:142px;
display:block;
text-align:center;
}
#demo #demo1 td span, #demo #demo2 td span {
line-height:24px;
}
#demo img {
height:120px;
width:96px;
}
.tagsContentDiv {
float:left;
border-left:1px solid #EFEFEF;
height:150px;
width:240px;
text-align:center;
}
.tagsContentTitle {
margin:0 auto;
width:200px;
height:20px;
position:relative;
}
.tagsContentTitle h4 {
position:absolute;
left:0;
top:0;
font-size:12px;
color:#666;
}
.tagsContentTitle span {
position:absolute;
right:0;
top:0;
}
.tagsContentDiv02 {
width:480px;
}
.newsList {
margin:0 auto;
width:200px;
}
.newsList li {
padding:4px 0;
}
.newsList li a {
color:#666;
padding-left:10px;
background-image:url(listImg03.gif);
background-repeat:no-repeat;
background-position:0 50%;
}
.newsList li a:hover {
text-decoration:underline;
}
.newsList02 li {
background:url(listDiv02.gif) repeat-x left bottom;
}
.newsList02 li a {
background-image:url(listImg04.gif);
}
.newsList02 li a:hover {
}
.newsList03 {
width:auto;
}
.newsList03 li {
position:relative;
background:url(listDiv02.gif) repeat-x left bottom;
padding:8px 0;
}
.newsList03 li span {
color:#999;
padding:8px 0;
position:absolute;
right:10px;
top:0;
}
.newsList04 {
width:480px;
}
.newsList04 li {
float:left;
width:200px;
display:inline;
margin-left:30px;
}
/*--- 新闻详细页 ---*/
.newsContent {
line-height:22px;
}
.newsTitle {
}
.newsTitle h4 {
text-align:center;
font-size:14px;
line-height:24px;
color:#009900;
}
.newsDate {
margin-bottom:16px;
text-align:center;
color:#999;
}
.productList {
min-height:150px;
height:auto !important;
height:150px;
overflow:visible;
}
.productList li {
float:left;
width:180px;
text-align:center;
}
.productList li a {
}
.productList li a img {
padding:3px;
border:1px solid #AEC19D;
}
.productList li a:hover img {
border:1px solid #319804;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.productList li a span {
line-height:30px;
color:#666;
}
.productList li a:hover span {
color:#319804;
}
.productList02 li {
width:33%;
padding-bottom:20px;
}
.productList03 {
}
.productList03 li img {
height:120px;
width:96px;
}
/*--- 分页 ---*/
.pages {
text-align:center;
line-height:24px;
padding:40px 0 20px;
}
.pages a {
color:#333;
}
.pages a:hover {
text-decoration:underline;
}
#scrollWrapper {
border:1px solid #D8D8D8;
width:183px;
padding:4px;
background:#F7F7F7;
margin:0 auto;
}
#scroll02 {
width:181px;
border:1px solid #D8D8D8;
}
/*--- 标题 ---*/
.mainTitle {
text-align:left;
position:relative;
height:50px;
background:url(mainTitleBg.jpg) no-repeat;
}
.mainTitle h3 {
position:absolute;
font-size:14px;
color:#000;
left:16px;
top:2px;
height:16px;
}
.mainTitle span {
text-align:right;
position:absolute;
right:10px;
top:20px;
}
.mainTitle span strong {
color:#333;
}
.mainTitle span a {
color:#333;
}
.mainTitle span a:hover {
color:red;
text-decoration:underline;
}
/*--- 页脚 ---*/
#footer {
min-height:83px;
height:auto !important;
height:83px;
overflow:visible;
margin-top:8px;
padding:8px 0 0 205px;
border-top:1px solid #7FC536;
background:url(footLogo.jpg) no-repeat 30px top;
text-align:left;
position:relative;
}
#footer #footMain {
width:585px;
}
#footer #footNav {
float:left;
}
#footer .copyright {
color:#666;
line-height:20px;
padding:10px 0;
}
#footNav {
}
#footNav ul {
}
#footNav ul li {
float:left;
}
#footNav ul li a {
background:url(listImg02.gif) no-repeat 0 50%;
margin:0 2px;
padding:8px;
color:#666;
}
#footNav ul li a:hover {
text-decoration:underline;
}
#links {
position:absolute;
top:10px;
right:20px;
}
#backToTop {
position:absolute;
right:20px;
top:40px;
}
/*--- 内页二级菜单 ---*/
#subMenu {
margin:0 auto;
width:190px;
}
.subMenuTitle {
background:url(subMenuTitle.jpg) no-repeat left top;
}
.subMenuTitle h3 {
height:25px;
line-height:25px;
font-size:12px;
color:#fff;
letter-spacing:4px;
}
ul#menuList {
padding:0 10px 30px 10px;
}
ul#menuList li {
margin-top:6px;
}
ul#menuList li a {
background:url(subMenuListBg.jpg) no-repeat left top;
display:block;
height:26px;
color:#666;
line-height:26px;
text-align:center;
}
ul#menuList li a.opened {
color:#fff;
background:url(subMenuListOverBg.jpg) no-repeat left top;
}
ul#menuList li ul {
}
ul#menuList li ul li {
background: #DFF9E0;
margin:0 0 1px 0;
}
ul#menuList li ul li a {
background:none;
color:#006600;
}
ul#menuList li ul li a:hover {
background:#BCDEC7;
color:#006600;
font-weight:700;
}
/*--- 内页内容区 ---*/
.main {
min-height:350px;
height:auto !important;
height:350px;
overflow:visible;
width:96%;
margin:20px auto;
padding-bottom:40px;
text-align:left;
position:relative;
}
.main p {
text-indent:2em;
}
.main img.floatImg {
float:left;
}
/*--- 杂志 ---*/
#magzine {
min-height:206px;
height:auto !important;
height:206px;
overflow:visible;
}
#magImg {
float:left;
margin-right:30px;
}
#magDetail {
float:left;
width:520px;
}
#magDetail h4 {
font-size:12px;
width:200px;
height:24px;
line-height:24px;
padding:0 30px 0 5px;
color:#fff;
background:#1A8416 url(magTitleBg.gif) no-repeat right top;
}
#magDetail ol li {
float:left;
width:240px;
background:url(listDiv01.gif) repeat-x left bottom;
margin:10px 20px 0 0;
}
#magDetail dt {
}
#magDetail dt a {
height:29px;
line-height:22px;
color:#666;
font-weight:700;
}
#magDetail dt a:hover {
text-decoration:underline;
color:#f00;
}
#magDetail dd {
min-height:22px;
height:auto !important;
height:22px;
overflow:visible;
color:#666;
line-height:22px;
}
#summary {
border:1px solid #8CC18A;
line-height:20px;
padding:10px;
margin:10px 0 20px;
}
.mainTitle02 {
background:url(mainTitleBg02.gif) repeat-x left bottom;
padding-bottom:15px;
}
.mainTitle02 h3 {
font-size:14px;
padding:0 0 0 10px;
background:url(mainTitleBg03.gif) no-repeat left 50%;
}
#expiredMagzine li {
float:left;
width:18%;
text-align:center;
margin:10px 0.8%;
}
#expiredMagzine li .magName a {
height:24px;
line-height:24px;
color:#666;
}
#expiredMagzine li .magName a:hover {
color:#f00;
}
#comments ul {
width:96%;
margin:0 auto;
}
td.imgWithBorder img {
padding:3px;
border:1px solid #ccc;
}
#magForm {
text-align:left;
}
#magForm h5 {
float:left;
font-size:14px;
color:#FF3300;
}
#magForm span {
float:right;
}
/* 粤海论坛 */
#forum {
}
#forum li {
margin-bottom:20px;
}
#forum h4 {
font-size:12px;
height:24px;
line-height:24px;
color:#fff;
}
#forum h4 span {
float:left;
background:#1A8416 url(magTitleBg.gif) no-repeat right top;
line-height:24px;
width:300px;
padding:0 30px 0 5px;
}
.forumSummary {
margin-top:8px;
padding-top:10px;
background:#F0FFEF;
border-bottom:1px solid #1A8416;
padding-bottom:10px;
}
.forumSummary span.forumDate {
font-weight:700;
color:#666;
font-size:11px;
}
.forumSummary h5 {
font-size:14px;
color:#FF0000;
}
.forumSummary dd {
line-height:24px;
color:#666;
min-height:50px;
height:auto !important;
height:50px;
overflow:visible;
}
.forumSummary .readMore {
text-align:right;
padding-right:20px;
}
.forumSummary .readMore a {
color:#333;
font-weight:700;
}
.forumSummary .readMore a:hover {
text-decoration:underline;
}
.forumImg {
float:left;
margin:0 20px 0 0;
}
.forumImg img {
padding:1px;
border:1px solid #69A467;
}
#magBanner img {
padding:2px;
border:1px solid #CBD1D7;
margin:10px 0;
}
.column li h4 {
color:#fff;
font-size:12px;
background:url(columnTitleBg.jpg) no-repeat left top;
height:26px;
line-height:26px;
padding-left:10px;
}
.column li h4 a {
color:#fff;
}
.column li h4 a:hover {
color: #FFFF00;
}
.columnContent {
padding:15px;
line-height:1.8em;
color:#666;
margin:8px 0 26px 0;
background:#F0FFEF;
border-bottom:1px solid #1A8416;
}
.columnContent a {
font-weight:bold;
color:#009900;
}
.columnContent dd {
}
.columnContent div.columnFoot {
background:#fff;
border:1px solid #B7ECD2;
padding:0 10px;
}
.columnContent div.columnFoot span {
margin-right:2em;
}
.columnTools {
text-align:center;
}
.columnTools a {
margin:0 5px;
}
.articleTitle {
height:29px;
}
.articleTitle h4 {
height:29px;
float:left;
background:url(articleTitleBgRight.gif) no-repeat right top;
}
.articleTitle span.wrapper {
float:left;
background:url(articleTitleBgLeft.gif) no-repeat;
display:block;
height:29px;
line-height:29px;
padding:0 20px;
color:#fff;
font-size:12px;
}
#relatedTopics .title {
border-bottom:1px solid #B6C1C7;
padding:4px 0;
}
#relatedTopics .title h4 {
font-size:14px;
padding-left:10px;
border-left:4px solid #EF3A25;
}
#relatedTopics .topicList {
border-top:5px solid #F7F7F7;
text-align:center;
}
.topicList ul {
width:90%;
margin:0 auto;
padding:14px 0;
}
.topicList li {
float:left;
width:49%;
}
.topicList li a {
color:#000;
background:url(listImg05.gif) no-repeat 0 50%;
padding-left:15px;
line-height:24px;
height:24px;
}
.topicList li a:hover {
text-decoration:underline;
color:#339900;
}
.navigation {
margin-top:20px;
text-align:right;
padding:10px 0;
border-top:3px solid #eee;
}
.navigation a {
background:url(btnSearch.gif) no-repeat 0 0;
color:#0E8047;
display:block;
width:41px;
height:21px;
text-align:center;
line-height:21px;
}
/* 产品详细 */
.productDetails {
text-align:left;
line-height:22px;
}
.productDetails .productName h4 {
font-size:16px;
line-height:30px;
height:30px;
margin:10px 0;
color:#009900;
}
.orderLinks {
padding:20px 0;
text-align:center;
}
.orderLinks .btn {
margin:0 auto;
}
/* 相关新闻 */
#relatedNews {
text-align:left;
}
#relatedNews .newsList {
margin:0;
width:100%;
}
.pages ul {
width:50%;
margin:0 auto;
}
.pages li {
float:left;
margin:0 10px;
}
.btn {
background:url(btnBg.jpg) no-repeat 0 0;
color:#0E8047;
display:block;
width:64px;
height:21px;
line-height:21px;
text-align:center;
}
/* 大事记 */
#note {
width:432px;
margin:0 auto;
background:url(noteBg.jpg) repeat-y 0 0;
}
#noteWrapper01 {
background:url(noteTop.jpg) no-repeat 0 0;
}
#noteWrapper02 {
min-height:385px;
height:auto !important;
height:385px;
overflow:visible;
background:url(noteBottom.jpg) no-repeat left bottom;
}
#note ul {
margin:0 auto;
width:366px;
min-height:180px;
height:auto !important;
height:180px;
overflow:visible;
padding:110px 0 0 20px;
}
#note ul li {
background:url(listDiv03.gif) repeat-x left bottom;
margin:0;
padding:0 0 0 20px;
}
#note ul li a {
background:url(listImg06.jpg) no-repeat 0 50%;
height:36px;
line-height:36px;
padding-left:24px;
font-size:14px;
font-weight:700;
}
/*--- 提问功能、招聘功能 ---*/
.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-bottom:#1A8416 1px solid;
background:#F0FFEF;
padding:6px 10px;
}
.addQuestion fieldset {
border:1px solid #eee;
}
.addQuestion fieldset ol {
margin-top:1em;
}
.buttons {
text-align:center;
}
/*网站地图*/
.map {
width:500px;
margin:0 auto 18px;
padding:10px;
border:1px dashed #ddd;
}
.map ul {
margin-left:20px;
font-size:13px;
font-weight:700;
background:url(ulBg.gif) repeat-y;
}
.map ul li {
color:#390;
background:url(liBg01.gif) no-repeat left top;
font-size:13px;
line-height:24px;
padding-left:34px;
}
.map ul li.lastChild {
background-image:url(liBg02.gif);
}
.map ul li a {
font-weight:normal;
font-size:12px;
border:1px solid #B4D8BA;
padding:1px 10px;
letter-spacing:2px;
}
.map ul li a:hover {
background:#E0F1E3;
}
#notice {
position:absolute;
right:10px;
top:10px;
text-align:right;
}
#notice a {
display:block;
float:right;
width:128px;
height:58px;
background:url(notice.jpg) no-repeat 0 0;
}
#notice a:hover {
background-position:0 -58px;
}