*{margin:0px;padding:0px;
.page 
	width: 1024px;
	margin:0 auto;
	font-family: "microsoft YaHei" ! important;}
.head {
	width: 1024px;
	height: 179px;
	background: url(imgtop.jpg) no-repeat;}
.viwepager {
	width: 1024px;
	height: 548px;
	overflow: hidden;}
.viwepager-content {
	position: relative;
	width: 4096px;
	height: 630px;
	z-index: 1;}
.viwepager-content img {
	float: left;
	width: 1024px;
	height: 630px;}
.viwepager img.arrow {
	position: absolute;
	z-index: 3;
	display: none;
	background-color: rgba(0,0,0,.3); width: 38px;height: 63px;}
.viwepager img.arrow:hover { background-color: black;}
.viwepager:hover img { display: block; top: 480px; cursor: pointer;}
.viwepager .next { left: 1335px;}
.viwepager1 {
	width: 800px;
	height: 595px;
	overflow: hidden;
	margin-top: 850px;}
.viwepager-content1 {
	position: relative;
	width: 7200px;
	height: 630px;
	z-index: 1;}
.viwepager1 .arrow {
	margin-top:650px;}
.viwepager-content1 img {
	float: left;
	width: 800px;
	height: 595px;}
.viwepager1 img.arrow{
	position: absolute;
	z-index: 4;
	width: 30px;height: 64px; 
	opacity: 1;}
.viwepager1 img.arrow:hover {}
.viwepager1:hover img { display: block; top: 480px; cursor: pointer;}
.viwepager1 .next { margin-left: 772px;}
.hidden a.close {
	display: inline-block;
	text-align: center;
	font-size: 25px;
	position: absolute;
	top: 815px;
	left: 1300px;
	font-weight: bold;
	color: #4f4f4f;}
li.left-child {
	width: 366px;
	margin-top: 48px;}
.content {
	width: 1024px;
	height: 670px;}
ul.content-list  {
	width: 860px;
	margin-top: 43px;
	margin-left: 80px;}
.content h1 {
	width: 1024px;
	height: 4px;
	margin-left: -80px;
	background-color: #e2e2e2;}
.content ul li {
	float: left;}
li.list-child {
	width: 385px;
	margin-top: 48px;}
div.content-left {
	display: inline-block;
	width: 426px;
	height: 611px;
	border-right: 4px solid #e0e0e0;}
.list {
	position: relative;}
.list h4 {
	font-weight: bold;}
span.title-left {
	display: inline-block;
	width: 169px;
	color:#ffffff;
	font-size: 28px;
	text-align: center;
	vertical-align: super;
	line-height: 50px;}
.content-left span.title-left {
		background-color: #ff2e36;}
.title-right {
	font-size: 40px;
	line-height: 50px;
	margin-left: 18px;
	color: #2d2d2d;
	float: right;}
.right-title {
	margin-right: 152px;}
.list p{
	text-indent: 2em;
	font-size: 18px;
	color: #3a3838;
	width: 370px;
	margin-top: 41px;
	letter-spacing:1px;
	line-height: 28px;
	height: 200px;
	text-justify:auto; 
	text-align:justify;}
.font {
	font-family: none;}
.list table {
	width: 382px;
	height: 230px;
	font-size: 17px;
	font-weight: bold;
	text-indent: 1em;
	color: #4f4f4f;
	margin-top: 100px;
	margin-left: 10px;}
.content-left table {
	margin-left: -4px;}

table td {
	cursor:pointer;}
.left_environment {
	width: 123px;
	height: 68px;
	background: url(imgleft_environment.gif) no-repeat;}
.left_environment:hover {
	background: url(imgright_environment.gif) no-repeat;}

.hidden {
	display: none;
	background-color: #999999;
	opacity: 0.97;
	height: 3000px;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 20000;}
.left_facility {
	width: 118px;
	height: 68px;
	background: url(imgleft_facility.gif) no-repeat;} 
.left_facility:hover {
	background: url(imgright_facility.gif) no-repeat;}
.left_vegetable {
	width: 69px;
	height: 68px;
	background: url(imgleft_vegetable.gif) no-repeat;}
.left_vegetable:hover {
	background: url(imgright_vegetable.gif) no-repeat;}
.left_food {
	width: 91px;
	height: 69px;
	background: url(imgleft_food.gif) no-repeat;}
.left_food:hover {
	background: url(imgright_food.gif) no-repeat;}
.left_service {
	width: 91px;
	height: 69px;
	background: url(imgleft_service.gif) no-repeat;} 
.left_service:hover {
	background: url(imgright_service.gif) no-repeat;}
.left_position {
	width: 69px;
	height: 69px;
	background: url(imgleft_position.gif) no-repeat;}
.left_position:hover {
	background: url(imgright_positon.gif) no-repeat;}
.content-right {
	margin-left: 117px;}
.content-right span.title-left {
		background-color: #ff6147;}

.right_environment {
	width: 91px;
	height: 68px;
	background: url(imgright_environment.gif) no-repeat;}
.right_environment:hover {
	background: url(imgleft_environment.gif) no-repeat;}
.right_facility {
	width: 91px;
	height: 68px;
	background: url(imgright_facility.gif) no-repeat;} 
.right_facility:hover {
	background: url(imgleft_facility.gif) no-repeat;}
.right_vegetable {
	width: 69px;
	height: 68px;
	background: url(imgright_vegetable.gif) no-repeat;}
.right_vegetable:hover {
	background: url(imgleft_vegetable.gif) no-repeat;}
.right_food {
	width: 91px;
	height: 69px;
	background: url(imgright_food.gif) no-repeat;}
.right_food:hover {
	background: url(imgleft_food.gif) no-repeat;}
.right_service {
	width: 91px;
	height: 69px;
	background: url(imgright_service.gif) no-repeat;} 
.right_service:hover {
	background: url(imgleft_service.gif) no-repeat;}
.right_position {
	width: 69px;
	height: 69px;
	background: url(imgright_positon.gif) no-repeat;}
.right_position:hover {
	background: url(imgleft_position.gif) no-repeat;}
.footer {
	width: 1024px;
	height: 127px;
	margin-top: 40px;
	background: url(imgfooter.jpg) no-repeat;}
.banner { 
	position: relative; 
	overflow: auto; 
	text-align: center;
	margin-top: -21px;
	margin-bottom: -1px;}
.banner li { 
	list-style: none;}
.banner ul li { 
	float: left;}
#b04 { width: 1024px;}
#b04 .dots { 
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;}
#b04 .dots li 
{ 
	display: inline-block; 
	width: 10px; 
	height: 10px; 
	margin: 0 4px; 
	text-indent: -999em; 
	border: 2px solid #fff; 
	border-radius: 6px; 
	cursor: pointer; 
	opacity: .4; 
	-webkit-transition: background .5s, opacity .5s; 
	-moz-transition: background .5s, opacity .5s; 
	transition: background .5s, opacity .5s;}
#b04 .dots li.active 
{
	background: #fff;
	opacity: 1;}
#b04 .arrow { 
	position: absolute; 
	top: 250px;}
#b04 #al { 
	left: 15px;}
#b04 #ar { 
	right: 15px;}