<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
  @keyframes animBannerWordFadeIn {
    from {
      transform: scale3d(1.1, 1.1, 1.1);
      opacity: 0;
    }
    to {
      transform: scale3d(1, 1, 1);
      opacity: 1;
    }
  }
  .animBannerWordFadeIn {
    animation-name: animBannerWordFadeIn;
  }

  @keyframes animStatisticsBlockZoomIn {
    from {
      transform: scale3d(1.2, 1.2, 1.2);
      opacity: 0;
    }
    to {
      transform: scale3d(1, 1, 1);
      opacity: 1;
    }
  }
  .animStatisticsBlockZoomIn {
    animation-name: animStatisticsBlockZoomIn;
    animation-duration: 1000ms;
    animation-fill-mode: both;
  }

  @keyframes animActivityWordZoomIn {
    from {
      transform: scale3d(1, 1, 1);
    }
    to {
      transform: scale3d(1.2, 1.2, 1.2);
    }
  }
  .animActivityWordZoomIn {
    animation-name: animActivityWordZoomIn;
    animation-duration: 3s;
    animation-fill-mode: both;
  }

  @keyframes animActivityshadeFadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 0.6;
    }
  }
  .animActivityshadeFadeIn {
    animation-name: animActivityshadeFadeIn;
    animation-duration: 3s;
    animation-fill-mode: both;
    display: block!important;
  }

  .admiStoryDelay {
    animation-delay: 300ms;
  }

  /* 公共 */
  body {
    overflow-x: hidden;
  }
  .title {
    text-align: center;
    font-size: 24px;
    letter-spacing: 3px;
    margin: 30px;
    margin-bottom: 60px;
    color: #333333;
    font-family: "微软雅黑 Regular", "黑体 Regular", "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif;
  }
  .title .english {
    margin-top: 15px;
    font-size: 14px;
    font-family: "Georgia Regular", "黑体 Regular", "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif;
  }
  .content {
    font-size: 16px;
    color: #666666;
    line-height: 32px;
  }
  .content p {
    margin-top: 15px;
  }
  .div900 {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 10px;
  }
  .div1000 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px;
  }
  .div1200 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
  }
  .button {
    text-align: center;
    font-size: 20px;
  }
  .button a {
    border: 1px solid #999999;
    background-color: unset;
    padding: 10px 30px;
    color: #999999;
    display: inline-block;
    transition: transform 150ms;
  }
  .button a:hover {
    transform: scale(1.3, 1.3);
  }
  .button a:active {
    background-color: #666666;
  }

  /* 横幅 */
  .banner {
    position: relative;
    height: 628px;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
  }
  .banner .words {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 800px;
    height: 200px;
    margin: auto;
  }
  .banner .words img {
    animation-duration: 1000ms;
    position: absolute;
  }
  .banner .word1 {
    animation-delay: 600ms;
    top: 24px;
    left: 10px;
  }
  .banner .word2 {
    animation-delay: 400ms;
    top: 107px;
    left: 186px;
  }
  .banner .word3 {
    animation-delay: 200ms;
    top: 59px;
    left: 276px;
  }
  .banner .word4 {
    top: 81px;
    left: 418px;
  }
  .banner .word5 {
    animation-delay: 200ms;
    top: 137px;
    left: 386px;
  }
  .banner .word6 {
    animation-delay: 400ms;
    top: 136px;
    left: 571px;
  }
  .banner .word7 {
    animation-delay: 600ms;
    top: 90px;
    left: 626px;
  }
  .banner .word8 {
    animation-delay: 400ms;
    top: 136px;
    left: 551px;
  }
  .banner .word9 {
    animation-delay: 600ms;
    top: 70px;
    left: 626px;
  }
  @media only screen and (max-width: 767px) {
    .banner {
      height: 400px;
    }
    .banner .words {
      width: 300px;
    }
    .banner .word1 {
      width: 53px;
      top: 76px;
      left: 4px;
    }
    .banner .word2 {
      width: 33px;
      top: 107px;
      left: 70px;
    }
    .banner .word3 {
      width: 45px;
      top: 88px;
      left: 104px;
    }
    .banner .word4 {
      width: 29px;
      top: 96px;
      left: 157px;
    }
    .banner .word5 {
      width: 61px;
      top: 119px;
      left: 145px;
    }
    .banner .word6 {
      width: 12px;
      top: 118px;
      left: 214px;
    }
    .banner .word7 {
      width: 67px;
      top: 98px;
      left: 235px;
    }
    .banner .word8 {
      width: 60px;
      top: 118px;
      left: 214px;
    }
    .banner .word9 {
      width: 50px;
      top: 88px;
      left: 245px;
    }
  }

  /* 关于我们 */
  .about-us {
    margin: 100px auto;
  }
  .about-us .title {
    animation-duration: 1000ms;
    animation-fill-mode: both;
  }
  .about-us .content {
    animation-duration: 1000ms;
    animation-fill-mode: both;
    animation-delay: 500ms;
  }
  .about-us .button {
    margin-top: 60px;
    margin-bottom: 130px;
  }

  /* 统计 */
  .statistics {
    position: relative;
    height: 390px;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
  }
  .statistics .texts {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .statistics .block {
    text-align: center;
    position: relative;
    height:100%;
  }
  .statistics .text1 {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    font-size: 35px;
    animation-delay: 0ms;
  }
  .statistics .text2 {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    font-size: 20px;
    font-family: "Georgia Regular", "黑体 Regular", "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif;
    animation-delay: 200ms;
  }
  .statistics .border {
    position: absolute;
    top: 51%;
    left: 0;
    right: 0;
    width: 80px;
    height: 2px;
    margin: 0 auto;
    background-color: black;
    animation-delay: 400ms;
  }
  .statistics .text3 {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    font-size: 13px;
    animation-delay: 600ms;
  }

  /* 活动案例 */
  .activity {
    margin: 100px auto;
  }
  .activity .title {
    animation-duration: 1000ms;
    animation-fill-mode: both;
  }
  .activity .content {
    animation-duration: 1000ms;
    animation-fill-mode: both;
    animation-delay: 500ms;
    margin-bottom: 90px;
  }
  .activity .images {
    margin-bottom: 130px;
  }
  .activity .image {
    position: relative;
  }
  .activity .image-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 200px;
    height: 44px;
    color: white;
    font-size: 30px;
    text-align: center;
  }
  .activity .image-shade {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    position: absolute;
    opacity: 0;
    display: none;
  }

  /* 大赛 */
  .match-banner {
    background-size: cover;
    background-position: center center;
    height: 438px;
  }

  /* 西部故事专案 */
  .story {
    margin-top: 100px;
  }
  .story .title {
    animation-duration: 1000ms;
    animation-fill-mode: both;
  }
  .story .menu {
    color: #666666;
    font-size: 20px;
    text-align: center;
    margin: 0 -16px;
  }
  .story .menu li {
    display: inline-block;
    padding: 0 16px 20px;
  }
  .story .menu a {
    color: #666666;
  }
  .story .menu .selected {
    color: #2f8d41;
  }

  .story-list-backgroud {
    background-color: #eeeeee;
    padding: 60px 0 65px;
  }

  .story-list .story-row {
    margin-bottom: 13px;
  }
  .story-list-backgroud .button {
    margin-top: 100px;
    margin-bottom: 40px;
  }
  .story-list .story-row .block .image{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    width: 100%;
    height: 200px;
  }
  .story-detail {
    background-color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .story-detail-block1 {
    padding: 10px 10px 10px 20px;
    height: 90px;
  }
  .story-detail .name a {
    display: block;
    font-size: 16px;
    color: #666666;
  }
  .story-detail .digest{
    height: 18px;
    line-height: 18px;
    position: relative;
    padding: 0 2px;
    font-size: 12px;
    text-align: center;
    background-color: #b0d562;
    color: #fff;
    border-radius: 2px;
    /* top: -2px; */
    margin-right: 5px;
    float: right;
  }
  .story-detail .match{
    height: 18px;
    line-height: 18px;
    position: relative;
    padding: 0 2px;
    font-size: 12px;
    text-align: center;
    background-color: #F48024;
    color: #fff;
    border-radius: 2px;
    /* top: -2px; */
    float: right;
  }
  .story-detail .award{
    height: 18px;
    line-height: 18px;
    position: relative;
    padding: 0 2px;
    font-size: 12px;
    text-align: center;
    background-color: #fe904c;
    color: #fff;
    border-radius: 2px;
    /* top: -2px; */
    float: right;
  }
  .story-detail .type {
    color: #666666;
    font-size: 13px;
    margin-top: 2px;
  }
  .story-detail .number {
    color: #666666;
    font-size: 13px;
    margin-top: 30px;
  }
  .story-detail-block2 {
    padding: 0 10px 10px 20px;
    border-top: thin solid #eeeeee;
    height: 28px;
  }
  .story-detail .author {
    margin-top: 10px;
  }
  .story-detail .author a {
    color: #333333;
    font-size: 13px;
  }
  .story-detail .date {
    float: right;
    display: block;
    color: #999999;
    font-size: 13px;
    margin-top: -18px;
    margin-right: 10px;
  }
  @media only screen and (max-width: 991px) {
    .about-us {
      max-width: 600px;
    }
    .activity {
      max-width: 600px;
    }
    .story-list {
      max-width: 600px;
    }
  }
  @media only screen and (max-width: 767px) {
    .about-us {
      max-width: 400px;
    }
    .activity {
      max-width: 400px;
    }
    .story-list {
      max-width: 400px;
    }
  }
</pre></body></html>