.l {	FLOAT: left}
.r {	FLOAT: right}
.cf {	CLEAR: both; DISPLAY: block; FONT-SIZE: 1px; LINE-HEIGHT: 1px; HEIGHT: 0px}
.yspace {	MARGIN: 10px auto 0px}
.btl {	DISPLAY: block; FONT-SIZE: 1px; LINE-HEIGHT: 1px; POSITION: relative; HEIGHT: 6px}
.btr {	DISPLAY: block; FONT-SIZE: 1px; LINE-HEIGHT: 1px; POSITION: relative; HEIGHT: 6px}
.bbl {	DISPLAY: block; FONT-SIZE: 1px; LINE-HEIGHT: 1px; POSITION: relative; HEIGHT: 6px}

.sort .txt {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0.4em; text-align:left;}
.sort .txt LI {	PADDING-RIGHT: 0px; PADDING-LEFT: 28px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; BORDER-BOTTOM: #ddd 1px dashed; HEIGHT: 22px}
.sort .txt LI.more {	PADDING-RIGHT: 10px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 8px; BACKGROUND: #f8f8f8; PADDING-BOTTOM: 6px; MARGIN: 0px 0px 3px; PADDING-TOP: 8px; BORDER-BOTTOM: #eee 1px solid}
.sort .numBig {	WIDTH: 20px; HEIGHT: 54px; TEXT-ALIGN: center}
.sort .numBig SPAN {	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; WIDTH: 20px; COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 20px}
.sort .product {	HEIGHT: 52px}
.sort .product  {	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ccc 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid}
.sort .productInfo H3 {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 1.1em; PADDING-BOTTOM: 3px; LINE-HEIGHT: 1.1em; PADDING-TOP: 1px}
.sort .productInfo P {	COLOR: #666; LINE-HEIGHT: 1.4em}
.sort1 .txt LI {	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ddd 1px dashed}
.sort1 .txt LI.listHeight {	LINE-HEIGHT: 22px; text-align:left; HEIGHT: 22px}
.sort1 .txt LI.more { BORDER-TOP: #eee 1px solid; BACKGROUND: #f8f8f8; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; height:55px; BORDER-BOTTOM: #eee 1px solid; overflow:hidden;}
.sort1 .numBig {	WIDTH: 20px; HEIGHT: 54px; TEXT-ALIGN: center}
.sort1 .numBig SPAN {	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; WIDTH: 20px; COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 20px}
.sort1 .product {	HEIGHT: 52px}
.sort1 .product  { height:54px; width:54px; padding-left:1px; }
.sort1 .productInfo H3 {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 1.1em; LINE-HEIGHT: 1.1em; PADDING-TOP: 1px}
.sort1 .productInfo P {	COLOR: #666; LINE-HEIGHT: 22px; text-align:right;}
.hotShop {width:291px	}
.hotShop .title H2 {	BACKGROUND: url(../img/p.jpg) #fff no-repeat 5px 4px; WIDTH: 78px}
.hotShop .title H2 SPAN {	COLOR: #ff6e00}
.hotShop .title UL {	PADDING-LEFT: 12px}
.hotShop .title LI {	WIDTH: 70px}
.productImg{ width:54px; height:54px; padding-left:1px; display:block; float:left;}
.hotShop .title LI SPAN {	WIDTH: 70px}
.hotShop .title .current SPAN {	FONT-WEIGHT: bold; BACKGROUND: url(../img/hotShopCurrent.jpg) no-repeat}
.hotShop .txt .num1 {	BACKGROUND: url(../img/p1.gif) no-repeat 10px 5px; padding-left:28px;}
.hotShop .txt .num2 {	BACKGROUND: url(../img/p2.gif) no-repeat 10px 5px; padding-left:28px;}
.hotShop .txt .num3 {	BACKGROUND: url(../img/p3.gif) no-repeat 10px 5px; padding-left:28px;}
.hotShop .txt .num4 {	BACKGROUND: url(../img/p4.gif) no-repeat 10px 5px; padding-left:28px;}
.hotShop .numBig {	BACKGROUND: #D02979}
.hotShop .numBig SPAN {	BACKGROUND: #D02979}
.hotShop .productInfo {	PADDING-LEFT: 2px; HEIGHT:60px}
.hotShop .productInfo H3 {	COLOR: #666; text-align:right; font-size:12px;}
.hotShop .productInfo img{ float:right;}



<div id="Tab2">
          <div class="Menubox2">
            <ul>
              <li id="one1" onMouseover="setTab('one',1,2)"  class="hover">推荐栏目</li>
              <li id="one2" onMouseover="setTab('one',2,2)">集团子公司</li>
            </ul>
          </div>
          <div class="Contentbox2">
            <div id="con_one_1" class="hover">
            <a href="#"><img src="img/lanmu1.gif" width="229" height="77" /></a>
              <a href="#"><img src="img/lanmu2.gif" width="95" height="77" /></a>
              <a href="#"><img src="img/lanmu3.gif" width="126" height="77" /></a>
              <a href="#"><img src="img/lanmu4.gif" width="229" height="77" /></a>
              
            </div>
            <div id="con_one_2" style="display:none">
              <img src="img/zigongshilinks.gif" border="0" usemap="#Map" style="border:0;" />
              <map name="Map" id="Map">
                <area shape="rect" coords="0,0,230,28" href="#" />
                <area shape="rect" coords="1,32,230,63" href="#" />
                <area shape="rect" coords="1,67,230,98" href="#" />
                <area shape="rect" coords="0,102,230,134" href="#" />
                <area shape="rect" coords="0,140,230,172" href="#" />
                <area shape="rect" coords="1,175,230,208" href="#" />
                <area shape="rect" coords="2,211,231,244" href="#" />
              </map>
            </div>

          </div>
        </div>

***********************************************
把上面的代码copy到 <div id="comlinks"></div>中间
**********************************************
#Tab2 {
	width:100%;
	overflow:hidden; float:left;
}
/*菜单class*/
.Menubox2 {
	width:100%;
	height:26px;
	overflow:hidden;
	color:#d02977; border-bottom:1px solid #dddbdc; border-left:1px solid #dddbdc;
}
.Menubox2 ul {
	margin:0px;
	padding:0px;
}
.Menubox2 li {
	float:left; width:124px;
	cursor:pointer;
	height:26px;
	line-height:26px; overflow:hidden; border-right:1px solid #dddbdc; border-top:1px solid #dddbdc;
}
.Menubox2 li.hover {
	background:url(../img/navbg.jpg) -200px no-repeat; width:124px;
	height:26px; color:#fff;
	border-bottom:1px solid #fff;
	line-height:26px;
}
.Contentbox2 {
	clear:both;
	width:100%;
	overflow:hidden;
}
.Contentbox2 img{ display:block; margin:10px 0 0 5px; border:1px solid #ccc; padding:1px; float:left;}
