/* 关于-发展历程 */
.md31292.wc-main{width: 100%;padding: .2rem 0  0;background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;}
.md31292.wc-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md31292.wc-main .layout{width: 12.6rem;max-width: 92%;margin: 0 auto;}
.md31292.wc-main .my-top{width: 100%;text-align: center;padding-bottom: .85rem;}
.md31292.wc-main .my-titles{width: 100%;color: #333333;font-weight: bold;line-height: 1.16;}
.md31292.wc-main .wc-cont{width: 100%;position: relative;padding-bottom: 1.15rem;}
.md31292.wc-main .wc-cont:before{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 100%;background-color: #d0dae9;}
.md31292.wc-main .wc-item{width: 100%;padding-bottom: .65rem;}
.md31292.wc-main .wc-box{display: inline-block;vertical-align: top;position: relative;width: 50%;text-align: right;padding-right: 1rem;}
.md31292.wc-main .wc-box:before{content: '';position: absolute;top: 0;right:0;transform: translate(50%,0); width: .45rem;height: .45rem;border-radius: 50%;background-color: #e7edf6;}
.md31292.wc-main .wc-box:after{content: '';position: absolute;top: .125rem;right: 0;transform: translate(50%,0);width: .2rem;height: .2rem;border-radius: 50%;background-color: var(--theme);}
.md31292.wc-main .wc-year{width: 100%;margin-bottom: .25rem;color: #333333;font-weight: bold;line-height: 1.3;}
.md31292.wc-main .wc-intro{width: 100%;color: #666666;line-height: 1.87;}

.md31292.wc-main .wc-box:hover:before{background-color: #fff6ee;}
.md31292.wc-main .wc-box:hover:after{background-color: var(--active);}
.md31292.wc-main .wc-box:hover .wc-year{color: var(--active);}

@media (min-width: 750px) { 
  .md31292.wc-main .wc-item:nth-child(2n){text-align: right;}
  .md31292.wc-main .wc-item:nth-child(2n) .wc-box{text-align: left;padding-right: 0;padding-left: 1rem;}
  .md31292.wc-main .wc-item:nth-child(2n) .wc-box:before{right: 0;left: 0;transform: translate(-50%,0);}
  .md31292.wc-main .wc-item:nth-child(2n) .wc-box:after{right: 0;left: 0;transform: translate(-50%,0);}
}

@media (max-width: 750px) {
  .md31292.wc-main .wc-cont:before{left: .225rem;}
  .md31292.wc-main .wc-item{text-align: right;}
  .md31292.wc-main .wc-box{text-align: left;width: 100%;padding-right: 0;padding-left: 1rem;}
  .md31292.wc-main .wc-box:before{right: 0;left: 0;transform: translate(0,0);}
  .md31292.wc-main .wc-box:after{right: 0;left: 0;transform: translate(50%,0);}
}