@import "base.css";



.section1 {
	width:100%;
	height:540px;
	background: url(../images/sectionbg1.jpg) repeat-x;
}
.dynamic {
	width:360px;
	height:540px;
	background: url(../images/dynamicbg.jpg) repeat-x;
	float: left;
}
.dynamic .hd,.dynamic .bd {
	padding:30px 20px 0 20px;
	width:320px;
	float: left;
}
.dynamic .hd .dynamicTitle {
	width:75px;
	height: 60px;
	background: url(../images/dynamic.png) no-repeat;
}
.dynamic .hd .dynamicMore {
	margin-top:40px;
	width: 20px;
	height: 16px;
	background: url(../images/marr.png) no-repeat;
	cursor: pointer;
}
.dynamic .bd {
	*padding-top: 0px;	
	_padding-top: 0px;
}
.dynamic .bd dl {	
	padding-top:10px;
	padding-bottom: 10px;
	float: left;
}
.dynamic .bd dt {
	padding-bottom: 20px;
	float: left;
}
.dynamic .bd dt span {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 16px;
	padding-right: 16px;
	background: #f00;
	color: #fff;
	cursor: pointer;
}
.dynamic .bd dd {
	float: left;
	padding:3px 0;
	width:100%;
}
.dynamic .bd dd a {
	background:url(../images/dt_ico.png) no-repeat center left;
	padding-left:14px;
	display: block;
	font-size:12px;
	width:260px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	color:#fff;
	float: left;
}
.dynamic .bd dd a:hover {
	color:#f60;
}
.dynamic .bd dd em {
	display: block;
	font-size: 12px;
	color:#eee;
	width:40px;
	float: right;
	font-style: normal;
}