@charset "utf-8";
.width-auto {
  width: auto;
}
.width-0 {
  width: 0;
}
.width-10 {
  width: 10%;
}
.width-20 {
  width: 20%;
}
.width-30 {
  width: 30%;
}
.width-40 {
  width: 40%;
}
.width-50 {
  width: 50%;
}
.width-60 {
  width: 60%;
}
.width-70 {
  width: 70%;
}
.width-80 {
  width: 80%;
}
.width-90 {
  width: 90%;
}
.width-100 {
  width: 100%;
}
.max-width-10 {
  max-width: 10%;
}
.max-width-20 {
  max-width: 20%;
}
.max-width-30 {
  max-width: 30%;
}
.max-width-40 {
  max-width: 40%;
}
.max-width-50 {
  max-width: 50%;
}
.max-width-60 {
  max-width: 60%;
}
.max-width-70 {
  max-width: 70%;
}
.max-width-80 {
  max-width: 80%;
}
.max-width-90 {
  max-width: 90%;
}
.max-width-100 {
  max-width: 100%;
}
.max-width-all-100 * {
  max-width: 100%;
}
.height-auto {
  height: auto;
}
.height-50 {
  height: 50%;
}
.height-90 {
  height: 90%;
}
.height-100 {
  height: 100%;
}
.max-height-90 {
  max-height: 90%;
}
.max-height-50 {
  max-height: 50%;
}
.max-height-100 {
  max-height: 100%;
}
.top-0 {
  top: 0;
}
.top-50 {
  top: 50%;
}
.top-100 {
  top: 100%;
}
.bottom-0 {
  bottom: 0;
}
.bottom-50 {
  bottom: 50%;
}
.bottom-100 {
  bottom: 100%;
}
.bottom-auto {
  bottom: auto;
}
.left-0 {
  left: 0;
}
.left-50 {
  left: 50%;
}
.left-100 {
  left: 100%;
}
.left-auto {
  left: auto;
}
.right-0 {
  right: 0;
}
.right-50 {
  right: 50%;
}
.right-100 {
  right: 100%;
}
.com-obj-fit-cov {
  object-fit: cover;
}
.object-position-center-top {
  object-position: center top;
}
.com-width-101 {
  width: 101%;
  margin-left: -0.5%;
}
.com-width-1016 {
  width: 101.6%;
  margin-left: -0.8%;
}
.com-width-102 {
  width: 102%;
  margin-left: -1%;
}
.com-width-103 {
  width: 103%;
  margin-left: -1.5%;
}
.com-width-104 {
  width: 104%;
  margin-left: -2%;
}
.com-width-105 {
  width: 105%;
  margin-left: -2.5%;
}
.com-width-106 {
  width: 106%;
  margin-left: -3%;
}
.display-flex {
  display: flex;
}
.display-none {
  display: none;
}
.display-block {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
.display-inline-flex {
  display: inline-flex;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.color-fff {
  color: #FFFFFF;
}
.color-000 {
  color: #000000;
}
.color-333 {
  color: #333333;
}
.color-666 {
  color: #666666;
}
.color-888 {
  color: #888888;
}
.color-999 {
  color: #999999;
}
.cursor-pointer {
  cursor: pointer;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.position-fixed {
  position: fixed;
}
.margin-auto {
  margin: auto;
}
.z-index-reduce-1 {
  z-index: -1;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.z-index-4 {
  z-index: 4;
}
.z-index-5 {
  z-index: 5;
}
.z-index-100 {
  z-index: 100;
}
.z-index-101 {
  z-index: 101;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-13 {
  font-size: 13px;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-15 {
  font-size: 15px;
}
.font-size-16 {
  font-size: 16px;
}
.font-size-18 {
  font-size: 18px;
}
.font-size-20 {
  font-size: 20px;
}
.font-size-22 {
  font-size: 22px;
}
.font-size-24 {
  font-size: 24px;
}
.font-size-26 {
  font-size: 26px;
}
.font-size-28 {
  font-size: 28px;
}
.font-size-30 {
  font-size: 30px;
}
.font-size-32 {
  font-size: 32px;
}
.font-size-34 {
  font-size: 34px;
}
.font-size-36 {
  font-size: 36px;
}
.font-size-38 {
  font-size: 38px;
}
.font-size-40 {
  font-size: 40px;
}
.font-size-42 {
  font-size: 42px;
}
.font-size-48 {
  font-size: 48px;
}
.font-size-60 {
  font-size: 60px;
}
.font-size-80 {
  font-size: 80px;
}
.line-height-22 {
  line-height: 22px;
}
.line-height-24 {
  line-height: 24px;
}
.line-height-26 {
  line-height: 26px;
}
.line-height-28 {
  line-height: 28px;
}
.line-height-30 {
  line-height: 30px;
}
.line-height-32 {
  line-height: 32px;
}
.line-height-34 {
  line-height: 34px;
}
.line-height-36 {
  line-height: 36px;
}
.line-height-38 {
  line-height: 38px;
}
.line-height-40 {
  line-height: 40px;
}
.background-color-000 {
  background-color: #000000;
}
.background-color-fff {
  background-color: #FFFFFF;
}
.background-color-transparent {
  background-color: transparent;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-1 {
  flex: 1;
}
.text-transform-uppercase {
  text-transform: uppercase;
}
.font-weight-bold {
  font-weight: bold;
}
.transform-translateY-reduce-50 {
  transform: translateY(-50%);
}
.transform-translateX-reduce-50 {
  transform: translateX(-50%);
}
.transform-translate-reduce-50 {
  transform: translate(-50%, -50%);
}
.transform-none {
  transform: none;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.text-align-justify {
  text-align: justify;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.opacity-0 {
  opacity: 0;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-1 {
  opacity: 1;
}
.border-radius-50 {
  border-radius: 50%;
}
.transition-all-02 {
  transition: all 0.2s ease;
}
.transition-all-03 {
  transition: all 0.3s ease;
}
.transition-all-04 {
  transition: all 0.4s ease;
}
.transition-all-05 {
  transition: all 0.5s ease;
}
.transition-all-06 {
  transition: all 0.6s ease;
}
.transition-all-10 {
  transition: all 1s ease;
}
.transform-scale-105 {
  transform: scale(1.05);
}
.flex-wrap-wrap {
  flex-wrap: wrap;
}
.com-size-all {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.com-position-absolute-start {
  position: absolute;
  top: 0;
  left: 0;
}
.outline-none {
  outline: none;
}
.overflow-ellipsis-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.overflow-ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.overflow-ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.overflow-ellipsis-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.overflow-ellipsis-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.overflow-ellipsis-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInUp1 {
  -webkit-animation-name: fadeInUp1;
  animation-name: fadeInUp1;
}
@keyframes fadeInLeft1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInLeft1 {
  -webkit-animation-name: fadeInLeft1;
  animation-name: fadeInLeft1;
}
@keyframes fadeInRight1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInRight1 {
  -webkit-animation-name: fadeInRight1;
  animation-name: fadeInRight1;
}
@keyframes zoomIn1 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn1 {
  -webkit-animation-name: zoomIn1;
  animation-name: zoomIn1;
}
.com-mob {
  display: none !important;
}
.com-conta-1560 {
  width: 81.25%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 2;
}
.com-conta-1344 {
  width: 70%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 2;
}
.com-padding-top-25 {
  padding-top: 1.30208333vw;
}
.com-padding-top-45 {
  padding-top: 2.34375vw;
}
.com-padding-top-60 {
  padding-top: 3.125vw;
}
.com-padding-top-85 {
  padding-top: 4.42708333vw;
}
.com-padding-top-110 {
  padding-top: 5.72916667vw;
}
.com-padding-top-130 {
  padding-top: 6.77083333vw;
}
.com-padding-top-150 {
  padding-top: 7.8125vw;
}
.com-padding-top-170 {
  padding-top: 8.85416667vw;
}
.com-padding-top-200 {
  padding-top: 10.41666667vw;
}
.com-padding-top-280 {
  padding-top: 14.58333333vw;
}
.com-padding-top-300 {
  padding-top: 15.625vw;
}
.com-padding-top-320 {
  padding-top: 16.66666667vw;
}
.com-padding-bottom-70 {
  padding-bottom: 3.64583333vw;
}
.com-padding-bottom-80 {
  padding-bottom: 4.16666667vw;
}
.com-padding-bottom-100 {
  padding-bottom: 5.20833333vw;
}
.com-padding-bottom-130 {
  padding-bottom: 6.77083333vw;
}
.com-padding-bottom-160 {
  padding-bottom: 8.33333333vw;
}
.com-padding-bottom-200 {
  padding-bottom: 10.41666667vw;
}
.com-padding-bottom-250 {
  padding-bottom: 13.02083333vw;
}
.com-padding-bottom-300 {
  padding-bottom: 15.625vw;
}
.com-padding-bottom-360 {
  padding-bottom: 18.75vw;
}
.com-padding-bottom-380 {
  padding-bottom: 19.79166667vw;
}
.com-padding-bottom-400 {
  padding-bottom: 20.83333333vw;
}
.com-padding-bottom-460 {
  padding-bottom: 23.95833333vw;
}
.com-padding-left-5 {
  padding-left: 5%;
}
.com-padding-left-10 {
  padding-left: 10%;
}
.com-padding-left-15 {
  padding-left: 15%;
}
.com-padding-right-5 {
  padding-right: 5%;
}
.com-padding-right-10 {
  padding-right: 10%;
}
.com-padding-right-15 {
  padding-right: 15%;
}
.com-ti-18 {
  font-size: 18px;
}
.com-ti-22 {
  font-size: 1.14583333vw;
}
.com-ti-24 {
  font-size: 1.25vw;
}
.com-ti-30 {
  font-size: 1.5625vw;
}
.com-ti-32 {
  font-size: 1.66666667vw;
}
.com-ti-34 {
  font-size: 1.77083333vw;
}
.com-ti-36 {
  font-size: 1.875vw;
}
.com-ti-38 {
  font-size: 1.97916667vw;
}
.com-ti-40 {
  font-size: 2.08333333vw;
}
.com-ti-42 {
  font-size: 2.1875vw;
}
.com-ti-48 {
  font-size: 2.5vw;
}
.com-richtext-1 {
  font-size: 18px;
  line-height: 34px;
}
.com-richtext-2 {
  font-size: 16px;
  line-height: 34px;
}
.bshare-custom {
  display: flex;
  align-items: center;
}
.bshare-custom span {
  margin: 0 0.52083333vw 0 0;
}
.bsBox {
  box-sizing: content-box;
}
.com-share-1 {
  margin: 1.5625vw 0 0;
}
.com-share-1 .swiper1 .swiper-slide {
  width: auto;
}
.com-share-1 .swiper1 .swiper-slide .dp-top {
  margin: 0 0.78125vw 0 0;
}
.com-share-1 .swiper1 .swiper-slide .dp-top .iconfont {
  font-size: 2.34375vw;
}
.com-wx-code-1 {
  width: 105px;
}
.com-button-a-1 {
  width: 140px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #c57f5b;
  color: #FFFFFF;
  transition: all 0.3s ease;
  cursor: pointer;
}
.com-button-a-1 .iconfont {
  margin: 0 5px;
}
.com-button-a-1:hover {
  color: #FFFFFF;
  box-shadow: 0 0 1.04166667vw rgba(0, 0, 0, 0.3);
}
.com-button-a-2 {
  width: 180px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #f4f4f4;
  color: #000000;
  transition: all 0.3s ease;
}
.com-button-a-2 .iconfont {
  margin: 0 0 0 15px;
}
.com-button-a-2:hover {
  background-color: #c57f5b;
  color: #FFFFFF;
}
.com-button-a-3 {
  width: 230px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #c57f5b;
  color: #FFFFFF;
  font-size: 16px;
}
.com-button-a-3 .iconfont {
  margin: 0 5px;
}
.com-enlarge {
  overflow: hidden;
}
.com-enlarge:hover .com-img-enlarge {
  transform: scale(1.05);
}
.com-enlarge .com-img-enlarge {
  transition: all 1s ease;
}
.com-classification-1 .swiper-wrapper {
  justify-content: center;
}
.com-classification-1 .swiper-slide {
  width: auto;
  width: 195px;
  height: 60px;
  border: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333333;
  transition: all 0.3s ease;
  margin: 0 0.52083333vw;
  cursor: pointer;
}
.com-classification-1 .swiper-slide:hover,
.com-classification-1 .swiper-slide.active,
.com-classification-1 .swiper-slide.swiper-slide-thumb-active {
  background-color: #c57f5b;
  color: #FFFFFF;
  border: 1px solid #c57f5b;
}
.com-swiper-classi-1 .swiper-slide {
  width: auto;
  margin: 0 1.04166667vw;
  color: #333333;
  font-size: 16px;
  padding: 1.82291667vw 0;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  cursor: pointer;
}
.com-swiper-classi-1 .swiper-slide.active,
.com-swiper-classi-1 .swiper-slide:hover {
  border-bottom: 3px solid #c57f5b;
  color: #000000;
}
.com-crumbs-1 {
  padding: 2.08333333vw 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #888888;
  border-top: 1px solid #e1e1e1;
}
.com-crumbs-1 .dn-left {
  display: flex;
  align-items: center;
}
.com-crumbs-1 .dn-left .iconfont {
  font-size: 20px;
  margin: 0 6px;
}
.com-crumbs-1 .dn-left .iconfont:last-of-type {
  display: none;
}
.com-crumbs-1 .dn-left b:last-of-type {
  color: #c57f5b;
}
.com-swiper-button-all .swiper-button {
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
}
.com-swiper-button-all .swiper-button .iconfont {
  font-size: 2.60416667vw;
}
.com-swiper-button-all .swiper-button:hover {
  color: #c57f5b !important;
}
.com-swiper-button-all .swiper-prev {
  left: 2.60416667vw;
}
.com-swiper-button-all .swiper-next {
  right: 2.60416667vw;
}
.com-swiper-pagination-1 {
  bottom: 2.08333333vw !important;
}
.com-swiper-pagination-1 .swiper-pagination-bullet {
  width: 40px;
  height: 5px;
  background-color: #FFFFFF;
  border-radius: 20px;
  transition: all 0.3s ease;
  margin: 0 8px !important;
  outline: none;
}
.com-swiper-pagination-1 .swiper-pagination-bullet-active {
  background-color: #c57f5b !important;
}
.com-swiper-pagination-1.com-swiper-pagination-relative {
  position: relative;
  bottom: auto !important;
  margin: 3.64583333vw 0 0;
}
.com-swiper-pagination-1.com-swiper-pagination-relative .swiper-pagination-bullet {
  background-color: #d5d5d5;
  opacity: 1;
}
.com-swiper-pagination-2 {
  bottom: 1.04166667vw !important;
}
.com-swiper-pagination-2 .swiper-pagination-bullet {
  width: 25px;
  height: 3px;
  background-color: #FFFFFF;
  border-radius: inherit;
  transition: all 0.3s ease;
  margin: 0 2px !important;
  outline: none;
  opacity: 1;
}
.com-swiper-pagination-2 .swiper-pagination-bullet-active {
  background-color: #c57f5b !important;
}
.com-paging1 .swiper-wrapper {
  justify-content: center;
}
.com-paging1 .swiper-wrapper .swiper-slide {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 16px;
}
.com-paging1 .swiper-wrapper .swiper-slide.active {
  font-weight: bold;
  color: #000000;
}
.com-paging1 .swiper-wrapper .swiper-slide:first-of-type,
.com-paging1 .swiper-wrapper .swiper-slide:last-of-type {
  border: 1px solid #dddddd;
  color: #c57f5b;
  margin: 0 20px;
}
.com-paging1 .swiper-wrapper .swiper-slide:first-of-type:hover,
.com-paging1 .swiper-wrapper .swiper-slide:last-of-type:hover {
  background-color: #c57f5b;
  color: #FFFFFF;
  border: 1px solid #c57f5b;
}
.com-paging1 .swiper-wrapper .swiper-slide:first-of-type i,
.com-paging1 .swiper-wrapper .swiper-slide:last-of-type i {
  font-size: 24px;
}
.com-ban1 {
  height: 36.45833333vw;
}
.com-ban2 {
  height: 43.75vw;
  position: relative;
}
.com-ban2 .dn-word {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  border-bottom: 0.20833333vw solid #c57f5b;
}
.com-ban2 .dn-word .swiper2 {
  font-size: 16px;
}
.com-ban2 .dn-word .swiper2 .swiper-wrapper {
  justify-content: center;
}
.com-ban2 .dn-word .swiper2 .swiper-slide {
  width: auto;
  margin: 0 3.90625vw;
  padding: 1.5625vw 0.26041667vw;
  color: #FFFFFF;
  border-bottom: 0.20833333vw solid transparent;
  transition: all 0.3s ease;
}
.com-ban2 .dn-word .swiper2 .swiper-slide.active,
.com-ban2 .dn-word .swiper2 .swiper-slide:hover {
  color: #c57f5b;
  border-bottom: 0.20833333vw solid #c57f5b;
}
.com-ban3 {
  height: 31.77083333vw;
}
.com-ban4 {
  height: 36.45833333vw;
}
.com-ban4.com-ban4-diff {
  height: 48.4375vw;
}
.com-ban4 .com-button-a-1 {
  position: absolute;
  z-index: 5;
  right: 3.125vw;
  top: 3.125vw;
}
.com-renew-form-1 .swiper1 {
  overflow: visible;
}
.com-renew-form-1 .swiper1 .swiper-slide {
  width: 31.33333333%;
  margin: 1%;
  border: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.com-renew-form-1 .swiper1 .swiper-slide:hover {
  border: 1px solid #c57f5b;
}
.com-renew-form-1 .swiper1 .swiper-slide.slide-100 {
  width: 100%;
  border: none;
}
.com-renew-form-1 .swiper1 .swiper-slide .dp-picture {
  margin: 0 1.04166667vw 0 1.35416667vw;
}
.com-renew-form-1 .swiper1 .swiper-slide .dp-picture .iconfont {
  font-size: 20px;
}
.com-renew-form-1 .swiper1 .swiper-slide .dp-word {
  flex: 1;
}
.com-renew-form-1 .swiper1 .swiper-slide .dp-word .layui-input {
  height: 60px;
  width: 100%;
  border: none;
  padding: 0;
}
.com-renew-form-1 .swiper1 .swiper-slide .button1 {
  width: 250px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #f4f4f4;
  transition: all 0.3s ease;
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  margin: 1.35416667vw 0 0;
}
.com-renew-form-1 .swiper1 .swiper-slide .button1:hover {
  background-color: #c57f5b;
  color: #FFFFFF;
}
.com-renew-form-2 .swiper1 {
  overflow: visible;
}
.com-renew-form-2 .swiper1 .swiper-slide {
  width: 46%;
  margin: 0 0 2.08333333vw;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.com-renew-form-2 .swiper1 .swiper-slide:hover {
  border-bottom: 1px solid #c57f5b;
}
.com-renew-form-2 .swiper1 .swiper-slide.slide-100 {
  width: 100%;
  border: none;
  justify-content: flex-end;
}
.com-renew-form-2 .swiper1 .swiper-slide .dp-picture {
  margin: 0 1.04166667vw 0 0;
}
.com-renew-form-2 .swiper1 .swiper-slide .dp-picture .iconfont {
  font-size: 20px;
}
.com-renew-form-2 .swiper1 .swiper-slide .dp-word {
  flex: 1;
}
.com-renew-form-2 .swiper1 .swiper-slide .dp-word .layui-input {
  height: 38px;
  width: 100%;
  border: none;
  padding: 0;
}
.com-renew-form-2 .swiper1 .swiper-slide .button1 {
  width: 155px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-color: #c57f5b;
  transition: all 0.3s ease;
  cursor: pointer;
  color: #FFFFFF;
  font-size: 16px;
}
.com-renew-form-2 .swiper1 .swiper-slide .button1:hover {
  box-shadow: 0 0 1.04166667vw rgba(0, 0, 0, 0.3);
}
.layui-form-select dl dd.layui-this {
  background-color: #c57f5b;
}
.com-header {
  width: 100%;
  z-index: 101;
  position: relative;
  transition: all 0.3s ease;
}
.com-header * {
  color: #000000;
}
.com-header .com-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.com-header .header-logo img {
  height: 1.45833333vw;
}
.com-header .swiper1 {
  overflow: visible;
  width: auto;
  margin: 0;
}
.com-header .swiper1 .swiper-wrapper {
  align-items: center;
}
.com-header .swiper1 .swiper-slide {
  width: auto;
  margin: 0 1.30208333vw;
}
.com-header .swiper1 .swiper-slide:hover {
  z-index: 5;
}
.com-header .swiper1 .swiper-slide:hover .dp-lower {
  display: block;
  animation: fadeInUp1 0.5s ease both;
}
.com-header .swiper1 .swiper-slide .dp-upper {
  display: flex;
  align-items: center;
}
.com-header .swiper1 .swiper-slide .dp-upper .dp-a {
  padding: 1.5625vw 0;
  display: flex;
  align-items: center;
}
.com-header .swiper1 .swiper-slide .dp-upper .iconfont {
  font-size: 30px;
  margin: 0 5px 0 0;
}
.com-header .swiper1 .swiper-slide .dp-lower {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100vw;
  display: none;
  z-index: 5;
  box-shadow: 0 0 0.72916667vw rgba(0, 0, 0, 0.3);
}
.com-header .swiper1 .swiper-slide .dp-lower:before {
  content: '';
  position: absolute;
  width: 52vw;
  height: 100%;
  left: -52vw;
  background-color: #FFFFFF;
  top: 0;
  box-shadow: 0 0 0.72916667vw rgba(0, 0, 0, 0.3);
}
.com-header .swiper1 .swiper-slide .dp-lower .com-content1 {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 5;
  padding: 1.04166667vw 0;
  background-color: #FFFFFF;
}
.com-header .swiper1 .swiper-slide .dp-lower .dp-a {
  margin: 0 2.86458333vw 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #888888;
}
.com-header .swiper1 .swiper-slide .dp-lower .dp-a * {
  color: #888888;
}
.com-header .swiper1 .swiper-slide .dp-lower .dp-a .img1 {
  opacity: 0.5;
  height: 2.76041667vw;
}
.com-header .swiper1 .swiper-slide .dp-lower .dp-a .iconfont {
  font-size: 2.60416667vw;
  line-height: 2.60416667vw;
}
.com-header .swiper1 .swiper-slide .dp-lower .dp-a:hover {
  color: #666666;
}
.com-header .swiper1 .swiper-slide .dp-lower .dp-a:hover .img1 {
  opacity: 1;
}
.com-header .swiper1 .swiper-slide .dp-lower .dp-a:hover * {
  color: #333333;
}
.com-header .dn-right {
  display: flex;
  align-items: center;
}
.com-header .dn-right .dn-com {
  cursor: pointer;
  display: none;
  margin: 0 0 0 4vw;
}
.com-header .dn-right .dn-com .iconfont {
  font-size: 5.33333333vw;
}
.com-footer {
  background-color: #f4f4f4;
}
.com-footer .dn-upper {
  padding: 4.94791667vw 0 10.15625vw;
  display: flex;
  justify-content: space-between;
}
.com-footer .dn-upper .dp-left .dp-word {
  margin: 3.64583333vw 0 0;
}
.com-footer .dn-upper .dp-left .dp-word .com-ti-30 {
  color: #333333;
  font-weight: bold;
}
.com-footer .dn-upper .dp-right .swiper1 .swiper-slide {
  width: auto;
  margin: 0 0 0 5.20833333vw;
}
.com-footer .dn-upper .dp-right .swiper1 .swiper-slide .dp-upper .dp-a {
  font-size: 20px;
  color: #000000;
}
.com-footer .dn-upper .dp-right .swiper1 .swiper-slide .dp-upper .dp-a .iconfont {
  display: none;
}
.com-footer .dn-upper .dp-right .swiper1 .swiper-slide .dp-lower .dp-a {
  display: block;
  color: #999999;
  margin: 0.78125vw 0 0;
}
.com-footer .dn-lower {
  border-top: 1px solid #dfdfdf;
  padding: 1.14583333vw 0 1.45833333vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.com-footer .dn-lower .dp-left {
  font-size: 12px;
  color: #999999;
}
.com-footer .dn-lower .dp-right {
  font-size: 13px;
  color: #888888;
  display: flex;
  align-items: center;
}
.com-footer .dn-lower .dp-right i {
  margin: 0 10px;
}
.com-footer2 {
  display: none;
  background-color: #000000;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 101;
  width: 100%;
}
.com-footer2 * {
  color: #FFFFFF;
}
.com-footer2 .swiper1 {
  overflow: visible;
}
.com-footer2 .swiper1 .wrapper1 {
  align-items: center;
  justify-content: center;
}
.com-footer2 .swiper1 .slide1 {
  width: 50%;
}
.com-footer2 .swiper1 .slide1 .dp-top {
  height: 16vw;
  padding: 2.66666667vw 0 0;
  text-align: center;
}
.com-footer2 .swiper1 .slide1 .dp-top .iconfont {
  font-size: 6.66666667vw;
}
.com-footer2 .swiper1 .slide1 .dp-bot {
  display: none;
}
.layui-dp-bot {
  font-size: 3.46666667vw;
  line-height: 5.33333333vw;
}
.layui-dp-bot .p-wx {
  font-size: 3.73333333vw;
  color: red;
}
.index-ban {
  height: 43.54166667vw;
}
.index-prod .dn-lower .swiper1 .swiper-slide {
  width: 21.5625vw;
  height: 27.60416667vw;
  padding: 0.41666667vw;
  transition: all 0.5s ease;
}
.index-prod .dn-lower .swiper1 .swiper-slide:hover .dp-picture,
.index-prod .dn-lower .swiper1 .swiper-slide.active .dp-picture {
  display: none;
}
.index-prod .dn-lower .swiper1 .swiper-slide:hover .dp-picture2,
.index-prod .dn-lower .swiper1 .swiper-slide.active .dp-picture2 {
  opacity: 1;
}
.index-prod .dn-lower .swiper1 .swiper-slide:hover .dp-word *,
.index-prod .dn-lower .swiper1 .swiper-slide.active .dp-word * {
  color: #FFFFFF !important;
}
@media screen and (min-width: 768px) {
  .index-prod .dn-lower .swiper1 .swiper-slide.active {
    flex: auto;
  }
}
.index-prod .dn-lower .swiper1 .swiper-slide .dp-a {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
.index-prod .dn-lower .swiper1 .swiper-slide .dp-picture2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 1s ease;
}
.index-prod .dn-lower .swiper1 .swiper-slide .dp-word {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 1.5625vw;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  transition: all 1s ease;
}
.index-prod .dn-lower .swiper1 .swiper-slide .dp-word .dp-top .dp-ti1 {
  font-size: 19px;
  color: #333333;
}
.index-prod .dn-lower .swiper1 .swiper-slide .dp-word .dp-top .dp-ti2 {
  margin: 0.26041667vw 0 0;
}
.index-prod .dn-lower .swiper1 .swiper-slide .dp-word .dp-bot .dp-xi1 {
  width: 10px;
  height: 2px;
  background-color: #c57f5b;
  margin: 0.26041667vw 0 0 2px;
}
.index-prod-1 .dn-lower .swiper1 {
  padding: 0 0 calc(40 * 0.05208333vw + 20px);
}
.index-prod-1 .dn-lower .swiper1 .com-swiper-pagination-1 {
  bottom: 0 !important;
}
.index-prod-1 .dn-lower .swiper1 .com-swiper-pagination-1 .swiper-pagination-bullet {
  background-color: #000000;
}
.index-prod-1 .dn-lower .swiper1 .swiper-slide {
  /*
        &:nth-of-type(3), &:nth-of-type(4) {
          height: 530/2/1920*100vw;
          width: 712/2/1560*100%;
        }
        &:nth-of-type(5) {
          height: 530/2/1920*100vw;
          width: 712/1560*100%;
          .position-absolute;
          .bottom-0;
          right: 28/1920*100vw;
          .dp-word {
            .dp-bot {
              .display-block;
            }
          }
        }

        .dp-word {
          .dp-bot {
            .display-none;
          }
        }
         */
}
.index-prod-2 .dn-lower .swiper1 .swiper-slide .dp-word .dp-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index-about {
  position: relative;
}
.index-about .dn-word {
  text-align: center;
  display: inline-block;
  padding: 0 2.60416667vw;
}
.index-about .dn-word .com-ti-36 {
  color: #000000;
}
.index-about .dn-word .com-ti-18 {
  margin: 0.78125vw 0 1.5625vw;
}
.index-about .dn-word .dp-button {
  display: flex;
  justify-content: center;
}
.index-serv .swiper1 {
  width: calc(100% + 8 * 2 / 1920 * 100vw);
  margin-left: -0.41666667vw;
}
.index-serv .swiper1 .swiper-slide {
  width: 50%;
  height: 17.05729167vw;
  padding: 0.41666667vw;
}
.index-serv .swiper1 .swiper-slide:hover img.com-obj-fit-cov {
  transform: scale(1.05);
}
.index-serv .swiper1 .swiper-slide:nth-of-type(1) {
  height: 34.11458333vw;
}
.index-serv .swiper1 .swiper-slide:nth-of-type(1) .dp-word {
  color: #FFFFFF;
}
.index-serv .swiper1 .swiper-slide:nth-of-type(2) .dp-word {
  margin: 0 0 0 -20.83333333vw;
}
.index-serv .swiper1 .swiper-slide:nth-of-type(3) {
  position: absolute;
  bottom: 0;
  right: 0;
}
.index-serv .swiper1 .swiper-slide a.com-size-all {
  overflow: hidden;
}
.index-serv .swiper1 .swiper-slide img.com-obj-fit-cov {
  transition: all 1s ease;
}
.index-serv .swiper1 .swiper-slide .dp-word {
  display: flex;
  flex-direction: column;
  color: #333333;
  position: relative;
  z-index: 5;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3.125vw 0 0;
}
.index-serv .swiper1 .swiper-slide .dp-word .font-size-22 {
  color: #c57f5b;
}
.index-serv .swiper1 .swiper-slide .dp-word .com-ti-32 {
  margin: 0.41666667vw 0 0;
}
.index-serv .swiper1 .swiper-slide .dp-word .dp-a {
  margin: 1.5625vw 0 0;
}
.index-news .dn-lower {
  display: flex;
  justify-content: space-between;
}
.index-news .dn-lower .dn-left {
  width: 45.51282051%;
}
.index-news .dn-lower .dn-left .swiper1 {
  height: 25vw;
}
.index-news .dn-lower .dn-left .swiper1 .swiper-slide:hover img.com-obj-fit-cov {
  transform: scale(1.05);
}
.index-news .dn-lower .dn-left .swiper1 .swiper-slide img.com-obj-fit-cov {
  transition: all 1s ease;
}
.index-news .dn-lower .dn-left .swiper1 .swiper-slide .dp-word {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 1.77083333vw;
  color: #FFFFFF;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.index-news .dn-lower .dn-left .swiper1 .swiper-slide .dp-word .dp-z {
  font-size: 22px;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-news .dn-lower .dn-right {
  width: 50%;
  border-left: 1px solid #e6e6e6;
  padding: 0 0 0 3.33333333vw;
}
.index-news .dn-lower .dn-right .swiper1 {
  height: auto;
  margin-top: -1.5625vw;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide {
  border-bottom: 1px solid #e6e6e6;
  height: auto;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide:hover .dp-word .dp-ti1 {
  color: #c57f5b;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide:hover .dp-time1 .dp-icon {
  display: none;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide:hover .dp-time1 .dp-nei {
  display: block;
  animation: zoomIn1 0.6s ease both;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide .com-size-all {
  padding: 1.5625vw 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide .dp-word {
  padding: 0 1.30208333vw 0 0;
  margin: 0 1.30208333vw 0 0;
  border-right: 1px solid #e6e6e6;
  width: calc(100% - 70px - 25 / 1920 * 100vw);
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide .dp-word .dp-ti1 {
  color: #333333;
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide .dp-word .dp-ti2 {
  color: #888888;
  margin: 0.78125vw 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide .dp-time1 {
  text-align: center;
  width: 70px;
  color: #999999;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide .dp-time1 .dp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide .dp-time1 .dp-icon .iconfont {
  font-size: 30px;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide .dp-time1 .dp-nei {
  display: none;
}
.index-news .dn-lower .dn-right .swiper1 .swiper-slide .dp-time1 .dp-nei .dp-date {
  font-size: 48px;
  line-height: 48px;
  color: #c57f5b;
  font-weight: bold;
}
.index-engineering .swiper1 .swiper-slide {
  width: 50%;
  height: 33.85416667vw;
  overflow: hidden;
}
.index-engineering .swiper1 .swiper-slide:nth-of-type(1) .dn-word .com-ti-22 {
  color: #FFFFFF;
}
.index-engineering .swiper1 .swiper-slide:hover img.com-obj-fit-cov {
  transform: scale(1.05);
}
.index-engineering .swiper1 .swiper-slide img.com-obj-fit-cov {
  transition: all 1s ease;
}
.index-engineering .swiper1 .swiper-slide .dn-word {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.index-engineering .swiper1 .swiper-slide .dn-word .com-ti-36 {
  color: #c57f5b;
}
.index-engineering .swiper1 .swiper-slide .dn-word .com-ti-22 {
  line-height: 1.66666667vw;
  color: #000000;
  margin: 0.625vw 0 1.14583333vw;
}
.index-engineering .swiper1 .swiper-slide .dn-word .dp-button {
  display: flex;
  justify-content: center;
}
.index-contact .dn-upper {
  height: 32.8125vw;
}
.index-contact .dn-upper .swiper1 .swiper-slide .dp-word {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0 6.25vw;
  text-align: center;
}
.index-contact .dn-upper .swiper1 .swiper-slide .dp-word .com-ti-30 {
  color: #000000;
}
.index-contact .dn-upper .swiper1 .swiper-slide .dp-word .dp-button {
  display: flex;
  justify-content: center;
  margin: 2.08333333vw 0 0;
}
.index-contact .dn-lower .swiper1 {
  width: 116%;
  margin-left: -8%;
  overflow: visible;
}
.index-contact .dn-lower .swiper1 .swiper-wrapper {
  justify-content: space-between;
}
.index-contact .dn-lower .swiper1 .swiper-slide {
  border-right: 1px solid #e6e6e6;
  text-align: center;
  width: 25%;
}
.index-contact .dn-lower .swiper1 .swiper-slide:hover .dp-icon {
  transform: translateY(-0.78125vw);
  color: #c57f5b;
}
.index-contact .dn-lower .swiper1 .swiper-slide:last-of-type {
  border-right: none;
}
.index-contact .dn-lower .swiper1 .swiper-slide .dp-icon {
  width: 4.42708333vw;
  height: 4.42708333vw;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  margin: auto;
  transition: all 0.6s ease;
}
.index-contact .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
  font-size: 2.08333333vw;
}
.index-contact .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
  font-size: 15px;
  color: #333333;
  margin: 0.83333333vw 0 0;
}
.index-contact .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti2 {
  font-size: 13px;
  color: #999999;
  margin: 0.20833333vw 0 0;
}
.reform-signup .dn-upper .com-ti-18 {
  color: #888888;
  margin: 0.26041667vw 0 0;
}
.reform-problem {
  background-color: #f9f9f9;
}
.reform-problem .dn-lower .swiper1 {
  overflow: visible;
}
.reform-problem .dn-lower .swiper1 .swiper-slide {
  width: 24%;
  margin: 0 0.5%;
  background-color: #FFFFFF;
  transition: all 0.6s ease;
}
.reform-problem .dn-lower .swiper1 .swiper-slide:hover {
  background-color: #c57f5b;
  box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.3);
}
.reform-problem .dn-lower .swiper1 .swiper-slide:hover * {
  color: #FFFFFF !important;
}
.reform-problem .dn-lower .swiper1 .swiper-slide:hover .dp-picture img.com-obj-fit-cov {
  transform: scale(1.05);
}
.reform-problem .dn-lower .swiper1 .swiper-slide .dp-picture {
  height: 13.02083333vw;
  overflow: hidden;
}
.reform-problem .dn-lower .swiper1 .swiper-slide .dp-picture img.com-obj-fit-cov {
  transition: all 0.6s ease;
}
.reform-problem .dn-lower .swiper1 .swiper-slide .dp-word {
  padding: 1.66666667vw 1.5625vw 2.60416667vw;
}
.reform-problem .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
  font-size: 20px;
  color: #333333;
}
.reform-problem .dn-lower .swiper1 .swiper-slide .dp-word .dp-intr1 {
  margin: 0.26041667vw 0 0;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 48px;
}
.reform-renew .dn-lower .swiper1 {
  overflow: visible;
}
.reform-renew .dn-lower .swiper1 .swiper-slide {
  width: 24%;
  margin: 0 0.5%;
  border: 1px solid #e6e6e6;
  transition: all 0.6s ease;
  padding: 2.86458333vw 1.5625vw;
}
.reform-renew .dn-lower .swiper1 .swiper-slide:hover {
  border: 1px solid #c57f5b;
  box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.3);
}
.reform-renew .dn-lower .swiper1 .swiper-slide .dp-icon {
  width: 3.75vw;
  height: 3.75vw;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reform-renew .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
  font-size: 1.66666667vw;
  color: #c57f5b;
}
.reform-renew .dn-lower .swiper1 .swiper-slide .dp-word {
  margin: 1.5625vw 0 0;
}
.reform-renew .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
  font-size: 20px;
  color: #333333;
}
.reform-renew .dn-lower .swiper1 .swiper-slide .dp-word .dp-intr1 {
  margin: 0.52083333vw 0 0;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 48px;
}
.reform-renew .dn-lower .swiper1 .swiper-slide .dp-word .dp-intr2 {
  margin: 0.52083333vw 0 0;
  line-height: 32px;
  font-size: 16px;
  height: 190px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.reform-renew .dn-lower .swiper1 .swiper-slide .dp-num1 {
  margin: 5.20833333vw 0 0;
  font-size: 1.875vw;
  color: #e6e6e6;
  font-weight: bold;
  font-style: italic;
}
.attr-stren {
  background-color: #f4f4f4;
}
.attr-stren .dn-lower {
  overflow: hidden;
}
.attr-stren .dn-lower .swiper1 .swiper-slide {
  background-color: #FFFFFF;
}
.attr-stren .dn-lower .swiper1 .swiper-slide:hover {
  background-color: #c57f5b;
}
.attr-stren .dn-lower .swiper1 .swiper-slide:hover .dp-icon {
  background-color: #FFFFFF;
}
.attr-stren .dn-lower .swiper1 .swiper-slide:hover .dp-word * {
  color: #FFFFFF !important;
}
.reform-product .dn-lower .swiper1 .swiper-slide {
  width: 24%;
  margin: 0 0.5%;
  overflow: hidden;
}
.reform-product .dn-lower .swiper1 .swiper-slide:hover .dp-picture .dp-img {
  transform: scale(1.05);
}
.reform-product .dn-lower .swiper1 .swiper-slide .dp-picture {
  overflow: hidden;
}
.reform-product .dn-lower .swiper1 .swiper-slide .dp-picture .dp-img {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  transition: all 1s ease;
}
.reform-product .dn-lower .swiper1 .swiper-slide .dp-word {
  padding: 1.5625vw 0;
  font-size: 20px;
  color: #333333;
  text-align: center;
}
.product .com-content {
  display: flex;
}
.product .dn-left {
  width: 9.375vw;
  padding: 0 1.30208333vw 0 0;
  margin: 6.51041667vw 2.60416667vw 0 0;
  border-right: 1px dashed #e7e7e7;
}
.product .dn-left .swiper1 {
  height: auto;
}
.product .dn-left .swiper1 .swiper-slide {
  height: auto;
  margin: 1.04166667vw 0;
  text-align: center;
  color: #888888;
}
.product .dn-left .swiper1 .swiper-slide .img1 {
  opacity: 0.5;
  height: 2.76041667vw;
}
.product .dn-left .swiper1 .swiper-slide .dp-ti1 {
  margin: 0.26041667vw 0 0;
}
.product .dn-left .swiper1 .swiper-slide.active {
  color: #333333;
}
.product .dn-left .swiper1 .swiper-slide.active .img1 {
  opacity: 1;
}
.product .dn-right {
  flex: 1;
}
.product .dn-right .dn-list {
  border-bottom: 1px solid #e7e7e7;
  padding: 2.08333333vw 0;
}
.product .dn-right .dn-list .dp-upper {
  text-align: center;
  color: #000000;
}
.product .dn-right .dn-list .dp-lower .swiper1 {
  width: 103%;
  margin-left: -1.5%;
}
.product .dn-right .dn-list .dp-lower .swiper1 .swiper-wrapper {
  flex-wrap: wrap;
}
.product .dn-right .dn-list .dp-lower .swiper1 .swiper-slide {
  width: 22%;
  margin: 0 1.5%;
}
.product .dn-right .dn-list .dp-lower .swiper1 .swiper-slide:hover .dp-picture img.com-obj-fit-cov {
  transform: scale(1.05);
}
.product .dn-right .dn-list .dp-lower .swiper1 .swiper-slide .dp-picture {
  overflow: hidden;
}
.product .dn-right .dn-list .dp-lower .swiper1 .swiper-slide .dp-picture img.com-obj-fit-cov {
  transition: all 0.6s ease;
}
.product .dn-right .dn-list .dp-lower .swiper1 .swiper-slide .dp-word {
  text-align: center;
  padding: 1.30208333vw 0 1.66666667vw;
}
.product .dn-right .dn-list .dp-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
  font-size: 18px;
  color: #000000;
}
.product .dn-right .dn-list .dp-lower .swiper1 .swiper-slide .dp-word .dp-ti2 {
  margin: 0.3125vw 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.prod-detail-parameter .dn-upper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}
.prod-detail-parameter .dn-upper .dp-left .com-size-all {
  display: flex;
  align-items: center;
  color: #000000;
}
.prod-detail-parameter .dn-upper .dp-left .com-size-all .iconfont {
  font-weight: bold;
  font-size: 30px;
}
.prod-detail-parameter .dn-upper .dp-left .com-size-all .img1 {
  height: 2.76041667vw;
  margin: 0 0.41666667vw;
}
.prod-detail-parameter .dn-upper .dp-right .dp-button-a {
  width: 110px;
  height: 36px;
  border: 1px solid #c57f5b;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c57f5b;
  font-size: 16px;
  transition: all 0.3s ease;
}
.prod-detail-parameter .dn-upper .dp-right .dp-button-a:hover {
  background-color: #c57f5b;
  color: #FFFFFF;
}
.prod-detail-parameter .dn-lower {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prod-detail-parameter .dn-lower .dp-left {
  width: 58.97435897%;
  display: flex;
  align-items: center;
}
.prod-detail-parameter .dn-lower .dp-left .dp-small {
  width: 4.47916667vw;
}
.prod-detail-parameter .dn-lower .dp-left .dp-small .swiper1 .swiper-slide {
  border: 1px solid #dddddd;
  cursor: pointer;
}
.prod-detail-parameter .dn-lower .dp-left .dp-small .swiper1 .swiper-slide.swiper-slide-thumb-active {
  border: 1px solid #c57f5b;
}
.prod-detail-parameter .dn-lower .dp-left .dp-small .swiper1 .swiper-slide .img1 {
  display: block;
  width: 100%;
}
.prod-detail-parameter .dn-lower .dp-left .dp-big {
  width: calc(100% - 86 / 1920 * 100vw);
}
.prod-detail-parameter .dn-lower .dp-left .dp-big .swiper1 {
  width: 31.25vw;
}
.prod-detail-parameter .dn-lower .dp-left .dp-big .swiper1 .swiper-slide .img1 {
  display: block;
  width: 100%;
}
.prod-detail-parameter .dn-lower .dp-right {
  flex: 1;
  color: #333333;
}
.prod-detail-parameter .dn-lower .dp-right .dp-title1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.prod-detail-parameter .dn-lower .dp-right .dp-title1 span {
  border: 1px solid #c57f5b;
  color: #c57f5b;
  padding: 3px 12px;
  margin: 0 10px 10px 0;
  border-radius: 3px;
}
.prod-detail-parameter .dn-lower .dp-right .dp-title1 b {
  padding: 3px 12px;
  background-color: #e1e1e1;
  color: #888888;
  border-radius: 3px;
  margin: 0 10px 10px 0;
}
.prod-detail-parameter .dn-lower .dp-right .com-ti-38 {
  margin: 1.14583333vw 0 0;
}
.prod-detail-parameter .dn-lower .dp-right .com-ti-18 {
  margin: 0.41666667vw 0 0;
}
.prod-detail-parameter .dn-lower .dp-right .dp-button {
  margin: 3.125vw 0 0;
}
.prod-detail-design .dn-lower .swiper1 .slide1 {
  height: 36.45833333vw;
}
.prod-detail-intr .com-content {
  border-top: 1px solid #e6e6e6;
}
.prod-detail-intr .dn-lower .swiper1 .swiper-slide {
  margin: 0.9375vw 0;
  display: flex;
}
.prod-detail-intr .dn-lower .swiper1 .swiper-slide:nth-of-type(even) {
  flex-direction: row-reverse;
}
.prod-detail-intr .dn-lower .swiper1 .swiper-slide .dp-word {
  height: 27.08333333vw;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f9f9f9;
  color: #333333;
  padding: 2.08333333vw;
}
.prod-detail-intr .dn-lower .swiper1 .swiper-slide .dp-word .com-richtext-1 {
  margin: 0.78125vw 0 0;
}
.prod-detail-intr .dn-lower .swiper1 .swiper-slide .dp-picture {
  height: 27.08333333vw;
  flex: 1;
}
.prod-detail-tech .dn-lower .swiper1 .swiper-slide {
  width: 31.73333333%;
  margin: 0.8%;
  border: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  padding: 1.04166667vw;
}
.prod-detail-tech .dn-lower .swiper1 .swiper-slide .iconfont {
  font-size: 20px;
  color: #c57f5b;
  margin: 0 0.52083333vw 0 0;
}
.prod-detail-tech .dn-lower .swiper1 .swiper-slide .dp-intr1 {
  flex: 1;
  font-size: 15px;
}
.prod-detail-reco .dn-lower .swiper1 {
  overflow: visible;
}
.prod-detail-reco .dn-lower .swiper1 .swiper-slide {
  width: 31.33333333%;
  margin: 0 1%;
  border: 1px solid #e7e7e7;
  transition: all 0.6s ease;
}
.prod-detail-reco .dn-lower .swiper1 .swiper-slide:hover {
  box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.3);
}
.prod-detail-reco .dn-lower .swiper1 .swiper-slide .dp-picture {
  height: 17.96875vw;
}
.prod-detail-reco .dn-lower .swiper1 .swiper-slide .dp-word {
  padding: 1.30208333vw;
  background-color: #f9f9f9;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prod-detail-reco .dn-lower .swiper1 .swiper-slide .dp-word .com-ti-18 {
  color: #333333;
}
.prod-detail-reco .dn-lower .swiper1 .swiper-slide .dp-word .dp-y {
  display: flex;
  align-items: center;
}
.prod-detail-reco .dn-lower .swiper1 .swiper-slide .dp-word .dp-y .iconfont {
  color: #c57f5b;
}
.prod-detail-reco .dp-button {
  display: flex;
  justify-content: center;
}
.brand-intr {
  position: relative;
}
.brand-intr .dn-upper {
  display: flex;
  align-items: flex-end;
}
.brand-intr .dn-upper .dn-left {
  flex: 1;
}
.brand-intr .dn-upper .dn-left .com-richtext-1 {
  margin: 1.5625vw 0 0;
}
.brand-intr .dn-upper .dn-right .swiper1 .swiper-slide {
  width: auto;
  margin: 0 0 0 3.64583333vw;
  text-align: center;
  font-size: 18px;
  color: #333333;
}
.brand-intr .dn-upper .dn-right .swiper1 .swiper-slide .dp-ti1 {
  color: #c57f5b;
}
.brand-intr .dn-upper .dn-right .swiper1 .swiper-slide .dp-ti1 b {
  font-size: 3.54166667vw;
}
.brand-intr .dn-lower {
  border-top: 1px solid #e6e6e6;
  margin: 3.125vw 0 0;
  padding: 4.16666667vw 0 0;
}
.brand-high {
  position: relative;
  color: #FFFFFF;
}
.brand-high .dn-lower .swiper1 {
  font-size: 16px;
}
.brand-high .dn-lower .swiper1 .swiper-wrapper {
  justify-content: center;
}
.brand-high .dn-lower .swiper1 .swiper-slide {
  width: auto;
  display: flex;
  align-items: center;
  margin: 0 3.64583333vw;
}
.brand-high .dn-lower .swiper1 .swiper-slide .dp-z {
  width: 80px;
  height: 80px;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 1.04166667vw 0 0;
}
.brand-high .dn-lower .swiper1 .swiper-slide .dp-z .iconfont {
  font-size: 30px;
}
.brand-honor {
  position: relative;
}
.brand-honor .dn-lower {
  width: 750px;
}
.brand-honor .dn-lower .sw1 .swiper-wrapper {
  justify-content: space-between;
}
.brand-honor .dn-lower .sw1 .swiper-slide {
  width: 45%;
  padding: 0.625vw 0;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  margin: 2px 0;
}
.brand-honor .dn-lower .sw1 .swiper-slide .iconfont {
  font-size: 24px;
  color: #c57f5b;
}
.brand-honor2 .dn-lower .swiper1 .swiper-slide {
  width: 23%;
  margin: 0 1%;
  transition: all 0.3s ease;
}
.brand-honor2 .dn-lower .swiper1 .swiper-slide:hover .dp-picture .com-obj-fit-cov {
  transform: scale(1.05);
}
.brand-honor2 .dn-lower .swiper1 .swiper-slide .dp-picture {
  height: 13.54166667vw;
  overflow: hidden;
}
.brand-honor2 .dn-lower .swiper1 .swiper-slide .dp-picture .com-obj-fit-cov {
  transition: all 0.6s ease;
}
.brand-honor2 .dn-lower .swiper1 .swiper-slide .dp-word {
  padding: 2.08333333vw;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
}
.brand-honor2 .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
  font-size: 18px;
  color: #333333;
}
.brand-history .dn-center {
  margin: 3.125vw 0 4.6875vw;
  position: relative;
}
.brand-history .dn-center .swiper1 .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  color: #999999;
}
.brand-history .dn-center .swiper1 .swiper-slide .dp-top {
  width: 100%;
  height: 16px;
  background: url("../png/brandbg1_03.png") repeat center / auto 100%;
}
.brand-history .dn-center .swiper1 .swiper-slide .dp-bot {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}
.brand-history .dn-center .swiper1 .swiper-slide .dp-bot .iconfont {
  font-size: 30px;
}
.brand-history .dn-center .swiper1 .swiper-slide.swiper-slide-thumb-active {
  color: #c57f5b;
}
.brand-history .dn-center .com-swiper-button-all .swiper-button {
  color: #c57f5b;
  top: 18%;
}
.brand-history .dn-center .com-swiper-button-all .swiper-button .iconfont {
  font-size: 2.08333333vw;
}
.brand-history .dn-center .com-swiper-button-all .swiper-prev {
  left: -1.04166667vw;
}
.brand-history .dn-center .com-swiper-button-all .swiper-next {
  right: -1.04166667vw;
}
.brand-history .dn-lower .swiper1 .swiper-slide {
  display: flex;
  justify-content: space-between;
}
.brand-history .dn-lower .swiper1 .swiper-slide .dp-word {
  flex: 1;
  margin: 0 7.8125vw 0 0;
}
.brand-history .dn-lower .swiper1 .swiper-slide .dp-word .com-ti-42 {
  font-weight: bold;
}
.brand-history .dn-lower .swiper1 .swiper-slide .dp-word .dp-xi1 {
  width: 40px;
  height: 2px;
  background-color: #000000;
  margin: 0.625vw 0;
}
.brand-history .dn-lower .swiper1 .swiper-slide .dp-picture {
  width: 660px;
  height: 310px;
}
.brand-model {
  color: #FFFFFF;
  position: relative;
}
.brand-model .dn-upper {
  width: 75%;
}
.life .swiper1 .swiper-slide {
  width: 24%;
  margin: 2% 0.5%;
  border: 1px solid #dddddd;
  transition: all 0.6s ease;
}
.life .swiper1 .swiper-slide:hover {
  border: 1px solid #c57f5b;
  box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.3);
}
.life .swiper1 .swiper-slide:hover .dp-picture img.com-obj-fit-cov {
  transform: scale(1.05);
}
.life .swiper1 .swiper-slide .dp-picture {
  height: 13.02083333vw;
  overflow: hidden;
}
.life .swiper1 .swiper-slide .dp-picture img.com-obj-fit-cov {
  transition: all 0.6s ease;
}
.life .swiper1 .swiper-slide .dp-word {
  padding: 0 1.30208333vw;
}
.life .swiper1 .swiper-slide .dp-word .dp-ti1 {
  font-size: 20px;
  color: #333333;
  padding: 1.66666667vw 0 1.14583333vw;
}
.life .swiper1 .swiper-slide .dp-word .dp-ti2 {
  border-top: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
  padding: 0.625vw 0 1.04166667vw;
}
.life .swiper1 .swiper-slide .dp-word .dp-ti2 .dp-a {
  color: #888888;
}
.life-detail-lower .com-content {
  display: flex;
}
.life-detail-lower .dn-left {
  flex: 1;
}
.life-detail-lower .dn-left .dn-upper {
  color: #333333;
}
.life-detail-lower .dn-left .dn-upper .dp-operation {
  display: flex;
  align-items: center;
  margin: 2.60416667vw 0 0;
}
.life-detail-lower .dn-left .dn-upper .dp-operation .dp-pai {
  margin: 0 2.60416667vw 0 0;
}
.life-detail-lower .dn-left .dn-center {
  border-top: 1px solid #e6e6e6;
  margin: 1.30208333vw 0 0;
  padding: 3.64583333vw 0 0;
}
.life-detail-lower .dn-left .dn-lower {
  padding: 7.8125vw 0 0;
  display: flex;
  justify-content: space-between;
}
.life-detail-lower .dn-left .dn-lower .dp-left {
  font-size: 15px;
}
.life-detail-lower .dn-left .dn-lower .dp-left p {
  margin: 0 0 0.52083333vw;
}
.life-detail-lower .dn-right {
  width: calc(390px + 65 / 1920 * 100vw);
  padding: 0 0 0 3.38541667vw;
  margin: 0 0 0 3.38541667vw;
  border-left: 1px solid #e6e6e6;
}
.life-detail-lower .dn-right .dn-upper {
  font-size: 20px;
  color: #000000;
}
.life-detail-lower .dn-right .dn-lower .swiper1 .swiper-slide {
  margin: 0.52083333vw 0;
  display: flex;
  font-size: 16px;
  line-height: 28px;
  color: #888888;
  transition: all 0.3s ease;
}
.life-detail-lower .dn-right .dn-lower .swiper1 .swiper-slide:hover {
  color: #c57f5b;
}
.life-detail-lower .dn-right .dn-lower .swiper1 .swiper-slide .iconfont {
  font-size: 20px;
}
.life-detail-lower .dn-right .dn-lower .swiper1 .swiper-slide p {
  flex: 1;
}
.happ .dn-upper .waterfall .dp-pai {
  width: 29.33333333%;
  margin: 2% 2%;
  border-bottom: 1px solid #dddddd;
  transition: all 0.6s ease;
}
.happ .dn-upper .waterfall .dp-pai:hover {
  border-bottom: 1px solid #c57f5b;
}
.happ .dn-upper .waterfall .dp-pai:hover .dp-picture .img1 {
  transform: scale(1.05);
}
.happ .dn-upper .waterfall .dp-pai .dp-picture {
  overflow: hidden;
}
.happ .dn-upper .waterfall .dp-pai .dp-picture .img1 {
  display: block;
  width: 100%;
  transition: all 0.6s ease;
}
.happ .dn-upper .waterfall .dp-pai .dp-word {
  padding: 1.30208333vw 0 1.5625vw;
}
.happ .dn-upper .waterfall .dp-pai .dp-word .dp-ti1 {
  font-size: 20px;
  color: #333333;
}
.happ .dn-upper .waterfall .dp-pai .dp-word .dp-intr1 {
  line-height: 24px;
  margin: 0.78125vw 0 0;
}
.happ .dn-upper .waterfall .dp-pai .dp-word .dp-ti2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1.82291667vw 0 0;
}
.happ-detail-upper .dn-lower {
  border-top: 1px solid #e6e6e6;
}
.happ-detail-lower .com-content {
  display: flex;
}
.happ-detail-lower .dn-left {
  width: 35.25641026%;
  color: #333333;
}
.happ-detail-lower .dn-right {
  flex: 1;
}
.engin-engin {
  position: relative;
}
.engin-engin .com-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.engin-engin .dn-left {
  width: 51.28205128%;
  display: flex;
  justify-content: center;
}
.engin-engin .dn-left .img1 {
  width: 66.25%;
}
.engin-engin .dn-right {
  width: 41.66666667vw;
  color: #FFFFFF;
}
.engin-cooper .dn-lower .swiper1 {
  overflow: visible;
}
.engin-cooper .dn-lower .swiper1 .swiper-slide {
  width: 12.5%;
  height: 5.625vw;
  border: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1px 0 0 -1px;
  transition: all 0.6s ease;
}
.engin-cooper .dn-lower .swiper1 .swiper-slide:hover {
  box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.3);
}
.engin-cooper .dn-lower .swiper1 .swiper-slide .img1 {
  max-width: 90%;
  max-height: 90%;
}
.engin-serv {
  position: relative;
}
.engin-serv .com-content {
  position: relative;
  z-index: 5;
}
.engin-serv .dn-lower .swiper1 {
  overflow: visible;
}
.engin-serv .dn-lower .swiper1 .swiper-slide {
  width: 25%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFFFFF;
  padding: 1.5625vw;
  height: 30.72916667vw;
  margin: -1px 0 0 -1px;
  transition: all 0.6s ease;
}
.engin-serv .dn-lower .swiper1 .swiper-slide:hover {
  background-color: #FFFFFF;
  color: #333333;
  box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.3);
  z-index: 5;
}
.engin-serv .dn-lower .swiper1 .swiper-slide:hover .dp-icon {
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #c57f5b;
}
.engin-serv .dn-lower .swiper1 .swiper-slide:hover .dp-word .dp-intr1 {
  display: block;
}
.engin-serv .dn-lower .swiper1 .swiper-slide .dp-icon {
  width: 3.75vw;
  height: 3.75vw;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.engin-serv .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
  font-size: 1.5625vw;
}
.engin-serv .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
  font-size: 20px;
  margin: 2.60416667vw 0 0;
}
.engin-serv .dn-lower .swiper1 .swiper-slide .dp-word .dp-intr1 {
  line-height: 24px;
  margin: 0.52083333vw 0 0;
  display: none;
}
.attr-new .dn-lower .swiper1 {
  overflow: visible;
}
.attr-new .dn-lower .swiper1 .swiper-slide {
  width: 31.33333333%;
  margin: 0 1%;
  border: 1px solid #e6e6e6;
  border-radius: 0.3125vw;
  text-align: center;
  padding: 1.5625vw 0;
  transition: all 0.3s ease;
}
.attr-new .dn-lower .swiper1 .swiper-slide:hover {
  background-color: #c57f5b;
  border: 1px solid #c57f5b;
  color: #FFFFFF;
  box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.3);
  transform: translateY(-0.625vw);
}
.attr-new .dn-lower .swiper1 .swiper-slide:hover .dp-icon {
  background-color: #FFFFFF;
}
.attr-new .dn-lower .swiper1 .swiper-slide .dp-icon {
  width: 4.42708333vw;
  height: 4.42708333vw;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c57f5b;
  margin: auto;
}
.attr-new .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
  font-size: 2.08333333vw;
}
.attr-new .dn-lower .swiper1 .swiper-slide .dp-word {
  margin: 1.30208333vw 0 0;
  font-size: 16px;
}
.attr-brand {
  position: relative;
}
.attr-brand .dn-lower {
  overflow: hidden;
}
.attr-brand .dn-lower .swiper1 {
  overflow: visible;
}
.attr-brand .dn-lower .swiper1 .swiper-slide {
  width: 19%;
  height: 15.36458333vw;
  margin: 0 0.5%;
  border-radius: 0.26041667vw;
  background-color: #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.6s ease;
  padding: 0 0.52083333vw;
}
.attr-brand .dn-lower .swiper1 .swiper-slide:hover {
  transform: translateY(-0.78125vw);
}
.attr-brand .dn-lower .swiper1 .swiper-slide:hover .dp-icon2 {
  opacity: 1;
}
.attr-brand .dn-lower .swiper1 .swiper-slide .dp-icon {
  color: #999999;
}
.attr-brand .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
  font-size: 2.08333333vw;
}
.attr-brand .dn-lower .swiper1 .swiper-slide .dp-word {
  font-size: 20px;
  color: #333333;
  margin: 1.04166667vw 0 0;
}
.attr-brand .dn-lower .swiper1 .swiper-slide .dp-icon2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.30208333vw;
  color: #FFFFFF;
  opacity: 0;
  transition: all 0.3s ease;
}
.attr-brand .dn-lower .swiper1 .swiper-slide .dp-icon2 .iconfont {
  font-size: 1.5625vw;
}
.attr-people {
  position: relative;
}
.attr-people .dn-upper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.attr-people .dn-upper .dp-left {
  width: 41.66666667%;
  display: flex;
  justify-content: center;
}
.attr-people .dn-upper .dp-left .img1 {
  width: 75.38461538%;
}
.attr-people .dn-upper .dp-right {
  flex: 1;
  padding: 0 0 0 3.90625vw;
}
.attr-people .dn-upper .dp-right .dp-bot {
  margin: 1.66666667vw 0 0;
}
.attr-people .dn-upper .dp-right .dp-bot .swiper1 .swiper-slide {
  width: auto;
  margin: 0 3%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  padding: 0.78125vw 0;
  font-size: 16px;
}
.attr-people .dn-upper .dp-right .dp-bot .swiper1 .swiper-slide .iconfont {
  font-size: 30px;
  color: #c57f5b;
  margin: 0 4.16666667vw 0 -10px;
}
.attr-people .dn-upper .dp-right .dp-bot .swiper2 {
  color: #FFFFFF;
}
.attr-people .dn-upper .dp-right .dp-bot .swiper2 .swiper-slide {
  margin: 0 0 1.5625vw;
  font-size: 16px;
}
.attr-people .dn-upper .dp-right .dp-bot .swiper2 .swiper-slide .dp-ti1 {
  font-size: 20px;
}
.attr-people .dn-upper .dp-right .dp-bot .swiper2 .swiper-slide .dp-intr1 {
  opacity: 0.7;
  margin: 0.26041667vw 0 0;
}
.attr-stren {
  position: relative;
}
.attr-stren .dn-lower .swiper1 .swiper-slide {
  width: 24%;
  margin: 0 0.5%;
  border-radius: 0.26041667vw;
  background-color: #FFFFFF;
  padding: 3.125vw 1.5625vw;
}
.attr-stren .dn-lower .swiper1 .swiper-slide .dp-icon {
  width: 3.75vw;
  height: 3.75vw;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.attr-stren .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
  font-size: 1.66666667vw;
  color: #c57f5b;
}
.attr-stren .dn-lower .swiper1 .swiper-slide .dp-word {
  margin: 1.5625vw 0 0;
}
.attr-join .dn-lower {
  padding-left: 4.16666667vw;
  padding-right: 4.16666667vw;
  position: relative;
}
.attr-join .dn-lower .com-swiper-button-all .swiper-button {
  color: #dddddd;
}
.attr-join .dn-lower .com-swiper-button-all .swiper-prev {
  left: 0;
}
.attr-join .dn-lower .com-swiper-button-all .swiper-next {
  right: 0;
}
.attr-join .dn-lower .swiper1 {
  height: 320px;
}
.attr-join .dn-lower .swiper1:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 1px solid #dddddd;
  width: 100%;
}
.attr-join .dn-lower .swiper1 .swiper-slide {
  width: 20%;
  display: flex;
}
.attr-join .dn-lower .swiper1 .swiper-slide:nth-of-type(even) {
  flex-direction: column-reverse;
}
.attr-join .dn-lower .swiper1 .swiper-slide:nth-of-type(even) .dp-nei {
  flex-direction: column-reverse;
}
.attr-join .dn-lower .swiper1 .swiper-slide:nth-of-type(even) .dp-bot {
  flex-direction: column-reverse;
  margin: 0 0 -7px;
}
.attr-join .dn-lower .swiper1 .swiper-slide:hover .dp-top {
  border: 1px dashed #c57f5b;
}
.attr-join .dn-lower .swiper1 .swiper-slide:hover .dp-top .top-nei {
  background-color: #c57f5b;
  color: #FFFFFF;
}
.attr-join .dn-lower .swiper1 .swiper-slide .dp-nei {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.attr-join .dn-lower .swiper1 .swiper-slide .dp-top {
  color: #888888;
  text-align: center;
  height: 120px;
  border: 1px dashed #dddddd;
  border-radius: 4px;
  padding: 8px;
  transition: all 0.6s ease;
}
.attr-join .dn-lower .swiper1 .swiper-slide .dp-top .top-nei {
  background-color: #dddddd;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.6s ease;
}
.attr-join .dn-lower .swiper1 .swiper-slide .dp-top .dp-num1 {
  font-size: 24px;
}
.attr-join .dn-lower .swiper1 .swiper-slide .dp-top .dp-intr1 {
  font-size: 16px;
  margin: 3px 0 0;
}
.attr-join .dn-lower .swiper1 .swiper-slide .dp-bot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: -7px 0 0;
}
.attr-join .dn-lower .swiper1 .swiper-slide .dp-bot b {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #acacac;
  border: 4px solid #dddddd;
}
.attr-join .dn-lower .swiper1 .swiper-slide .dp-bot i {
  height: 30px;
  border-left: 1px dashed #dddddd;
}
.serv-problem .dn-lower .swiper1 {
  overflow: visible;
}
.serv-problem .dn-lower .swiper1 .swiper-slide {
  width: 48%;
  border-bottom: 1px solid #e6e6e6;
  padding: 0.625vw 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.6s ease;
}
.serv-problem .dn-lower .swiper1 .swiper-slide:hover {
  border-bottom: 1px solid #c57f5b;
}
.serv-problem .dn-lower .swiper1 .swiper-slide:hover .dp-intr1 {
  color: #c57f5b;
}
.serv-problem .dn-lower .swiper1 .swiper-slide .dp-intr1 {
  font-size: 16px;
  color: #000000;
  flex: 1;
}
.serv-problem .dn-lower .swiper1 .swiper-slide .iconfont {
  font-size: 1.875vw;
}
.serv-problem .dp-button {
  display: flex;
  justify-content: center;
}
.serv-support .dn-lower .swiper1 {
  overflow: visible;
}
.serv-support .dn-lower .swiper1 .swiper-wrapper {
  justify-content: space-between;
}
.serv-support .dn-lower .swiper1 .swiper-slide {
  border: 1px solid #e6e6e6;
  padding: 1.5625vw;
  width: 15.625vw;
  transition: all 0.6s ease;
}
.serv-support .dn-lower .swiper1 .swiper-slide.swiper-slide-active {
  width: calc(100% - (300 / 1920 * 100vw) * 3 - (50 / 1920 * 100vw) * 3);
  box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.2);
}
.serv-support .dn-lower .swiper1 .swiper-slide.swiper-slide-active .dp-picture {
  color: #c57f5b;
}
.serv-support .dn-lower .swiper1 .swiper-slide .dp-picture {
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.23958333vw;
}
.serv-support .dn-lower .swiper1 .swiper-slide .dp-picture .iconfont {
  font-size: 4.16666667vw;
}
.serv-support .dn-lower .swiper1 .swiper-slide .dp-word {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid #e6e6e6;
  padding: 1.30208333vw 0 0;
}
.serv-support .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
  font-size: 0.9375vw;
  color: #333333;
}
.serv-support .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti2 {
  font-size: 0.83333333vw;
  margin: 0.26041667vw 0 0;
}
.appointment .dn-center .swiper1 .swiper-wrapper {
  justify-content: space-around;
  align-items: center;
}
.appointment .dn-center .swiper1 .swiper-slide {
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.appointment .dn-center .swiper1 .swiper-slide .iconfont2 {
  font-size: 2.08333333vw;
  font-weight: bold;
}
.appointment .dn-center .swiper1 .swiper-slide .iconfont1 {
  font-size: 3.64583333vw;
}
.appointment .dn-center .swiper1 .swiper-slide.swiper-slide-active {
  color: #000000;
}
.appointment .dn-center .swiper1 .swiper-slide.swiper-slide-active + .swiper-slide {
  color: #000000;
}
.appointment .dn-center .swiper1 .swiper-slide .dp-word {
  font-size: 16px;
}
.appointment .dn-center .swiper1 .swiper-slide .dp-word2 {
  color: #888888;
  max-width: 158px;
  text-align: center;
  margin: 5px 0 0;
}
.appointment .dn-lower .form1 {
  width: 450px;
  margin: auto;
}
.appointment .dn-lower .form1 .swiper1 .swiper-slide {
  margin: 0.41666667vw 0;
}
.appointment .dn-lower .form1 .swiper1 .swiper-slide.slide-code {
  display: flex;
  align-items: center;
}
.appointment .dn-lower .form1 .swiper1 .swiper-slide.slide-code .input1 {
  flex: 1;
}
.appointment .dn-lower .form1 .swiper1 .swiper-slide .a-code {
  height: 41px;
  width: 130px;
  background-color: #000000;
  color: #FFFFFF;
  margin: 0 0 0 1.04166667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.appointment .dn-lower .form1 .swiper1 .swiper-slide .button1 {
  height: 38px;
  width: 100%;
  background-color: #c57f5b;
  color: #FFFFFF;
  font-size: 16px;
  cursor: pointer;
}
.appointment .dn-lower .form2 {
  width: 1140px;
  margin: auto;
}
.appointment .dn-lower .form2 .swiper1 .swiper-wrapper {
  justify-content: space-between;
}
.appointment .dn-lower .form2 .swiper1 .slide1 {
  display: flex;
  margin: 5px 0;
  width: 49%;
}
.appointment .dn-lower .form2 .swiper1 .slide1.slide-100 {
  width: 100%;
  justify-content: center;
}
.appointment .dn-lower .form2 .swiper1 .slide1.slide-xi {
  border: 1px solid #dddddd;
}
.appointment .dn-lower .form2 .swiper1 .slide1 .dp-word {
  padding: 0 10px 0 18px;
  border-right: 1px solid #dddddd;
  height: 16px;
  line-height: 16px;
  margin: 11px 0 0;
}
.appointment .dn-lower .form2 .swiper1 .slide1 .dp-input {
  flex: 1;
}
.appointment .dn-lower .form2 .swiper1 .slide1 .dp-input .layui-input,
.appointment .dn-lower .form2 .swiper1 .slide1 .dp-input .layui-textarea {
  border: none;
}
.appointment .dn-lower .form2 .swiper1 .slide1 .button1 {
  width: 450px;
  height: 45px;
  background-color: #c57f5b;
  color: #FFFFFF;
  cursor: pointer;
  margin: 1.5625vw auto 0;
}
.appointment .dn-lower .form2 .swiper1 .slide1 .layui-form-radioed * {
  color: #c57f5b;
}
.activi {
  background-color: #f9f9f9;
}
.activi .dn-center {
  margin: 5.72916667vw 0 0;
  background-color: #FFFFFF;
  padding: 3.38541667vw;
}
.activi .dn-center .swiper1 .slide1 {
  margin: 1.30208333vw 0;
}
.activi .dn-center .swiper1 .slide1 .dp-top {
  display: flex;
  align-items: center;
  padding: 0 0 0.83333333vw;
  margin: 0 0 1.35416667vw;
  border-bottom: 1px solid #e1e1e1;
}
.activi .dn-center .swiper1 .slide1 .dp-top i {
  width: 2.60416667vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  background-image: linear-gradient(#ce5e57, #942e31);
  border-top-left-radius: 0.83333333vw;
  border-bottom-right-radius: 0.83333333vw;
}
.activi .dn-center .swiper1 .slide1 .dp-top b {
  color: #333333;
  margin: 0 0 0 1.35416667vw;
}
.activi .dn-lower {
  margin: 3.125vw 0 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.activi .dn-lower .iconfont {
  color: #c57f5b;
  font-size: 3.125vw;
}
.activi .dn-lower .dp-ti1 {
  font-size: 16px;
  margin: 0.26041667vw 0 0;
}
.activi-appointment .com-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.activi-appointment .com-content .dn-left .dp-ti2 {
  font-size: 16px;
  color: #888888;
  margin: 0.41666667vw 0 0;
}
.activi-appointment .com-content .dn-right {
  width: 59.61538462%;
}
.culture-mission {
  position: relative;
}
.culture-mission .dn-upper {
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.culture-mission .dn-upper .com-ti-34 {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 0.9375vw 3.90625vw;
  margin: 2.08333333vw 0 0;
}
.culture-mission .dn-lower {
  display: flex;
  justify-content: center;
}
.culture-mission .dn-lower .img1 {
  width: 35.15625vw;
  margin: 0 0 -2.08333333vw;
}
.culture-sense {
  position: relative;
}
.culture-sense .dn-lower .swiper1 .swiper-wrapper {
  justify-content: center;
}
.culture-sense .dn-lower .swiper1 .swiper-slide {
  width: 14.0625vw;
  height: 14.0625vw;
  border: 1px solid #dddddd;
  border-radius: 41.66666667vw;
  display: flex;
  align-items: center;
  margin: 0 -0.78125vw;
  transition: background-color 1s ease;
}
.culture-sense .dn-lower .swiper1 .swiper-slide.swiper-slide-active {
  width: calc(100% - 270 / 1920 * 100vw * 4);
  background-color: #c57f5b;
  z-index: 5;
}
.culture-sense .dn-lower .swiper1 .swiper-slide.swiper-slide-active * {
  color: #FFFFFF !important;
}
.culture-sense .dn-lower .swiper1 .swiper-slide.swiper-slide-active .dp-picture {
  border-right: 1px dashed rgba(255, 255, 255, 0.5);
  width: 9.89583333vw;
}
.culture-sense .dn-lower .swiper1 .swiper-slide.swiper-slide-active .dp-picture .icon-2 {
  display: none;
}
.culture-sense .dn-lower .swiper1 .swiper-slide.swiper-slide-active .dp-word {
  display: block;
}
.culture-sense .dn-lower .swiper1 .swiper-slide:last-of-type .dp-picture .icon-2 {
  display: none;
}
.culture-sense .dn-lower .swiper1 .swiper-slide .dp-picture {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.83333333vw;
  color: #333333;
}
.culture-sense .dn-lower .swiper1 .swiper-slide .dp-picture .icon-1 {
  color: #c57f5b;
  font-size: 2.60416667vw;
}
.culture-sense .dn-lower .swiper1 .swiper-slide .dp-picture p {
  margin: 0.52083333vw 0 0;
}
.culture-sense .dn-lower .swiper1 .swiper-slide .dp-picture .icon-2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9375vw;
  right: 0.26041667vw;
}
.culture-sense .dn-lower .swiper1 .swiper-slide .dp-word {
  display: none;
  flex: 1;
  text-align: center;
  font-size: 0.83333333vw;
  line-height: 1.25vw;
  padding: 0 2.34375vw;
}
.news-upper .dn-upper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dddddd;
}
.news-upper .dn-lower .swiper1 .swiper-slide {
  display: flex;
  align-items: center;
}
.news-upper .dn-lower .swiper1 .swiper-slide .dp-picture {
  width: 34.375vw;
  height: 22.39583333vw;
}
.news-upper .dn-lower .swiper1 .swiper-slide .dp-word {
  flex: 1;
  margin: 0 0 0 4.16666667vw;
}
.news-upper .dn-lower .swiper1 .swiper-slide .dp-word .com-ti-18 {
  color: #999999;
}
.news-upper .dn-lower .swiper1 .swiper-slide .dp-word .com-ti-32 {
  margin: 1.04166667vw 0 0;
  color: #333333;
}
.news-upper .dn-lower .swiper1 .swiper-slide .dp-word .com-richtext-2 {
  margin: 1.5625vw 0 0;
}
.news-upper .dn-lower .swiper1 .swiper-slide .dp-word .dp-button {
  margin: 3.38541667vw 0 0;
}
.news-lower .com-content {
  display: flex;
  border-top: 1px solid #dddddd;
}
.news-lower .com-content .dn-left {
  width: 70.51282051%;
  border-right: 1px solid #dddddd;
  padding: 0 2.60416667vw 0 0;
  margin: 0 2.60416667vw 0 0;
}
.news-lower .com-content .dn-left .swiper1 .swiper-slide {
  border-bottom: 1px solid #dddddd;
  transition: all 0.3s ease;
}
.news-lower .com-content .dn-left .swiper1 .swiper-slide:hover {
  border-bottom: 4px solid #c57f5b;
}
.news-lower .com-content .dn-left .swiper1 .swiper-slide:hover .dp-word .com-ti-24 {
  color: #c57f5b;
}
.news-lower .com-content .dn-left .swiper1 .swiper-slide .com-size-all {
  display: flex;
  align-items: center;
  padding: 2.60416667vw 0;
}
.news-lower .com-content .dn-left .swiper1 .swiper-slide .dp-time1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: -0.52083333vw 2.86458333vw 0 0;
}
.news-lower .com-content .dn-left .swiper1 .swiper-slide .dp-time1 .com-ti-36 {
  color: #333333;
  font-weight: bold;
}
.news-lower .com-content .dn-left .swiper1 .swiper-slide .dp-time1 .dp-year1 {
  font-size: 16px;
}
.news-lower .com-content .dn-left .swiper1 .swiper-slide .dp-word {
  flex: 1;
}
.news-lower .com-content .dn-left .swiper1 .swiper-slide .dp-word .com-ti-24 {
  color: #333333;
}
.news-lower .com-content .dn-left .swiper1 .swiper-slide .dp-word .com-richtext-2 {
  margin: 0.625vw 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news-lower .com-content .dn-right {
  flex: 1;
}
.news-lower .com-content .dn-right .dp-lower .swiper1 .swiper-slide {
  margin: 0.625vw 0;
}
.news-lower .com-content .dn-right .dp-lower .swiper1 .swiper-slide .dp-picture {
  height: 12.76041667vw;
}
.news-lower .com-content .dn-right .dp-lower .swiper1 .swiper-slide .dp-word {
  text-align: center;
  font-size: 16px;
  padding: 0.78125vw 0;
}
.join {
  position: relative;
  z-index: 5;
}
.join .dn-form {
  z-index: 5;
  position: relative;
}
.join .dn-form .swiper1 {
  overflow: visible;
}
.join .dn-form .swiper1 .swiper-slide {
  width: calc((100% - 500 / 1920 * 100vw - 120 / 1920 * 100vw) / 3);
  padding: 0 0.52083333vw;
}
.join .dn-form .swiper1 .swiper-slide:first-of-type {
  width: 26.04166667vw;
}
.join .dn-form .swiper1 .swiper-slide:last-of-type {
  width: 6.25vw;
}
.join .dn-form .swiper1 .swiper-slide .layui-input,
.join .dn-form .swiper1 .swiper-slide select {
  height: 50px;
  background-color: #f4f4f4;
}
.join .dn-form .swiper1 .swiper-slide .button1 {
  height: 50px;
  width: 100%;
  color: #FFFFFF;
  cursor: pointer;
  background-color: #c57f5b;
}
.join .dn-form .swiper1 .swiper-slide .button1 .iconfont {
  font-size: 24px;
}
.join .dn-center .swiper1 {
  overflow: visible;
}
.join .dn-center .swiper1 .slide1 {
  border: 1px solid #e6e6e6;
  margin: 0.9375vw 0;
}
.join .dn-center .swiper1 .slide1.swiper-slide-active .dp-top,
.join .dn-center .swiper1 .slide1:hover .dp-top {
  background-color: #c57f5b;
}
.join .dn-center .swiper1 .slide1.swiper-slide-active .dp-top *,
.join .dn-center .swiper1 .slide1:hover .dp-top * {
  color: #FFFFFF !important;
}
.join .dn-center .swiper1 .slide1.swiper-slide-active .dp-top .dp-operation .icon-jia {
  display: none;
}
.join .dn-center .swiper1 .slide1.swiper-slide-active .dp-top .dp-operation .icon-jian {
  display: block;
}
.join .dn-center .swiper1 .slide1 .dp-top {
  padding: 1.5625vw 2.60416667vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.6s ease;
}
.join .dn-center .swiper1 .slide1 .dp-top .dp-job1 {
  font-size: 20px;
  color: #c57f5b;
}
.join .dn-center .swiper1 .slide1 .dp-top .dp-intr1 {
  display: flex;
  align-items: center;
}
.join .dn-center .swiper1 .slide1 .dp-top .dp-intr1 p {
  border-right: 1px solid #e6e6e6;
  padding: 0 1.5625vw;
  height: 16px;
  line-height: 16px;
}
.join .dn-center .swiper1 .slide1 .dp-top .dp-intr1 p:last-of-type {
  border-right: none;
}
.join .dn-center .swiper1 .slide1 .dp-top .dp-operation .iconfont {
  font-size: 30px;
}
.join .dn-center .swiper1 .slide1 .dp-top .dp-operation .icon-jian {
  display: none;
}
.join .dn-center .swiper1 .slide1 .dp-bot {
  padding: 2.60416667vw 2.60416667vw 5.72916667vw;
  border-top: 1px solid #e6e6e6;
  display: none;
}
.join .dn-center .swiper1 .slide1 .dp-bot .swiper2 {
  overflow: visible;
}
.join .dn-center .swiper1 .slide1 .dp-bot .swiper2 .slide2 {
  width: 50%;
  padding: 0 3.64583333vw 0 0;
}
.join .dn-center .swiper1 .slide1 .dp-bot .swiper2 .slide2:last-of-type {
  width: 100%;
}
.join .dn-center .swiper1 .slide1 .dp-bot .swiper2 .slide2 .dp-ti1 {
  font-size: 20px;
  color: #333333;
}
.join .dn-center .swiper1 .slide1 .dp-bot .swiper2 .slide2 .dp-intr1 {
  font-size: 15px;
  line-height: 30px;
  text-align: justify;
  margin: 0.78125vw 0 0;
}
.join .dn-center .swiper1 .slide1 .dp-bot .swiper2 .slide2 .dp-button {
  display: flex;
  justify-content: flex-end;
  margin: 1.5625vw 0 0;
}
.join-layer {
  width: 72.91666667vw;
  padding: 1.5625vw 3.125vw;
  display: none;
}
.join-layer .swiper1 .wrapper1 {
  flex-wrap: wrap;
  justify-content: space-between;
}
.join-layer .swiper1 .slide1 {
  width: 31.33333333%;
  margin: 0.52083333vw 0;
}
.join-layer .swiper1 .slide1.slide-100 {
  width: 100%;
}
.join-layer .swiper1 .slide1.slide1-ti1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.join-layer .swiper1 .slide1.slide1-ti1 .dp-close {
  cursor: pointer;
}
.join-layer .swiper1 .slide1.slide1-ti1 .dp-close .iconfont {
  font-size: 1.45833333vw;
}
.join-layer .swiper1 .slide1.slide1-code .dp-xia {
  display: flex;
  align-items: center;
}
.join-layer .swiper1 .slide1.slide1-button .dp-xia {
  display: flex;
  align-items: center;
}
.join-layer .swiper1 .slide1.slide1-button .dp-xia .com-button-a-3 {
  cursor: pointer;
  width: 11.97916667vw;
  height: 2.91666667vw;
  margin: 0 0 0 0.83333333vw;
}
.join-layer .swiper1 .slide1.slide1-button .dp-xia .com-button-a-3:last-of-type {
  background-color: #e6e6e6;
  color: #333333;
}
.join-layer .swiper1 .slide1 .dp-sha {
  color: #000000;
  font-size: 0.83333333vw;
}
.join-layer .swiper1 .slide1 .dp-xia {
  margin: 0.3125vw 0 0;
}
.join-layer .swiper1 .slide1 .dp-xia .layui-input,
.join-layer .swiper1 .slide1 .dp-xia select {
  width: 100%;
  height: 2.08333333vw;
}
.join-layer .swiper1 .slide1 .dp-xia .layui-textarea {
  height: 8.33333333vw;
}
.join-layer .swiper1 .slide1 .dp-xia select {
  background-color: #f9f9f9;
}
.join-layer .swiper1 .slide1 .dp-xia .img-code1 {
  height: 2.08333333vw;
  cursor: pointer;
  margin: 0 0 0 0.41666667vw;
}