#jkColumnIndex {
  width: 100%; }
  #jkColumnIndex .fontW {
    font-weight: bold; }
  #jkColumnIndex .maxW {
    padding: 70px 0 94px 0; }
    #jkColumnIndex .maxW .row .aboutbox {
      padding-right: 74px; }
      #jkColumnIndex .maxW .row .aboutbox .title {
        font-weight: bold; }
      #jkColumnIndex .maxW .row .aboutbox .conText {
        width: 510px;
        line-height: 48px; }
      #jkColumnIndex .maxW .row .aboutbox .setborder {
        border: 1px #666666 solid;
        color: #666666;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        background: none; }
        #jkColumnIndex .maxW .row .aboutbox .setborder:hover {
          border: 1px #c6161e solid;
          background: rgba(255, 255, 255, 0.2) !important;
          color: #c6161e; }
    #jkColumnIndex .maxW .row .aboutContentImg {
      margin-top: 98px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative; }
      #jkColumnIndex .maxW .row .aboutContentImg .img {
        transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -webkit-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out; }
        #jkColumnIndex .maxW .row .aboutContentImg .img::after {
          content: '';
          position: absolute;
          top: 0px;
          z-index: -1;
          width: 100%;
          height: 100%;
          opacity: 0;
          box-shadow: 0px 2px 10px 5px rgba(221, 221, 211, 0.6);
          transition: opacity 2s ease-in-out; }
      #jkColumnIndex .maxW .row .aboutContentImg:hover .img {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2); }
        #jkColumnIndex .maxW .row .aboutContentImg:hover .img::after {
          opacity: 1; }
      #jkColumnIndex .maxW .row .aboutContentImg .play {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        background: url("../images/vivos.png");
        background-size: 100% 100%; }
    @media (max-width: 768px) {
      #jkColumnIndex .maxW {
        padding: 0px; }
        #jkColumnIndex .maxW .row {
          padding-top: 40px;
          padding-left: 30px;
          padding-right: 22px; }
          #jkColumnIndex .maxW .row .aboutbox {
            padding-right: 0px; }
            #jkColumnIndex .maxW .row .aboutbox .aboutTitle {
              font-size: 20px; }
            #jkColumnIndex .maxW .row .aboutbox .aboutUs {
              display: none; }
            #jkColumnIndex .maxW .row .aboutbox .title {
              font-size: 14px; }
            #jkColumnIndex .maxW .row .aboutbox .conText {
              font-size: 12px; }
            #jkColumnIndex .maxW .row .aboutbox .btn {
              width: 140px;
              height: 31px;
              line-height: 31px;
              margin-top: 30px;
              padding: 0; }
          #jkColumnIndex .maxW .row .aboutContentImg {
            margin-top: 30px;
            margin-bottom: 30px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            position: relative; } }
  #jkColumnIndex .speech {
    background: #eef2f5; }
    #jkColumnIndex .speech .row .speechImg {
      width: 50%;
      height: 520px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      #jkColumnIndex .speech .row .speechImg img {
        height: 520px;
        position: relative;
        transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -webkit-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out; }
        #jkColumnIndex .speech .row .speechImg img::after {
          content: '';
          position: absolute;
          top: 0px;
          z-index: -1;
          width: 100%;
          height: 100%;
          opacity: 0;
          box-shadow: 0px 2px 10px 5px rgba(221, 221, 211, 0.6);
          transition: opacity 2s ease-in-out; }
        #jkColumnIndex .speech .row .speechImg img:hover {
          -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2); }
        #jkColumnIndex .speech .row .speechImg img:hover::after {
          opacity: 1; }
    #jkColumnIndex .speech .row .speechContent {
      width: 590px;
      padding: 80px 0 0 80px; }
      #jkColumnIndex .speech .row .speechContent .conText {
        line-height: 48px; }
      #jkColumnIndex .speech .row .speechContent .btn {
        margin-top: 66px; }
      #jkColumnIndex .speech .row .speechContent .setborder {
        border: 1px #666666 solid;
        color: #666666;
        background: none;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }
        #jkColumnIndex .speech .row .speechContent .setborder:hover {
          border: 1px #c6161e solid;
          background: rgba(255, 255, 255, 0.2) !important;
          color: #c6161e; }
    @media (max-width: 768px) {
      #jkColumnIndex .speech .row .speechImg {
        width: 100%;
        height: 220px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      #jkColumnIndex .speech .row .speechContent {
        width: 100%;
        padding: 40px 22px 40px 30px; }
        #jkColumnIndex .speech .row .speechContent .speechTitle {
          font-size: 20px;
          font-weight: bold;
          margin-bottom: 25px;
          padding-right: 20px; }
        #jkColumnIndex .speech .row .speechContent .sli {
          display: none;
          font-size: 14px;
          margin-bottom: 20px; }
        #jkColumnIndex .speech .row .speechContent .conText {
          margin-top: 25px;
          line-height: 18px;
          font-size: 12px;
          padding-right: 0; }
        #jkColumnIndex .speech .row .speechContent .btn {
          width: 140px;
          height: 31px;
          line-height: 31px;
          margin-top: 30px;
          padding: 0; } }
  #jkColumnIndex .culture {
    padding: 90px 0 70px 0; }
    #jkColumnIndex .culture .maxW {
      padding: 0; }
      #jkColumnIndex .culture .maxW .row {
        position: relative;
        height: 458px;
        overflow: hidden; }
        #jkColumnIndex .culture .maxW .row img {
          position: relative;
          transition: all 2s ease-in-out;
          -moz-transition: all 2s ease-in-out;
          -webkit-transition: all 2s ease-in-out;
          -o-transition: all 2s ease-in-out; }
          #jkColumnIndex .culture .maxW .row img::after {
            content: '';
            position: absolute;
            top: 0px;
            z-index: -1;
            width: 100%;
            height: 100%;
            opacity: 0;
            box-shadow: 0px 2px 10px 5px rgba(221, 221, 211, 0.6);
            transition: opacity 2s ease-in-out; }
          #jkColumnIndex .culture .maxW .row img:hover {
            -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
          #jkColumnIndex .culture .maxW .row img:hover::after {
            opacity: 1; }
        #jkColumnIndex .culture .maxW .row .cultureContent {
          width: 482px;
          position: absolute;
          top: 72px;
          right: 110px;
          padding: 0px 0px 0 82px; }
          #jkColumnIndex .culture .maxW .row .cultureContent .conText {
            line-height: 48px; }
    @media (max-width: 768px) {
      #jkColumnIndex .culture {
        padding-top: 40px; }
        #jkColumnIndex .culture .maxW {
          padding: 0; }
          #jkColumnIndex .culture .maxW .row {
            position: relative;
            height: 258px;
            overflow: hidden;
            padding: 0; }
            #jkColumnIndex .culture .maxW .row img {
              position: relative;
              height: 258px;
              transition: all 2s ease-in-out;
              -moz-transition: all 2s ease-in-out;
              -webkit-transition: all 2s ease-in-out;
              -o-transition: all 2s ease-in-out; }
              #jkColumnIndex .culture .maxW .row img::after {
                content: '';
                position: absolute;
                top: 0px;
                z-index: -1;
                width: 100%;
                height: 100%;
                opacity: 0;
                box-shadow: 0px 2px 10px 5px rgba(221, 221, 211, 0.6);
                transition: opacity 2s ease-in-out; }
              #jkColumnIndex .culture .maxW .row img:hover {
                -webkit-transform: scale(1.2, 1.2);
                transform: scale(1.2, 1.2); }
              #jkColumnIndex .culture .maxW .row img:hover::after {
                opacity: 1; }
            #jkColumnIndex .culture .maxW .row .cultureContent {
              width: 100%;
              position: absolute;
              top: 40px;
              right: 0;
              padding: 0;
              padding-left: 30px;
              padding-right: 22px; }
              #jkColumnIndex .culture .maxW .row .cultureContent .cultureTitle {
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 25px;
                padding-right: 20px; }
              #jkColumnIndex .culture .maxW .row .cultureContent .Culture {
                display: none; }
              #jkColumnIndex .culture .maxW .row .cultureContent .conText {
                margin-top: 25px;
                line-height: 18px;
                font-size: 12px;
                padding-right: 0; } }
  #jkColumnIndex .responsibility {
    padding: 80px 0 0 0;
    width: 100%;
    min-height: 568px;
    background-color: #fbfcfd;
    background-size: 100% 70%;
    background-position: 0 bottom;
    background-repeat: no-repeat; }
    #jkColumnIndex .responsibility .responsBox {
      padding: 0;
      width: 100%; }
      #jkColumnIndex .responsibility .responsBox .responsContent {
        float: left;
        padding: 72px 54px 0 64px;
        width: 452px;
        height: 416px;
        background-color: #ffffff; }
        #jkColumnIndex .responsibility .responsBox .responsContent .conText {
          line-height: 28px; }
      #jkColumnIndex .responsibility .responsBox .imgBox {
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        #jkColumnIndex .responsibility .responsBox .imgBox img {
          position: relative;
          width: 356px;
          height: 416px;
          transition: all 2s ease-in-out;
          -moz-transition: all 2s ease-in-out;
          -webkit-transition: all 2s ease-in-out;
          -o-transition: all 2s ease-in-out; }
          #jkColumnIndex .responsibility .responsBox .imgBox img::after {
            content: '';
            position: absolute;
            top: 0px;
            z-index: -1;
            width: 100%;
            height: 100%;
            opacity: 0;
            box-shadow: 0px 2px 10px 5px rgba(221, 221, 211, 0.6);
            transition: opacity 2s ease-in-out; }
          #jkColumnIndex .responsibility .responsBox .imgBox img:hover {
            -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
          #jkColumnIndex .responsibility .responsBox .imgBox img:hover::after {
            opacity: 1; }
      #jkColumnIndex .responsibility .responsBox .honorContent {
        float: right;
        background: #c2161e;
        padding: 68px 48px 0 40px;
        width: 340px;
        margin-left: 20px;
        height: 416px; }
        #jkColumnIndex .responsibility .responsBox .honorContent .conText {
          line-height: 28px; }
    @media (max-width: 768px) {
      #jkColumnIndex .responsibility {
        padding-top: 40px;
        min-height: 550px; }
        #jkColumnIndex .responsibility .responsBox {
          width: 100%; }
          #jkColumnIndex .responsibility .responsBox .responsContent {
            width: 100%;
            padding-left: 30px;
            padding-right: 22px;
            padding-top: 40px;
            height: 200px; }
            #jkColumnIndex .responsibility .responsBox .responsContent .Responsibilitys {
              display: none; }
            #jkColumnIndex .responsibility .responsBox .responsContent .responsTitle {
              font-size: 20px;
              font-weight: bold;
              margin-bottom: 25px;
              padding-right: 20px; }
            #jkColumnIndex .responsibility .responsBox .responsContent .conText {
              margin-top: 25px;
              line-height: 18px;
              font-size: 12px;
              padding-right: 0; }
          #jkColumnIndex .responsibility .responsBox .imgBox {
            display: none;
            width: 356px;
            height: 420px;
            margin: 40px auto 0 auto;
            padding-left: 30px;
            padding-right: 22px; }
          #jkColumnIndex .responsibility .responsBox .honorContent {
            width: 100%;
            float: left;
            background: #c2161e;
            margin: 0;
            margin-top: 40px;
            padding-left: 30px;
            padding-right: 22px;
            padding-top: 40px;
            height: 200px; }
            #jkColumnIndex .responsibility .responsBox .honorContent .HonorTitle {
              font-size: 20px;
              font-weight: bold;
              margin-bottom: 25px;
              padding-right: 20px; }
            #jkColumnIndex .responsibility .responsBox .honorContent .Honors {
              display: none; }
            #jkColumnIndex .responsibility .responsBox .honorContent .conText {
              margin-top: 25px;
              font-size: 12px;
              padding-right: 0;
              line-height: 18px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      #jkColumnIndex .responsibility {
        min-height: 868px; } }

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