.sb_quality {
  background-image: url("../img/sb_quality.jpg"); }

/*------------index---------------------*/
.tech_center {
  width: 100%;
  height: 480px;
  background: url("../img/quality/bg_tech-enter.jpg") center;
  padding-top: 80px; }
  .tech_center .img_box {
    width: 600px;
    height: 400px;
    float: left; }
  .tech_center .txt_box {
    width: 545px;
    height: 400px;
    float: right;
    position: relative; }
    .tech_center .txt_box .ltit {
      margin-bottom: 40px; }
    .tech_center .txt_box p {
      margin-bottom: 20px; }
    .tech_center .txt_box a {
      position: absolute;
      bottom: 0; }

.cases_count {
  width: 100%;
  height: 120px;
  background: url("../img/quality/bg_count.jpg") center;
  margin-bottom: 70px; }
  .cases_count .container div {
    width: 50%;
    float: left;
    height: 120px;
    line-height: 120px;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    font-weight: 100; }
    .cases_count .container div span {
      font-size: 48px;
      padding: 0 15px; }

/*--------*/
.equipment {
  height: 980px; }
  .equipment .bd {
    width: 105%;
    height: 850px;
    margin-top: 60px; }
    .equipment .bd dl {
      width: 278px;
      height: 278px;
      float: left;
      margin-right: 30px; }
      .equipment .bd dl * {
        transition: all .2s; }
      .equipment .bd dl dt {
        width: 100%;
        height: 185px;
        overflow: hidden; }
        .equipment .bd dl dt img {
          width: 100%;
          height: 100%; }
      .equipment .bd dl dd {
        line-height: 24px;
        text-align: center;
        font-weight: 100;
        font-size: 16px;
        color: #666666;
        padding-top: 15px; }
      .equipment .bd dl:hover dt img {
        transform: scale(1.05); }
      .equipment .bd dl:hover dd {
        color: #c82821; }

/*---------*/
.authentication ul {
  width: 105%;
  height: 780px;
  margin-top: 15px; }
  .authentication ul li {
    width: 225px;
    height: 327px;
    float: left;
    margin: 0 14px 45px 0; }
    .authentication ul li img {
      width: 100%;
      height: 100%; }

.assurance {
  width: 100%;
  height: 450px;
  padding-top: 100px;
  background: #f6f7f8; }
  .assurance .ltit {
    margin-bottom: 40px; }
  .assurance .intodu {
    width: 100%;
    background: url("../img/quality/bg_promise.jpg") no-repeat right; }
    .assurance .intodu p {
      width: 680px; }
    .assurance .intodu span {
      display: block;
      font-size: 20px;
      color: #333333;
      margin: 40px 0 20px; }

/*--------------technology_center-------------------*/
.aus .history {
  width: 1203px;
  height: 400px;
  margin-top: 60px;
  overflow: hidden; }
  .aus .history dl {
    width: 400px;
    height: 120px;
    float: left;
    border-right: 1px solid #e6e6e6;
    overflow: hidden;
    margin-bottom: 80px; }
    .aus .history dl * {
      transition: all .2s; }
    .aus .history dl dt {
      width: 58px;
      height: 58px;
      margin: 12px auto 20px;
      background: url("../img/icons.png") -8px -343px; }
      .aus .history dl dt.np {
        background-position-x: -82px; }
      .aus .history dl dt.mic {
        background-position-x: -165px; }
      .aus .history dl dt.tob {
        background-position-x: -237px; }
      .aus .history dl dt.eoc {
        background-position-x: -313px; }
      .aus .history dl dt.ccs {
        background-position-x: -387px; }
    .aus .history dl dd {
      text-align: center;
      font-size: 16px;
      font-weight: 100;
      color: #666666; }
    .aus .history dl:nth-child(3n) {
      border: none; }
    .aus .history dl:hover dt {
      background-position-y: -402px; }
    .aus .history dl:hover dd {
      color: #c82821; }

/*----office-------*/
.office {
  width: 100%;
  height: 580px;
  background: #f5f5f5;
  padding-top: 80px;
  margin-bottom: 60px; }
  .office .container {
    background: url("../img/quality/bg_office.jpg") no-repeat;
    padding-top: 310px; }
  .office .lins {
    width: 105%; }
    .office .lins li {
      width: 380px;
      float: left;
      margin-right: 30px; }
      .office .lins li p {
        line-height: 24px; }

/*---management------*/
.management {
  width: 100%;
  height: 520px; }
  .management img {
    width: 515px;
    height: 173px;
    margin-bottom: 40px; }
  .management p {
    line-height: 24px;
    margin-bottom: 50px; }
  .management .part_man {
    width: 520px;
    float: left; }
    .management .part_man .ltit {
      margin-bottom: 40px; }
    .management .part_man span {
      display: block;
      font-size: 18px;
      color: #666666;
      margin-bottom: 20px; }
  .management .pm2 {
    padding-top: 75px; }
  .management .line_man {
    width: 160px;
    height: 100%;
    position: relative;
    float: left; }
    .management .line_man:before {
      content: " ";
      display: block;
      width: 1px;
      height: 100%;
      background: #f0f0f0;
      position: absolute;
      left: 80px;
      top: 0; }
    .management .line_man dl {
      width: 100%;
      height: 50px;
      position: relative;
      z-index: 9999;
      margin-top: 150px;
      text-align: center; }
      .management .line_man dl dt {
        width: 100px;
        margin: 0 auto;
        background: url("../img/icons.png") -44px -313px;
        height: 25px;
        line-height: 25px;
        color: #FFFFFF;
        text-indent: -10px; }
      .management .line_man dl dd {
        font-size: 16px;
        color: #666666;
        font-weight: 100;
        line-height: 20px; }
      .management .line_man dl.qua {
        margin-top: 80px; }
        .management .line_man dl.qua dt {
          background-position-x: -10px;
          text-indent: 10px; }

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