/* Picture 标签样式修复 - 确保不影响原有布局 */

/* Picture 标签继承父元素的所有样式 */
picture {
    display: contents; /* 让 picture 标签"透明",不影响布局 */
}

/* 如果浏览器不支持 display: contents,使用备用方案 */
@supports not (display: contents) {
    picture {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }
    
    picture img {
        display: block;
        width: 100%;
        height: auto;
    }
}

/* 确保 picture 内的 img 保持原有样式 */
picture img {
    max-width: 100%;
    height: auto;
}

/* 轮播图中的 picture */
.swiper-slide picture {
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-slide picture img {
    width: 100%;
    height: auto;
}

/* 产品列表中的 picture */
.middle div ul li a picture {
    display: block;
    width: 100%;
    overflow: hidden;
}

.middle div ul li a picture img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

/* LED 顶部图片 */
.led_top ul li a picture {
    display: block;
}

.led_top ul li a picture img {
    width: 100%;
    height: auto;
}

/* 技术图片 */
#main .main1 div picture,
#main .main2 .main2_bottom picture,
#main .main3 .main3_1 div picture,
#main .main4 .main4_img picture {
    display: block;
    width: 100%;
    text-align: center;
}

#main .main1 div picture img,
#main .main2 .main2_bottom picture img,
#main .main3 .main3_1 div picture img,
#main .main4 .main4_img picture img {
    width: auto;
    max-width: 100%;
}

/* LED 显示屏图片 */
#main .main3 .main3_2 .main3_img picture {
    display: block;
}

#main .main3 .main3_2 .main3_img picture img {
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

/* 软件平台图片 */
.led_top1 picture,
.middle1 picture {
    display: block;
    text-align: center;
}

.led_top1 picture img,
.middle1 picture img {
    width: auto;
    max-width: 100%;
}

/* 硬件研发图片 */
.middle2 .tw .tw_img picture {
    display: block;
    width: 100%;
}

.middle2 .tw .tw_img picture img {
    width: 100%;
    height: auto;
}

/* LED 底部图片 */
.led_bottom picture {
    display: block;
    width: 100%;
}

.led_bottom picture img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
