@charset "utf-8";
/* CSS Document
@import "menustyle.css"; */
/* COMMON STYLE
--------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background:#DCE3EB;
}
html,body{height:100%}
body, th, td, input, textarea {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #000;
}

p {
	margin:0; padding:0;
}

ol, ul {
    list-style-type:none; 
}
dl { margin:0;}
a { text-decoration:none; color:#333333; 
}
a:hover {
	text-decoration: none; color:#0000FF; 
}

.clr {
	clear: both;
}
h1,h2,h3,h4,h5,h6  {
    margin: 0; padding: 0; 	font-family: Tahoma, Arial, sans-serif;

}

form {
	margin: 0;
	padding: 0;
}
.none {}

#header {
 width:776px; height:228px; margin:0 auto;  
}
#header dl dt { float:left; display:block;}
#header dl dd { float:left; margin:0; display:block; height:38px; background:url(../images/menu_bg.gif); width:100%; }
#header dl dd span { display:block; float:right; padding:10px 30px 0 0; width:70px;}
/* TOP */

#logo {		
	margin:0;
	padding:0;
	width:221px;
	position:absolute;	
	background: url(../images/logo.gif) no-repeat left top;
}
.texthidden{ 
display:block;/*统一转化为块级元素*/ 
overflow:hidden; 
width:0; 
height:0; 
}
/* Main Navigation */
#main-nav {
	height: 54px;
	position:absolute;
	top:173px;
}

#main-nav { height: 54px; }
#main-nav ul { margin: 0; padding: 0; }
#main-nav li { float: left; margin:0 3px; }
#main-nav li a {
display: block;
height: 0px !important;
height /**/:54px; /* IE 5/Win hack */ 
padding: 54px 0 0 0;
overflow: hidden;
background-repeat: no-repeat;
}
#main-nav li a:hover {
background-position: 0 -54px;
}
#main-nav li#index,
#main-nav li#index a { width: 100px; background-image: url(../images/home.gif); }

#main-nav li#about,
#main-nav li#about a { width: 100px; background-image: url(../images/about.gif); }
#main-nav li#room,
#main-nav li#room a { width: 100px; background-image: url(../images/showroom.gif); }
#main-nav li#product,
#main-nav li#product a { width: 100px; background-image: url(../images/product.gif); }
#main-nav li#culture,
#main-nav li#culture a { width: 100px; background-image: url(../images/Culture.gif); }
#main-nav li#feedback,
#main-nav li#feedback a { width: 100px; background-image: url(../images/feedback.gif); }
#main-nav li#contact,
#main-nav li#contact a { width: 100px; background-image: url(../images/contact.gif); }
body.about li#about,
body.about li#about a,
body.index li#index,
body.index li#index a,
body.room li#room,
body.room li#room a,
body.product li#product,
body.product li#product a,
body.culture li#culture,
body.culture li#culture a,
body.feedback li#feedback,
body.feedback li#feedback a,
body.contact li#contact,
body.contact li#contact a {
background-position: 0 -54px;
}
//body.about #header {
//height: 54px;
//background: #db6d16
//url(../images/headers/about.jpg);
//}
/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 8px; } 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

/* Content */
#content {
 width:776px; margin:0 auto; background:#164676;
}

#content .sidebar-left{
margin:2px 0 0 2px; float:left; width:501px; padding:0;
}

#content .sidebar-left dl dt { background-image:url(../images/Welcome.gif); height:32px;margin:0; padding:0;}
#content .sidebar-left dl dd { margin:0 0 2PX 0; padding:11PX 0 0 2PX; line-height:18PX; height:398PX; background: #F7F7F7 left TOP no-repeat;}

#right { float:right;}
#right .sidebar-right{
margin:2px 2px 0 2px; width:267px; padding:0;
}
#right .sidebar-right dl {height:212px; background:url(../images/dq.gif) bottom no-repeat;}
#right .sidebar-right dl dt {background-image:url(../images/catalog.gif); height:33px; margin:0; padding:0;}
#right .sidebar-right dl dd { padding:0 0 0 60px; margin:0; }
#right .sidebar-right dl dd  span {  display:block}
#right .sidebar-right dl dd  span a {
	font:bold 12px Arial, Helvetica, sans-serif; color:#1A446E;padding:10px 0 12px 0; display:block
}
#right .sidebar-right dl dd  span a:hover {
	color:#0000FF:
}
	
#right .sidebar-righttwo{
margin:0 2px 0 2px; width:267px; padding:0;
}
#right .sidebar-righttwo dl {height:229px; background:url(../images/wart.gif) bottom no-repeat;}
#right .sidebar-righttwo dl dt {background-image:url(../images/env.gif); height:21px; margin:0; padding:0;}
#right .sidebar-righttwo dl dd {display:block; padding:20px 0 0 0; width:100%; margin:0; text-align:center;  }
#right .sidebar-righttwo dl dd a {display:block; text-align:left; padding:0 0 0 100px; font:bold 12px/25px Arial, Helvetica, sans-serif;  }


#contents {
 width:776px; margin:0 auto; background:#fff;
}
#contents .sidebar-a { width:767px; margin:0 4px 0 3px; background: url(../images/bg.jpg); border:#194373 solid; border-width:0 1px; padding:0; font:12px/18px Arial, Helvetica, sans-serif;
}
#contents .sidebar-a dl { display:block; padding:0;
}
#contents .sidebar-a dt { width:244px; margin:0; padding:0 2px; float:left;display:block;}
#contents .sidebar-a dd { width:518px; margin:0; padding:0; float:right;display:block;}
.productimg { padding:0 0 0 9px;}
.productimg img { padding:9px; margin:0; display:block; float:left;}

.productimgs { margin:10px 5px; float:left; padding:2px; text-align:center; width:150px; border:1px #ccc solid; background:#fff;}
.productimgs img { MAX-WIDTH: 150px; VERTICAL-ALIGN: middle; ; WIDTH: expression(this.width > 150 && this.height < this.width ? 150: true); BORDER-TOP-STYLE: none; MAX-HEIGHT: 113px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: expression(this.height > 113 ? 113: true); text-align:center;
}

.spans img { MAX-WIDTH: 450px; VERTICAL-ALIGN: middle; ; WIDTH: expression(this.width > 450 && this.height < this.width ? 450: true); BORDER-TOP-STYLE: none; MAX-HEIGHT: 450px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: expression(this.height > 450 ? 450: true); text-align:center;
}
.spanss { width:505px; margin:0 auto; padding:0;}

.productimgs h4 { margin:2px 0 0 0; padding:0; display:block; width:150PX; float:left; text-align:center;font:bold 12px/18px Arial, Helvetica, sans-serif; border:#ccc solid; border-width:1px 0 0 0;}

#footer { text-align:center; color:#000; font:11px/22px Verdana, Arial, Helvetica, sans-serif; width:776px; margin:0 auto;
}
#footer a{ color:#0000FF; text-decoration:none;
}
#footer a:hover { color:#000; text-decoration:underline;}