.page1-item{display:flex;align-items:center}
.page1-left{width:48%}
.page1-right{flex:1;padding-left:5%}
.page-text{margin-top:25px}
.page-text p{color:#6a6f78;line-height:30px;margin-bottom:15px}
.page-span p{color:#000002;margin-bottom:10px;line-height:1}
.page2{padding:5% 0;position:relative;z-index:3;margin-top:5%}
.page2::after{content:'';position:absolute;top:0;left:-230px;width:1920px;height:100%;background:#f0f0f2;z-index:-1}
.header-title{text-align:center}
.header-title p{margin-top:15px}
.header-title .module-title,.mod-title{font-weight:700;font-size:42px;color:#000002;line-height:1}
.header-title .module-title p{font-size:18px;color:#6a6f78;line-height:1.25;margin-top:25px}
.page2-contant{margin-top:40px}
.page2-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.page2-box:nth-last-child(1){margin-bottom:0}
.page2-box:nth-of-type(2n){flex-direction:row-reverse}
.page2-left{width:48%}
.page2-right{width:48%}
.pagemod1{padding:5% 0}
.page3{display:flex;justify-content:space-between;align-items:center;padding:5% 0;z-index:3;position:relative}
.page3::after{content:'';position:absolute;top:0;left:-230px;width:1920px;height:100%;background:url(/Content/uploads/20251174389/202509221109129c21836e781a48e8a7411e3e34817f18.webp) center no-repeat;background-size:cover;z-index:-1}
.page3-left{width:48%}
.page3-right{width:48%}
.page3-txt{margin-top: 25px;}
.page5{display:flex;justify-content:space-between;align-items:center;padding:5% 0}
.page5-left{width:48%}
.page5-right{width:48%}
.page5 .module-title{text-align:left;margin-bottom:20px}
.page5 .module-dev .moduledev-l,.page5 .module-dev .moduledev-r{justify-content:left}
.page5 .module-dev .moduledev-r{margin-left:14px}
.page5 .page-des{color:#777b83;line-height:36px}
.page5-list{padding:20px 0}
.page5-list li{color:#777b83;line-height:36px;padding-left:20px;position:relative}
.page5-list li::after{position:absolute;content:'';width:10px;height:10px;background:#f43837;top:13px;left:0}
.page5-list li strong{color:#000002}
.page5 .home-btn{display:flex;position:relative}
.page5 .home-btn a{background:var(--color);border-radius:3px;color:#fff;display:flex;justify-content:center;align-items:center;text-transform:uppercase;position:relative;z-index:1;overflow:hidden;padding:15px 30px;text-decoration:unset}
.page5 .home-btn a em{width:22px;height:22px;background:#1b1b1b;border-radius:50%;color:#fff;text-align:center;line-height:22px;margin-left:20px;font-size:var(--fontsize14);transition:all .3s ease-in-out}
.page5 .home-btn a: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:all .2s linear}
.page5 .home-btn a:hover:after{transform:translate(-50%,-50%) scale(1)}
.page5 .home-btn a:hover em{transform:rotateZ(45deg)}
.page5-Swiper{padding-bottom:45px}
.page5-Swiper .swiper-pagination{bottom:0}
.page5-Swiper .swiper-pagination .swiper-pagination-bullet{border-radius:unset}
@media (max-width:1440px) {.header-title .module-title, .mod-title{font-size: 38px;}}
@media (max-width:1366px) {.header-title .module-title, .mod-title{font-size: 32px;}
.module-dev{margin-top: 15px;}}
@media (max-width:1024px) {.header-title .module-title, .mod-title{font-size: 26px;}
.page1-right{padding-left: 3%;}
.page-text{margin-top: 10px;}
.page2-contant {margin-top: 20px;}
.page2-box{margin-bottom: 25px;}
.page-text p{margin-bottom: 6px;}
.page5{flex-direction: column-reverse;}
.page5-left {width: 100%;}
.page5-right {width: 100%;margin-bottom: 20px;}
.page5-Swiper img{width: 100%;}}
@media (max-width:768px) {
.header-title .module-title, .mod-title{font-size: 24px;}
.page5-right{margin-bottom: 0;}
.page1-item{flex-direction: column;}
.page1-left {width: 100%;}
.page1-right {padding-left: 0;margin-top: 20px;}
.page-span p{margin-bottom: 0;}
.page2-box {flex-direction: column-reverse;}
.page2-left {width: 100%;margin-top: 15px;}
.page2-right {width: 100%;}
.page2-box:nth-of-type(2n) {flex-direction: column-reverse;}
.page3{flex-direction: column;}
.page3-left {width: 100%;}
.page3-right {width: 100%;margin-top: 15px;}}
@media (max-width:550px) {
.header-title .module-title, .mod-title{font-size: 22px;text-align: center;}
.page-span{text-align: center;margin-bottom: 10px;}
.page5 .module-title h5{text-align: left;}}
.pagesbanner-animate .moduledev-l,.pagesbanner-animate .moduledev-r{justify-content: center;}
.pagesbanner-animate .moduledev-r{margin-left:0}