@charset "UTF-8";
/**
 * 首页-css
 */
.comm-banner .item > img {
  min-height: 200px; }

.comm-banner .carousel-caption {
  bottom: 50px; }

.comm-banner .carousel-indicators li {
  width: 15px;
  height: 15px;
  margin: 3px;
  background-color: #9d9d9d;
  border: 1px solid #9d9d9d; }

.comm-banner .carousel-indicators .active {
  width: 16px;
  height: 16px;
  background-color: #fff; }

.comm-banner .btn-cprimary {
  color: #fff;
  background-color: #3f7df8;
  border-color: #3f7df8;
  margin: 50px 0;
  border-radius: 50px;
  padding: 18px 70px;
  font-size: 23px;
  letter-spacing: 5px; }
  .comm-banner .btn-cprimary p {
    font-size: 20px; }
  .comm-banner .btn-cprimary .title {
    font-size: 50px;
    margin: 0;
    margin-bottom: 20px; }
  .comm-banner .btn-cprimary:hover {
    background-color: #4475d7;
    border-color: #4475d7; }

.future {
  margin-top: 50px;
  margin-bottom: 100px;
  text-align: center; }
  .future .title {
    font-size: 36px;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #262626; }
  .future .short-desc {
    color: #417bf9;
    font-size: 18px;
    display: inline-block;
    position: relative; }
    .future .short-desc::after {
      content: "";
      height: 1px;
      width: 60px;
      background: #417bf9;
      position: absolute;
      right: -75px;
      top: 10px; }
    .future .short-desc::before {
      content: "";
      height: 1px;
      width: 60px;
      background: #417bf9;
      position: absolute;
      left: -75px;
      top: 10px; }
  .future .desc {
    color: #333;
    margin: 30px auto 60px;
    font-size: 16px; }
  .future .content {
    margin: 0 auto; }
    .future .content .item {
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 30px;
      max-width: 335px;
      max-height: 409px;
      margin: 15px auto; 
      cursor: pointer;
    }
      .future .content .item img {
        margin: 30px 0; }
      .future .content .item p {
        margin: 30px 0;
        font-size: 17px; }
      .future .content .item:hover {
        transform: scale(1.02);
      }

.point {
  text-align: center; }
  .point .content {
    margin: 60px 0 100px;
    margin-left: -20px;
    margin-right: -20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly; }
    .point .content .item {
      width: 280px;
      margin: 20px 40px; }
      .point .content .item p {
        font-size: 20px;
        margin: 28px 0 70px; }

.plan {
  text-align: center;
  background: url(../static/imgs/bg_1.png);
  padding: 80px 0; }
  .plan .title {
    position: relative; }
    .plan .title::before {
      content: "";
      width: 100px;
      height: 4px;
      top: 18px;
      position: absolute;
      background: #000;
      transform: translateX(-110px); }
    .plan .title::after {
      content: "";
      width: 100px;
      height: 4px;
      top: 18px;
      margin-left: 10px;
      position: absolute;
      background: #000; }
  .plan > p {
    font-size: 16px;
    color: #333;
    margin: 25px 0; }
  .plan .content {
    padding: 25px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .plan .content .item {
      position: relative;
      margin: 10px 0; }
      .plan .content .item img {
        width: 280px;
        height: 380px;
        overflow: hidden;
        border-radius: 5px; }
      .plan .content .item .c-btn {
        position: absolute;
        bottom: 50px;
        color: #fff;
        width: 100%;
        cursor: pointer; }
        .plan .content .item .c-btn span {
          font-size: 24px;
          padding: 10px;
          border: 1px solid;
          border-radius: 6px; }
        .plan .content .item .c-btn p {
          font-size: 16px;
          margin: 15px 0; }

.news {
  text-align: center;
  padding: 30px 0; }
  .news .content {
    margin-top: 70px; }
    .news .content .list .item {
      border-bottom: 1px solid #D2D2D2; }
      .news .content .list .item .title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .news .content .list .item .child {
        display: flex;
        justify-content: space-between; }
        .news .content .list .item .child .desc {
          flex: 1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-right: 20px;
          text-align: left; }
    .news .content .imgs .news-banner .carousel-inner .item > img {
      height: 400px; }
    .news .content .imgs .news-banner .carousel-caption {
      padding: 0;
      left: 0;
      right: 0;
      bottom: 0;
      text-align: left;
      padding: 10px 10px 40px;
      background: rgba(0, 0, 0, 0.6);
      cursor: pointer; }
      .news .content .imgs .news-banner .carousel-caption h3 {
        margin: 0; }
      .news .content .imgs .news-banner .carousel-caption p {
        margin: 0; }
    .news .content .imgs .news-banner .carousel-indicators {
      bottom: 0; }
      .news .content .imgs .news-banner .carousel-indicators .active {
        background: #3F7CF8;
        border-color: #3F7CF8; }
      .news .content .imgs .news-banner .carousel-indicators li {
        background-color: #fff; }

@media (max-width: 768px) {
  .future .short-desc {
    width: calc(100% - 140px); }
  .plan .content {
    justify-content: center; } }