.details_page{
	width:70%;
	margin: 90px auto 0 auto;
	padding:20px;
}
.details_page article{

	width:100%;
}
.title{
/* 	height:150px; */
	width:100%;
	padding: 35px 30px;
	position: relative;
}
.title h2{
	text-align: center;
	font:32px "微软雅黑";
	line-height: 200%;
}
.title p{
	font: 14px "微软雅黑";
	color:#909090;
	text-align: center;
	line-height: 2.5;
	position: relative;

}
.title a{
	font:16px "微软雅黑";
	position: absolute;
	right:20px;
	bottom:10px;
	color: #c9252b;
	text-decoration: none;
}
.add_index{
	z-index:1010;
}
article {
	padding:30px 20px;
	border-top: 1px dotted #dadada;
}
article p{
	font:16px "微软雅黑";
	line-height: 35px;
	color:#2f2f2f;
	text-indent: 2em;
}
article h4{
	font:16px "微软雅黑";
	line-height: 35px;
	font-weight: bold;
	color:#2f2f2f;
	text-indent: 2em;
}
article .img_wrapper{

	text-align: center;
}
article .img_wrapper img{

	display:inline-block;
	margin:10px;
	width:80%;

}
.article_img{
	margin: 40px 0;
}
.article_img li{
	margin-left:30px;
	margin-bottom: 20px;
}
.article_img li>img{
	width:457px;
}
 @media(max-width:1080px){

 	.add_index{
	z-index:1030;
  }
 }
@media (min-width:720px) and (max-width:1080px) {

.title h2{
		text-align: center;
		font:26px "微软雅黑";
		line-height: 200%;
	}

}
@media(max-width:720px){
	.details_page{
		width:95%;
		margin:0 auto;
		padding:10px;
	}
	.title{
		/* height:100px; */
		width:100%;
		padding: 15px 20px;
		position: relative;
	}
	.title h2{
		text-align: center;
		font:20px "微软雅黑";
		line-height: 200%;
	}
	.title p{
		font: 12px "微软雅黑";
		color:#cecece;

		text-align: center;
	}
	.title a{
		font:14px "微软雅黑";
		position: absolute;
		right:10px;
		bottom:2px;
		color: #c9252b;
		text-decoration: none;
	}
  
	article {
		padding:20px 10px;
		border-top: 1px dotted #dadada;
	}
	article p{
		font:14px "微软雅黑";
		line-height: 35px;
		color:#2f2f2f;
		text-indent: 2em;
	}
	.article_img{
		margin: 30px 0;
	}
	.article_img li{
		margin-left:10px;
		margin-bottom: 20px;
	}
}