@charset "utf-8";
/* CSS Document */

html {
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

body {
	font-family:"宋体",Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin:0px auto;
	padding:0px 0px;
	background:url(../img/bigbj.gif);
	color: #004120;
	float:none;
}
a:link {
	color:#004120;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#004120;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color:#004120;
}
ul{
	margin:0px auto;
	padding:0px 0px;
	list-style-type:none;
}
li {
margin:0px auto;}
div {
	padding:0px 0px 0px 0px;
	margin:0px auto;
}
#container {
	width:960px;
	margin:0px auto;
	background:#fff;
	background:url(../img/bjline.gif) repeat-y;
}
.pg_flash {
	margin:20px auto 0px;
	padding:0px 0px;
	height:443px;
	width:686px;
}
#pg_main {
	width:686px;
}
.pg_bg{
	width:686px;
	margin:0px auto;
	margin-bottom:5px;
}
.pg_text {
	margin:0px auto;
	padding:0px 0px;
	width:450px;
	overflow:hidden;
	text-align:center;
}
.pg_text ul{
	margin:0px auto;
}
.pg_text li {
	text-align:center;
	width:101px;
	float:left;
	margin:5px 20px 20px 20px;
}
.pg_text1 {
	line-height:25px;
	margin:10px 0px 0px 0px;
	text-align:center;
}
#header {
	background:#F5FDF5;
	margin:0px auto;
	height:54px;
	width:902px;
}
#header_top {
}
.header_logo {
	float:left;
	width:204px;
	margin:0px auto;
	overflow:hidden;
}
.header_right {
	float:right;
	font-weight:bold;
	margin:15px 80px 0px 0px;
	overflow:hidden;
	padding:0px 0px;
}
.header_flash {
	width:902px;
	background:#F5FDF5;
	margin:0px auto;
	clear:both;
	padding:0px 0px;
}
#pagebody {
	width:902px;
	margin:0px auto;
	clear:both;
	overflow:hidden;
	background:url(../img/bglink.jpg) repeat-x #fff;
}
.pag_menu {
	background:url(../img/menu.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:50px 0px 0px 0px;
	margin:0px auto;
	height:130px;
}
.leftcon{
	margin:0px auto;
}
.leftcon ul{
	list-style-type:none;
	margin:0px 0px;
	float:left;
}
.leftcon li{ 
	text-align:left;
	float:left;
	margin:0px 0px;
	width:auto;
}
.size01{
padding:0px 0px 0px 22px;
margin:0px auto;
overflow:hidden;
}
.size02{
padding:0px 0px 0px 10px;
margin:0px auto;
overflow:hidden;
}
.size03{
padding:0px 0px 0px 2px;
margin:0px auto;
overflow:hidden;
}
.size04{
padding:15px 6px 0px 18px;
text-align:center;
margin:0px auto;
overflow:hidden;
}
#main {
	margin:10px 5px;
	width:892px;
}
.main_top {
	margin:0px auto;
}
.top_left {
	width:529px;
	float:left;
	margin:0px 20px 0px 0px;
}
.top_link {
	background:url(../img/link.gif) repeat-x;
	height:28px;
	text-align:center;
}
.top_right {
	width:343px;
	float:right;
	overflow:hidden;
	margin:0px auto;
	clear:both;
}
.top01 {
	background:url(../img/fontbjdt.gif) repeat-y;
	width:343px;
	margin:0px auto;
	padding:0px 0px;
}
.right h2{
	padding-left:68px;
	line-height:28px;
	height:28px;
	text-align:left;
	background:url(../img/link.gif) repeat-x;
	margin:0px 0px 0px 4px;
}
.right h3{
	line-height:15px;
	height:15px;
	text-align:right;
	background:url(../img/link2.gif) no-repeat;
	margin:10px 0px 0px 0px;
}
.fontbg{
	padding-left:65px;
	text-align:left;
	background:url(../img/link01.gif) repeat-x;
	background-position:left center;
	margin:10px 0px 0px 4px;
}
.pic01 {
	background:url(../img/fontr.jpg) top right;
	background-repeat:no-repeat;
}
.pic02 {
	background:url(../img/fontl.jpg) bottom left;
	background-repeat:no-repeat;
}
.pic03 {
	background:url(../img/fontc.jpg) bottom right;
	background-repeat:no-repeat;
}
.linkbg {
	background-image:url(../img/link1.gif);
	background-position:top;
	overflow:hidden;
	background-repeat:repeat-x;
	margin:5px 0px 10px 0px;
	height:25px;
}
.right_new {
	margin:7px 4px 0px 4px;
	overflow:hidden;
	color:#000;
}
.right_new ul {
	margin:0px 0px 0px 10px;
}
.right_new li {
	font-size:12px;
	height:24px;
	line-height:24px;
	text-align:left;
}
.main_pic {
	width:902px;
	clear:both;
	zoom:1;
		background:url(../img/picgg.jpg) no-repeat;
	padding:20px 20px;
}
.main_middle {
	width:892px;
	clear:both;
	margin:10px 5px 0px 5px;
}
.middle_left{
	width:415px;
	float:left;
	margin:5px 5px 0px 0px;
}
.middle_right{
	width:472px;
	float:right;
	margin:0px auto;
	height:151px;
	background:url(../img/fontbg04.jpg) no-repeat;
}
.middle_right ul{
	margin:0px 0px;
}
.middle_right li{
	width:137px;
	float:left;
	padding:20px 10px;
	overflow:hidden;
}
.middle_abc {
	margin:0px 0px 0px 0px;
	width:254px;
}
.middle_abc UL {
	padding-top:3px;
	margin:0px 0px 0px 0px;
}
.middle_abc UL LI {
	float:left;
	margin:8px 0px 5px 20px;
	overflow:hidden;
	width:100px;
	display:inline;
	font-size:16px;
	font-weight:bold;
	white-space:nowrap;
	height:35px;
	line-height:35px;
	text-align:left;
	TEXT-OVERFLOW: ellipsis;
	background:url(../img/link6.gif) no-repeat bottom;
}
.main_bottom {
	width:902px;
	background:#fff;
}
#links{
	padding:0px 5px;
}
#links ul{
	padding-top:3px;
	margin:0px 0px 0px 0px;
}
#links li{
	float:left;
	margin:8px 0px 5px 6px;
	overflow:hidden;
	width:172px;
	white-space:nowrap;
	height:61px;
	text-align:center;
	TEXT-OVERFLOW: ellipsis;
	background:url(../img/picbj.gif) no-repeat;
	display:inline;
}
#links ul li img {
	width:165px;
	height:54px;
	margin-top:3px;
	margin-right:1px;
}
.link{
width:auto;
margin:0px 8px 0px 2px;
float:left;
line-height:20px;
font-weight:bold;
display:inline;
}
.link_text{
margin:10px 8px 0px 50px;
clear:both;
}
.link_text a{
color:#004120;
font-weight:normal;
}
#footer {
	width:902px;
	height:93px;
	clear:both;
	background-color:#F2F8F2;
}
.footer_left{
	width:108px;
	float:left;
	margin:0px auto;
	}
.footer_right{
	width:784px;
	text-align:left;
	line-height:20px;
	font-weight:bold;
	padding:0px 0px;
	float:right;
	margin:18px 0px 0px 10px;
}
/*about*/
#sideleft {
	width:214px;
	float:left;
	margin:0px 10px 0px 0px;
	background:url(../img/daoh2.gif) repeat-y;
}
.left_list {
	border-bottom-style:none; 
	border-top-style:none;
	overflow:hidden;
}
.left_list h4 {
	background:url(../img/about1.gif) no-repeat;
	line-height:73px;
	height:73px;
	text-align:center;
	color:#fff;
	font-size:16px;
	margin:0px 0px 0px 0px;
}
.left_list ul {
	list-style-type:none; 
	margin-left:0px;
}
.left_list li {
	text-align:center;
	height:32px;
	line-height:32px;
	font-weight:bold;
	background:url(../img/daoh.gif) no-repeat;
}
.left_list ul li a:hover{ /*hover state CSS*/
color: #fff;
}
.left_list .pic1 {
	background:url(../img/daoh3.gif);
	height:55px;
}
.left_list_bg {
	background:url(../img/daoh2.gif) repeat-y;
}
.left_list_pic {
background:url(../img/tea.jpg) no-repeat bottom;
height:347px;
margin-bottom:5px;
}
.left_list_pic1 {
background:url(../img/tea.jpg) no-repeat bottom;
height:180px;
margin-bottom:5px;
}
#sideright {
	width:666px;
	float:right;
	margin-right:2px;
	background:url(../img/linkbg04.gif);
}
.sidebg {
	background:url(../img/bgt.gif) no-repeat;
}
.right_title {
}
.right_bg {
	background:url(../img/link3.gif) repeat-x top;
	padding-left:75px;
	margin:0px auto;
	height:19px;
}
.right_bg h1 {
	width:auto;
	height:19px;
	font-family:"黑体";
	line-height:19px;
	background:#fff;
	text-align:center;
	font-size:20px;
	font-weight:normal;
	padding:2px 6px 0px 8px;
	margin:0px 0px;
	float:left;
}
.right_news {
	color:#005924;
	line-height:25px;
	text-indent:20px;
	text-align:left;
	padding:30px 60px;
}
/*news*/
.time {
	font-weight:normal;
	text-align:center;
	line-height:25px;
	border-bottom:dotted 1px #005924;
}
.news_list {
	margin:10px auto;
	width:600px;
	text-align:center;
}
.news_list UL {
	margin:10px 0px 0px 0px;
}
.news_list UL LI {
	background:url(../img/daoh4.gif) repeat-x bottom;
	margin-bottom:5px;
	line-height:25px;
	text-align:left;
	font-size:12px;
}
.news_bottom {
}
.news_title {
	font-size:150%;
	font-weight:bold;
	text-align:center;
}
.news_main{
	text-align:left;
	text-indent:20px;
	line-height:20px;
	margin:10px 0px 0px 0px;
	
}
/*product*/
.product_abc {
	margin:0px 0px 0px 0px;
}
.product_abc UL {
	padding-top:3px;
	margin:10px 0px 0px 10px;
}
.product_abc UL LI {
	float:left;
	margin:2px 10px 1px 12px;
	overflow:hidden;
	padding:0px 0px;
	width:212px;
	white-space:nowrap;
	height:178px;
	text-align:center;
	TEXT-OVERFLOW: ellipsis;
	background:url(../img/picbg.jpg) no-repeat;
}
.product_abc UL LI IMG {
	height:130px;
	width:196px;
	margin-top:9px;
}
.product_abc H6 {
	PADDING-LEFT: 20px; 
	FONT-SIZE: 13px; 
	LINE-HEIGHT: 20px; 
	HEIGHT: 20px;
	text-align:left;
	margin:2px 0px 0px 65px;
}
.product_list{
	margin:10px 8px 1px 8px;
	overflow:hidden;
	padding:0px 0px;
	width:205px;
	height:143px;
	text-align:center;
	background:url(../img/picbg.jpg) no-repeat;
}
.product_list IMG {
	margin-top:9px;
	width:187px;
	height:125px;
}
.product_font {
	font-weight:bold; 
	font-family:13px;
	margin:4px 0px 0px 4px;
}
/*product00*/
.imgArea {
	padding:10px 0px 0px 0px;
	text-align:center;
	width:626px;
}
.imgArea_1 {
	FLOAT: left; 
	margin-top:5px;
	width:354px;
}
.imgArea_1 IMG {
		border:#005924 1px solid;
		margin-bottom:4px;
}
.textArea {
	text-align:left;
	float:right;
	width:250px;
	line-height:20px;
	padding:5px 0px 0px 20px;
	font-weight:normal;
}
.arrowlistmenu{
/*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 13px Arial;
padding:0px 0px 0px 70px;
text-align:left;
background-image:url(../img/daoh.gif);
text-transform: uppercase;
cursor: pointer;
height:32px;
line-height:32px;
margin:0px auto;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image:url(../img/daoh.gif);
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin:0px 0px;
}
.arrowlistmenu ul li{
margin:0px 0px;
}
.arrowlistmenu ul li a{
display: block;
color: #A70303;
padding-left:80px; /*link text is indented 19px*/
text-align:left;
background-image:url(../img/daoh.gif);
height:32px;
line-height:32px;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
background-image:url(../img/daoh.gif);
text-transform: uppercase;
height:32px;

line-height:32px;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #fff;
background-image:url(../img/daoh.gif);
text-transform: uppercase;
height:32px;
line-height:32px;
}
#pic1 {
	background-image:url(../img/daoh7.gif);
	height:30px;
	line-height:30px;
	margin:0px auto;
	padding:0px 0px 0px 70px;
}
/*lotos*/
.lotos_news{
	padding:10px 20px;
	text-align:left;
	text-indent:20px;
	line-height:20px;
}
/*order*/
.order {
	padding:10px 20px;
	font-weight:bold;
	color:#00893F;
}
.input {
	background:#F2F8F2;
	width:250px;
	height:15px;
	border:1px solid #F2F8F2;
}
.input01 {
	background:#F2F8F2;
	height:15px;
	width:80px;
	margin-left:4px;
	border:1px solid #00893F;
}
.input00 {
	background:#F2F8F2;
	height:15px;
	width:50px;
	margin-left:4px;
	border:1px solid #00893F;
}
.select {
	border:1px solid #F2F8F2;
	width:150px;
	height:15px;
	background:#F2F8F2;
	}
.input1 {
	background:#00893F;
	border:1px solid #00893F;
	color:#fff;
	font-weight:bold;
}
.input2 {
	background:#F2F8F2;
	width:345px;
	height:15px;
	margin-left:4px;
	border:1px solid #00893F;
}
.input3 {
	background:#F2F8F2;
	width:100px;
	height:15px;
	margin-left:4px;
	border:1px solid #00893F;
}
.input4 {
	background:#F2F8F2;
	width:150px;
	height:15px;
	margin-left:4px;
	border:1px solid #00893F;
}
.input5 {
	background:#F2F8F2;
	width:345px;
	height:100px;
	margin-left:4px;
	border:1px solid #00893F;
}
.search_select {
	width: 130px;
	height:20px;
	margin: -1px;
	color:#00893F;
	border: 0px solid #B5B8C8;
	font-size: 12px;
	background: #F2F8F2;
	 }
.search_s {
	 width: 129px;
	 height:18px;
	 float:left;
	 margin: 0px 0 0 0px;
	 overflow: hidden;
	 border: 1px solid #00893F;
	 background: #F2F8F2;
	 }
.search_s1 {
	 width: 129px;
	 height:18px;
	 float:left;
	 margin: 0;
	 overflow: hidden;
	 background: #F2F8F2;
	 }
.sendtable_03{
	border-collapse:collapse;
	margin:5px 0px 5px 0px;
}
/*recruitment*/
.recruitment {
	margin:20px 40px 10px;
	text-align:left;
}
.recruitment h1{
font-size:13px;
font-weight:bold;
margin:5px 0px 10px 0px;
text-align:left;
}
.recruitment UL {
	margin:10px 0px 0px 0px;
}
.recruitment UL LI {
	background:url(../img/daoh4.gif) repeat-x bottom;
	margin-bottom:5px;
	line-height:20px;
	text-align:left;
	font-size:12px;
}
/*contact*/
.recruitment h2 {
	font-size:18px;
	font-weight:bold;
	margin:10px 0px 20px 0px;
}
.contact_title {
	font-size:16px;
	line-height:25px;
	font-weight:bold;
}
.contact_title1 {
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	margin:20px  auto;
}
.contact_title3 {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin:20px  auto;
}
/*entiromen*/
.entironment {
	margin:0px 0px 0px 0px;
}
.entironment UL {
	padding-top:3px;
	margin:10px 0px 0px 5px;
}
.entironment UL LI {
	float:left;
	margin:2px 5px 1px 5px;
	overflow:hidden;
	padding:0px 0px;
	width:210px;
	white-space:nowrap;
	height:170px;
	text-align:center;
}
.entironment UL LI IMG {
	height:166px;
	width:210px;
	margin-top:9px;
}
/*cybermarketing*/
.cyb_title{
	line-height:20px;
	margin:20px  auto;
	text-align:left;
}
/*picgd*/
.blk_18 {
	overflow:hidden;
	width:784px;
	zoom:1
}
.blk_18 .pcont {
	width:724px;
	float:left;
	margin:0px 5px;
	overflow:hidden;
}
.blk_18 .ScrCont {
	width:32766px;
	zoom:1;
}
.ScrCont img{
margin:0px 0px 6px 0px;
}
.blk_18 #List1_1 {
	float:left;
	margin:0px 0px;
}
.blk_18 #List2_1 {
	float:left;
	margin:0px 0px;
}
.blk_18 .LeftBotton {
	background-image:url(../img/nav.gif);
	background-repeat:no-repea;
	background-position:-1px 0px;
	float:left;
	width:20px;
	height:20px;
	margin:75px 0px 0px 0px;
}
.blk_18 .RightBotton {
background-image:url(../img/nav0.gif);
background-repeat:no-repeat;
background-position:3px 0px;
	float:left;
	width:20px;
	height:20px;
	margin:75px 0px 0px 0px;

}
.blk_18 .LeftBotton:hover {
	background-image:url(../img/nav.gif);
	background-repeat:no-repea;
	background-position:-1px 0px;
	float:left;
	width:20px;
	height:20px;
	margin:75px 0px 0px 0px;

}
.blk_18 .RightBotton:hover {
background-image:url(../img/nav0.gif);
background-repeat:no-repeat;
background-position:3px 0px;
	float:left;
	width:20px;
	height:20px;
	margin:75px 0px 0px 0px;

}
.blk_18 .pl IMG {
	display:block;
	margin:35px 0px;
	cursor:pointer;
}
.blk_18 .pl {
	width:180px;
	float:left;
	padding:0px 5px;
	text-decoration:underline;
}
/* easy clearing */
#sideleft, #sideright
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#sideleft, #sideright
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#sideleft:before, #sideright:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/**/