.introductionbody { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; background: url('../../assets/image/introductionBg.png') no-repeat right top; background-size: 12.42rem 2.88rem; background-position-y: 2.72rem; padding-bottom: 40px; }

.introductionbody .introductionBg { position: absolute; left: 424px; top: 288px; width: 1242px; height: 388px; z-index: -1000; }

.introductionbody .titleName { width: 100%; height: 2.72rem; overflow: hidden; position: relative; background: url("../../assets/image/introduction.png") no-repeat center center; background-size: cover; }

.introductionbody .titleName .title { width: 50%; height: 1.92rem; position: absolute; top: 0px; left: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%); display: flex; flex-direction: column;  justify-content: center; padding-left: 3.51rem; padding-top: .8rem;}

.introductionbody .titleName .title .zh { font-family: Alibaba PuHuiTi 2.0; font-size: .4rem; font-weight: 500; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #FFFFFF; }

.introductionbody .titleName .title .en { margin-top: .08rem; font-family: DingTalk JinBuTi; font-size: .2rem; font-weight: normal; line-height: normal; text-transform: uppercase; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: rgba(255, 255, 255, 0.4); }

.introductionbody .content { width: 1200px; }

.introductionbody .content .breadcrumbs { margin: 40px 0; }

.introductionbody .content .info { display: flex; }

.introductionbody .content .info .left { width: 242px; margin-right: 64px; border-right: 1px solid #eee; font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: normal; line-height: 24px; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #999999 !important; position: relative; }

.introductionbody .content .info .left a { color: #999999 !important; }

.introductionbody .content .info .left .active { border-left: 4px solid #D3192B; color: #D3192B; background: linear-gradient(90deg, rgba(211, 25, 43, 0.1) 0%, rgba(211, 25, 43, 0) 100%); }

.introductionbody .content .info .left .leftBox { width: 100%; height: 56px; display: flex; align-items: center; padding-left: 20px; box-sizing: border-box; cursor: pointer; }

.introductionbody .content .info .left .leftBox:hover { background: linear-gradient(90deg, rgba(211, 25, 43, 0.1) 0%, rgba(211, 25, 43, 0) 100%); color: #D3192B; }

.introductionbody .content .info .left .leftleftBox { width: 100%; height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; position: relative; z-index: 99; margin-bottom: 0px; cursor: pointer; }

.introductionbody .content .info .left .leftleftBox:hover { background: linear-gradient(90deg, rgba(211, 25, 43, 0.1) 0%, rgba(211, 25, 43, 0) 100%); color: #D3192B; }

.introductionbody .content .info .left .leftleftBox:hover .children { background-color: #fff; color: #999999; }

.introductionbody .content .info .left .children {  z-index: 8; display: none; top: 336px; left: 0; }

.introductionbody .content .info .left .children .childBox { padding: 0 40px; width: 100%; height: 56px; box-sizing: border-box; display: flex; align-items: center; cursor: pointer; }

.introductionbody .content .info .left .children .childBox:hover { background: linear-gradient(90deg, rgba(211, 25, 43, 0.1) 0%, rgba(211, 25, 43, 0) 100%); color: #D3192B; }

 /*width: 849px;*/ 
.introductionbody .content .info .right {width: 918px;}

.introductionbody .content .info .right .associationbodys { width: 100%; }

.introductionbody .content .info .right .associationbodys .title { font-family: Alibaba PuHuiTi 2.0; font-size: 24px; font-weight: 500; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #333333 !important; margin-bottom: 24px; }

.introductionbody .content .info .right .associationbodys .content /*{ width: 100%; font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: normal; line-height: 36px; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #333333; }*/
{
	width: 100%; 
	height: auto; /* 高度自适应 */
  opacity: 1;
  font-family: Alibaba PuHuiTi 2.0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0em;
  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #333333;

  /* 移除与省略号相关的所有属性 */
  text-overflow: unset;
  display: block; /* 恢复为普通块级元素 */
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  word-wrap: break-word;
  white-space: normal; /* 允许换行 */
  overflow: visible; /* 不裁剪内容 */

  text-align: justify;         /* 关键：开启两端对齐 */
  text-justify: inter-word;   /* 可选：指定对齐方式（默认是自动） */
  /*hyphens: auto;*/               /* 可选：允许自动断词（适合长英文单词） */
  /*word-break: break-all;*/       /* 可选：强制断行以避免溢出 */
  /*line-height: 1.5;*/            /* 可选：设置行高提升可读性 */ 
}

.introductionbody .content .info .right .associationbodys .content p { margin-bottom: 10px; }

.introductionbody .content .info .right .associationbodys .content p:last-child { margin-bottom: 0; }

.introductionbody .content .info .right .associationbodys .person { width: 100%; margin-top: 40px; display: flex; justify-content: space-between; align-items: center; }

.introductionbody .content .info .right .associationbodys .person .one { width: 436px; margin-right: 24px; border: 1px solid #eee; padding: 24px 9px 12px 9px; box-sizing: border-box; }

.introductionbody .content .info .right .associationbodys .person .one:last-child { margin: 0; }

.introductionbody .content .info .right .associationbodys .person .one .titles { width: 100%; display: flex; align-items: center; margin-bottom: 24px; font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #333333; }

.introductionbody .content .info .right .associationbodys .person .one .titles img { width: 20px; height: 20px; margin-right: 6px; }

.introductionbody .content .info .right .associationbodys .person .one .type { display: flex; flex-wrap: wrap; }

.introductionbody .content .info .right .associationbodys .person .one .type span { padding: 4px 8px; background: #F5F5F5; font-size: 14px; color: #666; margin-right: 12px; margin-bottom: 12px; cursor: pointer; }

.introductionbody .content .info .right .associationbodys .person .one .type span:hover { background-color: #FFE4E7; color: #D3192B; }

.introductionbody .content .info .right .associationbodys .person .one .type span:active { background-color: #D3192B; color: #fff; }

/* .introductionbody .content .info .right .associationbodys .person .one .type span:nth-child(5n) { margin-right: 0; } */

@media (max-width: 750px) { 
  .introductionbody { transform: none; background-size: 100%; background-position-y: 2rem; padding-bottom: 20px; }
  .introductionbody .introductionBg { display: none; }
  .introductionbody .titleName { box-sizing: border-box; padding-left: 20px; height: 2rem;}
  .introductionbody .titleName .title {width: 80%; height: 100%; top: 0;padding-left: 0.24rem; padding-top: 0rem;box-sizing: border-box; }
  .introductionbody .titleName .title .zh {font-size: 25px;}
  .introductionbody .titleName .title .en {font-size: 16px;}
  .introductionbody .content { width: 100%; padding: 0 .24rem;box-sizing: border-box;}
  .introductionbody .content .breadcrumbs { padding-left: 0px; box-sizing: border-box; margin: .4rem 0; }
  .introductionbody .content .info .left { display: none; }
  .introductionbody .content .info .right { padding: 0; }
  .introductionbody .content .info .right .associationbodys { transform: none; }
  .introductionbody .content .info .right .associationbodys .titleName { box-sizing: border-box; padding-left: 20px; }
  .introductionbody .content .info .right .associationbodys .titleName .title { width: 100%; }
  .introductionbody .content .info .right .associationbodys .content { width: 100%; font-size: .28rem; padding: 0; }
  .introductionbody .content .info .right .associationbodys .content p { width: 100%; margin-bottom: 10px; }
  .introductionbody .content .info .right .associationbodys .person { flex-direction: column;height: auto; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; margin-top: 20px; }
  .introductionbody .content .info .right .associationbodys .person .one { width: 100%; padding: 20px;margin-bottom: 20px; }
  .introductionbody .content .info .right .associationbodys .person .one .titles { font-size: 14px; }
  .introductionbody .content .info .right .associationbodys .person .one .titles img { width: 15px; height: 15px; }
  /* .introductionbody .content .info .right .associationbodys .person .one .type span:nth-child(5n) { margin-right: 12px; } */
  .introductionbody .content .details .left { display: none; } 
  .introductionbody .content .info .right .associationbodys .title { font-size: .48rem; margin-bottom: .4rem; }
.introductionbody .content .info .right .associationbodys .content 
{
	width: 100%; 
  font-family: ScalaOT Regular, ScalaOT;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;

  color: #000000;
  text-align: left;
}  
}