.banner {
    background: url(../images/company/banner.jpg) no-repeat;
    background-size: 100%;
    padding-top: 1.413333rem
}

.banner > p {
    font-family: MicrosoftYaHeiLight;
    font-size: .8rem;
    color: #fff;
    text-align: center
}

.banner > span {
    display: block;
    text-align: center;
    font-family: MicrosoftYaHeiLight;
    font-size: .32rem;
    color: #fff;
    margin-top: .106667rem
}

.content {
    background-color: #f4f4f4;
    width: 100%
}

.content .values {
    width: 100%;
    height: 11.833333rem;
    box-sizing: border-box;
    padding-top: 1.133333rem
}

.content .values > p {
    text-align: center;
    font-family: SourceHanSansCN-Normal;
    font-size: .64rem;
    color: #333
}

.content .values .outer-container {
    margin-top: .8rem;
    box-sizing: border-box;
    padding-left: 66px
}

.content .values .outer-container .swiper-container {
    width: 4.666667rem !important;
    margin: 0;
    overflow: visible
}

.content .values .outer-container .swiper-container .swiper-wrapper {
    width: 4.666667rem !important;
    margin-bottom: .933333rem
}

.content .values .outer-container .swiper-container .swiper-wrapper .swiper-slide {
    width: 4.666667rem !important;
    height: 7.666667rem;
    margin-right: .4rem
}

.content .values .outer-container .swiper-container .swiper-wrapper .swiper-slide .inner-wrapper {
    width: 100%;
    height: 100%
}

.content .values .outer-container .swiper-container .swiper-wrapper .swiper-slide .inner-wrapper .wrapper-top {
    width: 100%;
    height: 2.666667rem;
    background-color: #4381ff;
    box-sizing: border-box;
    padding-top: .613333rem;
    padding-left: 1.613333rem
}

.content .values .outer-container .swiper-container .swiper-wrapper .swiper-slide .inner-wrapper .wrapper-top img {
    display: block;
    width: 1.44rem;
    height: 1.44rem;
    min-width: auto;
    margin: 0;
}

.content .values .outer-container .swiper-container .swiper-wrapper .swiper-slide .inner-wrapper .wrapper-bottom {
    width: 100%;
    height: 5rem;
    background-color: #fff;
    box-sizing: border-box;
    padding: .466667rem .573333rem 0 .64rem
}

.content .values .outer-container .swiper-container .swiper-wrapper .swiper-slide .inner-wrapper .wrapper-bottom > p {
    font-size: .48rem;
    font-weight: 600;
    color: #333;
    margin-bottom: .066667rem
}

.content .values .outer-container .swiper-container .swiper-wrapper .swiper-slide .inner-wrapper .wrapper-bottom > p > strong {
    font-size: .8rem;
    letter-spacing: -0.066667rem
}

.content .values .outer-container .swiper-container .swiper-wrapper .swiper-slide .inner-wrapper .wrapper-bottom > span {
    font-family: MicrosoftYaHeiLight;
    font-size: .32rem;
    color: #999
}

.content .imgs {
    width: 100%
}

.content .imgs img {
    display: block;
    width: 100%
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: -0.933333rem !important;
    left: 40% !important
}