﻿.headPoster {
    height: 500px;
    min-width: 1220px;
    margin-bottom: 20px;
    background: url(/images/about-us/companyPoster.png) no-repeat;
    background-size: cover;
    background-position: center;
} 


.font-title {
    margin-bottom: 20px;
    color: #000000;
    font-size: 3.33rem;
    text-align:center;
}
.font-intro {
    color: #666666;
    font-size: 1em;
    margin-bottom: 50px;
    text-align: center;
}
.css-grid-container{
    display:grid;
    grid-template-rows:repeat(2,1fr);
    grid-template-columns:repeat(2,1fr);
    grid-gap:16px;
    margin-bottom:70px;
}
.flex-container {
    display: flex;
    box-shadow: 3px 6px 5px 4px #e8e8e8;
    border-radius: 4px;
    background-color: white;
    justify-content:center;
    align-items:center
}
.flex-item{
    min-height:104px
}
.flex-item:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;

    flex: 0 0 104px;
}
.flex-item:nth-child(2) {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: center;
    flex: auto;
}
.item-title{
    font-size:1.66rem;
    color:black;
    margin-bottom:13px;
}
.item-intro {
    font-size: 1.66rem;
    color: #A0A0A0;
}


.high-tech-container {
    padding: 50px 0;
    margin-bottom: 100px;
}
.css-grid-container-high-tech {
    display: grid;
    grid-template-rows: repeat(1,1fr);
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 30px;
}

.flex-container-high-tech {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

.flex-item-high-tech-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex-item-high-tech {
    font-size: 1.16rem;
    color: #777777;
    height: 30px;
    line-height: 30px;
    flex: auto;
    text-align: center;
    margin: 15px 0;
}



.flex-container-multi-tech{
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
}
.flex-container-bottom-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
    min-width: 1220px;
}

.paragraph{
    text-indent:35px;
    margin:30px 0;
    line-height:30px;
    font-size:1em;
    text-align:justify;
}

.about-spd {
    height: 253px;
    text-align: center;
    background: url(/images/about-us/enterprise-culture.png) no-repeat center center;
    background-size: contain;

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;

    color:#ffffff;
}

.enterprise-title{
    font-size:3.33rem;   
    margin-bottom:25px;
}
.enterprise-graph {
    font-size: 1.5rem;
}


.enterprise-css-grid-container {
    display: grid;
    grid-template-rows: repeat(3,1fr);
    grid-template-columns: repeat(1,1fr);
    grid-gap: 16px;
    margin-bottom: 70px;
    width: 780px;
    margin: -49px auto 80px;
}
.enterprise-css-grid-container .flex-item {
    min-height: 200px;
}
.enterprise-css-grid-container  .flex-item:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 200px;
}
.enterprise-css-grid-container .flex-item:nth-child(2) {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: center;
    flex: auto;
}
.enterprise-css-grid-container .flex-item:nth-child(2) .item-title {
    font-weight: bold;
    color: black;
    font-size: 2.5rem;
}

.enterprise-css-grid-container .flex-item:nth-child(2) .item-intro {
    color: black;
}

.enterprise-css-grid-container .flex-container .item-title {
    height: 38px;
    width: 280px;
    background-size: contain !important;
}
.enterprise-css-grid-container .flex-container:nth-child(1) .item-title {
    background: url(/images/about-us/vision_font.png) no-repeat left center;
}
.enterprise-css-grid-container .flex-container:nth-child(2) .item-title {
    background: url(/images/about-us/valuesf_font.png) no-repeat left center;
}
.enterprise-css-grid-container .flex-container:nth-child(3) .item-title {
    background: url(/images/about-us/missionn_font.png) no-repeat left center;
}