/* CSS */
body {
  font-size: 13px;
  background: white; }

.viewport {
  width: 1100px;
  margin: auto;
  position: relative; }

.header {
  background: #59bf8e;
  z-index: 10;
  background: white;
  position: absolute;
  width: 100%;
  top: 40px; }
  .header .viewport {
    width: 1100px;
    margin: auto; }
  .header .wrap {
    position: relative;
    height: 70px; }
  .header .logo {
    position: absolute;
    left: 0;
    top: -30px;
    width: 200px; }
    .header .logo img {
      width: 100%; }
  .header .navigator {
    position: absolute;
    right: 10px;
    top: 30px;
    color: #03A921;
    font-size: 15px; }
    .header .navigator .item {
      padding-left: 15px;
      margin-right: 15px;
      border-left: 1px solid #03A921;
      cursor: pointer;
      color: #03A921; }
      .header .navigator .item:first-child {
        border: none; }
      .header .navigator .item:hover {
        color: #032E24; }

/* Banner */
.footer {
  background: #161c27;
  margin-top: 40px;
  min-width: 1100px;
  padding: 20px 0; }
  .footer .wrap {
    text-align: center; }
  .footer .line {
    margin: 10px auto;
    color: #929292; }

.app-banner {
  height: 450px;
  max-width: 1920px;
  min-width: 1200px;
  margin: auto;
  background: url(../images/14-2.jpg) no-repeat center;
  background-size: 100% auto; }
  .app-banner .box {
    background: #027A20;
    background: rgba(89, 191, 142, 0.86);
    width: 400px;
    padding: 20px;
    position: relative;
    top: 210px;
    right: 120px;
    float: right;
    color: white;
    text-align: center;
    border-radius: 4px; }
    .app-banner .box .subtitle {
      font-size: 22px; }
    .app-banner .box .title {
      font-size: 40px;
      font-weight: bold;
      margin-top: 10px; }

/* article */
.article {
  line-height: 1.8em;
  text-align: justify;
  font-size: 15px; }
  .article .title-1 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px; }
  .article p {
    margin-bottom: 15px; }
    .article p:last-child {
      margin-bottom: 0; }