<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3GLcevh8o2mWwkV8",ck:"3GLcevh8o2mWwkV8"})</script>



var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?bbed808a7e81aea9265f249f4cb59cdb";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();

<script type="text/javascript" src="/ye.js"></script>
  <script><!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="//www.dongaolift.com/baidu/ag.js"></script><title>壹号娱乐-com - NG大舞台,有梦你就来</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<link rel="canonical" href="http://www.dongaolift.com/">
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=http://m.dongaolift.com/">
<link href="http://m.dongaolift.com/" rel="alternate" media="only screen and (max-width: 1000px)" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta http-equiv="Cache-Control" content="no-transform" />
<meta name="applicable-device" content="pc,mobile">
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" /><meta name="keywords" content="壹号娱乐,壹号娱乐,com,壹号娱乐-NG大舞台,有梦你就来" /><meta name="description" content="【十年老台大额无忧】(官网:www.dongaolift.com)壹号娱乐,壹号娱乐,com,壹号娱乐-NG大舞台,有梦你就来注册送彩金108元起，首存再送礼金，轻松畅玩畅享棋牌对战、电子游艺、彩票玩法多元玩法，平台提供支持USDT存取、全天候在线客服、多重优惠叠加，安全稳定" />
<link rel="icon" href="/favicon.ico" type="image/x-icon">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Arial', 'PingFang SC', 'Microsoft YaHei', sans-serif;
        }
        
        body {
            background-color: #ffffff;
            color: #333333;
            overflow-x: hidden;
        }
        
        :root {
            --base-font-size: 16px;
            --fluid-typography-ratio: 0.5vw;
        }
        
        @media screen and (min-width: 2560px) {
            :root {
                --base-font-size: 20px;
            }
            
            .hero-content {
                max-width: 1000px !important;
                margin-right: 15% !important;
            }
            
            .hero h1 {
                font-size: 3.5rem !important;
            }
            
            .hero p {
                font-size: 1.4rem !important;
            }
            
            .business-container {
                max-width: 1800px !important;
                margin: 0 auto !important;
            }
            
            .section {
                padding: 150px 8% !important;
            }
            
            .opto-info {
                max-width: 800px !important;
            }
            
            .opto-image {
                max-width: 800px !important;
            }
            
            .opto-panel.active {
                gap: 100px !important;
            }
            
            .news-container {
                max-width: 1800px !important;
                margin: 0 auto !important;
                gap: 40px !important;
            }
            
            .stats-container {
                max-width: 1600px !important;
                margin: 0 auto !important;
                padding: 60px !important;
            }
            
            .business-card img {
                height: 300px !important;
            }
            
            .logo img {
                max-height: 70px;
                max-width: 240px;
            }
        }
        
        /* 导航栏样式 */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: rgba(255, 255, 255, 0);
            z-index: 1000;
            padding: 20px 5%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.3s;
        }
        
        nav.scrolled {
            background-color: rgba(255, 255, 255, 0.95);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        
        .logo {
            display: flex;
            align-items: center;
        }
        
        .logo .company-name {
            margin-left: 15px;
            display: flex;
            flex-direction: column;
        }
        
        .logo .cn-name {
            font-size: 16px;
            font-weight: 500;
            color: #333;
        }
        
        .logo .en-name {
            font-size: 10px;
            color: #666;
            margin-top: 2px;
            letter-spacing: -0.2px;
            width: 100%;
        }
        
        .logo img {
            height: auto;
            width: auto;
            max-height: 50px;
            max-width: 180px;
            object-fit: contain;
        }
        
        .nav-links {
            display: flex;
            list-style: none;
        }
        
        .nav-links li {
            margin-left: 35px;
            position: relative;
        }
        
        .nav-links a {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            transition: color 0.3s;
            font-size: 1.0rem;
            position: relative;
            padding: 5px 0;
        }
        
        .nav-links a::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #e60012;
            transition: width 0.3s ease, box-shadow 0.3s ease;
        }
        
        .nav-links a:hover {
            color: #e60012;
        }
        
        .nav-links a:hover::after {
            width: 100%;
            box-shadow: 0 0 8px #e60012, 0 0 5px #e60012;
        }
        
        /* Hero 区域样式 */
        .hero {
            height: 100vh;
            width: 100%;
            position: relative;
            display: flex;
            align-items: center;
            overflow: hidden;
            background-color: #fff;
        }
        
        @media screen and (min-width: 2560px) {
            .hero {
                height: 80vh;
            }
        }
        
        .hero-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        
        .hero-content {
            max-width: 700px;
            padding: 0 5%;
            position: relative;
            z-index: 2;
            margin-right: auto;
            margin-left: 5%;
            text-align: left;
        }
        
        .hero h1 {
            font-size: 2.8rem;
            margin-bottom: 20px;
            line-height: 1.2;
            position: relative;
            white-space: nowrap;
        }
        
        .hero h1::after {
            content: '';
            position: absolute;
            right: auto;
            left: 0;
            bottom: -10px;
            width: 80px;
            height: 4px;
            background-color: #e60012; /* 红色品牌色 */
        }
        
        .hero p {
            font-size: 1.2rem;
            line-height: 1.6;
            margin-bottom: 30px;
            color: #555;
        }
        
        .hero-btn {
            display: inline-block;
            padding: 12px 30px;
            background-color: #e60012; /* 红色品牌色 */
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-weight: 500;
            transition: all 0.3s;
        }
        
        .hero-btn:hover {
            background-color: #d10010;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(230, 0, 18, 0.3);
        }
        
        /* 业务？楣灿醚 */
        .section {
            padding: 100px 5%;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 60px;
            position: relative;
        }
        
        .section-title h2 {
            font-size: 2.5rem;
            color: #333;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -15px;
            width: 60px;
            height: 3px;
            background-color: #e60012; /* 红色品牌色 */
        }
        
        /* 基础业务卡片样式 */
        .business-container {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin: 0 auto;
            max-width: 1400px;
        }
        
        .business-card {
            flex-basis: 30%;
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s, box-shadow 0.3s;
            margin-bottom: 30px;
        }
        
        @media screen and (min-width: 1440px) and (max-width: 2559px) {
            .business-container {
                max-width: 1200px;
            }
            
            .section {
                padding: 120px 6%;
            }
            
            .business-card img {
                height: 240px;
            }
        }
        
        @media screen and (max-width: 1439px) {
            .business-container {
                flex-direction: column;
                align-items: center;
            }
            
            .business-card {
                flex-basis: 100%;
                max-width: 500px;
                margin-bottom: 40px;
            }
            
            .ai-cloud .business-container {
                grid-template-columns: 1fr;
                max-width: 500px;
                margin: 0 auto;
            }
            
            .news-container {
                grid-template-columns: 1fr;
                max-width: 500px;
                margin: 0 auto;
            }
            
            .opto-panel.active {
                flex-direction: column;
            }
            
            .opto-info, .opto-image {
                max-width: 100%;
            }
        }
        
        .business-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }
        
        .business-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        
        .business-card-content {
            padding: 25px;
        }
        
        .business-card h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: #333;
        }
        
        .business-card p {
            color: #666;
            line-height: 1.6;
            margin-bottom: 20px;
        }
        
        .learn-more {
            color: #e60012;
            text-decoration: none;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
        }
        
        .learn-more::after {
            content: '→';
            margin-left: 5px;
            transition: transform 0.3s;
        }
        
        .learn-more:hover::after {
            transform: translateX(5px);
        }
        
        /* 光电业务？ */
        .optoelectronic {
            background-color: #f9f9f9;
            padding: 100px 5%;
        }
        
        /* 选项卡式导航 */
        .opto-tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 40px;
            border-bottom: 1px solid #e0e0e0;
        }
        
        /* 添加LED灯丝图片专用样式 */
        #communication .opto-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            margin: 0;
            display: block;
        }
        
        /* 调整LED灯丝图片容器大小 */
        #communication .opto-image {
            max-width: 550px;
        }
        
        .opto-tab {
            padding: 15px 30px;
            margin: 0 10px;
            font-size: 1.1rem;
            color: #555;
            cursor: pointer;
            transition: all 0.3s;
            position: relative;
            text-align: center;
        }
        
        .opto-tab.active {
            color: #e60012;
            font-weight: 600;
        }
        
        .opto-tab.active::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #e60012;
        }
        
        /* 内容区域 */
        .opto-content {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .opto-panel {
            display: none;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .opto-panel.active {
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 1;
            animation: fadeIn 0.5s ease forwards;
            gap: 60px;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        .opto-info {
            flex: 1;
            padding-right: 0;
            max-width: 550px;
        }
        
        .opto-info h3 {
            font-size: 2rem;
            margin-bottom: 20px;
            color: #222;
            position: relative;
        }
        
        .opto-info p {
            font-size: 1.1rem;
            line-height: 1.8;
            color: #555;
            margin-bottom: 25px;
        }
        
        .opto-info ul {
            list-style: none;
            margin-bottom: 30px;
        }
        
        .opto-info li {
            position: relative;
            padding-left: 25px;
            margin-bottom: 12px;
            font-size: 1.05rem;
            color: #444;
        }
        
        .opto-info li:before {
            content: '';
            position: absolute;
            left: 0;
            top: 10px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #e60012;
        }
        
        .opto-image {
            flex: 1;
            min-width: 40%;
            max-width: 550px;
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .opto-image:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(230, 0, 18, 0.2), 0 0 15px rgba(230, 0, 18, 0.1);
        }
        
        .opto-image:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 30%;
            background: linear-gradient(to top, rgba(230, 0, 18, 0.05), transparent);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .opto-image:hover:after {
            opacity: 1;
        }
        
        .opto-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform-origin: center center;
            transition: transform 0.5s ease;
            display: block;
        }
        
        /* 更改悬停效果，图片不再放大，避免圆角问题 */
        .opto-image:hover img {
            transform: none;
        }
        
        .opto-btn {
            display: inline-block;
            padding: 12px 30px;
            background-color: #e60012;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-weight: 500;
            transition: all 0.3s;
            margin-top: 10px;
        }
        
        .opto-btn:hover {
            background-color: #d10010;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(230, 0, 18, 0.3);
        }
        
        /* AI 算力服务业务？ */
        .ai-cloud {
            background-color: white;
        }
        
        /* AI 算力服务卡片样式 - 专属设计 */
        .ai-cloud .business-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
            max-width: 1400px;
            margin: 0 auto;
        }
        
        @media screen and (min-width: 1440px) and (max-width: 2559px) {
            .ai-cloud .business-container {
                max-width: 1200px;
            }
        }
        
        @media screen and (min-width: 2560px) {
            .section-title h2 {
                font-size: 3rem !important;
            }
            
            .ai-cloud .business-card h3 {
                font-size: 2rem !important;
            }
            
            .ai-cloud .business-card p {
                font-size: 1.2rem !important;
            }
            
            .opto-tab {
                font-size: 1.4rem !important;
                padding: 20px 40px !important;
            }
            
            .opto-info h3 {
                font-size: 2.5rem !important;
            }
            
            .opto-info p, .opto-info li {
                font-size: 1.3rem !important;
            }
            
            .service-tag {
                font-size: 1rem !important;
                padding: 8px 16px !important;
            }
        }
        
        .ai-cloud .business-card {
            position: relative;
            display: flex;
            flex-direction: column;
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }
        
        .ai-cloud .business-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(230, 0, 18, 0.2), 0 0 15px rgba(230, 0, 18, 0.1);
        }
        
        .ai-cloud .business-card:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 30%;
            background: linear-gradient(to top, rgba(230, 0, 18, 0.05), transparent);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .ai-cloud .business-card:hover:after {
            opacity: 1;
        }
        
        .ai-cloud .business-card .img-container {
            position: relative;
            width: 100%;
            padding-top: 75%; /* 4:3比例 */
            overflow: hidden;
        }
        
        .ai-cloud .business-card img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .ai-cloud .business-card-content {
            padding: 25px;
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        
        .ai-cloud .business-card h3 {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            color: #333;
            min-height: 56px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        
        .ai-cloud .business-card h3 .red-underline {
            position: relative;
            display: inline-block;
            z-index: 1;
        }
        
        .ai-cloud .business-card h3 .red-underline::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 8px;
            background-color: rgba(255, 0, 0, 0.2);
            z-index: -1;
        }
        
        .ai-cloud .business-card p {
            color: #555;
            line-height: 1.7;
            margin-bottom: 20px;
        }
        
        /* 服务标签样式 */
        .service-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 20px;
        }
        
        .service-tag {
            display: inline-block;
            padding: 6px 12px;
            background-color: rgba(230, 0, 18, 0.08);
            color: #e60012;
            font-size: 0.85rem;
            border-radius: 20px;
            font-weight: 500;
            transition: all 0.3s ease;
            margin-bottom: 8px;
            width: calc(50% - 4px);
            text-align: center;
            box-sizing: border-box;
        }
        
        .service-tag:hover {
            background-color: rgba(230, 0, 18, 0.15);
            transform: translateY(-2px);
        }
        
        /* 特性列表样式 */
        .feature-list {
            list-style: none;
            padding: 0;
            margin: 0 0 20px 0;
        }
        
        .feature-list li {
            margin-bottom: 12px;
            line-height: 1.5;
            color: #555;
            position: relative;
            padding-left: 5px;
        }
        
        .feature-list li strong {
            color: #e60012;
            font-weight: 600;
        }
        
        .ai-cloud .learn-more {
            margin-top: auto;
            color: #e60012;
            font-weight: 600;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
        }
        
        .ai-cloud .learn-more::after {
            content: '→';
            margin-left: 5px;
            transition: transform 0.3s;
        }
        
        .ai-cloud .learn-more:hover::after {
            transform: translateX(5px);
        }
        
        /* 公司动态？ */
        .news {
            background-color: #ffffff;
        }
        
        .news-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            max-width: 1400px;
            margin: 0 auto;
        }
        
        @media screen and (min-width: 1440px) and (max-width: 2559px) {
            .news-container {
                max-width: 1200px;
            }
        }
        
        @media screen and (min-width: 2560px) {
            .news-card h3 {
                font-size: 1.6rem !important;
            }
            
            .news-card p {
                font-size: 1.2rem !important;
            }
            
            .news-card img {
                height: 250px !important;
            }
            
            .footer-col h4 {
                font-size: 1.4rem !important;
            }
            
            .footer-col ul li a {
                font-size: 1.1rem !important;
            }
            
            .copyright {
                font-size: 1.05rem !important;
            }
        }
        
        .news-card {
            position: relative;
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
        }
        
        .news-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(230, 0, 18, 0.2), 0 0 15px rgba(230, 0, 18, 0.1);
        }
        
        .news-card:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 30%;
            background: linear-gradient(to top, rgba(230, 0, 18, 0.05), transparent);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .news-card:hover:after {
            opacity: 1;
        }
        
        .news-card img {
            width: 100%;
            height: 180px;
            object-fit: cover;
            transition: transform 0.5s ease;
            order: 2; /* 图片放在下方 */
            border-radius: 0 0 12px 12px; /* 只保留下方圆角 */
        }
        
        .news-card:hover img {
            transform: scale(1.05);
        }
        
        .news-content {
            padding: 25px;
            position: relative;
            z-index: 1;
            order: 1; /* 内容放在上方 */
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        
        .news-date {
            font-size: 0.85rem;
            color: #e60012;
            margin-bottom: 12px;
            display: block;
            font-weight: 600;
        }
        
        .news-card h3 {
            font-size: 1.3rem;
            margin-bottom: 15px;
            line-height: 1.4;
            color: #222;
            transition: color 0.3s;
        }
        
        .news-card:hover h3 {
            color: #e60012;
        }
        
        .news-card p {
            color: #666;
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 10px;
            flex: 1;
        }
        
        .news-card .read-more {
            color: #e60012;
            text-decoration: none;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            margin-top: auto;
        }
        
        .news-card .read-more::after {
            content: '→';
            margin-left: 5px;
            transition: transform 0.3s;
        }
        
        .news-card .read-more:hover::after {
            transform: translateX(5px);
        }
        
        /* 页脚样式 */
        footer {
            background-color: #f8f8f8;
            color: #333;
            padding: 60px 5% 20px;
            border-top: 1px solid #eaeaea;
        }
        
        .footer-container {
            display: flex;
            max-width: 1200px;
            margin: 0 auto;
            justify-content: space-between;
            align-items: flex-start;
            position: relative;
            padding-bottom: 20px;
        }
        
        .footer-left {
            flex: 0 0 200px;
            margin-right: 30px;
            display: flex;
            flex-direction: column;
            position: relative;
        }
        
        .footer-logo {
            margin-bottom: 0;
            padding-top: 5px;
            display: flex;
            justify-content: flex-start;
        }
        
        .footer-logo img {
            width: auto;
            height: auto;
            max-height: 50px;
            max-width: 180px;
            object-fit: contain;
        }
        
        .footer-logo .company-name {
            margin-left: 15px;
            display: flex;
            flex-direction: column;
        }
        
        .footer-logo .cn-name {
            font-size: 16px;
            font-weight: 500;
            color: #333;
        }
        
        .footer-logo .en-name {
            font-size: 10px;
            color: #666;
            margin-top: 2px;
            letter-spacing: -0.2px;
            width: 100%;
        }
        
        .footer-qrcode {
            position: absolute;
            top: 60px;
            left: 0;
        }
        
        .footer-qrcode img {
            width: 100px;
            height: 100px;
            border: 1px solid #eaeaea;
            padding: 5px;
            display: block;
        }
        
        .footer-right {
            flex: 1;
            display: flex;
            flex-wrap: wrap;
            position: relative;
            padding-left: 7%; /* 添加左侧内边距，整体向右偏移 */
        }
        
        .footer-column {
            flex: 1;
            min-width: 160px;
            margin-bottom: 30px;
            padding-right: 15px;
        }
        
        .footer-column h4 {
            font-size: 16px;
            margin-bottom: 20px;
            color: #333;
            font-weight: 600;
        }
        
        .footer-column ul {
            list-style: none;
            padding: 0;
        }
        
        .footer-column li {
            margin-bottom: 10px;
        }
        
        .footer-column a {
            color: #666;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }
        
        .footer-column a:hover {
            color: #e60012;
        }
        
        .copyright {
            text-align: center;
            padding-top: 20px;
            margin-top: 30px;
            border-top: 1px solid #eaeaea;
            color: #999;
            font-size: 14px;
            max-width: 1200px;
            margin: 30px auto 0;
        }
        
        @media (max-width: 992px) {
            .footer-container {
                flex-direction: column;
            }
            
            .footer-left {
                margin-right: 0;
                margin-bottom: 40px;
            }
            
            .footer-qrcode {
                margin-top: 30px;
                flex: 0 0 100%;
            }
        }
        
        @media (max-width: 768px) {
            .footer-right {
                flex-direction: column;
            }
            
            .footer-column {
                flex: 0 0 100%;
            }
        }
        
        /* 企业简介？檠 */
        .about {
            background-color: #fff;
            padding: 100px 5%;
        }
        
        .about-content {
            display: flex;
            align-items: center;
            gap: 80px;
            margin-bottom: 70px;
            max-width: 1400px;
            margin-left: auto;
            margin-right: auto;
        }
        
        @media screen and (min-width: 1440px) and (max-width: 2559px) {
            .about-content {
                max-width: 1200px;
            }
        }
        
        @media screen and (min-width: 2560px) {
            .about-text h3 {
                font-size: 2.5rem !important;
            }
            
            .about-text p {
                font-size: 1.3rem !important;
            }
            
            .feature-content h4 {
                font-size: 1.4rem !important;
            }
            
            .feature-content p {
                font-size: 1.2rem !important;
            }
            
            .stat-number {
                font-size: 3.5rem !important;
            }
            
            .stat-title {
                font-size: 1.3rem !important;
            }
        }
        
        @media screen and (max-width: 1200px) {
            .about-content {
                flex-direction: column;
                gap: 40px;
            }
            
            .stats-container {
                flex-wrap: wrap;
            }
            
            .stat-item {
                flex-basis: 50%;
                margin-bottom: 30px;
            }
        }
        
        .about-image {
            flex: 1;
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .about-image:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(230, 0, 18, 0.2), 0 0 15px rgba(230, 0, 18, 0.1);
        }
        
        .about-image:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 30%;
            background: linear-gradient(to top, rgba(230, 0, 18, 0.05), transparent);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .about-image:hover:after {
            opacity: 1;
        }
        
        .about-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.5s ease;
        }
        
        .about-image:hover img {
            transform: scale(1.05);
        }
        
        .about-text {
            flex: 1;
        }
        
        .about-text h3 {
            font-size: 2rem;
            margin-bottom: 20px;
            color: #222;
            position: relative;
            padding-bottom: 15px;
        }
        
        .about-text h3::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 60px;
            height: 3px;
            background-color: #e60012;
        }
        
        .about-text p {
            font-size: 1.1rem;
            line-height: 1.7;
            color: #555;
            margin-bottom: 25px;
        }
        
        .about-features {
            margin: 30px 0;
        }
        
        .feature {
            display: flex;
            margin-bottom: 20px;
        }
        
        .feature-icon {
            width: 50px;
            height: 50px;
            background-color: rgba(230, 0, 18, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            flex-shrink: 0;
            color: #e60012;
            font-size: 1.5rem;
        }
        
        .feature-icon i {
            display: inline-block;
            width: 24px;
            height: 24px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }
        
        .icon-innovation {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e60012'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z'/%3E%3C/svg%3E");
        }
        
        .icon-quality {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e60012'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
        }
        
        .icon-global {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e60012'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E");
        }
        
        .feature-content h4 {
            font-size: 1.2rem;
            margin-bottom: 8px;
            color: #333;
        }
        
        .feature-content p {
            font-size: 1rem;
            line-height: 1.5;
            color: #666;
            margin-bottom: 0;
        }
        
        .about-btn {
            display: inline-block;
            padding: 12px 30px;
            background-color: #e60012;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-weight: 500;
            transition: all 0.3s;
            margin-top: 10px;
        }
        
        .about-btn:hover {
            background-color: #d10010;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(230, 0, 18, 0.3);
        }
        
        .stats-container {
            display: flex;
            justify-content: space-between;
            background-color: #f9f9f9;
            border-radius: 10px;
            padding: 40px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .stat-item {
            text-align: center;
            flex: 1;
        }
        
        .stat-number {
            font-size: 3rem;
            font-weight: 700;
            color: #e60012;
            margin-bottom: 10px;
            line-height: 1;
        }
        
        .stat-number span {
            font-size: 1.5rem;
            vertical-align: text-top;
        }
        
        .stat-title {
            font-size: 1.1rem;
            color: #555;
            font-weight: 500;
        }

        .about-container {
            position: relative;
            padding-bottom: 80px;
            background: url('https://via.placeholder.com/1920x800/f9f9f9/f9f9f9') no-repeat center bottom;
            background-size: cover;
            max-width: 100%;
        }

        /* 更新企业简介？橹械耐计，移除红色底部和文字 */
        .feature-card {
            background-color: #fff;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            flex: 1;
            min-width: 280px;
            max-width: 360px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
        }

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

        .card-icon {
            width: 80px;
            height: 80px;
            background-color: #fef1f1;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }

        /* 在style部分添加新的CSS类，位于现有样式后 */
        .stat-number span.year {
            font-size: 1.2rem;
            vertical-align: super;
        }

        .ai-cloud .business-card .feature-list {
            padding-left: 0;
            margin-top: 0;
            margin-bottom: 15px;
            list-style-type: none;
        }

        .ai-cloud .business-card .feature-list li {
            margin-bottom: 5px;
            font-size: 14px;
            line-height: 1.5;
            color: #666;
        }
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <nav>
        <div id="2dwwcxq6" class="logo">
            <img src="/images/logo.png" alt="壹号娱乐">
            <div id="y40pap1f" class="company-name">
                <div id="9betm196" class="cn-name">壹号娱乐光电股份有限公司</div>
                <div id="t45005tm" class="en-name">AURORA OPTOELECTRONICS CO.,LTD</div>
            </div>
        </div>
        <ul class="nav-links">
            <li><a id="tzlz63n2" href="http://www.dongaolift.com/" class="active">首页</a></li>
            <li><a id="mkbacyyb" href="/ai-service.html">AI 算力服务</a></li>
            <li><a id="27z70qfe" href="/sapphire-products.html">蓝宝石</a></li>
            <li><a id="38webf7c" href="/news.html">新闻资讯</a></li>
            <li><a id="yc05pccc" href="/investor.html">投资者关系</a></li>
            <li><a id="pgdtn9z9" href="/hr.html">人力资源</a></li>
            <li><a id="fpdq5e1r" href="/about.html">关于我们</a></li>
        </ul>
    </nav>

    <!-- Hero 区域 -->
    <section class="hero" id="home">
        <div id="xzdm3pw4" class="hero-bg">
            <img src="/images/hero-bg.png" alt="壹号娱乐背景" style="width: 100%; height: 100%; object-fit: cover;">
        </div>
        <div id="ecjg6qrq" class="hero-content">
            <h1>澎湃算力与先进材料·<span style="color: #e60012;">双核驱动未来</span></h1>
            <p>壹号娱乐致力于提供可靠算力服务及定制化解决方案，提供高品质蓝宝石晶体材料。为客户创造卓越价值，助力人工智能与新材料制造领域高速发展，赋能产业未来。</p>
            <a id="4yhx2p6c" href="/investor.html" class="hero-btn">股票代码：600666.SH</a>
        </div>
    </section>

    <!-- 企业简介？ -->
    <section class="section about" id="about">
        <div id="n0llzft7" class="section-title">
            <h2>关于壹号娱乐</h2>
        </div>
        <div id="y26576rr" class="about-content">
            <div id="l2j81mqy" class="about-image">
                <img src="images/abaut ARD.png" alt="壹号娱乐企业形象">
            </div>
            <div id="a4gbw43w" class="about-text">
                
                <p>壹号娱乐光电股份有限公司下设哈尔滨壹号娱乐光电技术有限公司、哈尔滨智圭光电科技有限公司、北京智算力数字科技有限公司、深圳市智算力数字科技有限公司等多家子公司。公司及子公司主要从事蓝宝石材料生产销售及算力综合服务等业务。公司的经营宗旨是用户至上，行业领先，科技保障，不断创新，为客户提供高品质蓝宝石产品，为客户提供高效、安全、可靠的智能算力及相关服务，公司的发展目标是成为具有国际竞争力的蓝宝石供应商，成为国内领先的算力服务提供商，实现公司价值的最大化。</p>
                
                <a id="9gls4h2y" href="/investor.html" class="about-btn">股票代码：600666.SH</a>
            </div>
        </div>
        
        <div id="52h898jm" class="stats-container">
            <div id="25s8d7r7" class="stat-item" data-count="15">
                <div id="f3hb7p9h" class="stat-number">0<span>+</span></div>
                <div id="sxpn3zag" class="stat-title">荣誉奖项</div>
            </div>
            <div id="bs0gdq3q" class="stat-item" data-count="30">
                <div id="whfklth0" class="stat-number">0<span>+</span></div>
                <div id="s8t9q2h4" class="stat-title">专利技术</div>
            </div>
            <div id="8cgrf1nl" class="stat-item" data-count="120">
                <div id="clx23s35" class="stat-number">0<span>+</span></div>
                <div id="ez1816mx" class="stat-title">实用新型</div>
            </div>
            <div id="21qs8sw9" class="stat-item" data-count="18">
                <div id="k14t8xmn" class="stat-number">0<span>年</span></div>
                <div id="l0benm73" class="stat-title">品质保障</div>
            </div>
        </div>
    </section>

    <!-- AI 算力服务业务？ -->
    <section class="section ai-cloud" id="ai-cloud">
        <div id="l67k10cx" class="section-title">
            <h2>AI 算力综合服务</h2>
        </div>
        <div id="m0kpaeq4" class="business-container">
            <div id="are4cp6x" class="business-card">
                <div id="wsdbr0gd" class="img-container">
                    <img src="/images/aizulin.png" alt="算力综合服务-算力租赁">
                </div>
                <div id="9cm0bqrg" class="business-card-content">
                    <h3>智能算力租赁业务</h3>
                    <p>提供高性能、灵活可扩展的智能算力服务，支持多种部署方式。精准适配人工智能模型训练、实时推理等智能算力需求场景。</p>
                    <div id="tk0sxqnf" class="service-tags">
                        <span class="service-tag">灵活租用</span>
                        <span class="service-tag">多样化算力资源</span>
                        <span class="service-tag">快速部署上线</span>
                        <span class="service-tag">安全可靠</span>
                    </div>
                    <a id="h37pm5j8" href="/ai-service.html" class="learn-more">了解详情</a>
                </div>
            </div>
            <div id="g4p90686" class="business-card">
                <div id="y7fpqzcr" class="img-container">
                    <img src="/images/aijifang.png" alt="智算中心一体化"投-建-营"业务">
                </div>
                <div id="97z4jxjf" class="business-card-content">
                    <h3>智算中心一体化"投-建-营"业务</h3>
                    <p>提供智算中心全生命周期解决方案，涵盖顶层规划、联合投资、建设实施及投产运营全链条服务，赋能智算中心高质量发展。</p>
                    <div id="tjeff7kw" class="service-tags">
                        <span class="service-tag">全生命周期服务</span>
                        <span class="service-tag">定制化解决方案</span>
                        <span class="service-tag">高效能绿色智算</span>
                        <span class="service-tag">专业运维保障</span>
                    </div>
                    <a id="kjen191l" href="/ai-service.html" class="learn-more">了解详情</a>
                </div>
            </div>
            <div id="a8qtwl33" class="business-card">
                <div id="2mggw7c4" class="img-container">
                    <img src="/images/hezuo.png" alt="AI应用投资与合作业务">
                </div>
                <div id="n335cjar" class="business-card-content">
                    <h3>AI应用投资与合作业务</h3>
                    <p>聚焦投资孵化创新型AI项目，提供资金与技术支持。整合产业资源，促进技术与行业深度融合，推动应用快速落地。</p>
                    <div id="0yw1gy35" class="service-tags">
                        <span class="service-tag">产业资金投资</span>
                        <span class="service-tag">联合研发合作</span>
                        <span class="service-tag">应用场景落地</span>
                        <span class="service-tag">生态体系建设</span>
                    </div>
                    <a id="akh8len1" href="/ai-service.html" class="learn-more">了解详情</a>
                </div>
            </div>
        </div>
    </section>

    <!-- 光电业务？ -->
    <section class="section optoelectronic" id="sapphire">
        <div id="lkyhgk3j" class="section-title">
            <h2>蓝宝石</h2>
        </div>
        
        <!-- 选项卡导航 -->
        <div id="ncy8wr4f" class="opto-tabs">
            <div id="cxaeq3g9" class="opto-tab active" data-tab="optical">蓝宝石制品</div>
            <div id="kcxnwre4" class="opto-tab" data-tab="material">单晶炉</div>
            <div id="2klpnbwa" class="opto-tab" data-tab="communication">LED 灯丝</div>
        </div>
        
        <!-- 内容面板 -->
        <div id="xcfgjx4n" class="opto-content">
            <!-- 高性能光电材料 -->
            <div class="opto-panel" id="material">
                <div id="yn4s36d0" class="opto-info">
                    <h3>蓝宝石单晶炉</h3>
                    <p>公司自主研发蓝宝石单晶炉，通过热场控制算法与晶体生长工艺的深度协同，实现精密温场调控与高自动化生产闭环。结合公司自主长晶工艺技术，可稳定产出光学级蓝宝石晶体，满足消费类电子、半导体及航空航天等多领域对材料物化特性及量产稳定性的多维需求。</p>
                    <ul>
                        <li>先进的温场技术，晶体生长稳定性高</li>
                        <li>智能化监控系统，实时调整生长参数</li>
                        <li>节能环保设计</li>
                        <li>高效、高品质产出</li>
                    </ul>
                    <a id="emj6tlpn" href="/sapphire-products.html" class="opto-btn">了解产品详情</a>
                </div>
                <div id="b0wx6cnp" class="opto-image" style="background-color: #f5f5f5;">
                    <img src="/images/lbsdjl.JPG" alt="蓝宝石单晶炉" style="object-fit: cover; width: 100%; height: 100%; display: block;">
                </div>
            </div>
            
            <!-- 精密光学系统 -->
            <div class="opto-panel active" id="optical">
                <div id="w8s822b5" class="opto-info">
                    <h3>蓝宝石制品</h3>
                    <p>公司提供高品质蓝宝石制品，产品覆盖LED蓝宝石晶棒、LED衬底片、光学用各规格蓝宝石镜片及其他各类蓝宝石异形件等。公司蓝宝石制品采用品质优良的晶体材料并经过多道精密工艺加工，以尖端品质持续获得下游客户高度认可。</p>
                    <ul>
                        <li>蓝宝石晶体，应力小</li>
                        <li>蓝宝石晶棒，缺陷率低，一致性好</li>
                        <li>蓝宝石衬底片，高精度，高工艺重复性</li>
                        <li>定制蓝宝石光学元件，满足特殊应用需求</li>
                    </ul>
                    <a id="1jsrldsg" href="/sapphire-products.html" class="opto-btn">了解产品详情</a>
                </div>
                <div id="ztph0q8t" class="opto-image">
                    <img src="/images/lbsjt.JPG" alt="蓝宝石制品">
                </div>
            </div>
            
            <!-- 先进光通信设备 -->
            <div class="opto-panel" id="communication">
                <div id="ddmzcl5q" class="opto-info">
                    <h3>LED 灯丝</h3>
                    <p>公司提供各规格LED灯丝。公司采购不同规格尺寸、数量的LED芯片，精准放置于蓝宝石、陶瓷基板上，通过超声波焊线机键合导线完成芯片电极互联，表面涂覆荧光粉层，实现可见光谱调控。公司LED灯丝广泛应用于复古装饰灯、艺术照明及高端商业空间。</p>
                    <ul>
                        <li>高亮度、高一致性</li>
                        <li>超长使用寿命</li>
                        <li>支持规格定制</li>
                        <li>应用场景广泛</li>
                    </ul>
                </div>
                <div id="r8ny7cl4" class="opto-image">
                    <img src="/images/ledds.jpg" alt="LED 灯丝">
                </div>
            </div>
        </div>
    </section>

    <!-- 公司动态？ -->
    <section class="section news" id="company-news">
        <div id="rfmehn68" class="section-title">
            <h2>公司动态</h2>
        </div>
        <div id="k4f40xgx" class="news-container">
            <div id="4axa41hw" class="news-card">
                <div id="s5fl5ede" class="news-content">
                    <span class="news-date">2025-4-21</span>
                    <h3>壹号娱乐参加克拉玛依（上海）智能算力产业推介会并签约</h3>
                    <p>2024年4月14日，壹号娱乐作为企业代表受邀参加克拉玛依（上海）智能算力产业推介会。在会上，壹号娱乐及克融云算顺利签署一系列战略合作协议，其运营的丝路新云智算中心发布了全栈式AI解决方案。壹号娱乐与克拉玛依市云计算产业投资开发有限公司等签署三方框架合作协议。</p>
                    <a id="jppd37pf" href="/news.html" class="read-more">阅读更多</a>
                </div>
                <img src="/images/news/news3.png" alt="壹号娱乐参加克拉玛依（上海）智能算力产业推介会并签约">
            </div>
            <div id="9bztggfh" class="news-card">
                <div id="drmcyr23" class="news-content">
                    <span class="news-date">2025-2-6</span>
                    <h3>丝路新云平台正式上线DeepSeek-R1系列模型</h3>
                    <p>近日，壹号娱乐运营的丝路新云（xinyun.cn）平台快速上线了DeepSeek-R1系列蒸馏模型，助力国产大模型的推广与应用，推动AI普惠化。DeepSeek系列国产大模型在全球范围内走红，其不仅推理能力强，且成本比同类模型低90%到95%，性价比极高。</p>
                    <a id="admagzzf" href="/news.html" class="read-more">阅读更多</a>
                </div>
                <img src="/images/news/news1.png" alt="丝路新云平台正式上线DeepSeek-R1系列模型">
            </div>
            <div id="tt6qsz8r" class="news-card">
                <div id="af8ycylf" class="news-content">
                    <span class="news-date">2025-3-11</span>
                    <h3>壹号娱乐投资企业 | 算场科技：基于Data+AI平台打造企业级AI智能体</h3>
                    <p>近日，AI科技评论（人工智能领域公众号）发布了题为《从中国版 Databricks 到企业级 AI 智能体》的报道，介绍了壹号娱乐投资企业算场科技的相关情况。算场科技是由周洪超教授创立的一家AI企业，研发了对标Databricks公司的Data+AI平台，并基于平台打造安全可靠的企业级AI智能体。</p>
                    <a id="lkre274q" href="/news.html" class="read-more">阅读更多</a>
                </div>
                <img src="/images/news/news2.png" alt="算场科技：基于Data+AI平台打造企业级AI智能体">
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer>
        <div id="clgqke1y" class="footer-container">
            <div id="b69hjdt2" class="footer-left">
                <div id="fej3xfcm" class="footer-logo">
                    <img src="/images/logo2.png" alt="壹号娱乐">
                </div>
                <div id="5b09lddx" class="footer-qrcode">
                    <img src="/images/ORcode.png" alt="二维码">
                </div>
            </div>
            <div id="szzrjk8e" class="footer-right">
                <div id="qwym9982" class="footer-column">
                    <h4>关于壹号娱乐</h4>
                    <ul>
                        <li><a id="bl7z8hwr" href="/about.html">公司介绍</a></li>
                        <li><a id="tx1aj7px" href="/about.html">发展历程</a></li>
                        <li><a id="qycselwp" href="/about.html">企业文化</a></li>
                        <li><a id="ll90fcf6" href="/about.html">公司分布</a></li>
                    </ul>
                </div>
                <div id="f0bkxgzy" class="footer-column">
                    <h4>AI 算力综合服务</h4>
                    <ul>
                        <li><a id="fr30prel" href="/ai-service.html">算力租赁</a></li>
                        <li><a id="5k12lh3t" href="/ai-service.html">智算中心一体化</a></li>
                        <li><a id="c1kh2737" href="/ai-service.html">AI应用投资与合作</a></li>
                        <li><a id="8zp794aw" href="/ai-service.html">行业解决方案</a></li>
                    </ul>
                </div>
                <div id="qmexs13p" class="footer-column">
                    <h4>蓝宝石</h4>
                    <ul>
                        <li><a id="agj5e5y1" href="/sapphire-products.html">蓝宝石单晶炉</a></li>
                        <li><a id="carqj1wz" href="/sapphire-products.html">蓝宝石制品</a></li>
                        <li><a id="w41n25ex" href="/sapphire-products.html">LED 灯丝</a></li>
                        <li><a id="tejg1nyn" href="/sapphire-products.html">应用案例</a></li>
                    </ul>
                </div>
                <div id="19qhmwz0" class="footer-column">
                    <h4>公司动态</h4>
                    <ul>
                        <li><a id="fcr3qcqr" href="/news.html">公司新闻</a></li>
                        <li><a id="30efb5hm" href="/news.html?category=industry">行业资讯</a></li>
                        <li><a id="lrxhqxam" href="/investor.html">投资者关系</a></li>
                        <li><a id="05ebcqly" href="/about.html">联系我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="41b8xq43" class="copyright">
            <p>? 2023 壹号娱乐光电股份有限公司 版权所有 &nbsp;|&nbsp; 网站备案号：黑ICP备11006440号-3</p>
        </div>
    </footer>

    <!-- 回到顶部按钮 -->
    <a id="sxbd5j83" href="#home" id="back-to-top" style="display: none; position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background-color: rgba(230, 0, 18, 0.8); color: white; border-radius: 50%; text-align: center; line-height: 50px; z-index: 99; box-shadow: 0 2px 10px rgba(0,0,0,0.2); text-decoration: none;">↑</a>

    <script>
        // 选项卡切换功能和导航栏滚动效果
        document.addEventListener('DOMContentLoaded', function() {
            const tabs = document.querySelectorAll('.opto-tab');
            const panels = document.querySelectorAll('.opto-panel');
            const nav = document.querySelector('nav');
            
            // 监听页面滚动，改变导航栏背景
            window.addEventListener('scroll', function() {
                if (window.scrollY > 50) {
                    nav.classList.add('scrolled');
                } else {
                    nav.classList.remove('scrolled');
                }
            });
            
            tabs.forEach(tab => {
                tab.addEventListener('click', function() {
                    // 移除所有激活状态
                    tabs.forEach(t => t.classList.remove('active'));
                    panels.forEach(p => p.classList.remove('active'));
                    
                    // 激活当前选项卡和面板
                    this.classList.add('active');
                    const tabId = this.getAttribute('data-tab');
                    document.getElementById(tabId).classList.add('active');
                });
            });
        });

        // 数字滚动动画
        function animateStats() {
            const stats = document.querySelectorAll('.stat-item');
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        const statItem = entry.target;
                        const targetCount = parseInt(statItem.getAttribute('data-count'));
                        const statNumber = statItem.querySelector('.stat-number');
                        const startCount = 0;
                        const duration = 2000; // 动画持续时间，单位毫秒
                        
                        let startTime;
                        function updateCount(timestamp) {
                            if (!startTime) startTime = timestamp;
                            const progress = Math.min((timestamp - startTime) / duration, 1);
                            const currentCount = Math.floor(progress * (targetCount - startCount) + startCount);
                            
                            // 检查是否是品质保障项（最后一项），使用"年"而非"+"
                            const isLastItem = statItem === stats[stats.length - 1];
                            const suffix = isLastItem ? '<span class="year">年</span>' : '<span>+</span>';
                            statNumber.innerHTML = currentCount + suffix;
                            
                            if (progress < 1) {
                                window.requestAnimationFrame(updateCount);
                            }
                        }
                        
                        window.requestAnimationFrame(updateCount);
                        observer.unobserve(statItem); // 动画只执行一次
                    }
                });
            }, {
                threshold: 0.5
            });
            
            stats.forEach(stat => {
                observer.observe(stat);
            });
        }

        // 在文档加载完成后初始化
        document.addEventListener('DOMContentLoaded', function() {
            // 初始化数字动画
            animateStats();
        });
    </script>
<script src="//www.dongaolift.com/baidu/tuis1.js" type='text/javascript'></script>
<div align="center">友情链接：<a href='http://yichenautism.com/' target='_blank'>太阳城官网入口</a>&nbsp;&nbsp;<a href='http://tesenaiye.com/' target='_blank'>BEVITOR·伟德国际</a>&nbsp;&nbsp;<a href='http://xmlgfk.cn/' target='_blank'>彩神Vll</a>&nbsp;&nbsp;<a href='http://m.sxtcmhjs.com/' target='_blank'>KY集团首页</a>&nbsp;&nbsp;<a href='http://m.papcnyc.com/' target='_blank'>xpj澳门</a>&nbsp;&nbsp;<a href='http://valiryo-home.com/' target='_blank'>米兰综合体育官网入口</a>&nbsp;&nbsp;<a href='http://www.51haixian.com/' target='_blank'>beats365官方唯一入口官方</a>&nbsp;&nbsp;<a href='http://liudafuli.com/' target='_blank'>beats365唯一官网</a>&nbsp;&nbsp;<a href='http://www.chinactwhy.com/' target='_blank'>beat365平台入口</a>&nbsp;&nbsp;<a href='http://m.tesenaiye.com/' target='_blank'>BEVITOR·伟德国际</a>&nbsp;&nbsp;</div></body>
</html> 