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

/*外部容器
---------------------------------*/
#container {
background:#fff url(footBg.jpg) no-repeat left bottom;
margin:0 auto;
padding-bottom:50px;
width:950px;
}
/*页头
---------------------------------*/
#header {
margin:0 auto;
position:relative;
width:928px;
}
#headTop {
background:#fff url(headTopBg.jpg) no-repeat right top;
height:79px;
position:relative;
z-index:2;
}
/* logo */
#logo {
left:20px;
position:absolute;
top:0;
z-index:200;
}
#secondaryNav {
position:absolute;
right:10px;
text-align:right;
top:10px;
}
#secondaryNav li {
color:#9F9F9F;
float:right;
margin:0 4px;
}
#secondaryNav li a {
color:#9F9F9F;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#secondaryNav li a:hover {
color:#EE2C74;
text-decoration:underline;
}
#btnCleaning {
position:absolute;
right:20px;
top:5px;
}
#headBar {
background:url(headBarBg.gif) repeat-x left top;
height:45px;
}
#loginBar {
background:url(headBarBgLeft.gif) no-repeat left top;
float:left;
height:45px;
overflow:hidden;
width:600px;
}
#loginBar ul {
padding-left:20px;
}
#loginBar li, #searchBar li {
display:inline;
float:left;
margin:8px 6px 0 0;
}
#loginBar li span {
background:url(inputText.gif) no-repeat left top;
display:block;
}
#searchBar li span {
background:url(inputText02.gif) no-repeat left top;
display:block;
}
#loginBar li input.text, #searchBar li input.text {
background:none;
border:none;
font:12px Verdana, Geneva, sans-serif;
height:19px;
padding:1px 4px;
width:97px;
}
#searchBar li input.text {
width:130px;
}
#loginBar li input.btnSignIn {
background:url(btnSignIn.gif) no-repeat left top;
border:none;
cursor:pointer;
height:21px;
width:50px;
}
#searchBar {
background:url(headBarBgRight.gif) no-repeat right top;
float:right;
height:45px;
overflow:hidden;
width:230px;
}
#searchBar li input.btnSearch {
background:url(btnSearch.gif) no-repeat left top;
border:none;
cursor:pointer;
height:21px;
width:59px;
}
#logined{
	text-align:left;
	height:40px;
	line-height:40px;
	}
	#logined a{
		padding-left:10px;
		margin-left:8px;
		background:url(listIcon03.gif) no-repeat 0 50%;
		}
/* banner */
#indexBanner, #innerBanner {
height:224px;
margin:10px 0 20px;
overflow:hidden;
text-align:center;
}
/*主要内容区
---------------------------------*/
#main {
margin:0 auto;
overflow: hidden;
width:918px;
}
/* sidebar */
#indexSidebar {
float:right;
width:283px;
}
#indexSidebar p {
margin:0;
padding:0;
}
#sidebar {
float:left;
width:227px;
min-height:450px;
height:auto !important;
height:450px;
overflow:visible;
}
/* content */
#indexContent {
float:left;
width:619px;
}
#content {
float:right;
width:662px;
display:inline;
margin-right:11px;
}
/*页脚
---------------------------------*/
#footer {
background:url(footBg02.jpg) no-repeat right bottom;
border-bottom:3px #EC599F solid;
border-top:1px #eee solid;
width:918px;
min-height:46px;
height:auto !important;
height:46px;
margin:26px auto 12px;
position:relative;
overflow:visible;
}
#links {
color:#9F9F9F;
float:left;
line-height:20px;
padding-left:10px;
text-align:left;
width:400px;
}
#links a, #footer a {
color:#9F9F9F;
margin-right:10px;
text-decoration:underline;
}
#links a:hover, #footer a:hover {
color:#EE2C74;
}
#footNav {
float:right;
padding-right:70px;
text-align:right;
width:400px;
}
#footNav li {
color:#9F9F9F;
float:right;
margin:0 4px;
}
#footNav li a {
color:#9F9F9F;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#footNav li a:hover {
color:#EE2C74;
text-decoration:underline;
}
#copyright {
color:#9F9F9F;
font-size:11px;
line-height:18px;
padding:6px 0;
}
/*首页模块
---------------------------------*/
#welcome {
background:url(welcomeBg.jpg) repeat-y;
}
#welcomeWrapper01 {
background:url(welcomeBottom.jpg) no-repeat left bottom;
}
#welcomeWrapper02 {
background:url(welcomeTop.jpg) no-repeat left top;
min-height:90px;
height:auto !important;
height:90px;
overflow:visible;
}
#welcomeWrapper02 .content {
font-size:14px;
padding:10px 20px;
text-align: left;
}
#welcomeWrapper02 .content p {
line-height:1.4em;
margin:0.8em 0;
}
#about img {
float:left;
margin: 10px 20px 10px 10px;
}
#about div.more {
padding-right:20px;
text-align:right;
}
#about a {
color:#A7CF0C;
text-decoration:underline;
}
#news, #factory {
display:inline;
float:left;
margin-top:16px;
}
#news {
margin-right:17px;
width:327px;
}
#factory {
width:275px;
}
#news .title, #factory .title {
background:url(titleBg.gif) repeat-x left top;
height:30px;
}
#news .title h2, #factory .title h2 {
background:url(titleBgLeft.gif) no-repeat left top;
float:left;
padding-left:20px;
text-align:left;
}
#news .title h2 img, #factory .title h2 img, #news .title span img, #factory .title span img {
padding:8px 0;
}
#news .title span, #factory .title span {
background:url(titleBgRight.gif) no-repeat right top;
float:right;
height:30px;
line-height:30px;
padding-right:20px;
}
#news ul {
padding-top:10px;
}
#news ul li {
height:14px;
padding:5px 0;
position:relative;
width:100%;
}
#news ul li span {
position:absolute;
right:10px;
color:#A0A0A0;
}
#news ul a {
background:url(listIcon01.gif) no-repeat 15px 50%;
padding-left:25px;
}
#factory .content img {
float:left;
margin:6px 10px 0 0;
*margin:15px 10px 0 0;
}
#factory .content p {
margin:1em 0;
}
/*侧栏-三级菜单*/
#subNav {
margin-bottom:40px;
text-align:center;
}
#subNav h2 {
font-size:18px;
height:38px;
line-height:38px;
background:url(subNavTitle.jpg) no-repeat left top;
color:#fff;
text-align:left;
padding-left:32px;
font-weight:normal;
}
#subNav ul#menu {
width:210px;
margin:1px auto 0;
padding:10px 0;
}
#subNav ul li {
display:inline;
font-size:12px;
width:100%;
text-align:left;
}
#subNav ul ul {
padding-left:15px;
}
#subNav ul li a {
background:url(subNavItemBg.gif) no-repeat 0 0;
display:block;
width:100%;
line-height:29px;
text-indent:25px;
color:#D11C38;
}
#subNav ul li a:hover {
background-position:0 -29px;
color:#fff;
}
#subNav ul li.current, #subNav ul li.current a {
background:url(subNavItemBg.gif) no-repeat 0 -29px;
color:#fff;
}
#subNav ul li.current li {
background:none;
}
#subNav ul li.current li a {
line-height:24px;
background:url(listIcon01.gif) no-repeat 10px 50%;
color:#5C5C5C;
}
#subNav ul li.current li a:hover {
background-position:10px 50%;
color:#EE2C74;
}
/*内页内容区
---------------------------------*/
/*标题*/
.mainTitle {
background:#FFE6E5 url(mainTitleRight.gif) no-repeat right top;
height:28px;
position:relative;
}
.mainTitle h2 {
background:url(mainTitleLeft.gif) no-repeat left top;
height:28px;
line-height:28px;
padding-left:26px;
color:#EE2C74;
font-size:14px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
}
.mainTitle span {
position:absolute;
color:#9F9F9F;
right:10px;
top:8px;
}
.mainTitle span a {
color:#9F9F9F;
}
.mainTitle span a:hover {
color:#EE2C74;
}
/*主内容区*/
#function {
padding:20px;
text-align:left;
}
/*产品列表*/
.productList li {
border-bottom:1px dashed #C7C7C7;
padding-bottom:10px;
margin-bottom:10px;
}
.productList li .thumbnail {
float:left;
display:inline;
background:url(proPicBg03.gif) repeat-y left top;
}
.porPicBg02 {
background:url(proPicBg04.gif) repeat-y right top;
}
.porPicBg03 {
background:url(proPicBg06.gif) no-repeat right bottom;
}
.porPicBg04 {
background:url(proPicBg05.gif) no-repeat left bottom;
}
.porPicBg05 {
background:url(proPicBg02.gif) no-repeat right top;
}
.porPicBg06 {
background:url(proPicBg01.gif) no-repeat left top;
text-align:center;
padding:6px;
}
.productList li .thumbnail img {
}
.productList li .proInfo {
float:right;
width:470px;
padding-top:16px;
}
.productList li .proInfo h3 a {
font-size:12px;
color:#EE2C74;
line-height:20px;
background:url(listIcon03.gif) no-repeat 0 50%;
padding-left:10px;
}
.productList li .proInfo h3 a:hover {
text-decoration:underline;
}

.productList li .productID {
color:#9A9A9A;
line-height:22px;
padding-left:10px;
}
.productList li .productID span {
color:#EE2C74;
}
.productList li .abstract {
background:#F4F4F4;
padding:6px 10px;
color:#FF9E0F;
line-height:18px;
margin-bottom:8px;
}
/*--- 内页新闻列表 ---*/
.newsList {
margin:0 auto;
}
.newsList li {
text-align:left;
padding:8px 0;
background:url(newsDiv.gif) repeat-x bottom;
position:relative;
width:100%;
}
.newsList li a {
padding-left:30px;
background:url(listIcon01.gif) no-repeat 15px 50%;
}
.newsList li span {
color:#A0A0A0;
position:absolute;
right:10px;
}
/*--- 分页 ---*/
.pages {
text-align:right;
line-height:24px;
height:24px;
padding:20px 0;
}
/*--- 视频列表 ---*/
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%;
}
/*网站地图*/
.map {
margin-bottom:10px;
}
.map ul {
margin-left:20px;
background:url(ulBg.gif) repeat-y;
}
.map ul li {
background:url(liBg01.gif) no-repeat left top;
font-size:12px;
line-height:24px;
padding-left:15px;
}
.map ul li.lastChild {
background-image:url(liBg02.gif);
}
/*--- 新闻详细页 ---*/
.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;
}
.pageNav {
margin:20px auto;
}
.pageNav li {
float:right;
margin-left:20px;
}
.pageNav li a {
background:#ddd;
border:#666 1px solid;
float:left;
padding:4px 8px;
}
.pageNav li a:hover {
background:#eee;
border-color:#999;
}
.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;
width:90%;
}
.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;
}
.productDetails .proImg {
padding:10px;
text-align:center;
}
/*--- 表单：左标签等宽右对齐 ---*/
fieldset {
border:none;
margin:0 40px;
}
fieldset legend {
border:1px solid #999;
float:left;
font-weight:700;
padding:3px 10px;
*margin-left:-6px;
}
fieldset ol {
list-style: none;
margin-top: 2em;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}
fieldset li label {
float: left;
line-height:22px;
margin-right:10px;
text-align: left;
}
fieldset li span {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
}
fieldset input.text, fieldset textarea, fieldset input.txt {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
padding:1px;
width:320px;
outline:none;
line-height:18px;
height:18px;
}
fieldset input.text2, fieldset input.text3 {
float:none;
line-height:18px;
height:18px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:122px;
}
fieldset textarea {
height:8em;
}
.btnSubmit {
background:#ddd;
border:#666 1px solid;
cursor:pointer;
line-height:14px;
padding:2px 6px;
font:12px Arial, Helvetica, sans-serif;
}
.focusField {
border:solid 1px #FDD3E5;
background:#FFF6FA;
color:#000;
}
.idleField {
background:#fff;
color: #6F6F6F;
border: solid 1px #ddd;
}
fieldset li a {
margin-right:8px;
}
/*会员功能
 *登录，注册，找回密码，修改资料和用户信息页面
 */
.memberLogin, .register, .fetchPassword, .passwordModify, .userInfo {
margin:0 auto;
width:600px;
}
.memberLogin .text, .passwordModify .text {
width:240px;
}
/*会员功能工具条
---------------------------------*/
.toolbar {
border:1px solid #ddd;
margin-bottom:10px;
background:#f8f8f8;
}
.toolbar a {
float:left;
display:block;
padding:4px 10px;
border-right:1px solid #ddd;
}
.toolbar a:hover {
background:#ddd;
}
/*MSN*/
#msn{
	background:url(msnBg.gif) repeat-y 0 0;
	width:215px;
	margin:12px auto 0;
	}
#msn #msnBg{
	background:url(msnTop.gif) no-repeat 0 0;
	}
#msn ul{
	background:url(msnBottom.gif) no-repeat 0 bottom;
	padding:10px 0;
	text-align:center;
	}
	#msn ul li{
		text-align:center;}