@import url(../fonts/fonts.css);

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a,
button,
input,
div {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: none;
}

form {
  height: auto;
  width: 100%;
}

i {
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
}

input:focus::placeholder {
  color: transparent !important;
}

body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
  font-family: "ar";
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}

/* html,
body {
	height: 100%;
}
 */
a {
  text-decoration: none;
}

ul li {
  list-style: none;
}

input,
button,
a {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block-start: 0;
  margin-block-end: 0;
  font-weight: normal;
}

html {
  font-size: 26px !important;
}

@media (min-width: 768px) {
  html {
    font-size: 28px !important;
  }
}

@media (min-width: 1025px) {
  html {
    font-size: 30px !important;
  }
}

@media (min-width: 1440px) {
  html {
    font-size: 30px !important;
  }
}

@media (min-width: 1680px) {
  html {
    font-size: 36px !important;
  }
}

.bgcover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.container {
  width: 1600px;
  max-width: 92%;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
}

.header {
  width: 100%;
  height: 3rem;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

.header .container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: unset;
}

.logo {
  width: 5.55rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo img {
  display: block;
  width: 100%;
  height: auto;
}

.nav {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.nav > li {
  padding: 0 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}
.nav > li > a {
  font-size: 0.6rem;
  color: #000000;
  font-family: "ar";
  line-height: 1;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.activeNav > a::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #6c6ffc;
  position: absolute;
  bottom: 0;
  left: 0;
}

.nav > li ul {
  position: absolute;
  top: 100%;
  width: 100%;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5% 6%;
  box-sizing: border-box;
  display: none;
  transition: all 0.5s;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.nav > li ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.nav > li ul li a {
  font-size: 0.5rem;
  color: #000000;
  font-family: "al";
  line-height: 1;
  text-align: center;
  padding: 0.4rem 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.talk {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.5rem;
  height: 1.4rem;
  border-radius: 0.3rem;
  overflow: hidden;
  background-color: #28264b;
  margin-left: 0.8rem;
}

.talk span {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 0.5rem;
  font-family: "MR";
  color: #ffffff;
}
.talk p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 100%;
  background-color: #6c6ffc;
}
.talk p img {
  display: block;
  width: 0.85rem;
}

.sw11111 {
  width: 100%;
  height: 100vh;
}

.sw22222 {
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.sw22222 > .swiper-wrapper > .swiper-slide {
  width: 100%;
  height: auto;
}
/* 
.sw11111>.swiper-wrapper>.swiper-slide{
	width: 100%;
	height: auto;
}
*/
.bannerSwiper {
  width: 100%;
  height: calc(100% - 3rem);
  /*position: fixed !important;
	top: 0;
	z-index: -1 !important; */
}

.bannerSwiper .swiper-slide {
  width: 100%;
  height: 100%;
}

.bannerCon {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 4.95rem;
}

.bannerCon span {
  font-size: 1.4rem;
  line-height: 1;
  color: #ffffff;
}
.bannerCon h2 {
  font-size: 1.4rem;
  font-family: "ab";
  color: #ffffff;
  line-height: 1;
  padding: 0.5rem 0 0.75rem;
}
.bannerCon p {
  font-size: 0.5rem;
  font-family: "ml";
  color: #ffffff;
}

.mouse {
  position: absolute;
  bottom: 2.5rem;
  width: 0.7rem;
  height: auto;
  z-index: 99;
}

.mouse img {
  display: block;
  width: 100%;
  animation: beat 1s ease-in-out infinite alternate;
}

@keyframes beat {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-30px);
  }
}

.indexPage {
  position: absolute;
  z-index: 99;
  display: flex;
  align-items: center;
  bottom: 2.5rem !important;
}

.dangqian,
.zongshu {
  font-size: 0.45rem;
  font-family: "MS";
  line-height: 1;
}

.dangqian {
  color: #6c6ffc;
}

.zongshu {
  color: #ffffff;
}

.indexPagePlan {
  width: 6rem;
  background-color: rgba(255, 255, 255, 0.3);
  height: 0.1rem;
  margin: 0 0.35rem;
  display: flex;
  align-items: center;
}

.indexPagePlan p {
  display: block;
  background-color: #6c6ffc;
  height: 100%;
}

.indexAbout {
  width: 100%;
  height: calc(100vh - 3rem);
  /* padding-top: 3rem; */
  box-sizing: border-box;
  /* overflow: hidden; */
  position: relative;
}

.indexAboutNeiBox {
  width: 100%;
  height: 100%;
  padding-top: 3.25rem;
  box-sizing: border-box;
  position: relative;
}

.readMore {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.5rem;
  height: 1.4rem;
  border-radius: 0.3rem;
  overflow: hidden;
  background-color: #28264b;
  margin-top: 2rem;
}

.readMore span {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 0.5rem;
  font-family: "MR";
  color: #ffffff;
}
.readMore p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 100%;
  background-color: #6c6ffc;
}
.readMore p img {
  display: block;
  width: 0.8rem;
}

.indexAboutLeft {
  width: 48%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.indexTitle {
  display: flex;
  flex-direction: column;
}

.indexTitle p {
  font-size: 0.5rem;
  font-family: "MS";
  color: #6c6ffc;
  line-height: 1;
  margin-bottom: 0.6rem;
}

.indexTitle h3 {
  font-size: 1.2rem;
  font-family: "am";
  color: #ffffff;
  line-height: 1.2;
}

.indexTitleNei {
  display: flex;
  flex-direction: column;
}

.indexTitleNei p {
  font-size: 0.5rem;
  font-family: "MS";
  color: #6c6ffc;
  line-height: 1;
  margin-bottom: 0.6rem;
}

.indexTitleNei h3 {
  font-size: 1rem;
  font-family: "am";
  color: #ffffff;
  line-height: 1.2;
}

.indexTxt {
  margin-top: 1rem;
  font-size: 0.5rem;
  font-family: "al";
  color: #ffffff;
  line-height: 1.5;
}

.indexAboutRight {
  width: 54%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-flow: row wrap;
}

.indexAList {
  width: calc(100% / 3);
  display: flex;
  padding: 5%;
  box-sizing: border-box;
  backdrop-filter: blur(10px);
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.18);
  position: relative;
  z-index: 0;
}
.indexAList:first-child {
  opacity: 0;
}

.indexAList:nth-child(2) {
  border-top-left-radius: 0.3rem;
}
.indexAList:nth-child(4) {
  border-top-left-radius: 0.3rem;
}
.indexAList img {
  display: block;
  width: 1.65rem;
  height: auto;
  position: relative;
  z-index: 2;
}

.indexACon {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: auto;
  position: relative;
  z-index: 2;
}

.indexACon h2 {
  font-size: 1.2rem;
  font-family: "MS";
  line-height: 1;
  color: #ffffff;
  margin-bottom: 0.35rem;
}

.indexACon p {
  font-size: 0.45rem;
  font-family: "al";
  color: #ffffff;
}

.indexSerivce {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 3.5rem 0 4.25rem;
  background-color: #ffffff;
}

.centerTitle {
  align-items: center;
}

.heiTitle h3 {
  color: #000000;
}

.indexSerCon {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  height: auto;
  overflow: hidden;
  margin-top: 1.55rem;
}

.bgNo {
  background-image: unset !important;
}

.indexSerList {
  width: 49%;
  border-radius: 0.3rem;
  height: 8rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3% 4%;
  box-sizing: border-box;
  margin-right: 2%;
  margin-bottom: 0.3rem;
}

.indexSerList:nth-child(2n) {
  margin-right: 0;
}

.indexSerIcon {
  width: 6.5rem;
  height: auto;
  display: block;
}

.indexSerItem {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.indexSerNavRight {
  display: flex;
  align-items: center;
}

.indexSerNavRight p {
  width: 1.98rem;
  height: 1.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  border: 1px solid #6c6ffc;
  box-sizing: border-box;
}

.indexSerNavRight p img {
  display: block;
  width: 0.8rem;
}

.indexSerTop {
  display: flex;
  flex-direction: column;
}

.indexSerTop h2 {
  font-size: 1rem;
  font-family: "ab";
  margin-bottom: 0.55rem;
  line-height: 1;
  color: #333333;
}

.indexSerTop p {
  font-size: 0.6rem;
  line-height: 1;
  color: #666666;
  font-family: "al";
}

.indexSerNav {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: none;
}

.indexSerNav a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.25rem;
  width: 32%;
  margin-right: 2%;
  height: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.45rem;
  font-family: "al";
  color: #ffffff;
  line-height: 1;
}

.indexSerNav a:last-child {
  margin-right: 0;
}

.indexAImgBox {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}

.indexAImgBox img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.indexSoluBox {
  display: flex;
  width: 100%;
  height: auto;
}

.indexSoluBox .indexTitle p {
  font-size: 0.8rem;
}

.indexSoluL {
  width: 35%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 3.25rem;
  border-top: 0.38rem solid #6c6ffc;
  display: flex;
  flex-direction: column;
  padding-bottom: 2.25rem;
}

.baiTitle p {
  color: #ffffff;
}

.indexSoluNav {
  margin-top: 1.55rem;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

.indexSoluNav a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(45% - 0.5rem);
  font-size: 0.45rem;
  font-family: "al";
  color: #ffffff;
  line-height: 1;
  height: 1.38rem;
  margin-right: 0.5rem;
  border-radius: 1.38rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 0.5rem;
}

.indexSoluR {
  width: 65%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  border-top: 0.38rem solid #55c9fa;
  background-image: linear-gradient(to bottom, #dcf4ff, #ffffff);
  box-sizing: border-box;
  padding-left: 7%;
  display: flex;
  padding-top: 4rem;
}

.indexSoluRL {
  width: 11.05rem;
  height: 11.05rem;
  border-radius: 0.3rem;
  background-color: #6c6ffc;
  position: relative;
}

.indexSoluRImg {
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  overflow: hidden;
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
}

.indexSoluRImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.indexSoluRR {
  flex: 1;
  padding-left: 1.65rem;
  display: flex;
  flex-direction: column;
}

.indexSTitle {
  font-size: 0.8rem;
  font-family: "ab";
  color: #28264b;
  line-height: 1;
  margin-bottom: 0.75rem;
}

.indexSTxt {
  font-size: 0.5rem;
  font-family: "al";
  line-height: 1.7;
  color: #333333;
  margin-bottom: 1.2rem;
}

.indexSItem {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  justify-content: space-between;
}

.indexSItemList {
  width: calc(50% - 0.5rem);
  display: flex;
  align-items: center;
  height: auto;
  overflow: hidden;
  margin-top: 0.75rem;
}

.indexSItemList:nth-child(1),
.indexSItemList:nth-child(2) {
  margin-top: 0;
}

.indexSItemList img {
  display: block;
  width: 0.88rem;
  height: auto;
}

.indexSItemList p {
  font-size: 0.5rem;
  font-family: "ar";
  padding: 0 0.5rem;
  box-sizing: border-box;
  line-height: 1;
}

.indexPartners {
  padding: 4rem 0 3.1rem;
  background-color: #fafafa;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.indexPartners .container {
  display: flex;
}

.indexParL .indexParPage {
  margin-top: 5.35rem;
}

.indexParPage {
  display: flex;
  align-items: center;
}

.iProPrev,
.iProNext {
  width: 1.98rem;
  height: 1.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  border: 1px solid #6c6ffc;
  box-sizing: border-box;
}

.iProPrev img,
.iProNext img {
  display: block;
  width: 0.8rem;
}

.iProNext {
  margin-left: 0.8rem;
}

/* .swiper-button-disabled{
	opacity: .2;
	pointer-events: none;
}
 */

.indexParL {
  width: 30%;
  padding-right: 4%;
}

.indexParR {
  width: 70%;
  height: 10.5rem;
}

.indexParR .swiper-slide {
  height: calc(100% / 3);
  display: flex;
  align-items: center;
  justify-content: center;
}

.indexParR .swiper-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
  height: 60%;
}

.indexParR .swiper-slide a img {
  object-fit: contain;
  display: block;
  width: 100%;
  height: 100%;
  filter: grayscale(100%);
}

.indexNews {
  padding: 3.5rem 0;
  width: 100%;
  height: auto;
  background-color: #ffffff;
}

.indexNews .container {
  overflow: unset;
}

.indexNewTop {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.indexNewTop .readMore {
  margin-top: 0;
}

.indexNewCon {
  margin-top: 1.5rem;
}

.indexNewCon {
  width: 100%;
  height: auto;
  display: flex;
}

.indexNewList {
  width: 32%;
  margin-right: 2%;
  height: 8.85rem;
  border-radius: 0.3rem;
  position: relative;
}

.indexNewList:nth-child(3n) {
  margin-right: 0;
}

.indexNewBg {
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  padding: 10% 8%;
  box-sizing: border-box;
  border-radius: 0.3rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.indexNewT {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
}

.indexNewT h2 {
  font-size: 0.55rem;
  font-family: "ab";
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: auto;
}

.indexNewT p {
  font-size: 0.45rem;
  font-family: "al";
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #666666;
  margin-top: 0.5rem;
  height: 1.35rem;
}

.indexNewTime {
  font-size: 0.45rem;
  color: #6c6ffc;
  font-family: "ML";
  line-height: 1;
}

.indexBottomBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 23.38rem;
  padding-top: 2.75rem;
  position: relative;
}

.indexBottomBox::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 78%;
  height: 35%;
  background-color: #6c6ffc;
  z-index: 0;
}
.indexBottomBox::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 22%;
  height: 35%;
  background-color: #55c9fa;
  z-index: 0;
}

.indexBTitle {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
}

.indexBTitle h2 {
  font-size: 1.2rem;
  font-family: "ab";
  line-height: 1;
  margin-bottom: 0.45rem;
  color: #ffffff;
}

.indexBTitle p {
  font-size: 0.6rem;
  font-family: "al";
  line-height: 1;
  color: #ffffff;
}
.indexBTitle p i {
  font-style: normal;
  font-family: "MS";
  color: #55c9fa;
}

.indexBTop {
  width: 100%;
  box-sizing: border-box;
  height: auto;
  padding: 2.2rem 0;
  display: flex;
  align-items: center;
}

.indexBTopL {
  width: 44%;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
}

.indexBLTitle {
  display: flex;
  flex-direction: column;
}

.indexBLTitle h2 {
  font-size: 0.8rem;
  font-family: "am";
  color: #ffffff;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.indexBLTitle p {
  font-size: 0.6rem;
  color: #ffffff;
  font-family: "al";
}

.indexBLForm {
  width: 76%;
  height: auto;
  overflow: hidden;
  margin-top: 1rem;
}

.indexBLForm form {
  display: flex;
  flex-direction: column;
}

.indexBLIpt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.5rem;
}
.indexBIptItem {
  width: 48%;
  display: flex;
  align-items: center;
  height: 1.55rem;
  border-radius: 0.3rem;
  background-color: #ffffff;
  overflow: hidden;
  padding: 0 10%;
  box-sizing: border-box;
}

.indexBIptItem input {
  width: 100%;
  font-size: 0.45rem;
  font-family: "al";
  color: #333333;
  background-color: transparent;
}

.indexBIptItem input::placeholder {
  color: #999999;
}

.indexBLIptSend {
  width: 100%;
  height: 1.55rem;
  border-radius: 0.3rem;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.indexBLIptSend input {
  display: block;
  min-height: 0;
  flex: 1;
  background-color: transparent;
  padding: 0 10%;
  font-size: 0.45rem;
  font-family: "al";
  box-sizing: border-box;
  color: #333333;
}

.indexBLIptSend input::placeholder {
  color: #999999;
}

.sendBtn {
  width: 5.1rem;
  height: 100%;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5rem;
  font-family: "MR";
  background-color: #6c6ffc;
  color: #ffffff;
  line-height: 1;
}

.indexBTopR {
  width: 56%;
  height: 8.55rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  padding: 0.65rem 0 0.65rem 0.65rem;
  box-sizing: border-box;
  background-color: #ffffff;
}

.zmdSwiper {
  width: 100%;
  height: 100%;
}
.zmdSwiper .swiper-slide {
  border-radius: 0.3rem;
  overflow: hidden;
  width: 26%;
}

.zmdSwiper .swiper-slide img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
}

.zmdSwiper .swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: linear;
}

.indexFooter {
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.indexFooterCon {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 0.3rem;
  overflow: hidden;
  background-color: #121041;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
}

.indexFCon {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  padding-top: 2.25rem;
  padding-bottom: 1.25rem;
}

.indexFTitle {
  font-size: 0.75rem;
  font-family: "am";
  line-height: 1;
  color: #ffffff;
}

.indexFNum {
  font-size: 1.25rem;
  font-family: "MS";
  line-height: 1;
  color: #6c6ffc;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
}

.indexFWeb {
  font-size: 0.6rem;
  font-family: "ML";
  color: #ffffff;
}

.indexFAddress {
  display: flex;
  align-items: flex-start;
  height: auto;
  overflow: hidden;
  margin-top: 1.25rem;
}

.indexFALeft {
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  padding-right: 1.35rem;
}

.indexFAItem {
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  margin-bottom: 0.8rem;
}

.indexFAItem p {
  font-size: 0.45rem;
  font-family: "al";
  color: rgba(255, 255, 255, 0.6);
  line-height: 1;
  margin-bottom: 0.25rem;
}

.indexFAItem span {
  font-size: 0.5rem;
  font-family: "ar";
  color: #ffffff;
  line-height: 1;
}

.ewmBox {
  display: flex;
  height: auto;
  overflow: hidden;
}

.ewmList {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 1.25rem;
}

.ewmList img {
  display: block;
  width: 2.95rem;
  height: 2.95rem;
  margin-bottom: 0.4rem;
}

.ewmList p {
  font-size: 0.45rem;
  font-family: "ar";
  line-height: 1;
  color: #ffffff;
}

.bottom_link span {
  font-size: 0.4rem;
  font-family: "ar";
  color: #ffffff;
  line-height: 1;
}

.bottom_link a {
  font-size: 0.4rem;
  font-family: "ar";
  color: #ffffff;
  line-height: 1;
  padding-right: 0.25rem;
  margin-left: 0.25rem;
  border-right: 2px solid #ffffff;
}

.bottom_link a:last-child {
  border-right: 0;
}

.indexFCopy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-top: 1.75rem;
  overflow: hidden;
}

.indexFCopy span {
  font-size: 0.4rem;
  font-family: "al";
  color: rgba(255, 255, 255, 0.6);
}

.indexFCopy span a {
  font-size: 0.4rem;
  font-family: "al";
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.25rem;
}

.webMap {
  font-size: 0.4rem;
  font-family: "al";
  color: #ffffff;
  line-height: 1;
}

.neiBanner {
  width: 100%;
  height: 14rem;
  border-top: 2.75rem solid;
}

.neiBannerCon {
  width: 12.5rem;
  height: 100%;
  background-color: rgba(108, 111, 252, 0.9);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.neiBannerCon::after {
  content: "";
  display: block;
  width: 10%;
  height: 100%;
  background-color: #61c9f6;
  position: absolute;
  left: 0;
  top: 0;
}

.neiBannerCon img {
  display: block;
  width: 0.75rem;
  height: auto;
  margin-bottom: 2.5rem;
}

.neiNavBox {
  width: 100%;
  height: 2.5rem;
}

.neiNavBox .container {
  height: 100%;
  display: flex;
  align-items: center;
}

.neiNavBox .container a {
  font-size: 0.5rem;
  font-family: "al";
  color: #000000;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2rem;
  text-align: center;
}

.neiNavBox .container a:last-child {
  margin-right: 0;
}

.neiNavActive {
  position: relative;
}

.neiNavActive::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #6c6ffc;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.newsTopBox {
  background-color: #f3f3f2;
  padding: 2rem 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.newsTopBox .container {
  display: flex;
}

.newsTopL {
  width: 50%;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
}

.newsTopscroll {
  margin-top: 0.75rem;
  height: 7.25rem;
  overflow-y: scroll;
  width: 100%;
  padding-right: 0.75rem;
  box-sizing: border-box;
}

.newsTopscroll::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}
.newsTopscroll::-webkit-scrollbar-thumb {
  background: #6c6ffc;
}
.newsTopscroll::-webkit-scrollbar-track {
  background: #dbe0e6;
}

.newsTopscroll p {
  font-size: 0.45rem;
  line-height: 1.8;
  color: #333333;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 0.25rem;
}

.newsTopscroll h3 {
  font-size: 0.55rem;
  font-family: "am";
  margin-bottom: 0.55rem;
}

.newsTopscroll span {
  font-size: 0.45rem;
  color: #333333;
  line-height: 1.5;
  padding-left: 0.7rem;
  box-sizing: border-box;
  display: block;
  width: 100%;
  position: relative;
  margin-top: 0.5rem;
}

.newsTopscroll span::before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #6c6ffc;
  position: absolute;
  left: 0;
  top: 0.25rem;
}

.newsTopR {
  width: 50%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}

.newsTopRBg {
  width: 80%;
  height: 10.5rem;
  background-color: #6c6ffc;
  border-radius: 0.3rem;
  position: relative;
  margin-top: 0.25rem;
}

.newsTSwiper {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  border-radius: 0.3rem;
}

.newsTSwiper .swiper-slide {
  width: 100%;
  height: 100%;
}

.newsTSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newTPrev,
.newTNext {
  width: 1.36rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  border: 1px solid #6c6ffc;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.newTPrev {
  left: 0.25rem;
}

.newTNext {
  right: 0.25rem;
}

.newTPrev img,
.newTNext img {
  display: block;
  width: 0.8rem;
}

.NewCon {
  margin-top: 0;
  margin-left: 0.25rem;
}

.NewCon {
  width: 100%;
  height: auto;
  display: flex;
  flex-flow: row wrap;
}

.NewCon .indexNewList {
  margin-bottom: 1.4rem;
}

.newsPage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.newsPage > a {
  width: 1.25rem;
  height: 1.25rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.38rem;
  border-radius: 0.15rem;
}

.newsPage > a img {
  display: block;
  width: 0.25rem;
  height: auto;
}

.newsPage ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.newsPage ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.38rem;
}

.newsPage ul li a {
  width: 1.25rem;
  height: 1.25rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.45rem;
  font-family: "MR";
  border-radius: 0.15rem;
}

.newsGHBox {
  background-image: linear-gradient(to bottom, #ffffff, #e8f7fd);
}
.newsBox {
  background-image: linear-gradient(to bottom, #fafafa, #e8f7fd);
}

.newsBox .indexNewBg {
  background-color: #ffffff;
}

.indexNewsDBox {
  width: 100%;
  height: auto;
  padding: 2.25rem 0;
  background-image: linear-gradient(to bottom, #fafafa, #e8f7fd);
}

.indexNewsDBox .container {
  display: flex;
}

.newDL {
  display: flex;
  flex-direction: column;
  width: 68%;
  height: auto;
  overflow: hidden;
  padding-right: 8%;
  box-sizing: border-box;
}

.newDL h2 {
  font-size: 0.8rem;
  line-height: 1.3;
  font-family: "ab";
}

.newsDTip {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.65rem 0 1rem;
}

.newsDTip div {
  display: flex;
  align-items: center;
  margin-right: 1.75rem;
}

.newsDTip div img {
  display: block;
  width: 0.45rem;
  height: auto;
  margin-right: 0.3rem;
}

.newsDTip div p {
  font-size: 0.4rem;
  color: #666666;
  line-height: 1;
  font-family: "ML", "al";
}

.newsDCon {
  padding: 0.9rem 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.newsDCon p {
  font-size: 0.5rem;
  font-family: "al";
  color: #333333;
  line-height: 2;
}

.newsDCon img {
  /* display: block; */
  display: inline-block;
  width: 100%;
  height: auto !important;
  overflow: hidden;
  max-width: 100%;
  border-radius: 0.3rem;
  margin: 1.15rem 0;
}

.newsDPage {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 0.95rem;
}

.newsDPage div {
  display: flex;
  align-items: center;
  width: 48%;
}

.newsDPage div img {
  display: block;
  width: 0.3rem;
  height: auto;
  opacity: 0.3;
}

.newsDPage div a {
  font-size: 0.45rem;
  color: #333333;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  margin: 0 0.9rem;
}

.newsDPage i {
  width: 2px;
  height: 0.5rem;
  background-color: #ccdce4;
}

.newDR {
  width: 32%;
  height: auto;
  display: flex;
  flex-direction: column;
}

.newDR h3 {
  font-size: 0.8rem;
  font-family: "ab";
  color: #333333;
  margin-bottom: 1.4rem;
  line-height: 1;
}

.newDRList {
  width: 100%;
  height: auto;
}

.newDRList .indexNewList {
  width: 100%;
  margin-right: 0;
  display: block;
  margin-bottom: 1.5rem;
}

.companyZLBox {
  display: flex;
  align-items: center;
  border-radius: 0.3rem;
  overflow: hidden;
  height: 13.95rem;
}

.companyZList {
  width: 8.5%;
  height: 100%;
}

.companyZList h1 {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-family: "ar";
  color: #333333;
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
}

.companyZList:first-child {
  width: 40.5%;
}

.companyZList:first-child .fgsCon {
  display: flex;
}
.companyZList:first-child h1 {
  display: none;
}

.fgsCon {
  width: 100%;
  height: 100%;
  padding: 10% 8%;
  box-sizing: border-box;
  border-radius: 0.3rem;
  flex-direction: column;
  justify-content: space-between;
}

.fgsCon h2 {
  font-size: 0.8rem;
  font-family: "ab";
  color: #6c6ffc;
  line-height: 1;
  margin-bottom: 0.75rem;
}

.fgsTxt {
  width: 100%;
  height: auto;
  flex: 1;
  margin-bottom: 17%;
  overflow-y: scroll;
  padding-right: 6%;
}

.fgsTxt::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}
.fgsTxt::-webkit-scrollbar-thumb {
  background: #6c6ffc;
}
.fgsTxt::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}

.fgsTxt p {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0.35rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.45rem;
  font-family: "al";
}

.fgsAddress {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.fgsPeo {
  display: flex;
  align-items: center;
  height: auto;
  overflow: hidden;
  margin-bottom: 0.6rem;
}

.fgsPeoList {
  display: flex;
  align-items: center;
  margin-right: 0.75rem;
}

.fgsPeoList img {
  display: block;
  width: 0.55rem;
  height: auto;
  margin-right: 0.25rem;
}

.fgsPeoList p {
  font-size: 0.5rem;
  font-family: "al", "ML";
  color: #ffffff;
  line-height: 1;
  font-weight: bold;
}

.fgsPeoListC {
  width: 100%;
  display: flex;
  align-items: center;
}

.fgsPeoListC img {
  display: block;
  width: 0.55rem;
  height: auto;
  margin-right: 0.25rem;
}

.fgsPeoListC p {
  font-size: 0.5rem;
  font-family: "al", "ML";
  color: #ffffff;
  line-height: 1;
  font-weight: bold;
}

.companyDBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 2.25rem 0;
}

.companyDBox .indexTitle h2 {
  font-size: 1rem;
}

.comPanyDTxt {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 0.5rem;
  color: #333333;
  line-height: 1.8;
  margin: 1.15rem 0;
}

.companyDBox .container > p {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 0.5rem;
  color: #333333;
  line-height: 1.8;
  margin: 1.15rem 0;
}

.comPanySwiper {
  width: 100%;
  height: 13.75rem;
}

.comPanySwiper .swiper-slide {
  height: 100%;
  border-radius: 0.3rem;
  overflow: hidden;
  width: 60%;
}

.comZSBox {
  width: 100%;
  padding: 2.75rem 0;
  height: auto;
  overflow: hidden;
}

.comZSTop {
  width: 100%;
  display: flex;
  align-items: flex-end;
  height: auto;
  overflow: hidden;
  justify-content: space-between;
}

.iParPrev,
.iParNext {
  width: 1.98rem;
  height: 1.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  border: 1px solid #6c6ffc;
  box-sizing: border-box;
}

.iParPrev img,
.iParNext img {
  display: block;
  width: 0.8rem;
}

.iParNext {
  margin-left: 0.8rem;
}

.comZSSwiperBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 1.25rem 0 0;
}

.zsOne {
  width: 100%;
  height: 10.85rem;
}

.zsOne .swiper-slide {
  height: 50%;
  border-radius: 0.3rem;
  overflow: hidden;
}

.comZSOCon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.6rem;
  font-family: "al";
  color: #333333;
  position: relative;
  padding: 0 17%;
  box-sizing: border-box;
}

.ml {
  display: block;
  width: 0.95rem;
  height: auto;
  position: absolute;
  left: 8%;
  top: 50%;
  transform: translateY(-50%);
}

.mr {
  display: block;
  width: 0.95rem;
  height: auto;
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
}

.zsTwo {
  width: 100%;
  height: 6.5rem;
  margin-top: 0.75rem;
}

.zsTwo .swiper-slide {
  height: 100%;
  border-radius: 0.3rem;
  overflow: hidden;
  background-color: #f3f2f3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zsTwo .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.comCop {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center;
  padding: 2.75rem 0 4.2rem;
}

.comCop .indexTitle h2 {
  font-size: 1rem;
}

.comCop .fgsTxt {
  width: 60%;
  margin-top: 0.75rem;
  margin-bottom: 0;
  height: auto;
  overflow: hidden;
}

.comCop .fgsTxt p {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1.7;
  color: #333333;
  font-size: 0.45rem;
  font-family: "al";
}

.comCop .fgsAddress {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.comCop .fgsPeo {
  display: flex;
  align-items: center;
  height: auto;
  overflow: hidden;
  margin-bottom: 0.6rem;
}

.comCop .fgsPeoList {
  display: flex;
  align-items: center;
  margin-right: 0.75rem;
}

.comCop .fgsPeoList img {
  display: block;
  width: 0.55rem;
  height: auto;
  margin-right: 0.25rem;
}

.comCop .fgsPeoList p {
  font-size: 0.6rem;
  font-family: "al", "ML";
  color: #121041;
  line-height: 1;
}

.comCop .fgsPeoListC {
  width: 100%;
  display: flex;
  align-items: center;
}

.comCop .fgsPeoListC img {
  display: block;
  width: 0.55rem;
  height: auto;
  margin-right: 0.25rem;
}

.comCop .fgsPeoListC p {
  font-size: 0.6rem;
  font-family: "al", "ML";
  color: #121041;
  line-height: 1;
}

.businessBox {
  width: 100%;
  height: auto;
  padding: 2.25rem 0;
  background-image: linear-gradient(to bottom, #fafafa, #e8f7fd);
}

.businessBox .indexTitle {
  width: 100%;
}

.businessBox .indexTitle h3 {
  font-size: 1rem;
}

.businessSwiper {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.busiSwiper {
  width: calc(100% - 4.1rem);
  height: auto;
  overflow: hidden;
}
.busiSwiper .swiper-slide {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
}
.busiSwiper .swiper-slide a {
  width: calc(100% / 7 - 0.34rem);
  height: 2.6rem;
  margin: 0 0.17rem 0.5rem;
  border-radius: 0.35rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.busiSwiper .swiper-slide a img {
  display: block;
  width: 60%;
  height: 60%;
  object-fit: contain;
}

.busiSwiper .swiper-slide::before {
  content: "";
  display: block;
  margin-right: 0.17rem;
}

.busiSwiper .swiper-slide::after {
  content: "";
  display: block;
  margin-left: 0.17rem;
}

.busiSwiper .swiper-slide a p {
  font-size: 0.45rem;
  font-family: "am";
  color: #6c6ffc;
  line-height: 1;
  display: none;
}

.busiPrev,
.busiNext {
  width: 2.05rem;
  height: 2.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  box-sizing: border-box;
}

.busiPrev img,
.busiNext img {
  display: block;
  width: 0.7rem;
}

.busiPrev.swiper-button-disabled img,
.busiNext.swiper-button-disabled img {
  transform: scale(0.6);
  transition: all 0.3s;
}

.busiPrev.swiper-button-disabled,
.busiNext.swiper-button-disabled {
  opacity: 1;
}

.zpL {
  width: 29%;
  border-right: 1px solid #d8dfe2;
  padding-right: 4%;
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
}

.zpTitle {
  width: 100%;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #d8dfe2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zpTitle p {
  font-size: 0.45rem;
  line-height: 1;
  color: #333333;
  font-family: "am";
}

.zpTitle span {
  font-size: 0.45rem;
  color: #6c6ffc;
  line-height: 1;
  font-family: "am";
  cursor: pointer;
}

.zpSelectBox {
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
}

.zpSelTitle {
  width: 100%;
  margin-top: 1.7rem;
  height: auto;
  overflow: hidden;
  font-size: 0.6rem;
  color: #333333;
  font-family: "am";
  line-height: 1;
}

.zpSelList {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.zpSelList label {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 0.5rem;
  line-height: 1;
  cursor: pointer;
  width: 100%;
}

.zpSelList label input {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
}

.zpR {
  width: 71%;
  padding-left: 4%;
  box-sizing: border-box;
}

.zpIptBox {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.zpIptBox form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.3rem;
  overflow: hidden;
}

.zpIpt {
  display: flex;
  align-items: center;
  width: 77%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 0.3rem;
  padding: 0 4%;
  box-sizing: border-box;
}

.zpIpt img {
  display: block;
  width: 0.53rem;
  margin-right: 0.3rem;
}

.zpIpt input {
  flex: 1;
  font-size: 0.45rem;
  font-family: "al";
  color: #333333;
}

.zpIpt input::placeholder {
  color: #999999;
}

.searchBtn {
  width: 20%;
  height: 100%;
  border-radius: 0.3rem;
  background-color: #6c6ffc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5rem;
  font-family: "ar";
  color: #ffffff;
}

.zpLsitBox {
  display: flex;
  width: 100%;
  flex-direction: column;
  height: auto;
  overflow: hidden;
}

.zpList {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 1rem 4%;
  box-sizing: border-box;
  border-bottom: 1px solid #cddde4;
  border-radius: 0.3rem;
}
.zpList h2 {
  font-size: 0.6rem;
  color: #333333;
  line-height: 1;
  font-family: "am";
  margin-bottom: 0.6rem;
}

.zpList span {
  font-size: 0.45rem;
  color: #666666;
  line-height: 1;
}

.zpCon {
  margin-top: 0.75rem;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: none;
}

.zpCon h3 {
  font-size: 20px;
  font-family: "am";
  line-height: 1;
  color: #333333;
  margin-bottom: 0.5rem;
}

.zpTxt {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-bottom: 0.95rem;
  overflow: hidden;
}

.zpTxt p {
  font-size: 0.45rem;
  color: #333333;
  font-family: "al";
  line-height: 1.8;
}

.zpEmail {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 0.4rem;
  font-family: "al";
  color: #333333;
}

.zpEmail a {
  font-size: 0.6rem;
  color: #6c6ffc;
  font-family: "MR";
}

.baiBg {
  background-color: #ffffff;
}

.parkBgBox {
  padding: 3.5rem 0;
  width: 100%;
  height: auto;
  background-image: linear-gradient(to bottom, #f8fdff, #e8f7fd);
}

.parkBgBox .container {
  overflow: unset;
  display: flex;
}

.parkTopL {
  width: 47%;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  padding-right: 9%;
  box-sizing: border-box;
}

.parkBgBox .indedxTitle h3 {
  font-size: 1rem;
}

.parkTxt {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 1rem;
}

.parkTxt p {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0.35rem;
  line-height: 1.7;
  color: #333333;
  font-size: 0.45rem;
  font-family: "al";
}

.parkNumBox {
  margin-top: 2rem;
  height: auto;
  overflow: hidden;
  width: 100%;
  display: flex;
}

.parkNumList {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-right: 10%;
}

.parkNumList img {
  display: block;
  width: 1.02rem;
  height: auto;
}

.parkNum {
  display: flex;
  align-items: center;
  height: auto;
  width: 100%;
  margin: 0.65rem 0 0.4rem;
}

.parkNum span {
  font-size: 1.2rem;
  font-family: "ab";
  color: #333333;
  line-height: 1;
}

.parkNumList p {
  font-size: 0.45rem;
  font-family: "al";
  color: #000000;
  line-height: 1;
}

.parkTopR {
  width: 53%;
  padding-left: 0.25rem;
  box-sizing: border-box;
}

.parkTopRImgBox {
  width: 100%;
  height: 11.75rem;
  border-radius: 0.3rem;
  position: relative;
  background-color: #6c6ffc;
}

.parkTopRImg {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0.25rem;
  bottom: 0.25rem;
  border-radius: 0.3rem;
  overflow: hidden;
}

.parkTopRImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.parkConBox {
  width: 100%;
  padding-top: 3.15rem;
  height: auto;
  overflow: hidden;
}

.parkList {
  display: flex;
  width: 100%;
  align-items: center;
  height: auto;
  margin-bottom: 3.75rem;
}

.parkList .readMore {
  margin-top: 1rem !important;
}

.pkright {
  padding-right: 8%;
}
.pkleft {
  padding-left: 8%;
}

.parkOneL {
  width: 47%;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
}

.parkOneL h3 {
  font-size: 1rem;
  color: #28264b;
  line-height: 1;
  font-family: "ab";
  margin-bottom: 0.8rem;
}

.parkOneL p {
  font-size: 0.45rem;
  color: #333333;
  line-height: 2;
}

.rxtTopBox {
  padding: 2.25rem 0;
  width: 100%;
  height: auto;
  background-image: linear-gradient(to bottom, #f8fdff, #e8f7fd);
}

.rxtTopBox .container {
  display: flex;
  flex-direction: column;
  overflow: unset;
}

.rxtTxt {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 1rem;
}

.rxtTxt p {
  font-size: 0.5rem;
  color: #333333;
  line-height: 2;
}

.rxtYSBox {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
}

.rxtYSListBox {
  margin-top: 1.6rem;
  height: auto;
  width: 100%;
}

.joinZSListBox {
  margin-top: 1.6rem;
  height: auto;
  width: 100%;
}

.joinZSListBox .rxtYSListBg {
  width: calc(100% / 4 - 0.93rem) !important;
}

.rxtYSList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
}

.rxtYSListBg {
  width: calc(100% / 5 - 0.93rem);
  height: 14.13rem;
  border-radius: 0.3rem;
  background-color: #ffffff;
  padding: 3% 2%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 0;
  transform-style: preserve-3d;
}

.rxtYSTop {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  align-items: center;
}

.rxtYSTop h2 {
  font-size: 0.8rem;
  color: #333333;
  line-height: 1;
  margin-bottom: 0.85rem;
  font-family: "ar";
}

.rxtYSTop p {
  font-size: 0.5rem;
  color: #333333;
  font-family: "al";
  line-height: 1.7;
}

.rxtYSListBg img {
  display: block;
  width: 2.7rem;
  height: auto;
}

.rxtHistoryBox {
  padding: 2.5rem 0;
  width: 100%;
  height: auto;
  background-image: linear-gradient(to bottom, #ffffff, #e8f7fd);
}

.aboutHistory {
  padding: 2.5rem 0 0;
  background-image: none;
}

.rxtHistoryBox .container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.rxtHPrev,
.rxtHNext {
  width: 1.98rem;
  height: 1.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  border: 1px solid #6c6ffc;
  box-sizing: border-box;
}

.rxtHPrev img,
.rxtHNext img {
  display: block;
  width: 0.8rem;
}

.rxtHNext {
  margin-left: 0.8rem;
}

.rxtHisSwiper {
  width: 100%;
  height: auto;
  margin-bottom: 2.5rem;
}

.rxtHisSwiper .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
  padding-top: 2.05rem;
  padding-right: 4%;
  box-sizing: border-box;
}

.rxtHisSwiper .swiper-slide h2 {
  font-size: 1rem;
  color: #28264b;
  font-family: "MS";
  line-height: 1;
}

.rxtHisSwiper .swiper-slide i {
  width: 0.4rem;
  height: 0.4rem;
  border: 2px solid #6c6ffc;
  margin: 0.75rem 0;
  border-radius: 50%;
  background-color: #ffffff;
}

.rxtHisSwiper .swiper-slide p {
  font-size: 0.5rem;
  color: #333333;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
}

.rxtHisSwiper .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e3ebee;
  position: absolute;
  top: 4rem;
  left: 0;
  z-index: -1;
}

.rxtHrCon {
  flex-direction: column;
}

.rxtHrCon .indexTitleNei {
  width: 100%;
}

.rxtHrCon .rxtHrBox {
  margin-bottom: 0;
}

.rxtHrBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  margin-top: 1.2rem;
  margin-bottom: 2.25rem;
}

.rxtHrList {
  width: 32%;
  height: auto;
  overflow: hidden;
  border-radius: 12px;
  background-color: #ffffff;
  padding: 4% 3%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-right: 2%;
}

.rxtHrList:last-child {
  margin-right: 0;
}

.rxtHrList h2 {
  font-size: 0.6rem;
  font-family: "ab";
  color: #333333;
  line-height: 1;
  margin-bottom: 0.6rem;
}

.rxtHrList p {
  font-size: 0.5rem;
  font-family: "al";
  color: #333333;
  line-height: 2;
}

.rxtVocaBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 2.5rem 0;
}

.rxtVocaCon {
  width: 100%;
  margin-top: 1.15rem;
  height: auto;
  overflow: hidden;
  display: flex;
}

.rxtVocaList {
  width: 24.25%;
  height: 4.85rem;
  overflow: hidden;
  margin-right: 1%;
  background-color: #28264b;
  border-radius: 0.3rem;
  position: relative;
}

.rxtVocaList:last-child {
  margin-right: 0;
}

.rxtVocaList span {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.5rem;
  padding: 0 4%;
  box-sizing: border-box;
  line-height: 1;
  font-family: "ar";
  color: #ffffff;
  z-index: 1;
  position: inherit;
}

.rxtVocaList p {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.6rem;
  padding: 0 4%;
  box-sizing: border-box;
  line-height: 1;
  font-family: "ar";
  color: #ffffff;
  border-radius: 0.3rem;
  position: inherit;
  z-index: 1;
}

.rxtVocaList::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: #6c6ffc;
  border-radius: 0.3rem;
  position: absolute;
  top: 50%;
  z-index: 0;
  transition: all 0.3s ease;
}

.rbTBox {
  padding: 3rem 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #e4f5fd;
}

.rbTBox .NewCon {
  margin-top: 1.6rem;
}

.rbTBox .container {
  overflow: unset;
}

.rbTBox .indexNewList {
  height: 7.5rem;
}

.rbtOneL {
  width: 47%;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
}

.parkOneL h3 {
  font-size: 1rem;
  color: #28264b;
  line-height: 1;
  font-family: "ab";
  margin-bottom: 0.8rem;
}

.rbtIconListCon {
  display: flex;
  width: 100%;
  align-items: flex-start;
  height: auto;
  padding: 2.13rem 0 0;
}

.rbtIconListCon .parkTopRImgBox {
  height: 12rem;
}

.rbtWaiBaoIconBox {
  margin-top: 1.25rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.rbtwbIconList {
  padding: 1.2rem 0;
  display: flex;
  border-bottom: 1px solid #d7e4eb;
  height: auto;
  width: 100%;
  overflow: hidden;
}

.rbtwbIconList:last-child {
  border: none;
}

.rbtPeoTxt {
  width: 100%;
  padding: 0.95rem 0 0;
  height: auto;
  overflow: hidden;
}

.rbtPeoTxt p {
  font-size: 0.5rem;
  color: #333333;
  line-height: 2;
  font-family: "al";
}

.rbtwbIconListThree {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

.rbtwbIconListThree .rbtwbIitem {
  flex: 0 0 calc(100% / 3);
  padding-bottom: 1rem;
}
.rbtwbIconListThree .rbtwbIitem p {
  font-size: 0.5rem;
}

.linghuoList {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

.linghuoList .rbtwbIitem {
  flex: 0 0 50%;
  padding-bottom: 0.7rem;
}

.linghuoList .rbtwbIitem:nth-child(odd) {
  flex: 0 0 40%;
}
.linghuoList .rbtwbIitem:nth-child(even) {
  flex: 0 0 60%;
}
.linghuoList .rbtwbIitem img {
  width: 0.88rem !important;
}

.rbtwbIitem p {
  color: #000000 !important;
  font-family: "ar" !important;
}

.rbtwbIitem {
  width: 50%;
  padding-right: 4%;
  box-sizing: border-box;
  width: 50%;
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.rbtwbIitem img {
  display: block;
  width: 0.45rem;
  height: auto;
  margin-right: 0.4rem;
}

.rbtwbIitem p {
  font-size: 0.6rem;
  color: #333333;
  line-height: 1;
  font-family: "al";
}

.rbtYsConBox {
  padding: 2.5rem 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.rbtYsCon {
  margin-top: 1.8rem;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  height: auto;
  overflow: hidden;
}

.rbtYsList {
  width: 49%;
  margin-right: 2%;
  height: auto;
  overflow: hidden;
  border-radius: 0.3rem;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 2% 2%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 0.85rem;
  transition: all 0.5s;
}

.rbtYsList:nth-child(2n) {
  margin-right: 0;
}

.rbtYsList img {
  display: block;
  width: 2.7rem;
  height: auto;
  margin-right: 5%;
  transition: all 0.5s;
}

.rbtYsListR {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.rbtYsListR span {
  font-size: 0.6rem;
  font-family: "ab";
  color: #333333;
  line-height: 1;
  margin-bottom: 0.6rem;
}

.rbtYsListR p {
  font-family: "al";
  font-size: 0.5rem;
  color: #333333;
  line-height: 2;
}

.rbtItemBox {
  width: 100%;
  height: auto;
  background-image: linear-gradient(to bottom, #f7fcff, #ddf5ff);
  padding: 2.25rem 0;
}

.rbtItemListBox {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.rbtItemListBox p:nth-child(1n) {
  margin-top: 0;
}

.rbtItemListBox p:nth-child(2n) {
  margin-top: 0;
}

.rbtItemListBox p {
  width: 50%;
  margin-top: 0.6rem;
  height: auto;
  display: flex;
  align-items: center;
}

.rbtItemListBox p::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 0.3rem;
  background-color: #6c6ffc;
}

.rbtRerviceTitleBox {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  height: auto;
}

.servicePrev,
.serviceNext {
  width: 1.98rem;
  height: 1.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  border: 1px solid #6c6ffc;
  box-sizing: border-box;
}

.servicePrev img,
.serviceNext img {
  display: block;
  width: 0.8rem;
}

.serviceNext {
  margin-left: 0.8rem;
}

.serviceSwiper {
  width: 100%;
  height: auto;
}

.serviceSwiper .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
  padding-top: 2.05rem;
}

.serviceSwiper .swiper-slide img {
  display: block;
  width: 1.95rem;
  height: auto;
}

.serviceSwiper .swiper-slide i {
  width: 0.4rem;
  height: 0.4rem;
  border: 2px solid #6c6ffc;
  margin: 0.75rem 0;
  border-radius: 50%;
  background-color: #ffffff;
}

.serviceSwiper .swiper-slide h2 {
  font-size: 1rem;
  color: #28264b;
  font-family: "MS";
  line-height: 1;
}

.serviceSwiper .swiper-slide p {
  font-size: 0.6rem;
  color: #333333;
  line-height: 1.5;
  width: 100%;
  margin-top: 0.5rem;
}

.serviceSwiper .swiper-slide:last-child::after {
  display: none;
}

.serviceSwiper .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e3ebee;
  position: absolute;
  top: 5rem;
  left: 0;
  z-index: -1;
}

.rencaiYSBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #e7f7fe;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 78%;
  padding-top: 3.65rem;
}

.rencaiTop {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: auto;
}

.rencaiTopRight {
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
}

.rcTopTxt {
  width: 100%;
  height: auto;
  font-size: 0.6rem;
  font-family: "al";
  color: #ffffff;
  margin-bottom: 1.3rem;
}

.palnTopRight {
  width: 50%;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
}

.planTopTxt {
  width: 100%;
  font-size: 0.5rem;
  font-family: "al";
  color: #ffffff;
  height: 4.25rem;
  overflow: hidden;
  line-height: 1.5;
  margin-bottom: 1.1rem;
}

.rcTopNum {
  display: flex;
  align-items: flex-start;
}

.rcTopNumList {
  width: 30%;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
}

.rcTopNumList h3 {
  font-size: 1.2rem;
  color: #6c6ffc;
  font-family: "MS";
  line-height: 1;
  margin-bottom: 0.45rem;
}

.rcTopNumList p {
  font-size: 0.45rem;
  color: #ffffff;
  font-family: "al";
}

.planThreeBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
}

.planTList {
  width: 15%;
  height: auto;
  border-radius: 0.3rem;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3% 1%;
  margin-right: 1%;
  box-sizing: border-box;
  overflow: hidden;
}

.planTList:last-child {
  margin-right: 0;
}

.planTList img {
  display: block;
  width: 1.43rem;
  margin-bottom: 0.45rem;
  height: auto;
}

.planTList h3 {
  font-size: 0.6rem;
  color: #333333;
  font-family: "am";
  line-height: 1.5;
  text-align: center;
}

.planTList p {
  font-size: 0.5rem;
  color: #666666;
  line-height: 2;
  display: none;
  margin-top: 0.3rem;
}

.planTShow {
  align-items: flex-start;
  padding: 3% 3%;
  width: 52%;
}

.planTShow h3 {
  text-align: left;
}

.planTShow p {
  display: block;
}

.planTShow img {
  display: none;
}

.show {
  display: block !important;
}

.planBBoxCon {
  width: 100%;
  height: auto;
  background-image: linear-gradient(to bottom, #f7fcff, #ddf5ff);
  overflow: hidden;
  padding-bottom: 2.65rem;
}

.planBgBox {
  padding: 3.5rem 0;
  width: 100%;
  height: auto;
  background-color: #fafafa;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 70%;
}

.planBgBox .container {
  overflow: unset;
  display: flex;
}

/* .parkTopL{
	width: 50%;
	display: flex;
	flex-direction: column;
	height: auto;
	overflow: hidden;
	padding-right: 0;
} */

.planBgBox .indedxTitle h3 {
  font-size: 1rem;
}

.plans {
  flex: none;
  padding-right: 7%;
}

.linghuofaBox {
  width: 100%;
  height: auto;
  padding: 2.6rem 0;
}

.linghuoFaTxt {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.linghuoFaTxt p {
  width: 27rem;
  max-width: 100%;
  height: auto;
  font-size: 0.5rem;
  color: #333333;
  font-family: "al";
  margin: 1.1rem 0;
}

.linghuoFaListBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
}

.linghuoFaList {
  width: 23.5rem;
  margin-right: 2%;
  height: 5.5rem;
  border-radius: 0.3rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.linghuoFaList:last-child {
  margin-right: 0;
}

.linghuofaImg {
  width: 100%;
  height: 3.9rem;
  overflow: hidden;
}

.linghuofaImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.linghuoFaList span {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: #333333;
  background-color: #dcf4ff;
  line-height: 1;
}

.linghuoService {
  padding-top: 2.38rem;
  padding-bottom: 2.25rem;
  width: 100%;
  box-sizing: border-box;
  background-image: linear-gradient(to bottom, #f8fdff, #dcf5ff);
}

.linghuoSwiperList {
  display: flex;
  height: auto;
  overflow: hidden;
  margin-bottom: 0.7rem;
}

.linghuoService .indexTitleNei {
  margin-bottom: 1.85rem;
}

.linghuoSL {
  display: flex;
  flex-direction: column;
  width: 5.5rem;
}

.linghuoTitle {
  display: flex;
  flex-direction: column;
}

.linghuoTitle h3 {
  font-size: 0.75rem;
  color: #333333;
  line-height: 1;
  margin-bottom: 0.5rem;
  font-family: "am";
}

.linghuoTitle p {
  font-size: 0.65rem;
  color: #333333;
  line-height: 1;
}

.linghuoPage {
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
}

.lhOPrev,
.lhONext,
.lhTPrev,
.lhTNext {
  width: 1.3rem;
  height: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  border: 1px solid #6c6ffc;
  box-sizing: border-box;
}

.lhOPrev img,
.lhONext img,
.lhTPrev img,
.lhTNext img {
  display: block;
  width: 0.55rem;
}

.lhONext,
.lhTNext {
  margin-left: 0.5rem;
}

.linghSwiperBox {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0.3rem;
  padding-left: 2.3rem;
}

.lhswiper {
  width: 100%;
  height: auto;
}

.lhswiper .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 0.8rem 0;
  width: 24%;
}

.lhswiper .swiper-slide i {
  width: 0.4rem;
  height: 0.4rem;
  border: 2px solid #6c6ffc;
  margin: 0.75rem 0;
  border-radius: 50%;
  background-color: #ffffff;
}

.lhswiper .swiper-slide h2 {
  font-size: 1rem;
  color: #28264b;
  font-family: "MS";
  line-height: 1;
}

.lhswiper .swiper-slide span {
  font-size: 0.6rem;
  color: #333333;
  line-height: 1;
  width: 100%;
  font-family: "ar";
}

.lhswiper .swiper-slide p {
  font-size: 0.5rem;
  color: #333333;
  line-height: 1.5;
  width: 100%;
  margin-top: 0.4rem;
  font-family: "al";
}

.lhswiper .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e3ebee;
  position: absolute;
  top: 2.8rem;
  left: 0;
  z-index: -1;
}

.jiamTopBox {
  width: 100%;
  height: auto;
  background-image: linear-gradient(to bottom, #f8fdff, #e8f7fd);
}

.jiamTopBox .container {
  overflow: unset;
}

.jiamengLC {
  width: 100%;
  height: auto;
  padding: 3.75rem 0;
}

.jiamengLC .container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.jiamPrev,
.jiamNext {
  width: 1.3rem;
  height: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  border: 1px solid #6c6ffc;
  box-sizing: border-box;
}

.jiamPrev img,
.jiamNext img {
  display: block;
  width: 0.55rem;
}

.jiamNext {
  margin-left: 0.5rem;
}

/* .linghSwiperBox{
	width: 100%;
	background-color: #ffffff;
	border-radius: 0.3rem;
	padding-left: 2.3rem;
} */

.jiamWBox {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  margin-top: 1.75rem;
  overflow: hidden;
}

.jiamWBox span {
  color: #6c6ffc !important;
}

.hezBoxCon {
  width: 100%;
  height: auto;
  padding: 2.15rem 0;
}

.hezChooseBox {
  width: 100%;
  display: flex;
  height: auto;
  overflow: hidden;
  padding: 1.5rem 0 4rem;
}

.hzChList {
  width: calc(94% / 4);
  margin-right: 2%;
  height: 2.13rem;
  background-color: #ffffff;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
  position: relative;
  font-size: 0.8rem;
  color: #333333;
  line-height: 1;
  cursor: pointer;
}

.hzChList:last-child {
  margin-right: 0;
}

.hzInviteBox {
  width: 100%;
  display: flex;
  height: auto;
}

.inviteL {
  width: 42%;
  display: flex;
  flex-direction: column;
  height: auto;
}

.inviteLTxt {
  margin-top: 1.45rem;
  width: 100%;
  padding-right: 16%;
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
}

.inviteLTxt h2 {
  font-size: 0.6rem;
  color: #333333;
  line-height: 1;
  font-family: "am";
}

.inviteLTxt p {
  font-size: 0.5rem;
  color: #333333;
  margin-top: 0.45rem;
  line-height: 2;
}

.inviteR {
  width: 58%;
  height: auto;
  overflow: hidden;
}

.inviteR h2 {
  font-size: 0.75rem;
  color: #333333;
  line-height: 1;
  font-family: "ar";
  margin-bottom: 0.75rem;
}

.inviteR form {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.inviteIpt {
  width: 100%;
  display: flex;
  height: auto;
  overflow: hidden;
  flex-flow: row wrap;
}

.iptBox {
  width: 32%;
  margin-right: 2%;
  background-color: #ffffff;
  border-radius: 0.2rem;
  height: 1.55rem;
  margin-bottom: 0.35rem;
  padding: 0 0.45rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.iptBox:nth-child(3n) {
  margin-right: 0;
}

.iptBoxWidth {
  width: 100%;
  height: 1.55rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  padding: 0 0.45rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 0.35rem;
}

.iptBox input,
.iptBoxWidth input {
  width: 100%;
  font-size: 0.45rem;
  color: #333333;
  line-height: 1;
}

.iptBox input::placeholder,
.iptBoxWidth input::placeholder {
  font-size: 0.45rem;
  color: #333333;
  line-height: 1;
}

.iptBtn {
  width: 100%;
  height: 1.55rem;
  border-radius: 0.2rem;
  background-color: #6c6ffc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: #ffffff;
  line-height: 1;
}

.phNav {
  display: none;
}

.phnavListBox {
  display: none;
}

.aboutZzBox {
  width: 100%;
  background-color: #fafafa;
}

.aboutTop {
  width: 100%;
  height: auto;
  padding: 2.25rem 0 3rem;
  background-image: linear-gradient(to bottom, #f8fdff, #e8f7fd);
}

.aboutTopTxt {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 1rem 0;
}

.aboutTopTxt p {
  font-size: 0.5rem;
  font-family: "al";
  color: #333333;
  line-height: 2;
}

.aboutNumBox {
  display: flex;
}

.aboutNumList {
  display: flex;
  flex-direction: column;
  width: 20%;
  padding-right: 4%;
  box-sizing: border-box;
}

.aboutNumList img {
  display: block;
  width: 1.02rem;
  height: auto;
}

.aboutNumList p {
  font-size: 0.45rem;
  font-family: "al";
  color: #000000;
  line-height: 1;
}

.aboutTopImg {
  width: 100%;
  height: 13.75rem;
  overflow: hidden;
  margin-top: 1.75rem;
  border-radius: 0.3rem;
}

.aboutTopImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fanSwiper {
  width: 100%;
  height: auto;
}

.fanSwiper .swiper-slide {
  border-radius: 0.3rem;
  background-color: #ffffff;
  padding: 3%;
  box-sizing: border-box;
  height: 100%;
}

.fanSwiper .swiper-slide h2 {
  color: #333333;
  font-family: "ab";
  line-height: 1;
  margin-bottom: 0.55rem;
  font-size: 0.6rem;
}

.fanSwiper .swiper-slide p {
  font-size: 0.5rem;
  color: #666666;
  line-height: 2;
}

.fanTopBox {
  width: 100%;
  background-color: #f3f3f3;
  height: auto;
  padding: 2rem 0;
}
.painBox {
  width: 100%;
  padding: 2.65rem 0 3rem;
}

.painBox .container {
  display: flex;
}

.painL {
  display: flex;
  flex-direction: column;
  width: 48%;
  padding-right: 10%;
  box-sizing: border-box;
}

.painTxt {
  width: 100%;
  margin-top: 1.25rem;
  height: auto;
  overflow: hidden;
  margin-bottom: 3rem;
}

.painTxt p {
  font-size: 0.5rem;
  color: #666666;
  line-height: 2;
}

.painR {
  width: 52%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  padding-left: 0.25rem;
  box-sizing: border-box;
}

.painRBg {
  width: 100%;
  height: 11.75rem;
  background-color: #6c6ffc;
  border-radius: 0.3rem;
  position: relative;
  margin-top: 0.25rem;
}

.painSwiper {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  border-radius: 0.3rem;
}

.painSwiper .swiper-slide {
  width: 100%;
  height: 100%;
}

.painSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.painPrev,
.painNext {
  width: 1.98rem;
  height: 1.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  border: 1px solid #6c6ffc;
  box-sizing: border-box;
}

.painPrev img,
.painNext img {
  display: block;
  width: 0.8rem;
}

.painNext {
  margin-left: 0.8rem;
}

.caseBox {
  padding: 2.75rem 0 0;
  height: auto;
  overflow: hidden;
  width: 100%;
}

.casePrev,
.caseNext {
  width: 1.98rem;
  height: 1.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  border: 1px solid #6c6ffc;
  box-sizing: border-box;
}

.casePrev img,
.caseNext img {
  display: block;
  width: 0.8rem;
}

.caseNext {
  margin-left: 0.8rem;
}

.caseTop {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.caseSwiper {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 1.45rem;
}

.caseList {
  width: 100%;
  height: 8.85rem;
  border-radius: 0.3rem;
  position: relative;
  display: block;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}

.caseBg {
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  padding: 8%;
  box-sizing: border-box;
  border-radius: 0.3rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.caseLogo {
  height: auto;
  padding: 0.45rem 0;
  border-bottom: 1px solid #e1e1e1;
  width: 100%;
  overflow: hidden;
}

.caseLogo img {
  display: block;
  height: 0.9rem;
  width: auto;
}

.caseBg h2 {
  font-size: 0.55rem;
  font-family: "ab";
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: auto;
  margin-top: 0.8rem;
}

.caseBg p {
  font-size: 0.45rem;
  font-family: "al";
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #666666;
  margin-top: 0.5rem;
}

.cultureBox {
  background-image: linear-gradient(to bottom, #f2f8fa, #eef9fe);
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 2.4rem 0 0;
}

.cultureCon {
  display: flex;
  justify-content: space-between;
  height: auto;
  width: 100%;
  overflow: hidden;
  margin-top: 1.25rem;
}

.cultureL {
  width: auto;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
}

.cultureLList {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0.65rem;
}

.cultureLOne {
  display: flex;
  align-items: center;
}

.cultureLOne img {
  display: block;
  width: 0.7rem;
  margin-right: 0.3rem;
  height: auto;
}

.cultureLOne span {
  font-size: 0.6rem;
  font-family: "ab";
  line-height: 1;
  color: #333333;
}

.cultureLList p {
  font-size: 0.5rem;
  color: #333333;
  line-height: 1;
  margin-top: 0.65rem;
}

.cultrueR {
  display: flex;
  width: auto;
  flex-direction: column;
}

.cultureROne {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}

.cultureROne img {
  display: block;
  width: 0.7rem;
  margin-right: 0.3rem;
  height: auto;
}

.cultureROne span {
  font-size: 0.6rem;
  font-family: "ab";
  line-height: 1;
  color: #333333;
}

.cultrueRTwo {
  display: flex;
  flex-direction: column;
}

.cultrueRTwo p {
  font-size: 0.5rem;
  color: #333333;
  line-height: 1;
  margin-bottom: 0.75rem;
}

.aboutValue {
  width: 100%;
  height: 25rem;
  position: relative;
  padding: 2.4rem 0 0;
}

.aboutWN {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transition: all 0.5s;
}

.aboutWN span {
  font-family: "ML";
  line-height: 1;
  font-size: 0.8rem;
}

.aboutWN h3 {
  font-family: "am";
  line-height: 1;
  font-size: 1rem;
  margin: 0.6rem 0 0.55rem;
}

.aboutWN p {
  font-family: "al";
  line-height: 1;
  font-size: 0.5rem;
}

.w1 {
  width: 10.1rem;
  height: 10.1rem;
  top: 40%;
  left: 3%;
}

.w1 span {
  color: rgba(255, 255, 255, 0.3);
}
.w1 h3 {
  color: #ffffff;
}
.w1 p {
  color: #ffffff;
}

.w2 {
  width: 7.8rem;
  height: 7.8rem;
  top: 55%;
  left: 32%;
}

.w2 span {
  color: rgba(255, 255, 255, 0.3);
}
.w2 h3 {
  color: #ffffff;
}
.w2 p {
  color: #ffffff;
}

.w3 {
  width: 7.13rem;
  height: 7.13rem;
  top: 26%;
  left: 44%;
}

.w3 span {
  color: rgba(255, 255, 255, 0.3);
}
.w3 h3 {
  color: #ffffff;
}
.w3 p {
  color: #ffffff;
}

.w4 {
  width: 6.95rem;
  height: 6.95rem;
  top: 5%;
  left: 62%;
}
.w4 span {
  color: rgba(45, 43, 79, 0.3);
}
.w4 h3 {
  color: #2d2b4f;
}
.w4 p {
  color: #2d2b4f;
}

.w5 {
  width: 6.95rem;
  height: 6.95rem;
  top: 69%;
  left: 64%;
}
.w5 span {
  color: rgba(45, 43, 79, 0.3);
}
.w5 h3 {
  color: #2d2b4f;
}
.w5 p {
  color: #2d2b4f;
}

.w6 {
  width: 8.82rem;
  height: 8.82rem;
  top: 33%;
  left: 74%;
}

.w6 span {
  color: rgba(255, 255, 255, 0.3);
}
.w6 h3 {
  color: #ffffff;
}
.w6 p {
  color: #ffffff;
}
.Pcmobile {
  display: block;
}

.mobile {
  display: none;
}

.rxtYSListBgHover img {
  display: none;
}
.rxtYSListBgHover .rxtYSTop h2 {
  color: #6c6ffc;
}

.rxtYSListBgHover .rxtYSTop p {
  color: #ffffff;
}
.rxtYSListBgHover::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -0.3rem;
  right: -0.3rem;
  border-radius: 0.3rem;
  background-color: #55c9fa;
  transform: translateZ(-1px);
}

.topHeight {
  display: block;
  width: 100%;
  height: 3rem;
}