@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(1000); }
  100% {
    opacity: 1;
    transform: scale(1); } }
.partners-index-section-background-wapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  min-height: 100vh;
  z-index: -1;
  background-color: #001c2b; }
  .partners-index-section-background-wapper .partners-index-section-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    opacity: 0;
    background: url(/upload/image/10000/1/20211220/1639991123276222.jpg) no-repeat center;
    background-size: cover;
    transform: scale(1000);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: zoom 1s ease-in-out 0s 1 alternate forwards;
    animation: zoom 1s ease-in-out 0s 1 alternate forwards;
    -webkit-animation-delay: 1s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1; }
    .partners-index-section-background-wapper .partners-index-section-background:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(to top, #000F, #0000, #61bede11, #000);
      z-index: -1; }

.partners-index-section {
  position: relative;
  flex: 1;
  z-index: 0;
  padding: 120px 0 20px 0; }
  .partners-index-section .article-title {
    color: #fff; }
  .partners-index-section .partners-content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    color: #fff; }
    .partners-index-section .partners-content .partners-content-detail {
      position: relative;
      flex: 1;
      margin: 10px;
      padding: 15px;
      background-color: rgba(0, 20, 30, 0.7);
      border-radius: 10px;
      min-width: 300px; }
      .partners-index-section .partners-content .partners-content-detail .partners-detail-text {
        display: none; }
        .partners-index-section .partners-content .partners-content-detail .partners-detail-text.active {
          display: block; }
    .partners-index-section .partners-content .partners-logo {
      width: 100px;
      min-width: 100px;
      max-width: 100px;
      height: 100px;
      min-height: 100px;
      max-height: 100px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
    .partners-index-section .partners-content .partners-content-card {
      position: relative;
      flex: 1;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      min-width: 200px; }
      .partners-index-section .partners-content .partners-content-card .partners-card {
        position: relative;
        min-width: 40%;
        flex: 1;
        margin: 10px;
        padding: 15px;
        background-color: rgba(0, 20, 30, 0.7);
        border-radius: 10px;
        transition: all 0.3s ease;
        cursor: pointer;
        opacity: 0.7; }
        @media (max-width: 768px) {
          .partners-index-section .partners-content .partners-content-card .partners-card {
            min-width: 60%;
            text-align: center; }
            .partners-index-section .partners-content .partners-content-card .partners-card .partners-logo {
              margin: 0 auto; } }
        .partners-index-section .partners-content .partners-content-card .partners-card .partners-logo {
          width: 50px;
          min-width: 50px;
          max-width: 50px;
          height: 50px;
          min-height: 50px;
          max-height: 50px;
          border-radius: 5px; }
        .partners-index-section .partners-content .partners-content-card .partners-card.active, .partners-index-section .partners-content .partners-content-card .partners-card:hover {
          opacity: 1;
          transform: translateY(-5px);
          color: #515253;
          background-color: rgba(255, 255, 255, 0.5); }
          .partners-index-section .partners-content .partners-content-card .partners-card.active.active, .partners-index-section .partners-content .partners-content-card .partners-card:hover.active {
            background-color: rgba(255, 255, 255, 0.9); }
          .partners-index-section .partners-content .partners-content-card .partners-card.active .partners-logo, .partners-index-section .partners-content .partners-content-card .partners-card:hover .partners-logo {
            box-shadow: unset; }

@media (min-width: 768px) {
  footer {
    position: sticky;
    bottom: 0; } }

.partners-detail-info {
  white-space: break-spaces;
  text-align: justify;
  padding: 20px 10px 10px 10px; }

/*# sourceMappingURL=partners.css.map */