body{ color:#333; font-family:Microsoft Yahei,Arial, Helvetica, sans-serif; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ol,pre,form,input,textarea{margin:0;padding:0; list-style:none; line-height:24px; font-size:12px; font-weight:normal}
ul,li{margin:0; padding:0;list-style:none; font-weight:normal;}
a{ color:#333; text-decoration:none; }
a:hover{ color:#7bac2e; } 
img{ border:none;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
.wrapper{width:1200px; margin:0 auto;}

/*display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;*/
strong{display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



#header{ position:relative; margin-top:10px;}
#header .logo{width:800px;height:104px;float:left; position:relative;   }
#header .logo a{display:block;height:104px;width:800px; position:absolute; bottom:0px; left:0;}
#header .logo img{max-width:800px; max-height:104px; position:absolute; top:0px; left:0; bottom:0; margin:auto}

#header .search{  width:270px;  position:absolute; top:15px; right:0px;}
#header .search_area{ width:180px; height:31px; line-height:31px; float:left; border:none; color:#333; text-indent:10px; border:1px solid #7bac2e }
#header .search_btn{ background:url(../images/ser_ss.jpg) top center no-repeat; width:41px; height:33px; border:none; float:left; position:relative; left:0px; top:0px; color:#fff;cursor: pointer;}
#header .search .word{ font-size:14px; font-family:Microsoft Yahei; color:#757575}



.nav_bg{ background:#1976bc; width:100%; height:52px;}

#nav{ height:52px;}
#nav ul li p{ height:52px; line-height:52px; overflow:hidden}
#nav ul li{float:left; height:52px; line-height:52px; font-size:14px;font-family:Microsoft Yahei; } 
#nav ul li ul.sub{position: relative;z-index: 10;}
#nav ul li a{ color:#fff; display:block; text-align:center; padding:0 15px;font-family:Microsoft Yahei;font-size:15px;}
#nav ul li a:hover{ background:#7bac2e;}

#nav ul li a{ overflow:hidden;}
#nav ul li .cc{background:#fff;height:40px; line-height: 40px;display: none; text-align:center; width:100%; position:relative; z-index:100; margin-top:0px; }
#nav ul li .cc:hover{ background:#1976bc}
#nav ul li .cc a{width:92%; margin:auto;color:#000; padding:0 4%; overflow:hidden; height:40px; line-height:40px;}
#nav ul li .cc a:hover{ color:#fff; background:#1976bc}


#banner{ width:100%; height:520px; overflow:hidden}

#banner .slideBox {
	width:100%;
	position:relative;
}
#banner .slideBox .hd {
	height:15px;
	overflow:hidden;
	position:absolute;
	bottom:15px;
	z-index:2;
	text-align:center;
	width:100%;
}
#banner .slideBox .hd ul {
	overflow:hidden;
	zoom:1;
	display:inline-block;
}
#banner .slideBox .hd ul li {
	float:left;
	margin-right:5px;
	width:15px;
	height:15px;
	line-height:14px;
	text-align:center;
	background:#fff;
	cursor:pointer;
	border-radius:15px;
}
#banner .slideBox .hd ul li.on {
	background:#444;
	color:#fff;
}
#banner .slideBox .bd {
	position:relative;
	height:100%;
	z-index:0;
	margin:0px auto;
	text-align:center;
}
#banner .slideBox .bd li {
	zoom:1;
	vertical-align:middle;
}
#banner .slideBox .bd img {
	display:block;
	border:1px solid #ddd;
	padding:1px;
	margin:0px auto;
	text-align:center;
}
/* ������ǰ/��ť���룬�������Ҫɾ������ */
#banner .slideBox .prev,  #banner .slideBox .next {
	position:absolute;
	left:3%;
	top:50%;
	margin-top:-25px;
	display:block;
	width:32px;
	height:40px;
	background:url(../images/slider-arrow.png) -110px 5px no-repeat;
	filter:alpha(opacity=50);
	opacity:0.5;
}
#banner .slideBox .next {
	left:auto;
	right:3%;
	background-position:8px 5px;
}
#banner .slideBox .prev:hover,  #banner .slideBox .next:hover {
	filter:alpha(opacity=100);
	opacity:1;
}
#banner .slideBox .prevStop {
	display:none;
}
#banner .slideBox .nextStop {
display:none;}



#container{ margin-top:45px;}

#pro{ margin-bottom:30px;}
#pro .list{ width:250px; height:532px; overflow:hidden; background:#166aa9; float:left}
#pro .list h1{ height:87px; line-height:87px; overflow:hidden; text-align:center;font-family:Microsoft Yahei; font-size:24px; color:#fff}
#pro .list h1 a{ color:#fff}
#pro .list .inner{ background:#1976bc; height:445px;}
#pro .list .inner ul{ height:440px; overflow:hidden}
#pro .list .inner ul li{border-bottom:1px solid #166aa9; }
#pro .list .inner ul li a{ color:#fff; font-size:14px;font-family:Microsoft Yahei; background:url(../images/ico8.png) no-repeat 35px; padding-left:65px; display:block;height:54px; line-height:54px;overflow:hidden} 
#pro .list .inner ul li a:hover{ background:#7bac2e url(../images/ico8.png) no-repeat 35px;}

#pro .list_pro{ float:right; width:930px; height:532px; overflow:hidden}
#pro .list_pro ul  { float:left; }
#pro .list_pro ul li{  margin-left:5px; margin-right:9px; text-align:center;  width:218px;  background:#d9d6d5; height:250px; overflow:hidden; margin-bottom:35px;}
#pro .list_pro ul li .pic{ width:216px; height:216px; overflow:hidden; border:solid 1px #97999f; background:#fff; position:relative }
#pro .list_pro ul li .pic img{ display:block;max-width: 100%;    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0; max-height:100%}
#pro .list_pro ul li a{ height:30px; line-height:30px; color:#585858; overflow:hidden; font-size:13px;}
#pro .list_pro ul li a:hover{ color:#1976bc}


#about{ width:390px; float:left}
#about .title{ height:41px; line-height:41px; background:url(../images/title_bg.jpg) top center no-repeat; overflow:hidden;font-family:Microsoft Yahei; font-size:16px; color:#fff; text-indent:35px;}
#about .title a{ float:right; font-size:12px; color:#fff; margin-right:15px; height:41px; line-height:41px;}
#about .inner .about_img{ text-align: center; height:142px; margin:14px 0 10px 0 }
#about .inner .about_img img{ height:100%;border:1px solid #cacaca}
#about .inner .about_text{  line-height:30px; height:150px; overflow:hidden; font-size:13px;font-family:Microsoft Yahei;} 
#about .inner .news_text{ padding:10px;}


#news{ width:390px; float:left; margin-left:15px; display:inline}
#news .title{ height:41px; line-height:41px; background:url(../images/title_bg.jpg) top center no-repeat; overflow:hidden;font-family:Microsoft Yahei; font-size:16px; color:#fff; text-indent:35px;}
#news .title a{ float:right; font-size:12px; color:#fff; margin-right:15px; height:41px; line-height:41px;}
#news .inner .news_img{ text-align: center; height:142px; margin:14px 0 10px 0 }
#news .inner .news_img img{ height:100%;border:1px solid #cacaca}
#news .inner ul{ height:150px; overflow:hidden}
#news .inner ul li{ background:url(../images/ico1.jpg) no-repeat 5px; text-indent:25px; height:30px; line-height:30px; overflow:hidden}
#news .inner ul li span{ float:right}
#news .inner ul li a{ font-size:13px; font-family:Microsoft Yahei}
#news .inner .news_text{ padding:10px;}

#contact{ width:390px; float:right}
#contact .title{ height:41px; line-height:41px; background:url(../images/title_bg.jpg) top center no-repeat; overflow:hidden;font-family:Microsoft Yahei; font-size:16px; color:#fff; text-indent:35px;}
#contact .title a{ float:right; font-size:12px; color:#fff; margin-right:15px; height:41px; line-height:41px;}
#contact .inner .contact_img{ text-align: center; height:142px; margin:14px 0 10px 0 }
#contact .inner .contact_img img{ height:100%;border:1px solid #cacaca}
#contact .inner .news_text{ padding:10px;}



.footer_bg{ background:#033766; width:100%; margin-top:30px; }
.links{ background:#032c52; width:100%;color:#fff; font-size:14px; line-height:45px;}
.links span{ background:url(../images/ico2.png) no-repeat 2px; padding-left:30px; font-size:18px; }
.links a{ color:#fff;font-size:14px;}
.links a:hover{ color:#ccc}
.cpy{text-align:center; color:#fff; padding:10px 0 10px 0}
.cpy a{ color:#fff}
.cpy a:hover{ color:#ccc}















#sub_container{ margin-top:20px; margin-bottom:40px;}

/*sidebar css*/
.sidebar{ width:276px; float:left; margin-left:10px; margin-top:10px; display:inline; }

.list_class{ border:1px solid #b8c0c2}
.subnav { background:#fff}
.subnav .alefttitle{ background:url(../images/sub_title.jpg) top center no-repeat; width:276px; height:64px; line-height:64px; font-size:24px; text-indent:65px; color:#fff; overflow:hidden}



.category{ margin-top:10px;}
.category ul li .firsta{  overflow:hidden; color:#6b6b6b;font-size:14px; display:block;  background:url(../images/ico6.png) no-repeat 15px ; height:35px; line-height:35px; padding-left:35px; border-bottom:1 dashed #a2a2a2; cursor:pointer}
.category ul li a.firsta{ color:#6b6b6b;font-size:14px;border-bottom:1 dashed #a2a2a2}
.category ul li a:hover.firsta { color:#7bac2e; background:url(../images/ico7.png) no-repeat 15px ; }

ul.second li .seconda{  height:35px; line-height:35px;overflow:hidden; margin:auto; overflow:hidden;  cursor:pointer}
ul.second li a.seconda{display:block; color:#6b6b6b; background:url(../images/ico4.png) 25px no-repeat; padding-left:40px;}
ul.second li a.seconda:hover{color:#7bac2e}

ul.third li a.thirda{ margin:auto;color:#6b6b6b;display:block; line-height:35px; height:35px; overflow:hidden;background:url(../images/ico5.png) 35px no-repeat; padding-left:50px;}
ul.third li a.thirda:hover{color:#7bac2e}


.sub_contact{ width:276px; margin-top:30px;}
.sub_contact h2{ background:url(../images/sub_title.jpg) top center no-repeat; width:276px; height:64px; line-height:64px; font-size:24px; text-indent:65px; color:#fff; overflow:hidden;}
.sub_contact h2 a{ color:#fff}
.sub_contact .inner{ padding:15px; border:1px solid #cacaca}

/*main css*/
.main{ float:right; width:873px; margin-top:10px; margin-right:10px;  display:inline;}
.article {  padding:5px ;}
.article img{ max-width:873px;}
.crumb{ height:44px;line-height:44px;  color:#00000; font-size:14px; font-weight:bold;  overflow:hidden ; border-bottom:1px solid #e3e3e3 }

.crumb p{  font-weight:bold; font-size:17px; line-height:44px; height:44px; overflow:hidden;  color:#303030; background:url(../images/ico3.png) no-repeat 5px; text-indent:35px;}

.crumb span{ float:right;  color:#2c2c2c; font-size:12px; font-weight:normal; background:url(../images/ico9.png) no-repeat 5px; text-indent:25px;}
.crumb span a{  color:#2c2c2c; }



