/* 关于我们-介绍 */
.md34886.y-main{width: 100%;position: relative;padding: .2rem 0 .5rem;} 
.md34886.y-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md34886.y-main .my-id{position: absolute;top: -2rem;}
.md34886.y-main .y-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.md34886.y-main .y-left{width: 8rem;}
.md34886.y-main .y-titles{width: 100%;color: #404040;font-weight: bold;line-height: 1.2;}
.md34886.y-main .y-intro{width: 100%;margin-top: .25rem;color: #333333;line-height: 1.72;}
.md34886.y-main .y-list{position: relative;left: -.15rem;width: calc(100% + .3rem);padding-top: .3rem; display: flex;flex-wrap: wrap;justify-content: space-between;}
.md34886.y-main .y-item{display: block;padding: 0 .15rem;margin-top: .3rem;}
.md34886.y-main .y-nubbox{width: 100%;font-size: 0;}
.md34886.y-main .y-nub{display: inline;margin-right: .13rem;color: var(--theme);line-height: 1;}
.md34886.y-main .y-unit{display: inline;color: var(--theme);line-height: 1;}
.md34886.y-main .y-tip{width: 100%;padding-top: .13rem;color: #666666;line-height: 1.6;}
.md34886.y-main .y-right{width: 7rem;}
.md34886.y-main .y-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(500/700*100%);}
.md34886.y-main .y-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

@media (max-width: 750px) {
   .md34886.y-main .y-left{width: 100%;margin-bottom: .3rem;}
   .md34886.y-main .y-right{width: 100%;}
}


.md34886.x-main{width: 100%;} 
.md34886.x-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}  
.md34886.x-main .my-id{position: absolute;top: -2rem;}
.md34886.x-main .x-top{width: 100%;padding: .95rem 0;text-align: center; background-color: #f7f7f7;}
.md34886.x-main .x-textbox{width: 100%;max-width: 52em;margin: 0 auto;color: #333333;line-height: 1.58;}
.md34886.x-main .x-textbox *{line-height: inherit;max-width: 100%;}

/* 关于我们-板块1 */
.md34885.x-main{width: 100%;} 
.md34885.x-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}  
.md34885.x-main .my-id{position: absolute;top: -2rem;}
.md34885.x-main .x-top{width: 100%;padding: .95rem 0;text-align: center; background-color: #f7f7f7;}
.md34885.x-main .x-textbox{width: 100%;max-width: 52em;margin: 0 auto;color: #333333;line-height: 1.58;}
.md34885.x-main .x-textbox *{line-height: inherit;max-width: 100%;}
.md34885.x-main .x-bottom{width: 100%;padding: .4rem 0;}
.md34885.x-main .x-one{width: 100%;position: relative;padding: .4rem 0;}
.md34885.x-main .x-cont{width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.md34885.x-main .x-imgbox{width: 50%;}
.md34885.x-main .x-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(500/800*100%);}
.md34885.x-main .x-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md34885.x-main .x-text{width: calc(50% - 1.2rem);}
.md34885.x-main .x-icon{width: 100%;margin-bottom: .25rem;}
.md34885.x-main .x-icon img{height: .51rem;}
.md34885.x-main .x-name{width: 100%;margin-bottom: .3rem;color: #404040;font-weight: bold;line-height: 1.2;}
.md34885.x-main .x-intro{width: 100%;color: #333333;line-height: 1.72;}
.md34885.x-main .x-one:nth-child(2n) .x-cont{flex-direction: row-reverse;}

@media (max-width: 750px) {
   .md34885.x-main .x-imgbox{width: 100%;margin-bottom: .3rem;}
   .md34885.x-main .x-text{width: 100%;}
}

/* 关于我们-发展历程 */
.md34888.wa-main{width: 100%;position: relative;} 
.md34888.wa-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md34888.wa-main .my-id{position: absolute;top: -2rem;}
.md34888.wa-main .wa-titles{width: 100%;margin-bottom: .5rem;color: #404040;font-weight: bold;line-height: 1.2;}
.md34888.wa-main .wa-cont{width: 100%;position: relative;}
.md34888.wa-main .wa-bgbox{position: absolute;top: 0;left: 0;width: 100%;}
.md34888.wa-main .wa-bg1{position: absolute;top: 0;left: 0;width: 100%;}
.md34888.wa-main .wa-bg1 img{width: 100vw;}
.md34888.wa-main .wa-bg2{position: absolute;top: 0;left: 0;width: 0;overflow: hidden;}
.md34888.wa-main .wa-bg2 img{width: 100vw;max-width: none;}
.md34888.wa-main.show .wa-bg2{width: 17.8rem;transition: all 1s;}
.md34888.wa-main.finish .wa-bg2{width: 100%;transition: all 1s;}
.md34888.wa-main.change .wa-bg2{width: 16.5rem;transition: all 1s;}

.md34888.wa-main .wa-swiperbox{width: 100%;padding-left: 2.6rem;}
.md34888.wa-main .wa-swiper{width: 15.2rem;max-width: 100%;margin: 0;overflow: visible;}
.md34888.wa-main .wa-item{display: block;height: auto;min-height: 4.15rem;padding-top: .98rem;transition: all .5s;}
.md34888.wa-main .wa-link{display: block;position: relative;width: 100%;height: 100%;padding: .5rem .35rem .3rem;}
.md34888.wa-main .wa-link:before{transition: height 2s;content: '';position: absolute;top: 0;left: .06rem;width: 1px;height: 100%;border-left: 1px dashed var(--theme);}
.md34888.wa-main .wa-link:after{transition: all .3s; content: '';position: absolute;top: 0;left: 0;width: .13rem;height: .13rem;border-radius: 50%;background-color: var(--theme);}
.md34888.wa-main .wa-year{transition: all .3s;opacity: 1;position: relative;left: 0;width: 100%;color: #404040;line-height: 1.3;font-weight: bold;}
.md34888.wa-main .wa-intro{transition: all .3s;opacity: 1;position: relative;left: 0;width: 100%;margin-top: .15rem;max-width: 18em;color: #666666;line-height: 1.6;}

.md34888.wa-main .wa-scrollbar{position: relative;width: 16rem;max-width: 92%;margin: .5rem auto 0;height: 3px;background-color: #cccccc;}
.md34888.wa-main .wa-scrollbar .swiper-scrollbar-drag{background-color: var(--theme);}
  

@media (min-width: 900px) {
  .md34888.wa-main .wa-item.swiper-slide-active{padding-top: .78rem;}  
  .md34888.wa-main .wa-item.swiper-slide-active + .wa-item{padding-top: .6rem;} 
  .md34888.wa-main .wa-item.swiper-slide-active + .wa-item  + .wa-item{padding-top: .45rem;} 
  .md34888.wa-main .wa-item.swiper-slide-active + .wa-item + .wa-item + .wa-item{padding-top: .23rem;} 
  .md34888.wa-main .wa-item.swiper-slide-active + .wa-item + .wa-item + .wa-item + .wa-item{padding-top: 0;}  
  .md34888.wa-main .wa-item.swiper-slide-active + .wa-item + .wa-item + .wa-item + .wa-item + .wa-item{padding-top: 0;}  
  
  .md34888.wa-main .wa-item.swiper-slide-active + .wa-item + .wa-item + .wa-item + .wa-item .wa-link:before{height: 0;opacity: 0;}
  .md34888.wa-main .wa-item.swiper-slide-active + .wa-item + .wa-item + .wa-item + .wa-item .wa-link:after{background-color: #dfe1da;}
  .md34888.wa-main .wa-item.swiper-slide-active + .wa-item + .wa-item + .wa-item + .wa-item .wa-year{opacity: 0;left: .2rem;}
  .md34888.wa-main .wa-item.swiper-slide-active + .wa-item + .wa-item + .wa-item + .wa-item .wa-intro{opacity: 0;left: .2rem;}
    
  .md34888.wa-main .wa-item.swiper-slide-active + .wa-item + .wa-item + .wa-item  .wa-year{transition-delay: 1s;}
  .md34888.wa-main .wa-item.swiper-slide-active + .wa-item + .wa-item + .wa-item  .wa-intro{transition-delay: 1s;}

  .md34888.wa-main .wa-sticky{position: sticky;top: 2rem;left: 0;width: 100%;min-height: calc(100vh - 2rem);overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;}
  .md34888.wa-main .wa-anchorbox{width: 100%;}
  .md34888.wa-main .wa-anchor{width: 100%;height: 300px;}
}
@media (max-width: 900px) { 
  .md34888.wa-main .wa-sticky{width: 100%;padding: .45rem 0 1rem;overflow: hidden;}
  .md34888.wa-main .wa-anchorbox{display: none;}

  .md34888.wa-main .wa-bgbox{display: none;}
  .md34888.wa-main .wa-cont:before{content: '';position: absolute;top: 3px;left: 0;width: 100%;height: 1px;background-color: #dfe1da;}
  .md34888.wa-main .wa-swiperbox{padding-left: 0;}
  .md34888.wa-main .wa-swiper{width: 16rem;max-width: 92%;margin: 0 auto;}
  .md34888.wa-main .wa-item{width: 5rem;max-width:80%;padding-top: 0;}
  .md34888.wa-main .wa-link:after{width: 7px;height: 7px;}
}