/**
    关于我们
 */

/**
    banner
 */
.about-banner {
    background: url('../../img/about/banner.jpg') center top no-repeat;
    height: 520px
}

.banner-slogan {
    background-color: rgba(255, 255, 255, .5);
    font-size: 30px;
    padding: 22px 25px;
    display: inline-block;
    margin: 150px 100px
}

/**
    介绍
 */
.about-box {
    padding-top: 70px;
    padding-bottom: 70px
}

/*第一部分*/
.about-box .about-tit {
    font-size: 30px;
    line-height: 1.8
}

.about-intro .p-intro {
    color: #999;
    font-size: 18px;
    display: inline-block;
    margin-top: 30px;
    line-height: 2
}

/*第二部分*/
.about-value .value-wrap {
    margin-top: 40px;
    display: flex;
}

.about-value h3 {
    font-size: 20px;
    margin-top: 15px
}

.about-value .value-item {
    width: 350px;
    /*height: 250px;*/
    text-align: left;
    color: #fff;
    padding: 19px 10px 14px 10px;
    background-origin: content-box;
    background-position: right bottom;
    background-repeat: no-repeat;
    margin-left: 8px;
    margin-right: 8px;
    transition: all .3s;
}

.value-item:hover {
    margin-top: -40px;
}

.about-value .value-item h4 {
    font-size: 24px;
}

.about-value .value-item h5 {
    font-size: 18px;
    margin-top: 17px;
    margin-bottom: 17px
}

.about-value .value-item ul li {
    display: flex;
    font-size: 16px;
    margin: 5px 0;
}

.about-value .value-item ul li > div:first-child {
    padding-right: 10px;
}

.value-item-1 {
    background-color: #f09450;
    background-image: url("../../img/about/value_1.png")
}

.value-item-2 {
    background-color: #79c471;
    background-image: url("../../img/about/value_2.png")
}

.value-item-3 {
    background-color: #93a9d5;
    background-image: url("../../img/about/value_3.png")
}

.value-item-4 {
    background-color: #af88b8;
    background-image: url("../../img/about/value_4.png")
}

.value-item-5 {
    background-color: #3fbcef;
    background-image: url("../../img/about/value_5.png")
}

/*第三部分*/
.about-team .team-wrap, .about-forbid .forbid-wrap {
    margin-top: 40px
}

.about-team .team-item, .about-forbid .forbid-item {
    display: inline-block;
    vertical-align: top
}

.about-team .team-item {
    margin-left: 52px;
    margin-right: 52px
}

.about-team .team-item h6 {
    font-size: 24px;
    color: #666;
    margin-top: 15px
}

/*第四部分*/
.about-forbid .forbid-item {
    margin-left: 55px;
    margin-right: 55px
}

.about-forbid .forbid-item p {
    font-size: 18px;
    color: #666;
    line-height: 2
}

/*第五部分*/
.about-join {
    padding-top: 160px;
    padding-bottom: 370px
}

.about-join a {
    display: inline-block;
    padding: 22px 120px;
    border-radius: 40px;
    color: #fff;
    background-color: #188eee;
    border: 1px solid transparent;
    font-size: 24px;
    cursor: pointer;
    transition: all .3s;
}

.about-join a:hover {
    background-color: #fff;
    border: 1px solid #188eee;
    color: #188eee;
}

/*加入我们*/
.relation-box {
    padding-top: 70px;
    padding-bottom: 70px;
}

.relation-box .relation-title {
    font-size: 30px;
    line-height: 1.8;
}

.relation-box .relation-content {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-top: 40px;
}

.relation-box .relation-content .map-img {
    width: 300px;
    height: 200px;
    margin-right: 40px;
    transition: all .3s;
}

.relation-box .relation-content .map-img:hover {
    transform: scale(2.5);
}

.relation-box .relation-content .map-dec {
    text-align: left;
}

.map-dec > h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.map-dec > p {
    margin-bottom: 10px;
}

.map-dec span {
    font-size: 18px;
}

.map-dec__right {
    color: #666;
    padding-left: 10px;
}

/* 招聘信息 */
.need-box {
    padding-top: 70px;
    padding-bottom: 70px;
}

.need-box .need-title {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 1.8;
}

.need-box .need-content {

}

.need-java {

}

.need-java h5 {
    height: 35px;
    padding: 0;
    border: 1px solid #fff;

    font-size: 14px;
    line-height: 14px;

    color: #666;
    cursor: pointer;
    background: #ddf6ff;
}

.animation-rotate-1 {
    animation: rotate 5s infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}