﻿@charset "utf-8";
body,ul,li,h1,h2,h3,h4,h5,h6,p,font,hr{font-size: 14px;font-family:"微软雅黑";}

*{margin: 0px;padding: 0px; }
img{border:0;/*设置所有图片没有边框*/}
a {text-decoration:none;/*设置链接颜色以及没有下划线*/}
ul {list-style-type:none;/*设置所有列表没有样式（列表前面的数字、字母或者符号排序）*/}

#particles-js{
	width: 100%;
	height: 120px;
	background-color: #384047;
}
.header-top-title{
	color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    position: absolute;
   line-height: 120px;
}
.header-top-title h1{
	font-size: 30px;
	font-weight: 400;
}

.news-box{
	width: 100%;
	height: auto;
	background: #F2F2F3;
	padding-top: 50px;
}
.news-art{
	width: 1200px;
	height: auto;
	margin:  auto;
	background: #FFFFFF;
	
}
.news-art ul{
	width: 100%;
	height:  auto;
	padding-top: 50px;
	padding-bottom: 50px;
	
}
.news-art ul:after{
	display: block;
	content:'';
	clear: both;
}
.news-art ul li{
	width: 350px;
	height: 400px;
	margin: 20px 25px;
	border: 1px solid #EFEEEC;
	float: left;
	text-align: center;
	border-radius: 4px;
	transition: 0.7s;
overflow: hidden;
}
.news-art ul li:hover{
	box-shadow: 0px 0px 15px #86837E;
	transition: 0.7s;
}
.news-art ul li a{
	color: #000;
}
.news-art ul li a h2{
	width: 250px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	line-height: 50px;
	padding: 0px 20px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.news-art ul li a p{
	width: 100%;
	height: 25px;
	text-align: center;
	padding: 0px 10px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	color: #C4C1BB;
}
.news-art ul li a hr{
	margin: 0 auto;
}
.news-art ul li a img{
	width: 320px;
	height: 178px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.news-button{
	width: 100%;
	height: 80px;
	background: #F3F7F7;
	padding-top: 35px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}
.news-button a{
	color: #FFFFFF !important;
	width: 100px;
	height: 40px;
	background: #00ACED;
	margin: 0 auto;
	line-height: 40px;
	
}
.art-but{
	width: 100%;
	height: 50px;
	padding-bottom: 40px;
}
.art-but a{
	display: block;
	width: 200px;
	height: 40px;
	background: #F3F7F7;
	text-align: center;
	line-height: 40px;
	margin: 0 auto;
	color: #000000;
}



