body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0; font-family: "微软雅黑";}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
img{vertical-align:top; border:0; border:none;}
a{ text-decoration:none; outline:none; color:#000;}
input,select{ outline:none;}
li{list-style: none;}
a:hover{ color:#000;}
a:focus{outline:none;}
a:hover,a:visited,a:active,a:link{text-decoration: none;}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.body{color: #000; overflow-x: hidden; margin: 0; padding: 0;}

.edit-container{ width: 1200px; margin: 0 auto;}
body{ background-color: #ebf8ff;}

#footer .footerInner{width: 100%; background: #02002a; color: #fff; padding-bottom: 16px;}
.fooer-Link{padding-left: 0;}
.fooer-Link>a{color: #fff; margin: 0 5px; font-size: 14px;}
.fooer-Link .otherLink {display: inline-block; padding-top: 16px; position: relative; z-index: 10; padding-left: 4px;}
.fooer-Link .otherLink span {cursor: pointer; color: #fff; position: relative; font-size: 14px;}
.fooer-Link .otherLink span i { font-size: 12px; margin-left: 8px; position: absolute; top:8px;}
.otherlinkCon {display: none; position: absolute; left: 0; bottom: 33px; background: #fff; border-bottom: 2px solid #e0002a; box-shadow: 2px 0px 1px #b3b3b3, -2px 0px 1px #b3b3b3; }
.otherlinkCon a {display: block; height: 40px; line-height: 40px; text-align: center; width: 128px; color: #333333; text-decoration: none;}
.footer-record {padding-top: 16px; font-size: 14px; padding-right: 0;}
.footer-record p {margin-bottom: 0; color: #fff;}
.footer-record a {color: #fff;}
.otherlinkCon a:hover{color: #fff;background: #e0002a;}

.top-banner img{ display: block; width: 100%;}

.main-container{ margin-top: -260px; position: relative; z-index: 5;}
.list-box{ background-color: #eef5f9; padding: 30px 30px 0 30px; box-shadow:0 42px 58px #c1d2f6;}
.list-box ul{ margin: 0 -15px;}
.list-box li{ float: left; width: 33.333333%; margin-bottom: 30px; padding: 0 15px;}
.list-box li .block-box{ border: 1px solid #dbe8f3; background-color: #fff; cursor: pointer;}
.list-box li .block-box .pic img{ display: block; width: 100%;}
.list-box li .block-box .cont{ padding: 20px 25px 30px 25px;}
.list-box li .block-box .cont .title{ font-size: 16px; line-height: 1.5em; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.list-box li .block-box .cont .bot-box{ margin-top: 20px; font-size: 14px; color: #828282;}
.list-box li .block-box .cont .bot-box .time{ float: left;}
.list-box li .block-box .cont .bot-box .person-time{ float: right; background: url(../images/icon-yj.png) left center no-repeat; padding-left: 32px;}

.page-box{ margin: 50px 0; text-align: center; font-size: 14px;}
.page-box a{ display: inline-block; min-width: 32px; height: 32px; line-height: 32px; margin: 0 5px; vertical-align: middle;}
.page-box a.active{ background-color: #8fdde4; border-radius: 100%;}
.page-box .prev,.page-box .next{ background-position: center; background-repeat: no-repeat; margin: 0 10px;}
.page-box .prev{ background-image: url(../images/prev.png);}
.page-box .next{ background-image: url(../images/next.png);}

/*视频弹框*/
.video-layer{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; display: none;}
.video-layer .opacity{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.6;}
.video-layer .layer-close{ width: 30px; height: 30px; background: url(../images/layer-close.png) center no-repeat; position: absolute; top: 30px; right: 30px; z-index: 9; cursor: pointer;}
.video-layer .layer-inner{ width:1152px; position: absolute; top: 50%; left: 50%; margin: -364px 0 0 -576px; background-color: #000;}
.video-layer .layer-inner .content-inner{ padding: 30px;}
.video-layer .layer-inner .content-inner .video-box{ width: 100%;}
.video-layer .layer-inner .content-inner .title{ font-size: 20px; color: #fff; margin-top: 25px; padding: 0 30px;}

@media (max-width: 1680px){
	.main-container{ margin-top: -225px;}
}

@media (max-width: 1400px){
	.main-container{ margin-top: -185px;}
}

@media (max-width: 1280px){
	.edit-container{ width:970px;}
	.main-container{ margin-top: -140px;}
	.list-box li .block-box .cont{ padding: 20px 15px;}
	.list-box li .block-box .cont .bot-box{ margin-top: 15px;}
	.page-box{ margin: 40px 0;}
	
	/*视频弹框*/
	.video-layer .layer-inner{ width: 864px; margin: -273px 0 0 -432px;}
	.video-layer .layer-inner .content-inner{ padding: 20px;}
	.video-layer .layer-inner .content-inner .title{ font-size: 16px; margin-top: 20px; padding: 0 25px;}
	
	
	
}

@media (max-width: 991px){
	.edit-container{ width:auto;}

	.fooer-Link {text-align: center;}
	#footer .footerInner{ overflow-x: hidden;}
	.otherlinkCon{left: -40px;}
	.footer-record {font-size: 12px; padding-top: 4px;}
	.footer-record p {text-align: center; font-size: 10px;}
	
	.main-container{ margin-top: -60px; padding: 0;}
	.list-box{ padding: 20px 15px 0 15px; background: none; box-shadow: none;}
	.list-box li{ float: none; width: 100%; margin-bottom: 15px;}
	.page-box{ margin: 10px 0 30px 0;}
	.page-box a{ margin: 0; min-width: 28px; height: 28px; line-height: 28px;}
	.page-box .prev, .page-box .next{ margin: 0 5px;}
	
	/*视频弹框*/
	.video-layer .layer-inner{ width: 100%; left: 0; margin: 0; transform:translate(0,-50%);}
	.video-layer .layer-inner .content-inner .title{ padding: 0;}
	.video-layer .layer-close{ top: 15px; right: 15px;}
	
	
}

@media (max-width: 767px){
	
	

}