/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* 外层负责“整块居中” */
.titl-zy{
    font-size: 16px !important;
}
.icon-dx{
    font-size: 22px !important;
    padding: 0 !important;
}
.media-body a{
    font-weight: 400 !important;
    font-size: 14px !important;
}
.list-info-wrap{
  display: flex;
  justify-content: center;
}

/* UL 负责“让 li 居中排布” */
.list-info-wrap > ul.list-info{
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;      /* 关键：让 li 这一组居中 */
  align-items: flex-start;
  margin: 0;
  list-style: none;
  padding: 10px 0 !important;
}

/* LI 保持左对齐，但必须“别占满整行”，否则无法居中 */
.list-info-wrap > ul.list-info > li{
  text-align: left;
  list-style: none;/* 关键：给一个基准宽度，让它能排成“居中组” */
  flex: 0 1 280px;              /* 你可改成 220/240/280 */
  box-sizing: border-box;

  /* 兜底：避免被旧样式干扰导致撑满/浮动 */
  width: auto !important;
  float: none !important;
}

.tpd120 {
    padding-bottom: 120px !important;
}
.tpd200 {
    padding-bottom: 200px !important;
}
.zycenter {
    text-align: center;
    }
.wrap {
    font-size: 45px;
    font-weight: 100;
    color: #fff;
       }
.ys:hover {
  color: #55bde5 !important;
}

.maping .datacenters.japan{top:58%;left:73%}

@media (max-width: 1000px) {
.wrap {
    font-size: 30px;
    font-weight: 100;
    color: #fff;
       }
}
@media (max-width: 420px) {
.wrap {
    font-size: 25px;
    font-weight: 100;
    color: #fff;
       }
}

@media (min-width: 1025px) {
  .container-fluid {
    max-width: 97% !important;
  }
}

@media (max-width: 1100px) {
  .yc {
    display: none !important;
  }
}

@media (max-width: 575px) {
  .yct {
    display: none !important;
  }
  .footer .footer-top {
    padding: 40px 0 20px !important;
  }
  .sec-normal {
    padding: 50px 0;
    z-index: 0;
  }
}