@charset "utf-8";
html,
body {
    height: 100%;
}
body {
    position: relative;
}
:root {
    --style-black-color: #0e0003;
    --style-blue-color: rgba(6, 115, 233, 0.95);
    --style-darkBlue-color: #0460b4;
    --style-gray-color: rgba(14, 0, 3, 0.76);
    --style-white-color: #fff;
}
img {
    max-width: 100%;
}


.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #fff;
    transition: 2s;
}

.loader_background {
    background: url('../images/common/company-mission.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -30px;
    left: -30px;
    width: calc(100vw + 60px);
    height: calc(100vh + 60px);
    z-index: -1;
    filter: blur(40px);
    -webkit-filter: blur(40px);
}

.loader_text {
    font-size: 40px;
    color: white;
    position: absolute;
    top: 80%;
    left: 50%;
}

.loader_hide {
    height: 0px;
    transition: 2s;
}

.home-swiper {
    position: relative;
    height: 100vh;
    min-height: 650px;
}

.home-swiper .home-slide:last-child {
    height: auto;
    /*max-height: 938px;*/
    max-height: 1500px;
}

.concerning {
    position: relative;
    width: 100%;
    height: 100%;
}

.concerning-swiper {
    position: relative;
    height: 100%;
}

@media (max-width:1024px) {
    .home-swiper>.swiper-wrapper {
        display: block;
    }

    .home-swiper {
        height: auto;
    }

    .home-slide .concerning {
        width: 100%;
        height: 100vh;
    }
    .home-swiper .home-slide:last-child {
        max-height: inherit;
    }
}

/*header*/
.header_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}
.white_header {
    border-bottom: 1px solid rgba(212, 212, 212, 0.30);
    background: #FFF;
}
.header {
    padding: 0 48px;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
.logo {
    position: relative;
    z-index: 99;
    max-width: 160px;
    height: auto;
    margin-left: 60px;
}
.page_footer_logo {
    position: relative;
    z-index: 99;
    width: 10%;
    height: 15%;
}
.logo img:nth-child(2) {
    display: none;
}
.header_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.header_top .menu {
    height: 100%;
}
.header_top .menu>ul>li {
    float: left;
    /*菜单导航栏的间距*/
    padding-right: 30px;
}
.header_top .menu>ul>li>a {
    position: relative;
    display: inline-block;
    color: var(--style-white-color);
    font-size: 20px;
    font-weight: 600;
    height: 90px;
    line-height: 90px;
    /* 添加过渡效果，让字体变化更平滑 */
    transition: font-size 0.3s ease, font-weight 0.3s ease;
    font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
    /* 平滑字体 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 鼠标悬浮到"关于乐析"导航项时，字体增大+加粗 */
.header_top .menu>ul>li:hover>a {
    font-size: 20px; /* 字体从18px增大到20px，可调整 */
    font-weight: 700; /* 加粗（400→700） */
}


.header_top .menu>ul>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: #fff;
    height: 2px;
    width: 0;
    transition: width .4s
}
.header_top .menu>ul>li.active>a:before {
    width: 100%;
}
.header_top .menu>ul>li .sub-menu {
    left: 0;
    position: absolute;
    top: 100%;
    display: flex;
    transition: all 0.4s ease-out;
    width: 100%;
    border-top: 2px solid #EEEEEE;
    background: linear-gradient(to bottom, rgba(22, 122, 226, 0.03), #ffffff);
    box-shadow: 0 2px 12px rgba(22, 122, 226, 0.08); /* 品牌色轻微阴影 */
    backdrop-filter: blur(8px); /* 磨砂模糊效果 */
    -webkit-backdrop-filter: blur(8px); /* 兼容webkit内核 */
    z-index: 9;
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
}
.header_top .menu>ul>li .sub-menu .container {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header_top .menu>ul>li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}
.header_top .sub_menu_list {
    max-width: 1200px;
    margin: 0 auto;
    /* 二级菜单居中：让二级菜单容器居中 */
    display: flex;
    justify-content: center;
}
.header_top .sub_menu_list>ul {
    display: flex;
    flex-wrap: wrap;
    /* 二级菜单居中：减小二级菜单li之间的间距（原-12px/-12px改为-6px/-6px） */
    margin-left: -6px;
    margin-right: -6px;
    /* 辅助：确保ul本身也居中 */
    justify-content: center;
}
.header_top .sub_menu_list>ul>li {
    /* 二级菜单居中：减小li的左右内边距（原12px改为6px），直接缩小间距 */
    padding-left: 6px;
    padding-right: 6px;
    float: left;
}

/*二级菜单的字体*/
.header_top .sub_menu_list a {
    display: flex;
    position: relative;
    justify-content: space-between;
    width: auto;
    padding: 20px 0;
    color: var(--style-black-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
    /* 平滑字体 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.header_top .sub_menu_list a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--style-blue-color);
    transform-origin: bottom right;
    transform: scaleX(0);
    transition: transform 0.5s ease;
}

/* 二级菜单文字悬浮加粗 */
.header_top .sub_menu_list a:hover {
    font-weight: 700 !important;
    /* 字体轻微放大，强化视觉效果 */
    font-size: 18px;
    color: var(--style-blue-color);
    transition: font-weight 0.2s ease, font-size 0.2s ease;
}

.header_top .sub_menu_list a:hover::before {
    transform-origin: bottom left;
    transform: scaleX(1);
}
.header_top .sub-menu a:last-child {
    margin-right: 0;
}
.header_top .sub_menu_list a:hover .sub_icon {
    background-image: url(../images/menu_jtl.svg);
}
.sub-menu a span img {
    width: 28px;
    height: 28px;
    margin-right: 8px;
}
.sub-menu a .sub_icon {
    width: 24px;
    height: 24px;
    background-image: url(../images/menu_jth.svg);
    background-repeat: no-repeat;
}
.header_top .menubar {
    position: relative;
    display: block;
    width: 22px;
    height: 20px;
    margin-top: 5px;
    margin-left: 16px;
    z-index: 99;
    cursor: pointer;
}

/*手机端导航图标*/
.header_top .menubar .child-bar {
    position: absolute;
    right: 0;
    top: 0;
    height: 3.5px;
    background: #0e0003;
    transition: all ease .3s;
}
.header_top .menubar .child-bar.child-bar01 {
    width: 24px;
}
.header_top .menubar .child-bar.child-bar02 {
    top: 7px;
    width: 24px;
}
.header_top .menubar .child-bar.child-bar03 {
    top: 14px;
    width: 24px;
}
.header_top .menubar .child-bar.child-bar04 {
    top: 14px;
    width: 24px;
}


/*search*/

/*菜单按钮具有对齐*/
.mobile_menu {
    padding-right: 30px;
}
.head-search {
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 16px;
    /* 可选：若需要和上方内容对齐，可加行高/垂直对齐 */
    line-height: 40px;
}


/* 新增：logo+公司名的容器样式，控制上一行排版 */
.logo-company {
    margin-right: 40px; /* 和.head-search右侧间距保持一致，对齐视觉 */
    margin-bottom: 3px; /* 可选：和下方.head-search留一点间距，更美观 */
    display: inline-block; /* 保证行内显示，不占满整行 */
}

/* logo图片样式 */
.logo-company img {
    height: 25px; /* 适配视觉高度，可调整 */
    width: auto;
    vertical-align: middle; /* 和文字垂直居中 */
    margin-left: 30px; /* logo和文字之间的间距 */
    margin-bottom: 6px; /* 可选：和下方.head-search留一点间距，更美观 */
}

/* 公司名称样式 */
.logo-company span {
    vertical-align: middle;
    margin-left: 30px; /* logo和文字之间的间距 */
    padding-top: 10px;
    white-space: nowrap; /* 防止公司名换行 */
    font-size: 18px;
    font-weight: 600;
    color: var(--style-blue-color);
}

/* 新增：logo+公司名的容器样式，控制上一行排版 */
.logo-company-menu {
    margin-left: 15px; /* logo和文字之间的间距 */
    margin-right: 15px; /* 和.head-search右侧间距保持一致，对齐视觉 */
    display: inline-block; /* 保证行内显示，不占满整行 */
    margin-top: 30px; /* 可选：和下方.head-search留一点间距，更美观 */
    margin-bottom: 10px; /* 可选：和下方.head-search留一点间距，更美观 */
}

/* logo图片样式 */
.logo-company-menu img {
    height: 25px; /* 适配视觉高度，可调整 */
    width: auto;
    vertical-align: middle; /* 和文字垂直居中 */
    margin-left: 0px; /* logo和文字之间的间距 */
    margin-bottom: 6px; /* 可选：和下方.head-search留一点间距，更美观 */
}

/* 公司名称样式 */
.logo-company-menu span {
    vertical-align: middle;
    margin-left: 0px; /* logo和文字之间的间距 */
    padding-top: 10px;
    white-space: nowrap; /* 防止公司名换行 */
    font-size: 18px;
    font-weight: 600;
    color: var(--style-white-color);
}
.head-search i {
    font-size: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    cursor: pointer;
}
.head-search i.search-open {
    background-image: url(../images/search_w.svg);
}
.head-search i.search-close {
    display: none;
    background-image: url(../images/close_blue.svg);
}
.search-close.act {
    color: #333;
}
.head_languge img:nth-child(2) {
    display: none;
}
.search-container {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    padding: 20px 0;
    z-index: 302;
    display: none;
    background: #FFF;
}
.search-container .search-pc {
    max-width: 900px;
    margin: 0 auto;
}
.sear_title {
    color: var(--style-black-color);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}
.sear_small {
    color: var(--style-black-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.search-form {
    display: flex;
    margin-top: 10px;
    align-items: center;
    padding: 18px 24px;
    border-radius: 14px 14px 14px 14px;
    border: 2px solid #E5E5E5;
    background: #FFF;
}
.search-form .content-select-box {
    border-radius: 0;
    margin: 0;
    margin-right: 22px;
    background: transparent;
    padding: 0;
    width: 80px;
    height: 26px;
}
.search-form .content-select-box .span input {
    background: transparent;
    border-radius: 0;
    width: 90px;
    height: 26px;
    padding: 0 0 0 20px;
    color: var(--style-black-color);
}
.search-form .content-select-box .drop_down_ {
    top: 45px;
}
.search-form .content-select-box .span input::-webkit-input-placeholder {
    color: var(--style-black-color);
}
.search-form .content-select-box .span input:-moz-placeholder {
    color: var(--style-black-color);
}
.search-form .content-select-box .span input::-moz-placeholder {
    color: var(--style-black-color);
}
.search-form .content-select-box .span input:-ms-input-placeholder {
    color: var(--style-black-color);
}
.select-box-input {
    flex: 1;
    position: relative;
    padding-left: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select-box-input:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 16px;
    background-color: #E5E5E5;
    transform: translateY(-50%);
}

/* 搜索按钮样式 */
.search-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 130%;
    width: 80px; /* 按钮宽度，和输入框高度一致 */
    background-color: #2563EB; /* 蓝色主题，可根据需求修改 */
    border: none;
    border-radius: 0 8px 8px 0; /* 和输入框圆角匹配 */
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

/* 按钮hover效果 */
.search-button:hover {
    background-color: #1D4ED8;
    font-weight: 600;
}

/* 按钮图标样式（可选，用文字或图标都可以） */
.search-button i {
    font-size: 18px;
}


.search-form .select-box-input-item {
    flex: 1;
    padding-right: 30px;
    font-size: 16px;
    width: 100%;
    height: 25px; /* 调高输入框高度（原44px → 56px，可自行修改） */
}
.search-form .select-box-input input {
    line-height: 26px;
}
.search-form .select-box-input input::-webkit-input-placeholder {
    color: rgba(101, 113, 136, 0.5);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.search-form .select-box-input input:-moz-placeholder {
    color: rgba(101, 113, 136, 0.5);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.search-form .select-box-input input::-moz-placeholder {
    color: rgba(101, 113, 136, 0.5);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.search-form .select-box-input input:-ms-input-placeholder {
    color: rgba(101, 113, 136, 0.5);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.select-box-input .m_submit {
    width: 24px;
    height: 24px;
    background-image: url(../images/new_s_icon.svg);
    background-color: transparent;
    cursor: pointer;
    outline: 0;
}
.search-form .content-select-box .span .icon {
    right: 0;
}
.sear_more {
    padding-top: 55px;
    display: flex;
    align-items: flex-start;
}
.sear_more ul {
    flex: 1;
    margin-left: -6px;
    margin-right: -6px;
    padding-left: 100px;
    max-width: 608px;
}
.sear_more ul li {
    float: left;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 12px;
}
.sear_more ul li a {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 72px;
    background: #F1F8FD;
    color: #657188;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.mo-menu-all {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 0;
    background-color: var(--style-darkBlue-color);
    background-image: url('../images/productCenter/pdm/pdm-3.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* 👇 加一层半透明蒙版，让背景色透出来 */
    background-blend-mode: overlay;
    opacity: 0.99; /* 微调透明度 */
    z-index: 9;
    overflow: hidden;
    transition: all ease .7s;
    padding-right: 10px;
}
.mo-menu-all .container {
    height: 100%;
}
.mo-menu-all .all_bg {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 15% 0 10% 0;
}
.mo-menu-all .all_bg:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
.header.phone-menu-unfold .mo-menu-all {
    height: 100vh;
}
.header.phone-menu-unfold .menubar .child-bar {
    background-color: var(--style-white-color);
}

/*手机端导航 g关闭 图标*/
.header.phone-menu-unfold .header_top .menubar .child-bar.child-bar01 {
    width: 30px;
    top: 8px;
    transform: rotate(45deg);
}
.header.phone-menu-unfold .header_top .menubar .child-bar.child-bar02 {
    display: none;
}
.header.phone-menu-unfold .header_top .menubar .child-bar.child-bar03 {
    width: 30px;
    top: 8px;
    transform: rotate(-45deg);
}
.header.phone-menu-unfold .header_top .menubar .child-bar.child-bar04 {
    width: 30px;
    top: 8px;
    transform: rotate(-45deg);
}
.all_bg {
    display: flex;
}
.all_bg .all_left {
    flex: 1;
    float: left;
    padding-right: 40px;
    transition: all ease 1s;
    transition-delay: .2s;
    opacity: 0;
    margin-left: -10px;
}
.all_bg .phone-menu-parent {
    height: 100%;
    overflow-y: auto;
}
.all_bg .phone-menu-parent::-webkit-scrollbar {
    width: 2px;
    height: 2px
}
.all_bg .phone-menu-parent::-webkit-scrollbar-button:vertical {
    display: none
}
/*底色*/
.all_bg .phone-menu-parent::-webkit-scrollbar-corner,
.all_bg .phone-menu-parent::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.1);
}
.all_bg .phone-menu-parent::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.3);
}
.all_right {
    float: right;
    padding-left: 58px;
    min-width: 40%;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: flex-end;
    transition: all ease 1s;
    transition-delay: .2s;
    opacity: 0;
    margin-left: -10px;
}
.all_right p {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 16px;
}
.all_right .tel {
    display: block;
    margin-bottom: 30px;
}
.all_right .tel span {
    font-size: 36px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}
.all_right .tel span img {
    margin-right: 8px;
}
.all_right .tel strong {
    display: block;
    margin-top: 8px;
    color: var(--style-white-color);
    font-family: DIN;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
}
.all_right .tel strong a {
    font-size: inherit;
    color: inherit;
}
.all_right .all_right_list {
    display: flex;
    align-items: center;
}
.all_right .all_right_list span {
    display: inline-block;
    line-height: 20px;
    align-items: center;
}

.all_right .all_right_list p {
    display: flex;
    align-items: center;
}
.all_right .all_right_list img {
    width: 24px;
    margin-right: 10px;
}
.all_right .all_right_list .all_right_list_span_1 img {
    width: 48px;
    margin-right: 10px;
}
.all_right .all_right_list a {
    color: inherit;
    font-size: inherit;
}

/* 手机端导航 */
.phone-menu-parent .phone-menu-parent-li {
    padding-bottom: 35px;
}
.phone-menu-parent .phone-menu-parent-li:last-child {
    padding-bottom: 0;
}
.phone-menu-parent .phone-menu-parent-li:last-child .phone-menu-parent-li-a {
    margin-bottom: 0;
}
.phone-menu-parent-li.act {
    opacity: 1;
}
.phone-menu-parent-li .phone-menu-parent-li-a {
    color: var(--style-white-color);
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2;
    padding-left: 64px;
    background-image: url(../images/menus/mobile/more.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

.phone-menu-parent-li-noChild .phone-menu-parent-li-a {
    color: var(--style-white-color);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    padding-bottom: 15px;
}
.phone-menu-child {
    display: none;
}
.phone-menu-child .phone-menu-child-a {
    /*独占一行，前后自动换行*/
    display: block;
    position: relative;
    color: var(--style-white-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
}
.phone-menu-child .phone-menu-child-a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background-color: #fff;
    transform-origin: bottom right;
    transform: scaleX(0);
    transition: transform 0.5s ease;
}
.phone-menu-child .phone-menu-child-a:hover:before {
    transform-origin: bottom left;
    transform: scaleX(1);
}
.phone-menu-child {
    padding-top: 22px;
    padding-left: 64px;
}
.phone-menu-child li {
    float: left;
    padding-right: 62px;
}
.all_menu .gnb>li .phone-menu-parent-li-a {
    display: inline-block;
    opacity: 0.5;
    margin-bottom: 25px;
}
.all_menu .gnb.initial>li .phone-menu-parent-li-a {
    opacity: 1;
}
.all_menu .gnb>li .phone-menu-parent-li-a.on {
    opacity: 1;
    margin-bottom: 0;
}
.all_menu .phone-menu-parent-li .phone-menu-parent-li-a.on {
    background-image: url(../images/menus/mobile/unfold.svg);
}
header.phone-menu-unfold .all_bg .all_left {
    opacity: 1;
    margin-left: 0;
}
header.phone-menu-unfold .all_bg .all_right {
    opacity: 1;
    margin-left: 0;
}
header.phone-menu-unfold .header_top .menubar .child-bar {
    background-color: #eb2f2f;
}
header.phone-menu-unfold .logo img:nth-child(1) {
    display: block;
}
header.phone-menu-unfold .logo img:nth-child(2) {
    display: none;
}
@media (max-width:1580px) {
    .header_top .menu>ul>li {
        padding-right: 50px;
    }
    .header_top .menu>ul>li:last-child {
        padding-right: 0;
    }
}
@media (max-width:1440px) {
    .header_top .menu>ul>li {
        padding-right: 30px;
    }
}
@media (max-width:1280px) {
    .phone-menu-parent-li .phone-menu-parent-li-a {
        font-size: 30px;
    }
}

/*当浏览器视口宽度小于等于 1200px 时，触发该样式*/
@media (max-width: 1200px) {
    .header_top .menu {
        display: none !important;
    }
}
@media (max-width: 1024px) {
    .phone-menu-parent-li .phone-menu-parent-li-a {
        font-size: 28px;
        padding-left: 64px;
        background-size: 20px 20px;
    }
    .phone-menu-parent .phone-menu-parent-li {
        padding-bottom: 20px;
    }
    .all_menu .gnb>li .phone-menu-parent-li-a {
        margin-bottom: 15px;
    }
    .phone-menu-child .phone-menu-child-a {
        line-height: 54px;
    }
    .all_right .tel strong {
        font-size: 32px;
    }
}
@media (max-width:991px) {
    .header {
        padding: 0 30px;
    }
    .all_right .tel strong {
        font-size: 30px;
    }
}
@media (max-width:767px) {
    .header {
        padding: 0 20px;
        height: 80px;
    }
    .mo-menu-all .all_bg:before {
        width: 100%;
        background-size: contain;
        background-position: top center;
    }
    .mobile_menu {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .search-container {
        top: 80px;
        padding: 30px 0;
    }
    .search-button {
        width: 50px;
    }
    .sear_title {
        font-size: 16px;
        font-weight: 600;
    }
    .head-search {
        margin-right: 10px;
    }
    .header_top .menubar {
        padding: 15px 10px 15px 10px;
        margin-top: 14px;
        margin-left: 5px;
    }

    .search-container .search-pc {
        max-width: 600px;
        margin: 0 15px;
    }

    .search-form {
        margin-top: 20px;
        padding: 18px 15px;
    }
    .search-form .select-box-input input::-webkit-input-placeholder {
        font-size: 12px;
    }
    .search-form .select-box-input input:-moz-placeholder {
        font-size: 12px;
    }
    .search-form .select-box-input input::-moz-placeholder {
        font-size: 12px;
    }
    .search-form .content-select-box {
        margin-right: 10px;
        width: 55px;
    }
    .search-form .select-box-input-item {
        padding-right: 10px;
    }
    .select-box-input {
        width: calc(100% - 100px);
        padding-left: 10px;
    }
    .sear_more {
        display: block;
        padding-top: 30px;
    }
    .sear_more ul {
        padding-top: 20px;
        margin-left: -6px;
        margin-right: -6px;
        padding-left: 0;
        width: 100%;
        max-width: 608px;
    }
    .sear_more ul li a {
        font-size: 14px;
    }
    .mo-menu-all .all_bg {
        margin-top: 50px;
        height: calc(100% - 150px);
        padding: 0px 15px 0px 15px;
        display: block;
        overflow-y: auto;
    }
    .all_bg .all_left {
        width: 100%;
        padding-right: 0;
    }
    .all_right {
        padding-left: 0;
        min-width: 40%;
        width: 100%;
        margin-top: 20px;
        padding-top: 20px;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }
    .all_right .tel span {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .all_right .tel strong {
        font-size: 18px;
    }
    .all_right_list_span_2 {
        padding-left: 10px;
    }
    .all_bg .phone-menu-parent {
        max-height: inherit;
    }
    .phone-menu-parent-li .phone-menu-parent-li-a {
        font-size: 19px;
        padding-left: 30px;
        background-size: 15px 15px;
    }
    .phone-menu-child .phone-menu-child-a {
        font-size: 17px;
        font-weight: 400;
        line-height: 30px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .phone-menu-child .phone-menu-child-a:hover {
        font-size: 18px;
        font-weight: 700;
    }
    .phone-menu-child {
        padding-top: 15px;
        padding-left: 30px;
    }
    .all_right p {
        font-size: 14px;
        margin-bottom: 12px;
    }
}


/*白底导航*/
.header.headerColor,
.header.headerColor2,
.header.headerColor3 {
    background-color: #fff;
    border-bottom: 1px solid rgba(212, 212, 212, 0.30);
}
.headerColor .logo img:nth-child(1),
.headerColor2 .logo img:nth-child(1),
.headerColor3 .logo img:nth-child(1) {
    display: inline-block;
}
.headerColor .logo img:nth-child(2),
.headerColor2 .logo img:nth-child(2),
.headerColor3 .logo img:nth-child(2) {
    display: inline-block;
}
.headerColor .head-search i.search-open,
.headerColor2 .head-search i.search-open,
.headerColor3 .head-search i.search-open {
    background-image: url(../images/search_blue.svg);
}
.headerColor .head_languge img:nth-child(1),
.headerColor2 .head_languge img:nth-child(1),
.headerColor3 .head_languge img:nth-child(1) {
    display: none;
}
.headerColor .head_languge img:nth-child(2),
.headerColor2 .head_languge img:nth-child(2),
.headerColor3 .head_languge img:nth-child(2) {
    display: inline-block;
}
.headerColor .header_top .menubar .bar,
.headerColor2 .header_top .menubar .bar,
.headerColor3 .header_top .menubar .bar {
    background: var(--style-black-color);
}
.headerColor .menu>ul>li>a,
.headerColor2 .menu>ul>li>a,
.headerColor3 .menu>ul>li>a {
    color: var(--style-black-color);
}
.headerColor .menu>ul>li.active>a,
.headerColor2 .menu>ul>li.active>a,
.headerColor3 .menu>ul>li.active>a {
    color: var(--style-blue-color);
}
.headerColor .menu>ul>li.active>a:before,
.headerColor2 .menu>ul>li.active>a:before,
.headerColor3 .menu>ul>li.active>a:before {
    background-color: var(--style-blue-color);
    /*bottom: 1px;*/
}
.headerColor .menu>ul>li>a:hover,
.headerColor2 .menu>ul>li>a:hover,
.headerColor3 .menu>ul>li>a:hover {
    color: var(--style-blue-color);
}
.headerColor .menu>ul>li>a:hover:before,
.headerColor2 .menu>ul>li>a:hover:before,
.headerColor3 .menu>ul>li>a:hover:before {
    width: 100%;
    background-color: var(--style-blue-color);
}
@media (max-width:1024px) {
    .header {
        background-color: #fff;
    }
    .header .logo img:nth-child(1) {
        display: none;
    }
    .header .logo img:nth-child(2) {
        display: inline-block;
    }
}

.right_bottom_floating {
    position: fixed;
    right: 5px;
    bottom: 10px;
    z-index: 99;
}
.right_bottom_floating ul li {
    position: relative;
    overflow: hidden;
    margin-bottom: 1px;
}
.right_bottom_floating ul li a {
    display: flex; /* 改为flex布局，替代原block */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    padding: 16px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(22, 122, 226, 0.6);
    /* 保证a标签是块级，且尺寸可控 */
    width: 100%;
    box-sizing: border-box;
}

/* 新增：单独给a标签内的图片设置居中+自适应 */
.right_bottom_floating ul li a img {
    display: block; /* 去掉图片默认的inline间隙 */
    max-width: 100%; /* 图片不超出按钮宽度 */
    max-height: 100%; /* 图片不超出按钮高度 */
    margin: 0 auto; /* 兜底居中（兼容旧浏览器） */
}

.right_bottom_floating .top-button {
    /*width: 80px;*/
    /*height: 80px;*/
    display: none;
}
.right_bottom_floating .hide-tel-button {
    width: 80px;
    height: 80px;
}
.right_bottom_floating ul li .hide_tel {
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    padding: 24px 24px;
    background: linear-gradient(135deg, rgba(240, 207, 77, 0.67), rgba(255, 255, 255, 0.95));
    opacity: 0;
    justify-content: center;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: -1;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
    text-align: center;
}
.right_bottom_floating ul li .hide_tel:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border-width: 10px;
    border-left-color: white;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.right_bottom_floating ul li .hide_tel a {
    color: #167ae2;
    font-size: 16px;
    font-weight: bold;
    background-color: transparent;
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    /* 让a标签占满容器宽度，居中更稳定 */
    width: 100%;
}

.right_bottom_floating ul li .hide_tel span {
    color: #167ae2;
    font-size: 16px;
    font-weight: bold;
    background-color: transparent;
    border: none;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
}
.right_bottom_floating ul li:hover {
    overflow: visible;
}
.right_bottom_floating ul li:hover .hide_tel {
    opacity: 1;
    z-index: 8;
}

/* 二维码 图片按钮 大小 */
.right_bottom_floating .qrcode-button a img {
    width: 30px;
    height: 30px;
}
/* 二维码展开容器（默认隐藏） */
.right_bottom_floating .hide_qrcode {
    position: absolute;
    right: calc(100% + 10px); /* 显示在按钮左侧 */
    top: 50%;
    transform: translateY(-50%);
    width: 280px; /* 适配2个二维码的宽度 */
    padding: 20px;
    /* 1. 渐变色背景（可自定义颜色和方向） */
    background: linear-gradient(135deg, rgba(240, 207, 77, 0.67), rgba(255, 255, 255, 0.95));
    border-radius: 4px;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease; /* 平滑展开动画 */
    z-index: -1;
}
/* 二维码容器三角箭头（和电话弹窗样式统一） */
.right_bottom_floating .hide_qrcode::before {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    border: solid transparent;
    border-width: 10px;
    border-left-color: #ffffff; /* 箭头颜色和二维码容器一致 */
}
/* 二维码列表布局 */
.right_bottom_floating .qrcode_list {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.right_bottom_floating .qrcode_item {
    text-align: center;
}
.right_bottom_floating .qrcode_item img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    margin-bottom: 8px;
}
.right_bottom_floating .qrcode_item p {
    color: #333333;
    font-size: 14px;
    line-height: 1.2;
}
/* 鼠标悬浮展开二维码 */
.right_bottom_floating .qrcode-button:hover .hide_qrcode {
    opacity: 1;
    visibility: visible;
    z-index: 999; /* 确保显示在最上层 */
}


.page_footer {
    position: relative;
    width: 100%;
    background-color: var(--style-darkBlue-color);
    overflow: hidden;
    z-index: 1;
}
.page_page_footer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(279deg, #00559B 23.13%, #017FC3 129.16%);
    z-index: -1;
}
.foot_b_logo {
    position: absolute;
    max-width: 90%;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.page_footer_top {
    padding: 40px 0 35px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.page_footer_top .text {
    position: relative;
    display: inline-block;
    padding-left: 24px;
    margin-left: 24px;
    padding-top: 5px;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    /* 核心：仅文字渐变，背景完全透明 */
    background: linear-gradient(90deg, #ffffff, #f5dc67);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
}

/* 1. 悬浮上浮效果 */
.page_footer_top .text:hover {
    transform: translateY(-3px); /* 上浮3px，可调整数值 */
}

/* 2. 动态下划线（伪元素实现） */
.page_footer_top .text::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #ffffff, #f5dc67);
    transition: all 0.8s ease-in-out;
    transform: translateX(-50%); /* 居中对齐 */
    border-radius: 1px; /* 下划线圆角，和高度匹配 */
}
.page_footer_top .text:hover::after {
    width: 80%;
    left: 0; /* 展开后左对齐 */
    transform: translateX(25%);
}

.page_footer_middle {
    padding-top: 40px;
    padding-bottom: 55px;
}
.foot_child_menu {
    padding-right: 25px;
    max-height: 216px;
    overflow-y: auto;
}
.foot_child_menu::-webkit-scrollbar {
    width: 2px;
    height: 2px
}
.foot_child_menu::-webkit-scrollbar-button:vertical {
    display: none
}
.foot_child_menu::-webkit-scrollbar-corner,
.foot_child_menu::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.2);
}
.foot_child_menu::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.5);
}
.swiper-foot {
    height: 200px;
}
.swiper-foot .swiper-slide {
    height: 34px;
}
.swiper-container-vertical>.foot-scrollbar {
    width: 2px;
    background-color: rgba(255, 255, 255, 0.2);
}
.foot-scrollbar .swiper-scrollbar-drag {
    background-color: rgba(255, 255, 255, 1);
}
.foot_child_menu a {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.60);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    white-space: nowrap;
}
.foot_child_menu a:last-child {
    margin-bottom: 0;
}
.foot_child_menu a:hover {
    color: var(--style-white-color);
    font-weight: 600;
}
.page_footer .foot_parent_menu {
    padding-bottom: 8px;
    color: var(--style-white-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}
.page_footer .foot_parent_menu a {
    font-size: inherit;
    color: inherit;
    font-style: normal;
}
.page_footer_middle .page_footer_menu {
    flex: 1;
    max-width: 950px;
    display: flex;
    justify-content: space-between;
}
.page_footer_middle .page_footer_menu ul {
    display: flex;
    justify-content: space-between;
}
.page_footer_middle .page_footer_menu ul:nth-child(1) {
    flex: 1;
}
.page_footer_middle .page_footer_menu ul:nth-child(2) {
    width: 115px;
    display: block;
}
.page_footer_middle .page_footer_menu ul:nth-child(1) li {
    padding-right: 15px;
}
.page_footer_middle .page_footer_menu ul:nth-child(2) li {
    padding-right: 0;
}
.foot_contact_img {
    padding-left: 15px;
}
.foot_contact_img p {
    padding-top: 8px;
    color: var(--style-white-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}
.foot_contact_img .dis_flex>div {
    padding-left: 30px;
}
.foot_contact_img .dis_flex>div img {
    border-radius: 8px;
    max-width: 120px;
    width: 120px;
    max-height: 120px;
    height: 120px;
}
.foot_contact_img .dis_flex>div:first-child {
    padding-left: 0;
}
.page_footer_line {
    padding-top: 28px;
    padding-bottom: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.page_footer_down {
    display: flex;
    flex-direction: column; /* 垂直排列 */
    align-items: center; /* 水平居中 */
    justify-content: center; /* 垂直居中 */
    color: var(--style-white-color);
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    text-align: center; /* 文字居中 */
    gap: 8px; /* 两行之间的间距，可调整 */
}


/* 针对page_footer_line里的bei.svg设置尺寸 */
.page_footer_line .container .page_footer_down img {
    /* 核心：设置图片宽高，根据需求调整 */
    width: 20px;    /* 宽度，可改为18px/24px等 */
    height: 20px;   /* 高度，和宽度保持一致，避免图片变形 */
    /* 优化：让图片和文字垂直居中对齐 */
    vertical-align: middle;
    /* 可选：给图片和文字留一点间距，避免挤在一起 */
    margin-right: 5px;
    /* 确保图片按比例显示，不拉伸 */
    object-fit: contain;
}

.page_footer_down .fl {
    flex-wrap: wrap;
}
.page_footer_down a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
}
.page_footer_down a:hover {
    color: rgba(255, 255, 255, 1);
}
@media screen and (max-width:1366px) {
    .page_footer_down {
        display: block;
        overflow: hidden;
    }
}
@media screen and (max-width:1280px) {
    .foot_contact_img .dis_flex>div {
        padding-left: 15px;
    }
    .page_footer_down .fl {
        display: block;
    }
    .page_footer_down .fr {
        float: left;
    }
}
@media screen and (max-width:1200px) {
    .swiper-foot {
        height: 170px;
    }
    .page_footer_down,
    .page_footer_down a {
        font-size: 14px;
    }
}
@media screen and (max-width:991px) {
    .page_footer_down {
        display: block;
        line-height: 26px;
    }
    .page_footer_down div {
        line-height: 26px;
    }
}
@media screen and (min-width:767px) {

}
@media screen and (max-width:767px) {
    .pc_show {
        display: none !important;
    }
    .mo_shwo {
        display: block !important;
    }
    .right_bottom_floating {
        right: 1px;
    }
    .right_bottom_floating ul li a {
        padding: 10px;
    }
    .right_bottom_floating>ul>li>a>img {
        width: 20px;
    }
    .page_footer_top img {
        width: 120px;
    }
    .page_footer_top {
        padding: 20px 0 15px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .page_footer_top .text {
        padding-left: 0px;
        margin-left: 0px;
        text-align: center; /* 关键：水平居中 */
        width: 100%; /* 确保整行居中 */
    }

    .page_footer_middle {
        padding-bottom: 15px;
        padding-top: 20px;
    }
    .page_footer_middle .page_footer_menu {
        display: none;
    }
    .page_footer_middle .page_footer_menu ul {
        display: block;
    }
    .page_footer_middle .page_footer_menu ul li {
        width: 33.33%;
        float: left;
    }
    .page_footer_middle .page_footer_menu ul li:last-child {
        width: inherit;
    }

    .foot_child_menu {
        display: none !important;
    }
    .page_footer_line {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .page_footer_down, .page_footer_down a {
        font-size: 14px;
    }
    .page_footer_line .container .page_footer_down img {
        width: 16px;
        height: 16px;
        margin-right: 3px;
    }

    .foot_contact_img .dis_flex>div img {
        border-radius: 8px;
        max-width: 100px;
        width: 100px;
        max-height: 100px;
        height: 100px;
    }

    /* 1. 让包含图片的flex容器整体居中 */
    .foot_contact_img .dis_flex {
        display: flex;
        justify-content: center; /* 水平居中整个flex容器 */
        align-items: center;     /* 垂直居中子元素 */
        gap: 20px; /* 新增：两个二维码之间的间距（替代padding，更合理） */
        padding: 0;
        margin: 0 auto;
        width: 100%; /* 新增：占满父容器宽度，保证居中范围 */
    }
    /* 2. 调整移动端图片间距，避免挤在一起 */
    .foot_contact_img .dis_flex>div {
        padding-left: 15px; /* 原30px改为15px，适配小屏 */
        padding-right: 0;
    }
    /* 3. 可选：缩小移动端图片尺寸，更适配小屏 */
    .foot_contact_img .dis_flex>div img {
        border-radius: 8px;
        max-width: 90px;
        max-height: 90px;
        width: 90px;
        height: 90px;
    }
    /* 4. 清除foot_contact_img的左侧padding，避免整体偏右 */
    .foot_contact_img {
        display: flex;
        justify-content: center; /* 水平居中整个flex容器 */
        align-items: center;     /* 垂直居中子元素 */
        gap: 20px; /* 两个二维码之间的间距（替代padding，更合理） */
        padding: 0;
        margin: 0 auto;
        width: 100%;
    }

    .page_footer .big_t {
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
    }

}

/*last*/
.index_last {
    padding-top: 90px;
    background: #F1F8FD;
}

.service-content-container {
    padding-top: 90px;
}

.main-link-page {
    overflow: hidden;
}

.main-link-page li {
    position: relative;
    display: flex;
    float: left;
    width: 100%;
    height: 850px;
    background-size: cover;
    background-image: url(../images/index/service-center-bj-pc.jpg);
    z-index: 1;
    transition: all 0.8s cubic-bezier(0, 0, 0, 0.8);
}
.main-link-page li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.30);
    z-index: -1;
}
.main-link-page li a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 0px 0 90px;
    vertical-align: middle;
    background-size: 88px 88px;
    background-repeat: no-repeat;
    background-position: calc(100% - 90px) center;
}


.main-link-page service-content-wrap {
    width: 100%;
    padding: 60px 40px; /* 核心：上下60px，左右40px内边距，防止文字贴边/溢出 */
}
.main-link-page li a strong {
    display: block;
    color: var(--style-white-color);
    font-weight: 700;
    line-height: 1.2;
}

.main-link-page .service-title {
    font-size: 50px;
    display: block;
    color: var(--style-white-color);
    font-weight: 700;
    line-height: 1.2;
    padding: 0px 20px 20px 10px;
}

.main-link-page li a h2 {
    font-size: 26px;
    display: block;
    color: var(--style-white-color);
    font-weight: 600;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 20px; /* 核心：上下60px，左右40px内边距，防止文字贴边/溢出 */
    /* 过渡动画：悬浮时阴影变化更顺滑 */
    transition: all 0.3s ease;
}

/* 鼠标悬浮热线号码：增强阴影效果 */
.main-link-page li a h2:hover {
    transform: scale(1.1); /* 轻微放大，视觉更突出 */
}


.main-link-page li p {
    width: 100%;
    color: var(--style-white-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.8;
    /* 关键：强制换行，防止长文本溢出 */
    word-wrap: break-word;
    word-break: break-all;
    /* 过渡动画：悬浮时阴影变化更顺滑 */
    transition: all 0.3s ease;
    margin-left: 25px;
}

/* 鼠标悬浮热线号码：增强阴影效果 */
.main-link-page li p:hover {
    transform: scale(1.1); /* 轻微放大，视觉更突出 */
}

/* 服务中心内容容器：统一间距，适配动画 */
.index-server-center-content {
    width: 100%;
    padding-right: 90px; /* 与右侧箭头留间距 */
    box-sizing: border-box;
}
/* 服务热线+二维码 外层容器：渐进式动画+布局适配 */
.index-server-contact-wrap {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 40px; /* 热线和二维码间距 */
    opacity: 0;
    transform: translateY(30px);
    animation: index-server-contact-fadeUp 0.8s ease 0.3s forwards; /* 渐进式：延迟0.3s，向上淡入 */

    /* 核心：右对齐 */
    justify-content: center; /* flex布局右对齐 */
    width: 100%; /* 占满父容器宽度，对齐才生效 */
}

/* 渐进式入场动画核心 */
@keyframes index-server-contact-fadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* 服务热线样式：白色醒目，层级分明 */
.index-server-hotline {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--style-white-color);
}
.index-server-hotline .index-hotline-label {
    font-size: 26px;
    font-weight: 600;
}
.index-server-hotline .index-hotline-num {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    /* 核心：添加文字阴影，增强立体感（适配深色背景） */
    text-shadow: 0 2px 4px rgba(245, 248, 254, 0);
    /* 过渡动画：悬浮时阴影变化更顺滑 */
    transition: all 0.3s ease;
}

/* 鼠标悬浮热线号码：增强阴影效果 */
.index-server-hotline:hover .index-hotline-num {
    text-shadow: 0 3px 8px rgb(247, 247, 101);
    transform: scale(1.3); /* 轻微放大，视觉更突出 */
}

/* 双二维码容器：flex横向排列 */
.index-server-wechat {
    display: flex;
    gap: 20px;
    align-items: center;
}
/* 单个二维码样式：适配全端 */
.index-server-wechat .index-wechat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: var(--style-white-color);
    font-size: 16px;
}
/* 二维码图片：固定尺寸+自适应，防止变形 */
.index-server-wechat .index-wechat-item img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,0.8);
    border-radius: 8px;
    /* 图片放大过渡 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* 悬浮时图片放大1.6倍 + 阴影增强立体感 */
.index-wechat-item:hover img {
    transform: scale(1.6);
    box-shadow: 0 4px 16px rgb(238, 203, 82);
    border-color: #fff;
}


/* ########## 移动端适配（768px以下）########## */
@media screen and (max-width: 768px) {
    .index-server-hotline .index-hotline-label {
        font-size: 24px;
    }

    .index-server-center-content {
        padding-right: 30px;
        padding-left: 30px;
    }
    /* 移动端：热线+二维码 垂直排列，更友好 */
    .index-server-contact-wrap {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        margin-top: 30px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .index-server-wechat {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: center; /* 水平居中flex子元素（核心） */
        width: 100%; /* 占满父容器宽度，保证居中范围 */
        margin: 0 auto; /* 容器自身水平居中（兜底，适配非flex父容器） */
    }
    /* 移动端：热线字号缩小，适配屏幕 */
    .index-server-hotline .index-hotline-num {
        font-size: 24px;
    }
    /* 移动端：二维码尺寸缩小 */
    .index-server-wechat .index-wechat-item img {
        width: 110px;
        height: 110px;
    }
    /* 移动端：二维码文字缩小 */
    .index-server-wechat .index-wechat-item {
        font-size: 15px;
    }

}

@media screen and (min-width:768px) {
    .main-link-page li.active {
        width: 100%;
        transition: all 0.8s cubic-bezier(0, 0, 0, 0.8);
    }
    .main-link-page li.deactive {
        width: 100%;
        transition: all 0.8s cubic-bezier(0, 0, 0, 0.8);
    }
}


@media screen and (max-width:768px) {
    .service-content-container {
        margin-top: -70px;
        margin-bottom: 0px;
    }
    .main-link-page li {
        height: 850px;
        background-image: url(../images/index/service-center-bj-mo.jpg);
    }
    .main-link-page li a {
        padding: 0 0px 0 10px;
        background-size: 40px 40px;
        background-position: calc(100% - 20px) center;
    }

    .main-link-page .service-title {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.2;
        padding: 25px 25px;
    }

    .main-link-page li a h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
        padding: 0px 25px;
    }

    .main-link-page li p {
        width: 92%;
        font-size: 16px;
        white-space: normal;
        word-wrap: break-word; /* 强制换行 */
        word-break: break-word; /* 按语义换行，避免英文/数字截断 */
        overflow: visible; /* 禁止溢出隐藏 */
        text-overflow: clip; /* 取消省略号 */

        /* ========== 新增：外边框核心样式 ========== */
        /* 1. 基础边框（可按需调整颜色/粗细/圆角） */
        border: 1px solid rgba(255, 255, 255, 0.3); /* 半透明白色边框，适配白色文字+深色背景 */
        border-radius: 8px; /* 圆角，避免直角生硬 */
        /* 2. 调整内边距：给边框留空间，文字不贴边 */
        padding: 10px 20px 10px 20px;
        /* 3. 外边距：避免边框与其他元素重叠 */
        margin: 10px 10px; /* 上下10px间距，左右auto居中（配合width:100%+max-width） */
        /* 4. 背景（可选）：轻微半透明背景，突出边框 */
        background: rgba(0, 0, 0, 0.1);
        /* 5. 盒模型：保证padding/border不影响宽度计算 */
        box-sizing: border-box;
    }

}





/*index new*/
.in_new_bg {
    position: relative;
    background: #f5f8fe;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
}

/*向下滚动图标*/
.in_new_bg .down_icon {
    bottom: 20px;
}

.index_title .big_t_news {
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 60px;
}
.index_title .big_t_product {
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    padding-top: 80px;
}

.index_title .new_more {
    position: relative;
    display: flex;
    align-items: center;
    color: #167ae2;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    padding-top: 80px;
}

.index_title .new_more:hover {
    color: var(--style-blue-color);
    font-size: 20px;
    font-weight: 700;
}

@media screen and (max-width:767px) {
    .index_title .big_t_news {
       margin-top: -25px;
       margin-bottom: 10px;
    }
    .index_title .big_t_product {
       margin-top: -100px;
       margin-bottom: 10px;
    }
}

/* 产品图片容器（核心样式） */
.pro-img-container {
    width: 100%;
    margin-top: 10px; /* 与标题保持间距，可调整 */
    display: flex;
    justify-content: center; /* 图片水平居中 */
    align-items: center;
    flex-wrap: wrap; /* 移动端自动换行 */
}

/* 单张主图样式 */
.pro-main-img {
    width: 100%;          /* 宽度铺满父容器 */
    height: auto;         /* 高度根据宽高比自动计算（关键） */
    max-width: 1440px; /* 限制最大宽度，避免大屏拉伸 */
    border-radius: 8px; /* 圆角，和整体风格统一 */
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); /* 轻微阴影，提升质感 */
    object-fit: cover; /* 保证图片不拉伸，裁剪多余部分 */
    object-position: center;
}

/* 多张副图样式（可选） */
.pro-sub-img {
    width: 100%;
    height: 100%;
    max-width: 1000px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    object-fit: cover;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .pro-img-container {
        margin-top: 20px;
        gap: 15px;
    }
    .pro-main-img {
        max-width: 100%; /* 移动端全屏显示 */
    }
    .pro-sub-img {
        width: calc(50% - 10px); /* 移动端2列布局 */
        height: 200px; /* 降低高度 */
    }

    .index_title .new_more {
        margin-top: -110px;
    }
}

.new_list {
    padding-top: 20px;
}
.new_list ul {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin-left: -13px;
    margin-right: -13px;
}
.new_list ul li {
    float: left;
    width: 32.5%;
    height: 610px;
    padding: 0px 0px;
    margin-top: 15px;
    background-color: rgba(0, 0, 0, 0.02);
    border: 2px solid #e5e7eb; /* 浅灰色边框，适配大多数设计风格 */
    border-radius: 8px; /* 圆角，和图片的8px圆角呼应，视觉更协调 */
    margin: 0 3px 3px 3px; /* 增加左右/底部间距，避免边框重叠 */
    box-sizing: border-box; /* 关键：边框计入宽高，避免25%宽度+边框导致换行 */
    overflow: hidden; /* 防止内容溢出边框 */
    transition: border-color 0.3s ease; /* 边框颜色过渡，增强交互 */
}

.new_list .new_one {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.new_list .thumb {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.new_list .thumb i {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;
    z-index: 2;
}

/* 新增：让img占满i标签容器，避免重复 */
.new_list .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例，不拉伸 */
    display: block; /* 去掉img默认的行高间隙 */
}

.new_list .title_mask {
    padding: 32px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    z-index: 3;
}
.new_one .thumb {
    width: 100%;
    height: 100%;
}
.new_list .new_one .time {
    padding-left: 24px;
    color: var(--style-white-color);
    background-image: url(../images/time_white.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: left;
    font-size: 16px;
    font-family: 'D-DINExp';
    font-weight: 400;
    line-height: 24px;
    opacity: 0.5;
}
.new_list .new_one .title {
    margin-top: 10px;
    color: var(--style-white-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    max-height: 60px;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.new_list a:hover .thumb i {
    transform: scale(1.1);
}
.new_list .new_two {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
/*图片的高度*/
.new_two .thumb {
    width: 100%;
    height: 65%;
}
.new_list .new_two .new_text {
    padding-top: 12px;
    padding-right: 15px;
    padding-left: 15px;
}
.new_list .new_text .time {
    padding-left: 24px;
    color: var(--style-blue-color);
    font-size: 18px;
    font-family: 'D-DINExp';
    font-weight: 500;
    line-height: 24px;
    background-image: url(../images/time_blue.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: left center;
}
.new_list .new_text .title {
    margin-top: 16px;
    color: var(--style-blue-color);
    font-size: 20px;
    font-weight: 400;
    height: 60px;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.new_list .new_text .des {
    margin-top: 10px;
    color: #0e0003;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    height: 58px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new_list .new_text .more-detail {
    /* 1. 居中对齐 */
    position: absolute;
    right: 0;
    left: 0;
    top: auto; /* 若需固定在文字区域右下角，可改为 top: calc(100% - 36px); */
    /* 2. 按钮基础样式 */
    display: inline-block;
    padding: 6px 5px; /* 内边距，形成按钮大小 */
    margin-top: 18px;
    margin-right: 120px;
    margin-left: 120px;
    background-color: #f5f7fe; /* 浅蓝底，适配品牌风格 */
    color: #0562AF; /* 品牌蓝色文字 */
    border-radius: 8px; /* 圆角，按钮更精致 */
    font-size: 15px; /* 按钮字号略小，更协调 */
    font-weight: 500;
    text-align: center;
    cursor: pointer; /* 鼠标手型，提示可点击 */
    transition: all 0.3s ease; /* 悬浮过渡 */
    /* 清除默认样式 */
    text-decoration: none;
    border: 1px solid #0562AF; /* 边框，强化按钮感 */

}

.new_list .more {
    margin-top: 40px;
    width: fit-content; /* 宽度适配内容，避免占满父容器 */
    margin-left: auto;   /* 左右auto实现水平居中 */
    margin-right: auto;
}
.new_list .more span {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 6px;
    justify-content: center;
    align-items: center;
    transition: background .4s;
}
.new_list .more span i {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../images/index/new_more.svg);
    background-repeat: no-repeat;
}

.new_list .new_three {
    display: block;
    position: relative;
    width: 100%;
}
.new_list li:last-child .new_three:nth-child(1) {
    height: calc(50% - 10px);
}
.new_list li:last-child .new_three:nth-child(2) {
    padding-top: 16px;
    height: calc(50% + 10px);
}

.new_list .line:hover .title {
    color: var(--style-blue-color);
    font-weight: 600;
}
.new_list .line:hover:after {
    opacity: 0;
}
.new_list .line:hover:before {
    width: 100%;
}
@media screen and (min-width:1025px) {
    .in_new_bg .index_title {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(4vw);
        transform: translateY(4vw);
    }
    .new_list ul li {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(4vw);
        transform: translateY(4vw);
    }
    /*切屏加载*/
    .index_page_current .index_title {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
    }
    .index_page_current .new_list ul li {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
    }
    .index_page_current .new_list ul li:first-child {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }
    .index_page_current .new_list ul li:nth-child(2) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
    }
    .index_page_current .new_list ul li:nth-child(3) {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
}
@media screen and (max-width:1366px) {
    .new_list {
        padding-top: 30px;
    }
    .new_list ul li {
        height: 430px;
    }
    .new_list .more {
        margin-top: 22px;
    }
    .new_list .new_text .des {
        margin-top: 10px;
    }
    .new_list .new_text .title {
        font-size: 18px;
        line-height: 26px;
        height: 52px;
    }
    .in_new_bg .down_icon {
        bottom: 34px;
    }
}
@media screen and (max-width:1280px) {
    .new_list .title_mask {
        padding: 32px 20px;
    }
}
@media screen and (max-width:1024px) {
    .in_new_bg {
        padding: 60px 30px;
    }
}
@media screen and (max-height:700px) {
    .new_list ul li {
        height: 410px;
    }
    .new_list .new_text .des {
        margin-top: 10px;
    }
    .new_list .more {
        margin-top: 13px;
    }
    .in_new_bg .down_icon {
        bottom: 34px;
    }
}
@media screen and (max-height:690px) {
    .in_new_bg .container {
        padding-top: 40px;
    }
    .in_new_bg .down_icon {
        bottom: 15px;
    }
}
@media screen and (min-width:767px) {
    .new_list .line:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: var(--style-blue-color);
        transition: width .8s;
    }
}
@media screen and (max-width:767px) {
    .in_new_bg {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .in_new_bg .container {
        padding-top: 0px;
    }
    .in_new_bg:before {
        display: none;
    }
    .index_title .new_more .new_cicle {
        margin-left: 12px;
        width: 40px;
        height: 30px;
    }

    .new_list .new_text .more-detail {
        background-color: #0562AF;
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 2px 8px rgba(5, 98, 175, 0.2);
    }

    .new_list {
        padding-top: 20px;
    }
    .new_list ul {
        display: block;
    }
    .new_list li:first-child {
        width: 100%;
    }
    .new_list ul li {
        height: auto;
        width: 100%;
        padding-bottom: 20px;
    }
    .new_two .thumb {
        height: 200px;
    }
    .new_list .new_one .title {
        font-size: 18px;
        line-height: 26px;
        max-height: 52px;
    }
    .new_list .title_mask {
        padding: 20px 15px;
    }
    .new_list .new_two .new_text {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .new_list li:last-child .new_three {
        height: inherit;
        padding-bottom: 20px;
    }
    .new_list .new_text .des {
        font-size: 16px;
    }
}
/*banner*/
.banner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index_banner {
    width: 100%;
    height: 100%;
}
.index_banner .index_banner_swp {
    width: 100%;
    height: 100%;
}
.index_banner .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}
.index_banner .img_pc {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*transform: translateZ(0) scale(1);*/
    transition: all 2.5s ease-in-out;
}
/*.index_banner .swiper-slide-active .img_pc {
transform: translateZ(0) scale(1.1);
}*/
.index_banner .img_pc video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.index_banner .img_m {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.index_banner_text {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

@media (min-width:768px) {
    .index_banner_text_pc {
        padding-bottom: 260px;
    }
}


.index_banner .index_banner_text .t1 {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
    transition: all 1.2s .4s;
}
.index_banner .index_banner_text .t2 {
    font-size: 50px;
    font-weight: 800;
    line-height: 1.5;
    color: #fff;
    margin-top: 16px;
    overflow: hidden;
    transition: all 1.2s .6s;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.index_banner .index_banner_text .t3 {
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 16px;
    overflow: hidden;
    transition: all 1.2s .8s;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.index_banner .index_banner_text .more_n {
    overflow: hidden;
    transition: all 1.2s 1s;
}
.index_banner_text .more_n {
    overflow: hidden;
    margin-top: 116px;
}
.more_n a {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 158px;
    height: 55px;
    background-image: url(../images/more_n_bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
    z-index: 1;
}
.more_n a:before {
    content: "";
    position: absolute;
    background-image: url(../images/more_hover_bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 0;
    height: 102%;
    left: 50%;
    top: -1px;
    transform: translateX(-50%);
    transition: width .6s;
    z-index: -1;
}
.more_n a .icon {
    margin-left: 23px;
    line-height: 10px;
}
.index_banner_text i {
    font-style: normal;
    line-height: inherit;
    display: block;
}
.index_banner_text i {
    transform: translateY(200%);
    transition: all 1.6s cubic-bezier(.33, 1, .68, 1);
}
.index_banner_text .more_n a {
    transform: translateY(200%);
    transition: all 1.6s cubic-bezier(.33, 1, .68, 1);
}
.more_n a:hover {
    color: var(--style-darkBlue-color);
}
.more_n a:hover:before {
    width: 100%;
}
.more_n a:hover .icon svg path {
    stroke: var(--style-darkBlue-color);
}
.index_banner .swiper-slide.swiper-slide-active i,
.index_banner .swiper-slide.swiper-slide-active .more_n a {
    transform: translateY(0);
}
.index_banner_bottom {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}
.white_r_line {
    position: absolute;
    right: 184px;
    bottom: 0;
    width: 1px;
    height: calc(100% - 90px);
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 3;
}
.index_banner_bottom .white_b_line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
}
.index_banner_progress {
    display: inline-block;
    float: right;
}
.index_banner_progress .list_progress {
    display: flex;
}
.index_banner_progress .list_progress .i {
    margin-left: 20px;
    display: flex;
    align-items: center;
}
.index_banner_progress .list_progress span {
    color: var(--style-white-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.5;
    cursor: pointer;
}
.index_banner_progress .list_progress span:hover {
    opacity: 1;
}
.index_banner_progress .i.active span {
    opacity: 1;
}
.index_banner_progress .progress {
    position: relative;
    margin-left: 10px;
    width: 141px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.5);
}
.index_banner_progress .progress .d {
    position: absolute;
    left: 0;
    height: 100%;
    background-color: #ffffff;
}
.index_banner_progress .progress {
    display: none;
}
.index_banner_progress .i.active .progress {
    display: block;
}
.down_click {
    cursor: pointer;
    z-index: 5;
}
.icon-scroll {
    float: left;
    position: relative;
    width: 58px;
    height: 58px;
}
.icon-scroll span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../images/cicle.svg);
    background-repeat: no-repeat;
    background-position: center;
    animation: spin 10s linear infinite;
}
.icon-scroll i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: wave 1s ease-in-out alternate infinite;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes wave {
    from {
        transform: translate(-50%, -60%);
    }
    to {
        transform: translate(-50%, -20%);
    }
}
.index_banner_bottom .play {
    position: relative;
    float: right;
    height: 26px;
    width: 20px;
    margin-left: 15px;
    margin-top: 5px;
}
.index_banner_bottom i {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
}
.index_banner_bottom .suspend {
    display: none;
}
@media screen and (max-width:1800px) {
    .index_banner_bottom .container {
        padding-right: 50px;
    }
}
@media screen and (max-width:1680px) {
    .index_banner_bottom .container {
        padding-right: 150px;
    }
}
@media screen and (max-width:1580px) {
    .index_banner_bottom .container {
        padding-right: 200px;
    }
}
@media screen and (max-width:1366px) {
    .index_banner_bottom .container {
        padding-right: 15%;
    }
    .index_banner_text .more_n {
        margin-top: 66px;
    }
}
@media screen and (max-width:1200px) {
    .white_r_line {
        display: none !important;
    }
    .index_banner_bottom .container {
        padding-right: 8%;
    }
}
@media screen and (max-width:991px) {
    .index_banner .index_banner_text .t3 {
        font-size: 20px;
    }
    .index_banner_bottom .container {
        padding-right: 20px;
    }
    .index_banner_progress .progress {
        width: 120px;
    }
}
@media screen and (max-width:767px) {
    .index_banner_text {
        text-align: left;
    }
    .index_banner .index_banner_text .t2 {
        font-size: 30px;
        font-weight: 700;
        linee-height: 1.8;
    }
    .index_banner .index_banner_text .t3 {
        font-size: 18px;
    }
    .index_banner_text .more_n {
        padding-top: 50px;
    }
    .index_banner_text .more_n a {
        /*margin: 0 auto;*/
    }
    .index_banner_progress .progress {
        margin-left: 6px;
        width: 80px;
    }
    .index_banner_progress .list_progress .i {
        margin-left: 16px;
    }
    .index_banner_progress .list_progress .i:first-child {
        margin-left: 0;
    }
    .white_b_line {
        display: none !important;
    }
    .icon-scroll {
        display: none !important;
    }
    .index_banner_bottom .dis_flex {
        justify-content: flex-start;
    }
}
/*index about*/
.in_about {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.about_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.about_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
.about_video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.about_video img {
    display: none;
}
.in_about .about_mask {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 100%);
    z-index: 1;
}
.in_about .about_mask .container {
    height: 100%;
}
.about_top {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.about_top .about_k {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.about_top .fl {
    max-width: 750px;
    flex: 1;
}
.about_title .about_small_title {
    color: var(--style-white-color);
    font-size: 26px;
    font-weight: 600;
    line-height: 1.5;
    padding-top: 100px;
}

.about_title .about_big_title {
    color: var(--style-white-color);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 16px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.71);
}

.about_top .about_desc {
    margin-top: 40px;
}
.about_desc p {
    color: var(--style-white-color);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.8;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}
.about_top .a_more {
    padding-top: 55px;
    display: flex;
    justify-content: center;
    width: 100%
}
.about_top .a_more .more_n {
    margin-right: 20px;
}

.about_top .a_more .company_video_show {
    /* div作为按钮外框的核心样式 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* 图标和文字间距 */
    gap: 8px;
    /* 按钮的长宽 */
    padding: 20px 30px;
    /*background-color: rgba(0, 0, 0, 0.2); !* 主色调 *!*/
    /* 圆角 */
    border-radius: 8px;
    /* 鼠标手型 */
    cursor: pointer;
    /* 悬浮过渡 */
    transition: background-color 0.3s ease;
    box-sizing: border-box;
    /* 可选：外间距，避免贴边 */
    margin: 1rem 1rem;
    transition: all .4s ease;
}

.about_top .a_more .company_video_show:hover {
    background: rgba(0, 0, 0, 0.33);
}

.about_top .a_more .company_video_show .about-video-button-title {
    color: white;
    font-size: 24px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(14, 0, 3, 0.67), 0 0 4px rgba(0, 0, 0, 0.51);
}

.about_top .a_more .company_video_show:hover .about-video-button-title {
    font-size: 28px;
    font-weight: 700;
}


.about_info {
    float: right;
    display: flex;
    flex-direction: column;
    align-items: center
}

.about_mid {
    padding-top: 50%;
    padding-left: 30px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.about_mid_30 {
    padding-top: 30%;
    padding-left: 50px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    box-sizing: border-box;
}
.about_mid_50 {
    padding-top: 50%;
    padding-left: 30px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.about_mid .about_num {
    position: relative;
    max-width: 600px;
}
.about_mid .about_num .w_line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: var(--style-white-color);
}
.about_num .num_small {
    color: var(--style-white-color);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.8;
    /* 添加柔和阴影，提升立体感与可读性 */
    text-shadow: 0 1px 2px rgba(14, 0, 3, 0.67), 0 0 4px rgba(0, 0, 0, 0.51);
}
.about_num ul {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    /* 核心重置：清除ul默认样式，避免布局错位 */
    margin: 0;
    padding: 0;
    list-style: none;
    /* 关键：强制ul宽度100%，保证子元素50%计算准确 */
    width: 100%;
    /* 禁用换行后压缩：确保每行严格2个，超出则换行 */
    flex-wrap: wrap;
}
.about_num .li {
    /* 核心：精确计算宽度 = 50% - 左右margin总和，避免换行 */
    width: calc(50% - 10px);
    display: flex;
    /* 移除多余的padding-bottom，统一用margin控制纵向间距 */
    padding-bottom: 0;
    /* 1. 边框核心样式 */
    border: 1.5px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    /* 2. 内边距：仅上下留边，左右靠margin均分 */
    padding: 15px 5px;
    /* 3. 外边距：左右5px，上下5px，保证间距均匀 */
    margin: 0 5px 10px;
    /* 4. 盒模型：必选，保证width包含padding/border */
    box-sizing: border-box;
    /* 5. 背景：轻微半透明，突出边框 */
    background: rgba(0, 0, 0, 0.1);
    /* 6. 过渡：hover时边框变色更平滑 */
    transition: border-color 0.4s ease, background 0.4s ease;
    /* 新增：垂直居中内容 */
    align-items: center;
    justify-content: center;
}
/* 可选：hover时边框高亮 */
.about_num .li:hover {
    border-color: rgba(0, 0, 0, 0.57); /* 边框变实 */
    background: rgba(0, 0, 0, 0.2); /* 背景加深 */
}
/* 调整li内部容器居中，适配边框 */
.about_num .li > div {
    width: 100%;
    text-align: center; /* 文字居中，视觉更整齐 */
}
.about_num .num_ber span {
    color: var(--style-white-color);
    font-family: D-DINExp;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    /* 添加柔和阴影，提升立体感与可读性 */
    text-shadow: 0 1px 2px rgba(14, 0, 3, 0.67), 0 0 4px rgba(0, 0, 0, 0.51);
}
.about_num .num_ber em {
    color: var(--style-white-color);
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.about_num .num_ber strong {
    color: var(--style-white-color);
    font-family: DIN;
    font-size: 58px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
}
.about_link {
    width: 100%;
    padding-top: 10%;
    max-width: 675px;
}
.about_link ul {
    margin-left: -6px;
    margin-right: -6px;
    /* 新增：清除浮动影响，避免高度塌陷 */
    overflow: hidden;
}
.about_link ul li {
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 12px;
    width: 33.33%;
    float: left;
    /* 新增：防止li内元素溢出 */
    box-sizing: border-box;
}
.about_link ul li:last-child {
    padding-right: 0;
}
.about_link .border {
    display: inline-block;
    padding: 24px;
    /* width: 214px; */
    width: 100%;
    border-radius: 8px 8px 8px 8px;
    /*border: 1px solid rgba(14, 0, 3, 0.43);*/
    /*background: rgba(0, 0, 0, 0.11);*/
    transition: all .4s ease;
    /* 新增：让border占满li宽度 */
    box-sizing: border-box;
}

.about_link .icon {
    /* 先给父容器设置居中的基础样式，确保有可居中的空间 */
    display: flex;          /* 弹性布局，最通用的居中方式 */
    justify-content: center;/* 水平居中 */
    align-items: center;    /* 垂直居中 */
    /* 如果父容器没有固定高度，可按需设置，比如 */
    /* height: 40px; */
}

.about_link .icon img {
    width: 38px;
    /* 可选：清除图片默认的行内元素间隙 */
    display: block;
    /* 可选：如果需要图片本身在自身空间内居中（比如有padding时） */
    margin: 0 auto;
}
.about_link .title {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    color: var(--style-white-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}
.about_link .second-title {
    margin-top: 16px;
    display: flex;
    width: 100%;          /* 让容器占满父元素宽度 */
    justify-content: center; /* 此时居中效果会更突出 */
    color: var(--style-white-color);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    /* 添加柔和阴影，提升立体感与可读性 */
    text-shadow: 0 1px 2px rgba(14, 0, 3, 0.67), 0 0 4px rgba(0, 0, 0, 0.51);
    /* 添加过渡动画，让放大效果平滑 */
    transition: font-size 0.3s ease, transform 0.2s ease;
    /* 防止文字放大后偏移 */
    transform-origin: center;
}

/*.about_link .second-title:hover {*/
/*    color: var(--style-blue-color);*/
/*    !* 配合transform缩放，放大更自然（二选一即可） *!*/
/*     transform: scale(1.2);*/
/*    !* 可选：加深文字阴影，强化悬浮效果 *!*/
/*    text-shadow: 0 2px 4px rgba(14, 0, 3, 0.36), 0 0 6px rgb(245, 247, 254);*/
/*}*/

.about_link .m_icon {
    position: relative;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    opacity: 0.5;
    overflow: hidden;
    /* 新增：设置过渡，让缩放和透明度变化更平滑 */
    transition: opacity 0.4s, transform 0.4s;
    /* 保证缩放时不影响布局 */
    display: inline-block;
}
.about_link .m_icon i img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    transition: transform 0.5s; /* 新增transform过渡 */
    /* 防止图片变形 */
    object-fit: contain;
}

.about_link .border:hover {
    /*border: 1px solid var(--style-white-color);*/
    background: rgba(0, 0, 0, 0.33);
    backdrop-filter: blur(3px);
}

.about_link .border:hover .second-title{
    opacity: 1;
    /* 悬浮时放大图标容器，数值可调整，1.2表示放大到120% */
    transform: scale(1.1);
    /* 防止放大后超出父容器，可根据需要调整 */
    transform-origin: center center;
}

.about_link .border:hover .m_icon {
    opacity: 1;
    /* 新增：悬浮时放大图标容器，数值可调整，1.2表示放大到120% */
    transform: scale(1.1);
    /* 可选：防止放大后超出父容器，可根据需要调整 */
     transform-origin: center center;
}

.about_mask .down_icon {
    bottom: 48px;
}
.down_icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.down_icon span i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    transform: translate(-50%, -50%);
    animation: wave 1s ease-in-out alternate infinite;
}
@media screen and (max-width:1366px) {
    .about_num .num_ber span {
        font-size: 54px;
    }
}
@media screen and (max-width:1280px) {
    .about_link {
        padding-top: 10%;
    }
    .about_mid .about_num {
        width: 360px;
    }
    .about_num .num_ber span,
    .about_num .num_ber strong {
        font-size: 50px;
    }
    .about_link .border {
        padding: 15px;
        width: 100%;
    }
    .about_link .icon img {
        width: 30px;
    }
}
@media screen and (max-width:1200px) {
    .about_link .border {
        padding: 20px 15px;
    }
    .about_link .icon img {
        width: 26px;
    }
    .about_mid .about_num {
        width: 340px;
    }
    .about_num .num_ber span,
    .about_num .num_ber strong {
        font-size: 48px;
    }
}
@media screen and (max-width:1024px) {
    .down_icon {
        display: none !important;
    }
    .in_about .about_mask {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media screen and (max-width:991px) {
    .about_top .fl {
        max-width: 690px;
        width: calc(100% - 260px);
    }
    .about_num .num_ber span,
    .about_num .num_ber strong {
        font-size: 50px;
    }
    .about_link .border {
        width: 100%;
    }
    .about_num .num_ber span,
    .about_num .num_ber strong {
        font-size: 48px;
    }
}
@media screen and (max-width:768px) {
    .about_top .fl {
        max-width: 550px;
        width: 100%;
    }
    .in_about .about_mask .container {
        height: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
    .in_about .about_mask {
        padding-top: 40px;
        padding-bottom: 56px;
    }
    .about_top .about_k {
        display: block;
    }
    .about_top .about_k .about_small_title {
        display: none;
    }
    .about_video video {
        display: none !important;
    }
    .about_video img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }
    .about_mid {
        justify-content: center;
        padding-top: 35px;
        padding-left: 0;
        width: 100%;
    }
    .about_mid .about_num {
        width: 100%;
        /* 新增：让about_num整体居中 */
        display: flex;
        justify-content: center;
    }
    /* 新增：让about_num里的ul居中，控制宽度避免过散 */
    .about_mid .about_num ul {
        display: flex;
        flex-wrap: wrap; /* 保证小屏下数据项自动换行 */
        justify-content: center; /* 水平居中 */
        padding: 0; /* 清除默认内边距 */
        margin: 0; /* 清除默认外边距 */
        max-width: 400px; /* 限制宽度，居中更美观 */
    }
    .about_num .num_ber span,
    .about_num .num_ber strong {
        font-size: 28px;
    }
    .about_num .num_small {
        font-size: 18px;
        font-weight: 600;
        line-height: 15px;
    }
    .about_num  .num_ber .index_about_item_number {
        font-size: 16px;
        font-weight: 600;
        line-height: 15px;
    }

    /* ========== 核心修改部分 ========== */
    /* 1. 取消隐藏about_link */
    .about_link {
        display: block !important;
        /* 移动端调整内边距，适配屏幕 */
        padding-top: 15px;
        max-width: 100%;
    }
    /* 2. 重构ul布局，用flex实现一行显示 */
    .about_link ul {
        margin-left: 0;
        margin-right: 0;
        padding: 0 6px;
        /* 用flex替代浮动，更适配移动端 */
        display: flex;
        /* 允许换行（备用） */
        flex-wrap: nowrap;
        /* 均匀分布 */
        justify-content: space-between;
        /* 清除默认样式 */
        list-style: none;
    }
    /* 3. 设置li宽度为1/3，一行显示3个 */
    .about_link ul li {
        /* 精确的1/3宽度，减去间距 */
        width: calc(33.33% - 8px);
        /* 取消浮动 */
        float: none;
        /* 统一内边距 */
        padding: 0 4px 12px;
        /* 防止溢出 */
        box-sizing: border-box;
    }
    /* 4. 调整移动端border内边距，适配小屏幕 */
    .about_link .border {
        padding: 16px 2px;
        /* 确保占满li */
        width: 100%;
    }
    /* 5. 调整移动端文字大小，避免溢出 */
    .about_link .second-title {
        font-size: 16px;
    }
    /* 6. 调整移动端图标大小 */
    .about_link .icon img {
        width: 28px;
    }
    .about_num .li {
        /* 移动端缩小间距，仍保持每行2个 */
        padding-bottom: 20px;
        justify-content: center;
        width: calc(50% - 16px); /* 精确计算宽度，减去外边距，避免换行 */
        padding: 10px 8px; /* 减少内边距，适配小屏 */
        margin: 0 4px 8px; /* 减少外边距，紧凑布局 */
        border-radius: 6px; /* 缩小圆角，更适配移动端 */
    }
    .about_k .fr {
        width: 100%;
        float: inherit;
    }
    .about_desc p {
        font-size: 15px;
    }
    .about_top .a_more {
        padding-top: 10px;
        /* 新增：视频按钮容器整体居中 */
        justify-content: center;
        width: 100%;
    }

    /* 新增：视频播放按钮本身居中 */
    .company_video_show {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .about_top .a_more .company_video_show {
        /* 按钮的长宽 */
        padding: 10px 20px;
    }

    .about_top .a_more .company_video_show .about-video-button-title {
        font-size: 20px;
    }
    .about_top .a_more .company_video_show:hover .about-video-button-title {
        font-size: 22px;
        font-weight: 600;
    }

    .about_top .a_more .company_video_show .index_bf span {
        color: white;
        font-size: 18px;
        font-weight: 600;
        text-shadow: 0 1px 2px rgba(14, 0, 3, 0.67), 0 0 4px rgba(0, 0, 0, 0.51);
    }

    .about_top .a_more .company_video_show:hover .index_bf span {
        font-size: 20px;
    }
}

.about-video-icon {
    width: 10px;
    height: 10px;
    vertical-align: middle;
}

.about-video-button-title {
    color: white;
    font-size: 20px;
    font-weight: 600;
}

.aboutVideoModal, .productIntroVideoModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 999;
    justify-content: center;
    align-items: center;
}

.index-video-modal-content {
    width: 80%;
    max-width: 1000px;
    position: relative;"
}

.closeIndexVideoModal {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

.closeIndexVideoModal:hover {
    color: #eb2f2f;
    font-size: 20px;
    font-weight: 600;
}

/*product */
.in_product {
    position: relative;
    height: 100%;
    background-color: #fff;
    padding-top: 90px;
    z-index: 1;
}
.in_product:after {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 38%;
    bottom: 0;
    background: #F1F8FD;
    z-index: -1;
}
.in_product .pro_bg_r {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1;
}
.pro_content {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 30px;
}
.in_product .in_p_pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}
.in_product .in_p_cont {
    float: right;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.in_product .in_p_cont:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/pro_bg_r.svg);
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    width: 365px;
    height: 317px;
    z-index: -1;
}
.in_p_cont .container {
    height: 100%;
}
.in_p_cont .p_r_cont {
    position: relative;
    width: 50%;
    height: 100%;
    padding-left: 84px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.in_p_cont .p_r_cont:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 365px;
    height: 317px;
    max-width: 50%;
    background-image: url(../images/pro_bg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
}
.in_p_cont .in_title {
    padding-top: 96px;
}
.in_product .in_p_pic .pro_loop_pic {
    width: 100%;
    height: 100%;
}
.in_product .in_p_pic .pro_loop_pic .thumb {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 30px;
    color: red;
    display: flex;
    align-items: center;
    justify-content: center;
}
.in_product .in_p_pic .pro_loop_pic .thumb:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.20);
}
.in_product .in_p_pic .pro_loop_pic .thumb img {
    display: none;
}
.pro-swiper01 {
    width: 100%;
}
.pro-swiper01 .swiper-slide {
    width: 120px;
}
.infor_button {
    margin-top: 46px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 9;
}
.infor_button .in_l {
    flex: 1;
    display: flex;
    align-items: center;
}
.infor_button .in_l .swiper-num {
    display: flex;
    align-items: center;
}
.infor_button .in_l .swiper-num span {
    font-family: DIN;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #BBCBD7;
}
.infor_button .in_l .swiper-num .total {
    padding-left: 4px;
}
.infor_button .in_l .swiper-num .active {
    color: var(--style-darkBlue-color);
    padding-right: 4px;
}
.infor-pagination {
    margin-left: 27px;
    position: relative;
    width: calc(100% - 84px);
    height: 2px;
    background: #D2E0EA;
}
.infor-pagination .swiper-pagination-progressbar-fill {
    background: var(--style-darkBlue-color);
}
.infor_button .in_r {
    display: flex;
    align-items: center;
    width: 116px;
}
.infor_button .in_r>div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    width: 50px;
    height: 50px;
    border: 1px solid #ffffff;
    background-color: var(--style-white-color);
    border-radius: 50%;
    transition: background-color 0.3s ease;
    cursor: pointer;
}
.infor_button .in_r>div i {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
}
.infor-prev i:before,
.infor-prev i:after,
.infor-next i:before,
.infor-next i:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.4s ease;
}
.infor-prev i:before {
    left: 0;
    top: 0;
    background-image: url(../images/index_p_l.svg);
}
.infor-prev i:after {
    left: 0;
    top: 0;
    transform: translateX(-100%);
    background-image: url(../images/index_p_lh.svg);
}
.infor-next i:before {
    left: 0;
    top: 0;
    background-image: url(../images/index_p_r.svg);
}
.infor-next i:after {
    left: 0;
    top: 0;
    transform: translateX(-100%);
    background-image: url(../images/index_p_rh.svg);
}
.infor_button .in_r>div:hover {
    background-color: var(--style-black-color);
    border-color: var(--style-black-color);
}
.infor_button .in_r>div.infor-prev:hover i:before {
    transform: translateX(100%);
}
.infor_button .in_r>div.infor-prev:hover i:after {
    transform: translateX(0);
}
.infor_button .in_r>div.infor-next:hover i:before {
    transform: translateX(-100%);
}
.infor_button .in_r>div.infor-next:hover i:after {
    transform: translateX(0);
}
.pro-swiper03 .swiper-slide {
    opacity: 0 !important;
}
.pro-swiper03 .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}
.pro-swiper01 .bg {
    padding: 20px 10px;
    border-radius: 8px;
    cursor: pointer;
}
.pro-swiper01 .swiper-slide-active .bg {
    background: #FFF;
}
.pro-swiper01 .bg .t {
    margin-top: 8px;
    color: var(--style-black-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.pro-swiper01 .bg span {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.pro-swiper01 .bg span img {
    width: 58px;
}
.pro-swiper01:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-image: url(../images/pro_t_bg.svg);
    width: 69px;
    z-index: 1;
}
.pro-swiper03 {
    margin-top: 55px;
    margin-bottom: 110px;
    width: 100%;
}
.pro-swiper03 .t {
    position: relative;
    padding-bottom: 16px;
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
}
.pro-swiper03 .t:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../images/pro_line.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    width: 31px;
    height: 4px;
}
.pro-swiper03 .text {
    margin-top: 24px;
    color: #657188;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pro-swiper03 .more_n {
    margin-top: 40px;
}
.pro-swiper03 .more_n a {
    background-image: url(../images/more_b_bg.svg);
    color: var(--style-black-color);
}
.pro-swiper03 .more_n a:hover {
    color: #fff;
}
.pro-swiper03 .more_n a:before {
    background-image: url(../images/more_bh_bg.svg);
}
.pro-swiper03 .more_n a:hover .icon svg path {
    stroke: #ffffff;
}
.pro_content .down_icon {
    bottom: 34px;
    z-index: 9;
}
.down_icon.icon_blue span {
    border-color: var(--style-black-color);
}
.content-select-box {
    display: flex;
    width: calc(50% - 16px);
    margin-right: 16px;
    padding: 16px;
    height: 58px;
    justify-content: space-between;
    align-items: center;
    opacity: 1;
    border-radius: 16px 0px 16px 16px;
    background: #F1F8FD;
    position: relative;
}
.select01 {
    z-index: 9;
}
.select02 {
    z-index: 8;
}
.content-select-box .span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px 0px 16px 16px;
    font-size: 16px;
    color: #657188;
    text-align: center;
    line-height: 100%;
}
.content-select-box .span input {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 40px);
    height: 100%;
    padding: 0 0 0 20px;
    background: #F1F8FD;
    border-radius: 16px 0px 16px 16px;
    font-size: 16px;
    color: #657188;
}
.content-select-box .span input::-webkit-input-placeholder {
    color: #657188;
    font-size: 16px;
}
.content-select-box .span input:-moz-placeholder {
    color: #657188;
    font-size: 16px;
}
.content-select-box .span input::-moz-placeholder {
    color: #657188;
    font-size: 16px;
}
.content-select-box .span input:-ms-input-placeholder {
    color: #657188;
    font-size: 16px;
}
.content-select-box .span .icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(../images/pro_s_jt.svg);
}
.content-select-box .drop_down_ {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    border-radius: 0 0px 16px 16px;
    background: #F1F8FD;
    padding: 10px 0 10px 20px;
    display: none;
}
.select_pro,
.select_lingyu {
    width: 100%;
    padding-right: 20px;
    height: 230px;
}
.select_pro .swiper-slide,
.select_lingyu .swiper-slide {
    height: 46px;
}
.swiper-container-vertical>.select_pro,
.swiper-container-vertical>.select_lingyu {
    width: 2px;
    background-color: transparent;
}
.select_pro .swiper-scrollbar-drag,
.select_lingyu .swiper-scrollbar-drag {
    background-color: var(--style-darkBlue-color);
}
.content-select-box .drop_down_ p {
    color: var(--style-black-color);
    font-size: 16px;
    margin: 10px 0;
    line-height: 26px;
    cursor: pointer;
}
.content-select-box .drop_down_ p:hover {
    color: #666;
}
.content-select-box.bg {
    border-radius: 16px 0px 0 0;
}


@media (max-height:750px) {
    .pro-swiper03 {
        margin-top: 55px;
        margin-bottom: 50px;
    }
    s .in_product::after {
        height: 36%;
    }
}
@media (max-height:700px) {
    .pro-swiper03 {
        margin-top: 35px;
        margin-bottom: 30px;
    }
    .in_product::after {
        height: 36%;
    }
    .pro-swiper03 .more_n {
        margin-top: 30px;
    }
}
@media (max-width:1366px) {
    .pro-swiper03 {
        margin-top: 55px;
        margin-bottom: 50px;
    }
    .in_product::after {
        height: 36%;
    }
}
@media (max-width:1024px) {
    .in_product {
        padding-top: 0;
        height: 730px;
    }
    .in_product::after {
        height: 42%;
    }
}
@media (max-width:767px) {
    .about_title .about_big_title {
        color: var(--style-white-color);
        font-size: 28px;
    }
    .in_product {
        height: auto;
        background: #F1F8FD;
    }
    .in_product::after {
        display: none;
    }
    .in_product .in_p_cont::before {
        max-width: 50%;
    }
    .in_p_cont .in_title {
        padding-top: 50px;
    }
    .in_p_cont .p_r_cont {
        width: 100%;
        padding-left: 0;
        padding-top: 25px;
    }
    .content-select-box .span input {
        font-size: 14px;
    }
    .content-select-box .span input::-webkit-input-placeholder {
        font-size: 14px;
    }
    .content-select-box .span input:-moz-placeholder {
        font-size: 14px;
    }
    .content-select-box .span input::-moz-placeholder {
        font-size: 14px;
    }
    .content-select-box .span input:-ms-input-placeholder {
        font-size: 14px;
    }
    .in_product .in_p_pic {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .in_product .in_title .a_small_t {
        color: #657188;
        display: none;
    }
    .in_product .in_title .a_small_t span::before {
        background-color: #657188;
    }
    .in_product .in_title .a_big_t {
        color: var(--style-black-color);
    }
    .in_product .in_p_pic .pro_loop_pic .thumb img {
        display: block;
    }
    .pro-swiper01 .bg {
        padding: 15px 10px;
        padding-bottom: 10px;
    }
    .content-select-box,
    .content-select-box .span input {
        background-color: #fff;
    }
    .content-select-box .drop_down_ {
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        border-radius: 0 0px 16px 16px;
        background: #fff;
        padding: 10px 0 10px 10px;
        display: none;
    }
    .content-select-box {
        width: calc(50% - 10px);
        margin-right: 10px;
        padding: 10px 10px;
        height: 45px;
        border-radius: 12px 0px 12px 12px;
    }
    .pro_select .content-select-box:nth-child(2) {
        margin-right: 0;
    }
    .pro_content {
        padding-top: 1px;
    }
    .pro-swiper03 {
        margin-top: 160px;
        margin-bottom: 30px;
    }
    .pro-swiper03 .more_n {
        margin-top: 20px;
    }
    .pro_mo_top {
        position: absolute;
        left: 0;
        top: 100px;
        width: 100%;
        height: 105px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .pro-swiper01:after {
        display: none;
    }
    .pro-swiper01 .bg span img {
        width: 30px;
    }
    .pro-swiper01 .bg .t {
        font-size: 14px;
        height: 40px;
        line-height: 20px;
    }
    .infor_button {
        display: flex !important;
        margin-top: 5px;
        justify-content: flex-end;
        z-index: 8;
    }
    .in_p_cont .p_r_cont:after,
    .infor_button .in_l {
        display: none;
    }
    .pro-swiper03 .text {
        margin-top: 20px;
        font-size: 14px;
        line-height: 24px;
        height: 48px;
    }
    .infor_button .in_r>div {
        position: absolute;
        top: -72px;
    }
    .infor_button .in_r .infor-prev {
        left: -52px;
    }
    .infor_button .in_r .infor-next {
        right: -44px;
    }
    .more_n a {
        width: 127px;
        height: 45px;
        font-size: 14px;
        line-height: 20px;
        background-size: contain;
    }
    .more_n a .icon {
        margin-left: 15px;
    }
    .more_n a .icon svg {
        width: 20px;
        height: 8px;
    }
}

.page-sidebar-navigate {
    position: fixed;
    right: 35px;
    top: 50%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    margin-top: -75px;
    z-index: 20;
    right: -100px;
    opacity: 0;
    transition: 0.68s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.page-sidebar-navigate.show {
    opacity: 1;
    right: 30px;
}
.page-sidebar-navigate.Colors .sidebar-item li.active i:before {
    background: none;
}
.page-sidebar-navigate.Colors .sidebar-item li i:before {
    background: #fff;
}
.page-sidebar-navigate.Colors .sidebar-item li span {
    color: #fff;
}
.page-sidebar-navigate .consulting {
    position: absolute;
    bottom: -90px;
    right: -20px;
}
.page-sidebar-navigate .consulting i {
    opacity: 0;
    visibility: hidden;
    margin-top: -15px;
    transition: 0.45s;
}
.page-sidebar-navigate .consulting:hover i {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.sidebar-item li {
    position: relative;
    margin-bottom: 16px;
    cursor: pointer;
}
.sidebar-item li:hover i:before,
.sidebar-item li.active i:before {
    left: 0;
    margin-left: 0;
    top: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid var(--style-black-color);
    background: transparent;
}
.sidebar-item li i {
    display: block;
    position: relative;
    width: 10px;
    height: 10px;
}
.sidebar-item li i:before {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    content: "";
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    background: rgba(101, 113, 136, 0.80);
    border-radius: 50%;
    transition: 0.45s;
}
.sidebar-item li span {
    display: none;
    line-height: 14px;
    color: var(--style-darkBlue-color);
    font-size: 12px;
    font-weight: 400;
    width: 12px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}
.sidebar-item li.active span {
    opacity: 1;
    display: inline-block;
    visibility: visible;
}
.sidebar-item li:hover i {}
.sidebar-item li.active i {
    display: none;
}
@media (max-width:1024px) {
    .page-sidebar-navigate {
        display: none !important;
    }
}
/*首页整屏过渡效果*/
@media screen and (min-width:1025px) {
    .about_title .about_small_title,
    .about_title .about_big_title,
    .about_top .about_desc,
    .about_top .a_more,
    .about_link {
        opacity: 0;
        transform: translateY(4vw);
    }
    .index_page_current .about_title .about_small_title,
    .about_num .li {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }
    .index_page_current .about_big_title {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
    }
    .index_page_current .about_top .about_desc {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
    }
    .index_page_current .about_top .a_more {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
    .index_page_current .about_link {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
    }
    .index_page_current .about_num .li {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
    }
    /*滚动加载*/
    .pro_select {
        opacity: 0;
        pointer-events: none;
        transform: translateY(4vw);
    }
    .pro-swiper01,
    .pro-swiper03,
    .infor_button {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(4vw);
        transform: translateY(4vw);
    }
    .index_page_current .pro_select {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
    }
    .index_page_current .pro-swiper03 {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-delay: .4s;
        transition-delay: .3s;
    }
    .index_page_current .pro-swiper01 {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
    .index_page_current .infor_button {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
        transition: all 1s cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
    }
}

@media (max-width: 767px) {
    .about_title .about_big_title{
        font-size: 20px;
        font-weight: 600;
        line-height: 1.3;
        margin-top: 10px;
    }

    .about_top .about_desc {
        margin-top: 20px;
    }
    .about_desc p {
        color: var(--style-white-color);
        font-size: 16px;
        line-height: 1.8;
    }
}


/*news*/
.height90 {
    width: 100%;
    height: 90px;
}
.page_banner {
    position: relative;
    height: 550px;
    width: 100%;
    overflow: hidden;
}

.contact_page_banner {
    position: relative;
    height: 500px;
    width: 100%;
    overflow: hidden;
}

.news_page_ban, .media_page_ban {
    position: relative;
    height: 450px;
    width: 100%;
    overflow: hidden;
}

.banner_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.banner_mask .container {
    height: 100%;
}
.pc_banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contact_pc_banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.location {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
}
.location>a {
    color: #000e01;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: 0.5;
}
.location .home {
    background-image: url(../images/n_home.svg);
    padding-left: 30px;
    background-size: 20px 20px;
    background-position: left;
    background-repeat: no-repeat;
}
.location>a:nth-child(n+2) {
    /*分隔斜线*/
    background-image: url(../images/line_x.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 16px;
    margin-left: 10px;
    background-size: 6px 24px;
}
.location>a:hover {
    opacity: 1;
}
.location .click_down>a {
    /*分隔斜线*/
    background-image: url(../images/line_x.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 16px;
    margin-left: 10px;
    line-height: 24px;
    background-size: 6px 24px;
    font-size: 15px;
    color: #000e01;
    opacity: 0.5;
}
.location .click_down>a:hover {
    opacity: 1;
}
.click_down {
    position: relative;
}
.click_down .erji {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    width: 100px;
    background-color: #000e01;
    display: none;
}
.click_down .erji a {
    display: block;
    margin: 5px 0;
    line-height: 30px;
    text-align: center;
    color: var(--style-blue-color);
}

.history_ban_text_title {
    margin-top: 50px;
    font-size: 48px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.71);
}
.history_header_level_title_2 {
    font-size: 22px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.71);
}

.banner_text {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-top: 20px;
    padding-left: 10%;
}

.ban_text_service {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-top: 6%;
    padding-left: 5px;
    color: var(--style-white-color);
    font-weight: 700;
    font-size: 50px;
}

.ban_text_news {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-top: 1%;
    padding-left: 200px;
    color: var(--style-white-color);
    font-weight: 700;
    font-size: 55px;
}

.ban_text_media {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-top: 1%;
    padding-left: 200px;
    color: var(--style-white-color);
    font-weight: 700;
    font-size: 50px;
}


.banner_text h2 {
    padding-top: 50px;
    color: #FFF;
    font-weight: 700;
    line-height: 1.4;
}
.banner_text .eng {
    padding-top: 10px;
    color: #FFF;
    font-family: Alimama FangYuanTi VF;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.banner_text .ban_down {
    position: absolute;
    right: 0;
    bottom: 40px;
}
.banner_text .ban_down i {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
}
.banner_text .ban_down i img:first-child {
    animation: spin 8s linear infinite;
}
.banner_text .ban_down i img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    animation: moveArrows 3s ease-in-out infinite;
}

.ban_text_timeline {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-top: 0px;
    padding-bottom: 30px;
}
.ban_text_timeline h2 {
    padding-top: 10px;
    color: #FFF;
    font-weight: 700;
    line-height: 1.4;
}
.ban_text_timeline .eng {
    padding-top: 10px;
    color: #FFF;
    font-family: Alimama FangYuanTi VF;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.ban_text_timeline .ban_down {
    position: absolute;
    right: 0;
    bottom: 40px;
}
.ban_text_timeline .ban_down i {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
}
.ban_text_timeline .ban_down i img:first-child {
    animation: spin 8s linear infinite;
}
.ban_text_timeline .ban_down i img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    animation: moveArrows 3s ease-in-out infinite;
}

.ban_text_contactUs {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-top: 10px;
}
.ban_text_contactUs h2 {
    color: #FFF;
    font-weight: 700;
    line-height: 1.4;
}
.ban_text_contactUs .eng {
    padding-top: 10px;
    color: #FFF;
    font-family: Alimama FangYuanTi VF;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.ban_text_contactUs .ban_down {
    position: absolute;
    right: 0;
    bottom: 40px;
}
.ban_text_contactUs .ban_down i {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
}
.ban_text_contactUs .ban_down i img:first-child {
    animation: spin 8s linear infinite;
}
.ban_text_contactUs .ban_down i img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    animation: moveArrows 3s ease-in-out infinite;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes moveArrows {
    0% {
        transform: translate(-50%, -50%);
    }
    50% {
        transform: translate(-50%, -30%);
    }
    100% {
        transform: translate(-50%, -50%);
    }
}
@media (max-width:768px) {
    .height90 {
        height: 60px;
    }
    .page_banner {
        height: 250px;
    }
    .page_banner img {
        height: 260px;
    }
    .contact_page_banner {
        height: 200px;
    }
    .ban_text_contactUs h2 {
        padding-top: 80px;
    }
    .news_page_ban, .media_page_ban {
        height: 260px;
    }
    .banner_text {
        padding-left: 5%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .banner_text .ban_down {
        bottom: 20px;
    }
    .banner_text .ban_down i {
        width: 36px;
        height: 36px;
    }
    .banner_text .ban_down i img:nth-child(2) {
        height: 16px;
    }
    .location .home {
        padding-left: 20px;
        background-size: 15px 15px;
    }
    .ban_text_contactUs {
        padding-top: 0px;
        height: 50%;
    }
    .history_ban_text_title {
        margin-top: 0px;
        font-size: 20px;
    }
    .history_header_level_title_2 {
        font-size: 14px;
    }
    .ban_text_service {
        padding-top: 20%;
        font-size: 20px;
    }
    .ban_text_news {
        padding-top: 5%;
        padding-left: 20px;
        font-size: 24px;
    }
    .ban_text_media {
        padding-top: 5%;
        padding-left: 20px;
        font-size: 22px;
    }
}

/*new list*/
.page_content {
    min-height: 10vh;
}

.new_top {
    padding-top: 20px;
}

.new_top h3 {
    color: var(--style-black-color);
    font-weight: 700;
    line-height: 1.4;
}

/*新闻头条轮播图*/
.new_big_carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 8px; /* 可选：增加圆角，和原有风格统一 */
}
/* 轮播列表 */
.new_big_carousel .carousel_list {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease; /* 轮播过渡动画 */
}
/* 轮播项 - 复用原有new_big样式 */
.new_big_carousel .carousel_item {
    flex: 0 0 100%;
    width: 100%;
}

.new_big_carousel .carousel_controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    z-index: 10;
}
.new_big_carousel .carousel_controls .carousel_prev,
.new_big_carousel .carousel_controls .carousel_next {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: 1px solid #DCE3E8;
}

.new_big_carousel .carousel_controls .carousel_prev i,
.new_big_carousel .carousel_controls .carousel_next i {
    width: 20px;
    height: 20px;
    background-image: url(../images/arrow-left.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.new_big_carousel .carousel_controls .carousel_next i {
    transform: rotate(180deg); /* 下一张箭头反转 */
}

/* 轮播指示器（小圆点） */
.new_big_carousel .carousel_indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}
.new_big_carousel .carousel_indicators .indicator_dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s ease, width 0.3s ease;
}
.new_big_carousel .carousel_indicators .indicator_dot.active {
    background-color: var(--style-black-color);
    width: 30px;
    border-radius: 6px; /* 激活态变椭圆，更醒目 */
}

/* 响应式适配 */
@media (max-width: 768px) {
    .new_big .thumb {
        flex: 0 0 200px;
        width: 100%;
    }
    .new_big_carousel .carousel_controls {
        top: 70%;
    }
}


/* 核心修改：互换图片和文字区域的布局样式 */
.new_top .new_big a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #F1F8FD;
    border-radius: 16px;
}
/* 图片区域移到右侧，调整定位和宽度 */
.new_top .new_big .thumb {
    position: absolute;
    overflow: hidden;
    right: 0; /* 从left:0改为right:0，移到右侧 */
    top: 0;
    width: 58%;
    height: 100%;
}
.new_top .new_big .thumb i {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: -webkit-transform 1.3s;
    transition: -webkit-transform 1.3s;
    -o-transition: transform 1.3s;
    transition: transform 1.3s;
    transition: transform 1.3s, -webkit-transform 1.3s;
    -webkit-transition: transform 1.3s;
}
/* 文字区域移到左侧，取消右浮动，调整宽度和内边距 */
.new_top .new_big_r {
    position: relative;
    float: left; /* 从right改为left */
    width: 42%;
    padding: 64px 48px;
    /* 确保文字区域在图片区域上层 */
    z-index: 1;
}
.new_top .new_big_r .time {
    color: var(--style-blue-color);
    font-family: 'D-DINExp';
    background-image: url(../images/pages/news/publish_time.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left center;
    padding-left: 26px;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}
.new_top .new_big_r .title {
    font-size: 28px;
    margin-top: 16px;
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    max-height: 92px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* 可选优化：悬浮时标题轻微放大，增强交互感 */
    transition: color 0.3s ease, transform 0.3s ease; /* 新增transform过渡 */
}

/* 核心：鼠标悬浮在new_big_r区域时，标题变色 */
.new_top .new_big_r:hover .title {
    color: var(--style-blue-color);
    /* 轻微放大，可选 */
    transform: scale(1.1);
}


.new_top .line {
    margin: 40px 0;
    width: 100%;
    height: 1px;
    background-color: #DCE3E8;
}
.new_top .new_big_r .des {
    color: #44474e;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 单行行高 */
    height: 78px; /* 3行总高度 = 26px * 3，适配3行文字 */
    overflow: hidden; /* 隐藏超出部分 */
    display: -webkit-box; /* 弹性盒模型，配合行数限制 */
    -webkit-line-clamp: 3; /* 核心：从2改为3，限制最多显示3行 */
    -webkit-box-orient: vertical; /* 垂直排列，必须配合line-clamp */
    /* 可选：增加兼容性，避免部分浏览器失效 */
    word-break: break-all;
    text-overflow: ellipsis;
}
.new_top .new_big .more {
    padding-top: 70px;
    width: 100%; /* 占满父容器宽度 */
    text-align: right; /* 文字右对齐 */
}
.new_top .new_big .more span {
    padding-right: 26px;
    color: var(--style-darkBlue-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    background-image: url(../images/arrow_right_b.svg);
    background-size: 20px 20px;
    background-position: right;
    background-repeat: no-repeat;
    transition: padding .4s;
}
.new_top .new_big .new_add {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: var(--style-darkBlue-color);*/
    width: 45px;
    height: 45px;
}
.new_top .new_big .see_more {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
}
.new_top .new_big a:hover .thumb i {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
.new_top .new_big a:hover .more span {
    padding-right: 28px;
}
.new_top .new_small {
    padding-top: 0px;
}
.new_top .new_small ul {
    margin-left: -12px;
    margin-right: -12px;
}
.new_top .new_small ul li {
    width: 25%;
    padding: 12px;
    float: left;
    box-sizing: border-box; /* 确保padding不影响宽度计算 */
}
.new_top .new_small a {
    padding: 0px 0px;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    border: 2px solid #DCE3E8;
    transition: background .3s;
}
.new_top .new_small .new_text {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 15px;
    padding-left: 15px;
}
.new_top .new_small .time {
    color: var(--style-darkBlue-color);
    font-family: 'D-DINExp';
    font-size: 18px;
    background-image: url(../images/pages/news/publish_time.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left center;
    padding-left: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
}
.new_top .new_small .title {
    margin-top: 20px;
    color: var(--style-black-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 550;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new_top .new_small .more {
    position: relative;
    margin-top: 10px;
    height: 26px;
    /* 占满父容器宽度 */
    width: 100%;
    display: flex;
    /* 主轴靠右 */
    justify-content: flex-end;
    /* 垂直居中 */
    align-items: center;
}
.new_top .new_small .more span {
    position: absolute;
    /* left:0，靠左, right:0，靠右 */
    right: 0;
    top: 0;
    height: 100%;
    display: inline-block;
    font-weight: 500;
    line-height: 26px;
    color: #0e0003;
    opacity: 0;
    font-size: 16px;
    padding-right: 24px;
    overflow: hidden;
    background-size: 20px 20px;
    background-image: url(../images/arrow_right_w.svg);
    background-repeat: no-repeat;
    background-position: right;
    transition: opacity .6s;
}
.new_top .new_small .more i {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(../images/pages/news/seeMore.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
}
.new_top .new_small a:hover .time {
    color: var(--style-blue-color);
    font-weight: 600;
}
.new_top .new_small a:hover .title {
    color: var(--style-blue-color);
    font-size: 20px;
    font-weight: 600;
}

.new_top .new_small a:hover .more i {
    opacity: 0;
}

/* 热点新闻 封面图片样式 */
.new_top .new_small .new_img {
    width: 100%;
    height: 200px; /* 保留固定容器高度，保证布局统一 */
    overflow: hidden; /* 关键：限制图片溢出，解决放大后跑出去的问题 */
    position: relative; /* 辅助图片居中定位 */
}
.new_top .new_small .new_img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 替换cover为contain：完整显示图片，不裁剪 */
    object-position: center center; /* 图片在容器内居中（上下+左右），避免顶部偏移 */
    transition: transform .3s ease; /* 增加ease过渡，动画更丝滑 */
    display: block; /* 消除图片默认的行内间隙 */
}

/* 核心：鼠标悬浮放大，且限制放大范围不溢出 */
.new_top .new_small a:hover .new_img img {
    transform: scale(1.08) translateZ(0); /* 放大倍数调低（1.08），避免过度溢出；translateZ(0)开启硬件加速 */
    /* 可选：若仍有偏移，加translateY(0)强制居中 */
    /* transform: scale(1.08) translateY(0); */
}

/* 可选：悬浮视觉增强（保留，不影响显示） */
.new_top .new_small a:hover .new_img {
    filter: brightness(1.05) contrast(1.02);
}


@media (max-width: 768px) {
    .new_top .new_small a .more span {
        /*opacity 是 CSS 中控制元素整体透明度的属性，opacity: 1; 表示元素完全不透明*/
        opacity: 1;
        color: var(--style-blue-color);
        font-size: 16px;
        font-weight: 600;
    }
    .new_top .new_small .title {
        margin-top: 10px;
    }
    .new_top .new_big_r .des {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .new_top .new_small a:hover .more span {
        /*opacity 是 CSS 中控制元素整体透明度的属性，opacity: 1; 表示元素完全不透明*/
        opacity: 1;
        coolor: var(--style-blue-color);
        font-size: 16px;
        font-weight: 600;
    }
}




.click_up a {
    display: flex;
    align-items: center;
    color: var(--style-black-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}
.click_up a img {
    margin-right: 10px;
}


.news_list .click_more {
    padding-bottom: 90px;
    text-align: center;
}
.news_list .click_more a {
    display: inline-flex;
    padding: 20px 54px;
    align-items: center;
    border-radius: 60px;
    background: #F1F8FD;
    color: var(--style-black-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.news_list .click_more a img {
    margin-right: 12px;
}
.news_bg {
    position: relative;
    /*background: rgba(241, 248, 253, 0.67);*/
    width: 100%;
    margin-top: 1px;
    display: none;
    overflow: hidden;
    z-index: 1;
}
.news_bg .news_letter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    z-index: -1;
}
.ps_title {
    padding-top: 30px;
}
.ps_title h3 {
    color: var(--style-black-color);
    font-weight: 700;
    line-height: 1.4;
}
.news_list.pt {
    padding-top: 10px;
}
.list_new {
    padding-top: 35px;
    padding-bottom: 50px;
}
.year_select_box {
    position: relative;
    display: flex;
    width: 342px;
    z-index: 9;
}
.year_select_box>.span {
    position: relative;
    display: flex;
    width: 100%;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px 0px 16px 16px;
    background: #FFF;
    cursor: pointer;
}
.year_select_box>.span input {
    background: transparent;
    border: none;
    color: var(--style-black-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.year_select_box>.span input::-webkit-input-placeholder {
    color: var(--style-black-color);
    font-size: 16px;
}
.year_select_box>.span input::-moz-placeholder {
    color: var(--style-black-color);
    font-size: 16px;
}
.year_select_box>.span input:-moz-placeholder {
    color: var(--style-black-color);
    font-size: 16px;
}
.year_select_box>.span input:-ms-input-placeholder {
    color: var(--style-black-color);
    font-size: 16px;
}
.year_select_box>.span.active {
    border-radius: 16px 0px 0 0;
}
.year_select_box>.span .icon {
    position: absolute;
    right: 16px;
    width: 24px;
    height: 24px;
    background-image: url(../images/new_icon2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.year_select_box .drop_down_ {
    position: absolute;
    display: none;
    padding: 10px 15px 20px;
    padding-bottom: 5px;
    left: 50%;
    top: 100%;
    width: 100%;
    transform: translateX(-50%);
    padding-top: 20px;
    background-color: #fff;
    border-radius: 0px 0px 16px 16px;
    max-height: 135px;
    overflow-y: auto;
}
.year_select_box .drop_down_ p {
    width: 25%;
    float: left;
    padding-bottom: 8px;
}
.year_select_box .drop_down_ p span {
    font-size: 16px;
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
}
.year_select_box .drop_down_ p span:hover {
    background-color: #eeeeee;
}
.year_select_box .drop_down_::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}
.year_select_box .drop_down_::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
.year_select_box .drop_down_::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #bdbdbd;
}


.list_new_ul {
    /*padding-top: 40px;*/
}
.list_new_ul ul li {
    padding: 40px 0px;
    border-bottom: 1px solid #DCE3E8;
    list-style: none; /* 清除默认列表样式 */
}
.list_new_ul ul li:hover {
    border-bottom: 1px solid #0D9ED7;
}

/* 核心调整：左右区域位置互换，调整宽度和间距 */
.list_new_ul .left {
    width: 180px;
    min-width: 180px; /* 关键：强制最小宽度，永不被挤压 */
    max-width: 180px; /* 强制最大宽度，保持统一 */
    position: relative;
    padding-right: 20px; /* 给竖线留足够间距 */
    text-align: center;
}
/* 竖线位置调整：从左侧移到右侧 */
.list_new_ul .left:before {
    content: "";
    position: absolute;
    right: 0; /* 改为右侧 */
    top: 50%;
    /*transform: translateY(-50%);*/
    /*background-color: #DCE3E8;*/
    /*width: 1px;*/
    /*height: 57px;*/
    /*!* 悬浮时竖线同步变色（可选优化） *!*/
    /*transition: background-color 0.3s ease;*/
}

/* hover时竖线变主题色（视觉优化） */
.list_new_ul ul li:hover .left:before {
    background-color: #0D9ED7;
}

.list_new_ul .right {
    width: calc(100% - 180px);
    padding-left: 20px; /* 减少内边距，避免挤压 */
    flex: 1; /* 自动填充剩余宽度 */
}

/* 日期样式保持不变 */
.list_new_ul .left span {
    display: block;
    font-family: 'D-DINExp';
    line-height: 1.1;
}
.list_new_ul .left .date {
    color: var(--style-blue-color);
    font-size: 26px;
    font-weight: 700;
}
.list_new_ul .left .year_moth {
    padding-top: 2px;
    color: var(--style-darkBlue-color);
    font-size: 22px;
    font-weight: 600;
    font-family: 'D-DINExp';
}

/* 标题和描述样式 */
.list_new_ul .title {
    position: relative;
    color: var(--style-black-color);
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: padding-left .4s;
}
.list_new_ul .title:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 1px;
    background-color: var(--style-darkBlue-color);
    transition: width .4s;
}
.list_new_ul .des {
    margin-top: 16px;
    color: #657188;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 搜索表单样式（保留原样式） */
.form_search {
    flex: 1;
    margin-left: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sear_but {
    width: 100px;
    padding: 16px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px 0px 16px 16px;
    background: #FFF;
    font-size: 16px;
    color: var(--style-black-color);
    cursor: pointer;
}
.submit_icon {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: var(--style-black-color);
    line-height: 26px;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
}

/* 移动端适配（可选补充） */
@media (max-width: 768px) {
    .pc_show { display: none; }
    .mo_show { display: block; }

    .list_new {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .list_new_ul .left {
        width: 180px;
    }
    .list_new_ul .right {
        width: calc(100% - 180px);
    }
}

.form_search .sear_input {
    width: calc(100% - 120px);
    height: 58px;
    line-height: 26px;
    font-size: 16px;
    padding: 16px 10px;
    border-radius: 16px 0px 16px 16px;
    background: #FFF !important;
}
.form_search .sear_input::-webkit-input-placeholder {
    color: rgba(101, 113, 136, 0.50);
    font-size: 16px;
}
.form_search .sear_input::-moz-placeholder {
    color: rgba(101, 113, 136, 0.50);
    font-size: 16px;
}
.form_search .sear_input:-moz-placeholder {
    color: rgba(101, 113, 136, 0.50);
    font-size: 16px;
}
.form_search .sear_input:-ms-input-placeholder {
    color: rgba(101, 113, 136, 0.50);
    font-size: 16px;
}
.list_new_ul a:hover .title {
    font-size: 24px;
    color: var(--style-blue-color);
    padding-left: 20px;
    font-weight: 600;
}
.list_new_ul a:hover .title:before {
    width: 16px;
    opacity: 1;
}
.list_new_ul a:hover .date,
.list_new_ul a:hover .year_moth {
    color: var(--style-blue-color);
    font-size: 26px;
    font-weight: 700;
}


.paged ul li:first-child span,
.paged ul li:last-child a,
.paged ul li:first-child a,
.paged ul li:last-child span {
    background-color:#ffffff;
}




@media screen and (max-width:1366px) {
    .list_new_ul .left .date {
        font-size: 32px;
    }
}
@media screen and (max-width:1280px) {
    .list_new_ul .left .date {
        font-size: 38px;
    }
}
@media screen and (max-width:991px) {
    .new_top .new_big_r {
        padding: 50px 40px;
    }
    .new_top .new_small a {
        background: #F1F8FD;
    }
}
@media screen and (max-width:767px) {
    .new_top .new_big .thumb {
        position: relative;
        /* 1. 强制统一高度（根据需求调整，比如200px），宽度自适应父容器 */
        height: 500px;
        width: 100%;
        /* 2. 超出容器的部分隐藏（裁剪） */
        overflow: hidden;
        /* 可选：固定宽高比（比如16:9），替代固定高度 */
        /* aspect-ratio: 16/9; */
    }
    .new_top .new_big .thumb i {
        position: absolute; /* 改为绝对定位，铺满容器 */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* 3. 背景图等比覆盖，居中裁剪（关键：保证背景图填充容器） */
        background-size: scale-down;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .new_top .new_big .thumb img {
        /* 4. img标签隐藏（仅作为兜底，用背景图展示），避免双重渲染 */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* 5. img图片等比缩放，填充容器（和背景图逻辑一致） */
        object-fit: scale-down;
        opacity: 0; /* 隐藏img，仅保留onerror兜底功能 */
    }

    .new_top .new_big_r {
        width: 100%;
        padding: 25px 20px;
    }
    .new_top .new_big_r .time {
        font-size: 16px;
    }
    .new_top .new_big_r .title {
        font-size: 20px;
        margin-top: 10px;
        line-height: 30px;
        height: 60px;
        color: var(--style-blue-color);
    }
    .new_top .line {
        margin: 15px 0;
    }
    .new_top .new_small a {
        background: #F1F8FD;
    }
    .new_top .new_small .time {
        font-size: 16px;
        font-weight: 600;
    }
    .new_top .new_big .more {
        padding-top: 40px;
    }
    .list_new .form {
        display: block;
    }
    .list_new .form form {
        display: block;
    }
    .year_select_box>.span input {
        font-size: 14px;
    }
    .year_select_box {
        width: 100%;
    }
    .year_select_box>.span {
        padding: 10px;
        border-radius: 12px 0px 12px 12px;
    }
    .form_search .sear_input {
        height: 46px;
        width: calc(100% - 110px);
    }
    .form_search {
        margin-left: 0;
        margin-top: 20px;
        display: flex;
        border-radius: 12px 0px 12px 12px;
    }
    .sear_but {
        padding: 10px 10px;
        border-radius: 12px 0px 12px 12px;
        font-size: 14px;
    }
    .form_search .sear_input {
        font-size: 14px;
    }
    .form_search .sear_input::-webkit-input-placeholder {
        font-size: 14px;
    }
    .form_search .sear_input::-moz-placeholder {
        font-size: 14px;
    }
    .form_search .sear_input:-moz-placeholder {
        font-size: 14px;
    }
    .form_search .sear_input:-ms-input-placeholder {
        font-size: 14px;
    }
    .year_select_box .drop_down_ p {
        width: 33.33%;
    }
    .new_top .new_small ul li {
        width: 100%;
    }
    .list_new_ul .left .date {
        font-size: 30px;
    }
    .list_new_ul ul li {
        padding: 30px 0px;
    }
    .list_new_ul ul li a {
        display: block;
    }
    .list_new_ul .title {
        font-size: 18px;
        line-height: 28px;
        color: var(--style-blue-color);
    }
    .list_new_ul .left {
        width: 100%;
        padding-right: 0;
    }
    .list_new_ul .right {
        padding-top: 15px;
        width: auto;
        padding-left: 0;
        text-align: left;
    }
    .list_new_ul .right::before {
        display: none
    }

    .list_new_ul a:hover .title {
        font-size: 20px;
        color: var(--style-blue-color);
        padding-left: 20px;
        font-weight: 600;
    }
    .list_new_ul a:hover .date,
    .list_new_ul a:hover .year_moth {
        color: var(--style-blue-color);
        font-size: 20px;
        font-weight: 600;
    }

    .news_list .click_more a {
        padding: 12px 30px;
        border-radius: 30px;
        font-size: 16px;
    }
    .news_list .click_more a img {
        width: 20px;
    }
    .list_new_ul .left .year_moth {
        font-size: 20px;
        font-weight: 500;
        text-align: left;
    }
    .news_list.pt {
        padding-top: 30px;
    }
    .news_bg {
        margin-top: 30px;
    }
}
/*page*/
.paged {
    padding: 50px 0 50px 0;
    text-align: center;
    overflow: hidden;
}
.paged .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none; /* 新增：去掉默认列表圆点 */
    padding: 0; /* 新增：清除默认内边距 */
    margin: 0; /* 新增：清除默认外边距 */
}
.paged .pagination li {
    display: inline-block;
}
.paged:after {
    clear: both;
    content: '';
    width: 0px;
    display: block;
    height: 0px;
    visibility: hidden;
}

/* 上一页/下一页按钮核心样式（直接匹配 li > a.previousPage） */
.paged .pagination .previousPage,
.paged .pagination .nextPage {
    background: #ffffff;
    color: var(--style-darkBlue-color);
    height: 40px;
    width: 80px; /* 固定宽度 */
    border-radius: 20px; /* 圆角矩形，适配文字 */
    font-size: 16px;
    padding: 0 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 上一页/下一页 hover 样式 */
.paged .pagination .previousPage:hover,
.paged .pagination .nextPage:hover {
    background-color: #167ae2;
    color: #fff;
}


.paged a {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #484646;
    margin: 0 3px;
    padding: 4px;
    height: 40px;
    width: 40px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50%;
    text-decoration: none;
    box-sizing: border-box;
}


.paged a:hover,
.paged .active span {
    color: #fff;
    background-color: var(--style-darkBlue-color);
}
.paged span {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #484646;
    margin: 0 3px;
    padding: 4px;
    height: 40px;
    width: 40px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50%;
    box-sizing: border-box; /* 新增：盒模型统一 */
}
/* 上一页/下一页按钮样式优化（核心） */
.paged ul li:first-child span,
.paged ul li:last-child a,
.paged ul li:first-child a,
.paged ul li:last-child span {
    background: #F1F8FD; /* 合并背景属性，去掉多余的none */
    padding: 0 8px; /* 新增：左右内边距，适配文字显示 */
    width: auto; /* 关键：从固定40px改为自适应，避免文字溢出 */
    min-width: 40px; /* 保留最小宽度，保证按钮不塌陷 */
    height: 40px;
    border-radius: 20px; /* 调整为圆角矩形，比圆形更适配文字 */
    font-size: 14px; /* 调整字体大小，适配按钮宽度 */
    white-space: nowrap; /* 防止文字换行 */
}
/* 禁用状态的上一页样式（新增） */
.paged ul li.disabled span {
    color: #ccc; /* 禁用状态文字更浅 */
    cursor: not-allowed;
}
/* 下一页hover样式（新增，保持和其他按钮一致） */
.paged ul li:last-child a:hover {
    color: #fff;
    background-color: var(--style-darkBlue-color);
}


@media (max-width:767px) {
    .paged {
        padding: 30px 0 30px 0;
    }
    .paged span,
    .paged a {
        font-size: 16px;
        padding: 0 10px;
        margin: 0 2px;
    }
    .paged ul li:first-child span,
    .paged ul li:last-child a,
    .paged ul li:first-child a,
    .paged ul li:last-child span {
        /*width: 46px;*/
    }
}


/*article*/
.news-detail-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1300px;
    padding: 20px;
}

.news_detail_banner {
    width: 100%;
    height: 400px;
    background-image: url(../images/news/new_detail_bg_pc.png);
    overflow: hidden;
}
.news_detail_banner .container {
    height: 100%;
}
.news_detail_banner .news_detail_banner_n {
    position: relative;
    height: 100%;
    width: 100%;
    padding-top: 26px;
    z-index: 1;
}
.news_detail_banner .news_title {
    padding-top: 120px;
    max-width: 1440px;
}
.news_detail_banner .news_title h3 {
    color: var(--style-white-color);
    font-weight: 700;
    line-height: 1.4;
}
.news_detail_banner .news_title .ar_time {
    padding-top: 16px;
    color: var(--style-white-color);
    font-family: D-DINExp;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
.news-detail-content {
    padding-top: 64px;
    padding-bottom: 30px;
}
.news-detail-content .detail-content-wrapper {
    flex: 1;
    margin-right: 30px;
    padding-right: 30px;
}
.news-content-title {
    text-align: center;
    padding-bottom: 10px;
    color: var(--style-black-color);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.8;
}
/* 基础样式 - 统一二级标题外观 */
.article-second-title {
    display: inline-flex; /* 行内弹性布局，保证元素在一行 */
    align-items: center; /* 垂直居中对齐 */
    font-size: 17px; /* 基础字号，可根据需求调整 */
    font-weight: 500; /* 取消加粗，符合二级标题视觉层级 */
    color: var(--style-blue-color);
    margin: 0 20px 0 0; /* 右侧间距，分隔不同项 */
    line-height: 1.5; /* 行高适配 */
    /* 手机端每个占满整行，自动分行 */
    width: auto;
}

/* 核心：父容器使用Flex布局，实现一行排列+移动端自适应 */
.article-meta-container {
    display: flex;
    flex-wrap: wrap; /* 移动端自动换行 */
    justify-content: center; /* 内容居中显示 */
    align-items: center; /* 垂直居中 */
    gap: 10px 15px; /* 间距：行内15px，换行后10px（更紧凑） */
    margin-bottom: 40px;
}

/* 来源/分类标签样式优化 */
.article-second-title span:first-child {
    color: rgba(0, 0, 0, 0.56); /* 标签文字更浅，突出内容 */
    margin-right: 5px; /* 标签与内容间距 */
}

.detail-content-wrapper .detailContent p {
    padding-bottom: 24px;
    color: var(--style-black-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    /* 核心：首行缩进2字符 */
    text-indent: 2em;
    /* 可选：确保段落是块级元素，缩进生效 */
    display: block;
    /* 可选：清除默认margin，保持样式统一 */
    margin: 0;
}
.detail-content-wrapper .detailContent p img {
    display: block;
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
}
.detail-content-wrapper .ar_label {
    padding-top: 24px;
    border-top: 1px solid #E0E0E0;
}
.detail-content-wrapper .ar_label .label_t {
    color: var(--style-black-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.detail-content-wrapper .ar_label .label_list {
    padding-top: 5px;
}
.detail-content-wrapper .ar_label .label_list ul {
    margin-left: -5px;
    margin-right: -5px;
}
.detail-content-wrapper .ar_label .label_list ul li {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}
.detail-content-wrapper .label_list a {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 16px;
    background: #ECF3F9;
    color: #768DA0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.detail-content-wrapper .label_list a:hover {
    background-color: #0562AF;
    color: #fff;
}

/* 核心：父容器 Flex 布局实现上下篇一行显示 */
.article-switch-container {
    display: flex;
    gap: 20px; /* 上下篇之间的间距 */
    width: 100%;
    flex-wrap: wrap; /* 移动端宽度不足时自动换行 */
    margin-top: 30px;
}

/* 上下篇链接样式：内部Flex横向排列，整体按钮化 */
.article-switch-container .previous,
.article-switch-container .next {
    display: flex;
    align-items: center; /* 垂直居中 */
    flex: 1; /* 均分宽度 */
    min-width: 280px; /* 移动端最小宽度 */
    text-decoration: none; /* 移除链接下划线 */
    gap: 8px; /* 标签和标题间距 */
    /* 链接整体按钮样式：边框+圆角+内边距 */
    padding: 12px 16px;
    border: 1px solid #e0e6ed;
    border-radius: 8px;
    background-color: #f8fafc;
    transition: all 0.2s ease; /* 悬浮过渡动画 */
}

/* 链接悬浮效果：边框/背景变色，模拟按钮点击感 */
.article-switch-container .previous:hover,
.article-switch-container .next:hover {
    border-color: var(--style-blue-color);
    background-color: var(--style-blue-color);
}


/* article-switch 标签按钮样式 */
.article-switch {
    /* 标签独立按钮样式：纯色背景+圆角 */
    padding: 6px 12px;
    color: var(--style-blue-color);
    font-size: 18px;
    font-weight: 500;
    border-radius: 4px;
    white-space: nowrap; /* 不换行 */
    flex-shrink: 0; /* 不被挤压 */
    opacity: 0.9;
}

/* 标题区域样式（模拟按钮内容区） */
.article-switch-title {
    font-size: 18px;
    color: var(--style-blue-color);
    line-height: 1.5;
    flex: 1; /* 占剩余宽度 */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 单行显示 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis; /* 超出省略号 */
    transition: color 0.2s ease;
}

/* 悬浮时 标题变色 */
.article-switch-container a:hover .article-switch-title {
    color: white;
    font-weight: 600;
}

.article-switch-container a:hover .article-switch {
    color: white;
    font-weight: 600;
}


/* 发布时间样式（兼容空值） */
.article-switch-publish-time {
    font-size: 12px;
    color: #94a3b8;
    white-space: nowrap;
    flex-shrink: 0;
}

/* 移动端适配（768px以下） */
@media (max-width: 768px) {
    .article-switch-container {
        gap: 15px;
        padding: 0 10px;
    }
    .article-switch-container .previous,
    .article-switch-container .next {
        min-width: 100%; /* 移动端独占一行 */
        gap: 6px;
        padding: 10px 12px; /* 减小内边距 */
    }
    .article-switch {
        padding: 4px 10px;
        font-size: 13px; /* 缩小标签字号 */
    }
    .article-switch-title {
        font-size: 15px; /* 缩小标题字号 */
    }
    .detail-content-wrapper .detailContent p {
        font-size: 16px;
        margin-left: 30px;
        margin-right: 30px;
    }
}

.move_news_detail_title .news_detail_banner {
    display: none;
}
.news_detail_title_fixed .news_detail_banner {
    height: auto;
}
.news_detail_title_fixed .news_detail_banner {
    display: block;
}
.news_detail_title_fixed .location {
    display: none !important;
}
.news_detail_title_fixed .news_title {
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: inherit;
}
.news_detail_title_fixed .news_title .ar_time {
    display: none !important;
}
.news_detail_title_fixed .news_title h3 {
    font-size: 22px;
}
@media (max-width:1279px) {
    .news_detail_title_fixed .news_title h3 {
        font-size: 20px;
    }
}
@media (max-width:991px) {
    .news_detail_title_fixed .news_title h3 {
        font-size: 20px;
    }
}

@media (max-width:768px) {
    .news_detail_banner {
        background-image: url(../images/news/new_detail_bg_mo.png);
        background-repeat: no-repeat;
        background-position: center top;
        /* 核心修改：cover 让背景图铺满容器，比例不变，裁剪多余部分 */
        background-size: cover;
        /* 可选：若想优先显示图片顶部，调整position */
        /* background-position: top center; */

        width: 100%;
        /* 固定高度/按比例自适应高度，避免容器高度塌陷 */
        height: 300px; /* 可根据设计需求调整，比如300px/400px */
        /* 或用比例自适应（推荐，适配不同屏幕）：宽高比16:9为例 */
        /* height: 0;
        padding-bottom: 56.25%; */
        padding-bottom: 50px;
        /* 关键：消除padding-bottom对背景图的影响 */
        box-sizing: border-box;
    }
    .news-detail-content {
        padding-top: 40px;
        padding-bottom: 35px;
        display: block;
    }
    .news-detail-content .detail-content-wrapper {
        width: 100%;
        border-right: none;
        padding-right: 0;
        margin-right: 0;
    }
    .detail-content-wrapper .label_list a {
        font-size: 14px;
    }
    .article-second-title {
        font-size: 16px; /* 移动端字号缩小 */
        margin: 0; /* 取消margin，改用gap控制间距 */
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    .article-meta-container {
        gap: 8px 12px; /* 移动端间距更小 */
    }
    .news-content-title {
        font-size: 20px;
        margin-left: 30px;
        margin-right: 30px;
    }

}

/* 核心：返回新闻列表按钮样式 + 居中布局 */
.article-back-to-index {
    width: 100%;
    text-align: center; /* 容器居中，适配所有设备 */
    padding: 0 10px; /* 移动端左右留白 */
    margin-top: 40px;
}
.article-back-to-index a {
    display: inline-flex; /* 行内flex，配合text-align:center实现居中 */
    justify-content: center;
    align-items: center;
    padding: 16px 32px; /* 按钮内边距，保证点击区域 */
    background-color: #167ae2; /* 主色背景，按钮样式 */
    color: white; /* 白色文字 */
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px; /* 圆角按钮 */
    text-decoration: none; /* 移除下划线 */
    transition: all 0.2s ease; /* 悬浮过渡 */
    min-width: 200px; /* 最小宽度，保证按钮不挤压 */
    max-width: 300px; /* 最大宽度，避免PC端过宽 */
    width: 80%; /* 自适应宽度 */
    box-shadow: 0 2px 6px rgba(22, 122, 226, 0.15); /* 轻微阴影，增强按钮质感 */
}
/* 按钮悬浮效果 */
.article-back-to-index a:hover {
    background-color: #0f66c2; /* 深色hover效果 */
    box-shadow: 0 4px 12px rgba(22, 122, 226, 0.2); /* 加深阴影 */
    transform: translateY(-1px); /* 轻微上浮，提升交互感 */
}
/* 按钮内图标样式 */
.article-back-to-index a img {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    object-fit: contain; /* 保证图标比例 */
}

/* 移动端适配（768px以下） */
@media (max-width: 768px) {
    /* 上一篇/下一篇适配 */
    .article-switch-container {
        gap: 15px;
        padding: 0 10px;
    }
    .article-switch-container .previous,
    .article-switch-container .next {
        min-width: 100%;
        gap: 6px;
        padding: 10px 12px;
    }
    .article-switch {
        padding: 4px 10px;
        font-size: 13px;
    }
    .article-switch-title {
        font-size: 15px;
    }

    /* 返回按钮移动端适配 */
    .article-back-to-index a {
        padding: 14px 24px; /* 减小内边距 */
        font-size: 15px; /* 缩小字号 */
        width: 90%; /* 移动端占比更大 */
        min-width: 180px;
        max-width: 100%; /* 移动端取消最大宽度限制 */
    }
    .article-back-to-index a img {
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }
}



/*about*/
.a_menu {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    background: rgba(0, 85, 155, 0.90);
    backdrop-filter: blur(5px);
    z-index: 9;
}
.a_menu .menu_loop {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -16px;
    margin-right: -16px;
}
.a_menu .menu_loop li {
    padding: 0 16px;
}
.a_menu .menu_loop a {
    position: relative;
    display: inline-block;
    line-height: 80px;
    height: 80px;
    color: var(--style-white-color);
    font-size: 16px;
    font-weight: 400;
}
.a_menu .menu_loop a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    background-color: var(--style-white-color);
    width: 100%;
    transform-origin: center;
    transform: translate(-50%, 0) scaleX(0);
    transition: transform 0.3s ease-in-out;
}
.a_menu .menu_loop a:hover:before,
.a_menu .menu_loop .active a:before {
    transform: translate(-50%, 0) scaleX(1);
}

.p_about_title {
    font-size: 36px;
    padding-top: 20px;
    padding-bottom: 10px;
    color: var(--style-black-color);
    font-weight: bold;
}

.p_about_top {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    min-height: 650px;
    z-index: 1;
}
.p_about_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.p_about_video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
}
.p_about_video img {
    display: none;
}
.p_about_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: linear-gradient(180deg, rgba(61, 129, 255, 0.64) 0%, rgba(245, 247, 254, 0) 100%);
    background: #f5f8fe;
    z-index: 9;
}
.p_about_top .p_about_n {
    position: relative;
    padding-top: 114px;
    height: 100%;
    z-index: 9;
}
.p_about_top .p_about_n>.container {
    height: 100%;
}
.p_about_year {
    padding-top: 75px;
    padding-bottom: 30px;
    align-items: flex-end;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.p_about_year .year_n {}
.p_about_year .year_n span {
    color: var(--style-black-color);
    font-family: D-DINExp;
    font-size: 88px;
    font-weight: 700;
    line-height: 1;
}
.p_about_year .year_n span:first-child {
    margin-right: 24px;
}
.p_about_year .year_t {
    padding-left: 32px;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    background-image: url(../images/blue_kuai.svg);
    background-size: 11px 11px;
    background-position: left;
    background-repeat: no-repeat;
}

.p_about_m {
    margin-top: 10px;
}
.p_about_m .about_m_l {
    color: var(--style-white-color);
    padding-right: 50px;
}
.p_about_m .about_m_l span {
    display: block;
    line-height: 1.6;
    font-weight: 400;
}
.p_about_m .about_m_l strong {
    display: block;
    line-height: 1.6;
    font-weight: 700;
}
.p_about_m .about_m_r {
    flex: 1;
    width: auto;
    height: auto;
}

.p_about_m .about_m_r_mo_img {
    width: 100%;
    height: 300px;
    background-image: url('static/images/index/company.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}

/* 基础样式：轮播容器通用配置 */
.about-m-l-swiper-container {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    position: relative; /* 为箭头/分页器定位 */
}
.about-m-l-swiper {
    width: 100%;
    height: 100%; /* 继承外层容器高度 */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}
.about-m-l-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例，裁剪多余部分,实现图片之间相互覆盖 */
}


/* 轮播指示器小圆点 */
.about-m-l-swiper .swiper-pagination {
    bottom: -20px !important; /* 调整小圆点位置，避开按钮 */
}
.about-m-l-swiper .swiper-pagination-bullet {
    background: #ccc;
    opacity: 0.8;
    width: 8px;
    height: 8px;
}
.about-m-l-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007bff;
}

/* 左右切换按钮样式 */
.about-m-l-swiper .swiper-button-prev,
.about-m-l-swiper .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    color: #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease;
}
/* 按钮hover效果 */
.about-m-l-swiper .swiper-button-prev:hover,
.about-m-l-swiper .swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.8);
}
/* 左按钮位置 */
.about-m-l-swiper .swiper-button-prev {
    left: 0;
}
/* 右按钮位置 */
.about-m-l-swiper .swiper-button-next {
    right: 0;
}
/* 隐藏默认箭头图标，自定义简易箭头 */
.about-m-l-swiper .swiper-button-prev::after,
.about-m-l-swiper .swiper-button-next::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.about-m-l-swiper .swiper-button-prev::after {
    transform: rotate(-135deg);
    margin-left: 4px;
}
.about-m-l-swiper .swiper-button-next::after {
    transform: rotate(45deg);
    margin-right: 4px;
}

/* === PC端（≥768px）=== */
@media (min-width: 768px) {
    .about-m-l-swiper-container {
        width: 650px;
        height: 700px;
    }
}

/* === 移动端（<768px）=== */
@media (max-width: 767px) {
    .p_about_title {
        padding-bottom: 0px;
        font-size: 22px;
    }
    .about-m-l-swiper-container {
        width: 100% !important;
        height: 0 !important;
        padding-bottom: 100% !important;
    }
}



.p_about_m .about_m_r .about-stats-section {
    flex: 1;
    margin-top: 50px;
    margin-bottom: 32px;
    align-content: center;
}

.p_about_m .about_m_r .about-stats-section .about-stats-grid {
    display: grid;
    gap: 10px;
    width: 100%;
    align-content: center;
    margin-top: 10px;
}

.p_about_m .about_m_r .about-stats-section .about-stats-grid .bottom_number p {
    font-size: 26px;
    text-align: center;
    padding-right: 10px;
    color: var(--style-black-color);
    font-weight: 600;
    text-shadow: 0 2px 4px rgb(245, 248, 254);
}
.p_about_m .about_m_r .about-stats-section .about-stats-grid .bottom_number .busi_number {
    text-align: center;
    padding-right: 10px;
    color: #0e70d7;
    font-weight: 600;
    text-shadow: 0 1px 2px rgb(245, 247, 254);
}

.p_about_m .about_m_r .about-stats-section .about-stats-grid .bottom_number .busi_number span {
    font-size: 34px;
    color: #167ae2;
    font-family: D-DINExp;
    font-weight: 700;
    line-height: 1;
}

.p_about_m .about_m_r .about-stats-section .about-stats-grid .bottom_number em {
    color: #167ae2;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}


.p_about_m .about_m_r .about-intro-text {
    margin: 50px 0 10px 0;
    line-height: 1.6;
}
.p_about_m .about_m_r .about-intro-text .about-intro-text-p {
    margin: 0 0 10px 0;
    line-height: 2.0;
    font-size: 18px;
    text-indent: 2em;
}
.p_about_m .about_m_r .about-intro-text .about-intro-text-strong-p {
    display: block;
    line-height: 1.2;
    font-weight: 700;
    text-indent: 2em;
}
.p_about_m .about_m_r .about-intro-text .about-company-name {
    line-height: 1.6;
    font-size: 24px;
    color: #167ae2;
    font-weight: 600;
}


.p_about_m .about_m_r::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.2);
}
.p_about_m .about_m_r::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2);
}
.p_about_m .about_m_r::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.6);
}
.p_about_m .about_m_r p {
    color: var(--style-black-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 15px;
    padding-bottom: 25px;
}
.p_about_m .about_m_r p:last-child {
    padding-bottom: 0;
}

/* === 公司简介 PC 端（≥768px） === */
@media (min-width:768px) {
    .pc_show { display: block !important; }
    .mo_show { display: none !important; }
    .mo_menus_show { display: block !important; }
    /* 数据指标横排 自适应显示 */
    .p_about_m .about_m_r .about-stats-section .about-stats-grid {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* 自适应列数 */
        gap: 10px;
    }
}

/* === 公司简介 平板 & 小屏（768px 以下） === */
@media (max-width: 767px) {
    .pc_show { display: none !important; }
    .mo_show { display: block !important; }
    .mo_menus_show { display: none !important; }

    .p_about_m .about_m_r .about-stats-section .about-stats-grid .bottom_number p {
        font-size: 21px;
    }
    .p_about_m .about_m_r .about-stats-section .about-stats-grid .bottom_number .busi_number span {
        font-size: 20px;
    }

    .p_about_m .about_m_r .about-intro-text .about-company-name {
        line-height: 1.4;
        font-size: 18px;
    }

    .p_about_m .about_m_r .about-intro-text .about-intro-text-p {
        line-height: 1.8;
        font-size: 16px;
    }

    .p_about_m .about_m_r .about-intro-text .about-intro-text-strong-p {
        line-height: 1.1;
        font-weight: 600;
        text-indent: 0em;
    }

    /* 每个grid item（bottom_number）添加四周边框 */
    .p_about_m .about_m_r .about-stats-section .about-stats-grid .bottom_number {
        border: 1px solid rgba(61, 129, 255, 0.1); /* 浅灰色边框，适配通用风格 */
        border-radius: 6px; /* 圆角优化，避免生硬 */
        padding: 15px 10px; /* 内边距，避免内容贴边框 */
        text-align: center; /* 文字居中，提升美观度 */
        box-sizing: border-box; /* 边框不超出item宽度 */
        transition: border-color 0.3s ease;
        background: rgba(61, 129, 255, 0.1); /* 轻微背景色，突出边框轮廓 */
    }


    /* 数据指标改为竖排（更易读） */
    .p_about_m .about_m_r .about-stats-section .about-stats-grid {
        grid-template-columns: repeat(2, 1fr); /* 每行固定显示 2 个 */
        gap: 10px;
    }

    /* 强化关键信息 */
    .p_about_m .about_m_r .about-intro-text p:last-child,
    .p_about_m .about_m_r .about-intro-text p:nth-last-child(2) {
        font-weight: 600;
        /*color: #0562AF;*/
    }
}

/* 通用圆形按钮基础样式（35px小尺寸） */
.about-audio-circle-btn {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    cursor: pointer;
    color: white;
    border: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px 10px 0;
    float: right;
    transition: all 0.2s; /* 所有样式过渡，更顺滑 */
    outline: none;
    box-shadow: none;
    position: relative; /* 为播放动效圆点定位 */
}

/* 暂停/停止状态：半透明红黑色背景（你设定的色值） */
.about-audio-pause-state {
    background: rgba(14, 0, 3, 0.49);
}
.about-audio-pause-state:hover {
    background: rgba(14, 0, 3, 0.6); /* 悬浮加深，增加交互反馈 */
}

/* 播放状态：蓝色背景 + 动效 */
.about-audio-play-state {
    background: #4285f4; /* 蓝色 */
    transform: scale(1.05); /* 轻微放大 */
    box-shadow: 0 0 8px rgba(66, 133, 244, 0.6); /* 阴影适配35px按钮 */
}
.about-audio-play-state:hover {
    background: #3367d6; /* 悬浮深蓝 */
}

/* 正在播放的动效圆点（适配35px按钮，缩小尺寸和位置） */
.about-audio-playing-indicator {
    position: absolute;
    width: 5px; /* 原8px，适配35px按钮改小 */
    height: 5px;
    border-radius: 50%;
    background: white;
    right: 5px; /* 原8px，同步改小 */
    bottom: 5px;
    display: none; /* 默认隐藏 */
    animation: about-audio-breathe 1.5s infinite ease-in-out;
}
/* 播放状态下显示动效圆点 */
.about-audio-play-state .about-audio-playing-indicator {
    display: block;
}

/* 呼吸动画关键帧（适配小尺寸圆点） */
@keyframes about-audio-breathe {
    0%, 100% {
        opacity: 0.5;
        transform: scale(0.9); /* 原0.8，小尺寸更自然 */
    }
    50% {
        opacity: 1;
        transform: scale(1.1); /* 原1.2，小尺寸更自然 */
    }
}

.about-audio-wrapper{
    width: 100%;
    position: relative;
    padding-bottom: 50px;
}

/* 按钮点击按压效果 */
.about-audio-circle-btn:active {
    transform: scale(0.98);
    box-shadow: none !important; /* 点击时取消播放阴影 */
}
/* 播放状态点击时的缩放修正 */
.about-audio-play-state:active {
    transform: scale(1.02); /* 基于放大后的按钮，按压更自然 */
}


.about_video_b {
    padding-top: 30px;
    padding-bottom: 20px;
}
.about_video_b .bf {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.about_video_b .bf span {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.about_video_b .bf span:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    width: 50%;
    height: 100%;
    background-image: url(../images/play_border.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    transition: all .4s;
    opacity: 0;
    z-index: -1;
}
.about_video_b .bf p {
    padding-top: 24px;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.about_video_b .bf:hover span:before {
    left: -2px;
    opacity: 1;
    width: 100%;
}





.alltime,
.alltime * {
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.p_about_down {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    z-index: 9;
}
.p_about_down span {
    padding-bottom: 15px;
}
.p_about_down i {
    display: inline-block;
    position: relative;
    width: 1px;
    height: 59px;
    background-color: rgba(255, 255, 255, 0.2);
    overflow: hidden;
}
.p_about_down i:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(0);
    width: 1px;
    height: 10px;
    background-color: var(--style-white-color);
    animation: right-swing 2s ease-out alternate infinite;
}
@keyframes right-swing {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(200%);
    }
    100% {
        transform: translateY(0);
    }
}
/* 视频弹窗 */
html.act {
    height: 100vh;
    overflow: hidden;
}
html.act body {
    height: 100vh;
    overflow: hidden;
}
.z_tanchuang {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    z-index: 110;
}
.z_tanchuang .tbox {
    display: table-cell;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    vertical-align: middle;
}
.z_tanchuang .tbox .modal {
    display: block;
    position: relative;
    width: 90%;
    max-width: 1154px;
    max-height: 90%;
    margin: 0 auto;
}
.z_tanchuang .tbox .out {
    position: absolute;
    width: 68px;
    height: 68px;
    line-height: 40px;
    background: var(--style-darkBlue-color) url(../images/close_w.svg) center no-repeat;
    background-size: 30px 30px;
    top: 0;
    right: 0;
    cursor: pointer;
}
.z_tanchuang .tbox .modal .img {
    width: 100%;
    max-height: 650px;
    margin: 0 auto;
    height: 80vh;
}
.z_tanchuang .tbox .modal .img video {
    display: block;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.z_tanchuang .tbox .modal .img img {
    margin: 0 auto;
}
.z_tanchuang .tbox .modal .img {
    max-width: 1200px;
}
/* 弹窗选中 */
.z_tanchuang.one {
    transform: scaleY(0.01) scaleX(0);
    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-transform: scaleY(0.01) scaleX(0);
    -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.z_tanchuang.one .tbox .modal {
    transform: scale(0);
    animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-transform: scale(0);
    -webkit-animation: mzoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.z_tanchuang.one.out {
    transform: scale(1);
    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-transform: scale(1);
    -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.z_tanchuang.one.out .tbox .modal {
    animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
/* 弹窗动画 */
@keyframes unfoldIn {
    0% {
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}
@keyframes mzoomIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(0.005) scaleX(0);
    }
}
@-webkit-keyframes mzoomIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@-webkit-keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(0.005) scaleX(0);
    }
}
@-webkit-keyframes unfoldIn {
    0% {
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}
.section {
    position: relative;
    width: 100%;
}
.section2 {
    background-color: #111e45;
    transition: background-color 0.4s linear;
}
.p_about_two {
    overflow: hidden;
}
.p_about_two .about_two_n {
    position: relative;
    width: 100%;
    padding: 180px 0 210px 0;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    z-index: 1;
}
.p_about_two .about_two_n:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    max-width: 542px;
    height: 100%;
    background-image: url(../images/a_two_w.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
.about_two_n .two_n_left>div {
    font-weight: 700;
    line-height: 1.5;
}
.about_two_n .two_n_left>div:first-child {
    color: var(--style-blue-color);
}
.about_two_n .two_n_left>div:nth-child(2) {
    color: var(--style-white-color);
    font-weight: 500;
}
.about_two_n .two_n_text {
    flex: 1;
    max-width: 684px;
    margin-left: 80px;
}
.about_two_n .two_n_text p {
    color: var(--style-white-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 25px;
}
.about_two_n .two_n_text p:last-child {
    padding-bottom: 0;
}
.about_busi {
    padding-top: 70px;
    padding-bottom: 60px;
}
.about_busi .busi_title {
    color: var(--style-black-color);
    font-weight: 700;
    line-height: 1.5;
}
.section2:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #F1F8FD;
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear;
    pointer-events: none;
}
.newClassName:before {
    opacity: 1;
}
.newClassName .about_two_n .two_n_left>div:nth-child(2) {
    color: var(--style-black-color);
}
.newClassName .about_two_n .two_n_text p {
    color: #657188;
}
.newClassName .p_about_two .about_two_n:before {
    opacity: 0.2;
}
/*业务*/
.section3 {
    position: relative;
    overflow: hidden;
}
.busi_text {
    position: absolute;
    top: 24px;
    left: 0;
    text-align: left;
    color: #657188;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    z-index: 9;
}
.about_busi .world-map {
    margin-bottom: 77px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.about_busi .world-map svg {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.about_busi .world-map svg path {
    stroke: #0562AF;
    stroke-dasharray: 2000;
    stroke-dashoffset: -2000;
    -webkit-animation: circle-draw 6s cubic-bezier(.215, .61, .355, 1) infinite forwards;
    animation: circle-draw 6s cubic-bezier(.215, .61, .355, 1) infinite forwards
}
@keyframes circle-draw {
    0% {
        stroke-dashoffset: -2000
    }
    40% {
        stroke-dashoffset: 0
    }
    70% {
        stroke-dashoffset: 0
    }
    to {
        stroke-dashoffset: 2000
    }
}
@-webkit-keyframes circle-draw {
    0% {
        stroke-dashoffset: -2000
    }
    40% {
        stroke-dashoffset: 0
    }
    70% {
        stroke-dashoffset: 0
    }
    to {
        stroke-dashoffset: 2000
    }
}
.world-map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}
.world-map .dot {
    position: absolute;
    z-index: 6;
    display: flex;
    align-items: center;
}
.world-map .dot span {
    color: #657188;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.world-map .dot i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--style-darkBlue-color);
    margin-right: 16px;
    position: relative;
}
.world-map .dot i::before,
.world-map .dot i::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(0, 85, 155, .7);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: aboutbjRing 1.5s linear infinite;
    opacity: 0;
}
.world-map .dot i::before {
    animation-delay: .6s;
}
.world-map .dot i::after {
    animation-delay: 0s;
}
@keyframes aboutbjRing {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.8)
    }
    5% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(3)
    }
}
.world-map .dot {
    position: absolute;
    z-index: 6;
    display: flex;
    align-items: center;
}
.world-map .dot.active {
    flex-direction: column-reverse;
    justify-content: center;
}
.world-map .dot.active em {
    position: absolute;
    left: 50%;
    bottom: 4px;
    transform: translateX(-50%);
    width: 18px;
    height: 26px;
    background-image: url(../images/busi_active.svg);
    background-repeat: no-repeat;
}
.world-map .dot.active i {
    margin-right: 0;
    background: var(--style-blue-color) url('https://renalysis.com.cn/template/default/index//4195/images/pages/abo2_2.png') no-repeat center;
    width: 12px;
    height: 12px;
}
.world-map .dot.active span {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    border-radius: 6px;
    background: var(--style-darkBlue-color);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 24px;
}
.world-map .dot.active span:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background-image: url(../images/busi_jt.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.world-map .dot.active i::before,
.world-map .dot.active i::after {
    border: 1px solid rgba(0, 86, 184, .7);
}
.world-map .dot.zhongguo {
    left: 36.2%;
    top: 29%;
}
.world-map .dot.deguo {
    left: 8.7%;
    top: 29%;
}
.world-map .dot.shate {
    left: 18.2%;
    top: 48.2%;
}
.world-map .dot.nanfei {
    left: 13.4%;
    top: 78.1%;
}
.world-map .dot.taiguo {
    left: 33.2%;
    top: 51.5%;
}
.world-map .dot.xinjiapo {
    left: 33.8%;
    top: 59.8%;
}
.world-map .dot.riben {
    left: 43.2%;
    top: 38.5%;
}
.world-map .dot.aodaliya {
    left: 41.5%;
    top: 75.8%;
}
.world-map .dot.jianada {
    left: 73%;
    top: 24.5%;
}
.world-map .dot.meiguo {
    left: 76.5%;
    top: 36.5%;
}
.world-map .dot.baxi {
    left: 89.3%;
    top: 67.4%;
}
.busi_bottom {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    z-index: 9;
}
.busi_bottom .sth {
    float: right;
    color: #CED2DA;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.busi_bottom .bottom_left {
    display: flex;
    float: left;
    width: calc(100% - 220px);
}
.busi_bottom .bottom_number {
    text-align: left;
    padding-right: 40px;
}
.busi_bottom .bottom_number:last-child {
    padding-right: 0;
}
.busi_bottom .bottom_number .busi_number {
    text-align: left;
    padding-right: 40px;
}
.busi_bottom .bottom_number .busi_number span {
    color: #0562AF;
    font-family: D-DINExp;
    font-weight: 700;
    line-height: 1;
}
.busi_bottom .bottom_number .busi_number em {
    color: var(--style-darkBlue-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.busi_bottom .bottom_number p {
    padding-top: 8px;
    color: rgba(5, 11, 42, 0.78);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
@media (max-height:800px) {
    .p_about_m .about_m_r {
        max-height: 900px;
    }
}
@media (max-height:750px) {
    .p_about_year {
        padding-top: 45px;
        padding-bottom: 30px;
    }
    .p_about_m .about_m_r {
        max-height: 750px;
        font-size: 16px;
    }
}
@media (max-height:700px) {
    .p_about_year {
        padding-top: 45px;
        padding-bottom: 20px;
    }
    .p_about_m .about_m_r {
        height: 100%;
        width: 100%;
    }
    .p_about_m .about_m_l strong {
        line-height: 1.4;
    }
    .p_about_m {
        margin-top: 30px;
    }
    .about_video_b .bf img {
        width: 50px;
    }
    .about_video_b .bf p {
        padding-top: 14px;
    }
}
@media (max-width:1580px) {
    .world-map .dot.zhongguo {
        left: 36%;
        top: 27.2%;
    }
}
@media (max-width:1440px) {
    .p_about_year .year_n span {
        font-size: 80px;
    }
    .world-map .dot.zhongguo {
        left: 35.8%;
        top: 26.4%;
    }
    .world-map .dot.nanfei {
        left: 13.4%;
        top: 77.1%;
    }
}
@media (max-width:1366px) {
    .p_about_year .year_n span {
        font-size: 76px;
    }
    .world-map .dot.zhongguo {
        left: 35.7%;
        top: 26.4%;
    }
    .world-map .dot.active i {
        width: 10px;
        height: 10px;
    }
}
@media (max-width:1300px) {
    .world-map .dot.zhongguo {
        left: 35.7%;
        top: 25.8%;
    }
}
@media (max-width:1280px) {
    .p_about_year .year_n span {
        font-size: 66px;
    }
    .busi_bottom .bottom_number {
        padding-right: 30px;
    }
    .world-map .dot.zhongguo {
        left: 35.5%;
        top: 25.8%;
    }
}
@media (max-width:1200px) {
    .world-map .dot.zhongguo {
        left: 35.4%;
        top: 24.6%;
    }
}
@media (max-width:1150px) {
    .world-map .dot.zhongguo {
        left: 35.2%;
        top: 23.8%;
    }
    .world-map .dot.deguo {
        left: 8.7%;
        top: 28%;
    }
    .world-map .dot.taiguo {
        left: 33.2%;
        top: 50.5%;
    }
    .world-map .dot.aodaliya {
        left: 41.3%;
        top: 75.8%;
    }
    .world-map .dot.baxi {
        left: 89.3%;
        top: 67.2%;
    }
    .world-map .dot.shate {
        left: 18%;
        top: 48.2%;
    }
}
@media (max-width:1100px) {
    .world-map .dot.zhongguo {
        left: 34.8%;
        top: 22.8%;
    }
}
@media (max-width:1100px) {
    .busi_bottom {
        position: relative;
        bottom: inherit;
        overflow: hidden;
    }
    .about_busi .world-map {
        margin-bottom: 0;
    }
    .busi_bottom .bottom_left {
        float: left;
        padding-top: 30px;
        display: block;
        width: 100%;
        text-align: left;
        overflow: hidden;
    }
    .busi_bottom .bottom_number {
        display: inline-block;
    }
}
@media (max-width:1050px) {
    .world-map .dot.zhongguo {
        left: 34.6%;
        top: 21.8%;
    }
}
@media (max-width:991px) {
    .p_about_year .year_n span {
        font-size: 56px;
    }
    .p_about_year {
        padding-top: 45px;
    }
    .about_video_b .bf img {
        width: 50px;
    }
    .about_video_b .bf p {
        padding-top: 14px;
    }
    .p_about_two .about_two_n {
        padding: 100px 0 180px 0;
    }
    .p_about_two .about_two_n {
        display: block;
        padding: 100px 0 100px 0;
    }
    .about_two_n .two_n_text {
        max-width: inherit;
        margin-left: 0;
        padding-top: 50px;
    }
    .world-map .dot.zhongguo {
        left: 35.1%;
        top: 22.9%;
    }
}
@media (max-width:900px) {
    .world-map .dot.zhongguo {
        left: 34.6%;
        top: 21.9%;
    }
}
@media (max-width:768px) {
    .busi_text {
        position: relative;
        top: auto;
    }
    .world-map .dot.zhongguo {
        left: 33.6%;
        top: 17.9%;
    }
    .world-map .dot.jianada {
        left: 73%;
        top: 23.6%;
    }
    .world-map .dot.aodaliya {
        left: 41.1%;
        top: 75.5%;
    }
    .world-map .dot.shate {
        left: 18%;
        top: 47.2%;
    }
    .world-map .dot.xinjiapo {
        left: 32.8%;
        top: 58.8%;
    }
    .world-map .dot.baxi {
        left: 89.1%;
        top: 65.4%;
    }
    .world-map .dot.nanfei {
        left: 13.2%;
        top: 76.2%;
    }
}
@media (max-width:767px) {
    .a_menu {
        top: 0;
        margin-top: 80px;
        position: relative;
    }
    .p_about_video video {
        display: none !important
    }
    .p_about_video img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }
    .p_about_top {
        height: auto;
    }
    .a_menu .menu_loop {
        overflow-x: auto;
        justify-content: inherit;
    }
    .a_menu .menu_loop li {
        flex-shrink: 0;
    }
    .p_about_year .year_n span {
        font-size: 36px;
    }
    .p_about_top .p_about_n {
        padding-top: 104px;
    }
    .z_tanchuang .tbox .modal .img {
        max-height: 90%;
        height: auto;
    }
    .p_about_m {
        margin-top: 10px;
        display: block;
    }
    .p_about_m .about_m_l {
        width: 100%;
        padding-right: 0;
    }
    .p_about_m .about_m_r {
        margin-top: 10px;
        width: 100%;
        height: auto;
    }
    .p_about_down {
        display: none !important;
    }
    .p_about_m .about_m_r p {
        color: var(--style-black-color);
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 15px;
    }
    .p_about_year .year_n span:first-child {
        margin-right: 15px;
    }
    .p_about_year .year_t {
        padding-left: 20px;
        color: #FFF;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        background-size: 8px 8px;
    }
    .p_about_two .about_two_n {
        padding: 60px 0 60px 0;
    }
    .about_two_n .two_n_text {
        padding-top: 50px;
    }
    .about_busi {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .busi_bottom .bottom_number {
        width: 50%;
        float: left;
        padding-right: 10px;
        padding-bottom: 25px;
    }
    .busi_bottom .sth {
        font-size: 14px;
        line-height: 24px;
    }
    .z_tanchuang .tbox .out {
        width: 58px;
        height: 58px;
        line-height: 30px;
        background-size: 30px 30px;
    }
    .busi_text {
        font-size: 14px;
    }
    .about_busi .busi_title {
        padding-bottom: 20px;
    }
    .about_busi .world-map {
        margin-top: 30px;
    }
    .about_two_n .two_n_text p {
        font-size: 16px;
        line-height: 26px;
    }
    .p_about_two .about_two_n::before {
        width: 100%;
    }
    .about_video_b {
        text-align: center;
    }
}
@media (max-width:413px) {
    .busi_bottom .bottom_number {
        width: 100%;
    }
}
@media (max-width:359px) {
    .p_about_year {
        display: block;
    }
}
/*culture*/
.company_culture_container {
    width: 100%;
    position: relative;
    height: 1200px;
    overflow: hidden;
}
.company_culture_container .a_menu {
    top: 0;
}
.company_culture_container .culture_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.company_culture_container .culture_bg_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(1, 4, 38, 0.14) 0%, rgba(0, 7, 24, 0.16) 100%);
}
.company_culture_container .container {
    height: 100%;
}
.culture_content {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 24px;
}
.culture_big_title {
    margin-top: 130px;
    font-size: 60px;
    color: var(--style-white-color);
    text-shadow: 0 3px 2px rgba(5, 11, 42, 0.8);
    text-align: center;
    min-height: 115px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase;
}
.company_culture_container .culture_list {
    padding-top: 200px;
}
.company_culture_container .culture_list li {
    width: 50%;
    float: left;
    text-align: center;
}
.company_culture_container .culture_list span {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border: 1px solid white;
    border-radius: 50%;
}
.company_culture_container .culture_list span img {
    width: 46px;
}
.company_culture_container .culture_list li:hover span {
    background-color: var(--style-white-color);
}
.company_culture_container .culture_list span img:nth-child(2) {
    display: none;
}
.company_culture_container .culture_list li:hover span img:nth-child(1) {
    display: none;
}
.company_culture_container .culture_list li:hover span img:nth-child(2) {
    display: inline-block;
}
.company_culture_container .culture_list .culture_list_title {
    margin-top: 16px;
    color: var(--style-white-color);
    text-shadow: 0 1px 2px rgba(5, 11, 42, 0.8);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 80px;
}
.company_culture_container .culture_list p {
    margin-top: 20px;
    position: relative;
    color: var(--style-white-color);
    text-shadow: 0 1px 2px rgba(5, 11, 42, 0.8);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.8;
    transition: all .4s;
}
@media (min-width:768px) {
    .company_culture_container .culture_list p {
        transition: all .4s;
    }
    .company_culture_container .culture_list p:before {
        top: 0;
        width: 1px;
        height: 32px;
        background-color: #fff;
        opacity: 0;
    }
    /* 鼠标悬浮 li 时，标题字体加大 */
    .culture_list li:hover .culture_list_title {
        font-size: 50px;
    }
}
@media (max-width:1366px) {
    .company_culture_container .culture_list p {
        font-size: 20px;
    }
}
@media (max-width:1280px) {
    .company_culture_container {
        height: 900px;
    }
    .company_culture_container .culture_list {
        padding-top: 304px;
    }
    .company_culture_container .culture_list p {
        font-size: 18px;
    }
}
@media (max-width:1200px) {
    .company_culture_container {
        height: 830px;
    }
    .culture_big_title {
        margin-top: 140px;
    }
}
@media (max-width:1100px) {
    .company_culture_container {
        height: 750px;
    }
    .culture_big_title {
        margin-top: 130px;
    }
    .company_culture_container .culture_list {
        padding-top: 240px;
    }
}
@media (max-width:991px) {
    .company_culture_container {
        height: 700px;
    }
    .culture_big_title {
        margin-top: 20px;
        line-height: 1.4;
    }
    .company_culture_container .culture_list {
        padding-top: 200px;
    }
    .company_culture_container .culture_list p {
        font-size: 16px;
    }
}
@media (max-width:767px) {
    .culture_big_title {
        line-height: 1.8;
        font-size: 30px;
        color: #fff;
        shadow: 0 0 10px rgba(0, 0, 0, 0.62);
    }
    .company_culture_container .culture_list {
        padding-top: 50px;
    }
    .company_culture_container {
        height: auto;
    }
    .company_culture_container .a_menu {
        margin-top: 0;
    }
    .culture_content {
        padding-top: 24px;
    }
    .company_culture_container .culture_list li {
        width: 100%;
        padding-bottom: 30px;
    }
    .company_culture_container .culture_list span {
        width: 64px;
        height: 64px;
    }
    .company_culture_container .culture_list span img {
        width: 36px;
    }
    .company_culture_container .culture_list p {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 22px;
    }

    .company_culture_container .culture_list .culture_list_title {
        margin-top: 16px;
        font-size: 26px;
        margin-bottom: 20px;
    }
}
@media (max-width:540px) {
    .culture_big_title {
        margin-top: 40px;
        max-width: 300px;
        margin: 0 auto;
    }
    .company_culture_container .culture_list span {
        width: 54px;
        height: 54px;
    }
    .company_culture_container .culture_list span img {
        width: 26px;
    }
    .company_culture_container .culture_list .culture_list_title {
        margin-top: 20px;
    }
}


/*荣誉资质*/
/* 荣誉板块容器 */
.honor-section {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* 标题样式 */
.honor-title {
    font-size: 36px;
    font-weight: 700;
    color: var(--style-black-color);
    margin-bottom: 20px;
    position: relative;
    padding-top: 50px;
    padding-bottom: 20px;
}

/* 荣誉列表网格布局 */
.honor-grid {
    display: grid;
    /* PC端每行4个，间距2rem */
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

/* 荣誉卡片样式 - 核心修改：增加左右内边距 */
.honor-card {
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* 增大左右边距（内边距），上下可根据需要调整 */
    padding: 0 0.5rem; /* 左右1.5rem，上下0（图片区域不需要上下边距） */
}
.honor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

/* 荣誉图片容器 - 补充：因卡片加了padding，图片容器需重新适配 */
.honor-img-wrapper {
    width: 100%;
    /*aspect-ratio: 4/3; !* 保持图片比例统一 *!*/
    overflow: hidden;
    /* 图片容器宽度100%，自动适配卡片的padding */
    margin: 0 0 0 0; /* 给图片上下加间距，和卡片内边距呼应 */
}
.honor-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.5s ease;
}
.honor-desc {
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    color: #050b2a;
    font-weight: bold;
}

/* 响应式适配 - 补充：移动端调整卡片边距，避免过挤 */
/* 平板端：每行2个 */
@media (max-width: 992px) {
    .honor-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .honor-card {
        padding: 0 1rem; /* 平板端适当减小左右边距 */
    }
}
/* 手机端：每行1个 */
@media (max-width: 767px) {
    .honor-grid {
        grid-template-columns: 1fr;
    }
    .honor-title {
        font-size:22px;
        font-weight: 600;
        color: var(--style-black-color);
        margin-bottom: 20px;
        position: relative;
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .honor-card {
        padding: 0 10px; /* 手机端可适当加大左右边距，提升视觉效果 */
    }
}

/*联系我们*/
.contact_top {
    position: relative;
    padding-top: 114px;
    /*background-image: url(../images/contact_bg.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.contact-info-section {
    padding-top: 5px;
    margin-bottom: 10px;
    margin-left: 12%;
}
.contact-info-section .title {
    width: 100%;
    padding-bottom: 26px;
    border-bottom: 1px solid #CAD6E1;
}
.contact-info-section .title strong {
    color: var(--style-black-color);
    font-weight: 700;
    line-height: 1.4;
}
.contact-info-section .title p {
    padding-top: 5px;
    color: var(--style-black-color);
    font-weight: 400;
    line-height: 1.4;
}


@media (max-width:767px) {
    .contact-info-section {
        margin-left: 0%;
    }
    .contact_top {
        padding-top: 70px;
    }
    .contact_top .location {
        margin-top: 10px;
    }
}


/* 核心：PC端固定容器高度，让2:1比例精准生效 */
.product-layout-container {
    display: flex;
    width: 100%;
    min-height: 70vh;
    max-height: 80vh;
    gap: 8px;
    padding: 10px;
    align-items: stretch;
    max-width: 100vw;
    overflow: hidden;
    height: 80vh; /* 关键：设置height之后，其子元素们的高度才会生效 */
}

/* 左侧列：独立控制高度，保证2:1比例生效 */
.product-left-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%; /* 继承容器固定高度 */
    overflow: hidden; /* 防止子模块溢出 */
}

.product-middle-column {
    flex: 1;
    height: 100%;
    overflow: hidden; /* 防止图片溢出 */
}
.product-right-column {
    flex: 1;
    height: 100%;
    overflow: hidden; /* 防止图片溢出 */
    /*margin-top: -30px;*/
}

/* 通用模块：调整高度计算方式，预留文字区空间 */
.product-layout-module {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

.product-module-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-decoration: none;
}

/* 图片容器：扣除文字区高度，避免挤压 */
.product-pdm-module-img-wrap {
    flex: 1;
    overflow: hidden;
    width: 100%;
    height: calc(100% - 60px); /* 扣除文字区60px高度 */
    min-height: 0;
}

.product-pdm-module-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    display: block;
    image-rendering: -webkit-optimize-contrast;
}

/* 图片容器：扣除文字区高度，避免挤压 */
.product-module-img-wrap {
    flex: 1;
    width: 100%;
    height: calc(100% - 60px); /* 扣除文字区60px高度 */
    /* 隐藏放大溢出的部分 */
    overflow: hidden;
    border-radius: inherit;
}

.product-module-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    image-rendering: -webkit-optimize-contrast;
}

/* 图片容器：扣除文字区高度，避免挤压 */
.product-pds-module-img-wrap {
    flex: 1;
    width: 100%;
    height: calc(100% - 60px); /* 扣除文字区60px高度 */
    /* 隐藏放大溢出的部分 */
    overflow: hidden;
    border-radius: inherit;
}

.product-pds-module-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    image-rendering: -webkit-optimize-contrast;
    /*margin-top: 40px;*/
}


/* 文字区：固定高度，不挤压图片 */
.product-pdt-module-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #f5f7fe;
    background-color: rgba(22, 122, 226, 0.58);
    text-shadow: 0 1px 2px #0e0003;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 11;
    pointer-events: none;
}

.product-pdm-module-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #f5f7fe;
    background-color: rgba(22, 122, 226, 0.58);
    text-shadow: 0 1px 2px #0e0003;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 11;
    pointer-events: none;
}

.product-pds-module-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #f5f7fe;
    background-color: rgba(22, 122, 226, 0.58);
    text-shadow: 0 1px 2px #0e0003;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 11;
    pointer-events: none;
}

/* 左侧上下模块：强制2:1比例，且扣除间距影响 */
.product-left-top {
    flex: 1; /* 保留flex比例兜底 */
    /*height: 500px; !* 8px是上下模块间距，精准计算 *!*/
    /*height: calc((100% - 8px) * 2 / 3); !* 8px是上下模块间距，精准计算 *!*/
}
.product-left-bottom {
    flex: 1; /* 保留flex比例兜底 */
    /*height: 400px; !* 保证1/3高度 *!*/
    /*height: calc((100% - 8px) * 1 / 3); !* 保证1/3高度 *!*/
}

/* 移动端适配：同步保证2:1比例 */
@media (max-width: 768px) {
    .product-layout-container {
        flex-direction: column;
        min-height: 1800px;
        max-height: none;
        padding: 8px;
        border: none;
        gap: 8px;
    }

    /* 移动端左侧列固定高度，保证2:1比例 */
    .product-left-column {
        height: auto;
        min-height: 600px;
        max-height: none;
        width: 100%;
    }

    .product-middle-column {
        height: auto;
        min-height: 600px;
        max-height: none;
        width: 100%;
    }
    .product-right-column {
        height: auto;
        min-height: 400px;
        max-height: none;
        width: 100%;
        margin-top: -70px;
    }

    /* 移动端图片容器：扣除文字区50px高度 */
    .product-pdm-module-img-wrap {
        height: calc(100% - 50px);
    }

    .product-module-img-wrap {
        height: calc(100% - 50px);
    }
    .product-pds-module-img-wrap {
        height: calc(100% - 50px);
    }

    .product-pdt-module-text {
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        padding-bottom: 30px;
    }

    .product-pdm-module-text {
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        margin-bottom: 35px;
    }

    .product-pds-module-text {
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        margin-bottom: 35px;
    }

    .product-module-img-wrap img {
        object-fit: cover;
        image-rendering: -webkit-optimize-contrast;
    }
    .product-pds-module-img-wrap img {
        object-fit: scale-down;
        image-rendering: -webkit-optimize-contrast;
    }
}


/* 主页 产品中心 整体布局容器 */
.product-layout-container-pc {
    position: relative;
    display: flex;
    justify-content: space-between; /* 改为space-between，让左右侧占满剩余宽度 */
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

/* 中间圆形图片 */
.product-central-image {
    position: relative;
    width: 53vh;
    height: 53vh;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    /* 初始阴影（柔和）*/
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    /* 平滑过渡 */
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
    /* 核心：上移40px（translateY 负值） */
    transform: translateY(-40px);
}
.product-central-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.4s ease;
}

/* 悬停状态：放大 + 抬升 + 光晕 + 阴影强化 */
.product-central-image:hover {
    transform: translateY(-6px) scale(1.025);
    box-shadow:
            0 12px 32px rgba(61, 129, 255, 0.68),   /* 主光晕（品牌蓝）*/
            0 0 0 4px rgba(61, 129, 255, 0.1);      /* 外发光环 */
}

.product-central-image:hover img {
    transform: scale(1.04);
}


/* 视频播放按钮 - 悬浮在图片底部居中 */
.video-play-btn {
    position: absolute;
    bottom: 10px; /* 距离图片底部20px */
    left: 50%;
    transform: translateX(-50%) translateY(-60px);
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(61, 129, 255, 0.9); /* 半透明品牌蓝 */
    color: #fff;
    padding: 17px 24px;
    border-radius: 30px; /* 圆角按钮 */
    cursor: pointer;
    z-index: 3; /* 层级高于图片 */
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(61, 129, 255, 0.4);
}
/* 播放图标样式（无需额外图片，纯CSS实现） */
.video-play-btn .play-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: relative;
}
/* 播放三角标 */
.video-play-btn .play-icon::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 12px;
    border-color: transparent transparent transparent #fff;
}
/* 播放按钮文字 */
.video-play-btn .play-text {
    font-size: 16px;
    font-weight: 500;
}
/* 按钮hover效果 */
.video-play-btn:hover {
    background: #3d81ff; /* 纯色品牌蓝 */
    box-shadow: 0 6px 16px rgba(61, 129, 255, 0.6);
}
/* 图片hover时，按钮同步适配 */
.product-central-image:hover .video-play-btn {
    transform: translateX(-50%) translateY(-1px) scale(1.05); /* 跟随图片上移+放大 */
}


/* 左右两侧图片容器 */
.product-side-images {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    flex: 1; /* 关键：占满中间圆形外的剩余宽度 */
    max-width: calc(50% - 30vh); /* 限制最大宽度，避免挤压中间圆形 */
    padding: 0 15px; /* 保留少量内边距，避免贴边 */
}

/* 周围图片及说明容器 */
.product-surrounding-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0;
    width: 100%; /* 占满父容器宽度 */
}

/* ===== 统一所有翻转卡片的样式 ===== */
.flip-card {
    width: 50vh;
    height: 37vh; /* 统一高度，移除右侧80vh的错误设置 */
    position: relative;
}

.pdm-flip-card {
    width: 50vh;
    height: 78vh; /* 统一高度，移除右侧80vh的错误设置 */
    perspective: 1000px;
    position: relative;
}

.flip-card-inner, .pdm-flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* 支持 JS 切换翻转状态 */
.flip-card-inner.flipped, .pdm-flip-card-inner.flipped {
    transform: rotateY(180deg);
}

/* 统一悬停翻转触发规则 */
.flip-card:hover .flip-card-inner,
.pdm-flip-card:hover .pdm-flip-card-inner {
    transform: rotateY(180deg);
}

/* 统一正面/背面基础样式 */
.flip-card-front, .flip-card-back,
.pdm-flip-card-front, .pdm-flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
}

/* 统一正面样式 */
.flip-card-front, .pdm-flip-card-front {
    background: rgba(0, 0, 0, 0.07);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0; /* 移除多余padding，保持和左侧一致 */
}

/* 统一图片样式 */
.flip-card-front img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 统一使用cover，保持视觉一致 */
    /* 移除高清渲染（非必要，且可能影响显示） */
}

/* 统一图片样式 */
.pdm-flip-card-front img {
    width: 100%;
    height: 100%; /* 给文字和按钮留空间 */
    flex-shrink: 0;
    object-fit: contain; /* 完整显示图片，不拉伸不裁剪 */
    /* max-height: 200px;限制图片最大高度，避免占满整个卡片 */
    /* 高清渲染 */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* 统一文字描述样式 */
.product-description {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: 0;
    color: white;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    font-weight: 600;
    font-size: 1.5em;
    z-index: 2;
    text-align: center;
}

.pdm-product-description {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: 0;
    color: white;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    font-weight: 600;
    font-size: 1.5em;
    z-index: 2;
    text-align: center;
    /*margin-bottom: 200px;*/
    /*margin-right: 130px;*/
}

/* 统一正面按钮样式 */
.flip-card-front .product-btn, .pdm-flip-card-front .product-btn {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    transition: bottom 0.3s ease;
    z-index: 2;
}

.flip-card:hover .flip-card-front .product-btn,
.pdm-flip-card:hover .pdm-flip-card-front .product-btn {
    bottom: 8px;
}

/* 统一背面样式 */
.flip-card-back, .pdm-flip-card-back {
    background: linear-gradient(135deg, #af5fff 30%, #6ea3fb 70%);
    color: white;
    transform: rotateY(180deg);
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.9em;
}

/* 统一背面标题样式 */
.flip-card-back h3 {
    margin-bottom: 12px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.4;
}

/* 统一背面标题样式 */
.pdm-flip-card-back h3 {
    margin-bottom: 12px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.4;
}

/* 统一背面列表样式 */
.flip-card-back ul, .pdm-flip-card-back ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
    font-size: 1.2em;
    line-height: 1.6;
}

.flip-card-back ul li, .pdm-flip-card-back ul li {
    font-size: 1.2em;
    line-height: 1.8;
    position: relative;
    padding-left: 20px;
    text-align: left;
}

.flip-card-back ul li::before, .pdm-flip-card-back ul li::before {
    content: "• ";
    color: white;
    font-weight: bold;
}

/* 统一背面按钮样式 */
.flip-card-back .product-btn, .pdm-flip-card-back .product-btn {
    background-color: white;
    color: #2575fc;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 20px;
    text-decoration: none;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%) rotateY(0);
}

.flip-card-back .product-btn:hover, .pdm-flip-card-back .product-btn:hover {
    background-color: #f0f0f0;
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}

/* 通用按钮样式 */
.product-btn {
    display: inline-block;
    padding: 5px 10px;
    background-color: #800080;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    font-size: 0.9em;
}

/* 响应式布局 （平板/手机） */
@media (max-width: 768px) {
    .product-layout-container-pc {
        display: none !important;
    }

    .product-central-image {
        width: 450px;
        height: 450px;
        margin: 20px 0;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    }

    .flip-card-front img {
        object-fit: cover; /* 统一使用cover，保持视觉一致 */
    }

    .product-central-image:hover {
        transform: translateY(-3px) scale(1.015);
        box-shadow:
                0 8px 24px rgba(61, 129, 255, 0.18),
                0 0 0 2px rgba(61, 129, 255, 0.08);
    }

    .product-central-image:hover img {
        transform: scale(1.025);
    }

    .product-side-images {
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
        margin-top: 20px;
    }

    .product-surrounding-item {
        margin: 0 5px;
    }

    /* 卡片尺寸 */
    .flip-card {
        width: 450px;
        height: 450px;
    }
    .pdm-flip-card {
        width: 450px;
        height: 600px;
    }

    /* 响应式下统一文字大小 */
    .product-description, .pdm-product-description {
        font-size: 0.95em;
    }

    /* 响应式下统一背面样式 */
    .flip-card-back, .pdm-flip-card-back {
        font-size: 1.1em;
        padding: 10px;
    }

    .flip-card-back h3, .pdm-flip-card-back h3 {
        margin-bottom: 12px;
        font-size: 1.1em;
        font-weight: bold;
        line-height: 1.4;
    }

    .flip-card-back ul, .pdm-flip-card-back ul {
        font-size: 0.9em;
    }

    .flip-card-back ul li, .pdm-flip-card-back ul li {
        font-size: 0.9em;
        line-height: 1.4;
        position: relative;
        padding-left: 20px;
        text-align: left;
    }

    .flip-card-back .product-btn, .pdm-flip-card-back .product-btn {
        bottom: 10px;
        padding: 5px 10px;
        font-size: 0.85em;
    }

    .product-intro {
        font-size: 1.1em;
    }

    .product-layout-container-mobile {
        width: 100%;
        padding: 10px 0 30px;
        position: relative; /* 为按钮定位做父容器 */
    }

    .mobile-swiper {
        width: 100%;
        padding: 0 30px; /* 给按钮留出空间，避免遮挡图片 */
        box-sizing: border-box;
    }

    .mobile-swiper .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        /* 关键：给轮播slide设置统一高度 */
        height: 600px; /* 可根据需求调整，建议200-300px适配移动端 */
    }

    .mobile-swiper .swiper-slide img {
        display: block;
        width: 100%;
        /* 核心：统一图片高度，和slide高度一致 */
        height: 100%;
        /* 关键：保持图片比例，裁剪/填充，避免变形 */
        object-fit: contain; /* 可选：contain（完整显示，可能留空白） | cover（裁剪填充，无空白） */
        /* contain:把图片 “完整装进去”，容器有空白就留空白（可能上下 / 左右留白）.cover:把图片 “撑满容器”，多余部分切掉（优先保留图片中心内容） */
        object-position: center; /* 图片居中显示，优先展示核心内容 */
        border-radius: 12px;
    }

    /* 轮播指示器小圆点 */
    .mobile-swiper .swiper-pagination {
        bottom: -20px !important; /* 调整小圆点位置，避开按钮 */
    }
    .mobile-swiper .swiper-pagination-bullet {
        background: #ccc;
        opacity: 0.8;
        width: 8px;
        height: 8px;
    }
    .mobile-swiper .swiper-pagination-bullet-active {
        opacity: 1;
        background: #007bff;
    }

    /* 左右切换按钮样式 */
    .mobile-swiper .swiper-button-prev,
    .mobile-swiper .swiper-button-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        color: #fff;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 0.3s ease;
    }
    /* 按钮hover效果 */
    .mobile-swiper .swiper-button-prev:hover,
    .mobile-swiper .swiper-button-next:hover {
        background: rgba(0, 0, 0, 0.8);
    }
    /* 左按钮位置 */
    .mobile-swiper .swiper-button-prev {
        left: 0;
    }
    /* 右按钮位置 */
    .mobile-swiper .swiper-button-next {
        right: 0;
    }
    /* 隐藏默认箭头图标，自定义简易箭头 */
    .mobile-swiper .swiper-button-prev::after,
    .mobile-swiper .swiper-button-next::after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    .mobile-swiper .swiper-button-prev::after {
        transform: rotate(-135deg);
        margin-left: 4px;
    }
    .mobile-swiper .swiper-button-next::after {
        transform: rotate(45deg);
        margin-right: 4px;
    }
}


/* ===== 服务指南容器 ===== */

/* 服务项目容器样式 */
.service-guide-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 20px;
}
.servic-guides-section {
    padding: 0 0;
    background: #F9FAFB;
}

.service-section-title {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #000e01;
    padding-top: 3rem;
    margin-bottom: 3rem;
    letter-spacing: -0.5px;
    position: relative;
}


.service-section-title::after {
    content: "";
    display: block;
    width: 320px;
    height: 4px;
    background: linear-gradient(90deg, #167ae2, #f8ff30);
    margin: 1rem auto;
    border-radius: 2px;
}

/* ===== 卡片网格 ===== */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 2fr));
    gap: 2rem;
    max-width: 1680px;
    margin: 0 auto;
}

/* ===== 卡片基础样式 ===== */
.service-card {
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.59);
    transition: all 0.3s ease;
    overflow: visible; /* 这里必须改！hidden 会破坏居中 */
    position: relative;
}

.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(87, 98, 230, 0.57);
}

/* ===== 四张卡片专属渐变背景 ===== */
.service-card:nth-child(1) {
    background: linear-gradient(165deg, #f8f8f8 0%, #f0dd50 50%, rgba(43, 220, 11, 0.41) 100%);
}
.service-card:nth-child(2) {
    background: linear-gradient(135deg, #FFF8E6 0%, #f5d9b3 50%, #D4AF37 100%);
}
.service-card:nth-child(3) {
    background: linear-gradient(135deg, #E8F5FD 0%, rgba(176, 196, 222, 0.67) 50%, #2aaaf4 100%);
}
.service-card:nth-child(4) {
    background: linear-gradient(165deg, #f8f8f8 0%, #f0dd50 50%, rgba(43, 220, 11, 0.41) 100%);
}

/* ===== PNG 图标渐进式动画 ===== */
.service-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px; /* 关键：图标容器自身也居中 */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 内部图片强制居中、不拉伸 */
.service-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* 清除干扰样式 */
    display: unset;
    margin: 0;
}

.service-item-title {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #000e01;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}


.service-card:nth-child(1) .service-icon { animation: service-card-fadeInUp 0.3s 0.0s forwards; }
.service-card:nth-child(2) .service-icon { animation: service-card-fadeInUp 0.3s 0.2s forwards; }
.service-card:nth-child(3) .service-icon { animation: service-card-fadeInUp 0.3s 0.4s forwards; }
.service-card:nth-child(4) .service-icon { animation: service-card-fadeInUp 0.3s 0.6s forwards; }



.service-img-zero {
    width: 100%;
    height: 100%;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}




@keyframes service-card-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 移动端降级 */
@media (max-width: 768px) {
    .service-icon {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
    .service_guide_title {
        font-size: 1.4rem;
    }
    .service-section-title {
        font-size: 18px;
    }
    .service-item-title {
        font-size: 20px;
    }
}

/* ===== 文字样式体系 ===== */
.service-content-wrap {
    paddin: 20px 20px 20px 20px ;
}

.service-title-highlight {
    font-size: 26px;
    color: rgb(235, 47, 47);
    font-weight: 800;
}

.service-promise {
    font-size: 1.35rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.4;
    color: var(--style-darkBlue-color);
}

.service-promise span {
    font-weight: 510;
    background: linear-gradient(90deg, #FFFFFF, #F9FAFB);
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--style-darkBlue-color);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}

.service-detail {
    text-indent: 2em;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    color: rgba(5, 11, 42, 0.78);
    margin-bottom: 10px;
}

/* ===== 关键数字高亮（独立于 promise，用于文中强调）===== */
.highlight-number {
    font-weight: 800;
    font-size: 1.35rem;
    background: linear-gradient(90deg, #FFFFFF, #F9FAFB);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
    position: relative;
    top: -2px;
    animation: float-up 4s ease-in-out infinite;
}

@keyframes float-up {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

/* ===== 响应式 ===== */
@media (max-width: 768px) {
    .servic-guides-section {
        padding: 10px 5px;
    }
    .section-title {
        font-size: 1.875rem;
    }
    .services-grid {
        grid-template-columns: 1fr;
    }
    .service-promise, .service-detail {
        font-size: 16px;
    }
    .highlight-number {
        font-size: 1.2rem;
    }
}

/* ===== 深色模式适配 ===== */
@media (prefers-color-scheme: dark) {
    .after-sales-section { background: #0F172A; }
    .section-title { color: #F1F5F9; }
    .section-title::after { background: linear-gradient(90deg, #3B82F6, #F59E0B); }
}

.service-guide-title {
    font-size: 36px;
    padding-top: 30px;
    padding-bottom: 20px;
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
}

/* 服务指南 轮播图 */
/* 外层容器：核心居中控制 */
.service-guide-swiper-wrap {
    max-width: 1200px; /* 轮播最大宽度 */
    margin: 40px auto; /* 上下间距 + 左右自动居中 */
    padding: 0 16px; /* 移动端左右内边距，避免贴边 */
    position: relative; /* 为导航按钮绝对定位提供基准 */
}

/* 轮播图片容器 */
.service-guide-info-img {
    width: 100%;
    max-width: 1200px;
    max-height: 700px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    background: #f8fbff;
}

.service-guide-info-img img {
    display: block;
    width: 100%;
    height: 600px;
    object-fit: scale-down;
}

/* 图片说明文字 */
.service-guide-img-caption {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    line-height: 1.5;
}

/* Swiper 导航按钮：绝对定位 + 居中适配 */
.service-guide-swiper {
    width: 100%;
    padding: 0 30px; /* 给按钮留出空间，避免遮挡图片 */
    box-sizing: border-box;
}

.service-guide-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center; /* 水平居中 */
    justify-content: center; /* 垂直居中 */
    text-align: center;
}

.service-guide-swiper .swiper-slide img {
    display: block;
    width: 100%;
    /* 核心：统一图片高度，和slide高度一致 */
    height: 100%;
    /* 关键：保持图片比例，裁剪/填充，避免变形 */
    object-fit: contain; /* 可选：contain（完整显示，可能留空白） | cover（裁剪填充，无空白） */
    /* contain:把图片 “完整装进去”，容器有空白就留空白（可能上下 / 左右留白）.cover:把图片 “撑满容器”，多余部分切掉（优先保留图片中心内容） */
    object-position: center; /* 图片居中显示，优先展示核心内容 */
    border-radius: 12px;
}

/* 轮播指示器小圆点 */
.service-guide-swiper .swiper-pagination {
    bottom: -20px !important; /* 调整小圆点位置，避开按钮 */
}
.service-guide-swiper .swiper-pagination-bullet {
    background: #ccc;
    opacity: 0.8;
    width: 8px;
    height: 8px;
}
.service-guide-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007bff;
}

/* 左右切换按钮样式 */
.service-guide-swiper .swiper-button-prev,
.service-guide-swiper .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    color: #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease;
}

/* 按钮hover效果 */
.service-guide-swiper .swiper-button-prev:hover,
.service-guide-swiper .swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* 左按钮位置 */
.service-guide-swiper .swiper-button-prev {
    left: 0;
}
/* 右按钮位置 */
.service-guide-swiper .swiper-button-next {
    right: 0;
}
/* 隐藏默认箭头图标，自定义简易箭头 */
.service-guide-swiper .swiper-button-prev::after,
.service-guide-swiper .swiper-button-next::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.service-guide-swiper .swiper-button-prev::after {
    transform: rotate(-135deg);
    margin-left: 4px;
}
.service-guide-swiper .swiper-button-next::after {
    transform: rotate(45deg);
    margin-right: 4px;
}


/* 移动端适配 */
@media (max-width: 768px) {
    .service-guide-info-img {
        max-width: 100%;
    }
    .service-guide-img-caption {
        font-size: 15px;
        margin-top: 12px;
    }
    .service-guide-swiper .swiper-slide {
        /* 可根据需求调整，建议200-300px适配移动端 */
        height: 300px;
    }

    .service-guide-swiper .swiper-button-prev,
    .service-guide-swiper .swiper-button-next {
        top: 50%;
    }

    .service-guide-title {
        font-size: 22px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.service-rpm-img-container {
    display: flex;
}

.service-rpm-img-container img {
    width:100%;
    height: auto;
}

.rpm-service-title {
    font-size: 16px;
    font-weight: bold;
    color: var(--style-black-color);
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}


/* 整体页面样式 */
.service_items_page_content {
    background-color: #F9FAFB;
    padding: 20px;
}

/* 服务项目容器样式 */
.service-items-container {
    max-width: 1380px;
    margin: 0 auto;
    /*!*边距：20px;防止贴边*!*/
    /*padding: 10px 15px 20px 15px;*/
}

/* 服务项目标题样式 */
.service-items-title {
    font-size: 36px;
    padding-top: 50px;
    padding-bottom: 20px;
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
}

.service-items-second-title {
    font-size: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 500;
    line-height: 1.1;
}

/* tab 容器样式 */
.service-items-tab-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* 可换行显示，适应小屏幕 */
    margin-bottom: 20px;
}

/* tab 按钮样式 */
.service-items-tab {
    cursor: pointer;
    padding: 15px 20px;
    border: none;
    background-color: #e0e0e0;
    margin: 8px;
    font-size: 18px;
    border-radius: 5px; /* 圆角效果 */
    transition: background-color 0.3s ease; /* 过渡效果 */
}

/* 激活状态的 tab 按钮样式 */
.service-items-tab.active {
    background-color: #007bff;
    color: white;
    font-weight: 600;
}

/* 服务内容区域样式 */
.service-items-content {
    display: none;
    padding: 20px 10px 20px 10px;
    /*border: 1px solid #ccc;*/
    border-top: none;
    /*background-color: white;*/
    border-radius: 5px; /* 圆角效果 */
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); !* 阴影效果 *!*/
    margin-bottom: 20px;
}

/* 激活状态的服务内容区域样式 */
.service-items-content.active {
    display: block;
}

/* h3 标题样式，加大加粗 */
.service-items-content h3 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 10px;
    color: var(--style-black-color);
}

/* 服务内容段落样式 */
.service-items-content p {
    text-indent: 2em;
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: var(--style-black-color);
}

/* 小标题样式 */
.service-items-content h4 {
    margin-top: 20px;
    margin-bottom: 5px;
    color: var(--style-black-color);
}


@media (min-width: 768px) {
    /* 鼠标悬停在 tab 按钮上的样式 */
    .service-items-tab:hover {
        background-color: #d0d0d0;
    }
}


/* 小屏幕设备样式（如手机） */
@media (max-width: 768px) {
    .service_items_page_content {
        padding: 0px 15px 10px 15px;
    }
    .service-items-content h3 {
        font-size: 22px;
    }

    .service-items-tab-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; /* 可换行显示，适应小屏幕 */
        margin-bottom: 20px;
        border: 2px solid #e5e7eb; /* 浅灰色边框，适配大多数页面风格 */
        border-radius: 10px; /* 圆角，和按钮风格统一（可选） */
        padding: 20px; /* 边框内留间距，避免按钮贴边框 */
        width: fit-content; /* 宽度适配内容，不占满整行（可选） */
        margin-left: auto; /* 配合width: fit-content实现整体居中 */
        margin-right: auto;
        box-sizing: border-box; /* 保证padding不撑大容器 */
    }

    .service-items-title {
        font-size: 22px;
        padding-top: 30px;
        padding-bottom: 10px;
        color: var(--style-black-color);
        font-style: normal;
        font-weight: 600;
        line-height: 1.1;
    }

    .service-items-tab {
        font-size: 16px;
        padding: 15px 20px;
    }

    /* 服务内容段落样式 */
    .service-items-content p {
        font-size: 16px;
    }
}

.service-process {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.service-process img {
    align-items: center;
}

.service-process-step {
    flex: 1 1 100px;
    background-color: #167ae2;
    padding: 8px 8px 8px 8px;
    border-radius: 5px;
    text-align: center;
}

.service-step-number {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: white;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

.service-item-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 1380px;
    margin: 0 auto;
    margin-top: 20px;
}

.service-item {
    /* 适当缩小宽度 */
    flex: 1 1 33%;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.service-item:hover {
    transform: translateY(-5px);
}

.service-item img {
    max-height: 350px;
    object-fit: cover;
    width: 100%;
}

.service-item h2 {
    font-size: 20px;
    padding: 15px 20px 10px;
    color: #333;
    font-weight: bold;
}

.service-item p {
    font-size: 16px;
    padding: 0 20px 20px;
    color: #555;
}

/* 响应式：手机端 */
@media (max-width: 768px) {
    .service-item {
        flex: 1 1 100%;
        max-width: 100%;
    }
    h1 {
        font-size: 24px;
    }
    .service-item h2 {
        font-size: 18px;
    }
    .service-item p {
        font-size: 15px;
    }
    .service-step-number {
        width: 15px;
        height: 15px;
        font-size: 16px;
        line-height: 20px;
    }

}

/* ===== 响应式容器 ===== */
.contact-container {
    max-width: 1380px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .contact-container { padding: 0 2rem; }
}

@media (max-width: 768px) {
    .contact-container {
        margin: 0 40px;
    }
}


/* ===== 头部标题 ===== */
.contact-header-title {
    background: #E6F0FA;
    padding: 2.5rem 0;
    text-align: center;
    border-bottom: 1px solid #e0e9ff;
}
.contact-header-title h1 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #0562AF;
    letter-spacing: -0.3px;
}


.contact-left{
    margin-bottom: 30px;
}

.contact-right {
    margin-top: 20px;
}

/* ===== 左侧联系信息（含图标）===== */
.contact-info h2 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #0562AF;
    margin-bottom: 0.8rem; /* 原1.5rem → 缩小为0.8rem */
    padding-bottom: 0.3rem; /* 原0.5rem → 缩小为0.3rem */
    border-bottom: 2px solid #0562AF;
    display: inline-block;
}

.contact-service-hotline {
    font-size: 24px;
    font-weight: 600;
    color: #eb0909;
    letter-spacing: -0.5px;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 30px;
    margin-bottom: 30px;
    /* 渐变色文字 */
    background-image: linear-gradient(90deg, #eb0909, #333EE3FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    line-height: 1.3;
}
.contact-service-hotline-phone {
    font-size: 2.0rem;
    font-weight: 700;
    color: #0562AF;
    margin: 1.0rem 0;
    letter-spacing: -0.5px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.contact-service-hotline img {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

/* 联系我们 */
.contactUs {
    font-size: 32px;
    margin-top: 30px;
    margin-bottom: 50px;
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
}

.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem;
    gap: 0.75rem;
}
.contact-item svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 0.25rem;
}
.contact-item p {
    font-size: 1.3rem;
    color: #0e0003;
    margin: 0;
    line-height: 1.5;
}
.contact-item a {
    font-size: 1.3rem;
    color: #0e0003;
    margin: 0;
    line-height: 1.5;
}
.contact-item span {
    font-size: 28px;
    color: var(--style-darkBlue-color);
    margin: 0;
    line-height: 1.5;
    font-weight: 600;
}

.company-logo {
    flex-shrink: 0;          /* 防止图片被压缩 */
    object-fit: contain;     /* 自动缩放并完整显示，不裁剪不拉伸 */
    /* 高清渲染（关键！解决小图模糊）*/
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

/* 地图样式 */
.company-location-map-box-title {
    padding-top: 8px;
    padding-bottom: 10px;
    margin-left: 12%;
    font-size: 20px;
    color: var(--style-black-color);
}

.company-location-map-box-section {
    width: 100%;
    max-width: 1000px;
    margin: 20px auto;
    text-align: center;
}
.company-location-map-img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    /* 手型光标（核心） */
    cursor: pointer;
}
.company-location-map-tip {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
}

/* 悬浮提示样式 */
.company-location-map-hover-tip {
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;

}

/* 鼠标悬浮时显示提示 */
.company-location-map-box-section:hover .company-location-map-hover-tip {
    opacity: 1;
}

/* 移动端：Logo 最大宽度限制，防止撑破容器 */
@media (max-width: 768px) {
    .company-logo {
        width: 64px;
        height: 26px;
    }
    .contact-item span {
        font-size: 1.3rem;
        color: #0562AF;
        margin: 0;
        line-height: 1.2;
        font-weight: 600;
    }

    .contact-item a {
        font-size: 16px;
        color: #0562AF;
        line-height: 1.2;
        font-weight: 600;
    }

    .contact-item p {
        font-size: 1.1rem;
        color: #0e0003;
        margin: 0;
        line-height: 1.2;
    }

    .contactUs {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .company-location-map-box-title {
        margin-left: 0%;
        font-size: 18px;
    }

    .company-location-map-hover-tip {
        top: 63%;
        opacity: 1;
    }

}


.contact-item a {
    color: #0562AF;
    text-decoration: none;
    font-weight: 500;
    transition: opacity 0.2s;
}
.contact-item a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* ===== 右侧二维码区 ===== */
.contact-qr-section {
    margin-top: 20px;
    /*background: #E6F0FA;*/
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    /*box-shadow: 0 2px 12px rgba(5, 98, 175, 0.06);*/
}
.contact-qr-section h2 {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--style-darkBlue-color);
    margin-top: 20px;
    margin-bottom: 40px;
}
.contact-qr-grid {
    display: flex;
    justify-content: center; /* 整体居中 */
    gap: 1.5rem; /* 二维码之间的间距 */
    flex-wrap: wrap; /* 超出自动换行 */
    margin-bottom: 1.25rem;
}

.contact-qr-card {
    background: #f5f7fe;
    border-radius: 6px;
    padding: 0.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    width: 230px;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.contact-qr-card img {
    width: 100%;
    max-width: 225px;
    height: 225px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 8px;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.57);
}

/*.contact-qr-card img:hover {*/
/*    transform: scale(1.3);*/
/*}*/


.contact-qr-card p {
    font-weight: 500;
    color: #050b2a;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

/* ===== 响应式断点 ===== */
@media (max-width: 768px) {
    .contact-grid {
        flex-direction: column;
    }
    .contact-left{
        margin-left: -15px;
        margin-right: -15px;
    }
    .contact-header-title {
        padding: 2rem 0;
    }
    .contact-header-title h1 {
        font-size: 1.5rem;
    }
    .contact-service-hotline {
        margin-left: 0px;
        font-size: 18px;
    }
    .contact-info h2 {
        font-size: 1.2rem;
    }
    .contact-service-hotline img, .contact-item img {
        width: 18px;
        height: 18px;
    }
    .contact-qr-grid {
        gap: 1rem;
    }
    .contact-qr-card {
        width: 130px;
        height: 130px;
        margin-top: 20px;
    }
    .contact-qr-card img {
        width: 120px;
        height: 120px;
    }
    .contact-qr-section {
        padding-top: 0px;
    }
    .contact-qr-section h2 {
        font-size: 1.2rem;
        font-weight: 600;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* ===== 辅助类（无障碍）===== */
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}



/* 页面容器 */
.history-timeline-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 20px;
}

/* 标题样式 */
.history-timeline-title {
    padding-top: 50px;
    padding-bottom: 20px;
    color: var(--style-black-color);
    font-weight: 600;
    line-height: 1.1;
    font-size: 36px;
    margin-left: 20px;
    margin-right: 20px;
}

.history-intro-text-1 {
    max-width: 1400px;
    margin: 0 auto 10px; /* 上下间距，居中显示 */
    padding: 0 20px;
    text-align: left;
    font-size: 20px;
    color: #050b2a;
    line-height: 1.8;
    text-indent: 2rem;
}

.history-intro-text-2 {
    max-width: 1400px;
    margin: 0 auto 0;
    padding: 0 20px;
    text-align: left;
    font-size: 20px;
    color: #050b2a;
    line-height: 1.8;
    text-indent: 2rem;
}

/* 时间轴主体 - 重构为弹性布局容器 */
.history-timeline {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5px;
}

/* 时间轴中心线 */
.history-timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #e0e0e0;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    border-radius: 3px;
    z-index: 0; /* 确保轴线在最底层 */
}

/* 年份分隔标题 - 年份的第一个卡片位于右侧的时候 */
.history-timeline-year-separator-right {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 48px;
    font-weight: bold;
    color: #333;
    margin-top: -8%; /* 位于年份第一个节点正上方 */
    padding-top: 50px;
    z-index: 2;
}

/* 年份分隔标题 - 年份的第一个卡片位于左侧的时候 */
.history-timeline-year-separator-left {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 48px;
    font-weight: bold;
    color: #333;
    margin-top: -8%; /* 位于年份第一个节点正上方 */
    padding-top: 50px;
    z-index: 2;
}

/* 时间轴节点容器 - 新增双向内容布局 */
.history-timeline-item {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px; /* 同一年份内节点间距减小 */
    z-index: 1; /* 卡片层级高于轴线，但低于年份 */
    display: flex;
    align-items: flex-start;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease-out; /* 0.8秒缓出动画，更自然 */
}

/* 加载完成状态：完全显示 + 归位 */
.history-timeline-item.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 左侧内容区（右侧节点的副内容/左侧节点的主内容） */
.history-timeline-left-panel {
    width: 50%;
    padding: 10px 40px 10px 10px;
    box-sizing: border-box;
}

/* 右侧内容区（左侧节点的副内容/右侧节点的主内容） */
.history-timeline-right-panel {
    width: 50%;
    padding: 10px 10px 10px 40px;
    box-sizing: border-box;
}

.history-timeline-panel-other-side {
    margin-top: 15%
}

/* 圆点容器 - 居中定位 */
.history-timeline-dot-container {
    position: absolute;
    left: 50%;
    top: 45px;
    transform: translateX(-50%);
    z-index: 1;
}

/* 时间轴节点圆点 - 外层蓝色边框+白色背景 */
.history-timeline-dot {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 4px solid #0066cc;
    border-radius: 50%;
    position: relative;
}

/* 新增：圆点中心红色实心小圆点 */
.history-timeline-dot::before {
    content: '';
    position: absolute;
    width: 15px; /* 红色圆点大小 */
    height: 15px;
    background-color: #ff0000; /* 红色 */
    border-radius: 50%;
    top: 4px;
    left: 3px;
    z-index: 2; /* 层级高于外层圆点，确保显示在最上层 */
}

/* 不同年份第一个节点增加顶部间距，给年份标题预留空间 */
.history-timeline-item.first-in-year {
    margin-top: 100px;
}

/* 内容卡片 */
.history-timeline-content {
    padding: 0px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.36);
    position: relative;
    z-index: 1;
    margin-top: 20px;
    /*background-color: #fff;*/
}

.history-timeline-content:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.59);
}

/* 时间样式 */
.history-timeline-date {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

/* 内容标题 */
.history-timeline-content-title {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    color: #222;
}

/* 内容描述 */
.history-timeline-content-desc {
    font-size: 18px;
    color: #464545;
    line-height: 1.8;
    margin-bottom: 15px;
}

/* 图片样式 */
.history-timeline-content-img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    object-fit: cover;
    margin-bottom: 0px;
}

/* 响应式适配 */
@media screen and (max-width: 768px) {
    .history-timeline-container {
        max-width: 1440px;
        margin: 0 auto;
        padding: 10px 0  10px  15px;
    }

    .history-timeline-title {
        padding-bottom: 10px;
        padding-top: 10px;
        font-size: 22px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .history-intro-text-1 {
        padding: 10px 15px;
        font-size: 16px;
        line-height: 1.8;
    }

    .history-intro-text-2 {
        padding: 10px 15px;
        font-size: 16px;
        line-height: 1.8;
    }

    /* 移动端时间轴居中 */
    .history-timeline::after {
        left: 31px;
    }

    /* 时间样式 */
    .history-timeline-date {
        font-size: 20px;
    }

    /* 内容标题 */
    .history-timeline-content-title {
        font-size: 20px;
    }

    /* 内容描述 */
    .history-timeline-content-desc {
        font-size: 16px;
    }

    /* 移动端年份分隔标题位置调整 */
    .history-timeline-year-separator-right,
    .history-timeline-year-separator-left {
        left: 25px;
        margin-top: -50px;
        font-size: 26px;
        transform: translateX(-50%);
    }

    /* 移动端节点改为垂直布局 */
    .history-timeline-item {
        flex-direction: column;
        width: 100%;
        padding-left: 45px;
        padding-right: 10px;
        margin-bottom: 40px;
    }

    /* 移动端内容区宽度100% */
    .history-timeline-left-panel,
    .history-timeline-right-panel {
        width: 100%;
        padding: 10px 0;
    }

    .history-timeline-panel-other-side {
        margin-top: 10px;
    }

    /* 移动端第一个节点顶部间距 */
    .history-timeline-item.first-in-year {
        margin-top: 70px;
    }

    /* 移动端圆点位置 */
    .history-timeline-dot-container {
        left: 12px;
        top: 60px;
        transform: none;
    }

    /* 移动端红色圆点位置微调 */
    .history-timeline-dot::before {
        top: 3.5px;
        left: 3px;
    }
}

/* ===== 时间轴主容器 ===== */
.timeline {
    padding: 20px 20px 20px 20px;
    max-width: 1380px;
    margin: 1px auto;
    background: #fff;
}
.timeline-title {
    font-size: 36px;
    font-weight: 700;
    color: var(--style-black-color);
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
}

/* ===== 时间轴布局容器 ===== */
/* ===== 主容器：启用 flex 布局 + 相对定位用于固定子元素 ===== */
.timeline-container {
    display: flex;
    min-height: 100vh; /* 或你想要的最小高度 */
    position: relative;
}

/* ===== 左侧年份导航：支持滚动 ===== */
.timeline-nav {
    flex: 0 0 220px;
    min-width: 220px;
    /* 固定高度 + 可滚动 */
    /*  核心：最大高度 = 视口高度 - 上方标题高度 - 外边距 */
    max-height: calc(100vh - 120px); /* 120px ≈ 标题+内边距预留空间 */
    overflow-y: auto;
    scroll-behavior: smooth;
    /*  防止容器被压缩 */
    min-height: 100px;
    overflow-y: auto;
    /*  平滑滚动（现代浏览器）*/
    scroll-behavior: smooth;
}

/*  自定义滚动条（Chrome/Safari/Edge）*/
.timeline-nav::-webkit-scrollbar {
    width: 6px;
}
.timeline-nav::-webkit-scrollbar-track {
    background: #f5f9ff;
    border-radius: 3px;
}
.timeline-nav::-webkit-scrollbar-thumb {
    background: #b8d3ff;
    border-radius: 3px;
}
.timeline-nav::-webkit-scrollbar-thumb:hover {
    background: #0562AF;
}

/*  Firefox 滚动条（独立支持）*/
@supports (-moz-appearance: none) {
    .timeline-nav {
        scrollbar-width: thin;
        scrollbar-color: #b8d3ff #f5f9ff;
    }
}

/*  滚动时轻微阴影提升层次感（可选增强）*/
.timeline-nav:hover {
    box-shadow: inset -4px 0 12px -4px rgba(5, 98, 175, 0.06);
}

.timeline-years {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}
.timeline-year {
    /* ===== 固定最小宽度 + 居中内容 ===== */
    min-width: 150px;
    padding: 0.75rem 1rem; /* 减少左右内边距，让文字不显挤 */
    font-size: 1.05rem;
    font-weight: 500;
    color: #555;
    cursor: pointer;
    border-radius: 8px;
    background: #f5f9ff;
    border: 1px solid #e0e9ff;
    text-align: center;

    /* ===== 过渡动画 & 弹性行为 ===== */
    transition: all 0.25s ease;
    white-space: nowrap;     /* 防止换行 */
    flex-shrink: 0;          /* 关键：禁止在 flex 中被压缩 */
}
.timeline-year:hover,
.timeline-year-active {
    background: #0562AF;
    color: white;
    font-weight: 600;
    border-color: #0562AF;
}

/* ===== 右侧内容区 ===== */
/* ===== 右侧内容区：可独立滚动 ===== */
.timeline-content {
    /*flex: 1 表示「占满所有剩余宽度」*/
    flex: 1;
    min-width: 0;
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
    padding: 0 0 2rem 0;

    /*  强制细滚动条（所有现代浏览器）*/
    scrollbar-width: thin;
    /*  WebKit 滚动条样式（Chrome/Safari/Edge）*/
    scrollbar-color: #b8d3ff #f5f9ff; /* thumb / track */
    will-change: scroll-position; /* 提升滚动帧率 */
    contain: layout style paint; /* 减少重绘范围（现代浏览器） */
}

/* 可选：给右侧加轻微内边距提升阅读体验 */
.timeline-item-details {
    margin-bottom: 2rem;
}

.timeline-item {
    display: none;
    animation: fadeIn 0.4s ease-out;
}
.timeline-item-active {
    display: block;
}
.timeline-item-year {
    font-size: 20px;
    font-weight: 800;
    color: var(--style-black-color);
    margin-bottom: 20px;
    margin-left: 30px;
    line-height: 1;
}
.timeline-item-details {
    background: #f9fbff;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 16px rgba(5, 98, 175, 0.06);
}
.timeline-item-date {
    font-size: 20px;
    color: #0562AF;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
}
.timeline-item-description p {
    margin-bottom: 1rem;
    font-size: 1.05rem;
    color: #444;
}

.timeline-item-image {
    width: 100%;
    height: 100%;
    margin-top: 1.75rem;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.timeline-image {
    width: 100%;
    height: auto;
    display: block;
    max-height: 400px;
    object-fit: cover;
}

/* 使用 flex 居中 */
.scroll-to-top-container {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    pointer-events: none; /* 允许点击穿透到按钮 */
}

.scroll-to-top-button {
    pointer-events: auto;
    background: #0562AF;
    color: white;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(5, 98, 175, 0.2);
}

/* 悬停时显示 */
.timeline-content:hover .scroll-to-top-button {
    opacity: 1;
}

/* ===== 时间轴竖线（PC 居中｜移动端隐藏）===== */
@media (min-width: 768px) {
    .timeline-container::before {
        display: none !important;
        content: none !important;
        background: none !important;
        box-shadow: none !important;
    }

    .timeline-nav {
        /*  核心修复：用 min-height 替代 height，+ padding-bottom 强制溢出 */
        min-height: 100vh;
        max-height: 100vh;
        position: sticky;
        top: 0;
        background: #fff;
        padding: 2rem 0;
        padding-bottom: 1px; /* ← 关键！让 scrollHeight > clientHeight，滚动条永不消失 */
        z-index: 10;
        border-right: 1px solid #e0e9ff;
        /*  确保 flex 不压缩 */
        flex-shrink: 0;
    }

    /*  右侧内容区：宽度智能分配 */
    .timeline-content {
        flex: 1;
        width: 100%;
        max-height: calc(100vh - 3rem);
        overflow-y: auto;
        padding: 0 0 1rem 0;
    }
}

/* ===== 移动端适配 ===== */
@media (max-width: 767px) {
    .timeline {
        padding: 20px 20px 10px 20px;
    }
    .timeline-title {
        font-size: 22px;
    }
    .timeline-container {
        flex-direction: column;
    }
    .timeline-nav,
    .timeline-content {
        position: static !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0;
    }

    .timeline-nav {
        margin-bottom: 20px;
    }
    .timeline-years {
        display: flex;
        overflow-x: auto;
        gap: 1rem;
        padding-bottom: 0.5rem;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
        /* 隐藏滚动条（可选） */
        -ms-overflow-style: none;
        justify-content: flex-start;
    }
    .timeline-years::-webkit-scrollbar {
        display: none;
    }
    .timeline-year {
        min-width: 90px;   /* 移动端稍小一点 */
        padding: 0.6rem 0.9rem;
        font-size: 0.95rem;
    }
    .timeline-item-year {
        font-size: 20px;
        margin-left: 20px;
    }
    .timeline-item-details {
        padding: 10px 20px 20px 20px;
    }
    .timeline-item-date {
        font-size: 1.15rem;
    }
    .timeline-item-description p {
        font-size: 1rem;
    }
}

/* ===== 动画 ===== */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== 可访问性增强 ===== */
.timeline-item[aria-hidden="true"] { display: none; }
.visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}



/* ====================【产品中心-腹透机】部分的CSS====================开始========================== */
.pdm-info-container {
    max-width: 1380px;
    margin: 0 auto;
}

/* 外层容器：严格的左右布局，仅控制文字容器和图片的位置 */
.pdm-info-section {
    padding: 1rem;
    /* 启用 Flex 布局 */
    display: flex;
    justify-content: center; /* 新增：让整个section内容水平居中 */
    align-items: center;
    gap: 3rem; /* 文字与图片间距，替代 margin，更可控 */
}


/* 按钮容器：固定在文字容器内，文字正下方居中 */
.pdm-video-btn-wrapper {
    margin-top: 50px; /* 与最后一行文字的间距 */
    width: 100%;
    display: flex;
    justify-content: center; /* 居中对齐 */
}

.pdm-video-btn-wrapper2 {
    margin-bottom: 30px; /* 与最后一行文字的间距 */
    width: 100%;
    display: flex;
    justify-content: center; /* 居中对齐 */
}

/* 按钮样式 */
.pdm-play-video-btn {
    display: inline-flex;
    align-items: center;
    padding: 24px 30px;
    background-color: rgba(22, 122, 226, 0.83);
    color: white;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    transition: background-color 0.3s;
    white-space: nowrap;
    min-width: 250px;
    justify-content: center;
}
.pdm-play-video-btn:hover {
    background-color: var(--style-blue-color);
    font-size: 20px;
    font-weight: 700;
}


.pdm-video-modal, .pds-video-modal, .pdt-video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    box-sizing: border-box;
}

.pdm-close-button, .pds-close-button, .pdt-close-button {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

.pdm-close-button:hover, .pds-close-button:hover, .pdt-close-button:hover {
    color: #eb2f2f;
    font-size: 20px;
    font-weight: 600;
}


.pdm-info-first-title {
    padding-top: 50px;
    padding-bottom: 20px;
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    font-size: 36px;
}


.pdm-info-img {
    flex-shrink: 0;
    width: 450px;
    height:550px;
    background: linear-gradient(45deg, rgba(245, 248, 254, 0.26), rgba(0, 0, 0, 0.04));
    border-radius: 10px;
    /* 悬停基础过渡（所有变化平滑） */
    transition: all 0.35s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    position: relative;
    overflow: hidden;
}

.pdm-info-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.51);
    transition: filter 0.3s ease;
}

/* 添加柔和内发光边框（提升科技感） */
.pdm-info-img::before {
    content: '';
    position: absolute;
    top: -2px; right: -2px; bottom: -2px; left: -2px;
    border: 2px solid transparent;
    border-radius: 12px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.pdm-info-img:hover::before {
    opacity: 0.6;
}


/* 文字区域：仅负责文字展示，保留原有动画 */
.pdm-product-text {
    width: 100%; /* 新增：确保文字区域占满父容器宽度 */
    max-width: 1380px; /* 新增：限制最大宽度 */
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s ease forwards;
}

/* 标题样式 */
.pdm-product-title {
    font-size: 30px;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 16px;
    line-height: 1.2;
}

.pdm-product-tagline {
    font-size: 20px;
    color: #167ae2;
    margin-bottom: 30px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-decoration: none;
    /* 可选：悬停文字微上浮 */
    transition: transform 0.2s ease;
}
.pdm-product-tagline:hover {
    transform: translateY(-1px);
}

.pdm-product-tagline::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(61, 129, 255, 0.9), #f5f8fe);
    border-radius: 1px;
    transition: all 0.5s ease;
    background-size: 200% 100%;
    background-position: -100% center;
    transition: background-position 4s ease-in-out;
}

/* 悬停时下划线加粗 + 微光 */
.pdm-product-tagline:hover::after {
    height: 3px;
    background: linear-gradient(90deg, rgba(61, 129, 255, 0.9), #f5f8fe);
    box-shadow: 0 0 6px rgba(26, 122, 226, 0.2);
}

.pdm-product-desc {
    font-size: 18px;
    color: #0e0003;
    margin-bottom: 20px;
    text-align: justify;
    text-indent: 2em;
    line-height: 1.8;
}

/* 突出显示的数字/关键词 */
.pdm-product-desc-highlight {
    color: rgb(22, 122, 226);
    font-weight: 700;
}


/* 动画定义（如未全局定义） */
@keyframes pdm-product-text-fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.pdm-param-section {
    padding: 1rem;
    /* 启用 Flex 布局 */
    display: flex;
    align-items: center;
    gap: 3rem; /* 文字与图片间距，替代 margin，更可控 */
}


/* === 移动端卡片（默认显示）=== */
.pdm-param-group {
    margin-bottom: 8px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    background: white;
}
.pdm-param-header {
    padding: 10px 16px;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.2s;
}
.pdm-param-header:hover {
    background-color: #f0f9ff;
}

.pdm-param-product-size .pdm-param-header {
    background-color: #e0f7fa;
    color: #006064;
}
.pdm-param-machine-conditions .pdm-param-header {
    background-color: #e3f2fd;
    color: #0d47a1;
}
.pdm-param-temperature-control .pdm-param-header {
    background-color: #fff8e1;
    color: #f57c00;
}
.pdm-param-other-functions .pdm-param-header {
    background-color: #e1f5fe;
    color: #0288d1;
}

/* === 移动端参数卡片：强制等宽 & 对齐（覆盖一切）=== */
@media (max-width: 768px) {
    .pdm-info-first-title {
        padding-bottom: 10px;
        padding-top: 40px;
        font-size: 22px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .pdm-info-img {
        width: 450px;
        height: 400px;
        max-width: 100%;
    }

    /* 标题样式 */
    .pdm-product-title {
        font-size: 20px;
        font-weight: 600;
        color: #1a202c;
        margin-left: 20px;
        margin-right: 20px;
    }

    .pdm-product-tagline {
        font-size: 18px;
        color: #167ae2;
        margin-bottom: 10px;
        font-weight: 600;
        display: block;
    }

    .pdm-product-desc {
        font-size: 16px;
        color: #0e0003;
        margin-bottom: 20px;
        text-align: justify;
        text-indent: 2em;
        line-height: 1.8;
    }
    .pdm-info-section {
        flex-direction: column;
        text-align: center;
    }
    .pdm-product-text {
        width: 95%;
    }

    .pdm-video-btn-wrapper {
        margin-top: 30px;
        width: 85%;
    }

    .pdm-play-video-btn {
        width: 100%;
        max-width: 150px;
        padding: 14px 20px;
        font-size: 16px;
    }


    /* 1. 确保父容器是 block，且宽度占满 */
    .pdm-param-group {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    /* 2. Header 强制满宽 + flex 布局（关键！）*/
    .pdm-param-header {
        font-size: 18px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 20px 16px;
        box-sizing: border-box;
        /* 防止文字换行（核心！）*/
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;

        /* 左侧文字弹性占位，右侧箭头固定 */
        > *:first-child {
            flex: 1 1 auto;
            min-width: 0; /* 允许收缩，解决长文本溢出 */
            text-align: left;
        }

        > span {
            flex: 0 0 auto;
            margin-left: 8px;
            transition: transform 0.25s ease;
        }
    }

    /* 3. 展开时箭头右旋（增强体验）*/
    .pdm-param-group.active .pdm-param-header > span {
        transform: rotate(90deg) !important;
    }

    /* 4. 防止因字体加载/缩放导致的微小错位（兜底）*/
    .pdm-param-header::before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
    }
    .pdm-close-button, .pds-close-button, .pdt-close-button {
        color: #eb2f2f;
        font-size: 20px;
        font-weight: 600;
    }

}

.pdm-param-content {
    padding: 0 16px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease;
    background-color: #f9fbfd;
    border-top: 1px solid #eee;
}
.pdm-param-group.active .pdm-param-content {
    padding: 12px 16px;
    max-height: 500px;
}
.pdm-param-item {
    padding: 10px 0;
    border-bottom: 1px dashed #eee;
}
.pdm-param-item:last-child { border-bottom: none; }

/* === PC 端表格（≥769px）=== */
@media (min-width: 769px) {
    /* 隐藏卡片 */
    .pdm-param-group { display: none; }

    .pdm-product-params-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 12px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
        border-radius: 8px;
        overflow: hidden;
    }

    /* 专属分组标题样式（只影响本表格！） */
    .pdmt-product-params-table .pdm-param-group-header {
        background: #167ae2;
        color: white;
        font-weight: 700;
        font-size: 18px;
        text-align: left;
        padding: 20px 16px;
        border-radius: 8px 8px 0 0;
    }

    /* 标题内单元格：移除默认边框 + 增强内边距 */
    .pdmt-product-params-table .pdm-param-group-header th {
        border: none;
        padding: 20px 16px;
        font-weight: 700;
    }

    /* 悬停时标题微动效（可选增强） */
    .pdmt-product-params-table .pdm-param-group-header:hover {
        transform: translateY(-1px);
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    }

    /* 关键：第一列居中对齐（仅 PC）, 第2个td也居中对齐*/
    .pdm-product-params-table tr td:first-child,
    .pdm-product-params-table tr td:nth-child(2) {
        text-align: center;
    }
    .pdm-product-params-table tr th:first-child {
        text-align: center;
    }

    /* 表格单元格 */
    .pdm-product-params-table th,
    .pdm-product-params-table td {
        display: table-cell;
        padding: 12px 14px;
        color: rgba(14, 0, 3, 0.88);
        border-left: 1.2px solid rgba(0, 0, 0, 0.33); /* 新增：右侧细边框 */
        border-right: 1.2px solid rgba(0, 0, 0, 0.33); /* 新增：右侧细边框 */
        border-bottom: 1.2px solid rgba(0, 0, 0, 0.33);
        border-top: 1.2px solid rgba(0, 0, 0, 0.33);   /* 新增：顶部细边框 */
    }
    .pdm-product-params-table th {
        background: linear-gradient(135deg, #167ae2, rgba(61, 129, 255, 0.69));
        color: white;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* 分组行背景色 */
    .pdm-product-params-table tr.pdm-param-product-size      {
        background-color: rgba(180, 237, 221, 0.47);
        font-size: 16px;
    }
    .pdm-product-params-table tr.pdm-param-machine-conditions {
        background-color: #fff8e1;
        font-size: 16px;
    }
    .pdm-product-params-table tr.pdm-param-temperature-control {
        background-color: rgba(180, 237, 221, 0.47);
        font-size: 16px;
    }
    .pdm-product-params-table tr.pdm-param-other-functions {
        background-color: #fff8e1;
        font-size: 16px;
    }

    .pdm-product-params-table td.pdm-param-product-size-title  {
        font-weight: 600;
    }
    .pdm-product-params-table td.pdm-param-machine-conditions-title  {
        font-weight: 600;
    }
    .pdm-product-params-table td.pdm-param-other-functions-title  {
        font-weight: 600;
    }
    .pdm-product-params-table td.pdm-param-temperature-control-title  {
        font-weight: 600;
    }

    /* 悬停增强 */
    .pdm-product-params-tabletbody tr:hover {
        background-color: #f8fbff !important;
        transform: translateY(-1px);
        box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    }
}

/* === 手机端：隐藏表格和标题栏 === */
@media (max-width: 768px) {
    .pdm-product-params-table {
        display: none !important;
    }
}

/* 卡片容器：移动端默认竖排 */
.pdm-feature-card-grid {
    display: flex;
    flex-direction: column;
    gap: 1.25rem; /* 移动端间距 */
    padding: 0;
}

/* 卡片基础样式 */
.pdm-feature-card {
    background: linear-gradient(135deg, rgba(226, 195, 98, 0.64), rgba(245, 248, 254, 0.82));
    /*background: linear-gradient(135deg, rgba(26, 188, 156, 0.68), #16a085);*/
    color: rgba(14, 0, 3, 0.85);
    border-radius: 12px;
    padding: 1.75rem 1.5rem;
    box-shadow: 0 4px 16px rgb(245, 248, 254);
    transition: all 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    opacity: 0;
    transform: translateY(24px);
}

/* hover 时增强效果（已存在，只需补 transition）*/
.pdm-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 24px rgb(245, 247, 254);
    font-weight: 700;
}

.pdm-feature-card h3 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    position: relative;
    color: #167ae2;
}

.pdm-feature-card h3::after {
    content: '';
    display: block;
    width: 48px;
    height: 2px;
    background: #167ae2;
    border-radius: 2px;
    margin-top: 0.5rem;
}

/* 第5个 h3*/
.pdm-feature-card:nth-of-type(5) h3::after {
    width: 86px !important;
}

/* 第6个 h3*/
.pdm-feature-card:nth-of-type(6) h3::after {
    width: 70px !important;
}

.pdm-feature-card p {
    font-size: 1.05rem;
    font-weight: 400;
    opacity: 0.92;
    margin-bottom: 0;
}

/* 分隔线（更精致的虚线） */
.pdm-feature-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
    border: none;
    margin: 0.8rem 0;
    width: 100%;
}

/* === PC 端：双列响应式 === */
@media (min-width: 768px) {
    .pdm-feature-card-grid {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .pdm-feature-card {
        /* 两列，留出 gap 间隙 flex: 1 1 calc(50% - 0.75rem); */
        flex: 1 1 calc(32% - 0.75rem);
        min-width: 300px;
    }
}

/* === 动画类：由 JS 添加 === */
.pdm-feature-animate-in {
    animation: pdm-feature-fadeInUp 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

@keyframes pdm-feature-fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.pdm-functions-section {
    padding: 1rem;
    /* 启用 Flex 布局 */
    display: flex;
    align-items: center;
    gap: 3rem; /* 文字与图片间距，替代 margin，更可控 */
}

/* ===== 功能网格（真正响应式）===== */
.pdm-functions-grid {
    display: grid;
    /*minmax(300px, 1fr) + auto-fit 在容器宽度不足时会自动压缩列数*/
    /*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/

    /* 关键改这里：用 auto-fill（不收缩列数），并设合理最小宽度 */
    /*grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));*/

    /* 强制等宽 3 列 */
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    padding: 2rem 0 4rem;
}

/* ===== 功能卡片 ===== */
.pdm-function-card {
    background: rgba(245, 247, 254, 0.86);
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.48);
    border: 1px solid #e2e8f0;
    transition: all 0.35s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    position: relative;
    overflow: hidden;
    /* 初始状态：为JS动画准备 */
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    background-image: url('../images/productCenter/pdm/pdm-3.png');
    background-size: cover;
    background-position: center 30%;
}
.pdm-function-card.appear {
    opacity: 1;
    transform: translateY(0);
}

/* 悬停效果 */
.pdm-function-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
    border-color: rgba(0, 0, 0, 0.45);
}
.pdm-function-card:hover::before {
    opacity: 0.4;
}
.pdm-function-card::before {
    content: '';
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    border-radius: 18px;
    background: linear-gradient(45deg, rgba(12, 191, 141, 0.45), rgba(255, 203, 61, 0.9), #f5f7fe);
    z-index: -1; /* ← 确保在 ::after（背景图+mask）之上，形成「发光边框」效果 */
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* 数字图标 */
.pdm-function-number {
    display: flex;
    align-items: center; /* 垂直居中核心 */
    justify-content: center; /* 水平居中核心 */

    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, rgba(61, 129, 255, 0.48), #167ae2);
    border-radius: 16px;
    color: white;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 1.5rem;
    margin: 0 auto 1.5rem; /* 关键：让数字盒子自身在卡片里水平居中 */
}

/* 标题 */
.pdm-function-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.pdm-function-title::before, .pdm-function-title::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, rgba(61, 129, 255, 0.48), #167ae2);
    border-radius: 2px;
    margin-top: 0.25rem;
}

/* 功能描述列表 */
.pdm-function-desc {
    font-size: 1.05rem;
    color: #4a5568;
    margin-bottom: 0;
    line-height: 1.7;
}
.pdm-function-desc strong {
    color: #4a5568;
    font-weight: 500;
}
.pdm-function-desc ul {
    padding-left: 0;
    list-style: none;
    margin-top: 1rem;
}
.pdm-function-desc li {
    padding: 0.45rem 0;
    position: relative;
    padding-left: 1.75rem;
    font-weight: 400;
    line-height: 1.5;
}
.pdm-function-desc li::before {
    content: '•';
    color: #167ae2;
    position: absolute;
    left: 0;
    font-weight: bold;
}

/* ===== 响应式优化 ===== */
@media (max-width: 768px) {
    .header {
        padding: 3.5rem 0 2.3rem;
    }
    .header h1 { font-size: 2.1rem; }
    .header p { font-size: 1.1rem; }
    .pdm-functions-grid {
        /*移动端，每行显示一个card*/
        grid-template-columns: repeat(1, 1fr);
        gap: 1.75rem;
    }
    .pdm-function-card {
        padding: 1.75rem 1.5rem;
    }

    .pdm-function-title {
        font-size: 1.25rem;
    }

    .pdm-function-number {
        width: 52px; height: 52px; font-size: 22px;
    }

    .pdm-feature-card h3::after {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ===== 无障碍：减少动效 ===== */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    .pdm-function-card {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* ====================【产品中心-腹透管路】部分的CSS====================开始========================== */
.pdmt-info-container {
    max-width: 1380px;
    margin: 0 auto;
}

.pdmt-info-section {
    padding: 1rem;
    /* 启用 Flex 布局 */
    display: flex;
    align-items: center;
    gap: 3rem; /* 文字与图片间距，替代 margin，更可控 */
}

/* 移动端：改为竖排 */
@media (max-width: 767px) {
    .pdmt-info-section {
        flex-direction: column;
        text-align: left;
    }
    .pdmt-product-text {
        width: 95%;
    }
    .pdmt-info-img {
        margin-bottom: 1.5rem;
    }
}

.pdmt-info-first-title {
    padding-top: 50px;
    padding-bottom: 20px;
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    font-size: 36px;
}


.pdmt-info-img {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    /*background-color: #6cccdc;*/
    border-radius: 10px;
    /* 悬停基础过渡（所有变化平滑） */
    transition: all 0.35s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    position: relative;
    overflow: hidden;
    align-items: center;
}

.pdmt-info-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.51);
    transition: filter 0.3s ease;
}

/* 悬停时效果 */
.pdmt-info-img:hover {
    transform: translateY(-6px); /* 微上浮，营造“轻盈感” */
    box-shadow: 0 12px 32px rgb(245, 247, 254); /* 阴影加深+扩散 */
}

/* 添加柔和内发光边框（提升科技感） */
.pdmt-info-img::before {
    content: '';
    position: absolute;
    top: -2px; right: -2px; bottom: -2px; left: -2px;
    border: 2px solid transparent;
    border-radius: 12px; /* 略大于容器，形成光晕 */
    background: linear-gradient(45deg, rgba(61, 129, 255, 0.42), rgb(245, 248, 254), rgba(61, 129, 255, 0.42));
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.pdmt-info-img:hover::before {
    opacity: 0.6;
}

.pdmt-img-caption {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    text-align: center;
    line-height: 1.5;
}

/* 响应式优化：小屏字号微调 */
@media (max-width: 767px) {
    .pdmt-img-caption {
        font-size: 0.9rem;
        margin-top: 0.75rem;
    }
    .pdmt-info-first-title {
        font-size: 22px;
        margin-left: 20px;
        padding-bottom: 10px;
        padding-top: 40px;
    }
}


/* 文字区域：左侧固定，带入场动画 */
.pdmt-product-text {
    opacity: 0;
    transform: translateY(20px);
    animation: pdmt-product-text-fadeInUp 0.8s ease forwards;
}

/* 标题样式 */
.pdmt-product-title {
    font-size: 30px;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 16px;
    line-height: 1.2;
}

.pdmt-product-tagline {
    font-size: 20px;
    color: #167ae2;
    margin-bottom: 30px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-decoration: none;
    /* 可选：悬停文字微上浮 */
    transition: transform 0.2s ease;
}
.pdmt-product-tagline:hover {
    transform: translateY(-1px);
}

.pdmt-product-tagline::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(61, 129, 255, 0.9), #f5f8fe);
    border-radius: 1px;
    transition: all 0.5s ease;
    background-size: 200% 100%;
    background-position: -100% center;
    transition: background-position 4s ease-in-out;
}

/* 悬停时下划线加粗 + 微光 */
.pdmt-product-tagline:hover::after {
    height: 3px;
    background: linear-gradient(90deg, rgba(61, 129, 255, 0.9), #f5f8fe);
    box-shadow: 0 0 6px rgba(26, 122, 226, 0.2);
}


.pdmt-product-desc {
    font-size: 18px;
    color: #0e0003;
    margin-bottom: 20px;
    text-align: justify;
    text-indent: 2em;
    line-height: 1.8;
}

/* 突出显示的数字/关键词 */
.pdmt-product-desc-highlight {
    color: #167ae2;
    font-weight: 700;
}

/* 动画定义（如未全局定义） */
@keyframes pdmt-product-text-fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



.pdmt-functions-section {
    padding: 1rem;
    /* 启用 Flex 布局 */
    display: flex;
    align-items: center;
    gap: 3rem; /* 文字与图片间距，替代 margin，更可控 */
}


/* 卡片容器：移动端默认竖排 */
.pdmt-feature-card-grid {
    display: flex;
    flex-direction: column;
    gap: 1.25rem; /* 移动端间距 */
    padding: 0;
}

/* 卡片基础样式 */
.pdmt-feature-card {
    background: linear-gradient(135deg, rgba(226, 195, 98, 0.64), rgba(245, 248, 254, 0.82));
    /*background: linear-gradient(135deg, rgba(26, 188, 156, 0.68), #16a085);*/
    color: rgba(14, 0, 3, 0.85);
    border-radius: 12px;
    padding: 1.75rem 1.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.73);
    transition: all 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    opacity: 0;
    transform: translateY(24px);
}

/* hover 时增强效果（已存在，只需补 transition）*/
.pdmt-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 24px rgb(245, 247, 254);
    /* 可选：轻微缩放，增加灵动感 */
    scale: 1.02;
}

.pdmt-feature-card h3 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    position: relative;
    color: #167ae2;
}

.pdmt-feature-card h3::after {
    content: '';
    display: block;
    width: 200px;
    height: 2px;
    background: #167ae2;
    border-radius: 2px;
    margin-top: 0.5rem;
}

.pdmt-feature-card p {
    font-size: 16px;
    font-weight: 500;
    opacity: 0.92;
    margin-bottom: 0;
    line-height: 1.7;
}

/* 分隔线（更精致的虚线） */
.pdmt-feature-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
    border: none;
    margin: 0.8rem 0;
    width: 100%;
}

/* === PC 端：双列响应式 === */
@media (min-width: 768px) {
    .pdmt-feature-card-grid {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .pdmt-feature-card {
        flex: 1 1 calc(50% - 0.75rem); /* 两列，留出 gap 间隙 */
        min-width: 300px;
    }
}

/*移动端样式*/
@media (max-width: 768px) {
    .pdmt-product-title {
        font-size: 20px;
        font-weight: 600;
        color: #1a202c;
    }
    .pdmt-product-desc {
        font-size: 16px;
        color: #0e0003;
        margin-bottom: 20px;
        text-align: justify;
        text-indent: 2em;
        line-height: 1.6;
    }
}

/* === 动画类：由 JS 添加 === */
.pdmt-feature-animate-in {
    animation: pdmt-feature-fadeInUp 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

@keyframes pdmt-feature-fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 小屏适配微调 */
@media (max-width: 480px) {
    .pdmt-feature-card {
        padding: 1.5rem 1.25rem;
    }
    .pdmt-feature-card h3 {
        font-size: 1.25rem;
    }
    .pdmt-feature-card p {
        font-size: 0.95rem;
    }
}




/* ===== 功能网格（真正响应式）===== */
.pdmt-functions-grid {
    display: grid;
    /*minmax(300px, 1fr) + auto-fit 在容器宽度不足时会自动压缩列数*/
    /*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/

    /* 关键改这里：用 auto-fill（不收缩列数），并设合理最小宽度 */
    /*grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));*/

    /* 强制等宽 3 列 */
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    padding: 2rem 0 4rem;
}

/* ===== 功能卡片 ===== */
.pdmt-function-card {
    background: rgba(4, 160, 116, 0.02);
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.48);
    border: 1px solid #e2e8f0;
    transition: all 0.35s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    position: relative;
    overflow: hidden;
    /* 初始状态：为JS动画准备 */
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.pdmt-function-card.appear {
    opacity: 1;
    transform: translateY(0);
}

/* 悬停效果 */
.pdmt-function-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
    border-color: rgba(0, 0, 0, 0.45);
}
.pdmt-function-card:hover::before {
    opacity: 0.4;
}
.pdmt-function-card::before {
    content: '';
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    border-radius: 18px;
    background: linear-gradient(45deg, rgb(12, 191, 141), rgba(255, 203, 61, 0.9), #f5f7fe);
    z-index: -1; /* ← 确保在 ::after（背景图+mask）之上，形成「发光边框」效果 */
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* 数字图标 */
.pdmt-function-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #1abc9c, #16a085);
    border-radius: 16px;
    color: white;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 1.5rem;
    flex-shrink: 0;
}

/* 标题 */
.pdmt-function-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.pdmt-function-title::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: linear-gradient(90deg, #1abc9c, #16a085);
    border-radius: 2px;
    margin-top: 0.25rem;
}

/* 功能描述列表 */
.pdmt-function-desc {
    font-size: 1.05rem;
    color: #4a5568;
    margin-bottom: 0;
    line-height: 1.7;
}
.pdmt-function-desc strong {
    color: #167ae2;
    font-weight: 700;
}
.pdmt-function-desc ul {
    padding-left: 0;
    list-style: none;
    margin-top: 1rem;
}
.pdmt-function-desc li {
    padding: 0.45rem 0;
    position: relative;
    padding-left: 1.75rem;
    font-weight: 400;
}
.pdmt-function-desc li::before {
    content: '•';
    color: #1abc9c;
    position: absolute;
    left: 0;
    font-weight: bold;
}

/* ===== 响应式优化 ===== */
@media (max-width: 768px) {
    .pdmt-functions-grid {
        /*移动端，每行显示一个card*/
        grid-template-columns: repeat(1, 1fr);
        gap: 1.75rem;
    }
    .pdmt-function-card { padding: 1.75rem 1.5rem; }
    .pdmt-function-title { font-size: 1.25rem; }
    .pdmt-function-number { width: 52px; height: 52px; font-size: 22px; }
}

@media (max-width: 480px) {
    .pdmt-functions-grid { gap: 1.5rem; }
    .pdmt-function-card { padding: 1.5rem 1.25rem; }
    .pdmt-function-title { font-size: 1.15rem; }
    .pdmt-function-number { width: 48px; height: 48px; font-size: 20px; }
    .pdmt-function-desc li { font-size: 0.98rem; padding: 0.4rem 0; }
}


/* 图片画廊容器：居中 + 响应式网格 */
/* 画廊容器：响应式网格 */
.pdm-product-gallery, .pdmt-product-gallery {
    position: relative;
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* 图片之间的间距 */
    /* 关键修复：让容器内所有子元素水平居中 */
    align-items: center;
}

/* 每个 figure：块级容器，控制内部对齐 */
.pdm-product-gallery figure, .pdmt-product-gallery figure {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 防止图片底部默认基线间隙（关键！） */
    line-height: 0;
}

/* 图片样式 */
.pdm-product-gallery img, .pdmt-product-gallery img {
    display: block;
    max-width: 90%; /* 确保不超父容器 */
    /* 安全的最大尺寸（移动端优先） */
    max-height: 80%; /* 手机最大高度（安全值） */

    /* 宽度自适应，高度由比例/约束决定 */
    width: auto;
    height: auto; /* 让浏览器按原始宽高比计算高度 */

    /*   定义替换元素的内容（比如图片）如何适配其容器的宽高，同时保持自身的宽高比
        object-fit: cover（无留白、填满容器），contain（会留白）
        contain = 图片等比缩放，完整显示在容器内;
        cover = 图片等比缩放，完全覆盖容器；超出容器的部分会被裁剪，无留白
        scale-down = 智能缩小. 图片等比缩放，完整显示在容器内，但至少有一个边框，且至少有一个边框是可见的。
     */
    object-fit: scale-down;

    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    background: #f8fbff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 悬停效果（所有设备） */
.pdm-product-gallery img:hover, .pdmt-product-gallery img:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

/* 标题样式：紧贴图片下方，字体清晰、间距舒适 */
/* ===== 标题（figcaption）通用样式 ===== */
.pdm-product-gallery figcaption, .pdmt-product-gallery figcaption {
    margin-top: 12px;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    text-align: center;
    line-height: 1.5;
    max-width: 100%;
    /* 可选：长文本自动省略（防过长换行破坏布局） */
    white-space: normal;
    word-break: break-word;
}

/* 响应式：手机端单列 */
@media (max-width: 767px) {
    .pdm-product-gallery, .pdmt-product-gallery {
         padding: 0 15px;
     }

    .pdm-product-gallery figcaption, .pdmt-product-gallery figcaption {
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 1.4;
    }
    .pdm-product-gallery figcaption, .pdmt-product-gallery figcaption {
        font-size: 15px;
        margin-top: 10px;
    }

    .pdm-product-gallery img {
        object-fit: cover;
        max-width: 100%;
    }
    .pdmt-product-gallery img {
        object-fit: cover;
        max-width: 110%;
    }

}

    /* 图片画廊容器：居中 + 响应式网格 */
    /* 画廊容器：响应式网格 */
.pdmt-product-gallery-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* 每个 figure：块级容器，控制内部对齐 */
.pdmt-product-gallery-2 figure {
    margin: 0; /* 重置默认 margin */
    display: flex;
    flex-direction: column;
    align-items: center; /* 图片和标题都水平居中 */
}

/* 图片样式 */
.pdmt-product-gallery-2 img {
    display: block;
    max-width: 550px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pdmt-product-gallery-2 img:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

/* 标题样式：紧贴图片下方，字体清晰、间距舒适 */
.pdmt-product-gallery-2 figcaption {
    margin-top: 12px;          /* 图片 → 标题间距（推荐 12–16px）*/
    margin-bottom: 30px;          /* 图片 → 标题间距（推荐 12–16px）*/
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    text-align: center;
    line-height: 1.5;
    max-width: 100%;           /* 防止长文本溢出 */
}

/* 响应式：手机端单列 */
@media (max-width: 767px) {
    .pdmt-product-gallery-2 {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .pdmt-product-gallery-2 figcaption {
        font-size: 15px;
        margin-top: 10px;
    }
}

/* 平板优化（可选） */
@media (min-width: 768px) and (max-width: 1023px) {
    .pdmt-product-gallery-2 {
        gap: 20px;
    }
    .pdmt-product-gallery-2 img {
        max-width: 420px;
    }
}


/* 腹透机基本参数 */
.pdmt-param-section {
    display: flex;
    align-items: center;
}

/* 移动端：改为竖排 */
@media (max-width: 767px) {
    .pdmt-param-section {
        flex-direction: column;
        text-align: left;
    }
}

.pdmt-product-params-table-intro {
    max-width: 1200px;
    margin: 0 auto 24px;
    padding: 0 1rem;
    text-align: center;
    opacity: 0;
    transform: translateY(15px);
    animation: pdmt-product-params-fadeInUp 0.6s ease-out forwards;
}
@keyframes pdmt-product-params-fadeInUp {
    to { opacity: 1; transform: translateY(0); }
}

.pdmt-product-params-table-intro h2 {
    font-size: 1.8rem;
    color: #167ae2; /* ← 与你 th 色一致 */
    margin-bottom: 12px;
}
.pdmt-product-params-table-intro p {
    font-size: 1.1rem;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

/*  手机端核心：滚动容器包装器 */
.pdmt-product-params-table-container {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 1rem;
    opacity: 0;
    animation: fadeIn 0.8s ease-out 0.4s forwards;
}
@keyframes fadeIn {
    to { opacity: 1; }
}

/*  新增：可滚动容器（关键！）*/
.pdmt-product-params-table-scroll-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 16px;
    display: block; /* ← 修复安卓 WebView 塌陷 */
    position: relative;
}

/*  小屏滑动提示（仅手机显示）*/
.pdmt-product-params-table-scroll-wrapper::after {
    content: "← 可左右滑动 →";
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #666;
    background: rgba(255,255,255,0.8);
    padding: 2px 10px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 10;
}
.pdmt-product-params-table-scroll-wrapper::before {
    content: "→";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #167ae2;
    z-index: 10;
    pointer-events: none;
}
@media (min-width: 768px) {
    .pdmt-product-params-table-scroll-wrapper::before,
    .pdmt-product-params-table-scroll-wrapper::after {
        display: none;
    }

    .pdmt-product-params-table {
        table-layout: fixed; /* ← 关键！让列宽严格按设定分配 */
    }
    .pdmt-product-params-table th,
    .pdmt-product-params-table td {
        width: 25%; /* 四列均分 */
    }

    .pdmt-product-params-table th {
        position: relative;
    }
    .pdmt-product-params-table th::after {
        content: attr(data-full);
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        background: #333;
        color: white;
        padding: 4px 12px;
        border-radius: 4px;
        font-size: 14px;
        white-space: nowrap;
        opacity: 0;
        transition: opacity 0.2s;
        pointer-events: none;
        z-index: 10;
    }
    .pdmt-product-params-table th:hover::after {
        opacity: 1;
    }
}

.pdmt-product-params-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    overflow: hidden;
}

.pdmt-product-params-table th,
.pdmt-product-params-table td {
    color: rgba(14, 0, 3, 0.64);
    font-size: 16px;
    border: 1px solid rgba(0, 0, 0, 0.38);
    padding: 14px 16px;
    text-align: center;
    vertical-align: middle;
    font-weight: 500;
}

.pdmt-product-params-table th {
    background-color: rgba(32, 136, 244, 0.91);
    color: white;
    font-weight: 600;
    font-size: clamp(14px, 4vw, 18px);
    white-space: normal;
    word-break: break-word;
    line-height: 1.4;
    padding: 12px 16px;
}

/* A型卡匣行分组色 */
.pdmt-product-params-table tbody tr:nth-child(-n+4) td {
    background-color: rgba(117, 202, 241, 0.54);
}
/* B型卡匣行分组色 */
.pdmt-product-params-table tbody tr:nth-child(n+5) td {
    background-color: rgba(249, 235, 176, 0.51);
}

/* ===== 手机端终极适配 ===== */
@media (max-width: 767px) {
    .pdmt-product-params-table-intro h2 { font-size: 1.5rem; }
    .pdmt-product-params-table-intro p { font-size: 1rem; }

    .pdmt-product-params-table th,
    .pdmt-product-params-table td {
        padding: 12px 10px;
        font-size: 0.9rem;
        white-space: nowrap;
    }

    .pdmt-product-params-table {
        min-width: max-content; /* ← 安全！按内容自动撑开 */
        width: 100%;
    }

    /* 小屏分组色微调 */
    .pdmt-product-params-table tbody tr:nth-child(-n+4) td {
        background-color: #d6f0ff;
    }
    .pdmt-product-params-table tbody tr:nth-child(n+5) td {
        background-color: #e8f5f0;
    }
}



/* ====================【产品中心-腹透液】部分的CSS====================开始========================== */
.pds-indication-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 10px 10px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* 标题样式 - 字体调大 */
.pds-indication-title {
    text-align: center;
    /* 标题字体范围上调：1.8rem→2.2rem，2.5rem→3rem */
    font-size: clamp(2.2rem, 4vw, 3rem);
    color: #1a56db;
    margin-bottom: 40px;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
}

.pds-indication-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #1a56db;
    border-radius: 3px;
}

/* 适用症列表容器 */
.pds-indication-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

/* 单个适用症卡片 */
.pds-indication-item {
    background: linear-gradient(135deg, #f9fbff 0%, #edf2fb 100%);
    padding: 25px 20px;
    border-radius: 8px;
    border-left: 4px solid #1a56db;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* 悬停效果 - 背景渐变、阴影、位移 */
.pds-indication-item:hover {
    background: linear-gradient(135deg, #edf2fb 0%, rgba(61, 129, 255, 0.41) 100%);
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(26, 86, 219, 0.15);
    border-left-color: #0f46b8;
}

/* 悬停装饰效果 - 右侧光效 */
.pds-indication-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: right 0.8s ease;
}

.pds-indication-item:hover::after {
    right: 100%;
}

/* 对号图标样式 - 字体调大 */
.pds-indication-check {
    content: "✓";
    /* 对号字体从1.5rem上调至2rem */
    font-size: 2rem;
    color: #1a56db;
    margin-right: 15px; /* 间距同步调大 */
    font-weight: bold;
    transform: scale(0);
    transition: transform 0.4s ease-out;
}

/* 渐入动画触发类 */
.pds-indication-item.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 触发动画时显示对号 */
.pds-indication-item.animate .pds-indication-check {
    transform: scale(1);
}

/* 悬停时对号的颜色变化 */
.pds-indication-item:hover .pds-indication-check {
    color: #0f46b8;
    transform: scale(1.1);
}

/* 适用症文本样式 - 字体调大 */
.pds-indication-text {
    /* 正文字体范围上调：1rem→1.2rem，1.2rem→1.5rem */
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    color: #2d3748;
    font-weight: 500;
    line-height: 1.5; /* 行高同步调整，保证可读性 */
    transition: all 0.3s ease;
}

.pds-indication-item:hover .pds-indication-text {
    color: #1a56db;
    font-weight: 700;
}

/* 响应式调整 - 适配调大后的字体 */
@media (max-width: 768px) {
    .pds-indication-container {
        padding: 20px 15px;
    }

    .pds-indication-title {
        margin-bottom: 30px;
        /* 平板端标题字体上限适度下调，避免过大 */
        font-size: clamp(1.8rem, 3.5vw, 2.5rem);
    }

    .pds-indication-item {
        padding: 25px 20px; /* 卡片内边距调大，适配大字体 */
    }

    .pds-indication-check {
        font-size: 1.8rem; /* 平板端对号字体适度下调 */
        margin-right: 12px;
    }

    .pds-indication-text {
        /* 平板端正文字体上限下调 */
        font-size: clamp(1.1rem, 1.8vw, 1.3rem);
        color: #0e0003;
    }

    /* 移动端悬停效果适度减弱 */
    .pds-indication-item:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(26, 86, 219, 0.43);
    }
}

.pds-info-container {
    max-width: 1380px;
    margin: 0 auto;
}

.pds-info-section {
    padding: 1rem;
    /* 启用 Flex 布局 */
    display: flex;
    justify-content: center; /* 新增：让整个section内容水平居中 */
    align-items: center;
    gap: 3rem; /* 文字与图片间距，替代 margin，更可控 */
}

/* 移动端：改为竖排 */
@media (max-width: 768px) {
    .pds-info-section {
        flex-direction: column;
        text-align: left;
    }
    .pds-product-text {
        width: 95%;
    }
    .pds-info-img {
        margin-bottom: 1.5rem;
    }
    .pds-indication-text {
        font-size: 18px;
    }
}

.pds-info-first-title {
    padding-top: 50px;
    padding-bottom: 20px;
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    font-size: 36px;
}


.pds-info-img {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    /*background-color: #6cccdc;*/
    border-radius: 10px;
    /* 悬停基础过渡（所有变化平滑） */
    transition: all 0.35s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    position: relative;
    overflow: hidden;
    align-items: center;
}

.pds-info-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.51);
    transition: filter 0.3s ease;
}

/* 悬停时效果 */
.pds-info-img:hover {
    transform: translateY(-6px); /* 微上浮，营造“轻盈感” */
    box-shadow: 0 12px 32px rgb(245, 247, 254); /* 阴影加深+扩散 */
}

/* 添加柔和内发光边框（提升科技感） */
.pds-info-img::before {
    content: '';
    position: absolute;
    top: -2px; right: -2px; bottom: -2px; left: -2px;
    border: 2px solid transparent;
    border-radius: 12px; /* 略大于容器，形成光晕 */
    background: linear-gradient(45deg, rgba(61, 129, 255, 0.42), rgb(245, 248, 254), rgba(61, 129, 255, 0.42));
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.pds-info-img:hover::before {
    opacity: 0.6;
}

.pds-img-caption {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    text-align: center;
    line-height: 1.5;
}

/* 响应式优化：小屏字号微调 */
@media (max-width: 767px) {
    .pds-img-caption {
        font-size: 0.9rem;
        margin-top: 0.75rem;
    }
    .pds-info-first-title {
        font-size: 22px;
        margin-left: 20px;
        padding-bottom: 10px;
        padding-top: 40px;
    }
}

/* 文字区域：左侧固定，带入场动画 */
.pds-product-text {
    width: 100%; /* 新增：确保文字区域占满父容器宽度 */
    max-width: 1380px; /* 新增：限制最大宽度 */
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s ease forwards;
}

/* 标题样式 */
.pds-product-title {
    font-size: 30px;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 16px;
    line-height: 1.2;
}

.pds-product-tagline {
    font-size: 20px;
    color: #167ae2;
    margin-bottom: 30px;
    font-weight: 600;
    transition: transform 0.2s ease;
    text-indent: 2em;
}
.pds-product-tagline:hover {
    transform: translateY(-1px);
}

.pds-product-desc {
    font-size: 18px;
    color: #0e0003;
    margin-bottom: 20px;
    text-align: justify;
    text-indent: 2em;
    line-height: 1.8;
}

/* 突出显示的数字/关键词 */
.pds-product-desc-highlight {
    color: #167ae2;
    font-weight: 700;
}



/* 卡片容器：移动端默认竖排 */
.pds-feature-card-grid {
    display: flex;
    flex-direction: column;
    gap: 1.25rem; /* 移动端间距 */
    padding: 0;
}

/* 卡片基础样式 */
.pds-feature-card {
    background: linear-gradient(135deg, rgba(226, 195, 98, 0.64), rgba(245, 248, 254, 0.82));
    /*background: linear-gradient(135deg, rgba(26, 188, 156, 0.68), #16a085);*/
    color: rgba(14, 0, 3, 0.85);
    border-radius: 12px;
    padding: 1.75rem 1.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.73);
    transition: all 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    opacity: 0;
    transform: translateY(24px);
}

/* hover 时增强效果（已存在，只需补 transition）*/
.pds-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 24px rgb(245, 247, 254);
    /* 可选：轻微缩放，增加灵动感 */
    scale: 1.02;
}

.pds-feature-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0.75rem;
    position: relative;
    color: #167ae2;
}

.pds-feature-card h3::after {
    content: '';
    display: block;
    width: 160px;
    height: 2px;
    background: #167ae2;
    border-radius: 2px;
    margin-top: 0.5rem;
}
/* 新增：只给第一个h3的下划线加宽到200px */
.pds-feature-card:first-of-type h3::after {
    width: 256px !important;
}


.pds-feature-card p {
    font-size: 18px;
    font-weight: 500;
    opacity: 0.92;
    margin-bottom: 0;
    line-height: 1.7;
}

/* 分隔线（更精致的虚线） */
.pds-feature-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
    border: none;
    margin: 0.8rem 0;
    width: 100%;
}

/* === PC 端：双列响应式 === */
@media (min-width: 768px) {
    .pds-feature-card-grid {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .pds-feature-card {
        flex: 1 1 calc(50% - 0.75rem); /* 两列，留出 gap 间隙 */
        min-width: 300px;
    }
}

/*移动端样式*/
@media (max-width: 768px) {
    .pds-product-title {
        font-size: 20px;
        font-weight: 600;
        color: #1a202c;
    }
    .pds-product-desc {
        font-size: 16px;
        color: #0e0003;
        margin-bottom: 20px;
        text-align: justify;
        text-indent: 2em;
        line-height: 1.8;
    }
    .pds-product-tagline {
        font-size: 18px;
        font-weight: 600;
    }
    .pds-feature-card h3 {
        font-size: 18px;
    }
}


/* === 动画类：由 JS 添加 === */
.pds-feature-animate-in {
    animation: pdmt-feature-fadeInUp 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

@keyframes pdmt-feature-fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* 画廊容器：响应式网格 */
.pds-product-gallery {
    position: relative;
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* 图片之间的间距 */
    /* 关键修复：让容器内所有子元素水平居中 */
    align-items: center;
}


/* 图片项容器：包裹图片和文字，确保整体居中 */
.pds-gallery-item {
    display: flex;
    flex-direction: column;
    align-items: center; /* 图片和文字都居中 */
    width: 100%;
    max-width: 1000px; /* 限制最大宽度，和图片保持一致 */
}

/* 图片样式 */
.pds-product-gallery img {
    display: block;
    max-width: 800px;
    width: 100%;
    object-fit: scale-down;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    background: #f8fbff;
    margin: 0 auto; /* 确保图片本身居中 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 悬停动效 */
.pds-product-gallery img:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.pds-video-container {
    width: 100%;
    max-width: 1200px;
    position: relative;
}
.pdm-video-container {
    width: 100%;
    max-width: 1200px;
    position: relative;
}
.pdmt-video-container {
    width: 100%;
    max-width: 1200px;
    position: relative;
}

/* 图片说明文字：居中，样式优化 */
.pds-img-caption {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    text-align: center; /* 文字本身居中 */
    line-height: 1.5;
}

/* 响应式：手机端单列 */
@media (max-width: 767px) {
    .pds-product-gallery {
        padding: 0 0.75rem;
    }

    .pds-gallery-item img {
        max-width: 100%;
    }

    .pds-img-caption {
        font-size: 15px;
        margin-top: 10px;
    }
    .pdm-video-container, .pds-video-container {
        width: 100%;
    }
    .pdmt-video-container {
        width: 110%;
    }
}


/* 腹透机基本参数 */
.pds-param-section {
    display: flex;
    align-items: center;
}

/* 移动端：改为竖排 */
@media (max-width: 767px) {
    .pds-param-section {
        flex-direction: column;
        text-align: left;
    }
}


.pds-product-params-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    overflow: hidden;
}

.pds-product-params-table th,
.pds-product-params-table td {
    color: rgba(14, 0, 3, 0.64);
    font-size: 16px;
    border: 1px solid rgba(0, 0, 0, 0.38);
    padding: 14px 16px;
    text-align: center;
    vertical-align: middle;
    font-weight: 500;
}

.pds-product-params-table th {
    background-color: rgba(32, 136, 244, 0.91);
    color: white;
    font-weight: 600;
    font-size: clamp(14px, 4vw, 18px);
    white-space: normal;
    word-break: break-word;
    line-height: 1.4;
    padding: 12px 16px;
}

/* A型卡匣行分组色 */
.pds-product-params-table tbody tr:nth-child(-n+3) td {
    background-color: rgba(245, 230, 166, 0.41);
}
/* B型卡匣行分组色 */
.pds-product-params-table tbody tr:nth-child(n+4) td {
    background-color: rgba(117, 202, 241, 0.33);
}



.pds-product-params-table-intro {
    max-width: 1200px;
    margin: 0 auto 24px;
    padding: 0 1rem;
    text-align: center;
    opacity: 0;
    transform: translateY(15px);
    animation: pdmt-product-params-fadeInUp 0.6s ease-out forwards;
}
@keyframes pdmt-product-params-fadeInUp {
    to { opacity: 1; transform: translateY(0); }
}

.pds-product-params-table-intro h2 {
    font-size: 1.8rem;
    color: #167ae2;
    margin-bottom: 12px;
}
.pds-product-params-table-intro p {
    font-size: 1.1rem;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

/* 手机端核心：滚动容器包装器 */
.pds-product-params-table-container {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 1rem;
    opacity: 0;
    animation: pds-product-params-fadeIn 0.8s ease-out 0.4s forwards;
}
@keyframes pds-product-params-fadeIn {
    to { opacity: 1; }
}

/* 新增：可滚动容器（关键！）*/
.pds-product-params-table-scroll-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 16px;
    display: block; /* ← 修复安卓 WebView 塌陷 */
    position: relative;
}

/* 小屏滑动提示（仅手机显示）*/
.pds-product-params-table-scroll-wrapper::after {
    content: "← 可左右滑动 →";
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #666;
    background: rgba(255,255,255,0.8);
    padding: 2px 10px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 10;
}
.pds-product-params-table-scroll-wrapper::before {
    content: "→";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #167ae2;
    z-index: 10;
    pointer-events: none;
}
.pds-product-type {
    font-size: 20px;
    font-weight: 600;
    color: #016EC5;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .pds-product-params-table-scroll-wrapper::before,
    .pds-product-params-table-scroll-wrapper::after {
        display: none;
    }

    .pds-product-params-table {
        table-layout: fixed; /* ← 关键！让列宽严格按设定分配 */
    }
    .pds-product-params-table th,
    .pds-product-params-table td {
        width: 20%; /* 5列均分 */
    }

    .pds-product-params-table th {
        position: relative;
    }
    .pds-product-params-table th::after {
        content: attr(data-full);
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        background: #333;
        color: white;
        padding: 4px 12px;
        border-radius: 4px;
        font-size: 14px;
        white-space: nowrap;
        opacity: 0;
        transition: opacity 0.2s;
        pointer-events: none;
        z-index: 10;
    }
    .pds-product-params-table th:hover::after {
        opacity: 1;
    }

    /* 悬停增强 */
    .pds-product-params-table tbody tr:hover {
        background-color: rgb(254, 212, 81);
        transform: translateY(-1px);
        box-shadow: 0 4px 16px rgba(0,0,0,0.06);
        cursor: pointer;
    }
}



/* ===== 手机端终极适配 ===== */
@media (max-width: 767px) {
    .pds-product-params-table-intro h2 { font-size: 1.5rem; }
    .pds-product-params-table-intro p { font-size: 1rem; }

    .pds-product-params-table th,
    .pds-product-params-table td {
        padding: 12px 10px;
        font-size: 0.9rem;
        white-space: nowrap;
    }

    .pds-product-params-table {
        min-width: max-content;
        width: 100%;
    }

    /* 小屏分组色微调 */
    .pds-product-params-table tbody tr:nth-child(-n+3) td {
        background-color: #e8f5f0;
    }
    .pds-product-params-table tbody tr:nth-child(n+4) td {
        background-color: #d6f0ff;
    }

    .pds-product-type {
        font-size: 18px;
    }
}


/*=================创新研发-科研平台=====================*/

.rd-platform-info-container {
    max-width: 1380px;
    margin: 0 auto;
}


.rd-platform-info-first-title {
    padding-top: 50px;
    padding-bottom: 20px;
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    font-size: 36px;
}

.rd-platform-info-second-title {
    padding-top: 30px;
    padding-bottom: 8px;
    color: var(--style-black-color);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    font-size: 30px;
}

/* 文字区域：左侧固定，带入场动画 */
.rd-platform-product-text {
    flex: 1;
    min-width: 400px;
    flex-shrink: 0; /* 防止小屏下文字被挤压 */
    opacity: 0;
    transform: translateY(20px);
    animation: rd-platform-product-text-fadeInUp 0.8s ease forwards;
}


.rd-platform-product-desc {
    font-size: 18px;
    color: #0e0003;
    margin-bottom: 20px;
    text-align: justify;
    text-indent: 2em;
    line-height: 1.8;
    /* 核心防溢出：PC+移动端通用 */
    box-sizing: border-box; /* 保证边距不超宽 */
    word-wrap: break-word; /* 长单词换行 */
    word-break: break-all; /* 中文强制折行 */
    overflow-wrap: break-word; /* 兼容新浏览器 */
    max-width: 100%; /* 绝对不超父容器 */
}

/* 突出显示的数字/关键词 */
.rd-platform-product-desc-highlight {
    color: #167ae2;
    font-weight: 700;
}

/* 画廊容器：响应式网格 */
.rd-platform-product-gallery {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 1rem;
    /* 新增：清除figure默认间距 */
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* 图片之间的间距 */
}



/* 每个 figure：块级容器，控制内部对齐 */
.rd-platform-product-gallery figure {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 防止图片底部默认基线间隙（关键！） */
    line-height: 0;
}

/* 图片样式 */
.rd-platform-product-gallery img {
    display: block;
    max-width: 60%;
    /* 安全的最大尺寸（移动端优先） */
    max-height: 60%;
    /* 宽度自适应，高度由比例/约束决定 */
    width: auto;
    height: auto; /* 让浏览器按原始宽高比计算高度 */
    /*   定义替换元素的内容（比如图片）如何适配其容器的宽高，同时保持自身的宽高比
        object-fit: cover（无留白、填满容器），contain（会留白）
        contain = 图片等比缩放，完整显示在容器内;
        cover = 图片等比缩放，完全覆盖容器；超出容器的部分会被裁剪，无留白
        scale-down = 智能缩小. 图片等比缩放，完整显示在容器内，但至少有一个边框，且至少有一个边框是可见的。
     */
    object-fit: scale-down;
    border-radius: 10px;
    /*box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);*/
    /*background: #f8fbff;*/
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


/* 标题样式：紧贴图片下方，字体清晰、间距舒适 */
/* ===== 标题（figcaption）通用样式 ===== */
.rd-platform-product-gallery figcaption {
    margin-top: 12px;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    text-align: center;
    line-height: 1.5;
    max-width: 100%;
    /* 可选：长文本自动省略（防过长换行破坏布局） */
    white-space: normal;
    word-break: break-word;
}






/* 响应式优化：小屏字号微调 */
@media (max-width: 768px) {
    .rd-platform-info-container {
        margin: 0 20px;
    }
    .rd-platform-info-first-title {
        padding-top: 10px;
        padding-bottom: 0px;
        font-size: 22px;
    }
    .rd-platform-info-second-title {
        font-size: 20px;
        margin-left: 20px;
        padding-bottom: 0;
    }
    .rd-platform-product-gallery {
        gap: 20px;
    }
    .rd-platform-product-gallery img {
        max-width: 95%;
    }
}



/* 移动端：改为竖排 */
@media (max-width: 767px) {
    .rd-platform-info-section {
        flex-direction: column;
        text-align: left;
        /* 新增：父容器防溢出 */
        width: 100%;
        box-sizing: border-box;
        padding: 0 8px; /* 给整体留最小边距 */
    }
    .rd-platform-product-text {
        text-align: left;
        /* 重置PC端强制最小宽度，解决核心溢出 */
        min-width: unset; /* 取消400px最小宽度 */
        flex-shrink: 1; /* 允许容器收缩 */
        width: 100%; /* 占满父容器 */
        padding: 0; /* 清空默认padding */
        margin: 0; /* 清空默认margin */
    }
    .rd-platform-product-desc {
        /* 移动端文字样式优化，取消固定左右margin */
        font-size: 16px;
        color: #0e0003;
        line-height: 1.8;
        margin: 10px 10px; /* 用百分比替代固定20px，适配小屏 */
    }

    .rd-platform-info-img {
        margin-bottom: 1.5rem;
    }

    .rd-platform-product-title {
        font-size: 20px;
        font-weight: 600;
        color: #1a202c;
    }
    .rd-platform-product-gallery {
        padding: 0 0.75rem; /* 更窄边距 */
    }

    /* 标题适配 */
    .rd-platform-product-gallery figcaption {
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 1.4;
    }
}

/* 动画定义（如未全局定义） */
@keyframes rd-platform-product-text-fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* 外层容器：核心居中控制 */
.rd-platform-swiper-wrap {
    max-width: 800px; /* 轮播最大宽度 */
    margin: 40px auto; /* 上下间距 + 左右自动居中 */
    padding: 0 16px; /* 移动端左右内边距，避免贴边 */
    position: relative; /* 为导航按钮绝对定位提供基准 */
}


/* 轮播图片容器 */
.rd-platform-info-img {
    width: 100%;
    max-width: 1200px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    background: #f8fbff;
}

.rd-platform-info-img img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: scale-down;
}

/* 图片说明文字 */
.rd-platform-img-caption {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    line-height: 1.5;
}

/* Swiper 导航按钮：绝对定位 + 居中适配 */
.rd-platform-swiper {
    width: 100%;
    padding: 0 30px; /* 给按钮留出空间，避免遮挡图片 */
    box-sizing: border-box;
}

.rd-platform-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center; /* 水平居中 */
    justify-content: center; /* 垂直居中 */
    text-align: center;
}

.rd-platform-swiper .swiper-slide img {
    display: block;
    width: 100%;
    /* 核心：统一图片高度，和slide高度一致 */
    height: 100%;
    /* 关键：保持图片比例，裁剪/填充，避免变形 */
    object-fit: contain; /* 可选：contain（完整显示，可能留空白） | cover（裁剪填充，无空白） */
    /* contain:把图片 “完整装进去”，容器有空白就留空白（可能上下 / 左右留白）.cover:把图片 “撑满容器”，多余部分切掉（优先保留图片中心内容） */
    object-position: center; /* 图片居中显示，优先展示核心内容 */
    border-radius: 12px;
}

/* 轮播指示器小圆点 */
.rd-platform-swiper .swiper-pagination {
    bottom: -20px !important; /* 调整小圆点位置，避开按钮 */
}
.rd-platform-swiper .swiper-pagination-bullet {
    background: #ccc;
    opacity: 0.8;
    width: 8px;
    height: 8px;
}
.rd-platform-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007bff;
}

/* 左右切换按钮样式 */
.rd-platform-swiper .swiper-button-prev,
.rd-platform-swiper .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    color: #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease;
}

/* 按钮hover效果 */
.rd-platform-swiper .swiper-button-prev:hover,
.rd-platform-swiper .swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* 左按钮位置 */
.rd-platform-swiper .swiper-button-prev {
    left: 0;
}
/* 右按钮位置 */
.rd-platform-swiper .swiper-button-next {
    right: 0;
}
/* 隐藏默认箭头图标，自定义简易箭头 */
.rd-platform-swiper .swiper-button-prev::after,
.rd-platform-swiper .swiper-button-next::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.rd-platform-swiper .swiper-button-prev::after {
    transform: rotate(-135deg);
    margin-left: 4px;
}
.rd-platform-swiper .swiper-button-next::after {
    transform: rotate(45deg);
    margin-right: 4px;
}

/* 移动端适配 */
@media (max-width: 767px) {
    .rd-platform-info-img {
        width: 100%;
        max-width: 767px;
    }
    .rd-platform-img-caption {
        font-size: 15px;
        margin-top: 12px;
    }
    .rd-platform-swiper .swiper-slide {
        height: 450px;
    }

    .rd-platform-swiper .swiper-button-prev,
    .rd-platform-swiper .swiper-button-next {
        top: 45%;
    }
}


/* 容器：居中 + 响应式 */
.rd-platform-stats-container {
    max-width: 1380px;
    /* 核心修改：缩小左右margin，从 0 10px 改为 0 auto + 内边距控制 */
    margin: 0 auto; /* 水平居中，消除默认左右大间距 */
    padding: 0 8px; /* 极小的左右内边距，避免内容贴边 */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2px; /* 模拟竖线分隔 */
    width: 100%; /* 确保容器占满可用宽度 */
}

/* 数据项：渐进式动画基础 + 布局 */
.rd-platform-stat-item {
    padding: 30px 20px;
    text-align: center;
    border-right: 1px solid #e0e0e0;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}
/* 最后一项取消右边框 */
.rd-platform-stat-item:last-child {
    border-right: none;
}

/* 数字样式 */
.rd-platform-stat-number {
    font-size: 26px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}
/* 说明文字样式 */
.rd-platform-stat-desc {
    font-size: clamp(1rem, 2vw, 1.2rem);
    color: #167ae2;
    line-height: 1.6;
    font-weight: 600;
}

/* 渐进式动画触发类 */
.rd-platform-stat-item.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 手机端适配 */
@media (max-width: 768px) {
    .rd-platform-stat-item {
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        padding: 15px 15px;
    }
    .rd-platform-stat-item:last-child {
        border-bottom: none;
    }
    .rd-platform-stat-number {
        font-size: 20px;
    }
}



/* 容器：居中 + 响应式 */
.rd-platform-stats-container {
    max-width: 1380px;
    /* 核心修改：缩小左右margin，从 0 10px 改为 0 auto + 内边距控制 */
    margin: 0 auto; /* 水平居中，消除默认左右大间距 */
    padding: 0 8px; /* 极小的左右内边距，避免内容贴边 */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2px; /* 模拟竖线分隔 */
    width: 100%; /* 确保容器占满可用宽度 */
}

/* 外层容器：核心居中控制 */
.rd-platform-swiper-wrap2 {
    max-width: 1000px; /* 轮播最大宽度 */
    margin: 40px auto; /* 上下间距 + 左右自动居中 */
    padding: 0 16px; /* 移动端左右内边距，避免贴边 */
    position: relative; /* 为导航按钮绝对定位提供基准 */
}

/* Swiper核心容器：必须设置宽度100%继承外层居中 */
.rd-platform-swiper2 {
    width: 100%;
    height: auto; /* 自适应高度 */
}

/* 轮播幻灯片：居中对齐内容 */
.rd-platform-swiper2 .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center; /* 水平居中 */
    justify-content: center; /* 垂直居中 */
    text-align: center;
}

/* 轮播图片容器 */
.rd-platform-info-img2 {
    width: 100%;
    max-width: 1000px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    background: #f8fbff;
}

.rd-platform-info-img2 img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* 图片说明文字 */
.rd-platform-img-caption2 {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    line-height: 1.5;
}

/* Swiper 导航按钮：绝对定位 + 居中适配 */
.rd-platform-swiper2 .swiper-button-prev,
.rd-platform-swiper2 .swiper-button-next {
    color: #3d81ff;
    width: 44px;
    height: 44px;
    /*background: white;*/
    border-radius: 50%;
    /*box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
    /* 调整按钮位置，避免遮挡内容 */
    top: 50%;
    transform: translateY(-50%);
}
/* 左按钮靠左，右按钮靠右 */
.rd-platform-swiper2 .swiper-button-prev {
    left: 10px;
}
.rd-platform-swiper2 .swiper-button-next {
    right: 10px;
}

/* 分页器样式 */
.rd-platform-swiper2 .swiper-pagination-bullet {
    background: #cbd5e0;
    width: 10px;
    height: 10px;
}
.rd-platform-swiper2 .swiper-pagination-bullet-active {
    background: #3d81ff;
}

/* 移动端适配 */
@media (max-width: 767px) {
    .rd-platform-info-img2 {
        width: 100%;
        max-width: 767px;
    }
    .rd-platform-img-caption2 {
        font-size: 15px;
        margin-top: 12px;
    }
    /* 移动端缩小按钮尺寸 */
    .rd-platform-swiper2 .swiper-button-prev,
    .rd-platform-swiper2 .swiper-button-next {
        width: 36px;
        height: 36px;
    }
}



/* 核心容器：控制整体宽度和居中 */
.research-header-expert-container {
    max-width: 1380px;
    margin: 0 auto;
    opacity: 0; /* 渐进动画初始状态 */
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}
.research-header-expert-container.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 顶部区域：头像+基础信息 */
.research-header-expert-header {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    margin-bottom: 40px;
    align-items: center;
}
/* 左侧文字卡片（新增渐变背景+悬浮效果核心样式） */
.research-header-expert-info-card {
    border: 2px solid #1a56db;
    border-radius: 20px;
    padding: 30px;
    position: relative;
    /* 新增渐变背景 - 从浅蓝到纯白的渐变 */
    background: linear-gradient(135deg, #e8f4ff 0%, #ffffff 100%);
    /* 悬浮过渡：保证动画流畅 */
    transition: all 0.3s ease;
    /* 基础阴影 */
    box-shadow: 0 4px 12px rgba(26, 86, 219, 0.05);
    /* 防止渐变被子元素覆盖 */
    z-index: 1;
}
/* 卡片悬浮效果 */
.research-header-expert-info-card:hover {
    /* 轻微上移 */
    transform: translateY(-8px);
    /* 增强阴影，提升立体感 */
    box-shadow: 0 8px 24px rgba(26, 86, 219, 0.15);
    /* 边框颜色加深，强化视觉焦点 */
    border-color: #0f48b3;
    /* 悬浮时渐变颜色加深，增强交互反馈 */
    background: linear-gradient(135deg, #d7e9ff 0%, #ffffff 100%);
    /* 可选：轻微放大 */
    /* transform: translateY(-8px) scale(1.01); */
}
.research-header-expert-name {
    font-size: 2.2rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 16px;
    padding-left: 20px;
    font-family: "Times New Roman", serif;
}
.research-header-expert-title {
    font-size: 1.2rem;
    color: #1a56db;
    margin-bottom: 20px;
    line-height: 1.5;
    padding-left: 20px;
}
.research-header-expert-honor-list {
    list-style: disc;
    padding-left: 20px;
    font-size: 1.1rem;
    line-height: 1.8;
}
/* 右侧头像（同步加过渡，保持视觉统一） */
.research-header-expert-avatar {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.research-header-expert-avatar:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}
.research-header-expert-avatar img {
    width: 100%;
    height: 90%;
    display: block;
}

/* 底部内容区：发明+创业分栏 */
.research-header-expert-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    border-top: 1px solid #eee;
    padding-top: 30px;
}
.content-column {
    padding: 0 10px;
    /* 给底部列也加轻微悬浮效果，提升整体体验 */
    transition: all 0.3s ease;
    padding: 20px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(61, 129, 255, 0.22) 0%, #ffffff 100%);
}
.content-column:hover {
    background-color: #a2c4ea;
}
.column-title {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: rgba(0,0,0,0.78);
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.content-list {
    list-style: none;
    font-size: 1rem;
    line-height: 1.8;
}
.content-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    color: rgba(0,0,0,0.78);
}
/* 对勾标记样式（还原图片） */
.content-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #1a56db;
    font-weight: bold;
}

/* 手机端适配 */
@media (max-width: 768px) {
    /* 顶部改为上下布局 */
    .research-header-expert-header {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .research-header-expert-info-card {
        margin: 20px 20px;
        border-radius: 15px;
    }
    .research-header-expert-title {
        font-size: 1.0rem;
        }
    /* 移动端悬浮效果弱化，避免误触 */
    .research-header-expert-info-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 6px 16px rgba(26, 86, 219, 0.1);
        background: linear-gradient(135deg, #a2c7ea 0%, #ffffff 100%);
    }
    .research-header-expert-name {
        font-size: 1.6rem;
    }
    .research-header-expert-avatar {
        width: 100%;
        padding-left: 20px;
        padding-right: 10px;
    }
    .research-header-expert-avatar img{
        border-radius: 10px;
    }

    /* 底部改为单列布局 */
    .research-header-expert-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .content-column {
        margin-left: 20px;
        margin-right: 20px;
    }
    .column-title {
        font-size: 1.2rem;
    }
}

/* 小屏手机额外优化 */
@media (max-width: 480px) {
    body {
        padding: 20px 10px;
    }
    .research-header-expert-honor-list, .content-list {
        font-size: 0.9rem;
    }
}

/* 团队容器：响应式布局 */
/* 团队容器：响应式布局 */
.rd-team-container {
    max-width: 1380px;
    margin: 40px 10px 20px 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.rd-team-container-2 {
    max-width: 1380px;
    margin: 20px 10px 20px 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;
}

/* 专家卡片：基础样式 + 渐进式动画初始状态 + 悬浮过渡基础 */
.rd-team-expert-card {
    background: #fff;
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.42);
    opacity: 0;
    transform: translateY(20px);
    /* 统一过渡属性：覆盖初始动画和悬浮动画 */
    transition: all 0.4s ease-out;
    /* 新增：悬浮效果基础样式 */
    border: 1px solid transparent; /* 透明边框，避免悬浮时位移 */
    position: relative;
    overflow: hidden;
}

/* 渐进式动画触发类 */
.rd-team-expert-card.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 核心：卡片悬浮效果 */
.rd-team-expert-card:hover {
    /* 轻微上移+轻微放大，增强立体感 */
    transform: translateY(-8px) scale(1.01);
    /* 增强阴影，提升层次感 */
    box-shadow: 0 8px 24px rgba(61, 129, 255, 0.65);
    /* 新增绿色边框，和头衔颜色呼应 */
    border-color: #167ae2;
    /* 轻微调整背景色，增加层次感 */
    background-color: rgba(226, 242, 232, 0.55);
}

/* 专家头像：同步增加悬浮过渡效果 */
.rd-team-expert-avatar {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 16px;
    border: 3px solid #f0f5ff;
    /* 头像同步过渡 */
    transition: all 0.4s ease-out;
}
/* 卡片悬浮时，头像边框颜色同步变化 */
.rd-team-expert-card:hover .rd-team-expert-avatar {
    border-color: #48bb78;
    transform: scale(1.03); /* 头像轻微放大 */
}
.rd-team-expert-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

/* 专家姓名：悬浮时颜色变化 */
.rd-team-expert-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}
.rd-team-expert-card:hover .rd-team-expert-name {
    color: #167ae2; /* 和头衔/边框颜色统一 */
}

/* 专家头衔 */
.rd-team-expert-title {
    font-size: 1rem;
    color: #0b9445; /* 还原图片中的绿色 */
    margin-bottom: 16px;
    font-weight: 600;
}

/* 专家简介：调整布局适配小黑点 */
.rd-team-expert-desc {
    font-size: 1.0rem;
    color: #4a5568;
    line-height: 1.8; /* 加大行高，适配小黑点 */
    text-align: left;
    transition: color 0.3s ease;
}
/* 小黑点样式（核心新增） */
.rd-team-expert-desc-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 4px; /* 行间距 */
}
.dot {
    display: inline-block;
    width: 8px; /* 小黑点尺寸 */
    height: 8px;
    border-radius: 50%;
    background-color: #4a5568; /* 文字同色，视觉统一 */
    margin-right: 8px;
    margin-top: 6px; /* 垂直居中对齐文字 */
    flex-shrink: 0; /* 防止小黑点被压缩 */
    transition: background-color 0.3s ease;
}
/* 悬浮时小黑点颜色同步变化 */
.rd-team-expert-card:hover .dot {
    background-color: #48bb78;
}

/* 手机端适配：弱化悬浮效果，避免误触 */
@media (max-width: 768px) {
    .rd-team-container {
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 20px 20px;
    }
    .rd-team-expert-avatar {
        width: 150px;
        height: 150px;
    }
    .rd-team-expert-desc {
        text-align: left;
    }
    /* 移动端小黑点适配 */
    .rd-team-expert-desc-item {
        justify-content: left; /* 移动端小黑点和文字整体居中 */
    }
    /* 移动端悬浮效果弱化 */
    .rd-team-expert-card:hover {
        transform: translateY(-4px) scale(1.005);
        box-shadow: 0 6px 16px rgba(72, 187, 120, 0.08);
    }
    .rd-team-expert-card:hover .rd-team-expert-avatar {
        transform: scale(1.01);
    }
}


/* ========== FAQ核心容器 ========== */

/* 整体页面样式 */
.resource_page_content {
    background-color: #F9FAFB;
    padding: 20px;
}


/* ========== FAQ核心容器 ========== */
.resource-faq-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 0px;
}

/* ========== FAQ标题区域 ========== */
.resource-faq-title {
    text-align: center;
    margin-bottom: 20px; /* 减少底部间距，给筛选栏留空间 */
}
.resource-faq-title h3 {
    font-size: 30px;
    font-weight: 600;
    color: #333333;
    margin-top: 20px;
    margin-bottom: 50px;
}
.resource-faq-title p {
    font-size: 16px;
    color: #666666;
    line-height: 1.6;
}

/* ========== 新增：筛选栏样式 ========== */
.resource-faq-filter {
    display: flex;
    flex-wrap: wrap; /* 移动端自动换行 */
    gap: 12px; /* 筛选按钮间距 */
    justify-content: center; /* 居中排列 */
    margin: 0 auto 30px; /* 上下间距，居中 */
    max-width: 1000px; /* 限制最大宽度 */
    padding: 0 10px;
}
.filter-btn {
    padding: 8px 20px;
    background-color: #FFFFFF;
    border: 1px solid #E5E9F2;
    border-radius: 20px; /* 圆角按钮 */
    font-size: 16px;
    color: #666666;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    flex-shrink: 0; /* 防止按钮被压缩 */
}
/* 选中状态的筛选按钮 */
.filter-btn.active {
    background-color: #0873e3;
    color: white;
    font-weight: 600;
    border-color: #0873e3;
    box-shadow: 0 2px 8px rgba(8, 115, 227, 0.2);
}
/* hover效果 */
.filter-btn:hover:not(.active) {
    border-color: #0873e3;
    color: #0873e3;
}

/* ========== FAQ列表容器 ========== */
.resource-faq-list {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

/* ========== 单个FAQ项 ========== */
.resource-faq-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.21);
    transition: background 0.2s ease;
    position: relative; /* 为边框定位做准备 */
    display: block; /* 默认显示，筛选时通过none隐藏 */
}
.resource-faq-item:last-child {
    border-bottom: none; /* 最后一项取消下边框 */
}
.resource-faq-item:hover {
    background-color: #F5F7FA; /* hover轻微背景色变化 */
}
/* 展开后FAQ项整体背景色（保留浅蓝，突出展开状态） */
.resource-faq-item.active {
    background-color: #F0F7FF; /* 比原#EBF3FF更浅，减少视觉压迫感 */
    /* 补充优化：增加细微的视觉层次，提升交互体验 */
    border-radius: 8px; /* 轻微圆角，贴合现代UI设计 */
    box-shadow: 0 1px 3px rgba(0, 112, 243, 0.08); /* 微弱阴影，突出激活状态 */
    transition: background-color 0.2s ease; /* 过渡动画，交互更丝滑 */
}

/* ========== FAQ问题栏 ========== */
.resource-faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    cursor: pointer;
    user-select: none; /* 禁止文字选中 */
}
.resource-faq-question-text {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    line-height: 1.4;
    /* 限制问题文本宽度，避免挤压展开/收起文字 */
    flex: 1;
    margin-right: 10px;
    /* 新增：标题文字过渡动画 */
    transition: color 0.2s ease, font-weight 0.2s ease;
}

/* 核心修改：展开后标题文字变蓝色+加粗 */
.resource-faq-item.active .resource-faq-question-text {
    color: #0873e3;
    font-weight: 700;
}
/* 展开/收起文字容器 */
.resource-faq-toggle-text {
    font-size: 16px;
    color: #0873e3;
    margin-right: 8px;
    font-weight: 500;
    /* 过渡动画：文字切换更顺滑 */
    transition: opacity 0.2s ease;
}
.resource-faq-question-icon {
    width: 26px;
    height: 26px;
    color: #3D81FF;
    transition: transform 0.3s ease; /* 图标旋转动画 */
    flex-shrink: 0; /* 防止图标被压缩 */
}
/* 展开状态的图标和文字 */
.resource-faq-item.active .resource-faq-question-icon {
    transform: rotate(180deg);
}
/* 隐藏默认的收起文字，展开时显示 */
.resource-faq-toggle-text.collapse {
    display: none;
}
.resource-faq-item.active .resource-faq-toggle-text.expand {
    display: none;
}
.resource-faq-item.active .resource-faq-toggle-text.collapse {
    display: inline-block;
}

/* ========== FAQ答案栏 ========== */
.resource-faq-answer {
    padding: 0 24px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding 0.5s ease, border 0.5s ease; /* 边框过渡 */
    color: #333333; /* 答案文字主色 */
    line-height: 1.8;
    font-size: 18px;
    /* 核心：边框圆角设置，数值越大圆角越明显 */
    border-radius: 8px; /* 全局圆角（四个角都为8px），默认是 0 0 8px 8px（仅下两角） */
    /* 边框设置 */
    border: 0 solid rgba(0, 0, 0, 0.22);
    border-top-width: 0;
    margin: 10px 16px; /* 与父容器保留间距 */
    /* 核心修改：移除答案区白底，继承父容器浅蓝背景 */
    background-color: transparent;
}
/* 展开状态的答案 */
.resource-faq-item.active .resource-faq-answer {
    padding: 20px 24px 24px; /* 调整上下内边距 */
    max-height: 1000px; /* 足够容纳长文本 */
    border-width: 1.5px; /* 显示边框， 边框的粗细 */
    border-top-width: 1.5px;/* 与整体边框粗细保持一致 */
    /* 确认移除白底：保持transparent */
    background-color: transparent;
}
/* 答案中重点文字高亮 */
.resource-faq-answer strong {
    color: #3D81FF;
    font-weight: 600;
}

/* 外部CSS文件中添加 */
.resource-faq-answer img {
    display: block;
    max-width: 95%;
    height: auto;
    margin: 10px auto; /* 核心居中样式 */
    box-sizing: border-box;
}

/* 外部CSS */
.resource-faq-img-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 10px 0;
}

.resource-faq-img-container img {
    max-width: 100%;
    max-height: 100%;
    height: 250px;
    width: 250px;
    border-radius: 16px; /* 圆角数值可改，比如8px/20px/50%（圆形） */
    overflow: hidden; /* 必加：防止图片内容超出圆角区域 */
    object-fit: cover; /* 若图片比例不符，用cover填充（contain是完整显示） */
    display: block; /* 消除图片默认间隙，不影响圆角但优化布局 */
}

/* ========== 底部联系模块 ========== */
.resource-faq-contact {
    margin-top: 30px;
    padding: 24px;
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.27);
    text-align: center;
}
.resource-faq-contact-title {
    font-size: 24px;
    color: var(--style-black-color);
    margin-bottom: 12px;
    font-weight: 600;
}
.resource-faq-contact-hotline {
    font-size: 26px;
    font-weight: 600;
    color: var(--style-blue-color);
    margin-bottom: 10px;
    letter-spacing: 2px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.1);
    /* 新增：过渡动画，让hover效果更丝滑 */
    transition: all 0.3s ease;
    /* 可选：添加鼠标指针样式，提示可交互 */
    cursor: pointer;
}

.resource-faq-contact-hotline:hover {
    /* 核心悬浮效果：颜色加深+文字放大+阴影增强 */
    color: #0873e3; /* 更深的蓝色，提升对比 */
    transform: scale(1.05); /* 轻微放大（5%），视觉聚焦 */
    text-shadow: 0 2px 8px rgba(61, 129, 255, 0.3); /* 蓝色柔光阴影，更醒目 */
    letter-spacing: 3px; /* 字间距轻微增大，增强视觉效果 */
}
.resource-faq-contact-qrcode {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap; /* 移动端自动换行 */
}
.resource-faq-qrcode-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.resource-faq-qrcode-item img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border: 2px solid #F5F7FA;
    border-radius: 8px;
    transition: transform 0.3s ease;
}
.resource-faq-qrcode-item img:hover {
    transform: scale(1.2); /* 二维码hover放大 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
.resource-faq-qrcode-item p {
    font-size: 16px;
    color: #666666;
    font-weight: 500;
}

/* ========== 移动端适配（768px以下） ========== */
@media screen and (max-width: 768px) {
    /* 页面整体调整 */
    body {
        padding: 20px 0;
    }
    /* FAQ容器 */
    .resource-faq-container {
        margin: 0 auto;
    }
    .resource_page_content {
        padding: 0px 15px 10px 15px;
    }
    /* 标题 */
    .resource-faq-title h3 {
        font-size: 20px;
    }
    .resource-faq-title p {
        font-size: 14px;
    }
    /* 新增：移动端筛选按钮样式 */
    .resource-faq-filter {
        gap: 8px;
        margin-bottom: 20px;
    }
    .filter-btn {
        padding: 6px 16px;
        font-size: 16px;
    }
    /* 问题栏 */
    .resource-faq-question {
        padding: 16px 20px;
    }
    .resource-faq-question-text {
        font-size: 18px;
    }
    /* 移动端缩小展开/收起文字 */
    .resource-faq-toggle-text {
        font-size: 16px;
        margin-right: 5px;
    }
    /* 答案栏 */
    .resource-faq-answer {
        font-size: 16px;
        line-height: 1.8;
        margin: 0 12px; /* 移动端减小间距 */
    }
    .resource-faq-item.active .resource-faq-answer {
        padding: 16px 20px 20px;
    }
    .resource-faq-contact-title {
        font-size: 18px;
    }

    /* 手机端适配：屏幕宽度小于768px时自动调整尺寸 */
    .resource-faq-img-container img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }

    /* 联系模块 */
    .resource-faq-contact-hotline {
        font-size: 20px;
    }
    .resource-faq-qrcode-item img {
        width: 100px;
        height: 100px;
    }
    .resource-faq-contact-qrcode {
        gap: 10px;
    }
}

/* ========== 平板适配（769px-1200px） ========== */
@media screen and (min-width:769px) and (max-width:1200px) {
    .resource-faq-container {
        max-width: 900px;
    }
    .resource-faq-qrcode-item img {
        width: 100px;
        height: 100px;
    }
}



/* =====资源下载样式======== */
.resource-downLoad-page-content {
    background-color: #F9FAFB;
    padding: 20px;
}


/* 容器样式 */
.resource-downLoad-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 20px;
}

/* 标签切换栏 - 核心修改：激活态文字样式 */
.resource-downLoad-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    /*border-bottom: 2px solid #000;*/
}
.resource-downLoad-tab-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 30px;
    background: transparent;
    border: none;
    font-size: 22px;
    font-weight: 500; /* 默认字体粗细 */
    color: #666; /* 默认文字颜色 */
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease; /* 过渡动画更顺滑 */
}
/* 激活状态样式：文字加粗+改色+下划线 */
.resource-downLoad-tab-btn.active {
    font-size: 22px;
    color: #1890ff; /* 激活态文字颜色（和下载按钮主色一致） */
    font-weight: 700; /* 加粗 */
}
.resource-downLoad-tab-btn.active::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1890ff; /* 下划线颜色和文字一致 */
}
/* 悬浮态样式（可选，提升交互） */
.resource-downLoad-tab-btn:hover:not(.active) {
    color: #40a9ff;
    font-weight: 600;
}
.resource-downLoad-tab-btn img {
    width: 30px;
    height: 30px;
}

/* 资源列表容器 */
.resource-downLoad-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

/* 文档资源卡片 */
.resource-doc-card {
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.13);
    border-radius: 8px;
    padding: 20px 20px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: default;
    overflow: hidden;
    position: relative;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    max-width: 400px;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.resource-doc-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    /* 线性渐变：从浅蓝到浅灰，和主题色匹配 */
    background: linear-gradient(135deg, rgba(22, 122, 226, 0.31) 0%, rgb(248, 240, 178) 100%);
}
/* 下载按钮 */
.resource-download-btn {
    max-width: 120px;
    width: 90px;
    padding: 8px 5px;
    background: #e6f7ff;
    color: #167ae2;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    transition: all 0.2s ease;
    margin-top: 15px;
    flex-shrink: 0;
    text-decoration: none;
}


/* 下载按钮 */
.resource-video-play-btn {
    max-width: 90px;
    font-size: 14px;
    width: 90px;
    padding: 8px 5px;
    background: #e6f7ff;
    color: #167ae2;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center; /* 按钮内图标+文字居中 */
    align-items: center;
    gap: 5px;
    transition: all 0.2s ease;
    margin-top: 5px;
    margin-bottom: 15px;
    flex-shrink: 0;
    text-decoration: none;
}

.resource-video-play-btn img {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.resource-video-play-btn:hover {
    font-weight: bold;
    color: #fff;
    background: #066bc9;
    border-color: #066bc9;
    transform: scale(1.1);
}

.resource-video-play-btn:hover img {
    content: url("../images/resourceCenter/resource-video-white.png");
}


    /* 下载按钮 */
.resource-video-download-btn {
    max-width: 90px;
    font-size: 14px;
    width: 90px;
    padding: 8px 5px;
    background: #e6f7ff;
    color: #167ae2;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center; /* 按钮内图标+文字居中 */
    align-items: center;
    gap: 5px;
    transition: all 0.2s ease;
    margin-top: 5px;
    margin-bottom: 15px;
    flex-shrink: 0;
    text-decoration: none;
}

.resource-video-download-btn img {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.resource-video-download-btn:hover {
    font-weight: bold;
    color: #fff;
    background: #066bc9;
    border-color: #066bc9;
    transform: scale(1.1);
}

.resource-video-download-btn:hover img {
    content: url("../images/resourceCenter/resource-downLoad-white.png");
}


.resource-download-btn:hover {
    font-weight: bold;
    color: #fff;
    background: #066bc9;
    border-color: #066bc9;
    transform: scale(1.1);
}

/* 悬浮时下载图标 替换为白底图片 */
.resource-download-btn:hover img {
    content: url("../images/resourceCenter/resource-downLoad-white.png");
}
.resource-doc-card h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.6;
    transition: color 0.2s ease;
    width: 100%;
}
.resource-doc-card:hover h3 {
    color: #066bc9;
}
.resource-doc-card p {
    font-size: 16px;
    color: rgba(14, 0, 3, 0.78);
    margin-bottom: 10px;
    line-height: 1.6;
    width: 100%;
}
.resource-download-btn img {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* 视频资源卡片 */
.resource-video-card {
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.13);
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    position: relative;
    min-height: 420px;
    display: flex;
    flex-direction: column;
}
.resource-video-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    background-color: #e4e7ee;
}

/* 标题+按钮容器：利用flex垂直排列，继承卡片的居中属性 */
.resource-video-card-content {
    flex: 1; /* 占满剩余空间，保证按钮在卡片内垂直分布合理 */
    display: flex;
    flex-direction: column;
    align-items: center; /* 兜底：确保按钮绝对居中 */
    justify-content: center; /* 可选：标题+按钮在容器内垂直居中 */
}
.resource-video-card .resource-video-face {
    width: 100%;
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
    display: block;
    flex-shrink: 0;
}
.resource-video-card::after {
    content: '';
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: url('../images/resourceCenter/play-icon.png') no-repeat center;
    background-size: 100%;
    opacity: 0.7;
    z-index: 1;
    transition: all 0.3s ease;
}
.resource-video-card:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}

.resource-video-card p {
    font-size: 16px;
    font-weight: 500;
    padding: 0 10px 15px;
    transition: color 0.2s ease;
    position: relative;
    z-index: 2;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.resource-video-card h3 {
    font-size: 18px;
    font-weight: 600;
    padding: 0 10px 15px;
    transition: color 0.2s ease;
    position: relative;
    z-index: 2;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.resource-video-card:hover p {
    color: #1890ff;
}

/* 视频播放弹窗 */
.resource-video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    box-sizing: border-box;
}
.resource-video-modal.active {
    display: flex;
}

.resource-modal-content {
    position: relative; /* 保留原有定位，用于关闭按钮布局 */
    /*border: 1px solid #f5f8fe; !* 核心：2px宽的白色实线边框（可调整宽度） *!*/
    border-radius: 8px;
    background: var(--style-black-color);
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box;
}

.resource-video-btn-group {
    display: flex; /* 水平排列按钮 */
    gap: 20px; /* 按钮之间的间距（可调整） */
    justify-content: center; /* 按钮组整体居中 */
}

/* 关闭按钮基础样式 */
.resource-video-close-modal {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 0%;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 10;
    /* 悬浮效果 */
    transition: background-color 0.3s ease;
}

.close-text {
    font-size: 20px;
    font-weight: 600;
    color: var(--style-white-color);
}

/* 文字悬浮 关闭 变红 */
.resource-video-close-modal:hover .close-text {
    color: red;
    transition: color 0.2s ease;
}


.resource-modal-video {
    max-height: 80vh;
    width: 100%;
    height: 550px;
    border: none;
    transition: all 0.2s ease;
}
/* 核心新增：视频悬浮时文字变蓝 */
.resource-video-card h3:hover {
    /* 视频控件文字变色（适配浏览器默认样式） */
    color: #1890ff;
}
/* 兼容不同浏览器的视频控件文字颜色 */
.resource-modal-video::-webkit-media-controls-panel {
    color: #1890ff !important;
}
/* 如果需要弹窗内其他文字同步变色，添加以下样式 */
.resource-video-modal:hover .resource-modal-content ~ * {
    color: #1890ff;
}
/* 若希望视频卡片标题在视频悬浮时也变色（可选） */
.resource-video-modal.active:hover .resource-video-card h3,
.resource-video-modal.active:hover .resource-video-card p {
    color: #1890ff;
}


/* 新增：子分类筛选栏 */
.resource-subcategory-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
    padding: 10px;
    /*background: rgba(245, 248, 250, 0.8);*/
    border-radius: 8px;
}
.resource-subcategory-btn {
    padding: 10px 40px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    transition: all 0.2s ease;
}
.resource-subcategory-btn.active {
    background: #1890ff;
    color: #fff;
    border-color: #1890ff;
    font-weight: 600;
}
.resource-subcategory-btn:hover:not(.active) {
    border-color: #1890ff;
    color: #1890ff;
}

/* 移动端适配 - 核心修复：文档卡片居中 */
@media (max-width: 768px) {
    .resource-downLoad-container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .resource-downLoad-tab-btn img {
        width: 24px;
        height: 24px;
    }
    .resource-downLoad-list {
        grid-template-columns: 1fr;
        justify-items: center; /* 新增：网格项水平居中 */
        padding: 0 10px; /* 新增：左右留白，避免贴边 */
    }
    .resource-downLoad-tab-btn {
        padding: 10px 20px;
        font-size: 18px;
    }
    .resource-downLoad-tab-btn.active {
        font-size: 18px;
    }
    .resource-doc-card {
        min-height: 320px;
        padding: 30px 15px;
        width: 100%; /* 新增：宽度自适应但不超过max-width */
        max-width: 380px; /* 微调：适配移动端屏幕宽度 */
        margin: 0 auto; /* 兜底：确保卡片本身居中 */
    }
    .resource-video-card {
        min-height: 320px;
        width: 100%;
        max-width: 380px;
        margin: 0 auto;
    }
    .resource-video-card img {
        height: 150px;
    }
    .resource-doc-card:hover, .resource-video-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    }
    .resource-download-btn {
        width: 80px;
        padding: 8px 3px;
        font-weight: bold;
        color: #fff;
        background: #066bc9;
        border-color: #066bc9;
        transform: scale(1.1);
    }
    .resource-download-btn img {
        content: url("../images/resourceCenter/resource-downLoad-white.png");
    }

    .resource-video-play-btn {
        font-size: 14px;
        width: 80px;
        padding: 8px 3px;
        font-weight: bold;
        color: #fff;
        background: #066bc9;
        border-color: #066bc9;
        transform: scale(1.1);
    }
    .resource-video-play-btn img {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

    .resource-video-play-btn img {
        content: url("../images/resourceCenter/resource-video-white.png");
    }

    .resource-video-download-btn {
        width: 80px;
        font-size: 14px;
        padding: 8px 3px;
        font-weight: bold;
        color: #fff;
        background: #066bc9;
        border-color: #066bc9;
        transform: scale(1.1);
    }
    .resource-video-download-btn img {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

    .resource-video-download-btn img {
        content: url("../images/resourceCenter/resource-downLoad-white.png");
    }

    .resource-modal-video {
        height: 280px;
    }
    .resource-close-modal {
        top: -40px;
        width: 30px;
        height: 30px;
    }
    .resource-video-card::after {
        width: 40px;
        height: 40px;
    }

    /* 新增：移动端子分类按钮适配 */
    .resource-subcategory-tabs {
        gap: 8px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .resource-subcategory-btn {
        padding: 10px 20px;
        font-size: 16px;
    }
}


/* 页面容器 */
.newsCenter-media-container {
    max-width: 1380px;
    margin: 0 auto;
    padding: 20px 15px;
}

/* 标题区域 */
.newsCenter-media-page-header {
    text-align: center;
    margin-bottom: 40px;
    padding: 0px 0;
}

.newsCenter-media-title {
    font-size: 36px;
    color: #2c3e50;
    margin-bottom: 10px;
    font-weight: 600;
}

.newsCenter-media-page-header p {
    font-size: 22px;
    color: #050b2a;
    padding-top: 15px;
}

/* 媒体矩阵卡片容器 - 响应式网格 */
.newsCenter-media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    padding: 10px 0;
}

/* 二维码卡片样式 */
.newsCenter-media-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 25px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.newsCenter-media-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* 媒体类型标签 */
.newsCenter-media-tag {
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 20px;
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 2px solid #3498db;
}

/* 二维码容器 - 渐进式加载核心 */
.newsCenter-qrcode-container {
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    /* 加载时的骨架屏效果 */
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
    /* 新增：为图片放大预留空间，避免溢出 */
    transition: all 0.3s ease;
}

/* 骨架屏动画 */
@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* 二维码图片样式 */
.newsCenter-qrcode-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    /* 新增：图片放大过渡动画 */
    transition: opacity 0.5s ease, transform 0.3s ease-out;
}

/* 图片加载完成后显示 */
.newsCenter-qrcode-img.loaded {
    opacity: 1;
}

/* 新增：卡片悬浮时图片放大 */
.newsCenter-media-card:hover .newsCenter-qrcode-img.loaded {
    transform: scale(1.1); /* 放大1.1倍，可调整数值 */
}

/* 新增：容器同步轻微放大，优化视觉 */
.newsCenter-media-card:hover .newsCenter-qrcode-container {
    transform: scale(1.05);
}

/* 说明文字 */
.newsCenter-media-desc {
    font-size: 1rem;
    color: #666;
    margin-top: 15px;
    line-height: 1.5;
    /* 文字不随放大动，保持稳定 */
    transition: none;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .newsCenter-media-page-header h1 {
        font-size: 22px;
        foont-weight: 600;
    }

    .newsCenter-media-page-header p {
        font-size: 1rem;
    }

    .newsCenter-media-grid {
        gap: 20px;
    }

    .newsCenter-media-card {
        padding: 20px 15px;
    }

    .newsCenter-qrcode-container {
        width: 180px;
        height: 180px;
    }

    .newsCenter-media-tag {
        font-size: 1.1rem;
    }

    .newsCenter-media-desc {
        font-size: 0.95rem;
    }

    /* 移动端放大倍数稍小，避免溢出 */
    .newsCenter-media-card:hover .newsCenter-qrcode-img.loaded {
        transform: scale(1.08);
    }

    .newsCenter-media-title {
        font-size: 22px;
        margin-bottom: 10px;
        font-weight: 600;
    }
}

@media (max-width: 480px) {
    .newsCenter-qrcode-container {
        width: 150px;
        height: 150px;
    }

    .newsCenter-media-card {
        padding: 15px 10px;
    }

    /* 手机端进一步减小放大倍数 */
    .newsCenter-media-card:hover .newsCenter-qrcode-img.loaded {
        transform: scale(1.05);
    }
}


.search-result-container {
    margin-right: 100px;
    margin-left: 100px;
}

.search-result {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dashed #167ae2;
}

.search-result-remark {
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 600;
    color: #0b0b0b
}

.search-result-info {
    padding-top:5px;
    font-size: 16px;
    line-height: 1.5;
}
.search-result-title {
    margin-top:0;
    font-size: 20px;
    font-weight: 600;
}

.search-result-info:hover a {
    color: #167ae2;
}
.search-result-title:hover a {
   color: #167ae2;
}

.search-result-pagebar {
    height: 30px;
    text-align: center;
}
.search-result-pagebar a {
    border: 1px solid #167ae2;
    margin: 20px 2px;
    border-radius: 50%;
    display: inline-block;
    text-decoration: none;
    /* 固定宽高实现正圆 */
    width: 45px;
    height: 45px;
    line-height: 45px; /* 文字垂直居中 */
    text-align: center; /* 文字水平居中 */
    padding: 0; /* 去掉内边距，避免变形 */
    color: #167ae2;
    font-size: 16px;
}
.search-result-pagebar a.current {
    background-color: #167ae2;
    color: #fff;
}
.article_container img {
    width: 100%;
}
.article_container .figure.image_resized {
    margin: auto;
}

@media (max-width: 768px) {
    .search-result-container {
        margin-right: 25px;
        margin-left: 25px;
    }
    .search-result-remark {
        font-size: 20px;
    }
    .search-result-title {
        font-size: 18px;
    }
    .search-form .content-select-box .span input {
        padding: 0 0 0 10px;
    }
}

.news-images-container, .news-videos-container, .news-audios-container {
    max-width: 1380px;
    margin: 0 auto;
}

/* 页面标题 */
.news-images-page-title {
    text-align: center;
    font-size: 32px;
    color: var(--style-black-color);
    margin: 20px 0 20px 0;
    font-weight: 600;
    line-height: 1.8;
}

/* 单列容器 */
.news-images-gallery {
    /*max-width: 1200px;*/
    margin: 0 auto;
    margin-top: 30px;
}

/* 图片卡片 */
.news-images-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin-bottom: 40px;
    overflow: hidden;
}

/* 图片居中显示 */
.news-images-card-img {
    width: 100%;
    /*max-height: 900px;*/
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* 内容区域 */
.news-images-card-content {
    padding: 25px;
}

.news-images-card-title {
    font-size: 20px;
    margin-bottom: 12px;
    color: #222;
    font-weight: 600;
}

.news-images-card-desc {
    font-size: 18px;
    color: rgba(0, 14, 1, 0.87);
    line-height: 1.8;
    margin-bottom: 10px;
    margin-top: 10px;
}

.news-images-card-info {
    display: flex;
    justify-content: start;
    flex-direction: column; /* 关键：让内容垂直分行 */
    gap: 10px; /* 行间距 */
    font-size: 18px;
    color: rgba(0, 14, 1, 0.87);
    padding-top: 10px;
    padding-bottom: 10px;
}


/* 单列容器 */

/* 音频新闻 */
.news-videos-page-title {
    text-align: center;
    font-size: 32px;
    color: var(--style-black-color);
    margin: 20px 0 20px 0;
    font-weight: 600;
    line-height: 1.8;
}

.news-videos-gallery {
    margin: 0 auto;
    margin-top: 30px;
}

/* 视频卡片 */
.news-videos-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin-bottom: 40px;
    width: 100%;
    overflow: hidden;
}

/* 视频居中显示 + 自适应宽度 */
.news-videos-card-video {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain; /* 不变形 + 全屏宽 */
    outline: none;
}

/* 内容区域 */
.news-videos-card-content {
    padding: 25px;
}

.news-videos-card-title {
    font-size: 20px;
    margin-bottom: 12px;
    color: #222;
    font-weight: 600;
}

.news-videos-card-desc {
    font-size: 18px;
    color: rgba(0, 14, 1, 0.87);
    line-height: 1.8;
    margin-bottom: 10px;
    margin-top: 10px;
}

.news-videos-card-info {
    display: flex;
    justify-content: start;
    gap: 10px;
    font-size: 18px;
    color: rgba(0, 14, 1, 0.87);
    padding-top: 10px;
    padding-bottom: 10px;
}

/* 移动端：信息分行显示 */
@media (max-width: 768px) {
    .news-videos-card-info {
        flex-direction: column;
        gap: 6px;
    }
}



/* 音频新闻 */
.news-audios-page-title {
    text-align: center;
    font-size: 32px;
    color: var(--style-black-color);
    margin: 20px 0 20px 0;
    font-weight: 600;
    line-height: 1.8;
}


.news-audios-gallery {
    margin: 0 auto;
    margin-top: 30px;
}

/* 音频卡片 */
.news-audios-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    overflow: hidden;
}

/* 音频播放器样式 */
.news-audios-card-audio {
    width: 100%;
    display: block;
    margin: 0 auto;
    background: #f8f9fa;
    padding: 10px 15px; /* 让播放器更美观 */
}

/* 内容区域 */
.news-audios-card-content {
    padding: 25px;
}

.news-audios-card-title {
    font-size: 20px;
    margin-bottom: 12px;
    color: #222;
    font-weight: 600;
}

.news-audios-card-desc {
    font-size: 18px;
    color: rgba(0, 14, 1, 0.87);
    line-height: 1.8;
    margin-bottom: 10px;
    margin-top: 10px;
}

.news-audios-card-info {
    display: flex;
    justify-content: start;
    gap: 10px;
    font-size: 18px;
    color: rgba(0, 14, 1, 0.87);
    padding-top: 10px;
    padding-bottom: 10px;
}

/* 移动端：信息分行显示 */
@media (max-width: 768px) {
    .news-audios-card-info {
        flex-direction: column;
        gap: 6px;
    }
    .news-images-page-title, .news-videos-page-title, .news-audios-page-title {
        font-size: 20px;
        margin-left: 30px;
        margin-right: 30px;
    }
}