@charset "utf-8";
/* CSS Document */

$color:#c82821;
.sb_quality{background-image: url("../images/sb_quality.jpg");}
/*------------index---------------------*/
.tech_center{
  width: 100%;height:480px;background: url("/client/images/bg_tech-enter.jpg") center;padding-top: 80px;
  .img_box{
    width: 600px;height: 400px;float: left;
  }
  .txt_box{
    width: 545px;height:400px;float: right;position: relative;
    .ltit{margin-bottom: 40px;}
    p{margin-bottom: 20px;}
    a{position: absolute;bottom: 0;}
  }
}
.cases_count{
  width: 100%;height: 120px;background:url("../images/bg_count.jpg") center;margin-bottom: 70px;
  .container div{
    width: 50%;float: left;height: 120px;line-height: 120px;color: #FFFFFF;font-size: 18px;text-align: center;font-weight:100;
    span{font-size: 48px;padding: 0 15px;}
  }
}
  /*--------*/
.equipment{
  height:980px;
  .bd{
    width:105%;height: 850px;margin-top: 60px;
    dl{
      width: 278px;height: 278px;float:left;margin-right: 30px;
      *{transition: all .2s;}
      dt{
        width: 100%;height: 185px;overflow: hidden;
        img{width: 100%;height: 100%;}
      }
      dd{line-height:24px;text-align: center;font-weight: 100;font-size: 16px;color: #666666;padding-top: 15px;}
      &:hover{
        dt img{transform: scale(1.05);}
        dd{color:$color;}
      }
    }
  }
}
  /*---------*/
.authentication{
  ul{
    width: 105%;height: 780px;margin-top: 15px;
    li{
      width: 225px;height: 327px;float: left;margin: 0 14px 45px 0;
      img{width: 100%;height: 100%;}
    }
  }
}
.assurance{
  width: 100%;height: 450px;padding-top: 100px;background: #f6f7f8;
  .ltit{margin-bottom: 40px;}
  .intodu{
    width: 100%;background: url("/client/images/bg_promise.jpg") no-repeat right;
    p{width: 680px;}
    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;
    dl{
      width: 400px;height: 120px;float: left;border-right: 1px solid #e6e6e6;overflow: hidden;margin-bottom: 80px;
      *{transition: all .2s;}
      dt{
        width: 58px;height: 58px;margin: 12px auto 20px;background: url("/client/images/icons.png") -8px -343px;
        &.np{background-position-x: -82px;}
        &.mic{background-position-x: -165px;}
        &.tob{background-position-x: -237px;}
        &.eoc{background-position-x: -313px;}
        &.ccs{background-position-x: -387px;}
      }
      dd{
        text-align: center;font-size: 16px;font-weight: 100;color: #666666;
      }
      &:nth-child(3n){border:none;}
      &:hover{
        dt{background-position-y: -402px;}
        dd{color: $color;}
      }
    }
  }
}
  /*----office-------*/
.office{
  width: 100%;height: 580px;background: #f5f5f5;padding-top: 80px;margin-bottom: 60px;
  .container{
    background: url("/client/images/bg_office.jpg") no-repeat;padding-top:310px;
  }
  .lins{
    width: 105%;
    li{
      width: 380px;float: left;margin-right: 30px;
      p{line-height: 24px;}
    }
  }
}
  /*---management------*/
.management{
  width: 100%;height:520px;
  img{width: 515px;height:173px;margin-bottom: 40px;}
  p{line-height: 24px;margin-bottom: 50px;}
  .part_man{
    .ltit{margin-bottom: 40px;}
    width: 520px;float: left;
    span{display: block;font-size: 18px;color: #666666;margin-bottom: 20px;}
  }
  .pm2{padding-top:75px;}
  .line_man{
    width: 160px;height: 100%;position: relative;float: left;
    &:before{content: " ";display: block;width: 1px;height: 100%;background: #f0f0f0;position: absolute;left: 80px;top: 0;}
    dl{
      width: 100%;height:50px;position: relative;z-index: 9999;margin-top: 150px;text-align: center;
      dt{
        width: 100px;margin: 0 auto;background: url("/client/images/icons.png") -44px -313px;height: 25px;line-height: 25px;color: #FFFFFF;text-indent: -10px;
      }
      dd{font-size: 16px;color: #666666;font-weight: 100;line-height: 20px;}
      &.qua{
        margin-top: 80px;
        dt{background-position-x: -10px;text-indent: 10px;}
      }
    }
  }
}