/* 案例-详情-板块1 */
.md21481.md-case_details{width: 100%;background-color: #000;}
.md21481.md-case_details img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21481.md-case_details .wg-cont{position: relative;width: 100%;}
.md21481.md-case_details .wg-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(900/1920*100%);}
.md21481.md-case_details .wg-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md21481.md-case_details .wg-bottom{position: absolute;bottom: .6rem;left: 50%;transform: translate(-50%,0);width: 16rem;max-width: 92%;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;}
.md21481.md-case_details .wg-left{flex: 1;padding-right: .5rem;}
.md21481.md-case_details .wg-titles{width: 100%;max-width: 13em;color: #ffffff;line-height: 1.16;font-weight: bold;}
.md21481.md-case_details .wg-tipbox{width: 100%;}
.md21481.md-case_details .wg-tip{display: inline-block;vertical-align: middle;margin-right: .8rem;margin-top: .15rem;color: #ffffff;line-height: 1.5;}
.md21481.md-case_details .wg-share{display: inline-block;vertical-align: middle;margin-top: .15rem;}
.md21481.md-case_details .wg-share_tip{display: inline-block;vertical-align: middle;margin-right: .15rem;color: #ffffff;line-height: 1.5;}
.md21481.md-case_details .wg-share_list{display: inline-block;vertical-align: middle;}
.md21481.md-case_details .wg-share_item{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .15rem;}
.md21481.md-case_details .wg-share_item:last-child{margin-right: 0;}
.md21481.md-case_details .wg-share_icon{display: inline-block;vertical-align: middle;border-radius: 50%;border: solid 1px rgba(255,255,255,.2);}
.md21481.md-case_details .wg-share_icon img{width: .5rem;height: .5rem;object-fit: contain;}
.md21481.md-case_details .wg-share_item:hover .wg-share_icon{background-color: var(--theme);border: solid 1px var(--theme);}

.md21481.md-case_details .wg-right{font-size: 0;}
.md21481.md-case_details .wg-buttom{transition: all  .3s;display: inline-block;cursor: pointer;padding: 0 .25rem;color: #111111;line-height: .5rem;border-radius: .25rem;background-color: #ffffff;}
.md21481.md-case_details .wg-buttom:hover{color: #fff;background-color: var(--theme);}

@media (max-width: 750px) {
   .md21481.md-case_details .wg-bottom{bottom: .15rem;}
   .md21481.md-case_details .wg-left{flex: none;width: 100%;}
   .md21481.md-case_details .wg-tip{margin-right: .3rem;}
   .md21481.md-case_details .wg-right{width: 100%;margin-top: .15rem;}
   .md21481.md-case_details .wg-buttom{line-height: .6rem;border-radius: .3rem;}
}

/* 图片库 */
.md21481.xb-main{opacity: 0;z-index: -1;visibility: hidden;transition: all .5s;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;}
.md21481.xb-main.show{opacity: 1;z-index: 388;visibility: visible;}
.md21481.xb-main .xb-shade{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;}
.md21481.xb-main .xb-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 18rem;max-width: calc(100% - .6rem);}
.md21481.xb-main .xb-close{transition: all .3s;position: absolute;top: .3rem;left: .6rem;z-index: 8;display: block;cursor: pointer;width: .4rem;height: .4rem;border-radius: 50%;background-color: #ffffff;border: solid 1px rgba(0,0,0,.08);background-image: url('../images/a41.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md21481.xb-main .xb-close:hover{background-image: url('../images/a41-b.png');border: solid 1px var(--theme);background-color: var(--theme);}
.md21481.xb-main .xb-cont{width: 100%;max-height: 98vh;overflow: auto;}
.md21481.xb-main .xb-swiperbox1{width: 100%;position: relative;}
.md21481.xb-main .xb-swiper{width: 12.8rem;max-width: calc(100% - 1.2rem);}
.md21481.xb-main .xb-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(600/1280*100%);}
.md21481.xb-main .xb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.md21481.xb-main .xb-prev{transition: all  .3s;margin-top: -.25rem;left:  0;width: .5rem;height: .5rem;border-radius: 50%;background-color: #f3f3f3;background-image: url('../images/a16-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.md21481.xb-main .xb-prev:hover{background-image: url('../images/a16.png');background-color: var(--theme);}
.md21481.xb-main .xb-next{transition: all  .3s;transform: rotate(-180deg);margin-top: -.25rem;right:  0;width: .5rem;height: .5rem;border-radius: 50%;background-color: #f3f3f3;background-image: url('../images/a16-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.md21481.xb-main .xb-next:hover{background-image: url('../images/a16.png');background-color: var(--theme);}
.md21481.xb-main .xb-swiperbox2{width: 100%;padding-top: .8rem;}
.md21481.xb-main .xb-swiper2{width: 12.9rem;max-width: calc(100% - 1.1rem);}
.md21481.xb-main .xb-nav{display: block;cursor: pointer;width: auto;padding: 0 .05rem;}
.md21481.xb-main .xb-bg{display: block;}
.md21481.xb-main .xb-bg img{height: 1.4rem;}

/* 案例-详情-板块2 */
.md21482.md-case_details2{width: 100%;padding: 1rem 0 1.1rem; background-color: #f7f7f7;}
.md21482.md-case_details2 img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21482.md-case_details2 .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21482.md-case_details2 .wh-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md21482.md-case_details2 .wh-left{width: calc(1060/1600*100%);}
.md21482.md-case_details2 .wh-textbox{width: calc(100% - .55rem);color: #666666;line-height: 1.75;}
.md21482.md-case_details2 .wh-textbox *{line-height: inherit;max-width: 100%;}
/* .md21482.md-case_details2 .wh-left{max-height: 5.9rem; overflow: auto;scrollbar-color:var(--theme)  rgba(0,0,0,.08);scrollbar-width: none;scrollbar-width: thin; }
.md21482.md-case_details2 .wh-left::-webkit-scrollbar {width:  5px;height: 1px;}
.md21482.md-case_details2 .wh-left::-webkit-scrollbar-thumb {border-radius: 3px;box-shadow: inset 0 0 3px rgba(0,0,0,.08);background: var(--theme);}
.md21482.md-case_details2 .wh-left::-webkit-scrollbar-track {box-shadow: inset 0 0 3px rgba(0,0,0,.08);border-radius: 3px; background: rgba(0,0,0,.08);} */

.md21482.md-case_details2 .wh-right{width: calc(405/1600*100%);}
.md21482.md-case_details2 .wh-list{position: sticky;top: 1.1rem;}
.md21482.md-case_details2 .wh-item{width: 100%;padding-bottom: .55rem;margin-bottom: .55rem;border-bottom: 1px solid rgba(0,0,0,.08);}
.md21482.md-case_details2 .wh-item:last-child{margin-bottom: 0;}
.md21482.md-case_details2 .wh-tip{width: 100%;margin-bottom: .25rem;color: #666666;line-height: 1.6;}
.md21482.md-case_details2 .wh-intro{width: 100%;color: #111111;font-weight: bold;line-height: 1.1;}

@media (max-width: 750px) {
   .md21482.md-case_details2 .wh-left{width: 100%;margin-bottom: .5rem;}
   .md21482.md-case_details2 .wh-right{width: 100%;}
}

/* 推荐产品 */
.md21483.md-recommend_products{position: relative;width: 100%;padding: .95rem 0 .9rem;}
.md21483.md-recommend_products img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21483.md-recommend_products .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21483.md-recommend_products .my-top{width: 100%;padding-bottom: .5rem;text-align: center;}
.md21483.md-recommend_products .my-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.25;}
.md21483.md-recommend_products .my-synopsis{width: 100%;margin-top: .1rem;color: #666666;line-height: 1.75;}
.md21483.md-recommend_products .my-id{position: absolute;top: -1rem;}
.md21483.md-recommend_products .wi-cont{width: calc(100% + .2rem);position: relative;left: -.1rem;}
.md21483.md-recommend_products .wi-swiper{width: 100%;}
.md21483.md-recommend_products .wi-item{width: 25%;padding: 0 .1rem;}
.md21483.md-recommend_products .wi-link{display: block;cursor: pointer;width: 100%;}
.md21483.md-recommend_products .wi-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(480/385*100%);}
.md21483.md-recommend_products .wi-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md21483.md-recommend_products .wi-text{width: 100%;padding: .2rem .2rem 0;}
.md21483.md-recommend_products .wi-box{width: 100%;position: relative;padding-bottom: .15rem;margin-bottom: .25rem;}
.md21483.md-recommend_products .wi-box:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: rgba(0,0,0,.08);}
.md21483.md-recommend_products .wi-box:after{content: '';position: absolute;bottom: 0;left: 0;width: .5rem;height: 3px;background-color: var(--active);}
.md21483.md-recommend_products .wi-classes{width: 100%;margin-bottom: .05rem;color: var(--theme);line-height: 1.6;}
.md21483.md-recommend_products .wi-name{transition: all  .3s; width: 100%;margin-bottom: .05rem;color: #111111;font-weight: bold;line-height: 1.4;}
.md21483.md-recommend_products .wi-size{width: 100%;margin-bottom: .05rem;color: #666666;line-height: 1.75;word-break: break-all;}
.md21483.md-recommend_products .wi-intro{width: 100%;color: #666666;line-height: 1.75;}
.md21483.md-recommend_products .wi-link:hover .wi-img img{transform: scale(1.05);}
.md21483.md-recommend_products .wi-link:hover .wi-name{color: var(--theme);}
.md21483.md-recommend_products .wi-prev{transition: all  .3s;top: 2.15rem;margin-top: 0;left:  -.9rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: #f3f3f3;background-image: url('../images/a16-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.md21483.md-recommend_products .wi-prev:hover{background-image: url('../images/a16.png');background-color: var(--theme) !important;}
.md21483.md-recommend_products .wi-next{transition: all  .3s;transform: rotate(-180deg);top: 2.15rem;margin-top: 0;right:  -.9rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: #f3f3f3;background-image: url('../images/a16-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.md21483.md-recommend_products .wi-next:hover{background-image: url('../images/a16.png');background-color: var(--theme) !important;}
.md21483.md-recommend_products .wi-bottom{width: 100%;text-align: center;padding-top: .7rem;}
.md21483.md-recommend_products .wi-more{transition: all  .3s;display: inline-block;cursor: pointer; padding: 0 .38rem;color: #111111;line-height: .5rem;border-radius: .25rem;background-color: #ffffff;}
.md21483.md-recommend_products .wi-more:hover{color: #fff;background-color: var(--theme);}

/* 推荐案例 */
.md21484.md-recommend_projects{position: relative;overflow: hidden;width: 100%;padding: .95rem 0 1rem;background-color: #f7f7f7;}
.md21484.md-recommend_projects img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21484.md-recommend_projects .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21484.md-recommend_projects .my-top{width: 100%;padding-bottom: .5rem;text-align: center;}
.md21484.md-recommend_projects .my-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.25;}
.md21484.md-recommend_projects .my-synopsis{width: 100%;margin-top: .1rem;color: #666666;line-height: 1.75;}
.md21484.md-recommend_projects .my-id{position: absolute;top: -1rem;}
.md21484.md-recommend_projects .wj-cont{width: calc(100% + .3rem);position: relative;left: -.15rem;}
.md21484.md-recommend_projects .wj-swiper{width: 100%;overflow: visible;}
.md21484.md-recommend_projects .wj-item{display: block;position: relative;width: 33.33%;height: auto;padding: 0 .15rem;}
.md21484.md-recommend_projects .wj-link{display: block;cursor: pointer;width: 100%;height: 100%;background-color: #fff;}
.md21484.md-recommend_projects .wj-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(490/785*100%);}
.md21484.md-recommend_projects .wj-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
/* .md21484.md-recommend_projects .wj-text{width: 100%;padding: 0 1.8rem .25rem .3rem;background-color: #fff;} */
/* .md21484.md-recommend_projects .wj-text:after{opacity:  0;transition: all .3s; content: '';position: absolute;bottom: .35rem;right: .3rem;width: .5rem;height: .5rem;border-radius: 50%;border: solid 1px rgba(255,255,255,.3);background-image: url('../images/a1-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;} */
.md21484.md-recommend_projects .wj-text{width: 100%;padding: .25rem .3rem;}
.md21484.md-recommend_projects .wj-namebox{width: 100%;position: relative;}
.md21484.md-recommend_projects .wj-name{transition: all .3s;width: 100%;margin-bottom: .1rem;color: #111111;font-weight: bold;line-height: 1.4;}
.md21484.md-recommend_projects .wj-intro{width: 100%;color: #666666;line-height: 1.75;}
.md21484.md-recommend_projects .wj-link:hover .wj-img img{transform: scale(1.05);}
.md21484.md-recommend_projects .wj-link:hover .wj-name{color: var(--theme);}

.md21484.md-recommend_projects .wj-prev{transition: all  .3s;margin-top: -.25rem;left:  -.95rem;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;}
.md21484.md-recommend_projects .wj-prev:hover{background-image: url('../images/a16.png');background-color: var(--theme) !important;}
.md21484.md-recommend_projects .wj-next{transition: all  .3s;transform: rotate(-180deg);margin-top: -.25rem;right:  -.95rem;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;}
.md21484.md-recommend_projects .wj-next:hover{background-image: url('../images/a16.png');background-color: var(--theme) !important;}

.md21484.md-recommend_projects.white{background-color: #fff;}
.md21484.md-recommend_projects.white .wj-prev{background-color: #f3f3f3;}
.md21484.md-recommend_projects.white .wj-next{background-color: #f3f3f3;}
.md21484.md-recommend_projects.white .wj-link{background-color: #f3f3f3;}


.md21484.md-recommend_projects.product{background-color: #000;}
.md21484.md-recommend_projects.product .my-titles{color: #fff;}
.md21484.md-recommend_projects.product .my-synopsis{color: #fff;} 

@media (min-width: 750px) {
  .md21484.md-recommend_projects .wj-link:hover .wj-text:after{opacity: 1;}
}
@media (max-width: 1150px) {
    .md21484.md-recommend_projects .wj-cont{padding-bottom: .8rem;}
    .md21484.md-recommend_projects .wj-prev{top: auto;margin-top: 0;bottom: 0;left: calc(50% - .8rem);}
    .md21484.md-recommend_projects .wj-next{top: auto;margin-top: 0;bottom: 0;right: calc(50% - .8rem);}
}
@media (max-width: 750px) {
    .md21484.md-recommend_projects .wj-swiper{overflow: hidden;}
    .md21484.md-recommend_projects .wj-item{width: 100%;}
    .md21484.md-recommend_projects .wj-text{padding: .25rem .3rem;}
}