footer jquery不错的底部切换。 亮点在于 , script 代码

footer切换

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>乳腺纤维瘤的治疗方法_上海乳腺纤维瘤医院_上海宏康医院乳腺科</title>
<link href="css/ruxian.css" rel="stylesheet" type="text/css" />
<base target="_blank" />

</head>

<body>

<!--导航-->
        

<!--banner-->
 
<!--banner-->
<!--导航结束-->
<div class="wrap">
    
    
    <div class="clear"></div>
<div class="danwei">
    <ul class="dwtab">
        <li class="hover" onmouseover="setTab('dw',1,5)" id="dw1">指导单位</li>
        <li onmouseover="setTab('dw',2,5)" id="dw2">医院环境</li>
        <li onmouseover="setTab('dw',3,5)" id="dw3">尖端设备</li>
        <li onmouseover="setTab('dw',4,5)" id="dw4">疾病导航</li>
        <li onmouseover="setTab('dw',5,5)" id="dw5">其他科室</li>
    </ul>
    <div class="dwcon" id="con_dw_1">
        <img src="picture/danwei.jpg" alt="上海乳腺科医院(宏康乳腺外科)合作单位" width="939" height="98" />
    </div>
     <div class="dwcon" id="con_dw_2">
        <div class="dwcon2" id="dwcon1">
        	<ul id="dwcon11">
        		<li><img src="picture/hj01.jpg" alt="上海医保医院环境" width="140" height="98" /></li>
        		<li><img src="picture/hj02.jpg" alt="上海公立医院网上预约" width="140" height="98" /></li>
        		<li><img src="picture/hj03.jpg" alt="上海三甲医院网上挂号" width="140" height="98" /></li>
        		<li><img src="picture/hj04.jpg" alt="上海医院预约挂号" width="140" height="98" /></li>
        		<li><img src="picture/hj05.jpg" alt="上海宏康医院网上预约" width="140" height="98" /></li>
        		<li><img src="picture/hj06.jpg" alt="上海宏康医院网上预约" width="140" height="98" /></li>
        	</ul>
		</div>
    </div>
     <div class="dwcon" id="con_dw_3">
         <div class="dwcon2" id="dwcon2">
        	<ul id="dwcon21">
        		
        		<li><a rel="nofollow" href="/waike/xjsb/1208.html"><img src="picture/13815605294735.jpg" alt="彩色超声诊断仪" width="140" height="98" /></a></li>
        		
        		<li><a rel="nofollow" href="/waike/xjsb/1197.html"><img src="picture/13815599143465.jpg" alt="钬激光手术系统" width="140" height="98" /></a></li>
        		
        		<li><a rel="nofollow" href="/waike/xjsb/1190.html"><img src="picture/13815595971316.jpg" alt="PPH微创治疗仪" width="140" height="98" /></a></li>
        		
        		<li><a rel="nofollow" href="/waike/xjsb/1185.html"><img src="picture/13815590105109.jpg" alt="美国HCPT电凝电切仪" width="140" height="98" /></a></li>
        		
        		<li><a rel="nofollow" href="/waike/xjsb/1181.html"><img src="picture/13815588322579.jpg" alt="电子胃肠镜" width="140" height="98" /></a></li>
        		
        		<li><a rel="nofollow" href="/waike/xjsb/1180.html"><img src="picture/13815585259029.jpg" alt="德国STORZ腹腔镜" width="140" height="98" /></a></li>
        		
        		<li><a rel="nofollow" href="/waike/xjsb/1169.html"><img src="picture/13815578373061.jpg" alt="乳腺钼靶x线机" width="140" height="98" /></a></li>
        		
        		<li><a rel="nofollow" href="/waike/xjsb/1163.html"><img src="picture/13815575687442.jpg" alt="韩国Dr、camscope电子肛肠成像检查系统" width="140" height="98" /></a></li>
        		
        		<li><a rel="nofollow" href="/waike/xjsb/1160.html"><img src="picture/13815574684671.jpg" alt="RPH连发式痔疮套扎器" width="140" height="98" /></a></li>
        		
        		<li><a rel="nofollow" href="/waike/xjsb/1155.html"><img src="picture/1381557170331.jpg" alt="乳腺微创旋系统" width="140" height="98" /></a></li>
        		
        	</ul>
		</div>
    </div>
  <div class="dwcon" id="con_dw_4">
         <div class="dwdaohang">
            <ul>
              <li><strong>乳腺病症状:</strong></li>
              <li><a href="http://www.shhkyy.com/ruxian/zz/rftt/" title="乳房胀痛">乳房胀痛</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/zz/rfzk/" title="乳房肿块">乳房肿块</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/zz/rfyy/" title="牙周炎怎么治疗">牙周炎怎么治疗</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/zz/rfyy/" title="乳头溢液">乳头溢液</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/zz/rfsy/" title="乳房瘙痒">乳房瘙痒</a></li>
            </ul>
            <ul>
              <li><strong>乳腺疾病:</strong></li>
              <li><a href="http://www.shhkyy.com/ruxian/jb/rxy/" title="乳腺炎的症状">乳腺炎的症状</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/jb/rxnz/" title="乳腺囊肿">乳腺囊肿</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/jb/rxzs/" title="乳腺增生怎么办">乳腺增生怎么办</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/jb/rxxwl/" title="乳腺纤维瘤的治疗方法">乳腺纤维瘤的治疗方法</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/jb/fr/" title="副乳怎么消除">副乳怎么消除</a>|</li>
              <li><strong><a href="http://www.shhkyy.com/ruxian/jb/rxa/" title="上海乳腺癌医院">上海乳腺癌医院</a></strong>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/jb/nxrffy/" title="男性乳房肥大">男性乳房肥大</a></li>

            </ul> 
            <ul>
              <li><strong>常见乳腺检查:</strong></li>
              <li><a href="http://www.shhkyy.com/ruxian/jc/" title="乳腺检查项目">乳腺检查项目</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/jc/11347.html" title="乳腺钼靶检查">乳腺钼靶检查</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/jc/11363.html" title="乳腺常规检查项目">乳腺常规检查项目</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/zz/rftt/11280.html" title="经期乳房疼痛怎么办">经期乳房疼痛怎么办</a>|</li>
              <li><a href="http://www.shhkyy.com/ruxian/zz/rfzk/11303.html" title="乳房有硬块疼怎么回事">乳房有硬块疼怎么回事</a></li>
            </ul>
            <ul>
              <li><strong>乳房保养常识:</strong></li>
                <li><strong><a href="http://www.shhkyy.com/ruxian/" title="上海乳腺科医院">上海乳腺科医院</a></strong>|</li>
                <li><a href="http://www.shhkyy.com/ruxian/by/rcby/" title="乳房保养常识">乳房保养常识</a>|</li>
                <li><a href="http://www.shhkyy.com/ruxian/by/brby/" title="哺乳期怎么保养乳房">哺乳期怎么保养乳房</a>|</li>
                <li><a href="http://www.shhkyy.com/ruxian/by/shby/" title="乳腺手术后注意事项">乳腺手术后注意事项</a>|</li>
                <li><a href="http://www.shhkyy.com/plus/keyword.html" target="_blank" title="热门搜索">热门搜索</a>|</li>
                <li><a href="http://www.shhkyy.com/zuixinwenzhang.html" target="_blank" title="最新文章">最新文章</a></li>
            </ul>
        </div>
        </div>

 <div class="dwcon" id="con_dw_5">
         <div class="dwdaohang">
            
        </div>
    </div>
</div>
</div>
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>  
<script type="text/javascript">
function setTab(name,cursel,n){
  for(i=1;i<=n;i++){
  var menu=document.getElementById(name+i);
  var con=document.getElementById("con_"+name+"_"+i);
  menu.className=i==cursel?"hover":"";
  con.style.display=i==cursel?"block":"none";
  }

}
</script>
</body>
</html>


分析分析源代码

ruxian.css
*{ padding:0px; margin:0px;}body{font-family:宋体, Arial, Helvetica, sans-serif; color:#595959;font-size:12px; background:#FFF}img{border:none;vertical-align:bottom}a{color:#595959; text-decoration:none;}a:hover{text-decoration:underline;}ul{list-style:none;}input,select,button{font:12px Verdana,Arial,Tahoma; vertical-align:middle;}.clear{ clear:both;}.head{width:100%; height:108px; background:#31A840; overflow:hidden}.headw{width:960px; margin:0 auto; margin-top:38px;}.logo{float:left;}.headright{float:right; color:#FFF}.headright p a{color:#FFF; font-size:14px; margin:0 5px;}.hss{ float:left; margin-top: 15px;}.hss .ss01{background: url(../images/ss01.jpg) no-repeat; width:200px; height:26px; border:none; padding-left:15px; outline: none; float:left; line-height: 26px;}.hss .ss02{width:61px; height: 26px; background: url(../images/ss02.jpg) no-repeat; border:none; float:left; cursor: pointer}.nav{width:100%; font-weight:bold; height:48px; line-height: 48px; background: #1A9229; margin:0 auto; text-align:center; color:#FFF; font-size:14px; text-indent: -20px;}.nav a{color:#FFF; margin: 0 10px;}.banner{width:100%; height:387px; margin:0 auto; overflow: hidden; position: relative;}.banner p{width:100%; height: 387px;}.banner p a,.banner p span{width:100%; height: 387px; display: block; position: relative;}.banner p span.banner2 a{width:134px; height: 30px; background: #FFF; opacity:0; filter:alpha(opacity=0); position: absolute; left:50%;}.banner p span.banner2 .banner21{margin-left: 55px; top:320px;}.banner p span.banner2 .banner22{margin-left: 195px; top:320px;}.banner .tabbody{width:100%; margin:0 auto;}.banner .tabtitle{position:absolute; right: 50%; margin-right: -500px; bottom: 10px; z-index: 20}.banner .tabtitle span{display: block; width:15px; height: 15px; line-height: 15px; text-align: center; float:left; background:#403E3B; opacity: 0.7; filter:alpha(opacity=70); color:#FFF; font-weight: bold; margin: 0 2px;}.banner .tabtitle span.tabcur{width:20px; background:#FB6032; opacity: 1; filter:alpha(opacity=100);}.banner2 .tabtitle{display:none;}.wrap{width:1050px; margin:0 auto; background:url(../images/mainbg.jpg) repeat-y; overflow:hidden; padding-bottom:10px;}.con{width:998px; margin:10px auto 0;}.daohang{width:998px; margin:15px auto 0}.dhtop{text-align:center}.dhmain{width:998px; margin:0 auto; height:247px; background:#F2F2F2; padding-top:16px;}.ks{width:460px; float:left; height:100px; overflow: hidden; margin-left:22px; display:inline}.ks a:hover{color:#31A840}.ks .kslogo{width:90px; height:90px; margin-top:5px; float:left;}.ks .kslogo img{width:89px; height:88px;}.ks .ksdh{width:348px; float:left; height:100px; margin-left:10px;}.ksdh .kstitle{width:348px; font-size: 14px; height: 20px; line-height: 20px; margin-top: 5px;}.ksdh .kstitle a:hover{text-decoration:none}.ksdh .kstitle h2{display: inline-block; _zoom:1; *display:inline; font-size: 20px; font-family: "Microsoft Yahei"; }.ksdh .ksbz{width:348px; line-height: 20px; height: 40px; overflow: hidden; margin-top:8px;}.ksdh .ksbz a{margin:0 5px;}.ksdh .kszj{margin-top:8px;}.ksline{width:954px; margin:0 auto 15px; clear:both; border-bottom: 1px dashed #979797; padding-top: 15px;}.fktit{height:42px; line-height:42px; text-indent:10px; font-size:14px;}.fktit h3{font-family:"Microsoft Yahei"; font-size:20px; display:inline}.fktit2{text-indent:10px; font-size:14px; width: 998px; margin: 10px auto 0}.fktit2 h3{font-family:"Microsoft Yahei"; font-size:20px; display:inline}.meiti{width:286px; float:left;}.mtcon{width:284px; height:312px; border:1px solid #D5D5D5; overflow:hidden}.meiti .mtcon .topv{width:274px; height: 214px; margin:10px auto 0; background: #B7EAE7}.meiti .mtcon .vlist{width:260px; margin:15px auto 0;}.meiti .mtcon .vlist li{width:232px; height: 28px; line-height: 28px; background: url(../images/video.jpg) left no-repeat; padding-left:28px; font-size: 14px; overflow: hidden}.news{width:405px; float:left; margin-left:10px;}.ncon{width:403px; height:312px; border:1px solid #D5D5D5}.ncon dl{width:354px; margin:26px auto 0; font-size:14px; line-height:24px; height:72px;}.ncon dl dt{width:80px; float:left; font-weight:bold}.ncon dl dd{width:274px; float:left}.zhengzhuang{width:286px; float:right}.zzcon{width:284px; height:312px; border:1px solid #D5D5D5; overflow:hidden}.zzlist{width: 264px;text-align: left;font-size: 14px;line-height: 24px;margin: 15px auto 0;}.zzlist p{position:relative; left:-7px;}.zzlist a{margin:0 5px;}.zzzx{width:284px; text-align:center; margin-top:10px;}.keyan{width: 998px;margin: 10px auto 0; border:1px solid #DADADA; height: 355px; overflow: hidden;}.kyleft{float:left; display: inline; margin-left: 12px; margin-top: 13px; width: 233px;}.kyright{float:left; width: 745px; margin-top: 13px; margin-left: 4px;}.kyright img{float:left; margin-right:4px; margin-bottom: 4px;}.keyan ul{margin-left: 12px;}.keyan ul li{float:left; margin-right: 4px; text-align: center; margin-top: 20px;}.zhuanjia{width:701px; float:left;}.zjtit{width:701px; height:42px; background:#31A840; color:#FFF; line-height:42px;}.zjtit .fktit{float:left; width:200px;}.zjtit span{float:right; margin-right:12px;}.zjtit a{color:#FFF}.zjcon{width:699px; height:357px; border:1px solid #D5D5D5; border-top:none; overflow:hidden}.zjtop{width:634px; margin:20px auto 0; height:210px;}.zjpic{width:224px; float:left}.zjinfo{float:left; width:376px; float:left; margin-left:15px;}.zjname{line-height:20px; height:40px;}.zjpj{margin-top:20px; line-height:20px; height:60px;}.zjpj span{ font-size:14px;}.zjpj span a{color:#CAA95C}.zjjs{margin-top:15px; line-height:20px; height:40px;}.zjzx{height:20px; line-height:20px; margin-top:15px;}.zjzx a{font-size:14px;}.zjlistwrap{width:690px; margin:20px auto 0}.zjlist{width:690px;}.zjlist li{width:128px; float:left; margin:0 5px;}.jishu{float:right; width:286px;}.jishu .fktit{background:#31A840; color:#FFF}.jscon{width:284px; height:357px; border:1px solid #D5D5D5; border-top:none; overflow:hidden}.jscon2{border:none; height: 340px;}.jscon dl{width:258px; margin:15px auto 0;}.jscon dl dt{width:258px; height:34px; line-height:34px; text-indent:2px; background:#F2F2F2; font-size:14px; margin-bottom:1px;}.jscon dl dt a{display:block; width:258px; height:34px;}.jscon dl dd{width:258px; height:114px; margin-bottom:1px; background:#13C6BB; display:none}.bztit{width:1000px; height: 39px; background: #31A840; margin:0 auto; overflow: hidden}.bztit ul{margin-left: 18px; margin-top:5px;}.bztit ul li{float:left; height:34px; padding:0 15px; line-height: 34px; font-size:14px; font-weight: bold}.bztit ul li.hover{background: #FFF}.bztit ul li a{color:#FFF;}.bztit ul li.hover a{color:#464646;}.bzcon{width:998px; border:1px solid #D5D5D5; height: 378px; border-top:none}.bzleft{width: 710px; float:left;}.bzdh{width:710px; height: 42px; line-height: 42px; text-indent: 20px; border-bottom:1px solid #D5D5D5;}.bzdh a{margin:0 5px;}.bztop{float:left; margin:25px 0 0 20px; display: inline;}.bznews{width: 350px; float:left; margin:25px 15px 0 35px; display: inline; font-size: 14px; color:#464646; font-size:12px;}.bznews a{color:#464646;}.bznews dl{width: 350px; line-height: 24px; height: 90px;}.bznews dl dt{font-weight: bold;}.bznews ul{margin-top:20px;}.bznews ul li{height:24px; line-height: 20px; font-size:14px;}.bzright{float:right; width: 288px; overflow:hidden}.bzwd{width:288px; height: 42px; line-height: 42px; border-bottom:1px solid #D5D5D5; font-size: 14px; }.bzwdlist{width:257px; border-left: 1px solid #D5D5D5; height: 320px; padding-top: 15px; font-size: 14px; line-height: 26px;}.bzwdlist ul{margin-left:30px; margin-top:15px;}.bzwdlist a{color:#464646;}.zzbx{width:340px; height:40px; line-height:40px; padding:0 10px; background:#F7F7F7; border:1px dotted #B5B5B5; margin-top:18px;}.altop{width:288px; margin-top:5px; text-align:center}.tese{width:998px; margin:10px auto 0; border:1px solid #D7D7D7; height:330px; background:url(../images/tsbg.jpg) 0 -1px no-repeat}.tese ul{width:996px; margin:50px auto 0;}.tese ul li{float:left; width:249px; text-align:center}.tese ul li dl{width:214px; text-align:left; margin:20px auto; line-height:22px;}.tese ul li dl dt{font-weight:bold}.danwei{width:1000px; margin:10px auto 0; height: 148px; overflow: hidden; position:relative}.dwtab{width:998px; border:1px solid #C2C2C2; height: 33px; line-height: 33px; background: url(../images/dwbg.jpg) repeat-x}.dwtab li{width:160px; height: 33px; float:left; text-align:center; color: #5C5C5C; font-size: 14px; font-weight: bold; cursor: pointer}.dwtab li.hover{background: #31A840; color:#FFF;}.dwcon{text-align:center; padding:5px 0; height: 98px; overflow: hidden}.dwcon2{width:960px; margin:0 auto;}.dwcon2 ul{width:960px; height: 90px; overflow: hidden}.dwcon2 ul li{width:140px; float:left; margin:0 10px;}.dwdaohang{width: 960px; text-align: left}.dwdaohang ul{width: 940px; height: 24px; line-height: 24px; padding-left: 20px}.dwdaohang ul li{float:left;}.dwdaohang ul li a{margin:0 5px;}.footnav{width:100%; height:42px; line-height:42px; font-size:14px; color:#FFF; text-align:center; background:#31A840}.footnav a{color:#FFF; margin:0 8px;}.foot{width:550px; margin:0 auto; position: relative; left:30px;}.footi{width:90px; display:inline; margin:15px 20px 0 0; float:left; line-height:20px; color:#888888; _overflow:hidden}.footi2{width:220px; margin-right: 0}.footi a{color:#888888}.footcopyright{text-align:center; color:#888888; margin:15px auto}.position{width:1000px; margin:0 auto; height:40px; line-height:40px;}.index_news{width:699px; float:left; height:363px; border:1px solid #D5D5D5}.index_news_tit{width:699px; height:36px; line-height:36px; font-size:14px; text-indent:15PX; background:url(../images/titbg.jpg) repeat-x; border-bottom:1px solid #d5d5d5}.index_news_tit h3{font-family:"Microsoft Yahei"; font-size:18px; display:inline}.index_news_pic{width:262px; height:293px; float:left; display:inline; margin:18px; display:inline}.index_news_list{width:350px; float:left; margin-left:30px; margin-top:28px;}.index_news_list dl{line-height:24px;}.index_news_list dl dt{font-size:14px; font-weight:bold}.index_news_list ul{margin-top:22px; font-size:14px;}.index_news_list ul li{line-height:24px; }.wenda{float:right; width: 287px;}.wenda .wdtit{width:286px; height: 38px; line-height: 38px; background:#31A840; color:#FFF;}.wenda .wdtit a{color:#FFF;}.wenda .wdtit h3{float:left; text-indent: 15px;}.wenda .wdtit span{float:right; margin-right: 10px;}.wenda .wdcon{width:284px; height: 326px; border: 1px solid #D5D5D5; border-top:none; overflow: hidden}.wdly{width:260px; height: 89px; border:1px solid #D5D5D5; margin:8px auto 0;}.wdly textarea{width:250px; height: 80px; margin:5px; border: 0; outline: none; min-width: 250px; min-height: 80px; max-width: 250px; max-height: 80px; font-size: 14px; color:#767676;}.wdbtn{width:200px; margin:10px auto 0;}.wdbtn a{width:94px; height: 30px; background: #A7A7A7; color:#FFF; line-height: 30px; text-align: center; display:block; float:left; margin:0 3px; font-size: 14px; display:inline}.wdbtn a:hover{text-decoration: none; color:#FFF}.wdbtn a.ck{background: #31A840}.wdlist{width:260px; margin:8px auto 0;}.wdlist li{height: 24px; line-height: 24px; font-size: 14px;}.wdlist li span{float:right; font-size: 12px;}.youhui{float:right; width: 287px;}.youhui2{float:none;}.youhui .yhtit{width:286px; height: 38px; line-height: 38px; background:#31A840; color:#FFF;}.youhui2 .yhtit{width:284px;}.youhui .yhtit a{color:#FFF;}.youhui .yhtit h3{float:left; text-indent: 15px; font-size: 20px; font-family: "Microsoft Yahei"}.youhui .yhtit span{float:right; margin-right: 10px; font-size: 14px;}.youhui .yhtit span a{color:#000;}.youhui .yhcon{width:284px; height: 326px; border: 1px solid #D5D5D5; border-top:none; overflow: hidden}.youhui2 .yhcon{border: none}.youhui .yhlist{width: 246px; margin:20px auto 0;}.yhlist li{width: 123px; float:left; text-align: center; margin-bottom: 15px}.yhlist li p{width: 117px; height: 79px; padding-top: 38px; background: url(../images/lm-yh-bg.jpg) no-repeat; color:#FFF; display: inline-block; _zoom:1; *display:inline; margin-bottom: 5px;}.yhlist li p.p2{height: 93px; padding-top: 24px;}.yhlist li p strong{font-size: 28px; font-family: "Microsoft Yahei"; font-weight: normal}.yhlist li a:hover{text-decoration: none; color:#31A840;}.yhlist li a:hover p{color:#FFF; opacity: 0.9; filter:alpha(opacity=90);}.bingzhong{width:701px; float:left}.index_tit{height:36px; line-height:36px; text-indent:15px;}.index_tit h3{font-size:18px; font-family:"Microsoft Yahei"; display:inline;}.index_bzcon{width:699px; height:601px; border:1px solid #D5D5D5}.index_bz{width:306px; float:left; margin:20px 21px 0; display:inline}.index_bztit{width:306px; height:32px; line-height:32px; border-bottom:1px solid #595959}.index_bztit h3{display:inline; float:left}.index_bztit span{float:right}.index_bztit span a{margin:0 2px;}.index_bz ul{width:306px; line-height:24px; font-size:14px; margin-top:12px;}.wenti{float:right; width:284px;}.wtcon{width:284px; height:601px; border:1px solid #D5D5D5}.wtpic{width:264px; height:172px; background:#31A840; margin:15px auto 0}.wtpic img{width:264px; height:172px;}.wtcon dl{width:240px; margin:20px auto 0; line-height:24px;}.wtcon dl dt{font-size:14px; font-weight:bold}.wtcon ul{width:240px; margin:20px auto 0; font-size:14px; line-height:24px;}.anli{width:701px; float:left}.alcon{width:699px; border:1px solid #D5D5D5; height:283px;}.alcon dl{width:314px; float:left; margin:20px 0 0 25px; display:inline}.alcon dl dt{float:left; width:152px; height:112px; background:#31A840; }.alcon dl dt img{width:152px; height:112px;}.alcon dl dd{ width:146px; float:right; margin-top:10px; line-height:22px;}.alcon dl dd strong{font-size:14px;}.yiyuan{width:286px; float:right}.yycon{width:284px; border:1px solid #D5D5D5; height:263px; text-align:center; padding-top:20px;}.yycon p{margin-top:20px;}.yycon p img{ margin:0 5px 10px;;}.liebiao{width:1000px; margin:0 auto}.liebiao a:hover{color:#31A840}.lbleft{width:701px; float:left}.lbbaike{width:699px; border:1px solid #D5D5D5; height:327px;}.lbbktit{ width:699px; height: 36px;line-height: 36px;background: url(../images/titbg.jpg) repeat-x;border-bottom: 1px solid #D5D5D5; font-size:14px; text-indent:15px;}.lbbktit h3{display:inline; font-family:"Microsoft Yahei"; font-size:18px;}.lbbkcon{width:661px; height:255px; background:url(../images/bkbg.jpg) no-repeat; margin:15px auto 0}.lbbk_left{ width:220px; float:left; margin-left:20px; display:inline}.bkpic{width:220px; height:130px; background:#13C6BB; margin-top:15px;}.lbbk_left ul{width:220px; margin-top:15px; height:72px; overflow:hidden}.lbbk_left ul li{width:110px;float:left; font-size:14px; line-height:24px;}.lbbk_right{width:308px; float:right; margin-right:46px; margin-top:15px; font-size:14px; display:inline}.lbbk_right li{height:40px; line-height:40px; border-bottom:1px dashed #BFBFBF; width:308px; overflow:hidden}.lbbk_right li span{font-size:18px; font-weight:bold; font-family:"Microsoft Yahei"; margin-right:20px;}.lbzjbanner{width:659px; margin:20px auto 0; background:#64CB70; height: 254px}.list{width:699px; height:668px; border:1px solid #D5D5D5; font-size:14px;}.listul{width:550px; margin-left:25px; margin-top:5px; height:585px;}.listul li{ width:550px; height:38px; line-height:38px; border-bottom:1px dashed #E2E2E2}.listulzj{width:660px; margin-left:20px; font-size:12px;}.listulzj li{width:660px; height: 130px; overflow: hidden; margin-top: 20px;} .listulzj li .listzjpic{width:130px; height:120px; padding:1px; border:1px solid #BDBDBD; float:left;}.listulzj li .listzjjj{width:505px; float:right;}.listulzj li .listzjjj dt{font-weight: bold; line-height: 24px; height:24px; overflow: hidden}.listulzj li .listzjjj dd{line-height: 20px; height: 60px; overflow: hidden}.listulzj li .listzjzx{height:20px; line-height: 24px; margin-top:15px;}.listulzj li .listzjzx a{display: inline-block; width:60px; height: 20px; color:#FFF; background: #9F9F9F; text-align: center; line-height: 20px; margin-right: 15px;}.listulzj li .listzjzx a:hover{text-decoration: none; background:#64CB70}.page{position:relative; left:50%; float:left; margin-top:37px;}.page li{ float:left; padding:3px 5px; border:1px solid #CFC2AA; margin:0 3px; display:inline; position:relative; right:50%}.lbright{width:284px; float:right; border:1px solid #D5D5D5; height:1354px;}.lbr_tit{width:282px; height:38px; line-height:38px; background:#31A840; font-size:18px; font-family:"Microsoft Yahei"; font-weight:bold; text-indent:15px; margin:1px auto; color:#FFF}.lbr_tit2{background:none; color:#595959}.yycon2{width:284px; text-align:center; margin-bottom:15px;}.yycon2 p{margin:20px auto 10px;}.yycon2 p img{ margin:0 5px 10px;}.lbvideo{width:284px; margin:0px auto 10px}.lbtjzj{width:115px; padding-top:27px; margin:15px auto; height:167px; background:url(../images/zj3.jpg) left no-repeat; padding-left:145px; font-size:12px; line-height:20px;}.lbtjzj strong{font-size:14px;}.lbzjdp{width:100%; text-align:center; margin-top:10px; margin-bottom:10px;}.lbzjdp a{font-size:14px;}.lbwdcon{border:none; margin-bottom:15px;}.hzwd{font-size:12px; float:right; margin-right:10px; font-weight:normal}.baike{width:1000px; margin:0 auto}.baike a:hover{color:#31A840}.bkleft{width:699px; float:left; border:1px solid #D5D5D5; padding-bottom:20px;}.bklist{width:660px; margin:15px auto 0}.bklist dt{width:660px; height:108px; background:url(../images/bkbg2.jpg) no-repeat; position:relative}.bklist_tit{width:300px; height:38px; top:33px; line-height:38px; font-size:20px; color:#FFF; font-family:"Microsoft Yahei"; left:180px; position:absolute; font-weight:bold}.bklist_zx{height:65px; line-height:65px; margin-right:15px; position:absolute; right:5px; top:20px; font-size:14px; }.bklist dd{width:630px; margin:20px auto 0; font-size:14px; text-indent:2em; line-height:24px;}.baike .lbright{ height:auto;}.zzcon2{width:284px; overflow:hidden}.zzzxts{text-align:center; margin:10px auto;}.wzleft{width:699px; float:left; border:1px solid #D5D5D5; padding-bottom:20px;}.wzleft h1{ text-align:center; margin-top:20px; font-family:"Microsoft Yahei"}.wzinfo,.wzad,.wzlc,.wzzx{margin:10px auto; text-align:center}.wz{width:670px; margin:15px auto 0; overflow:hidden; font-size:14px; line-height:24px; text-indent: 2em}.wz p{margin-bottom:15px; text-indent: 2em}.wz img{vertical-align:baseline}.wz a{color:#31A840;}.wztag{width:670px; margin:15px auto; font-size: 12px; color:#31A840;}.wztag a{margin:0 3px; color:#31A840;}.wzfx{width:414px; margin:0 auto}.wzprenext{width:660px; margin:0 auto; font-size:14px; text-indent:10px;}.wzxg{width:660px; margin:10PX auto 0; border-top:1px solid #D5D5D5}.wzxg ul{width:330px; float:left; margin-top:10px; line-height:24px; font-size:14px;}.wzzj{width:660px; margin:15px auto 0}.wzzj li{float:left; width:128px; margin:0 2px; text-align:center; font-size:14px; line-height:28px; display:inline}.wrap2{width:1045px; margin:0 auto; background:url(../images/mainbg.jpg) repeat-y}.jjtop{width:1024px; margin:0 auto}.jjbanner{width:1024px; margin:0 auto; text-align:center; background:#FFFFFF;}.jjss{width:996px; padding:0 14px; margin:0 auto; height:42px; line-height:42px; background:#FFFFFF;}.jjposition{float:left; text-indent:15px;}.jjsearch{float:right; width:340px;}.jjsearch .ssoption{float:left; line-height:42px;}.jjsearch .ssbox{float:right; height:26px; margin-top:8px;}.jjsearch .ss01{width:145px; height:24px; border:1px solid #D5D5D5; border-right:none; outline:none; float:left; line-height:24px; padding-left:5px;}.jjsearch .ss02{width:61px; height: 26px; background: url(../images/btn02.jpg) no-repeat; border:none; cursor: pointer; float:left;}.jjmain,.jjdw{width:998px; margin:0 auto; padding:0 13px; background:#FFF; overflow:hidden}.jjleft{width:284px; border:1px solid #D5D5D5; overflow:hidden; float:left; height:1582px;}.jjtit{width:280px; margin:2px auto 0; font-size:16px; line-height:47px; height:47px; background:#31A840; font-family:"Microsoft Yahei"; text-indent:15px; color:#FFF}.jjtit h2{display:inline; font-size:20px;}.jjlist{width:280px; margin:2px auto 0}.jjlist li a{display:block; width:280px; height:37px; line-height:37px; text-indent:68px; font-size:14px; color:#333333}.jjlist li a:hover{text-decoration:none; background:#F9C689}.jjzx{width:280px; text-align:center; margin:5px auto 15px;}.jjzx img{margin:0 3px;}.jjmap{width:253px; border:1px solid #C7C7C7; margin:16px auto 0}.jjmapbox{width:241px; margin:6px auto 0}.jjmapoption{width:241px; margin:10px auto}.jjmapoption li{float:left; width:70px; margin-right:10px;}.jjmapoption li input{margin-right:2px;}.jjmappos{width:230px; margin:10px auto 0;}.jjmappos p{height:26px; line-height:26px; margin:5px 0}.jjmappos span{float:left}.jjmappos input{width:169px; line-height:24px; padding:0 5px; height:24px; border:none; background:url(../images/inputbg02.jpg) no-repeat; outline:none; float:right}.jjmapbtn{width:240px; margin:5px auto 0; text-align:center; font-size:14px; line-height:30px;}.hkxx{width:240px; margin:10px auto; line-height:20px; color:#595959}.jjwx{width:280px; margin:15px auto; text-align:center}.jjwx p{margin-top:15px;}.jjright{_height:1582px; min-height:1582px; width:699px; float:right; border:1px solid #D5D5D5}.jjright h3{ text-align:center; font-size:24px; font-family:"Microsoft Yahei"; margin-top:35px;}.jjcon{width:660px; margin:0 auto; line-height:24px; text-indent:2em; font-size:14px; margin-top:15px; color:#333333}.jjcon p{margin-bottom:20px}.wz_dianping{width: 699px; margin:20px auto; background: url(../images/loading.gif) center no-repeat; height: 30px; display:none;}.dp_title{width: 699px; height: 39px; line-height: 39px; background: url(../images/kb-tab-bg.jpg) repeat-x; border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; text-indent: 20px}.dp_title span{font-size: 14px; color: #F00; }.dp_title i{font-style: normal; margin: 0 10px}.dp-list{width:660px; margin: 0 auto; padding-bottom: 30px;}.dp-content{padding-top: 23px; padding-bottom: 20px; border-bottom: 1px solid #DBDBDB}.dp-portrait{width: 80px; float:left; border:1px solid #DBDBDB; text-align: center}.dp-portrait img{margin-top: 4px;}.dp-portrait p{width: 80px; height: 25px; background: #DBDBDB; line-height: 25px; color:#6F6F6F; margin-top: 4px;}.dp-comment{width:520px; float:left; margin-left: 26px;}.dp-comment .dp-star{position: relative;}.dp-comment .dp-star span{position: absolute; right: 0}.dp-comment .dp-star span a{color:#FD9B10;}.dp-comment .dp-star .star-bar{width: 55px; height: 11px; line-height: 0; font-size: 0; position: absolute; top: 1px; left: 140px;}.dp-comment .dp-star .star-bar .inner{width: 100%; height: 11px; background: url(../images/kb-star.jpg) repeat-x;}.dp-comment ul{margin-top: 10px;}.dp-comment ul li{line-height: 24px; margin-bottom: 4px; height: 24px; overflow: hidden; width: 520px;}.dp-comment ul li pre{width: 520px; white-space:normal}.dp-comment ul li.con{height: auto; margin-top: 0}.dp-comment ul li.data{height: auto; display: none}.dp-comment ul li a{color:#FD9B10; text-decoration: underline;}.dp-comment ul li span{display: inline-block; _zoom:1; *display:inline; padding: 0 5px; height: 18px; background: #31A840;color:#FFF; text-align: center; line-height: 18px;}.dp-comment .dp-reply{ line-height: 24px;}.dp-comment .dp-reply a{display: inline-block; _zoom:1; *display:inline; height: 24px; padding-left: 20px; margin-left: 10px;}.dp-comment .dp-reply a.flower{background: url(../images/kb-flower.png) left no-repeat;}.dp-comment .dp-reply a.agree{background: url(../images/kb-agree.jpg) left no-repeat;}.dp-comment .dp-reply a:hover{text-decoration: none; color:#FD9B10;}



阅读更多

没有更多推荐了,返回首页