@charset "UTF-8";
:root {
  --max-width: 1440px; }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

html, body {
  width: 100%;
  overflow-x: hidden; }

a {
  color: inherit;
  text-decoration: none; }

ul, li, ol {
  list-style: none; }

.clearfix {
  zoom: 1; }

.contact-page {
  max-width: 1320px;
  width: 100%;
  margin: auto; }
  .contact-page .main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .contact-page .main .left .icon-map {
      display: block;
      width: 750px; }
    .contact-page .main .contact-info {
      padding: 59px 0 0 83px;
      width: 560px;
      height: 821px;
      background: #ffffff;
      box-shadow: 0px 4px 13px 4px rgba(15, 5, 9, 0.1); }
      .contact-page .main .contact-info-icon {
        display: block;
        width: 62px;
        margin-right: 19px; }
      .contact-page .main .contact-info-item {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 37px; }
        .contact-page .main .contact-info-item .title {
          margin-top: 16px; }
          .contact-page .main .contact-info-item .title .subtitle {
            margin-bottom: 25px;
            font-family: SourceHanSansCN, SourceHanSansCN;
            font-weight: 500;
            font-size: 24px;
            color: #2f58ab;
            line-height: 11px;
            text-align: left;
            font-style: normal;
            text-transform: none; }
          .contact-page .main .contact-info-item .title .txt {
            margin-top: 25px;
            display: block;
            max-width: 336px;
            font-size: 21px;
            color: #1d1d1d;
            text-align: left;
            font-style: normal;
            text-transform: none;
            word-wrap: break-word;
            /* 闀挎枃鏈嚜鍔ㄦ崲琛 */ }
          .contact-page .main .contact-info-item .title .contact-qrcode {
            margin-top: 20px;
            display: block;
            width: 256px; }