@charset "utf-8";
/*样式表思路：先通用基础样式，再从小屏幕到大屏幕的移动端，最后PC*/

/* 基础重置与变量定义 */
 
body { width:100%;font-family: var(--font-family); line-height: 1.6; color: #333; background-color: var(--body-bg);  margin: 0 auto; font-size: var(--font-size); color:var(--primary-color);  background: var(--body-bg); min-height: 100vh; min-width:300px; }  
ul { list-style: none; }
img { border: none; max-width: 100%; height: auto; }
a {	color: var(--primary-color);	text-decoration: none; 	transition: var(--transition);}
a:hover { text-decoration:none ; }
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;}



/*标准的橙色：#1a73e8*/
/* 容器系统 */
.container {
width: 100%;
padding: 0 15px;
margin: 0 auto;

}

/* 排版 - 移动优先 */
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;color:#1a1a1a;}  
h2 { font-size: 1.6rem; font-weight:normal;color:#1a1a1a;}
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; }


        :root {
			
            --primary: #2563eb;
            --primary-dark: #1d4ed8;
            --primary-light: #3b82f6;
            --primary-color: #1a73e8;
            --secondary-color: #0d47a1;
            --secondary: #8b5cf6;
            --secondary-light: #a78bfa;

            --accent: #06b6d4;
            --accent-color: #00bcd4;
            --accent-light: #22d3ee;
            --gold-color: #d4af37;
            --light: #f8fafc;
            --light-color: #f5f9ff;
             --dark: #0f172a;
            --dark-light: #1e293b;
           --dark-color: #333;
            --gray: #64748b;
            --gray-light: #e2e8f0;
            --gray-color: #666;
            --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;
			   --radius:8px;
			   
		  --gjwl_radius_sm: 4px;
          --gjwl_radius_md: 8px;
          --gjwl_radius_lg: 15px;
          --gjwl_radius_xl: 25px;
          --gjwl_radius_round: 50%;
     }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', Arial, sans-serif;
        }
        
        body {
            background-color: #f9f9f9;
            color: var(--dark-color);
            line-height: 1.7;
            overflow-x: hidden;
        }
        
        .container {
            width: 100%;
            max-width: 1300px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* 头部样式 - 保持不变 */
        header {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
            padding: 18px 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            transition: var(--transition);
        }
        
        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            font-size: 26px;
            display: flex;
            align-items: center;
			width:20%;
        }
        
        .logo i {
            margin-right: 10px;
            font-size: 28px;
        }
        
        .logo span {
            background: linear-gradient(to right, #fff, #e0f7ff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        
        .nav-toggle {
            display: none;
            background: none;
            border: none;
            color: white;
            font-size: 24px;
            cursor: pointer;
        }
        
        nav ul {
            display: flex;
            list-style: none;
        }
        
        nav li {
            position: relative;
            margin-left: 25px;
        }
        
        nav a {
            color: white;
            text-decoration: none;
            padding: 5px 8px;  
            display: block;
            transition: var(--transition);
            border-radius: 6px;
            font-weight: 500;
            position: relative;
        }
        
        nav a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 2px;
            background-color: var(--gold-color);
            transition: var(--transition);
            transform: translateX(-50%);
        }
        
        nav a:hover::after, nav a.active::after {
            width: 80%;
        }
        
        nav a:hover, nav a.active {
            background-color: rgba(255, 255, 255, 0.1);
        }
        
        /* 下拉菜单样式 - 保持不变 */
        .dropdown {
            position: absolute;
            background-color: white;
            box-shadow: var(--shadow);
            min-width: 240px;
            display: none;
            top: 100%;
            left: 0;
            border-radius: 8px;
            overflow: hidden;
            z-index: 1000;
            opacity: 0;
            transform: translateY(-10px);
            transition: opacity 0.3s ease, transform 0.3s ease;
        }
        
        .dropdown.show {
            opacity: 1;
            transform: translateY(0);
        }
        
        .dropdown li {
            margin: 0;
            width: 100%;
        }
        
        .dropdown a {
            color: var(--dark-color);
            padding: 14px 18px;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: var(--transition);
        }
        
        .dropdown a:hover {
            background-color: var(--light-color);
            color: var(--primary-color);
            transform: translateX(5px);
        }
        
        li:hover > .dropdown {
            display: block;
            animation: fadeIn 0.3s forwards;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* 页面标题 - 添加前缀 */
        .index_page-header {
            color: white;
            padding: 140px 0 90px;
            text-align: center;
            position: relative;
            overflow: hidden;
            height: 580px;
        }
        
        .index_banner-slider {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }
        
        .index_banner-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1.2s ease;
            background-size: cover;
            background-position: center;
        }
        
        .index_banner-slide.active {
            opacity: 1;
        }
        
        .index_banner-slide::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba(26, 115, 232, 0.85), rgba(0, 188, 212, 0.8));
        }
        
        .index_page-header-content {
            position: relative;
            z-index: 1;
            animation: fadeInUp 1s ease;
        }
        
        .index_page-header h1 {
            font-size: 3.2rem;
            margin-bottom: 25px;
            font-weight: 700; color:#fff;
            letter-spacing: 1px;
        }
        
        .index_page-header p {
            font-size: 1.2rem;
            max-width: 850px;
            margin: 0 auto;
            line-height: 2;
        }
        
        /* 内容区域 - 添加前缀和动画效果 */
        .index_content-section {
            padding: 100px 0;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_content-section.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_section-title {
            text-align: center;
            margin-bottom: 60px;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_section-title.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_section-title h2 {
            font-size: 2.3rem;
            color: var(--secondary-color);
            margin-bottom: 20px;
            position: relative;
            display: inline-block;
            font-weight: 700;
        }
        
        .index_section-title h2::after {
            content: "";
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(to right, var(--primary-color), var(--accent-color));
            border-radius: 2px;
        }
        
        .index_section-title p {
            color: var(--gray-color);
            max-width: 750px;
            margin: 0 auto;
            font-size: 1.1rem;
        }
        
        /* 解决方案板块 - 添加前缀和动画效果 */
        .index_solutions-section {
            background-color: white;
        }
        
        .index_solutions-tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 50px;
            flex-wrap: wrap;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_solutions-tabs.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_solutions-tab {
            margin: 0 12px 15px;
            padding: 14px 30px;
            background: white;
            border-radius: 50px;
            cursor: pointer;
            transition: var(--transition);
            box-shadow: var(--shadow);
            font-weight: 600;
        }
        
        .index_solutions-tab.active, .index_solutions-tab:hover {
            background: var(--primary-color);
            color: white;
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(26, 115, 232, 0.3);
        }
        .index_solutions-tab.active, .index_solutions-tab a:hover ,.index_solutions-tab:hover a{  color: white; }
        .index_solutions-tab.active,  .active a {color: white;}
        
        .index_solutions-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;
        }
        
        .index_solution-item {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s ease, box-shadow 0.3s ease;
			    margin: 0px 10px 0px 10px;
    width: 350px;     
        }
        
        .index_solution-item.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_solution-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .index_solution-header {
            padding: 30px 25px 20px;
            text-align: center;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;  
			 font-size: 0.98rem;
        }
        
        .index_solution-icon {
            font-size: 3rem;
            margin-bottom: 15px;
            display: inline-block;
            background: rgba(255, 255, 255, 0.2);

            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
        }
        
        .index_solution-header h3 {
            font-size: 1.5rem;
            margin-bottom: 10px;
        }
        .index_solution-header  a h3 { color:#fff};		
        .index_solution-content {
            padding: 25px;
        }
        
        .index_solution-features {
            list-style: none;
            margin-bottom: 20px;
        }
        
        .index_solution-features li {
            padding: 8px 0;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            align-items: center;
        }
        
        .index_solution-features li:last-child {
            border-bottom: none;
        }
        
        .index_solution-features li i {
            color: var(--accent-color);
            margin-right: 10px;
            font-size: 0.9rem;
        }
        
        .index_solution-footer {min-height:40px; padding:20px; }
        
        .index_solution-price {
            font-weight: bold;
            color: var(--primary-color);  
            font-size: 1.2rem;
        }
        
        /* 产业招商板块 - 添加前缀和动画效果 */
        .index_investment-section {
            background: linear-gradient(135deg, #f8fdff, #e8f4ff);
            padding: 100px 0;
            position: relative;
            overflow: hidden;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_investment-section.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_investment-section::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, rgba(26, 115, 232, 0.1) 0%, transparent 70%);
            border-radius: 50%;
        }
        
        .index_investment-section::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, rgba(0, 188, 212, 0.1) 0%, transparent 70%);
            border-radius: 50%;
        }
        
        .index_investment-tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 50px;
            flex-wrap: wrap;
            position: relative;
            z-index: 1;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_investment-tabs.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_investment-tab {
            margin: 0 12px 15px;
            padding: 14px 30px;
            background: white;
            border-radius: 50px;
            cursor: pointer;
            transition: var(--transition);
            box-shadow: var(--shadow);
            font-weight: 600;
            border: 2px solid transparent;
        }
        
        .index_investment-tab.active, .index_investment-tab:hover  {
            background: var(--primary-color);
            color: white;
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(26, 115, 232, 0.3);
            border-color: var(--primary-color);
        } .index_investment-tab:hover a:hover, .index_investment-tab:hover a {color: white;}
        
        .index_investment-content {
            position: relative;
            z-index: 1;
        }
        
        .index_investment-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
            margin-bottom: 50px;
        }
        
        .index_investment-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s ease, box-shadow 0.3s ease;
        }
        
        .index_investment-card.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_investment-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .index_investment-header {
            padding: 30px 25px 20px;
            text-align: center;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
            position: relative;
            overflow: hidden;
        }
        
        .index_investment-header::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
            opacity: 0;
            transition: var(--transition);
        }
        
        .index_investment-card:hover .index_investment-header::before {
            opacity: 1;
        }
        
        .index_investment-icon {
            font-size: 3.2rem;
            margin-bottom: 15px;
            display: inline-block;
            background: rgba(255, 255, 255, 0.2);
           
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
            transition: var(--transition);
        }
.index_investment-icon img { border-radius:8px;}
        
        .index_investment-header h3 {
            font-size: 1.6rem;
            margin-bottom: 10px;
        }
        
        .index_investment-content-details {
            padding: 25px;
        }
        
        .index_investment-features {
            list-style: none;
            margin-bottom: 25px;
        }
        
        .index_investment-features li {
            padding: 10px 0;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            align-items: center;
            transition: var(--transition);
        }
        
        .index_investment-features li:hover {
            transform: translateX(5px);
            color: var(--primary-color);
        }
        
        .index_investment-features li:last-child {
            border-bottom: none;
        }
        
        .index_investment-features li i {
            color: var(--accent-color);
            margin-right: 12px;
            font-size: 1rem;
        }
        
        .index_investment-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .index_investment-tag {
            color: var(--primary-color);
            font-size: 1.2rem;
        }
        
        .index_investment-stats {
            display: flex;
            justify-content: space-between;
            margin-top: 30px;
            padding: 20px;
            background: var(--light-color);
            border-radius: 10px;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_investment-stats.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_investment-stat {
            text-align: center;
            flex: 1;
        }
        
        .index_investment-stat-value {
            font-size: 2.2rem;
            font-weight: bold;
            color: var(--primary-color);
            margin-bottom: 5px;
        }
        
        .index_investment-stat-label {
            color: var(--gray-color);
            font-size: 0.9rem;
        }
        
        /* 成功案例板块 - 添加前缀和动画效果 */
        .index_cases-section {
            background-color: var(--light-color);
        }
        
        .index_cases-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 30px;
        }
        
        .index_case-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s ease, box-shadow 0.3s ease;
        }
        
        .index_case-card.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_case-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .index_case-image {
           
            background: linear-gradient(45deg, #1a73e8, #00bcd4);
            background-position: center;
            background-size: cover;
            position: relative;
            overflow: hidden;
        }
        
        .index_case-content {
            padding: 25px;
            position: relative;
        }
        
        .index_case-badge {
            position: absolute;
            top: -15px;
            left: 25px;
            background: var(--accent-color);
            color: white;
            padding: 6px 18px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: bold;
        }
        
        .index_case-stats {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
        }
        
        .index_case-stat {
            text-align: center;
        }
        
        .index_case-stat-value {
            font-size: 1.5rem;
            font-weight: bold;
            color: var(--primary-color);
        }
        
        .index_case-stat-label {
            font-size: 0.8rem;
            color: var(--gray-color);
        }
        
        .index_case-card h3 {
            color: var(--secondary-color);
            margin-bottom: 15px;
            font-size: 1.3rem;
        }
        
        .index_case-card p {
            color: var(--gray-color);
            margin-bottom: 20px;
        }
        
        .index_case-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 20px;
        }
        
        .index_case-tag {
            background: var(--light-color);
            color: var(--primary-color);
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
        }
        
        /* 资讯板块 - 添加前缀和动画效果 */
        .index_news-section {
            background-color: white;
            padding: 100px 0;
        }
        
        .index_news-tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 50px;
            flex-wrap: wrap;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_news-tabs.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_news-tab {
            margin: 0 12px 15px;
            padding: 14px 30px;
            background: white;
            border-radius: 50px;
            cursor: pointer;
            transition: var(--transition);
            box-shadow: var(--shadow);
        }
        
        .index_news-tab.active, .index_news-tab:hover{
            background: var(--primary-color);
            color: white;
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(26, 115, 232, 0.3);
        }
		.index_news-tab:hover a, .index_news-tab:hover a:hover  { color:#fff;}
        
        .index_news-layout {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 30px;
        }
        
        .index_featured-news {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        
        .index_main-news {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s ease, box-shadow 0.3s ease;
        }
        
        .index_main-news.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_main-news:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .index_main-news-img {
            min-height: 200px;
            background: linear-gradient(45deg, #1a73e8, #00bcd4);
            background-position: center;
            background-size: cover;
            position: relative;
            overflow: hidden;
        }
        
        .index_main-news-content {
            padding: 30px;
        }
        
        .index_news-meta {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
            font-size: 0.9rem;
            color: var(--gray-color);
        }
        
        .index_news-date {
            display: flex;
            align-items: center; 
        }
        
        .index_news-date i {
            margin-right: 8px;
            color: var(--accent-color);
        }
        
        .index_news-category {
            background: var(--light-color);
            color: var(--primary-color);
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.8rem;
            transition: var(--transition);
        }
        
        .index_main-news:hover .index_news-category {
            background: var(--primary-color);
            color: white;
        }
        
        .index_main-news h3 {
            font-size: 1.6rem;
            color: var(--secondary-color);
            margin-bottom: 20px;
            line-height: 1.4;
            transition: var(--transition);
        }
        
        .index_main-news:hover h3 {
            color: var(--primary-color);
        }
        
        .index_main-news p {
            color: var(--gray-color);
            margin-bottom: 25px;
            line-height: 1.7;
        }
        
        .index_secondary-news {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }
        
        .index_secondary-news-item {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            display: flex;
            flex-direction: column;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s ease, box-shadow 0.3s ease;
        }
        
        .index_secondary-news-item.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_secondary-news-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        
        .index_secondary-news-img {
            
            background: linear-gradient(45deg, #1a73e8, #00bcd4);
            background-position: center;
            background-size: cover;
        }
        
        .index_secondary-news-content {
            padding: 20px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        
        .index_secondary-news h4 {
            font-size: 1.1rem;
            color: var(--secondary-color);
            margin-bottom: 10px;
            line-height: 1.4;
            transition: var(--transition);
        }
        
        .index_secondary-news-item:hover h4 {
            color: var(--primary-color);
        }
        
        .index_secondary-news p {
            color: var(--gray-color);
            font-size: 0.9rem;
            margin-bottom: 15px;
            flex-grow: 1;
        }
        
        .index_news-sidebar {
            background: var(--light-color);
            border-radius: 12px;
            padding: 30px;
            box-shadow: var(--shadow);
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_news-sidebar.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_sidebar-title {
            font-size: 1.4rem;
            color: var(--primary-color);
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid var(--accent-color);
        }
        
        .index_popular-news {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .index_popular-news-item {
            display: flex;
            gap: 15px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e0e0e0;
            transition: var(--transition);
            opacity: 0;
            transform: translateX(-20px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_popular-news-item.visible {
            opacity: 1;
            transform: translateX(0);
        }
        
        .index_popular-news-item:hover {
            transform: translateX(5px);
        }
        
        .index_popular-news-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }
        
        .index_popular-news-img {
            width: 170px;  
            border-radius: 10px;
            background: linear-gradient(45deg, #1a73e8, #00bcd4);
            background-position: center;
            background-size: cover;
            flex-shrink: 0;
            transition: var(--transition);
        }
		.index_popular-news-img img {  border-radius: 10px;}
        
        .index_popular-news-item:hover .index_popular-news-img {
            transform: scale(1.1);
        }
        
        .index_popular-news-content {
            flex-grow: 1;
        }
        
        .index_popular-news h5 {
            font-size: 0.95rem;
            color: var(--secondary-color);
            margin-bottom: 5px;
            line-height: 1.3;
            transition: var(--transition);
        }
        
        .index_popular-news-item:hover h5 {
            color: var(--primary-color);
        }
        
        .index_popular-news-date {
            font-size: 0.8rem;
            color: var(--gray-color);
        }
        
        /* 关于我们板块 - 添加前缀和动画效果 */
        .index_about-section {
            background: white;
            padding: 120px 0;
            position: relative;
            overflow: hidden;
        }
        
        .index_about-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 70px;
            align-items: center;
        }
        
        .index_about-content {
            position: relative;
        }
        
        .index_about-content h2 {
            font-size: 2.6rem;
            color: var(--secondary-color);
            margin-bottom: 25px;
            line-height: 1.2;
            font-weight: 700;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_about-content h2.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_about-content h2 span {
            color: var(--primary-color);
        }
        
        .index_about-content p {
            color: var(--gray-color);
            margin-bottom: 35px;
            line-height: 1.8;
            font-size: 1.1rem;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_about-content p.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_about-stats {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
            margin-bottom: 50px;
        }
        
        .index_stat-item {
            text-align: center;
            padding: 25px 20px;
            background: var(--light-color);
            border-radius: 12px;
            transition: var(--transition);
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease, transform 0.8s ease, box-shadow 0.3s ease;
        }
        
        .index_stat-item.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_stat-item:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow);
        }
        
        .index_stat-value {
            font-size: 2.5rem;
            font-weight: bold;
            color: var(--primary-color);
            margin-bottom: 5px;
        }
        
        .index_stat-label {
            color: var(--gray-color);
            font-size: 0.9rem;
        }
        
        .index_about-features {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
        }
        
        .index_feature-item {
            display: flex;
            align-items: flex-start;
            padding: 20px;
            border-radius: 10px;
            transition: var(--transition);
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease, transform 0.8s ease, background-color 0.3s ease;
        }
        
        .index_feature-item.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .index_feature-item:hover {
            background: var(--light-color);
            transform: translateX(5px);
        }
        
        .index_feature-icon {
            background: var(--primary-color);
            color: white;
            width: 55px;
            height: 55px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 18px;
            flex-shrink: 0;
            font-size: 1.3rem;
            transition: var(--transition);
        }
                .index_feature-icon img { padding:10px;}
        .index_feature-item:hover .index_feature-icon {
            background: var(--accent-color);
            transform: rotate(10deg);
        }
        
        .index_feature-text h4 {
            color: var(--secondary-color);
            margin-bottom: 8px;
            font-size: 1.1rem;
        }
        
        .index_feature-text p {
            color: var(--gray-color);
            font-size: 0.9rem;
            margin: 0;
        }
        
        .index_about-image {
            position: relative;
            height: 550px;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
            opacity: 0;
            transform: translateX(30px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        
        .index_about-image.visible {
            opacity: 1;
            transform: translateX(0);
        }
        
        .index_about-image::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, var(--primary-color), var(--accent-color));
            opacity: 0.1;
            z-index: 1;
        }
        
        .index_about-image-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;            
            z-index: 0;
        }
        
        .index_about-image-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: rgba(255, 255, 255, 0.95);
            padding: 35px;
            z-index: 2;
            transform: translateY(100%);
            transition: var(--transition);
        }
        
        .index_about-image:hover .index_about-image-overlay {
            transform: translateY(0);
        }
        
        .index_about-image-overlay h3 {
            color: var(--secondary-color);
            margin-bottom: 12px;
            font-size: 1.4rem;
        }
        
        .index_about-image-overlay p {
            color: var(--gray-color);
            margin-bottom: 20px;
        }
        
        /* 页脚 - 保持不变 */
        footer {
            background: linear-gradient(135deg, var(--secondary-color), #0a2d5c);
            color: white;
            padding: 70px 0 25px;
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }
        
        .footer-section h3 {
            margin-bottom: 25px;
            font-size: 1.3rem;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-section h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 3px;
            background: var(--accent-color);
        }
        
        .footer-section p, .footer-section a {
            color: #ccc;
            margin-bottom: 12px;
            display: block;
            text-decoration: none;
            transition: var(--transition);
        }
        
        .footer-section a:hover {
            color: white;
            transform: translateX(5px);
        }
        
        .copyright {
            text-align: center;
            padding-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: #aaa;
            font-size: 0.9rem;
        }
		.copyright a{ color:#ccc}
		.copyright a:hover{ color:#fff}
        
        /* 通用样式 - 添加前缀 */
        .index_read-more {
            color: var(--primary-color);
            text-decoration: none;
            display: inline-flex;
            align-items: center;  
            transition: var(--transition);
        }
        
        .index_read-more i {
            margin-left: 8px;
            transition: var(--transition);
        }
        
        .index_read-more:hover {
            color: var(--accent-color);
        }
        
        .index_read-more:hover i {
            transform: translateX(5px);
        }
		
		
.bottom_schedule_bg{ clear:both; background:#e1e1e1; min-height:400px; overflow:hidden; width:100%;     overflow: hidden; }
.bottom_schedule { width:100%; margin:0 auto; padding:130px 10px 10px 10px; z-index:6; position:absolute;}
.bottom_schedule_bt { text-align:center;}
.bottom_schedule_bt h2 { font-weight:normal;  color:#1a1a1a; font-size:2rem}    
.bottom_schedule_des{ text-align:center; font-size:1rem; line-height:200%;}
.bottom_schedule_sub { width:180px; margin:0 auto; padding:40px 0px 10px 0px; font-size:1rem;}

.bottom_schedule_sub  a    { display:block; color:#fff; background:#1a73e8; border:solid 1px #1a73e8; text-align:center; padding:8px 5px 8px 5px; border-radius:22px;
  background: linear-gradient(to right, #fff 50%, #1a73e8 50%);  background-size: 200% 100%;  background-position: 100%;  transition:all 2s ease;}
.bottom_schedule_sub  a:hover      {  text-decoration:none ;   background-position: 0 100%; color:#1a73e8; }
.wave1,.wave2,.wave3,.wave4,.wave5,.wave6 {width: 100%; ; overflow:hidden } 
.wave1{	 height: 400px;  margin-top:-190px;  --c: #e1e1e1;  --w1: radial-gradient(100% 57% at top ,#0000 100%,var(--c) 100.5%) no-repeat;  --w2: radial-gradient(100% 57% at bottom, var(--c) 100%,#0000 100.5%) no-repeat;  background: var(--w1),var(--w2),var(--w1),var(--w2);  background-position-x: -200%, -100%, 0%, 100%;  background-position-y: 100%;  background-size: 50.5% 100%;  animation: m 10s infinite linear;  }

.wave2{ height: 400px; z-index:2; position:absolute; margin-top:-360px;  --c: #cff4ff;  --w1: radial-gradient(100% 57% at top ,#0000 100%,var(--c) 100.5%) no-repeat;  --w2: radial-gradient(100% 57% at bottom, var(--c) 100%,#0000 100.5%) no-repeat;  background: var(--w2),var(--w1),var(--w2),var(--w1);  background-position-x: -0%, -50%, 0%, 0%;  background-position-y: -100%;  background-size: 50.5% 100%;  animation: m 10s infinite linear;  }  
.wave3{  height: 400px; z-index:3; position:absolute; margin-top:-350px;  --c: #f6f6f6;  --w1: radial-gradient(100% 57% at top ,#0000 100%,var(--c) 100.5%) no-repeat;  --w2: radial-gradient(100% 57% at bottom, var(--c) 100%,#0000 100.5%) no-repeat;  background: var(--w2),var(--w1),var(--w2),var(--w1);  background-position-x: -0%, -50%, 0%, 0%;  background-position-y: -100%;  background-size: 50.5% 100%;  animation: m 20s infinite linear; }
.wave4{
  height: 400px; z-index:4; position:absolute; margin-top:-320px;  --c: #ffffff;  --w1: radial-gradient(100% 57% at top ,#0000 100%,var(--c) 100.5%) no-repeat;  --w2: radial-gradient(100% 57% at bottom, var(--c) 100%,#0000 100.5%) no-repeat;  background: var(--w2),var(--w1),var(--w2),var(--w1);  background-position-x: -0%, -50%, 0%, 0%;  background-position-y: -100%;  background-size: 50.5% 100%;  animation: m 30s infinite linear;}
.wave5{  height: 200px; z-index:5; position:absolute;   background:#fff;}

@keyframes m {
  0%  {background-position-x:-200%, -100%, 0%, 100%}
  100%{background-position-x:  0%, 100%, 200%, 300%}
}

.bottom_dh { padding:10px; text-align:center; word-spacing:10px;}
.bottom_dh a { color:#ccc; text-decoration:none }
.bottom_dh a:hover{ color:#fff; }

  /*其他通用页面*/
.other_bg { clear:both; width:100%;}
.other     { width:1300px; 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:1300px; 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;}
  

/***翻页公共样式***/  

.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 #1a73e8;  background:#1a73e8; color:#fff; }
.fy .fy_on{ border:1px solid #1a73e8; padding:2px 8px; background:#1a73e8; color:#fff;}
.fy .this_on_page{ background:#1a73e8;border:1px solid #1a73e8;  background:#1a73e8; color:#fff; }



.index_ecological_bg          { clear:both; width:100%; padding:30px 0px 20px 0px; min-height:650px; background:#fff;  }
.index_ecological             {  margin:auto; clear:both ;    }  
.index_ecological_bt          { clear:both;   text-align:center; padding: 80px 0px 20px 0px; }
.index_ecological_bt  h2      { font-weight:normal; font-size: 32px;color:#1a1a1a;  }
.index_ecological_des         { clear:both; color:#1a1a1a; padding: 10px ; font-size:1rem; text-align:center;   }
.index_ecological_notic       { clear:both; text-align:center; min-height:60px;  }
.content-list-box  { padding:50px 0px 50px 0px; clear:both}
.index_ecological .logo-content-list{ width: 100%; display: flex; overflow: hidden; padding:5px 0px 5px 0px;}

.index_ecological .logo-content-list:nth-child(1) .logo-list{    animation: paomadeng 24s linear infinite;    animation-delay: 1s;    -webkit-animation-delay: 1s;}
.index_ecological .logo-content-list:nth-child(2) .logo-list{    animation: paomadengTwo 24s linear infinite;    animation-delay: 1s;    -webkit-animation-delay: 1s;}
.index_ecological .logo-content-list:nth-child(3) .logo-list{    animation: paomadeng 24s linear infinite;    animation-delay: 1s;    -webkit-animation-delay: 1s;}
.index_ecological .logo-list { display: flex;}
.index_ecological .logo-list span {  overflow:hidden; display: inline-block;    justify-content: center;    margin: 0 10px 10px 0;    text-align: center;}
.index_ecological .logo-list span img { max-width: 150px; max-height: 45px; background: #FFFFFF; box-shadow: 0 8px 15px 0 rgba(55,85,152,0.07); border-radius: 4px; display: inline-block;    justify-content: center;     text-align: center;}

  .content_page-header {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color), var(--accent-color));
            background-size: 200% 200%;
            color: white;
            padding: 100px 0 40px;
            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%; }
        }
        
        .content_page-header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
            z-index: 1;
        }
        
        .content_page-header::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
        }
        
        .content_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);
            }
        }
        
        /* 分类导航 */
        .content_category-nav {
            background: rgba(255, 255, 255, 0.95);
            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-color);
        }
        
        .content_category-nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .content_category-title {
            font-size: 1.2rem;
            color: var(--primary-color);
            font-weight: bold;
            display: flex;
            align-items: center;
        }
        
        .content_category-title i {
            margin-right: 10px;
        }
        
        .content_category-links {
            display: flex;
            list-style: none;    padding: 10px 0px 10px 0px;
        }
        
        .content_category-link {
            padding: 5px 15px;   
            cursor: pointer;
            transition: var(--transition);
            border-bottom: 3px solid transparent;
            color: var(--text-light);
            position: relative;
            overflow: hidden;
        }
        
        .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;
        }
        
        /* 内容区域 */

        
        .content_disclaimer-content {
            background: var(--card-bg);
            padding: 50px;
            border-radius: 15px;
            box-shadow: var(--shadow);
            margin-bottom: 30px;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(26, 115, 232, 0.1);
        }
        
        .content_disclaimer-content::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 100%;
            background: linear-gradient(to bottom, var(--primary-color), var(--accent-color));
        }
        
        .content_disclaimer-content h1 {
            color: var(--primary-color);
            margin-bottom: 30px;
            text-align: center;  
            font-size: 2.2rem;
            position: relative;
            font-weight: 700;
        }
        
        .content_disclaimer-content h1::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 3px;
            background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
            border-radius: 3px;
        }
         
        .content_disclaimer-section {  
            margin-bottom: 40px;
            padding: 25px;
            border-radius: 10px;
            transition: var(--transition);
            border-left: 3px solid transparent;
            position: relative;
            overflow: hidden;
        }
        
        .content_disclaimer-section::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);
        }
        
        .content_disclaimer-section:hover::before {
            left: 100%;
        }
        
        .content_disclaimer-section:hover {
            background: var(--light-blue);
            border-left: 3px solid var(--primary-color);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .content_disclaimer-section h3 {
            color: var(--secondary-color);
            margin-bottom: 15px;
            font-size: 1.4rem;
            display: flex;
            align-items: center;
            font-weight: 600;
        }
        
        .content_disclaimer-section h3 i {
            margin-right: 10px;
            color: var(--primary-color);
            transition: var(--transition);
        }
        
        .content_disclaimer-section:hover h3 i {
            transform: scale(1.2);
            color: var(--accent-color);
        }
        
        .content_disclaimer-section p {
            margin-bottom: 15px;
            color: var(--text-light);
        }
        
        .content_disclaimer-section ul {
            padding-left: 20px;
            margin-bottom: 15px;
        }
        
        .content_disclaimer-section li {
            margin-bottom: 10px;
            color: var(--text-light);
            position: relative;
            padding-left: 20px;
        }
        
        .content_disclaimer-section li::before {
            content: '▸';
            color: var(--primary-color);
            position: absolute;
            left: 0;
        }
        
        .content_update-info {
            background: var(--light-blue);
            padding: 25px;
            border-radius: 10px;
            margin-top: 40px;
            border-left: 4px solid var(--primary-color);
            position: relative;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
        }
        
        .content_update-info::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(26, 115, 232, 0.05), rgba(0, 188, 212, 0.05));
            z-index: 0;
        }
        
        .content_update-info p {
            margin-bottom: 10px;
            color: var(--text-light);
            position: relative;
            z-index: 1;
        }
        
        .content_update-info strong {
            color: var(--primary-color);
        }
 
   /* 新闻文章样式 - 添加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.5rem;
            color: var(--primary-color);
            margin-bottom: 10px;
            line-height: 1.4;
        }
        
        .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;
            font-weight: 600;
            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;
            margin-bottom: 5px;
            line-height: 1.4;
        }
        
        .news_popular-title a {
            color: var(--text-color);
            text-decoration: none;
            transition: var(--transition);
        }
        
        .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 }
.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 10px 10px 10px;  }  
.activities_show_zw_left_keywords_bt  { float:left;  padding:3px 0px 3px 0px;}
.activities_show_zw_left_keywords_zw  { clear:both;   }
.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; }
  


 /* 页面标题区域 - 招商特色 */
        .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;
            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 {
            min-height: 150px;
            overflow: hidden;
            position: relative;
        }
        
        .investment_project-image img {
            width: 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;
            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;
        }
        
        /* 案例列表样式 - 添加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;
            font-weight: 600;
            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;
        }
        
        .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;
            font-weight: 600;
            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);
        }
        
        /* 侧边栏 */
        .case_sidebar {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        
        .case_sidebar-widget {
            background: var(--card-bg);
            padding: 25px;
            border-radius: 15px;
            box-shadow: var(--shadow);
        }
        
        .case_sidebar-title {
            font-size: 1.3rem;
            color: var(--primary-color);
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--light-green);
            font-weight: 600;
        }
        
        .case_popular-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .case_popular-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid var(--border-color);
        }
        
        .case_popular-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }
        
        .case_popular-img {
            width: 80px;
            height: 60px;
            background: var(--light-green);
            border-radius: 8px;
            flex-shrink: 0;
            overflow: hidden;
        }
        
        .case_popular-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .case_popular-content {
            flex: 1;
        }
        
        .case_popular-title {
            font-size: 0.95rem;
            font-weight: 600;
            margin-bottom: 5px;
            line-height: 1.4;
        }
        
        .case_popular-title a {
            color: var(--text-color);
            text-decoration: none;
            transition: var(--transition);
        }
        
        .case_popular-title a:hover {
            color: var(--primary-color);
        }
        
        .case_popular-category {
            color: var(--primary-color);
            font-size: 0.8rem;
            font-weight: 500;
        }
        
        .case_category-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        
        .case_category-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 15px;
            background: var(--light-green);
            border-radius: 8px;
            transition: var(--transition);
            cursor: pointer;
        }
        
        .case_category-item:hover {
            background: var(--primary-color);
            color: white;
        }
        
        .case_category-item span:last-child {
            background: rgba(255, 255, 255, 0.2);
            padding: 3px 8px;
            border-radius: 12px;
            font-size: 0.8rem;
        }
        		
 /* 知识列表样式 */
        .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);
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            margin-bottom: 15px;
        }
        
        .knowledge_featured-title {
            font-size: 1.8rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: var(--primary-color);
            line-height: 1.4;
        }
        
        .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-image {
            height: 180px;
            width: 100%;
            overflow: hidden;
        }
        
        .knowledge_item-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }
        
        .knowledge_item:hover .knowledge_item-image 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;
        }
        
        .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_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;
        }
        
        .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;
        }
        
        /* 分页 */
        .knowledge_pagination {
            display: flex;
            justify-content: center;
            margin-top: 50px;
        }
        
        .knowledge_pagination-list {
            display: flex;
            list-style: none;
            gap: 10px;
        }
        
        .knowledge_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);
        }
        
        .knowledge_pagination-item a {
            color: var(--text-color);
            text-decoration: none;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .knowledge_pagination-item.active, .knowledge_pagination-item:hover {
            background: var(--primary-color);
        }
        
        .knowledge_pagination-item.active a, .knowledge_pagination-item:hover a {
            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:20px ; 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; }  
.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          { width:200px;  height:auto; text-align:center;   padding-right:20px; float:left;}
.tag_list_li_img img      {  padding:10px;  border-radius:8px; border:solid 1px #f1f1f1;}
.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;}
 /* AI+ 英雄区域 - 添加前缀 */
        .ai_hero-section {
            padding: 120px 0 80px;
            position: relative;
            overflow: hidden;
        }
        
        .ai_hero-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(circle at 10% 20%, rgba(37, 99, 235, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 90% 80%, rgba(139, 92, 246, 0.05) 0%, transparent 50%);
            z-index: -1;
        }
        
        .ai_hero-content {
            max-width: 900px;
            margin: 0 auto;
            text-align: center;
        }
        
        .ai_hero-badge {
            display: inline-block;
            background: rgba(37, 99, 235, 0.1);
            color: var(--primary);
            padding: 8px 20px;
            border-radius: 30px;
            font-size: 0.9rem;
            font-weight: 600;
            margin-bottom: 20px;
            border: 1px solid rgba(37, 99, 235, 0.2);
        }
        
        .ai_hero-title {
            font-size: 3.8rem;
            font-weight: 800;
            margin-bottom: 20px;
            line-height: 1.2;
            color: var(--dark);
        }
        
        .ai_hero-title span {
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .ai_hero-text {
            font-size: 1.3rem;
            color: var(--gray);
            max-width: 700px;
            margin: 0 auto 40px;
        }
        
        .ai_hero-stats {
            display: flex;
            justify-content: center;
            gap: 50px;
            margin-top: 60px;
        }
        
        .ai_stat-item {
            text-align: center;
        }
        
        .ai_stat-number {
            font-size: 2.8rem;
            font-weight: 800;
            color: var(--primary);
            display: block;
            margin-bottom: 5px;
        }
        
        .ai_stat-label {
            font-size: 1rem;
            color: var(--gray);
            font-weight: 500;
        }
        
        /* AI+ 解决方案类别 - 添加前缀 */
        .ai_categories-section {
            padding: 30px 10px 60px 10px;
        }
        
        .ai_categories-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
        }
        
        .ai_category-card {
            background: white;
            border-radius: 16px;
            padding: 30px;
            box-shadow: var(--shadow);
            transition: var(--transition);
            text-align: center;
            position: relative;
            overflow: hidden;
            border: 1px solid var(--gray-light);
        }
        
        .ai_category-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: var(--gradient);
        }
        
        .ai_category-card:hover {
            transform: translateY(-10px);
            box-shadow: var(--shadow-hover);
        }
        
        .ai_category-icon {
            width: 70px;
            height: 70px;
            background: rgba(37, 99, 235, 0.1);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            color: var(--primary);
            font-size: 1.8rem;
        }
 .ai_category-icon  img {
            padding:10px;
        }
        
        .ai_category-title {  
            font-size: 1.4rem;
            font-weight: 700;
            margin-bottom: 15px;
            color: var(--dark);
        }
        
        .ai_category-desc {
            color: var(--gray);
            margin-bottom: 20px;
            line-height: 1.6;
        }
        
        .ai_category-link {
            color: var(--primary);
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: var(--transition);
        }
        
        .ai_category-link:hover {
            color: var(--secondary);
            gap: 12px;
        }
        
        /* AI+ 解决方案网格 - 添加前缀 */
        .ai_solutions-section {
            padding: 30px 10px 80px 10px;
        }
        
        .ai_section-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 50px;
        }
        
        .ai_section-title {
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--dark);
            position: relative;
            display: inline-block;
        }
        
        .ai_section-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 60px;
            height: 4px;
            background: var(--gradient);
            border-radius: 2px;
        }
        
        .ai_section-subtitle {
            font-size: 1.2rem;
            color: var(--gray);
            max-width: 600px;
            margin-top: 15px;
        }
        
        .ai_view-controls {
            display: flex;
            gap: 10px;
        }
        
        .ai_view-btn {
            width: 44px;
            height: 44px;
            border-radius: 10px;
            border: 1px solid var(--gray-light);
            
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: var(--transition);
            color: var(--gray);
			background:
        }
        
        .ai_view-btn.active, .ai_view-btn:hover {
           
            color: white;
            border-color: var(--primary);
   			
     }
	 .ai_view_btn_a { background: white url('/images/ico_ai_0002-1.png') no-repeat;}
	 .ai_view_btn_b { background: white url('/images/ico_ai_0001-1.png') no-repeat;}  
	 .ai_view_btn_a.active,ai_view_btn_a:hover { background: var(--primary) url('/images/ico_ai_0002.png') no-repeat;}
	 .ai_view_btn_b.active,ai_view_btn_b:hover { background: var(--primary) url('/images/ico_ai_0001.png') no-repeat;}
          
        .ai_solutions-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
            gap: 30px;
        }
        
        .ai_solution-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: var(--transition);
            position: relative;
            border: 1px solid var(--gray-light);
        }
        
        .ai_solution-card:hover {
            transform: translateY(-10px);
            box-shadow: var(--shadow-hover);
        }
        
        .ai_solution-image {
            height: 220px;
            width: 100%;
            overflow: hidden;
            position: relative;
        }
        
        .ai_solution-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }
        
        .ai_solution-card:hover .ai_solution-image img {
            transform: scale(1.05);
        }
        
        .ai_solution-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background: var(--gradient);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            z-index: 2;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        
        .ai_solution-content {
            padding: 25px;
        }
        
        .ai_solution-title {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: var(--dark);
            line-height: 1.4;
        }
        
        .ai_solution-title a {
            color: inherit;
            text-decoration: none;
            transition: var(--transition);
        }
        
        .ai_solution-title a:hover {
            color: var(--primary);
        }
        
        .ai_solution-excerpt {
            color: var(--gray);
            margin-bottom: 20px;
            line-height: 1.6;
        }
        
        .ai_solution-features {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 20px;
        }
        
        .ai_solution-feature {
            background: rgba(37, 99, 235, 0.1);
            color: var(--primary);
            padding: 6px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 500;
        }
        
        .ai_solution-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 20px;
        }
        
        .ai_solution-meta-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--gray);
            font-size: 0.9rem;
        }
        
        .ai_solution-meta-item i {
            color: var(--accent);
        }
        
        .ai_solution-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 20px;
            border-top: 1px solid var(--gray-light);
        }
        
        .ai_solution-industry {
            font-size: 0.9rem;
            color: var(--gray);
        }
        
        .ai_solution-industry strong {
            color: var(--dark);
        }
        
        .ai_solution-link {
            color: var(--primary);
            text-decoration: none;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: var(--transition);
        }
        
        .ai_solution-link:hover {
            color: var(--secondary);
            gap: 12px;
        }
          		
		       
/*通用*/	
.zw_top_banner { clear:both; width:100%;}
.zw_top_banner_bg { min-height:300px; padding:60px 0px 60px 0px; }	
.zw_top_banner_zw { width:1200px; margin:0 auto; animation: fadeInUp 1s ease; text-align:center ;  }
.zw_top_banner_des1 { font-size:2.2rem; padding:10px;}    
.zw_top_banner_des2 { font-size:1.2rem; padding:10px;}    
	    
/*.zw_top_banner_bg::after {  
            content: '';  
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;   
            height: 100%;
            background: linear-gradient(to right, rgba(26, 115, 232, 0.4), rgba(0, 188, 212, 0.4));
} 
	*/
	  
	
	
.feedback  { clear:both;}
.feedback_bt         { padding:30px 0px 0px 0px;  }
.feedback_bt h1      { color:#1a1a1a; font-weight:normal; height:70px;  }
.feedback_des        { font-size:14px; line-height:25px;   }
.feedback table .t { width:20%; text-align:right;padding:5px;  }
.feedback table .tA { width:78%;padding:5px;}
.feedback table .inputext { width:100%; padding:2px 5px 2px 5px; border:solid 1px #ccc ;}  
.feedback table .CheckCode{ width:30%; padding:2px 5px 2px 5px;}  
.feedback_submit  { padding-left:20%; margin-top:10px;}
.feedback_submit input  { padding:5px 30px 5px 30px;}
.feedback_notic  { margin-top:20px; text-align:left; background:#f1f1f1; border-radius:8px; padding:20px; }
	
.index_bottom_friend_links_bg { background:#113365   }	
.index_bottom_friend_links { width:1280px; 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;} 
	  
	

.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; }
.docs_right_zw  h2          { padding:15px 0px 15px 0px;  font-size:22px; font-weight:normal }
.docs_right_zw  h3          { padding:10px 0px 10px 0px;  font-size:20px; font-weight:normal }  
.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; }
	
	
	
/*ecpo*/
        .epco_filter_section {
            background: white;
            border-radius: 16px;
            padding: 30px;
            box-shadow: var(--shadow);
            margin-bottom: 60px;
        }
        
        .epco_filter_header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
        }
        
        .epco_filter_title {
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--primary);
        }
        
        .epco_filter_reset {
            color: var(--gray);
            background: none;
            border: none;
            cursor: pointer;
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 5px;
            transition: var(--transition);
        }
        
        .epco_filter_reset:hover {
            color: var(--primary);
        }
        
        .epco_filter_grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
        }
        
        .epco_filter_group {
            display: flex;
            flex-direction: column;
        }
        
        .epco_filter_label {
            font-size: 0.9rem;
            font-weight: 500;
            margin-bottom: 8px;
            color: var(--gray);
        }
        
        .epco_filter_select {
            padding: 12px 15px;
            border: 1px solid var(--gray_light);
            border-radius: 8px;
            background: white;
            color: var(--dark);
            font-size: 0.95rem;
            transition: var(--transition);
        }
        
        .epco_filter_select:focus {
            outline: none;
            border-color: var(--accent);
            box-shadow: 0 0 0 3px rgba(56, 178, 172, 0.1);
        }

.docs_top_list_bsort { clear:both; width:100%}
.docs_top_list_bsort li {  display:inline-flex ; }   
.docs_top_list_sort { clear:both;width:100%  ; }
.docs_top_list_sort li {  display:inline-flex;  }
.docs_top_list a        {  padding:3px 20px 3px  20px;  border-radius:13px; }
.docs_top_list a:hover  { text-decoration:none;  }
.docs_top_list_bsort_bt { background:#dbdbdb; display:block; padding:3px 20px 3px  20px; border-radius:15px 0px 15px 15px;   }
.docs_top_list_sort_bt  { background:#dbdbdb; display:block; padding:3px 20px 3px  20px; border-radius:15px 0px 15px 15px; }
.docs_top_list_sort_all  a { padding:5px 8px 5px 8px;border-radius:13px; }
.docs_top_list_bsort_all a {  padding:5px 8px 5px 8px; border-radius:13px;}
.docs_top_list .dh_bt_on a { background:#e9e9e9;  }
	



@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); }
        }
		
		
		
        
        /* 响应式设计 - 添加前缀 */
        @media (max-width: 1200px) {
            .container {
                max-width: 1140px;
            }
        
		.ai_hero-title {
                font-size: 3.2rem;
            }
            
            .ai_solutions-grid {
                grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            }
			 
          
                     
            .epco_projects_grid {
                grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
            }
			
			
			 .solution_grid {
                grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
            }
			
			
			}
        
        @media (max-width: 992px) {
            .index_about-container {
                grid-template-columns: 1fr;
            }
            
            .index_about-image {
                height: 400px;
            }
            
            .index_news-layout {
                grid-template-columns: 1fr;
            }
            
            .index_secondary-news {
                grid-template-columns: 1fr;
            }
            
            .index_cases-grid, .index_investment-grid {
                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            }
			   .content_category-nav-container {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .content_category-title {
                margin-bottom: 15px; margin-top: 20px;
            }  
			.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;
            }
			 .knowledge_container {
                grid-template-columns: 1fr;
            }
			.ai_hero-title {
                font-size: 2.8rem;
            }
            
            .ai_hero-stats {
                gap: 30px; margin-top:0px;
            }
            
            .ai_section-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 20px;
            }
			
			   .solution_navigation {
                flex-direction: column;
            }
            
            .solution_categories_sidebar {
                flex: 1;
                position: static;
            }
            
            .solution_grid {
                grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            }
			
			
        }
        
        @media (max-width: 768px) {
			.logo{width:90%;}    
.tag_list_li_img          { width:100%;  }

.index_bottom_friend_links { width:100%;}
            .nav-toggle {
                display: block;   text-align: right
            }
            
            nav ul {
                display: none;
                flex-direction: column;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background-color: var(--secondary-color);
                box-shadow: var(--shadow);
            }
            
            nav.active ul {
                display: flex;
            }
            nav.active ul ul {
                display: none;
            }
            
            nav li {
                margin: 0;
                width: 100%;
            }
            
            nav a {
                padding: 15px 20px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            }
			    li:hover > .dropdown {
        display: none !important;
    }
    

            
            .dropdown {
				 display: none;
                position: static;
                width: 100%;
                box-shadow: none;
                background-color: rgba(0, 0, 0, 0.1);
				
            }
               
            .dropdown a {
                padding-left: 40px;
                color: rgba(255, 255, 255, 0.9);
            }
            
            li.active > .dropdown {
               
            }
            
            .index_page-header h1 {
                font-size: 2.2rem;
            }
            
            .index_page-header p {
                font-size: 1.1rem;
            }
            
            .index_solutions-tabs, .index_news-tabs, .index_investment-tabs {
                flex-direction: column;
                align-items: center;
            }
            
            .index_solutions-tab, .index_news-tab, .index_investment-tab {
                margin-bottom: 12px;
                width: 80%;
                text-align: center;
            }
            
            .index_solutions-container {
                grid-template-columns: 1fr;
            }
            
            .index_about-features, .index_about-stats {
                grid-template-columns: 1fr;
            }
            
            .index_cases-grid, .index_investment-grid {
                grid-template-columns: 1fr;
            }
            
            .index_section-title h2 {
                font-size: 1.8rem;
            }
			  .content_page-header h1 {
                font-size: 2.2rem;
            }
            
            .content_breadcrumb {
                flex-wrap: wrap;
            }
            
            .content_category-links {
         flex-wrap: wrap;
    justify-content: center;
    gap: 0px;
    padding: 10px 0px 10px 0px;
    border-radius: var(--radius);  width:100%;   
            }
            
            .content_category-link {
                 padding: 5px 5px;  
                text-align: center;
                border-bottom: 1px solid var(--border-color);
            }
            
            .content_disclaimer-content {
                padding: 30px 20px;
            }
			     .investment_page-header h1 {
                font-size: 2.2rem;
            }
            
            .investment_page-header p {
                font-size: 1rem;
                padding: 0 15px;
            }
            
            .investment_breadcrumb {
                flex-wrap: wrap;
            }
            
            .investment_project-grid {
                grid-template-columns: 1fr;
            }
			.case_grid {
                grid-template-columns: 1fr;
            }
			 .knowledge_list {
                grid-template-columns: 1fr;
            }
            
            .knowledge_featured-image {
                height: 200px;
            }
			  .ai_hero-title {
                font-size: 2.4rem;
            }
            
            .ai_hero-text {
                font-size: 1.1rem;
            }
            
            .ai_hero-stats { 
            }
            
            .ai_categories-grid {
                grid-template-columns: 1fr;
            }
            
            .ai_solutions-grid {
                grid-template-columns: 1fr;
            }
            
            .ai_cta-section {
                padding: 60px 30px;
            }
            
            .ai_cta-title {
                font-size: 2.2rem;
            }
   
            .epco_projects_grid {
                grid-template-columns: 1fr;
            }
            
            .epco_projects_header {
                flex-direction: column;
                align-items: flex-start;
                gap: 20px;
            }
             .solution_subcategory_tabs {
                padding: 15px;
            }
			
			.zw_top_banner_zw { width:100%; }
			.other { width:100%; }
			 .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;
            }
			.content_category-nav { position:relative; top:0px;}
.tags          {  width:100%;padding:10px;}    
.tags_left     { width:100%; float:none; }
.tags_right    { width:100%; float:none; min-height:300px; }

.ai_view-controls { display:none;}

        }   
@media (max-width: 480px) {
            .ai_hero-title {
                font-size: 2rem;
            }
            
            .ai_section-title {
                font-size: 2rem;
            }
            
            .ai_stat-number {
                font-size: 2.2rem;
            }
			            .epco_section_title {
                font-size: 1.6rem;
            }
			.solution_title {
                font-size: 2rem;
            }
            
            .solution_categories_sidebar {
                padding: 20px;
            }
			  
			
        }