
.md34469.ab-main{width: 100%;padding: 1rem .3rem 1.2rem;font-family: Montserrat-Regular;scroll-margin-top: 1rem;}
.md34469.ab-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;}
.md34469.ab-main .top{display: flex;}
.md34469.ab-main .factory{width: 50%;overflow: hidden;position: relative;}
.md34469.ab-main .factory img{width: 100%;min-height: 100%;height: auto;vertical-align: top;object-fit: cover;transition: transform 12s cubic-bezier(.23, 1, .32, 1);}
.md34469.ab-main .factory:hover img{transform: scale(1.1);}
.md34469.ab-main .info{width: 50%;padding: 0 0.7rem 0 0.8rem;}
.md34469.ab-main .title{color: #333;line-height: 1;font-family: Montserrat-SemiBold;margin-bottom: .35rem;}
.md34469.ab-main .subtitle{line-height: 1.333;margin-bottom: .05rem;display: inline-block;background: -webkit-linear-gradient(left,var(--active), var(--theme));-webkit-background-clip: text;color: transparent;background-clip: text;font-family: Montserrat-Medium;}
.md34469.ab-main .desc{color: #666;line-height: 1.5;margin-bottom: .33rem;}
.md34469.ab-main .stats{display: flex;}
.md34469.ab-main .stat-card{width: calc(33.333% - 0.2rem);margin-right: 0.3rem;padding: .39rem .1rem .25rem;border-radius: .2rem;text-align: center;background: var(--active);background: linear-gradient(to bottom, var(--theme), var(--active));}
.md34469.ab-main .stat-card:nth-child(3n){margin-right: 0;}
.md34469.ab-main .stat-box{height: .6rem;margin-bottom: .28rem;}
.md34469.ab-main .stat-icon{height: 100%;width: auto;vertical-align: top;}
.md34469.ab-main .stat-num{color: #fff;line-height: 1;font-family: Montserrat-SemiBold;margin-bottom: .1rem;}
.md34469.ab-main .stat-label-wrap{min-height: 3em;display: flex;align-items: center;}
.md34469.ab-main .stat-label{color: #fff;line-height: 1.5;width: 100%;}
.md34469.ab-main .workshops{display: flex;margin-top: .6rem;}
.md34469.ab-main .workshop-card{width: 31.25%;margin-right: 3.125%;position: relative;}
.md34469.ab-main .workshop-card:nth-child(3n){margin-right: 0;}
.md34469.ab-main .wk-box{width: 100%;padding-top: 64%;position: relative;border-radius: .2rem;overflow: hidden;}
.md34469.ab-main .wk-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 1;transition: transform 12s cubic-bezier(.23, 1, .32, 1);}
.md34469.ab-main .wk-box:hover .wk-img{transform: scale(1.1);}
.md34469.ab-main .wk-tit{width: 100%;text-align: center;position: absolute;left: 0;bottom: 0.1rem;color: #fff;z-index: 12;line-height: 1.333;font-family: Montserrat-Medium;}
.md34469.ab-main .wk-box:after{content: "";display: block;width: 100%;height: 1.09rem;background-image: url(../images/about-1-mask.png);background-size: 100% 100%;position: absolute;left: 0;bottom: 0;z-index: 12;}
@media(max-width: 1200px){
    .md34469.ab-main  .info{padding: 0 0 0 .3rem;}
}
@media(max-width: 750px){
    .md34469.ab-main{padding: .6rem .3rem;}
    .md34469.ab-main .top{display: block;}
    .md34469.ab-main .factory{width: 100%;padding-top: 70.491%;margin-bottom: .5rem;position: relative;}
    .md34469.ab-main .factory img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
    .md34469.ab-main .info{width: 100%;padding-left: 0;}
    .md34469.ab-main .workshops{margin-top: .5rem;}
    .md34469.ab-main .workshop-card{width: calc(33.333% - 0.2rem);margin-right: 0.3rem;}
}
@media(max-width: 500px){
    .md34469.ab-main .workshops{display: block;}
    .md34469.ab-main .workshop-card{width: 100%;margin-right: 0;margin-bottom: 0.3rem;}
    .md34469.ab-main .workshop-card:last-child{margin-bottom: 0;}
}

.md34469.ac-main{width: 100%;position: relative;font-family: Montserrat-Regular;padding: .96rem .3rem 1rem;scroll-margin-top: 1rem;}
.md34469.ac-main .ac-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-size: cover;background-position: center top;}
.md34469.ac-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;z-index: 2;}
.md34469.ac-main .title{color: #fff;text-align: center;line-height: 1;font-family: Montserrat-SemiBold;margin-bottom: .4rem;}
.md34469.ac-main .ac-bn{width: 100%;margin-bottom: .38rem;}
.md34469.ac-main .ac-s{position: relative;display: flex;background-color: #fff;border-radius: .2rem;overflow: hidden;}
.md34469.ac-main .ac-box{width: 50%;height: 5.2rem;position: relative;overflow: hidden;}
.md34469.ac-main .ac-img{width: 100%;height: 100%;object-fit: cover;vertical-align: top;transition: transform 12s cubic-bezier(.23, 1, .32, 1);}
.md34469.ac-main .ac-box:hover .ac-img{transform: scale(1.1);}
.md34469.ac-main .ac-text{width: 50%;height: 5.2rem;display: flex;align-items: center;}
.md34469.ac-main .ac-mid{width: 100%;padding: 0.3rem 1.7rem 0.3rem 1.38rem;max-height: 100%;overflow: auto;}
.md34469.ac-main .ac-img{width: 100%;height: 100%;object-fit: cover;}
.md34469.ac-main .ac-tit{line-height: 1.333;margin-bottom: .4rem;display: inline-block;background: -webkit-linear-gradient(left,var(--active), var(--theme));-webkit-background-clip: text;color: transparent;background-clip: text;font-family: Montserrat-SemiBold;}
.md34469.ac-main .ac-rows{width: 100%;}
.md34469.ac-main .ac-row{color: #666;line-height: 1.875;padding-left: 1.125em;position: relative;margin-bottom: .3rem;}
.md34469.ac-main .ac-row:last-child{margin-bottom: 0;}
.md34469.ac-main .ac-arrow{display: inline-block;position: absolute;left: 0;top: 0.5625em;width: .5625em;height: .75em;background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));}
.md34469.ac-main .ac-arrow:before{content: "";display: block;border-right: 0.5625em solid #fff;border-bottom: .375em solid transparent;position: absolute;right: 0;top: 0;}
.md34469.ac-main .ac-arrow:after{content: "";display: block;border-right: 0.5625em solid #fff;border-top: .375em solid transparent;position: absolute;right: 0;bottom: 0;}
.md34469.ac-main .ac-year{width: 100%;text-align: center;position: absolute;left: 0;bottom: 0.23rem;color: #fff;z-index: 2;font-family: Montserrat-SemiBold;line-height: 1;}
.md34469.ac-main .ac-y-bn{width: calc(100% + 0.4rem);margin-left: -0.2rem;}
.md34469.ac-main .ac-y-s{width: 4.1rem;padding: 0 0.2rem;}
.md34469.ac-main .ac-y-item{width: 100%;line-height: .59rem;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.4);text-align: center;cursor: pointer;position: relative;}
.md34469.ac-main .ac-y-item-bg{width: 100%;height: calc(100% + 1px);position: absolute;left: 0;top: 0;z-index: 1;background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));opacity: 0;transition: opacity .3s;}
.md34469.ac-main .ac-y-item-txt{position: relative;z-index: 2;}
.md34469.ac-main .ac-y-s.active .ac-y-item-bg{opacity: 0.4;}
@media(min-width: 1201px){
    .md34469.ac-main .ac-y-s:hover .ac-y-item-bg{opacity: 0.2;}
    .md34469.ac-main .ac-y-s.active .ac-y-item-bg{opacity: 0.4;}
}
@media(max-width: 1200px){
    .md34469.ac-main .ac-mid{padding: 0.3rem;}
}
@media(max-width: 750px){
    .md34469.ac-main{padding: 0.6rem 0.3rem;}
    .md34469.ac-main .ac-row{margin-bottom: 0;}
    .md34469.ac-main .ac-tit{margin-bottom: 0.2rem;}
    .md34469.ac-main .ac-s{display: block;}
    .md34469.ac-main .ac-box{width: 100%;padding-top: 65%;}
    .md34469.ac-main .ac-img{position: absolute;left: 0;top: 0;}
    .md34469.ac-main .ac-text{width: 100%;height: auto;}
    .md34469.ac-main .ac-y-item-txt{font-size: .26rem;}
    .md34469.ac-main .ac-y-bn{width: calc(100% + 0.2rem);margin-left: -0.1rem;}
    .md34469.ac-main .ac-y-s{padding: 0 0.1rem;}
    .md34469.ac-main .ac-y-item-txt{font-size: .22rem;white-space: nowrap;}
}




.md34469.ae-main{width: 100%;position: relative;font-family: Montserrat-Regular;padding: .96rem .3rem 1rem;scroll-margin-top: 1rem;}
.md34469.ae-main .ae-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-size: cover;background-position: center top;pointer-events: none;}
.md34469.ae-main  .layout{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;z-index: 2;}
.md34469.ae-main  .title{color: #333;text-align: center;line-height: 1;font-family: Montserrat-SemiBold;margin-bottom: .4rem;}
.md34469.ae-main .ae-box{width: 4.35rem;height: 4.15rem;position: relative;left: 50%;margin-left: -2.175rem;}
.md34469.ae-main .ae-img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;width: auto;height: auto;}
.md34469.ae-main .ae-bn{width: 100%;}
.md34469.ae-main .ae-bn .swiper-wrapper{transform-style: preserve-3d;}
.md34469.ae-main .ae-box{transform: scale(0.8);transition: all .3s;}
.md34469.ae-main .ae-s.swiper-slide-prev .ae-box{transform: translate(-0.5rem,0) scale(0.9);}
.md34469.ae-main .ae-s.swiper-slide-next .ae-box{transform: translate(0.5rem,0) scale(0.9);}
.md34469.ae-main .ae-s.swiper-slide-active .ae-box{transform: translate(0,0) scale(1);}
/*.ae-s{transform-style: preserve-3d;}
.ae-s.swiper-slide-prev{transform: translate3d(20px, 0px, -100px) rotateX(0deg) rotateY(41deg);}
.ae-s.swiper-slide-next{transform: translate3d(-20px, 0px, -100px) rotateX(0deg) rotateY(-41deg);}*/
.ae-bot{text-align: center;margin-top: .5rem;font-size: 0;}
.md34469.ae-main .ae-arrow {display: inline-block;vertical-align: top;width: .6rem;height: .6rem;border-radius: 50%;background-color: #f5f5f5;position: relative;cursor: pointer;}
.md34469.ae-main .ae-arrow:before{content: "";display: block;border-top: .06rem solid transparent;border-bottom: .06rem solid transparent;position: absolute;left: 50%;top: 50%;margin-left: -0.05rem;margin-top: -0.06rem;z-index: 2;transition: all .3s;}
.md34469.ae-main .ae-arrow:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));border-radius: 50%;opacity: 0;transition: opacity .3s;}
.md34469.ae-main .ae-next:before{border-left: .09rem solid var(--active);}
.md34469.ae-main .ae-prev:before{border-right: .09rem solid var(--active);}
.md34469.ae-main .ae-prev{margin-right: .2rem;}
.md34469.ae-main .ae-arrow:hover:after{opacity: 1;}
.md34469.ae-main .ae-next:hover:before{border-left-color: #fff;}
.md34469.ae-main .ae-prev:hover:before{border-right-color: #fff;}
@media(max-width: 750px){
    .md34469.ae-main {padding: .6rem .3rem;}
}
