.page {
  position: relative;
  width: 1920px;
  overflow: hidden;
}

.group_1 {
  width: 1920px;
  background-color: rgb(240, 252, 255);
  background-size: 100% 100%;
}

.box_1 {
  width: 1920px;
  background-size: 100% 100%;
  text-align: center;
}

.section_1 {
  position: relative;
  width: 807px;
  height: 77px;
  margin: 227px 0 0 563px;
}

.box_2 {
  background-color: rgba(13, 212, 194, 1);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin-top: 43px;
}

.box_3 {
  background-color: rgba(13, 190, 177, 1);
  border-radius: 14px;
  width: 54px;
  height: 54px;
}

.text_1 {
  position: absolute;
  left: 20px;
  top: 26px;
  width: 756px;
  height: 38px;
  overflow-wrap: break-word;
  color: rgba(64, 64, 64, 1);
  font-size: 40px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
}

.text_2 {
  width: 699px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(167, 168, 168, 1);
  font-size: 20px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  margin: 15px 0 0 611px;
}
/* 阴影背景 */
.group_3 {
  height: 489px;
  background: url(../assets/images/yinying.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 1630px;
  position: relative;
  margin: 101px 0 0 145px;
}

.box_9 {
  width: 1304px;
  height: 48px;
  margin: 8px 0 0 163px;
}

.group_4 {
  background-color: rgba(33, 84, 229, 0.8);
  border-radius: 50%;
  width: 46px;
  height: 46px;
}

.group_5 {
  background-color: rgba(33, 84, 229, 0.8);
  border-radius: 50%;
  width: 46px;
  height: 46px;
  margin-top: 2px;
}

.box_10 {
  width: 1520px;
  height: 377px;
  margin: 0 0 56px 55px;
}

.block_1 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  width: 316px;
  height: 377px;
}

.text-wrapper_1 {
  width: 266px;
  height: 266px;
  background: url(../assets/images/block_1.png) 100% no-repeat;
  background-size: 100% 100%;
  margin: 57px 0 0 25px;
}

.text_3 {
  width: 207px;
  height: 25px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 26px;
  font-family: SourceHanSansCN-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 26px;
  margin: 30px 0 0 29px;
}

.text_4 {
  width: 160px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 45px 0 0 53px;
}

.text_5 {
  width: 143px;
  height: 18px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 23px 0 0 61px;
}

.text_6 {
  width: 72px;
  height: 18px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 22px 0 68px 97px;
}

.text-wrapper_2 {
  height: 30px;
  background: url(../assets/images/jianjuefangan.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 140px;
  margin: 24px 0 0 88px;
}

.text_7 {
  width: 64px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 15px;
  margin: 9px 0 0 34px;
}

.block_2 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  width: 316px;
  height: 377px;
  margin-left: 85px;
}

.box_6 {
  background-color: rgba(33, 84, 229, 0.8);
  border-radius: 50%;
  width: 46px;
  height: 46px;
  margin: 1px 0 0 110px;
}

.text-wrapper_3 {
  width: 266px;
  height: 266px;
  background: url(../assets/images/block_2.png) 100% no-repeat;
  background-size: 100% 100%;
  margin: 10px 0 0 29px;
}

.text_8 {
  width: 156px;
  height: 26px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 26px;
  font-family: SourceHanSansCN-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 26px;
  margin: 31px 0 0 51px;
}

.text_9 {
  width: 160px;
  height: 18px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 42px 0 0 49px;
}

.text_10 {
  width: 103px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 24px 0 0 77px;
}

.text_11 {
  width: 72px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 21px 0 68px 91px;
}

.text-wrapper_4 {
  height: 30px;
  background: url(../assets/images/jianjuefangan.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 140px;
  margin: 24px 0 0 88px;
}

.text_12 {
  width: 64px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 15px;
  margin: 9px 0 0 41px;
}

.block_3 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  width: 316px;
  height: 377px;
  margin-left: 85px;
}

.box_7 {
  background-color: rgba(33, 84, 229, 0.8);
  border-radius: 50%;
  width: 46px;
  height: 46px;
  margin: -2px 0 0 161px;
}

.text-wrapper_5 {
  width: 266px;
  height: 266px;
  background: url(../assets/images/block_3.png) 100% no-repeat;
  background-size: 100% 100%;
  margin: 13px 0 0 26px;
}

.text_13 {
  width: 181px;
  height: 26px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 26px;
  font-family: SourceHanSansCN-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 26px;
  margin: 31px 0 0 42px;
}

.text_14 {
  width: 195px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 43px 0 0 36px;
}

.text_15 {
  width: 126px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 22px 0 0 69px;
}

.text_16 {
  width: 106px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 23px 0 68px 79px;
}

.text-wrapper_6 {
  height: 30px;
  background: url(../assets/images/jianjuefangan.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 140px;
  margin: 25px 0 1px 89px;
}

.text_17 {
  width: 64px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 15px;
  margin: 8px 0 0 40px;
}

.block_4 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  width: 316px;
  height: 377px;
  margin-left: 86px;
}

.text-wrapper_7 {
  width: 266px;
  height: 266px;
  background: url(../assets/images/block_4.png) 100% no-repeat;
  background-size: 100% 100%;
  margin: 57px 0 0 25px;
}

.text_18 {
  width: 207px;
  height: 25px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 26px;
  font-family: SourceHanSansCN-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 26px;
  margin: 32px 0 0 29px;
}

.text_19 {
  width: 161px;
  height: 18px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 42px 0 0 52px;
}

.text_20 {
  width: 157px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 24px 0 0 54px;
}

.text_21 {
  width: 139px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(0, 76, 69, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 50px;
  margin: 20px 0 66px 62px;
}

.text-wrapper_8 {
  height: 30px;
  background: url(../assets/images/jianjuefangan.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 140px;
  margin: 24px 0 0 88px;
}

.text_22 {
  width: 64px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 5px;
  margin: 13px 0 0 38px;
}

.image_1 {
  position: absolute;
  left: 186px;
  top: 27px;
  width: 54px;
  height: 54px;
}

.image_2 {
  position: absolute;
  left: 587px;
  top: 27px;
  width: 54px;
  height: 54px;
}

.image_3 {
  position: absolute;
  left: 989px;
  top: 27px;
  width: 54px;
  height: 54px;
}

.image_4 {
  position: absolute;
  left: 1390px;
  top: 27px;
  width: 54px;
  height: 54px;
}

.section_2 {
  position: relative;
  width: 204px;
  height: 77px;
  margin: 200px 0 0 849px;
}

.group_7 {
  background-color: rgba(13, 190, 177, 1);
  border-radius: 14px;
  width: 54px;
  height: 54px;
}

.group_8 {
  background-color: rgba(13, 212, 194, 1);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin-top: 43px;
}

.text_23 {
  position: absolute;
  left: 28px;
  top: 26px;
  width: 156px;
  height: 38px;
  overflow-wrap: break-word;
  color: rgba(64, 64, 64, 1);
  font-size: 40px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
}

.text-wrapper_9 {
  width: 558px;
  height: 19px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  margin: 14px 0 0 677px;
}

.text_24 {
  width: 558px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(167, 168, 168, 1);
  font-size: 20px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.text_25 {
  width: 558px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(10, 154, 143, 1);
  font-size: 20px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.image_5 {
  width: 1489px;
  height: 763px;
  margin: 107px 0 0 216px;
}

.section_3 {
  position: relative;
  width: 205px;
  height: 62px;
  margin: 239px 0 0 861px;
}

.box_8 {
  width: 30px;
  height: 30px;
  background: url(../assets/images/landian.png) 0px -1px no-repeat;
  background-size: 31px 31px;
}

.label_1 {
  width: 48px;
  height: 49px;
  margin-top: 13px;
}

.text_26 {
  position: absolute;
  left: 16px;
  top: 11px;
  width: 156px;
  height: 38px;
  overflow-wrap: break-word;
  color: rgba(64, 64, 64, 1);
  font-size: 40px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
}

.text_27 {
  width: 327px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(167, 168, 168, 1);
  font-size: 20px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  margin: 14px 0 0 795px;
}

.text-wrapper_10 {
  height: 343px;
  width: 1382px;
  margin: 101px 0 0 269px;
  
}

.area_1 {
  width: 1382px;
  height: 300px;
  padding-top: 24px;
  overflow-wrap: break-word;
  border-color: silver;
  border-radius: 8px;
  color: rgba(230, 230, 229, 1);
  font-size: 20px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  text-indent: 2rem;
  /* white-space: nowrap; */
  line-height: 20px;
  border-top-style: outset;
  border-left-style: outset;
}

.area_1:focus{
  outline: none;
  border: 1px solid #fafafa;
  -webkit-box-shadow: 0px 0px 6px #ffbfbf;
  -moz-box-shadow: 0px 0px 5px #ffbfbf;
  box-shadow: 0px 0px 5px #ffbfbf; 
}

.text_28 {
  width: 315px;
  height: 37px;
  overflow-wrap: break-word;
  color: rgba(230, 230, 229, 1);
  font-size: 20px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  margin: 16px 0 0 -50px;
}



@media (max-width: 1920px) {
  .page,.group_1,.box_1 {
    width: auto;
  }

  .section_1 {
    width: 807px;
    height: 77px;
    margin: 4% 0 0 24%;
  }

  .section_2 {
    margin: 100px 0 0 43%;
  }
  
  .section_3 {
    margin-left: 45%;
  }

  .group_3 {
    width: auto;
    margin-left: 0%;
    background-image: none;
  }

  .group_10 {
    width: auto;
    margin-bottom: 0;

  }

  .text_2 {
    margin-left: 26%;
  }

  .text_27 {
    margin-left: 42%;
  }

  .text-wrapper_9 {
    margin-left: 34%;
  }

  .text-wrapper_10 {
    margin-left: 5%;
  }

  .text-wrapper_12 {
    margin-left: 6%;
    margin-top: 160px;
  }

  .box_9 {
    margin-left: 108px;
  }

 .box_10 {
    margin-left: 0px;
  }

  .box_11 {
    margin-left: 10px;
  }

  .box_12 {
    margin-left: 50px;
  }

  .image_1 {
    left: 131px;
  }

  .image_2 {
    left: 532px;
  }

  .image_3 {
    left: 934px;
  }
  
  .image_4 {
    left: 1335px;
  }
  
  .image_5 {
    margin-left: 3%;
  }

  .block_1,.block_2,.block_3,.block_4 {
    /* background-color: rgb(175, 175, 175); */
    /* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.4);
  }

}