body {
	background-color: #f2f2f2;
}

.divTitle {
	background-color: #353535;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

	.divTitle > div {
		width: 1300px;
		display: flex;
		justify-content: space-between;
		color: white;
	}

		.divTitle > div > div {
			display: flex;
		}

			.divTitle > div > div > div {
				cursor: pointer;
				font-size: 14px;
			}

				.divTitle > div > div > div:first-child {
					cursor: default;
				}

.divBottom {
	background-color: #353535;
	height: 80px;
	display: flex;
	justify-content: center;
	color: white;
}

	.divBottom > div {
		margin-top: 40px;
		margin-right: 30px;
	}

		.divBottom > div:hover {
			color: #fcd178;
			cursor: pointer;
		}

.divBody {
	width: 1300px;
	background-color: white;
	margin: 0px auto;
}


.divTitleImg {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px;
}

.imgTitleImg {
	height: 60px;
	flex: 1;
	background-image: url(../img/home/logo.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 50px;
	margin: 15px 10px;
}

.divTitleRight {
	display: flex;
	align-items: center;
}

.imgTitleCode {
	height: 80px;
	width: 80px;
	background-image: url(../img/slider/5542772536977392479.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: yellow;
	margin-right: 10px;
}


.divMenuPanel {
	display: flex;
	justify-content: center;
	height: 55px;
	align-items: flex-end;
	background-color: white;
	padding-bottom: 5px;
}

	.divMenuPanel > div {
		font-size: 20px;
		line-height: 28px;
		margin-right: 25px;
		cursor: pointer;
		padding: 0px 5px 2px 5px;
		border-bottom: 2px solid white;
	}

		.divMenuPanel > div:last-child {
			margin-right: 100px;
		}

		.divMenuPanel > div:hover {
			color: #ff6a00;
			border-bottom: 2px solid #ff6a00;
		}


.divSlider {
	background-color: cadetblue;
	width: 100%;
	overflow: hidden;
	height: 450px;
}

	.divSlider ul {
		margin: 0px;
		padding: 0px;
		display: flex;
	}

		.divSlider ul li {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}

			.divSlider ul li div {
				height: 450px;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
			}

#divSliderNum {
	position: absolute;
	z-index: 2;
	margin-top: -30px;
	width: 100%;
	display: flex;
	justify-content: center;
}

	#divSliderNum > div {
		width: 12px;
		height: 12px;
		background-color: #666666;
		border: 1px solid #666666;
		margin-right: 10px;
		border-radius: 12px;
		cursor: pointer;
	}

.divSliderNumActive {
	background-color: white;
	border: 1px solid #777777;
	background-color: white !important;
}

#divSliderNum > div:hover {
	background-color: #f37841 !important
}





.divMiddleImg {
	background-color: yellow;
	height: 100px;
	width: 500px;
	margin: 15px auto;
}

.divContext {
	margin: 0px auto 0px auto;
	width: 1300px;
	padding-top: 100px;
}

	.divContext table {
		width: 1100px;
		margin: 0px auto;
	}

		.divContext table tr:first-child td {
			padding-bottom: 60px;
		}

		.divContext table tr td {
			padding: 10px 0px;
		}

.divContextItem {
	display: flex;
	flex-direction: column;
	align-items: center;
}

	.divContextItem > div:first-child {
		width: 180px;
		height: 180px;
		border-radius: 10px;
		cursor: pointer;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.divContextItem > div:last-child {
		font-size: 18px;
		line-height: 40px;
		cursor: pointer;
	}

	.divContextItem > div:first-child:hover ~ .divContextItemText {
		color: #ff6a00;
	}

	.divContextItem > div:last-child:hover {
		color: #ff6a00;
	}


.menuContext1 {
	background-image: url(../img/home/001.png);
}

.menuContext2 {
	background-image: url(../img/home/002.png);
}

.menuContext3 {
	background-image: url(../img/home/003.png);
}

.menuContext4 {
	background-image: url(../img/home/004.png);
}

.menuContext5 {
	background-image: url(../img/home/005.png);
}

.menuContext6 {
	background-image: url(../img/home/006.png);
}

.menuContext7 {
	background-image: url(../img/home/007.png);
}

.menuContext8 {
	background-image: url(../img/home/008.png);
}




.divContextBottom {
	margin: 100px auto 0px auto;
	border-top: 1px solid #bbbbbb;
	width: 1000px;
	display: flex;
	padding: 30px 10px 80px 10px;
}

	.divContextBottom > div {
		margin-right: 40px;
	}

		.divContextBottom > div:last-child {
			margin-right: 0px;
		}

.divBottomPnl > div {
	color: #777777;
	padding-left: 2px;
	cursor: pointer;
	margin: 5px 0px;
	font-size: 14px;
	line-height: 30px;
	width: 120px;
}

	.divBottomPnl > div:first-child {
		font-size: 15px;
		border-bottom: 1px solid #dddddd;
		padding: 0px 20px 10px 2px;
		cursor: default;
		margin: 0px 0px 15px 0px;
		font-weight: bolder;
	}

	.divBottomPnl > div:hover {
		color: black;
	}

.divBottomRight {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	padding-top: 20px;
}

	.divBottomRight > div {
		margin-left: 20px;
	}

		.divBottomRight > div:first-child {
			margin-left: 0px;
			margin-right: 5px;
		}

.imgBottomItem {
	display: flex;
	flex-direction: column;
	align-items: center;
}

	.imgBottomItem > div {
		cursor: pointer;
	}

		.imgBottomItem > div:first-child {
			width: 70px;
			height: 70px;
			background-color: red;
			margin-bottom: 2px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
		}

.imgBottom01 {
	background-image: url(../img/home/code.jpg);
}

.imgBottomItemText {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 2px;
}

	.imgBottomItemText div {
		margin-bottom: 15px;
	}

		.imgBottomItemText div:nth-child(2) {
			margin-bottom: 2px !important;
		}




#divBackGround {
	position: fixed;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 899;
	display: flex;
	justify-content: center;
	align-items: center;
}

	#divBackGround > div {
		z-index: 900;
		background-color: white;
		box-shadow: 0px 0px 3px #444444;
		border-radius: 12px;
		min-width: 450px;
		min-height: 450px;
		max-height: 80%;
		display: flex;
		flex-direction: column;
	}

.divWinTitle {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	padding: 14px 14px 10px 14px;
	border-bottom: 1px solid #eeeeee;
}

.divWinText {
	flex: 1;
	padding: 30px 40px;
}

.divWinBtns {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom: 1px solid #eeeeee;
	display: flex;
	align-items: center;
	border-top: 1px solid #eeeeee;
}

	.divWinBtns div {
		flex: 1;
	}

		.divWinBtns div:first-child {
			border-bottom-left-radius: 12px;
			padding: 0px;
			height: 22px;
			border-right: 1px solid #eeeeee;
		}

		.divWinBtns div:last-child {
			padding: 12px 0px;
			border-bottom-right-radius: 12px;
			text-align: center;
			cursor: pointer;
		}

			.divWinBtns div:last-child:hover {
				background-color: #e8f7f8;
			}





#divWinTextBottom01 {
	width: 430px;
	height: 430px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/home/code.jpg);
}


.divAppCode {
	width: 370px;
	height: 370px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/home/AppCode.jpg);
}

.divBeian {
	display: flex;
	justify-content: center;
	height: 80px;
	background-color: #353535;
}
	.divBeian a {
		color: white;
	}