@charset "UTF-8";
@font-face {
  font-family: 'SemplicitaPro-Bold';
  src: url("../fonts/SemplicitaPro-Bold.ttf");
}
@font-face {
  font-family: 'SemplicitaProMedium';
  src: url("../fonts/SemplicitaProMedium.otf");
}
@font-face {
  font-family: 'semplicitapro-light';
  src: url("../fonts/semplicitapro-light.otf");
}
@font-face {
  font-family: 'Rajdhani-Medium';
  src: url("../fonts/Rajdhani-Medium-3.ttf");
}
@keyframes o-upfade-top {
  0% {
    opacity: 0;
    transform: translateY(0.4rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes scroll-1 {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(0.1rem);
  }
}
@keyframes about-1 {
  0%, 100% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(-10%, 10%);
  }
  66% {
    transform: translate(0, -10%);
  }
}
@keyframes about-2 {
  0%, 100% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(10%, -10%);
  }
  66% {
    transform: translate(0, 10%);
  }
}
@keyframes drop-1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(5px);
  }
}
@keyframes top-1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes foot-1 {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
}
@keyframes clip-path-1 {
  0% {
    clip-path: inset(0 0 0% 0);
  }
  to {
    clip-path: inset(0 0 100% 0);
  }
}
@keyframes rotate-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes o-map-scale {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes scale-bg {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes index-svg-1 {
  0% {
    stroke-dashoffset: 622;
    transform: rotate(-180deg);
  }
  83.33% {
    stroke-dashoffset: 466;
    transform: rotate(-180deg);
  }
  100% {
    stroke-dashoffset: 622;
    transform: rotate(-90deg);
  }
}
@keyframes index-svg-2 {
  0% {
    stroke-dashoffset: 622;
    transform: rotate(-90deg);
  }
  83.33% {
    stroke-dashoffset: 466;
    transform: rotate(-90deg);
  }
  100% {
    stroke-dashoffset: 622;
    transform: rotate(0deg);
  }
}
@keyframes index-svg-3 {
  0% {
    stroke-dashoffset: 622;
    transform: rotate(0deg);
  }
  83.33% {
    stroke-dashoffset: 466;
    transform: rotate(0deg);
  }
  100% {
    stroke-dashoffset: 622;
    transform: rotate(90deg);
  }
}
@keyframes index-svg-4 {
  0% {
    stroke-dashoffset: 622;
    transform: rotate(90deg);
  }
  83.33% {
    stroke-dashoffset: 466;
    transform: rotate(90deg);
  }
  100% {
    stroke-dashoffset: 622;
    transform: rotate(180deg);
  }
}
@keyframes index-time-1 {
  0% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes index-time-2 {
  0% {
    transform: rotate(90deg);
  }
  60% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes index-time-3 {
  0% {
    transform: rotate(180deg);
  }
  60% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@keyframes index-time-4 {
  0% {
    transform: rotate(270deg);
  }
  60% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes index-time1-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes index-time1-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes index-time1-3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes index-time1-4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes index7-svg {
  0% {
    stroke-dashoffset: 622;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes n-index-scale1 {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  33% {
    transform: scale(1);
    opacity: 1;
  }
  50%, 100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes n-index-opacity1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes n-index-stroke1 {
  0% {
    stroke-dashoffset: 1290;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes color-transition {
  0% {
    color: #ddd;
  }
  30% {
    color: #cdee9a;
  }
  to {
    color: #26364d;
  }
}
@keyframes color-transition1 {
  0% {
    color: #26364d;
  }
  to {
    color: #ddd;
  }
}
@media screen and (min-width: 1025px) {
  .dom-loaded .header {
    transition: all .3s ease;
  }
  .dom-loaded .header li a.single {
    transition: line-height .3s ease;
  }
  .dom-loaded .header li a.single:before {
    transition: all .3s ease;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
@media screen and (min-width: 1025px) {
  .header.index .logo img.show {
    opacity: 0;
  }
  .header.index .logo img.hide {
    opacity: 1;
  }
  .header.index li a.single {
    color: #fff;
  }
  .header.index .global .show:before {
    background-image: url("../images/global-1.svg");
  }
  .header.index .global .show:after {
    background-image: url("../images/drop-1.svg");
  }
  .header.down {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
  }
  .header.down .logo img.show {
    opacity: 1;
  }
  .header.down .logo img.hide {
    opacity: 0;
  }
  .header.down li a.single {
    line-height: max(60px, 0.8rem);
    color: #26364d;
  }
  .header.down .global .show:before {
    background-image: url("../images/global.svg");
  }
  .header.down .global .show:after {
    background-image: url("../images/drop.svg");
  }
  .header.translate {
    transform: translateY(-101%);
  }
}
.header .wrap-s {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .logo {
  width: max(100px, 1.4rem);
  position: relative;
}
.header .logo img {
  display: block;
  width: 100%;
}
.header .logo img.hide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.header .ope {
  display: flex;
  align-items: center;
}
.header ul {
  display: flex;
}
.header li {
  position: relative;
  margin-left: 0.4rem;
}
.header li:nth-of-type(1) {
  margin-left: 0;
}
.header li a.single {
  display: block;
  font-size: 14px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  line-height: max(80px, 1.2rem);
  position: relative;
}
.header li a.single:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #26364d;
  position: absolute;
  top: calc(50% + 20px);
  left: 0;
  transform: scaleX(0);
}
.header li .subnav {
  position: absolute;
  top: calc(50% + 20px);
  padding-top: 4px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease;
}
.header li .subnav .inner {
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 7px 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.header li .subnav .inner a {
  display: block;
  font-size: 12px;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 10px;
  color: #26364d;
  text-align: center;
  white-space: nowrap;
  transition: all .3s ease;
}
@media (any-hover: hover) {
  .header li .subnav .inner a:hover {
    background-color: #e8eef6;
  }
}
@media (any-hover: hover) {
  .header li:hover a.single:before {
    transform: scaleX(1);
  }
  .header li:hover .subnav {
    opacity: 1;
    pointer-events: auto;
  }
}
.header .global {
  position: relative;
  margin-left: 0.5rem;
}
.header .global .show {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header .global .show:before {
  content: '';
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/global.svg");
  will-change: transform;
}
.header .global .show:after {
  content: '';
  width: 7px;
  height: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/drop.svg");
  margin-left: 5px;
}
.header .global .hide {
  width: 120px;
  position: absolute;
  top: 100%;
  right: 0;
  padding-top: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
}
.header .global .hide:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  right: 12px;
  top: 11px;
}
.header .global .box {
  padding: 0.1rem 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.header .global .box a {
  font-size: max(12px, 0.14rem);
  line-height: 2;
  color: #26364d;
  position: relative;
}
.header .global .box a:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #26364d;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: all .5s;
}
@media (any-hover: hover) {
  .header .global .box a:hover:before {
    transform: scaleX(1);
  }
}
.header .global:hover .hide {
  opacity: 1;
  visibility: visible;
}
.header .contact {
  margin-left: 0.3rem;
  height: max(32px, 0.4rem);
  background-color: #cdee9a;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.05rem 0.2rem 0;
  cursor: pointer;
  transition: all .3s ease;
}
.header .contact span {
  font-size: 14px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.header .contact:after {
  content: '';
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  transform: translateY(-2px);
  margin-left: 0.2rem;
}
@media (any-hover: hover) {
  .header .contact:hover {
    background-color: #d7f8a3;
  }
}

.m-header {
  display: none;
  height: 60px;
  padding: 0 8.335vw;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  transition: background .3s ease;
}
.m-header .logo {
  position: absolute;
  left: 8.335vw;
  width: 90px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
}
.m-header .logo img {
  display: block;
  width: 100%;
  transition: opacity .3s ease;
}
.m-header .logo img.show {
  opacity: 0;
}
.m-header .logo img.hide {
  position: absolute;
  top: 0;
  left: 0;
}
.m-header .ope {
  margin-right: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.m-header .contact {
  height: 30px;
  background-color: #cdee9a;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  padding: 2px 15px 0;
  cursor: pointer;
}
.m-header .contact span {
  font-size: 12px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.m-header .contact:after {
  content: '';
  width: 6px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  transform: translateY(-2px);
}
.m-header .mNavBtn {
  width: 20px;
  height: 16px;
  right: 8.335vw;
  top: 22px;
  position: fixed;
  cursor: pointer;
  z-index: 4;
}
.m-header .mNavBtn span {
  position: absolute;
  left: 0;
  width: 20px;
  height: 2px;
  background-color: #26364d;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.m-header .mNavBtn span.line1 {
  top: 0;
}
.m-header .mNavBtn span.line2 {
  top: 7px;
}
.m-header .mNavBtn span.line3 {
  bottom: 0;
}
.m-header .mNavBtn.active .line2 {
  display: none;
}
.m-header .mNavBtn.active .line1 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 7px;
}
.m-header .mNavBtn.active .line3 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 7px;
}
.m-header .block {
  width: 100%;
  height: 100svh;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(101%);
  background-color: #fff;
  padding: 60px 8.335vw 0;
  z-index: 3;
  transition: transform .5s ease;
}
.m-header .block .link {
  padding-top: 60px;
}
.m-header .block .link .box {
  position: relative;
  border-bottom: 1px solid #d4d7db;
}
.m-header .block .link .box a.single {
  display: inline-block;
  font-size: 16px;
  line-height: 50px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.m-header .block .link .box i {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/drop.svg");
  background-size: auto 10px;
}
.m-header .block .link .box .subnav {
  padding: 0 20px 20px;
}
.m-header .block .link .box .subnav a {
  display: block;
  font-size: 16px;
  color: #26364d;
  margin-top: 15px;
}
.m-header .block .link .box .subnav a:nth-of-type(1) {
  margin-top: 0;
}
.m-header .block .global {
  position: absolute;
  bottom: 120px;
  left: 8.335vw;
  right: 8.335vw;
  z-index: 3;
}
.m-header .block .global .show {
  position: relative;
  height: 60px;
  display: flex;
  grid-gap: 5px;
  align-items: center;
  border-top: 1px solid #d4d7db;
  border-bottom: 1px solid #d4d7db;
  padding: 0 10px;
  z-index: 1;
}
.m-header .block .global .show:before {
  content: '';
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/global.svg");
}
.m-header .block .global .show span {
  font-size: 14px;
  color: #26364d;
  padding-top: 2px;
}
.m-header .block .global .show:after {
  content: '';
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-2.svg");
  position: absolute;
  right: 10px;
  top: calc(50% - 3px);
}
.m-header .block .global .hide {
  position: absolute;
  bottom: calc(100% - 2px);
  background-color: #fff;
  left: 0;
  right: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px 10px;
  z-index: 2;
  display: none;
}
.m-header .block .global .hide a {
  display: block;
  font-size: 14px;
  color: #26364d;
  margin-top: 10px;
}
.m-header .block .global .hide a:nth-of-type(1) {
  margin-top: 0;
}
.m-header .block .global.active .hide {
  display: block;
}
.m-header .block .share {
  position: absolute;
  left: 8.335vw;
  right: 8.335vw;
  bottom: 0;
  padding: 40px 0;
  display: flex;
  justify-content: center;
  grid-gap: 10px;
}
.m-header .block .share a {
  width: 40px;
  height: 40px;
  border: 1px solid #dde2e8;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 12px;
  transition: all .3s ease;
}
.m-header .block .share a.x {
  background-image: url("../images/share-1.svg");
}
.m-header .block .share a.ins {
  background-image: url("../images/share-2.svg");
}
@media (any-hover: hover) {
  .m-header .block .share a:hover {
    border-color: #26364d;
  }
}
.m-header.index .logo img.show {
  opacity: 1;
}
.m-header.index .logo img.hide {
  opacity: 0;
}
.m-header.index .mNavBtn span {
  background-color: #ffffff;
}
.m-header.down {
  background-color: #fff;
}
.m-header.down .logo img.show {
  opacity: 0;
}
.m-header.down .logo img.hide {
  opacity: 1;
}
.m-header.down .mNavBtn span {
  background-color: #26364d;
}
.m-header.active .logo img.show {
  opacity: 0;
}
.m-header.active .logo img.hide {
  opacity: 1;
}
.m-header.active .mNavBtn span {
  background-color: #26364d;
}
.m-header.active .block {
  transform: translateX(0);
}

.footer {
  background-color: #f9f9f9;
  position: relative;
  overflow: hidden;
}
.footer:before {
  content: '';
  width: 20.76rem;
  height: 2.69rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/foot-1.png");
  position: absolute;
  left: 50vw;
  bottom: -0.7rem;
  animation: foot-1 40s linear infinite;
  pointer-events: none;
}
.footer .totop {
  position: absolute;
  right: 0;
  top: 1.1rem;
  width: max(40px, 0.54rem);
  height: max(40px, 0.54rem);
  border-radius: 50%;
  background-color: #cdee9a;
  cursor: pointer;
}
.footer .totop:before {
  content: '';
  width: 12px;
  height: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-3.svg");
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 6px);
  animation: top-1 1.5s linear infinite;
}
.footer .top-block {
  padding: 1.1rem 0 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footer .left-box .logo {
  width: max(120px, 1.8rem);
}
.footer .left-box .logo img {
  display: block;
  width: 100%;
}
.footer .left-box .share {
  margin-top: 0.4rem;
  display: flex;
}
.footer .left-box .share a {
  width: max(40px, 0.54rem);
  height: max(40px, 0.54rem);
  margin-left: 10px;
  border: 1px solid #dde2e8;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto max(14px, 0.2rem);
  transition: all .3s ease;
}
.footer .left-box .share a:nth-of-type(1) {
  margin-left: 0;
}
@media (any-hover: hover) {
  .footer .left-box .share a:hover {
    border-color: #26364d;
  }
}
.footer .right-box {
  padding-right: 1rem;
}
.footer .right-box .link {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 0.2rem;
  width: 6rem;
}
.footer .right-box .link .box {
  width: 33.33%;
}
.footer .right-box .link .box a {
  font-size: max(14px, 0.18rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  position: relative;
}
.footer .right-box .link .box a:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #26364d;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: all .3s ease;
}
@media (any-hover: hover) {
  .footer .right-box .link .box a:hover:before {
    transform: scaleX(1);
  }
}
.footer .bot-block {
  padding: 0.4rem 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #26364d;
}
.footer .r-box {
  display: flex;
  align-items: center;
}
.footer .copyright {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
}
.footer .link {
  display: flex;
}
.footer .link a {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
}
.footer .link a:last-of-type:after {
  display: none;
}
.footer .link a:after {
  display: inline-block;
  vertical-align: top;
  content: '|';
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
  width: 0.4rem;
  text-align: center;
  transform: scale(0.8);
}
@media (any-hover: hover) {
  .footer .link a:hover:before {
    transform: scaleX(1);
  }
}
.footer .global {
  position: relative;
  margin-left: 0.4rem;
}
.footer .global .show {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.footer .global .show:before {
  content: '';
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/global.svg");
  will-change: transform;
}
.footer .global .show:after {
  content: '';
  width: 7px;
  height: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/drop.svg");
  margin-left: 5px;
}
.footer .global .hide {
  width: 120px;
  position: absolute;
  bottom: 100%;
  right: 0;
  padding-bottom: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
}
.footer .global .hide:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  right: 12px;
  bottom: 11px;
}
.footer .global .box {
  padding: 0.1rem 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.footer .global .box a {
  font-size: max(12px, 0.14rem);
  line-height: 2;
  color: #26364d;
  position: relative;
}
.footer .global .box a:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #26364d;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: all .5s;
}
@media (any-hover: hover) {
  .footer .global .box a:hover:before {
    transform: scaleX(1);
  }
}
.footer .global:hover .hide {
  opacity: 1;
  visibility: visible;
}

.index-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
.index-footer.index .bot-block {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.index-footer.index .copyright {
  color: #ffffff;
}
.index-footer.index .global .show:before {
  background-image: url("../images/global-1.svg");
}
.index-footer.index .global .show:after {
  background-image: url("../images/drop-1.svg");
}
.index-footer .bot-block {
  padding: 0.3rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(38, 54, 77, 0.2);
}
.index-footer .r-box {
  display: flex;
  align-items: center;
}
.index-footer .copyright {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
}
.index-footer .link {
  display: flex;
}
.index-footer .link a {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
}
.index-footer .link a:last-of-type:after {
  display: none;
}
.index-footer .link a:after {
  display: inline-block;
  vertical-align: top;
  content: '|';
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
  width: 0.4rem;
  text-align: center;
  transform: scale(0.8);
}
@media (any-hover: hover) {
  .index-footer .link a:hover:before {
    transform: scaleX(1);
  }
}
.index-footer .global {
  position: relative;
  margin-left: 0.4rem;
}
.index-footer .global .show {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.index-footer .global .show:before {
  content: '';
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/global.svg");
  will-change: transform;
}
.index-footer .global .show:after {
  content: '';
  width: 7px;
  height: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/drop.svg");
  margin-left: 5px;
}
.index-footer .global .hide {
  width: 120px;
  position: absolute;
  bottom: 100%;
  right: 0;
  padding-bottom: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
}
.index-footer .global .hide:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  right: 12px;
  bottom: 11px;
}
.index-footer .global .box {
  padding: 0.1rem 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.index-footer .global .box a {
  font-size: max(12px, 0.14rem);
  line-height: 2;
  color: #26364d;
  position: relative;
}
.index-footer .global .box a:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #26364d;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: all .5s;
}
@media (any-hover: hover) {
  .index-footer .global .box a:hover:before {
    transform: scaleX(1);
  }
}
.index-footer .global:hover .hide {
  opacity: 1;
  visibility: visible;
}

.fixed-cookie {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.fixed-cookie .main-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #26364d;
  padding: 0.6rem 0;
}
.fixed-cookie .block {
  display: flex;
  align-items: center;
}
.fixed-cookie .para {
  width: calc(100% - 4.8rem);
  font-size: max(13px, 0.16rem);
  color: #fff;
}
.fixed-cookie .para a {
  color: #cdee9a;
}
.fixed-cookie .link {
  width: 4.8rem;
  display: flex;
  justify-content: flex-end;
}
.fixed-cookie .link a {
  width: max(100px, 1.48rem);
  border: 1px solid transparent;
  font-size: max(12px, 0.14rem);
  line-height: max(36px, 0.4rem);
  border-radius: 0.1rem;
  padding-top: 0.04rem;
  cursor: pointer;
  text-align: center;
  transition: all .3s ease;
}
.fixed-cookie .link a:nth-of-type(1) {
  background-color: #cdee9a;
  border-color: #cdee9a;
  color: #26364d;
}
.fixed-cookie .link a:nth-of-type(2) {
  border-color: #fff;
  color: #fff;
  margin-left: 0.1rem;
}
@media (any-hover: hover) {
  .fixed-cookie .link a:hover {
    background-color: #cdee9a;
    border-color: #cdee9a;
    color: #26364d;
  }
}

@keyframes loading-1 {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}
@keyframes loading-2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.index-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  overflow: hidden;
}
.index-loading:before, .index-loading:after {
  content: '';
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  z-index: 1;
  background-color: #fff;
}
.index-loading:before {
  top: 0;
  transform-origin: center top;
}
.index-loading:after {
  top: 50%;
  transform-origin: center bottom;
}
.index-loading .main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.index-loading .img-box {
  width: 26px;
  margin: 0 auto;
}
.index-loading .img-box img {
  display: block;
  width: 100%;
}
.index-loading .line {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.index-loading .num {
  width: 120px;
  text-align: center;
  font-size: 20px;
  color: #283540;
  opacity: 0.2;
}
.index-loading .left-line, .index-loading .right-line {
  width: calc(50% - 60px);
  height: 1px;
  position: relative;
}
.index-loading .left-line span, .index-loading .right-line span {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 2.5s linear;
}
.index-loading .left-line {
  background-color: #ededed;
}
.index-loading .left-line span {
  background-color: #cdee9a;
  transform-origin: left center;
}
.index-loading .right-line {
  background-color: #ededed;
}
.index-loading .right-line span {
  background-color: #cdee9a;
  transform-origin: right center;
}
.index-loading.ani:before, .index-loading.ani:after {
  animation: loading-1 .5s ease forwards;
  animation-delay: 3s;
}
.index-loading.ani .left-line span, .index-loading.ani .right-line span {
  transform: scaleX(1);
}
.index-loading.ani .main {
  animation: loading-2 .5s ease forwards;
  animation-delay: 2.5s;
}

.swiper-pagination-lock {
  display: none !important;
}

.wrap-s {
  width: 83.33%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.c-mediaroom .label {
  font-size: 0.6rem;
  color: #26364d;
  line-height: 1;
  font-family: 'SemplicitaPro-Bold';
}
.c-mediaroom .down-btn {
  position: absolute;
  right: 0;
  top: 0.3rem;
  width: max(40px, 0.54rem);
  height: max(40px, 0.54rem);
  border-radius: 50%;
  background-color: #cdee9a;
  cursor: pointer;
}
.c-mediaroom .down-btn:before {
  content: '';
  width: 12px;
  height: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-2.svg");
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 6px);
  animation: drop-1 1.5s linear infinite;
}
.c-mediaroom .link {
  margin-top: 0.4rem;
  display: inline-flex;
  background-color: #f9f9f9;
  padding: 5px;
  border-radius: max(20px, 0.25rem);
}
.c-mediaroom .link a {
  width: max(120px, 1.5rem);
  text-align: center;
  font-size: max(12px, 0.15rem);
  color: rgba(38, 54, 77, 0.5);
  line-height: max(30px, 0.4rem);
  border-radius: max(15px, 0.2rem);
  transition: all .3s ease;
}
.c-mediaroom .link a.active {
  background-color: #cdee9a;
  color: #26364d;
}

.fixed-formpop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: none;
}
.fixed-formpop .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.fixed-formpop .main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fixed-formpop .block {
  width: 83.33%;
  max-width: max(400px, 5rem);
  padding: 0.4rem;
  background-color: #fff;
  border-radius: 0.16rem;
}
.fixed-formpop .block .icon {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/dealer/icon-1.png");
}
.fixed-formpop .block .tit {
  margin-top: 0.2rem;
  font-size: max(18px, 0.24rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.fixed-formpop .block p {
  font-size: max(13px, 0.16rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
  text-align: center;
  margin-top: 5px;
}
.fixed-formpop .block .btn {
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
}
.fixed-formpop .block .btn span {
  font-size: max(14px, 0.18rem);
  line-height: max(40px, 0.5rem);
  border-radius: max(20px, 0.25rem);
  color: #26364d;
  background-color: #cdee9a;
  padding: 0 0.4rem;
  cursor: pointer;
}

.fixed-result {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: none;
}
.fixed-result .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.fixed-result .main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fixed-result .block {
  width: 86%;
  max-width: 9rem;
  background-image: linear-gradient(180deg, #edf0f5, #fff);
  border-radius: 0.2rem;
  padding: 0.6rem 0.6rem 0.2rem;
}
.fixed-result .label {
  font-size: 0.4rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
  line-height: 1;
}
.fixed-result .img-box {
  position: relative;
  width: max(200px, 2.4rem);
  margin: 0.4rem auto 0;
  border-radius: 0.2rem;
  overflow: hidden;
}
.fixed-result .img-box img {
  display: block;
  width: 100%;
}
.fixed-result .img-box a {
  width: max(40px, 0.5rem);
  height: max(40px, 0.5rem);
  border-radius: 0.2rem;
  background-color: #26364d;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/configurator/icon-5.png");
  background-size: auto 12px;
  position: absolute;
  bottom: 0.1rem;
  right: 0.1rem;
}
.fixed-result .txt-box {
  margin-top: 0.3rem;
}
.fixed-result .txt-box .tit {
  font-size: max(14px, 0.18rem);
  color: #26364d;
  text-align: center;
  font-family: 'SemplicitaPro-Bold';
}
.fixed-result .txt-box p {
  font-size: max(14px, 0.18rem);
  color: #26364d;
  text-align: center;
  font-family: 'semplicitapro-light';
  transform: skewX(-10deg);
  margin-top: 5px;
}
.fixed-result .btns {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #cdee9a;
  padding: 0.15rem;
  border-radius: 0.2rem;
}
.fixed-result .btns span {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  padding-top: 0.04rem;
}
.fixed-result .tips {
  font-size: max(10px, 0.12rem);
  color: #26364d;
  text-align: center;
  margin-top: 0.15rem;
  opacity: 0.6;
}
.fixed-result .tips span {
  text-decoration: underline;
  cursor: pointer;
}

.fixed-video-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .3s ease;
  z-index: 99;
}
.fixed-video-pop.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.fixed-video-pop .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.fixed-video-pop .main {
  width: 86%;
  max-width: max(600px, 10.4rem);
  padding: 0.6rem;
  background-color: #fff;
  border-radius: 0.6rem;
  position: relative;
  z-index: 2;
}
.fixed-video-pop .close {
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/video/icon-3.png");
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  z-index: 2;
  cursor: pointer;
}
.fixed-video-pop .tit {
  font-size: 0.32rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  padding-right: 20px;
}
.fixed-video-pop .para {
  font-size: max(13px, 0.16rem);
  color: #26364d;
  margin-top: 0.3rem;
}
.fixed-video-pop .time {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
  gap: 10px;
}
.fixed-video-pop .time:before {
  content: '';
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/video/icon-2.png");
}
.fixed-video-pop .time span {
  font-size: max(12px, 0.14rem);
  color: #b3bac4;
  font-family: 'SemplicitaPro-Bold';
  padding-top: 5px;
}
.fixed-video-pop .line {
  width: 100%;
  height: 1px;
  background-color: #d7dee5;
  margin-top: 0.4rem;
}
.fixed-video-pop .video-box {
  margin-top: 0.4rem;
  overflow: hidden;
}
.fixed-video-pop .video-box video {
  display: block;
  width: 100%;
}

.c-pages {
  margin-top: 0.4rem;
  padding-top: 0.4rem;
  border-top: 1px solid #26364d;
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-content: center;
}
.c-pages ul {
  display: flex;
  grid-gap: 0.15rem;
}
.c-pages ul li {
  position: relative;
}
.c-pages ul li .page-link {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 30px;
  border: 1px solid #d5d8dc;
  font-size: 12px;
  color: #26364d;
  border-radius: 50%;
  text-align: center;
  z-index: 2;
  transition: all .3s ease;
}
.c-pages ul li.prev a, .c-pages ul li.next a {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/news/icon-4-1.png");
}
@media (any-hover: hover) {
  .c-pages ul li.prev:hover a, .c-pages ul li.next:hover a {
    background-image: url("../images/news/icon-4-2.png");
  }
}
.c-pages ul li.next {
  transform: rotateY(180deg);
}
.c-pages ul li.active a {
  color: #fff;
  background-color: #26364d;
}
@media (any-hover: hover) {
  .c-pages ul li:hover a {
    color: #fff;
    background-color: #26364d;
  }
}

.c-crumbs {
  width: 100%;
  border-top: 1px solid #e3e5e7;
}
.c-crumbs.pos {
  position: absolute;
  top: max(80px, 1.2rem);
  left: 0;
}
.c-crumbs .flex {
  display: flex;
  align-items: center;
  gap: 10px;
}
.c-crumbs .flex a {
  position: relative;
  font-size: 12px;
  line-height: max(40px, 0.5rem);
  color: #26364d;
}
.c-crumbs .flex a:after {
  content: '/';
  width: 10px;
  font-size: 12px;
  line-height: max(40px, 0.5rem);
  color: #26364d;
  text-align: center;
  position: absolute;
  left: 100%;
  top: 0;
}
.c-crumbs .flex span {
  font-size: 12px;
  color: #b3bac4;
}

.product-main {
  padding-top: max(80px, 1.2rem);
}

.product-subnav {
  background-color: #fff;
  border-top: 1px solid #eaf0f6;
  border-bottom: 1px solid #eaf0f6;
  height: max(50px, 0.6rem);
  position: sticky;
  top: 0;
  z-index: 5;
}
.product-subnav .wrap-s {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-subnav .link {
  background-color: #f7f9fb;
  padding: 3px;
  border-radius: max(20px, 0.25rem);
  display: flex;
}
.product-subnav .link a {
  width: max(100px, 1.2rem);
  text-align: center;
  font-size: max(13px, 0.16rem);
  color: #34414a;
  line-height: max(30px, 0.36rem);
  border-radius: max(15px, 0.18rem);
  transition: all .3s ease;
}
.product-subnav .link a.active {
  background-color: #cdee9a;
  color: #26364d;
}
.product-subnav .right-box {
  display: flex;
}
.product-subnav .right-box a {
  width: max(100px, 1.2rem);
  text-align: center;
  font-size: max(12px, 0.14rem);
  color: #ffffff;
  line-height: max(36px, 0.42rem);
  border-radius: max(18px, 0.21rem);
  background-color: #26364d;
  transition: all .3s ease;
  display: none;
}

.prowrap-s {
  width: 74%;
  max-width: 13.2rem;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.fixed-pro-pop1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transition: all .3s ease;
  z-index: 99;
}
.fixed-pro-pop1.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.fixed-pro-pop1.active .main {
  transform: translateY(0);
}
.fixed-pro-pop1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  z-index: 1;
}
.fixed-pro-pop1 .main {
  width: 80%;
  max-width: max(500px, 8rem);
  background-color: #fff;
  border-radius: 0.6rem 0.6rem 0 0;
  padding: 0.6rem 0.8rem 0 0.8rem;
  position: relative;
  z-index: 2;
  transform: translateY(100%);
  transition: transform .5s ease;
}
.fixed-pro-pop1 .close {
  width: max(16px, 0.2rem);
  height: max(16px, 0.2rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/product/icon-8.png");
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  z-index: 2;
  cursor: pointer;
}
.fixed-pro-pop1 .tit {
  font-size: 0.6rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.fixed-pro-pop1 .para {
  font-size: max(15px, 0.2rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
  margin-top: 0.1rem;
}
.fixed-pro-pop1 .img-box {
  width: 100%;
  max-width: 5.96rem;
  margin-top: 0.6rem;
}
.fixed-pro-pop1 .img-box img {
  display: block;
  width: 100%;
}

.fixed-pro-pop2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transition: all .3s ease;
  z-index: 99;
}
.fixed-pro-pop2.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.fixed-pro-pop2 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.fixed-pro-pop2 .main {
  width: 80%;
  max-width: max(400px, 5.6rem);
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 0.8rem 0.8rem 0.3rem;
  position: relative;
  z-index: 2;
}
.fixed-pro-pop2 .close {
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/video/icon-3.png");
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  z-index: 2;
  cursor: pointer;
}
.fixed-pro-pop2 .tit {
  font-size: 0.3rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.fixed-pro-pop2 .form {
  margin-top: 0.3rem;
}
.fixed-pro-pop2 .form .box {
  width: 100%;
  margin-top: 0.2rem;
}
.fixed-pro-pop2 .form .box:nth-of-type(1) {
  margin-top: 0;
}
.fixed-pro-pop2 .form input {
  width: 100%;
  height: max(50px, 0.6rem);
  font-size: max(12px, 0.14rem);
  color: #26364d;
  padding: 0;
  border: 1px solid #dce1e7;
  padding: 0 0.2rem;
  border-radius: 10px;
  transition: border .3s ease;
}
.fixed-pro-pop2 .form input::-webkit-input-placeholder {
  color: #1f2e43;
}
.fixed-pro-pop2 .form input::-moz-placeholder {
  color: #1f2e43;
}
.fixed-pro-pop2 .form input::-moz-placeholder {
  color: #1f2e43;
}
.fixed-pro-pop2 .form input::-ms-input-placeholder {
  color: #1f2e43;
}
.fixed-pro-pop2 .form button {
  margin-top: 0.4rem;
  width: 100%;
  height: max(50px, 0.6rem);
  border-radius: max(25px, 0.3rem);
  background-color: #cdee9a;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}
.fixed-pro-pop2 .form button:before {
  content: '';
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  opacity: 0;
  margin-right: 10px;
  transition: opacity .3s ease;
}
.fixed-pro-pop2 .form button span {
  font-size: max(14px, 0.18rem);
  color: #26364d;
  transform: translateX(-10px);
  transition: transform .3s ease;
}
@media (any-hover: hover) {
  .fixed-pro-pop2 .form button:hover {
    background-color: #d7f8a3;
  }
  .fixed-pro-pop2 .form button:hover:before {
    opacity: 1;
  }
  .fixed-pro-pop2 .form button:hover span {
    transform: none;
  }
}
.fixed-pro-pop2 .form .tips {
  margin-top: 0.2rem;
  font-size: max(10px, 0.12rem);
  color: #808080;
  text-align: center;
}
.fixed-pro-pop2 .form .layui-input:hover,
.fixed-pro-pop2 .form .layui-input:focus,
.fixed-pro-pop2 .form .layui-textarea:hover,
.fixed-pro-pop2 .form .layui-textarea:focus {
  border-color: #808080 !important;
}
.fixed-pro-pop2 .form .layui-input:focus,
.fixed-pro-pop2 .form .layui-textarea:focus {
  box-shadow: none;
}
.fixed-pro-pop2 .form .layui-form-danger:focus {
  border-color: #26364d !important;
}

.c-banner {
  position: relative;
}
.c-banner.style-1 {
  background-color: #d3dbe7;
}
.c-banner.style-1 .img-block img {
  height: 41.66vw;
}
.c-banner.style-1 .img-block img.mobile {
  display: none;
}
.c-banner.style-1 .label {
  color: #fff;
}
.c-banner.style-1 p {
  color: #fff;
}
.c-banner .img-block img {
  display: block;
  width: 100%;
  height: 30.72vw;
  object-fit: cover;
  object-position: bottom;
}
.c-banner .txt-block {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
}
.c-banner .label {
  font-size: 0.8rem;
  color: #26364d;
  line-height: 1;
  font-family: 'SemplicitaPro-Bold';
}
.c-banner p {
  font-size: max(14px, 0.18rem);
  color: #26364d;
  margin-top: 0.2rem;
}
.c-banner .emailbox {
  margin-top: 0.3rem;
  display: flex;
}
.c-banner .emailbox .inner {
  background-color: #e2e8f1;
  height: max(50px, 0.66rem);
  border-radius: max(25px, 0.33rem);
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c-banner .emailbox .inner span {
  display: block;
  font-size: max(10px, 0.12rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
}
.c-banner .emailbox .inner .mail {
  font-size: max(13px, 0.16rem);
  color: #26364d;
  margin-left: 5px;
}
.c-banner .down-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: max(40px, 0.54rem);
  height: max(40px, 0.54rem);
  border-radius: 50%;
  background-color: #cdee9a;
  cursor: pointer;
}
.c-banner .down-btn:before {
  content: '';
  width: 12px;
  height: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-2.svg");
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 6px);
  animation: drop-1 1.5s linear infinite;
}

.inner-s1 {
  padding: 1.5rem 0 0;
}
.inner-s1 .wrap-s {
  display: flex;
  align-items: flex-start;
}
.inner-s1 .label {
  font-size: max(18px, 0.24rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s1 .left-block {
  width: 6.4rem;
}
.inner-s1 .right-block {
  width: calc(100% - 6.4rem);
  padding-left: 10px;
}
.inner-s1 .box {
  margin-top: 0.3rem;
}
.inner-s1 .tit {
  font-size: max(13px, 0.16rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s1 .addr {
  margin-top: 0.1rem;
  position: relative;
  padding-left: 0.4rem;
}
.inner-s1 .addr:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/contact/icon-1.png");
}
.inner-s1 .addr p {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  line-height: 18px;
  font-family: 'semplicitapro-light';
}
.inner-s1 .addr a {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.inner-s1 .addr a .txt {
  position: relative;
  overflow: hidden;
  padding-bottom: 3px;
}
.inner-s1 .addr a span {
  font-size: max(12px, 0.14rem);
  color: #26364d;
}
.inner-s1 .addr a .line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.inner-s1 .addr a .line:before, .inner-s1 .addr a .line:after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #26364d;
  transform: translateZ(0);
}
.inner-s1 .addr a:after {
  content: '';
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/contact/icon-2.png");
  transform: translateY(-4px);
  margin-left: 10px;
}
@media (any-hover: hover) {
  .inner-s1 .addr a:hover .line:before, .inner-s1 .addr a:hover .line:after {
    transform: translate3d(200%, 0, 0);
    transition: transform 0.8s cubic-bezier(0.5, 0, 0, 1);
  }
  .inner-s1 .addr a:hover .line:before {
    left: -200%;
  }
}
.inner-s1 .form {
  margin-top: 0.4rem;
  display: flex;
  flex-wrap: wrap;
}
.inner-s1 .form .item {
  width: 100%;
  margin-top: 0.3rem;
}
.inner-s1 .form .item:nth-of-type(1), .inner-s1 .form .item:nth-of-type(2) {
  width: calc(50% - 5px);
}
.inner-s1 .form .item:nth-of-type(1) {
  margin-top: 0;
}
@media screen and (min-width: 640px) {
  .inner-s1 .form .item:nth-of-type(2) {
    margin-left: 10px;
    margin-top: 0;
  }
}
.inner-s1 .form .agree {
  width: 100%;
  display: flex;
  align-items: baseline;
  font-size: max(12px, 0.14rem);
  color: #aaadb4;
  line-height: 1.5;
}
.inner-s1 .form input {
  width: 100%;
  height: max(50px, 0.6rem);
  font-size: max(12px, 0.14rem);
  color: #26364d;
  padding: 0;
  font-family: 'SemplicitaPro-Bold';
  border-bottom: 1px solid #dce1e7;
  transition: border .3s ease;
}
.inner-s1 .form input::-webkit-input-placeholder {
  color: #aaadb4;
}
.inner-s1 .form input::-moz-placeholder {
  color: #aaadb4;
}
.inner-s1 .form input::-moz-placeholder {
  color: #aaadb4;
}
.inner-s1 .form input::-ms-input-placeholder {
  color: #aaadb4;
}
.inner-s1 .form button {
  margin-top: 0.6rem;
  width: max(180px, 2.3rem);
  height: max(50px, 0.6rem);
  border-radius: 10px;
  background-color: #cdee9a;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}
.inner-s1 .form button:before {
  content: '';
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  opacity: 0;
  margin-right: 10px;
  transition: opacity .3s ease;
}
.inner-s1 .form button span {
  font-size: max(14px, 0.18rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  transform: translateX(-10px);
  transition: transform .3s ease;
}
@media (any-hover: hover) {
  .inner-s1 .form button:hover {
    background-color: #d7f8a3;
  }
  .inner-s1 .form button:hover:before {
    opacity: 1;
  }
  .inner-s1 .form button:hover span {
    transform: none;
  }
}
.inner-s1 .form .layui-input:hover,
.inner-s1 .form .layui-input:focus {
  border-color: #808080 !important;
}
.inner-s1 .form .layui-input:focus {
  box-shadow: none;
}
.inner-s1 .form .layui-form-danger:focus {
  border-color: #26364d !important;
}
.inner-s1 .form .layui-form-checkbox[lay-skin=primary] {
  transform: translateY(5px);
}
.inner-s1 .form .layui-form-checkbox[lay-skin=primary]:hover > i {
  border-color: #26364d !important;
}
.inner-s1 .form .layui-form-checked[lay-skin=primary] > i {
  border-color: #26364d !important;
  background-color: #26364d !important;
}

.inner-s2 {
  padding: 1.5rem 0;
  overflow: hidden;
}
.inner-s2 .items {
  width: calc(19.2rem + 20px);
  display: flex;
}
.inner-s2 .item {
  width: 6.4rem;
  background-color: #f9f9f9;
  border: 1px solid transparent;
  border-radius: 0.14rem;
  padding: 0.4rem 0.5rem 0.7rem;
  margin-left: 10px;
  transition: all .3s ease;
}
.inner-s2 .item:nth-of-type(1) {
  margin-left: 0;
}
.inner-s2 .item .tit {
  border-bottom: 1px solid transparent;
  display: flex;
  align-items: center;
  padding-bottom: 0.2rem;
  transition: all .3s ease;
}
.inner-s2 .item .tit img {
  width: max(20px, 0.24rem);
}
.inner-s2 .item .tit span {
  font-size: max(18px, 0.24rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  padding-top: 3px;
  margin-left: 10px;
}
.inner-s2 .item .sales {
  margin-top: 0.6rem;
  display: flex;
}
.inner-s2 .item .sales .box:nth-of-type(2) {
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  border-left: 1px solid #dce1e7;
}
.inner-s2 .item .sales .name {
  font-size: max(14px, 0.16rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s2 .item .sales .position {
  font-size: max(10px, 0.12rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
}
.inner-s2 .item .sales .info {
  margin-top: 0.15rem;
}
.inner-s2 .item .sales p {
  font-size: max(12px, 0.15rem);
  color: #26364d;
}
.inner-s2 .item .sales p a {
  color: #26364d;
}
.inner-s2 .item .single {
  margin-top: 0.6rem;
  display: flex;
  justify-content: flex-end;
}
.inner-s2 .item .single p {
  font-size: max(16px, 0.2rem);
  color: #26364d;
}
.inner-s2 .item .single p a {
  color: #26364d;
}
.inner-s2 .item .single .tips {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  margin-top: 0.1rem;
}
@media (any-hover: hover) {
  .inner-s2 .item:hover {
    background-color: #f9fbfd;
    border-color: #c1cfe6;
  }
  .inner-s2 .item:hover .tit {
    border-color: #dce1e7;
  }
}
.inner-s2 .line {
  margin-top: 0.8rem;
  height: 1px;
  background-color: #dce1e7;
  position: relative;
}
.inner-s2 .line span {
  width: 6.4rem;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #26364d;
}

.inner-s3 {
  padding: 1.5rem 0;
}
.inner-s3 .img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% + 1.6rem);
  height: 100%;
  border-radius: 0.3rem;
  overflow: hidden;
  z-index: 1;
}
.inner-s3 .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s3 .txt-box {
  margin-left: 50%;
  background-color: #f9f9f9;
  border-radius: 0.3rem;
  padding: 1rem 0.6rem 0.6rem;
  position: relative;
  z-index: 2;
}
.inner-s3 .label {
  font-size: max(24px, 0.32rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.inner-s3 .para {
  font-size: max(13px, 0.16rem);
  color: #26364d;
  opacity: 0.6;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
  margin-top: 0.1rem;
}
.inner-s3 .form {
  margin-top: 0.4rem;
  display: flex;
  flex-wrap: wrap;
}
.inner-s3 .form .item {
  width: calc((100% - 0.14rem) / 2);
  margin-top: 0.3rem;
}
.inner-s3 .form .item span {
  display: block;
  font-size: max(10px, 0.12rem);
  color: #26364d;
  margin-bottom: 0.1rem;
}
.inner-s3 .form .item:nth-of-type(1) {
  margin-top: 0;
}
.inner-s3 .form .item:nth-of-type(7) {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .inner-s3 .form .item:nth-of-type(2), .inner-s3 .form .item:nth-of-type(4), .inner-s3 .form .item:nth-of-type(6) {
    margin-left: 0.14rem;
  }
  .inner-s3 .form .item:nth-of-type(2) {
    margin-top: 0;
  }
}
.inner-s3 .form input {
  width: 100%;
  height: max(50px, 0.6rem);
  font-size: max(12px, 0.14rem);
  color: #26364d;
  padding: 0;
  border: 1px solid #dce1e7;
  padding: 0 0.2rem;
  border-radius: 10px;
  transition: border .3s ease;
}
.inner-s3 .form input::-webkit-input-placeholder {
  color: #aaadb4;
}
.inner-s3 .form input::-moz-placeholder {
  color: #aaadb4;
}
.inner-s3 .form input::-moz-placeholder {
  color: #aaadb4;
}
.inner-s3 .form input::-ms-input-placeholder {
  color: #aaadb4;
}
.inner-s3 .form textarea {
  width: 100%;
  height: max(80px, 1.1rem);
  font-size: max(12px, 0.14rem);
  color: #26364d;
  padding: 0;
  border: 1px solid #dce1e7;
  padding: 0.1rem 0.2rem;
  border-radius: 10px;
  resize: none;
  transition: border .3s ease;
}
.inner-s3 .form textarea::-webkit-input-placeholder {
  color: #aaadb4;
}
.inner-s3 .form textarea::-moz-placeholder {
  color: #aaadb4;
}
.inner-s3 .form textarea::-moz-placeholder {
  color: #aaadb4;
}
.inner-s3 .form textarea::-ms-input-placeholder {
  color: #aaadb4;
}
.inner-s3 .form button {
  margin-top: 0.4rem;
  width: 100%;
  height: max(50px, 0.6rem);
  border-radius: max(25px, 0.3rem);
  background-color: #cdee9a;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}
.inner-s3 .form button:before {
  content: '';
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  opacity: 0;
  margin-right: 10px;
  transition: opacity .3s ease;
}
.inner-s3 .form button span {
  font-size: max(14px, 0.18rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  transform: translateX(-10px);
  transition: transform .3s ease;
}
@media (any-hover: hover) {
  .inner-s3 .form button:hover {
    background-color: #d7f8a3;
  }
  .inner-s3 .form button:hover:before {
    opacity: 1;
  }
  .inner-s3 .form button:hover span {
    transform: none;
  }
}
.inner-s3 .form .layui-input:hover,
.inner-s3 .form .layui-input:focus,
.inner-s3 .form .layui-textarea:hover,
.inner-s3 .form .layui-textarea:focus {
  border-color: #808080 !important;
}
.inner-s3 .form .layui-input:focus,
.inner-s3 .form .layui-textarea:focus {
  box-shadow: none;
}
.inner-s3 .form .layui-form-danger:focus {
  border-color: #26364d !important;
}
.inner-s3 .form .layui-form-select {
  color: #26364d;
}
.inner-s3 .form .layui-form-select dl {
  width: 100%;
  top: 100%;
}
.inner-s3 .form .layui-form-selectup dl {
  top: auto;
  bottom: 100%;
}
.inner-s3 .form .layui-form-select dl dd, .inner-s3 .form .layui-form-select dl dt {
  padding: 0 0.2rem !important;
  font-size: max(12px, 0.14rem);
}
.inner-s3 .form .layui-form-select dl dd.layui-this {
  color: #26364d;
}

.inner-s4 {
  padding: 3.6rem 0 1.5rem;
  position: relative;
  overflow: hidden;
}
.inner-s4:before {
  content: '';
  width: 11.4rem;
  height: 11.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-1.png");
  position: absolute;
  right: -0.2rem;
  top: 5.88rem;
  pointer-events: none;
  animation: about-2 30s linear infinite;
}
.inner-s4:after {
  content: '';
  width: 12.28rem;
  height: 12.28rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-2.png");
  position: absolute;
  right: -6rem;
  top: -3.38rem;
  pointer-events: none;
  animation: about-1 30s linear infinite;
}
.inner-s4 .top-box {
  position: relative;
}
.inner-s4 .down-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: max(40px, 0.54rem);
  height: max(40px, 0.54rem);
  border-radius: 50%;
  background-color: #cdee9a;
  cursor: pointer;
}
.inner-s4 .down-btn:before {
  content: '';
  width: 12px;
  height: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-2.svg");
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 6px);
  animation: drop-1 1.5s linear infinite;
}
.inner-s4 .label {
  font-size: 0.9rem;
  color: #26364d;
  line-height: 1;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s4 .tips {
  font-size: max(14px, 0.18rem);
  color: #26364d;
  margin-top: 0.2rem;
}
.inner-s4 .bot-box {
  margin-top: 1.3rem;
  padding-top: 1.3rem;
  border-top: 1px solid #26364d;
}
.inner-s4 .para {
  font-size: 0.42rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}

.inner-s5-main {
  height: 300vh;
}
.inner-s5-main .sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
.inner-s5-main .stickyinner {
  transition: transform .5s ease;
  will-change: transform;
}
.inner-s5-main .stickyinner[data-index="0"] {
  transform: translateY(0);
}
.inner-s5-main .stickyinner[data-index="1"] {
  transform: translateY(-50%);
}

.inner-s5 {
  height: 100vh;
  padding-top: 0.8rem;
  display: flex;
  align-items: center;
}
.inner-s5.style-1 {
  background-image: linear-gradient(180deg, #d3dbe7, #fff, #fff);
}
.inner-s5.style-1 .left-box {
  padding-left: 1.2rem;
}
.inner-s5 .wrap-s {
  display: flex;
  align-items: flex-start;
}
.inner-s5 .left-box {
  width: 40%;
  padding-top: 1rem;
}
.inner-s5 .right-box {
  width: 60%;
  position: relative;
  margin-top: 0.5rem;
}
.inner-s5 .right-box:before {
  content: '';
  width: 100%;
  height: 4.65rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-2.png");
  position: absolute;
  top: -0.4rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-s5 .label {
  font-size: 0.36rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s5 .items {
  margin-top: 0.3rem;
  border-left: 0.04rem solid #ebebeb;
}
.inner-s5 .sw {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.inner-s5 .item {
  padding: 0.1rem 0.3rem;
  position: relative;
  cursor: pointer;
}
.inner-s5 .item:before {
  content: '';
  width: 0.04rem;
  height: 100%;
  background-color: #26364d;
  border-radius: 0.02rem;
  position: absolute;
  top: 0;
  left: -0.04rem;
  opacity: 0;
}
.inner-s5 .item span {
  display: block;
  font-size: max(16px, 0.22rem);
  color: #bdbdbd;
  font-family: 'SemplicitaPro-Bold';
  transition: color .3s ease;
}
.inner-s5 .item.active:before {
  opacity: 1;
}
.inner-s5 .item.active span {
  color: #26364d;
}
@media (any-hover: hover) {
  .inner-s5 .item:hover span {
    color: #26364d;
  }
}
.inner-s5 .child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}
.inner-s5 .child.maxheight {
  position: relative;
}
.inner-s5 .child .img-box {
  aspect-ratio: 950 / 420;
  border-radius: 0.2rem;
  overflow: hidden;
}
.inner-s5 .child .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s5 .child .txt-box {
  padding: 0.3rem 0.4rem 0;
}
.inner-s5 .child .tit {
  font-size: 0.4rem;
  color: #cdee9a;
  font-family: 'SemplicitaPro-Bold';
  opacity: 0;
}
.inner-s5 .child .para {
  margin-top: 0.1rem;
  font-size: max(14px, 0.18rem);
  color: #26364d;
  opacity: 0;
}
.inner-s5 .child.active {
  pointer-events: auto;
  z-index: 2;
}
.inner-s5 .child.active .tit, .inner-s5 .child.active .para {
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.inner-s5 .child.active .para {
  animation-delay: .1s;
}
.inner-s5 .child.animating {
  z-index: 3;
}
.inner-s5 .child.animating .img-box {
  animation: clip-path-1 0.8s cubic-bezier(0.8, 0, 0, 1) forwards;
}
.inner-s5 .buttons {
  margin-top: 0.5rem;
  display: flex;
}
.inner-s5 .button {
  width: max(40px, 0.54rem);
  height: max(40px, 0.54rem);
  border-radius: 50%;
  border: 1px solid #e9ebed;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all .3s ease;
}
@media (any-hover: hover) {
  .inner-s5 .button:hover {
    background-color: #26364d;
    border-color: #26364d;
  }
}
.inner-s5 .prev {
  background-image: url("../images/about/prev-1.png");
}
@media (any-hover: hover) {
  .inner-s5 .prev:hover {
    background-image: url("../images/about/prev-2.png");
  }
}
.inner-s5 .next {
  margin-left: 0.1rem;
  background-image: url("../images/about/next-1.png");
}
@media (any-hover: hover) {
  .inner-s5 .next:hover {
    background-image: url("../images/about/next-2.png");
  }
}
.inner-s5 .m-block {
  display: none;
}
.inner-s5 .m-block .label {
  text-align: center;
}
.inner-s5 .m-block .m-items {
  margin-top: 20px;
}
.inner-s5 .m-block .m-item .img-box {
  aspect-ratio: 670 / 376;
  border-radius: 15px;
  overflow: hidden;
}
.inner-s5 .m-block .m-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s5 .m-block .m-item .txt-box {
  margin: 40px 40px 0;
  padding-left: 20px;
  border-left: 4px solid #cdee9a;
}
.inner-s5 .m-block .m-item .tit {
  font-size: 20px;
  color: #3e4c61;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s5 .m-block .m-item .para {
  font-size: 16px;
  color: #26364d;
  margin-top: 10px;
}
.inner-s5 .m-block .pagination {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.inner-s5 .m-block .pagination span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #26364d;
  opacity: 0.3;
  margin-left: 10px;
  transition: opacity .3s ease;
}
.inner-s5 .m-block .pagination span:nth-of-type(1) {
  margin-left: 0;
}
.inner-s5 .m-block .pagination span.active {
  opacity: 1;
}

.inner-s6 {
  height: 200vh;
  position: relative;
}
.inner-s6 .top-block {
  height: 100vh;
  position: sticky;
  top: 0;
  z-index: 1;
}
.inner-s6 .top-block .img-box {
  width: 100%;
  height: 100%;
}
.inner-s6 .top-block .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s6 .top-block .txt-box {
  padding: 1.5rem 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.inner-s6 .top-block .txt-box .wrap-s {
  height: 100%;
}
.inner-s6 .top-block .label {
  font-size: 0.42rem;
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s6 .top-block .para {
  font-size: max(13px, 0.16rem);
  color: #fff;
  line-height: 1.5;
  margin-top: 0.3rem;
  max-width: max(500px, 6.8rem);
}
.inner-s6 .top-block .down-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: max(40px, 0.54rem);
  height: max(40px, 0.54rem);
  border-radius: 50%;
  background-color: #cdee9a;
  cursor: pointer;
}
.inner-s6 .top-block .down-btn:before {
  content: '';
  width: 12px;
  height: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-2.svg");
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 6px);
  animation: drop-1 1.5s linear infinite;
}
.inner-s6 .bot-block {
  margin-top: -100vh;
  height: 100vh;
  position: sticky;
  top: 0;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
}
.inner-s6 .bot-block .circle {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inner-s6 .bot-block .circle .img-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-s6 .bot-block .circle .img-box img {
  animation: rotate-1 linear infinite;
}
.inner-s6 .bot-block .circle .img-box:nth-of-type(1) img {
  width: 100%;
  animation-duration: 16s;
}
.inner-s6 .bot-block .circle .img-box:nth-of-type(2) img {
  width: 98%;
  animation-duration: 13s;
}
.inner-s6 .bot-block .circle .img-box:nth-of-type(3) img {
  width: 96%;
  animation-duration: 10s;
}
.inner-s6 .bot-block .txt-box {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 4.4rem 1rem 0;
}
.inner-s6 .bot-block .txt-box .m-box {
  display: none;
}
.inner-s6 .bot-block .txt-box .para {
  font-size: max(13px, 0.16rem);
  line-height: 1.5;
  color: #26364d;
  text-align: center;
  pointer-events: auto;
}
.inner-s6 .icon {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
  z-index: 2;
  margin-top: -100vh;
  pointer-events: none;
}
.inner-s6 .icon .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: center;
  opacity: 0;
  transform: scale(3);
  will-change: transform;
}
.inner-s6 .icon .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.inner-s6 .icon .line.line-1:before, .inner-s6 .icon .line.line-1:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(50vh - 4.8rem);
  background-color: #ffffff;
}
.inner-s6 .icon .line.line-1:before {
  top: 0;
}
.inner-s6 .icon .line.line-1:after {
  bottom: 0;
}
.inner-s6 .icon .line.line-2:before, .inner-s6 .icon .line.line-2:after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: calc(50vw - 8rem);
  background-color: #ffffff;
}
.inner-s6 .icon .line.line-2:before {
  left: 0;
}
.inner-s6 .icon .line.line-2:after {
  right: 0;
}
.inner-s6 .icon .img-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19.2rem;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.inner-s6 .icon img {
  display: block;
  width: 100%;
}

.inner-s7 {
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.inner-s7:before {
  content: '';
  width: 11.4rem;
  height: 11.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-1.png");
  position: absolute;
  right: -0.2rem;
  top: 5.88rem;
  pointer-events: none;
  animation: about-2 30s linear infinite;
}
.inner-s7:after {
  content: '';
  width: 12.28rem;
  height: 12.28rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-2.png");
  position: absolute;
  right: -6rem;
  top: -3.38rem;
  pointer-events: none;
  animation: about-1 30s linear infinite;
}
.inner-s7 .label {
  font-size: 1.2rem;
  color: #26364d;
  line-height: 1;
  text-align: center;
  font-family: 'SemplicitaPro-Bold';
}

.inner-s8 {
  padding: 2.2rem 0 1.2rem;
  position: relative;
  overflow: hidden;
}
.inner-s8:before {
  content: '';
  width: 11.4rem;
  height: 11.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-1.png");
  position: absolute;
  right: -0.2rem;
  top: 5.88rem;
  pointer-events: none;
  animation: about-2 30s linear infinite;
}
.inner-s8:after {
  content: '';
  width: 12.28rem;
  height: 12.28rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-2.png");
  position: absolute;
  right: -6rem;
  top: -3.38rem;
  pointer-events: none;
  animation: about-1 30s linear infinite;
}
.inner-s8 .inner-wrap {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.inner-s8 .items {
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  border-top: 1px solid #26364d;
  display: grid;
  gap: 0.24rem;
  grid-template-columns: repeat(3, 1fr);
}
.inner-s8 .item {
  position: relative;
}
.inner-s8 .item .img-box {
  aspect-ratio: 382 / 236;
  border-radius: 0.16rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.inner-s8 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s8 .item:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/media/icon-1.png");
  background-size: auto 28px;
  border-radius: 0.15rem;
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
  z-index: 2;
}
.inner-s8 .item a {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/media/icon-2.png");
  background-size: auto 16px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 3;
}
@media (any-hover: hover) {
  .inner-s8 .item:hover:after {
    opacity: 1;
  }
  .inner-s8 .item:hover a {
    opacity: 1;
  }
}

.inner-s9 {
  padding: 2.2rem 0 1.2rem;
  position: relative;
  overflow: hidden;
}
.inner-s9:before {
  content: '';
  width: 11.4rem;
  height: 11.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-1.png");
  position: absolute;
  right: -0.2rem;
  top: 5.88rem;
  pointer-events: none;
  animation: about-2 30s linear infinite;
}
.inner-s9:after {
  content: '';
  width: 12.28rem;
  height: 12.28rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-2.png");
  position: absolute;
  right: -6rem;
  top: -3.38rem;
  pointer-events: none;
  animation: about-1 30s linear infinite;
}
.inner-s9 .block {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.inner-s9 .label {
  font-size: max(24px, 0.36rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s9 .info {
  margin-top: 40px;
  background-color: #f7f9fc;
  border-radius: 0.2rem;
  padding: 0.3rem;
  font-size: max(14px, 0.15rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
}
.inner-s9 .info span {
  font-family: 'SemplicitaPro-Bold';
}
.inner-s9 .items {
  margin-top: 40px;
}
.inner-s9 .item {
  margin-top: 50px;
}
.inner-s9 .item:nth-of-type(1) {
  margin-top: 0;
}
.inner-s9 .item .tit {
  display: flex;
  align-items: center;
}
.inner-s9 .item .tit:before {
  content: '';
  width: 0.04rem;
  height: 0.16rem;
  background-color: #cdee9a;
}
.inner-s9 .item .tit span {
  width: calc(100% - 0.04rem);
  padding-left: 0.1rem;
  font-size: 15px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s9 .item .para {
  margin-top: 0.15rem;
  padding-top: 0.15rem;
  border-top: 1px solid #ebebeb;
  font-size: 15px;
  color: #26364d;
  font-family: 'semplicitapro-light';
}
.inner-s9 .item .para strong {
  font-weight: normal;
  font-family: 'SemplicitaPro-Bold';
}

.inner-s10 {
  position: relative;
  height: 100vh;
  background-image: linear-gradient(180deg, #abbedc, #fff);
  overflow: hidden;
}
.inner-s10 .wrap-s {
  height: 100%;
}
.inner-s10 .top-block {
  height: calc(50vh - 1rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 0.3rem;
}
.inner-s10 .top-block .stit {
  font-size: max(14px, 0.18rem);
  color: #26364d;
  text-align: center;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s10 .top-block .tit {
  font-size: 0.58rem;
  color: #26364d;
  line-height: 1;
  text-align: center;
  font-family: 'SemplicitaPro-Bold';
  margin-top: 0.2rem;
}
.inner-s10 .top-block a {
  margin-top: 0.3rem;
  height: max(32px, 0.4rem);
  background-color: #cdee9a;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.05rem 0.2rem 0;
  cursor: pointer;
  transition: all .3s ease;
}
.inner-s10 .top-block a span {
  font-size: 14px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s10 .top-block a:after {
  content: '';
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  transform: translateY(-2px);
  margin-left: 0.2rem;
}
@media (any-hover: hover) {
  .inner-s10 .top-block a:hover {
    background-color: #d7f8a3;
  }
}
.inner-s10 .bot-block {
  position: absolute;
  top: calc(50vh - 1rem);
  right: -4%;
  width: 86.25%;
}
.inner-s10 .bot-block img.bg {
  display: block;
  width: 100%;
}
.inner-s10 .bot-block .imgs {
  width: 3.26%;
  position: absolute;
  top: 36.8%;
  left: 16.5%;
}
.inner-s10 .bot-block .imgs img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
.inner-s10 .bot-block .imgs img.active {
  opacity: 1;
}

.inner-s11 {
  background-image: linear-gradient(180deg, #abbedc, 20%, #fff);
  overflow: hidden;
}
.inner-s11 .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.inner-s11 .progress .line {
  width: 100%;
  height: 1px;
  background-color: #d4d7db;
  position: absolute;
  top: 0;
  left: 0;
}
.inner-s11 .progress .line span {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background-color: #26364d;
  transition: width .3s ease;
}
.inner-s11 .progress .sw {
  display: flex;
}
.inner-s11 .progress .item {
  width: 25%;
  height: max(50px, 0.74rem);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  transition: opacity .3s ease;
}
.inner-s11 .progress .item span {
  max-width: calc(100% - 0.3rem);
  font-size: max(12px, 0.14rem);
  color: #26364d;
  text-align: center;
}
.inner-s11 .progress .item:last-of-type:before {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/configurator/icon-3.svg");
  margin-right: 0.1rem;
}
.inner-s11 .progress .item.active {
  opacity: 1;
}
.inner-s11 .cont-block {
  height: 100%;
}
.inner-s11 .block {
  height: 100%;
}
.inner-s11 .block .flex {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 0;
}
.inner-s11 .block .label {
  font-size: 0.4rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.inner-s11 .block .items {
  width: 90%;
  max-width: 1110px;
  margin: 0.4rem auto 0;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(4, calc((100% - 1.5rem) / 4));
}
.inner-s11 .block .item {
  cursor: pointer;
}
.inner-s11 .block .item .img-box {
  border-radius: 0.16rem;
  overflow: hidden;
}
.inner-s11 .block .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s11 .block .item .txt-box {
  margin-top: 0.1rem;
  display: flex;
  align-items: center;
}
.inner-s11 .block .item .letter {
  width: 20px;
  font-size: max(13px, 0.16rem);
  color: #95a9c1;
  padding-top: 0.04rem;
}
.inner-s11 .block .item .option {
  width: calc(100% - 20px);
  height: 28px;
  background-color: #e2e8f1;
  border-radius: 14px;
  position: relative;
  display: flex;
}
.inner-s11 .block .item .option span {
  width: calc(100% - 23px);
  padding: 0 0.12rem;
  font-size: max(10px, 0.12rem);
  line-height: 28px;
  color: #26364d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner-s11 .block .item .option:after {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  right: 5px;
  top: 5px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/configurator/icon-1-1.png");
  background-size: auto 5px;
  border-radius: 50%;
}
.inner-s11 .block .item.active .letter {
  color: #26364d;
}
.inner-s11 .block .item.active .option {
  background-color: #cdee9a;
}
.inner-s11 .block .item.active .option:after {
  background-color: #26364d;
  background-image: url("../images/configurator/icon-1-2.png");
}
.inner-s11 .block .next {
  margin: 0.7rem auto 0;
  width: 0.9rem;
  height: 0.9rem;
  background-color: #cdee9a;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.inner-s11 .block .next.last:after {
  display: none;
}
.inner-s11 .block .next:before {
  content: '';
  position: absolute;
  top: -0.05rem;
  left: -0.05rem;
  right: -0.05rem;
  bottom: -0.05rem;
  border-radius: 50%;
  border: 1px dashed #99df2e;
}
.inner-s11 .block .next:after {
  content: '';
  width: 0.26rem;
  height: 0.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/configurator/icon-2.svg");
  position: absolute;
  top: calc(50% - 0.1rem);
  left: calc(50% - 0.13rem);
}
.inner-s11 .block .next .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.inner-s11 .block .next .txt:before {
  content: '';
  width: 0.24rem;
  height: 0.24rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/configurator/icon-4.svg");
}
.inner-s11 .block .next .txt span {
  font-size: max(10px, 0.12rem);
  color: #34414a;
  margin-top: 5px;
}

.inner-s12 {
  background-image: linear-gradient(180deg, #abbedc, #fff);
  overflow: hidden;
}
.inner-s12 .flex {
  min-height: 100vh;
  padding: 120px 0 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.inner-s12 .upload-box {
  width: 100%;
  max-width: 7rem;
  padding: 0.15rem;
  margin: 0 auto;
  justify-content: center;
  border: 1px dashed rgba(38, 54, 77, 0.4);
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.inner-s12 .upload-box .txt {
  display: flex;
  align-items: center;
}
.inner-s12 .upload-box .txt:before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/configurator/icon-7.png");
  opacity: 0.2;
}
.inner-s12 .upload-box .txt span {
  font-size: max(10px, 0.12rem);
  color: #26364d;
  padding: 0 0.2rem;
}
.inner-s12 .upload-box .btn {
  font-size: max(10px, 0.12rem);
  color: #26364d;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 4px;
  background-color: #cdee9a;
  padding-top: 2px;
  cursor: pointer;
}
.inner-s12 .block {
  position: relative;
  margin-top: 0.5rem;
  padding-bottom: 0.6rem;
}
.inner-s12 .block .img-box {
  width: 75%;
  margin: 0 auto;
}
.inner-s12 .block img {
  display: block;
  width: 100%;
}
.inner-s12 .block .drag {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0.9rem;
  height: 0.9rem;
  background-color: #cdee9a;
  border-radius: 50%;
  position: relative;
  pointer-events: none;
  cursor: none;
}
.inner-s12 .block .drag:before {
  content: '';
  position: absolute;
  top: -0.05rem;
  left: -0.05rem;
  right: -0.05rem;
  bottom: -0.05rem;
  border-radius: 50%;
  border: 1px dashed #99df2e;
}
.inner-s12 .block .drag .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.inner-s12 .block .drag .txt:before {
  content: '';
  width: 0.24rem;
  height: 0.24rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/configurator/icon-6.svg");
}
.inner-s12 .block .drag .txt span {
  font-size: max(10px, 0.12rem);
  color: #34414a;
  margin-top: 5px;
}

.inner-s13 {
  padding: 2.2rem 0 1.2rem;
  position: relative;
  overflow: hidden;
}
.inner-s13:before {
  content: '';
  width: 11.4rem;
  height: 11.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-1.png");
  position: absolute;
  right: -0.2rem;
  top: 5.88rem;
  pointer-events: none;
  animation: about-2 30s linear infinite;
}
.inner-s13:after {
  content: '';
  width: 12.28rem;
  height: 12.28rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-2.png");
  position: absolute;
  right: -6rem;
  top: -3.38rem;
  pointer-events: none;
  animation: about-1 30s linear infinite;
}
.inner-s13 .inner-wrap {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.inner-s13 .items {
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  border-top: 1px solid #26364d;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 1rem;
}
.inner-s13 .item {
  width: calc((100% - 2rem) / 3);
  border-radius: 0.4rem;
  transition: all .3s ease;
  cursor: pointer;
}
.inner-s13 .item .img-box {
  position: relative;
  aspect-ratio: 330 / 191;
  border-radius: 0.4rem;
  overflow: hidden;
  transition: all .3s ease;
}
.inner-s13 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.inner-s13 .item .img-box .time {
  position: absolute;
  bottom: 0.14rem;
  left: 0.3rem;
  display: flex;
  align-items: center;
  gap: 0.07rem;
}
.inner-s13 .item .img-box .time:before {
  content: '';
  width: max(16px, 0.2rem);
  height: max(16px, 0.2rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/video/icon-1.png");
}
.inner-s13 .item .img-box .time span {
  font-size: max(12px, 0.14rem);
  color: #fff;
}
.inner-s13 .item .txt-box {
  height: 1.4rem;
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
}
.inner-s13 .item .tit {
  font-size: max(13px, 0.16rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s13 .item .para {
  display: none;
}
@media (any-hover: hover) {
  .inner-s13 .item:hover {
    background-color: #f9f9f9;
  }
  .inner-s13 .item:hover .img-box {
    border-radius: 0.4rem 0.4rem 0 0;
  }
  .inner-s13 .item:hover .img-box img {
    transform: scale(1.1);
  }
}

.inner-s14 {
  padding: 2.2rem 0 1.2rem;
  position: relative;
  overflow: hidden;
}
.inner-s14:before {
  content: '';
  width: 11.4rem;
  height: 11.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-1.png");
  position: absolute;
  right: -0.2rem;
  top: 5.88rem;
  pointer-events: none;
  animation: about-2 30s linear infinite;
}
.inner-s14:after {
  content: '';
  width: 12.28rem;
  height: 12.28rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-2.png");
  position: absolute;
  right: -6rem;
  top: -3.38rem;
  pointer-events: none;
  animation: about-1 30s linear infinite;
}
.inner-s14 .inner-wrap {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.inner-s14 .single-box {
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  border-top: 1px solid #26364d;
}
.inner-s14 .single-box a {
  display: flex;
  align-items: center;
}
.inner-s14 .single-box .txt-box {
  width: 36.66%;
  padding-right: 0.4rem;
}
.inner-s14 .single-box .date {
  display: flex;
  align-items: center;
  gap: 10px;
}
.inner-s14 .single-box .date:before {
  content: '';
  width: max(16px, 0.2rem);
  height: max(16px, 0.2rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/news/icon-1.png");
}
.inner-s14 .single-box .date span {
  font-size: max(12px, 0.14rem);
  color: #b3bac4;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s14 .single-box .tit {
  font-size: max(18px, 0.24rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  margin-top: 0.3rem;
}
.inner-s14 .single-box .more {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 10px;
}
.inner-s14 .single-box .more span {
  font-size: max(13px, 0.16rem);
  color: #b3bac4;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s14 .single-box .more:after {
  content: '';
  width: max(18px, 0.22rem);
  height: max(18px, 0.22rem);
  border-radius: 50%;
  background-color: #cdee9a;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/news/icon-2.png");
  background-size: auto 8px;
}
.inner-s14 .single-box .img-box {
  width: 63.34%;
  aspect-ratio: 760 / 440;
  border-radius: 0.4rem;
  overflow: hidden;
  order: 2;
}
.inner-s14 .single-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
@media (any-hover: hover) {
  .inner-s14 .single-box:hover img {
    transform: scale(1.05);
  }
}
.inner-s14 .filter-box {
  margin-top: 0.6rem;
  display: flex;
  gap: 0.16rem;
}
.inner-s14 .filter-box .drop {
  width: 2.8rem;
  position: relative;
}
.inner-s14 .filter-box .drop span {
  display: block;
  height: max(50px, 0.6rem);
  border: 1px solid #d4d7db;
  border-radius: max(25px, 0.3rem);
  padding: 0 0.2rem;
  font-size: max(12px, 0.14rem);
  color: #b3bac4;
  font-family: 'SemplicitaPro-Bold';
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.inner-s14 .filter-box .drop span:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #26364d;
  position: absolute;
  right: 0.2rem;
  top: calc(50% - 3px);
}
.inner-s14 .filter-box .drop .hide {
  position: absolute;
  font-size: 0;
  top: 50%;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 0.5rem 0.2rem 0.2rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 8px 8px;
  z-index: 1;
  display: none;
}
.inner-s14 .filter-box .drop .hide a {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  font-size: max(12px, 0.14rem);
  line-height: 24px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.inner-s14 .filter-box .drop.open .show {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.inner-s14 .filter-box .drop.open .hide {
  display: block;
}
.inner-s14 .filter-box .form {
  width: calc(100% - 2.96rem);
  height: max(50px, 0.6rem);
  border: 1px solid #d4d7db;
  border-radius: max(25px, 0.3rem);
  position: relative;
}
.inner-s14 .filter-box .form input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0.2rem;
  font-size: max(12px, 0.14rem);
  line-height: 24px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  background-color: transparent;
}
.inner-s14 .filter-box .form input::-webkit-input-placeholder {
  color: #b3bac4;
}
.inner-s14 .filter-box .form input:-moz-placeholder {
  color: #b3bac4;
}
.inner-s14 .filter-box .form input::-moz-placeholder {
  color: #b3bac4;
}
.inner-s14 .filter-box .form input:-ms-input-placeholder {
  color: #b3bac4;
}
.inner-s14 .filter-box .form button {
  width: 50px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/news/icon-3.png");
  background-size: auto 14px;
  background-color: transparent;
  cursor: pointer;
}
.inner-s14 .items {
  margin-top: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 1rem;
}
.inner-s14 .item {
  width: calc((100% - 2rem) / 3);
  border-radius: 0.4rem;
  transition: all .3s ease;
  cursor: pointer;
}
.inner-s14 .item .img-box {
  position: relative;
  aspect-ratio: 330 / 191;
  border-radius: 0.4rem;
  overflow: hidden;
  transition: all .3s ease;
}
.inner-s14 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.inner-s14 .item .txt-box {
  padding: 0.3rem;
}
.inner-s14 .item .date {
  display: flex;
  align-items: center;
  gap: 10px;
}
.inner-s14 .item .date:before {
  content: '';
  width: max(14px, 0.18rem);
  height: max(14px, 0.18rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/news/icon-1.png");
}
.inner-s14 .item .date span {
  font-size: max(10px, 0.12rem);
  color: #b3bac4;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s14 .item .tit {
  font-size: max(13px, 0.16rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  margin-top: 0.15rem;
}
.inner-s14 .item .more {
  margin-top: 0.1rem;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  transition: opacity .3s ease;
}
.inner-s14 .item .more:after {
  content: '';
  width: max(18px, 0.22rem);
  height: max(18px, 0.22rem);
  border-radius: 50%;
  background-color: #cdee9a;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/news/icon-2.png");
  background-size: auto 8px;
}
@media (any-hover: hover) {
  .inner-s14 .item:hover {
    background-color: #f9f9f9;
  }
  .inner-s14 .item:hover .img-box {
    border-radius: 0.4rem 0.4rem 0 0;
  }
  .inner-s14 .item:hover .img-box img {
    transform: scale(1.1);
  }
  .inner-s14 .item:hover .more {
    opacity: 1;
  }
}

.inner-s15 {
  padding: 2.2rem 0 1.2rem;
  background-color: #f9f9f9;
  position: relative;
}
.inner-s15 .bg-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.inner-s15 .bg-block:before {
  content: '';
  width: 11.4rem;
  height: 11.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-1.png");
  position: absolute;
  right: -0.2rem;
  top: 5.88rem;
  pointer-events: none;
  animation: about-2 30s linear infinite;
}
.inner-s15 .bg-block:after {
  content: '';
  width: 12.28rem;
  height: 12.28rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/img-7-2.png");
  position: absolute;
  right: -6rem;
  top: -3.38rem;
  pointer-events: none;
  animation: about-1 30s linear infinite;
}
.inner-s15 .inner-wrap {
  position: relative;
  width: 80%;
  max-width: 900px;
  margin: 0 auto;
}
.inner-s15 .top-block .date {
  display: flex;
  align-items: center;
  gap: 10px;
}
.inner-s15 .top-block .date:before {
  content: '';
  width: max(16px, 0.2rem);
  height: max(16px, 0.2rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/news/icon-1.png");
}
.inner-s15 .top-block .date span {
  font-size: max(12px, 0.14rem);
  color: #b3bac4;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s15 .top-block .tit {
  font-size: 0.32rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  margin-top: 0.3rem;
}
.inner-s15 .mid-block {
  margin-top: 0.5rem;
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 0.6rem;
}
.inner-s15 .mid-block .para {
  font-size: 14px;
  color: #26364d;
  line-height: 1.6;
}
.inner-s15 .mid-block .para p {
  margin-top: 0.2rem;
}
.inner-s15 .mid-block .para p:nth-of-type(1) {
  margin-top: 0;
}
.inner-s15 .mid-block .para img {
  max-width: 100%;
  height: auto !important;
}
.inner-s15 .bot-block {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}
.inner-s15 .bot-block .share {
  width: calc(50% - 5px);
  background-color: #fff;
  height: max(50px, 0.7rem);
  border-radius: max(25px, 0.35rem);
  padding-left: 0.6rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.inner-s15 .bot-block .share span {
  width: 0.9rem;
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s15 .bot-block .share a {
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.inner-s15 .bot-block .share a.fb {
  background-image: url("../images/news/icon-5-1.png");
}
.inner-s15 .bot-block .share a.ins {
  background-image: url("../images/news/icon-5-2.png");
}
.inner-s15 .bot-block .share a.x {
  background-image: url("../images/news/icon-5-3.png");
}
.inner-s15 .bot-block .share a.link {
  background-image: url("../images/news/icon-5-4.png");
}
.inner-s15 .bot-block .page {
  width: calc(50% - 5px);
  display: flex;
  gap: 10px;
}
.inner-s15 .bot-block .page a {
  width: calc(50% - 5px);
  height: max(50px, 0.7rem);
  border-radius: max(25px, 0.35rem);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}
.inner-s15 .bot-block .page a span {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  transform: translateX(10px);
  transition: transform .3s ease;
}
.inner-s15 .bot-block .page a:after {
  content: '';
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  opacity: 0;
  margin-left: 10px;
  transition: opacity .3s ease;
}
@media (any-hover: hover) {
  .inner-s15 .bot-block .page a:hover {
    background-color: #d7f8a3;
  }
  .inner-s15 .bot-block .page a:hover span {
    transform: none;
  }
  .inner-s15 .bot-block .page a:hover:after {
    opacity: 1;
  }
}
.inner-s15 .backbtn {
  position: absolute;
  right: 110%;
  top: 0;
  height: 100%;
  padding-top: 2rem;
}
.inner-s15 .backbtn a {
  display: block;
  position: sticky;
  top: 40vh;
  display: flex;
  align-items: center;
  padding: 0 0.2rem;
  height: max(30px, 0.4rem);
  border-radius: max(15px, 0.2rem);
  background-color: #cdee9a;
}
.inner-s15 .backbtn a span {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  transform: translateX(10px);
  white-space: nowrap;
  transition: transform .3s ease;
}
.inner-s15 .backbtn a:after {
  content: '';
  width: 6px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  opacity: 0;
  margin-left: 10px;
  transition: opacity .3s ease;
}
@media (any-hover: hover) {
  .inner-s15 .backbtn a:hover span {
    transform: none;
  }
  .inner-s15 .backbtn a:hover:after {
    opacity: 1;
  }
}

.inner-s16 {
  min-height: min(calc(100vh - 130px), calc(100vh - 1.8rem));
  padding: 1.5rem 0 1.9rem;
  background-image: linear-gradient(180deg, #fff, #fff, #c4d3ea);
  display: flex;
  align-items: center;
}
.inner-s16 .label {
  position: absolute;
  left: 0;
  right: 0;
  top: -0.9rem;
  font-size: 2rem;
  line-height: 1;
  font-family: 'SemplicitaPro-Bold';
  color: #cad1d7;
  text-align: center;
  mask: linear-gradient(180deg, #fff 40%, rgba(255, 255, 255, 0) 78%);
  z-index: 1;
}
.inner-s16 .img-box {
  margin: 0 -0.5rem;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.inner-s16 .img-box img {
  display: block;
  max-width: 100%;
}
.inner-s16 .info-box {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 0.1rem;
  z-index: 1;
}
.inner-s16 .info-box .btns {
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}
.inner-s16 .info-box .btns a {
  display: block;
  padding: 0 0.2rem;
  height: 100%;
  position: relative;
  z-index: 2;
}
.inner-s16 .info-box .btns a:before, .inner-s16 .info-box .btns a:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  position: absolute;
  top: 0;
  left: 0;
}
.inner-s16 .info-box .btns a:before {
  background-image: radial-gradient(closest-side, rgba(255, 255, 255, 0), rgba(205, 238, 154, 0.7));
}
.inner-s16 .info-box .btns a:after {
  background-color: #cdee9a;
  z-index: 2;
  transform: translateX(-101%);
  transition: all .5s ease;
}
.inner-s16 .info-box .btns a .txt {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  position: relative;
  z-index: 3;
}
.inner-s16 .info-box .btns a .txt:before {
  content: '';
  width: max(24px, 0.34rem);
  height: max(24px, 0.34rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/product/icon-1.png");
}
.inner-s16 .info-box .btns a span {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  text-align: center;
  white-space: nowrap;
}
@media (any-hover: hover) {
  .inner-s16 .info-box .btns a:hover:after {
    transform: none;
  }
}
.inner-s16 .parameter {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0.2rem;
  padding: 0.3rem 0;
  display: flex;
}
.inner-s16 .parameter .box {
  padding: 0 0.6rem;
  position: relative;
}
.inner-s16 .parameter .box:before {
  content: '';
  width: 1px;
  height: 80%;
  position: absolute;
  top: 10%;
  left: 0;
  background-color: rgba(38, 54, 77, 0.2);
}
.inner-s16 .parameter .box .num {
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-s16 .parameter .box .num span {
  font-size: 0.46rem;
  color: #26364d;
  font-family: 'SemplicitaProMedium';
}
.inner-s16 .parameter .box .num i {
  font-size: max(15px, 0.2rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  font-style: normal;
}
.inner-s16 .parameter .box p {
  font-size: max(13px, 0.16rem);
  color: #26364d;
  text-align: center;
  white-space: nowrap;
}
.inner-s16 .parameter .box:nth-of-type(1):before {
  display: none;
}

.inner-s17 {
  position: relative;
  overflow: hidden;
  padding-bottom: 2rem;
}
.inner-s17:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  background-image: linear-gradient(180deg, #dee7f4, #d7e1f1);
  border-radius: 0 0 50% 50%;
}
.inner-s17 .top-block {
  padding: 1.6rem 0 0.2rem;
  background-image: linear-gradient(180deg, #fff, #fff, #dee7f4);
}
.inner-s17 .wrap-s {
  max-width: 1520px;
  display: flex;
  justify-content: flex-end;
}
.inner-s17 .label {
  text-align: center;
  font-size: 1.1rem;
  line-height: 1;
  color: #94a9c4;
  font-family: 'semplicitapro-light';
  position: absolute;
  top: 1.1rem;
  left: 0;
  z-index: 1;
}
.inner-s17 .label span {
  display: block;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s17 .para-block {
  width: 60%;
  position: relative;
  z-index: 2;
}
.inner-s17 .para-block .tit {
  font-size: 0.3rem;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s17 .para-block .stit {
  font-size: max(15px, 0.2rem);
}
.inner-s17 .para-block .para {
  font-size: max(12px, 0.14rem);
  line-height: 1.42;
  font-family: 'semplicitapro-light';
}
.inner-s17 .para-block .para p {
  padding-left: 0.2rem;
  position: relative;
}
.inner-s17 .para-block .para p:before {
  content: '•';
  color: #94a9c4;
  position: absolute;
  top: -0.03rem;
  left: 0;
  font-size: max(12px, 0.14rem);
  line-height: 1.42;
  transform: scale(2);
}
.inner-s17 .para-block .top-box {
  margin-right: 1rem;
  background-color: #94a9c4;
  border-radius: 0.6rem 2.4rem 0.6rem 0.6rem;
  padding: 0.8rem 0.8rem 1.3rem 0.6rem;
}
.inner-s17 .para-block .top-box .tit {
  color: #fff;
}
.inner-s17 .para-block .top-box .para {
  margin-top: 0.3rem;
  color: #fff;
}
.inner-s17 .para-block .bot-box {
  background-color: #cdee9a;
  margin: -0.8rem 0 0 1.6rem;
  padding: 0.8rem 1.4rem 0.8rem 0.6rem;
  border-radius: 0.6rem 0.6rem 0.6rem 1rem;
}
.inner-s17 .para-block .bot-box .tit {
  color: #26364d;
}
.inner-s17 .para-block .bot-box .stit {
  color: #26364d;
  margin-top: 0.3rem;
}
.inner-s17 .para-block .bot-box .para {
  margin-top: 0.1rem;
  color: #26364d;
}
.inner-s17 .img-box {
  width: 38.157%;
  position: absolute;
  bottom: -1.4rem;
  left: 3rem;
  z-index: 1;
  will-change: transform;
}
.inner-s17 .img-box img {
  display: block;
  width: 100%;
}

.inner-s18 {
  padding: 1.2rem 0;
  overflow: hidden;
}
.inner-s18 .top-block .tit {
  font-size: 0.4rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.inner-s18 .top-block p {
  font-size: max(15px, 0.2rem);
  color: #26364d;
  text-align: center;
  margin-top: 0.1rem;
}
.inner-s18 .bot-block {
  margin-top: 0.4rem;
}
.inner-s18 .bot-block .swiper {
  margin: 0 calc(-50vw + 6.6rem);
  padding: 0 calc(50vw - 6.6rem);
}
.inner-s18 .item {
  position: relative;
  border-radius: 0.6rem;
  overflow: hidden;
}
.inner-s18 .item .img-box {
  aspect-ratio: 1320 / 640;
  opacity: 0.3;
  transition: all .5s ease;
}
.inner-s18 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2);
  transition: all .5s ease;
}
.inner-s18 .item .txt-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.8rem;
}
.inner-s18 .item .tit {
  font-size: 0.3rem;
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s18 .item.swiper-slide-active .img-box {
  opacity: 1;
}
.inner-s18 .item.swiper-slide-active .img-box img {
  transform: scale(1);
}
.inner-s18 .ope {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
  gap: 0.1rem;
}
.inner-s18 .button {
  width: max(40px, 0.6rem);
  height: max(40px, 0.6rem);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.inner-s18 .button:before, .inner-s18 .button:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.inner-s18 .button:before {
  background-image: radial-gradient(closest-side, rgba(255, 255, 255, 0), rgba(205, 238, 154, 0.8));
}
.inner-s18 .button:after {
  background-color: #cdee9a;
  z-index: 2;
  transition: all .5s ease;
}
.inner-s18 .button i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto max(12px, 0.16rem);
  z-index: 3;
}
@media (any-hover: hover) {
  .inner-s18 .button:not(.swiper-button-disabled):hover:after {
    transform: none;
  }
}
.inner-s18 .prev:after {
  transform: translateX(-100%);
}
.inner-s18 .prev i {
  background-image: url("../images/product/prev.png");
}
.inner-s18 .next i {
  background-image: url("../images/product/next.png");
}
.inner-s18 .next:after {
  transform: translateX(100%);
}
.inner-s18 .pagination {
  position: relative;
  border-radius: max(20px, 0.3rem);
  padding: 1px;
  overflow: hidden;
}
.inner-s18 .pagination .dots {
  height: max(40px, 0.6rem);
  border-radius: max(20px, 0.3rem);
  padding: 0 0.3rem;
  background-color: #f7f8fa;
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  gap: 0.1rem;
  position: relative;
  bottom: 0;
  z-index: 2;
}
.inner-s18 .pagination .dots span {
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: #bbc0c7;
  transition: all .3s ease;
  cursor: pointer;
}
.inner-s18 .pagination .dots span.active {
  width: 0.5rem;
  background-color: #cdee9a;
}

.inner-s19 {
  padding: 1.2rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/product/img-9.jpg");
  position: relative;
}
.inner-s19 .top-block .tit {
  font-size: 0.4rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.inner-s19 .top-block p {
  font-size: max(15px, 0.2rem);
  color: #26364d;
  margin-top: 0.1rem;
  text-align: center;
}
.inner-s19 .tab-tit {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  aspect-ratio: 190 / 1058;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/product/img-10.png");
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-s19 .tab-tit .items {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.inner-s19 .tab-tit .item {
  width: 0.54rem;
  height: 0.54rem;
  border-radius: 50%;
  padding: 0.08rem;
  transition: all .3s ease;
  cursor: pointer;
}
.inner-s19 .tab-tit .item span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.inner-s19 .tab-tit .item.active {
  background-color: rgba(255, 255, 255, 0.4);
}
.inner-s19 .tab-cont {
  margin-top: 0.7rem;
}
.inner-s19 .tab-cont .child {
  display: none;
}
.inner-s19 .tab-cont .child.active {
  display: block;
}
.inner-s19 .tab-cont .child.active .img-box, .inner-s19 .tab-cont .child.active .txt-box {
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.inner-s19 .tab-cont .child.active .txt-box {
  animation-delay: .1s;
}
.inner-s19 .tab-cont .img-box, .inner-s19 .tab-cont .txt-box {
  opacity: 0;
}
.inner-s19 .tab-cont .img-box {
  width: 12.43rem;
  aspect-ratio: 1243 / 540;
  margin: 0 auto;
}
.inner-s19 .tab-cont .img-box img {
  display: block;
  width: 100%;
  transform: translateX(10%);
}
.inner-s19 .tab-cont .txt-box {
  width: 7rem;
  margin: 0.6rem auto 0;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #fff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  padding: 0.2rem;
}
.inner-s19 .tab-cont .txt {
  width: min(calc(100% - 2rem), calc(100% - 180px));
}
.inner-s19 .tab-cont .txt .tit {
  font-size: max(15px, 0.2rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.inner-s19 .tab-cont .txt .tips {
  margin-top: 0.1rem;
  display: flex;
  justify-content: center;
  gap: 0.1rem;
}
.inner-s19 .tab-cont .txt .tips span {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
  position: relative;
  padding-left: 0.1rem;
}
.inner-s19 .tab-cont .txt .tips span:before {
  content: '';
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background-color: #cdee9a;
  position: absolute;
  left: 0;
  top: calc(40% - 0.02rem);
}
.inner-s19 .tab-cont .btns {
  width: max(180px, 2rem);
}
.inner-s19 .tab-cont .btns a {
  position: relative;
  display: block;
  height: max(40px, 0.5rem);
  border-radius: max(20px, 0.25rem);
  display: flex;
  align-items: center;
  padding-left: 0.2rem;
  background-image: radial-gradient(closest-side, #d8f0b7, #cdee9a);
  cursor: pointer;
}
.inner-s19 .tab-cont .btns a span {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  padding-top: 0.04rem;
}
.inner-s19 .tab-cont .btns a:after {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  right: 0.1rem;
  top: calc(50% - 0.15rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/product/icon-7.png");
  will-change: transform;
}
@media (any-hover: hover) {
  .inner-s19 .tab-cont .btns a:hover:after {
    transform: rotate(180deg);
    transition: transform .5s ease;
  }
}
.inner-s19 .tab-cont .hide {
  display: none;
}
.inner-s19 .button {
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: max(24px, calc(0.45rem - 8px));
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 2;
  opacity: 0.2;
  transition: opacity .3s ease;
}
@media (any-hover: hover) {
  .inner-s19 .button:hover {
    opacity: 1;
  }
}
.inner-s19 .prev {
  background-image: url("../images/product/prev-1.png");
  right: calc(50% + 4.1rem);
}
.inner-s19 .next {
  background-image: url("../images/product/next-1.png");
  left: calc(50% + 4.1rem);
}
.inner-s19 .btns-block {
  position: absolute;
  bottom: 0.8rem;
  left: 0.2rem;
  width: max(100px, 1.5rem);
  height: max(100px, 1.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 4;
}
.inner-s19 .btns-block a {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.inner-s19 .btns-block a:before, .inner-s19 .btns-block a:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.inner-s19 .btns-block a:before {
  background-image: radial-gradient(closest-side, rgba(255, 255, 255, 0), rgba(205, 238, 154, 0.7));
}
.inner-s19 .btns-block a:after {
  background-color: #cdee9a;
  z-index: 2;
  transform: translateX(-101%);
  transition: all .5s ease;
}
.inner-s19 .btns-block a .txt {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0.05rem;
  z-index: 3;
}
.inner-s19 .btns-block a .txt:before {
  content: '';
  width: 0.32rem;
  height: 0.32rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/product/icon-1.png");
}
.inner-s19 .btns-block a span {
  font-size: max(10px, 0.13rem);
  color: #26364d;
}
@media (any-hover: hover) {
  .inner-s19 .btns-block a:hover:after {
    transform: none;
  }
}

.inner-s20 {
  position: relative;
  height: 810vh;
  padding-top: 10vh;
  background-color: #fff;
}
.inner-s20 .sticky {
  position: sticky;
  top: max(60px, 0.7rem);
  height: max(calc(100vh - 0.7rem), calc(100vh - 60px));
  display: flex;
  align-items: center;
  overflow: hidden;
}
.inner-s20 .prowrap-s {
  max-width: 11rem;
}
.inner-s20 .label {
  display: inline-block;
  font-size: 1rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  transform: scale(5);
  transform-origin: left top;
}
.inner-s20 .b-para {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
  opacity: 0;
  transform: translateY(0.6rem);
}
.inner-s20 .cont-block {
  margin-top: 0.6rem;
  padding-bottom: 0.3rem;
  position: relative;
}
.inner-s20 .dot-block {
  position: absolute;
  left: calc(100% + 0.7rem);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.1rem;
  z-index: 2;
}
.inner-s20 .dot-block .button {
  width: max(40px, 0.6rem);
  height: max(40px, 0.6rem);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.inner-s20 .dot-block .button:before, .inner-s20 .dot-block .button:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.inner-s20 .dot-block .button:before {
  background-image: radial-gradient(closest-side, rgba(255, 255, 255, 0), rgba(205, 238, 154, 0.8));
}
.inner-s20 .dot-block .button:after {
  background-color: #cdee9a;
  z-index: 2;
  transition: all .5s ease;
}
.inner-s20 .dot-block .button i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto max(12px, 0.16rem);
  z-index: 3;
}
@media (any-hover: hover) {
  .inner-s20 .dot-block .button:not(.swiper-button-disabled):hover:after {
    transform: none;
  }
}
.inner-s20 .dot-block .prev:after {
  transform: translateX(-100%);
}
.inner-s20 .dot-block .prev i {
  background-image: url("../images/product/prev.png");
}
.inner-s20 .dot-block .next i {
  background-image: url("../images/product/next.png");
}
.inner-s20 .dot-block .next:after {
  transform: translateX(100%);
}
.inner-s20 .dot-block .pagination {
  position: relative;
  border-radius: max(20px, 0.3rem);
  padding: 1px;
  overflow: hidden;
}
.inner-s20 .dot-block .pagination .dots {
  width: max(40px, 0.6rem);
  border-radius: max(20px, 0.3rem);
  padding: 0.3rem 0;
  background-color: #f7f8fa;
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  position: relative;
  bottom: 0;
  z-index: 2;
}
.inner-s20 .dot-block .pagination .dots span {
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: #bbc0c7;
  transition: all .3s ease;
  cursor: pointer;
}
.inner-s20 .dot-block .pagination .dots span.active {
  height: 0.5rem;
  background-color: #cdee9a;
}
.inner-s20 .items .sw {
  position: relative;
}
.inner-s20 .item {
  padding-bottom: 0.6rem;
  position: absolute;
  opacity: 0;
  transform: scale(1.4);
  transform-origin: center top;
}
.inner-s20 .item:nth-of-type(1) {
  position: relative;
}
.inner-s20 .item .img-box {
  aspect-ratio: 1320 / 600;
  border-radius: 0.6rem;
  overflow: hidden;
}
.inner-s20 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s20 .item .txt-box {
  bottom: 0;
  right: 0.6rem;
  position: absolute;
  width: 50%;
  border-radius: 0.3rem;
  background-image: linear-gradient(135deg, #ffffff, #b8c6d8);
  padding: 0.2rem;
  display: flex;
  align-items: center;
}
.inner-s20 .item .icon {
  width: 1rem;
  height: 1rem;
  border: 0.04rem solid #fff;
  background-color: #94a9c4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-s20 .item .icon img {
  max-width: 0.6rem;
  max-height: 0.6rem;
}
.inner-s20 .item .para {
  width: calc(100% - 1rem);
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'SemplicitaProMedium';
  padding-left: 0.2rem;
}

.inner-s21 {
  --clip-wipe2: 4rem;
}
.inner-s21 .inner {
  position: sticky;
  top: calc(100vh - 4rem);
  height: 4rem;
  display: flex;
  align-items: center;
}
.inner-s21 .inner .para {
  width: 100%;
  max-width: 13.2rem;
  margin: 0 auto;
  padding: 0 0.6rem;
  font-size: 0.4rem;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.inner-s21 .inner.show {
  z-index: 1;
}
.inner-s21 .inner.show .para {
  color: #26364d;
}
.inner-s21 .inner.hide {
  z-index: 3;
  margin-top: -4rem;
  clip-path: inset(var(--clip-wipe2) 0px 0px);
}
.inner-s21 .inner.hide .para {
  color: #fff;
}
.inner-s21 .img-block {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.inner-s21 .img-block:after {
  content: '';
  width: 100%;
  height: 18.43vw;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../images/product/img-15.png");
  background-size: 100% 100%;
  z-index: 2;
}
.inner-s21 .img-block .img-box {
  height: 100%;
  position: relative;
  z-index: 1;
}
.inner-s21 .img-block img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-s22 {
  padding: 17.2vw 0 1.2rem;
  position: relative;
}
.inner-s22:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 38.75vw;
  background: url("../images/product/img-16.png");
  background-size: 100% 100%;
}
.inner-s22 .label {
  font-size: 0.4rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.inner-s22 .b-para {
  font-size: max(15px, 0.2rem);
  color: #26364d;
  text-align: center;
  margin-top: 0.1rem;
}
.inner-s22 .cont-block {
  margin-top: 0.6rem;
  display: flex;
  align-items: flex-start;
}
.inner-s22 .tab-tit {
  order: 2;
  width: 44%;
  padding: 1.2rem 0 0 1rem;
}
.inner-s22 .tab-tit .item {
  position: relative;
  padding: 0.3rem 0;
  border-bottom: 1px solid #dae3ef;
  padding-right: 20px;
  cursor: pointer;
}
.inner-s22 .tab-tit .item:last-of-type {
  border: none;
}
.inner-s22 .tab-tit .item .tit {
  font-size: max(15px, 0.2rem);
  color: #26364d;
  font-family: 'SemplicitaProMedium';
  transform: scale(0.8);
  transform-origin: left center;
  transition: transform .3s ease;
}
.inner-s22 .tab-tit .item p {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
  margin-top: 0.1rem;
  display: none;
  opacity: 0;
}
.inner-s22 .tab-tit .item:after {
  content: '';
  width: max(12px, 0.16rem);
  height: max(12px, 0.16rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/product/icon-9.png");
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .3s ease;
}
.inner-s22 .tab-tit .item.active .tit {
  transform: scale(1);
}
.inner-s22 .tab-tit .item.active p {
  display: block;
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.inner-s22 .tab-tit .item.active:after {
  opacity: 0;
}
.inner-s22 .tab-cont {
  width: 56%;
  position: relative;
}
.inner-s22 .tab-cont .child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.inner-s22 .tab-cont .child:nth-of-type(1) {
  position: relative;
}
.inner-s22 .tab-cont .child .img-box {
  aspect-ratio: 740 / 700;
  border-radius: 0.5rem;
  overflow: hidden;
}
.inner-s22 .tab-cont .child .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s22 .tab-cont .child.active {
  z-index: 2;
}
.inner-s22 .tab-cont .child.animating {
  z-index: 3;
}
.inner-s22 .tab-cont .child.animating .img-box {
  animation: clip-path-1 0.8s cubic-bezier(0.8, 0, 0, 1) forwards;
}

.inner-s23 {
  position: relative;
}
.inner-s23:before {
  content: '';
  width: 100%;
  height: 5rem;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, #d7e1f1, rgba(0, 0, 0, 0));
}
.inner-s23 .sticky-block {
  position: absolute;
  top: 2.48rem;
  bottom: 2rem;
  right: calc(50vw + 7rem);
}
.inner-s23 .sticky-block .sticky {
  position: sticky;
  top: 100px;
  padding: 0.3rem 0.15rem;
  background-color: #dde5f3;
  border-radius: 0.4rem;
}
.inner-s23 .sticky-block .sticky .tit {
  font-size: max(10px, 0.12rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  padding: 0 0.15rem;
}
.inner-s23 .sticky-block .sticky .inner-box {
  margin-top: 0.15rem;
}
.inner-s23 .sticky-block .sticky .box {
  padding: 0.12rem 0.15rem;
  border: 1px solid transparent;
  border-radius: 0.15rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all .3s ease;
}
.inner-s23 .sticky-block .sticky .box span {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  white-space: nowrap;
}
.inner-s23 .sticky-block .sticky .box.active {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #fff;
}
.inner-s23 .prowrap-s {
  padding: 1.2rem 0;
  border-left: 1px solid rgba(38, 54, 77, 0.1);
}
.inner-s23 .label {
  font-size: 0.4rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.inner-s23 .items {
  padding-left: 0.6rem;
}
.inner-s23 .item {
  position: relative;
  padding: 0.8rem 0;
  border-top: 1px solid rgba(38, 54, 77, 0.1);
}
.inner-s23 .item:nth-of-type(1) {
  border: none;
}
.inner-s23 .item .img-box {
  width: calc(50% + 0.7rem);
  aspect-ratio: 700 / 393;
  border-radius: 0.6rem;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.inner-s23 .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s23 .item .txt-box {
  position: absolute;
  right: 0;
  top: 0.4rem;
  bottom: 0.4rem;
  left: calc(50% - 0.8rem);
  padding: 0.9rem 0.4rem 0.9rem 2rem;
  z-index: 1;
}
.inner-s23 .item .txt-box:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(135deg, #f6f7f9, #98acc6);
  border-radius: 0.6rem;
  opacity: 0;
  transition: opacity .3s ease;
}
.inner-s23 .item .inner {
  height: 100%;
  position: relative;
}
.inner-s23 .item .tit {
  font-size: max(15px, 0.2rem);
  color: #26364d;
  font-family: 'SemplicitaProMedium';
}
.inner-s23 .item p {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
  margin-top: 0.1rem;
}
.inner-s23 .item .data {
  position: absolute;
  bottom: 0;
  left: 0;
}
.inner-s23 .item .data p {
  margin-top: -0.1rem;
}
.inner-s23 .item .stit {
  font-size: 0.3rem;
  color: #26364d;
  margin-bottom: 0.2rem;
}
.inner-s23 .item .num span {
  font-size: 1.2rem;
  line-height: 1;
  color: #26364d;
  font-family: 'SemplicitaProMedium';
}
.inner-s23 .item .num i {
  font-style: normal;
  font-size: 0.4rem;
  line-height: 1;
  color: #26364d;
  font-family: 'SemplicitaProMedium';
}
@media (any-hover: hover) {
  .inner-s23 .item:hover .txt-box:before {
    opacity: 1;
  }
}
.inner-s23 .sticky-btns {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 4;
}
.inner-s23 .sticky-btns .sticky {
  height: 100vh;
  position: sticky;
  top: 0;
}
.inner-s23 .sticky-btns .btns {
  position: absolute;
  bottom: 0.6rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: max(180px, 2rem);
  pointer-events: auto;
}
.inner-s23 .sticky-btns .btns a {
  position: relative;
  display: block;
  height: max(40px, 0.5rem);
  border-radius: max(20px, 0.25rem);
  display: flex;
  align-items: center;
  padding-left: 0.2rem;
  background-image: radial-gradient(closest-side, #d8f0b7, #cdee9a);
  cursor: pointer;
}
.inner-s23 .sticky-btns .btns a span {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  padding-top: 0.04rem;
}
.inner-s23 .sticky-btns .btns a:after {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  right: 0.1rem;
  top: calc(50% - 0.15rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/product/icon-7.png");
  will-change: transform;
}
@media (any-hover: hover) {
  .inner-s23 .sticky-btns .btns a:hover:after {
    transform: rotate(180deg);
    transition: transform .5s ease;
  }
}

.inner-s24 {
  padding: 2.3rem 0 0.9rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/product/img-7.jpg");
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
}
.inner-s24 .txt-box .label {
  font-size: 0.4rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s24 .txt-box .tit {
  margin-top: 0.3rem;
  font-size: max(15px, 0.2rem);
  color: #26364d;
}
.inner-s24 .txt-box .para {
  margin-top: 0.1rem;
  color: #26364d;
  font-size: max(12px, 0.14rem);
  line-height: 1.42;
  font-family: 'semplicitapro-light';
}
.inner-s24 .txt-box .para p {
  padding-left: 0.2rem;
  position: relative;
}
.inner-s24 .txt-box .para p:before {
  content: '•';
  color: #70f2ff;
  position: absolute;
  top: -0.03rem;
  left: 0;
  font-size: max(12px, 0.14rem);
  line-height: 1.42;
  transform: scale(2);
}
.inner-s24 .txt-box .btns {
  margin-top: 1.4rem;
  width: max(100px, 1.5rem);
  height: max(100px, 1.5rem);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(217, 242, 179, 0.4);
}
.inner-s24 .txt-box .btns a {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.inner-s24 .txt-box .btns a:before, .inner-s24 .txt-box .btns a:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.inner-s24 .txt-box .btns a:before {
  background-image: radial-gradient(closest-side, rgba(255, 255, 255, 0), rgba(205, 238, 154, 0.7));
}
.inner-s24 .txt-box .btns a:after {
  background-color: #cdee9a;
  z-index: 2;
  transform: translateX(-101%);
  transition: all .5s ease;
}
.inner-s24 .txt-box .btns a .txt {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0.05rem;
  z-index: 3;
}
.inner-s24 .txt-box .btns a .txt:before {
  content: '';
  width: 0.32rem;
  height: 0.32rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/product/icon-5.png");
}
.inner-s24 .txt-box .btns a span {
  font-size: max(10px, 0.13rem);
  color: #26364d;
}
@media (any-hover: hover) {
  .inner-s24 .txt-box .btns a:hover:after {
    transform: none;
  }
}
.inner-s24 .img-box {
  position: absolute;
  bottom: -1.8rem;
  right: -3.35rem;
  width: 13.85rem;
}
.inner-s24 .img-box img {
  display: block;
  width: 100%;
}

.inner-s25 {
  background-color: #26364d;
  padding: 1.2rem 0;
}
.inner-s25 .label {
  font-size: 0.4rem;
  color: #ffffff;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.inner-s25 .tab-tit {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
}
.inner-s25 .tab-tit .items {
  background-color: rgba(255, 255, 255, 0.1);
  height: max(50px, 0.6rem);
  border-radius: max(25px, 0.3rem);
  padding: 0 5px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.inner-s25 .tab-tit .item {
  width: max(140px, 1.8rem);
  height: max(40px, 0.5rem);
  border-radius: max(20px, 0.25rem);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.inner-s25 .tab-tit .item:before, .inner-s25 .tab-tit .item:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: max(20px, 0.25rem);
  position: absolute;
  top: 0;
  left: 0;
}
.inner-s25 .tab-tit .item:before {
  background-image: radial-gradient(closest-side, rgba(255, 255, 255, 0), rgba(205, 238, 154, 0.7));
  opacity: 0;
  transition: opacity .5 ease;
}
.inner-s25 .tab-tit .item:after {
  background-color: #cdee9a;
  z-index: 2;
  transform: translateX(-101%);
  transition: all .5s ease;
}
.inner-s25 .tab-tit .item span {
  font-size: max(13px, 0.16rem);
  color: #fff;
  position: relative;
  z-index: 3;
  transition: color .3s ease;
}
.inner-s25 .tab-tit .item.active:before {
  opacity: 1;
}
@media (any-hover: hover) {
  .inner-s25 .tab-tit .item:not(.active):hover:after {
    transform: none;
  }
  .inner-s25 .tab-tit .item:not(.active):hover span {
    color: #26364d;
  }
}
.inner-s25 .tab-cont {
  margin-top: 0.6rem;
}
.inner-s25 .tab-cont .child {
  display: none;
}
.inner-s25 .tab-cont .child.active {
  display: block;
}
.inner-s25 .tab-cont .child.active .top-box, .inner-s25 .tab-cont .child.active .l-box, .inner-s25 .tab-cont .child.active .c-box, .inner-s25 .tab-cont .child.active .r-box {
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.inner-s25 .tab-cont .child.active .l-box {
  animation-delay: .1s;
}
.inner-s25 .tab-cont .child.active .c-box {
  animation-delay: .2s;
}
.inner-s25 .tab-cont .child.active .r-box {
  animation-delay: .3s;
}
.inner-s25 .tab-cont .top-box, .inner-s25 .tab-cont .l-box, .inner-s25 .tab-cont .c-box, .inner-s25 .tab-cont .r-box {
  opacity: 0;
}
.inner-s25 .tab-cont .tit {
  font-size: 0.3rem;
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
  padding-bottom: 0.1rem;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.inner-s25 .tab-cont .inner-data {
  display: flex;
  flex-wrap: wrap;
}
.inner-s25 .tab-cont .data .stit {
  font-size: max(13px, 0.16rem);
  color: #fff;
  font-family: 'semplicitapro-light';
}
.inner-s25 .tab-cont .data p {
  font-size: max(13px, 0.16rem);
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
  margin-top: 0.1rem;
}
.inner-s25 .tab-cont .data span {
  display: block;
  width: max(16px, 0.2rem);
  height: max(16px, 0.2rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/product/icon-2.png");
  margin-top: 0.1rem;
}
.inner-s25 .tab-cont .top-box {
  background-color: #94a9c4;
  padding: 0.7rem 1.2rem;
  border-radius: 500px;
}
.inner-s25 .tab-cont .top-box .inner-data {
  margin-right: -1rem;
  gap: 0.6rem 0;
}
.inner-s25 .tab-cont .top-box .data {
  width: 20%;
}
.inner-s25 .tab-cont .bot-box {
  margin-top: 0.12rem;
  display: flex;
  display: flex;
  gap: 0.12rem;
}
.inner-s25 .tab-cont .l-box {
  width: calc(100% - 3.9rem - 0.24rem - 1.2rem);
  background-color: #1f2e43;
  border-radius: 500px;
  padding: 0.6rem 0.7rem;
}
.inner-s25 .tab-cont .l-box .inner-data {
  margin-right: -1rem;
}
.inner-s25 .tab-cont .l-box .data {
  width: 30%;
}
.inner-s25 .tab-cont .c-box {
  width: 3.9rem;
  background-color: #1f2e43;
  border-radius: 500px;
  padding: 0.6rem 0.7rem;
}
.inner-s25 .tab-cont .r-box {
  width: 1.2rem;
}
.inner-s25 .tab-cont .r-box a {
  display: block;
  height: 100%;
  background-color: #cdee9a;
  padding: 0.45rem 0 0;
  position: relative;
  border-radius: 0.5rem;
  cursor: pointer;
}
.inner-s25 .tab-cont .r-box a i {
  display: block;
  width: max(24px, 0.35rem);
  height: max(24px, 0.35rem);
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/product/icon-10.png");
}
.inner-s25 .tab-cont .r-box a span {
  display: block;
  margin-top: 0.1rem;
  font-size: max(10px, 0.16rem);
  text-align: center;
  color: #1f2e43;
}
.inner-s25 .tab-cont .r-box a .icon {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  position: absolute;
  bottom: 0.18rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #bde482;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/product/next.png");
  background-size: auto 0.16rem;
}

.inner-s26 {
  padding: 1.3rem 0;
}
.inner-s26 .inner {
  display: flex;
  align-items: center;
}
.inner-s26 .img-box {
  width: 50%;
  padding-right: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
.inner-s26 .img-box img {
  display: block;
  width: 2.51rem;
  height: 6.38rem;
}
.inner-s26 .txt-box {
  width: 50%;
}
.inner-s26 .txt-box .label {
  font-size: 0.4rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s26 .txt-box .tips {
  margin-top: 0.3rem;
}
.inner-s26 .txt-box .tips p {
  position: relative;
  padding-left: 0.25rem;
  margin-top: 0.1rem;
}
.inner-s26 .txt-box .tips p:nth-of-type(1) {
  margin-top: 0;
}
.inner-s26 .txt-box .tips p:before {
  content: '';
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #70f2ff;
  position: absolute;
  left: 0;
  top: calc(50% - 0.03rem);
}
.inner-s26 .txt-box .tips p span {
  display: block;
  font-size: max(13px, 0.16rem);
  color: #26364d;
}
.inner-s26 .txt-box .ewm-box {
  margin-top: 0.4rem;
  padding-top: 0.4rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.inner-s26 .txt-box .ewm {
  width: max(140px, 1.88rem);
}
.inner-s26 .txt-box .ewm img {
  display: block;
  width: 100%;
}

.inner-s27 {
  padding: 1.2rem 0 0;
}
.inner-s27 .top-block {
  padding-bottom: 0.9rem;
  overflow: hidden;
}
.inner-s27 .top-block .label {
  font-size: 1rem;
  color: #26364d;
  text-align: center;
  font-family: 'SemplicitaPro-Bold';
  transform: scale(5);
  transform-origin: top center;
}
.inner-s27 .top-block .b-para {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
  text-align: center;
  opacity: 0;
  transform: translateY(0.6rem);
}
.inner-s27 .bot-block {
  position: relative;
}
.inner-s27 .pic-block {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 0.4rem;
}
.inner-s27 .pic-sticky {
  height: calc(100vh - 1.8rem);
  position: sticky;
  top: 0.9rem;
}
.inner-s27 .pic-sticky .child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.inner-s27 .pic-sticky .child .img-box {
  height: 100%;
  border-radius: 0.6rem;
  overflow: hidden;
}
.inner-s27 .pic-sticky .child .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-s27 .pic-sticky .child.active {
  opacity: 1;
}
.inner-s27 .txt-block {
  padding-top: 3rem;
}
.inner-s27 .txt-block .wrap-s {
  display: flex;
  align-items: flex-start;
}
.inner-s27 .txt-block .num-box {
  width: 0.8rem;
  height: 50vh;
  position: sticky;
  top: 50%;
}
.inner-s27 .txt-block .num-box .num {
  display: flex;
  align-items: center;
}
.inner-s27 .txt-block .num-box .left-box {
  font-size: max(14px, 0.22rem);
  color: #aeb6c2;
  line-height: 0.408rem;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s27 .txt-block .num-box .right-box {
  position: relative;
  height: 0.408rem;
  overflow: hidden;
}
.inner-s27 .txt-block .num-box .right-box .innernum {
  transition: transform .3s ease;
}
.inner-s27 .txt-block .num-box .right-box span {
  display: block;
  font-size: max(14px, 0.22rem);
  line-height: 0.408rem;
  color: #aeb6c2;
  font-family: 'SemplicitaPro-Bold';
}
.inner-s27 .txt-block .para-box {
  width: calc(100% - 0.8rem);
  padding-right: calc(50% + 1.6rem);
}
.inner-s27 .txt-block .para-box .para {
  margin-top: 50vh;
}
.inner-s27 .txt-block .para-box .para:nth-of-type(1) {
  margin-top: 0;
}
.inner-s27 .txt-block .para-box .para:last-of-type {
  height: 50vh;
}
.inner-s27 .txt-block .para-box .para span {
  font-size: 0.44rem;
  color: #ddd;
  font-family: 'SemplicitaPro-Bold';
  animation: color-transition1 .3s forwards;
}
.inner-s27 .txt-block .para-box .para.active span {
  animation: color-transition .5s forwards;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(1) {
  animation-delay: 0.001s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(2) {
  animation-delay: 0.002s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(3) {
  animation-delay: 0.003s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(4) {
  animation-delay: 0.004s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(5) {
  animation-delay: 0.005s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(6) {
  animation-delay: 0.006s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(7) {
  animation-delay: 0.007s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(8) {
  animation-delay: 0.008s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(9) {
  animation-delay: 0.009s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(10) {
  animation-delay: 0.01s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(11) {
  animation-delay: 0.011s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(12) {
  animation-delay: 0.012s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(13) {
  animation-delay: 0.013s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(14) {
  animation-delay: 0.014s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(15) {
  animation-delay: 0.015s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(16) {
  animation-delay: 0.016s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(17) {
  animation-delay: 0.017s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(18) {
  animation-delay: 0.018s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(19) {
  animation-delay: 0.019s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(20) {
  animation-delay: 0.02s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(21) {
  animation-delay: 0.021s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(22) {
  animation-delay: 0.022s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(23) {
  animation-delay: 0.023s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(24) {
  animation-delay: 0.024s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(25) {
  animation-delay: 0.025s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(26) {
  animation-delay: 0.026s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(27) {
  animation-delay: 0.027s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(28) {
  animation-delay: 0.028s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(29) {
  animation-delay: 0.029s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(30) {
  animation-delay: 0.03s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(31) {
  animation-delay: 0.031s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(32) {
  animation-delay: 0.032s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(33) {
  animation-delay: 0.033s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(34) {
  animation-delay: 0.034s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(35) {
  animation-delay: 0.035s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(36) {
  animation-delay: 0.036s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(37) {
  animation-delay: 0.037s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(38) {
  animation-delay: 0.038s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(39) {
  animation-delay: 0.039s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(40) {
  animation-delay: 0.04s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(41) {
  animation-delay: 0.041s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(42) {
  animation-delay: 0.042s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(43) {
  animation-delay: 0.043s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(44) {
  animation-delay: 0.044s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(45) {
  animation-delay: 0.045s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(46) {
  animation-delay: 0.046s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(47) {
  animation-delay: 0.047s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(48) {
  animation-delay: 0.048s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(49) {
  animation-delay: 0.049s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(50) {
  animation-delay: 0.05s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(51) {
  animation-delay: 0.051s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(52) {
  animation-delay: 0.052s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(53) {
  animation-delay: 0.053s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(54) {
  animation-delay: 0.054s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(55) {
  animation-delay: 0.055s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(56) {
  animation-delay: 0.056s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(57) {
  animation-delay: 0.057s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(58) {
  animation-delay: 0.058s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(59) {
  animation-delay: 0.059s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(60) {
  animation-delay: 0.06s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(61) {
  animation-delay: 0.061s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(62) {
  animation-delay: 0.062s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(63) {
  animation-delay: 0.063s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(64) {
  animation-delay: 0.064s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(65) {
  animation-delay: 0.065s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(66) {
  animation-delay: 0.066s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(67) {
  animation-delay: 0.067s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(68) {
  animation-delay: 0.068s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(69) {
  animation-delay: 0.069s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(70) {
  animation-delay: 0.07s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(71) {
  animation-delay: 0.071s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(72) {
  animation-delay: 0.072s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(73) {
  animation-delay: 0.073s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(74) {
  animation-delay: 0.074s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(75) {
  animation-delay: 0.075s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(76) {
  animation-delay: 0.076s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(77) {
  animation-delay: 0.077s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(78) {
  animation-delay: 0.078s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(79) {
  animation-delay: 0.079s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(80) {
  animation-delay: 0.08s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(81) {
  animation-delay: 0.081s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(82) {
  animation-delay: 0.082s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(83) {
  animation-delay: 0.083s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(84) {
  animation-delay: 0.084s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(85) {
  animation-delay: 0.085s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(86) {
  animation-delay: 0.086s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(87) {
  animation-delay: 0.087s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(88) {
  animation-delay: 0.088s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(89) {
  animation-delay: 0.089s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(90) {
  animation-delay: 0.09s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(91) {
  animation-delay: 0.091s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(92) {
  animation-delay: 0.092s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(93) {
  animation-delay: 0.093s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(94) {
  animation-delay: 0.094s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(95) {
  animation-delay: 0.095s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(96) {
  animation-delay: 0.096s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(97) {
  animation-delay: 0.097s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(98) {
  animation-delay: 0.098s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(99) {
  animation-delay: 0.099s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(100) {
  animation-delay: 0.1s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(101) {
  animation-delay: 0.101s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(102) {
  animation-delay: 0.102s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(103) {
  animation-delay: 0.103s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(104) {
  animation-delay: 0.104s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(105) {
  animation-delay: 0.105s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(106) {
  animation-delay: 0.106s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(107) {
  animation-delay: 0.107s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(108) {
  animation-delay: 0.108s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(109) {
  animation-delay: 0.109s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(110) {
  animation-delay: 0.11s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(111) {
  animation-delay: 0.111s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(112) {
  animation-delay: 0.112s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(113) {
  animation-delay: 0.113s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(114) {
  animation-delay: 0.114s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(115) {
  animation-delay: 0.115s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(116) {
  animation-delay: 0.116s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(117) {
  animation-delay: 0.117s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(118) {
  animation-delay: 0.118s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(119) {
  animation-delay: 0.119s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(120) {
  animation-delay: 0.12s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(121) {
  animation-delay: 0.121s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(122) {
  animation-delay: 0.122s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(123) {
  animation-delay: 0.123s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(124) {
  animation-delay: 0.124s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(125) {
  animation-delay: 0.125s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(126) {
  animation-delay: 0.126s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(127) {
  animation-delay: 0.127s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(128) {
  animation-delay: 0.128s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(129) {
  animation-delay: 0.129s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(130) {
  animation-delay: 0.13s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(131) {
  animation-delay: 0.131s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(132) {
  animation-delay: 0.132s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(133) {
  animation-delay: 0.133s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(134) {
  animation-delay: 0.134s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(135) {
  animation-delay: 0.135s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(136) {
  animation-delay: 0.136s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(137) {
  animation-delay: 0.137s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(138) {
  animation-delay: 0.138s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(139) {
  animation-delay: 0.139s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(140) {
  animation-delay: 0.14s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(141) {
  animation-delay: 0.141s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(142) {
  animation-delay: 0.142s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(143) {
  animation-delay: 0.143s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(144) {
  animation-delay: 0.144s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(145) {
  animation-delay: 0.145s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(146) {
  animation-delay: 0.146s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(147) {
  animation-delay: 0.147s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(148) {
  animation-delay: 0.148s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(149) {
  animation-delay: 0.149s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(150) {
  animation-delay: 0.15s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(151) {
  animation-delay: 0.151s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(152) {
  animation-delay: 0.152s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(153) {
  animation-delay: 0.153s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(154) {
  animation-delay: 0.154s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(155) {
  animation-delay: 0.155s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(156) {
  animation-delay: 0.156s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(157) {
  animation-delay: 0.157s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(158) {
  animation-delay: 0.158s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(159) {
  animation-delay: 0.159s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(160) {
  animation-delay: 0.16s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(161) {
  animation-delay: 0.161s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(162) {
  animation-delay: 0.162s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(163) {
  animation-delay: 0.163s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(164) {
  animation-delay: 0.164s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(165) {
  animation-delay: 0.165s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(166) {
  animation-delay: 0.166s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(167) {
  animation-delay: 0.167s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(168) {
  animation-delay: 0.168s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(169) {
  animation-delay: 0.169s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(170) {
  animation-delay: 0.17s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(171) {
  animation-delay: 0.171s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(172) {
  animation-delay: 0.172s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(173) {
  animation-delay: 0.173s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(174) {
  animation-delay: 0.174s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(175) {
  animation-delay: 0.175s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(176) {
  animation-delay: 0.176s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(177) {
  animation-delay: 0.177s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(178) {
  animation-delay: 0.178s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(179) {
  animation-delay: 0.179s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(180) {
  animation-delay: 0.18s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(181) {
  animation-delay: 0.181s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(182) {
  animation-delay: 0.182s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(183) {
  animation-delay: 0.183s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(184) {
  animation-delay: 0.184s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(185) {
  animation-delay: 0.185s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(186) {
  animation-delay: 0.186s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(187) {
  animation-delay: 0.187s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(188) {
  animation-delay: 0.188s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(189) {
  animation-delay: 0.189s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(190) {
  animation-delay: 0.19s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(191) {
  animation-delay: 0.191s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(192) {
  animation-delay: 0.192s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(193) {
  animation-delay: 0.193s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(194) {
  animation-delay: 0.194s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(195) {
  animation-delay: 0.195s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(196) {
  animation-delay: 0.196s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(197) {
  animation-delay: 0.197s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(198) {
  animation-delay: 0.198s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(199) {
  animation-delay: 0.199s;
}
.inner-s27 .txt-block .para-box .para.active span:nth-of-type(200) {
  animation-delay: 0.2s;
}

.index-s1 {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.index-s1 .items {
  position: relative;
  z-index: 1;
}
.index-s1 .item {
  height: 100vh;
}
.index-s1 .item .img-box {
  height: 100%;
}
.index-s1 .item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2);
}
.index-s1 .item .txt-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}
.index-s1 .item .txt-box .wrap-s {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index-s1 .item .label {
  font-size: 0.6rem;
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
}
.index-s1 .item .para {
  width: 4.4rem;
  font-size: max(16px, 0.2rem);
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
}
.index-s1 .item.swiper-slide-active img {
  animation: scale-bg 4s linear forwards;
}
.index-s1 .item.swiper-slide-active .label, .index-s1 .item.swiper-slide-active .para {
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.index-s1 .item.swiper-slide-active .para {
  animation-delay: .1s;
}
.index-s1 .timebox {
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.25rem 0 0 -2.25rem;
  z-index: 2;
}
.index-s1 .timebox .circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.index-s1 .timebox .circle img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-s1 .timebox .center {
  width: 0.26rem;
  height: 0.26rem;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 0.13rem);
  left: calc(50% - 0.13rem);
  z-index: 4;
}
.index-s1 .timebox .center:before {
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 0.04rem);
  left: calc(50% - 0.04rem);
}
.index-s1 .timebox .dot {
  position: absolute;
  z-index: 3;
}
.index-s1 .timebox .dot:before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -4px;
}
.index-s1 .timebox .dot:after {
  content: '';
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -9px;
  opacity: 0;
  transition: opacity .3s ease;
}
.index-s1 .timebox .dot span {
  position: absolute;
  font-size: 12px;
  color: #fff;
  font-family: 'semplicitapro-light';
  line-height: 20px;
  opacity: 0.3;
  transition: opacity .3s ease;
}
.index-s1 .timebox .dot:nth-of-type(1) {
  left: 0;
  top: 50%;
}
.index-s1 .timebox .dot:nth-of-type(1) span {
  padding-right: 20px;
  top: calc(50% - 8px);
  right: 100%;
}
.index-s1 .timebox .dot:nth-of-type(1):after {
  background-image: url("../images/index/img-1-4-1.png");
}
.index-s1 .timebox .dot:nth-of-type(2) {
  left: 50%;
  top: 0;
}
.index-s1 .timebox .dot:nth-of-type(2) span {
  left: 50%;
  bottom: 100%;
  padding-bottom: 20px;
  transform: translateX(-50%);
}
.index-s1 .timebox .dot:nth-of-type(2):after {
  background-image: url("../images/index/img-1-4-2.png");
}
.index-s1 .timebox .dot:nth-of-type(3) {
  left: 100%;
  top: 50%;
}
.index-s1 .timebox .dot:nth-of-type(3) span {
  padding-left: 20px;
  top: calc(50% - 8px);
  left: 100%;
}
.index-s1 .timebox .dot:nth-of-type(3):after {
  background-image: url("../images/index/img-1-4-3.png");
}
.index-s1 .timebox .dot:nth-of-type(4) {
  left: 50%;
  top: 100%;
}
.index-s1 .timebox .dot:nth-of-type(4) span {
  left: 50%;
  top: 100%;
  padding-top: 20px;
  transform: translateX(-50%);
}
.index-s1 .timebox .dot:nth-of-type(4):after {
  background-image: url("../images/index/img-1-4-4.png");
}
.index-s1 .timebox svg {
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  fill: none;
  stroke: #fff;
  stroke-width: 1.5px;
  stroke-dasharray: 622;
  stroke-dashoffset: 622;
  transform: rotate(-180deg);
  z-index: 2;
}
.index-s1 .timebox[data-index="0"] .circle img.img-2 {
  animation: index-time1-1 3.5s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.index-s1 .timebox[data-index="0"] .circle img.img-3 {
  animation: index-time-1 3s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.index-s1 .timebox[data-index="0"] .dot:nth-of-type(1) span {
  opacity: 1;
}
.index-s1 .timebox[data-index="0"] .dot:nth-of-type(1):after {
  opacity: 1;
}
.index-s1 .timebox[data-index="0"] svg {
  animation: index-svg-1 4s linear forwards;
}
.index-s1 .timebox[data-index="1"] .circle img.img-2 {
  animation: index-time1-2 3.5s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.index-s1 .timebox[data-index="1"] .circle img.img-3 {
  animation: index-time-2 3s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.index-s1 .timebox[data-index="1"] .dot:nth-of-type(2) span {
  opacity: 1;
}
.index-s1 .timebox[data-index="1"] .dot:nth-of-type(2):after {
  opacity: 1;
}
.index-s1 .timebox[data-index="1"] svg {
  animation: index-svg-2 4s linear forwards;
}
.index-s1 .timebox[data-index="2"] .circle img.img-2 {
  animation: index-time1-3 3.5s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.index-s1 .timebox[data-index="2"] .circle img.img-3 {
  animation: index-time-3 3s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.index-s1 .timebox[data-index="2"] .dot:nth-of-type(3) span {
  opacity: 1;
}
.index-s1 .timebox[data-index="2"] .dot:nth-of-type(3):after {
  opacity: 1;
}
.index-s1 .timebox[data-index="2"] svg {
  animation: index-svg-3 4s linear forwards;
}
.index-s1 .timebox[data-index="3"] .circle img.img-2 {
  animation: index-time1-4 3.5s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.index-s1 .timebox[data-index="3"] .circle img.img-3 {
  animation: index-time-4 3s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.index-s1 .timebox[data-index="3"] .dot:nth-of-type(4) span {
  opacity: 1;
}
.index-s1 .timebox[data-index="3"] .dot:nth-of-type(4):after {
  opacity: 1;
}
.index-s1 .timebox[data-index="3"] svg {
  animation: index-svg-4 4s linear forwards;
}

.n-index-s1 {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background-color: #000;
}
.n-index-s1 .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.n-index-s1 .slider img {
  display: none;
}
.n-index-s1 .slider-inner {
  display: none;
}
.n-index-s1 .timebox {
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.25rem 0 0 -2.25rem;
  z-index: 3;
}
.n-index-s1 .timebox .circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.n-index-s1 .timebox .circle img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.n-index-s1 .timebox .center {
  width: 0.26rem;
  height: 0.26rem;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 0.13rem);
  left: calc(50% - 0.13rem);
  z-index: 4;
  pointer-events: none;
}
.n-index-s1 .timebox .center:before {
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 0.04rem);
  left: calc(50% - 0.04rem);
}
.n-index-s1 .timebox .dot {
  position: absolute;
  z-index: 3;
  cursor: pointer;
}
.n-index-s1 .timebox .dot:before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -4px;
}
.n-index-s1 .timebox .dot:after {
  content: '';
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -9px;
  opacity: 0;
  transition: opacity .3s ease;
}
.n-index-s1 .timebox .dot span {
  position: absolute;
  font-size: 12px;
  color: #fff;
  font-family: 'semplicitapro-light';
  line-height: 20px;
  opacity: 0.3;
  transition: opacity .3s ease;
}
.n-index-s1 .timebox .dot:nth-of-type(1) {
  left: 0;
  top: 50%;
}
.n-index-s1 .timebox .dot:nth-of-type(1) span {
  padding-right: 20px;
  top: calc(50% - 8px);
  right: 100%;
}
.n-index-s1 .timebox .dot:nth-of-type(1):after {
  background-image: url("../images/index/img-1-4-1.png");
}
.n-index-s1 .timebox .dot:nth-of-type(2) {
  left: 50%;
  top: 0;
}
.n-index-s1 .timebox .dot:nth-of-type(2) span {
  left: 50%;
  bottom: 100%;
  padding-bottom: 20px;
  transform: translateX(-50%);
}
.n-index-s1 .timebox .dot:nth-of-type(2):after {
  background-image: url("../images/index/img-1-4-2.png");
}
.n-index-s1 .timebox .dot:nth-of-type(3) {
  left: 100%;
  top: 50%;
}
.n-index-s1 .timebox .dot:nth-of-type(3) span {
  padding-left: 20px;
  top: calc(50% - 8px);
  left: 100%;
}
.n-index-s1 .timebox .dot:nth-of-type(3):after {
  background-image: url("../images/index/img-1-4-3.png");
}
.n-index-s1 .timebox .dot:nth-of-type(4) {
  left: 50%;
  top: 100%;
}
.n-index-s1 .timebox .dot:nth-of-type(4) span {
  left: 50%;
  top: 100%;
  padding-top: 20px;
  transform: translateX(-50%);
}
.n-index-s1 .timebox .dot:nth-of-type(4):after {
  background-image: url("../images/index/img-1-4-4.png");
}
.n-index-s1 .timebox .dot.active span {
  opacity: 1;
}
.n-index-s1 .timebox .dot.active:after {
  opacity: 1;
}
.n-index-s1 .timebox svg {
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  fill: none;
  stroke: #fff;
  stroke-width: 1.5px;
  stroke-dasharray: 622;
  stroke-dashoffset: 622;
  transform: rotate(-180deg);
  z-index: 2;
}
.n-index-s1 .timebox[data-index="0"] .circle img.img-2 {
  animation: index-time1-4 3.5s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.n-index-s1 .timebox[data-index="0"] .circle img.img-3 {
  animation: index-time-4 3s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.n-index-s1 .timebox[data-index="0"] .dot:nth-of-type(1) span {
  opacity: 1;
}
.n-index-s1 .timebox[data-index="0"] .dot:nth-of-type(1):after {
  opacity: 1;
}
.n-index-s1 .timebox[data-index="0"] svg {
  animation: index-svg-4 4s linear forwards;
}
.n-index-s1 .timebox[data-index="1"] .circle img.img-2 {
  animation: index-time1-1 3.5s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.n-index-s1 .timebox[data-index="1"] .circle img.img-3 {
  animation: index-time-1 3s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.n-index-s1 .timebox[data-index="1"] .dot:nth-of-type(2) span {
  opacity: 1;
}
.n-index-s1 .timebox[data-index="1"] .dot:nth-of-type(2):after {
  opacity: 1;
}
.n-index-s1 .timebox[data-index="1"] svg {
  animation: index-svg-1 4s linear forwards;
}
.n-index-s1 .timebox[data-index="2"] .circle img.img-2 {
  animation: index-time1-2 3.5s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.n-index-s1 .timebox[data-index="2"] .circle img.img-3 {
  animation: index-time-2 3s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.n-index-s1 .timebox[data-index="2"] .dot:nth-of-type(3) span {
  opacity: 1;
}
.n-index-s1 .timebox[data-index="2"] .dot:nth-of-type(3):after {
  opacity: 1;
}
.n-index-s1 .timebox[data-index="2"] svg {
  animation: index-svg-2 4s linear forwards;
}
.n-index-s1 .timebox[data-index="3"] .circle img.img-2 {
  animation: index-time1-3 3.5s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.n-index-s1 .timebox[data-index="3"] .circle img.img-3 {
  animation: index-time-3 3s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
.n-index-s1 .timebox[data-index="3"] .dot:nth-of-type(4) span {
  opacity: 1;
}
.n-index-s1 .timebox[data-index="3"] .dot:nth-of-type(4):after {
  opacity: 1;
}
.n-index-s1 .timebox[data-index="3"] svg {
  animation: index-svg-3 4s linear forwards;
}
.n-index-s1 .txt-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
.n-index-s1 .txt-block .wrap-s {
  height: 100%;
}
.n-index-s1 .tips {
  font-size: max(10px, 0.12rem);
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  right: 0;
  bottom: max(70px, 1rem);
}

.index-s2 {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/index/img-2.jpg");
  background-attachment: fixed;
}
.index-s2 .cont-block {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.index-s2 .txt-box {
  max-width: max(400px, 6.7rem);
}
.index-s2 .tips {
  font-size: max(14px, 0.18rem);
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}
.index-s2 .label {
  font-size: 0.4rem;
  white-space: nowrap;
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
}
.index-s2 .para {
  padding-top: 0.3rem;
  margin-top: 0.3rem;
  font-size: max(13px, 0.16rem);
  color: #fff;
  line-height: 1.5;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.index-s3 {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.index-s3 .cont-block {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #fafbfd;
}
.index-s3 .label {
  font-size: 0.6rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.index-s3 .btns {
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
}
.index-s3 .btns a {
  padding: 0 0.24rem;
  height: max(32px, 0.4rem);
  background-color: #cdee9a;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-s3 .btns a span {
  font-size: max(12px, 0.14rem);
  color: #26364d;
}
.index-s3 .btns a:after {
  content: '';
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  margin-left: 0.2rem;
}
.index-s3 .items {
  width: 13.92rem;
  height: 7.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.index-s3 .item {
  position: absolute;
  pointer-events: auto;
}
.index-s3 .item .img-box {
  position: relative;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
  will-change: transform;
  transition: all .5s ease;
}
.index-s3 .item .img-box span {
  position: absolute;
  bottom: 0.2rem;
  left: 0.2rem;
  font-size: max(13px, 0.16rem);
  color: #fff;
  z-index: 2;
  transition: opacity .3s ease;
}
.index-s3 .item img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.index-s3 .item .txt-box {
  position: absolute;
  padding-left: 0.2rem;
  border-left: 0.04rem solid #cdee9a;
  display: none;
}
.index-s3 .item .tit {
  font-size: max(16px, 0.2rem);
  color: #3e4c61;
  font-family: 'SemplicitaPro-Bold';
  opacity: 0;
}
.index-s3 .item .para {
  font-size: max(12px, 0.14rem);
  color: #26364d;
  margin-top: 0.1rem;
  opacity: 0;
}
.index-s3 .item:nth-of-type(1) {
  width: 2.1rem;
  top: 0;
  left: 1.4rem;
}
.index-s3 .item:nth-of-type(1) .img-box {
  aspect-ratio: 210 / 145;
  transform-origin: right bottom;
}
.index-s3 .item:nth-of-type(1) .txt-box {
  width: 4rem;
  left: calc(100% + 0.2rem);
  top: 50%;
  transform: translateY(-50%);
}
.index-s3 .item:nth-of-type(1).active .img-box {
  border-radius: 10px 10px 0.6rem 10px;
}
.index-s3 .item:nth-of-type(2) {
  width: 2.7rem;
  top: 2.2rem;
  left: 0;
  z-index: 2;
}
.index-s3 .item:nth-of-type(2) .img-box {
  aspect-ratio: 270 / 215;
  transform-origin: top left;
}
.index-s3 .item:nth-of-type(2) .txt-box {
  width: 2.7rem;
  top: calc(120% + 0.2rem);
  left: 0;
}
.index-s3 .item:nth-of-type(2).active .img-box {
  border-radius: 10px 10px 0.6rem 10px;
}
.index-s3 .item:nth-of-type(3) {
  width: 3.4rem;
  left: 1.2rem;
  bottom: 0;
}
.index-s3 .item:nth-of-type(3) .img-box {
  aspect-ratio: 340 / 340;
  transform-origin: right bottom;
}
.index-s3 .item:nth-of-type(3) .txt-box {
  width: 4rem;
  left: calc(100% + 0.2rem);
  top: 60%;
  transform: translateY(-50%);
}
.index-s3 .item:nth-of-type(3).active .img-box {
  border-radius: 10px 10px 1rem 10px;
}
.index-s3 .item:nth-of-type(3).small .img-box {
  transform: scale(0.5);
}
.index-s3 .item:nth-of-type(4) {
  width: 2.7rem;
  top: 0;
  right: 2.6rem;
}
.index-s3 .item:nth-of-type(4) .img-box {
  aspect-ratio: 270 / 185;
  transform-origin: right bottom;
}
.index-s3 .item:nth-of-type(4) .txt-box {
  width: 3rem;
  left: calc(100% + 0.2rem);
  top: 50%;
  transform: translateY(-50%);
}
.index-s3 .item:nth-of-type(4).active .img-box {
  border-radius: 10px 10px 0.6rem 10px;
}
.index-s3 .item:nth-of-type(5) {
  width: 4.45rem;
  right: 0;
  bottom: 0.8rem;
}
.index-s3 .item:nth-of-type(5) .img-box {
  aspect-ratio: 445 / 336;
  transform-origin: top left;
}
.index-s3 .item:nth-of-type(5) .txt-box {
  width: 4rem;
  top: calc(120% + 0.2rem);
  left: 0.2rem;
}
.index-s3 .item:nth-of-type(5).active .img-box {
  border-radius: 10px 10px 1rem 10px;
}
.index-s3 .item.active .img-box {
  transform: scale(1.2);
}
.index-s3 .item.active .txt-box {
  display: block;
}
.index-s3 .item.active .tit, .index-s3 .item.active .para {
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.index-s3 .item.active .para {
  animation-delay: .1s;
}
.index-s3 .item.small .img-box {
  transform: scale(0.8);
}

.index-s4 {
  position: relative;
  padding: 1.5rem 0;
  overflow: hidden;
  background: url("../images/index/img-6.jpg") center top no-repeat;
  background-size: 100% auto;
}
.index-s4 .cont-block {
  display: flex;
  align-items: center;
}
.index-s4 .label {
  font-size: 0.4rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.index-s4 .map-box {
  position: relative;
  width: 10.2rem;
  margin: 0.2rem auto 0;
  aspect-ratio: 901 / 446;
}
.index-s4 .map-box img.bg {
  display: block;
  width: 100%;
}
.index-s4 .map-box .dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-s4 .map-box .dot {
  position: absolute;
  width: 0;
  height: 0;
}
.index-s4 .map-box .dot .range {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.index-s4 .map-box .dot .range i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(147, 185, 90, 0.3);
  border-radius: 50%;
  opacity: 0;
  animation: o-map-scale 2.1s linear infinite;
}
.index-s4 .map-box .dot .range i:nth-of-type(2) {
  animation-delay: .7s;
}
.index-s4 .map-box .dot .range i:nth-of-type(3) {
  animation-delay: 1.4s;
}
.index-s4 .map-box .dot:after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #93b95a;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.index-s4 .map-box .dot .box {
  position: absolute;
}
.index-s4 .map-box .dot .box:before {
  content: '';
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.index-s4 .map-box .dot .txt {
  position: absolute;
  white-space: nowrap;
}
.index-s4 .map-box .dot .txt span {
  display: block;
  font-size: max(12px, 0.14rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.index-s4 .map-box .dot .txt p {
  font-size: max(10px, 0.12rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
}
.index-s4 .map-box .dot.gray .range, .index-s4 .map-box .dot.gray:after,
.index-s4 .map-box .dot.gray .box:before {
  filter: grayscale(1);
}
.index-s4 .map-box .dot:nth-of-type(1) .box {
  bottom: 0;
  right: 0;
}
.index-s4 .map-box .dot:nth-of-type(1) .box:before {
  width: 0.69rem;
  height: 0.37rem;
  background-image: url("../images/index/img-5-1.png");
}
.index-s4 .map-box .dot:nth-of-type(2) .box {
  bottom: 0;
  right: 0;
}
.index-s4 .map-box .dot:nth-of-type(2) .box:before {
  width: 0.59rem;
  height: 0.37rem;
  background-image: url("../images/index/img-5-2.png");
}
.index-s4 .map-box .dot:nth-of-type(3) .box {
  bottom: 0;
  left: 0;
}
.index-s4 .map-box .dot:nth-of-type(3) .box:before {
  width: 0.98rem;
  height: 0.36rem;
  background-image: url("../images/index/img-5-3.png");
}
.index-s4 .map-box .dot:nth-of-type(4) .box {
  top: 0;
  left: 0;
}
.index-s4 .map-box .dot:nth-of-type(4) .box:before {
  width: 0.99rem;
  height: 0.37rem;
  background-image: url("../images/index/img-5-4.png");
}
.index-s4 .map-box .dot.t-lt .txt {
  top: -8px;
  right: calc(100% + 0.1rem);
  text-align: right;
}
.index-s4 .map-box .dot.t-rt .txt {
  left: calc(100% + 0.1rem);
  top: -8px;
}
.index-s4 .map-box .dot.t-rb .txt {
  left: calc(100% + 0.1rem);
  top: calc(100% - 8px);
}
.index-s4 .map-tips {
  display: flex;
  justify-content: center;
}
.index-s4 .map-tips .inner {
  border: 2px solid #f4f6f9;
  border-radius: 6px;
  padding: 0.1rem 0.3rem;
  display: flex;
  align-items: center;
}
.index-s4 .map-tips .txt {
  display: flex;
  align-items: center;
}
.index-s4 .map-tips .txt:before {
  content: '';
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
}
.index-s4 .map-tips .txt span {
  font-size: max(10px, 0.13rem);
  color: #26364d;
  padding-top: 2px;
  margin-left: 5px;
}
.index-s4 .map-tips .txt:nth-of-type(1):before {
  background-color: #8b9aaf;
}
.index-s4 .map-tips .txt:nth-of-type(2) {
  margin-left: 0.4rem;
  padding-left: 0.12rem;
  border-left: 1px solid #f4f6f9;
}
.index-s4 .map-tips .txt:nth-of-type(2):before {
  background-color: #93b95a;
}
.index-s4 .data-box {
  margin-top: -0.5rem;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0.5rem 0;
  display: flex;
  justify-content: center;
}
.index-s4 .data {
  padding-left: 1.2rem;
  margin-left: 1.2rem;
  border-left: 1px solid #d4d7db;
}
.index-s4 .data:nth-of-type(1) {
  margin-left: 0;
  padding-left: 0;
  border: none;
}
.index-s4 .data .num {
  position: relative;
}
.index-s4 .data .show {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.index-s4 .data .hide {
  opacity: 0;
}
.index-s4 .data span {
  font-size: 0.5rem;
  color: #26364d;
  font-family: 'Rajdhani-Medium';
}
.index-s4 .data i {
  font-style: normal;
  font-size: max(13px, 0.16rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
}
.index-s4 .data p {
  font-size: max(13px, 0.16rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
}

.index-s5 {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.index-s5 .img-box {
  width: 100%;
  height: 100%;
}
.index-s5 .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-s5 .txt-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-s5 .txt-box .wrap-s {
  height: 100%;
  padding-bottom: 1.6rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.index-s5 .txt-box-inner p {
  font-size: max(14px, 0.18rem);
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
}
.index-s5 .txt-box-inner .label {
  width: 100%;
  font-size: 0.42rem;
  line-height: 1;
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
  margin-top: 0.2rem;
}
.index-s5 .tips {
  font-size: max(10px, 0.12rem);
  color: rgba(255, 255, 255, 0.3);
}
.index-s5 .scroll {
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.index-s5 .scroll:after {
  content: '';
  width: 12px;
  height: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/index/icon-3.png");
  animation: scroll-1 1.5s linear infinite;
}

.index-s6 {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.index-s6 .pic-block {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
}
.index-s6 .pic-block .img-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.index-s6 .pic-block .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-s6 .pic-block .img-box.active {
  z-index: 2;
}
.index-s6 .pic-block .img-box.animating {
  z-index: 3;
  animation: clip-path-1 0.8s cubic-bezier(0.8, 0, 0, 1) forwards;
}
.index-s6 .txt-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
.index-s6 .txt-block .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 1.6rem;
}
.index-s6 .txt-block .item .para {
  font-size: 0.4rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  opacity: 0;
  display: none;
}
.index-s6 .txt-block .item.active .para {
  display: block;
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.index-s6 .ope {
  width: 50%;
  position: absolute;
  left: 0;
  bottom: 1.2rem;
  z-index: 2;
}
.index-s6 .ope:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d4d7db;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.index-s6 .ope .items {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  padding: 0 1.6rem;
  display: flex;
  justify-content: space-between;
}
.index-s6 .ope .item {
  position: relative;
  cursor: pointer;
}
.index-s6 .ope .item .tit {
  width: 150px;
  height: 40px;
  font-size: 13px;
  color: #26364d;
  border-radius: 20px;
  border: 1px solid #26364d;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .3s ease;
}
.index-s6 .ope .item .show {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity .3s ease;
}
.index-s6 .ope .item .show:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  background-color: #26364d;
}
.index-s6 .ope .item .show span {
  font-size: 12px;
  color: #26364d;
  opacity: 0.6;
  padding-top: 10px;
  white-space: nowrap;
}
.index-s6 .ope .item.active .tit {
  opacity: 1;
}
.index-s6 .ope .item.active .show {
  opacity: 0;
}

.index-s7 {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.index-s7 .video-box {
  width: 100%;
  height: 100%;
}
.index-s7 .video-box video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-s7 .time-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.index-s7 .time-box .wrap-s {
  height: 100%;
}
.index-s7 .time-box .block {
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 139px;
  height: 139px;
}
.index-s7 .time-box .block .center-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.index-s7 .time-box .block .center-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.index-s7 .time-box .block .center-box:before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #fff;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
  box-sizing: border-box;
  z-index: 2;
}
.index-s7 .time-box .block .center-box:after {
  content: '';
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 1px);
  box-sizing: border-box;
  z-index: 2;
}
.index-s7 .time-box .block .dot {
  position: absolute;
}
.index-s7 .time-box .block .dot:before {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -2px;
}
.index-s7 .time-box .block .dot span {
  position: absolute;
  font-size: 10px;
  color: #fff;
  font-family: 'semplicitapro-light';
  line-height: 20px;
  transition: opacity .3s ease;
}
.index-s7 .time-box .block .dot:nth-of-type(1) {
  left: 50%;
  top: 0;
}
.index-s7 .time-box .block .dot:nth-of-type(1) span {
  left: 50%;
  bottom: 100%;
  padding-bottom: 10px;
  transform: translateX(-50%);
}
.index-s7 .time-box .block .dot:nth-of-type(2) {
  left: 100%;
  top: 50%;
}
.index-s7 .time-box .block .dot:nth-of-type(2) span {
  padding-left: 10px;
  top: calc(50% - 8px);
  left: 100%;
}
.index-s7 .time-box .block .dot:nth-of-type(3) {
  left: 50%;
  top: 100%;
}
.index-s7 .time-box .block .dot:nth-of-type(3) span {
  left: 50%;
  top: 100%;
  padding-top: 10px;
  transform: translateX(-50%);
}
.index-s7 .time-box .block .dot:nth-of-type(4) {
  left: 0;
  top: 50%;
}
.index-s7 .time-box .block .dot:nth-of-type(4) span {
  padding-right: 10px;
  top: calc(50% - 8px);
  right: 100%;
}
.index-s7 .time-box .block svg {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  fill: none;
  stroke: #fff;
  stroke-width: 3px;
  stroke-dasharray: 622;
  stroke-dashoffset: 622;
  transform: rotate(-90deg);
  z-index: 2;
}
.index-s7 .time-box .block.active .center-box img {
  animation: index-time1-4 32s linear infinite;
}
.index-s7 .time-box .block.active svg {
  animation: index7-svg 32s linear infinite;
}

.index-s8 {
  padding: 1.5rem 0;
  position: relative;
  background-image: linear-gradient(180deg, #abbedc, #fff);
  overflow: hidden;
}
.index-s8 .top-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 0.3rem;
}
.index-s8 .top-block .tit {
  font-size: 0.4rem;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.index-s8 .top-block a {
  margin-top: 0.3rem;
  height: max(32px, 0.4rem);
  background-color: #cdee9a;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.05rem 0.2rem 0;
  cursor: pointer;
  transition: all .3s ease;
}
.index-s8 .top-block a span {
  font-size: 14px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.index-s8 .top-block a:after {
  content: '';
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  transform: translateY(-2px);
  margin-left: 0.2rem;
}
@media (any-hover: hover) {
  .index-s8 .top-block a:hover {
    background-color: #d7f8a3;
  }
}
.index-s8 .bot-block {
  width: 86.25%;
  margin: 0 0 0 auto;
  position: relative;
  right: -4%;
  aspect-ratio: 1380 / 600;
}
.index-s8 .bot-block img.bg {
  display: block;
  width: 100%;
}
.index-s8 .bot-block .imgs {
  width: 3.26%;
  position: absolute;
  top: 36.8%;
  left: 16.5%;
}
.index-s8 .bot-block .imgs img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
.index-s8 .bot-block .imgs img.active {
  opacity: 1;
}

.index-s9 {
  height: 700vh;
  --clip-wipe2: 100%;
  --clip-wipe3: 100%;
}
.index-s9 .sticky {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.index-s9 .main-block {
  background-image: linear-gradient(180deg, #d5dfee, #fff, #fff, #fff);
  width: calc(100vw + 37.7rem + 2rem);
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}
.index-s9 .block-1 {
  width: 100vw;
  height: 100%;
  position: relative;
}
.index-s9 .block-1 .changepic-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.index-s9 .block-1 .changepic-block img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.index-s9 .block-1 .changepic-block img.img-1 {
  z-index: 1;
}
.index-s9 .block-1 .changepic-block img.img-2 {
  clip-path: inset(0 0 0 var(--clip-wipe2));
  z-index: 2;
}
.index-s9 .block-1 .changepic-block img.img-3 {
  clip-path: inset(0 0 0 var(--clip-wipe3));
  z-index: 3;
}
.index-s9 .block-1 .mask-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 2;
}
.index-s9 .block-1 .hello-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #d5dfee, #fff, #fff, #fff);
  z-index: 3;
}
.index-s9 .block-1 .hello-block img {
  display: block;
  width: 80%;
  height: 80%;
  position: absolute;
  top: 10%;
  left: 10%;
  opacity: 0;
  animation: n-index-scale1 9s linear infinite;
}
.index-s9 .block-1 .hello-block img.img-1 {
  z-index: 1;
}
.index-s9 .block-1 .hello-block img.img-2 {
  animation-delay: 3s;
  z-index: 2;
}
.index-s9 .block-1 .hello-block img.img-3 {
  animation-delay: 6s;
  z-index: 3;
}
.index-s9 .block-1 .logo-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
.index-s9 .block-1 .logo-block .svg-box {
  width: 1.9rem;
  position: relative;
}
.index-s9 .block-1 .logo-block .svg-box img {
  display: block;
  width: 99%;
  opacity: 0.1;
}
.index-s9 .block-1 .logo-block .svg-line {
  fill: none;
  stroke: #26364d;
  stroke-width: 1px;
  fill-rule: evenodd;
  position: absolute;
  top: 0;
  left: 0;
  width: 99%;
  height: auto;
  z-index: 2;
  stroke-dasharray: 1290;
  stroke-dashoffset: 1290;
}
.index-s9 .block-1 .label-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.index-s9 .block-1 .label-block .tit {
  display: flex;
  justify-content: center;
}
.index-s9 .block-1 .label-block .tit span {
  font-size: 1.4rem;
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
  display: none;
  opacity: 0;
}
.index-s9 .block-1 .label-block.active .tit span {
  display: block;
  animation: n-index-opacity1 .1s linear forwards;
}
.index-s9 .block-1 .label-block.active .tit span:nth-of-type(1) {
  animation-delay: 0.1s;
}
.index-s9 .block-1 .label-block.active .tit span:nth-of-type(2) {
  animation-delay: 0.2s;
}
.index-s9 .block-1 .label-block.active .tit span:nth-of-type(3) {
  animation-delay: 0.3s;
}
.index-s9 .block-1 .label-block.active .tit span:nth-of-type(4) {
  animation-delay: 0.4s;
}
.index-s9 .block-1 .label-block.active .tit span:nth-of-type(5) {
  animation-delay: 0.5s;
}
.index-s9 .block-1 .label-block.active .tit span:nth-of-type(6) {
  animation-delay: 0.6s;
}
.index-s9 .block-1 .label-block.active .tit span:nth-of-type(7) {
  animation-delay: 0.7s;
}
.index-s9 .block-1 .label-block.active .tit span:nth-of-type(8) {
  animation-delay: 0.8s;
}
.index-s9 .block-2 {
  width: 14.8rem;
  height: 100%;
  padding-left: 1.4rem;
  display: flex;
  align-items: center;
}
.index-s9 .block-2 .inner {
  width: 100%;
  height: 7.1rem;
  display: flex;
}
.index-s9 .block-2 .left-box {
  position: relative;
  width: 5.8rem;
  height: 100%;
  background: url("../images/n-index/img-1.png") center bottom no-repeat;
  background-size: 100% auto;
  border-right: 1px solid rgba(38, 54, 77, 0.1);
  border: 1px solid rgba(38, 54, 77, 0.1);
  border-radius: 0.3rem 0 0 0.3rem;
}
.index-s9 .block-2 .left-box .top-box {
  position: relative;
  position: absolute;
  top: 1rem;
  left: 0.8rem;
  right: 0.8rem;
}
.index-s9 .block-2 .left-box .svg-line {
  width: 110%;
  height: auto;
  position: absolute;
  left: -10%;
  stroke-dasharray: 1120;
  stroke-dashoffset: 1120;
}
.index-s9 .block-2 .left-box .svg-line.active {
  stroke-dashoffset: 0;
  transition: all 1s ease;
}
.index-s9 .block-2 .left-box .tit {
  font-size: 0.7rem;
  color: #26364d;
  line-height: 1;
  font-family: 'SemplicitaPro-Bold';
  position: relative;
  z-index: 2;
}
.index-s9 .block-2 .right-box {
  width: calc(100% - 5.8rem);
  position: relative;
  border-top: 1px solid rgba(38, 54, 77, 0.1);
}
.index-s9 .block-2 .item {
  position: absolute;
  width: 50%;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(38, 54, 77, 0.1);
  border-bottom: 1px solid rgba(38, 54, 77, 0.1);
}
.index-s9 .block-2 .item:nth-of-type(1), .index-s9 .block-2 .item:nth-of-type(2) {
  height: 50%;
}
.index-s9 .block-2 .item:nth-of-type(3), .index-s9 .block-2 .item:nth-of-type(4), .index-s9 .block-2 .item:nth-of-type(5) {
  height: 33.33%;
}
.index-s9 .block-2 .item:nth-of-type(1) {
  top: 0;
  left: 0;
}
.index-s9 .block-2 .item:nth-of-type(2) {
  left: 0;
  bottom: 0;
}
.index-s9 .block-2 .item:nth-of-type(3) {
  top: 0;
  right: 0;
}
.index-s9 .block-2 .item:nth-of-type(4) {
  top: 33.33%;
  right: 0;
}
.index-s9 .block-2 .item:nth-of-type(5) {
  bottom: 0;
  right: 0;
}
.index-s9 .block-2 .item .box {
  opacity: 0.5;
  transition: opacity .3s ease;
}
.index-s9 .block-2 .item .tit {
  display: flex;
  gap: 0.1rem;
  align-items: flex-end;
}
.index-s9 .block-2 .item .tit span {
  font-size: 0.4rem;
  line-height: 1;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.index-s9 .block-2 .item .tit i {
  font-style: normal;
  font-size: max(13px, 0.16rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  padding-bottom: 0.05rem;
}
.index-s9 .block-2 .item .para {
  font-size: max(12px, 0.15rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
  margin-top: 0.15rem;
}
@media (any-hover: hover) {
  .index-s9 .block-2 .item:hover .box {
    opacity: 1;
  }
}
.index-s9 .block-3 {
  width: 8rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.index-s9 .block-3 .inner {
  width: 100%;
  height: 7.1rem;
  padding: 1.7rem 0.9rem 0;
  border-top: 1px solid rgba(38, 54, 77, 0.1);
  border-bottom: 1px solid rgba(38, 54, 77, 0.1);
}
.index-s9 .block-3 .tit {
  font-size: 0.4rem;
  line-height: 1;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.index-s9 .block-3 .para {
  font-size: max(13px, 0.16rem);
  color: #26364d;
  font-family: 'semplicitapro-light';
  margin-top: 0.2rem;
}
.index-s9 .block-3 .btns {
  margin-top: 0.6rem;
  display: flex;
}
.index-s9 .block-3 .btns a {
  height: max(32px, 0.4rem);
  background-color: #cdee9a;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.05rem 0.2rem 0;
  cursor: pointer;
  transition: all .3s ease;
}
.index-s9 .block-3 .btns a span {
  font-size: 14px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.index-s9 .block-3 .btns a:after {
  content: '';
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  transform: translateY(-2px);
  margin-left: 0.2rem;
}
@media (any-hover: hover) {
  .index-s9 .block-3 .btns a:hover {
    background-color: #d7f8a3;
  }
}
.index-s9 .block-4 {
  position: relative;
  width: 16.9rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.index-s9 .block-4 .inner {
  width: 100%;
  padding-right: 3.8rem;
  height: 7.1rem;
  border-top: 1px solid rgba(38, 54, 77, 0.1);
  border-bottom: 1px solid rgba(38, 54, 77, 0.1);
  padding-top: 1.2rem;
  display: flex;
  align-items: flex-start;
  gap: 0.1rem;
}
.index-s9 .block-4 .item {
  width: calc((100% - 4.7rem - 0.3rem) / 3);
  position: relative;
  border-radius: 0.3rem;
  overflow: hidden;
  transition: width .3s ease;
}
.index-s9 .block-4 .item:nth-of-type(1) {
  background-color: #94a9c4;
}
.index-s9 .block-4 .item:nth-of-type(1) .show-box span {
  color: #fff;
}
.index-s9 .block-4 .item:nth-of-type(1) .tit, .index-s9 .block-4 .item:nth-of-type(1) .para {
  color: #fff;
}
.index-s9 .block-4 .item:nth-of-type(2) {
  background-color: #cdee9a;
}
.index-s9 .block-4 .item:nth-of-type(3) {
  background-color: #70f2ff;
}
.index-s9 .block-4 .item:nth-of-type(4) {
  background-color: #dce6f2;
}
.index-s9 .block-4 .item .img-box {
  aspect-ratio: 47 / 49;
  opacity: 0;
  transform: scale(0.5);
  transform-origin: center -50%;
  position: relative;
  z-index: 1;
  transition: all .5s ease;
}
.index-s9 .block-4 .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-s9 .block-4 .item .show-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: opacity .3s ease;
}
.index-s9 .block-4 .item .show-box span {
  font-size: max(14px, 0.18rem);
  color: #26364d;
}
.index-s9 .block-4 .item .txt-box {
  width: 4.7rem;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.3rem;
  z-index: 3;
  display: none;
  opacity: 0;
}
.index-s9 .block-4 .item .tit {
  font-size: max(13px, 0.16rem);
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.index-s9 .block-4 .item .para {
  font-size: max(12px, 0.15rem);
  color: #26364d;
  margin-top: 0.1rem;
}
.index-s9 .block-4 .item .para span {
  font-size: max(13px, 0.16rem);
  font-family: 'SemplicitaPro-Bold';
}
.index-s9 .block-4 .item.active {
  width: 4.7rem;
}
.index-s9 .block-4 .item.active .img-box {
  opacity: 1;
  transform: scale(1);
}
.index-s9 .block-4 .item.active .show-box {
  opacity: 0;
}
.index-s9 .block-4 .item.active .txt-box {
  display: block;
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.index-s9 .block-4 .down-btn {
  position: absolute;
  right: 3.8rem;
  bottom: 0.3rem;
  width: max(40px, 0.54rem);
  height: max(40px, 0.54rem);
  border-radius: 50%;
  background-color: #cdee9a;
  cursor: pointer;
}
.index-s9 .block-4 .down-btn:before {
  content: '';
  width: 12px;
  height: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-2.svg");
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 6px);
  animation: drop-1 1.5s linear infinite;
}

.m-index {
  display: none;
}

.m-index-s1 {
  position: relative;
}
.m-index-s1 .item {
  height: 114.66vw;
  position: relative;
}
.m-index-s1 .item .img-box {
  height: 100%;
}
.m-index-s1 .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-index-s1 .item .txt-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 30vw;
  z-index: 2;
}
.m-index-s1 .item .label {
  font-size: 30px;
  color: #fff;
  line-height: 1;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.m-index-s1 .item .para {
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  font-family: 'semplicitapro-light';
  margin-top: 30px;
}
.m-index-s1 .dot-box {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  grid-gap: 80px;
}
.m-index-s1 .dot-box:before {
  content: '';
  width: 86.533%;
  max-width: 724px;
  height: 2px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/index/m-1.png");
  background-size: 100% 100%;
  z-index: 1;
  pointer-events: none;
}
.m-index-s1 .dot-box .dot {
  position: relative;
  z-index: 2;
}
.m-index-s1 .dot-box .dot .icon {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  position: relative;
}
.m-index-s1 .dot-box .dot .icon:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  opacity: 0;
  transition: opacity .3s ease;
}
.m-index-s1 .dot-box .dot .icon:after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity .3s ease;
}
.m-index-s1 .dot-box .dot .icon i {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity .3s ease;
}
.m-index-s1 .dot-box .dot span {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
}
.m-index-s1 .dot-box .dot:nth-of-type(1) .icon i {
  background-image: url("../images/index/img-1-4-4.png");
}
.m-index-s1 .dot-box .dot:nth-of-type(2) .icon i {
  background-image: url("../images/index/img-1-4-1.png");
}
.m-index-s1 .dot-box .dot:nth-of-type(3) .icon i {
  background-image: url("../images/index/img-1-4-2.png");
}
.m-index-s1 .dot-box .dot:nth-of-type(4) .icon i {
  background-image: url("../images/index/img-1-4-3.png");
}
.m-index-s1 .dot-box .dot.active .icon:before {
  opacity: 1;
}
.m-index-s1 .dot-box .dot.active .icon:after {
  opacity: 0;
}
.m-index-s1 .dot-box .dot.active .icon i {
  opacity: 1;
}
.m-index-s1 .tips {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  bottom: 5px;
  z-index: 2;
}

.m-index-s2 {
  padding: 17vw 0 85vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/index/m-2.jpg");
}
.m-index-s2 .tips {
  font-size: max(14px, 0.18rem);
  color: #fff;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 20px;
}
.m-index-s2 .label {
  font-size: 30px;
  color: #fff;
  line-height: 1;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.m-index-s2 .para {
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.m-index-s3 {
  padding: 16vw 0;
  background-color: #fafbfd;
}
.m-index-s3 .label {
  font-size: 30px;
  color: #26364d;
  line-height: 1;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.m-index-s3 .items {
  margin-top: 20px;
}
.m-index-s3 .item .img-box {
  aspect-ratio: 670 / 376;
  border-radius: 15px;
  overflow: hidden;
}
.m-index-s3 .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-index-s3 .item .txt-box {
  margin: 40px 40px 0;
  padding-left: 20px;
  border-left: 4px solid #cdee9a;
}
.m-index-s3 .item .tit {
  font-size: 20px;
  color: #3e4c61;
  font-family: 'SemplicitaPro-Bold';
}
.m-index-s3 .item .para {
  font-size: 16px;
  color: #26364d;
  margin-top: 10px;
}
.m-index-s3 .item .para span {
  font-family: 'SemplicitaPro-Bold';
  font-size: 18px;
}
.m-index-s3 .pagination {
  margin-top: 40px;
  display: flex;
  grid-gap: 10px;
  justify-content: center;
}
.m-index-s3 .pagination span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #26364d;
  opacity: 0.3;
  transition: opacity .3s ease;
}
.m-index-s3 .pagination span.active {
  opacity: 1;
}

.m-index-s4 {
  padding: 16vw 0;
}
.m-index-s4 .label {
  font-size: 30px;
  color: #26364d;
  line-height: 1;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.m-index-s4 .map-box {
  position: relative;
  width: 100%;
  margin: 20px auto 0;
}
.m-index-s4 .map-box img.bg {
  display: block;
  width: 100%;
}
.m-index-s4 .map-tips {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.m-index-s4 .map-tips .inner {
  border: 1px solid #f4f6f9;
  border-radius: 6px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
}
.m-index-s4 .map-tips .txt {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
.m-index-s4 .map-tips .txt:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.m-index-s4 .map-tips .txt span {
  font-size: 10px;
  color: #26364d;
  padding-top: 2px;
}
.m-index-s4 .map-tips .txt:nth-of-type(1):before {
  background-color: #8b9aaf;
}
.m-index-s4 .map-tips .txt:nth-of-type(2) {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #f4f6f9;
}
.m-index-s4 .map-tips .txt:nth-of-type(2):before {
  background-color: #93b95a;
}
.m-index-s4 .data-box {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 30px;
}
.m-index-s4 .data {
  width: 50%;
  text-align: center;
}
.m-index-s4 .data:nth-of-type(1) {
  width: 100%;
  border-bottom: 1px solid #d4d7db;
  padding-bottom: 30px;
}
.m-index-s4 .data:nth-of-type(1) span {
  font-size: 120px;
}
.m-index-s4 .data:nth-of-type(2) {
  border-right: 1px solid #d4d7db;
}
.m-index-s4 .data .num {
  position: relative;
}
.m-index-s4 .data .show {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.m-index-s4 .data .hide {
  opacity: 0;
}
.m-index-s4 .data span {
  font-size: 60px;
  color: #26364d;
  font-family: 'Rajdhani-Medium';
}
.m-index-s4 .data i {
  font-style: normal;
  font-size: 16px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.m-index-s4 .data p {
  font-size: 16px;
  color: #26364d;
  font-family: 'semplicitapro-light';
}

.m-index-s5 {
  position: relative;
  height: 114.66vw;
}
.m-index-s5 .img-box {
  width: 100%;
  height: 100%;
}
.m-index-s5 .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-index-s5 .txt-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-index-s5 .txt-box .wrap-s {
  height: 100%;
}
.m-index-s5 .label {
  position: absolute;
  top: 26%;
  left: 0;
  width: 100%;
  font-size: 30px;
  line-height: 1.2;
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
  text-align: center;
}
.m-index-s5 .tips {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  bottom: 20px;
}

.m-index-s9 {
  padding: 0 0 60px;
}
.m-index-s9 .block-1 {
  height: 80vw;
  position: relative;
  overflow: hidden;
}
.m-index-s9 .block-1 .hello-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #d5dfee, #fff, #fff, #fff);
  z-index: 3;
}
.m-index-s9 .block-1 .hello-block img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation: n-index-scale1 9s linear infinite;
}
.m-index-s9 .block-1 .hello-block img.img-1 {
  z-index: 1;
}
.m-index-s9 .block-1 .hello-block img.img-2 {
  animation-delay: 3s;
  z-index: 2;
}
.m-index-s9 .block-1 .hello-block img.img-3 {
  animation-delay: 6s;
  z-index: 3;
}
.m-index-s9 .block-1 .logo-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
.m-index-s9 .block-1 .logo-block .svg-box {
  width: 16vw;
  position: relative;
}
.m-index-s9 .block-1 .logo-block .svg-box img {
  display: block;
  width: 99%;
  opacity: 0.1;
}
.m-index-s9 .block-1 .logo-block .svg-line {
  fill: none;
  stroke: #26364d;
  stroke-width: 1px;
  fill-rule: evenodd;
  position: absolute;
  top: 0;
  left: 0;
  width: 99%;
  height: auto;
  z-index: 2;
  stroke-dasharray: 1290;
  stroke-dashoffset: 1290;
  animation: n-index-stroke1 2s linear forwards;
}
.m-index-s9 .block-2 {
  height: 80vw;
  position: relative;
}
.m-index-s9 .block-2 .img-box {
  height: 100%;
  overflow: hidden;
}
.m-index-s9 .block-2 .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-index-s9 .block-2 .label-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.m-index-s9 .block-2 .label-block .tit {
  display: flex;
  justify-content: center;
}
.m-index-s9 .block-2 .label-block .tit span {
  font-size: max(50px, 12vw);
  color: #fff;
  font-family: 'SemplicitaPro-Bold';
}
.m-index-s9 .block-3 {
  padding: 60px 0 0;
}
.m-index-s9 .block-3 .left-box {
  position: relative;
}
.m-index-s9 .block-3 .left-box .top-box {
  position: relative;
}
.m-index-s9 .block-3 .left-box .svg-line {
  width: 70%;
  height: auto;
  position: absolute;
  left: 15%;
}
.m-index-s9 .block-3 .left-box .tit {
  font-size: 30px;
  color: #26364d;
  line-height: 1;
  text-align: center;
  font-family: 'SemplicitaPro-Bold';
  position: relative;
  z-index: 2;
}
.m-index-s9 .block-3 .right-box {
  border: 1px solid rgba(38, 54, 77, 0.1);
  border-radius: 15px;
  overflow: hidden;
  margin-top: 30px;
}
.m-index-s9 .block-3 .item {
  padding: 6vw;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(38, 54, 77, 0.1);
}
.m-index-s9 .block-3 .item:last-of-type {
  border: none;
}
.m-index-s9 .block-3 .item .tit {
  display: flex;
  gap: 0.1rem;
  align-items: flex-end;
}
.m-index-s9 .block-3 .item .tit span {
  font-size: 30px;
  line-height: 1;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.m-index-s9 .block-3 .item .tit i {
  font-style: normal;
  font-size: 16px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
  padding-bottom: 0.05rem;
}
.m-index-s9 .block-3 .item .para {
  font-size: 16px;
  color: #26364d;
  font-family: 'semplicitapro-light';
  margin-top: 0.15rem;
}
.m-index-s9 .block-4 .inner {
  padding: 6vw;
  border: 1px solid rgba(38, 54, 77, 0.1);
  border-top: none;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
}
.m-index-s9 .block-4 .tit {
  font-size: 30px;
  line-height: 1;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.m-index-s9 .block-4 .para {
  font-size: 16px;
  color: #26364d;
  font-family: 'semplicitapro-light';
  margin-top: 0.2rem;
}
.m-index-s9 .block-4 .btns {
  margin-top: 30px;
  display: flex;
}
.m-index-s9 .block-4 .btns a {
  height: max(32px, 0.4rem);
  background-color: #cdee9a;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.05rem 0.2rem 0;
  cursor: pointer;
  transition: all .3s ease;
}
.m-index-s9 .block-4 .btns a span {
  font-size: 12px;
  color: #26364d;
  font-family: 'SemplicitaPro-Bold';
}
.m-index-s9 .block-4 .btns a:after {
  content: '';
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-1.svg");
  transform: translateY(-2px);
  margin-left: 0.2rem;
}
@media (any-hover: hover) {
  .m-index-s9 .block-4 .btns a:hover {
    background-color: #d7f8a3;
  }
}

@media only screen and (max-width: 1900px) {
  html {
    font-size: 99px;
  }
}
@media only screen and (max-width: 1880px) {
  html {
    font-size: 98px;
  }
}
@media only screen and (max-width: 1860px) {
  html {
    font-size: 97px;
  }
}
@media only screen and (max-width: 1840px) {
  html {
    font-size: 96px;
  }
}
@media only screen and (max-width: 1820px) {
  html {
    font-size: 95px;
  }
}
@media only screen and (max-width: 1800px) {
  html {
    font-size: 94px;
  }
}
@media only screen and (max-width: 1780px) {
  html {
    font-size: 93px;
  }
}
@media only screen and (max-width: 1760px) {
  html {
    font-size: 92px;
  }
}
@media only screen and (max-width: 1740px) {
  html {
    font-size: 91px;
  }
}
@media only screen and (max-width: 1720px) {
  html {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1700px) {
  html {
    font-size: 89px;
  }
}
@media only screen and (max-width: 1681px) {
  html {
    font-size: 88px;
  }
}
@media only screen and (max-width: 1660px) {
  html {
    font-size: 87px;
  }
}
@media only screen and (max-width: 1640px) {
  html {
    font-size: 86px;
  }
}
@media only screen and (max-width: 1620px) {
  html {
    font-size: 85px;
  }
}
@media only screen and (max-width: 1600px) {
  html {
    font-size: 84px;
  }
}
@media only screen and (max-width: 1580px) {
  html {
    font-size: 83px;
  }
}
@media only screen and (max-width: 1560px) {
  html {
    font-size: 82px;
  }
}
@media only screen and (max-width: 1540px) {
  html {
    font-size: 81px;
  }
}
@media only screen and (max-width: 1520px) {
  html {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1500px) {
  html {
    font-size: 79px;
  }
}
@media only screen and (max-width: 1480px) {
  html {
    font-size: 78px;
  }
}
@media only screen and (max-width: 1460px) {
  html {
    font-size: 77px;
  }
}
@media only screen and (max-width: 1440px) {
  html {
    font-size: 76px;
  }
}
@media only screen and (max-width: 1420px) {
  html {
    font-size: 75px;
  }
}
@media only screen and (max-width: 1400px) {
  html {
    font-size: 74px;
  }
}
@media only screen and (max-width: 1380px) {
  html {
    font-size: 73px;
  }
}
@media only screen and (max-width: 1361px) {
  html {
    font-size: 72px;
  }
}
@media only screen and (max-width: 1340px) {
  html {
    font-size: 71px;
  }
}
@media only screen and (max-width: 1320px) {
  html {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1300px) {
  html {
    font-size: 69px;
  }
}
@media only screen and (max-width: 1281px) {
  html {
    font-size: 68px;
  }
}
@media only screen and (max-width: 1260px) {
  html {
    font-size: 67px;
  }
}
@media only screen and (max-width: 1240px) {
  html {
    font-size: 66px;
  }
}
@media only screen and (max-width: 1220px) {
  html {
    font-size: 65px;
  }
}
@media only screen and (max-width: 1200px) {
  html {
    font-size: 64px;
  }
}
@media only screen and (max-width: 1180px) {
  html {
    font-size: 62px;
  }
}
@media only screen and (max-width: 1160px) {
  html {
    font-size: 61px;
  }
}
@media only screen and (max-width: 1140px) {
  html {
    font-size: 60px;
  }
}
@media screen and (max-width: 1920px) {
  .inner-s5 .child .para {
    max-height: 1.512rem;
    overflow: auto;
  }
}
@media screen and (max-width: 1460px) {
  .inner-s5 .child .para {
    max-height: 118px;
  }
}
@media screen and (max-width: 1025px) {
  .header {
    display: none;
  }

  .m-header {
    display: block;
  }

  .footer .right-box {
    display: none;
  }

  .footer:before {
    width: 100%;
    height: 13vw;
    bottom: 0;
  }

  .fixed-cookie .block {
    display: block;
  }

  .fixed-cookie .para {
    width: 100%;
  }

  .fixed-cookie .link {
    width: 100%;
    margin-top: 20px;
  }

  .fixed-cookie .link {
    justify-content: center;
  }

  .c-mediaroom .down-btn {
    display: none;
  }

  .c-crumbs {
    display: none;
  }

  .index-main .index-scroll-main {
    display: none;
  }
  .index-main .index-footer {
    display: none;
  }
  .index-main .m-index {
    display: block;
  }
  .index-main .footer {
    display: block;
  }

  .c-banner .img-block img {
    height: 100vw !important;
  }

  .c-banner.style-1 .img-block img.pc {
    display: none;
  }

  .c-banner.style-1 .img-block img.mobile {
    display: block;
  }

  .c-banner .down-btn {
    display: none;
  }

  .c-banner .txt-block {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
  }

  .c-banner.style-1 .txt-block {
    align-items: flex-end;
    padding-bottom: 7vw;
  }

  .inner-s1 .wrap-s {
    display: block;
  }

  .inner-s1 .left-block {
    width: 100%;
  }

  .inner-s1 .right-block {
    width: 100%;
    padding-left: 0;
    margin-top: 1rem;
  }

  .inner-s1 .label br {
    display: none;
  }

  .inner-s2 .line {
    display: none;
  }

  .inner-s2 .items {
    width: 100%;
    flex-wrap: wrap;
    grid-gap: 10px;
  }

  .inner-s2 .item {
    margin: 0;
    width: 100%;
    padding: 0.4rem;
  }

  .inner-s2 .item .tit {
    padding-bottom: 0;
  }

  .inner-s2 .item .sales {
    margin-top: 20px;
  }

  .inner-s2 .item .single {
    margin-top: 20px;
    display: block;
  }

  .inner-s3 .img-box {
    position: static;
    width: 100%;
    height: 40vw;
    border-radius: 10px 10px 0 0;
  }

  .inner-s3 .txt-box {
    margin-left: 0;
    border-radius: 0 0 10px 10px;
  }

  .inner-s4 {
    background: url("../images/about/img-1.png") top left no-repeat;
    background-size: 100% auto;
    padding: 18.75vw 0 1.5rem;
  }

  .inner-s4:before {
    display: none;
  }

  .inner-s4:after {
    display: none;
  }

  .inner-s4 .para {
    font-size: 0.3rem;
  }

  .inner-s4 .down-btn {
    display: none;
  }

  .inner-s5-main {
    height: auto;
  }

  .inner-s5-main .sticky {
    position: relative;
    height: auto;
  }

  .inner-s5 {
    height: auto;
  }

  .inner-s5.style-1 {
    padding: 1.5rem 0 1rem;
  }

  .inner-s5.style-2 {
    padding: 1rem 0 1.5rem;
  }

  .inner-s5.style-2 .wrap-s:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: -1rem;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
  }

  .inner-s5 .wrap-s {
    display: block;
  }

  .inner-s5 .left-box {
    display: none;
  }

  .inner-s5 .right-box {
    display: none;
  }

  .inner-s5 .m-block {
    display: block;
  }

  .inner-s6 {
    height: auto;
  }

  .inner-s6 .top-block {
    height: 100vw;
    position: relative;
  }

  .inner-s6 .top-block .down-btn {
    display: none;
  }

  .inner-s6 .bot-block {
    margin-top: 0;
    opacity: 1;
    height: calc(80vw + 2rem);
  }

  .inner-s6 .bot-block .circle {
    width: 80vw;
    height: 80vw;
  }

  .inner-s6 .bot-block .txt-box {
    padding: 0 0.8rem;
    width: 80vw;
    height: 80vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
  }

  .inner-s6 .bot-block .txt-box .m-box {
    display: block;
    width: max(150px, 30vw);
  }

  .inner-s6 .icon {
    display: none;
  }

  .inner-s7 {
    background: url("../images/about/img-1.png") top left no-repeat;
    background-size: 100% auto;
  }

  .inner-s7:before {
    display: none;
  }

  .inner-s7:after {
    display: none;
  }

  .inner-s8 {
    background: url("../images/about/img-1.png") top left no-repeat;
    background-size: 100% auto;
  }

  .inner-s8:before {
    display: none;
  }

  .inner-s8:after {
    display: none;
  }

  .inner-s8 .inner-wrap {
    width: 100%;
  }

  .inner-s8 .items {
    grid-template-columns: repeat(2, 1fr);
  }

  .inner-s8 .item a {
    opacity: 1;
  }

  .inner-s10 .top-block {
    height: 50vh;
    padding-bottom: 40px;
  }

  .inner-s10 .bot-block {
    top: 50vh;
  }

  .inner-s11 .block .items {
    gap: 15px;
    grid-template-columns: repeat(2, calc((100% - 15px) / 2));
  }

  .inner-s11 .block .item .letter {
    font-size: 10px;
    width: 10px;
  }

  .inner-s11 .block .item .option {
    height: 20px;
    width: calc(100% - 10px);
  }

  .inner-s11 .block .item .option span {
    font-size: 8px;
    width: calc(100% - 14px);
    line-height: 20px;
  }

  .inner-s11 .block .item .option:after {
    width: 12px;
    height: 12px;
    background-size: auto 3px;
    top: 4px;
    right: 2px;
  }

  .inner-s11 .progress .item span {
    font-size: 10px;
  }

  .inner-s13 {
    background: url("../images/about/img-1.png") top left no-repeat;
    background-size: 100% auto;
  }

  .inner-s13:before {
    display: none;
  }

  .inner-s13:after {
    display: none;
  }

  .inner-s13 .inner-wrap {
    width: 100%;
  }

  .inner-s13 .item {
    width: calc((100% - 1rem) / 2);
  }

  .inner-s14 {
    background: url("../images/about/img-1.png") top left no-repeat;
    background-size: 100% auto;
  }

  .inner-s14:before {
    display: none;
  }

  .inner-s14:after {
    display: none;
  }

  .inner-s14 .inner-wrap {
    width: 100%;
  }

  .inner-s14 .item {
    width: calc((100% - 1rem) / 2);
  }

  .inner-s15 {
    background: #f9f9f9 url("../images/about/img-1.png") top left no-repeat;
    background-size: 100% auto;
  }

  .inner-s15 .bg-block:before {
    display: none;
  }

  .inner-s15 .bg-block:after {
    display: none;
  }

  .inner-s15 .inner-wrap {
    width: 100%;
  }

  .inner-s15 .backbtn {
    position: static;
    width: 100%;
    justify-content: center;
    margin-top: 10px;
    height: 50px;
    display: none;
  }

  .index-s7 {
    height: 100vw;
  }

  .index-s7 .time-box .block {
    top: 80px;
    right: 0;
    margin: 0 auto;
    transform: scale(0.6);
    transform-origin: center top;
  }

  .index-s8 {
    padding: 60px 0;
  }
}
@media screen and (max-width: 640px) {
  .footer .top-block {
    padding: 30px 0;
  }

  .footer .totop {
    top: 30px;
  }

  .footer .bot-block {
    padding: 20px 0;
    display: block;
  }

  .footer .r-box {
    margin-top: 20px;
    justify-content: center;
  }

  .footer .copyright {
    text-align: center;
  }

  .index-footer .bot-block {
    padding: 20px 0;
    display: block;
  }

  .index-footer .r-box {
    margin-top: 20px;
    justify-content: center;
  }

  .index-footer .copyright {
    text-align: center;
  }

  .c-mediaroom .label {
    font-size: 30px;
  }

  .c-mediaroom .link a {
    width: auto;
    padding: 0 15px;
  }

  .c-banner .label {
    font-size: 30px;
  }

  .m-index-s1 .item .label {
    font-size: 24px;
  }

  .m-index-s1 .item .para {
    font-size: 14px;
    margin-top: 10px;
  }

  .m-index-s1 .dot-box {
    bottom: 40px;
    grid-gap: 30px;
  }

  .m-index-s1 .dot-box .dot .icon {
    width: 20px;
    height: 20px;
  }

  .m-index-s1 .dot-box .dot .icon i {
    width: 10px;
    height: 10px;
  }

  .m-index-s1 .dot-box .dot .icon:after {
    width: 6px;
    height: 6px;
  }

  .m-index-s1 .dot-box:before {
    top: 10px;
  }

  .m-index-s1 .dot-box .dot span {
    font-size: 12px;
  }

  .m-index-s2 {
    padding: 60px 0 85vw;
  }

  .m-index-s2 .tips {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .m-index-s2 .label {
    font-size: 24px;
  }

  .m-index-s2 .para {
    font-size: 12px;
    margin: 15px -5vw 0;
    padding-top: 15px;
  }

  .m-index-s3 {
    padding: 60px 0;
  }

  .m-index-s3 .label {
    font-size: 24px;
  }

  .m-index-s3 .item .txt-box {
    margin: 20px 10px 0;
    padding-left: 10px;
    border-width: 2px;
  }

  .m-index-s3 .item .tit {
    font-size: 16px;
  }

  .m-index-s3 .item .para {
    font-size: 13px;
  }

  .m-index-s3 .pagination {
    margin-top: 20px;
    grid-gap: 5px;
  }

  .m-index-s4 {
    padding: 60px 0;
  }

  .m-index-s4 .label {
    font-size: 24px;
  }

  .m-index-s4 .map-box .dot .range {
    width: 12px;
    height: 12px;
  }

  .m-index-s4 .map-box .dot:after {
    width: 2px;
    height: 2px;
  }

  .m-index-s4 .map-box .dot span {
    font-size: 6px;
  }

  .m-index-s4 .map-box .dot.t-l span {
    padding-right: 8px;
  }

  .m-index-s4 .map-box .dot.t-r span {
    padding-left: 8px;
  }

  .m-index-s4 .map-box .dot.t-b span {
    padding-top: 2px;
  }

  .m-index-s4 .data-box {
    grid-row-gap: 15px;
  }

  .m-index-s4 .data:nth-of-type(1) {
    padding-bottom: 15px;
  }

  .m-index-s4 .data span {
    font-size: 30px;
  }

  .m-index-s4 .data:nth-of-type(1) span {
    font-size: 60px;
  }

  .m-index-s4 .data i {
    font-size: 12px;
  }

  .m-index-s4 .data p {
    font-size: 12px;
  }

  .m-index-s5 .label {
    font-size: 24px;
  }

  .m-index-s9 .block-3 .left-box .tit {
    font-size: 24px;
  }

  .m-index-s9 .block-3 .item .tit span {
    font-size: 24px;
  }

  .m-index-s9 .block-3 .item .tit i {
    font-size: 14px;
  }

  .m-index-s9 .block-3 .item .para {
    font-size: 14px;
  }

  .m-index-s9 .block-4 .tit {
    font-size: 24px;
  }

  .m-index-s9 .block-4 .para {
    font-size: 14px;
  }

  .index-s8 .top-block .tit {
    font-size: 24px;
  }

  .index-s8 .bot-block {
    width: 100%;
    right: -13%;
  }

  .index-s8 .top-block a span {
    font-size: 12px;
  }

  .index-s8 .top-block a:after {
    width: 6px;
    height: 6px;
  }

  .inner-s1 {
    padding: 60px 0 0;
  }

  .inner-s1 .form .item:nth-of-type(1),
  .inner-s1 .form .item:nth-of-type(2),
  .inner-s1 .form .item:nth-of-type(3),
  .inner-s1 .form .item:nth-of-type(4) {
    width: 100%;
  }

  .inner-s2 {
    padding: 60px 0;
  }

  .inner-s2 .item {
    width: 100%;
  }

  .inner-s2 .item .sales {
    display: block;
  }

  .inner-s2 .item .sales .box:nth-of-type(2) {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-left: none;
    border-top: 1px solid #dce1e7;
  }

  .inner-s3 {
    padding: 60px 0;
  }

  .inner-s3 .txt-box {
    padding: 40px 20px;
  }

  .inner-s3 .label {
    font-size: 20px;
  }

  .inner-s3 .form .item {
    width: 100%;
  }

  .inner-s4 {
    padding: 120px 0 60px;
  }

  .inner-s4 .label {
    font-size: 30px;
  }

  .inner-s4 .bot-box {
    margin-top: 30px;
    padding-top: 30px;
  }

  .inner-s4 .para {
    font-size: 16px;
  }

  .inner-s4 .para br {
    display: none;
  }

  .inner-s5.style-1 {
    padding: 60px 0;
  }

  .inner-s5.style-2 {
    padding: 60px 0;
  }

  .inner-s5.style-2 .wrap-s:before {
    top: -60px;
  }

  .inner-s5 .label {
    font-size: 24px;
  }

  .inner-s5 .m-block .m-item .txt-box {
    margin: 20px 10px 0;
    padding-left: 10px;
    border-width: 2px;
  }

  .inner-s5 .m-block .m-item .tit {
    font-size: 16px;
  }

  .inner-s5 .m-block .m-item .para {
    font-size: 13px;
  }

  .inner-s5 .m-block .pagination {
    margin-top: 20px;
  }

  .inner-s5 .m-block .pagination span {
    margin-left: 5px;
  }

  .inner-s6 .top-block {
    height: max(650px, 120vw);
  }

  .inner-s6 .top-block .txt-box {
    padding: 60px 0;
  }

  .inner-s6 .top-block .label {
    font-size: 24px;
  }

  .inner-s6 .top-block .para {
    margin-top: 10px;
  }

  .inner-s6 .top-block .img-box img {
    object-position: 30%;
  }

  .inner-s6 .bot-block {
    height: calc(80vw + 120px);
  }

  .inner-s6 .bot-block .txt-box {
    padding: 0 30px;
  }

  .inner-s6 .bot-block .txt-box .para {
    font-size: 10px;
  }

  .inner-s7 .label {
    font-size: 40px;
  }

  .inner-s8 {
    padding: 120px 0 60px;
  }

  .inner-s8 .items {
    padding-top: 0.4rem;
    grid-template-columns: 1fr;
  }

  .inner-s9 {
    padding: 120px 0 60px;
  }

  .inner-s9 .info {
    margin-top: 20px;
  }

  .inner-s9 .item {
    margin-top: 40px;
  }

  .inner-s10 .top-block .tit {
    font-size: 30px;
  }

  .inner-s10 .bot-block {
    width: 100%;
    right: -13%;
  }

  .inner-s10 .top-block a span {
    font-size: 12px;
  }

  .inner-s10 .top-block a:after {
    width: 6px;
    height: 6px;
  }

  .inner-s12 .flex {
    padding: 80px 0;
  }

  .inner-s12 .block .img-box {
    width: 100%;
  }

  .inner-s13 {
    padding: 120px 0 60px;
  }

  .inner-s13 .items {
    margin-top: 0.4rem;
    padding-top: 0.4rem;
  }

  .inner-s13 .item {
    width: 100%;
  }

  .inner-s13 .item .txt-box {
    height: auto;
    padding: 0.3rem;
  }

  .inner-s13 .item .tit {
    font-size: 14px;
  }

  .inner-s14 {
    padding: 120px 0 60px;
  }

  .inner-s14 .single-box {
    margin-top: 0.4rem;
    padding-top: 0.4rem;
  }

  .inner-s14 .single-box a {
    display: block;
  }

  .inner-s14 .single-box .img-box {
    width: 100%;
  }

  .inner-s14 .single-box .txt-box {
    width: 100%;
    padding: 20px 0 0;
  }

  .inner-s14 .single-box .tit {
    font-size: 16px;
  }

  .inner-s14 .filter-box {
    flex-wrap: wrap;
  }

  .inner-s14 .filter-box .drop {
    width: 100%;
  }

  .inner-s14 .filter-box .form {
    width: 100%;
  }

  .inner-s14 .item {
    width: 100%;
  }

  .inner-s14 .item .tit {
    font-size: 14px;
  }

  .inner-s14 .item .more {
    opacity: 1;
  }

  .inner-s15 {
    padding: 120px 0 60px;
  }

  .inner-s15 .top-block .tit {
    font-size: 20px;
  }

  .inner-s15 .mid-block {
    margin-top: 20px;
    padding: 20px;
  }

  .inner-s15 .mid-block .para {
    font-size: 12px;
  }

  .inner-s15 .bot-block {
    flex-wrap: wrap;
  }

  .inner-s15 .bot-block .share {
    width: 100%;
  }

  .inner-s15 .bot-block .page {
    width: 100%;
  }
}

/*# sourceMappingURL=bundle.css.map */