.pageBannerTop.freeService {
  height: 300px; }

.freeService .trans {
  opacity: 0.3; }
.freeService .marginCommon h1 {
  font-size: 46px;
  text-align: left; }
.freeService .marginCommon::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../../static/images/freeService/icon_headIcon.png) center center no-repeat;
  width: 300px;
  height: 300px;
  background-size: 300px; }
.freeService .duplicate {
  text-align: left; }

.freeServiceWrap {
  padding: 80px 0;
  background: #fff; }
  .freeServiceWrap h2 {
    font-size: 36px;
    text-align: center; }
  .freeServiceWrap .freeServiceList {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 4%;
    grid-template-rows: repeat(2, 48%);
    grid-row-gap: 48px;
    margin-top: 80px;
    margin-bottom: 40px; }
    .freeServiceWrap .freeServiceList .freeServiceItem {
      display: flex;
      padding: 40px;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 0 30px 0 #e7e7e7; }
      .freeServiceWrap .freeServiceList .freeServiceItem .icon {
        width: 120px; }
        .freeServiceWrap .freeServiceList .freeServiceItem .icon img {
          width: 80px; }
      .freeServiceWrap .freeServiceList .freeServiceItem .desc {
        width: calc(100% - 120px); }
        .freeServiceWrap .freeServiceList .freeServiceItem .desc h3 {
          font-size: 22px; }
        .freeServiceWrap .freeServiceList .freeServiceItem .desc p {
          margin-top: 20px;
          line-height: 24px; }

.serviceProcess {
  padding: 80px 0;
  background: var(--block-light-bg-color); }
  .serviceProcess h2 {
    font-size: 32px;
    text-align: center; }
  .serviceProcess .processList {
    margin: 50px 100px 0 100px;
    position: relative;
    z-index: 1; }
    .serviceProcess .processList .processItem {
      position: relative;
      display: flex;
      align-items: center;
      margin-top: 30px;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 10px 0 #e7e7e7; }
      .serviceProcess .processList .processItem::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url("../../static/images/freeService/icon_process_bg.jpg") center center no-repeat;
        background-size: 100%;
        border-radius: 10px;
        z-index: -1;
        opacity: 0.2; }
      .serviceProcess .processList .processItem .step {
        width: 80px;
        color: var(--primary-active-color);
        font-size: 20px;
        font-weight: bold;
        font-style: italic; }
      .serviceProcess .processList .processItem .stepDesc {
        width: calc(100% - 80px);
        padding-left: 20px; }
        .serviceProcess .processList .processItem .stepDesc div {
          font-size: 18px;
          font-weight: bold; }
        .serviceProcess .processList .processItem .stepDesc p {
          margin-top: 10px; }

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