/* CSS Document */
*{ margin:0px; padding:0px; outline:0; list-style-type:none; text-decoration:none;}

body, html{  height:100%; width:100%;}

.clear { clear:both;}

.borders { border:1px solid #d1d1d1;}

.borders1 { border:1px solid #b8b8b8;}

.prompt {
	font-size:20px;
	font-weight:bold;
	font-family:"΢ÈíÑźÚ";
	color:#ff0000; 
	text-align:center;
	letter-spacing:3px;
	margin-top:15px;}
	
/************   Index   **************/
#headerBg {
	width:100%;
	background:url(../images/headerBg.jpg) repeat-x;}
	
.headerTop {
	width:998px;
	height:28px;
	margin:0 auto;
	margin-bottom:1px;}
	
.Logo {
	background:url(../images/Logo.jpg) no-repeat;
	width:998px;
	height:101px;
	margin:0 auto;}
	

#nav {
	width:1000px;
	height:43px;
	margin:5px auto;
	overflow:hidden;} 

#nav ul {
	margin:0 auto;
	width:1010px;}

#nav ul li {
	background:url(../images/navBg.jpg) repeat-x;
	width:120px;
	height:43px;
	line-height:43px;
	float:left;
	margin:0 6px 0 0;}
	
#nav ul a {
	color:#fff;
	display:block;
	width:120px;
	height:43px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	font-family:"΢ÈíÒ¹ºÚ";
	float:left;
	letter-spacing:2px;}
	
#nav ul a:hover ,#nav ul .nav_Hover{
	background:url(../images/navBg_Hover.jpg) repeat-x;
	color:#fff;}
	
.picSlide {
	width:988px;
	height:315px;
	margin:0 auto;
	margin-top:5px;}


#bodyPan {
	width:998px;
	margin:0 auto;
	margin-top:13px;}
	
.inLeftPan {
	width:685px;
	float:left;
	overflow:hidden;}

.inRightPan {
	float:right;
	width:300px;
	overflow:hidden;}

.left {float:left;}
	
	
.right {float:right;}
	
.Title1 {
	background:url(../images/Title1.jpg) repeat-x;
	height:34px;
	padding-left:35px;
	font-size:16px;
	font-family:"ºÚÌå";
	color:#fff;
	line-height:34px;}


#demo {
	overflow:hidden;
	height:156px;
	width:686px;
	margin-top:10px;
	margin-bottom:12px;}
	
#demo img {
	width:214px;
	height:152px;
	border:1px solid #d0e4b8;}


.Title2 {
	background:#f0ae01;
	width:274px;
	height:34px;
	line-height:34px;
	color:#fff;
	font-size:16px;
	font-family:"ºÚÌå";
	padding-left:20px;
	margin:4px 0}


#inNews {
	width:300px;
	height:265px;
	margin:10px 0;}


#inNews li {
	width:300px;
	height:25px;
	float:left;
	clear:both;
	overflow:hidden;}

#inNews li img {
	float:left;
	margin:5px 8px 0 0px;}

#inNews li a {
	color:#686868;
	font-size:12px;
	display:block;
	width:270px;
	height:25px;
	line-height:25px;
	overflow:hidden;
	float:left;}

#inNews li a:hover {
	color:#f1af01;
	text-decoration:underline;}


.topImg {
	height:99px;}

.topImg img {
	border:none;
	width:300px;
	height:99px;}

.joinUs_Right img { border:none; margin-top:15px;}

.Title3 {
	border-bottom:2px solid #f1b20f;
	width:303px;
	height:29px;
	line-height:29px;
	font-size:16px;
	font-family:"ºÚÌå";
	color:#01a033;}
	
#inCompany {
	width:340px;}

#inCompany .inComContent {
	width:340px;
	height:250px;
	overflow:hidden;}

#inCompany .inComContent img {
	display:none;}

#inCompany .inCompany_A{
	display:block;
	margin-top:20px;
	color:#686868;
	font-size:12px;
	line-height:25px;}
	
#inCompany  a.more ,#inNews1 a.more{
	color:#1cab49;
	font-size:12px;
	float:right;
	margin:0;}
	
#inCompany  a.more:hover ,#inNews1 a.more:hover{
	text-decoration:underline;}
	
.Title4 {
	height:29px;
	line-height:29px;
	color:#01a033;
	font-size:16px;
	font-family:"ºÚÌå";}

#inNews1 {
	width:325px;}

#inNews1 img { border:none;}

#inNews1 ul {
	width:320px;
	margin:20px 0 10px 5px;}

#inNews1 li {
	width:290px;
	height:25px;
	float:left;
	clear:both;
	overflow:hidden;}

#inNews1 li img {
	float:left;
	margin:5px 8px 0 0px;}

#inNews1 li a {
	color:#686868;
	font-size:12px;
	display:block;
	width:275px;
	height:25px;
	line-height:25px;
	overflow:hidden;
	float:left;}

#inNews1 li a:hover {
	color:#f1af01;
	text-decoration:underline;}
	
.moreLinksNews {
	color:#1cab49;
	text-align:right;
	font-size:12px;
	margin:0px 0 0px 225px;}
	
.moreLinksNews:hover {
	text-decoration:underline;}
/************   Index END   **************/






/************   MainSite   **************/
.msLeft {
	width:294px;
	overflow:hidden;
	float:left;
	margin-bottom:20px;}

.msRight {
	width:686px;
	float:right;}


.Title5 {
	background:url(../images/Title5.jpg);
	width:216px;
	height:34px;
	padding-left:78px;
	font-size:18px;
	font-family:"ºÚÌå";
	color:#fff;
	line-height:38px;}


#sortPan {
	width:294px;}

#sortPan ul {
	background:#f6f6f6;
	width:294px;
	padding:13px 0px;
	min-height:95px;
	height:auto !important;}
	
#sortPan ul li {
	background:url(../images/sortBg.jpg) repeat-x;
	width:294px;
	height:33px;
	line-height:33px;
	border-bottom:1px dashed #cccccc;}
	
#sortPan ul li a {
	color:#000;
	display:block;
	font-size:14px;
	padding-left:75px;
	width:219px;
	height:33px;
	float:left;}

#sortPan ul li:hover ,#sortPan ul li:hover a ,#sortPan .sortHover {
	background:url(../images/sortBg_Hover.jpg) repeat-x;
	color:#fff;}


.healthyK_Left {
	width:294px;
	height:97px;
	margin:20px 0 20px 0;}

.healthyK_Left img { border:none;}


.friendLinks {
	width:294px; 
	height:97px;
	margin-top:20px;}

.friendLinks img {
	width:294px; 
	height:97px;
	border:none;}

.msContent {
	width:656px;
	min-height:605px;
	height:auto !important;
	padding:35px 15px;
	color:#000;
	font-size:12px;
	line-height:25px;}

.msContent img{
	max-width:625px;}

#screen1 {}

.msContent1 {
	width:646px;
	height:auto !important;
	margin:30px 20px 0px 20px;
	color:#000;
	font-size:12px;
	line-height:25px;}

#screen2 {
	position: relative;
	width:655px;
	height: 330px;
	overflow: auto;
	scrollbar-face-color: #b7b6b6;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #b7b6b6;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-base-color: #fff;
	scrollbar-track-color: #fff;
	overflow-y:auto;
	overflow-x:hidden}

.joinUs_Left1 {
	width:292px;}
	
.joinUs_LeftCont {
	margin:15px 15px;
	line-height:35px;}

.joinUs_Left1 img {
	max-width:290px;
	margin:1px;}

.joinUs_Left2 {
	width:282px;
	padding:20px 0 20px 10px;
	margin-top:10px;
	line-height:33px;}
	
#HrDemandTab {
	margin-top:15px;
	width:620px;
	font-size:14px;
	min-height:200px;
	height:auto !important;}

#HrDemandTab table {
	border-left:1px solid #01b230;
	border-right:1px solid #01b230;
	width:590px;
	margin-left:35px;}

#HrDemandTab tr td{
	border-bottom:1px solid #01b230;
	line-height:35px;
	text-align:center;}
	

#HrDemandTab tr td a {
	font-size:14px;
	color:#000;}

#HrDemandTab tr td a img { border:none;}

#HrDemandTab .hTitle {
	background:url(../images/navBg.jpg) repeat-x;
	color:#fff; 
	font-size:15px; 
	font-weight:bold;}
	
#HrDemandTab .hTitle1 { border:none;}
	
/************   MainSite End   **************/





/***************NewsClass*****************/

.newsPan{
	width:620px;
	min-height:524px;
	height:auto !important;
	clear:both; 
	margin:0 auto;
	padding:30px 30px 48px 30px;}

.newsTopImg {
	width:623px;
	height:261px;
	margin-bottom:20px;}

.newsPan dl {
	min-height:380px;
	height:auto !important;}

.newsPan dd{
	width:612px; 
	height:35px; 
	line-height:35px; 
	overflow:hidden; 
	z-index:10; }

.newsPan dd img{
	margin:12px 8px 0 0px; 
	float:left;}

.newsPan dd a.ddLinks {
	color:#444;
	font-size:14px;
	display:block; 
	padding:2px; 
	float:left; 
	width:380px;
	height:35px; 
	overflow:hidden;}

.newsPan dd a.ddLinks1 {
	color:#444;
	font-size:14px;
	display:block; 
	padding:2px; 
	float:left; 
	width:550px;
	height:35px; 
	overflow:hidden;}

.newsPan dd span {
	color:#8b8b8b;
	font-size:12px;
	display:block; 
	float:right; 
	width:210px; 
	text-align:right;}

.newsPan dd a:hover{
	text-decoration:underline;
	color:#ad8244;}

.page {
	font-size:14px;
	clear:both; 
	text-align:center; 
	height:25px; 
	line-height:25px; 
	color:#000;
	margin-bottom:20px;}

.page input.pageNumber {
	width:30px;}

.page input.pageButton {
	border:none;
	background:#6bb902;
	width:75px;
	height:22px;
	text-align:center;
	font-size:12px;
	color:#fff;}

.page a {
	font-size:14px;
	color:#3488c9;}

.page a:hover {
	text-decoration:underline;}

#newsShow {
	width:620px;
	min-height:524px;
	height:auto !important;
	clear:both; 
	margin:0 auto;
	padding:15px 30px 48px 30px;}

#newsShow h3 {
	color:#ff0000; 
	font-weight:bold;
	font-size:24px;
	text-align:center;
	font-family:"΢ÈíÑźÚ";
	text-align:center;}
 
#newsShow .newsTime {
	font-size:12px;
	color:#828181;
	line-height:30px;
	margin:10px 0;
	text-align:center;} 
 
#newsShow .newsTime font {
	font-size:12px;
	margin-right:20px;}
 
#newsShow .newsCon {
	font-size:12px;
	line-height:23px;
	margin-top:20px;
	width:630px;}
 
#newsShow .newsCon a {
	font-size:12px;
	color:#000;}


/***************  NewsClass END *****************/





/***************  FeedBack *****************/
#messagePan{
	width:626px;
	min-height:555px;
	height:auto !important;
	padding:35px 30px;
	color:#000;
	font-size:12px;
	line-height:25px;}

#messagePan .warmPrompt {
	color:#ff0000;
	font-size:13px;
	line-height:25px;}
	
#messagePan input {
	border:1px solid #b3b4b4;
	width:227px;
	height:18px;
	line-height:18px;
	padding:2px;}
	
#messagePan textarea {
	border:1px solid #b3b4b4;
	margin-top:5px;}
	
#messagePan input.submitInput {
	background:#585858;
	border:none;
	color:#fff;
	width:87px;
	height:27px;
	line-height:27px;
	text-align:center;}

/**************   FeedBack END  *****************/






/***************  Product *****************/

#productPan {
	width:684px;
	min-height:550px;
	height:auto !important;
	padding:15px 0;}
	
#productPan1 {
	width:684px;
	min-height:500px;
	height:auto !important;
	padding:15px 0;}

.proTopImg {
	width:684px;
	text-align:center;}

.pTotalFont { display:none;}

.proTopImg {
	width:623px;
	height:261px;
	margin:0 0 20px 30px;}

.proTable {
	margin-top:15px; 
	min-height:530px; 
	height:auto !important;}
	
.proTable1 {
	margin-top:15px; 
	min-height:500px; 
	height:auto !important;
	text-align:center;}

#proInfo {
	width:310x;
	margin-bottom:21px;}  

#proInfo .proImg img {
	width:310px;
	height:193px;
	border:1px solid #e0e0e0;}

#proInfo .proName a {
	display:block;
	color:#6a9a18;
	display:block;
	font-size:14px; 
	font-weight:bold;
	text-decoration:none;
	width:310x;
	height:35px;
	line-height:35px;
	overflow:hidden;
	text-align:center;}


#proInfo1 {
	width:200px;
	margin-bottom:0px;}	
	
#proInfo1 img {
	width:200px;
	height:167px;}

#proInfo1 .proName a {
	display:block;
	width:200px;
	height:45px;
	color:#000; 
	font-size:12px;
	line-height:45px;
	text-align:center;
	overflow:hidden;}	
	
#proInfo1 .proName a:hover {
	color:#FF0000;}


#productPage  { margin:0 auto;}

#productPage ,#productPage a {
	font-size:13px; 
	color:#000;}

#proShow {
	width:614px;
	min-height:570px;
	height:auto !important;
	padding:35px 35px;}

#proShow h3 {
	font-size:25px;
	font-family:"΢ÈíÑźÚ";
	color:#ff0000; 
	text-align:center;
	height:35px;
	margin-bottom:10px;}

.showProImg img{
	width:500px; 
	height:auto !important; 
	overflow:hidden;}

.proContent {
	font-size:12px; 
	color:#000;
	line-height:24px;
	margin-top:20px;}

/***************  END  Product *****************/





/***************  Footer *****************/
#footerBg {
	width:100%;
	border-top:11px solid #01a033;
	margin-top:25px;
	height:98px;
	overflow:hidden;} 

#footer {
	background:#ecf6da;
	width:998px;
	height:98px;
	margin:0 auto; 
	text-align:center;
	overflow:hidden;}
	
#footer p {
	width:770px;
	color:#000;
	font-size:12px; 
	font-family:"ËÎÌå";
	line-height:30px;
	text-align:center;}
	
#footer a{
	color:#0f3791; 
	font-size:12px;}

#footer a:hover { color:#ff0000;}

#footer ul {
	margin-top:25px;
	font-size:12px;
	font-weight:bold;}

#footer ul li {
	height:22px;
	line-height:22px;}

#footer img {
	margin:0 10px;}
/***************  Footer END *****************/