.banner-wrapper {
    background: url('../img/product-background.png') no-repeat;
    height: 9.79rem;
    text-align: center;
    background-size: 100% 100%;
    padding-top: 1.84rem;
}

.banner-wrapper .title {
    font-weight: 500;
    font-size: 0.69rem;
    color: #3D3D3D;
    line-height: 1.01rem;
    text-align: center;
}

.banner-wrapper .subtitile {
    font-weight: 500;
    font-size: 0.43rem;
    color: #35B7AD;
    line-height: 0.61rem;
}

.accuracy-wrapper {
    text-align: center;
}

.accuracy-wrapper p {
    font-weight: 400;
    font-size: 0.46rem;
    color: #3D3D3D;
    line-height: 0.67rem;
}

.accuracy-wrapper p span {
    color: #35B7AD;
}

.accuracy-info {
    display: inline-block;
    text-align: left;
    margin: 0.38000rem auto 0;
}

.accuracy-info img {
    margin-right: 0.15rem;
    margin-bottom: 0.07000rem;
    margin-top: 0.12rem;
    width: 0.31rem;
    height: 0.31rem;
}

.accuracy-wrapper div {
    font-weight: 400;
    font-size: 0.37rem;
    color: #666666;
    line-height: 0.64rem;
}

.accuracy-wrapper div p {
    font-weight: 400;
    font-size: 0.48rem;
    color: #3D3D3D;
    line-height: 0.69rem;
    text-align: center;
}

.accuracy-wrapper .accuracy-info div {
    display: flex;
}

.accuracy-wrapper .accuracy-info div p {
    width: 8.40rem;
    font-weight: 400;
    font-size: 0.36rem;
    color: #666666;
    line-height: 0.62rem;
    text-align: left;
    margin-bottom: 0.13rem;
}


.clinical-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 9.06rem;
    margin: 0 auto 1.00000rem;
}

.clinical-wrapper .unit {
    width: 4.53rem;
    height: 1.82rem;
    text-align: center;
    cursor: pointer;
    transition: all .3s linear;
}

body .clinical-wrapper .unit:hover {
    background-size: 110% 110%;
}

.clinical-wrapper .name {
    font-weight: 700;
    font-size: 0.31rem;
    color: #35B7AD;
    line-height: 0.44rem;
    padding-top: 0.41rem;
}

.clinical-wrapper .use {
    font-weight: 400;
    font-size: 0.31rem;
    color: #FFFFFF;
    line-height: 0.44rem;
}

.clinical-wrapper .unit:nth-child(1) {
    background: url('../../src/assets/img/product/swan/use1.png') no-repeat;
    background-size: 102% 102%;
    background-position: center center;
}

.clinical-wrapper .unit:nth-child(2) {
    background: url('../../src/assets/img/product/swan/use2.png') no-repeat;
    background-size: 102% 102%;
    background-position: center center;
}

.clinical-wrapper .unit:nth-child(3) {
    background: url('../../src/assets/img/product/swan/use3.png') no-repeat;
    background-size: 102% 102%;
    background-position: center center;
}

.clinical-wrapper .unit:nth-child(4) {
    background: url('../../src/assets/img/product/swan/use4.png') no-repeat;
    background-size: 102% 102%;
    background-position: center center;
}