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

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

.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: #FFFFFF;
    line-height: 2;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.contactUs {
    width: 100vw;
    padding: calc(var(--design-height) * 160vh) 0 calc(var(--design-height) * 160vh) calc(var(--design-width) * 212vw);
}

.us_top {
    padding-right: calc(var(--design-width) * 212vw);
    color: #13599C;
}

.us_top .line {
    display: inline-block;
    width: calc(var(--design-width) * 88vw);
    height: calc(var(--design-height) * 8vh);
    background: #13599C;
    transition: 0.5s all linear;
}

.us_bottom {
    margin-top: calc(var(--design-height) * 67vh)
}

.us_bottom img {
    width: calc(var(--design-width) * 662vw);
}

.content_top {
    padding-bottom: calc(var(--design-height) * 41vh);
    color: #333333;
    border-bottom: 1px solid #CCCCCC;
}

.content_top h4 {
    font-weight: bold;
    line-height: 2;
    color: #666666;
}

.content_bottom {
    margin-top: calc(var(--design-height) * 39vh);
    line-height: 2;
    color: #333333;
}

.content_bottom ul li {
    font-weight: 400;
    font-size: calc(var(--design-width) * 24vw);
    color: #666666;
}

.userInfo {
    width: 100vw;
    padding: calc(var(--design-height) * 88vh) calc(var(--design-width) * 212vw);
    line-height: 2;
    text-align: center;
    background: #F9F9F9;   
}

.userInfo h3 {
    color: #666666;
}

.userInfo .line {
    width: calc(var(--design-width) * 48vw);
    height: calc(var(--design-height) * 4vh);
    margin: calc(var(--design-height) * 32vh) auto calc(var(--design-height) * 72vh);
    background: #13599C;
    transition: 0.5s all linear;
}

.info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Source Han Sans CN, Source Han Sans CN';
    font-weight: 500;
    font-size: calc(var(--design-width) * 20vw);
    color: #333333;
}

.info .info_item {
    text-align: left;
    /* margin-right: calc(var(--design-width) * 56vw); */
    margin-bottom: calc(var(--design-height) * 40vh);
}

.info input {
    width: calc(var(--design-width) * 480vw);
    height: calc(var(--design-height) * 68vh);
    padding-left: calc(var(--design-width) * 24vw);
    font-weight: 400;
    font-size: calc(var(--design-width) * 20vw);
    color: #333333;
    background: #FFFFFF;
    border: none;
    border-radius: 2px 2px 2px 2px;
}

input::placeholder {
    font-weight: 400;
    font-size: calc(var(--design-width) * 20vw);
    color: #666666;
}

.userInfo button {
    width: calc(var(--design-width) * 240vw);
    height: calc(var(--design-height) * 72vh);
    margin-bottom: calc(var(--design-height) * 30vh);
    text-align: center;
    line-height: calc(var(--design-height) * 72vh);
    font-size: calc(var(--design-width) * 24vw);
    border: none;
    color: #FFFFFF;
    background: #13599C;
    border-radius: 4px 4px 4px 4px;
}