@font-face { /* General Copy */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/static/fonts/eot/IBMPlexSans-Light.eot');
  src: url('/static/fonts/eot/IBMPlexSans-Light.eot?#iefix') format('embedded-opentype'),
       url('/static/fonts/woff2/IBMPlexSans-Light.woff2') format('woff2'),
       url('/static/fonts/woff/IBMPlexSans-Light.woff') format('woff'),
       url('/static/fonts/ttf/IBMPlexSans-Light.ttf') format('truetype')
}

@font-face { /* Post Copy */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/static/fonts/eot/IBMPlexSans-Regular.eot');
  src: url('/static/fonts/eot/IBMPlexSans-Regular.eot?#iefix') format('embedded-opentype'),
       url('/static/fonts/woff2/IBMPlexSans-Regular.woff2') format('woff2'),
       url('/static/fonts/woff/IBMPlexSans-Regular.woff') format('woff'),
       url('/static/fonts/ttf/IBMPlexSans-Regular.ttf') format('truetype')
}

@font-face { /* Title */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/static/fonts/eot/IBMPlexSans-Medium.eot');
  src: url('/static/fonts/eot/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'),
       url('/static/fonts/woff2/IBMPlexSans-Medium.woff2') format('woff2'),
       url('/static/fonts/woff/IBMPlexSans-Medium.woff') format('woff'),
       url('/static/fonts/ttf/IBMPlexSans-Medium.ttf') format('truetype')
}

@font-face { /* English Title */
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 500;
  src: url('/static/fonts/eot/IBMPlexSerif-Medium.eot');
  src: url('/static/fonts/eot/IBMPlexSerif-Medium.eot?#iefix') format('embedded-opentype'),
       url('/static/fonts/woff2/IBMPlexSerif-Medium.woff2') format('woff2'),
       url('/static/fonts/woff/IBMPlexSerif-Medium.woff') format('woff'),
       url('/static/fonts/ttf/IBMPlexSerif-Medium.ttf') format('truetype')
}

@font-face {
  font-family: "PingFang-SC";
  font-weight: 100;
  src: local("PingFangSC-Ultralight");
}
@font-face {
  font-family: "PingFang-SC";
  font-weight: 200;
  src: local("PingFangSC-Thin");
}
@font-face {
  font-family: "PingFang-SC";
  font-weight: 300;
  src: local("PingFangSC-Light");
}
@font-face {
  font-family: "PingFang-SC";
  font-weight: 400;
  src: local("PingFangSC-Regular");
}

@font-face {
  font-family: "PingFang-SC";
  font-weight: 500;
  src: local("PingFangSC-Medium");
}

@font-face {
  font-family: "PingFang-SC";
  font-weight: 700;
  src: local("PingFangSC-Semibold");
}

@font-face {
  font-family: "PingFang-SC";
  font-weight: 800;
  src: local("PingFangSC-Heavy");
}

body {
  margin: 0;
  padding: 0;
  background: white;
  font-weight: 300;
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang-SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px; /* no */
}

.limitw {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1400px; /* px */
  padding-left: 48px; /* px */
  padding-right: 48px; /* px */
}

@media screen and (max-width: 779px) {
  .limitw {
    padding-left: 32px; /* px */
    padding-right: 32px; /* px */
  }
}
.two-column {
  overflow: visible;
}
.two-column:before, .two-column:after {
  content: "";
  display: block;
  clear: both;
}
.two-column > div {
  float: left;
}

.two-column > div {
  float: left;
}

.two-column > div.two-column-reverse-right {
  float: right;
}

a.linka {
  display: block;
  color: black;
  text-decoration: none;
}

.title-decorate {
  position: absolute !important;
  height: 1px; /* px */
  width: 1px; /* px */
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* px */
  clip: rect(1px, 1px, 1px, 1px); /* px */
  white-space: nowrap;
}

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #F9F9F9;
  opacity: 0.9;
}
.left-bg {
  position: absolute;
  width: 98%;
  height: 100%;
  z-index: -1;
  background: #F9F9F9;
  /* opacity: 0.9; */
  left: 2%;
}

@media screen and (max-width: 500px) {
  .left-bg {
    left: 0;
    width: 100%;
  }
}

.clear {
  clear: both;
}

.image-text-column-col1 {
  width: 39%;
  margin-right: 5%;
}
.image-text-column-col2 {
 position: relative;
 width: 55%;
 padding-bottom: 42%;
}

/* Disable web font to void Yahei's missing font weight */
.index-sub-title,
.high-light-title,
.article-title { 
  font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang-SC','Microsoft YaHei','Source Han Sans SC','Noto Sans CJK SC','WenQuanYi Micro Hei',sans-serif;
}

@media (max-width: 780px) {
  .image-text-column-col1 {
    width: 100%;
  }
  .image-text-column-col2 {
    width: 100%;
    padding-bottom: 82%;
    margin-bottom: 15%;
  }

  .image-text-column-mask {
    right: 38%;
  }
}