.tx-casel{background: #efefef;padding:23px 0 50px;}

.tx-casel-main {margin-bottom: 15px;}
.tx-casel-main li{width: 31.25%;margin-left: 3.125%;height:325px; background: #fff;box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.09019607843137255);margin-top: 35px;}
.tx-casel-main li:nth-child(3n-2){margin-left: 0;}
.tx-casel-main li .img{height:255px;overflow: hidden;}
.tx-casel-main li .img img{width: 100%;height: 100%;}
.tx-casel-main li .text{padding:25px 21px;position: relative;z-index: 20;}
.tx-casel-main li .text h3{position: relative; float: left;width: 100%; font-size: 18px;line-height: 20px;height:20px;padding-left: 12px; font-weight: bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-casel-main li .text h3::before{content:'';position: absolute;left:0;top:0;bottom:0;margin:auto 0;width: 2px;height: 15px;background: var(--mColor);}
.tx-casel-main li .text b{float: left; width: 148px; line-height: 38px; height: 0;overflow: hidden; text-align: center; background: #fff;color:var(--mColor);margin-top: 0px;}
.tx-casel-main li .text b img{margin-left: 12px;}

.tx-casec{padding:23px 0 50px;}
.tx-casec-main{margin-top: 50px;}
.tx-casec-main .titles{text-align: center;font-size: 28px;line-height: 35px;font-weight: bold;padding-bottom: 38px;border-bottom:1px solid #cecece;margin-bottom: 40px;}
.tx-casec-main .tx-contentss p{text-indent: 2em;}

@media screen and (min-width: 769px){

    .tx-casel-main li:hover .img img{transform: scale(1.08);}
    .tx-casel-main li:hover .text{background: var(--mColor);margin-top:-58px;}
    .tx-casel-main li:hover .text h3{color:#fff;}
    .tx-casel-main li:hover .text h3::before{background: #fff;}
    .tx-casel-main li:hover .text b{height: 38px;margin-top: 20px;}
    .tx-casel-main li .text b:hover{opacity: 0.8;}

}

@media screen and (max-width: 1465px){

    .tx-casel-main li .text h3{font-size: 16px;}

    .tx-casec-main .titles{font-size: 24px;line-height: 32px;}

}

@media screen and (max-width: 768px){

    .tx-casel{padding:0 0 20px;}
    .tx-casel-main li{width: 48%;margin-left: 4% !important;margin-top: 4%;height:auto;}
    .tx-casel-main li:nth-child(2n-1){margin-left: 0 !important;}
    .tx-casel-main li .img{height: 30vw;}
    .tx-casel-main li .text h3{font-size: 14px;font-weight: normal;}
    .tx-casel-main li .text{padding:12px 15px;}

    .tx-casec{padding:20px 0;}
    .tx-casec-main{margin:0;}
    .tx-casec-main .titles{font-size: 17px;padding-bottom: 15px;margin-bottom: 15px;}

}