body {
  --ww: 1.5rem;
  --bj: var(--ww);
  --top: 1.1rem;
  --color: #9a7afd;
  --gap: 1rem;
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f18: 0.18rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f40: 0.4rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
  --f62: 0.62rem;
}
@media (min-width: 1921px) {
  body {
    --bj: calc((100vw - (19.2rem - var(--ww))) / 2);
  }
}
@media screen and (max-width: 1520px) {
  body {
    --f14: 12px;
    --f16: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 18px;
    --f24: 20px;
    --f26: 22px;
    --ww: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  body {
    --f20: 16px;
    --f22: 16px;
    --f24: 18px;
    --f26: 20px;
    --f30: 0.36rem;
    --f32: 0.36rem;
    --f34: 0.38rem;
    --f36: 0.4rem;
    --f40: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.4rem;
    --f54: 0.5rem;
    --f56: 0.52rem;
    --f58: 0.52rem;
    --f60: 0.54rem;
    --f62: 0.54rem;
    --ww: 5vw;
    --top: 60px;
  }
}
@media screen and (max-width: 767px) {
  body {
    --f14: 0.24rem;
    --f16: 0.28rem;
    --f18: 0.3rem;
    --f20: 0.3rem;
    --f22: 0.32rem;
    --f24: 0.34rem;
    --f26: 0.34rem;
    --f30: 0.4rem;
    --f32: 0.4rem;
    --f34: 0.4rem;
    --f36: 0.4rem;
    --f40: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.42rem;
    --f54: 0.44rem;
    --f56: 0.46rem;
    --f58: 0.46rem;
    --f60: 0.48rem;
    --f62: 0.48rem;
  }
}
body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #9a7afd;
}
body::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #fff;
}
@-moz-document url-prefix() {
  body {
    scrollbar-color: #9a7afd #fff;
    scrollbar-width: thin;
    -ms-overflow-style: none;
  }
}


/** 纵向滚动条样式 */
.button-disabled,
.swiper-button-disabled {
  cursor: auto;
  pointer-events: none;
}
.public_author {
  position: relative;
  top: calc(var(--top) * -1 + 1px);
}
.public_author_2 {
  position: relative;
  top: calc((var(--top) + var(--leval_height)) * -1 + 1px);
}
.pt {
  padding-top: var(--gap);
}
.pb {
  padding-bottom: var(--gap);
}
.wMain {
  padding-left: var(--bj);
  padding-right: var(--bj);
  width: 100%;
}
.Privacy_Policy .box_ .content1 {
  font-size: var(--f48);
}
.Privacy_Policy .box_ .hr {
  border-top: 1px solid #eee;
  margin: 0.5rem 0;
}
.Privacy_Policy .box_ .content3 {
  font-size: var(--f18);
  line-height: 1.8;
  color: #333;
}
.Search_List .box1 {
  padding: 1.4rem 0 0.5rem;
  font-size: var(--f20);
  background: #f6f6f6;
}
.Search_List .box2 {
  min-height: 40vh;
}
.Search_List .box2 .item {
  padding: 0.2rem 0.8rem;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 1200px) {
  .Search_List .box2 .item {
    padding: 0.2rem 0rem;
  }
}
.Search_List .box2 .item a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.Search_List .box2 .item a .left {
  max-width: 80%;
}
.Search_List .box2 .item a .left .t {
  font-size: var(--f14);
  color: #999;
}
.Search_List .box2 .item a .left .b {
  font-size: var(--f24);
  color: #333;
  transition: 0.4s;
  margin-top: 12px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Search_List .box2 .item a .right {
  font-size: var(--f16);
  color: var(--color);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transition: 0.4s;
}
.Search_List .box2 .item a .right i {
  font-size: var(--f16);
  display: inline-block;
  transition: 0.4s;
}
.Search_List .box2 .item a:hover .b {
  color: #9a7afd;
}
.Search_List .box2 .item a:hover .right i {
  transform: translateX(5px);
}
.Search_List .box3 {
  font-size: var(--f18);
  text-align: center;
}
.Sitemap .ap_top {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.46rem;
}
.Sitemap .ap_top p {
  font-size: var(--f48);
  color: #000;
}
.Sitemap .ap_bot .item {
  padding: 0.44rem 0;
  border-bottom: 1px solid #ccc;
}
.Sitemap .ap_bot .item .content1 a {
  color: #000;
  transition: 0.4s;
  font-size: var(--f26);
}
.Sitemap .ap_bot .item .content1 a:hover {
  color: #9a7afd;
}
.Sitemap .ap_bot .item .content2 {
  margin-top: 0.22rem;
  font-size: var(--f20);
}
.Sitemap .ap_bot .item .content2 .firstorder {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.2rem;
}
.Sitemap .ap_bot .item .content2 .firstorder a {
  transition: 0.4s;
  color: #333;
}
.Sitemap .ap_bot .item .content2 .firstorder a:hover {
  color: #9a7afd;
}
.Sitemap .ap_bot .item .content2 .multistage {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.2rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_1 a {
  transition: 0.4s;
  color: #333;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_1 a:hover {
  color: #9a7afd;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 {
  margin-top: 0.26rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a {
  font-size: 0.9em;
  transition: 0.4s;
  color: #333;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a:hover {
  color: #9a7afd;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 {
  padding-left: 0.1rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 {
  margin-top: 0.14rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.8em;
  transition: 0.4s;
  color: #666;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a i {
  transition: 0.4s;
  font-size: 0.9em;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a span {
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a:hover {
  color: #9a7afd;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 {
  padding-left: 0.1rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 {
  margin-top: 0.1rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.8em;
  transition: 0.4s;
  color: #666;
  line-height: 1.4;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a i {
  transition: 0.4s;
  font-size: 0.9em;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a span {
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a + a {
  margin-top: 4px;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a:hover {
  color: #9a7afd;
}
@media (max-width: 1200px) {
  .Sitemap .ap_bot .item .content2 .multistage,
  .Sitemap .ap_bot .item .content2 .firstorder {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 750px) {
  .Sitemap .ap_bot .item .content2 .multistage,
  .Sitemap .ap_bot .item .content2 .firstorder {
    grid-template-columns: repeat(2, 1fr);
  }
}
:root {
  --w1: 0.8rem;
  --h1: 0.5rem;
  --h2: 0.54rem;
  --h3: 0.6rem;
  --rw: calc(var(--h2) / 1.92);
  --e1: 0.14rem;
  --leval_height: 1.1rem;
}
.pc_header {
  z-index: 5;
  position: fixed;
  width: 100%;
  top: 0;
}
.pc_header .he_box {
  transition: 0.6s;
  --w: 1.32rem;
  font-size: var(--f18);
}
.pc_header .he_box .column .nav .item > p {
  position: relative;
}
.pc_header .he_box .column .nav .item > p a {
  transition: 0.4s;
  line-height: var(--top);
  color: #fff;
}
.pc_header .he_box .column .nav .item > p img {
  transition: 0.4s;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 22%;
  transform: translateX(-50%);
  width: var(--f14);
}
.pc_header .he_box .column .nav .item .down {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fbfbff;
}
.pc_header .he_box .column .nav .item .down > div a {
  transition: 0.4s;
  font-size: var(--f20);
  color: #000;
  line-height: 1rem;
}
.pc_header .he_box .column .nav .item .down > div a + a {
  margin-left: 0.9rem;
}
.pc_header .he_box .column .nav .item .down > div a:hover {
  color: #9a7afd;
}
.pc_header .he_box .column .nav .item + .item {
  margin-left: 0.42rem;
}
.pc_header .he_box .column .nav .item:hover > p img,
.pc_header .he_box .column .nav .item.active > p img {
  opacity: 1;
}
.pc_header .he_box .logo a img {
  width: var(--w);
  filter: brightness(100);
}
.pc_header .he_box .menu .lang a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1;
}
.pc_header .he_box .menu .lang a svg {
  width: var(--f20);
}
.pc_header .he_box .menu .lang a svg path {
  transition: 0.4s;
}
.pc_header .he_box .menu .lang a span {
  transition: 0.4s;
  margin-left: 6px;
  color: #fff;
}
.pc_header .he_box .menu .lang a:hover svg path {
  fill: #9a7afd !important;
}
.pc_header .he_box .menu .lang a:hover span {
  color: #9a7afd !important;
}
.pc_header .he_box .menu .lxwm {
  margin-left: 0.48rem;
}
.pc_header .he_box .menu .lxwm a {
  min-width: 1.6rem;
  background: #9a7afd;
  color: #fff;
  line-height: var(--h1);
  padding: 0 0.25rem;
  border-radius: calc(var(--h1) / 2);
}
.pc_header .he_box .menu .lxwm a img {
  max-width: var(--f18);
  margin-left: 0.16rem;
}
.pc_header .he_box .menu .lxwm a:hover img {
  animation: call 0.5s ease 0s infinite;
}
.pc_header .he_box .column,
.pc_header .he_box .menu {
  width: calc((100% - var(--w)) / 2);
}
.pc_header:hover,
.pc_header.sticky,
.pc_header.active {
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.08));
}
.pc_header:hover .he_box,
.pc_header.sticky .he_box,
.pc_header.active .he_box {
  background: #fff;
}
.pc_header:hover .he_box .column .nav .item > p a,
.pc_header.sticky .he_box .column .nav .item > p a,
.pc_header.active .he_box .column .nav .item > p a {
  color: #333;
}
.pc_header:hover .he_box .column .nav .item:hover > p a,
.pc_header.sticky .he_box .column .nav .item:hover > p a,
.pc_header.active .he_box .column .nav .item:hover > p a,
.pc_header:hover .he_box .column .nav .item.active > p a,
.pc_header.sticky .he_box .column .nav .item.active > p a,
.pc_header.active .he_box .column .nav .item.active > p a {
  color: #9a7afd;
}
.pc_header:hover .he_box .logo a img,
.pc_header.sticky .he_box .logo a img,
.pc_header.active .he_box .logo a img {
  filter: brightness(1);
}
.pc_header:hover .he_box .menu .lang a svg path,
.pc_header.sticky .he_box .menu .lang a svg path,
.pc_header.active .he_box .menu .lang a svg path {
  fill: #333;
}
.pc_header:hover .he_box .menu .lang a span,
.pc_header.sticky .he_box .menu .lang a span,
.pc_header.active .he_box .menu .lang a span {
  color: #333;
}
.pc_header.sticky {
  position: sticky;
}
.pc_footer {
  background: #f5f5f5;
  font-size: var(--f16);
}
.pc_footer .ter_top {
  padding: 0.55rem 0 0.66rem;
}
.pc_footer .ter_top .le_box {
  width: 36%;
}
.pc_footer .ter_top .le_box .logo a img {
  height: 0.66rem;
}
.pc_footer .ter_top .le_box .lxwm {
  margin-top: 0.28rem;
}
.pc_footer .ter_top .le_box .lxwm div {
  color: #666;
}
.pc_footer .ter_top .le_box .lxwm div a {
  display: inline;
  color: #666;
}
.pc_footer .ter_top .le_box .lxwm div a:hover[href] {
  color: #9a7afd;
}
.pc_footer .ter_top .le_box .lxwm div:first-child a {
  margin-top: 0.1rem;
  display: block;
  color: #000;
  font-size: var(--f22);
  font-family: MontserratBold;
}
.pc_footer .ter_top .le_box .lxwm div + div {
  margin-top: 0.16rem;
}
.pc_footer .ter_top .ri_box {
  width: 60%;
}
.pc_footer .ter_top .ri_box .div1 {
  min-width: 2.15rem;
  position: relative;
}
.pc_footer .ter_top .ri_box .div1 .item .one a {
  transition: 0.4s;
  font-size: var(--f30);
  color: #000;
}
.pc_footer .ter_top .ri_box .div1 .item .one a i {
  transition: 0.4s;
  opacity: 0;
  font-size: 0.75em;
}
.pc_footer .ter_top .ri_box .div1 .item .two {
  transition: 0.4s;
  position: absolute;
  left: 100%;
  top: 0.3rem;
  opacity: 0;
  visibility: hidden;
}
.pc_footer .ter_top .ri_box .div1 .item .two a {
  white-space: nowrap;
  transition: 0.4s;
  font-size: var(--f18);
  color: #666;
}
.pc_footer .ter_top .ri_box .div1 .item .two a:hover {
  color: #9a7afd;
}
.pc_footer .ter_top .ri_box .div1 .item .two a + a {
  margin-top: 0.1rem;
}
.pc_footer .ter_top .ri_box .div1 .item + .item {
  margin-top: 0.14rem;
}
.pc_footer .ter_top .ri_box .div1 .item.active .one a {
  color: #9a7afd;
}
.pc_footer .ter_top .ri_box .div1 .item.active .one a i {
  opacity: 1;
}
.pc_footer .ter_top .ri_box .div1 .item.active .two {
  opacity: 1;
  top: 0;
  visibility: visible;
}
.pc_footer .ter_top .ri_box .div2 .share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pc_footer .ter_top .ri_box .div2 .share .li a img {
  transition: 0.4s;
  opacity: 0.4;
  filter: grayscale(1);
}
.pc_footer .ter_top .ri_box .div2 .share .li + .li {
  margin-left: 0.5rem;
}
.pc_footer .ter_top .ri_box .div2 .share .li:hover a img {
  opacity: 1;
  filter: grayscale(0);
}
.pc_footer .ter_top .ri_box .div2 .code {
  margin-top: 0.74rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.pc_footer .ter_top .ri_box .div2 .code .li {
  text-align: center;
}
.pc_footer .ter_top .ri_box .div2 .code .li .img {
  position: relative;
  width: 1.05rem;
  overflow: hidden;
  margin: 0 auto;
}
.pc_footer .ter_top .ri_box .div2 .code .li .img img {
  width: 100%;
}
.pc_footer .ter_top .ri_box .div2 .code .li .img .post {
  position: absolute;
  left: 0;
  width: 100%;
  animation: runEwm 2s linear infinite;
}
.pc_footer .ter_top .ri_box .div2 .code .li .img .post img {
  width: 100%;
}
.pc_footer .ter_top .ri_box .div2 .code .li p {
  margin-top: 0.15rem;
  color: #999;
}
.pc_footer .ter_top .ri_box .div2 .code .li + .li {
  margin-left: 0.3rem;
}
.pc_footer .ter_bot {
  border-top: 1px solid #e5e5e5;
  padding: 0.36rem 0;
}
.pc_footer .ter_bot .copy p {
  color: #999;
}
.pc_footer .ter_bot .copy p a {
  transition: 0.4s;
  color: #999;
}
.pc_footer .ter_bot .copy p a:hover {
  color: #9a7afd;
}
.pc_footer .ter_bot .copy p + p {
  margin-left: 0.1rem;
}
.pc_footer .ter_bot .yszc a {
  transition: 0.4s;
  color: #999;
}
.pc_footer .ter_bot .yszc a:hover {
  color: #9a7afd;
}
.pc_footer .ter_bot .yszc a + a {
  margin-left: 0.24rem;
}
@keyframes runEwm {
  0% {
    top: 0;
  }
  50% {
    top: 90%;
  }
  100% {
    top: 0;
  }
}
@keyframes call {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
.title_01 {
  font-size: var(--f48);
  color: #333;
}
.center {
  text-align: center;
}
.pu_link {
  width: fit-content;
}
.pu_link .a {
  cursor: pointer;
  transition: 0.6s;
  position: relative;
  /*min-width: 1.7rem;*/
  background: #9a7afd;
  line-height: var(--h2);
  border-radius: calc(var(--h2) / 2);
  font-size: var(--f18);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 var(--e1) 0 0;
  overflow: hidden;
}
.pu_link .a span {
  transition: 0.4s;
  color: #fff;
  padding: 0 0.28rem;
}
.pu_link .a p {
  transition: 0.4s;
  width: var(--rw);
  height: var(--rw);
  background: #fff;
  border-radius: 50%;
  display: flex;
}
.pu_link .a p i {
  font-size: var(--f14);
  font-weight: bold;
  margin: auto;
  color: #9a7afd;
}
.pu_link .a .p2 {
  position: absolute;
  top: 50%;
  left: calc(var(--rw) * -1);
  transform: translateY(-50%);
}
.pu_link.white .a {
  background: #fff;
}
.pu_link.white .a span {
  color: #9a7afd;
}
.pu_link.white .a p {
  background: #9a7afd;
}
.pu_link.white .a p i {
  color: #fff;
}
.pu_link.border .a {
  background: transparent;
  outline: 1px solid #9a7afd;
}
.pu_link.border .a span {
  color: #9a7afd;
}
.pu_link.border .a p {
  background: #9a7afd;
}
.pu_link.border .a p i {
  color: #fff;
}
.pu_link.border:hover .a {
  background: #9a7afd;
}
.pu_link.border:hover .a span {
  color: #fff;
}
.pu_link.border:hover .a p {
  background: #fff;
}
.pu_link.border:hover .a p i {
  color: #9a7afd;
}
.pu_link:hover .a span {
  transform: translateX(calc(var(--rw) + var(--e1)));
}
.pu_link:hover .a .p1 {
  transform: translateX(calc(var(--rw) + var(--e1) + 1px));
}
.pu_link:hover .a .p2 {
  left: var(--e1);
}
.pu_more {
  font-size: var(--f18);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pu_more span {
  transition: 0.4s;
  color: #9a7afd;
}
.pu_more .yuan {
  transition: .4s;        
  margin-left: 0.12rem;
  transition: 0.4s;
  width: var(--rw);
  height: var(--rw);
  background: #9a7afd;
  border-radius: 50%;
  display: flex;
}
.pu_more .yuan i {
  transition: 0.4s;
  margin: auto;
  font-size: var(--f14);
  font-weight: bold;
  color: #fff;
}
.pu_more:hover .yuan {
  margin-left: 0.2rem; 
}


.pc_up {
  transition: 0.4s;
  z-index: 5;
  position: fixed;
  right: 0.2rem;
  bottom: 0%;
  opacity: 0;
}
.pc_up div {
  cursor: pointer;
  width: var(--h1);
  height: var(--h1);
  border-radius: 50%;
  background: #9a7afd;
  display: flex;
}
.pc_up div svg {
  max-width: 35%;
  margin: auto;
}
.pc_up.active {
  bottom: 6%;
  opacity: 1;
}
.index_banner {
  position: relative;
}
.index_banner .swiper .swiper-slide {
  position: relative;
}
.index_banner .swiper .swiper-slide .slide_img {
  width: 100%;
}
.index_banner .swiper .swiper-slide .slide_img img,
.index_banner .swiper .swiper-slide .slide_img video {
  width: 100%;
  height: var(--vh);
}
.index_banner .swiper .swiper-slide .slide_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  padding: 0 var(--bj);
  background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, transparent 15%);
}
.index_banner .swiper .swiper-slide .slide_post > div {
  width: 100%;
  margin: auto;
}
.index_banner .swiper .swiper-slide .slide_post > div .content1 {
  transition: 0.5s;
  opacity: 0;
  transform: translateY(0.6rem);
  font-size: var(--f62);
  color: #fff;
  font-family: MontserratMedium;
}
.index_banner .swiper .swiper-slide .slide_post > div .content2 {
  transition: 0.5s 0.25s;
  opacity: 0;
  transform: translateY(0.6rem);
  margin-top: 0.5rem;
}
.index_banner .swiper .swiper-slide-active .slide_post > div .content1 {
  opacity: 1;
  transform: translateY(0);
}
.index_banner .swiper .swiper-slide-active .slide_post > div .content2 {
  opacity: 1;
  transform: translateY(0);
}
.index_banner .div_ {
  z-index: 2;
  position: absolute;
  width: 100%;
  bottom: 6%;
  left: 0;
}
.index_banner .div_ > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.index_banner .div_ > div .swiper-pagination-bullet {
  background: none;
  position: relative;
  opacity: 1;
  height: auto;
  margin: 0 8px;
}
.index_banner .div_ > div .swiper-pagination-bullet p {
  transition: 0.3s;
  width: 12px;
  height: 12px;
  border: 2px solid #9a7afd;
  border-radius: 50%;
}
.index_banner .div_ > div .swiper-pagination-bullet svg {
  opacity: 0;
  transition: 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.index_banner .div_ > div .swiper-pagination-bullet-active p {
  opacity: 0;
}
.index_banner .div_ > div .swiper-pagination-bullet-active svg {
  opacity: 1;
}
.index_product {
  position: relative;
  background: url("../images/bk-1.jpg") no-repeat center / cover;
}
.index_product .ct_top {
  padding: 0 var(--bj);
}
.index_product .ct_top .content2 {
  margin-top: 0.65rem;
}
.index_product .ct_top .content2 .scroll {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.index_product .ct_top .content2 .scroll .item .link {
  transition: 0.4s;
  cursor: pointer;
  position: relative;
  outline: 1px solid #d7d7d8;
  line-height: var(--h2);
  border-radius: calc(var(--h2) / 2);
  font-size: var(--f22);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.index_product .ct_top .content2 .scroll .item .link span {
  transition: 0.4s;
  padding: 0 0.3rem;
  color: #333;
}
.index_product .ct_top .content2 .scroll .item .link .yuan {
  transition: 0.4s;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--rw);
  height: var(--rw);
  background: #fff;
  border-radius: 50%;
  display: flex;
}
.index_product .ct_top .content2 .scroll .item .link .yuan i {
  margin: auto;
  font-size: var(--f14);
  font-weight: bold;
  color: #9a7afd;
}
.index_product .ct_top .content2 .scroll .item .none {
  display: none;
}
.index_product .ct_top .content2 .scroll .item + .item {
  margin-left: 10px;
}
.index_product .ct_top .content2 .scroll .item:hover .link,
.index_product .ct_top .content2 .scroll .item.active .link {
  background: #9a7afd;
  padding: 0 calc(var(--e1) + var(--rw)) 0 0;
  outline-color: #9a7afd;
}
.index_product .ct_top .content2 .scroll .item:hover .link span,
.index_product .ct_top .content2 .scroll .item.active .link span {
  color: #fff;
}
.index_product .ct_top .content2 .scroll .item:hover .link .yuan,
.index_product .ct_top .content2 .scroll .item.active .link .yuan {
  opacity: 1;
  right: var(--e1);
}
.index_product .ct_bot {
  margin-top: 0.6rem;
}
.index_product .ct_bot .swiper {
  padding-left: var(--bj);
}
.index_product .ct_bot .div_ {
  margin-top: 0.4rem;
  padding: 0 var(--bj);
}
.index_product .ct_bot .div_ > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.index_product .ct_bot .div_ > div .bar {
  flex: 0.98;
  position: relative;
  height: 3px;
  background: #dbdbdb;
}
.index_product .ct_bot .div_ > div .bar .swiper-pagination-progressbar-fill {
  background: #9a7afd;
}
.index_product .ct_bot .div_ > div .tog {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.index_product .ct_bot .div_ > div .tog .prev,
.index_product .ct_bot .div_ > div .tog .next {
  cursor: pointer;
  font-size: var(--f30);
}
.index_product .ct_bot .div_ > div .tog .prev i,
.index_product .ct_bot .div_ > div .tog .next i {
  color: rgba(219, 219, 219);
}
.index_product .ct_bot .div_ > div .tog .prev:hover i,
.index_product .ct_bot .div_ > div .tog .next:hover i {
  color: #9a7afd;
}
.index_product .ct_bot .div_ > div .tog .next {
  margin-left: 0.24rem;
}
.pu_li_1 a {
  background: #fff;
  border-radius: 0.2rem;
  padding: 0.36rem;
}
.pu_li_1 a .img {
  display: flex;
  height: 3.28rem;
  overflow: hidden;
}
.pu_li_1 a .img img {
  transition: 0.4s;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.pu_li_1 a .box {
  margin-top: 0.18rem;
  text-align: center;
}
.pu_li_1 a .box .t1 {
  transition: 0.4s;
  font-size: var(--f24);
}
.pu_li_1 a .box .t2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pu_li_1 a:hover .img img {
  transform: scale(1.05);
}
.pu_li_1 a:hover .box .t1 {
  color: #9a7afd;
}
.index_about {
  position: relative;
}
.index_about .bk {
  width: 100%;
}
.index_about .bk img {
  width: 100%;
}
.index_about .post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  padding: 0 var(--bj);
}
.index_about .post > div {
  width: 100%;
  margin: auto;
}
.index_about .post > div .text {
  color: #fff;
  text-align: center;
}
.index_about .post > div .text .t1 {
  font-size: var(--f48);
}
.index_about .post > div .text .t2 {
  margin-top: 0.28rem;
  font-size: var(--f18);
  line-height: 1.7;
}
.index_about .post > div .btn {
  margin-top: 0.7rem;
}
.index_buddy {
  position: relative;
}
.index_buddy .dy_bot {
  margin-top: 0.58rem;
  width: 100%;
}
.index_buddy .dy_bot img {
  width: 100%;
}
.index_news {
  background: url("../images/bk-3.jpg") no-repeat center / cover;
}
.index_news .ws_bot {
  margin-top: 0.72rem;
}
.index_news .ws_bot .div_ {
  
}
.index_news .ws_bot .div_ > div {
    margin-top: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.index_news .ws_bot .div_ > div .swiper-pagination-bullet {
  background: none;
  position: relative;
  opacity: 1;
  height: auto;
  margin: 0 8px;
}
.index_news .ws_bot .div_ > div .swiper-pagination-bullet p {
  transition: 0.3s;
  width: 12px;
  height: 12px;
  border: 2px solid #9a7afd;
  border-radius: 50%;
}
.index_news .ws_bot .div_ > div .swiper-pagination-bullet svg {
  opacity: 0;
  transition: 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.index_news .ws_bot .div_ > div .swiper-pagination-bullet-active p {
  opacity: 0;
}
.index_news .ws_bot .div_ > div .swiper-pagination-bullet-active svg {
  opacity: 1;
}
.pu_li_2 a {
  position: relative;
  transition: 0.6s;
  border-radius: 0.2rem;
  background: #fff;
}
.pu_li_2 a .img {
  width: 100%;
  overflow: hidden;
  border-radius: 0.2rem 0.2rem 0 0;
}
.pu_li_2 a .img img {
  border-radius: inherit;
  transition: 0.4s;
  width: 100%;
}
.pu_li_2 a .box {
  padding: 0.2rem 0.4rem 0.4rem;
}
.pu_li_2 a .box .text .t1 {
  transition: 0.4s;
  font-size: var(--f18);
  font-family: MontserratRegular;
  color: #999;
}
.pu_li_2 a .box .text .t2 {
  transition: 0.4s;
  margin-top: 0.2rem;
  font-size: var(--f24);
  line-height: 1.5;
  height: 3em;
  color: #333;
}
.pu_li_2 a .box .btn {
  margin-top: 0.32rem;
}
.pu_li_2 a .post {
  position: absolute;
  right: 0.12rem;
  bottom: 0.12rem;
}
.pu_li_2 a .post img {
  height: 1.72rem;
}
.pu_li_2 a:hover {
  background: #9a7afd;
}
.pu_li_2 a:hover .img img {
  transform: scale(1.05);
}
.pu_li_2 a:hover .box .text .t1 {
  color: #fff;
}
.pu_li_2 a:hover .box .text .t2 {
  color: #fff;
}
.pu_li_2 a:hover .box .btn .pu_more span {
  color: #fff;
}
.pu_li_2 a:hover .box .btn .pu_more .yuan {
  background: #fff;
}
.pu_li_2 a:hover .box .btn .pu_more .yuan i {
  color: #9a7afd;
}
.pu_banner {
  position: relative;
}
.pu_banner .ban_bk {
  width: 100%;
}
.pu_banner .ban_bk img {
  width: 100%;
}
.pu_banner .ban_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  padding: 0 var(--bj);
}
.pu_banner .ban_post > div {
  width: 100%;
  margin: auto;
  color: #fff;
}
.pu_banner .ban_post > div p {
  font-size: var(--f62);
}
.pu_leval {
  transition: background 0.4s;
  z-index: 2;
  margin-top: calc(var(--leval_height) * -1);
  position: sticky;
  top: var(--top);
  width: 100%;
  height: var(--leval_height);
  /*padding: 0.28rem 0;*/
  overflow: auto;
  white-space: nowrap;
  display: flex;
}
.pu_leval::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.pu_leval .wMain {
  width: 100%;
  margin: auto 0;
  width: max-content;
  display: flex;
}
.pu_leval .wMain a {
  transition: 0.4s;
  min-width: 1.5rem;
  line-height: var(--h2);
  outline: 1px solid #fff;
  border-radius: calc(var(--h2) / 2);
  padding: 0 0.3rem;
  color: #fff;
  text-align: center;
  font-size: var(--f22);
}
.pu_leval .wMain a + a {
  margin-left: 10px;
}
.pu_leval .wMain a:hover,
.pu_leval .wMain a.active {
  background: #9a7afd !important;
  color: #fff !important;
  outline-color: #9a7afd !important;
}
.pu_leval.active {
  background: #fbfbff;
}
.pu_leval.active .wMain a {
  color: #333;
  outline-color: #c9c9c9;
}
.product_01 {
  position: relative;
}
.product_01 .item .content1 .desc {
  margin-top: 0.18rem;
  font-size: var(--f18);
  line-height: 1.7;
  color: #333;
}
.product_01 .item .content2 {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}
.product_01 .item .content2 .pu_li_1 a {
  background: #fbfbff;
}
.product_01 .item + .item {
  margin-top: var(--gap);
}
.pu_guangao {
  position: relative;
}
.pu_guangao .gao_bk {
  width: 100%;
}
.pu_guangao .gao_bk img {
  width: 100%;
}
.pu_guangao .gao_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  padding: 0 var(--bj);
}
.pu_guangao .gao_post > div {
  width: 100%;
  margin: auto;
}
.pu_guangao .gao_post > div .text {
  color: #fff;
  font-size: var(--f36);
  line-height: 1.66;
}
.pu_guangao .gao_post > div .btn {
  margin-top: 0.4rem;
}
.about_01 {
  background: url("../images/bk-5.jpg") no-repeat center / cover;
}
.about_01 .le_box {
  position: relative;
  width: 50%;
  overflow: hidden;
  border-radius: 0.2rem;
}
.about_01 .le_box img {
  border-radius: inherit;
  transition: 0.4s;
  width: 100%;
}
.about_01 .le_box .play {
  transition: 0.4s;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--w1);
  height: var(--w1);
  background: #9a7afd;
  border-radius: 50%;
  display: flex;
}
.about_01 .le_box .play svg {
  margin: auto;
}
.about_01 .le_box .play:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.about_01 .le_box:hover img {
  transform: scale(1.05);
}
.about_01 .ri_box {
  width: 44%;
}
.about_01 .ri_box .desc {
  margin-top: 0.4rem;
  font-size: var(--f18);
  color: #333;
  line-height: 1.77;
  /*height: calc(1.77 * 10em);*/
  /*overflow: auto;*/
  /*padding-right: 0.1rem;*/
}
.about_01 .ri_box .desc::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.about_01 .ri_box .desc::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #9a7afd;
}
.about_01 .ri_box .desc::-webkit-scrollbar-track {
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.5);
}
@-moz-document url-prefix() {
  .about_01 .ri_box .desc {
    scrollbar-color: #9a7afd rgba(0, 0, 0, 0.5);
    scrollbar-width: thin;
    -ms-overflow-style: none;
  }
}
.about_02 {
  background: #fbfbff;
}
.about_02 .ab_bot {
  margin-top: 0.5rem;
  display: flex;
}
.about_02 .ab_bot .item {
  transition: 0.6s;
  flex: 1;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}
.about_02 .ab_bot .item .bk {
  border-radius: inherit;
  overflow: hidden;
}
.about_02 .ab_bot .item .bk img {
  transition: 0.4s;
  width: 100%;
  height: 5.6rem;
  border-radius: inherit;
}
.about_02 .ab_bot .item .post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  border-radius: inherit;
  color: #fff;
  padding: 0.6rem 0.46rem;
  display: flex;
}
.about_02 .ab_bot .item .post .div1 {
  transition: 0.4s;
  opacity: 0;
  width: 100%;
  margin-top: auto;
  transform: translateY(50%);
}
.about_02 .ab_bot .item .post .div1 .svg {
  height: 0.56rem;
}
.about_02 .ab_bot .item .post .div1 .svg img {
  max-height: 100%;
}
.about_02 .ab_bot .item .post .div1 .text {
  margin-top: 0.32rem;
}
.about_02 .ab_bot .item .post .div1 .text .t1 {
  font-size: var(--f24);
}
.about_02 .ab_bot .item .post .div1 .text .t2 {
  margin-top: 0.1rem;
  font-size: var(--f18);
  line-height: 1.77;
}
.about_02 .ab_bot .item .post .div2 {
  transition: 0.4s;
  width: 100%;
  position: absolute;
  bottom: 0.6rem;
  left: 0;
  text-align: center;
  padding: 0 0.46rem;
}
.about_02 .ab_bot .item .post .div2 .svg {
  height: 0.56rem;
}
.about_02 .ab_bot .item .post .div2 .svg img {
  max-height: 100%;
}
.about_02 .ab_bot .item .post .div2 .text {
  margin-top: 0.32rem;
}
.about_02 .ab_bot .item .post .div2 .text .t1 {
  font-size: var(--f24);
}
.about_02 .ab_bot .item + .item {
  margin-left: 0.2rem;
}
@media (min-width: 1200px) {
  .about_02 .ab_bot .item:hover {
    flex: 2.9;
  }
  .about_02 .ab_bot .item:hover .post .div1 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
  }
  .about_02 .ab_bot .item:hover .post .div2 {
    opacity: 0;
  }
}
.about_03 .ab_top .desc {
  font-size: var(--f24);
  color: #666;
  margin-top: 0.22rem;
}
.about_03 .ab_bot {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
}
.about_03 .ab_bot .item {
  position: relative;
  transition: 0.6s;
  background: #fbfbff;
  border-radius: 0.2rem;
  padding: 0.52rem 0.38rem 0.38rem;
  text-align: center;
}
.about_03 .ab_bot .item .svg {
  position: relative;
  height: 0.69rem;
}
.about_03 .ab_bot .item .svg img {
  max-height: 100%;
}
.about_03 .ab_bot .item .text {
  margin-top: 0.36rem;
}
.about_03 .ab_bot .item .text .t1 {
  transition: 0.4s;
  color: #222;
  font-size: var(--f24);
}
.about_03 .ab_bot .item .text .t2 {
  transition: 0.4s;
  margin-top: 0.1rem;
  font-size: var(--f18);
  line-height: 1.77;
  color: #666;
}
.about_03 .ab_bot .item .post {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.about_03 .ab_bot .item .post img {
  height: 1.72rem;
}
.about_03 .ab_bot .item:hover {
  background: #9a7afd;
}
.about_03 .ab_bot .item:hover .svg img {
  filter: brightness(100);
}
.about_03 .ab_bot .item:hover .text .t2,
.about_03 .ab_bot .item:hover .text .t1 {
  color: #fff;
}
.about_04 {
  background: #fbfbff;
}
.about_04 .ab_bot {
  margin-top: 0.5rem;
}
.about_04 .ab_bot .swiper .swiper-slide {
  padding: 0.3rem;
  border-radius: 0.2rem;
  transition: 0.4s;
}
.about_04 .ab_bot .swiper .swiper-slide .img {
  height: 3.3rem;
  display: flex;
}
.about_04 .ab_bot .swiper .swiper-slide .img img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.about_04 .ab_bot .swiper .swiper-slide .text {
  margin-top: 0.2rem;
  font-size: var(--f18);
  text-align: center;
  color: #333;
}
.about_04 .ab_bot .swiper .swiper-slide:hover {
  background: #fff;
  box-shadow: 0px 0px 0.3rem 0px rgba(27, 10, 80, 0.04);
}
.about_04 .ab_bot .div_ {
  margin-top: 0.4rem;
}
.about_04 .ab_bot .div_ > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.about_04 .ab_bot .div_ > div .bar {
  flex: 0.98;
  position: relative;
  height: 3px;
  background: #dbdbdb;
}
.about_04 .ab_bot .div_ > div .bar .swiper-pagination-progressbar-fill {
  background: #9a7afd;
}
.about_04 .ab_bot .div_ > div .tog {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.about_04 .ab_bot .div_ > div .tog .prev,
.about_04 .ab_bot .div_ > div .tog .next {
  cursor: pointer;
  font-size: var(--f30);
}
.about_04 .ab_bot .div_ > div .tog .prev i,
.about_04 .ab_bot .div_ > div .tog .next i {
  color: rgba(219, 219, 219);
}
.about_04 .ab_bot .div_ > div .tog .prev:hover i,
.about_04 .ab_bot .div_ > div .tog .next:hover i {
  color: #9a7afd;
}
.about_04 .ab_bot .div_ > div .tog .next {
  margin-left: 0.24rem;
}
.about_05 .ab_bot {
  margin-top: 0.5rem;
}
.about_05 .ab_bot .swiper .swiper-slide {
  border-radius: 0.1rem;
  background: #fbfbff;
  height: 1.04rem;
  display: flex;
}
.about_05 .ab_bot .swiper .swiper-slide img {
  max-width: 60%;
  max-height: 60%;
  margin: auto;
}
.about_05 .ab_bot .div_ {
  margin-top: 0.4rem;
}
.about_05 .ab_bot .div_ > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.about_05 .ab_bot .div_ > div .bar {
  flex: 0.98;
  position: relative;
  height: 3px;
  background: #dbdbdb;
}
.about_05 .ab_bot .div_ > div .bar .swiper-pagination-progressbar-fill {
  background: #9a7afd;
}
.about_05 .ab_bot .div_ > div .tog {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.about_05 .ab_bot .div_ > div .tog .prev,
.about_05 .ab_bot .div_ > div .tog .next {
  cursor: pointer;
  font-size: var(--f30);
}
.about_05 .ab_bot .div_ > div .tog .prev i,
.about_05 .ab_bot .div_ > div .tog .next i {
  color: rgba(219, 219, 219);
}
.about_05 .ab_bot .div_ > div .tog .prev:hover i,
.about_05 .ab_bot .div_ > div .tog .next:hover i {
  color: #9a7afd;
}
.about_05 .ab_bot .div_ > div .tog .next {
  margin-left: 0.24rem;
}
.news_main {
  background: #fbfbff;
}
.news_main .ws_top .swiper .swiper-slide a {
  position: relative;
  transition: 0.6s;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.2rem;
  overflow: hidden;
  background: #fff;
}
.news_main .ws_top .swiper .swiper-slide a .le_box {
  width: 50%;
  border-radius: 0.2rem 0 0 0.2rem;
  overflow: hidden;
}
.news_main .ws_top .swiper .swiper-slide a .le_box img {
  transition: 0.4s;
  width: 100%;
  border-radius: inherit;
}
.news_main .ws_top .swiper .swiper-slide a .ri_box {
  width: 50%;
  display: flex;
}
.news_main .ws_top .swiper .swiper-slide a .ri_box > div {
  padding: 0 0.68rem;
  width: 100%;
  margin: auto;
}
.news_main .ws_top .swiper .swiper-slide a .ri_box > div .text .t1 {
  transition: 0.4s;
  font-size: var(--f18);
  color: #999;
}
.news_main .ws_top .swiper .swiper-slide a .ri_box > div .text .t2 {
  transition: 0.4s;
  margin: 0.24rem 0 0.2rem;
  font-size: var(--f36);
  color: #333;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.33;
  height: 2.66em;
}
.news_main .ws_top .swiper .swiper-slide a .ri_box > div .text .t3 {
  transition: 0.4s;
  font-size: var(--f18);
  color: #666;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.77;
  height: 5.31em;
}
.news_main .ws_top .swiper .swiper-slide a .ri_box > div .btn {
  margin-top: 0.88rem;
}
.news_main .ws_top .swiper .swiper-slide a .post {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.news_main .ws_top .swiper .swiper-slide a .post img {
  height: 1.72rem;
}
.news_main .ws_top .swiper .swiper-slide a:hover {
  background: #9a7afd;
}
.news_main .ws_top .swiper .swiper-slide a:hover .le_box img {
  transform: scale(1.05);
}
.news_main .ws_top .swiper .swiper-slide a:hover .ri_box .text .t1,
.news_main .ws_top .swiper .swiper-slide a:hover .ri_box .text .t2,
.news_main .ws_top .swiper .swiper-slide a:hover .ri_box .text .t3 {
  color: #fff;
}
.news_main .ws_top .swiper .swiper-slide a:hover .ri_box .btn .pu_more span {
  color: #fff;
}
.news_main .ws_top .swiper .swiper-slide a:hover .ri_box .btn .pu_more .yuan {
  background: #fff;
}
.news_main .ws_top .swiper .swiper-slide a:hover .ri_box .btn .pu_more .yuan i {
  color: #9a7afd;
}
.news_main .ws_top .div_ {
  margin-top: 0.6rem;
}
.news_main .ws_top .div_ > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.news_main .ws_top .div_ > div .swiper-pagination-bullet {
  background: none;
  position: relative;
  opacity: 1;
  height: auto;
  margin: 0 8px;
}
.news_main .ws_top .div_ > div .swiper-pagination-bullet p {
  transition: 0.3s;
  width: 12px;
  height: 12px;
  border: 2px solid #9a7afd;
  border-radius: 50%;
}
.news_main .ws_top .div_ > div .swiper-pagination-bullet svg {
  opacity: 0;
  transition: 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news_main .ws_top .div_ > div .swiper-pagination-bullet-active p {
  opacity: 0;
}
.news_main .ws_top .div_ > div .swiper-pagination-bullet-active svg {
  opacity: 1;
}
.news_main .ws_bot {
  margin-top: var(--gap);
}
.news_main .ws_bot .content1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
}
.news_main .ws_bot .content2 {
  margin-top: 0.55rem;
}
.pu_page {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: var(--f18);
}
.pu_page .next a,
.pu_page .prev a {
  transition: 0.4s;
  width: var(--h1);
  height: var(--h1);
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  display: flex;
}
.pu_page .next a i,
.pu_page .prev a i {
  transition: 0.4s;
  color: #cdcdcd;
  margin: auto;
}
.pu_page .next a:hover,
.pu_page .prev a:hover {
  background: #9a7afd;
  border-color: #9a7afd;
}
.pu_page .next a:hover i,
.pu_page .prev a:hover i {
  color: #fff;
}
.pu_page .number {
  margin: 0 0.2rem;
  display: flex;
}
.pu_page .number a {
  transition: 0.4s;
  width: var(--h1);
  height: var(--h1);
  line-height: var(--h1);
  border: 1px solid #cdcdcd;
  color: #cdcdcd;
  border-radius: 50%;
  text-align: center;
}
.pu_page .number a + a {
  margin-left: 0.15rem;
}
.pu_page .number a:hover,
.pu_page .number a.active {
  background: #9a7afd;
  color: #fff;
  border-color: #9a7afd;
}
.news_details {
  position: relative;
}
.news_details .ls_bot {
  padding: 0.6rem 0 var(--gap);
}
.news_details .ls_bot .content1 {
  width: 68%;
}
.news_details .ls_bot .content1 .title_01 {
  line-height: 1.5;
}
.news_details .ls_bot .content1 .time {
  margin-top: 0.3rem;
  font-size: var(--f18);
  color: #999;
  font-family: MontserratRegular;
}
.news_details .ls_bot .content2 {
  margin-top: 0.56rem;
}
.news_details .ls_bot .content2 .le_box {
  width: 68%;
}
.news_details .ls_bot .content2 .le_box .div1 {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 0.52rem 0;
  color: #666;
  font-size: var(--f18);
  line-height: 1.77;
}
.news_details .ls_bot .content2 .le_box .div1 img {
  max-width: 100%;
}
.news_details .ls_bot .content2 .le_box .div2 {
  margin-top: 0.64rem;
  font-size: var(--f18);
}
.news_details .ls_bot .content2 .le_box .div2 .under {
  flex: 0.8;
}
.news_details .ls_bot .content2 .le_box .div2 .under a {
  transition: 0.4s;
  color: #333;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1.2;
  height: 1.2em;
}
.news_details .ls_bot .content2 .le_box .div2 .under a + a {
  margin-top: 0.16rem;
}
.news_details .ls_bot .content2 .le_box .div2 .under a:hover {
  color: #9a7afd;
}
.news_details .ls_bot .content2 .le_box .div2 .return a {
  text-align: center;
  min-width: 1.4rem;
  line-height: var(--h2);
  border-radius: calc(var(--h2) / 2);
  background: #9a7afd;
  color: #fff;
  padding: 0 0.3rem;
}
.news_details .ls_bot .content2 .ri_box {
  width: 25%;
}
.news_details .ls_bot .content2 .ri_box > div {
  position: sticky;
  top: calc(var(--top) + 0.2rem);
}
.news_details .ls_bot .content2 .ri_box > div .div1 {
  font-size: var(--f36);
  color: #333;
}
.news_details .ls_bot .content2 .ri_box > div .div2 {
  margin-top: 0.55rem;
}
.news_details .ls_bot .content2 .ri_box > div .div2 .li {
  border-bottom: 1px solid #dbdbdb;
}
.news_details .ls_bot .content2 .ri_box > div .div2 .li a .img {
  width: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.news_details .ls_bot .content2 .ri_box > div .div2 .li a .img img {
  transition: 0.4s;
  width: 100%;
  border-radius: inherit;
}
.news_details .ls_bot .content2 .ri_box > div .div2 .li a .text {
  padding: 0.15rem 0 0.3rem;
}
.news_details .ls_bot .content2 .ri_box > div .div2 .li a .text .t1 {
  font-size: var(--f18);
  color: #999;
  font-family: MontserratRegular;
}
.news_details .ls_bot .content2 .ri_box > div .div2 .li a .text .t2 {
  transition: 0.4s;
  margin-top: 0.1rem;
  font-size: var(--f24);
  color: #333;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  height: 3em;
}
.news_details .ls_bot .content2 .ri_box > div .div2 .li a:hover .img img {
  transform: scale(1.05);
}
.news_details .ls_bot .content2 .ri_box > div .div2 .li a:hover .text .t2 {
  color: #9a7afd;
}
.news_details .ls_bot .content2 .ri_box > div .div2 .li + .li {
  margin-top: 0.4rem;
}
.news_details .ls_bot .content2 .ri_box > div .div2 .li:last-child {
  border-bottom: 0;
}
.pu_mbx {
  padding: 0.26rem 0;
}
.pu_mbx > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: var(--f18);
  color: #999;
}
.pu_mbx > div a {
  transition: 0.4s;
  color: #999;
}
.pu_mbx > div a:hover {
  color: #9a7afd;
}
.pu_mbx > div i {
  margin: 0 6px;
  font-style: normal;
}
.join_01 .jo_bot {
  margin-top: 0.5rem;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}
.join_01 .jo_bot .bk {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
}
.join_01 .jo_bot .bk picture {
  transition: 1.07s ease;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  overflow: hidden;
}
.join_01 .jo_bot .bk picture img {
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.join_01 .jo_bot .bk picture.active {
  opacity: 1;
}
.join_01 .jo_bot .post {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 7rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6));
}
.join_01 .jo_bot .post .item {
  transition: 0.4s;
  display: flex;
}
.join_01 .jo_bot .post .item div {
  padding: 0 0.2rem;
  width: 100%;
  margin: auto 0 0.55rem;
  font-size: var(--f24);
  color: #fff;
  text-align: center;
}
.join_01 .jo_bot .post .item + .item {
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.join_01 .jo_bot .post .item.active {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(154, 122, 253, 0.6));
}
.join_02 .jo_bot {
  margin-top: 0.5rem;
}
.join_02 .jo_bot .item {
  background: #fbfbff;
  border-radius: 0.2rem;
  padding: 0 0.5rem;
  font-size: var(--f18);
}
.join_02 .jo_bot .item .one {
  cursor: pointer;
  padding: 0.34rem 0;
}
.join_02 .jo_bot .item .one .le_box {
  flex: 0.9;
}
.join_02 .jo_bot .item .one .le_box .t1 {
  font-size: var(--f24);
  color: #333;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1.2;
  height: 1.2em;
}
.join_02 .jo_bot .item .one .le_box .t2 {
  margin-top: 0.16rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.join_02 .jo_bot .item .one .le_box .t2 p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.join_02 .jo_bot .item .one .le_box .t2 p span {
  margin-left: 0.1rem;
}
.join_02 .jo_bot .item .one .le_box .t2 p + p {
  margin-left: 0.4rem;
}
.join_02 .jo_bot .item .one .ri_box {
  transition: 0.4s;
  width: 36px;
  height: 36px;
  border: 2px solid #9a7afd;
  border-radius: 50%;
  display: flex;
}
.join_02 .jo_bot .item .one .ri_box i {
  font-weight: bold;
  font-size: 0.9em;
  transition: 0.4s;
  color: #9a7afd;
  margin: auto;
}
.join_02 .jo_bot .item .two {
  display: none;
}
.join_02 .jo_bot .item .two > div {
  border-top: 1px solid #dbdbdb;
  padding: 0.3rem 0 0.65rem;
}
.join_02 .jo_bot .item .two > div .div1 .li .t1 {
  font-size: var(--f20);
  color: #333;
}
.join_02 .jo_bot .item .two > div .div1 .li .t2 {
  margin-top: 0.16rem;
  color: #666;
  line-height: 1.77;
}
.join_02 .jo_bot .item .two > div .div1 .li + .li {
  margin-top: 0.3rem;
}
.join_02 .jo_bot .item .two > div .div2 {
  margin-top: 0.4rem;
}
.join_02 .jo_bot .item + .item {
  margin-top: 0.2rem;
}
.join_02 .jo_bot .item.active {
  background: #fff;
  box-shadow: 0px 0px 0.3rem 0px rgba(154, 122, 253, 0.08);
}
.join_02 .jo_bot .item.active .one .ri_box {
  background: #9a7afd;
}
.join_02 .jo_bot .item.active .one .ri_box i {
  transform: rotateX(180deg);
  color: #fff;
}
.contact_01 {
  position: relative;
}
.contact_01 .ct_top {
  font-size: var(--f16);
}
.contact_01 .ct_top .le_box {
  width: 42%;
}
.contact_01 .ct_top .le_box .div1 {
  margin-bottom: 0.48rem;
}
.contact_01 .ct_top .le_box .div2 .lxwm div p {
  color: #666;
}
.contact_01 .ct_top .le_box .div2 .lxwm div a {
  margin-top: 0.1rem;
  font-size: var(--f20);
  color: #333;
}
.contact_01 .ct_top .le_box .div2 .lxwm div + div {
  margin-top: 0.3rem;
}
.contact_01 .ct_top .le_box .div2 .lxwm div:first-child a {
  font-size: var(--f22);
  color: #9a7afd;
  font-family: MontserratBold;
}
.contact_01 .ct_top .le_box .div2 .code {
  margin-top: 0.9rem;
}
.contact_01 .ct_top .le_box .div2 .code > div {
  text-align: center;
}
.contact_01 .ct_top .le_box .div2 .code > div .img {
  width: 1.05rem;
  position: relative;
  overflow: hidden;
}
.contact_01 .ct_top .le_box .div2 .code > div .img img {
  width: 100%;
}
.contact_01 .ct_top .le_box .div2 .code > div .img .post {
  position: absolute;
  left: 0;
  width: 100%;
  animation: runEwm 2s linear infinite;
}
.contact_01 .ct_top .le_box .div2 .code > div .img .post img {
  width: 100%;
}
.contact_01 .ct_top .le_box .div2 .code > div p {
  font-size: var(--f18);
  margin-top: 0.15rem;
  color: #666;
}
.contact_01 .ct_top .le_box .div2 .code > div + div {
  margin-left: 0.3rem;
}
.contact_01 .ct_top .ri_box {
  width: 54%;
}
.contact_01 .ct_top .ri_box .div1 {
  margin-bottom: 0.48rem;
}
.contact_01 .ct_top .ri_box .div2 form .item1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.contact_01 .ct_top .ri_box .div2 form .item1 .label {
  position: relative;
}
.contact_01 .ct_top .ri_box .div2 form .item1 .label textarea,
.contact_01 .ct_top .ri_box .div2 form .item1 .label input {
  padding: 0 0.2rem;
  transition: 0.4s;
  width: 100%;
  height: var(--h3);
  border: 1px solid #c9c9c9;
  border-radius: 0.15rem;
  background: #fff;
}
.contact_01 .ct_top .ri_box .div2 form .item1 .label textarea:focus,
.contact_01 .ct_top .ri_box .div2 form .item1 .label input:focus {
  border-color: #9a7afd;
}
.contact_01 .ct_top .ri_box .div2 form .item1 .label textarea:not(:placeholder-shown) + .tips,
.contact_01 .ct_top .ri_box .div2 form .item1 .label input:not(:placeholder-shown) + .tips {
  display: none;
}
.contact_01 .ct_top .ri_box .div2 form .item1 .label .tips {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0 0.2rem;
  pointer-events: none;
  color: #666;
}
.contact_01 .ct_top .ri_box .div2 form .item1 .label .tips span {
  color: #f00;
  margin-right: 4px;
}
.contact_01 .ct_top .ri_box .div2 form .item1 .label:last-child {
  grid-area: 3 / 1 / 4 / 3;
}
.contact_01 .ct_top .ri_box .div2 form .item1 .label:last-child textarea {
  padding: 0.2rem;
  height: calc(var(--h3) * 3);
}
.contact_01 .ct_top .ri_box .div2 form .item1 .label:last-child .tips {
  top: 0;
  transform: translateY(0);
  padding: 0.2rem;
}
.contact_01 .ct_top .ri_box .div2 form .item2 {
  margin-top: 0.12rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contact_01 .ct_top .ri_box .div2 form .item2 .layui-form-checkbox[lay-skin="primary"] {
  padding-left: 28px;
}
.contact_01 .ct_top .ri_box .div2 form .item2 .layui-form-checkbox[lay-skin="primary"] > i {
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  border-color: #9a7afd;
}
.contact_01 .ct_top .ri_box .div2 form .item2 .tips {
  flex: 1;
  color: #333;
}
.contact_01 .ct_top .ri_box .div2 form .item2 .tips a {
  display: inline;
  color: #9a7afd;
}
.contact_01 .ct_top .ri_box .div2 form .submit {
  margin-top: 0.4rem;
}
.contact_01 .ct_bot {
  margin-top: var(--gap);
}
.contact_01 .ct_bot a {
  border-radius: 0.2rem;
  overflow: hidden;
}
.contact_01 .ct_bot a img {
  transition: 0.4s;
  border-radius: inherit;
  width: 100%;
}
.contact_01 .ct_bot a:hover img {
  transform: scale(1.05);
}
@media (max-width: 1200px) {
  :root {
    --w1: 0.9rem;
    --h1: 0.6rem;
    --h2: 0.64rem;
    --h3: 0.7rem;
    --rw: calc(var(--h2) / 1.92);
    --e1: 0.14rem;
  }
  .pc_footer .ter_top .ri_box .div1,
  .pc_header {
    display: none;
  }
  .index_banner .swiper .swiper-slide .slide_post {
    padding: 0 var(--bj);
  }
  .index_banner .swiper .swiper-slide .slide_img img,
  .index_banner .swiper .swiper-slide .slide_img video {
    height: 6rem;
  }
  .index_about .bk img {
    min-height: 10rem;
  }
  .pc_footer .ter_top .ri_box {
    margin-top: 0.6rem;
  }
  .pc_footer .ter_top .ri_box .div2 .code {
    margin-top: 0.3rem;
  }
  .contact_01 .ct_top .le_box .div2 .code > div .img,
  .pc_footer .ter_top .ri_box .div2 .code .li .img {
    width: 1.36rem;
  }
  .pc_footer .ter_top .le_box .logo a img {
    height: 0.77rem;
  }
  .MobileMain .HeaderMobile .box .logo a img {
    height: 42px;
  }
  .pc_footer .ter_top .ri_box .div2 .code {
    justify-content: flex-start;
  }
  .pu_leval {
    margin-top: 0;
    background: #fbfbff;
  }
  .pu_leval .wMain a {
    color: #333;
    outline-color: #c9c9c9;
  }
  .pu_guangao .gao_bk img {
    min-height: 4rem;
  }
  .product_01 .item .content2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .about_01 .ri_box .desc {
    height: auto;
    padding-right: 0;
  }
  .about_02 .ab_bot {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .about_02 .ab_bot .item {
    margin-left: 0 !important;
  }
  .about_02 .ab_bot .item .post .div1 {
    opacity: 1;
    transform: translateY(0);
  }
  .about_02 .ab_bot .item .post .div2 {
    display: none;
  }
  .about_02 .ab_bot .item .post .div1 .svg {
    height: 0.66rem;
  }
  .news_main .ws_bot .content1,
  .about_03 .ab_bot {
    grid-template-columns: repeat(2, 1fr);
  }
  .news_main .ws_top .swiper .swiper-slide a .ri_box > div {
    padding: 0.4rem;
  }
  .news_details .ls_bot .content2 .ri_box,
  .pu_page .number a {
    display: none;
  }
  .join_02 .jo_bot .item {
    padding: 0 0.4rem;
  }
  .join_01 .jo_bot .bk {
    position: initial;
  }
  .join_01 .jo_bot .bk picture {
    position: initial;
    display: none;
    opacity: 1;
  }
  .join_01 .jo_bot .bk picture.active {
    display: block;
  }
  .join_01 .jo_bot .post {
    margin-top: 0.2rem;
    height: auto;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
    background: none;
  }
  .join_01 .jo_bot .post .item {
    background: #9a7afd !important;
    border-left: 0 !important;
    border-radius: 0.2rem;
    min-height: 1.4rem;
  }
  .join_01 .jo_bot .post .item div {
    margin: auto;
  }
  .pu_banner .ban_bk img {
    min-height: 6rem;
  }
  .contact_01 .ct_top .le_box {
    order: 1;
  }
  .about_03 .ab_bot .item .svg {
    height: 0.99rem;
  }
  .join_02 .jo_bot .item .one {
    align-items: center;
  }
  .join_02 .jo_bot .item .one .le_box .t2 {
    display: none;
  }
  .about_01 .ri_box {
      text-align: center;
  }
  .contact_01 .ct_top .le_box,
  .about_01 .ri_box {
    margin-top: 0.6rem;
  }
  .contact_01 .ct_top .ri_box,
  .contact_01 .ct_top .le_box,
  .news_details .ls_bot .content1,
  .news_details .ls_bot .content2 .le_box,
  .news_main .ws_top .swiper .swiper-slide a .ri_box,
  .news_main .ws_top .swiper .swiper-slide a .le_box,
  .about_01 .ri_box,
  .about_01 .le_box,
  .pc_footer .ter_top .le_box,
  .pc_footer .ter_top .ri_box {
    width: 100%;
  }
}
@media (max-width: 750px) {
  :root {
    --w1: 1.06rem;
    --h1: 0.76rem;
    --h2: 0.84rem;
    --h3: 0.86rem;
    --rw: calc(var(--h2) / 1.92);
    --e1: 0.14rem;
  }
  .index_product .ct_top .content2 .item .link span,
  .pu_link .a span {
    padding: 0 0.38rem;
  }
  .pu_li_1 a .img {
    height: 5.28rem;
  }
  .index_about .post > div .text .t2 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    height: 13.6em;
  }
  .pc_footer .ter_top .le_box .logo a img {
    height: 0.99rem;
  }
  .contact_01 .ct_top .le_box .div2 .code > div .img,
  .pc_footer .ter_top .ri_box .div2 .code .li .img {
    width: 1.88rem;
  }
  .pc_footer .ter_bot {
    line-height: 1.8;
  }
  .pc_footer .ter_bot .copy {
    text-align: center;
  }
  .pc_footer .ter_bot .copy p {
    width: 100%;
    margin-left: 0 !important;
  }
  .pc_footer .ter_bot .yszc {
    width: 100%;
    justify-content: center;
  }
  .index_product .ct_top .content2 {
    overflow: auto;
    padding: 1px;
  }
  .index_product .ct_top .content2::-webkit-scrollbar {
    display: none;
  }
  .index_product .ct_top .content2 .scroll {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: max-content;
  }
  .index_product .ct_top .content2 .scroll .item .link span {
    padding: 0 0.4rem;
  }
  .pu_leval .wMain a {
    min-width: 2.2rem;
  }
  .about_05 .ab_bot .swiper .swiper-slide {
    height: 1.66rem;
  }
  .about_02 .ab_bot .item .post .div1 .svg {
    height: 0.88rem;
  }
  .pu_mbx > div {
    line-height: 1.5;
  }
  .news_details .ls_bot .content2 .le_box .div2 .under {
    flex: auto;
    width: 100%;
  }
  .news_details .ls_bot .content2 .le_box .div2 .return {
    margin-top: 0.36rem;
  }
  .news_details .ls_bot .content2 .le_box .div2 .return a {
    min-width: 2.2rem;
  }
  .contact_01 .ct_top .ri_box .div2 form .item1 .label {
    grid-area: auto !important;
  }
  .contact_01 .ct_top .ri_box .div2 form .item1,
  .join_01 .jo_bot .post,
  .news_main .ws_bot .content1,
  .about_03 .ab_bot,
  .about_02 .ab_bot,
  .product_01 .item .content2 {
    grid-template-columns: repeat(1, 1fr);
  }
}