body {
  font-family: Dinpro, 'AR PHeiti GB Medium', 'AR Heiti B5 Regular', sans-serif;
  color: #000;
  font-size: 30px;
  line-height: 46px;
  font-weight: 300;
}

h1 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 60px;
  font-weight: 400;
}

.section-content {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-content.full-height {
  height: 100vh;
  padding-top: 0px;
  padding-bottom: 0px;
}

.section-content.bg-grey {
  background-color: #ebebeb;
}

.section-content.footer {
  position: relative;
  bottom: -1px;
  z-index: 1000;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #ebebeb;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
}

.section-content.partners {
  padding-top: 0px;
}

.section-content.img-slider-b {
  position: relative;
  z-index: 1000;
  padding-top: 0px;
  padding-bottom: 0px;
}

.all {
  overflow: hidden;
}

.img-slider {
  height: auto;
}

.container {
  width: 60%;
  max-width: 60%;
  float: right;
}

.content-b {
  padding-right: 50px;
}

.content-b.innovators {
  margin-bottom: 200px;
}

.heading-b {
  position: relative;
  overflow: hidden;
  height: 70px;
  margin-bottom: 50px;
}

.about-video {
  margin-bottom: 50px;
}

.listing {
  padding-left: 20px;
}

.header.w-nav {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 25%;
  padding-top: 50px;
  background-color: transparent;
  z-index: 1001;
}

.w-nav-menu {
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin-bottom: 87px;
  padding-left: 25px;
}

.hide {
  display: none;
}

.news-link-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  padding-right: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  text-decoration: none;
}

.line {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.menu-link {
  position: relative;
  overflow: hidden;
  padding-left: 25px;
  color: #000;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  text-decoration: none;
}

.menu-line {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.menu-line-out {
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: none;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.news-txt-b {
  width: 75%;
}

.news-img-b {
  position: relative;
  width: 21%;
  max-width: 118px;
  padding-top: 59px;
  padding-bottom: 59px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.news-txt-date {
  display: inline-block;
  margin-right: 5%;
}

.news-img {
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.news-img-mask {
  position: absolute;
  left: 0px;
  bottom: 0px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.news-list {
  position: relative;
}

.link {
  position: relative;
  display: inline-block;
  color: #000;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  text-decoration: none;
}

.footer-info-b {
  width: 50%;
}

.footer-txt-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -10px;
}

.footer-copyright-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding-right: 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.slider-img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.logo-sinogroup-b {
  position: absolute;
  top: 0px;
  right: 0px;
  overflow: hidden;
  margin-top: 50px;
  margin-right: 50px;
}

.logo-sinogroup {
  float: right;
}

.slider-txt-b {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 50px;
  background-color: rgba(77, 77, 77, .7);
}

.slider-nav {
  margin-bottom: 25px;
}

.slider-txt {
  width: 40%;
  color: #fff;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
}

.footer-sitemap {
  width: 35%;
  padding-left: 50px;
  float: left;
}

.footer-disclaimer {
  margin-top: 50px;
}

.news-expand {
  overflow: hidden;
}

.news-expand-btn {
  margin-top: 50px;
}

.news-hide-btn {
  display: none;
  margin-top: 50px;
}

.img-slide {
  padding-top: 28%;
  padding-bottom: 28%;
}

.heading {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}

.map-b {
  position: relative;
  z-index: 1000;
  height: 400px;
  margin-bottom: -1px;
}

.img-slide-mask {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  width: 100%;
  padding-top: 28%;
  padding-bottom: 28%;
}

.partners-slider {
  height: auto;
  background-color: transparent;
}

.partners-link {
  width: 33.33%;
  padding-right: 2%;
  padding-left: 2%;
  float: left;
  text-align: center;
}

.header-logo-line {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 4px;
  background-color: #f05a22;
}

.header-logo-line.align-right {
  left: auto;
  right: 0px;
  bottom: 0px;
}

.header-logo {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60%;
  max-width: 169px;
  margin-top: 50px;
  margin-left: 50px;
}

.header-logo-txt {
  padding-bottom: 10px;
}

.header-logo-mask01 {
  position: relative;
  display: inline-block;
  width: 84%;
  padding-bottom: 10px;
  float: right;
}

.intro-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 23%;
  max-width: 305px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.intro-logo-txt {
  padding-bottom: 10%;
}

.intro-logo-line {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 7%;
  background-color: #f05a22;
}

.intro-logo-line.float-right {
  left: auto;
  right: 0px;
  bottom: 0px;
}

.intro-logo-mask01 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 82%;
  float: right;
}

.header-logo-img {
  width: 100%;
  float: left;
}

.header-logo-mask02 {
  position: relative;
  display: inline-block;
  width: 84%;
  margin-top: 10px;
  padding-bottom: 10px;
  float: left;
}

.header-logo-mask03 {
  position: relative;
  display: inline-block;
  width: 84%;
  margin-top: 10px;
  padding-bottom: 10px;
  float: right;
}

.section {
  height: 200px;
  background-color: #000;
}

.map {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
}

.intro-logo-mask02 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 82%;
  margin-top: 5%;
  float: left;
}

.intro-logo-mask03 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 82%;
  margin-top: 10px;
  float: right;
}

.lang-b {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  margin-top: 50px;
  margin-left: 50px;
}

.txt-link {
  display: inline-block;
  -webkit-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
  color: #000;
  text-decoration: none;
}

.txt-link:hover {
  opacity: 0.45;
}

.lang {
  font-size: 18px;
  line-height: 24px;
}

html.w-mod-js *[data-ix="line-scroll"] {
  width: 0px;
}

html.w-mod-js *[data-ix="line-hover"] {
  width: 0px;
}

html.w-mod-js *[data-ix="menu-line"] {
  width: 0px;
}

html.w-mod-js *[data-ix="news-link-icon"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="news-img-mask"] {
  height: 0px;
}

html.w-mod-js *[data-ix="fade-in-from-bottom"] {
  opacity: 0;
  -webkit-transform: translate(0px, 30px);
  -ms-transform: translate(0px, 30px);
  transform: translate(0px, 30px);
}

html.w-mod-js *[data-ix="slider-img"] {
  -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05, 1.05);
  transform: translate(-50%, -50%) scale(1.05, 1.05);
}

html.w-mod-js *[data-ix="news-expand"] {
  height: 0px;
}

html.w-mod-js *[data-ix="move-from-bottom"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="header-logo"] {
  display: none;
}

html.w-mod-js *[data-ix="intro-logo-txt01"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="intro-logo-txt02"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="intro-logo-txt03"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="intro-logo-line"] {
  width: 0px;
}

html.w-mod-js *[data-ix="intro-from-bottom-wait-1-5s"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="intro-from-bottom-wait-1-6s"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="intro-from-bottom-wait-1-7s"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="intro-from-bottom-wait-1-8s"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="intro-from-bottom-wait-1-9"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="intro-from-bottom-wait-2s"] {
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

@media (max-width: 991px) {
  body {
    font-size: 24px;
    line-height: 38px;
  }
  .content-b.innovators {
    margin-bottom: 0px;
  }
  .menu-link {
    font-size: 20px;
    line-height: 28px;
  }
  .news-img-b {
    padding-top: 10.5%;
    padding-bottom: 10.5%;
  }
  .slider-txt {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 767px), (max-width: 820px) and (orientation: landscape) {
  body {
    font-size: 16px;
    line-height: 24px;
  }
  h1 {
    font-size: 36px;
    line-height: 46px;
  }
  .section-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section-content.footer {
    font-size: 14px;
    line-height: 24px;
  }
  .content-b {
    padding-right: 10%;
  }
  .heading-b {
    height: 50px;
    margin-bottom: 25px;
  }
  .about-video {
    margin-bottom: 25px;
  }
  .header {
    padding-top: 25px;
    padding-left: 30px;
  }
  .w-nav-menu {
    padding-left: 15px;
  }
  .news-link-b {
    margin-top: 25px;
    padding-right: 10%;
  }
  .menu-link {
    padding-left: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .news-link-icon {
    width: 16px;
  }
  .link {
    font-size: 14px;
    line-height: 24px;
  }
  .footer-info-b {
    width: 100%;
  }
  .footer-txt-b {
    display: block;
  }
  .footer-copyright-b {
    display: block;
    width: 100%;
    margin-top: 25px;
    padding-right: 0%;
  }
  .logo-sinogroup-b {
    width: 30%;
    margin-top: 25px;
    margin-right: 25px;
  }
  .slider-txt-b {
    padding: 15px 25px;
  }
  .slider-nav {
    margin-bottom: 0px;
  }
  .slider-txt {
    font-size: 14px;
    line-height: 24px;
  }
  .footer-sitemap {
    width: 30%;
    padding-left: 30px;
  }
  .footer-disclaimer {
    margin-top: 25px;
  }
  .news-expand-btn {
    margin-top: 25px;
  }
  .news-hide-btn {
    margin-top: 25px;
  }
  .footer-logo {
    width: 140px;
    margin-bottom: 10px;
  }
  .header-logo-line {
    height: 2px;
  }
  .header-logo {
    margin-top: 25px;
    margin-left: 25px;
  }
  .header-logo-mask01 {
    padding-bottom: 5%;
  }
  .intro-logo-line {
    height: 4px;
  }
  .header-logo-mask02 {
    padding-bottom: 8%;
  }
  .header-logo-mask03 {
    padding-bottom: 8%;
  }
  .lang-b {
    margin-top: 25px;
    margin-left: 25px;
    font-size: 14px;
    line-height: 22px;
  }
  .lang {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 479px), (max-width: 820px) and (orientation: landscape) {
  .img-slider {
    height: auto;
  }
  .container {
    width: 90%;
    max-width: 100%;
  }
  .content-b {
    padding-right: 11%;
  }
  .header {
    display: none;
  }
  .footer-info-b {
    margin-top: 25px;
  }
  .footer-txt-b {
    padding-right: 10%;
  }
  .slider-txt-b {
    position: relative;
    padding-right: 10%;
    padding-bottom: 60px;
    padding-left: 10%;
  }
  .slider-nav {
    margin-bottom: 10px;
  }
  .slider-txt {
    width: 100%;
    padding-right: 10%;
  }
  .footer-sitemap {
    width: 90%;
    margin-bottom: 15px;
    padding-right: 10%;
    padding-left: 0px;
    float: right;
  }
  .footer-disclaimer {
    margin-top: 0px;
  }
  .img-slide {
    padding-top: 0%;
    padding-bottom: 0%;
  }
  .img-slide-mask {
    position: relative;
  }
  .intro-logo {
    width: 140px;
    max-width: none;
  }
}

@font-face {
  font-family: 'Dinpro';
  src: url('../fonts/DINPro-Light.woff') format('woff'), url('../fonts/DINPro-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Dinpro';
  src: url('../fonts/DINPro-Regular.woff') format('woff'), url('../fonts/DINPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Dinpro';
  src: url('../fonts/DINPro-Medium.woff') format('woff'), url('../fonts/DINPro-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}