@media screen and (max-width: 768px) {
    .index{
        display: block !important;

    }
    body{
        min-width: auto !important;
        height: auto !important;
    }
    .m-carousel-list{
        height: 155px;
    }
    .m-carousel-list li{
        height: 155px;
    }
    .c-carousel-dot{
        bottom: 4px;
    }
    .index{
        min-width: auto !important;
    }
    .w1202{
        width: 100% !important;
    }
    .w1210{
        width: 100% !important;
    }
    .title2n{
        padding-top: 30px;
    }
    .title2n h2{
        font-size: 26px;
    }
    .title2n p{
        font-size: 18px;
        line-height: 30px;
        margin: 15px 20px 0 20px;
    }
    .home-page .section-1 .section-wrapper div.list{
        padding: 30px 20px 40px 20px;
    }
    .home-page .section-1 .section-wrapper div.list ul li{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .home-page .section-1 .section-wrapper div.list ul li h3{
        font-size: 20px;
    }
    .home-page .section-1 .section-wrapper div.list ul li p{
        width: calc(100% - 40px);
        font-size: 18px;
        margin: 0 20px;
    }
    .title2n h2{
        font-size: 20px;
    }
    .title2n h2 span{
        font-size: 44px;
        margin-right: 5px;
    }
    .title2n p{
        margin: 0 20px;

    }
    .home-page .content .box{
        width: 100%;
    }
    .home-page .content .box.plugins ul li{
        width: auto;
        margin-right: 0;
        float: none;
        height: auto;
    }
    .home-page .content .box.plugins ul li .fr{
        width: calc(100% - 162px);
    }
    .home-page .content .box.plugins ul li.last-row-li{
        margin-bottom: 50px;
    }
    .cwrap{
        width: calc(100% - 90px);
        padding: 0 45px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 70px;
    }
    .cwrap dl{
        float: none;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 45px;
    }
    .casewc{
        margin: 60px 20px 0 20px;
    }
    .casewc dl{
        float: none;
        margin-right: 0;
    }
    .casewc dl .cont2boxtext{
        width: 100%;
        font-size: 22px;
        height: 70px;
        line-height: 70px;
    }
    .casewc dl:hover .cont2boxlastw{
        display: none;
    }
    .casewc a dl dt img{
        width: 100%;
        height: auto;
        aspect-ratio: 1/1; /* 关键：宽高比 1:1 */
        object-fit: cover; /* 避免图片变形（同方案一） */
        object-position: center; /* 可选：图片居中 */
    }
    .box{
        width: 100%;
    }
    .wy_box01{
        width: calc(100% - 40px);
        margin: 40px 20px 30px 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .wy_box01 img{
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 10px;
    }
    .video .box h1{
        padding: 0 20px;
        padding-bottom: 20px;
        font-size: 20px;
    }
    
    /* 从下往上滑动动画 */
    @keyframes slideUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* 为列表项添加初始状态 */
    .home-page .section-1 .section-wrapper div.list ul li {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.6s ease, transform 0.6s ease;
    }
    
    /* 为列表项添加动画延迟 */
    .home-page .section-1 .section-wrapper div.list ul li:nth-child(1) {
        transition-delay: 0.1s;
    }
    .home-page .section-1 .section-wrapper div.list ul li:nth-child(2) {
        transition-delay: 0.2s;
    }
    .home-page .section-1 .section-wrapper div.list ul li:nth-child(3) {
        transition-delay: 0.3s;
    }
    .home-page .section-1 .section-wrapper div.list ul li:nth-child(4) {
        transition-delay: 0.4s;
    }
    
    /* 当元素进入视口时触发动画 */
    .home-page .section-1 .section-wrapper div.list ul li.animate {
        opacity: 1;
        transform: translateY(0);
    }
}