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

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

#banner {
  width: 100%;
  height: 230px;
  background: url("../img/joinbg_03.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: 694px;
    margin: 0 auto;
    font-weight: bold; }
    #nav-wrapper #nav li {
      width: 168px;
      text-align: center;
      line-height: 80px;
      margin-right: 95px;
      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 {
  width: 884px;
  margin: 0 auto;
  margin-top: 58px;
  overflow: hidden;
  min-height: 500px; }
  #main #main-pic {
    width: 398px;
    height: 320px;
    float: left;
    margin-right: 67px; }
  #main #main-con {
    width: 405px;
    float: left;
    margin-top: 20px; }
    #main #main-con h2 {
      color: #36B8cD;
      font-weight: bold;
      font-size: 28px;
      margin-bottom: 14px; }
    #main #main-con h3 {
      color: #36B8cD;
      font-size: 16px;
      margin-bottom: 35px; }
    #main #main-con p {
      font-size: 14px;
      line-height: 22px;
      text-indent: 2em; }

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