/* 案例中心 */
.md36736.k-main{width: 100%;padding:  1rem 0 .65rem; background-color: #f5f9fb;background-size: 80.1% auto;background-position: bottom right;background-repeat: no-repeat;}
.md36736.k-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;} 
.md36736.k-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md36736.k-main .k-navbox{position: relative;left: -.22rem;width: calc(100% + .44rem);font-size: 0;padding-bottom: .3rem;}
.md36736.k-main .k-nav{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 1.3% .2rem;min-width: 14%;padding: 0 .2rem;line-height: .5rem;text-align: center;background-color: #ffffff;border-radius: .25rem;}
.md36736.k-main .k-nav:hover{color: #fff;background-color: var(--theme);}
.md36736.k-main .k-nav.active{color: #fff;background-color: var(--theme);}
.md36736.k-main .k-cont{width: 100%;display: flex;flex-wrap: wrap;}
.md36736.k-main .k-item{display: block;cursor: pointer;width: 23.12%;margin-right: 2.5%;margin-bottom: .35rem;}
.md36736.k-main .k-item:nth-child(4n){margin-right: 0;}
.md36736.k-main .k-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(220/370*100%);border-radius: .08rem;}
.md36736.k-main .k-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md36736.k-main .k-text{width: 100%;padding-top: .15rem;}
.md36736.k-main .k-name{width: 100%;margin-bottom: .07rem;text-align: center;color: #333333;font-weight: bold;line-height: 1.5;}
.md36736.k-main .k-intro{width: 100%;color: #666666;line-height: 1.85;text-align: justify;}
.md36736.k-main .k-item:hover .k-img img{transform: scale(1.05);}
.md36736.k-main .k-item:hover .k-name{color: var(--theme);}

@media (min-width: 750px) {
   .md36736.k-main .k-nav:nth-child(7){margin-left: 8.3%;}
}
@media (max-width: 750px) {
  .md36736.k-main .k-nav{line-height: .6rem;border-radius: .3rem;}
  .md36736.k-main .k-item{width: calc(50% - .15rem);margin-right: .3rem;}
  .md36736.k-main .k-item:nth-child(2n){margin-right: 0;}
}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem;min-width: 2.78em;height: 2.78em;line-height: 2.78em;border-radius: 50%;color: #666666;background-color: #ffffff;}
.paging-item:hover{background-color: var(--theme);color: #fff;}
.paging-item.active{background-color: var(--theme);color: #fff;}
.paging-up{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem;width: 2.78em;height: 2.78em;border-radius: 50%;color: transparent;background-color: #ffffff;background-image: url('../images/a3.png'); background-size: .45em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-color: var(--theme);background-image: url('../images/a3-b.png');}
.paging-next{transition: all  .3s;transform: rotate(-180deg); display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem;width: 2.78em;height: 2.78em;border-radius: 50%;color: transparent;background-color: #ffffff;background-image: url('../images/a3.png'); background-size: .45em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: var(--theme);background-image: url('../images/a3-b.png');}