/**左侧菜单栏*/
.page_top {
	height: 50px;
	font-size: 14px;
	color: #bbb;
	background-color: #F6F6F6;
}

.page_title {
	line-height: 50px;
}

.page_left {
	width: 100%;
	height: 50px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #dedede;
}

.menu_list {
	width: 100%;
	display: flex;          /* 启用 Flex 布局 */
	list-style: none;       /* 移除默认列表符号 */
	padding: 0;             /* 清除默认内边距 */
	margin: 0 auto;              /* 清除默认外边距 */
}

.menu_head {
	font-weight: normal;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	text-align: left;
	border-bottom: 1px dotted #d8d6d6;
	color: #999999;
	margin-right: 40px;
}

.menu_list > a {
	text-decoration: none;
	height: 50px;
}

.menu_body li.on {
	border-right: 1px solid #fff;
}

.menu_list li.on a {
	color: #fff;
	background: #a01a1a;
	font-size: 14px;
}

.menu_body li.on:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 10px solid #fff;
	top: 17px;
	right: 0;
}

.menu_list .active{
	color: #00569f!important;
	border-bottom: 2px solid #00569f;
}

/*菜单背景图*/
.menu_bg{
	height: 360px;
	width: 100%;
	display: flex;
	align-items: center; /* 垂直居中 */
	justify-content: center; /* 水平居中（可选） */
	transform: translateX(-100%);
	animation: slideIn 1s ease-out forwards;
}
/* 定义动画关键帧 */
@keyframes slideIn {
	to { transform: translateX(0); }       /* 结束位置（右侧对齐屏幕边缘） */
}
.menu_bg_s{
	color: #FFFFFF;
	width: 100%;
	text-align: center;
}

/**右侧列表*/
.page_right {
	background-color: #FFFFFF;
	min-height: 300px;
	padding: 20px 100px 0 100px;
}

.content_warp{
  max-width: 1200px;
  margin: 0px auto;
}