body{padding-top:0}
header{background:0 0;border-bottom:1px solid rgba(255,255,255,.2)}
.pagesbanner .pagesbanner-animate{top:55%}
.pagesbanner .pagesbanner-animate .module-dev{align-items:center}
.pagesbanner .pagesbanner-animate .moduledev-r{margin-left:0}
.pagesbanner .pagesbanner-animate .banner-text .p1{font-family:Exo2Bold;font-size:42px;font-weight:var(--fontbold7);transition:all .3s ease}
.pagesbanner .p2{position:absolute;top:70%;right:10px;color:#fff;opacity:0;animation:pagesbanner 1s .5s forwards;width: 100%;text-align: center;padding: 0 3%;}
@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}}
@media (max-width:1280px){.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:var(--fontsize28)}
.pagesbanner .pagesbanner-animate .module-dev{margin-top:15px}
.pagesbanner .p2{font-size:var(--fontsize14);left:50%;transform:translateX(-50%);right:auto;max-width:1600px;padding:0 15px;width:100%;text-align:center}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate{top:45%;padding:0 15px}
.pagesbanner .p2{top:65%}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate{top:50%}
.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:var(--fontsize22);line-height:1.5}
.pagesbanner .p2,.pagesbanner .pagesbanner-animate .module-dev{display:none}
}
.banner-inner .banner-content{display:none}
.page-main{padding:0}
.electronics .l-wrap{max-width:100%}
.page2,.page3,.page4,.page5,.page6{position:relative;padding:5% 0}
.page-wrap{width:100%;max-width:1600px;padding:0;margin:0 auto}
.title-wrap{text-align:center}
.title-wrap .page-title{text-align:center}
.title-wrap .module-dev{align-items:center}
.title-wrap .moduledev-r{margin-left:0}
.page-title{font-family:Exo2Bold;color:#000002;font-size:42px;font-weight:var(--fontbold5);line-height:1.2;text-align:left}
.page-des{margin-top:15px;color:#6a6f78;font-weight:var(--fontbold4,400);line-height:1.6}
.page-des span{color:#3e3eaa}
@media (max-width:1440px){.page-title{font-size:38px}}
@media (max-width:1366px){.page-title{font-size:32px}
.page-des{font-size:var(--fontsize18)}
}
@media (max-width:1024px){.page2,.page3,.page4,.page5,.page6{padding:40px 0}
.page-title{font-size:var(--fontsize26)}
.page-des{margin-top:10px;font-size:var(--fontsize16)}
}
@media (max-width:500px){.page2,.page3,.page4,.page5,.page6{padding:30px 0}
.page-title{font-size:var(--fontsize24)}
}
.page1{position:relative;padding:5% 0 3%}
.page1::before{content:'';position:absolute;top:0;left:-230px;width:1920px;height:100%;background:url(/uploads/44407/page/p20251009144353bfab3.webp) no-repeat;background-size:cover}
.page1 .page-wrap{position:relative}
.page1 .page1-next,.page1 .page1-prev{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;border:1px solid #181b20;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}
.page1 .page1-prev{left:0}
.page1 .page1-next{right:0}
.page1 .page1-next em,.page1 .page1-prev em{font-size:var(--fontsize20)}
.page1 .page1-next:hover,.page1 .page1-prev:hover{color:var(--color);border-color:var(--color)}
.page1 .page1-swiper{margin:0 80px}
.page1 .page1-swiper .swiper-pagination{bottom:0}
.page1 .page1-swiper .swiper-pagination-bullet{border-radius:0;background:var(--color)}
.page1 .page1-swiper .swiper-pagination-active{opacity:1}
@media (max-width:1280px){.page1 .page1-next,.page1 .page1-prev{width:40px;height:40px}
.page1 .page1-next em,.page1 .page1-prev em{font-size:var(--fontsize18)}
.page1 .page1-swiper{margin:0 60px}
.page1 .page1-swiper .swiper-pagination-bullet{width:8px;height:8px}
}
@media (max-width:768px){.page1 .page1-next,.page1 .page1-prev{display:none}
.page1 .page1-swiper{margin:0}
}
.page2 .page2-text{margin-top:25px;color:#3e3eaa;font-size:var(--fontsize26);font-weight:var(--fontbold6,600);line-height:1.5}
@media (max-width:1440px){.page2 .page2-text{font-size:var(--fontsize22)}}
@media (max-width:1024px){.page2 .page2-text{font-size:var(--fontsize18);margin-top:10px}}
@media (max-width:768px){.page2 .page2-text{font-size:var(--fontsize16)}
.page2 .page-des{margin-top:5px}
}
.page3::before{content:'';position:absolute;top:0;left:-230px;width:1920px;height:100%;background:#f0f0f2}
.page3 .page-wrap{position:relative}
.page3 .table-wrap{margin-top:35px}
.page3 .table-wrap table tr{color:#000;background:#fff;text-align:center;line-height:1.5}
.page3 .table-wrap table tr:nth-child(odd){background:#e2e6ec}
.page3 .table-wrap table tr:last-child{background:rgba(29,116,245,.1)}
@media (max-width:1280px){.page3 .table-wrap{margin-top:20px}
}
.page4 .page4-swiper{margin-top:50px;height:35vh}
.page4 .page4-swiper .swiper-slide{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden}
.page4 .page4-swiper .slide-img{width:28%;text-align:center}
.page4 .page4-swiper .slide-img .slide-title{margin-top:15px;color:#000002;font-size:var(--fontsize30);font-weight:var(--fontbold6,600);line-height:1.4}
.page4 .page4-swiper .slide-list{width:72%;display:flex;justify-content:space-between;flex-wrap:wrap}
.page4 .page4-swiper .slide-list li{width:50%;border-left:1px solid #e2e6ec}
.page4 .page4-swiper .slide-list .li-content{padding:0 50px;margin-bottom:40px}
.page4 .page4-swiper .slide-list li:nth-last-child(-n+2) .li-content{margin-bottom:0}
.page4 .page4-swiper .slide-list .li-title{color:#000002;font-size:var(--fontsize22);font-weight:var(--fontbold6,600);line-height:1.4}
.page4 .page4-swiper .slide-list .li-info{margin-top:15px;color:#6a6f78}
.page4 .page4-swiper .slide-list .li-info p{position:relative;padding-left:15px;line-height:1.4;margin-bottom:13px}
.page4 .page4-swiper .slide-list .li-info p::before{content:'';position:absolute;top:8px;left:2px;width:5px;height:5px;background:#6a6f78;border-radius:50%}
.page4 .page4-swiper .slide-list .li-info p>span{color:var(--color)}
.page4 .page4-swiper .swiper-pagination{top:50%;bottom:auto;right:0;left:auto;transform:translateY(-50%);width:min-content;height:100%;display:flex;flex-direction:column;justify-content:center}
.page4 .page4-swiper .swiper-pagination-bullet{width:12px;height:12px;margin:8px 0;background:var(--color)}
.page4 .page4-swiper .swiper-pagination-active{opacity:1}
@media (max-width:1280px){.page4 .page4-swiper{margin-top:30px}
.page4 .page4-swiper .slide-list .li-content{padding:0 30px 0 40px}
.page4 .page4-swiper .slide-img .slide-title{font-size:var(--fontsize24)}
}
@media (max-width:990px){.page4 .page4-swiper .slide-img .slide-title{font-size:var(--fontsize20)}
.page4 .page4-swiper .slide-list{width:70%}
.page4 .page4-swiper .slide-list .li-content{margin-bottom:20px}
.page4 .page4-swiper .slide-list .li-info{margin-top:10px}
.page4 .page4-swiper .slide-list .li-title{font-size:var(--fontsize18)}
.page4 .page4-swiper .slide-list .li-info p{margin-bottom:5px}
}
@media (max-width:768px){.page4 .page4-swiper{margin-top:10px;height:30vh}
.page4 .page4-swiper .slide-img{display:none}
.page4 .page4-swiper .slide-list{width:100%}
.page4 .page4-swiper .slide-list li:nth-child(odd){border-left:none}
.page4 .page4-swiper .slide-list li:nth-child(odd) .li-content{padding-left:0}
}
@media (max-width:640px){.page4 .page4-swiper{margin-top:10px;height:40vh}
.page4 .page4-swiper .slide-list li{width:100%;border-left:none}
.page4 .page4-swiper .slide-list li .li-content{padding-left:0;padding-right:0;margin-bottom:15px!important}
.page4 .page4-swiper .slide-list li:last-child .li-content{margin-bottom:0!important}
}
.page5::before{content:'';position:absolute;top:0;left:-230px;width:1920px;height:100%;background:#26457b}
.page5 .page-wrap{position:relative}
.page5 .title-wrap .page-title{color:#fff}
.page5 .title-wrap .page-des{color:#fff}
.page5 .table-wrap{position:relative;margin-top:35px}
.page5 .table-wrap::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:19%;height:260px;background:url(/uploads/44407/page/p20251009145418543e0.webp) no-repeat;background-size:contain}
.page5 .table-wrap table{color:#fff}
.page5 .table-wrap table td,.page5 .table-wrap table th{padding:15px 16px;border-color:rgba(255,255,255,.1);line-height:1.4}
@media (max-width:1280px){.page5 .table-wrap{margin-top:20px}
.page5 .table-wrap::before{height:200px}
.page5 .table-wrap table td,.page5 .table-wrap table th{padding:10px}
}
@media (max-width:990px){.page5 .table-wrap::before{width:277px;height:281px}}
.page6 .page6-text{margin-bottom:10px;color:#007eff;font-size:var(--fontsize20);text-transform:uppercase;line-height:1.6}
.page6 .page-des{padding:0 40px}
.page6 .table-wrap{margin-top:35px}
.page6 .table-wrap table td,.page6 .table-wrap table th{border-color:#cad5e2}
.page6 .table-wrap .td-icon{display:flex;justify-content:center;align-items:center}
.page6 .table-wrap .td-icon p{margin-left:10px;font-weight:var(--fontbold6,600);line-height:1.5}
.page6 .table-wrap .td-imgs{margin:15px 50px;display:flex;justify-content:space-between;align-items:center}
.page6 .table-wrap .td-imgs .right{color:#007eff;font-size:var(--fontsize30)}
.page6 .table-wrap .td-imgs .img{background:#fff;border:1px solid #eee}
@media screen and (max-width:1440px) {
  .page4 .page4-swiper{height: 45vh;}
}
@media (max-width:1280px){.page6 .table-wrap{margin-top:20px}
.page6 .table-wrap .td-imgs{margin:10px 20px}
.page4 .page4-swiper{height:68vh}
}
@media (max-width:1024px){.page6 .page6-text{margin-bottom:5px;font-size:var(--fontsize16)}
.page6 .table-wrap .td-imgs .right{margin:0 20px;font-size:var(--fontsize24)}
}
@media (max-width:768px){.page6 .page-des{padding:0}
.page6 .table-wrap table td{min-width:360px}
}
.page6 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.page6 .list li{width:49%;margin-top:40px;display:flex}
.page6 .list li .icon{transition:all .2s linear}
.page6 .list li .icon em{font-size:50px;color:var(--color);line-height:1.2}
.page6 .list li .info{flex:1;padding-left:20px;font-size:var(--fontsize18)}
.page6 .list li .info .tit{font-size:var(--fontsize24);font-weight:var(--fontbold6)}
.page6 .list li:hover .icon{transform:translateY(-5px)}
@media screen and (max-width:768px){.page6 .list li{width:100%;margin-top:25px}
.page6 .list li .icon em{font-size:var(--fontsize40)}
.page6 .list li .info{font-size:var(--fontsize16)}
.page6 .list li .info .tit{font-size:var(--fontsize22)}
}
.page1 .page1-swiper{padding-bottom:30px}