@import"css2-NotoSansSCwght100..900_swap.css";
@import"css2-Poppinswght100200300400500600_swap.css";
:root {
  --main: rgba(150, 185, 49, 1);
  --white: #ffffff;
  --black: rgba(30, 40, 26, 1);
  --gray: rgba(15, 30, 53, .4);
  --green: rgba(42, 53, 37, 1);
  --orange: #f8c291;
  --ease: cubic-bezier(.25, .74, .22, .99);
  --ease1: cubic-bezier(.39, .575, .565, 1);
  --ease2: cubic-bezier(.4, 0, .2, 1);
  --picEase: cubic-bezier(.76, 0, .24, 1)
}
.wc {
  color: var(--white)
}
.mc {
  color: var(--main)
}
.bc, .gc {
  color: var(--black)
}
.gray {
  color: var(--gray)
}
@font-face {
  font-family: wordMid;
  src: url(../font/EUCLIDCIRCULARA-MEDIUM.TTF) format("truetype");
  font-display: swap
}
@font-face {
  font-family: wordTint;
  src: url(../font/EUCLIDCIRCULARA-LIGHT.TTF) format("truetype");
  font-display: swap
}
@font-face {
  font-family: wordBold;
  src: url(../font/EUCLIDCIRCULARA-BOLD.TTF) format("truetype");
  font-display: swap
}
@font-face {
  font-family: iconfont;
  src: url(../font/font_5063598_8t9ku359yqh.woff2) format("woff2"), url(../font/font_5063598_8t9ku359yqh.woff) format("woff"), url(../font/font_5063598_8t9ku359yqh.ttf) format("truetype")
}
.iconfont {
  font-family: iconfont
}
.wordMid {
  font-family: wordMid
}
.wordTint {
  font-family: wordTint
}
.wordBold {
  font-family: wordBold
}
.poThin {
  font-family: Poppins;
  font-weight: 300
}
.poRegular {
  font-family: Poppins;
  font-weight: 400;
  letter-spacing: -.05em
}
.poMid {
  font-family: Poppins;
  font-weight: 500;
  letter-spacing: -.03em
}
.poBold, .develop .r2 .inner .msgBox .msg .layer-item .list p b {
  font-family: Poppins;
  font-weight: 600;
  letter-spacing: -.04em
}
*, :after, :before {
  color: var(--black);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-family: Noto Sans SC, Microsoft JhengHei, Source Han Sans CN, PingFang SC, "Source Han Serif SC", Microsoft YaHei, sans-serif
}
ol, ul, li {
  list-style-type: none;
  vertical-align: middle
}
img {
  vertical-align: top;
  border: 0
}
input, select, textarea, button {
  vertical-align: middle
}
textarea, input {
  text-indent: 10px
}
input[type=submit], input[type=button], button {
  text-indent: 0;
  text-align: center;
  cursor: pointer
}
label, button, a {
  cursor: pointer
}
ins, em, b, i {
  text-decoration: none;
  font-style: normal
}
select:focus, textarea:focus, input:focus, button {
  outline: none
}
a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.disable-hover {
  pointer-events: none
}
.scroll-animate.animated {
  visibility: hidden
}
.scroll-animate:not(.father) {
  visibility: hidden
}
.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.font-fadeIn font {
  display: inline-block
}
::-webkit-scrollbar {
  width: 5px;
  background-color: #0000001a
}
::-webkit-scrollbar-thumb {
  border: solid 1px transparent;
  width: 3px;
  border-radius: 4px;
  background-color: var(--green)
}
::-webkit-scrollbar-corner {
  background-color: transparent
}
::-webkit-scrollbar:horizontal {
  height: 9px
}
::-webkit-selection {
  background: transparent;
  color: transparent
}
::-moz-selection {
  background: transparent;
  color: transparent
}
::selection {
  background-color: #1c509c;
  color: #fff;
  -webkit-text-fill-color: #fff
}
input::-webkit-input-placeholder, input::-moz-input-placeholder, textarea::-webkit-textarea-placeholder, textarea::-moz-textarea-placeholder {
  color: #999;
  -webkit-transition: color .5s;
  -moz-transition: color .5s;
  transition: color .5s
}
input:focus::-webkit-input-placeholder, input:focus::-moz-input-placeholder, input:hover::-webkit-input-placeholder, input:hover::-moz-input-placeholder, textarea:focus::-webkit-input-placeholder, textarea:focus::-moz-input-placeholder, textarea:hover::-webkit-input-placeholder, textarea:hover::-moz-input-placeholder {
  color: #c2c2c2
}
a {
  color: inherit;
  text-decoration: none
}
a[href] {
  cursor: pointer
}
a:hover {
  text-decoration: none;
  cursor: pointer
}
a:focus {
  background-color: transparent
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
html {
  width: 100%;
  font-size: 5.20833vw;
  scroll-behavior: initial;
  overflow-x: hidden
}
a:focus, input:focus, p:focus, div:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
img[src=""], img:not([src]) {
  opacity: 0
}
b {
  font-size: inherit;
  color: inherit;
  font-family: inherit
}
font {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  text-transform: inherit
}
p {
  color: var(--black)
}
.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}
.fl {
  float: left
}
.fr {
  float: right
}
.fw-100 {
  font-weight: 100
}
.fw-200 {
  font-weight: 200
}
.fw-300 {
  font-weight: 300
}
.fw-400 {
  font-weight: 400
}
.fw-500 {
  font-weight: 500
}
.fw-600 {
  font-weight: 600
}
.fw-700 {
  font-weight: 700
}
.lh-10 {
  line-height: 1
}
.lh-11 {
  line-height: 1.1
}
.lh-12 {
  line-height: 1.2
}
.lh-13 {
  line-height: 1.3
}
.lh-14 {
  line-height: 1.4
}
.lh-15 {
  line-height: 1.5
}
.lh-16 {
  line-height: 1.6
}
.lh-17 {
  line-height: 1.7
}
.lh-18 {
  line-height: 1.8
}
.lh-19 {
  line-height: 1.9
}
.lh-20 {
  line-height: 2
}
.cl:after {
  content: " ";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden
}
.hide {
  display: none
}
.show {
  display: block
}
.text_overflow, .green .r1 .inner .content .group .box .msg .btm > p, .news .r2 .inner .group .list .msg h3 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
[data-ahref] {
  cursor: pointer
}
.f-left {
  text-align: left
}
.f-center {
  text-align: center
}
.f-right {
  text-align: right
}
.up-word {
  text-transform: uppercase
}
.v-show {
  visibility: visible
}
.v-hide {
  visibility: hidden
}
.pr {
  position: relative
}
.pa {
  position: absolute
}
.back-cover {
  background-size: cover
}
.back-contain {
  background-size: contain
}
.wid-10 {
  width: 10%
}
.wid-15 {
  width: 15%
}
.wid-20 {
  width: 20%
}
.wid-25 {
  width: 25%
}
.wid-30 {
  width: 30%
}
.wid-35 {
  width: 35%
}
.wid-40 {
  width: 40%
}
.wid-45 {
  width: 45%
}
.wid-50 {
  width: 50%
}
.wid-55 {
  width: 55%
}
.wid-60 {
  width: 60%
}
.wid-65 {
  width: 65%
}
.wid-70 {
  width: 70%
}
.wid-75 {
  width: 75%
}
.wid-80 {
  width: 80%
}
.wid-85 {
  width: 85%
}
.wid-90 {
  width: 90%
}
.wid-95 {
  width: 95%
}
.wid-100 {
  width: 100%
}
.op-0 {
  opacity: 0
}
.op-1 {
  opacity: .1
}
.op-2 {
  opacity: .2
}
.op-3 {
  opacity: .3
}
.op-4 {
  opacity: .4
}
.op-5 {
  opacity: .5
}
.op-6 {
  opacity: .6
}
.op-7 {
  opacity: .7
}
.op-8 {
  opacity: .8
}
.op-9 {
  opacity: .9
}
.op-10 {
  opacity: 1
}
.layout-v-middle, #app header .appNav .logoBox > img.deep, #app header .pcNav .logoBox > img.deep, .layout-middle, .develop .r3 .inner .other .dot:after, .about .r4 .inner .other .items .r4SwChild .swiper-slide .list .dot:after, .about .r4 .inner .other .items .r4Sw .swiper-slide .list .dot:after, .about .r4 .inner .other .mask, .about .r4 .inner .other .c3, .about .r4 .inner .other .c2 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}
.layout-h-middle, .about .r5 .inner .group .swiper, .layer-mouse .mouse .line {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto
}
.layout-middle, .develop .r3 .inner .other .dot:after, .about .r4 .inner .other .items .r4SwChild .swiper-slide .list .dot:after, .about .r4 .inner .other .items .r4Sw .swiper-slide .list .dot:after, .about .r4 .inner .other .mask, .about .r4 .inner .other .c3, .about .r4 .inner .other .c2 {
  left: 0;
  right: 0
}
.pa-v {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.pa-h, .layer-ts {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%)
}
.pa-mid {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.pic {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}
.fxc, .develop .r5 .inner .layer-form .btm, .develop .r5 .inner .layer-form .inRow .manEl .clearRow, .develop .r5 .inner .layer-form .inRow .personEl .clearRow, .develop .r5 .inner .top .items, .develop .r3 .bg .sliderPic .photo, .business .treeRow .inner .tab .layer-icon, .business .treeRow .inner .tab, .green .r1 .inner > .btm .items > li, .news .r3 .inner .btm .items > li, .news .r2 .inner .btm .items > li, .news .r1 .inner .btm .items > li, .joinPop .inner .btm .items > li, .joinPop .inner .swiper .swiper-pagination .swiper-pagination-bullet, .joinPop .inner .swiper .swiper-pagination, .join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .layer-img .layer-player, .home .r5 .inner .group .items .list .num, #app header .appNav .right .layer-search, #app header .appNav .right, #app header .appNav .set .languageIcon, #app header .appNav .set > a, #app header .pcNav .right .languageIcon, #app header .pcNav .right > a, .layer-mouse, .layer-toast, .layer-check, .layer-popStyle .inner, .layer-media .inner, .layer-pop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.fxb, #app header .appNav .set, #app header .appNav, #app header .pcNav .right, #app header .pcNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.fxs, .develop .r1 .inner .msg .above .letter, .develop .r1 .inner .msg .after .letter, .join .r1 .inner .top .msg .above .letter, .join .r1 .inner .top .msg .after .letter, .about .r4 .inner .group .box .list, .home .r5 .inner .part .msg .above .letter, .home .r5 .inner .part .msg .after .letter, .home .r1 .inner .group .col .msg .above .letter, .home .r1 .inner .group .col .msg .after .letter, #app footer .inner .btm .col, .layer-icon, .layer-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.row-mid-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.row-mid-b, .join .r2 .inner .group .set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.row-mid-s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.row-mid-e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.row-top-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.row-top-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.row-top-s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.row-top-e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.row-btm-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.row-btm-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.row-btm-s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.row-btm-e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.col-mid-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.col-mid-c, .develop .r5 .inner .layer-form .inRow .inCol .maBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.col-mid-s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.col-mid-e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.col-left-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.col-left-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.col-left-s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.col-left-e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.col-right-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.col-right-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.col-right-s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.col-right-e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.maxSize {
  width: 82%;
  max-width: 83.33333vw;
  margin: auto
}
.full, .develop .r4 .stickyContent .inner .part .pic, .develop .r4 .stickyContent .inner .part, .develop .r3 .inner .other, .develop .r3 .bg .sliderPic .photo .mask, .develop .r2 .inner .msgBox .msg > .mask, .business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide .msg, .business .treeRow .inner .tab:after, .casePop .inner .btm .box .mask, .casePop .inner .mid, .greenDetail .caseRow .inner .btm .box .mask, .greenDetail .caseRow .inner .mid, .green .r1 .inner .tree .child .closeLeft .out, .green .r1 .inner .tree .child .closeLeft .open, .news .r1 .inner .group .box .photo:before, .join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .layer-img .layer-player, .about .r4 .inner .other .items, .about .r4 .inner .other .c1, .about .r4 .inner .group .box, .home .r6 .inner .group .tabCon .swiper .swiper-slide .photo:before, .home .r5 .inner .group, .home .r5 .inner .part .mask, .home .r5 .inner .part, .home .r3 .bg .map .txt .step, .home .r3 .bg .map .txt, .home .r2 .inner .group .set, .home .r2 .inner .group .mid .circle .dotItem, .home .r1 .bg .pic, .home .banner .bg .sliderPic .photo .pic video, .loading .other, .row > .bg, .layer-loadMk, .layer-form .loadMk, .layer-above .layer-photo .pic, .layer-msgMask:before, .layer-btmMask:before, .layer-mask:before, .layer-pop .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.f-200 {
  font-size: 2rem
}
.f-180 {
  font-size: 1.8rem
}
.f-160 {
  font-size: 1.6rem
}
.f-120 {
  font-size: 1.2rem
}
.f-110 {
  font-size: 1.1rem
}
.f-100 {
  font-size: 1rem
}
.f-90 {
  font-size: .9rem
}
.f-80 {
  font-size: .8rem
}
.f-70 {
  font-size: .7rem
}
.f-64 {
  font-size: .64rem
}
.f-60 {
  font-size: .6rem
}
.f-56 {
  font-size: .56rem
}
.f-54 {
  font-size: .54rem
}
.f-50 {
  font-size: .5rem
}
.f-48 {
  font-size: .48rem
}
.f-46 {
  font-size: .46rem
}
.f-44 {
  font-size: .44rem
}
.f-42 {
  font-size: .42rem
}
.f-40 {
  font-size: .4rem
}
.f-38 {
  font-size: .38rem
}
.f-36 {
  font-size: .36rem
}
.f-34 {
  font-size: .34rem
}
.f-32 {
  font-size: .32rem
}
.f-30 {
  font-size: .3rem
}
.f-28 {
  font-size: .28rem
}
.f-26 {
  font-size: .26rem
}
.f-24 {
  font-size: .24rem
}
.f-22 {
  font-size: .22rem
}
.f-20 {
  font-size: .2rem
}
.f-18 {
  font-size: .18rem
}
.f-16, .layer-toast > span {
  font-size: .16rem
}
.f-14 {
  font-size: .14rem
}
.f-12 {
  font-size: .12rem
}
.mb-100 {
  margin-bottom: 1rem
}
.mb-90 {
  margin-bottom: .9rem
}
.mb-80 {
  margin-bottom: .8rem
}
.mb-70 {
  margin-bottom: .7rem
}
.mb-60 {
  margin-bottom: .6rem
}
.mb-50 {
  margin-bottom: .5rem
}
.mb-40 {
  margin-bottom: .4rem
}
.mb-30 {
  margin-bottom: .3rem
}
.mb-20 {
  margin-bottom: .2rem
}
.mb-10 {
  margin-bottom: .1rem
}
.mr-100 {
  margin-right: 1rem
}
.mr-90 {
  margin-right: .9rem
}
.mr-80 {
  margin-right: .8rem
}
.mr-70 {
  margin-right: .7rem
}
.mr-60 {
  margin-right: .6rem
}
.mr-50 {
  margin-right: .5rem
}
.mr-40 {
  margin-right: .4rem
}
.mr-30 {
  margin-right: .3rem
}
.mr-20 {
  margin-right: .2rem
}
.mr-10 {
  margin-right: .1rem
}
.ml-100 {
  margin-left: 1rem
}
.ml-90 {
  margin-left: .9rem
}
.ml-80 {
  margin-left: .8rem
}
.ml-70 {
  margin-left: .7rem
}
.ml-60 {
  margin-left: .6rem
}
.ml-50 {
  margin-left: .5rem
}
.ml-40 {
  margin-left: .4rem
}
.ml-30 {
  margin-left: .3rem
}
.ml-20 {
  margin-left: .2rem
}
.ml-10 {
  margin-left: .1rem
}
.mt-100 {
  margin-top: 1rem
}
.mt-90 {
  margin-top: .9rem
}
.mt-80 {
  margin-top: .8rem
}
.mt-70 {
  margin-top: .7rem
}
.mt-60 {
  margin-top: .6rem
}
.mt-50 {
  margin-top: .5rem
}
.mt-40 {
  margin-top: .4rem
}
.mt-30 {
  margin-top: .3rem
}
.mt-20 {
  margin-top: .2rem
}
.mt-10 {
  margin-top: .1rem
}
.alanUpEl {
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0)
}
.alanUpEl:nth-child(1) {
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition-delay: .03s;
  transition-delay: .03s
}
.alanUpEl:nth-child(2) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .06s;
  transition-delay: .06s
}
.alanUpEl:nth-child(3) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .09s;
  transition-delay: .09s
}
.alanUpEl:nth-child(4) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}
.alanUpEl:nth-child(5) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.alanUpEl:nth-child(6) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}
.alanUpEl:nth-child(7) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: .21s;
  transition-delay: .21s
}
.alanUpEl:nth-child(8) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}
.alanUpEl:nth-child(9) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .27s;
  transition-delay: .27s
}
.alanUpEl:nth-child(10) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.alanUpEl:nth-child(11) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: .33s;
  transition-delay: .33s
}
.alanUpEl:nth-child(12) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .36s;
  transition-delay: .36s
}
.alanUpEl:nth-child(13) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: .39s;
  transition-delay: .39s
}
.alanUpEl:nth-child(14) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: .42s;
  transition-delay: .42s
}
.alanUpEl:nth-child(15) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.alanUpEl:nth-child(16) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: .48s;
  transition-delay: .48s
}
.alanUpEl:nth-child(17) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: .51s;
  transition-delay: .51s
}
.alanUpEl:nth-child(18) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .54s;
  transition-delay: .54s
}
.alanUpEl:nth-child(19) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: .57s;
  transition-delay: .57s
}
.alanUpEl:nth-child(20) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.alanUpEl.go {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.alanDownEl {
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.alanDownEl:nth-child(1) {
  -webkit-transform: translate3d(0, -30%, 0);
  transform: translate3d(0, -30%, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.alanDownEl:nth-child(2) {
  -webkit-transform: translate3d(0, -40%, 0);
  transform: translate3d(0, -40%, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.alanDownEl:nth-child(3) {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.alanDownEl:nth-child(4) {
  -webkit-transform: translate3d(0, -60%, 0);
  transform: translate3d(0, -60%, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.alanDownEl:nth-child(5) {
  -webkit-transform: translate3d(0, -70%, 0);
  transform: translate3d(0, -70%, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.alanDownEl:nth-child(6) {
  -webkit-transform: translate3d(0, -80%, 0);
  transform: translate3d(0, -80%, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.alanDownEl:nth-child(7) {
  -webkit-transform: translate3d(0, -90%, 0);
  transform: translate3d(0, -90%, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.alanDownEl:nth-child(8) {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.alanDownEl:nth-child(9) {
  -webkit-transform: translate3d(0, -110%, 0);
  transform: translate3d(0, -110%, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.alanDownEl:nth-child(10) {
  -webkit-transform: translate3d(0, -120%, 0);
  transform: translate3d(0, -120%, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.alanDownEl:nth-child(11) {
  -webkit-transform: translate3d(0, -130%, 0);
  transform: translate3d(0, -130%, 0);
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s
}
.alanDownEl:nth-child(12) {
  -webkit-transform: translate3d(0, -140%, 0);
  transform: translate3d(0, -140%, 0);
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
.alanDownEl:nth-child(13) {
  -webkit-transform: translate3d(0, -150%, 0);
  transform: translate3d(0, -150%, 0);
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s
}
.alanDownEl:nth-child(14) {
  -webkit-transform: translate3d(0, -160%, 0);
  transform: translate3d(0, -160%, 0);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s
}
.alanDownEl:nth-child(15) {
  -webkit-transform: translate3d(0, -170%, 0);
  transform: translate3d(0, -170%, 0);
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.alanDownEl:nth-child(16) {
  -webkit-transform: translate3d(0, -180%, 0);
  transform: translate3d(0, -180%, 0);
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s
}
.alanDownEl:nth-child(17) {
  -webkit-transform: translate3d(0, -190%, 0);
  transform: translate3d(0, -190%, 0);
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s
}
.alanDownEl:nth-child(18) {
  -webkit-transform: translate3d(0, -200%, 0);
  transform: translate3d(0, -200%, 0);
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s
}
.alanDownEl:nth-child(19) {
  -webkit-transform: translate3d(0, -210%, 0);
  transform: translate3d(0, -210%, 0);
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s
}
.alanDownEl:nth-child(20) {
  -webkit-transform: translate3d(0, -220%, 0);
  transform: translate3d(0, -220%, 0);
  -webkit-transition-delay: 2s;
  transition-delay: 2s
}
.alanDownEl.go {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.alanParent .alanUp {
  -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), border-color .6s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), border-color .6s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), border-color .6s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), border-color .6s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.alanParent .alanUp:nth-child(1) {
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition-delay: .03s;
  transition-delay: .03s
}
.alanParent .alanUp:nth-child(2) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .06s;
  transition-delay: .06s
}
.alanParent .alanUp:nth-child(3) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .09s;
  transition-delay: .09s
}
.alanParent .alanUp:nth-child(4) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}
.alanParent .alanUp:nth-child(5) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.alanParent .alanUp:nth-child(6) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}
.alanParent .alanUp:nth-child(7) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: .21s;
  transition-delay: .21s
}
.alanParent .alanUp:nth-child(8) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}
.alanParent .alanUp:nth-child(9) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .27s;
  transition-delay: .27s
}
.alanParent .alanUp:nth-child(10) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.alanParent .alanUp:nth-child(11) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: .33s;
  transition-delay: .33s
}
.alanParent .alanUp:nth-child(12) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .36s;
  transition-delay: .36s
}
.alanParent .alanUp:nth-child(13) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: .39s;
  transition-delay: .39s
}
.alanParent .alanUp:nth-child(14) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: .42s;
  transition-delay: .42s
}
.alanParent .alanUp:nth-child(15) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.alanParent .alanUp:nth-child(16) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: .48s;
  transition-delay: .48s
}
.alanParent .alanUp:nth-child(17) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: .51s;
  transition-delay: .51s
}
.alanParent .alanUp:nth-child(18) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .54s;
  transition-delay: .54s
}
.alanParent .alanUp:nth-child(19) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: .57s;
  transition-delay: .57s
}
.alanParent .alanUp:nth-child(20) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.alanParent .alanLeft {
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.alanParent .alanLeft:nth-child(1) {
  -webkit-transform: translate3d(.3rem, 0, 0);
  transform: translate3d(.3rem, 0, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.alanParent .alanLeft:nth-child(2) {
  -webkit-transform: translate3d(.4rem, 0, 0);
  transform: translate3d(.4rem, 0, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.alanParent .alanLeft:nth-child(3) {
  -webkit-transform: translate3d(.5rem, 0, 0);
  transform: translate3d(.5rem, 0, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.alanParent .alanLeft:nth-child(4) {
  -webkit-transform: translate3d(.6rem, 0, 0);
  transform: translate3d(.6rem, 0, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.alanParent .alanLeft:nth-child(5) {
  -webkit-transform: translate3d(.7rem, 0, 0);
  transform: translate3d(.7rem, 0, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.alanParent .alanLeft:nth-child(6) {
  -webkit-transform: translate3d(.8rem, 0, 0);
  transform: translate3d(.8rem, 0, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.alanParent .alanLeft:nth-child(7) {
  -webkit-transform: translate3d(.9rem, 0, 0);
  transform: translate3d(.9rem, 0, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.alanParent .alanLeft:nth-child(8) {
  -webkit-transform: translate3d(1rem, 0, 0);
  transform: translate3d(1rem, 0, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.alanParent .alanLeft:nth-child(9) {
  -webkit-transform: translate3d(1.1rem, 0, 0);
  transform: translate3d(1.1rem, 0, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.alanParent .alanLeft:nth-child(10) {
  -webkit-transform: translate3d(1.2rem, 0, 0);
  transform: translate3d(1.2rem, 0, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.alanParent .alanLeft:nth-child(11) {
  -webkit-transform: translate3d(1.3rem, 0, 0);
  transform: translate3d(1.3rem, 0, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.alanParent .alanLeft:nth-child(12) {
  -webkit-transform: translate3d(1.4rem, 0, 0);
  transform: translate3d(1.4rem, 0, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.alanParent .alanLeft:nth-child(13) {
  -webkit-transform: translate3d(1.5rem, 0, 0);
  transform: translate3d(1.5rem, 0, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.alanParent .alanLeft:nth-child(14) {
  -webkit-transform: translate3d(1.6rem, 0, 0);
  transform: translate3d(1.6rem, 0, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.alanParent .alanLeft:nth-child(15) {
  -webkit-transform: translate3d(1.7rem, 0, 0);
  transform: translate3d(1.7rem, 0, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.alanParent .alanLeft:nth-child(16) {
  -webkit-transform: translate3d(1.8rem, 0, 0);
  transform: translate3d(1.8rem, 0, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.alanParent .alanLeft:nth-child(17) {
  -webkit-transform: translate3d(1.9rem, 0, 0);
  transform: translate3d(1.9rem, 0, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.alanParent .alanLeft:nth-child(18) {
  -webkit-transform: translate3d(2rem, 0, 0);
  transform: translate3d(2rem, 0, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.alanParent .alanLeft:nth-child(19) {
  -webkit-transform: translate3d(2.1rem, 0, 0);
  transform: translate3d(2.1rem, 0, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.alanParent .alanLeft:nth-child(20) {
  -webkit-transform: translate3d(2.2rem, 0, 0);
  transform: translate3d(2.2rem, 0, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.alanParent .alanRight {
  -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.5s var(--ease);
  transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.5s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), -webkit-transform 1.5s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.alanParent .alanRight:nth-child(1) {
  -webkit-transform: translate3d(-.3rem, 0, 0);
  transform: translate3d(-.3rem, 0, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.alanParent .alanRight:nth-child(2) {
  -webkit-transform: translate3d(-.4rem, 0, 0);
  transform: translate3d(-.4rem, 0, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.alanParent .alanRight:nth-child(3) {
  -webkit-transform: translate3d(-.5rem, 0, 0);
  transform: translate3d(-.5rem, 0, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.alanParent .alanRight:nth-child(4) {
  -webkit-transform: translate3d(-.6rem, 0, 0);
  transform: translate3d(-.6rem, 0, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.alanParent .alanRight:nth-child(5) {
  -webkit-transform: translate3d(-.7rem, 0, 0);
  transform: translate3d(-.7rem, 0, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.alanParent .alanRight:nth-child(6) {
  -webkit-transform: translate3d(-.8rem, 0, 0);
  transform: translate3d(-.8rem, 0, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.alanParent .alanRight:nth-child(7) {
  -webkit-transform: translate3d(-.9rem, 0, 0);
  transform: translate3d(-.9rem, 0, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.alanParent .alanRight:nth-child(8) {
  -webkit-transform: translate3d(-1rem, 0, 0);
  transform: translate3d(-1rem, 0, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.alanParent .alanRight:nth-child(9) {
  -webkit-transform: translate3d(-1.1rem, 0, 0);
  transform: translate3d(-1.1rem, 0, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.alanParent .alanRight:nth-child(10) {
  -webkit-transform: translate3d(-1.2rem, 0, 0);
  transform: translate3d(-1.2rem, 0, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.alanParent .alanRight:nth-child(11) {
  -webkit-transform: translate3d(-1.3rem, 0, 0);
  transform: translate3d(-1.3rem, 0, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.alanParent .alanRight:nth-child(12) {
  -webkit-transform: translate3d(-1.4rem, 0, 0);
  transform: translate3d(-1.4rem, 0, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.alanParent .alanRight:nth-child(13) {
  -webkit-transform: translate3d(-1.5rem, 0, 0);
  transform: translate3d(-1.5rem, 0, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.alanParent .alanRight:nth-child(14) {
  -webkit-transform: translate3d(-1.6rem, 0, 0);
  transform: translate3d(-1.6rem, 0, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.alanParent .alanRight:nth-child(15) {
  -webkit-transform: translate3d(-1.7rem, 0, 0);
  transform: translate3d(-1.7rem, 0, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.alanParent .alanRight:nth-child(16) {
  -webkit-transform: translate3d(-1.8rem, 0, 0);
  transform: translate3d(-1.8rem, 0, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.alanParent .alanRight:nth-child(17) {
  -webkit-transform: translate3d(-1.9rem, 0, 0);
  transform: translate3d(-1.9rem, 0, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.alanParent .alanRight:nth-child(18) {
  -webkit-transform: translate3d(-2rem, 0, 0);
  transform: translate3d(-2rem, 0, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.alanParent .alanRight:nth-child(19) {
  -webkit-transform: translate3d(-2.1rem, 0, 0);
  transform: translate3d(-2.1rem, 0, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.alanParent .alanRight:nth-child(20) {
  -webkit-transform: translate3d(-2.2rem, 0, 0);
  transform: translate3d(-2.2rem, 0, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.alanParent.active .alanUp, .alanParent.active .alanLeft, .alanParent.active .alanRight, .alanParent.go .alanUp, .alanParent.go .alanLeft, .alanParent.go .alanRight {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
[data-text].alanGo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: .9 !important;
  opacity: 0;
  -webkit-transition: opacity .5s var(--ease);
  transition: opacity .5s var(--ease)
}
[data-text].alanGo .letter {
  display: block;
  -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0)
}
[data-text].alanGo .letter:nth-child(1) {
  -webkit-transition-delay: .03s;
  transition-delay: .03s
}
[data-text].alanGo .letter:nth-child(2) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s
}
[data-text].alanGo .letter:nth-child(3) {
  -webkit-transition-delay: .09s;
  transition-delay: .09s
}
[data-text].alanGo .letter:nth-child(4) {
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}
[data-text].alanGo .letter:nth-child(5) {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
[data-text].alanGo .letter:nth-child(6) {
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}
[data-text].alanGo .letter:nth-child(7) {
  -webkit-transition-delay: .21s;
  transition-delay: .21s
}
[data-text].alanGo .letter:nth-child(8) {
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}
[data-text].alanGo .letter:nth-child(9) {
  -webkit-transition-delay: .27s;
  transition-delay: .27s
}
[data-text].alanGo .letter:nth-child(10) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
[data-text].alanGo .letter:nth-child(11) {
  -webkit-transition-delay: .33s;
  transition-delay: .33s
}
[data-text].alanGo .letter:nth-child(12) {
  -webkit-transition-delay: .36s;
  transition-delay: .36s
}
[data-text].alanGo .letter:nth-child(13) {
  -webkit-transition-delay: .39s;
  transition-delay: .39s
}
[data-text].alanGo .letter:nth-child(14) {
  -webkit-transition-delay: .42s;
  transition-delay: .42s
}
[data-text].alanGo .letter:nth-child(15) {
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
[data-text].alanGo .letter:nth-child(16) {
  -webkit-transition-delay: .48s;
  transition-delay: .48s
}
[data-text].alanGo .letter:nth-child(17) {
  -webkit-transition-delay: .51s;
  transition-delay: .51s
}
[data-text].alanGo .letter:nth-child(18) {
  -webkit-transition-delay: .54s;
  transition-delay: .54s
}
[data-text].alanGo .letter:nth-child(19) {
  -webkit-transition-delay: .57s;
  transition-delay: .57s
}
[data-text].alanGo .letter:nth-child(20) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
[data-text].alanGo .letter:nth-child(21) {
  -webkit-transition-delay: .63s;
  transition-delay: .63s
}
[data-text].alanGo .letter:nth-child(22) {
  -webkit-transition-delay: .66s;
  transition-delay: .66s
}
[data-text].alanGo .letter:nth-child(23) {
  -webkit-transition-delay: .69s;
  transition-delay: .69s
}
[data-text].alanGo .letter:nth-child(24) {
  -webkit-transition-delay: .72s;
  transition-delay: .72s
}
[data-text].alanGo .letter:nth-child(25) {
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
[data-text].alanGo .letter:nth-child(26) {
  -webkit-transition-delay: .78s;
  transition-delay: .78s
}
[data-text].alanGo .letter:nth-child(27) {
  -webkit-transition-delay: .81s;
  transition-delay: .81s
}
[data-text].alanGo .letter:nth-child(28) {
  -webkit-transition-delay: .84s;
  transition-delay: .84s
}
[data-text].alanGo .letter:nth-child(29) {
  -webkit-transition-delay: .87s;
  transition-delay: .87s
}
[data-text].alanGo .letter:nth-child(30) {
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
[data-text].alanGo .letter:nth-child(31) {
  -webkit-transition-delay: .93s;
  transition-delay: .93s
}
[data-text].alanGo .letter:nth-child(32) {
  -webkit-transition-delay: .96s;
  transition-delay: .96s
}
[data-text].alanGo .letter:nth-child(33) {
  -webkit-transition-delay: .99s;
  transition-delay: .99s
}
[data-text].alanGo .letter:nth-child(34) {
  -webkit-transition-delay: 1.02s;
  transition-delay: 1.02s
}
[data-text].alanGo .letter:nth-child(35) {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s
}
[data-text].alanGo .letter:nth-child(36) {
  -webkit-transition-delay: 1.08s;
  transition-delay: 1.08s
}
[data-text].alanGo .letter:nth-child(37) {
  -webkit-transition-delay: 1.11s;
  transition-delay: 1.11s
}
[data-text].alanGo .letter:nth-child(38) {
  -webkit-transition-delay: 1.14s;
  transition-delay: 1.14s
}
[data-text].alanGo .letter:nth-child(39) {
  -webkit-transition-delay: 1.17s;
  transition-delay: 1.17s
}
[data-text].alanGo .letter:nth-child(40) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
[data-text].alanGo .letter:nth-child(41) {
  -webkit-transition-delay: 1.23s;
  transition-delay: 1.23s
}
[data-text].alanGo .letter:nth-child(42) {
  -webkit-transition-delay: 1.26s;
  transition-delay: 1.26s
}
[data-text].alanGo .letter:nth-child(43) {
  -webkit-transition-delay: 1.29s;
  transition-delay: 1.29s
}
[data-text].alanGo .letter:nth-child(44) {
  -webkit-transition-delay: 1.32s;
  transition-delay: 1.32s
}
[data-text].alanGo .letter:nth-child(45) {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s
}
[data-text].alanGo .letter:nth-child(46) {
  -webkit-transition-delay: 1.38s;
  transition-delay: 1.38s
}
[data-text].alanGo .letter:nth-child(47) {
  -webkit-transition-delay: 1.41s;
  transition-delay: 1.41s
}
[data-text].alanGo .letter:nth-child(48) {
  -webkit-transition-delay: 1.44s;
  transition-delay: 1.44s
}
[data-text].alanGo .letter:nth-child(49) {
  -webkit-transition-delay: 1.47s;
  transition-delay: 1.47s
}
[data-text].alanGo .letter:nth-child(50) {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
[data-text].alanGo.go {
  opacity: 1
}
[data-text].alanGo.go .letter {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.layer-move {
  -webkit-transition: opacity var(--time) var(--ease), color .5s var(--ease), -webkit-transform var(--time) var(--ease);
  transition: opacity var(--time) var(--ease), color .5s var(--ease), -webkit-transform var(--time) var(--ease);
  transition: opacity var(--time) var(--ease), transform var(--time) var(--ease), color .5s var(--ease);
  transition: opacity var(--time) var(--ease), transform var(--time) var(--ease), color .5s var(--ease), -webkit-transform var(--time) var(--ease)
}
.layer-item .list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 5px 0 5px .3rem
}
.layer-item .list .dot {
  width: .1rem;
  height: .1rem;
  border-radius: 50%;
  position: absolute;
  top: calc(.7em + 1px);
  left: 0
}
.layer-item .list .dot.wc {
  background-color: #fff
}
.layer-item .list .dot.mc {
  background-color: var(--main)
}
.layer-item .list > .iconfont {
  position: absolute;
  left: 0;
  top: calc(.6em + 1px)
}
.layer-item .list p {
  line-height: 1.3
}
.layer-btn {
  border-radius: 2rem;
  position: relative;
  padding: 0 .3rem;
  background-color: var(--green);
  cursor: pointer;
  width: 1.7rem;
  height: .58rem;
  overflow: hidden;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0)
}
.layer-btn > .mask {
  position: absolute;
  width: 100%;
  border-radius: 2rem;
  height: 102%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-102%);
  -ms-transform: translateX(-102%);
  transform: translate(-102%);
  -webkit-transition: -webkit-transform .8s var(--ease);
  transition: -webkit-transform .8s var(--ease);
  transition: transform .8s var(--ease);
  transition: transform .8s var(--ease), -webkit-transform .8s var(--ease);
  z-index: 1;
  background-color: var(--main);
  display: block
}
.layer-btn.light {
  background-color: var(--main)
}
.layer-btn.light > .mask {
  background-color: var(--green)
}
.layer-btn.light .arrow {
  background-color: var(--green)
}
.layer-btn.null {
  background-color: transparent;
  border: 1px solid rgb(150, 185, 49)
}
.layer-btn.null > .mask {
  background-color: var(--green)
}
.layer-btn .fxc, .layer-btn .develop .r5 .inner .layer-form .btm, .develop .r5 .inner .layer-form .layer-btn .btm, .layer-btn .develop .r5 .inner .layer-form .inRow .manEl .clearRow, .develop .r5 .inner .layer-form .inRow .manEl .layer-btn .clearRow, .layer-btn .develop .r5 .inner .layer-form .inRow .personEl .clearRow, .develop .r5 .inner .layer-form .inRow .personEl .layer-btn .clearRow, .layer-btn .develop .r5 .inner .top .items, .develop .r5 .inner .top .layer-btn .items, .layer-btn .develop .r3 .bg .sliderPic .photo, .develop .r3 .bg .sliderPic .layer-btn .photo, .layer-btn .business .treeRow .inner .tab .layer-icon, .business .treeRow .inner .tab .layer-btn .layer-icon, .layer-btn .business .treeRow .inner .tab, .business .treeRow .inner .layer-btn .tab, .layer-btn .green .r1 .inner > .btm .items > li, .green .r1 .inner > .btm .layer-btn .items > li, .layer-btn .news .r3 .inner .btm .items > li, .news .r3 .inner .btm .layer-btn .items > li, .layer-btn .news .r2 .inner .btm .items > li, .news .r2 .inner .btm .layer-btn .items > li, .layer-btn .news .r1 .inner .btm .items > li, .news .r1 .inner .btm .layer-btn .items > li, .layer-btn .joinPop .inner .btm .items > li, .joinPop .inner .btm .layer-btn .items > li, .layer-btn .joinPop .inner .swiper .swiper-pagination .swiper-pagination-bullet, .joinPop .inner .swiper .swiper-pagination .layer-btn .swiper-pagination-bullet, .layer-btn .joinPop .inner .swiper .swiper-pagination, .joinPop .inner .swiper .layer-btn .swiper-pagination, .layer-btn .join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .layer-img .layer-player, .join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .layer-img .layer-btn .layer-player, .layer-btn .home .r5 .inner .group .items .list .num, .home .r5 .inner .group .items .list .layer-btn .num, .layer-btn #app header .appNav .right .layer-search, #app header .appNav .right .layer-btn .layer-search, .layer-btn #app header .appNav .right, #app header .appNav .layer-btn .right, .layer-btn #app header .appNav .set .languageIcon, #app header .appNav .set .layer-btn .languageIcon, .layer-btn #app header .appNav .set > a, #app header .appNav .layer-btn .set > a, .layer-btn #app header .pcNav .right .languageIcon, #app header .pcNav .right .layer-btn .languageIcon, .layer-btn #app header .pcNav .right > a, #app header .pcNav .layer-btn .right > a, .layer-btn .layer-mouse, .layer-btn .layer-toast, .layer-btn .layer-check, .layer-btn .layer-popStyle .inner, .layer-popStyle .layer-btn .inner, .layer-btn .layer-media .inner, .layer-media .layer-btn .inner, .layer-btn .layer-pop {
  width: 100%;
  height: 100%
}
.layer-btn .txt {
  position: relative;
  z-index: 6;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.layer-btn .arrow {
  width: .22rem;
  height: .22rem;
  border-radius: 50%;
  background-color: var(--main);
  position: relative;
  z-index: 6;
  -webkit-transition: -webkit-transform .5s var(--ease);
  transition: -webkit-transform .5s var(--ease);
  transition: transform .5s var(--ease);
  transition: transform .5s var(--ease), -webkit-transform .5s var(--ease)
}
.layer-btn .iconfont {
  position: relative;
  z-index: 6;
  -webkit-transition: color .5s var(--ease), -webkit-transform .6s var(--ease);
  transition: color .5s var(--ease), -webkit-transform .6s var(--ease);
  transition: color .5s var(--ease), transform .6s var(--ease);
  transition: color .5s var(--ease), transform .6s var(--ease), -webkit-transform .6s var(--ease)
}
@media screen and (orientation: landscape) {
  .layer-btn:hover {
    background-color: var(--main)
  }
  .layer-btn:hover.light {
    background-color: var(--green)
  }
  .layer-btn:hover > .mask {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translate(0) !important
  }
  .layer-btn:hover .txt {
    color: #fff
  }
  .layer-btn:hover .arrow {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .layer-btn:hover .iconfont {
    -webkit-transform: translateX(.05rem);
    -ms-transform: translateX(.05rem);
    transform: translate(.05rem);
    color: #fff
  }
  .layer-btn:hover.null {
    background-color: transparent;
    border-color: transparent
  }
  .layer-btn:hover.null .iconfont {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    color: #fff
  }
}
.layer-cir {
  border-radius: 50%;
  position: relative;
  background-color: var(--white);
  cursor: pointer;
  width: .6rem;
  height: .6rem;
  overflow: hidden;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0);
  -webkit-transition: background-color .8s var(--ease);
  transition: background-color .8s var(--ease)
}
.layer-cir > .mask {
  position: absolute;
  width: 100%;
  border-radius: 50%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform .8s var(--ease);
  transition: -webkit-transform .8s var(--ease);
  transition: transform .8s var(--ease);
  transition: transform .8s var(--ease), -webkit-transform .8s var(--ease);
  z-index: 1;
  background-color: var(--main);
  display: block
}
.layer-cir .fxc, .layer-cir .develop .r5 .inner .layer-form .btm, .develop .r5 .inner .layer-form .layer-cir .btm, .layer-cir .develop .r5 .inner .layer-form .inRow .manEl .clearRow, .develop .r5 .inner .layer-form .inRow .manEl .layer-cir .clearRow, .layer-cir .develop .r5 .inner .layer-form .inRow .personEl .clearRow, .develop .r5 .inner .layer-form .inRow .personEl .layer-cir .clearRow, .layer-cir .develop .r5 .inner .top .items, .develop .r5 .inner .top .layer-cir .items, .layer-cir .develop .r3 .bg .sliderPic .photo, .develop .r3 .bg .sliderPic .layer-cir .photo, .layer-cir .business .treeRow .inner .tab .layer-icon, .business .treeRow .inner .tab .layer-cir .layer-icon, .layer-cir .business .treeRow .inner .tab, .business .treeRow .inner .layer-cir .tab, .layer-cir .green .r1 .inner > .btm .items > li, .green .r1 .inner > .btm .layer-cir .items > li, .layer-cir .news .r3 .inner .btm .items > li, .news .r3 .inner .btm .layer-cir .items > li, .layer-cir .news .r2 .inner .btm .items > li, .news .r2 .inner .btm .layer-cir .items > li, .layer-cir .news .r1 .inner .btm .items > li, .news .r1 .inner .btm .layer-cir .items > li, .layer-cir .joinPop .inner .btm .items > li, .joinPop .inner .btm .layer-cir .items > li, .layer-cir .joinPop .inner .swiper .swiper-pagination .swiper-pagination-bullet, .joinPop .inner .swiper .swiper-pagination .layer-cir .swiper-pagination-bullet, .layer-cir .joinPop .inner .swiper .swiper-pagination, .joinPop .inner .swiper .layer-cir .swiper-pagination, .layer-cir .join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .layer-img .layer-player, .join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .layer-img .layer-cir .layer-player, .layer-cir .home .r5 .inner .group .items .list .num, .home .r5 .inner .group .items .list .layer-cir .num, .layer-cir #app header .appNav .right .layer-search, #app header .appNav .right .layer-cir .layer-search, .layer-cir #app header .appNav .right, #app header .appNav .layer-cir .right, .layer-cir #app header .appNav .set .languageIcon, #app header .appNav .set .layer-cir .languageIcon, .layer-cir #app header .appNav .set > a, #app header .appNav .layer-cir .set > a, .layer-cir #app header .pcNav .right .languageIcon, #app header .pcNav .right .layer-cir .languageIcon, .layer-cir #app header .pcNav .right > a, #app header .pcNav .layer-cir .right > a, .layer-cir .layer-mouse, .layer-cir .layer-toast, .layer-cir .layer-check, .layer-cir .layer-popStyle .inner, .layer-popStyle .layer-cir .inner, .layer-cir .layer-media .inner, .layer-media .layer-cir .inner, .layer-cir .layer-pop {
  width: 100%;
  height: 100%
}
.layer-cir .iconfont {
  position: relative;
  z-index: 6;
  -webkit-transition: color .5s var(--ease), -webkit-transform .6s var(--ease);
  transition: color .5s var(--ease), -webkit-transform .6s var(--ease);
  transition: color .5s var(--ease), transform .6s var(--ease);
  transition: color .5s var(--ease), transform .6s var(--ease), -webkit-transform .6s var(--ease)
}
.layer-cir.deep {
  background-color: var(--main)
}
.layer-cir.roll {
  background-color: transparent;
  border: 1px solid rgba(42, 53, 37, .2)
}
.layer-cir.small {
  width: .3rem;
  height: .3rem
}
@media screen and (orientation: landscape) {
  .layer-cir:hover {
    background-color: var(--main)
  }
  .layer-cir:hover > .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .layer-cir:hover .iconfont {
    color: #fff
  }
}
.layer-pop {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  opacity: 0;
  pointer-events: none
}
.layer-pop .mask {
  background-color: #000c
}
.layer-pop .popCon {
  width: 68vw;
  position: relative;
  z-index: 10;
  opacity: 0;
  -webkit-transform: translateY(15%);
  -ms-transform: translateY(15%);
  transform: translateY(15%);
  background-color: #fff;
  border-radius: .2rem;
  padding: .7rem;
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.2s var(--ease)
}
.layer-pop .popCon .layer-closePop {
  color: #fff;
  -webkit-transition: -webkit-transform .3s var(--ease);
  transition: -webkit-transform .3s var(--ease);
  transition: transform .3s var(--ease);
  transition: transform .3s var(--ease), -webkit-transform .3s var(--ease);
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  border: 1px solid rgba(42, 53, 37, .1)
}
@media screen and (orientation: landscape) {
  .layer-pop .popCon .layer-closePop:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}
.layer-pop.on {
  opacity: 1;
  pointer-events: painted
}
.layer-pop.on .popCon {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.layer-media {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  opacity: 0;
  pointer-events: none
}
.layer-media .inner {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;
  -webkit-clip-path: inset(calc(100% - var(--go) * 100%) 0 0 0 round 0);
  clip-path: inset(calc(100% - var(--go) * 100%) 0 0 0 round 0)
}
.layer-media .inner video {
  width: calc(100% - 2rem);
  height: calc(100% - 1.2rem);
  object-fit: cover
}
.layer-media .inner .layer-closePop {
  position: absolute;
  top: .25rem;
  right: .25rem;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .5);
  -webkit-transition: -webkit-transform .5s var(--ease);
  transition: -webkit-transform .5s var(--ease);
  transition: transform .5s var(--ease);
  transition: transform .5s var(--ease), -webkit-transform .5s var(--ease)
}
@media screen and (orientation: landscape) {
  .layer-media .inner .layer-closePop:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}
.layer-media.on {
  opacity: 1;
  pointer-events: painted
}
.layer-popStyle {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  opacity: 0;
  pointer-events: none
}
.layer-popStyle .inner {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;
  -webkit-clip-path: inset(calc(100% - var(--go) * 100%) 0 0 0 round 0);
  clip-path: inset(calc(100% - var(--go) * 100%) 0 0 0 round 0)
}
.layer-popStyle .inner .img {
  max-width: calc(100% - 2rem);
  max-height: calc(100% - 1.2rem);
  object-fit: contain
}
.layer-popStyle .inner .layer-closePop {
  position: absolute;
  top: .25rem;
  right: .25rem;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .5);
  -webkit-transition: -webkit-transform .5s var(--ease);
  transition: -webkit-transform .5s var(--ease);
  transition: transform .5s var(--ease);
  transition: transform .5s var(--ease), -webkit-transform .5s var(--ease)
}
@media screen and (orientation: landscape) {
  .layer-popStyle .inner .layer-closePop:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}
.layer-popStyle.on {
  opacity: 1;
  pointer-events: painted
}
.layer-share {
  position: relative
}
.layer-share .layer-icon {
  border-radius: 50%;
  width: .4rem;
  height: .4rem;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color .5s var(--ease);
  transition: background-color .5s var(--ease)
}
.layer-share .layer-icon .iconfont {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.layer-share .maBox {
  position: absolute;
  width: calc(100% + 1.2rem);
  left: -.6rem;
  bottom: 100%;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition: opacity 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}
.layer-share .maBox .arrow {
  width: 100%;
  height: .15rem;
  display: block;
  position: relative
}
.layer-share .maBox .arrow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: #fff transparent transparent transparent;
  border-width: 8px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-style: solid
}
.layer-share .maBox > img {
  width: 100%;
  display: block;
  border: 5px solid #fff;
  border-radius: .1rem;
  background-color: var(--green);
  box-shadow: 0 -2px 8px -1px #0000001f
}
.layer-share.on .layer-icon {
  background-color: var(--green)
}
.layer-share.on .layer-icon .iconfont {
  color: var(--main)
}
.layer-share.on .maBox {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0);
  pointer-events: auto
}
@media screen and (orientation: landscape) {
  .layer-share:hover .layer-icon {
    background-color: var(--main)
  }
  .layer-share:hover .layer-icon .iconfont {
    color: var(--white)
  }
  .layer-share:hover .maBox {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
}
.layer-ts {
  display: block;
  height: 100%;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat
}
.layer-ts > svg {
  min-height: 100%;
  min-width: 100%;
  display: block
}
.layer-ts > svg .path {
  fill: transparent
}
.layer-ts canvas {
  opacity: 0;
  -webkit-transition: opacity .3s var(--ease);
  transition: opacity .3s var(--ease)
}
.layer-ts.active canvas {
  opacity: 1
}
.letter {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  min-width: .2em
}
.over-3 {
  display: -webkit-box;
  line-height: 1.3;
  -webkit-line-clamp: 3;
  height: 3.9em;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.txt-color {
  background: -webkit-linear-gradient(300deg, rgb(230, 23, 33) 45%, rgb(255, 255, 255) 100%);
  background: linear-gradient(150deg, rgb(230, 23, 33) 45%, rgb(255, 255, 255) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent
}
.layer-sub {
  line-height: 1.1
}
.layer-sub sub {
  vertical-align: baseline
}
.layer-sup {
  line-height: 1.1
}
.layer-sup sup {
  vertical-align: top
}
.layer-mask {
  position: relative
}
.layer-mask:before {
  content: "";
  z-index: 0;
  background-color: rgba(0, 0, 0, var(--op))
}
.layer-btmMask {
  position: relative
}
.layer-btmMask:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .7) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .7) 100%)
}
.layer-msgMask {
  position: relative
}
.layer-msgMask:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .7) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .7) 100%)
}
.layer-topic [data-text] .letter {
  display: block;
  -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.layer-topic [data-text] .letter:nth-child(1) {
  -webkit-transform: translate3d(.2rem, 0, 0);
  transform: translate3d(.2rem, 0, 0);
  -webkit-transition-delay: .03s;
  transition-delay: .03s
}
.layer-topic [data-text] .letter:nth-child(2) {
  -webkit-transform: translate3d(.3rem, 0, 0);
  transform: translate3d(.3rem, 0, 0);
  -webkit-transition-delay: .06s;
  transition-delay: .06s
}
.layer-topic [data-text] .letter:nth-child(3) {
  -webkit-transform: translate3d(.4rem, 0, 0);
  transform: translate3d(.4rem, 0, 0);
  -webkit-transition-delay: .09s;
  transition-delay: .09s
}
.layer-topic [data-text] .letter:nth-child(4) {
  -webkit-transform: translate3d(.5rem, 0, 0);
  transform: translate3d(.5rem, 0, 0);
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}
.layer-topic [data-text] .letter:nth-child(5) {
  -webkit-transform: translate3d(.6rem, 0, 0);
  transform: translate3d(.6rem, 0, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.layer-topic [data-text] .letter:nth-child(6) {
  -webkit-transform: translate3d(.7rem, 0, 0);
  transform: translate3d(.7rem, 0, 0);
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}
.layer-topic [data-text] .letter:nth-child(7) {
  -webkit-transform: translate3d(.8rem, 0, 0);
  transform: translate3d(.8rem, 0, 0);
  -webkit-transition-delay: .21s;
  transition-delay: .21s
}
.layer-topic [data-text] .letter:nth-child(8) {
  -webkit-transform: translate3d(.9rem, 0, 0);
  transform: translate3d(.9rem, 0, 0);
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}
.layer-topic [data-text] .letter:nth-child(9) {
  -webkit-transform: translate3d(1rem, 0, 0);
  transform: translate3d(1rem, 0, 0);
  -webkit-transition-delay: .27s;
  transition-delay: .27s
}
.layer-topic [data-text] .letter:nth-child(10) {
  -webkit-transform: translate3d(1.1rem, 0, 0);
  transform: translate3d(1.1rem, 0, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.layer-topic [data-text] .letter:nth-child(11) {
  -webkit-transform: translate3d(1.2rem, 0, 0);
  transform: translate3d(1.2rem, 0, 0);
  -webkit-transition-delay: .33s;
  transition-delay: .33s
}
.layer-topic [data-text] .letter:nth-child(12) {
  -webkit-transform: translate3d(1.3rem, 0, 0);
  transform: translate3d(1.3rem, 0, 0);
  -webkit-transition-delay: .36s;
  transition-delay: .36s
}
.layer-topic [data-text] .letter:nth-child(13) {
  -webkit-transform: translate3d(1.4rem, 0, 0);
  transform: translate3d(1.4rem, 0, 0);
  -webkit-transition-delay: .39s;
  transition-delay: .39s
}
.layer-topic [data-text] .letter:nth-child(14) {
  -webkit-transform: translate3d(1.5rem, 0, 0);
  transform: translate3d(1.5rem, 0, 0);
  -webkit-transition-delay: .42s;
  transition-delay: .42s
}
.layer-topic [data-text] .letter:nth-child(15) {
  -webkit-transform: translate3d(1.6rem, 0, 0);
  transform: translate3d(1.6rem, 0, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.layer-topic [data-text] .letter:nth-child(16) {
  -webkit-transform: translate3d(1.7rem, 0, 0);
  transform: translate3d(1.7rem, 0, 0);
  -webkit-transition-delay: .48s;
  transition-delay: .48s
}
.layer-topic [data-text] .letter:nth-child(17) {
  -webkit-transform: translate3d(1.8rem, 0, 0);
  transform: translate3d(1.8rem, 0, 0);
  -webkit-transition-delay: .51s;
  transition-delay: .51s
}
.layer-topic [data-text] .letter:nth-child(18) {
  -webkit-transform: translate3d(1.9rem, 0, 0);
  transform: translate3d(1.9rem, 0, 0);
  -webkit-transition-delay: .54s;
  transition-delay: .54s
}
.layer-topic [data-text] .letter:nth-child(19) {
  -webkit-transform: translate3d(2rem, 0, 0);
  transform: translate3d(2rem, 0, 0);
  -webkit-transition-delay: .57s;
  transition-delay: .57s
}
.layer-topic [data-text] .letter:nth-child(20) {
  -webkit-transform: translate3d(2.1rem, 0, 0);
  transform: translate3d(2.1rem, 0, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.layer-topic [data-text] .letter:nth-child(21) {
  -webkit-transform: translate3d(2.2rem, 0, 0);
  transform: translate3d(2.2rem, 0, 0);
  -webkit-transition-delay: .63s;
  transition-delay: .63s
}
.layer-topic [data-text] .letter:nth-child(22) {
  -webkit-transform: translate3d(2.3rem, 0, 0);
  transform: translate3d(2.3rem, 0, 0);
  -webkit-transition-delay: .66s;
  transition-delay: .66s
}
.layer-topic [data-text] .letter:nth-child(23) {
  -webkit-transform: translate3d(2.4rem, 0, 0);
  transform: translate3d(2.4rem, 0, 0);
  -webkit-transition-delay: .69s;
  transition-delay: .69s
}
.layer-topic [data-text] .letter:nth-child(24) {
  -webkit-transform: translate3d(2.5rem, 0, 0);
  transform: translate3d(2.5rem, 0, 0);
  -webkit-transition-delay: .72s;
  transition-delay: .72s
}
.layer-topic [data-text] .letter:nth-child(25) {
  -webkit-transform: translate3d(2.6rem, 0, 0);
  transform: translate3d(2.6rem, 0, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.layer-topic [data-text] .letter:nth-child(26) {
  -webkit-transform: translate3d(2.7rem, 0, 0);
  transform: translate3d(2.7rem, 0, 0);
  -webkit-transition-delay: .78s;
  transition-delay: .78s
}
.layer-topic [data-text] .letter:nth-child(27) {
  -webkit-transform: translate3d(2.8rem, 0, 0);
  transform: translate3d(2.8rem, 0, 0);
  -webkit-transition-delay: .81s;
  transition-delay: .81s
}
.layer-topic [data-text] .letter:nth-child(28) {
  -webkit-transform: translate3d(2.9rem, 0, 0);
  transform: translate3d(2.9rem, 0, 0);
  -webkit-transition-delay: .84s;
  transition-delay: .84s
}
.layer-topic [data-text] .letter:nth-child(29) {
  -webkit-transform: translate3d(3rem, 0, 0);
  transform: translate3d(3rem, 0, 0);
  -webkit-transition-delay: .87s;
  transition-delay: .87s
}
.layer-topic [data-text] .letter:nth-child(30) {
  -webkit-transform: translate3d(3.1rem, 0, 0);
  transform: translate3d(3.1rem, 0, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.layer-topic [data-text] .letter:nth-child(31) {
  -webkit-transform: translate3d(3.2rem, 0, 0);
  transform: translate3d(3.2rem, 0, 0);
  -webkit-transition-delay: .93s;
  transition-delay: .93s
}
.layer-topic [data-text] .letter:nth-child(32) {
  -webkit-transform: translate3d(3.3rem, 0, 0);
  transform: translate3d(3.3rem, 0, 0);
  -webkit-transition-delay: .96s;
  transition-delay: .96s
}
.layer-topic [data-text] .letter:nth-child(33) {
  -webkit-transform: translate3d(3.4rem, 0, 0);
  transform: translate3d(3.4rem, 0, 0);
  -webkit-transition-delay: .99s;
  transition-delay: .99s
}
.layer-topic [data-text] .letter:nth-child(34) {
  -webkit-transform: translate3d(3.5rem, 0, 0);
  transform: translate3d(3.5rem, 0, 0);
  -webkit-transition-delay: 1.02s;
  transition-delay: 1.02s
}
.layer-topic [data-text] .letter:nth-child(35) {
  -webkit-transform: translate3d(3.6rem, 0, 0);
  transform: translate3d(3.6rem, 0, 0);
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s
}
.layer-topic [data-text] .letter:nth-child(36) {
  -webkit-transform: translate3d(3.7rem, 0, 0);
  transform: translate3d(3.7rem, 0, 0);
  -webkit-transition-delay: 1.08s;
  transition-delay: 1.08s
}
.layer-topic [data-text] .letter:nth-child(37) {
  -webkit-transform: translate3d(3.8rem, 0, 0);
  transform: translate3d(3.8rem, 0, 0);
  -webkit-transition-delay: 1.11s;
  transition-delay: 1.11s
}
.layer-topic [data-text] .letter:nth-child(38) {
  -webkit-transform: translate3d(3.9rem, 0, 0);
  transform: translate3d(3.9rem, 0, 0);
  -webkit-transition-delay: 1.14s;
  transition-delay: 1.14s
}
.layer-topic [data-text] .letter:nth-child(39) {
  -webkit-transform: translate3d(4rem, 0, 0);
  transform: translate3d(4rem, 0, 0);
  -webkit-transition-delay: 1.17s;
  transition-delay: 1.17s
}
.layer-topic [data-text] .letter:nth-child(40) {
  -webkit-transform: translate3d(4.1rem, 0, 0);
  transform: translate3d(4.1rem, 0, 0);
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
.layer-topic [data-text] .letter:nth-child(41) {
  -webkit-transform: translate3d(4.2rem, 0, 0);
  transform: translate3d(4.2rem, 0, 0);
  -webkit-transition-delay: 1.23s;
  transition-delay: 1.23s
}
.layer-topic [data-text] .letter:nth-child(42) {
  -webkit-transform: translate3d(4.3rem, 0, 0);
  transform: translate3d(4.3rem, 0, 0);
  -webkit-transition-delay: 1.26s;
  transition-delay: 1.26s
}
.layer-topic [data-text] .letter:nth-child(43) {
  -webkit-transform: translate3d(4.4rem, 0, 0);
  transform: translate3d(4.4rem, 0, 0);
  -webkit-transition-delay: 1.29s;
  transition-delay: 1.29s
}
.layer-topic [data-text] .letter:nth-child(44) {
  -webkit-transform: translate3d(4.5rem, 0, 0);
  transform: translate3d(4.5rem, 0, 0);
  -webkit-transition-delay: 1.32s;
  transition-delay: 1.32s
}
.layer-topic [data-text] .letter:nth-child(45) {
  -webkit-transform: translate3d(4.6rem, 0, 0);
  transform: translate3d(4.6rem, 0, 0);
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s
}
.layer-topic [data-text] .letter:nth-child(46) {
  -webkit-transform: translate3d(4.7rem, 0, 0);
  transform: translate3d(4.7rem, 0, 0);
  -webkit-transition-delay: 1.38s;
  transition-delay: 1.38s
}
.layer-topic [data-text] .letter:nth-child(47) {
  -webkit-transform: translate3d(4.8rem, 0, 0);
  transform: translate3d(4.8rem, 0, 0);
  -webkit-transition-delay: 1.41s;
  transition-delay: 1.41s
}
.layer-topic [data-text] .letter:nth-child(48) {
  -webkit-transform: translate3d(4.9rem, 0, 0);
  transform: translate3d(4.9rem, 0, 0);
  -webkit-transition-delay: 1.44s;
  transition-delay: 1.44s
}
.layer-topic [data-text] .letter:nth-child(49) {
  -webkit-transform: translate3d(5rem, 0, 0);
  transform: translate3d(5rem, 0, 0);
  -webkit-transition-delay: 1.47s;
  transition-delay: 1.47s
}
.layer-topic [data-text] .letter:nth-child(50) {
  -webkit-transform: translate3d(5.1rem, 0, 0);
  transform: translate3d(5.1rem, 0, 0);
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.layer-topic [data-split] .letter {
  margin-right: .3em
}
.layer-topic.go [data-text] .letter {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.layer-title [data-text] .letter {
  display: block;
  -webkit-transition: opacity 1.5s var(--ease), color .3s var(--ease), -webkit-transform 1.5s var(--ease);
  transition: opacity 1.5s var(--ease), color .3s var(--ease), -webkit-transform 1.5s var(--ease);
  transition: opacity 1.5s var(--ease), transform 1.5s var(--ease), color .3s var(--ease);
  transition: opacity 1.5s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), -webkit-transform 1.5s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.layer-title [data-text] .letter:nth-child(1) {
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition-delay: .03s;
  transition-delay: .03s
}
.layer-title [data-text] .letter:nth-child(2) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .06s;
  transition-delay: .06s
}
.layer-title [data-text] .letter:nth-child(3) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .09s;
  transition-delay: .09s
}
.layer-title [data-text] .letter:nth-child(4) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}
.layer-title [data-text] .letter:nth-child(5) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.layer-title [data-text] .letter:nth-child(6) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}
.layer-title [data-text] .letter:nth-child(7) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: .21s;
  transition-delay: .21s
}
.layer-title [data-text] .letter:nth-child(8) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}
.layer-title [data-text] .letter:nth-child(9) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .27s;
  transition-delay: .27s
}
.layer-title [data-text] .letter:nth-child(10) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.layer-title [data-text] .letter:nth-child(11) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: .33s;
  transition-delay: .33s
}
.layer-title [data-text] .letter:nth-child(12) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .36s;
  transition-delay: .36s
}
.layer-title [data-text] .letter:nth-child(13) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: .39s;
  transition-delay: .39s
}
.layer-title [data-text] .letter:nth-child(14) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: .42s;
  transition-delay: .42s
}
.layer-title [data-text] .letter:nth-child(15) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.layer-title [data-text] .letter:nth-child(16) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: .48s;
  transition-delay: .48s
}
.layer-title [data-text] .letter:nth-child(17) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: .51s;
  transition-delay: .51s
}
.layer-title [data-text] .letter:nth-child(18) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .54s;
  transition-delay: .54s
}
.layer-title [data-text] .letter:nth-child(19) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: .57s;
  transition-delay: .57s
}
.layer-title [data-text] .letter:nth-child(20) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.layer-title [data-text] .letter:nth-child(21) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: .63s;
  transition-delay: .63s
}
.layer-title [data-text] .letter:nth-child(22) {
  -webkit-transform: translate3d(0, 2.3rem, 0);
  transform: translate3d(0, 2.3rem, 0);
  -webkit-transition-delay: .66s;
  transition-delay: .66s
}
.layer-title [data-text] .letter:nth-child(23) {
  -webkit-transform: translate3d(0, 2.4rem, 0);
  transform: translate3d(0, 2.4rem, 0);
  -webkit-transition-delay: .69s;
  transition-delay: .69s
}
.layer-title [data-text] .letter:nth-child(24) {
  -webkit-transform: translate3d(0, 2.5rem, 0);
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transition-delay: .72s;
  transition-delay: .72s
}
.layer-title [data-text] .letter:nth-child(25) {
  -webkit-transform: translate3d(0, 2.6rem, 0);
  transform: translate3d(0, 2.6rem, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.layer-title [data-text] .letter:nth-child(26) {
  -webkit-transform: translate3d(0, 2.7rem, 0);
  transform: translate3d(0, 2.7rem, 0);
  -webkit-transition-delay: .78s;
  transition-delay: .78s
}
.layer-title [data-text] .letter:nth-child(27) {
  -webkit-transform: translate3d(0, 2.8rem, 0);
  transform: translate3d(0, 2.8rem, 0);
  -webkit-transition-delay: .81s;
  transition-delay: .81s
}
.layer-title [data-text] .letter:nth-child(28) {
  -webkit-transform: translate3d(0, 2.9rem, 0);
  transform: translate3d(0, 2.9rem, 0);
  -webkit-transition-delay: .84s;
  transition-delay: .84s
}
.layer-title [data-text] .letter:nth-child(29) {
  -webkit-transform: translate3d(0, 3rem, 0);
  transform: translate3d(0, 3rem, 0);
  -webkit-transition-delay: .87s;
  transition-delay: .87s
}
.layer-title [data-text] .letter:nth-child(30) {
  -webkit-transform: translate3d(0, 3.1rem, 0);
  transform: translate3d(0, 3.1rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.layer-title [data-text] .letter:nth-child(31) {
  -webkit-transform: translate3d(0, 3.2rem, 0);
  transform: translate3d(0, 3.2rem, 0);
  -webkit-transition-delay: .93s;
  transition-delay: .93s
}
.layer-title [data-text] .letter:nth-child(32) {
  -webkit-transform: translate3d(0, 3.3rem, 0);
  transform: translate3d(0, 3.3rem, 0);
  -webkit-transition-delay: .96s;
  transition-delay: .96s
}
.layer-title [data-text] .letter:nth-child(33) {
  -webkit-transform: translate3d(0, 3.4rem, 0);
  transform: translate3d(0, 3.4rem, 0);
  -webkit-transition-delay: .99s;
  transition-delay: .99s
}
.layer-title [data-text] .letter:nth-child(34) {
  -webkit-transform: translate3d(0, 3.5rem, 0);
  transform: translate3d(0, 3.5rem, 0);
  -webkit-transition-delay: 1.02s;
  transition-delay: 1.02s
}
.layer-title [data-text] .letter:nth-child(35) {
  -webkit-transform: translate3d(0, 3.6rem, 0);
  transform: translate3d(0, 3.6rem, 0);
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s
}
.layer-title [data-text] .letter:nth-child(36) {
  -webkit-transform: translate3d(0, 3.7rem, 0);
  transform: translate3d(0, 3.7rem, 0);
  -webkit-transition-delay: 1.08s;
  transition-delay: 1.08s
}
.layer-title [data-text] .letter:nth-child(37) {
  -webkit-transform: translate3d(0, 3.8rem, 0);
  transform: translate3d(0, 3.8rem, 0);
  -webkit-transition-delay: 1.11s;
  transition-delay: 1.11s
}
.layer-title [data-text] .letter:nth-child(38) {
  -webkit-transform: translate3d(0, 3.9rem, 0);
  transform: translate3d(0, 3.9rem, 0);
  -webkit-transition-delay: 1.14s;
  transition-delay: 1.14s
}
.layer-title [data-text] .letter:nth-child(39) {
  -webkit-transform: translate3d(0, 4rem, 0);
  transform: translate3d(0, 4rem, 0);
  -webkit-transition-delay: 1.17s;
  transition-delay: 1.17s
}
.layer-title [data-text] .letter:nth-child(40) {
  -webkit-transform: translate3d(0, 4.1rem, 0);
  transform: translate3d(0, 4.1rem, 0);
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
.layer-title [data-text] .letter:nth-child(41) {
  -webkit-transform: translate3d(0, 4.2rem, 0);
  transform: translate3d(0, 4.2rem, 0);
  -webkit-transition-delay: 1.23s;
  transition-delay: 1.23s
}
.layer-title [data-text] .letter:nth-child(42) {
  -webkit-transform: translate3d(0, 4.3rem, 0);
  transform: translate3d(0, 4.3rem, 0);
  -webkit-transition-delay: 1.26s;
  transition-delay: 1.26s
}
.layer-title [data-text] .letter:nth-child(43) {
  -webkit-transform: translate3d(0, 4.4rem, 0);
  transform: translate3d(0, 4.4rem, 0);
  -webkit-transition-delay: 1.29s;
  transition-delay: 1.29s
}
.layer-title [data-text] .letter:nth-child(44) {
  -webkit-transform: translate3d(0, 4.5rem, 0);
  transform: translate3d(0, 4.5rem, 0);
  -webkit-transition-delay: 1.32s;
  transition-delay: 1.32s
}
.layer-title [data-text] .letter:nth-child(45) {
  -webkit-transform: translate3d(0, 4.6rem, 0);
  transform: translate3d(0, 4.6rem, 0);
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s
}
.layer-title [data-text] .letter:nth-child(46) {
  -webkit-transform: translate3d(0, 4.7rem, 0);
  transform: translate3d(0, 4.7rem, 0);
  -webkit-transition-delay: 1.38s;
  transition-delay: 1.38s
}
.layer-title [data-text] .letter:nth-child(47) {
  -webkit-transform: translate3d(0, 4.8rem, 0);
  transform: translate3d(0, 4.8rem, 0);
  -webkit-transition-delay: 1.41s;
  transition-delay: 1.41s
}
.layer-title [data-text] .letter:nth-child(48) {
  -webkit-transform: translate3d(0, 4.9rem, 0);
  transform: translate3d(0, 4.9rem, 0);
  -webkit-transition-delay: 1.44s;
  transition-delay: 1.44s
}
.layer-title [data-text] .letter:nth-child(49) {
  -webkit-transform: translate3d(0, 5rem, 0);
  transform: translate3d(0, 5rem, 0);
  -webkit-transition-delay: 1.47s;
  transition-delay: 1.47s
}
.layer-title [data-text] .letter:nth-child(50) {
  -webkit-transform: translate3d(0, 5.1rem, 0);
  transform: translate3d(0, 5.1rem, 0);
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.layer-title.go [data-text] .letter {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.layer-img {
  border-radius: .1rem;
  overflow: hidden
}
.layer-img > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0;
  position: relative;
  z-index: 5;
  -webkit-transition: opacity 1s var(--ease), -webkit-clip-path 1.5s var(--picEase), -webkit-transform 1.5s var(--picEase);
  transition: opacity 1s var(--ease), -webkit-clip-path 1.5s var(--picEase), -webkit-transform 1.5s var(--picEase);
  transition: clip-path 1.5s var(--picEase), transform 1.5s var(--picEase), opacity 1s var(--ease);
  transition: clip-path 1.5s var(--picEase), transform 1.5s var(--picEase), opacity 1s var(--ease), -webkit-clip-path 1.5s var(--picEase), -webkit-transform 1.5s var(--picEase)
}
.layer-img > img:not(.noClip) {
  -webkit-clip-path: inset(15% 15% 15% 15% round 0);
  clip-path: inset(15% 15% 15% 15% round 0)
}
.layer-img > .pic {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0;
  position: relative;
  z-index: 5;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: opacity 1s var(--ease), -webkit-clip-path 1.5s var(--picEase), -webkit-transform 1.5s var(--picEase);
  transition: opacity 1s var(--ease), -webkit-clip-path 1.5s var(--picEase), -webkit-transform 1.5s var(--picEase);
  transition: clip-path 1.5s var(--picEase), transform 1.5s var(--picEase), opacity 1s var(--ease);
  transition: clip-path 1.5s var(--picEase), transform 1.5s var(--picEase), opacity 1s var(--ease), -webkit-clip-path 1.5s var(--picEase), -webkit-transform 1.5s var(--picEase)
}
.layer-img.go > img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1
}
.layer-img.go > img:not(.noClip) {
  -webkit-clip-path: inset(0 0 0 0 round 0);
  clip-path: inset(0 0 0 0 round 0)
}
.layer-img.go > .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1
}
.layer-photo {
  overflow: hidden;
  border-radius: .3rem
}
.layer-photo .pic {
  display: block;
  width: 100%;
  border-radius: .3rem;
  padding-bottom: calc(var(--size) * 100%);
  -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
  transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color .6s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.5s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}
.layer-photo.go .pic {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.layer-box {
  display: grid;
  grid-template-columns: 1fr 1fr
}
.layer-box .photo .pic {
  width: 100%;
  padding-bottom: 50%;
  display: block
}
.layer-above {
  position: relative
}
.layer-above .layer-photo {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: calc(var(--size) * 100%)
}
.layer-above .msg {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: .5rem
}
.layer-form {
  position: relative
}
.layer-form .inRow:last-of-type {
  margin-bottom: 0
}
.layer-form .inRow .inCol.wid-100 {
  width: 100%
}
.layer-form .inRow .inCol h3 sup {
  vertical-align: baseline
}
.layer-form .inRow .inCol .inTxt {
  border-radius: .15rem;
  border: 1px solid rgba(23, 49, 98, .1);
  background-color: #fff;
  height: .72rem;
  width: 100%;
  padding: 0 .2rem;
  text-indent: 0;
  display: block;
  -webkit-transition: border-color .5s var(--ease);
  transition: border-color .5s var(--ease)
}
.layer-form .inRow .inCol .inTxt::-webkit-input-placeholder {
  color: #17316233
}
.layer-form .inRow .inCol .inTxt::-moz-placeholder {
  color: #17316233
}
.layer-form .inRow .inCol .inTxt:-ms-input-placeholder {
  color: #17316233
}
.layer-form .inRow .inCol .inTxt::placeholder {
  color: #17316233
}
.layer-form .inRow .inCol .inArea {
  border-radius: .15rem;
  border: 1px solid rgba(23, 49, 98, .2);
  background-color: #fff;
  width: 100%;
  padding: .2rem;
  text-indent: 0;
  display: block;
  -webkit-transition: border-color .5s var(--ease);
  transition: border-color .5s var(--ease)
}
.layer-form .inRow .inCol .inArea::-webkit-input-placeholder {
  color: #17316233
}
.layer-form .inRow .inCol .inArea::-moz-placeholder {
  color: #17316233
}
.layer-form .inRow .inCol .inArea:-ms-input-placeholder {
  color: #17316233
}
.layer-form .inRow .inCol .inArea::placeholder {
  color: #17316233
}
.layer-form .inRow .inCol.error .inTxt, .layer-form .inRow .inCol.error .inArea {
  border-color: red
}
.layer-form .loadMk {
  z-index: 50;
  background-color: #fffc;
  border-radius: .18rem;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s var(--ease);
  transition: opacity .3s var(--ease)
}
.layer-form .loadMk .loader {
  width: 1rem
}
.layer-form .loadMk.active {
  opacity: 1
}
.layer-loadMk {
  z-index: 50;
  background-color: #fffc;
  border-radius: .18rem;
  overflow: hidden;
  position: fixed;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s var(--ease);
  transition: opacity .3s var(--ease)
}
.layer-loadMk .loader {
  width: 1rem
}
.layer-loadMk.active {
  opacity: 1
}
.layer-check {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: .1rem 0
}
.layer-check:first-of-type {
  padding-top: 0
}
.layer-check label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  cursor: pointer;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}
.layer-check .input__box {
  display: inline-block;
  margin-right: .25rem;
  text-align: center;
  width: .2rem;
  height: .2rem;
  border: 1px solid rgba(29, 95, 99, .5);
  position: relative;
  font-size: .625vw;
  line-height: .2rem;
  color: transparent;
  border-radius: 2px;
  -webkit-transition: color .5s var(--ease), background-color .5s var(--ease);
  transition: color .5s var(--ease), background-color .5s var(--ease)
}
.layer-check .tint {
  display: inline-block;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.layer-check input {
  display: none
}
.layer-check input:checked + .input__box {
  background-color: var(--main);
  color: #fff;
  border-color: var(--main)
}
.layer-check input:checked + .input__box + .tint {
  color: var(--main);
  font-weight: 700
}
.layer-toast {
  position: fixed;
  width: 100%;
  bottom: 30%;
  left: 0;
  height: 2rem;
  z-index: 200;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(.3rem);
  -ms-transform: translateY(.3rem);
  transform: translateY(.3rem);
  -webkit-transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
  transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
  transition: opacity .5s var(--ease), transform .5s var(--ease);
  transition: opacity .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}
.layer-toast > span {
  border-radius: .1rem;
  padding: .1rem .3rem;
  color: #fff;
  background-color: var(--black)
}
.layer-toast.on {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}
.layer-down {
  position: relative
}
.layer-down .txt {
  position: relative;
  z-index: 10;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .5s var(--ease);
  transition: all .5s var(--ease);
  border-radius: 2rem
}
.layer-down .txt > a {
  -webkit-transition: color .3s var(--ease);
  transition: color .3s var(--ease)
}
.layer-down .txt .inTxt {
  width: 100%;
  height: .45rem;
  text-align: center;
  border: none;
  text-indent: 0;
  background-color: transparent
}
.layer-down .txt > i {
  -webkit-transition: color .3s var(--ease);
  transition: color .3s var(--ease)
}
.layer-down .child {
  position: absolute;
  width: 100%;
  left: 0;
  background-color: var(--black);
  border-radius: .12rem;
  top: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .5s var(--ease);
  transition: opacity .5s var(--ease)
}
@media screen and (orientation: landscape) {
  .layer-down .child {
    padding: .55rem 0 .1rem
  }
}
@media screen and (orientation: portrait) {
  .layer-down .child {
    padding: .8rem 0 .1rem
  }
}
.layer-down .child > li {
  -webkit-transition: opacity .5s var(--ease), color .3s var(--ease), -webkit-transform .5s var(--ease);
  transition: opacity .5s var(--ease), color .3s var(--ease), -webkit-transform .5s var(--ease);
  transition: opacity .5s var(--ease), transform .5s var(--ease), color .3s var(--ease);
  transition: opacity .5s var(--ease), transform .5s var(--ease), color .3s var(--ease), -webkit-transform .5s var(--ease);
  opacity: 0;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%)
}
.layer-down .child > li:nth-child(1) {
  -webkit-transition-delay: .02s;
  transition-delay: .02s
}
.layer-down .child > li:nth-child(2) {
  -webkit-transition-delay: .04s;
  transition-delay: .04s
}
.layer-down .child > li:nth-child(3) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s
}
.layer-down .child > li:nth-child(4) {
  -webkit-transition-delay: .08s;
  transition-delay: .08s
}
.layer-down .child > li:nth-child(5) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.layer-down .child > li:nth-child(6) {
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}
.layer-down .child > li:nth-child(7) {
  -webkit-transition-delay: .14s;
  transition-delay: .14s
}
.layer-down .child > li:nth-child(8) {
  -webkit-transition-delay: .16s;
  transition-delay: .16s
}
.layer-down .child > li:nth-child(9) {
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}
.layer-down .child > li:nth-child(10) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.layer-down .child > li:nth-child(11) {
  -webkit-transition-delay: .22s;
  transition-delay: .22s
}
.layer-down .child > li:nth-child(12) {
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}
.layer-down .child > li:nth-child(13) {
  -webkit-transition-delay: .26s;
  transition-delay: .26s
}
.layer-down .child > li:nth-child(14) {
  -webkit-transition-delay: .28s;
  transition-delay: .28s
}
.layer-down .child > li:nth-child(15) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.layer-down .child > li:nth-child(16) {
  -webkit-transition-delay: .32s;
  transition-delay: .32s
}
.layer-down .child > li:nth-child(17) {
  -webkit-transition-delay: .34s;
  transition-delay: .34s
}
.layer-down .child > li:nth-child(18) {
  -webkit-transition-delay: .36s;
  transition-delay: .36s
}
.layer-down .child > li:nth-child(19) {
  -webkit-transition-delay: .38s;
  transition-delay: .38s
}
.layer-down .child > li:nth-child(20) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.layer-down .child > li > a, .layer-down .child > li > span {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
@media screen and (orientation: landscape) {
  .layer-down .child > li > a, .layer-down .child > li > span {
    padding: 4px 0 4px .38rem;
    line-height: .36rem
  }
}
@media screen and (orientation: portrait) {
  .layer-down .child > li > a, .layer-down .child > li > span {
    padding: 4px 0 4px .38rem;
    line-height: .5rem
  }
}
.layer-down .child > li > a:hover, .layer-down .child > li > span:hover {
  color: var(--main)
}
.layer-down:hover .txt {
  background-color: var(--black)
}
.layer-down:hover .txt > a {
  color: var(--white)
}
.layer-down:hover .txt .inTxt {
  color: var(--white)
}
.layer-down:hover .txt > i {
  color: var(--white)
}
.layer-down:hover .child {
  opacity: 1;
  pointer-events: auto
}
.layer-down:hover .child > li {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
.layer-down.on .txt {
  background-color: var(--black)
}
.layer-down.on .txt > a {
  color: var(--white)
}
.layer-down.on .txt > i {
  color: var(--white)
}
.layer-down.on .child {
  opacity: 1;
  pointer-events: auto
}
.layer-down.on .child > li {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
.layer-search {
  border-bottom: 1px solid rgba(42, 53, 37, .2)
}
.layer-search .inTxt {
  border: none;
  background-color: transparent;
  display: block;
  padding: .1rem 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-indent: 0
}
.layer-search .inTxt::-webkit-input-placeholder {
  color: #2a352580
}
.layer-search .inTxt::-moz-placeholder {
  color: #2a352580
}
.layer-search .inTxt:-ms-input-placeholder {
  color: #2a352580
}
.layer-search .inTxt::placeholder {
  color: #2a352580
}
.cursor--group {
  position: absolute;
  z-index: 250;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  min-height: 100vh;
  pointer-events: none;
  opacity: 0
}
.cursor--group .cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%
}
.cursor--group .cursor--inner {
  width: .86rem;
  height: .86rem;
  z-index: 11000;
  background-color: transparent;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0
}
.cursor--group .cursor--inner .dragIcon {
  width: 100%;
  height: 100%;
  object-fit: contain
}
.cursor--group .cursor--outer {
  width: .86rem;
  height: .86rem;
  z-index: 12000;
  border-radius: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: background-color .3s var(--ease);
  transition: background-color .3s var(--ease)
}
.layer-sliderFn {
  position: relative
}
.layer-sliderFn .sliderPic {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  opacity: 0;
  overflow: hidden
}
.layer-sliderFn .sliderPic .photo {
  width: 37.5vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  -webkit-clip-path: inset(0 0 0 0 round 0px);
  clip-path: inset(0 0 0 0 round 0px);
  -webkit-transition: all 1.2s var(--picEase);
  transition: all 1.2s var(--picEase)
}
.layer-sliderFn .sliderPic .photo .pic {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease);
  transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease);
  transition: opacity 1s var(--picEase), transform 2s var(--ease);
  transition: opacity 1s var(--picEase), transform 2s var(--ease), -webkit-transform 2s var(--ease)
}
.layer-sliderFn .sliderPic.on {
  opacity: 1;
  z-index: 10
}
.layer-sliderFn .sliderPic.on .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.layer-sliderFn .sliderPic.in {
  opacity: 1
}
.layer-sliderFn .sliderPic.in .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.layer-sliderFn .sliderPic.out {
  opacity: 1;
  z-index: 10
}
.layer-sliderFn .sliderPic.out .photo {
  -webkit-clip-path: inset(0 100% 0 0 round 5px);
  clip-path: inset(0 100% 0 0 round 5px)
}
.layer-sliderFn .sliderPic.out .photo .pic {
  opacity: .5
}
.layer-sliderFn .sliderMsg.on, .layer-sliderFn .sliderMsg.in {
  opacity: 1
}
.layer-sliderFn .sliderMsg.out {
  opacity: 0
}
.layer-sliderFn .sliderDot {
  opacity: .5
}
.layer-sliderFn .sliderDot.on {
  opacity: 1
}
nav.menu {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 118;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden
}
nav.menu .items {
  width: 100vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100
}
nav.menu .items .content {
  padding-top: 1.5rem;
  width: 100%;
  padding-left: 6vw;
  padding-right: 6vw;
  -webkit-perspective: 5rem;
  perspective: 5rem
}
nav.menu .items .content .appLists {
  display: block;
  text-align: left;
  margin: .2rem 0;
  opacity: 0;
  position: relative
}
nav.menu .items .content .appLists > a {
  display: block;
  text-align: left;
  font-size: 5vw;
  color: #ffffffe6;
  line-height: 2;
  position: relative;
  padding: .2rem 0 .4rem;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  -webkit-transition: border-color .5s var(--ease);
  transition: border-color .5s var(--ease)
}
nav.menu .items .content .appLists > a .arrow {
  position: absolute;
  right: 0;
  bottom: .38rem;
  color: #fff;
  font-size: 5.5vw;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
  transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
  transition: opacity .5s var(--ease), transform .5s var(--ease);
  transition: opacity .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}
nav.menu .items .content .appLists:last-of-type > a {
  border-bottom: none
}
nav.menu .items .content .appLists .child {
  padding: .2rem 0;
  display: none;
  width: calc(100% + 12vw);
  margin-left: -6vw;
  -webkit-transform: translate3d(-.2rem, 0, 0);
  transform: translate3d(-.2rem, 0, 0);
  opacity: 0;
  background-color: #ffffff1f;
  -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease)
}
nav.menu .items .content .appLists .child > a {
  display: block;
  white-space: nowrap;
  text-align: left;
  padding: .15rem 0 .15rem 10vw;
  position: relative;
  z-index: 6;
  color: #ffffffe6;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease);
  font-size: 4vw;
  font-weight: 400
}
nav.menu .items .content .appLists.active > a {
  border-color: transparent
}
nav.menu .items .content .appLists.active > a .arrow {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}
nav.menu .items .content .appLists.active .child {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
nav.menu .shape-overlays {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0
}
nav.menu .shape-overlays .path {
  background-color: var(--green);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform .8s var(--picEase);
  transition: -webkit-transform .8s var(--picEase);
  transition: transform .8s var(--picEase);
  transition: transform .8s var(--picEase), -webkit-transform .8s var(--picEase)
}
nav.menu .shape-overlays.is-opened .path {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.layer-mouse .txt {
  opacity: .5
}
.layer-mouse .mouse {
  width: .22rem;
  height: .3rem;
  border-radius: .09rem;
  border: 2px solid #1a1a1a;
  position: relative;
  margin-left: .15rem
}
.layer-mouse .mouse .line {
  width: 2px;
  height: 6px;
  background-color: #1a1a1a;
  top: 4px;
  -webkit-animation: jumpMouse .7s ease-in-out infinite alternate;
  animation: jumpMouse .7s ease-in-out infinite alternate
}
.layer-mouse .mouse.wc {
  border-color: #fff
}
.layer-mouse .mouse.wc .line {
  background-color: #fff
}
@-webkit-keyframes jumpMouse {
  0% {
    -webkit-transform: translateY(.05rem);
    transform: translateY(.05rem)
  }
  to {
    -webkit-transform: translateY(-.01rem);
    transform: translateY(-.01rem)
  }
}
@keyframes jumpMouse {
  0% {
    -webkit-transform: translateY(.05rem);
    transform: translateY(.05rem)
  }
  to {
    -webkit-transform: translateY(-.01rem);
    transform: translateY(-.01rem)
  }
}
@media screen and (orientation: landscape) {
  .app {
    display: none !important
  }
}
@media screen and (orientation: portrait) {
  .pc {
    display: none !important
  }
  html {
    font-size: 55PX
  }
  .f-130, .f-120 {
    font-size: 13vw
  }
  .f-90 {
    font-size: 10vw
  }
  .f-80 {
    font-size: 9vw
  }
  .f-70 {
    font-size: 8vw
  }
  .f-60 {
    font-size: 7vw
  }
  .f-54, .f-48 {
    font-size: 6vw
  }
  .f-36 {
    font-size: 18px
  }
  .f-32 {
    font-size: 17px
  }
  .f-30, .f-28, .f-26, .f-24, .f-22, .f-20 {
    font-size: 16px
  }
  .f-18 {
    font-size: 14px
  }
  .f-16, .layer-toast > span {
    font-size: 14px
  }
  .f-14 {
    font-size: 14px
  }
  .f-12 {
    font-size: 12px
  }
}
p {
  line-height: 1.5
}
.swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-transition-timing-function: var(--ease2);
  transition-timing-function: var(--ease2)
}
#app header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 500;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 100%)
}
#app header .navMask {
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  height: 1rem;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform 1s var(--ease);
  transition: -webkit-transform 1s var(--ease);
  transition: transform 1s var(--ease);
  transition: transform 1s var(--ease), -webkit-transform 1s var(--ease);
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  z-index: 170;
  pointer-events: none;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .35) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .35) 100%)
}
#app header .pcNav {
  margin: 0 .35rem;
  position: relative;
  z-index: 180;
  -webkit-transition: all .6s var(--ease);
  transition: all .6s var(--ease);
  height: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}
#app header .pcNav .logoBox {
  position: relative;
  z-index: 4;
  height: 100%
}
#app header .pcNav .logoBox > img {
  height: 36%;
  -webkit-transition: opacity .5s var(--ease);
  transition: opacity .5s var(--ease)
}
#app header .pcNav .logoBox > img.deep {
  left: 0;
  opacity: 0
}
#app header .pcNav .mid {
  display: grid;
  grid-auto-flow: column;
  gap: 0 .6rem;
  z-index: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}
#app header .pcNav .mid .navList {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
#app header .pcNav .mid .navList > a {
  display: block;
  -webkit-transition: opacity .5s var(--ease), font-weight .5s var(--ease);
  transition: opacity .5s var(--ease), font-weight .5s var(--ease);
  position: relative;
  z-index: 2
}
#app header .pcNav .mid .navList .icon {
  height: .15rem;
  vertical-align: middle
}
#app header .pcNav .mid .navList .icon path {
  fill: #fff
}
#app header .pcNav .mid .navList:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--white);
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 1s var(--ease);
  transition: -webkit-transform 1s var(--ease);
  transition: transform 1s var(--ease);
  transition: transform 1s var(--ease), -webkit-transform 1s var(--ease)
}
#app header .pcNav .mid .navList .child {
  position: absolute;
  width: auto;
  background-color: #fff;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  left: 50%;
  top: 86%;
  padding: .1rem 0;
  border-radius: .1rem;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  box-shadow: 0 .1rem .4rem -4px #1731621f;
  -webkit-transition: opacity .7s var(--ease);
  transition: opacity .7s var(--ease)
}
#app header .pcNav .mid .navList .child:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-color: transparent transparent #fff transparent;
  border-width: .1rem;
  top: -.18rem;
  border-style: solid
}
#app header .pcNav .mid .navList .child > a {
  font-size: inherit;
  text-align: center;
  display: block;
  line-height: 1.2;
  padding: .08rem .2rem;
  white-space: nowrap;
  -webkit-transition: opacity .7s var(--ease), color .3s var(--ease), -webkit-transform .7s var(--ease);
  transition: opacity .7s var(--ease), color .3s var(--ease), -webkit-transform .7s var(--ease);
  transition: opacity .7s var(--ease), transform .7s var(--ease), color .3s var(--ease);
  transition: opacity .7s var(--ease), transform .7s var(--ease), color .3s var(--ease), -webkit-transform .7s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
#app header .pcNav .mid .navList .child > a:nth-child(1) {
  -webkit-transform: translate3d(0, .07rem, 0);
  transform: translate3d(0, .07rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(2) {
  -webkit-transform: translate3d(0, .09rem, 0);
  transform: translate3d(0, .09rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(3) {
  -webkit-transform: translate3d(0, .11rem, 0);
  transform: translate3d(0, .11rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(4) {
  -webkit-transform: translate3d(0, .13rem, 0);
  transform: translate3d(0, .13rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(5) {
  -webkit-transform: translate3d(0, .15rem, 0);
  transform: translate3d(0, .15rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(6) {
  -webkit-transform: translate3d(0, .17rem, 0);
  transform: translate3d(0, .17rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(7) {
  -webkit-transform: translate3d(0, .19rem, 0);
  transform: translate3d(0, .19rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(8) {
  -webkit-transform: translate3d(0, .21rem, 0);
  transform: translate3d(0, .21rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(9) {
  -webkit-transform: translate3d(0, .23rem, 0);
  transform: translate3d(0, .23rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(10) {
  -webkit-transform: translate3d(0, .25rem, 0);
  transform: translate3d(0, .25rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(11) {
  -webkit-transform: translate3d(0, .27rem, 0);
  transform: translate3d(0, .27rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(12) {
  -webkit-transform: translate3d(0, .29rem, 0);
  transform: translate3d(0, .29rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(13) {
  -webkit-transform: translate3d(0, .31rem, 0);
  transform: translate3d(0, .31rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(14) {
  -webkit-transform: translate3d(0, .33rem, 0);
  transform: translate3d(0, .33rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(15) {
  -webkit-transform: translate3d(0, .35rem, 0);
  transform: translate3d(0, .35rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(16) {
  -webkit-transform: translate3d(0, .37rem, 0);
  transform: translate3d(0, .37rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(17) {
  -webkit-transform: translate3d(0, .39rem, 0);
  transform: translate3d(0, .39rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(18) {
  -webkit-transform: translate3d(0, .41rem, 0);
  transform: translate3d(0, .41rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(19) {
  -webkit-transform: translate3d(0, .43rem, 0);
  transform: translate3d(0, .43rem, 0)
}
#app header .pcNav .mid .navList .child > a:nth-child(20) {
  -webkit-transform: translate3d(0, .45rem, 0);
  transform: translate3d(0, .45rem, 0)
}
#app header .pcNav .mid .navList .child > a:hover {
  color: var(--main) !important
}
#app header .pcNav .mid .navList .child.active {
  pointer-events: auto;
  opacity: 1
}
#app header .pcNav .mid .navList .child.active > a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
#app header .pcNav .mid .navList:hover > a {
  opacity: 1;
  font-weight: 600
}
#app header .pcNav .mid .navList:hover:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}
#app header .pcNav .mid .navList:hover .child {
  pointer-events: auto;
  opacity: 1
}
#app header .pcNav .mid .navList:hover .child > a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
#app header .pcNav .mid .navList.on > a {
  opacity: 1;
  font-weight: 600
}
#app header .pcNav .mid .navList.on:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1)
}
#app header .pcNav .right {
  position: relative;
  z-index: 4;
  width: 1rem;
  height: .48rem;
  background-color: #ffffff1a;
  border-radius: 3rem;
  padding: 0 .1rem;
  border: 1px solid transparent;
  -webkit-transition: border-color .5s var(--ease);
  transition: border-color .5s var(--ease)
}
#app header .pcNav .right > a {
  width: .3rem;
  height: .3rem
}
#app header .pcNav .right .languageIcon {
  position: relative;
  width: .3rem;
  height: .3rem
}
#app header .pcNav .right .languageIcon .lang-down {
  position: absolute;
  min-width: 1rem;
  box-shadow: 0 3px 1.51042vw -8px #c0c4ccb3;
  background-color: #fff;
  border-radius: .05rem;
  padding: 5px 0;
  left: 50%;
  top: .5rem;
  opacity: 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(-50%, -10%, 0);
  transform: translate3d(-50%, -10%, 0);
  -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease)
}
#app header .pcNav .right .languageIcon .lang-down > span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 100%;
  height: .5rem
}
#app header .pcNav .right .languageIcon .lang-down > span:after {
  content: "";
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent
}
#app header .pcNav .right .languageIcon .lang-down > li {
  display: block;
  width: 100%
}
#app header .pcNav .right .languageIcon .lang-down > li > a {
  display: block;
  text-align: center;
  line-height: 1;
  padding: .1rem;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease);
  white-space: nowrap
}
#app header .pcNav .right .languageIcon .lang-down > li > a:hover {
  color: var(--main)
}
#app header .pcNav .right .languageIcon:hover .lang-down {
  opacity: 1;
  -webkit-transform: translate3d(-50%, 0%, 0);
  transform: translate3d(-50%, 0, 0);
  pointer-events: painted
}
#app header .pcNav .right .line {
  width: 1px;
  height: .14rem;
  background-color: #fff3
}
#app header .appNav {
  height: 1.1rem;
  position: relative;
  z-index: 180;
  -webkit-transition: all .6s var(--ease);
  transition: all .6s var(--ease);
  padding: 0 5vw
}
#app header .appNav .logoBox {
  position: relative;
  z-index: 4;
  height: 100%;
  pointer-events: painted
}
#app header .appNav .logoBox > img.white {
  height: 50%;
  -webkit-transition: opacity .5s var(--ease);
  transition: opacity .5s var(--ease)
}
#app header .appNav .logoBox > img.deep {
  height: 50%;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity .5s var(--ease);
  transition: opacity .5s var(--ease)
}
#app header .appNav .set {
  position: absolute;
  z-index: 4;
  bottom: 0;
  top: 0;
  margin: auto 0;
  right: 1.2rem;
  width: 2rem;
  height: .8rem;
  background-color: #ffffff1a;
  border-radius: 3rem;
  padding: 0 .3rem;
  border: 1px solid transparent;
  -webkit-transition: border-color .5s var(--ease);
  transition: border-color .5s var(--ease)
}
#app header .appNav .set > a {
  width: .3rem;
  height: .3rem
}
#app header .appNav .set .languageIcon {
  position: relative;
  width: .3rem;
  height: .3rem
}
#app header .appNav .set .languageIcon .lang-down {
  position: absolute;
  min-width: 1rem;
  box-shadow: 0 3px 1.51042vw -8px #c0c4ccb3;
  background-color: #fff;
  border-radius: .05rem;
  padding: 5px 0;
  left: 50%;
  top: .5rem;
  opacity: 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(-50%, -10%, 0);
  transform: translate3d(-50%, -10%, 0);
  -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease)
}
#app header .appNav .set .languageIcon .lang-down > span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 100%;
  height: .5rem
}
#app header .appNav .set .languageIcon .lang-down > span:after {
  content: "";
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent
}
#app header .appNav .set .languageIcon .lang-down > li {
  display: block;
  width: 100%
}
#app header .appNav .set .languageIcon .lang-down > li > a {
  display: block;
  text-align: center;
  line-height: 1;
  padding: .1rem;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease);
  white-space: nowrap
}
#app header .appNav .set .languageIcon .lang-down > li > a:hover {
  color: var(--main)
}
#app header .appNav .set .languageIcon:hover .lang-down {
  opacity: 1;
  -webkit-transform: translate3d(-50%, 0%, 0);
  transform: translate3d(-50%, 0, 0);
  pointer-events: painted
}
#app header .appNav .set .line {
  width: 1px;
  height: .14rem;
  background-color: #fff3
}
#app header .appNav .right {
  position: relative;
  z-index: 4
}
#app header .appNav .right .searchIcon {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
#app header .appNav .right > .language {
  text-align: center;
  padding: 0 .3rem;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
#app header .appNav .right > .language .lang-down {
  position: absolute;
  min-width: 1.5rem;
  box-shadow: 0 3px 1.51042vw -8px #c0c4ccb3;
  background-color: #fff;
  border-radius: .1rem;
  padding: 5px 0;
  left: 50%;
  top: .8rem;
  opacity: 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(-50%, -10%, 0);
  transform: translate3d(-50%, -10%, 0);
  -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease)
}
#app header .appNav .right > .language .lang-down > span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 100%;
  height: .5rem
}
#app header .appNav .right > .language .lang-down > span:after {
  content: "";
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent
}
#app header .appNav .right > .language .lang-down > li {
  display: block;
  width: 100%
}
#app header .appNav .right > .language .lang-down > li > a {
  display: block;
  text-align: center;
  line-height: 1;
  padding: .15rem .1rem;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease);
  white-space: nowrap
}
#app header .appNav .right > .language.on .lang-down {
  opacity: 1;
  -webkit-transform: translate3d(-50%, 0%, 0);
  transform: translate3d(-50%, 0, 0);
  pointer-events: painted
}
#app header .appNav .right .layer-search {
  background-color: var(--main);
  border-radius: 50%;
  width: .68rem;
  height: .68rem
}
#app header .appNav .right #menu {
  margin-left: .4rem;
  position: relative;
  z-index: 10;
  pointer-events: painted
}
#app header .appNav .right #menu .line {
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}
#app header .appNav .right #menu .line:before {
  content: "";
  display: block;
  height: 2px;
  width: 20PX;
  background-color: #fff;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-transition: background-color .5s ease 0s, -webkit-transform .4s ease .2s;
  transition: background-color .5s ease 0s, -webkit-transform .4s ease .2s;
  transition: transform .4s ease .2s, background-color .5s ease 0s;
  transition: transform .4s ease .2s, background-color .5s ease 0s, -webkit-transform .4s ease .2s
}
#app header .appNav .right #menu.is-opened-navi .line:nth-of-type(1) {
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0)
}
#app header .appNav .right #menu.is-opened-navi .line:nth-of-type(1):before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
#app header .appNav .right #menu.is-opened-navi .line:nth-of-type(2) {
  opacity: 0
}
#app header .appNav .right #menu.is-opened-navi .line:nth-of-type(3) {
  -webkit-transform: translate3d(0, -7px, 0);
  transform: translate3d(0, -7px, 0)
}
#app header .appNav .right #menu.is-opened-navi .line:nth-of-type(3):before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
#app header.deep .pcNav .logoBox > img.white {
  opacity: 0
}
#app header.deep .pcNav .logoBox > img.deep {
  opacity: 1
}
#app header.deep .pcNav .mid .navList:after {
  background-color: var(--black)
}
#app header.deep .pcNav .mid .wc {
  color: var(--black)
}
#app header.deep .pcNav .mid .icon path {
  fill: var(--black) !important
}
#app header.deep .pcNav .right {
  background-color: transparent;
  border-color: #1e281a33
}
#app header.deep .pcNav .right .wc {
  color: var(--black)
}
#app header.deep .pcNav .right .line {
  background-color: #0003
}
#app header.deep .appNav {
  background-color: #fff
}
#app header.deep .appNav .logoBox > img.white {
  opacity: 0
}
#app header.deep .appNav .logoBox > img.deep {
  opacity: 1
}
#app header.deep .appNav .set {
  border-color: #0f1e351a
}
#app header.deep .appNav .set .wc {
  color: var(--green)
}
#app header.deep .appNav .set .line {
  background-color: #0000001a
}
#app header.deep .appNav .right #menu .line:before {
  background-color: var(--green)
}
#app header.down {
  background: none
}
#app header.down .pcNav .logoBox > img.white {
  opacity: 0
}
#app header.down .pcNav .logoBox > img.deep {
  opacity: 1
}
#app header.down .pcNav .mid .navList:after {
  background-color: var(--black)
}
#app header.down .pcNav .mid .wc {
  color: var(--black)
}
#app header.down .pcNav .mid .icon path {
  fill: var(--black) !important
}
#app header.down .pcNav .right {
  background-color: transparent;
  border-color: #1e281a33
}
#app header.down .pcNav .right .wc {
  color: var(--black)
}
#app header.down .pcNav .right .line {
  background-color: #0003
}
#app header.down .appNav {
  background-color: #fff
}
#app header.down .appNav .logoBox > img.white {
  opacity: 0
}
#app header.down .appNav .logoBox > img.deep {
  opacity: 1
}
#app header.down .appNav .set {
  border-color: #0f1e351a
}
#app header.down .appNav .set .wc {
  color: var(--green)
}
#app header.down .appNav .set .line {
  background-color: #0000001a
}
#app header.down .appNav .right #menu .line:before {
  background-color: var(--green)
}
#app header.down.directionDown {
  opacity: 0;
  visibility: hidden
}
#app header.light {
  opacity: 1 !important
}
#app header.light .navMask {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1)
}
#app header.light .pcNav .logoBox > img.white {
  opacity: 1
}
#app header.light .pcNav .logoBox > img.deep {
  opacity: 0
}
#app header.light .pcNav .mid .navList:after {
  background-color: var(--white)
}
#app header.light .pcNav .mid .wc {
  color: var(--white)
}
#app header.light .pcNav .mid .icon path {
  fill: var(--white) !important
}
#app header.light .pcNav .right {
  background-color: #fff3;
  border-color: transparent
}
#app header.light .pcNav .right .wc {
  color: var(--white)
}
#app header.light .pcNav .right .line {
  background-color: #fff3
}
#app header.light.directionDown {
  opacity: 1;
  visibility: visible
}
#app footer {
  background-color: #292f27;
  position: relative;
  z-index: 50;
  overflow: hidden
}
#app footer .inner {
  padding-top: 1.4rem
}
#app footer .inner .top {
  margin-bottom: .9rem
}
#app footer .inner .top .logo {
  height: .9rem
}
#app footer .inner .top .logo > img {
  height: 100%;
  display: block
}
#app footer .inner .top .layer-search {
  height: .9rem;
  width: 8rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 1.35rem 0 .35rem
}
#app footer .inner .top .layer-search > input {
  background-color: transparent;
  border: none;
  height: 100%;
  text-indent: 0
}
#app footer .inner .top .layer-search > input::-webkit-input-placeholder {
  color: #ffffff4d
}
#app footer .inner .top .layer-search > input::-moz-placeholder {
  color: #ffffff4d
}
#app footer .inner .top .layer-search > input:-ms-input-placeholder {
  color: #ffffff4d
}
#app footer .inner .top .layer-search > input::placeholder {
  color: #ffffff4d
}
#app footer .inner .mid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  padding-bottom: 1.4rem
}
#app footer .inner .mid .col p {
  padding: .03rem 0
}
#app footer .inner .mid .col p small {
  font-size: inherit;
  color: #ffffff4d
}
#app footer .inner .mid .col .items {
  margin-top: .4rem
}
#app footer .inner .mid .col .footNav .list {
  padding: .02rem 0;
  position: relative
}
#app footer .inner .mid .col .footNav .list > a {
  -webkit-transition: color .5s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: color .5s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: color .5s var(--ease), transform 1.2s var(--ease);
  transition: color .5s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}
#app footer .inner .mid .col .footNav .list > a .icon {
  height: .25rem;
  vertical-align: middle
}
#app footer .inner .mid .col .footNav .list > a .icon path {
  fill: #fff
}
#app footer .inner .mid .col .footNav .list .layer-cir {
  width: .3rem;
  height: .3rem;
  background-color: var(--main);
  margin-left: .35rem;
  opacity: 0;
  -webkit-transform: translate3d(.15rem, 0, 0);
  transform: translate3d(.15rem, 0, 0);
  -webkit-transition: opacity 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}
#app footer .inner .mid .col .footNav .list .child {
  position: absolute;
  height: 100%;
  right: 0;
  width: 64%;
  pointer-events: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transform: translate3d(-.15rem, 0, 0);
  transform: translate3d(-.15rem, 0, 0);
  -webkit-transition: opacity 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}
#app footer .inner .mid .col .footNav .list .child .line {
  width: 1px;
  height: .16rem;
  background-color: #96b93166;
  margin: 0 .2rem
}
#app footer .inner .mid .col .footNav .list .child > a {
  text-align: center;
  line-height: 1.2
}
#app footer .inner .mid .col .footNav .list:hover > a {
  color: var(--main);
  -webkit-transform: translate3d(.15rem, 0, 0);
  transform: translate3d(.15rem, 0, 0)
}
#app footer .inner .mid .col .footNav .list:hover > a .icon path {
  fill: var(--main)
}
#app footer .inner .mid .col .footNav .list:hover .layer-cir {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0);
  opacity: 1
}
#app footer .inner .mid .col .footNav .list:hover .child {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
#app footer .inner .mid .col .footNav .list:hover .child > a {
  pointer-events: painted
}
#app footer .inner .btm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .2rem 0
}
#app footer .inner .btm .col > a {
  color: #ffffff80;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
#app footer .inner .btm .col > a:hover {
  color: #fff
}
#app footer .inner .btm .col .line {
  height: .12rem;
  width: 1px;
  background-color: #fff3;
  margin: 0 .1rem
}
#app footer .inner .btm .col .note {
  color: #ffffff80
}
.row {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 2
}
.row .bgSign {
  position: absolute;
  top: calc(var(--top) * 1rem);
  left: calc(var(--left) * 1rem)
}
.row > .bg {
  z-index: 1;
  pointer-events: none
}
.row > .bg.fixBg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden
}
.row > .bg.fixBg.showImg {
  visibility: visible
}
.row > .inner {
  position: relative;
  z-index: 2
}
.dg.ac {
  z-index: 1000 !important
}
.rect {
  height: 100vh
}
.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  z-index: 200;
  overflow: hidden;
  -webkit-transform-origin: 50% 60%;
  -ms-transform-origin: 50% 60%;
  transform-origin: 50% 60%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}
.loading .outer {
  position: absolute;
  background-color: transparent;
  z-index: 3;
  -webkit-transition: -webkit-transform 1.2s var(--ease);
  transition: -webkit-transform 1.2s var(--ease);
  transition: transform 1.2s var(--ease);
  transition: transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
  -webkit-transform-origin: 50% 40%;
  -ms-transform-origin: 50% 40%;
  transform-origin: 50% 40%
}
@media screen and (orientation: landscape) {
  .loading .outer {
    width: 150vw;
    height: 150vw;
    bottom: -25vw;
    left: -25vw
  }
}
@media screen and (orientation: portrait) {
  .loading .outer {
    width: 340vw;
    height: 340vw;
    bottom: -48vw;
    left: -120vw
  }
}
.loading .outer .box {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: calc(var(--go) * -1s);
  animation-delay: calc(var(--go) * -1s);
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  width: 100%;
  height: 100%;
  position: relative
}
@media screen and (orientation: landscape) {
  .loading .outer .box {
    -webkit-animation-name: loadLight;
    animation-name: loadLight
  }
}
@media screen and (orientation: portrait) {
  .loading .outer .box {
    -webkit-animation-name: loadLight_app;
    animation-name: loadLight_app
  }
}
.loading .outer .box .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 50%;
  width: 100%;
  height: 100%
}
@media screen and (orientation: landscape) {
  .loading .outer .box .mask {
    border: 25vw solid var(--green)
  }
}
@media screen and (orientation: portrait) {
  .loading .outer .box .mask {
    border: 50vw solid var(--green)
  }
}
.loading .outer .box .mk {
  position: absolute;
  height: 40vw;
  width: 100%;
  left: 0;
  background-color: var(--green);
  bottom: -15vw
}
.loading .outer .box > .line {
  position: absolute;
  bottom: 0;
  border-radius: 50%;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  border: 1px dashed rgba(255, 255, 255, .7)
}
@media screen and (orientation: landscape) {
  .loading .outer .box > .line {
    width: 100vw;
    height: 100vw
  }
}
@media screen and (orientation: portrait) {
  .loading .outer .box > .line {
    width: 240vw;
    height: 240vw
  }
}
.loading .outer .box .light {
  position: absolute;
  opacity: 1;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  left: 0;
  right: 0;
  top: 0;
  margin: auto
}
@media screen and (orientation: landscape) {
  .loading .outer .box .light {
    width: 107vw;
    height: 122vw;
    bottom: 16vw
  }
}
@media screen and (orientation: portrait) {
  .loading .outer .box .light {
    width: 236vw;
    height: 252vw;
    bottom: 0vw
  }
}
.loading .inter {
  width: 8.6rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 3;
  -webkit-transition: -webkit-transform 1.2s var(--ease);
  transition: -webkit-transform 1.2s var(--ease);
  transition: transform 1.2s var(--ease);
  transition: transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease);
  -webkit-transform-origin: 50% 60%;
  -ms-transform-origin: 50% 60%;
  transform-origin: 50% 60%
}
@media screen and (orientation: landscape) {
  .loading .inter {
    height: 5.6rem
  }
}
@media screen and (orientation: portrait) {
  .loading .inter {
    height: 10rem
  }
}
.loading .inter .mask {
  border-radius: 0 0 5rem 5rem;
  background-color: var(--green);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: calc(var(--go) * -1s);
  animation-delay: calc(var(--go) * -1s);
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}
@media screen and (orientation: landscape) {
  .loading .inter .mask {
    -webkit-animation-name: loadIn;
    animation-name: loadIn
  }
}
@media screen and (orientation: portrait) {
  .loading .inter .mask {
    -webkit-animation-name: loadIn_app;
    animation-name: loadIn_app
  }
}
.loading .inner {
  position: absolute;
  z-index: 3;
  width: 100%;
  left: 0;
  bottom: 14%;
  -webkit-transition: opacity .3s var(--ease);
  transition: opacity .3s var(--ease);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: calc(var(--go) * -1s);
  animation-delay: calc(var(--go) * -1s);
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: loadMsg;
  animation-name: loadMsg
}
@media screen and (orientation: portrait) {
  .loading .inner {
    bottom: 18%
  }
}
.loading .other .pic {
  -webkit-transition: -webkit-transform 1.2s var(--ease);
  transition: -webkit-transform 1.2s var(--ease);
  transition: transform 1.2s var(--ease);
  transition: transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}
.loading .other > .mask {
  position: relative;
  z-index: 5;
  -webkit-animation: loadBg 2s var(--ease);
  animation: loadBg 2s var(--ease);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  background-color: var(--green)
}
.loading.active .outer, .loading.active .inter {
  -webkit-transform: scale(2.5);
  -ms-transform: scale(2.5);
  transform: scale(2.5)
}
.loading.active .inner {
  opacity: 0
}
.loading.active .other .pic {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
#fixBox {
  display: grid;
  position: fixed;
  right: .08rem;
  bottom: .9rem;
  width: .5rem;
  z-index: 199;
  grid-template-rows: .5rem;
  grid-template-columns: .5rem;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: .1rem;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .5s var(--ease);
  transition: all .5s var(--ease)
}
#fixBox .toTop {
  padding: 0;
  z-index: 8;
  background-color: var(--green);
  border-radius: .05rem
}
#fixBox .toTop .icon {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1)
}
#fixBox.active {
  opacity: 1;
  pointer-events: painted
}
.home {
  -webkit-animation: bannerInFade .3s ease;
  animation: bannerInFade .3s ease
}
.home .banner {
  height: 100vh;
  overflow: hidden
}
.home .banner .bg .sliderPic {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  overflow: hidden
}
.home .banner .bg .sliderPic .photo {
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  -webkit-clip-path: inset(0 0 0 0 round 5px);
  clip-path: inset(0 0 0 0 round 5px);
  -webkit-transition: all 1.2s var(--picEase);
  transition: all 1.2s var(--picEase)
}
.home .banner .bg .sliderPic .photo .pic {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  position: relative;
  -webkit-transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), transform 2s var(--ease1), -webkit-transform 2s var(--ease1)
}
.home .banner .bg .sliderPic .photo .pic video {
  object-fit: cover
}
.home .banner .bg .sliderPic.first .photo .pic {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.home .banner .bg .sliderPic.on {
  opacity: 1;
  z-index: 10
}
.home .banner .bg .sliderPic.on .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.home .banner .bg .sliderPic.in {
  opacity: 1
}
.home .banner .bg .sliderPic.in .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.home .banner .bg .sliderPic.out {
  opacity: 1;
  z-index: 10
}
.home .banner .bg .sliderPic.out .photo {
  -webkit-clip-path: inset(0 100% 0 0 round 5px);
  clip-path: inset(0 100% 0 0 round 5px)
}
.home .banner .bg .sliderPic.out .photo .pic {
  opacity: .5
}
.home .banner .inner {
  height: 100%;
  position: relative
}
.home .banner .inner .group {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10
}
.home .banner .inner .group .msgBox {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 75%;
  top: 0;
  margin: auto 0;
  z-index: 10
}
.home .banner .inner .group .msgBox .msg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  -webkit-transition: opacity 1s var(--ease);
  transition: opacity 1s var(--ease);
  opacity: 0
}
.home .banner .inner .group .msgBox .msg .alanAni {
  opacity: 0;
  -webkit-transition: opacity 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease);
  transition: opacity 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease);
  transition: opacity 1.8s var(--ease), transform 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1.8s var(--ease), transform 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease)
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(1) {
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(2) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(3) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(4) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(5) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(6) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(7) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(8) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(9) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(10) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(11) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(12) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(13) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(14) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(15) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(16) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(17) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(18) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(19) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(20) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: 2s;
  transition-delay: 2s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(21) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(22) {
  -webkit-transform: translate3d(0, 2.3rem, 0);
  transform: translate3d(0, 2.3rem, 0);
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(23) {
  -webkit-transform: translate3d(0, 2.4rem, 0);
  transform: translate3d(0, 2.4rem, 0);
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(24) {
  -webkit-transform: translate3d(0, 2.5rem, 0);
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(25) {
  -webkit-transform: translate3d(0, 2.6rem, 0);
  transform: translate3d(0, 2.6rem, 0);
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(26) {
  -webkit-transform: translate3d(0, 2.7rem, 0);
  transform: translate3d(0, 2.7rem, 0);
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(27) {
  -webkit-transform: translate3d(0, 2.8rem, 0);
  transform: translate3d(0, 2.8rem, 0);
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(28) {
  -webkit-transform: translate3d(0, 2.9rem, 0);
  transform: translate3d(0, 2.9rem, 0);
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(29) {
  -webkit-transform: translate3d(0, 3rem, 0);
  transform: translate3d(0, 3rem, 0);
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(30) {
  -webkit-transform: translate3d(0, 3.1rem, 0);
  transform: translate3d(0, 3.1rem, 0);
  -webkit-transition-delay: 3s;
  transition-delay: 3s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(31) {
  -webkit-transform: translate3d(0, 3.2rem, 0);
  transform: translate3d(0, 3.2rem, 0);
  -webkit-transition-delay: 3.1s;
  transition-delay: 3.1s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(32) {
  -webkit-transform: translate3d(0, 3.3rem, 0);
  transform: translate3d(0, 3.3rem, 0);
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(33) {
  -webkit-transform: translate3d(0, 3.4rem, 0);
  transform: translate3d(0, 3.4rem, 0);
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(34) {
  -webkit-transform: translate3d(0, 3.5rem, 0);
  transform: translate3d(0, 3.5rem, 0);
  -webkit-transition-delay: 3.4s;
  transition-delay: 3.4s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(35) {
  -webkit-transform: translate3d(0, 3.6rem, 0);
  transform: translate3d(0, 3.6rem, 0);
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(36) {
  -webkit-transform: translate3d(0, 3.7rem, 0);
  transform: translate3d(0, 3.7rem, 0);
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(37) {
  -webkit-transform: translate3d(0, 3.8rem, 0);
  transform: translate3d(0, 3.8rem, 0);
  -webkit-transition-delay: 3.7s;
  transition-delay: 3.7s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(38) {
  -webkit-transform: translate3d(0, 3.9rem, 0);
  transform: translate3d(0, 3.9rem, 0);
  -webkit-transition-delay: 3.8s;
  transition-delay: 3.8s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(39) {
  -webkit-transform: translate3d(0, 4rem, 0);
  transform: translate3d(0, 4rem, 0);
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(40) {
  -webkit-transform: translate3d(0, 4.1rem, 0);
  transform: translate3d(0, 4.1rem, 0);
  -webkit-transition-delay: 4s;
  transition-delay: 4s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(41) {
  -webkit-transform: translate3d(0, 4.2rem, 0);
  transform: translate3d(0, 4.2rem, 0);
  -webkit-transition-delay: 4.1s;
  transition-delay: 4.1s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(42) {
  -webkit-transform: translate3d(0, 4.3rem, 0);
  transform: translate3d(0, 4.3rem, 0);
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(43) {
  -webkit-transform: translate3d(0, 4.4rem, 0);
  transform: translate3d(0, 4.4rem, 0);
  -webkit-transition-delay: 4.3s;
  transition-delay: 4.3s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(44) {
  -webkit-transform: translate3d(0, 4.5rem, 0);
  transform: translate3d(0, 4.5rem, 0);
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(45) {
  -webkit-transform: translate3d(0, 4.6rem, 0);
  transform: translate3d(0, 4.6rem, 0);
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(46) {
  -webkit-transform: translate3d(0, 4.7rem, 0);
  transform: translate3d(0, 4.7rem, 0);
  -webkit-transition-delay: 4.6s;
  transition-delay: 4.6s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(47) {
  -webkit-transform: translate3d(0, 4.8rem, 0);
  transform: translate3d(0, 4.8rem, 0);
  -webkit-transition-delay: 4.7s;
  transition-delay: 4.7s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(48) {
  -webkit-transform: translate3d(0, 4.9rem, 0);
  transform: translate3d(0, 4.9rem, 0);
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(49) {
  -webkit-transform: translate3d(0, 5rem, 0);
  transform: translate3d(0, 5rem, 0);
  -webkit-transition-delay: 4.9s;
  transition-delay: 4.9s
}
.home .banner .inner .group .msgBox .msg .alanAni:nth-child(50) {
  -webkit-transform: translate3d(0, 5.1rem, 0);
  transform: translate3d(0, 5.1rem, 0);
  -webkit-transition-delay: 5s;
  transition-delay: 5s
}
.home .banner .inner .group .msgBox .msg .arrow {
  width: .22rem;
  height: .22rem;
  border-radius: 50%;
  background-color: var(--main)
}
.home .banner .inner .group .msgBox .msg h1 {
  line-height: 1.15;
  text-align: center;
  -webkit-perspective: 5rem;
  perspective: 5rem
}
.home .banner .inner .group .msgBox .msg h1 .letter {
  display: inline-block;
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0)
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(1) {
  -webkit-transition-delay: .03s;
  transition-delay: .03s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(2) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(3) {
  -webkit-transition-delay: .09s;
  transition-delay: .09s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(4) {
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(5) {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(6) {
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(7) {
  -webkit-transition-delay: .21s;
  transition-delay: .21s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(8) {
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(9) {
  -webkit-transition-delay: .27s;
  transition-delay: .27s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(10) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(11) {
  -webkit-transition-delay: .33s;
  transition-delay: .33s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(12) {
  -webkit-transition-delay: .36s;
  transition-delay: .36s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(13) {
  -webkit-transition-delay: .39s;
  transition-delay: .39s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(14) {
  -webkit-transition-delay: .42s;
  transition-delay: .42s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(15) {
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(16) {
  -webkit-transition-delay: .48s;
  transition-delay: .48s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(17) {
  -webkit-transition-delay: .51s;
  transition-delay: .51s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(18) {
  -webkit-transition-delay: .54s;
  transition-delay: .54s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(19) {
  -webkit-transition-delay: .57s;
  transition-delay: .57s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(20) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(21) {
  -webkit-transition-delay: .63s;
  transition-delay: .63s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(22) {
  -webkit-transition-delay: .66s;
  transition-delay: .66s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(23) {
  -webkit-transition-delay: .69s;
  transition-delay: .69s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(24) {
  -webkit-transition-delay: .72s;
  transition-delay: .72s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(25) {
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(26) {
  -webkit-transition-delay: .78s;
  transition-delay: .78s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(27) {
  -webkit-transition-delay: .81s;
  transition-delay: .81s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(28) {
  -webkit-transition-delay: .84s;
  transition-delay: .84s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(29) {
  -webkit-transition-delay: .87s;
  transition-delay: .87s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(30) {
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(31) {
  -webkit-transition-delay: .93s;
  transition-delay: .93s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(32) {
  -webkit-transition-delay: .96s;
  transition-delay: .96s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(33) {
  -webkit-transition-delay: .99s;
  transition-delay: .99s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(34) {
  -webkit-transition-delay: 1.02s;
  transition-delay: 1.02s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(35) {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(36) {
  -webkit-transition-delay: 1.08s;
  transition-delay: 1.08s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(37) {
  -webkit-transition-delay: 1.11s;
  transition-delay: 1.11s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(38) {
  -webkit-transition-delay: 1.14s;
  transition-delay: 1.14s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(39) {
  -webkit-transition-delay: 1.17s;
  transition-delay: 1.17s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(40) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(41) {
  -webkit-transition-delay: 1.23s;
  transition-delay: 1.23s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(42) {
  -webkit-transition-delay: 1.26s;
  transition-delay: 1.26s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(43) {
  -webkit-transition-delay: 1.29s;
  transition-delay: 1.29s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(44) {
  -webkit-transition-delay: 1.32s;
  transition-delay: 1.32s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(45) {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(46) {
  -webkit-transition-delay: 1.38s;
  transition-delay: 1.38s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(47) {
  -webkit-transition-delay: 1.41s;
  transition-delay: 1.41s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(48) {
  -webkit-transition-delay: 1.44s;
  transition-delay: 1.44s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(49) {
  -webkit-transition-delay: 1.47s;
  transition-delay: 1.47s
}
.home .banner .inner .group .msgBox .msg h1 .letter:nth-child(50) {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.home .banner .inner .group .msgBox .msg p {
  text-align: center
}
.home .banner .inner .group .msgBox .msg .layer-btn {
  margin: .6rem 0 .7rem
}
.home .banner .inner .group .msgBox .msg.on {
  opacity: 1;
  pointer-events: painted
}
.home .banner .inner .group .msgBox .msg.on h1 .letter, .home .banner .inner .group .msgBox .msg.on .alanAni {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.home .banner .inner .group .msgBox .msg.in {
  opacity: 1
}
.home .banner .inner .group .msgBox .msg.in h1 .letter, .home .banner .inner .group .msgBox .msg.in .alanAni {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.home .banner .inner .group .msgBox .msg.out {
  opacity: 0
}
.home .banner .inner .group .msgBox .msg.out .alanAni {
  opacity: 0;
  -webkit-transform: translate3d(0, -.4rem, 0);
  transform: translate3d(0, -.4rem, 0)
}
.home .banner .inner .other {
  position: absolute;
  bottom: -2vw;
  left: 0;
  width: 100%;
  pointer-events: none;
  height: 100%;
  opacity: 0;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: opacity 1s var(--picEase), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.2s var(--picEase);
  transition: opacity 1s var(--picEase), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.2s var(--picEase);
  transition: opacity 1s var(--picEase), transform 1.2s var(--picEase), color .3s var(--ease), background-color .6s var(--ease);
  transition: opacity 1s var(--picEase), transform 1.2s var(--picEase), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 1.2s var(--picEase);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}
.home .banner .inner .other > .line {
  position: absolute;
  bottom: 0;
  width: calc(100% + 6vw);
  left: -3vw
}
.home .banner .inner .other .light {
  position: absolute;
  bottom: -.2vw;
  width: calc(100% + 6vw);
  left: -3vw;
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-transition: -webkit-transform 1.5s var(--ease);
  transition: -webkit-transform 1.5s var(--ease);
  transition: transform 1.5s var(--ease);
  transition: transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease)
}
.home .banner .inner .other.active {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.home .banner .inner .other.active .light {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}
.home .r1 {
  background-color: #f4f4f4
}
.home .r1 .bg .pic {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top
}
.home .r1 .bg .sign {
  position: absolute;
  width: 100%;
  left: 0
}
.home .r1 .inner {
  padding-top: 2.3rem;
  padding-bottom: 1.5rem
}
.home .r1 .inner .group .col {
  width: 6.2rem
}
.home .r1 .inner .group .col > small {
  margin-bottom: 1.5rem
}
.home .r1 .inner .group .col .msg {
  position: relative
}
.home .r1 .inner .group .col .msg .after {
  color: #babbb7;
  width: 100%
}
.home .r1 .inner .group .col .msg .above {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}
.home .r1 .inner .group .col .msg .above .letter:nth-of-type(1) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 150%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 150%) 0 0 round 0)
}
.home .r1 .inner .group .col .msg .above .letter:nth-of-type(2) {
  z-index: 10;
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 125%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 125%) 0 0 round 0)
}
.home .r1 .inner .group .col .msg .above .letter:nth-of-type(3) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 110%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 110%) 0 0 round 0)
}
.home .r1 .inner .group .col .msg .above .letter:nth-of-type(4) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 100%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 100%) 0 0 round 0)
}
.home .r1 .inner .group .col .layer-btn {
  margin-top: .9rem
}
.home .r1 .inner .other {
  width: 100%;
  margin-top: 2rem;
  display: grid;
  gap: 0 .25rem;
  grid-template-columns: repeat(4, 1fr)
}
.home .r1 .inner .other .box {
  border-radius: .3rem;
  overflow: hidden;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.home .r1 .inner .other .box .msg {
  padding: .3rem
}
@media screen and (orientation: landscape) {
  .home .r1 .inner .other .box .msg {
    height: calc(100% - 2.4rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.home .r1 .inner .other .box .msg .top {
  border-bottom: 1px solid rgba(42, 53, 37, .05);
  padding-bottom: .2rem;
  margin-bottom: .6rem
}
.home .r1 .inner .other .box .msg .countFn {
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.home .r1 .inner .other .box .msg .countFn .count {
  line-height: .7rem;
  letter-spacing: -.05em
}
.home .r1 .inner .other .box .layer-img {
  width: 100%;
  height: 2.4rem
}
.home .r2 {
  height: calc(var(--vh, 1vh) * 100)
}
.home .r2 .bg .sliderPic {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  overflow: hidden
}
.home .r2 .bg .sliderPic .photo {
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  -webkit-clip-path: circle(0% at 50% 100%);
  clip-path: circle(0% at 50% 100%);
  -webkit-transition: all 1.5s var(--picEase);
  transition: all 1.5s var(--picEase)
}
.home .r2 .bg .sliderPic .photo .pic {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: opacity 1.2s var(--picEase), -webkit-transform 2s var(--ease);
  transition: opacity 1.2s var(--picEase), -webkit-transform 2s var(--ease);
  transition: opacity 1.2s var(--picEase), transform 2s var(--ease);
  transition: opacity 1.2s var(--picEase), transform 2s var(--ease), -webkit-transform 2s var(--ease)
}
.home .r2 .bg .sliderPic.on {
  opacity: 1;
  z-index: 10
}
@media screen and (orientation: landscape) {
  .home .r2 .bg .sliderPic.on .photo {
    -webkit-clip-path: circle(100% at 50% 100%);
    clip-path: circle(100% at 50% 100%)
  }
}
@media screen and (orientation: portrait) {
  .home .r2 .bg .sliderPic.on .photo {
    -webkit-clip-path: circle(400% at 50% 100%);
    clip-path: circle(400% at 50% 100%)
  }
}
.home .r2 .bg .sliderPic.on .photo .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.home .r2 .bg .sliderPic.in {
  opacity: 1;
  z-index: 12
}
@media screen and (orientation: landscape) {
  .home .r2 .bg .sliderPic.in .photo {
    -webkit-clip-path: circle(100% at 50% 100%);
    clip-path: circle(100% at 50% 100%)
  }
}
@media screen and (orientation: portrait) {
  .home .r2 .bg .sliderPic.in .photo {
    -webkit-clip-path: circle(400% at 50% 100%);
    clip-path: circle(400% at 50% 100%)
  }
}
.home .r2 .bg .sliderPic.in .photo .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.home .r2 .bg .sliderPic.out {
  opacity: 1;
  z-index: 10
}
.home .r2 .bg .sliderPic.out .photo .pic {
  opacity: .5
}
.home .r2 .inner {
  height: 100%;
  width: 100%
}
.home .r2 .inner .group {
  padding-top: 1rem;
  height: 100%;
  display: grid;
  grid-template-rows: 12% 88%;
  grid-template-columns: 100%;
  justify-items: center;
  position: relative;
  width: 100%
}
.home .r2 .inner .group .mid {
  position: relative;
  width: 100%;
  overflow: hidden
}
.home .r2 .inner .group .mid .circle {
  width: 110vw;
  height: 110vw;
  left: -5vw;
  top: 0;
  z-index: 6;
  position: absolute;
  border-radius: 50%;
  pointer-events: none
}
.home .r2 .inner .group .mid .circle .img {
  width: 100%
}
.home .r2 .inner .group .mid .circle .light {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: -webkit-transform 2s var(--picEase);
  transition: -webkit-transform 2s var(--picEase);
  transition: transform 2s var(--picEase);
  transition: transform 2s var(--picEase), -webkit-transform 2s var(--picEase)
}
.home .r2 .inner .group .mid .circle .dotItem > li {
  position: absolute;
  width: .15rem;
  left: 0;
  right: 0;
  top: 0;
  height: 50%;
  margin: 0 auto;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  padding-top: .55%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform 1.8s var(--picEase);
  transition: -webkit-transform 1.8s var(--picEase);
  transition: transform 1.8s var(--picEase);
  transition: transform 1.8s var(--picEase), -webkit-transform 1.8s var(--picEase)
}
.home .r2 .inner .group .mid .circle .dotItem > li .num {
  margin-bottom: .1rem;
  line-height: 1;
  width: 100%;
  text-align: center;
  display: block;
  -webkit-transition: color 1s var(--ease);
  transition: color 1s var(--ease)
}
.home .r2 .inner .group .mid .circle .dotItem > li .dot {
  width: .12rem;
  height: .12rem;
  border-radius: 50%;
  margin: 0 auto;
  background-color: var(--white);
  display: block;
  -webkit-transition: background-color 1s var(--ease);
  transition: background-color 1s var(--ease)
}
.home .r2 .inner .group .mid .circle .dotItem > li.on {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}
.home .r2 .inner .group .mid .circle .dotItem > li.on .num {
  color: var(--main)
}
.home .r2 .inner .group .mid .circle .dotItem > li.on .dot {
  background-color: var(--main)
}
.home .r2 .inner .group .mid .msgBox {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 7
}
.home .r2 .inner .group .mid .msgBox .sliderMsg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  -webkit-transform-origin: 50% 200%;
  -ms-transform-origin: 50% 200%;
  transform-origin: 50% 200%;
  -webkit-transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), -webkit-transform 1s var(--ease);
  opacity: 0
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni {
  opacity: 0;
  -webkit-transition: opacity 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease);
  transition: opacity 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease);
  transition: opacity 1.8s var(--ease), transform 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1.8s var(--ease), transform 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease)
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(1) {
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(2) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(3) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(4) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(5) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(6) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(7) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(8) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(9) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(10) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(11) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(12) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(13) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(14) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(15) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(16) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(17) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(18) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(19) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(20) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: 2s;
  transition-delay: 2s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(21) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(22) {
  -webkit-transform: translate3d(0, 2.3rem, 0);
  transform: translate3d(0, 2.3rem, 0);
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(23) {
  -webkit-transform: translate3d(0, 2.4rem, 0);
  transform: translate3d(0, 2.4rem, 0);
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(24) {
  -webkit-transform: translate3d(0, 2.5rem, 0);
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(25) {
  -webkit-transform: translate3d(0, 2.6rem, 0);
  transform: translate3d(0, 2.6rem, 0);
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(26) {
  -webkit-transform: translate3d(0, 2.7rem, 0);
  transform: translate3d(0, 2.7rem, 0);
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(27) {
  -webkit-transform: translate3d(0, 2.8rem, 0);
  transform: translate3d(0, 2.8rem, 0);
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(28) {
  -webkit-transform: translate3d(0, 2.9rem, 0);
  transform: translate3d(0, 2.9rem, 0);
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(29) {
  -webkit-transform: translate3d(0, 3rem, 0);
  transform: translate3d(0, 3rem, 0);
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(30) {
  -webkit-transform: translate3d(0, 3.1rem, 0);
  transform: translate3d(0, 3.1rem, 0);
  -webkit-transition-delay: 3s;
  transition-delay: 3s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(31) {
  -webkit-transform: translate3d(0, 3.2rem, 0);
  transform: translate3d(0, 3.2rem, 0);
  -webkit-transition-delay: 3.1s;
  transition-delay: 3.1s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(32) {
  -webkit-transform: translate3d(0, 3.3rem, 0);
  transform: translate3d(0, 3.3rem, 0);
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(33) {
  -webkit-transform: translate3d(0, 3.4rem, 0);
  transform: translate3d(0, 3.4rem, 0);
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(34) {
  -webkit-transform: translate3d(0, 3.5rem, 0);
  transform: translate3d(0, 3.5rem, 0);
  -webkit-transition-delay: 3.4s;
  transition-delay: 3.4s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(35) {
  -webkit-transform: translate3d(0, 3.6rem, 0);
  transform: translate3d(0, 3.6rem, 0);
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(36) {
  -webkit-transform: translate3d(0, 3.7rem, 0);
  transform: translate3d(0, 3.7rem, 0);
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(37) {
  -webkit-transform: translate3d(0, 3.8rem, 0);
  transform: translate3d(0, 3.8rem, 0);
  -webkit-transition-delay: 3.7s;
  transition-delay: 3.7s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(38) {
  -webkit-transform: translate3d(0, 3.9rem, 0);
  transform: translate3d(0, 3.9rem, 0);
  -webkit-transition-delay: 3.8s;
  transition-delay: 3.8s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(39) {
  -webkit-transform: translate3d(0, 4rem, 0);
  transform: translate3d(0, 4rem, 0);
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(40) {
  -webkit-transform: translate3d(0, 4.1rem, 0);
  transform: translate3d(0, 4.1rem, 0);
  -webkit-transition-delay: 4s;
  transition-delay: 4s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(41) {
  -webkit-transform: translate3d(0, 4.2rem, 0);
  transform: translate3d(0, 4.2rem, 0);
  -webkit-transition-delay: 4.1s;
  transition-delay: 4.1s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(42) {
  -webkit-transform: translate3d(0, 4.3rem, 0);
  transform: translate3d(0, 4.3rem, 0);
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(43) {
  -webkit-transform: translate3d(0, 4.4rem, 0);
  transform: translate3d(0, 4.4rem, 0);
  -webkit-transition-delay: 4.3s;
  transition-delay: 4.3s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(44) {
  -webkit-transform: translate3d(0, 4.5rem, 0);
  transform: translate3d(0, 4.5rem, 0);
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(45) {
  -webkit-transform: translate3d(0, 4.6rem, 0);
  transform: translate3d(0, 4.6rem, 0);
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(46) {
  -webkit-transform: translate3d(0, 4.7rem, 0);
  transform: translate3d(0, 4.7rem, 0);
  -webkit-transition-delay: 4.6s;
  transition-delay: 4.6s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(47) {
  -webkit-transform: translate3d(0, 4.8rem, 0);
  transform: translate3d(0, 4.8rem, 0);
  -webkit-transition-delay: 4.7s;
  transition-delay: 4.7s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(48) {
  -webkit-transform: translate3d(0, 4.9rem, 0);
  transform: translate3d(0, 4.9rem, 0);
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(49) {
  -webkit-transform: translate3d(0, 5rem, 0);
  transform: translate3d(0, 5rem, 0);
  -webkit-transition-delay: 4.9s;
  transition-delay: 4.9s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .alanAni:nth-child(50) {
  -webkit-transform: translate3d(0, 5.1rem, 0);
  transform: translate3d(0, 5.1rem, 0);
  -webkit-transition-delay: 5s;
  transition-delay: 5s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .title h2 {
  font-style: italic
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .title .col {
  margin-left: .45rem;
  padding-top: .4em
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .title .col small {
  display: block
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter {
  display: inline-block;
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0)
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(1) {
  -webkit-transition-delay: .03s;
  transition-delay: .03s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(2) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(3) {
  -webkit-transition-delay: .09s;
  transition-delay: .09s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(4) {
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(5) {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(6) {
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(7) {
  -webkit-transition-delay: .21s;
  transition-delay: .21s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(8) {
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(9) {
  -webkit-transition-delay: .27s;
  transition-delay: .27s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(10) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(11) {
  -webkit-transition-delay: .33s;
  transition-delay: .33s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(12) {
  -webkit-transition-delay: .36s;
  transition-delay: .36s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(13) {
  -webkit-transition-delay: .39s;
  transition-delay: .39s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(14) {
  -webkit-transition-delay: .42s;
  transition-delay: .42s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(15) {
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(16) {
  -webkit-transition-delay: .48s;
  transition-delay: .48s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(17) {
  -webkit-transition-delay: .51s;
  transition-delay: .51s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(18) {
  -webkit-transition-delay: .54s;
  transition-delay: .54s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(19) {
  -webkit-transition-delay: .57s;
  transition-delay: .57s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(20) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(21) {
  -webkit-transition-delay: .63s;
  transition-delay: .63s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(22) {
  -webkit-transition-delay: .66s;
  transition-delay: .66s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(23) {
  -webkit-transition-delay: .69s;
  transition-delay: .69s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(24) {
  -webkit-transition-delay: .72s;
  transition-delay: .72s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(25) {
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(26) {
  -webkit-transition-delay: .78s;
  transition-delay: .78s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(27) {
  -webkit-transition-delay: .81s;
  transition-delay: .81s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(28) {
  -webkit-transition-delay: .84s;
  transition-delay: .84s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(29) {
  -webkit-transition-delay: .87s;
  transition-delay: .87s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(30) {
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(31) {
  -webkit-transition-delay: .93s;
  transition-delay: .93s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(32) {
  -webkit-transition-delay: .96s;
  transition-delay: .96s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(33) {
  -webkit-transition-delay: .99s;
  transition-delay: .99s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(34) {
  -webkit-transition-delay: 1.02s;
  transition-delay: 1.02s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(35) {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(36) {
  -webkit-transition-delay: 1.08s;
  transition-delay: 1.08s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(37) {
  -webkit-transition-delay: 1.11s;
  transition-delay: 1.11s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(38) {
  -webkit-transition-delay: 1.14s;
  transition-delay: 1.14s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(39) {
  -webkit-transition-delay: 1.17s;
  transition-delay: 1.17s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(40) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(41) {
  -webkit-transition-delay: 1.23s;
  transition-delay: 1.23s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(42) {
  -webkit-transition-delay: 1.26s;
  transition-delay: 1.26s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(43) {
  -webkit-transition-delay: 1.29s;
  transition-delay: 1.29s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(44) {
  -webkit-transition-delay: 1.32s;
  transition-delay: 1.32s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(45) {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(46) {
  -webkit-transition-delay: 1.38s;
  transition-delay: 1.38s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(47) {
  -webkit-transition-delay: 1.41s;
  transition-delay: 1.41s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(48) {
  -webkit-transition-delay: 1.44s;
  transition-delay: 1.44s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(49) {
  -webkit-transition-delay: 1.47s;
  transition-delay: 1.47s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg h2 .letter:nth-child(50) {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.home .r2 .inner .group .mid .msgBox .sliderMsg p {
  text-align: center
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .layer-btn {
  margin: .25rem 0 1rem
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .countFn {
  -webkit-clip-path: inset(100% 0 0 0 round 0);
  clip-path: inset(100% 0 0 0 round 0)
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .countFn .line {
  height: .2rem;
  width: 1px;
  background-color: #fff6;
  margin: 0 .2rem
}
.home .r2 .inner .group .mid .msgBox .sliderMsg .countFn .count {
  line-height: .7
}
.home .r2 .inner .group .mid .msgBox .sliderMsg.on {
  opacity: 1;
  pointer-events: painted
}
.home .r2 .inner .group .mid .msgBox .sliderMsg.on h2 .letter {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.home .r2 .inner .group .mid .msgBox .sliderMsg.on .countFn {
  -webkit-clip-path: inset(0 0 0 0 round 0);
  clip-path: inset(0 0 0 0 round 0)
}
.home .r2 .inner .group .mid .msgBox .sliderMsg.on .alanAni {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.home .r2 .inner .group .mid .msgBox .sliderMsg.in {
  opacity: 1
}
.home .r2 .inner .group .mid .msgBox .sliderMsg.in h2 .letter {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.home .r2 .inner .group .mid .msgBox .sliderMsg.in .countFn {
  -webkit-clip-path: inset(0 0 0 0 round 0);
  clip-path: inset(0 0 0 0 round 0)
}
.home .r2 .inner .group .mid .msgBox .sliderMsg.in .alanAni {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.home .r2 .inner .group .mid .msgBox .sliderMsg.out {
  opacity: 0
}
.home .r2 .inner .group .mid .msgBox .sliderMsg.out h2 .letter {
  opacity: 0;
  -webkit-transform: translate3d(0, -.5rem, 0);
  transform: translate3d(0, -.5rem, 0)
}
.home .r2 .inner .group .mid .msgBox .sliderMsg.out .alanAni {
  opacity: 0;
  -webkit-transform: translate3d(0, -.4rem, 0);
  transform: translate3d(0, -.4rem, 0)
}
.home .r2 .inner .group .set {
  pointer-events: none;
  z-index: 10;
  padding: 0 .6rem
}
.home .r2 .inner .group .set .layer-cir {
  pointer-events: painted
}
.home .r3 {
  background-color: #f4f4f4
}
.home .r3 .bg .map {
  width: 15.8rem;
  position: absolute;
  right: 0;
  top: 1rem
}
.home .r3 .bg .map > img {
  width: 100%
}
.home .r3 .bg .map .start {
  position: absolute;
  width: 100%;
  height: 10vw;
  pointer-events: none;
  top: 45%
}
.home .r3 .bg .map .start.go + .txt .txtImg {
  -webkit-clip-path: inset(0 0 0 25% round 0);
  clip-path: inset(0 0 0 25% round 0)
}
.home .r3 .bg .map .start.go + .txt .step {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.home .r3 .bg .map .txt {
  -webkit-transition: opacity 2.4s var(--ease);
  transition: opacity 2.4s var(--ease);
  -webkit-clip-path: inset(10% 0 0 0 round 0);
  clip-path: inset(10% 0 0 0 round 0)
}
.home .r3 .bg .map .txt .txtImg {
  -webkit-clip-path: inset(0 0 0 85% round 0);
  clip-path: inset(0 0 0 85% round 0);
  -webkit-transition: all 5s var(--ease);
  transition: all 5s var(--ease);
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
  position: relative;
  width: 100%;
  height: 100%
}
.home .r3 .bg .map .txt .step {
  -webkit-transition: opacity 1.5s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.5s var(--ease);
  transition: opacity 1.5s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.5s var(--ease);
  transition: opacity 1.5s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease);
  transition: opacity 1.5s var(--ease), transform 1.5s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.5s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.home .r3 .bg .map .txt .step:nth-child(1) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.home .r3 .bg .map .txt .step:nth-child(2) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.home .r3 .bg .map .txt .step:nth-child(3) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.home .r3 .bg .map .txt .step:nth-child(4) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s
}
.home .r3 .bg .map .txt .step:nth-child(5) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s
}
.home .r3 .bg .map .txt .step:nth-child(6) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.home .r3 .bg .map .txt .step:nth-child(7) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s
}
.home .r3 .bg .map .txt .step:nth-child(8) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s
}
.home .r3 .bg .map .txt .step:nth-child(9) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s
}
.home .r3 .bg .map .txt .step:nth-child(10) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s
}
.home .r3 .bg .map .txt .step:nth-child(11) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s
}
.home .r3 .bg .map .txt .step:nth-child(12) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s
}
.home .r3 .bg .map .txt .step:nth-child(13) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s
}
.home .r3 .bg .map .txt .step:nth-child(14) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: 3.1s;
  transition-delay: 3.1s
}
.home .r3 .bg .map .txt .step:nth-child(15) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s
}
.home .r3 .bg .map .txt .step:nth-child(16) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s
}
.home .r3 .bg .map .txt .step:nth-child(17) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: 3.7s;
  transition-delay: 3.7s
}
.home .r3 .bg .map .txt .step:nth-child(18) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s
}
.home .r3 .bg .map .txt .step:nth-child(19) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: 4.1s;
  transition-delay: 4.1s
}
.home .r3 .bg .map .txt .step:nth-child(20) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: 4.3s;
  transition-delay: 4.3s
}
.home .r3 .inner {
  padding: 2rem 0 1.5rem;
  height: 100%
}
.home .r3 .inner .layer-topic {
  margin-bottom: 3.2rem
}
.home .r3 .inner .msg p b {
  font-weight: 600
}
.home .r4 {
  background-color: #292f27
}
.home .r4 .bg .pic {
  height: calc(100% + 2rem);
  top: -1rem;
  background-size: 100%
}
.home .r4 .inner {
  padding: 1.3rem 0
}
.home .r4 .inner .layer-topic {
  position: relative
}
.home .r4 .inner .layer-topic .note {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff3
}
.home .r4 .inner .group {
  padding: .3rem 0;
  width: 100%
}
@media screen and (orientation: landscape) {
  .home .r4 .inner .group .swiper {
    width: 7.3rem
  }
}
.home .r4 .inner .group .swiper .swiper-slide {
  border-radius: .3rem;
  overflow: hidden;
  width: 7.3rem;
  position: relative;
  cursor: pointer
}
.home .r4 .inner .group .swiper .swiper-slide .layer-img {
  width: 100%;
  height: 4.6rem
}
.home .r4 .inner .group .swiper .swiper-slide .msg {
  position: absolute;
  bottom: 0;
  z-index: 10;
  height: 60%;
  left: 0;
  width: 100%;
  padding: .35rem
}
.home .r4 .inner .group .swiper .swiper-slide .msg h3 {
  position: relative;
  z-index: 5;
  margin-bottom: .15rem
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note {
  position: relative;
  z-index: 5;
  height: .3rem;
  width: 100%
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note > p {
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), -webkit-transform 1s var(--ease)
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  display: grid;
  grid-auto-flow: column;
  gap: 0 .4rem;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list {
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(1) {
  -webkit-transform: translate3d(.15rem, 0, 0);
  transform: translate3d(.15rem, 0, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(2) {
  -webkit-transform: translate3d(.2rem, 0, 0);
  transform: translate3d(.2rem, 0, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(3) {
  -webkit-transform: translate3d(.25rem, 0, 0);
  transform: translate3d(.25rem, 0, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(4) {
  -webkit-transform: translate3d(.3rem, 0, 0);
  transform: translate3d(.3rem, 0, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(5) {
  -webkit-transform: translate3d(.35rem, 0, 0);
  transform: translate3d(.35rem, 0, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(6) {
  -webkit-transform: translate3d(.4rem, 0, 0);
  transform: translate3d(.4rem, 0, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(7) {
  -webkit-transform: translate3d(.45rem, 0, 0);
  transform: translate3d(.45rem, 0, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(8) {
  -webkit-transform: translate3d(.5rem, 0, 0);
  transform: translate3d(.5rem, 0, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(9) {
  -webkit-transform: translate3d(.55rem, 0, 0);
  transform: translate3d(.55rem, 0, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(10) {
  -webkit-transform: translate3d(.6rem, 0, 0);
  transform: translate3d(.6rem, 0, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(11) {
  -webkit-transform: translate3d(.65rem, 0, 0);
  transform: translate3d(.65rem, 0, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(12) {
  -webkit-transform: translate3d(.7rem, 0, 0);
  transform: translate3d(.7rem, 0, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(13) {
  -webkit-transform: translate3d(.75rem, 0, 0);
  transform: translate3d(.75rem, 0, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(14) {
  -webkit-transform: translate3d(.8rem, 0, 0);
  transform: translate3d(.8rem, 0, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(15) {
  -webkit-transform: translate3d(.85rem, 0, 0);
  transform: translate3d(.85rem, 0, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(16) {
  -webkit-transform: translate3d(.9rem, 0, 0);
  transform: translate3d(.9rem, 0, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(17) {
  -webkit-transform: translate3d(.95rem, 0, 0);
  transform: translate3d(.95rem, 0, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(18) {
  -webkit-transform: translate3d(1rem, 0, 0);
  transform: translate3d(1rem, 0, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(19) {
  -webkit-transform: translate3d(1.05rem, 0, 0);
  transform: translate3d(1.05rem, 0, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list:nth-child(20) {
  -webkit-transform: translate3d(1.1rem, 0, 0);
  transform: translate3d(1.1rem, 0, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-cir {
  width: .3rem;
  height: .3rem;
  position: absolute;
  right: 0;
  top: 0
}
.home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-cir .iconfont {
  font-weight: 600
}
@media screen and (orientation: landscape) {
  .home .r4 .inner .group .swiper .swiper-slide:hover .msg .note > p {
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
  }
  .home .r4 .inner .group .swiper .swiper-slide:hover .msg .note .layer-item .list {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
  .home .r4 .inner .group .swiper .swiper-slide:hover .msg .note .layer-cir {
    background-color: var(--main)
  }
  .home .r4 .inner .group .swiper .swiper-slide:hover .msg .note .layer-cir > .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .home .r4 .inner .group .swiper .swiper-slide:hover .msg .note .layer-cir .iconfont {
    color: #fff
  }
}
.home .r4 .inner .group .btm {
  width: 100%;
  margin-top: .5rem
}
.home .r4 .inner .group .btm .set .layer-cir {
  margin-left: .15rem
}
.home .r5 {
  height: 450vh;
  overflow: visible
}
.home .r5 .inner {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  left: 0;
  top: 0;
  overflow: hidden
}
.home .r5 .inner .part {
  z-index: 8;
  --go: 1
}
.home .r5 .inner .part:nth-of-type(1) {
  z-index: 6;
  --go: 0
}
@media screen and (orientation: landscape) {
  .home .r5 .inner .part .mask {
    -webkit-clip-path: inset(0 0 0 calc(var(--go) * 100%) round 0);
    clip-path: inset(0 0 0 calc(var(--go) * 100%) round 0)
  }
}
@media screen and (orientation: portrait) {
  .home .r5 .inner .part .mask {
    -webkit-clip-path: inset(calc(var(--go) * 100%) 0 0 0 round 0);
    clip-path: inset(calc(var(--go) * 100%) 0 0 0 round 0)
  }
}
.home .r5 .inner .part .mask .pic {
  background-size: cover
}
.home .r5 .inner .part .mask .pic:before {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .05) 60%, rgba(0, 0, 0, .8) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, .05) 60%, rgba(0, 0, 0, .8) 100%)
}
.home .r5 .inner .part .msg {
  position: absolute;
  bottom: 2rem;
  left: 57%;
  width: 32%
}
.home .r5 .inner .part .msg .after {
  color: #ffffff4d;
  width: 100%
}
.home .r5 .inner .part .msg .after .letter {
  -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.home .r5 .inner .part .msg .after .letter:nth-child(1) {
  -webkit-transform: translate3d(0, .25rem, 0);
  transform: translate3d(0, .25rem, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.home .r5 .inner .part .msg .after .letter:nth-child(2) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.home .r5 .inner .part .msg .after .letter:nth-child(3) {
  -webkit-transform: translate3d(0, .55rem, 0);
  transform: translate3d(0, .55rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.home .r5 .inner .part .msg .after .letter:nth-child(4) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.home .r5 .inner .part .msg .after .letter:nth-child(5) {
  -webkit-transform: translate3d(0, .85rem, 0);
  transform: translate3d(0, .85rem, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.home .r5 .inner .part .msg .after .letter:nth-child(6) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.home .r5 .inner .part .msg .after .letter:nth-child(7) {
  -webkit-transform: translate3d(0, 1.15rem, 0);
  transform: translate3d(0, 1.15rem, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.home .r5 .inner .part .msg .after .letter:nth-child(8) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.home .r5 .inner .part .msg .after .letter:nth-child(9) {
  -webkit-transform: translate3d(0, 1.45rem, 0);
  transform: translate3d(0, 1.45rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.home .r5 .inner .part .msg .after .letter:nth-child(10) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.home .r5 .inner .part .msg .after .letter:nth-child(11) {
  -webkit-transform: translate3d(0, 1.75rem, 0);
  transform: translate3d(0, 1.75rem, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.home .r5 .inner .part .msg .after .letter:nth-child(12) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.home .r5 .inner .part .msg .after .letter:nth-child(13) {
  -webkit-transform: translate3d(0, 2.05rem, 0);
  transform: translate3d(0, 2.05rem, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.home .r5 .inner .part .msg .after .letter:nth-child(14) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.home .r5 .inner .part .msg .after .letter:nth-child(15) {
  -webkit-transform: translate3d(0, 2.35rem, 0);
  transform: translate3d(0, 2.35rem, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.home .r5 .inner .part .msg .after .letter:nth-child(16) {
  -webkit-transform: translate3d(0, 2.5rem, 0);
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.home .r5 .inner .part .msg .after .letter:nth-child(17) {
  -webkit-transform: translate3d(0, 2.65rem, 0);
  transform: translate3d(0, 2.65rem, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.home .r5 .inner .part .msg .after .letter:nth-child(18) {
  -webkit-transform: translate3d(0, 2.8rem, 0);
  transform: translate3d(0, 2.8rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.home .r5 .inner .part .msg .after .letter:nth-child(19) {
  -webkit-transform: translate3d(0, 2.95rem, 0);
  transform: translate3d(0, 2.95rem, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.home .r5 .inner .part .msg .after .letter:nth-child(20) {
  -webkit-transform: translate3d(0, 3.1rem, 0);
  transform: translate3d(0, 3.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.home .r5 .inner .part .msg .above {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: #fff
}
.home .r5 .inner .part .msg .above .letter {
  -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.home .r5 .inner .part .msg .above .letter:nth-child(1) {
  -webkit-transform: translate3d(0, .25rem, 0);
  transform: translate3d(0, .25rem, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.home .r5 .inner .part .msg .above .letter:nth-child(2) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.home .r5 .inner .part .msg .above .letter:nth-child(3) {
  -webkit-transform: translate3d(0, .55rem, 0);
  transform: translate3d(0, .55rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.home .r5 .inner .part .msg .above .letter:nth-child(4) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.home .r5 .inner .part .msg .above .letter:nth-child(5) {
  -webkit-transform: translate3d(0, .85rem, 0);
  transform: translate3d(0, .85rem, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.home .r5 .inner .part .msg .above .letter:nth-child(6) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.home .r5 .inner .part .msg .above .letter:nth-child(7) {
  -webkit-transform: translate3d(0, 1.15rem, 0);
  transform: translate3d(0, 1.15rem, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.home .r5 .inner .part .msg .above .letter:nth-child(8) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.home .r5 .inner .part .msg .above .letter:nth-child(9) {
  -webkit-transform: translate3d(0, 1.45rem, 0);
  transform: translate3d(0, 1.45rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.home .r5 .inner .part .msg .above .letter:nth-child(10) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.home .r5 .inner .part .msg .above .letter:nth-child(11) {
  -webkit-transform: translate3d(0, 1.75rem, 0);
  transform: translate3d(0, 1.75rem, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.home .r5 .inner .part .msg .above .letter:nth-child(12) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.home .r5 .inner .part .msg .above .letter:nth-child(13) {
  -webkit-transform: translate3d(0, 2.05rem, 0);
  transform: translate3d(0, 2.05rem, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.home .r5 .inner .part .msg .above .letter:nth-child(14) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.home .r5 .inner .part .msg .above .letter:nth-child(15) {
  -webkit-transform: translate3d(0, 2.35rem, 0);
  transform: translate3d(0, 2.35rem, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.home .r5 .inner .part .msg .above .letter:nth-child(16) {
  -webkit-transform: translate3d(0, 2.5rem, 0);
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.home .r5 .inner .part .msg .above .letter:nth-child(17) {
  -webkit-transform: translate3d(0, 2.65rem, 0);
  transform: translate3d(0, 2.65rem, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.home .r5 .inner .part .msg .above .letter:nth-child(18) {
  -webkit-transform: translate3d(0, 2.8rem, 0);
  transform: translate3d(0, 2.8rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.home .r5 .inner .part .msg .above .letter:nth-child(19) {
  -webkit-transform: translate3d(0, 2.95rem, 0);
  transform: translate3d(0, 2.95rem, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.home .r5 .inner .part .msg .above .letter:nth-child(20) {
  -webkit-transform: translate3d(0, 3.1rem, 0);
  transform: translate3d(0, 3.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.home .r5 .inner .part .msg .above .letter:nth-of-type(1) {
  -webkit-clip-path: inset(0 calc(var(--go) * 200%) 0 0 round 0);
  clip-path: inset(0 calc(var(--go) * 200%) 0 0 round 0)
}
.home .r5 .inner .part .msg .above .letter:nth-of-type(2) {
  z-index: 10;
  -webkit-clip-path: inset(0 calc(var(--go) * 300%) 0 0 round 0);
  clip-path: inset(0 calc(var(--go) * 300%) 0 0 round 0)
}
.home .r5 .inner .part .msg .above .letter:nth-of-type(3) {
  z-index: 10;
  -webkit-clip-path: inset(0 calc(var(--go) * 400%) 0 0 round 0);
  clip-path: inset(0 calc(var(--go) * 400%) 0 0 round 0)
}
.home .r5 .inner .part .msg.go .after .letter, .home .r5 .inner .part .msg.go .above .letter {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.home .r5 .inner .group {
  z-index: 10
}
.home .r5 .inner .group .items {
  position: absolute;
  top: 1.3rem;
  left: .6rem
}
.home .r5 .inner .group .items .list {
  cursor: pointer;
  position: relative;
  padding: .05rem 0
}
.home .r5 .inner .group .items .list .num {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  position: absolute;
  height: 100%;
  width: .5rem;
  text-align: left;
  color: #ccec6c;
  opacity: 0;
  -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease)
}
.home .r5 .inner .group .items .list > p {
  color: #fff6;
  letter-spacing: -.1em;
  -webkit-transition: color .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: color .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: color .8s var(--ease), transform .8s var(--ease);
  transition: color .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease);
  line-height: 1.1
}
.home .r5 .inner .group .items .list.on .num {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1
}
.home .r5 .inner .group .items .list.on > p {
  color: #fff;
  -webkit-transform: translate3d(.6rem, 0, 0);
  transform: translate3d(.6rem, 0, 0)
}
@media screen and (orientation: landscape) {
  .home .r5 .inner .group .items .list:hover > p {
    color: #fff
  }
}
.home .r5 .inner .group .btm {
  position: absolute;
  height: 2rem;
  left: 0;
  width: 100%;
  bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: grid;
  grid-template-columns: 57% 43%
}
.home .r5 .inner .group .btm .col {
  padding-right: .6rem
}
.home .r5 .inner .group .btm .col:first-of-type {
  padding-left: .6rem
}
.home .r5 .inner .group .btm .col .set .layer-cir {
  margin-right: .1rem
}
.home .r6 {
  background-color: #f7f6f2
}
.home .r6 .inner {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem
}
.home .r6 .inner .layer-topic {
  position: relative
}
.home .r6 .inner .layer-topic .tabItem .tab {
  color: #2a35254d;
  margin-right: .4rem;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease);
  cursor: pointer
}
@media screen and (orientation: landscape) {
  .home .r6 .inner .layer-topic .tabItem .tab:hover {
    color: #2a3525
  }
}
.home .r6 .inner .layer-topic .tabItem .tab.on {
  color: #2a3525
}
.home .r6 .inner .layer-topic .layer-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto 0
}
.home .r6 .inner .group {
  margin-top: .5rem;
  width: 100%;
  position: relative
}
.home .r6 .inner .group .tabCon {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  pointer-events: none
}
.home .r6 .inner .group .tabCon:first-of-type {
  position: relative
}
.home .r6 .inner .group .tabCon .swiper {
  width: 100%;
  position: relative;
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0)
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide {
  width: 5rem;
  position: relative;
  cursor: inherit;
  border: 1px solid rgb(150, 185, 49);
  border-radius: .4rem;
  -webkit-transition: border-color .8s var(--ease);
  transition: border-color .8s var(--ease)
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .photo {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-color: #000;
  -webkit-clip-path: inset(.9rem .3rem 2.4rem .3rem round .2rem);
  clip-path: inset(.9rem .3rem 2.4rem .3rem round .2rem);
  -webkit-transition: -webkit-clip-path .8s var(--ease);
  transition: -webkit-clip-path .8s var(--ease);
  transition: clip-path .8s var(--ease);
  transition: clip-path .8s var(--ease), -webkit-clip-path .8s var(--ease)
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .photo .pic {
  position: relative;
  width: 100%;
  height: 52%;
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
  -webkit-transform-origin: 50% 250%;
  -ms-transform-origin: 50% 250%;
  transform-origin: 50% 250%;
  -webkit-transition: all .8s var(--ease);
  transition: all .8s var(--ease)
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .photo:before {
  content: "";
  pointer-events: none;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .1) 60%, rgba(0, 0, 0, .8) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, .1) 60%, rgba(0, 0, 0, .8) 100%);
  opacity: 0;
  z-index: 3;
  -webkit-transition: opacity .8s var(--ease);
  transition: opacity .8s var(--ease)
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .top {
  height: .9rem;
  padding: 0 .3rem;
  position: relative
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .top h3 {
  -webkit-transition: color .6s var(--ease);
  transition: color .6s var(--ease)
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .clear {
  height: 2rem;
  width: calc(100% - .6rem);
  margin: 0 auto
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .clear .pic {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: .2rem
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .mid {
  height: 1.5rem;
  padding: .3rem .3rem 0;
  position: relative;
  z-index: 6
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .mid h2 {
  line-height: 1.3;
  -webkit-transition: color .6s var(--ease);
  transition: color .6s var(--ease)
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .btm {
  padding: 0 .3rem;
  height: .9rem;
  position: relative;
  z-index: 6
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .btm small {
  -webkit-transition: color .6s var(--ease);
  transition: color .6s var(--ease)
}
.home .r6 .inner .group .tabCon .swiper .swiper-slide .btm .layer-cir {
  width: .4rem;
  height: .4rem
}
@media screen and (orientation: landscape) {
  .home .r6 .inner .group .tabCon .swiper .swiper-slide:hover {
    border-color: transparent
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide:hover .photo {
    -webkit-clip-path: inset(0 0 0 0 round .4rem);
    clip-path: inset(0 0 0 0 round .4rem)
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide:hover .photo .pic {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    height: 100%;
    opacity: .9
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide:hover .photo:before {
    opacity: 1
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide:hover .top h3, .home .r6 .inner .group .tabCon .swiper .swiper-slide:hover .mid h2, .home .r6 .inner .group .tabCon .swiper .swiper-slide:hover .btm small {
    color: #fff
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide:hover .btm .layer-cir {
    background-color: var(--main)
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide:hover .btm .layer-cir > .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide:hover .btm .layer-cir .iconfont {
    color: #fff
  }
}
.home .r6 .inner .group .tabCon.on {
  pointer-events: painted
}
.home .r6 .inner .group .tabCon.on .swiper {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.afterInner {
  min-height: 100vh
}
.afterInner .banner {
  height: 100vh;
  overflow: hidden
}
.afterInner .banner .bg .pic {
  -webkit-transition: opacity 2s var(--ease1), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 2s var(--ease1);
  transition: opacity 2s var(--ease1), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 2s var(--ease1);
  transition: opacity 2s var(--ease1), transform 2s var(--ease1), color .3s var(--ease), background-color .6s var(--ease);
  transition: opacity 2s var(--ease1), transform 2s var(--ease1), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 2s var(--ease1);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.afterInner .banner .bg .pic.go {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.afterInner .banner .inner {
  height: 100%;
  position: relative;
  z-index: 4
}
.afterInner .banner .inner .group {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10
}
.afterInner .banner .inner .group .line {
  width: 1px;
  height: 2.2rem;
  background-color: #ffffff4d
}
.afterInner .banner .inner .group .note {
  position: absolute;
  text-align: center;
  bottom: 8%;
  width: 100%;
  left: 0;
  line-height: 2
}
.afterInner .banner .inner .other {
  position: absolute;
  bottom: -2vw;
  left: 0;
  width: 100%;
  pointer-events: none;
  height: 100%;
  opacity: 0;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: opacity 2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 2s var(--ease);
  transition: opacity 2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 2s var(--ease);
  transition: opacity 2s var(--ease), transform 2s var(--ease), color .3s var(--ease), background-color .6s var(--ease);
  transition: opacity 2s var(--ease), transform 2s var(--ease), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 2s var(--ease);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}
.afterInner .banner .inner .other:before {
  z-index: 2
}
.afterInner .banner .inner .other > .line {
  position: absolute;
  bottom: 0;
  z-index: 3;
  width: calc(100% + 6vw);
  left: -3vw
}
.afterInner .banner .inner .other .light {
  position: absolute;
  bottom: -.2vw;
  z-index: 3;
  width: calc(100% + 6vw);
  left: -3vw;
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-transition: opacity 2s var(--ease), -webkit-transform 2s var(--ease);
  transition: opacity 2s var(--ease), -webkit-transform 2s var(--ease);
  transition: opacity 2s var(--ease), transform 2s var(--ease);
  transition: opacity 2s var(--ease), transform 2s var(--ease), -webkit-transform 2s var(--ease)
}
.afterInner .banner .inner .other.go {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.afterInner .banner .inner .other.go .light {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0)
}
.about .r1 {
  background-color: #fff
}
.about .r1 .inner {
  padding: 1.9rem 0 1.5rem
}
.about .r1 .inner .group .col {
  width: 45%
}
.about .r1 .inner .group .col .layer-img {
  height: 4rem;
  position: relative
}
.about .r1 .inner .group .col .layer-img .player {
  position: absolute;
  bottom: .3rem;
  right: .4rem;
  z-index: 10
}
.about .r1 .inner .btm {
  margin-top: .9rem
}
.about .r1 .inner .btm .list .countFn {
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.about .r1 .inner .btm .list .countFn .count {
  line-height: .7rem;
  letter-spacing: -.05em
}
.about .r1 .inner .btm .list .layer-icon {
  margin-top: .3rem
}
.about .r1 .inner .btm .list .layer-icon > img {
  height: .22rem;
  margin-right: .18rem
}
.about .r1 .inner .btm .list .layer-icon p {
  font-weight: 500
}
.about .r1 .inner .btm .list .layer-icon p small {
  color: #2a352599;
  font-size: .9em
}
.about .r2 .bg .pic {
  height: calc(100% + 2rem);
  top: -1rem
}
.about .r2 .inner {
  padding: 1.6rem 0 2.2rem
}
.about .r2 .inner .layer-topic [data-split] .letter {
  margin-right: .2em
}
.about .r2 .inner .group {
  display: grid;
  grid-template-columns: repeat(var(--col), 1fr);
  gap: 0 .25rem
}
.about .r2 .inner .group .box {
  position: relative;
  border-radius: .3rem;
  overflow: hidden
}
.about .r2 .inner .group .box .layer-img {
  width: 100%;
  height: 5rem;
  position: relative
}
.about .r2 .inner .group .box .msg {
  z-index: 6;
  position: absolute;
  text-align: center;
  -webkit-transition: background-color 1s var(--ease);
  transition: background-color 1s var(--ease)
}
.about .r2 .inner .group .box .msg .after {
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.about .r2 .inner .group .box .msg .after:nth-child(1) {
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.about .r2 .inner .group .box .msg .after:nth-child(2) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.about .r2 .inner .group .box .msg .after:nth-child(3) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.about .r2 .inner .group .box .msg .after:nth-child(4) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.about .r2 .inner .group .box .msg .after:nth-child(5) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.about .r2 .inner .group .box .msg .after:nth-child(6) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.about .r2 .inner .group .box .msg .after:nth-child(7) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.about .r2 .inner .group .box .msg .after:nth-child(8) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.about .r2 .inner .group .box .msg .after:nth-child(9) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.about .r2 .inner .group .box .msg .after:nth-child(10) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.about .r2 .inner .group .box .msg .after:nth-child(11) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.about .r2 .inner .group .box .msg .after:nth-child(12) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.about .r2 .inner .group .box .msg .after:nth-child(13) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.about .r2 .inner .group .box .msg .after:nth-child(14) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.about .r2 .inner .group .box .msg .after:nth-child(15) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.about .r2 .inner .group .box .msg .after:nth-child(16) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.about .r2 .inner .group .box .msg .after:nth-child(17) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.about .r2 .inner .group .box .msg .after:nth-child(18) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.about .r2 .inner .group .box .msg .after:nth-child(19) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.about .r2 .inner .group .box .msg .after:nth-child(20) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.about .r2 .inner .group .box .msg .above {
  position: absolute;
  bottom: .6rem;
  width: 100%;
  text-align: center;
  left: 0;
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 1;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
@media screen and (orientation: landscape) {
  .about .r2 .inner .group .box:hover .msg {
    background-color: #00000080
  }
  .about .r2 .inner .group .box:hover .msg .after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
  .about .r2 .inner .group .box:hover .msg .above {
    opacity: 0
  }
}
@media screen and (orientation: portrait) {
  .about .r2 .inner .group .box .msg {
    background-color: #00000040
  }
  .about .r2 .inner .group .box .msg .f-36 {
    font-size: 6vw
  }
  .about .r2 .inner .group .box .msg .after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    color: #fff
  }
  .about .r2 .inner .group .box .msg .above {
    opacity: 0
  }
}
.about .r3 .inner {
  padding: 1.5rem 0 1.6rem
}
.about .r3 .inner .group .col {
  width: 45%
}
.about .r3 .inner .group .col .layer-img {
  height: 5.2rem;
  border-radius: .4rem
}
.about .r3 .inner .part {
  width: 100%;
  padding-top: 1.2rem
}
.about .r3 .inner .part .swiper .swiper-slide .layer-img {
  border-radius: .4rem;
  width: 3.4rem;
  height: 4.2rem
}
.about .r3 .inner .part .swiper .swiper-slide .msg {
  padding-top: .5rem
}
.about .r4 {
  background-color: #292f27
}
.about .r4 .inner {
  padding: 1.6rem 0 1rem;
  position: relative
}
.about .r4 .inner .layer-topic {
  margin-bottom: 1.4rem
}
.about .r4 .inner .group {
  height: 5rem;
  position: relative
}
.about .r4 .inner .group .box {
  -webkit-transition: opacity .3s var(--ease);
  transition: opacity .3s var(--ease);
  opacity: 0;
  pointer-events: none
}
.about .r4 .inner .group .box > img {
  width: 4.5rem;
  height: 2.5rem;
  border: 1px solid rgb(167, 204, 57);
  border-radius: .1rem;
  object-fit: cover;
  margin-bottom: .4rem
}
.about .r4 .inner .group .box .list {
  padding: .05rem 0
}
.about .r4 .inner .group .box .list b {
  font-weight: 600;
  width: .4rem
}
.about .r4 .inner .group .box .list p {
  color: inherit;
  font-weight: 300
}
.about .r4 .inner .group .box.go {
  opacity: 1;
  pointer-events: painted
}
.about .r4 .inner .btm .set .layer-cir {
  margin-right: .1rem
}
.about .r4 .inner .other {
  position: absolute;
  right: -9.2rem;
  width: 16.2rem;
  height: 16.2rem;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}
.about .r4 .inner .other .c1 {
  border: 1px solid rgba(167, 204, 57, .2);
  border-radius: 50%
}
.about .r4 .inner .other .c1:after {
  content: "";
  position: absolute;
  width: calc(100% + .2rem);
  left: -.1rem;
  height: 58%;
  bottom: 0;
  background-color: #292f27
}
.about .r4 .inner .other .c2 {
  border-radius: 50%;
  border: 1.2rem solid rgba(150, 185, 49, .15);
  width: 14.4rem;
  height: 14.4rem;
  z-index: 4
}
.about .r4 .inner .other .c3 {
  width: 11rem;
  height: 11rem;
  border-radius: 50%;
  border: 1px solid rgba(150, 185, 49, .1);
  z-index: 5
}
.about .r4 .inner .other .mask {
  z-index: 9;
  height: 100%;
  width: 100%;
  background: -webkit-linear-gradient(bottom, rgb(41, 47, 39) 0%, rgba(41, 47, 39, 0) 25%, rgba(41, 47, 39, 0) 75%, rgb(41, 47, 39) 100%);
  background: linear-gradient(0deg, rgb(41, 47, 39) 0%, rgba(41, 47, 39, 0) 25%, rgba(41, 47, 39, 0) 75%, rgb(41, 47, 39) 100%)
}
.about .r4 .inner .other .items {
  z-index: 10
}
.about .r4 .inner .other .items .swiper {
  width: 50%;
  height: 100%
}
.about .r4 .inner .other .items .swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.about .r4 .inner .other .items .r4Sw .swiper-slide {
  width: 100%;
  position: relative;
  height: .8rem;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%
}
.about .r4 .inner .other .items .r4Sw .swiper-slide .list {
  position: absolute;
  left: -.3rem;
  height: .8rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 100%
}
.about .r4 .inner .other .items .r4Sw .swiper-slide .list .dot {
  width: .6rem;
  height: .6rem;
  border: 1px solid transparent;
  border-radius: 50%;
  position: relative;
  -webkit-transition: border-color 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: border-color 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: border-color 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: border-color 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease)
}
.about .r4 .inner .other .items .r4Sw .swiper-slide .list .dot:after {
  content: "";
  width: .08rem;
  height: .08rem;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: background-color 1s var(--ease);
  transition: background-color 1s var(--ease)
}
.about .r4 .inner .other .items .r4Sw .swiper-slide .list .line {
  width: 1.8rem;
  height: 1px;
  background-color: #96b931;
  opacity: 0;
  -webkit-transform: translate3d(.2rem, 0, 0);
  transform: translate3d(.2rem, 0, 0);
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease)
}
.about .r4 .inner .other .items .r4Sw .swiper-slide .list .txt {
  color: #ffffff80;
  padding-left: 1rem;
  width: calc(100% - 2.4rem);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition: color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: color .8s var(--ease), transform 1.2s var(--ease);
  transition: color .8s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}
.about .r4 .inner .other .items .r4Sw .swiper-slide .list .txt h3 {
  -webkit-transform: scale(.7);
  -ms-transform: scale(.7);
  transform: scale(.7);
  font-weight: 400;
  -webkit-transition: color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: color .8s var(--ease), transform 1.2s var(--ease);
  transition: color .8s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}
.about .r4 .inner .other .items .r4Sw .swiper-slide.swiper-slide-active .list .dot {
  border-color: var(--main)
}
.about .r4 .inner .other .items .r4Sw .swiper-slide.swiper-slide-active .list .dot:after {
  background-color: var(--main)
}
.about .r4 .inner .other .items .r4Sw .swiper-slide.swiper-slide-active .list .line {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.about .r4 .inner .other .items .r4Sw .swiper-slide.swiper-slide-active .list .txt {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}
.about .r4 .inner .other .items .r4Sw .swiper-slide.swiper-slide-active .list .txt h3 {
  color: #fff;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.about .r4 .inner .other .items .r4SwChild {
  z-index: 5
}
.about .r4 .inner .other .items .r4SwChild .swiper-slide {
  width: 100%;
  position: relative;
  height: .8rem;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%
}
.about .r4 .inner .other .items .r4SwChild .swiper-slide .list {
  position: absolute;
  left: -.3rem;
  height: .8rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 100%
}
.about .r4 .inner .other .items .r4SwChild .swiper-slide .list .dot {
  width: .6rem;
  height: .6rem;
  border: 1px solid transparent;
  border-radius: 50%;
  position: relative;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: border-color 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: border-color 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: border-color 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: border-color 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease)
}
.about .r4 .inner .other .items .r4SwChild .swiper-slide .list .dot:after {
  content: "";
  width: .08rem;
  height: .08rem;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: background-color 1s var(--ease);
  transition: background-color 1s var(--ease)
}
.about .r4 .inner .other .items .r4SwChild .swiper-slide .list .line {
  width: 1.8rem;
  height: 1px;
  visibility: hidden;
  background-color: #96b931;
  opacity: 0;
  -webkit-transform: translate3d(.2rem, 0, 0);
  transform: translate3d(.2rem, 0, 0);
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease)
}
.about .r4 .inner .other .items .r4SwChild .swiper-slide .list .txt {
  color: #ffffff80;
  cursor: pointer;
  padding-left: 1rem;
  width: calc(100% - 2.4rem);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition: color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: color .8s var(--ease), transform 1.2s var(--ease);
  transition: color .8s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}
.about .r4 .inner .other .items .r4SwChild .swiper-slide .list .txt h3 {
  -webkit-transform: scale(.5);
  -ms-transform: scale(.5);
  transform: scale(.5);
  -webkit-transform-origin: 10% 50%;
  -ms-transform-origin: 10% 50%;
  transform-origin: 10% 50%;
  font-weight: 400;
  -webkit-transition: color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: color .8s var(--ease), transform 1.2s var(--ease);
  transition: color .8s var(--ease), transform 1.2s var(--ease), -webkit-transform 1.2s var(--ease)
}
.about .r4 .inner .other .items .r4SwChild .swiper-slide.swiper-slide-active .list .txt {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}
.about .r4 .inner .other .items .r4SwChild .swiper-slide.swiper-slide-active .list .txt h3 {
  color: #fff;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.about .r5 .inner {
  padding: 1.7rem 0 1rem
}
.about .r5 .inner .layer-topic {
  margin-bottom: .7rem;
  position: relative
}
.about .r5 .inner .layer-topic .tabItem {
  position: absolute;
  bottom: 0;
  right: 0
}
.about .r5 .inner .layer-topic .tabItem li {
  padding: .15rem .24rem;
  border-radius: 2rem;
  cursor: pointer;
  -webkit-transition: color .8s var(--ease), background-color .8s var(--ease);
  transition: color .8s var(--ease), background-color .8s var(--ease)
}
.about .r5 .inner .layer-topic .tabItem li.on {
  background-color: var(--main);
  color: #fff
}
.about .r5 .inner .group {
  position: relative;
  height: 5.6rem
}
.about .r5 .inner .group .swiper {
  height: 100%;
  width: 3.5rem;
  margin: 0 auto;
  top: 0;
  opacity: 0;
  pointer-events: none
}
.about .r5 .inner .group .swiper .swiper-wrapper {
  -webkit-perspective: 10rem;
  perspective: 10rem;
  padding-bottom: 1.6rem
}
.about .r5 .inner .group .swiper .swiper-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.about .r5 .inner .group .swiper .swiper-slide .bigBtn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  background-color: var(--main);
  pointer-events: none;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
  -webkit-transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
  transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
  transition: opacity .5s var(--ease), transform .5s var(--ease);
  transition: opacity .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}
.about .r5 .inner .group .swiper .swiper-slide > img {
  height: 4rem;
  cursor: pointer;
  width: 3.5rem;
  object-fit: contain;
  -webkit-transform: scale(.7);
  -ms-transform: scale(.7);
  transform: scale(.7);
  -webkit-transition: -webkit-transform .8s var(--ease);
  transition: -webkit-transform .8s var(--ease);
  transition: transform .8s var(--ease);
  transition: transform .8s var(--ease), -webkit-transform .8s var(--ease)
}
.about .r5 .inner .group .swiper .swiper-slide .msg {
  position: absolute;
  text-align: center;
  top: calc(100% + .4rem);
  width: calc(100% + 3rem);
  left: -1.5rem;
  -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease);
  opacity: 0;
  -webkit-transform: translate3d(0, -.2rem, 0);
  transform: translate3d(0, -.2rem, 0)
}
@media screen and (orientation: landscape) {
  .about .r5 .inner .group .swiper .swiper-slide:hover .bigBtn {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
}
.about .r5 .inner .group .swiper .swiper-slide.swiper-slide-active > img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.about .r5 .inner .group .swiper .swiper-slide.swiper-slide-active .msg {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.about .r5 .inner .group .swiper.on {
  opacity: 1;
  pointer-events: painted
}
.about .r5 .inner .set {
  width: 100%
}
.about .r5 .inner .set .layer-cir {
  margin: 0 .05rem
}
.contact .banner .inner .group {
  height: 40%
}
.contact .banner .inner .group .box {
  width: 7rem
}
.contact .r1 {
  background-color: #f7f6f2
}
.contact .r1 .bg .sign {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 21rem
}
.contact .r1 .inner {
  padding: 2.2rem 0
}
.contact .r1 .inner .layer-topic {
  position: relative
}
.contact .r1 .inner .layer-topic .set {
  position: absolute;
  bottom: 0;
  right: 0
}
.contact .r1 .inner .layer-topic .set .layer-cir {
  margin-left: .1rem
}
.contact .r1 .inner .group .swiper {
  width: 100%
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide {
  border-radius: .3rem;
  overflow: hidden;
  width: 7.3rem;
  position: relative;
  cursor: pointer
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .layer-img {
  width: 100%;
  height: 4.6rem
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg {
  position: absolute;
  bottom: 0;
  z-index: 10;
  height: 80%;
  left: 0;
  width: 100%;
  padding: .35rem
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg h3 {
  line-height: 1.3;
  margin-bottom: .2rem;
  position: relative;
  z-index: 5;
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition: -webkit-transform 1s var(--ease);
  transition: -webkit-transform 1s var(--ease);
  transition: transform 1s var(--ease);
  transition: transform 1s var(--ease), -webkit-transform 1s var(--ease)
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg h3 .layer-cir {
  width: .3rem;
  height: .3rem;
  margin-left: .15rem;
  opacity: 0;
  -webkit-transition: background-color .8s var(--ease), opacity .3s var(--ease);
  transition: background-color .8s var(--ease), opacity .3s var(--ease)
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg h3 .layer-cir .iconfont {
  font-weight: 600
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note {
  position: relative;
  z-index: 5;
  height: .3rem;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: height .6s var(--ease);
  transition: height .6s var(--ease)
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .pList {
  opacity: 0;
  -webkit-transform: scale(.5);
  -ms-transform: scale(.5);
  transform: scale(.5);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), -webkit-transform 1s var(--ease)
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  pointer-events: none;
  display: grid;
  grid-auto-flow: column;
  gap: 0 .4rem;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list {
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(1) {
  -webkit-transform: translate3d(.15rem, 0, 0);
  transform: translate3d(.15rem, 0, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(2) {
  -webkit-transform: translate3d(.2rem, 0, 0);
  transform: translate3d(.2rem, 0, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(3) {
  -webkit-transform: translate3d(.25rem, 0, 0);
  transform: translate3d(.25rem, 0, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(4) {
  -webkit-transform: translate3d(.3rem, 0, 0);
  transform: translate3d(.3rem, 0, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(5) {
  -webkit-transform: translate3d(.35rem, 0, 0);
  transform: translate3d(.35rem, 0, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(6) {
  -webkit-transform: translate3d(.4rem, 0, 0);
  transform: translate3d(.4rem, 0, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(7) {
  -webkit-transform: translate3d(.45rem, 0, 0);
  transform: translate3d(.45rem, 0, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(8) {
  -webkit-transform: translate3d(.5rem, 0, 0);
  transform: translate3d(.5rem, 0, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(9) {
  -webkit-transform: translate3d(.55rem, 0, 0);
  transform: translate3d(.55rem, 0, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(10) {
  -webkit-transform: translate3d(.6rem, 0, 0);
  transform: translate3d(.6rem, 0, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(11) {
  -webkit-transform: translate3d(.65rem, 0, 0);
  transform: translate3d(.65rem, 0, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(12) {
  -webkit-transform: translate3d(.7rem, 0, 0);
  transform: translate3d(.7rem, 0, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(13) {
  -webkit-transform: translate3d(.75rem, 0, 0);
  transform: translate3d(.75rem, 0, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(14) {
  -webkit-transform: translate3d(.8rem, 0, 0);
  transform: translate3d(.8rem, 0, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(15) {
  -webkit-transform: translate3d(.85rem, 0, 0);
  transform: translate3d(.85rem, 0, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(16) {
  -webkit-transform: translate3d(.9rem, 0, 0);
  transform: translate3d(.9rem, 0, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(17) {
  -webkit-transform: translate3d(.95rem, 0, 0);
  transform: translate3d(.95rem, 0, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(18) {
  -webkit-transform: translate3d(1rem, 0, 0);
  transform: translate3d(1rem, 0, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(19) {
  -webkit-transform: translate3d(1.05rem, 0, 0);
  transform: translate3d(1.05rem, 0, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list:nth-child(20) {
  -webkit-transform: translate3d(1.1rem, 0, 0);
  transform: translate3d(1.1rem, 0, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-cir {
  width: .3rem;
  height: .3rem;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: background-color .8s var(--ease), opacity .3s var(--ease);
  transition: background-color .8s var(--ease), opacity .3s var(--ease)
}
.contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-cir .iconfont {
  font-weight: 600
}
@media screen and (orientation: landscape) {
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg h3 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg h3 .layer-cir {
    opacity: 1
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg .note {
    height: 1rem
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg .note .pList {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg .note .layer-item .list {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg .note .layer-cir {
    background-color: var(--main);
    opacity: 0
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg .note .layer-cir > .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide:hover .msg .note .layer-cir .iconfont {
    color: #fff
  }
}
@media screen and (orientation: portrait) {
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .layer-img {
    height: 7rem
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg h3 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note {
    height: 2rem
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .pList {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-item .list {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-cir {
    background-color: var(--main);
    display: none
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-cir > .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-cir .iconfont {
    color: #fff
  }
}
.contact .r2 .inner {
  padding: 1.4rem 0 1.2rem
}
.contact .r2 .inner .group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .25rem;
  padding-bottom: 1.4rem;
  position: relative
}
.contact .r2 .inner .group .box {
  border-radius: .4rem;
  border: 1px solid rgb(150, 185, 49);
  overflow: hidden;
  padding: .25rem .25rem .3rem .4rem
}
.contact .r2 .inner .group .box .top .list {
  width: calc(100% - .6rem)
}
.contact .r2 .inner .group .box .top .layer-cir {
  width: .4rem;
  height: .4rem;
  display: none
}
.contact .r2 .inner .group .box .mid .msg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: .3rem
}
.contact .r2 .inner .group .box .mid .msg > span {
  color: #2a3525b3
}
.contact .r2 .inner .group .other {
  height: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: .3rem;
  border: 1px solid rgb(150, 185, 49);
  padding: .25rem .25rem .25rem .4rem
}
.contact .r2 .inner .group .other .mid {
  display: grid;
  width: 100%;
  grid-template-columns: auto auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.contact .r2 .inner .group .other .mid .layer-cir {
  width: .4rem;
  height: .4rem
}
.join .r1 {
  background-color: #f7f6f2
}
.join .r1 .bg .sign {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 21rem
}
.join .r1 .inner {
  padding: 2.2rem 0 1.4rem
}
.join .r1 .inner .top {
  margin-bottom: 1.8rem
}
.join .r1 .inner .top .msg {
  position: relative
}
.join .r1 .inner .top .msg .after {
  color: #babbb7;
  width: 100%
}
.join .r1 .inner .top .msg .after .letter {
  -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.join .r1 .inner .top .msg .after .letter:nth-child(1) {
  -webkit-transform: translate3d(0, .25rem, 0);
  transform: translate3d(0, .25rem, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.join .r1 .inner .top .msg .after .letter:nth-child(2) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.join .r1 .inner .top .msg .after .letter:nth-child(3) {
  -webkit-transform: translate3d(0, .55rem, 0);
  transform: translate3d(0, .55rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.join .r1 .inner .top .msg .after .letter:nth-child(4) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.join .r1 .inner .top .msg .after .letter:nth-child(5) {
  -webkit-transform: translate3d(0, .85rem, 0);
  transform: translate3d(0, .85rem, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.join .r1 .inner .top .msg .after .letter:nth-child(6) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.join .r1 .inner .top .msg .after .letter:nth-child(7) {
  -webkit-transform: translate3d(0, 1.15rem, 0);
  transform: translate3d(0, 1.15rem, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.join .r1 .inner .top .msg .after .letter:nth-child(8) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.join .r1 .inner .top .msg .after .letter:nth-child(9) {
  -webkit-transform: translate3d(0, 1.45rem, 0);
  transform: translate3d(0, 1.45rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.join .r1 .inner .top .msg .after .letter:nth-child(10) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.join .r1 .inner .top .msg .after .letter:nth-child(11) {
  -webkit-transform: translate3d(0, 1.75rem, 0);
  transform: translate3d(0, 1.75rem, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.join .r1 .inner .top .msg .after .letter:nth-child(12) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.join .r1 .inner .top .msg .after .letter:nth-child(13) {
  -webkit-transform: translate3d(0, 2.05rem, 0);
  transform: translate3d(0, 2.05rem, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.join .r1 .inner .top .msg .after .letter:nth-child(14) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.join .r1 .inner .top .msg .after .letter:nth-child(15) {
  -webkit-transform: translate3d(0, 2.35rem, 0);
  transform: translate3d(0, 2.35rem, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.join .r1 .inner .top .msg .after .letter:nth-child(16) {
  -webkit-transform: translate3d(0, 2.5rem, 0);
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.join .r1 .inner .top .msg .after .letter:nth-child(17) {
  -webkit-transform: translate3d(0, 2.65rem, 0);
  transform: translate3d(0, 2.65rem, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.join .r1 .inner .top .msg .after .letter:nth-child(18) {
  -webkit-transform: translate3d(0, 2.8rem, 0);
  transform: translate3d(0, 2.8rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.join .r1 .inner .top .msg .after .letter:nth-child(19) {
  -webkit-transform: translate3d(0, 2.95rem, 0);
  transform: translate3d(0, 2.95rem, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.join .r1 .inner .top .msg .after .letter:nth-child(20) {
  -webkit-transform: translate3d(0, 3.1rem, 0);
  transform: translate3d(0, 3.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.join .r1 .inner .top .msg .above {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: #1e281a
}
.join .r1 .inner .top .msg .above .letter {
  -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.join .r1 .inner .top .msg .above .letter:nth-child(1) {
  -webkit-transform: translate3d(0, .25rem, 0);
  transform: translate3d(0, .25rem, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.join .r1 .inner .top .msg .above .letter:nth-child(2) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.join .r1 .inner .top .msg .above .letter:nth-child(3) {
  -webkit-transform: translate3d(0, .55rem, 0);
  transform: translate3d(0, .55rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.join .r1 .inner .top .msg .above .letter:nth-child(4) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.join .r1 .inner .top .msg .above .letter:nth-child(5) {
  -webkit-transform: translate3d(0, .85rem, 0);
  transform: translate3d(0, .85rem, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.join .r1 .inner .top .msg .above .letter:nth-child(6) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.join .r1 .inner .top .msg .above .letter:nth-child(7) {
  -webkit-transform: translate3d(0, 1.15rem, 0);
  transform: translate3d(0, 1.15rem, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.join .r1 .inner .top .msg .above .letter:nth-child(8) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.join .r1 .inner .top .msg .above .letter:nth-child(9) {
  -webkit-transform: translate3d(0, 1.45rem, 0);
  transform: translate3d(0, 1.45rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.join .r1 .inner .top .msg .above .letter:nth-child(10) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.join .r1 .inner .top .msg .above .letter:nth-child(11) {
  -webkit-transform: translate3d(0, 1.75rem, 0);
  transform: translate3d(0, 1.75rem, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.join .r1 .inner .top .msg .above .letter:nth-child(12) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.join .r1 .inner .top .msg .above .letter:nth-child(13) {
  -webkit-transform: translate3d(0, 2.05rem, 0);
  transform: translate3d(0, 2.05rem, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.join .r1 .inner .top .msg .above .letter:nth-child(14) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.join .r1 .inner .top .msg .above .letter:nth-child(15) {
  -webkit-transform: translate3d(0, 2.35rem, 0);
  transform: translate3d(0, 2.35rem, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.join .r1 .inner .top .msg .above .letter:nth-child(16) {
  -webkit-transform: translate3d(0, 2.5rem, 0);
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.join .r1 .inner .top .msg .above .letter:nth-child(17) {
  -webkit-transform: translate3d(0, 2.65rem, 0);
  transform: translate3d(0, 2.65rem, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.join .r1 .inner .top .msg .above .letter:nth-child(18) {
  -webkit-transform: translate3d(0, 2.8rem, 0);
  transform: translate3d(0, 2.8rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.join .r1 .inner .top .msg .above .letter:nth-child(19) {
  -webkit-transform: translate3d(0, 2.95rem, 0);
  transform: translate3d(0, 2.95rem, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.join .r1 .inner .top .msg .above .letter:nth-child(20) {
  -webkit-transform: translate3d(0, 3.1rem, 0);
  transform: translate3d(0, 3.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.join .r1 .inner .top .msg .above .letter:nth-of-type(1) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 160%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 160%) 0 0 round 0)
}
.join .r1 .inner .top .msg .above .letter:nth-of-type(2) {
  z-index: 10;
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 155%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 155%) 0 0 round 0)
}
.join .r1 .inner .top .msg .above .letter:nth-of-type(3) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 145%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 145%) 0 0 round 0)
}
.join .r1 .inner .top .msg .above .letter:nth-of-type(4) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 130%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 130%) 0 0 round 0)
}
.join .r1 .inner .top .msg .above .letter:nth-of-type(5) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 120%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 120%) 0 0 round 0)
}
.join .r1 .inner .top .msg .above .letter:nth-of-type(6) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 110%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 110%) 0 0 round 0)
}
.join .r1 .inner .top .msg .above .letter:nth-of-type(7) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 100%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 100%) 0 0 round 0)
}
.join .r1 .inner .top .msg.go .after .letter, .join .r1 .inner .top .msg.go .above .letter {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.join .r1 .inner .top .layer-btn {
  margin-top: .6rem
}
.join .r1 .inner .group {
  width: 100%
}
.join .r1 .inner .group .layer-topic {
  position: relative;
  margin-bottom: 1rem
}
.join .r1 .inner .group .layer-topic .note {
  width: 50%;
  position: absolute;
  bottom: 0;
  right: 0
}
.join .r1 .inner .group .mid .swiper .swiper-wrapper .swiper-slide {
  height: 4.2rem;
  position: relative
}
.join .r1 .inner .group .mid .swiper .swiper-wrapper .swiper-slide .photo {
  width: 100%;
  position: relative;
  height: 100%;
  border-radius: .4rem;
  overflow: hidden
}
.join .r1 .inner .group .mid .swiper .swiper-wrapper .swiper-slide .msg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: .4rem .3rem .3rem .4rem
}
.join .r2 {
  background-color: #fff;
  overflow: hidden
}
.join .r2 .inner {
  padding: 1.4rem 0 2rem
}
.join .r2 .inner .group {
  position: relative
}
.join .r2 .inner .group .swiper {
  width: 100%;
  overflow: hidden
}
.join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide {
  width: 7.5rem
}
.join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box {
  width: 100%;
  position: relative;
  border-radius: .4rem;
  overflow: hidden;
  cursor: pointer
}
.join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .layer-img {
  height: 4.2rem;
  border-radius: .4rem
}
.join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .layer-img .layer-player {
  z-index: 10
}
.join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .note {
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10
}
.join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .note h3 {
  position: relative;
  z-index: 2;
  padding: .3rem .4rem
}
.join .r2 .inner .group .set {
  width: calc(8.1rem + 12vw);
  top: 0;
  z-index: 5;
  position: absolute;
  height: 100%;
  pointer-events: none;
  left: 0;
  right: 0;
  margin: 0 auto
}
.join .r2 .inner .group .set .layer-cir {
  pointer-events: painted
}
.join .r2 .inner .group .pageBox {
  top: calc(100% + .3rem);
  height: 1.4rem;
  left: 0;
  width: 100%;
  position: absolute
}
.join .r2 .inner .group .pageBox .circle {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: .34rem;
  border: 1px solid rgba(42, 53, 37, .15)
}
.join .r2 .inner .group .pageBox .circle.c2 {
  border-color: var(--main);
  -webkit-clip-path: inset(0 50% 0 0 round 0);
  clip-path: inset(0 50% 0 0 round 0)
}
.join .r2 .inner .group .pageBox .rect {
  width: 10rem;
  height: 5rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: 10
}
.join .r2 .inner .group .pageBox .rect .swiper {
  width: 100%;
  height: 100%
}
.join .r2 .inner .group .pageBox .rect .swiper .swiper-wrapper {
  height: 100%
}
.join .r2 .inner .group .pageBox .rect .swiper .swiper-slide {
  -webkit-transform-origin: 50% 106%;
  -ms-transform-origin: 50% 106%;
  transform-origin: 50% 106%;
  height: 100%;
  width: 100%;
  pointer-events: none
}
.join .r2 .inner .group .pageBox .rect .swiper .swiper-slide .box {
  width: .5rem;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  pointer-events: painted;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.join .r2 .inner .group .pageBox .rect .swiper .swiper-slide .box .num {
  color: #bcbbb8;
  height: .3rem;
  line-height: 1;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.join .r2 .inner .group .pageBox .rect .swiper .swiper-slide .box .dot {
  width: .08rem;
  height: .08rem;
  border-radius: 50%;
  background-color: #bcbbb8;
  -webkit-transition: background-color .5s var(--ease);
  transition: background-color .5s var(--ease)
}
.join .r2 .inner .group .pageBox .rect .swiper .swiper-slide.swiper-slide-active .box .num {
  color: var(--main)
}
.join .r2 .inner .group .pageBox .rect .swiper .swiper-slide.swiper-slide-active .box .dot {
  background-color: var(--main)
}
.join .r3 {
  height: 100vh;
  z-index: 1
}
.join .r3 .inner, .join .r3 .inner .group {
  height: 100%
}
.joinPop {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 600;
  left: 0;
  top: 0;
  background-color: #f7f6f2;
  opacity: 0;
  visibility: hidden
}
.joinPop .alanAni {
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color .8s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.joinPop .alanAni:nth-child(1) {
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.joinPop .alanAni:nth-child(2) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.joinPop .alanAni:nth-child(3) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.joinPop .alanAni:nth-child(4) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.joinPop .alanAni:nth-child(5) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.joinPop .alanAni:nth-child(6) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.joinPop .alanAni:nth-child(7) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.joinPop .alanAni:nth-child(8) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.joinPop .alanAni:nth-child(9) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.joinPop .alanAni:nth-child(10) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.joinPop .alanAni:nth-child(11) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.joinPop .alanAni:nth-child(12) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.joinPop .alanAni:nth-child(13) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.joinPop .alanAni:nth-child(14) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.joinPop .alanAni:nth-child(15) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.joinPop .alanAni:nth-child(16) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.joinPop .alanAni:nth-child(17) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.joinPop .alanAni:nth-child(18) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.joinPop .alanAni:nth-child(19) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.joinPop .alanAni:nth-child(20) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.joinPop .inner {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: .8rem
}
.joinPop .inner .layer-topic {
  margin: 0 auto .5rem
}
.joinPop .inner .layer-topic .layer-btn {
  position: absolute;
  top: .2rem;
  right: 0;
  width: auto
}
.joinPop .inner .swiper .group {
  display: grid;
  gap: .2rem .35rem;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 auto;
  width: 100%
}
.joinPop .inner .swiper .group .box {
  height: .9rem;
  border-radius: .2rem;
  padding: 0 .3rem;
  border: 1px solid rgba(150, 185, 49, .6);
  -webkit-transition: all .8s var(--ease);
  transition: all .8s var(--ease);
  cursor: pointer
}
.joinPop .inner .swiper .group .box .layer-cir {
  height: .4rem;
  width: .4rem
}
@media screen and (orientation: landscape) {
  .joinPop .inner .swiper .group .box:hover {
    border-color: transparent;
    background-color: #fff
  }
  .joinPop .inner .swiper .group .box:hover .layer-cir > .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .joinPop .inner .swiper .group .box:hover .layer-cir .iconfont {
    color: #fff
  }
}
.joinPop .inner .swiper .swiper-pagination {
  position: relative;
  height: 1.6rem
}
.joinPop .inner .swiper .swiper-pagination .swiper-pagination-bullet {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 .05rem;
  border: 1px solid transparent;
  -webkit-transition: all .5s var(--ease);
  transition: all .5s var(--ease)
}
.joinPop .inner .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: var(--main);
  color: var(--main)
}
.joinPop .inner .btm {
  margin: 0 auto;
  width: 100%;
  height: 1.6rem
}
.joinPop .inner .btm .layer-cir {
  margin: 0 .1rem
}
.joinPop .inner .btm .items > li {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  margin: 0 .05rem;
  border: 1px solid transparent;
  -webkit-transition: all .5s var(--ease);
  transition: all .5s var(--ease)
}
.joinPop .inner .btm .items > li > a {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.joinPop .inner .btm .items > li.on {
  border-color: var(--main)
}
.joinPop .inner .btm .items > li.on > a {
  color: var(--main)
}
@media screen and (orientation: landscape) {
  .joinPop .inner .btm .items > li:hover {
    border-color: var(--main)
  }
  .joinPop .inner .btm .items > li:hover > a {
    color: var(--main)
  }
}
.joinPop.on .alanAni {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.jobPop .popCon {
  width: 9.5rem;
  padding: .6rem .7rem .4rem
}
.jobPop .popCon .top {
  margin-bottom: .5rem
}
.jobPop .popCon .mid {
  line-height: 1.8;
  margin-bottom: .5rem;
  max-height: 50vh;
  overflow: auto
}
.jobPop .popCon .mid * {
  font-size: inherit
}
.jobPop .popCon .btm .layer-btn {
  background-color: var(--main);
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), border-color .8s var(--ease), -webkit-transform 1.2s var(--ease)
}
.news .r1 {
  background-color: #f7f6f2
}
.news .r1 .inner {
  padding-top: 1.6rem;
  padding-bottom: .5rem
}
.news .r1 .inner > .top {
  margin-bottom: .6rem;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}
.news .r1 .inner > .top .tabBox .tab {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.news .r1 .inner > .top .tabBox .tab:hover {
  color: var(--main)
}
.news .r1 .inner > .top .tabBox .tab.on {
  color: var(--main)
}
.news .r1 .inner > .top .tabBox .line {
  width: 1px;
  height: .36rem;
  background-color: #2a35251a;
  margin: 0 .4rem
}
.news .r1 .inner > .top .right {
  width: 5rem
}
.news .r1 .inner > .top .right .layer-search {
  width: 100%
}
.news .r1 .inner .tree {
  margin-bottom: .5rem;
  position: relative;
  z-index: 10
}
.news .r1 .inner .tree .layer-down {
  margin-right: .5rem
}
.news .r1 .inner .tree .layer-down .txt {
  padding: .12rem .25rem
}
.news .r1 .inner .tree .tabBox {
  display: grid;
  grid-auto-flow: column
}
@media screen and (orientation: landscape) {
  .news .r1 .inner .tree .tabBox {
    gap: 0 .4rem
  }
}
.news .r1 .inner .tree .tabBox .tab {
  color: #2a35254d;
  white-space: nowrap;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.news .r1 .inner .tree .tabBox .tab.on {
  color: #2a3525
}
@media screen and (orientation: landscape) {
  .news .r1 .inner .tree .tabBox .tab:hover {
    color: #2a3525
  }
}
.news .r1 .inner .group {
  display: grid;
  gap: .6rem .5rem;
  grid-template-columns: repeat(3, 1fr)
}
.news .r1 .inner .group .box {
  width: 5rem;
  position: relative;
  cursor: pointer;
  border: 1px solid rgb(150, 185, 49);
  border-radius: .4rem
}
.news .r1 .inner .group .box .photo {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-color: #000;
  -webkit-clip-path: inset(.9rem .3rem 2.4rem .3rem round .2rem);
  clip-path: inset(.9rem .3rem 2.4rem .3rem round .2rem);
  -webkit-transition: -webkit-clip-path .8s var(--ease);
  transition: -webkit-clip-path .8s var(--ease);
  transition: clip-path .8s var(--ease);
  transition: clip-path .8s var(--ease), -webkit-clip-path .8s var(--ease)
}
.news .r1 .inner .group .box .photo .pic {
  position: relative;
  width: 100%;
  height: 58%;
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
  -webkit-transition: all .8s var(--ease);
  transition: all .8s var(--ease);
  -webkit-transform-origin: 50% 250%;
  -ms-transform-origin: 50% 250%;
  transform-origin: 50% 250%
}
.news .r1 .inner .group .box .photo:before {
  content: "";
  pointer-events: none;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .1) 60%, rgba(0, 0, 0, .8) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, .1) 60%, rgba(0, 0, 0, .8) 100%);
  opacity: 0;
  z-index: 3;
  -webkit-transition: opacity .8s var(--ease);
  transition: opacity .8s var(--ease)
}
.news .r1 .inner .group .box .top {
  height: .9rem;
  padding: 0 .3rem;
  position: relative
}
.news .r1 .inner .group .box .top h3 {
  -webkit-transition: color .6s var(--ease);
  transition: color .6s var(--ease)
}
.news .r1 .inner .group .box .clear {
  height: 2rem;
  width: calc(100% - .6rem);
  margin: 0 auto
}
.news .r1 .inner .group .box .clear .pic {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: .2rem
}
.news .r1 .inner .group .box .mid {
  height: 1.5rem;
  padding: .3rem .3rem 0;
  position: relative;
  z-index: 6
}
.news .r1 .inner .group .box .mid h2 {
  line-height: 1.3;
  -webkit-transition: color .6s var(--ease);
  transition: color .6s var(--ease)
}
.news .r1 .inner .group .box .btm {
  padding: 0 .3rem;
  height: .9rem;
  position: relative;
  z-index: 6
}
.news .r1 .inner .group .box .btm small {
  -webkit-transition: color .6s var(--ease);
  transition: color .6s var(--ease)
}
.news .r1 .inner .group .box .btm .layer-cir {
  width: .4rem;
  height: .4rem
}
@media screen and (orientation: landscape) {
  .news .r1 .inner .group .box:hover {
    border-color: transparent
  }
  .news .r1 .inner .group .box:hover .photo {
    -webkit-clip-path: inset(0 0 0 0 round .4rem);
    clip-path: inset(0 0 0 0 round .4rem)
  }
  .news .r1 .inner .group .box:hover .photo .pic {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    height: 100%;
    opacity: .9
  }
  .news .r1 .inner .group .box:hover .photo:before {
    opacity: 1
  }
  .news .r1 .inner .group .box:hover .top h3, .news .r1 .inner .group .box:hover .mid h2, .news .r1 .inner .group .box:hover .btm small {
    color: #fff
  }
  .news .r1 .inner .group .box:hover .btm .layer-cir {
    background-color: var(--main)
  }
  .news .r1 .inner .group .box:hover .btm .layer-cir > .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .news .r1 .inner .group .box:hover .btm .layer-cir .iconfont {
    color: #fff
  }
}
.news .r1 .inner .btm {
  margin: 0 auto;
  width: 100%;
  height: 2.4rem
}
.news .r1 .inner .btm .layer-cir {
  margin: 0 .1rem
}
.news .r1 .inner .btm .items > li {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  margin: 0 .05rem;
  border: 1px solid transparent;
  -webkit-transition: all .5s var(--ease);
  transition: all .5s var(--ease)
}
.news .r1 .inner .btm .items > li > a {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.news .r1 .inner .btm .items > li.on {
  border-color: var(--main)
}
.news .r1 .inner .btm .items > li.on > a {
  color: var(--main)
}
@media screen and (orientation: landscape) {
  .news .r1 .inner .btm .items > li:hover {
    border-color: var(--main)
  }
  .news .r1 .inner .btm .items > li:hover > a {
    color: var(--main)
  }
}
.news .r2 {
  background-color: #f7f6f2
}
.news .r2 .inner {
  padding-top: 1.6rem;
  padding-bottom: .5rem
}
.news .r2 .inner > .top {
  margin-bottom: .6rem;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}
.news .r2 .inner > .top .tabBox .tab {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.news .r2 .inner > .top .tabBox .tab:hover {
  color: var(--main)
}
.news .r2 .inner > .top .tabBox .tab.on {
  color: var(--main)
}
.news .r2 .inner > .top .tabBox .line {
  width: 1px;
  height: .36rem;
  background-color: #2a35251a;
  margin: 0 .4rem
}
.news .r2 .inner > .top .right {
  width: 5rem
}
.news .r2 .inner > .top .right .layer-search {
  width: 100%
}
.news .r2 .inner .tree {
  margin-bottom: .5rem;
  position: relative;
  z-index: 10
}
.news .r2 .inner .tree .layer-down {
  margin-right: .5rem
}
.news .r2 .inner .tree .layer-down .txt {
  padding: .12rem .25rem
}
.news .r2 .inner .tree .tabBox {
  display: grid;
  gap: 0 .4rem;
  grid-auto-flow: column
}
.news .r2 .inner .tree .tabBox .tab {
  color: #2a35254d;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.news .r2 .inner .tree .tabBox .tab.on, .news .r2 .inner .tree .tabBox .tab:hover {
  color: #2a3525
}
.news .r2 .inner .group .list {
  display: grid;
  margin-bottom: .2rem;
  grid-template-columns: 3rem calc(100% - 4.7rem) 1.7rem;
  cursor: pointer
}
.news .r2 .inner .group .list .img {
  width: 3rem;
  height: 1rem;
  object-fit: contain;
  background-color: #fff
}
.news .r2 .inner .group .list .msg {
  padding-left: .6rem
}
.news .r2 .inner .group .list .msg h3 {
  width: 80%;
  -webkit-transition: color .6s var(--ease);
  transition: color .6s var(--ease)
}
.news .r2 .inner .group .list .msg small {
  color: #2a352599
}
.news .r2 .inner .group .list .layer-btn {
  width: 1.7rem
}
@media screen and (orientation: landscape) {
  .news .r2 .inner .group .list:hover .msg h3 {
    color: var(--main)
  }
  .news .r2 .inner .group .list:hover .layer-btn {
    background-color: var(--main)
  }
  .news .r2 .inner .group .list:hover .layer-btn.light {
    background-color: var(--green)
  }
  .news .r2 .inner .group .list:hover .layer-btn > .mask {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translate(0) !important
  }
  .news .r2 .inner .group .list:hover .layer-btn .txt {
    color: #fff
  }
  .news .r2 .inner .group .list:hover .layer-btn .arrow {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .news .r2 .inner .group .list:hover .layer-btn .iconfont {
    -webkit-transform: translateX(.05rem);
    -ms-transform: translateX(.05rem);
    transform: translate(.05rem);
    color: #fff
  }
  .news .r2 .inner .group .list:hover .layer-btn.null {
    background-color: transparent;
    border-color: transparent
  }
  .news .r2 .inner .group .list:hover .layer-btn.null .iconfont {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    color: #fff
  }
}
.news .r2 .inner .btm {
  margin: 0 auto;
  width: 100%;
  height: 2.4rem
}
.news .r2 .inner .btm .layer-cir {
  margin: 0 .1rem
}
.news .r2 .inner .btm .items > li {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  margin: 0 .05rem;
  border: 1px solid transparent;
  -webkit-transition: all .5s var(--ease);
  transition: all .5s var(--ease)
}
.news .r2 .inner .btm .items > li > a {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.news .r2 .inner .btm .items > li.on {
  border-color: var(--main)
}
.news .r2 .inner .btm .items > li.on > a {
  color: var(--main)
}
@media screen and (orientation: landscape) {
  .news .r2 .inner .btm .items > li:hover {
    border-color: var(--main)
  }
  .news .r2 .inner .btm .items > li:hover > a {
    color: var(--main)
  }
}
.news .r3 {
  background-color: #f7f6f2
}
.news .r3 .inner {
  padding-top: 1.6rem;
  padding-bottom: 2rem
}
.news .r3 .inner > .top {
  margin-bottom: .6rem;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}
.news .r3 .inner > .top .tabBox .tab {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.news .r3 .inner > .top .tabBox .tab:hover {
  color: var(--main)
}
.news .r3 .inner > .top .tabBox .tab.on {
  color: var(--main)
}
.news .r3 .inner > .top .tabBox .line {
  width: 1px;
  height: .36rem;
  background-color: #2a35251a;
  margin: 0 .4rem
}
.news .r3 .inner > .top .right {
  width: 5rem
}
.news .r3 .inner > .top .right .layer-search {
  width: 100%
}
.news .r3 .inner .tree {
  margin-bottom: .5rem;
  position: relative;
  z-index: 10
}
.news .r3 .inner .tree .layer-down {
  margin-right: .5rem
}
.news .r3 .inner .tree .layer-down .txt {
  padding: .12rem .25rem
}
.news .r3 .inner .tree .tabBox {
  display: grid;
  gap: 0 .4rem;
  grid-auto-flow: column
}
.news .r3 .inner .tree .tabBox .tab {
  color: #2a35254d;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.news .r3 .inner .tree .tabBox .tab.on, .news .r3 .inner .tree .tabBox .tab:hover {
  color: #2a3525
}
.news .r3 .inner .group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .7rem 1.3rem
}
.news .r3 .inner .group .box .layer-img {
  width: 100%;
  margin-bottom: .3rem;
  height: 4.1rem;
  border-radius: 0
}
.news .r3 .inner .group .box .msg h3 {
  -webkit-transition: color .8s var(--ease);
  transition: color .8s var(--ease)
}
.news .r3 .inner .group .box .msg .layer-cir {
  width: .5rem;
  height: .5rem;
  margin-top: .25rem
}
@media screen and (orientation: landscape) {
  .news .r3 .inner .group .box:hover .msg h3 {
    color: var(--main)
  }
  .news .r3 .inner .group .box:hover .layer-cir > .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .news .r3 .inner .group .box:hover .layer-cir .iconfont {
    color: #fff
  }
}
.news .r3 .inner .btm {
  margin: 0 auto;
  width: 100%;
  height: 2.4rem
}
.news .r3 .inner .btm .layer-cir {
  margin: 0 .1rem
}
.news .r3 .inner .btm .items > li {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  margin: 0 .05rem;
  border: 1px solid transparent;
  -webkit-transition: all .5s var(--ease);
  transition: all .5s var(--ease)
}
.news .r3 .inner .btm .items > li > a {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.news .r3 .inner .btm .items > li.on {
  border-color: var(--main)
}
.news .r3 .inner .btm .items > li.on > a {
  color: var(--main)
}
@media screen and (orientation: landscape) {
  .news .r3 .inner .btm .items > li:hover {
    border-color: var(--main)
  }
  .news .r3 .inner .btm .items > li:hover > a {
    color: var(--main)
  }
}
.detail .r1 {
  background-color: #f7f6f2
}
.detail .r1 .inner {
  padding-top: 2.2rem;
  padding-bottom: 1.8rem;
  position: relative
}
.detail .r1 .inner .fixFn {
  position: absolute;
  pointer-events: none;
  width: 50%;
  top: 2.2rem;
  left: 1rem;
  height: calc(100% - 1rem)
}
.detail .r1 .inner .fixFn .return {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: painted;
  border: 1px solid rgba(21, 43, 217, .14);
  padding: 0;
  width: 1.3rem;
  height: .6rem;
  -webkit-transition: background-color .8s var(--ease);
  transition: background-color .8s var(--ease)
}
.detail .r1 .inner .fixFn .return .txt {
  padding-left: .1rem
}
.detail .r1 .inner .fixFn .return .icon {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1)
}
.detail .r1 .inner .fixFn .return .icon .rect {
  fill: var(--main)
}
.detail .r1 .inner .group {
  width: 12rem;
  margin: 0 auto;
  padding: 1.2rem 1rem .8rem;
  border-radius: .2rem;
  overflow: hidden;
  background-color: #fff
}
.detail .r1 .inner .group .top {
  margin-bottom: .8rem
}
.detail .r1 .inner .group .top p {
  margin: .4rem 0 0
}
.detail .r1 .inner .group .detail {
  overflow-x: auto
}
.detail .r1 .inner .group .detail * {
  font-size: inherit;
  color: inherit;
  max-width: 100%
}
.detail .r1 .inner .group .detail p {
  margin-bottom: .2rem
}
.detail .r1 .inner .group .detail img {
  display: block;
  max-width: 100%;
  height: auto !important;
  margin: .3rem auto
}
.detail .r1 .inner .group .clear {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1rem 0
}
.detail .r1 .inner .group .clear > small {
  margin: 0 .2rem;
  color: #1a383780
}
.detail .r1 .inner .group .clear .line {
  background-color: #246f741a;
  width: 48%;
  height: 1px
}
.detail .r1 .inner .group .set .layer-btn {
  background-color: transparent;
  width: auto;
  padding: 0;
  -webkit-transition: all .8s var(--ease);
  transition: all .8s var(--ease)
}
.detail .r1 .inner .group .set .layer-btn:hover {
  padding: 0 .3rem
}
.green .r1 .inner {
  padding-top: 1.6rem;
  padding-bottom: .4rem
}
.green .r1 .inner .tree {
  position: relative;
  z-index: 50;
  width: 100%;
  -webkit-transition: opacity .3s var(--ease);
  transition: opacity .3s var(--ease)
}
.green .r1 .inner .tree.null .fixStyle {
  opacity: 0
}
.green .r1 .inner .tree .child {
  background-color: #fff;
  width: 100%;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  padding-top: .2rem
}
@media screen and (orientation: landscape) {
  .green .r1 .inner .tree .child {
    -webkit-transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: transform .5s var(--ease), opacity .5s var(--ease);
    transition: transform .5s var(--ease), opacity .5s var(--ease), -webkit-transform .5s var(--ease)
  }
}
@media screen and (orientation: landscape) {
  .green .r1 .inner .tree .child.fixStyle {
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85)
  }
}
@media screen and (orientation: portrait) {
  .green .r1 .inner .tree .child.fixStyle {
    -webkit-transform: translate3d(-84vw, 0, 0);
    transform: translate3d(-84vw, 0, 0)
  }
  .green .r1 .inner .tree .child.fixStyle .part {
    opacity: 0
  }
  .green .r1 .inner .tree .child.fixStyle .typeBox {
    visibility: visible
  }
  .green .r1 .inner .tree .child.fixStyle .closeLeft {
    opacity: 1
  }
}
.green .r1 .inner .tree .child .part {
  display: grid;
  grid-template-columns: 1.6rem calc(100% - 1.6rem);
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: .15rem
}
.green .r1 .inner .tree .child .part h3 {
  padding: .1rem 0
}
.green .r1 .inner .tree .child .part .tabItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.green .r1 .inner .tree .child .part .tabItem .tab {
  color: #2a352580;
  padding: .1rem .25rem;
  margin-right: .1rem;
  cursor: pointer;
  -webkit-transition: all .6s var(--ease);
  transition: all .6s var(--ease)
}
.green .r1 .inner .tree .child .part .tabItem .tab.on {
  background-color: var(--main);
  color: #fff;
  border-radius: 2rem
}
.green .r1 .inner .tree .child .typeBox {
  position: absolute;
  height: calc(var(--vh, 1vh) * 100);
  padding-top: .5rem;
  left: 0;
  top: 0;
  width: 78vw;
  visibility: hidden;
  -webkit-transition: background-color .5s var(--ease), box-shadow .5s var(--ease);
  transition: background-color .5s var(--ease), box-shadow .5s var(--ease)
}
.green .r1 .inner .tree .child .typeBox > .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: opacity .8s var(--ease);
  transition: opacity .8s var(--ease);
  margin-bottom: .15rem;
  padding-right: 5vw;
  opacity: 0
}
.green .r1 .inner .tree .child .typeBox > .box h3 {
  padding: .8rem 0 .4rem
}
.green .r1 .inner .tree .child .typeBox > .box .tabItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.green .r1 .inner .tree .child .typeBox > .box .tabItem .tab {
  color: #2a352580;
  padding: .1rem .25rem;
  margin-bottom: .12rem;
  margin-right: .1rem;
  cursor: pointer;
  -webkit-transition: all .6s var(--ease);
  transition: all .6s var(--ease)
}
.green .r1 .inner .tree .child .typeBox > .box .tabItem .tab.on {
  background-color: var(--main);
  color: #fff;
  border-radius: 2rem
}
.green .r1 .inner .tree .child .closeLeft {
  position: absolute;
  left: 100%;
  top: 1.5rem;
  width: .9rem;
  height: .9rem;
  background-color: var(--main);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: .1rem .2rem -4px #0000001a;
  opacity: 0;
  -webkit-transition: opacity .8s var(--ease);
  transition: opacity .8s var(--ease)
}
.green .r1 .inner .tree .child .closeLeft .open {
  opacity: 1;
  -webkit-transition: opacity .5s var(--ease);
  transition: opacity .5s var(--ease)
}
.green .r1 .inner .tree .child .closeLeft .out {
  opacity: 0;
  -webkit-transition: opacity .5s var(--ease);
  transition: opacity .5s var(--ease)
}
.green .r1 .inner .tree .child.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.green .r1 .inner .tree .child.active .typeBox {
  background-color: #fff;
  box-shadow: 4px 0 2px #0000001a
}
.green .r1 .inner .tree .child.active .typeBox .box {
  opacity: 1
}
.green .r1 .inner .tree .child.active .closeLeft .open {
  opacity: 0
}
.green .r1 .inner .tree .child.active .closeLeft .out {
  opacity: 1
}
.green .r1 .inner .clear {
  width: 100%;
  height: 1px;
  background-color: #2a35251a;
  clear: both;
  margin: .5rem 0
}
.green .r1 .inner .content {
  padding-bottom: 1rem
}
.green .r1 .inner .content .group {
  display: grid;
  gap: .4rem;
  grid-template-columns: repeat(2, 1fr)
}
.green .r1 .inner .content .group .null {
  width: 200%;
  text-align: center;
  height: 3rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.green .r1 .inner .content .group .box {
  height: 4.8rem;
  position: relative;
  border-radius: .3rem;
  overflow: hidden;
  cursor: pointer
}
.green .r1 .inner .content .group .box .layer-img {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: .3rem;
  -webkit-transition: -webkit-transform .8s var(--ease);
  transition: -webkit-transform .8s var(--ease);
  transition: transform .8s var(--ease);
  transition: transform .8s var(--ease), -webkit-transform .8s var(--ease)
}
.green .r1 .inner .content .group .box .msg {
  z-index: 10;
  padding: .3rem;
  position: absolute
}
.green .r1 .inner .content .group .box .msg .top {
  width: 100%
}
.green .r1 .inner .content .group .box .msg .btm {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}
.green .r1 .inner .content .group .box .msg .btm > p {
  width: 60%
}
.green .r1 .inner .content .group .box .msg .btm .countFn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap
}
.green .r1 .inner .content .group .box .msg .btm .countFn .count {
  line-height: .8
}
.green .r1 .inner .content .group .box .msg .btm .countFn sub {
  vertical-align: baseline
}
@media screen and (orientation: landscape) {
  .green .r1 .inner .content .group .box:hover .layer-img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }
  .green .r1 .inner .content .group .box:hover .msg .top .layer-cir {
    background-color: var(--main)
  }
  .green .r1 .inner .content .group .box:hover .msg .top .layer-cir > .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .green .r1 .inner .content .group .box:hover .msg .top .layer-cir .iconfont {
    color: #fff
  }
}
.green .r1 .inner > .btm {
  margin: 0 auto;
  width: 100%;
  height: 2.4rem
}
.green .r1 .inner > .btm .layer-cir {
  margin: 0 .1rem
}
.green .r1 .inner > .btm .items > li {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  margin: 0 .05rem;
  border: 1px solid transparent;
  -webkit-transition: all .5s var(--ease);
  transition: all .5s var(--ease)
}
.green .r1 .inner > .btm .items > li > a {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.green .r1 .inner > .btm .items > li.on {
  border-color: var(--main)
}
.green .r1 .inner > .btm .items > li.on > a {
  color: var(--main)
}
@media screen and (orientation: landscape) {
  .green .r1 .inner > .btm .items > li:hover {
    border-color: var(--main)
  }
  .green .r1 .inner > .btm .items > li:hover > a {
    color: var(--main)
  }
}
.greenDetail .caseRow {
  width: 100%;
  height: 100vh;
  z-index: 20;
  position: relative;
  background-color: #f7f6f2
}
.greenDetail .caseRow .alanAni {
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color .8s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.greenDetail .caseRow .alanAni:nth-child(1) {
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.greenDetail .caseRow .alanAni:nth-child(2) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.greenDetail .caseRow .alanAni:nth-child(3) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.greenDetail .caseRow .alanAni:nth-child(4) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.greenDetail .caseRow .alanAni:nth-child(5) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.greenDetail .caseRow .alanAni:nth-child(6) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.greenDetail .caseRow .alanAni:nth-child(7) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.greenDetail .caseRow .alanAni:nth-child(8) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.greenDetail .caseRow .alanAni:nth-child(9) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.greenDetail .caseRow .alanAni:nth-child(10) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.greenDetail .caseRow .alanAni:nth-child(11) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.greenDetail .caseRow .alanAni:nth-child(12) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.greenDetail .caseRow .alanAni:nth-child(13) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.greenDetail .caseRow .alanAni:nth-child(14) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.greenDetail .caseRow .alanAni:nth-child(15) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.greenDetail .caseRow .alanAni:nth-child(16) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.greenDetail .caseRow .alanAni:nth-child(17) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.greenDetail .caseRow .alanAni:nth-child(18) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.greenDetail .caseRow .alanAni:nth-child(19) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.greenDetail .caseRow .alanAni:nth-child(20) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.greenDetail .caseRow .bg .sliderPic {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  overflow: hidden
}
.greenDetail .caseRow .bg .sliderPic .photo {
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  -webkit-clip-path: inset(0 0 0 0 round 5px);
  clip-path: inset(0 0 0 0 round 5px);
  -webkit-transition: all 1.2s var(--picEase);
  transition: all 1.2s var(--picEase)
}
.greenDetail .caseRow .bg .sliderPic .photo .pic {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), transform 2s var(--ease1), -webkit-transform 2s var(--ease1)
}
.greenDetail .caseRow .bg .sliderPic.on {
  opacity: 1;
  z-index: 10
}
.greenDetail .caseRow .bg .sliderPic.on .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.greenDetail .caseRow .bg .sliderPic.in {
  opacity: 1
}
.greenDetail .caseRow .bg .sliderPic.in .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.greenDetail .caseRow .bg .sliderPic.out {
  opacity: 1;
  z-index: 10
}
.greenDetail .caseRow .bg .sliderPic.out .photo {
  -webkit-clip-path: inset(0 100% 0 0 round 5px);
  clip-path: inset(0 100% 0 0 round 5px)
}
.greenDetail .caseRow .bg .sliderPic.out .photo .pic {
  opacity: .5
}
.greenDetail .caseRow .inner {
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 10;
  padding: 1.5rem .6rem .6rem
}
.greenDetail .caseRow .inner .top {
  position: relative;
  width: 100%
}
.greenDetail .caseRow .inner .top .layer-btn {
  position: absolute;
  top: .2rem;
  right: 0;
  width: auto
}
.greenDetail .caseRow .inner .mid {
  width: 100%;
  padding: 0 .4rem;
  pointer-events: none
}
.greenDetail .caseRow .inner .mid .layer-cir {
  pointer-events: painted
}
.greenDetail .caseRow .inner .btm, .greenDetail .caseRow .inner .btm .items {
  width: 100%
}
@media screen and (orientation: landscape) {
  .greenDetail .caseRow .inner .btm .items {
    grid-template-columns: repeat(var(--col), 1fr);
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
    display: grid;
    gap: 0 .24rem
  }
}
@media screen and (orientation: portrait) {
  .greenDetail .caseRow .inner .btm .items {
    display: grid;
    grid-auto-flow: column
  }
}
.greenDetail .caseRow .inner .btm .box {
  border-radius: .2rem;
  overflow: hidden;
  position: relative;
  padding: 0 .4rem;
  -webkit-transition: all .8s var(--ease);
  transition: all .8s var(--ease)
}
.greenDetail .caseRow .inner .btm .box .mask {
  background-color: #0006;
  -webkit-transition: background-color .6s var(--ease);
  transition: background-color .6s var(--ease);
  z-index: 0
}
@media screen and (orientation: landscape) {
  .greenDetail .caseRow .inner .btm .box .mask {
    backdrop-filter: blur(.1rem)
  }
}
@media screen and (orientation: portrait) {
  .greenDetail .caseRow .inner .btm .box .mask {
    background-color: #000000bf
  }
}
.greenDetail .caseRow .inner .btm .box .msg {
  height: 1.4rem;
  width: 100%;
  position: relative;
  z-index: 5;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.greenDetail .caseRow .inner .btm .box .msg .col h3, .greenDetail .caseRow .inner .btm .box .msg .col p {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.greenDetail .caseRow .inner .btm .box .msg .icon {
  height: .54rem
}
.greenDetail .caseRow .inner .btm .box .other {
  position: absolute;
  z-index: 6;
  height: 2rem;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 .4rem .1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: 1px solid rgba(42, 53, 37, .1);
  opacity: 0;
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition: opacity 1s var(--ease2), -webkit-transform 1s var(--ease2);
  transition: opacity 1s var(--ease2), -webkit-transform 1s var(--ease2);
  transition: opacity 1s var(--ease2), transform 1s var(--ease2);
  transition: opacity 1s var(--ease2), transform 1s var(--ease2), -webkit-transform 1s var(--ease2)
}
.greenDetail .caseRow .inner .btm .box .other > p {
  padding-bottom: .2rem
}
.greenDetail .caseRow .inner .btm .box .other .countFn .count {
  line-height: .8
}
.greenDetail .caseRow .inner .btm .box .other .countFn sub {
  vertical-align: baseline
}
.greenDetail .caseRow .inner .btm .box.on {
  padding-bottom: 2rem
}
.greenDetail .caseRow .inner .btm .box.on .msg {
  height: 1.2rem
}
.greenDetail .caseRow .inner .btm .box.on .msg h3 {
  color: var(--green)
}
.greenDetail .caseRow .inner .btm .box.on .msg p {
  color: var(--main)
}
.greenDetail .caseRow .inner .btm .box.on .mask {
  background-color: #ffffffe6
}
.greenDetail .caseRow .inner .btm .box.on .other {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
@media screen and (orientation: landscape) {
  .greenDetail .caseRow .inner .btm .box:hover {
    padding-bottom: 2rem
  }
  .greenDetail .caseRow .inner .btm .box:hover .msg {
    height: 1.2rem
  }
  .greenDetail .caseRow .inner .btm .box:hover .msg h3 {
    color: var(--green)
  }
  .greenDetail .caseRow .inner .btm .box:hover .msg p {
    color: var(--main)
  }
  .greenDetail .caseRow .inner .btm .box:hover .mask {
    background-color: #ffffffe6
  }
  .greenDetail .caseRow .inner .btm .box:hover .other {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
}
@media screen and (orientation: portrait) {
  .greenDetail .caseRow .inner .btm .box {
    padding-bottom: 2rem
  }
  .greenDetail .caseRow .inner .btm .box .msg {
    height: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
  }
  .greenDetail .caseRow .inner .btm .box .other {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    border: none
  }
  .greenDetail .caseRow .inner .btm .box .other .gc {
    color: #fff
  }
}
.greenDetail .caseRow.go .alanAni {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.casePop {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 200;
  left: 0;
  top: 0;
  background-color: #f7f6f2;
  opacity: 0;
  visibility: hidden
}
.casePop .alanAni {
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), background-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), background-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color .8s var(--ease);
  transition: opacity 1s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color .8s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.casePop .alanAni:nth-child(1) {
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.casePop .alanAni:nth-child(2) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.casePop .alanAni:nth-child(3) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.casePop .alanAni:nth-child(4) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.casePop .alanAni:nth-child(5) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.casePop .alanAni:nth-child(6) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.casePop .alanAni:nth-child(7) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.casePop .alanAni:nth-child(8) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.casePop .alanAni:nth-child(9) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.casePop .alanAni:nth-child(10) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.casePop .alanAni:nth-child(11) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.casePop .alanAni:nth-child(12) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.casePop .alanAni:nth-child(13) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.casePop .alanAni:nth-child(14) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.casePop .alanAni:nth-child(15) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.casePop .alanAni:nth-child(16) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.casePop .alanAni:nth-child(17) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.casePop .alanAni:nth-child(18) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.casePop .alanAni:nth-child(19) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.casePop .alanAni:nth-child(20) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.casePop .bg .sliderPic {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  overflow: hidden
}
.casePop .bg .sliderPic .photo {
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  -webkit-clip-path: inset(0 0 0 0 round 5px);
  clip-path: inset(0 0 0 0 round 5px);
  -webkit-transition: all 1.2s var(--picEase);
  transition: all 1.2s var(--picEase)
}
.casePop .bg .sliderPic .photo .pic {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), transform 2s var(--ease1), -webkit-transform 2s var(--ease1)
}
.casePop .bg .sliderPic.on {
  opacity: 1;
  z-index: 10
}
.casePop .bg .sliderPic.on .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.casePop .bg .sliderPic.in {
  opacity: 1
}
.casePop .bg .sliderPic.in .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.casePop .bg .sliderPic.out {
  opacity: 1;
  z-index: 10
}
.casePop .bg .sliderPic.out .photo {
  -webkit-clip-path: inset(0 100% 0 0 round 5px);
  clip-path: inset(0 100% 0 0 round 5px)
}
.casePop .bg .sliderPic.out .photo .pic {
  opacity: .5
}
.casePop .inner {
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 1.5rem .6rem .6rem
}
.casePop .inner .top {
  position: relative;
  width: 100%
}
.casePop .inner .top .layer-btn {
  position: absolute;
  top: .2rem;
  right: 0;
  width: auto
}
.casePop .inner .mid {
  width: 100%;
  padding: 0 .4rem;
  pointer-events: none
}
.casePop .inner .mid .layer-cir {
  pointer-events: painted
}
.casePop .inner .btm, .casePop .inner .btm .items {
  width: 100%
}
@media screen and (orientation: landscape) {
  .casePop .inner .btm .items {
    grid-template-columns: repeat(var(--col), 1fr);
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
    display: grid;
    gap: 0 .24rem
  }
}
@media screen and (orientation: portrait) {
  .casePop .inner .btm .items {
    display: grid;
    grid-auto-flow: column
  }
}
.casePop .inner .btm .box {
  border-radius: .2rem;
  overflow: hidden;
  position: relative;
  padding: 0 .4rem;
  -webkit-transition: all .8s var(--ease);
  transition: all .8s var(--ease)
}
.casePop .inner .btm .box .mask {
  background-color: #0006;
  -webkit-transition: background-color .6s var(--ease);
  transition: background-color .6s var(--ease);
  z-index: 0
}
@media screen and (orientation: landscape) {
  .casePop .inner .btm .box .mask {
    backdrop-filter: blur(.1rem)
  }
}
@media screen and (orientation: portrait) {
  .casePop .inner .btm .box .mask {
    background-color: #000000bf
  }
}
.casePop .inner .btm .box .msg {
  height: 1.4rem;
  width: 100%;
  position: relative;
  z-index: 5;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.casePop .inner .btm .box .msg .col h3, .casePop .inner .btm .box .msg .col p {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.casePop .inner .btm .box .msg .icon {
  height: .54rem
}
.casePop .inner .btm .box .other {
  position: absolute;
  z-index: 6;
  height: 2rem;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 .4rem .1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: 1px solid rgba(42, 53, 37, .1);
  opacity: 0;
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition: opacity 1s var(--ease2), -webkit-transform 1s var(--ease2);
  transition: opacity 1s var(--ease2), -webkit-transform 1s var(--ease2);
  transition: opacity 1s var(--ease2), transform 1s var(--ease2);
  transition: opacity 1s var(--ease2), transform 1s var(--ease2), -webkit-transform 1s var(--ease2)
}
.casePop .inner .btm .box .other > p {
  padding-bottom: .2rem
}
.casePop .inner .btm .box .other .countFn .count {
  line-height: .8
}
.casePop .inner .btm .box .other .countFn sub {
  vertical-align: baseline
}
.casePop .inner .btm .box.on {
  padding-bottom: 2rem
}
.casePop .inner .btm .box.on .msg {
  height: 1.2rem
}
.casePop .inner .btm .box.on .msg h3 {
  color: var(--green)
}
.casePop .inner .btm .box.on .msg p {
  color: var(--main)
}
.casePop .inner .btm .box.on .mask {
  background-color: #ffffffe6
}
.casePop .inner .btm .box.on .other {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
@media screen and (orientation: landscape) {
  .casePop .inner .btm .box:hover {
    padding-bottom: 2rem
  }
  .casePop .inner .btm .box:hover .msg {
    height: 1.2rem
  }
  .casePop .inner .btm .box:hover .msg h3 {
    color: var(--green)
  }
  .casePop .inner .btm .box:hover .msg p {
    color: var(--main)
  }
  .casePop .inner .btm .box:hover .mask {
    background-color: #ffffffe6
  }
  .casePop .inner .btm .box:hover .other {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
}
@media screen and (orientation: portrait) {
  .casePop .inner .btm .box {
    padding-bottom: 2rem
  }
  .casePop .inner .btm .box .msg {
    height: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
  }
  .casePop .inner .btm .box .other {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    border: none
  }
  .casePop .inner .btm .box .other .gc {
    color: #fff
  }
}
.casePop.on .alanAni {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.business .topRow {
  height: 100vh;
  overflow: hidden
}
.business .topRow .bg .pic {
  -webkit-transition: opacity 2s var(--ease1), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 2s var(--ease1);
  transition: opacity 2s var(--ease1), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 2s var(--ease1);
  transition: opacity 2s var(--ease1), transform 2s var(--ease1), color .3s var(--ease), background-color .6s var(--ease);
  transition: opacity 2s var(--ease1), transform 2s var(--ease1), color .3s var(--ease), background-color .6s var(--ease), -webkit-transform 2s var(--ease1);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.business .topRow .bg .pic.go {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.business .topRow .inner {
  height: 100%;
  position: relative;
  padding-top: 2%
}
.business .topRow .inner .group {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10
}
.business .topRow .inner .group .layer-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.business .topRow .inner .group .layer-title h1 {
  display: inline-block;
  line-height: 1
}
.business .topRow .inner .group .layer-title h1 .letter {
  display: inline-block
}
.business .topRow .inner .group .layer-title > img.icon1 {
  height: .5rem;
  margin-left: .1rem;
  margin-top: .1rem
}
.business .topRow .inner .group .layer-title .icon2 {
  height: .2rem;
  margin-top: .25rem
}
.business .topRow .inner .group .layer-title p {
  text-align: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: .2rem;
  display: inline-block;
  line-height: 1
}
.business .topRow .inner .group .layer-title p .letter {
  display: inline-block;
  margin-right: .25em
}
.business .topRow .inner .group .note {
  width: 100%;
  margin-top: 2rem
}
.business .treeRow {
  overflow: hidden;
  position: relative;
  z-index: 10;
  margin-top: -2rem
}
.business .treeRow .bg .pic {
  background-size: 100%;
  background-repeat: repeat-y
}
.business .treeRow .inner {
  height: 2rem;
  width: calc(100% - 1.6rem);
  margin: 0 auto
}
.business .treeRow .inner.null .fixStyle {
  opacity: 0
}
.business .treeRow .inner .group {
  height: 2rem;
  width: 100%;
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100vw;
  -webkit-transition: height .5s var(--ease), opacity .5s var(--ease), -webkit-transform .5s var(--ease);
  transition: height .5s var(--ease), opacity .5s var(--ease), -webkit-transform .5s var(--ease);
  transition: height .5s var(--ease), opacity .5s var(--ease), transform .5s var(--ease);
  transition: height .5s var(--ease), opacity .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease)
}
.business .treeRow .inner .group:after {
  content: "";
  position: absolute;
  width: 200vw;
  left: -50vw;
  top: 0;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s var(--ease);
  transition: opacity .5s var(--ease);
  background-color: #fff
}
.business .treeRow .inner .group.fixStyle {
  z-index: 40;
  width: calc(100% - 1.6rem);
  height: 1.4rem
}
.business .treeRow .inner .group.fixStyle .tab {
  height: 1rem
}
.business .treeRow .inner .group.fixStyle .tab:after {
  background-color: #fff;
  border-color: #0003
}
.business .treeRow .inner .group.fixStyle .tab h2 {
  color: var(--green)
}
.business .treeRow .inner .group.fixStyle .tab .layer-icon {
  background-color: #fafbf6
}
.business .treeRow .inner .group.fixStyle .tab .layer-icon .iconfont {
  color: var(--main)
}
.business .treeRow .inner .group.fixStyle .tab.on:after {
  background-color: #fafbf6;
  border-color: #96b931
}
.business .treeRow .inner .group.fixStyle .tab.on .layer-icon {
  background-color: var(--main)
}
.business .treeRow .inner .group.fixStyle .tab.on .layer-icon .iconfont {
  color: var(--white)
}
.business .treeRow .inner .group.fixStyle:after {
  opacity: 1
}
.business .treeRow .inner .group .box {
  height: 100%
}
@media screen and (orientation: landscape) {
  .business .treeRow .inner .group .box {
    display: grid;
    grid-template-columns: repeat(var(--col), 1fr);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 .1rem
  }
}
@media screen and (orientation: portrait) {
  .business .treeRow .inner .group .box {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.business .treeRow .inner .tab {
  height: 1.1rem;
  z-index: 5;
  -webkit-transition: all .5s var(--ease);
  transition: all .5s var(--ease);
  position: relative
}
.business .treeRow .inner .tab h2 {
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  position: relative;
  z-index: 5
}
.business .treeRow .inner .tab .layer-icon {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  position: relative;
  z-index: 5;
  -webkit-transition: -webkit-transform .5s var(--ease);
  transition: -webkit-transform .5s var(--ease);
  transition: transform .5s var(--ease);
  transition: transform .5s var(--ease), -webkit-transform .5s var(--ease);
  background-color: #fff
}
.business .treeRow .inner .tab .layer-icon .iconfont {
  height: .28rem;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.business .treeRow .inner .tab:after {
  content: "";
  border-radius: .1rem;
  backdrop-filter: blur(.2rem);
  border: 1px solid rgba(255, 255, 255, 0);
  background-color: #0003;
  z-index: 1;
  -webkit-transition: all .5s var(--ease);
  transition: all .5s var(--ease)
}
.business .treeRow .inner .tab.on:after {
  background-color: #ffffffe6
}
.business .treeRow .inner .tab.on h2 {
  color: var(--green)
}
.business .treeRow .inner .tab.on .layer-icon {
  background-color: var(--main)
}
.business .treeRow .inner .tab.on .layer-icon .iconfont {
  color: #fff
}
@media screen and (orientation: landscape) {
  .business .treeRow .inner .tab:hover:after {
    background-color: #ffffffe6
  }
  .business .treeRow .inner .tab:hover h2 {
    color: var(--green)
  }
  .business .treeRow .inner .tab:hover .layer-icon {
    background-color: var(--main)
  }
  .business .treeRow .inner .tab:hover .layer-icon .iconfont {
    color: #fff
  }
}
.business .msgRow {
  background-color: #fff;
  padding: 2.2rem 0 1.8rem
}
.business .msgRow .inner {
  display: grid;
  grid-template-columns: 50% 44%;
  grid-template-rows: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.business .msgRow .inner .col .layer-img {
  border-radius: .4rem
}
.business .msgRow .inner .col small {
  display: block
}
.business .msgRow .inner .col .layer-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: .6rem
}
.business .msgRow .inner .col .layer-item .list {
  margin-right: .5rem;
  width: auto
}
.business .msgRow .inner .col .moreBox {
  border-top: 1px solid rgba(42, 53, 37, .05);
  margin-top: 1.5rem
}
.business .msgRow .inner .col .moreBox .layer-item {
  margin: .6rem 0
}
.business .msgRow .inner .col .moreBox .clear {
  width: 100%;
  height: 1px;
  margin-bottom: .6rem;
  background-color: #2a35250d
}
.business .msgRow .inner .col .moreBox .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.business .msgRow .inner .col .moreBox .box .countFn {
  margin-right: 1rem
}
.business .msgRow .inner .col .moreBox .box .countFn h4 {
  white-space: nowrap
}
.business .msgRow .inner .col .moreBox .title {
  margin-top: .8rem
}
.business .msgRow .inner .col .moreBox .title .gc table{
  text-align: center;
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      max-width: 686px;
      overflow-x: scroll;
       display: block;
      overflow-y: hidden;
      touch-action: pan-y pan-x;
}
.business .msgRow .inner .col:nth-of-type(2) {
  position: relative;
  padding-top: .3rem;
  padding-bottom: .1rem
}
.business .msgRow .inner .col:nth-of-type(2) > p:last-of-type {
  margin-top: 2rem
}
.business .msgRow .inner .col:nth-of-type(2) .icon {
  position: absolute;
  top: .3rem;
  right: 0
}
.business .fixRow {
  z-index: 0;
  height: 7.5rem
}
.business .fixRow .inner {
  height: 100%;
  padding: 0 1.6rem
}
.business .fixRow .inner .group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 4
}
.business .fixRow .inner .group .box {
  width: 30%
}
.business .fixRow .inner .group .box .countFn {
  text-align: center
}
.business .fixRow .inner .group .box .countFn .count {
  line-height: .8
}
.business .fixRow .inner .group .box .countFn sub {
  vertical-align: baseline
}
.business .fixRow .inner .group .box h3 {
  text-align: center
}
.business .fixRow .inner .group .line {
  width: 1px;
  height: 1.2rem;
  background: rgba(255, 255, 255, .5)
}
.business .fixRow .inner .note {
  position: absolute;
  z-index: 5;
  left: 0;
  width: 100%;
  bottom: 10%
}
.business .fixMsgRow {
  z-index: 0;
  height: 7.5rem
}
.business .fixMsgRow .inner {
  height: 100%
}
.business .caseRow {
  background-color: #f7f6f2
}
.business .caseRow .bg .sign {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 21rem
}
.business .caseRow .inner {
  padding: 1.8rem 0 1.4rem
}
.business .caseRow .inner .top {
  margin-bottom: .4rem
}
.business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide {
  width: 7.5rem;
  position: relative
}
.business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide .box {
  -webkit-transform: scale(.5);
  -ms-transform: scale(.5);
  transform: scale(.5);
  border-radius: .4rem;
  overflow: hidden;
  -webkit-transition: all .8s var(--ease);
  transition: all .8s var(--ease);
  -webkit-transform-origin: inherit;
  -ms-transform-origin: inherit;
  transform-origin: inherit
}
.business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide .layer-img {
  height: 4.6rem
}
.business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide .msg {
  padding: .4rem;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide .msg h3 {
  -webkit-transition: -webkit-transform .8s var(--ease);
  transition: -webkit-transform .8s var(--ease);
  transition: transform .8s var(--ease);
  transition: transform .8s var(--ease), -webkit-transform .8s var(--ease);
  position: relative;
  z-index: 5;
  text-align: center
}
.business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note {
  position: absolute;
  z-index: 2;
  width: 100%;
  left: 0;
  bottom: .4rem;
  opacity: 0;
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: transform .8s var(--ease), opacity .8s var(--ease);
  transition: transform .8s var(--ease), opacity .8s var(--ease), -webkit-transform .8s var(--ease)
}
.business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .box, .business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .box {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .msg h3, .business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .msg h3 {
  -webkit-transform: translate3d(0, -.3rem, 0);
  transform: translate3d(0, -.3rem, 0)
}
.business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .msg .note, .business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .msg .note {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .box, .business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-prev .box, .business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .box, .business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-next .box {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}
.business .caseRow .inner .group .set {
  margin-top: .7rem
}
.business .caseRow .inner .group .set .layer-cir {
  margin: 0 .05rem
}
.business .titleRow {
  background-color: #fff
}
.business .titleRow .inner {
  padding-top: 1.5rem;
  padding-bottom: .6rem
}
.business .powerRow {
  background-color: #fff
}
.business .powerRow .inner {
  padding-top: .6rem;
  padding-bottom: 1.8rem
}
.business .powerRow .inner .layer-topic {
  width: 100%;
  margin-bottom: 1rem;
  position: relative
}
.business .powerRow .inner .layer-topic:before {
  content: "";
  position: absolute;
  width: 38%;
  height: 1px;
  background-color: #2a35251a;
  bottom: .3rem;
  left: 0
}
.business .powerRow .inner .layer-topic:after {
  content: "";
  position: absolute;
  width: 38%;
  height: 1px;
  background-color: #2a35251a;
  bottom: .3rem;
  right: 0
}
.business .powerRow .inner .group .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.3rem
}
.business .powerRow .inner .group .box:last-of-type {
  margin-bottom: 0
}
.business .powerRow .inner .group .box .col .layer-img {
  width: 100%;
  height: 100%;
  border-radius: .4rem
}
.business .powerRow .inner .group .box .msg {
  width: 45%
}
.business .powerRow .inner .group .box .imgBox {
  width: 50%;
  height: 4.4rem
}
.develop .layer-item .list p {
  text-shadow: none
}
.develop .r1 {
  height: 7rem;
  background-color: #f7f6f2;
  overflow: hidden
}
.develop .r1 .bg .sign {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 21rem
}
.develop .r1 .inner {
  padding-top: 1.5rem;
  height: 100%
}
.develop .r1 .inner .layer-cir {
  cursor: auto
}
.develop .r1 .inner .msg {
  position: relative;
  margin-bottom: 1.2rem
}
.develop .r1 .inner .msg .after {
  color: #babbb7;
  width: 100%
}
.develop .r1 .inner .msg .after .letter {
  -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.develop .r1 .inner .msg .after .letter:nth-child(1) {
  -webkit-transform: translate3d(0, .25rem, 0);
  transform: translate3d(0, .25rem, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.develop .r1 .inner .msg .after .letter:nth-child(2) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.develop .r1 .inner .msg .after .letter:nth-child(3) {
  -webkit-transform: translate3d(0, .55rem, 0);
  transform: translate3d(0, .55rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.develop .r1 .inner .msg .after .letter:nth-child(4) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.develop .r1 .inner .msg .after .letter:nth-child(5) {
  -webkit-transform: translate3d(0, .85rem, 0);
  transform: translate3d(0, .85rem, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.develop .r1 .inner .msg .after .letter:nth-child(6) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.develop .r1 .inner .msg .after .letter:nth-child(7) {
  -webkit-transform: translate3d(0, 1.15rem, 0);
  transform: translate3d(0, 1.15rem, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.develop .r1 .inner .msg .after .letter:nth-child(8) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.develop .r1 .inner .msg .after .letter:nth-child(9) {
  -webkit-transform: translate3d(0, 1.45rem, 0);
  transform: translate3d(0, 1.45rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.develop .r1 .inner .msg .after .letter:nth-child(10) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.develop .r1 .inner .msg .after .letter:nth-child(11) {
  -webkit-transform: translate3d(0, 1.75rem, 0);
  transform: translate3d(0, 1.75rem, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.develop .r1 .inner .msg .after .letter:nth-child(12) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.develop .r1 .inner .msg .after .letter:nth-child(13) {
  -webkit-transform: translate3d(0, 2.05rem, 0);
  transform: translate3d(0, 2.05rem, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.develop .r1 .inner .msg .after .letter:nth-child(14) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.develop .r1 .inner .msg .after .letter:nth-child(15) {
  -webkit-transform: translate3d(0, 2.35rem, 0);
  transform: translate3d(0, 2.35rem, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.develop .r1 .inner .msg .after .letter:nth-child(16) {
  -webkit-transform: translate3d(0, 2.5rem, 0);
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.develop .r1 .inner .msg .after .letter:nth-child(17) {
  -webkit-transform: translate3d(0, 2.65rem, 0);
  transform: translate3d(0, 2.65rem, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.develop .r1 .inner .msg .after .letter:nth-child(18) {
  -webkit-transform: translate3d(0, 2.8rem, 0);
  transform: translate3d(0, 2.8rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.develop .r1 .inner .msg .after .letter:nth-child(19) {
  -webkit-transform: translate3d(0, 2.95rem, 0);
  transform: translate3d(0, 2.95rem, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.develop .r1 .inner .msg .after .letter:nth-child(20) {
  -webkit-transform: translate3d(0, 3.1rem, 0);
  transform: translate3d(0, 3.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.develop .r1 .inner .msg .above {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: #1e281a
}
.develop .r1 .inner .msg .above .letter {
  -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.2s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%
}
.develop .r1 .inner .msg .above .letter:nth-child(1) {
  -webkit-transform: translate3d(0, .25rem, 0);
  transform: translate3d(0, .25rem, 0);
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
.develop .r1 .inner .msg .above .letter:nth-child(2) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.develop .r1 .inner .msg .above .letter:nth-child(3) {
  -webkit-transform: translate3d(0, .55rem, 0);
  transform: translate3d(0, .55rem, 0);
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.develop .r1 .inner .msg .above .letter:nth-child(4) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.develop .r1 .inner .msg .above .letter:nth-child(5) {
  -webkit-transform: translate3d(0, .85rem, 0);
  transform: translate3d(0, .85rem, 0);
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}
.develop .r1 .inner .msg .above .letter:nth-child(6) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.develop .r1 .inner .msg .above .letter:nth-child(7) {
  -webkit-transform: translate3d(0, 1.15rem, 0);
  transform: translate3d(0, 1.15rem, 0);
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}
.develop .r1 .inner .msg .above .letter:nth-child(8) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.develop .r1 .inner .msg .above .letter:nth-child(9) {
  -webkit-transform: translate3d(0, 1.45rem, 0);
  transform: translate3d(0, 1.45rem, 0);
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.develop .r1 .inner .msg .above .letter:nth-child(10) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.develop .r1 .inner .msg .above .letter:nth-child(11) {
  -webkit-transform: translate3d(0, 1.75rem, 0);
  transform: translate3d(0, 1.75rem, 0);
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}
.develop .r1 .inner .msg .above .letter:nth-child(12) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.develop .r1 .inner .msg .above .letter:nth-child(13) {
  -webkit-transform: translate3d(0, 2.05rem, 0);
  transform: translate3d(0, 2.05rem, 0);
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}
.develop .r1 .inner .msg .above .letter:nth-child(14) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.develop .r1 .inner .msg .above .letter:nth-child(15) {
  -webkit-transform: translate3d(0, 2.35rem, 0);
  transform: translate3d(0, 2.35rem, 0);
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.develop .r1 .inner .msg .above .letter:nth-child(16) {
  -webkit-transform: translate3d(0, 2.5rem, 0);
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.develop .r1 .inner .msg .above .letter:nth-child(17) {
  -webkit-transform: translate3d(0, 2.65rem, 0);
  transform: translate3d(0, 2.65rem, 0);
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}
.develop .r1 .inner .msg .above .letter:nth-child(18) {
  -webkit-transform: translate3d(0, 2.8rem, 0);
  transform: translate3d(0, 2.8rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.develop .r1 .inner .msg .above .letter:nth-child(19) {
  -webkit-transform: translate3d(0, 2.95rem, 0);
  transform: translate3d(0, 2.95rem, 0);
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}
.develop .r1 .inner .msg .above .letter:nth-child(20) {
  -webkit-transform: translate3d(0, 3.1rem, 0);
  transform: translate3d(0, 3.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.develop .r1 .inner .msg .above .letter:nth-of-type(1) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 160%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 160%) 0 0 round 0)
}
.develop .r1 .inner .msg .above .letter:nth-of-type(2) {
  z-index: 10;
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 135%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 135%) 0 0 round 0)
}
.develop .r1 .inner .msg .above .letter:nth-of-type(3) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 125%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 125%) 0 0 round 0)
}
.develop .r1 .inner .msg .above .letter:nth-of-type(4) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 110%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 110%) 0 0 round 0)
}
.develop .r1 .inner .msg .above .letter:nth-of-type(5) {
  -webkit-clip-path: inset(0 calc(100% - var(--go) * 100%) 0 0 round 0);
  clip-path: inset(0 calc(100% - var(--go) * 100%) 0 0 round 0)
}
.develop .r1 .inner .msg.go .after .letter, .develop .r1 .inner .msg.go .above .letter {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.develop .r2 {
  height: 100vh
}
.develop .r2 .bg .sliderPic {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  overflow: hidden
}
.develop .r2 .bg .sliderPic .photo {
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  -webkit-clip-path: inset(0 0 0 0 round 5px);
  clip-path: inset(0 0 0 0 round 5px);
  -webkit-transition: all 1.2s var(--picEase);
  transition: all 1.2s var(--picEase)
}
.develop .r2 .bg .sliderPic .photo .pic {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), transform 2s var(--ease1), -webkit-transform 2s var(--ease1)
}
.develop .r2 .bg .sliderPic.on {
  opacity: 1;
  z-index: 10
}
.develop .r2 .bg .sliderPic.on .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.develop .r2 .bg .sliderPic.in {
  opacity: 1
}
.develop .r2 .bg .sliderPic.in .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.develop .r2 .bg .sliderPic.out {
  opacity: 1;
  z-index: 10
}
.develop .r2 .bg .sliderPic.out .photo {
  -webkit-clip-path: inset(0 100% 0 0 round 5px);
  clip-path: inset(0 100% 0 0 round 5px)
}
.develop .r2 .bg .sliderPic.out .photo .pic {
  opacity: .5
}
.develop .r2 .inner {
  height: 100%;
  position: relative;
  z-index: 10
}
.develop .r2 .inner .msgBox {
  position: absolute;
  bottom: 1.2rem;
  right: .6rem;
  z-index: 10;
  width: 6.9rem
}
.develop .r2 .inner .msgBox .msg {
  pointer-events: none;
  position: absolute;
  width: 100%;
  -webkit-transition: opacity 1s var(--ease);
  transition: opacity 1s var(--ease);
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 6;
  padding: .8rem
}
.develop .r2 .inner .msgBox .msg .alanAni {
  opacity: 0;
  -webkit-transition: opacity 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease);
  transition: opacity 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease);
  transition: opacity 1.8s var(--ease), transform 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1.8s var(--ease), transform 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease)
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(1) {
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(2) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(3) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(4) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(5) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(6) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(7) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(8) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(9) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(10) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(11) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(12) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(13) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(14) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(15) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(16) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(17) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(18) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(19) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(20) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: 2s;
  transition-delay: 2s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(21) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(22) {
  -webkit-transform: translate3d(0, 2.3rem, 0);
  transform: translate3d(0, 2.3rem, 0);
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(23) {
  -webkit-transform: translate3d(0, 2.4rem, 0);
  transform: translate3d(0, 2.4rem, 0);
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(24) {
  -webkit-transform: translate3d(0, 2.5rem, 0);
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(25) {
  -webkit-transform: translate3d(0, 2.6rem, 0);
  transform: translate3d(0, 2.6rem, 0);
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(26) {
  -webkit-transform: translate3d(0, 2.7rem, 0);
  transform: translate3d(0, 2.7rem, 0);
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(27) {
  -webkit-transform: translate3d(0, 2.8rem, 0);
  transform: translate3d(0, 2.8rem, 0);
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(28) {
  -webkit-transform: translate3d(0, 2.9rem, 0);
  transform: translate3d(0, 2.9rem, 0);
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(29) {
  -webkit-transform: translate3d(0, 3rem, 0);
  transform: translate3d(0, 3rem, 0);
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(30) {
  -webkit-transform: translate3d(0, 3.1rem, 0);
  transform: translate3d(0, 3.1rem, 0);
  -webkit-transition-delay: 3s;
  transition-delay: 3s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(31) {
  -webkit-transform: translate3d(0, 3.2rem, 0);
  transform: translate3d(0, 3.2rem, 0);
  -webkit-transition-delay: 3.1s;
  transition-delay: 3.1s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(32) {
  -webkit-transform: translate3d(0, 3.3rem, 0);
  transform: translate3d(0, 3.3rem, 0);
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(33) {
  -webkit-transform: translate3d(0, 3.4rem, 0);
  transform: translate3d(0, 3.4rem, 0);
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(34) {
  -webkit-transform: translate3d(0, 3.5rem, 0);
  transform: translate3d(0, 3.5rem, 0);
  -webkit-transition-delay: 3.4s;
  transition-delay: 3.4s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(35) {
  -webkit-transform: translate3d(0, 3.6rem, 0);
  transform: translate3d(0, 3.6rem, 0);
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(36) {
  -webkit-transform: translate3d(0, 3.7rem, 0);
  transform: translate3d(0, 3.7rem, 0);
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(37) {
  -webkit-transform: translate3d(0, 3.8rem, 0);
  transform: translate3d(0, 3.8rem, 0);
  -webkit-transition-delay: 3.7s;
  transition-delay: 3.7s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(38) {
  -webkit-transform: translate3d(0, 3.9rem, 0);
  transform: translate3d(0, 3.9rem, 0);
  -webkit-transition-delay: 3.8s;
  transition-delay: 3.8s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(39) {
  -webkit-transform: translate3d(0, 4rem, 0);
  transform: translate3d(0, 4rem, 0);
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(40) {
  -webkit-transform: translate3d(0, 4.1rem, 0);
  transform: translate3d(0, 4.1rem, 0);
  -webkit-transition-delay: 4s;
  transition-delay: 4s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(41) {
  -webkit-transform: translate3d(0, 4.2rem, 0);
  transform: translate3d(0, 4.2rem, 0);
  -webkit-transition-delay: 4.1s;
  transition-delay: 4.1s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(42) {
  -webkit-transform: translate3d(0, 4.3rem, 0);
  transform: translate3d(0, 4.3rem, 0);
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(43) {
  -webkit-transform: translate3d(0, 4.4rem, 0);
  transform: translate3d(0, 4.4rem, 0);
  -webkit-transition-delay: 4.3s;
  transition-delay: 4.3s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(44) {
  -webkit-transform: translate3d(0, 4.5rem, 0);
  transform: translate3d(0, 4.5rem, 0);
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(45) {
  -webkit-transform: translate3d(0, 4.6rem, 0);
  transform: translate3d(0, 4.6rem, 0);
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(46) {
  -webkit-transform: translate3d(0, 4.7rem, 0);
  transform: translate3d(0, 4.7rem, 0);
  -webkit-transition-delay: 4.6s;
  transition-delay: 4.6s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(47) {
  -webkit-transform: translate3d(0, 4.8rem, 0);
  transform: translate3d(0, 4.8rem, 0);
  -webkit-transition-delay: 4.7s;
  transition-delay: 4.7s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(48) {
  -webkit-transform: translate3d(0, 4.9rem, 0);
  transform: translate3d(0, 4.9rem, 0);
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(49) {
  -webkit-transform: translate3d(0, 5rem, 0);
  transform: translate3d(0, 5rem, 0);
  -webkit-transition-delay: 4.9s;
  transition-delay: 4.9s
}
.develop .r2 .inner .msgBox .msg .alanAni:nth-child(50) {
  -webkit-transform: translate3d(0, 5.1rem, 0);
  transform: translate3d(0, 5.1rem, 0);
  -webkit-transition-delay: 5s;
  transition-delay: 5s
}
.develop .r2 .inner .msgBox .msg > .mask {
  border-radius: .4rem;
  background-color: #fffc;
  backdrop-filter: blur(.12rem)
}
.develop .r2 .inner .msgBox .msg > em {
  display: block;
  position: relative;
  z-index: 3
}
.develop .r2 .inner .msgBox .msg > div.row-mid-b, .develop .join .r2 .inner .msgBox .group .msg > div.set, .join .develop .r2 .inner .msgBox .group .msg > div.set, .develop .join .r2 .inner .group .msgBox .msg > div.set, .join .develop .r2 .inner .group .msgBox .msg > div.set {
  margin: .2rem 0 .5rem;
  width: 100%;
  position: relative;
  z-index: 3
}
.develop .r2 .inner .msgBox .msg h3 {
  line-height: 1.15;
  text-align: center;
  -webkit-perspective: 5rem;
  perspective: 5rem;
  position: relative;
  z-index: 3
}
.develop .r2 .inner .msgBox .msg h3 .letter {
  display: inline-block;
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0)
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(1) {
  -webkit-transition-delay: .03s;
  transition-delay: .03s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(2) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(3) {
  -webkit-transition-delay: .09s;
  transition-delay: .09s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(4) {
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(5) {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(6) {
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(7) {
  -webkit-transition-delay: .21s;
  transition-delay: .21s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(8) {
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(9) {
  -webkit-transition-delay: .27s;
  transition-delay: .27s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(10) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(11) {
  -webkit-transition-delay: .33s;
  transition-delay: .33s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(12) {
  -webkit-transition-delay: .36s;
  transition-delay: .36s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(13) {
  -webkit-transition-delay: .39s;
  transition-delay: .39s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(14) {
  -webkit-transition-delay: .42s;
  transition-delay: .42s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(15) {
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(16) {
  -webkit-transition-delay: .48s;
  transition-delay: .48s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(17) {
  -webkit-transition-delay: .51s;
  transition-delay: .51s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(18) {
  -webkit-transition-delay: .54s;
  transition-delay: .54s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(19) {
  -webkit-transition-delay: .57s;
  transition-delay: .57s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(20) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(21) {
  -webkit-transition-delay: .63s;
  transition-delay: .63s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(22) {
  -webkit-transition-delay: .66s;
  transition-delay: .66s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(23) {
  -webkit-transition-delay: .69s;
  transition-delay: .69s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(24) {
  -webkit-transition-delay: .72s;
  transition-delay: .72s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(25) {
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(26) {
  -webkit-transition-delay: .78s;
  transition-delay: .78s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(27) {
  -webkit-transition-delay: .81s;
  transition-delay: .81s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(28) {
  -webkit-transition-delay: .84s;
  transition-delay: .84s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(29) {
  -webkit-transition-delay: .87s;
  transition-delay: .87s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(30) {
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(31) {
  -webkit-transition-delay: .93s;
  transition-delay: .93s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(32) {
  -webkit-transition-delay: .96s;
  transition-delay: .96s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(33) {
  -webkit-transition-delay: .99s;
  transition-delay: .99s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(34) {
  -webkit-transition-delay: 1.02s;
  transition-delay: 1.02s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(35) {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(36) {
  -webkit-transition-delay: 1.08s;
  transition-delay: 1.08s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(37) {
  -webkit-transition-delay: 1.11s;
  transition-delay: 1.11s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(38) {
  -webkit-transition-delay: 1.14s;
  transition-delay: 1.14s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(39) {
  -webkit-transition-delay: 1.17s;
  transition-delay: 1.17s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(40) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(41) {
  -webkit-transition-delay: 1.23s;
  transition-delay: 1.23s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(42) {
  -webkit-transition-delay: 1.26s;
  transition-delay: 1.26s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(43) {
  -webkit-transition-delay: 1.29s;
  transition-delay: 1.29s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(44) {
  -webkit-transition-delay: 1.32s;
  transition-delay: 1.32s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(45) {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(46) {
  -webkit-transition-delay: 1.38s;
  transition-delay: 1.38s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(47) {
  -webkit-transition-delay: 1.41s;
  transition-delay: 1.41s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(48) {
  -webkit-transition-delay: 1.44s;
  transition-delay: 1.44s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(49) {
  -webkit-transition-delay: 1.47s;
  transition-delay: 1.47s
}
.develop .r2 .inner .msgBox .msg h3 .letter:nth-child(50) {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.develop .r2 .inner .msgBox .msg .set .layer-cir {
  margin-left: .1rem
}
.develop .r2 .inner .msgBox .msg p {
  position: relative;
  z-index: 3
}
.develop .r2 .inner .msgBox .msg .layer-item {
  margin-top: .3rem;
  position: relative;
  z-index: 3
}
.develop .r2 .inner .msgBox .msg .layer-item .list {
  padding-left: .2rem
}
.develop .r2 .inner .msgBox .msg .layer-item .list .dot {
  width: .04rem;
  height: .04rem;
  top: 1.2em
}
.develop .r2 .inner .msgBox .msg .layer-item .list p b {
  font-size: 1.3em
}
.develop .r2 .inner .msgBox .msg.on {
  opacity: 1;
  pointer-events: painted
}
.develop .r2 .inner .msgBox .msg.on h3 .letter, .develop .r2 .inner .msgBox .msg.on .alanAni {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.develop .r2 .inner .msgBox .msg.in {
  opacity: 1
}
.develop .r2 .inner .msgBox .msg.in h3 .letter, .develop .r2 .inner .msgBox .msg.in .alanAni {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.develop .r2 .inner .msgBox .msg.out {
  opacity: 0
}
.develop .r2 .inner .msgBox .msg.out .alanAni {
  opacity: 0;
  -webkit-transform: translate3d(0, -.4rem, 0);
  transform: translate3d(0, -.4rem, 0)
}
.develop .r2 .inner .other {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 0;
  width: 100%;
  padding: 1.2rem .6rem;
  z-index: 10;
  text-align: left;
  pointer-events: none
}
.develop .r2 .inner .other p {
  line-height: 1.15;
  text-align: center;
  -webkit-perspective: 5rem;
  perspective: 5rem;
  color: #bede63
}
.develop .r2 .inner .other h2 b {
  display: block;
  font-size: inherit;
  color: inherit;
  font-weight: 600
}
.develop .r3 {
  height: 56vw
}
.develop .r3 .bg .sliderPic {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  overflow: hidden
}
.develop .r3 .bg .sliderPic .photo {
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  -webkit-transition: opacity 1s var(--ease), -webkit-clip-path 1s var(--ease);
  transition: opacity 1s var(--ease), -webkit-clip-path 1s var(--ease);
  transition: clip-path 1s var(--ease), opacity 1s var(--ease);
  transition: clip-path 1s var(--ease), opacity 1s var(--ease), -webkit-clip-path 1s var(--ease)
}
@media screen and (orientation: landscape) {
  .develop .r3 .bg .sliderPic .photo {
    -webkit-clip-path: circle(60vw at 50% 55%);
    clip-path: circle(60vw at 50% 55%);
    padding-top: 5%
  }
}
@media screen and (orientation: portrait) {
  .develop .r3 .bg .sliderPic .photo {
    -webkit-clip-path: circle(220vw at 50% 50%);
    clip-path: circle(220vw at 50% 50%)
  }
}
.develop .r3 .bg .sliderPic .photo .mask {
  background-position: center;
  background-size: cover;
  -webkit-transition: all 1.2s var(--picEase);
  transition: all 1.2s var(--picEase)
}
.develop .r3 .bg .sliderPic .photo .pic {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 5;
  -webkit-transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), -webkit-transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), transform 2s var(--ease1);
  transition: opacity 1s var(--picEase), transform 2s var(--ease1), -webkit-transform 2s var(--ease1)
}
@media screen and (orientation: landscape) {
  .develop .r3 .bg .sliderPic .photo .pic {
    width: 34vw;
    height: 34vw;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
  }
}
@media screen and (orientation: portrait) {
  .develop .r3 .bg .sliderPic .photo .pic {
    width: 84vw;
    height: 84vw;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }
}
.develop .r3 .bg .sliderPic.on {
  opacity: 1;
  z-index: 10
}
.develop .r3 .bg .sliderPic.on .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.develop .r3 .bg .sliderPic.in {
  opacity: 1
}
.develop .r3 .bg .sliderPic.in .pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.develop .r3 .bg .sliderPic.out {
  opacity: 1;
  z-index: 12
}
@media screen and (orientation: landscape) {
  .develop .r3 .bg .sliderPic.out .photo {
    -webkit-clip-path: circle(0vw at 50% 55%);
    clip-path: circle(0vw at 50% 55%)
  }
}
@media screen and (orientation: portrait) {
  .develop .r3 .bg .sliderPic.out .photo {
    -webkit-clip-path: circle(0vw at 50% 50%);
    clip-path: circle(0vw at 50% 50%)
  }
}
.develop .r3 .bg .sliderPic.out .photo .pic {
  opacity: .5
}
.develop .r3 .inner {
  padding-top: 1.4rem;
  height: 100%;
  position: relative
}
.develop .r3 .inner .layer-topic h2 b {
  display: block
}
.develop .r3 .inner .msgBox {
  position: absolute;
  bottom: 12%;
  left: 0;
  z-index: 10;
  width: 100%;
  pointer-events: none
}
.develop .r3 .inner .msgBox .msg {
  pointer-events: none;
  position: absolute;
  width: 100%;
  -webkit-transition: opacity 1s var(--ease);
  transition: opacity 1s var(--ease);
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 6
}
.develop .r3 .inner .msgBox .msg .alanAni {
  opacity: 0;
  -webkit-transition: opacity 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease);
  transition: opacity 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease);
  transition: opacity 1.8s var(--ease), transform 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease);
  transition: opacity 1.8s var(--ease), transform 1.8s var(--ease), color .3s var(--ease), background-color 1s var(--ease), -webkit-transform 1.8s var(--ease)
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(1) {
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0);
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(2) {
  -webkit-transform: translate3d(0, .3rem, 0);
  transform: translate3d(0, .3rem, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(3) {
  -webkit-transform: translate3d(0, .4rem, 0);
  transform: translate3d(0, .4rem, 0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(4) {
  -webkit-transform: translate3d(0, .5rem, 0);
  transform: translate3d(0, .5rem, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(5) {
  -webkit-transform: translate3d(0, .6rem, 0);
  transform: translate3d(0, .6rem, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(6) {
  -webkit-transform: translate3d(0, .7rem, 0);
  transform: translate3d(0, .7rem, 0);
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(7) {
  -webkit-transform: translate3d(0, .8rem, 0);
  transform: translate3d(0, .8rem, 0);
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(8) {
  -webkit-transform: translate3d(0, .9rem, 0);
  transform: translate3d(0, .9rem, 0);
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(9) {
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(10) {
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(11) {
  -webkit-transform: translate3d(0, 1.2rem, 0);
  transform: translate3d(0, 1.2rem, 0);
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(12) {
  -webkit-transform: translate3d(0, 1.3rem, 0);
  transform: translate3d(0, 1.3rem, 0);
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(13) {
  -webkit-transform: translate3d(0, 1.4rem, 0);
  transform: translate3d(0, 1.4rem, 0);
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(14) {
  -webkit-transform: translate3d(0, 1.5rem, 0);
  transform: translate3d(0, 1.5rem, 0);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(15) {
  -webkit-transform: translate3d(0, 1.6rem, 0);
  transform: translate3d(0, 1.6rem, 0);
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(16) {
  -webkit-transform: translate3d(0, 1.7rem, 0);
  transform: translate3d(0, 1.7rem, 0);
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(17) {
  -webkit-transform: translate3d(0, 1.8rem, 0);
  transform: translate3d(0, 1.8rem, 0);
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(18) {
  -webkit-transform: translate3d(0, 1.9rem, 0);
  transform: translate3d(0, 1.9rem, 0);
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(19) {
  -webkit-transform: translate3d(0, 2rem, 0);
  transform: translate3d(0, 2rem, 0);
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(20) {
  -webkit-transform: translate3d(0, 2.1rem, 0);
  transform: translate3d(0, 2.1rem, 0);
  -webkit-transition-delay: 2s;
  transition-delay: 2s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(21) {
  -webkit-transform: translate3d(0, 2.2rem, 0);
  transform: translate3d(0, 2.2rem, 0);
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(22) {
  -webkit-transform: translate3d(0, 2.3rem, 0);
  transform: translate3d(0, 2.3rem, 0);
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(23) {
  -webkit-transform: translate3d(0, 2.4rem, 0);
  transform: translate3d(0, 2.4rem, 0);
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(24) {
  -webkit-transform: translate3d(0, 2.5rem, 0);
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(25) {
  -webkit-transform: translate3d(0, 2.6rem, 0);
  transform: translate3d(0, 2.6rem, 0);
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(26) {
  -webkit-transform: translate3d(0, 2.7rem, 0);
  transform: translate3d(0, 2.7rem, 0);
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(27) {
  -webkit-transform: translate3d(0, 2.8rem, 0);
  transform: translate3d(0, 2.8rem, 0);
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(28) {
  -webkit-transform: translate3d(0, 2.9rem, 0);
  transform: translate3d(0, 2.9rem, 0);
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(29) {
  -webkit-transform: translate3d(0, 3rem, 0);
  transform: translate3d(0, 3rem, 0);
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(30) {
  -webkit-transform: translate3d(0, 3.1rem, 0);
  transform: translate3d(0, 3.1rem, 0);
  -webkit-transition-delay: 3s;
  transition-delay: 3s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(31) {
  -webkit-transform: translate3d(0, 3.2rem, 0);
  transform: translate3d(0, 3.2rem, 0);
  -webkit-transition-delay: 3.1s;
  transition-delay: 3.1s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(32) {
  -webkit-transform: translate3d(0, 3.3rem, 0);
  transform: translate3d(0, 3.3rem, 0);
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(33) {
  -webkit-transform: translate3d(0, 3.4rem, 0);
  transform: translate3d(0, 3.4rem, 0);
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(34) {
  -webkit-transform: translate3d(0, 3.5rem, 0);
  transform: translate3d(0, 3.5rem, 0);
  -webkit-transition-delay: 3.4s;
  transition-delay: 3.4s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(35) {
  -webkit-transform: translate3d(0, 3.6rem, 0);
  transform: translate3d(0, 3.6rem, 0);
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(36) {
  -webkit-transform: translate3d(0, 3.7rem, 0);
  transform: translate3d(0, 3.7rem, 0);
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(37) {
  -webkit-transform: translate3d(0, 3.8rem, 0);
  transform: translate3d(0, 3.8rem, 0);
  -webkit-transition-delay: 3.7s;
  transition-delay: 3.7s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(38) {
  -webkit-transform: translate3d(0, 3.9rem, 0);
  transform: translate3d(0, 3.9rem, 0);
  -webkit-transition-delay: 3.8s;
  transition-delay: 3.8s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(39) {
  -webkit-transform: translate3d(0, 4rem, 0);
  transform: translate3d(0, 4rem, 0);
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(40) {
  -webkit-transform: translate3d(0, 4.1rem, 0);
  transform: translate3d(0, 4.1rem, 0);
  -webkit-transition-delay: 4s;
  transition-delay: 4s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(41) {
  -webkit-transform: translate3d(0, 4.2rem, 0);
  transform: translate3d(0, 4.2rem, 0);
  -webkit-transition-delay: 4.1s;
  transition-delay: 4.1s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(42) {
  -webkit-transform: translate3d(0, 4.3rem, 0);
  transform: translate3d(0, 4.3rem, 0);
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(43) {
  -webkit-transform: translate3d(0, 4.4rem, 0);
  transform: translate3d(0, 4.4rem, 0);
  -webkit-transition-delay: 4.3s;
  transition-delay: 4.3s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(44) {
  -webkit-transform: translate3d(0, 4.5rem, 0);
  transform: translate3d(0, 4.5rem, 0);
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(45) {
  -webkit-transform: translate3d(0, 4.6rem, 0);
  transform: translate3d(0, 4.6rem, 0);
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(46) {
  -webkit-transform: translate3d(0, 4.7rem, 0);
  transform: translate3d(0, 4.7rem, 0);
  -webkit-transition-delay: 4.6s;
  transition-delay: 4.6s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(47) {
  -webkit-transform: translate3d(0, 4.8rem, 0);
  transform: translate3d(0, 4.8rem, 0);
  -webkit-transition-delay: 4.7s;
  transition-delay: 4.7s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(48) {
  -webkit-transform: translate3d(0, 4.9rem, 0);
  transform: translate3d(0, 4.9rem, 0);
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(49) {
  -webkit-transform: translate3d(0, 5rem, 0);
  transform: translate3d(0, 5rem, 0);
  -webkit-transition-delay: 4.9s;
  transition-delay: 4.9s
}
.develop .r3 .inner .msgBox .msg .alanAni:nth-child(50) {
  -webkit-transform: translate3d(0, 5.1rem, 0);
  transform: translate3d(0, 5.1rem, 0);
  -webkit-transition-delay: 5s;
  transition-delay: 5s
}
.develop .r3 .inner .msgBox .msg h3 {
  line-height: 1.15;
  text-align: center;
  -webkit-perspective: 5rem;
  perspective: 5rem;
  position: relative;
  z-index: 3;
  margin-bottom: .1rem
}
.develop .r3 .inner .msgBox .msg h3 .letter {
  display: inline-block;
  -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease);
  transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
  opacity: 0;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transform: translate3d(0, .2rem, 0);
  transform: translate3d(0, .2rem, 0)
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(1) {
  -webkit-transition-delay: .03s;
  transition-delay: .03s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(2) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(3) {
  -webkit-transition-delay: .09s;
  transition-delay: .09s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(4) {
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(5) {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(6) {
  -webkit-transition-delay: .18s;
  transition-delay: .18s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(7) {
  -webkit-transition-delay: .21s;
  transition-delay: .21s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(8) {
  -webkit-transition-delay: .24s;
  transition-delay: .24s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(9) {
  -webkit-transition-delay: .27s;
  transition-delay: .27s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(10) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(11) {
  -webkit-transition-delay: .33s;
  transition-delay: .33s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(12) {
  -webkit-transition-delay: .36s;
  transition-delay: .36s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(13) {
  -webkit-transition-delay: .39s;
  transition-delay: .39s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(14) {
  -webkit-transition-delay: .42s;
  transition-delay: .42s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(15) {
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(16) {
  -webkit-transition-delay: .48s;
  transition-delay: .48s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(17) {
  -webkit-transition-delay: .51s;
  transition-delay: .51s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(18) {
  -webkit-transition-delay: .54s;
  transition-delay: .54s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(19) {
  -webkit-transition-delay: .57s;
  transition-delay: .57s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(20) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(21) {
  -webkit-transition-delay: .63s;
  transition-delay: .63s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(22) {
  -webkit-transition-delay: .66s;
  transition-delay: .66s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(23) {
  -webkit-transition-delay: .69s;
  transition-delay: .69s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(24) {
  -webkit-transition-delay: .72s;
  transition-delay: .72s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(25) {
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(26) {
  -webkit-transition-delay: .78s;
  transition-delay: .78s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(27) {
  -webkit-transition-delay: .81s;
  transition-delay: .81s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(28) {
  -webkit-transition-delay: .84s;
  transition-delay: .84s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(29) {
  -webkit-transition-delay: .87s;
  transition-delay: .87s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(30) {
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(31) {
  -webkit-transition-delay: .93s;
  transition-delay: .93s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(32) {
  -webkit-transition-delay: .96s;
  transition-delay: .96s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(33) {
  -webkit-transition-delay: .99s;
  transition-delay: .99s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(34) {
  -webkit-transition-delay: 1.02s;
  transition-delay: 1.02s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(35) {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(36) {
  -webkit-transition-delay: 1.08s;
  transition-delay: 1.08s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(37) {
  -webkit-transition-delay: 1.11s;
  transition-delay: 1.11s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(38) {
  -webkit-transition-delay: 1.14s;
  transition-delay: 1.14s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(39) {
  -webkit-transition-delay: 1.17s;
  transition-delay: 1.17s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(40) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(41) {
  -webkit-transition-delay: 1.23s;
  transition-delay: 1.23s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(42) {
  -webkit-transition-delay: 1.26s;
  transition-delay: 1.26s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(43) {
  -webkit-transition-delay: 1.29s;
  transition-delay: 1.29s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(44) {
  -webkit-transition-delay: 1.32s;
  transition-delay: 1.32s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(45) {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(46) {
  -webkit-transition-delay: 1.38s;
  transition-delay: 1.38s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(47) {
  -webkit-transition-delay: 1.41s;
  transition-delay: 1.41s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(48) {
  -webkit-transition-delay: 1.44s;
  transition-delay: 1.44s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(49) {
  -webkit-transition-delay: 1.47s;
  transition-delay: 1.47s
}
.develop .r3 .inner .msgBox .msg h3 .letter:nth-child(50) {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}
.develop .r3 .inner .msgBox .msg h4 {
  margin-top: .2rem
}
.develop .r3 .inner .msgBox .msg .set .layer-cir {
  margin-left: .1rem
}
.develop .r3 .inner .msgBox .msg p {
  position: relative;
  z-index: 3
}
.develop .r3 .inner .msgBox .msg .layer-item {
  margin-top: .1rem;
  position: relative;
  z-index: 3;
  width: 34%
}
.develop .r3 .inner .msgBox .msg .layer-item .list {
  padding-left: .2rem;
  cursor: pointer
}
.develop .r3 .inner .msgBox .msg .layer-item .list .dot {
  width: .04rem;
  height: .04rem;
  top: .85em
}
.develop .r3 .inner .msgBox .msg .layer-item .list p {
  -webkit-transition: color .6s var(--ease);
  transition: color .6s var(--ease)
}
.develop .r3 .inner .msgBox .msg .layer-item .list p b {
  font-size: 1em;
  font-weight: 600
}
.develop .r3 .inner .msgBox .msg .layer-item .list .layer-cir {
  position: absolute;
  left: calc(100% + .2rem);
  top: 0;
  opacity: 0;
  -webkit-transform: translate3d(.1rem, 0, 0);
  transform: translate3d(.1rem, 0, 0);
  -webkit-transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), -webkit-transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
  transition: opacity .8s var(--ease), transform .8s var(--ease), -webkit-transform .8s var(--ease)
}
.develop .r3 .inner .msgBox .msg .layer-item .list:hover p {
  color: var(--main)
}
.develop .r3 .inner .msgBox .msg .layer-item .list:hover .layer-cir {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.develop .r3 .inner .msgBox .msg .layer-btn {
  position: absolute;
  bottom: 0;
  right: 0
}
.develop .r3 .inner .msgBox .msg .note {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: .25rem .4rem;
  background-color: #f7f6f2;
  border-radius: .15rem
}
.develop .r3 .inner .msgBox .msg .note .fxs, .develop .r3 .inner .msgBox .msg .note .layer-search, .develop .r3 .inner .msgBox .msg .note .layer-icon, .develop .r3 #app footer .inner .msgBox .msg .note .btm .col, #app footer .develop .r3 .inner .msgBox .msg .note .btm .col, .develop .r3 #app footer .inner .btm .msgBox .msg .note .col, #app footer .develop .r3 .inner .btm .msgBox .msg .note .col, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .note .after .letter, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .note .after .letter, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .after .note .letter, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .after .note .letter, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .note .above .letter, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .note .above .letter, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .above .note .letter, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .above .note .letter, .develop .r3 .home .r5 .inner .msgBox .part .msg .note .after .letter, .home .r5 .develop .r3 .inner .msgBox .part .msg .note .after .letter, .develop .r3 .home .r5 .inner .part .msgBox .msg .note .after .letter, .home .r5 .develop .r3 .inner .part .msgBox .msg .note .after .letter, .develop .r3 .home .r5 .inner .msgBox .part .msg .after .note .letter, .home .r5 .develop .r3 .inner .msgBox .part .msg .after .note .letter, .develop .r3 .home .r5 .inner .part .msgBox .msg .after .note .letter, .home .r5 .develop .r3 .inner .part .msgBox .msg .after .note .letter, .develop .r3 .home .r5 .inner .msgBox .part .msg .note .above .letter, .home .r5 .develop .r3 .inner .msgBox .part .msg .note .above .letter, .develop .r3 .home .r5 .inner .part .msgBox .msg .note .above .letter, .home .r5 .develop .r3 .inner .part .msgBox .msg .note .above .letter, .develop .r3 .home .r5 .inner .msgBox .part .msg .above .note .letter, .home .r5 .develop .r3 .inner .msgBox .part .msg .above .note .letter, .develop .r3 .home .r5 .inner .part .msgBox .msg .above .note .letter, .home .r5 .develop .r3 .inner .part .msgBox .msg .above .note .letter, .develop .r3 .about .r4 .inner .msgBox .msg .note .group .box .list, .about .r4 .develop .r3 .inner .msgBox .msg .note .group .box .list, .develop .r3 .about .r4 .inner .group .box .msgBox .msg .note .list, .about .r4 .develop .r3 .inner .group .box .msgBox .msg .note .list, .join .r1 .develop .r3 .inner .msgBox .top .msg .note .after .letter, .join .r1 .develop .r3 .inner .top .msgBox .msg .note .after .letter, .join .r1 .develop .r3 .inner .msgBox .top .msg .after .note .letter, .join .r1 .develop .r3 .inner .top .msgBox .msg .after .note .letter, .join .r1 .develop .r3 .inner .msgBox .top .msg .note .above .letter, .join .r1 .develop .r3 .inner .top .msgBox .msg .note .above .letter, .join .r1 .develop .r3 .inner .msgBox .top .msg .above .note .letter, .join .r1 .develop .r3 .inner .top .msgBox .msg .above .note .letter, .develop .r3 .r1 .inner .msgBox .msg .note .after .letter, .develop .r1 .r3 .inner .msgBox .msg .note .after .letter, .develop .r3 .r1 .inner .msgBox .msg .after .note .letter, .develop .r1 .r3 .inner .msgBox .msg .after .note .letter, .develop .r3 .r1 .inner .msgBox .msg .note .above .letter, .develop .r1 .r3 .inner .msgBox .msg .note .above .letter, .develop .r3 .r1 .inner .msgBox .msg .above .note .letter, .develop .r1 .r3 .inner .msgBox .msg .above .note .letter {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}
.develop .r3 .inner .msgBox .msg .note .fxs em, .develop .r3 .inner .msgBox .msg .note .layer-search em, .develop .r3 .inner .msgBox .msg .note .layer-icon em, .develop .r3 #app footer .inner .msgBox .msg .note .btm .col em, #app footer .develop .r3 .inner .msgBox .msg .note .btm .col em, .develop .r3 #app footer .inner .btm .msgBox .msg .note .col em, #app footer .develop .r3 .inner .btm .msgBox .msg .note .col em, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .note .after .letter em, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .note .after .letter em, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .after .note .letter em, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .after .note .letter em, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .note .above .letter em, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .note .above .letter em, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .above .note .letter em, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .above .note .letter em, .develop .r3 .home .r5 .inner .msgBox .part .msg .note .after .letter em, .home .r5 .develop .r3 .inner .msgBox .part .msg .note .after .letter em, .develop .r3 .home .r5 .inner .part .msgBox .msg .note .after .letter em, .home .r5 .develop .r3 .inner .part .msgBox .msg .note .after .letter em, .develop .r3 .home .r5 .inner .msgBox .part .msg .after .note .letter em, .home .r5 .develop .r3 .inner .msgBox .part .msg .after .note .letter em, .develop .r3 .home .r5 .inner .part .msgBox .msg .after .note .letter em, .home .r5 .develop .r3 .inner .part .msgBox .msg .after .note .letter em, .develop .r3 .home .r5 .inner .msgBox .part .msg .note .above .letter em, .home .r5 .develop .r3 .inner .msgBox .part .msg .note .above .letter em, .develop .r3 .home .r5 .inner .part .msgBox .msg .note .above .letter em, .home .r5 .develop .r3 .inner .part .msgBox .msg .note .above .letter em, .develop .r3 .home .r5 .inner .msgBox .part .msg .above .note .letter em, .home .r5 .develop .r3 .inner .msgBox .part .msg .above .note .letter em, .develop .r3 .home .r5 .inner .part .msgBox .msg .above .note .letter em, .home .r5 .develop .r3 .inner .part .msgBox .msg .above .note .letter em, .develop .r3 .about .r4 .inner .msgBox .msg .note .group .box .list em, .about .r4 .develop .r3 .inner .msgBox .msg .note .group .box .list em, .develop .r3 .about .r4 .inner .group .box .msgBox .msg .note .list em, .about .r4 .develop .r3 .inner .group .box .msgBox .msg .note .list em, .join .r1 .develop .r3 .inner .msgBox .top .msg .note .after .letter em, .join .r1 .develop .r3 .inner .top .msgBox .msg .note .after .letter em, .join .r1 .develop .r3 .inner .msgBox .top .msg .after .note .letter em, .join .r1 .develop .r3 .inner .top .msgBox .msg .after .note .letter em, .join .r1 .develop .r3 .inner .msgBox .top .msg .note .above .letter em, .join .r1 .develop .r3 .inner .top .msgBox .msg .note .above .letter em, .join .r1 .develop .r3 .inner .msgBox .top .msg .above .note .letter em, .join .r1 .develop .r3 .inner .top .msgBox .msg .above .note .letter em, .develop .r3 .r1 .inner .msgBox .msg .note .after .letter em, .develop .r1 .r3 .inner .msgBox .msg .note .after .letter em, .develop .r3 .r1 .inner .msgBox .msg .after .note .letter em, .develop .r1 .r3 .inner .msgBox .msg .after .note .letter em, .develop .r3 .r1 .inner .msgBox .msg .note .above .letter em, .develop .r1 .r3 .inner .msgBox .msg .note .above .letter em, .develop .r3 .r1 .inner .msgBox .msg .above .note .letter em, .develop .r1 .r3 .inner .msgBox .msg .above .note .letter em {
  line-height: .8
}
.develop .r3 .inner .msgBox .msg .note .fxs small, .develop .r3 .inner .msgBox .msg .note .layer-search small, .develop .r3 .inner .msgBox .msg .note .layer-icon small, .develop .r3 #app footer .inner .msgBox .msg .note .btm .col small, #app footer .develop .r3 .inner .msgBox .msg .note .btm .col small, .develop .r3 #app footer .inner .btm .msgBox .msg .note .col small, #app footer .develop .r3 .inner .btm .msgBox .msg .note .col small, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .note .after .letter small, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .note .after .letter small, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .after .note .letter small, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .after .note .letter small, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .note .above .letter small, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .note .above .letter small, .home .r1 .develop .r3 .inner .msgBox .group .col .msg .above .note .letter small, .home .r1 .develop .r3 .inner .group .col .msgBox .msg .above .note .letter small, .develop .r3 .home .r5 .inner .msgBox .part .msg .note .after .letter small, .home .r5 .develop .r3 .inner .msgBox .part .msg .note .after .letter small, .develop .r3 .home .r5 .inner .part .msgBox .msg .note .after .letter small, .home .r5 .develop .r3 .inner .part .msgBox .msg .note .after .letter small, .develop .r3 .home .r5 .inner .msgBox .part .msg .after .note .letter small, .home .r5 .develop .r3 .inner .msgBox .part .msg .after .note .letter small, .develop .r3 .home .r5 .inner .part .msgBox .msg .after .note .letter small, .home .r5 .develop .r3 .inner .part .msgBox .msg .after .note .letter small, .develop .r3 .home .r5 .inner .msgBox .part .msg .note .above .letter small, .home .r5 .develop .r3 .inner .msgBox .part .msg .note .above .letter small, .develop .r3 .home .r5 .inner .part .msgBox .msg .note .above .letter small, .home .r5 .develop .r3 .inner .part .msgBox .msg .note .above .letter small, .develop .r3 .home .r5 .inner .msgBox .part .msg .above .note .letter small, .home .r5 .develop .r3 .inner .msgBox .part .msg .above .note .letter small, .develop .r3 .home .r5 .inner .part .msgBox .msg .above .note .letter small, .home .r5 .develop .r3 .inner .part .msgBox .msg .above .note .letter small, .develop .r3 .about .r4 .inner .msgBox .msg .note .group .box .list small, .about .r4 .develop .r3 .inner .msgBox .msg .note .group .box .list small, .develop .r3 .about .r4 .inner .group .box .msgBox .msg .note .list small, .about .r4 .develop .r3 .inner .group .box .msgBox .msg .note .list small, .join .r1 .develop .r3 .inner .msgBox .top .msg .note .after .letter small, .join .r1 .develop .r3 .inner .top .msgBox .msg .note .after .letter small, .join .r1 .develop .r3 .inner .msgBox .top .msg .after .note .letter small, .join .r1 .develop .r3 .inner .top .msgBox .msg .after .note .letter small, .join .r1 .develop .r3 .inner .msgBox .top .msg .note .above .letter small, .join .r1 .develop .r3 .inner .top .msgBox .msg .note .above .letter small, .join .r1 .develop .r3 .inner .msgBox .top .msg .above .note .letter small, .join .r1 .develop .r3 .inner .top .msgBox .msg .above .note .letter small, .develop .r3 .r1 .inner .msgBox .msg .note .after .letter small, .develop .r1 .r3 .inner .msgBox .msg .note .after .letter small, .develop .r3 .r1 .inner .msgBox .msg .after .note .letter small, .develop .r1 .r3 .inner .msgBox .msg .after .note .letter small, .develop .r3 .r1 .inner .msgBox .msg .note .above .letter small, .develop .r1 .r3 .inner .msgBox .msg .note .above .letter small, .develop .r3 .r1 .inner .msgBox .msg .above .note .letter small, .develop .r1 .r3 .inner .msgBox .msg .above .note .letter small {
  vertical-align: baseline;
  margin-left: .05rem
}
.develop .r3 .inner .msgBox .msg.on {
  opacity: 1;
  pointer-events: painted
}
.develop .r3 .inner .msgBox .msg.on h3 .letter, .develop .r3 .inner .msgBox .msg.on .alanAni {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.develop .r3 .inner .msgBox .msg.in {
  opacity: 1
}
.develop .r3 .inner .msgBox .msg.in h3 .letter, .develop .r3 .inner .msgBox .msg.in .alanAni {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}
.develop .r3 .inner .msgBox .msg.out {
  opacity: 0
}
.develop .r3 .inner .msgBox .msg.out .alanAni {
  opacity: 0;
  -webkit-transform: translate3d(0, -.4rem, 0);
  transform: translate3d(0, -.4rem, 0)
}
.develop .r3 .inner .other {
  z-index: 5;
  padding-top: 5%;
  pointer-events: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.develop .r3 .inner .other .dot {
  width: .72rem;
  height: .72rem;
  border-radius: 50%;
  background: rgba(150, 185, 49, 0);
  pointer-events: painted;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color .6s var(--ease);
  transition: background-color .6s var(--ease)
}
.develop .r3 .inner .other .dot:after {
  content: "";
  width: .12rem;
  height: .12rem;
  border-radius: 50%;
  background-color: #96b93180;
  -webkit-transition: background-color .6s var(--ease);
  transition: background-color .6s var(--ease)
}
.develop .r3 .inner .other .dot.on {
  background: rgba(150, 185, 49, .1)
}
.develop .r3 .inner .other .dot.on:after {
  background-color: #96b931
}
@media screen and (orientation: landscape) {
  .develop .r3 .inner .other .dot:hover:after {
    background-color: #96b931
  }
}
.develop .r4 {
  overflow: visible;
  margin-top: -.4rem
}
.develop .r4 .stickyContent {
  width: 100%;
  position: relative
}
.develop .r4 .stickyContent .inner {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  overflow: hidden
}
.develop .r4 .stickyContent .inner .part {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 5;
  border-radius: .4rem .4rem 0 0;
  overflow: hidden
}
.develop .r4 .stickyContent .inner .part:nth-of-type(2) {
  --go: 100;
  -webkit-clip-path: inset(calc(var(--go) * 1%) 0 0 0 round 0);
  clip-path: inset(calc(var(--go) * 1%) 0 0 0 round 0);
  z-index: 7
}
.develop .r4 .stickyContent .inner .part .group {
  position: relative;
  z-index: 6;
  padding-top: 1.1rem;
  height: 100%;
  padding-bottom: 1.1rem
}
.develop .r4 .stickyContent .inner .part .group .layer-topic {
  width: 100%
}
.develop .r4 .stickyContent .inner .part .group .layer-topic h2 b {
  display: block
}
.develop .r4 .stickyContent .inner .part .group .mid {
  width: 100%
}
.develop .r4 .stickyContent .inner .part .group .mid .layer-icon {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.develop .r4 .stickyContent .inner .part .group .mid .layer-icon .icon {
  height: .85rem;
  margin-right: .1rem
}
.develop .r4 .stickyContent .inner .part .group .mid .layer-item {
  margin-top: .1rem;
  position: relative;
  z-index: 3;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.develop .r4 .stickyContent .inner .part .group .mid .layer-item .list {
  padding-left: .2rem;
  cursor: pointer;
  width: auto
}
.develop .r4 .stickyContent .inner .part .group .mid .layer-item .list .dot {
  width: .04rem;
  height: .04rem;
  top: .85em
}
.develop .r4 .stickyContent .inner .part .group .mid .layer-item .list p {
  -webkit-transition: color .6s var(--ease);
  transition: color .6s var(--ease)
}
.develop .r4 .stickyContent .inner .part .group .mid .layer-item .list p b {
  font-size: 1em;
  font-weight: 600
}
.develop .r4 .stickyContent .inner .part .group .mid p {
  text-align: right
}
.develop .r5 {
  background-color: #f6f7f2
}
.develop .r5 .inner {
  padding-top: 1.4rem;
  padding-bottom: 1rem
}
.develop .r5 .inner .top {
  margin-bottom: .6rem
}
.develop .r5 .inner .top .note {
  color: #64727f;
  margin-bottom: .4rem
}
.develop .r5 .inner .top .note sup {
  color: red;
  vertical-align: baseline
}
.develop .r5 .inner .top .items > li {
  padding: .18rem .32rem;
  background-color: #96b931;
  border-radius: 3rem;
  margin: 0 .15rem
}
.develop .r5 .inner .layer-form {
  padding: .8rem 1.2rem .9rem;
  border-radius: .4rem;
  background-color: #fff;
  border: 1px solid rgba(150, 185, 49, .4)
}
.develop .r5 .inner .layer-form .inRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}
.develop .r5 .inner .layer-form .inRow.fxs, .develop .r5 .inner .layer-form .inRow.layer-search, .develop .r5 .inner .layer-form .inRow.layer-icon, .develop .r5 #app footer .inner .layer-form .btm .inRow.col, #app footer .develop .r5 .inner .layer-form .btm .inRow.col, .develop .r5 #app footer .inner .btm .layer-form .inRow.col, #app footer .develop .r5 .inner .btm .layer-form .inRow.col, .home .r1 .develop .r5 .inner .layer-form .group .col .msg .after .inRow.letter, .home .r1 .develop .r5 .inner .group .col .msg .after .layer-form .inRow.letter, .home .r1 .develop .r5 .inner .layer-form .group .col .msg .above .inRow.letter, .home .r1 .develop .r5 .inner .group .col .msg .above .layer-form .inRow.letter, .develop .home .r5 .inner .layer-form .part .msg .after .inRow.letter, .home .develop .r5 .inner .layer-form .part .msg .after .inRow.letter, .develop .home .r5 .inner .part .msg .after .layer-form .inRow.letter, .home .develop .r5 .inner .part .msg .after .layer-form .inRow.letter, .develop .home .r5 .inner .layer-form .part .msg .above .inRow.letter, .home .develop .r5 .inner .layer-form .part .msg .above .inRow.letter, .develop .home .r5 .inner .part .msg .above .layer-form .inRow.letter, .home .develop .r5 .inner .part .msg .above .layer-form .inRow.letter, .develop .r5 .about .r4 .inner .layer-form .group .box .inRow.list, .about .r4 .develop .r5 .inner .layer-form .group .box .inRow.list, .develop .r5 .about .r4 .inner .group .box .layer-form .inRow.list, .about .r4 .develop .r5 .inner .group .box .layer-form .inRow.list, .join .r1 .develop .r5 .inner .layer-form .top .msg .after .inRow.letter, .join .r1 .develop .r5 .inner .top .msg .after .layer-form .inRow.letter, .join .r1 .develop .r5 .inner .layer-form .top .msg .above .inRow.letter, .join .r1 .develop .r5 .inner .top .msg .above .layer-form .inRow.letter, .develop .r5 .r1 .inner .layer-form .msg .after .inRow.letter, .develop .r1 .r5 .inner .layer-form .msg .after .inRow.letter, .develop .r5 .r1 .inner .msg .after .layer-form .inRow.letter, .develop .r1 .r5 .inner .msg .after .layer-form .inRow.letter, .develop .r5 .r1 .inner .layer-form .msg .above .inRow.letter, .develop .r1 .r5 .inner .layer-form .msg .above .inRow.letter, .develop .r5 .r1 .inner .msg .above .layer-form .inRow.letter, .develop .r1 .r5 .inner .msg .above .layer-form .inRow.letter {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.develop .r5 .inner .layer-form .inRow.fxs .inCol, .develop .r5 .inner .layer-form .inRow.layer-search .inCol, .develop .r5 .inner .layer-form .inRow.layer-icon .inCol, .develop .r5 #app footer .inner .layer-form .btm .inRow.col .inCol, #app footer .develop .r5 .inner .layer-form .btm .inRow.col .inCol, .develop .r5 #app footer .inner .btm .layer-form .inRow.col .inCol, #app footer .develop .r5 .inner .btm .layer-form .inRow.col .inCol, .home .r1 .develop .r5 .inner .layer-form .group .col .msg .after .inRow.letter .inCol, .home .r1 .develop .r5 .inner .group .col .msg .after .layer-form .inRow.letter .inCol, .home .r1 .develop .r5 .inner .layer-form .group .col .msg .above .inRow.letter .inCol, .home .r1 .develop .r5 .inner .group .col .msg .above .layer-form .inRow.letter .inCol, .develop .home .r5 .inner .layer-form .part .msg .after .inRow.letter .inCol, .home .develop .r5 .inner .layer-form .part .msg .after .inRow.letter .inCol, .develop .home .r5 .inner .part .msg .after .layer-form .inRow.letter .inCol, .home .develop .r5 .inner .part .msg .after .layer-form .inRow.letter .inCol, .develop .home .r5 .inner .layer-form .part .msg .above .inRow.letter .inCol, .home .develop .r5 .inner .layer-form .part .msg .above .inRow.letter .inCol, .develop .home .r5 .inner .part .msg .above .layer-form .inRow.letter .inCol, .home .develop .r5 .inner .part .msg .above .layer-form .inRow.letter .inCol, .develop .r5 .about .r4 .inner .layer-form .group .box .inRow.list .inCol, .about .r4 .develop .r5 .inner .layer-form .group .box .inRow.list .inCol, .develop .r5 .about .r4 .inner .group .box .layer-form .inRow.list .inCol, .about .r4 .develop .r5 .inner .group .box .layer-form .inRow.list .inCol, .join .r1 .develop .r5 .inner .layer-form .top .msg .after .inRow.letter .inCol, .join .r1 .develop .r5 .inner .top .msg .after .layer-form .inRow.letter .inCol, .join .r1 .develop .r5 .inner .layer-form .top .msg .above .inRow.letter .inCol, .join .r1 .develop .r5 .inner .top .msg .above .layer-form .inRow.letter .inCol, .develop .r5 .r1 .inner .layer-form .msg .after .inRow.letter .inCol, .develop .r1 .r5 .inner .layer-form .msg .after .inRow.letter .inCol, .develop .r5 .r1 .inner .msg .after .layer-form .inRow.letter .inCol, .develop .r1 .r5 .inner .msg .after .layer-form .inRow.letter .inCol, .develop .r5 .r1 .inner .layer-form .msg .above .inRow.letter .inCol, .develop .r1 .r5 .inner .layer-form .msg .above .inRow.letter .inCol, .develop .r5 .r1 .inner .msg .above .layer-form .inRow.letter .inCol, .develop .r1 .r5 .inner .msg .above .layer-form .inRow.letter .inCol {
  margin-right: .3rem;
  margin-top: .25rem
}
.develop .r5 .inner .layer-form .inRow.fxs .inCol:nth-of-type(3n+1) span, .develop .r5 .inner .layer-form .inRow.layer-search .inCol:nth-of-type(3n+1) span, .develop .r5 .inner .layer-form .inRow.layer-icon .inCol:nth-of-type(3n+1) span, .develop .r5 #app footer .inner .layer-form .btm .inRow.col .inCol:nth-of-type(3n+1) span, #app footer .develop .r5 .inner .layer-form .btm .inRow.col .inCol:nth-of-type(3n+1) span, .develop .r5 #app footer .inner .btm .layer-form .inRow.col .inCol:nth-of-type(3n+1) span, #app footer .develop .r5 .inner .btm .layer-form .inRow.col .inCol:nth-of-type(3n+1) span, .home .r1 .develop .r5 .inner .layer-form .group .col .msg .after .inRow.letter .inCol:nth-of-type(3n+1) span, .home .r1 .develop .r5 .inner .group .col .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span, .home .r1 .develop .r5 .inner .layer-form .group .col .msg .above .inRow.letter .inCol:nth-of-type(3n+1) span, .home .r1 .develop .r5 .inner .group .col .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .home .r5 .inner .layer-form .part .msg .after .inRow.letter .inCol:nth-of-type(3n+1) span, .home .develop .r5 .inner .layer-form .part .msg .after .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .home .r5 .inner .part .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span, .home .develop .r5 .inner .part .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .home .r5 .inner .layer-form .part .msg .above .inRow.letter .inCol:nth-of-type(3n+1) span, .home .develop .r5 .inner .layer-form .part .msg .above .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .home .r5 .inner .part .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span, .home .develop .r5 .inner .part .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .r5 .about .r4 .inner .layer-form .group .box .inRow.list .inCol:nth-of-type(3n+1) span, .about .r4 .develop .r5 .inner .layer-form .group .box .inRow.list .inCol:nth-of-type(3n+1) span, .develop .r5 .about .r4 .inner .group .box .layer-form .inRow.list .inCol:nth-of-type(3n+1) span, .about .r4 .develop .r5 .inner .group .box .layer-form .inRow.list .inCol:nth-of-type(3n+1) span, .join .r1 .develop .r5 .inner .layer-form .top .msg .after .inRow.letter .inCol:nth-of-type(3n+1) span, .join .r1 .develop .r5 .inner .top .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span, .join .r1 .develop .r5 .inner .layer-form .top .msg .above .inRow.letter .inCol:nth-of-type(3n+1) span, .join .r1 .develop .r5 .inner .top .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .r5 .r1 .inner .layer-form .msg .after .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .r1 .r5 .inner .layer-form .msg .after .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .r5 .r1 .inner .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .r1 .r5 .inner .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .r5 .r1 .inner .layer-form .msg .above .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .r1 .r5 .inner .layer-form .msg .above .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .r5 .r1 .inner .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span, .develop .r1 .r5 .inner .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+1) span {
  min-width: 5em
}
.develop .r5 .inner .layer-form .inRow.fxs .inCol:nth-of-type(3n+3), .develop .r5 .inner .layer-form .inRow.layer-search .inCol:nth-of-type(3n+3), .develop .r5 .inner .layer-form .inRow.layer-icon .inCol:nth-of-type(3n+3), .develop .r5 #app footer .inner .layer-form .btm .inRow.col .inCol:nth-of-type(3n+3), #app footer .develop .r5 .inner .layer-form .btm .inRow.col .inCol:nth-of-type(3n+3), .develop .r5 #app footer .inner .btm .layer-form .inRow.col .inCol:nth-of-type(3n+3), #app footer .develop .r5 .inner .btm .layer-form .inRow.col .inCol:nth-of-type(3n+3), .home .r1 .develop .r5 .inner .layer-form .group .col .msg .after .inRow.letter .inCol:nth-of-type(3n+3), .home .r1 .develop .r5 .inner .group .col .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+3), .home .r1 .develop .r5 .inner .layer-form .group .col .msg .above .inRow.letter .inCol:nth-of-type(3n+3), .home .r1 .develop .r5 .inner .group .col .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+3), .develop .home .r5 .inner .layer-form .part .msg .after .inRow.letter .inCol:nth-of-type(3n+3), .home .develop .r5 .inner .layer-form .part .msg .after .inRow.letter .inCol:nth-of-type(3n+3), .develop .home .r5 .inner .part .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+3), .home .develop .r5 .inner .part .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+3), .develop .home .r5 .inner .layer-form .part .msg .above .inRow.letter .inCol:nth-of-type(3n+3), .home .develop .r5 .inner .layer-form .part .msg .above .inRow.letter .inCol:nth-of-type(3n+3), .develop .home .r5 .inner .part .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+3), .home .develop .r5 .inner .part .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+3), .develop .r5 .about .r4 .inner .layer-form .group .box .inRow.list .inCol:nth-of-type(3n+3), .about .r4 .develop .r5 .inner .layer-form .group .box .inRow.list .inCol:nth-of-type(3n+3), .develop .r5 .about .r4 .inner .group .box .layer-form .inRow.list .inCol:nth-of-type(3n+3), .about .r4 .develop .r5 .inner .group .box .layer-form .inRow.list .inCol:nth-of-type(3n+3), .join .r1 .develop .r5 .inner .layer-form .top .msg .after .inRow.letter .inCol:nth-of-type(3n+3), .join .r1 .develop .r5 .inner .top .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+3), .join .r1 .develop .r5 .inner .layer-form .top .msg .above .inRow.letter .inCol:nth-of-type(3n+3), .join .r1 .develop .r5 .inner .top .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+3), .develop .r5 .r1 .inner .layer-form .msg .after .inRow.letter .inCol:nth-of-type(3n+3), .develop .r1 .r5 .inner .layer-form .msg .after .inRow.letter .inCol:nth-of-type(3n+3), .develop .r5 .r1 .inner .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+3), .develop .r1 .r5 .inner .msg .after .layer-form .inRow.letter .inCol:nth-of-type(3n+3), .develop .r5 .r1 .inner .layer-form .msg .above .inRow.letter .inCol:nth-of-type(3n+3), .develop .r1 .r5 .inner .layer-form .msg .above .inRow.letter .inCol:nth-of-type(3n+3), .develop .r5 .r1 .inner .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+3), .develop .r1 .r5 .inner .msg .above .layer-form .inRow.letter .inCol:nth-of-type(3n+3) {
  margin-right: 0
}
.develop .r5 .inner .layer-form .inRow > h3 {
  width: 100%
}
.develop .r5 .inner .layer-form .inRow .personEl {
  margin-bottom: .2rem;
  position: relative
}
.develop .r5 .inner .layer-form .inRow .personEl .clearRow {
  position: absolute;
  width: .8rem;
  height: 100%;
  left: 100%;
  text-align: center;
  visibility: hidden;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.develop .r5 .inner .layer-form .inRow .personEl .clearRow:hover {
  color: var(--main)
}
.develop .r5 .inner .layer-form .inRow .personEl.otherEl .clearRow {
  visibility: visible
}
.develop .r5 .inner .layer-form .inRow .manEl {
  margin-bottom: .2rem
}
.develop .r5 .inner .layer-form .inRow .manEl .clearRow {
  position: absolute;
  width: .8rem;
  height: 100%;
  left: 100%;
  text-align: center;
  visibility: hidden;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.develop .r5 .inner .layer-form .inRow .manEl .clearRow:hover {
  color: var(--main)
}
.develop .r5 .inner .layer-form .inRow .manEl.otherEl .clearRow {
  visibility: visible
}
.develop .r5 .inner .layer-form .inRow .inCol {
  position: relative
}
.develop .r5 .inner .layer-form .inRow .inCol.error input {
  border: 1px solid red
}
.develop .r5 .inner .layer-form .inRow .inCol span {
  white-space: nowrap
}
.develop .r5 .inner .layer-form .inRow .inCol .inTxt {
  background-color: #7e8d521a;
  border-radius: 3rem;
  border: none;
  width: 3.2rem
}
.develop .r5 .inner .layer-form .inRow .inCol .inBox {
  border: 1px solid rgba(126, 141, 82, .4);
  width: 100%;
  height: .6rem
}
.develop .r5 .inner .layer-form .inRow .inCol .inArea {
  border: 1px solid rgba(126, 141, 82, .4);
  height: 2rem;
  border-radius: 0
}
.develop .r5 .inner .layer-form .inRow .inCol .inArea::-webkit-input-placeholder {
  color: #2a352580
}
.develop .r5 .inner .layer-form .inRow .inCol .inArea::-moz-placeholder {
  color: #2a352580
}
.develop .r5 .inner .layer-form .inRow .inCol .inArea:-ms-input-placeholder {
  color: #2a352580
}
.develop .r5 .inner .layer-form .inRow .inCol .inArea::placeholder {
  color: #2a352580
}
.develop .r5 .inner .layer-form .inRow .inCol .inFile {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer
}
.develop .r5 .inner .layer-form .inRow .inCol .upIcon {
  padding-bottom: .05rem;
  position: relative;
  pointer-events: none
}
.develop .r5 .inner .layer-form .inRow .inCol .upIcon:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--main)
}
.develop .r5 .inner .layer-form .inRow .inCol .note {
  color: #2a3525b3;
  pointer-events: none
}
.develop .r5 .inner .layer-form .inRow .inCol .inMa {
  border: 1px solid rgba(126, 141, 82, .4);
  width: 1.8rem;
  height: .64rem;
  background-color: transparent;
  text-align: center;
  text-indent: 0
}
.develop .r5 .inner .layer-form .inRow .inCol .inMa::-webkit-input-placeholder {
  color: #2a35254d
}
.develop .r5 .inner .layer-form .inRow .inCol .inMa::-moz-placeholder {
  color: #2a35254d
}
.develop .r5 .inner .layer-form .inRow .inCol .inMa:-ms-input-placeholder {
  color: #2a35254d
}
.develop .r5 .inner .layer-form .inRow .inCol .inMa::placeholder {
  color: #2a35254d
}
.develop .r5 .inner .layer-form .inRow .inCol .maBox > img {
  width: 1.5rem;
  height: .5rem;
  object-fit: contain
}
.develop .r5 .inner .layer-form .inRow .inCol .maBox a {
  text-align: center;
  color: #2a352599;
  text-decoration: underline
}
.develop .r5 .inner .layer-form .inRow .other {
  position: absolute;
  pointer-events: none;
  width: 100%;
  bottom: -.5rem;
  right: 0
}
.develop .r5 .inner .layer-form .inRow .other .upIcon {
  padding-bottom: .05rem;
  position: relative;
  pointer-events: painted
}
.develop .r5 .inner .layer-form .inRow .other .upIcon:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--main)
}
.develop .r5 .inner .layer-form .line {
  width: 100%;
  background-color: #7e8d5240;
  height: 2px
}
.develop .r5 .inner .layer-form .btm {
  padding-top: .5rem
}
.develop .r5 .inner .layer-form .btm .layer-btn {
  width: 3.2rem;
  height: .7rem
}
.searchPage .r1 {
  background-color: #f7f6f2
}
.searchPage .r1 .inner .top {
  position: relative;
  padding-bottom: .525rem;
  background-color: var(--green);
  height: 6rem
}
.searchPage .r1 .inner .top .layer-topic {
  position: absolute;
  left: 0;
  width: 100%;
  top: 3rem
}
.searchPage .r1 .inner .top .searchBox {
  position: absolute;
  width: 13.2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.5rem;
  z-index: 5;
  box-shadow: 0 .67708vw 1.09375vw -2px #6280a41f;
  display: grid;
  grid-template-columns: 11rem 2.2rem;
  grid-template-rows: 1.05rem;
  border-radius: .05rem;
  overflow: hidden
}
.searchPage .r1 .inner .top .searchBox .inTxt {
  padding: .3rem .6rem;
  width: 11rem;
  border: none
}
.searchPage .r1 .inner .top .searchBox .inTxt::-webkit-input-placeholder {
  color: #96b93166
}
.searchPage .r1 .inner .top .searchBox .inTxt::-moz-placeholder {
  color: #96b93166
}
.searchPage .r1 .inner .top .searchBox .inTxt:-ms-input-placeholder {
  color: #96b93166
}
.searchPage .r1 .inner .top .searchBox .inTxt::placeholder {
  color: #96b93166
}
.searchPage .r1 .inner .top .searchBox .layer-btn {
  border-radius: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main)
}
.searchPage .r1 .inner .clear {
  padding: 1.2rem 0;
  position: relative
}
.searchPage .r1 .inner .clear .note {
  font-size: 2rem;
  color: #0f1e350d;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  text-align: center;
  left: 0;
  width: 100%;
  letter-spacing: .3em
}
.searchPage .r1 .inner .clear h2 {
  text-align: center
}
.searchPage .r1 .inner .clear h2 em {
  font-size: inherit;
  color: var(--main)
}
.searchPage .r1 .inner .mid {
  padding: 0 3rem
}
.searchPage .r1 .inner .mid h3 {
  text-align: center;
  margin-bottom: .55rem
}
.searchPage .r1 .inner .mid .items {
  display: grid;
  gap: .25rem .6rem;
  grid-template-columns: repeat(2, 1fr)
}
.searchPage .r1 .inner .mid .items .list {
  padding: .2rem .6rem .2rem 0;
  position: relative;
  margin-bottom: .2rem;
  border-bottom: 1px solid rgb(193, 203, 209);
  cursor: pointer;
  display: block
}
.searchPage .r1 .inner .mid .items .list h4 {
  margin-bottom: .1rem;
  -webkit-transition: color .5s var(--ease);
  transition: color .5s var(--ease)
}
.searchPage .r1 .inner .mid .items .list p {
  width: 80%;
  -webkit-transition: opacity .5s var(--ease);
  transition: opacity .5s var(--ease)
}
.searchPage .r1 .inner .mid .items .list .layer-cir {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0
}
@media screen and (orientation: landscape) {
  .searchPage .r1 .inner .mid .items .list:hover .layer-cir {
    background-color: var(--main)
  }
  .searchPage .r1 .inner .mid .items .list:hover .layer-cir > .mask {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .searchPage .r1 .inner .mid .items .list:hover .layer-cir .iconfont {
    color: #fff
  }
  .searchPage .r1 .inner .mid .items .list:hover h4 {
    color: var(--main)
  }
  .searchPage .r1 .inner .mid .items .list:hover p {
    opacity: 1
  }
}
.searchPage .r1 .inner .btm {
  padding: 1rem 0
}
@-webkit-keyframes bannerInFade {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes bannerInFade {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-webkit-keyframes loadLight {
  0% {
    -webkit-transform: rotate(136deg) translate3d(0, 0, 0);
    transform: rotate(136deg) translateZ(0)
  }
  to {
    -webkit-transform: rotate(0) translate3d(0, -8vw, 0);
    transform: rotate(0) translate3d(0, -8vw, 0)
  }
}
@keyframes loadLight {
  0% {
    -webkit-transform: rotate(136deg) translate3d(0, 0, 0);
    transform: rotate(136deg) translateZ(0)
  }
  to {
    -webkit-transform: rotate(0) translate3d(0, -8vw, 0);
    transform: rotate(0) translate3d(0, -8vw, 0)
  }
}
@-webkit-keyframes loadLight_app {
  0% {
    -webkit-transform: rotate(136deg) translate3d(0, 0, 0);
    transform: rotate(136deg) translateZ(0)
  }
  to {
    -webkit-transform: rotate(0) translate3d(0, -25vw, 0);
    transform: rotate(0) translate3d(0, -25vw, 0)
  }
}
@keyframes loadLight_app {
  0% {
    -webkit-transform: rotate(136deg) translate3d(0, 0, 0);
    transform: rotate(136deg) translateZ(0)
  }
  to {
    -webkit-transform: rotate(0) translate3d(0, -25vw, 0);
    transform: rotate(0) translate3d(0, -25vw, 0)
  }
}
@-webkit-keyframes loadMsg {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(0, -12vw, 0);
    transform: translate3d(0, -12vw, 0)
  }
}
@keyframes loadMsg {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(0, -12vw, 0);
    transform: translate3d(0, -12vw, 0)
  }
}
@-webkit-keyframes loadIn {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0)
  }
  to {
    -webkit-transform: translate3d(0, -4rem, 0);
    transform: translate3d(0, -4rem, 0);
    -webkit-filter: blur(.1rem);
    filter: blur(.1rem)
  }
}
@keyframes loadIn {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0)
  }
  to {
    -webkit-transform: translate3d(0, -4rem, 0);
    transform: translate3d(0, -4rem, 0);
    -webkit-filter: blur(.1rem);
    filter: blur(.1rem)
  }
}
@-webkit-keyframes loadIn_app {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0)
  }
  to {
    -webkit-transform: translate3d(0, -8rem, 0);
    transform: translate3d(0, -8rem, 0);
    -webkit-filter: blur(.1rem);
    filter: blur(.1rem)
  }
}
@keyframes loadIn_app {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    -webkit-filter: blur(0);
    filter: blur(0)
  }
  to {
    -webkit-transform: translate3d(0, -8rem, 0);
    transform: translate3d(0, -8rem, 0);
    -webkit-filter: blur(.1rem);
    filter: blur(.1rem)
  }
}
@-webkit-keyframes loadBg {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes loadBg {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@media screen and (orientation: portrait) {
  html {
    font-size: 50PX !important
  }
  .f-64 {
    font-size: 6vw
  }
  .f-14 {
    font-size: 3.2vw
  }
  .f-12 {
    font-size: 2.6vw
  }
  .maxSize {
    width: 90%;
    max-width: 90%
  }
  .layer-cir {
    width: .8rem;
    height: .8rem
  }
  .layer-btn {
    width: 2.5rem;
    height: .9rem
  }
  .layer-btn .arrow {
    width: .4rem;
    height: .4rem
  }
  .layer-btn .iconfont.mr-10 {
    margin-right: .2rem
  }
  .layer-share .layer-icon {
    width: .8rem;
    height: .8rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .layer-share .layer-icon .f-20 {
    font-size: 4vw
  }
  .layer-item .list {
    padding-left: .4rem
  }
  .layer-item .list > .iconfont {
    top: calc(.5em + 1px)
  }
  .layer-popStyle .inner .img {
    max-width: calc(100% - 1rem)
  }
  .layer-popStyle .inner .layer-closePop {
    width: .9rem;
    height: .9rem
  }
  .layer-search {
    height: 1rem
  }
  .layer-down .txt > a.mr-10 {
    margin-right: .2rem
  }
  .layer-media .inner video {
    width: 90%;
    height: auto
  }
  .layer-media .inner .layer-closePop {
    width: .9rem;
    height: .9rem;
    right: .3rem;
    top: .3rem
  }
  #app footer .inner .mid {
    grid-template-columns: 100%
  }
  #app footer .inner .mid .col:nth-of-type(2) {
    display: none
  }
  #app footer .inner .top {
    width: calc(100% + 5vw)
  }
  #app footer .inner .top .layer-search {
    width: 56%;
    padding: 0 .8rem 0 .35rem
  }
  #app footer .inner .top .layer-search > input {
    font-size: 3.2vw;
    width: 100%
  }
  #app footer .inner .mid {
    padding-bottom: .6rem
  }
  #app footer .inner .mid .layer-share .layer-icon {
    width: 1.2rem
  }
  #app footer .inner .btm {
    grid-template-columns: 100%;
    gap: .2rem 0;
    padding: .4rem 0
  }
  .row > .bg.fixBg {
    position: absolute
  }
  .afterInner .banner {
    max-height: 120vw
  }
  .afterInner .banner .inner .group h1 {
    font-size: 9vw
  }
  .afterInner .banner .inner .group .line {
    width: 100%;
    height: 1px;
    margin: .8rem 0
  }
  .layer-pop .popCon .layer-closePop {
    width: .7rem;
    height: .7rem
  }
  .searchPage .r1 .inner .top .searchBox {
    width: 90%
  }
  .searchPage .r1 .inner .clear .note {
    font-size: 18vw
  }
  .searchPage .r1 .inner .clear h2 {
    font-size: 5.5vw
  }
  .searchPage .r1 .inner .mid {
    padding: 0 5vw
  }
  .searchPage .r1 .inner .mid h3 {
    font-size: 4.5vw
  }
  .searchPage .r1 .inner .mid .items .list {
    padding: .4rem 0
  }
  .searchPage .r1 .inner .mid .items .list .layer-btn {
    width: .64rem;
    height: .64rem
  }
  .develop .r1 {
    height: 120vw
  }
  .develop .r1 .inner {
    padding-top: 0
  }
  .develop .r1 .bg .sign {
    height: 100%;
    object-fit: cover
  }
  .develop .r1 .inner .msg {
    margin: 0 8vw 1.5rem 8vw
  }
  .develop .r1 .inner .msg h2 {
    text-align: center
  }
  .develop .r2 .inner .msgBox {
    width: 90vw;
    bottom: 4rem
  }
  .develop .r2 .inner .msgBox .msg {
    padding: .8rem .5rem
  }
  .develop .r2 .inner .msgBox .msg .layer-item .list .dot {
    width: 4px;
    height: 4px;
    top: 1em
  }
  .develop .r3 {
    height: auto
  }
  .develop .r3 .inner {
    padding-top: 0;
    padding-bottom: 1.6rem;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .develop .r3 .bg .sliderPic .photo {
    height: 180vw
  }
  .develop .r3 .inner .layer-topic {
    position: absolute;
    left: 0;
    top: 1.5rem
  }
  .develop .r3 .inner .msgBox .msg .layer-item {
    width: 100%
  }
  .develop .r3 .inner .msgBox .msg .note {
    position: relative;
    margin-top: .5rem
  }
  .develop .r3 .inner .msgBox .msg .layer-btn {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: .5rem
  }
  .develop .r3 .inner .msgBox {
    position: relative;
    bottom: auto;
    left: 0;
    height: calc(40vw + 3.8rem);
    margin-top: 150vw
  }
  .develop .r3 .inner .msgBox .msg {
    top: 0;
    bottom: auto
  }
  .develop .r3 .inner .other {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 20vw;
    top: 125vw
  }
  .develop .r4 .stickyContent .inner .part {
    border-radius: 0
  }
  .develop .r4 .stickyContent .inner .part .group {
    padding-top: 1.6rem;
    padding-bottom: 1.2rem
  }
  .develop .r4 .stickyContent .inner .part .group .layer-topic p br, .develop .r4 .stickyContent .inner .part .group .mid p br {
    display: none
  }
  .develop .r5 .inner .top .items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .develop .r5 .inner .top .items > li {
    margin: .2rem 0
  }
  .develop .r5 .inner .layer-form {
    padding: .8rem 5% 1rem
  }
  .develop .r5 .inner .layer-form .inRow .inCol {
    margin: .1rem 0;
    width: 100%;
    display: grid;
    grid-template-columns: 40% 60%
  }
  .develop .r5 .inner .layer-form .inRow .personEl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .develop .r5 .inner .layer-form .inRow .personEl .clearRow {
    width: .8rem;
    height: .8rem;
    right: 0;
    bottom: 0;
    left: auto
  }
  .develop .r5 .inner .layer-form .inRow .personEl.otherEl {
    padding: .3rem .5rem .8rem;
    background-color: #f9f9f9
  }
  .develop .r5 .inner .layer-form .inRow .manEl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .develop .r5 .inner .layer-form .inRow .manEl .clearRow {
    width: .8rem;
    height: .8rem;
    right: 0;
    bottom: 0;
    left: auto
  }
  .develop .r5 .inner .layer-form .inRow .manEl.otherEl {
    padding: .3rem .5rem .8rem;
    background-color: #f9f9f9
  }
  .develop .r5 .inner .layer-form .inRow .inCol .maBox > img {
    width: 2rem;
    height: auto
  }
  .develop .r5 .inner .layer-form .inRow.fxs .inCol, .develop .r5 .inner .layer-form .inRow.layer-search .inCol, .develop .r5 .inner .layer-form .inRow.layer-icon .inCol, .develop .r5 #app footer .inner .layer-form .btm .inRow.col .inCol, #app footer .develop .r5 .inner .layer-form .btm .inRow.col .inCol, .develop .r5 #app footer .inner .btm .layer-form .inRow.col .inCol, #app footer .develop .r5 .inner .btm .layer-form .inRow.col .inCol, .home .r1 .develop .r5 .inner .layer-form .group .col .msg .after .inRow.letter .inCol, .home .r1 .develop .r5 .inner .group .col .msg .after .layer-form .inRow.letter .inCol, .home .r1 .develop .r5 .inner .layer-form .group .col .msg .above .inRow.letter .inCol, .home .r1 .develop .r5 .inner .group .col .msg .above .layer-form .inRow.letter .inCol, .develop .home .r5 .inner .layer-form .part .msg .after .inRow.letter .inCol, .home .develop .r5 .inner .layer-form .part .msg .after .inRow.letter .inCol, .develop .home .r5 .inner .part .msg .after .layer-form .inRow.letter .inCol, .home .develop .r5 .inner .part .msg .after .layer-form .inRow.letter .inCol, .develop .home .r5 .inner .layer-form .part .msg .above .inRow.letter .inCol, .home .develop .r5 .inner .layer-form .part .msg .above .inRow.letter .inCol, .develop .home .r5 .inner .part .msg .above .layer-form .inRow.letter .inCol, .home .develop .r5 .inner .part .msg .above .layer-form .inRow.letter .inCol, .develop .r5 .about .r4 .inner .layer-form .group .box .inRow.list .inCol, .about .r4 .develop .r5 .inner .layer-form .group .box .inRow.list .inCol, .develop .r5 .about .r4 .inner .group .box .layer-form .inRow.list .inCol, .about .r4 .develop .r5 .inner .group .box .layer-form .inRow.list .inCol, .join .r1 .develop .r5 .inner .layer-form .top .msg .after .inRow.letter .inCol, .join .r1 .develop .r5 .inner .top .msg .after .layer-form .inRow.letter .inCol, .join .r1 .develop .r5 .inner .layer-form .top .msg .above .inRow.letter .inCol, .join .r1 .develop .r5 .inner .top .msg .above .layer-form .inRow.letter .inCol, .develop .r5 .r1 .inner .layer-form .msg .after .inRow.letter .inCol, .develop .r1 .r5 .inner .layer-form .msg .after .inRow.letter .inCol, .develop .r5 .r1 .inner .msg .after .layer-form .inRow.letter .inCol, .develop .r1 .r5 .inner .msg .after .layer-form .inRow.letter .inCol, .develop .r5 .r1 .inner .layer-form .msg .above .inRow.letter .inCol, .develop .r1 .r5 .inner .layer-form .msg .above .inRow.letter .inCol, .develop .r5 .r1 .inner .msg .above .layer-form .inRow.letter .inCol, .develop .r1 .r5 .inner .msg .above .layer-form .inRow.letter .inCol {
    margin-right: 0;
    margin-top: .1rem
  }
  .develop .r5 .inner .layer-form .inRow .inCol span {
    margin-right: 0
  }
  .develop .r5 .inner .layer-form .inRow .inCol.wid-100 {
    grid-template-columns: 100%
  }
  .develop .r5 .inner .layer-form .inRow .inCol .inBox {
    height: .8rem
  }
  .develop .r5 .inner .layer-form .inRow .inCol .inTxt {
    width: 100%
  }
  .develop .r5 .inner .layer-form .inRow .inCol .inArea {
    height: 3rem
  }
  .develop .r5 .inner .layer-form .inRow .inCol .upIcon {
    width: 60%
  }
  .develop .r5 .inner .layer-form .inRow .inCol .inMa {
    margin: 0 auto;
    width: 2.4rem;
    height: .9rem
  }
  .develop .r5 .inner .layer-form .inRow .inCol .maBox {
    margin-top: .1rem
  }
  .develop .r5 .inner .layer-form .btm .layer-btn {
    height: .9rem
  }
  .jobPop .popCon {
    width: 90vw;
    padding: .6rem 5% .5rem
  }
  .jobPop .popCon .top h3 {
    font-size: 5vw
  }
  .jobPop .popCon .mid {
    max-height: 9rem;
    overflow: auto
  }
  .joinPop .inner {
    padding-top: 1.2rem;
    padding-bottom: .8rem
  }
  .joinPop .inner .layer-topic {
    margin-bottom: 0
  }
  .joinPop .inner .layer-topic .layer-btn {
    padding: 0 .5rem
  }
  .joinPop .inner .swiper .group {
    grid-template-columns: 100%
  }
  .joinPop .inner .swiper .group .box .layer-cir {
    width: .5rem;
    height: .5rem
  }
  .joinPop .inner .btm {
    height: auto
  }
  .joinPop .inner .btm .layer-cir {
    margin: 0 .2rem
  }
  .contact .banner .inner .group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .contact .banner .inner .group .box {
    width: 100%
  }
  .contact .r1 .inner .layer-topic {
    margin-bottom: 1.2rem
  }
  .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .layer-cir {
    width: .6rem;
    height: .6rem
  }
  .contact .r2 .inner .layer-topic {
    margin-bottom: 1rem
  }
  .contact .r2 .inner .group {
    grid-template-columns: 100%;
    padding-bottom: .8rem
  }
  .contact .r2 .inner .group .box {
    border-radius: .2rem
  }
  .contact .r2 .inner .group .other {
    height: auto;
    position: relative
  }
  .contact .r2 .inner .group .other .mid {
    grid-template-columns: 100%
  }
  .contact .r2 .inner .group .other .mid .msg {
    text-align: left;
    margin-top: .3rem
  }
  .join .r1 .bg .sign {
    height: 100%;
    object-fit: cover
  }
  .join .r1 .inner .group .layer-topic {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .join .r1 .inner .group .layer-topic .note {
    position: relative;
    margin-top: .7rem;
    width: 100%
  }
  .join .r1 .inner .group .mid .swiper .swiper-wrapper .swiper-slide {
    width: 68vw
  }
  .join .r2 .inner .layer-topic {
    margin-bottom: 1.2rem
  }
  .join .r2 .inner .layer-topic .note br {
    display: none
  }
  .join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide .box .layer-img .layer-player .f-36 {
    font-size: 7vw
  }
  .join .r2 .inner .group .set {
    display: none
  }
  .join .r2 .inner .group .pageBox .circle {
    width: 100vw;
    height: 100vw;
    top: 3.4vw
  }
  .join .r2 .inner .group .pageBox .rect {
    width: 100vw;
    height: 50vw
  }
  .join .r2 .inner .group .swiper {
    margin-bottom: 1.2rem
  }
  .join .r2 .inner .group .swiper .swiper-wrapper .swiper-slide {
    width: 72vw
  }
  .join .r2 .inner .group .pageBox {
    top: calc(100% + 1.5rem)
  }
  .join .r3 {
    height: 150vw
  }
  .join .r3 .inner .group {
    width: 100%;
    padding: 0 5vw
  }
  .news .r1 .inner > .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .news .r1 .inner > .top .tabBox {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .5rem
  }
  .news .r1 .inner > .top .right {
    width: 100%
  }
  .news .r1 .inner .tree {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: .8rem
  }
  .news .r1 .inner .tree .tabBox {
    margin-bottom: .4rem
  }
  .news .r1 .inner .tree .layer-down {
    margin-right: 0
  }
  .news .r1 .inner .tree .layer-down .txt {
    padding: .2rem .38rem
  }
  .news .r1 .inner .group {
    grid-template-columns: 100%
  }
  .news .r1 .inner .group .box {
    width: 100%
  }
  .news .r1 .inner .group .box .clear {
    height: 48vw
  }
  .news .r1 .inner .group .box .top {
    height: 1.2rem
  }
  .news .r1 .inner .group .box .btm .layer-cir {
    width: .6rem;
    height: .6rem
  }
  .news .r1 .inner .group .box .btm {
    height: 1.2rem
  }
  .news .r2 .inner > .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .news .r2 .inner > .top .tabBox {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .5rem
  }
  .news .r2 .inner > .top .right {
    width: 100%
  }
  .news .r2 .inner .tree {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: .8rem
  }
  .news .r2 .inner .tree .tabBox {
    margin-bottom: .4rem
  }
  .news .r2 .inner .tree .layer-down {
    margin-right: 0
  }
  .news .r2 .inner .tree .layer-down .txt {
    padding: .2rem .38rem
  }
  .news .r2 .inner .group .list {
    grid-template-columns: 3rem calc(100% - 3rem);
    position: relative;
    margin-bottom: .5rem
  }
  .news .r2 .inner .group .list .img {
    background-color: #fff;
    height: 30vw;
    object-fit: contain
  }
  .news .r2 .inner .group .list .msg {
    padding-bottom: 1.2rem;
    padding-left: .4rem
  }
  .news .r2 .inner .group .list .msg h3 {
    width: 100%
  }
  .news .r2 .inner .group .list .layer-btn {
    position: absolute;
    left: 3.4rem;
    width: 2.5rem;
    bottom: 0
  }
  .news .r2 .inner .btm .layer-cir {
    margin: 0 .2rem
  }
  .news .r3 .inner > .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .news .r3 .inner > .top .tabBox {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .5rem
  }
  .news .r3 .inner > .top .right {
    width: 100%
  }
  .news .r3 .inner .tree {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: .8rem
  }
  .news .r3 .inner .tree .tabBox {
    margin-bottom: .4rem
  }
  .news .r3 .inner .tree .layer-down {
    margin-right: 0
  }
  .news .r3 .inner .tree .layer-down .txt {
    padding: .2rem .38rem
  }
  .news .r3 .inner .group {
    grid-template-columns: repeat(2, 1fr);
    gap: .7rem .4rem
  }
  .news .r3 .inner .group .box .layer-img {
    height: 58vw
  }
  .news .r3 .inner .group .box .msg h3 {
    min-height: 2.4em
  }
  .news .r3 .inner .group .box .msg .layer-cir {
    width: .9rem;
    height: .9rem
  }
  .detail .r1 .inner {
    padding-top: 3rem
  }
  .detail .r1 .inner .group {
    width: 90vw;
    padding: 1.2rem 5% .6rem
  }
  .detail .r1 .inner .fixFn {
    left: 5vw;
    top: 0
  }
  .detail .r1 .inner .fixFn .return {
    width: 2.2rem;
    height: .9rem
  }
  .about .r1 .inner .group .col .layer-img .player .f-42 {
    font-size: 7vw
  }
  .about .r1 .inner .group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .about .r1 .inner .top {
    margin-bottom: 1rem
  }
  .about .r1 .inner .group .col {
    width: 100%
  }
  .about .r1 .inner .group .col:nth-of-type(1) {
    margin-bottom: .4rem
  }
  .about .r1 .inner .btm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .8rem .4rem
  }
  .about .r1 .inner .btm .list .layer-icon > img {
    height: .4rem
  }
  .about .r2 .inner .group {
    grid-template-columns: 100%;
    gap: .8rem 0
  }
  .about .r3 .inner .layer-topic {
    margin-bottom: 1rem
  }
  .about .r3 .inner .group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .about .r3 .inner .group .col {
    width: 100%
  }
  .about .r3 .inner .group .col:nth-of-type(1) {
    margin-bottom: .8rem
  }
  .about .r3 .inner .group .col .f-36 {
    font-size: 6vw
  }
  .about .r3 .inner .group .col small {
    margin-bottom: .4rem
  }
  .about .r3 .inner .part .swiper .swiper-slide {
    width: 64vw
  }
  .about .r3 .inner .part .swiper .swiper-slide .layer-img {
    width: 100%;
    height: 80vw
  }
  .about .r4 .inner {
    padding-bottom: 54vw
  }
  .about .r4 .inner .group {
    height: 10rem;
    position: relative;
    z-index: 12
  }
  .about .r4 .inner .group .box > img {
    width: 90vw;
    height: 50vw;
    margin-bottom: 6vw
  }
  .about .r4 .inner .btm {
    padding: .4rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .about .r4 .inner .other {
    width: 162vw;
    height: 162vw;
    top: auto;
    bottom: -115vw;
    right: -31vw;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
  .about .r4 .inner .other .c2 {
    width: 144vw;
    height: 144vw
  }
  .about .r4 .inner .other .c3 {
    width: 90vw;
    height: 90vw
  }
  .about .r4 .inner .other .items .r4Sw .swiper-slide .list {
    height: 8vw
  }
  .about .r4 .inner .other .items .r4Sw .swiper-slide .list .dot {
    width: 6vw;
    height: 6vw
  }
  .about .r4 .inner .other .items .r4Sw .swiper-slide .list .line {
    width: 20vw
  }
  .about .r4 .inner .other .items .r4SwChild .swiper-slide .list .dot {
    width: 6vw;
    height: 6vw
  }
  .about .r4 .inner .other .items .r4SwChild .swiper-slide .list .line {
    width: 20vw
  }
  .about .r4 .inner .other .items .r4SwChild .swiper-slide .list .txt {
    width: 76%;
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
  .about .r4 .inner .other .items .r4SwChild .swiper-slide .list .txt h3 {
    -webkit-transform: scale(.6) rotate(-90deg);
    -ms-transform: scale(.6) rotate(-90deg);
    transform: scale(.6) rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
  }
  .about .r4 .inner .other .items .r4SwChild .swiper-slide.swiper-slide-active .list .txt h3 {
    -webkit-transform: scale(1) rotate(-90deg);
    -ms-transform: scale(1) rotate(-90deg);
    transform: scale(1) rotate(-90deg)
  }
  .about .r4 .inner .btm .set .layer-cir {
    margin: 0 .2rem
  }
  .about .r4 .inner .group .box .items {
    height: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
  }
  .about .r4 .inner .group .box .listBox {
    max-height: calc(12rem - 86vw);
    overflow: auto
  }
  .about .r4 .inner .group .box .list:last-of-type {
    padding-bottom: 10vw
  }
  .about .r4 .inner .group .box:before {
    content: "";
    pointer-events: none;
    position: absolute;
    bottom: 0vw;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: -webkit-linear-gradient(top, rgba(41, 47, 39, 0) 90%, rgb(41, 47, 39) 100%);
    background: linear-gradient(180deg, rgba(41, 47, 39, 0) 90%, rgb(41, 47, 39) 100%)
  }
  .about .r5 .inner {
    padding-top: 1.5rem
  }
  .about .r5 .inner .layer-topic {
    margin-bottom: 2rem;
    padding-bottom: 1.2rem
  }
  .about .r5 .inner .layer-topic .tabItem {
    left: 0;
    bottom: 0;
    right: auto
  }
  .about .r5 .inner .group {
    height: 64vw
  }
  .about .r5 .inner .group .swiper {
    width: 50vw
  }
  .about .r5 .inner .group .swiper .swiper-slide > img {
    width: 50vw;
    height: 56vw
  }
  .about .r5 .inner .set {
    padding-top: 1rem
  }
  .business {
    overflow: hidden
  }
  .business .topRow {
    max-height: 150vw
  }
  .business .topRow .inner .group .note {
    margin-top: .4rem
  }
  .business .topRow .inner .group .note br {
    display: none
  }
  .business .treeRow .inner .group .box {
    position: relative;
    z-index: 50
  }
  .business .treeRow {
    overflow: visible;
    width: 100%
  }
  .business .treeRow .inner {
    width: 90%;
    z-index: 4
  }
  .business .treeRow .inner .tab:after {
    backdrop-filter: blur(0);
    background-color: #2a3526
  }
  .business .treeRow .inner .tab {
    width: 50vw;
    height: 1.3rem
  }
  .business .treeRow .inner .group.fixStyle {
    -webkit-transform: translate3d(0, 1.1rem, 0);
    transform: translate3d(0, 1.1rem, 0);
    z-index: 50
  }
  .business .treeRow .inner .group.fixStyle .tab {
    height: 1.2rem
  }
  .business .treeRow .inner .tab .layer-icon {
    width: .8rem;
    height: .8rem
  }
  .business .treeRow .inner .group:after {
    pointer-events: none
  }
  .business .msgRow {
    padding: 1.6rem 0 1.2rem
  }
  .business .msgRow .inner .col .moreBox .layer-item {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .business .msgRow .inner {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    gap: .2rem 0
  }
  .business .msgRow .inner .col .layer-img {
    border-radius: .2rem
  }
  .business .msgRow .inner .col:nth-of-type(2) > p:last-of-type {
    margin-top: 1rem
  }
  .business .msgRow .inner .col .moreBox {
    margin-top: 1.2rem
  }
  .business .caseRow .inner .top {
    margin-bottom: 1rem
  }
  .business .fixRow {
    height: auto
  }
  .business .fixRow .inner {
    padding: 1.5rem 5vw 32% 5vw
  }
  .business .fixRow .inner .group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .business .fixRow .inner .group .box {
    width: 100%;
    padding: .3rem 0 .5rem
  }
  .business .fixRow .inner .group .line {
    width: 80%;
    height: 1px
  }
  .business .powerRow .inner .group .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .business .powerRow .inner .group .box:nth-of-type(2n+1) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .business .powerRow .inner .group .box .msg {
    width: 100%
  }
  .business .powerRow .inner .group .box .msg h3 {
    margin-bottom: .3rem
  }
  .business .powerRow .inner .group .box .imgBox {
    width: 100%;
    margin-bottom: .6rem
  }
  .business .fixMsgRow {
    height: 140vw
  }
  .business .fixMsgRow .inner .layer-topic p br {
    display: none
  }
  .green .r1 .inner {
    padding-top: 1rem
  }
  .green .r1 .inner .layer-topic {
    margin-bottom: 0
  }
  .green .r1 .inner .tree .child {
    padding-top: .6rem;
    width: 90vw;
    background-color: transparent
  }
  .green .r1 .inner .tree .child .part .tabItem .tab {
    margin-bottom: .1rem
  }
  .green .r1 .inner .group {
    gap: .25rem;
    grid-template-columns: 100%;
    padding: 0 1px
  }
  .green .r1 .inner .group .box {
    height: 70vw
  }
  .green .r1 .inner .group .box .msg .top .layer-cir {
    width: .6rem;
    height: .6rem
  }
  .green .r1 .inner .group .box .msg .btm > p {
    width: 50%
  }
  .green .r1 .inner .group .box .msg .btm h3 {
    margin-bottom: .2rem
  }
  .green .r1 .inner .content .group {
    grid-template-columns: 100%
  }
  .green .r1 .inner .content .group .box .msg .btm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .green .r1 .inner .content .group .box .msg .btm .countFn {
    position: relative;
    white-space: nowrap
  }
  .casePop .inner .top h2 {
    margin-bottom: .8rem;
    line-height: 1.1
  }
  .casePop .inner .top .layer-btn {
    top: auto;
    bottom: 0
  }
  .casePop .inner {
    padding: 1.5rem 5vw .6rem 5vw
  }
  .casePop .inner .btm .box {
    width: 78vw
  }
  .greenDetail .caseRow .inner .top h2 {
    margin-bottom: .8rem;
    line-height: 1.1
  }
  .greenDetail .caseRow .inner .top .layer-btn {
    top: auto;
    bottom: 0
  }
  .greenDetail .caseRow .inner {
    padding: 1.5rem 5vw .6rem 5vw
  }
  .greenDetail .caseRow .inner .btm .box {
    width: 78vw
  }
  .home .banner .inner .group .msgBox .msg .layer-btn {
    margin: 1rem 0 1.2rem
  }
  .home .banner .inner .group .msgBox .msg .arrow {
    width: .4rem;
    height: .4rem
  }
  .home .r1 .inner {
    padding-top: 3.2rem
  }
  .home .r1 .bg .sign {
    width: 140%;
    left: auto;
    right: 0
  }
  .home .r1 .inner .group .col {
    width: 100%
  }
  .home .r1 .inner .other {
    grid-template-columns: 100%;
    gap: .4rem 0
  }
  .home .r1 .inner .other .box .layer-img {
    height: 45vw
  }
  .home .r1 .inner .other .box .msg {
    padding: .5rem
  }
  .home .r1 .inner .other .box .msg .top {
    margin-bottom: 1rem
  }
  .home .r1 .inner .other .box .msg .top img {
    height: .5rem;
    margin-right: .3rem
  }
  .home .r1 .inner .other .box .msg .top h3 {
    font-size: 4vw
  }
  .home .r2 .inner .group {
    grid-template-rows: 25% 75%
  }
  .home .r2 .inner .group .mid .circle {
    width: 200vw;
    height: 200vw;
    left: -50vw;
    top: .4rem
  }
  .home .r2 .inner .group .mid .msgBox .sliderMsg .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: .8rem;
    width: 100%
  }
  .home .r2 .inner .group .mid .msgBox .sliderMsg .title h2 {
    margin-bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-style: normal
  }
  .home .r2 .inner .group .mid .msgBox .sliderMsg > p {
    width: 90%;
    margin: 0 auto
  }
  .home .r2 .inner .group .mid .msgBox .sliderMsg .title .col {
    margin-left: 0;
    text-align: center
  }
  .home .r2 .inner .group .mid .circle .dotItem {
    width: calc(100% + .4rem);
    height: calc(100% + .4rem);
    left: -.2rem;
    top: -.2rem
  }
  .home .r2 .inner .group .mid .circle .dotItem > li {
    width: .2rem
  }
  .home .r2 .inner .group .mid .circle .dotItem > li .dot {
    width: .18rem;
    height: .18rem
  }
  .home .r2 .inner .group .set {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 1.45rem 5vw
  }
  .home .r3 .inner {
    padding-top: 1.8rem
  }
  .home .r3 .bg .map {
    width: 12rem;
    right: -1.6rem;
    top: 3rem
  }
  .home .r3 .inner .layer-topic {
    margin-bottom: 7.5rem
  }
  .home .r3 .inner .msg {
    width: 100%
  }
  .home .r4 .inner {
    padding-top: 1.8rem;
    height: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 25% 75%
  }
  .home .r4 .inner .group {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .home .r4 .inner .group .swiper {
    width: 100%
  }
  .home .r4 .inner .group .swiper .swiper-slide {
    width: 78vw
  }
  .home .r4 .inner .group .swiper .swiper-slide .layer-img {
    height: 80vw
  }
  .home .r4 .inner .group .swiper .swiper-slide .msg .note {
    height: .6rem
  }
  .home .r4 .inner .group .swiper .swiper-slide .msg h3 {
    font-size: 5vw
  }
  .home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-cir {
    width: .5rem;
    height: .5rem
  }
  .home .r4 .inner .group .btm {
    margin-top: 1.2rem
  }
  .home .r5 .inner .part .msg {
    left: 5vw;
    width: 90vw;
    bottom: 3rem
  }
  .home .r5 .inner .group .items {
    left: 5vw;
    top: 1.8rem
  }
  .home .r5 .inner .group .items .list {
    padding: .12rem 0
  }
  .home .r5 .inner .group .items .list > p {
    font-size: 10vw
  }
  .home .r5 .inner .part .msg .f-56 {
    font-size: 7vw
  }
  .home .r5 .inner .group .btm {
    grid-template-columns: 40% 60%;
    height: 2.5rem
  }
  .home .r5 .inner .group .btm .col {
    padding-right: 5vw
  }
  .home .r5 .inner .group .btm .col.row-mid-b, .home .r5 .join .r2 .inner .group .btm .col.set, .join .r2 .home .r5 .inner .group .btm .col.set {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .home .r5 .inner .group .btm .col .set {
    display: none
  }
  .home .r6 .inner {
    padding-bottom: 2rem
  }
  .home .r6 .inner .layer-topic {
    margin-bottom: 1rem
  }
  .home .r6 .inner .layer-topic h2 {
    margin-bottom: 1.5rem
  }
  .home .r6 .inner .layer-topic .layer-btn {
    top: .5rem;
    bottom: auto
  }
  .home .r6 .inner .layer-topic .tabItem .tab {
    white-space: nowrap;
    font-size: 4vw
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide {
    width: 78vw
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide .clear {
    height: 48vw
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide .top {
    height: 1.2rem
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide .btm .layer-cir {
    width: .6rem;
    height: .6rem
  }
  .home .r6 .inner .group .tabCon .swiper .swiper-slide .btm {
    height: 1.2rem
  }
}
@media screen and (max-width: 400px) {
  html {
    font-size: 45PX !important
  }
  .f-20, .joinPop .inner .group .box .f-24 {
    font-size: 14px
  }
  .joinPop .inner .group {
    gap: .1rem 0
  }
}

.business header .pcNav .mid .wc {
  color: var(--black)
}