@media screen and (max-width: 1650px) {
    nav {
        flex-grow: 1;
        margin-left: 300px;
        margin-right: 5px;
    }
}

@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1550px) {
    nav {
        flex-grow: 1;
        margin-left: 200px;
        margin-right: 5px;
    }

    .hero p {
        height: 30px;
        font-size: 21px;
        margin-top: 10px;
        /* 增加顶部间距 */
        color: aliceblue;
    }

    .container {
        background-position: left 200px center;
    }


    .pds-top {
        width: 1200px;
        min-height: 500px;
    }

    .pds-text-overlay {
        width: 500px;
        height: 400px;
    }

    .pds-img-overlay {
        width: 500px;
        height: 400px;
    }
}

@media screen and (max-width: 1450px) {
    nav {
        flex-grow: 1;
        margin-left: 100px;
        margin-right: 5px;
    }

    .hrs-container {
        width: 900px;
    }

    .button-group {
        width: 900px;
    }

    .rczp-left {
        width: 900px;
    }

    .rczp-hear {
        width: 1200px;
        margin: 70px auto;
        min-height: 800px;
        display: flex;
    }

    .center-table {
        width: 800px;
        min-height: 800px;
        margin: 0 auto;
        /* 左右居中 */
    }

    .Hrs-dh-container-nr {
        width: 1150px;
    }

}

@media screen and (max-width: 1450px) {
    nav {
        flex-grow: 1;
        margin-left: 100px;
        margin-right: 5px;
    }

    .hrs-container {
        width: 1250px;
    }

    .button-group {
        width: 1250px;
    }


}

@media screen and (max-width: 1350px) {

    .hero p {
        height: 30px;
        font-size: 21px;
        padding-bottom: 20px;
        /* 增加顶部间距 */
        color: aliceblue;
    }

    .hrs-container {
        width: 1200px;
    }


    .button-group {
        width: 1100px;
    }

}


@media screen and (max-width: 1350px) {
    nav {
        flex-grow: 1;
        margin-left: 20px;
        margin-right: 5px;
    }


    .bottom-left a {
        font-size: 18px;
        /* 设置字体大小 */

    }


}

@media screen and (max-width: 1270px) {
    .nav-links {
        gap: 5px;
    }

    .rczp-left {
        width: 900px;
    }

    .rczp-hear {
        width: 1000px;
        margin: 70px auto;
        min-height: 800px;
        display: flex;
    }

    .center-table {
        width: 600px;
        min-height: 800px;
        margin: 0 auto;
        /* 左右居中 */
    }

    .hrs-container {
        width: 1100px;
    }

    .button-group {
        width: 1100px;
    }

    .nes-text-container {
        width: 1000px;
    }

    .Hrs-dh-container-nr {
        width: 1000px;
    }

    .link-container {
        width: 1000px;
    }

    .form-table {
        width: 40%;
        border-collapse: collapse;

    }

    .Fzc {
        width: 1000px;
    }

    .FZC-right-hear {
        width: 480px;
    }


}


@media screen and (max-width: 1190px) {
    .left-section {
        margin-left: 50px;
        /* 设置右侧项之间的间距 */
        display: flex;
        flex-direction: column;

    }

    .right-section {
        width: 500px;
        margin-top: 120px;
        margin-right: 50px;

    }

    .top-right-left,
    .top-right-right,
    .bottom-right-left,
    .bottom-right-right {
        width: 250px;
        align-items: center;
        text-align: center;
    }


    .top-right-left h2,
    .top-right-left p,
    .top-right-right h2,
    .top-right-right p,
    .bottom-right-left h2,
    .bottom-right-left p,
    .bottom-right-right h2,
    .bottom-right-right p {
        margin: 20px 0;
        /* 调整为您希望的上下间距 */
    }


    .hrs-container {
        width: 950px;
    }

    .button-group {
        width: 950px;
    }


}


@media screen and (max-width: 1175px) {

}

@media screen and (max-width: 1210px) {
    .nav-links {
        gap: 5px;
    }

    .nav-links {
        display: none;
        /* 分辨率小于1048px时隐藏菜单 */
    }

    .show-btn {
        display: flex;
        height: 70px;
        width: 70px;
    }

    .hero {
        padding-top: 50px;
    }

    .hero p {
        height: 50px;
        font-size: 24px;
        /* 增加顶部间距 */
        color: aliceblue;
    }

    .top-left p {
        font-size: 32px;
    }

    .top-left a {
        font-size: 21px;
    }

    .right-section h2 {
        font-size: 56px;
        /* 设置字体大小 */
    }

    .heroimg img {
        margin-left: 110px;
        /* 设置右侧项之间的间距 */
        width: 400px;
        height: auto;
    }

    .hero-text {
        width: 500px !important;
    }
}


@media screen and (max-width: 1680px) {
    .hero-text {
        margin-right: 100px;
        margin-left: 50px;
        width: 750px;
        height: 400px;
    }


    .news-container {
        width: 1420px;
        height: auto;
        margin: 80px auto;
        /* 设置左右边距为自动，实现水平居中 */
    }

    .news-right {
        width: 420px;
        height: auto;
    }

    .news-top {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        width: 400px;
        height: 405px;
    }

    .top-image {
        height: 250px;
        overflow: hidden;
        /* 当图片放大时隐藏溢出部分 */
    }

    .news-bottom {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        width: 350px;
        height: 380px;
        margin-top: 20px;
        /* 添加上边距为20像素 */
    }

    .news-left {
        width: 900px;
        height: 500px;
    }

    .news-left .news-top-next {
        width: 1000px;
        height: 500px;
        overflow: hidden;
        /* 超出容器部分隐藏 */
    }

    .news-top-next-img {
        width: 900px;
        height: 450px;
    }

    .news-left .news-bottomm {
        width: 1000px;
        margin-top: 20px;
        /* 添加上边距为20像素 */
        height: auto;
    }

    .left-bg {
        float: left;
        /* 左浮动 */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.1);
        width: 490px;
        height: 310px;
    }

    .right-bg {
        float: right;
        /* 右浮动 */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.1);
        width: 450px;
        height: 262px;
    }

    .footer .container-footer {
        display: flex;
        justify-content: space-around;
        max-width: 1350px;
        margin: 0 auto;
        margin-bottom: 70px;
        /* Add bottom margin */
        margin-top: 50px;
        /* Add bottom margin */
    }


    .footer .bottom-bar {
        width: 1350px;
    }


    .company-details {
        width: 1150px;
    }

    .company-image {
        width: 1150px;
    }

    .company-description {
        width: 1150px;
    }


    .qyh-bottom {
        width: 1300px;
        height: 500px;
    }


    .qyh-bottom-zl {
        position: relative;
        width: 420px;
        background-color: #0f79c0;
        height: 460px;
        margin: 0 auto;
    }

    .qyh-bottom-zl-img {
        width: 420px;
        height: 200px;
    }

    .qyh-bottom-text {
        height: 240px;
        width: 340px;
    }

    .qyh-bottom-text p {
        font-size: 18px;
        /* 修改字体大小为24像素 */
        font-weight: 500;
        height: 60px;
        padding-bottom: 25px;
        color: black;
    }


    .bottom-left {
        margin-top: 200px;
        margin-left: 120px;
        /* 设置右侧项之间的间距 */
    }


    .pds-bottom {
        display: flex;
        width: 1350px;
        height: auto;
        margin: 0 auto;
        /* 设置左右边距为自动，实现水平居中 */
        margin-bottom: 80px;
    }

    .pds-bottom-nr-img {
        display: flex;
        justify-content: center;
        /* 水平居中 */
        align-items: center;
        /* 垂直居中 */
        width: 280px;
        height: 220px;
        background-color: rgb(243, 243, 244);
    }


    .zlxz_bottom {
        max-width: 1310px;
        min-height: 300px;
        margin: 0 auto;
        /* 水平居中 */
        display: flex;
        flex-wrap: wrap;
        /* 允许换行 */
    }

    .nes-container {
        max-width: 1290px;
        margin: 0 auto;
        padding-top: 30px;
        padding-bottom: 50px;
        background-color: #fff;
        border-radius: 5px;
    }


    .spk-hear-z {
        width: 1290px;
        min-height: 600px;
        margin: 50px auto;
    }

    .spk-hear {
        width: 300px;
        height: 220px;

    }

    .spk-image {
        position: relative;
        display: flex;
        width: 300px;
        height: 220px;

    }


    .spk-video-close {
        top: 235px;
        right: 330px;
    }


    #userInput {
        width: 245px;
        height: 35px;
        border-radius: 0;
        /* 取消圆角 */
        border: 1px solid #000;
        /* 设置细边框 */
        outline: none;
        /* 去掉点击时的默认边框线 */
    }


}


@media screen and (max-width: 1450px) {


    .hero p {
        height: 30px;
        font-size: 21px;
        margin-top: 10px;
        /* 增加顶部间距 */
        color: aliceblue;
    }


    .hero-text {
        margin-right: 80px;
        /* 设置右侧项之间的间距 */
        width: 750px;
        height: 400px;
    }


    .news-container {
        width: 1150px;
        height: auto;

        margin: 80px auto;
        /* 设置左右边距为自动，实现水平居中 */
    }

    .news-right {
        width: 350px;
        height: auto;
    }

    .news-top {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        width: 330px;
        height: 315px;
    }

    .top-image {
        height: 215px;
        overflow: hidden;
        /* 当图片放大时隐藏溢出部分 */
    }

    .news-bottom {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        width: 330px;
        height: 365px;
        margin-top: 20px;
        /* 添加上边距为20像素 */
    }

    .news-left {
        width: 700px;
        height: 500px;
    }

    .news-left .news-top-next {
        width: 800px;
        height: 400px;
        overflow: hidden;

        /* 超出容器部分隐藏 */
    }

    .news-top-next-img {
        width: 800px;
        height: 400px;
    }

    .news-left .news-bottomm {
        width: 800px;
        margin-top: 20px;
        height: auto;
    }

    .left-bg {
        float: left;
        /* 左浮动 */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.1);
        width: 390px;
        height: 230px;
    }

    .right-bg {
        float: right;
        /* 右浮动 */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.1);
        width: 400px;
        height: 230px;
    }

    .top-text-next {
        text-align: center;
        /* 文字居中显示 */
        text-align: left;
        /* 文字左对齐 */
        padding: 20px 20px;
        /* 增加上下左右内边距 */
    }

    .top-text-next span {
        font-size: 18px;
    }

    .news-top-bt {
        /* 如果需要单独调整内部元素的样式，也可以单独设置 */
        font-size: 13px !important; /* 例如，设置内部元素的字体大小 */
    }

    .news-top-rq {
        /* 如果需要单独调整内部元素的样式，也可以单独设置 */
        font-size: 13px !important; /* 例如，设置内部元素的字体大小 */
    }


    .top-text {
        padding: 0 20px !important;
        /* 增加上下左右内边距 */
    }

    .top-text p {
        font-size: 11px !important;
        /* 增加上下左右内边距 */
    }

    .image-text-next p {
        font-size: 11px !important;
    }

    .top-text-next {
        font-size: 11px !important;
    }

    .top-text span {
        font-size: 16px;
    }

    .small-font h1 {
        font-size: 14px;
    }

    .footer .container-footer {
        display: flex;
        justify-content: space-around;
        max-width: 1100px;
        margin: 0 auto;
        margin-bottom: 70px;
        /* Add bottom margin */
        margin-top: 50px;
        /* Add bottom margin */
    }

    .footer .bottom-bar {
        width: 1100px;
    }


    .company-details {
        width: 1050px;
    }

    .company-image {
        width: 1050px;
        height: 430px;
    }

    .company-description {
        width: 1050px;
    }


    .qyh-bottom {
        width: 1150px;
        height: 500px;
    }

    .qyh-bottom-zl {
        position: relative;
        width: 370px;
        background-color: #0f79c0;
        height: 440px;
        margin: 0 auto;
    }

    .qyh-bottom-zl-img {
        width: 370px;
        height: 200px;
    }

    .qyh-bottom-text {
        height: 240px;
        width: 290px;
    }

    .qyh-bottom-text p {
        font-size: 18px;
        /* 修改字体大小为24像素 */
        font-weight: 500;
        height: 60px;
        padding-bottom: 25px;
        color: black;
    }

    .bottom-left {
        margin-top: 200px;
        margin-left: 50px;
        /* 设置右侧项之间的间距 */
    }


    .pds-bottom {
        display: flex;
        width: 1200px;
        height: auto;
        margin: 0 auto;
        /* 设置左右边距为自动，实现水平居中 */
        margin-bottom: 80px;
    }

    .pds-bottom-nr-img {
        display: flex;
        justify-content: center;
        /* 水平居中 */
        align-items: center;
        /* 垂直居中 */
        width: 220px;
        height: 190px;
        background-color: rgb(243, 243, 244);
    }

    .pds-bottom-nr h1 {
        font-size: 18px;
        /* 修改字体大小为24像素 */
        padding-bottom: 25px;
        border-bottom: 1px solid #ccc;
        /* 设置右边框为2像素实线，颜色为灰色 */

    }

    .pds-bottom-nr {
        margin-left: 40px;
        margin-bottom: 50px;

    }


    .zlxz_bottom {
        max-width: 1100px;
        min-height: 300px;
        margin: 0 auto;
        /* 水平居中 */
        display: flex;
        flex-wrap: wrap;
        /* 允许换行 */
    }

    .zlxz_bottom_nr {
        display: flex;
        align-items: center;
        /* 在垂直方向上居中 */
        margin-top: 80px;
        background-color: #edebeb;
        width: 500px;
        height: 60px;
        transition: background-color 0.5s;
    }


    .nes-container {
        max-width: 1100px;
        margin: 0 auto;
        padding-top: 30px;
        padding-bottom: 50px;
        background-color: #fff;
        border-radius: 5px;
    }

    .spk-hear-z {
        width: 1100px;
        min-height: 600px;
        margin: 50px auto;
    }

    .spk-hear {
        width: 250px;
        height: 200px;

    }

    .spk-image {
        position: relative;
        display: flex;
        width: 250px;
        height: 200px;

    }


    .spk-video-close {
        top: 205px;
        right: 285px;
    }


    #userInput {
        width: 245px;
        height: 35px;
        border-radius: 0;
        /* 取消圆角 */
        border: 1px solid #000;
        /* 设置细边框 */
        outline: none;
        /* 去掉点击时的默认边框线 */
    }


    #map {
        width: 100%;
        height: 650px;
    }

    .contact-section {
        flex: 1;
        background-color: #f5f5f5;
        height: 600px;
        display: flex;
        flex-direction: column;
        padding-left: 50px;
        padding-top: 50px;
        padding-right: 50px;
        overflow-y: auto;
    }


}


@media screen and (max-width: 1024px) {

    .dots {
        position: absolute;
        bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .prev,
    .next {
        display: none;
    }




    .left-content {
        display: flex;
        align-items: center;
        gap: 50px;
        margin-left: 30px;
        /* 设置右侧项之间的间距 */
    }

    .cpnext a {
        font-weight: 500;
        font-size: 28px;
        text-decoration: none;
        color: aliceblue;
    }


    .rczp-hear {
        width: 950px;
        margin: 70px auto;
        min-height: 700px;
        display: flex;
    }

    .rczp-left {
        width: 600px !important;
    }

    .center-table {
        width: 550px;
        min-height: 600px;
        margin: 0 auto;
        /* 左右居中 */
    }


    .hrs-container {
        width: 900px;
    }

    .button-group {
        width: 900px;
    }


    .nes-text-container {
        width: 800px;
    }

    .Hrs-dh-container-nr {
        width: 800px;
    }

    .link-container {
        width: 800px;
    }


}


@media screen and (max-width: 1350px) {

    .series-buttons a {
        padding: 10px; /* 确保内边距一致 */
    }

}

@media screen and (max-width: 1100px) {
    .right-content a {
        font-size: 18px;
    }

    .heroimg img {
        margin-left: 30px;
        width: 400px;
        height: auto;
    }

    .hero-text img {
        width: 350px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1300px) {


    .hero-text {
        width: 750px;
        height: 400px;
    }


    .news-container {
        width: 950px;
        height: auto;
        margin: 80px auto;
        /* 设置左右边距为自动，实现水平居中 */
    }

    .news-right {
        width: 300px;
        height: auto;
    }

    .news-top {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        width: 270px;
        height: 262px;
    }

    .top-image {
        height: 170px;
        overflow: hidden;
        /* 当图片放大时隐藏溢出部分 */
    }

    .news-bottom {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        width: 270px;
        height: 340px;
        margin-top: 20px;
        /* 添加上边距为20像素 */
    }

    .news-left {
        width: 700px;
        height: 500px;

    }

    .news-left .news-top-next {
        width: 650px;
        height: 325px;
        overflow: hidden;
        /* 超出容器部分隐藏 */
    }

    .news-top-next-img {
        width: 650px;
        height: 325px;
    }

    .news-left .news-bottomm {
        width: 650px;
        margin-top: 20px;
        /* 添加上边距为20像素 */
    }

    .left-bg {
        float: left;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.1);
        width: 315px;
        height: 200px;
    }


    .top-text-next {
        text-align: center;
        /* 文字居中显示 */
        text-align: left;
        /* 文字左对齐 */
        padding: 20px 20px;
        /* 增加上下左右内边距 */

    }

    .news-top-bt {
        /* 如果需要单独调整内部元素的样式，也可以单独设置 */
        font-size: 11px !important; /* 例如，设置内部元素的字体大小 */
    }

    .news-top-rq {
        /* 如果需要单独调整内部元素的样式，也可以单独设置 */
        font-size: 11px !important; /* 例如，设置内部元素的字体大小 */
    }

    .small-font h1 {
        font-size: 12px;
    }

    .top-text-next span {
        font-size: 16px;
    }

    .top-text span {
        font-size: 14px;
    }

    .footer .container-footer {
        display: flex;
        justify-content: space-around;
        max-width: 950px;
        margin: 0 auto;
        margin-bottom: 70px;
        /* Add bottom margin */
        margin-top: 50px;
        /* Add bottom margin */
    }

    .footer .social-yc img {
        width: 70px;
        height: auto;
        margin-right: 10px;
    }

    .footer .contact-info p {
        font-size: 26px;
        /* Larger font size for phone */
        color: #0f79c0;
        /* Change color for phone */
        margin: 5px 0;
    }


    .footer .bottom-bar {
        width: 900px;
    }


    .company-details {
        width: 900px;
    }

    .company-image {
        width: 900px;
        height: 360px;
    }

    .company-description {
        width: 900px;
    }


    .qyh-bottom {
        width: 980px;
        height: 400px;
    }

    .qyh-bottom-zl {
        position: relative;
        width: 315px;
        background-color: #0f79c0;
        height: 385px;
        margin: 0 auto;
    }

    .qyh-bottom-zl-img {
        width: 315px;
        height: 200px;
    }

    .qyh-bottom-text {
        height: 210px;
        padding-left: 30px;
        /* 添加左内边距为20px */
        padding-right: 30px;
        /* 添加右内边距为20px */
        width: 255px;
    }

    .qyh-bottom-text p {
        font-size: 14px;
        /* 修改字体大小为24像素 */
        font-weight: 500;
        height: 60px;
        padding-bottom: 25px;
        color: black;
    }

    .qyh-bottom-text h1 {
        font-size: 24px;
        /* 修改字体大小为24像素 */
        font-weight: 500;
        color: black;
    }

    .qyh-bottom-text a {
        font-size: 12px;
        /* 修改字体大小为24像素 */
        background-color: rgb(76, 102, 235);
        color: aliceblue;
        padding: 10px 30px;
        /* 设置一些内边距，增加内容的可读性 */
        font-weight: 500;
    }


    .bottom-left {
        margin-top: 200px;
        margin-left: 10px;
        /* 设置右侧项之间的间距 */
    }


    .series-buttons a {
        padding: 10px; /* 确保内边距一致 */
    }


    .pds-bottom {
        display: flex;
        width: 1000px;
        height: auto;
        margin: 0 auto;
        /* 设置左右边距为自动，实现水平居中 */
        margin-bottom: 80px;
    }

    .pds-bottom-nr-img {
        display: flex;
        justify-content: center;
        /* 水平居中 */
        align-items: center;
        /* 垂直居中 */
        width: 180px;
        height: 150px;
        background-color: rgb(243, 243, 244);
    }

    .pds-bottom-nr h1 {
        font-size: 14px;
        /* 修改字体大小为24像素 */
        padding-bottom: 25px;
        border-bottom: 1px solid #ccc;
        /* 设置右边框为2像素实线，颜色为灰色 */

    }

    .pds-bottom-nr {
        margin-left: 15px;
        margin-bottom: 50px;

    }


    .zlxz_bottom {
        max-width: 900px;
        min-height: 300px;
        margin: 0 auto;
        /* 水平居中 */
        display: flex;
        flex-wrap: wrap;
        /* 允许换行 */
    }

    .zlxz_bottom_nr {
        display: flex;
        align-items: center;
        /* 在垂直方向上居中 */
        margin-top: 80px;
        background-color: #edebeb;
        width: 400px;
        height: 60px;
        transition: background-color 0.5s;
    }


    .nes-container {
        max-width: 900px;
        margin: 0 auto;
        padding-top: 30px;
        padding-bottom: 50px;
        background-color: #fff;
        border-radius: 5px;
    }

    .news-link {
        margin-top: 15px;
        padding: 15px 50px;
    }

    .news-ss {
        width: auto;
        height: 60px;
        position: absolute;
        top: 60%;
        /* 通过调整top和left属性，可以对文字进行精确定位 */
        left: 60%;
        color: #fff;
        /* 设置文字颜色 */

    }


    .spk-video-close {
        top: 170px;
        right: 230px;
    }

    .spk-hear-z {
        width: 900px;
        min-height: 600px;
        margin: 50px auto;
    }

    .spk-hear {
        width: 280px;
        height: 200px;

    }

    .spk-image {
        position: relative;
        display: flex;
        width: 280px;
        height: 200px;

    }


    #userInput {
        width: 245px;
        height: 35px;
        border-radius: 0;
        /* 取消圆角 */
        border: 1px solid #000;
        /* 设置细边框 */
        outline: none;
        /* 去掉点击时的默认边框线 */
    }


    #map {
        width: 100%;
        height: 650px;
    }

    .contact-section {
        flex: 1;
        background-color: #f5f5f5;
        height: 600px;
        display: flex;
        flex-direction: column;
        padding-left: 50px;
        padding-top: 50px;
        padding-right: 50px;
        overflow-y: auto;
    }


    #map {
        width: 100%;
        height: 550px;
    }

    .contact-section {
        flex: 1;
        background-color: #f5f5f5;
        height: 500px;
        display: flex;
        flex-direction: column;
        padding-left: 50px;
        padding-top: 50px;
        padding-right: 50px;
        overflow-y: auto;
    }

}

/* 当分辨率大于 1024px 时隐藏 mobile-menu */
@media screen and (min-width: 1210px) {

    .mobile-menu {
        display: none !important;
        /* 使用 !important 确保覆盖 */
    }
}


@media screen and (max-height: 1680px) {
    .caption {
        bottom: 450px;
        left: 160px;
    }
}




@media screen and (max-width: 800px) {
    /* 导航栏 */
    .logo {
        margin-left: 5px;
    }

    .logo img {
        height:25px;
        width: auto;
        justify-content: center;
        padding: 10px 5px 5px 5px;
    }

    nav {
        flex-grow: 1;
        margin-left: 1px!important;
        margin-right: 5px!important;
    }

    .nav-extra {
        margin-right: 1px!important;
        width: 30%;
        gap: 1px!important;
    }
    .carousel {
        position: relative;
        width: 100%;  /* 全宽 */
        height: 50vh;
        pointer-events: auto; /* 允许鼠标事件 */
        overflow: hidden; /* 隐藏溢出容器的幻灯片 */
    }
    .slides {
        display: flex; /* 使用 flexbox 布局 */
        width: 100%; /* 占满容器宽度 */
        height: 100%; /* 占满容器高度 */
        transition: opacity 1s ease-in-out; /* 添加透明度过渡效果 */
    }
    .slide {
        min-width: 100% !important; /* 每个幻灯片占据 100% 宽度 */
        height: 100% !important; /* 占满容器高度 */
        opacity: 0; /* 默认隐形 */
        transition: opacity 1s ease-in-out; /* 添加透明度过渡效果 */
    }
    /* 确保图片拉伸以填满每个幻灯片 */
    .slide img {
        width: 100%; /* 图片宽度填满幻灯片 */
        height: 100%; /* 图片高度填满幻灯片 */
        object-fit: fill!important; /* 图片拉伸填满容器（忽略比例） */
    }


    .cpnext a {
        font-weight: 500;
        font-size: 21px;
        text-decoration: none;
        color: aliceblue;
    }

    .caption {
        bottom: 650px;!important;
        left: 160px;
    }
    .menu {
        justify-content: center !important;  /* 水平居中所有内容 */
        align-items: center!important; /* 垂直居中 */
        width: 100%;
    }
    .pvnav {
        height: 60px;
        width: 100%;
        border-bottom: 1px solid white;
        /* 添加下边线 */
    }
    .left-content {
        display: block;
        gap: 0px !important;
        margin-left: 0px !important;
    }

    .cpnext {
        width: 100%!important; /* 居中对齐 */
        text-align: center !important; /* 居中对齐 */
    }
    .search-bar {
        display: none!important;
    }
    .cpzzz {
        background-image: url('/loong/images/ipart01_bg2.jpg') !important; /* 更改为新背景图 */
        width: 100%;
        height: auto!important;
        transform: translateY(0px) !important;
        transition: transform 1.5s ease;
        margin-bottom: 20px; /* 增加下边距 */
    }
    .hero {
        display: block !important; /* 停用 flex，使用块级布局 */
        justify-content: space-between;
        padding-top: 30px!important;
        height: 500px;
        /* 增加顶部内边距 */
        color: rgb(0, 0, 0);
        transition: opacity 0.5s ease;
    }
    .heroimg {
        margin-right: 0px!important;
    }
    .heroimg img {
        display: block;        /* 强制图像为块级元素 */
        margin-bottom: 20px;
        margin-left: auto;    /* 左侧外边距自动 */
        margin-right: auto;   /* 右侧外边距自动 */
        width: 50%;           /* 图片宽度为容器的50% */
        height: auto;
    }
.icons{
    display: none!important;
}
.a1{
    display: none!important;
}
    .hero-text img{
        display: none!important;
    }
    .hero-text {
        padding-top: 5px!important;           /* 顶部内边距 */
        margin-right: 10px !important;        /* 右边距 */
        margin-left: 10px !important;         /* 左边距 */
        width: calc(100% - 20px) !important;  /* 减去左右边距的总和 */
        height: 400px !important;              /* 高度设置 */
    }
    .hero p {
        height: 10px;
        line-height: 1.5;
        margin-bottom: 5px!important;
        font-size: 18px!important;
        margin-top: 10px;
        margin-left: 15px;
        margin-right: 15px;
        color: aliceblue;
    }
    .hero-text-a {
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
    .series-buttons {
        margin-top: 50px;
        width: 100% !important;
        display: flex;
        flex-wrap: wrap; /* 允许子元素换行 */
    }
    .series-buttons a {
        flex: 1; /* 让每个链接等分宽度 */
        min-width: 100px; /* 可选，设置每个链接的最小宽度 */
        text-align: center; /* 链接文本居中 */
        padding: 10px; /* 添加内边距 */
        box-sizing: border-box; /* 计算边框和内边距 */
        text-decoration: none; /* 去掉下划线 */
        color: #000; /* 文字颜色（可根据需求调整） */
        border: 1px solid #ccc; /* 可选边框样式 */
        margin: 5px; /* 可选的外边距 */
    }
    .company-details {

    }
    /* 如果需要，可以进一步细化样式 */
    .company-details p {
        font-size: 5px!important; /* 设置字体大小 */
    }
    .company-description {
        width: 90%;
    }
    /* 企业简介*/
    .company-details {
        width: 90%;
        margin: 30px auto 0;
        padding-bottom: 50px;
        line-height: 2; /* 增加行距 */
    }
    .company-details img {
        width: 90% !important;  /* 设置宽度为90% */
        height: auto !important; /* 高度自动，保持比例 */
    }
    .company-details p:first-child span {
        font-size: 21px !important; /* 强制应用这个字体大小 */
    }
    .company-details p:not(:first-child) span {
        font-size: 13px !important; /* 设置其他 p 的 span 字体大小 */
    }
    /* 组织机构*/

    .gsjg-img img {
        width: 90% !important;
        height: auto;
    }
    .Display-pictures{
        width: 100%;
        height: 100px;
    }
    .news-lj {
        width: calc(100% - 40px); /* 适应边距后宽度 */
        position: absolute;
        top: 60%; /* 通过调整top和left属性，可以对文字进行精确定位 */
        left: 20px; /* 设置左边距为 20px */
        right: 20px; /* 设置右边距为 20px */
        color: #fff; /* 设置文字颜色 */
        margin: 0 20px; /* 设置左右边距为 20px */
    }

    .news-lj a {
        text-decoration: none; /* 移除默认链接的下划线 */
        font-size: 12px;
        color: #000; /* 默认字体颜色 */
        background-color: #f9f9f9; /* 默认背景颜色 */
        padding: 5px 5px; /* 内边距，使链接更大，更易点击 */
        border-radius: 5px; /* 圆角边框 */
        margin-right: 10px; /* 可选，添加一些右边距 */
        transition: background-color 0.3s, color 0.3s; /* 平滑的背景颜色和字体颜色变化 */
        width: 55px; /* 设置固定宽度 */
        text-align: center; /* 文字居中 */
        display: inline-block; /* 设置为行内块级元素 */
    }


    /* 发展历程*/
    .fzc_container {
        padding-top: 30px!important;
        padding-bottom: 100px!important;

    }
    .fzc_timeline-content {
        position: relative;
        padding-left: 20px;

    }

    .fzc_timeline-content::before {
        content: '';
        position: absolute;
        top: 0;
        left: 47px;
        width: 1px;
        height: calc(100% + 150px); /* Adjust the height to leave space for the dot */
    }

    .fzc_timeline-content::after {
        content: '';
        position: absolute;
        bottom: -150px; /* Adjust this value to move the dot up or down */
        left: 43px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
    }
    .fzc_year {
        position: relative;
        margin-bottom: 50px;
    }

    .fzc_year-label {
        position: absolute;
        left: 2px;
        top: 0;
        color: #047af9;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }
    .fzc_events {
        padding-top: 1px;
        margin-left: 90px;
    }
    .fzc_event h3 {
        font-size: 18px;
    }

    .fzc_event h3::before {
        content: '';
        position: absolute;
        left: -20px; /* Adjust this value as needed */
        top: 50%;
        transform: translateY(-50%);
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }

    .fzc_event p {
        font-size: 12px;
    }
    .fzc_event img {
        width: 100%;
        max-width: 230px;
        margin-top: 30px;
    }

    /*产品中心*/

    .spacing-div {
        margin-right: 10px!important; /* Adds space on the right side of the button */
        text-align: right; /* Aligns the content inside the div to the right */
    }
    .content {
        width: calc(100% - 40px) !important; /* 将宽度设置为100%减去左右边距，以保持元素的完整性 */
        display: flex;
        flex-direction: column;   /* 设置主轴为纵向 */
        align-items: center;      /* 子元素在交叉轴上居中对齐 */
        justify-content: flex-start; /* 在主轴方向上从顶部开始排列 */
        height: auto;
        padding: 0 !important;    /* 内边距设置为0 */
        margin: 0 20px !important; /* 左右边距设置为20px，上下边距为0 */
    }
    .content-images {
        width: 100% !important;
        height: 100% !important;
        display: flex;
        margin-right: 0px!important;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }

    .content-images img {
        max-width: 50% !important; /* 图片宽度最大不超过父元素 */
        max-height: 50% !important; /* 图片高度最大不超过父元素 */
    }
    .text-section {
        width: 100% !important;
        height: 300px;
    }
    .separator {
        flex: 1; /* 让 .product-images 占据左侧 */
        width: 100% !important;
        text-align: center; /* 文字居中对齐 */
        border-bottom: 2px solid #ddd;
    }

    /*服务网络*/
    .fwwl_left {
        width: 100%;

    }
    .fwwl_left_nr {
        width: calc(100% - 40px) !important; /* 将宽度设置为100%减去左右边距，以保持元素的完整性 */
        padding:20px; /* 设置上下左右内边距 */
        border-bottom: 0.5px solid rgb(196, 190, 190); /* 设置边框的宽度、样式和颜色 */
        position: relative; /* 相对定位的参考点 */
        cursor: pointer;
    }


    .fwwl_left-content {
        margin-right: auto; /* 将右侧内容推到最右边 */
        margin-left: 10px; /* 将右侧内容推到最右边 */
    }
    .fwwl_left-content p {
        font-size: 18px; /* 修改字体大小为24像素 */
        color: aliceblue;
    }
    .right-content {
        margin-left: auto; /* 将右侧内容推到最右边 */
        margin-right: 10px; /* 右边距为20像素 */
    }
    .right-content span {
        color: #ffffff;
        font-size: 14px; /* 修改字体大小为24像素 */
        margin-right: 5px; /* 文字解释和输入框之间的间距 */
    }

    .right-content input {
        margin-right: 5px; /* 输入框和按钮之间的间距 */
    }

    .right-content .search-input {
        width: 100px;
        height: 20px; /* 修改输入框的高度 */
        margin-right: 5px;
    }

    .right-content button {
        padding: 5px 10px;
        background-color: #114174;
        color: white;
        border: none;
        cursor: pointer;
    }


    /*资料下载*/
    .zlxz_bottom {
        padding-bottom: 100px;
        margin: 0 auto; /* 水平居中 */
        display: flex;
        flex-wrap: wrap; /* 允许换行 */
        justify-content: center; /* 水平居中对齐内容 */
        align-items: center; /* 垂直居中对齐内容 */
        /* 可选：设置一个最小高度，以确保内容垂直居中 */
        min-height: 50px; /* 根据具体需要设置的最小高度 */
    }

    .zlxz_bottom_nr {
        display: flex;
        justify-content: center; /* 水平居中内容 */
        align-items: center; /* 垂直居中内容 */
        margin: 50px 10px 0; /* 上边距 50px，左右各 20px，下边距 0 */
        background-color: #edebeb;
        width: calc(100% - 40px); /* 减去左右边距 */
        height: 50px;
        transition: background-color 0.5s;
    }
    .zlxz_bottom_nr:nth-child(odd) {
        margin-left: initial;
        margin-right: initial;
    }
    .zlxz_bottom_nr:nth-child(even) {
        margin-left: initial;
        margin-right: initial;
    }
    /*新闻中心*/
    .news-date {
        width: 60px;
        height: 70px;
        padding: 5px;
        text-align: center;
        background-color: #e4e2e2;
    }
    .news-date .date-day {
        font-size: 34px;
        margin-top: 5px;
        font-weight: bold;
        color: #007bff;
    }
    .nes-container {
        max-width: 98%; /* 设置最大宽度为 90%（可根据需要调整） */
        margin: 0 auto; /* 上下为 0，左右自动居中 */
        padding-top: 30px;
        padding-bottom: 50px;
        padding-left: 5px; /* 左侧内边距 */
        padding-right: 5px; /* 右侧内边距 */
        background-color: #fff;
        border-radius: 5px;
    }

    .news-item-top {
        display: grid !important; /* 使用 Grid 布局 */
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        padding-top: 20px;
    }
    .news-header-top {
        display: flex;
        align-items: center;
        margin-bottom: 0px!important;
    }
    .news-header-nr {
        display: flex;
        align-items: center;
        margin-bottom: 0px!important;
    }
    .news-image {
        width: calc(100% - 20px) !important; /* 将宽度设置为100%减去左右边距，以保持元素的完整性 */
        height: 200px;
        margin: 0 auto; /* 上下为 0，左右自动 */
        overflow: hidden;
        text-align: center;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.1);
    }

    .news-details-rq {
        font-size: 12px;
        color: #094bbd;
        text-align: left; /* 文本左对齐 */
        margin-top:20px;
    }
    .news-title{

    }
    .news-title h2 {
        margin: 0;
        margin-bottom: 5px;
        text-align: left; /* 文本左对齐 */
        font-size: 18px;
        color: #333;
    }
    .news-details {
        font-size: 13px;
        color: #666;
        text-align: left; /* 文本左对齐 */
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .news-content p {
        font-size: 14px;
        color: #666;
        margin: 0!important;
        line-height: 1.6; /* 设置行距 */
    }
    .news-link {
        margin-top: 10px!important;
        padding: 5px 30px;
        background-color: #d2d2d3;
        display: inline-block;
        color: #000000;
        text-decoration: none;
        font-size: 12px;
        transition: background-color 0.3s, color 0.3s; /* 平滑的背景颜色和字体颜色变化 */
    }

    .Hrs-dh-container-nr {
        width: calc(100% - 20px); /* 根据需要调整宽度，比如减去左右的间距 */
        padding-left: 10px; /* 左侧内边距 */
        padding-right: 10px; /* 右侧内边距 */
        box-sizing: border-box; /* 包括边框和内边距的计算在内 */
    }
    .Hrs-dh-container-nr  img {
        width: calc(100% - 20px); /* 根据需要调整宽度，比如减去左右的间距 */
        padding-left: 10px; /* 左侧内边距 */
        padding-right: 10px; /* 右侧内边距 */
        box-sizing: border-box; /* 包括边框和内边距的计算在内 */
    }
    .link-container {
        text-align: center; /* 将内容居中显示 */
        margin: auto;
        width: 100%;
        padding: 30px 0px;
        border-top: 1px solid #ccc; /* 添加上边线 */

    }

    /*视频库*/

    .spk-hear-z {
        display: flex;
        justify-content: center; /* 使内容水平居中 */
        width: 100%;
        min-height: 600px; /* 最小高度 */
        margin-bottom: 100px!important;
        margin: 20px auto; /* 上下外边距 50px，左右自动 */
        flex-wrap: wrap; /* 允许换行 */
    }
    .spk-hear-nr {
        margin: 40px 10px!important;
    }

    .spk-video {
        width: 100%;
        height: 30%;
    }
    .spk-video-close {
        position: absolute;
        top: 90px;
        right: 10px;
        background-color: rgba(0, 0, 0, 0.8);
        border: none;
        cursor: pointer;
    }
    /*人才招聘*/
    .rczp-hear {
        width: calc(100% - 20px);  /* 减去左右间距的总和 */
        margin: 0 auto;             /* 上下边距为0，左右边距自动（水平居中） */
        min-height: 800px;
        display: block;
        margin-bottom: 50px;
        padding-left: 10px;        /* 左右内边距，可以根据需要添加 */
        padding-right: 10px;       /* 可以设置其他内边距 */
    }
    .rczp-left-bt p {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 26px;
        margin: 0; /* 移除默认的段落边距 */
    }

    .rczp-left {
        width: 100% !important;
        min-height: 800px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
    }
    .center-table {
        width: 100% !important;
        min-height: 800px;
        margin: 0 auto; /* 左右居中 */
    }
    .refine-link {
        right: 150px;
        margin-top: 10px;
    }

    /*联系我们*/
    .hrs-container {
        display: block;
        width: calc(100% - 40px); /* 减去左右间距总和，确保它仍然适应父容器 */
        height: auto;
        margin: auto; /* 垂直方向的居中 */
        margin-top: 0px;
        margin-bottom: 20px;
        margin-left: 20px;  /* 左侧间距 */
        margin-right: 20px; /* 右侧间距 */
    }
    #map {
        width: 100%;
        height: 300px;
    }
    .contact-section {
        flex: 1;
        background-color: #f5f5f5;
        height: 450px;
        display: flex;
        flex-direction: column;
        padding-left: 50px;
        padding-top: 50px;
        padding-right: 50px;
        overflow-y: auto;
    }

    .series-buttons a {
        border: 1px solid #ffffff;
        width: 85px; /* 固定宽度 */
        color: rgb(255, 255, 255);
        padding: 10px 5px;
        margin: 5px;
        font-size: 14px;
        text-decoration: none; /* 去除链接的下划线 */
        transition: background-color 0.3s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        box-sizing: border-box; /* 确保内边距和边框包含在宽度内 */
    }
    .gallery-item {
        position: relative;
        flex: 1 1 calc(33.333% - 10px);
        height: 150px;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: 15px;
        text-align: center;
        overflow: hidden;
        transform: translateY(50px);
        opacity: 0;
        transition: transform 1s ease, opacity 1s ease;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.1);
    }
    .text-container p {
        font-size: 14px;
        color: rgb(255, 255, 255);
        transition: transform 1s ease;
    }
    .text-container a {
        font-size: 9px;
        line-height: 1.6;
        color: rgb(255, 255, 255);
        transition: transform 1s ease;
        height: 110px;
        margin-bottom: 20px;
        /* 调整向下移动的高度 */
        transform: translateY(50px);
        /* 初始位置在底部下方 */
        display: block;
    }
    /*查找*/
    .pds-top {
        display: block!important;
        margin-bottom: 50px;
        width: 100% !important;
        min-height: 500px;
        margin: 0 auto;
        justify-content: space-between; /* 左右对齐 */

        align-items: center; /* 垂直居中对齐 */
    }
    .product-info p {
        color: #ffffff;
        font-size: 18px!important;
        margin-right: 10px!important;
    }
    .input-container {
        width: 200px !important;
        display: flex;
        border-bottom: 1px solid #ffffff;
    }
    .pds-bottom {
        display: flex;
        width: 100% !important;
        min-height: 600px;
        margin: 0 auto 80px;
    }
    .pds-text-overlay-cx {
        width: calc(100% - 60px); /* 减去左右间距总和，确保它仍然适应父容器 */
        height: auto;
        margin: 0 auto; /* 垂直边距为0，水平边距自动 */
    }
    .product-container {
        display: flex;
        align-items: center;
        margin-top: 0px!important;
        margin: 0 auto; /* 垂直边距为0，水平边距自动 */
        width: calc(100% - 60px); /* 减去左右间距总和，确保它仍然适应父容器 */
    }

    .pds-text-overlay{
        width: calc(100% - 10px); /* 减去左右间距总和，确保它仍然适应父容器 */
    }

    .news-container {
        width: calc(100% - 20px); /* 容器宽度减去左右间距（各20px） */
        height: auto;             /* 高度自适应 */
        margin: 0 10px;          /* 设置左右外边距为 20 像素，实现水平外边距 */
    }
    .news-content {
        display: block;
    }
    /* 右侧新闻内容 */
    .news-right {
        display: flex;
        justify-content: space-between; /* 平均分配左右间距 */
        align-items: center;            /* 垂直居中对齐 */
        padding-bottom: 10px;
        width: 100%;
        height: auto;
        box-sizing: border-box;         /* 让内边距和边框包含在宽度和高度中 */
        gap: 5px;
    }
    .news-top {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        width: 100%;
        height: 250px;
        margin: 0; /* 可调整的左右边距增加间隙 */
    }
    .news-right .news-top:nth-child(2) {
        margin-bottom: 0px!important; /* 根据需要调整上边距 */
    }

    .news-left {
        width: 100%;
        height: auto;
    }
    .news-left .news-top-next {
        width: 100%;
        height: 200px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        text-align: center;
        /* 超出容器部分隐藏 */
    }
    .image-text {
        width: 90%;
        height: 280px;
        position: absolute;
        top: 5%;
        left: 5%;
        background-color: rgba(0, 0, 0, 0.05);
        color: #fff;
    }
    .news-left .news-bottomm {
        display: flex;
        margin-top: 10px!important;
        justify-content: space-between; /* 平均分配左右间距 */
        align-items: center;            /* 垂直居中对齐 */
        width: 100%;
        height: auto;
        box-sizing: border-box;         /* 让内边距和边框包含在宽度和高度中 */
        gap: 10px;
    }
    .left-bg {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        width: 100%;
        height: 200px;
        margin: 0; /* 可调整的左右边距增加间隙 */
    }

    .margin-left {
        margin-left: 0px!important; /* 你可以根据需要调整这个值 */
    }
    .news-header {
        height: 40px;
        text-align: center;
        /* 文字居中 */
    }
    .news-header a {
        text-decoration: none;
        /* 去除链接默认下划线 */
        font-size: 24px!important;
        /* 字体加大 */
        color: rgb(0, 0, 0);
    }
    .top-text-next {
        text-align: left;
        /* 文字左对齐 */
        padding: 5px 10px;
        /* 增加上下左右内边距 */
    }
    .news-top-next-dh {
        width: 90%;
        position: absolute;
        top: 10%; /* 通过调整top和left属性，可以对文字进行精确定位 */
        left: 10%;
        color: #ffffff; /* 设置文字颜色 */
    }

    .news-top-next-dh p {
        font-size: 12px;
    }
    .DB{
        margin-bottom: 50px!important;
    }

    .image-text-next span {
        font-size: 16px;
        /* 设置字体大小 */
        color: #ffffff;
        /* 设置默认文字颜色为黑色 */
        line-height: 1.5;
        /* 增加行距 */
        transition: color 0.5s;
        /* 添加文字颜色变化的过渡效果 */
    }

    .top-text {
        padding: 20px 20px !important;
        /* 增加上下左右内边距 */
    }

    .background-with-content {
        background-size: cover;
        background-position: center;
        height: 200px;
        /* 设置高度，以适应你的布局需求 */
        position: relative;
        /* 创建相对定位上下文 */
    }
    .background-with-content > .content {
        position: absolute;
        /* 将子元素绝对定位于父元素的位置 */
        top: 50%;
        /* 从顶部50%处开始定位 */
        left: 20%;
        /* 从左侧50%处开始定位 */
        transform: translate(-50%, -50%);
        /* 将子元素水平和垂直居中 */
        text-align: center;
        /* 文本居中对齐 */
        color: #000000;
        /* 设置文字颜色为白色 */
        padding: 0px;
        /* 添加内边距，以增加内容与边框之间的距离 */
    }

    .background-with-content > .content p {
        font-size: 18px !important;
        margin-bottom: 10px;
        /* 设置段落标签间距 */
    }

    .background-with-content > .content h1 {
        font-size: 23px;
        margin-left: 120px !important;
        /* 设置左间距为20px */
        margin-bottom: 20px;
        /* 设置标题和段落之间的间距 */
    }

    .background-with-content > .content a {
        display: inline-block;
        padding: 10px 20px;
        margin-left: 50px;
        /* 设置左间距为20px */
        background-color: #000000;
        /* 设置按钮背景颜色 */
        color: #ffffff;
        /* 设置按钮文字颜色 */
        text-decoration: none;
        /* 移除下划线 */
        transition: background-color 0.3s ease;
        /* 背景颜色变色过渡 */
    }

    .top-image {
        height: 130px;
    }




   .pds-img-overlay{
    display: none !important;
}
    .background-image-div {
        background-image: url('/loong/images/cpbjt-1.png'); /* 背景图片路径 */
        background-size: cover;               /* 背景图像覆盖整个容器 */
        background-position: center;           /* 背景图像居中对齐 */
        background-repeat: no-repeat;          /* 不重复背景图像 */
        margin-bottom: 10px;                  /* 下边距50像素 */
        height: 300px;
    }
    .pds-bottom-zt {
        border-left: 1px solid #ccc; /* 设置左边框 */
        display: flex; /* 使用flex布局 */
        flex-wrap: wrap; /* 允许内容自动换行 */
        justify-content: space-between; /* 左右间距一致 */
        padding: 0 10px; /* 添加左右内边距 */
    }
    .pds-bottom-zt > div {
        margin: 10px 0; /* 添加上下间距，左右间距不干扰 */
        flex: 1 0 calc(50% - 20px); /* 每个子元素占据50%宽度，减去左右的间距 */
        box-sizing: border-box; /* 包括padding和border在内的全局宽度算在内 */
    }
    .pds-bottom-zt > div:last-child {
        margin-right: 0; /* 确保最后一个元素在换行时不多额外的右侧间距 */
    }

    .pds-bottom {
        display: block;
        width: 100%;
        min-height: 600px;
        margin: 0 auto; /* 设置左右边距为自动，实现水平居中 */
        margin-bottom: 80px;
    }

    .pds-bottom-dh {
        width: 100%;
        margin-bottom: 30px;          /* 下边距 */
        display: flex;
        align-items: center;               /* 水平居中 */
    }

    .pds-bottom-dh-bt {
        display: flex;               /* 使用 Flexbox 实现横向布局 */
        flex-wrap: wrap;            /* 允许换行 */
        padding: 0 20px;            /* 增加左右内边距为20像素 */
        justify-content: space-between;  /* 平均分配空白，确保左右空余相等 */
    }
    .pds-bottom-dh-bt a {
        flex: 1 1 30%;              /* 使每个 a 元素具有相同的弹性，基础宽度为 30% */
        text-align: center;         /* 文本居中对齐 */
        margin: 10px;              /* 每个 a 元素之间的间距 */
        box-sizing: border-box;     /* 包括内边距和边框到元素的总宽度中 */
    }
    .pds-bottom-dh a {
        display: block;                /* 保持为块级元素 */
        font-size: 16px;              /* 字体大小 */
        width: 80px;                  /* 固定宽度 */
        margin-bottom: 10px;          /* 下边距 */
        margin-left: 5px;
        padding: 5px 5px;           /* 上下13像素，左右25像素内边距 */
        border: 1px solid black;      /* 边框 */
        transition: background-color 0.3s ease, box-shadow 0.3s ease; /* 过渡效果 */
        text-decoration: none;         /* 去掉下划线 */
        color: inherit;                /* 继承颜色 */
        text-align: center;            /* 文字水平居中 */
        line-height: 34px;            /* 垂直居中 */
    }
    .pds-bottom-nr {
        margin-left: 0px!important;
        margin-bottom: 50px;
    }
    nav {
        flex-grow: 1;
        margin-left: 0px!important;
        margin-right: 5px;
    }

    .footer .container-footer {
       display: none !important;
   }
    .footer .bottom-bar {
        width: 100%;
        margin: auto;
        display: block; /* Use Flexbox for layout */
        justify-content: space-between; /* Space out children elements */
        align-items: center; /* Center vertically */
        text-align: center;
        border-top: 1px solid #444;
        padding-top: 10px;
    }
    .footer .bottom-bar .right {
        margin-right: 0px !important;
    }
}






































































































@media screen and (max-height: 1050px) {
    .caption {
        bottom: 550px;
        left: 160px;
    }

}

@media screen and (max-height: 900px) {
    .caption {
        bottom: 450px;
        left: 160px;
    }
}

@media screen and (max-height: 768px) {
    .caption {
        bottom: 350px;
        left: 160px;
    }
}

@media screen and (max-height: 720px) {
    .caption {
        bottom: 300px;
        left: 160px;
    }
}

@media screen and (max-height: 600px) {
    .caption {
        bottom: 200px;
        left: 160px;
    }
}