/*-------------------------------------------------------  detail -------------------------------------------------------------------*/


.detailWrp{
	width: auto;
	height: auto;
	max-width: 1400px;
	min-width: 1100px;
	margin: 0 auto;
	padding-bottom: 70px;
}

.detailWrp:after{
	content: '';
	display: block;
	clear: both;
}

.dLeft{
	width: 1000px;
	height: auto;
	float: left;
}

.detail{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/**/

.detailTop{
	width: 100%;
	height: auto;
	background: rgba(255,255,255,0.7);
}

.detailTop dl{
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 50px 0 21px 0;
}

.detailTop dl dt{
	text-align: center;
	color: #555;
}

.detailTop dl dt h4{
	font-size: 14px;
}

.detailTop dl dt h1{
	color: #4c1806;
	font-size: 20px;
	margin: 4px 0 6px;
}

.detailTop dl dt h2{
	font-size: 14px;
}

.detailTop dl dd{
	font-size: 14px;
	color: #666;
	padding: 20px 0 0 0;
	text-align: center;
}

.detailTop dl dd time{
	padding: 0 0 0 10px;
}


/**/

.detailCon{
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 0 0;
	background: rgba(237,241,244,0.6);
}

.detailArt{
	width: 900px;
	margin: 0 auto;
	padding: 0 0 80px 0;
	border-bottom: 1px solid #d4d4d4;
}

.detailArt article{
	width: 100%;
	height: auto;
	color: #353535;
	font-size: 16px;
	line-height: 1.8;
}

.detailArt article p{
	text-indent: 2em;
	padding: 0 0 8px 0;
}


.detailArt p{
	min-height: 16px;
}

.detailArt article>*{
}

.detailArt article p img{
	width: auto;
	max-width: 780px;
	margin-left: -2em
}


/**/

.detailOf{
	width: 900px;
	height: auto;
	margin: 30px auto 0;
	padding: 0 0 40px 0
}

.detailOf dl{
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
}

.detailOf dl dt{
	color: #000;
	font-size: 16px;
	line-height: 1.8;	
	float: left;
	width: 100px;
	text-align: left;
}

.detailOf dl dd{
	float: left;
	width: 750px;
	height: auto;
	overflow: hidden;
}

.detailOf dl dd a{
	display: inline-block;
	width: 45%;
	margin: 0 3% 0 0;
	color: #555;
	font-size: 16px;
	line-height: 1.8;
}

.detailOf dl dd a:hover{
	color: #000;
}


/**/

.dRight{
	width: auto;
	max-width: 360px;
	width: 360px;
	height: auto;
	/*background: #fff;*/
	float: right;
}

.dR_wrp{
	width: 100%;
	height: auto;
}

.dR_title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #0078c9;
	color: #fff;
	text-align: center;
	*/
}

.dR_con{
	width: 100%;
	height: auto;
	background: rgba(237,241,244,0.6);
	padding: 32px 0 10px;
	margin: 0 0 30px 0;
}
.dR_wrp:last-child .dR_con{
	margin:0;
}


.dR_con ul{
	width: 310px;
	height: auto;
	margin: 0 auto;
}

.dR_con ul li{
	width: 100%;
	height: auto;
	margin: 0 0 28px 0;
		*/
}

.dR_list a{
	display: block;
	width: 100%;
	*/
}

.dR_list a *{
	*/
}

.dR_list dt{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.dR_list dt img{
	display: block;
	width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.dR_list dt img:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.dR_list dd{
	padding: 18px 0 0 0;
	font-size: 16px;
	color: #272727;
}

.dR_list dd h4{
	line-height: 24px;padding-bottom:8px;
	font-size: 16px;
	white-space: nowrap;overflow:hidden;text-overflow: ellipsis;
}

.dR_con ul li:hover dd h4{
	color: #114dae;
}

.dR_list dd p{
	height: 25px;
	line-height: 25px;
}

.dR_list dd p:after{
	content: '';
	display: block;
	clear: both;
}

.dR_list dd p time{
	float: left;
	font-size: 14px
}

.dR_list dd p span{
	float: right;
}

.iconWx{
	display: inline-block;
    width: 23px;
    height: 23px;
    background: url(icon_wx.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}


@media screen and (max-width: 1560px) {

	.detailWrp{
		width: 1340px;
	}

	.dLeft{
		width: 948px;
	}

	.dRight{
		width: 352px;
	}

	.dR_con ul{
		width: 300px;
	}
	
	.detailTop dl ,.detailArt ,.detailOf{
		width: 850px;
	}

	.dR_title{
		height: 40px;
		line-height: 40px;
	}


} 



@media screen and (max-width: 1430px) {

	.detailWrp{
		width: 1220px;
	}

	.dLeft{
		width: 888px;
	}

	.dRight{
		width: 292px;
	}

	.dR_con ul{
		width: 250px;
	}
	
	.detailTop dl ,.detailArt ,.detailOf{
		width: 800px;
	}

	.dR_title{
		height: 40px;
		line-height: 40px;
	}

}


@media screen and (max-width: 1200px) {




	.detailWrp{
		width: 1120px;
	}

	.dLeft{
		width: 840px;
	}

	.dRight{
		width: 250px;
	}

	.dR_con ul{
		width: 220px;
	}
	
	.detailTop dl ,.detailArt ,.detailOf{
		width: 750px;
	}

	.dR_title{
		height: 40px;
		line-height: 40px;
	}

	.detailArt article p img{
		max-width: 700px;
	}


}