@charset "UTF-8";
/* CSS Document */
* {
  padding: 0;
  margin: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
  font-size: 14px; }

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0; }

fieldset, img {
  border: 0; }

img {
  vertical-align: top;
  border: none; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

abbr, acronym {
  border: 0; }

em, i {
  font-style: normal; }

a {
  text-decoration: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix {
  zoom: 1; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

body {
  min-width: 1200px; }

.warp {
  width: 1200px;
  margin: 0 auto; }

body {
  min-width: 1100px; }

.warp {
  width: 1100px;
  margin: 0 auto; }

.banner {
  height: 552px;
  background-image: url(../images/qf-gdt2/banner-bg.png);
  background-repeat: repeat-x;
  background-position: center; }
  .banner .warp {
    padding-top: 118px; }
    .banner .warp h2 {
      text-align: center;
      font-size: 56px;
      line-height: 56px;
      color: #fff;
      font-weight: bolder;
      text-shadow: 0px 3px 0px #ff07ff;
      margin-bottom: 29px; }
    .banner .warp > img {
      display: block;
      margin: 0 auto;
      margin-bottom: 26px; }
    .banner .warp > p {
      font-size: 37px;
      line-height: 58px;
      color: #dcfaff;
      text-align: center;
      text-shadow: 0px 4px 4px #6918e2;
      letter-spacing: 12px; }

.c1 {
  height: 133px;
  background-color: #4805c5; }
  .c1 .warp > div {
    margin-top: 23px;
    height: 90px;
    margin-right: 40px; }
    .c1 .warp > div:nth-child(2) {
      padding-left: 31px;
      border-left: 1px dotted #7f43f0;
      margin-right: 40px; }
      .c1 .warp > div:nth-child(2) > div {
        background-image: url("../images/qf-gdt2/ico-02.png"); }
    .c1 .warp > div:nth-child(3) {
      padding-left: 31px;
      border-left: 1px dotted #7f43f0;
      margin-right: 0; }
    .c1 .warp > div > div {
      font-size: 20px;
      line-height: 28px;
      color: #b7a2e7;
      letter-spacing: 3px;
      padding-left: 42px;
      margin-bottom: 14px;
      background-image: url(../images/qf-gdt2/ico-01.png);
      background-repeat: no-repeat;
      background-position: left; }
    .c1 .warp > div > p {
      font-size: 16px;
      line-height: 24px;
      color: #fff;
      padding-left: 42px; }
    .c1 .warp > div > a {
      font-size: 19px;
      line-height: 58px;
      height: 58px;
      border-radius: 6px;
      color: #fff;
      box-sizing: border-box;
      padding-left: 58px;
      -webkit-transition: 0.6s all ease;
      -o-transition: 0.6s all ease;
      transition: 0.6s all ease;
      display: block;
      width: 230px;
      background-color: #f801f5;
      margin-top: 16px;
      background-image: url(../images/qf-gdt2/ico-06.png);
      background-repeat: no-repeat;
      background-position: 22px center; }
      .c1 .warp > div > a:hover {
        background-color: #ff2dfc; }

.c2 {
  background-color: #fcfcfc; }
  .c2 .warp {
    padding-top: 60px;
    padding-bottom: 30px; }
    .c2 .warp h2 {
      font-size: 34px;
      line-height: 54px;
      color: #390779;
      text-align: center;
      margin-bottom: 3px;
      font-weight: bolder; }
    .c2 .warp > p {
      font-size: 20px;
      line-height: 34px;
      color: #666;
      margin-bottom: 20px;
      text-align: center; }
    .c2 .warp > div {
      position: relative;
      border: 1px dotted #666;
      border-radius: 10px;
      padding-top: 24px;
      padding-bottom: 32px; }
      .c2 .warp > div > div:nth-child(1) {
        width: 1054px;
        border-bottom: 1px dotted #666;
        margin: 0 auto;
        padding-bottom: 15px; }
        .c2 .warp > div > div:nth-child(1) > div {
          width: 526px;
          margin-right: 0;
          border-right: 1px dotted #666;
          margin-right: 24px; }
      .c2 .warp > div > img {
        display: block;
        margin: 0 auto;
        margin-top: 15px; }
      .c2 .warp > div .c2-border-top, .c2 .warp > div .c2-border-bot {
        position: absolute;
        width: 100%;
        left: 0; }
      .c2 .warp > div .c2-border-top {
        height: 61px;
        background-image: url(../images/qf-gdt2/border-bg-top.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        top: -61px; }
        .c2 .warp > div .c2-border-top p {
          text-align: center;
          font-size: 20px;
          color: #390779;
          padding-top: 36px; }
      .c2 .warp > div .c2-border-bot {
        height: 20px;
        background-image: url(../images/qf-gdt2/border-bg-bottom.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        bottom: -20px; }

.c3 .warp {
  padding-top: 38px;
  padding-bottom: 44px; }
  .c3 .warp h2 {
    font-size: 22px;
    line-height: 38px;
    color: 0;
    margin-bottom: 20px; }
  .c3 .warp ul > li {
    height: 54px;
    border-radius: 27px;
    margin-right: 17px;
    margin-bottom: 17px;
    font-size: 15px;
    line-height: 54px;
    color: #fff;
    background-color: #f16e2d;
    padding-right: 22px;
    padding-left: 26px; }
    .c3 .warp ul > li:nth-child(2) {
      background-color: #c737dd; }
    .c3 .warp ul > li:nth-child(3) {
      background-color: #5c5eeb; }
    .c3 .warp ul > li:nth-child(4) {
      background-color: #ec3464; }
    .c3 .warp ul > li:nth-child(5) {
      background-color: #2eab89; }
    .c3 .warp ul > li:nth-child(6) {
      background-color: #5b5de6; }
    .c3 .warp ul > li:nth-child(7) {
      background-color: #f5992d; }
    .c3 .warp ul > li:nth-child(8) {
      background-color: #ee4e34; }
    .c3 .warp ul > li:nth-child(9) {
      background-color: #29aa56; }
    .c3 .warp ul > li img {
      vertical-align: middle;
      margin-right: 12px; }

.c4 .warp {
  padding-top: 30px; }
  .c4 .warp > div:nth-child(1) {
    width: 1099px;
    height: 240px;
    background-image: url(../images/qf-gdt2/ticket-01.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 56px;
    box-shadow: 0px 3px 5px #afbbfb;
    border-radius: 10px;
    margin-bottom: 87px; }
    .c4 .warp > div:nth-child(1) h2 {
      font-size: 26px;
      line-height: 44px;
      font-weight: bold;
      margin-bottom: 15px;
      color: #fff;
      vertical-align: middle;
      padding-left: 384px; }
      .c4 .warp > div:nth-child(1) h2 a {
        color: #fff; }
      .c4 .warp > div:nth-child(1) h2 img {
        vertical-align: initial;
        margin-right: 5px; }
    .c4 .warp > div:nth-child(1) h3 {
      font-size: 22px;
      line-height: 36px;
      color: #fff;
      padding-left: 384px;
      font-weight: normal; }
    .c4 .warp > div:nth-child(1) p {
      font-size: 14px;
      line-height: 26px;
      color: #b8c4fd;
      padding-left: 384px; }

.c5 {
  background-color: #f5f3fa; }
  .c5 .warp {
    padding-top: 69px;
    padding-bottom: 90px; }
    .c5 .warp > h2 {
      font-size: 32px;
      line-height: 48px;
      color: #390779;
      font-weight: bolder;
      text-align: center;
      margin-bottom: 3px; }
    .c5 .warp > p:nth-child(3) {
      font-size: 19px;
      line-height: 32px;
      color: 0;
      text-align: center;
      margin-bottom: 34px; }
    .c5 .warp td {
      box-sizing: border-box;
      padding-left: 20px; }
      .c5 .warp td:nth-child(1) {
        width: 95px; }
      .c5 .warp td:nth-child(2) {
        width: 80px; }
      .c5 .warp td:nth-child(3) {
        width: 99px; }
      .c5 .warp td:nth-child(4) {
        width: 195px; }
      .c5 .warp td:nth-child(5) {
        width: 240px; }
      .c5 .warp td:nth-child(6) {
        width: 118px;
        padding-left: 28px; }
      .c5 .warp td:nth-child(7) {
        width: 110px;
        padding-left: 39px; }
      .c5 .warp td:nth-child(8) {
        width: 163px; }
    .c5 .warp > table tr {
      background-color: #7c48ef;
      height: 39px; }
      .c5 .warp > table tr td {
        font-size: 14px;
        line-height: 39px;
        color: #fff; }
        .c5 .warp > table tr td:nth-child(6) {
          position: relative;
          background-color: #4908c4; }
          .c5 .warp > table tr td:nth-child(6):after {
            position: absolute;
            content: "";
            width: 127px;
            height: 5px;
            background-image: url(../images/qf-gdt2/table-top-ico.png);
            background-repeat: no-repeat;
            top: -5px;
            left: -4px; }
    .c5 .warp > div:nth-child(5) {
      height: 722px;
      border: 1px solid #7c48ef;
      border-top: none;
      position: relative;
      overflow: hidden; }
      .c5 .warp > div:nth-child(5) table {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0; }
        .c5 .warp > div:nth-child(5) table tr {
          height: 38px; }
          .c5 .warp > div:nth-child(5) table tr td {
            font-size: 13px;
            color: #000; }
            .c5 .warp > div:nth-child(5) table tr td:nth-child(6) {
              background-color: #5712db;
              color: #fff;
              font-weight: bolder; }
        .c5 .warp > div:nth-child(5) table tr:nth-child(even) {
          background-color: #f3f3f3; }
        .c5 .warp > div:nth-child(5) table tr:nth-child(odd) {
          background-color: #fff; }

.c6 {
  height: 633px;
  background-image: url(../images/qf-gdt2/content-bg2.png);
  background-repeat: no-repeat;
  background-position: center; }
  .c6 .warp {
    padding-top: 102px; }
    .c6 .warp p {
      font-size: 18px;
      line-height: 36px;
      color: #04d7e4;
      width: 662px;
      margin-bottom: 105px; }
      .c6 .warp p:last-child {
        margin-bottom: 0; }
      .c6 .warp p span {
        font-size: 19px;
        line-height: 32px;
        color: #04d7e4;
        font-weight: bolder;
        display: block;
        margin-bottom: 14px; }

.cadd1 {
  height: 287px;
  background-image: url(../images/qf-gdt2/content-bg3.png);
  background-repeat: no-repeat;
  background-position: center; }
  .cadd1 .warp {
    box-sizing: border-box;
    padding-top: 92px;
    padding-left: 462px; }
    .cadd1 .warp h2 {
      font-size: 32px;
      line-height: 46px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 7px; }
    .cadd1 .warp p {
      font-size: 18px;
      line-height: 36px;
      color: #fff; }
      .cadd1 .warp p a {
        color: #fff; }
      .cadd1 .warp p img {
        vertical-align: initial; }

.c7 {
  background-color: #fcfcfc; }
  .c7 .warp {
    padding-top: 50px;
    padding-bottom: 69px;
    border-bottom: 1px dotted #565656; }
    .c7 .warp h2 {
      font-size: 34px;
      line-height: 54px;
      color: #390779;
      font-weight: bolder;
      margin-bottom: 28px;
      text-align: center; }
    .c7 .warp > div:nth-child(2) {
      position: relative;
      z-index: 0;
      width: 100%;
      margin: 0 auto;
      margin-bottom: 62px; }
      .c7 .warp > div:nth-child(2) > div {
        width: 1100px;
        overflow: hidden; }
        .c7 .warp > div:nth-child(2) > div > ul {
          width: 3300px;
          -webkit-transition: 0.6s all ease;
          -o-transition: 0.6s all ease;
          transition: 0.6s all ease; }
      .c7 .warp > div:nth-child(2) li {
        width: 1100px;
        zoom: 1;
        vertical-align: middle;
        padding: 0; }
        .c7 .warp > div:nth-child(2) li a {
          margin-right: 15px;
          display: block;
          float: left;
          width: 206px;
          text-align: center;
          border: 1px solid #c9c9c9;
          padding-bottom: 12px;
          color: #999;
          font-size: 14px;
          margin-bottom: 10px; }
          .c7 .warp > div:nth-child(2) li a:hover {
            border: 1px solid #3688ff; }
            .c7 .warp > div:nth-child(2) li a:hover img {
              -webkit-transform: scale(1.02);
              -moz-transform: scale(1.02);
              -ms-transform: scale(1.02);
              -o-transform: scale(1.02); }
          .c7 .warp > div:nth-child(2) li a:nth-child(5n) {
            margin-right: 0;
            float: right; }
          .c7 .warp > div:nth-child(2) li a span {
            display: block;
            width: 100%;
            overflow: hidden;
            color: #ed4a1f;
            margin-bottom: 10px; }
          .c7 .warp > div:nth-child(2) li a h6 {
            margin-bottom: 8px; }
            .c7 .warp > div:nth-child(2) li a h6 i {
              color: #ed4a1f; }
          .c7 .warp > div:nth-child(2) li a p {
            border-top: 1px solid #c9c9c9;
            display: inline-block;
            padding-top: 8px; }
      .c7 .warp > div:nth-child(2) .c7-btn-l, .c7 .warp > div:nth-child(2) .c7-btn-r {
        width: 40px;
        height: 62px;
        background-image: url(../images/qf-gdt2/btn-l.png);
        position: absolute;
        left: -53px;
        top: 50%;
        display: block;
        font-size: 100px;
        color: #999;
        top: 50%;
        margin-top: -31px; }
      .c7 .warp > div:nth-child(2) .c7-btn-r {
        left: auto;
        right: -53px;
        background-image: url(../images/qf-gdt2/btn-r.png); }
    .c7 .warp > div:nth-child(3) {
      width: 699px;
      height: 152px;
      margin: 0 auto;
      border-radius: 10px;
      background-image: url(../images/qf-gdt2/ticket-02.png);
      background-repeat: no-repeat;
      box-shadow: 0px 3px 5px #afbbfb; }
      .c7 .warp > div:nth-child(3) p {
        font-size: 19px;
        line-height: 19px;
        color: #fff;
        padding-left: 262px;
        padding-top: 91px; }
        .c7 .warp > div:nth-child(3) p strong {
          font-weight: normal; }

.c8 {
  background-color: #ffffff;
  background-image: url(../images/qf-gdt2/bottom-bg.png);
  background-repeat: repeat-x;
  background-position: bottom; }
  .c8 .warp {
    padding-top: 50px;
    padding-bottom: 66px; }
    .c8 .warp h2 {
      font-size: 34px;
      line-height: 54px;
      color: #390779;
      font-weight: bolder;
      margin-bottom: 28px;
      text-align: center; }
    .c8 .warp > ul {
      margin-bottom: 33px; }
      .c8 .warp > ul li {
        width: 92px;
        text-align: center;
        font-size: 18px;
        color: #000;
        line-height: 32px;
        margin-right: 8px; }
        .c8 .warp > ul li a {
          color: #000; }
        .c8 .warp > ul li img {
          margin-bottom: 5px;
          display: block;
          margin: 0 auto; }
    .c8 .warp > div:nth-child(3) {
      height: 604px;
      position: relative;
      margin-bottom: 83px; }
      .c8 .warp > div:nth-child(3) > img {
        position: absolute;
        top: 0;
        right: 17px; }
      .c8 .warp > div:nth-child(3) > div:nth-child(2) {
        position: absolute;
        top: 62px;
        left: 0;
        width: 431px;
        border-radius: 10px;
        overflow: hidden; }
        .c8 .warp > div:nth-child(3) > div:nth-child(2) > div:nth-child(1) {
          height: 192px;
          background-color: rgba(10, 13, 236, 0.8);
          box-sizing: border-box;
          padding-top: 33px; }
          .c8 .warp > div:nth-child(3) > div:nth-child(2) > div:nth-child(1) span {
            display: block;
            width: 165px;
            height: 42px;
            font-size: 22px;
            line-height: 42px;
            box-sizing: border-box;
            padding-left: 24px;
            color: #1f20ad;
            margin-bottom: 38px;
            background-image: url(../images/qf-gdt2/ico-03.png); }
          .c8 .warp > div:nth-child(3) > div:nth-child(2) > div:nth-child(1) p {
            font-size: 23px;
            line-height: 36px;
            color: #fff;
            text-align: center;
            font-weight: bold; }
        .c8 .warp > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) {
          height: 312px;
          background-color: rgba(12, 14, 148, 0.8);
          background-image: url(../images/qf-gdt2/ico-04.png);
          background-repeat: no-repeat;
          background-position: 27px 189px;
          box-sizing: border-box;
          padding-top: 60px; }
          .c8 .warp > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) h3 {
            font-size: 26px;
            line-height: 42px;
            color: #fff;
            font-weight: bold;
            padding-left: 34px; }
            .c8 .warp > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) h3 span {
              color: #13caed;
              font-weight: normal; }
    .c8 .warp .c8-btns {
      text-align: center; }
      .c8 .warp .c8-btns a {
        display: inline-block;
        font-size: 19px;
        line-height: 58px;
        height: 58px;
        border-radius: 6px;
        color: #fff;
        box-sizing: border-box;
        padding-left: 24px;
        -webkit-transition: 0.6s all ease;
        -o-transition: 0.6s all ease;
        transition: 0.6s all ease; }
        .c8 .warp .c8-btns a:nth-child(1) {
          width: 251px;
          background-color: #4805c5;
          margin-right: 26px;
          box-shadow: 0px 3px 5px #926adc;
          background-image: url(../images/qf-gdt2/ico-05.png);
          background-repeat: no-repeat;
          background-position: 22px center; }
          .c8 .warp .c8-btns a:nth-child(1):hover {
            background-color: #651bef; }
        .c8 .warp .c8-btns a:nth-child(2) {
          width: 230px;
          background-color: #f801f5;
          box-shadow: 0px 3px 5px #fb7bfa;
          background-image: url(../images/qf-gdt2/ico-06.png);
          background-repeat: no-repeat;
          background-position: 22px center; }
          .c8 .warp .c8-btns a:nth-child(2):hover {
            background-color: #ff2dfc; }

/*# sourceMappingURL=qf-gdt2.css.map */