@charset "UTF-8";
html {
  min-width: 1200px; }

.width-1200 {
  width: 1200px;
  margin: 0 auto; }

::-webkit-scrollbar-track {
    background-color: #fff; }

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #fff; }

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1; }

/* 大事记 */
.about-honors .block { margin-bottom: 50px; }
.about-honors .block .title { position: relative; overflow: hidden; color: #3c3c3c; margin-bottom: 20px;}
.about-honors .block .title i { font-size: 30px;line-height: 30px;float: left; display: inline-block;}
.about-honors .block .title h1 { font-size: 30px;line-height: 30px; float: left; padding-left: 10px; }
.about-honors .block p { font-size: 14px; line-height: 24px !important; margin-bottom: 20px;}
@media screen and (max-width: 480px) {
  .about-honors .block .title {margin-bottom: 20px; }
  .about-honors .block .title i { font-size: 20px; line-height: 20px; }
  .about-honors .block .title h1 { font-size: 20px; line-height: 20px;}
  .about-honors .block p { font-size: 12px; }
}
/* 大事记年份 */
.milestone { width: 980px;margin: auto; position: relative; max-height: 1000px; overflow: hidden}
.milestone .year { position: absolute; right: 0; top: 0; overflow: hidden; padding-left: 40px;}
.milestone .year li { padding: 20px 0; padding-left: 45px; border-left: 2px dotted #a3a3a3; position: relative; margin-bottom: 0px;}
.milestone .year li:after { content: '';position: absolute; top:50%;width: 45px;height: 1px;left: 0; background: #a3a3a3;}
.milestone .year li i { color: #005aab; position: absolute; font-size: 20px; left: -30px; top: 50%;line-height: 20px;margin-top: -10px; font-weight: bold; z-index: 9; opacity: 0; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.milestone .year li.active i { opacity: 1; }
.milestone .year li.active:after { background: #005aab; }
.milestone .year li.active:before { left: -30px; opacity: 1;}
.milestone .year li a { display: inline-block; width: 80px; line-height: 80px; text-align: center; color: #a3a3a3;border-radius: 100%; border: 2px solid #a3a3a3;font-size: 20px;font-weight: normal; }
.milestone .year li.active a { background: #005aab; color: #fff; border-color: #005aab; }
.milestone .year li.active a:before { content: '';display: block;width: 4px; height: 4px; background: #005aab;border-radius: 100%;position: absolute;border: 10px solid #fff;left: -13px;top: 50%; margin-top: -11px; box-sizing: unset; }
.milestone .things { padding-right: 300px; padding-top: 30px; overflow: hidden;}
.milestone .things dl { margin-bottom: 30px; position: relative; max-height: 700px; overflow-y: scroll; padding-right: 10px; }
.milestone .things dl::-webkit-scrollbar{width:2px; background-color:#fafafa; border-radius: 2px;}
.milestone .things dl::-webkit-scrollbar-thumb{border:none; width:2px;background-color:#dadada; border-radius:2px;}
.milestone .things dl::-webkit-scrollbar-corner{background-color:rgba(255,255,255,0.7);}
.milestone .things dl::-webkit-scrollbar:horizontal{height:2px;}
@media screen and (max-width: 480px) {
  .milestone .things dl  { max-height: 300px; }
}
.milestone .things dl:before { content: '';position: absolute; top: 0;left:0; width: 100%; height: 100%; background: url('../images/whitehover40.png') repeat 0 0;display: block;z-index: 99; opacity: 1;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out; }
.milestone .things dl.active:before { opacity: 0; }
.milestone .things dl:last-of-type {padding-bottom: 1000px; }
.milestone .things dt { font-size: 12px;padding-left: 130px;position: relative; color: #949494; margin-bottom: 30px;}
.milestone .things dt:before { content: '';position: absolute; height: 1px;width: 120px; top:50%;background: #949494;left: 0; }
.milestone .things dl:nth-child(1) dt { display: none; }
.milestone .things dd { position: relative; /*border-left: 1px solid #949494; */padding-left: 15px; margin: 30px 0; }
.milestone .things dd h3 { font-size: 24px;color:#005aab; margin-bottom: 10px; }
.milestone .things dd p { font-size: 16px;line-height: 1.2;margin: 0; padding: 0; margin-left: 120px; }

.miletitle { padding-right: 300px; }
.miletitle h1 { font-size: 30px; padding-bottom: 65px; }
@media screen and (max-width: 768px) {
  .miletitle { padding: 0; }
  .miletitle h1 { font-size: 20px;border-bottom: 2px solid #505050; padding-bottom: 20px; }
  .milestone .things { padding-right: 100px; }
  .milestone .year li a { width: 60px; line-height: 60px;font-size: 16px; }
  .milestone .year li { padding-left: 30px; }
  .milestone .year li:after {width: 30px; }
}
@media screen and (max-width: 480px) {
  .milestone .things { padding-top: 20px; }
  .milestone .things dt { margin-bottom: 10px; }
  .milestone .things dd { margin: 20px 0; padding-left: 10px;}
  .milestone .things dd h3 {font-size: 16px; }
  .milestone .things dd p { font-size: 12px; line-height: 2; }
  .milestone .year li a { width: 50px; line-height: 50px;font-size: 14px; }
  .milestone .year li { padding-left: 20px; }
  .milestone .year li:after {width: 20px; }
  .milestone .year li:before { font-size: 14px; }
  .milestone .year li.active:before {left: -20px; }
}

/* header */
header {
  width: 100%;
  height: 6.25rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999; }
  header .header-logo {
    height: 100px;
    background-color: #fff; }
    header .header-logo a {
      display: block;
      text-align: right;
      margin-top: 30px;
      position: relative; }
      header .header-logo a::before {
        content: '';
        width: 15px;
        height: 100px;
        background-color: #fff;
        position: absolute;
        top: -30px;
        right: -30px; }
      header .header-logo a img {
        height: 38px; }
  header .header-right .header-top {
    height: 3.125rem;
    background-color: rgba(33, 49, 82, 0.9);
    position: relative; }
    header .header-right .header-top::before {
      content: '';
      width: 15px;
      height: 50px;
      background-color: rgba(33, 49, 82, 0.9);
      position: absolute;
      top: 0;
      right: -15px; }
    header .header-right .header-top .header-top-box {
      max-width: 56.25rem; }
      header .header-right .header-top .header-top-box .header-top-box-ul {
        margin: 0;
        float: right; }
        header .header-right .header-top .header-top-box .header-top-box-ul li {
          width: 30px;
          height: 40px;
          border-radius: 15px;
          float: left;
          margin: 10px 0 0 30px;
          position: relative; }
          header .header-right .header-top .header-top-box .header-top-box-ul li a {
            width: 30px;
            height: 30px;
            border-radius: 15px;
            background-color: rgba(255, 255, 255, 0.2);
            display: block; }
          header .header-right .header-top .header-top-box .header-top-box-ul li i {
            text-align: center;
            line-height: 30px;
            color: #fff;
            display: block;
            font-size: 18px; }
          header .header-right .header-top .header-top-box .header-top-box-ul li.sousuo {
            width: 30px;
            height: 30px;
            border-radius: 15px;
            background-color: rgba(255, 255, 255, 0.2);
            transition: all .8s; }
            header .header-right .header-top .header-top-box .header-top-box-ul li.sousuo form input {
              width: 0;
              height: 30px;
              line-height: 30px;
              background-color: transparent;
              border: 0;
              padding-left: 0;
              color: #fff;
              float: left;
              transition: all .8s; }
            header .header-right .header-top .header-top-box .header-top-box-ul li.sousuo form button {
              float: right;
              background-color: transparent;
              border: 0;
              padding-right: 5px; }
            header .header-right .header-top .header-top-box .header-top-box-ul li.sousuo.on {
              width: 200px; }
              header .header-right .header-top .header-top-box .header-top-box-ul li.sousuo.on form input {
                width: 175px;
                padding-left: 20px; }
          header .header-right .header-top .header-top-box .header-top-box-ul li.fx ul {
            width: 100px;
            height: 0;
            padding: 0 10px;
            background-color: #005aab;
            position: absolute;
            top: 40px;
            right: 0;
            z-index: 100;
            transition: all .3s;
            overflow: hidden; }
            header .header-right .header-top .header-top-box .header-top-box-ul li.fx ul li {
              width: 30px;
              height: 30px;
              border-radius: 15px;
              background-color: rgba(255, 255, 255, 0.2);
              margin: 10px 5px 0;
              float: left; }
            header .header-right .header-top .header-top-box .header-top-box-ul li.fx ul.on {
              height: 50px; }
  header .header-right .header-bottom {
    height: 3.125rem;
    line-height: 3.125rem;
    background-color: #fff;
    position: relative; }
    header .header-right .header-bottom::before {
      content: '';
      width: 15px;
      height: 50px;
      background-color: #fff;
      position: absolute;
      top: 0;
      right: -15px; }
    header .header-right .header-bottom ul {
      margin: 0; }
      header .header-right .header-bottom ul li {
        float: left;
        width: 140px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        transition: all .8s; }
        header .header-right .header-bottom ul li a {
          color: #333;
          display: block; }
        header .header-right .header-bottom ul li:hover {
          color: #005aab; }
        header .header-right .header-bottom ul li.cur {
          background-color: #005aab; }
          header .header-right .header-bottom ul li.cur a {
            color: #fff; }

.container-fluid-m {
  display: none; }
  .container-fluid-m .header-logo {
    float: left; }

/* footer */
footer {
  width: 100%;
  height: 40px;
  background-color: #535353;
  color: rgba(255, 255, 255, 0.6);
  padding: 0; }
  footer div {
    line-height: 40px;
    text-align: center; }
footer a, footer span {color: rgba(255, 255, 255, 0.6);}
/* nei-banner */
.nei-header {
  position: relative; }
  .nei-header .nei-banner {
    width: 100%;
    height: 587px;
    overflow: hidden; }
    .nei-header .nei-banner div {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      transform: scale(1.2);
      transition: all 1.5s; }
    .nei-header .nei-banner.on div {
      transform: scale(1); }
  .nei-header .nei-banner-text, .nei-header .nei-banner-shu {
    font-size: 40px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    z-index: 100;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .nei-header .nei-banner-shu {
    width: 1px;
    height: 60px;
    background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.1));
    top: 170px; }

/* nei-tab */
.nei-tab {
  width: 100%;
  height: 75px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .nei-tab .tab-width a {
    width: 25%;
    line-height: 75px;
    text-align: center;
    cursor: pointer;
    display: block;
    float: left;
    position: relative;
    transition: all .8s; }
    .nei-tab .tab-width a:not(:first-child)::before {
      content: '';
      width: 1px;
      height: 16px;
      background-color: rgba(50, 50, 50, 0.2);
      position: absolute;
      top: 30px;
      left: 0;
      z-index: -1; }
    .nei-tab .tab-width a:hover {
      color: #005aab; }
    .nei-tab .tab-width a.cur {
      background-color: #005aab;
      color: #fff;
      background-position: bottom center;
      background-repeat: no-repeat; }

/* nei-title */
.nei-content {
  padding-bottom: 1px; }
  .nei-content .nei-title {
    margin: 60px 0; }
  .business-business .nei-content .nei-title div {
    display: inline-block;
  }
    .nei-content .nei-title div {
      color: #013686;
      font-size: 30px;
      font-weight: bold;
      line-height: 70px;
      /*display: inline-block;*/
      display: none;
      position: relative;
      left: 50%;
      transform: translateX(-50%); }
      .nei-content .nei-title div::before {
        content: '';
        width: 20px;
        height: 22px;
        background-image: url("../images/about/yin.png");
        position: absolute;
        left: -60px;
        top: 0;
        display: none;
      }
      .nei-content .nei-title div::after {
        content: '';
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0; }
  .nei-content .building div::after {
    background-image: url("../images/about/title-building.png"); }
  .nei-content .aircraft div::after {
    background-image: url("../images/about/title-aircraft.png"); }
  .nei-content .flag div::after {
    background-image: url("../images/about/title-flag.png"); }
  .nei-content .branch div::after {
    background-image: url("../images/about/title-branch.png"); }
  .nei-content .honors div::after {
    background-image: url("../images/about/title-honors.png"); }
  .nei-content .nei-text {
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.8);
    text-align: justify;
    text-indent: 2em; }
  .nei-content .nei-img div {
    width: 1070px;
    margin: 30px auto 0; }
  .nei-content .nei-img.quxian {
    background-image: url("../images/about/quxian.png");
    background-repeat: no-repeat;
    background-position: center; }
  .nei-content .nei-flex {
    padding: 50px 54px 0; }
    .nei-content .nei-flex ul {
      overflow: hidden; }
      .nei-content .nei-flex ul li {
        width: 25%;
        height: 180px;
        float: left;
        text-align: center;
        overflow: hidden;
        position: relative; }
        .nei-content .nei-flex ul li .flex-i i {
          color: #000;
          font-size: 80px;
          position: relative;
          z-index: 999;
          transition: all 0.8s; }
        .nei-content .nei-flex ul li .flex-p {
          font-size: 16px;
          color: rgba(0, 0, 0, 0.4);
          position: relative;
          z-index: 999;
          transition: all 0.8s; }
        .nei-content .nei-flex ul li .flex-bg {
          width: 100%;
          height: 100%;
          background-color: #005aab;
          position: absolute;
          top: 0;
          left: -100%;
          z-index: 500; }
        .nei-content .nei-flex ul li:not(:first-child)::before {
          content: '';
          width: 1px;
          height: 100%;
          background-color: rgba(202, 202, 202, 0.4);
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1; }
        .nei-content .nei-flex ul li.on .flex-i i {
          color: #fff; }
        .nei-content .nei-flex ul li.on .flex-p {
          color: #fff; }

/* goToTop */
#goTop {
  width: 155px;
  height: 40px;
  cursor: pointer;
  margin: 53px auto 43px;
  background-image: url("../images/goTop.png");
  background-position: center -20px;
  background-repeat: no-repeat;
  position: relative;
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all .8s; }
  #goTop p {
    font-size: 12px;
    text-align: center;
    color: #013686;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  #goTop::before {
    content: '';
    width: 38px;
    height: 1px;
    background-color: #013686;
    background: linear-gradient(to left, #013686, rgba(1, 54, 134, 0.1));
    position: absolute;
    top: 30px;
    left: 0; }
  #goTop::after {
    content: '';
    width: 38px;
    height: 1px;
    background-color: #013686;
    background: linear-gradient(to right, #013686, rgba(1, 54, 134, 0.1));
    position: absolute;
    top: 30px;
    right: 0; }
  #goTop.on {
    filter: grayscale(0%);
    opacity: 1; }

/* index */
.index .index-box {
  width: 100%;
  height: 100vh;
  min-height: 850px;
  position: relative;
  /* slider */
  /* product-tab */
  /* LIFT */ }
  .index .index-box .slider {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden; }
    .index .index-box .slider .flexslider {
      border: 0;
      margin: 0; }
      .index .index-box .slider .flexslider .slides {
        position: relative; }
        .index .index-box .slider .flexslider .slides li {
          width: 100%;
          height: 100vh;
          background-size: cover;
          background-position: center;
          opacity: 0;
          display: block;
          position: absolute;
          transition: all 1s; }
          .index .index-box .slider .flexslider .slides li .slides-width {
            height: 250px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
            .index .index-box .slider .flexslider .slides li .slides-width div, .index .index-box .slider .flexslider .slides li .slides-width p {
              color: #fff;
              margin-left: 442px;
              text-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); }
            .index .index-box .slider .flexslider .slides li .slides-width div {
              font-size: 44px; }
            .index .index-box .slider .flexslider .slides li .slides-width p {
              font-size: 16px; }
          .index .index-box .slider .flexslider .slides li.on {
            opacity: 1; }
    .index .index-box .slider .slider-page {
      height: 250px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 500; }
      .index .index-box .slider .slider-page .slider-page-box {
        margin-left: 442px;
        margin-top: 250px;
        display: none; }
        .index .index-box .slider .slider-page .slider-page-box span {
          color: #fff;
          font-size: 24px; }
  .index .index-box .product-tab {
    height: 430px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999; }
    .index .index-box .product-tab .product-tab-box {
      width: 378px;
      height: 100%; }
      .index .index-box .product-tab .product-tab-box .product-tab-btn {
        float: right; }
        .index .index-box .product-tab .product-tab-box .product-tab-btn div {
          width: 30px;
          height: 30px;
          background-color: rgba(0, 0, 0, 0.5);
          cursor: pointer;
          float: left;
          transition: all .8s; }
          .index .index-box .product-tab .product-tab-box .product-tab-btn div i {
            display: block;
            text-align: center;
            line-height: 30px;
            color: rgba(255, 255, 255, 0.3);
            transition: all .8s; }
          .index .index-box .product-tab .product-tab-box .product-tab-btn div:hover {
            background-color: #005aab; }
            .index .index-box .product-tab .product-tab-box .product-tab-btn div:hover i {
              color: white; }
      .index .index-box .product-tab .product-tab-box .product-tab-list {
        width: 100%;
        height: 400px;
        overflow: hidden; }
        .index .index-box .product-tab .product-tab-box .product-tab-list .list-width {
          width: 300%; }
          .index .index-box .product-tab .product-tab-box .product-tab-list .list-width .list-div {
            width: 378px;
            float: left; }
            .index .index-box .product-tab .product-tab-box .product-tab-list .list-width .list-div .list {
              width: 100%;
              height: 100px;
              background-color: rgba(0, 0, 0, 0.8);
              cursor: pointer;
              overflow: hidden;
              float: left;
              transition: all .8s; }
              .index .index-box .product-tab .product-tab-box .product-tab-list .list-width .list-div .list .list-left {
                width: 200px;
                height: 100%;
                background-size: cover;
                opacity: 0.8;
                float: left; }
              .index .index-box .product-tab .product-tab-box .product-tab-list .list-width .list-div .list .list-right {
                width: 178px;
                float: left; }
                .index .index-box .product-tab .product-tab-box .product-tab-list .list-width .list-div .list .list-right div {
                  margin-left: 70px;
                  line-height: 100px;
                  color: #fff;
                  font-size: 14px;
                  text-transform: uppercase;
                  font-weight: bold;
                  position: relative; }
                  .index .index-box .product-tab .product-tab-box .product-tab-list .list-width .list-div .list .list-right div::before {
                    content: '';
                    width: 0;
                    height: 2px;
                    background-color: #fff;
                    position: absolute;
                    top: 60px;
                    left: 0;
                    transition: all .8s; }
              .index .index-box .product-tab .product-tab-box .product-tab-list .list-width .list-div .list:hover {
                background-color: rgba(0, 0, 0, 0.7); }
                .index .index-box .product-tab .product-tab-box .product-tab-list .list-width .list-div .list:hover .list-left {
                  opacity: 1; }
                .index .index-box .product-tab .product-tab-box .product-tab-list .list-width .list-div .list:hover .list-right div::before {
                  width: 19px; }
  .index .index-box .lift {
    width: 100%;
    height: 140px;
    background-color: #013686;
    background: linear-gradient(to right, rgba(0, 90, 171, 0.9), rgba(2, 132, 214, 0.9));
    position: absolute;
    left: 0;
    bottom: 40px;
    z-index: 999; }
    .index .index-box .lift .lift-box {
      height: 100%; }
      .index .index-box .lift .lift-box .lift-list {
        width: 25%;
        height: 100%;
        float: left;
        color: #fff;
        text-align: center;
        position: relative;
        overflow: hidden; }
        .index .index-box .lift .lift-box .lift-list .lift-div {
          height: 93px;
          position: relative;
          z-index: 999; }
          .index .index-box .lift .lift-box .lift-list .lift-div i {
            display: block;
            font-size: 60px; }
        .index .index-box .lift .lift-box .lift-list .lift-p {
          font-size: 18px;
          position: relative;
          z-index: 999; }
        .index .index-box .lift .lift-box .lift-list .lift-dt {
          width: 100%;
          height: 100%;
          background-color: rgba(30, 51, 90, 0.9);
          position: absolute;
          top: 0;
          left: 0;
          z-index: 500;
          opacity: 0;
          transition: all .8s; }
          .index .index-box .lift .lift-box .lift-list .lift-dt.on {
            opacity: 1; }
        .index .index-box .lift .lift-box .lift-list:not(:first-child)::before {
          content: '';
          width: 1px;
          height: 80px;
          background-color: rgba(255, 255, 255, 0.1);
          position: absolute;
          left: 0;
          top: 30px; }
  .index .index-box footer {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    color: rgba(102, 102, 102, 0.6);
    z-index: 999; }
.index .index-box footer a, .index .index-box footer span {color: rgba(102, 102, 102, 0.6);}
/* about */
.about {
  /* Company Overview */
  /* Company Culture */
  /* Organization */ }
  .about .nei-tab .tab-width a:nth-child(1).cur {
    background-image: url("../images/about/nav-1.png"); }
  .about .nei-tab .tab-width a:nth-child(2).cur {
    background-image: url("../images/about/nav-2.png"); }
  .about .nei-tab .tab-width a:nth-child(3).cur {
    background-image: url("../images/about/nav-3.png"); }
  .about .nei-tab .tab-width a:nth-child(4).cur {
    background-image: url("../images/about/nav-4.png"); }
  .about.about-culture {
    /* culture tab */ }
    .about.about-culture .nei-content {
      background-image: url("../images/about/2-bj.png");
      background-repeat: no-repeat;
      background-position: center bottom; }
    .about.about-culture .culture-tab .tab-top ul {
      text-align: center;
      overflow: hidden; }
      .about.about-culture .culture-tab .tab-top ul li {
        width: 25%;
        height: 182px;
        float: left;
        position: relative; }
        .about.about-culture .culture-tab .tab-top ul li .tab-top-i {
          margin-top: 20px; }
          .about.about-culture .culture-tab .tab-top ul li .tab-top-i i {
            font-size: 50px;
            color: #000;
            transition: all .8s; }
        .about.about-culture .culture-tab .tab-top ul li .tab-top-num {
          font-size: 40px;
          font-weight: bold;
          color: rgba(0, 90, 171, 0.15); }
        .about.about-culture .culture-tab .tab-top ul li .tab-top-text {
          font-size: 20px;
          color: #000;
          position: absolute;
          left: 0;
          right: 0;
          top: 130px; }
        .about.about-culture .culture-tab .tab-top ul li:not(:first-child)::before {
          content: '';
          width: 1px;
          height: 100%;
          background-color: rgba(181, 181, 181, 0.34);
          position: absolute;
          top: 0;
          left: 0; }
        .about.about-culture .culture-tab .tab-top ul li.cur .tab-top-i i {
          color: #013686; }
    .about.about-culture .culture-tab .tab-list {
      height: 110px;
      margin-top: 50px;
      position: relative; }
      .about.about-culture .culture-tab .tab-list ul li {
        width: 100%;
        text-align: center;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: all .8s; }
        .about.about-culture .culture-tab .tab-list ul li div {
          font-size: 20px;
          line-height: 30px;
          color: #005aab;
          margin-bottom: 10px; }
        .about.about-culture .culture-tab .tab-list ul li p {
          width: 700px;
          font-size: 18px;
          line-height: 26px;
          color: rgba(0, 0, 0, 0.6);
          margin: 0 auto; }
        .about.about-culture .culture-tab .tab-list ul li.cur {
          opacity: 1; }
    .about.about-culture .culture-tab .tab-shu {
      width: 1px;
      height: 76px;
      background-color: #013686;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
      margin: 10px auto 15px; }
    .about.about-culture .culture-tab .tab-page {
      text-align: center;
      color: #005aab;
      font-size: 14px; }
      .about.about-culture .culture-tab .tab-page .total {
        font-size: 12px;
        color: #c5c5c5; }
  .about.about-organization .nei-content {
    background-image: url("../images/about/3-bj-1.png");
    background-repeat: no-repeat;
    background-position: center bottom; }
    .about.about-organization .nei-content .organization-img img {
      display: block;
      margin: 0 auto; }
  .about.about-honors .nei-content .business-tab {
    overflow: hidden; }
    .about.about-honors .nei-content .business-tab .honors-time {
      width: 20px;
      margin-right: 52px;
      float: left;
      position: relative; }
      .about.about-honors .nei-content .business-tab .honors-time .time-hui {
        position: absolute;
        top: 0;
        left: 0; }
        .about.about-honors .nei-content .business-tab .honors-time .time-hui .time-da {
          width: 15px;
          height: 72px;
          background-image: url("../images/about/da-hui.png");
          overflow: hidden; }
        .about.about-honors .nei-content .business-tab .honors-time .time-hui .time-xiao {
          width: 15px;
          height: 72px;
          background-image: url("../images/about/xiao-hui.png");
          overflow: hidden; }
      .about.about-honors .nei-content .business-tab .honors-time .time-lan {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        transition: all 2s; }
        .about.about-honors .nei-content .business-tab .honors-time .time-lan .time-da {
          width: 15px;
          height: 72px;
          background-image: url("../images/about/da-lan.png");
          overflow: hidden; }
        .about.about-honors .nei-content .business-tab .honors-time .time-lan .time-xiao {
          width: 15px;
          height: 72px;
          background-image: url("../images/about/xiao-lan.png");
          overflow: hidden; }
    .about.about-honors .nei-content .business-tab .honors-list {
      width: 1128px;
      float: left;
      margin-left: 72px; }
      .about.about-honors .nei-content .business-tab .honors-list dl dt {
        font-size: 24px;
        line-height: 1em;
        margin-bottom: 30px;
        color: #000; }
      .about.about-honors .nei-content .business-tab .honors-list dl dd {
        margin-bottom: 24px; }
        .about.about-honors .nei-content .business-tab .honors-list dl dd div {
          font-size: 20px;
          color: #999999; }
        .about.about-honors .nei-content .business-tab .honors-list dl dd p {
          font-size: 16px;
          color: rgba(0, 0, 0, 0.8); }

/* business */
.business .nei-tab .tab-width a {
  width: 33.33%; }
.business .nei-tab .tab-width a:nth-child(1).cur {
  background-image: url("../images/business/title-1.png"); }
.business .nei-tab .tab-width a:nth-child(2).cur {
  background-image: url("../images/business/title-1.png"); }
.business .nei-tab .tab-width a:nth-child(3).cur {
  background-image: url("../images/business/title-1.png"); }

.tab-list ul {
  margin: 32px -20px 0;
  overflow: hidden; }
  .tab-list ul:not(:first-child) {
    display: none; }
  .tab-list ul li {
    width: 375px;
    margin: 19px;
    float: left;
    overflow: hidden; }
    .tab-list ul li a .list-top {
      width: 100%;
      height: 221px;
      transition: all .3s;
      background-size: 100%;
      position: relative;
      overflow: hidden; }
      .tab-list ul li a .list-top .list-lan {
        width: 0;
        height: 0;
        background-color: rgba(0, 90, 171, 0.6);
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: all .8s; }
        .tab-list ul li a .list-top .list-lan div {
          width: 20px;
          height: 20px;
          position: absolute;
          top: 70px;
          left: 0;
          right: 0;
          margin: auto; }
          .tab-list ul li a .list-top .list-lan div i {
            color: #fff;
            font-size: 20px;
            display: block; }
        .tab-list ul li a .list-top .list-lan p {
          font-size: 14px;
          color: #fff;
          text-align: center;
          line-height: 221px;
          margin-top: 10px; }
    .tab-list ul li a .list-bottom {
      width: 100%;
      height: 38px;
      background-color: #fff;
      position: relative;
      z-index: 100; }
      .tab-list ul li a .list-bottom div {
        font-size: 16px;
        color: #000;
        position: absolute;
        left: 0;
        bottom: 0; }
      .tab-list ul li a .list-bottom p {
        width: 34px;
        height: 1px;
        background-color: #bbb;
        position: absolute;
        right: 0;
        bottom: 3px;
        transition: all .8s; }
    .tab-list ul li.on a .list-top {
      background-size: 120%; }
      .tab-list ul li.on a .list-top .list-lan {
        width: 314px;
        height: 165px; }
    .tab-list ul li.on a .list-bottom p {
      width: 68px;
      background-color: #005aab; }

/* business-business */
.business-business {
  /* business-business-tab */
  /* contact-us */ }
.business-business .nei-tab .tab-width a {
  width: 33.33%;
}
  .business-business .bubu-tab {
    overflow: hidden;
    display: none; }
    .business-business .bubu-tab ul {
      height: 321px;
      margin-left: 364px; }
      .business-business .bubu-tab ul li {
        width: 324px;
        height: 183px;
        background-color: #fc4ca4;
        float: left;
        margin: 42px 49px 0 0;
        filter: blur(4px);
        position: relative;
        transition: all .8s; }
        .business-business .bubu-tab ul li::before {
          content: '';
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.2);
          position: absolute;
          top: 0;
          left: 0; }
        .business-business .bubu-tab ul li.cur {
          width: 428px;
          height: 264px;
          border: 12px solid #fff;
          margin: 0 49px 0 0;
          box-shadow: 0 15px 42px rgba(0, 90, 171, 0.14);
          filter: blur(0px); }
          .business-business .bubu-tab ul li.cur::before {
            background-color: rgba(0, 0, 0, 0); }
    .business-business .bubu-tab .bubu-control {
      width: 202px;
      margin: 0 auto 57px;
      position: relative; }
      .business-business .bubu-tab .bubu-control .bubu-con-btn {
        width: 26px;
        height: 26px;
        cursor: pointer; }
        .business-business .bubu-tab .bubu-control .bubu-con-btn i {
          display: block;
          text-align: center;
          line-height: 26px;
          font-size: 40px;
          color: #808080; }
          .business-business .bubu-tab .bubu-control .bubu-con-btn i:hover {
            color: #005aab; }
        .business-business .bubu-tab .bubu-control .bubu-con-btn.bubu-con-btn-lt {
          position: absolute;
          top: 0;
          left: 0; }
        .business-business .bubu-tab .bubu-control .bubu-con-btn.bubu-con-btn-rt {
          position: absolute;
          top: 0;
          right: 0; }
      .business-business .bubu-tab .bubu-control .bubu-con-page {
        text-align: center; }
        .business-business .bubu-tab .bubu-control .bubu-con-page span {
          font-size: 16px;
          color: #a7a7a7; }
          .business-business .bubu-tab .bubu-control .bubu-con-page span.cur {
            color: #005aab; }
          .business-business .bubu-tab .bubu-control .bubu-con-page span.text-12 {
            font-size: 12px; }
  .business-business .business-business-tab {
    padding-top: 94px;
    background-color: #fff;
    position: relative; }
    .business-business .business-business-tab .nei-content .nei-title {
      margin: 60px 0 10px; }
    .business-business .business-business-tab .tab-btn-box {
      width: 100%;
      padding: 20px;
      background-color: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 999; }
      .business-business .business-business-tab .tab-btn-box.on {
        position: fixed; }
    .business-business .business-business-tab .tab-btn {
      width: 644px;
      height: 54px;
      border-radius: 10px;
      background-color: #eee;
      margin: 0 auto; }
      .business-business .business-business-tab .tab-btn .tab-text {
        width: 33.33%;
        color: #9d9d9d;
        font-size: 20px;
        line-height: 54px;
        text-align: center;
        float: left;
        cursor: pointer;
        position: relative;
        z-index: 999; }
        .business-business .business-business-tab .tab-btn .tab-text.cur, .business-business .business-business-tab .tab-btn .tab-text:hover {
          color: #fff;
          background-color: #005aab;
          border-radius: 10px; }
    .business-business .business-business-tab .tab-bottom .tab-div {
      background-color: #f6f6f6;
      padding: 60px 0 40px; }
    .business-business .business-business-tab .tab-bottom .tab-description .width-1200 .tab-video {
      width: 1000px;
      height: 675px;
      background-color: black;
      margin: 0 auto;
      position: relative; }
      .business-business .business-business-tab .tab-bottom .tab-description .width-1200 .tab-video .tab-video-zhe {
        width: 100%;
        height: 100%;
        background-image: url("../images/business/video-bj.png");
        background-size: cover;
        background-position: center center;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100; }
        .business-business .business-business-tab .tab-bottom .tab-description .width-1200 .tab-video .tab-video-zhe .tab-video-yuan {
          width: 68px;
          height: 68px;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto; }
          .business-business .business-business-tab .tab-bottom .tab-description .width-1200 .tab-video .tab-video-zhe .tab-video-yuan i {
            color: #fff;
            font-size: 68px;
            line-height: 1em; }
      .business-business .business-business-tab .tab-bottom .tab-description .width-1200 .tab-video video {
        width: 100%;
        height: 100%; }
    .business-business .business-business-tab .tab-bottom .tab-description .width-1200 .tab-wen {
      padding: 25px 0;
      text-align: justify; }
      .business-business .business-business-tab .tab-bottom .tab-description .width-1200 .tab-wen:not(:first-child) {
        /*border-top: 1px solid rgba(157, 157, 157, 0.2);*/ }
    .business-business .business-business-tab .tab-bottom .tab-description .width-1200 .tab-14 {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.7); }
    .business-business .business-business-tab .tab-bottom .tab-description .width-1200 .tab-16 {
      font-size: 16px;
      color: black; }
    .business-business .business-business-tab .tab-bottom .tab-description .width-1200 .tab-18 {
      font-size: 18px;
      color: black; }
    .business-business .business-business-tab .tab-bottom.on {
      margin-top: 50px; }
  .business-business .contact-us.contact-us-bg {
    background-image: url("../images/business/contact-us.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 60px;
  }
  .business-business .contact-us .contact-form .width-1200 label {
    font-size: 20px;
    color: #000;
    font-weight: initial; }
  .business-business .contact-us .contact-form .width-1200 input {
    height: 40px;
    border-radius: 0; }
  .business-business .contact-us .contact-form .width-1200 textarea {
    height: 115px;
    border-radius: 0; }
  .business-business .contact-us .contact-form .width-1200 .contact-btn {
    width: 156px;
    height: 50px;
    background-color: #0e468c;
    color: #fff;
    font-size: 16px;
    border-radius: 0;
    display: block;
    margin: 35px auto 0; }

/* partners */
.partners .nei-content .partners-img .nei-title {
  padding: 42px 0;
  margin: 0; }
.partners .nei-content .partners-img .partners-tab .partners-tab-img.flexslider {
  background: transparent;
  border: 0;
  padding-bottom: 60px; }
  .partners .nei-content .partners-img .partners-tab .partners-tab-img.flexslider .slides img {
    width: auto; }
  .partners .nei-content .partners-img .partners-tab .partners-tab-img.flexslider .flex-control-nav {
    bottom: 10px; }
    .partners .nei-content .partners-img .partners-tab .partners-tab-img.flexslider .flex-control-nav li a {
      width: 8px;
      height: 8px;
      background-color: rgba(0, 0, 0, 0.2); }
      .partners .nei-content .partners-img .partners-tab .partners-tab-img.flexslider .flex-control-nav li a.flex-active {
        background-color: #005aab; }
.partners .nei-content .partners-img .partners-tab .partners-tab-img ul {
  height: 188px; }
  .partners .nei-content .partners-img .partners-tab .partners-tab-img ul li div {
    width: 25%;
    height: 94px;
    float: left;
    position: relative; }
    .partners .nei-content .partners-img .partners-tab .partners-tab-img ul li div img {
      max-width: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
.partners .nei-content .partners-img.partners-img-hui {
  background-color: #f6f6f6;
  margin-top: 60px; }

/* contact */
.contact .nei-content .nei-text {
  width: 1160px;
  margin: 0 auto; }
.contact .nei-content .contact-info {
  background-color: #f6f6f6;
  margin-top: 60px;
  padding: 40px 0 63px;
  position: relative; }
  .contact .nei-content .contact-info::before {
    content: '';
    width: 56px;
    height: 23px;
    background-image: url("../images/san.png");
    position: absolute;
    top: -23px;
    left: 50%;
    margin-left: -28px; }
  .contact .nei-content .contact-info .width-1200 {
    width: 1160px;
    margin: 0 auto; }
    .contact .nei-content .contact-info .width-1200 .ci-title {
      font-size: 32px;
      color: #000; }
    .contact .nei-content .contact-info .width-1200 .ci-top {
      overflow: hidden; }
      .contact .nei-content .contact-info .width-1200 .ci-top .ci-left {
        float: left;
        margin-right: 36px; }
        .contact .nei-content .contact-info .width-1200 .ci-top .ci-left div {
          font-size: 16px;
          color: #666;
          line-height: 32px; }
          .contact .nei-content .contact-info .width-1200 .ci-top .ci-left div span {
            font-weight: bold;
            color: #000;
            margin-right: 10px; }
  .contact .nei-content .contact-info .ci-bottom {
    margin-top: 65px;
    overflow: hidden; }
    .contact .nei-content .contact-info .ci-bottom .contact-map {
      width: 100%;
      height: 438px;
      margin-bottom: 40px;
      background: linear-gradient(to right, #102d66, #409ffc);
      position: relative; }
      .contact .nei-content .contact-info .ci-bottom .contact-map .contact-map-img {
        width: 1200px;
        height: 438px;
        opacity: 0.5;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
      .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn {
        width: 1200px;
        height: 438px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        overflow: hidden; }
        .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul {
          height: 100%;
          /*overflow: hidden;*/ }
          .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li {
            width: auto;
            height: 20px;
            position: absolute;
            z-index: 800; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li:hover p {
              display: block; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li div, .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li p {
              float: left; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li p {
              display: none; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li div {
              width: 20px;
              height: 20px;
              cursor: pointer;
              position: relative; }
              .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li div::before {
                content: '';
                width: 6px;
                height: 6px;
                border-radius: 100%;
                background-color: #fff;
                position: absolute;
                top: 7px;
                left: 7px; }
              .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li div::after {
                content: '';
                width: 20px;
                height: 20px;
                border-radius: 100%;
                animation: mapYuan 2s infinite linear;
                position: absolute;
                top: 0;
                left: 0; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.cur {
              z-index: 400; }
              .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.cur div::before {
                background-color: #f17c67; }
              .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.cur div::after {
                background-color: #f17c67;
                animation: mapYuanCur 2s infinite ease-out; }
              .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.cur p {
                color: #f17c67; }
@keyframes mapYuanCur {
  0% {
    width: 6px;
    height: 6px;
    top: 7px;
    left: 7px;
    background-color: rgba(235, 237, 244, 0.1); }
  100% {
    width: 500px;
    height: 500px;
    top: -250px;
    left: -250px;
    background-color: rgba(235, 237, 244, 0.3); } }
@keyframes mapYuan {
  0% {
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.3); }
  50% {
    width: 6px;
    height: 6px;
    top: 7px;
    left: 7px;
    background-color: rgba(255, 255, 255, 0.7); }
  100% {
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.3); } }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li p {
              text-indent: 10px;
              line-height: 20px;
              font-size: 16px;
              color: #fff;
              font-weight: bold; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-qg {
              top: 0;
              left: 0; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-xm {
              top: 230px;
              left: 418px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-sh {
              top: 204px;
              left: 438px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-qd {
              top: 184px;
              left: 418px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-ts {
              top: 164px;
              left: 428px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-tj {
              top: 174px;
              left: 400px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-bj {
              top: 156px;
              left: 409px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-md {
              top: 246px;
              left: 364px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-ydnxy {
              top: 316px;
              left: 444px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-hg {
              top: 180px;
              left: 464px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-db {
              top: 226px;
              left: 226px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-yl {
              top: 206px;
              left: 222px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-yn {
              top: 260px;
              left: 400px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-tg {
              top: 255px;
              left: 381px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-flb {
              top: 285px;
              left: 470px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-mlxy {
              top: 295px;
              left: 417px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-jpz {
              top: 274px;
              left: 387px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-xg {
              top: 243px;
              left: 406px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-bnm {
              top: 263px;
              left: 946px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-nf {
              top: 413px;
              left: 1036px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-bc {
              top: 283px;
              left: 166px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-xjp {
              top: 297px;
              left: 383px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-rb {
              top: 187px;
              left: 493px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-yd {
              top: 255px;
              left: 300px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-teq {
              top: 174px;
              left: 150px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-wkl {
              top: 145px;
              left: 130px; }
            .contact .nei-content .contact-info .ci-bottom .contact-map .con-btn ul li.map-xxl {
              top: 415px;
              left: 590px; }
    .contact .nei-content .contact-info .ci-bottom .ci-about {
      width: 1200px;
      height: 340px;
      background-color: #fff;
      margin: 40px auto 10px; }
      .contact .nei-content .contact-info .ci-bottom .ci-about .ci-btn-box {
        width: 30%;
        height: 50px;
        float: left;
        border-bottom: 1px solid #eee;
        position: relative; }
        .contact .nei-content .contact-info .ci-bottom .ci-about .ci-btn-box .ci-btn {
          display: none;
          width: 100%;
          height: 50px;
          float: left;
          line-height: 50px;
          text-align: left;
          text-indent: 20px;
          cursor: pointer;
          background-color: #005aab;
          color: #fff;
          position: relative; }
          .contact .nei-content .contact-info .ci-bottom .ci-about .ci-btn-box .ci-btn p {
            position: absolute;
            left: 0; }
          .contact .nei-content .contact-info .ci-bottom .ci-about .ci-btn-box .ci-btn i {
            width: 50px;
            height: 50px;
            font-weight: bold;
            transition: all .8s;
            position: absolute;
            right: 0; }
            .contact .nei-content .contact-info .ci-bottom .ci-about .ci-btn-box .ci-btn i.cur {
              transform: rotate(90deg); }
        .contact .nei-content .contact-info .ci-bottom .ci-about .ci-btn-box .ci-g-box {
          width: 100%;
          height: 0;
          background-color: #fff;
          position: absolute;
          /*top: 50px;*/
          z-index: 100;
          overflow: auto;
          transition: all .3s; }
          .contact .nei-content .contact-info .ci-bottom .ci-about .ci-btn-box .ci-g-box ul li {
            height: 50px;
            line-height: 50px;
            text-indent: 20px;
            border-bottom: 1px solid #ddd;
            cursor: pointer; }
.contact .nei-content .contact-info .ci-bottom .ci-about .ci-btn-box .ci-g-box ul li.cur {
  color: #005aab;
  font-weight: bold;
}
            .contact .nei-content .contact-info .ci-bottom .ci-about .ci-btn-box .ci-g-box ul li:hover {
              color: #005aab; }
          .contact .nei-content .contact-info .ci-bottom .ci-about .ci-btn-box .ci-g-box.on {
            height: 340px; }
      .contact .nei-content .contact-info .ci-bottom .ci-about .ci-list-box {
        width: 70%;
        float: right;
        height: 340px;
        overflow: auto;
        position: relative; }
        .contact .nei-content .contact-info .ci-bottom .ci-about .ci-list-box .ci-list {
          width: 100%;
          opacity: 0;
          transition: all .8s;
          position: absolute;
          top: 40px;
          left: 0; }
          .contact .nei-content .contact-info .ci-bottom .ci-about .ci-list-box .ci-list ul {
            padding: 0 20px; }
.contact .nei-content .contact-info .ci-bottom .ci-about .ci-list-box .ci-list ul li {
  margin-bottom: 20px;
}
.contact .nei-content .contact-info .ci-bottom .ci-about .ci-list-box .ci-list ul li::after {
              content: '';
              width: 0;
              height: 0;
              clear: both;
              display: block;
              visibility: hidden; }
            .contact .nei-content .contact-info .ci-bottom .ci-about .ci-list-box .ci-list ul li div {
              line-height: 32px;
              font-size: 16px;
              color: #666; }
              .contact .nei-content .contact-info .ci-bottom .ci-about .ci-list-box .ci-list ul li div p {
                color: #005aab; }
              .contact .nei-content .contact-info .ci-bottom .ci-about .ci-list-box .ci-list ul li div span {
                color: #000; }
              .contact .nei-content .contact-info .ci-bottom .ci-about .ci-list-box .ci-list ul li div:not(:first-child) {
                width: 50%;
                float: left; }
          .contact .nei-content .contact-info .ci-bottom .ci-about .ci-list-box .ci-list.cur {
            opacity: 1; }

/* Message */
.message {
  position: relative;
  display: none;
}
  .message::before {
    content: '';
    width: 56px;
    height: 23px;
    background-image: url("../images/san-bai.png");
    position: absolute;
    top: -83px;
    left: 50%;
    margin-left: -28px; }
  .message .message-box {
    width: 1160px;
    margin: 0 auto; }
    .message .message-box .message-title {
      font-size: 32px;
      line-height: 1em;
      color: #000;
      margin: 60px 0 30px; }
    .message .message-box form {
      width: 100%;
      overflow: hidden; }
      .message .message-box form .message-float {
        width: 49%;
        float: left; }
        .message .message-box form .message-float .message-group {
          margin-bottom: 17px;
          position: relative; }
          .message .message-box form .message-float .message-group label {
            width: 120px;
            height: 46px;
            text-indent: 20px;
            background-color: #f6f6f6;
            line-height: 46px;
            position: absolute;
            top: 0;
            left: 0; }
          .message .message-box form .message-float .message-group input {
            width: 100%;
            height: 46px;
            background-color: #f6f6f6;
            border: 0;
            text-indent: 120px; }
          .message .message-box form .message-float .message-group textarea {
            width: 100%;
            height: 227px;
            text-indent: 120px;
            line-height: 46px;
            background-color: #f6f6f6;
            border: 0;
            padding: 0 20px; }
        /*.message .message-box form .message-float .message-button {*/
        .message-button {
          width: 140px;
          height: 46px;
          background-color: #005aab;
          color: #fff;
          font-size: 18px;
          border: 0;
          display: block;
          text-align: center;
          line-height: 46px;
          cursor: pointer;
        }
.message-button:hover {
  color: #fff;
}
        .message .message-box form .message-float.message-left {
          float: left; }
        .message .message-box form .message-float.message-right {
          float: right; }

/* sousou */
.sousou .nei-tab .tab-width a {
  width: 100%;
  text-align: left; }

/* news */
.news .nei-content .news-box .news-year {
  height: 46px; }
  .news .nei-content .news-box .news-year .year-btn {
    width: 120px; }
    .news .nei-content .news-box .news-year .year-btn::after {
      content: '';
      width: 0;
      height: 0;
      display: block;
      clear: both;
      visibility: hidden; }
    .news .nei-content .news-box .news-year .year-btn .btn-left {
      float: left; }
    .news .nei-content .news-box .news-year .year-btn .btn-num {
      float: left;
      width: 88px;
      font-size: 20px;
      line-height: 30px;
      font-weight: bold;
      color: #003284;
      text-align: center; }
    .news .nei-content .news-box .news-year .year-btn .btn-right {
      float: right; }
    .news .nei-content .news-box .news-year .year-btn .btn-left, .news .nei-content .news-box .news-year .year-btn .btn-right {
      width: 14px;
      height: 30px;
      cursor: pointer; }
      .news .nei-content .news-box .news-year .year-btn .btn-left i, .news .nei-content .news-box .news-year .year-btn .btn-right i {
        font-size: 20px;
        line-height: 30px;
        color: #333; }
      .news .nei-content .news-box .news-year .year-btn .btn-left i:hover, .news .nei-content .news-box .news-year .year-btn .btn-right i:hover {
        color: #003284; }
  .news .nei-content .news-box .news-year .year-heng {
    position: relative; }
    .news .nei-content .news-box .news-year .year-heng .heng-heng {
      width: 116px;
      height: 1px;
      background-color: #e23139;
      position: absolute;
      top: 7px;
      left: 0; }
    .news .nei-content .news-box .news-year .year-heng .heng-ju {
      width: 8px;
      height: 3px;
      background-color: #e23139;
      position: absolute;
      top: 6px;
      left: 116px; }
    .news .nei-content .news-box .news-year .year-heng .heng-p {
      font-size: 14px;
      color: #f0eff5;
      font-weight: bold;
      line-height: 1em;
      position: absolute;
      top: 0;
      left: 140px; }
.news .nei-content .news-box .news-list {
  margin-top: 46px; }
  .news .nei-content .news-box .news-list ul li {
    width: 100%;
    height: 130px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    transition: all .3s; }
    .news .nei-content .news-box .news-list ul li .list-heng {
      width: 25px;
      height: 3px;
      background-color: #d8d8d8;
      position: absolute;
      top: 63px;
      left: 40px;
      transition: all .3s; }
    .news .nei-content .news-box .news-list ul li .list-text {
      width: 50%;
      font-size: 16px;
      color: #333;
      line-height: 130px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      position: absolute;
      left: 108px; }
    .news .nei-content .news-box .news-list ul li .list-jian {
      width: 0;
      height: 129px;
      line-height: 130px;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 1020px;
      z-index: 200;
      transition: all .3s; }
      .news .nei-content .news-box .news-list ul li .list-jian i {
        color: #88a2c5; }
    .news .nei-content .news-box .news-list ul li .list-time {
      font-size: 14px;
      line-height: 130px;
      color: #8a8a8a;
      display: block;
      position: absolute;
      right: 90px;
      z-index: 100;
      transition: all .3s; }
  .news .nei-content .news-box .news-list ul li.on {
    box-shadow: 0 20px 50px rgba(0, 55, 134, 0.2); }
    .news .nei-content .news-box .news-list ul li.on .list-heng {
      background-color: #003786; }
    .news .nei-content .news-box .news-list ul li.on .list-jian {
      width: 150px; }
    .news .nei-content .news-box .news-list ul li.on .list-time {
      display: none; }
.news .nei-content .news-box .news-add {
  width: 30px;
  height: 30px;
  margin: 60px auto 0;
  cursor: pointer; }
  .news .nei-content .news-box .news-add i {
    font-size: 30px;
    color: #b2b2b2;
    line-height: 1em; }
.news .nei-content .news-box .news-add-not {
  width: 100%;
  font-size: 16px;
  color: #333;
  text-align: center;
  margin: 60px auto 0;
  display: none; }

/* 新闻内页 */
.newsscon .nei-content .newsscon-box .newsscon-title {
  font-size: 22px;
  color: #115d9b;
  text-align: center;
  font-weight: bold;
  margin-top: 50px; }
.newsscon .nei-content .newsscon-box .newsscon-time {
  font-size: 12px;
  color: #dddddd;
  text-align: center;
  margin-bottom: 20px; }
.newsscon .nei-content .newsscon-box .newsscon-time span {
  color: #bbb;
}
.newsscon .nei-content .newsscon-box img {
  max-width: 100%;
  margin: 15px auto;
  display: block; }
.newsscon .nei-content .newsscon-box p {
  margin: 15px 0;
  font-size: 16px;
  line-height: 26px; }
.newsscon .nei-content .newscons-go {
  width: 30px;
  height: 30px;
  margin: 60px auto 0;
  cursor: pointer; }
  .newsscon .nei-content .newscons-go i {
    font-size: 30px;
    color: #b2b2b2;
    line-height: 1em; }

/* 加入我们 */
.job-box {
  width: 100%; }

.job-box ul {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 1rem; }

.job-box ul li {
  border-bottom: 1px solid #a8a8a8;
  padding: 37px 0 37px 0;
  /*display: flex;*/
  /*justify-content: space-between;*/
  position: relative;
  overflow: hidden; }

.job-box ul li dl dt {
  width: 30px;
  height: 10px;
  float: left;
  position: relative;
  top: 8px; }

.job-box ul li dl dt::before {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #434343;
  position: absolute;
  top: 0;
  left: 0; }

.job-box ul li dl dt::after {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #434343;
  position: absolute;
  top: 5px;
  left: 0; }

.job-box ul li dl dd {
  float: left; }

.job-box ul li dl dd .title {
  font-size: 16px;
  color: #434343;
  font-weight: bold;
  margin-bottom: 20px; }

.job-box ul li dl dd .list {
  display: none;
  margin-top: 0.2rem;
  overflow: hidden; }

.job-box ul li dl dd .list.on {
  height: 100%; }

.job-box ul li dl dd .list div {
  margin-bottom: 0.1rem; }

.job-box ul li dl dd .list span {
  font-size: 0.14rem;
  color: #333; }

.job-box ul li dl dd .list p {
  text-indent: 0.2rem; }

.job-box ul li dl dd .list .toudi {
  text-align: center;
  margin-top: 0.2rem; }

.job-box ul li dl dd .list .toudi a {
  text-decoration: underline;
  color: #236fd5;
  font-size: 14px; }

.job-box ul li dl dd p {
  font-size: 13px;
  color: #919199;
  line-height: 23px; }

.job-box ul li .jiaruA {
  width: 150px;
  height: 45px;
  box-sizing: border-box;
  border: 1px solid #8a8a8a;
  color: #8a8a8a;
  font-size: 14px;
  text-align: center;
  line-height: 45px;
  transition: all 0.5s;
  display: block;
  float: right;
  position: relative; }

.job-box ul li .jiaruA.on i {
  transform: rotateX(180deg);
  top: 25px; }

.job-box ul li .jiaruA i {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #ddd;
  position: absolute;
  top: -2px;
  left: 20px; }

.job-box ul li .job-bottom {
  width: 100%;
  height: 1px;
  background-color: #0973bd;
  position: absolute;
  left: -100%;
  bottom: 0;
  transition: all .4s; }

/*.job .Xtext .Xtext-1200 .center-flex .job-box ul li:hover{*/
/*border-bottom: 1px solid #0973bd;*/
/*}*/
.job-box ul li:hover dl dt::before {
  border-bottom: 5px solid #0973bd; }

.job-box ul li:hover dl dt::after {
  border-top: 5px solid #0973bd; }

.job-box ul li:hover .jiaruA {
  border: none;
  color: #fff;
  background: #005bac;
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(left, #005bac, #1fb0e6);
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-linear-gradient(left, #005bac, #1fb0e6);
  /* Opera 11.10+ */
  background: -o-linear-gradient(left, #005bac, #1fb0e6); }

/* 媒体查询 */
@media screen and (max-width: 1400px) {
  header .header-right .header-bottom ul li {
    width: 120px; }

  .index .index-box header .header-right .header-top .header-top-box {
    width: 56.25rem; }

  .nei-header .nei-banner {
    height: 450px; } }
@media screen and (max-width: 1300px) {
  .index .index-box .product-tab .product-tab-box {
    margin-left: 20px; } }

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