body ,html{
    padding: 0;
    margin: 0;
	font-size: 14px;
  	line-height: 2;
	letter-spacing: 0.025em; // normal;
	/*
	font-family:apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
				"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei",
				"Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", "Meiryo", 
				sans-serif;
	*/
	color: #666;	
				
		/*		
	font-family: 
		Cambria,  Arial, "Helvetica Neue", Helvetica, 
		"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", 
		"游ゴシック", "ヒラギノ角ゴ Pro W3","ＭＳ ゴシック", 
		 sans-serif ;
		 */
}


/* 标题样式 */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 2;
    margin-bottom: 0.5em;
}

h1 {
    font-size: 2rem;
    margin-top: 1.5em;
}

h2 {
    font-size: 1.75rem;
    margin-top: 1.25em;
}

h3 {
    font-size: 1.5rem;
    margin-top: 1em;
}

/* 段落样式 */
p {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 1em;
}


.top {
    //height: 6dd0px;
	background: 
    url("images/bd.gif") 
    repeat 
    #94c0a4;
	
}

.slideshow {
    //height: 80px;
	background: 
    url("images/bd.gif") 
    repeat 
    #94c0a4;
	
}

.board{
    //height: 80px;
	background: 
    url("images/bd.gif") 
    repeat 
    #94c0a4;
}


.tosl {
	//height: 300px;
	background: #ffffff;
}

.tosl1 {
	height: 125px;
	background: #ffffff;
}


.mid {
	//background: #5555;
	background: 
    url("images/bd.png") 
    repeat 
    #5555;
}

.bottom {
    background: #1a1a1a;
	//background: #000;
}

.breadcrumbs_block {
	background: #ffffff;
	font-weight: bold;
}

.breadcrumbs_block a {
   text-decoration: none;
   color:#94c0a4
}

.footer_block {
    //height: 210px;
	//background: #1a1a1a;
	background: #000;
	//margin: 0px;
}

.sidebar {
    background: #ffffff;
	min-width: 180px;
}

.text {
    color: #fff;
    font-size: x-large;
}

.row {
    background: #ffffff;
}
.row_black {
    //background: #1a1a1a;
	background: #000;
}

.logo {
    //height: 50px;
	margin: 0px 0px;
    background: #ffffff;
}




// 针对于文章组件的CSS
.content {
    margin: 25px 0;
}

.content .article-info dd {
    display: inline-block;
}


.copyright-container {
    //background: #000;
    height: 80px;
	
}

.copyright{
    background: #000;
    height: 80px;
	font-size:12px;
}

/*搜索部分的CSS样式*/
.search {
    margin: 13px 0px;
    //padding-bottom: 20px;
    //border-bottom: solid 1px #eee;
}

.search label {
    display: none;
}

.search input[type=search] {
    border: 1px solid #ddd;
    width: 90%;
    //padding: 5px 10px;
    //border-radius: 20px;
}

 


// menu的CSS样式

.nav {
    background: #fff;
	padding: 10px 0px; 
}

.nav ul {
	list-style: none;
	padding:0px; 
	margin:0px; 
	font-size:14px; 
}
.nav ul li { 
	position: relative; 
	display: inline-block; 
	height: 40px; 
	line-height: 30px 
}

.nav ul li a {
	text-decoration: none;
	//font-weight: bold;
	display: block; 
	padding: 4px 8px;  // 上下，左右
	//color: rgb(53, 152, 219);
	//color: black;
	
	color:#0073e6;
	
}
 
.nav ul li a:hover {
	background: #f1f1f1;  
	text-decoration: none;
	//font-weight: bold;
	color:#94c0a4;
	//color:#0073e6;
} 

.nav ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
}

.nav ul ul li {
    display: block;
}

.nav ul ul ul{
	left: 100%;
	top:0;
}

.nav ul li:hover > ul {
	display: block;  
	position: absolute; 
	box-shadow: 0px 0px 16px 1px rgba(140,192,160,2); 
	min-width: 180px; 
	min-height: 40px;
	z-index:9999; 
	width: auto;
	white-space: nowrap; /* 防止菜单项换行 */
	background-color: #ffffff; 
} 

.menu-icon {
	margin-right: 8px; /* 图标与文字的间距 */
}


/*
.nav ul li ul li {
	height: 48px;
	position: relativel;
	top: 50%;
} 
.nav ul li ul li:hover {
	background-color: #f1f1f1; 
	width:100%;
}
*/

.pic_center {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}


/* 下拉菜单 */

.dropbtn {
    background-color: #ffff;
    //color: write;
	//color:#94c0a4;
	color:#0073e6;
	font-weight: bold;
    padding: 5px 5px;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
	//color:#94c0a4;
	color:#000;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(80,0,0,2);
}

.dropdown-content a {
    //color: black;
	//color:#94c0a4;
	color:#0073e6;
    padding: 6px 6px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
	font-weight: bold;
	color:#0073e6;
}

.dropdown:hover .dropdown-content {
    display: block;
	z-index:9999; 
}

.dropdown:hover .dropbtn {
    background-color: #fff;
}

a{
	//color:#000;
	color:#0073e6;
    text-decoration: none;
}

a:hover { 
	color:#94c0a4;
	text-decoration: none;
} 

.a_clear a{
    text-decoration: none;
    color: inherit;
}


/*  box css  */
.blockquote_kanban {
	margin-top:20px; 
	margin-bottom:20px; /*下边界值*/
  padding: 20px;
  border-radius: 5px;
  //font-size: 18px;
  font-weight: bold;
  text-align: center;
  box-shadow:
    inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
	
}

.rcorners3 { 
    border-radius: 25px;
    background: url(paper.gif);
    background-position: left top;
    background-repeat: repeat;
    padding: 20px;
    width: 200px;
    height: 150px;
}

// border-radius - 指定每个圆角


/*  page  css  */
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    font-size: 16px;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}


.table_col1{
    border-collapse: collapse;
}

.table_col1 th{
    background: #b7efb7;
}
.table_col1 td{
    background: #fff8dc;
}

.table_s1{
    border-collapse: collapse;
}

.table_s1 th{
    background: #b7efb7;
	border: 1px solid #333
}
.table_s1 td{
    background: #fff8dc;
	border: 1px solid #333
}

//  
.table_s2{
    border-collapse: collapse;
}
.table_s2 th{
    background: #b7efb7;
    border: 1px solid #333;
}
.table_s2 td{
    background: #fff8dc;
    border: 1px solid #333;
}
.table_s2 tr:nth-of-type(2n-1) td{
    background: #c0e0fc;
}

//  
.table_topic{
    border-collapse: collapse;
}
.table_topic th{
    background: #b7efb7;
    border: 0px solid #333;
}
.table_topic td{
    background: #fff8dc;
    border: 0px solid #333;
}
.table_topic tr:nth-of-type(2n-1) td{
    background: #c0e0fc;
}

.table_services{
    border-collapse: collapse;
}

.table_services th{
	padding: 10px;
	margin: 10px;
}
.table_services td{
	padding: 10px;
	margin: 10px;
}

.logo_style{
	font-family: 'arial black';
	font-size: 36px;
	color: rgb(53, 152, 219);
	font-weight: bold;
	font-style: oblique;
	padding: 0px;
}

.img_center{
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

/* 设置参考文献列表的整体样式 */
.references {
    font-family: 'Georgia', serif; /* 使用衬线字体，增加可读性 */
    line-height: 1.6; /* 增加行高，提升阅读体验 */
    margin: 20px 20px; /* 上下边距 */
	font-style: italic; 
   // padding: 0; /* 去除默认内边距 */
   // list-style-type: none; /* 去除默认列表符号 */
}

/* 设置每个参考文献条目的样式 */
.references li {
    margin-bottom: 15px; /* 条目之间的间距 */
 //   padding-left: 20px; /* 左侧缩进 */
  //  text-indent: -20px; /* 悬挂缩进 */
}

/* 设置参考文献中的链接样式 */
.references a {
    color: #0073e6; /* 链接颜色 */
    text-decoration: none; /* 去除下划线 */
}

.references a:hover {
    text-decoration: underline; /* 鼠标悬停时显示下划线 */
}

/* 设置参考文献中的作者、标题、期刊等信息样式 */
.references .author {
    font-weight: bold; /* 作者加粗 */
}

.references .title {
    font-style: italic; /* 标题斜体 */
}

.references .journal {
    font-style: normal; /* 期刊正常字体 */
}

.references .year {
    color: #666; /* 年份颜色稍浅 */
}

/* 设置参考文献编号样式 */

.references li::before {
  //  content: "[" counter(reference) "] "; /* 使用方括号包裹编号 */
    counter-increment: reference; /* 自动递增编号 */
    font-weight: bold; /* 编号加粗 */
    color: #333; /* 编号颜色 */
}


/* 初始化计数器 */
.references {
    counter-reset: reference;
}




/*
=====
UIA-TIMELINE
=====
*/

.uia-timeline__container {
  display: var(--uia-timeline-display, grid);
}

.uia-timeline__groups {
  display: var(--uia-timeline-groups-display, grid);
  gap: var(--uia-timeline-groups-gap, 1rem);
}


/*
SKIN 3
*/

[data-uia-timeline-skin="3"] {
  /*--_uia-timeline-line-color_default: #222;*/
  --_uia-timeline-line-color_default: #94c0a4;
  --_uia-timeline-space: var(--uia-timeline-space, 1rem);
  --_uia-timeline-line-thickness: var(--uia-timeline-line-thickness, 2px);
  --_uia-timeline-point-line-position: var(--uia-timeline-point-line-position, 1rem);
}

[data-uia-timeline-skin="3"] .uia-timeline__container {
  position: relative;
  gap: var(--uia-timeline-annual-sections-gap, 2.5rem);
}

[data-uia-timeline-skin="3"] .uia-timeline__line {
  inline-size: var(--_uia-timeline-line-thickness);
  block-size: 100%;
  background-color: var(--uia-timeline-line-color, var(--_uia-timeline-line-color_default));

  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}

[data-uia-timeline-skin="3"] .uia-timeline__annual-sections {
  display: grid;
  gap: 2rem;
}

[data-uia-timeline-skin="3"] .uia-timeline__groups {
  padding-inline-start: var(--_uia-timeline-space);
}

[data-uia-timeline-skin="3"] .uia-timeline__group {
  position: relative;
  isolation: isolate;
}

[data-uia-timeline-skin="3"] .uia-timeline__point {
  background-color: var(--uia-timeline-point-background-color, #f0f0f0);
}

[data-uia-timeline-skin="3"] .uia-timeline__point::before {
  content: "";
  inline-size: 100%;
  block-size: var(--_uia-timeline-line-thickness);
  background-color: var(--uia-timeline-line-color, var(--_uia-timeline-line-color_default));

  position: absolute;
  inset-block-start: var(--_uia-timeline-point-line-position);
  inset-inline-start: calc(-1 * var(--_uia-timeline-space));
  z-index: -1;
}

[data-uia-timeline-skin="3"] .uia-timeline__year {
  inline-size: fit-content;
  padding: var(--uia-timeline-year-padding, .25rem .75rem);
  background-color: var(--uia-timeline-year-background-color, var(--_uia-timeline-line-color_default));
  color: var(--uia-timeline-year-color, #f0f0f0);
  /*color: var(--uia-timeline-year-color, #94c0a4);*/
}

[data-uia-timeline-adapter-skin-3="uia-card-skin-#1"] {
  --uia-card-padding: var(--uia-timeline-point-padding, 1.5rem 1.5rem 1.25rem);
  --uia-card-border-thickness:  var(--uia-timeline-point-border-thickness, 3px);
  --uia-card-border-color: var(--uia-timeline-point-border-color, var(--_uia-timeline-line-color_default));		
  --uia-card-background-color: var(--uia-timeline-point-background-color);  
}


/*
=====
RESET
=====
*/

:where(.ra-heading) {
  margin-block: var(--ra-heading-margin-block-start, 0) var(--ra-heading-margin-block-end, 0);
}

/*
=====
HELPERS
=====
*/

.ha-screen-reader {
  width: var(--ha-screen-reader-width, 1px);
  height: var(--ha-screen-reader-height, 1px);
  padding: var(--ha-screen-reader-padding, 0);
  border: var(--ha-screen-reader-border, none);

  position: var(--ha-screen-reader-position, absolute);
  clip-path: var(--ha-screen-reader-clip-path, rect(1px, 1px, 1px, 1px));
  overflow: var(--ha-screen-reader-overflow, hidden);
}

/*
=====
UIA-CARD
=====
*/

.uia-card__container {
	display: var(--uia-card-display, grid);
	gap: var(--uia-card-content-gap);
}

.uia-card__time-divider::before {
  content: "—";
  margin-inline: var(--uia-card-time-divider-margin-inline, .15rem);
}

[data-uia-card-skin="1"] .uia-card__container {
  padding: var(--uia-card-padding, 1rem 1.75rem);
  background-color: var(--uia-card-background-color);
  border-radius: var(--uia-card-border-radius, 2px);
}

[data-uia-card-skin="1"] .uia-card__intro {
  display: grid;
  gap: var(--uia-card-intro-gap, 1rem);
}

[data-uia-card-skin="1"] .uia-card__time {
  grid-row: 1 / 1;
  inline-size: fit-content;
  padding: var(--uia-card-time-padding, .25rem 1.25rem .25rem);
  background-color: var(--uia-card-time-background-color, #f0f0f0);

  font-weight: var(--uia-card-time-font-weight, 700);
  font-size: var(--uia-card-time-font-size, .75rem);
  text-transform: var(--uia-card-time-text-transform, uppercase);
  color: var(--uia-card-time-color, currentColor);
}

[data-uia-card-skin="1"][data-uia-card-mod="1"] .uia-card__container {
	border-inline-start:	var(--uia-card-border-thickness, 2px) var(--uia-card-border-style, solid) var(--uia-card-border-color, currentColor);
	box-shadow: var(--uia-card-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24));
}

/*
=====
TYPOGRAPHY
=====
*/

body {
 // font-family: var(--ds-typography-main-font-family, system-ui);
 // font-size: var(--ds-typography-main-font-size, 1rem);
 // color: var(--ds-typography-main-color, #222);
 // line-height: var(--ds-typography-main-line-height, 1.75);
}

p:not([class]) {
  margin-block: var(--ds-typography-paragraph-margin-block-start, var(--_ds-typography-main-margin)) 0;
}

/*
=====
DEMO
=====
*/

:root {
  --uia-timeline-line-color: #4557bb;
  --uia-timeline-dot-color: #4557bb;
  --uia-timeline-arrow-color: #4557bb;
  --uia-timeline-line-thickness: 3px;
  --uia-timeline-point-border-color: #4557bb;
  --uia-timeline-group-padding: 1.5rem 1.5rem 1.25rem;
  
  --ds-typography-main-line-height: 1.5;
}

.timeline-5-2 {
	--uia-timeline-line-mask-color: #f0f0f0
}

[data-uia-timeline-skin="3"] {
	--uia-timeline-year-background-color: #4557bb;
}

body {
  background-color: #f0f0f0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.page {
	box-sizing: border-box;
  inline-size: min(100%, 90ch);
  padding: 5rem 2rem 3rem;
  margin-inline: auto;
}

/*
 框
*/

.rcorners2 {
	margin-top:20px; 
	margin-bottom:20px; /*下边界值*/
    border-radius: 25px;
    border: 2px solid #8AC007;
	background-color:#f0f0f0;
    padding: 20px;
    //width: 200px;
    //height: 150px;
}



/* 文章正文图片与文字居中 */
.article-content {
  text-align: center; /* 使所有行内内容（包括图片）居中 */
}

.article-content img {
  max-width: 100%; /* 防止图片溢出 */
  height: auto; /* 保持比例 */
}

/* 图片在左与文字居右 */
.float-left {
  float: left; /* 图片左浮动 */
  margin-right: 20px; /* 图片和文字的间距 */
  width: 200px; /* 固定宽度 */
  height: auto;
}

.float-left_members {
  float: left; /* 图片左浮动 */
  margin-right: 20px; /* 图片和文字的间距 */
  width: 60px; /* 固定宽度 */
  height: auto;
}

.text-content {
  overflow: hidden; /* 防止文字环绕问题 */
}



/* AREA */
.area-item {
  display: inline-flex;
  flex-direction: column ;    /* 关键：垂直排列 row  column*/
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 48px 16px 24px 16px;
  text-align: center;
  //width: 150px;  
  cursor: pointer;
}


.area-img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.area-text {
  font-weight: bold; /* 作者加粗 */
  color: #666;
}


.area-text-normal {
  color: #666;
}

.container_area {
  display: flex;
  width: 100%;      /* 自动伸缩 */
  height: auto;     /* 自动伸缩 */
  min-height: 100px; /* 最小高度 */
}

.container_area .item {
  flex: 1;          /* 等分剩余空间 */
  min-width: 0;     /* 防止内容溢出 */
  
  /* 样式 */
  padding: 10px;
  border: 0px solid #ddd;
  text-align: center;
}


/* 可选：添加间隔 */
.container_area.gap .item_area {
  margin: 0px 4px;
}
.container_area.gap .item_area:first-child {
  margin-left: 0;
}
.container_area.gap .item_area:last-child {
  margin-right: 0;
}

.area-item_side {
  display: inline-flex;
  flex-direction: row ;    /* 关键：垂直排列 row  column*/
  align-items: center;
  justify-content: left;
  gap: 18px;
  padding: 0px;    // 上右下左
  text-align: left;
  //width: 420;  
  cursor: pointer;
}

//////////////////////

.mybtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  //padding: 10px 16px 10px 32px;
  border: 0px solid #ddd;
  border-radius: 0px;
  background: #1a1a1a;
  border-color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 20px;
}

.myicon {
  //font-size: 14px;
  //color: #666;
  color: #94c0a4;
  transition: color 0.3s ease;
  margin-left: 10px; 
}

.mybtn-text {
  color: #999; /* 灰色文字 */
  //font-size: 14px;
  transition: color 0.3s ease;
  font-weight: bold;
  //color: #94c0a4;
  margin: 10px; 
}

/* 鼠标悬停效果 */
.mybtn:hover {
  background: #007bff;
  border-color: #007bff;
  //background: #666;
  //border-color: #666;
}

.mybtn:hover .mybtn-text {
  color: white; /* 文字变白 */
  //background: #666;
}

.mybtn:hover .myicon {
  //color: white; /* 图标也变白 */
}