/* CSS Document */
.contact_us .introab {
	width: 100%;
	height: inherit;
	overflow: hidden;
}
  @media (max-width: 1024px) {
    .w1200 {
      width: 100%; } }
.contact_us .w1440 {
  width: 1440px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1460px) {
    .contact_us .w1440 {
      width: 100%; } }
@media (max-width: 750px) {
              .main .welcome .index_news .w1680 .con .right img {
                display: block; } }
  .contact_us .introab {
    padding-top: 110px;
    padding-bottom: 70px;
    position: relative; }
    @media (max-width: 1024px) {
      .contact_us .introab {
        padding-top: 70px; } }
    @media (max-width: 750px) {
      .contact_us .introab {
        padding: 40px 0; } }
    @media (max-width: 600px) {
      .contact_us .introab {
        padding: 30px 0; } }
    .contact_us .introab .cloumn {
      position: absolute;
      left: 0;
      top: 0; }
      @media (max-width: 1024px) {
        .contact_us .introab .cloumn {
          display: none; } }
      .contact_us .introab .cloumn .line {
        width: 1px;
        height: 165px;
        background: #ddd;
        position: relative;
        margin: 0 auto; }
        .contact_us .introab .cloumn .line::after {
          content: '';
          width: 3px;
          height: 26px;
          position: absolute;
          display: block;
          background: #c8a063;
          left: 50%;
          margin-left: -1.5px;
          bottom: 0; }
      .contact_us .introab .cloumn .txt {
        margin-top: 20px; }
        .contact_us .introab .cloumn .txt .cn {
          font-size: 24px;
          line-height: 24px;
          color: #333;
          width: 24px;
          display: inline-block;
          vertical-align: top; }
        .contact_us .introab .cloumn .txt .img {
          display: inline-block;
          vertical-align: top;
          width: 14px; }
          .contact_us .introab .cloumn .txt .img img {
            width: 100%;
            height: auto; }
    .contact_us .introab .line_bot {
      width: 1px;
      height: 100px;
      position: absolute;
      right: 0;
      bottom: 0;
      background: #ddd; }
      .contact_us .introab .line_bot::after {
        content: '';
        width: 3px;
        height: 26px;
        position: absolute;
        display: block;
        background: #c8a063;
        left: 50%;
        margin-left: -1.5px;
        top: 0; }
      @media (max-width: 1024px) {
        .contact_us .introab .line_bot {
          height: 60px; } }
    .contact_us .introab .txt_box {
      width: 86.1%;
      padding-right: 1.4%;
      box-sizing: border-box;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 1024px) {
        .contact_us .introab .txt_box {
          width: 100%;
          padding-right: 0; } }
      .contact_us .introab .txt_box .txt_l {
        float: left;
        width: 60%; }
        @media (max-width: 1200px) {
          .contact_us .introab .txt_box .txt_l {
            width: 55%; } }
        @media (max-width: 1024px) {
          .contact_us .introab .txt_box .txt_l {
            width: 100%;
            float: none; } }
        .contact_us .introab .txt_box .txt_l .logo img {
          max-width: 80%; }
        .contact_us .introab .txt_box .txt_l .t {
          font-size: 16px;
          line-height: 26px;
          color: #666;
          margin-top: 30px; }
          @media (max-width: 850px) {
            .contact_us .introab .txt_box .txt_l .t {
              margin-top: 15px; } }
        .contact_us .introab .txt_box .txt_l .con {
          font-size: 14px;
          line-height: 24px;
          color: #888; }
          .contact_us .introab .txt_box .txt_l .con p {
            padding-top: 25px; }
          @media (max-width: 1300px) {
            .contact_us .introab .txt_box .txt_l .con p {
              padding-top: 15px; } }
          @media (max-width: 850px) {
            .contact_us .introab .txt_box .txt_l .con p {
              padding-top: 10px; } }
      .contact_us .introab .txt_box .pic {
        float: right;
        width: 38%;
        position: relative;
        margin-top: 8%; }
        @media (max-width: 1300px) {
          .contact_us .introab .txt_box .pic {
            width: 40%;
            margin-top: 3%; } }
        @media (max-width: 650px) {
          .contact_us .introab .txt_box .pic {
            width: 70%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 15px; } }
        @media (max-width: 1024px) {
          .contact_us .introab .txt_box .pic {
            float: none; } }
        .contact_us .introab .txt_box .pic .tu {
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .contact_us .introab .txt_box .pic .tu img {
            width: 100%;
            height: auto;
            border-radius: 10px; }
        .contact_us .introab .txt_box .pic .bg {
          position: absolute;
          width: 106.6%;
          height: 103.6%;
          right: -3.2%;
          top: -3%;
          background: url(../images/bg2.png) no-repeat center center;
          background-size: cover; }
  .contact_us .text_box {
    background: #fff;
    padding-top: 68px;
    padding-bottom: 40px; }
    @media (max-width: 700px) {
      .contact_us .text_box {
        padding: 35px 0; } }
    .contact_us .text_box .text_box_cen .text_b {
      width: 86.1%;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 1024px) {
        .contact_us .text_box .text_box_cen .text_b {
          width: 100%; } }
      @media (max-width: 600px) {
        .contact_us .text_box .text_box_cen .text_b .icon img {
          height: 20px; } }
      .contact_us .text_box .text_box_cen .text_b .con {
        margin-top: 5px;
        font-size: 14px;
        line-height: 24px;
        color: #888; }
        .contact_us .text_box .text_box_cen .text_b .con p {
          padding-top: 22px; }
          @media (max-width: 1024px) {
            .contact_us .text_box .text_box_cen .text_b .con p {
              padding-top: 15px; } }
          @media (max-width: 800px) {
            .contact_us .text_box .text_box_cen .text_b .con p {
              padding-top: 10px; } }
      .contact_us .text_box .text_box_cen .text_b .ds {
        margin-top: 45px;
        position: relative; }
        @media (max-width: 1024px) {
          .contact_us .text_box .text_box_cen .text_b .ds {
            margin-top: 30px; } }
        .contact_us .text_box .text_box_cen .text_b .ds .pic {
          width: 43%; }
          .contact_us .text_box .text_box_cen .text_b .ds .pic img {
            max-width: 100%; }
          @media (max-width: 850px) {
            .contact_us .text_box .text_box_cen .text_b .ds .pic {
              width: 100%;
              margin-top: 12px; } }
        .contact_us .text_box .text_box_cen .text_b .ds .txt {
          position: absolute;
          right: 0;
          top: 0;
          width: 100%;
          text-align: right; }
          @media (max-width: 850px) {
            .contact_us .text_box .text_box_cen .text_b .ds .txt {
              position: static;
              margin-top: 20px; } }
          @media (max-width: 600px) {
            .contact_us .text_box .text_box_cen .text_b .ds .txt {
              text-align: left; } }
          .contact_us .text_box .text_box_cen .text_b .ds .txt .inline {
            position: relative;
            display: inline-block;
            padding-left: 40px; }
            @media (max-width: 600px) {
              .contact_us .text_box .text_box_cen .text_b .ds .txt .inline {
                padding-left: 30px; } }
            .contact_us .text_box .text_box_cen .text_b .ds .txt .inline .line {
              width: 35px;
              height: 2px;
              background: #c8a063;
              position: absolute;
              left: 0;
              top: 9px; }
              @media (max-width: 600px) {
                .contact_us .text_box .text_box_cen .text_b .ds .txt .inline .line {
                  width: 25px; } }
            .contact_us .text_box .text_box_cen .text_b .ds .txt .inline .text {
              font-size: 16px;
              line-height: 20px;
              color: #c8a063;
              display: inline-block;
              font-weight: bold; }
              @media (max-width: 1024px) {
                .contact_us .text_box .text_box_cen .text_b .ds .txt .inline .text {
                  font-size: 15px; } }
