.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.introduction {
    width: 100vw;
    height: calc(var(--design-height) * 650vh);
    margin: 0 auto;
    padding: calc(var(--design-height) * 215vh) calc(var(--design-width) * 212vw) calc(var(--design-height) * 72vh);
    line-height: 2;
    text-align: center;
    color: #FFF;
    background: linear-gradient(90deg, #0C88DC 0%, #0539BD 100%);
    position: relative;
}

.introduction p {
    width: calc(var(--design-width) * 1016vw);
    height: calc(var(--design-height) * 144vh);
    margin: calc(var(--design-height) * 20vh) auto 0;
    font-family: 'Source Han Sans CN, Source Han Sans CN';
    font-weight: 400;
    font-size: calc(var(--design-width) * 24vw);
    color: #FFF;
    line-height: 2;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.introduction img{
    width: calc(var(--design-width) * 396vw);
    position: absolute;
    top: calc(var(--design-width) * 80vw);
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.mode {
    position: relative;
    width: calc(var(--design-width) * 396vw);
    height: calc(var(--design-height) * 420vh);
    margin: calc(var(--design-height) * -188vh) calc(var(--design-width) * 522vw) 0;
}

.mode img {
    width: 100%;
}

.mode_content {
    position: absolute;
    bottom: calc(var(--design-height) * 48vh);
    left: calc(var(--design-width) * 31vw);
    text-align: center;
    color: #333333;
}

.mode_content h4 {
    color: #666;
    line-height: 3;
}

.tabs {
    display: flex;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0 calc(var(--design-width) * 130vw);
}

.tabs li {
    width: calc(var(--design-width) * 384vw);
    height: calc(var(--design-height) * 50vw);
    line-height: calc(var(--design-height) * 60vh);
    text-align: center;
    font-weight: 400;
    font-size: calc(var(--design-width) * 24vw);
    color: #666;
    border-bottom: calc(var(--design-width) * 1vw) solid #ccc;
}

.tabs .current {
    color: #13599C;
    border-bottom: calc(var(--design-width) * 4vw) solid #13599C;
}

.developmentBox {
    display: none;
    width: 100%;
    margin: 0 auto;
    color: #333333;
    text-align: center;
    padding: calc(var(--design-height) * 111vh) 0;
    background: linear-gradient(146deg, #F5FCFF 0%, #F1F4FD 100%);
}

.developmentBox.show {
    display: block;
}

.developmentBox h2 {
    margin-bottom: calc(var(--design-height) * 32vh);
    font-weight: 400;

}

.developmentBox p {
    margin-bottom: calc(var(--design-height) * 124vh);
    font-weight: 400;
    font-size: calc(var(--design-width) * 20vw);
    color: #666666;
}

.developmentBox img {
    width: calc(var(--design-width) * 1000vw);
}

.developmentBox div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.developmentBox div .ornament {
    width: calc(var(--design-width) * 348vw);
    height: calc(var(--design-height) * 228vh);
}

.developmentBox div .blend {
    width: calc(var(--design-width) * 600vw);
    height: calc(var(--design-width) * 534vw);
}

.team {
    width: 100%;
    padding: calc(var(--design-height) * 88vh) calc(var(--design-width) * 144vw);
    text-align: center;
}

.team ul {
    display: flex;
    justify-content: space-between;
    padding-top: calc(var(--design-height) * 80vh);
}

.team ul li {
    width: calc(var(--design-width) * 368vw);
    padding-top: calc(var(--design-height) * 55vh);
    color: #333333;
    background: #FFFFFF;
    box-shadow: 15px 10px 50px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px;
}

.team ul li img {
    height: calc(var(--design-height) * 146vh);
    margin-bottom: calc(var(--design-height) * 40vh);
}

.team_content {
    height: calc(var(--design-height) * 278vh);
}

.team ul li h3 {
    padding: calc(var(--design-height) * 40vh) 0 calc(var(--design-height) * 18vh);
}

ul li span {
    display: block;
    font-weight: 400;
    line-height: 1.7;
    font-size: calc(var(--design-width) * 16vw);
    color: #666666;
}

.team ul li:hover .team_content,
.team ul li:hover span {
    background: #0C88DC;
    color: #FFF;
}