header {
    width: 100%;
    height: 5.4688rem;
    background: url(../images/index-bg1.png);
    background-size: 100% 100%;
    background-position: center;
    transition: background-image 1s ease-in-out;
}

.index_title_group {
    width: 100%;
    height: 4.9219rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.index_title_group h1 {
    color: #fff;
    font-size: .3646rem;
    font-weight: 700;
    width: 3.4375rem;
    text-align: center;
}

.index_title_group p {
    color: #fff;
    margin-top: .1563rem;
    width: 4.4271rem;
    font-size: .1042rem;
    line-height: .1823rem;
    text-align: center;
}

.index_title_group button {
    height: .2344rem;
    width: .8333rem;
    font-size: .1042rem;
    background-color: transparent;
    border: .0052rem solid #fff;
    color: #fff;
    margin-top: .2083rem;
    transition: 400ms;
    cursor: pointer;
}

.index_title_group button:hover {
    background-color: #fff;
    color: #000;
}

.index_about_bg {
    height: 2.4479rem;
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
}

.index_about_content {
    width: 7.2917rem;
    margin-top: -0.3646rem;
    background-color: #fff;
    padding: .5208rem .5208rem 0 .5208rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    z-index: 9999;
}
.index_about_content button{
    width: .7813rem;
    height: .2604rem;
    background-color: transparent;
    margin-top: .3125rem;
    font-size: .1042rem;
    border: .0052rem solid rgb(37, 1, 114);
    color: rgb(37, 1, 114);
    transition: 400ms;
    cursor: pointer;
}
.index_about_content button:hover{
    background-color: rgb(37, 1, 114);
    color:#fff;
}
.index_about_content p {
    font-size: .1667rem;
    line-height: .2604rem;
    text-align: center;
}

.index_team_bg {
    height: 3.2813rem;
    background: url(../images/index-team-bg.png);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
}

.index_team_title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.index_team_title h2 {
    font-size: .3125rem;
    color: #fff;
    font-weight: 500;
}
.index_team_title p{
    color: #fff;
    font-size: .1354rem;
}

.index_team_title button {
    height: .2604rem;
    width: .7813rem;
    font-size: .0938rem;
    background-color: transparent;
    border: .0052rem solid #fff;
    color: #fff;
    transition: 400ms;
    cursor: pointer;
    margin-top: .2604rem;
}

.index_team_title button:hover {
    background-color: #fff;
    color: #000;
}
.index_service_bg{
    height: 4.3229rem;
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.el-icon-arrow-down{
    margin-left: .0417rem;
}
.index_service_card{
    width: 2.3438rem;
    height: 3.0729rem;
    border: .0052rem solid rgb(235, 235, 235);
    padding: .1302rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.index_service_card img{
    width: 100%;
    height: 1.4583rem;
}
.index_service_card button{
    width: .7292rem;
    height: .2083rem;
    margin-top: .1823rem;
    background-color: transparent;
    font-size: .0938rem;
    border: .0052rem solid rgb(37, 1, 114);
    color: rgb(37, 1, 114);
    transition: 400ms;
    cursor: pointer;
}
.index_service_card button:hover{
    background-color: rgb(37, 1, 114);
    color:#fff;
}
.index_service_card p{
    text-align: center;
    line-height: .1823rem;
    margin-top: .0781rem;
    font-size: .0938rem;
}
.index_service_card h3{
    margin-top: .1563rem;
    font-size: .1458rem;
    font-weight: 400;
}
.index_service_group{
    margin-top: .2083rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.index_service_content h2{
    font-weight: 400;
    font-size: .2083rem;
}
.index_service_content{
    width: 7.2917rem;
   
}
.index_diversity_bg{
    height: 3.3333rem;
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index_diversity_content{
    width: 7.2917rem;
}
.index_diversity_content h2{
    font-size: .2083rem;
    font-weight: 400;
}
.index_diversity_group{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: .1563rem;
}
.index_diversity_card{
    width: 2.3438rem;
    height: 2.1875rem;
    border: .0052rem solid rgb(235, 235, 235);
    display: flex;
    justify-content: center;
    align-items: center;
}
.index_diversity_card_content{
    width: 2.1354rem;
    height: 1.9792rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .1563rem;
    box-sizing: border-box;
    cursor: pointer;
}
.index_diversity_card_content h3{
    color:#fff;
    font-size: .1823rem;
    text-align: center;
    font-weight: 400;
    transition: 400ms;
}
.what_we_do_bg{
    height: 2.4479rem;
    width: 100%;
    background: url(../images/index-waht-we-do2.png);
    background-size: 100% 100%;
    padding: 0 1.5625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.what_we_do_bg h2{
    color: #fff;
    font-size: .2083rem;
    font-weight: 400;
}
.what_we_do_bg p{
    margin-top: .1042rem;
    width: 2.6042rem;
    color: #fff;
    font-size: .1146rem;
    line-height: .1771rem;
}
.what_we_do_bg button{
    height: 0.2604rem;
    width: 0.7813rem;
    font-size: .0938rem;
    background-color: transparent;
    border: 0.0052rem solid #fff;
    color: #fff;
    transition: 400ms;
    cursor: pointer;
    margin-top: .1302rem;
}
.what_we_do_bg button:hover {
    background-color: #fff;
    color: #000;
}
.diversity1{
    background: url(../images/index-diversity1.png);
    background-size: 100% 100%;
}
.diversity2{
    background: url(../images/index-diversity2.png);
    background-size: 100% 100%;
}
.diversity3{
    background: url(../images/index-diversity3.png);
    background-size: 100% 100%;
}
.index_diversity_card_content:hover h3{
    transform: scale(1.1)
}