@import url(https://js01.v15cdn.com/single-template/public.css);
@import url(https://js01.v15cdn.com/single-template/public.css);
.about-us>.l-wrap{padding:0;margin:0 auto;max-width:100%}
.about-us.common-main{padding:0}
.padding{padding:5% 0}
.modhead{text-align:center}
.moduletitle{font-weight:var(--fontbold6);font-size:var(--fontsize42);color:#000003;line-height:1.25}
.margintop{margin-top:50px}
.moduletit{color: #666666;line-height: 30px;margin-top: 25px;}
.bannertext{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.bannertext .p1{color: #fff;}
.bannertext .p2{color: #fff;margin-top: 40px;}
@media (max-width: 1640px) {.moduletitle{font-size:var(--fontsize36)}}
@media (max-width: 1440px) {.moduletitle{font-size:var(--fontsize32)}}
@media (max-width: 1366px) {.moduletitle{font-size:var(--fontsize28)}
.bannertext .p2{margin-top: 20px;}}
@media (max-width: 1024px) {.moduletitle{font-size:var(--fontsize26)}}
@media (max-width: 768px) {.moduletitle{font-size:var(--fontsize22)}}
@media (max-width: 550px) {.moduletitle{font-size:var(--fontsize20)}}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInLeft {
    from { opacity: 0; transform: translateX(-40px); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInRight {
    from { opacity: 0; transform: translateX(40px); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes zoomIn {
    from { opacity: 0; transform: scale(0.85); }
    to   { opacity: 1; transform: scale(1); }
}
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.08); }
}
@keyframes iconBounce {
    0%, 100% { transform: translateY(0); }
    40%      { transform: translateY(-10px); }
    60%      { transform: translateY(-5px); }
}
@keyframes shimmer {
    0%   { left: -100%; }
    100% { left: 200%; }
}
@keyframes rotateScale {
    0%   { transform: rotate(0deg) scale(1); }
    50%  { transform: rotate(5deg) scale(1.05); }
    100% { transform: rotate(0deg) scale(1); }
}
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-8px); }
}
@keyframes borderGlow {
    0%, 100% { box-shadow: 0 0 5px rgba(var(--color-rgb,0,0,0),.15); }
    50%      { box-shadow: 0 0 20px rgba(var(--color-rgb,0,0,0),.35); }
}

.module1{background: url(/Content/uploads/20261280073/20260629135304e4191e11acf1435985c629e85ec39dec.webp)center no-repeat;background-size: cover;}
.module1 .module1-right{width: 50%;margin-left: auto;padding: 155px 0;background: #ffffffad;padding-left: 80px;padding-right: 12%;animation: fadeInRight .8s ease-out;}
.module1-btns{display: flex;gap: 20px;margin-top: 50px;}
.module1-btns a{padding: 20px 30px;line-height: 1;background: var(--color);color: #fff;border-radius: 8px;overflow: hidden;position: relative;display: inline-block;transition: all .35s cubic-bezier(.4,0,.2,1);animation: fadeInUp .6s ease-out .3s both;}
.module1-btns a:nth-child(2){ animation-delay: .45s; }
.module1-btns a:hover{transform: translateY(-4px);box-shadow: 0 12px 28px rgba(0,0,0,.2);text-decoration: unset;}
.module1-btns a:active{ transform: translateY(-1px) scale(.98); }
.module1-btns a::after{content: '';position: absolute;top: 0;left: -100%;width: 60%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);transform: skewX(-20deg);transition: left .6s;}
.module1-btns a:hover::after{ animation: shimmer .6s ease-in-out;}
.module2 .l-wrap{display: flex;gap: 70px;align-items: center;}
.module2-left{width: 47.5%;border-radius: 10px;overflow: hidden;animation: fadeInLeft .8s ease-out;}
.module2-left img{width: 100%;height: auto;display: block;transition: transform .6s cubic-bezier(.4,0,.2,1);}
.module2-left:hover img{ transform: scale(1.06); }
.module2-right{flex: 1;animation: fadeInRight .8s ease-out;}
.module2-right .text{margin-top: 50px;color: #666666;line-height: 30px;}
.module3-list{display: flex;gap: 20px;margin-bottom: 55px;}
.module3-list .item{flex: 1;animation: fadeInUp .6s ease-out both;}
.module3-list .item:nth-child(1){ animation-delay: .1s; }
.module3-list .item:nth-child(2){ animation-delay: .2s; }
.module3-list .item:nth-child(3){ animation-delay: .3s; }
.module3-list .item:nth-child(4){ animation-delay: .4s; }
.module3-list .item:nth-child(5){ animation-delay: .5s; }
.module3-list .item:nth-child(6){ animation-delay: .6s; }
.module3-list .item .img{aspect-ratio: 23 / 35;border-radius: 8px;overflow: hidden;}
.module3-list .item .img img{width: 100%;height: 100%;object-fit: cover;transition: transform .5s cubic-bezier(.4,0,.2,1);}
.module3-list .item:hover .img img{ transform: scale(1.08); }
.module3-list .item:hover .img{ box-shadow: 0 8px 30px rgba(0,0,0,.15); }
.module3{background: #F7F2ED;}
.module3-head{text-align: center;margin-bottom: 40px;}
.module3-list .item .text{margin-top: 20px;}
.module3-list .item .text p{color: #000003;line-height: 30px;text-align: center;}
.module3-head .title{font-weight: bold;font-size: 30px;color: #000003;line-height: 1;margin-bottom: 25px;}
.module3-head p{color: #666666;line-height: 30px;}
.module3-con{display: flex;align-items: center;gap: 60px;}
.module3-con .left{aspect-ratio: 4 / 6;border-radius: 6px;overflow: hidden;animation: fadeInLeft .8s ease-out;}
.module3-con .left img{width: 100%;height: 100%;object-fit: cover;transition: transform .5s cubic-bezier(.4,0,.2,1);}
.module3-con .left:hover img{ transform: scale(1.06); }
.module3-con .right .tit{font-weight: bold;font-size: var(--fontsize22);color: #000003;line-height: 30px;}
.module3-con .right .txt{margin: 20px 0 30px;color: #666666;line-height: 30px;}
.module3-con .right ul{display: flex;flex-direction: column;gap: 25px;}
.module3-con .right ul li{display: flex;align-items: center;gap: 10px;font-weight: bold;color: #111111;}
.module3-con .right ul li em{color: var(--color);font-size: var(--fontsize20);line-height: 1;transition: transform .3s ease;}
.module3-con .right ul li:hover em{ animation: iconBounce .5s ease-in-out; }
.module3-con .right .btn{display: flex;margin-top: 50px;}
.module3-con .right .btn a{padding: 20px 30px;background: var(--color);color: #fff;border-radius: 5px;overflow: hidden;line-height: 1;position: relative;display: inline-block;transition: all .35s cubic-bezier(.4,0,.2,1);}
.module3-con .right .btn a:hover{transform: translateY(-3px);box-shadow: 0 10px 24px rgba(0,0,0,.2);text-decoration: unset;}
.module3-con .right .btn a:active{ transform: translateY(-1px) scale(.98); }
.module3-con .right .btn a::after{content: '';position: absolute;top: 0;left: -100%;width: 60%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);transform: skewX(-20deg);transition: left .6s;}
.module3-con .right .btn a:hover::after{ animation: shimmer .6s ease-in-out; }
.module4-item{display: flex;gap: 30px;margin-top: 50px;}
.module4-item .item{flex: 1;background: #FFFFFF;border-radius: 6px;box-shadow: 0px 0px 15px 1px #dbdbdb;overflow: hidden;padding: 60px;text-align: center;transition: transform .4s cubic-bezier(.4,0,.2,1), box-shadow .4s ease;animation: fadeInUp .6s ease-out both;}
.module4-item .item:nth-child(1){ animation-delay: .1s; }
.module4-item .item:nth-child(2){ animation-delay: .25s; }
.module4-item .item:nth-child(3){ animation-delay: .4s; }
.module4-item .item:hover{transform: translateY(-10px);box-shadow: 0px 12px 35px 2px #c5c5c5;}
.module4-item .item .p1{font-weight: bold;font-size: var(--fontsize22);color: #000003;margin-bottom: 20px;line-height: 1;}
.module4-item .item .p2{color: #666666;line-height: 30px;}
.module4-item .item .icon{display: flex;justify-content: center;margin-bottom: 40px;}
.module4-item .item .icon em{font-size: 52px;line-height: 1;color: var(--color);display: inline-block;transition: transform .3s ease, color .3s ease;}
.module4-item .item:hover .icon em{animation: pulse 1s ease-in-out infinite;}
.module5{background: #F7F2ED;}
.module5-item{gap: 60px;display: flex;align-items: center;margin-top: 50px;}
.module5-item:nth-of-type(2n){flex-direction: row-reverse;}
.module5-right{width: 48%;border-radius: 12px;overflow: hidden;transition: box-shadow .4s ease;}
.module5-right img{width: 100%;height: auto;display: block;transition: transform .5s cubic-bezier(.4,0,.2,1);}
.module5-right:hover img{ transform: scale(1.05); }
.module5-right:hover{ box-shadow: 0 8px 30px rgba(0,0,0,.12); }
.module5-left{flex: 1;}
.module5-left .p1{font-weight: bold;font-size: var(--fontsize22);color: #000003;margin-bottom: 30px;line-height: 1.25;}
.module5-left .p2{color: #666666;line-height: 30px;}
.mod5Swiper .swiper-pagination-bullet{background: var(--color);transition: transform .3s ease, opacity .3s ease;}
.mod5Swiper .swiper-pagination-bullet-active{ transform: scale(1.3); }
.module5-text{margin-top: 30px;}
.module5-text p{color: #666666;line-height: 30px;margin-bottom: 10px;}
.module6-top{display: flex;justify-content: space-between;align-items: center;}
.module6-right img{transition: transform .5s ease;animation: float 3s ease-in-out infinite;}
.module6-right img:hover{ transform: scale(1.1) rotate(5deg); }
.module6-contant{margin-top: 50px;position: relative;background: url(/Content/uploads/20261280073/202606291354553d31946154b947b88b82712af86bfe20.webp) bottom no-repeat;padding-bottom: 5%;background-size: 100% 25%;}
.mod6button-next,.mod6button-prev{width: 50px;height: 50px;background: #FFFFFF;border-radius: 50%;border: 1px solid #8C8C8C;display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;z-index: 3;transform: translateY(-50%);cursor: pointer;transition: all .35s cubic-bezier(.4,0,.2,1);}
.mod6button-prev{left: 0;}
.mod6button-next{right: 0;}
.mod6button-next:hover,.mod6button-prev:hover{background: var(--color);border-color: var(--color);box-shadow: 0 6px 20px rgba(0,0,0,.2);}
.mod6button-next:hover em,.mod6button-prev:hover em{ color: #fff; }
.mod6button-next:active,.mod6button-prev:active{ transform: translateY(-50%) scale(.92); }
.mod6Swiper{max-width: 90%;margin: 0 auto;position: relative;}
.mod6Swiper .swiper-slide img{transition: transform .4s ease;}
.mod6Swiper .swiper-slide:hover img{ transform: scale(1.03); }

@media (max-width: 1640px) {
    .moduletitle{font-size:var(--fontsize36)}
    .module1 .module1-right{padding:120px 0;padding-left:60px;padding-right:10%;}
    .module1-btns a{padding:18px 28px;}
    .module2 .l-wrap{gap:50px;}
    .module2-left{width:45%;}
    .module3-con{gap:45px;}
    .module4-item{gap:25px;}
    .module4-item .item{padding:50px 40px;}
    .module5-item{gap:45px;}
    .module5-right{width:46%;}
}
@media (max-width: 1440px) {
    .moduletitle{font-size:var(--fontsize32)}
    .module1 .module1-right{width:55%;padding:100px 0;padding-left:50px;padding-right:8%;}
    .module1-btns{gap:16px;margin-top:40px;}
    .module1-btns a{padding:16px 26px;font-size:.95em;}
    .module2 .l-wrap{gap:40px;}
    .module2-left{width:44%;}
    .module2-right .text{margin-top:35px;}
    .module3-list{gap:16px;}
    .module3-con{gap:35px;}
    .module3-con .right ul{gap:20px;}
    .module3-con .right .btn{margin-top:40px;}
    .module4-item{gap:22px;margin-top:40px;}
    .module4-item .item{padding:45px 35px;}
    .module4-item .item .icon em{font-size:46px;}
    .module4-item .item .icon{margin-bottom:30px;}
    .module5-item{gap:35px;margin-top:40px;}
    .module5-right{width:45%;}
    .mod6button-next,.mod6button-prev{width:44px;height:44px;}
}
@media (max-width: 1366px) {
    .moduletitle{font-size:var(--fontsize28)}
    .module1 .module1-right{width:58%;padding:80px 0;padding-left:45px;padding-right:6%;}
    .module1-btns a{padding:15px 24px;font-size:.9em;}
    .module2 .l-wrap{gap:35px;}
    .module2-left{width:43%;}
    .module2-right .text{margin-top:30px;}
    .module3-list{gap:14px;margin-bottom:40px;}
    .module3-list .item .text{margin-top:15px;}
    .module3-con{gap:30px;}
    .module3-con .right ul{gap:18px;}
    .module3-con .right .btn a{padding:18px 28px;}
    .module4-item{gap:20px;}
    .module4-item .item{padding:40px 30px;}
    .module4-item .item .icon em{font-size:42px;}
    .module4-item .item .icon{margin-bottom:25px;}
    .module5-item{gap:30px;margin-top:35px;}
    .module5-right{width:44%;}
    .module6-contant{margin-top:40px;}
    .mod6button-next,.mod6button-prev{width:40px;height:40px;}
}
@media (max-width: 1280px) {
    .module1 .module1-right{width:62%;padding:65px 0;padding-left:40px;padding-right:5%;}
    .module1-btns{gap:14px;margin-top:35px;}
    .module1-btns a{padding:14px 22px;font-size:.88em;}
    .module2 .l-wrap{gap:30px;}
    .module2-left{width:42%;}
    .module2-right .text{margin-top:25px;line-height:28px;}
    .module3-list{gap:12px;flex-wrap:wrap;}
    .module3-list .item{flex:0 0 calc(33.333% - 8px);}
    .module3-head .title{font-size:26px;}
    .module3-con .left{width:70%;margin:0 auto;}
    .module3-con .right .btn{margin-top:30px;}
    .module4-item{gap:18px;margin-top:35px;}
    .module4-item .item{padding:35px 25px;}
    .module4-item .item .icon em{font-size:38px;}
    .module4-item .item:hover{transform:translateY(-6px);}
    .module5-item{gap:25px;}
    .module5-left .p1{margin-bottom:20px;}
    .mod6Swiper{max-width:85%;}
}
@media (max-width: 1024px) {
    .moduletitle{font-size:var(--fontsize26)}
    .module1-btns{gap:12px;margin-top:30px;}
    .module1-btns a{text-align:center;padding:14px 20px;font-size:.85em;}
    .module2 .l-wrap{flex-direction:column-reverse;gap:25px;}
    .module2-left{width:100%;}
    .module1 .module1-right{width: 100%;}
    .module2-left:hover img{transform:scale(1.03);}
    .module2-right .text{margin-top:20px;line-height:27px;}
    .module3-list{gap:12px;}
    .module3-list .item{flex:0 0 calc(33.333% - 8px);}
    .module3-con{flex-direction: column;}
    .module3-con .left{width:85%;}
    .module3-con .right .btn{margin-top:25px;}
    .module3-con .right .btn a{padding:16px 26px;}
    .module3-head .title{font-size:24px;margin-bottom:20px;}
    .module4-item{flex-direction:column;gap:20px;margin-top:30px;}
    .module4-item .item{padding:30px;}
    .module4-item .item:hover{transform:translateY(-5px);}
    .module4-item .item .icon{margin-bottom:20px;}
    .module4-item .item .icon em{font-size:36px;}
    .module5-item{gap:25px;flex-direction:column!important;}
    .module5-right{width:100%;}
    .module5-item:nth-of-type(2n){flex-direction:column!important;}
    .module5-left{margin-top:5px;}
    .module6-top{flex-direction:column;text-align:center;gap:15px;}
    .module6-right img{max-width:250px;}
    .module6-contant{padding-bottom:8%;background-size:100% 18%;}
    .mod6button-next,.mod6button-prev{width:38px;height:38px;}
    .mod6Swiper{max-width:82%;}
}
@media (max-width: 768px) {
    .moduletitle{font-size:var(--fontsize22)}
    .padding{padding:8% 0;}
    .module1-btns a{padding:13px 18px;font-size:.83em;}
    .module1-btns a{animation:none;}
    .module2 .l-wrap{gap:20px;}
    .module2-left{animation:none;}
    .module2-right{animation:none;}
    .module2-right .text{margin-top:18px;line-height:26px;}
    .module3-list{margin-bottom:30px;gap:10px;}
    .module3-list .item{flex:0 0 calc(50% - 5px);animation:none;}
    .module3-head .title{font-size:22px;}
    .module3-head{margin-bottom:30px;}
    .module3-con .left{width:100%;animation:none;}
    .module3-con .right ul{gap:15px;}
    .module3-con .right .btn a{padding:14px 24px;font-size:.9em;}
    .module3-con .right .btn{margin-top:25px;}
    .module4-item .item{animation:none;}
    .module4-item .item:hover{transform:translateY(-4px);}
    .module4-item .item .icon em{font-size:34px;}
    .module5-item{margin-top:30px;}
    .module6-contant{margin-top:30px;padding-bottom:10%;background-size:100% 14%;}
    .mod6button-next,.mod6button-prev{width:34px;height:34px;}
    .mod6Swiper{max-width:78%;}
    .mod6Swiper .swiper-slide:hover img{transform:none;}
    .module5-right:hover img{transform:none;}
}
@media (max-width: 550px) {
    .moduletitle{font-size:var(--fontsize20)}
    .padding{padding:10% 0;}.module1-btns{gap:10px;margin-top:25px;}
    .module1-btns a{padding:12px 16px;font-size:.8em;border-radius:6px;}
    .module1-btns a::after{display:none;}
    .module2 .l-wrap{gap:15px;}
    .module2-left{border-radius:6px;}
    .module2-left:hover img{transform:none;}
    .module2-right .text{margin-top:15px;line-height:25px;}
    .module3-list{margin-bottom:25px;gap:8px;}
    .module3-list .item{flex:0 0 calc(50% - 4px);}
    .module3-list .item .img{border-radius:6px;}
    .module3-list .item:hover .img img{transform:scale(1.04);}
    .module3-list .item:hover .img{box-shadow:0 4px 15px rgba(0,0,0,.1);}
    .module3-list .item .text{margin-top:12px;}
    .module3-head .title{font-size:20px;margin-bottom:15px;}
    .module3-head{margin-bottom:25px;}
    .module3-con{gap:20px;}
    .module3-con .left{border-radius:4px;}
    .module3-con .left:hover img{transform:none;}
    .module3-con .right .txt{margin:15px 0 20px;}
    .module3-con .right ul{gap:12px;}
    .module3-con .right ul li em{font-size:var(--fontsize18);}
    .module3-con .right .btn a{padding:13px 22px;font-size:.85em;width:100%;text-align:center;}
    .module3-con .right .btn a::after{display:none;}
    .module4-item{gap:15px;margin-top:25px;}
    .module4-item .item{padding:25px 20px;}
    .module4-item .item:hover{transform:translateY(-3px);box-shadow:0px 6px 20px 1px #c5c5c5;}
    .module4-item .item .icon{margin-bottom:15px;}
    .module4-item .item .icon em{font-size:30px;}
    .module5-item{margin-top:25px;gap:20px;}
    .module5-left .p1{margin-bottom:15px;}
    .module6-right img{max-width:80px;}
    .module6-contant{margin-top:25px;padding-bottom:12%;background-size:100% 10%;}
    .mod6button-next,.mod6button-prev{width:30px;height:30px;}
    .mod6Swiper{max-width:74%;}
    .mod6button-next:hover,.mod6button-prev:hover{box-shadow:0 3px 10px rgba(0,0,0,.15);}
    @keyframes fadeInUp {
        from { opacity:0; transform:translateY(20px); }
        to   { opacity:1; transform:translateY(0); }
    }
    @keyframes fadeInLeft {
        from { opacity:0; transform:translateX(-20px); }
        to   { opacity:1; transform:translateX(0); }
    }
    @keyframes fadeInRight {
        from { opacity:0; transform:translateX(20px); }
        to   { opacity:1; transform:translateX(0); }
    }
}

.about-us .width1500{max-width:1500px}