a {
    font-size: 1vw;
}
.home {
    width: 100%;
    height: 47vw;
    background: #fff url(../images/services_bg1.png) 0 0 no-repeat;
    background-size: cover;
    margin-top: -30px;
}
.home-mask {
    width: 100%;
    height: 47vw;
    margin-top: 110px;
    background-color: #fff;
}
.bg2 {
    width: 100%;
    height: 56vw;
    background: #fff url(../images/services_bg2.png) 0 0 no-repeat;
    background-size: cover;
}

.bg2-desc {
    position: relative;
    top: 36%;
    left: 5.354vw;
    width: 80.924vw;
}

.bg2-desc p{
    font-size: 1.5vw;
    font-weight: bold;
    letter-spacing: 1.050vw;
    line-height: 6.568vw;
}
.bg2-desc-mask {
    height: 2.727vw;
    background: #000;
    position: relative;
    top: -5.717vw;
}

.bg3 {
    width: 100%;
    height: 56vw;
    background: #fff url(../images/services_bg3.png) 0 0 no-repeat;
    background-size: cover;
    overflow: hidden;
}
.bg3-left {
    position: relative;
    top: -36%;
    left: 10%;
    color: #fff;
    font-weight: 600;
}
.bg3-desc p {
    margin-bottom: 0.5rem;
}
.bg3-desc-title {
    font-size: 2.417vw;
    letter-spacing: 8px;
}
.bg3-desc-subtitle {
    font-size: 2.101vw;
    letter-spacing: 8px;
}
.bg3-desc-content {
    font-size: 1.050vw;
    letter-spacing: 8px;
    margin-top: 3.678vw;
    width: 55%;
}

.bg3-right {
    position: relative;
    left: 85%;
    top: 25%;
    width: 30%;
    height: 50%;
    border-radius: 100%;
    border: #fff solid 2px;
}
.dot {
    display: block;
    width: 0.525vw;
    height: 0.525vw;
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
}

.dot.one {
    top: 23%;
    left: 6%;
}
.dot.two {
    top: 35%;
    left: 1%;
}
.dot.three {
    top: 48%;
    left: -1%;
}
.dot.four {
    top: 61%;
    left: 0%;
}
.dot.five {
    top: 73%;
    left: 5%;
}
.dot.six {
    top: 84%;
    left: 13%;
}
.dot.active {
    width: 0.735vw;
    height: 0.735vw;
}
.item {
    position: absolute;
    color: #757575;
    font-weight: bold;
    z-index: 19;
}
.item a {
    letter-spacing: 8px;
}
.item.active {
    color: #fff;
    font-size: 1.313vw;
    line-height: 1;
}
.item.one.active {
    left: -43%!important;
}
.item.two.active {
    left: -47%!important;
}
.item.three.active {
    left: -32%!important;
}
.item.four.active {
    left: -38%!important;
}
.item.five.active {
    left: -32%!important;
}
.item.six.active {
    left: -25%!important;
}
.item.one {
    top: 21%;
    left: -36%;
}
.item.two {
    top: 33%;
    left: -44%;
}
.item.three {
    top: 46%;
    left: -32%;
}
.item.four {
    top: 59%;
    left: -36%;
}
.item.five {
    top: 71%;
    left: -31%;
}
.item.six {
    top: 82%;
    left: -25%;
}
.pointer {
    background-color: #a218186b;
    height: 1.366vw;
    position: absolute;
    left: -4.571vw;
    top: 0.683vw;
    z-index: -1;
}
.item.one .pointer {
    width: 14.083vw;
}
.item.two .pointer {
    width: 15.764vw;
}
.item.three .pointer {
    width: 10.667vw;
}
.item.four .pointer {
    width: 13.083vw;
}
.item.five .pointer {
    width: 12.764vw;
}
.item.six .pointer {
    width: 12.667vw;
}
.bg3-bottom {
    display: none;
}