
/* 解决方案-详情 */
.md36735.o-main{width: 100%;padding:  1.2rem 0 .4rem; background-color: #f5f9fb;background-size: 80.1% auto;background-position: bottom right;background-repeat: no-repeat;}
.md36735.o-main .layout{width: 12.8rem;max-width: 92%;margin: 0 auto;} 
.md36735.o-main img{display: inline-block;vertical-align:middle;max-width: 100%;} 
.md36735.o-main .o-top{width: 100%;margin-bottom: .4rem;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.md36735.o-main .o-left{width: 6rem;}  
.md36735.o-main .o-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(360/600*100%);border-radius: .2rem;}
.md36735.o-main .o-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md36735.o-main .o-right{width: calc(100% - 6.75rem);}
.md36735.o-main .o-titles{width: 100%;margin-bottom: .1rem;color: #333333;font-weight: bold;line-height: 1.27;}
.md36735.o-main .o-textbox{width: 100%;color: #666666;line-height: 1.6;}
.md36735.o-main .o-textbox *{line-height: inherit;}
.md36735.o-main .o-navbox{position: sticky;top: 1rem;left: 0;z-index: 28;width: 100%;font-size: 0;padding: .1rem .2rem 0;margin-bottom: .35rem;background-color: #ffffff;border-radius: .08rem .08rem 0 0;}
.md36735.o-main .o-nav{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin-right: .05rem;padding: 0 .45rem;color: #333333;line-height: .5rem;border-radius: .08rem .08rem 0 0;}
.md36735.o-main .o-nav:after{content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);width: 0;height: .02rem;background-color: var(--theme);}
.md36735.o-main .o-nav.active{color: var(--theme);background-color: #f5f9fb;}
.md36735.o-main .o-nav.active:after{width: calc(100% - .5rem);} 
.md36735.o-main .o-bottom{width: 100%;}
.md36735.o-main .o-one{width: 100%;}
.md36735.o-main .o-box{display: flex;align-items: center;padding-bottom: .2rem;}
.md36735.o-main .o-lt{flex: 1;}
.md36735.o-main .o-subtitle{width: 100%;color: #333333;font-weight: bold;line-height: 1.27;}
.md36735.o-main .o-synopsis{width: 100%;padding-top: .1rem;color: #666666;line-height: 1.6;}
.md36735.o-main .o-rt{padding-bottom: .05rem;}
.md36735.o-main .o-more{display: inline-block;cursor: pointer;padding: 0 .3rem;color: #333333; line-height: .5rem;background-color: #ffffff;border-radius: .25rem;}
.md36735.o-main .o-more svg{display: inline-block;vertical-align: middle;margin-left: .4rem;width: .5em;color: #333333;}
.md36735.o-main .o-more:hover{background-color: var(--theme);color: #fff;}
.md36735.o-main .o-more:hover svg{color: #fff;}  

.md36735.o-main .oa-main{width: 100%;padding-top: .15rem;padding-bottom: .35rem;}
.md36735.o-main .oa-cont{position: relative;left: -.12rem;width: calc(100% + .24rem);display: flex;justify-content: center;flex-wrap: wrap;}
.md36735.o-main .oa-item{display: block;width: 33.33%;padding: 0 .12rem;margin-bottom: .2rem;}
.md36735.o-main .oa-box{display: flex;flex-wrap: wrap;align-items: center;width: 100%;height: 100%;padding: .3rem .5rem;background-color: #ffffff;box-shadow: .02rem .02rem .1rem 0 rgba(0, 0, 0, 0.1);border-radius: .08rem;}
.md36735.o-main .oa-iconbox{position: relative;padding: .06rem;border-radius: 50%;}
.md36735.o-main .oa-iconbox:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: var(--theme);opacity: .2;}
.md36735.o-main .oa-icon{display: block;position: relative;z-index: 1;width: .68rem;height: .68rem;border-radius: 50%;background-color: var(--theme);}
.md36735.o-main .oa-icon img{width: 100%;height: 100%;object-fit: contain;}
.md36735.o-main .oa-text{flex: 1;padding-left: .32rem;}
.md36735.o-main .oa-nub{display: none;width: 100%;margin-bottom: .15rem;color: var(--theme);line-height: 1.27;font-weight: bold;font-style: italic;}
.md36735.o-main .oa-intro{width: 100%;color: #666666;line-height: 1.6;text-align: justify;}
.md36735.o-main .oa-intro span{font-weight: bold;}

@media (min-width: 750px) {
    .md36735.o-main .oa-main.cont4 .oa-cont{left: -.1rem;width: calc(100% + .2rem);}
    .md36735.o-main .oa-main.cont4 .oa-item{width: 50%; }
    /* .md36735.o-main .oa-main.cont4 .oa-box{padding: .7rem .5rem; border-radius: .16rem;}
    .md36735.o-main .oa-main.cont4 .oa-iconbox{padding: .09rem;margin-bottom: .3rem;}
    .md36735.o-main .oa-main.cont4 .oa-icon{width: 1.02rem;height: 1.02rem;}
    .md36735.o-main .oa-main.cont4 .oa-text{flex: none;width: 100%;padding-left: 0;}  */

    .md36735.o-main .oa-main.cont2 .oa-cont{left: -.1rem;width: calc(100% + .2rem);}
    .md36735.o-main .oa-main.cont2 .oa-item{width: 50%;padding: 0 .1rem;}
    .md36735.o-main .oa-main.cont2 .oa-box{padding: .4rem .8rem;}
    .md36735.o-main .oa-main.cont2 .oa-iconbox{padding: .09rem;}
    .md36735.o-main .oa-main.cont2 .oa-icon{width: 1.02rem;height: 1.02rem;}
    .md36735.o-main .oa-main.cont2 .oa-text{padding-left: .5rem;}
    .md36735.o-main .oa-main.cont2 .oa-nub{display: block;}
}

.md36735.o-main .ob-main{width: 100%;padding-bottom: .4rem;}
.md36735.o-main .ob-cont{width: 100%;padding: .5rem;border-radius: .08rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md36735.o-main .ob-swiper{width: 100%;}
.md36735.o-main .ob-item{display: block;width: 100%;margin-right: 1px;}
.md36735.o-main .ob-item:last-child{margin-right: 0;}
.md36735.o-main .ob-link{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.md36735.o-main .ob-imgbox{width: 5.2rem;}
.md36735.o-main .ob-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(300/520*100%);border-radius: .08rem;}
.md36735.o-main .ob-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md36735.o-main .ob-text{width: calc(100% - 6.35rem);}
.md36735.o-main .ob-name{width: 100%;margin-bottom: .1rem;color: #333333;line-height: 1.5;}
.md36735.o-main .ob-intro{width: 100%;margin-bottom: .25rem;max-width: 30em;color: #666666;line-height: 1.6;}
.md36735.o-main .ob-buttom{position: relative;width: 1.2rem;height: .5rem;}
.md36735.o-main .ob-prev{transition: all  .3s;left: 0;margin-top: -.25rem;display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;background-color: #ffffff;background-size: 0 0;}
.md36735.o-main .ob-prev svg{transition: all  .3s;width: .08rem;color: #333333;}
.md36735.o-main .ob-prev:hover{background-color: var(--theme) !important;}
.md36735.o-main .ob-prev:hover svg{color: #fff;}
.md36735.o-main .ob-next{transition: all  .3s;right: 0;margin-top: -.25rem;display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;background-color: #ffffff;background-size: 0 0;}
.md36735.o-main .ob-next svg{transition: all  .3s;width: .08rem;color: #333333;}
.md36735.o-main .ob-next:hover{background-color: var(--theme) !important;}
.md36735.o-main .ob-next:hover svg{color: #fff;}


.md36735.o-main .oc-main{width: 100%;padding-bottom: .25rem;padding-top: .1rem;}
.md36735.o-main .oc-top{width: 100%;}
.md36735.o-main .oc-titles{width: 100%;margin-bottom: .4rem;color: #666666;line-height: 1.6;}
.md36735.o-main .oc-cont{position: relative;left: -.2rem;width: calc(100% + .4rem);display: flex;flex-wrap: wrap;justify-content: center;}
.md36735.o-main .oc-item{display: block;width: 33.33%;padding: 0 .2rem;margin-bottom: .65rem; position: relative;}
.md36735.o-main .oc-iconbox{position: absolute;top: -.33rem;left: 50%;transform: translate(-50%,0);padding: .07rem;}
.md36735.o-main .oc-iconbox:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--theme);border-radius: 50%;opacity: .2;}
.md36735.o-main .oc-icon{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;width: .88rem;height: .88rem;border-radius: 50%;background-color: var(--theme);}
.md36735.o-main .oc-icon img{width: 100%;height: 100%;object-fit: contain;}
.md36735.o-main .oc-box{display: block;width: 100%;height: 100%;padding: .85rem .25rem .25rem;text-align: center;background-color: #ffffff;box-shadow: .02rem .02rem .1rem 0px rgba(0, 0, 0, 0.1);border-radius: .08rem;}
.md36735.o-main .oc-text{width: 100%;}
.md36735.o-main .oc-name{width: 100%;color: #333333;font-weight: bold;line-height: 1.4;}
.md36735.o-main .oc-intro{width: 100%;padding-top: .1rem;color: #666666;line-height: 1.5;}
.md36735.o-main .oc-img{width: 100%;margin-bottom: .6rem;border-radius: .08rem;overflow: hidden;}
.md36735.o-main .oc-img img{width: 100%;}


.md36735.o-main .od-main{width: 100%;padding-bottom: .55rem;}
.md36735.o-main .od-cont{position: relative;width: 100%;}
.md36735.o-main .od-item{display: block;width: 28.9%;margin-right: 6.65%;}
.md36735.o-main .od-item:last-child{margin-right: 0;}
.md36735.o-main .od-link{display: block;cursor: pointer;width: 100%;text-align: center;}
.md36735.o-main .od-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(220/370*100%);border-radius: .08rem;}
.md36735.o-main .od-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md36735.o-main .od-text{width: 100%;padding-top: .15rem;}
.md36735.o-main .od-name{width: 100%;color: #333333;font-weight: bold;line-height: 1.5;}
.md36735.o-main .od-link:hover .od-img img{transform: scale(1.05);}
.md36735.o-main .od-link:hover .od-name{color: var(--theme);}

@media (max-width: 750px) {
  .md36735.o-main .o-left{width: 100%;margin-bottom: .3rem;}
  .md36735.o-main .o-right{width: 100%;}
  .md36735.o-main .o-navbox{white-space: nowrap;overflow: auto;}
  .md36735.o-main .o-nav{padding: 0 .35rem;}
  .md36735.o-main .o-more{line-height: .6rem;border-radius: .3rem;}

  .md36735.o-main .oa-item{width: 100%;}
  .md36735.o-main .oa-box{padding: .3rem;}

  .md36735.o-main .ob-cont{padding: .3rem;}
  .md36735.o-main .ob-imgbox{width: 100%;margin-bottom: .3rem;}
  .md36735.o-main .ob-text{width: 100%;}

  .md36735.o-main .oc-cont{width: calc(100% + .3rem);left: -.15rem;}
  .md36735.o-main .oc-item{width: 50%;padding: 0 .15rem;}

  .md36735.o-main .od-item{width: calc(50% - .15rem);margin-right: .3rem;}
}
