/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
body {
  font-family: SourceHanSansCN;
  min-width: 1200px;
  max-width: 1500px;
  margin: 0 auto;
  width: 100%;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; }

.flex-1 {
  flex: 1; }

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

.header {
  position: relative;
  width: 100%; }
  .header .nav {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    padding: 20px 136px 0 0; }
    .header .nav li {
      list-style: none; }
    .header .nav .nav-link a {
      display: block;
      padding: 5px 20px;
      color: rgba(255, 255, 255, 0.5);
      text-decoration: none;
      font-size: 15px;
      text-align: center; }
      .header .nav .nav-link a.active {
        color: #FFFFFF; }
.header {
  background: url(../images/about_bg.png) no-repeat center;
  background-size: 100% 100%; }
  .header .intro {
    padding: 70px 205px 73px 150px;
    color: #ffffff; }
    .header .intro p {
      margin: 0;
      padding-bottom: 50px;
      opacity: .8;
      line-height: 50px; }
    .header .intro .title {
      font-size: 45px; }

.section {
  height: 205px;
  line-height: 205px;
  text-align: center;
  width: 100%;
  background: url(data:image/png;base64,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) #F4F9FD no-repeat right bottom; }
  .section .title {
    margin: 0;
    color: #202020;
    font-size: 35px; }

footer {
  height: 220px;
  width: 100%;
  background: url(../images/about-foot-bg.png) no-repeat center;
  background-size: 100% 100%;
  text-align: center;
  color: #ffffff;
  font-size: 35px;
  line-height: 220px; }

.intro_detail_item {
  transition: all .5s ease-in-out;
  overflow: hidden;
  height: 100%;
  width: 50%; }
  .intro_detail_item p {
    display: none; }
  .intro_detail_item h3 {
    text-align: center;
    width: 100%;
    font-size: 35px;
    padding: 0 40px;
    color: #202020;
    white-space: nowrap;
    transition: all 1s ease-in; }
  .intro_detail_item.intro_detail_item_active p {
    display: block;
    color: #272727;
    font-size: 15px;
    line-height: 24px;
    padding-right: 47px;
    width: 470px;
    -webkit-animation: showDec 1s  ease;
            animation: showDec 1s  ease; }
  .intro_detail_item.intro_detail_item_active h3 {
    width: 188px; }

.intro_detail {
  padding: 0 135px; }
  .intro_detail .intro_detail_row {
    height: 440px; }
  .intro_detail .item-hope {
    background: url(../images/hope.png) no-repeat center; }
  .intro_detail .item-front {
    background: url(../images/front.png) no-repeat center; }
  .intro_detail .item-pinpai {
    background: url(../images/pinpai.png) no-repeat center; }
  .intro_detail .item-val {
    background: url(../images/val.png) no-repeat center; }

@-webkit-keyframes showDec {
  from {
    -webkit-transform: translateX(-1000%);
            transform: translateX(-1000%);
    display: none; }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    display: block; } }

@keyframes showDec {
  from {
    -webkit-transform: translateX(-1000%);
            transform: translateX(-1000%);
    display: none; }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    display: block; } }

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