.about {
  position: relative; }
  .about .about-img1 {
    position: absolute;
    right: 0;
    top: 0; }
  .about .about-img2 {
    position: absolute;
    top: 690px;
    left: 0; }
  .about .about-img3 {
    position: absolute;
    top: 1327px;
    right: 0; }
  .about .templent {
    position: relative;
    z-index: 11; }
    .about .templent .banner {
      padding-top: 100px;
      display: flex;
      justify-content: space-between; }
      .about .templent .banner .txt {
        max-width: 550px; }
        .about .templent .banner .txt h1 {
          font-family: Ubuntu-Bold, Ubuntu;
          color: #042040; }
          .about .templent .banner .txt h1 span {
            font-size: 40px;
            line-height: 46px; }
          .about .templent .banner .txt h1 p {
            font-size: 70px;
            line-height: 80px; }
        .about .templent .banner .txt .p1 {
          font-family: Ubuntu-Light, Ubuntu;
          font-size: 16px;
          line-height: 170%;
          color: #55687D; }
    .about .templent .our {
      display: flex; }
      .about .templent .our .li {
        width: 100%;
        max-width: 590px;
        background: #FFFFFF;
        box-shadow: 0px 3px 25px rgba(162, 181, 202, 0.3), inset 0px 6px 0px #0E6FDE;
        border-radius: 10px;
        padding: 50px; }
        .about .templent .our .li p,
        .about .templent .our .li h3 {
          font-family: Ubuntu-Medium, Ubuntu;
          font-size: 26px;
          line-height: 30px;
          letter-spacing: -0.03em;
          color: #042040;
          margin-top: 20px;
          margin-bottom: 15px;
          font-weight: unset; }
        .about .templent .our .li span {
          font-family: Open Sans;
          font-size: 16px;
          line-height: 170%;
          color: #55687D; }
    .about .templent .leading {
      margin-top: 100px;
      margin-bottom: 100px; }
      .about .templent .leading h2 {
        max-width: 800px;
        font-family: Ubuntu-Bold, Ubuntu;
        font-size: 48px;
        line-height: 130%;
        text-align: center;
        color: #042040;
        margin-bottom: 20px;
        margin: 0 auto; }
      .about .templent .leading h3 {
        font-family: Ubuntu-Light, Ubuntu;
        font-size: 20px;
        line-height: 170%;
        text-align: center;
        color: #55687D;
        max-width: 800px;
        margin: 0 auto; }
      .about .templent .leading .lend-ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 80px;
        margin-bottom: 80px; }
        .about .templent .leading .lend-ul .li {
          padding-left: 20px;
          border-left: 2px solid #FF4800; }
          .about .templent .leading .lend-ul .li p {
            font-family: Open Sans-SemiBold, Open Sans;
            font-size: 34px;
            line-height: 46px;
            color: #042040; }
          .about .templent .leading .lend-ul .li span {
            font-family: Open Sans-Regular, Open Sans;
            font-size: 18px;
            line-height: 25px;
            color: #042040;
            opacity: 0.8; }
      .about .templent .leading .join {
        background-color: #F5F6FA;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 33px 60px;
        position: relative; }
        .about .templent .leading .join .txt {
          max-width: 652px; }
          .about .templent .leading .join .txt p,
          .about .templent .leading .join .txt h3 {
            font-family: Ubuntu-Bold, Ubuntu;
            font-size: 26px;
            line-height: 30px;
            color: #042040;
            margin-bottom: 10px;
            font-weight: unset; }
          .about .templent .leading .join .txt span {
            font-family: Ubuntu-Light, Ubuntu;
            font-size: 16px;
            line-height: 170%;
            color: #55687D; }
        .about .templent .leading .join .ipchanger-btn {
          padding: 0 50px;
          height: 43px;
          font-size: 20px;
          line-height: 23px; }
        .about .templent .leading .join .point {
          position: absolute;
          left: 16px;
          top: 20px; }

.contactUs {
  background-color: #FBFCFF;
  position: relative; }
  .contactUs .templent {
    display: flex;
    justify-content: space-between;
    padding-top: 140px;
    padding-bottom: 96px; }
    .contactUs .templent .cont-l {
      width: 540px;
      background-color: #FFFFFF;
      box-shadow: 0px 4px 30px rgba(0, 54, 130, 0.05);
      border-radius: 10px;
      padding: 50px; }
      .contactUs .templent .cont-l h1,
      .contactUs .templent .cont-l h2 {
        font-family: Open Sans-ExtraBold, Open Sans;
        font-size: 30px;
        line-height: 41px;
        color: #042040;
        margin-bottom: 30px; }
      .contactUs .templent .cont-l .ipt-box {
        margin-bottom: 25px; }
        .contactUs .templent .cont-l .ipt-box p {
          display: flex;
          align-items: center;
          font-family: Open Sans-Regular, Open Sans;
          font-size: 16px;
          line-height: 22px;
          color: #121933;
          margin-bottom: 10px; }
          .contactUs .templent .cont-l .ipt-box p .x {
            color: #F53D5D; }
        .contactUs .templent .cont-l .ipt-box .jy-input input {
          width: 100%;
          border: 1px solid #E4E6EA;
          height: 45px;
          padding: 0 18px;
          border-radius: 4px;
          font-size: 15px;
          font-family: Open Sans-Regular, Open Sans; }
        .contactUs .templent .cont-l .ipt-box .jy-input textarea {
          font-family: Open Sans-Regular, Open Sans;
          width: 100%;
          font-size: 15px;
          border: 1px solid #E4E6EA;
          height: 140px;
          padding: 18px;
          border-radius: 4px;
          resize: none; }
      .contactUs .templent .cont-l .ipchanger-btn {
        margin-top: 30px;
        height: 45px;
        font-size: 20px;
        font-family: Ubuntu-Regular, Ubuntu; }
        .contactUs .templent .cont-l .ipchanger-btn .con-disabled {
          opacity: 0.3; }
    .contactUs .templent .cont-r {
      max-width: 590px; }
      .contactUs .templent .cont-r h2 {
        font-family: Open Sans-ExtraBold, Open Sans;
        font-size: 40px;
        line-height: 54px;
        color: #15357A;
        margin-bottom: 20px; }
      .contactUs .templent .cont-r h3 {
        font-family: Open Sans-Regular, Open Sans;
        font-size: 16px;
        line-height: 150%;
        color: #355395; }
      .contactUs .templent .cont-r .ul .li {
        display: flex;
        align-items: flex-start;
        padding-top: 20px; }
        .contactUs .templent .cont-r .ul .li img {
          margin-top: 1px; }
        .contactUs .templent .cont-r .ul .li .txt {
          margin-left: 9px;
          padding-bottom: 20px;
          border-bottom: 1px solid #F1F5FF; }
          .contactUs .templent .cont-r .ul .li .txt p {
            font-family: Open Sans-ExtraBold, Open Sans;
            font-size: 16px;
            line-height: 22px;
            color: #15357A;
            margin-bottom: 6px; }
          .contactUs .templent .cont-r .ul .li .txt span,
          .contactUs .templent .cont-r .ul .li .txt a {
            font-family: Open Sans-Regular, Open Sans;
            font-size: 16px;
            line-height: 22px;
            color: #355395; }
          .contactUs .templent .cont-r .ul .li .txt a:hover {
            color: #0E6FDE; }
  .contactUs .about-img1 {
    position: absolute;
    right: 0;
    top: 20px; }
  .contactUs .about-img2 {
    position: absolute;
    top: 538px;
    left: 0; }

.contactUs-new {
  background-color: #F6F8FA;
  position: relative; }
  .contactUs-new .templent {
    display: flex;
    gap: 60px;
    padding-top: 141px;
    padding-bottom: 130px;
    width: 1320px;
    margin: 0 auto; }
    .contactUs-new .templent .cont-l {
      width: 670px;
      display: flex;
      padding: 50px;
      flex-direction: column;
      align-items: flex-start;
      gap: 30px;
      flex: 1 0 0;
      border-radius: 10px;
      background: #FFF;
      box-shadow: 0px 4px 30px 0px rgba(0, 54, 130, 0.05); }
      .contactUs-new .templent .cont-l h1,
      .contactUs-new .templent .cont-l h2 {
        color: var(--PIA_BK-01, #042040);
        font-family: "Open Sans";
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
      .contactUs-new .templent .cont-l .ipt-box-container {
        display: flex;
        align-items: center;
        gap: 25px;
        flex-wrap: wrap;
        width: 100%; }
      .contactUs-new .templent .cont-l .ipt-box {
        width: calc((100% - 25px) / 2); }
        .contactUs-new .templent .cont-l .ipt-box.ipt-box-100 {
          width: 100%; }
        .contactUs-new .templent .cont-l .ipt-box .upload-box {
          display: flex;
          gap: 20px;
          align-items: center; }
          .contactUs-new .templent .cont-l .ipt-box .upload-box .upload-img-show, .contactUs-new .templent .cont-l .ipt-box .upload-box .upload-img-btn {
            width: 70px;
            height: 70px;
            border-radius: 2px;
            position: relative; }
            .contactUs-new .templent .cont-l .ipt-box .upload-box .upload-img-show img, .contactUs-new .templent .cont-l .ipt-box .upload-box .upload-img-btn img {
              width: 70px;
              height: 70px; }
            .contactUs-new .templent .cont-l .ipt-box .upload-box .upload-img-show .del-img, .contactUs-new .templent .cont-l .ipt-box .upload-box .upload-img-btn .del-img {
              display: flex;
              width: 14px;
              height: 14px;
              padding: 1px;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              background: url("../img/about/del.svg");
              background-size: 100%;
              position: absolute;
              right: 1px;
              top: 1px;
              cursor: pointer; }
          .contactUs-new .templent .cont-l .ipt-box .upload-box .upload-img-btn input {
            width: 70px;
            height: 70px;
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer; }
        .contactUs-new .templent .cont-l .ipt-box .upload-box-tip {
          color: #9DA4B2;
          font-family: "Open Sans";
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 13px */
          margin-top: 10px;
          margin-bottom: 0; }
        .contactUs-new .templent .cont-l .ipt-box p {
          color: var(--Black1, #121933);
          font-family: "Open Sans";
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          margin-bottom: 10px; }
          .contactUs-new .templent .cont-l .ipt-box p .x {
            color: #F53D5D; }
        .contactUs-new .templent .cont-l .ipt-box .jy-input {
          width: 100%; }
          .contactUs-new .templent .cont-l .ipt-box .jy-input .el-select {
            width: 100%; }
            .contactUs-new .templent .cont-l .ipt-box .jy-input .el-select .el-input__suffix {
              right: 13px;
              left: unset; }
          .contactUs-new .templent .cont-l .ipt-box .jy-input .el-date-editor {
            width: 100%; }
            .contactUs-new .templent .cont-l .ipt-box .jy-input .el-date-editor .el-input__suffix, .contactUs-new .templent .cont-l .ipt-box .jy-input .el-date-editor .el-input__prefix {
              right: 13px;
              left: unset; }
            .contactUs-new .templent .cont-l .ipt-box .jy-input .el-date-editor:hover .el-input__prefix {
              display: none; }
          .contactUs-new .templent .cont-l .ipt-box .jy-input input {
            width: 100%;
            border-radius: 4px;
            border: 1px solid #E4E6EA;
            height: 40px;
            padding: 0 18px;
            color: var(--PIA24-BK-01, #042040);
            font-family: "Open Sans";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 14px */ }
            .contactUs-new .templent .cont-l .ipt-box .jy-input input::placeholder {
              color: #9DA4B2;
              font-family: "Open Sans";
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%;
              /* 14px */ }
          .contactUs-new .templent .cont-l .ipt-box .jy-input textarea {
            font-family: Open Sans-Regular, Open Sans;
            width: 100%;
            font-size: 15px;
            border: 1px solid #E4E6EA;
            height: 140px;
            padding: 18px;
            border-radius: 4px;
            resize: none; }
            .contactUs-new .templent .cont-l .ipt-box .jy-input textarea::placeholder {
              color: #9DA4B2;
              font-family: "Open Sans";
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%;
              /* 14px */ }
      .contactUs-new .templent .cont-l .ipchanger-btn {
        display: flex;
        height: 45px;
        padding: 14px 40px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        border-radius: 4px;
        background: var(--PIA_TVI-01, #0E6FDE);
        color: #FFF;
        font-family: "Open Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
        .contactUs-new .templent .cont-l .ipchanger-btn.con-disabled {
          opacity: 0.3; }
    .contactUs-new .templent .cont-r {
      max-width: 590px;
      display: flex;
      flex-direction: column;
      gap: 40px;
      margin-top: 35px; }
      .contactUs-new .templent .cont-r .cont-r-h1 {
        color: var(--PIA24-BK-01, #042040);
        font-family: "Open Sans";
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 50.4px */ }
      .contactUs-new .templent .cont-r .cont-r-h2 {
        color: var(--PIA24-BK-02, #55687D);
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        margin-top: 20px; }
      .contactUs-new .templent .cont-r .email-copy {
        display: flex;
        align-items: center;
        gap: 20px; }
        .contactUs-new .templent .cont-r .email-copy img {
          width: 74px;
          height: 74px; }
        .contactUs-new .templent .cont-r .email-copy .email-copy-text {
          color: var(--PIA24-BK-01, #042040);
          font-family: "Open Sans";
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          /* 24px */
          flex: 1; }
        .contactUs-new .templent .cont-r .email-copy .email-copy-btn {
          display: flex;
          height: 40px;
          padding: 12px 20px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          border-radius: 4px;
          border: 1px solid var(--PIA24-Line-01, #DEE0E9);
          background: var(--PIA24-BK-White, #FFF);
          color: var(--PIA24-BK-01, #042040);
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */
          text-transform: capitalize;
          cursor: pointer; }
      .contactUs-new .templent .cont-r .cr-ul .cr-ul-tit {
        color: var(--PIA_BK-01, #042040);
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        /* 19.2px */
        margin-bottom: 15px; }
      .contactUs-new .templent .cont-r .cr-ul ul {
        padding-left: 10px; }
        .contactUs-new .templent .cont-r .cr-ul ul li {
          list-style: inside;
          color: var(--PIA24-BK-02, #55687D);
          font-family: "Open Sans";
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 130%;
          /* 19.5px */
          margin-bottom: 8px; }
          .contactUs-new .templent .cont-r .cr-ul ul li i {
            display: inline;
            color: var(--PIA24-BK-01, #042040);
            font-family: "Open Sans";
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%; }
  .contactUs-new .about-img1 {
    position: absolute;
    right: 0;
    top: 20px; }
  .contactUs-new .about-img2 {
    position: absolute;
    top: 538px;
    left: 0; }

@media screen and (max-width: 1280px) {
  .contactUs-new .templent {
    padding: 141px 50px 50px;
    width: 100%;
    gap: 50px; }
    .contactUs-new .templent .cont-l {
      width: 565px; }
      .contactUs-new .templent .cont-l h1 {
        font-size: 26px; }
      .contactUs-new .templent .cont-l .ipchanger-btn {
        display: flex;
        height: 40px;
        padding: 14px 40px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        color: #FFF;
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
    .contactUs-new .templent .cont-r {
      flex: 1; }
      .contactUs-new .templent .cont-r .cont-r-h1 {
        font-size: 30px; }
      .contactUs-new .templent .cont-r .cont-r-h2 {
        font-size: 14px; }
      .contactUs-new .templent .cont-r .email-copy img {
        width: 80px;
        height: 80px; }
      .contactUs-new .templent .cont-r .email-copy .email-copy-text {
        font-size: 14px; }
      .contactUs-new .templent .cont-r .cr-ul .cr-ul-tit {
        font-size: 14px; }
      .contactUs-new .templent .cont-r .cr-ul ul li {
        font-size: 14px; }
        .contactUs-new .templent .cont-r .cr-ul ul li i {
          font-size: 14px; } }
@media screen and (max-width: 960px) {
  .contactUs-new .templent {
    padding: 141px 30px 30px;
    width: 100%;
    gap: 50px; }
    .contactUs-new .templent .cont-l {
      width: 425px;
      padding: 20px; }
      .contactUs-new .templent .cont-l h1 {
        font-size: 26px;
        padding-top: 0; }
      .contactUs-new .templent .cont-l .ipchanger-btn {
        display: flex;
        height: 40px;
        padding: 14px 40px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        color: #FFF;
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
    .contactUs-new .templent .cont-r {
      flex: 1; }
      .contactUs-new .templent .cont-r .cont-r-h1 {
        font-size: 30px; }
      .contactUs-new .templent .cont-r .cont-r-h2 {
        font-size: 14px; }
      .contactUs-new .templent .cont-r .email-copy img {
        width: 80px;
        height: 80px; }
      .contactUs-new .templent .cont-r .email-copy .email-copy-text {
        font-size: 14px; }
      .contactUs-new .templent .cont-r .cr-ul .cr-ul-tit {
        font-size: 14px; }
      .contactUs-new .templent .cont-r .cr-ul ul li {
        font-size: 14px; }
        .contactUs-new .templent .cont-r .cr-ul ul li i {
          font-size: 14px; } }
@media screen and (max-width: 780px) {
  .contactUs-new .templent {
    padding: 71px 30px 30px;
    width: 100%;
    gap: 50px;
    flex-direction: column; }
    .contactUs-new .templent .cont-l {
      width: 100%; }
      .contactUs-new .templent .cont-l h1 {
        font-size: 26px; } }
@media screen and (max-width: 550px) {
  .contactUs-new .templent {
    padding: 71px 20px 70px;
    width: 100%;
    gap: 50px;
    flex-direction: column; }
    .contactUs-new .templent .cont-l {
      width: 100%; }
      .contactUs-new .templent .cont-l .ipt-box-container .ipt-box {
        width: 100%; }
      .contactUs-new .templent .cont-l h1 {
        font-size: 26px; }
    .contactUs-new .templent .cont-r .email-copy {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .contactUs-new .templent .cont-r .email-copy-btn {
      width: 100%; } }

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