.data2024mifrmae {
    width: 82%;
    max-width: 1920px;
    margin: 0 auto;
}

.micontainer {
    width: 80%;
    margin-left: 10%;
    display: inline-block;
}

.mainNava {
    width: 1000px;
    margin: 0 auto;
}

.NavaMain {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 60px;
}

    .NavaMain .item {
    }


        .NavaMain .item .mitext {
            line-height: 60px;
            text-align: center;
            padding-bottom: 10px;
            position: relative;
            font-weight: bold;
            overflow: hidden; /* 确保伪元素不超出容器 */
            text-decoration: none; /* 移除默认下划线 */
        }

            .NavaMain .item .mitext:hover {
                color: #005fff;
                cursor: pointer;
            }

            .NavaMain .item .mitext::after {
                width: 150px;
                margin: 0 auto;
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                height: 2px; /* 下划线的厚度 */
                background: #005fff; /* 下划线的颜色 */
                transform: scaleX(0); /* 初始状态下不可见 */
                transition: transform 0.3s ease-in-out; /* 动画过渡效果 */
            }

            .NavaMain .item .mitext:hover::after {
                transform: scaleX(1); /* 鼠标悬停时下划线完全展示 */
            }

.ywmodel {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 70px;
    grid-row-gap: 60px;
    box-shadow: 5px 5px 10px 5px #eee;
    margin-top: 50px;
    margin-bottom: 60px;
}

.bg-gray {
    background-color: rgb(239,239,239);
}

.border-radius-20 {
    border-radius: 20px;
}

.ywmodel .item {
    color: black;
    position: relative;
}

    .ywmodel .item .img1 {
        overflow: hidden;
        border-radius: 20px;
    }

        .ywmodel .item .img1 img {
            transition: all 0.3s;
        }

.hover_mg:hover {
    transform: scale(1.5);
}

.ywmodel h3 {
    color: #005fff;
    font-size: 30px;
}

.ywmodel h5 {
    color: #333;
    font-size: 24px;
    margin-top: 30px;
}

.ywmodel .myp {
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    height:120px;
    overflow:hidden;
    text-overflow: ellipsis;
}

.ywmodel a {
    color: gray;
    padding: 5px 25px;
    border-radius: 30px;
    position: absolute;
    bottom: 63px;
    border: solid 1px gray;
    background-color: unset;
}

    .ywmodel a:hover {
        color: white;
        padding: 5px 25px;
        border-radius: 30px;
        position: absolute;
        border: 0;
        background-color: #0260ff;
    }



.ywmodel img {
    max-width: 100%;
}

.mbx {
    margin-top: 50px;
}

    .mbx .inner i {
        margin-right: 5px;
    }

    .mbx .inner span {
        margin-right: 5px;
    }

    .mbx a, .mbx span {
        color: #949494;
    }

        .mbx a:visited {
            color: #949494;
        }

@media only screen and (min-width: 1610px) and (max-width: 1800.98px) {
     .micontainer {
        width: 100%;
        margin-left: 0%;
    }
     .ywmodel .myp {
     height:180px;

}


}

@media only screen and (min-width: 1510px) and (max-width: 1609.98px) {
    .micontainer {
        width: 100%;
        margin-left: 0%;
    }
}

@media only screen and (min-width: 1410px) and (max-width: 1509.98px) {
    .micontainer {
        width: 100%;
        margin-left: 0%;
    }
}

@media only screen and (min-width: 1310px) and (max-width: 1409.98px) {
    .micontainer {
        width: 100%;
        margin-left: 0%;
    }
}

@media only screen and (min-width: 1026px) and (max-width: 1309.98px) {
    .data2024mifrmae {
        width: 90%;
    }

    .micontainer {
        width: 100%;
        margin-left: 0%;
    }

    .ywmodel h3 {
        font-size: 26px;
    }

    .ywmodel a {
        bottom: 30px;
    }
}

@media only screen and (max-width: 1025px) {
}