body { 
        margin: 0; 
        padding: 0; 
        font-family: Arial, sans-serif; 
    } 
 
    /* 按钮样式优化 */ 
    .box-but, .box-but2 { 
        transition: background 0.3s ease, transform 0.3s ease; 
    } 
     
    .box-but:hover{ 
        background: linear-gradient(270deg, #009dfe 0%, #1cbdff 100%); 
        transform: scale(1.05); 
    } 
/* 响应式布局 */  
@media (max-width: 768px) { 
    .index-banner{
        display: none;
    }
    .index-banner{
        display: block;
        width: 100%;
        height: auto;
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding-top: 100px;
        padding-bottom: 100px;
        background: linear-gradient(180deg, #b6e6ff 0%, #f0faff 100%);
    } 
    .box-box{
        width:80%;
        margin:0 auto;
    }
    .box-text{
        line-height:60px;
        font-size:20px;
        float: left;
        width:100%;margin: 0 auto;text-align: center;
    }
    .box-but{
        width:240px;
        height:50px;
        margin: 0 auto;
        border-radius:15px;
        font-size: 20px;
        border: 1px solid #ffffff;
        background: linear-gradient(270deg, #1cbdff 0%, #009dfe 100%);
        color: #ffffff;
        text-align: center;
    }
    .bg-img{
        display: none;
    }
    .box-list{  width:100%;
                background-image:url('../image/ai.jpeg');
                background-repeat:no-repeat;
                background-size:100% 100%;
                line-height:100px;
                color: #ffffff;
    }
    .box-list-text{
        width: 90%;
        margin:0 auto;
        line-height: 40px;
        font-size:15px;
    }
    .tablePcEn{
            width:90%;
            line-height:30px;
            margin:0 auto;
            text-align: center;
            padding-top: 20px;
            font-size:15px;
    }
    .box-box{
        width:80%;
        margin:0 auto;
    }
    .box-text2{
        line-height:50px;
        font-size:20px;
        float: left;
        width:100%;
    }
    .index-banner22{
        width: 100%;
        height: auto;
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding-top: 20px;
        padding-bottom: 100px;
        background: linear-gradient(180deg, #b6e6ff 0%, #f0faff 100%);
    }
     .bg-img2{
        margin: 0 0 0 auto;
        border-radius:5px;
        text-align: center;
    }
     .bg-img2 img{
       display: none;
    }
     .box-but2{
        width:200px;
        height:40px;
        margin-right: 10px;
        border-radius:15px;
        font-size: 20px;
        border: 1px solid #ffffff;
        background: linear-gradient(270deg, #1cbdff 0%, #009dfe 100%);
        color: #ffffff;
        text-align: center;
        
    }
    .tottom{
        width:100%;
    }
    .tottom-box{
        width:80%;
        margin: 0 auto;
    }
    .tottom-box-left{
        font-size:18px;
        line-height: 40px;
        color: #000000;
    }
    .tottom-box-right{
         width:40%;
        float: right;
    }
    .laotou{
        width:360px;
        margin: 50px auto 0 auto;
    }
    .dibu{
        height:100px;
        margin: 0 auto;
        width:100%;
        font-size:15px;
        text-align: center;
        background-color: #000000;
    }
    .bologo{
        width:40px;
        display: inline; 
        display: inline-block;
        transform: translate(0px,10px);
    }
    .botext { 
        display: inline-block; 
        color: #ffffff; 
    } 
     
    .banquan { 
        display: inline-block; 
        color: #ffffff; 
        text-align: center; 
        line-height: 50px; 
        height: 50px; 
    } 
     .recruit{
        width:100%;
        height: 100%;
        background-color: #66cdaa;
        overflow:hidden;
    }
    .recruit-box{
        margin:0px 3%;
    
    }
    .recruit-box-s{
        width:100%;
        
    }
    .recruit-title{
        width:100%;
        line-height: 80px;
        font-size:20px;
        text-align: center;
    }
    .recruit-text{
        line-height: 60px;
        font-size:15px;
        
    }
}
/* 中屏幕设备（桌面） */ 
@media (min-width: 769px) { 
    .index-banner { 
        display: block; /* 或者 display: flex; 根据需要 */ 
    } 
    .index-banner1 { 
        display: none; /* 确保在PC端隐藏 */ 
    } 
    .index-banner{
        width: 100%;
        height: auto;
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding-top: 100px;
        padding-bottom: 100px;
        background: linear-gradient(180deg, #b6e6ff 0%, #f0faff 100%);
        background-image: url('../image/0100.png');
        background-size: cover; /* 让背景图像覆盖整个元素，可能会裁剪图像以适应元素大小 */ 
        background-repeat: no-repeat; /* 防止图像重复 */ 
        background-position: center center; /* 让图像在元素中心显示 */ 
    }
    .index-banner22{
        width: 100%;
        height: auto;
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding-top: 100px;
        padding-bottom: 100px;
        background: linear-gradient(180deg, #b6e6ff 0%, #f0faff 100%);
    }
    .box{
        width:100%;
        background:linear-gradient(90deg,#45c0f1 3%,#e0d7e1 106%);
    }
    .box-box{
        margin:0 auto;
    }
    .box-text{
        line-height:80px;
        font-size:22px;
        float: right;
        width:38%;
    }
    .box-but{
        width:260px;
        height:60px;
        margin-left: 10px;
        border-radius:15px;
        font-size: 30px;
        border: 1px solid #ffffff;
        background: linear-gradient(270deg, #1cbdff 0%, #009dfe 100%);
        color: #ffffff;
    }
     .box-but2{
        width:200px;
        height:50px;
        margin-right: 10px;
        border-radius:15px;
        font-size: 20px;font-weight: 700;
        border: 1px solid #ffffff;
        background: linear-gradient(270deg, #1cbdff 0%, #009dfe 100%);
        color: #ffffff;
        transform: translate(100px, -90px);
        text-align: center;
        
    }
    .bg-img{
        float:right;
        width:50%;
        margin: 80px auto;
        border-radius:5px;
    }
    .bg-img2{
        float:left;
        width:40%;
        margin: 0 auto;
        border-radius:5px;
        text-align: center;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    }
    .box-text2{
        line-height:80px;
        font-size:20px;
        float: left;
        width:40%;
        margin:80px 0 0 100px;
    }
    .bg-img img{
        margin: 0 auto;
         text-align: center;
         border-radius:15px;
         width:650px;
    }
    .bg-img2 img{
        margin: 0 auto;
         text-align: right;
         border-radius:15px;
         width:60%;
         margin-left:30% ;
    }
    
    .box-list{  width:100%;
                background-image:url('../image/ai.jpeg');
                background-repeat:no-repeat;
                background-size:100% 100%;
                line-height:100px;
                color: #ffffff;
    }
    .box-list-text{
        width: 80%;
        margin:0 auto;
        line-height: 80px;
        font-size:20px;
    }
    .tablePcEn{
            width:80%;
            line-height:90px;
            margin:0 auto;
            text-align: center;
            padding-top: 50px;
            font-size:30px;
    }
    .tottom{
        width:100%;
    }
    .tottom-box{
        margin: 0 auto;
    }
    .tottom-box-left{

        font-size:30px;
        float: left;
        line-height: 50px;
        padding-left:100px ;
    }
    .tottom-box-right{
         width:40%;
        float: right;
    }
    .jiaru{
        width:100%;
        height: 50px;
        font-size: 30px;
    }
    .laotou{
        width:400px;
        height:400px;
        margin: 50px auto;
        margin-left:50px ;
        float: left;
    }
    .dibu{
        height:100px;
        margin: 0 auto;
        width:100%;font-size:30px;
        text-align: center;
        display: inline-block; 
        line-height: 100px;
        background-color: #000000;
    }
    .bologo{
        width:50px;
        height: 50px;
        line-height: 100px;
        display: inline; 
        display: inline-block;
        transform: translate(0px,10px);
    }
    .botext { 
        display: inline-block; 
        height: 50px; 
        color: #fff;
    } 
     
    .banquan { 
        display: inline-block; 
        color: #fff; 
        text-align: center; 
        line-height: 50px; 
        height: 50px; 
    } 
     .recruit{
        width:100%;
        height: 100%;
        background-color: #66cdaa;
        overflow:hidden;
    }
    .recruit-box{
        width:40%;
        height:900px;
        margin:20px 5%;
        float:left;
    
    }
    .recruit-box-s{
        width:100%;
        height:700px;
        
    }
    .recruit-title{
        line-height: 80px;
       font-size:30px;
    }
    .recruit-text{
        line-height: 80px;
        font-size:30px;
        
    }
}