.guide-main {
  height: 100vh;
  --top-height: calc(var(--pm__100) + 0.72rem);
}
.guide-main.change .header .logo img {
  filter: none;
}
.guide-main.change .enter-home {
  opacity: 0;
  visibility: hidden;
}
.guide-main.change .second-section .control-tab {
  bottom: calc(100 / 960 * 100vh);
}
.guide-main .header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: var(--pm__50) 0;
  z-index: 200;
}
.guide-main .header .logo img {
  height: 0.74rem;
  filter: brightness(0) invert(1);
}

.guide-main .header .logo > a{flex-shrink: 0;}
.guide-main .header .logo .text{font-size: 0.25rem; line-height: calc(40 / 25); padding-left:1em;margin-left:1em;border-left: 0.02rem solid rgba(255,255,255, 0.1);color: #fff;}
.guide-main.change .header .logo .text{color: #073190; border-left-color: rgba(7, 48, 144, 0.1);}

@media (max-width: 480px) {
  .guide-main .header  .logo img{height: 0.35rem;}
  .guide-main .header .logo .text{font-size: var(--font-size__14); }
}

.guide-main .header .lang-list {
  position: relative;
  z-index: 10;
  transition: 0.3s;
}
.guide-main .header .lang-list .cur {
  background-color: var(--primary-color);
  padding: 0 0.18rem;
  border-radius: 0.19rem;
  line-height: calc(38 / 16);
  color: var(--white-color);
  cursor: pointer;
}
.guide-main .header .lang-list .cur:before,
.guide-main .header .lang-list .cur:after {
  display: block;
  content: '';
  background: var(--background-contain);
}
.guide-main .header .lang-list .cur:before {
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.1rem 0 0;
  background-image: url(../images/lang.svg);
}
.guide-main .header .lang-list .cur:after {
  width: 0.09rem;
  height: 0.06rem;
  margin: 0 0 0 0.1rem;
  background-image: url(../images/select.svg);
  filter: brightness(0) invert(1);
}
.guide-main .header .lang-list ul {
  position: absolute;
  border-radius: 0.19rem;
  left: 0;
  width: 100%;
  top: 100%;
  background-color: var(--primary-color);
  padding: 0.18rem;
  transform: translateY(0.2rem);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.guide-main .header .lang-list ul li {
  line-height: 2;
  text-align: center;
}
.guide-main .header .lang-list ul li a {
  color: var(--white-color);
  display: block;
  transition: 0.3s;
  border-radius: 0.19rem;
}
.guide-main .header .lang-list ul li a:hover {
  background-color: var(--white-color);
  color: var(--primary-color);
}
.guide-main .header .lang-list.active ul {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.guide-main .header.hide-lang .lang-list {
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 480px) {
  .guide-main .header .logo img {
    height: 0.48rem;
  }
}
.guide-swiper {
  height: 100%;
}
.guide-swiper .swiper {
  height: 100%;
}
.guide-swiper .first-section .container {
  position: relative;
  z-index: 20;
  text-align: center;
  color: var(--white-color);
}
.guide-swiper .first-section .tit {
  font-size: var(--font-size__80);
  margin: 0;
  font-family: var(--f-family__cn);
}
.guide-swiper .first-section .en-tit {
  font-size: var(--font-size__40);
  margin: 0.5em 0 0 0;
  line-height: calc(58 / 40);
  font-family: var(--f-family__cn);
}
.guide-swiper .first-section .desc {
  font-size: var(--font-size__30);
  margin: calc(var(--pm__50) - 0.15rem) 0 var(--pm__20) 0;
  letter-spacing: 0.03rem;
  line-height: calc(49 / 30);
}
.guide-swiper .first-section .en-desc {
  font-size: var(--font-size__32);
  line-height: calc(50 / 32);
  max-width: 12.4rem;
  margin: 0 auto;
}
.guide-swiper .first-section .count-down .title {
  font-size: var(--font-size__50);
  font-weight: var(--font-weight__m);
  margin-bottom: 1em;
}
@media (max-width: 480px) {
  .guide-swiper .first-section .tit {
    font-size: var(--font-size__50);
  }
  .guide-swiper .first-section .en-tit {
    font-size: var(--font-size__32);
  }
  .guide-swiper .first-section .desc {
    font-size: var(--font-size__20);
  }
  .guide-swiper .first-section .count-down .title {
    font-size: var(--font-size__30);
  }
  .guide-swiper .first-section .en-desc {
    font-size: var(--font-size__24);
  }
}
.enter-home {
  --bottom: 103;
  transition: 0.3s;
  position: fixed;
  left: 0;
  bottom: calc(var(--bottom) / 960 * 100%);
  width: 100%;
  z-index: 200;
  text-align: center;
}
.enter-home.hide {
  opacity: 0;
  visibility: hidden;
}
.enter-home.add-color a {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.enter-home.add-color a .ico {
  filter: brightness(0) invert(1);
}
.enter-home a {
  padding: 0 var(--pm__60);
  height: 0.7rem;
  border-radius: 0.35rem;
  background-color: var(--white-color);
  font-size: var(--font-size__20);
  transition: 0.3s;
}
.enter-home a .ico {
  margin-left: 0.28rem;
  width: 0.06rem;
  height: 0.06rem;
  background: var(--primary-color);
  border-radius: 50%;
  position: relative;
}
.enter-home a .ico:before,
.enter-home a .ico:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  border-radius: 50%;
}
.enter-home a .ico:before {
  width: 0.12rem;
  height: 0.12rem;
  margin: -0.06rem 0 0 -0.06rem;
  background: rgba(var(--primary-color__rgb), 0.4);
  animation: arrow-ico-ani 1s linear infinite;
}
.enter-home a .ico:after {
  width: 0.22rem;
  height: 0.22rem;
  margin: -0.11rem 0 0 -0.11rem;
  background: rgba(var(--primary-color__rgb), 0.1);
  animation: arrow-ico-ani 1.5s linear infinite;
}
.enter-home a:hover a {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.enter-home a:hover a .ico {
  filter: brightness(0) invert(1);
}
@media (max-width: 480px) {
  .enter-home {
    bottom: 5%;
  }
}
@keyframes arrow-ico-ani {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.second-section .about-intro {
  height: 100%;
  padding-top: calc(238 / 960 * 100vh);
}
.second-section .about-intro .container {
  --max-width: 1200;
  position: relative;
  z-index: 20;
  color: var(--white-color);
  text-align: center;
}
.second-section .about-intro .tit {
  font-size: var(--font-size__60);
  margin: 0 0 calc(90 / 960 * 100vh) 0;
}
.second-section .about-intro .figure:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--black-color__rgb), 0.5);
  z-index: 10;
}
.second-section .about-intro .tit,
.second-section .about-intro .number-count {
  opacity: 0;
  transform: translateY(0.3rem);
  transition: 0.5s;
}
.second-section .control-tab {
  position: absolute;
  z-index: 10;
  left: 0;
  width: 100%;
  bottom: calc(136 / 960 * 100vh + 0.7rem);
  transition: 0.3s;
}
.second-section .control-tab:after,
.second-section .control-tab:before {
  content: '';
  position: absolute;
  left: 0;
  z-index: 10;
  width: 100%;
  background: repeat-x 0 0;
  pointer-events: none;
  background-size: calc(5760 / 1920 * 100vw) auto;
  z-index: 1;
}
.second-section .control-tab:before {
  top: 0.19rem;
  background-image: url(../images/l1.png);
  height: 0.86rem;
  animation: moveLine1 35s linear infinite;
}
.second-section .control-tab:after {
  top: 0.48rem;
  background-image: url(../images/l2.png);
  height: 0.98rem;
  animation: moveLine2 45s linear infinite;
  animation-delay: -25s;
}
.second-section .control-tab ul {
  position: relative;
  z-index: 2;
}
.second-section .control-tab li {
  border-radius: 0.1rem;
  background-color: var(--white-color);
  padding: var(--pm__40) var(--pm__30);
  width: calc(25% - 0.15rem);
  max-width: 2.88rem;
  cursor: pointer;
  transition: 0.3s;
}
.second-section .control-tab li.active {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.second-section .control-tab li.active .icon img {
  filter: brightness(0) invert(1);
}
.second-section .control-tab li .icon img {
  height: 0.47rem;
}
.second-section .control-tab li h3 {
  margin: 1em 0 0 0;
  font-size: var(--font-size__20);
}
.swiper-slide-active .second-section .about-intro .tit,
.swiper-slide-active .second-section .about-intro .number-count {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.3s;
}
.swiper-slide-active .second-section .about-intro .number-count {
  transition-delay: 0.6s;
}
@media (max-width: 480px) {
  .second-section {
    background-color: #fbf5ed;
  }
  .second-section .about-intro .tit {
    font-size: var(--font-size__40);
  }
  .second-section .about-intro .number-count ul {
    justify-content: flex-start;
  }
  .second-section .about-intro .number-count li {
    width: calc(100% / 3);
  }
  .second-section .about-intro .number-count li:nth-child(3) ~ li {
    margin-top: 0.3rem;
  }
  .second-section .control-tab li .icon {
    display: flex;
    justify-content: center;
  }
  .second-section .control-tab li .icon img {
    height: 0.36rem;
  }
  .second-section .control-tab li h3 {
    display: none;
  }
  .second-section .about-img-txt {
    padding-top: 24vh;
  }
  .second-section .about-img-txt:before {
    height: 30%;
  }
  .second-section .about-img-txt + .figure {
    height: 28%;
  }
  .second-section .about-img-txt .six-center + .number-count ul {
    display: flex;
  }
  .second-section .about-img-txt .six-center + .number-count li {
    width: 50%;
  }
  .second-section .about-img-txt .six-center li {
    width: 100%;
  }
  .second-section .about-img-txt .container {
    display: flex;
    align-items: center;
    padding-left: 0.3rem;
  }
  .second-section .about-img-txt .container .tit {
    width: 1em;
    flex-shrink: 0;
    text-align: center;
    margin: 0;
  }
  .second-section .about-img-txt .container > div {
    width: auto;
    flex: 1;
    margin-left: 0.6rem;
  }
  .second-section .about-img-txt .number-count ul {
    display: block;
  }
  .second-section .about-img-txt .wap-area .number-count ul{
    display: flex; width: 100%;
  }

  .second-section .about-img-txt .number-count li:not(:last-child) {
    margin-bottom: 0.3rem;
  }
  .second-section .about-img-txt .tabs .info {
    max-height: calc(30 / 18 * 6em);
  }
}
@keyframes moveLine1 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: calc(5760 / 1920 * 100vw) 0;
  }
}
@keyframes moveLine2 {
  from {
    background-position: calc(5760 / 1920 * 100vw) 0;
  }
  to {
    background-position: 0 0;
  }
}
.number-count li .count {
  font-family: var(--f-family__cn);
  font-weight: var(--font-weight__b);
  font-size: var(--font-size__72);
  line-height: calc(52 / 72);
}
.number-count li p {
  margin: 0.27rem 0 0 0;
  font-size: var(--font-size__20);
}
@media (max-width: 480px) {
  .number-count li .count {
    font-size: var(--font-size__48);
  }
  .number-count li p {
    font-size: var(--font-size__16);
  }
}
.about-img-txt {
  z-index: 20;
  padding-top: calc(202 / 960 * 100vh);
}
.about-img-txt::after,
.about-img-txt::before {
  content: '';
  position: absolute;
}
.about-img-txt::before {
  background: url(../images/mask.png) no-repeat center center;
  background-size: 100% 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.about-img-txt::after {
  height: calc(608 / 960 * 100vh);
  width: calc(735 / 1920 * 100%);
  background: url(../images/yezi.svg) no-repeat left calc(65 / 1920 * 100vw) bottom;
  background-size: calc(572 / 735 * 100%) auto;
  z-index: 2;
  left: 0;
  top: 0;
}
.about-img-txt .tips {
  color: var(--primary-color);
  margin-top: 0.1rem;
}
.about-img-txt + .figure {
  width: calc(1029 / 1920 * 100%);
  left: auto;
  right: 0;
}
.about-img-txt .container {
  position: relative;
  z-index: 3;
}
.about-img-txt .container > div {
  width: calc(735 / var(--max-width) * 100%);
}
.about-img-txt .tit {
  font-size: var(--font-size__44);
  margin: 0 0 calc(80 / 960 * 100vh) 0;
}
.about-img-txt .number-count ul {
  justify-content: space-between;
  width: 85%;
}
.about-img-txt .number-count li .count {
  justify-content: flex-start;
  color: var(--primary-color);
}
.about-img-txt .number-count li p {
  line-height: 2;
  margin-top: 0.17rem;
}
.about-img-txt .six-center {
  margin-top: calc(44 / 960 * -100vh);
}
.about-img-txt .six-center ul{justify-content: space-between;}
.about-img-txt .six-center li {
  width: calc((100% - var(--pm__20)) / 2);
}
@media (min-width:481px) {
  .about-img-txt .six-center li:nth-child(2) ~ li {
    margin-top: var(--pm__20);
  }
}
.about-img-txt .six-center li a {
  background-color: var(--white-color);
  box-shadow: 0 0.05rem 0.1rem rgba(240, 90, 35, 0.05);
  border-radius: 0.08rem;
  height: 100%;
  padding: 0.16rem;
  transition: 0.3s;
  color: #333;
  display: block;
}
.about-img-txt .six-center li a img {
  flex-shrink: 0;
  margin-right: 0.11rem;
  width: 0.26rem;
}
.about-img-txt .six-center li .na{font-size: var(--font-size__24); font-weight: var(--font-weight__b);}
.about-img-txt .six-center li a p {
  margin: 1em 0 0 0;
  font-size: var(--font-size__18);
}
@media (max-width: 480px) {
  .about-img-txt .six-center li .na{font-size: var(--font-size__20);}
  .about-img-txt .six-center li a p{font-size: var(--font-size__16);}
  .about-img-txt .six-center li:not(:last-child){margin-bottom: 0.05rem;}
}
.about-img-txt .six-center li a:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.about-img-txt .six-center li a:hover img {
  filter: brightness(0) invert(1);
}
.about-img-txt .tabs {
  margin-top: calc(-30 / 960 * 100vh - var(--pm__30));
}
.about-img-txt .tabs .tab {
  border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1);
  padding-bottom: var(--pm__30);
}
.about-img-txt .tabs .name {
  margin: 0;
  font-size: var(--font-size__24);
  padding: var(--pm__30) 0 0 0;
  cursor: pointer;
}
.about-img-txt .tabs .info {
  font-size: var(--font-size__18);
  line-height: calc(30 / 18);
  margin-top: 0.2rem;
  overflow: auto;
  max-height: calc(30 / 18 * 3em);
  display: none;
}
.third-section .layout-circle {
  position: relative;
  z-index: 5;
}
.third-section .imgs .figure {
  height: 100%;
}
.third-section .imgs .figure:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--black-color__rgb), 0.5);
  z-index: 10;
}
.layout-circle {
  width: 6.86em;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 0;
}
.layout-circle .circle-ani {
  position: relative;
  padding-bottom: 100%;
}
.layout-circle .circle-ani:before {
  position: absolute;
  content: '';
  width: 5.67em;
  border-radius: 50%;
  height: 5.67em;
  background: rgba(var(--primary-color__rgb), 0.05);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.layout-circle .content {
  width: 6.1em;
  border-radius: 50%;
  height: 6.1em;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
  backdrop-filter: saturate(150%) contrast(70%) blur(3px);
  -webkit-backdrop-filter: saturate(150%) contrast(70%) blur(3px);
  background-color: rgba(0, 0, 0, 0.35);
}
.layout-circle .content .item {
  color: var(--white-color);
  padding: 0.65em 0.8em calc(0.77em + 0.7rem) 0.8em;
  text-align: center;
}
.layout-circle .content h4 {
  font-size: 0.32em;
  line-height: 1.2;
  margin: 0 0 1.6em 0;
  font-weight: var(--font-weight__m);
}
.layout-circle .content pre {
  font-size: 0.18em;
  line-height: calc(32 / 18);
  text-align: center;
}
.layout-circle .swiper {
  height: 100%;
}
.layout-circle .dots li {
  position: absolute;
  width: 0.08em;
  height: 0.08em;
  border-radius: 50%;
  background-color: var(--white-color);
}
.layout-circle .dots li::after,
.layout-circle .dots li::before {
  position: absolute;
  content: '';
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
  left: 50%;
  top: 50%;
  transform: scale(0);
}
.layout-circle .dots li::before {
  width: 0.6em;
  height: 0.6em;
  background-color: rgba(var(--white-color__rgb), 0.3);
  margin: -0.3em 0 0 -0.3em;
}
.layout-circle .dots li::after {
  width: 0.3em;
  height: 0.3em;
  background-color: rgba(var(--white-color__rgb), 0.5);
  margin: -0.15em 0 0 -0.15em;
}
.layout-circle .dots li div {
  position: absolute;
  width: max-content;
}
.layout-circle .dots li span {
  font-size: 0.24em;
  font-weight: var(--font-weight__m);
  line-height: calc(36 / 24);
  color: var(--white-color);
  width: 4em;
  margin-top: 0.5em;
}
.layout-circle .dots li img {
  object-fit: contain;
  width: 0.47em;
  height: 0.4em;
  transition: 0.3s;
}
.layout-circle .dots li.active::after,
.layout-circle .dots li.active::before {
  transform: scale(1);
  opacity: 1;
}
.layout-circle .dots li.active::before {
  transition-delay: 0.2s;
}
.layout-circle .dots li.left div {
  right: calc(100% + 0.95em);
}
.layout-circle .dots li.right div {
  left: calc(100% + 0.95em);
}
.layout-circle .dots li:not(.mid) div {
  top: 50%;
  transform: translateY(-50%);
}
.layout-circle .dots li.mid div {
  left: 50%;
  top: calc(100% + 0.3em);
  transform: translateX(-50%);
}
.layout-circle[data-num="4"] .process-circle {
  transform: rotate(48deg);
}
.layout-circle[data-num="4"] .dots li:nth-child(1) {
  left: 1.02em;
  top: 0.96em;
}
.layout-circle[data-num="4"] .dots li:nth-child(2) {
  left: 5.75em;
  top: 0.96em;
}
.layout-circle[data-num="4"] .dots li:nth-child(3) {
  left: 5.75em;
  top: 5.8em;
}
.layout-circle[data-num="4"] .dots li:nth-child(4) {
  left: 1.02em;
  top: 5.8em;
}
@media (max-width: 1024px) {
  .layout-circle {
    font-size: 0.7rem;
  }
}
@media (max-width: 480px) {
  .layout-circle {
    font-size: 0.6rem;
  }
  .layout-circle .dots li img {
    width: 0.6em;
    height: 0.6em;
  }
  .layout-circle .content h4 {
    font-size: 0.4em;
    margin-bottom: 1em;
  }
  .layout-circle .content pre {
    font-size: 0.24em;
  }
  .layout-circle .content .item {
    padding-bottom: 0.65rem;
  }
  .layout-circle .dots li span {
    display: none;
  }
}
.fourth-section {
  color: var(--white-color);
}
.fourth-section .big-title {
  z-index: 6;
  top: calc(150 / 960 * 100vh);
  text-align: center;
  font-size: var(--font-size__44);
  font-weight: var(--font-weight__b);
}
.fourth-section .swiper-img .figure {
  height: 100%;
}
.fourth-section .swiper-img .figure:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--black-color__rgb), 0.5);
  z-index: 10;
}
.fourth-section .swiper-txt {
  z-index: 5;
}
.fourth-section .swiper-txt [class*=thumb-active] .item {
  background: linear-gradient(to bottom, rgba(var(--primary-color__rgb), 0) 40%, rgba(var(--primary-color__rgb), 1) 100%);
}
.fourth-section .swiper-txt [class*=thumb-active] .item .inner h4 {
  font-size: var(--font-size__32);
}
.fourth-section .swiper-txt [class*=thumb-active] .item .inner pre {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.fourth-section .swiper-txt .item {
  height: 100%;
  cursor: pointer;
  color: var(--white-color);
  border-right: 1px solid rgba(var(--white-color__rgb), 0.2);
}
.fourth-section .swiper-txt .item .inner {
  text-align: center;
  padding: 0 var(--pm__40) var(--pm__80);
}
.fourth-section .swiper-txt .item .inner h4 {
  font-size: var(--font-size__24);
  margin: 0 0 0.3rem 0;
  line-height: calc(32 / 24);
  font-weight: var(--font-weight__m);
}
.fourth-section .swiper-txt .item .inner pre {
  font-size: var(--font-size__20);
  line-height: calc(32 / 20);
  text-align: center;
  position: absolute;
  top: 0;
  visibility: hidden;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s;
  transform: translateY(0.3rem);
  opacity: 0;
}
@media (max-width: 768px) {
  .fourth-section .swiper-txt .item .inner pre {
    display: none;
  }
  .fourth-section .swiper-txt .item .inner h4 {
    font-size: var(--font-size__20);
  }
}
.controls {
  position: fixed;
  z-index: 240;
  pointer-events: none;
  right: 0.4rem;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.controls .controls-page {
  pointer-events: auto;
  position: relative;
}
.controls .controls-page:before,
.controls .controls-page:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 1px;
  height: 100vh;
  border-left: 1px dotted rgba(var(--white-color__rgb), 0.5);
  margin-left: -1px;
}
.controls .controls-page:before {
  bottom: 100%;
}
.controls .controls-page:after {
  top: 100%;
}
.controls .controls-page span {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  height: 1rem;
  cursor: pointer;
}
.controls .controls-page span::before,
.controls .controls-page span:after {
  display: block;
  flex: 1;
  content: '';
  width: 1px;
  border-left: 1px dotted rgba(var(--white-color__rgb), 0.5);
}
.controls .controls-page span i {
  width: 0.21rem;
  height: 0.21rem;
  border-radius: 50%;
  border: solid 2px transparent;
  margin: 0.1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}
.controls .controls-page span i::before {
  content: '';
  display: block;
  border: 2px solid var(--white-color);
  border-radius: 50%;
  width: 0.09rem;
  height: 0.09rem;
  transition: 0.3s;
}
.controls .controls-page span.active i {
  border-color: var(--primary-color);
}
.controls .controls-page span.active i::before {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
@media (max-width: 1024px) {
  .controls {
    display: none;
  }
}


.swiper-expert  a{display: block; border-radius: var(--pm__10); overflow: hidden; position: relative;}
.swiper-expert .figure{padding-bottom: calc(140 / 200 * 100%); background-color: #fff;}
.swiper-expert .figure .img{object-fit: contain; object-position:center bottom;}
.swiper-expert .hover-txt{position: absolute; left: 0;top: 0;width: 100%;height: 100%;color: #fff;z-index: 10;background: rgba(var(--black-color__rgb), 0.7); opacity: 0; transition: 0.3s;}
.swiper-expert  a:hover .hover-txt{opacity: 1;}
.swiper-expert .hover-txt .name{font-size: var(--font-size__24); font-weight: var(--font-weight__b); margin-bottom: 0.1rem;}
.swiper-expert .hover-txt p{margin: 0; font-size: var(--font-size__20); line-height: calc(32 / 20);text-align: center; max-width: 7em;}
.swiper-expert .sw-pages{position: initial;justify-content: center; height: 0.12rem; margin-top: 0.2rem;}
.swiper-expert .sw-pages span{background-color: #de8d6f;opacity: 0.22;}
.swiper-expert .sw-pages span[class*=-active]{opacity: 1;}
@media (min-width: 481px) {
  .swiper-expert{width: 6.7rem!important;margin: calc(42 / 960 * 100vh) 0 0 0;}
}
@media (max-width: 480px) {
  .second-section .wap-area{padding-top: 10vh;}
  .swiper-expert{width: 66vw!important;}
}