#wrap{ width:1003px; margin:0 auto}
.header{ height:136px; background:url(../images/co.gif) 0 bottom repeat-x scroll}
.top{ margin-top:14px; margin-bottom:7px; margin-right:10px;}
.top li{ display:inline; color:#FFFFFF}
.top li.t1{ font-size:18px; font-weight:bold}
.top li.t2{ color:#716d6a; margin-left:3px; margin-right:3px;}
.top li.t2 a{ color:#716d6a;}
.top li.t3{ color:#cccccc; margin-left:3px; margin-right:3px;}
.top li.t3 a{ color:#cccccc;}
.logo{ float:left; margin-top:20px; display:inline}
.search{  margin-right:10px; float:right}
.search table tr td input{ background:url(../images/searchbg.gif) 0 0 no-repeat scroll; width:147px; height:25px; border:0; line-height:25px; color:#858585; padding-left:10px;}
.search table tr td a{ font-size:14px; font-weight:bold}
.hright{ float:right; text-align:right}

.nav{ background:url(../images/nav.gif) 0 0 no-repeat scroll; width:708px; height:34px; line-height:34px; clear:both;}
.nav li{ display:block; float:left; background:url(../images/navr.gif) right 0 no-repeat scroll; height:34px; line-height:34px; padding-left:20px; padding-right:20px; display:inline}

.main{ clear:both; margin-top:10px;}
.left{ width:570px; float:left; display:inline; margin-left:10px;}
.left ul{padding:0; margin:0}
.left ul li{  margin-right:0px; padding:0; margin:0;  width:186px; float:left; display:inline; margin-left:1px;}

.middle{ width:292px; float:left; margin-left:0px; display:inline; margin-left:16px;}
.middlea{ background:url(../images/khbg.gif) 0 0 no-repeat scroll; height:166px;}
.middlea h2{ height:30px; position:relative}
.middlea h2 a{ position:absolute; top:3px; right:3px;}
.middlea ul{ margin-left:10px; margin-right:10px;}
.middlea ul li{  background:url(../images/ico.gif) 7px 13px scroll no-repeat; border-bottom:#ffffff 1px dashed; padding-left:18px; line-height:26px; height:26px; overflow:hidden}
.middlea ul li a{ color:#1b3386}
.middleb{ background:url(../images/nlbg.gif) 0 0 no-repeat scroll; height:270px; margin-top:10px;}
.middleb p{ width:270px; height:226px; padding-top:30px; padding-left:10px;}

.right{ float:right; background:url(../images/rightbg.gif) 0 0 no-repeat scroll; width:84px; height:449px; margin-right:10px; display:inline}
.right ul{ margin-left:8px; margin-top:40px;}


.footer{ height:125px; background:url(../images/co.gif) 0 0 repeat-x scroll; clear:both}
.footerl{ width:700px; float:left; margin-left:20px; display:inline}
.yu{ width:136px; float:right; margin-top:10px; display:inline; margin-right:20px;}
.footerl ul{ margin-top:10px; margin-bottom:3px;}
.footerl ul li{ display:inline; margin-right:10px; line-height:20px; color:#696967}
.footerl ul li a{ color:#696967;}
.footerl p{ color:#434c58; line-height:20px;}

.sider{ background:url(../images/leftbg.gif) 0 0 no-repeat scroll; width:212px; float:left; display:inline; margin-left:20px; height:449px;}
.sider h2{ background:url(../images/siderh2.gif) center 0 no-repeat scroll; height:29px; line-height:29px; color:#cccccc; font-size:14px; font-weight:bold; padding-left:34px; margin-top:10px;}
.sider ul{ width:185px; margin:0 auto; margin-top:10px;}
.sider ul li{ }
.sider ul li a{ display:block; height:26px; line-height:26px; padding-left:20px; color:#707f92;border-bottom:#333232 1px solid; }
.sider ul li a:hover{ background:url(../images/siderhov.gif) 0 0 no-repeat scroll; elevation:26px; line-height:26px; text-decoration:none; color:#FFFFFF}
.sider h3{ padding-left:34px; height:26px; line-height:26px; color:#CCCCCC; font-size:14px; margin-top:10px;}
.sider p{ padding-top:4px; padding-bottom:4px; margin-left:34px; margin-right:34px; color:#707f92}

.container{ background:url(../images/conbg.gif) 0 0 no-repeat scroll; width:748px; float:right; display:inline; margin-right:20px; height:449px; line-height:22px;}
.bread{ height:30px; line-height:30px; color:#7c7c7c; padding-left:19px;}
.bread a{ color:#7c7c7c; margin-left:5px; margin-right:5px;}
.bread span{ font-weight:bold; margin-left:5px; margin-right:5px;}
.container h2{  height:28px; line-height:28px; color:#000; font-size:14px; padding-left:19px;background:url(../images/containerh2.gif) 0 right no-repeat scroll;}
.about,.products,.news{ height:360px; overflow:auto; margin-left:19px; margin-right:19px; margin-top:6px; color:#FFFFFF;}
.products ul li{ display:inline; float:left; width:186px; margin-left:20px; margin-right:20px; margin-top:10px; background-color:#000000; border:#979595 1px solid}
.products ul li a{ text-align:center}
.products ul li a img{ width:186px; height:104px;}
.products ul li a span{ display:block; text-align:center; color:#FFFFFF; margin-top:4px; line-height:20px;}

.news ul li{ border-bottom: #666666 1px dashed; padding-top:9px; padding-bottom:9px; padding-left:10px;}
.news ul li span{ margin-right:8px;}

.z1{ background:url(../images/pro/1.gif) 0 0 no-repeat scroll; height:12px; }
.z2{ background:url(../images/pro/2.gif) 0 0 repeat-y scroll;margin-top:0px!important; margin-top:-3px; line-height:22px;}
.z3{ background:url(../images/pro/3.gif) 0 0 no-repeat scroll; height:15px;}

.zzz{display:inline;
float:right;
margin-right:20px;
width:748px;}

.zzz h2{  height:28px; line-height:28px; color:#000; font-size:14px; padding-left:19px;background:url(../images/containerh2.gif) 0 right no-repeat scroll;}

.zzzz{ padding-top:10px; padding-bottom:10px; background-color:#333333; border:#000000 1px solid; width:96%; margin:0 auto;  margin-top:10px;}
.zzzz a{ color:#fff; font-size:14px; font-weight:bold; margin-left:10px; margin-right:10px; display:block; margin-top:20px; margin-bottom:20px;}