#app {
  background: url(../images/bg.2c5eb04.png) no-repeat top center;
  background-size: auto 755px;
}
.main {
  position: relative;
  min-height: 755px;
}
.main-logo {
    position: absolute;
    top: 214px;
    left: 33px;
    width: 287px;
    height: 129px;
}
.main-code {
    position: absolute;
    left: 33px;
    top: 363px;
    width: 120px;
    height: 138px;
}
.main-phone {
    position: absolute;
    right: 0;
    top: 122px;
    width: 854px;
    height: 633px;
}
.content {
  font-family: SourceHanSansSC-Light;
  font-weight: 300;
  font-size: 40px;
  color: #000000;
  letter-spacing: 3px;
}
.content-img {
    float: left;
    width: 700px;
    height: 700px;
}
.content-text {
    float: left;
    padding-top: 226px;
    padding-left: 36px;
    line-height: 59px;
}
.content-text__title {
      line-height: 114px;
      font-family: SourceHanSansSC-Heavy;
      font-weight: 900;
      font-size: 50px;
      color: #000000;
      letter-spacing: 0;
}
.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
* {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* custom */
a {
  color: #7e8c8d;
  -webkit-backface-visibility: hidden;
  text-decoration: none; }

li {
  list-style: none; }

body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body, input, textarea {
  font-family: PingFangSC-Regular, Microsoft YaHei,sans-serif; }

input, img {
  border: none; }

input, button, textarea {
  outline: none; }

img {
  vertical-align: bottom;
  max-width: 100%; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input[type="number"] {
  -moz-appearance: textfield; }

::-ms-clear {
  display: none; }

::-ms-reveal {
  display: none; }
.f-text-center {
  text-align: center; }

.f-text-left {
  text-align: left; }

.f-text-right {
  text-align: right; }

.f-block {
  display: block; }

.f-inline-block {
  display: inline-block; }

.f-inline {
  display: inline; }

.f-cl:after, .f-cl:before {
  display: table;
  content: ""; }

.f-cl:after {
  clear: both; }

.f-cl:before {
  clear: both; }

.f-fl {
  float: left; }

.f-fr {
  float: right; }

.f-clamp1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.f-clamp2 {
  -webkit-line-clamp: 2; }

.f-clamp3 {
  -webkit-line-clamp: 3; }

.f-clamp4 {
  -webkit-line-clamp: 4; }

.f-clamp2, .f-clamp3, .f-clamp4 {
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  line-break: loose;
  overflow: hidden; }

.f-color-purple {
  color: #9463F7; }
body {
  min-width: 1200px; }

.u-fc-purple {
  color: #8B76F9; }

.CONTAINER {
  margin-left: auto;
  margin-right: auto;
}
.CONTAINER.primary {
    width: 1200px;
}

.COPYRIGHT[data-v-793b972c] {
  margin: 90px auto 50px;
  text-align: center;
  color: #333333;
  font-size: 14px;
}
.COPYRIGHT .brand[data-v-793b972c] {
    margin-top: 15px;
}
.COPYRIGHT p[data-v-793b972c] {
    line-height: 26px;
}
.COPYRIGHT a[data-v-793b972c] {
    color: #333333;
}
.COPYRIGHT a[data-v-793b972c]:hover {
      text-decoration: underline;
}
.COPYRIGHT .quick a[data-v-793b972c] {
    cursor: pointer;
    padding: 0 8px;
}
.COPYRIGHT .out-link[data-v-793b972c] {
    margin-top: 10px;
}
.COPYRIGHT .out-link img[data-v-793b972c] {
      max-height: 36px;
}
.COPYRIGHT .city[data-v-793b972c] {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    width: 1200px;
    line-height: 1.6em;
    margin: 0 auto 30px;
}
.COPYRIGHT .city a[data-v-793b972c] {
      margin: 0 5px;
}