.thide {
  text-indent: -999em;
}
.mod-body {
  position: relative;
  background-color: #f9f9f9;
  width: 100%;
  overflow: hidden;
}
.mod-banner {
  position: relative;
  width: 100vw;
  height: 68.267vw;
  background: #844bf0 url(../images/banner.png) top center no-repeat;
  background-size: 100vw 68.267vw;
}
.mod-banner .contact-btn {
  position: absolute;
  top: 32vw;
  left: 6.4vw;
}
.mod-banner h1 {
  padding: 12vw 0 1.6vw 6.4vw;
  font-size: 6.933vw;
  color: #fff;
  font-weight: normal;
}
.mod-banner h2 {
  font-size: 4.8vw;
  padding: 0 0 0 6.4vw;
  color: #E9B777;
  font-weight: normal;
}
.contact-btn {
  display: inline-block;
  width: 24vw;
  height: 9.6vw;
  background: linear-gradient(90deg, #FFD139, #FFE487);
  border-radius: 4.8vw;
  color: #7B3AD2;
  font-size: 3.2vw;
  line-height: 9.6vw;
  text-align: center;
  border: none;
}
.contact-btn:hover {
  background: linear-gradient(90deg, #ffda60, #ffecab);
  color: #7B3AD2;
}
.mod-sect {
  padding: 13.333vw 0 8vw;
}
.mod-sect .mod-title {
  font-size: 4.8vw;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.mod-sect .mod-content {
  position: relative;
}
.sect-about {
  position: relative;
  z-index: 2;
  background-color: #fff;
  margin: -14.4vw auto 0;
  padding-bottom: 0;
  background: url(../images/sect-bg.png) no-repeat;
  background-size: 100vw 67.467vw;
  overflow: hidden;
}
.sect-about .mod-content {
  width: 100%;
}
.sect-about .mod-content .item-list {
  padding: 0 8vw;
  display: flex;
  justify-content: space-evenly;
  align-items: top;
}
.sect-about .mod-content .item-list .item {
  padding: 3.2vw 4.8vw;
  text-align: center;
}
.sect-about .mod-content .item-list .item img {
  width: 17.067vw;
  height: 17.067vw;
}
.sect-about .mod-content .item-list .item h4 {
  margin-top: 2.133vw;
  font-size: 3.2vw;
  font-weight: normal;
  color: #333;
}
.sect-funtcion {
  padding-bottom: 0;
}
.sect-funtcion .function-list .item {
  position: relative;
  z-index: 1;
  padding-top: 16vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sect-funtcion .function-list .item:nth-child(even) {
  background-color: #fff;
}
.sect-funtcion .function-list .item.item-1 {
  padding-top: 8vw;
}
.sect-funtcion .function-list .item .text {
  width: 72vw;
  text-align: center;
}
.sect-funtcion .function-list .item .text p {
  font-size: 3.2vw;
  color: #999;
}
.sect-funtcion .function-list .item .image {
  width: 66.667vw;
}
.sect-funtcion .function-list .item .image img {
  width: 100%;
}
.sect-operate .item-list {
  margin: 8vw 3.2vw 3.2vw;
}
.sect-operate .item-list .item {
  display: flex;
  padding: 3.2vw 4.8vw;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 2.133vw 0px rgba(201, 151, 252, 0.42);
}
.sect-operate .item-list .item + .item {
  margin-top: 2.133vw;
}
.sect-operate .item-list .item img {
  width: 21.867vw;
  flex: 21.867vw;
}
.sect-operate .item-list .item .text {
  margin-left: 3.2vw;
}
.sect-operate .item-list .item h4 {
  font-size: 4vw;
  color: #333;
}
.sect-operate .item-list .item p {
  margin-top: 2.133vw;
  font-size: 3.2vw;
  color: #999;
}
.sect-contact {
  padding-top: 8vw;
  background: linear-gradient(90deg, #E7B6FF, #9362F8);
}
.sect-contact .mod-title {
  padding: 1.6vw;
}
.sect-contact .mod-title h3 {
  color: #fff;
  font-weight: normal;
}
.sect-contact .mod-title h4 {
  font-size: 3.2vw;
  margin-top: 1.6vw;
  color: #fff;
  font-weight: normal;
}
.sect-contact .mod-content {
  text-align: center;
}
.sect-contact .mod-content .price {
  margin-top: 3.2vw;
  color: #fff;
}
.sect-contact .mod-content .tips {
  color: #fff;
}