@charset "utf-8";

/* ---htmlbody100%--- */
* {
	margin: 0;
	padding: 0
}

html,
/* body {
	
} */

/* ---divdiv--- */
body {
	text-align: left;
	/* background-color: #fcfcfc; */
	background-color: #e0e0e0;
	font-size: 9pt;
	color: #646464;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* background-image: url(images/main_01.jpg); */
	background-repeat: repeat-x;
	background-position: top;
}

/* 页头新样式 */
#head {
	display: flex;
	align-items: center;
	justify-content: center;
	/* 改为center实现水平居中 */
	padding: 0 20px;
	height: 150px;
	/* 从159px调整为120px，减小高度 */
	position: relative;
	background-color: #073680;
}

.header-center {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.header-subtitles {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* 修改为居中对齐 */
	margin-left: 15px;
	color: #ffffff;
	text-align: center;
	/* 修改为居中对齐 */
}

.header-subtitles span {
	display: block;
}

.header-subtitles span:first-child {
	font-size: 40px;
	/* 增大中文字体大小 */
	font-weight: bold;
}

.header-subtitles span:last-child {
	font-size: 20px;
	/* 增大英文字体大小 */
	font-weight: normal;
}

.header-logo {
	height: 150px;
	width: auto;
}

/* 添加Flexbox布局样式实现面板横向均匀排列 */
.flex-container {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
}

.flex-container>div[frag^="面板"] {
	flex: 1;
	margin: 0 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-container>div[frag^="面板"]:first-child {
	margin-left: 0;
}

.flex-container>div[frag^="面板"]:last-child {
	margin-right: 0;
}

/* 为面板23、24、25、26内的窗口内容添加居中样式 */
div[frag="面板23"],
div[frag="面板24"],
div[frag="面板25"],
div[frag="面板26"] {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 300px;
	/* 设置最大宽度为300px */
}

div[frag="面板23"]>div,
div[frag="面板24"]>div,
div[frag="面板25"]>div,
div[frag="面板26"]>div {
	text-align: center;
}

/* 为面板27、28、29添加横向排列和居中样式 */
.postlists {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;

}

/* 设置面板27、28、29的固定宽度 */
.postlists>div[frag="面板27"],
.postlists>div[frag="面板28"],
.postlists>div[frag="面板29"] {
	width: 350px;
	flex: none;
	/* 禁用flex-grow和flex-shrink */
}

.postlists>div[frag^="面板"] {
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	justify-content: flex-start;
}

/* 确保窗口内容在标题下方 */
.postlists>div[frag^="面板"]>div[frag^="窗口"] {
	align-self: flex-start;
	/* width: 100%; */
	margin-top: 10px;
	/* 添加标题和内容之间的间距 */
}

.postlists>div[frag^="面板"]:first-child {
	margin-left: 0;
}

.postlists>div[frag^="面板"]:last-child {
	margin-right: 0;
}

.panel-title.left-align {
	text-align: left;
	color: #073680;
	/* 使用与主题一致的颜色 */
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
	padding-left: 10px;
	border-left: 4px solid #073680;
	/* 添加左侧边框以增强视觉效果 */
}

/* 为面板22及其窗口添加更完整的居中样式 */
div[frag="面板22"] {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 100% !important;
}

.panel-22-vertical {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.panel-22-vertical > div[frag^="窗口"] {
	width: 100%;
	margin-bottom: 15px; /* 添加底部间距 */
}

.panel-22-vertical > div[frag^="窗口"]:last-child {
	margin-bottom: 0; /* 最后一个元素不需要底部间距 */
}


img {
	display: block;
}

li {
	list-style: none;
}

table {
	font-size: 9pt;
}

.none {
	display: none;
}

.cr {
	clear: both;
	width: 100%;
	height: 0;
}

.clear {
	clear: both;
	height: 14px;
	width: 100%;
}

/* ---??--- */
a {
	font-size: 9pt;
	text-decoration: none;
	color: #646464;
	line-height: 25px;
}

a:hover {
	font-size: 9pt;
	text-decoration: none;
	color: #646464;
	line-height: 25px;
}

/* ---div--- */
#container_page {
	width: 100%;
	text-align: left;
	/* margin: 0 auto; */
	background-color: #e0e0e0;
	/* 层次感的白色 */
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

#nav_bg {
	width: 100%;
	/* 左右铺满页面 */
	border-bottom: 2px solid #b2b2b2;
	/* 添加底部边界 */
	background-color: rgb(240, 242, 245);
	/* 与导航栏背景色一致 */
	padding-bottom: 10px;
	/* 确保能包裹住nav元素 */
	/* margin-bottom: 10px; */
	/* 与下方元素保持间距 */
    min-height: 54px; /* 设置一个能完全包裹nav元素的最小高度 */
}

#nav {
	/* background-color: #4a6d00; */
	width: 1200px;
	/* 与middle宽度一致 */
	text-align: center;
	height: 39px;
	padding-top: 5px;
	flex-shrink: 0;
	/* border-bottom: 2px solid #b2b2b2; 添加下边框 */
}

/* ---вdivҪƶ߶--- */
#container_content {
	padding: 10px;
	flex: 1;
	width: 1200px;
	/* 假设middle的宽度为1200px，请根据实际情况调整 */
	margin: 0 auto;
}

.right {
	float: right;
	width: 215px;
}

.left {
	float: left;
	width: 215px;
}

.middle {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}

.lleft {
	float: left;
    width: 220px;
    /* background-color: #f3f5f2; */
    min-height: 300px;
    margin-top: 0;
    /* 确保没有顶部 margin */
    margin-right: 10px; /* 添加右侧外边距，与.lright之间形成间隙 */

}

.lleft .tit {
	background-color: #f3f5f2;
	line-height: 32px;
	background-image: url(images/list_03.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 43px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.lright {
	float: right;
	background-color: #FFFFFF;
	/* width: 690px; */
	width: calc(100% - 380px);
	margin-top: 0;
	/* 确保没有顶部 margin */
	padding-top: 40px;
	padding-left: 5%;
	padding-right: 5%;
	min-height: 500px !important; /* 添加这一行来设置最小高度 */
}

#container_content .lright {
	min-height: 500px !important; /* 增加选择器特异性并使用 !important */
}

.lright .wz {
	line-height: 25px;
	color: #073680;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
	margin-top: 0;
	/* 确保第一个元素没有顶部 margin */
	padding-top: 0;
	/* 确保第一个元素没有顶部 padding */
}



#foot {
	line-height: 44px;
	color: #adacac;
	background-color: #4f4d4d;
	text-align: center;
	height: 44px;
	flex-shrink: 0;
}

.kuan {
	padding-right: 10px;
	padding-left: 10px;
}

.kuang {
	background-color: #efefef;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e4e4e4;
	border-left-color: #e4e4e4;
	padding-right: 10px;
	padding-left: 10px;
}

.kuang2 {
	background-color: #efefef;
	height: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e4e4e4;
}

.kuang3 {
	background-color: #efefef;
	height: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}

.biaoti {
	color: #FFFFFF;
	font-size: 25pt;
	font-weight: bolder;
	position: absolute;
	top: 65px;
	left: 360px;
}

.biaoti1 {
	color: #073680;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	text-align: left;
}

.biaoti2 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	clear: both;
	background-image: url(images/list_06.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 25px;
	line-height: 35px;
}

.xian {
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1d1d1;
}

.info {
	margin-right: 50px;
	margin-left: 50px;
	background-color: #FFFFFF;
	padding-left: 2cm;
	padding-right: 2cm;
	padding-top: 1cm;
	padding-top: 1cm;
	min-height: 500px !important;
}

/*导航链接的修改*/
#wp_nav_w1 a span {
	color: #FFFFFF
}

/*一级导航颜色*/
#wp_nav_w1 ul li ul li a span {
	color: #333333;
}

.infotitle {
	color: #073680;
	font-family: "";
	font-size: 20px;
	clear: both;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
}

.border2 {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}

.article {
	font-size: 10.5pt;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.article p {
	line-height: 1.7em;
	font-size: 14px;
}

.news_title,
.news_title a {
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #3e5b00;
}

.news_summary {
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	font-weight: normal;
}

.news_item {
	float: right;
	width: 300px;
}

.tudi {
	background-color: #073680;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right bottom;
	/* font-size: 12px; */
	height: 120px;
	padding: 15px 0;
	/* 调整padding，使内容区域能正确对齐 */
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	/* 居中对齐 */
}

.tudi-content {
	width: 1200px;
	/* 与.middle类宽度一致 */
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

.tudi-left {
	flex: none;
	width: calc(33.33% + 20px); /* 原宽度基础上增加20px */
	text-align: left;
	padding: 0 15px;
	/* 保持适当的内边距 */
	color: #FFFFFF;
	/* 设置文字颜色 */
	line-height: 1.5;
	/* 设置行高 */
}

/* 为.tudi-left中的每个子元素设置统一的上下间距 */
.tudi-left>div {
	margin: 5px 0;
	font-size: 15px;
	/* 设置上下间距 */
}

.tudi-center {
	flex: 1;
	text-align: left;
	/* 左对齐 */
	padding: 0 15px;
	/* 保持适当的内边距 */
	color: #FFFFFF;
	/* 设置文字颜色 */
	line-height: 1.5;
	/* 设置行高 */
}

/* 为.tudi-center中的每个子元素设置统一的上下间距 */
.tudi-center>div {
	margin: 0px 0;
	font-size: 15px;

	/* 设置上下间距 */
}

/* 为.tudi-center中的链接设置白色文字颜色 */
.tudi-center a {
	color: #FFFFFF;
	font-size: 15px;

	text-decoration: none;
	/* 去除下划线 */
}

/* 鼠标悬停时链接的颜色 */
.tudi-center a:hover {
	color: #CCCCCC;
	/* 悬停时的颜色，可根据需要调整 */
}

.tudi-right {
	flex: 1;
	text-align: right;
	padding: 0 15px;
	/* 保持适当的内边距 */
	color: #FFFFFF;
	/* 确保文字颜色一致 */
	line-height: 1.5;
	/* 设置行高 */
}

/* 如果.tudi-right中有图片，需要单独设置图片样式 */
.tudi-right img {
	height: 80px;
	width: 450px;
	display: inline-block;
	/* 确保图片正确显示 */
}


.more,
more a {
	font-size: 12px;
	color: #909090;
}

.infotitle_fu {
	font-weight: 900;
}

.wp_article_list .list_item {
	border-bottom: none;
}

.wp_article_list .list_item .pr_fields {
	height: 24px;
}

/* 添加以下样式使header-content和nav的宽度与middle一致 */
#container_content .middle {
	width: 1200px;
	/* 假设middle的宽度为1200px，请根据实际情况调整 */
	margin: 0 auto;
}

.header-content {
	width: 1200px;
	/* 与middle宽度一致 */
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: border-box;
}

#nav {
	width: 1200px;
	/* 与middle宽度一致 */
	margin: 0 auto;
	box-sizing: border-box;
}

/* 如果需要调整导航栏内部的样式以适应新宽度 */
#nav .sudy-nav {
	width: 100%;
}

.current-position-box {
	width: 220px;
	/* 与.lleft宽度一致 */
	aspect-ratio: 4 / 1; /* 设置宽高比为4:3 */
	background-color: #f3f5f2 !important;
	padding: 5px;
	/* 添加内边距 */
	margin-bottom: 10px;
	/* 添加底部边距 */
	box-sizing: border-box;
	/* 确保宽度包含边框和内边距 */
	display: flex;
	/* 使用flex布局 */
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	/* 垂直居中 */
	text-align: center;
	/* 文字居中对齐 */
	font-size: 18px !important;
	/* 设置字体大小与一级栏目一致 */
}

.current-position-list {
	background-color: #f3f5f2;
	font-size: 16px;
text-align: center; /* 添加这行来居中文字 */
}

