ul{
 list-style: none;
}
.slideShow{
 width: 485px;
 height: 320px;  /*其实就是图片的高度*/
 border: 1px #eeeeee solid;
 position: relative;
 overflow: hidden; /*此处需要将溢出框架的图片部分隐藏*/
}
.slideShow ul{
 width: 2000px;
 position: relative;  /*此处需注意relative : 对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置，如果没有这个属性，图片将不可左右移动*/
}
.slideShow ul li{
 float: left;  /*让四张图片左浮动，形成并排的横着布局，方便点击按钮时的左移动*/
 width: 485px;
}
.slideShow .showNav{  /*用绝对定位给数字按钮进行布局*/
 position: absolute;
 right: 10px;
 bottom: 5px;
 text-align:center;
 font-size: 12px; 
 line-height: 20px;
}
.slideShow .showNav span{
 cursor: pointer;
 display: block;
 float: left;
 width: 20px;
 height: 20px;
 background: #ff5a28;
 margin-left: 2px;
 color: #fff;
}
.slideShow .showNav .active{
 background: #b63e1a;
}
/*
img{
 max-height:720px; 
 max-width:640px; 
 width:expression(this.width > 640 && this.height < this.width ? 640: true); 
 height:expression(this.height > 720 ? 720: true);
 }*/
 .hdimg{
 width:485px; 
 }
 
 .huandeng {
    background: #fff;
    width: 485px;
    height: 320px;
    line-height: 28px;
    font-size: 14px;
}

.xinwen {
    width: 485px;
    height: 320px;
    float: right;
    border: #ededed 1px solid;
    background: #fff;
}

.xinwen ul{
height:276px;
padding:8px 15px 0;
}
.xinwen li{
background:url(imagesdian.gif) no-repeat left center;
padding-left:10px;
line-height:26px;
}

.jingyanzuofa {
    width: 980px;
    height: 320px;
    float: right;
    border: #ededed 1px solid;
	margin-top: 10px;
    background: #fff;
}

.jingyanzuofa ul{
height:276px;
padding:8px 15px 0;
}
.jingyanzuofa li{
background:url(imagesdian.gif) no-repeat left center;
padding-left:10px;
line-height:26px;
}