/* 公共 */
body {
  background: #000;
}
body.modal-open .header {
  right: 0;
}

::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: #000;
}

.h-full {
  height: 100vh;
}

.home-sect {
  width: 100%;
  position: relative;
  background: #000;
  overflow: hidden;
}

.hmsect-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: .2;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  margin-bottom: 2.4rem;
}
.hmsect-head .s-heading {
  font-size: 2.8rem;
  line-height: 1.4em;
  color: #fff;
  font-weight: 700;
}
.hmsect-head .s-heading .sofia {
  color: #fe2c55;
  font-size: 3.2rem;
  line-height: 1.4em;
  font-weight: 600;
  margin: 0 1.3rem 0 0;
}
.hmsect-head .btn-more {
  display: block;
  font-size: 1rem;
  line-height: 1em;
  color: #fe2c55;
  font-weight: bold;
  margin: 0 -2.4em 0 0;
}
.hmsect-head .btn-more a {
  display: flex;
  align-items: center;
  padding: 1em 2.4em;
}
.hmsect-head .btn-more .arrow {
  width: 1em;
  height: 1em;
  display: block;
  margin: 0.1em 0 0 0.3em;
  background: url("/img/static/chevron-right.svg") no-repeat center center;
  background-size: contain;
}

@media (min-width: 992px) {
  .hmsect-head .btn-more:hover {
    color: #fff;
  }
  .hmsect-head .btn-more:hover .arrow {
    background-image: url("/img/static/chevron-right-white.svg");
  }
}
@media (max-width: 991.98px) {
  .hmsect-head {
    margin-bottom: .8rem;
    justify-content: center;
    opacity: 1;
  }
  .hmsect-head .s-heading {
    font-size: .56rem;
    display: block;
  }
  .hmsect-head .s-heading .sofia {
    font-size: .64rem;
    margin: 0;
  }
  .hmsect-head .btn-more {
    display: none;
  }
}
/* banner */
.home-banner {
  height: auto;
  overflow: visible;
}

.home-banner-swip {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  background: #000;
}
.home-banner-swip .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.home-banner-swip .global-inner {
  max-width: none;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  z-index: 10;
}
.home-banner-swip .slide-imgs {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  top: 0;
  z-index: 1;
}
.home-banner-swip .slide-imgs img {
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: relative;
  left: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.home-banner-swip .slide-imgs.web {
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.home-banner-swip .slide-imgs.web img {
  width: auto;
  max-width: 100%;
}
.home-banner-swip .slide-imgs.app {
  height: calc(100% + 1px);
  bottom: -1px;
}
.home-banner-swip .slide-body {
  width: 100%;
  display: flex;
  position: absolute;
  left: 0;
  z-index: 20;
}
.home-banner-swip .slide-body .box {
  width: 41%;
  display: block;
}
.home-banner-swip .slide-tit {
  width: 100%;
  display: block;
  position: relative;
}
.home-banner-swip .slide-tit img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  object-fit: scale-down;
  object-position: left bottom;
}
.home-banner-swip .slide-btnbox {
  width: 100%;
  display: flex;
  margin-top: 2.8rem;
}
.home-banner-swip .slide-layout-center .slide-body {
  justify-content: center;
  text-align: center;
  top: 8%;
}
.home-banner-swip .slide-layout-center .slide-body .box {
  width: 100%;
  max-width: none;
}
.home-banner-swip .slide-layout-center .slide-tit {
  width: 100%;
  height: 20vh;
}
.home-banner-swip .slide-layout-center .slide-tit img {
  object-position: center bottom;
}
.home-banner-swip .slide-layout-center .slide-btnbox {
  margin-top: 2.4rem;
  justify-content: center;
}
.home-banner-swip .slide-layout-left .slide-body {
  top: 17.25%;
}
.home-banner-swip .slide-layout-left .slide-tit {
  height: 35vh;
}
.home-banner-swip .slide-layout-right .slide-body {
  top: 17.25%;
  justify-content: flex-end;
}
.home-banner-swip .slide-layout-right .slide-tit {
  height: 37.25vh;
  max-height: 298px;
}

.home-banner-flat .slide-imgs.web img {
  width: 82.2vw;
  height: auto;
}

.hmban-paging-wrap {
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(100vh - 5rem - 2.7rem - 0.6rem);
  z-index: 20;
}

.hmban-paging {
  width: 100%;
  display: flex;
  align-items: center;
}
.hmban-paging .bullet {
  width: .6rem;
  height: .6rem;
  display: block;
  border-radius: 100%;
  background: #fff;
  margin: 0 .6rem 0 0;
}
.hmban-paging .bullet.active {
  background: #fe2c55 !important;
}
.hmban-paging.is-dark .bullet {
  background: #000;
}

@media (min-width: 992px) {
  .home-banner {
    min-height: 100vh;
  }

  .home-banner-swip .slide-imgs img {
    z-index: 1;
    max-height: calc(100vh - 5rem);
  }
  .home-banner-swip .btn {
    min-width: 10.15rem;
    height: calc(2.8em + 4px);
    font-size: 1rem;
    line-height: 2.8em;
    border-radius: 3em;
  }
  .home-banner-swip .slide-layout-center .btn {
    min-width: 12.15rem;
  }

  .hmban-mouse-wrap {
    bottom: unset;
    top: calc(100vh - 5rem - 2.7rem - 32px);
  }
}
@media (max-width: 1440px) {
  .home-banner-swip .slide-imgs.web img {
    width: 100%;
    max-width: none;
    height: 100%;
  }
}
@media (min-width: 3000px) and (min-height: 1000px) {
  .home-banner-flat .slide-imgs.web img {
    width: auto;
    max-width: none;
    height: 100%;
  }
}
@media (max-width: 991.98px) {
  .home-banner {
    overflow: hidden;
    height: calc(100dvh - 1.2rem);
  }

  .home-banner-swip {
    overflow: hidden;
  }
  .home-banner-swip .slide-btnbox {
    margin-top: 0.64rem;
  }
  .home-banner-swip .btn > * {
    padding: 0 0.8rem;
  }
  .home-banner-swip .swiper-slide .slide-imgs {
    height: calc(100% + 1px);
    bottom: -1px;
  }
  .home-banner-swip .swiper-slide .slide-imgs img {
    height: 100%;
    position: absolute;
    object-position: center top;
  }
  .home-banner-swip .swiper-slide .slide-body {
    display: block;
    top: 0.8rem;
    padding: 0;
  }
  .home-banner-swip .swiper-slide .slide-body .box {
    width: 100%;
    max-width: none;
  }
  .home-banner-swip .swiper-slide .slide-tit {
    flex: none;
    height: 47vw;
    max-height: none;
    margin: 0 auto;
  }
  .home-banner-swip .swiper-slide .slide-tit img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: center bottom;
    margin: 0 auto;
  }
  .home-banner-swip .swiper-slide .slide-btnbox {
    margin-top: .64rem;
    justify-content: center;
  }

  .hmban-paging-wrap {
    top: unset;
    bottom: .6rem;
  }

  .hmban-paging {
    justify-content: center;
  }
  .hmban-paging .bullet {
    width: 6px;
    height: 6px;
    margin: 0 4px;
  }
}
/* 第二屏 */
.home-sect2 {
  width: 100%;
  margin: 8.4vh 0 11.7vh;
  background: #000;
  position: relative;
  overflow: hidden;
  color: #fff;
  padding: 0 0 100vh;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.home-sect2 .hmsect-head {
  transition-duration: .01s;
  margin-bottom: 10.5vh;
}
.home-sect2 .hmsect-head .s-heading {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.home-sect2 .hmsect-head .cn {
  white-space: nowrap;
}
.home-sect2.is-stick .home-sect2-inner {
  position: fixed;
  left: 0;
  top: 5rem;
}

.home-sect2-inner {
  width: 100%;
  position: relative;
  transform-origin: center top !important;
  -webkit-transform-origin: center top !important;
}

.hmsect2-body {
  width: 100%;
  height: 28rem;
  display: flex;
  justify-content: space-between;
  color: #fff;
  position: relative;
}

.hmsect2-navbox {
  flex: 1;
  height: 100%;
  max-width: 320px;
  position: relative;
}

.hmsect2-navbox-list {
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  padding: .9rem 0;
}

.hmsect2-navbox-item {
  height: auto;
  margin-bottom: 3rem;
}
.hmsect2-navbox-item:last-child {
  margin-bottom: 0;
}
.hmsect2-navbox-item .item-lvtit {
  font-size: 1.6rem;
  line-height: 1.2em;
  opacity: .3;
  font-weight: 700;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transform-origin: left center !important;
}
.hmsect2-navbox-item .item-desc {
  font-size: 1.1rem;
  line-height: 1.6rem;
  opacity: 0;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  height: 0;
}
.hmsect2-navbox-item.is-active .item-desc {
  height: auto !important;
}

.hmsect2-media {
  flex: 1;
  min-width: 15rem;
  height: 100%;
  margin: 0 8.5% 0 9%;
  position: relative;
}

.hmsect2-media-list {
  width: 15rem;
  max-width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.hmsect2-media-list .swiper-wrapper {
  display: block;
}

.hmsect2-media-item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
}
.hmsect2-media-item .box {
  width: 100%;
  height: 100%;
  position: relative;
}
.hmsect2-media-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center top;
}
.hmsect2-media-item .phone {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 5;
}
.hmsect2-media-item .imgs.web {
  width: 90.67%;
  position: absolute;
  left: 50%;
  top: 2.86%;
  bottom: 10.7%;
  z-index: 1;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  overflow: hidden;
}
.hmsect2-media-item .imgs.web img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.hmsect2-media-item .imgs.app {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.hmsect2-media-item .imgs.app img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  object-fit: cover;
  object-position: center center;
  border-radius: 16px;
}

.hmsect2-datas {
  flex: 1;
  height: 100%;
  position: relative;
}

.hmsect2-datas-list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.hmsect2-datas-item {
  width: 100%;
  height: 560px;
  display: flex;
  align-items: center;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  padding-bottom: 2rem;
  position: absolute;
  left: 0;
  top: 0;
}
.hmsect2-datas-item .box {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
.hmsect2-datas-item .item-datas {
  white-space: nowrap;
  display: flex;
  align-items: flex-end;
}
.hmsect2-datas-item .item-datas .num {
  font-size: 8rem;
  line-height: 1em;
  font-family: "SofiaPro-SemiBold";
}
.hmsect2-datas-item .item-datas .unit {
  font-size: 1.8rem;
  line-height: 2.6rem;
}
.hmsect2-datas-item .item-tit {
  font-size: 1rem;
  line-height: 1.4em;
  color: rgba(255, 255, 255, 0.8);
  max-width: 17em;
}

@media (min-height: 860px) and (min-width: 992px) {
  .home-sect2 {
    margin: 4.5rem 0 6rem;
  }
  .home-sect2 .hmsect-head {
    margin-bottom: 5.4rem;
  }

  .home-sect2-inner {
    height: calc(100vh - 5rem);
    display: flex;
    align-items: center;
  }
  .home-sect2-inner .global-inner {
    height: auto;
  }
}
@media (min-width: 992px) {
  .hmsect2-navbox-list .swiper-wrapper {
    flex-direction: column;
    transform: translate3d(0, 9.8rem, 0);
    -webkit-transform: translate3d(0, 9.8rem, 0);
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .hmsect2-navbox-item.is-prev .item-desc {
    margin-top: 1rem;
  }
  .hmsect2-navbox-item.is-active .item-desc {
    margin-top: 1rem;
  }

  .hmsect2-media {
    opacity: 1 !important;
  }
}
@media (max-width: 991.98px) {
  .home-sect2 {
    margin: 0.96rem 0 2.14rem;
    padding: 0;
  }
  .home-sect2 .hmsect-head {
    margin-bottom: .94rem;
  }
  .home-sect2 .hmsect-head .s-heading {
    font-size: .54rem;
    display: block;
  }

  .hmsect2-body {
    width: auto;
    padding: 0 0.48rem;
    margin: 0 -0.48rem;
    height: auto;
    align-items: center;
  }

  .hmsect2-navbox {
    flex: none;
    width: 2.7rem;
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0.48rem;
    top: 0;
  }

  .hmsect2-navbox-list {
    height: 100%;
    position: relative;
    top: 0;
    transition: none;
    -webkit-transition: none;
    display: flex;
    align-items: center;
  }
  .hmsect2-navbox-list .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    height: auto;
  }

  .hmsect2-navbox-item {
    height: auto;
    margin-bottom: .96rem;
    transform: none;
    -webkit-transform: none;
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .hmsect2-navbox-item:last-child {
    margin-bottom: 0;
  }
  .hmsect2-navbox-item .item-lvtit {
    font-size: .36rem;
    white-space: nowrap;
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .hmsect2-navbox-item .item-desc {
    font-size: .24rem;
    line-height: 1.4em;
    margin-top: 1em;
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .hmsect2-navbox-item.is-active .item-lvtit, .hmsect2-navbox-item.swiper-slide-active .item-lvtit {
    font-size: .44rem;
    transform: none;
    -webkit-transform: none;
    opacity: 1;
  }
  .hmsect2-navbox-item.is-active .item-desc, .hmsect2-navbox-item.swiper-slide-active .item-desc {
    display: block;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    transition-delay: .3s;
    height: auto;
  }

  .hmsect2-media {
    width: 61.5vw;
    min-width: 0;
    flex: none;
    height: 114.87vw;
    margin: 0 0 0 calc(9.7vw + 2.7rem);
  }

  .hmsect2-media-list {
    width: 100%;
  }
  .hmsect2-media-list .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .hmsect2-media-item {
    transition: none;
    -webkit-transition: none;
    position: relative;
  }
  .hmsect2-media-item .box {
    padding: 0.24rem;
    border: solid 1px #fff;
    border-radius: .4rem;
    background: #000;
  }
  .hmsect2-media-item.is-active {
    opacity: 1;
  }
}
/* 引用 */
.home-quote {
  width: 100%;
  padding: 1.6rem 0;
  position: relative;
  color: #fff;
}

.home-quote-bg {
  width: 100%;
  height: 100%;
  display: block;
  background: #fe2c55;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 0.02s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.02s cubic-bezier(0.33, 1, 0.68, 1);
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform-origin: left center !important;
}

.home-quote-layout {
  width: 100%;
  height: 10rem;
  display: flex;
  position: relative;
}

.home-quote-tabbox {
  flex: none;
  width: 21.25rem;
  height: 100%;
  position: relative;
  padding: 0 3.3rem 0 3.7rem;
}

.home-quote-paging {
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 2rem;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
}
.home-quote-paging .line {
  width: 100%;
  height: 33.33%;
  display: block;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

.home-quote-tablist {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.home-quote-tablist .tabitem {
  white-space: nowrap;
  flex: 1;
  display: flex;
  position: relative;
  align-items: center;
  opacity: .5;
}
.home-quote-tablist .tabitem.active {
  opacity: 1;
}
.home-quote-tablist .tabitem.active img {
  transform: scale(1);
  -webkit-transform: scale(1);
  transform-origin: left center;
}
.home-quote-tablist a {
  display: block;
}
.home-quote-tablist img {
  max-width: 100%;
  display: block;
  object-fit: scale-down;
  object-position: left center;
  position: relative;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform-origin: left center;
}

.home-quote-body {
  flex: 1;
  height: 100%;
  position: relative;
  display: block;
  padding: 0 0 0 3rem;
}

.home-quote-ico {
  width: 2.4rem;
  padding: 0 5px 0 7px;
  position: absolute;
  left: 0;
  top: 0;
}
.home-quote-ico img {
  width: 100%;
  display: block;
}

.home-quote-swip {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.home-quote-swip .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.home-quote-swip .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  perspective: 400;
  -webkit-perspective: 400;
}
.home-quote-swip .box {
  transform: translateY(77px);
  -webkit-transform: translateY(77px);
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  opacity: 0;
}
.home-quote-swip .en {
  font-family: "SofiaPro-Regular";
  font-size: 1.1rem;
  line-height: 1.5rem;
}
.home-quote-swip .cn {
  font-size: .8rem;
  line-height: 1.5em;
  margin-top: 1.25em;
}
.home-quote-swip .swiper-slide-prev .box {
  transform: rotateX(90deg) translateY(-77px);
  -webkit-transform: rotateX(90deg) translateY(-77px);
  transform-style: preserve-3d;
  transform-origin: center top;
  opacity: 0;
}
.home-quote-swip .swiper-slide-active .box {
  transform: none;
  -webkit-transform: none;
  transition-delay: .4s;
  opacity: 1;
}

@media (min-width: 992px) {
  .home-quote-body {
    max-width: 660px;
  }

  .home-quote-swip .cn {
    opacity: 0.8;
  }
}
@media (max-width: 991.98px) {
  .home-quote {
    padding: .64rem 0 0.88rem;
  }

  .home-quote-layout {
    display: block;
    height: auto;
  }

  .home-quote-tabbox {
    width: 100%;
    margin: 0 0 .64rem;
    padding: 0.2rem 0 0;
  }

  .home-quote-paging {
    width: 100%;
    height: 2px;
    left: 0;
    top: -1px;
    transform: none;
    -webkit-transform: none;
  }
  .home-quote-paging .line {
    width: 33.33%;
    height: 100%;
  }

  .home-quote-tablist {
    width: 100%;
    height: auto;
    flex-direction: row;
  }
  .home-quote-tablist .tabitem {
    justify-content: center;
  }
  .home-quote-tablist .tabitem a {
    width: 100%;
  }
  .home-quote-tablist .tabitem img {
    max-width: 82%;
    margin: 0 auto;
    object-position: center center;
    transform-origin: center center;
  }
  .home-quote-tablist .tabitem.active img {
    transform-origin: center center;
  }

  .home-quote-body {
    padding: 0.82rem 0 0 0.52rem;
  }

  .home-quote-ico {
    width: .48rem;
    padding: 0.28rem 2px 0 3px;
  }

  .home-quote-swip {
    min-height: 1.6rem;
  }
  .home-quote-swip .en {
    font-size: .32rem;
    line-height: .42rem;
  }
  .home-quote-swip .cn {
    font-size: .24rem;
    line-height: .34rem;
    margin-top: .4rem;
  }
}
/* 成功案例 */
.home-case {
  padding: 4.5rem 0 4.9rem;
}

.hmcase-tabbox {
  width: 100%;
  margin-bottom: 2.4rem;
}

.hmcase-tab {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.6rem;
}
.hmcase-tab .tabitem {
  flex: 0 0 16.66%;
  padding: 0 0.6rem;
}
.hmcase-tab .tabitem.active a {
  background: #fe2c55;
  border-color: #fe2c55;
}
.hmcase-tab a {
  width: 100%;
  height: 3rem;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.hmcase-tab img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: scale-down;
  object-position: center center;
}

.hmcase-content {
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

.hmcase-pane {
  display: none;
}
.hmcase-pane.active {
  display: block;
}

.hmcase-layout {
  width: 100%;
  height: 23.6rem;
  display: flex;
  align-items: stretch;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.hmcase-media {
  flex: 0 0 66.4%;
  max-width: 784px;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}
.hmcase-media .box {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.hmcase-imgs {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  border-top-left-radius: 16px;
  -webkit-border-bottom-left-radius: 16px;
  position: relative;
  z-index: 1;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.hmcase-imgs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: relative;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.hmcase-black {
  width: 100%;
  height: 55.5%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.hmcase-title {
  width: 100%;
  font-size: 1.8rem;
  line-height: 1.44em;
  font-weight: 700;
  color: #fff;
  padding: 2.1rem 2.2rem 2.1rem 2rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}

.hmcase-datas {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  background: #fe2c55;
  padding: 0 2.5rem;
  color: #fff;
  justify-content: center;
}

.hmcase-datalist {
  display: block;
  min-width: 80%;
  max-width: 100%;
}
.hmcase-datalist .dataitem {
  margin-bottom: 4.7rem;
}
.hmcase-datalist .dataitem:last-child {
  margin-bottom: 0;
}
.hmcase-datalist .item-data {
  font-size: 5rem;
  line-height: 1em;
  height: 0.7em;
  display: flex;
  align-items: flex-end;
  white-space: nowrap;
}
.hmcase-datalist .item-data .num {
  font-family: "SofiaPro-SemiBold";
  margin-left: -0.05em;
}
.hmcase-datalist .item-data .unit {
  font-size: 32%;
  line-height: 1.4em;
  margin-left: 4px;
}
.hmcase-datalist .item-tit {
  font-size: 1rem;
  line-height: 1.45em;
  margin-top: 0.6em;
}

.hmcase-bot {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: .48rem;
}
.hmcase-bot .btn-more a {
  display: flex;
  align-items: center;
  font-size: .28rem;
  line-height: .4rem;
  color: #fe2c55;
  padding: .4rem .96rem;
}
.hmcase-bot .btn-more .arrow {
  width: .24rem;
  height: .24rem;
  display: block;
  background: url("/img/static/chevron-right.svg") no-repeat center center;
  background-size: contain;
  margin: -.1em 0 0 .2rem;
}

@media (min-width: 992px) {
  .hmcase-tab a:hover {
    border-color: #fe2c55;
  }

  .hmcase-pane {
    position: relative;
  }
  .hmcase-pane::after {
    content: '';
    display: block;
    pointer-events: none;
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    border: solid 10px #000;
    z-index: 10;
  }
  .hmcase-pane .hmcase-layout {
    z-index: 5;
  }

  .hmcase-layout:hover .hmcase-imgs {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
}
@media (max-width: 991.98px) {
  .home-case {
    padding: 1.8rem 0 0.94rem;
  }

  .hmcase-tabbox {
    margin-bottom: 0.8rem;
  }

  .hmcase-tab {
    margin: -0.12rem;
    overflow: hidden;
  }
  .hmcase-tab .tabitem {
    flex: 0 0 33.33%;
    padding: .12rem;
  }
  .hmcase-tab a {
    height: .72rem;
  }

  .hmcase-layout {
    height: auto;
    display: block;
    border-radius: .32rem;
  }

  .hmcase-media {
    flex: none;
    max-width: none;
    width: 100%;
    height: auto;
  }

  .hmcase-imgs {
    padding: 60% 0 0;
  }
  .hmcase-imgs img {
    border-radius: 0px;
    border-top-left-radius: .32rem;
    border-top-right-radius: .32rem;
    position: absolute;
    left: 0;
    top: 0;
  }

  .hmcase-black {
    height: 64%;
  }

  .hmcase-title {
    width: 100%;
    font-size: .4rem;
    padding: .32rem .48rem;
  }

  .hmcase-datas {
    width: 100%;
    height: auto;
    padding: .6rem 0.72rem .4rem;
  }

  .hmcase-datalist {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .hmcase-datalist .dataitem {
    margin: 0;
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
  }
  .hmcase-datalist .dataitem:last-child {
    justify-content: flex-end;
  }
  .hmcase-datalist .item-data {
    font-size: 0.9rem;
  }
  .hmcase-datalist .item-data .num {
    letter-spacing: -2px;
  }
  .hmcase-datalist .item-tit {
    font-size: .24rem;
    line-height: 1.4em;
    margin-top: .2rem;
  }
}
/* 新闻 */
.home-news {
  padding: 4.5rem 0 5rem;
}

.home-news-swip {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.home-news-swip .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.home-news-swip .swiper-slide {
  width: 18.6rem;
}
.home-news-swip .box {
  width: 100%;
  display: block;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  background: #191919;
  position: relative;
  color: #fff;
}
.home-news-swip .slide-imgs {
  width: 100%;
  padding: 80% 0 0;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  -webkit-border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  z-index: 1;
}
.home-news-swip .slide-imgs .imgs {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  -webkit-border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  z-index: 1;
}
.home-news-swip .slide-imgs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  -webkit-border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  position: relative;
}
.home-news-swip .slide-bd {
  width: 100%;
  overflow: hidden;
  padding: 1.2rem 1.6rem 1rem;
}
.home-news-swip .slide-time {
  font-size: .8rem;
  line-height: 1.4em;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: .5rem;
}
.home-news-swip .slide-tit {
  font-size: 1rem;
  line-height: 1.45em;
  height: 2.9em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-news-swip .slide-bot {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.2em;
}
.home-news-swip .slide-tag {
  display: flex;
  margin: 0 -5px 0 0;
  font-size: .8rem;
  line-height: 2em;
  color: #fff;
}
.home-news-swip .slide-tag li {
  margin: 0 5px 0 0;
}
.home-news-swip .slide-tag span {
  display: block;
  padding: 0 0.75em;
  border-radius: 1em;
  background: #333;
}
.home-news-swip .slide-arrow {
  width: 2rem;
  height: 2rem;
  display: block;
  border: solid 3px #fe2c55;
  position: relative;
  border-radius: 100%;
}
.home-news-swip .slide-arrow img {
  width: .7rem;
  height: .7rem;
  display: block;
  object-fit: contain;
  object-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.35rem 0 0 -0.35rem;
}

@keyframes arrowFlv {
  0% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(2px);
  }
}
@-webkit-keyframes arrowFlv {
  0% {
    -webkit-transform: translateX(-2px);
  }
  100% {
    -webkit-transform: translateX(2px);
  }
}
@media (min-width: 992px) {
  .home-news-swip .box::after {
    content: '';
    display: block;
    pointer-events: none;
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    border: solid 10px #000;
    z-index: 10;
  }
  .home-news-swip .box:hover .slide-imgs .imgs {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
  .home-news-swip .box:hover .slide-arrow img {
    animation: arrowFlv 0.4s cubic-bezier(0.33, 1, 0.68, 1) both infinite alternate;
    -webkit-animation: arrowFlv 0.4s cubic-bezier(0.33, 1, 0.68, 1) both infinite alternate;
  }
}
@media (max-width: 991.98px) {
  .home-news {
    padding: 1.8rem 0 2rem;
    overflow: hidden;
  }

  .home-news-swip {
    overflow: visible;
  }
  .home-news-swip .swiper-slide {
    width: 62.56vw;
  }
  .home-news-swip .box {
    border-radius: .32rem;
  }
  .home-news-swip .slide-imgs {
    border-top-left-radius: .32rem;
    border-top-right-radius: .32rem;
  }
  .home-news-swip .slide-imgs .imgs {
    border-top-left-radius: .32rem;
    border-top-right-radius: .32rem;
  }
  .home-news-swip .slide-imgs img {
    border-top-left-radius: .32rem;
    border-top-right-radius: .32rem;
  }
  .home-news-swip .slide-bd {
    padding: .4rem;
  }
  .home-news-swip .slide-time {
    font-size: .24rem;
    line-height: .36rem;
    margin-bottom: .2rem;
  }
  .home-news-swip .slide-tit {
    font-size: .28rem;
    line-height: .42rem;
    height: .85rem;
  }
  .home-news-swip .slide-bot {
    margin-top: .36rem;
  }
  .home-news-swip .slide-tag {
    font-size: .24rem;
    line-height: .5rem;
  }
  .home-news-swip .slide-tag span {
    padding: 0 0.28rem;
    border-radius: .5rem;
  }
  .home-news-swip .slide-arrow {
    width: .52rem;
    height: .52rem;
    border-width: 2px;
  }
  .home-news-swip .slide-arrow img {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -3px;
  }
}