* {
    margin: 0;
    padding: 0;
    font-size: .8333vw;
    box-sizing: border-box;
    font-family: "PingFangSC-Medium, PingFang SC"
}

a {
    text-decoration: none
}

li {
    list-style: none
}

.W {
    padding: 0 11.9792vw
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5.2083vw;
    color: #000
}

header .header__logo {
    width: auto;
    height: 2.3438vw;
    cursor: pointer
}

header .header__nav {
    height: inherit
}

header .header__nav__wrapper {
    display: flex;
    height: 100%
}

header .header__nav__wrapper > li {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 3.625vw;
    font-weight: 500;
    cursor: pointer
}

header .header__nav__wrapper > li:last-child {
    margin-right: 0
}

header .header__nav__wrapper > li > a {
    display: flex;
    align-items: center;
    width: inherit;
    height: 100%;
    color: #000
}

header .header__nav__wrapper > li > a:hover {
    color: #013988
}

header .header__nav__wrapper > li:hover {
    color: #013988
}

header .header__nav__wrapper > li:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #013988;
    transition: all .3s
}

header .header__nav__wrapper > li:hover:before {
    width: 100%;
    left: 0;
    right: 0
}

header .header__btn-container > ul {
    display: flex
}

header .header__btn-container > ul > li {
    width: 3.9063vw;
    height: 1.8229vw;
    text-align: center;
    line-height: 1.8229vw;
    border-radius: 4px;
    margin-right: .2604vw;
    cursor: pointer;
    transition: all .3s ease-in-out
}

header .header__btn-container > ul > li:last-child {
    margin-right: 0
}

header .header__btn-container > ul > li:hover {
    background: #013988;
    color: #fff
}

footer {
    height: 13.2813vw;
    background: #001a3e;
    color: #fff
}

.footer__main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.125vw;
    padding-top: 3.125vw
}

.footer__logo {
    width: 9.6354vw;
    height: 3.125vw;
    cursor: pointer
}

.footer__nav {
    height: 3.125vw;
    line-height: 3.125vw
}

.footer__nav__wrapper {
    display: flex;
    align-items: center
}

.footer__nav__wrapper > li {
    position: relative;
    margin-right: 2.6042vw;
    cursor: pointer;
    transition: color .3s ease-in-out
}

.footer__nav__wrapper > li:last-child {
    margin-right: 0
}

.footer__nav__wrapper > li > a {
    display: flex;
    align-items: center;
    width: inherit;
    height: 100%;
    color: #fff
}

.footer__nav__wrapper > li:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #fff;
    transition: all .3s
}

.footer__nav__wrapper > li:hover:before {
    width: 100%;
    left: 0;
    right: 0
}

copyright {
    display: block;
    width: 100%;
    font-size: .625vw;
    text-align: center;
    padding: 1.5625vw 0;
    font-family: "IQOOTYPE-REGULAR, IQOOTYPE";
    font-weight: 400;
    color: #2b405e;
    border-top: 2px solid #2b405e
}

main {
    /*position: relative;*/
    /*height: 58.5938vw;*/
    /*height: 71.6146vw;*/
    /*height: 47.6146vw;*/
    height: auto;
    background: #f5f8fa
}

banner {
    display: block;
    width: 100%;
    /*height: 22.6563vw;*/
    height: 31.0417vw;
    /*background: url(../images/contact-us__banner.jpg) no-repeat center;*/
    background-size: cover
}

.content {
    /*position: absolute;*/
    /*top: 13.0208vw;*/
    /*left: 11.9792vw;*/
    margin-left: 11.9792vw;
    width: 76.0417vw
}

.content__map {
    width: 100%;
    height: 27.3438vw;
    /*background: url(../images/contact-us__map.jpg) no-repeat center;*/
    background-size: cover;
    margin-bottom: 1.5625vw
}

.content__info__wrapper {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    /*height: 11.7188vw;*/
    flex-wrap: wrap;
    gap: 2vw;
    padding-bottom: 2vw;
}

.content__info__wrapper > div {
    /*flex: 1 1 18vw;*/
    /*margin: 2px 15px;*/
    padding: 1.5625vw 2.0833vw;
    /*width: 18vw;*/
    background: #fff;
    width: 24vw;
    /*text-align: center;*/
}

.content__info__wrapper > div:first-child {
    margin-left: 0
}

.content__info__wrapper > div:last-child {
    margin-right: 0
}

.content__info__wrapper ul > li {
    font-size: .8333vw;
    font-weight: 500;
    color: #333;
    margin-bottom: 1.1458vw
}

.content__info__wrapper ul > li:first-child {
    color: #013988;
    font-size: 1.0417vw;
    font-weight: 600;
    margin-bottom: 1.5625vw
}

.content__info__wrapper ul > li:last-child {
    margin-bottom: 0
}

.content__info__wrapper ul > li > img {
    width: 1.0417vw;
    height: 1.0417vw;
    vertical-align: sub;
    margin-right: .4167vw
}

.content__info__wrapper ul > li > span {
    margin-right: 1.1458vw
}

.content__info__wrapper ul .label {
    display: inline-block;
    width: 3.3854vw;
    text-align-last: justify
}

/*# sourceMappingURL=contact.css.map */