﻿html{
  voerflow:hidden;
}
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}
.sideright{
   padding-bottom: 32767px;
   margin-bottom: -32767px; 
}
.sideleft{
   padding-bottom: 32767px;
   margin-bottom: -32767px; 
}
a {	color: #000;background: inherit;text-decoration: none;}
a:hover { color: #FFBB04; background: inherit; }

p {	margin:0; }
ul { margin: 0; padding : 0; list-style : none; }

form { margin: 0; padding:5px 1px;}
/*
 *layout Styles
 *Do not move!
*/
#box { 
	margin: 0 auto;
	width:974px;
}	
#header{
	width:100%;
	height:115px;
	border:solid 0px;/******del this style border display********/
	background:url(../images/hz_suda_topbar.gif)  no-repeat;
	}
#header img{
	float:left;
	width:468px;
}
#header p{
	float:right;
	width:260px;
	padding-top:5px;
	font-size:1.2em;
}
.menu {
    float:left;
	width:100%;
	height:29px;
	background:url(../images/hz_suda_menubar.gif)  repeat-x;
	}
	
.menu ul{
	line-height:20px;
	text-align:center;
	}
.menu li{
	display:inline;
	padding:1px 5px;
	}
.menu li a{
     padding:1px 20px;
     border-right:1px #fff dotted;
     color:#fff;
      font:bold 1.2em 宋体;
     text-decoration:none;
     line-height:32px;
	}
#main{
    float:left;
    width:100%;
	margin:5px auto;
    position: relative;
    overflow: hidden;
}	
.sideleft{
    float:left;
    width:193px;
}
.nav{
	float:left;
	width:100%;
	background:url(../images/hz_suda_left_navbarbg.gif)  repeat-y;
}
.nav ul{
    margin:5px 2px;
	text-align:left；
}
.nav li{
    line-height:22px;
    padding:2px;
}
.nav li a{
    padding:3px;
    color:#000;
    font: 1.2em 宋体;
    text-decoration:none;
}
.nav li td{
	background:url(../images/hz_suda_left_navbarcenter.gif) center no-repeat;
}
.contact{
	float:left;
	width:100%;
	height:100px;
	margin-top:5px;
	background:url(../images/hz_suda_contact.gif) center no-repeat;
}
.contact p{
    padding:30px 2px 2px 10px;
    color:#fff;
    font-size:1.1em;
    text-align:left;
    line-height:20px;
}
.brand{
    float:left;
    width:96%;
    margin-top:5px;
    padding:8px 2px;
    border:1px #D5D5D5 solid;
    text-align:center;
    background-color:#F1F1F1;
}
.brand p{
    margin:0 5px;
    padding:5px 8px;
    text-align:left;
	line-height:22px;
	background-color:#fff;
}
.sideright {
    float:right;
    width:770px;
    margin-left:5px;
}
.pro{
	text-align:center;
	background:url(../images/hz_suda_center_probg.gif) repeat-x;
}
.pro ul{
     margin-top:5px;
	text-align:justify;
	background:url(../images/hz_suda_center_propic.gif) right bottom no-repeat;
}
.pro li{
    padding:10px 20px 2px 20px;
    font-size:1.1em;
    line-height:25px;
}
.prony{
	text-align:justify;
	background:url(../images/hz_suda_center_probg.gif) repeat-x;
}
.prony ul{
     margin-top:5px;
	text-align:justify;
}
.prony li{
    padding:10px 20px 2px 20px;
    font-size:1.1em;
    line-height:25px;
}
.product{
    float:left;
    width:100%;
    margin-top:5px;
    text-align:left;
	background:url(../images/hz_suda_center_probg.gif) repeat-x;
}
.product ul{
    float:left;
    width:380px;
    border-bottom:1px #000 dotted;
}
.product li{
    padding:5px 20px 1px 20px;
    font-size:1.1em;
    line-height:20px;
}
.product li h1{
    padding:5px 0px 0px 0px;
   color: #3F9B56;
   font:bold 12px Tahoma, sans-serif;
}
.product li img{
    margin:5px 10px 5px 0px;
}
#footer{
	float:left;
	width:974px;
	height:50px;
    border:5px #F1F1F1 solid;
    background-color:#fff;
	background:url(../images/hz_suda_footer_logo.gif) left center no-repeat;
}
#footer p{
    float:right;
    width:80%;
    border-left:1px #D5D5D5 solid;
    padding-left:10px;
    color:#666;
     font-size:1.1em;
    text-align:left;
    line-height:22px;
}
