a {
    text-decoration: none;
}
/* 自定义样式 */
.packaging_banner {
    height: 380rem;
    background-image: url('/static/frontend/pc/images/packagingBanner.webp');
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.packagingBanner_content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.packagingBanner_content-container {
    max-width: 1440rem;
    margin: 0 auto;
    height: 100%;
}

/* 面包屑导航样式 */
.breadcrumb {
    background-color: transparent;
    padding: 0;
    font-size: 14rem;
    margin-top: 16rem;
}

.breadcrumb-item a {
    color: #0D6EFD;
    text-decoration: none;
    font-size: 14rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding: 0 6rem;
}
.breadcrumb-item:hover {
    color: #0068D7 !important;
}
.breadcrumb-item.active {
    color: #333333;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: rgba(51,51,51,0.8);
}

/* 主标题样式 */
.banner-title {
    width: 609rem;
    height: 58rem;
    font-size: 48rem;
    font-family: Inter, Inter-500;
    font-weight: 500;
    text-align: CENTER;
    color: #333333;
    text-shadow: 0rem 2rem 2rem 0rem rgba(0,0,0,0.45);
    margin: 0 auto;
    margin-top: 85rem;
}
/* 简介文本样式 */
.banner-description {
    width: 1000rem;
    height: 57rem;
    font-size: 16rem;
    font-family: Inter, Inter-400;
    font-weight: 400;
    text-align: CENTER;
    color: #333333;
    margin: 0 auto;
    margin-top: 16rem;
}

.low {
    width: 100%;
    height: 406rem;
    background: #f8f9f9;
    .low-content {
        max-width: 1440rem;
        height: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        .left {
            .title {
                width: 537rem;
                height: 56rem;
                font-size: 48rem;
                font-family: Inter, Inter-600;
                font-weight: 600;
                text-align: LEFT;
                color: #0a1d3d;
                line-height: 56rem;
                margin-top: 148rem;
            }
            .line {
                width: 110rem;
                height: 4rem;
                background: #ff9f00;
                margin-top: 24rem;
            }
        }
        .right {
            width: 706rem;
            font-size: 16rem;
            font-family: Inter, Inter-400;
            font-weight: 400;
            text-align: LEFT;
            color: #333333;
            line-height: 24rem;
            .text1 {
                margin-top: 80rem;
                width: 680rem;
            }
            .text2 {
                margin-top: 16rem;
            }
            .text3 {
                margin-top: 16rem;
                width: 680rem;
            }
        }
    }
}

.custom {
    width: 100%;
    position: relative;
    .color-block1 {
        background: #FFFFFF;
        height: 310rem;
    }
    .color-block2 {
        background: #F8F9F9;
        height: 580rem;
    }
    .custom-content {
        width: 1439rem;
        position: absolute;
        top: 72rem;
        left: 50%;
        margin-left: -719.5rem;
        .title {
            width: 1053rem;
            height: 116rem;
            font-size: 48rem;
            font-family: Inter, Inter-600;
            font-weight: 600;
            text-align: CENTER;
            color: #0a1d3d;
            line-height: 54rem;
            margin: 0 auto 28rem;
        }
        .card-list {
            display: flex;
            justify-content: space-between;
            .card-item {
                padding: 24rem 28rem 0;
                width: 445rem;
                height: 552rem;
                background: #ffffff;
                box-shadow: 0rem 12rem 36rem 0rem rgba(0,0,0,0.08);
                img {
                    width: 389rem;
                    height: 190rem;
                    margin: 0 auto;
                }
                .card-title {
                    height: 29rem;
                    font-size: 24rem;
                    font-family: Inter, Inter-600;
                    font-weight: 600;
                    text-align: center;
                    color: #333333;
                    margin: 32rem auto 16rem;
                }
                .card-text {
                    width: 389rem;
                    height: 192rem;
                    font-size: 16rem;
                    font-family: Inter, Inter-400;
                    font-weight: 400;
                    text-align: CENTER;
                    color: #333333;
                    line-height: 24rem;
                }
            }
        }
    }
}

.tailored {
    width: 100%;
    position: relative;
    .color-block1 {
        background: #FFFFFF;
        height: 488rem;
    }
    .color-block2 {
        background: #F8F9F9;
        height: 654rem;
    }
    .tailored-content {
        width: 1440rem;
        position: absolute;
        top: 80rem;
        left: 50%;
        margin-left: -720rem;
        .packaging {
            .title {
                width: 1030rem;
                height: 116rem;
                font-size: 48rem;
                font-family: Inter, Inter-600;
                font-weight: 600;
                text-align: LEFT;
                color: #0a1d3d;
                line-height: 54rem;
            }
            .line {
                width: 110rem;
                height: 4rem;
                background: #ff9f00;
                margin-top: 32rem;
            }
            .text {
                width: 1440rem;
                height: 48rem;
                font-size: 16rem;
                font-family: Inter, Inter-400;
                font-weight: 400;
                text-align: LEFT;
                color: #333333;
                line-height: 24rem;
                margin-top: 36rem;
            }
        }
        .option-block {
            width: 1439rem;
            height: 380rem;
            background: #ffffff;
            box-shadow: 0rem 12rem 36rem 0rem rgba(0,0,0,0.08);
            margin-top: 84rem;
            padding: 48rem 48rem 0;
            display: flex;
            justify-content: space-between;
            .option-item {
                .up-text {
                    width: 350rem;
                    height: 24rem;
                    font-size: 22rem;
                    font-family: Inter, Inter-600;
                    font-weight: 600;
                    text-align: LEFT;
                    color: #333333;
                    line-height: 24rem;
                }
                .title {
                    width: 482rem;
                    height: 39rem;
                    font-size: 32rem;
                    font-family: Inter, Inter-600;
                    font-weight: 600;
                    text-align: LEFT;
                    color: #333333;
                    margin-top: 16rem;
                    line-height: 40rem;
                }
                .text {
                    width: 605rem;
                    height: 96rem;
                    font-size: 16rem;
                    font-family: Inter, Inter-400;
                    font-weight: 400;
                    text-align: LEFT;
                    color: #333333;
                    line-height: 24rem;
                    margin-top: 20rem;
                }
                .click-button {
                    width: 240rem;
                    height: 52rem;
                    background: #ffffff;
                    border: 2rem solid #0e2a58;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-top: 47rem;
                    span {
                        font-size: 16rem;
                        font-family: Inter, Inter-500;
                        font-weight: 500;
                        text-align: LEFT;
                        color: #0e2a58;
                    }
                }
                .click-button:hover {
                    background: #0e2a58;
                    span {
                        color: #ffffff;
                    }
                }
            }
        }
        .why-choose {
            margin-top: 64rem;
            display: flex;
            justify-content: space-between;
            .left {
                .title {
                    width: 711rem;
                    height: 116rem;
                    font-size: 48rem;
                    font-family: Inter, Inter-600;
                    font-weight: 600;
                    text-align: LEFT;
                    color: #0a1d3d;
                    line-height: 54rem;
                }
                .text {
                    width: 650rem;
                    height: 72rem;
                    font-size: 16rem;
                    font-family: Inter, Inter-400;
                    font-weight: 400;
                    text-align: LEFT;
                    color: #333333;
                    line-height: 24rem;
                    margin-top: 22rem;
                }
            }
            .right {
                margin-top: 5rem;
                .text-item {
                    display: flex;
                    align-items: center;
                    .circle {
                        width: 16rem;
                        height: 16rem;
                        border: 5rem solid #333333;
                        border-radius: 50%;
                        margin-right: 14rem;
                    }
                    .text {
                        width: 576rem;
                        font-size: 20rem;
                        font-family: Inter, Inter-500;
                        font-weight: 500;
                        text-align: LEFT;
                        color: #333333;
                        line-height: 48rem;
                    }
                }
            }
        }
    }
}

.stepwise {
    width: 100%;
    .stepwise-content {
        max-width: 1440rem;
        margin: 0 auto;
        .title {
            width: 944rem;
            height: 58rem;
            font-size: 48rem;
            font-family: Inter, Inter-600;
            font-weight: 600;
            color: #0a1d3d;
            margin: 84rem auto 0;
        }
        .stepwise-block {
            display: flex;
            justify-content: space-between;
            .text-side {
                margin-top: 40rem;
                .text-title {
                    height: 39rem;
                    font-size: 32rem;
                    font-family: Inter, Inter-600;
                    font-weight: 600;
                    text-align: LEFT;
                    color: #0a1d3d;
                }
                .text-content {
                    margin-top: 32rem;
                    width: 703rem;
                    font-size: 16rem;
                    font-family: Inter, Inter-400;
                    font-weight: 400;
                    text-align: LEFT;
                    color: #333333;
                    line-height: 24rem;
                    .content-item {
                        margin-bottom: 16rem;
                    }
                    .list-content {
                        margin-top: 16rem;
                        .list-item {
                            display: flex;
                            align-items: center;
                            margin-bottom: 8rem;
                            .point {
                                margin-right: 6rem;
                            }
                        }
                    }
                }
            }
            .image-side {
                width: 620rem;
                height: 344rem;
            }
        }
        .stepwise-block.number_1 {
            margin-top: 64rem;
        }
        .stepwise-block.number_2 {
            margin-top: 112rem;
        }
        .stepwise-block.number_3 {
            margin-top: 159rem;
        }
        .stepwise-block.number_4 {
            margin-top: 112rem;
        }
        .stepwise-block.number_5 {
            margin-top: 159rem;
        }
    }
}

.professional {
    width: 100%;
    background: #F8F9F9;
    height: 390rem;
    margin-top: 166rem;
    .professional-content {
        max-width: 1440rem;
        margin: 0 auto;
        padding-top: 80rem;
        .title {
            width: 944rem;
            height: 58rem;
            font-size: 48rem;
            font-family: Inter, Inter-600;
            font-weight: 600;
            color: #0a1d3d;
            margin: 0 auto;
        }
        .text-list {
            width: 1440rem;
            font-size: 16rem;
            font-family: Inter, Inter-400;
            font-weight: 400;
            text-align: LEFT;
            color: #333333;
            line-height: 24rem;
            margin: 32rem auto 0;
            .text-item {
                margin-bottom: 16rem;
            }
        }
    }
}

.featured {
    width: 100%;
    height: 310rem;
    margin-top: 110rem;
    margin-bottom: 132rem;
    .featured-content {
        max-width: 1440rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        .option {
            width: 696rem;
            background: #fafafa;
            padding-top: 52rem;
            padding-left: 28rem;
            padding-bottom: 38rem;
            .title {
                max-width: 100%;
                font-size: 32px;
                font-family: Inter, Inter-600;
                font-weight: 600;
                text-align: LEFT;
                color: #333333;
                line-height: 26px;
            }
            .text {
                width: 640rem;
                height: 96rem;
                font-size: 15rem;
                font-family: Inter, Inter-400;
                font-weight: 400;
                text-align: LEFT;
                color: #333333;
                line-height: 24rem;
                margin-top: 26rem;
            }
            .click-button {
                width: 240rem;
                height: 52rem;
                background: #ffffff;
                border: 2rem solid #0e2a58;
                margin-top: 22rem;
                display: flex;
                justify-content: center;
                align-items: center;
                span {
                    font-size: 16px;
                    font-family: Inter, Inter-400;
                    font-weight: 400;
                    text-align: LEFT;
                    color: #0e2a58;
                }
            }
            .click-button:hover {
                background: #0A1D3D;
                span {
                    color: #ffffff;
                }
            }
        }
    }
}

.consult {
    width: 100%;
    height: 424rem;
    margin-bottom: 100rem;
    .consult-content {
        max-width: 1440rem;
        margin: 0 auto;
        background: #ecedef;
        height: 100%;
        padding-top: 72rem;
        .title {
            width: 872rem;
            height: 96rem;
            font-size: 48rem;
            font-family: Inter, Inter-600;
            font-weight: 600;
            margin: 0 auto;
            text-align: center;
            color: #333333;
            line-height: 48rem;
        }
        .text {
            width: 904rem;
            height: 72rem;
            font-size: 16rem;
            font-family: Inter, Inter-400;
            font-weight: 400;
            text-align: CENTER;
            color: #333333;
            line-height: 24rem;
            margin: 20rem auto 36rem;
        }
        .click-button {
            width: 240rem;
            height: 60rem;
            background: #0e2a58;
            border-radius: 4rem;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            span {
                font-size: 16rem;
                font-family: Inter, Inter-400;
                font-weight: 400;
                text-align: center;
                color: #ffffff;
            }
        }
        .click-button:hover {
            background: #ffffff;
            span {
                color: #0A1D3D;
            }
        }
    }
}