.introduce {
  color: #333333; }
  .introduce .max-header {
    display: none; }
  .introduce .show-nav {
    width: 100%;
    position: relative; }
    .introduce .show-nav .show-nav-bgpic {
      width: 100%;
      max-width: 1842px;
      margin: 0 auto;
      display: block; }
  .introduce .module-titl {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px; }
  .introduce .module-titl-line {
    width: 100%;
    position: relative;
    margin-top: 27px;
    height: 2px; }
    .introduce .module-titl-line span {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 70px;
      height: 100%;
      background: #DDE8F6; }
  .introduce .check-more {
    text-align: center;
    display: block;
    margin-top: 20px;
    margin-bottom: 30px;
    text-decoration: none;
    color: #0D5FE0; }
  .introduce .company-abstract .abstract {
    margin-top: 36px; }
    .introduce .company-abstract .abstract li {
      text-indent: 2em;
      font-size: 14px;
      color: #333333;
      margin-top: 30px; }
    .introduce .company-abstract .abstract .abstract-content2 {
      text-indent: 0em; }
  .introduce .organization-structure .structure-map {
    width: 100%;
    margin-top: 21px;
    background: #fff; }
    .introduce .organization-structure .structure-map img {
      display: block;
      width: 75%;
      margin: 0 auto;
      height: auto; }
  .introduce .market-position .market-position-abstract {
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin: 35px 0 85px 0;
    color: #666666; }
  .introduce .market-position .market-position-module {
    width: 100%; }
    .introduce .market-position .market-position-module ul {
      width: 100%;
      margin-top: 27px; }
      .introduce .market-position .market-position-module ul li {
        width: 12.5%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 25px;
        border-right: 1px solid #DDE8F6;
        float: left;
        position: relative;
        margin-bottom: 20px; }
        .introduce .market-position .market-position-module ul li a {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          display: block;
          width: 99px;
          height: 38px;
          text-align: center;
          line-height: 38px;
          border-radius: 3px;
          font-size: 16px;
          cursor: pointer; }
          .introduce .market-position .market-position-module ul li a:hover {
            background: #0D5FE0;
            color: #fff; }
        .introduce .market-position .market-position-module ul li .target {
          background: #0D5FE0;
          color: #fff; }
      .introduce .market-position .market-position-module ul .no-border {
        border: 0; }
    .introduce .market-position .market-position-module .market-position-module_num1 {
      margin-top: 0; }
  .introduce .market-position .market-position-choseContent {
    padding: 1.8% 2%;
    background: #F7F8FA;
    font-size: 14px;
    line-height: 28px;
    margin-top: 43px; }
  .introduce .social-responsibility .social-responsibility-abstract {
    width: 100%;
    text-indent: 2em;
    font-size: 14px;
    margin: 40px 0 56px 0; }
  .introduce .social-responsibility .social-respond {
    width: 100%;
    height: 302px;
    position: relative; }
    .introduce .social-responsibility .social-respond .arrow-left {
      background: url(img/arrows.png) no-repeat left top;
      left: -13px; }
    .introduce .social-responsibility .social-respond .arrow-right {
      background: url(img/arrows.png) no-repeat left bottom;
      right: -13px; }
    .introduce .social-responsibility .social-respond .arrow-left, .introduce .social-responsibility .social-respond .arrow-right {
      position: absolute;
      z-index: 10;
      top: 42%;
      margin-top: -26px;
      width: 52px; }
    .introduce .social-responsibility .social-respond .swiper-container {
      width: 91%;
      height: 100%;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
      .introduce .social-responsibility .social-respond .swiper-container .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #F7F8FA;
        position: relative; }
        .introduce .social-responsibility .social-respond .swiper-container .swiper-slide a {
          display: block;
          width: 100%;
          height: 100%; }
          .introduce .social-responsibility .social-respond .swiper-container .swiper-slide a p {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 95%;
            height: 100%; }
            .introduce .social-responsibility .social-respond .swiper-container .swiper-slide a p img {
              display: block;
              width: 100%; }
            .introduce .social-responsibility .social-respond .swiper-container .swiper-slide a p span {
              display: block;
              width: 100%;
              margin-top: 16px;
              text-align: center;
              font-size: 16px;
              color: #333; }
  .introduce .move-pic-show {
    display: none; }

@media (min-width: 601px) and (max-width: 1000px) {
  .container {
    width: 95%; }

  .introduce .market-position .market-position-module ul li a {
    width: 90%;
    line-height: 33px;
    height: 33px;
    font-size: 15px; }
  .introduce .market-position .market-position-choseContent {
    font-size: 16px; }

  .social-respond .arrow-left, .social-respond .arrow-right {
    display: none; }

  .introduce .organization-structure .structure-map img {
    width: 100%; } }
@media (min-width: 320px) and (max-width: 600px) {
  .introduce .market-position .market-position-module .xs-4-li li {
    width: 25%; }
    .introduce .market-position .market-position-module .xs-4-li li a {
      display: block;
      width: 80%; 
      line-height: 22px;}
  .introduce .market-position .market-position-choseContent {
    font-size: 17px; }
  .introduce .market-position .market-position-choseContent {
    margin: 12px 0 10px 0; }
  .introduce .module-titl {
    font-size: 25px;
    margin-top: 12px; }
  .introduce .abstract {
    margin-top: 26px; }
  .introduce .module-titl-line {
    margin-top: 9px; }
  .introduce .page-section {
    background: white; }
  .introduce .introduce-slide {
    display: none; }
  .introduce .poverty-relief {
    width: 100%; }
    .introduce .poverty-relief img {
      width: 100%; }
    .introduce .poverty-relief p {
      font-size: 17px;
      width: 100%;
      line-height: 76px;
      text-align: center; }
  .introduce .social-responsibility .social-responsibility-abstract {
    margin: 34px 0; }
  .introduce .market-position .market-position-abstract {
    margin: 26px 0 22px 0; }
  .introduce .move-pic-show {
    display: block; }
  .introduce .social-respond {
    display: none; }

  .introduce .organization-structure .structure-map img {
    width: 100%; } }

/*# sourceMappingURL=introduce.css.map */