header{background:0 0;border-bottom:1px solid rgba(255,255,255,.2)}
body{padding-top:0}
.banner-inner .banner-content{display:none}
.pagesbanner .pagesbanner-animate{top:60%;padding:0 70px;text-align:left}
.pagesbanner .pagesbanner-animate .banner-text{max-width:31%}
.pagesbanner .pagesbanner-animate .banner-text .p1{font-family:Exo2Bold;font-size:42px;font-weight:var(--fontbold7);transition:all .3s ease}
.pagesbanner .pagesbanner-animate .banner-text .p2{font-size:var(--fontsize16);opacity:.8;transition:all .3s ease}
.pagesbanner .banner-more{position:absolute;bottom:15px;width:60px;height:30px;color:#26457b;background:#fff;border-radius:15px;display:flex;justify-content:center;align-items:center}
.pagesbanner .banner-more1{left:45%}
.pagesbanner .banner-more2{left:70%}
@media (max-width:1660px){.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:38px}
.pagesbanner .pagesbanner-animate .banner-text .module-dev,.pagesbanner .pagesbanner-animate .banner-text .p2{margin-top:15px}
.pagesbanner .pagesbanner-animate .banner-text .p2{font-size:var(--fontsize15)}
}
@media (max-width:1440px){.pagesbanner .pagesbanner-animate{top:65%}
.pagesbanner .pagesbanner-animate .banner-text{max-width:35%}
.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:var(--fontsize30)}
.pagesbanner .pagesbanner-animate .banner-text .module-dev,.pagesbanner .pagesbanner-animate .banner-text .p2{margin-top:10px}
.pagesbanner .pagesbanner-animate .banner-text .p2{font-size:var(--fontsize14)}
}
@media (max-width:1280px){.pagesbanner img{min-height:340px}
.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:var(--fontsize28)}
.pagesbanner .pagesbanner-animate .module-dev{margin-top:15px}
.pagesbanner .pagesbanner-animate .banner-text .p2{margin-top:10px;font-size:var(--fontsize14)}
}
@media (max-width:1024px){.pagesbanner img{min-height:200px}
.pagesbanner .pagesbanner-animate{top:50%;padding:0 15px}
.pagesbanner .pagesbanner-animate .banner-text .p2,.pagesbanner .pagesbanner-animate .module-dev{display:none}
.pagesbanner .banner-more{bottom:10px;width:50px;height:20px;font-size:var(--fontsize14)}
}
@media (max-width:500px){.pagesbanner .pagesbanner-animate{top:35%}
.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:var(--fontsize20);line-height:1.5}
.pagesbanner .banner-more{display:none}
}
.our-story .l-wrap{max-width:none}
article .moduledev-r{margin-left:0}
.page-main{padding:0}
.page1,.page2{position:relative;padding:5% 0}
.page-wrap{width:100%;max-width:1575px;padding:0;margin:0 auto}
.title-wrap{text-align:center}
.title-wrap .module-dev{align-items:center}
.page-title{font-family:Exo2Bold;color:#000002;font-size:42px;font-weight:var(--fontbold5);line-height:1.2}
@media (max-width:1440px){.page-title{font-size:38px}}
@media (max-width:1366px){.page-title{font-size:32px}}
@media (max-width:1024px){.page1,.page2{padding:40px 0}
.page-title{font-size:var(--fontsize26)}
}
@media (max-width:768px){.page-title{font-size:var(--fontsize24)}}
@media (max-width:500px){.page1,.page2{padding:30px 0}
.page-title{font-size:var(--fontsize22)}
}
.page1 .page1-des{margin-top:25px;color:#6a6f78}
.page1 .page1-content{position:relative;margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap}
.page1 .page1-line-wrap{width:20%;position:relative;height:calc(100vh - 60px);overflow-y:auto}
.page1 .page1-line{color:#aeb6ba;display:flex;flex-direction:column;height:auto!important;transition:all .3s linear;position:static}
.page1 .page1-line.fixed{position:fixed;top:110px;width:calc(20% - 30px);max-width:300px}
.page1 .page1-line.bottom-sync{position:absolute;bottom:0;width:100%}
.page1 .page1-line .to-first,.page1 .page1-line .to-last{display:none;transition:all .3s ease;cursor:pointer}
.page1 .page1-line .to-first.active,.page1 .page1-line .to-last.active{display:block}
.page1 .page1-line .line-item{display:none;min-height:180px;padding:10px 0;transform:scale(.8);flex-direction:column;justify-content:center;transform-origin:center left;cursor:pointer;transition:all .3s ease}
.page1 .page1-line .line-item.is-active{display:flex;transform:scale(1)}
.page1 .page1-line .line-item.next-active,.page1 .page1-line .line-item.prev-active{display:flex}
.page1 .page1-line .line-item .num{font-size:var(--fontsize18);line-height:1.4}
.page1 .page1-line .line-item .title{margin-top:5px;font-family:Exo2;font-size:var(--fontsize30);font-weight:var(--fontbold6);line-height:1.5}
.page1 .page1-line .line-item.is-active .num{color:#6a6f78}
.page1 .page1-line .line-item.is-active .title{color:#000002}
.page1 .page1-slides{position:relative;width:76.2%}
.page1 .page1-slides .slides{margin-bottom:20px;padding:40px;background:rgba(244,56,56,.06);border-bottom:8px solid var(--color);display:flex;justify-content:space-between;align-items:center;transition:all .3s linear}
.page1 .page1-slides .slides .slide-info{width:calc(100% - 280px)}
.page1 .page1-slides .slides .slide-info .title{font-family:Exo2;color:#000002;font-size:var(--fontsize22);font-weight:var(--fontbold6);line-height:1.3}
.page1 .page1-slides .slides .slide-info .desc{margin-top:15px;color:#6a6f78}
@media (min-width:1025px){.page1 .page1-slides .slides .slide-info .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.page1 .page1-slides .slides .slide-info .desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
}
@media (max-width:1280px){.page1 .page1-line .line-item .title{font-size:var(--fontsize26)}}
@media (max-width:1024px){.page1 .page1-des{margin-top:15px}
.page1 .page1-content{height:auto!important}
.page1 .page1-line-wrap{display:none}
.page1 .page1-slides{width:100%}
}
@media (max-width:768px){.page1 .page1-content{margin-top:15px}
.page1 .page1-slides .slides .slide-info{width:calc(100% - 220px)}
.page1 .page1-slides .slides .slide-info .title{font-size:var(--fontsize20)}
.page1 .page1-slides .slides .slide-info .desc{margin-top:10px;line-height:1.5}
}
@media (max-width:500px){.page1 .page1-slides .slides{justify-content:center;flex-wrap:wrap}
.page1 .page1-slides .slides .slide-info{width:100%;margin-bottom:15px}
}

.page2::before{content:'';position:absolute;top:0;left:-70px;width:1920px;height:100%;background:url(https://css02.v15cdn.com/m623/imgs/ourstory-page2-bg.webp) no-repeat;background-size:cover}
.page2 .page-wrap{position:relative}
.page2 .title-wrap{width:70%;margin:0 auto}
.page2 .page2-content{margin-top:40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.page2 .page2-img{width:49%}
.page2 .page2-img img{width:100%}
.page2 .page2-info{width:48%;color:#6a6f78;line-height:1.5}
.page2 .page2-info .p1{margin-top:15px;position:relative;padding-left:15px}
.page2 .page2-info .p1::before{content:'';position:absolute;top:8px;left:0;width:8px;height:8px;border-radius:50%;background:var(--color)}
.page2 .page2-info .p1 span{font-weight:var(--fontbold6)}
@media (max-width:1024px){.page2 .page2-content{margin-top:15px}
.page2 .page2-info .p1{margin-top:10px}
}
@media (max-width:990px){.page2 .title-wrap{width:100%}
.page2 .page2-img{width:100%;margin-bottom:15px}
.page2 .page2-info{width:100%}
}
.page3{position:relative;padding:60px 0}
.page3::before{content:'';position:absolute;top:0;left:-70px;width:1920px;height:100%;background:url(https://css02.v15cdn.com/m623/imgs/ourrd-page5-bg.webp) no-repeat;background-size:cover}
.page3 .page-wrap{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.page3 .title-wrap{width:60%;text-align:left}
.page3 .title-wrap .page-title{color:#fff;text-align:left}
.page3 .title-wrap .module-dev{margin-top:20px;align-items:flex-start}
.page3 .title-wrap .moduledev-r{margin-left:14px}
.page3 .page3-list{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap}
.page3 .page3-list li{width:49%;color:#fff;display:flex;line-height:1.4}
.page3 .page3-list li:nth-child(-n+2){margin-bottom:8px}
.page3 .page3-list li .li-icon{margin-right:10px}
.page3 .page3-list li .li-icon img{vertical-align:middle}
.page3 .more{width:280px;height:55px;font-family:Exo2;background:var(--color);border-radius:3px;color:#fff;font-weight:var(--fontbold6);display:flex;justify-content:center;align-items:center;line-height:1;text-transform:uppercase;position:relative;z-index:1;overflow:hidden}
.page3 .more::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:calc(100% + 20px);border-radius:50%;aspect-ratio:1/1;background:rgba(0,0,0,.4);z-index:-1;transition:transform .2s linear}
.page3 .more{text-decoration:none}
.page3 .more:hover::after{transform:translate(-50%,-50%) scale(1)}
.page3 .more em{margin:4px 0 0 20px;width:24px;height:24px;background:#19282d;border-radius:50%;color:#fff;font-size:var(--fontsize14);display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in-out}
.page3 .more:hover em{transform:rotateZ(45deg)}
@media (max-width:1280px){.page3 .more{width:260px;height:50px}
.page3 .more em{margin-left:10px}
}
@media (max-width:1024px){.page3{padding:40px 0}
.page3 .title-wrap .module-dev{margin-top:10px}
.page3 .page3-list{margin-top:10px}
}
@media (max-width:990px){.page3 .more{width:240px;height:45px;font-size:var(--fontsize15)}}
@media (max-width:768px){.page3 .title-wrap{width:100%;margin-bottom:15px}}
@media (max-width:500px){.page3{padding:30px 0}
.page3 .page3-list li{width:100%}
.page3 .page3-list li:nth-child(-n+3){margin-bottom:8px}
.page3 .more{width:220px;height:40px;font-size:var(--fontsize14)}
.page3 .more em{margin-top:0;width:20px;height:20px}
}