.banner {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;}
.banner .bd {
	overflow: hidden;}
.banner .bd ul li {
	float: left;
	width: 100%;
	background-size: cover;
	position: relative;}
.banner .hd {
	position: absolute;
	right: 30px;
	bottom: 16px;}
.banner .hd ul li {
	float: left;
	width: 12px;
	height: 12px;
	border: solid 2px #fff;
	background-color: transparent;
	border-radius: 50%;
	margin: 0 4px;
	font-size: 0;
	cursor: pointer;}
.banner .hd ul li.on {
	background: #fff;}
.banner .bd li span {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: url(../images/h1bg.jpg) repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;}
.banner .bd li span h1 {
	color: #fff;
	font-size: 18px;
	padding-left: 30px;}
.banner .next,
.banner .prev {
	position: absolute;
	top: 50%;
	margin-top: -24px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);}
.banner .next {
	right: 5%;}
.banner .prev {
	left: 5%;}
.banner:hover .next,
.banner:hover .prev {
	opacity: 1;
	filter: alpha(opacity=100);}
/*column-mod start*/
.column-mod {
	width: 100%;
	height: 36px;
	position: relative;}
.column-mod:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ddd;
	position: absolute;
	top: 14px;
	left: 0;
	right: 0;
	z-index: 1;}
.column-mod:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ddd;
	position: absolute;
	bottom: 14px;
	left: 0;
	right: 0;
	z-index: 1;}
.column-mod .name {
	position: relative;
	z-index: 2;
	padding-left: 40px;}
.column-mod .name span {
	position: relative;
	z-index: 3;
	display: block;
	font-size: 22px;
	color: #333;
	height: 36px;
	line-height: 36px;
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;}
.column-mod .name:before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #57A1A5;
	position: absolute;
	top: 14px;
	left: 0;
	right: 0;
	z-index: 1;}
.column-mod .name:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #F0A205;
	position: absolute;
	bottom: 14px;
	left: 0;
	right: 0;
	z-index: 1;}

.column-mod .more {
	position: relative;
	z-index: 2;
	background-color: #fff;
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	padding-right: 5px;
	font-size: 14px;
	color: #666;}



/*column-mod start*/

/*row1 start*/
/*mod-item-1*/
.row1 .mod-item-1 {
	width: 420px;
	margin-right: 30px;}
.row1 .mod-item-1 .list li a {
	padding-left: 15px;
	position: relative;
	line-height: 33px;}
.row1 .mod-item-1 .list li a:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #ddd;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 2px;
	margin-top: -2px;}
.row1 .mod-item-1 .list li a .title {
	width: 355px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;}
.row1 .mod-item-1 .list li a .date {
	width: 50px;
	text-align: right;}

/*mod-item-2*/
.row1 .mod-item-2 {
	width: 420px;
	margin-right: 30px;}
.row1 .mod-item-2 .list li {
	border-bottom: 1px solid #ddd;}
.row1 .mod-item-2 .list li .pic {
	width: 90px;
	margin-right: 20px;}


.row1 .mod-item-2 .list li .msg {
	width: 310px;}

/*mod-item-3*/
.row1 .mod-item-3 {
	width: 300px;}
.row1 .mod-item-3 .list li a .title {
	width: 255px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;}
.row1 .mod-item-3 {
	width: 300px;}
.row1 .mod-item-3 .list li a {
	padding-left: 15px;
	position: relative;
	line-height: 33px;}
.row1 .mod-item-3 .list li a:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #ddd;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 2px;
	margin-top: -2px;}
.row1 .mod-item-3 .list li a .title {
	width: 230px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;}
.row1 .mod-item-3 .list li a .date {
	width: 50px;
	text-align: right;}

/*row1 end*/

/*row2 start*/
/*row2-left*/
.row2 .row2-left {
	width: 870px;
	margin-right: 30px;}
/*row2 .mod-item-4*/
.row2 .mod-item-4 .list ul li {
	width: 276px;}

/*mod-item-5*/
.row2 .mod-item-5 .list ul li {
	width: 425px;
	padding-top: 20px;}
.row2 .mod-item-5 .list ul li .pic {
	width: 168px;}
.row2 .mod-item-5 .list ul li .msg {
	width: 237px;}

/*row2-right*/
.row2 .row2-right {
	width: 300px;}
/*mod-item-7*/
.row2 .mod-item-7 .pic {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;}
.row2 .mod-item-7 .msg {
	width: 200px;}

/*.row2 .mod-item-8*/
.row2 .mod-item-8 .pic-silde .bd li .title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.6);
	z-index: 2;}
.row2 .mod-item-8 .pic-silde .hd {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;}
.row2 .mod-item-8 .pic-silde .hd ul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #fff;
	margin: 0 4px;
	float: none;
	clear: both;
	cursor: pointer;}
.row2 .mod-item-8 .pic-silde .hd ul li.on {
	background-color: #0e68c0;}

/*row2 end*/

/*hover*/
.list li a:hover .title,
.list li a:hover .date,
.column-mod .more:hover {
	color: #0e68c0;}