body{
    margin: 0;
}
.about_c{
    width: 100%;
    height: 400px;
}
.about_c_img_d{
    width: 100%;
    height: 100%;
}
.about_c_img_d img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*animation: bjbd 1.5s ease;*/
}
@keyframes bjbd {
    0%, 100% {
        transform: scale(1); /* 初始和结束状态，图片大小不变 */
    }
    50% {
        transform: scale(1.1); /* 中间状态，图片放大 */
    }
}
.about_c_td{
    width: 100%;
    height: 100px;
    position: relative;
    bottom: 200px;
    /*opacity: 0; !* 初始状态为完全透明 *!*/
    /*animation: mmxs 3s ease-in-out forwards;*/
}
@keyframes mmxs {
    from { opacity: 0; } /* 初始状态为完全透明 */
    to { opacity: 1; } /* 结束状态为完全不透明 */
}
.about_c_td_o{
    width: 100%;
    height: 40px;
    font-size: 35px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    animation: mmxs 3s ease-in-out forwards;
}
.about_c_td_t{
    width: 100%;
    height: 30px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    animation: mmxs 5s ease-in-out forwards;
}
.about_d{
    width: 100%;
    height: auto;
}
.about_d_c{
    width: 60%;

    height: 50px;
    margin: 0 auto;
}
.about_d_cl_wz{
    font-size: 14px;
    color: #d5b345;
    float: left;
    height: 50px;
    line-height: 50px;

}
.about_d_cl{
    width: 50%;
    height: 100%;
    float: left;
}
.about_d_cr{
    width: 50%;
    height: 100%;
    float: left;
}
.about_d_cl_t{
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    margin-left: 5px;
    color: #74787a;
}
.about_d_cr_li{
    width:auto;
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #74787a;
    margin-left: 30px;
}
.about_d_cr_li_a{
    font-size: 14px;
    color: #74787a;
    text-decoration: none;
}
.about_d_cr_li a:hover{
    cursor: pointer;
    color: #d5b345;
}
.xzwz_a{
    color: #d5b345;
    text-decoration: none;
}
.about_d_d{
    width: 100%;
    height: auto;

    border-top: 1px solid #c9c7c9;

    padding-bottom: 30px;
}
.about_d_d_c{
    width: 60%;
    height: auto;
    margin: 0 auto;


    padding-bottom: 2%;


}

.about_d_d{
    background-color: #f3f3f3;
}


.product_d{
    width: 100%;

    height: auto;
    overflow: hidden;


}

.product_d_li{
    width: 32%; /* 减去间距 */
    margin-bottom: 20px; /* 或者使用 margin-top */
    box-sizing: border-box; /* 确保宽度包含padding和border */
    height: 350px;


    float: left;
    margin-top: 20px;
    background-color: #fff;
    transform: translateX(-100%); /* 初始状态，向左移动100% */
    transition: transform 1s ease; /* 动画效果 */
}


.product_d .show {

    transform: translateX(0); /* 滑动到初始位置 */
}


.product_d_li:nth-child(3n+1) {
    /* 在这里添加你的样式 */
    float: left;
}
.product_d_li:nth-child(3n) {
    /* 在这里添加你的样式 */
    float: right;
}

.product_d_li:nth-child(3n-1) {
    /* 在这里添加你的样式 */

    margin-left: 2%;
}
.product_d_li_img{
    width: 100%;
    height: 220px;
    position: relative;

    display: inline-block;


}
.product_d_li_img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_d_li_t{
    width: 96%;
    margin: 0 auto;
    /* padding: 2%; */
    /* height: 100%; */
    overflow: hidden;
    font-size: 22px;
    line-height: 40px;
    font-weight: bold;
    color: #74787a;
    height: 130px;
    text-align: center;
}



.product_d_li_img_j {
    position: absolute; /* 绝对定位，相对于最近的相对定位的父元素 */
    top: 0;
    left: 0;
    width: 100%; /* 与图片同宽 */
    height: 100%; /* 与图片同高 */
    background-color: rgba(0, 0, 0, 0.3); /* 灰色蒙层，半透明 */
    color: white; /* 加号颜色 */
    display: flex; /* 使用flex布局居中加号 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    font-size: 50px; /* 加号大小 */
    opacity: 0; /* 初始时隐藏加号和蒙层 */
    transition: opacity 0.3s ease; /* 平滑过渡效果 */
}

.product_d_li_img:hover .product_d_li_img_j {
    opacity: 1; /* 鼠标悬停时显示蒙层和加号 */
    cursor: pointer;
}
.product_d_xq{
    width: 100%;

    height: auto;
    overflow: hidden;
    min-height: 500px;
    background-color: #fff;
    padding: 20px;
}