body{ margin:0; padding:0;font-family:"ËÎÌå"; font-size:12px; color:#13202B; background:url(bg.jpg) top center repeat-x #fff;}
img{ border:0;}
ul{ margin:0; padding:0; list-style:none;}

.tt{ width:100%; height:24px; padding:4px 0 0 0; background:url(tt.jpg) repeat-x; border-bottom:1px solid #D6D9DC;}
 .tta{ width:75px; height:24px; line-height:24px; font-size:14px; font-weight:bold; color:#164093; float:left; margin:0; padding:0 0 0 5px;}
 .ttb{ width:80px; height:24px; float:right; margin:0 5px 0 0; line-height:24px; text-align:right;}
 
/*·ÖÒ³À¸*/
#tiaozi{height:28px;line-height:24px; text-align:center; margin:0 auto; padding:0; font-size:14px;}
#tiaozi li{height:28px;float:left; padding:0 2px 0 0; margin:0; list-style:none; background:#fff;}
#tiaozi li a{ width:26px; height:24px; padding:2px 0 0 0; display:block;border:1px solid #CCC}
#tiaozi li a:link,#tiaozi li a:visited,#tiaozi  li a:hover{ color:#005AA0; text-decoration:none;}
#tiaozi li.active{ width:28px; height:28px; padding:0 2px 0 0; }
#tiaozi li.active p{color:#FF6400; font-weight:bold; display:block; width:26px; height:24px; padding:2px 0 0 0;}
#tiaozi li.previous,#tiaozi li.next{ width:62px; height:28px; padding:0 2px 0 0;}
#tiaozi li.previous a{ width:48px; text-align:left;display:block; height:24px; padding-left:12px; color:#005AA0;background:url(pre.gif) 3px 9px no-repeat;}
#tiaozi li.next a{ width:48px;display:block; height:24px; text-align:right; padding:2px 12px 0 0; color:#005AA0; background:url(next.gif) 50px 9px no-repeat;}
#tiaozi li.previousnolink{ width:62px; height:28px; padding:0 2px 0 0; }
#tiaozi li.previousnolink p{ height:24px; width:48px; padding:2px 0 0 12px; text-align:left;border:1px solid #CCC; color:#5F5F5F; display:block;background:url(prenolink.gif) 3px 9px no-repeat;}
#tiaozi li.nextnolink{ width:62px; height:28px; padding:0 2px 0 0; }
#tiaozi li.nextnolink p{ height:24px; width:48px; padding:2px 12px 0 0; text-align:right;border:1px solid #CCC; color:#5F5F5F; display:block;background:url(nextnolink.gif) 50px 9px no-repeat;}
#tiaozi li a:hover{ background:#f2f2f2; color:#005AA0}
#tiaozi li.previous a:hover{background:url(pre.gif) 3px 9px no-repeat #f2f2f2;}
#tiaozi li.next a:hover{ background:url(next.gif) 50px 9px no-repeat #f2f2f2;}


.taijian{ width:0; height:0; clear:both; margin:0; padding:0; line-height:0; font-size:0;}
a:link,a:visited{ color:#414141; text-decoration:none;}
a:hover{ color:#414141; text-decoration:underline;}
p{ margin:0;}

#top{ width:100%; height:116px; margin:0 auto; background:url(topbg.jpg) center top no-repeat;}
 #topa{ width:1000px; height:74px; margin:0 auto;}
 #topl{ width:580px; height:74px; overflow:hidden; float:left;}
 #topl a{ width:580px; height:74px; display:block;}
 #topr{ width:250px; height:20px; float:right; margin:30px 0 0 0; text-align:right;}

#flash{ width:1000px; height:260px;overflow:hidden; margin:0 auto; padding:0;}
#foot{ width:100%; height:40px; margin:0; text-align:center; padding:25px 0 10px 0; background:url(foot.jpg) repeat-x; line-height:20px; color:#434343;}
 #manu{ height:38px;width:840px; margin:0 auto; padding: 0 0 0 160px;}
 #manu ul li{ width:100px; height:36px; float:left; padding:2px 2px 0 0; line-height:36px;font-size:14px; font-weight:bold; text-align:center; margin:0; overflow:hidden; background:url(manuli.jpg) right no-repeat;}
 #manu ul li a{ width:100px; height:34px; color:#21375E;}
 #manu ul li a:hover{color:#164093; text-decoration:none;}
 #foot a:link{ color:#434343; text-decoration:none;}
 #foot a:visited{ color:#434343; text-decoration:none;}
 #foot a:hover{ color:#434343; text-decoration:underline;}

#main{ width:1000px; margin:8px auto;}  
#l{ width:250px; float:left; overflow:hidden; border:1px solid #DCDCDC;}
 #la{ width:248px; height:206px; padding:1px;}
 
#lb{ width:250px; height:125px; margin:0; background:url(lb.jpg) no-repeat;}
#lb a{ width:250px; height:80px; margin:1px 0 0 0; display:block;}
#lc{ width:230px; padding:10px; line-height:20px; font-size:14px; color:#21375E;}

#r{ width:740px; float:right;overflow:hidden;}
 #ra{ width:740px; height:246px;}
  #rax{ width:364px; height:244px; float:left;border:1px solid #DCDCDC; }
   #raxx{ width:354px; height:201px; margin:7px auto; line-height:20px; overflow:hidden; color:#30549A;}
  #ray{ width:364px; height:244px; float:right;border:1px solid #DCDCDC; }
   #rayx{ width:354px; height:201px; margin:7px auto; line-height:20px; overflow:hidden;}
   .rayli{ width:334px; height:22px; line-height:22px; border-bottom:1px dashed #ccc; padding:2px 0 0 20px; background:url(rayli.jpg) 4px 7px no-repeat; overflow:hidden;}
   .rayli:hover{ background:url(rayli.jpg) 4px 7px no-repeat #f1f1f1;}
   .rayli a:link,.rayli a:hover,.rayli a:visited{ color:#30549A; text-decoration:none;}
 
 #rc{ width:738px; margin:8px 0 0 0; border:1px solid #DCDCDC;}
  #rcx{ width:718px; height:150px; margin:10px auto; overflow:hidden;}
  #rcx ul{ width:1392px;}
  #rcx ul li{ width:164px; height:150px; float:left; margin:0 10px 0 0;}
  .rclia{ width:160px; height:120px;border:2px solid #CCC;}
  .rclia img{ width:160px; height:120px;}
  .rclib{ width:164px; height:26px; line-height:26px; text-align:center; color:#21375E;}
  
/*about*/
#nr{ width:738px; float:right; overflow:hidden;border:1px solid #DCDCDC;}
#about{ width:718px;line-height:22px; margin:10px auto; font-size:14px; min-height:404px;_height:404px;} 
 #aboutpic{ float:left; margin:0 10px 0 0; padding:0;}
 
#pro{ width:718px; margin:10px auto; padding:0;overflow:hidden;}
  #pro ul{ width:800px; min-height:376px;_height:376px;}
  .proli{ width:172px; height:150px; float:left; margin:0 9px 0 0; overflow:hidden;}
  .prolia{ width:172px; height:129px;}
  .prolia img{ width:172px; height:129px;}
  .prolib{ width:172px; height:26px; line-height:26px; text-align:center; overflow:hidden; color:#21375E;}

#honor{ width:718px; margin:10px auto; overflow:hidden;}
 #honor ul{ width:800px;min-height:376px;_height:376px;}
 .honorli{ width:232px; height:205px; float:left; margin:0 10px 0 0;}
 .honorlia{ width:228px; height:171px; border:1px solid #C4E7FF; border:2px solid #f2f2f2;}
 .honorlia img{ width:228px; height:171px;}
 .honorlib{ width:232px; height:30px; text-align:center; line-height:30px; color:#21375E; font-size:14px;} 


 
/*news*/
#news{ width:718px; margin:10px auto;}
  #news ul{ width:718px; height:377px;}	 
  .newsli{ width:718px; height:25px; border-bottom:1px dashed #ccc; overflow:hidden; font-size:14px;}
  .newsli:hover{ background:#f1f1f1;}
   .newslia{ width:618px; height:23px; float:left;background:url(rayli.jpg) 4px 8px no-repeat; padding:2px 0 0 20px; line-height:23px;}
   .newslia a:link,.newslia a:hover,.newslia a:visited{ color:#363636; text-decoration:none;}
   .newslib{ width:80px; height:23px; padding:2px 0 0 0; line-height:23px; float:right; margin:0; text-align:right;}
  
  #newstitle{ width:100%; height:30px; margin:0 auto; line-height:28px; padding:2px 0 0 0; font-size:14px; font-weight:bold;text-align:center; border-bottom:1px dashed #ccc;}
  #newsadd{ width:100%; height:20px; padding:2px 0 0 0; line-height:20px; text-align:center; color:#666; font-size:12px;}
   #newsadd a:link,#newsadd a:hover,#newsadd a:visited{ color:#666; text-decoration:underline;}
  #newzt{ width:100%; margin:10px 0 0 0; line-height:22px; font-size:14px;}
  #newsx{ width:100%; height:20px;}
  #newsxa{ width:360px; height:20px; float:left; overflow:hidden;}
  #newsxb{ width:360px; height:20px; float:right; text-align:right; overflow:hidden;}
  
  
/*³ÉÔ±*/
#cy{ width:685px; padding:0 0 10px 15px;}
  #cy ul{ width:685px; height:788px;}	 
  .cyli{ width:685px; height:160px; font-size:12px; line-height:20px; border-bottom:1px dashed #ccc;padding:8px 0 8px 0; }
   .cylia{ width:120px; height:160px; float:left; margin:0; overflow:hidden;}
    .cylia img{ width:120px; height:160px;}
   .cylib{ width:558px; height:20px; float:right; margin:0;}
   .cylib span{ font-weight:bold;}
   .cylic{ width:558px; height:140px; float:right; margin:2px 0 0 0; overflow:hidden;}
   
   
#hr{ width:760px; margin:10px auto;}
  #hr ul{ width:760px; min-height:450px;_height:450px;}	 
#hr td{ line-height:20px; padding:2px 4px;}
.oo{ width:100px; text-align:center; font-weight:bold; font-size:14px; background:#f1f1f1;}
.xx{ width:260px;} 

#ly{ width:500px; padding:0; overflow:hidden; margin:20px auto; line-height:22px; color:#fff; min-height:300px;_height:300px;}
#ly form{ margin:0; padding:0; width:500px;}
.ly1{ width:100px; height:22px; text-align:center; float:left; border:1px dashed #ccc; border-right:0; margin:0 0 10px 0; color:#000;}
.ly2{ width:396px; height:22px; float:right; border:1px solid #ccc; margin:0 0 10px 0; background:#fff; overflow:hidden;}
.ly2 input{ width:390px; height:18px; padding:2px; border:0; background:0; line-height:16px;}
.ly3{ width:396px; height:100px; float:right; border:1px solid #ccc; margin:0 0 10px 0; background:#FFF;}
.ly3 textarea{ line-height:20px; width:394px; height:94px; border:0;}
#ly4{ width:100px; height:24px; margin:0 auto; }
#ly4 input{background:0; border:0; width:100px; height:24px; line-height:24px; padding:0;background:#BB0F0B; border:0; text-align:center; color:#fff;}


#r1{ width:740px; line-height:20px; height:160px; overflow:hidden;}
.r2{ width:740px; height:312px; overflow:hidden;}
 .r2 ul{ width:800px;}
 .r2li{ width:172px; height:156px; margin:0 10px 0 0; float:left;}
 .r2lia{ width:168px; height:126px; padding:1px; border:1px solid #fff;}
  .r2lia img{ width:168px; height:126px;}
 .r2lib{ width:172px; height:30px; line-height:30px; text-align:center;}