.header-btn-icon {
  z-index: 100;
  right: 24px;
}

.z-title {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 24px;
}
.e-wrapper {
  height: 640px;
  position: relative;
  margin-top: 80px;
  display: flex;
  align-items: center;
}

.e-bg {
  background: #eaeaea;
  position: absolute;
  width: 75%;
  height: 100%;
  z-index: -1;
}

.e-container {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.e-left {
  height: 100%;
}

.e-text {
  max-width: 450px;
  font-weight: bold;
}

.e-text .title5 {
  /* font-weight: bold; */
}
.e-title1 {
  color: #c5bfbf;
  font-weight: normal;
}

.e-title4,
.e-title5 {
  font-size: 24px;
  font-weight: bold;
}

.e-title6 {
  margin-top: 12px;
}
.title6 > span {
  padding-top: 50px;
}
.e-title6,
.e-title7 {
  line-height: 28px;
}

.f-wrapper {
  width: 100%;
  margin-top: 80px;
  flex-direction: column;
  justify-content: center;
}

.f-title {
  text-align: center;
  color: #c5bfbf;
}

.f-desc {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}
.f-desc span {
  color: #fdbe01;
}
.f-list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 24px;
}

.g-wrapper {
  margin-top: 80px;
}

.h-wrapper {
  padding-top: 100px;
  width: 100%;
  /* max-width: 1300px; */
  /*  */
  margin: 0 auto;
}
.h-title {
  text-align: center;
  color: #c5bfbf;
}

.h-desc {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}
.h-desc span {
  color: #fdbe01;
}

.h-left {
  width: 50%;
  padding-right: 55px;
  padding-top: 50px;
  background: #fff;
}

.h-desc5,
.h-desc6,
.h-desc7 {
}
.h-desc5 div,
.h-desc6 div,
.h-desc7 div {
  width: 50%;
}

.h-desc8 {
  margin-top: 30px;
}

.h-right {
}

.i-wrapper {
  /*  margin: 0 auto;*/
  margin-top: 50px;
  flex-direction: column;
  width: 100%;
  max-width: 1300px;

  margin: 0 auto;
}

.i-title,
.j-title,
.k-title,
.l-title,
.m-title2,
.o-title {
  display: flex;
  width: 100%;
}

.i-title1,
.j-title1,
.k-title1,
.l-title1,
.m-title3 {
  font-weight: bold;
  font-size: 24px;
  position: relative;
  border-bottom: 1px solid #fdbe01;
  padding-bottom: 10px;
  font-weight: bold;
}

.i-title2,
.j-title2,
.k-title2,
.l-title2,
.m-title4,
.o-title2 {
  border-bottom: 1px solid #000;
  flex: 1;
}

.i-list {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}

.i-list-title {
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 30px;
}

.j-wrapper {
  /*  margin: 0 auto;*/
  margin-top: 50px;
  width: 100%;
  /* max-width: 1300px; */

  margin: 0 auto;
}

.j-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.k-wrapper {
  padding-top: 50px;
  background: #eaeaea;
  margin: 0 auto;
}
.k-content {
  margin: 0 auto;
}

.k-list {
  margin: 0 auto;
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.k-list-block {
  width: 33.333%;
  margin: 0 15px;
}

.k-list-block img {
  /* height: 330px; */
}
.k-list-block:first-child {
  margin-left: 0;
}
.k-list-block:last-child {
  margin-right: 0;
}
.k-list-block img {
  width: 100%;
}

.k-title3 {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 15px;
}

.l-wrapper {
  margin: 0 auto;
  margin-top: 50px;
  width: 100%;
  max-width: 1300px;

  margin: 0 auto;
}

.l-title1 {
  font-size: 24px;
  font-weight: bold;
}

.l-title3 {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 15px;
}

.m-wrapper {
  margin-top: 50px;
  background: #000;
  padding-top: 100px;
}

.m-content {
  margin: 0 auto;
}

.m-title {
  color: #c5bfbf;
  text-align: center;
}
.m-list {
  max-width: 900px;
}
.m-list-text {
  margin-top: 20px;
  width: 100%;
  color: #fff;
  text-align: left;
}

.m-content1 {
  /* margin: 0 auto; */
  margin-top: 100px;
  color: #fff;
  max-width: 1300px;
}
.m-title2 {
  color: #fff;
}
.m-title4 {
  border-bottom: 1px solid #fff;
}

.m-content2 {
  /* margin: 0 auto; */
  margin-top: 30px;
}

.m-title5 {
  margin-top: 30px;
  color: #ffa000;
  font-size: 24px;
  font-weight: bold;
}

.m-title6 {
  color: #fff;
  margin-top: 30px;
}

.m-list3 {
  margin-top: 30px;
  display: flex;
  color: #fff;
  justify-content: space-between;
}

.m-content3 {
  position: relative;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding-bottom: 110px;
}

.m-title7 {
}

.o-wrapper {
  background: #000;
  padding-bottom: 50px;
  padding-top: 50px;
}

.o-content {
  margin: 0 auto;
  max-width: 1300px;
  padding-left: 10px;
  padding-right: 10px;
}

.o-title {
  color: #fff;
}
.o-title2 {
  border-bottom: 1px solid #fff;
}

.o-list {
  display: flex;
  margin-top: 30px;
}

.o-list-block {
  width: 50%;
}

.o-list-block:first-child {
  padding-right: 15px;
}

.o-list-block:last-child {
  padding-left: 15px;
}

.o-list-block img {
  width: 100%;
  /* height: 380px; */
}

.o-title3 {
  background: #fdbe01;
  color: #000;
  display: inline-block;
  padding: 2px 10px;
  font-weight: bold;
  margin: 20px 0;
}

.o-title4 {
  color: #fff;
}

.o-title5 {
  color: #fff;
  font-size: 12px;
  padding: 10px;
  line-height: 22px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: 30px;
  color: rgba(255, 255, 255, 0.5);
}

.p-wrapper {
  padding-top: 150px;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

.p-list {
  flex-direction: column;
}

.p-list-block {
  padding: 50px;
  margin: 0 auto;
  margin-top: 50px;
  background: #eaeaea;
  box-sizing: border-box;
}

.p-list-text {
  background: #fff;
  padding: 20px;
  margin-top: 50px;
}

.p-list-text span {
  display: inline-block;
  background: #000;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}

.r-wrapper {
  margin: 0 auto;
  margin-top: 50px;
  width: 100%;
  max-width: 1300px;

  margin: 0 auto;
  padding: 0 10px 0 10px;
}

.r-list {
  justify-content: center;
  flex-wrap: wrap;
}

.r-list-block {
  width: 25%;
  box-sizing: border-box;
}

.s-content {
  margin: 0 auto;
}

.t-form {
  margin: 0 auto;
  margin-top: 50px;
}

.f-fixed-btn {
  position: fixed;
  z-index: 99;
  right: 0;
  bottom: 0;
  display: block;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
  height: 90px !important;
}

.f-fixed-btn.u-hide {
  opacity: 0;
  display: none !important;
}

.g-fixed {
  width: max-content;
  position: fixed;
  z-index: 9;
  right: 0;
  display: block;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  padding: 30px;
  background-color: #fff;
  top: 90px;
  z-index: 100;
  padding-bottom: 100px;
  right: 0;
  top: 0;
}

#showTopList {
  cursor: pointer;
}
.g-fixed-close {
  display: flex;
  justify-content: end;
  margin-bottom: 50px;
  cursor: pointer;
}
.g-fixed-close img {
  width: 24px;
}
.g-fixed .title3 {
  font-size: 20px;
  margin-bottom: 45px;
  cursor: pointer;
}

.g-fixed .header-btn {
  margin: 0 auto;
  margin-bottom: 30px;
}

.g-fixed .fixed-phoneNum {
  justify-content: center;
  font-size: 34px;
}
.g-fixed.u-hide {
  opacity: 0;
  display: none;
}

.g-fixed .fixed-text {
  font-size: 12px;
  text-align: center;
}

/** add **/
.swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.swiper .swiper-wrapper {
  /** transition-timing-function: linear !important;**/
}

.form-btn {
  width: 340px;
  height: 94px;
  background: #ffbd00;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.form-btn img {
  width: auto;
}
.mySwiper .swiper-slide,
.mySwiper1 .swiper-slide {
  position: relative;
}
.mySwiper .mySwiper-bg,
.mySwiper1 .mySwiper-bg {
  position: absolute;
}

@media screen and (max-width: 768px) {
  #lSwiper .title9 {
    /* height: 125px !important; */
  }
  .top-swiper-text {
    z-index: 50 !important;
  }
  .fixed-phone {
    padding: 5px 20px !important;
  }
  .fd-column {
    justify-content: center !important;
  }
  .fd-column .fgfit-btn2 {
    padding: 16px 5px !important;
    margin: 20px 0px;
    font-size: 16px !important;
  }
  .fd-column .fgfit-btn2:first-child {
    margin-right: 30px;
  }
  .fd-column .fgfit-btn2:last-child {
    margin-left: 30px;
  }

  .fd-column .fgfit-btn2 a {
    font-size: 12px !important;
  }
  .r-list-block {
    width: 50%;
  }
  .r-list-content {
    height: 200px !important;
    margin: 10px 5px !important;
    font-size: 14px;
  }
  .k-list-block img {
    /* height: 150px !important; */
    object-fit: cover !important;
  }
  .t-form {
    margin-top: 30px !important;
    width: 100% !important;
  }
  .t-form .form-item {
    flex-direction: column;
  }
  .item-label {
    width: 70% !important;
    margin-bottom: 10px !important;
    justify-content: flex-start !important;
  }
  .item-content {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .item-required {
    margin-left: 9px !important;
  }
  .footer-top-btn {
    width: auto !important;
    /*    padding: 10px 18px !important;*/
    padding: 15px 38px !important;
    font-size: 16px !important;
    margin-top: 15px !important;
  }
  .footer-top-phone {
    font-size: 18px !important;
    display: flex;
    height: 28px;
    align-items: center;
  }
  .footer-top-phone a {
    font-size: 32px!important;
  }
  .footer-top {
    background-size: cover !important;
    /*    font-size: 20px !important;*/
    font-size: 16px !important;
    padding: 50px 15px !important;
  }
  .s-wrapper {
    padding-bottom: 30px !important;
  }
  .t-wrapper {
    padding: 50px 30px 30px 30px !important;
  }
  .form-btn {
    width: 227px;
    height: 47px;
    background: #ffbd00;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-btn img {
    width: auto;
  }
  .item-required {
    padding: 5px 10px !important;
  }
}