#wrap{ width:1003px; margin:0 auto; color:#CCCCCC}
.header{ background:url(../images/headerbg.jpg) 0 0 no-repeat scroll; position:relative; height:73px;}
.nav{ position:absolute; top:20px; right:26px;}
.nav ul li{  display:inline; float:left; width:88px;}
.nav ul li a{background:url(../images/navleft.gif) right 13px scroll no-repeat;padding-left:20px; padding-right:20px; display:block;height:30px; line-height:30px; color:#FFFFFF}
.main{ clear:both; background:url(../images/mainbg.gif) 0 0 no-repeat scroll; height:487px; position:relative}
.main1{ position:relative; clear:both; height:800px;}
.footer{ clear:both; height:98px;}
.index{  background-color:#000000; margin:0 auto; position:absolute; top:20px; left:20px; padding:10px;}
.copyright{ width:450px; float:left; margin-top:10px; margin-left:20px;}
.brand{ float:right; width:48px; margin-top:10px; margin-right:20px;}
.content{  background-color:#000000; margin:0 auto; position:absolute; top:20px; left:20px; padding:10px; height:420px; width:950px;}
.current{ padding-bottom:5px;}
.current a{ margin-left:6px; margin-right:6px;}
.current span{ margin-left:6px; margin-right:6px; font-weight:bold;}
.about,.case,.news{ padding:10px;}
.sider{ width:135px; float:left;}
.sider ul li{ border-bottom:#666666 1px dotted; padding-left:6px;}
.case{ width:740px; float:left}
.case ul li{ display:inline; float:left; width:248px; background-color:#1c1c1c; border:#363636 2px solid; text-align:center; margin-left:6px; margin-bottom:10px;}
.case ul li a{ text-align:center}
.case ul li a img{  margin-top:6px;}
.case ul li a span{ display:block; text-align:center}
.news ul{  border:#353535 3px solid; width:600px; margin:0 auto}
.news ul li{ padding-left:30px; padding-top:5px; padding-bottom:5px; border-bottom:#272626 1px solid; font-size:14px; background:url(../images/arrs.jpg) 17px 14px scroll no-repeat;}
.news ul li a{ color:#999999;}
.news ul li a:hover{ color:#666666}
.contact{ border:#353535 3px solid; width:600px; margin:0 auto; padding:10px;}