/* 关于我们-生命力大事记 */
.md18775.md-development_history{width: 100%;padding: .95rem 0 1rem;background-color: #f4f4f6;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md18775.md-development_history img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md18775.md-development_history .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md18775.md-development_history .wn-titles{width: 100%;padding-bottom: .65rem;text-align: center;color: #222222;line-height: 1.2;font-weight: bold;}
.md18775.md-development_history .wn-titles img{margin-top: -.1em;height: .77em;margin-right: .05rem;} 
.md18775.md-development_history .wn-top{width: 100%;position: relative;margin-bottom: .6rem;}
.md18775.md-development_history .wn-top:after{content: '';position: absolute;bottom: .1rem;left: 0;width: 100%;height: 1px;background-color: #cacaca;}
.md18775.md-development_history .wn-swiper1{width: 100%;}
.md18775.md-development_history .wn-nav{display: flex;align-items: flex-end;height: auto;cursor: pointer;width: 16.66%;padding: 0 .15rem .3rem;text-align: center;position: relative;}
.md18775.md-development_history .wn-nav:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .2rem;background-image: url('../images/a21.png');background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}
.md18775.md-development_history .wn-timebox{width: 100%;}
.md18775.md-development_history .wn-span{width: 100%;color: #222222;line-height: 1.5;}
.md18775.md-development_history .wn-nav.active:after{background-image: url('../images/a21-b.png');}
.md18775.md-development_history .wn-nav.active .wn-span{font-size: 1.3em;line-height: 1.4;font-weight: bold;color: #e00014;}

.md18775.md-development_history .wn-bottom{width: 100%;position: relative;}
.md18775.md-development_history .wn-swiper2{width: 12rem;max-width: calc(100% - .54rem);}
.md18775.md-development_history .wn-item{width: 100%;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.md18775.md-development_history .wn-left{width: calc(482/1200*100%);}
.md18775.md-development_history .wn-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(340/482*100%);border-radius: .2rem;}
.md18775.md-development_history .wn-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md18775.md-development_history .wn-right{width: calc(620/1200*100%);}
.md18775.md-development_history .wn-time{width: 100%;position: relative;padding-bottom: .15rem;margin-bottom: .25rem;color: #222222;font-weight: bold;line-height: 1.3;}
.md18775.md-development_history .wn-time:after{content: '';position: absolute;bottom: 0;left: 0;width: .3rem;height: .04rem;background-color: #e00014;}
.md18775.md-development_history .wn-textbox{width: 100%;color: #666666;line-height: 1.45;}
.md18775.md-development_history .wn-textbox *{line-height: inherit;}
.md18775.md-development_history .wn-prev{transition: all .3s; left: 0;margin-top: -.27rem;width: .54rem;height: .54rem;border-radius: 50%;background-color: rgba(0,0,0,.1); background-image: url('../images/a19.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat;}
.md18775.md-development_history .wn-prev:hover{background-color: #e00014;}
.md18775.md-development_history .wn-next{transform: rotate(-180deg);transition: all .3s; right: 0;margin-top: -.27rem;width: .54rem;height: .54rem;border-radius: 50%;background-color: rgba(0,0,0,.1); background-image: url('../images/a19.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat;}
.md18775.md-development_history .wn-next:hover{background-color: #e00014;}

@media (max-width: 1150px) {
    .md18775.md-development_history .wn-nav{width: 25%;}
}
@media (max-width: 750px) {
    .md18775.md-development_history .wn-nav{width: 33.33%;}
    .md18775.md-development_history .wn-swiper2{width: 100%;max-width: 100%;padding-bottom: 1rem;}
    .md18775.md-development_history .wn-item{display: block;}
    .md18775.md-development_history .wn-left{width: 100%;margin-bottom: .3rem;}
    .md18775.md-development_history .wn-right{width: 100%;}
    .md18775.md-development_history .wn-prev{top: auto;bottom: 0;left: calc(50% - .8rem);}
    .md18775.md-development_history .wn-next{top: auto;bottom: 0;right: calc(50% - .8rem)}
    .md18775.md-development_history .wn-span{font-size: .9em !important;}
}