﻿.banner-inner .banner-text{position:absolute;width:54%;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}
}
@media (max-width:500px){.banner-inner .banner-img .banner-title{font-size:var(--fontsize22)}
.banner-inner .banner-text{width:90%}
.banner-inner .banner-img .banner-p{font-style:var(--fontsize14)}
}
.page-main{padding:50px 0 0 0}
.about-title{font-size:var(--fontsize24);font-weight:700;line-height:1.2;text-align:center}
.line{width:50px;height:3px;background:var(--color);margin:20px auto}
@media (max-width:990px){.line{margin:15px auto 10px}
}
@media (max-width:500px){.about-title{font-size:var(--fontsize20)}
.line{margin:10px auto}
}
.about-who{margin:50px 0 100px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.about-who .about-title{text-align:left}
.about-who .line{margin:20px 0}
.about-who .who-img{width:48%;border-radius:4px;overflow:hidden}
.about-who .who-img img{transition:transform .3s linear}
.about-who .who-img:hover img{transform:scale(1.05)}
.about-who .who-text{width:52%;padding-left:50px;display:flex;flex-direction:column;justify-content:center}
@media (max-width:990px){.about-who .line{margin:15px 0 10px}
.about-who{margin:0 0 50px}
.about-who .who-text{padding-left:30px}
}
@media (max-width:768px){.about-who{margin:0 0 30px}
.about-who .who-img{width:100%}
.about-who .who-text{width:100%;padding-left:0;margin-top:20px}
}
@media (max-width:500px){.about-who .line{margin:10px 0}
}
.about-vision{position:relative;min-height:324px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.about-vision::before{content:url(/uploads/43204/page/p20250325160323db9c4.webp);position:absolute;top:0;left:-260px;width:1920px;height:100%;z-index:1}
.about-vision .who-text{position:relative;color:#fff;text-align:center;z-index:2}
.about-vision .about-title{font-size:36px}
.about-vision .text-p{margin:0 18%}
.about-vision .contact{display:inline-block;margin-top:30px;color:#fff;padding:10px 40px;background:var(--color);border:1px solid var(--color);border-radius:20px;line-height:1.2;transition:opacity .3s linear}
.about-vision .contact:hover{opacity:.8;text-decoration:none}
@media (max-width:1280px){.about-vision::before{left:-50%}
.about-vision .about-title{font-size:var(--fontsize30)}
.about-vision .text-p{margin:0 10%}
}
@media (max-width:990px){.about-vision .about-title{font-size:var(--fontsize26)}
.about-vision .text-p{margin:0}
.about-vision .contact{margin-top:20px;padding:8px 30px}
}
@media (max-width:500px){.about-vision .about-title{font-size:var(--fontsize22)}
.about-vision .contact{padding:6px 20px}
}
.about-growth{position:relative;padding:7% 0 6% 0}
.about-growth::before{content:"";position:absolute;top:0;left:-260px;width:1920px;height:100%;background:#f7f7f7;z-index:1}
.about-growth .growth-wrap{position:relative;z-index:2}
.about-growth .swiper{padding:0 60px;overflow:hidden}
.about-growth .growth-swiper1{margin:20px 0}
.about-growth .growth-slide1{padding:0 8%;height:auto;display:flex;justify-content:center;flex-direction:column;align-items:center;height:auto;text-align:center}
.about-growth .slide-li{list-style:none}
.about-growth .slide-p1{font-size:36px;color:var(--color);font-weight:var(--fontbold8);line-height:1.2}
.about-growth .slide-p2{font-size:18px;font-weight:var(--fontbold8);color:var(--color);margin:15px 0;line-height:1.2}
.about-growth .growth-swiper2{position:relative;padding-top:10px}
.about-growth .growth-swiper2::before{content:"";position:absolute;top:10px;width:90%;height:1px;background:#e5e5e5}
.about-growth .growth-slide2{position:relative;padding:30px 0 0 0;font-size:var(--fontsize18);font-weight:700;cursor:pointer;text-align:center}
.about-growth .growth-slide2::before{content:'';position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:var(--color)}
.about-growth .swiper2-slide2-thumb-active{color:var(--color)}
.about-growth .swiper2-slide2-thumb-active::after{content:'';position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;border:1px solid var(--color)}
.about-growth .growth-swiper-next,.about-growth .growth-swiper-prev{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--color);cursor:pointer;transition:all .3s linear}
.about-growth .growth-swiper-prev .iconfont{color:var(--color);display:inline-block;transform:rotate(90deg);transition:all .3s linear}
.about-growth .growth-swiper-next .iconfont{font-size:var(--fontsize18);color:var(--color);display:inline-block;transform:rotate(-90deg);transition:all .3s linear}
.about-growth .growth-swiper-prev{left:0}
.about-growth .growth-swiper-next{right:0}
.about-growth .growth-swiper-next:hover,.about-growth .growth-swiper-prev:hover{background:var(--color)}
.about-growth .growth-swiper-next:hover .iconfont,.about-growth .growth-swiper-prev:hover .iconfont{color:#fff}
@media (max-width:1280px){.about-growth .growth-swiper-next,.about-growth .growth-swiper-prev{width:50px;height:50px}
}
@media (max-width:990px){.about-growth .swiper{padding:0 30px}
.about-growth .slide-p1{font-size:var(--fontsize30)}
.about-growth .slide-p2{margin:10px 0}
.about-growth .growth-slide1{padding:0 30px}
.about-growth .growth-swiper-next,.about-growth .growth-swiper-prev{width:40px;height:40px}
.about-growth .growth-swiper2::before{width:85%}
.about-growth .growth-slide2::before{top:6px}
.about-growth .growth-slide2::after{top:2px}
}
@media (max-width:500px){.about-growth .swiper{margin:0}
.about-growth .growth-slide1{padding:0 5px}
.about-growth .slide-p1{font-size:var(--fontsize24)}
.about-growth .slide-p2{margin:5px 0;font-size:var(--fontsize16)}
.about-growth .growth-swiper-next,.about-growth .growth-swiper-prev{width:35px;height:35px}
.about-growth .growth-swiper-next .iconfont,.about-growth .growth-swiper-prev .iconfont{font-size:var(--fontsize14)}
}
.about-diff{position:relative;padding:100px 0}
.about-diff .diff-swiper{margin-top:40px;padding-bottom:50px}
.about-diff .diff-slide{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.about-diff .slide-img{width:50%;overflow:hidden}
.about-diff .slide-img img{aspect-ratio:7/4;transition:transform .3s linear}
.about-diff .slide-img:hover img{transform:scale(1.05)}
.about-diff .slide-text{width:50%;padding-right:80px}
.about-diff .slide-title{position:relative;font-weight:700;margin-bottom:15px}
.about-diff .slide-num{font-size:80px;color:#222;line-height:50px;opacity:.1}
.about-diff .slide-p{position:absolute;top:35%;left:0}
.about-diff .more{display:inline-block;margin-top:30px;color:#fff;padding:12px 20px;background:var(--color);border-radius:20px;line-height:1;transition:opacity .3s linear}
.about-diff .more:hover{opacity:.8;text-decoration:none}
.about-diff .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px}
.about-diff .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:0}
.about-diff .swiper-pagination-bullet{background:var(--color);opacity:.2}
.about-diff .swiper-pagination-active{opacity:1}
.about-diff .diff-list{margin-top:40px;display:flex;justify-content:space-between;flex-wrap:wrap}
.about-diff .diff-li{width:32%;padding:40px 12px;color:#111;text-align:center;border-radius:4px;border:1px solid #eee;overflow:hidden;transition:transform .3s linear}
.about-diff .diff-li:hover{transform:translateY(-10px)}
.about-diff .diff-li .img{width:50px;height:50px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color);border-radius:50%}
.about-diff .diff-li-title{font-size:var(--fontsize18);font-weight:700;margin:16px 0 8px;line-height:1.2}
@media (max-width:1280px){.about-diff .slide-num{font-size:70px}
.about-diff .slide-text{padding-right:50px}
.about-diff .more{margin-top:20px}
}
@media (max-width:990px){.about-diff{padding:50px 0}
.about-diff .slide-text{padding-right:0}
}
@media (max-width:768px){.about-diff{padding:30px 0}
.about-diff .diff-swiper{margin-top:20px;padding-bottom:40px}
.about-diff .slide-text{width:100%;margin-bottom:20px}
.about-diff .slide-img{width:100%}
.about-diff .diff-list{margin-top:20px}
.about-diff .diff-li{width:100%;margin-bottom:25px}
.about-diff .diff-li:last-child{margin-bottom:0}
}
@media (max-width:500px){.about-diff .slide-title{margin-bottom:5px}
.about-diff .slide-num{font-size:60px}
.about-diff .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.about-diff .more{padding:8px 10px}
.about-diff .diff-li{padding:20px 10px}
}
.about-eco{position:relative;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.about-eco::before{content:'';background:url(/uploads/43204/page/p202503251603430f4b2.webp);position:absolute;top:0;left:-260px;width:1920px;height:100%;z-index:1}
.about-eco .eco-wrap{position:relative;color:#fff;text-align:center;z-index:2}
.about-eco .eco-p1{margin-bottom:20px;font-size:var(--fontsize18);line-height:1.6}
.about-eco .more{display:inline-block;margin-top:30px;padding:10px 20px;color:#fff;background:var(--color);border-radius:20px;line-height:1.2;transition:opacity .3s linear}
.about-eco .more:hover{opacity:.8;text-decoration:none}
@media (max-width:990px){.about-eco::before{left:-50%}
.about-eco .eco-p1{margin-bottom:10px;font-size:var(--fontsize16)}
}
@media (max-width:768px){.about-eco .more{padding:6px 12px;margin-top:20px}
}
@media (max-width:600px){.about-eco .eco-p2{font-size:var(--fontsize14)}
.about-eco .more{margin-top:10px;font-size:var(--fontsize14)}
}
