body,hr, p, blockquote,h1,h2,h3,h4,h5,h6, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

.clear { *zoom :1;}
.clear:after { content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
a:hover{color: #999;}
span{display:inline-block;}
.pull-left { float:left;}
.pull-right { float:right;}
/* 列表 */
.n-header{position: relative; width: 100%;}
.n-header h2{position: absolute; top: 50%; left: 70.8%; font-size: 50px; color: #fff;}

.new-container2{width: 100%; background: #f5f5f5;}
.new-container2 .new-header{width: 100%;}

.new-container{width: 1200px; margin: 0 auto; padding: 40px 0;}
.new-container .new-title{width: 100%; border-bottom: 1px solid #ccc; height: 60px; line-height: 60px; font-size: 26px;}

.new-container .list a li .detail-tag{width: 85%; margin:20px auto 0;  overflow: hidden; height: 20px;}
.new-container .list a li .detail-tag span{float: left; background: #ccc; margin-right: 5px; color: white; padding:2px 5px;}


.new-container .list a:nth-of-type(1){width: 100%; padding:0; height: 425px; cursor: pointer;overflow:hidden;}
.new-container .list a:nth-of-type(1):hover{animation:hh 0.5s forwards linear;}

.new-container .list a:nth-of-type(1) li{width: 100%;}
.new-container .list a:nth-of-type(1) li img{width: 50%; height: 100%; margin:0; float: left;}


.new-container .list a:nth-of-type(1) li .detail-fl{float: left; width: 40%; margin:70px 5% 30px;}
.new-container .list a:nth-of-type(1) li .detail-fl .detail-title{font-size: 26px; width: 100%; height: inherit; padding-top: 0px;}
.new-container .list a:nth-of-type(1) li .detail-des{font-size: 16px; line-height: 32px; margin-top: 10px;}
.new-container .list a li .detail-fl .title-date{width: 100%; margin-top: 40px;}
.new-container .list a:nth-of-type(1) li .title-date span{padding: 0;}

.new-container .list{}
.new-container .list a{width: 285px; float: left; margin:50px 20px 10px 0; background: #fff; padding-top: 15px; height: 360px;}
.new-container .list a:hover img{animation:hh 0.5s forwards linear;}
.new-container .list a:nth-of-type(4n+5){margin-right: 0px;}
.new-container .list a li img{margin: 0 auto; height: 190px; width: 256px;}
.new-container .list a li .detail-title{color: #000; font-size: 16px; padding-top: 20px; width: 85%; margin:0 auto; overflow:hidden; text-overflow:ellipsis !important; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; height: 64px;}


.new-container .list a li .title-date{padding:20px 0 5px; width: 85%; margin: 0 auto;}
.new-container .list a li .title-date span{float: left;}
.new-container .list a li .title-date .read{color: #999;}


.new-container .list a:hover img{animation-play-state:paused;}
@keyframes hh{
	from{}
	to{
		box-shadow:3px 3px 5px 2px #ddd;
	}
} 