/* -----------------  page styles -------------------------------------------------------*/
body { padding:0; margin:0; font:11px Verdana, sans-serif; line-height: 17px; background:#f4f4f4 url(../images/bodybg.gif) center repeat-y; color: #555; }
#wrapper { margin:2px auto; width:900px;  padding:0; background:#fff;}
/* -----------------  general styles  -------------------------------------------------------*/

a { color:#631e19; text-decoration:none;background:none; }
a:hover { color:#894e4e; background:none; text-decoration:none; }
p { margin:0;padding-top:2px;}
h2 { font-weight:bold; font-size:12px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#444; background:none; border-bottom: 2px dotted #444; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0;}
h4 {font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}
.pic{margin-top:8px;}
.middle_content dl {clear:both; margin-bottom:1px;float:left; margin-left:10px; line-height:20px;}
.middle_content dt,dd {padding:0px 20px;}
.middle_content dd { position:absolute;margin-right:10px;float:right;}
.middle_content dt {float:left;}
span {width:580px;height:30px;font-weight:bold;color:#444; background:none;padding:0px 0 4px 10px; margin: 0 0 2px 0;}
.middle_content #gsjj img { width:200px; height:150px; float:left; margin-left:10px; margin-bottom:10px; margin-top:10px; margin-right:10px; clear:right;}
.middle_content #gsjj { width:540px; margin-top:10px; margin-bottom:10px; margin-right:10px;  margin-left:10px;}
.middle_content #lxwm {width:540px;margin:20px 50px; text-align:left; line-height:30px;}

/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:900px; height:80px; background: url(../images/header.jpg) no-repeat; 
margin:0; }
#title {float:left; width:240px; padding: 20px 0 10px 70px;}
#title h3 {font-size:12px; padding:5px 0 0 0; margin:0; color:#444;}
#hright {float:right; width:540px; height: 60px; margin:15px 0 0 0;}
#hrighttop {width: 200px;margin: 0 2px 0 0; padding: 0 8px 2px 0; float:right; text-align: right;}
#hrighttop a { text-decoration:none;}
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#menu { width: 540px; float:right; margin:2px 0 0 0; padding:0; text-align:right;}
#menu li { display:inline; }
#menu li a {  color:#444; text-decoration:none; padding:1px 10px 1px 10px;
height:19px; background:none;}
#menu li a:hover { background: none;color:#631e19;} 

/* ----------------- Main content -------------------------------------------------------*/

#homepic {width:900px; height:250px; margin:5px 0 10px 0; background:url(../images/bananerlogo.jpg);}
#homepic a {color:#fff;}
.message{ position:absolute;  width:360px; float:left; margin:70px 0px 0px 165px; color:#fff;}
#bottomcontenttop{width:900px;height:10px;background: url(../images/b_contenttop.jpg) no-repeat;}
#bottomcontent{width:898px; height:240px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentbtm{width:900px;height:10px;background: url(../images/b_contentbtm.jpg) no-repeat;}
.left {float: left;clear:left;width: 270px;margin: 0 6px 5px 0; padding:10px;}
.middle {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
.right {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #631e19;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}
.main_content {width:898px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
.main_content .lyb {width:740px;clear:right;float:right; border-left:2px dotted #D8D3D2; padding-left:20px;}
.main_content .lyb .in {border: 1px solid #cccccc;height: 18px;color: #666666;}
#leftnav { float:left; clear:left;width:110px;height:135px;;margin:0px 6px 5px 0;padding:20px 10px 10px 10px;}
#leftnav h1 {text-align:right;font: bold 12px Georgia, Times New Roman, Times, serif; color: #5C604D; margin: 0 20px 5px 0;padding: 0;}
#leftnav h1 a {}
#leftnav ul { margin:10px 20px 20px 0px; text-align:right; font-size:12px; line-height:20px;}
#leftnav ul li {}
.right_content {width:180px; height:260px; margin:0 0px 5px 0; float:right;padding:0px;}
.right {float: right;width: 280px;margin: 0 6px 5px 0; padding:10px;}

.middle_content {width:550px; min-height:252px; border-left:2px dotted #D8D3D2; border-right:2px dotted #D8D3D2; clear:left; float:right;}

/* ----------------- Bottom content -------------------------------------------------------*/

#footer { clear: both; text-align:center; line-height: 1.8em; color: #444; background: #fff; padding: 4px 0; 
margin:10px 0 0 0;}
#footer a {color: #631e19; background: inherit; text-decoration:none;}

/*       产品展示列表样式*/

#products {
    width:540px;
    margin:10px auto;
}
#products li {
    width:154px;
    height:154px;
    float:left;
    margin-left:20px;
    display:inline;
}

#products li a {
    display:block;
}
#products li a img {
    border:1px solid #666;
    padding:1px;
}
#products li span a {
    width:154px;
    height:30px;
    line-height:24px;
    text-align:center;
	white-space:nowrap;
    text-overflow:ellipsis; 
    overflow: hidden;
}
#rightcontent {width:730px; min-height:200px; float:right;}
#rightcontent img {width:350;height:200px;float:right;padding:0px;margin:5px;}
#rightcontent #textcontent {clear:left; margin:0px;padding:20px;}