/*! mod-banner start */

.md24643.mod-banner .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}.md24643.mod-banner .icon.reverse-x{transform:rotateY(180deg)}.md24643.mod-banner .icon.reverse-y{transform:rotateX(180deg)}.md24643.mod-banner .icon.white{filter:grayscale(1) brightness(15)}.md24643.mod-banner .icon.black{filter:grayscale(1) brightness(0)}.md24643.mod-banner .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}.md24643.mod-banner .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}.md24643.mod-banner .icon img:nth-child(2),.md24643.mod-banner .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}.md24643.mod-banner .hover-icon:hover.icon img:first-child,.md24643.mod-banner .hover-icon:hover .icon img:first-child,.md24643.mod-banner .active-icon.icon img:first-child,.md24643.mod-banner .active-icon .icon img:first-child{opacity:0}.md24643.mod-banner .hover-icon:hover.icon img:last-child,.md24643.mod-banner .hover-icon:hover .icon img:last-child,.md24643.mod-banner .active-icon.icon img:last-child,.md24643.mod-banner .active-icon .icon img:last-child{opacity:1}.md24643.mod-banner .cn-wh,.md24643.mod-banner .cn-w,.md24643.mod-banner .cv-wh,.md24643.mod-banner .cv-w{display:block;width:100%}.md24643.mod-banner .cn-wh,.md24643.mod-banner .cn-h,.md24643.mod-banner .cv-wh,.md24643.mod-banner .cv-h{display:block;height:100%}.md24643.mod-banner .cn-wh,.md24643.mod-banner .cn-w,.md24643.mod-banner .cn-h{object-fit:cover}.md24643.mod-banner .cv-wh,.md24643.mod-banner .cv-w,.md24643.mod-banner .cv-h{object-fit:cover}.md24643.mod-banner .pic-box{max-width:100%;max-height:100%}.md24643.mod-banner .pic-box img{max-width:100%;max-height:100%}.md24643.mod-banner.wrap,.md24643.mod-banner .wrap{padding-left:4%;padding-right:4%;max-width:100%}.md24643.mod-banner .area{margin:0 auto;width:100%;max-width:14rem}.md24643.mod-banner button,.md24643.mod-banner input,.md24643.mod-banner textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}.md24643.mod-banner button{cursor:pointer}.md24643.mod-banner img{opacity:0;transition:.3s}.md24643.mod-banner img[src]{opacity:1}.md24643.mod-banner .hide{display:none}.md24643.mod-banner .bold{font-weight:bold}.md24643.mod-banner .color-t{color:#333}.md24643.mod-banner{position:relative}.md24643.mod-banner .banner-pic{height:9.4rem}.md24643.mod-banner .cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5}.md24643.mod-banner .content{width:4.8rem;max-width:100%;text-align:center;color:#fff}.md24643.mod-banner .title{line-height:1.2}.md24643.mod-banner .subtitle{line-height:1.5}.md24643.mod-banner .info{line-height:1.6666666667;margin-top:.39rem}

/*! mod-banner end */

/*! case-view start */

.md24640.case-view .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}.md24640.case-view .icon.reverse-x{transform:rotateY(180deg)}.md24640.case-view .icon.reverse-y{transform:rotateX(180deg)}.md24640.case-view .icon.white{filter:grayscale(1) brightness(15)}.md24640.case-view .icon.black{filter:grayscale(1) brightness(0)}.md24640.case-view .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}.md24640.case-view .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}.md24640.case-view .icon img:nth-child(2),.md24640.case-view .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}.md24640.case-view .hover-icon:hover.icon img:first-child,.md24640.case-view .hover-icon:hover .icon img:first-child,.md24640.case-view .active-icon.icon img:first-child,.md24640.case-view .active-icon .icon img:first-child{opacity:0}.md24640.case-view .hover-icon:hover.icon img:last-child,.md24640.case-view .hover-icon:hover .icon img:last-child,.md24640.case-view .active-icon.icon img:last-child,.md24640.case-view .active-icon .icon img:last-child{opacity:1}.md24640.case-view .cn-wh,.md24640.case-view .cn-w,.md24640.case-view .cv-wh,.md24640.case-view .cv-w{display:block;width:100%}.md24640.case-view .cn-wh,.md24640.case-view .cn-h,.md24640.case-view .cv-wh,.md24640.case-view .cv-h{display:block;height:100%}.md24640.case-view .cn-wh,.md24640.case-view .cn-w,.md24640.case-view .cn-h{object-fit:contain}.md24640.case-view .cv-wh,.md24640.case-view .cv-w,.md24640.case-view .cv-h{object-fit:cover}.md24640.case-view .pic-box{max-width:100%;max-height:100%}.md24640.case-view .pic-box img{max-width:100%;max-height:100%}.md24640.case-view.wrap,.md24640.case-view .wrap{padding-left:4%;padding-right:4%;max-width:100%}.md24640.case-view .area{margin:0 auto;width:100%;max-width:14rem}.md24640.case-view button,.md24640.case-view input,.md24640.case-view textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}.md24640.case-view button{cursor:pointer}.md24640.case-view img{opacity:0;transition:.3s}.md24640.case-view img[src]{opacity:1}.md24640.case-view .hide{display:none}.md24640.case-view .bold{font-weight:bold}.md24640.case-view .color-t{color:#333}.md24640.case-view{padding-top:1.5rem;padding-bottom:1.1rem;color:#333;overflow:hidden}.md24640.case-view .view{position:relative}.md24640.case-view .thumb{display:flex;padding:.5rem 0;overflow:hidden}.md24640.case-view .thumb-swp{margin:0 auto;overflow:visible}.md24640.case-view .thumb-item{position:relative;width:1.2rem;height:1.2rem;background-color:#000;cursor:pointer}.md24640.case-view .thumb-item img{opacity:.5}.md24640.case-view .thumb-item::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #000;transform:scale(1.1);opacity:0;transition:.3s}.md24640.case-view .thumb-item.thumb-active img{opacity:1}.md24640.case-view .thumb-item.thumb-active::after{opacity:1;transform:scale(1)}.md24640.case-view .swp-opt{position:absolute;top:0;left:50%;display:flex;align-items:center;justify-content:center;width:100vw;height:100%;padding:0 4%;transform:translateX(-50%);pointer-events:none;z-index:10}.md24640.case-view .swp-turner{display:flex;justify-content:space-between;width:17rem;max-width:100%}.md24640.case-view .swp-btn{display:flex;align-items:center;justify-content:center;width:2em;height:2em;border:1px solid #000;pointer-events:auto;transition:.3s}.md24640.case-view .swp-btn:hover{background-color:#000}.md24640.case-view .content{margin-top:.2rem;line-height:2.25}

.view-item{max-height: 100vh;}

/*! case-view end */





.view-item {

    height: 8rem;

}



@media (max-width: 750px) {

    .view-item {

    height: 5rem;

}

}

/*! use-product start */

.md24641.use-product .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}.md24641.use-product .icon.reverse-x{transform:rotateY(180deg)}.md24641.use-product .icon.reverse-y{transform:rotateX(180deg)}.md24641.use-product .icon.white{filter:grayscale(1) brightness(15)}.md24641.use-product .icon.black{filter:grayscale(1) brightness(0)}.md24641.use-product .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}.md24641.use-product .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}.md24641.use-product .icon img:nth-child(2),.md24641.use-product .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}.md24641.use-product .hover-icon:hover.icon img:first-child,.md24641.use-product .hover-icon:hover .icon img:first-child,.md24641.use-product .active-icon.icon img:first-child,.md24641.use-product .active-icon .icon img:first-child{opacity:0}.md24641.use-product .hover-icon:hover.icon img:last-child,.md24641.use-product .hover-icon:hover .icon img:last-child,.md24641.use-product .active-icon.icon img:last-child,.md24641.use-product .active-icon .icon img:last-child{opacity:1}.md24641.use-product .cn-wh,.md24641.use-product .cn-w,.md24641.use-product .cv-wh,.md24641.use-product .cv-w{display:block;width:100%}.md24641.use-product .cn-wh,.md24641.use-product .cn-h,.md24641.use-product .cv-wh,.md24641.use-product .cv-h{display:block;height:100%}.md24641.use-product .cn-wh,.md24641.use-product .cn-w,.md24641.use-product .cn-h{object-fit:contain}.md24641.use-product .cv-wh,.md24641.use-product .cv-w,.md24641.use-product .cv-h{object-fit:cover}.md24641.use-product .pic-box{max-width:100%;max-height:100%}.md24641.use-product .pic-box img{max-width:100%;max-height:100%}.md24641.use-product.wrap,.md24641.use-product .wrap{padding-left:4%;padding-right:4%;max-width:100%}.md24641.use-product .area{margin:0 auto;width:100%;max-width:14rem}.md24641.use-product button,.md24641.use-product input,.md24641.use-product textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}.md24641.use-product button{cursor:pointer}.md24641.use-product img{opacity:0;transition:.3s}.md24641.use-product img[src]{opacity:1}.md24641.use-product .hide{display:none}.md24641.use-product .bold{font-weight:bold}.md24641.use-product .color-t{color:#333}.md24641.use-product{padding-bottom:1.15rem;color:#333}.md24641.use-product .title{line-height:1.3333333333;margin-top:-0.05rem;margin-bottom:.55rem}.md24641.use-product .use-product-inner{padding-top:1rem;border-top:1px solid #eee}.md24641.use-product .product-item{display:block}.md24641.use-product .product-item:hover img{transform:translate(-50%,-50%) scale(1.1)}.md24641.use-product .product-pic{overflow:hidden}.md24641.use-product .product-pic{position:relative;flex-shrink:0}.md24641.use-product .product-pic::before{content:"";display:block;padding-top:100%}.md24641.use-product .product-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1;transition:.5s}.md24641.use-product .name{line-height:1.625;margin-top:.15rem}.md24641.use-product .swp-pagination{position:static;margin-top:.3rem;display:none}.md24641.use-product .swiper-pagination-bullet{background-color:#333}@media(max-width:750px){.md24641.use-product .swp-pagination{display:block}}

/*! use-product end */

/*! construction-case start */

.md24642.construction-case .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}.md24642.construction-case .icon.reverse-x{transform:rotateY(180deg)}.md24642.construction-case .icon.reverse-y{transform:rotateX(180deg)}.md24642.construction-case .icon.white{filter:grayscale(1) brightness(15)}.md24642.construction-case .icon.black{filter:grayscale(1) brightness(0)}.md24642.construction-case .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}.md24642.construction-case .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}.md24642.construction-case .icon img:nth-child(2),.md24642.construction-case .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}.md24642.construction-case .hover-icon:hover.icon img:first-child,.md24642.construction-case .hover-icon:hover .icon img:first-child,.md24642.construction-case .active-icon.icon img:first-child,.md24642.construction-case .active-icon .icon img:first-child{opacity:0}.md24642.construction-case .hover-icon:hover.icon img:last-child,.md24642.construction-case .hover-icon:hover .icon img:last-child,.md24642.construction-case .active-icon.icon img:last-child,.md24642.construction-case .active-icon .icon img:last-child{opacity:1}.md24642.construction-case .cn-wh,.md24642.construction-case .cn-w,.md24642.construction-case .cv-wh,.md24642.construction-case .cv-w{display:block;width:100%}.md24642.construction-case .cn-wh,.md24642.construction-case .cn-h,.md24642.construction-case .cv-wh,.md24642.construction-case .cv-h{display:block;height:100%}.md24642.construction-case .cn-wh,.md24642.construction-case .cn-w,.md24642.construction-case .cn-h{object-fit:contain}.md24642.construction-case .cv-wh,.md24642.construction-case .cv-w,.md24642.construction-case .cv-h{object-fit:cover}.md24642.construction-case .pic-box{max-width:100%;max-height:100%}.md24642.construction-case .pic-box img{max-width:100%;max-height:100%}.md24642.construction-case.wrap,.md24642.construction-case .wrap{padding-left:4%;padding-right:4%;max-width:100%}.md24642.construction-case .area{margin:0 auto;width:100%;max-width:14rem}.md24642.construction-case button,.md24642.construction-case input,.md24642.construction-case textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}.md24642.construction-case button{cursor:pointer}.md24642.construction-case img{opacity:0;transition:.3s}.md24642.construction-case img[src]{opacity:1}.md24642.construction-case .hide{display:none}.md24642.construction-case .bold{font-weight:bold}.md24642.construction-case .color-t{color:#333}.md24642.construction-case{padding-bottom:1.45rem;color:#333}.md24642.construction-case .case-head{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid #eee}.md24642.construction-case .case-title{line-height:1.3333333333}.md24642.construction-case .link{display:flex;align-items:center;transition:color .3s}.md24642.construction-case .link .icon{margin-left:.1rem}.md24642.construction-case .link:hover{color:#333}.md24642.construction-case .case-main{margin-top:.55rem}.md24642.construction-case .case-item:hover .case-pic img{transform:translate(-50%,-50%) scale(1.1)}.md24642.construction-case .case-pic{overflow:hidden}.md24642.construction-case .case-pic{position:relative;flex-shrink:0}.md24642.construction-case .case-pic::before{content:"";display:block;padding-top:116.2790697674%}.md24642.construction-case .case-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1;transition:.5s}.md24642.construction-case .title{line-height:1.3333333333;margin-top:.27rem}.md24642.construction-case .info{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;/*! autoprefixer:off */-webkit-box-orient:vertical;/*! autoprefixer:on */-webkit-box-orient:vertical;max-width:100%;max-height:3em;-webkit-line-clamp:2;line-height:1.5;margin-top:.16rem;color:#888}.md24642.construction-case .swp-pagination{position:static;margin-top:.3rem;display:none}.md24642.construction-case .swiper-pagination-bullet{background-color:#333}@media(max-width:750px){.md24642.construction-case .swp-pagination{display:block}}

/*! construction-case end */