headnav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: transparent; }
headnav ul li { float: left; }
headnav ul li a, .dropdown a { display: inline-block; color: rgb(48, 47, 47); text-align: center; padding: 14px 16px; text-decoration: none; }
headnav ul li a:hover, .dropdown a:hover { background-color: rgba(255, 255, 255, 0.2); } /* Optional: Slightly visible background on hover */
.dropdown { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }
headnav ul li:hover .dropdown { display: block; }
.dropdown a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }
.dropdown a:hover { background-color: #f1f1f1; }

.mleft{
    margin-left: 12rem;
}

.ad-div {
    height: 110px;
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    align-items: center; /* 垂直居中 */
    gap: 15px; /* 广告图间距 */
    padding: 0 20px;
}

.ad-item {
    /* PC 端一行最多两个，宽度自动分配 */
    flex: 1 0 calc(50% - 15px); /* 50% 宽度 - 间距 */
    height: 110px;
    overflow: hidden; /* 裁剪超出部分 */
}

.ad-item img {
    width: 100%; /* 让图片宽度自适应容器宽度 */
    height: auto; /* 保持图片原始宽高比 */
    object-fit: cover; /* 保持比例填充 */
    border-radius: 4px; /* 可选圆角 */
    transition: transform 0.3s ease; /* 悬停动画 */
}

.ad-item img:hover {
    transform: scale(1.03); /* 悬停缩放效果 */
}

/* 手机端（小于 568px 时一行一个） */
@media (max-width: 568px) {
    .ad-item {
        flex: 1 0 100%; /* 占满宽度 */
        height: auto;
    }
    .mleft{
        margin-left: 0;
    }
    .ad-div {
        height: auto;
    }
}

.mgoClear{
    margin-top: 150px;

    @media (max-width: 568px){
        margin-top: 110px;
    }
}
 
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .sidebar-shadow {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }
    .menu-transition {
        transition: all 0.3s ease;
    }
    .submenu-transition {
        transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
    }
}
 

/*  -------------------------------------    */
.ad2-div {
    height: 110px;
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    align-items: center; /* 垂直居中 */
    gap: 15px; /* 广告图间距 */
    padding: 0 20px;
}

.ad2-item {
    /* PC 端一行最多两个，宽度自动分配 */
    flex: 1 0 calc(20% - 15px); /* 50% 宽度 - 间距 */
    height: 110px;
    overflow: hidden; /* 裁剪超出部分 */
}

.ad2-item img {
    width: 100%; /* 让图片宽度自适应容器宽度 */
    height: auto; /* 保持图片原始宽高比 */
    object-fit: cover; /* 保持比例填充 */
    border-radius: 4px; /* 可选圆角 */
    transition: transform 0.3s ease; /* 悬停动画 */
}

.ad2-item img:hover {
    transform: scale(1.03); /* 悬停缩放效果 */
}

/* 手机端（小于 568px 时一行一个） */
@media (max-width: 568px) {
    .ad2-item {
        flex: 1 0 100%; /* 占满宽度 */
        height: auto;
    }
    
    .ad2-div {
        height: auto;
    }

    
    .ad2-item img {
        width: 100%; /* 让图片宽度自适应容器宽度 */
      
    }
}
.mgoClear2{
    margin-top: 30px;

    @media (max-width: 568px){
        margin-top: 330px;
    }
}