.dh{
	width: 100%;
	height: auto;
	font-size: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: darkred;
}
.toux{
	width: auto;
	height: 20px;
	border-radius: 10px;
}
.sous{
	width: auto;
	height: 20px;
	margin-right: 10px;
}

.cebian{
	width: auto;
	height: auto;
	font-size: 0px;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
	z-index: 100;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.ceb{
	width: 38px;
	height: auto;
	font-size: 0px;
	overflow: hidden;
	display: flex;
	align-items: center;
	background: magenta;
	transition: 600ms;
	text-decoration: none;
	margin: 1px 0px;
}
.ceb:hover{
	width: auto;
}
.ceb_tb{
	width: 18px;
	height: auto;
	margin: 10px;
	flex-grow: 0;
	flex-shrink: 0;
}
.ceb_wz{
	width: auto;
	height: auto;
	font-size: 18px;
	white-space: nowrap;
	color: white;
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 10px;
}

@media screen and (min-width:1800px) {
	.foot{
		width: 100%;
		height: auto;
		background: darkred;
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		box-sizing: border-box;
		margin: 20px 0px 0px 0px;
	}
	.foot_Zi{
		width: 100px;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
		font-size: 0px;
		border: white 1px solid;
	}
	.foot_Zi_ewm{
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.foot_Zi_wz{
		width: 100%;
		height: auto;
		color: white;
		font-size: 12px;
		text-align: center;
	}
	.dh_z{
		width: 1500px;
		height: auto;
		font-size: 0px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.dh_logo{
		width: auto;
		height: auto;
		padding: 20px;
		font-size: 0px;
		text-align: center;
		color: white;
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	.dh_logo_img{
		width: auto;
		height: 30px;
		margin-right: 15px;
		display: inline-block;
	}
	.dh_logo_wz{
		width: auto;
		height: auto;
		font-size: 24px;
		text-align: center;
		color: white;
		display: inline-block;
	}
	.dh_z_z{
		width: auto;
		height: auto;
		padding: 20px;
		font-size: 20px;
		color: rgb(255, 255, 255);
		text-decoration: none;
		display: inline-block;
	}
}
@media screen and (min-width:1200px) and (max-width:1800px) {
	.foot{
		width: 100%;
		height: auto;
		background: darkred;
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		box-sizing: border-box;
		margin: 20px 0px 0px 0px;
	}
	.foot_Zi{
		width: 100px;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
		font-size: 0px;
		border: white 1px solid;
	}
	.foot_Zi_ewm{
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.foot_Zi_wz{
		width: 100%;
		height: auto;
		color: white;
		font-size: 12px;
		text-align: center;
	}
	.dh_z{
		width: 1200px;
		height: auto;
		font-size: 0px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.dh_logo{
		width: auto;
		height: auto;
		padding: 15px;
		font-size: 0px;
		text-align: center;
		color: white;
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	.dh_logo_img{
		width: auto;
		height: 30px;
		margin-right: 15px;
		display: inline-block;
	}
	.dh_logo_wz{
		width: auto;
		height: auto;
		font-size: 24px;
		text-align: center;
		color: white;
		display: inline-block;
	}
	.dh_z_z{
		width: auto;
		height: auto;
		padding: 15px;
		font-size: 18px;
		color: rgb(255, 255, 255);
		text-decoration: none;
		display: inline-block;
	}

}
@media screen and (min-width:600px) and (max-width:1200px) {
	.foot{
		width: 100%;
		height: auto;
		background: darkred;
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		box-sizing: border-box;
		margin: 20px 0px 0px 0px;
	}
	.foot_Zi{
		width: 100px;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
		font-size: 0px;
		border: white 1px solid;
	}
	.foot_Zi_ewm{
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.foot_Zi_wz{
		width: 100%;
		height: auto;
		color: white;
		font-size: 12px;
		text-align: center;
	}
	.dh_z{
		min-width: 600px;
		width:96%;
		height: auto;
		font-size: 0px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.dh_logo{
		width: 100%;
		height: auto;
		padding: 15px;
		font-size: 0px;
		text-align: center;
		color: white;
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	.dh_logo_img{
		width: auto;
		height: 30px;
		margin-right: 15px;
		display: inline-block;
	}
	.dh_logo_wz{
		width: auto;
		height: auto;
		font-size: 20px;
		text-align: center;
		color: white;
		display: inline-block;
	}
	.dh_z_z{
		width: auto;
		height: auto;
		padding: 15px;
		font-size: 14px;
		color: rgb(255, 255, 255);
		text-decoration: none;
		display: inline-block;
	}
}
@media screen and (max-width:600px) {
	.foot{
		width: 100%;
		height: auto;
		background: darkred;
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		box-sizing: border-box;
		margin: 20px 0px 0px 0px;
	}
	.foot_Zi{
		width: 100px;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
		font-size: 0px;
		border: white 1px solid;
	}
	.foot_Zi_ewm{
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.foot_Zi_wz{
		width: 100%;
		height: auto;
		color: white;
		font-size: 12px;
		text-align: center;
	}
	.dh_z{
		min-width: 310px;
		width:96%;
		height: auto;
		font-size: 0px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.dh_logo{
		width: 100%;
		height: auto;
		padding: 10px;
		font-size: 0px;
		text-align: center;
		color: white;
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	
	.dh_logo_img{
		width: auto;
		height: 30px;
		margin-right: 15px;
		display: inline-block;
	}
	.dh_logo_wz{
		width: auto;
		height: auto;
		font-size: 20px;
		text-align: center;
		color: white;
		display: inline-block;
	}
	.dh_z_z{
		width: auto;
		height: auto;
		padding: 10px 4px;
		font-size: 12px;
		color: rgb(255, 255, 255);
		text-decoration: none;
		display: inline-block;
	}
}