@import url(../../css/common.css);
.connectUs {
  display: none; }
  .connectUs .copywritingBox {
    padding: 50px 10px; }
    .connectUs .copywritingBox h3 {
      font-size: 32px;
      font-weight: 600; }
    .connectUs .copywritingBox p {
      font-size: 14px;
      margin-top: 24px; }
  .connectUs .customerService {
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap; }
    .connectUs .customerService li {
      background: var(--grey-bg);
      padding: 20px 24px;
      width: calc(25% - 12px);
      margin-right: 16px;
      font-weight: 600; }
      .connectUs .customerService li:nth-of-type(4n) {
        margin-right: 0; }
      .connectUs .customerService li:nth-of-type(n+5) {
        margin-top: 16px; }
  .connectUs .corporation {
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap; }
    .connectUs .corporation li {
      border: 1px solid #eee;
      padding: 40px;
      width: calc(33.33% - 11px);
      margin-right: 16px; }
      .connectUs .corporation li:nth-of-type(3n) {
        margin-right: 0; }
      .connectUs .corporation li:nth-of-type(n+4) {
        margin-top: 16px; }
      .connectUs .corporation li .logo {
        width: 92px;
        height: 26px; }
        .connectUs .corporation li .logo a {
          padding-top: 26px; }
      .connectUs .corporation li .logo_dg {
        background: url("../../static/images/connectUs/logo_dg.png") no-repeat center center; }
      .connectUs .corporation li .logo_ht {
        background: url("../../static/images/connectUs/logo_ht.png") no-repeat center center; }
      .connectUs .corporation li .logo_cz {
        background: url("../../static/images/connectUs/logo_cz.png") no-repeat center center; }
      .connectUs .corporation li .logo_xzwm {
        background: url("../../static/images/connectUs/logo_xzwm.png") no-repeat center center; }
      .connectUs .corporation li .logo_ss {
        background: url("../../static/images/connectUs/logo_ss.png") no-repeat center center; }
      .connectUs .corporation li .name {
        font-size: 24px;
        font-weight: 600; }
      .connectUs .corporation li .adress {
        margin: 16px 0 8px 0;
        font-weight: 600; }
      .connectUs .corporation li p {
        line-height: 1.6; }
      .connectUs .corporation li .linkBtn {
        color: #1E78FF;
        font-size: 14px;
        margin-top: 30px;
        display: inline-block; }
  .connectUs .cliqueBox {
    background: var(--grey-bg);
    padding: 80px 0;
    border-bottom: 30px solid #fff; }
    .connectUs .cliqueBox .pageTitle {
      margin-bottom: 45px; }
    .connectUs .cliqueBox .clique {
      background: #fff; }
      .connectUs .cliqueBox .clique img {
        object-fit: cover; }
    .connectUs .cliqueBox ul {
      padding: 0 70px;
      flex: 1;
      overflow: hidden; }
    .connectUs .cliqueBox li {
      padding: 30px 0; }
    .connectUs .cliqueBox .label {
      color: var(--weak-text-color);
      font-size: 14px;
      margin-bottom: 12px; }
    .connectUs .cliqueBox .text {
      font-weight: 600;
      line-height: 1.6; }
  .connectUs .formBox {
    padding: 50px 0; }
    .connectUs .formBox .form {
      border: 1px solid #eee;
      padding: 60px;
      box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06); }
    .connectUs .formBox .infoBox {
      background: var(--grey-bg);
      padding: 30px 40px; }
    .connectUs .formBox .phone {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 12px; }
    .connectUs .formBox .adress {
      color: var(--weak-text-color); }
    .connectUs .formBox .fromGroup {
      display: flex;
      flex-wrap: wrap; }
    .connectUs .formBox .fromItem {
      width: calc(50% - 20px);
      margin-right: 40px;
      margin-top: 30px; }
      .connectUs .formBox .fromItem:nth-of-type(2n) {
        margin-right: 0; }
    .connectUs .formBox .int {
      height: 52px;
      padding: 0 20px;
      border: 1px solid #eee;
      width: -webkit-fill-available;
      font-size: 16px; }
    .connectUs .formBox .label {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 14px; }
      .connectUs .formBox .label span {
        color: #FF5934; }

@media screen and (min-width: 1081px) and (max-width: 1400px) {
  .connectUs .customerService li {
    width: calc(33.33% - 11px); }
    .connectUs .customerService li:nth-of-type(4n) {
      margin-right: 16px; }
    .connectUs .customerService li:nth-of-type(3n) {
      margin-right: 0; }
    .connectUs .customerService li:nth-of-type(n+4) {
      margin-top: 16px; }
  .connectUs .cliqueBox .clique img {
    width: 500px; }
  .connectUs .cliqueBox li {
    padding: 20px 0; } }

@media screen and (min-width: 800px) and (max-width: 1080px) {
  .connectUs .customerService li {
    width: calc(50% - 8px); }
    .connectUs .customerService li:nth-of-type(4n) {
      margin-right: 16px; }
    .connectUs .customerService li:nth-of-type(2n) {
      margin-right: 0; }
    .connectUs .customerService li:nth-of-type(n+3) {
      margin-top: 16px; }
  .connectUs .corporation li {
    width: calc(50% - 8px); }
    .connectUs .corporation li:nth-of-type(3n) {
      margin-right: 16px; }
    .connectUs .corporation li:nth-of-type(2n) {
      margin-right: 0; }
    .connectUs .corporation li:nth-of-type(n+3) {
      margin-top: 16px; }
  .connectUs .cliqueBox .clique img {
    width: 360px; }
  .connectUs .cliqueBox ul {
    padding: 0 20px; }
  .connectUs .cliqueBox li {
    padding: 10px 0; } }

@media screen and (max-width: 800px) {
  .connectUs .copywritingBox {
    padding: 15px 0; }
    .connectUs .copywritingBox h3 {
      font-size: 20px; }
    .connectUs .copywritingBox p {
      margin-top: 12px; }
  .connectUs .customerService {
    padding: 15px 0; }
    .connectUs .customerService li {
      width: 100%;
      margin: 0 0 16px 0 !important; }
  .connectUs .corporation {
    padding: 15px 0; }
    .connectUs .corporation li {
      width: 100%;
      margin: 0 0 16px 0 !important;
      padding: 15px; }
      .connectUs .corporation li .name {
        font-size: 18px; }
      .connectUs .corporation li p {
        font-size: 14px; }
      .connectUs .corporation li .adress {
        margin: 10px 0 6px 0; }
      .connectUs .corporation li .linkBtn {
        margin-top: 15px; }
  .connectUs .cliqueBox {
    padding: 15px 0;
    border-bottom: 15px solid #fff; }
    .connectUs .cliqueBox .pageTitle {
      margin-bottom: 12px; }
      .connectUs .cliqueBox .pageTitle h3 {
        font-size: 20px; }
    .connectUs .cliqueBox .clique {
      flex-direction: column;
      background: none; }
      .connectUs .cliqueBox .clique img {
        width: 100%;
        height: 150px; }
    .connectUs .cliqueBox ul {
      padding: 0;
      width: 100%; }
    .connectUs .cliqueBox li {
      padding: 15px 0; }
    .connectUs .cliqueBox .label {
      margin-bottom: 6px; }
    .connectUs .cliqueBox .text {
      font-size: 16px; }
  .connectUs .formBox {
    padding: 15px 0; }
    .connectUs .formBox .form, .connectUs .formBox .infoBox {
      padding: 15px; }
    .connectUs .formBox .phone {
      font-size: 18px;
      margin-bottom: 6px; }
    .connectUs .formBox .adress {
      font-size: 14px; }
    .connectUs .formBox .fromItem {
      width: 100%;
      margin: 15px 0 0 0; }
    .connectUs .formBox .label {
      font-size: 14px;
      margin-bottom: 6px; }
    .connectUs .formBox .int {
      height: 42px;
      padding: 0 15px;
      font-size: 16px; } }