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



.c000 {

  color: #000 !important; }



.fz42 {

  font-size: 36px !important;

  line-height: 52px !important; }



.shadow {

  -webkit-box-shadow: 0 2px 5px #bdbdbd;

  box-shadow: 0 2px 5px #bdbdbd; }



.boxfloat {

  -webkit-transition: 0.6s all ease;

  -o-transition: 0.6s all ease;

  transition: 0.6s all ease;

  -webkit-box-shadow: 0 0 0 transparent;

  box-shadow: 0 0 0 transparent; }

  .boxfloat:hover {

    -webkit-transform: translate3d(-2px, -3px, 0);

    -ms-transform: translate3d(-2px, -3px, 0);

    -o-transform: translate3d(-2px, -3px, 0);

    transform: translate3d(-2px, -3px, 0);

    -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.5);

    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.5); }



.tit {

  text-align: center;

  padding: 16px 0;

  margin-bottom: 28px; }

  .tit > div {

    display: inline-block;

    position: relative; }

    .tit > div:after, .tit > div:before {

      position: absolute;

      width: 226px;

      height: 37px;

      content: ""; }

    .tit > div:after {

      top: -16px;

      left: -60px;

      background-image: url("../images/qf-redhat/tit-ico-lt.png"); }

    .tit > div:before {

      bottom: -16px;

      right: -60px;

      background-image: url("../images/qf-redhat/tit-ico-rb.png"); }

    .tit > div p {

      font-size: 18px;

      line-height: 28px;

      color: #666;

      text-align: center; }

    .tit > div h2 {

      font-size: 32px;

      line-height: 48px;

      color: #000;

      font-weight: bold; }

      .tit > div h2 span {

        color: #fd203f; }

    .tit > div h3 {

      font-size: 24px;

      line-height: 38px; }



.black-tit h2, .black-tit h3, .black-tit p {

  color: #fff !important; }

.black-tit > div:after {

  background-image: url("../images/qf-redhat/tit-ico2-lt.png") !important; }

.black-tit > div:before {

  background-image: url("../images/qf-redhat/tit-ico2-rb.png") !important; }



.btn {

  display: inline-block;

  background-color: #ff2240;

  text-align: center;

  color: #fff;

  font-size: 18px;

  line-height: 50px;

  border-radius: 8px; }



.banner {

  height: 550px;

  background-image: url(../images/qf-redhat/banner.png);

  background-repeat: no-repeat;

  background-position: center; }

  .banner > .warp {

    position: relative; }

    .banner > .warp a {

      position: absolute;

      width: 176px;

      height: 51px;

      top: 414px;

      left: 337px; }



.c1 {

  background-color: #f6f6f6; }

  .c1 .warp {

    padding-top: 35px;

    padding-bottom: 80px; }

    .c1 .warp .c1-cont1 {

      background-color: #FFF;

      margin-bottom: 28px; }

      .c1 .warp .c1-cont1 > div:nth-child(1) {

        width: 473px;

        height: 300px;

        position: relative; }

        .c1 .warp .c1-cont1 > div:nth-child(1) img {

          width: 100%;

          height: 100%; }

        .c1 .warp .c1-cont1 > div:nth-child(1) p {

          position: absolute;

          width: 100%;

          bottom: 0;

          left: 0;

          font-size: 16px;

          line-height: 48px;

          height: 48px;

          text-align: center;

          background-color: rgba(0, 0, 0, 0.6);

          color: #fff; }

      .c1 .warp .c1-cont1 > dl:nth-child(2) {

        width: 627px;

        height: 300px;

        box-sizing: border-box;

        padding-left: 36px;

        padding-top: 45px; }

        .c1 .warp .c1-cont1 > dl:nth-child(2) dt {

          font-size: 20px;

          line-height: 36px;

          color: #000;

          margin-bottom: 30px; }

          .c1 .warp .c1-cont1 > dl:nth-child(2) dt span {

            font-weight: bolder; }

        .c1 .warp .c1-cont1 > dl:nth-child(2) dd {

          padding-left: 40px;

          font-size: 16px;

          line-height: 26px;

          color: #666;

          margin-bottom: 15px;

          background-image: url(../images/qf-redhat/c1-ico1.png);

          background-repeat: no-repeat;

          background-position: left; }

    .c1 .warp .c1-cont2 {

      height: 299px; }

      .c1 .warp .c1-cont2 > div:nth-child(1) {

        width: 530px;

        height: 100%;

        box-sizing: border-box;

        padding-left: 42px;

        padding-top: 58px; }

        .c1 .warp .c1-cont2 > div:nth-child(1) > p {

          font-size: 20px;

          line-height: 36px;

          color: #666;

          margin-bottom: 15px; }

          .c1 .warp .c1-cont2 > div:nth-child(1) > p strong {

            font-size: 36px;

            line-height: 62px;

            color: #fd213f;

            font-weight: bolder; }

        .c1 .warp .c1-cont2 > div:nth-child(1) a {

          width: 247px; }

      .c1 .warp .c1-cont2 > div:nth-child(2) {

        width: 570px;

        height: 100%; }



.c2 {

  background-image: url(../images/qf-redhat/c2-bg.jpg);

  background-repeat: repeat-x;

  background-position: top;

  background-color: #fff; }

  .c2 .warp {

    padding-top: 44px;

    padding-bottom: 36px; }

    .c2 .warp .tit {

      margin-bottom: 54px; }

    .c2 .warp > ul {

      margin-bottom: 58px; }

      .c2 .warp > ul > li {

        height: 72px;

        border-right: 1px solid #e55e73;

        color: #fff;

        padding-right: 34px;

        padding-left: 38px; }

        .c2 .warp > ul > li:last-child {

          border: none;

          padding-right: 0; }

        .c2 .warp > ul > li:first-child {

          padding-left: 0; }

        .c2 .warp > ul > li img {

          margin-right: 18px; }

        .c2 .warp > ul > li h3 {

          font-size: 24px;

          line-height: 40px; }

        .c2 .warp > ul > li p {

          font-size: 16px;

          line-height: 26px; }

    .c2 .warp .c2-form {

      width: 744px;

      height: 405px;

      background-color: #fff;

      margin: 0 auto;

      box-sizing: border-box;

      padding-top: 61px; }

      .c2 .warp .c2-form > div {

        width: 582px;

        margin: 0 auto; }

      .c2 .warp .c2-form .c2-form-tit {

        border-top: 1px dotted #dfdfdf;

        text-align: center;

        height: 0;

        margin-bottom: 66px; }

        .c2 .warp .c2-form .c2-form-tit img {

          position: relative;

          top: -41px;

          border-left: 11px solid #fff;

          border-right: 11px solid #fff; }

      .c2 .warp .c2-form .c2-form-cont1 {

        margin-bottom: 23px; }

        .c2 .warp .c2-form .c2-form-cont1 > div {

          font-size: 18px;

          line-height: 50px;

          color: #333; }

          .c2 .warp .c2-form .c2-form-cont1 > div:nth-child(1) {

            margin-right: 41px;

            margin-left: 10px; }

          .c2 .warp .c2-form .c2-form-cont1 > div input {

            width: 180px;

            height: 48px;

            border: 1px solid #e2e2e2;

            padding-left: 22px;

            font-size: 18px;

            line-height: 50px;

            color: #333;

            border-radius: 7px;

            margin-left: 6px;

            outline: none; }

            .c2 .warp .c2-form .c2-form-cont1 > div input::-webkit-input-placeholder {

              color: #e2e2e2; }

      .c2 .warp .c2-form .c2-form-cont2 {

        color: #333;

        margin-bottom: 30px; }

        .c2 .warp .c2-form .c2-form-cont2 > span {

          font-size: 18px;

          line-height: 50px;

          margin-left: 10px;

          margin-right: 7px; }

        .c2 .warp .c2-form .c2-form-cont2 > a {

          width: 158px;

          height: 48px;

          border: 1px solid #e2e2e2;

          border-radius: 7px;

          text-align: center;

          font-size: 16px;

          color: #333;

          line-height: 48px;

          margin-right: 14px; }

          .c2 .warp .c2-form .c2-form-cont2 > a:last-child {

            margin-right: 0; }

          .c2 .warp .c2-form .c2-form-cont2 > a.active > span {

            background-image: url("../images/qf-redhat/c2-radiuico-02.png"); }

          .c2 .warp .c2-form .c2-form-cont2 > a span {

            display: inline-block;

            width: 16px;

            height: 16px;

            background-image: url(../images/qf-redhat/c2-radiuico-01.png);

            background-repeat: no-repeat;

            margin-right: 6px;

            vertical-align: middle;

            position: relative;

            top: -2px; }

      .c2 .warp .c2-form .c2-form-btn {

        text-align: center; }

        .c2 .warp .c2-form .c2-form-btn a {

          width: 508px;

          margin-left: 71px;

          margin-bottom: 12px; }

        .c2 .warp .c2-form .c2-form-btn span {

          text-align: center;

          padding-left: 71px;

          color: #fd213f;

          font-size: 16px;

          line-height: 26px; }



.c3 {

  background-color: #fff; }

  .c3 .warp {

    padding-top: 30px;

    padding-bottom: 90px; }

    .c3 .warp .tit > div {

      width: 300px; }

    .c3 .warp .c3-cont .c3-cont-l {

      width: 400px;

      margin-right: 41px; }

      .c3 .warp .c3-cont .c3-cont-l > img {

        display: block;

        margin-bottom: 12px; }

      .c3 .warp .c3-cont .c3-cont-l > p {

        font-size: 18px;

        line-height: 30px;

        color: #000;

        margin-bottom: 16px; }

      .c3 .warp .c3-cont .c3-cont-l > h3 {

        font-size: 36px;

        line-height: 46px;

        color: #fd213f;

        font-weight: bold; }

      .c3 .warp .c3-cont .c3-cont-l > span {

        font-size: 16px;

        line-height: 24px;

        color: #333; }

    .c3 .warp .c3-cont .c3-cont-r {

      width: 595px;

      height: 254px;

      background-image: url("../images/qf-redhat/c3-pic-01.png");

      box-sizing: border-box;

      padding-top: 10px; }

      .c3 .warp .c3-cont .c3-cont-r p {

        font-size: 16px;

        line-height: 26px;

        color: #fff; }

        .c3 .warp .c3-cont .c3-cont-r p:nth-child(1) {

          margin-left: 285px; }

        .c3 .warp .c3-cont .c3-cont-r p:nth-child(2) {

          margin-left: 342px;

          margin-top: 39px; }

        .c3 .warp .c3-cont .c3-cont-r p:nth-child(3) {

          margin-left: 278px;

          margin-top: 32px; }

        .c3 .warp .c3-cont .c3-cont-r p span {

          font-weight: bold;

          font-size: 18px; }



.c4 {

  background-color: #f4f4f4;

  height: 637px; }

  .c4 .warp > div:nth-child(1) {

    width: 349px;

    margin-right: 101px; }

    .c4 .warp > div:nth-child(1) > div {

      position: relative;

      width: 349px;

      height: 355px; }

      .c4 .warp > div:nth-child(1) > div > img {

        margin-bottom: 13px; }

      .c4 .warp > div:nth-child(1) > div > div {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background-color: rgba(0, 0, 0, 0.6);

        display: table;

        -webkit-transition: 0.6s all ease;

        -o-transition: 0.6s all ease;

        transition: 0.6s all ease;

        opacity: 0; }

        .c4 .warp > div:nth-child(1) > div > div.active {

          opacity: 1; }

        .c4 .warp > div:nth-child(1) > div > div > p {

          display: table-cell;

          font-size: 15px;

          line-height: 30px;

          word-break: break-all;

          color: #fff;

          vertical-align: middle;

          padding: 0 20px; }

    .c4 .warp > div:nth-child(1) > h3 {

      height: 34px;

      font-size: 20px;

      line-height: 34px;

      color: #000;

      font-weight: bold;

      text-align: center;

      margin-bottom: 24px; }

      .c4 .warp > div:nth-child(1) > h3 span {

        font-size: 18px;

        line-height: 34px;

        color: #666;

        margin-left: 20px;

        font-weight: normal; }

    .c4 .warp > div:nth-child(1) > ul > li {

      height: 32px;

      font-size: 15px;

      line-height: 32px;

      color: #797979;

      border: 1px solid #797979;

      padding: 0 14px;

      margin-right: 15px;

      margin-bottom: 11px;

      border-radius: 6px; }

    .c4 .warp > div:nth-child(1) a {

      font-size: 16px;

      line-height: 30px;

      color: #fd213f;

      position: relative;

      width: 100px;

      margin: 0 auto;

      margin-top: 20px;

      display: block; }

      .c4 .warp > div:nth-child(1) a:after {

        position: absolute;

        width: 0;

        height: 0;

        border: 5px solid transparent;

        border-bottom-color: #fd213f;

        left: 50%;

        margin-left: -5px;

        top: -15px;

        content: ""; }

  .c4 .warp > div:nth-child(2) {

    position: relative;

    width: 650px;

    padding-top: 36px; }

    .c4 .warp > div:nth-child(2):after {

      position: absolute;

      width: 47px;

      height: 36px;

      top: 49px;

      left: -65px;

      background-image: url("../images/qf-redhat/tit-num-02.png");

      content: ""; }

    .c4 .warp > div:nth-child(2) h3 {

      font-size: 20px;

      line-height: 30px;

      color: #000; }

    .c4 .warp > div:nth-child(2) h2 {

      font-size: 22px;

      line-height: 34px;

      color: #fd213f;

      margin-bottom: 32px; }

    .c4 .warp > div:nth-child(2) > ul {

      margin-bottom: 14px; }

      .c4 .warp > div:nth-child(2) > ul li {

        height: 66px;

        margin-bottom: 20px;

        margin-right: 16px;

        min-width: 308px; }

        .c4 .warp > div:nth-child(2) > ul li img {

          margin-right: 18px; }

        .c4 .warp > div:nth-child(2) > ul li p {

          font-size: 16px;

          line-height: 26px;

          color: #333;

          padding-top: 6px; }

    .c4 .warp > div:nth-child(2) .c4-pj {

      padding-top: 12px;

      border-top: 1px dashed #d7d7d7; }

      .c4 .warp > div:nth-child(2) .c4-pj h3 {

        font-size: 18px;

        line-height: 24px;

        margin-bottom: 15px;

        color: #fd213f; }

      .c4 .warp > div:nth-child(2) .c4-pj li {

        margin-bottom: 24px; }

        .c4 .warp > div:nth-child(2) .c4-pj li img {

          margin-right: 14px; }

        .c4 .warp > div:nth-child(2) .c4-pj li p {

          font-size: 15px;

          line-height: 25px;

          width: 582px; }

          .c4 .warp > div:nth-child(2) .c4-pj li p span {

            font-size: 15px;

            line-height: 25px;

            color: #999999; }



.c5 {

  background-color: #ffffff; }

  .c5 .warp {

    padding-top: 38px;

    padding-bottom: 50px; }

    .c5 .warp > div:nth-child(1) {

      width: 450px;

      padding-top: 37px;

      margin-right: 137px; }

      .c5 .warp > div:nth-child(1) > img {

        display: block;

        margin-bottom: 20px; }

      .c5 .warp > div:nth-child(1) > h2 {

        font-size: 26px;

        line-height: 42px;

        color: #000;

        margin-bottom: 10px; }

      .c5 .warp > div:nth-child(1) > p {

        font-size: 16px;

        line-height: 28px;

        color: #666; }



.c6 .warp {

  padding-top: 40px;

  padding-bottom: 76px; }

  .c6 .warp img {

    display: block;

    margin-bottom: 18px; }

  .c6 .warp h2 {

    font-size: 28px;

    line-height: 46px;

    color: #000;

    margin-bottom: 34px; }

    .c6 .warp h2 span {

      color: #fd213f; }

  .c6 .warp ul li {

    width: 348px;

    height: 440px;

    border-radius: 9px;

    background-color: #FFF;

    box-shadow: 1px 2px 22px #dcdcdc;

    margin-right: 24px;

    box-sizing: border-box;

    padding-top: 21px;

    background-image: url(../images/qf-redhat/c5-ico-01.png);

    background-position: 240px 337px;

    background-repeat: no-repeat; }

    .c6 .warp ul li:last-child {

      margin-right: 0; }

    .c6 .warp ul li h3 {

      font-size: 18px;

      line-height: 36px;

      color: #333;

      padding-left: 34px;

      margin-bottom: 4px; }

    .c6 .warp ul li p {

      font-size: 14px;

      line-height: 26px;

      color: #666;

      padding-left: 34px; }



.c7 .warp {

  padding-top: 58px;

  padding-bottom: 43px; }

  .c7 .warp .c7-cont-l {

    margin-top: 126px;

    width: 450px;

    margin-right: 30px; }

    .c7 .warp .c7-cont-l > img {

      display: block;

      margin-bottom: 22px; }

    .c7 .warp .c7-cont-l h2 {

      font-size: 28px;

      line-height: 48px;

      color: #000;

      margin-bottom: 23px; }

    .c7 .warp .c7-cont-l a {

      width: 276px; }

  .c7 .warp .c7-cont-r {

    width: 620px;

    height: 420px;

    box-sizing: border-box;

    padding-top: 33px;

    background-image: url(../images/qf-redhat/c6-video-bg.png); }

    .c7 .warp .c7-cont-r > div:nth-child(1) {

      margin-left: 18px; }

      .c7 .warp .c7-cont-r > div:nth-child(1) span {

        width: 15px;

        height: 15px;

        border-radius: 50%;

        background-color: #d2d7dd;

        margin-right: 12px; }

    .c7 .warp .c7-cont-r > div:nth-child(2) {

      width: 569px;

      height: 360px;

      background-color: #f2f2f2;

      margin-left: 25px;

      overflow: hidden;

      position: relative; }

      .c7 .warp .c7-cont-r > div:nth-child(2) > video {

        position: relative;

        z-index: 10; }

      .c7 .warp .c7-cont-r > div:nth-child(2) > div {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 20px;

        left: 0;

        z-index: 1000;

        opacity: 1;

        background: url(../images/qf-redhat/c6-video-play.png);

        -webkit-transition: 0.6s all ease;

        -o-transition: 0.6s all ease;

        transition: 0.6s all ease; }

        .c7 .warp .c7-cont-r > div:nth-child(2) > div.active {

          opacity: 0;

          z-index: 1; }

        .c7 .warp .c7-cont-r > div:nth-child(2) > div a {

          position: absolute;

          width: 65px;

          height: 65px;

          top: 50%;

          left: 50%;

          margin-top: -32px;

          margin-left: -32px; }



.c8 {

  border-top: 1px solid #e1e1e1; }

  .c8 .warp {

    padding-bottom: 23px; }

    .c8 .warp > img {

      margin-top: 54px;

      margin-left: 5px;

      margin-right: 48px; }

    .c8 .warp > div {

      margin-top: 95px;

      margin-right: 33px; }

      .c8 .warp > div > div {

        margin-right: 16px; }

      .c8 .warp > div > a {

        width: 146px;

        height: 120px;

        border-radius: 8px;

        background-color: #ff2240;

        text-align: center;

        line-height: 120px;

        font-size: 16px;

        color: #fff; }

      .c8 .warp > div p {

        width: 222px;

        height: 48px;

        border: 1px solid #e2e2e2;

        padding-left: 20px;

        font-size: 16px;

        color: #000;

        line-height: 48px;

        border-radius: 8px;

        margin-bottom: 18px; }

        .c8 .warp > div p input {

          border: none;

          outline: none;

          color: #000;

          width: 170px;

          font-size: 16px;

          line-height: 48px;

          height: 48px; }

    .c8 .warp > table {

      margin-top: 50px; }

      .c8 .warp > table tr:nth-child(1) > td:nth-child(2) > a {

        background-image: url("../images/qf-redhat/c6-ico-02.png"); }

      .c8 .warp > table tr:nth-child(2) > td:nth-child(1) > a {

        background-image: url("../images/qf-redhat/c6-ico-03.png"); }

      .c8 .warp > table tr:nth-child(2) > td:nth-child(2) > a {

        background-image: url("../images/qf-redhat/c6-ico-04.png"); }

      .c8 .warp > table td {

        width: 172px;

        height: 109px;

        border: 1px solid #d0d0d0; }

        .c8 .warp > table td a {

          display: block;

          font-size: 16px;

          line-height: 26px;

          color: #333;

          padding-top: 41px;

          text-align: center;

          margin-top: 11px;

          background-image: url(../images/qf-redhat/c6-ico-01.png);

          background-repeat: no-repeat;

          background-position: top; }



.c9 {

  background-image: url(../images/qf-redhat/c7-bg.png);

  background-repeat: repeat-x;

  background-position: top;

  background-color: #ffffff; }

  .c9 .warp {

    padding-top: 43px;

    padding-bottom: 50px; }

    .c9 .warp .tit {

      margin-bottom: 35px; }

    .c9 .warp > ul {

      width: 1022px;

      margin: 0 auto;

      margin-bottom: 43px; }

      .c9 .warp > ul > li {

        width: 320px;

        height: 306px;

        background-color: #FFF;

        text-align: center;

        box-sizing: border-box;

        padding-top: 19px;

        margin-right: 30px; }

        .c9 .warp > ul > li:last-child {

          margin-right: 0; }

        .c9 .warp > ul > li img {

          margin-bottom: 24px; }

        .c9 .warp > ul > li p {

          font-size: 16px;

          color: #333;

          line-height: 24px; }

    .c9 .warp > div img {

      margin-right: 30px; }

    .c9 .warp > div > div:nth-child(2) {

      width: 568px; }

      .c9 .warp > div > div:nth-child(2) h3 {

        text-indent: -9999em;

        height: 30px;

        background-image: url(../images/qf-redhat/c7-txt.png);

        background-repeat: no-repeat;

        background-position: left;

        margin-bottom: 10px;

        margin-top: 42px; }

      .c9 .warp > div > div:nth-child(2) p {

        font-size: 16px;

        line-height: 26px;

        color: #333; }

    .c9 .warp > div > div:nth-child(3) {

      margin-top: 8px; }

      .c9 .warp > div > div:nth-child(3) a {

        width: 280px;

        display: block !important;

        margin-bottom: 13px; }

        .c9 .warp > div > div:nth-child(3) a:nth-child(2) {

          color: #ff2240;

          background-color: #fff;

          border: 1px solid #ff2240;

          box-shadow: 0 4px 0 #ff2240; }



.c10 {

  background-color: #f5f5f5; }

  .c10 .warp {

    padding-top: 34px;

    padding-bottom: 40px; }

    .c10 .warp .tit {

      margin-bottom: 55px; }

    .c10 .warp > div:nth-child(2) .c10-cont-l {

      width: 360px;

      margin-right: 58px;

      text-align: center; }

      .c10 .warp > div:nth-child(2) .c10-cont-l > div {

        height: 324px;

        background-image: url("../images/qf-redhat/c8-pic-10.png");

        text-align: center; }

        .c10 .warp > div:nth-child(2) .c10-cont-l > div > p {

          font-size: 18px;

          line-height: 32px; }

          .c10 .warp > div:nth-child(2) .c10-cont-l > div > p:nth-child(1) {

            color: #ff5467;

            padding-top: 20px; }

          .c10 .warp > div:nth-child(2) .c10-cont-l > div > p:nth-child(2) {

            color: #b27625;

            margin-top: 26px; }

          .c10 .warp > div:nth-child(2) .c10-cont-l > div > p:nth-child(3) {

            color: #1e6dd1;

            margin-top: 30px; }

          .c10 .warp > div:nth-child(2) .c10-cont-l > div > p:nth-child(4) {

            font-size: 16px;

            line-height: 24px;

            color: #fff;

            margin-top: 38px;

            margin-bottom: 4px; }

        .c10 .warp > div:nth-child(2) .c10-cont-l > div > h3 {

          font-size: 20px;

          line-height: 30px;

          font-weight: bold;

          color: #fff; }

      .c10 .warp > div:nth-child(2) .c10-cont-l > a {

        width: 278px;

        margin-top: 40px; }



.c11 .warp {

  padding-top: 52px;

  padding-bottom: 20px; }

  .c11 .warp .tit {

    margin-bottom: 46px; }

  .c11 .warp > div:nth-child(2) {

    margin-bottom: 34px; }

    .c11 .warp > div:nth-child(2) > ul {

      margin-right: 5px; }

      .c11 .warp > div:nth-child(2) > ul li {

        margin-bottom: 5px;

        position: relative;

        overflow: hidden; }

        .c11 .warp > div:nth-child(2) > ul li:hover img {

          -webkit-transform: scale(1.2);

          -ms-transform: scale(1.2);

          -o-transform: scale(1.2);

          transform: scale(1.2); }

        .c11 .warp > div:nth-child(2) > ul li img {

          -webkit-transition: 0.6s all ease;

          -o-transition: 0.6s all ease;

          transition: 0.6s all ease; }

        .c11 .warp > div:nth-child(2) > ul li p {

          position: absolute;

          width: 100%;

          height: 38px;

          color: #fff;

          background-color: rgba(0, 0, 0, 0.6);

          text-align: center;

          font-size: 16px;

          line-height: 38px;

          left: 0;

          bottom: 0; }

        .c11 .warp > div:nth-child(2) > ul li:last-child {

          margin-bottom: 0; }

      .c11 .warp > div:nth-child(2) > ul:last-child {

        margin-right: 0; }

  .c11 .warp > h3 {

    font-size: 24px;

    line-height: 40px;

    text-align: center;

    color: #000;

    font-weight: bold;

    margin-bottom: 20px; }

  .c11 .warp > table {

    width: 100%;

    margin-bottom: 40px; }

    .c11 .warp > table td {

      border: 1px solid #7c7c7c;

      vertical-align: middle;

      position: relative;

      width: 158px;

      height: 92px;

      overflow: hidden;

      background-color: #ffffff;

      text-align: center; }



.c12 .warp {

  padding-bottom: 44px; }

  .c12 .warp > ul > li {

    width: 550px;

    margin-bottom: 20px; }

    .c12 .warp > ul > li > div:nth-child(1) {

      width: 260px;

      height: 176px;

      position: relative; }

      .c12 .warp > ul > li > div:nth-child(1) > img {

        width: 100%;

        height: 100%; }

      .c12 .warp > ul > li > div:nth-child(1) > a {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background-color: rgba(0, 0, 0, 0.3);

        background-image: url("../images/qf-redhat/c10-ico-play.png");

        background-repeat: no-repeat;

        background-position: center; }

    .c12 .warp > ul > li > div:nth-child(2) {

      width: 290px;

      box-sizing: border-box;

      padding: 0 16px;

      padding-top: 14px; }

      .c12 .warp > ul > li > div:nth-child(2) h3 {

        font-size: 18px;

        line-height: 28px;

        color: #333;

        margin-bottom: 6px; }

      .c12 .warp > ul > li > div:nth-child(2) p {

        font-size: 14px;

        line-height: 24px;

        color: #666666; }



.c13 {

  background-color: #ff2240; }

  .c13 .warp {

    padding-top: 34px;

    padding-bottom: 36px; }

    .c13 .warp > div:nth-child(1) {

      border-right: 1px dashed #fff; }

    .c13 .warp > div:nth-child(2) {

      margin-right: 66px; }

    .c13 .warp > div:nth-child(1),

    .c13 .warp > div:nth-child(2) {

      padding: 0 34px;

      text-align: center;

      color: #fff; }

      .c13 .warp > div:nth-child(1) img,

      .c13 .warp > div:nth-child(2) img {

        margin-bottom: 14px; }

      .c13 .warp > div:nth-child(1) p,

      .c13 .warp > div:nth-child(2) p {

        font-size: 20px;

        line-height: 30px; }

      .c13 .warp > div:nth-child(1) h3,

      .c13 .warp > div:nth-child(2) h3 {

        font-size: 22px;

        line-height: 36px;

        font-weight: bold; }

    .c13 .warp > div:nth-child(3) {

      margin-top: 28px; }

      .c13 .warp > div:nth-child(3) a {

        display: block;

        width: 276px;

        height: 50px;

        background-color: #fff;

        box-shadow: 0 3px 0 #ec1d39;

        text-align: center;

        border: 1px solid #fff;

        line-height: 50px;

        font-size: 18px;

        color: #ff2240;

        margin-bottom: 25px;

        border-radius: 8px; }

        .c13 .warp > div:nth-child(3) a:nth-child(2) {

          background-color: transparent;

          border-color: #fff;

          color: #fff; }



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

/*2018.02.28添加*/
.gfjc_0228{
    height: 352px;
    background:url(../images/qf-redhat/gfjc_0228_bg.jpg) no-repeat center top;
    padding-top: 37px;
}
.gfjc_0228 .tit div h2{
    color:#ff2240;
}
.gfjc_0228 .tit div:before{
    background-image: url(../images/qf-redhat/tit-ico3-rb.png);
}
.gfjc_0228 .tit div:after{
    background-image: url(../images/qf-redhat/tit-ico3-lt.png);
}
.gfjc_main .fr{
    width: 600px;
    height: 240px;
    padding-top: 40px;
}
.gfjc_main .fr p{
    font-size: 18px;
    color:#000;
    margin-bottom: 26px;
}
.gfjc_main .fr a{
    width: 233px;
    display: block;
    height: 53px;
    font-size: 18px;
    color:#fff;
    text-align: center;
    line-height: 53px;
    background:#ff2240;
    border-radius: 6px;
}

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