/* CSS Document */

body { font-size:12px; font-family:Verdana; line-height:1.5;margin:0px; padding:0px; color:#333333; font-family:"΢ÈíÑźÚ"}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#333; text-decoration:none;}
a:hover { color:#05a;}



/*body*/
#container { width:100%; margin:0 auto;}

/*header*/
#header_bg{ height:115px; background-image:url(../image/header_bg.jpg); margin:0 auto;}
#header { width:1003px; height:115px; margin:0 auto;}
#nav { height:38px; background:#0065b3;}
#banner{ height:370px; background-image:url(../image/banner_bg.jpg); background-repeat:repeat-x; margin:0 auto;}
#inner_banner{ position:relative; height:293px; overflow:; margin:0 auto;}

 
/*main*/
#maincontent { width:1003px; margin:0 auto;}
#side { float:left; width:175px; min-height:440px; margin:15px 0px 0px 0px;}
#main { float:right; width:780px; margin:15px 0px 0px 0px;}

 
/*footer*/
#footer_nav{ height:30px; background:#0065b3; text-align:center; line-height:30px; color:#FFFFFF; margin:0 auto;}
#footer_nav a{ color:#FFFFFF;}
#footer { height:86px; background:#e7e7e7}
#footer_content{ width:1003px; line-height:25px; text-align:center; padding:18px 0px 0px 0px; margin:0 auto;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

#jsl_logo{ float:left; width:571px; height:87px; background-image:url(../image/jsl_logo.png); margin:14px 0px 0px 14px;}
#header_text{ float:right; margin:26px 0px 0px 0px;}
#header_text_t{ text-align:right; padding:0px 10px 8px 0px;}
#header_tel{ width:236px; height:51px; background-image:url(../image/header_tel.png);}


/* nav */
.xgsm {
	padding: 0px;
	width: 1003px;
	margin-top: 38px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.xgsm p {
	line-height: 1.8em;
	padding: 0px;
	margin: 0px;
	color: #fff;
}
.menu {
	height: 38px;
	display: block;
	padding: 0px;
	width: 1003px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
}

.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
}

.menu ul li {
	/* width and height of the menu items */  
			float: left;
	overflow: hidden;
	position: relative;
	line-height: 38px;
	text-align: center;
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 124px;
			height: 38px;
			font-family: "΢ÈíÑźÚ", "ËÎÌå";
			font-size: 14px;
			text-decoration: none;
			cursor: pointer;
}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 124px;
}

		.menu ul li a span.out {
			top: 0px;
}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -38px;
}

		
		/** 2nd example **/

		
#menu2 ul li a {
			color: #fff;
}

#menu2 ul li a span.over {
	color: #fff;
	background-color: #ff6701;
}

#info1{ width:1003px; height:262px; margin:0 auto;}
#about{ float:left; width:348px; height:262px;}
#about_title_bg{ width:348px; height:42px; background-image:url(../image/about_bg.jpg);}
#about_title{ float:left; width:83px; height:29px; background-image:url(../image/about.jpg);}
#about_more{ float:right; color:#dc5901; line-height:42px;}
#about_more a{ color:#dc5901;}
#about_content{ height:202px; line-height:24px; padding:0px 5px 0px 5px;}

#news{ float:left; width:348px; height:262px; margin:0px 0px 0px 25px;}
#news_title_bg{ width:348px; height:42px; background-image:url(../image/about_bg.jpg);}
#news_title{ float:left; width:98px; height:29px; background-image:url(../image/news.jpg);}
#news_more{ float:right; color:#dc5901; line-height:42px;}
#news_more a{ color:#dc5901;}
#news_content{ height:202px;}

#equipment{ float:right; width:254px; height:262px;}
#equipment_title_bg{ width:254px; height:42px; background-image:url(../image/about_bg.jpg);}
#equipment_title{ float:left; width:82px; height:29px; background-image:url(../image/equipment.jpg);}
#equipment_more{ float:right; color:#dc5901; line-height:42px;}
#equipment_more a{ color:#dc5901;}
#equipment_content{ width:253px; height:190px; background-image:url(../image/equipment_bg.jpg); margin:10px 0px 0px 0px;}

#info2{ width:1003px; height:215px; margin:0 auto;}
#products{ float:left; width:720px; height:215px; overflow:hidden;}
#products_title_bg{ height:30px; line-height:30px; border-bottom:1px #c1c1c1 solid;}
#products_title{ float:left; font-size:16px; color:#0065b3;}
#products_more{ float:right; color:#dc5901; line-height:30px;}
#products_more a{ line-height:30px;}

#contact{ float:right; width:254px; height:215px;}
#contact_title_bg{ height:30px; line-height:30px; border-bottom:1px #c1c1c1 solid;}
#contact_title{ float:left; font-size:16px; color:#0065b3;}
#contact_more{ float:right; color:#dc5901; line-height:30px;}
#contact_more a{ line-height:30px;}
#contact_content_bg{ width:249px; height:166px;}
#contact_content{ float:left; line-height:26px; text-align:left; padding:10px 0px 0px 0px;}

#left_title_bg{ width:175px; height:45px; background-image:url(../image/left_bg.jpg)}
#left_title{ font-size:22px; color:#FFFFFF; padding:7px 0px 0px 15px;}

.left_nav ul{list-style:none;} 
.left_nav li{float:left;width:175px; background-image:url(../image/left_nav_bg.jpg);line-height:34px; margin:5px 0px 0px 0px;} 
.left_nav a{display:block;height:34px; font-size:14px; padding:0px 0px 0px 38px;} 
.left_nav a:link{color:#484848;text-decoration:none;} 
.left_nav a:visited{color:#484848;text-decoration:none;} 
.left_nav a:hover{color:#FFF;text-decoration:none;background: url(../image/left_nav_hover.jpg) no-repeat;} 

#link_1{ float:left; width:175px; height:46px; margin:34px 0px 8px 0px;}
#link_2{ float:left; width:175px; height:46px; margin:0px 0px 10px 0px;}
#dh_bg{ width:780px; height:46px; border-bottom:1px #c7c7c7 solid;}
#dh_title{ float:left; font-size:22px; color:#0065b3; line-height:46px; padding:0px 0px 0px 10px;}
#dh_position{ float:right; line-height:46px; padding:0px 10px 0px 0px;}
#content{ width:762px; margin:10px 0px 30px 9px;}