@charset "utf-8";
/* CSS Document */

.aboutus-highlight{
	border-left: 4px solid #f5a623;
    padding-left: 15px;
    color: #222 !important;
    font-weight: 600;
    font-size: 18px !important;
	}
.aboutus-1 .counter {
    font-size: 40px;
    font-weight: bolder;
    color: #D5A354;
    font-family: math;
}
.aboutus-1 .jiahao {
    font-size: 40px;
    font-weight: bolder;
    color: #D5A354;
    font-family: math;
}
.aboutus-1 .jiudian21 {
    color: #707276;
    text-transform: capitalize;
}
/* ===== 自定义样式（避免冲突） ===== */
.xy-wrap {
    padding: 30px 0;
}

.xy-tabs {
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 30px;
    margin-right: 2rem;
}

.xy-tabs::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: #d6a54c;
    z-index: 0;
}

.xy-tabs .nav-link {
    border: none;
    color: #999;
    font-weight: 800;
    font-size: 26px;
    position: relative;
    padding: 10px 0;
    transition: all 0.3s ease;
}

.xy-tabs .nav-link.active {
    color: #D4A84F;
    /* font-size: 26px; */
}

.xy-tabs .nav-link::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #d6a54c;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease;
}

.xy-tabs .nav-link.active::after {
    opacity: 1;
}

.xy-tabs .nav-link:hover {
    color: #d6a54c;
}

/* 内容 */
.xy-year {
    font-size: 50px;
    font-weight: 700;
    color: #F4E6DC;
}

.xy-text {
    color: #666;
    font-size: 20px;
    line-height: 1.8;
}

/* 图片 */
.xy-img-box {
    overflow: hidden;
}

.xy-img-box img {
    width: 100%;
    transition: transform 0.5s ease;
}

.xy-img-box:hover img {
    transform: scale(1.05);
}

/* 响应式 */
@media (max-width: 991px) {
    .xy-year {
        font-size: 50px;
    }
}

/* ===== 自定义（避免冲突） ===== */
.zk-wrap {
    padding: 60px 0;
}

.zk-card {
    margin-bottom: 40px;
    transition: all 0.3s ease;
}

.zk-card:hover {
    transform: translateY(-5px);
}

.zk-img {
    overflow: hidden;
}

.zk-img img {
    width: 100%;
    transition: transform 0.5s ease;
}

.zk-img:hover img {
    transform: scale(1.05);
}

.zk-title {
    font-size: 26px;
    font-weight: 600;
    margin-top: 20px;
    line-height: normal;
    font-family: math;
}

.zk-text {
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    margin-top: 10px;
}

/* 视频模块 */
.zk-video-box {
    position: relative;
    margin-top: 2rem;
    cursor: pointer;
}

.zk-video-box img {
    width: 100%;
    display: block;
}

.zk-play-btn {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: rgba(0,0,0,0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zk-play-btn::after {
    content: "";
    border-left: 20px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-left: 5px;
}

.zk-video-text {
    position: absolute;
    top: 46%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    font-family: math;
}

/* 响应式 */
@media (max-width: 767px) {
    .zk-video-text {
        font-size: 18px;
    }
}

 .process-section { padding: 60px 0; }
        .step-number {font-size: 4rem;font-weight: bold;color: #F5EEE9;line-height: 1;position: absolute;top: -20px;right: 15px;z-index: -1;}
        .step-container {position: relative;/* margin-bottom: 80px; */}
        .step-title {font-weight: bold;font-size: 26px;text-transform: uppercase;margin-bottom: 15px;letter-spacing: 1px;}
        .highlight-box {border-left: 3px solid #d4af37;padding-left: 15px;margin-bottom: 20px;font-style: italic;color: #222;font-weight: 500;}
        .description-text {font-size: 16px;line-height: 1.8;color: #555;/* text-align: justify; */}
        
        /* Hover 效果 */
        .img-wrapper {overflow: hidden;/* border-radius: 4px; */box-shadow: 0 4px 6px rgba(0,0,0,0.1);transition: all 0.3s ease;}
        .img-wrapper:hover { transform: translateY(-5px); box-shadow: 0 12px 20px rgba(0,0,0,0.15); }
        .img-wrapper img { transition: transform 0.5s ease; width: 100%; height: auto; display: block; }
        .img-wrapper:hover img { transform: scale(1.05); }

        .footer-cta {background-color: #fff;/* padding: 40px 0; *//* border-top: 1px solid #eee; */margin-top: 5rem;}
        .btn-gold {background-color: #f3a63b;color: #000000;border-radius: 0;padding: 10px 30px;font-weight: 500;font-size: 18px;transition: 0.3s;}
        .btn-gold:hover {background: #d9a95d;
	color:#000;
	transform:translateY(-5px);}

        @media (max-width: 768px) {
            .step-container { text-align: center; }
            .highlight-box { border-left: none; border-top: 2px solid #d4af37; padding-left: 0; padding-top: 10px; }
            .step-number { right: 50%; transform: translateX(50%); }
        }
		.step-title span{ display:block; font-size:30px; margin-bottom:1rem;}
		
		
.footer-cta .kuang{ padding:40px 40px; border:2px solid #EBDFD7; font-size:18px;}
.aboutus_line{
	border-left: 4px solid #f5a623;
    color: #464241;
    font-size: 18px;
	padding:30px 25px;}


 /* 卡片容器 */
        .qc-card-item {
            background: #fff;
            border: none;
            /* border-radius: 0; */
            margin-bottom: 30px;
            transition: all 0.3s ease-in-out;
            height: calc(100% - 30px);
            /* box-shadow: 0 2px 5px rgba(0,0,0,0.05); */
            border: 2px solid #F5EEE9;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }

        /* Hover 效果 */
        .qc-card-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }

        /* 图片缩放效果 */
        .qc-card-img-wrapper {
            overflow: hidden;
            /* border-top-left-radius: 20px; */
            position: relative;
        }

        .qc-card-img-wrapper img {
            width: 100%;
            height: auto;
            transition: transform 0.5s ease;
        }

        .qc-card-item:hover .qc-card-img-wrapper img {
            transform: scale(1.1);
        }

        /* 文字内容样式 */
        .qc-card-body {
            padding: 30px;
            /* display: flex; */
        }

        .qc-card-number {
            font-size: 2.8rem;
            font-weight: 900;
            color: var(--qc-header-black);
            margin-right: 15px;
            display: inline-block;
            vertical-align: top;
            line-height: 1.2;
        }

        .qc-card-title-group {
            display: inline-block;
            width: calc(100% - 75px);
        }

        .qc-card-main-title {
            font-size: 26px;
            font-weight: 700;
            color: var(--qc-header-black);
            margin-bottom: 20px;
            line-height: 1.1;
        }

        .qc-card-description {
            font-size: 16px;
            color: var(--qc-text-gray);
            line-height: 1.6;
            /* text-align: justify; */
        }

        /* 底部统计条 */
        .qc-stats-bar {
            background-color: #231F1E;
            color: #fff;
            padding: 25px 40px;
            margin-top: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .qc-stats-left {
            display: flex;
            align-items: center;
        }

        .qc-stats-icon-box {
            border: 1px solid rgba(255,255,255,0.3);
            padding: 10px;
            margin-right: 20px;
        }

        .qc-stats-number {
            font-size: 2.5rem;
            font-weight: 700;
            color: #D5A354;
            margin-right: 15px;
        }

        .qc-stats-label {
            font-size: 16px;
            color: #BCB8B7;
        }

        .qc-stats-right {
            font-size: 16px;
            color: #BCB8B7;
            text-align: right;
        }

        @media (max-width: 768px) {
            .qc-stats-bar {
                text-align: center;
                justify-content: center;
            }
            .qc-stats-right {
                text-align: center;
                margin-top: 15px;
                width: 100%;
            }
        }
	/* 顶部标题区域 */
        .global-spec-header {text-align: center;padding: 0px 0 40px;}
        .global-spec-main-title { font-size: 2.2rem; margin-bottom: 25px; color: #1a1a1a; }
        .global-spec-cert-list {font-size: 18px;font-weight: bold;color: #666;margin-bottom: 15px;font-family: Arial, sans-serif;}
        .global-spec-sub-text {font-size: 16px;color: #999;font-style: italic;}

        /* 手风琴/Tab 区域 */
        .global-spec-accordion-section {/* max-width: 960px; */margin: 0 auto 50px;}
        .global-spec-card {border: 2px solid #F5EEE9;border-radius: 0;margin-bottom: 10px;transition: all 0.3s;}
        .global-spec-card:hover { border-color: #ffb137; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
        
        .global-spec-card-header { background: #fff; padding: 0; border: none; }
        .global-spec-btn-link { 
            width: 100%; text-align: left; padding: 20px 30px; 
            display: flex; align-items: center; text-decoration: none !important; color: #1a1a1a;
        }
        .global-spec-region-code {font-weight: bold;width: 60px;font-family: Arial, sans-serif;font-size: 20px;}
        .global-spec-region-title {font-weight: bold;font-size: 20px;flex-grow: 1;}
        .global-spec-icon {font-size: 2rem;color: #333;font-weight: bolder;line-height: normal;}

        .global-spec-collapse-content {padding: 0 30px 20px 90px;color: #777;font-size: 0.95rem;font-family: Arial, sans-serif;}
        
        .global-spec-view-link { text-align: center; margin-bottom: 60px; }
        .global-spec-view-link a {/* color: #d4af37; *//* text-decoration: underline; *//* font-weight: bold; */}

        /* 底部 ODM 区域 */
        .global-spec-odm-box {background-color: #1e1b1a;color: #fff;padding: 30px 40px 20px;border-radius: 0;}
        .global-spec-odm-title {font-size: 1.8rem;margin-bottom: 40px;color: #fff;text-align: left;}
        .global-spec-list-item {font-size: 16px;margin-bottom: 15px;color: #BCB8B7;font-family: Arial, sans-serif;}
        
        .global-spec-cta-btn { 
            background-color: #fbb03b; border: none; border-radius: 4px; 
            padding: 15px 40px; font-weight: bold; color: #1e1b1a; 
            margin-top: 30px; transition: 0.3s;
        }
        .global-spec-cta-btn:hover { background: #d9a95d;
	color:#000;
	transform:translateY(-5px);}
        .global-spec-footer-note {font-style: italic;color: #777;font-size: 16px;margin-top: 20px;}

        @media (max-width: 768px) {
            .global-spec-collapse-content { padding-left: 30px; }
            .global-spec-odm-title { font-size: 1.4rem; }
        }
		  .logistics-hub-top-section { padding: 60px 0; }
        
        /* 左侧大图模拟 */
        .logistics-hub-hero-wrapper {
            position: relative;
            background: #e9ecef url('../aboutus-img/img21.jpg') center/cover;
            min-height: 650px;
            border-radius: 4px;
            overflow: hidden;
        }
        .logistics-hub-stats-overlay {
            position: absolute;
            bottom: 30px;
            left: 30px;
            right: 30px;
            display: flex;
            gap: 40px;
        }
        .logistics-hub-stat-box {
            background: rgba(255, 255, 255, 0.9);
            padding: 15px 25px;
            border-radius: 20px;
            flex: 1;
            /* width: 200px; */
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        .logistics-hub-stat-number {font-size: 30px;font-weight: 900;color: #D4A84F;line-height: 1;}
        .logistics-hub-stat-label {font-size: 16px;color: #666;margin-top: 5px;}

        /* 右侧合规列表 */
        .logistics-hub-compliance-card {
            border: 1px solid #eee;
            border-radius: 12px;
            padding: 25px 35px;
            margin-bottom: 20px;
            transition: all 0.3s ease;
        }
        .logistics-hub-compliance-card:hover {
            transform: translateX(10px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            border-color: #ddd;
        }
        .logistics-hub-region-name {font-weight: bold;font-size: 18px;color: #1a1a1a;margin-bottom: 5px;}
        .logistics-hub-country-list {font-size: 16px;color: #777;margin-bottom: 5px;}
        .logistics-hub-standards {font-size: 16px;color: #D4A84F;font-weight: 500;}

        /* 下部：展会深色区域 */
        .logistics-hub-dark-footer {
            background-color: #221f1f;
            color: #fff;
            padding: 40px 0;
        }
        .logistics-hub-footer-sub {color: #666;font-size: 18px;margin-bottom: 10px;}
        .logistics-hub-footer-title { font-size: 1.75rem; font-weight: bold; margin-bottom: 50px; }
        .logistics-hub-title-highlight { color: #fff; }
        
        .logistics-hub-show-card {
            background-color: #2d2a2a;
            padding: 40px 30px;
            border-radius: 8px;
            height: 100%;
            transition: background-color 0.3s;
        }
        .logistics-hub-show-card:hover {
            background-color: #383434;
        }
        .logistics-hub-show-name { font-weight: bold; font-size: 1.1rem; margin-bottom: 10px; }
        .logistics-hub-show-loc {font-size: 16px;color: #aaa;margin-bottom: 15px;}
        .logistics-hub-show-desc {font-size: 16px;color: #777;line-height: 1.6;}

        @media (max-width: 768px) {
            .logistics-hub-stats-overlay { position: static; margin-top: 20px; padding: 0 15px; }
            .logistics-hub-hero-wrapper { min-height: 300px; }
            .logistics-hub-compliance-card { text-align: center; }
        }
		.logistics-padd{padding: 10px 40px 30px;}
		.logistics-hub-box{display:flex;flex-wrap:wrap;justify-content: space-between;}
		.logistics-hub-1{ display:inline-block;}
		.logistics-hub-2{display:inline-block;color: #343434;font-size: 60px;font-weight: bolder;text-transform: uppercase;line-height: normal;font-family: auto;}
 .hf-service-section {/* padding: 0px 0px 60px; */}
        
        /* 卡片基础样式 */
        .hf-service-card {
            border: 2px solid #F5EEE9;
            /* border-radius: 8px; */
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            /* margin-bottom: 30px; */
            background: #fff;
            border-top-right-radius: 20px;
            border-top-left-radius: 20px;
            height: 100%;
        }

        /* Hover 效果 */
        .hf-service-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.1);
            border-color: #e0e0e0;
        }

        /* 图片缩放 */
        .hf-service-img-box {
            overflow: hidden;
            position: relative;
            /* height: 280px; */
        }
        .hf-service-img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }
        .hf-service-card:hover .hf-service-img-box img {
            transform: scale(1.08);
        }

        .hf-service-body { padding: 25px; }

        /* 文字样式还原 */
        .hf-service-label {
            font-size: 14px;
            color: #D4A84F;
            margin-bottom: 10px;
            font-weight: 500;
            /* border-bottom: 1px solid #f0f0f0; */
            /* padding-bottom: 5px; */
            display: inline-block;
        }
        .hf-service-title {
            font-size: 20px;
            font-weight: 700;
            line-height: 1.4;
            color: #1a1a1a;
            margin-bottom: 15px;
        }
        .hf-service-text {
            font-size: 16px;
            color: #666;
            line-height: 1.7;
            margin-bottom: 15px;
            /* text-align: justify; */
        }
        .hf-service-quote {
            font-style: italic;
            font-size: 16px;
            color: #888;
            padding-top: 10px;
            border-top: 1px dashed #eee;
        }
        .hf-service-link { color: #c5a059; text-decoration: underline; }

        /* 底部黄色提示条 */
        .hf-service-risk-bar {
            background-color: #F9F5F2;
            border: 2px solid #EBDFD7;
            padding: 30px;
            margin-top: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .hf-service-risk-title {font-weight: bold;font-size: 20px;margin-bottom: 10px;color: #1a1a1a;font-family: math;}
        .hf-service-risk-desc {font-size: 16px;color: #221F1E;max-width: 700px;margin: 0;line-height: normal;}
        .hf-service-cta-btn {
            background-color: #fbb03b;
            color: #1a1a1a;
            font-weight: bold;
            padding: 12px 25px;
            border: none;
            border-radius: 4px;
            transition: background 0.3s;
            text-decoration: none !important;
        }
        .hf-service-cta-btn:hover { background-color: #f39c12; color: #000; }

        @media (max-width: 768px) {
            .hf-service-risk-bar { text-align: center; justify-content: center; }
            .hf-service-cta-btn { margin-top: 20px; width: 100%; text-align: center; }
        }
		.hf-service-1{ margin-bottom:30px;}
.contact-section-wrapper { padding: 80px 0; }
        
        /* 表单样式 */
        .contact-section-form-container { background: transparent; }
        .contact-section-input { 
            border-radius: 0; 
            border: 1px solid #eee; 
            padding: 15px; 
            height: auto; 
            margin-bottom: 20px;
            font-size: 0.95rem;
        }
        .contact-section-input:focus {
            border-color: #fbb03b;
            box-shadow: none;
            background-color: #fff;
        }
        .contact-section-textarea { min-height: 150px; }
        
        /* 按钮样式 */
        .contact-section-submit-btn {
            background-color: #fbb03b;
            color: #1a1a1a;
            font-weight: bold;
            width: 100%;
            padding: 15px;
            border: none;
            border-radius: 4px;
            font-size: 1.1rem;
            transition: all 0.3s ease;
        }
        .contact-section-submit-btn:hover {
            background-color: #f39c12;
            transform: translateY(-2px);
        }

        /* 底部小标签 */
        .contact-section-footer-tags {
            font-size: 14px;
            color: #686261;
            margin-top: 15px;
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }

        /* 右侧内容区域 */
        .contact-section-info-text { font-size: 0.95rem; color: #666; line-height: 1.6; margin-bottom: 30px; }
        .contact-section-highlight-box {
            background-color: #F8F1EC;
            padding: 30px;
            border-radius: 12px;
            font-size: 16px;
            color: #555;
            line-height: 1.7;
            margin-bottom: 40px;
            border: 1px solid #F4E6DC;
        }

        /* 快速联系方式 */
        .contact-section-fast-response-title {
            font-family: Georgia, serif;
            font-size: 1.25rem;
            margin-bottom: 20px;
        }
        .contact-section-contact-method {
            background: #fff;
            border: 1px solid #f0f0f0;
            padding: 12px 20px;
            border-radius: 30px;
            display: inline-flex;
            align-items: center;
            margin-right: 15px;
            font-size: 18px;
            margin-bottom: 15px;
            text-decoration: none !important;
            color: #333;
            transition: border-color 0.3s;
        }
        .contact-section-contact-method:hover { border-color: #fbb03b; }
        .contact-section-icon { margin-right: 10px; width: 20px; }

        @media (max-width: 768px) {
            .contact-section-wrapper { padding: 40px 0; }
            .contact-section-contact-method { width: 100%; }
        }