.banner {
  background: url('../image/bbc_bj.png') no-repeat center center;
}

.bbc {
  padding: 88px 0;
}

.con_left p {
  color: #c2d9ff;
}

.manage .user {
  margin-top: 43px;
}

.manage .user .user_left {
  margin-left: 0;
}

.manage .user .user_right {
  margin-top: 86px;
}

.scene,
.threeManage {
  background: #fff;
}

.scene_con ul:last-child {
  border-top: 1px solid #dae1ff;
}

.scene_con button {
  border: 1px solid #dae1ff;
  text-align: center;
  line-height: 52px;
  height: 52px;
  width: 248px;
  margin: 45px auto 0;
  display: block;
  border-radius: 26px;
  color: #28417a;
  font-size: 24px;
}

.canel_title {
  background: #fafbfc;
  padding-top: 75px;
}

.threeManage .user {
  margin-top: 126px;
  margin-bottom: 100px;
}

.threeManage .user .user_right {
  margin-left: 50px;
  margin-top: 0;
}

.threeManage .user .user_left {
  text-align: center;
}

.func {
  background: #fafbfc;
  padding: 100px 0 60px 0;
}

.func_con ul li {
  display: flex;
  margin-bottom: 9px;
}

.func_con ul li .func_l {
  width: 180px;
  height: 200px;
  background: #fff;
  text-align: center;
  margin-right: 9px;
}

.func_r {
  height: 200px;
  flex: 1;
  background: #fff;
}

.func_r>div {
  display: flex;
}

.func_li {
  flex: 1;
  text-align: center;
}

.func_li p {
  color: #667186;
  font-size: 14px;
  width: 90px;
  margin: 0 auto;
}

.func_li img {
  margin: 55px auto 34px;
}

.func_l h3 {
  margin: 58px 0 40px 0;
}

.func_l h3,
.func_l p {
  font-size: 16px;
  color: #667186;
}

.func_button {
  text-align: center;
  line-height: 74px;
  height: 74px;
  width: 270px;
  background: url('../image/bbcCon.png') no-repeat center center;
  margin: 35px auto 0;
  color: #28417a;
  font-size: 24px;
}

.company {
  background: #fafbfc;
}

@media screen and (max-width:992px) {}

@media screen and (max-width:768px) {
  .func_con ul li {
    flex-wrap: wrap;
  }
  .company {
    background: #fafbfc;
    padding-top: 30px;
  }

  .func_l h3,
  .func_l p {
    margin: 20px 0;
  }

  .func_con ul li .func_l {
    width: 100%;
    height: 100px;
  }

  .func {
    padding: 0;
  }

  .func_r {
    height: 100%;
  }

  .func_r>div {
    flex-wrap: wrap;
  }

  .canel ul li>div {
    flex-wrap: wrap;
  }

  .canel ul li {
    margin: 0 0;
  }

  .canel ul li:first-child {
    margin-left: 20px;
    margin-right: 15px;
  }

  .canel ul li:nth-child(2) {
    padding: 0;
    margin: 0;
  }

  .threeManage .user {
    margin: 30px 0;
  }

  .threeManage .user .user_right {
    margin-left: 0;
  }
}