@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; }

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

.animated {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 1s;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: 1s;
  -ms-animation-fill-mode: both;
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }
@-moz-keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }
@-ms-keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }
.float {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease; }
  .float:hover {
    top: -3px;
    left: -3px; }

.btn {
  display: block;
  width: 205px;
  height: 50px;
  background-color: #f04a1d;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
  position: relative;
  overflow: hidden; }
  .btn:hover:after {
    -webkit-transform: translateX(0) rotateZ(-51deg);
    -ms-transform: translateX(0) rotateZ(-51deg);
    -o-transform: translateX(0) rotateZ(-51deg);
    transform: translateX(0) rotateZ(-51deg); }
  .btn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 53%;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    -webkit-transform: translateX(-540px) rotateZ(-51deg);
    -ms-transform: translateX(-540px) rotateZ(-51deg);
    -o-transform: translateX(-540px) rotateZ(-51deg);
    transform: translateX(-540px) rotateZ(-51deg);
    background-color: rgba(255, 255, 255, 0.3); }
  .btn span {
    display: inline-block;
    width: 9px;
    height: 14px;
    background-image: url("../images/qf-cqh5/ico-right.png");
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 12px; }

.banner {
  height: 630px;
  background-image: url(../images/qf-cqh5/banner-bg.jpg);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: center; }
  .banner > .warp > div:nth-child(1) {
    margin-bottom: 40px; }
    .banner > .warp > div:nth-child(1) > img:nth-child(1) {
      margin-left: 56px;
      margin-top: 58px; }
    .banner > .warp > div:nth-child(1) > img:nth-child(2) {
      margin-left: 36px;
      margin-top: 6px; }
  .banner > .warp > div:nth-child(2) {
    width: 708px;
    height: 127px;
    margin: 0 auto;
    background-image: url("../images/qf-cqh5/banner-border.png");
    margin-bottom: 31px; }
    .banner > .warp > div:nth-child(2) > h3 {
      font-size: 40px;
      line-height: 40px;
      color: #fdffea;
      margin-bottom: 14px;
      position: relative;
      top: -18px;
      text-align: center; }
    .banner > .warp > div:nth-child(2) p {
      font-size: 16px;
      line-height: 32px;
      color: #fff;
      text-align: center;
      margin-top: -18px; }
      .banner > .warp > div:nth-child(2) p span {
        font-weight: bold; }
  .banner > .warp > p:nth-child(3) {
    width: 522px;
    height: 50px;
    border-radius: 5px;
    margin: 0 auto;
    overflow: hidden; }
    .banner > .warp > p:nth-child(3) > input {
      width: 77%;
      height: 100%;
      box-sizing: border-box;
      background-color: #fff;
      border: none;
      color: #333;
      font-size: 16px;
      line-height: 50px;
      padding-left: 27px; }
      .banner > .warp > p:nth-child(3) > input::-webkit-input-placeholder {
        color: #aaaaaa; }
    .banner > .warp > p:nth-child(3) > a {
      width: 23%;
      background-color: #fff001;
      text-align: center;
      line-height: 50px;
      font-size: 16px;
      color: #ef3413; }

.c1 > .warp, .c2 > .warp, .c3 > .warp, .c4 > .warp, .c5 > .warp, .c6 > .warp, .c7 > .warp, .c8 > .warp, .c9 > .warp, .c10 > .warp {
  padding-top: 60px;
  padding-bottom: 60px; }
  .c1 > .warp > h2, .c2 > .warp > h2, .c3 > .warp > h2, .c4 > .warp > h2, .c5 > .warp > h2, .c6 > .warp > h2, .c7 > .warp > h2, .c8 > .warp > h2, .c9 > .warp > h2, .c10 > .warp > h2 {
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    color: #262626; }
    .c1 > .warp > h2 span, .c2 > .warp > h2 span, .c3 > .warp > h2 span, .c4 > .warp > h2 span, .c5 > .warp > h2 span, .c6 > .warp > h2 span, .c7 > .warp > h2 span, .c8 > .warp > h2 span, .c9 > .warp > h2 span, .c10 > .warp > h2 span {
      font-family: "Arial";
      font-weight: normal;
      color: #d9d9d9;
      font-size: 58px;
      margin-right: 10px;
      letter-spacing: 5px;
      vertical-align: middle;
      display: inline-block;
      -webkit-transform: scaleX(0.7);
      -ms-transform: scaleX(0.7);
      -o-transform: scaleX(0.7);
      transform: scaleX(0.7); }

.c3 .warp > h2, .c4 .warp > h2, .c5 .warp > h2, .c6 .warp > h2, .c7 .warp > h2, .c8 .warp > h2 {
  margin-bottom: 16px; }
.c3 .warp > p, .c4 .warp > p, .c5 .warp > p, .c6 .warp > p, .c7 .warp > p, .c8 .warp > p {
  font-size: 22px;
  line-height: 22px;
  color: #333;
  text-align: center;
  margin-bottom: 43px;
  box-sizing: border-box;
  padding-left: 45px; }

.c1 {
  background-color: #f1f1f1; }
  .c1 .warp > h2 {
    margin-bottom: 50px; }
  .c1 .warp > div > div:nth-child(1) {
    width: 782px;
    margin-right: 19px;
    -webkit-box-shadow: 2px 2px 9px #e5e5e5;
    box-shadow: 2px 2px 9px #e5e5e5; }
    .c1 .warp > div > div:nth-child(1) > table tr {
      height: 52px;
      background-color: #5a514f;
      font-size: 14px;
      color: #fff;
      line-height: 52px; }
    .c1 .warp > div > div:nth-child(1) td:nth-child(1) {
      padding-left: 45px;
      width: 94px; }
    .c1 .warp > div > div:nth-child(1) td:nth-child(2) {
      width: 81px; }
    .c1 .warp > div > div:nth-child(1) td:nth-child(3) {
      width: 107px; }
    .c1 .warp > div > div:nth-child(1) td:nth-child(4) {
      width: 186px; }
    .c1 .warp > div > div:nth-child(1) td:nth-child(5) {
      width: 161px; }
    .c1 .warp > div > div:nth-child(1) td:nth-child(6) {
      width: 111px;
      color: #f04a1d;
      font-weight: bold; }
    .c1 .warp > div > div:nth-child(1) > div {
      height: 601px;
      overflow: hidden;
      box-sizing: border-box;
      padding: 24px 0;
      background-color: #FFF;
      position: relative; }
      .c1 .warp > div > div:nth-child(1) > div table {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0; }
      .c1 .warp > div > div:nth-child(1) > div tr {
        line-height: 34px; }
  .c1 .warp > div > div:nth-child(2) {
    width: 298px;
    position: relative; }
    .c1 .warp > div > div:nth-child(2) > p {
      position: absolute;
      font-size: 26px;
      line-height: 36px;
      color: #fff;
      font-weight: bold;
      text-align: center;
      top: 38px;
      left: 0;
      width: 100%; }
  .c1 .warp .btn {
    margin: 0 auto;
    margin-top: 40px; }

.c2 {
  height: 405px;
  background-image: url(../images/qf-cqh5/c2-bg.png);
  background-repeat: repeat-x;
  background-position: center;
  background-size: cover; }
  .c2 > .warp {
    padding-top: 101px; }
    .c2 > .warp > div:nth-child(1) {
      width: 662px;
      height: 220px;
      background-image: url("../images/qf-cqh5/c2-border.png");
      margin: 0 auto;
      text-align: center; }
      .c2 > .warp > div:nth-child(1) > h3 {
        font-size: 34px;
        line-height: 34px;
        color: #fff;
        position: relative;
        top: -18px;
        margin-bottom: 5px; }
      .c2 > .warp > div:nth-child(1) > p {
        font-size: 36px;
        line-height: 36px;
        color: #fff000;
        margin-bottom: 22px; }
      .c2 > .warp > div:nth-child(1) > h2 {
        font-size: 86px;
        line-height: 86px;
        color: #ff0;
        font-weight: bold; }

.c3 {
  background-color: #FFF; }
  .c3 .warp > div:nth-child(3),
  .c3 .warp > div:nth-child(4) {
    background-color: #f1f1f1;
    padding-bottom: 26px;
    margin-bottom: 27px; }
    .c3 .warp > div:nth-child(3) > div:nth-child(1),
    .c3 .warp > div:nth-child(4) > div:nth-child(1) {
      width: 332px;
      margin-left: 43px;
      margin-top: 50px;
      margin-right: 47px; }
      .c3 .warp > div:nth-child(3) > div:nth-child(1) h3,
      .c3 .warp > div:nth-child(4) > div:nth-child(1) h3 {
        font-size: 22px;
        color: #f04a1d;
        line-height: 22px;
        margin-bottom: 18px; }
      .c3 .warp > div:nth-child(3) > div:nth-child(1) p,
      .c3 .warp > div:nth-child(4) > div:nth-child(1) p {
        font-size: 14px;
        line-height: 26px;
        color: #333;
        margin-bottom: 30px; }
  .c3 .warp > div:nth-child(3) > img:nth-child(3) {
    margin: 0 20px;
    margin-top: 122px; }
  .c3 .warp > div:nth-child(3) > div:nth-child(2),
  .c3 .warp > div:nth-child(3) > div:nth-child(4) {
    background-color: #FFF;
    margin-top: 20px;
    -webkit-box-shadow: 2px 2px 9px #e5e5e5;
    box-shadow: 2px 2px 9px #e5e5e5; }
    .c3 .warp > div:nth-child(3) > div:nth-child(2) > div,
    .c3 .warp > div:nth-child(3) > div:nth-child(4) > div {
      height: 150px;
      box-sizing: border-box;
      padding-top: 20px;
      padding-left: 27px; }
      .c3 .warp > div:nth-child(3) > div:nth-child(2) > div p,
      .c3 .warp > div:nth-child(3) > div:nth-child(4) > div p {
        font-size: 16px;
        line-height: 32px;
        color: #333; }
  .c3 .warp > div:nth-child(4) > div:nth-child(2) {
    width: 663px;
    height: 264px;
    background-image: url("../images/qf-cqh5/c3-pic-03.png");
    box-sizing: border-box;
    padding-top: 178px;
    -webkit-box-shadow: 2px 2px 9px #e5e5e5;
    box-shadow: 2px 2px 9px #e5e5e5;
    margin-top: 20px; }
    .c3 .warp > div:nth-child(4) > div:nth-child(2) p {
      font-size: 16px;
      line-height: 28px;
      color: #333;
      padding: 0 42px; }

.c4 {
  background-color: #e0e0e0; }
  .c4 .warp > h2 > span {
    color: #a3a3a3; }
  .c4 .warp > div {
    overflow: hidden; }
    .c4 .warp > div > ul {
      width: 1124px; }
      .c4 .warp > div > ul > li {
        width: 260px;
        height: 313px;
        margin-right: 21px;
        margin-bottom: 34px;
        position: relative;
        overflow: hidden; }
        .c4 .warp > div > ul > li:hover > div:nth-child(3) {
          left: 0;
          opacity: 1; }
        .c4 .warp > div > ul > li > div:nth-child(1) {
          background-color: #f1f1f1; }
        .c4 .warp > div > ul > li > div:nth-child(2) {
          background-color: #ffa300;
          height: 84px;
          display: table;
          width: 100%; }
          .c4 .warp > div > ul > li > div:nth-child(2) > p {
            display: table-cell;
            font-size: 16px;
            line-height: 32px;
            color: #fff;
            vertical-align: middle;
            padding-left: 18px; }
            .c4 .warp > div > ul > li > div:nth-child(2) > p span {
              font-size: 20px;
              margin-right: 7px;
              font-weight: bold; }
        .c4 .warp > div > ul > li > div:nth-child(3) {
          position: absolute;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.8);
          box-sizing: border-box;
          padding-top: 34px;
          top: 0;
          left: 260px;
          opacity: 0;
          -webkit-transition: 0.6s all ease;
          -o-transition: 0.6s all ease;
          transition: 0.6s all ease; }
          .c4 .warp > div > ul > li > div:nth-child(3) p {
            font-size: 16px;
            line-height: 26px;
            color: #fff;
            width: 87%;
            margin: 0 auto; }
  .c4 .warp > a {
    margin: 0 auto;
    width: 260px; }

.c5 {
  background-color: #383a3f; }
  .c5 .warp > h2 {
    color: #fff; }
    .c5 .warp > h2 span {
      color: #a1a2a4; }
  .c5 .warp > p:nth-child(2) {
    color: #fff; }
  .c5 .warp > div:nth-child(3) {
    box-sizing: border-box;
    height: 24px;
    border-radius: 12px;
    border: 3px solid #fff;
    background-color: #ffa300;
    margin-bottom: 26px; }
  .c5 .warp > div:nth-child(4) > div:nth-child(1) {
    width: 292px;
    margin-left: 7px;
    margin-right: 34px; }
    .c5 .warp > div:nth-child(4) > div:nth-child(1) h3 {
      font-size: 26px;
      font-weight: bold;
      color: #fff;
      margin-bottom: 20px;
      margin-top: 25px;
      padding-left: 7px; }
    .c5 .warp > div:nth-child(4) > div:nth-child(1) p {
      font-size: 16px;
      color: #fff;
      padding-left: 7px; }
  .c5 .warp > div:nth-child(4) > div:nth-child(2),
  .c5 .warp > div:nth-child(4) > div:nth-child(3) {
    margin-left: 22px;
    width: 358px;
    height: 313px;
    background-color: #FFF;
    margin-top: 42px;
    position: relative; }
    .c5 .warp > div:nth-child(4) > div:nth-child(2):after,
    .c5 .warp > div:nth-child(4) > div:nth-child(3):after {
      content: "";
      width: 72px;
      height: 66px;
      background-image: url("../images/qf-cqh5/c5-pic-04.png");
      top: -72px;
      left: 50%;
      margin-left: -36px;
      position: absolute; }
    .c5 .warp > div:nth-child(4) > div:nth-child(2) img,
    .c5 .warp > div:nth-child(4) > div:nth-child(3) img {
      margin-bottom: 26px; }
    .c5 .warp > div:nth-child(4) > div:nth-child(2) h3,
    .c5 .warp > div:nth-child(4) > div:nth-child(3) h3 {
      font-size: 18px;
      line-height: 18px;
      margin-bottom: 18px;
      margin-left: 30px; }
    .c5 .warp > div:nth-child(4) > div:nth-child(2) p,
    .c5 .warp > div:nth-child(4) > div:nth-child(3) p {
      font-size: 16px;
      line-height: 34px;
      color: #333;
      margin-bottom: 19px;
      margin-left: 30px; }
    .c5 .warp > div:nth-child(4) > div:nth-child(2) a,
    .c5 .warp > div:nth-child(4) > div:nth-child(3) a {
      margin-left: 30px; }

.c6 {
  background-color: #f1f1f1; }
  .c6 .warp > h2 > span {
    color: #d0d0d0; }
  .c6 .warp .btn {
    margin: 0 auto;
    width: 300px;
    margin-top: 40px; }
  .c6 .warp > div:nth-child(3) {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 800px;
    background-color: #fff;
    box-sizing: border-box;
    padding-top: 38px;
    padding-bottom: 50px;
    position: relative; }
    .c6 .warp > div:nth-child(3) > h3 {
      font-size: 18px;
      line-height: 18px;
      color: #f04a1d;
      font-weight: bold;
      text-align: center;
      margin-bottom: 36px; }
    .c6 .warp > div:nth-child(3) > div {
      -webkit-transform: translateX(300px);
      -ms-transform: translateX(300px);
      -o-transform: translateX(300px);
      transform: translateX(300px);
      -webkit-transition: 0.6s all ease;
      -o-transition: 0.6s all ease;
      transition: 0.6s all ease;
      opacity: 0;
      position: absolute;
      top: 86px;
      left: 14px; }
      .c6 .warp > div:nth-child(3) > div.active {
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1; }
    .c6 .warp > div:nth-child(3) table {
      width: 1055px;
      margin: 0 auto; }
    .c6 .warp > div:nth-child(3) tr:nth-child(1) {
      background-color: #f18264;
      height: 46px; }
      .c6 .warp > div:nth-child(3) tr:nth-child(1) td {
        padding-left: 24px;
        color: #fff;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 46px !important;
        font-size: 16px !important; }
        .c6 .warp > div:nth-child(3) tr:nth-child(1) td:nth-child(2) {
          width: 253px; }
    .c6 .warp > div:nth-child(3) td {
      border: 1px solid #dbdbdb;
      color: #333;
      font-size: 16px;
      box-sizing: border-box;
      padding: 24px 0;
      font-size: 14px;
      line-height: 28px;
      vertical-align: top;
      padding-left: 24px;
      padding-right: 20px;
      position: relative; }
      .c6 .warp > div:nth-child(3) td:nth-child(1) {
        width: 207px;
        padding-left: 24px; }
      .c6 .warp > div:nth-child(3) td h4 {
        font-size: 16px;
        line-height: 28px; }
      .c6 .warp > div:nth-child(3) td p {
        text-indent: -8px;
        padding-left: 10px; }
      .c6 .warp > div:nth-child(3) td .pro-img {
        position: absolute;
        width: 201px;
        height: 184px;
        overflow: hidden;
        top: 20px;
        right: 20px; }
        .c6 .warp > div:nth-child(3) td .pro-img img {
          width: 100%; }
      .c6 .warp > div:nth-child(3) td .pro-img-relative {
        width: 201px;
        height: 184px;
        overflow: hidden; }
        .c6 .warp > div:nth-child(3) td .pro-img-relative img {
          width: 100%; }
      .c6 .warp > div:nth-child(3) td .cont-dib {
        display: inline-block;
        vertical-align: top;
        width: 388px;
        padding: 18px;
        background-color: #ffe5de;
        margin-right: 20px;
        box-sizing: border-box; }
        .c6 .warp > div:nth-child(3) td .cont-dib:last-child {
          margin-right: 0; }
        .c6 .warp > div:nth-child(3) td .cont-dib h5 {
          font-size: 16px;
          line-height: 28px;
          margin-bottom: 18px; }
.c7 {
  height: 996px;
  background-image: url(../images/qf-cqh5/c7-bg.jpg);
  background-size: cover; }
  .c7 .warp > h2, .c7 .warp > p {
    color: #ffa300; }
  .c7 .warp h2 > span {
    color: #5b5b5d; }
  .c7 .warp > div:nth-child(3) {
    overflow-x: hidden;
    padding-top: 5px; }
    .c7 .warp > div:nth-child(3) > ul {
      width: 1115px; }
      .c7 .warp > div:nth-child(3) > ul > li {
        border: 1px solid #4d4d4d;
        background-color: #282828;
        text-align: center;
        width: 270px;
        height: 320px;
        margin-right: 12px;
        margin-bottom: 10px;
        box-sizing: border-box;
        padding-top: 12px; }
        .c7 .warp > div:nth-child(3) > ul > li:nth-child(1), .c7 .warp > div:nth-child(3) > ul > li:nth-child(4) {
          width: 535px; }
        .c7 .warp > div:nth-child(3) > ul > li > div {
          height: 261px;
          margin-bottom: 10px;
          line-height: 261px; }
          .c7 .warp > div:nth-child(3) > ul > li > div > img {
            vertical-align: middle; }
        .c7 .warp > div:nth-child(3) > ul > li > p {
          font-size: 16px;
          color: #9f9f9f; }
  .c7 .warp > a {
    margin: 0 auto;
    margin-top: 40px; }

.c8 {
  background-color: #f1f1f1; }
  .c8 .warp > img:nth-child(3) {
    margin-bottom: 36px; }
  .c8 .warp > h3 {
    height: 65px;
    background-image: url(../images/qf-cqh5/c8-pic-02.png);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 22px;
    line-height: 53px;
    color: #333;
    margin-bottom: 14px;
    text-align: center; }
  .c8 .warp > div:nth-child(5) {
    width: 1100px;
    overflow: hidden;
    margin-bottom: 15px; }
    .c8 .warp > div:nth-child(5) > ul {
      width: 1130px; }
      .c8 .warp > div:nth-child(5) > ul > li {
        width: 262px;
        height: 176px;
        position: relative;
        margin-right: 18px;
        margin-bottom: 20px;
        overflow: hidden; }
        .c8 .warp > div:nth-child(5) > ul > li:hover > p {
          bottom: 0; }
        .c8 .warp > div:nth-child(5) > ul > li > img {
          width: 100%;
          height: 100%; }
        .c8 .warp > div:nth-child(5) > ul > li > a {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-image: url("http://www.qfedu.com/images/qf-rjcs/icon-play.png");
          background-position: center;
          background-repeat: no-repeat;
          background-color: rgba(0, 0, 0, 0.6); }
        .c8 .warp > div:nth-child(5) > ul > li > p {
          position: absolute;
          width: 100%;
          height: 40px;
          color: #fff;
          font-size: 18px;
          line-height: 40px;
          text-align: center;
          bottom: -40px;
          left: 0;
          background-color: #ffa300;
          -webkit-transition: 0.6s all ease;
          -o-transition: 0.6s all ease;
          transition: 0.6s all ease; }
  .c8 .warp .btn {
    margin: 0 auto;
    margin-bottom: 36px; }
  .c8 .warp > table {
    width: 100%;
    margin-bottom: 40px; }
    .c8 .warp > table td {
      border: 1px solid #ffa300;
      vertical-align: middle;
      position: relative;
      width: 158px;
      height: 92px;
      overflow: hidden;
      background-color: #ffffff;
      text-align: center; }
      .c8 .warp > table td > p {
        width: 100%;
        height: 100%;
        position: absolute;
        font-size: 18px;
        line-height: 92px;
        background-color: rgba(0, 0, 0, 0.8);
        color: #00d2ff;
        text-align: center;
        top: 0;
        left: -158px;
        -webkit-transition: 0.6s all ease;
        -o-transition: 0.6s all ease;
        transition: 0.6s all ease;
        display: none; }

.c9 {
  background-color: #fff; }
  .c9 .warp > h2 {
    margin-bottom: 34px; }
  .c9 .warp .picScroll {
    position: relative;
    background: #fff;
    height: 207px;
    padding-top: 10px;
    border: 1px solid #dcdcdc;
    margin-bottom: 30px; }
    .c9 .warp .picScroll .hd .prev,
    .c9 .warp .picScroll .hd .next {
      background: #3688ff;
      display: inline-block;
      font-size: 20px;
      width: 25px;
      height: 52px;
      line-height: 52px;
      text-align: center;
      right: 0;
      position: absolute;
      top: -45px;
      color: #fff;
      top: 50%;
      margin-top: -26px; }
    .c9 .warp .picScroll .hd .next {
      right: 1.5%; }
    .c9 .warp .picScroll .hd .prev {
      left: 1.5%; }
    .c9 .warp .picScroll .con11_list {
      width: 1000px;
      height: 193px;
      margin: 0 auto;
      overflow: hidden; }
      .c9 .warp .picScroll .con11_list li {
        float: left;
        margin-right: 17px; }
  .c9 .warp .con11-wf {
    overflow: hidden;
    position: relative;
    text-align: center; }
    .c9 .warp .con11-wf ul {
      overflow: hidden;
      zoom: 1; }
      .c9 .warp .con11-wf ul li {
        float: left;
        width: 213px;
        margin-right: 28px; }
        .c9 .warp .con11-wf ul li .pic {
          text-align: center; }
        .c9 .warp .con11-wf ul li p {
          font-size: 14px;
          color: #4e4d4d;
          line-height: 38px; }

.c10 {
  height: 1076px;
  background-image: url(../images/qf-cqh5/c10-bg.png);
  background-repeat: repeat-x;
  background-position: center; }
  .c10 .warp > h2 {
    color: #fff; }
  .c10 .warp > p {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 57px; }
  .c10 .warp > ul {
    width: 931px;
    height: 625px;
    background-image: url("http://www.qfedu.com/images/qf-rjcs/c10-bg2.png");
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 46px;
    margin: 0 auto;
    margin-bottom: 37px; }
    .c10 .warp > ul > li h3 {
      font-size: 26px;
      margin-bottom: 15px;
      font-weight: bold;
      color: #fff714; }
    .c10 .warp > ul > li p {
      font-size: 20px;
      line-height: 30px;
      color: #fff;
      margin-bottom: 10px; }
    .c10 .warp > ul > li a {
      display: block;
      width: 132px;
      height: 36px;
      text-align: center;
      line-height: 36px;
      color: #000;
      font-size: 16px;
      background-color: #fff714;
      border-radius: 3px; }
    .c10 .warp > ul > li:nth-child(odd) {
      margin-left: 56px; }
    .c10 .warp > ul > li:nth-child(even) {
      margin-left: 560px; }
    .c10 .warp > ul > li:nth-child(1) {
      margin-top: -30px; }
    .c10 .warp > ul > li:nth-child(2) {
      margin-top: -73px; }
      .c10 .warp > ul > li:nth-child(2) h3 {
        color: #f3534a; }
      .c10 .warp > ul > li:nth-child(2) a {
        background-color: #f3534a; }
    .c10 .warp > ul > li:nth-child(3) {
      margin-top: -73px; }
      .c10 .warp > ul > li:nth-child(3) h3 {
        color: #257afa; }
      .c10 .warp > ul > li:nth-child(3) a {
        background-color: #257afa; }
    .c10 .warp > ul > li:nth-child(4) {
      margin-top: -73px; }
      .c10 .warp > ul > li:nth-child(4) h3 {
        color: #20c4fa; }
      .c10 .warp > ul > li:nth-child(4) a {
        background-color: #20c4fa; }
    .c10 .warp > ul > li:nth-child(5) {
      margin-top: -73px; }
      .c10 .warp > ul > li:nth-child(5) h3 {
        color: #25fa98; }
      .c10 .warp > ul > li:nth-child(5) a {
        background-color: #25fa98; }
  .c10 .warp .btn {
    margin: 0 auto;
    width: 246px; }

.c11 {
  background-color: #f04a1d;
  height: 287px; }
  .c11 .warp {
    padding-top: 40px; }
    .c11 .warp > h2 {
      font-size: 40px;
      line-height: 40px;
      color: #fff;
      text-align: center;
      margin-bottom: 36px;
      padding-left: 0; }
    .c11 .warp > div {
      width: 729px;
      margin: 0 auto;
      margin-bottom: 38px; }
      .c11 .warp > div > p {
        width: 224px;
        height: 40px;
        color: #333;
        background-color: #fff;
        margin-right: 28px;
        padding-left: 18px;
        box-sizing: border-box;
        border-radius: 1px; }
        .c11 .warp > div > p:last-child {
          margin-right: 0; }
        .c11 .warp > div > p span, .c11 .warp > div > p input {
          font-size: 18px;
          line-height: 40px; }
        .c11 .warp > div > p input {
          border: none;
          width: 140px;
          outline: none; }
    .c11 .warp .btn {
      margin: 0 auto;
      background-color: #ffa300; }

.c12 {
  height: 739px;
  background-image: url(../images/qf-cqh5/c-bot-bg.png);
  background-repeat: repeat-x;
  background-position: center; }
  .c12 .warp {
    padding-top: 56px; }
    .c12 .warp > div {
      position: relative;
      height: 635px; }
      .c12 .warp > div > ul {
        width: 733px;
        height: 604px;
        position: absolute;
        right: 0;
        top: 0;
        background-image: url("http://www.qfedu.com/images/qf-rjcs/c11-map.png"); }
        .c12 .warp > div > ul > li {
          padding-top: 37px;
          font-size: 18px;
          line-height: 32px;
          color: #101032;
          background-image: url("http://www.qfedu.com/images/qf-rjcs/icon-map-01.png");
          background-repeat: no-repeat;
          background-position: top;
          -webkit-transition: 0.6s all ease;
          -o-transition: 0.6s all ease;
          transition: 0.6s all ease;
          -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
          -o-transform: scale(0.7);
          transform: scale(0.7);
          position: absolute;
          z-index: 10; }
          .c12 .warp > div > ul > li.active {
            background-image: url("http://www.qfedu.com/images/qf-rjcs/icon-map-02.png");
            color: #ff8003;
            -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -o-transform: scale(0.8);
            transform: scale(0.8);
            z-index: 20; }
          .c12 .warp > div > ul > li:nth-child(1) {
            top: 177px;
            right: 80px; }
          .c12 .warp > div > ul > li:nth-child(2) {
            top: 187px;
            right: 170px; }
          .c12 .warp > div > ul > li:nth-child(3) {
            top: 245px;
            right: 106px; }
          .c12 .warp > div > ul > li:nth-child(4) {
            top: 288px;
            right: 261px; }
          .c12 .warp > div > ul > li:nth-child(5) {
            top: 287px;
            right: 192px; }
          .c12 .warp > div > ul > li:nth-child(6) {
            top: 378px;
            right: 349px; }
          .c12 .warp > div > ul > li:nth-child(7) {
            top: 352px;
            right: 256px; }
          .c12 .warp > div > ul > li:nth-child(8) {
            top: 354px;
            right: 175px; }
          .c12 .warp > div > ul > li:nth-child(9) {
            top: 337px;
            right: 77px; }
          .c12 .warp > div > ul > li:nth-child(10) {
            top: 364px;
            right: 94px; }
          .c12 .warp > div > ul > li:nth-child(11) {
            top: 399px;
            right: 228px; }
          .c12 .warp > div > ul > li:nth-child(12) {
            top: 467px;
            right: 195px; }
          .c12 .warp > div > ul > li:nth-child(13) {
            top: 486px;
            right: 163px; }
          .c12 .warp > div > ul > li:nth-child(14) {
            top: 75px;
            right: 17px; }
      .c12 .warp > div > div {
        position: absolute;
        width: 442px;
        top: 38px;
        left: 0;
        z-index: 10; }
        .c12 .warp > div > div > h3 {
          height: 75px;
          background-color: #00d2ff;
          text-align: center;
          color: #101032;
          font-size: 32px;
          font-weight: bold;
          line-height: 75px; }
        .c12 .warp > div > div > p {
          background-color: rgba(73, 107, 177, 0.8);
          color: #fff;
          font-size: 18px;
          line-height: 32px;
          box-sizing: border-box;
          padding: 36px 30px 36px 34px; }
      .c12 .warp > div > p {
        position: absolute;
        width: 201px;
        height: 201px;
        padding: 7px;
        border: 2px solid #e65c37;
        border-radius: 50%;
        top: 78px;
        left: 479px; }
        .c12 .warp > div > p a {
          display: block;
          height: 100%; }

.c-alert {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 1000;
  display: none; }
  .c-alert .alert-video {
    height: 440px;
    width: 580px;
    color: #bbb;
    border: 1px solid #444;
    padding: 3px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -220px 0 0 -290px;
    z-index: 100; }
  .c-alert .alert-close {
    width: 25px;
    height: 29px;
    position: absolute;
    right: -16px;
    top: -15px;
    cursor: pointer; }

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