/* 默认隐藏移动端导航 */
.MobileNav {
  display: none;
}
ul li{list-style:none}
.rightpop2{position:fixed;right:3%;bottom:90px;width:60px}
.rightpop2 ul li{float:left;width:60px;height:61px;text-align:center;margin-bottom:10px}
.rightpop2 ul li i{float:left;width:100%;height:61px;margin:8px 0 5px 0;background:url(footerbt2025.png) no-repeat center center}
/* PC端导航默认显示 */
.TopNav {
  display: block;
}
body {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100vw;
    margin-left: calc(100vw - 100%);
    font-family: '微软雅黑', sans-serif;
    margin: 0;
    padding: 0;
    align-items: center;
    overflow-x: hidden;
}
a{
    text-decoration: none;
}
.TopNav {
    width: 1920px;
    display: flex;
    flex-direction: row;
    height: 141px;
    align-items: center;
    justify-content: start;
}

.topImg {
    width: 494px;
    height: 82px;
    margin-left: 160px;
}

.nav-links {
    display: flex;
    flex-direction: row;
    gap: 14px;
    margin-right: 25px;
    margin-left: -25px;
 
}

.nav-links li {
    list-style: none;
    margin-left: 45px;
    margin-top: 50px;
    font-size: 18px;
    font-family: 'Arial Normal';
    font-family: '微软雅黑', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    letter-spacing: normal;
    color: #333333;
}

.nav-links a {
    text-decoration: none;
    color: #333333;
    position: relative;
    padding-bottom: 3px;
    transition: all 0.3s ease-in-out;
}

.nav-links a:hover {
    color: rgb(254, 208, 25);
    
}

.nav-links a:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    /* 下划线厚度 */
    background-color: rgb(254, 208, 25);
    /* 下划线颜色 */
    border-radius: 3px;
    /* 下划线圆角 */
}

.searchBox {
    background-color: rgb(248, 248, 248);
    padding: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: 10px;
    height: 21px;
    margin-top: 50px;
    cursor: pointer;
        font-family: 'Arial Normal', 'Arial', sans-serif;
}

.searchBox img {
    width: 21px;
    height: 21px;
    transition: all 0.3s ease-in-out;
}

.searchBox:hover {
    background-color: rgb(254, 208, 25);
    color: white;
    
}

.submenu {
    position: absolute;
    padding: 10px;
    padding-bottom: 0;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.289);
    border-radius: 4px;
    list-style: none;
    visibility: hidden;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    margin-top: 30px;
}

.subbtn {
    min-width: 150px;
    width: calc(100% - 10px);
    padding-right: 10px;
    height: 40px;
    color: black;
    margin-bottom: 10px;
    border-radius: 5px;
    display: flex;

    justify-content: start;

    align-items: center;
}

.subbtn a {

    margin-left: 5px;
    text-decoration: none;
    font-size: 16px;
    font-family: '微软雅黑', sans-serif;
    transition: all 0.3s ease-in-out;
}
.submenu a:hover::after {
    display: none !important;
}
.subbtn:hover {
    background-color: rgb(254, 208, 25);
    color: white;
    text-decoration: none;
    
}

.subbtn:hover a {
    color: white;

}

.nav-links>li:hover .submenu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}


.undeBox {
    height: 368px;
    width: 100%;
    background-image: url(u114.png);
    display: flex;
    flex-direction: column;
    color: #FFFFFFA8;
    margin-left: calc(100vw - 100%);
}

.undeBox p {
    font:14px '微软雅黑', sans-serif;
    text-align: center;
    margin-top: 56px;
    margin-left: -69px;
}

.underDiv {
    width: 100%;
    height: 150px;
    display: flex;
    flex-direction: row;
    margin-top: 80px;
    margin-left: 66px;
}


.tupian img{
      width: 177px;
    height: 90px;
    margin-top: 18px;

}

.underLeft {
    width: 13%;
    /* width: 26%; */
    height: 138px;
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    align-items: center;
    gap: 23px;
    margin-left: 32px;
    

}

.underLeft img {
    width: 187px;
    height: 91px;
    margin-left: -30px;
}

.underRight {
    width: 29%;
    height: 138px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 25px;
        margin-left: 20px;
}

.underMid {
    width: 30%;
    height: 138px;
    border-left: 1px solid #FFFFFFA8;
    border-right: 1px solid #FFFFFFA8;
    /* align-items: center; */
        margin-left: 60px;


}

.colDiv {
    display: flex;
    flex-direction: column;

}

.rowDiv {
    display: flex;
    flex-direction: row;

}

.row1 {
    justify-content: start;
    align-items: center;
    gap: 10px;
    color: #FFFFFFA8;
    font-size: 13px;
    font-family: '微软雅黑', sans-serif;
}


.col1 {
    margin-left: 30px;
    align-items: start;
    gap: 15px;
    width: 188px;
}

.col2 {
    gap: 8px;
}

.col2 img {
    width: 28px;
    height: 28px;
}

.row2 {
    justify-content: center;
    align-items: start;
    gap: 20px;
}

.underMid a {
    text-decoration: none;
    color: #FFFFFFA8;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    color: #FFFFFFA8;
    font-size: 14px;
    font-family: '微软雅黑', sans-serif;
}

.underLeft img {
    width: auto;
    height: auto;
}

.underLeft a {
    text-decoration: none;
    color: #FFFFFFA8;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    color: #FFFFFFA8;
    font-size:14px;
    font-family: '微软雅黑', sans-serif;
}

.contentBox{
    width: 1920px;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.partImg{
    height: 360px;
    width: 100%;
    position: relative;
}

.partImg span{
   
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 38px;
    letter-spacing: 10.9px;
    color: #fff;
    transition: color 0.3s ease;
    width:1400px;text-align:left;margin-top:120px
}
.partImg span:hover{
        color: white;

}
#indexImg{
    height: 360px;background-image: url(u111.jpg);
}

.partImg img{ 
    margin-top: 58px;
    margin-left: -1357px;
    height: 17px;
    width: 46px;
  }
.moreBtn{
    top: 216px;
    left: 144px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 104px;
    background-color: rgb(254, 208, 25);
    color: #fff;
    border-radius: 20px;
}

.tabs {
  position: relative;
  width: 1920px;  
}

.tab-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.tab-item {
  text-align: center;
  cursor: pointer;
  position: relative;
  text-decoration: none;

}

.tab-item label {
        font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #444444;
  display: block;
  cursor: pointer;
    padding:15px 25px;
  min-width: 125px;
  word-break:unset;
  white-space:nowrap;
}

.tab-item label::before{
    content: '';
  position: absolute;
  left: 0;
  top: 50%; /* 从中间开始 */
  height: 30px; /* 自定义高度 */
  width: 1px;
  background: #cccccc;
  transform: translateY(-50%); /* 垂直居中 */
}

input[type="radio"] {
  display: none;
}

/* 选中标签的下划线效果 */
.tab-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(254, 208, 25, 0);
  transition: background-color 0.3s ease;
}

/* 选中状态下显示颜色条 */
#tab1:checked ~ .tab-list .tab-item:nth-child(1)::after,
#tab2:checked ~ .tab-list .tab-item:nth-child(2)::after,
#tab3:checked ~ .tab-list .tab-item:nth-child(3)::after,
#tab4:checked ~ .tab-list .tab-item:nth-child(4)::after {
  background-color: rgb(254, 208, 25); /* 选中时的颜色 */
}

/* 内容区域样式 */
.content-item {
  padding: 20px;
  border-top: none;
  width: 1920px;
  align-items: center;
}

.tabContentBox{
    width: 1920px;
    display: flex;
    flex-direction:column;
    justify-content: start;
    align-items: center;
}

#tab1:checked ~ .content .content-item:nth-child(1),
#tab2:checked ~ .content .content-item:nth-child(2),
#tab3:checked ~ .content .content-item:nth-child(3) ,
#tab4:checked ~ .content .content-item:nth-child(4),
#tab5:checked ~ .content .content-item:nth-child(5),
#tab6:checked ~ .content .content-item:nth-child(6) {
  display: block;
}

.tabBox{
    display: flex;
    width: 1920px;
    flex-direction: row;
    justify-content: start;
}
.breadcrumb{
font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    margin-top: 20px;
    width: 100%;
    margin-left: 160px;
}

#firstTab{
    margin-left: 160px;
}

/* .imgBox{
    overflow: hidden;
} */
.imgBox {
  overflow: hidden;
  width: 100%;
}

.row3{
    font-family: 'Impact Oblique', 'Impact Normal', Impact, sans-serif;
    /* font-family: 'Impact Oblique', 'Impact Normal', 'Impact', sans-serif; */
    font-weight: 400;
    font-style: oblique;
    font-size: 30px;
    letter-spacing: 0.6px;
    color: #D4D4D4;
    line-height: 41px;
    align-items: start;
    gap: 10px;
    margin-bottom: 25px;
}

.introDiv {
    display: flex;
    flex-direction: row;
    margin-top: 80px;
    margin-bottom: 50px;
    margin-left: 100px;
}

.introDiv-left {
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;

}

.introDiv-right {
    width: 1000px;
}

.introDiv-right span {
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #444444;
    text-align: justify;
    text-justify: inter-word;
    word-break: break-all;
    line-height: 42px;
    resize: none;
}

.introBox {
    width: 300px;
    height: 60px;
    background-clip: padding-box;
    display: inline-block;
    background: linear-gradient(245.021deg, rgb(255, 255, 255) 36%, rgb(254, 208, 25) 98%);
    border-radius: 20px 0 20px 0;
    padding-left: 20px;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    color: #444444;
    line-height: 60px;
    margin-top: 0;
}

.timelineDiv {
    background-color: #f4f4f4;
    position: relative;
    padding-bottom: 200px;
    margin-bottom: 500px;
    margin-left: -20px;
}

.timeline {
    width: 100%;
    position: absolute;
    border-bottom: rgb(254, 208, 25) dashed 2px;
    top: 120px;
}

.timeRow {
    width: 1600px;
    justify-content: space-around;
}

.timeContent1 {
    width: 540px;
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #444444;
    text-align: justify;
    text-justify: inter-word;
    line-height: 42px;
    position: relative;
}

.timeContent2 {
    width: 360px;
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #444444;
    text-align: justify;
    text-justify: inter-word;
    line-height: 42px;
    position: relative;
    padding-left: 40px;
}

.timeContent2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1.5px;
    height: 200px;
    margin-top: 180px;
    background-color: #dbdbdb;
}

.timeRow img {
    position: absolute;
    top: 105px;
}

.timeRow h2 {
    font-family: 'Impact Oblique', 'Impact Normal', 'Impact', sans-serif;
    font-weight: 400;
    font-style: oblique;
    font-size: 36px;
    letter-spacing: 3px;
    color: #FED019;
    line-height: 42px;
    margin-top: 60px;
    margin-bottom: 0;
    top: 60px;                                                                                      
}
/* 1 */
.timeRow p {
    /* font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #444444;
    text-align: justify;
    text-justify: inter-word;
        background-color: rgba(244, 244, 244, 0);
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(247, 175, 33, 1);
    border-radius: 0px;
    position: absolute;
    left: calc(50% - 700.5px);
    top: 550px;
    line-height: 42px;
    margin-top: 120px; */
    font-family:'微软雅黑',sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:20px;
    letter-spacing:0.6px;
    color:#444;
    text-align:justify;
    text-justify:inter-word;
    line-height:42px;
    margin-top:120px;
}

.timeDivLine {
    width: 2px;
    background-color: #dbdbdb;
    height: 200px;
}


.orgItem img {
    position: absolute;
    top: -80px;
    rotate: 180deg;
    left: 195px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.orgItem:hover .orgItemLine {
    opacity: 1;
}

.orgItem:hover img {
    opacity: 1;
}

.orgItem:hover {
    background-color: #006cd9;
    box-shadow: 0 0 10px #00000080;
    color: white;
}
/* 2 */
.orgItem h2 {
    /* font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    background-color: rgba(244, 244, 244, 0);
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(247, 175, 33, 1);
    border-radius: 0px;
    position: absolute;
    left: calc(50% - 700.5px);
    top: 550px;
    font-size: 36px;
    letter-spacing: 2px;
    width: 360px;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
    border-bottom: #b6b6b690 solid 1px;
    z-index: 1; */
    font-family:'微软雅黑 Bold','微软雅黑 Regular','微软雅黑',sans-serif;
    font-weight:700;
    font-style:normal;
    font-size:36px;
    letter-spacing:2px;
    width:360px;
    padding-top:20px;
    padding-bottom:30px;
    text-align:center;
    border-bottom:#b6b6b690 solid 1px;
    z-index:1;
}

.orgItem p {
    width: 360px;
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 40px;
    font-family: 'arial', sans-serif;
}
/* 3 */
.ball {
    /* background-color: #FED019;
    height: 48px;
    width: 48px;
        background-color: rgba(244, 244, 244, 0);
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(247, 175, 33, 1);
    border-radius: 0px;
    position: absolute;
    left: calc(50% - 700.5px);
    top: 550px;
    border-radius: 50%;
    position: absolute;
    z-index: 0; */
    background-color:#fed019;
    height:48px;
    width:48px;
    border-radius:50%;
    position:absolute;
    z-index:0
}

.orgItem .ball {
    left: 50px;
    top: 40px;
}

.memberRow {
    width: 1600px;
    justify-content: space-around;
    align-items: center;
    margin-top: 80px;
}

.memberCardRow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.memberRow h1 {
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    letter-spacing: 0.5px;
    color: #444444;
    line-height: 26px;
}

.memberRow h2 {
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    color: #444444;
}

.memberRow p {
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-style: normal;
    font-size: 18px;
    margin: 0;
    padding: 0;
    color: #444444;
    text-align: start;
}

.memberCard img {
    width: 280px;
    height: 340px;
    object-fit: cover;
}

.memberCard {
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 5px 0px 10px #dbdbdb;
    width: 623px;
    height: 428px;
    border-radius: 15px;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.memberCard2 {
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 5px 0px 10px #dbdbdb;
    width: 377px;
    height: 428px;
    border-radius: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    transition: all 0.3s ease-in-out;
}

.memberCardCol {
    width: 250px;
    height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.memberCard h2 {
    margin-top: 200px;
}
/* 4 */
.memberCard2 img {
    /* width: 283px;
    height: 188px;
    background-color: rgba(244, 244, 244, 0);
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(247, 175, 33, 1);
    border-radius: 0px;
    position: absolute;
    left: calc(50% - 700.5px);
    top: 550px; */
    width:283px;
    height:188px;
    object-fit:contain;
    border-radius:10px;
    border:2px solid #dbdbdb;
    margin-left:47px
}
  @media (hover: hover) {
    .orgItem:hover {
      background-color: #006cd9;
      box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.5);
      color: white;
    }   
    .orgItem:hover img {
      opacity: 1;
    }
  }
/* #zhuxi{
    width: 383px;
    height: 8px;
} */
  /* #zhuxi {
    width: 100%;
    height: 0.5rem;
    margin: 1rem 0;
  } */
.timeImgBox {
    width: 1441px;
    height: 515px;
    background-color: rgba(244, 244, 244, 0);
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(247, 175, 33, 1);
    border-radius: 0px;
    position: absolute;
    left: calc(50% - 700.5px);
    top: 550px;
}

.timeImgBox img {
    width: 1487px;
    height: 541px;
    transition: all 1s ease-in-out;
}

.timeImgBox .imgBox {
    width: 1487px;
    height: 541px;
    position: absolute;
    left: -70px;
    top: -50px;
}

.imgBox:hover img {
    transform: scale(1.05);
}

.introPoint {
    border-width: 0px;
    left: 0px;
    top: 0px;
    width: 1042px;
    background: -webkit-linear-gradient(179.876492516244deg, rgba(255, 255, 255, 1) 55%, rgba(230, 230, 230, 1) 100%);
    background: -moz-linear-gradient(-89.8764925162436deg, rgba(255, 255, 255, 1) 55%, rgba(230, 230, 230, 1) 100%);
    background: linear-gradient(-89.8764925162436deg, rgba(255, 255, 255, 1) 55%, rgba(230, 230, 230, 1) 100%);
    border: none;
    border-radius: 40px;
    border-bottom-left-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #444444;
    line-height: 41px;
    padding-left: 15px;
}

.organizationDiv {
    width: 100%;
}

.organizationLine {
    width: 100%;
    height: 2px;
    background-color: #dbdbdb;
    margin-top: 100px;
}

.organizationRow {
    width: 1600px !important;
    justify-content: space-between;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 100px;
}

.orgItem {
    width: 428px;
    height: 470px;
    box-shadow: 0px 0px 10px #dbdbdb;
    border-radius: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.orgItemLine {
    width: 190px;
    height: 8px;
    background-color: #006cd9;
    opacity: 0;
    position: absolute;
    top: -85px;
    border-radius: 4px;
    left: 119px;
    transition: all 0.3s ease-in-out;
}
.memberRow .ball {
    z-index: -1;
    top: -20px;
    left: -20px;
}

.memberCard2 h1 {
    margin-left: 47px;
}

.memberCard2 p {
    margin-left: 47px;
}

.memberCard2 h2 {
    margin-left: 47px;
    margin-top: 60px;
}

.memberCard2 img {
    margin-left: 47px;
}
.memberCard:hover h1{
    color: #FED019;
}
.memberCard2:hover h1{
    color: #FED019;
}
.memberCard2:hover{
    transform: scale(1.05);
}

.temph1 {
    font-style: normal;
    font-size: 26px;
    letter-spacing: 0.5px;
    color: #444444;
    line-height: 26px;
    margin-top: 100px;
    margin-bottom: 50px;
    margin-left: 15px;
    width: 1520px;
    text-align: start;
}

.memberTable {
    width: 1520px; /* 总宽度设置为1520px */
    border-collapse: collapse;
}

.memberTable thead {
    position: relative;
    border-top: none;
}

.memberTable thead::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background:
        linear-gradient(to right,
            #FED019 0px,
            #FED019 90px, 
            transparent 90px,
            transparent 100px, 
            #FED019 100px,
            #FED019 1350px, 
            transparent 1350px,
            transparent 1360px, 
            #FED019 1360px,
            #FED019 1510px, 
            transparent 1510px);
}

.memberTable th {
    text-align: left;
    padding: 12px 0;
}

.memberTable td {
    padding: 12px 0;
    border-top: 1px dashed #dbdbdb;
    line-height: 52px;
}

/* 调整列宽 */
.memberTable-no {
    width: 100px; 
    text-align: center !important;
}

.memberTable-name {
    width: 1240px;
    padding-left: 20px;
}

.memberTable-year {
    width: 150px; 
    text-align: center !important;
}

/* 保持原有的字体样式不变 */
thead tr {
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: #444444;
    text-align: center;
    line-height: 52px;
}

tbody {
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #666666;
    line-height: 52px;
}

.mishuCard{
    border: #FED019 1px solid;
    width: 1400px;
    height: 333px;
    background-color: #f7f6f4;
    bottom: 20px;
    right: 20px;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: start;
        transition: all 0.3s ease-in-out;
}

.mishuCard img{
    width: 259px;
    height: 301px;
    margin-left: 15px;
    margin-bottom: 15px;
}

.mishuCard2{
    border: #FED019 1px solid;
    width: 1400px;
    height: 333px;
    margin-top: 80px;
    left: calc(50% - 1400px / 2);
    position: relative;
}

.mishuCard h2{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    color: #444444;
    margin: 0;
    margin-bottom: 5px;
}

.memberCard:hover{
    transform: scale(1.05);

}


.nameP1{
    font-family:'微软雅黑', sans-serif;
    font-weight:400;
    color:#444444;
    margin-bottom: 15px;
}
.nameP2{
    font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight:700;
    color:#FED019;
}
.mishuCard .colDiv{
    margin-left: 20px;
}

.mishuMemberDiv{
    display: flex;
    flex-direction:row;
    justify-content: space-around;
    align-items: center;
    height: 600px;
    position: relative;
    left: calc(50% - 800px);
    width: 1600px;
    background-color: #f7f6f4;
    margin-top: 50px;
    padding-left: 160px;
    padding-right: 160px;
    margin-left: -180px;
}
.mishuItem{
    width: 300px;
    height: 430px;
    position: relative;
}

.mishuIntroCard{
    width: 210px;
    height: 395px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    box-shadow:5px 5px 10px rgba(0,0,0,0.2);
    position: relative;
    z-index: 15;
    padding:45px;
    padding-bottom: 0;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    
}
.mishuItem .ball{
    z-index: 10;
    top:-20px;
    left:-20px;
    position: absolute;
}

.mishuItem img{
    width: 210px;
    height: 280px;
    object-fit: cover;

}

.mishuItem h2{
        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    color: #444444;
    text-align: center;
}

.nameP3{
        visibility: inherit;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    font-style: normal;
    font-size: 18px;
    white-space: nowrap;
    text-transform: none;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    color: #444444;
}

.mishuContactBox{
    width: 1520px;
    margin-left:calc(50% - 760px);
    height: 100px;
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 350px;
    margin-top: 100px;
    margin-bottom: 30px;
}
.mishuContactRow{
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 40px;
}

.mishuIntroCard:hover{
    box-shadow:0px 0px 10px rgba(0,0,0,0.6);
}


.mishuContactCard{
    width: 420px;
    height: 228px;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    padding-left: 50px;
    margin-top: 50px;
    transition: box-shadow 0.2s ease-in-out;
    cursor: pointer;
}
.mishuContactBox h1{

    font-size: 32px;
    color: #444444;
    transition: color 0.5s ease-in-out;
}
.mishuContactBox span{
    font-size: 32px;
    color: #FED019;
}

.mishuContactBox:hover h1{
    color: #FED019;
    
}
.mishuContactCard h2{

    font-size: 24px;
    letter-spacing: 0.3px;
    color: #444444;
    line-height: 26px;
    transition: color 0.2s ease-in-out;
    margin-top: 0;
}
.mishuContactCard:hover h2{
    color: #FED019;
}

.mishuContactCard:hover{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
.mishuContactCard .rowDiv{
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #444444;
    line-height: 26px;
    gap: 10px;
}
.mishuContactCard img{
    object-fit: contain;
}

.indexContenBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}
.indexContenBox h1{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    color: #444444;
    text-align: center;
    margin-top: 40px;
}
.projectBox{
    width: 1400px;
    height: 320px;
    align-items: start;
    justify-content: space-around;
    margin-top: 20px;
}
.projectImg{
    width: 320px;
    height: 200px;
    object-fit: cover;
    object-position: center;
    transition: all 1s ease-in-out;
    overflow: hidden;
}
.projectBox span{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    width: 90%;
    color: #333333;
    margin-top: 20px;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.projectBox .colDiv{
    text-decoration: none;
}
.projectBox p{
    display: flex;
    align-items: center;
    gap: 8px;
    
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #002860;
    line-height: 24px;
    transition:all 0.3s ease-in-out;
}
.projectItem{
    padding: 10px;
    max-width: 320px;
}
.projectItem:hover{
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 10px #00000050;
}

.otherProjectBox img{
    transition: all 1s ease-in-out;
}

.otherProjectBox img:hover{
    transform: scale(1.2);
}

.projectImg imgBox{
    width: 320px;
    height: 200px;
}

.projectItem:hover .projectImg{
    transform: scale(1.2)
}


.projectItem:hover span{
    color: rgb(254, 208, 25);
    
}
.goleft{
    width: 60px;height: 22px;
}
.projectItem:hover p{
    
    font-size: 16px;
}


.annouceBox {
    display: grid;
    grid-template-columns: repeat(2, 680px);
    grid-auto-rows: 185px;
    gap: 20px; 
    margin-top: 50px;
}
.annouceItem{
    background-color: rgb(244, 244, 244); 
    overflow: hidden;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.annouceLine{
    width: 5px;
    background-color: rgb(254, 208, 25);
    height: 185px;
    position: absolute;
    left: 0;
    top: -185px;
    transition: all 0.3s ease-in-out;
}
.annouceItem:hover .annouceLine{
    top: 0;
}
.annouceItem:hover{
    box-shadow:0px 0px 10px #00000050;
}
.annouceItem h3{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    letter-spacing: 2px;
    color: #444444;
    line-height: 38px;
    margin-left: 50px;

          display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.annouceItem p{
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 2px;
    color: #444444;
    text-align: justify;
    text-justify: inter-word;
    line-height: 32px;
    width: 580px;
    margin-left: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.newsDiv{
    background-color: #f4f4f4;
    width: 100% !important;
    height: 680px;
}








/* 新闻 */
.newsBox{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* 改为flex-start让内容顶部对齐 */
    align-items:flex-start;
    /* align-items: center; */
    margin-top: 50px;
    gap: 20px;
    width: 1380px;
    height: 470px;
      position: relative;/*添加相对定位 */
}

.leftNewBox{
    height: 470px;
    width: 530px;text-decoration: none;
    background-color: white;
    transition: all 0.3s ease-in-out;
   position: relative; /*  添加定位 */
}

.rightNewBox{
    width: 820px;
    height: 470px;
    background-color: white;
    display: flex;
    flex-direction: column;
    transition:all 0.3s ease-in-out;
}

.rightNewBox:hover{
    box-shadow: 0px 0px 10px #00000050;
}
#topNew{
    width: 530px;
    transition: all 1s ease-in-out;
}
.leftNewBox .imgBox{
    width: 530px;
    height: 350px;
}
#topNew:hover{
    transform: scale(1.2);
}

.leftNewBox p{
    font-size: 14px;
    color: #666666;
    text-align: left;
    margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 0px;
}
.topNewContent h2{
    font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    text-align: justify;
    text-justify: inter-word;
    line-height: 32px;
    width: 375px;
    margin-left: 20px;
    margin-top: 0px;
    color: #333333;
    transition: color 0.3s ease-in-out;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.newsLeft{
    width: 41px;
    height: 41px;
    border-radius: 50%;
    border:rgb(153, 153, 153) solid 2px;
    margin-left: 50px;
    transition: all 0.3s ease-in-out;
}
.newsLeft2{
    width: 41px;
    display: none;
    height: 41px;
    border-radius: 50%;
    border:rgb(153, 153, 153) solid 2px;
    margin-left: 50px;
    transition: all 0.3s ease-in-out;
}
.topNewContent{
        display: flex;
    flex-direction: row;
    align-items: start;
}
.leftNewBox:hover{
    box-shadow: 0px 0px 10px #00000050;
    
}
.leftNewBox:hover h2{
    color: rgb(254, 208, 25);
}
.leftNewBox:hover  .newsLeft{
    display: none;
}
.leftNewBox:hover .newsLeft2{
    border: rgb(254, 208, 25) solid 2px;
    display: block;
}
.newsItem{
    width: 100%;
    height: 156px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    text-decoration: none;
}
.dateCol{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 115px;
    margin-left: 10px;
}
.dateCol h3{
    margin: 0;
    font-family: "microsoft sans-serif";
    font-size: 50px;
    font-weight: 700;
    font-style: normal;
    font-size: 50px;
    letter-spacing: normal;
    color: #444444;
    vertical-align: none;
    text-align: center;
    line-height: normal;
    transition: color 0.3s ease-in-out;
}
.dateCol p{
    margin: 0;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    color: #999999;
    font-size: 12px;
}
.newsItem:hover h3{
    color: rgb(254, 208, 25);
}
.newsItemLine{
    width: 1px;
    background-color: #999999;
    height: 72px;
}
.newsItem:hover .newsItemLine{
    background-color: rgb(254, 208, 25);
}

.newsContent{
    display: flex;
    flex-direction: column;
    width: 540px;
    margin-left: 20px;
}
.newsContent h2{
    font-size: 20px;
    margin: 0;
    margin-bottom: 20px;
    color: #333333;
    font-family: 'arial negreta', 'arial normal', 'arial', sans-serif;
    transition: color 0.3s ease-in-out;
     display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.newsItem:hover .newsContent h2{
    color: rgb(254, 208, 25);
}
.newsContent p{
    margin: 0;
    font-size: 14px;
    color: #666;
    font-family: 'arial negreta', 'arial normal', 'arial', sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.newsItem:hover .newsLeft{
  /* border: rgb(254, 208, 25) solid 2px; */
    display: none;
    
    
}
/* .newsItem:hover .newsLeft2{
    border: rgb(254, 208, 25) solid 2px;
    display: block;
} */
.newsItem:hover .newsLeft2 {
    border: rgb(254, 208, 25) solid 2px;
    /* border: #333333; */
    display: block;
}



/* 图片容器定位 - 必须添加 */
/* 默认显示第一张图片 */
/* 隐藏其他图片 */
.newsBox {
  
  .imgBox {
     position: relative;
     width: 530px;
     height: 350px;
     overflow: hidden;
   }
   .imgBox img {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: opacity 0.3s ease-in-out;
   }
   .imgBox img[data-target="0"] {
       opacity: 1;
       z-index: 2;
   }
   .imgBox img[data-target="1"],
   .imgBox img[data-target="2"],
   .imgBox img[data-target="3"] {
       opacity: 0;
       z-index: 1;
   }
   





/* 左侧内容动态更新样式 */
.news-date {
    transition: all 0.3s ease-in-out;
}

.news-title {
    transition: all 0.3s ease-in-out;
}

/* 右侧新闻项悬停效果增强 */
.newsItem:hover {
    background-color: #f8f8f8 !important;
    transform: translateX(5px);
    transition: all 0.3s ease-in-out;
}

}














/* 会议 */
.meetingDiv{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 1500px;
    /* width: 1400px; */
    gap: 10px;
    margin-top: 30px;
}
.meetingBox{
    display: flex;
    align-items: center;
    width: 1350px;
    height: 425px;
    overflow: hidden;
    gap: 74px;
    padding: 10px;

}
.meetingLeft{
    width: 300px;
    height: 680px;
    background-color: white;
}
.meetingBtn{
    padding: 5px;
    background-color: rgb(254, 208, 25);
    border-radius: 50%;
    cursor: pointer;
    width: 36px;
    height: 36px;
    z-index: 2;
}

.meetingItem{
    width: 400px;
    height: 425px;
    flex-shrink: 0;
    box-shadow:5px 5px 10px #00000020;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
a{
    color: #333333;
}

.meetingItem imgBox{
    width: 400px;
    height: 275px;
}

.meetingItem:hover img{
    transform: scale(1.1);
}

.meetingItem:hover{
    box-shadow: 5px 5px 10px #00000050;
}
.meetingItem img{
    width: 400px;
    height: 275px;
    transition: all 1s ease-in-out;
}

.meetingItem h2{
    margin:0;
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 24px;
    color: #333333;
    border-left: 4px solid rgb(254, 208, 25);
    padding-left: 10px;
    margin-left: 20px;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
} 
.meetingItem p{
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #999999;
    font-size: 18px;
    line-height: 26px;
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 20px;

}

.videoDiv{
    display: flex;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    width: 100vw  !important;
    height: 612px;
    background-image: url(u29.png);
    margin-top: 80px;
    position: relative;
}

.videoFilter{
    width: 100%;
    height: 612px;
    background-color: #4670CDB9;
    position: absolute;
    z-index: 0;
}

.videoBox{
    width: 677px;
    height: 472px;
    background-color: white;
    z-index: 1;
    object-fit: cover;
    position: relative;
}
#playButton{
    width: 66px;
    height: 66px;
    cursor: pointer;
    z-index: 99;

}

.videoBoxFilter{
    width: 677px;
    height: 472px;
    background-color: rgba(59, 77, 123, 0.2);
    z-index: 1;
    object-fit: cover;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: 0;
    pointer-events: none;
}

.videoContent{
    display: flex;
    flex-direction: column;
}
.videoLine{
    width: 50px;
    height: 8px;
    background-color: rgb(254, 208, 25);
    margin-left: 50px;
    margin-top: 80px
}
.videoContent p{
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    letter-spacing: 2px;
    text-align: justify;
    text-justify: inter-word;
    line-height: 44px;
    margin-left: 50px;
    width: calc(100% - 100px);
      display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.publishDiv{
    width: 1350px;
    display: grid;
    grid-template-columns: repeat(4, 260px);
    column-gap: calc((1350px - 4 * 260px) / 3);
    row-gap: 30px;
    margin-bottom: 50px;
    margin-top: 50px;
}

.publishBox{
    height: 460px;
    width: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}



/* 图片覆盖效果 - 模拟年报样式 */

.publishBox img::before {
    content: 'ANSO';
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 18px;
    font-weight: bold;
    z-index: 2;
}

.publishBox img::after {
    content: '2024';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ff9900;
    font-size: 48px;
    font-weight: bold;
    z-index: 2;
}





.publishBox img{
    width: 260px;
    height: 362px;
    cursor: pointer;
    object-fit: cover;
    transition: all 0.3s ease-in-out;

    position: relative;
    background: linear-gradient(135deg, #1a4f8e 0%, #2a6bb3 100%);
}
.publishShadow{
    width: 260px;
    height: 362px;
    box-shadow: inset 5px 0 10px -5px rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 3;
    top: 0;
    pointer-events: none;
}
.publishBox h3{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 24px;
    color: #333333;
    line-height:30px;
    width: 250px;
    word-wrap: break-word;
    text-transform: none;
    transition: color 0.3s ease-in-out;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 390px;

}



.publishBox:hover img{
    box-shadow: 0px 0px 10px #00000089;
}
.publishBox:hover h3{
    color: rgb(254, 208, 25);
}

.StudyProjectOutImg{
    width: 226px;
    height: 226px;
    background-image: url(u3389.png);
    display: flex;
    justify-content: center;
    align-items: center;
}
.StudyProjectOutImg img{
    width: 184px;
    height: 184px;
    object-fit: cover;

}

.projectRow{
    width: 1600px;
    display: flex;
    justify-content: space-around;
    margin-left: 160px;
    margin-top: 200px;
    margin-bottom: 200px;
}

.studyProjectCol{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.projectGo{
    height: 80px;
    min-width: 460px;
    background-color: rgba(14, 78, 168, 1);
    border-radius: 40px;
        margin-top: 20px;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
}
.projectGo span{
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    margin-left: 20px;
}
.projectGo img{
    width: 45px;
    height: 45px;
    padding: 15px;
    border-radius: 50%;
    background-color: #FED019;
    display: flex;
    margin-left: 10px;
    margin-right: 2.5px;
}

.content{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1920px;
    /* margin-left: -105px; */
}

.projectContentH1{
    margin: 0;
    margin-top: 50px;
    font-weight: 700;
    font-style: normal;
    color: #444444;
    font-size: 32px;
    text-align: left;
    width: 1600px;
    text-align: start;
}
.projectDate{
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0.3px;
    color: #999999;
    line-height: 32px;
    width: 1600px;
    text-align: start;
    margin: 0;
    margin-left: 10px;
    margin-top: 10px;
}

.projectContentBox {
    background: linear-gradient(to bottom, 
        rgb(197, 224, 255) 0%,   
        rgba(255, 255, 255, 1) 50px  
    );
    border: none;
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(46, 142, 255, 0.16);
    padding: 40px 30px 50px 30px;
    width: 1540px;
    margin-bottom: 0px;
}

.projectContentBox p{
    margin-top: 0;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0.3px;
    color: #444444;
    line-height: 34px;
    margin-top: 10px;
}
.projectContentBox h3{
        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0.3px;
    color: #444444;
    text-align: right;
    line-height: 32px;
    margin-top: 20px;
}

.projectFileDownLoad{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 1560px;
    font-size: 18px;
    letter-spacing: 0.3px;
    color: #006CD9;
    line-height: 32px;
    margin-top: 20px;
    gap: 10px;
    cursor: pointer;;
}
.projectContentBox span,h2{
    position: relative; 
    display: inline; 
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    letter-spacing: 0.3px;
    color: #444444;
    line-height: 34px;
    z-index: 1;
}

.projectContentBox span::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2.5px;            
  width: 100%;      
  height: 15px;            
  background-color: #FFD700; 
  border-radius: 2px;      
  z-index: -1;
}
.projectContentBox strong{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;font-style: normal;
    font-size: 18px;
    letter-spacing: 0.3px;
    color: #444444;
    line-height: 41px;
}

#vximg{
    background-color: #fff;border-radius: 50%;margin-left: 70px;
    width: 40px;
    height: 40px;
    background-color: white;
    background-image: url(u120.png);
    background-size: cover;
    position: relative;
}
#vxbox{
    width: 158px;
    height: 158px;
    position: absolute;
    top: 0px;
    opacity: 0;
    transition: all .5s ease-in-out;
    pointer-events: none;
    z-index: 0;
    left: calc(50% - 79px);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

#vximg:hover #vxbox{
    opacity: 1;
    top: -180px;
}

#vx1{
    width: 159px;
    height: 159px;
}
#vx2{
    width: 28px;
    height: 16px;
    margin-top: -5px;
}

.meetingBox1{
    width: 1500px;
    align-self: center;
    margin-left:calc(50% - 750px);
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 33px;
    row-gap: 50px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 200px;
}

.meetingsItem{
    background-color: rgb(255, 255, 255);
    width: 350px;
    height: 365px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.meetingsItem .meetingImg{
    width: 350px;
    height: 220px;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.otherProjectBox{
    width: 1500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-left: calc(50% - 750px);
    margin-top: 50px;
    cursor: pointer;
}

.otherProject{
    width: 1425px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    height: 300px;
    transition: all .3s ease-in-out;
    box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.2);
}
.otherProject img{
    width: 340px;
    height: 260px;
    background-color: #f2f2f2;

}
.otherProject .colDiv{
    width: 950px;
    height: 260px;
}

.otherProject h1{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    margin-top: 50px;
        transition: all .2s ease-in-out;
}
.otherProject p{
        font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    width: 950px;
    height: 80px;
        display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.otherProject .rowDiv{
    width: 950px;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.otherMore{
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-items: center;
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #002860;
    line-height: 24px;
}
.otherMore img{
    width: 60px;
    height: 20px;
    object-fit: cover;
    background-color: transparent;

}

.otherDate{
        font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #999999;
}

.otherProject:hover{
    box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.5);
    transform: scale(1.03);
}
.otherProject:hover h1{
    color: #FED019;
}
.otherPageContainer{
    width: 1500px;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: calc(50% - 750px);
    margin-top: 50px;
}
.otherPageBtn{
    width: 59px;
    height: 29px;
    border: 1px solid #CCCCCC;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #666666;
    cursor: pointer;
}
.otherPageBtn:hover{
    background-color: #FED019;
    color: white;
}
.otherPageNum{
    width: 48px;
    height: 29px;
    border: 1px solid #CCCCCC;
    text-align: center;
        text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #666666;
    cursor: pointer;
    font-family: 'Arial Normal', 'Arial', sans-serif;
}
.otherPageNum:hover{
    background-color: #FED019;
    color: white;
}
.meetingsItem .meetingImg{
    object-fit: cover;
    background-size: cover;
}

.meetingsItem:hover .meetingImg{
    scale: 1.05;
}

.meetingsItem .imgBox{
    width: 350px;
    height: 220px;
    position: relative;
}
.meetingsItem .imgBox img{ width: 350px; height: 220px;}
.meetingsItem h1{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    width: 300px;
    height:60px
}
.meetingsItem p{
    display: flex;
    width: 300px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #999999;
    line-height: 26px;
}
.meetingsItem p span{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.meetingsItem h2{
    width: 111px;
    height: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(245, 210, 32, 1);
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: o;
    margin-bottom: 0;
}

.pubulishRowBox{
    width: 1600px;
    margin-left: calc(50% - 800px);
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 62.5px;
    flex-wrap: wrap;
    margin-top: 80px;
}

.publishItemBox{
    width: 270px;
    height: 450px;
    
}
.publishItemBox img{
    width: 270px;
    height: 376px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.publishItemBox h1{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    width: 250px;
}
.publishItemBox p{
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #444444;
    line-height: 26px;
    width: 250px;
}

.memberH1{
        font-style: normal;
    font-size: 26px;
    letter-spacing: 0.5px;
    color: #444444;
    text-align: center;
    line-height: 26px;
    margin-top: 50px;
}

.memberDWcol{
    width: 1600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: calc(50% - 800px);
}

.friendRow{
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
    width: 1400px;
    justify-content: center;
    cursor: pointer;
   margin: 50px auto 100px;
    
}

.cardItem{
    width: 711px;
    height: 246px;
    background-color: #f7f7f7;
    border-radius: 10px;
    position: relative;
    border: #00000010 1px solid;
    box-shadow: 0 0 10px #00000010;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.cardItem .divLine{
    height: 246px;
    width: 5px;
    background-color: #FED019;
    top: -246px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-in-out;
}

.cardItem:hover{
    box-shadow: 0 0 10px #00000030;
}

.cardItem:hover .divLine{
    top: 0;
}
.cardItem img{
    width: 100px;
    height: 100px;
}
.cardItem .colDiv{
    height: 100px;
    width: 500px;
}
.cardItem h1{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 27px;
    color: #333333;
    margin: 0;
}
.cardItem p{
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:18px;
    letter-spacing: 0.5px;
    text-align: justify;
    text-justify: inter-word;
    line-height: 30px;
    color: #333333;
    margin: 0;
    margin-top: 10px;
}
.newsContentRow{
    width: 1600px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: calc(50% - 800px);
}

.newsContentLeft{
    width: 1079px; 
    /* width: 1100px;  */
    margin-bottom: 200px;
        margin-left: 50px;

}

.newsContentRight{
    width: 400px;
}

.newsContentLeft h1{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    letter-spacing: 1px;
    margin-top: 40px;
}

.newsContentLeft h2{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1070px;
    margin-left: 10px;

}
.newsContentLeft h2 span{
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0.3px;
    color: #999999;
    line-height: 32px;
}
.newsContentLeft p{
        font-family: '微软雅黑', sans-serif;
    font-weight: 400; 
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0.3px;
    color: #444444;
    text-align: justify;
    text-justify: inter-word;
    line-height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.newsContentLeft img{
    /* width: 100%; */
    width: 70%;
        margin: 30px 0 30px 135px;
}
.newsContentRight h1{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin-top: 40px;
}

.newsContentRight span{
    color: rgba(254, 208, 25, 1);
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 1000;
    font-style: normal;
    letter-spacing: normal;
    vertical-align: none;
    text-align: center;
    line-height: normal;
}
.newsContentTopBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: #00000030 dashed 1px;
}
.newsContentTopBox h1{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}
.newsContentTopBox img{
    width: 100%;
}
.newsContentRight p{
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0.3px;
    color: #0d0d0d;
    line-height: 32px;
    width: 128%;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
   

}
.newsContentRight h1:hover{
    color: #FED019;
}
.newsContentRight p:hover{
    color: #FED019;
}
.RightNewCol{
    display: flex;
    flex-direction: column;
    width: 65%;
    margin-top: 30px;
}
.rightNewItem{
    height: 120px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: #00000030 dashed 1px;
}
.rightNewItem img{
        width: 170px;
    height: 120px;
    transition: all 1s ease-in-out;
}
.rightNewItem .colDiv{
    width: 200px;
    height: 105px;
}
.rightNewItem h2{
        font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.rightNewItem h2:hover{
    color: #FED019;
}
.rightNewBox .imgBox{
    width: 170px;
    height: 120px;
}
.rightNewItem:hover img{
    transform: scale(1.1);
}

/* 出版社 */
.contentBox  .publishBox{
  width:280px;
  height:500px;
  position:relative;
  background:url(yellowboxbg2025.png) no-repeat right top;
}
.contentBox   .publishBox img{
  width:260px;
  height:370px;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  position:absolute}
.contentBox   .publishBox img:nth-child(1){
  top:-15px;
  left:15px;
}
.contentBox   .publishBox .bg:nth-child(2){
  top:-15px;
  left:15px
}
.contentBox   .publishBox img:nth-child(3){
  top:-10px;
  left:10px
}
.contentBox   .publishBox .bg:nth-child(4){
  top:-10px;
  left:10px
}
.contentBox   .publishBox img:nth-child(5){
  top:-5px;
  left:5px
}
.contentBox   .publishBox .bg:nth-child(6){
  top:-5px;
  left:5px
}
.contentBox   .publishBox img:hover{
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  -o-transform:scale(1.05)
}
.contentBox   .publishBox .bg{
  position:absolute;
  left:0;
  top:0;
  width:260px;
  height:370px;
  border:1px solid rgba(0,0,0,0.2);
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s
}
.contentBox   .publishBox .txt{
  position:absolute;
  left:0;
  bottom:35px;
  width:230px;
  font-size:16px;
  color:#fff;
  padding:0 15px;
  font-family:Techna-Sans-Regular-2
}
.indexContenBox   {
  margin-top:30px !important;
}
.contentBox  .publishDiv{
  display:flex;
  justify-content:space-between;
}
.contentBox   .yellow-square{
  margin-top:-250px;
  width:1594px;
  height:300px;
  border:3px solid #fed01a
}
.publishShadow{
    width: 260px;
    height: 362px;
    box-shadow: inset 5px 0 10px -5px rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 3;
    top: 0;
    pointer-events: none;
}
/* 移动端首页样式有问题 */
@media screen and (max-width:480px){
  html{
    font-size:16px;
    overflow-x:hidden
  }
.TopNav{
  display:none
}
.MobileNav{
  display:block;
  position:relative;
  font-family:"Microsoft YaHei",Arial,sans-serif;
  background-color:#fff
}

.mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        padding: 0.7rem 0.2rem;
        border-bottom: 0rem solid #fbfcfc;
        height: 3rem;
        width: 26rem;
    }




.mobile-logo{
  height:3rem;
  width:19rem;
  margin:-2rem;
}
.mobile-menu-btn{
  width:2rem;
  height:1.5rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  margin-top:1rem
}
.menu-icon-bar{
  display:block;
  height:.2rem;
  background-color:orange;
  border-radius:.0625rem
}
.mobile-nav-container{
  display:none;
  position:absolute;
  top:100%;left:0;
  right:0;
  z-index:1000;
  background-color:#5a5a5a;
  box-shadow:0 .1875rem .375rem rgba(0,0,0,.1)
}
.mobile-nav-links{
  list-style:none;
  padding:0;
  margin:0;
  width:15rem
}
.mobile-nav-links li{
  position:relative;
  border-bottom:.0625rem solid rgba(255,255,255,.1)
}
.nav-item{
  display:block;
  padding:.75rem .9375rem;
  color:#fff;
  text-decoration:none;
  font-size:.875rem;
  width: 75%;
}
.english-link{
  color:#fc0!important;
  font-weight:bold
}
  .has-submenu-title {
    position: relative;
    width: 100%;
    height: 100%;
  }
.has-submenu .nav-item{
  padding-right:1.875rem
}
.submenu-toggle{
  position:absolute;
  right:.75rem;
  top:1.3rem;
  transform:translateY(-50%);
  color:#fff;
  font-size:.625rem;
  cursor:pointer
}
.mobile-submenu{
  display:none;
  list-style:none;
  padding:0;
  background-color:rgba(0,0,0,.1)
}
.submenu-item{
  display:block;
  padding:.625rem .9375rem .625rem 1.5625rem;
  color:#eee;
  text-decoration:none;
  font-size:.8125rem
}
.mobile-nav-container.active{
  display:block;
  width:15rem;
  margin-left:9rem
}
.mobile-submenu.active{
  display:block
}
.has-submenu.active .submenu-toggle{
  transform:translateY(-50%) rotate(180deg)
}
html {
    font-size: 16px;
    overflow-x: hidden; /* 关键1：阻止html层级的溢出 */
  }
  body {
    min-width: 100vw; 
    width: 100vw;
    display: flex;
    flex-direction: column;
    position: relative;
    font-family: '微软雅黑', sans-serif;
    margin: 0;
    padding: 0;
    align-items: center;
    overflow-x: hidden; /* 关键3：双重保险 */
    min-height: 100vh;
    box-sizing: border-box; /* 关键4：防止padding导致溢出 */
  }
  body > * {
    max-width: 100vw; 
  }
  a {
  text-decoration: none;
  color: inherit;
  }
  .annouceBox {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(7.5625rem, auto);
        gap: 0.25rem;
        margin-top: 0rem;
        padding: 0 1rem;
    

  }


  .annouceItem p{
    font-family: '微软雅黑', -apple-system, sans-serif; 
    font-weight: 400;
    font-style: normal;
    font-size: 1rem; 
    letter-spacing: 0.0625rem; 
    color: #444444;
    text-align: left; 
    line-height: 1.5rem; 
    width: calc(100% - 2rem); 
    margin: 0 1rem; 
    padding: 0.5rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    hyphens: auto;
    text-rendering: optimizeLegibility;
 overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
  }
    .newsDiv {
    background-color: #f4f4f4; 
    width: 100% !important; 
    height: auto; 
    min-height: 50rem;  
    padding: 1.5rem 1rem; 
    box-sizing: border-box;  
  }  
  .projectBox {
    width: 100%; 
    height: auto;
    min-height: 20rem; 
    align-items: flex-start;
    justify-content: space-around;
    margin-top: 0rem;   
  }
 .projectImg {
    width: 20rem; 
    height: 12.5rem; 
    object-fit: cover;
    object-position: center;
    transition: all 0.5s ease-in-out; 
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
    
  }
  .topNewContent h2 {
        font-family: 'Arial Negreta', 'Arial Normal', 'Arial', -apple-system, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 1rem;
        text-align: left;
        line-height: 1.2rem;
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        color: #333333;
        transition: color 0.2s ease-in-out;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0 1rem;
        margin-bottom: 0.75rem;
  }


.partImg {
  height: 22.5rem; 
  width: 100%;
  position: relative;
  overflow: hidden;
}
 .partImg {
    height: 15rem; 
  }
.tabBox{
  display:flex;
  width:100%;
  flex-direction:row;
  justify-content:flex-start;
  padding:.75rem 1rem;
  background-color:rgba(255,255,255,.9);
  position:relative;
  z-index:10;
  box-shadow:0 .125rem .25rem rgba(0,0,0,.1)
}
.tabs{
    position:relative;
    width:100%
}
.tab-list{
    display:flex;
    list-style:none;
    padding:0;margin:0;
    position:relative;
    white-space:nowrap;
    border-radius:.25rem;
    margin:.2rem;
    overflow-x:auto
}
#firstTab {
    margin-left: 0;
    padding-left: 0;
    position: relative
}
/* #firstTab{
    margin-left:0;padding-left:0;position:relative} */
.tab-item label {
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    color: #444;
    display: block;
    cursor: pointer;
    padding: .75rem .5rem;
    min-width: auto;
    white-space: nowrap;
    border-bottom: .125rem solid transparent;
    transition: all .3s
}
.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}
.content-item {
    padding: 0;
    border-top: none;
    width: 100%;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    border-radius: .375rem;
    margin: 0;
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .05)
}
.introDiv {
    display: flex;
    flex-direction: column;
    margin: 1.5rem 0rem;
    padding: 1.5rem;
    background-color: #fff;
    border-radius: .375rem;
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .1);
    position: relative;
    width: 19.7rem
}
.breadcrumb {
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .875rem;
    margin: 1.25rem 1rem 0;
    width: calc(100% - 2rem);
    padding: .5rem 0;
    color: #666;
    border-bottom: .0625rem solid #eee;
    display: flex;
    flex-wrap: wrap
}
.introDiv-left {
    width: 76%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 1rem;
    background-color: #fff;
    border-radius: .375rem;
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .1);
    margin-bottom: 1rem;
    margin-left: -3rem
}

.introDiv-right {
    width: 80%;
    padding: 1rem;
    background-color: #fff;
    border-radius: .375rem;
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .1);
    margin-left: -3rem
}

.introBox {
    width: 10.75rem;
    height: 2.75rem;
    background-clip: padding-box;
    display: inline-block;
    background: linear-gradient(245.021deg, #fff 36%, #fed019 98%);
    border-radius: 1.25rem 0 1.25rem 0;
    padding-left: 2.25rem;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    color: #5a4e7a;
    line-height: 2.75rem;
    margin: .75rem 1rem;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1);
    position: relative;
    overflow: hidden;
    margin-left: 2rem
}

.introDiv-right span {
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .875rem;
    letter-spacing: .0375rem;
    text-align: justify;
    text-justify: inter-word;
    word-break: break-word;
    line-height: 1.75rem;
    display: block;
    padding: .5rem 1rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .05)
}


  .contentBox {
    width: 100%;  
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
  }



  .indexContentBox{
    margin-top: 0.5rem;
  }
    /* 项目标题文本 - 移动端适配 */
  .projectBox span {
        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', -apple-system, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 0.8rem;
        line-height: 1.5rem;
        width: 95%;
        color: #333333;
        margin-top: 0.25rem;
        transition: all 0.2s ease-in-out;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
        hyphens: auto;
        padding-right: 0.5rem;
  }

  
.projectBox p {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', -apple-system, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 0.7rem;
        color: #002860;
        line-height: 0.5rem;
        transition: all 0.2s ease-in-out;
        flex-wrap: wrap;
        padding: 0.1rem 0;
        margin: 0.1rem 0;
  }

    /* 新闻条目 - 移动端适配 */
  .newsItem {
    width: 100%;
    height: 6.75rem; 
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
 
  }

  .dateCol h3 {
        margin: 0;
        font-family: "Microsoft Sans Serif", -apple-system, sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        font-style: normal;
        letter-spacing: 0.0625rem;
        color: #444444;
        text-align: center;
        line-height: 0.2;
        transition: color 0.2s ease-in-out;
        padding: 0.5rem 0;
        display: inline-block;
  }

  .newsContent h2 {
        font-size: 1rem;
        margin: 0;
        margin-bottom: 0.25rem;
        color: #333333;
        font-family: 'Arial Negreta', 'Arial Normal', 'Arial', -apple-system, sans-serif;
        transition: color 0.2s ease-in-out;
  }
  .newsContent p{
     font-size: 0.75rem;
  }
    /* 左侧新闻框段落 - 移动端适配 */
  .leftNewBox p {
        font-size: 1rem;
        color: #666666;
        text-align: left;
        margin-top: 0rem;
        margin-left: 1.25rem;
        margin-bottom: 0;
    
  }


  .meetingDiv {
    display: flex;
    flex-direction: column; /* 改为垂直布局 */
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 87.5rem; 
    gap: 0.625rem; 
    margin-top: 0rem; 

  }


  .videoDiv {
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    width: 100%; 
    height: auto; 
    min-height: 26.25rem;
    background-image: url(u29-mobile.jpg); 
    background-size: cover;
    background-position: center;
    margin-top: 0rem; 
    position: relative;    
  }


.videoBox {
    width: 100%;
    max-width: 42.3125rem; 
    height: 16rem; 
    
    background-color: white;
    z-index: 1;
    object-fit: cover;
    position: static;
    
  }

   .videoFilter {
    width: 100%;
    height: 23rem;
    background-color: rgba(70, 112, 205, 0.725); 
    position: absolute;
    z-index: 0;
    

  }
.timelineDiv{
  background-color:#f8fafc;
  position:relative;
  padding-bottom:5rem;
  margin-bottom:3rem;
  margin-left:0;
  width:100%;
  overflow:hidden;
  height:70rem
}
.timeRow{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0 1rem;
  margin:1.5rem 0
}
.timeContent1,.timeContent2{
  width:calc(100% - 2rem);
  font-family:'Microsoft YaHei',sans-serif;
  font-weight:400;
  font-style:normal;
  font-size:1.125rem;
  letter-spacing:.0375rem;
  color:#5a4e7a;
  text-align:justify;
  text-justify:inter-word;
  line-height:1.75;
  position:relative;
  background:#fff;
  padding:1.25rem;
  margin:1rem auto;
  border-radius:.5rem;
  box-shadow:0 .1875rem .75rem rgba(0,0,0,.08)
}
.timeContent2{
  padding-left:1rem
}
.timeImgBox{
  width:calc(100% - 2rem);
  height:18rem;
  background-color:transparent;
  box-sizing:border-box;
  border:.125rem solid #f7af21;
  border-radius:0;
  position:relative;
  margin:3.5rem auto 1.5rem;
  overflow:hidden
}
.timeImgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease-in-out
}

.timeImgBox .imgBox {
    width: calc(100% + 4.375rem);
    height: calc(100% + 3.125rem);
    position: absolute;
    left: -2.1875rem;
    top: -1.5625rem
}

.timeRow p {
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    letter-spacing: .0375rem;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.75;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    padding: 0 1rem;
    height: 15rem
}

.timeRow h2 {
    font-family: Impact, 'Arial Black', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 1.75rem;
    letter-spacing: .125rem;
    color: #fed019;
    line-height: 1.3;
    margin: 2.5rem 1rem 0;
    text-align: center;
    position: relative;
    text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .2);
    top: 1rem
}

.timeRow img {
    position: relative;
    top: auto
}
.introPoint {
    width: calc(100% - 2rem);
    background: linear-gradient(180deg, #fff 55%, #f0f0f0 100%);
    border-radius: 2.5rem 2.5rem 0 2.5rem;
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .9rem;
    letter-spacing: .0375rem;
    line-height: 1.8;
    padding: 1.5rem 1rem 1.5rem 1.5rem;
    position: relative;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1)
}

.row3 {
    font-family: Impact, 'Arial Black', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 1.5rem;
    letter-spacing: .0375rem;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .625rem;
    margin-bottom: 1rem;
    padding: 0 1rem;
    position: relative
}

.organizationLine {
    width: calc(100% - 2rem);
    height: .125rem;
    background-color: rgba(219, 219, 219, .5);
    margin: 3.5rem auto 0;
    position: relative;
    display: none
}

.organizationRow {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 2.5rem 0;
    padding: 0 1rem;
    gap: 2rem
}

.orgItem {
    width: 90%;
    max-width: 33.75rem;
    height: 18rem;
    aspect-ratio: 428/470;
    box-shadow: 0 0 .625rem rgba(219, 219, 219, .5);
    border-radius: 1.25rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    transition: all .3s ease-in-out;
    padding: 0;
    background: #fff
}

.orgItemLine {
    width: 11.875rem;
    height: .5rem;
    opacity: 0;
    position: absolute;
    top: -2.5rem;
    border-radius: .25rem;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease-in-out
}

.orgItem h2 {
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.6rem;
    letter-spacing: .125rem;
    width: 100%;
    max-width: 22.5rem;
    padding: 1.25rem 0 1.875rem;
    text-align: center;
    border-bottom: .0625rem solid rgba(182, 182, 182, .56);
    margin: 0 auto;
    position: relative
}

.orgItem h2::after {
    content: "";
    position: absolute;
    bottom: -.0625rem;
    left: 50%;
    transform: translateX(-50%);
    width: 5rem;
    height: .125rem
}

.orgItem p {
    width: 100%;
    max-width: 19.5rem;
    font-size: 1rem;
    letter-spacing: .03125rem;
    line-height: 1.8;
    font-family: Arial, sans-serif;
    margin: 1rem auto;
    padding: 0 1rem;
    text-align: justify
}

.ball {
    background-color: #fed019;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .15);
    transition: all .3s ease-in-out;
    display: none
}

.orgItem .ball {
    left: 2rem;
    top: 1.5rem
}

.memberRow {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: .5rem 0;
    padding: 0 1rem;
    gap: 1.5rem
}

.memberCard2 {
    background-color: rgba(255, 255, 255, .8);
    box-shadow: .3125rem 0 .625rem rgba(219, 219, 219, .5);
    width: calc(100% - 2rem);
    max-width: 23.5625rem;
    height: auto;
    min-height: 15.75rem;
    border-radius: .9375rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all .3s ease-in-out;
    margin-left: 0rem
}

.memberCard2 img {
    width: 100%;
    max-width: 16rem;
    height: auto;
    aspect-ratio: 283/188;
    object-fit: contain;
    border-radius: .625rem;
    border: .125rem solid rgba(219, 219, 219, .5);
    margin: 0 auto;
    display: block;
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .1);
    background-color: #fff;
    padding: .25rem
}

.memberCard2 h2 {
    margin-left: 1.5rem;
    margin-top: .75rem;
    font-size: 1.2rem;
    position: relative
}

.memberCard2 h1 {
    margin-left: 1.5rem;
    font-size: 1rem;
    margin-top: 0
}

.temph1 {
    font-style: normal;
    font-size: 1.2rem;
    letter-spacing: .03125rem;
    color: #444;
    line-height: 1.5;
    margin: 1rem 0 1.5rem 1rem;
    width: calc(100% - 2rem);
    max-width: 95rem;
    text-align: left;
    position: relative
}

.memberTable {
    width: 100%;
    max-width: 97rem;
    border-collapse: collapse;
    margin: 0 auto;
    overflow-x: auto;
    display: block;
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .05);
    border-radius: .5rem;
    background: #fff;
    margin-left: .3rem
}

thead tr {
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    color: #444;
    text-align: center;
    line-height: 2.5
}

tbody {
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    color: #666;
    line-height: 1.8
}

.memberRow p {
    font-family: 'Microsoft YaHei', sans-serif;
    font-style: normal;
    font-size: 1rem;
    margin: 0;
    padding: .5rem 1rem;
    color: #444;
    text-align: left;
    margin-top: -1rem
}

.mishuCard2 {
    border: .0625rem solid #fed019;
    width: calc(100% - 2rem);
    max-width: 87.5rem;
    height: auto;
    min-height: 13.8125rem;
    margin: 3rem auto 0;
    position: relative;
    left: auto
}

.mishuCard {
    border: .0625rem solid #fed019;
    width: calc(100% - 2rem);
    height: 13.8125rem;
    background-color: #f7f6f4;
    bottom: 1.25rem;
    right: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    transition: all .3s ease-in-out;
    box-sizing: border-box
}

.mishuCard img {
    width: 8.1875rem;
    height: 14.8125rem;
    margin-left: 1.9375rem;
    margin-bottom: -1.0625rem;
    object-fit: contain
}

.mishuCard .colDiv {
    margin-left: 12.25rem
}

.mishuMemberDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 31.5rem;
    position: relative;
    left: auto;
    width: 100%;
    background-color: #f7f6f4;
    margin: 3.125rem auto 0;
    padding: 0 1rem;
    box-sizing: border-box
}

.mishuIntroCard {
    width: 8.125rem;
    height: 24.6875rem;
    background-color: rgba(255, 255, 255, .5);
    border-radius: .9375rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-shadow: .3125rem .3125rem .625rem rgba(0, 0, 0, .2);
    position: relative;
    padding: 1rem 0 0 0;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.mishuItem img {
    width: 7rem;
    height: 14.5rem;
    object-fit: cover;
    margin-left: .5rem
}

.mishuItem h2 {
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    color: #444;
    margin: .5rem 1rem;
    line-height: 1.3
}

.mishuItem {
    width: 8.75rem;
    height: 28.875rem
}

.mishuContactBox {
    width: 100%;
    height: auto;
    min-height: 21.875rem;
    margin: .25rem auto 1.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1rem;
    box-sizing: border-box
}

.mishuContactBox1 {
    width: 100%;
    height: 25.875rem;
    margin: .25rem auto 1.875rem;
    display: block;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 1rem;
    box-sizing: border-box;
    position: relative
}

.mishuContactBox2 {
    width: 100%;
    height: 38.875rem;
    margin: .25rem auto 1.875rem;
    display: block;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 1rem;
    box-sizing: border-box;
    position: relative
}

.mishuContactBox3 {
    width: 100%;
    height: 38.875rem;
    margin: .25rem auto 1.875rem;
    display: block;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 1rem;
    box-sizing: border-box;
    position: relative
}

.mishuContactBox4 {
    width: 100%;
    height: 25.875rem;
    margin: .25rem auto 1.875rem;
    display: block;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 1rem;
    box-sizing: border-box;
    position: relative
}

.mishuContactBox5 {
    width: 100%;
    height: 23.875rem;
    margin: .25rem auto 1.875rem;
    display: block;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 1rem;
    box-sizing: border-box;
    position: relative
}

.mishuContactBox1 h1,
.mishuContactBox2 h1,
.mishuContactBox3 h1,
.mishuContactBox4 h1,
.mishuContactBox5 h1 {
    font-size: 1.5rem;
    color: #444;
    transition: color .5s ease-in-out;
    margin: .5rem 0;
    line-height: 1.3
}

.mishuContactRow {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 2.5rem;
    padding: 0 0
}

.mishuContactCard {
    width: 23.25rem;
    height: 10.25rem;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .625rem;
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 700;
    font-style: normal;
    padding-left: 1.125rem;
    margin-top: .125rem;
    transition: box-shadow .2s ease-in-out;
    cursor: pointer
}

.nameP3 {
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-size: .8rem;
    color: #444;
    text-align: left;
    white-space: nowrap;
    line-height: normal;
    letter-spacing: normal
}

.pubulishRowBox {
    width: 95%;
    margin: 0 0 0;
    flex-direction: row;
    justify-content: flex-start;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    margin-left: .5rem
}

.publishItemBox {
    width: 5.875rem;
    height: 11.125rem;
    margin: 0 auto
}

.publishItemBox img {
    width: 100%;
    height: 7.5rem;
    box-shadow: 0 0 .625rem rgba(0, 0, 0, .3);
    border-radius: .25rem;
    object-fit: cover
}

.publishItemBox h1 {
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 700;
    font-size: .9rem;
    line-height: 1.2;
    width: 5.625rem;
    margin: 0 0;
    color: #333
}

.publishItemBox p {
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    font-size: .8rem;
    color: #444;
    line-height: 1.625;
    width: 5.625rem;
    margin: 0 0
}
 /* 会议盒子 - 移动端适配 */
  .meetingBox {
    display: flex;
    align-items: center;
    width: 100%; 
max-width: 19.375rem;
    height: auto; 
    min-height: 21.5625rem;
    overflow: hidden;
    gap: 1.875rem; 
    padding: 0.625rem; 
    overflow-x: auto;
    

  }



  /* 会议项目 - 移动端适配 */
  .meetingItem {
    width: 100%; 
    max-width: 9rem; 
    height: auto; 
    min-height: 21.5625rem;
    flex-shrink: 0;
    box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(0,0,0,0.125); 
    display: flex;
    flex-direction: column;
    transition: all 0.2s ease-in-out; 
    cursor: pointer;

  }



   .meetingItem img {
    width: 100%; 
    max-width: 25rem; 
    height: auto; 
    min-height: 11rem; 
    transition: all 0.5s ease-in-out;  
  }
/* 
   .videoContent p {
    font-family: '微软雅黑', -apple-system, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8rem; 
    letter-spacing: 0.125rem; 
    text-align: left; 
    line-height: 2.25; 
    margin-left: 1.5rem;
    width: calc(100% - 3rem); 

  }  */
.videoBoxFilter {
        width: 100%;
        max-width: 42.3125rem;
        height: 16rem;
        min-height: 15.5rem;
        background-color: rgba(59, 77, 123, 0.2);
        z-index: 1;
        position: absolute;
        top: 82px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        pointer-events: none;
        
  } 

 .publishDiv {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 2fr);
        /* column-gap: 1rem;
        row-gap: 0.875rem; */
        gap: 0rem 0rem;
        height: 32rem;      
        margin-top: 0rem;
        margin-left: 4rem;
    

  }


 /* 发布盒子 - 移动端适配 */
  .publishBox {
height: 11.75rem;
        width: 6.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  
  }

    /* 发布盒子图片 - 移动端适配 */
    /* 动画时间缩短为0.2秒 */
    /* 发布阴影层 - 移动端适配 */
  /* .publishBox img {
    width: 7.25rem;
    height: 7.625rem;
    cursor: pointer;
    object-fit: cover;
    transition: all 0.2s ease-in-out; 
    margin-left: 1rem;
  }
  .publishShadow {
        width: 7.25rem;
        height: 7.625rem;
        box-shadow: inset 0.3125rem 0 0.625rem -0.3125rem rgba(0, 0, 0, 0.6);
        position: absolute;
        z-index: 3;
        top: 0;
        pointer-events: none;
        margin-left: 1rem;
  }
*/
.publishBox h3 {
        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', -apple-system, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 0.8rem;
        line-height: 1.5;
        color: #333333;
        width: 7rem;
        word-wrap: break-word;
        text-transform: none;
        transition: color 0.2s ease-in-out;
        margin-left: 1rem;
        height: 4rem;
        margin-top: 13rem;
  } 

 .annouceItem h3 {
font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 1rem;
        letter-spacing: 0.125rem;
        color: #444444;
        line-height: 1.375rem;
        margin-left: 1rem;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding-right: 1rem;
        text-overflow: ellipsis;
        white-space: nowrap;
  }

.topImg {
  width: 80%;
  max-width: 30rem;
  height: auto;
  margin: 0 auto 1rem;
}
.nav-links {
  display: none; 
  flex-direction: column;
  width: 100%;
  padding: 0 1rem;
}



.newsLeft{
    width: 2.1875rem /* 35/16 */;
    height: 2.1875rem;
    border-radius: 50%;
    border:rgb(153, 153, 153) solid .125rem /* 2/16 */;
    margin-left: 3.125rem /* 50/16 */;
    transition: all 0.3s ease-in-out;
}

.meetingBox1{width:100%;display:flex;align-items:center;gap:1.5rem;row-gap:2rem;margin:0 auto;padding:0 0;flex-wrap:wrap;margin-left:.5rem}
.meetingsItem{width:8rem;height:17.8125rem;background-color:#fff;box-shadow:.3125rem .3125rem .9375rem rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;border-radius:.5rem;padding:1rem;margin-left:.7rem}
.meetingsItem .imgBox{width:9.875rem;height:8rem;position:relative}
.meetingsItem .meetingImg{width:9.875rem;height:6.75rem;object-fit:cover;transition:all .3s ease-in-out}
.meetingsItem h1{font-family:'Microsoft YaHei',sans-serif;font-weight:700;font-style:normal;font-size:1rem;line-height:1.5rem;width:9.75rem}
.meetingsItem p{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:9.75rem;font-family:'Microsoft YaHei',sans-serif;font-weight:400;font-size:.8rem;color:#999;line-height:1.625rem}
.meetingsItem p span{display:flex;flex-direction:row;align-items:center;gap:.625rem}
.projectRow{width:92%;display:flex;flex-direction:column;align-items:center;margin:1rem 1rem;gap:2rem}
.StudyProjectOutImg{width:11.125rem;height:11.125rem;background-image:url(../u3389.svg);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;align-items:center}
.studyProjectColImg{width:11.125rem;height:11.125rem;background-image:url(../u3389.svg);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;align-items:center}
.projectGo{height:4rem;min-width:92%;background-color:#0e4ea8;border-radius:2.5rem;margin-top:1.25rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem}
.projectGo span{color:#fff;font-size:1rem;font-family:'Microsoft YaHei',sans-serif;font-weight:700;margin-left:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.projectGo img{width:1.8125rem;height:1.8125rem;padding:.9375rem;border-radius:50%;background-color:#fed019;margin:0 .15625rem 0 .625rem}
.studyProjectCol{display:flex;flex-direction:column;align-items:center;width:94%}
.StudyProjectOutImg img{width:8.5rem;height:8.5rem;object-fit:cover}
.projectContentH1{font-weight:700;font-style:normal;color:#444;font-size:1rem;text-align:left;width:100%;max-width:80%;margin:1rem 0 0 1rem;margin-top:1rem;padding:0 1rem;margin-left:0;width:87%}
.projectContentBox{width:90%;max-width:96.25rem;margin-left:0;border-radius:.625rem;box-shadow:.3125rem .3125rem .9375rem rgba(46,142,255,.16);padding:2.5rem .875rem;margin-bottom:0;box-sizing:border-box}
.projectContentBox p{font-weight:400;font-size:1rem;color:#444;letter-spacing:.01875rem;line-height:1.8;width:100%;margin:.625rem 0 0}
.projectContentBox h3{font-family:'Microsoft YaHei',sans-serif;font-weight:700;font-size:1.125rem;color:#444;letter-spacing:.01875rem;line-height:1.6;text-align:right;margin:1.25rem 0 0}
.projectContentBox h2,.projectContentBox span{font-weight:700;font-style:normal;font-size:1.2rem;color:#444;letter-spacing:.01875rem;line-height:1.7;position:relative;display:inline;z-index:1}
.otherProjectBox{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin:3.125rem auto 0;padding:0 1rem;box-sizing:border-box}
.otherProject{width:100%;max-width:89.0625rem;flex-direction:column;height:auto;min-height:18.75rem;padding:1.5rem;box-shadow:.3125rem .3125rem .6875rem rgba(0,0,0,.2);margin-bottom:1.25rem}
.otherProject img{width:100%;max-width:21.25rem;height:auto;aspect-ratio:340/260;background-color:#f2f2f2;border-radius:.25rem}
.otherProject .colDiv{width:100%;height:auto;padding:1rem 0}
.otherProject h1{font-family:'Microsoft YaHei',sans-serif;font-weight:700;font-size:1.25rem;margin:1.25rem 0 0;color:#333}
.otherProject p{font-family:'Microsoft YaHei',sans-serif;font-size:1rem;color:#666;line-height:1.625;width:100%;height:auto;-webkit-line-clamp:2;margin:.5rem 0}
.otherProject .rowDiv{width:100%;justify-content:space-between;align-items:center;margin:.625rem 0 0;flex-wrap:wrap}
.otherProject:hover{display:none}
.otherProject:hover h1{display:none}
.memberH1{font-style:normal;font-size:1.3rem;letter-spacing:.03125rem;color:#444;text-align:center;line-height:1.5;margin-top:1.125rem;width:100%;padding:0 1rem}
.memberDWcol{width:100%;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:0 1rem;box-sizing:border-box}
.memberTable-name{width:52%;padding-left:1.25rem;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.memberTable-no{width:.25rem;text-align:center!important;padding:.5rem;box-sizing:border-box;position:sticky;left:0;z-index:1}
.cardItem{width:90%;max-width:8.4375rem;height:auto;min-height:9.375rem;background-color:#f7f7f7;border-radius:.625rem;border:.0625rem solid rgba(0,0,0,.06);box-shadow:0 0 .625rem rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem 1rem;margin:0 auto}
.cardItem .divLine{height:100%;width:.3125rem;background-color:#fed019;top:-100%;left:0;display:none}
.cardItem:hover{box-shadow:0 0 .625rem rgba(0,0,0,.18)}
.cardItem:hover .divLine{top:0;transition:top .3s ease-in-out}
.cardItem img{width:6.25rem;height:6.25rem;order:-1}
.cardItem .colDiv{width:100%;height:auto}
.cardItem h1{font-family:'Microsoft YaHei',sans-serif;font-weight:700;font-size:1.3rem;line-height:1.2;color:#333;text-align:center}
.cardItem p{font-family:'Microsoft YaHei',sans-serif;font-size:0.9rem;letter-spacing:.03125rem;line-height:1.7;color:#333;margin:.625rem 0 0;text-align:justify}
.friendRow{display:grid;gap:1.875rem;width:100%;margin:3.125rem auto;padding:0 0;cursor:pointer;box-sizing:border-box;height:95rem}

 .underDiv {
    height: auto;
    margin-top: 2rem;
  }

.contentBox .publishBox {
        width: 7.5rem; 
        height: 16.375rem; 
        position: relative;
    }
    
    .contentBox .publishBox img {
        width: 7.25rem; 
        height: 12.125rem; 
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        position: absolute;
    }
    
    .contentBox .publishBox img:nth-child(1) {
        top: -0.9375rem; 
        left: 0.9375rem; 
    }
    
    .contentBox .publishBox .bg:nth-child(2) {
        top:-0.9375rem; 
        left: 0.9375rem; 
    }
    
    .contentBox .publishBox img:nth-child(3) {
        top: -0.625rem; 
        left: 0.625rem; 
    }
    
    .contentBox .publishBox .bg:nth-child(4) {
        top: -0.625rem; 
        left: 0.625rem; 
    }
    
    .contentBox .publishBox img:nth-child(5) {
        top: -0.3125rem;
        left: 0.3125rem;
    }
    
    .contentBox .publishBox .bg:nth-child(6) {
        top: -0.3125rem; 
        left: 0.3125rem; 
    }
    
    .contentBox .publishBox img:hover {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }
    
    .contentBox .publishBox .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 7.12rem; 
        height: 12rem; 
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }
    
    .contentBox .publishBox .txt {
        position: absolute;
        left: 0;
        bottom: 2.1875rem; 
        width: 14.375rem; 
        font-size: 1rem; 
        color: #fff;
        padding: 0 0.9375rem; 
        font-family: Techna-Sans-Regular-2;
    }
.publishBox{
  width: 20rem;
  height: auto;
}

    
    .indexContenBox {
        margin-top: 0.75rem !important; 
    }
    
    .contentBox .publishDiv {
        display: grid;
        justify-content: space-between;
    }
    
    .contentBox .yellow-square {
        margin-top: -15.625rem; 
        width: 99.625rem; 
        height: 18.75rem; 
        border: 0.1875rem solid #fed01a; 
    }
    
    .publishShadow {
        width: 7.25rem; 
        height: 11.625rem; 
        position: absolute;
        z-index: 3;
        top: 0;
        pointer-events: none;
    }

.underRight {
    width: 100%;    
     height: 8.625rem; 
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem; 
    margin-left: -2rem;
  }

.nav-links li {
  list-style: none;
  padding: 1rem 0;
  border-bottom: 1px solid #eee;
  margin: 0;
}

.nav-links a {
  font-size: 1.125rem; 
  color: #333;
  padding: 0.5rem 0;
  position: relative;
}

.searchBox {
  display: none; 
  background: rgb(248, 248, 248);
  padding: 0.625rem;
  margin: 1rem 0;
  border-radius: 0.25rem;
}

.searchBox img {
  width: 1.3125rem;
  height: 1.3125rem; 
}

.mobile-nav-toggle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 2rem;
  height: 1.5rem;
  padding: 0.5rem;
  cursor: pointer;
}

.mobile-nav-toggle span {
  display: block;
  height: 0.1875rem; 
  width: 100%;
  background: #333;
  border-radius: 0.1875rem;
  transition: all 0.3s ease;
}

.submenu {
  position: static;
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none; 
}

.subbtn {
  width: 100%;
  padding: 0.75rem 1rem;
  margin: 0.25rem 0;
  font-size: 1rem;
}

 .TopNav.active {
    display: flex;
  }

 .nav-links.active {
    display: flex;
  }
  .mobile-nav-toggle.active span:nth-child(1) {
    transform: translateY(0.5rem) rotate(45deg);
  }
  
  .mobile-nav-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  
  .mobile-nav-toggle.active span:nth-child(3) {
    transform: translateY(-0.5rem) rotate(-45deg);
  }

  .submenu.active {
    display: flex;
  }

.tupian img{width:5rem;height:3rem;margin-top:-2rem}
.underMid{border-left:none;border-right:none;border-top:1px solid rgba(255,255,255,.66);border-bottom:1px solid rgba(255,255,255,.66)}
.colDiv{display:flex;flex-direction:column}
.rowDiv{display:flex;flex-wrap:wrap}
.row1{justify-content:center;align-items:center;gap:.625rem;color:rgba(255,255,255,.66);font-size:.8125rem;font-family:'微软雅黑',sans-serif;margin:.5rem 0}
.col1{margin-left:0;gap:0.1rem}
.col2{gap:0.1rem}
.col2 img{width:1.75rem;height:1.75rem}
.row2{justify-content:center;gap:1.25rem;margin-left:-3rem}
.underLeft a,.underMid a{text-decoration:none;color:rgba(255,255,255,.66);display:flex;align-items:center;gap:.625rem;font-size:.8125rem;font-family:'微软雅黑',sans-serif;padding:.5rem 0}

  .undeBox {
    height: auto;
    min-height: 23rem;
    padding: 1rem 0;
  }
  
  .undeBox p {
    margin-top: 1rem;
    padding: 0 1rem;
  }

    .partImg span {
        position: absolute;
        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2.375rem;
        letter-spacing: 0.681rem;
        color: #FFFFFF;
        left: 50%;
        transform: translateX(-50%);
        top: 7.8125rem;
        text-align: center;
        width: 100%;
        padding: 0 1rem;
        transition: color 0.3s ease;
    }
#indexImg {
  height: 22.5rem; 
  background-image: url(u111.jpg);
  background-size: cover;
  background-position: center;
}

  #indexImg {
    height: 15rem;
  }
   #vximg {
        width: 2.5rem;          
        height: 2.5rem;        
        margin-left:0rem;  
        background-size: cover;
        position: relative;
        background-color: #fff;
        border-radius: 50%;
        background-image: url(u120.png);
    }
     .meetingItem h2 {
        margin: 0;
        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 1rem; 
        line-height: 1.5rem;  
        color: #333333;
        border-left: 0.25rem solid rgb(254, 208, 25); 
        padding-left: 0.625rem; 
        margin-left: 1.25rem;  
        margin-top: 1.25rem;   
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        /* 移动端新增优化 */
        -webkit-line-clamp: 2; 
        word-break: break-all; 
    } 
    /* 段落样式转换 */
    .meetingItem p {
        font-family: '微软雅黑', sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #999999;
        font-size: 0.9rem;    
        line-height: 1.625rem;  
        margin-top: 1.25rem;   
        margin-bottom: 0;
        margin-left: 1.25rem;          
        /* 移动端新增优化 */
        display: -webkit-box;
        -webkit-line-clamp: 3;   /* 移动端显示3行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding-right: 1rem;    /* 增加右侧间距 */
    }

.projectItem{
        padding: 0.6rem;
        max-width: 12rem;
        margin: 0 auto;
        box-sizing: border-box;
}
.projectItem:hover .projectImg{
    transform: scale(1)
}
.projectItem:hover p{
    font-size: 0.7rem;
}
.meetingBtn{
  display: none;
}

.leftNewBox:hover h2 {
    color: #333333;
}

.leftNewBox:hover .newsLeft2 {
    border: #333333;
    display: block;
}
.newsItem:hover .newsContent h2 {
    color: #333333;
}

.newsItem:hover h3 {
    color: #333333;
}

.newsItem:hover .newsItemLine {
    background-color: #333333;
}
.col2 img{
  width:1.5rem;
  height:1.5rem
}
.newsContentRow{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  margin-left:0;
  padding:0 1rem;
  box-sizing:border-box
}
.newsContentLeft,.newsContentRight{
  width:100%;
  box-sizing:border-box;
  padding:0 1rem;
  margin-left:3.5rem;
}
.newsContentLeft{
  margin-bottom:-1rem
}
.newsContentLeft h1{
  font-size:1.39rem;
  margin-top:1rem;
  letter-spacing:.0625rem;
  line-height:1.3
}
.newsContentLeft h2{
  flex-direction:column;
  width:100%;
  margin-left:0;
  gap:.5rem
}
.newsContentLeft h2 span{
  font-size:1.02rem;
  line-height:2rem;
  letter-spacing:.01875rem;
  margin-top: -1rem;
}
.newsContentLeft p{
font-size: 1rem;
        line-height: 2rem;
        margin: .625rem 0;
        letter-spacing: .01875rem;
}
.newsContentRight h1 {
    font-size: 1.375rem;
    line-height: 2rem;
    margin-top: 2.5rem
}

.newsContentRight span {
    font-size: 1rem;
    line-height: 1.5
}

.newsContentLeft img {
    max-width: 100%;
    height: auto
}

.rightNewItem .colDiv {
    width: 12.5rem;
    height: 6.5625rem;
    margin-left: 1rem
}

.rightNewItem h2 {
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.1rem;
    letter-spacing: .01875rem;
    line-height: 2rem;
    margin: 0;
    transition: all .3s ease-in-out
}

.rightNewItem h2:hover {
    color: #444
}

.rightNewBox .imgBox {
    width: 10.625rem;
    height: 7.5rem;
    max-width: 100%
}

.rightNewItem:hover img {
    transform: scale(1)
}

.newsContentRight h1:hover {
    color: #999
}
.newsContentRight p{
        font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem /* 18/16 */;
    letter-spacing: .01875rem /* 0.3/16 */;
    color: #0d0d0d;;
    line-height: 2rem /* 32/16 */;
    width: 100%;
    margin-top: .3rem /* 10/16 */;
    margin-bottom: .625rem /* 10/16 */;
    transition: all 0.3s ease-in-out;
        margin-left: 0rem;
         margin-left: -1rem;
    
}

.newsContentRight p:hover {
    color: #999
}

.orgItem img {
    display: none
}

.orgItem:hover .orgItemLine {
    display: none
}

.orgItem:hover {
    background-color: #fff;
    box-shadow: 0 0 10px #00000080;
    color: #00000080
}

.projectFileDownLoad {
    width: 88%;
    font-size: 0.8rem;
    line-height: 2rem;
    margin-top: 1.25rem;
    gap: .625rem;
    padding: 0 1rem;
    flex-wrap: wrap
}



    .indexContenBox h1 {
        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', -apple-system, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:1rem;
        color: #444444;
        text-align: center;
        margin-top: 0rem;
        line-height: 2.25rem;
        padding: 0 1rem;
        word-break: break-word;
    }



    /* .partImg span {
        font-size: 1.5rem;
        letter-spacing: 0.3rem;
        top: 9rem;
        margin-left: 4rem;
    } */
    .newsBox {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        margin-top: 0.4rem;
        gap: 1rem;
        width: 100vw;
        height: auto;
        padding: 0 1rem;
        box-sizing: border-box;
        max-height: calc(100vh - 0rem);
        overflow: hidden;
        margin-left: 0rem;
    }

        .leftNewBox {
        height: 24.375rem;
        width: 100%;
        max-width: 33.125rem;
        text-decoration: none;
        background-color: white;
        transition: all 0.3s ease-in-out;
        padding: 1rem;
        margin: 0 auto;
        box-sizing: border-box;
    }
    #topNew {
        width: 100%;
        max-width: 33.125rem;
        transition: all 0.5s ease-in-out;
        padding: 0 1rem;
        box-sizing: border-box;
        margin: 0 auto;
    }
        .leftNewBox .imgBox {
        width: 100%;
        max-width: 33.125rem;
        height: 14.875rem;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        margin: 0 auto;
        display: block;
    }
    .rightNewBox {
        width: 100%;
        max-width: 51.25rem;
        height: auto;
        min-height: 22rem;
        background-color: white;
        display: flex;
        flex-direction: column;
        transition: all 0.3s ease-in-out;
        padding: 1rem;
        margin: 0 auto;
        box-sizing: border-box;
    }



        .videoContent p {
        font-family: '微软雅黑', -apple-system, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 0.8rem;
        letter-spacing: 0.125rem;
        text-align: left;
        line-height: 2.25;
        margin-left: 1.5rem;
        width: calc(100% - 3rem);
    }



    .videoLine {
    width: 3.125rem /* 50/16 */;
    height: .5rem /* 8/16 */;
    background-color: rgb(254, 208, 25);
    margin-left: 1.375rem /* 22/16 */;
    margin-top: 1.75rem /* 28/16 */;
}



.newsItem:hover .newsLeft2 {
    /* border: rgb(254, 208, 25) solid 2px; */
    border: #333333;
    display: block;
}



    .undeBox {
        /* height: 23rem; */
        width: 100%;
        background-image: url(u114.png);
        display: flex;
        flex-direction: column;
        color: rgba(255, 255, 255, 0.66);
        background-size: cover;
        background-position: center;
    }




        .underLeft, .underMid, .underRight {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -1rem;
    }

    .underDiv {
        width: 100%;
        /* height: 9.375rem; */
        display: flex;
        flex-direction: column;
        /* margin-top: 5rem; */
        margin-left: 1rem;
    }

    .undeBox p {
        font: 0.8125rem '微软雅黑', sans-serif;
        text-align: center;
        /* margin-top: 2.5rem; */
        width: 22rem;
        margin-left: 1rem;
    }
    .rightpop2 ul li i {
    float: left;
    width: 100%;
    height: 3.8125rem /* 61/16 */;
    margin: .5rem  0 .3125rem  -2.625rem ;
    background: url(footerbt2025.png) no-repeat center center;
}

.partImg img{ 
    margin-top: 6.625rem /* 58/16 */;
    margin-left: -19rem;
    height: 1.0625rem /* 17/16 */;
    width: 2.875rem /* 46/16 */;
  }
    .partImg span {
        font-size: 1.5rem;
        letter-spacing: 0.3rem;
        top: -4rem;
        margin-left: -3rem;
    }

    .projectItem:hover span{
      color: #333333;
    }
    .projectItem:hover{
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 0px #00000050;

    }
    /* 会议详情页 */
    .newsContentLeft{
    width: 23rem /* 1079/16 */; 
    /* width: 1100px;  */
    margin-bottom: 1rem /* 200/16 */;
            margin-left: -0.2rem;
        

}
.newsContentLeft img{
width: 100%;
margin: 1rem 1rem 1rem 0rem;
}
.newsContentTopBox img{
    width: 100%;
    margin-top: -3rem;
}







}