header{background:0 0;border-bottom:1px solid rgba(255,255,255,.2)}
body{padding-top:0}
.pagesbanner .pagesbanner-animate{top:62%;padding:0 70px;text-align:left}
.pagesbanner .pagesbanner-animate .banner-text{max-width:48%}
.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}
.banner-inner .banner-content{display:none}
@media (max-width:1660px){.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:38px}}
@media (max-width:1440px){.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:34px}
.pagesbanner .pagesbanner-animate .module-dev{margin-top:15px}
.pagesbanner .pagesbanner-animate .banner-text .p2{margin-top:10px}
}
@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 .pagesbanner-animate{top:50%;padding:0 15px}}
@media (max-width:768px){.pagesbanner img{min-height:200px}
.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:var(--fontsize20);line-height:1.5}
.pagesbanner .pagesbanner-animate .banner-text .p2,.pagesbanner .pagesbanner-animate .module-dev{display:none}
}
.our-r-d .l-wrap{max-width:none}
article .moduledev-r{margin-left:0}
.page-main{padding:0}
.page1,.page2,.page3,.page4{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,.page3,.page4{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,.page3,.page4{padding:30px 0}
.page-title{font-size:var(--fontsize22)}
}
.page1 .page1-content{margin-top:40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.page1 .page1-swiper{margin:0;width:49%}
.page1 .page1-swiper .swiper-slide{border-radius:6px;overflow:hidden}
.page1 .page1-swiper .swiper-slide img{width:100%;transition:all .3s ease}
.page1 .page1-swiper .swiper-slide:hover img{transform:scale(1.03)}
.page1 .page1-swiper .swiper-pagination-bullet{border-radius:0;background:#fff}
.page1 .page1-swiper .swiper-pagination-active{background:var(--color);opacity:1}
.page1 .page1-info{width:48%;padding:15px 0}
.page1 .page1-info .info{margin-bottom:12px;color:#6a6f78;line-height:1.5}
.page1 .page1-info .info:last-child{margin-bottom:0}
.page1 .page1-info .info span{font-weight:var(--fontbold6)}
@media (max-width:1440px){.page1 .page1-content{margin-top:25px}}
@media (max-width:1366px){.page1 .page1-content{margin-top:15px}}
@media (max-width:1024px){.page1 .page1-content{margin-top:20px}
.page1 .page1-swiper{width:100%}
.page1 .page1-info{width:100%;padding:0;margin-top:15px}
.page1 .page1-info .info{margin-bottom:8px}
}
@media (max-width:768px){.page1 .page1-content{margin-top:15px}}
@media (max-width:500px){.page1 .page1-info{margin-top:10px}
.page1 .page1-info .info{margin-bottom:5px}
}
.page2::before{content:'';position:absolute;top:0;left:-70px;width:1920px;height:100%;background:#1d1d1d}
.page2 .page-wrap{position:relative}
.page2 .title-wrap .page-title{color:#fff}
.page2 .page2-content{margin-top:40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.page2 .page2-swiper{margin:0;width:49%}
.page2 .page2-swiper .swiper-slide{border-radius:6px;overflow:hidden}
.page2 .page2-swiper .swiper-slide img{width:100%;transition:all .3s ease}
.page2 .page2-swiper .swiper-slide:hover img{transform:scale(1.03)}
.page2 .page2-swiper .swiper-pagination-bullet{border-radius:0;background:#fff}
.page2 .page2-swiper .swiper-pagination-active{background:var(--color);opacity:1}
.page2 .page2-info{width:48%;color:#fff;line-height:1.5}
.page2 .page2-info .info-list{margin-top:15px}
.page2 .page2-info .info-list li{position:relative;padding-left:15px;margin-bottom:10px}
.page2 .page2-info .info-list li::before{content:'';position:absolute;top:8px;left:0;width:8px;height:8px;background:var(--color);border-radius:50%}
.page2 .page2-info .info-list li span{font-weight:var(--fontbold6)}
@media (max-width:1440px){.page2 .page2-content{margin-top:25px}}
@media (max-width:1366px){.page2 .page2-content{margin-top:15px}}
@media (max-width:1024px){.page2 .page2-content{margin-top:20px}
.page2 .page2-swiper{width:100%}
.page2 .page2-info{width:100%;padding:0;margin-bottom:15px}
.page2 .page2-info .info{margin-bottom:8px}
}
@media (max-width:768px){.page2 .page2-content{margin-top:15px}}
@media (max-width:500px){.page2 .page2-info .info-list{margin-top:5px}
.page2 .page2-info .info-list li{margin-bottom:5px}
}
.page3 .page3-des{margin-top:25px;color:#6a6f78;line-height:1.3}
.page3 .page3-content{margin-top:50px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.page3 .page3-content:last-child{flex-direction:row-reverse}
.page3 .content-img{width:48.8%;display:flex;justify-content:space-between;flex-wrap:wrap}
.page3 .content-img .item{flex:1;position:relative;cursor:pointer}
.page3 .content-img .item::before{content:'';position:absolute;top:4px;left:2px;width:calc(100% - 10px);height:calc(100% - 10px);background:rgba(0,0,0,.5);transform:rotate(3deg);opacity:0;transition:all .3s ease}
.page3 .content-img .item:hover::before{opacity:1}
.page3 .content-img .item::after{content:url(https://css02.v15cdn.com/m623/imgs/ourrd-page3-icon1.webp);position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all .3s ease}
.page3 .content-img .item:hover::after{top:50%;opacity:1}
.page3 .content-img .item img{width:100%}
.page3 .content-info{width:45.8%}
.page3 .content-info .title{color:#000002;font-size:var(--fontsize22);font-weight:var(--fontbold6);line-height:1.3}
.page3 .content-info .info-item{margin-top:20px;display:flex}
.page3 .content-info .info-item .icon img{vertical-align:baseline}
.page3 .content-info .info-item .text{width:calc(100% - 25px);margin-left:10px;color:#6a6f78}
.page3 .content-info .info-item .text p{margin-bottom:10px}
.page3 .content-info .info-item .text p:last-child{margin-bottom:0}
.page3 .content-info .info-item .text .p1,.page3 .content-info .info-item .text span{color:#000002;font-weight:var(--fontbold6)}
.page3 .content-info .info-item .text .p2{position:relative;padding-left:15px}
.page3 .content-info .info-item .text .p2::before{content:'';position:absolute;top:9px;left:0;width:8px;height:8px;background:var(--color);border-radius:50%}
.page3 .page3-line{margin:50px 0;width:100%;height:1px;background:#000;opacity:.1}
@media (max-width:1440px){.page3 .page3-content{margin-top:30px}
.page3 .content-info{width:49%}
.page3 .content-info .info-item{margin-top:15px}
.page3 .page3-line{margin:30px 0}
}
@media (max-width:990px){.page3 .content-img{width:100%;margin-bottom:20px}
.page3 .content-info{width:100%}
.page3 .content-info .info-item .text p{margin-bottom:5px}
}
@media (max-width:768px){.page3 .page3-des{margin-top:15px}
.page3 .content-info .title{font-size:var(--fontsize20)}
.page3 .content-info .info-item{margin-top:10px}
}
@media (max-width:500px){.page3 .page3-content{margin-top:15px}
.page3 .content-info .title{font-size:var(--fontsize18)}
.page3 .content-info .info-item .icon img{width:20px}
.page3 .content-info .info-item .text .p2{font-size:var(--fontsize14)}
.page3 .page3-line{margin:20px 0}
}
.page4::before{content:'';position:absolute;top:0;left:-70px;width:1920px;height:100%;background:#f0f0f2}
.page4 .page-wrap{position:relative}
.page4 .page4-item{margin-top:50px}
.page4 .page4-item .item-top{margin-bottom:40px;display:flex;justify-content:space-between;align-items:center}
.page4 .page4-item .item-top .top-title{color:#000003;font-size:var(--fontsize30);font-weight:var(--fontbold6)}
.page4 .page4-item .item-top .top-btn{display:flex;align-items:center}
.page4 .page4-item .item-top .next,.page4 .page4-item .item-top .prev{width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:background .3s ease;cursor:pointer}
.page4 .page4-item .item-top .prev{margin-right:15px;border:1px solid #fff;background:#fff}
.page4 .page4-item .item-top .next{border:1px solid var(--color);background:var(--color)}
.page4 .page4-item .item-top .next:hover,.page4 .page4-item .item-top .prev:hover{border-color:var(--color);background:0 0}
.page4 .page4-item .item-top .prev em{color:var(--color);font-size:var(--fontsize20);transition:color .3s ease}
.page4 .page4-item .item-top .next em{color:#fff;font-size:var(--fontsize20);transition:color .3s ease}
.page4 .page4-item .item-top .next:hover em,.page4 .page4-item .item-top .prev:hover em{color:var(--color)}
.page4 .page4-item .swiper .slide-img{position:relative;cursor:pointer}
.page4 .page4-item .swiper .slide-img::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:all .3s ease}
.page4 .page4-item .swiper .swiper-slide:hover .slide-img::before{opacity:1}
.page4 .page4-item .swiper .slide-img::after{content:url(https://css02.v15cdn.com/m623/imgs/ourrd-page3-icon1.webp);position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all .3s ease}
.page4 .page4-item .swiper .swiper-slide:hover .slide-img::after{top:50%;opacity:1}
.page4 .page4-item .swiper .slide-img img{width:100%}
.page4 .page4-item .swiper .slide-title{font-family:Exo2;color:#000002;font-size:var(--fontsize18);font-weight:var(--fontbold6);padding:20px 10px 10px;text-align:center;line-height:1.6;transition:color .3s ease}
.page4 .page4-item .swiper .swiper-slide:hover .slide-title{color:var(--color)}
@media (max-width:1280px){.page4 .page4-item{margin-top:30px}
.page4 .page4-item .item-top{margin-bottom:15px}
.page4 .page4-item .item-top .top-title{font-size:var(--fontsize24)}
.page4 .page4-item .item-top .next,.page4 .page4-item .item-top .prev{width:40px;height:40px}
.page4 .page4-item .swiper .slide-title{padding:15px 0 0;font-size:var(--fontsize16)}
}
@media (max-width:768px){.page4 .page4-item{margin-top:20px}
.page4 .page4-item .item-top .top-title{font-size:var(--fontsize20)}
.page4 .page4-item .swiper .slide-title{font-size:var(--fontsize15)}
}
@media (max-width:500px){.page4 .page4-item .item-top .top-title{padding-top:10px;font-size:var(--fontsize18)}
.page4 .page4-item .item-top .prev{margin-right:10px}
.page4 .page4-item .item-top .next,.page4 .page4-item .item-top .prev{width:35px;height:35px}
.page4 .page4-item .item-top .next em,.page4 .page4-item .item-top .prev em{font-size:var(--fontsize16)}
}
.page5{position:relative;padding:60px 0}
.page5::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}
.page5 .page-wrap{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.page5 .title-wrap{width:50%;text-align:left}
.page5 .title-wrap .page-title{color:#fff;text-align:left}
.page5 .title-wrap .module-dev{align-items:flex-start}
.page5 .title-wrap .moduledev-r{margin-left:14px}
.page5 .title-wrap .page5-des{margin-top:25px;color:#fff}
.page5 .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}
.page5 .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}
.page5 .more{text-decoration:none}
.page5 .more:hover::after{transform:translate(-50%,-50%) scale(1)}
.page5 .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}
.page5 .more:hover em{transform:rotateZ(45deg)}
@media (max-width:1280px){.page5 .more{width:260px;height:50px}
.page5 .more em{margin-left:10px}
}
@media (max-width:1024px){.page5{padding:40px 0}
.page5 .title-wrap{width:60%}
.page5 .title-wrap .page5-des{margin-top:10px}
}
@media (max-width:990px){.page5 .title-wrap{width:65%}
.page5 .more{width:240px;height:45px;font-size:var(--fontsize15)}
}
@media (max-width:768px){.page5 .title-wrap{width:100%;margin-bottom:15px}
}
@media (max-width:500px){.page5{padding:30px 0}
.page5 .more{width:220px;height:40px;font-size:var(--fontsize14)}
.page5 .more em{margin-top:0;width:20px;height:20px}
}
.popwindow-pic{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0 0 0 / 50%);z-index:21474836471;display:none}
.popwindow-flex{width:100%;position:relative;height:100%;display:flex;justify-content:center;align-items:center}
.popwindow-flex img{max-width:90vw;max-height:calc(100% - 150px)}
span.popwindow-close{cursor:pointer;color:#fff;position:absolute;right:20px;top:20px}
span.popwindow-close em{font-size:40px;line-height:1;font-weight:700}
@media (max-width:768px){.popwindow-flex img{max-width:92vw;max-height:calc(100% - 120px)}
span.popwindow-close{right:10px;top:20px}
span.popwindow-close em{font-size:30px}
}