@charset "utf-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
}

body {
	margin:0px;
	padding:0px;
	font-family:"宋体";
	font-size:14px;
	background:url(../images/bg.jpg);
}

a {
	color:#494949;
	text-decoration:none;
}
a:hover {
	color:#3d65bf;
}
li {
	list-style:none;
}
img {
	border:none;
}

/* 框架 */
#body{ width:100%; margin:0px auto;}
/* 顶部 */
#head{ width:100%; float:left;}
/* 导航 */
#nav{ width:100%; float:left; background:url(../images/bg_1.jpg) repeat-x;}
.logo{ width:100%;}
.logo_1{ width:1000px; overflow:hidden; margin:0px auto; }
.menu{ width:100%; float:left;}
.menu_1{ width:100%; height:28px; float:left; background:url(../images/bg_2.jpg) repeat-x; background-color:#FFF; font-family:"微软雅黑";  }

.menu_2{ width:100%; height:26px; float:left; border-bottom:1px solid #bac1cb; background-color:#fff;  font-family:"微软雅黑";}

/* 主题 */
#main{ width:100%; float:left;}
.mainbody{ width:1000px; margin:0px auto; }

/* 关于海乔图片首页 */
.img_main {width:950px; height:auto; overflow:hidden; text-align:center; padding:40px 28px 0px 28px; float:left;}
.img_1{ width:228px; height:256px; background:url(../images/img_bg.jpg) no-repeat; padding-left:8px; float:left;}
.img_11{ width:213px; height:82px; padding-top:8px; padding-left:2px; float:left;}
.img_12{ width:213px; float:left; padding-left:2px; padding-top:10px;}
.img_12 ul{ width:200px; height:150px; overflow:hidden; font-family:"微软雅黑";}
.img_12 li{ line-height:25px; text-align:left; padding-left:20px; background:url(../images/img_1.jpg) no-repeat right; }
.img_12 li a{ }
.img_2{ width:926px; height:60px; padding-top:30px; margin:0px auto;}

/* 页脚 */
#foot{ width:100%; float:left; background-color:#464c55; height:26px; border-top:1px solid #c8c8c8; margin-top:25px;}
.foot_1{ width:1000px; margin:0px auto;  background:#464c55; color:#a3a6aa; height:26px; line-height:26px; text-align:center;}

/*********************************************简介页************************************* * */
.aoubtnav{  width:1000px; margin:0px auto; padding-top:12px;}
.aoubtnav_1{ width:100%; float:left;}
.aoubtnav_1 ul{ width:730px; margin:0px; padding:0px; float:right;}
.aoubtnav_1 li{ float:left;}
.aoubtnav_1 li a{ 
width:107px; 
height:33px; 
line-height:33px; 
text-align:center; 
background:url(../images/nav1.gif) no-repeat; 
color:#FFF; 
float:left; 
margin-left:8px;
}
.aoubtnav_1 li a:hover{
width:107px; height:38px; 
line-height:33px; 
text-align:center; 
background:url(../images/nav1-1.gif) no-repeat; 
color:#FFF; 
float:left; 
margin-left:8px;
}
.aoubtnav_1 li .abouthave{
	width:107px;
	height:38px; 
	background:url(../images/nav1-1.gif) no-repeat; 
}
.aoubtnav_2{ float:left; width:100%; height:33px;}

#aoumain{ width:1000px; margin:0px auto;}
.aoumain1{width:100%; float:left;}
.aoumainleft{ width:161px; }
.aoumainleft ul{ width:161px; margin:0px; padding:0px;}
.aoumainleft li{ text-align:center; line-height:30px; padding-bottom:4px; float:left;}
.aoumainleft li a{ width:161px; height:30px; background:url(../images/left_bg.gif) no-repeat; float:left; color:#000;}
.aoumainleft li a:hover{ width:161px; height:30px; background:url(../images/left_bg1.gif) no-repeat; color:#fff;}
.aoumainleft li .have{ width:161px; height:30px; background:url(../images/left_bg1.gif) no-repeat; color:#fff;}

.aoumainleft1{ width:163px; padding-top:15px;}

.aoumain2{width:100%; float:left;}

.newsmain3{ width:968px; float:left;
line-height:30px;
border-left:1px solid #cacdd2;
background-color:#FFF; 
border-right:1px solid #cacdd2;
padding:15px;
color:#515151;
            }
			
.newsmain4{ width:969px; float:left;
line-height:30px;
border-left:1px solid #cacdd2;
background-color:#FFF; 
border-right:1px solid #cacdd2;

color:#515151;
            }

.aoumainri{ width:100%; padding-left:15px;}
.aoumainri1{ width:100%;}
.aoumainri11{ width:1000px; padding-left:13px;}
.aoumainri011{ width:1000px;}
.aoumainri2{ 
width:768px;
height:400px;
background-color:#FFF; 
line-height:30px;
border-left:1px solid #cacdd2;
border-right:1px solid #cacdd2;
padding:15px;
color:#515151;
}
.aoumainri3{ width:799px;}

/*********************************************页脚滚动车型************************************* * */
.footcar{ width:100%; padding-top:12px;}
.footcar li{ float:left; width:154px; height:90px; padding-left:8px;}

/*********************************************信息列表************************************* * */
.newsmain{ 
width:998px;
line-height:30px;
border-left:1px solid #cacdd2;
border-right:1px solid #cacdd2;
color:#515151;
background:#FFF;
float:left;
}
.news1{ width:788px; margin:0px auto;}
.news2{ width:788px; margin:0px auto;}
.news2_1{ 
width:786px; 
background:url(../images/news_bg.jpg); 
height:28px;
border-left:1px solid #c7d3df;
border-right:1px solid #c7d3df;
margin-top:8px;
float:left;
}
.news2_2{ 
width:786px;
float:left;
padding-top:14px;
}
.news2_2 table{ border-bottom:1px solid #d8ead2; width:745px;}
/*********************************************产品列表************************************ */
.prodnav{  width:1000px; margin:0px auto; padding-top:15px;}
.prodlogo{ width:300px; float:left; }
.prodnav_1{ width:1000;  padding-top:28px;}
.prodnav_1 ul{ width:680px; margin:0px; padding:0px; float:right;}
.prodnav_1 li{ height:38px; float:left;}
.prodnav_1 li a{ 
width:107px; 
height:33px; 
line-height:33px; 
text-align:center; 
background:url(../images/prod_4.jpg) no-repeat; 
color:#FFF; 
float:left; 
margin-left:8px;
}
.prodnav_1 li a:hover{
width:107px;
height:38px; 
line-height:38px; 
text-align:center; 
background:url(../images/prod_5.jpg) no-repeat; 
color:#FFF; 
float:left; 
margin-left:8px;
}
.prodnav_1 li .abouthave{
	width:107px;
	height:38px; 
	background:url(../images/prod_5.jpg) no-repeat; 
}
.prodnav_2{ float:left; height:33px;}
.prod1{ width:100%; height:106px; background:url(../images/prod_bg.jpg); float:left; margin-bottom:25px;}
.prod1_1{ width:1000px; height:106px; margin:0px auto;}
.prod2{ width:450px; float:left; padding-left:30px; padding-top:15px;}
.prod2_1{ width:167px; height:125px; background:url(../images/prod_bg1.jpg);  padding:6px; float:left;}
.prod2_2{ width:270px; float:left;}
.prod2_2 .txt{ font-size:14px; font-weight:bold; color:#55616d;}
.prod2_2 .con{ font-size:12px; line-height:25px; height:76px; overflow:hidden;}
.prod2_2 .con strong{ color:#55616d;}

/*********************************************产品详细************************************ */
.prodmain{ padding:0px 5px;}
.prodc1{ width:100%; float:left;}
.prodc1_1{ width:430px; height:310px; padding:7px 8px 8px 8px; float:left; background-image:url(../images/pordcarbg.gif);}
.prodc1_2{ width:525px; float:right; overflow:hidden;}

.prodc2{ width:100%; float:left; padding-top:20px;}
.prodc2_1{ width:167px; height:123px; padding:4px 9px 5px 9px;  background-image:url(../images/pordcarbg1.gif); float:left;}
.prodc1_22{ width:520px; height:310px; overflow:hidden;}
/*********************************************横向二级导航************************************* */

.header_zzjs {
	width: 840px;
	margin:0px auto;
	font-size:14px;
}
.headt {
	padding-top: 8px;
	font-size: 12px;
}
.headt1 {
	padding-top: 5px;
	font-size: 12px;
}
.header_erji{ width:1000px; margin:0px auto;  height:28px; }

.header_zzjs li {
	width:117px;
	height:28px;
	line-height:28px;
	float:left;
	text-align:center;
}
.header_zzjs li a {
	width:117px;
	height:28px;
	color:#f1f2f3;
	float:left;
}
.header_zzjs li .have{
	width:117px;
	height:28px;
	background:url(../images/bg_3.jpg) repeat-x;
	float:left;
	color: #000;
	}
.header_zzjs li a:hover {
	width:117px;
	height:28px;
	background:url(../images/bg_3.jpg) repeat-x;
	float:left;
	color: #000;
}

/* page */
.page {width:100%; overflow:hidden; float:left; padding-top:10px; padding-bottom:10px;}

.p_btns {width:100%; height:20px; line-height:30px; overflow:hidden; padding-top:5px; float:left; color:#02586e;}
.p_bar {width:auto; height:20px; float:left;}
.p_bar ul {width:auto; height:20px; padding-left:380px;}
.p_bar ul li {width:auto; height:20px; float:left; line-height:20px; margin:0px 2px;}
.p_bar ul li a {width:20px; height:20px; float:left; text-align:center; color:#02586e;}
.p_bar ul li a:hover {color:#fff; background-color:#02586e;}
.p_bar ul li a.hover {width:20px; height:20px; color:#fff; background-color:#02586e;}
.p_bar ul li a.num {padding:0px;}
.p_bar ul li a.next {width:43px; height:20px; line-height:20px; padding:0px 5px; color:#fff;  background:url(../images/pagebg.gif);}
.p_shu {width:auto; height:30px; float:left; padding:0px 10px;}
.p_sl {width:auto; height:30px; float:left; padding:0px 10px; position:relative;}
.p_sl .sl {width:auto; height:auto; position:absolute; top:3px;}

#msgDiv{ position:absolute; display:none; width:300px; background:#FFF; border: #DDD 8px solid;
z-index:2009}

#msgDiv h1{ margin:0px; padding:5px 3px 0px 3px; height:20px; background:#F4FAFF;
font-weight:normal; font-size:12px;}

#msgDiv h1 span{ float:right}

.aboutCon {
 min-height: 400px;
}
.aboutCon img {
margin: 5px;
float: left;
}
.aboutCon p {
text-indent: 2em;
}



.PagingDiv {text-align:center; padding-top:10px;font-size:12px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;padding-bottom:10px;}
.PagingDiv A {BORDER: #CCCCCC 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #666666; PADDING-TOP: 2px; TEXT-DECORATION: none; overflow:hidden; position:relative;}
.PagingDiv A:hover {BORDER: #45810a 1px solid; COLOR: #fff; BACKGROUND-COLOR: #45810a;}      
.PagingDiv A:active {BORDER: #45810a 1px solid; COLOR: #fff; BACKGROUND-COLOR: #45810a;}        
.PagingDiv SPAN.current {BORDER: #45810a 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #45810a}      
.PagingDiv SPAN.disabled {BORDER: #eee 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #ddd; PADDING-TOP: 2px;}
.PagingDiv input.inpage { background-color:#ffffff; border:1px solid #cccccc; color:#45810a;width:20px; height:16px;}
.PagingDiv input.gobtn { background-color:#45810a; border:0px; color:#ffffff;width:25px; height:20px;}