.pdbox {
    cursor: pointer
}

    .pdbox div {
        height: 100%;
        overflow: hidden;
    }

        .pdbox div img, .thumbnail .media img {
            transition: all 1s;
        }

            .pdbox div img:hover {
                transform: scale(1.3)
            }

.media_div {
    height: 100%;
    overflow: hidden;
}

.media img:hover {
    transform: scale(2.3)
}

.title-inner a {
    font-size: 30px;
}

.hzhb {
    background-color: #f5f5f5;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
}

    .hzhb img {
        margin-left: 20px;
    }
    .hzhb img {
        flex: 0 0 auto; /* 确保图片不会伸缩 */
        width: 1370px; /* 设置图片的宽度 */

    }
.mask-bg {
    display: none;
    background: linear-gradient(90deg, rgba(0, 0, 0, .8), transparent);
    height: 760px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 990;
    margin-top: 0px;
}
.img_active {
   
    display: none;
}
@media screen and (min-width: 768px) {
    .mask-bg {
       
        background: linear-gradient(90deg, rgba(0, 0, 0, .8), transparent);
        height: 673px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 990;
        margin-top: 87px;
    }
    .img_active {
        display:block;
       
    }
}
    .typing-line {
        white-space: nowrap;
        overflow: hidden;
        width: 0; /* 初始宽度为0 */
        animation: typing 1s steps(60, end) forwards; /* 使用 forwards 保持动画结束状态 */
    }

        .typing-line:after {
            /*content: "|"; /* 光标字符 */ */ animation: blink-caret .75s step-end infinite;
        }

    @keyframes typing {
        from {
            width: 0
        }

        to {
            width: 100%
        }
    }

    @keyframes blink-caret {
        50% {
            opacity: 0;
        }
    }


    .container .case-item .case-des p {
        color: #292929;
        font-size: 16px;
        height: 345px;
        line-height: 2;
        overflow: hidden;
        overflow-y: auto;
    }

    .container .case-item .case-des {
        padding: 20px 0;
        width: 36%;
    }

    .container .case-item .case-video {
        position: relative;
        width: 60%;
    }

        .container .case-item .case-video img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
        }


    .container .case-item .case-des .case-tit h4 {
        color: #fff;
        font-size: 30px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 0;
    }

    .container .case-item {
        display: flex;
        justify-content: space-between;
        /*margin-bottom: 128px;*/
    }



        .container .case-item .case-video .mask {
            align-items: center;
            background: linear-gradient(90deg, rgba(0, 0, 0, .5) 2%, transparent);
            display: flex;
            height: 100%;
            justify-content: center;
            position: absolute;
            transition: all .5s;
            width: 100%;
        }

        .container .case-item .case-video {
            position: relative;
            width: 72%;
        }