#liaojie_box{
    width: 100%;
    height: 726px;
    position: relative;
}

#liaojie_box .gray{
    width: 100%;
    height: 726px;
    position: absolute;
    background: #000;
    opacity: 0.5;
    z-index: 100;
}

#liaojie_box video{
    width: 100%;
    height: 726px;
    position: absolute;
    z-index: 100;
    object-fit: cover;
}

#liaojie_box .logo{
    width: 93px;
    position: absolute;
    z-index: 10000;
    top: 179px;
    left: 50%;
    transform: translate(-50%);
    object-fit: contain;
}

#liaojie_box h1{
    position: absolute;
    z-index: 10000;
    top: 330px;
    object-fit: contain;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    line-height: 30px;
    width: 60%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 50%;
    transform: translate(-50%);
}

#liaojie_box #play_btn{
    width: 49px;
    position: absolute;
    z-index: 100;
    bottom: 179px;
    left: 50%;
    transform: translate(-50%);
    object-fit: contain;
}

#liaojie_box a{
    width: 256px;
    height: 48px;
    position: absolute;
    z-index: 10000;
    bottom: 255px;
    left: 50%;
    transform: translate(-50%);
    object-fit: contain;
    border: 1px solid;
    border-radius: 2px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 43px;
}

#liaojie_box a img{
    width: 25px;
    height: 17px;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
    vertical-align: sub;
}

@media screen and (max-width: 750px) {
    #liaojie_box{
        height: 400px;
    }
    #liaojie_box .gray{
        height: 400px;
    }
    #liaojie_box video {
    width: 100%;
    height: 400px;
}
#liaojie_box .logo {
    width: 30px;
    position: absolute;
    z-index: 10000;
    top: 80px;
    left: 50%;
    transform: translate(-50%);
    object-fit: contain;
}
#liaojie_box h1 {
    position: absolute;
    z-index: 100;
    top: 130px;
    object-fit: contain;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    line-height: 30px;
    width: 60%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 50%;
    transform: translate(-50%);
}
#liaojie_box a {
    width: 200px;
    height: 35px;
    position: absolute;
    z-index: 10000;
    top: 220px;
    left: 50%;
    transform: translate(-50%);
    object-fit: contain;
    border: 1px solid;
    border-radius: 2px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    bottom: auto;
}
#liaojie_box a img {
    width: 15px;
    height: 10px;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
    vertical-align: sub;
    bottom: auto;
}
#liaojie_box #play_btn {
    width: 35px;
    position: absolute;
    z-index: 10000;
    top: 270px;
    bottom: auto;
    left: 50%;
    transform: translate(-50%);
    object-fit: contain;
}
}