@charset "utf-8";
/* CSS Document */

*	{ margin:0px auto; padding:0px;}

img	{ border:0px; padding:0px; margin:0px;}

body 
{ 
	
	font-family:"宋体"; 
	font-size:12px; color:#676767;
	background:#21793D url(../images/bg.jpg) repeat-x;
	
}
img	{ border:0px;}
a { color:#000; text-decoration:none;}


/*logo panel*/
#logo_panel	{ position:relative; width:1003px; height:90px; }
.logo_img	{ float:left; width:190px; height:69px; margin-top:10px;}
.logo_text	{ float:right; width:400px; height:26px; margin-top:50px;}

/*menu panel*/
#menu_panel	{ position:relative; width:1003px; height:40px; background:url(../images/bg_menu.jpg) repeat-x; overflow:hidden;}

.menu_out	{ float:left; width:143px; height:38px; background:url(../images/menu_out.jpg) no-repeat; text-align:center; }
.menu_hover	{ float:left; width:143px; height:38px; background:url(../images/menu_out1.jpg) no-repeat; text-align:center; }
.menu_now	{ float:left; width:143px; height:38px; background:url(../images/menu_now.jpg) no-repeat; text-align:center; }

/*index ad panel*/
#ad_panel	{ position:relative; width:1003px; height:331px; background:#efefef; z-index:1;}
.index_ad_line	{ position:relative; width:1003px; height:8px; background:url(../images/bg_index_ad_line.jpg) repeat-x; overflow:hidden;}
#index_text	{ position:relative; padding:1px; width:1001px; height:138px; background:#fff;}
.index_text_style	{ position:relative; left:27px; font-size:12px; line-height:13px; margin:0px; width:275px; height:62px; margin-top:40px; color:#3f3f3f; line-height:15px; }
.index_btn	{ position:relative; width:104px; height:25px; margin:0px; left:27px; margin-top:5px;}

/*footer*/
#foot_line	{ position:relative; width:1003px; height:8px; background:url(../images/foot_line.jpg) no-repeat; overflow:hidden;}
#foot	{ position:relative; width:1003px; height:50px; background:url(../images/bg_foot.jpg) repeat-x; font-family:Arial; font-size:11px; color:#f1f1f1; text-indent:255px; line-height:50px;}

/*----------------------------
  page content css start */
  
#content_panel	{  background:#fff url(../images/bg_content.jpg)  repeat-x; width:1003px; height:850px;  }
#content_panel2	{  background:#fff url(../images/bg_content.jpg)  repeat-x; width:1003px; height:850px;  }
#content_left_panel	{ float:left; width:202px; height:850px; background:#fff url(../images/bg_left_panel.jpg);}
#content_left_panel2	{ float:left; width:202px; height:888px; background:#fff url(../images/bg_left_panel.jpg);}
#content_left_panel23	{ float:left; margin-left:14px;width:202px; height:888px; background:#fff url(../images/bg_left_panel.jpg);}
.title_content { position:relative; margin-top:22px; left:19px; width:202px; height:29px;color:white;font-size:20px; }
.content_menu_hover { position:relative; margin-bottom:2px; width:192px; height:29px; line-height:29px;  text-indent:15px;  background:url(../images/content_title_hover.jpg) no-repeat;color:white;}
.content_menu_hover a{color:white;}
.content_menu_out { position:relative; margin-bottom:2px; width:192px; height:29px; line-height:29px; text-indent:15px; background:url(../images/content_title_out.jpg) no-repeat;color:#00616B;}
.content_menu_out a{color:#00616B;}

.content_menu_hover img { margin-left:1px; margin-top:9px;}
.content_menu_out img { margin-left:1px; margin-top:9px;}
#left_banner	{ position:relative; width:190px; height:173px;}
#left_banner	li { position:relative; width:190px; height:83px; margin-bottom:7px; list-style:none;}

#content_center_panel { float:left; width:7px; height:100%; background:url(../images/content_center.png) repeat-y; }

#content_right_panel	{ float:left; width:738px; height:auto; margin-left:24px;  }
.page_title	{ position:relative; width:738px; height:50px; line-height:50px; background:url(../images/bg_page_title.jpg) repeat-x; color:#05656f; font-size:20px; }
.page_ad	{ position:relative; width:738px; height:auto; display:none;}
.page_text	{ position:relative; width:738px; height:auto; color:#676767; line-height:18px;}

/*-------------------------------------
  our philosophy page css*/
#about_outp_panel 	{ position:relative; width:738px; height:387px; margin-top:20px;}
.outp_ad	{ float:left; width:364px; height:387px; display:none; display:none;}
.out_text	{ float:left; width:373px; height:387px;}
.about_ourp_bg1 { position:relative; width:373px; height:114px; background:url(../images/about_ourp_b1.jpg) repeat-x;}
.about_ourp_bg1_title	{ position:relative; width:324px; height:32px;}
.about_ourp_bg1_text	{ position:relative; width:318px; height:82px; line-height:16px; color:#0b6973;}
.about_ourp_bg2 { position:relative; width:373px; height:177px; background:url(../images/about_ourp_b2.jpg) repeat-x;}
.about_ourp_bg2_text	{ position:relative; width:324px; height:82px; line-height:11px; color:#0b6973;}

/*------------------------------------
 our product panel start*/
 .cate_product_list	{ position:relative; height:24px; width:192px; background:url(../images/bg_product_cate_line.png) no-repeat; text-indent:15px; line-height:22px; color:#fff; }
#next_img	{ position:absolute; width:10px; height:24px;  margin:255px 0px 0px 742px; z-index:99; background:url(../images/right_arrow.jpg); cursor:pointer;}
#prev_img	{ position:absolute; width:10px; height:24px;  margin:255px 0px 0px -15px; z-index:99; background:url(../images/left_arrow.jpg); cursor:pointer;}
.next_img	{ position:absolute; width:10px; height:24px;  margin:255px 0px 0px 742px; z-index:99; background:url(../images/right_arrow.jpg); cursor:pointer;}
.prev_img	{ position:absolute; width:10px; height:24px;  margin:255px 0px 0px -15px; z-index:99; background:url(../images/left_arrow.jpg); cursor:pointer;}
.next_img_h	{ position:absolute; width:10px; height:24px;  margin:255px 0px 0px 742px; z-index:99; background:url(../images/right_arrow_h.jpg); cursor:pointer;}
.prev_img_h	{ position:absolute; width:10px; height:24px;  margin:255px 0px 0px -15px; z-index:99; background:url(../images/left_arrow_h.jpg); cursor:pointer;}

.product_panel { position:relative; width:940px; height:420px;}
.product_panel ul li { position:relative; width:738px; height:410px;}
.product_total { position:absolute; z-index:10; width:226px; height:30px;  margin:16px 0px 0px 517px; line-height:30px; }

.p_prev_img	{ cursor:pointer;}
.p_next_img	{ cursor:pointer;}


.product_list_item { float:left; margin-top:22px; width:173px; margin-left:5px; height:182px; background:url(../images/bg_product_list_panel.png) no-repeat; }

.img_panel_list	{ position:relative; margin:0px; margin-left:1px; margin-top:1px; width:164px; height:138px; }
.img_panel_title { position:relative; line-height:25px; width:150px; height:36px;}

.product_img	{ position:relative; width:212px; height:141px;}
.details_item	{ position:relative; width:327px; height:442px; background:#ccc; display:none; top:0px; z-index:99998;}


/*news panel*/

#news_title { position:relative; width:934px; height:50px; line-height:50px; color:#05656f; font-size:20px; background:url(../images/bg_page_title.jpg) repeat-x;}

#news_silder_panel	{ position:relative; width:934px; height:auto; overflow:hidden;}
.newslit_silder_panel { position:relative; width:934px; height:280px; margin-top:60px;}

#news_prev	{ float:left; width:80px; height:80px; margin-top:120px;}
#news_next	{ float:left; width:80px; height:80px; margin-top:120px;}
.news_prev	{ float:left; width:80px; height:80px; background:url(../images/left_arrow.jpg) no-repeat; cursor:pointer;}
.news_next	{ float:left; width:80px; height:80px; background:url(../images/right_arrow.jpg) no-repeat right; cursor:pointer;}

.news_prev_h	{ float:left; width:80px; height:80px; background:url(../images/left_arrow_h.jpg) no-repeat; cursor:pointer;}
.news_next_h	{ float:left; width:80px; height:80px; background:url(../images/right_arrow_h.jpg) no-repeat right; cursor:pointer;}

.news_list_panel	{ float:left; width:773px; height:270px; }
.news_list_panel li { float:left; width:228px; height:273px;  margin-right:15px; margin-left:15px;}

.news1_bg	{ position:relative; width:228px; height:273px; background:url(../images/news1_bg.png) no-repeat;}

.news2_bg	{ position:relative; width:221px; height:273px; background:url(../images/news2_bg.png) no-repeat;}

.news_img	{ position:relative; margin:0px; width:220px; padding:1px; height:138px; background:#ccc }
.news_text	{ position:relative; width:205px; height:30px; margin-top:10px; color:#fff }
.news_btn	{ position:relative; width:900px; height:30px; margin-left:130px; _left:14px; margin-top:10px; }


/*update news */
#update_news_panel	{ position:relative; margin:0px; width:678px; height:108px;  border-bottom:1px #333 dotted; margin-bottom:15px;}

.update_news_img	{ float:left; width:178px; height:82px; margin-right:34px; }

.updatge_news_text	{ float:left; width:458px; height:104px;}

.news_page_offet	{ position:absolute; width:100px; height:25px; margin:20px 0px 0px 670px; z-index:100;}
.news_page_offet	a { cursor:pointer;}
.news_page_left	{ float:left; width:10px; height:12px; margin-top:5px; background:url(../images/news_page_left.jpg) no-repeat;}
.news_page_left_hover	{ float:left; width:10px; height:12px; margin-top:5px; background:url(../images/news_page_left_hover.jpg) no-repeat;}

.news_page_right	{ float:left; width:10px; height:12px; margin-top:5px; background:url(../images/news_page_right.jpg) no-repeat;}
.news_page_right_hover	{ float:left; width:10px; height:12px; margin-top:5px; background:url(../images/news_page_right_hover.jpg) no-repeat;}

.news_page_number	{ float:left; width:50px; height:20px; line-height:20px; text-align:center; }



.carr_page_left	{ float:left; width:13px; height:14px; margin-top:5px; background:url(../images/carr_left_now.jpg) no-repeat;}
.carr_page_left_hover	{ float:left; width:13px; height:14px; margin-top:5px; background:url(../images/carr_left_hover.jpg) no-repeat;}

.carr_page_right	{ float:left; width:13px; height:14px; margin-top:5px; background:url(../images/carr_right_now.jpg) no-repeat;}
.carr_page_right_hover	{ float:left; width:13px; height:14px; margin-top:5px; background:url(../images/carr_right_hover.jpg) no-repeat;}

/*super box*/
/*full screen style*/
.full_screen
{
	position:absolute;
	background:#2E2E2E; display:none; z-index:9998; 
	-moz-opacity:.8;
	filter:alpha(opacity=80);
	opacity:.8;
}

.panel { float:left; width:200px; height:120px; margin-left:10px; }

/*message box style*/
.msg_box
{
	position:absolute; z-index:9998;
	width:390px; height:482px;
	background:#F2F2F2; display:none;
}

.msg_box_title
{
	position:relative; margin:0px auto;
	width:390px; height:26px;
	text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

.msg_title
{
   position:relative; margin:0px auto; 
   width:390px; height:30px; margin-bottom:10px;
}

.msg_content
{
   position:relative; margin:0px auto; padding:0px; 
   width:330px; height:442px;
}

.msg_content p { background:'';}

#colse_msg_box	
{
  cursor:pointer; margin-right:5px; margin-top:4px; width:10px; height:10px;
}

#scroll-pane 
{ 
	width: 390px; height: 330px; 
	_height:320px; 
	overflow: auto; 
	position:relative; 
}

.carouse1_margin	
{ 
	margin-left:3px;
}


/*ad list*/
.ad_list	{position:relative; width:1003px; height:331px; display:none; background:#efefef; z-index:12px;}



/*--Paging Styles--*/
.paging 
{
	position: absolute; margin:0px 0px 0px 0px;  z-index: 100; margin-top:300px; margin-left:15px;
	width:203px; height:24px; line-height:24px; 
	background:url(../images/bg_ad_number.png) no-repeat;
}
.paging  a {  float:left; width:18px; height:16px; color:#000; font-family:"Palatino"; text-align:center; line-height:16px; margin-left:5px; }

.paging a:hover {float:left; background:url(../images/number_active.png) no-repeat; width:18px; height:16px; color:#fff; font-family:"Palatino"; text-align:center; line-height:16px;}


.active	{ float:left; background:url(../images/number_basic.png) no-repeat; width:18px; height:16px; color:#fff; font-family:"Palatino"; text-align:center; line-height:16px; margin-left:5px;}


.number_basic	{ float:left; background:url(../images/number_basic.png) no-repeat; width:18px; height:16px; color:#000; font-family:"Palatino"; text-align:center; line-height:16px;}

.ad_stop	{ float:left; background:url(../images/stop.png) no-repeat; width:18px; height:16px; cursor:pointer; }

.ad_start	{ float:left; background:url(../images/ad_start.png) no-repeat; width:18px; height:16px; cursor:pointer; }

.ad_num_panel	{ float:left; width:95px; height:16px;  margin-left:2px; margin-top:4px; }


#ad_contorl_panel	{ float:left; width:18px; height:16px; margin-top:4px;}

/*--------------------------------------------------------------------------------------
 tips panel*/
 .tips_panel	{ position:absolute; margin:145px 0px 0px 734px; width:264px; height:188px; background:url(../images/bg_tips_panel.png) no-repeat; z-index:100;}
 .tips_close	{ position:relative; width:225px; height:40px; top:3px; background:url(../images/bg_tips_close.png) no-repeat right; cursor:pointer;}
 
 
 .tips_text_panel	{ position:relative; width:232px; height:66px; font-family:Arial; font-size:12px; color:#fff;}
 .tips_title	{ font-size:13px; color:#fff; height:28px; line-height:28px; font-weight:bold;}
 .tips_content	{ font-size:11px; line-height:13px; width:210px; margin:0px; line-height:15px;}
 .tips_text_list { position:relative; width:232px; height:66px; font-family:Arial; font-size:12px; color:#fff; display:none;}
 .tips_btn	{ position:absolute; margin:285px 0px 0px 742px; width:255px; height:60px; z-index:1000; display:none; background:url(../images/tips_open.png) no-repeat; cursor:pointer; }
 
/*---------------------------------------------------------------------------------------
 organic*/
 .organic_title	{ position:relative; width:734px; height:51px; margin:0px;}
 .organic_content	{ position:relative; width:734px; height:351px; margin:0px; background:url(../images/organic_tag_content.jpg) no-repeat; }
 
/*---------------------------------------------------------------------------------------
 slider_panel*/
 #slider_panel	{ position:relative; width:734px; height:349px; top:64px;}
 
 #slider_prev_arrow	{ float:left; width:10px; height:100px; margin-top:110px; cursor:pointer; }
 
 #slider_next_arrow	{ float:left; width:10px; height:100px;  margin-top:110px; cursor:pointer; }
 
 #slider_list_panel	{ float:left; width:710px; height:273px; }
 
 #slider_list_panel_item_panel	{ position:relative; width:710px; height:273px; margin:0px; overflow:hidden;}
 
 #slider_list_panel_item_panel li	{ float:left; list-style:none; width:198px; height:273px; margin-left:15px; margin-right:19px; cursor:pointer;  }
 .recipes_details	{ background:url(../images/bg_recipes.png) no-repeat; overflow:hidden; width:192px; height:229px; }
 .li_hover	{ background:url(../images/li_hover.png);  overflow:hidden; width:192px; height:229px;}

 .prev	{ background:url(../images/left_arrow.jpg) no-repeat;}
 .next	{ background:url(../images/right_arrow.jpg) no-repeat;  }
 .prev_h	{ background:url(../images/left_arrow_h.jpg) no-repeat;}
 .next_h	{ background:url(../images/right_arrow_h.jpg) no-repeat;}
 
 .down_list	{ float:left; width:160px; height:20px; margin-right:10px; margin-left:10px; line-height:20px; margin-bottom:20px; }
 /*-----------------------------------------------------------------------------------------------
 retail coverage*/
 .retail_coverage { position:relative; width:738px; height:192px; overflow:hidden; }
 #retail_center	{ float:left; width:710px; height:273px; margin-top:30px;}
 
 #retail_center_item_panel	{ position:relative; width:710px; height:273px; margin:0px; overflow:hidden;}
 
 #retail_center_item_panel li	{ float:left; list-style:none; width:198px; height:164px;  margin-left:15px; margin-right:19px; border-right:1px #4e9198 dotted; }
  
 .address_title	{  width:198px; height:20px; font-size:15px; font-weight:bold; margin-bottom:15px; line-height:20px; color:#44969e;}
 .address_shop	{  width:198px; height:22px; line-height:22px; color:#676767; }
 
 /*-------------------------------------------------------------------------------------------------
 search from*/
 .from_carrers_input	{ width:155px; height:20px; background:url(../images/carrer_from.jpg) no-repeat; border:0px; font-size:12px; color:#666; }
 
 .carrers_line	{ float:left; width:223px; height:26px; border-top:1px #fff solid; border-right:1px #fff solid; background:#dfeff2; line-height:26px; text-align:center; }
 .carrers_line2	{ float:left; width:267px; height:26px; border-top:1px #fff solid; border-right:1px #fff solid; background:#dfeff2; line-height:26px; text-align:center; }
 .carrers_line3	{ float:left; width:246px; height:26px; border-top:1px #fff solid;  background:#dfeff2; line-height:26px; text-align:center; }
 
 .careers_ditalis	{ position:relative; width:450px; height:380px; display:none;}

 .question_panel	{ position:relative; width:738px; height:70px; border-bottom:1px #00616b dashed;  margin-top:30px; }
 
 /*company tab*/
.tab_company_panel	{ position:relative; width:738px; height:46px; }
.tab_company_panel li	{float:left; width:102px; height:33px; line-height:28px; text-align:center; list-style:none; cursor:pointer; }
.tab_company_text	{ position:relative; margin:0px; width:488px; padding:10px; height:110px; overflow:hidden; }

.hover_menu	{  font-size:14px; color:#007783; font-weight:bold; background:url(../images/tag_about_no.jpg) no-repeat;}
.hover_menu_now	{  font-size:14px; color:#fff; font-weight:bold; background:url(../images/tag_about.jpg) no-repeat;}

.q1 { position:relative; width:488px; height:120px; display:none; line-height:18px;}

.server_panel	{ position:relative;width:738 px; margin:0px; margin-top:19px; height:375px;}
.server_panel_bg	{ position:relative; width:738px; height:349px; background:url(../images/bg_server.jpg) no-repeat;}
.server_content_box	{ position:relative; width:690px; height:337px; padding-top:12px; margin-left:44px; }
 
.jumpmenu	{ width:144px; height:19px; border:0px; font-size:12px; }
.inputclass	{ width:124px; height:20px; line-height:20px; background:url(../images/input_img.jpg) no-repeat; border:0px; color:#676767;}

/*last from*/
.product_panel_slider	{ float:left; width:800px; height:103px;}
.product_panel_slider	ul li	{ float:left; width:104px; height:103px; margin-right:20px; background:url(../images/dproduct.jpg) no-repeat; list-style:none;}

.prodcut_itme_list	{ position:relative; width:623px; height:290px; overflow:hidden;}

.prodcut_bg_img	{ 
	position:relative; width:623px; padding:2px; 
	height:290px; margin-top:10px; margin-bottom:5px; 
	background:url(../images/bg_product_list.jpg) repeat-x;
}

.prodcut_all_slider { position:relative; width:820px; padding:0px; margin:0px; margin-top:20px; margin-left:80px;_margin-left:78px; height:103px;  overflow:hidden;}
.product_bg_imgs	{ float:left; width:326px; height:290px; margin-right:15px;}
.product_bg_imgs_text	{ float:left; width:275px;  height:290px; background-color:''; }
.p_text_title	{ position:relative; width:275px; padding-top:10px; font-size:20px; color:#05656f; font-weight:bold; margin:0px; height:30px;}
.p_text_content	{ position:relative; width:275px; margin:0px; height:60px; color:#686868; background-color:''; line-height:20px;}

.prodcut_th_s	{ position:relative; margin:0px; width:88px; height:83px;}
.product_th_t	{ padding:inherit; margin:0px; width:88px; height:15px;}
.prev_imgs	{ float:left; width:12px; margin-right:20px; height:95px; cursor:pointer;}
.next_imgs { float:left; width:12px; height:95px; cursor:pointer;}
.dangjs	{ position:absolute; margin:45px 0px 0px 58px; width:100px; height:100px; background:url(../images/dangj_s.gif) no-repeat;}
.dangjd	{ position:absolute; margin:212px 0px 0px 260px; width:65px; height:63px; background:url(../images/dangj_d.gif) no-repeat;}

.dangjd	{ position:absolute; margin:158px 0px 0px 266px; width:65px; height:63px; background:url(../images/dangj_d.gif) no-repeat;}

.dangjs2	{ position:absolute; margin:108px 0px 0px 134px; width:100px; height:100px; background:url(../images/dangj_s.gif) no-repeat;}

.show_big	{ cursor:pointer;}
/*qa*/
.qa_panel	{ float:left; width:666px; height:266px; margin-left:35px; _margin-left:18px; margin-top:30px; line-height:18px; overflow:hidden;}
.qa_list	{ position:relative; width:666px; height:30px; line-height:30px; text-indent:15px;}
.qa_list a:link	{ color:#333333;}
.qa_list a:hover	{ color:#6F6F6F;}

.details_panel	{ position:relative; width:666px; height:100px;}


/*产品分类列表*/
.pcate_menu	{ position:relative; width:192px; height:20px; font-size:12px; color:#fff; text-indent:15px;  line-height:18px; }

.pcate_menu a:link,.pcate_menu a:visited{ font-size:12px; color:#fff; text-indent:15px; }
.pcate_menu a:hover { font-size:12px; color:#fff; text-indent:15px; text-decoration:underline;}

.pcate_menu_now	{ position:relative; width:192px; height:20px; background:url(../images/cate_now.jpg) no-repeat; font-size:12px; color:#fff; text-indent:15px;  line-height:18px;}

.pcate_menu_now a:link,.pcate_menu_now a:visited { font-size:12px; color:#fff; text-indent:15px; }

.pcate_menu_now a:hover { font-size:12px; color:#fff; text-indent:15px; text-decoration:underline;}

/*产品滑动框*/
.product_slider_list	{ position:relative; width:768px;  top:10px; overflow:hidden; }

.product_slider_list	li	{ float:left; width:768px; height:400px; list-style:none;}

.product_item	{ float:left; width:207px;  padding:1px;  margin-right:13px;margin-left:30px;  }

.product_item	a {  color:#6f6f6f;}

.list_page{
	margin-top:10px;
}

.list_page li{
	list-style-type:none;
	float:left;
	margin-right:8px;
}