/*
Style Name:山东京博石油化工有限公司
Author: Fifthmouse
*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family:Tahoma, Arial, "宋体";
	background-color: #FFF;
}
a {
	color:#000; 
}
/*============================布局用ID====*/
#wrapper {
	width:1004px; 
	margin:0px auto;
}
#header {
	height:250px; 
	padding:0px 0px 10px 0px;
	background-image: url(../images/headerBg.gif);
	background-repeat: no-repeat;
	background-position:left top;
	position:relative;
}
#banner {
	width:1004; 
	height:150px; 
	padding:0px;
	position:absolute;
	bottom:0;
	left:0;
}
/*
#banner {
	display:none;
	height:160px; 
	padding:0px 0px 12px 0px;
	background-repeat: no-repeat;
	background-position:left top;
}
#about #banner {
	background-image: url(../images/subBannerAbout.gif);
}
#culture #banner {
	background-image: url(../images/subBannerCulture.gif);
}
#responsibility #banner {
	background-image: url(../images/subBannerResponsibility.gif);
}
#products #banner {
	background-image: url(../images/subBannerProducts.gif);
}
#services #banner {
	background-image: url(../images/subBannerProducts.gif);
}
#news #banner {
	background-image: url(../images/subBannerNews.gif);
}
*/
#main {
	min-height:350px;
	margin:0;
	background-image: url(../images/mainBg.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
}
* html #main {
	min-height:350px;
}
#footer {
	height:88px;
	background-image: url(../images/footerBg.gif);
	background-repeat: repeat-x;
	background-position:left top;
	clear:both;
}
#footer p {
	padding:12px 0px 0px 0px;
	color:#000;
	font-size:12px;
	line-height:20px;
	text-align:center;
}
#footer li a {
}
#footer li a:hover {
}
/*============================Head内元素====*/
#logo {
	width:287px; 
	height:42px; 
	padding:22px 0px 0px 28px;
	float:left;
}
/*- 语言 -*/
#elseNav {
	width:595px;
	height:28px; 
	padding:0px 37px 0px 0px;
	float:right;
}
#elseNav ul {
	text-align:right;
	list-style-type : none;
}
#elseNav li {
	display:inline;
	font-size:12px;
	line-height:28px;
}
#elseNav li a {
	color:#000; 
	text-decoration:none;
}
#elseNav li a:hover {
	color:#900; 
	text-decoration:underline;
}

/*- 导航条 -*/
#nav {
	width:595px;
	height:39px;
	margin:0px 7px 0px 0px;
	background-image: url(../images/navBg.gif);
	background-repeat: no-repeat;
	background-position:left top;
	float:right;
}
#nav ul {
	padding:0px 0px 0px 0px;
	text-align:center;
	list-style-type: none;
}
#nav li {
	padding:0px 3px;
	display:inline;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:39px;
}
#nav li a {
	padding:0px 1px;
	color:#fff;
	text-decoration:none;
}
#nav li a:hover {
	text-decoration:underline;
}

/*============================main内元素====*/
/*- 主要内容 -*/
#primaryContent {
	width:770px;
	padding:0px 4px 0px 0px;
	background-image: url(../images/subContentTopBg.gif);
	background-repeat: no-repeat;
	background-position:left top;
	float:right;
}

/*旁边内容*/
#sideContent {
	width:214px;
	padding:0px 0px 0px 6px;
	float:left;
}

/*============================sideContent内元素====*/
/*- 二级导航条 -*/
#subNav {
	margin:0px 0px 20px 0px;
	background-image: url(../images/subNavBg.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
}
#subNav h3 {
	height:70px;
	background-repeat: no-repeat;
	background-position:left top;
	text-indent:-9999px;
}
#about #subNav h3 {
	background-image: url(../images/subNavAboutTitle.gif);
}
#culture  #subNav h3 {
	background-image: url(../images/subNavCultureTitle.gif);
}
#responsibility  #subNav h3 {
	background-image: url(../images/subNavResponsibilityTitle.gif);
}
#products  #subNav h3 {
	background-image: url(../images/subNavProductsTitle.gif);
}
#services  #subNav h3 {
	background-image: url(../images/subNavServicesTitle.gif);
}
#news  #subNav h3 {
	background-image: url(../images/subNavNewsTitle.gif);
}
#contact  #subNav h3 {
	background-image: url(../images/subNavContactTitle.gif);
}
#search  #subNav h3 {
	background-image: url(../images/subNavSearchTitle.gif);
}
#subNav ul {
	padding:2px 0px 6px 0px;
	list-style-type : none;
}
#subNav li {
	width:204px;
	height:29px;
	margin:0px auto 4px auto;
	background-image: url(../images/subNavLiBg.gif);
	background-repeat: no-repeat;
	background-position:left top;
	font-weight:bold;
	font-size:14px;
	line-height:29px;
	letter-spacing:3px;
	text-indent:28px;
}
#subNav li a  {
	color:#fff;
	text-decoration:none;
}
#subNav li a:hover {
}
#subNav li.nonce {
	width:204px;
	height:29px;
	margin:0px auto 4px auto;
	background-image: url(../images/subNavLiBg2.gif);
	background-repeat: no-repeat;
	background-position:left top;
	font-weight:bold;
	font-size:14px;
	line-height:29px;
	letter-spacing:3px;
	text-indent:28px;
}
/*- 按钮 -*/
#tool {
	margin:6px 0px 26px 0px;
}
#tool ul {
	list-style-type : none;
}
#tool li.t1 {
display:none;
	height:60px;
	overflow:hidden;
}
#tool li.t2 {
	height:57px; 
	overflow:hidden;
}
#tool li.t3 {
	height:65px; 
	overflow:hidden;
}
/*- 搜索 -*/
#search {
}
#search form {
	text-align:center;
}
#search .keyword {
	width:127px;
	height:18px; 
	border:1px solid #9c9c9c;
	background-image: url(../images/subSearchkeyBg.gif);
	background-repeat: no-repeat;
	background-position:left top;
	line-height:18px;
}
#search .sumbit {
	width:58px;
	height:20px;
	border:1px solid #9c9c9c;
	background-color:#fefefe;
	background-image: url(../images/subSearchBtnBg.gif);
	background-repeat: repeat-x;
	background-position:left top;
	font-size:12px;
	line-height:18px;
}

/*============================primaryContent内元素====*/
/*- 页面所处位置导航 -*/
#primaryContent h3 {
	width:748px;
	height:37px;
	margin:0px auto 16px auto;
	padding:5px 0px 11px 0px;
	background-image: url(../images/subcontentTitleBg.gif);
	background-repeat: repeat-x;
	background-position:left bottom;
	line-height:37px;
}
#primaryContent h3 .title {
	width:200px; 
	background-image: url(../images/subcontentTitleIcon.gif);
	background-repeat: no-repeat;
	background-position:26px 10px;
	float:left;
	font-weight:bold;
	font-size:14px;
	line-height:37px;
	text-indent:40px;
}
#primaryContent h3 .place {
	padding:0px 20px 0px 0px;
	float:right;
	color:#4b4b4b;
	font-weight:normal;
	font-size:12px;
}
#primaryContent h3 .place a {
	color:#4b4b4b;
	text-decoration:none;
}
#primaryContent h3 .place a:hover {
	text-decoration:underline;
}
#content {
	width:720px;
	min-height:500px;
	margin:0px auto;
	padding:0px 24px 20px 24px;
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
	font-size:12px;
	line-height:22px;
	text-align:justify;
	word-break:break-all;
}
*html #content {
	height:500px;
}
#content img {
	border:4px solid #fff;
}
#content p {
}
/*=================================== 产品展示 =*/
.productshow {
	width:290px; 
	height:79px; 
	padding:10px 20px; 
	float:left;
}
.showImg {
	width:96px; 
	height:79px; 
	padding:0px 12px 0px 0px;
	float:left;
	background-image: url(../images/noPhoto.gif);
	background-repeat: no-repeat;
}
.showImg img {
	width:96px; 
	height:79px; 
}
.pdText {
	width:182px; 
	float:right; 
	line-height:18px;
}
#content .pdText h4 {
	color:#000; 
	font-size:14px;
	text-align:left;
}
#content .pdText h5 {
	color:#a60000; 
	font-size:12px;
	text-align:left;
}

/*=================================== 新闻 =*/
#newslist {
	font-size:12px;
}
#newslist ul {
	width:700px;
	margin:0px auto;
	list-style-type : none;
}
#newslist li {
	width:650px;
	padding:0px 20px 0px 24px;
	border-bottom:1px dashed #ccc;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position:14px 11px;
	float:left;
	line-height:30px;
}
#newslist li a {
	width:560px;
	float:left;
	color:#000;
	text-decoration:none;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
#newslist li a:hover {
	color:#900;
	text-decoration:underline;
}
#newslist li .time {
	width:70px; 
	float:right;
	color:#555; 
}
/*- 新闻正文 -*/
#content h4 {
	color:#d25408;
	font-weight:bold;
	font-size:22px;
	line-height:30px;
	text-align:center;
}
#detailElse {
	width:600px; 
	margin:0px auto;
	font-size:12px;
	line-height:20px;
}
#detailElse p {
	text-align:center;
}
#detail {
	width:700px; 
	margin:10px auto;
	line-height:20px;
	word-break:break-all;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:14px;
}
#detail p {
	padding:0 0 14px 0;  
}
#detailMore {
	margin:20px 0px 0px 0px;
}
#detailMore p {
	line-height:40px;
}
#detailMore .previous {
	width:300px; 
	margin:0px 20px 0px 0px;
	float:left; 
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
#detailMore .back {
	width:80px; 
	float:left; 
	text-align:center;
}
#detailMore .next {
	width:300px; 
	margin:0px 0px 0px 20px;
	display:inline;
	float:right; 
	text-align:right;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
/*====================== 会员中心 & 网上订单 ====*/
/*- 会员登陆 -*/
#subLogin {
	width:441px; 
	height:192px; 
	margin: 14px auto 0px auto;
	background-image: url(../images/subLoginBg.gif);
	background-repeat: no-repeat;
	background-position:left top;
}
#subLogin a {
	color:#000; 
}
#subLogin h4 {
	padding:17px 200px 0px 59px;
	line-height:37px;
}
#subLogin h4 .title {
	float:left; 
	font-size:14px;
}
#subLogin h4 .more {
	float:right; 
	font-weight:normal;
	font-size:12px;
}
#subLogin form {
	padding:8px 0px 0px 31px;
	clear:both;
	font-size:12px;
}
#subLogin form div {
	height:30px; 
}
#subLogin form label {
	width:52px; 
	padding:0px 0px 0px 0px; 
	display:block;
	float:left;
	line-height:24px;
	text-align:center;
}
#subLogin form .textfield {
	width:156px; 
}
#subLogin form .yesno {
	padding:20px 0px 0px 52px;
	text-align:left;
}
#content .yesno .submit {
	width:50px;
	height:20px;
	border:1px solid #9c9c9c;
	background-color:#fefefe;
	background-image: url(../images/subSearchBtnBg.gif);
	background-repeat: repeat-x;
	background-position:left top;
	font-size:12px;
	line-height:18px;
}
.registerForm { 
	margin:10px 0px;
}
.registerForm caption {
	height:28px; 
	border-top:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	background-image: url(../images/tableCaptionBg.gif);
	background-repeat: repeat-x;
	background-position:left top;
	color:#be4d0a;
	font-weight:bold;
	font-size:14px;
	line-height:28px;
	text-align:left;
	text-indent:24px;
}
.registerForm ,
.registerForm td,
.registerForm th {
	font-size:12px;
	padding:0px 4px;
	line-height:28px;
	border:1px solid #c0c0c0;
	border-collapse:collapse;
	color:#5d5d5d; 
}
.registerForm th {
	background-color:#fafafa;
	text-align:right;
	line-height:28px;
}
.registerForm td.type {/*类型td*/
	background-color:#fbfaf1;
	color: #be4d0a;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.registerForm .sumbit {
	width:152px; 
	height:20px; 
	margin:0px 5px;
	border:1px solid #9c9c9c;
	background-color:#fefefe;
	background-image: url(../images/subSearchBtnBg.gif);
	background-repeat: repeat-x;
	background-position:left top;
	color:#000;
	font-size:12px;
	line-height:18px;
}
.registerFinish {
	width:370px; 
	height:112px; 
	margin:49px auto 0px auto;
	padding:30px 0px 0px 170px;
	background-image: url(../images/registerFinishBg.gif);
	background-repeat: no-repeat;
	background-position:left top;
}
.registerFinish p {
	font-size:14px;
}
.registerFinish a {
	color:#900; 
	text-decoration:underline;
}

/*- 会员首页 -*/
.clientMain {
	width:400px;
	margin:20px auto 0px auto;
}
#content .clientMain h4 {
	font-size:14px;
	text-align:left;
}
.clientMain ul {
	list-style-type : none;
}
.clientMain li {
	margin-bottom:20px; 
	padding:0px 0px 0px 60px;
	background-repeat: no-repeat;
	background-position:left center;
}
.clientMain a {
	color:#000; 
	text-decoration:underline;
}
.clientMain a:hover {
	color:#900; 
	text-decoration:none;
}
.clientMain li.cAdd {
	background-image: url(../images/cAddImg.gif);
}
.clientMain li.cEdit {
	background-image: url(../images/cEditImg.gif);
}
.clientMain li.cSearch {
	background-image: url(../images/cSearchImg.gif);
}
.clientMain li.cList {
	background-image: url(../images/cListImg.gif);
}
.clientMain li.cQuit {
	background-image: url(../images/cQuitImg.gif);
}

/*- 网上订单 -*/
#client {
}
#client ul {
	padding:0px 20px;
	list-style-type : none;
}
#client li {
	text-align:right;
}
#client li a {
	text-decoration:underline;
}
.clientSearch { 
	margin:10px 0px 10px 0px;
}
.clientSearch caption{
	height:28px; 
	border-top:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	background-image: url(../images/tableCaptionBg.gif);
	background-repeat: repeat-x;
	background-position:left top;
	color:#be4d0a;
	font-weight:bold;
	font-size:14px;
	line-height:28px;
}
.clientSearch ,
.clientSearch td,
.clientSearch th {
	font-size:12px;
	padding:0px 4px;
	line-height:22px;
	border:1px solid #c0c0c0;
	border-collapse:collapse;
	color:#5d5d5d; 
}
.clientSearch th {
	background-color:#fafafa;
	text-align:right;
	line-height:24px;
}
.clientSearch a {
	font-size:14px;
	color:#000; 
}
.clientSearch a:hover {
	color:#900; 
	text-decoration:none;
}
.clientList { 
	margin:10px 0px 10px 0px;
}
.clientList caption{
	height:28px; 
	border-top:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	background-image: url(../images/tableCaptionBg.gif);
	background-repeat: repeat-x;
	background-position:left top;
	color:#be4d0a;
	font-weight:bold;
	font-size:14px;
	line-height:28px;
}
.clientList ,
.clientList td,
.clientList th {
	font-size:12px;
	padding:0px 4px;
	line-height:22px;
	border:1px solid #c0c0c0;
	border-collapse:collapse;
	color:#5d5d5d; 
}
.clientList th {
	background-color:#fbfaf1;
	text-align:center;
	line-height:24px;
}
.clientList a {
	font-size:12px;
	color:#000; 
}
.clientList a:hover {
	color:#900; 
	text-decoration:none;
}
/*============================其他样式====*/
/*- 必填字 -*/
.special {
	color:#c00; 
	font-size:12px;
}
.input_t,
.textfield {
	height:20px; 
	border:1px solid #aaa;
	font-size:12px;
	line-height:20px; 
}
.input_t2,
.textfield2 {
	width:80%; 
	height:20px; 
	border:1px solid #aaa;
	font-size:12px;
	line-height:20px; 
}
.textarea {
}
.textarea2 {
	width:80%; 
	border:1px solid #aaa;
	font-size:12px;
	line-height:20px; 
}
.yesno {
	text-align:center;
}
.yesno .sumbit {
	width:152px; 
	height:20px; 
	margin:0px 5px;
	border:1px solid #9c9c9c;
	background-color:#fefefe;
	background-image: url(../images/searchBtnBg.gif);
	background-repeat: repeat-x;
	background-position:left top;
	color:#000;
	font-size:12px;
	line-height:18px;
}