/*! #service start */
@keyframes md25626-rotate1{to{transform:translate(-50%,-50%) rotate(90deg)}
}
@keyframes md25626-rotate2{to{transform:rotate(-90deg)}
}
.md25626.service .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}
.md25626.service .icon.reverse-x{transform:rotateY(180deg)}
.md25626.service .icon.reverse-y{transform:rotateX(180deg)}
.md25626.service .icon.white{filter:grayscale(1) brightness(15)}
.md25626.service .icon.black{filter:grayscale(1) brightness(0)}
.md25626.service .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md25626.service .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md25626.service .icon img:nth-child(2),.md25626.service .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md25626.service .hover-icon:hover.icon img:first-child,.md25626.service .hover-icon:hover.icon svg:first-child,.md25626.service .hover-icon:hover .icon img:first-child,.md25626.service .hover-icon:hover .icon svg:first-child,.md25626.service .active-icon.icon img:first-child,.md25626.service .active-icon.icon svg:first-child,.md25626.service .active-icon .icon img:first-child,.md25626.service .active-icon .icon svg:first-child{opacity:0}
.md25626.service .hover-icon:hover.icon img:last-child,.md25626.service .hover-icon:hover.icon svg:last-child,.md25626.service .hover-icon:hover .icon img:last-child,.md25626.service .hover-icon:hover .icon svg:last-child,.md25626.service .active-icon.icon img:last-child,.md25626.service .active-icon.icon svg:last-child,.md25626.service .active-icon .icon img:last-child,.md25626.service .active-icon .icon svg:last-child{opacity:1}
.md25626.service .cn-wh,.md25626.service .cn-w,.md25626.service .cv-wh,.md25626.service .cv-w{display:block;width:100%}
.md25626.service .cn-wh,.md25626.service .cn-h,.md25626.service .cv-wh,.md25626.service .cv-h{display:block;height:100%}
.md25626.service .cn-wh,.md25626.service .cn-w,.md25626.service .cn-h{object-fit:contain}
.md25626.service .cv-wh,.md25626.service .cv-w,.md25626.service .cv-h{object-fit:cover}
.md25626.service .pic-box,.md25626.service .pic-box img{max-width:100%;max-height:100%}
.md25626.service.wrap,.md25626.service .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md25626.service .area{margin:0 auto;width:16rem;max-width:100%}
.md25626.service button,.md25626.service input,.md25626.service textarea{border:none;outline:none;padding:0;background-color:transparent}
.md25626.service button{cursor:pointer}
.md25626.service .bold{font-weight:700}
.md25626.service .color-t{color:rgba(var(--theme),1)}
.md25626.service .z2{position:relative;z-index:2}
.md25626.service .text-center{text-align:center}
.md25626.service .text-left{text-align:left}
.md25626.service .text-right{text-align:right}
.md25626.service .flex{display:flex}
.md25626.service .items-start{align-items:flex-start}
.md25626.service .items-center{align-items:center}
.md25626.service .items-end{align-items:flex-end}
.md25626.service .justify-start{justify-content:flex-start}
.md25626.service .justify-center{justify-content:center}
.md25626.service .justify-end{justify-content:flex-end}
.md25626.service{color:#222;overflow:hidden}
.md25626.service .md-title{line-height:1.2380952381;color:#222}
.md25626.service .md-subtitle{line-height:1.5555555556;margin-top:.1rem;color:#666}
.md25626.service{position:relative;padding:1.2rem 0;background-position:right top;background-size:auto;background-repeat:no-repeat;overflow:visible}
.md25626.service .bg2{position:absolute;right:0;top:0;z-index:1}
.md25626.service .service-main{display:flex;flex-wrap: wrap;justify-content:space-between;margin-top:.4rem}
.md25626.service .item{background-color:#f7f8fc;width:calc((100% - .3rem) / 3)}
.md25626.service .item:hover .icon{animation:md25626-rotate1 .3s linear forwards}
.md25626.service .item:hover .icon-pic{animation:md25626-rotate2 .3s linear forwards}
.md25626.service .item-pic{width:100%;background-size:cover}
.md25626.service .item-pic{position:relative;flex-shrink:0}
.md25626.service .item-pic:before{content:"";display:block;padding-top:56.0311284047%}
.md25626.service .item-pic .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md25626.service .item-pic{position:relative}
.md25626.service .pic{width:1.6rem}
.md25626.service .pic{position:relative;flex-shrink:0}
.md25626.service .pic:before{content:"";display:block;padding-top:100%}
.md25626.service .pic .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md25626.service .pic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.md25626.service .icon{position:absolute;left:50%;top:100%;transform:translate(-50%,-50%) rotate(0);width:1rem;height:1rem;background-position:center;background-size:contain;background-repeat:no-repeat}
.md25626.service .icon-pic{width:.36rem}
.md25626.service .icon-pic{position:relative;flex-shrink:0}
.md25626.service .icon-pic:before{content:"";display:block;padding-top:100%}
.md25626.service .icon-pic .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md25626.service .icon-pic{transform:rotate(0)}
.md25626.service .text{padding:.6rem}
.md25626.service .item-title{line-height:2.25}
.md25626.service .item-info{line-height:1.3333333333}
@media(max-width:750px){
	.md25626.service .service-inner{flex-wrap:wrap}
    .md25626.service .item{width:calc((100% - .5rem) / 2)}
    .md25626.service .pic{width:1.6rem}
    /* .md25626.service .pic{position:relative;flex-shrink:0} */
    .md25626.service .pic:before{content:"";display:block;padding-top:100%}
    .md25626.service .pic .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
}
@media(max-width:500px){
    .md25626.service .item{width:100%}
}
/*! #service end */