.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: #fdc259 url(../images/banner.png) top center no-repeat;
  background-size: 100vw 68.267vw;
}
.mod-banner .contact-btn {
  position: absolute;
  top: 40vw;
  left: 5.6vw;
}
.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, #d5430d, #fe6c01);
  border-radius: 4.8vw;
  color: #ffbf44;
  font-size: 3.2vw;
  line-height: 9.6vw;
  text-align: center;
  border: none;
}
.contact-btn:hover {
  background: linear-gradient(90deg, #c13b0a, #e06205);
  color: #ffbf44;
}
.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 .item-list .item {
  position: relative;
  z-index: 1;
  padding-top: 16vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sect-funtcion .item-list .item:nth-child(even) {
  background-color: #fff;
}
.sect-funtcion .item-list .item.item-1 {
  padding-top: 8vw;
}
.sect-funtcion .item-list .item .text {
  width: 72vw;
  text-align: center;
}
.sect-funtcion .item-list .item .text h3 {
  font-size: 4vw;
}
.sect-funtcion .item-list .item .text p {
  font-size: 3.2vw;
  color: #999;
  margin-top: 2.133vw;
}
.sect-funtcion .item-list .item .image {
  width: 98vw;
}
.sect-funtcion .item-list .item .image img {
  width: 100%;
}
.sect-feature {
  padding-bottom: 0;
}
.sect-feature .item-list {
  margin: 8vw 3.2vw 3.2vw;
}
.sect-feature .item-list .item {
  display: flex;
  padding: 3.2vw 4.8vw;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 2.133vw 0px rgba(253, 194, 89, 0.2);
  border-radius: 3.2vw;
}
.sect-feature .item-list .item + .item {
  margin-top: 3.2vw;
}
.sect-feature .item-list .item img {
  width: 17.6vw;
  flex: 17.6vw;
}
.sect-feature .item-list .item .text {
  margin-left: 3.2vw;
}
.sect-feature .item-list .item h4 {
  font-size: 4vw;
  color: #333;
}
.sect-feature .item-list .item p {
  margin-top: 2.133vw;
  font-size: 3.2vw;
  color: #999;
}
.sect-gallery {
  background-color: #2D2D2D;
}
.sect-gallery .mod-title {
  color: #fff;
}
.sect-gallery .case-swiper {
  width: 100%;
  height: 127.467vw;
  margin: 14vw 0;
  overflow: hidden;
}
.sect-gallery .case-swiper .case {
  width: 60vw;
  height: 127.467vw;
}
.sect-gallery .case-swiper .case img {
  width: 100%;
  height: 100%;
}
.sect-contact {
  padding-top: 8vw;
  background: linear-gradient(90deg, #fec958, #ffb533);
}
.sect-contact .mod-title {
  padding: 1.6vw;
}
.sect-contact .mod-title h3 {
  color: #232323;
  font-weight: normal;
}
.sect-contact .mod-title h4 {
  font-size: 3.2vw;
  margin-top: 1.6vw;
  color: #232323;
  font-weight: normal;
}
.sect-contact .mod-content {
  text-align: center;
}
.sect-contact .mod-content .price {
  margin-top: 3.2vw;
  color: #232323;
}
.sect-contact .mod-content .tips {
  color: #232323;
}