﻿/***************** reset *****************/
*{ margin:0; padding:0; word-wrap:break-word;}
body{ color:#186A02; font:13.5px Arial, Helvetica, sans-serif; background:#E4F0D8;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
a{ color:#186A02; text-decoration:none;}
a:hover{ color:#c9150c; text-decoration:none;}


img{ border:0;}
ul, li{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}

sup{ vertical-align:baseline;}
sub{ vertical-align:baseline;}

.clear{clear:both;height:1px;font-size:0;line-height:0;}

/***************** universal *****************/

span.spacing{ height:10px; display:block; overflow:hidden;}
#head,#nav,#content,#foot{ width:980px; margin:0 auto;}

/***************** head *****************/
#head_bg{ background:#f3f3f3 url(../images/jsmjl_01.jpg) repeat-x top;}

.top_link{ height:35px; padding:10px 0 0 0;}
#top_link li{ width:60px; text-align:center; float:left; color:#000000; display:inline; position:relative; z-index:100; font:normal 12px/24px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
#top_link li.divider{ width:18px;}
#top_link li a{ width:60px; height:24px; display:block; text-align:center; color:#000000;}
#top_link li a:hover{ color:#FF0000;}




#head{ height:106px; background:url(../images/logo.png) no-repeat 20px center;}
#head .top_rt{width:295px; float:right;}


#jituanbao{ height:150px; background:url(../images/baoindex05.jpg) no-repeat 1px center;}

#xiangmu{ height:150px; background:url(../images/baoindex05.jpg) no-repeat 1px center;}
/*------------------nav-----------------*/
#navMenu{ width:980px; height:38px; margin:0px auto; height:38px; text-align:center; padding-left:60px;  padding-top:0px;}
#navMenu ul {list-style:none;margin:0;padding:0;  height:28PX;display: inline;}
#navMenu ul li{ float: left; /*border-right:1px solid #FFFFFF;*/ height:38px; line-height:38px; padding:0px 0px; color:#3a3a3a; font-size:15px; font-family:"Arial Black", Gadget, sans-serif;  font-weight:bold;}
#navMenu li.last{ float:left; margin:0; padding:0 0px;background:none;display: block; height:38px; line-height:27px; border-right:0px solid #FFFFFF; }

#navMenu a:link,#navMenu a:visited{color:#03490B;text-decoration:none;padding:0px 24px 0px 24px;line-height:38px;display: block;}
#navMenu a:hover{text-decoration:none;padding:0px 24px 0px 24px;line-height:38px;display: block;color:#FC6002;  no-repeat center;}


#nav_home #home, #nav_about #about, #nav_group #group, #nav_news #news, #nav_supplier #supplier, #nav_develop #develop, #nav_culture #culture, #nav_job #job, #nav_contact #contact{text-decoration:none;padding:0px 24px 0px 24px;line-height:38px;display: block;color:#102d87; background:url(images/index_04.jpg) no-repeat center;} 


/*-------- nav --------------*/
.dropMenu {
	position:absolute;
	top: 0;
	z-index:100;
	width: 110px;
	visibility: hidden;
/*  	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=135, strength=4);
*/	margin-top: 0px;
	margin-left:-1px;
	border: 1px solid #468C00;
	border-top: 0px solid #D6FFAC;
	background-color: #FDFFFB;
	/*background:url(../images/index_04.jpg);*/
	padding-top:5px;
	padding-bottom:5px;
	filter: Alpha(Opacity=90);
	opacity:0.9;
}

.dropMenu li {
	margin-top:2px;
	margin-bottom:4px;
	padding-left:0px;
}
.dropMenu li a {
	width: 92%;
	margin:0px auto;
	display: block;
	text-align:center;
	color: black;
	padding: 5px 0 5px 0px;
	color:#336600;
	border-bottom: 1px dashed #D6FFAC;
}
.dropMenu+li a{
border-top:none;
}
* html .dropMenu a {
	width: 100%;
	color:#bcd3f1;
}
.dropMenu a:hover {
	text-decoration:none;
	color:#fff;
	background:#336600;
}

.hdo{
width:100%;
height:auto;
display:block;
overflow:hidden;
}

.biaoti{ font-size:14px; color:#F00; font-weight:bold;}
.block{ font-size:12px; color: #FF7F01; line-height:180%;}
.baise{ font-size:14px; color: #fff;  line-height:180%;}
.banquan{ font-size:14px; color:#Fff; font-weight:bold;}

a:link.foot {
	text-decoration: none;
}
a:visited.foot {
	 color:#FF0; text-decoration:underline; font-weight:400;
}
a:hover.foot {
	 color:#F00; text-decoration:underline;  font-weight:400;
}
a:active.foot {
	color:#F00; text-decoration: none; 
}

/***************** banner *****************/
#banner{ height:475px; overflow:hidden; border-bottom:7px #03490B solid; position:relative;}
.shadow{
	width:100%;
	height:5px;
	background:url(../images/shadow.png) repeat-x top;
	position:absolute;
	top:184px;
	z-index:99;
	left: -1192px;
}


/***************** content *****************/
#content_bg{ }
#content{ height:575px; position:relative;}
#con_bg{ width:990px; height:590px; background:#FFF; position:absolute; top:-62px;}

.box{ height:250px; float:left;}
.box .title{ height:50px; line-height:50px; padding:0 20px; background:url(../images/title1.gif) no-repeat 0 center;}
.box .title h3{ color:#004000; font:bold 13px/50px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.box .title .more{ float:right;}
.box .title .more a{ color:#a0a0a0;}
.box .title .more a:hover{ text-decoration:underline;}
.box .con{ padding:0 25px; line-height:24px;}


.about,.TV{ width:300px;}

.news{ width:380px;}
.index_tab_title{ height:50px; padding-left:20px; background:url(../images/title1.gif) no-repeat 0 center;}
.index_tab_title ul li{ width:56px; height:50px; line-height:50px; float:left;}
.index_tab_title ul li.divider{ width:16px; text-align:center;}
.index_tab_title ul li a{ width:56px; height:50px; display:block; cursor:pointer; color:#a0a0a0; font:bold 13px/50px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.index_tab_title ul li.hover a{ color:#004000;}

.tab_con{ position:relative;}
.tab_con span.more{ position:absolute; top:-38px; right:0px;}
.box .title .more a{ color:#a0a0a0;}
.tab_con span.more a:hover{ color:#a0a0a0; text-decoration:underline;}

.TV .con{ padding:0 20px;}

div.headline_news{ height:80px; line-height:22px; overflow:hidden;}
div.headline_news strong a{ color:#c9150c;}
div.headline_news a{ color:#9d9d9d;}
div.headline_news a:hover{ text-decoration:underline;}
div.headline_news img{float:left; margin-right:10px;}

ul.news_list li{ padding-left:15px; line-height:24px; background:url(../images/002.gif) no-repeat 5px 8px;}
ul.news_list li span.data{ float:right; color:#c8c8c8;}



.article{ padding:20px 13px 20px; line-height:2em;}



.dzsw_nr_bj{ margin-left:22px; margin-top:2px; width:312px; line-height:180%; font-size:12px;}

.dzsw_nr_bj p{ padding:4px 0px; text-indent:26px;}

.hobalife_bottom_link {
	CLEAR: both; BORDER-RIGHT: #f4f3f3 1px solid; BORDER-TOP: #f4f3f3 1px solid; BACKGROUND: url(/newv5/v5_images/link_05.jpg) repeat-x left top; MARGIN-LEFT: 23px; BORDER-LEFT: #f4f3f3 1px solid;  LINE-HEIGHT: 28px; BORDER-BOTTOM: #f4f3f3 1px solid; HEIGHT: 28px
}
.hobalife_bottom_link IMG {
	FLOAT: left
}
.hobalife_bottom_link_Content {
	BORDER-RIGHT: #edecec 1px solid; BACKGROUND: #ffffff; MARGIN-LEFT: 23px; BORDER-LEFT: #edecec 1px solid;  BORDER-BOTTOM: #edecec 1px solid
}
.hobalife_bottom_link_Content_list {
	FONT-SIZE: 12px; MARGIN: 5px 0px 5px 18px;  COLOR: #595856; LINE-HEIGHT: 22px
}
.hoba_life_sale {
	MARGIN-TOP: 5px; MARGIN-LEFT: 5px; WIDTH: 300px; HEIGHT: 252px
}
.hoba_life_sale UL {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none
}
.hoba_life_sale UL LI {
	FLOAT: left
}

#button {
width: 100%;

border-left: 1px solid #0C4903;
padding: 0 0 0em 0;
margin-bottom: 0em;
font-size: 110%;
background-color: #41A709;
color: #333;
}
#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#button li {
border-bottom: 1px solid #979502;
margin: 0;
}
#button li a {
display: block;
padding: 8px 8px 8px 0.5em;
border-left: 3px solid #03490B;
border-right: 3px solid #03490B;
background-color: #BDFD7E; 
color:#03490B;
text-decoration: none;
width: 100%;
}
html>body #button li a {
width: auto;
}
#button li a:hover {
border-left: 3px solid #FFF200;
border-right: 3px solid #FFF200;
background-color: #568C02;
color: #FFF200;
}
.bottomxuxian {
	BORDER-BOTTOM: #ccc 1px dashed; font-weight:200; padding:2px 0px;  background:url(../images/002.gif) 8px 12px  no-repeat; padding-left:20px; margin-bottom:5px; margin-right:15px;  color:#981415;
}
.bottomxuxian1 {
	BORDER-BOTTOM: #ccc 1px dashed; font-weight:200; padding:2px 0px;   padding-left:20px; margin-bottom:5px; margin-right:15px;  color:#981415;
}

.share{ height:22px; padding:8px; margin-bottom:15px; background:#f2f2f2;}
.print_mail{ float:right;}
.print_mail a{ padding-left:22px; margin-left:15px; font-size:14px; font-weight:bold; display:inline-block; background:url(../images/news_05.gif) no-repeat 0 center;}
.print_mail a.mail{ background:url(../images/news_03.gif) no-repeat 0 center;}

.dx {
float:left;
	width:720px; border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	height: 1px;
	padding-bottom:5px;
	margin-bottom:12px;}

.fx{ padding-left:100px; padding-top:10px; padding-bottom:40px; float:left;}

#v5_product_list {
	CLEAR: both; MARGIN-TOP: 10px; WIDTH: 750px; HEIGHT: auto
}
#v5_product_list .v5_products_menu {
	PADDING-LEFT: 10px; FLOAT: left; WIDTH: 149px
}
#v5_product_list .v5_products_list {
	FLOAT: right; WIDTH: 757px; MARGIN-left: 10px; MARGIN-RIGHT: 10px;}
#v5_product_list .v5_products_list LI {
	LIST-STYLE-TYPE: none}

. {
	MARGIN-TOP: 12px; MARGIN-LEFT: 5px; WIDTH: 930px; HEIGHT: 252px
}
. UL {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 1px; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}
. UL LI {
	FLOAT: left
}
.hoba_life_new {
	CLEAR: both; MARGIN-TOP: 12px; MARGIN-LEFT: 23px; WIDTH: 930px; HEIGHT: 200px
}
.hoba_life_new_title {
	WIDTH: 911px; HEIGHT: 4px
}
.hoba_life_new_title_center {
	BACKGROUND: url(../images/002.gif) repeat-x left top; HEIGHT: 178px
}
.hoba_life_new_bottom {
	CLEAR: both; WIDTH: 911px
}
.hoba_life_new_cengter_left {
	FLOAT: left; WIDTH: 563px
}
.hoba_life_new_main {
	FLOAT: left; WIDTH: 528px
}
.hoba_life_new_main UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.hoba_life_new_main UL LI {
	FLOAT: left
}
.hoba_life_new_cengter_right {
	FLOAT: left; WIDTH: 346px
}
.hoba_life_new_cengter_Icon_left {
	MARGIN-TOP: 60px; FLOAT: left; WIDTH: 17px; HEIGHT: 61px
}
.hoba_life_new_cengter_Icon_right {
	MARGIN-TOP: 60px; FLOAT: right; WIDTH: 17px; HEIGHT: 61px
}
/* -------------------------------------------- */
/* ----------- Pagination: 翻页--------- */
/* -------------------------------------------- */
	
#pagination-digg li          { border:0; margin:0; padding:0; font-size:13px; list-style:none; /* savers */ float:left; }
#pagination-digg a           { border:solid 1px #9aafe5; margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }	
#pagination-digg .active     { background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:2px; }
#pagination-digg a:link, 
#pagination-digg a:visited   { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-digg a:hover     { border:solid 1px #0e509e; }

.rollBox{width:530px;overflow:hidden;margin:0 auto;}
.rollBox .Cont{width:530px;overflow:hidden;margin:0 auto;padding-top:0px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:130px;float:left;text-align:center;padding-right:10px;}
*+html .rollBox .Cont .pic{width:130px;float:left;text-align:center;padding-right:15px;}
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

/* QQ客服 */

.QQbox{ z-index:99; width: 178px; right: 0; top: 145px; position: absolute;}

.QQbox .press{ right: 0; border: none; cursor: pointer;width: 33px; height: 158px;position: absolute;}

.QQbox .Qlist{ left: 0; width: 145px; background: url(../images/qq_listbg.gif) repeat-y -155px 0;  position: absolute;}

.QQbox .Qlist .t,

.QQbox .Qlist .b{ float: right; height: 6px; width: 145px; font-size: 1px; }

.QQbox .Qlist .t{ background: url(../images/qq_listbg.gif) no-repeat left; }

.QQbox .Qlist .b{ background: url(../images/qq_listbg.gif) no-repeat right; }

.QQbox .Qlist .con{ background: #fff; width: 90%; margin: 0 auto; }

.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(../images/qq_listbg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}

.QQbox .Qlist .con ul{  }

.QQbox .Qlist .con ul li{  padding: 5px 0 0 8px;height: 20px; background: #ffffff;}

.QQbox .Qlist .con ul li.odd{ background: #fff; }

/*.QQbox END*/