html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

body::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 1800px) {
  html {
    font-size: 95px;
  }
}
@media screen and (max-width: 1700px) {
  html {
    font-size: 90px;
  }
}
@media screen and (max-width: 1600px) {
  html {
    font-size: 85px;
  }
}
@media screen and (max-width: 1500px) {
  html {
    font-size: 80px;
  }
}
@media screen and (max-width: 1400px) {
  html {
    font-size: 75px;
  }
}
@media screen and (max-width: 1300px) {
  html {
    font-size: 70px;
  }
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 65px;
  }
}
@media screen and (max-width: 1100px) {
  html {
    font-size: 60px;
  }
}
@media screen and (max-width: 1000px) {
  html {
    font-size: 55px;
  }
}
@media screen and (max-width: 900px) {
  html {
    font-size: 50px;
  }
}
.w100 {
  width: 100%;
}

.wh100 {
  width: 100%;
  height: 100%;
}

.block {
  display: block;
}

input, textarea {
  font-size: inherit;
  font-family: "almmT";
  border: none;
  outline: none;
}

a {
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
  color: inherit;
}

img, vidoe {
  -o-object-fit: cover;
  object-fit: cover;
}

@font-face {
  font-family: "almmT";
  src: url(../fonts/almm.TTF);
}
@font-face {
  font-family: "almmT2";
  src: url(../fonts/AlimamaFangYuanTiVF-Thin.ttf);
}
@font-face {
  font-family: "popB";
  src: url(../fonts/Poppins-Bold.ttf);
}
@font-face {
  font-family: "popSB";
  src: url(../fonts/Poppins-SemiBold.ttf);
}
@font-face {
  font-family: "popM";
  src: url(../fonts/Poppins-Medium.ttf);
}
@font-face {
  font-family: "popR";
  src: url(../fonts/Poppins-Regular.ttf);
}
.almmT {
  font-family: "almmT";
}

.popB {
  font-family: "popB";
}

.popSB {
  font-family: "popSB";
}

.popM {
  font-family: "popM";
}

.popR {
  font-family: "popR";
}

.my-time {
  -webkit-transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1) !important;
     -moz-transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1) !important;
       -o-transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1) !important;
          transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1) !important;
}
.my-time::before, .my-time::after {
  -webkit-transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1) !important;
     -moz-transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1) !important;
       -o-transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1) !important;
          transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1) !important;
}

.bofang {
  cursor: pointer;
}

.pointer-none {
  pointer-events: none;
}

.liuyan_tanchuang {
  position: fixed;
  width: 90%;
  max-width: 400px;
  display: none;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2010;
  border-radius: 2px;
  background: #000;
}
.liuyan_tanchuang .lox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  color: #fff;
  line-height: 24px;
}
.liuyan_tanchuang .ico {
  width: 24px;
}
.liuyan_tanchuang .out {
  width: 20px;
  cursor: pointer;
  margin-top: 2px;
}
.liuyan_tanchuang .wz {
  width: -webkit-calc(100% - 48px);
  width: -moz-calc(100% - 48px);
  width: calc(100% - 48px);
  padding: 0 10px;
}

.my-img-active {
  cursor: pointer;
}
.my-img-active.my-img-container, .my-img-active .my-img-container {
  overflow: hidden;
}
.my-img-active .my-img-target {
  -webkit-transition: -webkit-transform cubic-bezier(0.43, 0.195, 0.02, 1) 1s;
  transition: -webkit-transform cubic-bezier(0.43, 0.195, 0.02, 1) 1s;
  -o-transition: -o-transform cubic-bezier(0.43, 0.195, 0.02, 1) 1s;
  -moz-transition: transform cubic-bezier(0.43, 0.195, 0.02, 1) 1s, -moz-transform cubic-bezier(0.43, 0.195, 0.02, 1) 1s;
  transition: transform cubic-bezier(0.43, 0.195, 0.02, 1) 1s;
  transition: transform cubic-bezier(0.43, 0.195, 0.02, 1) 1s, -webkit-transform cubic-bezier(0.43, 0.195, 0.02, 1) 1s, -moz-transform cubic-bezier(0.43, 0.195, 0.02, 1) 1s, -o-transform cubic-bezier(0.43, 0.195, 0.02, 1) 1s;
}
.my-img-active:hover.my-img-target {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.my-img-active:hover .my-img-target {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.my-img-toggle {
  cursor: pointer;
}
.my-img-toggle.my-img-target, .my-img-toggle .my-img-target {
  position: relative;
  display: inline-block;
}
.my-img-toggle.my-img-target img, .my-img-toggle .my-img-target img {
  -webkit-transition: opacity cubic-bezier(0.43, 0.195, 0.02, 1) 1s;
  -o-transition: opacity cubic-bezier(0.43, 0.195, 0.02, 1) 1s;
  -moz-transition: opacity cubic-bezier(0.43, 0.195, 0.02, 1) 1s;
  transition: opacity cubic-bezier(0.43, 0.195, 0.02, 1) 1s;
}
.my-img-toggle.my-img-target img:nth-child(2), .my-img-toggle .my-img-target img:nth-child(2) {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.my-img-toggle:hover.my-img-target img:nth-child(1), .my-img-toggle:hover .my-img-target img:nth-child(1) {
  opacity: 0;
}
.my-img-toggle:hover.my-img-target img:nth-child(2), .my-img-toggle:hover .my-img-target img:nth-child(2) {
  opacity: 1;
}

.my-message {
  position: fixed;
  bottom: 11.3684210526vh;
  right: 0.75rem;
  background-color: #fff;
  color: #222;
  z-index: 1000;
  padding: 0.13rem;
  border-radius: 12px;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.my-message .message-num {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate3d(-50%, -50%, 0);
     -moz-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  width: 22px;
  text-align: center;
  line-height: 22px;
  border-radius: 50%;
  background-color: #FC5F10;
  color: #fff;
}
.my-message img {
  display: inline-block;
  vertical-align: middle;
  width: 2.4285714286em;
  margin-right: 0.05rem;
}

.my-toggle {
  position: relative;
}
.my-toggle > .my-toggle-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  visibility: visible;
  pointer-events: none;
  opacity: 0;
  z-index: -9;
  -webkit-transform: translateY(15px);
     -moz-transform: translateY(15px);
      -ms-transform: translateY(15px);
       -o-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: all 0.5s, z-index 1s ease-in;
  -o-transition: all 0.5s, z-index 1s ease-in;
  -moz-transition: all 0.5s, z-index 1s ease-in;
  transition: all 0.5s, z-index 1s ease-in;
}
.my-toggle > .my-toggle-item.active {
  position: relative;
  -webkit-transition: 0.5s all 0.5s, z-index 0s;
  -o-transition: 0.5s all 0.5s, z-index 0s;
  -moz-transition: 0.5s all 0.5s, z-index 0s;
  transition: 0.5s all 0.5s, z-index 0s;
  pointer-events: auto;
  opacity: 1;
  z-index: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}

.my-banner {
  position: relative;
}
.my-banner .img2 {
  display: none;
}
.my-banner .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.my-banner .box {
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.my-banner .title {
  line-height: 1.46875;
}
.my-banner .text {
  line-height: 1.1875;
  font-family: "almmT2";
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
header.hide {
  pointer-events: none;
}
header.active {
  position: sticky;
}

.header.active, .header.active1 {
  background-color: #fff;
}
.header.hide {
  -webkit-transform: translate3d(0, -100%, 0);
     -moz-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}
.header .box {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .logo {
  width: 8.125em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.header .nav {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "almmT2";
}
.header .nav-item {
  margin: 0 0.25rem;
}
.header .nav-item:hover .nav-link, .header .nav-item.active .nav-link {
  color: #FC5F10;
}
.header .nav-link {
  line-height: 6.25;
}

.header .right, .mhead .right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .tel, .mhead .tel {
  background-color: #FC5F10;
  color: #fff;
  line-height: 3.2142857143;
  padding: 0 0.18rem;
  border-radius: 12px;
}
.header .tel:hover, .mhead .tel:hover {
  background-color: #FC874B;
}
.header .tel img, .mhead .tel img {
  display: inline-block;
  width: 1.4285714286em;
  margin-right: 0.04rem;
  vertical-align: middle;
}
.header .link, .mhead .link {
  height: 3.2142857143em;
  width: 3.2142857143em;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #D9D9D9;
  border-radius: 12px;
  margin-left: 0.2rem;
  position: relative;
}
.header .link:hover, .mhead .link:hover {
  border-color: #FC5F10;
  background-color: #FC5F10;
}
.header .link:hover .link-container, .mhead .link:hover .link-container {
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  pointer-events: auto;
  opacity: 1;
}
.header .link-container, .mhead .link-container {
  position: absolute;
  left: 50%;
  top: 100%;
  padding-top: 9px;
  -webkit-transform: translate3d(-50%, 15px, 0);
     -moz-transform: translate3d(-50%, 15px, 0);
          transform: translate3d(-50%, 15px, 0);
  pointer-events: none;
  opacity: 0;
}
.header .link-content, .mhead .link-content {
  width: 60px;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 4px;
}
.header .link-target, .mhead .link-target {
  font-size: 12px;
  line-height: 27px;
  display: block;
  text-align: center;
  color: #D9D9D9;
}
.header .link-target:hover, .mhead .link-target:hover {
  color: #FC5F10;
}
.header .link-target:not(:last-child), .mhead .link-target:not(:last-child) {
  border-bottom: 1px solid #D9D9D9;
}
.header .link-target img, .mhead .link-target img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.mhead .box {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
}
.mhead .menum {
  float: initial;
  margin-left: 5px;
}
.mhead .logo {
  top: 0;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
  position: relative;
}
.mhead .right {
  margin-left: auto;
  position: relative;
  top: 0;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

.footer {
  background-color: #FCFCFC;
}
.footer .top {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: relative;
  z-index: 2;
}
.footer .top .logo {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 0.6rem;
}
.footer .top .logo-img {
  width: 16em;
}
.footer .top .logo-text {
  text-align: right;
  line-height: 1.5;
  color: #787878;
  font-family: "almmT2";
}
.footer .top .logo-text img {
  width: 3.75em;
}
.footer .top .logo-text a {
  color: #222;
}
.footer .top .logo-text a:hover {
  color: #FC5F10;
  text-decoration: underline;
}
.footer .top .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.footer .top .left {
  width: 38.0281690141%;
}
.footer .top .nav {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 0.45rem;
  margin-bottom: 1.2rem;
  font-family: "almmT2";
}
.footer .top .nav-link {
  line-height: 1.2;
  display: block;
}
.footer .top .nav-link + .nav-link {
  margin-top: 0.2rem;
}
.footer .top .nav-link:hover {
  color: #FC5F10;
}
.footer .top .nav-icon {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.02rem;
  margin-left: 0.1rem;
}
.footer .top .info-item {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.4285714286;
}
.footer .top .info-item + .info-item {
  margin-top: 0.08rem;
}
.footer .top .info-item img {
  width: 1.1428571429em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 0.1rem;
  margin-top: 0.1428571429em;
}
.footer .top .info-item a:hover {
  color: #FC5F10;
  text-decoration: underline;
}
.footer .top .info-item span {
  color: #787878;
}
.footer .top .info-item span:not(.popR) {
  font-family: "almmT2";
}
.footer .top .info-item span:nth-child(2) {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.footer .top .right {
  width: 40.1408450704%;
}
.footer .top .text1 {
  line-height: 1.2;
  margin-bottom: 0.06rem;
  font-family: "almmT2";
}
.footer .top .text2 {
  line-height: 1.5;
  margin-bottom: 0.4rem;
}
.footer .top .text2:hover {
  color: #FC5F10;
  text-decoration: underline;
}
.footer .top .text3 {
  line-height: 1.2;
  margin-bottom: 0.17rem;
  font-family: "almmT2";
}
.footer .top .input {
  width: 100%;
  position: relative;
  margin-bottom: 0.4rem;
}
.footer .top .input-target {
  width: 100%;
  line-height: 2.5;
  box-shadow: 0 0 0 1px #D9D9D9 inset;
  border-radius: 20px;
  background-color: transparent;
  padding: 0 3.125em 0 14px;
}
.footer .top .input-target:focus {
  box-shadow: 0 0 0 1px #FC5F10 inset;
}
.footer .top .input-icon {
  position: absolute;
  right: 2px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
     -moz-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  width: 2.25em;
  height: 2.25em;
  border-radius: 50%;
  background: #222 url(../images/svg/search-white.svg) no-repeat center center;
  -o-background-size: 69.4444444444% auto;
     background-size: 69.4444444444% auto;
  cursor: pointer;
}
.footer .top .input-icon:hover {
  background-color: #FC5F10;
}
.footer .top .codes {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.footer .top a.code:hover {
  -webkit-transform: translate3d(0, -10px, 0);
     -moz-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.footer .top .code {
  position: relative;
  cursor: pointer;
}
.footer .top .code + .code {
  margin-left: 10px;
}
.footer .top .code:hover .code-container {
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  opacity: 1;
  pointer-events: auto;
}
.footer .top .code-container {
  position: absolute;
  left: 50%;
  width: 130px;
  padding-top: 0.13rem;
  -webkit-transform: translate3d(-50%, 15px, 0);
     -moz-transform: translate3d(-50%, 15px, 0);
          transform: translate3d(-50%, 15px, 0);
  opacity: 0;
  pointer-events: none;
}
.footer .top .code-content {
  background-color: #fff;
  position: relative;
  box-shadow: 1px 14px 16.9px #FFE9EC;
  border-radius: 12px;
}
.footer .top .code-content::before {
  position: absolute;
  content: "";
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  bottom: 99%;
}
.footer .top .code-img {
  border-radius: 4px;
}
.footer .bottom {
  font-family: "almmT2";
}
.footer .bottom .lines {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.footer .bottom .line {
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.04rem;
}
.footer .bottom .line:nth-child(1) {
  background-color: #3EA831;
}
.footer .bottom .line:nth-child(2) {
  background-color: #FFCC01;
}
.footer .bottom .line:nth-child(3) {
  background-color: #FD5F0F;
}
.footer .bottom .texts {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
}
.footer .bottom .text {
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.2857142857;
}
.footer .bottom .text:nth-child(1) p {
  opacity: 0.4;
}
.footer .bottom .text:nth-child(2) {
  text-align: center;
}
.footer .bottom .text:nth-child(2) a {
  margin: 0 0.14rem;
  opacity: 0.5;
}
.footer .bottom .text:nth-child(3) {
  text-align: right;
}
.footer .bottom .text:nth-child(3) a, .footer .bottom .text:nth-child(3) span {
  opacity: 0.5;
}
.footer .bottom .text p, .footer .bottom .text a {
  color: #787878;
}
.footer .bottom .text a:hover {
  color: #FC5F10;
  text-decoration: underline;
  opacity: 1;
}

.guide {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 5;
}
.guide.active {
  display: none;
}
.guide .item1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.guide .item1 .img1 {
  position: relative;
  z-index: 2;
  opacity: 0;
}
.guide .item1 .img2, .guide .item1 .img3 {
  position: absolute;
  top: 46px;
  left: 109px;
}
@-webkit-keyframes ani2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes ani2 {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
@-o-keyframes ani2 {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes ani2 {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.guide .time {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0.6rem;
  font-size: 16px;
  line-height: 1;
}
.guide .dots {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.guide .dots .img_path {
  position: absolute;
  top: -0.03rem;
  left: -0.03rem;
  max-width: initial;
}
.guide .dots .img_path path {
  stroke-dashoffset: -webkit-calc(var(--l) * -1);
  stroke-dashoffset: -moz-calc(var(--l) * -1);
  stroke-dashoffset: calc(var(--l) * -1);
  stroke-dasharray: 0 var(--l);
}
.guide .dots .img_path.active {
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: none;
     -moz-animation-name: none;
       -o-animation-name: none;
          animation-name: none;
  -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
       -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.guide .dots .img1 {
  width: 5rem;
}
.guide .dots .img2 {
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  width: 5.07rem;
  height: auto;
}
.guide .dots .img2.active {
  -webkit-animation-name: ani3;
     -moz-animation-name: ani3;
       -o-animation-name: ani3;
          animation-name: ani3;
}
.guide .dots .img3 {
  -webkit-transform: rotate(120deg);
     -moz-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
       -o-transform: rotate(120deg);
          transform: rotate(120deg);
  width: 5.07rem;
  height: auto;
}
.guide .dots .img3.active {
  -webkit-animation-name: ani4;
     -moz-animation-name: ani4;
       -o-animation-name: ani4;
          animation-name: ani4;
}
.guide .dots .img4 {
  -webkit-transform: rotate(240deg);
     -moz-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
       -o-transform: rotate(240deg);
          transform: rotate(240deg);
  width: 5.07rem;
  height: auto;
}
.guide .dots .img4.active {
  -webkit-animation-name: ani5;
     -moz-animation-name: ani5;
       -o-animation-name: ani5;
          animation-name: ani5;
}
@-webkit-keyframes ani3 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes ani3 {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
@-o-keyframes ani3 {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes ani3 {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes ani4 {
  0% {
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
  }
  100% {
    -webkit-transform: rotate(480deg);
            transform: rotate(480deg);
  }
}
@-moz-keyframes ani4 {
  0% {
    -moz-transform: rotate(120deg);
         transform: rotate(120deg);
  }
  100% {
    -moz-transform: rotate(480deg);
         transform: rotate(480deg);
  }
}
@-o-keyframes ani4 {
  0% {
    -o-transform: rotate(120deg);
       transform: rotate(120deg);
  }
  100% {
    -o-transform: rotate(480deg);
       transform: rotate(480deg);
  }
}
@keyframes ani4 {
  0% {
    -webkit-transform: rotate(120deg);
       -moz-transform: rotate(120deg);
         -o-transform: rotate(120deg);
            transform: rotate(120deg);
  }
  100% {
    -webkit-transform: rotate(480deg);
       -moz-transform: rotate(480deg);
         -o-transform: rotate(480deg);
            transform: rotate(480deg);
  }
}
@-webkit-keyframes ani5 {
  0% {
    -webkit-transform: rotate(240deg);
            transform: rotate(240deg);
  }
  100% {
    -webkit-transform: rotate(600deg);
            transform: rotate(600deg);
  }
}
@-moz-keyframes ani5 {
  0% {
    -moz-transform: rotate(240deg);
         transform: rotate(240deg);
  }
  100% {
    -moz-transform: rotate(600deg);
         transform: rotate(600deg);
  }
}
@-o-keyframes ani5 {
  0% {
    -o-transform: rotate(240deg);
       transform: rotate(240deg);
  }
  100% {
    -o-transform: rotate(600deg);
       transform: rotate(600deg);
  }
}
@keyframes ani5 {
  0% {
    -webkit-transform: rotate(240deg);
       -moz-transform: rotate(240deg);
         -o-transform: rotate(240deg);
            transform: rotate(240deg);
  }
  100% {
    -webkit-transform: rotate(600deg);
       -moz-transform: rotate(600deg);
         -o-transform: rotate(600deg);
            transform: rotate(600deg);
  }
}
.guide .imgs {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
     -moz-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  width: 1.2rem;
  height: 1.2rem;
}
.guide .imgs .img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(-50%, -50%, 0);
     -moz-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.guide .imgs .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.guide .imgs .img img:nth-child(2) {
  -webkit-animation-name: ani3;
     -moz-animation-name: ani3;
       -o-animation-name: ani3;
          animation-name: ani3;
  -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.guide .imgs .img.active {
  opacity: 1;
}

.index {
  position: relative;
  z-index: 6;
}
.index .section1-container {
  position: relative;
}
.index .section1 {
  height: 100vh;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1920px;
  margin: -100vh auto 0;
  background-color: #fff;
  -webkit-clip-path: circle(0%);
          clip-path: circle(0%);
  -webkit-transition: -webkit-clip-path 2s;
  transition: -webkit-clip-path 2s;
  -o-transition: clip-path 2s;
  -moz-transition: clip-path 2s;
  transition: clip-path 2s;
  transition: clip-path 2s, -webkit-clip-path 2s;
}
.index .section1.active {
  -webkit-clip-path: circle(70%);
          clip-path: circle(70%);
}
.index .section1.active1 {
  -webkit-clip-path: none;
          clip-path: none;
}
.index .section1.active2 .title1, .index .section1.active2 .title2-container, .index .section1.active2 .info-container, .index .section1.active2 .img1, .index .section1.active2 .line, .index .section1.active2 .img2 {
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, -o-transform 1s;
  -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
}
.index .section1.active2 .title2-container {
  -webkit-transition-delay: 0.1s;
     -moz-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.index .section1.active2 .img1 {
  -webkit-transition-delay: 0.2s;
     -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.index .section1.active2 .line {
  -webkit-transition-delay: 0.3s;
     -moz-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.index .section1.active2 .info-container {
  -webkit-transition-delay: 0.4s;
     -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.index .section1.active2 .img2 {
  -webkit-transition-delay: 0.5s;
     -moz-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.index .section1.active3 .title1 {
  -webkit-transform: translate3d(-50%, 50px, 0);
     -moz-transform: translate3d(-50%, 50px, 0);
          transform: translate3d(-50%, 50px, 0);
  opacity: 0;
}
.index .section1.active3 .title2-container {
  -webkit-transform: translate3d(0, 50px, 0);
     -moz-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
  opacity: 0;
}
.index .section1.active3 .info-container {
  -webkit-transform: translate3d(0, 50px, 0);
     -moz-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
  opacity: 0;
}
.index .section1.active3 .img1 {
  -webkit-transform: translate3d(-45%, 0, 0);
     -moz-transform: translate3d(-45%, 0, 0);
          transform: translate3d(-45%, 0, 0);
  opacity: 0;
}
.index .section1.active3 .line {
  -webkit-transform: translate3d(0, 50px, 0);
     -moz-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
  opacity: 0;
}
.index .section1.active3 .img2 {
  -webkit-transform: translate3d(0, 50px, 0);
     -moz-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
  opacity: 0;
}
.index .section1 .title1 {
  position: absolute;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  top: 18.9473684211%;
  z-index: 4;
  line-height: 1.203125;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, -o-transform 1s;
  -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
}
.index .section1 .title1 > span:nth-child(1) {
  font-size: 1.34375em;
}
.index .section1 .title2 {
  position: absolute;
  left: 50%;
  top: 27.3684210526%;
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  font-size: 1.28rem;
  z-index: 3;
  white-space: nowrap;
  line-height: 1.5;
}
.index .section1 .title2-icon {
  position: absolute;
}
.index .section1 .title2-icon:nth-child(1) {
  right: 101%;
  top: 6%;
}
.index .section1 .title2-icon:nth-child(2) {
  left: 103%;
  bottom: 10%;
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.index .section1 .video {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-transform: translate3d(0, -22%, 0);
     -moz-transform: translate3d(0, -22%, 0);
          transform: translate3d(0, -22%, 0);
  margin-left: 0.1rem;
}
.index .section1 > .video {
  display: none;
}
.index .section1 .video-reserve {
  width: 7.8571428571em;
  height: 7.8571428571em;
  position: relative;
}
.index .section1 .video-img {
  display: none;
}
.index .section1 .video-icon {
  position: absolute;
  width: 1.4285714286em;
  right: 0.09rem;
  bottom: 0;
}
.index .section1 .info {
  position: absolute;
  z-index: 3;
  white-space: nowrap;
  bottom: 13.8947368421%;
  left: 73.125%;
}
.index .section1 .text1 {
  line-height: 1.5;
}
.index .section1 .text2 {
  line-height: 1.1875;
}
.index .section1 .img1 {
  position: absolute;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  bottom: 0;
  z-index: 3;
  width: 67.2916666667%;
}
.index .section1 .img2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.index .section1 .line {
  position: absolute;
  left: 0;
  height: auto;
}
.index .section1 .line path {
  stroke-dasharray: 0 var(--l);
  stroke-dashoffset: 0;
}
.index .section1 .line1 {
  bottom: 12.9473684211%;
  width: 62.8125%;
}
.index .section1 .line2 {
  bottom: 13.8947368421%;
  width: 62.96875%;
}
.index .section1 .line3 {
  bottom: 13.6842105263%;
  width: 62.2395833333%;
}
.index .section2 {
  height: 140vh;
  position: relative;
  background-color: rgb(243, 243, 248);
}
.index .section2 .container {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  height: 100vh;
  overflow: hidden;
}
.index .section2 .content {
  position: absolute;
  top: 15.7894736842%;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
}
.index .section2 .content.active .logo, .index .section2 .content.active .item {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.index .section2 .logo {
  margin: 0 auto 1rem;
  width: 4rem;
  -webkit-transform: translate3d(0, 50px, 0);
     -moz-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
  opacity: 0;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, -o-transform 1s;
  -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
}
.index .section2 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.index .section2 .item {
  position: relative;
  -webkit-transform: translate3d(0, 50px, 0);
     -moz-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
  opacity: 0;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, -o-transform 1s;
  -moz-transition: transform 1s, opacity 1s, -moz-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
}
.index .section2 .item:nth-child(1) {
  -webkit-transition-delay: 0.1s;
     -moz-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.index .section2 .item:nth-child(2) {
  line-height: 1.203125;
  margin-bottom: 0.34rem;
  -webkit-transition-delay: 0.2s;
     -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.index .section2 .item:nth-child(3) {
  line-height: 1.1944444444;
  -webkit-transition-delay: 0.3s;
     -moz-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.index .section2 .item:nth-child(4) {
  line-height: 1.1944444444;
  -webkit-transition-delay: 0.4s;
     -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
  display: none;
  color: #787878;
}
.index .section2 .item > span {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(243, 243, 248);
  opacity: 0.65;
}
.index .section2 .item-tip {
  text-align: center;
  line-height: 1.2;
  margin-bottom: 0.11rem;
}
.index .section2 .item-reserve {
  width: 3.59375em;
  height: 2.265625em;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
     -moz-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.index .section2 .video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.index .section2 #viewport {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.index .section3 {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 2;
  opacity: 0;
}
.index .section3.active {
  z-index: 5;
}
.index .section3.active1 {
  opacity: 1;
}
.index .section3 .container {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
.index .section3 .video {
  width: 7.8571428571em;
  height: 7.8571428571em;
  border-radius: 50%;
  top: 159px;
  left: 1194px;
  position: absolute;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: opacity 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  -o-transition: opacity 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  -moz-transition: opacity 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  transition: opacity 1s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.index .section3 .video.active {
  opacity: 0;
}
.index .section4 {
  position: relative;
  background-color: #fafafa;
  min-height: 100vh;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  transition: background-color 0.4s;
  overflow: hidden;
}
.index .section4 .line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.index .section4 .line.active {
  opacity: 0;
}
.index .section4 .line .item {
  position: absolute;
  height: auto;
}
.index .section4 .line .item.active path {
  stroke-dasharray: var(--l) var(--l);
}
.index .section4 .line .item path {
  stroke-dasharray: 0 var(--l);
  stroke-dashoffset: 0;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.index .section4 .line .item:nth-child(1) {
  width: 39.3229166667%;
  top: 0;
  left: 30.15625%;
}
.index .section4 .line .item:nth-child(2) {
  width: 11.3541666667%;
  top: 3.8947368421%;
  left: 25.46875%;
}
.index .section4 .line .item:nth-child(3) {
  width: 14.7395833333%;
  top: 51.1578947368%;
  left: 0;
}
.index .section4 .line .item:nth-child(3) path {
  -webkit-transition-delay: 0.4s;
     -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.index .section4 .line .item:nth-child(4) {
  width: 31.9791666667%;
  top: 55.6842105263%;
  left: 0;
}
.index .section4 .line .item:nth-child(4) path {
  -webkit-transition-delay: 0.4s;
     -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.index .section4 .line .item:nth-child(5) {
  width: 86.1458333333%;
  top: 61.7894736842%;
  left: 0;
}
.index .section4 .line .item:nth-child(5) path {
  -webkit-transition-delay: 0.4s;
     -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.index .section4 .line .item:nth-child(6) {
  width: 7.4479166667%;
  top: 45.0526315789%;
  right: 2.03125%;
}
.index .section4 .line .item:nth-child(6) path {
  -webkit-transition-delay: 0.4s;
     -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.index .section4 .line .item:nth-child(7) {
  width: 35.4166666667%;
  top: 44.2105263158%;
  right: 0;
}
.index .section4 .line .item:nth-child(7) path {
  -webkit-transition-delay: 0.4s;
     -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.index .section4 .container {
  position: relative;
  padding-top: 0.8rem;
  padding-bottom: 2.8rem;
}
.index .section4 .content {
  max-width: 1220px;
  width: 80%;
  margin: 0 auto;
}
.index .section4 .title {
  text-align: center;
  margin-bottom: 1.3rem;
}
.index .section4 .title.active p {
  color: #fff;
}
.index .section4 .title p {
  margin: 0.08rem 0;
}
.index .section4 .title p:nth-child(2) {
  font-family: "almmT2";
}
.index .section4 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
}
.index .section4 .list .item {
  position: relative;
  cursor: pointer;
}
.index .section4 .list .item.active1 path {
  fill: #fff;
  stroke: #fff;
}
.index .section4 .list .item.active1 .item-img {
  opacity: 1;
}
.index .section4 .list .item.active {
  z-index: 2;
}
.index .section4 .list .item.active path {
  stroke: #fff;
}
.index .section4 .list .item:nth-child(1) .item-img {
  -webkit-transform: translate3d(-14.6589259797%, -14.0562248996%, 0);
     -moz-transform: translate3d(-14.6589259797%, -14.0562248996%, 0);
          transform: translate3d(-14.6589259797%, -14.0562248996%, 0);
}
.index .section4 .list .item:nth-child(2) .item-img {
  -webkit-transform: translate3d(-8.5631349782%, -14.0562248996%, 0);
     -moz-transform: translate3d(-8.5631349782%, -14.0562248996%, 0);
          transform: translate3d(-8.5631349782%, -14.0562248996%, 0);
}
.index .section4 .list .item:nth-child(3) .item-img {
  -webkit-transform: translate3d(-40.6386066763%, -14.0562248996%, 0);
     -moz-transform: translate3d(-40.6386066763%, -14.0562248996%, 0);
          transform: translate3d(-40.6386066763%, -14.0562248996%, 0);
}
.index .section4 .list .item:nth-child(4) .item-img {
  -webkit-transform: translate3d(-48.6211901306%, -14.0562248996%, 0);
     -moz-transform: translate3d(-48.6211901306%, -14.0562248996%, 0);
          transform: translate3d(-48.6211901306%, -14.0562248996%, 0);
}
.index .section4 .item-container {
  border-radius: 0.3rem;
  box-shadow: 1px 14px 16.9px 0px rgba(0, 0, 0, 0.25);
  width: 6.89rem;
  overflow: hidden;
}
.index .section4 .item-container img {
  width: 100%;
}
.index .section4 .item-img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.index .section4 .item-img img {
  max-width: initial;
}
.index .section4 .item-svg {
  height: auto;
  margin-bottom: 0.28rem;
  position: relative;
}
.index .section4 .item-info {
  position: absolute;
  left: 14.5137880987%;
  top: 100%;
  margin-top: -1.5em;
}
.index .section4 .item-title {
  line-height: 1.5;
  margin-bottom: 0.16rem;
}
.index .section4 .item-text1 {
  line-height: 1.0833333333;
  margin-bottom: 0.1rem;
}
.index .section4 .item-text2 {
  line-height: 1.625;
  font-family: "almmT2";
}
.index .section5 {
  height: 140vh;
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.index .section5 .container {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.index .section5 .container.active .title {
  -webkit-transform: translate3d(0, -100%, 0);
     -moz-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.index .section5 .container.active.active1 .item:nth-child(2) {
  -webkit-transform: translate3d(200%, 0, 0);
     -moz-transform: translate3d(200%, 0, 0);
          transform: translate3d(200%, 0, 0);
}
.index .section5 .container.active.active1 .item:nth-child(3) {
  -webkit-transform: translate3d(200%, 0, 0);
     -moz-transform: translate3d(200%, 0, 0);
          transform: translate3d(200%, 0, 0);
}
.index .section5 .container.active.active2 .item:nth-child(1) {
  -webkit-transform: translate3d(-100%, 0, 0);
     -moz-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.index .section5 .container.active.active2 .item:nth-child(3) {
  -webkit-transform: translate3d(100%, 0, 0);
     -moz-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.index .section5 .container.active.active3 .item:nth-child(1) {
  -webkit-transform: translate3d(-200%, 0, 0);
     -moz-transform: translate3d(-200%, 0, 0);
          transform: translate3d(-200%, 0, 0);
}
.index .section5 .container.active.active3 .item:nth-child(2) {
  -webkit-transform: translate3d(-200%, 0, 0);
     -moz-transform: translate3d(-200%, 0, 0);
          transform: translate3d(-200%, 0, 0);
}
.index .section5 .container.active .item {
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.index .section5 .container.active .ul {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  -moz-transition: opacity 0s;
  transition: opacity 0s;
}
.index .section5 .container.active .back {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.index .section5 .container.active .li.active .li-title, .index .section5 .container.active .li.active .li-class, .index .section5 .container.active .li.active .li-types, .index .section5 .container.active .li.active .li-text, .index .section5 .container.active .li.active .li-buy {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.index .section5 .container.active .li.active .li-class {
  -webkit-transition-delay: 0.1s;
     -moz-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.index .section5 .container.active .li.active .li-types {
  -webkit-transition-delay: 0.2s;
     -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.index .section5 .container.active .li.active .li-text {
  -webkit-transition-delay: 0.3s;
     -moz-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.index .section5 .container.active .li.active .li-buy {
  -webkit-transition-delay: 0.4s;
     -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.index .section5 .title {
  text-align: center;
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 1rem;
}
.index .section5 .title p {
  margin: 0.08rem 0;
}
.index .section5 .title p:nth-child(2) {
  font-family: "almmT2";
}
.index .section5 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.index .section5 .item {
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  -webkit-transition-delay: 0.5s;
     -moz-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  cursor: pointer;
}
.index .section5 .item:nth-of-type(even) {
  background-color: rgba(217, 217, 217, 0.3);
}
.index .section5 .item.active:nth-of-type(even) {
  background-color: #fff;
}
.index .section5 .item.active .item-content {
  opacity: 1;
  border-radius: 0;
  -webkit-transform: scale(1) translate3d(0, 0, 0);
     -moz-transform: scale(1) translate3d(0, 0, 0);
          transform: scale(1) translate3d(0, 0, 0);
}
.index .section5 .item.active .item-info {
  -webkit-transform: translate3d(0, 15px, 0);
     -moz-transform: translate3d(0, 15px, 0);
          transform: translate3d(0, 15px, 0);
  opacity: 0;
}
.index .section5 .item.active .item-look {
  -webkit-transform: translate3d(-50%, 15px, 0);
     -moz-transform: translate3d(-50%, 15px, 0);
          transform: translate3d(-50%, 15px, 0);
  opacity: 0;
}
.index .section5 .item.active .item-ul {
  -webkit-transform: scale(0.5878489) translate3d(-27%, 0, 0);
     -moz-transform: scale(0.5878489) translate3d(-27%, 0, 0);
          transform: scale(0.5878489) translate3d(-27%, 0, 0);
}
.index .section5 .item.active .item-scroll {
  display: block;
}
.index .section5 .item.active .item-scroll::before {
  height: 120%;
  -webkit-transition: 0s height 1s;
  -o-transition: 0s height 1s;
  -moz-transition: 0s height 1s;
  transition: 0s height 1s;
}
.index .section5 .item.active.active1 {
  z-index: 2;
}
.index .section5 .item.active.active1 .item-scroll {
  width: 300%;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.index .section5 .item.active.active1:nth-child(2) .item-container {
  -webkit-transform: translate3d(-100%, 0, 0);
     -moz-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.index .section5 .item.active.active1:nth-child(3) .item-container {
  -webkit-transform: translate3d(-200%, 0, 0);
     -moz-transform: translate3d(-200%, 0, 0);
          transform: translate3d(-200%, 0, 0);
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.index .section5 .item.active.active1 .item-colors {
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  opacity: 1;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.index .section5 .item.active.active1 .item-title, .index .section5 .item.active.active1 .item-text, .index .section5 .item.active.active1 .item-class {
  -webkit-transform: translate3d(0, 15px, 0);
     -moz-transform: translate3d(0, 15px, 0);
          transform: translate3d(0, 15px, 0);
  opacity: 0;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.index .section5 .item.active.active1 .item-content {
  width: 112.8125%;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.index .section5 .item.active.active1 .item-ul {
  -webkit-transform: scale(1) translate3d(5%, -24.5%, 0);
     -moz-transform: scale(1) translate3d(5%, -24.5%, 0);
          transform: scale(1) translate3d(5%, -24.5%, 0);
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.index .section5 .item.active.active1 .item-class2 {
  -webkit-transform: translate3d(0.2rem, -0.2rem, 0);
     -moz-transform: translate3d(0.2rem, -0.2rem, 0);
          transform: translate3d(0.2rem, -0.2rem, 0);
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.index .section5 .item.active.active1 .item-tip {
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  opacity: 1;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.index .section5 .item-container {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.index .section5 .item-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding-top: 37.8125%;
  background: -webkit-linear-gradient(top, rgba(253, 95, 15, 0.8) 0%, rgba(224, 224, 224, 0.1) 100%);
  background: -moz-linear-gradient(top, rgba(253, 95, 15, 0.8) 0%, rgba(224, 224, 224, 0.1) 100%);
  background: -o-linear-gradient(top, rgba(253, 95, 15, 0.8) 0%, rgba(224, 224, 224, 0.1) 100%);
  background: linear-gradient(180deg, rgba(253, 95, 15, 0.8) 0%, rgba(224, 224, 224, 0.1) 100%);
  color: #fff;
  text-align: center;
  overflow: hidden;
  -webkit-transform: scale(0.8) translate3d(0, 25px, 0);
     -moz-transform: scale(0.8) translate3d(0, 25px, 0);
          transform: scale(0.8) translate3d(0, 25px, 0);
  border-radius: 60px;
  opacity: 0;
}
.index .section5 .item-title {
  line-height: 1.2083333333;
  margin-bottom: 0.07rem;
  font-family: "almmT2";
}
.index .section5 .item-text {
  line-height: 1.25;
  margin-bottom: 0.16rem;
  font-family: "almmT2";
}
.index .section5 .item-class {
  font-size: 2rem;
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(top, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.index .section5 .item-class2 {
  font-size: 2.1rem;
  position: absolute;
  white-space: nowrap;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  top: 0;
  right: 0;
  background: -webkit-linear-gradient(top, #FFF 0%, rgba(255, 255, 255, 0) 81.61%);
  background: -moz-linear-gradient(top, #FFF 0%, rgba(255, 255, 255, 0) 81.61%);
  background: -o-linear-gradient(top, #FFF 0%, rgba(255, 255, 255, 0) 81.61%);
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 81.61%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transform: translate3d(3rem, -0.2rem, 0);
     -moz-transform: translate3d(3rem, -0.2rem, 0);
          transform: translate3d(3rem, -0.2rem, 0);
  pointer-events: none;
}
.index .section5 .item-info {
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: 50.9473684211%;
  text-align: center;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.index .section5 .item-info .item-info-text1 {
  line-height: 1.25;
  margin-bottom: 0.09rem;
  font-weight: normal;
}
.index .section5 .item-info .item-info-text2 {
  line-height: 1.25;
  font-family: "almmT2";
}
.index .section5 .item-look {
  position: absolute;
  left: 50%;
  bottom: 14.6315789474%;
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  line-height: 2.8125;
  padding: 0 0.68rem;
  color: #FD5F0F;
  box-shadow: 0 0 0 1px #FD5F0F inset;
  border-radius: 4px;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  cursor: pointer;
  font-family: "almmT2";
}
.index .section5 .item-look:hover {
  background-color: #FD5F0F;
  color: #fff;
}
.index .section5 .item-ul {
  position: absolute;
  left: -12%;
  bottom: -2%;
  -webkit-transform: scale(0.30788177) translate3d(-50%, 0, 0);
     -moz-transform: scale(0.30788177) translate3d(-50%, 0, 0);
          transform: scale(0.30788177) translate3d(-50%, 0, 0);
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  width: 180.78125%;
}
.index .section5 .item-li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.index .section5 .item-li:nth-child(1) {
  position: relative;
}
.index .section5 .item-li.active {
  opacity: 1;
}
.index .section5 .item-colors {
  position: absolute;
  bottom: 5.2631578947%;
  left: 81.875%;
  -webkit-transform: translate3d(-50%, 15px, 0);
     -moz-transform: translate3d(-50%, 15px, 0);
          transform: translate3d(-50%, 15px, 0);
  opacity: 0;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  z-index: 2;
  pointer-events: none;
}
.index .section5 .item-color {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index .section5 .item-colors-item {
  display: none;
}
.index .section5 .item-colors-item.active {
  display: block;
}
.index .section5 .item-color-item {
  width: 1.25em;
  height: 1.25em;
  border-radius: 50%;
  border: 0.02rem solid #fff;
  margin: 0 0.05rem 0.05rem;
  cursor: pointer;
}
.index .section5 .item-color-text {
  text-align: center;
  line-height: 1.125;
}
.index .section5 .item-img {
  max-width: initial;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.index .section5 .item-img:nth-child(1) {
  position: relative;
}
.index .section5 .item-img.active {
  opacity: 1;
}
.index .section5 .item-scroll {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  display: none !important;
}
.index .section5 .item-scroll::-webkit-scrollbar {
  display: none;
}
.index .section5 .item-scroll::before {
  position: relative;
  display: block;
  content: "";
  width: 100%;
  height: 90%;
  -webkit-transition: 0s height;
  -o-transition: 0s height;
  -moz-transition: 0s height;
  transition: 0s height;
}
.index .section5 .item-tip {
  position: absolute;
  white-space: nowrap;
  left: 81.875%;
  bottom: 13.6842105263%;
  line-height: 1.25;
  -webkit-transform: translate3d(-50%, 15px, 0);
     -moz-transform: translate3d(-50%, 15px, 0);
          transform: translate3d(-50%, 15px, 0);
  opacity: 0;
  pointer-events: none;
  font-family: "almmT2";
}
.index .section5 .ul {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  width: 28.125%;
  right: 13.0208333333%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.index .section5 .li {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  width: 28.125%;
  right: 13.0208333333%;
  pointer-events: none;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 20px 0;
  pointer-events: none;
  z-index: -9;
  -webkit-transition: 0s z-index 1s;
  -o-transition: 0s z-index 1s;
  -moz-transition: 0s z-index 1s;
  transition: 0s z-index 1s;
}
.index .section5 .li.active {
  pointer-events: auto;
  z-index: 2;
}
.index .section5 .li-title {
  line-height: 1.125;
  margin-bottom: 0.2rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-family: "almmT2";
}
.index .section5 .li-class {
  line-height: 1.1875;
  margin-bottom: 0.3rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.index .section5 .li-types-tip {
  line-height: 1.125;
  display: none;
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}
.index .section5 .li-types {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 0.55rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.index .section5 .li-type {
  color: #D9D9D9;
  min-width: 5.8125em;
  line-height: 2.8125;
  border-radius: 4px;
  padding: 0 10px;
  box-shadow: 0 0 0 1px #D9D9D9 inset;
  cursor: pointer;
  text-align: center;
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
  font-family: "almmT2";
}
.index .section5 .li-type.active, .index .section5 .li-type:hover {
  background-color: #FC5F10;
  box-shadow: 0 0 0 1px #FC5F10 inset;
  color: #fff;
}
.index .section5 .li-text {
  line-height: 1.25;
  color: #787878;
  padding-bottom: 0.26rem;
  border-bottom: 1px solid #787878;
  overflow: auto;
  font-family: "almmT2";
}
.index .section5 .li-text span {
  color: #222;
}
.index .section5 .li-text p {
  margin-bottom: 0.3rem;
}
.index .section5 .li-buy {
  margin-top: 0.8rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transition-delay: 0.4s;
     -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.index .section5 .li-buy-target {
  line-height: 2.8125;
  padding: 0 0.68rem;
  background-color: #FC5F10;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-family: "almmT2";
}
.index .section5 .li-buy-target[href=""] {
  display: none;
}
.index .section5 .li-buy-target:hover {
  background-color: #FC874B;
}
.index .section5 .li-title, .index .section5 .li-class, .index .section5 .li-types, .index .section5 .li-text, .index .section5 .li-buy, .index .section5 .back {
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transform: translate3d(0, 25px, 0);
     -moz-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0);
  opacity: 0;
}
.index .section5 .back {
  -webkit-transition-delay: 0.5s;
     -moz-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  position: absolute;
  right: 0;
  top: 9.6842105263%;
  z-index: 2;
}
.index .section5 .back-target {
  cursor: pointer;
}
.index .section5 .back-target:hover {
  color: #FC5F10;
}
.index .section5 .back-target:hover .back-icon {
  background-color: #FC5F10;
  background-image: url(../images/svg/arr-left-white.svg);
}
.index .section5 .back-icon {
  display: inline-block;
  vertical-align: middle;
  width: 3.625em;
  height: 3.625em;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #FC5F10 inset;
  background: url(../images/svg/arr-left-color.svg) no-repeat center center;
  -o-background-size: 34.4827586207% auto;
     background-size: 34.4827586207% auto;
  margin-right: 0.12rem;
}
.index .section5 .swiper-button {
  display: none;
}
.index .section6 {
  padding-top: 1rem;
  padding-bottom: 1.2rem;
  background-color: #FCFCFC;
}
.index .section6 .title {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.7rem;
}
.index .section6 .title-text1 {
  line-height: 1.5;
}
.index .section6 .title-text2 {
  line-height: 1.2083333333;
  font-family: "almmT2";
}
.index .section6 .logo {
  width: 3.5625em;
  margin-top: 0.26rem;
}
.index .section6 .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.index .section6 .item {
  width: 32.0422535211%;
  height: 6.8rem;
  position: relative;
}
.index .section6 .item.active {
  width: 66.6197183099%;
}
.index .section6 .item.active .item-noactive {
  opacity: 0;
  z-index: 0;
  -webkit-transition-duration: 0.1s;
     -moz-transition-duration: 0.1s;
       -o-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.index .section6 .item.active .item-active {
  opacity: 1;
}
.index .section6 .item.active .item-look {
  opacity: 0;
  pointer-events: none;
}
.index .section6 .item.active1 .item-ul, .index .section6 .item.active1 .item-tips {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}
.index .section6 .item.active1 .item-tips {
  -webkit-transition-delay: 0.2s;
     -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.index .section6 .item-noactive {
  background-color: #F5F5F5;
  box-shadow: 9px 15px 24.6px -11px rgba(120, 120, 120, 0.37);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}
.index .section6 .item-noactive .item-title {
  position: absolute;
  left: 10.989010989%;
  right: 10.989010989%;
  top: 12.9411764706%;
  line-height: 1.1875;
  color: #787878;
}
.index .section6 .item-noactive .item-img {
  height: 100%;
}
.index .section6 .left .item-icon {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: index_section6_ani1 1s linear infinite alternate;
     -moz-animation: index_section6_ani1 1s linear infinite alternate;
       -o-animation: index_section6_ani1 1s linear infinite alternate;
          animation: index_section6_ani1 1s linear infinite alternate;
}
.index .section6 .left .item-li:nth-child(1) {
  height: 28.8235294118%;
  left: 22.621564482%;
  bottom: 46.6176470588%;
}
.index .section6 .left .item-li:nth-child(2) {
  height: 31.0294117647%;
  left: 70.1902748414%;
  bottom: 46.6176470588%;
}
.index .section6 .left .item-li:nth-child(3) {
  height: 32.5%;
  left: 72.7272727273%;
  bottom: 40.8823529412%;
}
.index .section6 .left .item-li:nth-child(4) {
  height: 21.4705882353%;
  left: 81.5010570825%;
  top: 43.5294117647%;
}
.index .section6 .left .item-li:nth-child(5) {
  height: 24.7058823529%;
  left: 23.044397463%;
  top: 56.7647058824%;
}
.index .section6 .left .item-li:nth-child(6) {
  height: 19.4117647059%;
  right: 34.0380549683%;
  top: 62.0588235294%;
}
.index .section6 .left .item-li:nth-child(7) {
  height: 20.1470588235%;
  left: 67.0190274841%;
  top: 61.3235294118%;
}
.index .section6 .left .item-li:nth-child(8) {
  height: 12.7941176471%;
  left: 68.8160676533%;
  top: 63.9705882353%;
}
.index .section6 .left .item-tip:nth-child(1) {
  color: #3EA831;
  left: 42.2832980973%;
  top: 21.1764705882%;
}
.index .section6 .left .item-tip:nth-child(2) {
  color: #FD5F0F;
  left: 28.1183932347%;
  top: 69.2647058824%;
  -webkit-transform: rotate(6deg);
     -moz-transform: rotate(6deg);
      -ms-transform: rotate(6deg);
       -o-transform: rotate(6deg);
          transform: rotate(6deg);
}
.index .section6 .left .item-tip:nth-child(3) {
  color: #FFCC01;
  left: 72.5158562368%;
  top: 66.6176470588%;
  -webkit-transform: rotate(-15deg);
     -moz-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
       -o-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.index .section6 .right .item-li:nth-child(1) {
  height: 21.0294117647%;
  left: 36.1522198732%;
  bottom: 51.4705882353%;
}
.index .section6 .right .item-li:nth-child(2) {
  height: 24.7058823529%;
  left: 43.8689217759%;
  bottom: 47.9411764706%;
}
.index .section6 .right .item-li:nth-child(3) {
  height: 8.9705882353%;
  left: 49.4714587738%;
  top: 69.8529411765%;
}
.index .section6 .right .item-li:nth-child(4) {
  height: 8.9705882353%;
  left: 61.4164904863%;
  top: 69.8529411765%;
}
.index .section6 .right .item-tip:nth-child(1) {
  color: #3EA831;
  left: 3.3826638478%;
  top: 44.1176470588%;
}
.index .section6 .right .item-tip:nth-child(2) {
  color: #FFCC01;
  left: 20.4016913319%;
  top: 37.9411764706%;
}
.index .section6 .right .item-tip:nth-child(3) {
  color: #FD5F0F;
  right: 1.2684989429%;
  top: 41.1764705882%;
}
.index .section6 .right .item-tip:nth-child(4) {
  color: #FD5F0F;
  left: 8.5623678647%;
  top: 78.5294117647%;
}
.index .section6 .right .item-tip:nth-child(5) {
  color: #787878;
  right: 36.0465116279%;
  top: 83.6764705882%;
}
.index .section6 .right .item-tip:nth-child(6) {
  color: #3EA831;
  right: 1.2684989429%;
  top: 79.4117647059%;
}
.index .section6 .item-active {
  background-color: #F5F5F5;
  box-shadow: 9px 15px 24.6px -11px rgba(120, 120, 120, 0.37);
  height: 100%;
  position: relative;
  opacity: 0;
}
.index .section6 .item-info {
  position: absolute;
  left: 5.2854122622%;
  right: 5.2854122622%;
  top: 7.7941176471%;
  line-height: 1.25;
  color: #FD5F0F;
}
.index .section6 .item-text {
  position: absolute;
  left: 5.2854122622%;
  right: 5.2854122622%;
  top: 7.7941176471%;
  color: #FD5F0F;
}
.index .section6 .item-text .item-text1 {
  line-height: 1.2;
  margin-bottom: 0.11rem;
}
.index .section6 .item-text .item-text2 {
  line-height: 1.1875;
}
.index .section6 .item-li {
  position: absolute;
  color: #787878;
  padding-left: 0.12rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.index .section6 .item-li::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: -webkit-calc(100% - 0.2em);
  height: -moz-calc(100% - 0.2em);
  height: calc(100% - 0.2em);
  width: 1px;
  background-color: #3EA831;
}
.index .section6 .item-li::after {
  position: absolute;
  content: "";
  left: 0.05rem;
  width: 0.03rem;
  height: 0.6428571429em;
  top: 0.1428571429em;
  background-color: #3EA831;
}
.index .section6 .item-li.item-li-bottom {
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.index .section6 .item-li.item-li-bottom::before {
  bottom: auto;
  top: 0;
}
.index .section6 .item-li.item-li-bottom::after {
  top: auto;
  bottom: 0.1428571429em;
}
.index .section6 .item-li.item-li-right {
  padding-left: 0;
  padding-right: 0.12rem;
}
.index .section6 .item-li.item-li-right::before {
  left: auto;
  right: 0;
}
.index .section6 .item-li.item-li-right::after {
  left: auto;
  right: 0.05rem;
}
.index .section6 .item-li.item-li-color1::before, .index .section6 .item-li.item-li-color1::after {
  background-color: #FD5F0F;
}
.index .section6 .item-li.item-li-color2::before, .index .section6 .item-li.item-li-color2::after {
  background-color: #FFAF01;
}
.index .section6 .item-tip {
  position: absolute;
  line-height: 1.25;
}
.index .section6 .item-look {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 3.8235294118%;
  line-height: 2.8125;
  box-shadow: 0 0 0 1px #FC5F10 inset;
  padding: 0 0.68rem;
  border-radius: 4px;
  color: #FC5F10;
  z-index: 3;
}
.index .section6 .item-look:hover {
  color: #fff;
  background-color: #FC874B;
}
.index .section6 .item-ul, .index .section6 .item-tips {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate3d(0, 25px, 0);
     -moz-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0);
  opacity: 0;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.index .section7 {
  padding-top: 1.2rem;
  padding-bottom: 1.25rem;
  background-color: #F5F5F5;
}
.index .section7 .title {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.3rem;
}
.index .section7 .title-text1 {
  line-height: 1.5;
  margin-bottom: 0.04rem;
}
.index .section7 .title-text2 {
  line-height: 1.1875;
  font-family: "almmT2";
}
.index .section7 .logo {
  width: 6.0625em;
}
.index .section7 .lines {
  margin-bottom: 0.55rem;
}
.index .section7 .lines.active .line {
  width: 100%;
}
.index .section7 .line {
  display: block;
  width: 0%;
  height: 2px;
}
.index .section7 .line + .line {
  margin-top: 0.08rem;
}
.index .section7 .line:nth-child(1) {
  background-color: #3EA831;
}
.index .section7 .line:nth-child(2) {
  background-color: #FFCC01;
  -webkit-transition-delay: 0.4s;
     -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.index .section7 .line:nth-child(3) {
  background-color: #FD5F0F;
  -webkit-transition-delay: 0.8s;
     -moz-transition-delay: 0.8s;
       -o-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.index .section7 .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.index .section7 .select {
  width: 22.5352112676%;
}
.index .section7 .select-item {
  line-height: 1.25;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
  font-family: "almmT2";
}
.index .section7 .select-item + .select-item {
  margin-top: 0.25rem;
}
.index .section7 .select-item:hover .select-title::before, .index .section7 .select-item.active .select-title::before {
  width: 100%;
}
.index .section7 .select-item:nth-child(1) .select-dot, .index .section7 .select-item:nth-child(1) .select-title::before {
  background-color: #3EA831;
}
.index .section7 .select-item:nth-child(1):hover .select-title, .index .section7 .select-item:nth-child(1).active .select-title {
  color: #3EA831;
}
.index .section7 .select-item:nth-child(2) .select-dot, .index .section7 .select-item:nth-child(2) .select-title::before {
  background-color: #FFCC01;
}
.index .section7 .select-item:nth-child(2):hover .select-title, .index .section7 .select-item:nth-child(2).active .select-title {
  color: #FFCC01;
}
.index .section7 .select-item:nth-child(3) .select-dot, .index .section7 .select-item:nth-child(3) .select-title::before {
  background-color: #FD5F0F;
}
.index .section7 .select-item:nth-child(3):hover .select-title, .index .section7 .select-item:nth-child(3).active .select-title {
  color: #FD5F0F;
}
.index .section7 .select-item:nth-child(4) .select-dot, .index .section7 .select-item:nth-child(4) .select-title::before {
  background-color: #777778;
}
.index .section7 .select-item:nth-child(4):hover .select-title, .index .section7 .select-item:nth-child(4).active .select-title {
  color: #777778;
}
.index .section7 .select-dot {
  border-radius: 50%;
  width: 0.8333333333em;
  height: 0.8333333333em;
  margin-top: 0.2083333333em;
  margin-right: 0.18rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.index .section7 .select-title {
  color: #D9D9D9;
  position: relative;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.index .section7 .select-title::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  left: 0;
  bottom: -6px;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.index .section7 .right {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 73.9436619718%;
  color: #fff;
}
.index .section7 .item {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.index .section7 .item:nth-child(1) .item-info {
  background-color: #3EA831;
}
.index .section7 .item:nth-child(2) .item-info {
  background-color: #FFCC01;
}
.index .section7 .item:nth-child(3) .item-info {
  background-color: #FD5F0F;
}
.index .section7 .item:nth-child(4) .item-info {
  background-color: #787878;
}
.index .section7 .item-img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 28.5714285714%;
  border-radius: 20px;
}
.index .section7 .item-info {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 20px;
  padding: 0.5rem 3.8095238095% 0.6rem 4.7619047619%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.index .section7 .item-top {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-bottom: 0.4rem;
}
.index .section7 .item-title {
  line-height: 1.2222222222;
}
.index .section7 .item-title span {
  margin-left: 0.08rem;
  font-family: "almmT2";
}
.index .section7 .item-icon {
  width: 1.3888888889em;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 4px;
}
.index .section7 .item-text {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 0;
  line-height: 1.3125;
  overflow: auto;
  font-family: "almmT2";
}
.index .section7 .item-text::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(0, 0, 0, 0);
}
.index .section7 .item-text::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #fff;
}
.index .section7 .item-tip {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  line-height: 1.2222222222;
  margin-top: 0.3rem;
  font-weight: normal;
}
.index .section8 {
  height: 400vh;
  position: relative;
}
.index .section8 .title {
  text-align: center;
  margin-bottom: 1.3rem;
  margin-top: 1rem;
}
.index .section8 .title p {
  margin: 0.08rem 0;
}
.index .section8 .title p:nth-child(2) {
  font-family: "almmT2";
}
.index .section8 .container {
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: url(../images/9.png) no-repeat center center/cover;
  overflow: hidden;
}
.index .section8 .swiper {
  bottom: 78px;
  position: absolute;
  overflow: initial;
  width: 100%;
}
.index .section8 .swiper1 {
  max-width: 1920px;
}
.index .section8 .swiper1 .swiper-slide {
  width: 9.3rem;
}
.index .section8 .swiper2 .swiper-slide {
  width: auto;
  max-width: 10.3rem;
}
.index .section8 .swiper2 .swiper-slide:nth-child(1) {
  width: 9.3rem;
}
.index .section8 .swiper2 {
  position: absolute;
  left: 0;
  top: 2.8rem;
  bottom: auto !important;
}
.index .section8 .swiper2 .swiper-slide {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-right: 1rem;
}
.index .section8 .swiper2 .swiper-slide:nth-child(even) {
  margin-top: 0.8rem;
}
.index .section8 .swiper2 .swiper-slide p, .index .section8 .swiper2 .swiper-slide .slide-p {
  display: inline;
  background: #D9D9D9 -webkit-linear-gradient(left, #FC5F10, #FC5F10) no-repeat 0 0;
  background: #D9D9D9 -moz-linear-gradient(left, #FC5F10, #FC5F10) no-repeat 0 0;
  background: #D9D9D9 -o-linear-gradient(left, #FC5F10, #FC5F10) no-repeat 0 0;
  background: #D9D9D9 linear-gradient(left, #FC5F10, #FC5F10) no-repeat 0 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -o-background-size: 0 100%;
     background-size: 0 100%;
}
.index .section8 .swiper2 .slide-left {
  position: relative;
  margin-right: 0.44rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.index .section8 .swiper2 .slide-title {
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
}
.index .section8 .swiper2 .slide-year {
  font-size: 3.2em;
}
.index .section8 .swiper2 .slide-right {
  line-height: 1.25;
  font-family: "almmT2";
}
.index .section8 .bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.index .section8 .bottom .img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  height: auto;
}
.index .section8 .bottom .img:nth-child(1) {
  width: 6.21rem;
}
.index .section8 .bottom .img:nth-child(2) {
  width: 6.5rem;
}
.index .section8 .bottom .img:nth-child(3) {
  width: 6.6rem;
}
.index .section8 .bottom .img:nth-child(4) {
  width: 6.72rem;
}
.index .section8 .bottom .img path {
  stroke-dashoffset: 880;
  stroke-dasharray: var(--l) var(--l);
}
.index .section8 .num {
  position: absolute;
  bottom: 0;
  height: 1.64rem;
  left: 50%;
  width: 6.88rem;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.index .section8 .num .img {
  position: relative;
}
.index .section8 .num .img::before {
  position: absolute;
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #FD5F0F;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation: index_section8_ani1 1s linear infinite both;
     -moz-animation: index_section8_ani1 1s linear infinite both;
       -o-animation: index_section8_ani1 1s linear infinite both;
          animation: index_section8_ani1 1s linear infinite both;
}
.index .section8 .num-item {
  position: absolute;
  color: #D9D9D9;
}
.index .section8 .num-item:nth-child(1) {
  left: 0.72rem;
  top: 0.66rem;
  -webkit-transform: rotate(-41.64deg);
     -moz-transform: rotate(-41.64deg);
      -ms-transform: rotate(-41.64deg);
       -o-transform: rotate(-41.64deg);
          transform: rotate(-41.64deg);
}
.index .section8 .num-item:nth-child(2) {
  left: 50%;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #000;
  font-weight: bold;
}
.index .section8 .num-item:nth-child(3) {
  right: 0.72rem;
  top: 0.66rem;
  -webkit-transform: rotate(41.64deg);
     -moz-transform: rotate(41.64deg);
      -ms-transform: rotate(41.64deg);
       -o-transform: rotate(41.64deg);
          transform: rotate(41.64deg);
}
.index .section8 .mouse {
  position: absolute;
  bottom: 0.22rem;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  text-align: center;
}
.index .section8 .mouse-icon {
  margin: 0 auto 0.07rem;
  -webkit-animation-name: mouse-ani;
     -moz-animation-name: mouse-ani;
       -o-animation-name: mouse-ani;
          animation-name: mouse-ani;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 3s;
     -moz-animation-duration: 3s;
       -o-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.index .section8 .mouse-text {
  color: #787878;
  font-size: 16px;
  line-height: 1.25;
}
.index .section9 {
  position: relative;
  background: url(../images/23.png) fixed no-repeat center center/cover;
  height: 7.8rem;
}
.index .section9 .box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7.6923076923%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.index .section9 .img2 {
  display: none;
}
.index .section9 .title p {
  margin: 0.08rem 0;
  color: #fff;
}
.index .section9 .title p:nth-child(2) {
  font-family: "almmT2";
}
.index .section9 .more {
  background-color: #fff;
  line-height: 3.75;
  padding: 0 0.3rem;
}
.index .section9 .more:hover {
  background-color: #FC5F10;
  color: #fff;
}
.index .section9 .more:hover .more-icon {
  background-image: url(../images/svg/arr2-rightTop-white.svg);
}
.index .section9 .more .more-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.18rem;
  width: 0.625em;
  height: 0.625em;
  background: url(../images/svg/arr2-rightTop-gray.svg) no-repeat center center/100% 100%;
}
.index .section10 {
  background-color: #F6F7F8;
}
.index .section10 .box {
  min-height: 4.68rem;
  padding-top: 50px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index .section10 .img {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin-right: 2rem;
}
.index .section10 .info {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "almmT2";
}
.index .section10 .title {
  line-height: 1.1875;
  margin-bottom: 0.25rem;
}
.index .section10 .text {
  color: #787878;
  line-height: 1.25;
  margin-bottom: 0.42rem;
}
.index .section10 .codes {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.index .section10 .code + .code {
  margin-left: 0.5rem;
}
.index .section10 .code-img {
  width: 7.5714285714em;
  margin-bottom: 12px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 9px 15px 24.6px -11px rgba(120, 120, 120, 0.37);
}
.index .section10 .code-title {
  line-height: 1.4285714286;
}

.stores .section1 .item {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.stores .section1 .item + .item {
  border-top: 1px solid #D9D9D9;
}
.stores .section1 .item-content {
  width: 29.5774647887%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.stores .section1 .item-text1 {
  color: #D9D9D9;
}
.stores .section1 .item-text2 {
  line-height: 1.1875;
  margin-bottom: 20px;
  font-family: "almmT2";
}
.stores .section1 .item-ul {
  margin-top: auto;
}
.stores .section1 .item-li {
  cursor: pointer;
}
.stores .section1 .item-li + .item-li {
  margin-top: 0.3rem;
}
.stores .section1 .item-li a:hover {
  color: #FC5F10;
  text-decoration: underline;
}
.stores .section1 .item-li:hover .item-li-text p, .stores .section1 .item-li:hover .item-li-text a {
  color: #222222;
}
.stores .section1 .item-li:hover .item-li-text::before {
  height: -webkit-calc(100% - 0.875em);
  height: -moz-calc(100% - 0.875em);
  height: calc(100% - 0.875em);
  background-color: #FD5F0F;
}
.stores .section1 .item-li-text {
  line-height: 1.875;
  position: relative;
  padding-left: 0.2rem;
  font-family: "almmT2";
}
.stores .section1 .item-li-text p, .stores .section1 .item-li-text a {
  color: #787878;
}
.stores .section1 .item-li-text::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 0.75em;
  background-color: #222222;
  left: 0;
  top: 0.4375em;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.stores .section1 .item-li-text2 {
  padding-left: 0.2rem;
  color: #D9D9D9;
  line-height: 1.5;
  font-family: "popM";
}
.stores .section1 .item-img {
  margin-top: 0.34rem;
  width: 59.8591549296%;
  position: relative;
}
.stores .section1 .item-tip {
  color: #fff;
  opacity: 0.3;
  position: absolute;
  bottom: 0.2rem;
  right: 0.6rem;
  line-height: 1.5;
  z-index: 2;
}

.message .section1 {
  padding-top: 1.14rem;
  padding-bottom: 1.16rem;
  background: url(../images/38.png) no-repeat center center/cover;
}
.message .section1 .box {
  max-width: 1680px;
  width: 90%;
}
.message .section1 .title {
  text-align: center;
  line-height: 1.2083333333;
  margin-bottom: 0.24rem;
}
.message .section1 .text {
  color: #666666;
  text-align: center;
  line-height: 1.25;
  margin-bottom: 0.56rem;
  font-family: "almmT2";
}
.message .section1 .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.message .section1 .img {
  width: 49.7023809524%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 12px;
  height: 100%;
}
.message .section1 .form {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 47.3214285714%;
  margin-left: auto;
}
.message .section1 .form-item {
  width: 35.2201257862%;
  margin-bottom: 0.13rem;
}
.message .section1 .form-item.status1 {
  width: 63.5220125786%;
}
.message .section1 .form-item.status2 {
  width: 100%;
}
.message .section1 .form-item.form-btn {
  margin-top: 0.38rem;
  margin-bottom: 0;
}
.message .section1 .form-item.code .code-img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 2.5em;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: 0.1rem;
  border-radius: 4px;
  cursor: pointer;
}
.message .section1 .form-item.active .form-input, .message .section1 .form-item.active .form-textarea {
  box-shadow: 0 0 0 1px #D8261C inset;
  background-color: #F9D7D5;
}
.message .section1 .form-content {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.message .section1 .form-label {
  line-height: 1.25;
  color: #666666;
  margin-bottom: 0.08rem;
  font-family: "almmT2";
}
.message .section1 .form-label.required::after {
  position: relative;
  content: "*";
  color: #FF0000;
}
.message .section1 .form-input {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 2.5;
  border-radius: 4px;
  padding: 0 0.14rem;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  max-width: 100%;
}
.message .section1 .form-input:focus {
  box-shadow: 0 0 0 1px #FC5F10 inset;
}
.message .section1 .form-textarea {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  line-height: 1.25;
  padding: 0.17rem 0.14rem;
  height: 1.4rem;
  resize: none;
  border-radius: 4px;
}
.message .section1 .form-textarea:focus {
  box-shadow: 0 0 0 1px #FC5F10 inset;
}
.message .section1 .form-tip {
  margin-top: 0.14rem;
  border-top: 1px dashed #666666;
  padding-top: 0.12rem;
  line-height: 1.3333333333;
  color: #666666;
  font-family: "almmT2";
}
.message .section1 .form-submit {
  line-height: 2.8125;
  padding: 0 0.68rem;
  background-color: #FC5F10;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  cursor: pointer;
  font-family: "almmT2";
}
.message .section1 .form-submit:hover {
  background-color: #FC874B;
}

.product-detail {
  display: none;
}

@media screen and (max-width: 1500px) {
  .index .section8 .mouse {
    bottom: 0.11rem;
  }
  .index .section5 .li-buy {
    margin-top: 0.4rem;
  }
  .index .section5 .li-text {
    padding-bottom: 0;
  }
  .index .section5 .li-types {
    margin-bottom: 0.2rem;
  }
  .index .section5 .ul {
    width: 33.125%;
    right: 8%;
  }
}
@media screen and (max-width: 1450px) {
  .index .section5 .item-colors {
    bottom: 4%;
  }
  .index .section5 .item-tip {
    bottom: 11%;
  }
  .index .section5 .item-look {
    bottom: 11%;
  }
}
@media screen and (max-width: 1050px) {
  .wow {
    opacity: 1;
  }
  .mhead, header {
    position: sticky;
  }
  .footer .top {
    padding-top: 50px;
  }
  .footer .top .logo {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer .top .logo-img {
    margin-bottom: 20px;
  }
  .footer .top .logo-text {
    text-align: center;
  }
  .footer .top .nav {
    display: none;
  }
  .footer .top .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .footer .top .left, .footer .top .right {
    width: 100%;
  }
  .footer .top .left {
    margin-bottom: 20px;
  }
  .footer .top .info-item {
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer .top .text1, .footer .top .text2, .footer .top .text3 {
    text-align: center;
  }
  .footer .top .text2 {
    display: block;
  }
  .footer .top .codes {
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer .bottom .texts {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .footer .bottom .text {
    width: 100%;
    -webkit-flex: initial;
       -moz-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    text-align: center;
    margin: 5px 0;
  }
  .footer .bottom .text:nth-child(3) {
    text-align: center;
  }
  .index .section3 {
    opacity: 1;
  }
  .index .section4 .item-svg {
    width: auto;
  }
  .index .section4 .list .item:nth-child(1) .item-svg {
    width: 1.99rem;
  }
  .index .section4 .list .item:nth-child(2) .item-svg {
    width: 2.43rem;
  }
  .index .section4 .list .item:nth-child(3) .item-svg {
    width: 2.56rem;
  }
  .index .section4 .list .item:nth-child(4) .item-svg {
    width: 2.55rem;
  }
  .index .section8 .swiper2 .slide-year {
    font-size: 2.4em;
  }
  .index .section8 .num-item:nth-child(1) {
    left: 0.61rem;
    top: 0.55rem;
  }
  .index .section8 .num-item:nth-child(3) {
    right: 0.61rem;
    top: 0.55rem;
  }
  .guide {
    display: none;
  }
  .index .section1 .video-img {
    display: block;
  }
  .index .section1 {
    height: auto;
    -webkit-clip-path: none;
            clip-path: none;
    padding-top: 30px;
    text-align: center;
    margin-top: 0;
  }
  .index .section1 .line path {
    stroke-dasharray: var(--l) var(--l);
  }
  .index .section1 .video {
    margin-top: 30px;
  }
  .index .section1 .title1 {
    position: relative;
    left: auto;
    top: auto;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    white-space: wrap;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    font-size: 30px;
  }
  .index .section1 .title2 {
    position: relative;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    display: inline-block;
    white-space: wrap;
    left: auto;
    top: auto;
    margin: 0 20px;
    line-height: 1.3;
    font-size: 40px;
  }
  .index .section1 .title2-icon {
    width: 16px;
  }
  .index .section1 .img1 {
    position: relative;
  }
  .index .section3 {
    height: auto;
    position: relative;
    display: none;
  }
  .index .section3 .container {
    height: auto;
  }
  .index .section5 {
    height: auto;
  }
  .index .section5 .container {
    height: auto;
    position: relative;
  }
  .index .section5 .title {
    top: 40px;
    color: #fff;
  }
  .index .section5 .list {
    height: auto;
  }
  .index .section5 .item:nth-of-type(even) {
    background-color: #fff;
  }
  .index .section5 .item {
    -webkit-flex: initial;
       -moz-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    width: 400px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    background: -webkit-linear-gradient(top, rgba(253, 95, 15, 0.8) 0%, rgba(224, 224, 224, 0.1) 100%);
    background: -moz-linear-gradient(top, rgba(253, 95, 15, 0.8) 0%, rgba(224, 224, 224, 0.1) 100%);
    background: -o-linear-gradient(top, rgba(253, 95, 15, 0.8) 0%, rgba(224, 224, 224, 0.1) 100%);
    background: linear-gradient(180deg, rgba(253, 95, 15, 0.8) 0%, rgba(224, 224, 224, 0.1) 100%);
  }
  .index .section5 .item-container {
    height: auto;
  }
  .index .section5 .item-look {
    display: none;
  }
  .index .section5 .item-content {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
       -moz-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
    padding-top: 170px;
    border-radius: 0;
    background: none;
  }
  .index .section5 .item-ul {
    position: relative;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    width: 100%;
    left: 0;
    top: 0;
    padding-top: 260px;
  }
  .index .section5 .li {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    width: 100%;
    right: 0;
    padding: 20px 10px 80px;
    z-index: 2;
  }
  .index .section5 .li-title,
  .index .section5 .li-class,
  .index .section5 .li-text,
  .index .section5 .li-buy,
  .index .section5 .item-colors,
  .index .section5 .item-info,
  .index .section5 .item-tip,
  .index .section5 .item-scroll {
    display: none;
  }
  .index .section5 .li-types-tip {
    display: block;
  }
  .index .section5 .li-types {
    opacity: 1;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    width: 100%;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
  }
  .index .section5 .li-type {
    margin: 0 5px 5px;
  }
  .index .section5 .swiper-button {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #FC5F10;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
  }
  .index .section5 .swiper-button::after {
    font-size: 12px;
    font-weight: bold;
    color: #FC5F10;
  }
  .index .section5 .swiper-button:hover {
    background-color: #FC5F10;
  }
  .index .section5 .swiper-button:hover::after {
    color: #fff;
  }
  .index .section6 .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .index .section6 .item {
    height: auto;
  }
  .index .section6 .item, .index .section6 .item.active {
    width: 100%;
  }
  .index .section6 .item + .item {
    margin-top: 20px;
  }
  .index .section6 .item-noactive .item-img {
    margin: 0 auto;
  }
  .index .section4 .line .item path {
    stroke-dasharray: var(--l) var(--l);
  }
  .index .section6 .title-info {
    text-align: center;
    width: 100%;
  }
  .index .section6 .logo {
    display: none;
  }
  .product-detail {
    display: block;
  }
  .product-detail .section5 .title {
    display: none;
  }
  .product-detail .section5 .item {
    width: 100%;
    background: -webkit-linear-gradient(top, #FFF 0%, var(--Color-2, #D9D9D9) 100%);
    background: -moz-linear-gradient(top, #FFF 0%, var(--Color-2, #D9D9D9) 100%);
    background: -o-linear-gradient(top, #FFF 0%, var(--Color-2, #D9D9D9) 100%);
    background: linear-gradient(180deg, #FFF 0%, var(--Color-2, #D9D9D9) 100%);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .product-detail .section5 .item-ul {
    padding-top: 0;
  }
  .product-detail .section5 .li {
    padding-bottom: 0;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 80px;
    position: static;
  }
  .product-detail .section5 .li-title,
  .product-detail .section5 .li-class,
  .product-detail .section5 .li-text,
  .product-detail .section5 .li-buy {
    display: block;
    opacity: 1;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
  .product-detail .section5 .li-text {
    border-bottom: none;
  }
  .product-detail .section5 .li-types-tip,
  .product-detail .section5 .li-types,
  .product-detail .section5 .item-title,
  .product-detail .section5 .item-text,
  .product-detail .section5 .item-class2 {
    display: none;
  }
  .product-detail .section5 .item-colors {
    display: block;
    position: relative;
    left: auto;
    opacity: 1;
    bottom: 0;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    pointer-events: auto;
  }
  .product-detail .section5 .item-colors-item.active {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .product-detail .section5 .item-color-text {
    margin-bottom: 10px;
  }
  .product-detail .section5 .item-container {
    padding-bottom: 74px;
  }
  .product-detail .section5 .item-content {
    padding-top: 30px;
  }
  .product-detail .section5 .li-buy {
    margin-top: 0;
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (max-width: 960px) {
  .padding50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .box {
    width: 90%;
  }
  .my-message {
    display: none;
  }
  .my-banner .img1 {
    display: none;
  }
  .my-banner .img2 {
    display: block;
  }
  .index .section4 {
    min-height: initial;
  }
  .stores .section1 .item {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .stores .section1 .item-content, .stores .section1 .item-img {
    width: 100%;
  }
  .message .section1 .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .message .section1 .img {
    position: static;
    width: 100%;
    margin-bottom: 20px;
  }
  .message .section1 .form {
    width: 100%;
  }
  .message .section1 .form-item.form-btn {
    text-align: center;
  }
}
@media screen and (max-height: 768px) {
  .index .section1 .img1 {
    bottom: -5%;
  }
  .index .section1 .line1 {
    bottom: 7.9473684211%;
  }
  .index .section1 .line2 {
    bottom: 8.8947368421%;
  }
  .index .section1 .line3 {
    bottom: 8.6842105263%;
  }
  .index .section4 .item-img {
    top: 20%;
  }
  .index .section5 .li {
    padding-top: 13vh;
    padding-bottom: 13vh;
  }
  .index .section8 .title {
    margin-top: 0.8rem;
  }
  .index .section8 .swiper2 {
    top: 2rem;
  }
  .index .section8 .swiper1 .swiper-slide {
    width: 8rem;
  }
  .index .section8 .swiper {
    bottom: 50px;
  }
  .index .section8 .bottom {
    -webkit-transform: translate3d(0, 30px, 0);
       -moz-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
  }
}
@media screen and (min-height: 950px) {
  .index .section5 .item-look{
    bottom: 8%;
  }
}
@media screen and (max-width: 768px) {
  .index .section6 .title {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .index .section2 .logo, .index .section2 .item:nth-child(1), .index .section2 .item:nth-child(2), .index .section2 .item:nth-child(3), .index .section2 .item:nth-child(4) {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    opacity: 1;
  }
  .message .section1 .form-item {
    width: 100%;
  }
  .message .section1 .form-item.status1 {
    width: 100%;
  }
  .index .section1 .title1 .video {
    display: none;
  }
  .index .section1 > .video {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 4;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    margin-left: 120px;
    margin-right: 120px;
    margin-top: 10px;
    margin-bottom: -5vw;
  }
  .index .section1 > .video .video-title {
    margin-top: 8px;
  }
  .index .section2 {
    height: auto;
    padding-top: 50px;
  }
  .index .section2 .container {
    height: auto;
  }
  .index .section2 .content {
    position: static;
    top: 0;
    width: 90%;
    margin: 0 auto 30px;
  }
  .index .section2 .item-tip {
    margin-bottom: 20px;
  }
  .index .section2 .video {
    display: none;
  }
  .index .section2 .item > span {
    width: 0%;
  }
  .index .section1 .title2 {
    font-size: 32px;
  }
  .index .section1 .info {
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 9vw;
  }
  .index .section1 .line {
    left: auto;
  }
  .index .section1 .line1 {
    width: 134%;
    bottom: 21vw;
    right: 0;
  }
  .index .section1 .line2 {
    width: 104%;
    bottom: 21vw;
    right: 20vw;
  }
  .index .section1 .line3 {
    width: 129%;
    bottom: 21vw;
    right: 18vw;
  }
  .index .section1 .img1 {
    width: 134%;
    max-width: initial;
    margin-bottom: 8vw;
    margin-top: -7vw;
  }
  .index .section1 .img2 {
    width: 378%;
    max-width: initial;
    left: 49%;
    transform: translate3d(-50%, 0, 0);
  }
  .index .section2 {
    background: url(../images/45.png) no-repeat center bottom/cover;
  }
  .index .section2 #viewport {
    position: relative;
    height: 49.4791666667vw;
  }
  .index .section2 .item:nth-child(2) {
    max-width: 8em;
  }
  .index .section2 .item:nth-child(3) {
    display: none;
  }
  .index .section2 .item:nth-child(4) {
    display: block;
  }
  .index .section7 .item-icon {
    display: none;
  }
  .index .section7 .title {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .index .section7 .title-info {
    text-align: center;
    width: 100%;
  }
  .index .section7 .logo {
    display: none;
  }
  .index .section7 .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
  }
  .index .section7 .right {
    width: 100%;
  }
  .index .section7 .select {
    width: 100%;
    width: 190px;
    position: absolute;
    right: 0;
    top: 58px;
    z-index: 2;
  }
  .index .section7 .select-item {
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .index .section7 .select-item + .select-item {
    margin-top: 0;
  }
  .index .section7 .item-info {
    padding: 15px;
  }
  .index .section7 .item-top {
    margin-bottom: 15px;
  }
  .index .section7 .item {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .index .section7 .item-img {
    width: 180px;
    margin-bottom: 30px;
    margin-right: auto;
  }
  .index .section7 .item-text {
    height: auto;
  }
  .index .section8 .swiper2 {
    top: 280px;
  }
  .index .section8 .title {
    margin-top: 100px;
  }
  .index .section9 {
    background: none;
    height: auto;
  }
  .index .section9 .img1 {
    display: none;
  }
  .index .section9 .img2 {
    display: block;
  }
  .index .section10 .box {
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .index .section10 .img {
    margin: 30px auto 0;
  }
  .index .section10 .info {
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .index .section3 .video, .index .section1 .video-reserve {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 600px) {
  .index .section4 .container {
    padding-bottom: 4.5rem;
  }
  .index .section4 .content {
    width: 90%;
  }
  .index .section4 .list {
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .index .section4 .list .item:nth-child(1) .item-svg {
    width: 59.7px;
  }
  .index .section4 .list .item:nth-child(2) .item-svg {
    width: 72.9px;
  }
  .index .section4 .list .item:nth-child(3) .item-svg {
    width: 76.8px;
  }
  .index .section4 .list .item:nth-child(4) .item-svg {
    width: 76.5px;
  }
}
@media screen and (max-width: 500px) {
  .index .section4 .container {
    padding-bottom: 92vw;
  }
  .index .section4 .content {
    width: 90%;
  }
  .index .section4 .title {
    margin-bottom: 30px;
  }
  .index .section4 .list {
    position: relative;
  }
  .index .section4 .list .item {
    position: static;
  }
  .index .section4 .list .item:nth-child(1) .item-img {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
  .index .section4 .list .item:nth-child(2) .item-img {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
  .index .section4 .list .item:nth-child(3) .item-img {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
  .index .section4 .list .item:nth-child(4) .item-img {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
  .index .section4 .list .item-info {
    margin-top: -0.9em;
    text-shadow: 1px 14px 16.9px rgba(0, 0, 0, 0.25);
  }
  .index .section4 .list .item-img {
    top: 100%;
  }
  .index .section4 .list .item-container {
    width: 90vw;
  }
  .index .section7 .select {
    top: 26px;
  }
  .index .section7 .item-img {
    width: 130px;
  }
}
@-webkit-keyframes mouse-ani {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -0.1rem, 0);
            transform: translate3d(0, -0.1rem, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes mouse-ani {
  0% {
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  50% {
    -moz-transform: translate3d(0, -0.1rem, 0);
         transform: translate3d(0, -0.1rem, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes mouse-ani {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -0.1rem, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes mouse-ani {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -0.1rem, 0);
       -moz-transform: translate3d(0, -0.1rem, 0);
            transform: translate3d(0, -0.1rem, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes index_section6_ani1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes index_section6_ani1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes index_section6_ani1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes index_section6_ani1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes index_section8_ani1 {
  0% {
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
  50% {
    -webkit-transform: translateX(-50%) scale(1.1);
            transform: translateX(-50%) scale(1.1);
  }
  100% {
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
}
@-moz-keyframes index_section8_ani1 {
  0% {
    -moz-transform: translateX(-50%) scale(1);
         transform: translateX(-50%) scale(1);
  }
  50% {
    -moz-transform: translateX(-50%) scale(1.1);
         transform: translateX(-50%) scale(1.1);
  }
  100% {
    -moz-transform: translateX(-50%) scale(1);
         transform: translateX(-50%) scale(1);
  }
}
@-o-keyframes index_section8_ani1 {
  0% {
    -o-transform: translateX(-50%) scale(1);
       transform: translateX(-50%) scale(1);
  }
  50% {
    -o-transform: translateX(-50%) scale(1.1);
       transform: translateX(-50%) scale(1.1);
  }
  100% {
    -o-transform: translateX(-50%) scale(1);
       transform: translateX(-50%) scale(1);
  }
}
@keyframes index_section8_ani1 {
  0% {
    -webkit-transform: translateX(-50%) scale(1);
       -moz-transform: translateX(-50%) scale(1);
         -o-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
  50% {
    -webkit-transform: translateX(-50%) scale(1.1);
       -moz-transform: translateX(-50%) scale(1.1);
         -o-transform: translateX(-50%) scale(1.1);
            transform: translateX(-50%) scale(1.1);
  }
  100% {
    -webkit-transform: translateX(-50%) scale(1);
       -moz-transform: translateX(-50%) scale(1);
         -o-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
}