
/* 为什么选择-合作 */ 
.md21666.md-process{position: relative;width: 100%;padding: .95rem 0 1rem; background-color: #f7f7f7;}
.md21666.md-process img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21666.md-process .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21666.md-process .my-id{position: absolute;top: -1.8rem;}
.md21666.md-process .my-top{width: 100%;padding-bottom: .5rem;text-align: center;}
.md21666.md-process .my-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.25;}
.md21666.md-process .my-synopsis{width: 100%;padding-top: .1rem;color: #666666;line-height: 1.75;}
.md21666.md-process .u-cont{width: 100%;}
.md21666.md-process .u-swiper{width: 100%;}
.md21666.md-process .u-item{display: block;width: 12.5%;}
.md21666.md-process .u-link{display: block;cursor: pointer; width: 100%;}
.md21666.md-process .u-logo{width: 100%;position: relative;overflow: hidden;padding-top: calc(160/200*100%);border: solid 1px #eeeeee;}
.md21666.md-process .u-logo img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md21666.md-process .u-link:hover .u-logo img{transform: scale(1.05);}
.md21666.md-process .u-item:nth-child(2n + 1){padding-top: 1.6rem;}
@media (max-width: 750px) {
    .md21666.md-process .u-item{width: 2rem;}
    .md21666.md-process .u-logo{padding-top: 0;height: 1.6rem;}
}

/* 为什么选择-流程2 */ 
.md21667.md-process2{width: 100%;padding: .95rem 0 .4rem;}
.md21667.md-process2 img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21667.md-process2 .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21667.md-process2 .my-top{width: 100%;padding-bottom: .45rem;text-align: center;}
.md21667.md-process2 .my-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.25;}
.md21667.md-process2 .v-top{width: calc(100% + .2rem);position: relative;left: -.1rem;padding-bottom: .3rem;display: flex;flex-wrap: wrap;}
.md21667.md-process2 .v-item{display: block;width: 25%;padding: 0 .1rem;margin-bottom: .3rem;}
.md21667.md-process2 .v-item .v-box{width: 100%;height: 100%;text-align: center;padding: .6rem .3rem .5rem; background-color: #ffffff;box-shadow: 0px .1rem .5rem 0px rgba(0, 0, 0, 0.06);border: solid 1px #eeeeee;}
.md21667.md-process2 .v-item .v-icon{display: inline-block;border-radius: 50%;background-color: var(--theme);}
.md21667.md-process2 .v-item .v-icon img{width:  .8rem;height: .8rem;object-fit: contain;}
.md21667.md-process2 .v-item .v-text{width: 100%;padding-top: .3rem;}
.md21667.md-process2 .v-item .v-name{width: 100%;max-width: 18em;margin: 0 auto;color: #666666;line-height: 1.75;}
.md21667.md-process2 .v-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md21667.md-process2 .v-one{display: block;position: relative;width: calc(50% - .1rem);margin: .5rem 0 calc(.5rem + 30px);padding: .8rem .4rem .5rem; background-color: #ffffff;box-shadow: 0px .1rem .5rem 0px rgba(0, 0, 0, 0.06);border: solid 1px #eeeeee;}
.md21667.md-process2 .v-one:after{content: '';position: absolute;bottom: -28px;left: 0;width: 36px;height: 32px;background-image: url('../images/a33.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.md21667.md-process2 .v-one .v-imgbox{position: absolute;top: -.5rem;left: 0;width: 100%;padding: 0 .4rem;}
.md21667.md-process2 .v-one .v-img{display: block;}
.md21667.md-process2 .v-one .v-img img{width: 1rem;height: 1rem;object-fit: cover;border-radius: 50%;}
.md21667.md-process2 .v-one .v-box{position: relative;width: 100%;padding-bottom: .2rem;margin-bottom: .25rem;}
.md21667.md-process2 .v-one .v-box:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: rgba(0,0,0,.08);}
.md21667.md-process2 .v-one .v-box:after{content: '';position: absolute;bottom: 0;left: 0;width:.5rem;height: 3px;background-color: var(--active);}
.md21667.md-process2 .v-one .v-name{width: 100%;color: #111111;font-weight: bold;line-height: 1.5;}
.md21667.md-process2 .v-one .v-post{width: 100%;padding-top: .1rem;color: #666666;line-height: 1.75;}
.md21667.md-process2 .v-one .v-intro{width: 100%;color: #666666;line-height: 1.7;}
@media (max-width: 750px) {
  .md21667.md-process2 .v-item{width: 50%;}
  .md21667.md-process2 .v-one{width: 100%;}
}
