@charset "UTF-8";
/*
 * index.css
 * (c) 2023 Authors (https://www.mountor.cn)
 */
/* 公共 */
body {
  background: #fcfcfc;
}

.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;
}

.s-heading_h2 {
  font-size: 2.8em;
  line-height: 1.3;
  text-align: center;
}
.s-heading_h2 > * {
  margin-right: -0.07em;
}

.home-sect {
  width: 100%;
  position: relative;
}
.home-sect .s-bgimg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.home-sect .s-bgimg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width: 991.98px) {
  .s-heading_h2 {
    font-size: .6rem;
    line-height: 1.3;
  }
}
/* banner */
.home1 {
  width: 100%;
  position: relative;
}

.home1-swip {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  background: #fff;
}
.home1-swip .slide-box {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.home1-swip .imgs {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: no-repeat center center;
  background-size: cover;
  position: relative;
}
.home1-swip .imgs img {
  max-width: 100%;
  display: block;
  position: relative;
}
.home1-swip .imgs.web {
  padding: 0 2.5rem;
}
.home1-swip .imgs.web img {
  top: -4rem;
}
.home1-swip .imgs.app {
  padding: 0 15vw;
}
.home1-swip .imgs.app img {
  top: -0.13rem;
}

.home1-swip-ctrl {
  color: #f3605b;
  opacity: 0;
  visibility: hidden;
  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);
}

.home1ic {
  position: absolute;
  bottom: 2.5em;
  left: 50%;
  z-index: 99;
  transform: translateX(-50%);
  animation: toggleMove .8s infinite;
  -moz-animation: toggleMove 10.8s infinite;
  -webkit-animation: toggleMove .8s infinite;
  -o-animation: toggleMove 0.8s infinite;
}

@media screen and (min-width: 992px) {
  .home1-swip:hover .home1-swip-ctrl {
    opacity: 1;
    visibility: visible;
  }

  .home1-swip-ctrl:hover {
    color: #f01e16;
  }
}
/*** 华商简介 ***/
.hmabout-sect {
  background: #fff;
  padding: 5.5rem 0 5.75rem;
}

.hmabout-desc {
  font-size: 1.2rem;
  line-height: 1.7em;
  color: #666666;
  width: 100%;
  max-width: 1020px;
  margin: 1.4rem auto 0;
  text-align: center;
}

.hmabout-btnbox {
  width: 100%;
  display: flex;
  margin-top: 0.85rem;
  justify-content: center;
}

.hmabout-datasbox {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 3.25rem 0 0;
}
.hmabout-datasbox .dataslist {
  width: 85%;
  max-width: 1120px;
  display: flex;
  justify-content: space-between;
}
.hmabout-datasbox .dataitem {
  flex: none;
  text-align: center;
  white-space: nowrap;
}
.hmabout-datasbox .d-num {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 4.1rem;
  line-height: 1em;
  height: 1em;
}
.hmabout-datasbox .d-num .unit {
  font-size: 37.8%;
  line-height: 1em;
  height: 1em;
}
.hmabout-datasbox .d-tit {
  font-size: 1rem;
  line-height: 1em;
  color: #666666;
  margin-top: .7em;
}

@media screen and (min-width: 992px) {
  .home3svg {
    margin-bottom: 8em;
  }

  .hmabout-btnbox .btn, .btnbox.just-center .btn {
    height: calc(2.2rem + 2px);
  }
  .hmabout-btnbox .btn a, .btnbox.just-center .btn a {
    padding: 0 0.9rem;
  }
}
@media screen and (max-width: 991.98px) {
  .hmabout-sect {
    padding: 2.15rem 0 1.6rem;
  }

  .hmabout-desc {
    width: 100%;
    max-width: none;
    font-size: .4rem;
    line-height: 1.7;
    margin-top: .55rem;
  }

  .hmabout-btnbox {
    margin-top: 0.5rem;
  }

  .hmabout-datasbox {
    margin-top: 1.25rem;
  }
  .hmabout-datasbox .dataslist {
    width: 100%;
    max-width: none;
    flex-wrap: wrap;
    margin-bottom: -.66rem;
  }
  .hmabout-datasbox .dataitem {
    flex: 0 0 50%;
    margin-bottom: .66rem;
  }
  .hmabout-datasbox .d-num {
    justify-content: center;
    font-size: .8rem;
  }
  .hmabout-datasbox .d-num .unit {
    font-size: 40%;
  }
  .hmabout-datasbox .d-tit {
    font-size: .28rem;
    margin-top: .16rem;
  }
}
/* 华商专业 */
.hmmajor-sect {
  width: 100%;
  position: relative;
  padding: 16.8rem 0 0;
  margin-bottom: 0rem;
}
.hmmajor-sect .s-bgimg {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.hmmajor-sect .s-bgimg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
}
.hmmajor-sect .s-bgimg.web {
  bottom: 10.5rem;
}
.hmmajor-sect .s-bgimg.app {
  bottom: 3.6rem;
}
.hmmajor-sect .s-body {
  width: 100%;
  position: relative;
  z-index: 10;
}
.hmmajor-sect .s-heading_h2 {
  color: #fff;
}

.hmmajor-desc {
  max-width: 1020px;
  text-align: center;
  margin: .9rem auto 1.5rem;
  font-size: 1.2em;
  line-height: 1.5;
  text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.hmmajor-swipbox {
  width: 100%;
  position: relative;
}

.hmmajor-swip {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 1.5rem 0;
  margin: -1.5rem 0;
}
.hmmajor-swip .swiper-slide {
  width: 32%;
}
.hmmajor-swip .slide-box {
  width: 100%;
  display: block;
  height: 23.75rem;
  background-color: #fff;
  box-shadow: 0 8px 15px rgba(92, 104, 152, 0.1);
  overflow: hidden;
  border-radius: 4px;
  padding: 3.5rem 2.25rem 0;
  text-align: center;
  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);
}
.hmmajor-swip .slide-imgs {
  width: 100%;
  position: relative;
  margin-bottom: 1.6rem;
}
.hmmajor-swip .imgs {
  width: 8.75rem;
  height: 8.75rem;
  display: block;
  position: relative;
  margin: 0 auto;
}
.hmmajor-swip .imgs img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  object-fit: contain;
  object-position: center center;
}
.hmmajor-swip .hover {
  display: none;
}
.hmmajor-swip .slide-title {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #0d0d0d;
  font-weight: bold;
  margin-bottom: 0.65rem;
  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);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.hmmajor-swip .slide-desc {
  font-size: 1rem;
  line-height: 1.5;
  color: #262626;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 4.8rem;
  overflow: hidden;
}

.hmmajor-swip-ctrl {
  width: 2.9rem;
  height: 2.9rem;
  display: flex;
  align-items: center;
  position: absolute;
  top: 9.1rem;
  z-index: 30;
  opacity: 0.5;
  color: #fff;
  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);
}
.hmmajor-swip-ctrl .bi {
  width: 2.7rem;
  height: 2.7rem;
  display: block;
}
.hmmajor-swip-ctrl.prev {
  left: 0;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  justify-content: flex-start;
}
.hmmajor-swip-ctrl.next {
  right: 0;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  justify-content: flex-end;
}

@media screen and (min-width: 992px) {
  .hmmajor-swip .slide-box:hover .slide-imgs .deft {
    display: none;
  }
  .hmmajor-swip .slide-box:hover .slide-imgs .hover {
    display: block;
  }
  .hmmajor-swip .slide-box:hover .slide-title {
    color: #e93138;
  }

  .hmmajor-swip-ctrl:not(.swiper-button-disabled):hover {
    opacity: 1;
    color: #e93138;
  }
}
@media screen and (max-width: 991.98px) {
  .hmmajor-sect {
    padding: 3.45rem 0 0;
    margin-bottom: .66rem;
  }

  .hmmajor-desc {
    max-width: none;
    width: 100%;
    font-size: .4rem;
    line-height: 1.7;
    margin: .38rem auto .7rem;
  }

  .hmmajor-swip {
    padding: .5rem 0;
    margin: -0.5rem 0;
    overflow: visible;
  }
  .hmmajor-swip .slide-box {
    height: 5.6rem;
    padding: .8rem .5rem 0;
  }
  .hmmajor-swip .slide-imgs {
    margin-bottom: .4rem;
  }
  .hmmajor-swip .imgs {
    width: 1.94rem;
    height: 1.8rem;
  }
  .hmmajor-swip .slide-title {
    font-size: .36rem;
    margin-bottom: .3rem;
    -webkit-line-clamp: initial;
    overflow: initial;
  }
  .hmmajor-swip .slide-desc {
    font-size: .28rem;
    line-height: 1.5em;
    max-height: 6em;
    -webkit-line-clamp: 4;
    display: none;
  }

  .hmmajor-swip-ctrl {
    display: none !important;
  }
}
/* 华商律师 */
.hmlawyer-sect {
  width: 100%;
  padding: 6rem 0 10rem;
  background: url("/img/static/home3bg1.png") no-repeat center 4.8em;
  position: relative;
  background-size: 40.1%;
  margin-bottom: 0rem;
  padding-bottom: 5em;
}

.c-animated-big-text {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #434b34;
  max-width: 53em;
}

.c-animated-big-text__text {
  position: relative;
  font-size: 1.7rem;
  line-height: 1.75em;
  font-weight: bold;
}

.c-animated-big-text__text-line {
  position: relative;
  overflow: hidden;
  display: inline-block;
  color: #999;
}
.c-animated-big-text__text-line span {
  display: block;
  font-weight: 400;
  font-size: 1.05882em;
  line-height: 1.584;
}
.c-animated-big-text__text-line i {
  display: none;
}

.c-animated-big-text__text-line--clone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #333;
  z-index: 2;
}
.c-animated-big-text__text-line--clone .lineParent {
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(98%, #000), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: linear-gradient(90deg, #000 98%, rgba(0, 0, 0, 0) 100%);
  mask-image: -webkit-gradient(linear, left top, right top, color-stop(98%, #000), to(rgba(0, 0, 0, 0)));
  mask-image: linear-gradient(90deg, #000 98%, rgba(0, 0, 0, 0) 100%);
}

.c-animated-big-text--light, .c-animated-big-text--no-bg {
  color: #e3e3c4;
}
.c-animated-big-text--light .c-animated-big-text__text-line--clone, .c-animated-big-text--no-bg .c-animated-big-text__text-line--clone {
  color: #434b34;
}

.c-image-grid-cta .c-animated-big-text {
  max-width: 930px;
  padding-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
}

.c-image-grid-cta__row {
  gap: 20px;
  display: grid;
  grid-template-columns: 45% 1fr;
}

.c-image-grid-cta__text {
  max-width: 360px;
  padding-bottom: 24px;
  color: #2e3323;
}

.c-image-grid-cta__content {
  padding-bottom: 64px;
}

.hmlawyer-botool {
  margin: 1rem 0 0;
}

@media (min-width: 480px) {
  .c-image-grid-cta .c-animated-big-text {
    padding-bottom: calc(3.3333333333vw + 48px);
  }

  .c-image-grid-cta__row {
    gap: 1.0416666667vw;
  }

  .c-image-grid-cta__text {
    padding-bottom: calc(1.6666666667vw + 16px);
  }

  .c-image-grid-cta__content {
    padding-bottom: calc(3.3333333333vw + 48px);
  }
}
@media (min-width: 1440px) {
  .c-image-grid-cta .c-animated-big-text {
    padding-bottom: 96px;
  }

  .c-image-grid-cta__text {
    padding-bottom: 40px;
  }

  .c-image-grid-cta__content {
    padding-bottom: 96px;
  }
}
@media (min-width: 1920px) {
  .c-image-grid-cta .c-animated-big-text {
    max-width: 48.4375vw;
    padding-bottom: 5vw;
  }

  .c-image-grid-cta__text {
    max-width: 18.75vw;
  }

  .c-image-grid-cta__text {
    padding-bottom: 2.0833333333vw;
  }
}
@media screen and (max-width: 991.98px) {
  .hmlawyer-sect {
    background-size: 100%;
    padding: 1.1rem 0 0;
    margin-bottom: 2.56rem;
    margin-top: 1rem;
  }

  .c-animated-big-text__text {
    font-size: .5rem;
  }

  .c-animated-big-text__text-line span {
    display: none;
    font-size: .46rem;
  }
  .c-animated-big-text__text-line i {
    font-size: .46rem;
    display: block;
    font-style: normal;
    font-weight: 400;
    padding: 0 .2rem;
    line-height: 1.584;
  }

  .hmlawyer-botool {
    margin-top: .6rem;
  }
}
@media (max-width: 640px) {
  .c-image-grid-cta__row {
    grid-template-columns: 1fr;
  }
}
/* 我们的业绩 */
.hmyeji-sect {
  margin: 8.2rem 0 7.7rem;
}

.hmyeji-listbox {
  margin-top: 2.3rem;
}

.hmyeji-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.hmyeji-list .item {
  padding: 0 1rem;
}
.hmyeji-list .item-box {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  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);
  background-color: #fff;
  border-radius: 4px;
}
.hmyeji-list .item-imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.hmyeji-list .imgs {
  width: 100%;
  padding: 83.6% 0 0;
  overflow: hidden;
  position: relative;
}
.hmyeji-list .imgs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  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);
}
.hmyeji-list .item-body {
  width: 100%;
  padding: 1.1rem 1.7rem 1.1rem 2.5rem;
}
.hmyeji-list .item-time {
  font-size: .8rem;
  line-height: 1em;
  text-align: right;
  color: #999;
  margin-bottom: 2.25rem;
}
.hmyeji-list .item-type {
  font-size: 1rem;
  height: 1em;
  overflow: hidden;
  color: #e93138;
  font-weight: bold;
  margin-bottom: .8rem;
  display: none;
}
.hmyeji-list .item-title {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 4rem;
}
.hmyeji-list .item-tool {
  width: 100%;
  display: flex;
  margin-top: 1.5rem;
  font-size: .8rem;
  line-height: 1.5em;
  color: #737373;
}

@media screen and (min-width: 992px) {
  .hmyeji-list .item-box:hover {
    box-shadow: 0 8px 15px rgba(92, 104, 152, 0.1);
  }
  .hmyeji-list .item-box:hover .imgs img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
  .hmyeji-list .item-box:hover .item-tool {
    color: #e93138;
  }
}
@media screen and (max-width: 991.98px) {
  .hmyeji-sect {
    margin: 2.56rem 0 1rem;
  }

  .hmyeji-listbox {
    margin-top: 0.56rem;
  }

  .hmyeji-list {
    margin: 0;
  }
  .hmyeji-list .item {
    padding: 0;
    margin-bottom: .4rem;
  }
  .hmyeji-list .item:last-child {
    margin-bottom: 0;
  }
  .hmyeji-list .item-box {
    box-shadow: 0 8px 15px rgba(92, 104, 152, 0.1);
  }
  .hmyeji-list .item-body {
    padding: .25rem .5rem .44rem;
  }
  .hmyeji-list .item-time {
    font-size: .28rem;
    margin-bottom: .32rem;
  }
  .hmyeji-list .item-type {
    font-size: .32rem;
    margin-bottom: .24rem;
  }
  .hmyeji-list .item-title {
    font-size: .4rem;
    line-height: .56rem;
    height: 1.12rem;
  }
  .hmyeji-list .item-tool {
    color: #e93138;
    margin-top: .48rem;
    font-size: .28rem;
    line-height: .4rem;
  }
}
/* 最后一屏 */
.hmend-sect {
  padding: 6rem 0 6.5rem;
  margin-top: 5em;
}

.hmend-list {
  margin: 0 -0.85rem;
}
.hmend-list .item {
  padding: 0 0.85rem;
  flex: 0 0 50% !important;
  max-width: 50%;
}
.hmend-list .item-box {
  width: 100%;
  height: 11rem;
  display: flex;
  align-items: flex-start;
  justify-content: left;
  background-color: #fff;
  box-shadow: 0 8px 10px rgba(26, 97, 152, 0.1);
  border-radius: 4px;
  overflow: hidden;
  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);
  padding: 0 0.5rem;
  padding-left: 2.3em;
}
.hmend-list .box {
  max-width: 100%;
  display: flex;
  align-items: center;
}
.hmend-list .item-imgs {
  flex: none;
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
  margin: 0 0.7rem 0 0;
  margin-right: 1.5em;
  margin-top: 3.4em;
}
.hmend-list .imgs {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.hmend-list .imgs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center center;
  position: relative;
}
.hmend-list .hover {
  display: none;
}
.hmend-list .item-body {
  flex: 1;
}
.hmend-list .item-title {
  font-size: 1.4rem;
  line-height: 1em;
  font-weight: bold;
  color: #222222;
  white-space: nowrap;
  margin-bottom: .5rem;
  margin-top: 1.96429em;
}
.hmend-list .item-desc {
  font-size: 1rem;
  line-height: 1.2em;
  color: #666;
}
.hmend-list .item-tool {
  font-size: .8rem;
  line-height: 1em;
  color: #e93138;
  margin-top: .7rem;
}

@media screen and (max-width: 1700px) {
  .hmend-list .item-title {
    font-size: 1.1rem;
  }
  .hmend-list .item-desc {
    font-size: .9rem;
  }
}
@media screen and (min-width: 991.98px) {
  .hmend-list .item:hover .item-box {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
  }
  .hmend-list .item:hover .deft {
    display: none;
  }
  .hmend-list .item:hover .hover {
    display: block;
  }
}
@media screen and (min-width: 992px) and (max-width: 1366px) {
  .hmend-list {
    margin: 0 -0.5rem;
  }
  .hmend-list .item {
    padding: 0 0.5rem;
  }
  .hmend-list .item-box {
    height: 9rem;
    padding: 0 1rem;
  }
  .hmend-list .item-imgs {
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
  }
  .hmend-list .item-title {
    font-size: 1.2rem;
  }
  .hmend-list .item-desc {
    font-size: .8rem;
    line-height: 1.4em;
  }
  .hmend-list .item-tool {
    font-size: .7rem;
  }
}
@media screen and (max-width: 991.98px) {
  .hmend-list .box {
    padding: 0.54rem 0rem;
  }

  .hmend-list .item-title {
    margin-top: 0;
  }

  .hmend-sect {
    padding: 1.56rem 0 2.14rem;
  }

  .hmend-list {
    margin: 0 -0.2rem;
    flex-direction: column;
  }
  .hmend-list .item {
    padding: 0 .2rem;
    margin-bottom: .4rem;
    max-width: 100%;
  }
  .hmend-list .item:last-child {
    margin-bottom: 0;
  }
  .hmend-list .item-box {
    height: auto;
    padding: 0 .4rem 0 0.6rem;
    justify-content: flex-start;
  }
  .hmend-list .item-imgs {
    width: 1rem;
    height: 1rem;
    margin: 0 0.48rem 0 0;
    margin-top: -0.68rem;
    margin-right: 0.25rem;
  }
  .hmend-list .item-title {
    font-size: .4rem;
    margin-bottom: .16rem;
  }
  .hmend-list .item-desc {
    font-size: .32rem;
    line-height: .5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 0.47rem;
  }
  .hmend-list .item-tool {
    margin-top: .24rem;
    font-size: .28rem;
    font-weight: bold;
  }
}


/* 新增 20250218 */
.addnewall-button{
  margin-top: 2.2rem;
}
@media screen and (max-width: 991.98px) {
  .addnewall-button{
    margin-top: 0.5rem;
  }
}