.company{
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.event{
  text-align: center;
}

.event-line{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}

.event-line .event-line-content{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: stretch; 

}

.event-line .event-line-content .event-item-year{
  flex:1;

  /*flex 布局*/
  display: flex;
  /*实现垂直居中*/
  align-items: center;
   
  text-align: justify;
}

.event-year-content{
  color: #ee7f21;
  font-size: 40px;
}

.event-line .event-line-content .event-item-line{
  width:18px;
  display: flex;
  flex-direction: column;
}

.event-line .event-line-content .event-item-line-l{
  height:15px;
  width:8px;
  flex:1;
  border-right: 2px solid rgba(99,104,114, 0.1);
}

.event-line .event-line-content .event-item-event{
  flex:1;

  margin-top: 20px;
  margin-bottom: 20px;

  padding: 10px 0;
}

.event-line .event-line-content .event-item-event .event-content{
  border-radius: 15px;
  box-shadow: 10px 10px 30px 5px  rgba(180,180,181, 0.5);

  padding: 10px 20px;

  font-size: 16px !important;
  line-height: 28px !important;
}

.event-ml{
  margin-left:40px;
}

.event-mr{
  margin-right:40px;
}

.year-number{
  float: left;
}


.culture .culture-area{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

  margin-top:60px;
}

.culture .culture-area .culture-area-item{
  width:33%;
  overflow: hidden;
  height:200px;
}

.culture .culture-area .culture-area-item .culture-show{
  display: flex;
  flex-direction: column;
  align-items: center;

  border: 1px solid #f4f4f4;
  
  margin-top: 0px;

  transition:margin-top 0.5s ;
  -o-transition: margin-top 0.5s ; /*兼容parsto内核*/
  -moz-transition: margin-top 0.5s ; /*兼容gecko内核*/
  -webkit-transition: margin-top 0.5s ; /*兼容webkit内核*/
  
}

.culture .culture-area .culture-area-item .culture-show img{
  width:100px;
}

.culture .culture-area .culture-area-item  .culture-show .title{
  margin-top: 20px;
}

.culture .culture-area .culture-area-item .culture-show .desc{
  margin-top: 20px;
  height:110px;
  font-size: 14px !important;
  line-height: 25px !important;


  opacity: 0;
  transition:opacity 0.5s ;
  -o-transition: opacity 0.5s ; /*兼容parsto内核*/
  -moz-transition: opacity 0.5s ; /*兼容gecko内核*/
  -webkit-transition: opacity 0.5s ; /*兼容webkit内核*/
}

.culture .culture-area .culture-area-item .culture-show:hover .desc{
  opacity: 1;
  transition:opacity 0.5s ;
  -o-transition: opacity 0.5s ; /*兼容parsto内核*/
  -moz-transition: opacity 0.5s ; /*兼容gecko内核*/
  -webkit-transition: opacity 0.5s ; /*兼容webkit内核*/
}

.culture .culture-area .culture-area-item .culture-show:hover{
  margin-top: -120px;

  transition:margin-top 0.5s ;
  -o-transition: margin-top 0.5s ; /*兼容parsto内核*/
  -moz-transition: margin-top 0.5s ; /*兼容gecko内核*/
  -webkit-transition: margin-top 0.5s ; /*兼容webkit内核*/
}