@charset "UTF-8";
div,
span,
a,
i,
b,
strong,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol {
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
}

.hmsect-h2-hidden {
  font-size: 3rem;
  line-height: 1em;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -9;
}

@media (max-width: 991.98px) {
  .hmsect-h2-hidden {
    font-size: .5rem;
  }
}
/* 页面置灰 */
.page-gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
}

.page-gray * {
  filter: Gray;
  -webkit-filter: Gray;
  -o-filter: Gray;
  -ms-filter: Gray;
  -moz-filter: Gray;
}

/* loading页 */
.twentytwenty-container {
  -webkit-user-select: none;
  -moz-user-select: none;
}

.twentytwenty-handle {
  position: absolute;
  z-index: 40;
  bottom: 15%;
  left: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  margin-left: -22px;
  cursor: pointer;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  background: #fff;
  -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 6px inset transparent;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px;
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px;
}

.twentytwenty-left-arrow {
  left: 50%;
  margin-left: -17px;
  opacity: .2;
  border-right: 6px solid #333;
}

.twentytwenty-left-arrow:hover {
  opacity: 1;
}

.twentytwenty-right-arrow {
  right: 50%;
  margin-right: -17px;
  opacity: .2;
  border-left: 6px solid #333;
}

.twentytwenty-right-arrow:hover {
  opacity: 1;
}

.twentytwenty-up-arrow {
  top: 50%;
  margin-top: -17px;
  border-bottom: 6px solid white;
}

.twentytwenty-down-arrow {
  bottom: 50%;
  margin-bottom: -17px;
  border-top: 6px solid white;
}

.pload-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3000;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.pload-header-left {
  width: 50%;
  padding: 0 0 0 3.25rem;
  position: absolute;
  left: 0;
  top: 1.25rem;
  z-index: 3200;
  color: #fff;
  font-size: .7rem;
  line-height: 1rem;
}

.pload-hdleft-text1 {
  height: 2.2rem;
  margin-bottom: 2.5rem;
}

.pload-hdleft-text2 {
  font-size: 1.3rem;
  line-height: 1em;
  margin-bottom: 1.6rem;
}

.pload-hdleft-text3 {
  font-size: .9rem;
  line-height: 1em;
  padding: .5rem 0 0;
  position: relative;
}
.pload-hdleft-text3::before {
  content: '';
  display: block;
  width: 13rem;
  height: 1px;
  background-color: #fff;
  opacity: .2;
  position: absolute;
  left: 0;
  top: 0;
}

.pload-logo {
  position: absolute;
  right: 3.25rem;
  top: 1.25rem;
  z-index: 3200;
}
.pload-logo img {
  height: 2.2rem;
  display: block;
}

.pload-topbox {
  width: 100%;
  height: 100%;
  flex: 1;
  display: block;
  overflow: hidden;
  position: relative;
}

.pload-botox {
  width: 100%;
  height: 35px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex: none;
  font-size: 14px;
  line-height: 1.5em;
  color: #000;
}
.pload-botox .info::after {
  content: '|';
  margin: 0 10px;
}
.pload-botox .info:last-child::after {
  display: none;
}
.pload-botox a[href] {
  color: #0b57d0;
}

.pload-twenty-sect {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.pload-twenty-sect .bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.pload-twenty-sect .bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.pload-twenty-body {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  text-align: center;
}
.pload-twenty-body .box {
  width: 100%;
  position: relative;
}
.pload-twenty-body .title {
  font-size: 2rem;
  line-height: 1.4em;
  margin-bottom: 1.25rem;
}
.pload-twenty-body .word {
  font-size: .9rem;
  line-height: 1.25em;
  margin-bottom: 2rem;
}
.pload-twenty-body .tool {
  width: 100%;
  display: flex;
  justify-content: center;
}
.pload-twenty-body .btn {
  height: 2.8rem;
  width: 10.25rem;
  font-size: .8rem;
  border-radius: 1.4rem;
}

.pload-twenty-before {
  z-index: 20;
}
.pload-twenty-before .pload-twenty-body {
  color: #fff;
}

.pload-twenty-after {
  z-index: 10;
}
.pload-twenty-after .pload-twenty-body {
  left: unset;
  right: 0;
  color: #000;
}

body.show-pload {
  overflow: hidden;
}
body.show-pload .pload-box {
  transition: none;
  -webkit-transition: none;
  transform: none;
  -webkit-transform: none;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

@media (min-width: 992px) {
  .pload-botox a[href]:hover {
    color: #000;
  }
}
@media (max-width: 991.98px) {
  .pload-header-left {
    padding: 0 .4rem;
    top: .5rem;
    font-size: .28rem;
    line-height: .4rem;
  }

  .pload-hdleft-text1 {
    height: .66rem;
    margin-bottom: .6rem;
  }

  .pload-hdleft-text2 {
    font-size: 1em;
    line-height: inherit;
    margin-bottom: .2rem;
  }

  .pload-hdleft-text3 {
    font-size: .24rem;
    line-height: 1.4em;
    padding: .2rem 0 0;
  }
  .pload-hdleft-text3::before {
    width: 100%;
  }

  .pload-logo {
    right: .4rem;
    top: .5rem;
  }
  .pload-logo img {
    height: .66rem;
  }

  .pload-twenty-body .box {
    padding: 0 0.4rem;
  }
  .pload-twenty-body .title {
    font-size: .28rem;
    margin-bottom: .2rem;
  }
  .pload-twenty-body .word {
    font-size: .24rem;
    margin-bottom: .6rem;
    white-space: nowrap;
  }
  .pload-twenty-body .btn {
    width: 100%;
    height: .92rem;
    font-size: .28rem;
    border-radius: .46rem;
  }

  .pload-botox {
    height: auto;
    padding: 0.2rem 0.4rem;
    font-size: .28rem;
    line-height: 1.5em;
    text-align: center;
  }

  .pload-copy {
    width: 100%;
  }
  .pload-copy::after {
    display: none;
  }
}
.p-home .header {
  transition: background 0.3s;
  -webkit-transition: background 0.3s;
}
.p-home .head-place {
  display: none !important;
}
.p-home.head-opacity .header {
  background-color: transparent !important;
}

@media (min-width: 992px) {
  .p-home .head-navlist {
    transition: all .5s;
    width: 100%;
    overflow: hidden;
  }
  .p-home .head-menu_open {
    opacity: 0;
    pointer-events: none;
  }
  .p-home.hide-headnav .head-navlist {
    width: 0;
  }
  .p-home.hide-headnav .head-menu_open {
    opacity: 1;
    pointer-events: auto;
  }
}
/* 公共 */
.wp-block-image {
  margin: 0;
}

.s-heading_h2,
h2.s-heading {
  font-size: 3rem;
  line-height: 1em;
  color: #000;
}

.s-heading_h3,
h3.s-heading {
  font-size: 1.4rem;
  line-height: 1.25em;
}

.s-heading_h4,
h4.s-heading {
  font-size: 1.2rem;
  line-height: 1.25em;
}

.s-heading_h5,
h5.s-heading {
  font-size: 0.9rem;
  line-height: 1.5em;
}

.s-heading_h6,
h6.s-heading {
  font-size: 0.8rem;
  line-height: 1.5em;
}

.s-doc {
  font-size: 0.8rem;
  line-height: 1.5em;
  color: #666;
}

.home-sect {
  width: 100%;
  position: relative;
}

.hmsect-header {
  text-align: center;
  margin: 0 0 3.9rem;
}
.hmsect-header > * {
  width: 100%;
}
.hmsect-header .s-heading_h2 {
  width: 100%;
  font-weight: 300;
}
.hmsect-header .s-doc {
  max-width: 1160px;
  margin: 1em auto 0;
}

.hmsect-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.hmsect-bg > * {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.hmsect-bg figure {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.hmsect-bg video,
.hmsect-bg img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 991.98px) {
  .s-heading_h2 {
    font-size: .5rem;
    line-height: .66rem;
  }

  .s-doc {
    font-size: .24rem;
  }

  .hmsect-header {
    margin-bottom: .7rem;
  }
  .hmsect-header .s-doc {
    max-width: none;
    margin-top: .14rem;
  }
}
/* 锚点 */
.home-anchor {
  width: 100%;
  height: 10px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

/* 向下滚动 */
@keyframes scrollSvgBg {
  0% {
    transform: translateY(-105%);
  }
  60% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(300%);
  }
}
@keyframes scrollSvgText1 {
  0% {
    fill: #fff;
  }
  15% {
    fill: #000;
  }
  40% {
    fill: #000;
  }
  50% {
    fill: #fff;
  }
  60% {
    fill: #fff;
  }
  100% {
    fill: #fff;
  }
}
@keyframes scrollSvgText2 {
  0% {
    fill: #fff;
  }
  15% {
    fill: #fff;
  }
  40% {
    fill: #000;
  }
  50% {
    fill: #000;
  }
  60% {
    fill: #fff;
  }
  100% {
    fill: #fff;
  }
}
.home-scroll-tipbox {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 250;
  pointer-events: none;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.home-scroll-svg {
  width: 24px;
  height: 72px;
  display: block;
  position: relative;
}
.home-scroll-svg .st1 {
  fill: #000;
}
.home-scroll-svg .st2 {
  fill: #FABB05;
  transform: translateY(-105%);
  animation: scrollSvgBg 4s infinite  linear;
}
.home-scroll-svg .tt1 {
  fill: #fff;
  animation: scrollSvgText1 4s infinite  linear;
}
.home-scroll-svg .tt2 {
  fill: #fff;
  animation: scrollSvgText2 4s infinite  linear;
}

@media (max-width: 991.98px) {
  .home-scroll-tipbox {
    bottom: 1.2rem;
    display: none !important;
  }
}
/* 第一屏banner */
.hmban-sect .hmsect-h2-hidden {
  top: -1.5em;
}

.hmban-thumb-swip {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  opacity: 0;
}

.hmban-swip {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.hmban-swip .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hmban-item {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
}
.hmban-item::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(8, 8, 18, 0.7);
  pointer-events: none;
  opacity: 1;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  z-index: 50;
}
.hmban-item:last-child {
  margin-bottom: 0;
}
.hmban-item > .wp-block-group__inner-container {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.hmban-item .item-imgs {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  margin: 0;
}
.hmban-item .item-imgs img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  object-position: center center;
}
.hmban-item .item-body {
  width: 100%;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 21.3%;
  z-index: 20;
}
.hmban-item .item-title {
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 300;
}
.hmban-item .item-title span {
  opacity: 0;
  transition: all 1s;
  -webkit-transition: all 1s;
}
.hmban-item .item-desc {
  font-size: 0.8rem;
  line-height: 1.5em;
  opacity: 0;
  transition: all 1s;
  -webkit-transition: all 1s;
  letter-spacing: 0.05rem;
}
.hmban-item .conpany-name {
  font-size: 3rem;
  line-height: 1em;
  opacity: 0;
  transition: all 1s;
  -webkit-transition: all 1s;
  margin-bottom: 0.5rem;
  font-weight: 300;
}
.hmban-item .conpany-name > * {
  position: relative;
}
.hmban-item .conpany-name > *::after {
  content: '';
  display: block;
  width: 0;
  height: 30%;
  background-color: #fabb05;
  position: absolute;
  left: 0;
  top: 70%;
  z-index: -1;
  transition: width 0.4s ease;
  -webkit-transition: width 0.4s ease;
}
.hmban-item .btnbox {
  margin-top: 2.5rem;
  opacity: 0;
  transition: all 1s;
  -webkit-transition: all 1s;
}
.hmban-item.is-loaded .item-title span {
  opacity: 1;
  transition: all 2.5s 0.2s;
  -webkit-transition: all 2.5s 0.2s;
}
.hmban-item.is-loaded .item-title span.nodelay {
  transition: all 1s 0.2s;
  -webkit-transition: all 1s 0.2s;
}
.hmban-item.is-loaded .item-desc {
  opacity: 1;
  transition: all 2.5s 0.2s;
  -webkit-transition: all 2.5s 0.2s;
}
.hmban-item.is-loaded .conpany-name {
  opacity: 1;
  transition: all 2.5s 0.2s;
  -webkit-transition: all 2.5s 0.2s;
}
.hmban-item.is-loaded .btnbox {
  opacity: 1;
  transition: all 2.5s 0.25s;
  -webkit-transition: all 2.5s 0.25s;
}
.hmban-item.is-active::after {
  opacity: 0;
}
.hmban-item.is-active .conpany-name > *::after {
  width: 100%;
  transition-delay: 1;
  -webkit-transition-delay: 1s;
}
.hmban-item.is-active_after::after {
  display: none;
  opacity: 0;
  transition: none;
  -webkit-transition: none;
}

.hmban-subswip {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

body.sys-mac .hmban-item .conpany-name > *::after {
  top: 60%;
}

@media (max-width: 991.98px) {
  .hmban-item {
    margin-bottom: 0;
  }
  .hmban-item > * {
    height: 100%;
    position: relative;
  }
  .hmban-item .item-imgs {
    height: 100%;
  }
  .hmban-item .item-imgs img {
    height: 100% !important;
    object-fit: cover;
    object-position: center bottom;
  }
  .hmban-item .item-body {
    height: 100%;
    bottom: 0;
  }
  .hmban-item .item-body > .wp-block-group__inner-container {
    display: flex;
    justify-content: center;
  }
  .hmban-item .add-width {
    height: 55%;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0;
  }
  .hmban-item .item-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: .5rem;
    line-height: .68rem;
  }
  .hmban-item .item-text {
    font-size: .5rem;
    line-height: 1.4em;
    margin-bottom: .42rem;
    opacity: 0;
    transition: all 1s 0.2s;
    -webkit-transition: all 1s 0.2s;
    text-align: center;
  }
  .hmban-item .item-text p:nth-child(1) {
    color: #fabb05;
  }
  .hmban-item .item-desc {
    font-size: .24rem;
    line-height: 1.25em;
    letter-spacing: -0.01em;
    margin-top: -0.1em;
    text-align: center;
  }
  .hmban-item .btnbox {
    margin-top: .68rem;
    justify-content: flex-end;
  }
  .hmban-item .btn {
    width: 2.72rem;
    height: 0.76rem;
  }
  .hmban-item .conpany-name {
    font-size: 0.5rem;
    margin-bottom: .16rem;
  }
  .hmban-item .conpany-name > * {
    background: none;
  }
  .hmban-item .conpany-name > *::after {
    display: none !important;
  }
  .hmban-item.is-loaded .item-text, .hmban-item.is-active .item-text {
    opacity: 1;
  }
  .hmban-item.is-loaded .item-desc, .hmban-item.is-active .item-desc {
    opacity: 1;
    transition: all 1s 0.35s;
    -webkit-transition: all 1s 0.35s;
  }
  .hmban-item:nth-child(1) .item-text {
    line-height: 1em;
    margin-top: 1.64em;
    margin-bottom: .45rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 3.8em;
  }
  .hmban-item:nth-child(3) .item-text {
    padding: 0 0 calc(0.26rem + 2px);
    position: relative;
    margin-bottom: .35rem;
  }
  .hmban-item:nth-child(3) .item-text::after {
    content: '';
    display: block;
    width: 4em;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}
/* 关于我们 */
.hmabout-sect {
  width: 100%;
  height: 100vh;
  position: relative;
}

.hmabout-bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.hmabout-bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.hmabout-bg figure {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.hmabout-bg video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
}

.hmabout-layer1-sect {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  pointer-events: none;
}

.hmabout-layer1-svgbox {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: calc(100vh - 22vw);
  z-index: 21;
  transform-origin: 50% 50% !important;
  pointer-events: none;
}
.hmabout-layer1-svgbox > *,
.hmabout-layer1-svgbox .box {
  width: auto;
  position: relative;
  margin: 0;
  max-width: none;
}
.hmabout-layer1-svgbox img {
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center top;
  position: relative;
  z-index: 20;
}
.hmabout-layer1-svgbox .wp-block-image {
  margin: 0;
}
.hmabout-layer1-svgbox .svg {
  height: 10vw;
  display: block;
  position: relative;
  z-index: 20;
}
.hmabout-layer1-svgbox .place {
  height: 10vw;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -99;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
}
.hmabout-layer1-svgbox .place3 {
  height: 58.9%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: -99;
  opacity: 0;
  pointer-events: none;
}
.hmabout-layer1-svgbox .zhe {
  width: 120vw;
  height: 120vw;
  display: block;
  position: absolute;
  background-color: #fff;
  z-index: 1;
}
.hmabout-layer1-svgbox .zhe-top {
  bottom: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.hmabout-layer1-svgbox .zhe-bot {
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.hmabout-layer1-svgbox .zhe-left {
  right: calc(100% - 1px);
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.hmabout-layer1-svgbox .zhe-right {
  left: calc(100% - 1px);
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.hmabout-layer1-body {
  width: 100%;
  text-align: center;
  position: relative;
  padding: 22vw 0 0;
  z-index: 25;
  font-weight: inherit;
  pointer-events: auto;
}
.hmabout-layer1-body .title {
  height: 1.14em;
  font-size: 3rem;
  line-height: 1.14;
  color: #171a23;
  font-weight: inherit;
  width: 14.2vw;
  text-align: justify;
  text-align-last: justify;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  font-weight: 300;
}
.hmabout-layer1-body .title > * {
  width: 100%;
  display: block;
  position: relative;
}
.hmabout-layer1-body .word {
  font-size: 3rem;
  line-height: 1em;
  color: #000000;
  margin-top: 4rem;
  font-weight: inherit;
  width: 9.04em;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  white-space: nowrap;
  font-weight: 300;
}
.hmabout-layer1-body .doc {
  font-size: .8rem;
  line-height: 1.4rem;
  color: #000;
  margin-top: 0.8rem;
  width: 33.9em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-weight: inherit;
  text-align: justify;
  position: relative;
}
.hmabout-layer1-body .doc .p1 {
  position: relative;
  z-index: 5;
}
.hmabout-layer1-body .doc .p2 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 4px;
  z-index: 1;
  color: transparent;
}
.hmabout-layer1-body .doc .p2 code {
  background-image: linear-gradient(#fabb05, #fabb05);
  background-repeat: no-repeat;
  background-position: left 95%;
  background-size: 0 30%;
  transition: background-size 0.4s ease;
  -webkit-transition: background-size 0.4s ease;
  background-size: 0% 2px;
}

.hmabout-layer2-box {
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  padding: 13.5rem 0 8.5rem;
  padding: 9.5rem 0 9.5rem;
}
.hmabout-layer2-box > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hmabout-layer2-box > .wp-block-group__inner-container::before, .hmabout-layer2-box > .wp-block-group__inner-container::after {
  display: none;
}

.hmabout-layer2-sect1 {
  width: 750px;
  max-width: 100%;
  position: relative;
  transition-timing-function: linear !important;
  -webkit-transition-timing-function: linear !important;
}
.hmabout-layer2-sect1 .title {
  font-size: 3rem;
  line-height: 1.2em;
  opacity: 0;
  text-align: justify;
  text-align-last: justify;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  transform: scale(0.46);
  -webkit-transform: scale(0.46);
  font-weight: 300;
}
.hmabout-layer2-sect1 .title p {
  width: 100%;
}
.hmabout-layer2-sect1 .title code, .hmabout-layer2-sect1 .title span {
  color: #fabb05;
  font-size: 1.57em;
}
.hmabout-layer2-sect1 .title sup {
  font-size: 1em;
  zoom: .45;
  top: -1em;
  margin-left: 5px;
}
.hmabout-layer2-sect1 .doc {
  font-size: .8rem;
  line-height: 1.2rem;
  margin-top: 1.9rem;
  opacity: 0;
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
}
.hmabout-layer2-sect1 .doc code {
  color: #fabb05;
}
.hmabout-layer2-sect1 .btnbox {
  margin-top: 2.6rem;
  opacity: 0;
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
}

.hmabout-layer2-sect2 {
  width: 100%;
  flex: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.hmabout-layer2-sect2 > .wp-block-group__inner-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.hmabout-layer2-dataitem {
  opacity: 0;
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
}
.hmabout-layer2-dataitem .item-datas {
  font-size: 4.7rem;
  line-height: 1em;
  height: 1em;
  font-weight: 300;
}
.hmabout-layer2-dataitem .item-datas sup {
  font-size: 1em;
  zoom: .3;
  top: -1.5em;
  margin-left: 5px;
}
.hmabout-layer2-dataitem .item-title {
  font-size: .9rem;
  line-height: 1em;
  margin-top: 1rem;
  padding-left: .3em;
}

.hmabout-progress {
  width: 0;
  height: 5px;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -99;
  opacity: 0;
  visibility: hidden;
}

.hmabout-step1-loaded .hmabout-layer1-sect {
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}
.hmabout-step1-loaded .hmabout-layer1-sect::before {
  content: '';
  display: block;
  width: 100%;
  height: calc(4.4rem + 5px);
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 25;
}
.hmabout-step1-loaded .hmabout-layer1-sect::after {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 25;
}
.hmabout-step1-loaded .hmabout-layer1-svgbox {
  align-items: flex-end;
  transform-origin: center bottom !important;
  -webkit-transform-origin: center bottom !important;
}

.hmabout-step2-loaded .hmabout-layer1-sect::before {
  display: none;
}
.hmabout-step2-loaded .hmabout-layer2-sect1 .title {
  opacity: 1;
}

.hmabout-step4-loaded .hmabout-layer1-sect {
  opacity: 0;
}

@media (min-width: 992px) {
  .hmabout-layer1-body .word br {
    display: none;
  }

  .hmabout-layer2-sect1 .doc code {
    display: block;
  }

  .hmabout-step0-loaded .hmabout-layer1-body .doc code {
    background-size: 100% 2px !important;
    transition: all 1s;
    -webkit-transition: all 1s;
  }
}
@media (min-width: 992px) and (max-height: 750px) {
  .hmabout-layer2-box {
    padding: 6rem 0 4rem;
  }
}
@media (max-width: 991.98px) {
  .hmabout-layer1-svgbox {
    bottom: 56vh;
  }
  .hmabout-layer1-svgbox > *,
  .hmabout-layer1-svgbox .box {
    width: 5.1rem;
  }
  .hmabout-layer1-svgbox .svg {
    height: auto;
    width: 100%;
  }
  .hmabout-layer1-svgbox .place {
    height: 100%;
  }

  .hmabout-layer1-body {
    padding: 45vh 6vw 0;
    pointer-events: none;
  }
  .hmabout-layer1-body .title {
    width: 4.5rem;
    display: flex;
    justify-content: center;
    font-size: .5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .hmabout-layer1-body .title > * {
    width: 100%;
    text-align: justify;
    -webkit-text-align: justify;
    text-align-last: justify;
    -webkit-text-align-last: justify;
  }
  .hmabout-layer1-body .title::after {
    content: '';
    opacity: 0 !important;
    visibility: hidden;
    height: 0px;
    z-index: -9999;
    position: relative;
  }
  .hmabout-layer1-body .word {
    width: 4.5rem;
    text-align: justify;
    text-align-last: justify;
    font-size: .5rem;
    line-height: .66rem;
    margin-top: 0;
  }
  .hmabout-layer1-body .doc {
    font-size: .24rem;
    line-height: 1.5em;
    margin-top: .4rem;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
  }
  .hmabout-layer1-body .doc .p2 {
    top: 2px;
  }
  .hmabout-layer1-body .doc .p2 code {
    background-size: 0% 1px;
  }

  .hmabout-layer2-box {
    padding: 2.3rem 0 1.5rem;
  }
  .hmabout-layer2-box > .wp-block-group__inner-container {
    justify-content: center;
  }

  .hmabout-layer2-sect1 {
    width: 100%;
    max-width: none;
  }
  .hmabout-layer2-sect1 .title {
    font-size: 0.5rem;
    line-height: 0.66rem;
    white-space: nowrap;
  }
  .hmabout-layer2-sect1 .title code {
    font-size: 1.92em;
  }
  .hmabout-layer2-sect1 .title::after {
    content: '';
    opacity: 0 !important;
    visibility: hidden;
    height: 0px;
    z-index: -9999;
    position: relative;
  }
  .hmabout-layer2-sect1 .doc {
    font-size: .24rem;
    line-height: 1.5em;
    margin-top: 0.1rem;
    text-align: justify;
  }
  .hmabout-layer2-sect1 .btnbox {
    margin-top: 0.7rem;
  }

  .hmabout-layer2-sect2 {
    position: static;
    margin: 1.5rem 0 0;
  }
  .hmabout-layer2-sect2 > .wp-block-group__inner-container {
    margin-bottom: -.5rem;
    flex-wrap: wrap;
  }

  .hmabout-layer2-dataitem {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: .5rem;
    display: flex;
  }
  .hmabout-layer2-dataitem:nth-child(even) {
    justify-content: flex-end;
  }
  .hmabout-layer2-dataitem > * {
    width: auto;
    min-width: 1.94rem;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .hmabout-layer2-dataitem > *:not(.alignleft):not(.alignright):not(.alignfull) {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .hmabout-layer2-dataitem .item-datas {
    font-size: 0.96rem;
  }
  .hmabout-layer2-dataitem .item-datas sup {
    zoom: 1;
    font-size: 31.25%;
    top: -1.6em;
  }
  .hmabout-layer2-dataitem .item-title {
    font-size: .24rem;
    margin-top: 0.14rem;
  }

  .hmabout-step1-loaded .hmabout-layer1-sect::before {
    height: 5px;
  }

  .hmabout-step0-loaded .hmabout-layer1-body .doc code {
    background-size: 100% 1px !important;
    transition: all 1s;
    -webkit-transition: all 1s;
  }

  body.is-baidu .hmabout-layer1-svgbox > *,
  body.is-baidu .hmabout-layer1-svgbox .box {
    width: 5.7rem;
  }
  body.is-baidu .hmabout-layer1-body .title,
  body.is-baidu .hmabout-layer1-body .word {
    width: 5rem;
  }
  body.sys-mac .hmabout-layer1-body .doc .p2 {
    top: 0;
  }
}
/* 网站作品 */
.hmwork-sect {
  margin-bottom: 8rem;
}
.hmwork-sect.fixed-head .hmwork-header {
  position: fixed;
  left: 0;
  top: 0;
}

.hmwork-header {
  width: 100%;
  margin: 0;
  padding: 7.8rem 0 3.9rem;
  background-color: #fff;
  position: relative;
  z-index: 50;
}

.hmwork-list {
  margin: 0 -.6rem -3.6rem;
  flex-wrap: wrap !important;
  gap: unset;
}
.hmwork-list .item {
  padding: 0 0.6rem;
  margin-bottom: 3.6rem;
}
.hmwork-list .item:not(.is-loaded) {
  pointer-events: none;
}
.hmwork-list .item:not(.is-loaded) .item-title,
.hmwork-list .item:not(.is-loaded) .item-desc {
  opacity: .3;
}
.hmwork-list .item.is-loaded .item-media::after {
  opacity: 0;
}
.hmwork-list .item-box {
  width: 100%;
  display: block;
  position: relative;
}
.hmwork-list .item-media {
  width: 100%;
  padding: 49.43% 0 0;
  display: block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.hmwork-list .item-media figure {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.hmwork-list .item-media video,
.hmwork-list .item-media img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center center;
}
.hmwork-list .item-media::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(8, 8, 18, 0.8);
  pointer-events: none;
  opacity: 1;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  z-index: 50;
}
.hmwork-list .item-body {
  padding: 1.5rem 0 0;
}
.hmwork-list .item-title {
  font-size: 1.4rem;
  line-height: 1em;
  color: #000;
}
.hmwork-list .item-title > * {
  margin: 0 0.86em 0 0;
}
.hmwork-list .item-title > *:first-child {
  background-image: linear-gradient(#fabb05, #fabb05);
  background-repeat: no-repeat;
  background-position: left 95%;
  background-size: 0 30%;
  transition: background-size 0.4s ease;
  -webkit-transition: background-size 0.4s ease;
}
.hmwork-list .item-title > *:last-child {
  margin: 0;
}
.hmwork-list .item-desc {
  font-size: .8rem;
  line-height: 1.5em;
  color: #666;
  margin-top: .4rem;
}

.hmwork-bot {
  justify-content: center;
  margin-top: 3.7rem;
}

@media (min-width: 992px) {
  .hmwork-list .item:not(.item-video):hover .item-media .wp-block-image {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
  .hmwork-list .item:hover .item-title > * {
    background-size: 100% 30%;
  }
}
@media (max-width: 991.98px) {
  .hmwork-sect {
    margin-bottom: 1.9rem;
  }
  .hmwork-sect.fixed-head .hmwork-header {
    top: 1.2rem;
  }

  .hmwork-header {
    padding: 1.8rem 0 .7rem;
  }

  .hmwork-list {
    margin: 0 -0.1rem -0.7rem;
  }
  .hmwork-list .item {
    padding: 0 0.1rem;
    margin-bottom: .7rem;
  }
  .hmwork-list .item-body {
    padding: .24rem 0 0;
  }
  .hmwork-list .item-title {
    font-size: .38rem;
  }
  .hmwork-list .item-title > * {
    margin: 0 0.3rem 0 0;
  }
  .hmwork-list .item-desc {
    margin-top: .08rem;
    font-size: .24rem;
    line-height: .42rem;
  }

  .hmwork-bot {
    margin-top: .7rem;
  }
}
/* 伙伴客户 */
.hmclient-sect {
  width: 100%;
  height: 100vh;
  background-color: #000;
  position: relative;
  overflow: hidden;
  transform: scaleX(0.6);
  -webkit-transform: scaleX(0.6);
}

.hmclient-canvas {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.hmclient-canvas figure,
.hmclient-canvas canvas {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.hmclient-canvas video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
}

.hmclient-imgs {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0;
  transform: translateY(5vh);
  -webkit-transform: translateY(5vh);
}
.hmclient-imgs > .wp-block-group__inner-container,
.hmclient-imgs figure {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.hmclient-imgs img {
  width: 100vw !important;
  height: 100vh !important;
  display: block;
  object-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.hmclient-imgs .bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.hmclient-imgs .client img {
  object-fit: contain;
  height: auto !important;
}
.hmclient-imgs .title {
  position: absolute;
  height: 7vw;
  width: 33.5vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.8vw;
  line-height: 1em;
  border-radius: 3.5vw;
}
.hmclient-imgs .title > * {
  white-space: nowrap;
}
.hmclient-imgs .title:hover > * {
  background-size: 100% 100%;
}
.hmclient-imgs.app .title {
  width: auto;
  height: 1.2rem;
  left: 6vw;
  right: 6vw;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  font-size: .5rem;
  font-weight: inherit;
  border-radius: .6rem;
}

/* 我们的能力 */
.hmabt-sect {
  overflow: hidden;
}

.hmabt-sect-body {
  width: 100%;
  padding: 9.2rem 0 23.5rem;
  background-color: #fff;
  position: relative;
  z-index: 10;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
}

.hmabt-header {
  margin-bottom: 8.4rem;
}

.hmabt-item {
  padding: 0;
  display: flex;
  justify-content: center;
  position: relative;
}
.hmabt-item .item-box {
  cursor: pointer;
}
.hmabt-item .item-imgs {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}
.hmabt-item .item-imgs::before {
  content: '';
  display: block;
  width: 68.75%;
  height: 68.75%;
  background-color: #F3F5F9;
  border-radius: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
}
.hmabt-item .item-imgs .imgs {
  width: 100%;
  padding: 100% 0 0;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
  transition: all 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  z-index: 5;
}
.hmabt-item .item-imgs img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.hmabt-item .item-body {
  position: relative;
  z-index: 20;
}
.hmabt-item .item-head {
  font-size: 1.4rem;
  line-height: 1em;
  color: #000;
  margin-bottom: 1.2rem;
  text-align: center;
  display: flex;
  position: relative;
  align-items: flex-start;
}
.hmabt-item .item-head > * {
  display: flex;
  background-image: linear-gradient(#fabb05, #fabb05);
  background-repeat: no-repeat;
  background-position: left 95%;
  background-size: 0 30%;
  transition: background-size 0.4s ease;
  -webkit-transition: background-size 0.4s ease;
}
.hmabt-item .item-head > *::after {
  display: none !important;
}
.hmabt-item .item-ico {
  display: none !important;
  flex: none;
  margin: 0 .5rem 0 0;
}
.hmabt-item .item-ico .wp-block-image {
  margin: 0;
}
.hmabt-item .item-ico img {
  width: auto !important;
  height: 1rem !important;
  display: block;
  display: none;
}
.hmabt-item .item-ico .hover,
.hmabt-item .item-ico .app {
  display: none;
}
.hmabt-item .item-doc {
  font-size: .8rem;
  line-height: 2rem;
  color: #333;
  padding: 0;
}
.hmabt-item .item-doc > .wp-block-group__inner-container {
  width: auto;
  max-width: 100%;
}
.hmabt-item .item-doc p {
  height: 2rem;
  padding-left: 1.2rem;
  position: relative;
}
.hmabt-item .item-doc p::before {
  content: '';
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: url("/img/images/dot.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.hmabt-item .item-doc p:last-child {
  line-height: 1.6rem;
}
.hmabt-item.active .item-imgs::before {
  opacity: 0;
}
.hmabt-item.active .item-imgs .imgs {
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1 !important;
}
.hmabt-item.active .item-head > * {
  background-size: 100% 100% !important;
}
.hmabt-item.active .item-ico .deft,
.hmabt-item.active .item-ico .app {
  display: none;
}
.hmabt-item.active .item-ico .hover {
  display: block;
}
.hmabt-item.active .item-title,
.hmabt-item.active .item-doc {
  color: #fff;
}
.hmabt-item.active .item-doc p::before {
  background-image: url("/img/images/dot-white.svg");
}

@media (min-width: 992px) {
  .hmabt-sect-body {
    padding: 9.2rem 0 7.4rem;
  }

  .hmabt-header {
    margin-bottom: 3.3rem;
  }

  .hmabt-item .item-box {
    width: 100%;
    position: relative;
  }
  .hmabt-item .item-imgs {
    position: relative;
    transform: none;
    -webkit-transform: none;
    left: unset;
    top: unset;
    margin: 0 auto;
  }
  .hmabt-item .item-body {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .hmabt-item .item-doc {
    min-height: 8rem;
  }

  body.is-safari .hmabt-item .item-head > *,
  body.is-ios .hmabt-item .item-head > * {
    background: none;
  }
  body.is-safari .hmabt-item .item-head > *::after,
  body.is-ios .hmabt-item .item-head > *::after {
    content: '';
    display: block;
    width: 0;
    height: 27%;
    background-color: #fabb05;
    position: absolute;
    left: 0;
    bottom: 6%;
    z-index: -1;
    transition: width 0.4s ease;
    -webkit-transition: width 0.4s ease;
  }
  body.is-safari .hmabt-item.active .item-head > *::after,
  body.is-ios .hmabt-item.active .item-head > *::after {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .hmabt-sect-body {
    padding: 2.1rem 0 1.88rem;
  }

  .hmabt-header {
    margin-bottom: 0.85rem;
  }

  .hmabt-swip {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
  }

  .hmabt-item {
    margin-bottom: 0.4rem !important;
    align-items: center;
  }
  .hmabt-item:last-child {
    margin-bottom: 0 !important;
  }
  .hmabt-item .item-box {
    width: 100%;
    height: calc(100vw - 12vw);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hmabt-item .item-box > .wp-block-group__inner-container {
    width: 61%;
    flex: none;
    padding: 0 0 0 0.3rem;
    margin: 0 auto;
  }
  .hmabt-item .item-imgs {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    overflow: hidden;
  }
  .hmabt-item .item-imgs::before {
    width: 70%;
    height: 70%;
    border-radius: .4rem;
  }
  .hmabt-item .item-head {
    font-size: .44rem;
    line-height: 1.5em;
    margin-bottom: .3rem;
    text-align: left;
  }
  .hmabt-item .item-head > * {
    display: block;
    background: none;
  }
  .hmabt-item .item-ico {
    margin: 0 0 0.6rem;
  }
  .hmabt-item .item-ico .wp-block-image {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    background-color: #fff;
    display: none;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .hmabt-item .item-ico .wp-block-image img {
    width: .48rem !important;
    height: .48rem !important;
    display: block;
    object-fit: contain;
    object-position: center center;
    margin: 0 auto;
  }
  .hmabt-item .item-ico .deft,
  .hmabt-item .item-ico .hover {
    display: none !important;
  }
  .hmabt-item .item-ico .app {
    display: flex !important;
  }
  .hmabt-item .item-doc {
    font-size: .24rem;
    line-height: 2em;
  }
  .hmabt-item .item-doc p {
    height: 2em;
    padding-left: 0.48rem;
  }
  .hmabt-item .item-doc p::before {
    width: 8px;
    height: 8px;
    left: .2rem;
  }
  .hmabt-item .item-doc p:last-child {
    line-height: 1.5em;
  }
}
/* 管理系统 */
.hmsys-sect {
  padding: 8.1rem 0 0;
  overflow: hidden;
}

.hmsys-header {
  margin-bottom: 3.9rem;
}

.hmsys-progress {
  width: 0;
  height: 10px;
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
}

.hmsys-swip {
  width: 100%;
  height: 80vh;
  max-height: 41.25rem;
  position: relative;
  overflow: hidden;
}
.hmsys-swip .swiper-wrapper {
  transition-timing-function: linear !important;
  -webkit-transition-timing-function: linear !important;
}

.hmsys-slide {
  background-color: transparent;
  border-radius: 1rem;
  overflow: hidden;
}
.hmsys-slide.is-slide-before {
  background-color: #000;
}

.hmsys-slide-box {
  width: 100%;
  height: 100%;
  padding: 5rem 0 5.8rem;
  background: #0a081f;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: inherit;
  overflow: hidden;
}
.hmsys-slide-box > .wp-block-group__inner-container {
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
}

.hmsys-slide-body {
  flex: 1;
  color: #fff;
  margin-left: -6%;
}
.hmsys-slide-body .slide-title {
  font-size: 1.4rem;
  line-height: 1.2em;
}
.hmsys-slide-body .slide-title span {
  position: relative;
  background-image: linear-gradient(#fabb05, #fabb05);
  background-repeat: no-repeat;
  background-position: left 95%;
  background-size: 0 30%;
  transition: background-size 0.4s ease;
  -webkit-transition: background-size 0.4s ease;
}
.hmsys-slide-body .slide-title span:last-child {
  display: block;
  background: none;
}
.hmsys-slide-body .slide-doc {
  font-size: .8rem;
  line-height: 1.5em;
  margin: 1.1rem 0 1rem;
}
.hmsys-slide-body .slide-doc p {
  padding: .25rem 0 0.25rem 0.75rem;
  position: relative;
}
.hmsys-slide-body .slide-doc p::before {
  content: '-';
  position: absolute;
  left: 0;
  top: .25rem;
}

.hmsys-slide-media {
  flex: 0 0 73%;
  max-width: 1040px;
  height: 100%;
  position: relative;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  margin: 0 0 0 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hmsys-slide-media > .wp-block-group__inner-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hmsys-slide-media figure {
  max-width: 100%;
  width: 100%;
  padding: 58.65% 0 0;
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
}
.hmsys-slide-media video,
.hmsys-slide-media img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  object-position: center top;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: inherit;
}

@media (max-width: 1600px) {
  .hmsys-slide-media {
    transform: translateX(3%);
    -webkit-transform: translateX(3%);
    flex: 0 0 50%;
  }

  .hmsys-slide-body {
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .hmsys-sect {
    padding: 1.8rem 0 0;
  }

  .hmsys-header {
    margin-bottom: 1.02rem;
  }

  .hmsys-swip {
    height: calc(100vh - 1.2rem);
  }
  .hmsys-swip .swiper-slide {
    border-radius: .2rem;
  }
  .hmsys-swip .slide-tool {
    margin-top: 0.3rem;
  }

  .hmsys-slide-box {
    background-image: url("/img/images/hmsys-bg_m.webp");
    padding: 1.2rem .7rem;
  }
  .hmsys-slide-box > .wp-block-group__inner-container {
    height: 100%;
    flex-direction: column;
    padding: 0 !important;
    justify-content: space-between;
  }

  .hmsys-slide-body {
    width: 100%;
    margin: 0;
  }
  .hmsys-slide-body .slide-title {
    font-size: .38rem;
  }
  .hmsys-slide-body .slide-doc {
    font-size: .28rem;
    line-height: .42rem;
    margin: .3rem 0 0;
  }
  .hmsys-slide-body .slide-doc p {
    padding: 0.1rem 0 0.1rem 0.2rem;
  }
  .hmsys-slide-body .slide-doc p::before {
    top: .1rem;
  }

  .hmsys-slide-media {
    width: 100%;
    flex: none;
    height: auto;
    margin: 0;
    transform: none;
    -webkit-transform: none;
  }
  .hmsys-slide-media .wp-block-image {
    border-radius: .2rem;
  }
}
/* 我们不一样-优势 */
.hmadv-sect {
  overflow: hidden;
}

.hmadv-sect-body {
  width: 100%;
  background-color: #fff;
  padding: 10rem 0 7.4rem;
  position: relative;
  z-index: 20;
}

.hmadv-header {
  margin-bottom: 3.3rem;
}

.hmadv-list {
  margin: 0 -0.5rem;
}

.hmadv-item {
  padding: 0 .5rem;
}
.hmadv-item .item-box {
  width: 100%;
  height: 100%;
  min-height: 25.5rem;
  position: relative;
  padding: 2rem;
  border-radius: 24px;
  background: #fff;
  overflow: hidden;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  border: solid 1px #E7E7E7;
  cursor: pointer;
}
.hmadv-item .item-imgs {
  width: 100%;
  border-radius: 24px;
  background-color: #000;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.hmadv-item .item-imgs::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  border-radius: inherit;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 1s;
  -webkit-transition: all 1s;
}
.hmadv-item .item-imgs .wp-block-image,
.hmadv-item .item-imgs .wp-block-video {
  width: 100%;
  padding: 74.21% 0 0;
  position: relative;
  overflow: hidden;
  border-radius: inherit;
  z-index: 10;
}
.hmadv-item .item-imgs img,
.hmadv-item .item-imgs video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.hmadv-item .item-body {
  position: relative;
  z-index: 20;
  padding: 1.25rem 0 0;
}
.hmadv-item .item-ico {
  margin-bottom: 2rem;
}
.hmadv-item .item-ico .wp-block-image {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: #fff;
  position: relative;
}
.hmadv-item .item-ico img {
  width: 1.2rem !important;
  height: 1.2rem !important;
  display: block;
  object-fit: contain;
  object-position: center center;
  margin: 0 auto;
}
.hmadv-item .item-ico .ico-white {
  display: none;
}
.hmadv-item .item-title {
  font-size: 1.4rem;
  line-height: 1.5em;
  color: #000;
}
.hmadv-item .item-doc {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  line-height: 1.5em;
  color: #000;
  text-align: justify;
}
.hmadv-item.active .item-imgs::before {
  transform: scale(3);
  -webkit-transform: scale(3);
}
.hmadv-item.active .item-title,
.hmadv-item.active .item-doc {
  color: #fff;
}

@media (min-width: 992px) {
  .hmadv-sect .hmlight-svgbox {
    transform: translate(-50%, -45%);
    -webkit-transform: translate(-50%, -45%);
  }
}
@media (max-width: 991.98px) {
  .hmadv-sect-body {
    padding: 2.1rem 0 1.88rem;
  }

  .hmadv-header {
    margin-bottom: 0.85rem;
  }

  .hmadv-list {
    display: block !important;
    margin: 0;
  }

  .hmadv-item {
    margin-bottom: 0.4rem !important;
    padding: 0;
  }
  .hmadv-item:last-child {
    margin-bottom: 0 !important;
  }
  .hmadv-item .item-box {
    padding: 0;
    border-radius: .4rem;
    min-height: 0;
  }
  .hmadv-item .item-ico {
    margin-bottom: .6rem;
  }
  .hmadv-item .item-ico .wp-block-image {
    width: 1.2rem;
    height: 1.2rem;
  }
  .hmadv-item .item-ico img {
    width: 0.48rem !important;
    height: 0.48rem !important;
  }
  .hmadv-item .item-body {
    padding: .48rem .6rem;
  }
  .hmadv-item .item-title {
    font-size: .44rem;
    line-height: 1.5em;
    margin-bottom: .3rem;
  }
  .hmadv-item .item-doc {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    font-size: .24rem;
    line-height: 1.5em;
  }
}
/* 洞察 */
.hmdc-sect {
  width: 100%;
  background-color: #000;
  color: #fff;
  position: relative;
  padding: 8.5rem 0 9.5rem;
  overflow: hidden;
}

.hmdc-header {
  width: 100%;
}
.hmdc-header .s-heading_h2,
.hmdc-header .s-doc {
  color: inherit;
}

.hmdc-title-box {
  width: 100%;
  display: flex;
  justify-content: center;
  white-space: nowrap;
}
.hmdc-title-box .wp-block-image {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: #fff;
  position: relative;
  margin-bottom: 1rem;
}
.hmdc-title-box .wp-block-image img {
  width: 1.2rem !important;
  height: 1.2rem !important;
  display: block;
  object-fit: contain;
  object-position: center center;
  margin: 0 auto;
}

.hmdc-body {
  width: 100%;
}

.hmdc-layout {
  width: 100%;
  height: 100%;
  position: relative;
}
.hmdc-layout > .wp-block-group__inner-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.hmdc-layout > .wp-block-group__inner-container::before, .hmdc-layout > .wp-block-group__inner-container::after {
  display: none;
}

.hmdc-media-swip {
  flex: none;
  width: 60%;
  height: 100%;
  display: block;
  position: relative;
}
.hmdc-media-swip .swiper-wrapper {
  transition-timing-function: linear !important;
  -webkit-transition-timing-function: linear !important;
}
.hmdc-media-swip .swiper-slide {
  width: 48%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.hmdc-media-swip .swiper-slide[data-active="true"] .slide-box {
  border-radius: 1.5rem;
}
.hmdc-media-swip .swiper-slide[data-active="true"] .slide-box > .wp-block-group__inner-container {
  opacity: 1;
}
.hmdc-media-swip .slide-box {
  aspect-ratio: 1/1;
  background-color: #000;
  transform: skewY(26deg) scaleX(0.85);
  -webkit-transform: skewY(26deg) scaleX(0.85);
  box-shadow: 2.5rem 0.2rem 2.5rem rgba(0, 0, 0, 0.15);
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
  padding: 100% 0 0;
}
.hmdc-media-swip .slide-box > .wp-block-group__inner-container {
  width: 100%;
  height: 100%;
  opacity: .5;
  transform: skewY(-22deg) scale(1.8, 1.5);
  -webkit-transform: skewY(-22deg) scale(1.8, 1.5);
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  position: absolute;
  left: 0;
  top: 0;
}
.hmdc-media-swip .wp-block-image {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.hmdc-media-swip img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
}

.hmdc-text-swip {
  flex: none;
  width: 40%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.hmdc-text-swip .swiper-wrapper {
  display: block;
  height: auto;
  flex-direction: column;
  justify-content: center;
  transition-timing-function: linear !important;
  -webkit-transition-timing-function: linear !important;
}
.hmdc-text-swip .swiper-slide {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.hmdc-text-swip .swiper-slide[data-active="true"] .slide-w1 {
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}
.hmdc-text-swip .swiper-slide[data-active="true"] .slide-w2 {
  opacity: 1;
  height: auto;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  margin: .9rem 0 1.5rem;
}
.hmdc-text-swip .slide-w1 {
  font-size: 1.4rem;
  line-height: 1em;
  opacity: .4;
  transform: scale(0.78);
  -webkit-transform: scale(0.78);
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transform-origin: left center !important;
  background-color: #0a081f;
  white-space: nowrap;
}
.hmdc-text-swip .slide-w2 {
  height: 0;
  font-size: 0.8rem;
  line-height: 1.5em;
  opacity: 0;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
}

.hmdc-swip-paging {
  position: absolute;
  right: calc((10vw - 20px) * 0.8);
  bottom: unset;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 20;
}
.hmdc-swip-paging .bullet {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 100%;
  border: solid 1px transparent;
  margin: 0 0 10px;
  position: relative;
  cursor: pointer;
}
.hmdc-swip-paging .bullet:last-child {
  margin-bottom: 0;
}
.hmdc-swip-paging .bullet::after {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.hmdc-swip-paging .bullet.active {
  border-color: #fff;
}

.hmdc-progress {
  width: 0;
  height: 10px;
  display: block;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.hmdc-list-box {
  width: 45rem;
  max-width: 100%;
  margin: 0 auto;
  color: #fff;
}

.hmdc-list-ico {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.hmdc-list-ico .wp-block-image {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: #fff;
  position: relative;
}
.hmdc-list-ico .wp-block-image img {
  width: 1.2rem !important;
  height: 1.2rem !important;
  display: block;
  object-fit: contain;
  object-position: center center;
  margin: 0 auto;
}

.hmdc-list {
  width: 100%;
}

.hmdc-listem {
  width: 100%;
  border-top: solid 1px #4f4f4f;
}
.hmdc-listem .item-head {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 1.6rem 2.8rem 1.6rem 0;
  cursor: pointer;
}
.hmdc-listem .item-title {
  font-size: 1.3rem;
  line-height: 1.2em;
}
.hmdc-listem .item-handle {
  width: .8rem;
  height: .8rem;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.hmdc-listem .item-handle::before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.hmdc-listem .item-handle::after {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.hmdc-listem .item-body {
  width: 100%;
  display: none;
  padding: 0 5.8rem 1.6rem 0;
  font-size: .8rem;
  line-height: 1.4em;
}
.hmdc-listem.active .item-handle::after {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

@media (max-width: 991.98px) {
  .hmdc-sect {
    padding: 1.75rem 0;
  }

  .hmdc-header {
    position: static;
    margin-bottom: 0.7rem;
  }

  .hmdc-body {
    padding: 0;
  }

  .hmdc-layout {
    padding-top: 5%;
  }
  .hmdc-layout > .wp-block-group__inner-container {
    flex-direction: column;
  }

  .hmdc-media-swip {
    width: 100%;
    flex: 0 0 50%;
  }
  .hmdc-media-swip .swiper-slide {
    width: 28vh;
  }
  .hmdc-media-swip .swiper-slide[data-active="true"] .slide-box {
    border-radius: .4rem;
  }
  .hmdc-media-swip .slide-box {
    border-radius: .4rem;
  }

  .hmdc-text-swip {
    width: 100%;
    flex: 0 0 50%;
    max-width: none;
  }
  .hmdc-text-swip .swiper-slide {
    margin-bottom: .26rem;
  }
  .hmdc-text-swip .slide-w1 {
    font-size: .46rem;
    margin-bottom: .24rem;
  }
  .hmdc-text-swip .slide-w2 {
    font-size: .28rem;
    line-height: .42rem;
  }
  .hmdc-text-swip .slide-btnbox {
    margin-top: .72rem;
  }

  .hmdc-swip-paging {
    right: 6vw;
    top: 1.46rem;
    transform: none;
    -webkit-transform: none;
  }
  .hmdc-swip-paging .bullet {
    width: .44rem;
    height: .44rem;
    margin-bottom: .18rem;
  }

  .hmdc-listem .item-head {
    padding: .44rem .6rem .44rem 0;
  }
  .hmdc-listem .item-handle {
    width: .3rem;
    height: .3rem;
  }
  .hmdc-listem .item-title {
    font-size: .36rem;
  }
  .hmdc-listem .item-body {
    padding: 0 0 .6rem 0;
    font-size: .24rem;
    line-height: 1.5em;
    text-align: justify;
  }
}
/* 新闻 */
.hmnew-sect {
  padding: 10rem 0 7.4rem;
  background-color: #fff;
}

.hmnew-header {
  margin-bottom: 3.3rem;
}

.hmnew-swip-box {
  width: 100%;
  position: relative;
}

.hmnew-swip {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 5;
}

.hmnew-item {
  padding: 0;
}
.hmnew-item .item-box {
  width: 100%;
  display: block;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
}
.hmnew-item .item-box > .wp-block-group__inner-container {
  border-radius: inherit;
}
.hmnew-item .item-imgs {
  flex: none;
  padding: 57.4% 0 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.hmnew-item .imgs {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.hmnew-item .imgs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
}
.hmnew-item .item-body {
  width: 100%;
  height: 12.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: solid 1px #e3e3e3;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding: 1.2rem 1.2rem 1.6rem;
  border-top: none;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.hmnew-item .item-title {
  font-size: 1.2rem;
  line-height: 1.6rem;
  height: auto;
  max-height: 3.2rem;
  overflow: hidden;
}
.hmnew-item .item-desc {
  font-size: .7rem;
  line-height: 1rem;
  -webkit-line-clamp: 3;
  max-height: 3rem;
  margin: 0.5rem 0 0;
  overflow: hidden;
}
.hmnew-item .btn-goview {
  display: flex;
  align-items: center;
  color: #0b57d0;
  font-size: .7rem;
  line-height: 1rem;
}
.hmnew-item .btn-goview .bi {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  color: inherit;
  margin: 0 .4rem 0 0;
  padding: .2rem;
}
.hmnew-item .item-bot {
  font-size: .8rem;
  line-height: 2em;
  height: 2em;
  overflow: hidden;
}
.hmnew-item .item-tag {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.4rem;
  white-space: nowrap;
}
.hmnew-item .item-tag li {
  padding: 0 0.4rem;
}
.hmnew-item .item-tag li > * {
  display: block;
  padding: 0 0.75rem;
  height: 2em;
  border-radius: 1em;
  background: #EFEFEF;
  color: #1B1B1B;
  font-weight: inherit;
}

.hmnew-not-swip .swiper-wrapper {
  width: auto;
  margin: 0 -0.6rem;
}
.hmnew-not-swip .hmnew-item {
  flex: 0 0 33.33%;
  padding: 0 0.6rem;
}

.hmnew-ctrl {
  width: 2.8rem;
  height: 2.8rem;
  display: block;
  background-color: #0071e3;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  z-index: 20;
  cursor: pointer;
  color: #fff;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.hmnew-ctrl .bi {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  color: inherit;
  padding: .15rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.hmnew-ctrl.prev {
  left: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.hmnew-ctrl.next {
  right: 0;
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
}
.hmnew-ctrl.swiper-button-disabled {
  display: none !important;
}
.hmnew-ctrl:hover {
  background-color: #0b57d0;
}

.hmnew-zhe {
  width: 40px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  z-index: 11;
}
.hmnew-zhe.prev {
  background: linear-gradient(90deg, #f6f8fc 0, rgba(246, 248, 252, 0) 100%);
  left: 0;
}
.hmnew-zhe.next {
  right: 0;
  background: linear-gradient(270deg, #f6f8fc 0, rgba(246, 248, 252, 0) 100%);
}

.hmnew-paging {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: .4rem 0 0;
}
.hmnew-paging .bullet {
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 100%;
  background-color: #b2b2b2;
  margin: 0 0.1rem;
}
.hmnew-paging .bullet.active {
  background-color: #0071e3;
}

.hmnew-btnbox {
  width: 100%;
  margin-top: 5.3rem;
  justify-content: center;
}

@media (min-width: 992px) {
  .hmnew-item .item-box:hover .item-body {
    background: #f3f6fc;
  }
}
@media (max-width: 991.98px) {
  .hmnew-sect {
    padding: 1.7rem 0 2rem;
    overflow: hidden;
  }

  .hmnew-header {
    margin-bottom: .7rem;
  }

  .hmnew-swip {
    overflow: visible;
  }

  .hmnew-item .item-box {
    border-radius: .32rem;
  }
  .hmnew-item .item-body {
    height: 4.5rem;
    padding: .4rem .4rem .6rem;
  }
  .hmnew-item .item-title {
    font-size: .4rem;
    line-height: .56rem;
    height: auto;
    max-height: 1.12rem;
  }
  .hmnew-item .item-desc {
    font-size: .24rem;
    line-height: 1.5em;
    margin-top: .2rem;
    max-height: 3em;
    -webkit-line-clamp: 2;
  }
  .hmnew-item .btn-goview {
    font-size: .28rem;
    line-height: .4rem;
  }
  .hmnew-item .btn-goview .bi {
    width: .4rem;
    height: .4rem;
    padding: 0 0.04rem;
    margin: -0.1em 0.1rem 0 0;
  }
  .hmnew-item .item-bot {
    font-size: .24rem;
    line-height: .5rem;
    height: .5rem;
  }
  .hmnew-item .item-tag {
    margin: 0 -0.1rem;
  }
  .hmnew-item .item-tag li {
    padding: 0 0.1rem;
  }
  .hmnew-item .item-tag li > * {
    padding: 0 0.24rem;
    height: 0.5rem;
    border-radius: 0.23rem;
  }

  .hmnew-btnbox {
    margin-top: 0.72rem;
  }

  .hmnew-zhe,
  .hmnew-ctrl {
    display: none !important;
  }
}
/* 2024.1.3 - 修改后台产品 */
.hmmt-sect {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #fff;
  position: relative;
  z-index: 99;
  padding: 4.5rem 0 5rem;
  overflow: hidden;
}
.hmmt-sect > * {
  height: auto;
}

.hmmt-header {
  margin-bottom: 2.9rem;
}
.hmmt-header .s-doc {
  color: #fff;
}

.hmmt-sect-title {
  height: 1em;
  display: flex;
  justify-content: center;
  font-size: 2.8rem;
  line-height: 1em;
  color: #fff;
  font-weight: 300;
}
.hmmt-sect-title i {
  display: inline-flex;
  background: url("/img/images/4_hover.svg") no-repeat;
  background-size: contain;
  width: 2.5rem;
  height: 1.45rem;
  margin-right: 0.35rem;
  position: relative;
  top: 3px;
}

.hmmt-sect-body {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}

.hmmt-navbox {
  flex: none;
  width: 13.75rem;
  margin: 0 8.75% 0 0;
  position: relative;
}

.hmmt-navswip {
  width: 100%;
  display: block;
  position: relative;
  white-space: nowrap;
}
.hmmt-navswip .swiper-slide {
  color: #61606e;
  cursor: pointer;
  display: flex;
}
.hmmt-navswip .swiper-slide.is-active {
  color: #fff;
  font-size: 1.4rem;
}

.hmmt-navbar {
  width: 1px;
  height: 100%;
  display: block;
  background-color: #61606e;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
}

.hmmt-navbar-line {
  width: 4px;
  height: 1.7rem;
  display: block;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 5;
  transition: top 0.4s linear;
  -webkit-transition: top 0.4s linear;
}

.hmmt-swipbox {
  flex: 0 0 72.2%;
  max-width: 1040px;
  position: relative;
}

.hmmt-swip {
  width: 100%;
  height: 64.2vh;
  max-height: 610px;
  display: block !important;
  position: relative;
}
.hmmt-swip .swiper-slide {
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hmmt-swip .swiper-slide.had-btnplay .wp-block-video::after {
  content: '';
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  background: url("/img/images/play-white.svg") no-repeat center center #0a081f;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 100%;
  border: none;
  cursor: pointer;
  z-index: 20;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.hmmt-swip .swiper-slide.is-playing .wp-block-video::after,
.hmmt-swip .swiper-slide.is-playing .btn-play {
  display: none;
}
.hmmt-swip .slide-media {
  padding: 58.65% 0 0;
  max-height: 100%;
  height: 0;
  width: 100%;
  position: relative;
  border-radius: 16px;
}
.hmmt-swip .slide-media * {
  border-radius: inherit;
}
.hmmt-swip .slide-media figure {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  border: solid 1px #534f73;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.hmmt-swip .slide-media img,
.hmmt-swip .slide-media video {
  border-radius: inherit;
  object-fit: cover;
  object-position: center top;
  position: relative;
  width: 100% !important;
  height: calc(100% - 1px) !important;
  top: 0;
  left: 0;
}
.hmmt-swip .s-doc {
  width: 100%;
  color: #fff;
  margin-top: 10px;
  text-align: center;
}
.hmmt-swip .btn-play {
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  background: url("/img/images/play-white.svg") no-repeat center center #0a081f;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 100%;
  border: none;
  cursor: pointer;
  z-index: 20;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.hmmt-paging {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: .4rem 0 0;
}
.hmmt-paging .bullet {
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 100%;
  background-color: #61606e;
  margin: 0 0.1rem;
}
.hmmt-paging .bullet.active {
  background-color: #fff;
}

@media (min-width: 992px) {
  .hmmt-sect {
    height: auto;
    min-height: 100vh;
  }
  .hmmt-sect .home-anchor {
    top: -5rem;
  }

  .hmmt-sect-body {
    flex-direction: row !important;
    align-items: center !important;
  }

  .hmmt-navswip {
    height: 46.4vh;
    max-height: 22rem;
    padding: 0 2.5rem 0 0;
  }
  .hmmt-navswip .swiper-wrapper {
    flex-direction: column;
    justify-content: space-between;
  }
  .hmmt-navswip .swiper-slide {
    height: 1.7rem;
    align-items: center;
    justify-content: flex-end;
    font-size: 1.1rem;
    line-height: 1em;
    text-align: right;
  }

  .hmmt-swip .btn-play:hover {
    background-image: url("/img/images/play-blue.svg");
    background-color: #fff;
  }
}
@media (max-width: 991.98px) {
  .hmmt-sect {
    height: auto;
    padding: 1.2rem 0;
  }

  .hmmt-header {
    margin: 0 0 0.72rem;
  }

  .hmmt-sect-title {
    font-size: .5rem;
    line-height: .66rem;
    height: .66rem;
  }
  .hmmt-sect-title i {
    width: .5rem;
    height: .3rem;
    margin: 0 .2rem 0 0;
  }

  .hmmt-sect-body {
    display: block;
  }

  .hmmt-navbox {
    width: 100%;
    max-width: none;
    margin: 0 0 0.72rem !important;
  }

  .hmmt-navswip {
    height: auto;
    padding: 0;
  }
  .hmmt-navswip .swiper-wrapper {
    transition-timing-function: linear !important;
    -webkit-transition-timing-function: linear !important;
    z-index: 5;
  }
  .hmmt-navswip .swiper-slide {
    width: auto;
    height: auto;
    text-align: center;
    justify-content: center;
    font-size: .24rem;
    line-height: 1.42em;
    padding: 0 0 0.28rem;
  }
  .hmmt-navswip .swiper-slide.is-active {
    color: #fff;
    font-size: .24rem;
  }
  .hmmt-navswip.swiper-initialized .swiper-slide::after {
    content: '';
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translteY(50%);
    -webkit-transform: translteY(50%);
    transition: opacity 0.4s linear;
    -webkit-transition: opacity 0.4s linear;
  }
  .hmmt-navswip.swiper-initialized .swiper-slide.is-active::after {
    opacity: 1;
  }
  .hmmt-navswip.swiper-initialized .hmmt-navbar-line {
    display: none;
  }

  .hmmt-nav-noswip .swiper-wrapper {
    justify-content: space-between;
  }

  .hmmt-navbar {
    width: 100%;
    height: 1px;
    left: 0;
    top: unset;
    bottom: 0;
  }

  .hmmt-navbar-line {
    width: 1.32rem;
    height: 2px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    top: 50%;
    transition: left 0.4s linear;
    -webkit-transition: left 0.4s linear;
  }

  .hmmt-swipbox {
    width: 100%;
    max-width: none;
  }

  .hmmt-swip {
    height: auto;
    max-height: none;
  }
  .hmmt-swip .slide-media {
    max-height: none;
  }
}
/* 2024.1.4 修改-合作伙伴 */
.hmclient-imgs .wp-block-image.bg {
  position: relative;
}

.add-pos-wz {
  position: absolute;
  height: 7vw;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-pos-wz span {
  font-size: 2.8vw;
  font-weight: 550;
  color: #fff;
  border-radius: 60px;
  width: 33.5vw;
  height: 7vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0071e3;
}

@media (min-width: 992px) {
  .add-pos-wz:hover .bh {
    background-size: 100% 100%;
  }
}