*       {margin:0;padding:0;box-sizing:border-box;font-family:"MicrosoftYaHei",sans-serif;}
body    {background-color:#f5f7fa;color:#333;line-height:1.6;} /* background-color:#F4F4F5;*/
/* 电脑端：两列均分 */
.dvWR02 {  display:grid; grid-template-columns: repeat(2, 1fr); row-gap: 1.8em;  column-gap: 1.5em;  width:80%; margin:30px auto; }
.dvWR01 {  display:grid; grid-template-columns: 1fr; row-gap: 1.8em;  column-gap: 1.5em;  width:80%; margin:30px auto; }
/* 卡片样式沿用你原来的 */
.dvWB01 { padding:10px; border-radius:15px; font-size:clamp(1rem, 1.4vw, 1.8rem); box-shadow: 0 2px 10px rgba(0,0,0,0.08);line-height:2;text-indent: 2em;}


 /*汉堡菜单样式*/ 
.dvWHB1 {display:none;font-size:24px;color:#909399;cursor:pointer;padding:0 12px;}
.dvWHB2 {display:none;position:absolute;top:0px;left:0;width:100%;background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 10px rgba(0,0,0,0.1);z-index:99;}
.dvWHB2 a {display:block;padding:10px 16px;color:#909399;text-decoration:none;border-bottom:1px solid #f2f2f2;}
.dvWHB2 a:hover {background:#e9f5ff;color:#007bff;}

.imWMAL { width: 100%;height: 100%;display:block;object-fit: contain;}
/* 保持原图比例，铺满盒子，超出部分裁剪 object-fit:cover;*/


/* 手机 480px 以下：改成单列 */
@media (max-width:480px){
    .dvWR02 { grid-template-columns: 1fr;}
    .dvMuH1 { display:none; }  
    .dvMuH2 { display:none; }
    .dvWHB1 { display:block;position:fixed;top:0;left:0;width:100%;background:#FFFFFF;z-index:100;height:40px;line-height:40px;padding-left:12px;
              padding-top:env(safe-area-inset-top);height:calc(40px+env(safe-area-inset-top));}
    .dvWHB2 { position:fixed;width:40%; top: calc(40px + env(safe-area-inset-top)); left: 0; }

}

/* Banner */
.bnCNCT{position: relative;width: 100%;max-width: 100%;height: 100%;overflow: hidden;margin: 0 auto;}                                       /* 轮播容器样式 */
.bnSLLS {display: flex;width: 400%; /* 3张图则设为300%，n张图设为n*100% */ height: 100%;transition: transform 0.5s ease; /* 切换动画 */ }   /* 轮播图片列表：下面还有一处总数：49行 */
.bnSLIT {width: 100%;height: 100%;position: relative;}                                                                                      /* 单张轮播图样式 */
.bnSLIT img {width: 100%;height: 100%;object-fit: cover; /* 保持图片比例，覆盖容器 */}                                                      /* 轮播图片 */
.bnBtUl{position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.7);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #333;z-index: 3;transition: background-color 0.3s ease;}
.bnBtUl:hover {background-color: white;}
.bnBtPr {left: 20px;}
.bnBtNx {right: 20px;}
.bnBtIc {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;z-index: 3;}
.bnBtId {width: 12px;height: 12px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);cursor: pointer;transition: background-color 0.3s ease;}
.bnBtId.active {background-color: white;}