.image-container {
    position: relative;
    /* width: 100%; */
    margin: 5vw 0;
}

.image-container a{
    /* height: 200px; */
    /* width: 90%; */
    display: block; /* 移除图片底部的间隙 */
    margin: auto; /* 居中显示 */
    border-radius: 20px;
}

.image-container img{
    display: block; /* 移除图片底部的间隙 */
    width: 100%;
    border-radius: inherit; /* 做倒角 */
}

@media (max-width: 3000px) {
    .image-container img{
        height: auto;
    }

    .overlay-text {
        top: 20%;
    }
}

@media (max-width: 900px) {
    .image-container img{
        height: 400px;
    }

    .overlay-text {
        top: 100px;
    }
}

@media (max-width: 600px) {
    .image-container img{
        height: 200px;
    }
    
    .overlay-text {
        top: 50px;
    }
}



/* 每个栏目上面显示的类别 */
.overlay-text{
    position: absolute;
    top: 20%;
    /* left: 20%; */
    /* transform: translate(-50%, -50%);  */
    color: black; /* 根据图片背景选择适当的颜色 */
    font-weight: bold; /* 根据需要调整字体粗细 */
    /* text-align: center; 根据需要调整文本对齐方式 */
    /* max-width: max-content; */
    margin: 0;
    padding: 0;
    text-indent: 1rem;
}

/* 下面是二级页面的css */
.button {
    margin-right: 10px;
}

.second-grid{
    display: grid;
    gap: 10px;
    position: relative;
    margin: 10px auto;
}


@media (max-width: 3000px) {
    .second-grid{
        grid-template-columns: repeat(4, 1fr);
    }

    .second-grid h3{
        font-size: 20px;
    }
}

@media (max-width: 900px) {
    .second-grid{
        grid-template-columns: repeat(3, 1fr);
    }

    .second-grid h3{
        font-size: 18px;
    }
}

@media (max-width: 600px) {
    .second-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .second-grid h3{
        font-size: 13px;
    }
}



.second-grid .second-grid-item{
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    border: 1px red solid;
    align-items: center;
}
.second-grid img{
    position: relative;
    width: 95%;
    height: auto;
    margin: 10px auto;
    border-radius: 20px;
    display: block;
    align-items: center;
}

.second-grid h3{
    /* font-size: 15px; */
    margin: 10px;
    color:black;
}

.second-grid p.simple{
    /* font-size: 15px; */
    color: orange;
    margin: 10px;
}

.second-grid p.views{
    color: gray;
    text-align: right;
    margin: 10px;
    /* font-size: 15px; */
}


/* 下面是三级页面的css */

.third h1 {
    margin: 0;
}

.third p{
    font-size: 15px;
    /* margin: 10px 0; */
    margin: 0;
}

.third p.simple{
    color: orange;
}

.third p.views{
    color: grey;
}

.third img{
    width: 100%;
}

.third .contact-us{
    display: block;
    margin: 1rem auto;
    padding: 2vw 2vw;
    font-size: calc(1rem + 1vw);
    background: #66CC99; /* 公司绿色 */
    color: white;
}