@charset "utf-8";
.loading {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  z-index: 999;
}
.loading .loader-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
.loading .loader-box.show {
  opacity: 1;
  visibility: visible;
}
.loading .loader-box.hide {
  opacity: 0;
  visibility: hidden;
}
.loading .load-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.loading .loadImg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.loading .loadImg.mask {
  animation: circleScale 1.5s linear forwards;
}
.loading.hide {
  display: none;
}
.clouds {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 998;
}
.clouds .cloud {
  position: absolute;
  transition: 2s;
}
.clouds .cloud-img1 {
  left: 0;
  top: 0;
  width: 60.2%;
}
.clouds .cloud-img2 {
  left: -15.62%;
  top: 0;
  width: 39.84%;
}
.clouds .cloud-img3 {
  left: -5.82%;
  bottom: -35%;
  width: 58.54%;
}
.clouds .cloud-img4 {
  right: -22.5%;
  top: -5.37%;
}
.clouds .cloud-img5 {
  right: -26%;
  bottom: -12.4%;
}
.clouds.move2 .cloud-img1 {
  left: -50.62%;
  top: -32.74%;
}
.clouds.move2 .cloud-img2 {
  left: -40%;
}
.clouds.move2 .cloud-img3 {
  left: -32.82%;
  bottom: -44%;
}
.clouds.move2 .cloud-img4 {
  right: -46.5%;
  top: -32.37%;
}
.clouds.move2 .cloud-img5 {
  right: -42%;
  bottom: -43.4%;
}
.clouds.hide {
  opacity: 0;
  visibility: hidden;
}
.main-swiper {
  height: 100vh;
}
.main {
  position: relative;
  isolation: isolate;
}
.main .bg-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.main .bg-img img,
.main .bg-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main1 {
  height: calc(100vh + 2.455rem);
  z-index: 1;
}
.main1::before,
.main1::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 48.2%;
  z-index: 1;
}
.main1::before {
  top: 0;
  background: linear-gradient(180deg, #0089D2 0%, rgba(0, 91, 172, 0) 100%);
  opacity: 0.7;
}
.main1::after {
  bottom: 0;
  background: linear-gradient(0deg, #005BAC 0%, rgba(0, 91, 172, 0) 100%);
  opacity: 0.5;
}
.main1 .main1-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main1 .mb-img {
  display: none;
  height: 100%;
}
.main1 .mb-img img {
  height: 100%;
  object-fit: cover;
}
.main1 .txt {
  position: absolute;
  left: 50%;
  bottom: calc(9% + 2.455rem);
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
}
.main1 .txt::before {
  content: '';
  position: absolute;
  left: -1.273rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.182rem;
  height: 0;
  background-color: #fff;
}
.main1 .scroll {
  position: absolute;
  right: 6.8%;
  bottom: 9%;
  width: 5.364rem;
  height: 5.364rem;
  z-index: 2;
}
.main1 .scroll .scrImg1 {
  transform-origin: center;
  -webkit-animation: turn 4s linear infinite;
  animation: turn 4s linear infinite;
}
.main1 .scroll .scrImg2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.636rem;
  animation: scroll-arrow 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
.main1 .action.txt::before {
  height: 82.3%;
  transition-duration: 1.2s;
  transition-timing-function: ease-out;
}
.main2 {
  z-index: 2;
}
.main2 .wave-box .img {
  height: 100%;
}
.main2 .mImg {
  display: none;
}
.main2 .txt {
  position: absolute;
  left: 50%;
  top: 15.2%;
  transform: translateX(-50%);
  width: 21.9%;
  z-index: 2;
}
.main2 .goose {
  position: absolute;
  left: 11.7%;
  top: 13.4%;
  width: 11.5%;
  animation: goose 8s ease-in-out infinite;
  z-index: 2;
}
.main2.action .wave-box img {
  animation: banscale 2s ease both 0.3s;
}
.main3 {
  padding: 7.227rem 0 17.136rem;
  z-index: 3;
}
.main3 .wave-box {
  top: -1.455rem;
  height: calc(100% + 1.455rem);
}
.main3 .main3-swiper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: calc(100% + 106px);
  z-index: -1;
}
.main3 .main3-swiper .swiper-slide-active img {
  animation: banscale 2s ease both 0.3s;
}
.main3L {
  position: sticky;
  top: 5.455rem;
  width: 46.9%;
  padding-right: 2%;
}
.main3L .more {
  display: inline-block;
  margin-top: 3.318rem;
}
.main3L * {
  color: #fff;
}
.main3R {
  width: 53.1%;
}
.main3R .num-boxs {
  margin-top: 1.818rem;
}
.main3R .num-item {
  margin-top: 2.727rem;
}
.main3R .num-item * {
  color: #fff;
}
.main3R .m-numBoxs {
  display: none;
}
.num-item {
  line-height: 1;
}
.num-item .icoi {
  width: 1.818rem;
  font-size: 1.818rem;
  margin-right: 0.545rem;
}
.num-item .num {
  text-align: center;
}
.num-item .num * {
  color: inherit;
}
.num-item .numName {
  padding-left: 2.364rem;
}
.buju {
  background: linear-gradient(345deg, #ECF6FC 0%, #fff 34%, #ECF6FC 65%, #EFF7FC 100%);
  z-index: 4;
}
.buju .wave-box .bg {
  background: linear-gradient(345deg, #ECF6FC 0%, #fff 34%, #ECF6FC 65%, #EFF7FC 100%);
}
.main4 {
  padding-top: 4.091rem;
  overflow: hidden;
}
.land-items {
  margin-top: 1.818rem;
}
.land-item {
  position: relative;
  flex: 1;
  height: 28.455rem;
  isolation: isolate;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.land-item:not(:last-of-type) {
  margin-right: 0.455rem;
}
.land-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.909rem;
  background-color: #0089D2;
  opacity: 0.25;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.land-item .land-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.land-item .land-pic {
  height: 100%;
  object-fit: cover;
}
.land-item .ico {
  position: relative;
  width: 3.409rem;
  height: 3.409rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0rem 0.364rem 0.682rem 0.045rem rgba(0, 91, 172, 0.36);
}
.land-item .ico i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.636rem;
}
.land-item .mark {
  position: absolute;
  left: 50%;
  bottom: -8.8%;
  transform: translateX(-50%) scale(0);
  transform-origin: center bottom;
  width: 134.3%;
  transition: 1s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 1s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 1;
}
@media only screen and (max-width: 1920px) {
  .land-item .mark {
    bottom: -4.8%;
  }
}
.land-item .item {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
}
.land-item .item1 {
  top: 16%;
  padding: 0 1%;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.land-item .item1 .ico {
  margin: 0 auto;
}
.land-item .item1 .name {
  margin-top: 1.682rem;
}
.land-item .item2 {
  top: 11.2%;
  padding: 0 4.2% 0 7.5%;
  opacity: 0;
  visibility: hidden;
}
.land-item .item2 .name {
  text-align: left;
}
.land-item .des {
  line-height: 1.7;
  margin-top: 1.136rem;
}
.land-item .more {
  display: inline-block;
  margin-top: 1.545rem;
  background-image: linear-gradient(90deg, #fff, #fff);
  background-repeat: no-repeat;
  background-position: right 100%;
  background-size: 0% 0.045rem;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  transition-property: background-size, color;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .land-item .more:hover {
    background-position: left 100%;
    background-size: 100% 0.045rem;
  }
}
.land-item.cur {
  flex: 4.75;
}
.land-item.cur::before {
  left: 0.409rem;
  top: 0.409rem;
}
.land-item.cur .item1 {
  opacity: 0;
  visibility: hidden;
}
.land-item.cur .item2 {
  animation: landscape 0.5s linear forwards 0.4s;
}
.land-item.cur .mark {
  transform: translateX(-50%) scale(1);
}
.land-item.cur.land-item {
  margin-right: 1.364rem;
}
.land-item:last-of-type.cur {
  margin-left: 0.909rem;
  margin-right: 0;
}
.main5 {
  padding-top: 12.091rem;
  overflow: hidden;
}
.main5 .globalT {
  position: absolute;
  left: 50%;
  top: 8.682rem;
  transform: translateX(-50%);
  z-index: 3;
}
.main5 .tabs .tab-li {
  width: 7.273rem;
  height: 2.273rem;
  line-height: 2.273rem;
  text-align: center;
  border-radius: 1.682rem;
  color: #000000;
  background-color: #fff;
  margin-left: 0.636rem;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.main5 .tabs .tab-li.active {
  color: #fff;
  background-color: #0089D2;
}
.main5 .bj-item {
  display: none;
}
.main5 .bj-item.select {
  display: block;
  animation: fadeIn 1s ease both;
}
.main5 .bj-item .drawNumber {
  right: 0;
  bottom: 15%;
}
.main5 .bj-item .img {
  height: 38vw;
}
.main5 .bj-item .img img {
  width: auto;
  height: 100%;
}
.bj-item {
  position: relative;
}
.bj-item .cen {
  position: absolute;
  width: 2.182rem;
  height: 2.182rem;
  z-index: 2;
}
.bj-item .imgBox {
  line-height: 1;
}
.bj-item .img {
  position: relative;
  display: inline-block;
  width: auto;
}
.bj-item .cenName {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(180deg, #0089D2 0%, #26AAF1 100%);
  z-index: 2;
}
.bj-item .dot .ripItem {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  border-radius: 50%;
}
.bj-item .dot .ripple0 {
  opacity: 0;
  background-color: #0089D2;
  animation: rippleFn 10s linear infinite;
}
.bj-item .dot .ripple {
  opacity: 0;
  transform-origin: center;
  box-sizing: border-box;
  border: 0.045rem dashed #0089D2;
  animation: rippleFn2 10s linear infinite;
}
.bj-item .dot .ripple1 {
  animation-delay: 1.5s;
}
.bj-item .dot .ripple2 {
  animation-delay: 3s;
}
.bj-item .dot .ripple3 {
  animation-delay: 4.5s;
}
.bj-item .dot .ripple4 {
  animation-delay: 6s;
}
.bj-item .labels {
  position: absolute;
  bottom: 4.591rem;
  left: 0;
}
.bj-item .label {
  color: #999999;
}
.bj-item .label:not(:last-of-type) {
  margin-bottom: 1.045rem;
}
.bj-item .label .cir {
  display: inline-block;
  width: 0.455rem;
  height: 0.455rem;
  border-radius: 50%;
  margin-right: 0.864rem;
}
.bj-item .label .cir-color1 {
  background-color: #0089D2;
}
.bj-item .label .cir-color2 {
  background-color: #5CAEEA;
}
.bj-item .label .cir-color3 {
  background-color: #00D9E1;
}
.bj-item .label .cir-color4 {
  background-color: #00A6FF;
}
.bj-item .label .cir-color5 {
  background-color: #90D3F1;
}
.bj-item .drawNumber {
  position: absolute;
}
.bj-item .drawNumber img {
  display: inline-block;
  width: auto;
  height: 1.682rem;
}
.bj-item1 {
  margin-top: 5.682rem;
}
.bj-item1 .img {
  margin-left: 19.9%;
}
.bj-item1 .cen {
  top: 27.9%;
  left: 35.2%;
}
.bj-item2 {
  padding-bottom: 5.682rem;
}
.bj-item2 .img {
  margin-left: 22.2%;
}
.bj-item2 .cen {
  top: 51.8%;
  left: 38.4%;
  width: 2.818rem;
  height: 2.818rem;
}
.bj-item2 .cenName {
  box-shadow: 0rem 0.136rem 0.273rem 0.045rem rgba(0, 0, 0, 0.16);
}
.bj-item2 .ripple0 {
  background-color: rgba(0, 137, 210, 0.15);
}
.main6 {
  padding: 5.864rem 0 5.455rem;
  z-index: 5;
}
.main6 .wave-box .bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main6 .mb-img {
  height: 100%;
  object-fit: cover;
  display: none;
}
.main6 .bg-img {
  isolation: isolate;
}
.main6 .bg-img::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #0089D2 0%, rgba(0, 91, 172, 0) 100%);
}
.main6 .swi-btn {
  border: 0.045rem solid #fff;
  background-color: transparent;
}
.main6 .swi-btn .ico {
  width: 1rem;
  height: auto;
}
.main6 .swi-btn .ico path {
  fill: #fff;
  stroke: #fff;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .main6 .swi-btn:hover {
    background-color: #fff;
  }
  .main6 .swi-btn:hover .ico path {
    fill: #0089D2;
    stroke: #0089D2;
  }
}
.jourBot {
  position: relative;
  padding-top: 5.727rem;
}
.journey-swiper1 {
  height: 8.333vw;
  overflow: hidden;
}
.journey-swiper1 .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  --size: 1.364rem;
  --bg: #fff;
  --pdl: 5.9375vw;
  padding-left: var(--pdl);
}
.journey-swiper1 .swiper-slide::before {
  content: '';
  display: block;
  position: absolute;
  left: calc(var(--pdl) + (var(--size) / 2));
  width: 100%;
  height: 8.333vw;
  background-image: url(../img/dots.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0.455rem -0.955rem;
  z-index: -1;
}
.journey-swiper1 .swiper-slide:nth-of-type(odd)::before {
  background-position-x: 50% !important;
}
.journey-swiper1 .wrap {
  text-align: center;
}
.journey-swiper1 .dot {
  position: relative;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  margin: 0 auto;
  background-color: #fff;
}
.journey-swiper1 .dot::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.455rem;
  height: 0.455rem;
  border-radius: 50%;
  background-color: #0089D2;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.journey-swiper1 .year {
  color: #fff;
  line-height: 1;
  margin-top: 0.409rem;
}
.journey-swiper1 .swiper-slide-active {
  --size: 1.909rem;
}
.journey-swiper1 .swiper-slide-active .dot::before {
  opacity: 1;
}
.pic-boxs {
  position: absolute;
  right: 9.375vw;
  top: 0;
  z-index: 2;
}
.pic-boxs .pic-item {
  position: relative;
  width: 22.955rem;
  display: none;
}
.pic-boxs .pic-item .img {
  position: relative;
  display: inline-block;
  width: 22.955rem;
  height: 22.955rem;
  box-sizing: border-box;
  border-radius: 50%;
  overflow: hidden;
  isolation: isolate;
}
.pic-boxs .pic-item .img::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
  z-index: -1;
}
.pic-boxs .pic-item .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 93.5%;
  height: 93.5%;
  box-sizing: border-box;
  border-radius: 50%;
  object-fit: cover;
}
.pic-boxs .pic-item .year {
  position: absolute;
  right: 100%;
  bottom: 0;
  line-height: 1;
  color: #fff;
  opacity: 0;
}
.pic-boxs .pic-item.select {
  display: block;
}
.pic-boxs .pic-item.select .img {
  animation: picScale 0.7s ease-in-out both;
}
.pic-boxs .pic-item.select .year {
  animation: fadeIn 1s ease both;
}
.year-boxs {
  display: inline-block;
  height: 15.273rem;
  padding-right: 1.591rem;
  overflow-y: auto;
}
.year-boxs::-webkit-scrollbar {
  width: 0.136rem;
  background-color: rgba(255, 255, 255, 0.27);
}
.year-boxs::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.27);
}
.year-boxs::-webkit-scrollbar-thumb {
  background-color: #fff;
}
.year-boxs .year-li {
  line-height: 1;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 1.091rem;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.year-boxs .year-li:last-of-type {
  margin-bottom: 0;
}
.year-boxs .year-li.active {
  color: #fff;
}
.journey-swiper2 {
  width: 29.8%;
  margin-left: 4%;
  margin-top: 2.727rem;
}
.journey-swiper2 .month-tabs {
  margin-bottom: 0.727rem;
}
.journey-swiper2 .mouth-li {
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 0.227rem;
  margin: 0 2.455rem 0.455rem 0;
  background-image: linear-gradient(90deg, #fff, #fff);
  background-repeat: no-repeat;
  background-position: right 100%;
  background-size: 0% 0.182rem;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  transition-property: background-size, color;
  cursor: pointer;
}
.journey-swiper2 .mouth-li:last-of-type {
  margin-right: 0;
}
.journey-swiper2 .mouth-li.active {
  background-position: left 100%;
  background-size: 100% 0.182rem;
}
.journey-swiper2 .jour-intro {
  color: #fff;
}
.journey-swiper2 .has-month .jour-intro {
  display: none;
}
.journey-swiper2 .has-month .jour-intro.select {
  display: block;
  animation: fadeIn 1s ease both;
}
.main7 {
  z-index: 6;
}
.main7 .main7-box {
  padding: 4.773rem 0 11.409rem;
}
.main7 .wave-box .bg {
  height: 21.727rem;
  background: linear-gradient(360deg, #fff 0%, #ECF6FC 100%);
}
.main7 .bg-color {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 150%;
  height: 100vh;
  background-color: #E5F6FF;
  border-radius: 0;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.main7 .bg-color.action {
  animation: bora 0.5s linear forwards 0.4s;
}
.main7 .com-more {
  background-image: linear-gradient(90deg, #0089D2, #0089D2);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .main7 .com-more:hover {
    color: #0089D2;
  }
  .main7 .com-more:hover i {
    color: #0089D2;
  }
}
.main7 .inewB {
  margin-top: 1.773rem;
}
.main7 .iNewR {
  width: 47.4%;
  margin-left: 5.5%;
}
.iNewL {
  position: relative;
  width: 47.1%;
}
.iNewL .swiper-pagination {
  left: 50%;
  top: 16.364rem;
  transform: translateX(-50%);
  bottom: auto;
  width: auto;
  max-width: 100%;
  line-height: 1;
  display: none;
}
.iNewL .swiper-pagination.show {
  display: block;
}
.iNewL .swiper-pagination-bullet {
  width: 0.545rem;
  height: 0.545rem;
  background-color: #fff;
  margin: 0 0.364rem !important;
  opacity: 0.6;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.iNewL .swiper-pagination-bullet::first-of-type {
  margin-left: 0 !important;
}
.iNewL .swiper-pagination-bullet:last-of-type {
  margin-right: 0 !important;
}
.iNewL .swiper-pagination-bullet-active {
  opacity: 1;
}
.inew-swiper {
  height: 100%;
}
.inew-swiper .iNewL-item {
  background-color: #fff;
  border-radius: 0.455rem 0.455rem 0.682rem 0.682rem;
  overflow: hidden;
}
.inew-swiper .iNewL-item .img {
  position: relative;
  height: 17.682rem;
  overflow: hidden;
}
.inew-swiper .iNewL-item .img::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5.455rem;
  max-height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
  opacity: 0.6;
  z-index: 1;
}
.inew-swiper .iNewL-item .img img {
  height: 100%;
  object-fit: cover;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inew-swiper .iNewL-item .txt {
  padding: 1.591rem 5.6%;
  line-height: 1.4;
}
.inew-swiper .iNewL-item .name {
  margin-top: 0.273rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .inew-swiper .iNewL-item:hover .img img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  .inew-swiper .iNewL-item:hover .name {
    color: #0089D2;
  }
}
.inew-item {
  position: relative;
  padding: 2.455rem 0;
}
.inew-item::before,
.inew-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.045rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inew-item::before {
  right: 0;
  width: 100%;
  background-color: #999999;
  opacity: 0.34;
}
.inew-item::after {
  width: 0;
  background-color: #0089D2;
}
.inew-item:first-of-type {
  padding-top: 0;
}
.inew-item .date {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 4.318rem;
  height: 4.318rem;
  border-radius: 50%;
  line-height: 1;
  color: #0089D2;
  flex-shrink: 0;
  isolation: isolate;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inew-item .date::before,
.inew-item .date::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.inew-item .date::before {
  width: 100%;
  height: 100%;
  border: 0.045rem solid rgba(0, 91, 172, 0.27);
  box-sizing: border-box;
}
.inew-item .date::after {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #0089D2 0%, #26AAF1 100%);
  opacity: 0;
  visibility: hidden;
}
.inew-item .txt {
  width: calc(100% - 4.318rem);
  padding-left: 3.2%;
  padding-right: 7.7%;
}
.inew-item .name {
  line-height: 1.4;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inew-item .des {
  color: #666666;
  line-height: 1.5;
  margin-top: 0.682rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .inew-item:hover::after {
    width: 100%;
  }
  .inew-item:hover .date {
    color: #fff;
  }
  .inew-item:hover .date::before {
    opacity: 0;
    visibility: hidden;
  }
  .inew-item:hover .date::after {
    opacity: 1;
    visibility: visible;
  }
  .inew-item:hover .name {
    color: #0089D2;
  }
}
.chairman .chairmanL {
  width: 52.1%;
  padding-bottom: 8.182rem;
}
.chairman .chairmanR {
  width: 44.6%;
  margin-left: 3.3%;
}
.company {
  padding: 7.091rem 0 6.5rem;
}
.company .bg-wave {
  top: -2.909rem;
}
.company .company-wrap {
  padding-bottom: 4.227rem;
  border-bottom: 0.045rem solid #D5D5D5;
}
.company .img {
  width: 43.1%;
  border-radius: 4.545rem 0 4.545rem 0;
}
.company .companyR {
  width: 52.9%;
  margin-left: 4%;
}
.company .firm-wrap {
  position: relative;
}
.company .bg-img {
  position: absolute;
  right: 0;
  top: 55%;
  transform: translateY(-50%);
  width: 70.4%;
  z-index: -1;
}
.company .num-items {
  margin-bottom: 4.318rem;
}
.company .num-items:last-of-type {
  margin-bottom: 0;
}
.company .firm-nums {
  padding: 3.318rem 0;
}
.company .num-item {
  width: 21%;
}
.company .num-item .numT {
  color: #0089D2;
}
.company .num-item .numT * {
  color: inherit;
}
.company .num-item .numName {
  color: #000000;
  font-weight: 100;
}
.company .mfirm-nums {
  display: none;
}
.company .mfirm-nums .num-item {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 4.318rem;
}
.company .mfirm-nums .num-item:nth-of-type(2n) {
  margin-right: 0;
}
.company .gsIntro2 {
  padding-top: 2.409rem;
  border-top: 0.045rem solid #D5D5D5;
}
.company .gsIntro2 img {
  width: 100%;
}
.num-items .line {
  width: 0.045rem;
  height: 4.545rem;
  background-color: #D5D5D5;
}
.strategy {
  padding-top: 8.091rem;
  overflow: hidden;
}
.strategyL {
  position: relative;
  width: 21.364rem;
  height: 21.364rem;
}
.strategyL .scen {
  width: 47.9%;
  height: 47.9%;
  border-radius: 50%;
  background: linear-gradient(180deg, #48C0FF 0%, #0089D2 100%);
  isolation: isolate;
}
.strategyL .scen::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 125.7%;
  height: 125.7%;
  border-radius: 50%;
  background-color: #0089D2;
  opacity: 0.11;
  z-index: -1;
}
.strategyL .scName {
  width: 100%;
  color: #fff;
  line-height: 1.1;
  font-weight: 500;
  text-align: center;
  padding: 0 0.455rem;
}
.strategyL .wh {
  width: 100%;
  height: 100%;
  animation: turn3 20s linear infinite;
}
.strategyR {
  width: 51.2%;
}
.history {
  padding: 6.318rem 0 1.545rem;
}
.history .pic-boxs .pic-item .year {
  color: #0089D2;
}
.history .pic-boxs .pic-item .img::before {
  background-color: #0089D2;
  opacity: 0.1;
}
.history .jourBot {
  padding-top: 6.682rem;
}
.history .journey-swiper1 {
  margin-left: -3.9vw;
}
.history .journey-swiper1 .swiper-slide {
  --pdl: 3.854vw;
  --size: 1.909rem;
}
.history .journey-swiper1 .swiper-slide::before {
  background-image: url(../img/dots2.png);
}
.history .journey-swiper1 .dot {
  background-color: #ECF6FC;
}
.history .journey-swiper1 .dot::before {
  background-color: #0089D2;
  opacity: 1;
}
.history .journey-swiper1 .year {
  color: #0089D2;
}
.history .journey-swiper1 .swiper-slide-active .dot {
  background-color: #0089D2;
}
.history .journey-swiper1 .swiper-slide-active .dot::before {
  background-color: #fff;
}
.history .gylc-wrap {
  margin-top: 2.5rem;
}
.history .year-boxs::-webkit-scrollbar {
  background-color: rgba(0, 137, 210, 0.3);
}
.history .year-boxs::-webkit-scrollbar-track {
  background-color: rgba(0, 137, 210, 0.3);
}
.history .year-boxs::-webkit-scrollbar-thumb {
  background-color: #0089D2;
}
.history .year-boxs .year-li {
  color: rgba(0, 137, 210, 0.3);
}
.history .year-boxs .year-li.active {
  color: #0089D2;
}
.history .journey-swiper2 .mouth-li {
  color: rgba(0, 137, 210, 0.3);
  background-image: linear-gradient(90deg, #0089D2, #0089D2);
}
.history .journey-swiper2 .mouth-li.active {
  color: #0089D2;
}
.history .journey-swiper2 .jour-intro {
  color: #000000;
  font-weight: 100;
}
.history .pic-boxs {
  top: 1.136rem;
}
.honor {
  padding: 8.091rem 0 3.636rem;
  border-bottom: 0.045rem solid #D5D5D5;
}
.honorBot {
  position: relative;
  margin-top: 3.636rem;
}
.honor-swiper .honor-item {
  width: 23.125%;
  margin-right: 2.5%;
  margin-bottom: 1.591rem;
}
.honor-swiper .honor-item:nth-of-type(4n) {
  margin-right: 0;
}
.honor-swiper .honor-item:nth-of-type(n+5) {
  margin-bottom: 0;
}
.welfare {
  padding: 3.636rem 0 11.364rem;
}
.welfare .wel-desc {
  width: 70.5%;
}
.welfare .welB {
  margin-top: 3.636rem;
}
.com-witem {
  position: relative;
  width: 31.5%;
  margin-right: 2.75%;
}
.com-witem::before,
.com-witem::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.045rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.com-witem::before {
  width: 100%;
  background-color: #D5D5D5;
}
.com-witem::after {
  width: 0;
  background-color: #0089D2;
}
.com-witem:nth-of-type(3n) {
  margin-right: 0;
}
.com-witem .txt {
  padding: 1.364rem 5% 1rem;
}
.com-witem .name {
  line-height: 1.4;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .com-witem:hover::after {
    width: 100%;
  }
  .com-witem:hover .name {
    color: #0089D2;
  }
}
.shgy-item {
  margin-top: 2.727rem;
}
.shgy-item:nth-of-type(1),
.shgy-item:nth-of-type(2),
.shgy-item:nth-of-type(3) {
  margin-top: 0;
}
.wel-items .wel-box {
  margin-right: 1.5%;
}
.wel-items .wel-box:nth-of-type(2n) {
  margin-right: 0;
}
.wel-items .wel-item {
  position: relative;
  overflow: hidden;
  margin-top: 0.909rem;
}
.wel-items .wel-item .img {
  position: relative;
  height: 100%;
}
.wel-items .wel-item .img img {
  height: 100%;
  object-fit: cover;
}
.wel-items .wel-item .img::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 5rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: 1;
}
.wel-items .wel-item .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.864rem;
  line-height: 1.4;
  width: 100%;
  padding: 0 1%;
  text-align: center;
  z-index: 2;
}
.wel-items .wel-item .welName {
  color: #fff;
}
.wel-box1 .wel-box {
  width: 58.5%;
}
.wel-box1 .wel-box:nth-of-type(2n) {
  width: 40%;
}
.wel-box2 .wel-box {
  width: 33.1%;
}
.wel-box2 .wel-box:nth-of-type(2n) {
  width: 65.4%;
}
.wel-box3:nth-of-type(odd) .wel-box {
  width: 58.5%;
}
.wel-box3:nth-of-type(odd) .wel-box:nth-of-type(2n) {
  width: 40%;
}
.wel-box3:nth-of-type(even) .wel-box {
  width: 40%;
}
.wel-box3:nth-of-type(even) .wel-box:nth-of-type(2n) {
  width: 58.5%;
}
.drainage {
  padding-bottom: 10.455rem;
}
.drainage .sub-tit {
  margin-top: 3.636rem;
}
.drainage .dra-box {
  margin-top: 1.909rem;
}
.drainage .wel-box1 .wel-item {
  margin-top: 0;
}
.psyw-items {
  margin-top: 3.636rem;
}
.psyw-item:not(:last-of-type) {
  margin-bottom: 2.273rem;
}
.psyw-item:nth-of-type(odd) {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.psyw-item:nth-of-type(odd) .txt {
  margin-left: 6.9%;
}
.psyw-item:nth-of-type(even) .txt {
  margin-right: 6.9%;
}
.psyw-item .txt {
  width: 48.5%;
}
.psyw-item .img {
  width: 44.6%;
}
.psyw-item .name {
  line-height: 1.4;
  color: #0089D2;
}
.operation {
  padding-top: 7.091rem;
  margin-top: 4.091rem;
}
.oper-item-box {
  margin-top: 3.636rem;
}
.oper-item {
  position: relative;
  width: 21.175%;
  min-height: 12.727rem;
  padding-left: 1.8%;
  padding-bottom: 0.455rem;
  margin-right: 5.1%;
  margin-bottom: 2rem;
}
.oper-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0.136rem;
  height: 100%;
  background: linear-gradient(180deg, #C0E2F3 0%, #fff 100%);
}
.oper-item:nth-of-type(4n) {
  margin-right: 0;
}
.oper-item .ico {
  width: 1.591rem;
  height: 1.409rem;
  margin-right: 0.545rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.oper-item .ico img {
  height: 100%;
  object-fit: contain;
}
.oper-item .name {
  color: #0089D2;
  line-height: 1.4;
}
.oper-item .operB {
  margin-top: 1.364rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .oper-item:hover .ico {
    transform: rotateY(360deg);
  }
}
.oper-bot-items {
  position: relative;
  width: 100%;
  padding-bottom: 2.045rem;
  border-radius: 3.5rem;
  isolation: isolate;
}
.oper-bot-items::before,
.oper-bot-items::after {
  content: '';
  position: absolute;
  border-radius: 3.5rem;
  z-index: -1;
}
.oper-bot-items::before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #C0E2F3 0%, #fff 100%);
}
.oper-bot-items::after {
  left: 50%;
  top: 0;
  transform: translate(-50%);
  width: calc(100% - 0.273rem);
  height: calc(100% - 0.136rem);
  background-color: #fff;
}
.oper-bot-items .oper-bItem {
  width: 50%;
  margin-top: 2.045rem;
}
.oper-bot-items .oper-bItem .ico {
  width: 3.182rem;
  height: 2.909rem;
  margin-right: 0.591rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.oper-bot-items .oper-bItem .ico img {
  height: 100%;
  object-fit: contain;
}
.oper-bot-items .oper-bItem .name {
  line-height: 1.4;
}
.oper-bot-items .oper-bItem .operB {
  margin-top: 0.409rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .oper-bot-items .oper-bItem:hover .ico {
    transform: rotateY(360deg);
  }
}
.smartWater {
  padding: 7.091rem 0 13.182rem;
  margin-top: 6.364rem;
}
.smartWater .bg-img {
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
}
.zhsw-boxs {
  margin-top: 4.545rem;
}
.zhsw-items {
  display: none;
}
.zhsw-items.select {
  display: block;
  animation: fadeIn 1s ease both;
}
.zhsw-item .img {
  width: 44.6%;
}
.zhsw-item .txt {
  width: 48.5%;
  margin-left: 6.9%;
  margin-top: 1.455rem;
}
.zhsw-item .name {
  color: #0089D2;
  line-height: 1.4;
}
.tab-swiper {
  border-bottom: 0.045rem solid #D5D5D5;
}
.tab-swiper .swiper-wrapper {
  justify-content: space-between;
}
.tab-swiper .tab-slide {
  position: relative;
  width: auto;
  color: #666666;
  padding-bottom: 1.955rem;
  line-height: 1.4;
  margin-right: 0.909rem;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.tab-swiper .tab-slide:last-of-type {
  margin-right: 0;
}
.tab-swiper .tab-slide::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 0.136rem;
  background-color: #0089D2;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .tab-swiper .tab-slide:hover {
    color: #0089D2;
  }
  .tab-swiper .tab-slide:hover::after {
    width: 100%;
  }
}
.tab-swiper .tab-slide.active {
  color: #0089D2;
}
.tab-swiper .tab-slide.active::after {
  width: 100%;
}
.certificate {
  padding-top: 7.091rem;
  margin-top: 5.455rem;
}
.certificate .cert-wrap {
  margin-top: 2.727rem;
}
.certificate .cert-tab {
  min-width: 8.182rem;
  height: 3.182rem;
  line-height: 3.182rem;
  padding: 0 0.455rem;
  font-weight: 100;
  color: #000000;
  border-radius: 1.909rem;
  box-sizing: border-box;
  border: 0.045rem solid #0089D2;
  text-align: center;
  margin-right: 0.909rem;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.certificate .cert-tab.active {
  color: #fff;
  background-color: #0089D2;
}
.certificate .cert-btn-boxs {
  display: none;
}
.certificate .cert-btn-boxs.select {
  display: block;
}
.certificate .certi-box {
  display: none;
  margin-left: 1vw;
  margin-right: 1vw;
}
.certificate .certi-box.select {
  display: block;
  animation: fadeIn 1s ease both;
}
.certificate .certi-box .m-swi-btns {
  display: none;
}
.certi-items {
  margin-left: -1vw;
  margin-right: -1vw;
  margin-top: 1.818rem;
  overflow: hidden;
}
.ps-certi-swiper {
  padding: 0.909rem 0;
  overflow: visible;
}
.ps-certi-swiper .swiper-slide {
  height: auto;
  padding-bottom: 1.227rem;
  background-color: #fff;
  box-shadow: 0rem 0.227rem 0.455rem 0.045rem rgba(213, 213, 213, 0.27);
}
.ps-certi-swiper .img {
  position: relative;
  padding-bottom: 96.7%;
}
.ps-certi-swiper img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.ps-certi-swiper .name {
  line-height: 1.4;
  color: #000000;
  font-weight: 100;
  padding: 0 1%;
  margin-top: 0.364rem;
}
.water-swiper .swiper-slide-active .water-pic {
  overflow: hidden;
}
.water-swiper .swiper-slide-active .water-pic img {
  animation: banscale 2s ease both 0.3s;
}
.water-swiper .swiper-pagination {
  bottom: 6%;
  line-height: 1;
  display: none;
}
.water-swiper .swiper-pagination.show {
  display: block;
}
.water-swiper .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.6;
}
.water-swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.directWater {
  padding-bottom: 11.364rem;
}
.dirAb .dirAb-intro {
  margin-top: 1.909rem;
}
.dire-map {
  margin-top: 5.5rem;
  margin-bottom: 12.727rem;
}
.dire-map .imgBox {
  width: 68.5%;
  margin: 0 auto;
}
.dire-map .cen {
  top: 61.1%;
  left: 38.8%;
  width: 2.818rem;
  height: 2.818rem;
}
.dire-map .cenName {
  background: linear-gradient(123deg, #0260B0 0%, #1D98E2 100%);
}
.dire-map .dot .ripple {
  border-color: #005BAC;
  animation-name: rippleFn4;
}
.dire-map .dot .ripple0 {
  background-color: #005BAC;
}
.dire-map .drawNumber {
  right: 8.35vw;
  bottom: -4.818rem;
  width: 7.636rem;
}
.dire-map .drawNumber img {
  height: auto;
}
.cleanse {
  padding: 8.091rem 0 13.136rem;
}
.cleanse .com-tit2 {
  width: 69.7%;
  line-height: 1.5;
  margin: 0 auto;
}
.cleanse .cleanIntro {
  margin-top: 2.727rem;
}
.cleanse .bg-img {
  position: absolute;
  left: 50%;
  bottom: 1.636rem;
  transform: translateX(-50%);
  width: 100%;
}
.techProcess {
  position: relative;
  padding-bottom: 18.636rem;
}
.techProcess .process-wrap {
  margin-top: 4.545rem;
}
.techProcess .processL {
  width: 40.5%;
}
.techProcess .processR {
  width: 50.1%;
  margin-left: 9.4%;
}
.techProcess .bg-img {
  position: absolute;
  left: 50%;
  bottom: 1.545rem;
  transform: translateX(-50%);
  width: 100%;
}
.gylc-items {
  position: relative;
  width: 100%;
  padding-left: 10.8%;
  max-height: 35.227rem;
  overflow-y: scroll;
}
.gylc-items::-webkit-scrollbar {
  width: 0;
}
.gylc-items::-webkit-scrollbar-track {
  background-color: transparent;
}
.gylc-items::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: transparent;
}
.gylc-items .mCSB_scrollTools {
  position: absolute;
  left: 0;
  right: auto;
}
.gylc-items .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
.gylc-items .mCSB_scrollTools .mCSB_draggerRail {
  width: 0.182rem;
  background-color: #ECF6FC;
}
.gylc-items .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 0.273rem;
  border-radius: 0.182rem;
}
.gylc-item {
  width: 89.1%;
  border-radius: 0.227rem;
  padding: 0 5.2%;
  box-shadow: 0rem 0.227rem 0.227rem 0.045rem rgba(213, 213, 213, 0.27);
  margin-bottom: 0.909rem;
  margin-left: auto;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.gylc-item:last-of-type {
  margin-bottom: 0;
}
.gylc-item .gyT {
  font-weight: 100;
  padding: 0.818rem 0;
  line-height: 1.4;
  cursor: pointer;
}
.gylc-item .level {
  display: inline-block;
  width: 5.636rem;
  color: #000000;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.gylc-item .name {
  color: #0089D2;
}
.gylc-item .gyB {
  padding-bottom: 2.227rem;
  display: none;
}
.gylc-item.cur {
  border-radius: 0.909rem;
  background-color: #F2F9FE;
}
.gylc-item.cur .gyT {
  font-weight: 500;
}
.gylc-item.cur .level {
  color: #0089D2;
}
.zcqs {
  position: relative;
  padding-bottom: 4.545rem;
}
.zcqs .zcqs-intro {
  line-height: 2;
  margin-top: 1.909rem;
}
.zcqs .bg-img {
  position: absolute;
  top: 4.318rem;
  right: 5.7%;
  width: 25.9%;
  z-index: -1;
}
.zysad {
  padding: 8.091rem 0 14.318rem;
}
.zysad .bg-img {
  position: absolute;
  left: 50%;
  bottom: -9.909rem;
  width: 100%;
  transform: translateX(-50%);
}
.zysAd-wrap {
  position: relative;
  margin-top: 3.636rem;
}
.zysAd-wrap .img {
  position: relative;
  height: 28.636rem;
}
.zysAd-wrap .img::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 41.1%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.4;
  z-index: 1;
}
.zysAd-wrap .img img {
  height: calc(100% + 106px);
  object-fit: cover;
}
.zyad-items {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.zyad-item {
  position: relative;
  flex: 1;
}
.zyad-item::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(180deg, rgba(0, 137, 210, 0) 0%, #0089D2 100%);
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.zyad-item:not(:last-of-type)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0.045rem;
  height: 100%;
  background-color: #fff;
  opacity: 0.48;
}
.zyad-item .txt {
  position: absolute;
  left: 50%;
  top: 74.1%;
  transform: translateX(-50%);
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 0 1%;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 2;
}
.zyad-item .name {
  position: relative;
  line-height: 1.4;
  padding-bottom: 0.818rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.zyad-item i {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) scale(0);
  display: inline-block;
  transform-origin: center;
  font-size: 0.636rem;
  color: #fff;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.zyad-item .ad-decri {
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .zyad-item:hover::before {
    height: 64.2%;
  }
  .zyad-item:hover .txt {
    top: 61.5%;
  }
  .zyad-item:hover .name {
    padding-bottom: 2.409rem;
  }
  .zyad-item:hover i {
    bottom: 1.136rem;
    transform: translateX(-50%) scale(0.71);
  }
}
.quality {
  margin-bottom: 6.818rem;
}
.pz-items {
  margin-top: 1.818rem;
}
.pz-item {
  position: relative;
  width: 44.6%;
  margin-right: 10.8%;
  margin-top: 2.727rem;
  padding-bottom: 1.909rem;
}
.pz-item::before,
.pz-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.045rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pz-item::before {
  width: 100%;
  background-color: #D5D5D5;
}
.pz-item::after {
  width: 0;
  background-color: #0089D2;
}
.pz-item:nth-of-type(2n) {
  margin-right: 0;
}
.pz-item .pzT {
  display: flex;
  line-height: 1.4;
  align-items: center;
}
.pz-item .ico {
  height: 1.5rem;
  flex-shrink: 0;
  margin-right: 0.636rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pz-item .ico img {
  width: auto;
  height: 100%;
}
.pz-item .name {
  flex: 1;
  color: #0089D2;
}
.pz-item .intro {
  font-weight: 100;
  line-height: 1.7;
  color: #000000;
  margin-top: 1.273rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .pz-item:hover::after {
    width: 100%;
  }
  .pz-item:hover .ico {
    transform: rotateY(360deg);
  }
}
.hzal {
  padding-top: 8.091rem;
}
.al-tab-wrap {
  text-align: center;
  margin-top: 2.727rem;
}
.hzal-tabs {
  position: relative;
  display: inline-block;
  padding: 0 2rem;
}
.hzal-tabs::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.045rem;
  background-color: #D5D5D5;
}
.hzal-tabs .hz-tab {
  position: relative;
  display: inline-block;
  line-height: 1.4;
  color: #666666;
  font-weight: 100;
  padding-bottom: 0.818rem;
}
.hzal-tabs .hz-tab:not(:last-of-type) {
  margin-right: 3.636rem;
}
.hzal-tabs .hz-tab::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 0.045rem;
  background-color: #0089D2;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 1;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .hzal-tabs .hz-tab:hover {
    color: #0089D2;
  }
  .hzal-tabs .hz-tab:hover::after {
    width: 100%;
  }
}
.hzal-tabs .hz-tab.active {
  color: #0089D2;
}
.hzal-tabs .hz-tab.active::after {
  width: 100%;
}
.hzal-wrap {
  margin-top: 2.727rem;
}
.hzal-swiper .hz-slide {
  width: 65.1%;
  padding: 0 3.9%;
  opacity: 0.14;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.hzal-swiper .hzcase-item {
  position: relative;
}
.hzal-swiper .img {
  position: relative;
}
.hzal-swiper .img::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(186deg, rgba(0, 137, 210, 0) 0%, #0089D2 100%);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.hzal-swiper .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 9%;
  width: 100%;
  line-height: 1.4;
  color: #fff;
  padding: 0 4.6%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1.818rem);
  transition: 1s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 1s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 2;
}
.hzal-swiper .info {
  font-weight: 100;
  margin-top: 0.545rem;
}
.hzal-swiper .swiper-slide-active {
  opacity: 1;
}
.hzal-swiper .swiper-slide-active .img::before {
  opacity: 1;
  visibility: visible;
}
.hzal-swiper .swiper-slide-active .txt {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.hzal-swiper .swi-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  z-index: 2;
}
.hzal-swiper .swi-btn.show {
  display: block;
}
.hzal-swiper .swi-prev {
  left: 16.1vw;
}
.hzal-swiper .swi-next {
  right: 16.1vw;
}
.newMedia {
  padding-top: 6.818rem;
}
.newMedia .xwmtT .com-more {
  background-image: linear-gradient(90deg, #0089D2, #0089D2);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .newMedia .xwmtT .com-more:hover {
    color: #0089D2;
  }
  .newMedia .xwmtT .com-more:hover i {
    color: #0089D2;
  }
}
.newMedia .xwmt-wrap {
  margin-top: 2.727rem;
}
.newMedia .xwmt-item {
  box-shadow: 0rem 0.227rem 0.455rem 0.045rem rgba(153, 153, 153, 0.07);
}
.newMedia .xwmt-item .name {
  height: 3.273rem;
  font-weight: 500;
  margin-top: 0.909rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .newMedia .xwmt-item:hover .name {
    color: #0089D2;
  }
}
.dwContact {
  padding-top: 5.455rem;
}
.dwContact .com-tit2 .p2 {
  margin-top: 0.909rem;
}
.dwlx-wrap {
  margin-top: 2.227rem;
}
.dwlxL {
  width: 63.8%;
}
.dwlxL .pvlx-form .pv-item {
  border: 0.045rem solid #D5D5D5;
  background-color: transparent;
  box-shadow: none;
}
.dwlxL .pvlx-form .pvBot {
  margin-top: 2.5rem;
}
.dwlxL .pvlx-form .submit {
  color: #fff;
  background-color: #0089D2;
  border: 0;
  margin-left: 0;
}
.dwlxL .pvlx-form .submit i {
  color: #fff;
}
@media screen and (min-width: 39.091rem) and (hover: hover) {
  .dwlxL .pvlx-form .submit:hover {
    color: #0089D2;
    background-color: #fff;
    box-shadow: 0rem 0.136rem 0.273rem 0.045rem rgba(153, 153, 153, 0.21);
  }
  .dwlxL .pvlx-form .submit:hover i {
    color: #0089D2;
  }
}
.dwlxR {
  width: 33.8%;
  padding: 2.591rem 3.4%;
  box-sizing: border-box;
  border: 0.045rem solid #D5D5D5;
  margin-left: 2.4%;
}
.dwlx-item {
  line-height: 1.4;
  margin-bottom: 1.091rem;
}
.dwlx-item:last-of-type {
  margin-bottom: 0;
}
.dwlx-item .dlName {
  color: #0089D2;
  font-weight: 500;
}
.dwlx-item .info {
  color: #000000;
  font-weight: 100;
  margin-top: 0.227rem;
}
.d-gzhItems {
  margin-top: 2.818rem;
}
.d-gzhItems .d-gzhItem {
  margin-top: 1.364rem;
}
.d-gzhItems .img {
  width: 4.864rem;
  margin: 0 auto;
}
.d-gzhItems .gzhName {
  color: #000000;
  line-height: 1.4;
  font-weight: 100;
  margin-top: 0.455rem;
}
.vm {
  padding-bottom: 11.364rem;
}
.ywIntro .vm-desc {
  padding-bottom: 3.636rem;
  border-bottom: 0.045rem solid #D5D5D5;
}
.ywIntro .vw-wrap {
  position: relative;
  isolation: isolate;
}
.ywIntro .vw-wrap .bg-img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 87.1%;
  z-index: -1;
}
.ywIntro .vw-boxs {
  padding: 3.636rem 0;
  border-bottom: 0.045rem solid #D5D5D5;
}
.vm-item:not(:last-of-type) {
  margin-bottom: 9.091rem;
}
.vm-item:nth-of-type(odd) .txt {
  margin-right: 6.2%;
}
.vm-item:nth-of-type(even) {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.vm-item:nth-of-type(even) .txt {
  margin-left: 6.2%;
}
.vm-item .txt {
  width: 49.2%;
}
.vm-item .img {
  width: 44.6%;
}
.vm-item .name {
  line-height: 1.4;
  color: #0089D2;
}
.vmProject {
  padding-top: 6.818rem;
}
.case-items {
  margin-top: 2.727rem;
}
.case-item:not(:last-of-type) {
  margin-bottom: 3.636rem;
}
.case-item .img {
  position: relative;
}
.case-item .img::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 32.3%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.46;
  z-index: 1;
}
.case-item .txt {
  padding: 2.455rem 2.1% 2.818rem 3.1%;
  background: linear-gradient(180deg, #fff 0%, #ECF6FC 100%);
}
.case-item .name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4.9%;
  color: #fff;
  line-height: 1.4;
  padding: 0 3.1%;
  z-index: 2;
}
.case-item .caTxtL {
  max-width: 47.3%;
}
.case-item .caTxtR {
  flex-shrink: 0;
  max-width: 55%;
}
.case-item .ca-numItem {
  margin-top: 1.455rem;
}
.ca-numItem {
  padding: 0 2rem;
}
.ca-numItem:not(:last-of-type) {
  position: relative;
}
.ca-numItem:not(:last-of-type)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.045rem;
  height: 3.182rem;
  background-color: #0089D2;
  opacity: 0.45;
}
.ca-numItem .numT {
  color: #0089D2;
  line-height: 1;
}
.ca-numItem .numT * {
  color: inherit;
}
.ca-numItem .num {
  text-align: center;
}
.ca-numItem .num * {
  text-align: center;
  letter-spacing: -0.05em;
}
.ca-numItem .dw {
  vertical-align: text-top;
}
.ca-numItem .numName {
  color: #000000;
  font-weight: 100;
  line-height: 1.4;
  margin-top: 0.227rem;
}
.pv-swiper .swi-but {
  color: #CCCCCC;
  display: none;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pv-swiper .swi-but.show {
  display: flex;
}
.pv-swiper .swi-but::after {
  font-size: 1.909rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .pv-swiper .swi-but:hover {
    color: #0089D2;
  }
}
.pv-swiper .swiper-button-prev {
  left: 8.3%;
}
.pv-swiper .swiper-button-next {
  right: 8.3%;
}
.offiAnnou {
  line-height: 1.4;
  color: #fff;
  overflow: hidden;
}
.offiAnnou .more {
  display: inline-block;
  margin-top: 1.045rem;
}
.offiAnnou .more i {
  color: #fff;
}
.offiAnnou-swiper .offi-wrap {
  height: auto;
  padding: 2.591rem 0 1.636rem;
  background-color: #0089D2;
}
.abPv {
  padding: 4.545rem 0 3.773rem;
}
.abPv .pv-desc {
  margin-top: 1.909rem;
}
.abPv .pv-desc img {
  width: 100%;
}
.pvideo-box {
  position: relative;
  padding-bottom: 56.1%;
  cursor: pointer;
}
.pvideo-box .pv-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.pvideo-box .vid-btn {
  width: 4.091rem;
  height: 4.091rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.24);
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 2;
}
.pvideo-box .vid-btn i {
  font-size: 0.818rem;
  color: #fff;
}
.pvideo-box.play .vid-btn {
  opacity: 0;
  visibility: hidden;
}
.filters {
  position: relative;
  z-index: 5;
}
.filters .filter-item {
  width: 20.7%;
  height: 2.909rem;
  border: 0.045rem solid #CCCCCC;
  box-sizing: border-box;
  margin-right: 0.7%;
  margin-bottom: 1.455rem;
}
.filters .filter-item:nth-of-type(4n) {
  margin-right: 0;
}
.filters .filter-item .s-input {
  width: 100%;
  height: 100%;
  padding: 0 0.909rem;
  color: #000000;
  box-sizing: border-box;
}
.filters .filter-item .s-input::-webkit-input-placeholder {
  color: #999999;
}
.filters .filter-item .s-input::-moz-placeholder {
  color: #999999;
}
.filters .filter-item .s-input:-ms-input-placeholder {
  color: #999999;
}
.filters .filter-item .s-input:-internal-autofill-previewed,
.filters .filter-item .s-input:-internal-autofill-selected {
  -webkit-text-fill-color: #999999 !important;
}
.filters .search-item {
  position: relative;
  width: 35.6%;
}
.filters .search-item .s-input {
  padding-right: 2.727rem;
}
.filters .search-item .search-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.727rem;
  height: 100%;
  cursor: pointer;
}
.filters .search-item .search-btn i {
  font-size: 1rem;
  color: #0089D2;
}
.filters .mult-item {
  position: relative;
}
.filters .mult-item .mult-head {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 1.455rem 0 0.909rem;
  overflow-y: auto;
  cursor: pointer;
}
.filters .mult-item .mult-head::after {
  content: '\e6de';
  position: absolute;
  right: 0.864rem;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: center;
  font-size: 0.636rem;
  color: #666666;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.filters .mult-item .mult-head.active::after {
  transform: translateY(-50%) rotate(-90deg);
}
.filters .mult-item .sele-text {
  display: block;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.filters .select-ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  max-height: 10.909rem;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(213, 213, 213, 0.27);
  display: none;
  z-index: 1;
}
.filters .select-ul::-webkit-scrollbar-track {
  border-radius: 0;
}
.filters .option {
  position: relative;
  word-break: break-all;
  overflow-wrap: break-word;
  padding: 0.727rem 0.545rem 0.727rem 1.818rem;
  cursor: pointer;
}
.filters .option::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.455rem;
  width: 0.909rem;
  height: 0.909rem;
  box-sizing: border-box;
  border: 0.091rem solid #CCCCCC;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .filters .option:hover {
    background-color: #EFEFEF;
  }
  .filters .option:hover::before {
    border-color: #0089D2;
  }
}
.filters .option.selected::before {
  border-color: #0089D2;
  background-color: #0089D2;
}
.filters .option.selected::after {
  content: '\e70f';
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0.81);
  left: 0.5rem;
  font-size: 0.636rem;
  color: #fff;
  line-height: 1;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.filters .select {
  padding: 0 0.909rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-image: url(../images/jt.png);
  background-repeat: no-repeat;
  background-position: 88% 50%;
  background-size: 0.636rem 0.409rem;
}
.filters .reset {
  display: inline-block;
  padding: 0;
  color: #666666;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.filters .reset i {
  font-size: 0.727rem;
  margin-right: 0.727rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 39.091rem) and (hover: hover) {
  .filters .reset:hover {
    color: #0089D2;
  }
  .filters .reset:hover i {
    color: #0089D2;
  }
}
.products .results {
  margin-top: 1.182rem;
}
.products .results .resultNums {
  line-height: 1.4;
  margin: 0 0.409rem;
}
.products .loadMore {
  padding: 1rem 0;
  color: #999999;
  text-align: center;
  background-color: #EFEFEF;
  margin-top: 2.136rem;
  cursor: pointer;
}
.pro-item {
  background-color: #fff;
  margin-top: 1.364rem;
  box-shadow: 0rem 0.136rem 0.455rem 0.045rem rgba(153, 153, 153, 0.4);
}
.pro-item .proIL {
  width: 21.4%;
  margin-left: 1%;
  text-align: center;
  padding-top: 2.864rem;
  box-sizing: border-box;
  border-right: 0.045rem solid rgba(112, 112, 112, 0.29);
}
.pro-item .proIC {
  width: 31.3%;
  margin-left: 4.6%;
  margin-right: 3.4%;
  padding-top: 1.364rem;
}
.pro-item .proIR {
  width: 38.3%;
  min-height: 15.909rem;
  padding-left: 5.2%;
  padding-bottom: 0.909rem;
  box-sizing: border-box;
  border-left: 0.045rem solid rgba(112, 112, 112, 0.29);
}
.pro-item .downLoad {
  display: inline-block;
  color: #0089D2;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 1.818rem;
}
.pro-item .downLoad i {
  font-size: 1rem;
  color: #0089D2;
  line-height: 1;
  margin-right: 0.955rem;
  vertical-align: middle;
}
.pro-item .name {
  display: inline-block;
  font-family: 'Bahnschrift';
  line-height: 1.4;
  color: #0089D2;
}
.pro-item .des {
  color: #666666;
  font-weight: 100;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  margin-top: 0.409rem;
}
.pro-item .more {
  display: inline-block;
  line-height: 1.4;
  color: #666666;
  margin-top: 1.818rem;
  background-image: linear-gradient(90deg, #0089D2, #0089D2);
}
.pro-item .more i {
  color: #666666;
}
@media screen and (min-width: 39.091rem) and (hover: hover) {
  .pro-item .more:hover {
    color: #0089D2;
  }
  .pro-item .more:hover i {
    color: #0089D2;
  }
}
.pro-item .detail-li {
  width: 50%;
  line-height: 1.4;
  margin-top: 1.364rem;
  padding-right: 1%;
}
.pro-item .detail-li:nth-of-type(2n) {
  padding-right: 0;
}
.pro-item .detaName {
  font-weight: 500;
  color: #000000;
}
.pro-item .detaInfo {
  font-weight: 100;
  color: #666666;
  margin-top: 0.455rem;
}
.pvContact {
  position: relative;
  padding: 4.545rem 0 11.364rem;
}
.pvContact .com-tit2 .p2 {
  margin-top: 0.909rem;
}
.pvContact .toTop {
  position: absolute;
  right: 0;
  bottom: 5.455rem;
  width: 2.727rem;
  height: 2.727rem;
  border-radius: 50%;
  background-color: #666666;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 2;
}
.pvContact .toTop i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.091rem;
  color: #fff;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .pvContact .toTop:hover {
    background-color: #0089D2;
  }
}
.pvlx-wrap {
  margin-top: 1.818rem;
}
.pvlxL {
  width: 64.8%;
}
.pvlxR {
  width: 31.7%;
  margin-left: 3.5%;
}
.pvlx-form .require {
  color: #FF0000;
}
.pvlx-form .pv-items .pv-item {
  width: 48.9%;
  height: 3rem;
  margin-right: 2.2%;
  margin-bottom: 0.909rem;
  isolation: isolate;
}
.pvlx-form .pv-items .pv-item:nth-of-type(2n) {
  margin-right: 0;
}
.pvlx-form .pv-items .label {
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding-left: 1.136rem;
  z-index: -1;
}
.pvlx-form .pv-item {
  position: relative;
  background-color: #F8F8F8;
  box-shadow: 0rem 0.136rem 0.273rem 0.045rem rgba(153, 153, 153, 0.21);
}
.pvlx-form .label {
  position: absolute;
  left: 0;
  right: 0;
  box-sizing: border-box;
  color: #666666;
}
.pvlx-form .s-input {
  width: 100%;
  height: 100%;
  padding: 0 1.136rem;
  border-radius: 0.455rem;
  color: #666666;
  box-sizing: border-box;
}
.pvlx-form .s-input::-webkit-input-placeholder {
  color: #666666;
}
.pvlx-form .s-input::-moz-placeholder {
  color: #666666;
}
.pvlx-form .s-input:-ms-input-placeholder {
  color: #666666;
}
.pvlx-form .s-input:-internal-autofill-previewed,
.pvlx-form .s-input:-internal-autofill-selected {
  -webkit-text-fill-color: #666666 !important;
}
.pvlx-form .select {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 1.136rem;
  color: #666666;
  border-radius: 0.455rem;
  background-image: url(../images/jt.png);
  background-repeat: no-repeat;
  background-position: 92.8% 50%;
  background-size: 0.636rem 0.409rem;
  box-sizing: border-box;
  z-index: 1;
}
.pvlx-form .select-item .label.hide {
  opacity: 0;
  visibility: hidden;
}
.pvlx-form .txtara-item {
  height: 10.909rem;
  background-color: #F8F8F8;
}
.pvlx-form .txtara-item .label {
  left: 1.136rem;
  top: 0.864rem;
}
.pvlx-form .textarea {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0.455rem;
  padding: 0.864rem 1.136rem;
  color: #666666;
  box-sizing: border-box;
  background-color: transparent;
  resize: none;
  z-index: 1;
}
.pvlx-form .textarea::-webkit-input-placeholder {
  color: #666666;
}
.pvlx-form .textarea::-moz-placeholder {
  color: #666666;
}
.pvlx-form .textarea:-ms-input-placeholder {
  color: #666666;
}
.pvlx-form .textarea:-internal-autofill-previewed,
.pvlx-form .textarea:-internal-autofill-selected {
  -webkit-text-fill-color: #666666 !important;
}
.pvlx-form .textarea.focused + .label {
  opacity: 0;
  visibility: hidden;
}
.pvlx-form .pv-input.focused + .label {
  opacity: 0;
  visibility: hidden;
}
.pvlx-form .drag-box {
  width: 15.455rem;
}
.pvlx-form .dragSlider {
  position: relative;
  width: 15.455rem;
  height: 2.364rem;
  line-height: 2.364rem;
  background-color: #EFEFEF;
}
.pvlx-form .dragSlider .drag-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 2.364rem;
  width: 0;
  background-color: #00a700;
  color: #fff;
  font-size: 0.818rem;
  text-align: center;
  line-height: 2.364rem;
}
.pvlx-form .dragSlider .drag-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 3.636rem;
  height: 100%;
  text-align: center;
  border-radius: 0 0.455rem 0.455rem 0;
  background-color: #0089D2;
  user-select: none;
  color: #fff;
  z-index: 2;
  cursor: move;
}
.pvlx-form .dragSlider .drag-btn::after {
  content: '\eb0b';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.091rem;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
}
.pvlx-form .dragSlider .fix-tips,
.pvlx-form .dragSlider .verify-msg {
  position: absolute;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  line-height: 2.364rem;
  color: #999999;
  font-weight: 100;
  font-size: 0.727rem;
  z-index: 1;
}
.pvlx-form .dragSlider .verify-msg {
  text-align: center;
}
.pvlx-form .dragSlider .fix-tips {
  padding-right: 9.7%;
  text-align: right;
  mix-blend-mode: difference;
}
.pvlx-form .dragSlider .verify-msg {
  background-color: #0089D2;
  color: #fff;
  display: none;
}
.pvlx-form .dragSlider .suc-drag-btn {
  background-color: #fff;
}
.pvlx-form .dragSlider .suc-drag-btn::after {
  content: '\e627';
  color: #0089D2;
}
.pvlx-form .pv-btn {
  color: #0089D2;
  border: 0.045rem solid #0089D2;
  cursor: pointer;
}
.pvlx-form .pv-btn i {
  font-size: 0.591rem;
  color: #0089D2;
  margin-left: 0.909rem;
}
@media screen and (min-width: 39.091rem) and (hover: hover) {
  .pvlx-form .pv-btn:hover {
    color: #fff;
    background-color: #0089D2;
  }
  .pvlx-form .pv-btn:hover i {
    color: #fff;
  }
}
.pvlx-form .terms {
  margin-top: 1.591rem;
}
.pvlx-form .check {
  width: 1.091rem;
  height: 1.091rem;
  border-radius: 0.091rem;
  border: 0.045rem solid #E6E6E6;
  margin: 0 0.727rem 0 0;
  flex-shrink: 0;
}
.pvlx-form .check:checked {
  background: url(../images/agree.svg) no-repeat center;
  background-size: 0.909rem 0.682rem;
}
.pvlx-form .check:checked::before {
  opacity: 0;
  visibility: hidden;
}
.pvlx-form .pvBot {
  margin-top: 1.136rem;
}
.pvlx-form .term-label {
  font-weight: 100;
}
.pvlx-form .submit {
  margin-left: 0.455rem;
}
.pvlx-item {
  min-height: 6.364rem;
  padding: 0.227rem 3% 0.227rem 7%;
  background-color: #F8F8F8;
  margin-bottom: 1.591rem;
  box-shadow: 0rem 0.136rem 0.273rem 0.045rem rgba(153, 153, 153, 0.21);
}
.pvlx-item:last-child {
  margin-bottom: 0;
}
.pvlx-item .ico {
  position: relative;
  width: 3.545rem;
  height: 3.545rem;
  border-radius: 50%;
  background-color: #0089D2;
}
.pvlx-item .ico i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.364rem;
  color: #fff;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pvlx-item .txt {
  width: calc(100% - 3.545rem);
  line-height: 1.4;
  padding-left: 6%;
}
.pvlx-item .lxName {
  color: #0089D2;
}
.pvlx-item .info {
  font-weight: 100;
  color: #000000;
  margin-top: 0.364rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .pvlx-item:hover .ico i {
    transform: translate(-50%, -50%) rotateY(360deg);
  }
}
.proList {
  padding: 1.955rem 0 8.182rem;
  background: linear-gradient(128deg, #fff 0%, #ECF6FC 100%);
}
.proList-wrap {
  padding: 4rem 6.9% 3.636rem;
  margin-top: 2.727rem;
  background-color: #fff;
}
.proList-wrap .back {
  margin-top: 5.091rem;
}
.pro-wrapT {
  padding-bottom: 1.727rem;
  border-bottom: 0.045rem solid #CCCCCC;
}
.pro-wrapT .img {
  width: 42.4%;
}
.pro-wrapT .txt {
  width: 51.3%;
  margin-left: 6.3%;
}
.pro-wrapT .name {
  color: #0089D2;
}
.pro-wrapT .des {
  color: #000000;
  margin-top: 0.818rem;
}
.pro-wrapT .downLoad {
  display: inline-block;
  color: #0089D2;
  margin-top: 2.409rem;
}
.pro-wrapT .downLoad i {
  display: inline-block;
  font-size: 1rem;
  color: #0089D2;
  margin-right: 0.955rem;
  vertical-align: middle;
}
.pro-wrapB {
  margin-top: 2.364rem;
}
.pro-wrapB .cp-intro {
  margin-top: 1.455rem;
}
.construction {
  padding-bottom: 11.364rem;
}
.com-jswrap .com-jsL {
  width: 50.4%;
}
.com-jswrap .com-jsR {
  width: 44.6%;
  margin-left: 5%;
}
.com-jswrap .js-intro {
  margin-top: 1.909rem;
}
.com-jswrap .com-tit2 .p0 {
  color: #0089D2;
  font-weight: 500;
  margin-bottom: 0.455rem;
}
.jsAb .jsAbR {
  position: relative;
}
.jsAb .jsAb-num {
  position: absolute;
  bottom: 0.909rem;
  right: 0.909rem;
  padding: 0.909rem 2.045rem 0.636rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(1.364rem);
  backdrop-filter: blur(1.364rem);
}
.jsAb .jsAb-num * {
  color: #fff;
}
.jsAb .jsAb-num .num {
  font-weight: 500;
}
.jsAb .jsAb-num .numName {
  padding-left: 0;
  margin-top: 0.545rem;
}
.certi {
  position: relative;
  padding: 9.182rem 0 7.364rem;
  isolation: isolate;
}
.certi .bg-img {
  position: absolute;
  width: 88.6%;
  right: 0;
  top: 0;
  z-index: -1;
}
.certiB {
  position: relative;
  padding-bottom: 1.364rem;
  margin-top: 3.636rem;
}
.certiB .bot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.certi-swiper .swiper-wrapper {
  justify-content: space-around;
}
.certi-swiper .swiper-slide {
  width: auto;
}
.certi-swiper .img {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.certi-swiper .img img {
  width: auto;
  height: 13vw;
  object-fit: contain;
}
.firmAd {
  position: relative;
  padding: 8.091rem 0 13.636rem;
}
.firmAd .bg-img {
  left: 0;
  right: 0;
  bottom: -3%;
  width: 100%;
}
.gsad-wrap {
  position: relative;
  isolation: isolate;
  margin-top: 3.636rem;
}
.gsad-wrap .bg-line {
  position: absolute;
  left: 0;
  right: 0;
  top: 5.045rem;
  z-index: -1;
}
.gs-item {
  width: 15.1%;
}
.gs-item:nth-of-type(1),
.gs-item:nth-of-type(5) {
  margin-top: 3rem;
}
.gs-item:nth-of-type(2),
.gs-item:nth-of-type(4) {
  margin-top: 0.773rem;
}
@media only screen and (max-width: 2560px) {
  .gs-item:nth-of-type(1),
  .gs-item:nth-of-type(5) {
    margin-top: 2.917rem;
  }
}
@media only screen and (max-width: 1920px) {
  .gs-item:nth-of-type(1),
  .gs-item:nth-of-type(5) {
    margin-top: 2.727rem;
  }
}
.gs-item .ico-box {
  position: relative;
  width: 3.682rem;
  margin: 0 auto;
}
.gs-item .ico-box .ico {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.818rem;
  line-height: 1;
  color: #fff;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.gs-item .cir {
  width: 0.864rem;
  height: 0.864rem;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #fff;
  box-sizing: border-box;
  border: 0.091rem solid #0089D2;
  margin-top: 0.545rem;
}
.gs-item .gsInfo {
  min-height: 10.545rem;
  text-align: center;
  padding: 1.909rem 7.6%;
  background: linear-gradient(180deg, #fff 0%, #ECF6FC 100%);
  margin-top: 1.909rem;
}
.gs-item .name {
  position: relative;
  font-weight: 100;
  line-height: 1.4;
  color: #0089D2;
  padding-bottom: 0.5rem;
}
.gs-item .name::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0.727rem;
  height: 0.045rem;
  background-color: #0089D2;
}
.gs-item .intro {
  font-weight: 100;
  color: #666666;
  line-height: 1.75;
  margin-top: 1.364rem;
}
.gs-item.action:nth-of-type(1) {
  transition-delay: 0.2s;
}
.gs-item.action:nth-of-type(2) {
  transition-delay: 0.4s;
}
.gs-item.action:nth-of-type(3) {
  transition-delay: 0.6s;
}
.gs-item.action:nth-of-type(4) {
  transition-delay: 0.8s;
}
.gs-item.action:nth-of-type(5) {
  transition-delay: 1s;
}
.gs-item.action:nth-of-type(6) {
  transition-delay: 1.2s;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .gs-item:hover .ico {
    transform: translate(-50%, -50%) rotateY(360deg);
  }
}
.fulture {
  margin-bottom: 7.364rem;
}
.engineers {
  padding-top: 8.091rem;
}
.engiB {
  margin-top: 3.636rem;
}
.engi-swiper .name {
  height: 2.318rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.engi-swiper .engi-item {
  margin-bottom: 2.727rem;
}
.engi-swiper .engi-item:nth-of-type(n+4) {
  margin-bottom: 0;
}
.lyjsList {
  padding: 1.955rem 0 13.727rem;
}
.request {
  padding-bottom: 5.545rem;
}
.request .com-tit2 .p2 {
  font-weight: bold;
  color: #0089D2;
  margin-top: 2.227rem;
}
.ask-li {
  width: 31.5%;
  margin-right: 2.75%;
  margin-top: 3.136rem;
}
.ask-li:nth-of-type(3n) {
  margin-right: 0;
}
.ask-item {
  height: 100%;
  min-height: 11.364rem;
  padding: 2.545rem 11.2%;
  background-color: #F1F9FE;
  border-radius: 0rem 5.455rem 0rem 5.455rem;
  box-shadow: 0rem 0.227rem 0.455rem 0.045rem rgba(213, 213, 213, 0.27);
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.ask-item .name {
  line-height: 1.4;
  color: #0089D2;
}
.ask-item .des {
  line-height: 1.5;
  color: #000000;
  margin-top: 0.318rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .ask-item:hover {
    transform: translateY(-0.909rem);
  }
}
.culIdeas {
  padding-bottom: 11.364rem;
}
.coreCulture {
  position: relative;
  padding: 8.091rem 0 15.864rem;
}
.coreCulture .bg-img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3.955rem;
  width: 100%;
  animation-delay: 0.3s !important;
}
.core-box {
  position: relative;
  width: 28.636rem;
  height: 28.636rem;
  margin: 1.591rem auto 0;
}
.core-box::before,
.core-box::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  border-radius: 50%;
  border: 0.045rem dashed #0089D2;
}
.core-box::before {
  width: 100%;
  height: 100%;
  opacity: 0.3;
  animation: turn3 100s ease infinite;
}
.core-box::after {
  width: 77.5%;
  height: 77.5%;
  animation: turn4 100s ease infinite;
}
.core-box .img {
  width: 57.5%;
  height: 57.5%;
  border-radius: 50%;
  overflow: hidden;
}
.core-box .img img {
  height: 100%;
  object-fit: cover;
}
.core-item {
  position: absolute;
}
.core-item .ico {
  position: relative;
  width: 3.182rem;
  height: 3.182rem;
  border-radius: 50%;
  overflow: hidden;
  background-color: #0089D2;
}
.core-item .ico img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.core-item .txt {
  position: absolute;
  top: 0;
  width: 15.773rem;
}
.core-item .name {
  line-height: 1.4;
  color: #0089D2;
  font-weight: 500;
}
.core-item .des {
  font-weight: 500;
}
.core-item:nth-of-type(1),
.core-item:nth-of-type(3) {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.core-item:nth-of-type(1) .txt,
.core-item:nth-of-type(3) .txt {
  right: 100%;
  padding-right: 1.591rem;
  text-align: right;
}
.core-item:nth-of-type(2) .txt,
.core-item:nth-of-type(4) .txt {
  left: 100%;
  padding-left: 1.591rem;
}
.core-item:nth-of-type(1) {
  top: 25.2%;
  left: -1.3%;
}
.core-item:nth-of-type(2) {
  top: 25.2%;
  right: -1.3%;
}
.core-item:nth-of-type(3) {
  left: -1.3%;
  bottom: 25.2%;
}
.core-item:nth-of-type(4) {
  right: -1.3%;
  bottom: 25.2%;
}
.core-item:nth-of-type(5) {
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.core-item:nth-of-type(5) .txt {
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  text-align: center;
  padding-top: 1.591rem;
}
@media screen and (min-width: 39.091rem) and (hover: hover) {
  .core-item:hover .ico img {
    transform: translate(-50%, -50%) rotateY(360deg);
  }
}
.spirit-wrap {
  margin-top: 5rem;
}
.spirit-item {
  position: relative;
  padding: 7.273rem 0;
}
.spirit-item .alphabets {
  position: relative;
  line-height: 1;
}
.spirit-item .alphabet {
  width: auto;
  height: 6.545rem;
}
.spirit-item .alphabet > img {
  height: 100%;
  object-fit: contain;
}
.spirit-item .alphabet1 {
  filter: drop-shadow(0rem 0.364rem 0.682rem rgba(213, 213, 213, 0.5));
}
.spirit-item .alphabet2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.spirit-item .txt {
  position: absolute;
  width: 15.909rem;
  height: 7.273rem;
  padding-left: 1.318rem;
}
.spirit-item .txt::before,
.spirit-item .txt::after {
  content: '';
  position: absolute;
  left: 0;
  background-color: #CCCCCC;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.spirit-item .txt::before {
  width: 0.045rem;
  height: 92%;
}
.spirit-item .txt::after {
  transform: translateX(-50%);
  width: 0.409rem;
  height: 0.409rem;
  border-radius: 50%;
}
.spirit-item .spName {
  color: #000000;
  font-weight: 500;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.spirit-item .des {
  font-weight: 100;
  color: #666666;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 39.091rem) and (hover: hover) {
  .spirit-item:hover .alphabet2 {
    opacity: 1;
    visibility: visible;
  }
  .spirit-item:hover .txt::before,
  .spirit-item:hover .txt::after {
    background-color: #0089D2;
  }
  .spirit-item:hover .spName,
  .spirit-item:hover .des {
    color: #0089D2;
  }
}
.spri-li:nth-of-type(4) .spirit-item .txt {
  left: 50% !important;
  width: 11.364rem;
}
.spri-li:nth-of-type(odd) .spirit-item .txt {
  left: 26.8%;
  top: 0;
}
.spri-li:nth-of-type(odd) .spirit-item .txt::before {
  bottom: 0;
}
.spri-li:nth-of-type(odd) .spirit-item .txt::after {
  top: 0.545rem;
}
.spri-li:nth-of-type(even) .spirit-item .txt {
  left: 7.6%;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.spri-li:nth-of-type(even) .spirit-item .txt::before {
  top: 0;
}
.spri-li:nth-of-type(even) .spirit-item .txt::after {
  bottom: 0.545rem;
}
.isParty .com-wrapL .sub-svg path {
  fill: #E30011;
}
.isParty .com-wrapL .subName {
  border-color: rgba(227, 0, 17, 0.3);
}
.isParty .com-wrapL .sub-li._current .subA {
  color: #E30011;
}
.isParty .com-wrapL .sub-li._current .jt {
  color: #E30011;
}
.isParty .com-wrapL .subA .ico {
  color: #E30011;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .isParty .com-wrapL .subA:hover {
    color: #E30011;
  }
  .isParty .com-wrapL .subA:hover .jt {
    color: #E30011;
  }
}
@media screen and (min-width: 860px) and (hover: hover) {
  .isParty .com-wrapL .kid-li .item:hover {
    color: #E30011;
  }
  .isParty .com-wrapL .kid-li .item:hover::before {
    background-color: #E30011;
  }
}
.isParty .com-wrapL .kid-li .item.active {
  color: #E30011;
}
.isParty .com-wrapL .kid-li .item.active::before {
  background-color: #E30011;
}
.recomNew {
  padding-bottom: 3.636rem;
  overflow: hidden;
}
.recomNew .swiper-pagination {
  position: relative;
  margin-top: 1.591rem;
  display: none;
}
.recomNew .swiper-pagination.show {
  display: block;
}
.new-swiper {
  box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(213, 213, 213, 0.27);
}
.new-swiper .nreco-item {
  padding: 2.5rem 3.4% 2.5rem 4.5%;
  background-color: #fff;
}
@media screen and (min-width: 39.091rem) and (hover: hover) {
  .new-swiper .nreco-item:hover .name {
    color: #0089D2;
  }
  .new-swiper .nreco-item:hover .more {
    background-position: left 100%;
    background-size: 100% 0.045rem;
  }
}
.new-swiper .txt {
  width: 44.2%;
}
.new-swiper .img {
  width: 49.1%;
  margin-left: 6.7%;
}
.new-swiper .date {
  line-height: 1;
  color: #0089D2;
}
.new-swiper .name,
.new-swiper .des {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new-swiper .name {
  height: 3.545rem;
  line-height: 1.5;
  color: #000000;
  margin-top: 1.273rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.new-swiper .des {
  line-height: 2;
  margin-top: 1.909rem;
}
.new-swiper .more {
  display: inline-block;
  color: #0089D2;
  background-image: linear-gradient(90deg, #0089D2, #0089D2);
  margin-top: 3.182rem;
}
.new-swiper .more i {
  color: #0089D2;
}
.new-swiper .swiper-slide-active .img img {
  animation: banscale 2s ease both 0.3s;
}
.com-newItem {
  width: 31.5%;
  margin-right: 2.75%;
  margin-bottom: 1.818rem;
  background-color: #fff;
  box-shadow: 0rem 0.227rem 0.455rem 0.045rem rgba(213, 213, 213, 0.27);
}
.com-newItem:nth-of-type(3n) {
  margin-right: 0;
}
.com-newItem .txt {
  padding: 1.455rem 6.1% 2.227rem;
}
.com-newItem .date {
  color: #999999;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.com-newItem .name {
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.partyBrand {
  padding-bottom: 11.364rem;
}
.partyBrand .com-tit2 .p1 {
  color: #E30011;
}
.brand-wrap {
  position: relative;
}
.brand-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.045rem;
  background-color: #E30011;
}
.brand-wrap .brandL {
  width: 73.8%;
  padding-bottom: 3.636rem;
}
.brand-wrap .brandR {
  width: 17.2%;
  margin-left: 9%;
}
.djrd-item {
  padding: 4.545rem 0;
}
.djrd-item:last-of-type {
  padding-bottom: 0;
}
.djrd-item:not(:last-of-type) {
  position: relative;
}
.djrd-item:not(:last-of-type)::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 67.8vw;
  height: 0.045rem;
  background-color: #E30011;
}
.organi {
  position: relative;
  isolation: isolate;
}
.organi .bg-img {
  position: absolute;
  right: 1.7%;
  bottom: 0;
  transform: translateY(50%);
  width: 78.6%;
}
.organi .org-num {
  margin-bottom: 0.909rem;
}
.organi .org-desc {
  margin-top: 1.909rem;
}
.org-num:not(:last-of-type)::after {
  background-color: #D5D5D5;
}
.org-num .num,
.org-num .fh {
  color: #E30011;
}
.org-num .dw {
  color: #000000;
  margin-left: 0.455rem;
}
.ppjs .ppjsL {
  position: relative;
  width: 43.8%;
}
.ppjs .ppjsR {
  width: 52.2%;
  margin-left: 4%;
}
.ppjs .org-nums {
  position: absolute;
  left: 50%;
  bottom: 6.6%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
}
.achieve .achi-bot {
  margin-top: 2.727rem;
}
.achieve .achiL {
  width: 48.6%;
}
.achieve .aryItem {
  width: 47.6%;
  margin-right: 4.8%;
  margin-top: 0.909rem;
}
.achieve .aryItem:nth-of-type(2n) {
  margin-right: 0;
}
.achieve .org-num {
  margin-top: 0.909rem;
}
.party {
  padding-bottom: 11.136rem;
}
.party .com-tit2 {
  margin-bottom: 2.727rem;
}
.party .com-tit2 .p1 {
  color: #E30011;
}
.party .new-swiper .date {
  color: #E30011;
}
.party .new-swiper .more {
  color: #E30011;
  background-image: linear-gradient(90deg, #E30011, #E30011);
}
.party .new-swiper .more i {
  color: #E30011;
}
.party .new-swiper .nreco-item:hover .name {
  color: #E30011;
}
.party .com-swi-pagi .swiper-pagination-bullet-active {
  background-color: #E30011;
}
.party .paging {
  margin-top: 2rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .party .paging .page-item:hover {
    color: #E30011;
  }
  .party .paging .page-item:hover i {
    color: #E30011;
  }
}
@media screen and (min-width: 39.091rem) and (hover: hover) {
  .party .paging .pagiC a:hover {
    background-color: #E30011;
  }
}
.party .paging .pagiC .active {
  background-color: #E30011;
}
.party-item {
  margin-bottom: 3.5rem;
}
.party-item .name {
  height: 3.227rem;
  line-height: 1.6;
  font-weight: 500;
  margin-top: 0.955rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .party-item:hover .name {
    color: #E30011;
  }
}
.news {
  padding-bottom: 11.364rem;
}
.news .paging {
  margin-top: 4.773rem;
}
.new-item .date {
  line-height: 1;
}
.new-item .name {
  height: 2.545rem;
  font-weight: 100;
  margin-top: 1.136rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .new-item:hover .date,
  .new-item:hover .name {
    color: #0089D2;
  }
}
.infoList {
  padding: 1.955rem 0 11.364rem;
}
.newIf-wrap {
  margin-top: 4.818rem;
}
.newsInfoL {
  width: 65.5%;
}
.newsInfoL .name {
  font-weight: 500;
  color: #000000;
}
.newsInfoL .date {
  font-family: 'Bahnschrift';
  color: #999999;
  margin-top: 0.636rem;
}
.newsInfoL .newIntro {
  color: #000000;
  margin-top: 3.045rem;
}
.newsInfoL .pages {
  margin-top: 5rem;
}
.newsInfoL .page-item {
  min-width: 4.545rem;
  height: 2.545rem;
  line-height: 2.545rem;
  color: #0089D2;
  text-align: center;
  padding: 0 0.455rem;
  border-radius: 1.273rem;
  border: 0.045rem solid #0089D2;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .newsInfoL .page-item:hover {
    color: #fff;
    background-color: #0089D2;
  }
}
.newsInfoR {
  width: 27.6%;
  margin-left: 6.9%;
}
.newsInfoR .recomTit {
  color: #000000;
  padding-bottom: 1.045rem;
  border-bottom: 0.045rem solid #CCCCCC;
}
.newsInfoR .recom-items {
  margin-top: 1.045rem;
}
.recom-item {
  position: relative;
  display: block;
  padding: 0.909rem 0;
  line-height: 1.4;
}
.recom-item::before,
.recom-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.045rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.recom-item::before {
  width: 100%;
  background-color: #CCCCCC;
}
.recom-item::after {
  width: 0;
  background-color: #0089D2;
}
.recom-item .name {
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recom-item .date {
  color: #999999;
  margin-top: 0.545rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .recom-item:hover::after {
    width: 100%;
  }
  .recom-item:hover .date {
    color: #0089D2;
  }
}
.joinUs {
  padding-bottom: 11.545rem;
}
.joinUs .zp-jobs {
  margin-top: 5rem;
}
.joinUs .zpJob-Intro {
  text-align: center;
}
.job-tabs {
  margin-top: 2.273rem;
}
.job-tabs .job-tab {
  display: inline-block;
  min-width: 8.182rem;
  height: 3.182rem;
  line-height: 3.182rem;
  color: #000000;
  font-weight: 100;
  padding: 0 0.455rem;
  text-align: center;
  border-radius: 1.909rem;
  border: 0.045rem solid #0089D2;
  box-sizing: border-box;
  margin-right: 0.909rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.job-tabs .job-tab:last-of-type {
  margin-right: 0;
}
.job-tabs .job-tab i {
  font-size: 1.091rem;
  color: #0089D2;
  vertical-align: middle;
  margin-right: 0.455rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.job-tabs .job-tab.active {
  color: #fff;
  background-color: #0089D2;
}
.job-tabs .job-tab.active i {
  color: #fff;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .job-tabs .job-tab:hover {
    color: #fff;
    background-color: #0089D2;
  }
  .job-tabs .job-tab:hover i {
    color: #fff;
  }
}
.social-wrap {
  margin-top: 2.273rem;
}
.social .join-btns {
  margin-top: 2.273rem;
}
.job-item {
  position: relative;
  width: 47.7%;
  line-height: 1.4;
  padding: 1.818rem 1.818rem 1.409rem;
  margin-right: 4.6%;
  margin-bottom: 2.273rem;
  isolation: isolate;
}
.job-item::before,
.job-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.909rem;
  box-shadow: 0rem 0.227rem 0.455rem 0.045rem rgba(213, 213, 213, 0.27);
  z-index: -1;
}
.job-item::before {
  background-color: #0089D2;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.job-item::after {
  background-color: #fff;
}
.job-item:nth-of-type(2n) {
  margin-right: 0;
}
.job-item .jobT {
  padding-bottom: 1.409rem;
  border-bottom: 0.045rem solid rgba(112, 112, 112, 0.3);
}
.job-item .name {
  color: #000000;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.job-item .salary {
  color: #0089D2;
  flex-shrink: 0;
}
.job-item .item {
  color: #666666;
  margin-top: 0.909rem;
}
.job-item .item i {
  font-size: 0.773rem;
  color: #666666;
  vertical-align: middle;
  margin-right: 0.455rem;
}
.job-item .more {
  color: #999999;
  margin-top: 2.273rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.job-item .more i {
  display: inline-block;
  font-size: 0.636rem;
  transform: scale(0.77);
  color: #999999;
  transform-origin: center;
  margin-left: 0.455rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .job-item:hover::before {
    bottom: -0.455rem;
    opacity: 1;
    visibility: visible;
  }
  .job-item:hover .name {
    color: #0089D2;
  }
  .job-item:hover .more {
    color: #0089D2;
  }
  .job-item:hover .more i {
    color: #0089D2;
  }
}
.job-btn {
  color: #0089D2;
  border: 0.045rem solid #0089D2;
}
.job-btn:not(:last-of-type) {
  margin-right: 1.136rem;
}
.job-btn i {
  color: #0089D2;
  margin-right: 0.545rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .job-btn:hover {
    color: #fff;
    background-color: #0089D2;
  }
  .job-btn:hover i {
    color: #fff;
  }
}
.share-btn {
  position: relative;
}
.share-btn:hover .social-share-icon {
  transform: translate(-50%, -0.909rem);
  opacity: 1;
  visibility: visible;
}
.social-share-icon {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -1.818rem);
  width: 200px;
  padding: 0.909rem 0.455rem;
  border-radius: 0.909rem;
  line-height: 1.4;
  background-color: #fff;
  box-shadow: 0rem 0.227rem 0.455rem 0.045rem rgba(213, 213, 213, 0.27);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 3;
}
.social-share-icon::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-width: 0.273rem 0.364rem;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.social-share-icon h4 {
  font-size: 14px;
}
.social-share-icon .qrcode {
  width: 4.545rem;
  margin: 0.682rem auto;
}
.social-share-icon .help {
  color: #0089D2;
  font-size: 12px;
}
.campus .join-btns {
  margin-top: 4.409rem;
}
.voyage {
  position: relative;
  display: block;
  margin-top: 4.545rem;
}
.voyage .img::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 9.5rem;
  background: linear-gradient(180deg, rgba(0, 91, 172, 0) 0%, #005BAC 100%);
  z-index: 1;
}
.voyage .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 9.3%;
  width: 100%;
  line-height: 1.4;
  padding: 0 4.5%;
  z-index: 2;
}
.voyage .name {
  color: #fff;
}
.voyage .more {
  color: #fff;
  font-weight: 100;
}
.voyage .more i {
  display: inline-block;
  color: #fff;
  font-size: 0.909rem;
  vertical-align: middle;
  margin-left: 1.364rem;
}
.sailing {
  padding-bottom: 11.364rem;
}
.saAbout {
  position: relative;
  padding-bottom: 13.636rem;
  margin-top: 3.636rem;
}
.saAbout .bg-img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2.227rem;
  width: 100%;
}
.saAbout .img {
  width: 40%;
}
.saAbout .saTxt {
  width: 56%;
  margin-left: 4%;
}
.saAbout .saAb-intro {
  margin-top: 1.909rem;
}
.lc-wrap {
  margin-top: 2.727rem;
}
.lc-wrap .jt {
  width: 2vw;
}
.lcItem {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 7.8vw;
  height: 7.8vw;
  border-radius: 50%;
  background: linear-gradient(180deg, #fff 0%, #E0F1FB 100%);
}
.lcItem .ico {
  width: 46.7%;
  margin: 0 auto;
  transition: 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}
.lcItem .lcName {
  font-weight: 500;
  color: #000000;
  line-height: 1;
  margin-top: 0.227rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .lcItem:hover .ico {
    transform: rotateY(360deg);
  }
}
.prevLook {
  padding-top: 7rem;
}
.prevLook .join-btns {
  margin-top: 4.545rem;
}
.prevLook .rctx-lb {
  margin-top: 0;
}
.look-wrap {
  position: relative;
  margin-top: 3.636rem;
}
.look-wrap .swi-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.look-wrap .swi-prev {
  left: 13.3%;
}
.look-wrap .swi-next {
  right: 13.3%;
}
.look-swiper .swiper-slide {
  position: relative;
  width: 57.7%;
}
.look-swiper .swiper-slide::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.67;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.look-swiper .swiper-slide-active::before {
  opacity: 0;
}
.train .idea-nums {
  margin-top: 3rem;
}
.train .idea-nums .line {
  background-color: #0089D2;
  opacity: 0.3;
}
.train .m-idea-nums {
  display: none;
}
.train .num-item {
  color: #0089D2;
}
.train .num-item * {
  color: inherit;
}
.rcIdeas {
  position: relative;
  padding-bottom: 6.818rem;
  isolation: isolate;
}
.rcIdeas .bg-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.rcIdeas .com-des {
  text-align: center;
}
.idea-wrap {
  position: relative;
  min-height: 24.091rem;
  padding-top: 2.273rem;
  padding-bottom: 3.273rem;
  margin-top: 5.455rem;
  isolation: isolate;
}
.idea-wrap::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 88.1%;
  height: 100%;
  background-color: #fff;
  border-radius: 0.909rem;
  box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(213, 213, 213, 0.27);
  z-index: -1;
}
.idea-wrap .ideaL {
  width: 55.4%;
  padding: 0 4.1% 0 3.8%;
}
.idea-wrap .ide-inBox {
  max-height: 21.538rem;
  overflow-y: auto;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media only screen and (max-width: 2560px) {
  .idea-wrap .ide-inBox {
    max-height: 21.833rem;
  }
}
@media only screen and (max-width: 1920px) {
  .idea-wrap .ide-inBox {
    max-height: 18.409rem;
  }
}
.idea-wrap .seeMore {
  color: #0089D2;
  cursor: pointer;
  margin-top: 2.455rem;
}
.idea-wrap .seeMore .text {
  margin-right: 0.545rem;
}
.idea-wrap .seeMore .ico {
  display: inline-block;
  font-size: 0.545rem;
  color: #0089D2;
  vertical-align: middle;
  transform: rotate(90deg);
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.idea-wrap .seeMore.down .ico {
  transform: rotate(-90deg);
}
.idea-wrap .ideaR {
  width: 44.6%;
  z-index: 1;
}
.idea-wrap .ideaImg {
  position: -webkit-sticky;
  position: sticky;
  top: 4.545rem;
}
.rcpy {
  padding-bottom: 11.364rem;
}
.rcpy .join-btns {
  margin-top: 4.545rem;
}
.rcSystem .rcImgs {
  width: 51.5%;
}
.rcSystem .rcImg {
  height: 100%;
  display: none;
}
.rcSystem .rcImg .img {
  height: 100%;
  object-fit: cover;
}
.rcSystem .rcImg.select {
  display: block;
}
.rcSystem .rcImg.select img {
  animation: banscale 2s ease both;
}
.rcSystem .rcsyR {
  width: 42.3%;
  margin-left: 6.2%;
}
.rcSystem .rcsy-item {
  border-bottom: 0.045rem solid #D5D5D5;
}
.rcSystem .rcsy-item:last-of-type {
  border-bottom: 0;
}
.rcSystem .rcsy-item .img {
  display: none;
}
.rcSystem .rcsy-item .rsyT {
  padding: 1.409rem 0;
  cursor: pointer;
}
.rcSystem .rcsy-item .name {
  line-height: 1.4;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.rcSystem .rcsy-item .rsyB {
  display: none;
  padding-bottom: 2.727rem;
}
.rcSystem .rcsy-item .com-intro {
  line-height: 2;
  color: #000000;
  font-weight: 100;
}
.rcSystem .rcsy-item .des {
  line-height: 2;
  color: #000000;
  font-weight: 100;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.rcSystem .rcsy-item .more {
  display: inline-block;
  font-weight: 500;
  color: #0089D2;
  margin-top: 1.409rem;
}
.rcSystem .rcsy-item .more i {
  color: #0089D2;
}
.rcSystem .rcsy-item.active .name {
  font-size: 1.364rem;
  color: #0089D2;
}
.rcsy-wrap {
  margin-top: 2.727rem;
}
.talentList {
  padding: 1.955rem 0 11.364rem;
}
.rctx-wrap .rcImg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48.2%;
}
.rctx-lb {
  margin-top: 5rem;
}
.rctx-lb .swi-btns {
  margin-top: 3.091rem;
}
.investor {
  padding: 8.091rem 0 11.364rem;
}
.investor-wrap {
  margin-bottom: 4.773rem;
}
.investor-wrap .img {
  width: 44.6%;
}
.investor-wrap .inveTxt {
  width: 50%;
  margin-left: 5.4%;
}
.investor-wrap .tz-items {
  margin-top: 1.909rem;
}
.investor-wrap .tz-item {
  width: 50%;
  line-height: 1.4;
  padding: 1.364rem 0 1.045rem;
  border-bottom: 0.045rem solid #D5D5D5;
}
.investor-wrap .tz-item:first-of-type {
  padding-top: 0;
}
.investor-wrap .tz-item .name {
  color: #000000;
  font-weight: 100;
}
.investor-wrap .tz-item .info {
  color: #0089D2;
  font-weight: 500;
  margin-top: 0.273rem;
}
.investor-wrap .tz-w100 {
  width: 100%;
}
.members {
  padding: 8.091rem 0 11.864rem;
}
.members .bg-img {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
}
.member-wrap {
  margin-top: 3.636rem;
}
.member-items {
  margin-bottom: 1.364rem;
}
.member-item {
  width: 31.5%;
  margin-right: 2.75%;
}
.member-item:nth-of-type(3n) {
  margin-right: 0;
}
.member-item .membT {
  position: relative;
  min-height: 6.818rem;
  height: 100%;
  line-height: 1.4;
  padding: 1.455rem 8.5% 1.409rem;
  box-sizing: border-box;
  border: 0.045rem solid #D5D5D5;
  overflow: hidden;
  cursor: pointer;
  isolation: isolate;
}
.member-item .membT::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #fff 0%, #ECF6FC 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.member-item .name {
  color: #000000;
  font-weight: 100;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.member-item .memBot {
  margin-top: 0.909rem;
}
.member-item .post {
  color: #666666;
  font-weight: 100;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.member-item .seebtn {
  color: #999999;
  flex-shrink: 0;
  margin-left: 0.682rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.member-item .seebtn i {
  display: inline-block;
  font-size: 0.636rem;
  color: #999999;
  line-height: 1;
  transform: rotate(90deg);
  margin-left: 0.318rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.member-item.active .membT {
  border-color: #0089D2;
}
.member-item.active .membT::before {
  opacity: 1;
  visibility: visible;
}
.member-item.active .post {
  color: #0089D2;
}
.member-item.active .seebtn {
  color: #0089D2;
}
.member-item.active .seebtn i {
  color: #0089D2;
  transform: rotate(-90deg);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .member-item:hover .name {
    color: #0089D2;
  }
}
.mem-intro {
  position: relative;
  padding: 1.864rem 2.6% 2.136rem 3.2%;
  margin-top: 1.227rem;
  background: linear-gradient(360deg, #fff 0%, #ECF6FC 100%);
  display: none;
}
.mem-intro::before {
  content: '';
  position: absolute;
  top: 0;
  left: 4.3%;
  transform: translateY(-100%) scale(0);
  width: 0;
  height: 0;
  border-width: 0.682rem 0.545rem;
  border-style: solid;
  border-color: transparent transparent #ECF6FC transparent;
  transform-origin: center bottom;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.mem-intro.select::before {
  animation: memberJt 0.5s ease both;
}
.p-descri:nth-of-type(2)::before {
  left: 38.55%;
}
.p-descri:nth-of-type(3)::before {
  left: 72.8%;
}
.zzjg {
  margin-bottom: 5.136rem;
}
.zzjg .jgIntro {
  margin-top: 3.636rem;
}
.gbjg {
  padding-top: 8.091rem;
}
.gbjg .gb-ul {
  margin-top: 3.636rem;
}
.gbjg .gb-li {
  line-height: 1.4;
  border-bottom: 0.045rem solid #D5D5D5;
}
.gbjg .gb-li:first-of-type {
  border-top: 0.045rem solid #D5D5D5;
}
.gbjg .gb-tit {
  padding: 1.364rem 0;
}
.gbjg .gb-tit .gb-item {
  color: #0089D2;
}
.gbjg .gb-info {
  padding: 1.091rem 0;
}
.gbjg .gb-item {
  flex: 1;
  padding-right: 1%;
}
.gbjg .gb-item:last-of-type {
  padding-right: 0;
}
.gbjg .gb-item:nth-of-type(1) {
  flex: 2.53;
  padding-left: 2.3%;
}
.gbjg .gb-item:nth-of-type(2) {
  flex: 1.65;
}
.gbjg .gb-info {
  position: relative;
  isolation: isolate;
}
.gbjg .gb-info::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #0089D2;
  box-shadow: 0rem 0.227rem 0.455rem 0.045rem rgba(213, 213, 213, 0.27);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.gbjg .gb-info .gb-item {
  color: #000000;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .gbjg .gb-info:hover {
    color: #fff;
  }
  .gbjg .gb-info:hover::after {
    opacity: 1;
    visibility: visible;
  }
  .gbjg .gb-info:hover .gb-item {
    color: #fff;
  }
}
.gbjg .last .gb-item {
  flex: 1;
  color: #666666;
  font-weight: 100;
}
.disDuty .preT {
  position: relative;
  padding-bottom: 1.909rem;
  border-bottom: 0.045rem solid #D5D5D5;
  z-index: 2;
}
.disDuty .paging {
  margin-top: 7.182rem;
}
.com-filter {
  position: relative;
  margin-left: 0.682rem;
  flex-shrink: 0;
}
.com-filter .filT {
  min-width: 8.182rem;
  height: 3.182rem;
  line-height: 3.182rem;
  padding: 0 1.045rem 0 1.909rem;
  border-radius: 1.909rem;
  box-sizing: border-box;
  border: 0.045rem solid #0089D2;
  cursor: pointer;
}
.com-filter .placeholder {
  font-weight: 100;
  color: #000000;
}
.com-filter .jt {
  display: inline-block;
  transform: rotate(90deg);
  font-size: 0.591rem;
  color: #0089D2;
  margin-left: 0.455rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.com-filter .filter-drop {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  transform: translateY(0.909rem);
  background-color: #fff;
  box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(213, 213, 213, 0.27);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 2;
}
.com-filter .option-item {
  display: block;
  font-weight: 100;
  color: #000000;
  text-align: center;
  line-height: 1.4;
  padding: 0.682rem 1.045rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .com-filter .option-item:hover {
    color: #0089D2;
  }
}
.com-filter.cur .filT .jt {
  transform: rotate(-90deg);
}
.com-filter.cur .filter-drop {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.peReport {
  padding-bottom: 11.364rem;
}
.pereport-items {
  margin-top: 2.045rem;
}
.pereport-item {
  position: relative;
  padding: 1.818rem 0;
  line-height: 1.4;
}
.pereport-item::before,
.pereport-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.045rem;
}
.pereport-item::before {
  width: 100%;
  background-color: #D5D5D5;
}
.pereport-item::after {
  width: 0;
  background-color: #0089D2;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pereport-item .name {
  color: #000000;
  font-weight: 100;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pereport-item .name i {
  display: inline-block;
  font-size: 1.318rem;
  color: #D5D5D5;
  line-height: 1;
  vertical-align: middle;
  margin-right: 1.227rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pereport-item .more {
  flex-shrink: 0;
  margin-left: 0.909rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .pereport-item:hover::after {
    width: 100%;
  }
  .pereport-item:hover .name {
    color: #0089D2;
  }
  .pereport-item:hover .name i {
    color: #0089D2;
  }
  .pereport-item:hover .more {
    color: #0089D2;
  }
  .pereport-item:hover .more i {
    color: #0089D2;
  }
}
.dutyReport {
  padding-bottom: 11.364rem;
}
.duty-item {
  padding: 2.545rem 0;
  border-bottom: 0.045rem solid #D5D5D5;
}
.duty-item .img {
  width: 30.8%;
}
.duty-item .txt {
  width: 64.4%;
  margin-left: 4.8%;
  line-height: 1.4;
}
.duty-item .duT {
  position: relative;
  color: #0089D2;
  font-weight: bold;
  padding-bottom: 0.636rem;
}
.duty-item .duT::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.318rem;
  height: 0.045rem;
  background-color: #707070;
}
.duty-item .year {
  font-weight: normal;
  margin-right: 0.773rem;
}
.duty-item .firmame {
  color: #666666;
  margin-top: 1.227rem;
}
.duty-item .dutyLink {
  display: inline-block;
  min-width: 5.182rem;
  height: 1.818rem;
  line-height: 1.818rem;
  text-align: center;
  color: #999999;
  padding: 0 0.455rem;
  border-radius: 0.909rem;
  box-sizing: border-box;
  margin-top: 0.909rem;
  border: 0.045rem solid #999999;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.duty-item .dutyLink:not(:last-of-type) {
  margin-right: 0.864rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .duty-item .dutyLink:hover {
    color: #fff;
    border-color: #0089D2;
    background-color: #0089D2;
  }
}
.stocks {
  padding: 6.818rem 0 11.364rem;
}
.stocksL {
  width: 44.3%;
  margin-right: 8.8%;
}
.stocksL .content {
  padding: 3.091rem 0;
  line-height: 1.4;
  margin-top: 2.727rem;
  border-top: 0.045rem solid #D5D5D5;
  border-bottom: 0.045rem solid #D5D5D5;
}
.stocksL .stoItem {
  width: 34.2%;
}
.stocksL .stoItem .name {
  color: #000000;
}
.stocksL .code,
.stocksL .priceItem {
  color: #0089D2;
}
.stocksL .ratio {
  padding: 0.091rem 0.455rem;
  color: #0089D2;
  text-align: center;
  border-radius: 0.818rem;
  margin-bottom: 0.318rem;
  background-color: #ECF6FC;
}
.stocksL .ratio:last-of-type {
  margin-bottom: 0;
}
.stocksL .stoPri {
  position: relative;
  width: 65.8%;
  padding-left: 9%;
}
.stocksL .stoPri::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.045rem;
  height: 4.682rem;
  background-color: #D5D5D5;
}
.stocksL .updateTime {
  color: #000000;
  margin-top: 3.045rem;
}
.stocksR {
  width: 46.9%;
}
.hotLine {
  padding-bottom: 11.364rem;
}
.hotLineL {
  width: 50%;
  padding-right: 3%;
}
.offi-acc {
  margin-top: 1.818rem;
}
.offi-acc .p1 {
  color: #0089D2;
}
.offi-acc .p2 {
  color: #000000;
  margin-top: 0.227rem;
}
.offi-acc .img {
  width: 8.318rem;
  height: 8.318rem;
  padding: 0.727rem;
  box-sizing: border-box;
  border: 0.045rem solid #D5D5D5;
  margin-top: 1.409rem;
}
.hotLineR {
  width: 50%;
}
.rx-item {
  padding: 2rem 0;
  line-height: 1.4;
  border-bottom: 0.045rem solid #D5D5D5;
}
.rx-item:first-of-type {
  padding-top: 0;
}
.rx-item .ico i {
  display: inline-block;
  color: #0089D2;
  font-size: 1.682rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.rx-item .rxInfo {
  text-align: right;
}
.rx-item .name {
  color: #0089D2;
}
.rx-item .info {
  color: #000000;
  margin-top: 0.227rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .rx-item:hover .ico i {
    transform: rotateY(360deg);
  }
}
.contactUs {
  padding-bottom: 11.364rem;
}
.lx-tabs {
  margin-top: 3.636rem;
  border-bottom: 0.045rem solid #D5D5D5;
}
.lx-tabs .lx-tab {
  position: relative;
  display: inline-block;
  padding-bottom: 1.136rem;
  font-weight: 100;
  color: #000000;
  line-height: 1.4;
  cursor: pointer;
}
.lx-tabs .lx-tab::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -0.091rem;
  width: 0;
  height: 0.136rem;
  background-color: #0089D2;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.lx-tabs .lx-tab:not(:last-of-type) {
  margin-right: 5.455rem;
}
.lx-tabs .lx-tab.active {
  color: #0089D2;
}
.lx-tabs .lx-tab.active::after {
  left: 0;
  right: auto;
  width: 100%;
}
.lx-wraps {
  margin-top: 1.364rem;
}
.lx-wrap {
  display: none;
}
.lx-wrap.select {
  display: block;
  animation: fadeIn 1s ease both;
}
.hotLine-wrap {
  padding-top: 1.818rem;
}
.lx-boxs.has-one .lx-box {
  width: 100%;
}
.lx-boxs.has-two .lx-box {
  width: 50%;
}
.lx-boxs.has-three {
  justify-content: space-between;
}
.lx-box {
  margin-top: 1.818rem;
}
.lx-box:nth-of-type(3n) {
  margin-right: 0;
}
.lx-box .lxT {
  color: #0089D2;
  margin-bottom: 11px;
}
.lx-box .lxT i {
  display: inline-block;
  color: #0089D2;
  vertical-align: middle;
  margin-right: 0.682rem;
}
.lx-box .info {
  line-height: 1.5;
}
.com-email-info img {
  width: auto;
  max-width: 100%;
  vertical-align: bottom;
}
.map {
  position: relative;
  margin-top: 4.091rem;
}
.map .cir {
  position: relative;
  width: 0.636rem;
  height: 0.636rem;
  isolation: isolate;
}
.map em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
}
.map .ripple {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.1);
  width: 343%;
  height: 343%;
  border-radius: 50%;
  background-color: rgba(0, 137, 210, 0.7);
  animation: rippleFn3 5s linear infinite;
  z-index: -1;
}
.map .ripple2 {
  animation-delay: 1.5s;
}
.map .ripple3 {
  animation-delay: 3s;
}
.map .dw {
  position: absolute;
}
.map .toGo {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  min-width: 8.636rem;
  height: 2.727rem;
  line-height: 2.727rem;
  color: #005DAC;
  text-align: center;
  white-space: nowrap;
  margin-top: 3.273rem;
  border-radius: 1.409rem;
  background: linear-gradient(180deg, #fff 0%, #ECF6FC 100%);
  isolation: isolate;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.map .toGo::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 1.409rem;
  background-color: #0089D2;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.map .toGo i {
  font-size: 0.909rem;
  color: #005DAC;
  vertical-align: middle;
  margin-right: 0.5rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .map .toGo:hover {
    color: #fff;
  }
  .map .toGo:hover::before {
    opacity: 1;
    visibility: visible;
  }
  .map .toGo:hover i {
    color: #fff;
  }
}
.platform {
  padding-bottom: 11.364rem;
}
.yfpt {
  position: relative;
  padding-bottom: 9.864rem;
  isolation: isolate;
}
.yfpt .bg-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 91.2%;
  z-index: -1;
}
.yfptL {
  width: 52.4%;
}
.yfptL .yfptIntro {
  margin-top: 1.909rem;
}
.yfptR {
  width: 43.8%;
  margin-left: 3.8%;
}
.yfpt-swiper {
  position: relative;
}
.yfpt-swiper::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5.455rem;
  max-height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
  opacity: 0.6;
  z-index: 2;
}
.yfpt-swiper .swiper-pagination {
  line-height: 1;
  display: none;
}
.yfpt-swiper .swiper-pagination.show {
  display: block;
}
.yfpt-swiper .swiper-pagination-bullet {
  width: 0.545rem;
  height: 0.545rem;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 0.591rem !important;
  opacity: 0.6;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.yfpt-swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.award-box:not(:first-of-type) {
  margin-top: 3rem;
}
.award-box .awardT {
  position: relative;
  padding-bottom: 1.909rem;
  border-bottom: 0.045rem solid #D5D5D5;
}
.award-box .awardT::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.091rem;
  width: 8.864rem;
  height: 0.136rem;
  background-color: #0089D2;
}
.award-box .awa-btn-box {
  display: none;
}
.award-box .awa-btn-box.show {
  display: block;
}
.award-box .awa-btn {
  cursor: pointer;
}
.award-box .awa-btn i {
  font-size: 0.864rem;
  color: #999999;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.award-box .awa-btn.swiper-button-disabled {
  opacity: 0.6;
  cursor: auto;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .award-box .awa-btn:hover i {
    color: #0089D2;
  }
}
.award-box .awa-prev {
  margin-right: 1.182rem;
}
.award-box .award-swiper {
  margin-top: 2.727rem;
}
.achievements {
  padding-bottom: 8.636rem;
}
.rd-items {
  margin-top: 3.636rem;
}
.rd-item {
  margin-bottom: 2.727rem;
}
.rd-item .name {
  height: 2.318rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.yfcg {
  padding: 1.955rem 0 12.273rem;
}
.awards {
  padding-bottom: 11.364rem;
}
.awards .paging {
  margin-top: 4.545rem;
}
.award-item {
  width: 23.125%;
  margin-right: 2.5%;
  padding: 1.545rem 2.3% 1.227rem;
  background-color: #fff;
  margin-top: 2.273rem;
  box-shadow: 0rem 0.227rem 0.455rem 0.045rem rgba(213, 213, 213, 0.27);
}
.award-item:nth-of-type(4n) {
  margin-right: 0;
}
.award-item .name {
  line-height: 1.4;
  text-align: center;
  color: #000000;
  margin-top: 1.955rem;
}
.talents {
  padding-bottom: 11.364rem;
}
.topcoop {
  position: relative;
}
.topcoop .bg-img {
  right: 0;
  top: 45%;
  transform: translateY(-50%);
  width: 93.2%;
}
.topcoop .tcTxt {
  background-color: #fff;
  box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(213, 213, 213, 0.27);
}
.topcoop .tcIntro {
  margin-top: 1.136rem;
}
.topTalents {
  position: relative;
  margin-top: 2.727rem;
}
.topTalents .topTxt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 61.5%;
  z-index: 2;
}
.topTalents .txt {
  padding: 1.955rem 7.5%;
}
.topTalents .img {
  width: 84.6%;
  height: 25rem;
}
.topTalents .img img {
  height: 100%;
  object-fit: cover;
}
.topTalents .tcIntro {
  height: 9.818rem;
  overflow-y: auto;
  padding-right: 0.455rem;
}
.talent-nums {
  margin-top: 2.636rem;
}
.talent-nums .line {
  background-color: #707070;
  opacity: 0.3;
}
.talent-nums .icoi,
.talent-nums .numT {
  color: #0089D2;
}
.coopTrain {
  margin-top: 8.5rem;
}
.coopTrain .txt {
  position: relative;
  width: 92.3%;
  padding: 1.955rem 4.2% 1.955rem 4.6%;
  margin: -3.818rem auto 0;
  z-index: 2;
}
.talents-show {
  margin-top: 4.545rem;
}
.talents-show .swi-btns {
  margin-top: 3.909rem;
}
.talent-swiper .show-item {
  width: 48.5%;
  margin-right: 3%;
  padding: 1.136rem 1.091rem 1.136rem 1.182rem;
  background-color: #fff;
  margin-bottom: 1.818rem;
  box-shadow: 0rem 0.227rem 0.455rem 0.045rem rgba(213, 213, 213, 0.27);
}
.talent-swiper .show-item:nth-of-type(2n) {
  margin-right: 0;
}
.talent-swiper .img {
  width: 6.818rem;
}
.talent-swiper .txt {
  width: calc(100% - 6.818rem);
  padding-left: 7%;
  line-height: 1.4;
}
.talent-swiper .showT {
  padding-bottom: 0.136rem;
  border-bottom: 0.045rem solid #D5D5D5;
}
.talent-swiper .name {
  font-weight: 500;
  color: #000000;
}
.talent-swiper .station {
  font-size: 0.727rem;
  min-height: 3.091rem;
  font-weight: 100;
  color: #000000;
  margin-top: 0.864rem;
}
.talent-swiper .school {
  margin-top: 0.591rem;
}
.talent-swiper .school img {
  height: 2rem;
  width: auto;
  max-width: 100%;
}