﻿.about {
    min-width: 1200px;
    padding-top: 80px;
}

    .about .banner {
        width: 100%;
        height: 380px;
        overflow: hidden;
        position: relative;
    }

        .about .banner .banner-bg {
            height: 380px;
            background: url(../images/about/banner.png) no-repeat top center;
            margin: 0 auto;
        }

    .about .crumb-tab {
        width: 1200px;
        margin: 30px auto 0;
        justify-content: space-between;
    }

        .about .crumb-tab .crumb-item {
            width: 270px;
            color: #999;
            background: #ededed;
            font-size: 16px;
            text-align: center;
            padding: 15px 0;
            cursor: pointer;
        }

            .about .crumb-tab .crumb-item:hover {
                color: #Fff;
                background: #0a75ea;
            }

            .about .crumb-tab .crumb-item.active {
                color: #Fff;
                background: #0a75ea;
            }

    .about .about-content {
        width: 1200px;
        margin: 0 auto 10px;
    }

        .about .about-content .about-item {
            padding-top: 110px;
        }

            .about .about-content .about-item .item-title {
                color: #181818;
                font-size: 24px;
                text-align: center;
            }

                .about .about-content .about-item .item-title .section-line {
                    width: 64px;
                    margin: 30px auto 32px;
                    border-bottom: 4px solid;
                }

                .about .about-content .about-item .item-title .section-line {
                    border-color: #0a75ea;
                }

                .about .about-content .about-item .item-title.brand-culture-name .section-line {
                    border-color: #dbba6e;
                }

                .about .about-content .about-item .item-title.brand-honor-name .section-line {
                    margin: 30px auto 12px;
                }

            .about .about-content .about-item .team-title,
            .about .about-content .about-item .scale-title {
                font-size: 20px;
                color: #181818;
                margin-bottom: 20px;
            }

                .about .about-content .about-item .team-title i,
                .about .about-content .about-item .scale-title i {
                    height: 18px;
                    display: inline-block;
                    margin-right: 16px;
                    border-left: 7px solid #0a75ea;
                    position: relative;
                    top: 2px;
                }

            .about .about-content .about-item .company-intro {
                padding: 20px 30px;
                background: #f7f7f7;
            }

                .about .about-content .about-item .company-intro p {
                    font-size: 16px;
                    color: #181818;
                    margin-bottom: 7px;
                    line-height: 1.6;
                }

                    .about .about-content .about-item .company-intro p:last-child {
                        margin-bottom: 0;
                    }

            .about .about-content .about-item .company-team {
                margin-top: 20px;
                margin-bottom: 20px;
            }

                .about .about-content .about-item .company-team .team-item {
                    height: 205px;
                }

                .about .about-content .about-item .company-team .team-img {
                    width: 900px;
                }

                .about .about-content .about-item .company-team .team-dec {
                    font-size: 16px;
                    color: #181818;
                    margin: auto 0 auto 36px;
                }

                    .about .about-content .about-item .company-team .team-dec p {
                        margin-bottom: 14px;
                    }

                        .about .about-content .about-item .company-team .team-dec p:last-child {
                            margin-bottom: 0;
                        }

            .about .about-content .about-item .company-scale {
                margin-top: 30px;
            }

                .about .about-content .about-item .company-scale .scale-intro {
                    height: 170px;
                    justify-content: space-between;
                }

                    .about .about-content .about-item .company-scale .scale-intro p {
                        width: 490px;
                        line-height: 1.8;
                        font-size: 16px;
                        color: #181818;
                        margin: auto 0;
                    }

                    .about .about-content .about-item .company-scale .scale-intro .scale-img {
                        width: 510px;
                        height: 430px;
                    }

            .about .about-content .about-item .show-culture {
                justify-content: space-between;
            }

                .about .about-content .about-item .show-culture .culture-item {
                    border: 1px solid #ededed;
                    border-radius: 10px;
                    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
                    padding: 30px;
                    flex: 1;
                    margin-right: 40px;
                }

                    .about .about-content .about-item .show-culture .culture-item:last-child {
                        margin-right: 0;
                    }

                    .about .about-content .about-item .show-culture .culture-item .icon {
                        width: 60px;
                        height: 60px;
                        background: url(../images/about/mission.png) no-repeat;
                    }

                        .about .about-content .about-item .show-culture .culture-item .icon.vision {
                            background: url(../images/about/vision.png) no-repeat;
                        }

                        .about .about-content .about-item .show-culture .culture-item .icon.values {
                            background: url(../images/about/values.png) no-repeat;
                        }

                    .about .about-content .about-item .show-culture .culture-item .brand-values,
                    .about .about-content .about-item .show-culture .culture-item .brand-mission,
                    .about .about-content .about-item .show-culture .culture-item .brand-vision {
                        font-size: 18px;
                        color: #181818;
                        margin-top: 30px;
                    }

                    .about .about-content .about-item .show-culture .culture-item .line {
                        width: 60px;
                        margin: 20px 0;
                        border-bottom: 2px solid #181818;
                    }

                    .about .about-content .about-item .show-culture .culture-item .brand-culture-item-text {
                        font-size: 14px;
                        color: #999;
                        line-height: 1.6;
                    }

            .about .about-content .about-item .brand-honor {
                justify-content: space-between;
                flex-wrap: wrap;
            }

                .about .about-content .about-item .brand-honor .honor-box {
                    width: 224px;
                    height: 300px;
                    margin-top: 20px;
                }

            .about .about-content .about-item .contact {
                margin-top: 50px;
                margin-bottom: 10px;
            }

                .about .about-content .about-item .contact .contact-item {
                    width: 590px;
                }

                    .about .about-content .about-item .contact .contact-item:first-child {
                        margin-right: 20px;
                    }

                    .about .about-content .about-item .contact .contact-item .contact-map {
                        width: 180px;
                        height: 180px;
                        margin-right: 23px;
                    }

                    .about .about-content .about-item .contact .contact-item .contact-address {
                        width: 382px;
                        padding-top: 10px;
                    }

                    .about .about-content .about-item .contact .contact-item .contact-address-name {
                        font-size: 24px;
                        color: #181818;
                        margin-bottom: 20px;
                    }

                    .about .about-content .about-item .contact .contact-item .contact-address-intro {
                        font-size: 14px;
                        color: #999;
                    }

                        .about .about-content .about-item .contact .contact-item .contact-address-intro > div {
                            margin-bottom: 16px;
                        }

                            .about .about-content .about-item .contact .contact-item .contact-address-intro > div:first-child {
                                margin-bottom: 8px;
                            }

                                .about .about-content .about-item .contact .contact-item .contact-address-intro > div:first-child b {
                                    flex: 1;
                                    font-weight: normal;
                                    display: inline-block;
                                    line-height: 1.6;
                                    position: relative;
                                    top: -5px;
                                }

                            .about .about-content .about-item .contact .contact-item .contact-address-intro > div:last-child {
                                margin-bottom: 0;
                            }

                        .about .about-content .about-item .contact .contact-item .contact-address-intro span {
                            display: inline-block;
                            color: #181818;
                            width: 42px;
                        }
