/* --- 局部作用域重置与变量定义 --- */
        #gaotewei-wrapper {
            font-family: "Microsoft Yahei", sans-serif;
            color: #333;
            width: 100%;
            overflow: hidden;
            box-sizing: border-box;
            line-height: 1.5;
            /* 基础字体大小设定，根据新站比例微调，防止字体过大 */
            font-size: 1.6rem;
            display: flex;
            align-items: center;
            justify-content: center;
            align-content: center;
        }

        #gaotewei-wrapper * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
     

        #gaotewei-wrapper img {
            max-width: 100%;
            display: block;
            object-fit: cover;
            height: 100%;
        }

        #gaotewei-wrapper a {
            text-decoration: none;
            color: inherit;
            cursor: pointer;
        }

        #gaotewei-wrapper ul, #gaotewei-wrapper li {
            list-style: none;
        }

        /* --- 颜色变量 --- */
        #gaotewei-wrapper {
            --gt-primary: #c8102e;
            --gt-primary-dark: #a00c24;
            --gt-text: #333333;
            --gt-gray: #666666;
            --gt-light: #f8f9fa;
            --gt-border: #e5e7eb;
        }

        /* --- 通用组件 --- */
        #gaotewei-wrapper .gt-section {
            padding: 60rem 0;
            width: 100%;
        }
        
        #gaotewei-wrapper .gt-container {
            max-width: 1920rem; /* 适配宽屏 */
            margin: 0 auto;
            padding: 0 0rem;
        }

        #gaotewei-wrapper .gt-title-wrap {
            text-align: center;
            margin-bottom: 30rem;
            position: relative;
        }

        #gaotewei-wrapper .gt-title-en {
            font-size: 70rem;
            font-weight: 900;
            color: #07315e2b;
            position: absolute;
            top: -34%;
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap;
            z-index: 0;
            letter-spacing: 2rem;
            text-shadow: 2rem 2rem 1rem #fffffffa;
        }

        #gaotewei-wrapper .gt-title-cn {
            font-size: 46rem;
            font-weight: bold;
            color: var(--gt-primary);
            position: relative;
            z-index: 1;
            display: inline-block;
            padding: 0 10rem;
        }
        
        /* 针对深色背景的特殊处理 */
        #gaotewei-wrapper .gt-section.bg-black .gt-title-cn {
            background: #000;
        }
        #gaotewei-wrapper .gt-section.bg-black .gt-title-en {
            color: #333;
        }

        #gaotewei-wrapper .gt-divider {
            width: 50rem;
            height: 4rem;
            background-color: var(--gt-primary);
            margin: 10rem auto 0;
            border-radius: 2rem;
        }

        #gaotewei-wrapper .gt-btn-more {
            display: inline-block;
            border: 1rem solid #ccc;
            padding: 6rem 16rem;
            font-size: 14rem;
            color: #666;
            border-radius: 4rem;
            transition: all 0.3s ease;
            background-color: #fff;
            margin-top: 10rem;
        }

        #gaotewei-wrapper .gt-btn-more:hover {
            background-color: var(--gt-primary);
            color: #fff;
            border-color: var(--gt-primary);
        }

        #gaotewei-wrapper .gt-btn-primary {
            background-color: var(--gt-primary);
            color: #fff;
            border: none;
            padding: 6rem 16rem;
            font-size: 14rem;
            border-radius: 4rem;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        #gaotewei-wrapper .gt-btn-primary:hover {
            background-color: var(--gt-primary-dark);
            transform: translateY(-2rem);
        }

        /* --- 1. 分类导航 --- */
        #gaotewei-wrapper .gt-grid-products {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 20rem;
        }
        
        @media (min-width: 640px) {
            #gaotewei-wrapper .gt-grid-products { grid-template-columns: repeat(2, 1fr); }
        }
        @media (min-width: 1024px) {
            #gaotewei-wrapper .gt-grid-products { grid-template-columns: repeat(3, 1fr); }
        }

        #gaotewei-wrapper .gt-card {
            background: #fff;
            border: 1rem solid var(--gt-border);
            border-radius: 8rem;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        #gaotewei-wrapper .gt-card:hover {
            transform: translateY(-5rem);
            box-shadow: 0 12rem 24rem rgba(0,0,0,0.08);
            border-color: var(--gt-primary);
        }

        #gaotewei-wrapper .gt-card-img {
            width: 100%;
            height: 200rem;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        #gaotewei-wrapper .gt-card:hover .gt-card-img {
            transform: scale(1.02);
        }

        #gaotewei-wrapper .gt-card-body {
            padding: 10rem;
        }

        #gaotewei-wrapper .gt-card-title {
            color: var(--gt-primary);
            font-weight: bold;
            font-size: 16rem;
            margin-bottom: 10rem;
        }

        #gaotewei-wrapper .gt-card-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 12rem;
            color: #999;
        }

        /* --- 2. 畅销全球 --- */
        #gaotewei-wrapper .gt-bg-gray {
            /* background-color: #f8f9fa; */
        }

        #gaotewei-wrapper .gt-flex-row {
            display: flex;
            flex-direction: column;
            gap: 30rem;
        }

        @media (min-width: 1024px) {
            #gaotewei-wrapper .gt-flex-row {
                flex-direction: row;
                align-items: center;
            }
        }

        #gaotewei-wrapper .gt-col-half {
            flex: 1;
            width: 100%;
        }

        #gaotewei-wrapper .gt-logos {
            display: flex;
            flex-wrap: wrap;
            gap: 10rem;
            justify-content: center;
        }
        
        @media (min-width: 1024px) {
            #gaotewei-wrapper .gt-logos { justify-content: flex-start; }
        }

        #gaotewei-wrapper .gt-logo-item {
            height: 30rem;
            border-radius: 4rem;
            background: #eee;
        }

        /* --- 3. 公司介绍 --- */
        #gaotewei-wrapper .gt-stats {
            display: flex;
            justify-content: space-between;
            margin-top: 30rem;
            gap: 10rem;
        }

        #gaotewei-wrapper .gt-stat-item {
            flex: 1;
            text-align: center;
            padding: 10rem;
            background: #f8f9fa;
            border-radius: 8rem;
        }

        #gaotewei-wrapper .gt-stat-num {
            font-size: 24rem;
            font-weight: bold;
            color: var(--gt-primary);
            display: block;
        }

        #gaotewei-wrapper .gt-stat-label {
            font-size: 12rem;
            color: #666;
            margin-top: 5rem;
        }

        /* --- 5. 20年专注 (黑底) --- */
        #gaotewei-wrapper .gt-bg-black {
            background-color: #000;
            color: #fff;
        }

        #gaotewei-wrapper .gt-bg-black .gt-title-cn {
            color: #fff;
        }
        
        #gaotewei-wrapper .gt-bg-black .gt-divider {
            background-color: #fff;
        }

        #gaotewei-wrapper .gt-bg-black p {
            color: #aaa;
        }

        #gaotewei-wrapper .gt-grid-features {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15rem;
            margin-bottom: 30rem;
        }

        @media (min-width: 640px) {
            #gaotewei-wrapper .gt-grid-features { grid-template-columns: repeat(3, 1fr); }
        }
        @media (min-width: 1024px) {
            #gaotewei-wrapper .gt-grid-features { grid-template-columns: repeat(4, 1fr); }
        }

        #gaotewei-wrapper .gt-feature-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 30rem;
            height: 30rem;
            background: #fff;
            color: #000;
            border-radius: 50%;
            font-weight: bold;
            font-size: 14rem;
            margin: 0 auto 5rem;
        }

        #gaotewei-wrapper .gt-feature-text {
            font-size: 12rem;
            text-align: center;
        }

        /* --- 6. 实力展示 --- */
        #gaotewei-wrapper .gt-grid-adv {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20rem;
        }
        @media (min-width: 1024px) {
            #gaotewei-wrapper .gt-grid-adv { grid-template-columns: repeat(2, 1fr); }
        }

        #gaotewei-wrapper .gt-adv-card {
            background: #fff;
            border: 1rem solid var(--gt-border);
            border-radius: 8rem;
            overflow: hidden;
            box-shadow: 0 2rem 4rem rgba(0,0,0,0.05);
        }

        #gaotewei-wrapper .gt-adv-header {
            position: relative;
            height: 240rem;
        }

        #gaotewei-wrapper .gt-adv-tag {
            position: absolute;
            top: 0;
            left: 0;
            background: linear-gradient(135deg, #fa2632 0%, #ae070e 100%);
            color: #fff;
            padding: 5rem 10rem;
            border-bottom-right-radius: 8rem;
            font-weight: bold;
            font-size: 30rem;
            line-height: 50rem;
            width: 30%;
            height: 100%;
        }
        
        #gaotewei-wrapper .gt-adv-tag span {
            font-size: 30rem;
            display: block;
            opacity: 0.8;
        }

        #gaotewei-wrapper .gt-adv-body {
            padding: 15rem;
        }

        #gaotewei-wrapper .gt-adv-title {
            font-size: 30rem;
            font-weight: bold;
            margin-bottom: 8rem;
            color: #333;
        }

        #gaotewei-wrapper .gt-adv-desc {
            font-size: 16rem;
            color: #666;
            line-height: 1.6;
        }

        /* --- 7. 生产流程 --- */
        #gaotewei-wrapper .gt-grid-process {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15rem;
        }
        @media (min-width: 640px) {
            #gaotewei-wrapper .gt-grid-process { grid-template-columns: repeat(3, 1fr); }
        }
        @media (min-width: 1024px) {
            #gaotewei-wrapper .gt-grid-process { grid-template-columns: repeat(6, 1fr); }
        }

        #gaotewei-wrapper .gt-process-item {
            background: #fff;
            padding: 10rem;
            border-radius: 8rem;
            text-align: center;
            border: 1rem solid var(--gt-border);
        }

        #gaotewei-wrapper .gt-process-img {
            width: 100%;
            height: 100rem;
            object-fit: cover;
            border-radius: 4rem;
            margin-bottom: 8rem;
        }

        #gaotewei-wrapper .gt-process-title {
            font-size: 12rem;
            font-weight: bold;
        }

        /* --- 9. 资质证书 --- */
        #gaotewei-wrapper .gt-cert-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20rem;
        }

        #gaotewei-wrapper .gt-cert-item {
            width: 100rem;
            transition: transform 0.3s;
        }
        
        @media (min-width: 640px) { #gaotewei-wrapper .gt-cert-item { width: 140rem; } }
        @media (min-width: 1024px) { #gaotewei-wrapper .gt-cert-item { width: 180rem; } }

        #gaotewei-wrapper .gt-cert-item:hover {
            transform: translateY(-5rem);
        }

        #gaotewei-wrapper .gt-cert-img {
            width: 100%;
            border: 1rem solid #ddd;
            border-radius: 4rem;
            box-shadow: 0 4rem 8rem rgba(0,0,0,0.1);
        }

        #gaotewei-wrapper .gt-cert-label {
            background: var(--gt-primary);
            color: #fff;
            text-align: center;
            font-size: 10rem;
            padding: 4rem 0;
            border-radius: 0 0 4rem 4rem;
            margin-top: -2rem;
            position: relative;
            z-index: 2;
        }

        /* --- 10. 主推产品 --- */
        #gaotewei-wrapper .gt-hero-product {
            background: #1a1a1a;
            color: #fff;
            padding: 30rem;
            border-radius: 10rem;
            display: flex;
            flex-direction: column;
            gap: 20rem;
        }
        
        @media (min-width: 1024px) {
            #gaotewei-wrapper .gt-hero-product {
                flex-direction: row;
                align-items: center;
            }
        }

        #gaotewei-wrapper .gt-hero-text h2 {
            font-size: 24rem;
            margin-bottom: 10rem;
            line-height: 1.3;
        }

        #gaotewei-wrapper .gt-hero-text p {
            color: #ccc;
            font-size: 14rem;
            margin-bottom: 20rem;
        }

        /* --- 11. 钻铣系列列表 --- */
        #gaotewei-wrapper .gt-product-list-item {
            border: 2rem solid var(--gt-primary);
            border-radius: 8rem;
            padding: 20rem;
            background: #fff;
            display: flex;
            flex-direction: column;
            gap: 20rem;
            margin-bottom: 20rem;
        }

        @media (min-width: 1024px) {
            #gaotewei-wrapper .gt-product-list-item {
                flex-direction: row;
                align-items: center;
            }
        }

        #gaotewei-wrapper .gt-list-content {
            flex: 2;
        }

        #gaotewei-wrapper .gt-list-img {
            flex: 1;
            width: 100%;
            height: 200rem;
            object-fit: cover;
            border-radius: 8rem;
        }

        #gaotewei-wrapper .gt-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8rem;
            margin: 10rem 0;
        }

        #gaotewei-wrapper .gt-tag {
            font-size: 12rem;
            color: var(--gt-primary);
            border: 1rem solid var(--gt-primary);
            padding: 2rem 6rem;
            border-radius: 4rem;
        }

        #gaotewei-wrapper .gt-list-title {
            font-size: 20rem;
            font-weight: bold;
            margin-bottom: 10rem;
        }
        
        

        /* 覆盖原有的 grid 样式，增加 gap 以容纳箭头 */
        #gaotewei-wrapper .gt-grid-process {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30rem 20rem; /* 行间距 30rem, 列间距 20rem (留给箭头) */
            position: relative;
        }

        @media (min-width: 640px) {
            #gaotewei-wrapper .gt-grid-process { 
                grid-template-columns: repeat(3, 1fr); 
                gap: 40rem 30rem;
            }
        }

        @media (min-width: 1024px) {
            #gaotewei-wrapper .gt-grid-process {
                grid-template-columns: repeat(6, 1fr);
                gap: 40rem 40rem; /* 大屏增加列间距 */
                padding-top: 40rem;
            }
        }

        #gaotewei-wrapper .gt-process-item {
            background: #fff;
            padding: 0; /* 移除 padding，由内部控制 */
            border-radius: 12rem;
            text-align: center;
            border: 1rem solid var(--gt-border);
            position: relative;
            transition: var(--gt-transition);
            overflow: visible; /* 允许箭头溢出 */
            z-index: 1;
        }

        /* 序号徽章 */
        #gaotewei-wrapper .gt-process-step-num {
            position: absolute;
            top: -10rem;
            left: 50%;
            transform: translateX(-50%);
            width: 50rem;
            height: 50rem;
            background: var(--gt-primary);
            color: #fff;
            border-radius: 50%;
            font-size: 18rem;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 3rem solid #fff;
            box-shadow: 0 4rem 8rem rgba(0,0,0,0.1);
            z-index: 2;
            transition: var(--gt-transition);
        }

        /* 图片容器 */
        #gaotewei-wrapper .gt-process-img-wrap {
            position: relative;
            width: 100%;
            height: 130rem;
            overflow: hidden;
            border-radius: 12rem 12rem 0 0;
        }

        #gaotewei-wrapper .gt-process-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

        /* 图片遮罩 (确保文字清晰) */
        #gaotewei-wrapper .gt-process-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
            z-index: 1;
        }

        #gaotewei-wrapper .gt-process-title {
            font-size: 13rem;
            font-weight: bold;
            color: #333;
            padding: 12rem 5rem;
            background: #fff;
            border-radius: 0 0 12rem 12rem;
            position: relative;
            z-index: 2;
            transition: var(--gt-transition);
        }

        /* --- 箭头逻辑 (核心) --- */
        
        /* 默认不显示箭头 (移动端垂直排列，不需要横向箭头) */
        #gaotewei-wrapper .gt-process-item::after {
            content: '';
            position: absolute;
            top: 50%;
            right: -20rem; /* 位置取决于 gap */
            width: 20rem;
            height: 2rem;
            background-color: #ddd;
            transform: translateY(-50%);
            display: none; /* 默认隐藏 */
            z-index: 0;
            transition: background-color 0.3s;
        }

        /* 箭头头部 */
        #gaotewei-wrapper .gt-process-item::before {
            content: '';
            position: absolute;
            top: 50%;
            right: -24rem;
            width: 0;
            height: 0;
            border-top: 6rem solid transparent;
            border-bottom: 6rem solid transparent;
            border-left: 8rem solid #ddd;
            transform: translateY(-50%);
            display: none;
            z-index: 0;
            transition: border-left-color 0.3s;
        }

        /* 大屏显示横向箭头 */
        @media (min-width: 1024px) {
            #gaotewei-wrapper .gt-process-item::after,
            #gaotewei-wrapper .gt-process-item::before {
                display: block;
            }

            /* 每一行的最后一个元素不显示箭头 */
            #gaotewei-wrapper .gt-process-item:nth-child(6n)::after,
            #gaotewei-wrapper .gt-process-item:nth-child(6n)::before {
                display: none;
            }
        }

        /* 中等屏幕 (3 列) 的箭头逻辑 */
        @media (min-width: 640px) and (max-width: 1023px) {
            #gaotewei-wrapper .gt-process-item::after,
            #gaotewei-wrapper .gt-process-item::before {
                display: block;
                right: -15rem; /* 调整位置匹配 gap */
            }
            #gaotewei-wrapper .gt-process-item::before {
                right: -19rem;
                border-left-width: 6rem;
            }

            /* 每 3 个隐藏一次 */
            #gaotewei-wrapper .gt-process-item:nth-child(3n)::after,
            #gaotewei-wrapper .gt-process-item:nth-child(3n)::before {
                display: none;
            }
        }

        /* --- Hover 动效 --- */
        #gaotewei-wrapper .gt-process-item:hover {
            transform: translateY(-8rem);
            box-shadow: 0 15rem 30rem rgba(0,0,0,0.1);
            border-color: var(--gt-primary);
            z-index: 10; /* 浮起时盖住箭头 */
        }

        #gaotewei-wrapper .gt-process-item:hover .gt-process-img {
            transform: scale(1.1);
        }

        #gaotewei-wrapper .gt-process-item:hover .gt-process-step-num {
            background: #fff;
            color: var(--gt-primary);
            transform: translateX(-50%) scale(1.1);
        }

        #gaotewei-wrapper .gt-process-item:hover .gt-process-title {
            color: var(--gt-primary);
        }

        /* Hover 时箭头变色 (只变右边的箭头) */
        @media (min-width: 640px) {
            #gaotewei-wrapper .gt-process-item:hover::after {
                background-color: var(--gt-primary);
            }
            #gaotewei-wrapper .gt-process-item:hover::before {
                border-left-color: var(--gt-primary);
            }
            
            /* 修复：如果是行尾元素，hover 时不要变色（因为没有箭头）*/
            /* 这里利用 CSS 选择器很难完美排除所有行尾，
               但视觉上如果它是最后一个，它没有 ::after，所以不会变色，逻辑自洽 */
        }
        
        
           @media (max-width: 1024px) {
           #gaotewei-wrapper .gt-section{
                   padding: 30rem 0;
                   display: flex;
                   align-items: center;
                   justify-content: center;
                   align-content: center;
           }
           #gaotewei-wrapper .gt-grid-process{
    padding-top: 10rem;
}
            }