.container {
  position: relative;
  width: 100vw;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #E3EDFE;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.outer1 {
  width: 100.11vw;
  display: flex;
  flex-direction: column;
}

.pic3 {
  display: block;
  width: 100%;
  height: 100%;
}

.bd2 {
  position: relative;
  width: 100vw;
  height: 56.25vw;
  overflow: hidden;
  background-image: url('../imgs/banner.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 300px;
}

.cont3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.03vw 0;
}

.pic5 {
  width: 8.34vw;
  height: 1.15vw;
  align-self: center;
}

.row {
  display: flex;
  justify-content: space-between;
  width: 62.5vw;
  margin-top: 3.13vw;
}

.item {
  flex: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.txt2 {
  z-index: 37;
  display: block;
  color: #533DA8;
  font-size: 1.45vw;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.67vw;
  text-align: center;
  align-self: center;
  margin-top: 0.63vw;
}

.bd4 {
  z-index: auto;
  width: 57.29vw;
  height: 6.67vw;
  margin-top: 3.13vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.icon {
  display: block;
  width: 6.67vw;
  height: 6.67vw;
}

.bd5 {
  z-index: auto;
  width: 62.5vw;
  height: 1.25vw;
  margin-top: 0.32vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.txt3 {
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-weight: bold;
  font-family: Arial;
  line-height: 1.25vw;
  text-align: center;
  margin-top: 0.72vw;
}

.info1 {
  z-index: 44;
  width: 12.19vw;
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-family: Arial;
  line-height: 1.25vw;
  font-weight: bold;
  text-align: center;
  margin-left: 7.82vw;
}

.info2 {
  z-index: 44;
  width: 17.71vw;
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: center;
  margin-left: 7.82vw;
}

.word4 {
  z-index: 45;
  width: 16.36vw;
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: center;
  margin-left: 8.44vw;
}

.bd6 {
  z-index: auto;
  width: 59.17vw;
  height: 4.07vw;
  margin-left: 20.53vw;
  margin-top: 0.32vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.paragraph1 {
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: center;
}

.infoBox1 {
  z-index: 50;
  width: 14.59vw;
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: center;
}

.infoBox2 {
  z-index: 51;
  width: 13.34vw;
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: center;
}

.bd7 {
  z-index: auto;
  width: 51.98vw;
  height: 6.67vw;
  margin-left: 24.28vw;
  margin-top: 1.88vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.img8 {
  z-index: 118;
  width: 6.67vw;
  height: 6.46vw;
  margin-top: 0.11vw;
}

.pic9 {
  z-index: 157;
  width: 6.46vw;
  height: 6.67vw;
}

.pic10 {
  z-index: 167;
  width: 5.94vw;
  height: 6.46vw;
  margin-top: 0.11vw;
}

.bd8 {
  z-index: auto;
  position: relative;
  width: 57.61vw;
  height: 5.63vw;
  margin-left: 21.05vw;
  margin-top: 0.32vw;
  flex-direction: row;
  display: flex;
}

.layer1 {
  z-index: auto;
  width: 13.13vw;
  height: 5.63vw;
  display: flex;
  flex-direction: column;
}

.paragraph2 {
  z-index: 52;
  width: 13.13vw;
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: center;
  align-self: center;
  margin-top: 0.32vw;
}

.layer2 {
  z-index: auto;
  width: 13.86vw;
  height: 5.63vw;
  margin-left: 9.28vw;
  display: flex;
  flex-direction: column;
}

.info3 {
  z-index: 47;
  width: 13.86vw;
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-family: Arial;
  line-height: 1.25vw;
  text-align: center;
  align-self: center;
}

.infoBox3 {
  z-index: 53;
  width: 13.86vw;
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: center;
  align-self: center;
  margin-top: 0.32vw;
}

.paragraph3 {
  z-index: 48;
  width: 11.15vw;
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-family: Arial;
  line-height: 1.25vw;
  text-align: center;
  margin-left: 10.21vw;
}

.infoBox4 {
  z-index: 54;
  position: absolute;
  left: 45.53vw;
  top: 1.57vw;
  width: 12.92vw;
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: center;
}

.bd9 {
  padding: 3.03vw 0;
  background-color: rgba(255, 255, 255, 1);
  align-self: center;
  width: 100vw;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.main3 {
  width: 62.5vw;
  display: flex;
  flex-direction: column;
}

.pic11 {
  z-index: 41;
  width: 8.34vw;
  height: 1.15vw;
  align-self: center;
}

.info4 {
  display: block;
  color: #533DA8;
  font-size: 1.45vw;
  font-family: Arial;
  line-height: 1.67vw;
  text-align: center;
  align-self: center;
  font-weight: bold;
  margin-top: 0.63vw;
}

.infoBox5 {
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: justify;
  align-self: center;
  margin-top: 1.88vw;
}

.cont5 {
  display: flex;
  flex-direction: column;
  padding: 3.03vw 0;
}

.pic12 {
  width: 8.34vw;
  height: 1.15vw;
  align-self: center;
}

.info5 {
  z-index: 39;
  width: 24.48vw;
  display: block;
  color: #533DA8;
  font-size: 1.45vw;
  font-family: Arial;
  line-height: 1.67vw;
  font-weight: bold;
  text-align: center;
  align-self: center;
  margin-top: 0.63vw;
}

.infoBox6 {
  z-index: 180;
  width: 62.61vw;
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: left;
  align-self: center;
  margin-top: 1.88vw;
}

.bd10 {
  z-index: auto;
  width: 47.09vw;
  height: 1.25vw;
  margin-left: 18.75vw;
  margin-top: 1.05vw;
  flex-direction: row;
  display: flex;
}

.layer3 {
  z-index: 194;
  width: 0.73vw;
  height: 0.84vw;
  background-image: url('../imgs/spade.png');
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 0.21vw;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.cont_row {
  display: flex;
  justify-content: space-between;
  width: 62.5vw;
  margin: 0.94vw auto 0;
}

.tit {
  display: flex;
  margin-bottom: 0.32vw;
}

.word5 {
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: left;
  margin-left: 0.32vw;
}

.layer4 {
  z-index: 198;
  width: 0.73vw;
  height: 0.73vw;
  background-image: url('../imgs/heart.png');
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 0.32vw;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.word6 {
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-weight: bold;
  font-family: Arial;
  line-height: 1.25vw;
  text-align: left;
  margin-left: 0.32vw;
}

.bd11 {
  z-index: auto;
  width: 61.46vw;
  height: 12.19vw;
  margin-left: 19.8vw;
  margin-top: 0.32vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.word7 {
  z-index: 184;
  width: 28.96vw;
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: left;
}

.word8 {
  z-index: 183;
  width: 28.86vw;
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: left;
}

.bd12 {
  z-index: auto;
  width: 45vw;
  height: 1.25vw;
  margin-left: 18.86vw;
  margin-top: 0.94vw;
  flex-direction: row;
  display: flex;
}

.group1 {
  z-index: 196;
  width: 0.73vw;
  height: 0.84vw;
  background-image: url('../imgs/club.png');
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 0.21vw;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.txt4 {
  z-index: 189;
  width: 20.63vw;
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: left;
  margin-left: 0.21vw;
}

.group2 {
  z-index: 200;
  width: 0.73vw;
  height: 0.73vw;
  border-radius: 1px;
  background-image: url('../imgs/diamond.png');
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 0.32vw;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.word9 {
  z-index: 191;
  width: 11.36vw;
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: left;
  margin-left: 0.32vw;
}

.bd13 {
  z-index: auto;
  width: 61.46vw;
  height: 9.48vw;
  margin-left: 19.8vw;
  margin-top: 0.32vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.txt5 {
  z-index: 190;
  width: 28.96vw;
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: left;
}

.txt6 {
  z-index: 192;
  width: 28.75vw;
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: left;
}

.bd14 {
  background-color: rgba(255, 255, 255, 1);
  align-self: center;
  padding: 2.61vw 0;
  width: 100vw;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.mod3 {
  z-index: auto;
  width: 62.61vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.block1 {
  z-index: 126;
  height: 7.82vw;
  background-image: url('../imgs/frame.png');
  background-size: 100%;
  background-repeat: no-repeat;
  width: 30vw;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.mod4 {
  z-index: auto;
  width: 26.88vw;
  height: 5.63vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.icon2 {
  z-index: 219;
  width: 4.69vw;
  height: 4.69vw;
}

.wrap2 {
  z-index: auto;
  width: 21.46vw;
  height: 5.63vw;
  display: flex;
  flex-direction: column;
}

.word10 {
  z-index: 185;
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-weight: bold;
  font-family: Arial;
  line-height: 1.25vw;
  text-align: left;
  align-self: flex-start;
}

.txt7 {
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: left;
  align-self: center;
  margin-top: 0.32vw;
}

.block2 {
  z-index: 132;
  height: 7.82vw;
  background-image: url('../imgs/frame.png');
  background-size: 100%;
  background-repeat: no-repeat;
  width: 30vw;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.bd15 {
  z-index: auto;
  width: 26.88vw;
  height: 5.63vw;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.label1 {
  z-index: 139;
  width: 4.59vw;
  height: 4.28vw;
  margin-top: 0.84vw;
}

.bd16 {
  z-index: auto;
  width: 21.46vw;
  height: 5.63vw;
  display: flex;
  flex-direction: column;
}

.info6 {
  z-index: 186;
  display: block;
  color: #533DA8;
  font-size: 1.14vw;
  font-family: Arial;
  font-weight: bold;
  line-height: 1.25vw;
  text-align: left;
  align-self: flex-start;
}

.info7 {
  z-index: 188;
  width: 21.46vw;
  display: block;
  color: #27204B;
  font-size: 0.93vw;
  font-family: Arial;
  line-height: 1.36vw;
  text-align: left;
  align-self: center;
  margin-top: 0.32vw;
}


@media screen and (max-width: 960px) {
  html {
    font-size: 55px;
  }

  .bd2 {
    min-height: auto;
  }

  .pic5 {
    width: 1.6rem;
    height: auto;
  }

  .row {
    flex-direction: column;
  }

  .txt2 {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }

  .txt3 {
    font-size: 0.22rem;
    line-height: 0.24rem;
  }

  .paragraph1 {
    font-size: 0.18rem;
    line-height: 0.22rem;
  }

  .icon {
    width: 1.2rem;
    height: auto;
  }

  .infoBox5 {
    font-size: 0.18rem;
    line-height: 0.22rem;
  }

  .infoBox6 {
    font-size: 0.18rem;
    line-height: 0.22rem;
  }

  .cont_row {
    flex-direction: column;
  }

  .word7 {
    width: auto;
    font-size: 0.18rem;
    line-height: 0.22rem;
  }

  .layer3,
  .layer4,
  .group2,
  .group1 {
    width: 0.16rem;
    height: auto;
  }

  .word5 {
    font-size: 0.22rem;
    line-height: 0.24rem;
  }

  .bd14 {
    height: auto;
  }

  .mod3 {
    flex-direction: column;
    width: auto;
  }

  .block1 {
    width: 5.76rem;
    height: 1.5rem;
    margin: 0.04rem 0;
  }

  .mod4 {
    width: 80%;
    height: 80%;
  }

  .icon2 {
    width: 0.96rem;
    height: 0.96rem;
  }

  .wrap2 {
    width: 4.12rem;
    height: auto;
  }

  .word10 {
    font-size: 0.22rem;
    line-height: 0.24rem;
  }

  .txt7 {
    font-size: 0.18rem;
    line-height: 0.26rem;
  }

}