body { background-color:#7fe17f; margin:0px; font-size:12px; color:#333;}
p,ul,li,img,h1,h2{  margin:0px; padding:0px; border:0px;}

.Head,.Main,.Fotter{ width:1000px; margin:0 auto;}



.Head{ height:109px; background-image:url(images/index_02.jpg);}
.Main{ background-color:#ffffff;}
.Fotter{ height:100px; background-image:url(images/index_19.jpg); background-position:top; background-repeat:no-repeat; background-color:#ffffff;}

.Left{ width:186px; float:left;}
.Right{ width:811px; float:right;}

.LeftNav{ height:269px; background-image:url(images/index_04.jpg);}
.LeftNav ul{ list-style:none; width:181px;}
.LeftNav li{ margin-left:5px;  border-bottom: solid 1px #4dd64d; text-align:right; padding-top:8px;  margin-bottom:1px; font-size:14px; line-height:20px;}
.LeftNav li a{ color:#ffffff; text-decoration:none;}
.LeftNav li a:hover{ color:#002afe; font-weight:bold;}
.LeftNav li a.ActiveLeft{ color:#002afe; font-weight:bold;}

.Left1{ background-image:url(images/index_12.jpg); margin-top:5px;}

.Left2{ padding-top:20px;}
.Left2 h1{ font-size:13px; font-weight:normal; width:156px; text-align:right; line-height:18px;}
.Left2 h1 a{ color:#2f2f2f; text-decoration:none;}
.Left2 h1 a:hover{ color:#00c400;}

.Left3{ width:150px; margin:0 auto; padding-top:30px;}
.Left3 img{ margin-bottom:20px;}

.Banner{ height:179px;}


.Right1{width:399px; float:left; padding-left:54px; margin-top:40px;}
.Right2{width:314px; float:right; margin-top:40px;}





.IndexCompany{ }
.IndexCompany p{ margin-top:30px; color:#666; line-height:25px;}
.IndexCompany p img{ float:left; padding-right:10px;}

.Bussines{ height:265px;  background-image:url(images/index1_37.jpg); background-position:bottom left; background-repeat:no-repeat; margin-top:30px;}
.Bussines p{ padding-top:140px; padding-left:23px; font-size:14px; font-weight:bold; line-height:30px;}
.Bussines p a{ color:#ffffff; text-decoration:none;}
.Bussines p a:hover{color:#002afe; }



.RightImg{ width:268px; height:196px; background-color:#00c400;}

.RightNews{ width:314px; height:300px; background-image:url(images/index_17.jpg); background-repeat:no-repeat; background-position:bottom right; margin-top:40px;}
.RightNews ul{ margin-top:20px; padding-left:15px;}
.RightNews li{ line-height:20px;}
.RightNews li a{ color:#656565; text-decoration:none;}

.Position{ width:800px; height:28px; line-height:25px; text-align:right;font-family:Arial; color:#999;}
.Position a{color:#999;}
.Position a:hover{ color:#000000;}

.Company,.TopTitle,.News,.Page,.NewsDetail,.business,.recipes,.cooperation,.Contact,.Feekback,.condensed{ width:741px; margin:0 auto; margin-top:20px; }
.Company,.TopTitle,.News,.Page,.NewsDetail,.cooperation,.Feekback{  background-image:url(images/index_17.jpg); background-repeat:no-repeat; background-position:bottom right;}


.TopTitle{ height:103px;}
.Company{}

.Company p{ width:600px; line-height:25px; color:#333;}



.News ul{ list-style:none;}
.News li
{
	border-bottom: dotted 1px #CCCCCC;
	line-height: 25px;
	color: #999;
	font-family: Arial;
	padding-left: 15px;
	background-image: url(images/icon9.jpg);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom-style: dashed;
	font-size:10px;
	
}
.News  li a{ color:#333; text-decoration:none; font-size:12px;}
.News li a:hover{ color:#00c400;}


.NewsDetail{ line-height:25px; color:#666;}
.NewsDetail h1{ font-size:16px; color:#333; margin-bottom:20px; }

.business p{ margin-top:10px; color:#333; line-height:20px; margin-bottom:25px;}

.TBbs{ width:90%; background-color:#ccc; margin-top:10px; margin-bottom:25px;}
.TBbs td,.TBbs th{ width:50%; background-color:#ffffff; padding:5px; color:#333; line-height:25px;}

.recipes h1{ font-size:16px; margin-bottom:20px;}
.recipes p{ margin-top:5px; color:#666;}
.TBreci{ width:100%; background-color:#ccc; margin-top:10px; margin-bottom:25px;}
.TBreci td,.TBreci th{ background-color:#ffffff; padding:2px; color:#333; line-height:25px;}
.TBreci td{ vertical-align:text-top;}
.TBreci th{ background-color:#ccf3cc;}


.cooperation{ line-height:25px;}
.cooperation h1{ font-size:14px;}
.TBcoop{ width:90%; background-color:#ccc; margin-bottom:25px;}
.TBcoop td,.TBcoop th{ background-color:#ffffff; padding:2px; color:#333; line-height:20px;}

.Feekback{}
.Feekback h1{ font-size:14px; color:#ff0000; margin-top:15px;}










.Contact{}
.Contact p{ font-size:13px; line-height:25px; font-family:Arial;}
.Contact img{ float:right;}



.condensed{  height:200px;}
.condensed h1{ font-size:14px; margin-bottom:10px;}
.condensed img{ width:150px; height:150px; float:left}

.CondensedList{ float:right; width:550px;}
.CondensedList ol{ }
.CondensedList li{ width:110px; float:left; height:18px;}
.CondensedList p{ line-height:20px;}




.Page{ margin-bottom:10px;}
.Page p{ background-color:#ccf3cc; margin-top:2px; line-height:20px;}
.Page p a{ margin-right:5px; color:#666;}









.More{ font-family:Arial; font-weight:bold; text-align:right;}
.More a{ color:#666; text-decoration:none;}
.More a:hover{ color:#00c400;}


.Fotter p{padding-top:10px; text-align:center; color:#999; line-height:18px; font-family:Arial;}


















/* banner CSS */

.pb .steps, .pb .points li{}
.pb .banners{ position:absolute;}
.pb .banners li{width:344px;height:276px;overflow:hidden;display:none;}
.pb .banners li.current{display:block;}
.pb .switcher{
	width:268px;
	position:relative;
	left:10px;
	top:180px;
}




.switcher ul{ list-style:none;}
.switcher li{float:left; font-size:11px; font-family:Arial; color:#ffffff; font-weight:bold; margin-right:10px;}
.switcher li.current{ color:#ff9900;}






.IndexCross{width:966px;  height:145px; margin:0 auto; padding:10px;  background-color:#dbf0f5; clear:both; }
.IndexCrossTB img{height:110px; overflow:hidden;}
.IndexCrossTB td{width:138px; height:118px; background-image:url('images/IndexProBg.jpg'); background-repeat:no-repeat;}
.IndexCrossTB th{ font-weight:normal; font-family:Arial;}
.IndexCrossTB a{color:#015507; text-decoration:none;}








.rollBox{width:986px; margin:0 auto;  height:155px; background-color:#dbf0f5; clear:both; margin-bottom:10px;overflow:hidden;}
.rollBox .LeftBotton{height:52px;width:19px;background:url(images/job_mj_069.gif) no-repeat 11px 0;overflow:hidden;float:left;display:inline;margin:45px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:52px;width:20px;background:url(images/job_mj_069.gif) no-repeat -8px 0;overflow:hidden;float:left;display:inline;margin:45px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:940px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}