/*公共样式*/
.H_Title {
margin: 120px 0 20px;
text-align: center;
font-size: 40px;
color: #000;
}

.H_Paragraph {
text-align: center;
font-size: 16px;
color: #333;
margin-bottom: 80px;
}
.headPoster{
height:500px;
overflow:hidden;
margin:0 auto;
text-align:center;
margin-bottom:20px;
background:url(/Images/aboutUs/companyPoster.png) no-repeat center center;
}

/*左侧标签页*/
.leftAside {
padding-left: 0;
list-style: none;
float: left;
font-size: 20px;
}

.leftAside li {
width: 200px;
}

.leftAside li a {
    line-height: 50px;
    height: 50px;
    width: 100%;
    color: #000;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

.leftAside > li.active > a,
.leftAside > li > a:hover { /*菜单选项被选中的颜色和鼠标移上去的背景颜色及字体颜色*/
text-decoration: none;
color: #2771fa;
}

.rightContent {
margin-left: 205px;
color: #000;
padding-top:26px;
}


.font-title {
    margin-bottom: 20px;
    color: #000000;
    font-size: 40px;
    text-align:center;
}
.font-intro {
    color: #666666;
    font-size: 16px;
    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:20px;
    color:black;
    margin-bottom:13px;
}
.item-intro {
    font-size: 20px;
    color: #A0A0A0;
}

.css-grid-container-honour {
    display: grid;
    grid-template-rows: repeat(1,1fr);
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 50px;
}

.flex-container-honour{
    display:flex;
    flex-flow:column nowrap;
    justify-content:flex-start;
    align-items:center;
}
.flex-item-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex-item-honour {
    font-size: 14px;
    color: black;
    height: 30px;
    line-height: 30px;
    flex:auto;
}
.flex-item-honour:last-child{
    font-weight:bold
}

.high-tech-container {
    background-color: #FCFCFC;
    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: 14px;
    color: #777777;
    height: 30px;
    line-height: 30px;
    flex: auto;
    text-align: center;
    margin: 15px 0;
}

.css-grid-container-high-tech-display {
    display: grid;
    grid-template-rows: repeat(1,1fr);
    grid-template-columns: repeat(5,1fr);
    margin-bottom: 30px;
}
.css-grid-container-high-tech-display img{
    width:185px;
}

.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;
}
    .flex-container-bottom-banner img {
        max-width: 100%;
    }

    .paragraph{
        text-indent:35px;
        margin:30px 0;
        line-height:30px;
        font-size:16px;
        text-align:justify;
    }

.about-spd {
    height: 253px;
    text-align: center;
    background: url(/Images/aboutUs/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:40px;   
    margin-bottom:25px;
}
.enterprise-graph {
    font-size: 18px;
}


.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: 30px;
            }

            .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/aboutUs/vision_font.png) no-repeat left center;
    }
    .enterprise-css-grid-container .flex-container:nth-child(2) .item-title {
        background: url(/Images/aboutUs/valuesf_font.png) no-repeat left center;
    }
    .enterprise-css-grid-container .flex-container:nth-child(3) .item-title {
        background: url(/Images/aboutUs/missionn_font.png) no-repeat left center;
    }