.home .section1 {
  padding: 12.5vw 5.2083333333vw 12.5vw 0;
  position: relative; }
  .home .section1 .logo_bg {
    position: absolute;
    right: 0;
    top: 1.9270833333vw; }
    .home .section1 .logo_bg img {
      width: 35.15625vw; }
  .home .section1 .content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .home .section1 .content .pic {
      width: 51.0416666667vw; }
      .home .section1 .content .pic img {
        width: 100%;
        display: block;
        border-radius: 0 16.6145833333vw 16.6145833333vw 0; }
    .home .section1 .content .text {
      width: 36.4583333333vw; }
      .home .section1 .content .text h1 {
        color: #043491;
        text-transform: uppercase; }
      .home .section1 .content .text .des {
        margin: 2.5520833333vw 0 2.65625vw 0;
        letter-spacing: 0.44px;
        color: rgba(13, 3, 12, 0.75); }
      .home .section1 .content .text .info .item {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .home .section1 .content .text .info .item:not(:last-child) {
          margin-bottom: 1.25vw; }
        .home .section1 .content .text .info .item .icon img {
          width: 1.5625vw; }
        .home .section1 .content .text .info .item p {
          width: calc(100% - 2.345vw);
          color: rgba(13, 3, 12, 0.75); }
@media screen and (max-width: 768px) {
  .home .section1 {
    padding: 120px 0 40px 0; }
    .home .section1 .logo_bg {
      top: 20px; }
      .home .section1 .logo_bg img {
        width: 35.15625vw;
        height: auto; }
    .home .section1 .content {
      flex-direction: column; }
      .home .section1 .content .pic {
        width: 100%; }
        .home .section1 .content .pic img {
          border-radius: 0 150px 150px 0; }
      .home .section1 .content .text {
        width: 90%;
        margin: 30px 5%; }
        .home .section1 .content .text .des {
          margin: 25px 0; }
        .home .section1 .content .text .info .item:not(:last-child) {
          margin-bottom: 12px; }
        .home .section1 .content .text .info .item .icon img {
          width: 20px; }
        .home .section1 .content .text .info .item p {
          width: calc(100% - 30px); } }

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