@media screen and (max-width: 780px) {
  .index-title.index-title-top {
    font-size: 48px; /* px */
  }
  .index-ronghui-title {
    margin-top: -100px; /* px */
  }
  .en .index-ronghui-title {
    font-size: 24px; /* px */
    float: left;
    margin-top: -96px; /* px */
  }
  .en .index-title.index-title-top {
    font-size: 32px; /* px */
  }
  .en .index-sub-title {
    font-size: 18px; /* px */
  }
  .index-title-wrapper {
    bottom: 108px; /* px */
  }
  .index-sub-title {
    font-size: 16px; /* px */
    clear: both;
  }
  .index-ronghui-img {
    margin-top: 1px; /* px */
    margin-bottom: 32px; /* px */
  }
  .index-number-cell {
    padding-top: 16px; /* px */
  }
  .index-cell-name {
    font-size: 14px; /* px */
  }
  .index-cell-value {
    font-size: 32px; /* px */
  }
  .index-summary-portfolio-summary {
    font-size: 14px; /* px */
  }
  .index-cell-value sup {
    font-size: 14px; /* px */
  }
  .index-summary-content {
    margin-top: -40px; /* px */
  }
  .index-summary-title {
    margin-left: 51%;
    padding-top: 40px; /* px */
  }
  .index-summary-wrapper {
    padding-top: 80px; /* px */
  }
  .index-team-subtitle {
    padding-top: 40px; /* px */
  }
  .index-summary-logo {
    width: 23%; /* px */
    padding-bottom: 23%; /* px */
  }
  .en .index-summary-wrapper {
    padding-top: 40px; /* px */
  }
  .en .index-summary-title {
    margin-left: 0;
    top: 10px; /* px */
  }
  .en .index-summary-subtitle {
    padding-top: 30px; /* px */
  }
  .en .index-summary-logo {
    display: none;
  }
  .en .index-team-subtitle {
    padding-top: 40px; /* px */
  }
  .index-summary-content .index-sub-title.index-summary-subtitle {
    margin-left: 0;
    margin-top: 0;
  }
  .know-more.index-summary-knowmore {
    margin-left: 0;
  }
  .index-responsive-summary {
    padding-top: 32px; /* px */
  }
  .index-responsive-summary-number-wrapper {
    width: 100%;
    margin-left: -4%;
    width: 104%;
  }
  .index-number-cell {
    width: 46%;
    margin-left: 4%;
    margin-bottom: 32px; /* px */
  }
  .index-summary-portfolio-summary {
    box-sizing: border-box;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    padding-bottom: 64px; /* px */
  }
  .index-cell-value .sub {
    font-size: 14px; /* px */
  }
  .index-team-wrapper {
    padding-top: 60px; /* px */
  }
  .index-team-knowmore {
    padding: 24px 0; /* px */
  }
  .index-team-img {
    width: 100%;
    margin-left: 0;
    padding-bottom: 68%;
  }
  .index-title.index-team-title {
    float: left;
  }
  .index-news-title {
    /* news knowmore clickable */
    width: 150px; /* px */
  }
  .index-team-subtitle {
    width: 100%;
  }
  
  .index-ronghui-wrapper.index-page-common {
    padding: 32px 0 48px;
  }
  .index-ronghui-subtitle {
    width: 100%;
  }
  /* #threeD {
    margin-left: -50%;
  } */
}
@media screen and (max-width: 850px) and (orientation: landscape) {
  .en .index-title-wrapper {
    bottom: 20px; /* px */
  }
}
@media screen and (max-width: 1000px) {
  .en .index-responsive-summary-number-wrapper {
    width: 100%;
    margin-left: -4%;
    width: 104%;
  }
  .en .index-summary-portfolio-summary {
    box-sizing: border-box;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    padding-bottom: 64px; /* px */
  }
  .en .index-number-cell {
    width: 46%;
    margin-left: 4%;
    margin-bottom: 32px; /* px */
  }
}