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

body,a,h1,h2,h3,h4,h5,h6,hr,ul,li,p,font{-webkit-box-sizing: border-box;/*规定padding不影响宽度*/-moz-box-sizing: border-box;
box-sizing: border-box;margin: 0px;padding: 0px; }
img{border:0;/*设置所有图片没有边框*/}
a {text-decoration:none;/*设置链接颜色以及没有下划线*/}
ul {list-style-type:none;/*设置所有列表没有样式（列表前面的数字、字母或者符号排序）*/}

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

.about-box{
	width: 1200px;
	height:670px;
	margin: 0 auto;
}
.box-l{
	width: 850px;
	height: auto;
	float: left;
	padding-bottom: 100px;
}
.box-top{
	width: 810px;
}
.box-top p{
	width: 800px;
	height: 40px;
	line-height: 40px;
}

.box-r{
	width: 320px;
	height: auto;
	float: right;
}

.api{width: 100%;min-width: 1200px;margin: 30px auto 0;}



.list-r-recommend,.list-r-hot{
	width: 320px;
	height: 260px;
	background: #F6F9F9;
	padding: 20px;
	border-radius: 10px;
}
.list-r-recommend h2,.list-r-hot h2{
	font-size: 20px;
	font-weight: 400;
	height: 30px;
}
.list-r-recommend ul,.list-r-hot ul{
	width: 300px;
	height: auto;
}
.list-r-recommend ul li,.list-r-hot ul li{
	
	width: 280px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.list-r-recommend ul li a,.list-r-hot ul li a{
	color: #384047;
}
.list-r-recommend ul li a:hover ,.list-r-hot ul li a:hover{
	text-decoration: underline;
}

.list-r-hot{
	margin-top: 30px;
}