html,
body {
  width: 100%;
  height: 100%;
  color: #707070; }

#header-wrapper {
  width: 100%;
  height: 60px; }

#banner {
  width: 100%;
  height: 230px;
  background: url("../img/aboutbg-yellow.png") repeat-x left top; }
  #banner img {
    width: 100%;
    height: 230px; }

#nav-wrapper {
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #bfbfbf;
  overflow: hidden; }
  #nav-wrapper #nav {
    width: 576px;
    margin: 0 auto;
    font-weight: bold; }
    #nav-wrapper #nav li {
      width: 168px;
      text-align: center;
      line-height: 80px;
      margin-right: 24px;
      float: left;
      font-size: 16px;
      color: #959595; }
      #nav-wrapper #nav li.navNo {
        margin-right: 0; }
      #nav-wrapper #nav li.navActive {
        background: url("../img/newslayer-02.png") no-repeat 22px center;
        background-size: 16px 16px;
        position: relative;
        color: #34b4cd; }
        #nav-wrapper #nav li.navActive a {
          color: #34b4cd; }
        #nav-wrapper #nav li.navActive .navMove {
          width: 168px;
          height: 10px;
          background: #34b4cd;
          position: absolute;
          top: 0;
          left: 0; }
      #nav-wrapper #nav li a:hover {
        color: #34b4cd; }

#main-wrapper {
  width: 100%;
  min-height: 540px;
  overflow: hidden; }
  #main-wrapper #culture {
    width: 664px;
    margin: 0 auto;
    padding-top: 54px; }
    #main-wrapper #culture ul {
      width: 100%;
      height: 650px;
      position: relative; }
      #main-wrapper #culture ul li {
        width: 129px;
        margin: 0 auto 35px;
        text-align: center; }
        #main-wrapper #culture ul li.novation {
          float: left; }
        #main-wrapper #culture ul li.culCom {
          width: 186px;
          height: 186px;
          background: url("../img/aboutbg-07.png") no-repeat left top;
          background-size: 100% 100%;
          line-height: 186px;
          font-size: 30px;
          color: #FFFFFF;
          position: absolute;
          top: 180px;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%); }
        #main-wrapper #culture ul li.team {
          float: right; }
        #main-wrapper #culture ul li.culHard {
          position: absolute;
          left: 112px;
          top: 404px; }
        #main-wrapper #culture ul li.culYung {
          position: absolute;
          left: 427px;
          top: 428px; }
        #main-wrapper #culture ul li dl {
          width: 100%; }
          #main-wrapper #culture ul li dl dd {
            margin-top: 16px;
            font-size: 16px;
            color: #707070; }
            #main-wrapper #culture ul li dl dd.culService {
              margin-top: 9px;
              margin-bottom: 35px;
              font-size: 14px;
              color: #9b9b9b; }
    #main-wrapper #culture #culProp {
      width: 740px;
      height: 400px; }
      #main-wrapper #culture #culProp h3 {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #34b5cf;
        margin-bottom: 30px; }
      #main-wrapper #culture #culProp p {
        text-align: center;
        font-size: 16px;
        color: #9b9b9b;
        margin-bottom: 76px;
        margin-top: 36px; }
      #main-wrapper #culture #culProp ol {
        width: 100%; }
        #main-wrapper #culture #culProp ol li {
          width: 176px;
          height: 176px;
          float: left;
          margin-right: 106px;
          background: url("../img/aboutbg-06.png") no-repeat left top;
          background-size: 100% 100%;
          position: relative; }
          #main-wrapper #culture #culProp ol li.culNOMar {
            margin-right: 0; }
          #main-wrapper #culture #culProp ol li P {
            width: 84px;
            height: 65px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 0;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            font-size: 14px;
            line-height: 20px; }

#footer-wrapper {
  width: 100%;
  height: 72px; }

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