* {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  color: white; }

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

.banner {
  width: 100%;
  background-size: cover;
  min-width: 1200px; }
  .banner .banner-top {
    width: 100%;
    height: 91px;
    background-color: #1b1617;
    color: white; }
    .banner .banner-top .top-center {
      width: 100%;
      height: 100%;
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
    }
    .banner .banner-top .top-center .clip {
      display: flex;
      font-size: 16px;
      align-items: center;
      font-weight: 500;
      color: #ffffff;
      line-height: 42px;
      margin: 0;
    }
    .clip-img-box {
      padding: 0 50px;
      box-sizing: border-box;
    }
    .banner .banner-top .top-center .clip .clip-img {
      width: 56px;
      height: 58px;
      position: relative;
      /* top: 20px; */
      z-index: 99;
    }
    .banner .banner-top .top-center .clip .clip-1 {
      padding: 0 10px;
      box-sizing: border-box;
    }
    .banner .banner-top .top-center .clip .clip-2 {
      padding: 0 10px;
      box-sizing: border-box;
    }
          .banner .banner-top .top-center .clip .clip-1 .clip-1 > a > span {
            width: 16px;
            height: 8px;
            font-size: 14px;
            color: #FFFFFF; }

.clip-1 a.active > span, .clip-1 a:hover > span {
  padding-bottom: 30px;
  border-bottom: 3px solid #40a2cf; }

.triangle {
  position: absolute;
  left: 916px; }
  
.active{
	padding-bottom: 30px;
	border-bottom: 3px solid #40a2cf;
}
.bottom {
  width: 100%;
  height: 300px;
  background-color: #1b1617; }
  .bottom .bottom1 {
    width: 1200px;
    height: 258px;
    background-color: #1b1617; 
    display: flex;
    align-items: center;}
    .bottom .bottom1 .bottom-title {
      background-color: #1b1617;
      display: flex;
      align-items: center;
      position: relative;
      top: 52px; }
      .bottom .bottom1 .bottom-content {
        width: 1200px;
        display: flex;
      }
      .bottom .bottom1 .bottom-content .bottom-clip {
        width: 400px;
        height: 140px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0;
        border-right: 1px solid #444444;
        padding-bottom: 40px;
        box-sizing: border-box;
      }
      .bottom .bottom1 .bottom-content .bottom-clip:last-child {
        border-right: none;
        width: 500px;
        padding: 0;
      }
      .bottom .bottom1 .bottom-content .bottom-clip .bottom-font-box .bottom-img {
        width: 36px;
        height: 36px;
        margin: 0;
      }
      .bottom .bottom1 .bottom-content .bottom-clip .bottom-font-box .bottom-font {
        font-size: 16px;
        margin-top: 10px;
        color: #999999;
        margin: 0;
        white-space: nowrap;
        text-align: left;
        width: 100%;
      }
      .bottom .bottom1 .bottom-content .bottom-clip .bottom-code-box {
        display: flex;
        align-items: center;
      }
      .bottom .bottom1 .bottom-content .bottom-clip .bottom-code-box .bottom-code {
        display: flex;
        flex-direction: column;
      }
      .bottom .bottom1 .bottom-content .bottom-clip .bottom-code-box .bottom-code .bottom-code-img {
        width: 108px;
        height: auto;
      }
      .bottom .bottom1 .bottom-content .bottom-clip .bottom-code-box .bottom-code:last-child {
        margin-left: 20px;
      }
      .bottom .bottom1 .bottom-content .bottom-clip .bottom-code-box .bottom-code .bottom-code-text  {
        font-size: 14px;
        color: #999999;
        padding-top: 10px;
        box-sizing: border-box;
      }
  .bottom .bottom2 {
    height: 42px;
    background-color: #2b2b2c; }
    .bottom .bottom2 .bottom-font2 {
      align-items: center;
      text-align: center;
      font-size: 14px;
      color: #666666;
      line-height: 42px;
      font-weight: 500; }

.banner-bottom {
  width: 100%;
  min-width: 1200px;
  height: 846px;
  background-size: cover;
  justify-content: center;
  background-image: url("../img/business/banner.png");
  background-repeat: no-repeat;
  background-clip: border-box;
  background-position-y: 0; }
  .banner-bottom .banner-icon {
    width: 312px;
    height: 125px;
    position: absolute;
    top: 210px;
       left: 50%;
       transform: translateX(-50%);  }

.body {
  width: 100%;
  height: 1298px;
  position: absolute;
  top: 447px; }
  .body .body1 {
    width: 1200px;
    min-width: 1200px;
    height: 459px;
    /* opacity: 0.7; */
    background-color: #2b2b2c;
    display: flex; }
    .body .body1 .body1-right {
      width: 512px; }
      .body .body1 .body1-right .body1-title {
        width: 310px;
        height: 28px;
        position: relative;
        top: 94px; }
      .body .body1 .body1-right .body1-content {
        width: 532px;
        height: 142px;
        position: relative;
        top: 136px;
        font-weight: 500;
        color: #999999;
        line-height: 42px; }
    .body .body1 .lineRight {
      width: 518px;
      height: 14px;
      z-index: 4;
      position: absolute;
      top: 440px;
      left: 410px; }

.body1-img {
  width: 520px;
  height: 309px;
  position: relative;
  top: 59px;
  /* left: 407px;  */}

.body2 {
  width: 100%;
  min-width: 1200px;
  height: 810px;
  background-color: #1a1a1a; }
  .body2 .body2-top {
    width: 1200px;
    height: 308px;
    background-color: #2b2b2c;
    display: flex; }
    .body2 .body2-top .body2-left {
      width: 378px; }
      .body2 .body2-top .body2-left .body2-title {
        width: 311px;
        height: 28px;
        position: relative;
        top: 70px;
        left: 48px; }
      .body2 .body2-top .body2-left .body2-content {
        width: 532px;
        height: 142px;
        font-weight: 500;
        color: #999999;
        line-height: 42px;
        position: relative;
        top: 118px; }
  .body2 .body2-bottom {
    width: 1200px;
    min-width: 1200px;
    height: 500px;
    background-color: #2b2b2c;
    display: flex; }
    .body2 .body2-bottom .body3-right {
      width: 526px; }
      .body2 .body2-bottom .body3-right .body3-title {
        width: 310px;
        height: 28px;
        position: relative;
        top: 173px; }
      .body2 .body2-bottom .body3-right .body3-content {
        width: 526px;
        height: 142px;
        position: relative;
        top: 209px;
        font-weight: 500;
        color: #999999;
        line-height: 42px; }
    .body2 .body2-bottom .lineLeft {
      width: 518px;
      height: 14px;
      z-index: 4;
      position: absolute;
      bottom: 426px;
      left: 984px; }
  .body2 .body3-img {
    width: 520px;
    height: 309px;
    position: relative;
    top: 95px; }

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