/* CSS Document */

/*
-----------------------------------------------
Site:benda
Author:   hero   
E-mail:hero.wang@hi-eweb.com
Version:  2010.1.19
-----------------------------------------------
*/
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:100%;
background:#e1e1e1;
}
*{
margin:0px;
padding:0px;
float:left;
}
ul{list-style-type:none;}

img{border:none;}

#container_body{
float:none;
width:980px;
margin:0 auto;
position:relative;
}
#container{
width:980px;
}
#nav{
width:966px;
margin-top:34px;

background:url(../img/nav_left.gif) top left no-repeat;
}
#header{ float:none; width:980px; }
.nav2{ width:966px; background:url(../img/nav_right.gif) right top no-repeat;}
.n_bg{ width:966px; background:url(../img/h_bg.jpg) bottom repeat-x;  margin-left:7px; display:inline; height:90px;
display:inline; }
#nav ul{
width:718px;
height:46px;
background:url(../img/nav_bg.jpg) top repeat-x;
margin-left:6px;
display:inline;
padding-left:237px;

}
#nav ul li{
position:relative;
z-index:100;
}
#nav ul span{ float:left; height:40px;}
#logo{ width:241px; position:absolute; top:9px; left:20px; z-index:120;}
#nav ul li.logo ul{ position:absolute; top:-24px; left:7px; background:none; width:238px; display:block;}
.bg1{ background:url(../img/h1.gif) no-repeat; height:565px;}
.bg_product{ background:url(../img/h1.gif) no-repeat; height:580px;  }
#nav ul li a.nav_font{ color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:42px; padding:0 16px; text-align:center; line-height:40px; z-index:100; position:relative;}
#nav ul li.show{ background:#030303 url(../img/hover_right.jpg) top right no-repeat;  z-index:99px;}
#nav ul li.show a.nav_font{ background:url(../img/hover_left.jpg) top left no-repeat;}
#nav ul li a.f_nav_font{ color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:46px; padding:0 16px; text-align:center; line-height:40px;}
#nav ul li a.fh_nav_font{ color:#000000; font-weight:bold; font-size:14px; text-decoration:none; height:46px; padding:0 16px; text-align:center; line-height:40px;}
#nav ul li.show a.f_nav_font{ background:url(../img/f_n_l.jpg) top left no-repeat;}
#nav ul li.show a.fh_nav_font{ background:url(../img/f_n_l.jpg) top left no-repeat; color:#ffffff;}
#nav ul li a.s{ font-size:11px; color:#ffffff; padding-left:10px; padding-right:0px; width:80px; margin-top:16px; text-decoration:none;}
#nav  ul ol{ position:relative; list-style-type:none;}
.nav_block{
width:689px;
background:#000000 url(../img/n_l.jpg) repeat-x;
margin-top:5px;
min-height:375px;
_height:375px;
color:#ececec;
}
.block{ position:absolute; top:75px;
left:250px; width:689px;
background:url(../img/b_t.gif) top  no-repeat;
display:none;
z-index:90;
}
.block_left{width:275px; margin-left:43px; display:inline;}
.catalogname h1{ font-size:30px; width:272px; margin-top:38px; display:inline;}
.catalog_desc{ font-size:12px;  margin-top:35px; width:274px;}
.catalog_img{ margin-left:40px; display:inline; margin-top:5px;}
.learn_more{ margin-top:18px;}
.product_model{ width:646px; padding-left:43px; padding-bottom:30px;}
.product_model ul li a.s_nav{ width:94px; color:#ececec; line-height:28px; text-decoration:none; text-align:center; background:url(../img/s.gif) repeat-x;}
.product_model ul li.show a.s_nav{ background:url(../img/s_h.gif) repeat-x;}
.product_model ul li.show a.s_nav_left{ background:url(../img/s_h_l.gif) repeat-x; width:7px; height:28px;}
.product_model ul li a.s_nav_left{ background:url(../img/s_left.gif) repeat-x; width:7px; height:28px;}

.product_model ul li.show a.s_nav_right{ background:url(../img/s_right.gif) repeat-x; width:7px; height:28px;}
.product_model ul li a.s_nav_right{ background:url(../img/s_r.gif) repeat-x; width:6px; height:28px;}
.block_bottom{ width:689px; height:4px; overflow:hidden; background:url(../img/b_b.gif) left top no-repeat;}
#flooter{ color:#b8b8b8; background:#000000; width:980px; height:50px;}
#flooter ul{ width:500px; margin-left:18px; display:inline; margin-top:7px;}
#flooter li{ padding:0 3px; font-size:10px;}
#flooter a{color:#b8b8b8; text-decoration:none; font-size:11px; float:none;}
#copyright{ width:500px; margin-left:21px; display:inline; font-size:11px; margin-top:4px;}

#bg{ height:580px; width:980px; position:absolute; top:0px; left:0px;  z-index:1;}
#container_head{ position:absolute; top:0px; left:0px; z-index:2; width:980px;}