﻿/* CSS Document */
/*****************************************************************/
/**
*Website name:				赣榆经济开发区
*Website Url:
*Author:					chinahuhai@hotmail.com(美工设计：王晓清)
*Date:						07/21/2009
*Version:					1.0
*Development environment:	windows xp/Dreamweaver cs4/XAMPP 1.70
*****************************************************************/
/* @import url("global.css"); */

#top{
	width:1000px;
	margin:0px auto;
	height:157px;
	background:none;
	position:relative;
	}
#top div{
	width:1000px;
	
	height:157px;
	}
#top ul{
	position:absolute;
	width:180px;
	height:20px;
	right:10px;
	top:10px;
	background:none;
	}
#top ul li{
	width:90px;
	height:20px;
	line-height:20px;
	float:left;
	background:none;
	}
#top ul li img{
	float:left;
	width:20px;
	height:20px;
	background:none;
	margin-right:5px;
	}
#top ul li a{
	color:#FF0;
	background:none;
	}
#nav{
	width:1000px;
	margin:0px auto;
	height:34px;
	position:relative;
	line-height:34px;
	z-index:1000;
	border-bottom:1px #C30705 solid;
	}
#nav span{
	color:#F00;
	padding-left:10px;
	}
#nav ul{
	position:absolute;
	top:0px;
	right:0px;
	height:35px;
	width:728px;
	}
#nav ul li.menu{
	float:left;
	width:90px;
	height:34px;
	font-weight:bold;
	margin-left:1px;
	display:inline;
	}
#nav ul li a{
	color:#FFF;
	background:#F00 url(../images/menu.jpg);
	display:block;
	width:90px;
	height:33px;
	margin-top:2px;
	font-size:14px;
	text-align:center;
	line-height:33px;
	}
#nav ul li a:hover{
	text-decoration:none;
	background:#F00 url(../images/menu_on.jpg);
	}
#nav ul li a:active{
	background:#F00 url(../images/menu_on_on.jpg);
	}
#nav ol{
	position:absolute;
	background:#900;
	display:none;
	}
#nav  ul li ol a{
	background:none;
	display:block;
	width:90px;
	background:#F00 ;
	height:33px;
	color:#FFF;
	}
#nav  ul li ol a:hover{
	background:none;
	}
#nav  ul li ol a:active{
	background:none;
	}
#indexHead{
	width:1000px;
	margin:0px auto;
	overflow:auto;
	height:100%;
	margin-top:10px;
	}
#indexHead .left{
	width:200px;
	float:left;
	height:380px;
	margin-right:10px;
	}
#indexHead .left ul{
	width:200px;
	height:250px;
	}
#indexHead .left ul li{
	height:50px;
	width:130px;
	float:left;
	line-height:50px;
	padding-left:70px;
	background:url(../images/indexHeadBg.jpg);
	position:relative;
	}
#indexHead .left ul li a{
	font-size:14px;
	font-weight:bold;
	color:#C00;
	}
#indexHead .left ul li img{
	position:absolute;
	top:12px;
	width:30px;
	height:30px;
	left:20px;
	}
#indexHead .left ol{
	width:200px;
	height:120px;
	margin-top:10px;
	}
#indexHead .left ol li{
	width:60px;
	height:120px;
	float:left;
	margin-right:10px;
	}
#indexHead .left ol li.no{
	margin:0px;
	}
#indexHead .left ol li img{
	float:left;
	width:60px;
	height:120px;
	}
#indexHead .center{
	width:580px;
	height:380px;
	float:left;
	}
#indexHead .center #indexNews{
	width:580px;
	height:222px;
	}
#indexHead .center #indexNews h3{
	width:550px;
	height:30px;
	float:left;
	font-size:13px;
	line-height:30px;
	padding-left:30px;
	margin-bottom:10px;
	color:#C00;
	background:url(../images/head_new_h3.jpg);
	position:relative;
	}
#indexHead .center #indexNews h3 span{
	font-size:10px;
	top:0px;
	right:10px;
	height:30px;
	line-height:30px;
	position:absolute;
	}
#indexHead .center #indexNews #play{
	width:240px;
	height:180px;
	margin-right:10px;
	margin-left:10px;
	display:inline;
	float:left;
	overflow:hidden;
	border:1px #CCC solid;
	position:relative;
	}
#indexHead .center #indexNews #play #play_info{
	position:absolute;
	bottom:0px;
	left:0px;
	width:240px;
	height:40px;
	line-height:40px;
	padding-left:10px;
	z-index:3;
	background:#000;
	color:#FFF;
	}
#indexHead .center #indexNews #play #play_text{
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:4;
	} 
#indexHead .center #indexNews #play #play_text li{
	width:16px;
	height:16px;
	background:#000;
	float:left;
	margin-left:2px;
	color:#FFF;
	text-align:center;
	}
#indexHead .center #indexNews #play #play_text li.dq{
	background:#FFF;
	color:#000;
	}
#indexHead .center #indexNews #play #play_list{
	width:240px;
	height:180px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	}
#indexHead .center #indexNews #play #play_list img{
	width:240px;
	height:180px;
	float:left;
	}
#indexHead .center #indexNews ol{
	float:left;
	width:318px;
	height:182px;
	}
#indexHead .center #indexNews ol li{
	line-height:20px;
	background:url(../images/liBg.jpg) no-repeat 0px 2px;
	width:283px;
	padding-left:25px;
	}
#indexHead .center dl{
	width:560px;
	height:158px;
	padding:0px 10px;
	background:url(../images/tz_head_h3.jpg) no-repeat 0px 10px;
	}
#indexHead .center dl dt{
	height:30px;
	float:left;
	width:550px;
	padding-left:10px;
	line-height:30px;
	font-size:13px;
	font-weight:bold;
	margin-bottom:8px;
	margin-top:10px;
	color:#C00;
	}
#indexHead .center dl dd{
	float:left;
	width:70px;
	height:110px;
	}
#indexHead .center dl dd img{
	width:66px;
	margin:0px 2px;
	height:110px;
	float:left;	
	}
#indexHead .right{
	width:200px;
	float:left;
	height:380px;
	margin-left:10px;
	}
#indexHead .right #video{
	width:200px;
	height:180px;
	margin-bottom:10px;
	}
#indexHead .right ol{
	width:200px;
	}
#indexHead .right ol li{
	float:left;
	width:200px;
	height:60px;
	margin-top:5px;
	}
#indexHead .right ol li.no{
	margin:0px;
	}
#indexHead .right ol li img{
	float:left;
	width:200px;
	height:60px;
	}
#indexAd{
	width:1000px;
	height:150px;
	margin:0px auto;
	margin-top:10px;
	}
#indexFoot{
	width:1000px;
	margin:0px auto;
	overflow:auto;
	height:100%;
	}
#indexFoot .list{
	width:200px;
	margin-right:10px;
	float:left;
	overflow:auto;
	height:100%;
	}
#gonggao{
	margin-top:10px;
	width:198px;
	height:181px;
	border:1px solid #FED7DA;
	border-top:2px solid #FED7DA;
	}
#gonggao div{
	height:150px;
	width:198px;
	overflow:hidden;
	}
#gonggao h3{
	height:30px;
	line-height:30px;
	padding-left:20px;
	width:178px;
	font-size:14px;
	background:url(../images/linkbg.jpg) no-repeat 5px 5px;
	color:#C00;
	position:relative;
	border-bottom:1px #FED7DA solid;
	}
#gonggao ol li{
	padding-left:10px;
	width:188px;
	height:25px;
	line-height:25px;
	}
#gonggao h3 span{
	position:absolute;
	top:0px;
	right:10px;
	font-size:10px;
	}
#indexFoot .list #serverTel{
	margin-top:13px;
	width:198px;
	border:1px solid #FED7DA;
	border-top:2px solid #FED7DA;
	}
#indexFoot .list #serverTel h3{
	height:30px;
	line-height:30px;
	padding-left:20px;
	width:178px;
	font-size:14px;
	background:url(../images/linkbg.jpg) no-repeat 5px 5px;
	color:#C00;
	position:relative;
	border-bottom:1px #FED7DA solid;
	}
#indexFoot .list #serverTel ol{
	padding-bottom:5px;
	overflow:auto;
	height:100%;
	padding-top:3px;
	}
#indexFoot .list #serverTel ol li{
	height:70px;
	width:198px;
	margin-top:5px;
	float:left;

	}
#indexFoot .list #serverTel ol li img{
	float:left;
	height:70px;
	width:190px;
	margin:0px 4px;
	}
#indexFoot .list #serverTel h3 span{
	position:absolute;
	top:0px;
	right:10px;
	font-size:10px;
	}
#indexFoot .list #zhaoshangrexian{
	margin-top:12px;
	width:198px;
	border:1px solid #FED7DA;
	border-top:2px solid #FED7DA;
	}
#indexFoot .list #zhaoshangrexian h3{
	height:30px;
	line-height:30px;
	padding-left:20px;
	width:178px;
	font-size:14px;
	background:url(../images/linkbg.jpg) no-repeat 5px 5px;
	color:#C00;
	position:relative;
	border-bottom:1px #FED7DA solid;
	}
#indexFoot .list #zhaoshangrexian ol{
	padding-bottom:7px;
	overflow:auto;
	height:100%;
	padding-top:2px;
	}
#indexFoot .list #zhaoshangrexian ol li{
	height:70px;
	width:198px;
	margin-top:5px;
	float:left;

	}
#indexFoot .list #zhaoshangrexian ol li img{
	float:left;
	height:70px;
	width:190px;
	margin:0px 4px;
	}
#indexFoot .list #zhaoshangrexian h3 span{
	position:absolute;
	top:0px;
	right:10px;
	font-size:10px;
	}

#jiaotong{
	margin-top:12px;
	width:198px;
	border:1px solid #FED7DA;
	border-top:2px solid #FED7DA;
	}
#jiaotong h3{
	height:30px;
	line-height:30px;
	padding-left:20px;
	width:178px;
	font-size:14px;
	background:url(../images/linkbg.jpg) no-repeat 5px 5px;
	color:#C00;
	position:relative;
	border-bottom:1px #FED7DA solid;
	}
#jiaotong ol{
	padding-bottom:5px;
	overflow:auto;
	height:100%;
	}
#jiaotong ol li{
	height:60px;
	width:198px;
	margin-top:5px;
	float:left;
	}
#jiaotong ol li img{
	float:left;
	height:60px;
	width:190px;
	margin:0px 4px;
	}
#jiaotong h3 span{
	position:absolute;
	top:0px;
	right:10px;
	font-size:10px;
	}

#indexFoot .NewsList{
	float:left;
	width:790px;
	overflow:auto;
	height:100%;
	}
.NewsList_list{
	width:790px;
	height:130px;
	margin-top:10px;
	}
.NewsList_list img.show{
	float:left;
	width:130px;
	height:130px;
	}
.NewsList_list .info{
	margin-left:5px;
	float:left;
	width:653px;
	height:128px;
	border:1px #CCC solid;
	}
#xinxi .info{
	border:1px #71E294 solid;
	}
	/**************/
#zhaoshang .info{
	border:1px #E271B1 solid;
	}
#zhaoshang ul{
	width:600px;
	margin-left:6px;
	margin-right:5px;
	height:128px;
	display:inline;
	float:left;
	}
#zhaoshang ul li{
	width:100px;
	float:left;
	height:20px;
	font-size:14px;
	line-height:20px;
	text-align:center;
	}
#zhaoshang ul li img{
	float:left;
	width:90px;
	margin:0px 5px;
	height:100px;
	margin-top:0px;
	}
#chanpin ul li{
	width:122px;
	float:left;
	height:22px;
	line-height:22px;
	text-align:center;
	}
#chanpin ul{

	}
#chanpin ul li img{
	float:left;
	width:110px;
	margin:0px 6px;
	height:100px;
	margin-top:5px;
	}
#touzi .info{
	border:1px #6FB3E0 solid;
	}
#qiye .info{
	border:1px #E19C72 solid;
	}
#chanpin .info{
	border:1px #AFE170 solid;
	}
.NewsList_list .info img{
	float:left;
	width:40px;
	height:128px;
	}
.NewsList_list .info ol{
	width:610px;
	float:left;
	height:120px;
	margin-left:3px;
	padding:4px 0px;
	}
.NewsList_list #info ol{
	width:610px;
	float:left;
	height:120px;
	margin-left:3px;
	padding:4px 0px;}	


.NewsList_list .info ol li{
	float:left;
	width:265px;
	margin:0px 10px;
	display:inline;
	background:url(../images/NewsList_bg.jpg) no-repeat 0px 2px;
	padding-left:20px;
	line-height:24px;
	}
#qiye .info{
	width:653px;
	}
#qiye ol{
	margin:0px 5px;
	width:600px;
	display:inline;
	}
#qiye ol li{
	width:170px;
	float:left;
	margin-left:0px;
	}
/*****************************/
.link{
		width:1000px;
		margin:0px auto;
		overflow:auto;
		height:100%;
		margin-top:10px;
		position:relative;
		margin-bottom:5px;
		}
.link h3{
	width:1000px;
	height:30px;
	float:left;
/*	background:url(../images/wzdhBg.jpg);*/
	}
.link h3 img{
	float:left;
	}
.link h3 span{
	display:none;}
.link ol{
	border-left:1px #CCC solid;
	height:32px;
	margin-top:5px;
	position:relative;
	z-index:5;
	width:999px;
	float:left;
	}
.link ol li{
	height:30px;
	line-height:30px;
	text-align:center;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
	float:left;
	width:100px;
	cursor:pointer;
	}
.link ol li.link_h3_on{
	height:30px;
	border-top:1px #CCC solid;
	border-bottom:1px #FFF solid;
	}
.link ul{
	width:990px;
	overflow:auto;
	height:100%;
	padding:0px 2px;
	position:relative;
	z-index:2;
	display:none;
	float:left;
	margin-top:-1px;
	border:1px #CCC solid;
	}
.link ul li{
	width:99px;
	float:left;
	text-align:center;
	line-height:30px;
	}
.link ul.on{
	display:block;
	}

#foot{
	clear:left;
	width:1000px;
	margin:0px auto;
	background:#C60;
	margin-top:10px;
	padding-top:30px;
	background:url(../images/footBg.jpg) repeat-x;
	}
#foot li{
	text-align:center;
	line-height:24px;
	}
/*********************************************************************/
.ListPage {
	width:1000px;
	margin:0px auto;
	margin-top:10px;
	overflow:auto;
	height:100%;
	background:url(../images/in_bg.jpg) no-repeat left bottom;
	}

.ListPage .right{
	width:790px;
	margin-left:10px;
	overflow:auto;
	height:100%;
	float:left;
	}
div.title{
	width:780px;
	height:25px;
	line-height:25px;
	color:#FFF;
	padding-left:10px;
	background:url(../images/title.gif);
	}
.ListPage .right div.title a{
	color:#FFF;
	}
.ListPage .right .page{
	border:1px solid #DB3A3A;
	height:30px;
	line-height:30px;
	text-align:center;
	}
.ListPage .right ul{
	width:788px;
	border:1px #DB3A3A solid;
	border-top:0px;
	}
.ListPage .right ul li{
	line-height:30px;
	font-size:13px;
	width:778px;
	text-align:right;
	padding-right:10px;
	position:relative;
	}
.alt {background:#EDEDED; /*这行将给所有偶数行加上背景色*/}
.over{background:#FDA1A7;/*这个将是鼠标高亮行的背景色*/}
.ListPage .right ul li a{
	position:absolute;
	top:0px;
	left:10px;
	height:30px;
	line-height:30px;
	}
.ListPage #gonggao{
	margin-top:0px;
	}
#gonggao{
	height:181px;
	}
.ListPage .right h3{
	height:30px;
	font-size:16px;
	text-align:center;
	line-height:30px;
	border:1px #DB3A3A solid;
	border-top:0px;
	border-bottom:0px;
	}
.ListPage .right span.info{
	display:block;
	height:30px;
	line-height:30px;
	width:788px;
	border:1px #DB3A3A solid;
	border-top:0px;
	border-bottom:0px;
	text-align:center;
	display:none;}
.ListPage .text{
	line-height:28px;
	font-size:13px;
	width:768px;
	border:1px #DB3A3A solid;
	border-top:0px;
	padding:0px 10px;
	overflow:auto;
	height:100%;
	padding-bottom:10px;
	}
/************************************/
#product{
	width:1000px;
	margin:0px auto;
	}
#product .title a{
	color:#FFF;
	}
.ListPage .right ol{
	width:788px;
	border:1px #DB3A3A solid;
	border-top:0px;
	overflow:auto;
	padding-top:10px;
	height:100%;
	}
.ListPage .right ol li{
	width:197px;
	float:left;
	text-align:center;
	line-height:24px;
	}
.ListPage .right ol li img{
	float:left;
	margin:0px 9px 0px 8px;
	width:170px;
	height:170px;
	padding:4px;
	border:1px #CCC solid;
	}
.picInfo{
	width:788px;
	border:1px #DB3A3A solid;
	border-bottom:0px;
	border-top:0px;
	overflow:auto;
	height:100%;
	text-align:center;
	}
.picInfo img{
	border:1px #CCC solid;
	padding:4px;
	margin:0px auto;
	}
.picText{
	width:768px;
	border:1px #DB3A3A solid;
	padding:0px 10px;
	font-size:13px;
	line-height:28px;
	border-top:0px;
	overflow:auto;
	height:100%;
	}
/*********************************************/
#contact .contactimg{
	width:788px;
	border:1px #DB3A3A solid;
	border-bottom:0px;
	border-top:0px;
	overflow:auto;
	height:100%;
	}
#contact .contactimg img{
	width:400px;
	height:300px;
	float:left;
	margin:0px 184px;
	margin-top:10px;
	margin-bottom:10px;
	padding:4px;
	border:1px #CCC solid;
	}
#contact dl{
	width:788px;
	border:1px #DB3A3A solid;
	border-top:0px;
	overflow:auto;
	font-size:14px;
	height:100%;
	padding:10px 0px;
	}
#contact dl dd{
	width:788px;
	line-height:28px;
	float:left;
	text-align:center;
	}
/********************************************************/
#bbs .con{
	width:788px;
	border:1px #DB3A3A solid;
	border-bottom:0px;
	border-top:0px;
	padding-bottom:20px;
	}
#bbs .info{
	width:700px;
	margin:0px 42px;
	overflow:auto;
	height:100%;
	margin-top:20px;
	padding-bottom:10px;
	border:1px #CCC solid;
	}
#bbs .info h4{
	height:30px;
	line-height:30px;
	width:688px;
	border:1px #FFF solid;
	background:#EDEDED;
	font-size:13px;
	padding-left:10px;
	background:url(../images/boxbg.jpg) 1px -2px;
	}
#bbs .info dl{
	font-size:13px;
	}
#bbs .info dl dt{
	width:100px;
	float:left;
	line-height:30px;
	text-align:right;
	line-height:30px;
	}
#bbs .info dl dd{
	width:600px;
	float:left;
	line-height:30px;
	height:30px;
	}
#bbs .info .admin{
	border:1px #CCC dashed;
	line-height:20px;
	float:left;
	margin:0px 20px;
	display:inline;
	width:638px;
	padding:10px;
	}
#bbs .add{
	width:700px;
	margin:0px auto;
	height:30px;
	padding-top:10px;
	}
#bbs .add button{
	border:1px #666 solid;
	background:#900;
	color:#FFF;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	}
#bbsadd .right ol{
	padding-top:10px;
	overflow:auto;
	height:100%;
	width:788px;
	padding-bottom:20px;
	border-bottom:1px #DB3A3A solid;
	}
#bbsadd .right ol li{
	width:788px;
	float:left;
	line-height:30px;
	text-align:left;
	}
#bbsadd .right ol li label{
	width:200px;
	text-align:right;
	line-height:30px;
	height:30px;
	float:left;
	}
#bbsadd .right ol li input{
	width:150px;
	height:20px;
	border:1px #CCC solid;
	margin-top:3px;
	line-height:20px;
	float:left;
	}
#bbsadd .right ol li textarea{
	width:250px;
	height:150px;
	border:1px #CCC solid;
	float:left;
	}
#bbsadd .right ol li button{
	width:80px;
	height:30px;
	line-height:30px;
	text-align:center;
	line-height:30px;
	border:0px;
	margin-left:200px;
	float:left;
	margin-top:4px;
	}
/******************************/
#picnews ol li img{
	width:170px;
	height:128px;
	}
	
/*信息快递 修改*/
	
.NewsList_list #info ol li{
	width:570px;
	margin:0px 10px;
	display:inline;
	position:relative;}
	
	.NewsList_list #info ol li span{
		position:absolute;
		top:0px;
		right:10px;}
/***/

#right h3{
	padding-top:20px;}
	
/*************************/

/*内页 左栏*/
.ListPage #main_left{
		width:200px;
		height:100%;
		overflow:auto;
		padding-bottom:5px;
		float:left;}
		
		#main_left img#in_bg{
			width:200px;
			height:331x;
			display:block;
			margin-top:25px;}
		
		#in_title{
			width:200px;
			height:38px;}
				
		#main_left ul{
			width:200px;
			}
			
			#main_left ul li{
				font-size:14px;
				letter-spacing:0.1em;
				width:200px;
				line-height:30px;
				border-bottom:#cdd9e1 1px solid;
				background:url(../images/arrow.gif) no-repeat 15px center;
				text-indent:3em;}
	/*内页 左栏end*/