/* 成为我们的分销商 */
.md22697.j-main{width: 100%;padding: 1rem 0 .8rem; background-color: #f7f7f7;}
.md22697.j-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md22697.j-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md22697.j-main .my-top{width: 100%;width: 100%;padding-bottom: .55rem;text-align: center;}
.md22697.j-main .my-titles{font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.27;}
.md22697.j-main .my-synopsis{font-family: Montserrat-Light;width: 100%;padding-top: .15rem;color: #666666;line-height: 1.75;}
.md22697.j-main .j-cont{width: 100%;} 
.md22697.j-main .j-item{display: flex;align-items: center;flex-wrap: wrap;width: 100%;margin-bottom: .2rem;background-color: #ffffff;}
.md22697.j-main .j-imgbox{width: 50%;}
.md22697.j-main .j-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(450/800*100%);}
.md22697.j-main .j-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md22697.j-main .j-text{width: 50%;padding: .15rem .8rem;}
.md22697.j-main .j-box{position: relative;width: 100%;padding-bottom: .25rem;margin-bottom: .35rem;}
.md22697.j-main .j-box:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: rgba(0,0,0,.08);}
.md22697.j-main .j-box:after{content: '';position: absolute;bottom: 0;left: 0;width:.4rem;height: 3px;background-color: var(--active);} 
.md22697.j-main .j-name{font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.4;}
.md22697.j-main .j-intro{font-family: Montserrat-Light;width: 100%;color: #666666;line-height: 1.8;}
.md22697.j-main .j-intro *{line-height: inherit;}
.md22697.j-main .j-item:nth-child(2n){flex-direction: row-reverse;} 
.md22697.j-main .j-item:hover .j-img img{transform: scale(1.05);}
@media (max-width: 750px) {
    .md22697.j-main .j-imgbox{width: 100%;}
    .md22697.j-main .j-text{width: 100%;padding: .3rem;}
}

/* 与经销商共同成长 */
.md22698.k-main{width: 100%;padding: 1rem 0 .8rem;min-height: 9.1rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md22698.k-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md22698.k-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md22698.k-main .my-top{width: 100%;width: 100%;padding-bottom: .65rem;text-align: center;}
.md22698.k-main .my-titles{font-family: Montserrat-SemiBold;width: 100%;color: #111111;line-height: 1.27;}
.md22698.k-main .my-synopsis{font-family: Montserrat-Light;width: 100%;padding-top: .15rem;color: #666666;line-height: 1.75;}
.md22698.k-main .k-cont{width: 100%;position: relative;min-height: 6rem;}
.md22698.k-main .k-top{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: .9rem;}
.md22698.k-main .k-top:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #fff;border: 1px dashed rgba(15,175,155,.6);box-shadow: 0 0 .6rem 0px rgba(15,175,155, .1);}
.md22698.k-main .k-logobox{position: relative;z-index: 1;display: inline-block;padding: .6rem; border-radius: 50%;background-color: #f3fbfa;border: 1px solid rgba(15,175,155,.1);}
.md22698.k-main .k-logo{display: flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;border-radius: 50%;background-color: #ffffff;box-shadow: .05rem .09rem .4rem 0px rgba(0, 0, 0, 0.05);}
.md22698.k-main .k-logo img{max-width: 75%;max-height: 75%;}
.md22698.k-main .k-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md22698.k-main .k-item{width: 50%;padding-right: 1.9rem;margin-top: .7rem;}
.md22698.k-main .k-box{display: flex;justify-content: space-between;align-items: flex-start;width: 100%;min-height: 2.1rem; position: relative;z-index: 18;}
.md22698.k-main .k-iconbox{display: block;padding: .15rem;border-radius: 50%;border: dashed 1px var(--theme);}
.md22698.k-main .k-icon{display: flex;align-items: center;justify-content: center;width: 1.1rem;height: 1.1rem;border-radius: 50%;background-color: var(--theme);}
.md22698.k-main .k-icon img{width: 100%;height: 100%;object-fit: contain;}
.md22698.k-main .k-text{width: calc(100% - 2rem);padding-top: .15rem;}
.md22698.k-main .k-name{font-family: Montserrat-SemiBold;transition: all .3s;width: 100%;margin-bottom: .25rem;position: relative;color: #111111;line-height: 1.4;}
.md22698.k-main .k-name:after{content: '';position: absolute;left: -.3rem;bottom: -.1rem;width: 100%;height: .32rem;background-image: url('../images/a20.png');background-size: auto 100%;background-position: top left;background-repeat: no-repeat;}
.md22698.k-main .k-intro{font-family: Montserrat-Light;width: 100%;color: #666666;line-height: 1.75;}
.md22698.k-main .k-item .k-box:hover .k-name{color: var(--active);}
.md22698.k-main .k-item .k-box:hover .k-name:after{background-image: url('../images/a20-b.png');}
.md22698.k-main .k-item .k-box:hover .k-iconbox{border: dashed 1px var(--active);}
.md22698.k-main .k-item .k-box:hover .k-icon{background-color: var(--active);}

/* 360度旋转 */
.md22698.k-main .k-top:before{animation: ratate_360md22698 5s linear infinite;}  
@keyframes ratate_360md22698 {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@media (min-width: 750px) {
    .md22698.k-main .k-item:nth-child(2n){padding-left: 1.9rem;padding-right: 0;}

    .md22698.k-main .k-item:nth-child(2n + 1) .k-box{flex-direction: row-reverse;text-align: right;}

    .md22698.k-main .k-item:nth-child(4n + 1)  .k-name:after{left: auto;right: -.3rem;background-image: url('../images/a19.png');background-position: top right;}
    .md22698.k-main .k-item:nth-child(4n + 1)  .k-box:hover .k-name:after{background-image: url('../images/a19-b.png');}

    .md22698.k-main .k-item:nth-child(4n + 2) .k-name:after{background-image: url('../images/a20-b.png');}
    .md22698.k-main .k-item:nth-child(4n + 2) .k-iconbox{border: dashed 1px var(--active);}
    .md22698.k-main .k-item:nth-child(4n + 2) .k-icon{background-color: var(--active);}

    .md22698.k-main .k-item:nth-child(4n + 2) .k-box:hover .k-name{color: var(--theme);}
    .md22698.k-main .k-item:nth-child(4n + 2) .k-box:hover .k-name:after{background-image: url('../images/a20.png');}
    .md22698.k-main .k-item:nth-child(4n + 2) .k-box:hover .k-iconbox{border: dashed 1px var(--theme);}
    .md22698.k-main .k-item:nth-child(4n + 2) .k-box:hover .k-icon{background-color: var(--theme);}

    .md22698.k-main .k-item:nth-child(4n + 3){margin-top: 1.1rem;}
    .md22698.k-main .k-item:nth-child(4n + 3)  .k-name:after{left: auto;right: -.3rem;background-image: url('../images/a19-b.png');background-position: top right;}
    .md22698.k-main .k-item:nth-child(4n + 3) .k-iconbox{border: dashed 1px var(--active);}
    .md22698.k-main .k-item:nth-child(4n + 3) .k-icon{background-color: var(--active);}
    .md22698.k-main .k-item:nth-child(4n + 4){margin-top: 1.1rem;}

    .md22698.k-main .k-item:nth-child(4n + 3) .k-box:hover .k-name{color: var(--theme);}
    .md22698.k-main .k-item:nth-child(4n + 3) .k-box:hover .k-name:after{background-image: url('../images/a19.png');}
    .md22698.k-main .k-item:nth-child(4n + 3) .k-box:hover .k-iconbox{border: dashed 1px var(--theme);}
    .md22698.k-main .k-item:nth-child(4n + 3) .k-box:hover .k-icon{background-color: var(--theme);}
}

@media (max-width: 750px) {
    .md22698.k-main .k-top{position: relative;top: 0;left: 0;transform: translate(0,0);display: flex;justify-content: center;padding: 0;border-radius: 50%;background-color: #fff;border: none;box-shadow: none;}
    .md22698.k-main .k-top:before{display: none;}
    .md22698.k-main .k-logobox{box-shadow: 0 0 .6rem 0px rgba(15,175,155, .1);}
    .md22698.k-main .k-item{width: 100%;padding-right: 0;}
    .md22698.k-main .k-item:nth-child(2n) .k-name:after{background-image: url('../images/a20-b.png');}
    .md22698.k-main .k-item:nth-child(2n) .k-iconbox{border: dashed 1px var(--active);}
    .md22698.k-main .k-item:nth-child(2n) .k-icon{background-color: var(--active);}
    .md22698.k-main .k-item:nth-child(2n) .k-box:hover .k-name{color: var(--theme);}
    .md22698.k-main .k-item:nth-child(2n) .k-box:hover .k-name:after{background-image: url('../images/a20.png');}
    .md22698.k-main .k-item:nth-child(2n) .k-box:hover .k-iconbox{border: dashed 1px var(--theme);}
    .md22698.k-main .k-item:nth-child(2n) .k-box:hover .k-icon{background-color: var(--theme);}
}