<span data-lang="zh"><span data-lang="zh">云解决方案 - AI & 云解决方案专家</span><span data-lang="en" style="display: none;">Cloud Solutions - AI & Cloud Solutions Expert</span>云解决方案 - AI & 云解决方案专家<span data-lang="en" style="display: none;">Cloud Solutions - AI & Cloud Solutions Expert</span>云解决方案 - AI & 云解决方案专家  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">  <link rel="stylesheet" href="css/style.css">  <link rel="icon" type="image/png" href="js/紫色底云.png"> <style> /* 下拉菜单样式 */ .dropdown { position: relative; } .dropdown-toggle { cursor: pointer; display: flex; align-items: center; gap: 4px; } .dropdown-arrow { font-size: 10px; transition: transform 0.3s ease; } .dropdown:hover .dropdown-arrow { transform: rotate(180deg); } .dropdown-menu { position: absolute; top: 100%; left: 0; min-width: 160px; background-color: rgba(255, 255, 255, 0.98); backdrop-filter: blur(20px); border: 1px solid var(--border-light); border-radius: var(--border-radius); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); list-style: none; padding: 8px 0; margin: 4px 0 0; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 1000; } .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-menu li { display: block; } .dropdown-menu a { display: block; padding: 8px 16px; font-size: 0.85rem; font-weight: 400; color: var(--text-primary); text-decoration: none; transition: all 0.2s ease; } .dropdown-menu a:hover { background-color: var(--background-secondary); color: var(--primary-color); } .dropdown-menu a::after { display: none; } </style> </head> <body>  <header style="background-color: var(--background-white); box-shadow: var(--shadow-sm); position: fixed; top: 0; left: 0; right: 0; backdrop-filter: blur(20px); z-index: 1000;"> <div class="container"> <nav style="display: flex; align-items: center; justify-content: space-between; padding: 16px 0;">  <a href="index.html" class="logo" style="font-size: 2rem; font-weight: 700; color: #3a004d; text-decoration: none;"> Trisfal </a>  <ul class="nav-links" style="display: flex; list-style: none; gap: 32px; margin: 0;"> <li><a href="index.html" style="text-decoration: none; color: var(--text-primary); font-weight: 500;"><span data-lang="zh"><span data-lang="zh">首页</span><span data-lang="en" style="display: none;">Home</span>首页<span data-lang="en" style="display: none;">Home</span>首页</li> <li class="dropdown"> <a href="#" style="text-decoration: none; color: var(--text-primary); font-weight: 500; display: flex; align-items: center; gap: 4px;"> AI解决方案 </a> <ul class="dropdown-menu"> <li><a href="ai-solutions.html" class="dropdown-item"><span data-lang="zh"><span data-lang="zh">智能体搭建</span><span data-lang="en" style="display: none;">Agent Development</span>智能体搭建<span data-lang="en" style="display: none;">Agent Development</span>智能体搭建</li> <li><a href="ai-solutions.html" class="dropdown-item"><span data-lang="zh"><span data-lang="zh">企业定制化AI解决方案</span><span data-lang="en" style="display: none;">Custom AI Solutions</span>企业定制化AI解决方案<span data-lang="en" style="display: none;">Custom AI Solutions</span>企业定制化AI解决方案</li> <li><a href="ai-solutions.html" class="dropdown-item">弹性AI算力与模型开发方案</a></li> </ul> </li> <li class="dropdown"> <a href="#" style="text-decoration: none; color: var(--text-primary); font-weight: 500; display: flex; align-items: center; gap: 4px;"> 云解决方案 </a> <ul class="dropdown-menu"> <li><a href="msp-details.html" class="dropdown-item"><span data-lang="zh"><span data-lang="zh">MSP托管运维</span><span data-lang="en" style="display: none;">MSP Managed Operations</span>MSP托管运维<span data-lang="en" style="display: none;">MSP Managed Operations</span>MSP托管运维</li> <li><a href="migration-services.html" class="dropdown-item"><span data-lang="zh"><span data-lang="zh">云迁移服务</span><span data-lang="en" style="display: none;">Cloud Migration Services</span>云迁移服务<span data-lang="en" style="display: none;">Cloud Migration Services</span>云迁移服务</li> <li><a href="cloud-network-solutions.html" class="dropdown-item"><span data-lang="zh"><span data-lang="zh">云网络解决方案</span><span data-lang="en" style="display: none;">Cloud Network Solutions</span>云网络解决方案<span data-lang="en" style="display: none;">Cloud Network Solutions</span>云网络解决方案</li> <li><a href="cloud-sap-solutions.html" class="dropdown-item"><span data-lang="zh"><span data-lang="zh">云SAP解决方案</span><span data-lang="en" style="display: none;">Cloud SAP Solutions</span>云SAP解决方案<span data-lang="en" style="display: none;">Cloud SAP Solutions</span>云SAP解决方案</li> <li><a href="disaster-recovery-solutions.html" class="dropdown-item">容灾解决方案</a></li> <li><a href="database-operations.html" class="dropdown-item">数据库运维</a></li> <li><a href="cloud-security-solutions.html" class="dropdown-item"><span data-lang="zh"><span data-lang="zh">云安全解决方案</span><span data-lang="en" style="display: none;">Cloud Security Solutions</span>云安全解决方案<span data-lang="en" style="display: none;">Cloud Security Solutions</span>云安全解决方案</li> </ul> </li> <li><a href="case-studies.html" style="text-decoration: none; color: var(--text-primary); font-weight: 500;"><span data-lang="zh"><span data-lang="zh">客户案例</span><span data-lang="en" style="display: none;">Customer Cases</span>客户案例<span data-lang="en" style="display: none;">Customer Cases</span>客户案例</li> <li><a href="partners.html" style="text-decoration: none; color: var(--text-primary); font-weight: 500;"><span data-lang="zh"><span data-lang="zh">合作伙伴</span><span data-lang="en" style="display: none;">Partners</span>合作伙伴<span data-lang="en" style="display: none;">Partners</span>合作伙伴</li> <li class="dropdown"> <a href="#" class="dropdown-toggle" style="text-decoration: none; color: var(--text-primary); font-weight: 500; display: flex; align-items: center; gap: 4px;"> 关于我们 </a> <ul class="dropdown-menu"> <li><a href="company-intro.html">公司介绍</a></li> <li><a href="development-history.html"><span data-lang="zh"><span data-lang="zh">发展历程</span><span data-lang="en" style="display: none;">Development History</span>发展历程<span data-lang="en" style="display: none;">Development History</span>发展历程</li> <li><a href="#honors"><span data-lang="zh"><span data-lang="zh">荣誉资质</span><span data-lang="en" style="display: none;">Honors & Qualifications</span>荣誉资质<span data-lang="en" style="display: none;">Honors & Qualifications</span>荣誉资质</li> <li><a href="#news">公司动态</a></li> <li><a href="#join-us"><span data-lang="zh"><span data-lang="zh">加入我们</span><span data-lang="en" style="display: none;">Join Us</span>加入我们<span data-lang="en" style="display: none;">Join Us</span>加入我们</li> <li><a href="#contact"><span data-lang="zh"><span data-lang="zh">联系我们</span><span data-lang="en" style="display: none;">Contact Us</span>联系我们<span data-lang="en" style="display: none;">Contact Us</span>联系我们</li> </ul> </li> </ul>  <div style="display: flex; align-items: center; gap: 16px;">  <div class="lang-toggle" style="display: flex; gap: 8px;"> <button data-lang="zh" class="active" style="padding: 6px 12px; border: 1px solid var(--border-light); border-radius: var(--border-radius); background-color: var(--primary-color); color: white; font-size: 0.85rem; font-weight: 500; cursor: pointer;">中文</button> <button data-lang="en" style="padding: 6px 12px; border: 1px solid var(--border-light); border-radius: var(--border-radius); background-color: var(--background-white); color: var(--text-primary); font-size: 0.85rem; font-weight: 500; cursor: pointer;">English</button> </div>  <a href="#contact" class="cta-button"><span data-lang="zh"><span data-lang="zh">联系我们</span><span data-lang="en" style="display: none;">Contact Us</span>联系我们<span data-lang="en" style="display: none;">Contact Us</span>联系我们 </div> </nav> </div> </header>  <section class="hero"> <div class="container hero-content"> <h1 class="fade-in"><span data-lang="zh"><span data-lang="zh">云解决方案</span><span data-lang="en" style="display: none;">Cloud Solutions</span>云解决方案<span data-lang="en" style="display: none;">Cloud Solutions</span>云解决方案 <p class="fade-in"><span data-lang="zh"><span data-lang="zh">为企业提供全方位的云服务，助力企业实现数字化转型</span><span data-lang="en" style="display: none;">Provide comprehensive cloud services for enterprises to achieve digital transformation</span>为企业提供全方位的云服务，助力企业实现数字化转型<span data-lang="en" style="display: none;">Provide comprehensive cloud services for enterprises to achieve digital transformation</span>为企业提供全方位的云服务，助力企业实现数字化转型 <div class="hero-buttons fade-in"> <a href="#msp" class="btn btn-primary"><span data-lang="zh"><span data-lang="zh">MSP托管运维</span><span data-lang="en" style="display: none;">MSP Managed Operations</span>MSP托管运维<span data-lang="en" style="display: none;">MSP Managed Operations</span>MSP托管运维 <a href="#migration" class="btn btn-outline"><span data-lang="zh"><span data-lang="zh">云迁移服务</span><span data-lang="en" style="display: none;">Cloud Migration Services</span>云迁移服务<span data-lang="en" style="display: none;">Cloud Migration Services</span>云迁移服务 </div> </div> </section>  <section class="services" id="msp"> <div class="container"> <div class="section-title fade-in"> <h2><span data-lang="zh"><span data-lang="zh">MSP托管运维</span><span data-lang="en" style="display: none;">MSP Managed Operations</span>MSP托管运维<span data-lang="en" style="display: none;">MSP Managed Operations</span>MSP托管运维 <p><span data-lang="zh"><span data-lang="zh">为企业提供专业的云托管运维服务，确保云环境的稳定运行和高效管理</span><span data-lang="en" style="display: none;">Provide professional cloud managed operations services to ensure stable operation and efficient management of cloud environments</span>为企业提供专业的云托管运维服务，确保云环境的稳定运行和高效管理<span data-lang="en" style="display: none;">Provide professional cloud managed operations services to ensure stable operation and efficient management of cloud environments</span>为企业提供专业的云托管运维服务，确保云环境的稳定运行和高效管理 </div> <div class="about-content"> <div class="about-text fade-in"> <h3><span data-lang="zh"><span data-lang="zh">托管运维服务内容</span><span data-lang="en" style="display: none;">Managed Operations Service Content</span>托管运维服务内容<span data-lang="en" style="display: none;">Managed Operations Service Content</span>托管运维服务内容 <p><span data-lang="zh"><span data-lang="zh">我们的MSP托管运维服务涵盖云环境的监控、维护、优化和故障处理等全方位内容，为企业提供7×24小时的专业运维支持。</span><span data-lang="en" style="display: none;">Our MSP managed operations services cover comprehensive aspects including monitoring, maintenance, optimization, and troubleshooting of cloud environments, providing 7×24 professional operations support for enterprises.</span>我们的MSP托管运维服务涵盖云环境的监控、维护、优化和故障处理等全方位内容，为企业提供7×24小时的专业运维支持。<span data-lang="en" style="display: none;">Our MSP managed operations services cover comprehensive aspects including monitoring, maintenance, optimization, and troubleshooting of cloud environments, providing 7×24 professional operations support for enterprises.</span>我们的MSP托管运维服务涵盖云环境的监控、维护、优化和故障处理等全方位内容，为企业提供7×24小时的专业运维支持。 <p><span data-lang="zh"><span data-lang="zh">通过标准化的运维流程和先进的监控工具，我们能够及时发现和解决问题，确保企业云环境的稳定运行，降低运维成本和风险。</span><span data-lang="en" style="display: none;">Through standardized operation processes and advanced monitoring tools, we can detect and resolve issues in a timely manner, ensuring stable operation of enterprise cloud environments and reducing operation costs and risks.</span>通过标准化的运维流程和先进的监控工具，我们能够及时发现和解决问题，确保企业云环境的稳定运行，降低运维成本和风险。<span data-lang="en" style="display: none;">Through standardized operation processes and advanced monitoring tools, we can detect and resolve issues in a timely manner, ensuring stable operation of enterprise cloud environments and reducing operation costs and risks.</span>通过标准化的运维流程和先进的监控工具，我们能够及时发现和解决问题，确保企业云环境的稳定运行，降低运维成本和风险。 <h4><span data-lang="zh"><span data-lang="zh">服务内容：</span><span data-lang="en" style="display: none;">Service Content:</span>服务内容：<span data-lang="en" style="display: none;">Service Content:</span>服务内容： <ul style="list-style: disc; padding-left: 20px; margin-bottom: 20px;"> <li><span data-lang="zh"><span data-lang="zh">云资源监控和告警</span><span data-lang="en" style="display: none;">Cloud resource monitoring and alerting</span>云资源监控和告警<span data-lang="en" style="display: none;">Cloud resource monitoring and alerting</span>云资源监控和告警 <li><span data-lang="zh"><span data-lang="zh">系统维护和补丁管理</span><span data-lang="en" style="display: none;">System maintenance and patch management</span>系统维护和补丁管理<span data-lang="en" style="display: none;">System maintenance and patch management</span>系统维护和补丁管理 <li><span data-lang="zh"><span data-lang="zh">性能优化和容量规划</span><span data-lang="en" style="display: none;">Performance optimization and capacity planning</span>性能优化和容量规划<span data-lang="en" style="display: none;">Performance optimization and capacity planning</span>性能优化和容量规划 <li><span data-lang="zh"><span data-lang="zh">安全合规审计</span><span data-lang="en" style="display: none;">Security compliance auditing</span>安全合规审计<span data-lang="en" style="display: none;">Security compliance auditing</span>安全合规审计 <li><span data-lang="zh"><span data-lang="zh">故障处理和应急响应</span><span data-lang="en" style="display: none;">Troubleshooting and emergency response</span>故障处理和应急响应<span data-lang="en" style="display: none;">Troubleshooting and emergency response</span>故障处理和应急响应 <li><span data-lang="zh"><span data-lang="zh">日常运维报告和分析</span><span data-lang="en" style="display: none;">Daily operation reports and analysis</span>日常运维报告和分析<span data-lang="en" style="display: none;">Daily operation reports and analysis</span>日常运维报告和分析 </ul> <a href="#contact" class="btn btn-primary"><span data-lang="zh"><span data-lang="zh">咨询方案</span><span data-lang="en" style="display: none;">Consult Solution</span>咨询方案<span data-lang="en" style="display: none;">Consult Solution</span>咨询方案 </div> <div class="about-image fade-in"> <i class="fas fa-cloud"></i> </div> </div> </div> </section>  <section class="case-studies" id="migration"> <div class="container"> <div class="section-title fade-in"> <h2><span data-lang="zh"><span data-lang="zh">云迁移服务</span><span data-lang="en" style="display: none;">Cloud Migration Services</span>云迁移服务<span data-lang="en" style="display: none;">Cloud Migration Services</span>云迁移服务 <p><span data-lang="zh"><span data-lang="zh">为企业提供专业的云迁移服务，确保业务系统平滑迁移到云环境</span><span data-lang="en" style="display: none;">Provide professional cloud migration services to ensure smooth migration of business systems to cloud environments</span>为企业提供专业的云迁移服务，确保业务系统平滑迁移到云环境<span data-lang="en" style="display: none;">Provide professional cloud migration services to ensure smooth migration of business systems to cloud environments</span>为企业提供专业的云迁移服务，确保业务系统平滑迁移到云环境 </div> <div class="about-content"> <div class="about-image fade-in"> <i class="fas fa-exchange-alt"></i> </div> <div class="about-text fade-in"> <h3><span data-lang="zh"><span data-lang="zh">迁移服务流程</span><span data-lang="en" style="display: none;">Migration Service Process</span>迁移服务流程<span data-lang="en" style="display: none;">Migration Service Process</span>迁移服务流程 <p><span data-lang="zh"><span data-lang="zh">我们的云迁移服务采用标准化的流程，包括迁移评估、方案设计、迁移实施和验证优化等阶段，确保业务系统平滑迁移到云环境。</span><span data-lang="en" style="display: none;">Our cloud migration service adopts a standardized process, including migration assessment, solution design, migration implementation, and verification optimization phases, ensuring smooth migration of business systems to cloud environments.</span>我们的云迁移服务采用标准化的流程，包括迁移评估、方案设计、迁移实施和验证优化等阶段，确保业务系统平滑迁移到云环境。<span data-lang="en" style="display: none;">Our cloud migration service adopts a standardized process, including migration assessment, solution design, migration implementation, and verification optimization phases, ensuring smooth migration of business systems to cloud environments.</span>我们的云迁移服务采用标准化的流程，包括迁移评估、方案设计、迁移实施和验证优化等阶段，确保业务系统平滑迁移到云环境。 <p><span data-lang="zh"><span data-lang="zh">通过专业的迁移工具和经验丰富的技术团队，我们能够最小化迁移风险和业务中断时间，确保迁移后系统的性能和稳定性。</span><span data-lang="en" style="display: none;">Through professional migration tools and experienced technical teams, we can minimize migration risks and business interruption time, ensuring system performance and stability after migration.</span>通过专业的迁移工具和经验丰富的技术团队，我们能够最小化迁移风险和业务中断时间，确保迁移后系统的性能和稳定性。<span data-lang="en" style="display: none;">Through professional migration tools and experienced technical teams, we can minimize migration risks and business interruption time, ensuring system performance and stability after migration.</span>通过专业的迁移工具和经验丰富的技术团队，我们能够最小化迁移风险和业务中断时间，确保迁移后系统的性能和稳定性。 <h4><span data-lang="zh"><span data-lang="zh">迁移类型：</span><span data-lang="en" style="display: none;">Migration Types:</span>迁移类型：<span data-lang="en" style="display: none;">Migration Types:</span>迁移类型： <ul style="list-style: disc; padding-left: 20px; margin-bottom: 20px;"> <li><span data-lang="zh"><span data-lang="zh">应用系统迁移</span><span data-lang="en" style="display: none;">Application system migration</span>应用系统迁移<span data-lang="en" style="display: none;">Application system migration</span>应用系统迁移 <li><span data-lang="zh"><span data-lang="zh">数据库迁移</span><span data-lang="en" style="display: none;">Database migration</span>数据库迁移<span data-lang="en" style="display: none;">Database migration</span>数据库迁移 <li><span data-lang="zh"><span data-lang="zh">存储迁移</span><span data-lang="en" style="display: none;">Storage migration</span>存储迁移<span data-lang="en" style="display: none;">Storage migration</span>存储迁移 <li><span data-lang="zh"><span data-lang="zh">网络迁移</span><span data-lang="en" style="display: none;">Network migration</span>网络迁移<span data-lang="en" style="display: none;">Network migration</span>网络迁移 <li><span data-lang="zh"><span data-lang="zh">混合云架构设计</span><span data-lang="en" style="display: none;">Hybrid cloud architecture design</span>混合云架构设计<span data-lang="en" style="display: none;">Hybrid cloud architecture design</span>混合云架构设计 </ul> <a href="#contact" class="btn btn-primary"><span data-lang="zh"><span data-lang="zh">咨询方案</span><span data-lang="en" style="display: none;">Consult Solution</span>咨询方案<span data-lang="en" style="display: none;">Consult Solution</span>咨询方案 </div> </div> </div> </section>  <section class="services"> <div class="container"> <div class="section-title fade-in"> <h2><span data-lang="zh"><span data-lang="zh">其他云解决方案</span><span data-lang="en" style="display: none;">Other Cloud Solutions</span>其他云解决方案<span data-lang="en" style="display: none;">Other Cloud Solutions</span>其他云解决方案 <p><span data-lang="zh"><span data-lang="zh">为企业提供全方位的云解决方案，满足企业不同的业务需求</span><span data-lang="en" style="display: none;">Provide comprehensive cloud solutions to meet different business needs of enterprises</span>为企业提供全方位的云解决方案，满足企业不同的业务需求<span data-lang="en" style="display: none;">Provide comprehensive cloud solutions to meet different business needs of enterprises</span>为企业提供全方位的云解决方案，满足企业不同的业务需求 </div> <div class="services-grid">  <div class="service-card fade-in" id="network"> <div class="service-icon"> <i class="fas fa-network-wired"></i> </div> <h3><span data-lang="zh"><span data-lang="zh">云网络解决方案</span><span data-lang="en" style="display: none;">Cloud Network Solutions</span>云网络解决方案<span data-lang="en" style="display: none;">Cloud Network Solutions</span>云网络解决方案 <p><span data-lang="zh"><span data-lang="zh">为企业设计和实施安全、高效的云网络架构，确保网络性能和可靠性。</span><span data-lang="en" style="display: none;">Design and implement secure and efficient cloud network architectures for enterprises, ensuring network performance and reliability.</span>为企业设计和实施安全、高效的云网络架构，确保网络性能和可靠性。<span data-lang="en" style="display: none;">Design and implement secure and efficient cloud network architectures for enterprises, ensuring network performance and reliability.</span>为企业设计和实施安全、高效的云网络架构，确保网络性能和可靠性。 <a href="cloud-network-solutions.html" class="btn btn-outline"><span data-lang="zh"><span data-lang="zh">了解更多</span><span data-lang="en" style="display: none;">Learn More</span>了解更多<span data-lang="en" style="display: none;">Learn More</span>了解更多 </div>  <div class="service-card fade-in" id="disaster"> <div class="service-icon"> <i class="fas fa-shield-alt"></i> </div> <h3><span data-lang="zh"><span data-lang="zh">云灾备解决方案</span><span data-lang="en" style="display: none;">Cloud Disaster Recovery Solutions</span>云灾备解决方案<span data-lang="en" style="display: none;">Cloud Disaster Recovery Solutions</span>云灾备解决方案 <p><span data-lang="zh"><span data-lang="zh">为企业提供基于云的灾备解决方案，确保业务连续性和数据安全。</span><span data-lang="en" style="display: none;">Provide cloud-based disaster recovery solutions for enterprises, ensuring business continuity and data security.</span>为企业提供基于云的灾备解决方案，确保业务连续性和数据安全。<span data-lang="en" style="display: none;">Provide cloud-based disaster recovery solutions for enterprises, ensuring business continuity and data security.</span>为企业提供基于云的灾备解决方案，确保业务连续性和数据安全。 <a href="disaster-recovery-solutions.html" class="btn btn-outline"><span data-lang="zh"><span data-lang="zh">了解更多</span><span data-lang="en" style="display: none;">Learn More</span>了解更多<span data-lang="en" style="display: none;">Learn More</span>了解更多 </div>  <div class="service-card fade-in" id="managed"> <div class="service-icon"> <i class="fas fa-server"></i> </div> <h3>托管运维解决方案</h3> <p>为企业提供全方位的托管运维服务，包括系统、网络、安全等多个方面。</p> <a href="msp-details.html" class="btn btn-outline"><span data-lang="zh"><span data-lang="zh">了解更多</span><span data-lang="en" style="display: none;">Learn More</span>了解更多<span data-lang="en" style="display: none;">Learn More</span>了解更多 </div>  <div class="service-card fade-in" id="platform"> <div class="service-icon"> <i class="fas fa-layer-group"></i> </div> <h3>运维中台解决方案</h3> <p>为企业构建运维中台，实现运维流程标准化、自动化和智能化。</p> <a href="operation-platform-solutions.html" class="btn btn-outline"><span data-lang="zh"><span data-lang="zh">了解更多</span><span data-lang="en" style="display: none;">Learn More</span>了解更多<span data-lang="en" style="display: none;">Learn More</span>了解更多 </div>  <div class="service-card fade-in" id="database"> <div class="service-icon"> <i class="fas fa-database"></i> </div> <h3>数据库运维</h3> <p>为企业提供专业的数据库运维服务，确保数据库的稳定运行和性能优化。</p> <a href="database-operations.html" class="btn btn-outline"><span data-lang="zh"><span data-lang="zh">了解更多</span><span data-lang="en" style="display: none;">Learn More</span>了解更多<span data-lang="en" style="display: none;">Learn More</span>了解更多 </div>  <div class="service-card fade-in" id="security"> <div class="service-icon"> <i class="fas fa-shield-alt"></i> </div> <h3><span data-lang="zh"><span data-lang="zh">云安全解决方案</span><span data-lang="en" style="display: none;">Cloud Security Solutions</span>云安全解决方案<span data-lang="en" style="display: none;">Cloud Security Solutions</span>云安全解决方案 <p>为企业提供全方位的云安全防护服务，确保云环境的安全可靠。</p> <a href="cloud-security-solutions.html" class="btn btn-outline"><span data-lang="zh"><span data-lang="zh">了解更多</span><span data-lang="en" style="display: none;">Learn More</span>了解更多<span data-lang="en" style="display: none;">Learn More</span>了解更多 </div> </div> </div> </section>  <section class="contact" id="contact"> <div class="container"> <div class="section-title fade-in"> <h2><span data-lang="zh"><span data-lang="zh">联系我们</span><span data-lang="en" style="display: none;">Contact Us</span>联系我们<span data-lang="en" style="display: none;">Contact Us</span>联系我们 <p><span data-lang="zh"><span data-lang="zh">如果您对我们的云解决方案感兴趣，或有任何疑问，请随时与我们联系</span><span data-lang="en" style="display: none;">If you are interested in our cloud solutions or have any questions, please feel free to contact us</span>如果您对我们的云解决方案感兴趣，或有任何疑问，请随时与我们联系<span data-lang="en" style="display: none;">If you are interested in our cloud solutions or have any questions, please feel free to contact us</span>如果您对我们的云解决方案感兴趣，或有任何疑问，请随时与我们联系 </div> <div class="contact-content">  <div class="contact-info fade-in"> <h3><span data-lang="zh"><span data-lang="zh">联系方式</span><span data-lang="en" style="display: none;">Contact Information</span>联系方式<span data-lang="en" style="display: none;">Contact Information</span>联系方式 <div class="contact-item"> <i class="fas fa-phone"></i> <span><span data-lang="zh">12345678</span><span data-lang="en" style="display: none;">12345678</span>12345678 </div> <div class="contact-item"> <i class="fas fa-envelope"></i> <span><span data-lang="zh">contact@aicloud.com</span><span data-lang="en" style="display: none;">contact@aicloud.com</span>contact@aicloud.com </div> <div class="contact-item"> <i class="fas fa-map-marker-alt"></i> <span><span data-lang="zh">北京市朝阳区科技园区</span><span data-lang="en" style="display: none;">Science Park, Chaoyang District, Beijing</span>北京市朝阳区科技园区 </div> <div class="contact-item"> <i class="fas fa-clock"></i> <span><span data-lang="zh">周一至周五: 9:00 - 18:00</span><span data-lang="en" style="display: none;">Monday to Friday: 9:00 - 18:00</span>周一至周五: 9:00 - 18:00 </div> </div>  <div class="contact-form fade-in"> <form id="contact-form"> <div class="form-group"> <label for="name" class="form-label"><span data-lang="zh">姓名</span><span data-lang="en" style="display: none;">Name</span>姓名 <input type="text" id="name" name="name" class="form-input" required> </div> <div class="form-group"> <label for="email" class="form-label"><span data-lang="zh">邮箱</span><span data-lang="en" style="display: none;">Email</span>邮箱 <input type="email" id="email" name="email" class="form-input" required> </div> <div class="form-group"> <label for="phone" class="form-label"><span data-lang="zh">电话</span><span data-lang="en" style="display: none;">Phone</span>电话 <input type="tel" id="phone" name="phone" class="form-input" required> </div> <div class="form-group"> <label for="message" class="form-label"><span data-lang="zh">留言</span><span data-lang="en" style="display: none;">Message</span>留言 <textarea id="message" name="message" class="form-input form-textarea" required></textarea> </div> <button type="submit" class="btn btn-primary"><span data-lang="zh">提交</span><span data-lang="en" style="display: none;">Submit</span>提交 </form> </div> </div> </div> </section>  <footer> <div class="container"> <div class="footer-content"> <div class="footer-section"> <svg width="220" height="60" viewBox="0 0 220 60" xmlns="http://www.w3.org/2000/svg"> <style> .trisfal-text { font-family: 'Helvetica Neue', 'Inter', Arial, sans-serif; font-weight: bold; font-size: 42px; fill: white; letter-spacing: 1px; } </style> <text x="10" y="45" class="trisfal-text">Trisfal</text> </svg> </div> <div class="footer-section"> <h4> <span data-lang="zh">解决方案</span> <span data-lang="en" style="display: none;">Solutions</span> </h4> <ul> <li> <a href="#ai-solutions"> <span data-lang="zh">AI解决方案</span> <span data-lang="en" style="display: none;">AI Solutions</span> </a> </li> <li> <a href="#cloud-solutions"> <span data-lang="zh">云解决方案</span> <span data-lang="en" style="display: none;">Cloud Solutions</span> </a> </li> <li> <a href="msp-details.html"> <span data-lang="zh">MSP托管运维</span> <span data-lang="en" style="display: none;">MSP Managed Operations</span> </a> </li> <li> <a href="migration-services.html"> <span data-lang="zh">云迁移服务</span> <span data-lang="en" style="display: none;">Cloud Migration Services</span> </a> </li> <li> <a href="cloud-network-solutions.html"> <span data-lang="zh">云网络解决方案</span> <span data-lang="en" style="display: none;">Cloud Network Solutions</span> </a> </li> </ul> </div> <div class="footer-section"> <h4> <span data-lang="zh">关于我们</span> <span data-lang="en" style="display: none;">About Us</span> </h4> <ul> <li> <a href="company-intro.html"> <span data-lang="zh">公司简介</span> <span data-lang="en" style="display: none;">Company Introduction</span> </a> </li> <li> <a href="development-history.html"> <span data-lang="zh">发展历程</span> <span data-lang="en" style="display: none;">Development History</span> </a> </li> <li> <a href="honors.html"> <span data-lang="zh">荣誉资质</span> <span data-lang="en" style="display: none;">Honors and Qualifications</span> </a> </li> <li> <a href="join-us.html"> <span data-lang="zh">加入我们</span> <span data-lang="en" style="display: none;">Join Us</span> </a> </li> </ul> </div> <div class="footer-section"> <h4> <span data-lang="zh">联系我们</span> <span data-lang="en" style="display: none;">Contact Us</span> </h4> <ul> <li> <span data-lang="zh">电话：400-886-8032</span> <span data-lang="en" style="display: none;">Phone: 400-886-8032</span> </li> <li> <span data-lang="zh">邮箱：bd@trisfal.com</span> <span data-lang="en" style="display: none;">Email: bd@trisfal.com</span> </li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2026 Trisfal All rights reserved. Copyright © 杭州提瑞斯法科技有限公司版权所有 ICP备案号：<a href="https://beian.miit.gov.cn/" target="_blank" style="color: inherit; text-decoration: none;">浙ICP备20004675号</a> <span style="display: inline-flex; align-items: center; background-color: #000; padding: 2px 4px; border-radius: 2px;"><img src="js/724788f1bd174561940c4efdad3bbc14.png" alt="公安备案" style="height: 14px; width: auto;"></span>浙公网安备 <a href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank" style="color: inherit; text-decoration: none;">33010602011082号</a></p> </div> </div> </footer>  <script src="js/script.js"></script> <script> // 语言切换函数 function switchToEnglish() { document.querySelectorAll('[data-lang="zh"]').forEach(el => el.style.display = 'none'); document.querySelectorAll('[data-lang="en"]').forEach(el => el.style.display = 'inline'); document.getElementById('enBtn').style.backgroundColor = 'var(--primary-color)'; document.getElementById('enBtn').style.color = 'white'; document.getElementById('enBtn').style.borderColor = 'var(--primary-color)'; document.getElementById('zhBtn').style.backgroundColor = 'transparent'; document.getElementById('zhBtn').style.color = 'var(--text-primary)'; document.getElementById('zhBtn').style.borderColor = 'var(--border-light)'; // 保存语言偏好到localStorage localStorage.setItem('language', 'en'); } function switchToChinese() { document.querySelectorAll('[data-lang="zh"]').forEach(el => el.style.display = 'inline'); document.querySelectorAll('[data-lang="en"]').forEach(el => el.style.display = 'none'); document.getElementById('zhBtn').style.backgroundColor = 'var(--primary-color)'; document.getElementById('zhBtn').style.color = 'white'; document.getElementById('zhBtn').style.borderColor = 'var(--primary-color)'; document.getElementById('enBtn').style.backgroundColor = 'transparent'; document.getElementById('enBtn').style.color = 'var(--text-primary)'; document.getElementById('enBtn').style.borderColor = 'var(--border-light)'; // 保存语言偏好到localStorage localStorage.setItem('language', 'zh'); } // 页面加载时检查语言偏好 document.addEventListener('DOMContentLoaded', function() { // 设置按钮ID document.querySelector('.lang-toggle button[data-lang="zh"]').id = 'zhBtn'; document.querySelector('.lang-toggle button[data-lang="en"]').id = 'enBtn'; // 检查localStorage中的语言偏好 const savedLanguage = localStorage.getItem('language'); if (savedLanguage === 'en') { switchToEnglish(); } else { switchToChinese(); } // 绑定按钮事件 document.getElementById('zhBtn').addEventListener('click', switchToChinese); document.getElementById('enBtn').addEventListener('click', switchToEnglish); }); </script> </body> </html>