/* 案例 */
.md19768.md-case{width: 100%;padding: .5rem 0 .6rem;}
.md19768.md-case img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md19768.md-case .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md19768.md-case .e-titles{font-family: 'Poppins-SemiBold';width: 100%;margin-bottom: .45rem;color: #333333;line-height: 1.2;}
.md19768.md-case .e-cont{width: 100%;}
.md19768.md-case .e-item{display: flex;flex-wrap: wrap;align-items: center;cursor: pointer;width: 100%;margin-bottom: .4rem;background-color: #eff8ff;border-radius: .2rem;overflow: hidden;}
.md19768.md-case .e-imgbox{width: 50%;}
.md19768.md-case .e-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(450/800*100%);border-radius: .2rem;}
.md19768.md-case .e-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md19768.md-case .e-text{width: 50%;padding: .15rem 1rem;}
.md19768.md-case .e-name{font-family: 'Poppins-Medium';width: 100%;margin-bottom: .1rem;color: #111;line-height: 1.5;}
.md19768.md-case .e-tr{width: 100%;padding-bottom:  .4rem;}
.md19768.md-case .e-td{display: flex;width: 100%;margin-bottom: .1rem;}
.md19768.md-case .e-icon{width: 1.12em;height: 1.12em;}
.md19768.md-case .e-icon img{width: 100%;height: 100%;object-fit: contain;}
.md19768.md-case .e-intro{flex: 1;padding-left: .1rem;color: #222;line-height: 1.6;} 
.md19768.md-case .e-more{display: inline-block;color: var(--theme);background-image: linear-gradient(90deg, var(--theme) 0%, var(--active)  100%);-webkit-background-clip:text; background-clip: text;-webkit-text-fill-color: transparent; text-fill-color: transparent;}
.md19768.md-case .e-more:after{content: '>>';margin-left: .05rem;}
.md19768.md-case .e-item:hover .e-name{color: var(--theme);background-image: linear-gradient(90deg, var(--theme) 0%, var(--active)  100%);-webkit-background-clip:text; background-clip: text;-webkit-text-fill-color: transparent; text-fill-color: transparent;}
.md19768.md-case .e-item:hover:hover .e-img img{transform: scale(1.05);}
@media (max-width: 750px) {
    .md19768.md-case .e-imgbox{width: 100%;}
    .md19768.md-case .e-text{width: 100%;padding: .3rem;}
    .md19768.md-case .e-tr{padding-bottom: .2rem;}
}