﻿.presentationData {
    width: 100vw;
    height: 32vh;
  /*  background-image: url(/mobile/images/aboutUs/bg.png);
    background-size: 100% 30vh;*/
    background-repeat: no-repeat;
    overflow: hidden;
}

.aboutUs-header {
    margin: 0 auto;
    margin-bottom: 3vh;
    width: inherit;
}

    .aboutUs-header > p:nth-child(1) {
        width: inherit;
        height: 8vh;
        line-height: 8vh;
        text-align: center;
        font-weight: bold;
    }

    .aboutUs-header > p:nth-child(2) {
        margin: 0 auto;
        width: 8vw;
        height: 2px;
        line-height: 2px;
        background-color: #3C7AFB;
    }

.aboutUs-content {
    margin: 0 auto;
    width: 90vw;
    background-color: white;
    border-radius: 5px;
    box-shadow: 10px 1px 20px 0px #cacaca;
    overflow: hidden;
    margin-bottom:5vh;
}

.aboutUs-content-title {
    margin: 0 auto;
    margin-top: 3vh;
    margin-bottom: 3vh;
    width: 80vw; 
    font-size: 9px;
    text-align: center;
    color: #182047;
    line-height: 30px;

}

.aboutUs-content-other {
    margin: 0 auto;
    width: 80vw;
    height: 10vh;
    overflow: hidden;
}

.ACO-element {
    margin-right: 1vw;
    width: 25vw;
    height: inherit;
    display: inline-block;
    overflow: hidden;
}

    .ACO-element:last-child {
        margin-right: 0;
    }

    .ACO-element > p:nth-child(1) {
        width: inherit;
        height: 5vh;
        line-height: 5vh;
        text-align: center;
        color: #F1C40F;
        font-size: 21px;
    }

    .ACO-element > p:nth-child(2) {
        width: inherit;
        text-align: center;
        color: #999999;
        font-size: 7px;
    }

.corporateCulture {
    margin: 0 auto;
    margin-bottom: 3vh;
    width: 90vw;
    height: 20vh;
    background-image: url(/mobile/images/aboutUs/bg2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.companyQualifications {
    margin: 0 auto;
    margin-bottom: 3vh;
    width: 90vw;
    height: 65vh;
}

.companyQualifications-content {
    width: inherit;
    height: 50vh;
    background-image: url(/mobile/images/aboutUs/bg3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}

.companyQualifications-content-image {
    width: inherit;
    height: inherit;
    background-image: url(/mobile/images/aboutUs/bg4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: scaleX(0.7) scaleY(0.5);
}

.companyQualifications-title {
    width: inherit;
    height: 10vh;
    line-height: 10vh;
    text-align: center;
    font-size: 11px;
    color: #182047;
    font-weight: bold;
}

.companyQualifications-button {
    margin: 0 auto;
    width: 90vw;
    height: 5vh;
}

    .companyQualifications-button > p:nth-child(1) {
        margin-right: 2vw;
        width: 9vw;
        height: inherit;
        background-image: url(/mobile/images/aboutUs/icon1.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        display: inline-block;
    }

    .companyQualifications-button > p:nth-child(2) {
        margin-right: 2vw;
        width: 9vw;
        height: inherit;
        background-image: url(/mobile/images/aboutUs/icon2.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        display: inline-block;
    }

    .companyQualifications-button > p:nth-child(3) {
        width: 65vw;
        height: inherit;
        display: inline-block;
    }

        .companyQualifications-button > p:nth-child(3) > span:nth-child(1) {
            margin-top: 2vh;
            width: inherit;
            height: 4px;
            display: block;
            background-color: #EBEBEB;
            border-radius: 5px;
        }

        .companyQualifications-button > p:nth-child(3) > span:nth-child(2) {
            margin-top: -4px;
            width: 50%;
            height: 4px;
            display: block;
            background-color: #3C7AFB;
            border-radius: 5px;
            position: relative;
            z-index: 10;
        }

.contactUs {
    margin: 0 auto;
    margin-bottom: 3vh;
    width: 90vw;
}

.contactUs-title {
    width: inherit;
    height: 8vh;
    line-height: 8vh;
    color: #182047;
    font-weight: bold;
    font-size: 9.5px;
}

.contactUs-address {
    padding-left: 8vw;
    width: inherit;
    height: 6vh;
    line-height: 6vh;
    background-image: url(/mobile/images/aboutUs/address.png);
    background-size: 5vw 50%;
    background-position-y: center;
    background-repeat: no-repeat;
    color: #6F6D7B;
    font-size: 8px;
    overflow: hidden;
}

.contactUs-phone {
    padding-left: 8vw;
    width: inherit;
    height: 5vh;
    line-height: 5vh;
    background-image: url(/mobile/images/aboutUs/phone.png);
    background-size: 5vw 40%;
    background-position-y: center;
    background-repeat: no-repeat;
    color: #182047;
    font-size: 8px;
    font-weight: bold;
    overflow: hidden;
}


.map {
    width: inherit;
    height: 40vh;
    background-image: url(/mobile/images/aboutUs/cs1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
