:root {
  --head: 4.166vw;
  --color: #0F45A5;
  --leave: 10.416vw;
}

#app>section:not(.not) {
  overflow: hidden;
}

.co-h {
  color: #333;
}

.co-w {
  color: #fff;
}

@font-face {
  font-family: "Jacques Francois";
  src: url('/static/fonts/JacquesFrancois-Regular.ttf');
}

.fc1 {
  font-family: "Jacques Francois";
}

.lh17 {
  line-height: 1.7;
}

.lh18 {
  line-height: 1.8;
}

.lh19 {
  line-height: 1.9;
}

.lh20 {
  line-height: 2;
}

.co-m {
  color: var(--color);
}

.head-zhanwei {
  height: var(--head);
}

#svgbox {
  display: none;
}

.svgTransiton * {
  transition: all ease .3s;
}

.C-more {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1;
  transition: all ease .3s;
  cursor: pointer;
}

.C-more svg {
  display: block;
  margin-right: 1.51vw;
  width: 2.239vw;
  height: 2.239vw;
}

.C-more.theme1 {
  --svgBg: transparent;
  --svgColor: #5796E3;
  --svgColor2: #5796E3;
}

/* -----------------------------------------head,foot-------------------------------------- */
.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  color: #fff;
  transition: all ease .3s;
  --activeColor: #fff;
}

.isback .head1 {
  opacity: 0;
  pointer-events: none;
}

.scroll .head1 {
  background: #fff;
  color: #333;
  box-shadow: 0 0 0.26vw #eee;
}

.blackHead .head1 {
  background: #fff;
  color: #333;
  --activeColor: #0F45A5;
}

.blackHead2 .head1 {
  background: #fff;
  color: #333;
  --activeColor: #0F45A5;
}

.head1 .logo {
  width: 6.77vw;
  margin-right: 13.541vw;
}

.hoverImgSwitch img:nth-child(2) {
  display: none;
}

.scroll .hoverImgSwitch img:nth-child(1) {
  display: none;
}

.scroll .hoverImgSwitch img:nth-child(2) {
  display: block;
}

.blackHead .hoverImgSwitch img:nth-child(1) {
  display: none;
}

.blackHead .hoverImgSwitch img:nth-child(2) {
  display: block;
}

.blackHead2 .hoverImgSwitch img:nth-child(1) {
  display: none;
}

.blackHead2 .hoverImgSwitch img:nth-child(2) {
  display: block;
}

.head1 .menu {
  gap: 6.562vw;
  height: 100%;
}

.head1 .right {
  margin-left: auto;
}

.head1 .link {
  height: 100%;
  position: relative;
}

.head1 .link>a {
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  transition: all ease 0.1s;
}

.head1 .link.on>a::after,
.head1 .link:hover>a::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 1.145vw;
  width: 100%;
  height: 0.156vw;
  background: var(--activeColor);
}

.navDown {
  position: absolute;
  left: -2.395vw;
  top: 100%;
  width: max-content;
  box-shadow: 0vw 0.989vw 1.145vw 0vw rgba(163, 163, 163, 0.25);
  border-radius: 0 0 40px 40px;
  overflow: hidden;
  color: #7D7B7B;
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
}

.head1 .menu .link:hover .navDown {
  opacity: 1;
  pointer-events: visible;
}

.navDown .lv2 {
  padding: 0.937vw 3.125vw 2.187vw 2.604vw;
  background: #FFF;
}

.navDown .lv3 .list {
  padding: 0.937vw 1.666vw 2.187vw 2.864vw;
  background: #D9F5FF;
}

.navDown .lv3 .list:empty {
  display: none;
}

.navDown .item {
  width: 8.854vw;
  height: 3.125vw;
  border-bottom: 1px solid #D9D9D9;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.navDown .item.on {
  color: #000;
  border-bottom: 1px solid #000;
}

.navDown .item:hover {
  color: #000;
}

.navDown .item::after {
  content: '';
  display: block;
  width: 0.52vw;
  height: 0.781vw;
  background: url('/img/nav-i1.svg') no-repeat center/contain;
  opacity: 0;
  transition: all ease .3s;
}

.navDown .item.on::after {
  opacity: 1;
}

.navDown .item span {
  flex: 1;
}

.navDown .list {
  display: none;
}

.navDown .list.on {
  display: block;
}

.foot1 {
  padding: 2.083vw 0 3.125vw;
}

.foot1 .zuo {
  width: 15.541vw;
}

.foot1 .zuo .logo {
  width: 10.312vw;
}

.foot1 .zuo .info {
  margin: 2.083vw 0 0.52vw;
  gap: 0.52vw;
}

.foot1 .zuo form {
  margin-bottom: 1.822vw;
}

.foot1 .zuo form input {
  flex: 1;
  display: block;
  height: auto;
  color: #5796E3;
  border-bottom: 2px solid #5796E3;
}

.foot1 .zuo form input::placeholder {
  color: #5796E3;
}

.foot1 .zuo form button {
  width: 2.604vw;
  margin-left: 0.364vw;
  border: none;
  background: none;
  cursor: pointer;
}

.foot1 .zuo .qr {
  gap: 0.572vw;
  margin-left: -0.52vw;
}

.foot1 .zuo .qr .ev {
  width: calc(50% - 0.312vw);
}

.foot1 .foot-link {
  /* margin-left: 12.812vw; */
  gap: 3.645vw;
}

.foot1 .foot-link ul {
  max-width: 12.656vw;
}

.foot1 .foot-link a {
  display: block;
  width: 100%;
}

.foot1 .foot-link .a1 {
  margin-bottom: 1.302vw;
}

.foot1 .foot-link .a2 {
  margin-bottom: 0.52vw;
}

.foot1 .youqing {
  gap: 1.25vw;
  /* margin-left: 4.687vw; */
}

.foot1 .youqing .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25vw;
}

.foot1 .youqing .pic {
  width: 12.239vw;
  margin-right: 15px;
  transition: all ease .3s;
}

.foot1 .youqing .hpic:hover {}

.foot1 a:hover {
  color: var(--color);
}

.foot2 {
  padding: 1.041vw 0;
  background: #0F45A5;
}

.foot2 .zuo a {
  color: rgba(255, 255, 255, 0.71);
}

.foot2 a:hover {
  text-decoration: underline;
}

.foot2 .zhong {
  /* margin-left: 2.343vw; */
  margin-left: auto;
}

.foot2 .you {
  margin-left: auto;
}

.foot2 .you .list {
  gap: 1.458vw;
}

.foot2 .you a {
  width: 1.302vw;
}

.foot2 .you a:hover {
  transform: translate(0, -0.26vw);
}

.mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 52;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.mask.on {
  display: block;
}

.foot3 {
  width: 62.5vw;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.02);
  background: #FFF;
  padding: 1.822vw 2.031vw 2.812vw 1.458vw;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0;
  z-index: 55;
  display: none;
  box-shadow: 0.208vw 0.208vw 1.041vw #D9D9D9;
}

.foot3.on {
  display: flex;
}

.foot3 .zuo {
  flex: 1;
  padding-right: 1.979vw;
}

.foot3 .zuo a {
  text-decoration: underline;
}

.foot3 .zuo .t2 {
  margin-top: 0.833vw;
}

.foot3 .you {
  padding-top: 1.875vw;
}

.foot3 .you .btn {
  width: 5.677vw;
  height: 2.604vw;
  border-radius: 20px;
  border: 1px solid #5796E3;
  background: transparent;
  cursor: pointer;
}

.foot3 .you .btn.success {
  color: #fff;
  margin-right: 1.145vw;
  background: #5796E3;
}

/* -----------------------------------------首页-------------------------------------- */
.home1 .textSwiper {
  text-align: center;
}

.home1 .t1 {
  font-size: 5.208vw;
  margin-top: 1.5em;
  transition: all ease .3s;
  letter-spacing: 0.729vw;
  position: relative;
}

.home1 .t1 span:nth-child(1) {
  visibility: hidden;
}

.home1 .t1 span:nth-child(2) {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: max-content;
  max-width: 100%;
  transition: all ease .3s .3s;
}

.home1 .t2 {
  margin: 1.51vw 0 3.125vw;
  opacity: 0;
  letter-spacing: 3.1.875vw;
  transition: all ease .3s;
}

.home1 .swiper-slide {
  height: auto;
}

.home1 .swiper-slide .C-more {
  margin: 0 auto;
  opacity: 0;
  transition: all ease .3s;
}

.home1 .C-more svg {
  border: 1px solid #5796E3;
  border-radius: 16px;
  width: 2.708vw;
  height: 2.708vw;
  padding: 0.208vw;
}

.home1 .swiper-slide {
  opacity: 0.35;
}

.home1 .swiper-slide-active {
  opacity: 1;
}

.home1 .swiper-slide-active .t2 {
  opacity: 1;
  transition: all ease .3s 1s;
}

.home1 .swiper-slide-active .C-more {
  opacity: 1;
  transition: all ease .3s 1s;
}

.home1 .swiper-slide-active span:nth-child(2) {
  transition: all ease 1s .8s;
}

.home1 .swiper-slide-prev span:nth-child(2) {
  left: 100%;
  transform: translate(-100%, 0);
  transition: all ease .3s 1s;
}

.home1 .swiper-slide-next span:nth-child(2) {
  left: 0;
  transform: translate(0, 0);
  transition: all ease .3s 1s;
}

.home1 .swiper-pagination {
  bottom: 4.375vw;
}

.home1 .swiper-pagination-bullet {
  --swiper-pagination-bullet-width: 0.52vw;
  --swiper-pagination-bullet-height: 0.52vw;
  --swiper-pagination-bullet-horizontal-gap: 1.041vw;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 1;
  position: relative;
  transition: all ease .3s .3s;
}

.home1 .swiper-pagination-bullet-active {
  --swiper-theme-color: transparent;
}

.home1 .swiper-pagination-bullet::after {
  content: '';
  display: block;
  width: 1.041vw;
  height: 1.041vw;
  border-radius: 100%;
  border: 2px solid #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all ease .3s .3s;
}

.home1 .swiper-pagination-bullet-active::after {
  transform: translate(-50%, -50%) scale(1);
}

.home1 .swiper-button1 {
  position: absolute;
  z-index: 5;
  margin: 0 0.937vw;
  bottom: 13.385vw;
}

.home1 .swiper-button1.prev {
  left: 0;
}

.home1 .swiper-button1.next {
  right: 0;
}

.swiper-button1 {
  width: 8.75vw;
  height: 8.75vw;
  cursor: pointer;
  transition: all ease .3s;
}

.swiper-button1 svg {
  display: block;
  width: 100%;
  height: 100%;
  --svgBg: transparent;
  --svgColor: #5796E3;
  --svgColor2: #5796E3;
}

.swiper-button1.next svg {
  transform: rotate(180deg);
}

.swiper-button1:hover svg {
  --svgBg: #5796E3;
  --svgColor: #5796E3;
  --svgColor2: #fff;
}

.C-title1 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.C-title1::before {
  content: '';
  display: block;
  width: 4.947vw;
  height: 2.395vw;
  background: url('/img/icon-t1.svg') no-repeat center/cover;
}

.C-title1 span {
  line-height: 1.406vw;
  padding: 0 0.781vw;
  border-radius: 0 5px 0 0;
  background: #5796E3;
  color: #fff;
}

.C-title2 {
  line-height: 1;
  position: relative;
  z-index: 5;
}

.home .C-title2 {
  margin-top: 1.145vw;
}

.home2 {
  position: relative;
  overflow: hidden;
  cursor: url("/img/Drag.png") 37 37, pointer !important;
  cursor: -webkit-image-set(url("/img/Drag.png") 1x) 37 37, pointer !important;
}

.home2 .bg {
  position: absolute;
  left: 47.916vw;
  top: 0;
  transform: translateY(-19.531vw);
  width: 71.614vw;
  height: 71.614vw;
  border-radius: 100%;
  overflow: hidden;
  transition: all ease .3s .3s;
}

.home2 .bg.on {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: translateY(0);
  border-radius: 0;
  /* transition: all ease .3s; */
  transition: all ease .8s;
}

.home2 .bg::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #B4D6FF 0%, #B4D6FF 100%);
  z-index: 1;
}

.home2 .bg::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 33.593vw;
  background: linear-gradient(180deg, rgba(180, 214, 255, 0.40) 6.68%, #0F45A5 100%);
  z-index: 2;
}

.home2 .main {
  position: relative;
  z-index: 5;
}

.home2 .main1 {
  width: 100%;
  overflow: hidden;
}

.home2 .main1 .wrap {
  width: max-content;
  transition: all ease .8s;
}

.home2 .main1.on .wrap {
  transform: translate(-47.916vw, 0);
  transition: all ease .8s .2s;
}

.home2 .sec1 {
  width: 47.916vw;
  padding: 5.208vw 0 0 7.812vw;
}

.home2 .main1 .t2 {
  width: 34.791vw;
  color: #233040;
  margin: 2.083vw 0;
}

.home2 .sec1 .swiper-button1 {
  margin: 3.854vw 0 0 auto;
}

.home2 .sec2 {
  width: 52.083vw;
  overflow: hidden;
  position: relative;
}

.home2 .sec2 .swiper-button1 {
  margin: 0 0 3.645vw 11.041vw;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transform: scale(0);
  transition: all ease .3s .6s;
}

.home2 .main1.on .sec2 .swiper-button1 {
  opacity: 1;
  transform: scale(1);
}

.home2 .sec2 .yuan {
  width: 71.614vw;
  height: 71.614vw;
  overflow: hidden;
  border-radius: 100%;
  padding: 0 19.531vw 0 0;
  margin: -19.531vw 0 0 0;
}

.home2 .sec2 .yuan .pic {
  margin-top: auto;
}

.home2 .sec3 {
  width: 47.916vw;
}

.home2 .main2 {
  padding: 16.666vw 0 0;
}

.home2 .main2 .ev {
  /* max-width: 20.833vw; */
  width: 25%;
  padding: 3.333vw 0 1.77vw;
  text-align: center;
  position: relative;
  background: #5796E3;
}

.home2 .main2 .ev:nth-child(2n) {
  background: #2768DD;
}

.home2 .main2 .ev .t1 {
  transition: all ease .3s;
}

.home2 .main2 .ev .t2 {
  line-height: 3;
  transition: all ease .3s;
}

.home2 .main2.on .t1 {
  color: #fff;
}

.home2 .main2.on .t2 {
  color: #fff;
}

.xflogo {
  width: 13.02vw;
  height: 13.02vw;
  --svgColor: rgba(180, 214, 255, 0.20);
  position: absolute;
  z-index: 0;
  background: url('/img/home2-i1.svg') no-repeat center/contain;
}

.home2.on .xflogo {
  z-index: 6;
}

.home2 .xflogo svg {
  display: block;
  width: 100%;
  height: 100%;
}

.home2 .xf1 {
  left: -5.208vw;
  bottom: 26.041vw;
}

.home2 .xf2 {
  right: -5.104vw;
  bottom: 18.75vw;
}

.C-title3 {
  width: 100%;
  overflow: hidden;
  user-select: none;
}

.C-title3 p {
  width: max-content;
  font-family: "Jacques Francois";
  background: linear-gradient(180deg, rgba(3, 155, 240, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15.104vw;
  line-height: 0.8;
  text-transform: uppercase;
}

.C-title3 .icon {
  width: 13.02vw;
}

.home3 {
  position: relative;
  padding: 4.166vw 0 8.229vw;
  background: linear-gradient(180deg, #0F45A5 0%, #FFF 49%);
}

.home3 .C-title3 {
  position: absolute;
  left: 50%;
  top: 65%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.home3 .C-title2 {
  color: #fff;
}

.home3 .C-title3 p {
  transform: translate(-5.052vw, 0);
}

.home3 .C-title3 .icon {
  margin-top: 7.291vw;
}

.home3 .main {
  position: relative;
  z-index: 5;
  margin-top: 1.666vw;
  padding: 13.385vw 0 17.187vw;
}

.home3 .main .ev {
  width: 19.27vw;
  height: 19.27vw;
  overflow: hidden;
  color: #5796E3;
  border-radius: 100%;
  background: #FFF;
  box-shadow: 0.416vw 0.208vw 0.208vw 0vw rgba(88, 151, 228, 0.20);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: all ease .8s;
  z-index: 1;
  position: absolute;
  cursor: pointer;
}

.home3 .main .ev::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin: -1px 0 0 -1px;
  background: url('/img/home3-bg2.svg') no-repeat center/contain;
  /* opacity: 0;
  transform: rotate(-180deg); */
  transition: opacity ease .2s, transform ease .6s;
  animation: zhuan 5s linear infinite;
  z-index: -1;
}

.home3 .main .ev:nth-of-type(2n):after {
  animation-delay: 1s;
}

.home3 .main .ev:hover::after {
  opacity: 0;
}

@keyframes zhuan {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.home3 .main .ev .t2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease .3s;
}

.home3 .main .ev.on .t1 {
  opacity: 0;
}

.home3 .main .ev.on .t2 {
  opacity: 1;
}

.home3 .main .ev:nth-child(1) {
  bottom: 5.104vw;
  left: -3.75vw;
  z-index: 4;
}

.home3 .main .ev:nth-child(2) {
  top: -4.375vw;
  right: 8.958vw;
  z-index: 3;
}

.home3 .main .ev:nth-child(3) {
  top: 10.52vw;
  right: 1.77vw;
  z-index: 2;
}

.home3 .main .ev:nth-child(4) {
  top: 1.302vw;
  left: 5.416vw;
  z-index: 1;
}

.home3 .main .ev.on {
  width: 24.062vw;
  height: 24.062vw;
  /* color: #fff; */
  /* background: #5796E3; */
  box-shadow: 0vw 0.104vw 0.52vw 0vw #94C8FA;
  z-index: 10;
}

.home3 .main .pic {
  width: 13.5vw;
  padding: 1vw;
  position: relative;
  z-index: 20;
  background: url('/img/home3-bg.gif') no-repeat center/contain;
}

.home3 .text {
  position: absolute;
  bottom: 2.291vw;
  right: 0;
  max-width: 15.625vw;
  color: #5796E3;
  text-align: right;
  letter-spacing: 3.0.104vw;
}

.home3 .lx1 {
  width: 6.197vw;
  left: 15.104vw;
  bottom: 14.895vw;
}

.home3 .lx2 {
  width: 5.364vw;
  left: 23.333vw;
  top: 16.51vw;
}

.home3 .lx3 {
  width: 5.52vw;
  right: 34.375vw;
  top: 5.729vw;
}

.home3 .lx4 {
  width: 7.656vw;
  right: 15.625vw;
  top: 16.51vw;
}

.home4 {
  padding: 4.062vw 0 7.5vw;
}

.home4 .C-title3 {
  position: absolute;
  left: 50%;
  top: 2.291vw;
  transform: translate(-50%, 0);
  z-index: 1;
}

.home4 .C-title3 .icon {
  margin-top: 2.812vw;
}

.home4 .swiper {
  margin-top: 9.375vw;
}

.home4 .swiper .swiper-slide {
  width: 51.562vw;
  border-radius: 40px;
  background: #0F45A5;
  overflow: hidden;
  transition: all ease .3s;
}

.home4 .swiper .swiper-slide-active {
  background: #5796E3;
}

.home4 .swiper .swiper-slide .t1 {
  padding: 0.989vw 2.083vw 0.677vw;
}

.swiper-button3 {
  width: 4.166vw;
  height: 4.166vw;
  background: url('/img/icon-btn3.svg') no-repeat center/contain;
  position: absolute;
  z-index: 5;
  cursor: pointer;
}

.home4 .swiper-button3 {
  top: 15.937vw;
}

.home4 .swiper-button3.prev {
  left: 22.916vw;
}

.home4 .swiper-button3.next {
  right: 22.916vw;
  transform: rotate(180deg);
}

.homeaaa {
  height: 210vh;
}

.home5 {
  /* padding: 2.916vw 0 6.25vw; */
  padding: 0 0 6.25vw;
  position: absolute;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 40;
  height: 100vh;
  width: 100%;
  user-select: none;
}

.home5 .C-wrap {
  width: 79.166vw;
  float: left;
  padding-left: 10.417vw;
  transform: translateY(59px);
}

.home5 .home5-por {
  /* position: absolute;
  left: 0; */
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
}

.home5 .C-title3 {
  position: absolute;
  left: 0;
  top: 3.562vw;
  /* transform: translate(-50%, 0); */
  z-index: 1;
}

.home5 .C-title3 p {
  transform: translate(1.041vw, 0);
}

.home5 .C-title3 .icon {
  margin-top: 1.875vw;
  margin-left: auto;
  transform: rotate(180deg);
}

.home5 .swiper {
  width: 29.687vw;
  max-width: 100%;
  position: relative;
  z-index: 10;
  overflow: hidden;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .home5 .swiper {
    width: 100%;
    position: relative;
    z-index: 10;
    overflow: visible;
  }
}

.home5 .swiper-slide {
  width: 29.687vw;
  cursor: pointer;
}

.home5 .swiper-slide .pic {
  border-radius: 10px;
  width: 90%;
  margin: 0 auto;
  opacity: 1;
  transition: all ease .3s;
}

.home5 .swiper-slide .pic img {
  border-radius: 15px;
  box-shadow: 8px 7px 12px 0px rgba(0, 0, 0, 0.25);

}

.home5 .swiper-slide-active .pic {
  opacity: 1;

}



.home5 .swiper-slide .year {
  display: none;
}

.home5 .swiper-wrapper {
  /* padding-left: 30vw; */
}

.home5 .swiper-slide .t2 {
  margin-top: 1.875vw;
  text-align: center;
  color: #D7D7D7;
  /* transform: translate(0, -2.812vw); */
  transition: all ease .3s;
}

.home5 .swiper-slide-active .t2 {
  color: var(--color);
  transform: translate(0, 0);
}

.home5 .line-group {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.home5 .line-group .wrap {
  position: relative;
  height: 40vh;
  padding-top: 1.562vw;
  transform: translateX(-14px);
  /* width: max-content;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  transform: translate(-4vw, 0); */
}

@media (max-width: 768px) {
  .home5 .line-group .wrap {
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    height: auto;
    transform: translate(-4vw, 0);
  }
}

.home5 .line-group .ev {
  position: absolute;
  /* transform: translateX(20px); */
  padding: 0 0.572vw;
  transition: all linear .2s;
}

.home5 .line-group .ev.line1 {
  margin-top: 1.562vw;
}

@media (max-width: 768px) {
  .home5 .line-group .ev {
    position: relative;
  }
}

.home5 .line-group svg {
  display: block;
  width: 0.364vw;
  height: auto;
  transition: all linear .2s;
  /* transition: all linear .8s; */
}

.home5 .line-group svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.home5 .line-group .ev.on svg:nth-child(1) {
  opacity: 0;
}

.home5 .line-group .ev.on svg:nth-child(2) {
  opacity: 1;
}

.home5 .year-big {
  color: #0F45A5;
  font-family: Montserrat;
  letter-spacing: 7.0.26vw;
  font-weight: 800;
  line-height: 1;
  font-size: 7.812vw;
  margin-top: -1.041vw;
}

.home5 .year-big.on{
  color: #dbdbdb;
}

.home6 {
  padding: 1.458vw 0 5.52vw;
  position: relative;
  overflow: hidden;
  margin-top: 6vw;
}

.home6 .C-title3 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 1;
}

.home6 .C-title3 p {
  transform: translate(0, 0);
}

.home6 .C-title3 .icon {
  margin-top: 1.875vw;
  margin-left: auto;
  transform: rotate(180deg);
}

.home6 .sw1 {
  padding: 11.041vw 0 6.77vw;
}

.home6 .sw1 .swiper-slide {
  align-items: flex-end;
  position: relative;
}

.home6 .sw1 .pic {
  width: 28.125vw;
  height: 28.125vw;
  border-radius: 7.812vw;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transform: rotate(45deg) scale(0.8);
  position: relative;
  transition: all ease .8s;
}

.home6 .sw1 .swiper-slide-active .pic {
  transform: rotate(45deg) scale(1);
}

.home6 .sw1 .pic:hover {
  /* z-index: 15; */
}

.home6 .sw1 .pic img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  max-width: none;
  width: 33.854vw;
  height: 33.854vw;
  object-fit: cover;
}

.home6 .sw1 .intr {
  width: 24.114vw;
  height: 24.114vw;
  margin-left: -2.291vw;
  border-radius: 120px;
  background: #5796E3;
  z-index: 5;
  transform: rotate(45deg);
  transition: all ease .8s;
  opacity: 0;
}

.home6 .sw1 .swiper-slide-active .intr {
  opacity: 1;
}

.home6 .sw1 .pic:hover~.intr {
  margin-left: 4vw;
}

.home6 .sw1 .intr .box {
  padding: 1.458vw 2.812vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 100%;
  max-height: 100%;
}

.home6 .sw1 .intr .t1 {
  line-height: 2.25;
}

.home6 .sw1 .intr .t3 {
  margin: 0.729vw 0 1.406vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}

.home6 .sw1 .more svg {
  width: 1.458vw;
  height: 1.458vw;
  transform: rotate(180deg);
  --svgBg: transparent;
  --svgColor: #CFEBF7;
  --svgColor2: #CFEBF7;
  margin-right: 0.833vw;
}

.home6 .sw1 .more:hover svg {
  --svgBg: #fff;
  --svgColor: #fff;
  --svgColor2: #5796E3;
}

.home6 .sw1 .lx1 {
  width: 29.687vw;
  height: 29.687vw;
  transform: rotate(-136deg);
  border-radius: 200px;
  background: #0F45A5;
  position: absolute;
  left: 25.312vw;
  top: 11.979vw;
}

.home6 .sw1 .lx2 {
  width: 6.354vw;
  height: 6.354vw;
  border-radius: 100%;
  background: #0F45A5;
  position: absolute;
  left: 15vw;
  top: 11.979vw;
  animation: float 8s ease-in-out infinite;
}

.home6 .sw1 .lx3 {
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 100%;
  background: #0F45A5;
  position: absolute;
  left: 7.708vw;
  top: 37.656vw;
  animation: float 3s ease-in-out infinite;
}

.home6 .sw1 .lx4 {
  width: 6.354vw;
  height: 6.354vw;
  border-radius: 100%;
  background: #5796E3;
  position: absolute;
  left: 63.697vw;
  top: 34.27vw;
  animation: float 5s ease-in-out infinite;
}

@keyframes float-big {

  0%,
  100% {
    transform: translateY(0);
    opacity: 0.9;
  }

  50% {
    transform: translateY(3vw);
    opacity: 1;
  }
}

@keyframes float-x {

  0%,
  100% {
    transform: translateX(0);
    opacity: 0.9;
  }

  50% {
    transform: translateX(-1.041vw);
    opacity: 1;
  }
}

@keyframes float-x-y {

  0%,
  100% {
    transform: translate(0, 0);
    opacity: 0.9;
  }

  25% {
    transform: translate(-1.041vw, -1.041vw);
    opacity: 1;
  }

  50% {
    transform: translate(-0.52vw, -1.041vw);
    opacity: 1;
  }
}

.home6 .sw1 .control {
  position: absolute;
  left: 23.229vw;
  top: 35.156vw;
  gap: 3.02vw;
  cursor: pointer;
  z-index: 5;
}

.swiper-button2 {
  width: 3.958vw;
}

.home6 .sw2 {
  width: 47.083vw;
}

.home6 .sw2 .swiper-slide {
  width: 4.947vw;
  height: 4.947vw;
  border-radius: 30px;
  overflow: hidden;
  opacity: 0.2;
  cursor: pointer;
  transition: all ease .3s;
}

.home6 .sw2 .swiper-slide-active {
  opacity: 1;
}

.home6 .xf1 {
  left: -6.145vw;
  top: 53%;
}

.home6 .xf2 {
  right: -6.145vw;
  top: 35%;
}

.home6 .xf3 {
  width: 15.989vw;
  height: 15.989vw;
  right: 7.083vw;
  bottom: -3.958vw;
}

/* -----------------------------------------最新动态-------------------------------------- */
.C-mbx {
  line-height: 3;
}

.C-mbx a:not(:last-child)::after {
  content: '/';
  margin: 0 0.52vw;
}

.C-bannerTxt {
  margin-top: -6.562vw;
}

.news1 .zuo {
  padding-top: 1.562vw;
}

.news1 .zuo .C-title2 {
  line-height: 3;
}

.news1 .you {
  margin-left: 19.947vw;
}

.news1 .tab {
  gap: 2.604vw;
  margin-top: 0.52vw;
  line-height: 2.4;
  color: #7D7B7B;
}

.news1 .tab a.on {
  color: #333;
}

.news1 .tab a:hover {
  color: #333;
}

.news2 {
  padding: 2.447vw 0 6.25vw;
}

.C-list1 {
  width: 89.166vw;
  margin: 0 auto;
  gap: 3.229vw 0;
}

.C-list1 .ev {
  width: 23.6vw;
  height: 100%;
  margin: 0 -0.729vw;
  display: block;
  padding: 1.979vw 2.76vw;
  border-radius: 20px;
  border: 1px solid #0F45A5;
  background: #FFF;
  box-shadow: 0.52vw 0.52vw 0.26vw 0.104vw rgba(0, 0, 0, 0.25);
  position: relative;
  transition: all ease .8s;
}

.C-list1 .ev:hover {
  transform: scale(1.05);
  box-shadow: 0.312vw 0.312vw 0vw 0.304vw #0F45A5;
  z-index: 5;
}

.C-list1 .ev:nth-of-type(2n) {
  margin-top: 1.979vw;
}

.C-list1 .ev .intr {
  position: absolute;
  left: 2.291vw;
  bottom: 1.51vw;
  width: 17.187vw;
  letter-spacing: 2px;
  padding: 6px 12px 0 0;
}

.C-list1 .ev .intr .t1 {
  background: #FFF;
  letter-spacing: 1.0.312vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.C-list1.theme2 .ev {
  padding: 0.885vw 1.197vw 0.52vw;
}

.C-list1.theme2 .ev .intr {
  position: static;
  left: 0;
  bottom: 0;
  width: 100%;
}

.C-paging {
  gap: 0.781vw;
  margin-top: 4.166vw;
}

.C-paging .icon {
  width: 3.125vw;
}

.C-paging .pages {
  gap: 0.781vw;
}

.C-paging .pages a {
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  border: 1px solid #7D7B7B;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #7D7B7B;
}

.C-paging .pages .a2 {
  border: none;
}

.C-paging .pages a:hover {
  color: #fff;
  background: #5796E3;
  border: 1px solid #5796E3;
}

.C-paging .pages a.on {
  color: #fff;
  background: #5796E3;
  border: 1px solid #5796E3;
}

.news3 .wrap {
  width: 51.041vw;
  margin: 0 auto;
}

.news3 .t2 {
  color: #1A202C;
  margin: 0.833vw 0 1.041vw;
}

.news3 .t3 {
  padding-bottom: 0.52vw;
  color: #7D7B7B;
  display: none;
  /* 客户要求隐藏 */
}

.news3 .empty {
  padding: 2.083vw 0 0;
  border-top: 1px solid #A4A4A4;
  border-bottom: 1px solid #A4A4A4;
}

.news3 .empty img {
  margin: 0 0 2.083vw;
  width: auto;
  max-width: 100%;
}

.news3 .empty p {
  margin: 0 0 2.083vw;
}

.news3 .empty * {
  white-space: normal !important;
  max-width: 100%;
}

.news3 .empty video {
  height: auto !important;
  margin: 0 auto;
}

.news3 .switchPage {
  padding: 1.25vw 0 6.25vw;
}

.news3 .switchPage a:hover {
  text-decoration: underline;
}

.news3 .switchPage .zuo {
  width: 28.958vw;
  gap: 0.52vw;
}

.news3 .switchPage .back {
  display: block;
  padding: 0.781vw 2.395vw;
  border-radius: 100px;
  background: #5796E3;
  color: #fff;
}

.news4 {
  color: #5F6464;
  gap: 2.083vw;
  position: absolute;
  right: 12.239vw;
  top: var(--head);
  padding-top: 5.989vw;
}

.news4 .icon {
  width: 1.666vw;
}

/* -----------------------------------------信息公开-------------------------------------- */
.info2 {
  padding: 5.729vw 0 4.166vw;
}

.info2 .table {
  border-radius: 20px;
  overflow: hidden;
  color: #333;
}

.info2 .line {
  display: flex;
  flex-wrap: wrap;
}

.info2 .title {
  width: 12.5vw;
  padding: 1.041vw 2.3vw;
  border-right: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  background: #E6F1FF;
}

.info2 .cont {
  flex: 1;
  padding: 1.041vw 2.291vw;
  border-bottom: 1px solid #E6F1FF;
}

.info2 a {
  color: #0F45A5;
}

.info2 a::before {
  content: '[';
  margin-right: 0.26vw;
  color: #333;
}

.info2 a::after {
  content: ']';
  margin-left: 0.26vw;
  color: #333;
}

.info3 {
  padding-bottom: 6.25vw;
}

.info3 .swiper-slide .pic {
  width: 39.687vw;
}

.swiper-button5 {
  width: 5.208vw;
  height: 5.208vw;
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all ease .3s;
  --svgBg: transparent;
  --svgColor: #5796E3;
  --svgColor2: #5796E3;
}

.swiper-button5 svg {
  display: block;
  width: 100%;
  height: 100%;
}

.swiper-button5:hover {
  --svgBg: #5796E3;
  --svgColor: #5796E3;
  --svgColor2: #fff;
}

.info3 .swiper-button5 {
  width: 6.25vw;
  height: 6.25vw;
}

.info3 .swiper-button5.prev {
  left: 10.677vw;
}

.info3 .swiper-button5.next {
  right: 10.677vw;
}

.info4 {
  padding: 4.166vw 0 6.25vw;
}

.info4 .tr {
  padding: 0.677vw 3.958vw 0.677vw 0;
  border-bottom: 1px dashed #EAEAEA;
  background: #FFF;
  transition: all ease .3s;
}

.info4 .tr:hover {
  border-radius: 4px 4px 0px 0px;
  background: #D7F5FF;
  transform: scale(1.01);
}

.info4 .tr .value {
  width: 52.083vw;
  text-indent: 1em;
}

.info4 .tr .time {
  margin-left: auto;
}

.info4 .tr .more {
  margin-left: 1.875vw;
  color: #888;
}

.info4 .tr .more .icon {
  width: 1.666vw;
  margin-right: 0.416vw;
}

/* -----------------------------------------关于我们-------------------------------------- */
.C-banner {
  position: relative;
}

.C-banner .intr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.C-banner .intr .t1 {
  font-size: 5.208vw;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.729vw;
}

.about2 {
  padding: 14.375vw 13.541vw 11.666vw var(--leave);
}

.about2 .you {
  width: 34.791vw;
  color: #233040;
  /* font-weight: 300; */
  line-height: 2;
}

.about2 .zuo {
  width: 27.031vw;
}

.about2 .C-title3 {
  position: absolute;
  left: -2.5vw;
  top: 0;
  z-index: -1;
}

.about3 {
  padding: 8.854vw 0 7.916vw;
}

.about3 .C-title3 {
  position: absolute;
  left: 10.416vw;
  top: 2.447vw;
  z-index: -1;
}

.about3 .swiper-slide {
  position: relative;
}

.about3 .zuo {
  width: 37.083vw;
  background: #5796E3;
  position: absolute;
  left: 0;
  z-index: 4;
  transform: translate(0, 30px);
  transition: all ease .3s;
}

.about3 .swiper-slide-active .zuo {
  transform: translate(0, 0);
}

.about3 .swiper-slide:nth-child(3n-2) .zuo {
  bottom: 5.208vw;
}

.about3 .swiper-slide:nth-child(3n-1) .zuo {
  bottom: 10.416vw;
  background: #0F45A5;
}

.about3 .swiper-slide:nth-child(3n) .zuo {
  bottom: 15.625vw;
}

.about3 .zuo .txt {
  flex: 1;
  padding: 2.083vw 0 2.083vw 3.02vw;
}

.about3 .zuo .txt .t2 {
  margin-top: 0.781vw;
}

.about3 .zuo .pic {
  width: 10.312vw;
}

.about3 .you {
  width: 58.593vw;
  margin-left: auto;
}

.about3 .control {
  position: absolute;
  gap: 1.041vw;
  left: 3.02vw;
  bottom: 0;
  cursor: pointer;
  z-index: 5;
}

.about4 {
  padding-bottom: 9.01vw;
  overflow: hidden;
}

.about4 .main {
  position: relative;
  z-index: 5;
}

.about4 .wrap {
  width: max-content;
  transition: all ease .8s;
}

.about4 .C-title3 {
  position: absolute;
  left: -1.041vw;
  top: 0;
  z-index: -1;
  transition: all ease .3s;
}

.about4.on .C-title3 {
  z-index: 4;
}

.about4 .sec1 {
  width: 47.916vw;
  padding: 6.25vw 0 0 var(--leave);
}

.about4 .sec1 .t3 {
  margin-top: 8.125vw;
  width: 33.02vw;
  height: 24.947vw;
  padding-left: 2.604vw;
  direction: rtl;
  transition: all ease .3s .2s;
}

.about4.on .sec1 .t3 {
  color: #022f7f;
}

.about4 .sec1 .t3 .gdnr {
  direction: ltr;
}

.about4 .sec2 {
  width: 52.083vw;
  overflow: hidden;
  position: relative;
}

.about4 .sec2 .yuan {
  width: 71.614vw;
  height: 71.614vw;
  overflow: hidden;
  border-radius: 100%;
  padding: 0 19.531vw 0 0;
  margin: -19.531vw 0 0 0;
}

.about4 .sec2 .yuan .pic {
  margin-top: auto;
}

.about4 .bg {
  position: absolute;
  left: 47.916vw;
  top: 0;
  transform: translateY(-19.531vw);
  width: 71.614vw;
  height: 71.614vw;
  border-radius: 100%;
  overflow: hidden;
  transition: all ease .3s .3s;
}

.about4 .bg.on {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: translateY(0);
  border-radius: 0;
  transition: all ease .3s;
}

.about4 .bg::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #B4D6FF 0%, #B4D6FF 100%);
  z-index: 1;
}

.about4 .bg::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 33.593vw;
  /* background: linear-gradient(180deg, rgba(180, 214, 255, 0.40) 6.68%, #0F45A5 100%); */
  z-index: 2;
}

.about5 {
  padding: 7.552vw 0 13.02vw;
}

.about5 .C-title3 {
  position: absolute;
  left: -1.041vw;
  top: 2.083vw;
  z-index: -1;
  transition: all ease .3s;
}

.about5 .main {
  margin: 7.968vw auto 0;
  width: 50.312vw;
}

.about5 .main .link {
  display: block;
  width: 9.062vw;
  height: 4.843vw;
  /* background: rgba(0, 0, 0, 0.2); */
  /* 扩大0.1倍点击区域 */
  transform: scale(1.1);
  position: absolute;
  transition: none;
}

/* .about5 .main .link:hover {
  background: rgba(0, 0, 0, 0.5);
  mix-blend-mode: hue;
} */
.about6 {
  padding: 7.552vw 0 4.166vw;
}

.about6 .C-title3 {
  position: absolute;
  left: -1.041vw;
  top: 2.083vw;
  z-index: -1;
  transition: all ease .3s;
}

.about6 .main {
  width: 68.437vw;
  margin: 9.375vw auto 0;
}

.about6 .tab {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 2.187vw;
  overflow: hidden;
  border-collapse: collapse;
}

.about6 .tab tr td {
  padding: 0.52vw;
  width: 30.208vw !important;
}

.about6 .tab tr td:nth-child(1) {
  /* padding-left: 9.895vw; */
  /* width: 30.208vw; */
  width: 30.208vw !important;
}

.about6 .tab tr td:nth-child(3) {
  padding-right: 1.562vw;
}

.about6 .tab thead tr {
  background: #AAD0FF;
}

.about6 .tab tbody tr:nth-child(2n-1) {
  background: #E6F1FF;
}

.about8 {
  padding: 7.552vw 0 7.083vw;
}

.about8 .C-title3 {
  position: absolute;
  left: -1.041vw;
  top: 1.041vw;
  z-index: 0;
  transition: all ease .3s;
}

.about8::after {
  content: '';
  display: block;
  width: 69.739vw;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  background: linear-gradient(270deg, #D9F5FF 0%, #fff 100%);
}

.about8 .main {
  margin-top: 6.406vw;
}

.about8 .zuo {
  flex: 1;
  padding-left: 2.604vw;
}

.about8 .zuo .lx1 {
  width: 8.281vw;
  height: 8.281vw;
  border-radius: 100%;
  background: rgba(87, 150, 227, 0.80);
  position: absolute;
  left: 0;
  top: 0;
}

.about8 .zuo .bg {
  width: 22.135vw;
  height: 22.135vw;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 3.125vw;
}

.about8 .zuo .text {
  margin-top: 13.541vw;
  flex: 1;
}

.about8 .zuo .text .t2 {
  margin: 0.416vw 0 1.666vw;
}

.about8 .you {
  margin: 5.208vw 3.802vw 0 4.166vw;
  width: 26.875vw;
}

.about9 {
  padding: 13.125vw 0 6.25vw;
}

.about9 .C-title3 {
  position: absolute;
  left: 8.072vw;
  top: 6.77vw;
  z-index: 0;
  transition: all ease .3s;
}

.about9 .swiper-father {
  margin: 8.333vw 0 0;
}

.about9 .swiper {
  width: 51.562vw;
}

.about9 .swiper-slide {
  width: 31.875vw;
  border-radius: 20px;
  transition: all ease .3s;
  filter: blur(0.104vw);
  overflow: hidden;
  opacity: 0;
}

.about9 .swiper-slide-active {
  filter: blur(0);
}

.about9 .swiper-button5 {
  margin: 0 5.416vw;
}

.about9 .prev {
  left: 0;
}

.about9 .next {
  right: 0;
}

.about9 .swiper-slide-active {
  opacity: 1;
}

.about9 .swiper-slide[data-name=slidePrev-1] {
  opacity: 1;
}

.about9 .swiper-slide[data-name=slidePrev-2] {
  opacity: 1;
}

.about9 .swiper-slide[data-name=slideNext-1] {
  opacity: 1;
}

.about9 .swiper-slide[data-name=slideNext-2] {
  opacity: 1;
}

.about10 {
  padding: 7.552vw 0 9.114vw;
}

.about10 .C-title3 {
  position: absolute;
  left: -1.041vw;
  top: 1.041vw;
  z-index: 0;
  transition: all ease .3s;
}

.about10 .list {
  margin-top: 10.156vw;
  padding: 0 1.302vw;
  gap: 2.083vw 4.687vw;
}

.about10 .list .ev {
  width: calc((100% - 18.75vw) / 5);
}

/* -----------------------------------------公益事业-------------------------------------- */
.pwe-page {
  background: linear-gradient(180deg, #FFF 5.18%, #DBF6FF 112.64%);
}

.pwe1 .swiper-slide {
  position: relative;
}

.pwe1 .swiper-slide video {
  display: block;
  width: 100%;
}

.pwe1 .swiper-slide .intr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.pwe1 .swiper-slide .intr .t1 {
  font-size: 5.208vw;
  letter-spacing: 0.729vw;
  text-align: center;
  font-weight: 600;
}

.pwe1 .swiper-pagination {
  bottom: 4.166vw;
}

.pwe1 .swiper-pagination-bullet {
  --swiper-pagination-bullet-width: 0.52vw;
  --swiper-pagination-bullet-height: 0.52vw;
  --swiper-pagination-bullet-horizontal-gap: 1.041vw;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 1;
  position: relative;
  transition: all ease .3s .3s;
}

.pwe1 .swiper-pagination-bullet-active {
  --swiper-theme-color: transparent;
}

.pwe1 .swiper-pagination-bullet::after {
  content: '';
  display: block;
  width: 1.041vw;
  height: 1.041vw;
  border-radius: 100%;
  border: 2px solid #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all ease .3s .3s;
}

.pwe1 .swiper-pagination-bullet-active::after {
  transform: translate(-50%, -50%) scale(1);
}

.pwe2 .ev {
  width: 25%;
  transition: all ease .3s;
  position: relative;
  color: #fff;
}

.pwe2 .ev:hover {
  color: #000;
}

.pwe2 .ev::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
  opacity: 0;
  transition: all ease .3s;
}

.pwe2 .ev .wrap {
  position: relative;
  z-index: 5;
  padding: 3.229vw 1.041vw 3.229vw 2.604vw;
}

.pwe2 .ev .hpic {
  height: 2.343vw;
}

.pwe2 .ev:nth-child(1) {
  background: linear-gradient(0deg, #5CA56F -2.42%, #2A7EA1 100%);
}

.pwe2 .ev:nth-child(2) {
  background: linear-gradient(0deg, #8FBE3D 0%, #2C883A 100%);
}

.pwe2 .ev:nth-child(3) {
  background: linear-gradient(180deg, #2A5B9D 0%, #5796E3 96.24%);
}

.pwe2 .ev:nth-child(4) {
  background: linear-gradient(0deg, #D7F5FF -32.8%, #5796E3 100%);
}

.pwe2 .ev:hover::before {
  opacity: 1;
}

.pwe2 .ev .icon svg {
  width: 3.177vw;
  height: 3.177vw;
  display: block;
  --svgColor: #fff;
}

.pwe2 .ev:hover .icon svg {
  --svgColor: #000;
}

.pwe3 .title {
  position: relative;
}

.pwe3 .title::after {
  content: '';
  display: block;
  width: 0.052vw;
  height: 4.322vw;
  background: #000;
  margin: 0.625vw auto 0.26vw;
}

.pwe3 .sec1 {
  width: 22.968vw;
}

.pwe3 .sec1 .pic {
  border-radius: 0 80px;
  overflow: hidden;
}

.pwe3 .sec2 {
  margin-top: auto;
  flex: 1;
  padding: 3.75vw 5.729vw 3.75vw 4.843vw;
}

.pwe3 .sec2 .t2 {
  position: relative;
}

.pwe3 .sec2 .t2::before {
  content: '“';
  font-size: 3.333vw;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  left: -1.718vw;
  top: -2.083vw;
}

.pwe3 .sec2 .t2::after {
  content: '”';
  font-size: 3.333vw;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  right: 2.604vw;
  bottom: -3.437vw;
}

.pwe3 .sec3 {
  width: 26.77vw;
}

.pwe4 .title {
  position: relative;
}

.pwe4 .title::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.52vw;
  width: 3.02vw;
  height: 0.052vw;
  background: #000;
}

.pwe4 .main {
  gap: 12.5vw;
  position: relative;
}

.pwe4 .ev {
  gap: 9.062vw;
}

.pwe4 .ev .zuo {
  width: 25.416vw;
}

.pwe4 .ev .zuo .t1 {
  letter-spacing: 0.73vw;
  font-size: 5.208vw;
  transition: all ease .5s;
}

.pwe4 .ev.on .t1 {
  color: #0F45A5;
}

.pwe4 .ev .zuo .t2 {
  margin-top: 1em;
  opacity: .4;
  transition: all 1s;
}

.pwe4 .ev.on .t2 {
  opacity: 1;
}

.pwe4 .ev .you {
  width: 22.031vw;
  margin: 0 3.333vw;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  opacity: .4;
  transition: all 1s;
}

.pwe4 .ev.on .you {
  opacity: 1;
}

.pwe4 .ev:nth-child(2n-1) .zuo {
  text-align: right;
}

.pwe4 .ev:nth-child(2n) {
  flex-direction: row-reverse;
}

.pwe4 .jindu {
  position: absolute;
  left: 50%;
  width: 0.052vw;
  height: 100%;
  background: rgba(125, 123, 123, 0.60);
}

.pwe4 .jindu .progress {
  position: absolute;
  width: 0.052vw;
  height: 0%;
  left: 0;
  top: 0;
  background: #000;
}

.pwe4 .jindu .progress::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  border-radius: 50%;
  width: 0.781vw;
  height: 0.781vw;
  background: #000;
}

.C-lx {
  position: absolute;
  pointer-events: none;
}

.C-lx img {
  width: 100%;
}

@keyframes float2 {

  0%,
  100% {
    transform: translateY(0) scale(0.8);
    /* 初始位置和缩放 */
    opacity: 0.9;
  }

  50% {
    transform: translateY(-2.041vw) scale(1.1);
    /* 向上移动并放大 */
    opacity: 1;
  }
}

.C-lx.ani img {
  animation: float2 6s ease-in-out infinite;
}

.C-lx.ani-big {
  animation: float-big 4s ease-in-out infinite;
}

.C-lx.ani-x {
  animation: float-x 8s ease-in-out infinite;
}

.C-lx.ani-x-y {
  animation: float-x-y 8s ease-in-out infinite;
}

.C-lx:nth-child(2n) {
  animation-delay: 1s;
}

.C-lx.aniIndex {
  animation: floatIndex 8s ease-in-out infinite;
}

.C-lx.aniIndex:nth-child(2n) {
  animation-delay: 4s;
}

@keyframes floatIndex {

  0%,
  100% {
    transform: translateY(0) scale(0.8);
    opacity: 0.9;
  }

  50% {
    transform: translateY(-2.041vw) scale(1);
    opacity: 1;
  }
}

.pwe4 .lx1 {
  bottom: 2.343vw;
  left: 0;
  width: 11.458vw;
}

.pwe4 .lx2 {
  bottom: 22.916vw;
  right: 0;
  width: 8.125vw;
}

.pwe5 .title {
  position: relative;
}

.pwe5 .title::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -0.52vw;
  width: 3.02vw;
  height: 0.052vw;
  background: #000;
}

.pwe5 .main {
  width: 51.406vw;
  margin: 5.729vw auto 4.375vw;
}

.pwe5 .main .link {
  display: block;
  width: 9.062vw;
  height: 4.843vw;
  /* 扩大0.1倍点击区域 */
  transform: scale(1.1);
  position: absolute;
  transition: none;
}

/* .pwe5 .main .link:hover {
  background: #0F45A5;
  mix-blend-mode: screen;
} */
.pwe5 .lx1 {
  top: 1.197vw;
  left: 0;
  width: 15.989vw;
}

.pwe5 .lx2 {
  top: 33.854vw;
  right: 0;
  width: 15.989vw;
}

.pwe6 {
  padding: 0 0 6.145vw;
}

.pwe6 .main {
  width: 49.062vw;
  margin: 0 auto;
}

.pwe6 .main .pic {
  border-radius: 0px 237px;
  overflow: hidden;
}

.pwe6 .main .t2 {
  margin: 2.083vw auto 0;
  width: 28.125vw;
}

.pwe6 .lx1 {
  bottom: 0;
  left: 0;
  width: 15.989vw;
}

/* -----------------------------------------注释-------------------------------------- */
.pjo2 {
  padding: 6.875vw 0 10.729vw;
}

.pjo2 .zuo {
  flex: 1;
  padding-right: 3.541vw;
}

.pjo2 .zuo .t2 {
  margin: 2.083vw 0;
}

.pjo2 .you {
  width: 36.562vw;
  margin-right: 5.729vw;
}

.pjo2 .prev {
  z-index: 4;
}

.pjo2 .next {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
}

.pjo3 .swiper {
  padding: 5.885vw 0 8.125vw;
}

.pjo3 .swiper-slide {
  /* background: #D7F5FF; */
  background: #ccffff;
}

.C-list2.swiper {
  user-select: none;
  cursor: url("/img/Drag2.png") 0 0, pointer !important;
  cursor: -webkit-image-set(url("/img/Drag2.png") 1x) 65 35, pointer !important;
}

.C-list2 .swiper-slide {
  width: 23.437vw;
  padding: 3.125vw 0 5.208vw;
  text-align: center;
  border-radius: 20px;
  transform: rotate(3.5deg);
  user-select: none;
  cursor: url("/img/Drag2.png") 0 0, pointer !important;
  cursor: -webkit-image-set(url("/img/Drag2.png") 1x) 65 35, pointer !important;
}

.C-list2 .bg {
  width: 13.02vw;
  height: 13.02vw;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto;
  transform: rotate(-3.5deg);
}

.C-list2 .intr {
  width: 12.031vw;
  margin: 0 auto;
}

.C-list2 .t2 {
  margin: 1.666vw 0 0.416vw;
}

.pjo4 {
  padding: 0 0 6.25vw;
  --co: #0F45A5;
  --btnBg: #D7F5FF;
}

.C-list3 .main {
  padding: 5.729vw 0 0;
  position: relative;
}

.C-list3 .main .textlist {
  border-top: 2px dashed var(--co);
}

.C-list3 .main .textlist .tr {
  padding: 1.562vw 1.718vw 1.25vw;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px dashed var(--co);
  cursor: pointer;
}

.C-list3 .main .textlist .tr .name {
  margin-right: 1.197vw;
}

.C-list3 .main .textlist .tr .value {
  flex: 1;
}

.C-list3 .main .textlist .tr.on .value {
  font-weight: bold;
}

.C-list3 .main .piclist {
  width: 30.052vw;
  height: 20vw;
  position: absolute;
  right: 5.52vw;
  top: 2.812vw;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}

.C-list3 .main .piclist img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all ease .5s;
}

.C-list3 .main .piclist img.on {
  opacity: 1;
}

.C-list3 .btns {
  margin-top: 3.906vw;
  gap: 1.979vw;
}

.C-list3 .btns a {
  display: block;
  padding: 0.416vw 1.562vw;
  border-radius: 30px;
  background: var(--btnBg);
}

.C-list3 .btns a span {
  transition: all ease .3s;
  display: block;
}

.C-list3 .btns a:hover span {
  transform: scale(1.1);
}

.pjo5 {
  padding: 0 0 6.25vw;
}

.C-list4 .sec1 {
  padding: 1.562vw 0 5.572vw;
}

.C-list4 .sec1 .sels {
  gap: 3.125vw;
}

.C-select {
  position: relative;
}

.C-select .simulate {
  min-width: 13.541vw;
  position: relative;
  z-index: 20;
  padding: 0.781vw 1.979vw;
  border-radius: 60px;
  background: #D7F5FF;
  color: #7D7D7D;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
}

.C-select .simulate::after {
  content: '';
  display: block;
  width: 0.937vw;
  height: 0.468vw;
  margin-left: 0.625vw;
  background: url('/img/pjo5-i1.svg') no-repeat center/contain;
}

.C-select input {
  display: none;
}

.C-select .placeholder {
  display: none;
  flex: 1;
}

.C-select .name {
  flex: 1;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.C-select .name:empty {
  display: none;
}

.C-select .name:empty+.placeholder {
  display: block;
}

.C-select .options {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.625vw;
  color: #454545;
  padding: 4.427vw 1.979vw 1.25vw;
  z-index: 5;
  border-radius: 30px;
  background: #fdfdfd;
  box-shadow: 0 0.26vw 0.26vw 0 rgba(0, 0, 0, 0.05);
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
}

.C-select:hover .options {
  opacity: 1;
  pointer-events: visible;
}

.C-select .option {
  cursor: pointer;
}

.C-select .option:hover,
.C-select .option.on {
  color: #000;
  font-weight: bold;
}

.C-list4 .control {
  gap: 2.083vw;
  position: absolute;
  bottom: 2.604vw;
  right: 0;
}

.C-list4 .swiper-button5 {
  position: static;
  transform: none;
}

.C-list4 .swiper-slide {
  width: 20.833vw;
  padding: 1.718vw 1.666vw 1.145vw;
  background: #FFF;
  transition: all ease .3s;
}

.C-list4 .swiper-slide .t2 {
  margin-top: 0.781vw;
}

.pjo5 .swiper-slide {
  border: 3px solid #0F45A5;
}

.pjo5 .swiper-slide:nth-child(2n-1) {
  border-color: #55BEDE;
}

.pjo5 .swiper-slide:nth-child(2n) {
  margin-top: 4.062vw;
}

.pjo5 .swiper-slide:hover {
  border-width: 5px;
}

.pjo5 .swiper-slide .t2 span:nth-child(2) {
  display: none;
}

.pjo5 .swiper-slide:hover .t2 span:nth-child(1) {
  display: none;
}

.pjo5 .swiper-slide:hover .t2 span:nth-child(2) {
  display: block;
}

/* -----------------------------------------注释-------------------------------------- */
.pmy2 {
  padding: 10.416vw 13.125vw 7.968vw;
}

.pmy2 .zuo {
  width: 37.395vw;
}

.pmy2 .zuo .pic {
  border-radius: 40px;
  overflow: hidden;
}

.pmy2 .you {
  flex: 1;
  padding-left: 3.125vw;
}

.pmy2 .you .t2 {
  margin-top: 2.083vw;
}

.pmy2 .C-title3 {
  position: absolute;
  left: -2.5vw;
  top: -0.781vw;
  z-index: 0;
  transition: all ease .3s;
}

.pmy2 .swiper-button1.prev {
  position: absolute;
  left: 6.979vw;
  bottom: 4.583vw;
  z-index: 5;
}

.pmy2 .swiper-button1.next {
  position: absolute;
  right: 10.416vw;
  top: 6.77vw;
  z-index: 5;
}

.pmy3 {
  padding: 6.25vw 0 7.291vw;
}

.pmy3 .C-title3 {
  position: absolute;
  left: -2.5vw;
  top: 0;
  z-index: 0;
  transition: all ease .3s;
}

.pmy3 .main {
  margin-top: 5.208vw;
}

.pmy3 .list {
  gap: 3.125vw 4.166vw;
}

.pmy3 .list .ev {
  width: calc((100% - 12.5vw) / 4);
}

.pmy3 .list:nth-child(1) {
  --theme: #FFCE48;
  margin-bottom: 3.125vw;
}

.pmy3 .list:nth-child(2) {
  --theme: #5796E3;
}

.pmy3 .list .ev .pic {
  position: relative;
  border-radius: 100%;
  overflow: hidden;
}

.pmy3 .list .ev .pic::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border: 30px solid var(--theme);
  border-radius: 100%;
}

.pmy3 .list .ev .pic img {
  position: relative;
  z-index: 5;
}

.pmy3 .list .ev .pic .des {
  padding: 2.395vw 2.187vw;
  line-height: 1.87;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  background: var(--theme);
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
  border-radius: 100%;
  overflow: hidden;
}

.pmy3 .list:nth-child(1) .ev .pic .des {
  color: #000;
}

.pmy3 .list .ev:hover .pic .des {
  opacity: 1;
  pointer-events: visible;
}

.pmy3 .list .ev .pic .des .gdt {
  max-height: 100%;
}

.pmy3 .list .intr {
  padding-top: 0.833vw;
  text-align: center;
}

.pmy3 .list .t2 {
  margin: 0.208vw 0 0.52vw;
}

.pmy3 .lx2 {
  top: 17.5vw;
  right: 0;
  width: 15.989vw;
}

.pmy4 {
  background: url('/img/pmy4-2.png') no-repeat right top/37.864vw;
}

.pmy4 .C-title3 {
  position: absolute;
  left: -2.5vw;
  top: 0;
  z-index: 0;
  transition: all ease .3s;
}

.pmy4 .sec1 {
  padding: 5.208vw 0 4.166vw;
}

.pmy4 .sec1 .zuo {
  width: 42.291vw;
  border-radius: 40px;
  overflow: hidden;
}

.pmy4 .sec1 .you {
  flex: 1;
  padding-left: 3.125vw;
}

.pmy4 .sec1 .you .t2 {
  margin-top: 2.083vw;
}

.pmy4 .sec2 {
  gap: 2.083vw 2.76vw;
}

.pmy4 .sec2 .ev {
  width: calc((100% - 8.281vw) / 3);
  padding: 0.26vw 0 0 1.822vw;
  border-radius: 20px;
  background: #D7F5FF;
  position: relative;
  cursor: pointer;
}

.pmy4 .sec2 .ev .icon {
  width: 10.104vw;
  mix-blend-mode: darken;
  display: flex;
  align-items: flex-end;
}

.pmy4 .sec2 .ev .intr {
  text-align: right;
  padding: 1.197vw 1.458vw;
  letter-spacing: 0.104vw;
  margin-top: auto;
}

.pmy4 .sec2 .ev .des {
  padding: 1.197vw 2.447vw;
  border-radius: 20px;
  background: #FFF8D4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.90);
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
}

.pmy4 .sec2 .ev:hover .des {
  opacity: 1;
  pointer-events: visible;
}

.pmy4 .sec2 .ev .des .gdt {
  max-height: 100%;
}

.pmy5 {
  padding: 6.25vw 0 9.375vw;
}

.pmy5 .C-select .simulate {
  background: #FFF8D4;
}

.pmy5 .C-title3 {
  position: absolute;
  left: -2.5vw;
  top: 0;
  z-index: 0;
  transition: all ease .3s;
}

.pmy5 .C-title2 {
  margin-bottom: 8.854vw;
}

.pmy5 .list {
  margin-top: 0.625vw;
}

.pmy5 .ev {
  position: relative;
  width: 48.437vw;
  background: #0F45A5;
  border-radius: 0 120px 0 0;
}

.pmy5 .ev:nth-child(2n) {
  border-radius: 120px 0 0 0;
  flex-direction: row-reverse;
  margin: -4.947vw 0 0 auto;
}

.pmy5 .ev .pic-zhanwei {
  width: 27.343vw;
}

.pmy5 .ev .pic {
  width: 27.343vw;
  position: absolute;
  left: 0;
  bottom: 0;
}

.pmy5 .ev:nth-child(2n) .pic {
  left: auto;
  right: 0;
}

.pmy5 .ev .intr {
  flex: 1;
  padding: 1.718vw 2.447vw 1.562vw 0.885vw;
}

.pmy5 .ev:nth-child(2n) .intr {
  padding: 1.718vw 0.885vw 1.562vw 3.541vw;
}

.pmy5 .ev .intr .t3 {
  margin-top: 0.52vw;
}

.C-more2 {
  --svgBg: #5796E3;
  --svgColor2: #fff;
}

.C-more2 svg {
  display: block;
  width: 2.291vw;
  height: 2.291vw;
}

.C-more2:hover {
  --svgBg: #fff;
  --svgColor2: #5796E3;
}

.C-more2.theme2:hover {
  --svgBg: #BEBEBE;
  --svgColor2: #fff;
}

.pmy5 .ev .intr .C-more2 {
  margin: auto 0 0 2.083vw;
}

.pmy6 {
  padding: 6.25vw 0 9.375vw;
}

.pmy6 .C-title3 {
  position: absolute;
  left: -2.5vw;
  top: 0;
  z-index: 0;
  transition: all ease .3s;
}

.pmy6 .sec1 {
  padding: 4.062vw 0 2.76vw;
}

.pmy6 .tab {
  width: 13.593vw;
  margin-right: 7.812vw;
  gap: 0.52vw;
}

.pmy6 .tab .item {
  width: 100%;
  padding: 0.781vw 0.52vw 0.781vw 2.812vw;
  position: relative;
  color: #5F5D5D;
  letter-spacing: 0.104vw;
  cursor: pointer;
  border-radius: 50px;
  transition: all ease .3s;
}

.pmy6 .tab .item.on {
  background: #D7F5FF;
}

.pmy6 .tab .item:hover {
  background: #D7F5FF;
}

.pmy6 .tab .item.on::before {
  content: '';
  display: block;
  width: 0.677vw;
  height: 0.677vw;
  border-radius: 100%;
  background: #FFCE48;
  position: absolute;
  left: 1.562vw;
  top: 50%;
  transform: translateY(-50%);
}

.pmy6 .you {
  flex: 1;
  overflow: hidden;
}

.pmy6 .you .list {
  display: none;
}

.pmy6 .you .list.on {
  display: block;
}

.pmy6 .you .ev {
  padding: 1.979vw;
  width: 22.239vw;
  border-radius: 40px;
  /* background: var(--bg, #D7F5FF); */
  text-align: center;
  position: relative;
}

.pmy6 .you .ev .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  z-index: -1;
}

.pmy6 .you .ev .pic {
  margin: 0.833vw auto 0;
  width: 12.291vw;
  border-radius: 50%;
  overflow: hidden;
}

.pmy6 .you .ev .t2 {
  margin: 0.937vw 0 0.625vw;
}

.pmy6 .you .ev .t3 {
  width: max-content;
  margin: 0 auto;
  line-height: 1.9;
  padding: 0.104vw 0.781vw;
  border-radius: 20px;
  background: #FFCE48;
}

.pmy6 .lx2 {
  top: 5.312vw;
  right: 0;
  width: 17.708vw;
  mix-blend-mode: darken;
  user-select: none;
}

.pmy6 .lx3 {
  top: 14.218vw;
  left: 52.083vw;
  width: 13.958vw;
  height: 13.958vw;
  border-radius: 268px;
  background: #00BFFF;
  filter: blur(4.166vw);
  z-index: 1;
  will-change: transform;
}

.pmy6 .C-wrap3 {
  position: relative;
  z-index: 5;
}

.pmy6 .control {
  gap: 2.083vw;
  margin: 1.041vw 0 0;
}
.pmy6 .swiper-button5 {
  position: static;
  transform: none;
}

.pmy7 {
  padding: 6.25vw 0 7.812vw;
}

.pmy7 .C-title3 {
  position: absolute;
  left: -2.5vw;
  top: 0;
  z-index: 0;
  transition: all ease .3s;
}

.pmy7 .swiper {
  /* margin-top: 5.208vw; */
  margin-top: 2.208vw;
  padding-bottom: 3.906vw;
}

.pmy7 .control {
  gap: 2.083vw;
  margin: 1.041vw 0 0;
}

.pmy7 .swiper-button5 {
  position: static;
  transform: none;
}

.C-list5 .swiper-slide {
  width: 68.333vw;
  border-radius: 20px;
  overflow: hidden;
  background: #D7F5FF;
  transition: all ease .3s;
}

.C-list5 .swiper-slide-active {
  background: #FFF;
  box-shadow: 0.416vw 0.208vw 0.208vw rgba(87, 150, 227, 0.20);
}

.C-list5 .swiper-slide .pic {
  width: 35.208vw;
  padding: 1.822vw 1.562vw;
}

.C-list5 .swiper-slide .pic img {
  border-radius: 20px;
  overflow: hidden;
}

.C-list5 .swiper-slide-active .pic {
  padding: 0;
}

.C-list5 .swiper-slide-active .pic img {
  border-radius: 0;
}

.C-list5 .swiper-slide .intr {
  flex: 1;
  padding: 2.343vw 3.385vw 2.343vw 1.822vw;
}

.C-list5 .swiper-slide .intr .t1 {
  letter-spacing: 0.104vw;
  padding-right: 0.52vw;
}

.C-list5 .swiper-slide .intr .t2 {
  border-bottom: 1px solid #D5D5D5;
  margin: 1.25vw 0;
}

.C-list5 .swiper-slide .intr .t3 {
  margin-bottom: 1.25vw;
}

.C-list5 .swiper-pagination {
  bottom: 0;
}

.C-list5 .swiper-pagination-bullet {
  --swiper-pagination-bullet-width: 0.52vw;
  --swiper-pagination-bullet-height: 0.52vw;
  --swiper-pagination-bullet-horizontal-gap: 1.041vw;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 1;
  position: relative;
  transition: all ease .3s .3s;
}

.C-list5 .swiper-pagination-bullet-active {
  --swiper-theme-color: transparent;
}

.C-list5 .swiper-pagination-bullet::after {
  content: '';
  display: block;
  width: 1.041vw;
  height: 1.041vw;
  border-radius: 100%;
  border: 2px solid #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all ease .3s .3s;
}

.C-list5 .swiper-pagination-bullet-active::after {
  transform: translate(-50%, -50%) scale(1);
}

.pmy8 {
  padding: 6.25vw 0 5.208vw;
}

.pmy8 .C-list1 .ev {
  width: 19vw;
}

.pmy8 .C-title3 {
  position: absolute;
  left: -2.5vw;
  top: 0;
  z-index: 0;
  transition: all ease .3s;
}

.pmy8 .swiper {
  padding-top: 2.812vw;
  padding-bottom: 4.166vw;
}

.pmy8 .control {
  gap: 2.083vw;
  margin: 1.041vw 0 0;
}

.pmy8 .swiper-button5 {
  position: static;
  transform: none;
}

.pmy9 {
  padding: 4.947vw 0 6.25vw;
}

.pmy9 .C-title3 {
  position: absolute;
  left: -2.5vw;
  top: 0;
  z-index: 0;
  transition: all ease .3s;
}

.pmy9 .main {
  margin-top: 5.208vw;
  background: url('/img/pmy9-2.jpg') no-repeat right bottom/48.958vw;
}

.pmy9 .sw1 {
  flex: 1;
}

.pmy9 .sw1 .pic {
  width: 39.843vw;
}

.pmy9 .sw1 .intr {
  flex: 1;
  padding: 4.166vw;
}

.pmy9 .sw1 .intr .t1 {
  margin-bottom: 1.041vw;
}

.pmy9 .sw2 {
  width: 24.947vw;
}

.pmy9 .sw2 .swiper {
  height: 11.875vw;
}

.pmy9 .sw2 .swiper-slide {
  color: rgba(95, 93, 93, 0.15);
  cursor: pointer;
  line-height: 1;
  user-select: none;
}

.pmy9 .sw2 .swiper-slide-active {
  color: #000;
}

.pmy9 .sw2 .C-more2 {
  margin-top: 2.395vw;
}

.pmy9 .sw2 .C-more2 span {
  margin-right: 0.833vw;
}

.pmy10 {
  background: #D7F5FF;
}

.pmy10 .zuo {
  width: 33.281vw;
  padding: 4.479vw 0;
}

.pmy10 .zuo .t2 {
  margin: 1.041vw 2.083vw 2.083vw 0;
}

.pmy10 .zuo .btnlist {
  gap: 1.25vw;
}

.pmy10 .zuo .btnlist a {
  padding: 1.041vw 2.083vw 1.041vw 3.125vw;
  border-radius: 20px;
  background: #5796E3;
}

.pmy10 .zuo .btnlist a:hover {
  background: #3186ee;
}

.pmy10 .zuo .btnlist a .ico1 {
  width: 2.083vw;
  margin-right: 2.343vw;
}

.pmy10 .zuo .btnlist a .ico2 {
  width: 1.718vw;
  margin-left: auto;
}

.pmy10 .you {
  width: 46.614vw;
  position: relative;
}

.pmy10 .you::before {
  content: '';
  display: block;
  position: absolute;
  left: -2.343vw;
  top: 0;
  width: 10.416vw;
  height: 100%;
  background: linear-gradient(270deg, rgba(217, 237, 235, 0.25) -10.56%, #D7F5FF 78.97%);
  filter: blur(7.0.26vw);
}

.pmy11 {
  padding: 13.802vw 0 8.541vw;
}

.pmy11 .C-title3 {
  position: absolute;
  left: -2.5vw;
  top: 7.291vw;
  z-index: 0;
  transition: all ease .3s;
}

.pmy11 .list {
  margin-top: 5.208vw;
}

.pmy11 .list .ev {
  /* width: 15.625vw; */
  width: 12.625vw;
  border-radius: 20px;
  overflow: hidden;
}

.pmy11 .list .ev .intr {
  padding: 1.562vw 1.458vw 1.25vw 1.145vw;
}

.pmy11 .list .ev .intr .t1 {
  /* width: 13.072vw; */
  letter-spacing: 1.0.312vw;
  line-height: 1.9;
}

.pmy11 .list .ev .intr .icon {
  width: 1.718vw;
  margin: auto 0 0 auto;
}

.pmy13 {
  padding: 7.552vw 0 6.25vw;
}

.pmy13 .C-title3 {
  position: absolute;
  left: -0.781vw;
  top: 0;
  z-index: 0;
  transition: all ease .3s;
}

.pmy13 .list {
  margin-top: 5.208vw;
  gap: 0.833vw;
}

.pmy13 .list .item .icon {
  width: 1.406vw;
  margin-right: 0.729vw;
}

.pmy13 .list .item p {
  line-height: 3;
  flex: 1;
}

/* -----------------------------------------注释-------------------------------------- */
/* 太阳 */
.C-title4 {
  font-weight: bold;
  position: relative;
  letter-spacing: 3.0.312vw;
}

.C-title4::after {
  content: '';
  display: block;
  width: 3.854vw;
  height: 3.854vw;
  background: url('/img/etm2-i1.svg') no-repeat center/contain;
  position: absolute;
  /* pointer-events: none; */
}

/* 热气球 */
.C-title5 {
  font-weight: bold;
  position: relative;
  letter-spacing: 3.0.312vw;
}

.C-title5::after {
  content: '';
  display: block;
  width: 2.291vw;
  height: 3.333vw;
  background: url('/img/etm2-i2.svg') no-repeat center/contain;
  position: absolute;
}

/* 蓝色云朵 */
.C-title6 {
  font-weight: bold;
  position: relative;
  letter-spacing: 3.0.312vw;
}

.C-title6::after {
  content: '';
  display: block;
  width: 5.625vw;
  height: 3.427vw;
  background: url('/img/etm2-i3.png') no-repeat center/contain;
  position: absolute;
}

/* 飞机 */
.C-title7 {
  font-weight: bold;
  position: relative;
  letter-spacing: 3.0.312vw;
}

.C-title7::after {
  content: '';
  display: block;
  width: 5.052vw;
  height: 2.604vw;
  background: url('/img/etm2-i4.svg') no-repeat center/contain;
  position: absolute;
}

/* 爱心 */
.C-title8 {
  font-weight: bold;
  position: relative;
  letter-spacing: 3.0.312vw;
}

.C-title8::after {
  content: '';
  display: block;
  width: 3.697vw;
  height: 3.437vw;
  background: url('/img/etm2-i5.svg') no-repeat center/contain;
  position: absolute;
}

/* 粉色气球 */
.C-title9 {
  font-weight: bold;
  position: relative;
  letter-spacing: 3.0.312vw;
}

.C-title9::after {
  content: '';
  display: block;
  width: 3.697vw;
  height: 4.843vw;
  background: url('/img/etm2-i6.svg') no-repeat center/contain;
  position: absolute;
}

.etm2 {
  padding: 6.51vw 0 4.166vw;
}

.etm2 .zuo {
  width: 33.229vw;
}

.etm2 .zuo .t2 {
  margin: 2.083vw 0;
}

.etm2 .you {
  width: 28.75vw;
  margin-right: 8.75vw;
}

.etm2 .next {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}

.etm2 .lx1 {
  width: 3.854vw;
  left: 6.562vw;
  top: 3.02vw;
}

.etm3 {
  padding: 9.895vw 0 0;
  background: #D9F5FF;
}

.etm3 .C-title5::after {
  right: -1.552vw;
  bottom: 80%;
  margin-bottom: 0.52vw;
  transform: rotate(-45deg);
}

.etm3 .main {
  margin-top: 5.885vw;
}

.etm3 .swiper {
  padding: 5.833vw 0 9.895vw;
}

.etm3 .swiper-slide {
  display: block;
  background: #D7F5FF;
  border: 5px dashed #FFCE48;
  background: #FFF;
}

.etm3 .lx1 {
  width: 100%;
  left: 0;
  top: -11.458vw;
}

.etm3 .lx2 {
  width: 5.572vw;
  right: 9.635vw;
  top: 0.52vw;
}

.etm3 .lx3 {
  width: 5.312vw;
  left: 0;
  top: 6.614vw;
}

.etm3 .lx4 {
  width: 8.385vw;
  right: 21.458vw;
  bottom: 0;
}

.etm4 {
  padding: 6.25vw 0 6.51vw;
}

.etm4 .C-title4::after {
  left: 100%;
  bottom: 0.312vw;
}

.etm4 .swiper-slide {
  border: 5px dashed #FFA07A;
  border-radius: 20px;
  background: #FFF;
}

.etm4 .swiper-slide:nth-child(5n-4) {
  border-color: #55BEDE;
}

.etm4 .swiper-slide:nth-child(5n-3) {
  border-color: #FFA07A;
}

.etm4 .swiper-slide:nth-child(5n-2) {
  border-color: #FFCE48;
}

.etm4 .swiper-slide:nth-child(5n-1) {
  border-color: #FFA07A;
}

.etm4 .swiper-slide:nth-child(5n) {
  border-color: #55BEDE;
}

.etm4 .swiper-slide:nth-child(2n) {
  margin-top: 4.062vw;
}

.etm4 .swiper-slide:hover {
  border-width: 10px;
  border-style: solid;
}

.etm4 .swiper-slide .t2 span:nth-child(2) {
  display: none;
}

.etm4 .swiper-slide:hover .t2 span:nth-child(1) {
  display: none;
}

.etm4 .swiper-slide:hover .t2 span:nth-child(2) {
  display: block;
}

.etm4 .lx1 {
  width: 4.062vw;
  left: 33.958vw;
  top: 7.812vw;
  z-index: 25;
}

.C-lxMessage {
  position: absolute;
  z-index: 15;
}

.C-lxMessage img {
  width: 100%;
}

.C-lxMessage.ani {
  animation: float 8s ease-in-out infinite;
}

.C-lxMessage.ani-big {
  animation: float-big 4s ease-in-out infinite;
}

.C-lxMessage.ani-x {
  animation: float-x 8s ease-in-out infinite;
}

.C-lxMessage.ani-x-y {
  animation: float-x-y 8s ease-in-out infinite;
}

.C-lxMessage .tips {
  width: 12.343vw;
  min-height: 5.729vw;
  padding: 1.041vw 1.302vw;
  position: absolute;
  right: 50%;
  bottom: 100%;
  color: #0B2A61;
  background: #E3F8FF;
  border-radius: 25px;
  margin-bottom: 1.041vw;
  z-index: 15;
  opacity: 0;
  transform: translate(20%, 20%);
  pointer-events: none;
  transition: all ease .3s;
}

.C-lxMessage.theme2 .tips {
  right: auto;
  left: 50%;
  transform: translate(-20%, 20%);
}

.C-lxMessage .tips::after {
  content: '';
  display: block;
  width: 1.979vw;
  height: 1.458vw;
  background: url('/img/tips-1.svg') no-repeat center/contain;
  position: absolute;
  right: 25%;
  top: 100%;
}

.C-lxMessage.theme2 .tips::after {
  right: auto;
  left: 25%;
  transform: rotateY(180deg);
}

.C-lxMessage.themewhite .tips {
  background: #fff;
}

.C-lxMessage.themewhite .tips::after {
  background: url('/img/tips-2.svg') no-repeat center/contain;
}

.C-lxMessage:hover .tips {
  opacity: 1;
  transform: translate(0, 0);
  pointer-events: visible;
}

.etm4 .lx2 {
  width: 10.833vw;
  right: 0;
  top: 4.687vw;
}

.etm5 {
  padding: 6.25vw 0 7.708vw;
  background: #D9F5FF;
}

.etm5 .C-title7::after {
  right: 100%;
  margin-right: -0.8vw;
  bottom: 75%;
}

.etm5 .swiper {
  margin-top: 5.208vw;
  padding-bottom: 3.906vw;
}

.etm5 .swiper-slide {
  width: 68.333vw;
  border-radius: 20px;
  padding: 1.145vw;
  overflow: hidden;
  background: #FFF;
  transition: all ease .3s;
  opacity: 0 !important;
  transition: all ease .3s;
}

.etm5 .swiper-slide-prev {
  opacity: 0.6 !important;
}

.etm5 .swiper-slide-next {
  opacity: 0.6 !important;
}

.etm5 .swiper-slide-active {
  opacity: 1 !important;
}

.etm5 .swiper-slide .wrap {
  border-radius: 20px;
  overflow: hidden;
  border: 5px dashed #FFCE48;
}

.etm5 .swiper-slide .bg {
  width: 31.51vw;
  margin: 0.52vw 0 0.52vw 0.52vw;
}

.etm5 .swiper-slide .intr {
  flex: 1;
  padding: 2.239vw 1.406vw 1.197vw 4.531vw;
}

.etm5 .swiper-slide .intr .t1 {
  letter-spacing: 0.104vw;
}

.etm5 .swiper-slide .intr .t2 {
  border-bottom: 1px solid #D5D5D5;
  margin: 0.937vw 0 1.458vw;
}

.etm5 .swiper-slide .intr .t3 {
  margin-bottom: 1.25vw;
  padding-right: 0.52vw;
}

.etm5 .swiper-pagination {
  bottom: 0;
}

.etm5 .swiper-pagination-bullet {
  --swiper-pagination-bullet-width: 0.52vw;
  --swiper-pagination-bullet-height: 0.52vw;
  --swiper-pagination-bullet-horizontal-gap: 1.041vw;
  --swiper-pagination-bullet-inactive-color: #55BEDE;
  --swiper-pagination-bullet-inactive-opacity: 1;
  position: relative;
  transition: all ease .3s .3s;
}

.etm5 .swiper-pagination-bullet-active {
  --swiper-theme-color: transparent;
}

.etm5 .swiper-pagination-bullet::after {
  content: '';
  display: block;
  width: 1.041vw;
  height: 1.041vw;
  border-radius: 100%;
  border: 2px solid #55BEDE;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all ease .3s .3s;
}

.etm5 .swiper-pagination-bullet-active::after {
  transform: translate(-50%, -50%) scale(1);
}

.etm5 .lx1 {
  width: 100%;
  left: 0;
  bottom: 0;
}

.etm5 .lx2 {
  width: 5vw;
  left: 0;
  top: 19.843vw;
}

.etm5 .lx3 {
  width: 6.458vw;
  right: 0;
  top: 9.843vw;
}

.etm5 .lx4 {
  width: 10.312vw;
  right: 18.958vw;
  bottom: 0;
}

.etm6 {
  padding: 6.25vw 0 0;
}

.etm6 .C-title6::after {
  left: 100%;
  bottom: 80%;
  transform: translateX(-40%) rotate(45deg);
}

.etm6 .ev {
  border: 5px dashed #55BEDE;
  box-shadow: none;
}

.etm6 .ev:nth-child(2n) {
  border-color: #FFCE48;
}

.etm6 .ev:hover {
  box-shadow: none;
  border-width: 8px;
  border-style: solid;
  z-index: 5;
}

.etm6 .control {
  gap: 2.083vw;
  margin: -1.77vw 0 0;
}

.etm6 .swiper {
  padding: 2.447vw 0 4.114vw;
}

.etm6 .swiper-button5 {
  position: static;
  transform: none;
}

.C-swiper6 .swiper-father {
  overflow: hidden;
  padding: 0 15.625vw 0 4.947vw;
}

.C-swiper6 .swiper {
  width: 100%;
  overflow: visible;
}

.etm6 .lx1 {
  width: 4.062vw;
  left: 51.979vw;
  top: 11.979vw;
  z-index: 25;
}

.etm20.pjo8 {
  padding-top: 5vw;
}

.etm20 .C-title4::after {
  right: 100%;
  bottom: 1.822vw;
}

.etm7 {
  padding: 2.864vw 0 1.302vw;
}

.etm7 .C-title8::after {
  right: 100%;
  bottom: 1.822vw;
}

.etm7 .main {
  margin-top: 5.208vw;
}

.etm7 .sw1 {
  flex: 1;
}

.etm7 .sw1 .pic {
  margin-left: var(--leave);
  width: 31.25vw;
}

.etm7 .sw1 .intr {
  flex: 1;
  padding: 4.166vw;
}

.etm7 .sw1 .intr .t1 {
  margin-bottom: 1.041vw;
}

.etm7 .sw2 {
  width: 24.947vw;
}

.etm7 .sw2 .swiper {
  height: 11.875vw;
}

.etm7 .sw2 .swiper-slide {
  color: rgba(95, 93, 93, 0.15);
  cursor: pointer;
  line-height: 1;
  user-select: none;
}

.etm7 .sw2 .swiper-slide-active {
  color: #000;
}

.etm7 .sw2 .C-more2 {
  margin-top: 2.395vw;
}

.etm7 .sw2 .C-more2 span {
  margin-right: 0.833vw;
}

.etm7 .lx1 {
  width: 7.656vw;
  right: 22.552vw;
  top: 3.645vw;
}

.etm7 .lx2 {
  width: 7.083vw;
  left: 0;
  top: 12.031vw;
}

.etm7 .lx3 {
  width: 6.093vw;
  right: 0;
  top: 20.625vw;
}

.etm7 .lx4 {
  width: 11.354vw;
  left: 2.5vw;
  bottom: -2.083vw;
}

.etm8 {
  padding: 15.625vw 0 6.51vw;
  background: #D9F5FF;
}

.etm8 .C-title4::after {
  left: 100%;
  bottom: 1.562vw;
}

.etm8 .zuo {
  width: 31.197vw;
}

.etm8 .zuo .t2 {
  margin-top: 2.083vw;
}

.etm8 .you {
  width: 33.281vw;
  margin-left: 7.552vw;
}

.etm8 .btnlist {
  gap: 1.25vw;
}

.etm8 .btnlist a {
  padding: 1.041vw 2.083vw 1.041vw 3.125vw;
  border-radius: 20px;
  background: #02A5A0;
}

.etm8 .btnlist a:hover {
  background: #04918c;
}

.etm8 .btnlist a .ico1 {
  width: 2.083vw;
  margin-right: 2.343vw;
}

.etm8 .btnlist a .ico2 {
  width: 1.718vw;
  margin-left: auto;
}

.etm8 .C-wrap {
  position: relative;
  z-index: 5;
}

.etm8 .lx1 {
  width: 100%;
  left: 0;
  top: -10.416vw;
}

.etm8 .lx2 {
  width: 21.25vw;
  left: 25.26vw;
  bottom: -4.166vw;
}

.etm8 .lx3 {
  width: 19.895vw;
  right: 6.458vw;
  top: 3.802vw;
}

.etm8 .lx4 {
  width: 11.718vw;
  right: 0.625vw;
  bottom: 1.041vw;
}

.etm9 {
  padding: 6.25vw 0 7.291vw;
}

.etm9 .C-title9::after {
  left: -2vw;
  bottom: 0.822vw;
}

.etm9 .list {
  margin-top: 5.208vw;
  padding: 0 1.302vw;
  gap: 2.083vw 4.687vw;
}

.etm9 .list .ev {
  width: calc((100% - 18.75vw) / 5);
  border-radius: 20px;
  border: 5px dashed #FFCE48;
  overflow: hidden;
}

.etm9 .lx1 {
  width: 4.062vw;
  right: 14.947vw;
  top: 11.458vw;
  z-index: 25;
}

.etm10 {
  padding: 6.614vw 0 5vw;
}

.etm10 .C-title4::after {
  right: 100%;
  bottom: -0.52vw;
  margin-right: 0.312vw;
}

.etm10 .list {
  margin-top: 5.208vw;
  gap: 0.833vw;
}

.etm10 .list .item .icon {
  width: 1.406vw;
  margin-right: 0.729vw;
}

.etm10 .list .item p {
  line-height: 3;
  flex: 1;
}

.etm10 .C-wrap {
  position: relative;
  z-index: 5;
}

.xjz2 {
  padding: 6.25vw 0 4.479vw;
}

.xjz2 .C-title4::after {
  left: 100%;
  bottom: -0.52vw;
}

.pjo2 .zuo {
  flex: 1;
  padding-right: 5.208vw;
}

.xjz2 .you {
  width: 31.979vw;
  height: 100%;
  margin-right: 8.75vw;
  border-radius: 222px;
  border: 10px solid #FFCE48;
  padding: 0.625vw;
  overflow: hidden;
}

.xjz2 .you .pic {
  border-radius: 198px;
  overflow: hidden;
}

.xjz2 .lx1 {
  width: 10.885vw;
  right: 7.031vw;
  bottom: -2.083vw;
}

.xjz3 {
  padding: 5.468vw 0;
  background: url('/img/xjz3-bg.jpg') no-repeat center bottom/100%;
}

.xjz3 .C-title4::after {
  right: 100%;
  bottom: 0.312vw;
}

.xjz3 .swiper {
  margin-top: 5.208vw;
  padding-bottom: 3.906vw;
}

.xjz3 .swiper-slide {
  width: 24.322vw;
  padding: 1.041vw 0.833vw;
  border-radius: 40px;
  background: #FFF;
}

.xjz3 .swiper-slide .wrap {
  padding: 1.041vw 1.302vw 0.781vw;
  border-radius: 20px;
  border: 5px dashed #5CCC95;
}

.xjz3 .swiper-slide:nth-child(2n) .wrap {
  border-color: #FFCE48;
}

.xjz3 .swiper-slide .pic {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}

.xjz3 .swiper-slide .t1 {
  margin: 0.833vw 2.708vw 0 0.468vw;
  color: #111;
  letter-spacing: 1.0.312vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.xjz3 .swiper-pagination {
  bottom: 0;
}

.xjz3 .swiper-pagination-bullet {
  --swiper-pagination-bullet-width: 0.52vw;
  --swiper-pagination-bullet-height: 0.52vw;
  --swiper-pagination-bullet-horizontal-gap: 1.041vw;
  --swiper-pagination-bullet-inactive-color: #FDBB6F;
  --swiper-pagination-bullet-inactive-opacity: 1;
  position: relative;
  transition: all ease .3s .3s;
}

.xjz3 .swiper-pagination-bullet-active {
  --swiper-theme-color: transparent;
}

.xjz3 .swiper-pagination-bullet::after {
  content: '';
  display: block;
  width: 1.041vw;
  height: 1.041vw;
  border-radius: 100%;
  border: 2px solid #FDBB6F;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all ease .3s .3s;
}

.xjz3 .swiper-pagination-bullet-active::after {
  transform: translate(-50%, -50%) scale(1);
}

.xjz3 .lx1 {
  width: 11.51vw;
  left: 0;
  bottom: 0;
}

.xjz4 {
  padding: 6.25vw 0 4.322vw;
  --co: #FDBB6F;
  --btnBg: #FDF1DA;
}

.xjz4 .C-title5::after {
  right: -3.281vw;
  bottom: 1.562vw;
}

.xjz4 .lx1 {
  width: 12.343vw;
  right: 1.083vw;
  top: 18.125vw;
}

.xjz5 {
  padding: 1.927vw 0 7.604vw;
}

.xjz5 .C-title4::after {
  left: auto;
  right: 100%;
  bottom: 0.312vw;
}

.xjz5 .C-title4 {
  margin-bottom: 5.208vw;
}

.xjz5 .swiper-slide {
  display: block;
  /* cursor: alias; */
  width: 24.322vw;
  padding: 1.093vw 1.093vw 1.197vw;
  border-radius: 20px;
  border: 5px dashed #5CCC95;
}

.xjz5 .swiper-slide:nth-child(2n) {
  border-color: #FFCE48;
}

.xjz5 .swiper-slide .pic {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.xjz5 .swiper-slide .pic .btn {
  width: 2.916vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  cursor: pointer;
}

.xjz5 .t1 {
  margin: 0.833vw 0.937vw 0 0.937vw;
}

.xjz5 .prev {
  left: -2.552vw;
}

.xjz5 .next {
  right: -2.552vw;
}

.xjz5 .lx1 {
  width: 1.979vw;
  right: 15.625vw;
  top: 7.708vw;
}

.xjz6 {
  padding: 2.614vw 0 5.729vw;
}

.xjz6 .C-title6::after {
  left: -3vw;
  bottom: 1.781vw;
}

.xjz6 .swiper {
  margin-top: 5.208vw;
}

.xjz6 .swiper-slide {
  width: 20.052vw;
  height: 13.333vw;
  padding: 0.312vw 0.52vw;
  position: relative;
}

.xjz6 .swiper-slide:nth-child(2n) {
  margin-top: 5.312vw;
}

.xjz6 .swiper-slide .masks {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.xjz6 .swiper-slide .masks img {
  width: 100%;
  height: 100%;
}

.xjz6 .lx1 {
  width: 1.979vw;
  right: 20.052vw;
  top: 7.187vw;
}

.xjz6 .lx2 {
  width: 1.979vw;
  left: 12.708vw;
  bottom: 4.531vw;
}

.xjz7 {
  padding: 10.156vw 0 5.312vw;
  background: #FDF1DA;
}

.xjz7 .C-title4::after {
  left: 100%;
  bottom: 0.52vw;
  margin-left: 0.52vw;
}

.xjz7 .list {
  margin-top: 5.208vw;
  gap: 3.125vw;
}

.xjz7 .list .ev {
  width: calc((100% - 6.25vw) / 3);
  border-radius: 20px;
  background: #FFF;
  padding: 0.833vw;
}

.xjz7 .list .ev .wrap {
  border-radius: 20px;
  padding: 0.885vw 0.885vw 0.989vw;
  border: 5px dashed #5CCC95;
}

.xjz7 .list .ev:nth-child(3n-1) .wrap {
  border-color: #FFCE48;
}

.xjz7 .list .ev .intr {
  margin-top: 0.833vw;
}

.xjz7 .list .ev .intr .t2 {
  margin: 0.833vw 0;
  border-top: 1px solid #D9D9D9;
}

.xjz7 .list .ev .intr .t3 {
  letter-spacing: 0.104vw;
}

.xjz7 .list .ev .intr a {
  border-bottom: 1px solid #000;
  transition: none;
}

.xjz7 .list .ev .intr a:hover {
  color: var(--color);
  border-bottom: 1px solid var(--color);
}

.xjz7 .list .ev-none {
  display: none;
}

.xjz7 .lx1 {
  width: 5.364vw;
  left: 0;
  top: 27.343vw;
}

.xjz7 .lx2 {
  width: 5.364vw;
  right: 0;
  top: 48.437vw;
}

.xjz7 .lx3 {
  width: 100%;
  right: 0;
  top: -10.416vw;
}

.xjz7 .zhankai {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.041vw;
  z-index: 5;
  cursor: pointer;
}

.xjz20.pjo8 {
  padding-top: 16.406vw;
  background: #FDF1DA url('/img/xjz8-bg.svg') no-repeat top center/100%;
}

.xjz20::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: #fff;
}

.xjz20 .C-wrap {
  position: relative;
  z-index: 5;
}

.xjz20 .lx1 {
  width: 5.416vw;
  left: 6.302vw;
  top: 13.02vw;
}

.xjz20 .lx2 {
  width: 9.218vw;
  right: 9.322vw;
  top: 13.385vw;
}

.xjz8 {
  padding: 5.739vw 0 7.291vw;
}

.xjz8 .C-title4::after {
  right: 100%;
  bottom: 1.354vw;
}

.xjz8 .sec1 {
  margin: 3.281vw 0;
}

.xjz8 .list {
  gap: 2.083vw;
}

.xjz8 .list .ev {
  width: 17vw;
  border-radius: 40px;
  --theme: #08476c;
  border: 4px solid var(--theme);
  background: #FFF;
  position: relative;
  height: auto;
}

.xjz8 .list .ev::before {
  content: '';
  display: block;
  width: 4.375vw;
  height: 0.937vw;
  border-radius: 10px;
  background: var(--theme);
  position: absolute;
  left: 50%;
  top: 0.885vw;
  transform: translateX(-50%);
}

.xjz8 .list .ev::after {
  content: '';
  display: block;
  width: 5.468vw;
  height: 0.26vw;
  border-radius: 10px;
  background: var(--theme);
  position: absolute;
  left: 50%;
  bottom: 0.625vw;
  transform: translateX(-50%);
}

.xjz8 .list .ev .pic {
  padding: 2.5vw 0.7vw 0.937vw;
}

.xjz8 .list .ev .pic img {
  border-radius: 20px;
  overflow: hidden;
}

.xjz8 .list .ev .intr {
  /* border-top: 4px dashed var(--theme); */
  padding: 0 1vw 1.916vw;
}

.xjz8 .list .ev .t2 {
  margin-top: 0.468vw;
}

.xjz8 .lx1 {
  width: 10.02vw;
  right: 1vw;
  bottom: 2.239vw;
  z-index: 6;
}

.xjz9 {
  padding: 4.01vw 0 9.375vw;
}

.xjz9 .C-title4::after {
  left: 100%;
  bottom: 1.354vw;
}

.xjz9 .main {
  margin-top: 6.875vw;
}

.xjz9 .sec1 {
  width: 15.572vw;
  margin: 4.479vw 0 auto 5.416vw;
  padding: 3.645vw 2.083vw;
  padding-right: 0;
  border-radius: 40px 0 0 40px;
  background: #FFE7B9;
  box-shadow: 0vw 0.208vw 0.208vw rgba(0, 0, 0, 0.10);
  position: relative;
}

.xjz9 .sec1::after {
  content: '';
  display: block;
  position: absolute;
  width: 11.302vw;
  height: 100%;
  left: 100%;
  margin-left: 33.125vw;
  top: 0;
  border-radius: 40px;
  background: #FFE7B9;
  box-shadow: 0vw 0.208vw 0.208vw 0vw rgba(0, 0, 0, 0.10);
}

.xjz9 .sec1 label {
  display: block;
  padding: 1.145vw 0 0;
  border-bottom: 1px solid #E1B896;
}

.xjz9 .sec1 input {
  width: 100%;
  background: transparent;
  padding: 0.26vw;
}

.xjz9 .sec1 input::placeholder {
  color: #E1B896;
}

.xjz9 .sec1 button {
  border-radius: 20px;
  background: #F4A664;
  margin-top: 1.041vw;
  padding: 0.468vw 1.562vw;
  color: #fff;
  border: none;
  cursor: pointer;
}

.xjz9 .sec2 {
  width: 36.458vw;
  position: relative;
  border-radius: 40px;
  padding: 1.822vw 1.562vw;
  background: #FFCE48;
}

.xjz9 .sec2 .icon {
  width: 27.187vw;
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: -0.156vw;
  transform: translate(-50%, 0);
}

.xjz9 .sec2 .pic {
  border-radius: 20px;
  overflow: hidden;
}

.xjz9 .sec3 {
  width: 20.625vw;
  margin: 6.458vw 0 auto -5.208vw;
  padding: 2.187vw 1.822vw;
  border-radius: 40px;
  background: #F4A664;
  position: relative;
  z-index: 5;
  color: #fff;
}

.xjz9 .lx1 {
  width: 5.781vw;
  left: 8.906vw;
  bottom: 8.437vw;
  z-index: 6;
}

.xjz9 .lx2 {
  width: 6.145vw;
  right: 7.395vw;
  bottom: 7.708vw;
  z-index: 6;
}

.xjz9 .lx3 {
  width: 1.979vw;
  left: 14.27vw;
  bottom: 8.437vw;
}

.xjz9 .lx4 {
  width: 1.979vw;
  right: 14.062vw;
  bottom: 8.229vw;
}

.xjz10 {
  padding: 2.187vw 0 6.25vw;
}

.xjz10 .lx1 {
  width: 4.062vw;
  right: 14.427vw;
  top: 7.291vw;
  z-index: 25;
}

/* -----------------------------------------注释-------------------------------------- */
.pjo6 {
  padding: 0 0 8.593vw;
}

.pjo6 .swiper {
  margin-top: 5.208vw;
  padding-bottom: 3.906vw;
}

.pjo7 {
  padding: 0 0 1.302vw;
}

.pjo7 .swiper {
  padding: 2.812vw 0 4.166vw;
}

.pjo7 .control {
  gap: 2.083vw;
  margin: 1.041vw 0 0;
}

.pjo7 .swiper-button5 {
  position: static;
  transform: none;
}

.pjo8 {
  padding: 5.208vw 0 4.166vw;
}

.pjo8 .swiper {
  margin-top: 5.208vw;
}

.pjo8 .swiper-slide {
  width: 11.458vw;
  display: flex;
  flex-direction: column;
  gap: 2.604vw;
}

.pjo8 .swiper-slide .pic {
  border-radius: 40px;
  border: 3px dashed;
  overflow: hidden;
  padding: 0.729vw 0.625vw;
}

.pjo8 .swiper-slide .pic img {
  border-radius: 40px;
}

.pjo8 .swiper-slide .pic:hover {
  border-width: 6px;
  border-style: solid;
}

.pjo8 .swiper-slide:nth-child(3n-2) {
  padding-top: 3.697vw;
}

.pjo8 .swiper-slide:nth-child(3n) {
  width: 15.104vw;
  padding-top: 1.875vw;
}

.pjo8 .swiper-slide:nth-child(2n-1) .pic:nth-child(1) {
  border-color: #0F45A5;
}

.pjo8 .swiper-slide:nth-child(2n-1) .pic:nth-child(2) {
  border-color: #55BEDE;
}

.pjo8 .swiper-slide:nth-child(2n) .pic:nth-child(1) {
  border-color: #55BEDE;
}

.pjo8 .swiper-slide:nth-child(2n) .pic:nth-child(2) {
  border-color: #0F45A5;
}

.pjo8 .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.pjo20 .swiper-slide .pic {
  border: none;
  padding: 0;
  border-radius: 0;
}

.pjo20 .swiper-slide .pic:hover {
  border: none;
}

.pjo8 .swiper-slide .pic img {
  border-radius: 0;
}

/* -----------------------------------------loading-------------------------------------- */
.loading-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  background: #fff;
  transition: all ease 1s .3s;
  cursor: progress;
}

.loading-wrap.hide {
  /* transform: translate(0, -100%); */
  opacity: 0;
}

.loading-wrap .center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3D(-50%, -50%, 0);
  transform: translate3D(-50%, -50%, 0);
  z-index: 5;
}

.loading-wrap .center .pic {
  width: 7.291vw;
  height: auto;
  opacity: 0.1;
}

.loading-wrap .line {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3D(0, -50%, 0);
  transform: translate3D(0, -50%, 0);
  right: 50%;
  height: 0.052vw;
  width: 0%;
  margin-right: 6.25vw;
  margin-top: -0.572vw;
  background: #282828;
  transition: all ease 1s;
}

.loading-wrap .line.on {
  width: 70%;
}

.loading-wrap .line.on2 {
  width: 100%;
}

.loading-wrap .progress {
  position: absolute;
  right: 1.041vw;
  bottom: 1.041vw;
  color: #fff;
}

.year-big-wrap {
  padding-left: 10%;
  position: absolute;
  left: 0;
  bottom: 0;
}