.news-detail{
	margin:20px auto 100px auto;
	box-sizing: border-box;
	position: relative;
}

.news-detail>.left-side{
	width: 880px;
	background-color: #fff;
	min-height: 1000px;
	box-sizing: border-box;
	padding:30px;
}

.news-detail>.left-side>.title{
	line-height: 40px;
	font-size: 28px;
	color:#000;
	text-align: center;
}
.news-detail>.left-side>.info{
	line-height: 50px;
	font-size: 14px;
	color:#656565;
	text-align: center;
}
.news-detail>.left-side>.info .time{
	
}
.news-detail>.left-side>.detail{
	padding-top:20px;	
	line-height: 200%;
}
.news-detail>.left-side>.detail *{
	color: #333;
	font-size: 16px;
	line-height: 175%;
}
.news-detail>.left-side>.detail img{
	max-width:820px;
}


.news-detail>.right-side{
	position: absolute;
	right: 0;
	top:0;
	width: 295px;
}

.rel-news{
	padding:25px 0;
	margin-bottom: 18px;
	background: #fff;
	min-height: 500px;

	-moz-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.01);
	-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.01);
	-o-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.01);
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.01);
}
.rel-news>.title{
	color: #333;
	font-size: 18px;
	line-height: 34px;
	padding-left: 45px;
	position: relative;
}
.rel-news>.title::before{
	content: '';
	display: block;
	position: absolute;
	left:28px;
	top:8px;
	width:4px;
	height: 18px;
	overflow: hidden;
	background: #1DA977;
}
.rel-news>.list{

}
.rel-news>.list>li{
	height: 100px;
	position: relative;

	box-sizing: border-box;

	padding-top: 12px;
	padding-left:26px;
}
.rel-news>.list>li a.thumb{
	display: block;
	width:102px;
	height:76px;
	overflow: hidden;

}
.rel-news>.list>li a.thumb:hover{

}
.rel-news>.list>li a.thumb img{
	width: 102px;
	height: 76px;
}
.rel-news>.list>li a.thumb:hover{
	opacity: 0.8;
}
.rel-news>.list>li a.title{
	display: inline-block;
	position: absolute;
	left:145px;
	top:10px;
	line-height: 150%;
	color: #333;
	font-size: 12px;
	padding-right: 26px;
}
.rel-news>.list>li a.title:hover{
	color: #00AD4D;
}