*{
  margin:0;
  padding: 0;
}
body{
  background-color: rgb(247,247,247);
}
a{
  text-decoration: none;
}
li{
  list-style: none;
}
.about_banner {
    width: 100%;
    height: auto;
}
.about_banner .about_banner_center {
    max-width: 1920px;
    max-height: 600px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.about_banner_center img{
  /*position: absolute;
  z-index: -1;*/
}
.about_banner_center .about_text{
  width: 1200px;
  height: 100%;
  margin:0 auto;
  position: relative;
}
.about_text div{
  height: 50px;
  font-size: 2.5vw;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  top: -21.2vw;
}
.about_text p{
  font-weight: bold;
  color: #FFFFFF;
  font-size: 1.2vw;
  position: absolute;
  top: -16.5vw;
}
.body_center h3{
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 24px;
  color: #000;
}
.jianjie{
  height: 400px;
  width: 100%;
  position: relative;
}
.jianjie_l{
      width: 600px;
      height: 100%;
      position: absolute;
      z-index: 1;
}
.jianjie_r{
      width: 500px;
    height: 340px;
    padding: 30px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    position: absolute;
    left: 600px;
    /* top: 20px; */
    background: #fff;
    z-index: 99;
}
.pinpai {
    height: 320px;
    width: 100%;
}
.pinpai_l{
  width: 540px;
  height: 260px;
  padding:30px 30px;
  float: left;
  background-color: #fff;
  color: #666666;
  font-size: 14px;
  line-height: 30px;
}
.pinpai_l .title{
  font-size: 18px;
  color: #000;
  height: 50px;
  line-height: 30px;
  text-align: center;
}
.pinpai_r{
  width: 580px;
  height: 320px;
  float: right;
}
.cxlc{
  max-width: 1920px;
  /*max-height: 783px;*/
  height: 783px;
  margin: 0 auto;
  margin-top: 50px;
  position: relative;
}
.cxlc_bg{
  width: 100%;
  height: 100%;
  /* position: absolute; */
  /* z-index: -1; */
}
.cxlc h3{
  /* position: absolute; */
  font-size: 24px;
  color: #fff;
  text-align: center;
  /* float: left; */
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  /* margin-top: 50px; */
  /* margin-top: 50px; */
}
.xzwm{
  width: 100%;
  height: 433px;
}
.xzwm_l{
  width: 430px;
  height: 100%;
  float: left;
}
.xzwm_r{
  width: 750px;
  height: 100%;
  float: right;
  background-color: #fff;
}
.xzwm_r h3{
  font-size: 18px;
  color: #000;
  margin-top: 50px;
}
.xzwm_img{
  width: 686px;
  height: 150px;
  border-bottom: 6px solid #D01515;
  margin: 0 auto;
}
.xzwm_img ul li{
  width: 25%;
  float: left;
  text-align: center;
}
.xzwm_img ul li p{
  width: 46px;
  height: 46px;
  /*border: 1px dashed #666;*/
  margin: 20px auto;
}
.xzwm_img ul li span{
  color: #D01515;
  font-size: 18px;
}
.xzwm_text{
     width: 686px;
    height: 150px;
    margin: 0 auto;
}
.xzwm_text ul li{
  width: 25%;
  float: left;
  text-align: center;
  color: #D01515;
}
.xzwm_text ul li p{
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.xzwm_text ul li p span{
  font-size: 14px;
}
.xzwm_text ul li span{
  font-size: 14px;
}
.body .body_center{
  width: 1200px!important;
}
.main {
    /* float: left; */
    /* position: absolute; */
    width: 1000px;
    margin: 0 auto;
    padding:30px 100px;
    height: 570px;
    /* margin-top: 80px; */
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.time-axis {
    margin: 0;
    padding: 0;
    position: relative;
}
.time-axis:before {
    content: '';
    position: absolute;
    left: 93px;
    top: 15px;
    width: 1px;
    height: 100%;
    background-color: #E4E4E4;
}
.time-axis-item {
    list-style: none;
    padding-left: 150px;
    position: relative;
    line-height: 45px;
    font-size: 14px;
    color: #141414;
}
.time-axis-date {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 18px;
}
.time-axis-date span {
    position: absolute;
    right: -59px;
    top: 15%;
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 100%;
    background-color: #fff;
}
.time-axis-date span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 7px;
    height: 7px;
    margin: auto;
    /* background-color: #ccc; */
    border: 3px solid #ccc;
    border-radius: 100%;
}
.time-axis-item {
    list-style: none;
    padding-left: 150px;
    position: relative;
    line-height: 45px;
    font-size: 14px;
    color: #141414;
    padding-bottom: 30px;
}
.time-axis-achievement {
    margin: 0;
}
.time-axis-title{
  color: #fff;
  font-size: 14px;
  line-height: 26px;
}