/**
自己额外定义的class类
 */
@media only screen and (min-width: 1800px) {

}


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

}

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

}

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

}

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

}

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

}

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

}

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

}

/**
CSS 开始 ****************************************************
 */
@media only screen and (min-width: 1800px) {
    .right-tel {
        display: flex;
        align-items: center;
        align-content: center;
        flex-direction: row;
        height: 100%;

        .right-tel-image {
            width: 25px !important;
            margin-right: 10px !important;
        }

        .right-tel-language {
            padding: 0 20px 0 10px;
            border-right: 2px solid #c7c3c3;
            font-size: 15px;
            font-family: "Arial Normal", "Arial", sans-serif;
            font-weight: 400;
            font-style: normal;


            .right-tel-chinese {
                margin-right: 8px;
                color: #333333;
                font-size: 15px;
                font-weight: 400;
            }

            .left-tel-chinese {
                color: #818181;
                font-size: 15px;
                font-weight: 400;
            }
        }

        span {
            font-family: "思源黑体 CN Medium", "思源黑体 CN", sans-serif;
            color: #005FD1;
            font-weight: 500;
            font-style: normal;
            font-size: 17px;
        }

    }
    .index-lunbo {
        position: absolute;
        bottom: 21%;
        left: 11%;
        z-index: 999999;
        background-color: #005FD1;
        color: white;
        height: 60px;
        width: 200px;
        border: none;
        font-size: 22px;
        border-radius: 30px;
    }
}
.footer-about {
    margin-left: -30px;
}

@media only screen and (max-width: 1799px) {
    .right-tel {
        display: flex;
        align-items: center;
        align-content: center;
        flex-direction: row;
        height: 100%;

        .right-tel-image {
            width: 20px !important;
            margin-right: 10px !important;
        }

        span {
            font-family: "思源黑体 CN Medium", "思源黑体 CN", sans-serif;
            color: #005FD1;
            font-weight: 500;
            font-style: normal;
            font-size: 16px;
        }
    }
    .index-lunbo {
        position: absolute;
        bottom: 21%;
        left: 11%;
        z-index: 999999;
        background-color: #005FD1;
        color: white;
        height: 55px;
        font-size: 21px;
        width: 180px;
        border: none;
        border-radius: 30px;
    }
}

@media only screen and (max-width: 1400px) {
    .right-tel {
        display: none;
    }
    .index-lunbo {
        position: absolute;
        bottom: 15%;
        left: 11%;
        z-index: 999999;
        background-color: #005FD1;
        color: white;
        height: 45px;
        width: 140px;
        font-size: 18px;
        border: none;
        border-radius: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .right-tel {
        display: none;
    }
    .index-lunbo {
        position: absolute;
        bottom: 16%;
        left: 11%;
        z-index: 999999;
        background-color: #005FD1;
        color: white;
        /*height: 30px;*/
        /*font-size: 13px;*/
        /*width: 80px;*/
        border: none;
        border-radius: 30px;
        text-align: center;
        height: 40px;
        font-size: 16px;
        width: 140px;
    }
}
@media only screen and (max-width: 667px) {
    .right-tel {
        display: none;
    }
    .index-lunbo {
        position: absolute;
        bottom: 16%;
        left: 11%;
        z-index: 999999;
        background-color: #005FD1;
        color: white;
        height: 35px;
        font-size: 12px;
        width: 100px;
        border: none;
        border-radius: 30px;
        text-align: center;
    }
}
@media only screen and (max-width: 560px) {
    .right-tel {
        display: none;
    }
    .index-lunbo {
        position: absolute;
        bottom: 16%;
        left: 11%;
        z-index: 999999;
        background-color: #005FD1;
        color: white;
        height: 30px;
        font-size: 10px;
        width: 90px;
        border: none;
        border-radius: 30px;
        text-align: center;
    }
}
@media only screen and (max-width: 240px) {
    .right-tel {
        display: none;
    }
    .index-lunbo {
        position: absolute;
        bottom: 10%;
        left: 11%;
        z-index: 999999;
        background-color: #005FD1;
        color: white;
        height: 23px;
        font-size: 8px;
        width: 70px;
        border: none;
        border-radius: 30px;
        text-align: center;
    }
}
/* 1290px css */
@media only screen and (min-width: 1200px) {
    .footer-ml150 {
        margin-left: 180px !important;
    }
    .footer-ml30 {
        margin-left: 30px !important;
    }
}
@media only screen and (max-width: 1199px) {
    .footer-ml150 {
        margin-left: 100px !important;
    }
    .footer-ml30 {
        margin-left: 30px !important;
    }
}

@media only screen and (min-width: 1600px) {
    .footer-qrcode {
        display: flex;
        height: 100%;
        align-items: center;

        .footer-qrcode-detail {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

    }
    .footer-qrcode img {
        width: 100px;
        height: 100px;
        margin: 20px;
    }
}

@media only screen and (max-width: 1599px) {
    .footer-qrcode {
        display: flex;
        height: 100%;
        align-items: center;

        .footer-qrcode-detail {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    }
    .footer-qrcode img {
        width: 60px;
        height: 60px;
        margin: 10px;
    }
}


/* 1290px css */
@media only screen and (min-width: 1200px) {
    .container-top img {
            margin-left: 40px;
    }
    .footer-after-detail {
        display: flex;
        justify-content: space-between;
        .footer-after-detail-left {
            color: #9D9D9D;
            font-size: 14px;
        }
        .footer-after-detail-right {
            display: flex;
            flex-direction: row;
            p {
                color: #ffffff;
                font-size: 14px;
                margin: 0 20px;
            }
        }
    }
}

/* 1290px css */
@media only screen and (max-width: 1199px) {
    .footer-after-detail {
        display: flex;
        align-items: center;
        flex-direction: column;
        .footer-after-detail-left {
            color: #9D9D9D;
            font-size: 14px;
            text-align: center;
        }
        .footer-after-detail-right {
            display: flex;
            flex-direction: row;
            margin-top: 10px;
            p {
                color: #ffffff;
                font-size: 14px;
                margin: 0 20px;
            }
        }
    }
}
@media only screen and (min-width: 1301px) {
    .footer-main{
        display: flex;
    }
}

.url-left{
    margin-left: 70px;
}
.footer-services{
    width: 20%;
}
.footer-products{
    width: 60%;
}
.footer-about{
    width: 20%;
}
@media only screen and (max-width: 1300px) {
    .footer-logo-col{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer_url{
        width: 100%;
    }
    .company-title-main{
        display: flex;
        justify-content: space-between;
    }
    .footer-main{
        width: 80%;
        flex: 0 0 80%;
        max-width: 80%;
        display: flex;
    }
    .footer-qrcode-col{
        width: 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .url-left{
        margin-left: 0px;
    }
    .footer-about{
        margin-left: 0;
    }
}

@media only screen and (max-width: 1400px) {
    .sub-menu-fluid-left p{
        font-size: 20px !important;
        font-weight: 500 !important;
        color: #005FD1;
    }
    .sub-menu-fluid-left img{
        width: 350px !important;
        height: 180px !important;
        margin-right: 40px;
    }
}

@media only screen and (min-width: 992px) {
    .sub-menu-fluid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        position: fixed !important;
        top: 68px !important; /* 根据你的 navbar 高度调整 */
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 100vw !important;
        margin-left: -50vw; /* 确保从最左开始 */
        max-width: none !important;
        padding: 0;
        text-align: center;
        background: white;

        .sub-menu-fluid-left {
            display: flex;
            justify-content: center;
            align-items: center;
            border-right: 1px solid #005FD1;
            border-right-width: thin;


        }
        .sub-menu-fluid-left p{
                font-size: 26px;
                font-weight: 600;
                color: #005FD1;
        }
        .sub-menu-fluid-left img{
                width: 380px;
                height: 200px;
                margin-right: 40px;
        }

        .sub-menu-fluid-right {
            display: flex;
            justify-content: left;
            align-items: center;
        }
    }
}
@media only screen and (max-width: 991px) {
    .sub-menu-fluid-left {
        display: none;
    }
    .footer-logo-col{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer_url{
        width: 100%;
    }
    .company-title-main{
        display: flex;
        justify-content: space-between;
    }
    .footer-about,
    .footer-services,
    .footer-empty,
    .footer-products,
    .footer-main{
        display: none;
    }

    .footer-logo-col,
    .footer-qrcode-col {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-qrcode {
        img {
            width: 100px;
            height: 100px;
            margin: 20px 20px 20px 0;
        }
        span {
            margin-right: 20px;
        }
    }
}
@media only screen and (max-width: 767px) {
    .company-title-main{
        /*display: flex;*/
        /*justify-content: space-between;*/
        flex-direction: column;
    }
}
@media only screen and (max-width: 287px) {
    /*.company-title-main{*/
    /*    !*display: flex;*!*/
    /*    !*justify-content: space-between;*!*/
    /*    flex-direction: column;*/
    /*}*/
    .footer_before .footer_url .title {
        font-size: 10px;
    }
    .footer_url li{
        font-size: 10px;
    }
    .footer-qrcode {
        img {
            width: 50px;
            height: 50px;
            margin: 20px 20px 20px 0;
        }
        span{
            font-size: 10px;
        }
    }
}
/* Modal 背景遮罩 */
#message-modal {
    display: none; /* 默认隐藏 */
    position: fixed;
    z-index: 1000;
    right: 10px;
    bottom: 10px;
    width: 380px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
    animation: modalFadeIn 0.3s ease-out;
}

#message-form {
    padding: 0;
}

/* 弹窗主体 */
.modal-content {
    background-color: #fff;
    border-radius: 12px;
    max-width: 270px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0);
    animation: modalFadeIn 0.3s ease-out;
}

/* 头部：标题和关闭按钮 */
.modal-header {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    padding-bottom: 10px;
    background-color: rgba(0, 95, 209, 1);
}

.modal-header h3 {
    font-family: "苹方 中等", "苹方", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    color: #ffffff;
    font-size: 16px;
}


.close:hover {
    background: #e0e0e0;
    color: #000;
}

.modal-info {
    display: flex;
    flex-direction: column;

    .modal-info-tel {
        display: flex;
        flex-direction: row;
    }
    .modal-info-tel-right {
        display: flex;
        flex-direction: column;
    }
    .modal-info-tel-left {
        display: flex;
        flex-direction: row;
    }
}

.modal-body span  {
    font-family: "Arial Normal", "Arial", sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    font-style: normal;
    color: #333333;
}

/* 表单内容 */
.modal-body label {
    display: block;
    margin-top: 10px;
    font-weight: 600;
    color: #555;
}

.modal-body input[type="text"],
.modal-body input[type="tel"],
.modal-body textarea {
    height: 30px;
    width: 100%;
    padding: 10px;
    margin-top: 15px;
    border: 1px solid #ddd;
    background-color: #f1f1f1;
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
    transition: border 0.3s;
}

.modal-body textarea {
    height: 80px;
    width: 100%;
    padding: 10px;
    margin-top: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
    transition: border 0.3s;
}

.modal-body input:focus,
.modal-body textarea:focus {
    border-color: #0160e7;
    outline: none;
}

/* 底部按钮 */
.modal-footer {
    text-align: right;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
}

.modal-footer button {
    height: 40px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}

#submit-message {
    background-color: #0160e7;
    color: white;
}

#submit-message:hover {
    background-color: #004ba0;
}

#cancel-message {
    background-color: #C6C9CE;
    color: #333;
}

#cancel-message:hover {
    background-color: #bbb;
}


#submit-message.loading {
    background-color: #6ca0e7;
    position: relative;
    display: flex;
    flex-direction：row;
    justify-content: center;
    align-items: center;
}

#submit-message.loading::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 2px;
}


/* 原点容器（调整位置和间距） */
.owl-dots {
    position: absolute;
    bottom: 20px;  /* 距离底部的距离 */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

/* 单个原点样式 */
.owl-dot {
    display: inline-block;
    width: 8px;    /* 原点宽度 */
    height: 8px;   /* 原点高度 */
    border: 1px solid #ccc !important;
    border-radius: 50%;  /* 圆形 */
    background-color: #ccc !important;    /* 默认颜色（未激活） */
    margin: 0 6px;   /* 原点间距 */
    cursor: pointer;
    transition: background 0.3s;  /* 过渡动画 */
}

/* 当前激活原点样式 */
.owl-dot.active {
    width: 30px;
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 6px;
}

.home-about-title {
    margin-bottom: 30px !important;
}
.top-img1{
    display: block !important;
}
.top-img2{
    display: none !important;
}
@media only screen and (min-width: 991px) {
    .home-about-text {
        padding: 0 50px 0 40px;
        p {
            font-size: 18px;
            color: #222222;
            font-weight: 400;
            line-height: 32px;
            font-family: "苹方 常规", "苹方 中等", "苹方", sans-serif;
            letter-spacing: normal;
            text-indent: 2em; /* 首行缩进 */
            text-align: justify !important;
        }
    }
}
@media only screen and (min-width: 1140px) {
    .home-about-text {
        padding: 0 50px 0 100px;
        p {
            font-size: 18px;
            color: #222222;
            font-weight: 400;
            line-height: 32px;
            font-family: "苹方 常规", "苹方 中等", "苹方", sans-serif;
            letter-spacing: normal;
            text-indent: 2em; /* 首行缩进 */
            text-align: justify !important;
        }
    }
}
@media only screen and (min-width: 1200px) {
    .home-about-text {
        padding: 0 30px 0 130px;
    p {
        font-size: 18px;
        color: #222222;
        font-weight: 400;
        line-height: 32px;
        font-family: "苹方 常规", "苹方 中等", "苹方", sans-serif;
        letter-spacing: normal;
        text-indent: 2em; /* 首行缩进 */
        text-align: justify !important;
    }
}
}
@media only screen and (max-width: 991px) {
    .top-img1{
        display: none !important;
    }
    .top-img2{
        display: block !important;
    }
    .home-about-text {
        padding: 10px 10px 10px 15px;;
        margin-bottom: 10px;
        p {
            font-size: 17px;
            color: #222222;
            font-weight: 400;
            line-height: 32px;
            font-family: "苹方 常规", "苹方 中等", "苹方", sans-serif;
            letter-spacing: normal;
            text-indent: 2em; /* 首行缩进 */
            text-align: justify !important;
        }
    }
}

/* 两行布局样式 */
.item-row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    margin-top: 20px;
}

#home-partners {
    padding: 0 10%;
}

#home-partners .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
#home-partners .owl-nav button {
    position: absolute;
    top: 40%;
    width: 50px;
    height: 50px;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2b3a66;
    border-radius: 25px;
    background-color: #f2f8ff;
    z-index: 9;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
}
#home-partners .owl-nav button.owl-prev {
    left: 110px;
    right: auto;
}
#home-partners .owl-nav button.owl-next {
    right: 110px;
    left: auto;
}

@media (max-width: 1400px) and (min-width: 992px) {
    #home-partners .owl-nav button.owl-prev {
        left: 70px;
        right: auto;
    }
    #home-partners .owl-nav button.owl-next {
        right: 70px;
        left: auto;
    }
}

@media only screen and (max-width: 991px) {
    #home-partners .owl-nav button.owl-prev {
        left: 1%;
        right: auto;
    }
    #home-partners .owl-nav button.owl-next {
        right: 1%;
        left: auto;
    }

    .xs-header {
        height: 60px;
    }
}

#home-partners .owl-nav button:hover {
    background-color: #0160e7;
    color: #fff;
}

/* Logo卡片基础样式 */
.home-partners-bg {
    /* 白色背景卡片 */
    background-color: #ffffff;
    border-radius: 8px; /* 圆角 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* 轻微阴影 */
    padding: 20px 30px; /* 内边距 */
    margin: 10px 10px; /* 外边距（横向10px，纵向15px） */
    width: 240px;
    min-height: 100px; /* 固定高度确保对齐 */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 过渡动画 */
}

/* Logo卡片悬停效果 */
.home-partners-bg:hover {
    transform: translateY(-3px); /* 轻微上浮 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* 增强阴影 */
}

/* Logo图片样式 */
.partners-slide-image img {
    max-height: 60px; /* 限制最大高度 */
    max-width: 100%; /* 自适应宽度 */
    object-fit: contain; /* 保持比例，不拉伸 */
    /*filter: grayscale(100%); !* 默认灰度显示 *!*/
    transition: filter 0.3s ease; /* 灰度过渡 */
}

/*!* 悬停时彩色显示 *!*/
/*.home-partners-bg:hover .partners-slide-image img {*/
/*    filter: grayscale(0); !* 取消灰度 *!*/
/*}*/


@media (max-width: 567px) {
    .img-top {
        width: 100%;
    }

    .other-top-bg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .other-top-bg .page-title {
        font-size: 18px;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }

    .other-top-bg h4 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-align: center;
    }
}

.successful-top-img2{
    display: none;
}
.new-top-img2{
    display: none;
}
@media only screen and (max-width: 991px) {
    .bs-top-img{
        content: url("../image/business-service/business_service_02.jpg");
    }
    .successful-top-img1{
        display: none;
    }
    .successful-top-img2{
        display: block;
    }
    .new-top-img1{
        display: none;
    }
    .new-top-img2{
        display: block;
    }
}

@media only screen and (min-width: 568px) and (max-width: 1199px) {

    .img-top {
        width: 100%;
    }

    .other-top-bg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .other-top-bg .page-title {
        font-size: 30px;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }

    .other-top-bg h4 {
        font-size: 18px;
        color: #fff;
        font-weight: 600;
        text-align: center;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) {
    .img-top {
        width: 100%;
    }

    .other-top-bg {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .other-top-bg .page-title {
        font-size: 50px;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }

    .other-top-bg h4 {
        font-size: 25px;
        color: #fff;
        font-weight: 400;
        text-align: center;
    }
}

@media only screen and (min-width: 1400px) {
    .img-top {
        width: 100%;
    }

    .other-top-bg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .other-top-bg .page-title {
        font-size: 50px;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }

    .other-top-bg h4 {
        font-size: 25px;
        color: #fff;
        font-weight: 400;
        text-align: center;
    }
}

.heading-title {
    font-size: 18px;
    text-align: center;
    padding: 0 10%;
}

@media only screen and (min-width: 1400px) {
    .mes-soluation-box {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 30px;
        cursor: pointer;
        background: #fff;
        position: relative;
        overflow: hidden;
        padding: 80px 30px;
        -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .mes-soluation-box:hover {
        transform: translateY(-8px);
    }

    .mes-soluation-box .soluation-content {
        display: flex;
        font-size: 15px;
        font-weight: 500;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .soluation-content p {
        color: #ffffff;
        font-size: 20px;
        font-weight: 450;
        z-index: 2;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px){
    .mes-soluation-box {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 30px;
        cursor: pointer;
        background: #fff;
        position: relative;
        overflow: hidden;
        padding: 80px 30px;
        -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .mes-soluation-box:hover {
        transform: translateY(-8px);
    }

    .mes-soluation-box .soluation-content {
        display: flex;
        font-size: 15px;
        font-weight: 500;
        align-items: center;
        justify-content: center;
        width: 100%;

    }

    .soluation-content p {
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
        z-index: 2;
    }
}

@media only screen and (max-width: 1199px){
    .mes-soluation-box {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 30px;
        cursor: pointer;
        background: #fff;
        position: relative;
        overflow: hidden;
        padding: 80px 30px;
        -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .mes-soluation-box:hover {
        transform: translateY(-8px);
    }

    .mes-soluation-box .soluation-content {
        display: flex;
        font-size: 15px;
        font-weight: 500;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .soluation-content p {
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
        z-index: 2;
    }
}



.mes_soluation_bg1 {
    border-radius: 15px;
    background-image: url("../image/mes-soluation/MES_system_solution_04.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.mes_soluation_bg2 {
    border-radius: 15px;
    background-image: url("../image/mes-soluation/MES_system_solution_06.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.mes_soluation_bg3 {
    border-radius: 15px;
    background-image: url("../image/mes-soluation/MES_system_solution_08.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.mes_soluation_bg4 {
    border-radius: 15px;
    background-image: url("../image/mes-soluation/MES_system_solution_10.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.mes_soluation_bg5 {
    border-radius: 15px;
    background-image: url("../image/mes-soluation/MES_system_solution_16.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.mes_soluation_bg6 {
    border-radius: 15px;
    background-image: url("../image/mes-soluation/MES_system_solution_20.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.mes_soluation_bg7 {
    border-radius: 15px;
    background-image: url("../image/mes-soluation/MES_system_solution_17.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.mes_soluation_bg8 {
    border-radius: 15px;
    background-image: url("../image/mes-soluation/MES_system_solution_18.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.mes_soluation_bg1::before,
.mes_soluation_bg2::before,
.mes_soluation_bg3::before,
.mes_soluation_bg4::before,
.mes_soluation_bg5::before,
.mes_soluation_bg6::before,
.mes_soluation_bg7::before,
.mes_soluation_bg8::before
{
    content: ""; /* 伪元素必须有content */
    position: absolute; /* 绝对定位覆盖整个元素 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 阴影遮罩：黑色半透明（rgba最后一位是透明度，0-1） */
    background-color: rgba(0, 0, 0, 0.3); /* 0.3是30%透明度，可调整 */
    /* 遮罩层在背景图上方、内容下方（如果有内容） */
    z-index: 1;
}

.mes_now-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    height: 160px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 20px 30px;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 15px !important;
}
.mes_now-box:hover {
    transform: translateY(-8px);
}
.mes_now_icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    font-size: 28px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
}
.mes_now-content {
    margin-left: 30px;
    flex: 1;
}
.mes_now-content h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #3d3b3b;
}
.mes_now-content p {
    font-size: 16px;
    font-weight: 400;
}
.bg-mes-system {
    background-image: url("../image/mes-soluation/MES_system_solution_42_44.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 1200px){
    .mes-tabs{
        /*width: 60%;*/
        width: 100%;
    }
}

@media only screen and (max-width: 1199px){
    .mes-tabs{
        width: 100%;
    }
}


.mes-tab-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px;
    overflow-x: auto;
    padding-bottom: 5px;
}
.successfule-case-content {
    background-color: rgba(245, 248, 255, 1);
    padding-top: 30px !important;
}

.successfule-tab-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*border-bottom: 1px solid #e5e7eb;*/
    margin-bottom: 10px;
    overflow-x: auto;
    padding-bottom: 5px;
}
.tab-left {
    padding-left: 20px
}
.tab-left-button {
    background: none;
    border: none;
    padding: 0 0;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    transition: color 0.3s;
    color: #727272;
    font-weight: 400;
    font-size: 20px;
}
.tab-left-button.active {
    color: #1653a2;
    font-weight: 600;
}

.tab-left-button.active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1653a2;
}

.tab-left-button:hover:not(.active) {
    color: #333;
}

.tab-left-button-successful {
    font-family: "苹方 粗体", "苹方 中等", "苹方", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #333;
}

.tab-left-button-successful .active{
    color: #333 !important;
}

.mes-tab-btn {
    background: none;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    transition: color 0.3s;
    color: #727272;
    font-weight: 400;
    font-size: 20px;
}

.mes-tab-btn.active {
    color: #1653a2;
    font-weight: 600;
}

.mes-tab-btn.active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1653a2;
}

.mes-tab-btn:hover:not(.active) {
    color: #333;
}

.mes-tab-btn-successful {
    font-family: "苹方 粗体", "苹方 中等", "苹方", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #333;
}

.mes-tab-btn-successful .active{
    color: #333 !important;
}

.mes-tab-content {
    position: relative;
    min-height: 400px; /* 根据实际图片高度调整 */
}

.mes-tab-pane {
    display: none;
}

.mes-tab-pane.active {
    display: block;
    animation: fadeIn 0.5s ease;
}

.tab-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

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

/* 响应式调整 */
@media (max-width: 768px) {
    .mes-tab-nav {
        flex-wrap: wrap;
    }
    .successfule-tab-nav {
        /*flex-wrap: wrap;*/
    }
    .mes-tab-btn {
        flex: 1 0 auto;
        text-align: center;
        padding: 8px 10px;
        font-size: 12px;
    }
}

.mes_system-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 300px;
    height: 350px;
    position: relative;
    overflow: hidden;
    padding: 80px 25px;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 15px !important;
}
.mes_system-box:hover {
    transform: translateY(-8px);
}
.mes_system_icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    font-size: 28px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
}
.mes_system-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.mes_system-content h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    color: black;
}
.mes_system-content p {
    font-size: 16px;
    font-weight: 400;
}
.mes-system-price {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Logo图片样式 */
.mes-solution-display img {
    max-width: 100%; /* 自适应宽度 */
    object-fit: contain; /* 保持比例，不拉伸 */
    /*filter: grayscale(100%); !* 默认灰度显示 *!*/
    transition: filter 0.3s ease; /* 灰度过渡 */
}

#mes-solution-partners .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
#mes-solution-partners .owl-nav button {
    position: absolute;
    top: 40%;
    width: 60px;
    height: 60px;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    /* border-radius: 25px; */
    background-color: #215dbd;
    z-index: 9;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
}
#mes-solution-partners .owl-nav button.owl-prev {
    left: 16%;
    right: auto;
}
#mes-solution-partners .owl-nav button.owl-next {
    right: 16%;
    left: auto;
}

@media (max-width: 1800px) and (min-width: 992px) {
    #mes-solution-partners .owl-nav button.owl-prev {
        left: 10%;
        right: auto;
    }
    #mes-solution-partners .owl-nav button.owl-next {
        right: 10%;
        left: auto;
    }
}

@media only screen and (max-width: 991px) {
    #mes-solution-partners .owl-nav button {
        position: absolute;
        top: 40%;
        width: 30px;
        height: 30px;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        /* border-radius: 25px; */
        background-color: #215dbd;
        z-index: 9;
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
        -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    }
    #mes-solution-partners .owl-nav button.owl-prev {
        left: 1%;
        right: auto;
    }
    #mes-solution-partners .owl-nav button.owl-next {
        right: 1%;
        left: auto;
    }

    .xs-header {
        height: 60px;
    }
}

.bg-blur {
    background-color: #215DBD;
}


.mes-advantage {
    margin-top: 10px;
    padding: 40px 40px;
    height: 250px;
    border-radius: 15px;
    border: 1px solid #ffffff;
}
.mes-advantage h5 {
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.mes-advantage p {
    font-size: 16px;
    margin-top: 20px;
    color: #efecec;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-weight: 400;
}
/*.mes-advantage:hover {*/
/*    background: linear-gradient(145deg,#0160e7 0%,#a644b5 100%);*/
/*}*/
/*.mes-advantage:hover .mes-advantage-body h5, .mes-advantage:hover p, .mes-advantage:hover .mes-advantage-body span {*/
/*    color: #fff;*/
/*}*/
/*.mes-advantage:hover .mes-advantage_inner i {*/
/*    color: #0257cf;*/
/*}*/
.mes-advantage:hover {
    background: #eaeaea;
}
.mes-advantage:hover .mes-advantage-body h5, .mes-advantage:hover p, .mes-advantage:hover .mes-advantage-body span {
    color: #0257cf;
}
.mes-advantage:hover .mes-advantage_inner i {
    color: #0257cf;
}

/* ---------------------------------关于我们------------------------------- */
/* ------------------关于我们（顶部图+文字）----------------- */
.abt-big {
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    display: flex;
    justify-content: center;
}
.abt-big img {
    width: 100%;
    filter: Alpha(Opacity=0);
    min-height: 120px;
}
.abt-big div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.abt-big h1 {
    color: #005FD1;
    font-size: 60px;
    margin-bottom: 20px;
    font-weight: 700;
    font-style: normal;
}
.abt-big span {
    color: #333333;
    font-size: 23px;
    font-weight: 400;
    font-style: normal;
}
@media only screen and (max-width: 991px) {
    .abt-big h1 {
        color: #005FD1;
        font-size: 30px;
        margin-bottom: 20px;
        font-weight: 700;
        font-style: normal;
    }
    .abt-big span {
        color: #333333;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
    }
}
@media only screen and (max-width: 567px) {
    .abt-big h1 {
        font-size: 18px;
        margin-bottom: 0px;
    }
    .abt-big span {
        font-size: 14px;
    }
}
@media only screen and (max-width: 287px) {
    .abt-big h1 {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .abt-big span {
        font-size: 10px;
    }
}
/* ------------------导航栏----------------- */
/* 滚动时吸顶 */
#abt-nav-scroll{
    position: sticky; /* 滚动时吸顶 */
    top: 60px; /* 吸顶到顶部 */
    background: #fff; /* 导航背景，避免透传内容 */
    z-index: 8; /* 确保导航在最上层 */
    /*padding: 10px 0; !* 可选：调整导航内边距 *!*/
    box-shadow: none;
    margin-top: 0; /* 强制设为 0，避免间距导致阴影暴露 */
    /* 可选：添加顶部边框，遮挡顶部导航的阴影 */
    border-top: 1px solid #fff; /* 颜色与背景一致，视觉上覆盖阴影 */
}
.abt-top-img1{
    display: block;
}
.abt-top-img2{
    display: none;
}
/* 移动端隐藏导航栏 */
@media only screen and (max-width: 991px) {
    #abt-nav-scroll {
        display: none !important; /* 这是导致移动端不显示的核心原因 */
        /* 或 visibility: hidden; / opacity: 0; */
    }
    .abt-top-img1{
        display: none;
    }
    .abt-top-img2{
        display: block;
    }
}
/* 导航栏外层容器：控制整体布局和样式 */
.abt-nav-container {
    display: flex;
    justify-content: flex-end; /* 右端对齐 */
    align-items: center; /* 垂直居中 */
    padding: 20px 20px 0px 20px; /* 内边距，可根据设计调整 */
    /*border-bottom: 1px solid #eee; !* 底部浅灰线，匹配效果图风格 *!*/
    background-color: #fff; /* 白色背景 */
}
/* 右侧横向导航菜单 */
.abt-main-nav ul {
    display: flex; /* 横向排列 */
    gap: 30px; /* 菜单项间距，可调整 */
    font-size: 16px;
    list-style: none;
    text-decoration: none;
    align-items: center;
    margin: auto 0;
    font-weight: 400;
    font-style: normal;
    color: #AAAAAA;
    padding-left: 0;
    border: none !important; /* 清除边框（包括虚线边框） */
    outline: none !important; /* 清除焦点虚线轮廓（关键） */
    outline-offset: 0 !important; /* 清除轮廓偏移 */
    box-shadow: none !important; /* 排除阴影模拟的虚线 */
}
.abt-main-nav a {
    color: #AAAAAA; /* 默认文字色 */
    padding-bottom: 13px; /* 为下划线预留空间 */
    display: inline-block; /* 让padding生效 */
    position: relative;
}
/* 激活项（公司简介）下划线样式 */
.abt-main-nav a.active {
    color: #333333; /* 激活项文字蓝（可改） */
}
.abt-main-nav a.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #005fd1; /* 下划线蓝（匹配效果图） */
}
/* hover效果（可选） */
.abt-main-nav a:hover:not(.active) {
    color: #333333;
}
/* ------------------公司简介----------------- */
.abt-co-container{
    background-image:url("../image/about/about_us_background.png")
}
/*.abt-co-line{*/
/*    background-color: #005fd1;*/
/*    width: 65px;*/
/*    height: 1.5px;*/
/*    display: inline-block;*/
/*    margin-top:60px;*/
/*    margin-bottom: 20px*/
/*}*/
.abt-co-title {
    font-weight: 400;
    font-size: 30px;
    color: #333333
}
.abt-co-card {
    margin-bottom: 40px
}
.img-shadow{
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.abt-co-info p{
    font-size: 16px;
    color: #444444;
    text-align: justify;
    line-height: 30px;
    font-weight: 400;
    display: block;
    text-indent: 2em !important;
}
.abt-co-img {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 两列等分 */
    gap: 10px; /* 列间距，可自定义 */
}

/* ------------------滚动数字----------------- */
.abt-count-container {
    background-color: #005fd1
}
.abt-count {
    /*font-weight: 700;*/
    color: #FFFFFF;
    text-align: center;
}
.abt-count span {
    font-size: 15px;
    font-weight: 400;
}
.abt-count p {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 400;
}
.abt-count-no{
    font-weight: 700 !important;
    font-size: 50px !important;
    line-height: 1 !important;
}
/* ------------------荣誉资质----------------- */
.abt-honor-container {
    background-color: #f5f8ff;
}
@media (min-width: 768px) {
    .col-md-5item {
        -ms-flex: 0 0 20%;      /* IE兼容 */
        flex: 0 0 20%;          /* 基础宽度20%，不放大/不缩小 */
        max-width: 20%;         /* 最大宽度限制，避免溢出 */
        position: relative;     /* 兼容栅格的定位规则 */
        width: 100%;            /* 继承row的宽度 */
        padding-right: 15px;    /* 原生栅格列间距，和其他col保持一致 */
        padding-left: 15px;
    }
}
/* ------------------技术能力----------------- */
.abt_tc_main {
    display: grid;
    grid-template-columns: 2fr 3fr; /* 两列等分 */
    gap: 30px; /* 列间距，可自定义 */
}
.abt_tc_bg {
    padding: 60px;
    border-radius: 30px;
    background-color: #f5f8ff;
}
.abt_tc_left {
    background-color: #ffffff;
    border-radius: 30px;
    display: flex; /* 弹性布局实现上下排列 */
    flex-direction: column; /* 垂直方向排列 */
    gap: 30px; /* 两个小div中间30px白色间距（核心） */
}
.abt_tc_left p{
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    text-align: justify;
    text-justify: inter-word;
    color: #222222;
    line-height: 26px;
}
.abt_tc_interval {
    flex: 1;
    padding-bottom: 30px !important;
}
.abt_tc_right{
    border-radius: 20px;
}
.abt_tc_block {
    vertical-align: top;
    margin-bottom: 30px
}
.abt_tc_block_head {
    display: flex;
}
.abt_tc_block_title {
    font-weight:400;
    color:#005FD1;
    padding-left: 6px;
    font-size: 20px;
    align-items: center;
    border-left: 4px solid #005FD1;
}
.abt_foot_line {
    height: 60px;
    border-bottom: #f2f2f2 1px solid;
}
.abt_tc_chart {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 两列等分 */
    gap: 30px; /* 列间距，可自定义 */
    margin-top: 10px;
}
.abt_tc_chart p {
     text-align: center;
 }
.abt_tc_right-title {
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #444444;
}
.tc-chart-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 0 auto;
}
.tc-chart-box {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}
.tc-chart-box h3 {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #444444;
    text-align: center;
}
.tc-chart {
    width: 100%;
    min-height: 325px;
}
/*!* 优化提示框文字样式，和示例图一致 *!*/
/*.echarts-tooltip {*/
/*    font-size: 14px !important;*/
/*    color: #333 !important;*/
/*    line-height: 1.6 !important;*/
/*}*/
/* 新增注释文字样式 */
.tc-note-text {
    margin-top: 10px;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
}
.abt_tc_info1 p{
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #222222;
    text-align: center;
    line-height: 26px;
}
.abt_tc_card {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 2fr;
    gap: 30px; /* 列间距，可自定义 */
}
.abt_tc_card_main {
    margin-top: 30px;
    overflow: hidden;
    background-color: #f5f8ff;
}
.abt_tc_card-title{
    background-color: #005FD1;
    /*height: 68px;*/
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
    border-radius: 8px 8px 0 0;
}
.abt_tc_card-title p{
    color: #ffffff;
    font-size: 20px;
    padding: 5px
}
.abt_tc_card_content{
    background-color: #f5f8ff;
}
.abt_tc_card_content p{
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #222222;
    line-height: 26px;
    padding: 30px
}
@media (max-width: 1286px) {
    .tc-chart-container {
        grid-template-columns: 1fr;
    }
}
/* 移动端改为单列 */
@media (max-width: 991px) {
    .abt_tc_main {
        grid-template-columns: 1fr;
    }
    .tc-chart-container {
        grid-template-columns:1fr 1fr;
    }
    .abt_tc_card {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px; /* 列间距，可自定义 */
    }
    .abt_tc_card_main:nth-child(4) {
        /* grid-column: 起始列 / 结束列（3列布局中，占1-4列即整行） */
        grid-column: 1 / 4;
        /* 等价写法：grid-column: 1 / -1; （从第1列到最后一列） */
    }
}
@media (max-width: 767px) {
    .tc-chart-container {
        grid-template-columns: 1fr;
    }
    .abt_tc_card {
        grid-template-columns: 1fr 1fr;
    }
    .abt_tc_card_main:nth-child(3) {
        grid-column: 1 / 3; /* 取消列跨度 */
    }
    .abt_tc_card_main:nth-child(4) {
        grid-column: 1 / 3; /* 取消列跨度 */
    }
}
@media (max-width: 400px) {
    .abt_tc_card {
        grid-template-columns: 1fr;
    }
    .abt_tc_card_main:nth-child(3) {
        grid-column: initial; /* 取消列跨度 */
    }
    .abt_tc_card_main:nth-child(4) {
        grid-column: initial; /* 取消列跨度 */
    }
}
/* ------------------联系我们----------------- */
.abt_cu_main {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列等分 */
    gap: 30px; /* 列间距，可自定义 */
}
.abt-cu-container{
    background-image:url("../image/about/Contact_us_background.png")
}
.abt-cu-block{
    background-color: #FFFFFF;
    padding: 40px 20px
}
.abt-cu-block-title{
    background-color: #005FD1;
    height: 68px;
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
}
.abt-cu-block-title p{
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #FFFFFF;text-align: center;
}
.abt-cu-address{
    padding: 40px 15px;
    min-height: 230px;
}
.abt-cu-address p{
    color: #333333;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 30px;
}
.abt_title{
    margin-bottom: 50px;
    text-align: center;
}
.abt-cu-map{
    height: 320px;
}
@media (max-width: 1431px) {
    .abt-cu-block-title p{
        font-size: 18px;
    }
}
/* 移动端改为单列 */
@media (max-width: 991px) {
    .abt_cu_main {
        grid-template-columns: 1fr 1fr;
    }
    .abt-cu-block-title p{
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .abt_cu_main {
        grid-template-columns: 1fr;
    }
}
/* ------------------员工之家详情画面----------------- */

.detail_container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .detail_container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .detail_container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .detail_container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .detail_container {
        max-width: 1150px
    }
}

/* 1290px css */
@media only screen and (min-width: 1430px) {
    .detail_container {
        max-width: 1150px;
    }
}

/* 1440px css */
@media only screen and (min-width: 1600px) {
    .detail_container {
        max-width: 1250px;
    }
}

/* 1630px css */
@media only screen and (min-width: 1800px) {
    .detail_container {
        max-width: 1400px;
    }
}

/* 导航栏外层容器：控制整体布局和样式 */
.abt-home-nav {
    display: flex;
    justify-content: space-between; /* 左右两端对齐 */
    align-items: center; /* 垂直居中 */
    padding: 20px 20px; /* 内边距，可根据设计调整 */
    /*border-bottom: 1px solid #eee; !* 底部浅灰线，匹配效果图风格 *!*/
    /*background-color: #fff; !* 白色背景 *!*/
}
/* 面包屑样式（左侧：首页>关于我们） */
.abt-home-breadcrumb {
    font-size: 13px;
    font-weight: 400;
    /*color: #AAAAAA; !* 浅灰色文字，匹配效果图 *!*/
}
.abt-home-breadcrumb a {
    color: #AAAAAA;
    margin-right: 2px;
}
.abt-home-breadcrumb span {
    color: #333333;
}
/* hover效果（可选） */
.abt-home-breadcrumb a:hover:not(.active) {
    color: #333333;
}
.abt-home-container{
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 60px;
    min-height: calc(100vh - 132px);
}
.abt-home-main{
    padding-top: 0px!important;
    padding-bottom: 0px !important;
}
.abt-home-title{
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #333333;
    margin-bottom: 20px
}
.abt-home-card {
    margin-bottom: 50px
}
.abt-home-img{
    width: 100%;
}
.abt-home-info{
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-top: 20px;
}
/* 移动端适配（可选） */
@media (max-width: 991px) {
    .abt-home-container{
        background-color: #FFFFFF;
        border-radius: 10px;
        padding: 60px;
        min-height: calc(100vh - 128px);
    }
}
/* ---------------------------------新闻中心------------------------------- */
/* ------------------新闻卡片----------------- */
.news-card-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列等分 */
    gap: 30px; /* 列间距，可自定义 */
    /*display: flex;*/
    /*flex-direction: column;*/
}
.news_card {
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: #fff;
    /*margin-top: 30px;*/
    overflow: hidden;
    height: 100%;
}
.news_card .card-media {
    position: relative;
    overflow: hidden;
    /*-webkit-border-radius: 15px;*/
    /*-moz-border-radius: 15px;*/
}
.news_card .card-media img{
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    height: 240px;
    width: 100%;
    /*Object-fit: contain;*/
    /*object-position: top;*/
}
.news_card .card-media:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.news_inner-post {
     padding: 30px;
     display: flex;
     flex-direction: column;
     width: 100%;
 }

.news_card-header .news_card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;        /* 限制为两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    line-height: 1.4;
    text-decoration: none;
    height: 55px;
}
.news_card-title {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    display: block;
}
.news_card-title:hover {
    color: #003eff;
}
.news_card-summary {
    letter-spacing: -0.2px;
    font-size: 15px;
    color: #666666;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;        /* 限制为两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 15px
}
.news_card-summary:hover {
    color: #666666;
}
.news_card-date {
    letter-spacing: -0.2px;
    font-size: 14px;
    color: #777777fd;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;        /* 限制为两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 15px
}
.news_card-date:hover {
    color: #777777fd;
}

.news_container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
@media (min-width: 428px) {
    .news_container {
        max-width: 400px
    }
}
@media (min-width: 768px) {
    .news_container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .news_container {
        max-width: 940px
    }
}

@media (min-width: 1200px) {
    .news_container {
        max-width: 1050px
    }
}
/* 1290px css */
@media only screen and (min-width: 1430px) {
    .news_container {
        max-width: 1300px;
    }
}
.news-page-container {
    text-align: center;
    font-size: 20px;
    padding-top: 48px;
}
.page-item-left{
    margin-left: 30px
}
.page-item-right{
    margin-right: 30px
}
.page-item-num{
    margin-left: 40px;
    margin-right: 40px
}
.page-disabled {
    color: #999; /* 灰色文字 */
    cursor: not-allowed; /* 禁止鼠标指针 */
    text-decoration: none; /* 去掉下划线 */
    pointer-events: none; /* 核心：阻止点击事件（关键属性） */
    opacity: 0.6; /* 降低透明度，视觉上禁用 */
}
@media (max-width: 992px) {
    .news-card-item {
        grid-template-columns: repeat(2, 1fr); /* 2列等分 */
    }
}
@media (max-width: 768px) {
    .news-card-item {
        grid-template-columns: 1fr;
    }
}
/* ------------------新闻详情----------------- */
/* 导航栏外层容器：控制整体布局和样式 */
.news-detail-nav {
    display: flex;
    justify-content: space-between; /* 左右两端对齐 */
    align-items: center; /* 垂直居中 */
    padding: 20px 20px; /* 内边距，可根据设计调整 */
    /*border-bottom: 1px solid #eee; !* 底部浅灰线，匹配效果图风格 *!*/
    /*background-color: #fff; !* 白色背景 *!*/
}
/* 面包屑样式（左侧：首页>关于我们） */
.news-nav-breadcrumb {
    font-size: 15px;
    font-weight: 400;
    color: #AAAAAA; /* 浅灰色文字，匹配效果图 */
}
.news-nav-breadcrumb a {
    color: #AAAAAA;
    margin-right: 2px;
}
/* hover效果（可选） */
.news-nav-breadcrumb a:hover:not(.active) {
    color: #333333;
}
/* 页面容器：左侧 + 右侧 分栏 */
.page-container {
    display: flex;
    gap: 30px; /* 左右栏间距 */
    margin: 0 auto; /* 页面居中 */
    min-height: calc(100vh - 132px);
}

/* 左侧内容区：可滚动 */
.left-content {
    flex: 1; /* 左侧占剩余宽度 */
    min-width: 0; /* 避免内容溢出 */
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
}
.left-content .news-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #333333;
}
.left-content .news-date {
    color: #999;
    font-size: 14px;
    margin-bottom: 20px;
}
.left-content .news-info {
    margin-bottom: 30px
}
.left-content .news-text {
    text-indent: 2em;/* 核心：2个字符缩进 */
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    line-height: 28px;
    color: #333333;
    /*margin-bottom: 15px;*/
}
.left-content .news-img {
    width: 100%;
    margin-bottom: 20px
}
.left-content section{
    padding-top: 0;
    padding-bottom: 0;
}
@media only screen and (min-width: 1600px) {
    .fixed-images img[width] {
        max-width: none !important;
        width: revert-layer !important;
    }
}
/* 右侧固定区：不随页面滚动 */
.right-sidebar {
    width: 380px; /* 右侧固定宽度 */
    position: sticky; /* 粘性定位：滚动时固定在视口 */
    top: 130.5px; /* 距离顶部的距离 */
    align-self: flex-start; /* 避免被拉伸 */
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}
.right-sidebar .sidebar-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #333;
}
.right-sidebar .news-item {
    margin-bottom: 15px;
    display: flex; /* 改用Flex布局（核心） */
    gap: 15px; /* 左右间距 */
    align-items: stretch; /* 强制子元素等高（关键） */
    height: 85px; /* 整体高度和左侧图片一致 */
}
.right-sidebar .news-item img {
    /*width: 100%;*/
    width: 150px;
    height: 85px;
    /*object-fit: contain; !* 图片自适应 *!*/
    margin-left: 0;
}
/* 右侧文字区：等高+自适应剩余宽度 */
.right-sidebar .news-info {
    flex: 1; /* 自动填充剩余宽度（核心） */
    display: flex; /* 内部垂直布局 */
    flex-direction: column;
    justify-content: space-between; /* 标题和日期上下分布，可选 */
    height: 100%; /* 强制和父元素等高 */
}
.right-sidebar .news-info .news-link {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 标题最多显示2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0; /* 重置默认margin，避免高度溢出 */

}
.right-sidebar .news-info .news-date {
    font-size: 14px;
    color: #999;
    /*margin-top: 8px;*/
}

/* 移动端适配（可选） */
@media (max-width: 991px) {
    .page-container {
        flex-direction: column; /* 移动端改为上下布局 */
    }
    .right-sidebar {
        position: static; /* 移动端取消固定 */
        width: 100%;
    }
}
@media (max-width: 349px) {
    .right-sidebar .news-item {
        flex-direction: column; /* 切换为垂直布局（上下） */
        height: auto; /* 取消固定高度，自适应内容 */
        gap: 8px; /* 上下间距缩小，更适配小屏 */
    }
}
/* ---------------------------------业务服务------------------------------- */
/* ------------------标题在左卡片内容----------------- */
.bus-big1 {
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 50px 270px;
}
.bus-big1 img {
    width: 100%;
    filter: Alpha(Opacity=0);
    min-height: 120px;
}
.bus-big1 div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.bus-big1 .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    .page-text-left{
        width: 50%;
        top: 50%;
        left: 35%;
        transform: translate(-50%,-115%);
    }
    .page-text-right{
        width: 50%;
        position: absolute;
        transform: translate(75%,-50%);
    }
}

.bus-big1 h1 {
    color: #FFFFFF;
    font-size: 27px;
    margin-bottom: 10px;
    font-weight: 700;
    font-style: normal;

}

.bus-big1 p {
    color: #333333;
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    line-height: 30px;
    display: block;
    width: 113.5%;
    text-indent: 2em; /* 首行缩进 */
}

/* ------------------标题在右卡片内容----------------- */
.bus-big2 {
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 50px 270px;
}
.bus-big2 img {
    width: 100%;
    filter: Alpha(Opacity=0);
    min-height: 120px;
}
.bus-big2 div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.bus-big2 .container{
    display: flex;
    .page-text-left{
        width: 50%;
        top: 50%;
        left: 33%;
        transform: translate(-50%, -50%);
    }
    .page-text-right{
        width: 50%;
        top: 100%;
        right: 35%;
        transform: translate(110%,-125%);
    }
}
.bus-big2 h1 {
    color: #FFFFFF;
    font-size: 27px;
    margin-bottom: 10px;
    font-weight: 700;
    font-style: normal;
}
.bus-big2 p {
    color: #333333;
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    line-height: 30px;
    display: block;
    width: 111.6%;
    text-indent: 2em; /* 首行缩进 */

}

/* ---------- 业务服务卡片自适应优化 ---------- */
@media only screen and (max-width: 1660px) {
    .bus-big1,
    .bus-big2 {
        margin: 40px 180px;
    }

    .bus-big1 h1,
    .bus-big2 h1 {
        /*font-size: 24px;*/
    }

    .bus-big1 p,
    .bus-big2 p {
        /*font-size: 16px;*/
        width: 100%;
    }
}
/* 中等屏幕（≤1430px）：缩小左右留白，保持左右结构但避免过度挤压 */
@media only screen and (max-width: 1460px) {
    .bus-big1,
    .bus-big2 {
        margin: 40px 80px;
    }

    .bus-big1 h1,
    .bus-big2 h1 {
        /*font-size: 24px;*/
    }

    .bus-big1 p,
    .bus-big2 p {
        /*font-size: 16px;*/
        width: 100%;
    }
}

/* 平板及以下（≤1199px）：改为上下排版，避免绝对定位导致文字溢出和怪异换行 */
@media only screen and (max-width: 1299px) {
    .bus-bg1{
        content: url("../image/business-service/Business_content_pad_03.png");
    }
    .bus-bg2{
         content: url("../image/business-service/Business_content_pad_06.png");
     }
    .bus-bg3{
        content: url("../image/business-service/Business_content_pad_08.png");
    }
    .bus-bg4{
        content: url("../image/business-service/Business_content_pad_10.png");
    }

    .bus-big1 div {
         position: absolute;
         top: 25%;
         transform: translateY(-25%);
     }
    .bus-big1 .container{
        .page-text-left{
            width: 100% !important;
            top: 50%;
            left: 35%;
            transform: translate(-15%,-115%)!important;
        }
        .page-text-right{
            width: 100% !important;
            padding: 60px;
            position: absolute;
            transform: translate(-1%,35%) !important;
        }
    }
    .bus-big2 div {
        position: absolute;
        top: 25%;
        transform: translateY(-25%);
    }
    .bus-big2 .container{
        .page-text-left{
            width: 100% !important;
            top: 50%;
            left: 33%;
            padding: 60px;
            transform: translate(-33%, 33%) !important;
        }
        .page-text-right{
            width: 100% !important;
            transform: translate(90%,-125%) !important;
        }
    }
}
@media only screen and (max-width: 1199px) {
    .bus-big1 .container .page-text-right{
            padding:20px 60px;
    }
    .bus-big2 .container .page-text-left{
            padding: 20px 60px;
    }
}
@media only screen and (max-width: 1009px) {
    .bus-big1 div {
        position: absolute;
        top: 28%;
        transform: translateY(-28%);
    }
    .bus-big1 .container .page-text-right{
        padding:0 60px;
    }
    .bus-big2 div {
        position: absolute;
        top: 28%;
        transform: translateY(-28%);
    }
    .bus-big2 .container .page-text-left{
        padding: 0 60px;
    }
}
@media only screen and (max-width: 920px) {
    .bus-big1 .container .page-text-right{
        padding:0 20px;
        transform: translate(-1%,22%) !important;
    }
    .bus-big2 .container .page-text-left{
        padding: 0 20px;
    }
}
/* 手机端（≤767px）：左右间距进一步收窄，保证内容完整显示并尽量减少难看的分行 */
@media only screen and (max-width: 846px) {
    .bus-bg1{
        content: url("../image/business-service/Business_content_03.png");
    }
    .bus-bg2{
        content: url("../image/business-service/Business_content_06.png");
    }
    .bus-bg3{
        content: url("../image/business-service/Business_content_08.png");
    }
    .bus-bg4{
        content: url("../image/business-service/Business_content_10.png");
    }
    .bus-big1 div {
        position: absolute;
        top: 18%;
        transform: translateY(-25%);
    }
    .bus-big1 .container{
        .page-text-left{
            width: 100% !important;
            top: 50%;
            left: 35%;
            transform: translate(1%,-115%)!important;
        }
        .page-text-right{
            width: 100% !important;
            padding: 60px;
            position: absolute;
            transform: translate(-1%,38%) !important;
        }
    }
    .bus-big2 div {
        position: absolute;
        top: 18%;
        transform: translateY(-25%);
    }
    .bus-big2 .container{
        .page-text-left{
            width: 100% !important;
            top: 50%;
            left: 33%;
            padding: 60px;
            transform: translate(-33%, 33%) !important;
        }
        .page-text-right{
            width: 100% !important;
            transform: translate(60%,-125%) !important;
        }
    }
}
@media only screen and (max-width: 767px) {
    .bus-big1 .container .page-text-right{
        width: 100% !important;
        padding: 20px;
        position: absolute;
        transform: translate(-1%,38%) !important;
    }
    .bus-big2 .container .page-text-left{
        width: 100% !important;
        top: 50%;
        left: 33%;
        padding: 20px;
        transform: translate(-33%, 33%) !important;
    }
}
@media only screen and (max-width: 640px) {
    .bus-big1,
    .bus-big2 {
        margin: 40px 40px;
    }
    .bus-big1 div {
         position: absolute;
         top: 20%;
         transform: translateY(-20%);
     }
    .bus-big2 div {
        position: absolute;
        top: 20%;
        transform: translateY(-20%);
    }
}
@media only screen and (max-width: 590px) {
    .bus-big1,
    .bus-big2 {
        margin: 40px 20px;
    }

    .bus-big1 h1,
    .bus-big2 h1 {
        font-size: 24px;
    }

    .bus-big1 p,
    .bus-big2 p {
        font-size: 16px;
        width: 100%;
    }
    .bus-big1 .container .page-text-right{
        width: 100% !important;
        padding: 20px;
        position: absolute;
        transform: translate(-1%,30%) !important;
    }
}
@media only screen and (max-width: 520px) {
    .bus-big1 p,
    .bus-big2 p {
        font-size: 14px;
        width: 100%;
    }
    .bus-big1 .container .page-text-right{
        width: 100% !important;
        padding: 20px;
        position: absolute;
        transform: translate(-1%,20%) !important;
    }
    .bus-big2 .container .page-text-left{
        width: 100% !important;
        top: 50%;
        left: 33%;
        padding: 20px;
        transform: translate(-33%, 23%) !important;
    }
}
@media only screen and (max-width: 475px) {
    /*.bus-big1,*/
    /*.bus-big2 {*/
    /*    margin: 40px 20px;*/
    /*}*/

    .bus-big1 h1,
    .bus-big2 h1 {
        font-size: 20px;
    }

    .bus-big1 p,
    .bus-big2 p {
        font-size: 14px;
        width: 100%;
    }
    .bus-big1 .container .page-text-right{
        width: 100% !important;
        padding: 20px;
        position: absolute;
        transform: translate(-1%,10%) !important;
    }
    .bus-big2 .container .page-text-left{
        width: 100% !important;
        top: 50%;
        left: 33%;
        padding: 20px;
        transform: translate(-33%, 10%) !important;
    }
}
@media only screen and (max-width: 442px) {
    .bus-big1 img {
        min-height: 500px;
    }
    .bus-big2 img {
        min-height: 500px;
    }

    .bus-big1 h1,
    .bus-big2 h1 {
        font-size: 18px;
    }

    .bus-big1 p,
    .bus-big2 p {
        font-size: 14px;
        width: 100%;
    }
    .bus-big1 .container .page-text-right{
        width: 100% !important;
        padding: 20px;
        position: absolute;
        transform: translate(-1%,3%) !important;
    }
    .bus-big2 .container .page-text-left{
        width: 100% !important;
        top: 50%;
        left: 33%;
        padding: 20px;
        transform: translate(-33%, 3%) !important;
    }
}
@media only screen and (max-width: 397px) {
    .bus-big1 img {
        min-height: 380px;
    }
    .bus-big2 img {
        min-height: 380px;
    }
    .bus-big1 h1,
    .bus-big2 h1 {
        font-size: 18px;
    }

    .bus-big1 p,
    .bus-big2 p {
        font-size: 14px;
        width: 100%;
        line-height: 20px;
    }
    .bus-big1 .container .page-text-right{
        width: 100% !important;
        padding: 10px;
        position: absolute;
        transform: translate(-5%,10%) !important;
    }
    .bus-big2 .container .page-text-left{
        width: 100% !important;
        top: 50%;
        left: 33%;
        padding: 10px;
        transform: translate(-33%, 10%) !important;
    }
}
@media only screen and (max-width: 360px) {
    .bus-big1 img {
        min-height: 500px;
    }
    .bus-big2 img {
        min-height: 500px;
    }
    .bus-big1 .container{
        .page-text-left{
            transform: translate(-8%,-145%)!important;
        }
    }
    .bus-big2 .container{
        .page-text-right{
            transform: translate(60%,-145%) !important;
        }
    }
}
@media only screen and (max-width: 290px) {
    .bus-big1 img {
        min-height: 700px;
    }
    .bus-big2 img {
        min-height: 700px;
    }
    .bus-big1 .container{
        .page-text-left{
            transform: translate(-25%,-145%)!important;
        }
    }
    .bus-big2 .container{
        .page-text-right{
            transform: translate(60%,-145%) !important;
        }
    }
}
@media only screen and (max-width: 229px) {
    .bus-big1 img {
        min-height: 1400px;
    }
    .bus-big2 img {
        min-height: 1400px;
    }

    .bus-big1 .container .page-text-left h1{
        padding-right: 15px;
    }
    .bus-big2 .container .page-text-right h1{
        padding-right: 25px;
    }
}
/* ------------------wms----------------- */
/* ------------------图标----------------- */
.wms-top {
    position: absolute;
    top: 30%;
    left: 20%;
    transform: translate(-20%,-30%);
}
.wms-top h1 {
    color: #FFFFFF;
    font-size: 67px;
    font-weight: 700;
}
.wms-top h4 {
    color: #F2F2F2;
    font-size: 28px;
    font-weight: 400;
    margin-top: 20px;
}
.wms-top button{
    position: absolute;
    background: inherit;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    border-radius: 36px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 22px;
    color: #005FD1;
    padding: 17px 60px;
    margin-top: 60px;
}
/* 移动端 */
@media (max-width: 1450px) {
    .wms-top h1 {
        font-size: 45px;
    }
    .wms-top h4 {
        font-size: 24px;
    }
    .wms-top button{
        margin-top: 20px;
    }
}
/* 移动端 */
@media (max-width: 991px) {
    .wms-top-img{
        content: url("../image/wms-solution/banner2.png");
    }
    .wms-top h1 {
        color: #FFFFFF;
        font-size: 67px;
        font-weight: 700;
    }
    .wms-top h4 {
        color: #F2F2F2;
        font-size: 28px;
        font-weight: 400;
        margin-top: 20px;
    }
    .wms-top button{
        position: absolute;
        background: inherit;
        background-color: #FFFFFF;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: #FFFFFF;
        border-radius: 36px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 22px;
        color: #005FD1;
        padding: 17px 60px;
        margin-top: 60px;
    }
}
@media (max-width: 767px) {
    .wms-top h1 {
        color: #FFFFFF;
        font-size: 45px;
        font-weight: 700;
    }
    .wms-top h4 {
        color: #F2F2F2;
        font-size: 24px;
        font-weight: 400;
        margin-top: 20px;
    }
}
@media (max-width: 567px) {
    .wms-top h1 {
        font-size: 34px;
    }
    .wms-top h4 {
        font-size: 20px;
    }
    .wms-top button{
        font-size: 14px;
        padding: 10px 50px;
        margin-top: 20px;
    }
}
@media (max-width: 446px) {
    .wms-top h1 {
        font-size: 24px;
    }
    .wms-top h4 {
        font-size: 18px;
        margin-top: 10px;
    }
    .wms-top button{
        font-size: 14px;
        padding: 6px 40px;
        margin-top: 10px;
    }
}
@media (max-width: 359px) {
    .wms-top h1 {
        font-size: 16px;
    }
    .wms-top h4 {
        font-size: 14px;
        margin-top: 10px;
    }
    .wms-top button{
        font-size: 12px;
        padding: 3px 35px;
        margin-top: 5px;
    }
}
@media (max-width: 286px) {
    .wms-top h1 {
        font-size: 14px;
    }
    .wms-top h4 {
        font-size: 10px;
        margin-top: 3px;
    }

    .wms-top button {
        font-size: 9px;
        padding: 0 30px;
        margin-top: 0;
        line-height: 15px;
    }
}
.wms-svg {
    padding: 10px 0px; /* 内边距 */
    background-color: #fff; /* 卡片背景色 */
    /* 仅底部阴影效果 - 模拟卡片悬浮感 */
    box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.3);
    /* 确保阴影不被裁剪 */
    overflow: visible;
}
.wms-svg-img {
    margin-bottom: 5px;
}
.wms-svg-main span {
    color: #4e5968;
    margin-top: 5px;
    font-size: 20px;
    font-weight: 400;
}
/* 核心：统一行高，确保分隔线高度一致 */
.wms-svg .row {
    display: flex;
    align-items: stretch; /* 让所有列高度统一 */
    min-height: 100px; /* 固定行最小高度，确保分隔线高度一致 */
}
.wms-svg-main {
    text-align: center;
    position: relative; /* 为分隔线定位做准备 */
    height: 100%; /* 强制模块高度撑满行高 */
    padding: 0 10px; /* 模块内边距，避免内容贴分隔线 */
    display: flex;
    flex-direction: column;
    justify-content: center; /* 内容垂直居中 */
}
.col-md-5-svg{
    -ms-flex: 0 0 20%;      /* IE兼容 */
    flex: 0 0 20%;          /* 基础宽度20%，不放大/不缩小 */
    max-width: 20%;         /* 最大宽度限制，避免溢出 */
    position: relative;     /* 兼容栅格的定位规则 */
    width: 100%;            /* 继承row的宽度 */
    padding-right: 0px;    /* 原生栅格列间距，和其他col保持一致 */
    padding-left: 0px;
}
/* 每个模块右侧添加分隔线（最后一个除外）- 高度完全统一 */
.col-md-5-svg:not(:last-child) .wms-svg-main::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%; /* 垂直居中，可微调 */
    height: 60px; /* 固定高度，所有分隔线一致 */
    width: 1px; /* 分隔线宽度 */
    background-color: #dcdad9; /* 指定分隔线颜色 */
}
 /*响应式适配 */
@media (max-width: 768px) {
    .col-md-5-svg {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    /* 移动端每行最后一个模块隐藏分隔线 */
    .col-md-5-svg:nth-child(2n) .wms-svg-main::after {
        display: none;
    }
    .col-md-5-svg:nth-child(2n-1):not(:last-child) .wms-svg-main::after {
        display: block;
    }
}
@media (max-width: 480px) {
    .col-md-5-svg {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* 移动端单列时隐藏所有分隔线 */
    .col-md-5-svg:nth-child(2n) .wms-svg-main::after {
        display: none;
    }
    .col-md-5-svg:nth-child(2n-1):not(:last-child) .wms-svg-main::after {
        display: none;
    }
}
/* ------------------难题----------------- */
.wms-qs-head {
    color: #333333 !important;
    padding-bottom: 30px;
    font-weight: 700 !important;
    font-style: normal;
    font-size: 36px !important;
}
.wms-qs {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 3列等分 */
    gap: 50px; /* 列间距，可自定义 */
    /*align-items: stretch; !* 强制卡片高度一致 *!*/
    margin: 0 60px 60px 60px;
}
.wms-qs-block{
    background-color: #FFFFFF;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%; /* 继承grid拉伸高度 */
    overflow: hidden;
    box-shadow:
        /* 右侧阴影：加宽横向扩散（新增8px扩散半径+10px模糊） */
            2px 5px 10px 8px rgba(209, 229, 249, 0.4),
                /* 左侧阴影：对称加宽横向扩散 */
            -2px 5px 10px 8px rgba(209, 229, 249, 0.4),
                /* 底部阴影：加宽横向+纵向扩散（30px模糊+10px扩散） */
            0 25px 30px 10px rgba(209, 229, 249, 0.6);
}
.wms-qs-title {
    background-color: #0767ff;
    min-height: 68px;
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
    flex-direction: column;
    border-radius: 20px 20px 0 0;
    padding: 30px;
    flex-shrink: 0; /* 禁止压缩 */
}
.wms-qs-title p{
    font-style: normal;
    font-size: 22px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    line-height: 1.2;
}
.wms-qs-content {
    border-radius: 0 0 20px 20px;
    padding: 30px;
}
.wms-qs-content p{
    font-size: 16px;
    color: #333333;
}
.light-p{
    margin-top: 10px;
    color: #1e42d5 !important;
}
.wms-qs-bottom {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
    flex-direction: column;
}
.wms-qs-bottom .block {
    background-color: #0767ff;
    height: 5px;
    width: 20%;
    bottom: 50%;
    transform: translateY(-50%);
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .wms-qs {
        grid-template-columns: repeat(2, 1fr); /* 平板端2列 */
    }
}

@media (max-width: 768px) {
    .wms-qs {
        grid-template-columns: 1fr; /* 手机端1列 */
        gap: 20px;
    }
}
/* ------------------解决方案----------------- */
.wms-plan {
    background-color: #f7f8ff
}
.wms-plan-title{
    font-weight: 700;
    font-style: normal;
    font-size: 36px !important;
    color: #333333;
    text-align: center;
    padding-top: 50px;
}
.wms_grid_1_1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 两列等分 */
    gap: 30px; /* 列间距，可自定义 */
}
.wms_grid_3_2 {
    display: grid;
    /* 替代 repeat(2, 1fr)，实现第一列占2份，第二列占1份（2:1） */
    grid-template-columns: 2fr 1fr;
    gap: 60px; /* 列间距，可自定义 */
}
.wms_grid_2_3 {
    display: grid;
    /* 替代 repeat(2, 1fr)，实现第一列占2份，第二列占1份（2:1） */
    grid-template-columns: 2fr 3fr;
    gap: 60px; /* 列间距，可自定义 */
    padding: 60px;
}
.plan-img1{
    max-height: 400px;
}
.plan-img{
    /*width: 100%;*/
    /*height: 100%;*/
}
.plan1-content{
    margin: auto 0;
    font-size: 18px;
    color: #4E5969;
    font-weight: 400;
    line-height: 40px;
}
.plan1-light-p {
    color: #0767ff;
}
.plan2-card{
    /*justify-items: center;*/
    /*margin-top: 60px;*/
    padding: 60px;
    border-radius: 8px
}
.plan2-content {
    margin: auto 0;
}
.plan2-content h3{
    font-size: 28px;
    color: #333333;
    font-weight: 700;
    margin-left: 20px;
}
.efficiency-li {
    /*margin-left: 20px;*/
    font-size: 18px;
    list-style: none;
    display: flex;
    align-items: flex-start;
    line-height: 40px;
    color: #4E5969;
}

/* 核心：精准设置7×25.5px椭圆圆点 */
.efficiency-li::before {
    content: ""; /* 清空文本圆点，用背景实现 */
    width: 6px; /* 宽度=7px */
    height: 6px; /* 高度=25.5px */
    background-color: #333333; /* 圆点颜色，与文本一致 */
    border-radius: 3.5px; /* 圆角=宽度的一半，让椭圆边缘圆润 */
    margin-right: 14px; /* 圆点与文本间距，可按需调 */
    flex-shrink: 0; /* 固定尺寸，不被文本挤压 */
    margin-top: 17px; /* 垂直居中：(40px行高 - 25.5px高度)/2 = 7.25px */
}

.efficiency-item {
    display: block;
    /*margin-bottom: 25px;*/
    line-height: 40px;
    font-size: 18px;
    color: #4E5969;
    font-weight: 400;
    flex: 1; /* 文本占满剩余空间，换行缩进对齐 */
}
@media (max-width: 992px) {
    .wms_grid_1_1 {
        grid-template-columns: 1fr; /* 手机端1列 */
        gap: 20px;
    }
    .wms_grid_3_2 {
        grid-template-columns: 1fr; /* 手机端1列 */
        gap: 20px;
    }
    .wms_grid_2_3 {
        grid-template-columns: 1fr; /* 手机端1列 */
        gap: 20px;
    }
}
/* ------------------深耕多行业----------------- */

.industry-container {
    padding-bottom: 0 !important;
}
.industry-head {
    background-color: #f7f8ff
}
.industry-head p {
    font-size: 36px;color: #393E4D;
    text-align: center;
    font-weight: 700;
    font-style: normal;
    padding-top: 30px;
    padding-bottom: 30px;
}
.industry-bg-content{
    display: flex;
    flex-wrap: wrap;
}
.industry-bg1 {
    background-image: url("../image/wms-solution/industry1.png");
}
.industry-bg2 {
    background-image: url("../image/wms-solution/industry2.png");
}
.industry-bg3 {
    background-image: url("../image/wms-solution/industry3.png");
}
.industry-bg4 {
    background-image: url("../image/wms-solution/industry4.png");
}
.industry-bg5 {
    background-image: url("../image/wms-solution/industry5.png");
}
.industry-bg6 {
    background-image: url("../image/wms-solution/industry6.png");
}
.industry-bg7 {
    background-image: url("../image/wms-solution/industry7.png");
}
.industry-bg8 {
    background-image: url("../image/wms-solution/industry8.png");
}
.col-8-img {
    flex: 0 0 12.5%;
    max-width: 12.5%;
    position: relative;
    height: 381px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box !important; /* 宽高计算更直观 */
    overflow: hidden !important; /* 防止内容溢出 */
}
.col-8-img img{
    position: absolute;  /* 脱离文档流，覆盖伪元素的占位空间 */
    top: 0;
    left: 0;
    width: 100%;         /* 宽度撑满容器 */
    height: 100%;        /* 高度撑满容器 */
    /* 关键：保证图片撑满且不变形（二选一） */
    object-fit: cover;   /* 裁剪图片填充容器（无变形，推荐），完全撑满无留白 */
     /*object-fit: fill;!*拉伸图片填充（会变形，仅当允许变形时用）*!*/
    object-position: center; /* 图片居中显示，裁剪时保留核心区域 */
    border: none;        /* 清空默认边框 */
    outline: none;       /* 清空默认轮廓 */
}

.industry-title {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
}
/*响应式适配 */
@media (max-width: 1430px) {
    .col-8-img {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .industry-title {
        font-size: 18px;
    }
}
@media (max-width: 594px) {
    .col-8-img {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .industry-title {
         font-size: 18px;
    }

}
/* ------------------WMs案例----------------- */
.wms-case {
    background-color: #0767ff;
    padding-bottom: 0px !important;
}
.wms-case-title {
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}
.wms-case-content {
    display: flex;
    flex-wrap: wrap;
}
/* 轮播图容器样式 - 确保垂直居中 */
#wms-use-case .owl-stage {
    display: flex;
    align-items: center;
}

#wms-use-case .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

#wms-use-case .item-row {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0; /* 移除通用样式中的 margin，确保垂直居中 */
}

#wms-use-case .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
#wms-use-case .owl-nav button {
    position: absolute;
    top: 40%;
    width: 64px;
    height: 64px;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2b3a66;
    /*border-radius: 25px;*/
    /*background-color: #f2f8ff;*/
    z-index: 9;
    /*box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);*/
    /*-webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);*/
    /*-moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);*/
}
#wms-use-case .owl-nav button.owl-prev {
    left: 200px;
    right: auto;
}
#wms-use-case .owl-nav button.owl-next {
    right: 200px;
    left: auto;
}

@media (max-width: 1400px) and (min-width: 992px) {
    #wms-use-case .owl-nav button.owl-prev {
        left: 70px;
        right: auto;
    }
    #wms-use-case .owl-nav button.owl-next {
        right: 70px;
        left: auto;
    }
}

@media only screen and (max-width: 991px) {
    #wms-use-case .owl-nav button.owl-prev {
        left: 1%;
        right: auto;
    }
    #wms-use-case .owl-nav button.owl-next {
        right: 1%;
        left: auto;
    }

    .xs-header {
        height: 60px;
    }
}
@media only screen and (max-width: 767px) {
    #wms-use-case .owl-nav {
        display: none;
    }
}
/* 页面容器 */
.case-container {
    /*width: 1000px;*/
    background-color: #0767ff; /* 主色调蓝色 */
    color: #fff;
    padding: 40px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    min-height: 512px; /* 设置最小高度，确保所有轮播项高度一致 */
    box-sizing: border-box;
}
/* 标题栏 */
.case-title {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 28px;
    font-weight: bold;
}
/* 左侧内容区 */
.case-content {
    flex: 1;
    max-width: 500px;
}
.case-content h2 {
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #FFFFFF;
}
.case-content p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #FFFFFF;
}
/* 核心功能标签 */
.core-functions {
    margin-top: 45px;
}
.core-functions h3 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #FFFFFF;
}
.function-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.function-tags span {
    background-color: #fff;
    color: #0767FF;
    padding: 4px 0; /* 上下内边距固定，左右自适应 */
    border-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    /* 核心：强制标签大小一致 + 一行最多4个 */
    width: calc(25% - 7.5px); /* 25%=100%/4，7.5px=gap的3/4（抵消间距影响） */
    flex-shrink: 0; /* 禁止标签被压缩 */
    text-align: center; /* 文字居中 */
    white-space: nowrap; /* 禁止文字换行 */
    overflow: hidden; /* 防止超长文字溢出（可选） */
    text-overflow: ellipsis; /* 超长文字显示省略号（可选） */
}
/* 轮播控制按钮 - 核心修改 */
.carousel-btn {
    width: 40px;
    height: 40px;
    border: 4px solid #fff; /* 边框加粗（4px），白色 */
    border-radius: 10px; /* 取消圆角，改为方形 */
    background: transparent;
    color: #fff;
    font-size: 20px;
    font-weight: 900; /* 符号加粗 */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 可选：去掉按钮默认的聚焦/点击样式 */
    outline: none;
    padding: 0;
}
/* 可选：按钮hover效果（增强交互） */
.carousel-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
/* 右侧示意图区 */
.case-diagram {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
/* 流程环图（这里用背景图模拟，实际项目建议用SVG） */
.process-ring {
    width: 400px;
    height: 300px;
    /*background: url("此处替换为流程环的图片地址") no-repeat center/contain;*/
    margin-right: 20px;
}
/* 设备展示图 */
.device-display {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.device-display img {
    height: 200px;
    object-fit: contain;
}
/* 响应式适配 */
@media (max-width: 992px) {
    .case-container {
        flex-direction: column;
        text-align: center;
    }
    .function-tags {
        justify-content: center;
    }
    .case-title {
        position: static;
        transform: none;
        margin-bottom: 20px;
    }
}
/* ------------------收益----------------- */
.wms-profit-container {
    padding-top: 40px!important;
    padding-bottom: 40px!important;
    background-color: #eef4fb;
}
.wms_grid_1_4 {
    display: grid;
    /* 替代 repeat(2, 1fr)，实现第一列占2份，第二列占1份（2:1） */
    grid-template-columns: 1fr 4fr;
    gap: 60px; /* 列间距，可自定义 */
    /*padding: 60px;*/
}
.wms-profit-count {
    /*font-weight: 700;*/
    color:#0767ff;
    text-align: center;
}
.wms-profit-count span {
    font-size: 20px;
    font-weight: 400;
    color: #393E4D;
    line-height: 40px;
}
.wms-profit-no{
    font-weight: 700 !important;
    font-size: 48px !important;
    line-height: 1.2 !important;
}
.wms-profit-no span{
    font-weight: 700 !important;
    font-size: 48px !important;
    color:#0767ff;
}
.wms-row {
    margin-top: 40px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}
.wms-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    display: flex;
}
.wms-profit-title {
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    color: #393E4D;
}
.left-img {
    display:flex;
    align-items: center;
}
 /*响应式适配 */
@media (max-width: 1200px) {
    .wms-col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: flex;
    }
    .wms_grid_1_4 {
        grid-template-columns: repeat(2, 1fr); /* 平板端2列 */
    }
}
@media (max-width: 768px) {
    .wms_grid_1_4 {
        grid-template-columns: 1fr; /* 手机端1列 */
        gap: 20px;
    }
    .wms-profit-title {
        font-weight: 700;
        font-style: normal;
        font-size: 28px;
        color: #393E4D;
        text-align: center;
        margin-top: 20px;
    }
    .wms-col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: initial;
    }
    .wms-row {
        margin-top: 0px;
        text-align: left;
        display: flex;
        flex-wrap: wrap;
    }
}
/* ------------------申请试用----------------- */
.wms-apply-use-container {
    /*background-color: #0d95e8*/
    background-image: url("../image/wms-solution/Request_trial.png");
    height: 249px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
}
.wms-apply-use {
    /*display: flex ;*/
    /*align-items: center;*/
    /*justify-content: center*/
    display: flex; /* 启用flex布局，实现垂直居中 */
    align-items: center; /* 垂直方向居中（核心属性） */
    height: 249px; /* 必须与父容器高度一致，才能实现垂直居中 */
    margin-left: 60%; /* 水平居左60%（相对于父容器的左侧偏移60%） */
}
.wms-apply-use button {
    /*position: absolute;*/
    background: inherit;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    border-radius: 36px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 22px;
    font-weight: 400;
    color: #005FD1;
    padding: 17px 60px;
}
/* ------------------加入我们----------------- */
/* ------------------工作岗位----------------- */
.rec_grid_2_1 {
    display: grid;
    /* 替代 repeat(2, 1fr)，实现第一列占2份，第二列占1份（2:1） */
    grid-template-columns: 2fr 1.25fr;
    gap: 40px; /* 列间距，可自定义 */
}
.rec-bg-left{
    padding-left: 120px;
}
.rec-bg-right{
    padding-right: 120px;
}
.mid-job-text{
    margin: 20px 0;
    color: #0d95e8;
}
/* 大屏（桌面 ≥1366px）保留左右内边距 */
@media (min-width: 1366px) {
    .rec-bg-left{
        padding-left: 120px;
    }
    .rec-bg-right{
        padding-right: 120px;
    }
}
/* 平板及以下（<1366px）去掉左右 padding，内容更贴近容器 */
@media (max-width: 1365px) {
    .rec-bg-left,
    .rec-bg-right {
        padding-left: 0;
        padding-right: 0;
    }
}
/* 手机（≤991px）改为单列，上下排列：上=岗位，下=位置信息 */
@media (max-width: 991px) {
    .rec_grid_2_1 {
        grid-template-columns: 1fr;
    }
    .rt-top-img {
        content: url("../image/becruit-talents/Recruit_talents_02.png");
    }
}
.page-left-content{
    flex: 1; /* 左侧占剩余宽度 */
    min-width: 0; /* 避免内容溢出 */
    background-color: #fff;
    padding: 40px;
    border-radius: 20px;
}
.rec-title-wrapper {
    position: relative;
    display: inline-block;
    border-bottom: #f2f2f2 1px solid;
    margin-bottom: 30px;
}
.rec-title-wrapper-last {
    position: relative;
    display: inline-block;
}
.rec-left-title {
    font-weight: 700;
    font-size: 24px;
    color: #333333;
    display: inline-block;
    position: relative;
    font-family: "Arial Normal", "Arial", sans-serif;
    z-index: 2;
    line-height: 1.2;
}
.rec-left-title2 {
    font-weight: 700;
    font-size: 24px;
    color: #333333;
    display: inline-block;
    padding-top:30px;
    position: relative;
    font-family: "Arial Normal", "Arial", sans-serif;
    z-index: 2;
    line-height: 1.2;
}
.rec-left-content{
    margin-top: 20px;
}
.rec-left-content p{
    color: #333333 !important;
    font-size: 16px !important;
    font-style: normal;
    line-height: 28px !important;
    font-family: "Arial Normal", "Arial", sans-serif !important;
    font-weight: 400;
}
.rec-left-content span{
     color: #333333 !important;
     font-size: 16px !important;
     font-style: normal;
     line-height: 28px !important;
    font-family: "Arial Normal", "Arial", sans-serif !important;
    font-weight: 400;
 }

/* 标题下方背景色块 - 色块底边紧贴文字底部 */
.rec-title-bg {
    position: absolute;
    left: 0;
    width: 100%; /* 自适应标题宽度 */
    height: 11px;
    background-color: rgba(209, 225, 255, 1); /* 浅蓝色背景 */
    z-index: -1;
    margin-top: -15px;
}

/* 第一个标题的色块位置 */
.rec-left-title + .rec-title-bg {
    top: 16px;
}

/* 第二个标题的色块位置（有padding-top） */
.rec-left-title2 + .rec-title-bg {
    top: 45px;
}
.mid-job-text p{
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    font-family: "Arial Normal", "Arial", sans-serif;
    letter-spacing: normal;
}
.rec-text p{
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    font-family: "Arial Normal", "Arial", sans-serif;
    letter-spacing: normal;
}
.rec-text ul li{
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    font-family: "Arial Normal", "Arial", sans-serif;
    letter-spacing: normal;
}
.rec-right-title {
    font-weight:700;
    color:#005FD1;
    font-size: 20px;
    align-items: center;
    padding-bottom: 20px;
}
.rec-right-text p{
    font-size: 15px;
    color: #333333;
    font-weight: 400;
    font-family: "Arial Normal", "Arial", sans-serif;
    letter-spacing: normal;
}

/* ------------------申请试用----------------- */
.apply-use-bg {
    background-image: url("../image/wms-solution/details.png");
    height: calc(100vh - 65px);
    min-height: max-content;
    padding: 60px 0;
    background-size: cover; /* 撑满容器 */
    background-position: center center; /* 居中 */
    background-repeat: no-repeat; /* 不重复 */
    display: flex;
    align-items: center;
}
.apply-use_container {
    max-width: 564px;
    padding-right: 15px;
    padding-left: 15px;
    /*margin: auto auto;*/
    /*margin-right: auto;*/
    /*margin-left: auto;*/
    /*top: -20%;*/
    /*transform: translateY(20%);*/
    left: 70%;
    transform: translateX(-40%);
    position: relative;
    /*min-height: 713px;*/
}
/* 右侧固定区：不随页面滚动 */
.rec-right-page {
    width: 460px; /* 右侧固定宽度 */
    position: sticky; /* 粘性定位：滚动时固定在视口 */
    top: 130.5px; /* 距离顶部的距离 */
    align-self: flex-start; /* 避免被拉伸 */
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}

@media (max-width: 1300px) {
    .apply-use_container {
        left: 60%;
    }
}
/* 移动端改为单列 */
@media (max-width: 991px) {
    .apply-use_container {
        max-width: 564px;
        padding-right: 15px;
        padding-left: 15px;
        margin: auto auto;
        left: 0;
        transform: translateX(-0%);
        position: relative;
    }
}
@media (max-width: 354px) {
    .use-form-row {
        flex-direction: column;
     }
    .use-form-group {
        width: 100% !important;
    }
}
.apply-use {
    background-color: #fff;
    border-radius: 10px;
}
.use-title {
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #151E3E;
    text-align: center;
    padding:23px 60px;
    background-color: #eef1fa;
    border-radius: 10px;
}
.use-form-row {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 0px 20px;
}
.use-form-group {
    width: 48%;
}
.use-form-group.full-width {
    width: 100%;
}
.use-form-group label {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: #333333;
    font-weight: 400;
}
.use-form-group label .required {
    color: #ff4d4f;
}
.use-form-group input, textarea {
    width: 100%;
    padding: 2px 2px 2px 10px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    font-size: 13px;
    box-sizing: border-box;
    color: #000000 !important;
}
/* 设置占位符颜色为 #C1C2C2，兼容不同浏览器 */
.use-form-group input::placeholder,
textarea::placeholder {
    color: #C1C2C2;
    opacity: 1; /* 修复部分浏览器占位符透明度问题 */
}
/* 兼容webkit内核浏览器（Chrome/Safari） */
.use-form-group input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #C1C2C2;
}
/* 兼容火狐浏览器 */
.use-form-group input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #C1C2C2;
    opacity: 1;
}
.use-form-group textarea {
    height: 100px;
    resize: vertical;
    /* 移除默认margin，确保撑满 */
    margin: 0;
    display: block;
}
.captcha-group {
    display: flex;
    align-items: center;
}
.captcha-input {
    flex: 1;
    margin-right: 10px;
}
.captcha-img {
    font-size: 16px;
    letter-spacing: 4px;
    color: #666;
}
.privacy-agree {
    margin: 20px 0 0 20px;
    font-size: 12px;
    color: #666;
}
.privacy-agree a {
    color: #1890ff;
    text-decoration: none;
}
.privacy-agree-text {
    margin-left: 10px;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 0px;
}
.privacy-statement{
    color: #005FD1;
}
.submit-div {
    margin: 20px 20px 0 20px;
}
.submit-btn {
    width: 100%;
    padding: 10px;
    background-color: #005FD1;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 30px;
}
.error-tip {
    color: #ff4d4f;
    font-size: 12px;
    position: absolute;
    /*left: 0;*/
    /*bottom: 0;*/
    margin: 0;
    display: none;
    line-height: 1.2;
    height: 14px;
    font-weight: 400;
    padding-top: 6px;
}
/* 输入框错误状态样式 */
.input-error {
    border-color: #ff4d4f !important;
}
.error-box-tip {
    color: #ff4d4f;
    font-size: 12px;
    position: absolute;
    /*left: 0;*/
    /*bottom: 0;*/
    margin: 0;
    display: none;
    line-height: 1.2;
    height: 14px;
    font-weight: 400;
    padding-top: 0;
}
/* 验证码弹窗 */
.inline-puzzle-captcha {
    display: none;
}
/* 滑块验证弹窗 */
.slider-captcha-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
.slider-modal-content {
    width: 90%;
    max-width: 400px;
    background-color: #fff;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    position: relative; /* 新增：为刷新按钮定位 */
}
/* 关闭按钮样式 */
.captcha-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #666;
    transition: all 0.2s;
}
.captcha-close:hover {
    background: #e9e9e9;
    color: #005FD1;
    transform: rotate(180deg);
}
/* 刷新按钮样式 */
.captcha-refresh {
    position: absolute;
    top: 15px;
    right: 55px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #666;
    transition: all 0.2s;
}
.captcha-refresh:hover {
    background: #e9e9e9;
    color: #005FD1;
    transform: rotate(180deg);
}
.slider-modal-title {
    font-size: 18px;
    color: #151E3E;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 500;
    margin-top: 0;
}
/* 拼图容器 - 关键调整：增加高度，分离验证区和滑动区 */
.modal-puzzle-captcha {
    width: 100%;
    height: 240px; /* 从160px增加到260px，预留滑动条空间,提示信息空间 */
    position: relative;
    margin-top: 5px;
    overflow: hidden;
    border-radius: 4px;
    /*border: 1px solid #e9e9e9;*/
}
/* 背景图容器 - 关键调整：限制高度，不覆盖滑动区 */
.modal-puzzle-bg-wrap {
    width: 100%;
    height: calc(100% - 80px); /* 高度=容器高度-滑动条高度，避免被遮挡 */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.modal-puzzle-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* 缺口样式 - 关键调整：仅在背景图区域内显示 */
.modal-puzzle-gap {
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px); /* 基于背景图区域居中，不超出 */
    left: 0;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    z-index: 3;
}
/* 带图拼图滑块 - 关键调整：位置匹配背景图区域 */
.modal-puzzle-piece {
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px); /* 与缺口垂直对齐，在背景图区域内 */
    left: 0;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    z-index: 10;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: calc(100% * var(--captcha-width)) calc(100% * var(--captcha-height)) !important;
    background-position: calc(-1 * var(--gap-left)) calc(-1 * var(--gap-top)) !important;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    opacity: 0.98;
}
/* 滑块轨道 - 关键调整：固定在底部，不遮挡验证区 */
.modal-puzzle-track {
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    position: absolute;
    bottom: 0; /* 固定在容器底部 */
    left: 0;
    z-index: 8;
    opacity: 0.9;
}
/* 滑块手柄 - 固定在轨道内，不超出 */
.modal-puzzle-handle {
    width: 40px;
    height: 40px;
    background-color: #409eff;
    border-radius: 4px;
    position: absolute;
    bottom: 0; /* 与轨道底部对齐 */
    left: 0;
    z-index: 15;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    transition: background-color 0.2s;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.modal-puzzle-handle:hover {
    background-color: #3399ff;
}
/* 进度条 - 仅在轨道内显示 */
.modal-puzzle-mask {
    /*margin-top: 20px;*/
    height: 40px;
    background-color: #e6f7ff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 0;
    transition: width 0.1s linear;
}
/* 提示文字 - 关键调整：仅在背景图区域显示 */
.modal-puzzle-text {
    position: absolute;
    bottom:40px;
    width: 100%;
    height: 40px;
    text-align: center;
    /*height: calc(100% - 40px); !* 高度匹配背景图区域 *!*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #333;
    z-index: 4;
    text-shadow: none;
}
.modal-loading-spin {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    display: none;
}
.privacy-agree {
    margin: 20px 0 0 20px;
    font-size: 12px;
    color: #666;
    position: relative;
    padding-bottom: 15px;
}
.privacy-agree-text {
    margin-left: 10px;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 0px;
    cursor: pointer;
}
/* 提交按钮 */
.submit-btn {
    width: 100%;
    padding: 10px;
    background-color: #005FD1;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 30px;
    transition: background-color 0.3s;
}
.submit-btn:hover {
    background-color: #004bbf;
}
/* 关键：禁止滑块验证码区域所有元素被选中，移除蓝色选中背景 */
.slider-captcha-modal,
.slider-modal-content,
.modal-puzzle-captcha,
.modal-puzzle-bg-wrap,
.modal-puzzle-img,
.modal-puzzle-gap,
.modal-puzzle-piece,
.modal-puzzle-track,
.modal-puzzle-mask,
.modal-puzzle-handle,
.modal-puzzle-text,
.captcha-refresh {
    /* 标准属性 */
    user-select: none;
    /* 兼容webkit内核（Chrome/Safari） */
    -webkit-user-select: none;
    /* 兼容moz内核（Firefox） */
    -moz-user-select: none;
    /* 兼容IE/Edge */
    -ms-user-select: none;
    /* 禁止拖拽选中（额外优化） */
    -webkit-user-drag: none;
    user-drag: none;
}

/* 单独给滑块手柄加强（防止拖动时触发选中） */
.modal-puzzle-handle {
    cursor: move; /* 明确拖拽光标，提升体验 */
    pointer-events: auto; /* 确保事件正常触发 */
}
/* 1. 定义旋转动画（全局生效，不嵌套） */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes spin {
    0% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); }
}

/* 2. 弹窗父级相对定位 */
.slider-modal-content {
    position: relative;
}

/* 3. 全局loading遮罩 */
.modal-global-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    z-index: 999999;
    border-radius: 10px;
    display: none;
}

/* 4. loading旋转圆圈（强制生效） */
.modal-global-loading .modal-loading-spin {
    width: 30px;
    height: 30px;
    border: 3px solid #e0e0e0;
    border-top-color: #005FD1;
    border-radius: 50%;
    animation: spin 0.8s linear infinite !important;
    -webkit-animation: spin 0.8s linear infinite !important;
    -moz-animation: spin 0.8s linear infinite !important;
    -ms-animation: spin 0.8s linear infinite !important;
    display: block !important;
    opacity: 1 !important;
}
#modalLoadingSpin {
    display: none !important;
}
/* ------------------隐私政策申明----------------- */
.privacy-title{
    text-align: center;
}
.privacy-title h1{
    font-size: 30px;
    font-weight: 500;
    line-height: 1.22em;
    color: #181818;
    padding-bottom: 38px;
}
.info-page-word p{
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    font-weight: 400;
}
.privacy-container{
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 60px 22px;
    min-height: calc(100vh - 132px);
}
@media (max-width: 991px) {
    .privacy-container{
        background-color: #FFFFFF;
        border-radius: 10px;
        padding: 60px 22px;
        min-height: calc(100vh - 128px);
    }
}

/* --------------------AGV案例----------------- */
/* ----------------大图----------------- */
.agv-top {
    position: absolute;
    top: 30%;
    left: 20%;
    transform: translate(-20%,-30%);
    .up-title {
        color: #FFFFFF;
        font-family: "方正兰亭粗黑_GBK", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 60px;
    }
}
.agv-top li {
    font-family: "方正兰亭黑_GBK", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    color: #FFFFFF;
    line-height: 46px;
}
.agv-top button{
    position: absolute;
    background: inherit;
    background-color: #005FD1;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #005FD1;
    border-radius: 36px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 22px;
    font-family: "Arial Normal", "Arial", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    padding: 17px 60px;
}
/**/
@media (max-width: 1300px) {
    .agv-top p {
        font-size: 45px;
    }
    .agv-top li {
        font-size: 25px;
        line-height: 46px;
    }
    .agv-top button{
        box-shadow: none;
        font-size: 18px;
        padding: 13px 55px;
    }
}
/* 移动端 */
@media (max-width: 991px) {
    .agv-top-img{
        content: url("../image/agv-solution/AGV_banner1.jpg");
    }
    .agv-top p {
        font-size: 60px;
    }
    .agv-top li {
        font-size: 21px;
        line-height: 38px;
    }
    .agv-top button{
        font-size: 22px;
        padding: 17px 60px;
    }
}
@media (max-width: 767px) {
    .agv-top p {
        font-size: 45px;
    }
    .agv-top li {
        font-size: 25px;
        line-height: 46px;
    }
    .agv-top button{
        box-shadow: none;
        font-size: 18px;
        padding: 13px 55px;
    }
    .agv-apply-use {
        justify-content: center;
        margin-left: 0 !important;
    }
    .wms-apply-use {
        justify-content: center;
        margin-left: 0 !important;
    }
}
@media (max-width: 567px) {
    .agv-top p {
        font-size: 41px;
    }
    .agv-top li {
        font-size: 18px;
        line-height: 25px;
    }
    .agv-top ul {
        margin-bottom: 25px!important;
    }
    .agv-top button{
        font-size: 15px;
        color: #FFFFFF;
        padding: 8px 45px;
    }
}
@media (max-width: 446px) {
    .agv-top p {
        font-size: 34px;
    }
    .agv-top li {
        font-size: 17px;
        line-height: 24px;
    }
    .agv-top ul {
        margin-bottom: 10px!important;
    }
    .agv-top button{
        font-size: 12px;
        padding: 3px 33px;
    }
}
@media (max-width: 350px) {
    .agv-top p {
        font-size: 28px;
    }
    .agv-top li {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0!important;
    }
    .agv-top ul {
        margin-bottom: 2px!important;
    }
    .agv-top button{
        font-size: 11px;
        padding: 1px 30px;
    }
}
@media (max-width: 290px) {
    .agv-top p {
        font-size: 21px;
    }
    .agv-top li {
        font-size: 12px;
        line-height: 1.2;
        margin-top: 0!important;
    }
    .agv-top ul {
        margin-bottom: 0!important;
    }
    .agv-top button{
        font-size: 10px;
        padding: 0 30px;
        margin-top: 4px!important;
    }
    .wms-apply-use button {
        border-radius: 36px;
        font-size: 18px;
        padding: 12px 30px;
    }
}
@media (max-width: 230px) {
    .agv-top p {
        font-size: 12px;
    }
    .agv-top li {
        font-size: 9px;
        line-height: 1;
        margin-top: 0!important;
    }
    .agv-top ul {
        margin-bottom: 0!important;
        padding-left: 15px;
    }
    .agv-top button{
        font-size: 8px;
        padding: 0 30px;
        margin-top: 2px!important;
        line-height: 15px;
    }
}
@media (max-width: 184px) {
    .wms-apply-use button {
        border-radius: 36px;
        font-size: 16px;
        padding: 5px 15px;
    }
}
/* ----------------AGV种类及应用场景----------------- */
.agv-page-first{
    position: relative;
    box-sizing: border-box;
    background-color: #F5F8FF; /* 背景 */
    .agv-block-title p{
        margin:30px 0 60px!important;
    }
    .title-first-first{
        margin:30px 0 60px!important;
    }
}
.agv-type{
    padding: 0 200px;
}
.agv-qs {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4列等分 */
    gap: 30px; /* 列间距，可自定义 */
    /*align-items: stretch; !* 强制卡片高度一致 *!*/
    margin-bottom: 80px;
    padding: 0 80px;
}

.agv-block-title{
    .agv-block-title{
        text-align: center;
    }
    .title-first-first{
        font-family: "Arial Normal", "Arial", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 30px;
        color: #333333;
        margin:60px 0!important;
    }
    text-align: center;
}
.agv-qs-block{
    background-color: #FFFFFF;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    box-shadow:
        /* 右侧阴影：加宽横向扩散（新增扩散半径+模糊） */
            2px 2px 10px 1px rgba(232, 243, 254, 1),
                /* 底部阴影：加宽横向+纵向扩散（模糊+扩散） */
            2px 2px 10px 1px rgba(232, 243, 254, 1);
}
.agv-qs-title {
    background-color: #005FD1;
    min-height: 45px;
    margin-left: 72px;
    margin-right: 72px;
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
    flex-direction: column;
    border-radius: 0 0 20px 20px;
    padding: 10px;
    flex-shrink: 0; /* 禁止压缩 */
}
.agv-qs-title p{
    font-family: "苹方 粗体", "苹方 中等", "苹方", sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
    margin: 0;
}
.post-text{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.agv-entry-media{
    padding: 20px;
    box-sizing: border-box; /* 确保padding计算在宽度内 */
     img{
            width: 235px;
            /*height: 235px;*/
            display: block;
            object-fit: fill; /* 拉伸填满容器 */
        }
}
.inner-text {
    padding: 0 45px 30px 50px; /* 左右padding改为20px，与图片容器保持一致 */
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box; /* 确保padding计算在宽度内 */
    .inner-content{
        font-size: 16px;
        color: #333333;
        font-family: "苹方 常规", "苹方 中等", "苹方", sans-serif;
        font-weight: 400;
        font-style: normal;
        line-height: 25px;
    }
}
/* ----------------AGV种类及应用场景-自适应----------------- */
/* 媒体查询：大屏（宽度≤ 1800px） */
@media only screen and (max-width: 1800px) {
    .agv-qs{
        padding: 0 50px;
    }
    .agv-qs-title {
        margin-left: 60px;
        margin-right: 60px;
    }
    .inner-text {
        padding: 0 32px 30px 33px; /* 左右padding改为20px，与图片容器保持一致 */
    }
}
/* 媒体查询：大屏（宽度≤ 1600px） */
@media only screen and (max-width: 1600px) {
       .agv-qs {
            padding: 0 100px;
        }
    .agv-qs-title {
        margin-left: 35px;
        margin-right: 35px;
    }
    .inner-text {
        padding: 0 18px 30px 21px; /* 左右padding改为20px，与图片容器保持一致 */
    }
}
/* 媒体查询：大屏（宽度≤ 1429px） */
@media only screen and (max-width: 1429px) {
    .agv-qs {
        gap: 20px; /* 列间距，可自定义 */
        padding: 0 80px;
    }
    .agv-qs-title {
        margin-left: 30px;
        margin-right: 30px;
    }
    .agv-qs-title p{
        font-size: 17px;
        font-weight: 500;
    }
    .inner-text {
        padding: 0 20px 30px 20px; /* 左右padding改为20px，与图片容器保持一致 */
    }
    .inner-text {
        font-size: 14px;
    }
}
/* 媒体查询：大屏（宽度≤ 1200px） */
@media only screen and (max-width: 1200px) {
    .agv-qs {
        padding :0 40px;
    }
    .agv-qs-title {
        margin-left: 20px;
        margin-right: 20px;
    }
}
/* 媒体查询：中屏（宽度≤ 991px，上下布局） */
@media only screen and (max-width: 991px) {
    .agv-qs {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 4列等分 */
        gap: 18px; /* 列间距，可自定义 */
        margin-bottom: 50px;
    }
    .agv-qs-title {
        margin-left: 16px;
        margin-right: 16px;
    }
    .inner-text{
        font-size: 13px;
    }
}
/* 媒体查询：中屏（宽度≤ 771px，一行展示2个） */
@media only screen and (max-width: 771px) {
    .agv-qs {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2列等分 */
        gap: 15px; /* 列间距，可自定义 */
        margin-bottom: 30px;
    }
    .agv-qs-title p{
        font-size: 17px;
        font-weight: 600;
    }
    .inner-text{
        font-size: 13px;
    }
}
/* 媒体查询：小屏（宽度≤ 480px，一行展示1个） */
@media only screen and (max-width: 480px) {
    .agv-qs {
        display: grid;
        grid-template-columns: 1fr; /* 强制1列，一行1个卡片 */
        justify-content: center; /* 卡片水平居中，优化视觉效果 */
    }
    /* 可选：小屏时左右两侧不再均分，改为上下排列，更友好 */
    .agv-qs-title {
        margin-left: 38px;
        margin-right: 35px;
    }
    .agv-qs-title p{
        font-size: 18px;
        font-weight: 500;
    }
    .inner-text{
        font-size: 14px;
    }
}
/* ----------------调度系统----------------- */
.path-card-block1 {
    position: relative; /* 为内部绝对定位的图标做参考 */
    width: 180px; /* 卡片宽度，可自定义 */
    background-color: #005FD1; /* 匹配图中的蓝色 */
    border-radius: 12px; /* 卡片圆角 */
    padding: 50px 0px 10px 0; /* 顶部留空给图标，避免重叠 */
    box-sizing: border-box;
    margin-top: 50px;
}
.path-card-block2{
    position: relative; /* 为内部绝对定位的图标做参考 */
    width: 180px; /* 卡片宽度，可自定义 */
    background-color: #08BAA5; /* 匹配图中的蓝色 */
    border-radius: 12px; /* 卡片圆角 */
    padding: 50px 0 0 0; /* 顶部留空给图标，避免重叠 */
    box-sizing: border-box;
    margin-top: 50px;
}
.card-icon {
    position: absolute;
    top: -40px; /* 让图标一半超出卡片顶部 */
    left: 50%;
    transform: translateX(-50%); /* 水平居中 */
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center; /* 图标居中 */
}
/* 内容区域样式 */
.card-content{
    text-align: center; /* 标题居中 */
    padding: 0 25px 15px 25px;
    display: flex;
    flex-direction: column;
    width: 100%;
    .card-content-title{
        font-size: 20px;
        color: #fff;
        font-family: "苹方 常规", "苹方 中等", "苹方", sans-serif;
        font-weight: 400;
        font-style: normal;
        margin: 8px 0 15px;
    }
}
/* 列表样式（去掉默认列表符号） */
.card-content .card-content-entry{
    list-style: none;
    padding-left: 18px; /* 给列表圆点留空间 */
    margin: 0!important;
    text-align: left; /* 列表项左对齐 */
}
/* 列表项样式 */
.card-content .card-content-list {
    color: #fff;
    font-size: 13px;
    display: flex;
    align-items: center;
    font-family: "苹方 常规", "苹方 中等", "苹方", sans-serif;
    font-weight: 400;
    line-height: 20px;
}
/* 列表项前的圆点（用伪元素实现） */
.card-content .card-content-list::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff; /* 白色圆点 */
    margin-right: 8px;
}
.agv-page-second{
    padding: 40px 0;
}
.agv-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 核心：2列均分，左右各占50% */
    gap: 30px; /* 左右两侧间距 */
    align-items: center; /* 垂直居中对齐，优化视觉效果 */
    width: 100%; /* 占满父容器宽度 */
    box-sizing: border-box;
    padding: 0 15px; /* 防止贴边 */
}
/* 左侧卡片容器：核心响应式布局（大屏3个、中屏2个、小屏1个） */
.agv-second-left {
    display: grid;
    /* 先设置基础间距，适配所有屏幕 */
    gap: 35px;
    margin-bottom: 20px;
    /* 核心：使用 auto-fit + minmax 实现自适应，配合媒体查询精准控制列数 */
    grid-template-columns: repeat(auto-fit, minmax(120px, 180px)); /* 卡片最小120px、最大180px，自动适配列数 */
    justify-content: center; /* 卡片水平居中，优化视觉效果 */
}
.agv-solution_img{
    text-align: center;
    padding: 20px 0;
    box-sizing: border-box; /* 确保padding计算在宽度内 */
    .agv-solution-image{
            width: 90%; /* 宽度撑开，填满容器 */
            height: auto; /* 高度自适应，保持图片比例 */
            display: block;
            object-fit: contain; /* 保持图片比例，不拉伸 */
            transform: translateX(-7%); /* 水平左移 */
        }
}
/* 卡片基础样式：固定最大宽度，防止过大，保证响应式生效 */
.path-card-block1, .path-card-block2 {
    box-sizing: border-box; /* 防止内边距/边框撑大卡片 */
    width: 100%; /* 继承Grid列宽，自适应 */
    max-width: 180px; /* 限制卡片最大宽度，对应你原需求的180px */
}

/* 媒体查询：大屏（宽度≤ 1800px） */
@media only screen and (max-width: 1800px) {
    .agv-solution_img .agv-solution-image{
        transform: translateX(-2%); /* 水平左移 */
    }
}
/* 媒体查询：大屏（宽度≤ 1600px） */
@media only screen and (max-width: 1600px) {
    .agv-solution_img .agv-solution-image{
        transform: translateX(-12%); /* 水平左移 */
    }
}
/* 媒体查询：大屏（宽度≤ 1429px） */
@media only screen and (max-width: 1429px) {
    .agv-solution_img .agv-solution-image{
        transform: translateX(-10%); /* 水平左移 */
    }
}
/* 媒体查询：大屏（宽度≤ 1200px） */
@media only screen and (max-width: 1200px) {
    .agv-solution_img .agv-solution-image{
        transform: translateX(-3%); /* 水平左移 */
    }
}
/* 媒体查询2：中屏（宽度≤ 991px，上下布局） */
@media only screen and (max-width: 991px) {
    .agv-content {
        grid-template-columns: 1fr; /* 1列布局，左右变上下 */
    }
    .agv-second-left {
        grid-template-columns: repeat(3, 1fr); /* 强制2列，一行2个卡片 */
    }
    .agv-solution_img .agv-solution-image{
        transform: translateX(0%)!important; /* 水平左移0 */
    }
}
/* 媒体查询2：中屏（宽度≤ 768px，一行展示2个） */
@media only screen and (max-width: 768px) {
    .agv-content {
        grid-template-columns: 1fr; /* 1列布局，左右变上下 */
    }
    .agv-second-left {
        grid-template-columns: repeat(2, 1fr); /* 强制2列，一行2个卡片 */
    }
}
/* 媒体查询3：小屏（宽度≤ 480px，一行展示1个） */
@media only screen and (max-width: 480px) {
    .agv-second-left {
        grid-template-columns: 1fr; /* 强制1列，一行1个卡片 */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        .path-card-block1{
            display: block;
        }
        .path-card-block2{
            display: block;
        }
    }
    /* 可选：小屏时左右两侧不再均分，改为上下排列，更友好 */
    .agv-content {
        grid-template-columns: 1fr; /* 1列布局，左右变上下 */
    }
}


.agv-second-block1{
    background-color: #005FD1;
}
.agv-second-block2{
    background-color: #08BAA5;
}
.agv-inner-text{
    p{
        font-style: normal;
        font-size: 20px;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        margin: 0;
        line-height: 1.7;
    }
    li{
        font-style: normal;
        font-size: 13px;
        font-weight: 400;
        color: #FFFFFF;
        margin: 0;
        line-height: 1.5;
    }
}
.bg-agv-system {
    background-color: rgba(0, 95, 209, 1);
    background-position: center center;
    background-repeat: no-repeat;
}
.agv-block-title2{
    font-style: normal;
    text-align: center;
    margin-bottom:60px;
    .agv-sec{
        font-size: 30px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.996078431372549);
        margin:30px 0 60px;
        font-family: "Arial Normal", "Arial", sans-serif;
    }
}

/* ------------------产品特点----------------- */
.agv-qs-product {
    display: grid;
    /* 核心：minmax(200px, 1fr) 定义卡片最小宽度200px、最大等分宽度 */
    /* auto-fit 自动适配列数，容器宽度足够时排4列，不足时自动减少 */
    grid-template-columns: repeat(4, 1fr);
    gap: 25px; /* 卡片间距（水平+垂直） */
    margin-bottom: 60px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px; /* 防止卡片贴边 */
    justify-content: center; /* 卡片水平居中，优化视觉效果 */
    justify-items: center
}
@media only screen and (max-width: 1168px) {
    .agv-qs-product {
        grid-template-columns: repeat(2, 1fr); /* 强制2列等分，一行2个 */
    }
}

/* 媒体查询2：小屏（宽度≤ 480px），一行展示1个卡片 */
@media only screen and (max-width: 480px) {
    .agv-qs-product {
        grid-template-columns: 1fr; /* 强制1列，一行1个 */
    }
}
/* 外层容器*/
.detect-card-outer {
    width: 260px; /* 卡片宽度，可自定义 */
    border-radius: 8px; /* 圆角 */
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
    grid-template-columns: repeat(4, 1fr); /* 4列等分 */
    height: 305px;
}
/* 卡片浅蓝背景 */
.card-detail-Blue{
    background-color: #f0f7ff;
}
/* 卡片浅绿背景 */
.card-detail-Green{
    background-color: #E2F8F4;
}
/* 顶部图片样式 */
.card-img {
    width: 84%; /* 图片铺满卡片宽度 */
    align-items: center;
    height: auto; /* 保持图片比例 */
    display: block; /* 消除图片底部默认间隙 */
}
/* 蓝色标题栏 */
.card-title-Blue {
    background-color:#0077FB;
    color: #fff;
    text-align: center; /* 文字居中 */
    font-size: 22px;
    font-weight: 400;
    padding: 8px 0; /* 标题上下内边距 */
    font-family: "Arial Normal", "Arial", sans-serif;
    letter-spacing: normal;
    transform: translateY(-50%); /* 水平居中 */
    width: 218px; /* 图片铺满卡片宽度 */
    align-items: center;
    display: block;
    margin-left: 21px;
}
/* 绿色标题栏 */
.card-title-Green {
    background-color:#31C9B6;
    color: #fff;
    text-align: center; /* 文字居中 */
    font-size: 22px;
    font-weight: 400;
    padding: 8px 0; /* 标题上下内边距 */
    font-family: "Arial Normal", "Arial", sans-serif;
    letter-spacing: normal;
    transform: translateY(-50%); /* 水平居中 */
    width: 218px; /* 图片铺满卡片宽度 */
    align-items: center;
    display: block;
    margin-left: 21px;
}
/* 功能描述文本 */
.card-desc {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #333; /* 文本深色 */
    line-height: 1.5; /* 行高优化可读性 */
    padding: 0 21px 21px; /* 文本区域内边距 */
    font-family: "Arial Normal", "Arial", sans-serif;
    letter-spacing: normal;
}
/* ------------------申请试用----------------- */
.agv-apply-use-container {
    /*background-color: #0d95e8*/
    background-image: url("../image/agv-solution/Request_trial.png");
    height: 249px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
}
.agv-apply-use {
    /*display: flex ;*/
    /*align-items: center;*/
    /*justify-content: center*/
    display: flex; /* 启用flex布局，实现垂直居中 */
    align-items: center; /* 垂直方向居中（核心属性） */
    height: 249px; /* 必须与父容器高度一致，才能实现垂直居中 */
    margin-left: 60%; /* 水平居左60%（相对于父容器的左侧偏移60%） */
}
.agv-apply-use button {
    /*position: absolute;*/
    background: inherit;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    border-radius: 36px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 22px;
    font-weight: 400;
    color: #005FD1;
    padding: 17px 60px;
}

.mes-top {
    position: absolute;
    width: 220px;
    bottom: 40%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.2s ease;
}

.mes-top button{
    position: absolute;
    background: inherit;
    background-color: #005FD1;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #005FD1;
    border-radius: 36px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 22px;
    color: #ffffff;
    padding: 17px 60px;
    margin-top: 60px;
    transition: all 0.2s ease;
}
@media (max-width: 1500px) {
    .mes-top {
        position: absolute;
        width: 220px;
        bottom: 40%;
        left: 50%;
        transform: translateX(-50%);
    }
    .mes-top button{
        position: absolute;
        background: inherit;
        background-color: #005FD1;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: #005FD1;
        border-radius: 36px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 22px;
        color: #ffffff;
        padding: 17px 60px;
        margin-top: 60px;
    }
}

@media (max-width: 1300px) {
    .mes-top {
        position: absolute;
        width: 180px;
        bottom: 30%;
        left: 50%;
        transform: translateX(-50%);
    }
    .mes-top button{
        font-size: 18px;
        padding: 10px 50px;
        margin-top: 20px;
    }
}
/* 移动端 */
@media (max-width: 991px) {
    .mes-top-img{
        content: url("../image/mes-soluation/MES_system_solution_02.jpg");
    }
    .mes-top {
        position: absolute;
        width: 220px;
        bottom: 25%;
        left: 50%;
        transform: translateX(-50%);
    }
    .mes-top button{
        position: absolute;
        background: inherit;
        background-color: #005FD1;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: #005FD1;
        border-radius: 36px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 22px;
        color: #ffffff;
        padding: 17px 60px;
    }
}
@media (max-width: 600px) {
    .mes-top {
        position: absolute;
        width: 180px;
        bottom: 30%;
        left: 50%;
        transform: translateX(-50%);
    }
    .mes-top button{
        font-size: 18px;
        padding: 10px 50px;
        margin-top: 20px;
    }
}
@media (max-width: 400px) {
    .mes-top {
        position: absolute;
        width: 100px;
        bottom: 25%;
        left: 50%;
        transform: translateX(-50%);
    }
    .mes-top button{
        position: absolute;
        background: inherit;
        background-color: #005FD1;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: #005FD1;
        border-radius: 36px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 7px;
        padding: 10px 0;
        line-height: 1;
        width: 100%;
        color: #ffffff;
        margin-top: 10px;
        height: 10px;
        display: flex;
        flex-direction: row;
        /* align-content: center; */
        justify-content: center;
        align-items: center;
    }
}
@media (max-width: 270px) {
    .mes-top {
        width: 90px;
        bottom: 30%;
    }
}
@media (max-width: 200px) {
    .mes-top {
        width: 90px;
        bottom: 35%;
    }
    .mes-top button{
        margin-top: 8px;
        height: 0;
    }
}
@media (max-width: 576px) {
    .footer-logo-col,
    .footer-qrcode-col {
        display: flex;
        flex-direction: column;
        /*align-items: center;*/
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.home-about-display {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.home-about-display-title {
    font-family: "苹方 中等", "苹方", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    margin-top: 10px;
    color: #333333 !important;
}

.home-about-display-info {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    color: #005FD1;
}

.home-about-display-info-plus {
    font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif !important;
    font-weight: 700 !important;
    font-size: 50px !important;
    color: #005FD1 !important;
}

.home-about-display-info span {
    font-family: "苹方 中等", "苹方", sans-serif;
    font-weight: 400;
    font-size: 16px;
}

@media only screen and (min-width: 1228px){
    .mes-content{
        max-width: 1228px;
    }
}



.mes-heading {
    margin-bottom: 40px;
}
.mes-heading h2 {
    font-weight: 700;
    font-style: normal;
    font-size: 33px !important;
    color: #333333;
    text-align: center;
    padding-top: 20px;
}

.mes-heading img {
    display: flex;
    justify-content: center;
}


.successful-entry-summary {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.successful-click-view {
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
    margin-bottom: 20px;
    span {
        color: #003EFF;
        font-family: "Arial Normal", "Arial", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 13px;
        letter-spacing: normal;
        cursor: pointer;
    }
}

.site-content {
    margin-top: 65px;
}

@media (max-width: 576px) {
    .site-content {
        margin-top: 60px;
    }
}

.successful-card-item {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4列等分 */
    gap: 30px; /* 列间距，可自定义 */
}
@media (max-width: 992px) {
    .successful-card-item {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2列等分 */
        gap: 30px; /* 列间距，可自定义 */
    }
}
@media (max-width: 768px) {
    .successful-card-item {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .about-us-phone-header {
        width: 50% !important;
        display: block;
        flex-direction: column;
        align-items: baseline;
        padding: 0 15px  !important;
        li {
            width: 60%;
        }
    }
}

@media (max-width: 768px) {
    .about-us-left-img {
        padding: 10px 20px !important;
    }
}

@media (max-width: 1399px) {
    .about-us-left-img {
        padding: 0 25px !important;
    }
}

@media (min-width: 1400px) {
    .about-us-left-img {
        padding: 0 30px !important;
    }
}

@media (max-width: 768px) {
    .navigation_about_us a  {
        text-align: left !important;
    }
}

.index-lunbo-img {
    Object-fit: none !important;
}

@media (max-width: 1600px) {
    .index-lunbo-img {
        Object-fit: contain !important;
    }
}

@media (max-width: 768px) {
    .index-lunbo-img {
        Object-fit: contain !important;
    }
}

/* ------------------BI数据可视化平台----------------- */
.bi-top {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-30%,-50%);
}
.bi-top h1 {
    color: #005FD1;
    font-size: 60px;
    font-weight: 400;
}
.bi-top h4 {
    margin-top: 10px;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    color: #005FD1;
    line-height: 46px
}
.bi-top button{
    position: absolute;
    background: inherit;
    background-color: #005FD1;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #005FD1;
    border-radius: 36px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 22px;
    color: #FFFFFF;
    padding: 17px 60px;
    margin-top: 30px;
}
/* 移动端 */
@media (max-width: 1350px) {
    .bi-top h1 {
        font-size: 45px;
    }
    .bi-top h4 {
        font-size: 22px;
    }
    .bi-top button{
        margin-top: 10px;
    }
}
/* 移动端 */
@media (max-width: 1020px) {
    .bi-top h1 {
        font-size: 40px;
    }
    .bi-top h4 {
        font-size: 20px;
    }
    .bi-top button{
        margin-top: 10px;
    }
}
/* 移动端 */
@media (max-width: 991px) {
    .bi-top-img{
        content: url("../image/bi-data-solution/banner1.png");
    }
    .bi-top h1 {
        color: #005FD1;
        font-size: 60px;
        font-weight: 400;
    }
    .bi-top h4 {
        margin-top: 10px;
        font-weight: 400;
        font-style: normal;
        font-size: 25px;
        color: #005FD1;
        line-height: 46px
    }
    .bi-top button{
        position: absolute;
        background: inherit;
        background-color: #005FD1;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: #005FD1;
        border-radius: 36px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 22px;
        color: #FFFFFF;
        padding: 17px 60px;
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .bi-top h1 {
        font-size: 45px;
    }
    .bi-top h4 {
        font-size: 24px;
    }
}
@media (max-width: 567px) {
    .bi-top h1 {
        font-size: 34px;
    }
    .bi-top h4 {
        font-size: 20px;
    }
    .bi-top button{
        font-size: 14px;
        padding: 10px 50px;
        margin-top: 20px;
    }
}
@media (max-width: 466px) {
    .bi-top h1 {
        font-size: 24px;
    }
    .bi-top h4 {
        font-size: 18px;
        line-height: 32px;
    }
    .bi-top button{
        font-size: 14px;
        padding: 6px 40px;
        margin-top: 10px;
    }
}
@media (max-width: 399px) {
    .bi-top h1 {
        font-size: 16px;
    }
    .bi-top h4 {
        font-size: 14px;
    }
    .bi-top button{
        font-size: 12px;
        padding: 3px 35px;
        margin-top: 5px;
    }
}
@media (max-width: 339px) {
    .bi-top h1 {
        font-size: 14px;
    }
    .bi-top h4 {
        font-size: 10px;
        margin-top: 3px;
        line-height: 12px;
    }

    .bi-top button {
        font-size: 8px;
        padding: 0 30px;
        margin-top: 0;
        line-height: 12px;
    }
}
@media (max-width: 200px) {
    .bi-top h1 {
        font-size: 12px;
    }
    .bi-top h4 {
        font-size: 8px;
        margin-top: 3px;
        line-height: 12px;
    }

    .bi-top button {
        font-size: 6px;
        padding: 0 30px;
        margin-top: 0;
        line-height: 10px;
    }
}
.bi-now-head{
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-weight: 400;
}
.bi-now-main{
    display: grid;
    grid-template-columns: repeat(3, 1fr); ;
    gap: 30px; /* 列间距，可自定义 */
}
.bi-now-card {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 12px;
    -moz-box-shadow: 5px 5px 16px rgba(3, 39, 82, 0.08235294117647059);
    -webkit-box-shadow: 5px 5px 16px rgba(3, 39, 82, 0.08235294117647059);
    box-shadow: 5px 5px 16px rgba(3, 39, 82, 0.08235294117647059);
}
.bi-now-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 30px 20px;
}
.bi-now-box:hover {
    transform: translateY(-8px);
}
.bi-now_icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    font-size: 28px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
@media only screen and (min-width: 1228px){
    .bi-content{
        max-width: 1228px;
    }
}
.bi_now-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.bi_now-title1 {
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    color: #005FD1;
    text-align: center;
}
.bi_now-title2 {
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    color: #04C7A4;
    text-align: center;
}
.bi_now-text{
    font-size: 15px;
    color: #666666;
    text-align: justify;
    text-justify: inter-word;
    line-height: 26px;
    margin-top: 10px;
}
.bi-margin{
    margin-right: 15px;
    margin-left: 15px
}
.bi-industry {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*width: 300px;*/
    /*height: 350px;*/
    position: relative;
    overflow: hidden;
    /*padding: 30px 35px;*/
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 12px;
    -moz-box-shadow: 5px 5px 16px rgba(3, 39, 82, 0.08235294117647059);
    -webkit-box-shadow: 5px 5px 16px rgba(3, 39, 82, 0.08235294117647059);
    box-shadow: 5px 5px 16px rgba(3, 39, 82, 0.08235294117647059);
}
.bi-industry:hover {
    transform: translateY(-8px);
}
.bi-industry-content{
    padding: 10px 20px 30px 20px;
}
.bi-industry-img {
    height: 218px;
}
.bi-industry-title {
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bi-industry-text{
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #666666;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bi-platform{
    background-color: #f7f8ff;
}
.bi-platform-head{
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-weight: 400;
    padding-bottom: 60px;
}
.bi-tab-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px;
    overflow-x: auto;
    padding-bottom: 5px;
}
.bi-tab-btn {
    background: none;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    transition: color 0.3s;
    color: #727272;
    font-weight: 400;
    font-size: 20px;
}

.bi-tab-btn.active {
    color: #1653a2;
    font-weight: 600;
}

.bi-tab-btn.active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1653a2;
}

.bi-tab-btn:hover:not(.active) {
    color: #333;
}
.bi-tab-content {
    margin-top: 40px;
    height: auto;
}
.bi-tab-pane {
    display: none;
}
.bi-tab-pane.active {
    display: block;
    animation: fadeIn 0.5s ease;
}
@media only screen and (min-width: 1200px){
    .bi-tabs{
        width: 100%;
    }
}

@media only screen and (max-width: 1199px){
    .bi-tabs{
        width: 100%;
    }
}
.bi_tab_main {
    /*display: none;*/
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 30px; /* 列间距，可自定义 */
    align-items: center;
}
.bi_tab_card_title {
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: #333333;
}
.bi_tab_card_text {
    font-weight: 400;
    font-size: 17px;
    color: #666666;
    line-height: 36px;
}
.check-text{
    margin-right: 10px;
    margin-left: 0;
    flex-shrink: 0; /* 防止图片被压缩 */
    margin-top: 11px;
}
.bi-tab-card-item {
    display: flex;
    align-items: flex-start /* 文字和图片顶部对齐，可选：center 垂直居中 */
}
@media only screen and (max-width: 991px){
    .bi-now-main{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px; /* 列间距，可自定义 */
    }
}
@media only screen and (max-width: 768px){
    .bi_tab_card_text {
        font-size: 14px;
    }
    .bi_tab_main{
        display: grid;
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 576px){
    .bi-now-main{
        display: grid;
        grid-template-columns: 1fr;
    }
}

.crm-top {
    position: absolute;
    top: 40%;
    left: 25%;
    transform: translate(-20%,-30%);
}
.crm-top h1 {
    font-family: "方正兰亭粗黑_GBK", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    color: #005FD1;
}
.crm-top h4 {
    font-family: "方正兰亭黑_GBK", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    color: #005FD1;
    line-height: 46px;
}
.crm-top button{
    position: absolute;
    background: inherit;
    background-color: rgba(0, 95, 209, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 95, 209, 1);
    border-radius: 36px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 22px;
    color: #FFFFFF;
    padding: 17px 60px;
    margin-top: 60px;
}

/* 移动端 */
@media (max-width: 991px) {
    .crm-top-img{
        content: url("../image/crm-soluation/CRM1.png");
    }
    .crm-top h1 {
        font-family: "方正兰亭粗黑_GBK", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 60px;
        color: #005FD1;
    }
    .crm-top h4 {
        font-family: "方正兰亭黑_GBK", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 25px;
        color: #005FD1;
        line-height: 46px;
    }
    .crm-top button{
        position: absolute;
        background: inherit;
        background-color: #FFFFFF;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: #FFFFFF;
        border-radius: 36px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 22px;
        color: #005FD1;
        padding: 17px 60px;
        margin-top: 60px;
    }
}
@media (max-width: 767px) {
    .crm-top h1 {
        color: #005FD1;
        font-size: 38px;
        font-weight: 700;
    }
    .crm-top h4 {
        color: #005FD1;
        font-size: 24px;
        font-weight: 400;
        margin-top: 20px;
    }
}
@media (max-width: 567px) {
    .crm-top h1 {
        color: #005FD1;
        font-size: 28px;
    }
    .crm-top h4 {
        font-size: 20px;
    }
    .crm-top button{
        font-size: 14px;
        padding: 10px 50px;
        margin-top: 20px;
    }
}

.crm-qs-head {
    color: #333333 !important;
    padding-bottom: 30px;
    font-size: 30px;
    text-align: center;
    font-family: "Arial Normal", "Arial", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
}
.crm-qs {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5列等分 */
    gap: 15px; /* 列间距，可自定义 */
    /*align-items: stretch; !* 强制卡片高度一致 *!*/
    /*margin: 0 60px 60px 0;*/
}
.crm-qs-block{
    background-color: #FFFFFF;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%; /* 继承grid拉伸高度 */
    overflow: hidden;
    box-shadow:
        /* 右侧阴影：加宽横向扩散（新增8px扩散半径+10px模糊） */
            2px 5px 10px 8px rgba(209, 229, 249, 0.4),
                /* 左侧阴影：对称加宽横向扩散 */
            -2px 5px 10px 8px rgba(209, 229, 249, 0.4),
                /* 底部阴影：加宽横向+纵向扩散（30px模糊+10px扩散） */
            0 25px 30px 10px rgba(209, 229, 249, 0.6);
}
.crm-qs-title {
    background-color: rgba(0, 95, 209, 1);
    min-height: 52px;
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    flex-shrink: 0; /* 禁止压缩 */
}
.crm-qs-title p{
    margin: 0;
    line-height: 1.2;
    font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 19px;
    color: #FFFFFF;
    text-align: center;
}
.crm-qs-content {
    border-radius: 0 0 20px 20px;
    padding: 20px 20px 10px 20px;
}
/* 列表基础样式 */
.qs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 列表项样式 */
.qs-item {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    font-family: "苹方 常规", "苹方 中等", "苹方", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #444444;
    line-height: 25px;
}

/* 自定义项目符号 */
.qs-item::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: #444444;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444444;
    font-size: 16px;
    font-weight: bold;
}
.crm-qs-bottom {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
    flex-direction: column;
}
.crm-qs-bottom .block {
    background-color: #0767ff;
    height: 5px;
    width: 20%;
    bottom: 50%;
    transform: translateY(-50%);
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .crm-qs {
        grid-template-columns: repeat(2, 1fr); /* 平板端2列 */
    }
}

@media (max-width: 768px) {
    .crm-qs {
        grid-template-columns: 1fr; /* 手机端1列 */
        gap: 20px;
    }
}

@media only screen and (min-width: 1228px){
    .crm-content{
        max-width: 1350px;
        padding: 0;
    }
}


@media only screen and (min-width: 1200px){
    .crm-tabs{
        /*width: 60%;*/
        width: 100%;
    }
}

@media only screen and (max-width: 1199px){
    .crm-tabs{
        width: 100%;
    }
}

.crm-tab-row {
    display: flex;
}



.crm-tab-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px;
    overflow-x: auto;
    padding-bottom: 5px;
}


.crm-tab-btn {
    background: none;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    transition: color 0.3s;
    font-size: 20px;
    font-family: "Arial Normal", "Arial", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #333333;
}

.crm-tab-btn.active {
    font-family: "Arial Negreta", "Arial Normal", Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: rgb(0, 95, 209);
}

.crm-tab-btn.active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgb(0, 95, 209);
}

.crm-tab-btn:hover:not(.active) {
    color: #333;
}

.crm-tab-btn-successful {
    font-family: "苹方 粗体", "苹方 中等", "苹方", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #333;
}

.crm-tab-btn-successful .active{
    color: #333 !important;
}

.crm-tab-content {
    margin-top: 40px;
    height: auto;
}

.crm-tab-pane-left {
    padding: 20px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.crm-tab-pane-right {
    padding: 20px;
    width: 50%;
}

.crm-tab-pane-left p {
    font-size: 17px;
    color: #666666;
    line-height: 36px;
    font-family: "Arial Normal", "Arial", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
}

@media (max-width: 768px) {
    .crm-tab-pane-left {
        padding: 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .crm-tab-pane-right {
        padding: 20px;
        width: 100%;
    }
    .crm-tab-pane-left p {
        font-size: 14px;
        color: #666666;
        line-height: 36px;
        font-family: "Arial Normal", "Arial", sans-serif;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
    }
}

.crm-tab-pane-right img{
    width: auto;
    height: 350px;
    display: flex;
    justify-content: center;
}

.crm-tab-pane-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.crm-tab-pane-img img {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0 ;
}
.crm-tab-pane-button {
    margin-top: 20px;
}

.crm-tab-pane-left h1 {
    font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    margin-bottom: 10px;
    color: #333333;
}

.crm-tab-pane-left button {
    font-family: "Arial Normal", "Arial", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    color: #FFFFFF;
    width: 140px;
    height: 40px;
    background-color: rgba(0, 95, 209, 1);
    border: none;
    border-radius: 22px;
    box-shadow: none;
    font-size: 14px;
}

.crm-tab-pane {
    display: none;
}

.crm-tab-pane.active {
    display: block;
    animation: fadeIn 0.5s ease;
}

.blue_bg {
    border-radius: 10px;
    background-color: rgba(247, 248, 255, 1);
}

.crm_now-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    height: 160px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 20px 30px;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 15px !important;
}
.crm_now-box:hover {
    transform: translateY(-8px);
}
.crm_now_icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    font-size: 28px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
}
.crm_now-content {
    margin-left: 30px;
    flex: 1;
}
.crm_now-content h5 {
    margin-bottom: 5px;
    color: #3d3b3b;
    font-family: "苹方 粗体", "苹方 中等", "苹方", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 48px;
}

@media only screen and (max-width: 969px) {
    .crm_now-content h5 {
        margin-bottom: 5px;
        color: #3d3b3b;
        font-family: "苹方 粗体", "苹方 中等", "苹方", sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 48px;
    }

}
.crm_now-content p {
    font-family: "苹方 中等", "苹方", sans-serif;
    font-weight: 400;
    color: #666666;
    font-size: 16px;
    line-height: 30px;
}

.erp-top {
    position: absolute;
    top: 40%;
    left: 25%;
    transform: translate(-20%,-30%);
}
.erp-top h1 {
    font-family: "方正兰亭粗黑_GBK", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    color: #FFFFFF;
}
.erp-top h4 {
    font-family: "方正兰亭黑_GBK", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    color: #FFFFFF;
    line-height: 46px;
}

/* 移动端 */
@media (max-width: 991px) {
    .erp-top-img{
        content: url("../image/erp-solution/banner1.png");
    }
    .erp-top h1 {
        font-family: "方正兰亭粗黑_GBK", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 60px;
        color: #005FD1;
    }
    .erp-top h4 {
        font-family: "方正兰亭黑_GBK", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 25px;
        color: #005FD1;
        line-height: 46px;
    }
    .erp-top button{
        position: absolute;
        background: inherit;
        background-color: #FFFFFF;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: #FFFFFF;
        border-radius: 36px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 22px;
        color: #005FD1;
        padding: 17px 60px;
        margin-top: 60px;
    }
}
@media (max-width: 767px) {
    .erp-top h1 {
        color: #005FD1;
        font-size: 45px;
        font-weight: 700;
    }
    .erp-top h4 {
        color: #005FD1;
        font-size: 24px;
        font-weight: 400;
        margin-top: 20px;
    }
    .erp-top button{
        font-size: 14px;
        padding: 10px 50px;
        margin-top: 20px;
    }
}
@media (max-width: 567px) {
    .erp-top h1 {
        font-size: 34px;
    }
    .erp-top h4 {
        font-size: 20px;
    }
    .erp-top button{
        font-size: 14px;
        padding: 10px 50px;
        margin-top: 20px !important;
    }
}

@media only screen and (min-width: 1228px){
    .erp-content{
        max-width: 1350px;
        padding: 0;
    }
}

.erp_system-box {
    background-color: rgba(247, 248, 255, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 350px;
    position: relative;
    overflow: hidden;
    padding: 80px 25px;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-bottom: 2px solid rgba(0, 95, 209, 1);
}
.erp_system-box:hover {
    transform: translateY(-8px);
}
.erp_system_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    font-size: 28px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
}
.erp_system-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.erp_system-content h5 {
    font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    color: #005FD1;
    text-align: center;
}
.erp_system-content p {
    margin-top: 10px;
    font-family: "Arial Normal", "Arial", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #666666;
    text-align: justify;
}

.erp-qs-head {
    color: #333333 !important;
    font-size: 30px;
    text-align: center;
    font-family: "Arial Normal", "Arial", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    color: #333333;
}

.erp-qs-span {
    font-family: "苹方 常规", "苹方 中等", "苹方", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #222222;
    text-align: center;
    line-height: 26px;
    padding: 0 200px 0 200px;
}
@media only screen and (max-width: 1200px) {
    .erp-qs-span {
        font-family: "苹方 常规", "苹方 中等", "苹方", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        color: #222222;
        text-align: center;
        line-height: 26px;
        padding: 0 20px 0 20px;
    }
}

.erp-qs-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.erp-top button{
    position: absolute;
    background: inherit;
    background-color: rgba(0, 95, 209, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 95, 209, 1);
    border-radius: 36px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 22px;
    color: #FFFFFF;
    padding: 17px 60px;
    margin-top: 60px;
}

.erp-price-background {
    background-color: #ffffff;
}

.sub-menu-fluid-right-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    justify-content: flex-start;
    padding: 20px 0 20px 0;
}

.equ-top {
    position: absolute;
    top: 40%;
    left: 25%;
    transform: translate(-20%,-30%);
}
.equ-top h1 {
    font-family: "方正兰亭粗黑_GBK", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    color: #FFFFFF;
}
.equ-top h4 {
    font-family: "方正兰亭黑_GBK", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    color: #FFFFFF;
    line-height: 46px;
}
.equ-top button{
    position: absolute;
    background: inherit;
    background-color: rgba(0, 95, 209, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 95, 209, 1);
    border-radius: 36px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 22px;
    color: #FFFFFF;
    padding: 17px 60px;
    margin-top: 60px;
}

/* 移动端 */
@media (max-width: 991px) {
    .equ-top-img{
        content: url("../image/crm-soluation/CRM1.png");
    }
    .equ-top h1 {
        font-family: "方正兰亭粗黑_GBK", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 60px;
        color: #005FD1;
    }
    .equ-top h4 {
        font-family: "方正兰亭黑_GBK", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 25px;
        color: #005FD1;
        line-height: 46px;
    }
    .equ-top button{
        position: absolute;
        background: inherit;
        background-color: rgba(0, 95, 209, 1);
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(0, 95, 209, 1);
        border-radius: 36px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 22px;
        color: #005FD1;
        padding: 17px 60px;
        margin-top: 50px;
    }
}
@media (max-width: 767px) {
    .equ-top h1 {
        color: #FFFFFF;
        font-size: 38px;
        font-weight: 700;
    }
    .equ-top h4 {
        color: #FFFFFF;
        font-size: 24px;
        font-weight: 400;
        margin-top: 20px;
    }
}
@media (max-width: 567px) {
    .equ-top h1 {
        color: #FFFFFF;
        font-size: 28px;
    }
    .equ-top h4 {
        font-size: 20px;
    }
    .equ-top button{
        color: #FFFFFF;
        font-size: 14px;
        padding: 10px 50px;
        margin-top: 0;
    }
}

@media only screen and (min-width: 1228px){
    .equ-content{
        max-width: 1350px;
        padding: 0;
    }
}

.equ-qs-head {
    color: #333333 !important;
    padding-bottom: 30px;
    font-size: 30px;
    text-align: center;
    font-family: "Arial Normal", "Arial", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
}

.equ-develop {
    display: flex;
    justify-content: center;
    align-items: center;
}

.equ-develop-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 300px;
    height: 400px;
    position: relative;
    overflow: hidden;
    padding: 80px 30px;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 15px !important;
}
.equ-develop-box:hover {
    transform: translateY(-8px);
}

.equ-develop-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    font-size: 28px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
}
.equ-develop-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.equ-develop-content h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    text-align: center;
    color: #ffffff;
}
.equ-develop-content p {
    margin-top: 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}

.equ-now-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    height: 160px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 20px 30px;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 15px !important;
}
.equ-now-box:hover {
    transform: translateY(-8px);
}
.equ-now-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    font-size: 28px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.09);
}
.equ-now-content {
    margin-left: 30px;
    flex: 1;
}
.equ-now-content h5 {
    margin-bottom: 5px;
    color: #3d3b3b;
    font-family: "苹方 粗体", "苹方 中等", "苹方", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 48px;
}

@media only screen and (max-width: 969px) {
    .equ-now-content h5 {
        margin-bottom: 5px;
        color: #3d3b3b;
        font-family: "苹方 粗体", "苹方 中等", "苹方", sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 48px;
    }

    .equ-management-system {
        display: flex;
        flex-direction: column;
    }

}
.equ-now-content p {
    font-family: "苹方 中等", "苹方", sans-serif;
    font-weight: 400;
    color: #666666;
    font-size: 16px;
    line-height: 30px;
}

.bg-equ-blue {
    background-color: #005FD1;
}

.bg-equ-green {
    background-color: #04C7A4;
}

.bg-equ-gray {
    background-color: #F7F8FF;
}

.bg-equ-white {
    background-color: #FFFFFF !important;
}

.equ-management-system {
    display: flex;
    align-content: center;
    align-items: center;
    width: 100%;
    justify-content: space-between;

    .equ-management-system-left {
        display: flex;
        flex-direction: column;
        padding: 0px 30px;
    }

    .equ-management-system-left h1{
        font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        color: #333333;
    }


    .equ-management-system-left-content {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .equ-management-system-left-content img {
        width: 15px;
        height: 15px;
        margin: 0 5px 0 0 ;
    }

    .equ-management-system-left-content p {
        font-size: 17px;
        color: #666666;
        line-height: 36px;
        font-family: "Arial Normal", "Arial", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .equ-management-system-right img {
        /*padding: 10px 20px;*/
    }
}
/* ------------------质量追溯系统----------------- */
.qt-top {
    position: absolute;
    top: 50%;
    left: 18.5%;
    transform: translate(-18.5%,-50%);
}
.qt-top button{
    position: absolute;
    background: inherit;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    border-radius: 36px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 22px;
    color: #005FD1;
    padding: 17px 60px;
    margin-top: 60px;
    width: max-content;
}

/* 移动端 */
@media (max-width: 1020px) {
    /*.qt-top button{*/
    /*    margin-top: 10px;*/
    /*}*/
}
/* 移动端 */
@media (max-width: 991px) {
    .qt-top-img{
        content: url("../image/quality-solution/banner_App.png");
    }
    .qt-top {
        position: absolute;
        top: 75%;
        left: 8%;
        transform: translate(-8%,-75%);
    }
    .qt-top button{
        padding: 17px 60px;
        margin-top: 20px;
    }
}
@media (max-width: 667px) {
    .qt-top button{
        font-size: 14px;
        padding: 10px 50px;
        margin-top: 10px;
    }
}
@media (max-width: 466px) {
    .qt-top button{
        font-size: 14px;
        padding: 6px 40px;
        margin-top: 10px;
    }
}
@media (max-width: 399px) {
    .qt-top button{
        font-size: 12px;
        padding: 3px 35px;
        margin-top: 5px;
    }
}
@media (max-width: 339px) {
    .qt-top button {
        font-size: 8px;
        padding: 0 20px;
        margin-top: 0;
        line-height: 12px;
    }
}
@media (max-width: 200px) {
    .qt-top button {
        font-size: 6px;
        padding: 0 20px;
        margin-top: 0;
        line-height: 10px;
    }
}
/*-----------------行业痛点------------------------------------*/
.qt-pp-head{
    text-align: center;
    font-size: 30px;
    color: #424fdf;
    font-weight: 400;
}
.qt-pp-main{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px; /* 列间距，可自定义 */
}
.qt-pp-block{
    background-color: #FFFFFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%; /* 继承grid拉伸高度 */
    overflow: hidden;
    box-shadow:
        /* 右侧阴影：加宽横向扩散（新增8px扩散半径+10px模糊） */
            2px 5px 10px 8px rgba(209, 229, 249, 0.4),
                /* 左侧阴影：对称加宽横向扩散 */
            -2px 5px 10px 8px rgba(209, 229, 249, 0.4),
                /* 底部阴影：加宽横向+纵向扩散（30px模糊+10px扩散） */
            0 25px 30px 10px rgba(209, 229, 249, 0.6);
}
.qt-pp-title {
    background-color: #424fdf; /* 主体背景保持原有纯色不变 */
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
    flex-direction: column;
    border-radius: 10px 10px 0 0;
    padding: 10px; /* padding-bottom 为 10px，对应伪元素高度 */
    flex-shrink: 0; /* 禁止压缩 */
    position: relative; /* 关键：让伪元素相对当前元素定位 */
    overflow: hidden; /* 防止伪元素超出圆角范围 */
}

/* 伪元素：仅覆盖底部 padding-bottom 区域的渐变 */
.qt-pp-title::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; /* 贴元素底部，对应 padding-bottom 区域 */
    height: 10px; /* 高度 = padding-bottom 的值，精准覆盖 */
    /* 渐变：伪元素内部从上到下，从 #424fdf（和主体背景一致）变浅到 #7884f0 */
    background: linear-gradient(to bottom, #424fdf, #7884f0);
    /* 兼容旧版webkit浏览器（可选） */
    background: -webkit-linear-gradient(top, #424fdf, #7884f0);
    pointer-events: none; /* 不影响元素内点击/交互，可选 */
}
.qt-pp-title p{
    font-style: normal;
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
}
.qt-pp-content {
    border-radius: 0 0 20px 20px;
    padding: 30px 20px;
}
.qt-pp-content p{
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #444444;
    text-align: justify;
    line-height: 25px;
}
/* 响应式适配 */
@media (max-width: 1235px) {
    .qt-pp-main {
        grid-template-columns: repeat(3, 1fr); /* 平板端2列 */
    }
}
@media (max-width: 991px) {
    .qt-pp-main {
        grid-template-columns: repeat(2, 1fr); /* 平板端2列 */
        gap: 20px;
    }
}
@media (max-width: 768px) {
    .qt-pp-main {
        grid-template-columns: 1fr; /* 手机端1列 */
        gap: 20px;
    }
}
/*------------宏智质量追溯系统解决方案---------*/
.qt-plan{
    background-color: #ffffff;
}
.qt-plan-head{
    text-align: center;
    font-size: 30px;
    color: #424FE2;
    font-weight: 400;
    padding-bottom: 60px;
}
.qt-tab-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px;
    overflow-x: auto;
    padding-bottom: 5px;
}
.qt-tab-btn {
    background: none;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    transition: color 0.3s;
    color: #333333;
    font-weight: 400;
    font-size: 21px;
}

.qt-tab-btn.active {
    color: #4a56f1;
    font-weight: 400;
}

.qt-tab-btn.active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #4a56f1;
}

.qt-tab-btn:hover:not(.active) {
    color: #333;
}
.qt-tab-content {
    margin-top: 40px;
    height: auto;
}
@media only screen and (min-width: 1200px){
    .qt-tabs{
        width: 100%;
    }
}

@media only screen and (max-width: 1199px){
    .qt-tabs{
        width: 100%;
    }
}
.qt-tab-pane {
    display: none;
}
.qt-tab-pane.active {
    display: block;
    animation: fadeIn 0.5s ease;
}
.qt_tab_main {
    /*display: none;*/
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 30px; /* 列间距，可自定义 */
    align-items: center;
}
.qt_tab_card_title {
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: #333333;
}
.qt_tab_card_text {
    font-weight: 400;
    font-size: 17px;
    color: #666666;
    line-height: 36px;
}
.qt-tab-card-item {
    display: flex;
    align-items: flex-start /* 文字和图片顶部对齐，可选：center 垂直居中 */
    /*gap: 8px; !* 图片和文字之间的间距，可按需调整（比如10px） *!*/
}
.qt-check-text{
    margin-right: 10px;
    flex-shrink: 0; /* 防止图片被压缩 */
    margin-top: 11px;
}
.qt-free-button {
    /* 主体保持纯色系 */
    background-color: #424fdf;
    box-sizing: border-box;
    border-radius: 36px;
    box-shadow: none;
    font-size: 14px;
    color: #ffffff;
    padding: 8px 45px; /* 上下padding 8px */
    margin-top: 60px;
    width: max-content;
    cursor: pointer;
    outline: none;
    border: 1px solid #ffffff;
    /* 关键：给伪元素预留定位空间 */
    position: relative;
    overflow: hidden; /* 防止伪元素溢出圆角 */
}
/* 伪元素：仅覆盖底部 padding-bottom 区域的渐变*/
.qt-free-button::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; /* 贴元素底部，对应 padding-bottom 区域 */
    height: 8px; /* 高度 = padding-bottom 的值，精准覆盖 */
    /* 渐变：伪元素内部从上到下，从 #424fdf（和主体背景一致）变浅到 #7884f0 */
    background: linear-gradient(to bottom, #424fdf, #7884f0);
    /* 兼容旧版webkit浏览器（可选） */
    background: -webkit-linear-gradient(top, #424fdf, #7884f0);
    pointer-events: none; /* 不影响元素内点击/交互，可选 */
     border-radius: 0 0 36px 36px;
}
.qt-tab-row {
    display: flex;
}
.qt-tab-pane-left {
    padding: 20px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.qt-tab-pane-right {
    padding: 20px;
    width: 50%;
}

.qt-tab-pane-right img{
    width: auto;
    height: 350px;
    display: flex;
    justify-content: center;
}
@media only screen and (min-width: 1228px){
    .qt-plan-content{
        max-width: 1228px;
    }
}
@media only screen and (max-width: 768px){
    .qt-tab-pane-left {
        padding: 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .qt-tab-pane-right {
        padding: 20px;
        width: 100%;
    }
    .qt_tab_card_text {
        font-size: 14px;
    }
    .qt-free-button {
        margin-top: 30px;
    }
}
/*------------我们的优势---------*/
.qt-edge{
    background-color: #4a56f1;
}
.qt-edge-head{
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    font-weight: 400;
}
.qt-edge-main{
    display: grid;
    grid-template-columns: repeat(4, 1fr); ;
    gap: 30px; /* 列间距，可自定义 */
}
.qt-edge-card {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 12px;
    -moz-box-shadow: 5px 5px 16px rgba(3, 39, 82, 0.08235294117647059);
    -webkit-box-shadow: 5px 5px 16px rgba(3, 39, 82, 0.08235294117647059);
    box-shadow: 5px 5px 16px rgba(3, 39, 82, 0.08235294117647059);
}
.qt-edge-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 30px 30px 50px 30px;
}
.qt-edge-box:hover {
    transform: translateY(-8px);
}
.qt-edge_icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    font-size: 28px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.qt-edge-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.qt-edge-title {
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: #333333;
    text-align: center;
}
.qt-edge-text{
    color: #666666;
    text-align: justify;
    text-justify: inter-word;
    margin-top: 10px;
    font-size: 17px;
    line-height: 36px;
    font-weight: 400;
}
@media (max-width: 991px) {
    .qt-edge-main {
        grid-template-columns: repeat(2, 1fr); /* 平板端2列 */
    }
}
@media (max-width: 488px) {
    .qt-edge-main {
        grid-template-columns: 1fr; /* 手机端1列 */
    }
}

@media (min-width: 600px) {
    .gawb-footer {
        margin-left: 120px;
        margin-right: 120px;
    }
}

@media (max-width: 599px) {
    .gawb-footer {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (max-width: 1200px) {
    .gawb-footer {
        margin-left: 40px;
        margin-right: 40px;
    }
}