@import url(https://js01.v15cdn.com/single-template/public.css);
.about-us>.l-wrap{padding:0;margin:0 auto;max-width:100%}
.about-us .page-main{padding:0}
.modtitle{font-weight:var(--fontbold6);font-size:var(--fontsize42);color:#111;line-height:1.25}
.modulehead{text-align:center}
.modtext{color:#555;line-height:30px;margin-top: 25px;}
.modback{background:#f5f5f5}
.margintop{margin-top:50px}
.padding2{padding:5.5% 0}
.padding{padding:5% 0}
.bannercard{position: absolute;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.bannercard .p1{color: #fff;}
.bannerdev{width: 100px;height: 3px;background: var(--color);margin-top: 20px;}
.bannercard .p2{color: #fff;margin-top: 20px;}
.modulebtn{display: flex;margin-top: 25px;}
.modulebtn a{border-radius: 6px;padding: 20px 25px;line-height: 1;background: var(--color);color: #fff;}
.modulebtn a em{transition: all .3s ease-in-out;}
.modulebtn:hover a{color: #fff;}
.modulebtn a:hover{text-decoration: unset;}
.modulebtn a:hover em{margin-left: 10px;} 
.bannertext{position: absolute;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.bannertext .line{width: 100px;height: 3px;background: var(--color);display: flex;margin-top: 25px;}
.bannertext .p1{color: #fff;}
.bannertext .p2{color: #fff;margin-top: 20px;}
@media (max-width:1640px) {.modtitle{font-size: var(--fontsize32);}}
@media (max-width:1440px) {.modtitle{font-size: var(--fontsize28);}
.margintop{margin-top:40px}}
@media (max-width:1280px) {.modtitle{font-size: var(--fontsize26);}}
@media (max-width:1024px) {.modtitle{font-size: var(--fontsize24);}
.margintop{margin-top:30px}}
@media (max-width:768px) {.modtitle{font-size: var(--fontsize22);}
.bannertext .p2{text-align: center;}
.modtext{line-height:26px}}
@media (max-width:550px) {.margintop{margin-top:25px}}
.module1-content{display: flex;gap: 60px;align-items: center;margin-top: 50px;}
.module1-img{border-radius: 8px;overflow: hidden;width: 48%;}
.module1-img img{width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease-in-out;animation: fadeInUp .8s ease forwards;}
.module1-img:hover img{transform: scale(1.05);}
.module1-info{flex: 1;}
.module1-info p{color: #555555;line-height: 30px;margin-bottom: 10px;}
.module1-info p strong{color: #111;font-weight: var(--fontbold6);}
.module1-con{display: flex;margin-top: 60px;}
.module1-box{flex: 1;padding: 32px 12px;text-align: center;border-right: 1px solid #eee;transition: all .3s ease-in-out;}
.module1-box:nth-last-child(1){border-right: none;}
.module1-box .icon{display: flex;margin: 0 auto 20px;justify-content: center;}
.module1-box .icon em{font-size: 36px;width: 36px;line-height: 1;color: var(--color);transition: all .3s ease-in-out;animation: iconPulse 2s ease-in-out infinite;}
.module1-box:nth-child(2) .icon em{animation-delay: .2s;}
.module1-box:nth-child(3) .icon em{animation-delay: .4s;}
.module1-box:nth-child(4) .icon em{animation-delay: .6s;}
.module1-box:nth-child(5) .icon em{animation-delay: .8s;}
.module1-box .data p{font-weight: bold;font-size: var(--fontsize26);color: #111111;line-height: 30px;transition: all .3s ease-in-out;} 
.module1-box .text p{color: #555555;line-height: 30px;margin-top: 25px;transition: all .3s ease-in-out;}
.module1-box:hover{background: var(--color);}
.module1-box:hover .icon em{animation: none;color: #fff;transform: scale(1.2);}
.module1-box:hover .data p{color: #fff;}
.module1-box:hover .text p{color: #fff;}
.module2{background: url(/Content/uploads/20261261457/20260702135319957bc8ae7ef64245854933218bfe0f52.webp)center no-repeat;}
.module2 .l-wrap{display: flex;align-items: center;justify-content: space-between;}
.module2-right{width: 49.5%;display: flex;flex-direction: column;gap: 20px;}
.module2-left{width: 40%;}
.module2-box .icon{width: 60px;height: 60px;background: var(--color);border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;}
.module2-box .icon em{font-size: 30px;width: 30px;line-height: 1;color: #fff;transition: transform .3s ease-in-out;}
.module2-box{display: flex;align-items: center;gap: 20px;padding: 15px 20px;background: #fff;border-radius: 50px;transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;}
.module2-box:hover{transform: translateX(8px);box-shadow: 0 8px 25px rgba(0,0,0,.1);}
.module2-box:hover .icon{transform: rotate(360deg) scale(1.1);box-shadow: 0 4px 15px rgba(0,0,0,.2);}
.module2-box:hover .icon em{transform: scale(1.2);}
.module2-box p{font-size: var(--fontsize18);color: #555;}
.module2-box p strong{color: #111;font-size: var(--fontsize20);}
.module3-box{display: flex;gap: 60px;align-items: center;}
.module3-left,.module3-right{flex: 1;}
.module3-box:nth-of-type(2n){flex-direction: row-reverse;}
.module3-contant{margin-top: 50px;display: flex;flex-direction: column;gap: 60px;}
.module3-right{border-radius: 8px;overflow: hidden;aspect-ratio: 9 / 5;}
.module3-right img{width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease-in-out;}
.module3-right:hover img{transform: scale(1.08);}
.module3-box:nth-of-type(odd) .module3-right img{animation: fadeInLeft .8s ease forwards;}
.module3-box:nth-of-type(even) .module3-right img{animation: fadeInRight .8s ease forwards;}
.module3-left .p1{font-weight: bold;font-size: var(--fontsize26);color: #111111;line-height: 1;margin-bottom: 20px;}
.module4 .mod4Swiper .swiper-slide img{width: 100%;border: 3px solid #FEDDB4;transition: transform .4s ease-in-out, box-shadow .4s ease-in-out, border-color .4s ease-in-out;}
.module4 .mod4Swiper .swiper-slide:hover img{transform: translateY(-8px) scale(1.03);box-shadow: 0 12px 30px rgba(0,0,0,.15);border-color: var(--color);}
.module4 .module4-contant{margin-top: 50px;}
.module4 .mod4Swiper{padding-bottom: 50px;}
.module4 .mod4Swiper .swiper-pagination{bottom: 0;}
@keyframes fadeInUp {
    from{opacity:0;transform:translateY(40px);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes fadeInLeft {
    from{opacity:0;transform:translateX(-50px);}
    to{opacity:1;transform:translateX(0);}
}
@keyframes fadeInRight {
    from{opacity:0;transform:translateX(50px);}
    to{opacity:1;transform:translateX(0);}
}
@keyframes iconPulse {
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.15);}
}
@media (max-width:1640px) {
    .module1-content{gap:40px;margin-top:40px;}
    .module1-con{margin-top:45px;}
    .module1-box{padding:24px 10px;}
    .module1-box .icon em{font-size:30px;width:30px;}
    .module3-box{gap:40px;}
    .module3-contant{margin-top:40px;gap:40px;}
    .module3-left .p1{font-size:var(--fontsize22);}
    .module4 .module4-contant{margin-top:40px;}
}
@media (max-width:1366px) {
    .module1-content{gap:30px;margin-top:35px;}
    .module1-img{width:45%;}
    .module1-con{margin-top:35px;}
    .module1-box{padding:20px 8px;}
    .module1-box .icon em{font-size:26px;width:26px;}
    .module2-left{width:35%;}
    .module2-right{width:55%;}
    .module2-box{gap:15px;padding:12px 16px;}
    .module2-box .icon{width:50px;height:50px;}
    .module2-box .icon em{font-size:24px;width:24px;}
    .module3-box{gap:30px;}
    .module3-contant{gap:30px;}
    .module4 .mod4Swiper{padding-bottom:40px;}
}
@media (max-width:1024px) {
    .module1-content{flex-direction:column;gap:25px;margin-top:30px;}
    .module1-img{width:100%;}
    .module1-con{flex-wrap:wrap;margin-top:30px;}
    .module1-box{flex:1 1 33.33%;padding:20px 8px;}
    .module1-box:nth-child(3){border-right:none;}
    .module1-box .icon em{font-size:24px;width:24px;}
    .module2 .l-wrap{flex-direction:column;gap:30px;}
    .module2-left,.module2-right{width:100%;}
    .module3-box{flex-direction:column-reverse;gap:25px;}
    .module3-box:nth-of-type(2n){flex-direction: column-reverse;}
    .module3-contant{margin-top:35px;gap:35px;}
    .module3-right{aspect-ratio:16/9;}
    .module3-left .p1{font-size:var(--fontsize20);}
    .module4 .module4-contant{margin-top:35px;}
}
@media (max-width:768px) {
    .module1-content{margin-top:25px;}
    .module1-con{margin-top:25px;}
    .module1-box{flex:1 1 50%;padding:18px 8px;}
    .module1-box:nth-child(2n){border-right:none;}
    .module1-box:nth-child(3){border-right:1px solid #eee;}
    .module2-box{border-radius:35px;padding:10px 14px;}
    .module2-box .icon{width:44px;height:44px;flex-shrink:0;}
    .module2-box .icon em{font-size:22px;width:22px;}
    .module3-contant{margin-top:30px;gap:30px;}
    .module3-left .p1{font-size:var(--fontsize20);}
    .module4 .mod4Swiper{padding-bottom:35px;}
}
@media (max-width:550px) {
    .module1-content{margin-top:20px;gap:20px;}
    .module1-con{margin-top:20px;}
    .module1-box{flex:1 1 100%;padding:18px 12px;border-right:none !important;border-bottom:1px solid #eee;}
    .module1-box:nth-last-child(1){border-bottom:none;}
    .module1-box .icon em{animation:none;font-size:28px;width:28px;}
    .module2-box{border-radius:25px;gap:12px;padding:10px;}
    .module2-box .icon{width:40px;height:40px;}
    .module2-box .icon em{font-size:20px;width:20px;}
    .module2-box p{font-size:var(--fontsize16);}
    .module2-box p strong{font-size:var(--fontsize18);}
    .module3-contant{gap:25px;margin-top:25px;}
    .module3-right{aspect-ratio:4/3;}
    .module3-box .module3-right img{animation:none;}
    .module3-left .p1{font-size:var(--fontsize18);margin-bottom:12px;}
    .module4 .module4-contant{margin-top:25px;}
    .module4 .mod4Swiper{padding-bottom:30px;}
    .module4 .mod4Swiper .swiper-slide:hover img{transform:none;box-shadow:none;}
}