/*
Style Name:山东华韵新材料有限公司
Author: Fifthmouse
*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	color:#000;
	font-size:12px;
	font-family:Tahoma, Arial, "宋体";
	background-color: #FFF;
	background-image: url(../images/bodyBg.gif);
	background-repeat: repeat-x;
	background-position:left top;
}
 h3 {
	font-weight:bold;
	font-size:14px;
	line-height:30px;
}
a {
	outline:none;/*= FF下去除虚线框 =*/
	color:#000;
	font-size:12px;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/*======================布局用ID====*/
#wrapper {
	width:1004px;
	margin:0px auto;
	background-color:#FFF;
}
#header {
	height:100px;
	background-image: url(../images/headerBg.gif);
	background-repeat: no-repeat;
	background-position:left top;
}
#main {
	width:864px;
	height:426px;
	padding:27px 71px 0px 69px;
	background-image: url(../images/mainbodyBg.gif);
	background-repeat: no-repeat;
	background-position:left top;
}
#footer {
	height:80px;
	padding:10px 0px 0px 0px;
	background-image: url(../images/footerBg.gif);
	background-repeat: no-repeat;
	background-position:left top;
	color:#fff;
	font-size:12px;
	line-height:24px;
	text-align:center;
	clear:both;
}

/*======================Head内元素====*/
#logo {
	width:303px;
	height:52px;
	padding:14px 0px 0px 17px;
	float:left;
}
/*- 工具条 -*/
#toolbar {
	width:670px;
	height:36px;
	float:right;
}
#toolbar ul {
	text-align:right;
	padding:10px 0px 0px 340px;
}
#toolbar li {
	width:60px; 
	height:16px; 
	padding:0px 3px 0px 0px;
	display:block;
	float:left;
	line-height:16px;
	text-align:left;
}
#toolbar li.erp {
	width:25px;
}
#toolbar li.traditional {
	padding:0px 0px 0px 25px;
	background-image: url(../images/iconTraditional.gif);
	background-repeat: no-repeat;
	background-position:left top;
}
#toolbar li.english {
	padding:0px 0px 0px 25px;
	background-image: url(../images/iconEnglish.gif);
	background-repeat: no-repeat;
	background-position:left top;
}
#toolbar li a {
	color:#fff;
}
#toolbar li a:hover {
	color:#fff;
}
/*------ 协同办公 ------*/
#oaLogin {
	margin:7px 0px 0px 0px;
	float:left;
	font-weight:bold;
	color:#fff; 
}
* html #oaLogin {
	float:left;
	font-weight:bold;
	margin:3px 0px 0px 0px;
}
#oaLogin .textfield  {
	width:70px;
	height:18px;
	border-style:none;
	background-color:#FFF;
	font-size:12px;
	line-height:18px;
	vertical-align:middle;
}
#oaLogin .user {
	padding:0px 0px 0px 20px;
	background-image: url(../images/user.gif);
	background-repeat: no-repeat;
	background-position:2px 3px;
}
#oaLogin .pw {
	padding:0px 0px 0px 20px;
	background-image: url(../images/pw.gif);
	background-repeat: no-repeat;
	background-position:2px 1px;
}
#oaLogin .submit {
	width:54px;
	height:18px;
	border-style:none;;
	background-color:#f8f8fa;
	background-image: url(../images/toolBtnBg.gif);
	background-repeat: repeat-x;
	background-position:left top;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	letter-spacing:6px;
	vertical-align:middle;
}

/*- 导航条 -*/
#nav {
	width:469px;
	height:39px;
	float:right;
}
#nav ul {
	list-style-type : none;
}
#nav li {
	float:left;
	text-indent:-9999px;
}
#nav li a {
	height:39px;
	background-repeat: no-repeat;
	background-position:left top;
	display:block;
}
#nav li.home a {
	width:53px;
	background-image: url(../images/navHomeA.gif);
}
#nav li.home a:hover {
	background-image: url(../images/navHomeB.gif);
}
#nav li.about a {
	width:80px;
	background-image: url(../images/navAboutusA.gif);
}
#nav li.about a:hover {
	background-image: url(../images/navAboutusB.gif);
}
#nav li.culture a {
	width:79px;
	background-image: url(../images/navCultureA.gif);
}
#nav li.culture a:hover {
	background-image: url(../images/navCultureB.gif);
}
#nav li.responsibility a {
	width:80px;
	background-image: url(../images/navResponsibilityA.gif);
}
#nav li.responsibility a:hover {
	background-image: url(../images/navResponsibilityB.gif);
}
#nav li.products a {
	width:94px;
	background-image: url(../images/navProductsA.gif);
}
#nav li.products a:hover {
	background-image: url(../images/navProductsB.gif);
}
#nav li.news a {
	width:79px;
	background-image: url(../images/navNewsA.gif);
}
#nav li.news a:hover {
	background-image: url(../images/navNewsB.gif);
}

/*======================main内元素====*/
#products {
	width:864px; 
	height:300px;
	background-image: url(../images/productsBg2.gif);
	background-repeat: no-repeat;
	background-position:left top;
	float:left;
	position:relative;
}
#products img {
	/*display:block;*/
}
#products .pBack {
	width:39px;
	height:39px;
	padding:133px 8px 128px 10px;
	display:inline;
	float:left;
}
#products .pNext {
	width:39px;
	height:39px;
	padding:133px 13px 128px 5px;
	display:inline;
	float:right;
}
#products .pShow{
	width:750px;
	height:269px;
	margin:18px 0px 13px 0px;
	float:left;
	overflow:hidden;
	background:#900;
}
#demo {
	width:750px;
	height:269px;
	margin:18px 0px 0px 0px;	
	background:#f4f4f4;
	overflow:hidden;
	float:left;
	color:#900;
}
#demo img{
	width:360px;
	height:255px;
	margin:6px 0px 0px 10px;
}
/*- 新闻 -*/
#news {
	width:292px;
	float:left;
}
#news h3 {
	padding:13px 0px 0px 43px;
}
#news h3 .title {
	float:left; 
}
#news h3 .more {
	padding:0px 20px 0px 0px;
	float:right; 
	font-weight:normal;
	font-size:12px;
}
#news ul {
	padding:0px 0px 0px 43px;
	list-style-type : none;
	clear:both;
}
#news li {
	float:left; 
	line-height:20px;
}
#news li a {
	width:240px;
	display:block;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;

}
#news li a:hover {
}
/*------ 搜索 ------*/
#search {
	width:265px;
	float:left;
}
#search h3 {
	padding:13px 0px 0px 20px;
}
#search form {
	width:160px;
	padding:0px 0px 0px 20px;
}
#search .keyword {
	width:136px;
	height:18px;
	margin:0px 0px 8px 0px;
	border:1px solid #9c9c9c;
	background-image: url(../images/inputBg.gif);
	background-repeat: no-repeat;
	background-position:left top;
	font-size:12px;
	line-height:18px;
}
#search .submit {
	width:57px;
	height:18px;
	border:1px solid #9c9c9c;
	background-color:#fefefe;
	background-image: url(../images/searchBtnBg.gif);
	background-repeat: repeat-x;
	background-position:left top;
	font-size:12px;
	line-height:16px;
}
/*------ 关于我们 ------*/
#aboutus {
	width:256px;
	padding:13px 40px 0px 0px;
	float:right; 
}
#aboutus h3 .title {
	font-weight:bold;
	font-size:14px;
	line-height:30px;
}
#aboutus h3 .more {
	padding:0px 0px 0px 50px;
	font-weight:normal;
	font-size:12px;
}
#aboutus p {
	line-height:20px;
}
#aboutus p a {
	text-decoration:underline;
}
#aboutus p a:hover {
	text-decoration:none;
}