body{ margin:0; padding:0;font-family:"宋体"; font-size:12px; color:#666; background:url(bg.jpg) top center repeat-x #fff;}
img{ border:0;}
ul{ margin:0; padding:0; list-style:none;}

.tt{ width:100%; height:47px; background:url(tt.jpg) no-repeat;}
 .tta{ width:300px; height:20px; line-height:20px; float:left; margin:0; padding:15px 0 0 20px; color:#676767;}
 .tta span{ color:#71A320;}
 .ttb{ width:20px; height:20px; float: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:#666; text-decoration:none;}
a:hover{ color:#666; text-decoration:underline;}
p{ margin:0;}

#top{ width:100%; height:98px; background:url(top.jpg) top center no-repeat;}
 #topx{ width:980px; height:98px; margin:0 auto;}
 #logo{ width:300px; height:98px; float:left;}
.CRselectBox {background:#FFFFFF url(123.jpg) no-repeat;cursor:pointer;display:block;width:142px; height: 27px; margin:50px 0 0 0; padding:0; float:right;}
.CRselectBoxHover {	background:#FFFFFF url(234.jpg) no-repeat;}
.CRselectBox a.CRselectValue {display:block;margin:1px 1px 2px;	padding:1px 20px 2px 4px;white-space:nowrap;color:#000;	overflow:hidden;width:115px; height:20px;}
.CRselectBoxOptions {background:#FFFFFF;border:1px solid #CFCFCF; margin:0;list-style:none;z-index:1000;position: absolute;width:140px;height:44px;display:none;overflow:auto;}
.CRselectBoxOptions a{color:#000;display:block;	height:20px;line-height:20px; padding:2px 0 0 4px;background:#fff;overflow:hidden;white-space:nowrap;}
.CRselectBoxOptions a:hover{
	background:#f1f1f1
}
.CRselectBoxOptions a.selected{
	background:#f1f1f1
}
/* 解决 firefox 点击放大出现虚线框，从而导致滚动条的问题  */
.CRselectBox a { 
	outline: none; 
	text-decoration:none;
}
.CRselectBox a:focus { 
	outline: none; 
	text-decoration:none;
} 

#menu{width:980px; height:37px; margin:0 auto;}
#nav {margin:0 auto; width:980px; display:block;}
#nav .mainlevel{ width:980px;/*IE6 only*/}
#nav .mainlevel a {color:#555; text-decoration:none; line-height:35px; display:block; padding:2px 1px 0 0; width:121px; text-align:center; font-size:14px; font-weight:bold; float:left;}
#nav .mainlevel a:hover {color:#0E8140; background:url(menu.gif) repeat-x;}
#nav .mainlevel ul {display:none; position:absolute;width:980px;background:url(menubg.jpg) top no-repeat;}
#nav .mainlevel ul li{ width:111px; height:160px; float:left; border-right:1px solid #f1f1f1; margin:0; padding:0 5px;overflow:hidden;}
#nav .mainlevel ul li a{ width:111px; height:18px;line-height:18px; margin:0 auto; padding:2px 0 0 0; font-weight:normal;display:block; color:#fff; font-size:12px; text-align:center; overflow:hidden; float:none;}
#nav .mainlevel ul li a:link,#nav .mainlevel ul li a:visited{ color:#fff;}
#nav .mainlevel ul li a:hover{ background:#287352;color:#fff;}


.downarrowclass{position: absolute;top: 12px;right: 7px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}
.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}
.toplevelshadow{opacity: 0;}

#flash{ width:978px; height:336px; margin:0 0 20px 0; overflow:hidden;}
#foot{ width:100%; height:20px; margin:0;padding:22px 0 23px 0; background:url(foot.jpg) repeat-x; line-height:20px;}
 #footx{ width:980px; height:20px; line-height:20px; margin:0 auto;}
 #footl{ width:400px; height:20px; float:left;}
 #footr{ width:500px; height:20px; float:right; text-align:right;}
 #foot a:link{ color:#575757; text-decoration:none;}
 #foot a:visited{ color:#575757; text-decoration:none;}
 #foot a:hover{ color:#5EAB24; text-decoration:underline;}
 
#index{ width:980px; margin:0 auto;}
#flashin{width:980px; height:388px;overflow:hidden; color:#575757; overflow:hidden;}
#ina{ width:359px; height:121px; float:left;}
 #inax{ width:329px; height:60px; padding:15px; background:#fff;}
 #inax1{ width:100px; height:61px; float:left;}
 #inax2{ width:214px; height:61px; float:right;}
 #inax2 ul li{ width:214px; height:20px; line-height:20px; }
.t{ width:100%; height:30px; background:url(t.jpg) repeat-x;}
.ta{ width:202px; height:30px; float:left;}
.tb{ width:43px; height:30px; float:right;}
.inb{ width:202px; height:121px; float:left; padding:0 0 0 5px;}
.inbx{ width:202px; height:91px;background:#fff;}


#main{ width:978px; margin:32px auto; border:1px solid #D1D1D1; padding:0 0 20px 0; background:#fff;}  

  
/*about*/
#l{ width:177px; float:left; margin:0 20px 0 0; padding:0 0 0 20px; float:left;}
 #la{ width:175px; border:1px solid #ddd; background:url(la.jpg) repeat-x #fff;}
 #lb{ width:177px; height:100px; margin:12px 0 0 0;}
 #lc{ width:177px; height:65px; margin:12px 0 0 0;}
 #ltt{ width:175px; height:45px; margin:0;}
 #lax{ width:155px; margin:0 auto; padding:0 0 10px 0;}
 #lax ul li{ width:155px; border-bottom:1px solid #ddd; height:28px;}
 #lax ul li a{ width:145px; height:22px; line-height:22px; padding:2px 0 0 10px; margin:2px 0 0 0; display:block;}
 #lax ul li a:hover{ background:#f1f1f1; text-decoration:none; color:#5E8E3A; font-weight:bold;}
 #lax ul li a.x{ background:#f1f1f1; text-decoration:none; color:#5E8E3A; font-weight:bold;}
#r{ width:177px; border:1px solid #ddd; margin:0 20px 0 0; padding:0 0 20px 0; float:right;}
 #rtt{ width:167px; height:29px; line-height:29px; font-size:14px; color:#5E8E3A; background:url(rtt.jpg) repeat-x; border-bottom:1px solid #ddd; padding:2px 0 0 10px;}
 .rx{ width:157px; margin:0 auto; padding:10px 0 10px 0; border-bottom:1px solid #ddd; line-height:20px;}
#nr{ width:542px; float:left; overflow:hidden;}
#about{ width:542px;line-height:20px; margin:10px auto;} 

#pro{ width:542px; margin:10px auto; padding:0;overflow:hidden;}
  #pro ul{ width:600px; height:460px;}
  .proli{ width:266px; height:226px; float:left; margin:0 10px 0 0; overflow:hidden;}
  .prolia{ width:260px; height:195px; border:1px solid #CCC; padding:2px;}
  .prolia img{ width:260px; height:195px;}
  .prolib{ width:266px; height:25px; line-height:25px; text-align:center; overflow:hidden;}

#honor{ width:542px;margin:0; padding:10px 0; overflow:hidden;}
 #honor ul{ width:580px;}
 .honorli{ width:176px; height:157px; float:left; margin:0 7px 0 0;}
 .honorlia{ width:172px; height:129px; border:1px solid #ddd; padding:1px;}
 .honorlia img{ width:172px; height:129px;}
 .honorlib{ width:176px; height:24px; text-align:center; line-height:24px;} 


 
/*news*/
#news{ width:542px; margin:10px auto;}
  #news ul{ width:542px; min-height:320px;_height:320px; overflow:visible;}	 
  .newsli{ width:542px; height:25px; border-bottom:1px dashed #ccc; overflow:hidden; font-size:14px;}
  .newsli:hover{ background:#f1f1f1;}
   .newslia{ width:442px; height:23px; float:left;background:url(rayli.gif) 5px 9px 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;}