.page-wrap {
  padding-top: 80px;
}
.page-wrap .page-content {
  padding-top: 72px;
  padding-bottom: 80px;
  overflow: hidden;
}
.page-wrap .page-content-block {
  display: flex;
  justify-content: space-between;
}
.page-wrap .page-content-block .page-content-block-l {
  max-width: 1000px;
}
.page-wrap .page-content-block .page-content-block-r {
  position: relative;
  padding-right: 100px;
}
.page-wrap .page-content-block .page-content-block-r img {
  position: relative;
  z-index: 2;
}
.page-wrap .page-content-block .page-content-block-r .dot-line-wrap {
  position: absolute;
  z-index: 1;
  left: 190px;
  top: 270px;
  transform: rotate(-7deg) scale(1.8);
}
.page-wrap .page-content-block .page-content-block-r .dot-line-wrap .dot-line {
  opacity: 0.4;
  width: 120px;
  height: 120px;
  background-color: transparent;
  border: 1px dotted #A8BDE0;
  border-radius: 10px;
  transform: skew(51deg, -23deg);
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  mask: linear-gradient(116deg, #fff 0%, transparent 100%);
}
.page-wrap .page-content-block .page-content-block-r.no1 .dot-line {
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.page-wrap .page-content-block .page-content-block-r.no1 img {
  width: 400px;
}
.page-wrap .page-content-block .page-content-block-r.no2 img {
  width: 368px;
}
.page-wrap .page-content-block .page-content-block-r.no2 .dot-line-wrap {
  left: 170px;
  top: 248px;
}
.page-wrap .page-content-block .page-content-block-r.no2 .dot-line {
  border-left-color: transparent;
  border-top-color: transparent;
  mask: linear-gradient(-70deg, #fff 0%, transparent 100%);
}
.page-wrap .page-content-block .page-content-block-r.no3 img {
  width: 400px;
}
.page-wrap .page-content-block .page-content-block-r.no3 .dot-line-wrap {
  left: 120px;
  top: 300px;
}
.page-wrap .page-content-block .page-content-block-r.no3 .dot-line {
  border-right-color: transparent;
  border-bottom-color: transparent;
  mask: linear-gradient(178deg, #fff 0%, transparent 100%);
}
.page-wrap .page-content-block .page-content-block-r.no4 img {
  width: 390px;
}
.page-wrap .page-content-block .page-content-block-r.no4 .dot-line-wrap {
  left: 180px;
  top: 300px;
}
.page-wrap .page-content-block .page-content-block-r.no4 .dot-line {
  border-left-color: transparent;
  border-top-color: transparent;
  mask: linear-gradient(-18deg, #fff 0%, transparent 100%);
}
.page-wrap .page-content-block .page-content-block-r.no5 img {
  width: 470px;
}
.page-wrap .banner {
  height: 240px;
  position: relative;
  background: url(../images/com-bg.jpg) no-repeat center center / auto 100%;
}
.page-wrap .banner .crumbs {
  font-size: 18px;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  color: rgba(255, 255, 255, 0.8);
  padding-top: 32px;
}
.page-wrap .banner .txt {
  font-size: 64px;
  font-family: AlibabaPuHuiTi_3_95_ExtraBold;
  color: #FFFFFF;
  text-align: center;
  margin-top: 32px;
}
.page-wrap .btn {
  width: 128px;
  height: 40px;
  background: #2393E5;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  cursor: pointer;
}
.page-wrap .btn:hover {
  opacity: 0.8;
}
.page-wrap .split-line {
  width: 100%;
  height: 1px;
  margin: 48px 0;
  background: #E5EFF7;
}
.page-wrap .desc {
  margin-bottom: 24px;
}