.container {
  padding: 0; }
  .container .banner img {
    height: 3.1666666667rem; }
  .container .about .heading {
    border-bottom: 1px solid #d7d6db; }
  .container .about .about_content {
    clear: both;
    margin: 60px 0 115px;
    margin: 0.3125rem 0 0.5989583333rem;
    display: flex;
    font-size: 14px;
    font-size: 0.0729166667rem;
    color: #333; }
    .container .about .about_content .about_text {
      float: left;
      display: flex;
      flex-direction: column;
      margin-right: 110px;
      margin-right: 0.5729166667rem; }
      .container .about .about_content .about_text .about_icon {
        clear: both;
        display: flex;
        margin-bottom: 44px;
        margin-bottom: 0.2291666667rem; }
        .container .about .about_content .about_text .about_icon .icon_item {
          float: left;
          width: 146px;
          height: 170px;
          width: 0.7604166667rem;
          height: 0.8854166667rem;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-between; }
          .container .about .about_content .about_text .about_icon .icon_item img {
            height: 0.5rem;
            transition: all 1.2s; }
          .container .about .about_content .about_text .about_icon .icon_item .icon_name {
            display: flex;
            flex-direction: column;
            align-items: center; }
          .container .about .about_content .about_text .about_icon .icon_item .line {
            width: 10px;
            height: 2px;
            margin: 10px 0;
            width: 0.0520833333rem;
            height: 0.0104166667rem;
            background: #318cd2;
            margin: 0.0520833333rem 0; }
          .container .about .about_content .about_text .about_icon .icon_item .english {
            font-size: 12px;
            font-family: Arial;
            font-size: 0.0625rem; }
        .container .about .about_content .about_text .about_icon .icon_item:hover img {
          transform: scale(1.1); }
        .container .about .about_content .about_text .about_icon .icon_item:first-child {
          margin-right: 97px;
          margin-right: 0.5052083333rem; }
        .container .about .about_content .about_text .about_icon .icon_item:last-child {
          width: 84px;
          margin-left: 133px;
          width: 0.6375rem;
          margin-left: 0.4927083333rem; }
      .container .about .about_content .about_text .blueColor {
        color: #318cd2; }
    .container .about .about_content .company {
      clear: left;
      line-height: 32px;
      line-height: 0.1666666667rem; }
  .container .about .about_image {
    float: left;
    flex: none;
    width: 2.515625rem;
    height: 1.7760416667rem;
    overflow: hidden; }
    .container .about .about_image img {
      width: 116%;
      height: 100%;
      margin-left: -8%;
      transition: all 1.2s; }
  .container .about div.about_image:hover img {
    transform: scale(0.9); }
  .container .service {
    clear: left;
    height: 645px;
    font-size: 14px;
    width: 100%;
    height: 3.359375rem;
    background-image: url("../images/bg.jpg");
    background-attachment: fixed;
    font-size: 0.0729166667rem;
    color: #fff; }
    .container .service .headline .heading {
      color: #fff;
      border-bottom: 1px solid #fff; }
    .container .service .headline .underline {
      background: #fff; }
    .container .service .service_content {
      clear: both;
      margin: 56px 0 116px;
      margin: 0.2916666667rem 0 0.6041666667rem;
      display: flex; }
      .container .service .service_content .service_class {
        float: left;
        width: 326px;
        margin-right: 50px;
        width: 1.6979166667rem;
        margin-right: 0.5833333333rem;
        position: relative; }
        .container .service .service_content .service_class .service_pic {
          width: 100%;
          height: 1.5885416667rem;
          overflow: hidden;
          display: flex;
          justify-content: center;
          align-items: center; }
          .container .service .service_content .service_class .service_pic img {
            transition: all 1.2s; }
        .container .service .service_content .service_class .service_name {
          height: 56px;
          width: 100%;
          height: 0.2916666667rem;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          background: rgba(255, 255, 255, 0.15); }
        .container .service .service_content .service_class .hoverItem {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(118, 121, 124, 0.55);
          display: none;
          flex-direction: column;
          align-items: center;
          transition: all 1.2s; }
          .container .service .service_content .service_class .hoverItem .text {
            width: 1.4583333333rem;
            line-height: 0.1145833333rem;
            margin-top: 0.6354166667rem; }
          .container .service .service_content .service_class .hoverItem .learnMore {
            margin-top: 0.21875rem;
            width: 0.4583333333rem;
            height: 0.1354166667rem;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #fff;
            font-size: 0.0625rem;
            color: #666; }
      .container .service .service_content .service_class:hover .service_pic img {
        transform: scale(1.1); }
      .container .service .service_content .service_class:hover .hoverItem {
        display: flex; }
      .container .service .service_content .service_class:last-child {
        margin: 0; }
  .container .news {
    clear: left; }
    .container .news .heading {
      position: relative;
      border-bottom: 1px solid #d7d6db; }
      .container .news .heading a {
        font-size: 12px;
        top: 14px;
        font-size: 0.0625rem;
        color: #666;
        position: absolute;
        right: 0;
        top: 0.0729166667rem; }
    .container .news .news_content {
      clear: both;
      margin: 52px 0 76px;
      margin: 0.2708333333rem 0 0.3958333333rem; }
      .container .news .news_content .news-item {
        clear: both;
        margin-top: 40px;
        padding-bottom: 34px;
        margin-top: 0.2083333333rem;
        padding-bottom: 0.1770833333rem;
        border-bottom: 1px solid #e5e5e5;
        width: 100%;
        display: flex;
        align-items: center; }
        .container .news .news_content .news-item > a {
          width: 100%;
          height: 100%;
          display: flex; }
          .container .news .news_content .news-item > a .leftPicture {
            float: left;
            width: 339px;
            height: 204px;
            flex: none;
            width: 1.765625rem;
            height: 1.0625rem;
            margin-right: 36px;
            position: relative;
            margin-right: 0.1875rem;
            overflow: hidden; }
            .container .news .news_content .news-item > a .leftPicture img {
              width: 116%;
              height: 100%;
              margin-left: -8%;
              transition: all 1.2s linear; }
            .container .news .news_content .news-item > a .leftPicture .labelOrgen, .container .news .news_content .news-item > a .leftPicture .labelBlue {
              position: absolute;
              top: 0;
              left: 20px;
              width: 74px;
              height: 25px;
              font-size: 14px;
              display: flex;
              justify-content: center;
              align-items: center;
              left: 0.1041666667rem;
              width: 0.3854166667rem;
              height: 0.1302083333rem;
              background: url("../images/news/ne-bg.png") no-repeat;
              background-size: cover;
              font-size: 0.0729166667rem;
              color: #fff; }
            .container .news .news_content .news-item > a .leftPicture .labelBlue {
              background: url("../images/news/ne-bg2.png") no-repeat;
              background-size: cover; }
          .container .news .news_content .news-item > a .leftPicture:hover img {
            transform: scale(1.1); }
          .container .news .news_content .news-item > a .rightText {
            float: left;
            display: flex;
            flex-direction: column; }
            .container .news .news_content .news-item > a .rightText .title {
              font-size: 20px;
              font-size: 0.1041666667rem;
              color: #333; }
            .container .news .news_content .news-item > a .rightText .readData {
              margin: 15px 0 24px;
              font-size: 12px;
              display: flex;
              margin: 0.078125rem 0 0.125rem;
              font-size: 0.0625rem;
              color: #666; }
              .container .news .news_content .news-item > a .rightText .readData > div {
                margin-right: 35px;
                margin-right: 0.1822916667rem; }
            .container .news .news_content .news-item > a .rightText .textInfo {
              font-size: 14px;
              line-height: 24px;
              margin-bottom: 55px;
              font-size: 0.0729166667rem;
              color: #666;
              line-height: 0.125rem;
              margin-bottom: 0.2864583333rem;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; }
            .container .news .news_content .news-item > a .rightText .moreBtn {
              font-size: 12px;
              width: 90px;
              height: 28px;
              border-radius: 2px;
              font-size: 0.0625rem;
              color: #666;
              width: 0.46875rem;
              height: 0.1458333333rem;
              border: 1px solid #999;
              border-radius: 0.0104166667rem;
              display: flex;
              justify-content: center;
              align-items: center; }
        .container .news .news_content .news-item > a:hover .rightText .title {
          color: #318cd2; }
        .container .news .news_content .news-item > a:hover .rightText .moreBtn {
          background: #318cd2;
          color: #fff;
          border-color: #318cd2; }
      .container .news .news_content .news-item:first-child {
        margin: 0; }
      .container .news .news_content .news-item:last-child {
        border: none; }
  .container .partner {
    clear: left;
    width: 100%;
    height: 584px;
    height: 2.0416666667rem;
    background-image: url("../images/bg.jpg");
    background-attachment: fixed; }
    .container .partner .headline .heading {
      color: #fff;
      border-bottom: 1px solid #fff; }
    .container .partner .headline .underline {
      background: #fff; }
    .container .partner .partnerMems {
      margin-top: 28px;
      margin-top: 0.3541666667rem;
      height: 1.1270833333rem;
      position: relative;
      overflow: hidden; }
    .container .partner .partner_member {
      width: 100%;
      position: absolute;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap; }
      .container .partner .partner_member .partner_part {
        display: flex;
        overflow: hidden;
        height: 1.9270833333rem; }
        .container .partner .partner_member .partner_part li {
          flex: 0 0 16.667%;
          display: flex;
          flex-direction: column;
          align-items: center; }
          .container .partner .partner_member .partner_part li div {
            float: left;
            display: flex;
            align-items: center;
            margin-bottom: 80px;
            margin-bottom: 0.4166666667rem; }
            .container .partner .partner_member .partner_part li div img {
              transition: all 1.2s;
              width: 100%; }
            .container .partner .partner_member .partner_part li div:last-child {
              margin: 0; }
          .container .partner .partner_member .partner_part li div:hover img {
            transform: scale(1.1); }
          .container .partner .partner_member .partner_part li:nth-child(6n) {
            /**margin-right:20px;**/ }
      .container .partner .partner_member .microfiche-controls {
        display: none; }
  .container .contact {
    clear: left; }
    .container .contact .heading {
      border-bottom: 1px solid #d7d6db; }
    .container .contact .contact_content {
      margin-bottom: 41px;
      margin-top: 0.2135416667rem;
      display: flex;
      flex-direction: column; }
      .container .contact .contact_content .contact_icon {
        float: left;
        margin: 0 233px 74px 177px;
        margin: 0 1.2135416667rem 0.3854166667rem 0.921875rem;
        display: flex; }
        .container .contact .contact_content .contact_icon .icon {
          float: left;
          display: flex;
          flex-direction: column;
          align-items: center; }
          .container .contact .contact_content .contact_icon .icon img {
            width: 0.4895833333rem; }
          .container .contact .contact_content .contact_icon .icon .icon_info {
            margin-top: 26px;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 0.1354166667rem; }
            .container .contact .contact_content .contact_icon .icon .icon_info .title {
              font-size: 16px;
              margin-bottom: 12px;
              font-size: 0.0833333333rem;
              font-weight: bold;
              color: #333;
              margin-bottom: 0.0625rem; }
            .container .contact .contact_content .contact_icon .icon .icon_info .text {
              font-size: 13px;
              line-height: 20px;
              font-size: 0.0677083333rem;
              color: #333;
              line-height: 0.1041666667rem;
              display: flex;
              flex-direction: column;
              align-items: center; }
        .container .contact .contact_content .contact_icon .icon:nth-child(2) {
          margin: 0 136px 0 69px;
          margin: 0 0.7083333333rem 0 0.359375rem; }
    .container .contact .mapLocation {
      width: 100%;
      height: 2.0833333333rem;
      display: block;
      box-sizing: content-box; }
      .container .contact .mapLocation * {
        box-sizing: inherit; }

/*# sourceMappingURL=index.css.map */
