.page-common-wrapper {
  width: 1400px;
  margin: 0 auto;
}

/* 办事服务页面样式 */
.handle-service-wrapper {
  background: #f5f8fa;
  font-family: Source Han Sans;
  min-height: 100vh;
}

.top-part {
  width: 100%;
  margin: 0 auto;
  /* width: 1920px; */
  height: 300px;
  background-image: url("../images/iWantLook/kjcxptfw-top-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  .top-part-content {
    /* height: 423px; */
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;

    .top-part-title {
      font-size: 48px;
      font-weight: bold;
      color: #ffffff;
      width: 100%;
      text-align: center;
    }

    .top-part-text {
      font-size: 20px;
      font-weight: normal;
      line-height: 28px;
      color: #ffffff;
      margin-top: 16px;
    }
  }
}

.fwjj-part {
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  padding: 64px 0;

  .fwjj-part-content {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;

    .fwjj-part-title {
      display: flex;
      flex-direction: column;
      align-items: center;

      .fwjj-part-title-text {
        font-size: 36px;
        font-weight: bold;
        color: #333333;
      }

      .blue-line {
        width: 64px;
        height: 5px;
        background: #0075c0;
        margin-top: 12px;
      }
    }

    .fwjj-part-text {
      display: flex;
      margin-top: 48px;

      .fwjj-part-text-left {
        width: 680px;
        font-size: 22px;
        margin-right: 64px;
        display: flex;
        justify-content: center;
        align-items: center;

        .left-top {
          font-weight: bold;
          color: #2772c2;
          margin-bottom: 24px;
          line-height: 1.6;
        }

        .left-bottom {
          color: #3d3d3d;
          line-height: 1.6;
        }
      }

      .fwjj-part-text-right {
        width: 656px;
        height: 400px;
        background-image: url("../images/iWantLook/fwjj-bg.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }
    }
  }
}

.fwnr-part {
  width: 100%;
  margin: 0 auto;
  padding: 64px 0;

  .fwnr-part-content {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;

    .fwnr-part-title {
      display: flex;
      flex-direction: column;
      align-items: center;

      .fwnr-part-title-text {
        font-size: 36px;
        font-weight: bold;
        color: #333333;
      }

      .blue-line {
        width: 64px;
        height: 5px;
        background: #0075c0;
        margin-top: 12px;
      }
    }

    .fwnr-part-card1 {
      display: flex;
      align-items: center;
      margin-top: 48px;
      background-image: url("../images/iWantLook/fwnr-card-bg1.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      border-radius: 8px;

      .fwnr-part-card1-left {
        width: 804px;
        margin-right: 64px;
        padding-left: 40px;

        .left-title {
          font-size: 30px;
          font-weight: bold;
          color: #2e7acb;
          margin-bottom: 24px;
        }

        .left-content {
          font-size: 18px;
          color: #666666;
          line-height: 1.6;
        }
      }

      .fwnr-part-card1-right {
        width: 532px;
        height: 400px;
        background-image: url("../images/iWantLook/fwnr-bg1.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }
    }

    .fwnr-part-card2 {
      margin-top: 32px;
      padding: 48px 40px;
      background-image: url("../images/iWantLook/fwnr-card-bg2.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      border-radius: 8px;

      .card2-title {
        width: 100%;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        color: #cd7922;
      }

      .card2-content {
        margin-top: 24px;
        font-size: 18px;
        color: #666666;
        line-height: 1.6;
      }

      .mx-part {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 40px;

        .mx-part-left {
          width: 596px;
          height: 360px;
          border-radius: 8px;
          background-image: url("../images/iWantLook/fwnr-bg2.png");
          background-size: 100% 100%;
          background-repeat: no-repeat;
          margin-right: 64px;
        }

        .mx-part-right {
          /* 586 + 64 */
          width: calc(100% - 650px);
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          .mx-part-right-item {
            display: flex;
            align-items: center;

            .item-left-icon {
              margin-right: 32px;

              img {
                width: 72px;
                height: 72px;
              }
            }

            .item-right-content {
              .item-right-title {
                font-size: 22px;
                font-weight: bold;
                color: #333333;
                margin-bottom: 16px;
              }

              .item-right-text {
                font-size: 18px;
                color: #666666;
                line-height: 1.6;
              }
            }
          }
        }
      }
    }

    .fwnr-part-card3 {
      margin-top: 32px;
      background-image: url("../images/iWantLook/fwnr-card-bg3.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      border-radius: 8px;

      .fwnr-part-card3-left {
        width: 456px;
        height: 400px;
        border-radius: 8px;
        background-image: url("../images/iWantLook/fwnr-bg3.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }

      .fwnr-part-card3-right {
        width: 880px;
        margin-left: 64px;
        padding-right: 40px;

        .right-title {
          font-size: 30px;
          font-weight: bold;
          color: #28969b;
          margin-bottom: 24px;
        }

        .right-content {
          font-size: 18px;
          color: #666666;
          line-height: 1.6;
        }
      }
    }

    .fwnr-part-card4 {
      margin-top: 32px;
      background-image: url("../images/iWantLook/fwnr-card-bg4.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      border-radius: 8px;
      padding-right: 33px;

      .fwnr-part-card4-left {
        width: 880px;
        margin-right: 64px;
        padding-left: 40px;

        .left-title {
          font-size: 30px;
          font-weight: bold;
          color: #9f66bb;
          margin-bottom: 24px;
        }

        .left-content {
          font-size: 18px;
          color: #666666;
          line-height: 1.6;
        }
      }

      .fwnr-part-card4-right {
        width: 423px;
        height: 520px;
        background-image: url("../images/iWantLook/fwnr-bg4.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }
    }

    .fwnr-part-card5 {
      margin-top: 32px;
      background-image: url("../images/iWantLook/fwnr-card-bg5.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      border-radius: 8px;

      .fwnr-part-card5-left {
        width: 615px;
        height: 400px;
        border-radius: 8px;
        background-image: url("../images/iWantLook/fwnr-bg5.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }

      .fwnr-part-card5-right {
        width: 721px;
        margin-left: 64px;
        padding-right: 40px;

        .right-title {
          font-size: 30px;
          font-weight: bold;
          color: #008cd8;
          margin-bottom: 24px;
        }

        .right-content {
          font-size: 18px;
          color: #666666;
          line-height: 1.6;
        }
      }
    }
  }
}

.hzhb-part {
  width: 100%;
  margin: 0 auto;
  padding: 64px 0;
  background: #ffffff;

  .hzhb-part-content {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;

    .hzhb-part-title {
      display: flex;
      flex-direction: column;
      align-items: center;

      .hzhb-part-title-text {
        font-size: 36px;
        font-weight: bold;
        color: #333333;
      }

      .blue-line {
        width: 64px;
        height: 5px;
        background: #0075c0;
        margin-top: 12px;
      }
    }

    .hzhb-part-list {
      margin-top: 48px;

      .zdcxpt-card-list {
        margin-bottom: 48px;

        .zdcxpt-card-title {
          width: 1400px;
          height: 55px;
          margin-bottom: 24px;
          background-image: url("../images/iWantLook/hzhb-title.png");
          background-size: 100% 100%;
          background-repeat: no-repeat;
        }

        .zdcxpt-card-content {
          width: 1400px;
          height: 173px;
          background-image: url("../images/iWantLook/zdcxpt.png");
          background-size: 100% 100%;
          background-repeat: no-repeat;
        }
      }

      .ljqy-card-list {
        margin-bottom: 48px;

        .ljqy-card-title {
          width: 1400px;
          height: 55px;
          margin-bottom: 24px;
          background-image: url("../images/iWantLook/ljqy-title.png");
          background-size: 100% 100%;
          background-repeat: no-repeat;
        }

        .ljqy-card-content {
          width: 1400px;
          height: 173px;
          background-image: url("../images/iWantLook/ljqy.png");
          background-size: 100% 100%;
          background-repeat: no-repeat;
        }
      }

      .cxqy-card-list {
        .cxqy-card-title {
          width: 1400px;
          height: 55px;
          margin-bottom: 24px;
          background-image: url("../images/iWantLook/cxqy-title.png");
          background-size: 100% 100%;
          background-repeat: no-repeat;
        }

        .cxqy-card-content {
          width: 1400px;
          height: 173px;
          background-image: url("../images/iWantLook/cxqy.png");
          background-size: 100% 100%;
          background-repeat: no-repeat;
        }
      }
    }
  }
}

.lxdh-part {
  width: 100%;
  background: #ffffff;
  box-shadow: 8px 2px 24px 0px rgba(55, 60, 67, 0.2);
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .lxdh {
    width: 379px;
    height: 41px;
    background-image: url("../images/iWantLook/lxdh.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 40px;
  }

  .blue-line {
    width: 100%;
    height: 6px;
    background-color: #2772c2;
  }
}

.footer-contact-number {
  background: #FFFFFF;

  box-shadow: 8px 2px 24px 0px rgba(55, 60, 67, 0.2);
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-contact-number .contact-number-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.footer-contact-number .contact-number-label {
  font-family: Source Han Sans;
  font-size: 26px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #333333
}

.footer-contact-number .contact-number-value {
  font-family: Source Han Sans;
  font-size: 26px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #E95606
}