.xs_des .txt_top .e_p {
    letter-spacing: 0px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 2.5vw;

}
.xs_des {
    overflow: hidden;
}
.xs_des .txt_top {
    display: flex;
    margin-bottom: 3.5vw;
}


.xs_des .txt_top .txt_r {

    flex: 0 0 33%;
    margin-left: 4.6vw;
    position: relative;
}

.xs_des .txt_top .txt_r .txt_img {

    z-index: 2;
    width: 100%;
    height: auto;
    position: relative;
}
.xs_des .txt_top .txt_r .txt_img:hover img {

    transform: scale(1.05);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.xs_des .txt_top .txt_r .txt_img::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #b71928;
    position: absolute;
    top: 20px;
    left: -20px;

}

.xs_des .txt_top .txt_r .txt_wt {
    position: absolute;
    max-width: 300px;
    top: -10%;
    right: -39%;
    z-index: 0;

}

.xs_des .txt_top .txt_l .e_txt {
    letter-spacing: 0px;
    color: #666666;
    line-height: 2.2;

}

.xs_des .txt_top .txt_l .e_txt p {
    text-indent: 2em;
}
.xs_des .txt_bott {

    display: flex;
}
.xs_des .txt_bott .txt_r {

    position: relative;
}
.xs_des .txt_bott .txt_r .xs_box {

    /* position: absolute;
    bottom: 0; */
    margin-top: 30px;
}
.xs_des .txt_bott .txt_l {
    flex: 0 0 33%;
    margin-right: 5.2vw;
    position: relative;
    height: max-content;
}
.xs_des .txt_bott .txt_l img {

    width: 100%;
    height: auto;
    object-fit: cover;
    z-index: 2;
    position: relative;

}
.xs_des .txt_bott .txt_l:hover img {

transform: scale(1.05);
}
.xs_des .txt_bott .txt_l p {
    width: 53px;
    height: 108px;
    background-color: #b71928;
    position: absolute;
    right: -53px;
    bottom: 0;
}
.xs_des .txt_bott .txt_r .e_txt {

    letter-spacing: 0px;
    color: #666666;
    line-height: 2.2;
}
.xs_des .txt_bott .txt_r .e_txt p {

    text-indent: 2em;
}
.xs_box {

    height: 108px;
	background-color: #f0f1f2;
    width: 100%;
}
@media screen and (max-width: 1600px) { 
    .xs_box {

        height: 60px;
    }
    .xs_des .txt_bott .txt_l p {
        height: 60px;

    }
    .xs_des .txt_top .txt_r .txt_wt {

        max-width: 200px;
    }
}


@media screen and (max-width: 768px) {
    .xs_des .txt_top .txt_r .txt_wt {
        max-width: 100px;
        top: -10%;
    right: -10%;
    }
    .xs_des .txt_top {

        flex-wrap: wrap;



    }

    .xs_des .txt_top>div {

        flex: 0 0 100%;
    }

    .xs_des .txt_top .txt_r {

        flex: 0 0 100%;
        margin-left: 0vw;
        margin-bottom: 20px;
    }

    .xs_des .txt_bott {
        flex-wrap: wrap;


    }

    .xs_des .txt_bott>div {

        flex: 0 0 100%;
        margin-right: 0vw;
    }

    .xs_des .txt_bott .txt_l {

        flex: 0 0 100%;
        margin-right: 0vw;
        margin-bottom: 20px;
    }

    .xs_des .txt_top {

        flex-direction: column-reverse;
    }

    .xs_des .txt_top .txt_l .e_txt {

        line-height: 1.5;
    }
    .xs_des .txt_top .e_p {
        margin-bottom: 15px;
        text-align: center;
    }
    .xs_des .txt_bott .txt_r .e_txt {

        line-height: 1.5;
    }
    .xs_des .txt_bott .txt_r .xs_box {

        margin-top: 20px;
    }
 
    .xs_des .txt_top .txt_r .txt_img::after {

        top: 10px;
        left: -10px;
    }
}