.elementor-kit-172{--e-global-color-primary:#FE2E2E;--e-global-color-secondary:#5C5C5C;--e-global-color-text:#2C2C2C;--e-global-color-accent:#FFEEDD;--e-global-color-d3ae19d:#F4F4F4;--e-global-color-785b64d:#DEDEDE;--e-global-color-b41e63e:#FE2E2E;--e-global-color-4ade329:#EDEDED;--e-global-color-ec25634:#FFFFFF;--e-global-color-8fa36e4:#999999;--e-global-color-a047deb:#000000;--e-global-color-07414c8:#FFFFFF00;--e-global-typography-primary-font-family:"Nunito Sans";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-size:11px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-secondary-letter-spacing:2px;--e-global-typography-text-font-size:12px;--e-global-typography-text-font-weight:600;--e-global-typography-text-text-transform:uppercase;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:3px;--e-global-typography-accent-font-size:21px;--e-global-typography-accent-font-weight:100;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-line-height:1.4em;--e-global-typography-47eb6c6-font-size:16px;--e-global-typography-47eb6c6-font-weight:700;--e-global-typography-47eb6c6-line-height:1.5em;--e-global-typography-21f41f0-font-size:38px;--e-global-typography-21f41f0-font-weight:700;--e-global-typography-21f41f0-line-height:1.2em;--e-global-typography-48207f0-font-size:28px;--e-global-typography-48207f0-font-weight:700;--e-global-typography-48207f0-line-height:1.3em;--e-global-typography-1ce1d7e-font-size:21px;--e-global-typography-1ce1d7e-font-weight:700;--e-global-typography-1ce1d7e-line-height:1.4em;--e-global-typography-86332c7-font-size:50px;--e-global-typography-86332c7-font-weight:100;--e-global-typography-86332c7-line-height:1.1em;--e-global-typography-d66b33e-font-size:68px;--e-global-typography-d66b33e-font-weight:700;--e-global-typography-d66b33e-line-height:1em;--e-global-typography-906ded2-font-size:11px;--e-global-typography-906ded2-font-weight:400;--e-global-typography-906ded2-text-transform:uppercase;--e-global-typography-906ded2-line-height:1.5em;--e-global-typography-906ded2-letter-spacing:1px;--e-global-typography-5ec7628-font-size:13px;color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-172 button,.elementor-kit-172 input[type="button"],.elementor-kit-172 input[type="submit"],.elementor-kit-172 .elementor-button{background-color:var( --e-global-color-primary );font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-kit-172 button:hover,.elementor-kit-172 button:focus,.elementor-kit-172 input[type="button"]:hover,.elementor-kit-172 input[type="button"]:focus,.elementor-kit-172 input[type="submit"]:hover,.elementor-kit-172 input[type="submit"]:focus,.elementor-kit-172 .elementor-button:hover,.elementor-kit-172 .elementor-button:focus{background-color:var( --e-global-color-b41e63e );}.elementor-kit-172 e-page-transition{background-color:#FFBC7D;}.elementor-kit-172 p{margin-block-end:1.5em;}.elementor-kit-172 a{color:var( --e-global-color-primary );}.elementor-kit-172 h1{color:var( --e-global-color-secondary );font-size:68px;font-weight:700;text-transform:capitalize;line-height:1em;}.elementor-kit-172 h2{color:var( --e-global-color-secondary );font-size:50px;font-weight:700;text-transform:capitalize;line-height:1.1em;}.elementor-kit-172 h3{color:var( --e-global-color-secondary );font-size:38px;font-weight:700;text-transform:capitalize;line-height:1.2em;}.elementor-kit-172 h4{color:var( --e-global-color-secondary );font-size:28px;font-weight:700;text-transform:capitalize;line-height:1.3em;}.elementor-kit-172 h5{color:var( --e-global-color-secondary );font-size:21px;font-weight:700;text-transform:capitalize;line-height:1.4em;}.elementor-kit-172 h6{color:var( --e-global-color-secondary );font-size:16px;font-weight:700;text-transform:capitalize;line-height:1.5em;}.elementor-kit-172 label{color:var( --e-global-color-secondary );font-size:var( --e-global-typography-906ded2-font-size );font-weight:var( --e-global-typography-906ded2-font-weight );text-transform:var( --e-global-typography-906ded2-text-transform );line-height:var( --e-global-typography-906ded2-line-height );letter-spacing:var( --e-global-typography-906ded2-letter-spacing );}.elementor-kit-172 input:not([type="button"]):not([type="submit"]),.elementor-kit-172 textarea,.elementor-kit-172 .elementor-field-textual{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-4ade329 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1302px;}.e-con{--container-max-width:1302px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-172{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-172 h1{font-size:50px;}.elementor-kit-172 h2{font-size:38px;}.elementor-kit-172 h3{font-size:28px;}.elementor-kit-172 button,.elementor-kit-172 input[type="button"],.elementor-kit-172 input[type="submit"],.elementor-kit-172 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-172 label{font-size:var( --e-global-typography-906ded2-font-size );line-height:var( --e-global-typography-906ded2-line-height );letter-spacing:var( --e-global-typography-906ded2-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-172{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-172 button,.elementor-kit-172 input[type="button"],.elementor-kit-172 input[type="submit"],.elementor-kit-172 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-172 label{font-size:var( --e-global-typography-906ded2-font-size );line-height:var( --e-global-typography-906ded2-line-height );letter-spacing:var( --e-global-typography-906ded2-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========== 1. 基础标签样式（单页 + 网格通用） ========== */
.feature-badge,
.field-value {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    margin-right: 14px;
    margin-bottom: 14px;
    border: 1px solid #f0f0f0;
    color: #000;          /* 黑色文字 */
}

/* 隐藏空标签（保险） */
.feature-badge:empty,
.field-value:empty {
    display: none;
}

/* ========== 2. 型号、简短描述 ========== */
.product-model {
    font-size: 2.2rem;
    font-weight: 600;
    color: #000;
    display: block;
    margin-bottom: 10px;
}

.product-short-desc {
    font-size: 1.2rem;
    color: #000;
    display: block;
    margin-bottom: 15px;
    line-height: 1.6;
}

.plain-text {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    color: #000;
}

/* ========== 3. 清除短代码外层多余样式 ========== */
.elementor-widget-shortcode.feature-badge,
.elementor-element.feature-badge {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}





/* ========== 4. 产品集合页网格样式 ========== */
.custom-product-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 20px;
}

.product-card {
    border: 1px solid #eee;      /* 更浅的边框 */
    padding: 18px;
    width: calc(25% - 20px);     /* 四列 */
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    /* 添加阴影 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease; /* 平滑过渡（可选） */
}

/* 可选：悬停时阴影加深，增加互动感 */
.product-card {
    transition: all 0.3s ease; /* 确保所有属性平滑过渡 */
}

.product-card:hover {
    transform: translateY(-5px); /* 轻微上浮，更明显 */
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2); /* 更深的阴影 */
    /* 可选：添加边框高亮 */
   
}



/* 图片 */
.product-card .product-image {
    text-align: center;
    margin-bottom: 10px;
}
.product-card .product-image img {
    width: 60%;                  /* 图片缩小为60% */
    height: auto;
    border-radius: 4px;
}

/* 标题 */
.product-card .product-title {
    font-size: 14px;
    margin: 8px 0;
    font-weight: 400;
}

/* 型号（网格内） */
.product-card .product-model {
    font-size: 22px;
    color: #333;
    margin-bottom: 6px;
}

/* 标签容器 */
.product-badges,
.product-colors {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

/* 网格内的标签（微调内边距和间距） */
.product-badges .field-value,
.product-colors .feature-badge {
    font-size: 12px;
    padding: 4px 12px;
    margin-right: 6px;
    margin-bottom: 6px;
}

/* ========== 5. 响应式 ========== */
/* 平板：两列 */
@media (max-width: 1024px) {
    .product-card {
        width: calc(50% - 20px);
    }
}
/* 手机：单列 */
@media (max-width: 768px) {
    .product-card {
        width: 100%;
    }
}


/* 强制统一产品卡片中的图片尺寸 */
.product-card .product-image {
    background: #fff;           /* 图片容器背景设为白色 */
}
.product-card .product-image img {
    width: 100%;
    height: 200px;              /* 固定高度，可按需调整 */
    object-fit: contain;        /* 图片完整显示，不裁剪 */
    background: #fff;           /* 留白区域背景白色 */
}






/* 相关产品板块网格布局：一行4个 */
.related-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);  /* 四列等宽 */
    gap: 20px;
    margin-top: 20px;
}

/* 每个相关产品卡片 */
.related-product-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 8px;
    background: #fff;
}

/* 图片容器 */
.related-image {
    text-align: center;
    margin-bottom: 10px;
}
.related-image img {
    width: 100%;
    height: 150px;          /* 固定高度，根据需要调整 */
    object-fit: contain;    /* 保持比例，不裁剪 */
    background: #fff;
}

/* 标题 */
.related-info h4 {
    font-size: 14px;
    margin: 0 0 5px;
    font-weight: 500;
}
.related-info h4 a {
    text-decoration: none;
    color: #333;
}
.related-info h4 a:hover {
    text-decoration: underline;
}

/* 型号 */
.related-info .model {
    font-size: 12px;
    color: #666;
}

/* 平板：一行2个 */
@media (max-width: 1024px) {
    .related-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* 手机：一行1个 */
@media (max-width: 768px) {
    .related-products-grid {
        grid-template-columns: 1fr;
    }
}




/*页码设置*/

.pagination {
    text-align: center;
    margin-top: 30px;
}
.pagination a {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    background-color: #fff;
}
.pagination a:hover {
    background-color: #f0f0f0;
}



/*联系表单*/


/* 美化 Contact Form 7 表单 - 主色调 #FE2E2E */

/* 1. 设置所有输入框、文本域的样式 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
    width: 150%;
    padding: 5px 10px;
    margin-bottom: -5px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
    box-sizing: border-box;
    transition: border-color 0.2s;
}
/* 输入框获得焦点时的样式 */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
    border-color: #FE2E2E;          /* 主色调 */
    outline: none;
    box-shadow: 0 0 0 2px rgba(254, 46, 46, 0.2); /* 主色半透明 */
}

/* 2. 设置按钮样式 */
.wpcf7 input[type="submit"] {
    background-color: #FE2E2E;       /* 主色调 */
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 30px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
}
/* 按钮悬停效果 */
.wpcf7 input[type="submit"]:hover {
    background-color: #e01e1e;       /* 深一点的红色，视觉和谐 */
}
/* 按钮点击效果 */
.wpcf7 input[type="submit"]:active {
    transform: scale(0.98);
}

/* 3. 美化标签文字 */
.wpcf7 label {
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    color: #333;
}

/* 4. 错误提示和成功提示的样式 */
.wpcf7 .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.85rem;
    margin-top: -15px;
    margin-bottom: 15px;
    display: block;
}
.wpcf7 .wpcf7-response-output {
    border-radius: 6px;
    padding: 15px;
    margin-top: 20px;
}
/* 成功信息 */
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
}
/* 错误信息 */
.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #dc3232;
}




/*置顶标签*/

/* 返回顶部按钮样式 */
.go-to-top {
    background-color: #FE2E2E;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;               /* 使用 flex 布局 */
    align-items: center;         /* 垂直居中 */
    justify-content: center;     /* 水平居中 */
    text-align: center;          /* 备用 */
    line-height: 1;              /* 防止行高影响 */
}

/* 确保内部图标也居中 */
.go-to-top .elementor-icon,
.go-to-top i,
.go-to-top svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 24px;
}

.go-to-top i {
    color: #fff;                /* 箭头颜色白色 */
    font-size: 24px;           /* 箭头大小 */
}

.go-to-top:hover {
    transform: scale(1.1);      /* 悬停放大 */
    background-color: #CC2525;  /* 悬停深红色 */
}/* End custom CSS */