/** 专家风采 */
.zj-type-list {
    display: flex;
    margin-top: 36px;
    margin-bottom: 19px;
}

.zj-type-list a {
    display: flex;
    justify-content: center;
    line-height: 1;
    align-items: center;
    width: 86px;
    height: 34px;
    border-radius: 4px;
}

.zj-type-list a.active {
    background: #CFE3FC;
}

.zj-card-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

.zj-card-list a {
    display: flex;
    flex-direction: column;
    line-height: 1;
    align-items: center;
    width: 210px;
    height: 306px;
    background: #FFFFFF;
    padding: 14px;
    margin: 0 28px 28px 0;
}

.zj-card-list a:hover {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

.zj-card-list a:nth-of-type(6n) {
    margin-right: 0;
}

.zj-card-list a img {
    width: 162px;
    height: 201px;
}

.zj-card-list a .zj-name {
    line-height: 23px;
    margin: 9px auto;
    font-weight: bold;
}

.zj-card-list p {
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/** 行业动态 */
.hydt-bt {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 282px;
    background: url(../images/hydt-bg.png) no-repeat;
    background-size: 100% 100%;
}

.hydt-bt h2 {
    display: flex;
    color: #005C9F;
    margin-top: 79px;
}

.search-box {
    display: flex;
    margin-left: 221px;
}

.search-box input {
    width: 549px;
    height: 50px;
    padding-inline: 0;
    padding: 0 3px;
    border: none;
}

.search-box .sear-btn {
    display: flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 50px;
    background: #005C9F;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
}

.hydt-body {
    display: flex;
    flex-direction: column;
    line-height: 1;
    align-items: center;
    margin-top: -100px;
    margin-bottom: 109px;
    background-color: #ffffff;
}

.hydt-list {
    width: 1190px;
    display: flex;
    flex-direction: column;
    line-height: 1;
    align-items: center;
    padding: 25px 0;
}

.hydt-list a {
    display: flex;
    width: 100%;
    padding: 36px 0;
    border-bottom: 1px solid #D8D8D8;
}

.hydt-list a:last-of-type {
    border: none;
}

.hydt-list a:hover .dt-title {
    color: #005C9F;
}

.hydt-list a .publish-time {
    display: flex;
    height: 40px;
    color: #ADACAC;
    margin-right: 23px;
}

.hydt-list a .publish-time .day {
    height: 40px;
    font-size: 40px;
    font-weight: bold;
    padding-right: 11px;
    border-right: 1px solid #D8D8D8;
}

.hydt-list a .publish-time .year-month {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 12px;
    width: 88px;
    font-size: 16px;
    font-weight: 500;
}

.hydt-list a .publish-time .year-month img {
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.hydt-tb {
    width: 301px;
    height: 177px;
    margin-right: 35px;
}

.dt-info {
    position: relative;
}

.dt-info .dt-title {
    font-size: 18px;
    font-weight: bold;
    color: #3D3D3D;
    margin-top: 26px;
    margin-bottom: 15px;
    line-height: 26px;
}

.dt-info p {
    line-height: 171.86%;
    color: #3D3D3D;
}

.dt-info img {
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 19px;
    height: 9px;
}

/** 通知公告 */
.tzgg-body {
    margin-bottom: 109px;
}

.tzgg-body .search-box {
    margin-top: 75px;
    margin-left: 336px;
}

.notice-list {
    display: flex;
    margin-top: 76px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.notice-list a {
    width: 331px;
    height: 203px;
    padding: 16px 22px;
    margin-bottom: 30px;
    background: url(../images/notice.png) no-repeat;
    background-size: 100% 100%;
    color: #3D3D3D;
}

.notice-list a:hover {
    color: #ffffff;
    background: url(../images/notice-hover.png) no-repeat;
    background-size: 100% 100%;
}

.notice-list a:hover .time {
    color: #ffffff;
}

.notice-list a .time {
    display: flex;
    line-height: 1;
    align-items: flex-end;
    height: 30px;
    font-size: 12px;
    color: #005C9F;
    margin-bottom: 10px;
}

.notice-list a .time span {
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px;
}

.dashed-line {
    width: 277px;
    /* 直线宽度 */
    height: 1px;
    /* 直线高度 */
    background: repeating-linear-gradient(90deg, #fff, #fff 4px, transparent 4px, transparent 8px);
    /* 创建虚线效果 */
    position: relative;
    /* 为绝对定位的圆圈提供参考 */
}

.notice-list a .fbdw {
    line-height: 18px;
    margin-top: 11px;
    font-size: 12px;
}

.notice-list a p {
    width: 280px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 151.67%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/** 详情 */
.detail-bg {
    width: 100%;
    height: 282px;
    background: url(../images/detail-bg.png) no-repeat;
    background-size: 100% 100%;
}

.detail-body {
    display: flex;
    justify-content: space-between;
    margin-bottom: 176px;
    margin-top: -210px;
}

.detail-box {
    display: flex;
    flex-direction: column;
    line-height: 1;
    align-items: center;
    width: 996px;
    background: #FFFFFF;
}

.detail-title {
    width: 676px;
    line-height: 1.2;
    margin-top: 46px;
    margin-bottom: 18px;
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    text-align: center;
}

.time-fx {
    position: relative;
    width: 860px;
    display: flex;
    height: 28px;
    line-height: 1;
    align-items: flex-start;
    justify-content: center;
    color: #6A6A6A;
    border-bottom: 1px solid #D8D8D8;
}

.time-fx a.bds_weixin {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    background: url(../images/wechat.png) no-repeat;
    background-size: 100% 100%;
    right: 12px;
}

.detail-nr {
    width: 860px;
    margin-top: 31px;
    padding-bottom: 60px;
    font-size: 14px;
    line-height: 30px;
}

.other-menu {
    width: 386px;
    padding: 16px;
    padding-bottom: 218px;
    background: #FFFFFF;
}

.other-menu .more-title {
    height: 30px;
    line-height: 30px;
    border-left: 6px solid #2B7AB9;
    padding-left: 9px;
    font-size: 18px;
    font-weight: 500;
    color: #3D3D3D;
}

.other-title-list {
    margin-top: 39px;
    width: 325px;
    margin-left: 16px;
}

.other-title-list a {
    position: relative;
    padding-left: 18px;
    display: inline-block;
    height: 43px;
    line-height: 1;
    align-items: flex-start;
    margin-top: 16px;
    border-bottom: 1px solid #EEEFF0;
    color: #333333;
    width: 100%;
    overflow: hidden;
    /* 隐藏溢出的内容 */
    text-overflow: ellipsis;
    /* 使用省略号表示溢出的文本 */
    white-space: nowrap;
}

.other-title-list a:hover {
    color: #005C9F;
}

.other-title-list a::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #2B7AB9;
    left: 0;
    top: 2px;
}

/** 协会文件 */
.xhwj-body {
    margin-top: -222px;
    margin-bottom: 114px;
}

.xhwj-body h2 {
    height: 52px;
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
}

.xhwj-content {
    display: flex;
    flex-direction: column;
    line-height: 1;
    align-items: center;
    margin-top: 49px;
    padding: 70px 0;
    background-color: #ffffff;
}

.xhwj-content .search-box {
    margin-left: 0;
}

.xhwj-content .search-box input {
    border: 1px solid #E9EAED;
}

.xhwj-inf-list {
    margin-top: 83px;
}

.xhwj-inf-list a {
    display: flex;
    width: 1100px;
    height: 83px;
    margin-top: 25px;
    border-bottom: 1px solid #EEEFF0;
}

.xhwj-inf-list a:hover .title {
    color: #005C9F;
}

.xhwj-inf-list a img {
    width: 22px;
    height: 33px;
    margin-right: 17px;
}

.title-time .title {
    height: 23px;
    font-size: 16px;
    font-weight: 500;
    color: #3D3D3D;
    margin-bottom: 4px;
}

.title-time p {
    font-size: 12px;
    color: #3D3D3D;
}

/** 委员会动态 */
.wyhdt-body {}

.wyhdt-body .hydt-list {
    margin-top: 28px;
}

.wyhdt-body .hydt-list h4 {
    width: 1190px;
    display: flex;
    justify-content: flex-start !important;
    color: #3D3D3D;
    margin-bottom: 5px;
}

.hywyh-box {
    display: flex;
    padding: 50px 67px 59px 59px;
    background-color: #ffffff;
    overflow-y: hidden;
}

.hywyh-box img {
    width: 608px;
    height: 349px;
    margin-right: 34px;
}

.hywyh-info {
    width: 614px;
    padding-top: 31px;
    color: #3D3D3D;
}

.hywyh-info h4 {
    height: 29px;
    line-height: normal;
}

.hywyh-info p {
    line-height: 20px;
}

.hywyh-info p:first-of-type {
    margin-top: 17px;
    margin-bottom: 12px;
}

/** 团体会员单位 */
.tdhydw {
    width: 100%;
    height: 282px;
    background: url(../images/tdhy-bg.png) no-repeat;
    background-size: 100% 100%;
}

.tdhydw h2 {
    line-height: 52px;
    color: #ffffff;
    margin: 115px 0 0 313px;
}

.tdhy-list {
    margin-top: 33px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 312px;
}

.tdhy-list a {
    width: 218px;
    height: 50px;
    display: flex;
    justify-content: center;
    line-height: 1;
    align-items: center;
    border-radius: 4px;
    background: #FFFFFF;
    color: #333333;
    margin-bottom: 17px;
    overflow: hidden;
    /* 隐藏溢出的内容 */
    text-overflow: ellipsis;
    /* 使用省略号表示溢出的文本 */
    white-space: nowrap;
    /* 防止文本换行 */
    margin-right: 18px;
}

.tdhy-list a:nth-of-type(6n) {
    margin-right: 0;
}

.tdhy-list a:hover {
    color: #005C9F;
    border: 1px solid #005C9F;
}

/** 通知 */
.notice-sear {
    display: flex;
    justify-content: center;
}

.notice-sear .search-box {
    margin-left: 0;
    margin-top: 65px;
}

.notice-sear .search-box input {
    border: none;
}

.notice-body {
    margin-top: 68px;
}

.notice-body .xhwj-content,
.notice-body .xhwj-inf-list {
    margin-top: 0;
}

/** 科普专题列表 */

.kpzt-body {
    display: flex;
    flex-wrap: wrap;
    margin-top: 57px;
    margin-bottom: 109px;
}

.kpzt-body a {
    display: block;
    width: 329px;
    height: 220px;
    margin: 0 25px 25px 0;
}

.kpzt-body a:nth-of-type(4n) {
    margin-right: 0;
}

.kpzt-body a img {
    width: 100%;
    height: auto;
}

/** 视频列表 */
.video-body {
    position: relative;
    margin-top: 68px;
    margin-bottom: 380px;
}

.first-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 546px;
    height: 380px;
    z-index: 10;
}

.first-video img {
    width: 100%;
    height: 100%;
}

.first-video h4 {
    width: 100%;
    line-height: 103px;
    background: linear-gradient(180deg, rgba(6, 6, 6, 0) 0%, #2B2A2A 100%);
    color: #ffffff;
    padding: 0 15px;
    margin-top: -103px;
    overflow: hidden;
    /* 隐藏溢出的内容 */
    text-overflow: ellipsis;
    /* 使用省略号表示溢出的文本 */
    white-space: nowrap;
}

.video-list {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.video-list a {
    display: block;
    width: 263px;
    margin-bottom: 36px;
    margin-right: 21px;
}

.video-list a:first-of-type,
.video-list a:nth-of-type(4) {
    margin-left: 567px;
}

.video-list a:nth-of-type(3),
.video-list a:nth-of-type(6),
.video-list a:nth-of-type(5n+11) {
    margin-right: 0;
}

.video-list a img {
    width: 100%;
    height: 156px;
}

.video-list a p {
    width: 100%;
    height: 31px;
    line-height: 31px;
    padding: 0 8px;
    margin-top: -31px;
    color: #ffffff;
    font-size: 12px;
    text-align: right;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, #050505 162%);
}

.video-list a .video-name {
    width: 100%;
    height: 23px;
    font-size: 16px;
    color: #3D3D3D;
    margin-top: 14px;
}

/** 党章党规 */
.dgdz-body {
    margin-top: 64px;
}

.dgdz-body .other-title-list a {
    display: block;
    width: 320px;
    padding-left: 0;
    word-break: break-all;
}

.dgdz-body .other-title-list a::before {
    display: none;

}

/** 分页 */
.page-body {
    width: 1190px;
    height: 34px;
    line-height: 1;
    align-items: center;
    justify-content: space-between;
    color: #3D3D3D;
    margin-top: 119px;
    margin-bottom: 39px;
}

.xhwj-page {
    width: 1100px;
}

.page-body a {
    display: flex;
    height: 100%;
    line-height: 1;
    align-items: center;
    justify-content: space-between;
}

.first-page img {
    margin-right: 7px;
}

.pre-next-btn a {
    height: 34px;
    line-height: 1;
    align-items: center;
    border-radius: 4px;
}

.pre-next-btn .pre-btn {
    display: flex;
    justify-content: center;
    width: 34px;
    border: 1px solid #EEEFF0;
    margin-right: 12px;
}

.pre-next-btn .next-btn {
    padding-left: 33px;
    padding-right: 14px;
    background: #013A64;
    color: #ffffff;
}

.pre-next-btn .next-btn img {
    margin-left: 22px;
}

.jump-box {
    margin-right: 16px;
}

.jump-box input {
    width: 42px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #EEEFF0;
    padding-inline: 0;
    padding: 0 3px;
    margin: 0 2px;
    text-align: center;
}

.jump-total {
    line-height: 1;
    align-items: center;
}

.pic-box {
    justify-content: center;
    margin: 20px 0;
}

.hover-image {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.hover-image .tooltip-image {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 210px;
    height: 250px;
    padding: 15px 0;
    /* 图片的高度，自动调整 */
    z-index: 1000;
    /* 确保提示框在其他内容之上 */
    top: 100%;
    /* 相对于触发元素下方显示 */
    left: 50%;
    /* 水平居中 */
    transform: translateX(-50%);
    /* 调整偏移以完全居中 */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    /* 可选：添加阴影效果 */
}

.hover-image .tooltip-image p {
    width: 160px;
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    margin: 5px 0;
}

.hover-image:hover .tooltip-image {
    display: flex;
    justify-content: center;
    line-height: 1;
    align-items: center;
    flex-direction: column;
    font-size: 12px;
}