/**
 * 某某站点样式
 * @Author: yfb
 * @Date: 2017-08-15
 *
 **/
/* CSS Reset */
body, div, span, object, iframe, input, h1, h2, h3, h4, h5, h6, p, pre, a, acronym, address, code, del, em, font, img, ins, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
  padding: 0;
  margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

input, select {
  vertical-align: middle; }

input, textarea, select {
  font: 12px/1.5 "microsoft yahei", Arial, sans-serif; }

fieldset, img {
  border: 0; }

address, code, th, em {
  font-style: normal; }

ol, ul {
  list-style: none; }

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

/* bass css */
body {
  margin: 0 auto;
  font: 14px/1.5 "microsoft yahei", Arial, sans-serif;
  color: #2d2928;
  background: #fff; }

button {
  font: 14px/1.5 "microsoft yahei", Arial, sans-serif;
  outline: none; }

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

.minwidth {
  width: 1024px; }

.clearfix:after {
  content: "";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

.clearfix {
  zoom: 1; }

.clear {
  clear: both; }

a {
  text-decoration: none;
  outline: none;
  cursor: pointer; }

.fl {
  float: left; }

.fr {
  float: right; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.box {
  position: relative; }

.no-border {
  border-bottom: none !important; }

input {
  box-sizing: content-box;
  outline: none; }

input::-ms-clear {
  display: none; }

input::-ms-clear {
  width: 0;
  height: 0; }

::-ms-reveal {
  width: 0;
  height: 0; }

.color-red {
  color: #e64100; }

a.color-red:hover {
  text-decoration: underline; }

/**
 * animate.css
 * @yfb (you@example.org)
 * @date    2017-02-28 16:22:33
 * @version $Id$
 */
/* Icon Wobble Horizontal */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

/**
 * 公共样式
 * @authors yfb (you@example.org)
 * @date    2018-06-28 11:20:47
 * @version $Id$
 */
/*模块-公共样式*/
/**
 * index.scss
 * @authors yfb (you@example.org)
 * @date    2017-04-06 17:10:45
 * @version $Id$
 */
body, html {
  height: 100%; }

html body {
  padding-bottom: 0 !important; }

.wow {
  visibility: hidden; }

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

.banner {
  width: 100%;
  position: relative;
  height: 630px;
  overflow: hidden;
  min-width: 1200px; }
  .banner .banner-img {
    display: block;
    width: 1920px;
    height: 630px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px; }
    .banner .banner-img img {
      width: 100%;
      height: 100%; }
  .banner h1 {
    position: absolute;
    z-index: 10;
    top: 18px;
    width: 335px;
    height: 36px;
    left: 50%;
    margin-left: -624px; }
    .banner h1 img {
      width: 100%;
      height: 100%; }

.target-layer {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin-left: -540px;
  top: -106px;
  width: 1080px;
  height: 122px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 6px 0 24px rgba(236, 236, 248, 0.8); }

.top-layer {
  position: relative;
  background-color: #f4f4fc;
  height: 715px;
  width: 100%;
  min-width: 1200px; }

.target-layer .item {
  float: left;
  margin-top: 35px;
  margin-left: 40px;
  height: 50px; }
  .target-layer .item img {
    float: left;
    width: 50px;
    height: 50px; }
  .target-layer .item p {
    float: left;
    font-size: 16px;
    color: #0c0c0e;
    margin-left: 12px;
    max-width: 200px; }

.floor-1 {
  padding-top: 90px; }
  .floor-1 .content {
    margin-top: 68px;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    height: 420px; }
    .floor-1 .content .img {
      float: left;
      width: 540px;
      height: 420px; }
    .floor-1 .content .info {
      font-size: 18px;
      color: #24252f;
      width: 560px;
      float: left;
      margin-left: 55px;
      margin-top: 35px; }
      .floor-1 .content .info p {
        text-indent: 2em;
        line-height: 1.8;
        height: 205px; }
      .floor-1 .content .info .item {
        width: 260px;
        height: 60px;
        float: left;
        margin-right: 38px;
        margin-bottom: 20px; }
        .floor-1 .content .info .item.nom {
          margin-right: 0; }
        .floor-1 .content .info .item img {
          width: 100%;
          height: 100%; }

.floor-title {
  position: relative;
  text-align: center;
  height: 40px; }
  .floor-title h2 {
    position: relative;
    z-index: 2;
    color: #0c0c0e;
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    white-space: pre-wrap; }
  .floor-title i {
    position: absolute;
    width: 120px;
    height: 10px;
    background-color: #fae02e;
    border-radius: 20px;
    bottom: 0;
    left: 50%;
    margin-left: -60px;
    z-index: 1; }

.floor-2 {
  position: relative;
  padding-top: 80px;
  min-width: 1200px; }
  .floor-2 .content {
    position: relative;
    margin-top: 100px;
    height: 390px; }
    .floor-2 .content .item {
      position: relative;
      z-index: 10;
      float: left;
      margin-right: 25px;
      width: 280px;
      height: 80px;
      padding-top: 310px; }
      .floor-2 .content .item.item01 {
        background: url(../img/floor-2-01.png) no-repeat; }
      .floor-2 .content .item.item02 {
        background: url(../img/floor-2-02.png) no-repeat; }
      .floor-2 .content .item.item03 {
        background: url(../img/floor-2-03.png) no-repeat; }
      .floor-2 .content .item.item04 {
        margin-right: 0;
        background: url(../img/floor-2-04.png) no-repeat; }
    .floor-2 .content .ring {
      position: absolute;
      z-index: 1;
      top: -170px;
      right: 0;
      width: 240px;
      height: 240px;
      background: url(../img/icon-ring.png) no-repeat; }
    .floor-2 .content p {
      font-size: 22px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      line-height: 80px; }

.floor-3 {
  padding-top: 140px;
  min-width: 1200px; }
  .floor-3 .content {
    width: 1080px;
    margin: 90px auto 0; }
  .floor-3 .video-layer {
    position: relative;
    float: left;
    width: 800px;
    height: 520px;
    border-radius: 10px;
    overflow: hidden; }
    .floor-3 .video-layer video {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .floor-3 .video-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3); }
  .floor-3 .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    background: url(../img/icon-play.png) no-repeat;
    transition: all 0.3s; }
    .floor-3 .video-play:hover {
      opacity: 0.8; }
  .floor-3 .video-tab {
    float: left;
    width: 268px;
    margin-left: 10px; }
    .floor-3 .video-tab .item {
      position: relative;
      width: 260px;
      height: 160px;
      margin-bottom: 10px;
      border-radius: 23px;
      overflow: hidden;
      cursor: pointer;
      border: 4px solid #fff; }
      .floor-3 .video-tab .item.nom {
        margin-bottom: 0; }
      .floor-3 .video-tab .item.on {
        border: 4px solid #08c0fa; }
      .floor-3 .video-tab .item img {
        width: 100%;
        height: 100%; }
    .floor-3 .video-tab .tab-mask {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.3); }
      .floor-3 .video-tab .tab-mask i {
        position: absolute;
        width: 50px;
        height: 50px;
        background: url(../img/icon-play.png) no-repeat;
        background-size: contain;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        margin-left: -25px; }

.floor-4 {
  padding-top: 157px;
  min-width: 1200px; }
  .floor-4 .content {
    margin-top: 34px;
    width: 100%;
    min-width: 1200px;
    height: 897px;
    background: url(../img/bg-floor4.jpg) center no-repeat; }
  .floor-4 .item-layer {
    position: relative;
    width: 1200px;
    height: 897px; }
    .floor-4 .item-layer .item {
      position: absolute;
      top: 50%;
      left: 50%; }
      .floor-4 .item-layer .item.item01 {
        margin-left: -568px;
        margin-top: -172px; }
      .floor-4 .item-layer .item.item02 {
        margin-left: 179px;
        margin-top: -172px; }
      .floor-4 .item-layer .item.item03 {
        margin-left: -610px;
        margin-top: 39px; }
      .floor-4 .item-layer .item.item04 {
        margin-left: 266px;
        margin-top: 30px; }
      .floor-4 .item-layer .item.item05 {
        margin-left: -565px;
        margin-top: 238px; }
      .floor-4 .item-layer .item.item06 {
        margin-left: 185px;
        margin-top: 238px; }
    .floor-4 .item-layer .txt {
      float: left;
      font-size: 14px;
      color: #fff;
      text-align: right; }
      .floor-4 .item-layer .txt h3 {
        font-size: 24px; }
    .floor-4 .item-layer .item02 .txt, .floor-4 .item-layer .item04 .txt, .floor-4 .item-layer .item06 .txt {
      text-align: left;
      float: right; }

.floor-5 {
  padding-top: 80px;
  background-color: #f4f4fc;
  padding-bottom: 140px;
  min-width: 1200px; }
  .floor-5 .content {
    margin-top: 60px; }
  .floor-5 .bg-ring {
    position: relative;
    width: 1080px;
    height: 520px;
    margin: 0 auto;
    background: url(../img/bg-floor5.png) no-repeat; }
  .floor-5 .tab-layer {
    position: relative;
    margin: 130px auto 0;
    width: 1060px;
    height: 160px; }
    .floor-5 .tab-layer .item {
      position: absolute;
      width: 404px;
      height: 160px;
      background-color: #e8e8f4;
      border-radius: 10px;
      transition: all 0.3s;
      cursor: pointer; }
      .floor-5 .tab-layer .item.step02 {
        top: -22px;
        left: 260px;
        width: 520px;
        height: 200px;
        background-color: #fff;
        z-index: 2; }
        .floor-5 .tab-layer .item.step02 .icon {
          width: 64px;
          height: 68px;
          margin-left: 40px;
          margin-top: 50px; }
        .floor-5 .tab-layer .item.step02 .txt {
          float: left;
          width: 370px;
          margin-left: 20px;
          font-size: 14px;
          color: #24252f;
          margin-top: 50px; }
          .floor-5 .tab-layer .item.step02 .txt h3 {
            font-size: 24px;
            font-weight: bold;
            color: #28282a;
            line-height: 1;
            margin-bottom: 14px; }
        .floor-5 .tab-layer .item.step02.item01 .icon {
          background: url(../img/icon-thr01.png) no-repeat; }
        .floor-5 .tab-layer .item.step02.item02 .icon {
          background: url(../img/icon-thr02.png) no-repeat; }
        .floor-5 .tab-layer .item.step02.item03 .icon {
          background: url(../img/icon-thr03.png) no-repeat; }
      .floor-5 .tab-layer .item .icon {
        float: left;
        width: 54px;
        height: 56px;
        margin-left: 20px;
        margin-top: 40px;
        transition: all 0.3s; }
      .floor-5 .tab-layer .item .txt {
        float: left;
        width: 285px;
        margin-left: 15px;
        font-size: 12px;
        color: #74747c;
        margin-top: 40px;
        transition: all 0.3s; }
        .floor-5 .tab-layer .item .txt h3 {
          font-size: 20px;
          font-weight: bold;
          color: #4f4f53;
          line-height: 1;
          margin-bottom: 10px;
          transition: all 0.3s; }
      .floor-5 .tab-layer .item.item01 .icon {
        background: url(../img/icon-thr01-n.png) no-repeat; }
      .floor-5 .tab-layer .item.item02 .icon {
        background: url(../img/icon-thr02-n.png) no-repeat; }
      .floor-5 .tab-layer .item.item03 .icon {
        background: url(../img/icon-thr03-n.png) no-repeat; }
      .floor-5 .tab-layer .item.step01 {
        left: 0;
        top: 0; }
      .floor-5 .tab-layer .item.step03 {
        right: 0;
        top: 0; }
  .floor-5 .set {
    position: absolute;
    transition: all 0.3s;
    left: 50%; }
    .floor-5 .set.set01 {
      margin-left: -300px;
      bottom: -43px;
      width: 600px;
      height: 345px;
      background: url(../img/bg-oo01.png) no-repeat; }
    .floor-5 .set.set02 {
      margin-left: -300px;
      bottom: -43px;
      width: 600px;
      height: 345px;
      background: url(../img/bg-oo02.png) no-repeat; }
    .floor-5 .set.set03 {
      margin-left: -103px;
      bottom: -80px;
      width: 206px;
      height: 420px;
      background: url(../img/bg-oo03.png) no-repeat; }

.floor-bot {
  position: relative;
  width: 100%;
  height: 245px;
  background-color: #f4f4fc;
  min-width: 1200px; }
  .floor-bot .bg {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 245px;
    background: url(../img/bg-bot.png) center no-repeat; }
  .floor-bot .ring {
    width: 140px;
    height: 140px;
    background: url(../img/bot-ring.png) no-repeat;
    position: absolute;
    left: 50%;
    top: -145px;
    margin-left: -635px; }

/*模块-首页样式*/