@charset 'utf-8';

  /* 产品案例板块容器 */
        .products-case-section {
            /* max-width: 1200px; */
            margin: 0 auto;
            padding: 50px 0;
        }

        /* 板块头部 */
        .section-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .section-subtitle {
            display: block;
            font-size: 14px;
            color: #2385bb;
            font-weight: 600;
            margin-bottom: 10px;
            letter-spacing: 0.5px;
        }

        .section-title {
            font-size: 50px;
            font-weight: 700;
            color: #222;
            line-height: 1.1;
            margin-bottom: 8px;
            margin: 0;
        }

        /* 案例卡片容器 */
        .case-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
        }

        /* 案例卡片样式 */
        .case-card {
            background-color: #ffffff;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
            cursor: pointer;
            overflow: hidden;
        }

        /* 产品图片容器 */
        .case-img-wrapper {
            width: 100%;
            aspect-ratio: 1/1; /* 保持图片正方形比例 */
            margin-bottom: 20px;
            overflow: hidden;
            border-radius: 4px;
        }

        /* 产品图片样式 */
        .case-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        /* 案例信息样式 */
        .case-info {
            color: #333;
            line-height: 1.8;
        }

        .case-info p {
            margin-bottom: 6px;
            font-size: 14px;
        }

        .case-info p strong {
            color: #222;
            font-weight: 600;
        }

        /* 卡片悬停效果 */
        .case-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 24px rgba(35, 133, 187, 0.15);
            border-color: #2385bb;
        }

        .case-card:hover .case-img {
            transform: scale(1.05); /* 图片轻微放大 */
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .section-title {
                font-size: 2.5rem;
            }
            .case-container {
                grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
                gap: 16px;
            }
        }

        @media (max-width: 480px) {
            .section-title {
                font-size: 2rem;
            }
            .case-container {
                grid-template-columns: 1fr;
                gap: 16px;
            }
            .case-card {
                padding: 16px;
            }
            .case-img-wrapper {
                aspect-ratio: 4/3; /* 移动端调整图片比例 */
            }
        }
		
		
		
		
		
		
/* 		//////////////////////////// */
		
		  /* 产品轮播板块容器 */
        .product-carousel-section {
            /* max-width: 1200px; */
            margin: 0 auto;
            padding: 50px 0;
            background: #f5f5f5;
        }

        /* Swiper容器样式 */
        .swiper-container {
            width: 100%;
            height: auto;
            padding-bottom: 40px; /* 为分页器预留空间 */
        }

        /* 轮播幻灯片样式 */
        .swiper-slide {
            /* background-color: #ffffff; */
            border-radius: 8px;
            padding: 20px;
            /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); */
        }

        /* 产品图片网格 */
        .product-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
            width: 100%;
            height: 100%;
        }

        /* 产品图片项 */
        .product-item {
            aspect-ratio: 1/1;
            overflow: hidden;
            border-radius: 4px;
        }

        .product-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        /* 图片悬停放大效果 */
        .product-item:hover .product-img {
            transform: scale(1.05);
        }

        /* Swiper分页器样式（匹配设计风格） */
        .swiper-pagination {
            bottom: 0;
        }

        .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            background-color: #d0d0d0;
            opacity: 1;
            margin: 0 6px !important;
        }

        .swiper-pagination-bullet-active {
            background-color: #2385bb; /* 主色调蓝色 */
            width: 24px;
            border-radius: 5px;
            transition: width 0.3s ease;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 8px;
            }
            .swiper-slide {
                padding: 16px;
            }
        }

        @media (max-width: 480px) {
            .product-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }
            .product-item {
                aspect-ratio: 4/3;
            }
        }
		
		
		
		
	/* //////////////////////// */	
		
		
		  /* ========== 第二个轮播（专属前缀：carousel-2） ========== */
        .carousel-2-section {
            /* max-width: 1200px; */
            margin: 0 auto;
            padding: 50px 0;
        }

        .carousel-2-container {
            width: 100%;
            height: auto;
            padding-bottom: 40px;
        }

        .carousel-2-slide {
            /* background-color: #ffffff; */
            border-radius: 8px;
            padding: 20px;
            /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); */
        }

        .carousel-2-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
            width: 100%;
            height: 100%;
        }

        .carousel-2-item {
            /* aspect-ratio: 4/2; */
            overflow: hidden;
            border-radius: 4px;
            box-shadow: 0 0 3px 0 #ddd;
        }

        .carousel-2-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .carousel-2-item:hover .carousel-2-img {
            transform: scale(1.05);
        }

        /* 第二个轮播分页器（完全独立样式） */
        .carousel-2-pagination {
            bottom: 0;
            text-align: center;
        }

        .carousel-2-pagination-bullet {
            width: 10px;
            height: 10px;
            background-color: #d0d0d0;
            opacity: 1;
            margin: 0 6px !important;
            display: inline-block;
        }

        .carousel-2-pagination-bullet-active {
            background-color: #2385bb;
            width: 24px;
            border-radius: 5px;
            transition: width 0.3s ease;
        }

        /* ========== 响应式适配（按前缀区分） ========== */
        @media (max-width: 768px) {
            .carousel-1-grid, .carousel-2-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 8px;
            }
            .carousel-1-slide, .carousel-2-slide {
                padding: 16px;
            }
        }

        @media (max-width: 480px) {
            .carousel-1-grid, .carousel-2-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }
            .carousel-1-item, .carousel-2-item {
                aspect-ratio: 4/3;
            }
        }
		
	/* ////////////////////////////	 */
		 /* 询价表单板块容器 */
        .quote-form-section {
            /* max-width: 1200px; */
            border-top: 1px solid #ddd;
            margin: 0 auto;
            padding: 50px 0;
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
        }

        /* 表单内容容器（左右布局） */
        .quote-form-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }

        /* 左侧文字区域 */
        .quote-form-text {
            padding-right: 20px;
        }

        .quote-tag {
            font-size: 16px;
            color: #2385bb; /* 统一蓝色主色调 */
            font-weight: 500;
            margin-bottom: 16px;
            display: inline-block;
        }

        .quote-title {
            font-size: 50px;
            font-weight: 700;
            color: #222;
            line-height: 1.2;
            margin-bottom: 24px;
        }

        .quote-desc {
            font-size: 18px;
            color: #666;
            line-height: 1.6;
        }

        /* 右侧表单区域 */
        .quote-form {
            width: 100%;
        }

        /* 表单行布局（两列） */
        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin-bottom: 16px;
        }

        /* 表单控件样式 */
        .form-group {
            width: 100%;
        }

        .form-input {
            width: 100%;
            padding: 16px 18px;
            border: 1px solid #e0e0e0;
            border-radius: 6px;
            font-size: 16px;
            color: #333;
            transition: all 0.3s ease;
            background-color: #fafafa;
        }

        /* 聚焦样式 */
        .form-input:focus {
            outline: none;
            border-color: #2385bb;
            background-color: #ffffff;
            box-shadow: 0 0 0 3px rgba(35, 133, 187, 0.1);
        }

        /* 占位符样式 */
        .form-input::placeholder {
            color: #999;
            font-size: 14px;
        }

        /* 文本域样式 */
        .form-textarea {
            width: 100%;
            padding: 16px 18px;
            border: 1px solid #e0e0e0;
            border-radius: 6px;
            font-size: 16px;
            color: #333;
            transition: all 0.3s ease;
            background-color: #fafafa;
            min-height: 120px;
            resize: vertical; /* 仅允许垂直调整大小 */
        }

        .form-textarea:focus {
            outline: none;
            border-color: #2385bb;
            background-color: #ffffff;
            box-shadow: 0 0 0 3px rgba(35, 133, 187, 0.1);
        }

        .form-textarea::placeholder {
            color: #999;
            font-size: 14px;
        }

        /* 提交按钮 */
        .submit-btn {
            width: 100%;
            padding: 18px 0;
            background-color: #2385bb;
            color: #ffffff;
            border: none;
            border-radius: 6px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        /* 按钮悬停效果 */
        .submit-btn:hover {
            background-color: #1e74a8;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(35, 133, 187, 0.2);
        }

        /* 按钮图标 */
        .submit-icon {
            font-size: 20px;
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .quote-form-container {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .quote-title {
                font-size: 2.8rem;
            }

            .quote-form-text {
                padding-right: 0;
                text-align: center;
            }
        }

        @media (max-width: 768px) {
            .form-row {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .quote-title {
                font-size: 2.2rem;
            }

            .quote-form-section {
                padding: 30px 16px;
            }
        }

        @media (max-width: 480px) {
            .quote-title {
                font-size: 1.8rem;
            }

            .form-input, .form-textarea {
                padding: 14px 16px;
            }

            .submit-btn {
                padding: 16px 0;
                font-size: 1rem;
            }
        }