.servicebox .tit{color: #202020;}
.servicebox .tit p{width: 0.16rem; height: 0.16rem; background: #2072ba;}

.servicebox .wz{line-height: 2;}

.service-box{padding: 0.75rem 0 0.65rem;}
.service-box a{flex: 1;height: 4.2rem; perspective: 1000;transform-style: preserve-3d;}
.service-box dl{position: relative; transition: 0.6s; transform-style: preserve-3d; width: 100%; height: 100%;}
.service-box dl dt{display: flex; flex-direction: column; justify-content: center; align-items: center;background: #f6f6f6;color: #292929; z-index: 2;position: absolute;top: 0px;left: 0px;backface-visibility: hidden;width: 100%;height: 100%;}
.service-box dl dd{transform: rotateY(-180deg); position: absolute; top: 0px; left: 0px; backface-visibility: hidden; width: 100%; height: 100%;}
.service-box dl dd{display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff;}
.service-box dl img{height: 0.55rem; margin-bottom: 0.30rem;}
.service-box dl h3{font-size: 0.22rem; margin-bottom: 0.30rem;}
.service-box dl p{font-size: 0.16rem; line-height: 1.5; margin-bottom: 0.3rem; height: 1.0rem; text-align: center;}
.service-box dl span{font-size: 0.20rem; display: block; width: 1.48rem; height: 0.45rem; line-height: 0.45rem;text-align: center; border-radius: 0.6rem; margin: 0 auto;}
.service-box dl dt span{border: 1px solid #3b3b3b;}
.service-box dl dd span{border: 1px solid #fff;}
.service-box a:hover dl{transform: rotateY(180deg);}