@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family:"微软雅黑"; font-size:12px; background:url(../images/bg.jpg) #e8e8e8 repeat-x top center;}
ul,li,img,h1,h2,h3,h4,h5 { margin:0; padding:0; list-style:none; border:0;border:none;}
p { margin-top:0;}
a { text-decoration:none; color:#000;}

.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; clear:both;}

html .none{ display:block; text-indent:-9999px;}




.index { background:url(../images/index_bg.jpg) repeat-x; height:416px;}


/*框架*/
#container { margin:0 auto; width:1010px; overflow:hidden;}
.logo { background:url(../images/logo.jpg) no-repeat; width:281px; height:77px;}
.top { float:right; padding-top:10px; text-align:right;height:67px;}

.nav { margin-top:10px; margin-left:5px; margin-bottom:20px; float:left; width:152px;}
.nav li { padding:0px; overflow:hidden; margin:0; margin:10px 0px;}
.nav li a { display:block; width:152px; height:31px; margin:0; padding:0;}
.nav li a.n1{ background:url(../images/n1.png) -152px 0 no-repeat;}
.nav li a.n2{ background:url(../images/n2.png) -152px 0 no-repeat;}
.nav li a.n3{ background:url(../images/n3.png) -152px 0 no-repeat;}
.nav li a.n4{ background:url(../images/n4.png) -152px 0 no-repeat;}
.nav li a.n5{ background:url(../images/n5.png) -152px 0 no-repeat;}
.nav li a.n6{ background:url(../images/n6.png) -152px 0 no-repeat;}
.nav li a.hover{ background-position:0 0;}

#banner { float:left; text-align:center; width:740px; padding:10px 0px 30px 0px; overflow:hidden; margin-left:110px;}


#customer { background:#ff3600; padding:20px 0px}
#customer span  { font-size:24px; color:#fff; display:block; float:left; margin-right:50px;}

#footer { background:#2f2f2f; color:#a4a4a4; padding:20px 0px; font-size:12px;}
.main {margin:0 auto; width:1010px;}

#right { width:780px; float:right; padding:20px 0px; font-size:14px; line-height:22px; overflow:hidden;}

h1 { font-size:36px; color:#ff3600; line-height:38px;}
h1 span { color:#F90}
h2 { font-size:24px; font-weight:normal; margin-bottom:20px;}

h3 { background:#000; padding:3px 5px; color:#fff; float:left; margin-top:8px;}
h3 span { color:#ff3600;}

ul.sort { border-bottom:1px solid #ccc; margin:10px 0px; overflow:hidden; padding-bottom:3px;}
ul.sort li { float:left; margin-right:10px;}
ul.sort li a { display:block; padding:3px 10px; background:#666; color:#fff;}
ul.sort li a:hover { background:#ff3600;}
ul.sort li.cur a { background:#ff3600;}

ul.news {}
ul.news li {background:#fff; margin-bottom:10px; padding:10px; overflow:hidden;border:5px solid #fff; }
ul.news li:hover { border:5px solid #ccc; }
ul.news li .img { float:left; margin-right:20px; }
ul.news li .c { float:left; width:520px;}
ul.news li h4 { font-size:18px;  margin-bottom:5px;}
ul.news li p { font-size:12px; border-bottom:1px dotted #ccc; float:left; display:block; margin:0; line-height:18px; margin-bottom:9px; color:#666;font-family:"宋体"}
ul.news li .date { display:block; float:right; text-align:center; color:#ccc; font-size:18px; line-height:18px; font-family:Impact; padding:5px 0px 0px 20px;}
ul.news li .date span { font-size:36px; line-height:46px;}
ul.news li .i { display:block; padding:3px 8px; border-right:1px dotted #ccc; font-size:12px; float:left; color:#666; font-family:"宋体"}
ul.news li .i em { display:block; float:none; font-size:10px; clear:both;font-style:normal; line-height:10px;font-family:Tahoma; font-weight:bold;}
ul.news li .i span { background:#333; color:#e2e2e2;}
	
	
#page { float:right; text-align:center;}
#page a { display:block; float:left; margin:0px 5px; padding:5px; background:#ccc; font-size:12px; line-height:14px;}
#page a:hover {background:#ff3600; color:#fff;}
#page .cur { background:#ff3600; color:#fff; font-size:14px; font-weight:bold;}

#content { background:#fff; padding:10px 15px; overflow:hidden;}
#content .img { border:5px solid #ccc; float:left; margin-right:20px;}
#content h4 { font-size:18px; margin-bottom:3px;}
#content .tb {font-family:Arial; font-size:12px; color:#666 }
#content .tb td{background:#F6F6F6; padding:0px 5px;}
#content .txt { margin-top:20px; padding-top:20px; border-top:1px dotted #ccc;}

#case { width:780px; overflow:hidden;}
#case li { float:left; margin-right:10px; background:#fff; padding:10px; width:220px; height:240px; margin-bottom:10px;}
#case li h5 { font-size:20px; color:#f36; line-height:26px; font-weight:normal;}
#case li p { margin-bottom:0px; font-size:12px; color:#666;}
#case li img { float:none; display:block; clear:both;}
#case li span {background:#F36; color:#fff; font-size:10px; font-family:Arial;}
#case li:hover { background:#F36; cursor:pointer;}
#case li:hover a,#case li:hover p { color:#fff;}
#case li:hover span {background:#fff; color:#F36;}

#service { font-size:14px; background:#FFF; overflow:hidden; padding:10px;}
#service .z { padding:0px 0px 0px 0px; border-bottom:1px solid #ccc;}
#service .a { padding:10px 10px 0px 0px;width:369px; float:left;border-right:1px solid #ccc; }
#service .b { padding:10px 0px 0px 10px; width:600px; float:left;}

#service .c { padding:10px 10px 0px 0px;width:485px;  float:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc; }
#service .f { padding:10px 0px 0px 10px;width:484px;  float:left;border-bottom:1px solid #ccc; }

#service h4 { font-size:24px; font-weight:normal; margin-bottom:10px; line-height:30px;}
#service h4 span { color:#ff3600; font-weight:bold; display:block; float:left; padding-right:10px;}
#service .d { padding:10px 10px 0px 0px; border-right:1px solid #ccc;border-bottom:1px solid #ccc; width:600px; float:left;}
#service .e { padding:10px 0px 0px 10px;width:369px; float:left;}



#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}




.city { margin:5px; padding:10px; border:1px dotted #ccc; overflow:hidden;zoom:1; margin-bottom:10px;}
.city li { float:left; margin-right:10px; margin-bottom:3px;}
.city li a { display:block; padding:5px; background:#efefef; float:left;}
.city li a:hover { background:#ff3600; color:#fff;}
.city li.cur a { background:#ff3600; color:#fff;}

.citydetail { padding:10px;}