
/* CSS Document */
#left{ width:225px; float:left; overflow:hidden;}
#left  .top{text-align:left;}
#left .top ul{border:#e8e8e8 1px solid; padding:5px;}
#left .top li{font-size:13px; }
#left .top li a{ line-height:35px; height:35px; display:block; background:url(left_li_bg2.gif) no-repeat 20px center; padding-left:39px;}
#left .top .now, #left .top li a:hover{background:#f5f5f7 url(left_li_bg.gif) no-repeat 20px center; color:#359af1;  }
#left .top ul li ul{border:0px; padding-left:10px;}
#left .top ul li ul li{height:25px;}
#left .top ul li ul li a{ line-height:25px; height:25px; display:block; background:url(left_li_bg3.gif) no-repeat 20px center; padding-left:35px; font-size:12px;}
#left .top ul li ul li a:hover, #left .top ul li ul .now{background:#f5f5f7 url(left_li_bg5.gif) no-repeat 20px center; color:#359af1; line-height:25px; height:25px; }
#left .search{border:#e8e8e8 1px solid; margin-top:7px;}

#right{width:710px; float:right; text-align:left;}
#right .title2{background:url(title_bg.gif) no-repeat left bottom; height:40px; padding-bottom:6px;}
#right .title2 img{float:left;}
#right .title2 span{float:right; width:390px; text-align:right; line-height:39px;}
#right .text{padding:7px;}
#right .text p{ text-indent:25px; line-height:17px; margin:5px 0px 12px 0px;}

#right .news li{ background:url(news_li_bg.jpg) no-repeat left center; height:30px; line-height:30px; border-bottom:#ccc 1px dotted;}
#right .news {border:1px solid #ccc; padding:10px;  font-size:12px; list-style-type:none; }
#right .news li a .lbt {display:block; width:570px; float:left; text-indent:20px; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; display:inline;}
#right .news li a .ldt {display:block; width:60px; float:right; text-align:center; color:#069; text-decoration:none; display:inline;}
#right .news li a {width:670px; height:30px; display:block; line-height:30px; color:#666; text-decoration:none; cursor:hand; background:url(20070807_bg.png) no-repeat 0 0;}
#right .news li a:hover{ color:#03c; text-decoration:none; }
#right .news li a:hover .ldt {color:#03c;}
#right .pages{text-align:right; margin:5px;}
#right h6{text-align:left; font-weight:normal;}


#right .case{border:#e8e8e8 3px solid; width:690px;  margin-top:7px; padding-left:15px;}
#right .case .cas{ width:150px; text-align:center; float:left; margin-top:15px; margin-left:15px; display:inline;}
#right .case .img{background:url(case_bg.gif); height:95px; width:127px; padding:10px; text-align:center; overflow:hidden;}
#right .case .text{   width:142px; padding-right:5px; }
#right .case .text span{height:20px; line-height:20px; display: block; width:140px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
#right .case .cas img{height:95px; width:125px;}

#right .brand{ width:690px; padding:10px; border:#e8e8e8 1px solid; background:url(brand.gif) repeat-x top left;}
#right .brand ul{width:550px; float:right; border-left:#ccc 1px dotted; padding-left:17px;}
#right .brand li{float:left; width:110px; line-height:25px;}
#right .brand .now{ color:#f00;}
#right .brand h6{float:left; width:80px; font-weight:normal; font-size:13px; height:27px; line-height:27px; background:url(left_li_bg6.gif) no-repeat 10px center; padding-left:25px; margin:0px;}

#right .cen{text-align:center; }
#right .cen img{padding:5px; border:#e8e8e8 1px solid; width:500px; height:375px;}
#right .products{ padding:10px; overflow:hidden;}
#right .products p{text-indent:0px;}
#right .products h5{font-size:13px; height:27px; line-height:27px; background:#f5f5f7 url(left_li_bg6.gif) no-repeat 10px center; padding-left:25px; margin:7px 0px; text-align:left; }