@charset "UTF-8";
header {
  background: url("../images/a_01.jpg") no-repeat top 100% center;
  height: 910px;
  position: relative; }
  header .main {
    position: relative; }
    header .main > img {
      width: 526px;
      height: 240px;
      margin: 70px 0 0 339px; }
    header .main span {
      position: absolute;
      top: 0;
      left: 0;
      display: block; }
      header .main span > img {
        width: 80%;
        height: auto; }

#mycanvas {
  width: 100% !important;
  height: 800px !important;
  position: absolute;
  top: 0;
  left: 0; }

.active ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 10px; }
  .active ul li {
    margin-bottom: 12px; }
    .active ul li a img {
      transition: all 0.6s;
      -moz-transition: all 0.6s;
      /* Firefox 4 */
      -webkit-transition: all 0.6s;
      /* Safari 和 Chrome */
      -o-transition: all 0.6s;
      /* Opera */ }
      .active ul li a img:hover {
        transform: scale(1.02);
        -ms-transform: scale(1.02);
        /* IE 9 */
        -moz-transform: scale(1.02);
        /* Firefox */
        -webkit-transform: scale(1.02);
        /* Safari 和 Chrome */
        -o-transform: scale(1.02);
        /* Opera */ }

.hc {
  margin-bottom: 60px; }
  .hc ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 10px; }
    .hc ul li {
      margin-bottom: 14px; }
      .hc ul li a img {
        transition: all 0.6s;
        -moz-transition: all 0.6s;
        /* Firefox 4 */
        -webkit-transition: all 0.6s;
        /* Safari 和 Chrome */
        -o-transition: all 0.6s;
        /* Opera */ }
        .hc ul li a img:hover {
          transform: scale(1.02);
          -ms-transform: scale(1.02);
          /* IE 9 */
          -moz-transform: scale(1.02);
          /* Firefox */
          -webkit-transform: scale(1.02);
          /* Safari 和 Chrome */
          -o-transform: scale(1.02);
          /* Opera */ }

.zx {
  background: url("../images/a_15.jpg") no-repeat top 100% center;
  width: 100%;
  height: 1405px; }
  .zx ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 238px 35px 0; }
    .zx ul li {
      width: 228px;
      height: 340px;
      margin-bottom: 10px; }
      .zx ul li:not(:nth-child(5n)) {
        margin-right: 4px; }
      .zx ul li:nth-child(1), .zx ul li:nth-child(2) {
        margin-right: 0;
        width: 232px; }
        .zx ul li:nth-child(1) a, .zx ul li:nth-child(2) a {
          width: 232px;
          height: 342px;
          padding: 0; }
      .zx ul li a {
        padding: 294px 0 8px; }
        .zx ul li a dl {
          display: flex;
          justify-content: space-between;
          border-radius: 12px;
          width: 184px;
          height: 42px;
          margin: 0 auto;
          padding: 0 14px;
          background: -webkit-linear-gradient(to right, #8c48d9, #541a96);
          /* Safari 5.1 - 6.0 */
          background: -o-linear-gradient(to right, #8c48d9, #541a96);
          /* Opera 11.1 - 12.0 */
          background: -moz-linear-gradient(to right, #8c48d9, #541a96);
          /* Firefox 3.6 - 15 */
          background: linear-gradient(to right, #8c48d9, #541a96);
          /* 标准的语法 */ }
          .zx ul li a dl dt {
            font-size: 34px;
            color: #ffb7ab;
            line-height: 42px; }
          .zx ul li a dl dd {
            margin-top: 5px; }
            .zx ul li a dl dd span {
              display: block;
              font-size: 16px;
              color: #ffb7ab; }
            .zx ul li a dl dd del {
              font-size: 18px;
              color: #ffb7ab; }

.zx_02 {
  background: url("../images/a_16.jpg") no-repeat top 100% center;
  width: 100%;
  height: 1227px; }
  .zx_02 ul {
    padding: 59px 35px 0; }

.zx_03 {
  background: url("../images/a_17.jpg") no-repeat top 100% center;
  width: 100%;
  height: 1283px; }
  .zx_03 ul {
    padding: 59px 35px 0; }

.right_list {
  position: fixed;
  top: 20px;
  right: 100px;
  display: none;
  background: url("../images/nav.png") no-repeat top 100% center;
  width: 118px;
  height: 850px; }
  .right_list ul {
    padding-top: 140px; }
    .right_list ul li {
      line-height: 40px; }
      .right_list ul li > a {
        font-size: 18px;
        color: #fbeceb;
        text-align: center; }
      .right_list ul li:hover a {
        color: #fdd068;
        background: #e24141; }
  .right_list > a {
    width: 100%;
    height: 66px;
    position: absolute;
    bottom: 0;
    left: 0; }

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