.md34473.y-main{width: 100%;position: relative;font-family: Montserrat-Regular;padding: 0.95rem 0.3rem 1rem;overflow: hidden;scroll-margin-top: 1rem;}
.md34473.y-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;z-index: 12;}
.md34473.y-main .y-hd{width: 100%;display: flex;justify-content: space-between;margin-bottom: .3rem;}
.md34473.y-main .y-logo-box{height: .72rem;}
.md34473.y-main .y-logo{width: auto;height: 100%;vertical-align: top;}
.md34473.y-main .y-text{flex: 1;padding-left: 1.08rem;color: #666;line-height: 1.5;}
.md34473.y-main .y-box{width: 100%;border-radius: .2rem;overflow: hidden;}
.md34473.y-main .y-img{width: 100%;height: auto;vertical-align: top;}
@media(max-width: 750px){
    .md34473.y-main{padding: .6rem .3rem;}
    .md34473.y-main .y-hd{display: block;}
    .md34473.y-main .y-logo-box{margin-bottom: .3rem;}
    .md34473.y-main .y-text{padding-left: 0;}
}


.md34473.u-main{width: 100%;position: relative;font-family: Montserrat-Regular;padding: .85rem .3rem .7rem;overflow: hidden;scroll-margin-top: 1rem;}
.md34473.u-main .u-bg{width: 100%;min-height: 100%;height: auto;position: absolute;left: 0;top: 0;object-fit: cover;pointer-events: none;}
.md34473.u-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;z-index: 12;}
.md34473.u-main .title{color:#fff;line-height:1.25;font-family: Montserrat-SemiBold;text-align: center;font-weight: bold;margin-bottom: .35rem;}
.md34473.u-main .card-grid{width: 100%;display: flex;flex-wrap: wrap;}
.md34473.u-main .card{width: calc(50% - 0.2rem);margin-right: 0.4rem;margin-bottom: 0.3rem;padding: .38rem;background-color: rgba(255,255,255,0.8);border-radius: .2rem;font-size: 0;border: 0.02rem solid #fff;transition: all .3s;}
.md34473.u-main .card:nth-child(2n){margin-right: 0;}
.md34473.u-main .card-img-wrap{display: inline-block;vertical-align: middle;width: 2.4rem;height: 2.4rem;border-radius: .2rem;border: 0.02rem solid #fff;overflow: hidden;position: relative;}
.md34473.u-main .card-img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease 0s;}
.md34473.u-main .card:hover .card-img{background-color: #fff;transform: scale(1.07);}
.md34473.u-main .card-cnt{display: inline-block;vertical-align: middle;width: calc(100% - 2.4rem);padding-left: .4rem;}
.md34473.u-main .card-t{background: -webkit-linear-gradient(left,var(--active), var(--theme));-webkit-background-clip: text;color: transparent;background-clip: text;line-height: 1.333;}
.md34473.u-main .card-desc{color: #666;line-height: 1.5;margin-top: .16rem;}
@media(max-width: 750px){
    .md34473.u-main{padding: .6rem .3rem .3rem;}
    .md34473.u-main .card{width: 100%;margin-right: 0;padding: .3rem;}
    .md34473.u-main .card-cnt{padding-left: .3rem;}
}
@media(max-width: 500px){
    .md34473.u-main .card{display: block;}
    .md34473.u-main .card-img-wrap{margin: 0 auto .25rem;display: block;width: 3rem;height: 3rem;}
    .md34473.u-main .card-cnt{width: 100%;padding-left: 0;}
    .md34473.u-main .card-desc{margin-top: .1rem;}
}


.md34473.w-main{width: 100%;position: relative;font-family: Montserrat-Regular;padding: .95rem .3rem 0;overflow: hidden;scroll-margin-top: 1rem;}
.md34473.w-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;z-index: 12;}
.md34473.w-main .title{color:#333;line-height:1.25;font-family: Montserrat-SemiBold;text-align: center;font-weight: bold;margin-bottom: .35rem;}
.md34473.w-main .w-bn{width: calc(100% + 0.46rem);margin-left: -0.23rem;}
.md34473.w-main .w-s{width: 5.49rem;padding: 0 0.23rem;}
.md34473.w-main .card{width: 100%;position: relative;}
.md34473.w-main .card-img-wrap{width: 100%;padding-top: 121.568%;position: relative;border-radius: .2rem;overflow: hidden;}
.md34473.w-main .card-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: transform 12s cubic-bezier(.23, 1, .32, 1);}
.md34473.w-main .card-img-wrap:before,
.md34473.w-main .card-img-wrap:after{content: "";display: block;width: 100%;height: 2.37rem;background-size: 100% 100%;position: absolute;left: 0;bottom: 0;z-index: 2;transition: opacity .3s;}
.md34473.w-main .card-img-wrap:before{background-image: url(../images/service-3-mask.png);}
.md34473.w-main .card-img-wrap:after{background-image: url(../images/service-3-mask2.png);opacity: 0;}
.md34473.w-main .card:hover .card-img-wrap:before{opacity: 0;}
.md34473.w-main .card:hover .card-img-wrap:after{opacity: 1;}
.md34473.w-main .card:hover .card-img{transform: scale(1.1);}
.md34473.w-main .card-overlay{width: 100%;position: absolute;left: 0;bottom: 0.3rem;z-index: 12;}
.md34473.w-main .card-t{width: 100%;text-align: center;color: #fff;line-height: 1.333;padding: 0 0.2rem;}

@media(max-width: 750px){
    .md34473.w-main{padding: .55rem .3rem 0;}
    .md34473.w-main .w-bn{width: calc(100% + 0.3rem);margin-left: -0.15rem;}
    .md34473.w-main .w-s{padding: 0 0.15rem;}
}
@media(max-width: 500px){
    .md34473.w-main .card-overlay{bottom: 0.2rem;}
    .md34473.w-main .w-s{width: 3.6rem;}
}


.md34473.x-main{width: 100%;position: relative;font-family: Montserrat-Regular;padding: 1rem 0.3rem;overflow: hidden;scroll-margin-top: 1rem;}
.md34473.x-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;z-index: 12;}
.md34473.x-main .hd {width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: .5rem;}
.md34473.x-main .title{color:#333;line-height:1;font-family: Montserrat-SemiBold;font-weight: bold;}
.md34473.x-main .tabs {display: inline-block;vertical-align: top;background-color: #f7f7f7;border: 1px solid #e2e2e2;border-radius: calc(1.25em + 0.3125em);padding: 0.3125em 0 0.3125em 0.2rem;}
.md34473.x-main .tab-list {display: inline-block;vertical-align: top;font-size: 0;white-space: nowrap;}
.md34473.x-main .tab {color: #333;line-height: 2.5;border-radius: 1.25em;display: inline-block;vertical-align: top;padding: 0 0.2rem;margin-right: .2rem;cursor: pointer;transition: all .3s;}
.md34473.x-main .tab:hover{background-color: var(--active);color: #fff;}
.md34473.x-main .tab.active {background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));color: #fff;}
.md34473.x-main .x-conts{width: 100%;position: relative;}
.md34473.x-main .x-cont{width: 100%;position: absolute;left: -200vw;top: 0;}
.md34473.x-main .x-cont.show{position: relative;left: 0;}
.md34473.x-main .x-bn{width: 100%;}
.md34473.x-main .card {width: 100%;background-color: #f5f5f5;padding: .6rem .78rem .6rem .6rem;border-radius: .2rem;display: flex;align-items: center;}
.md34473.x-main .card-cnt {flex: 1;padding-left: .78rem;}
.md34473.x-main .card-desc {color: #666;line-height: 1.5;min-height: 2.84rem;}
.md34473.x-main .card-img-wrap {width: 7.2rem;height: 4.8rem;border-radius: .2rem;overflow: hidden;position: relative;}
.md34473.x-main .card-img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: transform 12s cubic-bezier(.23, 1, .32, 1);}
.md34473.x-main .card-img-wrap:hover .card-img{transform: scale(1.1);}
.md34473.x-main .card-nav {font-size: 0;padding-top: .3rem;}
.md34473.x-main .nav-btn {display: inline-block;vertical-align: top;width: .6rem;height: .6rem;border-radius: 50%;background-color: #fff;position: relative;cursor: pointer;}
.md34473.x-main .nav-btn:before{content: "";display: block;border-top: .06rem solid transparent;border-bottom: .06rem solid transparent;position: absolute;left: 50%;top: 50%;margin-left: -0.05rem;margin-top: -0.06rem;z-index: 2;transition: all .3s;}
.md34473.x-main .nav-btn:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));border-radius: 50%;opacity: 0;transition: opacity .3s;}
.md34473.x-main .x-next:before{border-left: .09rem solid #666;}
.md34473.x-main .x-prev:before{border-right: .09rem solid #666;}
.md34473.x-main .x-prev{margin-right: .15rem;}
.md34473.x-main .nav-btn:hover:after{opacity: 1;}
.md34473.x-main .x-next:hover:before{border-left-color: #fff;}
.md34473.x-main .x-prev:hover:before{border-right-color: #fff;}
@media(max-width: 1200px){
    .md34473.x-main .card{padding: .5rem .3rem;}
    .md34473.x-main .card-cnt{padding-left: .3rem;}
}
@media(max-width: 750px){
    .md34473.x-main{padding: .6rem .3rem;}
    .md34473.x-main .card{display: block;}
    .md34473.x-main .card-img-wrap{margin: 0 auto .3rem;}
    .md34473.x-main .card-cnt{padding-left: 0;}
    .md34473.x-main .hd{display: block;text-align: center;margin-bottom: .4rem;}
    .md34473.x-main .tabs{max-width: calc(100% + 0.6rem);overflow: auto;margin-top: .4rem;padding-right: .2rem;}
    .md34473.x-main .tab{margin-right: 0;}
}
@media(max-width: 500px){
    .md34473.x-main .card-img-wrap{width: 100%;height: auto;padding-top: 66.666%;}
    .md34473.x-main .tabs{background-color: transparent;padding:0;border: none;width: calc(100% + 0.6rem);margin-left: -0.3rem;padding-left: 0.3rem;padding-right: 0.1rem;}
    .md34473.x-main .card-nav{text-align: center;}
    .md34473.x-main .card{padding: .3rem;}
}