.body_bg {
  background: url(../images/body_bg.png) no-repeat top center;
  padding-bottom: 80px;
}

.logo {
  margin-top: 20px;
}

.text {
  width: 80%;
  margin: -50px auto 0;
}

.text img {
  width: 100%;
}

.main {
  margin-top: 30px;
  padding: 49px 40px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 40px rgba(255, 141, 26, 0.5);
}

.main .item {
  background: url(../images/2.png) no-repeat center;
  background-size: 100% 100%;
  display: flex;
  padding: 123px 217px 117px 48px;
  align-items: center;
  text-align: center;
}

.main .item p {
  font-size: 28px;

  line-height: 70px;
}

.yellow {
  font-weight: 700;
  color: rgba(255, 87, 51, 1);
}

.main .item .center {
  margin-left: 50px;
}

.main .item .right {
  margin-left: 80px;
}

.item1 {
  padding: 98px 49px 20px 32px;
  margin-top: 30px;
  background: url(../images/item1bg.png) no-repeat center;
  background-size: 100% 100%;
  font-size: 28px;
  text-align: center;
  line-height: 70px;
  display: flex;
}

.djb {
  width: 160px;
  height: 104px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  line-height: 70px;
  color: rgba(255, 255, 255, 1);
  background: url(../images/dybbg.png) no-repeat;
  margin: 0 auto;
}

.item1 .left {
  width: 25%;
}

.item1 .right {
  width: 75%;
  margin-top: -30px;
}

.scff {
  background: url(../images/gzks.png) no-repeat top;
  padding: 118px 40px 30px 137px;
  display: flex;
    background-size: 100%;
}

.scff_left {
  width: 62%;
}

.scff_left img {
  border-right: 5px dashed rgba(255, 141, 26, 1);
}

.scff_right {
  margin-left: 40px;
}

.scff_left img {
  width: 100%;
}

.item2 {
  display: flex;
  margin-top: 30px;
  padding: 132px 95px 150px 50px;
  background: url(../images/item3bg.png) no-repeat top center;
  font-size: 28px;
  line-height: 70px;
  text-align: center;
}

.item2 .left {
  margin-right: 116px;
  width: 27%;
}

.item2 .center {
  padding-right: 80px;
  border-right: 5px dashed rgba(255, 141, 26, 1);
  width: 28%;
  box-sizing: border-box;
}

.item2 .right {
  margin-left: 64px;
}

@media (max-width: 1480px) {
 .main .item p {
    font-size: 22px;
  }

 .main .item .right {
    margin-left: 25px;
    width: 31%;
  }

 .main .item .center {
    margin-left: 25px;
    width: 31%;
  }

  .item1,
  .item2 {
    font-size: 22px;
  }

  .item2 .center {
    width: 27%;
  }

  .item2 .left {
    margin-right: 73px;
    width: 27%;
  }

  .scff {
    background-size: 100%;
    padding: 113px 40px 30px 112px;
  }
}

@media (max-width: 1280px) {
 .main .item .center {
    width: 34%;
  }

 .main .item .right {
    width: 32%;
  }

  .scff_right {
    margin-left: 29px;
  }
}

@media (max-width: 768px) {
  .text {
    width: 80%;
    margin: 0px auto 0;
  }

.main  .item {
    flex-wrap: wrap;
    padding: 166px 53px 117px 48px;
    background-size: cover;
  }

.main  .item .center {
    width: 45%;
  }

 .main .item .right {
    width: 45%;
  }

  .item1 .left {
    width: 45%;
    margin: 0 auto;
  }

  .item2 {
    flex-wrap: wrap;
  }

  .item2 .left {
    margin-right: 20px;
    width: 49%;
  }

  .item2 .center {
    width: 43%;
    padding-right: 0;
  }

  .item1 {
    flex-wrap: wrap;
    padding: 178px 26px 20px 24px;
  }

  .item1 .right {
    width: 100%;
    margin-top: 0px;
  }

  .scff {
    flex-wrap: wrap;
    padding: 113px 40px 183px 112px;
  }

  .scff_left {
    line-height: 48px;
    width: 100%;
  }

  .scff_right {
    width: 100%;
  }

  .item2 {
    flex-wrap: wrap;
    background-size: cover;
  }

  .item2 .center {
    padding-right: 0px;
    border-right: 0;
  }
}

@media (max-width: 480px) {
.main  .item {
    padding: 166px 10px 117px 10px;
  }

.main  .item .center {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

.main  .item .right {
    width: 100%;
    margin-left: 0;
  }

  .item1 {
    flex-wrap: wrap;
    padding: 178px 10px 20px 10px;
  }

  .item1 .left {
    width: 100%;
  }

  .scff {
    padding: 30px 14px 183px 34px;
  }

  .scff_right {
    margin-left: 0;
    font-size: 20px;
  }

  .item2 {
    padding: 132px 10px 150px 10px;
  }

  .item2 .left {
    margin-right: 0px;
    width: 100%;
  }

  .item2 .center {
    width: 100%;
  }

  .item2 .right {
    margin-left: 0px;
  }

  .logo {
    width: 180px;
  }
}