.pagesbanner{height:400px}
.pagesbanner .pagesbanner-animate{top: 50%;}
.pagesbanner .pagesbanner-animate .p1{font-weight:var(--fontbold7);font-size:60px}
.page-nav{display: none;}
.l-wrap{padding:0 100px}
.page-title{font-size:var(--fontsize36);font-weight:var(--fontbold7);position:relative;z-index:1;color:#000003;text-align:center;line-height:1.4}
.page-des{text-align:center;color:#666;max-width:1300px;margin:0 auto;position:relative;z-index:2}
.about-us{padding-top:0}
.about-us .pagenav-menu{position:relative}
.about-us .pagenav-menu::before{content:"";width:1920px;height:100%;background-color:#f7f7f7;position:absolute;top:0;left:-260px}
.about-us .pagenav-menu ul{display:flex;justify-content:center;align-items:center;position:relative;z-index:2}
.about-us .pagenav-menu ul li{margin:0 20px}
.about-us .pagenav-menu ul li a{color:#220101;padding:10px 0;display:inline-block;border-bottom:1px solid #f7f7f7;text-decoration:none}
.about-us .pagenav-menu ul li.active a{border-bottom:1px solid var(--color)}
.about-us .about1-box{padding:5% 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.about-us .about1-box .img{width:50%;position:relative}
.about-us .about1-box .img .img-txt{position:absolute;left:0;top:0;padding:6%;color:#fff}
.about-us .about1-box .img .img-txt .title{font-size:46px;font-weight:var(--fontbold7)}
.about-us .about1-box .img .img-txt .mod-line{display:block;width:60px;height:2px;background-color:#fff;margin:30px 0}
.about-us .about1-box .info{width:46%}
.about-us .about1-box .info .item{display:flex;justify-content:space-between;margin-bottom:15px}
.about-us .about1-box .info .item:last-child{margin-bottom:0}
.about-us .about1-box .info .item .icon{width:70px;height:70px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color);margin-right:20px}
.about-us .about1-box .info .item .icon em{color:#fff}
.about-us .about1-box .info .item .info-txt{flex:1}
.about-us .about1-box .info .item .tit{font-size:var(--fontsize22);font-weight:var(--fontbold7);color:#000003}
.about-us .about1-box .info .item .txt{color:#4f4f4f}
.about-us .about2-box{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:4%}
.about-us .about2-box li{width:30%;margin:30px 0}
.about-us .about2-box li .num{color:var(--color);font-weight:var(--fontbold7);font-size:50px;text-align:center;line-height:1.2}
.about-us .about2-box li .title{text-align:center;font-size:var(--fontsize20);color:#333;margin-top:10px}
.about-us .about3-box{padding:5% 0;position:relative}
.about-us .about3-box::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;background-image:url(/uploads/43538/page/p2025021315243953181.webp);background-repeat:no-repeat;background-size:cover}
.about-us .about3-box .page-title{color:#fff;position:relative;padding-bottom:20px}
.about-us .about3-box .page-title::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100px;height:2px;background-color:#fff}
.about-us .about3-box .list{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;z-index:2;margin-top:30px}
.about-us .about3-box .list .item{width:23%;margin:30px 0;color:#fff}
.about-us .about3-box .list .item .icon{text-align:center;margin-bottom:20px;height: 60px;}
.about-us .about3-box .list .item .title{text-align:center;font-weight:var(--fontbold6);font-size:var(--fontsize22)}
.about-us .about3-box .list .item .txt{text-align:center;margin-top:10px}
.about-us .about3-box .info{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;margin-top:30px}
.about-us .about3-box .info .center{flex:1;color:#fff;text-align:center;padding:0 80px}
.about-us .about3-box .info .center .title{font-size:var(--fontsize36);font-weight:var(--fontbold6)}
.about-us .about3-box .info .center .more{text-decoration:underline;color:#fff}
.about-us .about3-box .info .left{width:300px;text-align:right}
.about-us .about3-box .info .left .line{width:100%;height:1px;background-color:#98c1d9;position:relative}
.about-us .about3-box .info .left .line::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:var(--color);width:26px;height:26px;border-radius:50%}
.about-us .about3-box .info .left .line::after{content:"";position:absolute;width:14px;height:14px;left:6px;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:50%}
.about-us .about3-box .info .left .item{color:#fff;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.about-us .about3-box .info .left .item:last-child{transform:translateX(80px)}
.about-us .about3-box .info .left .item .tit{padding:10px 0 20px}
.about-us .about3-box .info .right{width:300px;text-align:left}
.about-us .about3-box .info .right .line{width:100%;height:1px;background-color:#98c1d9;position:relative}
.about-us .about3-box .info .right .line::before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:var(--color);width:26px;height:26px;border-radius:50%}
.about-us .about3-box .info .right .line::after{content:"";position:absolute;width:14px;height:14px;right:6px;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:50%}
.about-us .about3-box .info .right .item{color:#fff;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.about-us .about3-box .info .right .item:last-child{transform:translateX(-80px)}
.about-us .about3-box .info .right .item .tit{padding:10px 0 20px}
.about-us .about4-box{position:relative;padding:5% 0}
.about-us .about4-box::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;background-color:#f5f5f5}
.about-us .about4-box .page-title{position:relative;padding-bottom:10px}
.about-us .about4-box .page-title::before{content:"";position:absolute;width:60px;height:2px;background-color:var(--color);left:50%;bottom:0;transform:translateX(-50%)}
.about-us .about4-box .about4-swiper{position:relative;z-index:2;padding:0 16%;margin-top:60px}
.about-us .about4-box .swiper-slide{padding:20px 0;min-height:240px}
.about-us .about4-box .swiper-slide .info{display:flex;color:#5a5858;position:relative}
.about-us .about4-box .swiper-slide .info .num{font-size:70px;font-weight:var(--fontbold7);line-height:1;margin-right:40px}
.about-us .about4-box .swiper-slide .info .txt{font-size:var(--fontsize20)}
.about-us .about4-box .swiper-slide .info .bgtit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#7e8588;opacity:.05;font-size:120px;line-height:1}
.about-us .about4-box .about4-button-next,.about-us .about4-box .about4-button-prev{width:42px;height:42px;border-radius:50%;border:2px solid #666;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;transition:all .1s linear}
.about-us .about4-box .about4-button-next em,.about-us .about4-box .about4-button-prev em{transition:all .1s linear;color:#666;font-size:var(--fontsize18)}
.about-us .about4-box .about4-button-next:hover,.about-us .about4-box .about4-button-prev:hover{border-color:var(--color)}
.about-us .about4-box .about4-button-next:hover em,.about-us .about4-box .about4-button-prev:hover em{color:var(--color)}
.about-us .about4-box .about4-button-prev{left:0}
.about-us .about4-box .about4-button-next{right:0}
.about-us .about4-box .pagination{position:relative;z-index:2;margin-top:40px}
.about-us .about4-box .pagination img{width:100%}
.about-us .about4-box .pagination .pagination-list{display:flex;justify-content:space-between}
.about-us .about4-box .pagination .pagination-list li{font-size:var(--fontsize26);font-weight:var(--fontbold7);color:#bebebe}
.about-us .about4-box .pagination .pagination-list li.act{color:var(--color)}
.about-us .about5-box{padding:5% 0}
.about-us .about5-box .list .item{margin-top:100px;display:flex;align-items:center;justify-content:space-between;position:relative}
.about-us .about5-box .list .item::before{content:"";position:absolute;top:0;width:85%;height:100%;background-color:#f5f5f5}
.about-us .about5-box .list .item:first-child::before{right:0}
.about-us .about5-box .list .item:last-child::before{left:0}
.about-us .about5-box .list .item .img{width:44%;position:relative;z-index:2;transform:translateY(-40px)}
.about-us .about5-box .list .item .img .about5-button-next,.about-us .about5-box .list .item .img .about5-button-prev{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background-color:rgba(0,0,0,.5);z-index:4;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.about-us .about5-box .list .item .img .about5-button-next.swiper-button-disabled,.about-us .about5-box .list .item .img .about5-button-prev.swiper-button-disabled{opacity:0}
.about-us .about5-box .list .item .img .about5-button-next em,.about-us .about5-box .list .item .img .about5-button-prev em{color:#fff;font-size:var(--fontsize34)}
.about-us .about5-box .list .item .img .about5-button-prev{left:10px}
.about-us .about5-box .list .item .img .about5-button-next{right:10px}
.about-us .about5-box .list .item .info{width:54%;position:relative;z-index:2;padding:20px 40px}
.about-us .about5-box .list .item .info .title{font-size:var(--fontsize34);font-weight:var(--fontbold7);color:#000003;position:relative;margin-bottom:20px}
.about-us .about5-box .list .item .info .title::before{content:"";position:absolute;left:0;bottom:0;width:70px;height:2px;background-color:var(--color)}
.about-us .about5-box .list .item .info .text{color:#666;font-size:var(--fontsize18)}
.about-us .about5-box .list .item .info .text p{margin-top:10px;position:relative;padding-left:20px}
.about-us .about5-box .list .item .info .text p::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background-color:#bebebe;border-radius:50%}
.about-us .about5-box .list .item .info .more{width:170px;height:40px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color);color:#fff;border-radius:3px;margin-top:20px}
.about-us .about5-box .list .item .info .more:hover{background-color: #fff;border: 1px solid var(--color);color: var(--color);}
.about-us .about6-box .list1{display:flex;justify-content:space-between;flex-wrap:wrap}
.about-us .about6-box .list1 li{width:18%;text-align:center;display:inline-flex;align-items:center;justify-content:center;margin:40px 0 20px}
.about-us .about6-box .list2{display:flex;justify-content:space-between}
.about-us .about6-box .list2 li{width:31%;margin-top:60px;border:1px solid #e6e6e6}
.about-us .about6-box .list2 li .img{padding:30px;text-align:center}
.about-us .about6-box .list2 li .img img{height:382px}
.about-us .about6-box .list2 li .info{background-color:#f4f4f4;text-align:center;padding:20px 24px;border-top:1px solid #e6e6e6}
.about-us .about7-box{padding:5% 0}
.about-us .about7-box .about7-top{display:flex;justify-content:space-between;align-items:center}
.about-us .about7-box .info{width:45%}
.about-us .about7-box .info .page-title{text-align:left;position:relative;padding-bottom:5px}
.about-us .about7-box .info .page-title::before{content:"";width:70px;height:2px;background-color:var(--color);position:absolute;left:0;bottom:0;background-color:var(--color)}
.about-us .about7-box .info .txt{margin-top:30px;color:#666;font-size:var(--fontsize18)}
.about-us .about7-box .img{width:54%}
.about-us .about7-box .about7-bottom{padding:0 40px;position:relative;margin-top:60px}
.about-us .about7-box .about7-bottom .swiper{padding:20px 10px}
.about-us .about7-box .about7-bottom .swiper-slide{box-shadow:0 0 32px 0 rgba(220,220,220,.66);border-radius:10px;background-color:#fff;text-align:center;padding:10px}
.about-us .about7-box .about7-bottom .about7-button-next,.about-us .about7-box .about7-bottom .about7-button-prev{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}
.about-us .about7-box .about7-bottom .about7-button-next em,.about-us .about7-box .about7-bottom .about7-button-prev em{color:#b2b2b2;font-size:var(--fontsize24)}
.about-us .about7-box .about7-bottom .about7-button-prev{left:0}
.about-us .about7-box .about7-bottom .about7-button-next{right:0}
.about-us .about8-box{position:relative;padding:5% 0}
.about-us .about8-box::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;background-color:#f5f5f5}
.about-us .about8-box .list{display:flex;justify-content:space-between;position:relative;z-index:2;margin-top:60px}
.about-us .about8-box .list .center{flex:1;padding:0 20px}
.about-us .about8-box .list .right{width:27%}
.about-us .about8-box .list .left{width:27%}
.about-us .about8-box .list .item{display:flex;margin:25px 0;min-height: 40%;}
.about-us .about8-box .list .item .icon{background-color:var(--color);width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:10px}
.about-us .about8-box .list .item .icon em{color:#fff;font-size:var(--fontsize24)}
.about-us .about8-box .list .item .info{flex:1}
.about-us .about8-box .list .item .info .title{color:#000003;font-size:var(--fontsize20);font-weight:var(--fontbold7)}
.about-us .about8-box .list .item .info .text{color:#333}
.about-us .about8-box .list .item .info .text p{position:relative;padding-left:16px}
.about-us .about8-box .list .item .info .text p::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background-color:#b5b5b5}
@media screen and (max-width:1440px){.l-wrap{padding:0 60px}
.about-us .about1-box .img .img-txt{padding:4%}
.about-us .about1-box .img .img-txt .title{font-size:var(--fontsize36)}
.about-us .about1-box .img .img-txt .mod-line{margin:15px 0}
}
@media screen and (max-width:1280px){.about-us .about1-box{align-items:normal}
.about-us .about1-box .img img{height:100%}
.about-us .about7-box .about7-bottom .swiper-slide{box-shadow:0 0 7px 0 rgba(220,220,220,.66)}
}
@media screen and (max-width:1024px){.l-wrap{padding:0 15px}
.page-title{font-size:var(--fontsize26)}
.about-us .pagenav-menu ul{flex-wrap:wrap;justify-content:flex-start}
.about-us .pagenav-menu ul li{width:20%;margin:0}
.about-us .about1-box{padding:35px 0}
.about-us .about2-box{padding-bottom:35px}
.about-us .about2-box li{margin:20px 0}
.about-us .about2-box li .num{font-size:var(--fontsize36)}
.about-us .about2-box li .title{font-size:var(--fontsize16);margin-top:0}
.about-us .about3-box{padding:35px 0}
.about-us .about3-box .list .item .title{font-size:var(--fontsize18)}
.about-us .about3-box .info .left{width:240px}
.about-us .about3-box .info .left .item:last-child{transform:translateX(40px)}
.about-us .about3-box .info .right{width:240px}
.about-us .about3-box .info .right .item:last-child{transform:translateX(-40px)}
.about-us .about3-box .info .center{padding:0 60px}
.about-us .about3-box .info .center .title{font-size:var(--fontsize24)}
.about-us .about4-box{padding:35px 0}
.about-us .about4-box .about4-swiper{margin-top:30px}
.about-us .about4-box .swiper-slide .info .num{font-size:54px}
.about-us .about4-box .swiper-slide .info .txt{font-size:var(--fontsize18)}
.about-us .about4-box .swiper-slide .info .bgtit{font-size:80px}
.about-us .about4-box .pagination{margin-top:20px}
.about-us .about4-box .pagination .pagination-list li{font-size:var(--fontsize20)}
.about-us .about5-box{padding:35px 0}
.about-us .about5-box .list .item{margin-top:40px}
.about-us .about5-box .list .item .info{padding:20px}
.about-us .about5-box .list .item .info .title{font-size:var(--fontsize22)}
.about-us .about5-box .list .item .info .text{font-size:var(--fontsize16)}
.about-us .about6-box .list1{margin-top:15px}
.about-us .about6-box .list1 li{margin:20px 0 0}
.about-us .about6-box .list2 li{margin-top:30px}
.about-us .about6-box .list2 li .img{padding:15px}
.about-us .about6-box .list2 li .info{padding:15px}
.about-us .about7-box{padding:35px 0}
.about-us .about7-box .about7-bottom{margin-top:30px}
.about-us .about8-box{padding:35px 0}
.about-us .about8-box .list{margin-top:35px}
.about-us .about8-box .list .left{width:32%}
.about-us .about8-box .list .right{width:32%}
}
@media screen and (max-width:800px){.pagesbanner{height:auto}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize24)}
.about-us .pagenav-menu ul li{width:31%}
.about-us .about1-box .img{width:100%;max-height:340px}
.about-us .about1-box .img img{width:100%;max-height:100%}
.about-us .about1-box .img .img-txt .title{font-size:var(--fontsize24)}
.about-us .about1-box .info{width:100%;margin-top:20px}
.about-us .about3-box .list .item{width:48%;margin:10px 0}
.about-us .about3-box .info .item .tit{font-size:var(--fontsize14)}
.about-us .about3-box .info .left{width:200px}
.about-us .about3-box .info .left .item:last-child{transform:translateX(20px)}
.about-us .about3-box .info .right{width:200px}
.about-us .about3-box .info .right .item:last-child{transform:translateX(-20px)}
.about-us .about4-box .about4-swiper{padding:0 60px}
.about-us .about4-box .swiper-slide{min-height:140px}
.about-us .about4-box .swiper-slide .info .num{font-size:var(--fontsize36);margin-right:20px}
.about-us .about4-box .swiper-slide .info .txt{font-size:var(--fontsize16)}
.about-us .about5-box .list .item{flex-wrap:wrap;margin-top:35px}
.about-us .about5-box .list .item::before{width:100%}
.about-us .about5-box .list .item .img{width:100%;transform:translateY(0)}
.about-us .about5-box .list .item .img img{width:100%}
.about-us .about5-box .list .item .info{width:100%}
.about-us .about5-box .list .item:last-child{flex-direction:column-reverse}
.about-us .about6-box .list2 li{background-color:#f4f4f4}
.about-us .about6-box .list2 li .img{background-color:#fff}
.about-us .about6-box .list2 li .img img{height:280px}
.about-us .about7-box .about7-top{flex-wrap:wrap;flex-direction:column-reverse}
.about-us .about7-box .about7-top .info{width:100%;margin-top:20px}
.about-us .about7-box .about7-top .info .txt{font-size:var(--fontsize16);margin-top:15px}
.about-us .about7-box .about7-top .img{width:100%}
.about-us .about7-box .about7-bottom{margin-top:20px}
.about-us .about8-box .list{flex-wrap:wrap}
.about-us .about8-box .list .left{width:100%}
.about-us .about8-box .list .right{width:100%}
}
@media screen and (max-width:500px){.about-us .pagenav-menu ul li{width:50%}
.about-us .about1-box .img{height:520px;max-height:fit-content}
.about-us .about1-box .info .item .icon{width:54px;height:54px}
.about-us .about1-box .info .item .icon img{max-width:60%}
.about-us .about1-box .info .item .title{font-size:var(--fontsize18)}
.about-us .about1-box .info .item .txt{font-size:var(--fontsize14)}
.about-us .about2-box li{width:50%;margin:10px 0}
.about-us .about2-box li .num{font-size:var(--fontsize26)}
.about-us .about3-box .list .item .icon{margin-bottom:10px}
.about-us .about3-box .list .item .icon img{max-height:40px;max-width:40px}
.about-us .about3-box .list .item .txt{font-size:var(--fontsize14);margin-top:4px}
.about-us .about3-box .info{flex-wrap:wrap}
.about-us .about3-box .info .center{margin:10px 0 25px}
.about-us .about3-box .info .right{margin-left:auto}
.about-us .about4-box .swiper-slide .info{flex-wrap:wrap}
.about-us .about4-box .swiper-slide .info .num{width:100%;margin-bottom:10px;margin-right:0;font-size:var(--fontsize24)}
.about-us .about4-box .swiper-slide .info .bgtit{font-size:40px}
.about-us .about4-box .about4-swiper{padding:0 40px}
.about-us .about4-box .about4-button-next,.about-us .about4-box .about4-button-prev{width:30px;height:30px}
.about-us .about4-box .pagination{margin-top:10px}
.about-us .about4-box .pagination .pagination-list li{font-size:var(--fontsize16)}
.about-us .about5-box .list .item .info .title{font-size:var(--fontsize18)}
.about-us .about5-box .list .item .img .about5-button-next,.about-us .about5-box .list .item .img .about5-button-prev{width:36px;height:36px}
.about-us .about5-box .list .item .img .about5-button-next em,.about-us .about5-box .list .item .img .about5-button-prev em{font-size:var(--fontsize24)}
.about-us .about6-box .list2{flex-wrap:wrap}
.about-us .about6-box .list2 li{width:100%}
.about-us .about6-box .list2 li .img img{height:auto}
.about-us .about8-box .list{margin-top:20px}
.about-us .about8-box .list .item .info .title{font-size:var(--fontsize18)}
}