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

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

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