.tx-casel{padding: 40px 0 82px;}

.tx-casel-main li{width: 100%;background: #f5f5f5;margin-top: 58px;}
.tx-casel-main li .img{float: left;width: 39.57%;height: 343px;overflow: hidden;}
.tx-casel-main li .img img{width: 100%;height: 100%;}
.tx-casel-main li .text{float: right;width: 60.43%;height: 343px;padding: 35px 50px;display: flex;flex-direction: column;justify-content: center;}
.tx-casel-main li .text h3{font-size: 26px;font-weight: bold;margin-bottom: 1px; line-height: 37px;height: 37px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-casel-main li .text h4{line-height: 20px;height: 20px;color: #333; opacity: 0.6; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-casel-main li .text > i{display: block;height: 1px;background: #dcdcdc;margin: 22px 0;}
.tx-casel-main li .text em{display: block;font-size: 16px;color: #333;line-height: 30px;height: 90px;opacity: 0.69; overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.tx-casel-main li .text b{margin-top: 35px;}
.tx-casel-main li:nth-child(2n) .img{float: right;}
.tx-casel-main li:nth-child(2n) .text{float: left;}

.tx-casec{padding: 57px 0 82px;}
.tx-casec-title{margin-bottom: 90px;text-align: center;}
.tx-casec-title h3{position: relative; display: inline-block;font-size: 32px; padding: 0 8px;line-height: 45px;font-weight: bold;}
.tx-casec-title h3::before{content:'';position: absolute;width: 100%;height: 20px;bottom: 0;left: 0;background: var(--mColor);opacity: 0.2;border: 1px solid #707070;}

.tx-casec-main h3{font-size: 24px;line-height: 33px;padding-left: 38px;font-weight: bold; background: url('../img/casec-i1.png') center left no-repeat;margin-bottom: 19px;}
.tx-casec-main p{font-size: 16px;color: #666;line-height: 26px;}
.tx-casec-main .xian{display: block; height:2px;background: #e5e5e5;margin: 60px 0;}
.tx-casec-main ul{display: block;}
.tx-casec-main li{position: relative; width: 100%;padding-bottom: 20px;margin-top: 25px;}
.tx-casec-main li::before{content:''; position: absolute;width: 1px;height: calc(100% - 25px);left:8px;top:32px; background: var(--mColor);opacity: 0.3;}
.tx-casec-main li h4{position: relative; line-height: 25px;font-size: 18px;font-weight: bold;padding-left: 30px;margin-bottom: 10px;}
.tx-casec-main li h4 img{position: absolute;left: 0;max-height: 25px;max-width: 25px;top:0;bottom:0;margin:auto 0;}
.tx-casec-main li p{padding-left: 30px;}
.tx-casec-main li > span{display: block; padding-left: 30px;padding-top: 10px;}
.tx-casec-main li > span i{display: inline-block;padding: 0 30px;margin-right: 23px;line-height: 43px;font-size: 16px; background: rgba(3,94,197,0.1);color: var(--mColor);cursor: pointer;margin-bottom:12px;}
.tx-casec-main li dl{display: block;padding-left: 30px;padding-top: 10px;}
.tx-casec-main li dl dt{float: left; width: 22.62%;margin-left: 3.17%;}
.tx-casec-main li dl dt:nth-child(4n-3){margin-left: 0;}
.tx-casec-main li dl .img{position: relative;display: flex;justify-content: center;align-items: center; width: 100%; height: 240px;background: #f7f7f7;padding: 15px;}
.tx-casec-main li dl .img img{max-width: 100%;max-height: 100%;}
.tx-casec-main li dl .img i{position: absolute;left:0;top:0;background: var(--mColor);color: #fff; font-size: 16px;line-height: 23px;border-bottom-right-radius: 8px;padding: 0 20px;}
.tx-casec-main li dl h6{font-size: 13px;line-height: 17px;height: 17px;margin-top: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-casec-main .friend{display: block;}
.tx-casec-main .friend a{display: inline-block;font-size: 16px;color: var(--mColor);margin-top: 12px;margin-right: 100px;}

.imgswiper .img-big{float:left; width:76%;padding-right:20px;height:545px;}
.imgswiper .img-big img{width:100%;height:100%;}
.imgswiper .swiper{float:right; width:24%; height:545px;overflow:hidden;position:relative;}
.imgswiper .swiper .swiper-slide{position:relative;}
.imgswiper .swiper .swiper-slide img{width:100%;height:100%;}
.imgswiper .swiper .swiper-slide:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;z-index:10;}
.imgswiper .swiper .swiper-slide.cur:before{display:none;}
.imgswiper .swiper .swiper-button{width:100%;height:30px;z-index:30;background:rgba(0,0,0,0.5);margin-top:0;}
.imgswiper .swiper .swiper-button:after{font-size:14px;color:#fff;transform: rotate(90deg);}
.imgswiper .swiper .swiper-button-prev{top:0;bottom:auto;left:0;}
.imgswiper .swiper .swiper-button-next{bottom:0;top:auto;right:0;}

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

    .tx-casel-main li:hover{box-shadow: 0px 3px 32px 1px rgba(0, 0, 0, 0.2);}

    .tx-casec-main li span i:hover{background: var(--mColor);color:#fff;}
    .tx-casel-main li:hover .img img{transform:scale(1.08);}

}

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

    .tx-casel-main li{margin-top: 40px;}
    .tx-casel-main li .img{height: 295px;}
    .tx-casel-main li .text{padding:25px 35px;height: 295px;}
    .tx-casel-main li .text h3{font-size: 20px;}
    .tx-casel-main li .text h4{font-size: 12px;}
    .tx-casel-main li .text > i{margin:  15px 0;}
    .tx-casel-main li .text em{font-size: 14px;line-height: 25px;height: 75px;}
    .tx-casel-main li .text b{margin-top: 28px;}

    .tx-casec-title{margin-bottom: 45px;}
    .tx-casec-title h3{font-size: 26px;}
    .tx-casec-title h3::before{height: 16px;}
    .tx-casec-main h3{font-size: 20px;background-size: 26px auto;margin-bottom: 12px;}
    .tx-casec-main p{font-size: 14px;line-height: 24px;}
    .tx-casec-main .xian{margin:40px 0;}
    .tx-casec-main li > span i{font-size: 14px;line-height: 38px;padding:0 25px;}
    .tx-casec-main .friend a{font-size: 14px;margin-right: 70px;}
    
    .imgswiper .swiper{height:465px;}
}

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

    .tx-casel{padding:20px 0;}
    .tx-casel-main{margin-bottom: 12px;}
    .tx-casel-main li{margin-top: 12px;}
    .tx-casel-main li:first-child{margin-top: 0;}
    .tx-casel-main li .img{height: 25vw;}
    .tx-casel-main li .text{height: 25vw;padding:8px 15px;}
    .tx-casel-main li .text b,.tx-casel-main li .text em,.tx-casel-main li .text > i{display: none;}
    .tx-casel-main li .text h3{font-size: 15px;line-height: 25px;height: 25px;}

    .tx-casec{padding: 20px 0;}
    .tx-casec-title{margin-bottom: 15px;}
    .tx-casec-title h3{font-size: 17px;line-height: 26px;}
    .tx-casec-title h3::before{height: 8px;}
    .tx-casec-main h3{font-size: 15px;background-size: 20px auto;padding-left: 30px;line-height: 25px;}
    .tx-casec-main p{font-size: 12px;line-height: 22px;}
    .tx-casec-main .xian{height: 1px;margin:12px 0;}
    .tx-casec-main li{margin-top: 12px;padding-bottom: 12px;}
    .tx-casec-main li h4{font-size: 14px;}
    .tx-casec-main li > span i{font-size: 12px;line-height: 28px;padding:0 15px;margin-bottom: 8px;margin-right: 15px;}
    .tx-casec-main li dl dt{width: 48%;margin-left: 4% !important;margin-bottom: 15px;}
    .tx-casec-main li dl dt:nth-child(2n-1){margin-left: 0 !important;}
    .tx-casec-main li dl .img{height: 32vw;padding:12px;}
    .tx-casec-main li dl .img i{font-size: 12px;line-height: 18px;padding:0 15px;}
    .tx-casec-main li dl h6{margin-top: 10px;font-size: 12px;}
    .tx-casec-main .friend a{margin-top: 0;margin-bottom: 7px;font-size: 12px;margin-right: 15px;}
    
    .imgswiper .img-big{display:none;}
    .imgswiper .swiper{width:100%;height:158vw;}
    .imgswiper .swiper .swiper-slide:before{display:none;}

}