@charset "UTF-8";
/* banner */
.banner .ban-img ul .bg-img {
  float: left;
  height: 350px;
  display: block;
  font-size: 0;
  width: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../img/product-banner01.jpg); }
.banner .txt-img dl dd {
  height: 48px;
  margin-top: 38px; }

/* end banner */
/* 关于我们 */
.product-nav {
  width: 670px; }

.introduce {
  width: 1200px;
  margin: 0 auto; }
  .introduce .enterprise {
    margin: 40px 0; }
    .introduce .enterprise span {
      display: inline-block;
      width: 33.33%;
      float: left;
      text-align: center;
      font-size: 0; }

.company-history {
  padding: 55px 0 40px;
  background: #f6f9fc; }
  .company-history .history-img {
    margin-top: 40px;
    font-size: 0;
    text-align: center; }

.organization {
  padding: 55px 0; }
  .organization .organization-img {
    margin-top: 20px;
    font-size: 0;
    text-align: center; }

/* end 关于我们 */
/* 加盟 */
.contact .reason {
  width: 1200px;
  margin: auto;
  padding: 40px 0 55px; }
  .contact .reason ul {
    margin-left: -50px;
    margin-bottom: 30px; }
    .contact .reason ul li {
      float: left;
      width: 200px;
      margin-left: 50px;
      text-align: center; }
      .contact .reason ul li span {
        display: block;
        width: 120px;
        height: 120px;
        margin: auto;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s; }
        .contact .reason ul li span img {
          width: 100%;
          height: 100%; }
      .contact .reason ul li p {
        margin: 15px 0 10px 0;
        font-size: 18px; }
      .contact .reason ul li em {
        color: #999;
        font-size: 14px;
        line-height: 22px; }
      .contact .reason ul li:hover span {
        transform: translate(10px, 0);
        -moz-transform: translate(10px, 0);
        -webkit-transform: translate(10px, 0);
        -o-transform: translate(10px, 0); }
.contact .join {
  background: #f6f9fc;
  padding: 55px 0; }
.contact .join-step {
  width: 1200px;
  margin: 40px auto; }
  .contact .join-step ul {
    margin-left: -120px; }
  .contact .join-step li {
    float: left;
    width: 144px;
    height: 140px;
    margin-left: 120px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.2s;
    text-align: center; }
    .contact .join-step li .title {
      margin-top: 25px; }
      .contact .join-step li .title span {
        display: inline-block;
        font-size: 36px;
        margin-bottom: 15px;
        color: #666;
        border-bottom: 1px solid #999;
        font-family: Arial;
        font-weight: bold; }
    .contact .join-step li .info {
      line-height: 22px;
      color: #666;
      font-size: 14px; }
    .contact .join-step li:hover {
      background: #e5004f; }
      .contact .join-step li:hover .title span {
        color: #fff;
        border-bottom: 1px solid #fff; }
      .contact .join-step li:hover .info {
        color: #fff; }
.contact .contact-info {
  padding: 55px 0; }
  .contact .contact-info .con-info-con {
    width: 1200px;
    margin: 55px auto 15px; }
    .contact .contact-info .con-info-con ul li {
      float: left;
      margin-left: 86px;
      font-size: 16px;
      width: 471px;
      margin-bottom: 40px; }
      .contact .contact-info .con-info-con ul li .left {
        float: left;
        display: block;
        width: 110px;
        text-align: right;
        line-height: 38px;
        color: #666; }
        .contact .contact-info .con-info-con ul li .left em {
          color: #e5004f;
          margin-right: 5px; }
      .contact .contact-info .con-info-con ul li .right {
        position: relative;
        margin-left: 20px;
        height: 38px;
        float: left; }
        .contact .contact-info .con-info-con ul li .right input {
          height: 36px;
          width: 320px;
          font-size: 14px; }
        .contact .contact-info .con-info-con ul li .right .active {
          border-color: #e5004f; }
        .contact .contact-info .con-info-con ul li .right .error {
          position: absolute;
          left: 5px;
          border-color:red;
          font-size: 14px;
          line-height: 30px; }
        .contact .contact-info .con-info-con ul li .right select {
          width: 103px;
          height: 38px;
          margin-right: 5px; }
      .contact .contact-info .con-info-con ul li .code input {
        width: 190px; }
      .contact .contact-info .con-info-con ul li .code a {
        display: inline-block;
        vertical-align: top;
        line-height: 36px;
        width: 118px;
        background: #f2f2f2;
        border: 1px solid #ededed;
        font-size: 14px;
        text-align: center;
        margin-left: 5px;
        color: #666; }
        .contact .contact-info .con-info-con ul li .code a:hover {
          background: #fff;
          color: #333; }
  .contact .contact-info .con-info-det {
    /*position: relative;*/
  }
    .contact .contact-info .con-info-det span {
      position: absolute;
      left: 0;
      width: 196px;
      text-align: right;
      font-size: 16px;
      color: #666;
      line-height: 34px; }
    .contact .contact-info .con-info-det textarea {
      margin-left: 216px;
      width: 870px;
      height: 120px;
      font-size: 14px;
      padding: 5px 10px;
      line-height: 24px; }
  .contact .contact-info .b-btn {
    margin-top: 40px; }

/* end 加盟 */
/* 资质 */
.qualification .qualification-con {
  padding: 55px 0; }
  .qualification .qualification-con ul {
    width: 1200px;
    margin: auto;
    height: 366px;
    overflow: hidden; }
    .qualification .qualification-con ul li {
      float: left;
      width: 25%;
      text-align: center; }
      .qualification .qualification-con ul li span {
        display: block;
        width: 90%; }
        .qualification .qualification-con ul li span img {
          width: 100%; }

.certificate {
  padding: 55px 0 25px;
  background: #f6f9fc; }
  .certificate .certificate-con {
    width: 1200px;
    margin: 40px auto 0; }
    .certificate .certificate-con ul {
      margin-left: -100px; }
      .certificate .certificate-con ul li {
        float: left;
        width: 225px;
        margin-left: 100px;
        text-align: center;
        margin-bottom: 35px; }
        .certificate .certificate-con ul li span {
          display: block;
          box-sizing: border-box;
          width: 225px;
          height: 168px;
          margin: auto;
          border: 1px solid #e4e4e4;
          background-color: #fff; }
        .certificate .certificate-con ul li .txt {
          line-height: 1;
          margin-top: 20px;
          font-size: 14px;
          text-align: center;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          color: #666; }

/* end 资质 */
/* 联系我们 */
.service-con {
  width: 1200px;
  margin: 40px auto 75px; }
  .service-con ul {
    margin-right: -70px; }
    .service-con ul li {
      float: left;
      width: 247.5px;
      text-align: center;
      margin-right: 70px;
      box-sizing: border-box;
      padding: 40px 20px;
      border: 1px solid #fff;
      transition: all 0.3s;
      border-radius: 2px;
      background: #fff; }
      .service-con ul li .ser-img {
        display: block;
        font-size: 0; }
      .service-con ul li .ser-tit {
        font-size: 24px;
        font-weight: 400;
        display: block;
        margin-top: 20px; }
      .service-con ul li .ser-det {
        display: block;
        margin-top: 15px;
        line-height: 26px;
        font-size: 15px;
        color: #666; }
      .service-con ul li .ser-call {
        display: block;
        font-size: 16px;
        font-weight: 400;
        margin-top: 15px;
        height: 30px;
        line-height: 30px; }
      .service-con ul li .ser-btn {
        display: block;
        box-sizing: border-box;
        width: 96px;
        height: 30px;
        line-height: 28px;
        border: 1px solid #e4e4e4;
        background: #fff;
        border-radius: 20px;
        margin: 15px auto 0;
        font-size: 13px; }
        .service-con ul li .ser-btn:hover {
          background: #e5004f;
          color: #fff;
          border-color: #e5004f; }

.ser-contact {
  width: 100%;
  background: #fff;
  padding: 35px 0 50px; }
  .ser-contact .address {
    width: 1200px;
    margin: auto; }
    .ser-contact .address li {
      float: left;
      width: 50%;
      position: relative;
      line-height: 44px;
      font-size: 16px;
      box-sizing: border-box;
      padding-left: 200px; }
      .ser-contact .address li span {
        position: absolute;
        left: 100px; }
  .ser-contact .map {
    width: 1200px;
    margin: 25px auto 0; }

.ser-suggest {
  width: 100%;
  text-align: center;
  padding: 80px 0; }
  .ser-suggest .sug-img {
    display: block;
    width: 1200px;
    margin: 0 auto; }
  .ser-suggest .sug-info {
    width: 1200px;
    margin: 0 auto; }
    .ser-suggest .sug-info b {
      display: block;
      padding: 20px 0 15px;
      font-size: 24px;
      font-weight: 400; }
    .ser-suggest .sug-info span {
      display: block;
      line-height: 26px;
      font-size: 15px;
      color: #666; }

.service-con ul li:hover {
  border: 1px solid #ededed;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

/* end 联系我们 */
/* 招聘 */
.recruit .recruit-con {
  width: 1200px;
  margin: 40px auto; }
  .recruit .recruit-con ul li {
    width: 18%;
    float: left;
    margin: 0 0 2% 2%;
    height: 98px;
    box-sizing: border-box;
    border: 1px solid #ffe5ee;
    text-align: center;
    line-height: 98px;
    color: #333333;
    font-size: 16px;
    position: relative;
    border-radius: 2px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s; }
    .recruit .recruit-con ul li::before, .recruit .recruit-con ul li:after {
      content: '';
      border-style: solid;
      position: absolute;
      z-index: 5;
      box-sizing: content-box;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      border-color: #e5004f; }
    .recruit .recruit-con ul li:before {
      width: 0;
      height: 100%;
      border-width: 1px 0 1px 0;
      top: -1px;
      left: 0;
      -webkit-transition-delay: 0.05s;
      transition-delay: 0.05s; }
    .recruit .recruit-con ul li:after {
      width: 100%;
      height: 0;
      border-width: 0 1px 0 1px;
      top: 0;
      left: -1px; }
    .recruit .recruit-con ul li:hover:before {
      width: 100%; }
    .recruit .recruit-con ul li:hover:after {
      height: 100%; }
    .recruit .recruit-con ul li .rec-img {
      background-image: url(../images/recruit.png);
      background-repeat: no-repeat;
      display: inline-block;
      width: 49px;
      height: 49px;
      margin-right: 20px;
      vertical-align: -20px; }
    .recruit .recruit-con ul li .rec01 {
      background-position: 0 0; }
    .recruit .recruit-con ul li .rec02 {
      background-position: -54px 0px; }
    .recruit .recruit-con ul li .rec03 {
      background-position: -108px 0; }
    .recruit .recruit-con ul li .rec04 {
      background-position: -162px 0; }
    .recruit .recruit-con ul li .rec05 {
      background-position: -216px 0; }
    .recruit .recruit-con ul li .rec06 {
      background-position: 10px -54px; }
    .recruit .recruit-con ul li .rec07 {
      background-position: -54px -54px; }
    .recruit .recruit-con ul li .rec08 {
      background-position: -108px -54px; }
    .recruit .recruit-con ul li .rec09 {
      background-position: -162px -54px; }
    .recruit .recruit-con ul li .rec10 {
      background-position: -216px -54px; }
.recruit .recruit-post {
  background: #f6f9fc;
  padding: 55px 0px 0px 0px; }
  .recruit .recruit-post .post-con {
    width: 1200px;
    margin: 40px auto 0; }
    .recruit .recruit-post .post-con ul {
      margin-left: -3%; }
    .recruit .recruit-post .post-con li {
      float: left;
      width: 30.33333333%;
      margin-left: 3%;
      height: 506px;
      position: relative;
      z-index: 0; }
      .recruit .recruit-post .post-con li .li-box {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
        .recruit .recruit-post .post-con li .li-box .li-con {
          background: #fff;
          border: 2px solid #eee;
          border-top-width: 2px;
          border-top-style: solid;
          border-top-color: #eeeeee;
          border-top: 2px solid #e5004f;
          transition: all 0.3s;
          -moz-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s; }
          .recruit .recruit-post .post-con li .li-box .li-con .post-head {
            height: 90px;
            overflow: hidden; }
            .recruit .recruit-post .post-con li .li-box .li-con .post-head .head-box {
              padding: 35px 20px 5px 20px;
              transition: all 0.3s;
              -moz-transition: all 0.3s;
              -webkit-transition: all 0.3s;
              -o-transition: all 0.3s; }
            .recruit .recruit-post .post-con li .li-box .li-con .post-head h5 {
              font-size: 24px;
              display: block;
              height: 30px;
              line-height: 30px;
              margin-bottom: 7px;
              overflow: hidden;
              font-weight: normal; }
            .recruit .recruit-post .post-con li .li-box .li-con .post-head .pos-hea-txt span {
              font-size: 14px;
              margin-right: 20px; }
          .recruit .recruit-post .post-con li .li-box .li-con .post-main {
            margin: 10px 20px 40px 20px;
            height: 360px;
            overflow: hidden;
            transition: all 0.3s;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s; }
            .recruit .recruit-post .post-con li .li-box .li-con .post-main dt {
              font-size: 16px;
              display: block;
              height: 50px;
              line-height: 50px;
              overflow: hidden; }
            .recruit .recruit-post .post-con li .li-box .li-con .post-main dd {
              font-size: 14px;
              color: #999;
              line-height: 26px; }
      .recruit .recruit-post .post-con li:hover {
        z-index: 10; }
        .recruit .recruit-post .post-con li:hover .li-box .li-con {
          border: 2px solid #e5004f; }
        .recruit .recruit-post .post-con li:hover .post-head .head-box {
          background: #e5004f;
          padding: 17px 20px 23px 20px !important; }
        .recruit .recruit-post .post-con li:hover .post-head h5, .recruit .recruit-post .post-con li:hover .post-head span {
          color: #fff; }
        .recruit .recruit-post .post-con li:hover .post-main {
          height: 520px !important; }

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

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