﻿.page-main{padding-bottom:0}
.pro-title{font-size:var(--fontsize24);font-weight:var(--fontbold6);text-align:center}
.pro-title-line{display:block;width:50px;height:3px;background-color:var(--color);margin:14px auto}
.banner-inner .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.banner-inner .banner-img .banner-title{font-size:40px;color:#fff;font-weight:700;margin-bottom:30px;line-height:1.2}
.banner-inner .banner-img .banner-p{color:#fff;line-height:1.6}
@media (max-width:1280px){.banner-inner .banner-img .banner-title{font-size:34px;margin-bottom:20px}
}
@media (max-width:990px){.banner-inner .banner-text{width:80%}
}
@media (max-width:768px){.banner-inner .banner-img .banner-title{font-size:var(--fontsize26);margin-bottom:15px}
.banner-inner .banner-img .banner-p{display:none}
}
@media (max-width:500px){.banner-inner .banner-img .banner-title{font-size:var(--fontsize22)}
.banner-inner .banner-text{width:90%}
}
.factory1{padding-bottom:5%}
.factory1 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.factory1 .img{width:48.5%}
.factory1 .info{width:48.5%}
.factory1 .info .pro-title{text-align:left}
.factory1 .info .pro-title-line{margin-left:0}
.factory1 .info .list{display:flex;flex-wrap:wrap}
.factory1 .info .list li{width:49%;display:flex;align-items:center;margin-top:20px}
.factory1 .info .list .icon{width:46px;height:46px;border-radius:50%;background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;margin-right:6px}
.factory1 .info .list .icon em{font-size:var(--fontsize22);color:#fff}
.factory1 .info .list .num{flex:1}
.factory1 .info .list .num span{color:var(--color);font-weight:var(--fontbold6)}
.factory2{padding:5% 0;position:relative;z-index:2}
.factory2::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;background-image:url(/uploads/43204/page/p2025032514045612d4b.png);background-repeat:no-repeat;background-size:cover;z-index:-1}
.factory2 .pro-title{color:#fff}
.factory2 .box{display:flex;justify-content:space-between;flex-wrap:wrap}
.factory2 .item{width:48%;background-color:#fff;border-radius:5px;display:flex;padding:40px 20px;margin-top:40px}
.factory2 .item .icon{width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color);margin-right:20px}
.factory2 .item .icon em{color:#fff;font-size:var(--fontsize26)}
.factory2 .item .info{flex:1}
.factory2 .item .info .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.factory2 .item .info .txt{margin-top:10px;min-height:130px}
.factory2 .item .info .more{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color);border-radius:20px;height:40px;width:180px;color:#fff;margin-top:20px}
.factory2 .item .info .more em{padding-left:6px}
.factory3{padding:5% 0}
.factory3 .box{padding:40px 0;position:relative}
.factory3 .box .factory3-pagination{position:absolute;display:flex;justify-content:center;bottom:0}
.factory3 .box .factory3-pagination .swiper-pagination-bullet{background-color:var(--color)}
.factory4{position:relative;padding:5% 0;z-index:2}
.factory4::before{content:"";position:absolute;left:-260px;top:0;height:100%;width:1920px;background-color:#f7f7f7;z-index:-1}
.factory4 .box{margin-top:40px}
.custom9{position:relative;padding:5% 0;z-index:2}
.custom9::before{content:"";position:absolute;left:-260px;top:0;height:100%;width:1920px;background-image:url(/uploads/43204/page/p2025032514051418e0b.png);background-repeat:no-repeat;background-size:cover;z-index:-1}
.custom9 .pro-title{font-size:var(--fontsize36);color:#fff}
.custom9 .txt{color:#fff;text-align:center}
.custom9 .btn{display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px}
.custom9 .btn .more{min-width:140px;margin:10px;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background-color:var(--color);padding:4px 20px;font-weight:var(--fontbold6)}
@media screen and (max-width:1024px){.factory1{padding-bottom:30px}
.factory2{padding:30px 0}
.factory3{padding:30px 0}
.factory4{padding:30px 0}
.custom9{padding:30px 0}
}
@media screen and (max-width:800px){.factory1 .img{width:100%}
.factory1 .info{width:100%;margin-top:20px}
.factory2 .item{width:100%;margin-top:25px}
.factory4 .box{margin-top:25px}
.custom9 .pro-title{font-size:var(--fontsize26)}
}
