.banner {
    width: 100%;
}
.banner img {
    width: 100%;
}
.first {
    width: 100%;
}
.first img {
    width: 100%;
}
.service {
    height: 37rem /* 1200/15 */;
    background: url(../image/feature/service.png) right 50% no-repeat; 
    width: 100%;
    text-align: center;
}
.service>div {
    width: 30%;
    display: inline-block;
}
.service .service-left {
    margin-top: 15%;
    text-align: left;
}
.service .service-left .eng .box{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #91DF1A;
}
.service .service-left .eng  span  {
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #C6C7CC;
    margin-left: 20px;
}
.service .service-left .text {
    display: flex;
    align-items: center;
}
.service .service-left .text .box {
    display: inline-block;
    width: 18px;
    height: 220px;
    background: #E8E8E8;
}
.service .service-left .text  span  {
    font-size: 67px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #005197;
    margin-left: 20px;
}
.service .service-right {
    position: relative;
    height: 60%;
}
.service .service-right .img-item {
    width: 120%;
    position: absolute;
    left: 0%;
    cursor: pointer;
}
.service .service-right .img-item img {
    width: 100%;
}
.service .service-right .img-item:nth-child(1){
    top: 20%;
    z-index: 3;
    transform: scale(1);
}
.service .service-right .img-item:nth-child(2){
    top: 47%;
    z-index: 2;
    transform: scale(0.95);
}
.service .service-right .img-item:nth-child(3){
    top: 72%;
    z-index: 1;
    transform: scale(0.9);
}
.service .service-right .current-img {
    z-index: 4 !important;
    transform: scale(1.05)  !important;
    transition: all .3s linear;
}
.health {
    width: 100%;
    height: 37rem /* 1200/15 */;
    margin-top: 127px;
}
.health>div {
    display: inline-block;
}
.health .health-left {
    width: 52%;
}
.health .health-left img {
    width: 100%;
}
.health .health-right {
    float: right;
    position: relative;
    height: 100%;
    width: 48%;
}
.health .health-right img {
    width: 56%;
    left: -10%;
    top: 35%;
    position: absolute;
}
.health .health-right .right-eng {
    margin: 8% 0 0 12%;
    font-size: 1.2rem /* 20/15 */;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #C6C7CC
}
.health .health-right .right-title {
    margin: 30px 0 0 12%;
    font-size: 3.2rem /* 58/15 */;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #005197;
    line-height: 53px;
}
.user {
    height: 26.6rem;
}
.user .color {
    height: 6rem;
    width: 100%;
    background: #005197;
    text-align: center;
}
.user .user-content {
    height: 20rem;
    display: flex;
    justify-content: center;
}
.user .user-content .cont-left {
    display: inline-block;
    width: 46%;
    position: relative;
}
.user .user-content .cont-left  img {
    position: absolute;
    left: 10%;
    top: -6rem;
    width: 90%;
}
.user .user-content .cont-right {
    display: inline-block;
    width: 30%;
    padding: 3% 0 0 4%;
    box-sizing: border-box;
}
.user .user-content .cont-right .right-eng {
    font-size: 0.9rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #C6C7CC;
    margin-bottom: 20px;
}
.user .user-content .cont-right .right-title {
    font-size: 2.4rem /* 38/15 */;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #005197;
    line-height: 34px;
    margin-bottom: 40px;
}
.user .user-content .cont-right .right-text {
    font-size: .8rem /* 12/15 */;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #7F7F7F;
    line-height: 34px;
}
.price .title {
    text-align: center;
}
.price .title img {
    width: 25%;
}
.price .img-list{
    width: 80%;
    margin: 3rem auto;
}
.price .img-list img {
    width: 24%;
}
.transition {
    width: 100%;
    text-align: center;
    margin-bottom: 3rem;
}
.transition img {
    width: 3%;
}