@media screen and (max-width: 768px){
    /* 动画关键帧定义 */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    @keyframes scaleIn {
        from {
            opacity: 0;
            transform: scale(0.8);
        }
        to {
            opacity: 1;
            transform: scale(1);
        }
    }
    
    @keyframes slideInLeft {
        from {
            opacity: 0;
            transform: translateX(-30px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
    
    @keyframes slideInRight {
        from {
            opacity: 0;
            transform: translateX(30px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
    
    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    
    /* 主要元素初始状态 */
    .Two_t1_3bSfRp,
    .Three_lay_qTFZuQ,
    .Five_lay_2n4VYR,
    .Three_lay_qTFZuQ2,
    .Six_lay_1boVDi {
        opacity: 0;
        transition: all 0.6s ease;
    }
    
    /* 元素进入视口时的动画效果 */
    .Two_t1_3bSfRp.animate {
        animation: fadeInUp 0.8s ease forwards;
    }
    
    .Two_lay_1DIJpo .Two_block_1hhkSA.animate {
        animation: fadeInUp 0.8s ease forwards;
    }
    
    .Two_lay_1DIJpo .Two_block_1hhkSA:nth-child(1).animate {
        animation-delay: 0.1s;
    }
    
    .Two_lay_1DIJpo .Two_block_1hhkSA:nth-child(2).animate {
        animation-delay: 0.2s;
    }
    
    .Two_lay_1DIJpo .Two_block_1hhkSA:nth-child(3).animate {
        animation-delay: 0.3s;
    }
    
    .Three_lay_qTFZuQ.animate {
        animation: fadeInUp 0.8s ease forwards;
    }
    
    .Three_scroll_2-BL6y .Three_block_1IUcxj.animate {
        animation: fadeInUp 0.6s ease forwards;
    }
    
    .Three_scroll_2-BL6y .Three_block_1IUcxj:nth-child(1).animate {
        animation-delay: 0.1s;
    }
    
    .Three_scroll_2-BL6y .Three_block_1IUcxj:nth-child(2).animate {
        animation-delay: 0.2s;
    }
    
    .Three_scroll_2-BL6y .Three_block_1IUcxj:nth-child(3).animate {
        animation-delay: 0.3s;
    }
    
    .Three_scroll_2-BL6y .Three_block_1IUcxj:nth-child(4).animate {
        animation-delay: 0.4s;
    }
    
    .Five_lay_2n4VYR.animate {
        animation: fadeInUp 0.8s ease forwards;
    }
    
    .Three_lay_qTFZuQ2.animate {
        animation: fadeInUp 0.8s ease forwards;
    }
    
    .s_wrap div.animate {
        animation: scaleIn 0.6s ease forwards;
    }
    
    .s_wrap div:nth-child(1).animate {
        animation-delay: 0.1s;
    }
    
    .s_wrap div:nth-child(2).animate {
        animation-delay: 0.2s;
    }
    
    .s_wrap div:nth-child(3).animate {
        animation-delay: 0.3s;
    }
    
    .s_wrap div:nth-child(4).animate {
        animation-delay: 0.4s;
    }
    
    .s_wrap div:nth-child(5).animate {
        animation-delay: 0.5s;
    }
    
    .s_wrap div:nth-child(6).animate {
        animation-delay: 0.6s;
    }
    
    .s_wrap div:nth-child(7).animate {
        animation-delay: 0.7s;
    }
    
    .s_wrap div:nth-child(8).animate {
        animation-delay: 0.8s;
    }
    
    .s_wrap div:nth-child(9).animate {
        animation-delay: 0.9s;
    }
    
    .s_wrap div:nth-child(10).animate {
        animation-delay: 1s;
    }
    
    .Six_lay_1boVDi.animate {
        animation: fadeInUp 0.8s ease forwards;
    }
    
    .Six_item_qwok9N.animate {
        animation: fadeInUp 0.6s ease forwards;
    }
    
    .Six_item_qwok9N:nth-child(1).animate {
        animation-delay: 0.1s;
    }
    
    .Six_item_qwok9N:nth-child(2).animate {
        animation-delay: 0.2s;
    }
    
    .Six_item_qwok9N:nth-child(3).animate {
        animation-delay: 0.3s;
    }
    
    .Six_item_qwok9N:nth-child(4).animate {
        animation-delay: 0.4s;
    }
    
    .One_lay_2EV2va{
        background: url(../images/banner001.jpg) no-repeat center center;
    }
    .One_lay_2EV2va>div{
        width: 100% !important;
    }
    .One_font2_17fnzl{
        margin-top: 80px;
        font-size: 32px;
        margin-left: 30px;
    }
    .One_font1_35JEc_{
        font-size: 22px;
        text-align: left;
        margin-left: 30px;
    }
    .hbox{
        display: none;
    }
    .Two_font2_2MHvE2{
        padding:0 20px;
        line-height: 35px;
        text-align: left;
        text-indent: 2em;
    }
    .Two_font1_LuOtDO{
        font-size: 32px;
    }
    .Two_lay_1DIJpo{
        padding: 20px;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .Two_block_1hhkSA{
        padding:20px;
        margin-bottom: 20px;
        border-radius: 10px;
        box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    }
    .Two_title_2cy1iO{
        font-size: 24px;
    }
    .Two_desc_1_e0o8{
        font-size: 18px;
    }
    .Two_scenes_rElMvs{
        font-size: 16px;
    }
    .Three_font2_3Fu7iw{
        text-align: left;
        text-indent: 2em;
    }
    .Three_font1_13U80h{
        font-size: 32px;
    }
    .Three_font2_3Fu7iw{
        font-size: 20px;
    }
    .Three_wrapper_1ZqD8O{
        height: auto;
    }
    .Three_scroll_2-BL6y{
        display: flex;
        flex-wrap: wrap;
        height: auto;
        margin-top: 0 !important;
    }
    .Three_block_1IUcxj{
        width: 100%;
        height: auto;
        margin: 0 20px !important;
        margin-bottom: 20px !important;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 3px 5px rgba(0,0,0,0.1);
        background-color: #fff;
    }
    .Three_t_3rzYMv{
        font-size: 24px;
    }
    .Three_d_2qMEPG{
        font-size: 18px;
        line-height: 35px;
        width: auto;
    }
    .Five_title_3ORC7_{
        font-size: 32px;
    }
    .Five_lay_2n4VYR{
        height: auto;
        padding-bottom: 100px;
    }
    .Five_lay_2n4VYR img{
        width: 100%;
        height: auto;
    }
    .s_wrap{
        width: calc(100% - 40px);
        height: auto;
        margin: 0 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .s_wrap div{
        float: none;
        margin-right: 0;
        height: 120px !important;
        line-height: 120px !important;
        width: 120px !important;
        font-size: 22px;
        text-shadow: 0 0 4px rgba(0,0,0,0.5);
    }
    .Six_title_3NEQBD{
        font-size: 32px;
        margin-bottom: 40px;
    }
    .Six_t1_1lIxT8{
        font-size: 18px;
    }
    .Six_t2_3ngxfL{
        font-size: 16px;
    }
}