* { margin: 0; padding: 0; box-sizing: border-box; }
        li { list-style: none; }
        a { text-decoration: none; }
        img { border: none; max-width: 100%; height: auto; }
        body { font-family: Arial, sans-serif; }

        #app { background: white; position: relative; display: block; transition: background 1s linear; -webkit-transition: background 1s linear; }
        
        /* 头部导航样式 */
        #app #head { background-color: rgba(255, 255, 255, 0.9); width: 100%; height: 80px; position: fixed; top: 0; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); z-index: 999; transition: all 0.5s; }
        #app #head .box { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        #app #head ul { height: 60%; margin-top: 11px; float: right; }
        #app #head ul li { height: 100%; float: left; transition: all 0.5s; }
        #app #head ul li a { display: block; height: 100%; line-height: 60px; margin: 0 22px; color: #ed4e4f; transition: all 0.5s; }
        #app #head ul li:nth-last-of-type(1) a { margin-right: 0; }
        #app #head ul li.active a { font-weight: bolder; }
        #app #head .action{display:none}
        #app #head .initial{display:inline}
        #app #head.fold { transform: translateY(-60px); opacity: 0; }
        #app #head.red{ background:rgba(237,78,79,0.9);color:#FFF}
        #app #head.red ul li a{color:#FFF}
        #app #head.red .action{display:inline}
        #app #head.red .initial{display:none}
        
        /* 移动端菜单按钮 */
        #app #head .menu-toggle { display: none; float: right; font-size: 24px; line-height: 80px; color: #ed4e4f; cursor: pointer; }
        
        /* 页面通用样式 */
        #app .page { overflow: hidden; height: 750px; position: relative; z-index: 2; }
       
        #app .page .content .item1, #app .page .content .item2 { transition: all 0.5s; }
        #app .page .h_box { margin-bottom: 70px; }
        #app .page div > .h { font-size: 30px; margin: 15px 0; }
        #app .page div > .t { font-size: 18px; margin: 6px 0; }
        
        /* 第一页样式 */
       /* 第一页样式 */
#app #page1 {
    position: relative;
    width: 100%;
    z-index: 1;
    text-align: center;
    font-size: 22px;
    color: #ed4e4f;
    background: url(../images/background.png) no-repeat center/cover;
    height: 915px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#app #page1 .content {
    perspective: 3000px;
    position: relative;
    width: 100%;
    padding: 0 20px;
}
        #app #page1 .content p { height: 33px; }
        #app #page1 .content .item1 { font-size: 28px; height: 250px; position: relative; margin-top: 40px; margin-bottom: 50px; }
        #app #page1 .content .item1 img { vertical-align: baseline; }
        #app #page1 .content .item1 .a { animation: animation1 0.5s linear; animation-fill-mode: both; }
        #app #page1 .content .item1 .a1 { margin-bottom: 5px; animation-delay: 0; }
        #app #page1 .content .item1 .a2 { animation-delay: 0.2s; }
        #app #page1 .content .item1 .a3 { margin-left: 4px; animation-delay: 0.4s; }
        #app #page1 .content .item1 .a4 { animation-delay: 0.6s; }
        #app #page1 .content .item1 .a5 { margin-left: 3px; animation-delay: 0.8s; }
        #app #page1 .content .item1 .a6 { margin-bottom: -29px; margin-left: 2px; animation-delay: 1s; }
        #app #page1 .content .item1 .a7 { margin-bottom: -62px; margin-left: -23px; animation-delay: 1.2s; }
        #app #page1 .content .item1 .a8 { margin-left: 3px; animation-delay: 1.4s; }
        #app #page1 .content .item1 .a9 { margin-left: -34px; animation-delay: 1.6s; }
        
        /* 下载按钮区域 */
        #page1 .content ul {
            display: flex;
            width: 100%;
            max-width: 854px;
            justify-content: center;
            flex-wrap: wrap;
            padding: 0;
            margin: 0 auto 20px;
        }
        #page1 .content ul li {
            position: relative;
            margin: 10px 15px;
        }
        #page1 .content ul li:last-child { margin-right: 15px; }
        #app #page1 .content ul li a { display: block; }
        #app #page1 .content ul li a .h { display: none; }
        #app #page1 .content ul li a:hover .w { display: none; }
        #app #page1 .content ul li a:hover .h { display: flex; }
        #app #page1 .content ul li .b {
            display: none;
            position: absolute;
            left: 50%;
            width: 100%;
            transform: translateX(-50%);
            z-index: 99;
            
        }
        #app #page1 .content ul li:hover .b { display: block; }
        
        /* 下载按钮样式 */
        .download-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 142px;
            height: 44px;
            border: 2px solid rgba(237, 78, 79, 1);
            font-size: 14px;
            color: rgba(237, 78, 79, 1);
            border-radius: 70px;
        }
        .download-btn.h {
            background: rgba(237, 78, 79, 1);
            color: #fff;
        }
        .btn-icon {
            width: 20px;
            margin-right: 4px;
        }
        
        /* 其他元素 */
        #app #page1 .n { position: absolute; width: 23px; left: 50%; bottom: 0px; transform: translateX(-50%); }
        #app #page1 .n .d { position: absolute; bottom: 30px; left: 10px; animation: animation2 1.5s linear infinite; }
        #app #page1 .bj2 { position: absolute; right: 0; bottom: 0; }
        
        /* 了解更多区域 */
        .know-hw-web {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 20px;
            font-size: 20px;
            flex-wrap: wrap;
        }
        .know-hw-web .know-hw-web-a {
            color: rgba(237, 78, 79, 1);
            margin-left: 10px;
            text-decoration: none;
            padding: 5px 15px;
            border: 2px solid rgba(237, 78, 79, 1);
            border-radius: 70px;
        }
        .know-hw-web .know-hw-web-a:hover {
            background-color: rgba(237, 78, 79, 1);
            color: #fff;
        }
        
        /* 更多下载区域 */
        .moreDownLoad {
            font-size: 14px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 0px;
            
        }
        .arrow-icon {
            width: 16px;
            height: 16px;
            margin-left: 5px;
        }
        
        /* 按钮包装 */
        .btn-warp {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 40px;
            position: relative;
            z-index: 1;
        }
        
        /* 动画 */
        @keyframes animation1 { 
            from { opacity: 0; }
            to { opacity: 1; } 
        }
        @keyframes animation2 { 
            0% { transform: translateY(0); }
            70% { transform: translateY(10px); opacity: 1; }
            100% { transform: translateY(10px); opacity: 0; } 
        }
        
        /* 移动端样式调整 */
        @media screen and (max-width: 768px) {
            /* 头部导航 */
            #app #head { height: 60px; }
            #app #head .menu-toggle { display: block; }
            #app #head ul { 
                display: none; 
                position: absolute;
                top: 60px;
                left: 0;
                width: 100%;
                background-color: rgba(255, 255, 255, 0.95);
                float: none;
                margin-top: 0;
                height: auto;
            }
            #app #head ul.show { display: block; }
            #app #head ul li { 
                float: none; 
                width: 100%;
                text-align: center;
                border-bottom: 1px solid #f0f0f0;
            }
            #app #head ul li a { 
                line-height: 50px; 
                margin: 0;
                padding: 0 20px;
            }
            
            /* 第一页调整 */
            #app #page1 { height: auto; min-height: 100vh; padding: 80px 0 50px; }
            #app #page1 .content { position: static; transform: none; padding: 20px; }
            #app #page1 .content .item1 { height: auto; margin: 20px 0; }
            #app #page1 .content .item1 img { max-width: 100%; height: auto; }
            #app #page1 .content p { height: auto; margin: 10px 0; }
            
            /* 下载按钮区域调整 */
            #page1 .content ul { max-width: 100%; }
            #page1 .content ul li { margin: 8px; }
            .download-btn { width: 130px; height: 40px; font-size: 12px; }
            
            /* 隐藏部分元素 */
            #app #page1 .bj2 { display: none; }
            
            /* 文字大小调整 */
            #app .page div > .h { font-size: 24px; }
            #app .page div > .t { font-size: 16px; }
            
            /* 了解更多区域调整 */
            .know-hw-web { font-size: 16px; flex-direction: column; }
            .know-hw-web .know-hw-web-a { margin: 10px 0 0 0; }
            
            /* 二维码调整 */
            #app #page1 .content ul li .b { 
                bottom: -140px; 
                transform: translateX(-50%) scale(0.8); 
            }
        }
        
        
        
        
        /* Page2 独立样式 */
.page2-container {
    background-color: #ed4e4f;
    min-height: 750px;
    position: relative;
    overflow: hidden;
    width: 100%;
}
/* bj2 背景图片样式 */
 .page2bj2 {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 30%;
    height: auto;
    z-index: 1;
}
.page2-bg-img {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 30%;
    height: auto;
    z-index: 1;
}

.page2-content {
   width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 750px;
    z-index: 2;
}

.page2-left {
     flex: 0.6; /* 减少左侧占用的空间 */
    position: relative;
    transition: all 1.8s;
}

.page2-left img {
    max-width: 100%;
    height: auto;
    display: block;
}

.page2-left .page2-box {
    position: absolute;
    bottom: -58px;
    right: -165px;
}

.page2-left .page2-box img {
    max-width: 100%;
    height: auto;
}

.page2-right {
   flex: 0.4; /* 增加右侧占用的空间 */
    color: white;
    margin-left: 150px; /* 向右移动200px */
    padding-left: 50px; /* 保留原有的内边距 */
}

.page2-right .page2-title-box {
    margin-bottom: 30px;
}

.page2-right .page2-title {
    font-size: 36px;
    margin: 15px 0;
    font-weight: bold;
    line-height: 1.2;
   
}

.page2-right .page2-text {
    font-size: 18px;
    margin: 12px 0;
    line-height: 1.5;
    
}

/* 移动端响应式样式 - 768px以下 */
@media screen and (max-width: 768px) {
    .page2-container {
        min-height: auto;
        padding: 40px 0;
    }
    
    .page2-content {
        width: 100%;
        flex-direction: column;
        padding: 0 20px;
        min-height: auto;
    }
    
    .page2-bg-img {
        max-width: 40%;
        top: -20px;
        right: -20px;
    }
    
    .page2-left {
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }
    
    .page2-left .page2-box {
        position: relative;
        bottom: 0;
        right: 0;
        margin: 20px auto 0;
        width: 280px;
    }
    
    .page2-right {
        padding-left: 0;
        text-align: center;
        width: 100%;
    }
    
    .page2-right .page2-title {
        font-size: 28px;
    }
    
    .page2-right .page2-text {
        font-size: 16px;
        margin: 10px 0;
    }
    .page2-left,
    .page2-right {
        flex: 1 1 100%; /* 恢复全宽度 */
        margin-left: 0; /* 取消偏移 */
        padding-left: 0; /* 可选：取消内边距 */
    }
}
        
        
        
        
        
        
        
        /* 页面区块样式 */
.page-section {
  overflow: hidden;
  height: 750px;
  position: relative;
  z-index: 2;
  background-color: #f0eeee;
}
.page-section .content-container {
  perspective: 3000px;
  position: absolute;
  width: 1200px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

/* 特性内容区域 */
.feature-content {
  float: left;
  margin-top: 91.5px;
}
.heading-box {
  margin-bottom: 70px;
}
.heading {
  font-size: 30px;
  margin: 15px 0;
}
.subtext {
  font-size: 18px;
  margin: 6px 0;
}

/* 特性图片区域 */
.feature-image-wrapper {
  transition: all 1.8s;
  position: relative;
  float: left;
  margin-left: 33px;
  margin-right: 100px;
}

/* 背景图片 */
.background-left {
  position: absolute;
  left: 0;
}
.background-right {
  position: absolute;
  right: 0;
}

/* 移动端适配（768px及以下） */
@media (max-width: 768px) {
  .page-section {
    height: auto;
    padding: 40px 20px;
  }
  .page-section .content-container {
    position: static;
    width: 100%;
    transform: none;
    perspective: none;
  }
  .feature-content,
  .feature-image-wrapper {
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  .feature-image-wrapper {
    margin: 30px auto;
    max-width: 100%;
  }
  .feature-image-wrapper img {
    max-width: 100%;
    height: auto;
  }
  .feature-content {
    margin-top: 30px;
  }
  .heading-box {
    margin-bottom: 30px;
  }
  .heading {
    font-size: 24px;
  }
  .subtext {
    font-size: 16px;
  }
  .background-left,
  .background-right {
    display: none; /* 在小屏幕上隐藏背景图片 */
  }
}
        
        
        
        
        
        
        
        
      /* 页面4样式 - 添加page4前缀 */
        .page4-page { 
            overflow: hidden; 
            height: 750px; 
            position: relative; 
            z-index: 2; 
            background-color: #ed4e4f; 
        }
        
        .page4-content { 
          perspective: 3000px; 
    position: absolute; 
    width: 1200px; 
    left: calc(50% - 600px); /* 1200px宽度的一半 */
    top: 50%; 
    margin-top: -175px; /* 假设内容高度为750px的一半 */
        }
        
        .page4-item1, .page4-item2 { 
            transition: all 0.5s; 
        }
        
        .page4-h_box { 
            margin-bottom: 70px; 
        }
        
        .page4-h { 
            font-size: 30px; 
            margin: 15px 0; 
            color: white;
        }
        
        .page4-t { 
            font-size: 18px; 
            margin: 6px 0; 
            color: white;
        }
        
        .page4-item1 { 
            color: white; 
            margin-top: 50px; 
            margin-left: 9px; 
            float: left; 
            transition: all 1.8s; 
        }
        
        .page4-item1 img { 
            height: 650px; 
        }
        
        .page4-item2 { 
            transition: all 1.8s; 
            float: left; 
            margin-top: 0px; 
            margin-left: 0px; 
            transform: translateX(55px); 
        }
        
        .page4-item2 img { 
            float: left; 
        }
        
        .page4-item2 .page4-a { 
            position: relative; 
            z-index: 1; 
            margin-right: -24px; 
            margin-top: 106px; 
        }
        
        .page4-item2 .page4-b { 
            position: relative; 
            z-index: 2; 
            margin-right: -86px; 
            margin-top: 119px; 
        }
        
        /* 移动端适配 - 768px及以下 */
        @media screen and (max-width: 768px) {
            .page4-page { 
                height: auto; 
                padding: 40px 0;
            }
            
            .page4-content { 
             position: relative; /* 改为相对定位，避免绝对定位导致溢出 */
        width: 100%; 
        left: auto; 
        top: auto; 
        margin-top: 0; /* 取消负margin */
        padding: 0 20px; /* 添加内边距防止内容贴边 */
            }
            
            .page4-item1, 
            .page4-item2 { 
                float: none; 
                width: 100%; 
                margin: 0 !important; 
                transform: none !important; 
                text-align: center;
            }
            
            .page4-h_box { 
                margin-bottom: 30px; 
            }
            
            .page4-h { 
                font-size: 24px; 
            }
            
            .page4-t { 
                font-size: 16px; 
            }
            
            .page4-item1 img { 
                height: auto; 
                max-height: 400px; 
                margin: 20px auto; 
                display: block;
            }
            
            .page4-item2 { 
                display: flex; 
                flex-direction: column; 
                align-items: center; 
                margin-top: 30px !important;
            }
            
            .page4-item2 img { 
                float: none; 
                margin: 10px 0 !important; 
                max-width: 80%; 
            }
            
            .page4-item2 .page4-a, 
            .page4-item2 .page4-b { 
                margin: 0 !important; 
                position: static; 
            }
        }
        
        
        
        
        
        
        
        
         /* 页面容器样式 */
        .page6-container {
            padding: 94px 0 37px;
            background: white;
            position: relative;
            z-index: 2;
            width: 100%;
        }
        
        /* 内容区域样式 */
        .page6-new-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        .page6-new-content > .page6-t {
            font-size: 30px;
            margin-bottom: 20px;
            text-align: center;
            color: #333;
            font-weight: bold;
        }
        
        .page6-new-content > .page6-t1 {
            font-size: 18px;
            margin: 7px 0;
            text-align: center;
            color: #666;
            line-height: 1.6;
        }
        
        .page6-item2 {
            width: 100%;
            margin-top: 30px;
            text-align: center;
        }
        
        .page6-item2 img {
            max-width: 100%;
            height: auto;
        }
        
        /* 移动端适配 */
        @media (max-width: 768px) {
            .page6-container {
                padding: 50px 0 20px;
            }
            
            .page6-new-content > .page6-t {
                font-size: 24px;
                margin-bottom: 15px;
            }
            
            .page6-new-content > .page6-t1 {
                font-size: 16px;
                margin: 5px 0;
                line-height: 1.5;
            }
            
            .page6-item2 {
                margin-top: 20px;
            }
        }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
           /* 页面容器 */
        #page7-page6-2 {
            padding: 94px 0;
            background: whitesmoke;
            width: 100%;
            overflow: hidden;
        }
        
        /* 内容区域 */
        .page7-new-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        /* 标题样式 */
        .page7-t1 {
            font-size: 18px;
            margin: 7px 0;
            text-align: center;
            color: #333;
            line-height: 1.6;
            max-width: 800px;
        }
        
        /* 项目容器 */
        .page7-item2 {
            width: 100%;
            display: flex;
            justify-content: center;
            margin-top: 30px;
        }
        
        /* 图片样式 */
        .page7-item2 img {
            max-width: 100%;
            height: auto;
            display: block;
        }
        
        /* 移动端适配 */
        @media screen and (max-width: 768px) {
            #page7-page6-2 {
                padding: 50px 0;
            }
            
            .page7-t1 {
                font-size: 16px;
                padding: 0 15px;
            }
            
            .page7-item2 {
                margin-top: 20px;
            }
            
            .page7-item2 img {
                max-width: 90%;
                margin: 0 auto;
            }
        }
        
        /* 大屏适配 */
        @media screen and (min-width: 1600px) {
            .page7-new-content {
                max-width: 1400px;
            }
        }
        
        
        
        
        
        
        
         /* 页面容器 */
        .page8-container {
            position: relative;
            z-index: 2;
            padding: 50px 0;
            padding-bottom: 0;
            background: white;
            width: 100%;
            overflow: hidden;
        }
        
        .page8-content {
            width: 1200px;
            margin: 0 auto;
            text-align: center;
        }
        
        .page8-title {
            font-size: 30px;
            margin-bottom: 20px;
            color: #333;
        }
        
        .page8-subtitle {
            font-size: 18px;
            margin: 7px 0;
            color: #666;
            line-height: 1.6;
        }
        
        .page8-image-container {
            margin: 20px 0;
        }
        
        .page8-image-wrapper {
            margin-top: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .page8-feature-image {
            max-width: 100%;
            height: auto;
        }
        
        /* 移动端适配 */
        @media screen and (max-width: 768px) {
            .page8-container {
                padding: 30px 0;
            }
            
            .page8-content {
                width: 100%;
                padding: 0 20px;
            }
            
            .page8-title {
                font-size: 24px;
                margin-bottom: 15px;
            }
            
            .page8-subtitle {
                font-size: 16px;
                margin: 5px 0;
            }
            
            .page8-image-wrapper {
                margin-top: 20px;
            }
        }