  /* 基础样式与变量定义 */
        :root {
            --primary: #0449B7; /* 深蓝色 - 主品牌色 */
            --primary_light: #e6eeff; /* 浅蓝色 */
			--primary-dark: #003580;
			--primary-color: #1a73e8;
            --secondary: #ff6600; /* 橙色 - 强调色 */
			--light-gray: #F5F7FA;
            --dark: #333333; /* 深灰色 */
            --light: #f8f9fa; /* 浅灰色 */
            --gray: #6c757d; /* 中灰色 */
            --white: #ffffff; /* 白色 */
            --border: #E5E7EB;		
			--gold: #D4AF37;
			--silver: #C0C0C0;
			--bronze: #CD7F32;
			
			--accent: #06b6d4;
            --accent-color: #00bcd4;
            --accent-light: #22d3ee;
			--transition: all 0.4s ease;
			--radius:8px;
			
            --light-gray: #f0f0f0;
            --shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
            --shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.15);
            --transition: all 0.4s ease;
            --success: #10b981;
            --gradient: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
            --gradient-light: linear-gradient(135deg, var(--primary-light) 0%, var(--secondary-light) 100%);
            --white: #ffffff;
			
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family:  'Microsoft YaHei','Noto Sans SC', 'Segoe UI', sans-serif;
        }
        
        html {
            scroll-behavior: smooth;
        }
        
        body {
            color: var(--dark);
            line-height: 1.6;
            overflow-x: hidden;
            font-weight: 400;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;

        }
ul { list-style: none; }
        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        section {
            padding: 80px 0;
        }
        
        h1, h2, h3, h4 {
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 1rem;
        }

        h2 {
            font-size: 2.5rem;
            text-align: center;
            margin-bottom: 1rem;
            position: relative;
        }
        
        h2:after {
            content: '';
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: var(--secondary);
        }
        
        .section_subtitle {
            text-align: center;
            font-size: 1.1rem;
            color: var(--gray);
            max-width: 700px;
            margin: 0 auto 3rem;
        }
        
        p {
            margin-bottom: 1.5rem;
        }
a {	color: var(--primary-color);	text-decoration: none; 	transition: var(--transition);}
a:hover { text-decoration: none; }
a:visited { text-decoration: none; }
        .btn {
            display: inline-block;
            padding:5px 20px 5px 20px; 
            background: var(--primary);
            color: white;
            border: none;  
            border-radius: 4px;
            text-decoration: none;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        
        .btn:hover {
            background: var(--secondary);
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        
        .btn_secondary {
            background: var(--secondary);
        }
        
        .btn_secondary:hover {
            background: #e55c00;
        }


/***翻页公共样式***/

.fy{ text-align:center; margin-top:30px;margin-bottom:30px; font-size:1rem;}
.fy a,.fy span { display:inline-table; padding:2px 8px; margin:0 0.2%; background:#fff; border-radius:8px; border:1px solid #bdbdbd;  }
.fy a:hover{ border:1px solid #ff4800;  background:#ff4800; color:#fff; }
.fy .fy_on{ border:1px solid #ff4800; padding:2px 8px; background:#ff4800; color:#fff;}
.fy .this_on_page{ background:#ff4800;border:1px solid #ff4800;  background:#ff4800; color:#fff; }

/* 排版 - 移动优先 */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-heading);
	margin-bottom: 1rem;
	line-height: 1.2;
	color: var(--text-color);
}

h1 { font-size: 2rem; font-weight:normal;}  
h2 { font-size: 1.6rem; font-weight:normal;}
h3 { font-size: 1.15rem; font-weight:normal }
h4 { font-size: 1.1rem;font-weight:normal }
h5 { font-size: 1.05rem; font-weight:normal}  
h6 { font-size: 1rem; font-weight:normal}
    
p  { margin-bottom: 1rem; }



table    { margin:10px 0px 10px 0px;}
table th { padding:5px; background:#f1f1f1;}
table td { padding:5px;}  

/**公共隔断**/
.ge50 { clear:both; height:50px;}
.ge40 { clear:both; height:40px;}
.ge30 { clear:both; height:30px;}
.ge20 { clear:both; height:20px;}
.ge10 { clear:both; height:10px; font-size:1px;}
.ge00 { clear:both; height:00px; font-size:0px;}

      
/*通用*/	
.zw_top_banner { clear:both; width:100%;}
.zw_top_banner_bg { min-height:300px; padding:100px 0px 50px 0px; margin-top:70px; }	
.wl_top_banner_bg { min-height:550px; padding:200px 10px 50px 10px;}
.wl_top_banner_bg .zw_top_banner_des1 { text-align:left}
.wl_top_banner_bg .zw_top_banner_des2 { text-align:left}
.zw_top_banner_zw { width:1200px; margin:0 auto;  animation: fadeInUp 1s ease; text-align:center }
.zw_top_banner_des1 { font-size:2.9rem;}    
.zw_top_banner_des2 { font-size:1.5rem;}        

.gjwl_top_banner_bg { min-height:480px; padding:100px 0px 50px 0px; margin-top:70px; }	
	  
	  
/*其他通用页面*/
.other_bg    { clear:both; width:100%;}   
.other       { width:1200px; margin:0 auto;}
.other_bt    { padding:50px 0px 20px 0px; text-align:center }
.other_bt h1 { line-height:30px; font-weight:normal; font-size:32px; color:#1a1a1a; }
.other_zw    { padding:20px 10px 20px 10px; line-height:200%; font-size:14px;}
  
.content_bg  { clear:both; width:100%;}
.content     { width:1200px; margin:0 auto;}
.content_bt  { padding:50px 0px 20px 0px; text-align:center }
.content_bt h1 { line-height:30px; font-weight:normal; font-size:32px; color:#1a1a1a; }
.content_zw   { padding:20px 10px 20px 10px; line-height:200%; font-size:14px;}
.content_zw h2 ,.other_zw h2 { text-align:left; font-size:1.6rem}
.content_zw h2:after,.other_zw h2:after { text-align:left;  left: 0; width: 0px;}
  

.index_bottom_friend_links_bg { background:#2d2d2d}	
.index_bottom_friend_links { width:1200px; margin:0 auto; padding:10px;}	
.index_bottom_friend_links_list ,.index_bottom_friend_links_list a { color:#ccc; font-size:0.7rem;}
.index_bottom_friend_links_list a:hover { color:#fff;} 
	  
	    
/* 头部导航栏样式 */  
.head_header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            background: var(--white);
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
}
        
.head_header_scrolled {
            background: var(--white);
            padding: 5px 0;
}
        
.head_navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
}
        
        .head_logo {
            display: flex;
            align-items: center;
        }
        
        .head_logo h1 {
            font-size: 1.8rem;
            margin-bottom: 0;
            color: var(--primary);
        }
        
        .head_logo span {
            color: var(--secondary);
        }
        
        .head_nav_menu {
            display: flex;
            list-style: none;
            align-items: center;
        }
        
        .head_nav_menu li {
            margin-left: 25px;
        }
        
        .head_nav_menu a {
            text-decoration: none;
            color: var(--dark);
            font-weight: 500;
            transition: color 0.3s;
            position: relative;
            font-size: 0.95rem;
        }
        
        .head_nav_menu a:hover {
         
        }
        
        .head_nav_menu a:after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--primary);
            transition: width 0.3s;
        }
		.head_nav_menu a.active { color: var(--primary); }
        
        .head_nav_menu a.active:after {
            width: 100%;
        }
        
        .head_nav_menu a:hover:after {
            width: 100%;
        }
        
        /* 新增：导航栏图标样式 */
        .nav_icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--primary_light);
            color: var(--primary);
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative; 
        }
        
        .nav_icon:hover {
            background: var(--primary);
            color: white;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(4, 73, 183, 0.3); 
        }
        
        .nav_icon div {
            font-size: 1.2rem;
        }
        
        .nav_icon_tooltip {
            position: absolute;
            bottom: -40px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--dark);
            color: white;
            padding: 5px 10px;
            border-radius: 4px;
            font-size: 0.8rem;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        
        .nav_icon:hover .nav_icon_tooltip {
            opacity: 1;
            visibility: visible;
            bottom: -38px;
        }
        
        .nav_icon_tooltip:after {
            content: '';
            position: absolute;
            top: -5px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid var(--dark);
        }
        
        .nav_icons_container {
            display: flex;
            gap: 10px;
        }
        
        .head_hamburger {
            display: none;
            cursor: pointer;
            font-size: 1.5rem;
        }

/* 分类导航 */
 .content_category-nav {
    background: var(--white); /* 改为纯白色，避免半透明模糊 */
    /* 移除 backdrop-filter，防止模糊效果 */
    /* backdrop-filter: blur(10px); */
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
    padding: 0;
    position: sticky;
    top: 70px;
    z-index: 999;
    border-bottom: 1px solid var(--border);
}

.content_category-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0; /* 增加内边距，避免内容过挤 */
}

.content_category-title {
    font-size: 1.2rem;
    color: var(--primary-color);
    font-weight: bold;
    display: flex;
    align-items: center;
}

.content_category-links {
    display: flex;
    list-style: none;
    gap: 5px; /* 使用 gap 替代 margin，更现代 */
}

.content_category-link {
    padding: 12px 20px; /* 调整内边距 */
    cursor: pointer;
    transition: var(--transition);
    border-bottom: 3px solid transparent;
    color: var(--dark);
    position: relative;
    overflow: hidden;
    border-radius: var(--radius); /* 使用圆角 */
}

.content_category-link a {
    color: var(--primary-color) !important;
    font-weight: 500;
    display: block; /* 确保链接填满整个区域 */
    text-decoration: none; /* 移除下划线 */
}

.content_category-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
    transition: var(--transition);
}

.content_category-link.active, 
.content_category-link:hover {
    color: var(--primary-color);
}

.content_category-link.active::before, 
.content_category-link:hover::before {
    width: 100%;
}

.content_category-link.active a {
    color: var(--primary-color) !important;
}
        /* 面包屑导航 */
        .content_breadcrumb-section {
            background: var(--light-bg);
            padding: 15px 0;
            border-bottom: 1px solid var(--border-color);
        }
        
        .content_breadcrumb {
            display: flex;
            list-style: none;
            font-size: 0.85rem;
        }
        
        .content_breadcrumb li {
            margin-right: 15px;
            display: flex;
            align-items: center;
        }
        
        .content_breadcrumb a {
            color: var(--text-light);
            text-decoration: none;
            transition: var(--transition);
            padding: 5px 10px;
            border-radius: 4px;
        }
        
        .content_breadcrumb a:hover {
            color: var(--primary-color);
            background: rgba(26, 115, 232, 0.08);
        }
        
        .content_breadcrumb li:not(:last-child)::after {
            content: ">";
        }
        
        .content_breadcrumb .current {
            color: var(--primary-color);
            font-weight: 500;
        }
		
		
		
/* 轮播图区域 */
        .index_banner_slider {
            height: calc(100vh - 20px);
            position: relative;
            overflow: hidden;
            margin-top: 0;
        }
        
        .index_banner_slides {
            display: flex;
            width: 300%;
            height: 100%;
            transition: transform 0.8s ease;
        }
        
        .index_banner_slide {
            width: 33.333%;
            height: 100%;
            position: relative;
        }
        
        .index_banner_slide_img {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
        }
        
        .index_banner_slide_content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            color: white;
            background: rgba(4, 73, 183, 0.7);
        }
        
        .index_banner_slide_text {
            max-width: 650px;
            padding: 0 20px;
        }
        
        .index_banner_slide_text h1 {
            font-size: 3.5rem;
            margin-bottom: 1.5rem;
            animation: index_fadeInDown 1s ease;
        }
        
        .index_banner_slide_text p {
            font-size: 1.3rem;
            margin-bottom: 2rem;
            animation: index_fadeInUp 1s ease 0.3s both;
        }
        
        .index_banner_slide_buttons {
            animation: index_fadeInUp 1s ease 0.6s both;
        }
        
        .index_banner_indicators {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
        }
        
        .index_banner_indicator {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .index_banner_indicator_active {
            background: var(--secondary);
            transform: scale(1.2);
        }
        
        .index_banner_controls {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0 30px;
            transform: translateY(-50%);
        }
        
        .index_banner_control {
            background: rgba(255, 255, 255, 0.2);
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
            color: white;
            font-size: 1.5rem;
            backdrop-filter: blur(5px);
        }
        
        .index_banner_control:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: scale(1.1);
        }
        
        /* 动画关键帧 */
        @keyframes index_fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes index_fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes index_fadeInLeft {
            from {
                opacity: 0;
                transform: translateX(-30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        @keyframes index_fadeInRight {
            from {
                opacity: 0;
                transform: translateX(30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        @keyframes index_zoomIn {
            from {
                opacity: 0;
                transform: scale(0.8);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }
        
        @keyframes index_float {
            0% {
                transform: translateY(0px);
            }
            50% {
                transform: translateY(-10px);
            }
            100% {
                transform: translateY(0px);
            }
        }
        
        @keyframes index_scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(calc(-250px * 7));
            }
        }
        
        /* 服务区域 - 替换为国际物流服务 */
        .index_services {
            background: var(--light);
        }
        
        .index_service_grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        
        .index_service_card {
            background: white;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
            opacity: 0;
            transform: translateY(30px);
            border-top: 4px solid var(--primary);
        }
        
        .index_service_card_animated {
            animation: index_fadeInUp 0.8s ease forwards;
        }
        
        .index_service_card:nth-child(1).index_service_card_animated {
            animation-delay: 0.2s;
        }
        
        .index_service_card:nth-child(2).index_service_card_animated {
            animation-delay: 0.4s;
        }
        
        .index_service_card:nth-child(3).index_service_card_animated {
            animation-delay: 0.6s;
        }
        
        .index_service_card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        
        .index_service_icon {
            font-size: 3rem;
            color: var(--primary);
            margin-bottom: 20px;
        }
        
        .index_service_card h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: var(--primary);
        }
        
        /* 关于我们 - 新样式 */
        .index_about {
            background: var(--primary_light);
        }
        
        .index_about_content {
            text-align: center;
            max-width: 800px;
            margin: 0 auto 50px;
        }
        
        .index_about_grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        
        .index_about_card {
            background: white;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
            opacity: 0;
            transform: translateY(30px);
        }
        
        .index_about_card_animated {
            animation: index_fadeInUp 0.8s ease forwards;
        }
        
        .index_about_card:nth-child(1).index_about_card_animated {
            animation-delay: 0.2s;
        }
        
        .index_about_card:nth-child(2).index_about_card_animated {
            animation-delay: 0.4s;
        }
        
        .index_about_card:nth-child(3).index_about_card_animated {
            animation-delay: 0.6s;
        }
        
        .index_about_card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        
        .index_about_icon {
            font-size: 3rem;
            color: var(--primary);
            margin-bottom: 20px;
        }
        
        .index_about_card h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: var(--primary);
        }
        
        .index_stats {
            display: flex;
            justify-content: space-between;
            margin-top: 50px;
            background: white;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        }
        
        .index_stat_item {
            text-align: center;
            opacity: 0;
            transform: translateY(30px);
        }
        
        .index_stat_item_animated {
            animation: index_fadeInUp 0.8s ease forwards;
        }
        
        .index_stat_item:nth-child(1).index_stat_item_animated {
            animation-delay: 0.2s;
        }
        
        .index_stat_item:nth-child(2).index_stat_item_animated {
            animation-delay: 0.4s;
        }
        
        .index_stat_item:nth-child(3).index_stat_item_animated {
            animation-delay: 0.6s;
        }
        
        .index_stat_number {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--primary);
        }
        
        .index_stat_text {
            font-size: 0.9rem;
            color: var(--gray);
        }
        
        /* 国内物流服务 */
        .index_domestic {
            background: var(--white);
        }
        
        .index_domestic_grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        
        .index_domestic_card {
            background: var(--light);
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
            opacity: 0;
            transform: translateY(30px);
        }
        
        .index_domestic_card_animated {
            animation: index_fadeInUp 0.8s ease forwards;
        }
        
        .index_domestic_card:nth-child(1).index_domestic_card_animated {
            animation-delay: 0.2s;
        }
        
        .index_domestic_card:nth-child(2).index_domestic_card_animated {
            animation-delay: 0.4s;
        }
        
        .index_domestic_card:nth-child(3).index_domestic_card_animated {
            animation-delay: 0.6s;
        }
        
        .index_domestic_card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        
        .index_domestic_icon {
            font-size: 3rem;
            color: var(--primary);
            margin-bottom: 20px;
        }
        
        .index_domestic_card h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: var(--primary);
        }
        
        /* 新闻资讯 */
        .index_news {
            background: var(--light);
        }
        
        .index_news_tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 40px;
            border-bottom: 1px solid #eee;
        }
        
        .index_news_tab {
            padding: 12px 25px;
            background: none;
            border: none;
            font-size: 1rem;
            font-weight: 500;
            color: var(--gray);
            cursor: pointer;
            transition: all 0.3s;
            position: relative;
        }
        
        .index_news_tab_active {
            color: var(--primary);
        }
        
        .index_news_tab_active:after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 3px;
            background: var(--primary);
        }
        
        .index_news_tab:hover {
            color: var(--primary);
        }
        
        .index_news_grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .index_news_card {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
            opacity: 0;
            transform: translateY(30px);
        }
        
        .index_news_card_animated {
            animation: index_fadeInUp 0.8s ease forwards;
        }
        
        .index_news_card:nth-child(1).index_news_card_animated {
            animation-delay: 0.2s;
        }
        
        .index_news_card:nth-child(2).index_news_card_animated {
            animation-delay: 0.4s;
        }
        
        .index_news_card:nth-child(3).index_news_card_animated {
            animation-delay: 0.6s;
        }
        
        .index_news_card:hover {
            transform: translateY(-10px);
        }
        
        .index_news_img {
            min-height: 200px;
            background-size: cover;
            background-position: center;
        }
        .index_news_img img{ width:100%}  
        .index_news_content {
            padding: 25px;
        }
        
        .index_news_date {
            color: var(--gray);
            font-size: 0.9rem;
            margin-bottom: 10px;
        }
        
        .index_news_content h3 {
            font-size: 1.3rem;
            margin-bottom: 15px;
            color: var(--primary);
        }
        
        /* 经典客户 - 新样式 */
        .index_clients {
            background: var(--white);
            position: relative;
            overflow: hidden;
        }
        
        .index_client_testimonials {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-bottom: 50px;
        }
        
        .index_testimonial_card {
            background: var(--light);
            border-radius: 8px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
            opacity: 0;
            transform: translateY(30px);
        }
        
        .index_testimonial_card_animated {
            animation: index_fadeInUp 0.8s ease forwards;
        }
        
        .index_testimonial_card:nth-child(1).index_testimonial_card_animated {
            animation-delay: 0.2s;
        }
        
        .index_testimonial_card:nth-child(2).index_testimonial_card_animated {
            animation-delay: 0.4s;
        }
        
        .index_testimonial_card:nth-child(3).index_testimonial_card_animated {
            animation-delay: 0.6s;
        }
        
        .index_testimonial_card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        
        .index_testimonial_text {
            font-style: italic;
            margin-bottom: 20px;
            position: relative;
        }
		.index_testimonial_text a { color:#666}
		.index_testimonial_text a:hover { color:#ff4800}
        
        .index_testimonial_text:before {
            content: '"';
            font-size: 3rem;
            color: var(--primary_light);
            position: absolute;
            top: -15px;
            left: -10px;
            line-height: 1;
        }
        
        .index_testimonial_author {
            display: flex;
            align-items: center;
        }
        
        .index_testimonial_avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: var(--primary);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            margin-right: 15px;
        }
        
        .index_testimonial_info h4 {
            margin-bottom: 5px;
            font-size: 1.1rem;
        }
        
        .index_testimonial_info p {
            margin: 0;
            color: var(--gray);
            font-size: 0.9rem;
        }
        
        .index_client_logos_container {
            position: relative;
            height: 120px;
            margin: 30px auto;
            overflow: hidden;
            max-width: 100%;
        }
        
        .index_client_logos_track {
            display: flex;
            width: calc(250px * 14);
            animation: index_scroll 40s linear infinite;
        }
        
        .index_client_logo {
            width: 200px;
            height: 100px;
            background: white;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            margin: 0 25px;
            transition: all 0.3s; text-align:center;
        }
        
        .index_client_logo:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
        }
        
        .index_client_logo img {
            max-width: 80%;
            max-height: 60%;
            filter: grayscale(100%);
            transition: filter 0.3s;
        }
        
        .index_client_logo:hover img {
            filter: grayscale(0%);
        }
        
        /* CTA区域 */
        .index_cta {
            
            color: white;
            text-align: center;
        }
        
        .index_cta h2 {
            color: white;
        }
        
        .index_cta h2:after {
            background: var(--secondary);
            left: 50%;
            transform: translateX(-50%);
        }
        
        .index_cta_content {
            opacity: 0;
            transform: translateY(30px);
        }
        
        .index_cta_content_animated {
            animation: index_fadeInUp 0.8s ease forwards;
        }
        
        /* 底部样式 */
        .bottom_footer {
            background: var(--dark);
            color: white;
            padding: 60px 0 20px;
        }
        
        .bottom_footer_content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }
        
        .bottom_footer_column h3 {
            font-size: 1.2rem;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
        }
        
        .bottom_footer_column h3:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 2px;
            background: var(--secondary);
        }
        
        .bottom_footer_links {
            list-style: none;
        }
        
        .bottom_footer_links li {
            margin-bottom: 10px;
        }
        
        .bottom_footer_links a,.bottom_copyright a,.bottom_dh a {
            color: #bbb;
            text-decoration: none;
            transition: color 0.3s;
        }
		.bottom_dh { text-align:center; font-size:0.65rem; padding:10px; word-spacing:10px;}
		.bottom_dh a { font-size:0.9rem;  }
		.bottom_dh a:hover { color: #fff}
        
        .bottom_footer_links a:hover {
            color: white;
        }
        
        .bottom_social_links {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }
        
        .bottom_social_links a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: rgba(255,255,255,0.1);
            border-radius: 50%;
            color: white;
            transition: all 0.3s;
        }
        
        .bottom_social_links a:hover {
            background: var(--secondary);
            color: white;
        }
        
        .bottom_copyright {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid rgba(255,255,255,0.1);
            color: #bbb;
            font-size: 0.9rem;
        }
		
		
		
/* projects */

.projects_top_banner {clear:both; min-height:300px; width:100%;  }
.projects_top_banner .banner_bg { width:100%; min-height:300px; }
.projects_top_banner .projects_top_banner_zw   { width:100%; margin:0 auto; min-height:230px;  padding-top:150px;   }

.projects_top_banner .projects_top_banner_top     { width:100%; text-align:center; ; line-height:60px; }
.projects_top_banner .projects_top_banner_des1  { font-size:2.9rem; }    
.projects_top_banner .projects_top_banner_des2  { font-size:1.5rem;  }
.projects_top_banner_des2  span, .projects_top_banner_des1 span {  color:#ff4600 !important  }

.projects_top_banner .projects_top_banner_img    { text-align:center; clear:both; padding:20px 0px 20px 0px;   }
.projects_top_banner .projects_top_banner_img   img{  -webkit-animation: up_to_down 1s 0.5s ease-out forwards; animation: up_to_down 1s 0.5s ease-out forwards;}

		   
@keyframes paomadeng {  
    from {
        transform: translateX(0%);
        -ms-transform: translateX(0%); /* IE 9 */
        -moz-transform: translateX(0%); /* Firefox */
        -webkit-transform: translateX(0%); /* Safari å’Œ Chrome */
        -o-transform: translateX(0%);
    }

    to {
        transform: translateX(-100%);
        -ms-transform: translateX(-100%); /* IE 9 */
        -moz-transform: translateX(-100%); /* Firefox */
        -webkit-transform: translateX(-100%); /* Safari å’Œ Chrome */
        -o-transform: translateX(-100%);
    }
}
@keyframes paomadengTwo {
    from {
        transform: translateX(-100%);
        -ms-transform: translateX(-100%); /* IE 9 */
        -moz-transform: translateX(-100%); /* Firefox */
        -webkit-transform: translateX(-100%); /* Safari å’Œ Chrome */
        -o-transform: translateX(-100%);

    }

    to {
        transform: translateX(0%);
        -ms-transform: translateX(0%); /* IE 9 */
        -moz-transform: translateX(0%); /* Firefox */
        -webkit-transform: translateX(0%); /* Safari å’Œ Chrome */
        -o-transform: translateX(0%);
    }
}

        
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
/* 案例列表样式 - 添加case_前缀 */

        .case_grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 30px;
            margin-bottom: 50px;
        }
        
        .case_card {
            background: var(--card-bg);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
        }
        
        .case_card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .case_image {
            height: 220px;
            width: 100%;
            overflow: hidden;
            position: relative;
        }
        
        .case_image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }
        
        .case_card:hover .case_image img {
            transform: scale(1.05);
        }
        
        .case_category {
            position: absolute;
            top: 15px;
            right: 15px;
            background: var(--primary-color);
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            z-index: 2;
        }
        
        .case_content {
            padding: 25px;
        }
        
        .case_title {
            font-size: 1.4rem;
            margin-bottom: 10px;
            color: var(--primary-color);
            line-height: 1.4;
        }
        
        .case_title a {
            color: inherit;
            text-decoration: none;
            transition: var(--transition);
        }
        
        .case_title a:hover {
            color: var(--accent-color);
        }
        
        .case_excerpt {
            color: var(--text-light);
            margin-bottom: 20px;
            line-height: 1.6; padding-top:20px;
        }
        
        .case_meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 15px;
            border-top: 1px solid var(--border-color);
        }
        
        .case_client {
            font-size: 0.9rem;
            color: var(--text-light);
        }
        
        .case_client strong {
            color: var(--text-color);
        }
        
        .case_readmore {
            color: var(--primary-color);
            text-decoration: none;
            display: flex;
            align-items: center;
            transition: var(--transition);
        }
        
        .case_readmore i {
            margin-left: 5px;
            transition: var(--transition);
        }
        
        .case_readmore:hover {
            color: var(--accent-color);
        }
        
        .case_readmore:hover i {
            transform: translateX(5px);
        }	
 /* 新闻文章样式 - 添加news_前缀 */
 
  .news_article-container {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 40px;
        }
        
        .news_article-list {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        
        .news_article-item {
            background: var(--card-bg);
            padding: 30px;
            border-radius: 15px;
            box-shadow: var(--shadow);
            transition: var(--transition);
            border-left: 4px solid transparent;
            position: relative;
            overflow: hidden;
            display: flex;
            gap: 25px;
        }
        
        .news_article-thumbnail {
            flex-shrink: 0;
            width: 200px;
            height: 150px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            position: relative;
        }
        
        .news_article-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }
        
        .news_article-item:hover .news_article-thumbnail img {
            transform: scale(1.05);
        }
        
        .news_article-content {
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        
        .news_article-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(26, 115, 232, 0.05), transparent);
            transition: var(--transition);
        }
        
        .news_article-item:hover::before {
            left: 100%;
        }
        
        .news_article-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
            border-left: 4px solid var(--primary-color);
        }
        
        .news_article-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 15px;
        }
        
        .news_article-title {
            font-size: 1.2rem;
            color: var(--primary-color);
            margin-bottom: 10px;
            line-height: 1.4; position:static; text-align:left
        }
        
        .news_article-title a {
            color: inherit;
            text-decoration: none;
            transition: var(--transition);
        }
        
        .news_article-title a:hover {
            color: var(--accent-color);
        }
        
        .news_article-date {
            color: var(--text-light);
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            white-space: nowrap;
            margin-left: 20px;
        }
        
        .news_article-date i {
            margin-right: 5px;
            color: var(--accent-color);
        }
        
        .news_article-excerpt {
            color: var(--text-light);
            margin-bottom: 20px;
            line-height: 1.6;
            flex: 1;
        }
        
        .news_article-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 15px;
            border-top: 1px solid var(--border-color);
        }
        
        .news_article-tags {
            display: flex;
            gap: 10px;
        }
        
        .news_article-tag {
            background: var(--light-blue);
            color: var(--primary-color);
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 500;
        }
        
        .news_article-readmore {
            color: var(--primary-color);
            text-decoration: none;
            display: flex;
            align-items: center;
            transition: var(--transition);
        }
        
        .news_article-readmore i {
            margin-left: 5px;
            transition: var(--transition);
        }
        
        .news_article-readmore:hover {
            color: var(--accent-color);
        }
        
        .news_article-readmore:hover i {
            transform: translateX(5px);
        }
        
        /* 侧边栏 */
        .news_sidebar {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        
        .news_sidebar-widget {
            background: var(--card-bg);
            padding: 25px;
            border-radius: 15px;
            box-shadow: var(--shadow);
        }
        
        .news_sidebar-title {
            font-size: 1.3rem;
            color: var(--primary-color);
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--light-blue);
            font-weight: 600;
        }
        
        .news_popular-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .news_popular-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid var(--border-color);
        }
        
        .news_popular-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }
        
        .news_popular-img {
            width: 80px;
            height: 60px;
            background: var(--light-blue);
            border-radius: 8px;
            flex-shrink: 0;
            overflow: hidden;
        }
        
        .news_popular-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .news_popular-content {
            flex: 1;
        }
        
        .news_popular-title {
            font-size: 0.95rem;
            font-weight: 600;
            margin-bottom: 5px;
            line-height: 1.4;
        }
        
        .news_popular-title a {
            color: var(--text-color);
            text-decoration: none;
            transition: var(--transition); font-weight:normal
        }
        
        .news_popular-title a:hover {
            color: var(--primary-color);
        }
        
        .news_popular-date {
            color: var(--text-light);
            font-size: 0.8rem;
        }
        
        .news_tag-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .news_tag-item a { display:block;
            background: var(--light-blue);
            color: var(--primary-color);
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 0.85rem;
            transition: var(--transition);
            cursor: pointer; border:solid 1px #f1f1f1;
        }
               
        .news_tag-item a:hover {
            border: solid 1px var(--primary-color);
            
        }
        
        /* 分页 */
        .news_pagination {
            display: flex;
            justify-content: center;
            margin-top: 50px;
        }
        
        .news_pagination-list {
            display: flex;
            list-style: none;
            gap: 10px;
        }
        
        .news_pagination-item {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: var(--card-bg);
            box-shadow: var(--shadow);
            transition: var(--transition);
        }
        
.news_pagination-item a {
            color: var(--text-color);
            text-decoration: none;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
.news_pagination-item.active, .news_pagination-item:hover {
            background: var(--primary-color);
        }
        
.news_pagination-item.active a, .news_pagination-item:hover a {color: white;}    
		
		
.news_article_left       { clear:both; padding:1.2rem 0px 1.2rem 0px;  }    
.activities_show_top_right_bt  h1     { padding:2.2rem 0px 2.2rem 0px; font-size:2.2rem; font-weight:normal; }    
.activities_show_zw_left_body   {clear:both; padding:1.2rem 0px 1.2rem 0px; border-top:solid 1px #f1f1f1;}
.activities_show_zw_left_body  h2     { padding:1.8rem 0px 1.8rem 0px; font-size:1.8rem; font-weight:normal; text-align:left }
.activities_show_zw_left_body  h2:after,.docs_right_zw h2:after,.knowledge_featured-title:after {width: 0;height: 0;}
        


.activities_show_zw_left_body  h3     { padding:1.2rem 0px 1.2rem 0px; font-size:1.4rem; font-weight:normal}
.activities_show_zw_left_body  h4     { padding:1rem 0px 1rem 0px;  font-size:1.0rem; font-weight:normal}
.activities_show_zw_left_body  p      { padding:10px 0px 10px 0px; font-size:1.0rem; word-break:break-all; margin-bottom:0px ;}
.activities_show_zw_left_body  img    { max-width:830px; border: solid 1px #f1f1f1; padding:5px; border-radius:5px; width:100%  }
.activities_show_zw_left_keywords     { clear:both; background:#f1f1f1; border-radius:8px; padding:20px ;  }  
.activities_show_zw_left_keywords_bt  { float:left;  }
.activities_show_zw_left_keywords_zw  { font-size:12px;  }
.activities_show_zw_left_keywords_zw a { display:block; border-radius:12px; float:left; padding:2px 10px 2px 10px; border:solid 1px #ddd; margin-right:5px;}
.activities_show_zw_left_keywords_zw a:hover { border:solid 1px #ff4800; text-decoration:none; color:#ff4800}
.activities_show_zw_left_next         { clear:both; font-size:14px; min-height:60px; padding:20px 10px 20px 10px; }
.activities_show_zw_left_next li      { padding-top:10px;  list-style:none;}
.activities_show_zw_left_next a:hover {text-decoration:none; color:#ff4800 }  

.activities_show_top_right_time       { padding-top:20px; font-size:14px; float:left;}
.activities_show_top_right_time  span { color:#ff0000}
.activities_show_top_right_share      { padding-top:20px;  float:left; padding-left:30px;}
.activities_show_top_right_share  img  { max-width:30px; max-height:30px; }
  
	
 /* 知识列表样式 */
        .knowledge_container {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 40px;
        }
        
        .knowledge_main {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        
        .knowledge_featured {
            background: var(--card-bg);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
        }
        
        .knowledge_featured:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
        }
        
        .knowledge_featured-image {
            height: 300px;
            width: 100%;
            overflow: hidden;
        }
        
        .knowledge_featured-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }
        
        .knowledge_featured:hover .knowledge_featured-image img {
            transform: scale(1.05);
        }
        
        .knowledge_featured-content {
            padding: 30px;
        }
        
        .knowledge_featured-tag {
            display: inline-block;
            background: var(--light-purple);
            color: var(--primary-color);
            border-radius: 20px;
            font-size: 0.8rem;
    margin-bottom: 15px;
    margin-top: -80px;
    border-radius: 20px;
    background: #ffffff;
    padding: 2px 8px 2px 8px;
        }
        
        .knowledge_featured-title {
            font-size: 1.8rem;
            margin-bottom: 15px;
            color: var(--primary-color);
            line-height: 1.4; text-align:left;
        }
        
        .knowledge_featured-title a {
            color: inherit;
            text-decoration: none;
            transition: var(--transition);
        }
        
        .knowledge_featured-title a:hover {
            color: var(--accent-color);
        }
        
        .knowledge_featured-excerpt {
            color: var(--text-light);
            margin-bottom: 20px;
            line-height: 1.6;
        }
        
        .knowledge_featured-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .knowledge_featured-date {
            color: var(--text-light);
            font-size: 0.9rem;
            display: flex;
            align-items: center;
        }
        
        .knowledge_featured-date i {
            margin-right: 5px;
            color: var(--accent-color);
        }
        
        .knowledge_featured-readmore {
            color: var(--primary-color);
            text-decoration: none;
            font-weight: 600;
            display: flex;
            align-items: center;
            transition: var(--transition);
        }
        
        .knowledge_featured-readmore i {
            margin-left: 5px;
            transition: var(--transition);
        }
        
        .knowledge_featured-readmore:hover {
            color: var(--accent-color);
        }
        
        .knowledge_featured-readmore:hover i {
            transform: translateX(5px);
        }
        
        .knowledge_list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 25px;
        }
        
        .knowledge_item {
            background: var(--card-bg);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
			
        }
        
        .knowledge_item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
        }
        
        .knowledge_item_img  {
            height: 180px;
            width: 100%;
            overflow: hidden;
        }
        
        .knowledge_item_img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }
        
        .knowledge_item:hover .knowledge_item_img img {
            transform: scale(1.05);
        }
        
        .knowledge_item_content {
            padding: 20px;
        }
        
        .knowledge_item_tag {
            display: inline-block;
            background: var(--light-purple);
            color: var(--primary-color);
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 10px;
        }
        
        .knowledge_item-title {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 10px;
            color: var(--primary-color);
            line-height: 1.4;
        }
        
        .knowledge_item-title a {
            color: inherit;
            text-decoration: none;
            transition: var(--transition);
        }
        
        .knowledge_item-title a:hover {
            color: var(--accent-color);
        }
        
        .knowledge_item-excerpt {
            color: var(--text-light);
            font-size: 0.9rem;
            line-height: 1.5;
            margin-bottom: 15px;
        }
        
        .knowledge_item-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
			padding:10px 0px 10px 0px;
        }
        
        .knowledge_item-date {
            color: var(--text-light);
            font-size: 0.8rem;
        }
        
        .knowledge_item-readmore {
            color: var(--primary-color);
            text-decoration: none;
            font-size: 0.9rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            transition: var(--transition);
        }
        
        .knowledge_item-readmore i {
            margin-left: 5px;
            font-size: 0.8rem;
            transition: var(--transition);
        }
        
        .knowledge_item-readmore:hover {
            color: var(--accent-color);
        }
        
        .knowledge_item-readmore:hover i {
            transform: translateX(3px);
        }
		.knowledge_item_bt   {}
		.knowledge_item_des  { font-size:0.9rem; padding:10px 0px 10px 0px;}
		.knowledge_item_sort { font-size:0.9rem}
		.knowledge_item_more { font-size:0.9rem}
        /* 侧边栏 */
        .knowledge_sidebar {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        
        .knowledge_sidebar-widget {
            background: var(--card-bg);
            padding: 25px;
            border-radius: 15px;
            box-shadow: var(--shadow);
        }
        
        .knowledge_sidebar-title {
            font-size: 1.3rem;
            color: var(--primary-color);
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--light-purple);
            font-weight: 600;
        }
        
        .knowledge_popular-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .knowledge_popular-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid var(--border-color);
        }
        
        .knowledge_popular-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }
        
        .knowledge_popular-img {
            width: 80px;
            height: 60px;
            background: var(--light-purple);
            border-radius: 8px;
            flex-shrink: 0;
            overflow: hidden;
        }
        
        .knowledge_popular-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .knowledge_popular-content {
            flex: 1;
        }
        
        .knowledge_popular-title {
            font-size: 0.95rem;
            font-weight: 600;
            margin-bottom: 5px;
            line-height: 1.4; font-weight:normal
        }
        
        .knowledge_popular-title a {
            color: var(--text-color);
            text-decoration: none;
            transition: var(--transition);
        }
        
        .knowledge_popular-title a:hover {
            color: var(--primary-color);
        }
        
        .knowledge_popular-date {
            color: var(--text-light);
            font-size: 0.8rem;
        }
        
        .knowledge_category-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        
        .knowledge_category-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 15px;
            background: var(--light-purple);
            border-radius: 8px;
            transition: var(--transition);
            cursor: pointer;
        }
        
        .knowledge_category-item:hover {
            background: var(--primary-color);
            color: white;
        }
        
        .knowledge_category-item span:last-child {
            background: rgba(255, 255, 255, 0.2);
            padding: 3px 8px;
            border-radius: 12px;
            font-size: 0.8rem;
        }
.knowledge_category-item  a span:hover { color:#fff}
	
        
        .knowledge_tag-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .knowledge_tag-item {
            background: var(--light-purple);
            color: var(--primary-color);
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 0.85rem;
            transition: var(--transition);
            cursor: pointer;
        }
        
        .knowledge_tag-item:hover {
            background: var(--primary-color);
            color: white;
        }
		
/* 解决方案分类导航 - 修改为solution_前缀 */
        .solution_section {
            padding: 60px 0;
            position: relative;
        }
        
        .solution_header {
            text-align: center;
            margin-bottom: 50px;
        }
        
        .solution_title {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--primary_color);
            margin-bottom: 15px;
        }
        
        .solution_subtitle {
            font-size: 1.2rem;
            color: var(--text_light);
            max-width: 700px;
            margin: 0 auto;
        }
        
        /* 解决方案分类导航区域 */
        .solution_navigation {
            display: flex;
            gap: 30px;
            margin-bottom: 50px;
        }
        
        /* 解决方案主分类侧边栏 */
        .solution_categories_sidebar {
            flex: 0 0 280px;
            background: var(--glass_bg);
            border-radius: 20px;
            padding: 30px;
            border: 1px solid var(--glass_border);
            backdrop-filter: blur(10px);
            box-shadow: var(--shadow);
            height: fit-content;
            position: sticky;
            top: 120px;
        }
        
        .solution_category_title {
            font-size: 1.5rem;
            color: var(--primary_color);
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 1px solid var(--glass_border);
        }
        
        .solution_category_list {
            list-style: none;
        }
        
        .solution_category_item {
            margin-bottom: 15px;
            position: relative;
        }
        
        .solution_category_btn {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 15px 20px;
            background: transparent;
            border: 1px solid transparent;
            border-radius: 12px;
            color: var(--text_color);
            cursor: pointer;
            transition: var(--transition);
            font-size: 1rem;
            font-weight: 500;
            text-align: left;
        }
        .solution_category_btn  img { max-height:34px; max-width:34px; padding:10px;}
        .solution_category_btn:hover {  
            background: rgba(0, 240, 255, 0.05);  
            border-color: var(--glass_border);
        }
        
        .solution_category_btn.active {
           
            border-color: var(--primary_color);
            color: var(--primary_color);
        }
        
        .solution_category_icon {
            font-size: 1.2rem;
            margin-right: 15px;
            width: 24px;
            text-align: center;
        }
        
        .solution_category_count {
            margin-left: auto;
            background: var(--primary_color);
            color: var(--dark_bg);
            padding: 2px 8px;
            border-radius: 10px;
            font-size: 0.8rem;
            font-weight: 600;
        }
        
        /* 解决方案子分类和内容区域 */
        .solution_content {
            flex: 1;
        }
        
        /* 解决方案子分类标签 */
        .solution_subcategory_tabs {
            display: flex;
            gap: 10px;
            margin-bottom: 30px;
            flex-wrap: wrap;
            padding: 20px;
            background: var(--glass_bg);
            border-radius: 15px;
            border: 1px solid var(--glass_border);
            backdrop-filter: blur(10px);
        }
        
        .solution_subcategory_tab {
            padding: 10px 20px;
            background: transparent;
            border: 1px solid transparent;
            border-radius: 30px;
            color: var(--text_light);
            cursor: pointer;
            transition: var(--transition);
            font-size: 0.9rem;
            font-weight: 500;
        }
        
        .solution_subcategory_tab:hover {
            background: rgba(0, 240, 255, 0.05);
            border-color: #ccc;  
        }
        
        .solution_subcategory_tab.active {
           
            color: var(--primary_color);
            border-color: #ccc;  
        }
	    .solution_subcategory_tab.active a { color: var(--primary-color); }
	
        
        /* 解决方案网格 */
        .solution_grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
            gap: 30px;
            margin-bottom: 80px;
        }
        
        .solution_card {
            background: var(--card_bg);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
            border: 1px solid var(--glass_border);
            backdrop-filter: blur(10px);
        }
        
        .solution_card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(0, 240, 255, 0.05) 0%, rgba(225, 0, 255, 0.05) 100%);
            z-index: 1;
            opacity: 0;
            transition: var(--transition);
        }
        
        .solution_card:hover {
            transform: translateY(-10px);
            border-color: var(--primary_color);
        }
        
        .solution_card:hover::before {
            opacity: 1;
        }
        
        .solution_image {
            height: 220px;
            width: 100%;
            overflow: hidden;
            position: relative;
        }
        
        .solution_image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }
        
        .solution_card:hover .solution_image img {
            transform: scale(1.05);
        }
        
        .solution_badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background: var(--primary_color);
            color: var(--dark_bg);
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            z-index: 2;
        }
        
        .solution_card_content {
            padding: 25px;
            position: relative;
            z-index: 2;
        }
        
        .solution_card_title {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: var(--primary_color);
            line-height: 1.4;
        }
        
        .solution_card_title a {
            color: inherit;
            text-decoration: none;
            transition: var(--transition);
        }
        
        .solution_card_title a:hover {
            color: var(--accent_color);
        }
        
        .solution_card_excerpt {
            color: var(--text_light);
            margin-bottom: 20px;
            line-height: 1.6;
        }
        
        .solution_card_features {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 20px;
        }
        
        .solution_card_feature {
            background: rgba(0, 240, 255, 0.1);
            color: var(--primary_color);
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 500;
            border: 1px solid rgba(0, 240, 255, 0.3);
        }
        
        .solution_card_meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 15px;
            border-top: 1px solid var(--glass_border);
        }
        
        .solution_card_industry {
            font-size: 0.9rem;
            color: var(--text_light);
        }
        
        .solution_card_industry strong {
            color: var(--text_color);
        }
        
        .solution_card_readmore {
            color: var(--primary_color);
            text-decoration: none;
            font-weight: 600;
            display: flex;
            align-items: center;
            transition: var(--transition);
        }
        
        .solution_card_readmore i {
            margin-left: 5px;
            transition: var(--transition);
        }
        
        .solution_card_readmore:hover {
            color: var(--accent_color);
        }
        
        .solution_card_readmore:hover i {
            transform: translateX(5px);
        }
        
		
		
/*tags*/
.tags_bg            { clear:both; width:100%; padding:20px 0px 20px 0px; min-height:750px; background:#fff;   }
.tags               { width:1360px; margin:0 auto; clear:both ; padding:10px;}    
.tags_left          { float:left; width:1000px; border:solid 1px #dadada; border-radius:8px; padding:30px ; background: #fff; box-shadow: 0px 3px 18px 2px rgba(195,209,217,0.35);  min-height:920px; margin-bottom:20px;}              
.tags_left_bt       { clear:both; text-align:center; height:60px ; line-height:60px; padding-top:30px;}
.tags_left_bt h1    { font-weight:bold; color:#333}
.tags_dhl           { clear:both; padding:0px 10px 0px 10px;}
.tags_left_zw       { clear:both; padding:10px; }  
  
.tags_list          { clear:both;  background:url('/images/ico_news.png') no-repeat 0px 5px; padding-left:35px;   }
.tags_list  li      { clear:both; line-height:200%;   }
.tags_list  li a    { color:#fff;   }  
.tags_keywords        { clear:both; line-height:200%; background:url('/images/tags.png') no-repeat 5px 50% ;  padding-left:35px; min-width:100px;  height:20px;}
.tags_keywords  li    { color:#fff;  padding-right:10px; float:left;   }
.tags_keywords  li a  { color:#fff;  }
.tags_tag             { clear:both; line-height:200%; max-width:1000px; float:left; background:url('/images/tags.png') no-repeat 5px 5px ;  padding-left:35px; min-width:100px;  }
.tags_tag  li         { color:#fff;  padding-right:10px; float:left;  }
.tags_tag  li a       { color:#fff;  }
.tags_tag_more        { float:left; max-width:100px; text-align:right; color:#fff; line-height:200%; }
.tags_tag_more  a     {  color:#fff;   }

.tags #book{ overflow: hidden;/*隐藏溢出部分*/ height: 40px;  width: 100%; margin-bottom:10px; }

.tag_list                 { clear:both; }  
.tag_list_li              { clear:both; margin-top:20px ;height:auto;margin-bottom:20px ; }  
.tag_list_li a:hover      { text-decoration:none}  
.tag_list_li_bt           { clear:both; color:#ff4800;  font-size: 1.05rem; margin-bottom:10px; }
.tag_list_li_bt  h3       { font-weight: normal; }  
.tag_list_li_bt  a        { color:#1a1a1a }
.tag_list_li_bt  a:hover  { color:#ff4800 }
.tag_list_li_img          {  max-width:180px;  height:auto; text-align:center;   padding-right:10px; float:left;}
.tag_list_li_img img      {  padding:10px;  border-radius:8px; border:solid 1px #f1f1f1; width:100%}
.tag_list_li_des          { line-height:200%;  font-size:13px; height:auto; }
.tag_list_li_des  span    { color:#008000;}   
  
.tags_right    { width:310px; float:right;border:solid 1px #dadada; border-radius:8px; padding:20px;background: #fff; box-shadow: 0px 3px 18px 2px rgba(195,209,217,0.35) ; min-height:920px;margin-bottom:20px; }
.tags_right_bt        { font-size:16px;   padding:10px;  }     
.tags_right_bt  a     { color:#1a1a1a;  }
.tags_right_list        { line-height:30px; padding:10px; border-bottom: solid 1px #f1f1f1; }
.tags_right_list li     { padding:5px 0px 5px 0px; }
.tags_right_list li  a   { display:block; border-radius:8px;  padding-left:10px;}  
.tags_right_list li  a:hover   { background:#efefef; text-decoration:none;}
.tags_right_list_on  a  {  background:#f1f1f1;   }
.tags_right_list_on  a:hover  { background:#efefef; text-decoration:none; }

.tags_right_list_tags_new a {display:block; border-radius:8px;  padding:0px 10px 0px 10px; float:left;} 
.tags_right_list_tags_new a:hover  { background:#efefef; text-decoration:none; }

.tags_right_so { padding:10px; border-bottom: solid 1px #f1f1f1; }
.right_so_key  { padding:5px;}
.right_so_sub  { padding:5px;margin-top:10px;}

.tags_hotso_sort                { clear:both; font-size:1rem;}  
.tags_hotso_sort_li             { margin-right:10px;  float:left; margin-bottom:20px; }
.tags_hotso_sort_li  a          { display:block; background:#ff0000;  border-radius:6px; text-align:center; padding:5px; color:#fff;}
.tags_hotso_sort_li  a:hover    { background:#ff0000; color:#efefef } 

.tags_hotso_sort_li1  a          { background:#00aa88;}
.tags_hotso_sort_li2  a          { background:#ff8c3f;}
.tags_hotso_sort_li3  a          { background:#0e86d5;}
.tags_hotso_sort_li4  a          { background:#00aa88;}
.tags_hotso_sort_li5  a          { background:#ff8c3f;}
.tags_hotso_sort_li6  a          { background:#0e86d5;}

.tags_hotso_zw                  { clear:both; }
.tags_hotso_zw_li               { min-width:60px;  margin-right:10px; float:left; text-align:center; margin-bottom:15px; font-size:14px;} 
.tags_hotso_zw_li  a            { display:block;  background:#f1f1f1; border:solid 1px #ccc; border-radius:6px; padding:5px;} 
.tags_hotso_zw_li  a:hover      { background:#ffffff; } 
.tags_hotso_zw .tags_hotso_zw_bgh3 { font-size:16px; clear:both; padding:10px 5px 10px 5px;}

.tag_index_other {clear:both; line-height:200%; background:url('../images/tags.png') no-repeat 5px 50% ;  padding-left:35px;}
.tag_index_other  a  { color:#0084c8 ; display:block; padding: 5px 13px 5px 13px; float:left; border:solid 0px #ccc; border-radius:12px; margin-right:10px; margin-bottom:10px;color:#fff; font-size:14px;    }
.tag_index_other  a:hover  { background:#004c8a; color:#fff;   }

.tag_index_other .tag0 { background:#008a00   }
.tag_index_other .tag1 { background:#bd069d   }
.tag_index_other .tag2 { background:#bd062d   }
.tag_index_other .tag3 { background:#bd5806   }
.tag_index_other .tag4 { background:#06bd76   }
.tag_index_other .tag5 { background:#060abd   }

.tag_img { text-align:center}
.tag_img img { border-radius:8px;  }
.tag_des { clear:both; padding:0px 10px 0px 10px; font-size:14px; }
.tag_des p { line-height:200%; }
.tag_des li { line-height:200%; list-style:disc }
.tag_des ul { padding:20px; }
.tag_key { clear:both; padding:0px 10px 0px 10px;}	  
  		
		
 /* 页面标题区域 - 招商特色 */
        .investment_page-header {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color), var(--accent-color));
            background-size: 200% 200%;
            color: white;
            padding: 100px 0 60px;
            text-align: center;
            position: relative;
            overflow: hidden;
            animation: gradientShift 8s ease infinite;
        }
        
        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        
        .investment_page-header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            
            z-index: 1;
        }
        
        .investment_page-header h1 {
            font-size: 3rem;
            margin-bottom: 15px;
            position: relative;
            z-index: 2;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s ease forwards 0.3s;
            font-weight: 700;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        
        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .investment_page-header p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s ease forwards 0.5s;
        }
        
        /* 面包屑导航 */
        .investment_breadcrumb-section {
            background: var(--light-bg);
            padding: 15px 0;
            border-bottom: 1px solid var(--border-color);
        }
        
        .investment_breadcrumb {
            display: flex;
            list-style: none;
            font-size: 0.85rem;
        }
        
        .investment_breadcrumb li {
            margin-right: 15px;
            display: flex;
            align-items: center;
        }
        
        .investment_breadcrumb a {
            color: var(--text-light);
            text-decoration: none;
            transition: var(--transition);
            padding: 5px 10px;
            border-radius: 4px;
        }
        
        .investment_breadcrumb a:hover {
            color: var(--primary-color);
            background: rgba(26, 115, 232, 0.08);
        }
        
        .investment_breadcrumb li:not(:last-child)::after {
            content: "›";
            margin-left: 15px;
            color: var(--primary-color);
            font-size: 1.2rem;
        }
        
        .investment_breadcrumb .current {
            color: var(--primary-color);
            font-weight: 500;
        }
        
        /* 招商内容区域 */
        .investment_section {
            padding: 30px 0;
        }   
        
        .investment_container {
            display: grid;
            grid-template-columns: 1fr 250px; /* 右侧导航宽度调整为250px */
            gap: 40px;
        }
        
        /* 分类导航 - 调整到右侧 */
        .investment_category-nav {
            background: var(--card-bg);
            border-radius: 15px;
            box-shadow: var(--shadow);
            overflow: hidden;
            height: fit-content;
            position: sticky;
            top: 100px;
            order: 2; /* 将分类导航放在右侧 */
        }
        
        .investment_category-title {
            background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
            color: white;
            padding: 20px;
            font-size: 1.3rem;
            font-weight: 600;
            display: flex;
            align-items: center;
        }
        
        .investment_category-title i {
            margin-right: 10px;
        }
        
        .investment_category-list {
            list-style: none;
        }
        
        .investment_main-category {
            border-bottom: 1px solid var(--border-color);
        }
        
        .investment_main-category:last-child {
            border-bottom: none;
        }
        
        .investment_main-category-header {
            padding: 18px 20px;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            transition: var(--transition);
            color: var(--text-color);
        }
        
        .investment_main-category-header a {
           
            color: var(--primary-color);
        }
    
        
        .investment_main-category-header.active {
            background: rgba(26, 115, 232, 0.08);
            color: var(--primary-color);
        }
        
      
        
        .investment_subcategory-list {
            list-style: none;
            display: none;
            background: var(--light-bg);
        }
        
        .investment_main-category.active .investment_subcategory-list {
            display: block;
        }
        
        .investment_subcategory-item {
            padding: 15px 20px 15px 35px;
            border-bottom: 1px solid var(--border-color);
            transition: var(--transition);
            cursor: pointer;
            display: flex;
            align-items: center;
        }
        
        .investment_subcategory-item:last-child {
            border-bottom: none;
        }
        
        .investment_subcategory-item a {
            color: var(--primary-color);
        }
        
        .investment_subcategory-item.active {
            background: rgba(26, 115, 232, 0.08);
            color: var(--primary-color);
            font-weight: 500;
            position: relative;
        }
        
        .investment_subcategory-item.active::before {
            content: '';
            position: absolute;
            left: 20px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--primary-color);
        }
        
        /* 招商项目列表 */
        .investment_project-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 30px;
            order: 1; /* 项目列表放在左侧 */
        }
        
        .investment_project-card {
            background: var(--card-bg);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
        }
        
        .investment_project-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .investment_project-image {
            height: 200px;
            overflow: hidden;
            position: relative;
        }
        
        .investment_project-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }
        
        .investment_project-card:hover .investment_project-image img {
            transform: scale(1.05);
        }
        
        .investment_project-tag {
            position: absolute;
            top: 15px;
            right: 15px;
            background: var(--accent-color);
            color: white;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 500;
        }
        
        .investment_project-content {
            padding: 25px;
        }
        
        .investment_project-title {
            font-size: 1.3rem;
            color: var(--primary-color);
            margin-bottom: 10px;
            font-weight: 600;
            line-height: 1.4;
        }
        
        .investment_project-title a {
            color: inherit;
            text-decoration: none;
            transition: var(--transition);
        }
        
        .investment_project-title a:hover {
            color: var(--accent-color);
        }
        
        .investment_project-location {
            display: flex;
            align-items: center;
            color: var(--text-light);
            font-size: 0.9rem;
            margin-bottom: 15px;
        }
        
        .investment_project-location i {
            margin-right: 8px;
            color: var(--accent-color);
        }
        
        .investment_project-description {
            color: var(--text-light);
            margin-bottom: 20px;
            line-height: 1.6;
        }
        
        .investment_project-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 15px;
            border-top: 1px solid var(--border-color);
        }
        
        .investment_project-industry {
            background: var(--light-blue);
            color: var(--primary-color);
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 500;
        }
        
        .investment_project-link {
            color: var(--primary-color);
            text-decoration: none;
            font-weight: 600;
            display: flex;
            align-items: center;
            transition: var(--transition);
        }
        
        .investment_project-link i {
            margin-left: 5px;
            transition: var(--transition);
        }
        
        .investment_project-link:hover {
            color: var(--accent-color);
        }
        
        .investment_project-link:hover i {
            transform: translateX(5px);
        }
		  
  .content_section {
            padding: 30px 0;
        }
  
        /* 国内物流页面专用样式 */
        .domestic-hero {
            background: linear-gradient(135deg, #f5f7fa 0%, #e6eeff 100%);
            color: var(--dark);
            padding: 180px 0 100px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .domestic-hero:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: url('https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') no-repeat center center/cover;
            opacity: 0.1;
            z-index: 0;
        }
        
        .domestic_hero_content {
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .domestic-hero h1 {
            font-size: 3.5rem;
            margin-bottom: 1.5rem;
            color: var(--primary);
            text-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .domestic-hero p {
            font-size: 1.3rem;
            margin-bottom: 2rem;
            opacity: 0.9;
        }
        
        .domestic_hero_buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }
        
        .wl_intro {
            padding: 80px 0;
            background: var(--white);
        }
        
        .wl_intro_content {
            text-align: center;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .wl_stats {
            display: flex;
            justify-content: space-around;
            margin-top: 50px;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        .wl_stat {
            text-align: center;
            padding: 20px;
        }
        
        .wl_stat_number {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 10px;
        }
        
        .wl_stat_text {
            font-size: 1rem;
            color: var(--gray);
        }
        
        .wl_services {
            padding: 80px 0;
            background: linear-gradient(135deg, #f5f7fa 0%, #e6eeff 100%);
        }
        
        .wl_services_grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        
        .wl_service {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .wl_service:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
        }
        
        .wl_service_header {
            background: var(--primary);
            color: white;
            position: relative;
        }
        .wl_service_header p {padding: 0px 20px 20px 20px;}
        
        .wl_service_icon {
            font-size: 2.5rem;
            margin-bottom: 15px;
        }
		.wl_service_icon img { max-width:100%}
        
        .wl_service_title {
            font-size: 1.5rem;
            margin-bottom: 10px;
            padding: 0px 20px 0px 20px;}
        
        .wl_service_content {
            padding: 0px 30px 30px 30px;
        }
        
        .wl_service_features {
            margin: 20px 0;
        }
        
        .wl_service_feature {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        
        .wl_service_feature i {
            color: var(--secondary);
            margin-right: 10px;
            font-size: 0.9rem;
        }
        
        .wl_service_price {
            font-weight: 700;
            color: var(--primary);
            font-size: 1.3rem;
            margin-bottom: 20px;
        }
        .wl_service .btn2 { margin-left:20%; }
        .wl_service .btn2:hover { color:#ff4800}
        .wl_advantages {
            padding: 80px 0;
            background: var(--white);
        }
        
        .wl_advantages_grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        
        .wl_advantage {
            background: var(--light);
            border-radius: 15px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            transition: transform 0.3s ease;
        }
        
        .wl_advantage:hover {
            transform: translateY(-10px);
        }
        
        .wl_advantage_icon {
            font-size: 3rem;
            color: var(--primary);
            margin-bottom: 20px;
        }
        
        .wl_advantage h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: var(--primary);
        }
        
        .wl_process {
            padding: 80px 0;
            background: linear-gradient(135deg, var(--primary) 0%, #1a6df1 100%);
            color: white;
        }
        
        .wl_process h2 ,.wl_process p{
            color: white;
        }
        
        .wl_process h2:after {
            background: var(--secondary);
        }
        
        .wl_process_steps {
            display: flex;
            justify-content: space-between;
            margin-top: 50px;
            position: relative;
        }
        
        .wl_process_steps:before {
            content: '';
            position: absolute;
            top: 40px;
            left: 0;
            right: 0;
            height: 3px;
            background: rgba(255,255,255,0.3);
            z-index: 1;
        }
        
        .wl_process_step {
            text-align: center;
            position: relative;
            z-index: 2;
            flex: 1;
        }
        
        .wl_process_number {
            width: 80px;
            height: 80px;
            background: white;
            color: var(--primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            font-weight: 700;
            margin: 0 auto 20px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        
        .wl_process_step h3 {
            margin-bottom: 10px;
            color: white;
        }
        
        .wl_process_step p {
            opacity: 0.9;
        }
        
        .wl_coverage {
            padding: 80px 0;
            background: var(--light);
        }
        
        .wl_coverage_content {
            display: flex;
            align-items: center;
            gap: 50px;
        }
        
        .wl_coverage_map {
            flex: 1;
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }
        
        .wl_coverage_text {
            flex: 1;
        }
		.wl_coverage_text li { line-height:200%;}
        
        .wl_coverage_cities {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 20px;
        }
        
        .wl_coverage_city {
            background: var(--primary-light);
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            color: var(--primary);
        }
        
        .wl_testimonials {
            padding: 80px 0;
            background: var(--white);
        }
        
        .wl_testimonials_grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        
        .wl_testimonial {
            background: var(--light);
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            transition: transform 0.3s ease;
        }
        
        .wl_testimonial:hover {
            transform: translateY(-5px);
        }
        
        .wl_testimonial_text {
            font-style: italic;
            margin-bottom: 20px;
            position: relative;
        }
        
        .wl_testimonial_text:before {
            content: '"';
            font-size: 3rem;
            color: var(--primary-light);
            position: absolute;
            top: -15px;
            left: -10px;
            line-height: 1;
        }
        
        .wl_testimonial_author {
            display: flex;
            align-items: center;
        }
        
        .wl_testimonial_avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: var(--primary);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            margin-right: 15px;
        }
        
        .wl_testimonial_info h4 {
            margin-bottom: 5px;
            font-size: 1.1rem;
        }
        
        .wl_testimonial_info p {
            margin: 0;
            color: var(--gray);
            font-size: 0.9rem;
        }
        
        .wl_cta {
            padding: 100px 0;
            background: linear-gradient(rgba(4, 73, 183, 0.9), rgba(4, 73, 183, 0.9)), url('/images/bg.jpg') no-repeat center center/cover;
            color: white;
            text-align: center;
        }
        
        .wl_cta h2 {
            color: white;
        }
        
        .wl_cta h2:after {
            background: var(--secondary);
        }
        
        .wl_cta p {
            max-width: 700px;
            margin: 0 auto 30px;
            opacity: 0.9;
        }
		
	  
@keyframes paomadeng {  
    from {
        transform: translateX(0%);
        -ms-transform: translateX(0%); /* IE 9 */
        -moz-transform: translateX(0%); /* Firefox */
        -webkit-transform: translateX(0%); /* Safari å’Œ Chrome */
        -o-transform: translateX(0%);
    }

    to {
        transform: translateX(-100%);
        -ms-transform: translateX(-100%); /* IE 9 */
        -moz-transform: translateX(-100%); /* Firefox */
        -webkit-transform: translateX(-100%); /* Safari å’Œ Chrome */
        -o-transform: translateX(-100%);
    }
}
@keyframes paomadengTwo {
    from {
        transform: translateX(-100%);
        -ms-transform: translateX(-100%); /* IE 9 */
        -moz-transform: translateX(-100%); /* Firefox */
        -webkit-transform: translateX(-100%); /* Safari å’Œ Chrome */
        -o-transform: translateX(-100%);

    }

    to {
        transform: translateX(0%);
        -ms-transform: translateX(0%); /* IE 9 */
        -moz-transform: translateX(0%); /* Firefox */
        -webkit-transform: translateX(0%); /* Safari å’Œ Chrome */
        -o-transform: translateX(0%);
    }
}

        
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
			
		
		
		
   :root {
          /* 主色调 - 体现国际化、专业性 */
          --gjwl_primary: #003366; /* 深蓝色 - 国际商务感 */
          --gjwl_primary_light: #e6f0ff; /* 浅蓝色 */
          --gjwl_primary_dark: #002244; /* 更深蓝色 */
          --gjwl_secondary: #cc6600; /* 琥珀色 - 强调色 */
          --gjwl_secondary_light: #ff9933; /* 亮琥珀色 */
          --gjwl_accent: #0066cc; /* 中蓝色 - 辅助色 */
          --gjwl_accent_light: #3399ff; /* 亮蓝色 */
          
          /* 中性色调 */
          --gjwl_dark: #1a1a1a; /* 深黑色 - 标题文字 */
          --gjwl_dark_light: #333333; /* 深灰色 */
          --gjwl_gray: #7a7a7a; /* 中灰色 - 正文文字 */
          --gjwl_gray_light: #b3b3b3; /* 浅灰色 */
          --gjwl_light: #f8fafc; /* 浅灰背景 */
          --gjwl_white: #ffffff; /* 白色 */
          --gjwl_border: #e0e0e0; /* 边框颜色 */
          
          /* 功能色 */
          --gjwl_success: #28a745; /* 成功色 */
          --gjwl_warning: #ffc107; /* 警告色 */
          --gjwl_danger: #dc3545; /* 危险色 */
          --gjwl_info: #17a2b8; /* 信息色 */
          
          /* 阴影 */
          --gjwl_shadow_sm: 0 2px 8px rgba(0, 0, 0, 0.08);
          --gjwl_shadow_md: 0 5px 20px rgba(0, 0, 0, 0.12);
          --gjwl_shadow_lg: 0 10px 40px rgba(0, 0, 0, 0.15);
          --gjwl_shadow_xl: 0 20px 60px rgba(0, 0, 0, 0.2);
          
          /* 圆角 */
          --gjwl_radius_sm: 4px;
          --gjwl_radius_md: 8px;
          --gjwl_radius_lg: 15px;
          --gjwl_radius_xl: 25px;
          --gjwl_radius_round: 50%;
          
          /* 过渡动画 */
          --gjwl_transition_fast: all 0.2s ease;
          --gjwl_transition_normal: all 0.3s ease;
          --gjwl_transition_slow: all 0.5s ease;
          
          /* 字体 */
          --gjwl_font_primary: 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif;
          --gjwl_font_size_xs: 0.75rem; /* 12px */
          --gjwl_font_size_sm: 0.875rem; /* 14px */
          --gjwl_font_size_base: 1rem; /* 16px */
          --gjwl_font_size_lg: 1.125rem; /* 18px */
          --gjwl_font_size_xl: 1.25rem; /* 20px */
          --gjwl_font_size_2xl: 1.5rem; /* 24px */
          --gjwl_font_size_3xl: 1.875rem; /* 30px */
          --gjwl_font_size_4xl: 2.25rem; /* 36px */
          --gjwl_font_size_5xl: 3rem; /* 48px */
          --gjwl_font_size_6xl: 3.75rem; /* 60px */
        }
            /* ==================== 按钮样式 ==================== */
        .gjwl_btn {
          display: inline-block;
          padding: 12px 30px;
          background: var(--gjwl_primary);
          color: var(--gjwl_white);
          border: none;
          border-radius: var(--gjwl_radius_md);
          font-weight: 600;
          text-decoration: none;
          transition: var(--gjwl_transition_normal);
          cursor: pointer;
          text-transform: uppercase;
          font-size: var(--gjwl_font_size_sm);
          letter-spacing: 0.5px;
          box-shadow: var(--gjwl_shadow_sm);
          text-align: center;
          position: relative;
          overflow: hidden;
          z-index: 1;
        }
        
        .gjwl_btn:hover {
          background: var(--gjwl_secondary);
          transform: translateY(-3px);
          box-shadow: var(--gjwl_shadow_md);
          color: var(--gjwl_white);
        }
        
        .gjwl_btn:active {
          transform: translateY(-1px);
        }
        
        .gjwl_btn_secondary {
          background: var(--gjwl_secondary);
        }
        
        .gjwl_btn_secondary:hover {
          background: var(--gjwl_secondary_light);
        }
        
        .gjwl_btn_outline {
          background: transparent;
          border: 2px solid var(--gjwl_primary);
          color: var(--gjwl_primary);
        }
        
        .gjwl_btn_outline:hover {
          background: var(--gjwl_primary);
          color: var(--gjwl_white);
        }
        
        .gjwl_btn_lg {
          padding: 15px 40px;
          font-size: var(--gjwl_font_size_base);
        }
        
        .gjwl_btn_sm {
          padding: 8px 20px;
          font-size: var(--gjwl_font_size_xs);
        }
        
        .gjwl_btn_block {
          display: block;
          width: 100%;
        }
        
        /* ==================== 标题样式 ==================== */
        .gjwl_section_title {
          position: relative;
          margin-bottom: 3rem;
        }
        
        .gjwl_section_title:after {
          content: '';
          position: absolute;
          bottom: -15px;
          left: 50%;
          transform: translateX(-50%);
          width: 80px;
          height: 4px;
          background: var(--gjwl_secondary);
          border-radius: 2px;
        }
        
        .gjwl_section_subtitle {
          text-align: center;
          font-size: var(--gjwl_font_size_lg);
          max-width: 700px;
          margin: 0 auto 3rem;
          line-height: 1.7; 
        }
        
        /* ==================== 英雄区域 ==================== */
        .gjwl_hero {
          background: linear-gradient(135deg, rgba(0, 51, 102, 0.9) 0%, rgba(0, 102, 204, 0.9) 100%), 
          url('https://images.unsplash.com/photo-1542744095-fcf48d80b0fd?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') no-repeat center center/cover;
          color: var(--gjwl_white);
          padding: 200px 0 120px;
          text-align: center;
          position: relative;
          overflow: hidden;
        }
        
        .gjwl_hero_content {
          position: relative;
          z-index: 1;
          max-width: 900px;
          margin: 0 auto;
        }
        
        .gjwl_hero h1 {
          font-size: var(--gjwl_font_size_6xl);
          margin-bottom: 1.5rem;
          color: var(--gjwl_white);
          text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
          font-weight: 800;
        }
        
        .gjwl_hero p {
          font-size: var(--gjwl_font_size_xl);
          margin-bottom: 2.5rem;
          opacity: 0.9;
          max-width: 700px;
          margin-left: auto;
          margin-right: auto;
          line-height: 1.6;
        }
        
        .gjwl_hero_buttons {
          display: flex;
          justify-content: center;
          gap: 20px;
          flex-wrap: wrap;
          margin-bottom: 2rem;
        }
        
        /* ==================== 统计区域 ==================== */
        .gjwl_hero_stats {
          display: flex;
          justify-content: center;
          margin-top: 60px;
          flex-wrap: wrap;
          gap: 40px;
        }
        
        .gjwl_hero_stat {
          text-align: center;
          padding: 25px;
          background: rgba(255, 255, 255, 0.1);
          border-radius: var(--gjwl_radius_lg);
          backdrop-filter: blur(10px);
          min-width: 180px;
          transition: var(--gjwl_transition_normal);
          border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .gjwl_hero_stat:hover {
          background: rgba(255, 255, 255, 0.15);
          transform: translateY(-5px);
        }
        
        .gjwl_hero_stat_number {
          font-size: var(--gjwl_font_size_5xl);
          font-weight: 800;
          color: var(--gjwl_white);
          margin-bottom: 10px;
          text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          min-height: 60px;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        
        .gjwl_hero_stat_text {
          font-size: var(--gjwl_font_size_base);
          color: rgba(255, 255, 255, 0.9);
          text-transform: uppercase;
          letter-spacing: 1px;
          font-weight: 500;
        }
        
        /* ==================== 服务区域 ==================== */
        .gjwl_services {
          padding: 100px 0;
          background: var(--gjwl_light);
        }
        
        .gjwl_services_grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
          gap: 40px;
          margin-top: 50px;
        }
        
        .gjwl_service {
          background: var(--gjwl_white);
          border-radius: var(--gjwl_radius_lg);
          overflow: hidden;
          box-shadow: var(--gjwl_shadow_lg);
          transition: var(--gjwl_transition_normal);
          position: relative;
          border-top: 5px solid var(--gjwl_primary);
          height: 100%;
        }
		.gjwl_service  .btn2 { display: inline-block;margin-left:50px; border:solid 1px #f1f1f1; padding:5px 20px 5px 20px; border-radius:4px;  }
		.gjwl_service  .btn2:hover { color:#ff4800 ;transform: translateY(-15px);  border:solid 1px #ff4800; }    
        
        .gjwl_service:hover {
          transform: translateY(-15px);
          box-shadow: var(--gjwl_shadow_xl);
        }
        
        .gjwl_service_header {
          position: relative;
        }
          
        .gjwl_service_icon {  
          margin-bottom: 20px;
          color: var(--gjwl_primary);
          display: flex;
          align-items: center;
        }
        .gjwl_service_icon  img {width:100%}
        .gjwl_service_title {
		  padding: 40px 40px 20px;

          font-size: var(--gjwl_font_size_2xl);
          margin-bottom: 15px;
          color: var(--gjwl_primary);
        }
        
        .gjwl_service_content {
          padding: 0 40px 40px;
        }
        
        .gjwl_service_features {
          margin: 25px 0;
        }
        
        .gjwl_service_feature {
          display: flex;
          align-items: center;
          margin-bottom: 12px;
          padding: 8px 0;
          border-bottom: 1px solid var(--gjwl_border);
        }
        
        .gjwl_service_feature:last-child {
          border-bottom: none;
        }
        
        .gjwl_service_feature i {
          color: var(--gjwl_secondary);
          margin-right: 15px;
          font-size: 1rem;
          min-width: 20px;
        }
        
        .gjwl_service_price {
          font-weight: 700;
          color: var(--gjwl_primary);
          font-size: var(--gjwl_font_size_2xl);
          margin-bottom: 25px;
          display: flex;
          align-items: center;
        }
        
        .gjwl_service_price:before {
          content: '';
          width: 30px;
          height: 2px;
          background: var(--gjwl_secondary);
          margin-right: 15px;
        }
        
        /* ==================== 网络区域 ==================== */
        .gjwl_network {
          padding: 100px 0;
          background: linear-gradient(135deg, var(--gjwl_primary) 0%, #004080 100%);
          color: var(--gjwl_white);
          position: relative;
          overflow: hidden;
        }
        
        .gjwl_network:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          width: 40%;
          height: 100%;
          background: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') no-repeat center center/cover;
          opacity: 0.1;
        }
        
        .gjwl_network h2 {
          color: var(--gjwl_white);
        }
        
        .gjwl_network h2:after {
          background: var(--gjwl_secondary);
        }
        
        .gjwl_network_content {
          display: flex;
          align-items: center;
          gap: 60px;
        }
        
        .gjwl_network_map {
          flex: 1;
          background: rgba(255, 255, 255, 0.1);
          border-radius: var(--gjwl_radius_lg);
          padding: 40px;
          backdrop-filter: blur(10px);
          box-shadow: var(--gjwl_shadow_md);
          border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .gjwl_network_text {
          flex: 1;
        }
        
        .gjwl_network_text h3 {
          font-size: var(--gjwl_font_size_2xl);
          margin-bottom: 20px;
          color: var(--gjwl_white);
        }
        
        .gjwl_network_text ul {
          list-style: none;
          margin-top: 20px;
        }
        
        .gjwl_network_text li {
          margin-bottom: 15px;
          padding-left: 25px;
          position: relative;
        }
        
        .gjwl_network_text li i {
          color: var(--gjwl_secondary);
          position: absolute;
          left: 0;
          top: 5px;
        }
        
        .gjwl_network_regions {
          display: flex;
          flex-wrap: wrap;
          gap: 15px;
          margin-top: 25px;
        }
        
        .gjwl_network_region {
          background: rgba(255, 255, 255, 0.15);
          padding: 10px 20px;
          border-radius: var(--gjwl_radius_md);
          font-size: var(--gjwl_font_size_sm);
          color: var(--gjwl_white);
          transition: var(--gjwl_transition_normal);
          cursor: default;
        }
        
        .gjwl_network_region:hover {
          background: var(--gjwl_secondary);
        }
        
        /* ==================== 优势区域 ==================== */
        .gjwl_advantages {
          padding: 100px 0;
          background: var(--gjwl_white);
        }
        
        .gjwl_advantages_grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          gap: 40px;
          margin-top: 50px;
        }
        
        .gjwl_advantage {
          background: var(--gjwl_light);
          border-radius: var(--gjwl_radius_lg);
          padding: 40px 30px;
          text-align: center;
          box-shadow: var(--gjwl_shadow_md);
          transition: var(--gjwl_transition_normal);
          position: relative;
          overflow: hidden;
          border-left: 4px solid var(--gjwl_primary);
        }
        
        .gjwl_advantage:hover {
          transform: translateY(-10px);
          box-shadow: var(--gjwl_shadow_lg);
        }
        
        .gjwl_advantage_icon {
          font-size: 3.5rem;
          color: var(--gjwl_primary);
          margin-bottom: 25px;
          height: 80px;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        
        .gjwl_advantage h3 {
          font-size: var(--gjwl_font_size_xl);
          margin-bottom: 15px;
          color: var(--gjwl_primary);
          font-weight: 700;
        }
        
        /* ==================== 流程区域 ==================== */
        .gjwl_process {
          padding: 100px 0;
          background: var(--gjwl_light);
        }
        
        .gjwl_process_steps {
          display: flex;
          justify-content: space-between;
          margin-top: 60px;
          position: relative;
        }
        
        .gjwl_process_steps:before {
          content: '';
          position: absolute;
          top: 60px;
          left: 0;
          right: 0;
          height: 3px;
          background: #ddd;
          z-index: 1;
        }
        
        .gjwl_process_step {
          text-align: center;
          position: relative;
          z-index: 2;
          flex: 1;
        }
        
        .gjwl_process_number {
          width: 120px;
          height: 120px;
          background: var(--gjwl_white);
          color: var(--gjwl_primary);
          border-radius: var(--gjwl_radius_round);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: var(--gjwl_font_size_3xl);
          font-weight: 800;
          margin: 0 auto 25px;
          box-shadow: var(--gjwl_shadow_lg);
          border: 5px solid var(--gjwl_light);
          transition: var(--gjwl_transition_normal);
        }
        
        .gjwl_process_step:hover .gjwl_process_number {
          background: var(--gjwl_primary);
          color: var(--gjwl_white);
          transform: scale(1.05);
        }
        
        .gjwl_process_step h3 {
          margin-bottom: 15px;
          color: var(--gjwl_primary);
          font-size: var(--gjwl_font_size_xl);
          font-weight: 700;
        }
        
        .gjwl_process_step p {
          color: var(--gjwl_gray);
          max-width: 250px;
          margin: 0 auto;
        }
        
        /* ==================== 帮助列表区域 ==================== */
        .gjwl_help {
          padding: 100px 0;
          background: var(--gjwl_white);
          border-top: 1px solid var(--gjwl_border);
        }
        
        .gjwl_help_grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          gap: 40px;
          margin-top: 50px;
        }
        
        .gjwl_help_category {
          padding: 20px;
        }
        
        .gjwl_help_category h3 {
          font-size: var(--gjwl_font_size_xl);
          margin-bottom: 20px;
          color: var(--gjwl_primary);
          padding-bottom: 10px;
          border-bottom: 2px solid var(--gjwl_primary_light);
          font-weight: 700;
        }
        
        .gjwl_help_links {
          list-style: none;
        }
        
        .gjwl_help_links li {
          margin-bottom: 12px;
        }
        
        .gjwl_help_links a {
          color: var(--gjwl_gray);
          text-decoration: none;
          transition: var(--gjwl_transition_normal);
          display: flex;
          align-items: center;
          padding: 5px 0;
        }
        
        .gjwl_help_links a:hover {
          color: var(--gjwl_primary);
          transform: translateX(5px);
        }
        
        .gjwl_help_links a i {
          margin-right: 10px;
          color: var(--gjwl_secondary);
          font-size: var(--gjwl_font_size_sm);
          min-width: 20px;
        }
        
        .gjwl_help_cta {
          text-align: center;
          margin-top: 60px;
          padding: 50px;
          background: linear-gradient(135deg, var(--gjwl_light) 0%, #e6f0ff 100%);
          border-radius: var(--gjwl_radius_lg);
          border: 1px solid var(--gjwl_border);
        }
        
        .gjwl_help_cta h3 {
          margin-bottom: 15px;
          color: var(--gjwl_primary);
          font-size: var(--gjwl_font_size_2xl);
          font-weight: 700;
        }
        
        .gjwl_help_cta p {
          margin-bottom: 25px;
          max-width: 600px;
          margin-left: auto;
          margin-right: auto;
          color: var(--gjwl_gray);
          font-size: var(--gjwl_font_size_lg);
        }  /* ==================== 动画效果 ==================== */
        /* 淡入动画 */
        @keyframes gjwl_fadeIn {
          from {
            opacity: 0;
            transform: translateY(30px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }
        
        .gjwl_fade_in {
          animation: gjwl_fadeIn 0.8s ease forwards;
          opacity: 0;
        }
        
        /* 缩放动画 */
        @keyframes gjwl_scaleIn {
          from {
            opacity: 0;
            transform: scale(0.9);
          }
          to {
            opacity: 1;
            transform: scale(1);
          }
        }
        
        .gjwl_scale_in {
          animation: gjwl_scaleIn 0.5s ease forwards;
          opacity: 0;
        }
        
        /* 数字递增动画 */
        @keyframes gjwl_numberCount {
          0% { transform: translateY(20px); opacity: 0; }
          100% { transform: translateY(0); opacity: 1; }
        }
        
        .gjwl_counting {
          animation: gjwl_numberCount 0.5s ease-out forwards;
        }	
		

.docs_right_top             { clear:both;}
.docs_right_dzl             { padding-top:5px; min-height:20px;}
.docs_right_bt              { clear:both; padding-top:20px; min-height:50px;}
.docs_right_bt h1           { font-size:28px; font-weight:normal; color:#1a1a1a;}
.docs_right_info            { clear:both;}
.docs_right_info li         { display:inline; padding-right:20px;}
.docs_right_zw              { clear:both; color:#333; }
.docs_right_zw  img         { border:solid 1px #d3d3d3; padding:5px; border-radius:8px; max-width:100% }
.docs_right_zw  h2          { padding:15px 0px 15px 0px;  font-size:22px; font-weight:normal; text-align:left; }
.docs_right_zw  h3          { padding:10px 0px 10px 0px;  font-size:20px; font-weight:normal; text-align:left; }  
.docs_right_zw  p           { padding:10px 0px 10px 0px;  font-size:14px;  }
.docs_right_zw  a:hover     { color:#ff4800;  }
.docs_right_zw  br          { line-height:150%;}

.docs_right_other_info      { border-top:solid 1px #f1f1f1; padding:10px 0px 10px 0px; }
.docs_right_other_info_keywords    { padding:10px 0px 0px 0px; }
.docs_right_other_info_thisUrl     { padding:10px 0px 0px 0px; }
.docs_right_next_prev       { padding:10px 0px 20px 0px; min-height:30px;}
.model_article_prev_p       { padding:10px 0px 10px 0px;  }
.model_article_next_p       { padding:10px 0px 10px 0px; }
	
	
	
		
		
		 /* ==================== 响应式设计 ==================== */
        @media (max-width: 1200px) {
          .gjwl_hero h1 {
            font-size: var(--gjwl_font_size_5xl);
          }
          
          .gjwl_hero_stat_number {
            font-size: var(--gjwl_font_size_4xl);
          }
		  .solution_grid {
                grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
            }
        }
        
		    
         
        /* 响应式设计 */
        @media (max-width: 992px) {
            h2 {
                font-size: 2.2rem;
            }
            
            .index_banner_slide_text h1 {
                font-size: 2.8rem;
            }
.zw_top_banner_zw { width:100%; padding:10px;  }
.other       { width:100%; }
.content     { width:100%; }
.index_bottom_friend_links { width:100%; }	

	   .content_category-nav-container {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .content_category-title {
                margin-bottom: 15px;
            }
			.news_article-container {
                grid-template-columns: 1fr;
            }
            
            .news_article-thumbnail {
                width: 160px;
                height: 120px;
            }
			  .investment_container {
                grid-template-columns: 1fr;
            }
            
            .investment_category-nav {
                position: static;
                order: 1;
            }
            
            .investment_project-grid {
                order: 2;
            }
  .domestic-hero h1 {
                font-size: 2.8rem;
            }
            
            .wl_process_steps {
                flex-direction: column;
                gap: 40px;
            }
            
            .wl_process_steps:before {
                display: none;
            }
            
            .wl_coverage_content {
                flex-direction: column;
            }
			.zw_top_banner_des1 { font-size:1.8rem }
			.zw_top_banner_des2 { font-size:1.1rem ; padding:10px 10px 10px 10px!important;}
			.zw_top_banner_des1 span { font-size:1.8rem  !important}
			.zw_top_banner_des2 span { font-size:1.1rem !important; }
			
			
			.gjwl_hero h1 {
            font-size: var(--gjwl_font_size_4xl);
          }
          
          .gjwl_network_content,
          .gjwl_process_steps {
            flex-direction: column;
            gap: 40px;
          }
          
          .gjwl_process_steps:before {
            display: none;
          }
          
          .gjwl_hero_stats {
            gap: 20px;
          }
          
          .gjwl_hero_stat {
            min-width: 150px;
            padding: 20px;
          }
         .content_category-links { background:#fff; border-radius:4px;margin-bottom:0px;}
		 
		  .solution_navigation {
                flex-direction: column;
            }
            
            .solution_categories_sidebar {
                flex: 1;
                position: static;
            }
            
            .solution_grid {
                grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            }
			  .knowledge_container {
                grid-template-columns: 1fr;
            }
			
}
        
        @media (max-width: 768px) {

    
    /* 特别调整过小的字体 */
    .index_bottom_friend_links_list,
    .index_bottom_friend_links_list a,
    .bottom_dh,
    .bottom_dh a,
    .gjwl_font_size_xs,
    .gjwl_font_size_sm {
        font-size: 14px !important; /* 确保最小字体大小 */
        -webkit-text-size-adjust: 100%; /* 防止iOS自动调整 */
    }
    
    /* 避免transform导致模糊 */
    * {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
            .head_hamburger {
                display: block;
            }
            .content_category-links { background:#f1f1f1; border-radius:4px; margin-bottom:10px;}
            .head_nav_menu {
                position: fixed;
                top: 70px;
                right: -100%;
                width: 80%;
                height: calc(100vh - 70px);
                background: white;
                flex-direction: column;
                align-items: center;
                padding-top: 50px;
                transition: right 0.3s ease;
                box-shadow: -5px 0 15px rgba(0,0,0,0.1);
            }
            
            .head_nav_menu_active {
                right: 0;
            }
            
            .head_nav_menu li {
                margin: 15px 0;
            }
            
            .index_banner_slide_text h1 {
                font-size: 2.2rem;
            }
            
            .index_banner_slide_text p {
                font-size: 1.1rem;
            }
            
            h2 {
                font-size: 2rem;
            }
            
            .index_stats {
                flex-direction: column;
                gap: 20px;
            }
            
            .index_banner_controls {
                display: none;
            }
            
            .index_client_logos_track {
                animation-duration: 25s;
            }
            
            /* 新增：移动端导航栏图标样式 */
            .nav_icons_container {
                display: none;
            }
			
 
.other       { width:100%; }
.content     { width:100%; }
.index_bottom_friend_links { width:100%; }	

.news_article-container {
                grid-template-columns: 1fr;
            }
            
            .news_article-thumbnail {
                width: 160px;
                height: 120px;
            }
			 .news_article-item {
                flex-direction: column;
            }
            
            .news_article-thumbnail {
                width: 100%;
                height: 200px;
            }
            
            .news_article-header {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .news_article-date {
                margin-left: 0;
                margin-top: 5px;
            }
            
            .news_article-meta {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px;
            }
.tags          {  width:100%;padding:10px;}    
.tags_left     { width:100%; float:none; }
.tags_right    { width:100%; float:none; min-height:300px; }
 .content_category-nav {
        position: relative; /* 移动端取消 sticky */
        top: 0;
        padding: 10px 0;
    }
    
    .content_category-nav-container {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    
    .content_category-title {
        margin-bottom: 10px;
        font-size: 1.3rem;
		padding-left:20px;  
    }
    
    .content_category-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        padding: 10px;
        border-radius: var(--radius);
    }
    
    .content_category-link {
        padding: 8px 15px;
        font-size: 0.95rem;
    }
    
    .content_category-link.active,
    .content_category-link:hover {
		 .knowledge_list {
                grid-template-columns: 1fr;
            }
     .knowledge_container {
                grid-template-columns: 1fr;
            }       
            .knowledge_featured-image {
                height: 200px;
            }
			.content_breadcrumb {
                flex-wrap: wrap;
            }
            
            .content_category-links {
                flex-direction: column;
                width: 100%;
            }
            
            .content_category-link {
                display: inline-block;
                text-align: center;
                border-bottom: 1px solid var(--border-color);
            }
            
            .content_disclaimer-content {
                padding: 30px 20px;
            }
			     .investment_page-header h1 {
                font-size: 2.2rem;
            }
      .wl_services_grid {
                grid-template-columns: 1fr;
            }
            
            .nav_icons {
                display: none;
            }
            
            .domestic_hero_buttons {
                flex-direction: column;
                align-items: center;
            }
			
			 .gjwl_hero h1 {
            font-size: var(--gjwl_font_size_3xl);
          }
          
          .gjwl_hero p {
            font-size: var(--gjwl_font_size_lg);
          }
          
          h2 {
            font-size: var(--gjwl_font_size_2xl);
          }
          
          .gjwl_services_grid,
          .gjwl_advantages_grid,
          .gjwl_help_grid {
            grid-template-columns: 1fr;
          }
          
          .gjwl_hero_buttons {
            flex-direction: column;
            align-items: center;
            gap: 15px;
          }
          
          .gjwl_hero {
            padding: 150px 0 80px;
          }
          
          .gjwl_service_header,
          .gjwl_service_content {
           }
          
          .gjwl_help_cta {
            padding: 30px;
          }
.solution_categories_sidebar {
                padding: 20px;
            }
			 .solution_grid {
                grid-template-columns: 1fr;
            }
			            .solution_subcategory_tabs {
                padding: 15px;
            }
			 
            .knowledge_list {
                grid-template-columns: 1fr;
            }
            
            .knowledge_featured-image {
                height: 200px;
            }

}
        
        @media (max-width: 576px) {
            .index_banner_slide_text h1 {
                font-size: 1.8rem;
            }
            
            section {
                padding: 60px 0;
            }
            
            .index_service_grid, .index_news_grid, .index_domestic_grid, .index_about_grid, .index_client_testimonials {
                grid-template-columns: 1fr;
            }
            
            .index_news_tabs {
                flex-wrap: wrap;
            }
			 .domestic-hero h1 {
                font-size: 1.8rem;
            }
        
            .wl_testimonials_grid,
            .wl_advantages_grid {
                grid-template-columns: 1fr;
            }
            
            .wl_stats {
                flex-direction: column;
            }
			 .gjwl_hero h1 {
            font-size: var(--gjwl_font_size_2xl);
          }
          
          .gjwl_hero_stat_number {
            font-size: var(--gjwl_font_size_3xl);
          }
          
          .gjwl_hero_stats {
            flex-direction: column;
            align-items: center;
            gap: 20px;
          }
          
          .gjwl_hero_stat {
            width: 100%;
            max-width: 250px;
          }
          
          .gjwl_process_step {
            margin-bottom: 40px;
          }
          
          .gjwl_process_step:last-child {
            margin-bottom: 0;
          }
			
			  .solution_title {
                font-size: 2rem;
            }
            
            .solution_categories_sidebar {
                padding: 20px;
            }
			
        }
		
		
/* 为高DPI屏幕优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    body {
        -webkit-font-smoothing: subpixel-antialiased;
    }
}

/* 避免半透明背景上的文字模糊 */
.zw_top_banner_bg,
.wl_top_banner_bg,
.gjwl_top_banner_bg,
.domestic-hero,
.gjwl_hero {
    background-color: rgba(0, 0, 0, 0.7); /* 使用具体颜色替代纯透明 */
}

/* 优化按钮文字 */
.btn, .gjwl_btn {
    font-weight: 600;
    letter-spacing: 0.5px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}