.banner-img {
  width: 100%;
  height: 420px;
  position: relative;

  overflow: hidden; }
  .banner-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .banner-img .banner-text {
    position: relative;
    text-align: center; }
    .banner-img .banner-text .title {
      font-size: 32px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: white;
      margin-bottom: 17px; }
    .banner-img .banner-text .dsc {
      max-width: 917px;
      line-height: 1.5;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: white; }

.dev-history {
  text-align: center;
  margin: 0 auto;
  width: 1200px;
  padding-top: 35px;
  margin-bottom: 64px; }
  .dev-history .en-title {
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #25aca3; }
  .dev-history .en-title + .dsc {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #25aca3; }
  .dev-history .break-menu {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #666666;  }
    .dev-history .break-menu img {
      width: 22px;
      height: 15px; }
  .dev-history .title {
    line-height: 1;
    margin-bottom: 24px; }
    .dev-history .title img {
      height: 132px;
      height: 8px; }
    .dev-history .title span {
      display: inline-block;
      margin: 0 30px;
      font-size: 55px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #25aca3; }

.img-container .main {
  display: flex;
  justify-content: center; }
  .img-container .main .pinpai-item {
    position: relative;
    background-color: #2EB6AA;
    width: 694px;
	height:434px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .img-container .main .pinpai-item img {
      position: absolute;
      left: 0;
      top: 0;
      display:none;
 }
    .img-container .main .pinpai-item .text-container {
      max-width: 80%;
      position: relative; }
      .img-container .main .pinpai-item .text-container p:first-child {
        font-size: 30px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: white;
        margin-bottom: 25px; }
      .img-container .main .pinpai-item .text-container p:last-child {
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 300;
        color: white;
        line-height: 1.5; }
  .img-container .main .sel-container .sel-item {
    background-image: url("../img/sel-bg.png");
    position: relative;
    background-size: cover;
    width: 694px;
    height: 132px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-direction: column; }
    .img-container .main .sel-container .sel-item:hover .mask {
      z-index: -1; }
    .img-container .main .sel-container .sel-item .mask {
      width: calc(100% - 10px);
      height: calc(100% - 10px);
      background-color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute; }
      .img-container .main .sel-container .sel-item .mask .link-box {
        width: calc(100% - 30px);
        height: calc(100% - 23px);
        border: 2px solid #2eb6aa;
        display: flex;
        align-items: center;
        justify-content: center; }
        .img-container .main .sel-container .sel-item .mask .link-box div {
          width: 168px;
          height: 57px;
          background-image: url("../img/linkbox-bg.png");
          background-size: cover;
          display: flex;
          align-items: center;
          justify-content: center; }
          .img-container .main .sel-container .sel-item .mask .link-box div span {
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: white;
            transform: translateY(-2px); }
          .img-container .main .sel-container .sel-item .mask .link-box div img {
            margin-right: 5px;
            width: 27px;
            height: 18px; }
    .img-container .main .sel-container .sel-item .text-container {
      max-width: 80%;
      text-align: center; }
      .img-container .main .sel-container .sel-item .text-container .title {
        font-size: 24px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: white;
        margin-bottom: 10px; }
      .img-container .main .sel-container .sel-item .text-container .content {
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 300;
        color: white;
        line-height: 1.5; }
  .img-container .main .item {
    width: 694px;
    height: 434px;
    position: relative;
    margin-bottom: 20px;
    transition: all 0.15s;
    overflow: hidden;
    cursor: pointer; }
    .img-container .main .item:hover .bolang {
      bottom: 0; }
    .img-container .main .item:hover .text-container {
      bottom: 0; }
    .img-container .main .item:nth-child(2n) {
      margin-right: 0; }
    .img-container .main .item .main {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .img-container .main .item .bolang {
      height: 165px;
      width: 100%;
      position: absolute;
      left: 0;
      bottom: -165px;
      transition: all 0.15s; }
    .img-container .main .item .text-container {
      position: absolute;
      padding: 30px;
      width: 100%;
      bottom: -100%;
      left: 0;
      transition: all 0.15s; }
      .img-container .main .item .text-container .title {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: white;
        margin-bottom: 11px; }
      .img-container .main .item .text-container .content {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 300;
        color: white;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }

.big-title {
  margin-bottom: 181px;
  text-align: center; }
  .big-title h1 {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #2eb6aa;
    margin-bottom: 22px; }
  .big-title p {
    font-size: 16px;

    font-weight: bold;
    color: #999999; }

.wrapper {
  display: flex;
  justify-content: center;
  padding-bottom: 60px;width: 1400px;
    margin: 0 auto; }
  .wrapper .item {
    position: relative;
    height: 280px;
    width: 280px;
    overflow: hidden; }
    .wrapper .item img {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .wrapper .item:hover .mask {
      top: 0; }
    .wrapper .item:hover .bt-box {
      top: 100%; }
    .wrapper .item .mask {
      transition: all 0.15s;
      position: absolute;
      left: 0;
      top: -100%;
      height: 100%;
      width: 100%;
      background-color: #4ab3bd;
      opacity: 0.8;
      display: flex;
      align-items: center;
      justify-content: center; }
      .wrapper .item .mask .box {
        width: calc(100% - 22px);
        height: calc(100% - 22px);
        border: 2px solid white;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column; }
        .wrapper .item .mask .box p:first-child {
          font-size: 24px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: white; }
        .wrapper .item .mask .box p:last-child {
          font-size: 14px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: white; }
    .wrapper .item .bt-box {
      opacity: 0.8;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 54px;
      background-color: rgba(74, 179, 189, 0.8);
      text-align: center;
      line-height: 54px;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: 300;
      color: white; }

.huizhantu {
  position: relative;
  margin-bottom: 223px; }
  .huizhantu .item.left, .huizhantu .item.right {
    width: 447px; }
  .huizhantu .item.top, .huizhantu .item.bottom {
    width: 500px;
    position: absolute; }
  .huizhantu .item.left {
    margin-right: 170px; }
  .huizhantu .item.right {
    margin-left: 170px; }
  .huizhantu .item.top {
    top: -140px;
    height: 282px; }
  .huizhantu .item.bottom {
    bottom: -155px; }
    .huizhantu .item.bottom p {
      font-size: 30px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: white; }
  .huizhantu .item {
    display: flex;
    height: 260px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative; }
    .huizhantu .item img:first-child {
      position: absolute;
      top: 0;
      left: 0; }
    .huizhantu .item img:nth-child(2) {
      margin-bottom: 32px;
      position: relative; }
    .huizhantu .item p {
      position: relative;
      line-height: 1;
      font-size: 30px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #666666; }

@media screen and (max-width: 1450px) {
  .img-container .main .item {
    width: 600px !important; }
  .img-container .main .sel-item {
    width: 600px !important; }
  .img-container .main .pinpai-item {
    width: 600px !important; }

  .wrapper {
  width: 1200px;
    margin: 0 auto;}
  .dev-history .break-menu {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #666666;     width: 1200px;
    margin: 0 auto;}
}

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