
.wb-main{width: 100%;min-height: 100vh; padding: 3.2rem .3rem .9rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wb-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.wb-titles{width: 100%;text-align: center;margin-bottom: .8rem;color: #000000;font-weight: bold;line-height: 1.16;}
.wb-cont{width: 100%;display: flex;flex-wrap: wrap;}
.wb-item{width: 25%;text-align: center;margin-bottom: .6rem;}
.wb-link{display: flex;align-content: space-between;flex-wrap: wrap;margin: 0 auto;cursor: pointer;width: calc(100% - .1rem);max-width: 3.8rem;height: 100%;min-height: 2.65rem;background-image: url('/static/home/images/wa1.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.wb-img{width: 100%;height: 2.04rem;line-height: 2.04rem;}
.wb-img img{width:3.64rem;max-width: calc(100% - 1.1rem);height: 100%;object-fit: contain; transform: scale(1.00);transition: all ease .5s;}
.wb-text{position: relative; width: 100%;padding: 0 .66rem 0 .44rem;display: flex;align-items: center;min-height: .74rem;}
.wb-text:before{content: '';position: absolute;top: 0;left: .44rem;width: calc(100% - 1.1rem);height: 1px;background-color: #000000;opacity: 0.06;}
.wb-text:after{content: '';position: absolute;top: 50%;right: .66rem;transform: translate(0,-50%);width: .41rem;height: .41rem;border-radius: 50%;border: solid 1px rgba(0,0,0,.1);background-image: url('/static/home/images/case-icon.png');background-size: .06rem auto;background-position: center center;background-repeat: no-repeat;}
.wb-more{color: #666666;line-height: 1.6;font-weight: bold;}
.wb-link:hover .wb-img img{transform: scale(1.05);}
.wb-link:hover .wb-text:after{background-image: url('/static/home/images/case-icon-b.png');background-color: #000;border: solid 1px #000;}
.wb-link:hover .wb-more{color: #ef99b8;}

.wb-main.cont2{padding: 1.45rem .3rem 1.5rem;background-color: #f7fbfd;background-size: 100% auto;background-position: top center;}
/* .wb-main.cont2 .wb-cont{padding-bottom: .2rem;} */
@media(max-width: 1200px){
   .wb-main{padding-top: 1.45rem;}
}
@media(max-width: 750px){
    .wb-item{width: 50%;}
}
