body { margin: 0; padding: 0; width: 100vw;height: 100vh;background: #f5f7fa;}
ul{
    display: flex;
    list-style-type: none;
    line-height: 60px;
    height: 60px;
    margin: 0;
} 
ul li{
    border: none;
} 
a{
    text-decoration: none;
}
/* 首页 */
.lunbotu{
    margin-top: 60px;
    position: relative;
}
.lunbotu img{
    width: 100%;
    border: none; vertical-align: top;
}
.centerBox{
    background: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
}
.content{
    width: 78%;
    text-align: center;
}
.centerBox_title{
    font-size: 40px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    line-height: 56px;
    color: #1A1A1A;
    margin-top: 40px;
}
.centerBox_synopsis{
    font-size: 18px;
    font-family: Source Han Sans CN;
    color: #4E5562;
    line-height: 25px;
    margin-top: 20px;
}
.partnerList{
    margin: 40px;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.partnerCard{
    /* 每行显示 5 个卡片，可按需修改 */
    flex: 0 0 20%; 
    box-sizing: border-box;
    height: 47px;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0; 
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px;
    
}
/* ... 已有代码 ... */
.partnerCard.placeholder {
    visibility: hidden;
}



.partnerCard img{
    width: 30px;
    height: 30px;
    margin: 10px 5px;
}

.cardList{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cardTechnology{
    width: 31%;
    background: #f5f7fa;
    height: 320px;
    margin-top: 20px;
    position: relative; /* 设置相对定位，作为绝对定位的参考容器 */
}
.cardTechnology_type{
    color: #ffffff;
    font-size: 12px;
    font-family: Source Han Sans CN;
    border-radius: 10px;
    font-weight: 200;
    position: absolute; /* 设置绝对定位，使其浮在图片上方 */
    top: 15px; /* 定位到容器底部 */
    left: 25px; /* 定位到容器左侧 */
    background-color: rgba(6, 161, 77, 0.7); /* 添加半透明黑色背景，可按需修改 */
    padding: 4px 8px; /* 添加内边距 */
    margin: 0; /* 清除默认外边距 */

}
.topTechnology_text{
    margin: 0px 10px 0px 20px;
}
.topTechnology_title{
    text-align: left;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #1A1A1A;
    margin:10px 0;
    
}
.technologydetailText{
    text-align: left;
    line-height: 20px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #4E5663;
    
    display: -webkit-box;
    /* 限制显示的行数，根据行高和内容大致估算显示 100 字需要的行数 */
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    /* 超出容器的内容隐藏 */
    overflow: hidden; 
    /* 文本溢出时显示省略号 */
    text-overflow: ellipsis; 
    /* 允许换行 */
    white-space: normal; 
}


.topContent_text{
    margin: 0px 10px 0px 20px;
}


.card{
    width: 48%;
    background: #f5f7fa;
    height: 160px;
    margin-top: 20px;
}

.topContent_more{
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #06A14D;
    line-height: 22px;
    font-style: normal;
    text-align: left;
    margin-top: 15px;
}
.topContent{
    margin: 15px 30px;
    display: flex;
}
.topContent_title{
    text-align: left;
    font-size: 22px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #1A1A1A;
    margin:10px 0;
}

.topContent_icon{
    margin-top: 2%;
}
.topContent_icon img{
    width: 83px;
    height: 83px;
}
.detailText{
    text-align: left;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #4E5663;
    display: -webkit-box;
    /* 限制显示的行数，根据行高和内容大致估算显示 100 字需要的行数 */
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    /* 超出容器的内容隐藏 */
    overflow: hidden; 
    /* 文本溢出时显示省略号 */
    text-overflow: ellipsis; 
    /* 允许换行 */
    white-space: normal; 
}
.moreBtn{
    margin: 40px 0;
}
.moreBtn button{
    background: rgba(0, 0, 0, 0);
    border: 1px solid #D8DDE6;
    padding: 10px 20px;
    color: #8A8F99;
}
.moreBtnNew{
    margin: 15px 0;
}
.moreBtnNew button{
    width: 127px;
    height: 40px;
    background: #06A14D;;
    border-radius: 22px;
    border: 1px solid #D8DDE6;
    padding: 10px 20px;
    color: #FFFFFF;
}
.bottomBox{
    width: 100%;
    display: flex;
    justify-content: center;
}
.bottn_cardList{
    width: 100%;
    margin-top: 20px;
    display: flex;
}
.leftBox{
    width: 450px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.leftBox img{
    width: 450px;
    height: 210px;
}
.leftBox_detail{
    background: #fff;
    height: 145px;
    width: 450px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.leftBoxNew{
    margin-top: 20px;
    width: 564px;
    height: 100%;
    position: relative; /* 设置相对定位，作为绝对定位的参考容器 */
}
.leftBoxNew img{
    width: 564px;
    height: 430px;
}
.rightBoxNew{
    width: calc(100% - 420px);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.newsList{
    width: 100%;
    margin: 0  20px;
}

.newsnav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 20px;
}
.newsnav li {
    margin-right: 20px;
}
.newsnav li a {
    text-decoration: none;
    font-size: 18px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #333;
}
.newsnav li a.active {
    color: #04A14E;
    font-weight: 600;
    border-bottom: 2px solid #04A14E;
    padding-bottom: 17px;
}
.news-list {
    margin-top: 20px;
}
.news-item {
    line-height: 40px;
    margin: 0px 20px;
    font-size: 16px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
}
.news-item a {
    text-decoration: none;
    color: #000;
    /* 文本不换行 */
    white-space: nowrap; 
    /* 超出容器的内容隐藏 */
    overflow: hidden; 
    /* 文本溢出时显示省略号 */
    text-overflow: ellipsis; 
    /* 限制 a 标签最大宽度为父元素宽度的 80% */
    width: 460px;
    /* 将 a 标签转为行内块元素，使宽度属性生效 */
    display: inline-block;
    /* 垂直对齐方式，可按需调整 */
    vertical-align:auto; 
}
.news-item a::before {
    content: "\2022";
    margin-right: 10px;
}

.news-item p{
    height: 50px;
    margin-top: -15px;
    line-height: 25px;
    font-size: 13px;
    color: #515865;
    /* 超出容器的内容隐藏 */
    overflow: hidden; 
    /* 文本溢出时显示省略号 */
    text-overflow: ellipsis; 
    /* 限制 a 标签最大宽度为父元素宽度的 80% */
    width: 540px;
    /* 将 a 标签转为行内块元素，使宽度属性生效 */
    display: inline-block;
    /* 垂直对齐方式，可按需调整 */
    vertical-align: auto;
    display: -webkit-box; /* 设置为弹性伸缩盒子模型 */
    -webkit-box-orient: vertical; /* 设置子元素垂直排列 */
    -webkit-line-clamp: 2; /* 限制显示的行数 */
}

.news-active{
    color: #04A14E !important;
    font-weight: 600 !important;
}
.news-date {
    float: right;
    color: #999;
}


.newsList ul{
    flex: 1;
    margin-left: 0;
    /* width: 600px; */
    justify-content: flex-start; /* 修改为靠左对齐 */
    border-bottom: none;
    background: linear-gradient(to right, #D8DDE6, #D8DDE6) left bottom / 100% 2px no-repeat;
}
.newsList_li{
   text-align: left;
   margin: 0 10px;
}
.newsList_li :hover{
    color: #04A14E;
 }
 .newsList_li.selected {
    color: #04A14E; /* 选中时文字颜色，可按需修改 */
}
.newsList_li a{
    color: #000;
}
.news_nav_a font{
    height: 80px;
    background: #FFFFFF;
    font-family: 'Microsoft YaHei';
    font-weight: 600;
    font-size: 18px;
}
.headerAcitveNew{
    color: #04A14E;
    border-bottom: 2px solid #04A14E
}

.masterTitleNew{
    color: #FFFFFF;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 200;
    position: absolute; /* 设置绝对定位，使其浮在图片上方 */
    bottom: 0; /* 定位到容器底部 */
    left: 0; /* 定位到容器左侧 */
    right: 0; /* 宽度与容器一致 */
    background-color: rgba(0, 0, 0, 0.65); /* 添加半透明黑色背景，可按需修改 */
    padding: 10px; /* 添加内边距 */
    margin: 0; /* 清除默认外边距 */

}
.masterTitle{
    padding: 10px 20px;
    font-size: 17px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #1A1A1A;
}
.subTitle{
    margin: 0 20px;
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #8A8F99;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.detailTime{
    margin: 5px 20px;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #5C5F66;
    line-height: 20px;
}
.rightBox{
    width: calc(100% - 450px);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.rightBoxCard{
    margin-left:10px;
    margin-top: 25px;
}
.rightBoxCard:first-child{
    margin-top: 0;
}
.updateTime{
    margin: 0px 20px;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #5C5F66;
    line-height: 20px;
    border-bottom: 1px solid #E1E3E6;
    padding-bottom: 5px;
}
.rightBox_subTible{
    margin: 0px 20px 15px 20px;
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #8A8F99;
    white-space: nowrap; /* 防止换行 */
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 添加省略号 */
}
.swiper{
    border: 1px solid red;
}