*{
  box-sizing: border-box;
}

.xhzc-logo-box{
	display: flex;
	justify-content:center;
}
.xhzc-logo-box img{
	width:203px;
	height: 203px;
}
/*第一部分主体区域的css样式*/
.container-one {
  height: 540px;
  margin: 0;
  padding: 20px;
  margin: 0 auto;
  background-image: url("../images/aboutAssociation-img/img0.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.h1-one {
  font-size: 36px;
  font-family: BOld;
  color: #222;
  margin-bottom: 30px;
}

.en-title {
  font-size: 20px;
  font-family: Bold;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.h2-one {
  font-size: 1.5em;
  color: #222;
  margin-bottom: 20px;
}

.p-one {
  font-family: Regular;
  text-indent: 2em;
  font-size: 16px;
  color: #3D3D3D;
  margin-bottom: 20px;
  padding-right: 90px;

  line-height: 1.5em;
  width: 100%;
  text-align: justify;   
 /* 2. 核心属性（缺一不可） */
 display: -webkit-box; /* 转为 WebKit 弹性盒 */
 -webkit-line-clamp: 10; /* 限制显示行数（例如 3 行） */
 -webkit-box-orient: vertical; /* 垂直排列文本 */
 overflow: hidden; /* 隐藏超出内容 */

  /* 3. 可选：固定最大高度（增强稳定性） */
 max-height: calc(1.5em * 10); /* 行高 × 行数，避免文本截断一半 */
}

.more-one{
  color: #005c9f;
  margin-top: 40px;
}

/* 第二部分主体区域css样式 */


.leadership-section {
  background-color: #FFFFFF;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}

.section-title {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 30px;
}

.section-title .en-title {
  font-size: 20px;
  font-family: Bold;
  color: #999;
  margin-bottom: 10px;
}

.section-title .cn-title {
  font-size: 20px;
  font-family: Bold;
  color: #3D3D3D;
}

.leader-group {
  margin-bottom: 25px;
}

.leader-group  {
  width: 96%;
  border-collapse: collapse;
  margin: 0 auto;

}

.leader-group li {
  border: 1px solid #D8D8D8;
  padding: 30px;
}

.leader-group ul{
   list-style: none; /* 移除默认的项目符号 */
  padding-left: 0; /* 可选：清除默认的左内边距，避免残留空白 */
}

.group-title {
  font-size: 16px;
  color: #3D3D3D;
  text-align: center;
}

.leader-list {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 0 5px;
}

.leader-item {
  width: 100%;
  text-align: center;
}


.leader-avatar {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 10px;
  border: 2px solid #ddd;
}

.leader-avatar img {
  width: 100%;
  height: auto

}

.leader-name {
  text-align: center;
  font-size: 14px;
  font-family: Regular;
  color: #3D3D3D;
  margin-bottom: 5px;
}

.leader-desc {
  text-align: center;
  font-size: 14px;
  font-family: Regular;
  color: #3D3D3D;
}

.leader-extra{
  margin:0 auto 20px auto;
  display: flex;
  justify-content: center;
  width: 50%;
  height: auto;
  
}

.leader-extra img{
  width: 100%;
}

/*第三部分主体区域的css样式*/

.container-three {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  padding: 0 30px;
}

.container-three p{
  font-size: 14px;
}
.title-three {
  text-align: center;
  margin-bottom: 30px;
}

.en-title-three{
  font-family: Bold;
  font-size: 20px;
  color: #d3d3d3;
}

.zh-title-three{
  font-family: Bold;
  font-size: 20px;
  color: #000;
}

.image-container {
  text-align: center;
  margin-bottom: 30px;
}
.image-container img {
  max-width: 100%;
  height: auto;
}
.content-three {
  line-height: 1.8;
  min-height: 300px;
  color: #555;
  text-indent: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
}
p{
  font-family: Regular;
}

/*第四部分主体区域*/

        .header-four {
            font-family: "Microsoft Yahei", sans-serif;
            background-color: #FFFFFF;
            padding: 20px;
            
        }
        .en-title-four {
            font-size: 20px;
            font-family: Bold;
            color: #999;
            margin-bottom: 8px;
            display: block;
        }
        .zh-title-four {
            font-size: 20px;
            font-family: Bold;
            color: #000000;
            margin: 0;
        }
        .content-four {
            font-size: 14px;
            line-height: 22px;
            font-family: Regular;
            padding: 0 20px;
              
        }

        .chapter-four {
            font-size: 14px;
            margin-bottom: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 12;
            -webkit-box-orient: vertical;
        }

        .article-four {
            font-size: 14px;
            font-family: Regular;
            margin-left: 20px;
            margin-bottom: 10px;
        }
        .more-four {
            text-align: right;
            margin-top: 30px;
            margin-bottom: 20px;
        }
        .more-four a {
			color:#3D3D3D;
            text-decoration: none;
        }


/* 第五部分主体区域 */
.more-five{
  display: flex;
  align-items: flex-end;
}

        .header-five {
            font-family: "Microsoft Yahei", sans-serif;   
            align-items: center;
            margin-bottom: 20px;
            background-color: #f5f5f5;
            padding: 15px;
            padding-top: 40px;
        }

        .en-title-five{
          font-size: 20px;
          font-family: Bold;
          color: #D3D2D2;
        }

        .title-five{
          margin: 0;
          padding:0;
          display: flex;
          justify-content: space-between;
        }
        .zh-title-five{
          font-size: 20px;
          margin-top: 5px;
          color: #3D3D3D;
        }
        .zh-more-five{
          font-size: 16px;
          font-family: Medium;
          margin-right: 10px;
          color: #3D3D3D;
        }
        .zh-more-five a{
          text-decoration: none;
          color: #3D3D3D;
        }
        .en-more-five{
          font-size: 16px;
          color: #ADACAC;
        }
        .en-more-five a{
          text-decoration: none;
          color: #ADACAC;
        }
        
        .file-list-five {
          font-family: Regular;
            list-style: none;
            padding: 20px;
            margin: 0;
            min-height: 370px;
        }
        .file-list-five li {
            font-size: 14px;
            font-family: Regular;
            color: #3D3D3D;
            margin-bottom: 20px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: hidden;
            
        }
        .file-list-five li a {
           display: block;
            width: 310px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #3D3D3D;
            text-decoration: none;
        }
        .file-list-five li a:hover {
            text-decoration: none;
        }
		
.gzzd-list{
	background-color: #005C9F;
}
.gzzd-list li a{
	color:#ffffff;
}
.gzzd-header{
	background-color: #ffffff;
}