/*common css*/
body{ color:#575757; font-family:Arial, Helvetica, sans-serif; background:url(images/bej.jpg)  top repeat-y; font-size:12px; line-height:24px; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,div{margin:0;padding:0; list-style:none;}

.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
a{ color:#303030; text-decoration:none}
a:hover{ color:#740300} 
img{ border:none;}
.C{ clear:both}

.wrapper{width:1000px; margin:0 auto;}

#header_bg{ width:100%; height:130px; background:url(images/header_bg.gif) repeat-x left top;}

#header .top{ height:25px; color:#fff; font-size:12px; float:right}
#header .top a{ color:#fff; font-size:12px;}
#header .top a:hover{ color:#740300; font-size:12px;}
#header h1{ width:530px; height:72px; float:left; margin-left:21px; margin-top:25px; display:inline }
#header .tel{ float:right; margin-top:44px; display:inline }

#menu{ width:100%; height:44px; background-color:#ce0000; position:relative}
.nav ul li{ width:111px; height:35px; background:url(images/nav_li.gif) no-repeat left top; text-align:center; line-height:24px; padding-top:9px; float:left; position:relative; z-index:99}

.li_bg{ width:111px; height:44px; background:url(images/nav_li2.gif) no-repeat; left:0px; top:0; display:none; position:absolute; z-index:-1;}

.nav ul li a{color:#fff; font-size:14px; line-height:24px;}

.banner_bg{ width:100%; height:327px; background:url(images/banner_bg.gif) repeat-x left top; margin-top:10px;}
#banner{ width:994px; height:304px; border:solid 4px #e1e1e1; }



#container{ margin-top:11px;}
#pro{ float:left; width:234px;}
#pro h2{ width:193px;  height:40px; color:#740300; font-size:14px; padding-top:8px; background:url(images/tit.gif) no-repeat left top; padding-left:41px;}
#pro .inner ul li{ width:234px; height:32px; background:url(images/pro_li.gif) no-repeat left top;}
#pro .inner ul li:hover{ width:234px; height:32px; background:url(images/pro_li2.gif) no-repeat left top;}
#pro .inner ul li:hover a{  color:#FFF}
#pro .inner ul li a{ padding-left:42px; line-height:34px; }


.midd{float:left; width:516px; border-left: solid 1px #ededed;}
#about{width:516px; margin-right:15px; margin-left:1px }
#about h2{width:475px;  height:40px; background:url(images/tit.gif) no-repeat left top;  padding-left:41px; }
#about h2 a{  color:#740300; font-size:14px; line-height: 38px;}
#about h2 span{float:right;}
#about .inner { width:516px; height:120px; min-height:44px; background:url(images/about_bg.gif) no-repeat; line-height:24px; color:#303030; padding-top:11px; }
#about .inner img{ float:left; width:164; height:112px; border:1px #cccbd0 solid; margin-left:9px; margin-right:9px} 

#products{width:516px; margin-top:15px; margin-left:1px}
#products h2{width:475px;  height:40px; background:url(images/tit.gif) no-repeat left top;  padding-left:41px; }
#products h2 a{ color:#740300; font-size:14px; line-height: 38px;}
#products h2 span{float:right;}
#products .inner{height:auto; min-height:44px; background:url(images/about_bg.gif) no-repeat left top; padding-top:11px;}
#products .inner ul li{ width:148px;  float:left; padding:3px 10px; text-align:center;}
#products .inner ul li img{ border:dashed 1px #cecece; padding:4px}
#products .inner ul li img:hover{ border:dashed 1px #740300; padding:4px}

#products .inner ul li a{ text-align:center; line-height:28px;}

.right{float:left; margin-left:10px; width:238px;}
#news{ width:238px;}
#news h2{  width:197px;  height:56px; background:url(images/new_tit.gif) no-repeat left top;  padding-left:41px; color:#740300; font-size:14px; line-height:72px; }
#news h2 span{float:right;}
#news .inner{ width:224px; height:210px; line-height:24px; color:#303030; margin-top:8px; background:url(images/new_bg.gif) no-repeat; overflow:hidden; padding:0 8px;}
#news .inner span a{ color:#e5141a;}

#contact{ margin-top:8px;}
#contact h2{  width:197px;  height:56px; background:url(images/contact_tit.gif) no-repeat left top;  padding-left:41px; color:#740300; font-size:14px; line-height:72px; }
#contact h2 span{float:right;}
#contact .inner{ line-height:26px; width:196px; height:137px; background:url(images/contact_inner.gif) no-repeat; padding:70px 21px 0 21px }

#footer_bg{ width:100%; height:97px; background:url(images/footer.gif) repeat-x left top; margin-top:14px;}
#footer{  text-align:center; padding-top:26px;}
.copright{ float:left; margin-left:216px;}
.links{ float:left; margin-left:10px; margin-top:5px;}



.sidebar{ float:left; width:238px; }
.subnav{ float:left;width:238px; height:auto}
.subnav h2{  width:193px;  height:40px; color:#740300; font-size:14px; padding-top:8px; background:url(images/tit.gif) no-repeat left top; padding-left:41px; }
.subnav .inner{width:238px; overflow:hidden; }
.subnav .sub1{width:238px; height:32px; line-height:34px;  background:url(images/pro_li.gif) no-repeat left top;}
.subnav .sub1:hover{ width:234px; height:32px; background:url(images/pro_li2.gif) no-repeat left top;}
.subnav .sub1 a{color:#740300;  padding-left:42px; line-height:34px;}
.subnav .sub1:hover a{  color:#FFF}

.subnav .sub2{width:234px; height:32px; line-height:34px;}
.subnav .sub2 a{color:#740300;  padding-left:42px; line-height:34px;}
.subnav .sub2:hover a{ color:#740300; text-decoration:underline;}


#sub_contact{ margin-top:8px; float:left}
#sub_contact h2{  width:197px;  height:56px; background:url(images/contact_tit.gif) no-repeat left top;  padding-left:41px; color:#740300; font-size:14px; line-height:72px; }
#sub_contact h2 span{float:right;}
#sub_contact .inner{ line-height:26px; width:196px; height:137px; background:url(images/contact_inner.gif) no-repeat; padding:70px 21px 0 21px }


#main{width:760px;float:right; border-top:4px #c8c8ca solid; background:#fff; display:inline; border-left:solid 1px #ededed;border-right:solid 1px #ededed; }

.crumb{width:719px; height:40px;float:left; color:#740300; font-size:14px; font-weight:bold; padding-top:8px; background:url(images/tit.gif) no-repeat left top; padding-left:41px; }
.crumb span{ height:20px; float:right; font-weight:normal; color:#2d2013;  font-size:12px; line-height:20px;border-bottom:1px #3f3f3 solid;padding-right: 10px; }

.article {width:733px; float:left;line-height:24px;text-align:left;padding:8px 12px 10px 15px; font-size:12px; color:#303030;}

