@charset "utf-8";
@import '//at.alicdn.com/t/font_2354768_opayz04p01.css';
.width-auto {
  width: auto;
}
.width-0 {
  width: 0;
}
.width-50 {
  width: 50%;
}
.width-70 {
  width: 70%;
}
.width-90 {
  width: 90%;
}
.width-100 {
  width: 100%;
}
.max-width-50 {
  max-width: 50%;
}
.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%;
}
.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;
}
.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;
}
.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%;
}
.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;
}
.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-po-ab-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;
}
@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInUp1 {
  animation-name: fadeInUp1;
}
@keyframes fadeInLeft1 {
  0% {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInLeft1 {
  animation-name: fadeInLeft1;
}
@keyframes fadeInRight1 {
  0% {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInRight1 {
  animation-name: fadeInRight1;
}
@keyframes zoomIn1 {
  0% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }
}
.zoomIn1 {
  -webkit-animation-name: zoomIn1;
  animation-name: zoomIn1;
}
.bshare-custom {
  display: flex;
  align-items: center;
  height: 36px;
}
.bshare-custom a {
  padding-left: 0 !important;
  height: auto !important;
  background: none !important;
  text-decoration: none !important;
  font-size: 20px;
  margin: 0 5px !important;
  color: #333333 !important;
}
.bsBox {
  box-sizing: content-box;
}
.com-background-color-3 {
  background-color: #f4f4f4;
}
.layui-btn {
  background-color: #2795d3;
}
.com-ban-cnti1 {
  font-size: 2.70833333vw;
}
.com-enti1 {
  font-size: 2.70833333vw;
  color: #333333;
  text-transform: uppercase;
}
.com-cnti1 {
  font-size: 1.97916667vw;
  color: #333333;
}
.com-cnti1.com-cnti1-fff {
  color: #FFFFFF;
}
.com-more1 {
  text-transform: uppercase;
}
.com-top-1 {
  padding-top: 5.72916667vw;
}
.com-top-2 {
  padding-top: 3.90625vw;
}
.com-bot-1 {
  padding-bottom: 6.77083333vw;
}
.com-bot-2 {
  padding-bottom: 2.1875vw;
}
.com-bot-3 {
  padding-bottom: 3.90625vw;
}
.com-richtext1 {
  font-size: 16px;
  line-height: 34px;
  text-align: justify;
}
.com-xi1 {
  width: 36px;
  height: 5px;
  background-color: #e8e8e8;
  margin: 1.875vw 0;
}
.com-classi1 .swiper-slide {
  width: auto;
  padding: 10px 20px;
  font-size: 16px;
  transition: all 0.3s ease;
  margin: 0 10px 0 0;
}
.com-classi1 .swiper-slide.active,
.com-classi1 .swiper-slide:hover {
  background-image: linear-gradient(#e10c83, #1b96d5);
  color: #FFFFFF;
}
.com-fenye1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.com-fenye1 a {
  padding: 10px 20px;
  font-size: 16px;
  transition: all 0.3s ease;
  margin: 0 10px;
}
.com-fenye1 a.active,
.com-fenye1 a:hover {
  background-image: linear-gradient(#e10c83, #1b96d5);
  color: #FFFFFF;
}
.com-btn1 {
  width: 180px;
  height: 50px;
  background-image: linear-gradient(#e10c83, #1b96d5);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.com-form1 {
  border: 1px solid #e8e8e8;
  height: 52px;
  display: inline-flex;
  align-items: center;
}
.com-form1 .inp1 {
  width: 19.01041667vw;
  height: 100%;
  padding: 0 0 0 1vw;
}
.com-form1 .btn1 {
  width: 3.33333333vw;
  height: 100%;
  background-color: transparent;
  cursor: pointer;
}
.com-form1 .btn1 i {
  font-size: 20px;
}
.com-conta1 {
  width: 80.20833333%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 2;
}
.com-conta2 {
  width: 92.70833333%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 2;
}
.com-conta3 {
  width: 75.41666667%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 2;
}
.com-conta4 {
  width: 68.75%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 2;
}
.com-conta-left {
  padding-left: 15.625%;
}
.com-conta-right {
  padding-right: 7.8125%;
}
.com-conta-right2 {
  padding-right: 4.16666667%;
}
.com-ban1 {
  height: 36.97916667vw;
}
.com-ban1 .sw1 .swiper-slide .com-conta-all {
  display: flex;
  align-items: center;
  color: #FFFFFF;
}
.com-ban1 .sw1 .swiper-slide.swiper-slide-active .com-obj-fit-cov {
  animation: zoomIn1 5s 0.2s linear both;
}
.com-ban1 .sw1 .swiper-slide.swiper-slide-active .dp-wen {
  animation: fadeInUp1 0.9s 0.3s ease both;
}
.com-swiper-pagination1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.34375vw 1.14583333vw;
}
.com-swiper-pagination1 .swiper-pagination-bullet {
  width: 10px;
  height: 4px;
  border-radius: inherit;
  background: #cccccc;
  opacity: 1;
  margin: 0 5px;
  outline: none;
  transition: all 0.3s ease;
}
.com-swiper-pagination1 .swiper-pagination-bullet-active {
  background-color: #8287c1;
  width: 30px;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.com-header {
  background-color: #FFFFFF;
  position: relative;
  z-index: 101;
  height: 105px;
  line-height: 105px;
  color: #333333;
  border-bottom: 1px solid #e8e8e8;
}
.com-header .header-logo .com-size-all {
  display: flex;
  align-items: center;
}
.com-header .header-logo .com-size-all .dp-p1 {
  font-size: 1.25vw;
  margin: 0 0 0 0.78125vw;
}
.com-header .header-nav .sw1 {
  overflow: visible;
}
.com-header .header-nav .sw1 .swiper-slide {
  width: auto;
  margin: 0 1.5vw;
}
@media screen and (min-width: 768px) {
  .com-header .header-nav .sw1 .swiper-slide:hover .dp-bot {
    display: flex;
    animation: fadeInUp1 0.3s ease both;
  }
}
.com-header .header-nav .sw1 .swiper-slide .dp-top a {
  display: block;
  font-size: 15px;
  color: #333333;
  position: relative;
}
.com-header .header-nav .sw1 .swiper-slide .dp-top a:before {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  background: #8287c1;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
}
.com-header .header-nav .sw1 .swiper-slide .dp-top i {
  display: none;
  font-size: 6vw;
}
.com-header .header-nav .sw1 .swiper-slide .dp-bot {
  position: absolute;
  top: 100%;
  background-color: #FFFFFF;
  left: 50%;
  width: 200vw;
  margin-left: -100vw;
  line-height: 40px;
  padding: 10px 0;
  display: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  justify-content: center;
}
.com-header .header-nav .sw1 .swiper-slide .dp-bot a {
  margin: 0 10px;
}
.com-header .header-nav .sw1 .swiper-slide .dp-bot a:hover {
  color: #8287c1;
}
.com-header .header-nav .sw1 .swiper-slide.active .dp-top a,
.com-header .header-nav .sw1 .swiper-slide:hover .dp-top a {
  color: #8287c1;
}
.com-header .header-nav .sw1 .swiper-slide.active .dp-top a:before,
.com-header .header-nav .sw1 .swiper-slide:hover .dp-top a:before {
  width: 100%;
}
.com-header .header-fr {
  display: flex;
  align-items: center;
}
.com-header .header-fr .header-sear {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.com-header .header-fr .header-sear i {
  font-size: 20px;
  margin: 0 10px 0 0;
}
.com-header .header-fr .header-sear .header-layer-sear {
  display: none;
}
.com-header .header-fr .header-menu {
  margin: 0 0 0 2vw;
  display: none;
}
.com-header .header-fr .header-menu i {
  font-size: 5.06666667vw;
}
.com-header .header-fr .header-menu .icon-close {
  display: none;
}
.com-header .header-fr .header-menu.active .icon-open {
  display: none;
}
.com-header .header-fr .header-menu.active .icon-close {
  display: block;
}
.layui-form2 {
  display: flex;
  align-items: center;
}
.layui-form2 .layui-input {
  width: 140px;
}
.layui-form2 .layui-btn {
  padding: 0;
  margin: 0 0 0 6px;
}
.com-footer {
  padding-bottom: 3.64583333vw;
  color: #000000;
}
.com-footer a {
  color: #000000;
}
.com-footer .com-conta-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 4px solid #000000;
  border-bottom: 1px solid #cccccc;
  padding-top: 1.5625vw;
  padding-bottom: 1.875vw;
}
.com-footer .dp-left .dp1 {
  font-size: 18px;
  font-weight: bold;
}
.com-footer .dp-left .form1 .inp1 {
  display: block;
  width: 18.75vw;
  height: 30px;
  border: 1px solid #cccccc;
  padding: 0 0 0 10px;
  margin: 10px 0 10px;
}
.com-footer .dp-left .form1 .btn1 {
  width: 80px;
  height: 35px;
  background-color: #000000;
  color: #FFFFFF;
}
.com-footer .dp-middle .sw1 {
  overflow: visible;
}
.com-footer .dp-middle .sw1 .swiper-slide {
  width: auto;
  margin: 0 0.78125vw;
}
.com-footer .dp-middle .sw1 .swiper-slide .layui-collapse {
  border: none;
}
.com-footer .dp-middle .sw1 .swiper-slide .layui-colla-item {
  width: 166px;
  position: relative;
  border: 1px solid #cccccc;
}
.com-footer .dp-middle .sw1 .swiper-slide .layui-colla-title {
  background-color: transparent;
  padding: 0 35px 0 15px;
}
.com-footer .dp-middle .sw1 .swiper-slide .layui-colla-content {
  position: absolute;
  bottom: calc(100% + 2px);
  left: 0;
  width: 100%;
  background-color: #f4f4f4;
  padding: 4px 15px;
}
.com-footer .dp-middle .sw1 .swiper-slide .layui-colla-content a {
  display: block;
  padding: 5px 0;
}
.com-footer .dp-middle .sw1 .swiper-slide .layui-colla-content a:not(:last-of-type) {
  border-bottom: 1px solid #cccccc;
}
.com-footer .dp-middle .sw1 .swiper-slide .layui-colla-icon {
  left: auto;
  right: 15px;
}
.inde-ban1 {
  height: calc(100vh - 105px);
}
.inde-ban1 .sw1 .swiper-slide .com-conta-all {
  color: #FFFFFF;
  display: flex;
  align-items: center;
}
.inde-ban1 .sw1 .swiper-slide .com-conta-all a {
  color: #FFFFFF;
}
.inde-ban1 .sw1 .swiper-slide .dp-cnti1 {
  font-size: 3.54166667vw;
}
.inde-ban1 .sw1 .swiper-slide .dp-enti1 {
  font-size: 1.5625vw;
  line-height: 2.1875vw;
  text-transform: uppercase;
  margin: 0.9375vw 0 4.6875vw;
}
.inde-ban1 .sw1 .swiper-slide .dp-more1 {
  font-size: 16px;
}
.inde-ban1 .sw1 .swiper-slide.swiper-slide-active .com-obj-fit-cov {
  animation: zoomIn1 5s 0.2s linear both;
}
.inde-ban1 .sw1 .swiper-pagination {
  bottom: 2.60416667vw;
  width: auto;
  left: 15.625%;
}
.inde-ban1 .sw1 .swiper-pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  opacity: 1;
  margin-right: 1.82291667vw;
  background-color: transparent;
  color: #FFFFFF;
  position: relative;
  outline: none;
  display: inline-flex;
  align-items: center;
}
.inde-ban1 .sw1 .swiper-pagination .swiper-pagination-bullet:after {
  content: '';
  width: 10px;
  height: 1px;
  background-color: #FFFFFF;
  margin: 0 0 0 10px;
  transition: all 0.3s ease;
}
.inde-ban1 .sw1 .swiper-pagination .swiper-pagination-bullet-active:after {
  width: 30px;
}
.inde-prod {
  overflow: hidden;
}
.inde-prod .dn-lower .sw1 {
  overflow: visible;
}
.inde-prod .dn-lower .sw1 .swiper-slide {
  width: 23%;
  margin: 0 1%;
  color: #FFFFFF;
  padding: 2.86458333vw 0 0.78125vw 1.66666667vw;
  transition: all 0.3s ease;
}
.inde-prod .dn-lower .sw1 .swiper-slide:nth-of-type(4n+1) {
  background-color: #6d0812;
}
.inde-prod .dn-lower .sw1 .swiper-slide:nth-of-type(4n+2) {
  background-color: #6979a2;
}
.inde-prod .dn-lower .sw1 .swiper-slide:nth-of-type(4n+3) {
  background-color: #0f2543;
}
.inde-prod .dn-lower .sw1 .swiper-slide:nth-of-type(4n+4) {
  background-color: #d2ad00;
}
.inde-prod .dn-lower .sw1 .swiper-slide:hover {
  box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.6);
}
.inde-prod .dn-lower .sw1 .swiper-slide:hover .dp-picture .com-size-all {
  transform: scale(1.05);
}
.inde-prod .dn-lower .sw1 .swiper-slide .dp-word {
  font-size: 1.04166667vw;
  display: inline-flex;
  align-items: flex-end;
}
.inde-prod .dn-lower .sw1 .swiper-slide .dp-word b {
  font-size: 1.5625vw;
  text-transform: uppercase;
  margin: 0 1.5625vw 0 0;
}
.inde-prod .dn-lower .sw1 .swiper-slide .dp-picture {
  height: 22.39583333vw;
  margin: 1.14583333vw 0 0.83333333vw 0;
  overflow: hidden;
}
.inde-prod .dn-lower .sw1 .swiper-slide .dp-picture .com-size-all {
  transition: all 0.3s ease;
}
.inde-about * {
  color: #FFFFFF !important;
}
.inde-about .dp-left {
  width: 48.29931973%;
}
.inde-about .dp-left .dp-intr1 {
  opacity: 0.8;
  margin: 1.66666667vw 0 3.125vw;
}
.inde-about .dp-left .dp-more1 {
  display: flex;
  align-items: center;
}
.inde-about .dp-left .dp-more1 b {
  width: 60px;
  height: 1px;
  background-color: #8287c1;
  margin: 0 15px 0 0;
}
.inde-about .dp-right .sw1 {
  width: 10.15625vw;
}
.inde-about .dp-right .sw1 .swiper-slide {
  text-align: center;
  height: auto;
}
.inde-about .dp-right .sw1 .swiper-slide .dp1 {
  font-size: 2.60416667vw;
  font-weight: bold;
}
.inde-about .dp-right .sw1 .swiper-slide .dp2 {
  margin: 5px 0 10px;
}
.inde-about .dp-right .sw1 .swiper-slide fieldset {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.inde-about .dp-right .sw1 .swiper-slide fieldset i {
  font-size: 26px;
}
.inde-solu .dn-lower .sw1 .swiper-slide {
  display: inline-flex;
  height: 36.97916667vw;
  width: 80px;
  transition: all 0.3s ease;
}
.inde-solu .dn-lower .sw1 .swiper-slide:nth-of-type(5n+1) .dp-left {
  background-color: #6979a2;
}
.inde-solu .dn-lower .sw1 .swiper-slide:nth-of-type(5n+2) .dp-left {
  background-color: #0d3942;
}
.inde-solu .dn-lower .sw1 .swiper-slide:nth-of-type(5n+3) .dp-left {
  background-color: #0f2543;
}
.inde-solu .dn-lower .sw1 .swiper-slide:nth-of-type(5n+4) .dp-left {
  background-color: #d2ad00;
}
.inde-solu .dn-lower .sw1 .swiper-slide:nth-of-type(5n+5) .dp-left {
  background-color: #d8d5d0;
}
.inde-solu .dn-lower .sw1 .swiper-slide.active .dp-right {
  display: inline-flex;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-left {
  overflow: hidden;
  width: 80px;
  font-size: 1.04166667vw;
  color: #FFFFFF;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-left b {
  position: absolute;
  transform: rotate(90deg);
  display: block;
  width: 27.08333333vw;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-right {
  width: calc(100% - 80px);
  display: none;
  align-items: center;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-picture1 {
  width: 43.03278689%;
  height: 100%;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word {
  width: 42.21311475%;
  margin: 0 0 0 5.90163934%;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-sha {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 3.125vw 0 8.33333333vw;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-sha .dp-picture2 {
  width: 5.20833333vw;
  height: 5.20833333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-sha .dp-picture2 .img1 {
  max-width: 100%;
  max-height: 100%;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-sha .dp2 {
  color: #000000;
  font-size: 1.875vw;
  text-transform: uppercase;
  margin: 1.5625vw 0 0;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-sha .dp3 {
  font-size: 1.5625vw;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-xia {
  padding: 0.52083333vw 0 0;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-xia .dp1 {
  font-size: 1.04166667vw;
  line-height: 1.875vw;
}
.inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-xia .dp-more1 {
  margin: 3.90625vw 0 0;
}
.inde-news {
  overflow: hidden;
}
.inde-news .dn-center .sw1 {
  overflow: visible;
}
.inde-news .dn-center .sw1 .swiper-slide {
  width: 48%;
  margin: 0 1%;
  background-color: #f4f4f4;
  padding: 2.08333333vw 0 2.08333333vw 2.5vw;
  display: inline-flex;
  justify-content: space-between;
  transition: all 0.3s ease;
}
.inde-news .dn-center .sw1 .swiper-slide:hover {
  box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.4);
}
.inde-news .dn-center .sw1 .swiper-slide:hover .dp-picture .com-size-all {
  transform: scale(1.05);
}
.inde-news .dn-center .sw1 .swiper-slide .dp-word {
  width: 44.17391304%;
  height: 22.65625vw;
  color: #333333;
}
.inde-news .dn-center .sw1 .swiper-slide .dp-word .dp-sha {
  height: calc(100% - 80px);
}
.inde-news .dn-center .sw1 .swiper-slide .dp-word .dp-sha .dp1 {
  color: #000000;
  font-weight: bold;
}
.inde-news .dn-center .sw1 .swiper-slide .dp-word .dp-sha .dp2 {
  font-size: 1.5625vw;
  line-height: 2.5vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.inde-news .dn-center .sw1 .swiper-slide .dp-word .dp-xia {
  height: 80px;
  line-height: 24px;
  padding: 30px 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  border-top: 1px solid #000000;
}
.inde-news .dn-center .sw1 .swiper-slide .dp-picture {
  height: 22.65625vw;
  width: 47.82608696%;
  overflow: hidden;
}
.inde-news .dn-center .sw1 .swiper-slide .dp-picture .com-size-all {
  transition: all 0.3s ease;
}
.about-intr .dn-lower .sw1 {
  overflow: visible;
}
.about-intr .dn-lower .sw1 .swiper-slide {
  width: 29.33333333%;
  margin: 0 2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  padding: 0.52083333vw 0;
  transition: all 0.3s ease;
}
.about-intr .dn-lower .sw1 .swiper-slide:hover {
  transform: translateY(-0.52083333vw);
  border-top: 1px solid #8287c1;
  border-bottom: 1px solid #8287c1;
}
.about-intr .dn-lower .sw1 .swiper-slide .dp-left .dp-time1 {
  display: inline-flex;
  align-items: flex-end;
}
.about-intr .dn-lower .sw1 .swiper-slide .dp-left .dp-time1 b {
  font-size: 3.22916667vw;
  background: linear-gradient(to bottom, #c1599d, #8387c1);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
}
.about-intr .dn-lower .sw1 .swiper-slide .dp-left .dp-time1 i {
  width: 20px;
  height: 20px;
  background-color: #2795d3;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translateY(-0.5vw);
  font-size: 13px;
}
.about-intr .dn-lower .sw1 .swiper-slide .dp-left .dp-ti1 {
  font-size: 16px;
  color: #333333;
}
.about-intr .dn-lower .sw1 .swiper-slide .dp-right .iconfont {
  font-size: 3.64583333vw;
  background: linear-gradient(to bottom, #dc1c87, #768bc5);
  -webkit-background-clip: text;
  color: transparent;
}
.layui-layer-content .img1,
.layui-layer-content .com-obj-fit-cov {
  height: 80vh;
  width: auto;
}
.about-cult .dn-lower .sw1 {
  overflow: visible;
}
.about-cult .dn-lower .sw1 .swiper-slide {
  width: 28.57142857%;
  margin-bottom: 1.04166667vw;
  margin-right: 1.04166667vw;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  padding: 2.08333333vw;
  padding-bottom: 3.125vw;
  transition: all 0.3s ease;
}
.about-cult .dn-lower .sw1 .swiper-slide:hover {
  transform: scale(1.02);
}
.about-cult .dn-lower .sw1 .swiper-slide:nth-of-type(2) {
  margin-right: 28.57142857%;
}
.about-cult .dn-lower .sw1 .swiper-slide:nth-last-child(2) {
  margin-left: auto;
}
.about-cult .dn-lower .sw1 .swiper-slide .dp-left .dp-ti1 {
  color: #333333;
  font-size: 24px;
}
.about-cult .dn-lower .sw1 .swiper-slide .dp-left .com-xi1 {
  margin: 0.52083333vw 0 2.1875vw;
}
.about-cult .dn-lower .sw1 .swiper-slide .dp-left .dp-intr1 {
  font-size: 16px;
}
.about-cult .dn-lower .sw1 .swiper-slide .dp-right .img1 {
  height: 1.875vw;
}
.about-honor .dn-lower .sw1 .swiper-slide {
  width: 31.73333333%;
  margin: 0 0.8%;
  cursor: pointer;
}
.about-honor .dn-lower .sw1 .swiper-slide:hover .dp-picture .img1 {
  transform: scale(1.05);
}
.about-honor .dn-lower .sw1 .swiper-slide .dp-picture {
  height: 16.92708333vw;
  background-color: #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.about-honor .dn-lower .sw1 .swiper-slide .dp-picture .img1 {
  max-width: 90%;
  max-height: 90%;
  transition: all 0.3s ease;
}
.about-honor .dn-lower .sw1 .swiper-slide .dp-word {
  text-align: center;
  font-size: 18px;
  color: #333333;
  margin: 1.35416667vw;
}
.about-envir .dn-lower .sw1 .swiper-slide {
  height: 15.625vw;
  width: 32.33333333%;
  margin: 0 0.5%;
  cursor: pointer;
}
.about-envir .dn-lower .sw1 .swiper-slide:hover .dp-picture .com-obj-fit-cov {
  transform: scale(1.05);
}
.about-envir .dn-lower .sw1 .swiper-slide .dp-picture {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
.about-envir .dn-lower .sw1 .swiper-slide .dp-picture .com-obj-fit-cov {
  transition: all 0.3s ease;
}
.about-envir .dn-lower .dp-bot {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2.08333333vw 0 0;
}
.about-envir .dn-lower .dp-bot .swiper-button {
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease;
}
.about-envir .dn-lower .dp-bot .swiper-button:hover {
  color: #8287c1;
}
.about-envir .dn-lower .dp-bot .swiper-button .iconfont {
  font-size: 1.66666667vw;
}
.news .dn-upper2 .sw1 {
  overflow: visible;
}
.news .dn-upper2 .sw1 .swiper-slide {
  width: 29.33333333%;
  margin: 0 2%;
  transition: all 0.3s ease;
}
.news .dn-upper2 .sw1 .swiper-slide:hover {
  box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.4);
}
.news .dn-upper2 .sw1 .swiper-slide:hover .dp-picture .com-obj-fit-cov {
  transform: scale(1.05);
}
.news .dn-upper2 .sw1 .swiper-slide .dp-picture {
  height: 12.29166667vw;
  overflow: hidden;
}
.news .dn-upper2 .sw1 .swiper-slide .dp-picture .com-obj-fit-cov {
  transition: all 0.3s ease;
}
.news .dn-upper2 .sw1 .swiper-slide .dp-word {
  padding: 2.08333333vw 1.5625vw;
  background-color: #f4f4f4;
  color: #999999;
}
.news .dn-upper2 .sw1 .swiper-slide .dp-word .dp-ti1 {
  color: #333333;
  font-size: 22px;
  margin: 0.72916667vw 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news .dn-upper2 .sw1 .swiper-slide .dp-word .dp-intr1 {
  line-height: 24px;
  text-align: justify;
}
.news .dn-center .sw1 .swiper-slide {
  width: 44%;
  margin: 0 3%;
  padding: 1.77083333vw 0 1.5625vw;
  display: inline-flex;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.3s ease;
}
.news .dn-center .sw1 .swiper-slide:hover {
  border-bottom: 1px solid #2795d3;
}
.news .dn-center .sw1 .swiper-slide:hover .dp-word .dp-ti1 {
  color: #2795d3;
}
.news .dn-center .sw1 .swiper-slide:nth-of-type(1),
.news .dn-center .sw1 .swiper-slide:nth-of-type(2) {
  border-top: 1px solid #e8e8e8;
}
.news .dn-center .sw1 .swiper-slide .dp-word {
  color: #999999;
  width: calc(100% - 100px);
}
.news .dn-center .sw1 .swiper-slide .dp-word .dp-ti1 {
  color: #333333;
  font-size: 22px;
  margin: 0.72916667vw 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}
.news .dn-center .sw1 .swiper-slide .dp-word .dp-intr1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news .dn-center .sw1 .swiper-slide .dp-y {
  width: 100px;
  text-align: right;
}
.news-detail .dn-upper {
  border-bottom: 1px solid #cccccc;
}
.news-detail .dn-upper .bshare-custom a {
  margin: 0 10px !important;
  color: #999999 !important;
}
.news-detail .dn-center2 {
  position: relative;
}
.news-detail .dn-center2 .sw1 .swiper-slide {
  height: 31.25vw;
}
.news-detail .dn-center2 .swiper-btn-all .swiper-btn {
  position: absolute;
  z-index: 2;
  width: 54px;
  height: 54px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease;
}
.news-detail .dn-center2 .swiper-btn-all .swiper-btn:hover {
  background-color: #8287c1;
  color: #FFFFFF;
}
.news-detail .dn-center2 .swiper-btn-all .swiper-btn i {
  font-size: 24px;
}
.news-detail .dn-center2 .swiper-btn-all .swiper-prev {
  left: -26px;
}
.news-detail .dn-center2 .swiper-btn-all .swiper-next {
  right: -26px;
}
.news-detail .dn-lower .com-btn1 {
  margin: 0 20px;
}
.news-detail .dn-lower .com-btn1-back {
  background-color: #cccccc;
  color: #FFFFFF;
  background-image: none;
}
.product .dn-left {
  width: 252px;
}
.product .dn-left .sw1 {
  height: auto;
  background-color: #FFFFFF;
  padding: 2.08333333vw 0 2.08333333vw 3.125vw;
}
.product .dn-left .sw1 .swiper-slide {
  height: auto;
  margin: 0.78125vw 0;
}
.product .dn-left .sw1 .swiper-slide .dp-top {
  font-size: 18px;
}
.product .dn-left .sw1 .swiper-slide .dp-top a {
  color: #333333;
}
.product .dn-left .sw1 .swiper-slide .dp-top a.active {
  font-weight: bold;
}
.product .dn-left .sw1 .swiper-slide .dp-bot {
  line-height: 30px;
  margin: 0.52083333vw 0 0;
  display: none;
}
.product .dn-left .sw1 .swiper-slide .dp-bot a {
  display: block;
  color: #333333;
}
.product .dn-left .sw1 .swiper-slide .dp-bot a.active {
  font-weight: bold;
}
.product .dn-right {
  width: calc(100% - 252px - 4.4vw);
}
.product .dn-right .dn-upper .sw1 {
  overflow: visible;
}
.product .dn-right .dn-upper .sw1 .swiper-slide {
  width: 48%;
  margin: 0 1% 2.5%;
  background-color: #FFFFFF;
  transition: all 0.3s ease;
}
.product .dn-right .dn-upper .sw1 .swiper-slide:hover {
  box-shadow: 0 0 1.5625vw rgba(0, 0, 0, 0.4);
  transform: scale(1.02);
}
.product .dn-right .dn-upper .sw1 .swiper-slide .dp-word {
  padding: 1.5625vw 2.08333333vw;
  color: #333333;
}
.product .dn-right .dn-upper .sw1 .swiper-slide .dp-word .dp-ti1 {
  font-size: 1.5625vw;
}
.product .dn-right .dn-upper .sw1 .swiper-slide .dp-word .dp-more1 {
  text-align: right;
  margin: 3.90625vw 0 0;
  text-transform: uppercase;
}
.product .dn-right .dn-upper .sw1 .swiper-slide .dp-picture {
  height: 16.40625vw;
}
.product-det-intr .dn-left {
  width: 45.06493506%;
  height: 22.65625vw;
}
.product-det-intr .dn-right {
  width: 47.79220779%;
  max-height: 22.65625vw;
  overflow-y: auto;
  padding-right: 5px;
}
.product-det-scene .dn-lower .sw1 .swiper-slide {
  width: 31.33333333%;
  margin: 0 1%;
  height: 26.5625vw;
}
.product-det-scene .dn-lower .sw1 .swiper-slide .dp-word {
  position: absolute;
  width: 100%;
  padding: 1.5625vw 1.875vw;
  bottom: 0;
  left: 0;
  z-index: 2;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
}
.problem .dn-upper .sw1 {
  overflow: visible;
}
.problem .dn-upper .sw1 .swiper-slide {
  margin: 5px 0;
  border: 1px solid #e8e8e8;
  transition: all 0.3s ease;
}
.problem .dn-upper .sw1 .swiper-slide.active .dp-top {
  background-color: #e8e8e8;
}
.problem .dn-upper .sw1 .swiper-slide.active .dp-top .dp-y i {
  transform: none;
}
.problem .dn-upper .sw1 .swiper-slide:hover {
  border: 1px solid #2795d3;
  box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.2);
}
.problem .dn-upper .sw1 .swiper-slide .dp-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.30208333vw 2.34375vw;
  cursor: pointer;
}
.problem .dn-upper .sw1 .swiper-slide .dp-top .dp-z {
  font-size: 20px;
  color: #333333;
  width: calc(100% - 60px);
}
.problem .dn-upper .sw1 .swiper-slide .dp-top .dp-z .dp-list {
  display: inline-flex;
  align-items: center;
}
.problem .dn-upper .sw1 .swiper-slide .dp-top .dp-z .dp-list .dp-pai:not(:first-of-type) {
  color: #999999;
  font-size: 15px;
  margin: 0 0 0 8.125vw;
}
.problem .dn-upper .sw1 .swiper-slide .dp-top .dp-y {
  width: 60px;
  text-align: right;
}
.problem .dn-upper .sw1 .swiper-slide .dp-top .dp-y i {
  font-size: 26px;
  transform: rotate(180deg);
  display: inline-block;
  transition: all 0.3s ease;
}
.problem .dn-upper .sw1 .swiper-slide .dp-bot {
  line-height: 30px;
  text-align: justify;
  border-top: 1px solid #e8e8e8;
  padding: 2.60416667vw 2.34375vw 7.55208333vw;
  display: none;
}
.problem .dn-upper .sw1 .swiper-slide .dp-bot .btn-join {
  width: 140px;
  height: 45px;
  background-color: #000000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  cursor: pointer;
}
.service .com-conta-all {
  border-top: 1px solid #cccccc;
}
.service .dn-lower .sw1 {
  overflow: visible;
  width: 116%;
  margin-left: -8%;
}
.service .dn-lower .sw1 .swiper-slide {
  width: 25%;
  text-align: center;
  transition: all 0.3s ease;
}
.service .dn-lower .sw1 .swiper-slide:not(:last-of-type) {
  border-right: 1px solid #cccccc;
}
.service .dn-lower .sw1 .swiper-slide:hover .dp1 {
  transform: translateY(-0.78125vw);
  border: 1px solid #2795d3;
}
.service .dn-lower .sw1 .swiper-slide .dp1 {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  border: 1px solid #cccccc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.service .dn-lower .sw1 .swiper-slide .dp1 i {
  color: #333333;
  font-size: 30px;
}
.service .dn-lower .sw1 .swiper-slide .dp2 {
  color: #333333;
  font-size: 15px;
  margin: 16px 0 5px;
}
.service .dn-lower .sw1 .swiper-slide .dp3 {
  color: #999999;
  font-size: 13px;
}
.join {
  position: relative;
  z-index: 5;
}
.join .dn-upper {
  margin: 0 0 1.5625vw;
}
.join .dn-upper .layui-form .layui-inline {
  width: 24%;
  margin: 0 0.5%;
}
.join .dn-upper .layui-form .layui-inline .layui-input,
.join .dn-upper .layui-form .layui-inline .layui-select,
.join .dn-upper .layui-form .layui-inline .layui-textarea,
.join .dn-upper .layui-form .layui-inline .layui-btn {
  height: 46px;
}
.layui-form-select dl dd.layui-this {
  background-color: #2795d3;
}
.contact .dn-upper {
  position: relative;
}
.contact .dn-upper #allmap {
  height: 34.375vw;
}
.contact .dn-upper .map-infor {
  position: absolute;
  background-color: #FFFFFF;
  padding: 2.60416667vw;
  top: 50%;
  transform: translateY(-50%);
  left: 5.72916667vw;
  width: 24.47916667vw;
}
.contact .dn-upper .map-infor .sw1 .swiper-slide {
  display: inline-flex;
  align-items: center;
  margin: 1.04166667vw 0;
}
.contact .dn-upper .map-infor .sw1 .swiper-slide .dp-z {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid #cccccc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000000;
}
.contact .dn-upper .map-infor .sw1 .swiper-slide .dp-z i {
  font-size: 20px;
}
.contact .dn-upper .map-infor .sw1 .swiper-slide .dp-y {
  margin: 0 0 0 15px;
}
.contact .dn-upper .map-infor .sw1 .swiper-slide .dp-y .dp1 {
  font-size: 18px;
  color: #333333;
  margin: 0 0 4px;
}
.contact .dn-lower .sw1 .swiper-slide {
  width: 29.33333333%;
  margin: 1.77083333vw 2% 0;
  display: inline-flex;
  align-items: center;
  height: 56px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.contact .dn-lower .sw1 .swiper-slide:not(:last-of-type) {
  border: 1px solid #e8e8e8;
}
.contact .dn-lower .sw1 .swiper-slide:not(:last-of-type):hover {
  background-image: linear-gradient(#b568a7, #788ac5);
}
.contact .dn-lower .sw1 .swiper-slide:not(:last-of-type):hover * {
  color: #FFFFFF;
}
.contact .dn-lower .sw1 .swiper-slide span {
  width: 74px;
  text-align: center;
}
.contact .dn-lower .sw1 .swiper-slide .dp-fr {
  width: calc(100% - 74px);
  height: 100%;
  background-color: transparent;
}
.contact .dn-lower .sw1 .swiper-slide .com-btn1 {
  margin: 0;
  cursor: pointer;
  justify-content: space-between;
  padding: 0 15px;
}
.contact .dn-lower .sw1 .swiper-slide-long {
  width: 62.66666667%;
}
.contact .dn-lower .sw1 .swiper-slide-long span {
  width: 120px;
}
.contact .dn-lower .sw1 .swiper-slide-long .dp-fr {
  width: calc(100% - 120px);
}