/* OEM/ODM定制流程 */
.md22700.i-main{width: 100%;padding: .95rem 0 .8rem; background-color: #f7f7f7;}
.md22700.i-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md22700.i-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md22700.i-main .my-top{width: 100%;width: 100%;padding-bottom: .55rem;text-align: center;}
.md22700.i-main .my-titles{font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.27;}
.md22700.i-main .my-synopsis{font-family: Montserrat-Light;width: 100%;padding-top: .15rem;color: #666666;line-height: 1.75;}
.md22700.i-main .my-synopsis *{line-height: inherit;}
.md22700.i-main .i-cont{width: 100%;}
.md22700.i-main .i-item{display: flex;align-items: center;flex-wrap: wrap;width: 100%;margin-bottom: .2rem;background-color: #ffffff;}
.md22700.i-main .i-imgbox{width: 50%;}
.md22700.i-main .i-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(600/800*100%);}
.md22700.i-main .i-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md22700.i-main .i-text{width: 50%;padding: .15rem .8rem;}
.md22700.i-main .i-box{position: relative;width: 100%;padding-bottom: .2rem;margin-bottom: .35rem;}
.md22700.i-main .i-box:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: rgba(0,0,0,.08);}
.md22700.i-main .i-box:after{content: '';position: absolute;bottom: 0;left: 0;width:.4rem;height: 3px;background-color: var(--active);}
.md22700.i-main .i-nub{font-family: Montserrat-SemiBold;width: 100%;margin-bottom: .3rem;color: #dcdcdc;line-height: 1;}
.md22700.i-main .i-name{font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.4;}
.md22700.i-main .i-intro{font-family: Montserrat-Light;width: 100%;color: #666666;line-height: 1.8;}
.md22700.i-main .i-intro *{line-height: inherit;}
.md22700.i-main .i-item:hover .i-img img{transform: scale(1.05);}
.md22700.i-main .i-item:nth-child(2n){flex-direction: row-reverse;} 
.md22700.i-main .i-bottom{width: 100%;padding: .75rem 0 0;}
.md22700.i-main .i-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md22700.i-main .i-one{display: block;cursor: pointer;width: calc(50% - .1rem);text-align: center;padding: .8rem .3rem;margin-bottom: .2rem;background-color: #ffffff;}
.md22700.i-main .i-icon{position: relative;top: 0;transition: all .3s; display: flex;align-items: center;justify-content: center;margin: 0 auto;width: .8rem;height: .8rem;border-radius: 50%;background-color: var(--theme);}
.md22700.i-main .i-icon img{width: 100%;height: 100%;object-fit: contain;}
.md22700.i-main .i-tip{font-family: Montserrat-SemiBold;width: 100%;margin-top: .2rem;color: #111111;line-height: 1.4;}
.md22700.i-main .i-email{display: inline-block;margin-top: .15rem;color: var(--active);line-height: 1.6;border-bottom: .02rem solid var(--active);}
.md22700.i-main .i-one:hover .i-icon{top: -.1rem;} 
@media (max-width: 900px) {
    .md22700.i-main .i-imgbox{width: 100%;}
    .md22700.i-main .i-text{width: 100%;padding: .3rem;}
}
@media (max-width:500px) {
    .md22700.i-main .i-one{width: 100%;}
}