
/*! index-banner start */
.md36059.index-banner-wrap{position:relative;max-width:100%;overflow:hidden}.md36059.index-banner-wrap .icon-box{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;max-width:100%;max-height:100%;transition:.3s}.md36059.index-banner-wrap .icon-box.reverse-x{transform:rotateY(180deg)}.md36059.index-banner-wrap .icon-box.reverse-y{transform:rotateX(180deg)}.md36059.index-banner-wrap .icon-box.white{filter:grayscale(1) brightness(15)}.md36059.index-banner-wrap .icon-box.black{filter:grayscale(1) brightness(0)}.md36059.index-banner-wrap .icon-box img{width:100%;height:100%;object-fit:contain;transition:.3s}.md36059.index-banner-wrap .icon-box svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}.md36059.index-banner-wrap .icon-box img:nth-child(2),.md36059.index-banner-wrap .icon-box svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}.md36059.index-banner-wrap .hover-icon:hover .icon-box img:first-child,.md36059.index-banner-wrap .active-icon .icon-box img:first-child{opacity:0}.md36059.index-banner-wrap .hover-icon:hover .icon-box img:last-child,.md36059.index-banner-wrap .active-icon .icon-box img:last-child{opacity:1}.md36059.index-banner-wrap .cn-wh,.md36059.index-banner-wrap .cn-w,.md36059.index-banner-wrap .cv-wh,.md36059.index-banner-wrap .cv-w{display:block;width:100%}.md36059.index-banner-wrap .cn-wh,.md36059.index-banner-wrap .cn-h,.md36059.index-banner-wrap .cv-wh,.md36059.index-banner-wrap .cv-h{display:block;height:100%}.md36059.index-banner-wrap .cn-wh,.md36059.index-banner-wrap .cn-w,.md36059.index-banner-wrap .cn-h{object-fit:contain}.md36059.index-banner-wrap .cv-wh,.md36059.index-banner-wrap .cv-w,.md36059.index-banner-wrap .cv-h{object-fit:cover}.md36059.index-banner-wrap .pic-box{max-width:100%;max-height:100%}.md36059.index-banner-wrap .pic-box img{max-width:100%;max-height:100%}.md36059.index-banner-wrap.wrap,.md36059.index-banner-wrap .wrap{padding-left:4%;padding-right:4%;max-width:100%}.md36059.index-banner-wrap .area{margin:0 auto;width:100%;max-width:16rem}.md36059.index-banner-wrap button,.md36059.index-banner-wrap input,.md36059.index-banner-wrap textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}.md36059.index-banner-wrap button{cursor:pointer}.md36059.index-banner-wrap .hide{display:none}.md36059.index-banner-wrap img[data-src]{opacity:0;transition:.3s}.md36059.index-banner-wrap img[src]{opacity:1}.md36059.index-banner-wrap .cover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:5}.md36059.index-banner-wrap .btn{display:inline-flex;align-items:center;justify-content:center;min-width:1.98rem;min-height:2em;line-height:1;padding:.2rem .65rem;color:#fff;white-space:nowrap;border-radius:1em;cursor:pointer;margin-top:0;transition:.3s}.md36059.index-banner-wrap .btn.light{border:1px solid #fff}.md36059.index-banner-wrap .btn.light:hover{background-color:var(--theme-color);transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.md36059.index-banner-wrap .btn.full{background-color:var(--theme-color)}.md36059.index-banner-wrap .btn.full:hover{transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.md36059.index-banner-wrap .index-banner{height:9.33rem}.md36059.index-banner-wrap .banner-swp{height:100%}.md36059.index-banner-wrap .cover{justify-content:center;color:#fff}.md36059.index-banner-wrap .cover-inner{width:100%;max-width:14.72rem;margin:0 auto}.md36059.index-banner-wrap .banner-subtitle{line-height:1.4166666667}.md36059.index-banner-wrap .banner-title{line-height:1.35;margin-top:.295rem;font-weight:bold;max-width:100%;width:700px}.md36059.index-banner-wrap .banner-item{overflow:hidden}.md36059.index-banner-wrap .btn{margin-top:1.15rem}.md36059.index-banner-wrap .swp-pagination{display:flex;justify-content:center}.md36059.index-banner-wrap .swiper-pagination-bullet{position:relative;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);width:10px;height:10px;opacity:1;transition:.3s}.md36059.index-banner-wrap .swiper-pagination-bullet::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 2px hsla(0,0%,100%,.5) inset;transform:scale(0.5);transition:.3s}.md36059.index-banner-wrap .swiper-pagination-bullet::after{content:"";position:relative;display:block;width:6px;height:6px;border-radius:inherit;box-shadow:0 0 0 6px #fff inset;z-index:1;transition:.3s}.md36059.index-banner-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active .ring{opacity:1;transform:rotateY(180deg) scale(1)}.md36059.index-banner-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::before{transform:scale(1)}.md36059.index-banner-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::after{box-shadow:0 0 0 0 hsla(0,0%,100%,.5) inset}.md36059.index-banner-wrap .ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotateY(180deg) scale(0.5);z-index:5;opacity:0;transition:.3s}.md36059.index-banner-wrap .ring *{width:100%;height:100%}
/*! index-banner end */

/*! product start */
.md36060.product-wrap{padding-top:.86rem;background-color:#f7f8fa;overflow:hidden;}
.md36060.product-wrap .icon-box{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:1em;
    height:1em;
    max-width:100%;
    max-height:100%;
    transition:.3s;
}
.md36060.product-wrap .icon-box.reverse-x{transform:rotateY(180deg);}
.md36060.product-wrap .icon-box.reverse-y{transform:rotateX(180deg);}
.md36060.product-wrap .icon-box.white{filter:grayscale(1) brightness(15);}
.md36060.product-wrap .icon-box.black{filter:grayscale(1) brightness(0);}
.md36060.product-wrap .icon-box img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:.3s;
}
.md36060.product-wrap .icon-box svg{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    transition:.3s;
}
.md36060.product-wrap .icon-box img:nth-child(2), .md36060.product-wrap .icon-box svg:nth-child(2){
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    z-index:5;
}
.md36060.product-wrap .hover-icon:hover .icon-box img:first-child, .md36060.product-wrap .active-icon .icon-box img:first-child{
    opacity:0;
}
.md36060.product-wrap .hover-icon:hover .icon-box img:last-child, .md36060.product-wrap .active-icon .icon-box img:last-child{
    opacity:1;
}
.md36060.product-wrap .cn-wh, .md36060.product-wrap .cn-w, .md36060.product-wrap .cv-wh, .md36060.product-wrap .cv-w{
    display:block;
    width:100%;
}
.md36060.product-wrap .cn-wh, .md36060.product-wrap .cn-h, .md36060.product-wrap .cv-wh, .md36060.product-wrap .cv-h{
    display:block;
    height:100%;
}
.md36060.product-wrap .cn-wh, .md36060.product-wrap .cn-w, .md36060.product-wrap .cn-h{
    object-fit:contain;
}
.md36060.product-wrap .cv-wh, .md36060.product-wrap .cv-w, .md36060.product-wrap .cv-h{
    object-fit:cover;
}
.md36060.product-wrap .pic-box{max-width:100%;max-height:100%;}
.md36060.product-wrap .pic-box img{max-width:100%;max-height:100%;}
.md36060.product-wrap.wrap, .md36060.product-wrap .wrap{
    padding-left:4%;
    padding-right:4%;
    max-width:100%;
}
.md36060.product-wrap .area{margin:0 auto;width:100%;max-width:16rem;}
.md36060.product-wrap button, .md36060.product-wrap input, .md36060.product-wrap textarea{
    border:none;
    outline:none;
    padding:0;
    background-color:rgba(0, 0, 0, 0);
}
.md36060.product-wrap button{cursor:pointer;}
.md36060.product-wrap .hide{display:none;}
.md36060.product-wrap img[data-src]{opacity:0;transition:.3s;}
.md36060.product-wrap img[src]{opacity:1;}
.md36060.product-wrap .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:1.98rem;
    min-height:2em;
    line-height:1;
    padding:.2rem .65rem;
    color:#fff;
    white-space:nowrap;
    border-radius:1em;
    cursor:pointer;
    margin-top:auto;
    transition:.3s;
}
.md36060.product-wrap .btn.light{border:1px solid #fff;}
.md36060.product-wrap .btn.light:hover{
    background-color:var(--theme-color);
    transform:translateY(-5px);
    box-shadow:0 5px 10px rgba(0, 0, 0, .2);
}
.md36060.product-wrap .btn.full{background-color:var(--theme-color);}
.md36060.product-wrap .btn.full:hover{
    transform:translateY(-5px);
    box-shadow:0 5px 10px rgba(0, 0, 0, .2);
}
.md36060.product-wrap .classify{display:flex;}
.md36060.product-wrap .classify-list{
    display:inline-flex;
    line-height:1;
    margin:0 auto;
    overflow-y:hidden;
}
.md36060.product-wrap .classify-list::-webkit-scrollbar{
    background-color:#eee;
    border-radius:.025rem;
}
.md36060.product-wrap .classify-list::-webkit-scrollbar-thumb{
    background:var(--theme-color);
    border-radius:.025rem;
}
.md36060.product-wrap .classify-list{overflow-x:auto;}
.md36060.product-wrap .classify-list::-webkit-scrollbar{height:.05rem;}
.md36060.product-wrap .classify-item{position:relative;min-width:3rem;cursor:pointer;}
.md36060.product-wrap .classify-item:first-child .classify-main::before{display:none;}
.md36060.product-wrap .classify-item:last-child .classify-main::after{display:none;}
.md36060.product-wrap .classify-item.active .classify-icon, .md36060.product-wrap .classify-item:hover .classify-icon{
    box-shadow:2px 2px 5px rgba(0, 0, 0, .2), 0 0 0 1em #fff inset;
}
.md36060.product-wrap .classify-main{
    position:relative;
    display:flex;
    align-items:center;
    flex-direction:column;
    width:100%;
}
.md36060.product-wrap .classify-main::before, .md36060.product-wrap .classify-main::after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:calc(50% - .775rem);
    height:1px;
    background-color:#eae8e8;
}
.md36060.product-wrap .classify-main::after{left:auto;right:0;}
.md36060.product-wrap .classify-icon{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:2em;
    height:2em;
    border-radius:50%;
    background:rgba(0, 0, 0, 0);
    box-shadow:0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 #fff inset;
    transition:.3s;
}
.md36060.product-wrap .classify-title{
    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:1.5555555556em;
    display:block;
    white-space:nowrap;
    line-height:1.5555555556;
    margin-top:.08rem;
    text-align:center;
}
.md36060.product-wrap .product-main{position:relative;margin-top:.9rem;}
.md36060.product-wrap .product-board{pointer-events:none;opacity:0;transition:.3s;}
.md36060.product-wrap .product-board:nth-child(n+2){
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.md36060.product-wrap .product-board.active{pointer-events:auto;opacity:1;}
.md36060.product-wrap .product-item{
    display:flex;
    justify-content:space-between;
    height:auto;
}
.md36060.product-wrap .product-content{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:6rem;
    max-width:100%;
    flex-shrink:0;
    height:100%;
    padding-bottom:.5rem;
}
.md36060.product-wrap .product-title{
    line-height:1.4166666667;
    color:var(--theme-color);
}
.md36060.product-wrap .product-name{
    line-height:1.25;
    margin-top:.05rem;
    color:#222;
    font-weight:bold;
}
.md36060.product-wrap .product-info{
    line-height:1.6875;
    margin-top:.345rem;
    color:#666;
    margin-bottom:.75rem;
}
.md36060.product-wrap .product-view{flex:1;padding-top:.1rem;}
.md36060.product-wrap .product-img{width:4.11rem;margin-left:20%;}
.md36060.product-wrap .product-img{position:relative;}
.md36060.product-wrap .product-img::before{
    content:"";
    display:block;
    padding-top:131.1435523114%;
}
.md36060.product-wrap .product-img .fill{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:100%;
    height:100%;
    z-index:1;
    transition:.5s;
}
.md36060.product-wrap .thumb{
    position:absolute;
    top:0;
    right:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    max-height:80%;
    padding:.07rem .16rem;
    background-color:#fff;
    border-radius:.2rem;
    z-index:10;
    transition:.3s;
}
.md36060.product-wrap .thumb.folded{transform:none;}
.md36060.product-wrap .thumb.folded .fold{opacity:0;pointer-events:none;}
.md36060.product-wrap .thumb-item{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:1.17rem;
    height:1.17rem;
    border-radius:50%;
    background:#e5e5e5;
    cursor:pointer;
    overflow:hidden;
}
.md36060.product-wrap .thumb-item:nth-child(n+2){margin-top:.25rem;}
.md36060.product-wrap .thumb-item::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:inherit;
    transition:.3s;
}
.md36060.product-wrap .thumb-item.thumb-active::before{
    box-shadow:0 0 0 3px var(--theme-color) inset;
}
.md36060.product-wrap .swp-btn{padding:.13rem;cursor:pointer;}
.md36060.product-wrap .fold{
    position:absolute;
    right:100%;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    height:5em;
    width:2em;
    border-radius:5px 0 0 5px;
    background-color:#fff;
    display:none;
    transition:.3s;
    pointer-events:auto;
}
.md36060.product-wrap .fold .icon-box{transform:rotateZ(90deg);}
@media (max-width:500px) {
    .md36060.product-wrap .product-item{flex-direction:column;}
    .md36060.product-wrap .product-content{width:100%;}
    .md36060.product-wrap .thumb{transform:translateX(calc(100% + 4vw));}
    .md36060.product-wrap .fold{display:flex;}
    .md36060.product-wrap .product-view{
        display:flex;
        justify-content:center;
        margin-top:.5rem;
    }
    .md36060.product-wrap .product-img{margin-left:0;}
}
/*! product end */

/*! about start */
.md36061.about-wrap{padding-top:1rem;padding-bottom:1rem;background-position:center;background-size:cover;background-repeat:no-repeat}.md36061.about-wrap .icon-box{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;max-width:100%;max-height:100%;transition:.3s}.md36061.about-wrap .icon-box.reverse-x{transform:rotateY(180deg)}.md36061.about-wrap .icon-box.reverse-y{transform:rotateX(180deg)}.md36061.about-wrap .icon-box.white{filter:grayscale(1) brightness(15)}.md36061.about-wrap .icon-box.black{filter:grayscale(1) brightness(0)}.md36061.about-wrap .icon-box img{width:100%;height:100%;object-fit:contain;transition:.3s}.md36061.about-wrap .icon-box svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}.md36061.about-wrap .icon-box img:nth-child(2),.md36061.about-wrap .icon-box svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}.md36061.about-wrap .hover-icon:hover .icon-box img:first-child,.md36061.about-wrap .active-icon .icon-box img:first-child{opacity:0}.md36061.about-wrap .hover-icon:hover .icon-box img:last-child,.md36061.about-wrap .active-icon .icon-box img:last-child{opacity:1}.md36061.about-wrap .cn-wh,.md36061.about-wrap .cn-w,.md36061.about-wrap .cv-wh,.md36061.about-wrap .cv-w{display:block;width:100%}.md36061.about-wrap .cn-wh,.md36061.about-wrap .cn-h,.md36061.about-wrap .cv-wh,.md36061.about-wrap .cv-h{display:block;height:100%}.md36061.about-wrap .cn-wh,.md36061.about-wrap .cn-w,.md36061.about-wrap .cn-h{object-fit:contain}.md36061.about-wrap .cv-wh,.md36061.about-wrap .cv-w,.md36061.about-wrap .cv-h{object-fit:cover}.md36061.about-wrap .pic-box{max-width:100%;max-height:100%}.md36061.about-wrap .pic-box img{max-width:100%;max-height:100%}.md36061.about-wrap.wrap,.md36061.about-wrap .wrap{padding-left:4%;padding-right:4%;max-width:100%}.md36061.about-wrap .area{margin:0 auto;width:100%;max-width:16rem}.md36061.about-wrap button,.md36061.about-wrap input,.md36061.about-wrap textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}.md36061.about-wrap button{cursor:pointer}.md36061.about-wrap .hide{display:none}.md36061.about-wrap img[data-src]{opacity:0;transition:.3s}.md36061.about-wrap img[src]{opacity:1}.md36061.about-wrap .btn{display:inline-flex;align-items:center;justify-content:center;min-width:1.98rem;min-height:2em;line-height:1;padding:.2rem .65rem;color:#fff;white-space:nowrap;border-radius:1em;cursor:pointer;margin-top:.55rem;transition:.3s}.md36061.about-wrap .btn.light{border:1px solid #fff}.md36061.about-wrap .btn.light:hover{background-color:var(--theme-color);transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.md36061.about-wrap .btn.full{background-color:var(--theme-color)}.md36061.about-wrap .btn.full:hover{transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.md36061.about-wrap .about-main{display:flex;justify-content:space-between}.md36061.about-wrap .about-pic{width:7.2rem;max-width:100%;border-radius:.5rem;overflow:hidden}.md36061.about-wrap .about-pic{position:relative}.md36061.about-wrap .about-pic::before{content:"";display:block;padding-top:65.2777777778%}.md36061.about-wrap .about-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1;transition:.5s}.md36061.about-wrap .about-content{width:6.8rem;margin-left:.2rem}.md36061.about-wrap .about-title{line-height:1.4166666667;color:var(--theme-color)}.md36061.about-wrap .about-name{line-height:1.25;margin-top:.05rem;color:#222;font-weight:bold}.md36061.about-wrap .about-info{line-height:1.6875;margin-top:.275rem;color:#666}.md36061.about-wrap .about-data{display:flex;flex-wrap:wrap;margin-left:-0.75rem;color:#222;margin-top:.8rem}.md36061.about-wrap .data-item{position:relative;padding-left:.75rem;flex:1}.md36061.about-wrap .data-item:nth-child(n+2)::before{content:"";position:absolute;left:0;top:0;height:100%;width:1px;background-color:#e5e5e5}.md36061.about-wrap .data-main{display:flex;align-items:flex-start}.md36061.about-wrap .data-value{display:flex;align-items:flex-end;margin-top:.1rem;line-height:1}.md36061.about-wrap .data-icon{margin-left:.25rem}.md36061.about-wrap .data-count{color:var(--theme-color);font-weight:bold}.md36061.about-wrap .data-unit{margin-left:.1rem}@media(max-width:500px){.md36061.about-wrap .about-main{flex-direction:column}.md36061.about-wrap .about-pic,.md36061.about-wrap .about-content{width:100%}.md36061.about-wrap .about-content{margin-top:.6rem}.md36061.about-wrap .about-data{justify-content:space-between}.md36061.about-wrap .data-item{width:calc(50% - .3rem);flex:0 0 auto}.md36061.about-wrap .data-item:nth-child(n+3){margin-top:.5rem}}
/*! about end */

/*! solution start */
.md36062.solution-wrap{padding-top:.9rem;padding-bottom:1.65rem;background-color:#f6f7f9;overflow:hidden}.md36062.solution-wrap .icon-box{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;max-width:100%;max-height:100%;transition:.3s}.md36062.solution-wrap .icon-box.reverse-x{transform:rotateY(180deg)}.md36062.solution-wrap .icon-box.reverse-y{transform:rotateX(180deg)}.md36062.solution-wrap .icon-box.white{filter:grayscale(1) brightness(15)}.md36062.solution-wrap .icon-box.black{filter:grayscale(1) brightness(0)}.md36062.solution-wrap .icon-box img{width:100%;height:100%;object-fit:contain;transition:.3s}.md36062.solution-wrap .icon-box svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}.md36062.solution-wrap .icon-box img:nth-child(2),.md36062.solution-wrap .icon-box svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}.md36062.solution-wrap .hover-icon:hover .icon-box img:first-child,.md36062.solution-wrap .active-icon .icon-box img:first-child{opacity:0}.md36062.solution-wrap .hover-icon:hover .icon-box img:last-child,.md36062.solution-wrap .active-icon .icon-box img:last-child{opacity:1}.md36062.solution-wrap .cn-wh,.md36062.solution-wrap .cn-w,.md36062.solution-wrap .cv-wh,.md36062.solution-wrap .cv-w{display:block;width:100%}.md36062.solution-wrap .cn-wh,.md36062.solution-wrap .cn-h,.md36062.solution-wrap .cv-wh,.md36062.solution-wrap .cv-h{display:block;height:100%}.md36062.solution-wrap .cn-wh,.md36062.solution-wrap .cn-w,.md36062.solution-wrap .cn-h{object-fit:contain}.md36062.solution-wrap .cv-wh,.md36062.solution-wrap .cv-w,.md36062.solution-wrap .cv-h{object-fit:cover}.md36062.solution-wrap .pic-box{max-width:100%;max-height:100%}.md36062.solution-wrap .pic-box img{max-width:100%;max-height:100%}.md36062.solution-wrap.wrap,.md36062.solution-wrap .wrap{padding-left:4%;padding-right:4%;max-width:100%}.md36062.solution-wrap .area{margin:0 auto;width:100%;max-width:16rem}.md36062.solution-wrap button,.md36062.solution-wrap input,.md36062.solution-wrap textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}.md36062.solution-wrap button{cursor:pointer}.md36062.solution-wrap .hide{display:none}.md36062.solution-wrap img[data-src]{opacity:0;transition:.3s}.md36062.solution-wrap img[src]{opacity:1}.md36062.solution-wrap .icon-box{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;max-width:100%;max-height:100%;transition:.3s}.md36062.solution-wrap .icon-box.reverse-x{transform:rotateY(180deg)}.md36062.solution-wrap .icon-box.reverse-y{transform:rotateX(180deg)}.md36062.solution-wrap .icon-box.white{filter:grayscale(1) brightness(15)}.md36062.solution-wrap .icon-box.black{filter:grayscale(1) brightness(0)}.md36062.solution-wrap .icon-box img{width:100%;height:100%;object-fit:contain;transition:.3s}.md36062.solution-wrap .icon-box svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}.md36062.solution-wrap .icon-box img:nth-child(2),.md36062.solution-wrap .icon-box svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}.md36062.solution-wrap .hover-icon:hover .icon-box img:first-child,.md36062.solution-wrap .thumb-active .icon-box img:first-child{opacity:0}.md36062.solution-wrap .hover-icon:hover .icon-box img:last-child,.md36062.solution-wrap .thumb-active .icon-box img:last-child{opacity:1}.md36062.solution-wrap .solution-tag{line-height:1.4166666667;color:var(--theme-color)}.md36062.solution-wrap .solution-title{line-height:1.25;margin-top:.1rem;margin-bottom:.46rem;color:#222;font-weight:bold}.md36062.solution-wrap .solution-main{position:relative}.md36062.solution-wrap .solution-swp{overflow:visible}.md36062.solution-wrap .solution-item{position:relative}.md36062.solution-wrap .solution-pic{width:13.88rem;max-width:100%}.md36062.solution-wrap .solution-pic{position:relative}.md36062.solution-wrap .solution-pic::before{content:"";display:block;padding-top:44.5244956772%}.md36062.solution-wrap .solution-pic .fill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1;transition:.5s}.md36062.solution-wrap .solution-card{position:absolute;top:.65rem;right:0;max-width:4.43rem;width:100%;padding:.6rem .4rem;color:#fff;background-color:var(--theme-color);z-index:5}.md36062.solution-wrap .card-title{line-height:1.4166666667}.md36062.solution-wrap .card-info{line-height:1.375;margin-top:.2rem}.md36062.solution-wrap .thumb-box{position:absolute;bottom:0;left:0;width:13.88rem;max-width:100%;display:flex;transform:translateY(50%);z-index:5}.md36062.solution-wrap .thumb-item{width:2.3rem;padding:.3rem .25rem;background-color:#fff;cursor:pointer}.md36062.solution-wrap .thumb-item:nth-child(n+2){margin-left:1px}.md36062.solution-wrap .thumb-item.thumb-active .thumb-txt{color:var(--theme-color)}.md36062.solution-wrap .thumb-btn{display:flex;flex-direction:column;align-items:center}.md36062.solution-wrap .thumb-txt{color:#000;line-height:1.875;margin-top:.13rem;text-align:center;transition:.3s}@media(max-width:500px){.md36062.solution-wrap .thumb-box{position:static}.md36062.solution-wrap .solution-card{position:static;max-width:100%}}
/*! solution end */

/*! news start */
.md36063.news-wrap {
    padding-bottom: .9rem;
    padding-top: .7rem;
    background-color: #fefeff
}

.md36063.news-wrap .icon-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    max-width: 100%;
    max-height: 100%;
    transition: .3s
}

.md36063.news-wrap .icon-box.reverse-x {
    transform: rotateY(180deg)
}

.md36063.news-wrap .icon-box.reverse-y {
    transform: rotateX(180deg)
}

.md36063.news-wrap .icon-box.white {
    filter: grayscale(1) brightness(15)
}

.md36063.news-wrap .icon-box.black {
    filter: grayscale(1) brightness(0)
}

.md36063.news-wrap .icon-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .3s
}

.md36063.news-wrap .icon-box svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: .3s
}

.md36063.news-wrap .icon-box img:nth-child(2),
.md36063.news-wrap .icon-box svg:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 5
}

.md36063.news-wrap .hover-icon:hover .icon-box img:first-child,
.md36063.news-wrap .active-icon .icon-box img:first-child {
    opacity: 0
}

.md36063.news-wrap .hover-icon:hover .icon-box img:last-child,
.md36063.news-wrap .active-icon .icon-box img:last-child {
    opacity: 1
}

.md36063.news-wrap .cn-wh,
.md36063.news-wrap .cn-w,
.md36063.news-wrap .cv-wh,
.md36063.news-wrap .cv-w {
    display: block;
    width: 100%
}

.md36063.news-wrap .cn-wh,
.md36063.news-wrap .cn-h,
.md36063.news-wrap .cv-wh,
.md36063.news-wrap .cv-h {
    display: block;
    height: 100%
}

.md36063.news-wrap .cn-wh,
.md36063.news-wrap .cn-w,
.md36063.news-wrap .cn-h {
    object-fit: contain
}

.md36063.news-wrap .cv-wh,
.md36063.news-wrap .cv-w,
.md36063.news-wrap .cv-h {
    object-fit: cover
}

.md36063.news-wrap .pic-box {
    max-width: 100%;
    max-height: 100%
}

.md36063.news-wrap .pic-box img {
    max-width: 100%;
    max-height: 100%
}

.md36063.news-wrap.wrap,
.md36063.news-wrap .wrap {
    padding-left: 4%;
    padding-right: 4%;
    max-width: 100%
}

.md36063.news-wrap .area {
    margin: 0 auto;
    width: 100%;
    max-width: 16rem
}

.md36063.news-wrap button,
.md36063.news-wrap input,
.md36063.news-wrap textarea {
    border: none;
    outline: none;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.md36063.news-wrap button {
    cursor: pointer
}

.md36063.news-wrap .hide {
    display: none
}

.md36063.news-wrap img[data-src] {
    opacity: 0;
    transition: .3s
}

.md36063.news-wrap img[src] {
    opacity: 1
}

.md36063.news-wrap .news-tag {
    line-height: 1.4166666667;
    color: var(--theme-color)
}

.md36063.news-wrap .news-title {
    line-height: 1.25;
    margin-top: .1rem;
    margin-bottom: .46rem;
    color: #222;
    font-weight: bold
}

.md36063.news-wrap .news-main {
    display: flex;
    justify-content: space-between
}

.md36063.news-wrap .news-left,
.md36063.news-wrap .news-right {
    background-color: #f6f7f9
}

.md36063.news-wrap .news-right {
    overflow: hidden
}

.md36063.news-wrap .news-card {
    display: block;
    width: 7.95rem;
    max-width: 100%;
    padding: .35rem .4rem;
    transition: .5s
}

.md36063.news-wrap .news-card:hover {
    color: var(--theme-color);
    box-shadow: 2px 2px 20px rgba(0, 0, 0, .1333333333)
}

.md36063.news-wrap .news-card:hover .news-pic img {
    transform: translate(-50%, -50%) scale(1.1)
}

.md36063.news-wrap .news-pic {
    width: 7.17rem;
    max-width: 100%;
    overflow: hidden
}

.md36063.news-wrap .news-pic {
    position: relative
}

.md36063.news-wrap .news-pic::before {
    content: "";
    display: block;
    padding-top: 56.2064156206%
}

.md36063.news-wrap .news-pic .fill {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: .5s
}

.md36063.news-wrap .news-txt {
    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: 2.7142857143em;
    -webkit-line-clamp: 2;
    line-height: 1.3571428571;
    margin-top: .25rem;
    margin-bottom: .47rem
}

.md36063.news-wrap .news-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666
}

.md36063.news-wrap .news-list {
    width: 7.9rem;
    max-width: 100%;
    padding: .35rem
}

.md36063.news-wrap .news-list::-webkit-scrollbar {
    background-color: #eee;
    border-radius: .025rem
}

.md36063.news-wrap .news-list::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: .025rem
}

.md36063.news-wrap .news-list {
    overflow-y: auto
}

.md36063.news-wrap .news-list::-webkit-scrollbar {
    width: .05rem
}

.md36063.news-wrap .news-item:nth-child(n+2) {
    margin-top: .18rem;
    padding-top: .23rem;
    border-top: 1px solid #eee
}

.md36063.news-wrap .news-entry {
    display: flex
}

.md36063.news-wrap .news-entry:hover .news-item-title {
    color: var(--theme-color)
}

.md36063.news-wrap .news-entry:hover .news-img img {
    transform: translate(-50%, -50%) scale(1.1)
}

.md36063.news-wrap .news-img {
    width: 2.77rem;
    flex-shrink: 0;
    overflow: hidden
}

.md36063.news-wrap .news-img {
    position: relative
}

.md36063.news-wrap .news-img::before {
    content: "";
    display: block;
    padding-top: 57.4007220217%
}

.md36063.news-wrap .news-img .fill {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: .5s
}

.md36063.news-wrap .news-board {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: .2rem;
    flex: 1
}

.md36063.news-wrap .news-item-title {
    color: #222;
    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: 2.7777777778em;
    -webkit-line-clamp: 2;
    line-height: 1.3888888889;
    margin-top: -0.035rem;
    margin-bottom: .485rem
}

@media(max-width:500px) {
    .md36063.news-wrap .news-main {
        flex-direction: column
    }
}

/*! news end */
