.banner {
  padding-top: 200px;
}

.banner .container .title img {
  width: 42px;
  height: 42px;
}

.banner .container #banner_img {
  position: absolute;
  width: 490px;
  right: -120px;
  top: 0px;
}

.banner .container .follow .pub-title {
  width: 800px
}

.middle {
  /* background: url(../images/payment/line.png) no-repeat center top;
  background-position: 530px 530px; */
}

.middle div {
  z-index: 1;
}

.network {
  width: 100%;
  height: 950px;
  overflow: hidden;
}

.network .content {
  max-width: 1300px;
  height: 950px;
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 190px;
  background: url(../images/payment/network_bg.png) no-repeat center top;
  background-position: center;
  position: relative;
}

.network .content #network_img,
.network .content #network_img_en {
  position: absolute;
  top: 60px;
  right: -260px;
  z-index: -1;
}

.network .content #network_img_en {
  display: none;
}

.network .content .title {
  width: 740px;
  margin-bottom: 20px;
}

.network .content .text {
  width: 740px;
}

.network .content .network-ellipse {
  position: absolute;
  top: 570px;
  right: 450px;
  z-index: -2;
}

.mode {
  width: 100%;
  height: 670px;
  background: url(../images/payment/mode.png) no-repeat center top;
}

.mode .content {
  max-width: 1700px;
  height: 634px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.mode .content #mode_card {
  position: absolute;
  height: 630px;
  top: 120px;
  left: -25px;
}

.mode .content .network-round {
  position: absolute;
  top: -70px;
  right: 333px;
}


.mode .content>div {
  position: absolute;
  width: 780px;
  height: 634px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  top: 0;
  right: 100px;
}

.mode .content>div img {
  width: 600px;
}

.mode .content .title {
  color: #ffffff;
  margin-bottom: 20px;
}

.mode .content .text {
  font-weight: 400;
  font-size: 14px;
  color: #cccccc;
  margin-bottom: 10px;
  display: flex;
}

.mode .content .text img {
  margin-right: 6px;
  margin-top: 4px;
  width: 14px;
  height: 14px;
}

.mode .content #way,
.mode .content #way_en {
  margin-top: 70px;
}

.mode .content #way_en {
  display: none;
}

.secure {
  width: 100%;
  height: 670px;
  margin-top: 340px;
}

.secure .content {
  width: 1300px;
  margin: 0 auto;
  position: relative;
}

.secure .content>div {
  width: 1300px;
  height: 670px;
  background: #ffffff;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid rgba(202, 255, 242, 1);
  padding: 65px 70px;
  box-sizing: border-box;
}

.secure .content .secure-ellipse {
  position: absolute;
  top: -25px;
  left: 200px;
  z-index: -2;
}

.secure .content .secure-round {
  position: absolute;
  bottom: -40px;
  right: 150px;
  z-index: -2;
}

.secure .content #secure-bg,
.secure .content #secure-bg_en {
  position: absolute;
  bottom: 70px;
  right: -100px;
  width: 829px;
}

.secure .content #secure-bg_en {
  display: none;
}

.secure .content .head {
  margin-bottom: 80px;
}

.secure .content .item:not(:nth-last-child(1)) {
  margin-bottom: 60px;
}

.secure .content .item .title {
  font-weight: 500;
  font-size: 26px;
  color: #333333;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.secure .content .item .title img {
  width: 26px;
  height: 26px;
  margin-right: 15px;
}

.secure .content .item .text {
  padding-left: 40px;
}

.guard {
  width: 100%;
  height: 380px;
  margin-top: 330px;
  margin-bottom: 180px;
}

.guard .content {
  width: 1300px;
  height: 380px;
  margin: 0 auto;
  padding-left: 600px;
  padding-top: 60px;
  box-sizing: border-box;
  position: relative;
}

.guard #guard_img {
  position: absolute;
  top: -150px;
  left: -60px;
}

.guard .content .title {
  margin-bottom: 20px;
}