* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, sans-serif;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.ml20 {
	margin-left: 20px;
}

.mt20 {
	margin-top: 20px;
}

.ml40_86 {
	margin-left: 40.86px;
}

a {
	text-decoration: none;
}

.info {
	border-bottom: 1px solid #ddd;
	height: 30px;
	line-height: 30px;
}

.mauto {
	width: 1000px;
	margin: 0 auto;
}

.info .mauto span {
	font-size: 14px;
}

.info .mauto .pull-right {
	color: #e16514;
}

.info .mauto .pull-right a {
	color: #e16514;
	cursor: pointer;
}

.info .mauto .pull-right a:hover {
	text-decoration: underline;
	color: #dc0000;
}

.navbar {
	border-bottom: 2px solid #ddd;
	height: 88px;
	line-height: 90px;
}

.navbar .mauto img {
	vertical-align: middle;
}

.navbar .mauto .alink ul li {
	display: inline-block;
	width: 170px;
	text-align: center;
}

.navbar .mauto .alink a {
	color: #666;
	cursor: pointer;
	font-size: 16px;
}

.navbar .mauto .alink a.on,
.navbar .mauto .alink a:hover {
	color: #e16514;
	padding-bottom: 5px;
	border-bottom: 2px #DC0000 solid;
}

.content {
	padding: 20px 0;
}

.panel {
	width: 365px;
	margin-left: 20px;
}

.morePanel {
	width: 303px!important;
	display: inline-block;
	margin-left: 20px!important;
	margin-top: 20px;
}

.imgPanle,
.listPanel {
	width: 960px;
}

.imgPanle .panel-body {
	/*display: flex;
	justify-content: space-between;*/
}

.imgPanle .panel-body dl {
	display: inline-block;
	margin-top: 15px;
}

.imgPanle .panel-body dl dt {
	width: 110px;
	height: 130px;
	padding: 5px;
	border: 1px solid #ddd;
}

.listPanel .panel-body table {
	width: 100%;
	table-layout: fixed;
	text-align: center;
}

.listPanel .panel-body table thead th {
	font-size: 14px;
	height: 45px;
	line-height: 45px;
}

.listPanel .panel-body table tbody tr {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	color: #ababab;
}

.panel .panel-heading {
	border-bottom: 2px #e16514 solid;
	padding-bottom: 5px;
	color: #e16514;
	font-size: 14px;
}

.panel .panel-heading h5 a {
	font-size: 12px;
	color: #333;
}

.newList.allList li {
	padding: 0 120px 0 15px;
}

.allList li {
	background: url(../img/gray-dot.png) no-repeat 0px center;
	background-size: 8px 8px;
	position: relative;
	padding: 0 0 0 15px;
}

.text-ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.allList li small {
	position: absolute;
	top: 10px;
	right: 5px;
	color: #999;
	font-size: 12px;
}

.allList li a {
	color: #333;
	font-size: 14px;
	line-height: 35px;
	text-decoration: none;
}

.allList li a:hover {
	color: #e16514;
	text-decoration: none;
}

.helpInfo {
	margin-top: 40px;
	background: #e5e5e5;
	height: 180px;
}

.helpInfo .mauto .hlep {
	width: 240px;
	display: inline-block;
	margin-top: 20px;
}

.helpInfo .mauto .hlep h4 {
	font-size: 16px;
	color: #e16514;
}




ul {
	list-style: none;
}
.slideShow {
	margin-top: 10px;
}
.slideShow img {
	width: 160px;
	height: 160px;
}

.slideShow {
	width: 160px;
	height: 160px;
	/*其实就是图片的高度*/
	border: 1px #eeeeee solid;
	position: relative;
	overflow: hidden;
	/*此处需要将溢出框架的图片部分隐藏*/
}

.slideShow ul {
	width: 2420px;
	position: relative;
	/*此处需注意relative : 对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置，如果没有这个属性，图片将不可左右移动*/
}

.slideShow ul li {
	float: left;
	/*让四张图片左浮动，形成并排的横着布局，方便点击按钮时的左移动*/
	width: 605px;
	height: 200px;
}

.slideShow .showNav {
	/*用绝对定位给数字按钮进行布局*/
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}

.slideShow .showNav span {
	cursor: pointer;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: #0077c0;
	margin-left: 2px;
	color: #FFFFFF;
}

.slideShow .showNav .active {
	background: #FFFFFF;
	color: #0077C0;
}