@charset 'utf-8';

 /* 最外层容器 主宽度限制1600px */
        .reyo-page-container {
            max-width: 1600px;
            margin: 0 auto;
            padding: 60px 10px;
        }
        /* 顶部小标题 */
        .reyo-core-tagline {
            text-align: center;
            color: #9c43b3;
            font-size: 14px;
            letter-spacing: 0.4px;
            margin-bottom: 18px;
            text-transform: uppercase;
            font-weight: bold;
        }
        /* 大标题 */
        .reyo-main-headline {
            font-size: 50px;
            text-align: center;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 22px;
            transition: transform 0.3s ease;
        }
        .reyo-main-headline:hover {
            transform: translateY(-3px);
        }
        /* 标题下方简介 */
        .reyo-top-desc-text {
            max-width: 920px;
            margin: 0 auto 52px;
            text-align: center;
            color: #555555;
            font-size: 16px;
            transition: color 0.3s ease;
        }
        .reyo-top-desc-text:hover {
            color: #2f2f2f;
        }
        /* 图片+文本横向布局行 */
        .reyo-two-column-row {
            display: flex;
            gap: 50px;
            align-items: flex-start;
        }
        /* 左侧图片列 */
        .reyo-factory-column {
            flex: 1;
        }
        .reyo-factory-card {
            width: 100%;
            border-radius: 16px;
            overflow: hidden;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        .reyo-factory-card img {
            width: 100%;
            display: block;
        }
        .reyo-factory-card:hover {
            transform: translateY(-7px);
            box-shadow: 0 14px 38px rgba(0, 0, 0, 0.11);
        }
        /* 右侧文本列 */
        .reyo-about-column {
            flex: 1;
        }
        .reyo-about-title {
            font-size: 48px;
            margin-bottom: 22px;
        }
        .reyo-purple-brand {
            color: #9c43b3;
        }
        .reyo-about-para {
            font-size: 16px;
            color: #333333;
            margin-bottom: 16px;
            transition: color 0.3s ease;
        }
        .reyo-about-para:hover {
            color: #111111;
        }
        /* 平板适配 */
        @media screen and (max-width: 1200px) {
            .reyo-main-headline {
                font-size: 48px;
            }
            .reyo-about-title {
                font-size: 36px;
            }
            .reyo-two-column-row {
                gap: 35px;
            }
        }
        /* 移动端适配 */
        @media screen and (max-width: 820px) {
            .reyo-page-container {
                padding: 40px 20px;
            }
            .reyo-main-headline {
                font-size: 36px;
            }
            .reyo-two-column-row {
                flex-direction: column;
            }
            .reyo-about-title {
                font-size: 28px;
            }
        }
		
	   /* 外层主容器 全局唯一类名 */
        .labeling_solution_global_wrap {
            max-width: 1600px;
            margin: 0 auto;
            padding: 40px 20px;
        }
        /* 行业方案卡片通用模块 唯一类名 */
        .industry_label_card_item {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            margin-bottom: 60px;
            align-items: center;
        }
        /* 图片外层容器 */
        .card_img_container_box {
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        }
        .card_img_container_box img {
            width: 100%;
            height: auto;
            display: block;
            transition: all 0.3s ease;
        }
        /* 图片hover缩放交互效果 */
        .card_img_container_box:hover img {
            transform: scale(1.05);
        }
        /* 文案内容区域 */
        .card_text_content_box {
            padding: 10px;
        }
        .card_text_content_box h2 {
            font-size: 40px;
            color: #222222;
            margin-bottom: 24px;
            line-height: 1.2;
            transition: all 0.3s ease;
            font-weight: 600;
        }
        /* 标题hover变色交互 */
        .card_text_content_box h2:hover {
            color: #7b3fb8;
        }
        .card_text_content_box p {
            font-size: 16px;
            color: #555555;
            margin-bottom: 32px;
            line-height: 1.7;
        }
        /* 按钮组合容器 */
        .card_btn_group_wrap {
            display: flex;
            gap: 20px;
        }
        /* 查看更多按钮 独立唯一类名 */
        .btn_solution_readmore {
            background-color: #7b3fb8;
            color: #ffffff;
            border: none;
            padding: 14px 32px;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            border-radius: 2px;
            transition: all 0.3s ease;
        }
        /* 快速报价按钮 独立唯一类名 */
        .btn_solution_quote {
            background-color: #222222;
            color: #ffffff;
            border: none;
            padding: 14px 32px;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            border-radius: 2px;
            transition: all 0.3s ease;
        }
        /* 按钮hover上浮+阴影交互 */
        .btn_solution_readmore:hover {
            background-color: #663399;
            transform: translateY(-3px);
            box-shadow: 0 6px 16px rgba(123, 63, 184, 0.3);
        }
        .btn_solution_quote:hover {
            background-color: #000000;
            transform: translateY(-3px);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
        }
        /* ========== 平板端适配 1024px ========== */
        @media screen and (max-width: 1024px) {
            .industry_label_card_item {
                grid-template-columns: 1fr;
                gap: 24px;
            }
            .card_text_content_box h2 {
                font-size: 32px;
            }
            .labeling_solution_global_wrap {
                padding: 30px 16px;
            }
        }
        /* ========== 手机端适配 768px ========== */
        @media screen and (max-width: 768px) {
            .card_text_content_box h2 {
                font-size: 26px;
            }
            .card_btn_group_wrap {
                flex-direction: column;
                gap: 12px;
            }
            .btn_solution_readmore,
            .btn_solution_quote {
                width: 100%;
                padding: 12px 20px;
            }
            .industry_label_card_item {
                margin-bottom: 40px;
            }
        }