body{padding-top:0}
.banner-inner .banner-content{display:none}
.about-us>.l-wrap{padding:0;max-width:100%}
.about-us>.l-wrap>.page-main{padding:0}
.aboutus .l-wrap{max-width:1740px}
.page1{background:url(/Content/uploads/20251174389/20250725172410870efe702ca04544a75ee4e54d8bd6ea.webp) center no-repeat;background-size:cover;padding:205px 0 125px}
.page1 .module-title h2{text-align:center;color:#fff}
.page1 .module-dev{margin:30px 0;justify-content:center;align-items:center}
.page1 .moduledev-r{margin-left:0}
.page1-con .p1{font-size:22px;color:#fff;line-height:1.25;text-align:center;font-family:Exo2Bold;margin-bottom:30px}
.page1-con .p2{text-align: center;color: #fff;line-height: 36px;opacity: .8;padding: 0 100px;}
.page1-btn{display:flex;justify-content:center;margin-top:50px;cursor:pointer}
.page1-play{width:60px;height:60px;background:#fff;border-radius:50%;border:16px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;animation:ripple 1s linear infinite}
.page1-play em{font-size:32px;font-weight:700;width:32px;color:var(--color);line-height:1}
@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0 rgb(255 255 255 / 50%),0 0 0 5px rgb(255 255 255 / 50%),0 0 0 10px rgb(255 255 255 / 50%)}
100%{box-shadow:0 0 0 5px rgb(255 255 255 / 25%),0 0 0 10px rgb(255 255 255 / 25%),0 0 0 20px rgba(50,100,245,0)}}
@keyframes ripple{0%{box-shadow:0 0 0 0 rgb(255 255 255 / 25%),0 0 0 5px rgb(255 255 255 / 25%),0 0 0 10px rgb(255 255 255 / 25%)}
100%{box-shadow:0 0 0 5px rgb(255 255 255 / 25%),0 0 0 10px rgb(255 255 255 / 25%),0 0 0 20px rgba(50,100,245,0)}}
.page2{padding:100px 0}
.page2 .module-title h3{text-align:center}
.page2 .module-dev{align-items:center;margin:30px 0}
.page2 .moduledev-r{margin-left:0}
.page2-btn{display:flex;justify-content:center;margin-top:40px}
.page2-btn a{display:flex;justify-content:center;padding:15px 30px;border-radius:3px;background:var(--color);color:#fff;line-height:1;align-items:center;font-family:Exo2Bold;text-transform:uppercase}
.page2-btn a:hover{text-decoration: unset;}
.page2-btn a em{font-size:26px;width:26px;color:#000;margin-left:20px}
.page2-contant p{color:#6a6f78;line-height:36px;text-align:center}
.page2-list{display:flex;justify-content:space-between;margin-top: 50px;}
.page2-item{border-radius: 3px;width: 24%;}
.page2-img{position: relative;overflow: hidden;border-radius: 8px;}
.page2-img img{transition: all .3s ease-in-out;}
.page2-text{padding: 30px 40px 0px;}
.page2-text p{font-size: 22px;color: #000002;line-height: 32px;text-align: center;font-family: 'Exo2Bold';}
.page3{background: #1d1d1d;padding: 90px 0;}
.page3 .l-wrap{display: flex;align-items: center;}
.page3-left{flex: 1;padding-right: 80px;}
.page3-right{width: 60%;}
.page3-left .module-title h3{color: #fff;}
.page3-contant p{color: #FFFFFF;line-height: 30px;margin-bottom: 20px;}
.page3-contant{margin-top: 30px;}
.page4{padding: 100px 0;}
.page4 .module-title h4{text-align: center;}
.page4 .module-dev{margin: 30px 0 40px;align-items: center;}
.page4 .module-dev .moduledev-r{margin-left: 0;}
.page4-list{display: flex;justify-content: center;}
.page4-item{display: flex;flex-direction: column;text-align: center;width: 10%;cursor: pointer;}
.page4-item .page4-iocn em{font-size: 72px;color: #999;width: 72px;}
.page4-iocn{display: flex;justify-content: center;line-height: 1;}
.page4-text{font-size: 24px;color: #999999;line-height: 1;font-family: 'Exo2Bold';margin-top: 20px;}
.page4-list .active .page4-iocn em{color: #000;}
.page4-list .active .page4-text{color: #000;}
.page4-box{display: none;text-align: center;}
.page4-p{font-size: 20px;color: #6A6F78;line-height: 36px;text-align: center;padding: 80px 95px;display: inline-block;position: relative;margin: 15px 0;}
.page4-p::after{position: absolute;content: '“';line-height: 1;font-size: 300px;top: 0;left: 0;color: var(--color);width: 94px;height: 94px;}
.page4-p::before{position: absolute;content: '”';line-height: 1;font-size: 300px;bottom: 0;right: 0;color: var(--color);width: 94px;height: 94px;}
.page5{padding: 150px 0;background: url(/Content/uploads/20251174389/20250725172411b66334a1b0a3405899a0651897748a4c.webp)center no-repeat;background-size: cover;}
.page5 .l-wrap{display: flex;align-items: center;}
.page5-left{display: flex;flex-wrap: wrap;width: 55%;justify-content: space-between;}
.page5-right{flex: 1;padding-left: 80px;}
.page5-right .module-title h5{text-transform: uppercase;}
.page5-con{margin-top: 40px;}
.page5-img{width: 48%;margin-bottom: 4%;position: relative;overflow: hidden;}
.page5-img img{transition: all .3s ease-in-out;}
.page5-img:nth-of-type(n+3){margin-bottom: 0;}
.page5-con p{color: #6A6F78;line-height: 36px;}
.page5-con p a{text-decoration: underline;color: #000;}
.page6{padding: 100px 0;}
.page6-contant{display: flex;flex-wrap: wrap;justify-content:space-between;position: relative;}
.page6-box{position: relative;width: 32%;margin-bottom: 2%;border-radius: 8px;overflow: hidden;}
.page6-box img{transition: all .3s ease-in-out;}
.page6-box:nth-of-type(n+4){margin-bottom: 0;}
.page6-box::after{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: #00000061;}
.page6-text p a{color: #fff;}
.page6-text em{margin-left:4px;transition: all .2s linear;transform:rotateZ(-45deg);color:var(--color);font-size:var(--fontsize18);font-weight: var(--fontbold6);}
.page6-text p:hover em{transform:rotateZ(0deg)}
.page6-text{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;}
.page6-text p{font-size: 22px;color: #FFFFFF;line-height: 1.52;padding: 0 5%;display: flex;align-items: center;}
.page6-span{position: absolute;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.page6-span p{font-size: 38px;color: #000002;line-height: 1.2;padding: 40px 55px;background: #fff;border-radius: 20px;max-width: 40%;font-family: 'Exo2Bold';text-align: center;}
.page6-box:hover img{transform: scale(1.02);}
.page5-img:hover img{transform: scale(1.02);}
.page2-img:hover img{transform: scale(1.02);}
.share-modify{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, .9);z-index: 9999;display: none;}
.share-modify-guan{position: absolute;top: 50px;right: 50px;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background-color: #f07f00;transition: all .1s linear;z-index: 99999;}
.share-modify-guan div{width: 20px;height: 3px;background-color: #fff;border-radius: 3px;position: absolute;}
.share-modify-guan div:first-child{top: 17px;transform: rotate(45deg);}
.share-modify-guan div:last-child{bottom: 20px;transform: rotate(-45deg);}
.share-modify-video{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all .2s linear;}
.share-modify-video iframe{height: 65%;width: 65%;}
@media (max-width:1640px) {.page1{padding: 175px 0 125px;}
.page1 .module-dev{margin: 20px 0;}
.page2,.page4,.page6{padding: 65px 0;}
.page2-list{margin-top: 35px;}
.page2-text {padding: 20px 30px 0px;}
.page2-text p{font-size: 20px;}
.page3-right{width: 55%;}
.page3-left{padding-right: 50px;}
.page3-contant p{margin-bottom: 10px;}
.page3-contant {margin-top: 15px;}
.page4-p{padding: 70px 90px;}
.page4-p::after,.page4-p::before{font-size: 280px;}
.page4-item .page4-iocn em{font-size: 62px;width: 62px;}
.page4-text{font-size: 20px;}
.page5-left{width: 50%;}
.page5-right{padding-left: 50px;}
.page5{padding: 100px 0;}
.page6-span p{font-size: 28px;padding: 30px 40px;max-width: 30%;}
.page6-text p{font-size: 20px;}}
@media (max-width:1366px) {.page1 {padding: 140px 0 100px;}
.page1-con .p2{padding: 0 30px;}
.page1-play{width: 50px;height: 50px;}
.page2 .module-dev{margin: 15px 0;}
.page2-btn{margin-top: 25px;}
.page2-text {padding: 10px 15px 0px;}
.page2-text p {font-size: 18px;line-height: 1.25;}
.page4-p::after, .page4-p::before{font-size: 220px;}
.page5-con {margin-top: 20px;}
.page6-span p{font-size: 22px;}}
@media (max-width:1024px) {.page1 {padding: 70px 0;}
.page2, .page4, .page6,.page5{padding: 50px 0;}
.page1-con .p1{font-size: 20px;margin-bottom: 15px;}
.page1-con .p2{line-height: 32px;}
.page1-btn{margin-top: 35px}
.page2-list{flex-wrap: wrap;}
.page2-text p{font-size: 16px;}
.page3{padding: 55px 0;}
.page3 .l-wrap{flex-direction: column;}
.page3-left {padding-right: 0;}
.page3-right {width: 100%;margin-top: 25px;}
.page4-item{width: 20%;}
.page4-item .page4-iocn em {font-size: 46px;width: 46px;}
.page4-text{font-size: 18px;}
.page4-p {padding: 55px 65px;font-size: 18px;}
.page4-p::after, .page4-p::before {font-size: 150px;width: 65px;height: 65px;}
.page5 .l-wrap{flex-direction: column;}
.page5-left{width: 100%;}
.page5-img{width: 49%;margin-bottom: 2%;}
.page5-img img{width: 100%;}
.page5-right {padding-left: 0;margin-top: 20px;}
.page6-span{position: unset;}
.page6-span p {font-size: 20px;max-width: 100%;padding: 20px 0;}
.page6-text p{font-size: 16px;}}
@media (max-width:768px) {.page1,.page2, .page4, .page6, .page5{padding: 35px 0;}
.page1 .module-dev{margin: 15px 0;}
.page1-con .p2 {line-height: 26px;font-size: 14px;padding: 0;}
.page1-play {width: 40px;height: 40px;}
.page1-play em{font-size: 28px;width: 28px;}
.page2-btn a{padding: 10px 25px;font-size: 14px;}
.page2-item{width: 48%;}
.page2-text{padding: 20px 15px;}
.page2-text p{line-height: 1.52;}
.page4-p {padding: 30px 45px;font-size: 16px;}
.page4-p::after, .page4-p::before {font-size: 110px;width: 35px;height: 35px;}
.page4-item .page4-iocn em{font-size: 38px;width: 38px;}
.page6-box{width: 49%;}
.share-modify-video iframe{height: 50%;width: 60%;}}
@media (max-width:550px) {.page1, .page2, .page4, .page6, .page5{padding: 25px 0;}
.page2-contant p{line-height: 1.6;font-size: 14px;}
.page2-item{width: 100%;}
.page3-contant p{font-size: 14px;}
.page4-item{width: 33.3%;}
.page4-text{font-size: 16px;}
.page4-item .page4-iocn em {font-size: 32px;width: 32px;}
.page4-p{padding: 20px 32px;font-size: 14px;line-height: 1.75;}
.page5-con p{line-height: 1.75;font-size: 14px;}
.page6-box{width: 100%;}}
.page2-btn a:after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0);width: calc(100% + 20px);border-radius: 50%;aspect-ratio: 1 / 1;background: rgba(0, 0, 0, .4);z-index: -1;transition: all .2s linear;}
.page2-btn a{position: relative;z-index: 1;overflow: hidden;}
.page2-btn a:hover::after{transform: translate(-50%, -50%) scale(1);}
.page2-btn a em{transition: all 0.2s linear;}
.page2-btn a:hover em {transform: rotateZ(45deg);}
.page3-right{position:relative}
.page3-right .po1{position:absolute;right:33%;text-align:center;bottom:48%}
.page3-right .post{animation:positionpage3 2s linear infinite}
.page3-right .po2{position:absolute;right:14%;text-align:center;bottom:53%}
@keyframes positionpage3{0%{transform:translateY(0) scale(1)}
50%{transform:translateY(-4px) scale(1.2)}
100%{transform:translateY(0) scale(1)}
}