.banner {
  margin-top: var(--head-height-add);
  position: relative;
  height: -webkit-calc(100vh - var(--head-height-add));
  height: -moz-calc(100vh - var(--head-height-add));
  height: calc(100vh - var(--head-height-add));
  min-height: 7.65rem;
}
.banner.showBtn .btn .prev,
.banner.showBtn .btn .next {
  opacity: 1 !important;
  -webkit-transform: translateX(0) translateY(-50%) !important;
     -moz-transform: translateX(0) translateY(-50%) !important;
      -ms-transform: translateX(0) translateY(-50%) !important;
       -o-transform: translateX(0) translateY(-50%) !important;
          transform: translateX(0) translateY(-50%) !important;
}
.banner .swiper {
  position: relative;
  width: 100%;
  height: 100%;
}
.banner .swiper .swiper-wrapper {
  height: 100%;
}
.banner .swiper .swiper-wrapper .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.banner .swiper .swiper-wrapper .swiper-slide {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.banner .swiper .swiper-wrapper .swiper-slide .cover {
  bottom: 0;
  left: 0;
  height: 30%;
  width: 100%;
  position: absolute;
}
.banner .swiper .swiper-wrapper .swiper-slide .cover::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), color-stop(90%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 90%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 90%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 90%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 90%);
  z-index: 1;
  opacity: 1;
  pointer-events: none;
}
.banner .swiper .btn {
  --b: .40rem;
  --size: .24rem;
  --color: transparent;
  --gap: .25rem;
  --right: .59rem;
  --active-size: .37rem;
  --w: .26rem;
  --icon-size: .79rem;
  --icon-fs: -webkit-calc(var(--icon-size) / 2.2);
  --icon-fs: -moz-calc(var(--icon-size) / 2.2);
  --icon-fs: calc(var(--icon-size) / 2.2);
  --icon-color: var(--theme-color);
  --icon-active-color: #fff;
  --icon-top: 46%;
  --icon-bg: #fff;
  --icon-active-bg: var(--theme-color);
  --icon-radius: 50%;
}
.banner .swiper .prev {
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
       -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.5s ease-out;
  transition: background-color 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.5s ease-out;
  -o-transition: background-color 0.4s, opacity 0.4s ease-in-out, -o-transform 0.5s ease-out;
  -moz-transition: background-color 0.4s, transform 0.5s ease-out, opacity 0.4s ease-in-out, -moz-transform 0.5s ease-out;
  transition: background-color 0.4s, transform 0.5s ease-out, opacity 0.4s ease-in-out;
  transition: background-color 0.4s, transform 0.5s ease-out, opacity 0.4s ease-in-out, -webkit-transform 0.5s ease-out, -moz-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}
.banner .swiper .next {
  opacity: 0;
  -webkit-transform: translateX(50%) translateY(-50%);
     -moz-transform: translateX(50%) translateY(-50%);
      -ms-transform: translateX(50%) translateY(-50%);
       -o-transform: translateX(50%) translateY(-50%);
          transform: translateX(50%) translateY(-50%);
  -webkit-transition: background-color 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.5s ease-out;
  transition: background-color 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.5s ease-out;
  -o-transition: background-color 0.4s, opacity 0.4s ease-in-out, -o-transform 0.5s ease-out;
  -moz-transition: background-color 0.4s, transform 0.5s ease-out, opacity 0.4s ease-in-out, -moz-transform 0.5s ease-out;
  transition: background-color 0.4s, transform 0.5s ease-out, opacity 0.4s ease-in-out;
  transition: background-color 0.4s, transform 0.5s ease-out, opacity 0.4s ease-in-out, -webkit-transform 0.5s ease-out, -moz-transform 0.5s ease-out, -o-transform 0.5s ease-out;
}
.banner .swiper .dots::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  -webkit-transform: translateY(-webkit-calc(var(--size) / 2.05));
     -moz-transform: translateY(-moz-calc(var(--size) / 2.05));
      -ms-transform: translateY(calc(var(--size) / 2.05));
       -o-transform: translateY(calc(var(--size) / 2.05));
          transform: translateY(calc(var(--size) / 2.05));
}
.banner .swiper .dots .swiper-pagination-bullet {
  position: relative;
}
.banner .swiper .dots .swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: -webkit-calc(var(--size) / 1.7);
  width: -moz-calc(var(--size) / 1.7);
  width: calc(var(--size) / 1.7);
  height: -webkit-calc(var(--size) / 1.7);
  height: -moz-calc(var(--size) / 1.7);
  height: calc(var(--size) / 1.7);
  background-color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.banner .swiper .dots .swiper-pagination-bullet-active {
  margin: 0 0.09rem;
  width: var(--active-size);
  height: var(--active-size);
  -webkit-transform: translateY(-webkit-calc(-50% + var(--size) / 2));
     -moz-transform: translateY(-moz-calc(-50% + var(--size) / 2));
      -ms-transform: translateY(calc(-50% + var(--size) / 2));
       -o-transform: translateY(calc(-50% + var(--size) / 2));
          transform: translateY(calc(-50% + var(--size) / 2));
  border: none;
  background-color: transparent;
  background: url(../images/dots.png) no-repeat center/contain;
}

@media screen and (max-width: 1500px) {
  .banner .swiper .btn {
    --icon-size: .65rem;
  }
}
@media screen and (max-width: 1500px) {
  .banner {
    min-height: 0;
    height: 6rem;
  }
}
@media screen and (max-width: 1000px) {
  .banner {
    max-height: none;
    height: 5.5rem;
    margin-top: var(--head-height);
  }
}
@media screen and (max-width: 768px) {
  .banner {
    height: 5rem;
  }
}
@media screen and (max-width: 650px) {
  .banner .swiper .btn {
    --size: .2rem;
    --right: .3rem;
    --b: .26rem;
    --active-size: .32rem;
  }
}
@media screen and (max-width: 500px) {
  .banner {
    height: 4.3rem;
  }
  .banner .swiper .btn .prev,
  .banner .swiper .btn .next {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .banner {
    height: 4rem;
  }
}
.common-title {
  position: relative;
  z-index: 5;
}
.common-title h3 {
  font-size: 0.36rem;
  text-align: center;
  text-transform: uppercase;
  font-family: RobotoCondensedBold;
}
.common-title .c_more {
  position: absolute;
  right: 0;
  top: 0.09rem;
}

@media screen and (max-width: 1000px) {
  .common-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .common-title .title {
    font-size: 0.3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
  }
  .common-title .c_more {
    position: relative;
    top: 0;
    margin-bottom: 0.03rem;
  }
}
.profile {
  padding-top: 1.14rem;
  padding-bottom: 1.3rem;
  background: url(../images/profile-bg.jpg) no-repeat center bottom/cover;
}
.profile .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.profile .content .card-list {
  position: relative;
  z-index: 2;
  --i-size: .71rem;
  --linear: var(--theme-linear);
  --t: -.27rem;
  --r: 1.1rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.15rem;
  width: -webkit-calc(100% + var(--r));
  width: -moz-calc(100% + var(--r));
  width: calc(100% + var(--r));
  margin-top: var(--t);
}
.profile .content .card-list .card-item .outBox {
  width: 100%;
  height: 100%;
  padding-top: 0.26rem;
  padding-bottom: 0.05rem;
  -webkit-border-radius: 0.17rem;
          border-radius: 0.17rem;
  background: var(--linear);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}
.profile .content .card-list .card-item:hover .outBox {
  -webkit-transform: translateY(-0.1rem);
     -moz-transform: translateY(-0.1rem);
      -ms-transform: translateY(-0.1rem);
       -o-transform: translateY(-0.1rem);
          transform: translateY(-0.1rem);
}
.profile .content .card-list .card-item:hover .spic {
  -webkit-animation: eleRotate 0.8s forwards;
     -moz-animation: eleRotate 0.8s forwards;
       -o-animation: eleRotate 0.8s forwards;
          animation: eleRotate 0.8s forwards;
}
.profile .content .card-list .card-item .box .spic {
  margin: 0 auto;
  width: var(--i-size);
  height: var(--i-size);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile .content .card-list .card-item .box .spic .iconfont {
  color: #fff;
  font-size: var(--i-size);
}
.profile .content .card-list .card-item .box .text {
  margin-top: 0.08rem;
  padding: 0 0.05rem;
  font-size: var(--fs16);
  color: #fff;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.25;
  height: 2.5em;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  text-align: center;
  text-transform: uppercase;
}
.profile .content .left {
  position: relative;
  z-index: 2;
  width: 6.36rem;
  max-width: 43%;
}
.profile .content .left .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile .content .left .head .title {
  position: relative;
  font-size: 0.36rem;
  padding-top: 0.26rem;
  padding-bottom: 0.22rem;
  color: #fff;
  font-family: RobotoCondensedBold;
}
.profile .content .left .head .title::before {
  position: absolute;
  top: 0;
  content: "";
  width: 100%;
  height: 0.08rem;
  background-color: #fff;
}
.profile .content .left .head .c_more {
  position: relative;
  --color: #fff;
  margin-right: 0.46rem;
}
.profile .content .left .text-box {
  background: rgba(255, 255, 255, 0.9);
  padding-top: 0.45rem;
  padding-bottom: 0.48rem;
}
.profile .content .left .text-box .des {
  width: 5.5rem;
  max-width: 88%;
  margin: 0 auto;
  font-size: 0.2rem;
  line-height: 1.75;
  height: 15.75em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.profile .content .right {
  position: relative;
  z-index: 1;
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
     -moz-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.profile .content .right .card-list {
  display: none;
}
.profile .content .right .pic {
  margin-bottom: 0.15rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media screen and (max-width: 1000px) {
  .profile {
    padding-top: 0.5rem;
    padding-bottom: 0.7rem;
  }
  .profile .content .left .head .title {
    font-size: 0.3rem;
  }
  .profile .content .left .head .c_more {
    margin-right: 0;
  }
  .profile .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .profile .content .card-list {
    margin-left: 0.2rem;
    width: 36%;
    min-width: 300px;
    grid-template-columns: 1fr 1fr;
    --t: 0;
    --r: 0;
  }
  .profile .content .card-list .card-item .outBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .profile .content .left {
    width: 100%;
    max-width: 100%;
  }
  .profile .content .left .left-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .profile .content .left .left-box .text-box {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .profile .content .right {
    margin: 0.3rem auto 0;
    width: 100%;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
}
@media screen and (max-width: 800px) {
  .profile .content .card-list {
    width: 100%;
    margin-top: 0.2rem;
    margin-left: 0;
    grid-template-columns: repeat(4, 1fr);
  }
  .profile .content .left .card-list {
    display: none;
  }
  .profile .content .left .left-box {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .profile .content .left .left-box .text-box {
    width: 100%;
  }
  .profile .content .left .left-box .text-box .des {
    width: 88%;
    height: auto;
  }
  .profile .content .right .card-list {
    display: grid;
  }
}
@media screen and (max-width: 768px) {
  .profile .content .left .head .title {
    padding-top: 0.22rem;
    padding-bottom: 0.2rem;
  }
  .profile .content .left .head .title::before {
    height: 0.06rem;
  }
}
@media screen and (max-width: 660px) {
  .profile .content .card-list {
    --i-size: .66rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.news .common-title .c_more {
  --color: var(--theme-color);
}
.news .content {
  margin-top: 0.56rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.news .content .left {
  --l: .33rem;
  --t: .65rem;
  --pic-height: 3.89rem;
  --linear: linear-gradient(90deg, #014e9e 0%, #1174d1 32%, #329def 93%);
  margin-right: 0.2rem;
  padding-bottom: 0.09rem;
  width: -webkit-calc(723 / var(--box-width) * 100%);
  width: -moz-calc(723 / var(--box-width) * 100%);
  width: calc(723 / var(--box-width) * 100%);
  min-width: 6rem;
}
.news .content .left .swiper .btn {
  --b: auto;
  --t: -webkit-calc(var(--pic-height) - var(--size) - 0.18rem);
  --t: -moz-calc(var(--pic-height) - var(--size) - 0.18rem);
  --t: calc(var(--pic-height) - var(--size) - 0.18rem);
  --size: .15rem;
  --gap: .2rem;
  --left: auto;
  --right: .15rem;
}
.news .content .left .swiper .swiper-slide::after {
  position: absolute;
  top: var(--t);
  left: 0;
  content: "";
  width: -webkit-calc(100% - var(--l));
  width: -moz-calc(100% - var(--l));
  width: calc(100% - var(--l));
  height: -webkit-calc(100% - var(--t));
  height: -moz-calc(100% - var(--t));
  height: calc(100% - var(--t));
  background: var(--linear);
  z-index: 0;
}
.news .content .left .swiper .swiper-slide .pic {
  position: relative;
  margin-left: var(--l);
  width: -webkit-calc(100% - var(--l));
  width: -moz-calc(100% - var(--l));
  width: calc(100% - var(--l));
  height: var(--pic-height);
  z-index: 2;
}
.news .content .left .swiper .swiper-slide .pic img {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.news .content .left .swiper .swiper-slide .text {
  width: -webkit-calc(100% - var(--l));
  width: -moz-calc(100% - var(--l));
  width: calc(100% - var(--l));
  padding-left: -webkit-calc(var(--l) + 0.12rem);
  padding-left: -moz-calc(var(--l) + 0.12rem);
  padding-left: calc(var(--l) + 0.12rem);
  padding-right: 0.27rem;
  padding-bottom: 0.2rem;
  position: relative;
  z-index: 2;
}
.news .content .left .swiper .swiper-slide .text::before {
  content: "";
  position: absolute;
  width: 0.89rem;
  height: 1.02rem;
  right: 0.15rem;
  bottom: 0;
  background: url(../images/new-bg-icon.png) no-repeat center center/100% 100%;
  z-index: 1;
}
.news .content .left .swiper .swiper-slide .text .title {
  margin-top: 0.26rem;
  padding-right: 0.22rem;
  color: #fff;
  font-size: var(--fs18);
  line-height: 1.7777777778;
  font-weight: 600;
  height: 3.2em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: RabiolaSerif;
}
.news .content .left .swiper .swiper-slide .text .time {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.1rem;
  margin-left: auto;
  margin-right: 0;
  font-size: var(--fs18);
  line-height: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-weight: 600;
}
.news .content .right {
  width: -webkit-calc(762 / var(--box-width) * 100%);
  width: -moz-calc(762 / var(--box-width) * 100%);
  width: calc(762 / var(--box-width) * 100%);
}
.news .content .right .card-list {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.news .content .right .card-list .card-item {
  position: relative;
  padding-left: 0.05rem;
  padding-right: 0.13rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  border-bottom: 1px solid #e6e6e6;
}
.news .content .right .card-list .card-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: var(--theme-color);
  -webkit-transition: width 0.4s linear;
  -o-transition: width 0.4s linear;
  -moz-transition: width 0.4s linear;
  transition: width 0.4s linear;
}
.news .content .right .card-list .card-item:hover::after {
  width: 100%;
}
.news .content .right .card-list .card-item .time-box .time {
  width: 0.92rem;
  background: url(../images/new-data-bg.png) no-repeat center top/contain;
}
.news .content .right .card-list .card-item .time-box .time .day {
  color: var(--theme-color);
  font-size: 0.36rem;
  line-height: 1em;
  font-weight: 600;
  text-align: center;
}
.news .content .right .card-list .card-item .time-box .time .month {
  margin-top: 0.08rem;
  color: var(--theme-color);
  font-size: var(--fs18);
  line-height: 1em;
  text-align: center;
}
.news .content .right .card-list .card-item .text {
  margin-left: 0.26rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
     -moz-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.news .content .right .card-list .card-item .text .title {
  font-size: var(--fs18);
  line-height: 1.8333333333;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: RabiolaSerif;
}

@media screen and (max-width: 850px) {
  .news .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 0.35rem;
  }
  .news .content .left {
    width: 100%;
    min-width: 0;
    margin-right: 0;
    --l: 0rem;
  }
  .news .content .left .swiper .swiper-slide .pic {
    position: relative;
    width: 100%;
    height: auto;
  }
  .news .content .left .swiper .swiper-slide .pic::after {
    content: "";
    display: block;
    padding-bottom: -webkit-calc(389 / 690 * 100%);
    padding-bottom: -moz-calc(389 / 690 * 100%);
    padding-bottom: calc(389 / 690 * 100%);
  }
  .news .content .left .swiper .swiper-slide .pic img {
    position: absolute;
  }
  .news .content .left .swiper .swiper-slide .text {
    padding-bottom: 0.4rem;
    padding-right: 0.26rem;
    padding-left: 0.26rem;
  }
  .news .content .left .swiper .swiper-slide .text .title {
    padding-right: 0;
  }
  .news .content .left .swiper .swiper-slide .text .time {
    margin-top: 0.15rem;
  }
  .news .content .left .swiper .btn {
    --b: .25rem;
    --t: auto;
    --size: .15rem;
    --gap: .2rem;
    --left: auto;
    --right: auto;
  }
  .news .content .right {
    width: 100%;
    margin-top: 0.3rem;
    border-top: 1px solid #e6e6e6;
  }
  .news .content .right .card-list .card-item {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
}
.platforms .top {
  background: url(../images/platforms-title-bg.png) no-repeat left top/cover;
  padding-top: 1.27rem;
  padding-bottom: 0.51rem;
}
.platforms .top .common-title .title {
  color: #fff;
}
.platforms .top .common-title .c_more {
  --color: #fff;
}
.platforms .bottom {
  background: url(../images/platforms-bg.png) no-repeat left top/cover;
  min-height: 100px;
  padding-bottom: 1.06rem;
}
.platforms .bottom .mySwiper {
  --pic-height: 4.9rem;
  --btn-size: .8rem;
  --text-height: .95rem;
  --num-size: .44rem;
  padding-bottom: var(--text-height);
}
.platforms .bottom .mySwiper .prevBtn,
.platforms .bottom .mySwiper .nextBtn {
  position: absolute;
  top: 50%;
  width: var(--btn-size);
  height: var(--btn-size);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.platforms .bottom .mySwiper .prevBtn:hover,
.platforms .bottom .mySwiper .nextBtn:hover {
  background-color: var(--theme-color);
}
.platforms .bottom .mySwiper .prevBtn:hover .iconfont,
.platforms .bottom .mySwiper .nextBtn:hover .iconfont {
  color: #fff;
}
.platforms .bottom .mySwiper .prevBtn .iconfont,
.platforms .bottom .mySwiper .nextBtn .iconfont {
  color: var(--theme-color);
  font-size: -webkit-calc(var(--btn-size) / 2.15);
  font-size: -moz-calc(var(--btn-size) / 2.15);
  font-size: calc(var(--btn-size) / 2.15);
}
.platforms .bottom .mySwiper .prevBtn {
  left: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
       -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.platforms .bottom .mySwiper .nextBtn {
  right: 0;
  -webkit-transform: translateX(50%) translateY(-50%);
     -moz-transform: translateX(50%) translateY(-50%);
      -ms-transform: translateX(50%) translateY(-50%);
       -o-transform: translateX(50%) translateY(-50%);
          transform: translateX(50%) translateY(-50%);
}
.platforms .bottom .view {
  position: relative;
  margin: 0 auto;
  width: -webkit-calc(840 / var(--box-width) * 100%);
  width: -moz-calc(840 / var(--box-width) * 100%);
  width: calc(840 / var(--box-width) * 100%);
  height: var(--pic-height);
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 295px;
     -moz-perspective: 295px;
          perspective: 295px;
  -webkit-animation: scroll 5s infinite;
     -moz-animation: scroll 5s infinite;
       -o-animation: scroll 5s infinite;
          animation: scroll 5s infinite;
}
.platforms .bottom .view .item {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.platforms .bottom .view .item a {
  position: relative;
}
.platforms .bottom .view .item .pic {
  height: var(--pic-height);
}
.platforms .bottom .view .item .pic img {
  pointer-events: none;
}
.platforms .bottom .view .item .text {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: var(--text-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
.platforms .bottom .view .item .text .num {
  margin-right: 0.19rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: var(--num-size);
  height: var(--num-size);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: var(--theme-linear);
  color: #fff;
  font-size: -webkit-calc(var(--num-size) / 2.2);
  font-size: -moz-calc(var(--num-size) / 2.2);
  font-size: calc(var(--num-size) / 2.2);
  display: grid;
  place-items: center;
  font-weight: 600;
}
.platforms .bottom .view .item .text .title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
     -moz-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  font-size: var(--fs20);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: RabiolaSerif;
}
@-webkit-keyframes scroll {
  to {
    -webkit-transform: translateZ(0.1px);
            transform: translateZ(0.1px);
  }
}
@-moz-keyframes scroll {
  to {
    -moz-transform: translateZ(0.1px);
         transform: translateZ(0.1px);
  }
}
@-o-keyframes scroll {
  to {
    transform: translateZ(0.1px);
  }
}
@keyframes scroll {
  to {
    -webkit-transform: translateZ(0.1px);
       -moz-transform: translateZ(0.1px);
            transform: translateZ(0.1px);
  }
}
.platforms .bottom .view:hover {
  -webkit-animation-play-state: paused;
     -moz-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.platforms .bottom .item {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, -100px);
     -moz-transform: translate3d(0, 0, -100px);
          transform: translate3d(0, 0, -100px);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  -o-transition: -o-transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
}
.platforms .bottom .item .text {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.platforms .bottom .item.current {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.platforms .bottom .item.current .text {
  opacity: 1;
  visibility: visible;
}
.platforms .bottom .item.prev {
  -webkit-transform: translate3d(-51.5%, 0, -100px);
     -moz-transform: translate3d(-51.5%, 0, -100px);
          transform: translate3d(-51.5%, 0, -100px);
}
.platforms .bottom .item.prevprev {
  -webkit-transform: translate3d(-127.5%, 0, -270px);
     -moz-transform: translate3d(-127.5%, 0, -270px);
          transform: translate3d(-127.5%, 0, -270px);
}
.platforms .bottom .item.next {
  -webkit-transform: translate3d(51.5%, 0, -100px);
     -moz-transform: translate3d(51.5%, 0, -100px);
          transform: translate3d(51.5%, 0, -100px);
}
.platforms .bottom .item.nextnext {
  -webkit-transform: translate3d(127.5%, 0, -270px);
     -moz-transform: translate3d(127.5%, 0, -270px);
          transform: translate3d(127.5%, 0, -270px);
}

@media screen and (max-width: 1000px) {
  .platforms .top {
    padding-top: 0.7rem;
    padding-bottom: 0.35rem;
  }
  .platforms .bottom {
    padding-bottom: 0.75rem;
  }
}
@media screen and (max-width: 860px) {
  .platforms .bottom .mySwiper {
    --pic-height: 3.8rem;
    --btn-size: .62rem;
    --text-height: .95rem;
    --num-size: .4rem;
  }
}
@media screen and (max-width: 800px) {
  .platforms .bottom .mySwiper .view {
    width: 66%;
  }
  .platforms .bottom .mySwiper .view .item {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
  }
  .platforms .bottom .mySwiper .view .item.prevprev,
  .platforms .bottom .mySwiper .view .item.nextnext {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 650px) {
  .platforms .bottom .mySwiper {
    --pic-height: 3.4rem;
    --btn-size: .6rem;
  }
}
@media screen and (max-width: 600px) {
  .platforms .bottom .mySwiper {
    --pic-height: 3rem;
    --btn-size: .57rem;
  }
}
@media screen and (max-width: 550px) {
  .platforms .bottom .mySwiper {
    --pic-height: 2.8rem;
    --btn-size: .54rem;
  }
}
@media screen and (max-width: 490px) {
  .platforms .bottom .mySwiper .view {
    width: 75%;
  }
}
@media screen and (max-width: 410px) {
  .platforms .bottom .mySwiper .view {
    width: 90%;
  }
}
@media screen and (max-width: 375px) {
  .platforms .bottom .mySwiper {
    --btn-size: .5rem;
  }
  .platforms .bottom .mySwiper .view {
    width: 100%;
  }
  .platforms .bottom .mySwiper .nextBtn {
    -webkit-transform: translateX(25%) translateY(-50%);
       -moz-transform: translateX(25%) translateY(-50%);
        -ms-transform: translateX(25%) translateY(-50%);
         -o-transform: translateX(25%) translateY(-50%);
            transform: translateX(25%) translateY(-50%);
  }
  .platforms .bottom .mySwiper .prevBtn {
    -webkit-transform: translateX(-25%) translateY(-50%);
       -moz-transform: translateX(-25%) translateY(-50%);
        -ms-transform: translateX(-25%) translateY(-50%);
         -o-transform: translateX(-25%) translateY(-50%);
            transform: translateX(-25%) translateY(-50%);
  }
}
.trainings {
  padding-bottom: 0.94rem;
}
.trainings .layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.trainings .layout .common-title {
  display: none;
}
.trainings .layout .head {
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: -webkit-calc(344 / var(--box-width) * 100%);
  width: -moz-calc(344 / var(--box-width) * 100%);
  width: calc(344 / var(--box-width) * 100%);
  min-width: 3rem;
  margin-right: 0.15rem;
  background: url(../images/trainings-title-bg.jpg) no-repeat center center/cover;
}
.trainings .layout .head .title {
  margin-top: 0.66rem;
  margin-left: 0.5rem;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.36rem;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: RobotoCondensedBold;
}
.trainings .layout .head .c_more {
  position: absolute;
  bottom: 0.26rem;
  right: 0.32rem;
  --color: #fff;
}
.trainings .layout .card-list {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
     -moz-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 0.17rem;
     -moz-column-gap: 0.17rem;
          column-gap: 0.17rem;
  row-gap: 0.27rem;
}
.trainings .layout .card-list .card-item {
  position: relative;
}
.trainings .layout .card-list .pic {
  position: relative;
  width: 100%;
  height: auto;
}
.trainings .layout .card-list .pic::after {
  content: "";
  display: block;
  padding-bottom: -webkit-calc(336 / 593 * 100%);
  padding-bottom: -moz-calc(336 / 593 * 100%);
  padding-bottom: calc(336 / 593 * 100%);
}
.trainings .layout .card-list .pic img {
  position: absolute;
}
.trainings .layout .card-list .text {
  position: absolute;
  z-index: 3;
  bottom: 0;
  padding: 0.05rem 0.26rem 0.14rem;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), color-stop(90%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0) 100%);
}
.trainings .layout .card-list .text .title {
  font-size: var(--fs18);
  color: #fff;
  line-height: 1.7222222222;
  font-weight: 400;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: RabiolaSerif;
}

@media screen and (max-width: 1000px) {
  .trainings {
    padding-top: 0.1rem;
    padding-bottom: 0.66rem;
  }
  .trainings .layout {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .trainings .layout .head {
    display: none;
  }
  .trainings .layout .common-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .trainings .layout .common-title .c_more {
    --color: var(--theme-color);
  }
  .trainings .layout .card-list {
    margin-top: 0.35rem;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
}
@media screen and (max-width: 600px) {
  .trainings .layout .card-list {
    grid-template-columns: 1fr;
  }
}
.achievements {
  padding-bottom: 0.8rem;
  background: url(../images/achievements-bg.jpg) no-repeat center top/cover;
}
.achievements .common-title .title {
  color: #333;
}
.achievements .common-title .c_more {
  --color: var(--theme-color);
}
.achievements .content {
  position: relative;
  margin-top: 0.47rem;
}
.achievements .content .btn-forswiper {
  --position: .25rem;
  --size: .8rem;
  --circle-color: #fff;
  --icon-color: var(--theme-color);
  --ratio: 2.15;
  top: -0.55rem;
}
.achievements .content .swiper {
  padding-top: 0.34rem;
  padding-bottom: 0.13rem;
}
.achievements .content .swiper .swiper-slide {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  -o-transition: -o-transform 300ms;
  -moz-transition: transform 300ms, -moz-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms, -moz-transform 300ms, -o-transform 300ms;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.achievements .content .swiper .swiper-slide-active,
.achievements .content .swiper .swiper-slide-duplicate-active {
  -webkit-transform: translateY(-0.34rem);
     -moz-transform: translateY(-0.34rem);
      -ms-transform: translateY(-0.34rem);
       -o-transform: translateY(-0.34rem);
          transform: translateY(-0.34rem);
}
.achievements .content .swiper .btn {
  --b: 0;
  --size: .15rem;
  --gap: .17rem;
  --color: transparent;
  --active-color: var(--theme-color);
  --border-color: #8f8f8f;
}
.achievements .content .swiper .btn .prev,
.achievements .content .swiper .btn .next {
  display: none;
}
.achievements .content .swiper .box {
  border-bottom: 1px solid #cbcbcb;
}
.achievements .content .swiper .box .pic {
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  width: 100%;
  height: auto;
}
.achievements .content .swiper .box .pic::after {
  content: "";
  display: block;
  padding-bottom: -webkit-calc(280 / 495 * 100%);
  padding-bottom: -moz-calc(280 / 495 * 100%);
  padding-bottom: calc(280 / 495 * 100%);
}
.achievements .content .swiper .box .pic img {
  position: absolute;
}
.achievements .content .swiper .box .text {
  background-color: #FFF;
  padding: 0.29rem 0.38rem 0.6rem;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.achievements .content .swiper .box .text .title {
  font-size: var(--fs18);
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  line-height: 1.7777777778;
  font-weight: 400;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 5.3333333333em;
  font-family: RabiolaSerif;
}

@media screen and (max-width: 1700px) {
  .achievements .content .btn-forswiper {
    --position: .15rem;
    --size: .6rem;
  }
}
@media screen and (max-width: 1440px) {
  .achievements .content .btn-forswiper {
    --position: .1rem;
    --size: .45rem;
  }
}
@media screen and (max-width: 1280px) {
  .achievements .content .swiper .btn {
    --w: 0rem;
  }
  .achievements .content .swiper .btn .prev,
  .achievements .content .swiper .btn .next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.5rem;
    height: 0.52rem;
    background: rgba(0, 0, 0, 0.3);
    display: grid;
    place-items: center;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
  }
  .achievements .content .swiper .btn .prev:hover,
  .achievements .content .swiper .btn .next:hover {
    background: var(--theme-color);
  }
  .achievements .content .swiper .btn .prev .iconfont,
  .achievements .content .swiper .btn .next .iconfont {
    font-size: 0.36rem;
    color: #fff;
  }
}
@media screen and (max-width: 1240px) {
  .achievements .content .swiper .box .text {
    padding: 0.16rem 0.26rem 0.35rem;
  }
}
@media screen and (max-width: 850px) {
  .achievements {
    padding-bottom: 0.6rem;
  }
  .achievements .content {
    margin-top: 0.35rem;
  }
  .achievements .content .swiper {
    padding-top: 0;
    padding-bottom: 0.3rem;
  }
  .achievements .content .swiper .swiper-slide {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.partners {
  padding-top: 0.07rem;
  padding-bottom: 1.05rem;
  background: url(../images/partners-bg.jpg) no-repeat center top/cover;
}
.partners .common-title .title {
  color: #333;
}
.partners .common-title .c_more {
  --color: var(--theme-color);
}
.partners .card-list {
  margin-top: 0.59rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 0.17rem;
     -moz-column-gap: 0.17rem;
          column-gap: 0.17rem;
  row-gap: 0.26rem;
}
.partners .card-list .card-item {
  background-color: #fff;
  padding: 0.23rem 0;
  border: 1px solid #cbcbcb;
  -webkit-transition: margin-top 0.3s, margin-bottom 0.3s;
  -o-transition: margin-top 0.3s, margin-bottom 0.3s;
  -moz-transition: margin-top 0.3s, margin-bottom 0.3s;
  transition: margin-top 0.3s, margin-bottom 0.3s;
}
.partners .card-list .card-item:hover {
  margin-top: -0.1rem;
  margin-bottom: 0.1rem;
}
.partners .card-list .card-item .spic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.partners .card-list .card-item .spic img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 0.4rem;
  max-width: 90.4255319149%;
}

@media screen and (max-width: 1000px) {
  .partners {
    padding-bottom: 0.8rem;
  }
  .partners .card-list {
    margin-top: 0.35rem;
    gap: 0.18rem;
  }
}
@media screen and (max-width: 850px) {
  .partners .card-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 700px) {
  .partners .card-list .card-item {
    padding: 0.16rem 0;
  }
}
@media screen and (max-width: 600px) {
  .partners .card-list {
    grid-template-columns: repeat(2, 1fr);
  }
}