/* CSS Document */
.hotNews{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative;
	margin-bottom: 48px;
}
.hotNewspicC{
	flex:1; width: 590px; height: 330px; position: relative; overflow: hidden;
}
.hotNewspic{
	width: 100%; 
}
.video{
	width: 100%; height: 100%;
}
.playBtn{
	text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: center; background: rgba(0,0,0,0.65);
}
.playBtn img{
	position: absolute; width: 64px; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; cursor: pointer;
}
.newsTl{
	font-size: 22px; color: #333333; margin-bottom: 25px;
}
.hotNewsValue{
	margin-left: 36px; width: 654px; line-height: 30px;
}
.newsTX{
	text-indent: 2em; font-size: 16px;
}
.showDetail{
	position: absolute;
}
.showDetail{
	color: #5e9d79; font-size: 14px; border:1px #5e9d79 solid; bottom: 0; right: 0; width: 90px; height: 36px; background: #fff; cursor: pointer;
}

.newsListtop,.tlright{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	

}
.newsListtop{
	margin: 0 0 28px; -webkit-justify-content: space-between; justify-content: space-between;
}

.tl{
	color: #5f9d79; font-size: 24px; font-weight: bolder; line-height: 50px;
}

.tlright{
	color: #999999; font-size: 16px; text-align: right;
}
.y{
	width: 100px; height: 52px; border-radius: 6px; border: 1px solid #ededed;  line-height: 50px; margin-right: 18px; text-align: center; cursor: pointer;
}
.y:hover{
	color: #5e9d78; border-color:#c0d9cb; transition:.3s; font-weight: bolder;
} 
.nowY{
	color: #fff; background: #5e9d78; border-color:#5e9d78; font-weight: bolder;
} 
.search{
	position: relative;
}
.tlright input{
	width: 316px; height: 52px; line-height: 50px; border: 1px solid #ededed; padding: 0 20px; font-size: 18px; color: #666;
}
.searchIcon{
	position: absolute; right:18px; top: 13px; cursor: pointer;
}

.newsList,.newsBottom{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.newsList{
	-webkit-flex-wrap: wrap; 
	flex-wrap: wrap;
}
.news{
	width: 400px; height: 360px; border: 1px solid #e8e8e8; position: relative; cursor: pointer; margin:0 40px 40px 0; box-sizing: border-box;
}
.news:nth-child(3n){
	margin-right: 0;
}
.newsPic,.newsPic .spic{
	width: 400px; height: 224px; overflow: hidden; position: relative;
}
.newsPic img{
	
}
.newsPic .spic:hover{
	width: 500px; height: 280px; margin-left: -50px; margin-top: -28px; transition:.3s;
} 

.newsList .newsTl{
	font-size: 18px; font-weight: bolder; padding: 0 10px; line-height: 30px; height: 60px; margin: 18px 0 12px
}
.newsBottom{
	-webkit-justify-content: space-between; 
	justify-content: space-between;
	padding: 0 10px;
	line-height: 28px;
}
.newsBottom .data{
	color: #c6c6c6; font-size: 18px;
}
.newsBottom .detail{
	height: 28px; width: 70px; border: 1px solid #dbdbdb; color: #999999; font-size: 12px; font-weight: bolder; background: #fff; cursor: pointer;
}

.pageList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	line-height: 40px;
	margin: 20px auto 54px;
	width: max-content;
}
.allPage{
	font-size: 16px; color: #999999;
}
.allPage span{
	color: #5e9d78; font-weight: bolder;
}
.pages{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-left: 40px;
	border: 1px solid #e0e0e0;
	height: 40px;
	font-family: Arial Regular;
}
.pages div{
	width: 32px; height: 40px; border-left: 1px solid #e0e0e0; background: #fff; font-size: 21px; color: #666666; line-height: 40px; text-align: center; cursor: pointer;
}
.numpage{
	font-size: 21px; width: 54px; height: 40px; border: 1px solid #e0e0e0; margin-left: 40px; text-align: center; color: #666666; 
}
.turnBtn{
	color: #fff; font-size: 16px; width: 68px; height: 40px; background: #5e9d78; text-align: center; line-height: 40px; margin-left: 10px; cursor: pointer;
}

#speech img{
	margin-top: 46px
}
#speech{
	padding-bottom: 58px;
}