body {
	background-color: #fafafa;
	font-family: "Microsoft YaHei";
}

.bg-clear {
	background-color: transparent;
}

.ThemeColor {
	background-color: #0878d3;
}

.top20 {
	/* margin-top: 20px; */
	height: 20px;
}

.top35 {
	/* margin-top: 35px; */
	height: 35px;
}

.top-panal {
	/*	height: 500px;*/
	/* background-color: #0878d3; */
	padding-bottom: 150px;
}

.top-offset {
	margin-top: -100px;
}

.box-1 {
	height: 200px;
	/* background-color: #fff; */
	/* margin:20px; */
	/* border: #000000 1px solid; */
	padding: 10px;
	border-radius: 10px;
}

.box2 {
	/* border: #000000 1px solid; */
	background-color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 30%);
	text-align: center;
	/* padding-top: 50px; */
	font-size: 25px;
	/* font-weight: 700; */
}

.t2 {
	margin-top: 15px;
}





.logo {
	/* height: 50px; */
	/* background-color: #fff; */
	/* text-align: center; */
}

.logo img {
	height: 50px;
	margin: 30px;
}

.nav {
	/* height: 50px; */
	/* background-color: #fff; */
	/* text-align: center; */
}

.slogan {
	text-align: center;
	margin-top: 60px;
	font-size: 40px;
	color: #fff;
	font-weight: bold;
}

.slogan2 {
	margin-top: 20px;
	/*	margin-bottom: 150px;*/
	text-align: center;
	font-size: 20px;
	color: #fff;

}

.Section-title {
	margin-top: 35px;
	text-align: center;
}

.about-list {}

.about-card {
	margin-top: 50px;
	padding: 10px;
	/* height: 200px; */
	/* border: #000000 1px solid; */
}

.about-img {
	text-align: center;
}

h3 {
	font-weight: bold;
}

h2 {
	font-weight: bold;
}

.about-list-item {
	margin-top: 10px;
}

.page-separate {
	/* margin-top: 50px; */
	/* background-color: #086dc5; */
	min-height: 100px;
	padding: 25px;
	text-align: center;
	color: #fff;
}

.page-separate img {
	height: 50px;
}


.page-separate h1 {
	margin-top: 15px;
}

.page-separate .features {
	margin-top: 10px;
}

.case {
	/* background: url(img/bg.png) repeat fixed center; */
	background-color: #e6e6e6;
	margin-bottom: 20px;

}

.box-3 {
	/* height: 400px; */
	/* background-color: #fff; */
	/* margin:20px; */
	/* border: #000000 1px solid; */
	padding: 10px;
	border-radius: 10px;
	margin-top: 20px;
}

.box4 {
	background-color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}

.box4 img {
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.caseText {
	padding: 20px;
}

.box4 h3 {
	/* text-align: center; */
	margin-top: 5px;
}

.foot {
	color: #fff;
	line-height: 30px;
	/* font-size: 19px; */
}

.foot h3 {
	text-align: center;
	border-bottom: #fff 1px solid;
}

.footBox {
	padding: 20px;
	/* text-align: center; */
}

.footBox1 {}

.foot a {
	color: #00FF00;
}