
.headerView {
    margin-top: 130px;
    width: 100%;
    height: 300px;
    background-image: url('../images/common/topbg_about_banner.png');
    background-size: 100% 100%;
    
}
.headerView .img{
    margin-left: 120px;
    margin-top: 60px;
}
/* 了解我们 */
.about {
    background-color: #f4f4f4;
}
/* 标签切换 */
.about .tabbarView {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
    line-height: 52px;
    text-align: center;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
.about .tabbarView .leftItem {
    width: 180px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
}
.about .tabbarView .rightItem {
    width: 180px;
    height: 50px;
    background-color: #d9d9d9;
}
/* 公司简介 */
.about .introView .topView {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #fff;
}
.about .introView .topView .leftView {
    padding: 30px;
}
.about .introView .topView .leftView h1 {
    color: #000;
    /* margin-top: 30px; */
    margin-top: 10px;
    font-size: 24px;
    font-weight: 600;
}
.about .introView .topView .leftView p {
    color: #7a7a7a;
    margin-top: 30px;
    font-size: 20px;
    /* font-size: 14px; */
}
.about .introView .topView .rightImg {
    width: 792px;
    height: 575px;
}
.about .introView .bottomView{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}
.about .introView .bottomView .btImg {
    margin-top: 10px;
    margin-right: 10px;
    width: 282px;
    height: 185px;
}
/* 我们的服务 */
.service {
    background-color: #fff;
}
.service .titleView {
    display: flex;
    flex-direction: column;
   justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.service .content {
     display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    
}
.service .content .item {
    width: 343px;
    height: 372px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
}
.service .content .item h1 {
    margin-top: 60px;
     color: #000;
    font-size: 24px;
    font-weight: 600;
}
/* .service .content .item h1:hover {
    color: #fff;
} */
.service .content .item p {
    margin-top: 20px;
     color: #7a7a7a;
     font-size: 20px;
    /* font-size: 14px; */
}
/* .service .content .item p:hover {
    color: #fff;
} */
/* 团队 */
.team .content {
    width: 100%;
    height: 748px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-image: url('../images/about/组委会名单_PC.png');
    background-size: 100% 100%;
}
.team .content .item {
    margin-top: 20px;
     margin-right: 15px;
    background-color: #fff;
    text-align: center;
}
/* .team .content .item:hover {
    background-color: #2F88FF;
    color: #fff;
} */
 .team .content .item:hover {
    transform: scale(1.1)
 }
.team .content .item .bottom {
    padding: 30px 0;
}
.team .content .item h1 {
    color: #000;
}
.team .content .item p {
    color: #7a7a7a;
}
/* 移动端显示 */
@media (max-width: 1280px) {
    .service .titleView {
        align-items: center;
    }
    .team .titleView {
         display: flex;
        flex-direction: column;
         justify-content: center;
         align-items: center;
    }
    /* 团队 */
    .team .content {
        width: 100%;
        height: 697px;
        background-image: url('../images/about/组委会名单_phone.png');
    }
    .team .content .item {
        margin-right: 0px;
    }
    .headerView .img {
        margin-top: 20px;
        margin-left: 50px;
        width: 80%;
    }
    .about .tabbarView {
        margin-bottom: 10px;
    }
    .about .introView .topView .rightImg {
        width: 100%;
         height: auto;
    }
    .headerView {
        margin-top: 100px;
        background-image: url('../images/common/topbg_about_banner_phone.png');
    }
   
}