.partnerone .in {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 1000px) {
    .partnerone .in {
      display: block; } }
  .partnerone .in .left {
    flex: 0 0 30%;
    padding: 10px;
    box-sizing: border-box; }
    @media only screen and (max-width: 1000px) {
      .partnerone .in .left {
        padding: 10px 0; } }
    @media only screen and (max-width: 1000px) {
      .partnerone .in .left img {
        margin: 10px auto; } }
  .partnerone .in .right {
    flex: 0 0 70%;
    padding: 10px;
    box-sizing: border-box; }
    @media only screen and (max-width: 1000px) {
      .partnerone .in .right {
        padding: 10px 0; } }
    .partnerone .in .right h2 {
      font-family: "Anton", sans-serif;
      font-size: 44px;
      font-weight: bold;
      text-align: center; }
    .partnerone .in .right .desc {
      text-align: justify;
      line-height: 1.6;
      padding: 20px 30px;
      font-weight: bold;
      font-size: 18px; }
    .partnerone .in .right .social {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center; }
      .partnerone .in .right .social .one {
        display: block;
        padding: 10px 10px;
        border-radius: 5px;
        background: #333;
        color: #fff;
        letter-spacing: 2px;
        margin: 5px 10px;
        flex: 0 1 25%;
        text-align: center; }
        @media only screen and (max-width: 650px) {
          .partnerone .in .right .social .one {
            border-radius: 50%;
            flex: 0;
            min-width: 70px;
            height: 70px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0px; } }
        .partnerone .in .right .social .one i {
          display: block;
          font-size: 30px; }
        .partnerone .in .right .social .one.ii {
          background: #ffaa00; }
        .partnerone .in .right .social .one.if {
          background: #0d8af0; }
        .partnerone .in .right .social .one.iy {
          background: #f70000; }
        @media only screen and (max-width: 650px) {
          .partnerone .in .right .social .one span {
            display: none; } }
  .partnerone .in .down {
    padding: 20px 0;
    flex: 0 0 100%; }

/* ===== sectionPartner ===== */
.partners {
  display: flex;
  align-items: center;
  padding: 20px 0; }
  @media only screen and (max-width: 1000px) {
    .partners {
      padding: 5px 0 20px 0; } }
  .partners .content {
    margin: 0 auto; }
  .partners h2 {
    font-family: "Anton", sans-serif;
    font-size: 34px;
    font-weight: bold;
    text-align: center; }
  .partners .partnersin {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between; }
    @media only screen and (max-width: 1000px) {
      .partners .partnersin {
        display: block; } }
    .partners .partnersin .box {
      flex: 0 0 31%;
      margin: 10px 1%; }
      .partners .partnersin .box .name {
        flex: 1;
        text-align: center;
        font-weight: bold;
        letter-spacing: 1px;
        padding: 30px 10px 10px 0; }
      .partners .partnersin .box .type {
        margin-bottom: 30px;
        height: 90px;
        overflow: hidden; }
        @media only screen and (max-width: 1000px) {
          .partners .partnersin .box .type {
            margin-bottom: 10px; } }
        .partners .partnersin .box .type .list {
          transition: all .5s ease; }
          .partners .partnersin .box .type .list .one {
            display: block;
            padding: 5px 0; }
            .partners .partnersin .box .type .list .one img {
              height: 80px;
              filter: grayscale(100%);
              margin: 0 auto; }
      .partners .partnersin .box .type2 {
        display: flex;
        justify-content: center;
        align-content: center; }
        .partners .partnersin .box .type2 .partnerlink {
          margin: 10px 10px 60px 10px;
          flex: 0 0 200px;
          text-align: center;
          font-weight: bold;
          padding: 15px 0;
          transform: scale(0.9);
          border-radius: 5px;
          color: #fff;
          background: #d42427;
          text-transform: uppercase;
          box-shadow: 0 0 3px 0px #444;
          transition: all .5s ease; }
          @media only screen and (max-width: 1000px) {
            .partners .partnersin .box .type2 .partnerlink {
              margin: 10px 10px 0px 10px; } }
          .partners .partnersin .box .type2 .partnerlink:hover {
            box-shadow: 0 0 8px 1px #888;
            transform: scale(1); }
    .partners .partnersin .box2 {
      flex: 0 0 98%;
      margin: 50px 1% 20px 1%;
      display: block; }
      .partners .partnersin .box2 .name {
        text-align: center;
        font-weight: bold;
        letter-spacing: 1px; }
      .partners .partnersin .box2 .list, .partners .partnersin .box2 .list2 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
        .partners .partnersin .box2 .list .one, .partners .partnersin .box2 .list2 .one {
          margin: 30px 30px;
          flex: 0 0 200px; }
          @media only screen and (max-width: 800px) {
            .partners .partnersin .box2 .list .one, .partners .partnersin .box2 .list2 .one {
              margin: 20px 0%;
              flex: 0 0 46%; } }
          .partners .partnersin .box2 .list .one img, .partners .partnersin .box2 .list2 .one img {
            filter: grayscale(100%); }
        .partners .partnersin .box2 .list .partnerlink, .partners .partnersin .box2 .list2 .partnerlink {
          margin: 10px;
          flex: 0 0 200px;
          text-align: center;
          font-weight: bold;
          padding: 15px 0;
          transform: scale(0.9);
          border-radius: 5px;
          color: #fff;
          background: #d42427;
          text-transform: uppercase;
          box-shadow: 0 0 3px 0px #444;
          transition: all .5s ease; }
          .partners .partnersin .box2 .list .partnerlink:hover, .partners .partnersin .box2 .list2 .partnerlink:hover {
            box-shadow: 0 0 8px 1px #888;
            transform: scale(1); }

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