/** john 6-2 up **/
.wrap{ margin:0 auto; width:950px;overflow:hidden; }
.ft{ margin-top:10px;}

.ct{ width:950px; margin:0 auto; background:#fff;}
#banner01{ width:950px; height:90px; margin-top:5px; overflow:hidden;}
#banner01 img{width:950px; height:90px;}
#banner02{ width:950px; height:90px; overflow:hidden;}
#banner02 img{width:950px; height:90px;}
/**  part1 **/
.area{ position:relative;}
#part1 .section{ width:596px; height:527px; position:relative; background:#fff url(../images/zo_p1.png) no-repeat; margin:10px 0 0 20px;}
.news h2{ height:54px; text-indent:-9999px; position:relative;}
.news h2 a{width:30px; height:12px;  position:absolute; right:30px; top:28px; text-indent:-9999px;}
.news ul{ width:553px; margin:0 0 0 22px; padding-bottom:15px;}
.news li{ background:url(../images/ze_d.png) 9px 10px no-repeat; font-size:14px; height:28px;*height:26px; _height:26px; line-height:26px; overflow:hidden;position:relative; text-indent:32px;}
.news .newsli{ display:block; width:370px; overflow:hidden; font-size:14px; font-weight:normal;}
.news li b { width:100px;  font-weight:normal; font-size:12px; position:absolute; left:370px; top:0;}
.news li b a{ color:#000; font-size:12px; }
.news li a{ color:#333333;}
.news li span{ color:#5658c6; font-size:12px; font-family:Arial; position:absolute; right:8px; top:0;}
.hotht h2{ height:30px;text-indent:-9999px; position:relative;}
.hotht h2 a{ width:30px; height:12px; position:absolute; right:30px; top:18px;text-indent:-9999px;}
.hotht ul{ width:582px; height:131px; margin:20px 0 0 4px; padding:15px 0 0 18px; overflow:hidden;}
.hotht li{ width:131px; float:left; margin-right:13px; display:inline;}
.hotht li img{ width:119px; height:84px; border:solid 3px #fff;}
.hotht li h3{ font-weight:normal; font-size:12px; height:20px; line-height:20px; overflow:hidden;}
.hotht li h3 a{ color:#333333;}
/** p1 side **/
#part1 .side{ width:306px; height:527px; background:url(../images/zo_side.png) no-repeat; position:absolute; right:15px; top:0;}
#blog{ height:519px;}
#blog h2{ width:280px; height:25px; line-height:25px; margin:12px 0 20px 10px; background:url(../images/zo_h2.png) no-repeat; font-size:14px; color:#fff;text-indent:26px;}
#blog h2 .more{ display:none;} 
#blog h2 a{ color:#fff;}
#blog dl{ margin:0 0 10px 12px; height:158px; overflow:hidden;}
#blog dl img{ width:108px; height:108px; padding:6px 0 0 4px; }
#blog dt{ width:117px;float:left;  background:#eeeeee;}
#blog dt .one{ width:108px; display:block; margin:0 5px; text-align:center; line-height:20px; overflow:hidden}
#blog dd{ width:140px; height:36px; line-height:18px; overflow:hidden; float:left; background:url(../images/ze_d.png) 16px -691px no-repeat; padding-left:30px; margin-bottom:20px;}
#blog ul{ margin:12px 0 0 10px;}
#blog li{background:url(../images/ze_d.png) 8px -687px no-repeat; height:24px; line-height:24px; overflow:hidden; text-indent:28px; padding-right:10px;}
#blog a{ color:#000000;}

/**   part2     **/
#part2{ margin-bottom:10px;}
#part2 .section{ width:596px; height:509px; background:url(../images/zo_p1.png) left -541px no-repeat ;margin:10px 0 0 20px; position:relative;}
.bbs h2{ width:200px; height:66px; text-indent:-9999px; float:left;}
.bbs .loginbbs{ width:310px; height:25px; line-height:25px;_padding-top:2px; color:#fff; float:left; font-weight:bold; overflow:hidden; margin:20px 0 0 78px;  }
.bbs .loginbbs li{ width:134px;float:left;}
.bbs .loginbbs .dlbss{ width:36px; position:relative; }
.bbs .loginbbs .dlbss input{width:36px; height:20px; border:0;font-weight:bold; color:#fff; position:absolute; left:-10px; top:2px;}
.bbs .loginbbs input{ width:70px; height:17px; border:0; background:none; }
.bbs h3{ color:#000; clear:both; font-weight:normal; font-size:12px; height:20px; line-height:20px; margin:0 0 15px 0;} 
.bbs h3 b{ width:52px; height:18px; color:#000; font-weight:normal; margin:0 0px 0 14px;}
.bbs h3 a{ color:#E13300;}
.bbs h4{ width:628px; height:24px; font-size:12px; font-weight:normal; line-height:24px; color:#fff; overflow:hidden;}
.bbs h4 span{ float:left;display:block;}
.bbs h4 .one{ width:410px; text-indent:28px; }
.bbs h4 .two{ width:88px; }
.bbs .list{ font-size:14px; margin:18px 0 0 0;}
.bbs .list li{ margin-left:28px; background:url(../images/ze_d.png) left 10px no-repeat; height:28px; line-height:28px; text-indent:24px; overflow:hidden; position:relative;}
.bbs .list .one{ overflow:hidden; display:block; width:340px;}
.bbs .list li a{ color:#333333;}
.bbs .list .writer{ width:100px; color:#333; position:absolute; left:355px; top:0;}
.bbs .list .nub{ width:50px; color:#333; position:absolute; left:453px; top:0;}
.bbs .list .nub b{ color:#0045d6; font-size:12px; font-weight:normal;}

/**  side   **/
#part2 .side{ width:306px; height:517px;background:url(../images/zo_side.png) left -538px no-repeat; position:absolute; right:15px; top:0;}
#pl h2{ width:280px;height:24px; line-height:24px;background:url(../images/zo_h2.png) no-repeat; color:#fff; font-size:14px; margin:9px 0 7px 11px;   text-indent:30px;}
#pl h2 .more{ display:none;} 
#pl h2 a{ color:#fff;}
#pl ul{ margin:10px 0 5px;}
#pl li{ background:url(../images/ze_d.png) left -687px no-repeat; height:24px; line-height:24px; overflow:hidden; margin-left:16px; padding:0 15px 0 20px;}
#pl li a{ color:#000000;}
#hotnews{ height:310px;}
/**
#hotnews h2{ width:301px; height:34px;background:url(../images/zo_h2.png) left -35px no-repeat;  line-height:28px;display:block;  text-align:center; font-size:14px; margin:0 0 5px 1px;  overflow:hidden;}
#hotnews h2 a{ width:149px; height:30px; color:#fff; display:block; float:left;}
#hotnews h2 a.active{ width:132px; display:block; font-size:12px; text-indent:18px;}
**/
#hotnews h2{ width:151px;height:34px;background:url(../images/zo_h2.png) left -35px no-repeat; float:left;line-height:28px;display:inline;  text-align:center; font-size:14px; margin:0 0 5px 1px;  overflow:hidden;}
#hotnews h3{ width:150px;height:34px;background:url(../images/zo_h2.png) -151px -91px no-repeat; float:left;line-height:28px;display:inline;  text-align:center; font-size:14px; margin:0 0 5px 0px;  overflow:hidden;}
#hotnews a{ color:#fff;}
#hotnews h2 a.active{width:150px;height:34px;background:url(../images/zo_h2.png) left -91px no-repeat; float:left;line-height:28px;display:block; }
#hotnews h3 a.active{width:150px;height:34px;background:url(../images/zo_h2.png) -151px -35px no-repeat; float:left;line-height:28px;display:block; }

#hotnews ul{ width:290px; height:250px; clear:both; }
#hotnews li{ font-size:14px; height:32px; line-height:32px; padding:0 20px 0 30px;overflow:hidden;}
#hotnews li a{ color:#000;}

/**  links    **/
.link{ background:url(../images/ze_links.png) left -130px repeat-x; height:62px; padding-top:15px; margin-top:1px; overflow:hidden; }
.link h2{ width:70px; height:24px;clear:both; margin-left:20px; line-height:24px; float:left; font-weight:normal; display:inline; font-size:12px; }
.link ul{ width:855px; overflow:hidden; float:left;}
.link li{height:24px; line-height:24px; float:left; margin:0 5px; display:inline;}
.link li a{ color:#356883;}