/******************************** 主体公共部分样式开始 ********************************/

* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 5px 0 0 0;
	font: 12px "宋体";
	color: #333333;
	line-height:160%;
	/*background:url(bg.gif);*/
	background:#008800;
	text-align: center;
}
td {
	font-size:12px;
}
p {
	line-height:18px;
}
/* public */
a { 
	color: #333333;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: red;
	background-color: inherit;
	text-decoration:underline;
}

/******************************** 内容部分样式开始 ********************************/

#wrap {
	width:970px;
	text-align:left;
	margin:0px;
	padding:0px 5px 0px 5px;
	/*border:1px solid #cccccc;*/
	background:#ffffff;
}

#top {
	padding:0px;
	margin:0px;width:970px;
	height:120px;position:relative;
}

#top img {
	border:0px;
}

#top .logo {
	float:left;
	width:240px;
}
#top .logo a{ display:block;position:absolute; width:100%; height:95px;top:25px;left:0px;}
#top .logo span{height:25px; width:100%;text-align:center;line-height:30px; display:block; font-size:18px; font-weight:bold;}

#top .ask {
	float:left;
	width:460px;
	padding-left:160px;
}

#top .user {
	width:auto;
}

/******************************** 顶部菜单导航条 ********************************/

#m {
	margin:0px;
	padding:0px;
	position: relative;
	height: 24px;
	border-bottom:5px solid #1A941A;
}

#m ul {
	z-index: 999999;
	position: absolute;
	margin:0; padding: 0;
	list-style:none;
	bottom: 0px !important; bottom: 0px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#m li {
   display:inline;
   margin:0; padding:0;
}
#m a {
   float:left;
   background: url(tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#m a span {
   float:left;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:2px 9px 0px 15px;
   line-height:21px;
   letter-spacing:9px;
   color: #FFF;
}

#m a span {float:none;}

#m a:hover span {
	color:#ffc;
}
#m a:hover {
   background-position:0% -24px;
}
#m a:hover span {
   background-position:100% -24px;
}
#m #current a {
   background-position:0% -24px;
	color: #FFF;
	width:46px;
}
#m #current a span {
   background-position:100% -24px;
	color: #FFc;
	width:46px;
}

/******************************** 左侧 ********************************/

#left {
	float:left;
	width:200px;
	height:auto;
	margin:0px;
	padding:0px;
	background:url(left_bottom.gif) #009900 no-repeat bottom;
}

#left .List_tit img {
	padding-left:5px;
}

.List_tit {
	padding:0px 10px 0px 10px;
	margin:0px;
	width:180px;
}

.List_tit ul {
	margin:0px;
	padding:0px;
	background:#33aa33;
}

.List_tit ul li {
	margin:0px;
	padding:4px 0 4px 0px;
	list-style:none;
}

.List_tit li a {
	color:white;
	text-decoration:none;
	margin:0px;
	padding:0 0 0 24px;
	display:block;
	background:url(icon_host.gif) no-repeat left;
	width:155px;
	overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
}.List_tit li img{ border:none;}

.List_tit li a:hover {
	color:#ffffcc;
	text-decoration:underline;
	margin:0px;
	padding:0 0 0 24px;
	background:url(icon_host_on.gif) no-repeat left;
}

.style_b {
	float:left;
	margin:0px;
	padding:6px 0 0 0;
	width:180px;
	height:22px;
	text-align:center;
	color:#ffffcc;
	font-size:14px;
	font-weight:bold;
	background:url(blist_title_bg.gif) #009900;
}

.style_b a {
	color:#ffffcc;
	text-decoration:none;
}

.style_b a:hover {
	color:#ffff00;
	text-decoration:none;
}

.List_tit .tit {
	background:url(List_icon.gif) #009900 no-repeat left;
	line-height:26px;
}
.tit h1 {
	font-size:14px;
	color:yellow;
	margin:0px;
	padding:4px 0px 0px 30px;
}

.pro_list {
	padding:0px 10px 10px 10px;
	margin:0px;
	width:180px;
}
.pro_list .tit {
	background:url(List_icon.gif) #009900 no-repeat left;
	line-height:26px;
}

.por_list ul {
	margin:0px;
	padding:0px;
}

.pro_list ul li {
	float:left;
	margin:0;
	padding-top:3px;
	width:180px;
	line-height:18px;
	list-style:none;
	background:url(pro_icon.gif) no-repeat left;
	border-top:1px solid #3EAC2E;
	border-bottom:1px solid #007700;
}

.pro_list li a {
	margin:0px;
	padding:10px 0 0 8px;
	color:#ffffff;
	text-decoration:none;
}
.pro_list li a:hover {
	color:#ffff00;
	text-decoration:none;
}

.style_s {
	float:left;
	margin:3px 0 0 0;
	padding:2px 0 0 0;
	height:21px;
	width:180px;
	background:#007700;
	text-decoration:none;
	text-align:center;
	color:#FFFFCC;
	font-weight:bold;
}

/*******************粉剂分类*********************/

.pro_list .pro {
	float:left;
	width:180px;
}

.pro .ptf {
	margin:0px;
	padding:2px 0 0 1px;
	background:#ffffcc;
	color:#000000;
}

.pro .jqf {
	margin:0px;
	padding:2px 0 0 1px;
	background:#ffff66;
	color:#000000;
}

.pro_list .pro a {
	margin:0px;
	padding:0px;
}

.pro_list .pro a:hover span{
	margin:0px;
	padding:2px 0 0 1px;
	color:red;
}

/*******************轻中重分类*********************/

.pro_list .tz {
	float:left;
	width:180px;
}

.tz .q {
	text-align:right;
	margin:0px;
	padding:2px 1px 0px 2px;
	background:url(pro_name_bg.gif) 0px 0px;
	color:black;
	width:15px;
	height:16px;
}

.tz .z {
	text-align:right;
	margin:0px;
	padding:2px 1px 0px 2px;
	background:url(pro_name_bg.gif) -15px 0px;
	color:black;
	width:15px;
	height:16px;
}

.tz .zh {
	text-align:right;
	margin:0px;
	padding:2px 1px 0px 2px;
	background:url(pro_name_bg.gif) -30px 0px;
	color:black;
	width:15px;
	height:16px;
}

.tz .wg {
	text-align:right;
	margin:0px;
	padding:2px 1px 0px 2px;
	background:url(pro_name_bg.gif) -45px 0px;
	color:black;
	width:15px;
	height:16px;
}

.space {
	width:auto;
	height:1px;
	margin:0 11px 0 10px;
	padding:0px;
}

.pro_list .tz a {
	margin:0px;
	padding:0px;
}

.pro_list .tz a:hover span{
	margin:0px;
	padding:2px 1px 0px 2px;
	color:red;
}



/*******************中间内容*********************/

#center {
	float:left;
	margin:0px;
	padding:0px;
	width:10px;
	text-align:left;
}

/*******************右侧内容*********************/

#right {
	float:left;
	margin:10px 0 10px 0;
	padding:0px;
	width:760px;
}

.ad {
	width:760px;
	height:220px;
	margin:0px;
	padding:0px;
	background:url(ad/banner1.jpg) no-repeat top;
}
.ad_hd {
	float:left;
	width:170px;
	height:220px;
	margin:0px;
	padding:0px;
}
.ad_body {
	float:left;
	width:590px;
	height:220px;
	margin:0px;
	padding:0px;
}

.gg {
	width:760px;
	margin:5px 0 5px 0px;
	padding:0px;
	font-size:14px;
	color:red;
}

.gg span {
	margin:0px;
	padding:0 0 0 5px;
	font-weight:bold;
	color:black;
}

.gg a {
	color:red;
	text-decoration:underline;
}

.gg a:hover {
	color:black;
	text-decoration:underline;
}

.art {
	float:left;
	margin:0px;
	padding:0px;
	width:540px;
}

.art .new {
	float:left;
	margin:0px;
	padding:0 10px 10px 0;
	width:260px;
}

.new .tit {
	margin:0px;
	padding:4px 0 0 20px;
	color:white;
	height:23px;
	background:url(new_top_bg.gif) no-repeat top;
}
.new .tit .more {
	margin:0px;
	padding:0 0 0 156px;
	width:50px;
	text-align:right;
	color:red;
}

.new .tit .more a {
	color:white;
	text-decoration:underline;
}
.new .tit .more a:hover {
	color:#ffff00;
	text-decoration:underline;
}

.tt_new {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-align:center;
	width:258px;
	margin:0px;
	padding:2px 0 1px 0px;
	line-height:180%;
}

.tt_new span {
	margin:0px;
	padding-left:6px;
	padding-right:6px;
}

.new_body {
	margin:0px;
	padding:0px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.new_body span {
	width:60px;
	text-align:right;
}

.new_body ul li {
	margin:0px;
	padding:0 0 0 18px;
	list-style:none;
	background:url(news_icon.gif) no-repeat left;
	width:240px;
	font-size:13px;
	line-height:22px;
	overflow:hidden;text-overflow:ellipsis; white-space:nowrap;
}

.260b {
	width:260px;
	height:4px;
}

.530 {
	width:530px;
	height:4px;
}
.index_js {
	margin:0px;
	padding:0px;
	width:530px;
	height:auto;
}
.index_js h1 {
	margin:-6px 0 5px 0;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	color:red;
}
.index_js h2 {
	margin:-6px 0 5px 0;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:3px;
	text-align:center;
}
.js_body {
	margin:0px;
	padding:10px;
	width:508px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-align:justify; text-justify:inter-ideograph;
}

.js_body p {
	padding:5px 0 5px 0;
	line-height:20px;
}
#Js_body{border:1px solid #cccccc;float:left;width:740px;height:auto;padding:10px;margin-bottom:10px; margin-top:10px;}

/***************************右侧知识******************************/
.index_article_list {
	margin:0px;
	width:auto;
	padding:0 0 10px 0;
}

.article_list_tit {
	float:left;
	margin:0px;
	padding:8px 0 0 65px;
	width:155px;
	height:32px;
	background:url(index_article_top_bg.jpg) no-repeat;
	color:#009900;
	font-weight:bold;
}
.article_list_body {
	float:left;
	margin:0px;
	padding:0px;
	width:218px;
	height:auto;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.article_list_body ul li {
	margin:0px;
	padding:2px 0 0 25px;
	list-style:none;
	line-height:20px;
	background:url(icon_por_class.gif) no-repeat 6px;	
	overflow: hidden;
    text-overflow: ellipsis;
     white-space: nowrap;
     width:190px;
}
.article_list_bottom {
	float:left;
	width:220px;
	height:4px;
}

/***************************下侧产品******************************/

.index_pro_class {
	float:left;
	margin:0px;
	padding:0px;
	width:760px;
}

.pro_class_body {
	float:left;
	margin:0px;
	padding:0px;
	width:758px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
.pro_class_body ul  li {
	float:left;
	margin:0px;
	padding:0px;
	width:380px;
	list-style:none;
}

.index_pro_tit {
	float:left;
	width:720px;
	height:26px;
	margin:0px;
	padding:24px 0 0 40px;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	background:url(index_pro_fw.gif) no-repeat;
	cursor:hand;
}

/**********************选项卡**************************/

.index_pro_m,.index_pro_m1 {
	width:760px;
	margin:0px;
	padding:10px 0 0 0;
}
.index_pro_m ul,.index_pro_m1 ul {
	margin:0px;
	padding:0 0 0 10px;
}
.index_pro_m ul li,.index_pro_m1 ul li {
	float:left;
	margin:0px;
	padding:2px 1px 0 20px;
	width:80px;
	height:21px;
}
.index_pro_m1  ul li { width:160px;
	padding:2px 1px 0 40px;}
	
.index_pro_m a {
	color:white;
}
.on {
	color:white;
	font-weight: bold;
	text-decoration: none;background:url(pro_class_bg_on.gif) no-repeat top;
	cursor:hand;
}
.on1 {
	color:white;
	font-weight: bold;
	text-decoration: none;background:url(pro_class_bg_on1.gif) no-repeat top;
	cursor:hand;
}
.off {
	color: white;
	text-decoration: none;background:url(pro_class_bg_off.gif) no-repeat top;
	cursor:hand;
}

/********************首页产品**************************/

.index_pro {  /*产品行*/
	float:left;
	width:760px;
	height:275px;
	margin:0 0 10px 0;
	padding:0px;
	background:url(index_pro_bg.gif) no-repeat left;
}

.cp {  /*单个产品*/
	float:left;
	width:250px;
	margin:0px;
	padding:0px;
}

.index_tz {  /*套装行*/
	float:left;
	width:760px;
	height:280px;
	margin:0 0 10px 0;
	padding:0px;
	background:url(index_protz_bg.gif) no-repeat left;
}

.index_tz .tz {  /*套装*/
	float:left;
	width:380px;
	margin:0px;
	padding:0px;
	text-align:center;
}

/******************单品属性****************/

.pic {
	margin:0px;
	padding:17px 0 10px 0;
	width:auto;
	height:150px;
	text-align:center;
}
.pic img {
	border:0px;
}
.name {
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	height:20px;
	font-size:14px;
	text-align:center;
}
.name a{
	color:#000000;
	font-weight:bold;
}
.name a:hover {
	color:#ff0000;
	font-weight:bold;
}
.jg {
	text-align:center;
	margin:0px;
	padding:0px;
	height:20px;
	color:red;
}
.pro_ms {
	margin:0px;
	padding:0 12px 0 8px;
	line-height:150%;
	text-align:center;
	text-align:justify;	text-justify:inter-ideograph;
}
.jg img {
	padding:5px;
}

/******************套装属性****************/

.tzpic {
	margin:0px;
	padding:0 0 8px 0;
	width:auto;
	text-align:center;
}
.tzpic img {
	border:0px;
}
.tzname {
	float:left;
	margin:0px;
	padding:10px 0 7px 120px;
	width:180px;
	height:20px;
	font-size:14px;
	text-align:left;
}
.tzname a{
	color:#000000;
	font-weight:bold;
}
.tzname a:hover {
	color:#ff0000;
	font-weight:bold;
}
.tzjg {
	margin:0px;
	padding:10px 0 7px 0;
	height:20px;
	color:red;
}
.dg {
	text-align:center;
	margin:0px;
	padding:3px;
	height:20px;
	color:red;
}
.tz_ms {
	margin:0px;
	padding:0 12px 0 8px;
	line-height:150%;
	text-align:justify;	text-justify:inter-ideograph;
	text-align:center;
}
.dg img {
	padding:3px;
}

.more_tz {
	float:left;
	width:630px;
	margin:0px;
	padding:10px 0 0 20px;
}
.more_tz a {
	background:#008800;
	color:#FFFFFF;
	padding:3px 6px 3px 6px;
	margin-left:10px;
}
.more_tz a:hover {
	background:#339933;
	color:#ffffff;
	padding:3px 6px 3px 6px;
	margin-left:10px;
	text-decoration:none;
}

.tzmore {
	float:left;
	margin:0 0 0 328px;
	padding:0px;
	width:100px;
	height:24px;
	cursor:hand;
}
/*************************** QQ ***************************/

.qq{
	float:right;
	right:5px;
	top:150px;  
	width:100px;
	height:130px;
	position:fixed !important;
	position:absolute;
	z-index:100;
	top:expression(offsetParent.scrollTop+90);
	background:url(qq.gif);
}
.qq span {
	float:left;
	width:90px;
	height:28px;
	padding:5px;
	color:yellow;
	font-weight:bold;
	text-align:center;
}
.qq a {
	cursor:hand;
	text-decoration:none;
}
.q a {
	margin:5px;
	padding:6px;
}
.qq .gwc {
	width:70px;
	padding:28px 0 0 30px;
}

/************************* Footer *************************/
#footer { 
	clear: both; 
	color: #FFF; 
	background: #006600; 
	border-top: 5px solid #669933;
	margin: 0; padding: 10px; 
	height: 50px;	  
	font-size: 12px;
	line-height:180%;
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer .footer-left{
	float: left;
	width: 65%;
}
#footer .footer-right{
	float: right;
	width: 30%;
}
.art_line 
{
	display:block;
	width:175px;
	border-bottom:1px solid #cccccc;
	height:6px;
	float:left;
	margin-top:0px !important;
	margin-top:-14px;
}
.pro_class_tit {
	float:left;
	margin:0px;
	padding:4px 0 0 40px;
	width:158px;
	height:24px;
	font-size:14px;
	font-weight:bold;
	color:white;
	border:1px solid #009900;
	background:url(/case/images/fl_tit_bg.gif) #99CC33 no-repeat left;
}

.pro_class {
	float:left;
	margin:0px;
	padding:8px 0 0 0;
	width:198px;
	border-left:1px solid #009900;
	border-right:1px solid #009900;
	border-bottom:1px solid #009900;
	background:URL(/case/images/case_class_bg.jpg) #ccffcc no-repeat top;
}

.pro_class ul li {
	float:left;
	height:24px;
	margin:0px;
	padding:0px;
	list-style:none;
}

.pro_class .r{
	width:84px;
	float:left;
	margin:0px;
	padding:0 6px 0 0;
	text-align:right;
}
.pro_class .c {
	float:left;
}
.pro_class .l {
	width:84px;
	float:left;
	margin:0px;
	padding:0 0 0 6px;
	text-align:left;
}
.pro_class a {
	color:#006600;
}



#ad{width:410px;height:180px; background:url(/images/banner/1s.jpg);}
#ad li{display:none;}
#ad li.block{display:block;}
#ad img{ width:410px; height:180px; cursor:hand; cursor:pointer;}
#ad li{ position:absolute; left:0px;}
#ad img{display:block;}
#qhad{position:absolute; bottom:5px; right:200px;}
#qhad li{ font-weight:bold; float:left;  background:#ffffce; margin-left:4px;color:#39F;cursor:hand;cursor:pointer; display:block; width:15px; height:15px; text-align:center; line-height:15px; border:solid 1px #A4C240;}
#qhad li.active{background:#036800;color:#ffffff;}div.Links{ line-height:22px;border-top:solid 1px rgb(128,128,128); padding:10px 10px 10px 10px;color:#000000;}
div.Links a{ padding:0px 3px 0px 3px;color:#000000; }
div.Links a:hover{text-decoration:underline;}
div.Links span{}