.page {
  z-index: 1;
  position: relative;
  width: 100%;
  height:auto;
  /*background-color: rgba(255, 255, 255, 1);*/
  background: url(../../../images/hbss/SketchPngd717c755b156aace9c28578cd5db59b9576cd78f6555b0d5ee6cb3f9ad3ac892.png) 100% no-repeat;
  overflow: hidden;
}

.outer1 {
  z-index: auto;
  width: 100%;
  height: auto;
}

.layer1 {
  z-index: 30;
  height: 80px;
  background-color: rgba(3, 136, 37, 1);
  width: 100%;
  justify-content: center;
  align-items: center;
}

.mod1 {
  z-index: auto;
  width: 1200px;
  height: 55px;
}

.pic1 {
  z-index: 36;
  width: 272px;
  height: 54px;
}

.txt1 {
  z-index: 31;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 17px 0 0 540px;
}

.info1 {
  z-index: 32;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 17px 0 0 64px;
}

.section1 {
  z-index: auto;
  width: 78px;
  height: 38px;
  margin: 17px 0 0 53px;
}

.info2 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(114, 124, 148, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section2 {
  z-index: 35;
  width: 78px;
  height: 3px;
  background-color: rgba(255, 255, 255, 1);
  margin-top: 15px;
}

.word1 {
  z-index: 34;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin: 17px 0 0 53px;
}

.layer2 {
  z-index: 37;
  height: 420px;
  background: url(../../../images/edu/edubase/SketchPnge69f675536b0d28d66514fbe9fccd76d8abbf7b2ea0e14d5dfb31d1ea7f42708.png)
    100% no-repeat;
  width: 1920px;
  justify-content: center;
  align-items: center;
}

.txt2 {
  z-index: 38;
  width: 726px;
  height: 92px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 66px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 92px;
  text-align: center;
}

.layer3 {
  z-index: auto;
  width: 1200px;
  /*height: 20px;*/
  justify-content: space-between;
  align-items: center;
}

.wrap1 {
  z-index: 23;
  width: 246px;
  height: 20px;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  font-size: 0;
}
.wrap1 #wrap1-span{
  font-weight: bold;
  color: #038825;
  width: 20px;
  font-size: 14px;
}
.layer3 #wrip1-back{
  background: #CEE8D5;
  color: rgba(100, 179, 39, 1);
  text-decoration: none;
  z-index: 24;
  width: 68px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
  border-radius: 17px;
  font-weight: bolder;
}
.layer3 #wrip1-back:hover{
  color: #fff;
  background: #64B327;
  text-decoration: none;
}

.outer2 {
  z-index: auto;
  width: 1200px;
  height: 20px;
  justify-content: space-between;
}

.mod2 {
  z-index: 42;
  width: 246px;
  height: 20px;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  font-size: 0;
}

.info3 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(114, 124, 148, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.word2 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(29, 36, 55, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.word3 {
  z-index: 43;
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(29, 36, 55, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: right;
}

.layer4 {
  z-index: 41;
  width: 1920px;
  height: 1px;
  background-color: rgba(238, 238, 238, 1);
}

.word4 {
  z-index: 44;
  width: 468px;
  height: 37px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(29, 36, 55, 1);
  font-size: 26px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 37px;
  text-align: center;
  align-self: center;
  margin-top: 94px;
}

.layer5 {
  z-index: 46;
 /* height: 480px;*/
 /* background: url(../../../images/edu/edubase/SketchPng525a13bfacfdf7eb5724c09c5bc401aaa53d9a1bfe4da9ed4c94dad1873097f9.png)
    100% no-repeat;*/
  align-self: center;
  margin-top: 40px;
  margin-bottom: 40px;
  width: 1200px;
}

.group1 {
  z-index: auto;
  width: 45px;
  height: 45px;
  margin: 327px 0 0 40px;
}

.icon1 {
  z-index: 47;
  width: 45px;
  height: 45px;
}

.group2 {
  z-index: auto;
  width: 360px;
  height: 28px;
  margin: 20px 0 0 40px;
}

.word5 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(29, 36, 55, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.group3 {
  z-index: 21;
  height: 60px;
  /*background-color: rgba(255, 255, 255, 1);*/
  /* width: 1920px; */
  justify-content: center;
  align-items: center;
  background: rgba(229, 243, 233, 0.9);
}

.layer6 {
  z-index: 49;
  width: 36px;
  height: 4px;
  background-color: rgba(255, 255, 255, 1);
}

.layer7 {
  z-index: 50;
  width: 36px;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.4);
}

.layer8 {
  z-index: 51;
  width: 36px;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.4);
}

.layer9 {
  z-index: 52;
  width: 1200px;
  height: 168px;
  overflow-wrap: break-word;
  text-align: justify;
  align-self: center;
  margin-top: 40px;
  font-size: 0;
}

.word6 {
  font-size: 14px;
  font-family: PingFangSC-Medium;
  color: rgba(29, 36, 55, 1);
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paragraph1 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(29, 36, 55, 1);
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.infoBox1 {
  font-size: 14px;
  font-family: PingFangSC-Medium;
  color: rgba(29, 36, 55, 1);
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paragraph2 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(29, 36, 55, 1);
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.infoBox2 {
  font-size: 14px;
  font-family: PingFangSC-Medium;
  color: rgba(29, 36, 55, 1);
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.word7 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(29, 36, 55, 1);
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layer10 {
  z-index: auto;
  width: 1200px;
  height: 360px;
  justify-content: space-between;
  margin: 90px 0 0 158px;
}

.box1 {
  z-index: 4;
  position: relative;
  width: 497px;
  height: 360px;
  border-radius: 8px;
  overflow: hidden;
  background: url(../../../images/edu/edubase/SketchPnge03c73a6e964f4884f248f117cb08c2af9135a9fb878099a9a531d3081981127.png)
    100% no-repeat;
}

.img1 {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  width: 497px;
  height: 360px;
}

.box2 {
  z-index: 10;
  position: relative;
  width: 218px;
  height: 360px;
  border-radius: 8px;
  overflow: hidden;
  background: url(../../../images/edu/edubase/SketchPng9f117c36cf676986ad361515468a563018f118565bc6a9722d12b7103040047b.png)
    100% no-repeat;
}

.pic2 {
  z-index: 11;
  position: absolute;
  left: 0;
  top: 0;
  width: 218px;
  height: 360px;
}

.box3 {
  z-index: 15;
  position: relative;
  width: 218px;
  height: 360px;
  border-radius: 8px;
  overflow: hidden;
  background: url(../../../images/edu/edubase/SketchPng9f117c36cf676986ad361515468a563018f118565bc6a9722d12b7103040047b.png)
    100% no-repeat;
}

.pic3 {
  z-index: 16;
  position: absolute;
  left: 1px;
  top: 0;
  width: 217px;
  height: 360px;
}

.box4 {
  z-index: 19;
  height: 360px;
  border-radius: 8px;
  overflow: hidden;
  background: url(../../../images/edu/edubase/SketchPng9f117c36cf676986ad361515468a563018f118565bc6a9722d12b7103040047b.png)
    100% no-repeat;
  width: 218px;
  justify-content: flex-end;
  padding-bottom: 50px;
  align-items: center;
  position: relative;
}

.word8 {
  z-index: 55;
  width: 80px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: center;
}

.main1 {
  z-index: 20;
  height: 360px;
  background: url(../../../images/edu/edubase/SketchPng2178423ef925db1ddca7a3d3872939aabe5a0df76ae37e974940778871fde543.png)
    100% no-repeat;
  width: 218px;
  position: absolute;
  left: 0;
  top: 0;
}

.bd1 {
  z-index: 21;
  width: 218px;
  height: 360px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.6);
}

.layer11 {
  z-index: auto;
  width: 134px;
  height: 28px;
  justify-content: space-between;
  margin: 130px 0 0 158px;
}

.box5 {
  z-index: 57;
  width: 6px;
  height: 20px;
  border-radius: 3px;
  background-color: rgba(100, 179, 39, 1);
  margin-top: 4px;
}

.word9 {
  z-index: 56;
  width: 120px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(29, 36, 55, 1);
  font-size: 20px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28px;
  text-align: center;
}

.layer12 {
  z-index: auto;
  width: 1200px;
  height: 190px;
  justify-content: space-between;
  margin: 40px 0 0 158px;
}

.section3 {
  z-index: 60;
  position: relative;
  width: 280px;
  height: 190px;
  overflow: hidden;
  background: url(../../../images/edu/edubase/SketchPng58eec2070b64b27314aec082ca29ef7b811e67d5771c4f632f30d7b7c7ef96f5.png)
    100% no-repeat;
}

.pic4 {
  z-index: 61;
  position: absolute;
  left: 0;
  top: 0;
  width: 280px;
  height: 190px;
}

.section4 {
  z-index: auto;
  width: 896px;
  height: 170px;
  margin-top: 10px;
}

.txt3 {
  z-index: 62;
  width: 360px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(29, 36, 55, 1);
  font-size: 20px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
  align-self: flex-start;
}

.info4 {
  z-index: 63;
  width: 82px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(114, 124, 148, 1);
  font-size: 12px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  align-self: flex-start;
  margin-top: 14px;
}

.word10 {
  z-index: 64;
  width: 896px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(114, 124, 148, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  line-height: 20px;
  text-align: left;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main2 {
  z-index: 66;
  height: 32px;
  border-radius: 4px;
  background-color: rgba(100, 179, 39, 1);
  align-self: flex-start;
  margin-top: 19px;
  width: 84px;
  justify-content: center;
  align-items: center;
}

.word11 {
  z-index: 67;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.layer13 {
  z-index: 88;
  width: 1200px;
  height: 1px;
  background-color: rgba(238, 238, 238, 1);
  align-self: center;
  margin-top: 30px;
}

.layer14 {
  z-index: auto;
  width: 1200px;
  height: 190px;
  justify-content: space-between;
  margin: 30px 0 0 158px;
}

.block1 {
  z-index: 70;
  position: relative;
  width: 280px;
  height: 190px;
  overflow: hidden;
  background: url(../../../images/edu/edubase/SketchPng58eec2070b64b27314aec082ca29ef7b811e67d5771c4f632f30d7b7c7ef96f5.png)
    100% no-repeat;
}

.pic5 {
  z-index: 71;
  position: absolute;
  left: 0;
  top: 0;
  width: 280px;
  height: 190px;
}

.block2 {
  z-index: auto;
  width: 896px;
  height: 170px;
  margin-top: 10px;
}

.word12 {
  z-index: 72;
  width: 360px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(29, 36, 55, 1);
  font-size: 20px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
  align-self: flex-start;
}

.word13 {
  z-index: 73;
  width: 82px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(114, 124, 148, 1);
  font-size: 12px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  align-self: flex-start;
  margin-top: 14px;
}

.info5 {
  z-index: 74;
  width: 896px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(114, 124, 148, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  line-height: 20px;
  text-align: left;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section5 {
  z-index: 76;
  height: 32px;
  border-radius: 4px;
  background-color: rgba(100, 179, 39, 1);
  align-self: flex-start;
  margin-top: 19px;
  width: 84px;
  justify-content: center;
  align-items: center;
}

.word14 {
  z-index: 77;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.layer15 {
  z-index: 89;
  width: 1200px;
  height: 1px;
  background-color: rgba(238, 238, 238, 1);
  align-self: center;
  margin-top: 30px;
}

.layer16 {
  z-index: auto;
  width: 1200px;
  height: 190px;
  justify-content: space-between;
  margin: 30px 0 0 158px;
}

.mod3 {
  z-index: 80;
  position: relative;
  width: 280px;
  height: 190px;
  overflow: hidden;
  background: url(../../../images/edu/edubase/SketchPng58eec2070b64b27314aec082ca29ef7b811e67d5771c4f632f30d7b7c7ef96f5.png)
    100% no-repeat;
}

.pic6 {
  z-index: 81;
  position: absolute;
  left: 0;
  top: 0;
  width: 280px;
  height: 190px;
}

.mod4 {
  z-index: auto;
  width: 896px;
  height: 170px;
  margin-top: 10px;
}

.info6 {
  z-index: 82;
  width: 360px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(29, 36, 55, 1);
  font-size: 20px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
  align-self: flex-start;
}

.txt4 {
  z-index: 83;
  width: 82px;
  height: 17px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(114, 124, 148, 1);
  font-size: 12px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  align-self: flex-start;
  margin-top: 14px;
}

.info7 {
  z-index: 84;
  width: 896px;
  height: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(114, 124, 148, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  line-height: 20px;
  text-align: left;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box6 {
  z-index: 86;
  height: 32px;
  border-radius: 4px;
  background-color: rgba(100, 179, 39, 1);
  align-self: flex-start;
  margin-top: 19px;
  width: 84px;
  justify-content: center;
  align-items: center;
}

.info8 {
  z-index: 87;
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.layer17 {
  z-index: 23;
  height: 365px;
  background: url(../../../images/edu/edubase/SketchPngea34dcb551c69b83ef18a57b789b3ec3f828c2c368ea7096a992b824da6d2993.png)
    100% no-repeat;
  margin-top: 150px;
  width: 1920px;
}

.section6 {
  z-index: auto;
  width: 247px;
  height: 49px;
  margin: 86px 0 0 360px;
}

.img2 {
  z-index: 24;
  width: 247px;
  height: 49px;
}

.section7 {
  z-index: auto;
  width: 1200px;
  height: 87px;
  justify-content: space-between;
  margin: 3px 0 0 360px;
}

.info9 {
  z-index: 26;
  width: 756px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  margin-top: 59px;
}

.pic7 {
  z-index: 27;
  width: 87px;
  height: 87px;
}

.section8 {
  z-index: auto;
  width: 1192px;
  height: 20px;
  justify-content: space-between;
  margin: 20px 0 0 360px;
}

.txt5 {
  z-index: 25;
  width: 759px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.txt6 {
  z-index: 28;
  width: 70px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.outer3 {
  z-index: 12;
  height: 360px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 218px;
  justify-content: flex-end;
  padding-bottom: 50px;
  align-items: center;
  position: absolute;
  left: 873px;
  top: 1574px;
}

.info10 {
  z-index: 53;
  width: 80px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: center;
}

.outer4 {
  z-index: 17;
  height: 360px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 218px;
  justify-content: flex-end;
  padding-bottom: 50px;
  align-items: center;
  position: absolute;
  left: 1107px;
  top: 1574px;
}

.info11 {
  z-index: 54;
  width: 80px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: center;
}

.outer5 {
  z-index: 6;
  height: 100px;
  border-radius: 0 0 8px 8px;
  background: url(../../../images/edu/edubase/SketchPng2a6fc6c1644534f48912e16a8c6aa6572d5fa275bf55ed7e2c5d660a5b24e59b.png)
    100% no-repeat;
  width: 497px;
  justify-content: flex-start;
  padding-top: 22px;
  align-items: center;
  position: absolute;
  left: 360px;
  top: 1834px;
}

.txt7 {
  z-index: 7;
  width: 80px;
  height: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: center;
}