/* @font-face {
    font-family: 'enFont';
    src: url("./typeface/Gilroy-Medium.ttf");
    
}

@font-face {
    font-family: 'chFont';
    src: url("./typeface/MiSans-Regular.ttf");
} */

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 500;
    vertical-align: baseline;
    background: transparent;
}

body {
    background-color: #fff;
    width: 100%;
    height: 100%;
    /* font-family: "chFont" !important; */
}
.ob-headimg {
    height: 37.9vw;
    background-image: url(../../image/aboutaus/bg.jpg);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
}

.ob-center-box {
    width: 62%;
    margin: 4vw 20vw;
}

/* δΈ */
.ob-title {
    text-align: center;
    font-size: 40px;
    padding: 30px 0 60px 0;
}
.ob-title img{
    width: 6.5943rem;
}
.en-title{
    /* font-family: 'enFont'; */
}

.ob-section-content>p {
    text-align: center;
    font-size: 15px;
    padding: 4px 0;
    font-family: "ob-pingfang-medium";
}

.ob-section-content>p:nth-child(2n) {
    margin-bottom: 15px;
}

.ob-ob-sections-wrapper {
    min-width: 750px;
}

.ob-section-content {
    position: relative;
    /* min-height: calc(100vh - 4.42869rem); */
    margin-bottom: 120px;
}

.stserve {
    padding-bottom: 96px;
    /* margin: 96px auto 0; */
    background-color: #fff;
}

.stserve_title {
    font-size: 35px;
    line-height: 48px;
    color: rgba(0, 0, 0, .85);
    margin-bottom: 60px;
    text-align: center;
}

.ob-appqr {

    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f7f8f9;
    height: 300px;
    position: relative;
}

.ob-app-left {
    width: 50%;
    display: flex;
    position: absolute;
    left: 6vw;

}

.ob-app-right {
    height: 140px;
    width: 140px;
    background-image: url(../../image/index/app-qr.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 6vw;
    display: flex;
    justify-content: center;
}
.download-app{
    position: absolute;
    bottom: -20px;
    font-size: 14px;
    color: #464646;
    font-family: "ob-pingfang-medium";
}

*,
:after,
:before {
    box-sizing: border-box;
}

.ob-app-text {
    /* height: 85px;
    line-height: 40px;
    align-items: center;
    margin-left: 10px; */


    height: 0.84145rem;
    margin-left: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.ob-app-logo {
    width: 0.88541805rem;
    height: 0.88541805rem;
    background-image: url(../../image/aboutaus/logo.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.ob-app-title {
    font-size: 1.55vw;
}
.ob-app-title img{
    width: 2.3rem;
}

.ob-app-content {
    color: #464646;
    font-size: 0.1314rem;
    font-family: "ob-pingfang-medium";
}

.ob-wxqr {
    display: flex;
    width: 100%;
    height: 230px;
    margin-top: 15px;
}

.ob-qr {
    width: 32%;
    background-color: #f7f8f9;
}

#ob-qr {
    margin: 0 10px;
}

.ob-qywechat,
.ob-gzh,
.ob-xcx
 {
    width: 100%;
    height: 215px;
    text-align: center;
}
.ob-left-content {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 1.4rem;
}
.ob-qywechat-qr,
.ob-gzh-qr,
.ob-xcx-qr,
.ob-sph-qr {
    width: 100px;
    height: 100px; 
    margin: 40px auto;
}
.ob-qywechat-qr{
    background-image: url(../../image/aboutaus/moxia-logo.png);
    background-repeat: no-repeat;
    background-size: 100%;

}
.ob-gzh-qr{
    background-image: url(../../image/aboutaus/gzh-qr.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.ob-xcx-qr{
    background-image: url(../../image/aboutaus/xcx-qr.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.ob-sph-qr{
    background-image: url(../../image/aboutaus/sph.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.ob-qr-title {
    font-family: "ob-pingfang-medium";
    font-size: 20px;
    padding-bottom: 10px;
}

.ob-content {
    font-size: 5px;
    padding: 3px 0;
    color: #8f8d8d;
}

.ob-contact{
    display: flex;
    width: 100%;
    height: 20vw;
    background-image: url(../../image/aboutaus/about-1.jpg);
    background-size: cover;
    /* margin-bottom: 40px; */
}

.ob-contact-left {
    width: 50%;
    height: 20vw;
    display: flex;
    text-align: center;
    align-items: center;
    font-family: "ob-pingfang-medium";
}

.ob-contact-right {
    width: 50%;
    height: 20vw;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.ob-phone-logo {
    width: 2.3vw;
    height: 2.3vw;
    background-image: url('../../image/aboutaus/phone.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    margin: 0 auto;
}

.ob-contact-title {
    font-size: 20px;
    padding-bottom: 0.875vw;
}

.ob-phone-number {
    font-size: 14px;
    line-height: 26px;
    color: #8f8d8d;
}
.xs-content{
    display: none;
}
.bottom-bg{
    width: 1.6rem;
    height: 1.6rem;
}
.ob-telphone{
    color: #000000;
    font-size: 22px;
}

@media (max-width:750px) {
    .ob-section-content {
        position: relative;
        margin-bottom: 0;
        min-height: calc(100vh - 15.985779rem);
    }
    .ob-app-text {
        margin-left: 0;
    }
    .stserve_title {
        font-size: 35px;
        margin-bottom: 50px;
        margin-top: 70px;
    }
    .ob-left-content {
      
        height: auto;
    }
    .ob-headimg {
        height: 37.26vw;
    }
    .ob-phone-number {
       
        line-height: 0.9rem;
        
    }
    .ob-section-content>p {
        font-size: 12px;
        line-height: 20px;
    }
    .ob-phone-logo{
        width: 35px;
        height: 35px;
        margin: 20px auto;
    }
    .ob-sections-wrapper {
        min-width: 350px;
    overflow: hidden;
    }
    .ob-center-box{
        width: 85%;
        margin: 30px auto 0 auto;
    }
    .ob-title {
     
        font-size: 18px !important;
        padding: 30px 0;
    }

    .ob-title img{
        width: 9.5943rem;
    }
    .introduction{
        display: none;
    }
    
    .xs-content{
        display: block;
    }
    .ob-section-content>p:nth-child(2n) {
        margin-bottom: -6px;
        margin-top: 8px;
    }
    .stserve {
        margin: 160px auto 0 ;
        padding-bottom: 0;
    }

    .ob-appqr{
        display: block;
        height: 300px;
        position: relative;
        background-color: #fff;
    }
    .ob-app-right {
        height: 200px;
        width: 200px;
        background-color: #ccc;
        position: relative;
        left: calc(50% - 100px);
        top: 79px;
      
    }
.ob-app-content{
    text-align: center;
}
.ob-app-content{
    margin-top: 5px;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 8px;
    /* font-family: auto; */
   
}
.ob-app-logo{
    display: none;
}
.ob-app-left {
    position: absolute;
    left: calc(50% - 4.25rem);
    width: 76%;
}
.ob-wxqr{
    margin-top: 25px;
    height: 175px;
}
.ob-qr{
    background-color: #fff;
    width: 24%;
}
#ob-qr{
    margin: 0 6px;
}
.ob-qr-title {
    font-size: 14px;
 
}
.ob-qywechat-qr, .ob-gzh-qr, .ob-xcx-qr,.ob-sph-qr {
    margin: 25px auto 0;
    background-size: 100%;
    width: 80px;
    height: 88px;
}

.ob-content {
    padding: 1px 0;
}
.ob-app-title {
    font-size: 28px;
    padding-bottom: 7px;
}
.ob-app-title img{
    width: 8.5rem;
}

.ob-contact{
    display: block;
    height: 14rem;
}
.ob-contact-left {
    position: absolute;
    top: 15%;
    width: 100%;
    height: 150px;
    background-color: #fff;
}
.ob-contact{
    background: url(../../image/aboutaus/p-about-1.jpeg);
    background-size: cover;
    margin-bottom: 30px;
}
.ob-contact-right {
    position: absolute;
    top: 98px;
    width: 100%;
    height: 200px;
    background:url(../../image/aboutaus/p-about-1.jpeg);
    display: none;
    background-size: cover;
}

}

@media (min-width:1500px) {
    /* html{
        font-size: 112px !important;
    } */
}