
/* 为什么选择-能力-板块1 */
.md21654.md-capabilities1{position: relative;width: 100%;padding: .95rem 0 1rem;background-color: #f7f7f7;}
.md21654.md-capabilities1 img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21654.md-capabilities1 .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21654.md-capabilities1 .my-id{position: absolute;top: -1.8rem;}
.md21654.md-capabilities1 .my-top{width: 100%;padding-bottom: .5rem;text-align: center;}
.md21654.md-capabilities1 .my-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.25;}
.md21654.md-capabilities1 .my-synopsis{width: 100%;padding-top: .1rem;max-width: 39em;margin: 0 auto;color: #666666;line-height: 1.75;}
.md21654.md-capabilities1 .n-cont{width: 100%;position: relative;}
.md21654.md-capabilities1 .n-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md21654.md-capabilities1 .n-list{width: 100%;display: flex;flex-wrap: wrap;position: relative;z-index: 8;}
.md21654.md-capabilities1 .n-item{flex: 1;display: flex;align-items: center;padding: .3rem;min-height: 6.6rem;border-right: 1px solid rgba(255,255,255,.25);}
.md21654.md-capabilities1 .n-box{width: 100%;text-align: center;}
.md21654.md-capabilities1 .n-icon{width: 100%;}
.md21654.md-capabilities1 .n-icon img{height: .8rem;}
.md21654.md-capabilities1 .n-text{width: 100%;padding-top: .25rem;}
.md21654.md-capabilities1 .n-name{width: 100%;color: #ffffff;font-weight: bold;line-height: 1.5;}

@media (max-width: 750px) {
  .md21654.md-capabilities1 .n-item{flex: none;width: 50%;min-height: .3rem;border-bottom: 1px solid rgba(255,255,255,.25);}
}

/* 为什么选择-能力-板块2 */
.md21655.md-capabilities2{width: 100%;padding: .95rem 0 1rem; background-color: #000;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md21655.md-capabilities2 img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21655.md-capabilities2 .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21655.md-capabilities2 .my-top{width: 100%;padding-bottom: .55rem;text-align: center;}
.md21655.md-capabilities2 .my-titles{width: 100%;color: #ffffff;font-weight: bold;line-height: 1.25;}
.md21655.md-capabilities2 .my-synopsis{width: 100%;padding-top: .1rem;color: #ffffff;line-height: 1.75;}
.md21655.md-capabilities2 .o-cont{width: calc(100% + .3rem);position: relative;left: -.15rem;}
.md21655.md-capabilities2 .o-item{width: 50%;height: auto;padding: 0 .15rem;}
.md21655.md-capabilities2 .o-link{display: block;width: 100%;height: 100%;background-color: #ffffff;}
.md21655.md-capabilities2 .o-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(480/785*100%);}
.md21655.md-capabilities2 .o-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md21655.md-capabilities2 .o-text{width: 100%;padding: .3rem .3rem .35rem; border-top: 1px solid rgba(0,0,0,.08);} 
.md21655.md-capabilities2 .o-name{position: relative;width: 100%;padding-bottom: .15rem;margin-bottom: .3rem; color: #111111;font-weight: bold;line-height: 1.4;}
.md21655.md-capabilities2 .o-name:after{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .03rem;background-color: var(--active);}
.md21655.md-capabilities2 .o-intro{width: 100%;color: #666666;line-height: 1.75;}

@media (max-width: 750px) {
   .md21655.md-capabilities2 .o-item{width: 80%;}
}

/* 为什么选择-能力-板块3 */
.md21656.md-capabilities3{width: 100%;padding: .95rem 0 1rem;background-color: #f7f7f7;}
.md21656.md-capabilities3 img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21656.md-capabilities3 .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21656.md-capabilities3 .my-top{width: 100%;padding-bottom: .55rem;text-align: center;}
.md21656.md-capabilities3 .my-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.25;}
.md21656.md-capabilities3 .my-synopsis{width: 100%;padding-top: .1rem;max-width: 47em;margin: 0 auto;color: #666666;line-height: 1.75;}
.md21656.md-capabilities3 .p-cont{width: calc(100% + .2rem);position: relative;left: -.1rem;}
.md21656.md-capabilities3 .p-item{width: 20%;height: auto;padding: 0 .1rem;}
.md21656.md-capabilities3 .p-link{display: block;cursor: pointer; width: 100%;}
.md21656.md-capabilities3 .p-imgbox{width: 100%;padding: .6rem;background-color: #ffffff;}
.md21656.md-capabilities3 .p-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(254/180*100%);}
.md21656.md-capabilities3 .p-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.md21656.md-capabilities3 .p-text{width: 100%;padding: .2rem;}
.md21656.md-capabilities3 .p-name{width: 100%;color: #111111;font-weight: bold;line-height: 1.5;}
.md21656.md-capabilities3 .p-buttom{width: 100%;display: flex;align-items: center;margin-top: .35rem;}
.md21656.md-capabilities3 .p-lt{position: relative;width: 1.1rem;height: .5rem;}
.md21656.md-capabilities3 .p-rt{flex: 1;padding-left: .4rem;}
.md21656.md-capabilities3 .p-prev{transition: all  .3s;margin-top: -.25rem;left:  0;width: .5rem;height: .5rem;border-radius: 50%;background-color: #ffffff;background-image: url('../images/a16-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.md21656.md-capabilities3 .p-prev:hover{background-image: url('../images/a16.png');background-color: var(--theme);}
.md21656.md-capabilities3 .p-next{transform: rotate(-180deg);transition: all  .3s;margin-top: -.25rem;right:  0;width: .5rem;height: .5rem;border-radius: 50%;background-color: #ffffff;background-image: url('../images/a16-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.md21656.md-capabilities3 .p-next:hover{background-image: url('../images/a16.png');background-color: var(--theme);}
.md21656.md-capabilities3 .p-scrollbar{position: relative;width: 100%;height: 2px;background-color: rgba(0,0,0,.08);}
.md21656.md-capabilities3 .p-scrollbar .swiper-scrollbar-drag{background-color: var(--theme);}
.md21656.md-capabilities3 .p-big_img{width: 100%;}
.md21656.md-capabilities3 .p-big_img img{width: 100%;}
@media (max-width: 750px) {
   .md21656.md-capabilities3 .p-item{width: 50%;}
   .md21656.md-capabilities3 .p-imgbox{padding: .3rem;}
}
