* {
  box-sizing: border-box; }

html,
body {
  display: block;
  position: relative;
  width: 100%;
  min-width: 1200px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: "Source Han Sans SC", "Helvetica Neue", Helvetica, Arial, "Lantinghei SC", "Hiragino Sans GB", STHeiti, "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  word-wrap: break-word;
  word-break: break-all; }

.contents {
  display: block;
  position: relative;
  width: 1200px;
  margin: 0 auto; }

.partner .partner-list {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none; }
  .partner .partner-list li {
    display: block;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dashed #ececec; }
    .partner .partner-list li:last-child {
      border: none; }
    .partner .partner-list li:nth-child(2) h3 span {
      display: inline-block;
      margin-left: 165px; }
    .partner .partner-list li:nth-child(2) img {
      height: 60px; }
    .partner .partner-list li h3 {
      display: inline-block;
      position: relative;
      width: 100%;
      margin: 0;
        margin-bottom: 20px;
      font-size: 24px;
      font-weight: 300; }
    .partner .partner-list li ul {
      display: block;
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
      line-height: 8em; }
      .partner .partner-list li ul li {
        display: inline-block;
        position: relative;
        margin: 0;
          margin-right: 65px;
        padding: 0;
        border: none; }
        .partner .partner-list li ul li img {
          display: block;
          position: relative; }
          .partner .partner-list li ul li img.geekbang {
            width: initial;
            height: 60px; }
          .partner .partner-list li ul li img.infoq {
            width: initial;
            height: 60px; }
          .partner .partner-list li ul li img.alibaba {
            width: initial; }
          .partner .partner-list li ul li img.baidu {
            width: initial; }
          .partner .partner-list li ul li img.tencent {
            width: initial;
            height: 30px; }
          .partner .partner-list li ul li img.liebao {
            width: initial; }
          .partner .partner-list li ul li img.jd {
            width: initial;
            margin-left: 305px; }
          .partner .partner-list li ul li img.ctrip {
            width: initial; }
          .partner .partner-list li ul li img.eleme {
            width: initial; }
          .partner .partner-list li ul li img.cz {
            width: 40px; }
          .partner .partner-list li ul li img.qiniu {
            width: 90px; }
          .partner .partner-list li ul li img.aws {
            width: 90px; }
          .partner .partner-list li ul li img.lagou {
            width: 180px; }
          .partner .partner-list li ul li img.cbnw {
            width: 140px; }
          .partner .partner-list li ul li img.forbes {
            width: 110px; }
          .partner .partner-list li ul li img.t36kr {
            width: 80px; }
          .partner .partner-list li ul li img.shinect {
            width: 115px; }
          .partner .partner-list li ul li img.gcp {
            width: 200px; }

/* header style  */
header, nav {
  display: block;
  position: relative;
  width: 100%; }

nav .goto {
  display: block;
  position: relative;
  float: left;
  width: 200px;
  margin-top: 20px;
  margin-left: 50px;
  margin-bottom: 20px;
  padding: 10px 0;
  border: 1px solid #E95529;
  font-size: 12px;
  font-weight: 300;
  color: #E95529;
  text-align: center;
  text-decoration: none; }
  nav .goto::after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    margin-bottom: -2px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #E95529; }
  nav .goto:focus, nav .goto:hover {
    background-color: #E95529;
    border-color: #fff;
    color: #fff; }
    nav .goto:focus::after, nav .goto:hover::after {
      border-left-color: #fff; }
nav img {
  display: block;
  position: relative;
  float: right;
  height: 35px;
  margin-top: 20px;
  margin-right: 50px; }

.banner {
  display: block;
  position: relative;
  width: 100%; }

.content {
  display: block;
  position: relative;
  width: 1200px;
  margin: 60px auto 0;
  padding: 0;
  list-style: none; }
  .content li {
    display: block;
    position: relative;
    float: left;
    width: 266px;
    height: 266px;
    margin-right: 45px;
    margin-bottom: 140px;
    padding: 10px;
      padding-bottom: 0;
    border: 1px solid #E95529; }
    .content li:nth-child(4n) {
      margin-right: 0; }
    .content li img {
      display: block;
      position: relative;
      width: 246px;
      height: 255px;
      z-index: 5; }
    .content li .bg {
      display: block;
      position: absolute;
      width: 255px;
      height: 286px;
      right: -1px;
      bottom: -60px;
      background-color: #E95529;
      z-index: 3; }
    .content li .intro {
      display: block;
      position: absolute;
      bottom: 15px;
      padding: 0 15px; }
    .content li span {
      display: inline-block;
      position: relative;
      margin-right: 0.5em;
      color: #fff;
      line-height: 1.2em; }
      .content li span:last-child {
        margin: 0; }
      .content li span.company {
        font-size: 16px;
        font-weight: 500; }
      .content li span.position {
        font-size: 12px;
        font-weight: 300; }
      .content li span.name {
        font-size: 16px;
        font-weight: 400; }

footer, footer .bottom, footer .activities, footer .logo {
  display: block;
  position: relative;
  width: 100%; }
  footer .bottom {
    margin-bottom: 70px; }
  footer .activities {
    margin-top: -140px;
    margin-bottom: 70px;
    padding: 0;
    list-style: none;
    text-align: center; }
    footer .activities li {
      display: inline-block;
      position: relative;
      color: #000;
      font-size: 18px;
      font-weight: 300; }
      footer .activities li::before, footer .activities li:last-child::after {
        content: "/";
        display: inline-block;
        position: relative;
        margin: 0 10px;
        color: #E95529;
        font-size: 18px;
        font-weight: 300; }
  footer .logo {
    margin-bottom: 90px;
    padding: 0;
    list-style: none;
    text-align: center;
    letter-spacing: 120px; }
    footer .logo li {
      display: inline-block;
      position: relative; }
      footer .logo li img {
        display: block;
        width: 180px; }

.note {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 50px;
  color: #aaa;
  font-size: 12px;
  font-weight: 300;
  text-align: center; }

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