.content-line .lines {

  background-image: url(../images/about/line.png);

  background-repeat: no-repeat;

  background-size: cover;

}
.ything{
  width: 95%;
  margin: 0 1%;
}

.content-line .item:nth-child(even).item .list {
margin-right: 50px;
}
.list .desc {
width: 75%;
font-size: 20px;
color: #333333;
}
.list .date {
width: 6.5%;
}
.content-line .lines {

  width: 92.35%;

  margin: auto;

}

.content-line {

  margin-top: 83px;

  margin-bottom: 77px;

}

.content-line .item {

  display: flex;

  align-items: center;

  padding: 58px 0;

  position: relative;

}

.round {

  width: 106px;

  height: 106px;

  background-color: #001365;

  border-radius: 100%;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 26px;

  font-weight: bold;

  margin-left: -53px;
  text-align: center;
}

.item .list {

  display: flex;

}

.list .date {

  width: 80px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  background-color: #03a0e2;

  border-radius: 4px;

  color: #fff;

  margin-left: 33px;

  margin-right: 19px;

}

.list .desc {

  font-size: 16px;

  color: #333333;

}

.content-line .item:nth-child(even) {

  justify-content: flex-start;

  flex-direction: row-reverse;

}

.content-line .item:nth-child(even).item .list {

  flex-direction: row-reverse;

  margin-right: 53px;

}

.content-line .item:nth-child(5) {

  padding: 70px 0;

}

.content-line .item:nth-child(even) .round {

  margin-right: -53px;

}

.content-line .list {

  margin-bottom: 10px;

}

.content-line .list:last-child {

  margin-bottom: 0;

}

.content-bread .tabs {

  width: 47.14%;

}

@media (max-width: 1320px) {

  .round {

    width: 76px;

    height: 76px;

    margin-left: -38px;

    font-size: 19px;

  }

  .content-line .item:nth-child(even) .round {

    margin-right: -38px;

  }

  .content-line .item:nth-child(even).item .list {

    flex-direction: row-reverse;

    margin-right: 38px;

  }

}

/* padpro端 */

@media screen and (min-width: 991px) and (max-width: 1366px) {

  .content-line .lines {

    background-image: none;

  }

  .content-line .item {

    display: flex;

    align-items: center;

    padding: 30px 0 !important;

    border-bottom: 1px solid #001365;

  }

  .list .date {

    width: 11%;

    margin-left: 18px;

    margin-right: 12px;

  }

  .list .desc {

    width: 80%;

    font-size: 15px;

  }

  .content-line {

    margin-top: 70px;

    margin-bottom: 60px;

  }

}

/* pad端 */

@media screen and (min-width: 768px) and (max-width: 991px) {

  .content-line .lines {

    background-image: none;

  }

  .content-line .item {

    display: flex;

    align-items: center;

    padding: 25px 0 !important;

    border-bottom: 1px solid #001365;

  }

  .list .date {

    width: 11%;

    margin-left: 18px;

    margin-right: 12px;

    font-size: 13px;

  }

  .list .desc {

    width: 85%;

    font-size: 14px;

  }

  .content-line {

    margin-top: 45px;

    margin-bottom: 45px;

  }

  .ything {

    width: 75%;

  }

  .round {

    width: 66px;

    height: 66px;

    margin-left: -33px;

    font-size: 19px;

  }

  .content-line .item:nth-child(even) .round {

    margin-right: -33px;

  }

  .content-line .item:nth-child(even).item .list {

    flex-direction: row-reverse;

    margin-right: 33px;

  }

}

/* 移动端 */

@media (max-width: 767px) {

  .content-line .lines {

    background-image: none;

  }

  .content-line .item {

    display: flex;

    align-items: center;

    padding: 25px 0 !important;

    border-bottom: 1px solid #001365;

  }

  .list .date {

    width: 22%;

    margin-left: 18px;

    margin-right: 12px;

    font-size: 12px;

  }

  .list .desc {

    width: 75%;

    font-size: 12px;

  }

  .content-line {

    margin-top: 30px;

    margin-bottom: 30px;

  }

  .ything {

    width: 85%;

  }

  .round {

    width: 58px;

    height: 58px;

    margin-left: 0px;

    font-size: 16px;

  }

  .content-line .item:nth-child(even) .round {

    margin-right: 0px;

  }

  .content-line .item:nth-child(even).item .list {

    flex-direction: row-reverse;

    margin-right: 0px;

  }

  .content-bread .tabs {

    width: 100%;

  }

}



/* 

.content-line .lines {

    background-image: url(../images/about/line.png);

    background-repeat: no-repeat;

    background-size: cover;

  }

  .content-line .lines {

    width: 92.35%;

    margin: auto;

  }

  .content-line {

    margin-top: 83px;

    margin-bottom: 77px;

  }

  .content-line .item {

    display: flex;

    align-items: center;

    padding: 60px 0;

    position: relative;

  }

  .round {

    width: 106px;

    height: 106px;

    background-color: #001365;

    border-radius: 100%;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 26px;

    font-weight: bold;

    margin-left: -53px;

  }

  .item .list {

    display: flex;

  }

  .list .date {

    width: 11.5%;

    height: 30px;

    line-height: 30px;

    text-align: center;

    background-color: #03a0e2;

    border-radius: 4px;

    color: #fff;

    margin-left: 33px;

    margin-right: 19px;

  }

  .list .desc {

    width: 75%;

    font-size: 20px;

    color: #333333;

  }

  .content-line .item:nth-child(even) {

    justify-content: flex-start;

    flex-direction: row-reverse;

  }

  .content-line .item:nth-child(even).item .list {

    flex-direction: row-reverse;

    margin-right: 53px;

  }

  .content-line .item:nth-child(5) {

    padding: 70px 0;

  }

  .content-line .item:nth-child(even) .round {

    margin-right: -53px;

  }

  .content-line .list {

    margin-bottom: 20px;

  }

  .content-line .list:last-child {

    margin-bottom: 0;

  }

  .content-bread .tabs {

    width: 47.14%;

  }

  @media (max-width: 1400px) {

    .round {

      width: 76px;

      height: 76px;

      margin-left: -38px;

      font-size: 19px;

    }

    .content-line .item:nth-child(even) .round {

      margin-right: -38px;

    }

    .content-line .item:nth-child(even).item .list {

      flex-direction: row-reverse;

      margin-right: 38px;

    }

  }

  /* padpro端 */

/* @media screen and (min-width: 991px) and (max-width: 1366px) {

    .content-line .lines {

      background-image: none;

    }

    .content-line .item {

      display: flex;

      align-items: center;

      padding: 30px 0 !important;

      border-bottom: 1px solid #001365;

    }

    .list .date {

      width: 75px;

      margin-left: 18px;

      margin-right: 12px;

    }

    .list .desc {

      font-size: 15px;

    }

    .content-line {

      margin-top: 70px;

      margin-bottom: 60px;

    }

  }

  /* pad端 */

/* @media screen and (min-width: 768px) and (max-width: 991px) {

    .content-line .lines {

      background-image: none;

    }

    .content-line .item {

      display: flex;

      align-items: center;

      padding: 25px 0 !important;

      border-bottom: 1px solid #001365;

    }

    .list .date {

      width: 75px;

      margin-left: 18px;

      margin-right: 12px;

      font-size: 13px;

    }

    .list .desc {

      font-size: 14px;

    }

    .content-line {

      margin-top: 45px;

      margin-bottom: 45px;

    }

    .ything {

      width: 75%;

    }

    .round {

      width: 66px;

      height: 66px;

      margin-left: -33px;

      font-size: 19px;

    }

    .content-line .item:nth-child(even) .round {

      margin-right: -33px;

    }

    .content-line .item:nth-child(even).item .list {

      flex-direction: row-reverse;

      margin-right: 33px;

    }

  } */

/* 移动端 */

/* @media (max-width: 767px) {

    .content-line .lines {

      background-image: none;

    }

    .content-line .item {

      display: flex;

      align-items: center;

      padding: 25px 0 !important;

      border-bottom: 1px solid #001365;

    }

    .list .date {

      width: 75px;

      margin-left: 18px;

      margin-right: 12px;

      font-size: 13px;

    }

    .list .desc {

      font-size: 14px;

    }

    .content-line {

      margin-top: 30px;

      margin-bottom: 30px;

    }

    .ything {

      width: 85%;

    }

    .round {

      width: 66px;

      height: 66px;

      margin-left: 0px;

      font-size: 19px;

    }

    .content-line .item:nth-child(even) .round {

      margin-right: 0px;

    }

    .content-line .item:nth-child(even).item .list {

      flex-direction: row-reverse;

      margin-right: 0px;

    }

    .content-bread .tabs {

      width: 100%;

    }

  } */

