.service-cont ul {
  overflow: hidden;
  padding: 40px; }
  .service-cont ul li {
    float: left;
    width: 400px;
    height: 256px;
    text-align: center;
    cursor: pointer;
    padding-top: 70px; }
    .service-cont ul li img {
      margin-bottom: 20px; }
    .service-cont ul li p.tit {
      line-height: 40px;
      font-weight: bold;
      color: #7f7f7f; }
    .service-cont ul li p.content {
      line-height: 35px; }
  .service-cont ul li:hover, .service-cont ul li.active {

    background: linear-gradient(right, #2e88f6, #16aaff);
    background: -o-linear-gradient(right, #2e88f6, #16aaff);
    background: -webkit-linear-gradient(right, #2e88f6, #16aaff);
    background: -moz-linear-gradient(right, #2e88f6, #16aaff);
    padding-top: 45px;
    box-shadow: 0px 0px 10px rgba(38, 148, 249, 0.3), 0px 5px 50px rgba(38, 148, 249, 0.3), 5px 0px 100px rgba(38, 148, 249, 0.3); }
    .service-cont ul li:hover p, .service-cont ul li.active p {
      color: white; }
      .service-cont ul li:hover p.tit, .service-cont ul li.active p.tit{
        color: white;
      } 
      .service-cont ul li p.tit{
            color: rgb(157,157,157);
            font-weight: 800;
        }

.design_group {
  height: 783px;
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .design_group .w_1280 {
    padding-top: 90px; }
    .design_group .w_1280 ul {
      overflow: hidden;
      padding: 30px;
      margin-top: 40px; }
      .design_group .w_1280 ul li {
        float: left;
        width: 234px;
        height: 348px;
        border-radius: 15px;
        background-color: white;
        box-shadow: 0px 0px 10px rgba(9, 60, 115, 0.23), 0px 5px 20px rgba(9, 60, 115, 0.23), 5px 0px 20px rgba(9, 60, 115, 0.23);
        text-align: center;
        margin: 0 37px;
        cursor: pointer; }
        .design_group .w_1280 ul li div.f_lt {
          width: 244px;
          padding: 30px; }
          .design_group .w_1280 ul li div.f_lt p.tit {
            font-size: 22px;
            color: #1a2342;
            font-weight: bold; }
          .design_group .w_1280 ul li div.f_lt p.content {
            line-height: 35px;
            margin-top: 10px; }
        .design_group .w_1280 ul li .img_b {
          width: 278px;
          height: 100%;
          border-radius: 15px;
          background-position: center center; }
        .design_group .w_1280 ul li div.img {
          height: 204px;
          border-radius: 15px; }
        .design_group .w_1280 ul li div.cont {
          margin-top: 20px; }
          .design_group .w_1280 ul li div.cont p {
            line-height: 30px; }
      .design_group .w_1280 ul li.active {
        width: 530px; }
    .design_group .w_1280 a.btn {
      color: white;
      text-align: center;
      display: inline-block;
      padding: 0 32px;
      height: 32px;
      line-height: 32px;
      border-radius: 20px;
      background: linear-gradient(right, #2e88f6, #16aaff);
      background: -o-linear-gradient(right, #2e88f6, #16aaff);
      background: -webkit-linear-gradient(right, #2e88f6, #16aaff);
      background: -moz-linear-gradient(right, #2e88f6, #16aaff);
      margin-top: 20px; }

.page_design {
  margin-top: 40px; }
  .page_design ul {
    overflow: hidden;
    margin-top: 40px; }
    .page_design ul li {
      float: left;
      width: 305px;
      margin: 0 60px; }
      .page_design ul li p.tit {
        font-size: 26px;
        color: #1a2342;
        font-weight: bold;
        line-height: 60px; }
      .page_design ul li p.content {
        text-align: left;
        line-height: 30px; }

.zydz {
  height: 789px;
  padding-top: 80px;
  margin-top: 80px; }
  .zydz .w_1280 {
    height: 478px;
    background-repeat: no-repeat;
    background-position: center right;
    margin-top: 50px; }
    .zydz .w_1280 div {
      width: 380px; }
      .zydz .w_1280 div p.tit {
        font-size: 26px;
        color: #1a2342;
        line-height: 60px;
        font-weight: bold; }
      .zydz .w_1280 div p.content {
        line-height: 30px; }

.our-area {
  margin-top: 60px; }
  .our-area p.tit {
    line-height: 100px; }
  .our-area .other-area {
    margin-top: 40px; }
    .our-area .other-area ul {
      overflow: hidden; }
      .our-area .other-area ul li {
        float: left;
        width: 579px;
        height: 384px;
        color: white;
        position: relative;
        margin: 20px 30px;
        padding: 0 20px; }
        .our-area .other-area ul li div {
          position: absolute;
          left: 20px;
          bottom: 20px; }
          .our-area .other-area ul li div p {
            line-height: 40px; }

.twoDev {
  background-color: #f9fbfe;
  padding: 40px 0; }
  .twoDev ul {
    width: 1197px;
    margin: 45px auto;
    overflow: hidden;
    padding: 10px 0; }
    .twoDev ul li {
      float: left;
      box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07); }
      .twoDev ul li div {
        height: 80px;
        line-height: 80px;
        padding: 0 20px; }
        .twoDev ul li div span {
          display: inline-block;
          width: 3px;
          height: 11px;
          background-image: url(../img/dot.png);
          margin-top: 32px; }
    .twoDev ul li:not(:first-child) {
      margin-left: 20px; }
  .twoDev a.btn {
    display: block;
    text-align: center;
    color: white;
    width: 196px;
    height: 42px;
    line-height: 42px;
    border-radius: 20px;
    background: linear-gradient(left, #4594ff, #3976ff);
    background: -o-linear-gradient(left, #4594ff, #3976ff);
    background: -webkit-linear-gradient(left, #4594ff, #3976ff);
    background: -moz-linear-gradient(left, #4594ff, #3976ff);
    cursor: pointer;
    margin: 0 auto; }

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