.about-us .title-wrapper{display:flex;justify-content:space-between;align-items:center}.about-us .title-wrapper .swiper-operation{display:flex;align-items:center}.about-us .title-wrapper .swiper-operation .swiper-progressbar{width:400px;position:relative;height:3px;background:#e6e6e6}.about-us .title-wrapper .swiper-operation .swiper-progressbar .swiper-pagination-progressbar-fill{background-image:linear-gradient(to right, var(--primary-color), var(--primary-color-light))}.about-us .title-wrapper .swiper-operation .swiper-btn{margin-left:48px;display:flex;align-items:center;gap:0 24px}.about-us .title-wrapper .swiper-operation .swiper-btn .prev-btn,.about-us .title-wrapper .swiper-operation .swiper-btn .next-btn{width:44px;height:44px;border-radius:50%;background:#f8f8f8;transition:all .4s ease;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#666}.about-us .title-wrapper .swiper-operation .swiper-btn .prev-btn .iconfont,.about-us .title-wrapper .swiper-operation .swiper-btn .next-btn .iconfont{font-size:24px}.about-us .title-wrapper .swiper-operation .swiper-btn .prev-btn:hover,.about-us .title-wrapper .swiper-operation .swiper-btn .next-btn:hover{background-image:linear-gradient(to right, var(--primary-color), var(--primary-color-light));color:#fff}.about-us .title-wrapper .swiper-operation .swiper-btn .prev-btn.swiper-button-disabled,.about-us .title-wrapper .swiper-operation .swiper-btn .next-btn.swiper-button-disabled{opacity:.5;pointer-events:none}.about-us .img-link-icon{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:2;color:#fff;transition:all .5s ease .2s;width:44px;height:44px;border-radius:50%;background-image:linear-gradient(to right, var(--primary-color), var(--primary-color-light));display:flex;justify-content:center;align-items:center}.about-us .img-link-icon .iconfont{font-size:26px}.about-us .swiper-slide:hover .img-link-icon{transform:translate(-50%, -50%) scale(1)}.about-us .swiper{position:relative;overflow:hidden}.about-us .swiper .swiper-wrapper .swiper-slide{position:relative;padding:12px;background-color:#fff}.about-us .swiper .swiper-wrapper .swiper-slide .img-link{width:100%}.about-us .swiper .swiper-wrapper .swiper-slide .img-link img{width:100%;height:100%;object-fit:cover}.about-us .swiper .swiper-wrapper .swiper-slide .name{display:flex;justify-content:center;text-align:center}.about-us .swiper .swiper-scrollbar{bottom:0}.about-us .swiper .swiper-scrollbar .swiper-scrollbar-drag{background:linear-gradient(to right, var(--primary-color), var(--primary-color-light))}.about-us .company-profile{overflow:hidden;background-color:#f3f3f3}.about-us .company-profile .title-wrapper{justify-content:center}.about-us .company-profile .company-profile-content{display:flex;gap:48px}.about-us .company-profile .company-profile-content .content-left{width:calc(50% - 24px)}.about-us .company-profile .company-profile-content .content-left img{width:100%;border-radius:48px}.about-us .company-profile .company-profile-content .content-right{width:calc(50% - 24px);display:flex;flex-direction:column;justify-content:space-between}.about-us .company-profile .company-profile-content .content-right .desc{color:#666;line-height:1.5}.about-us .company-profile .company-profile-content .content-right .number-list{display:flex;justify-content:space-between}.about-us .company-profile .company-profile-content .content-right .number-list .number-item .number-wrapper{display:flex;align-items:center;color:var(--primary-color)}.about-us .company-profile .company-profile-content .content-right .number-list .number-item .desc{margin-top:6px}.about-us .aboutwh{background:#fff}.about-us .aboutwh .title-wrapper{justify-content:center}.about-us .aboutwh .aboutwh-tabs{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;height:674px;display:flex;align-items:center;justify-content:center}.about-us .aboutwh .aboutwh-tabs .aboutwh-content{width:700px;background:#fff;height:370px;padding:60px 60px 0;border-radius:50px;box-shadow:0 0 20px 4px rgba(0,0,0,0.06);position:relative;z-index:2}.about-us .aboutwh .aboutwh-content-mix{width:100%}.about-us .aboutwh .aboutwh-content-icon{width:152px;padding-right:24px}.about-us .aboutwh .aboutwh-content-icon img{max-width:100%}.about-us .aboutwh .aboutwh-content-cont{width:calc(100% - 152px);padding-top:20px}.about-us .aboutwh .aboutwh-content-cont .title{color:#333;line-height:1.1}.about-us .aboutwh .aboutwh-content-cont .text{margin-top:44px;padding-top:28px;border-top:1px solid #dcdcdc;color:#333}.about-us .aboutwh .aboutwh-click{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.about-us .aboutwh .aboutwh-click li{position:absolute;cursor:pointer;color:#fff;align-items:center;justify-content:center;width:210px;height:210px;border-radius:50px;transition:all .6s ease}.about-us .aboutwh .aboutwh-click li.sm{background:#0058b8;left:90px;top:0}.about-us .aboutwh .aboutwh-click li.yj{background:#030303;right:90px;top:0}.about-us .aboutwh .aboutwh-click li.hx{background:#909193;left:90px;bottom:0}.about-us .aboutwh .aboutwh-click li.xc{background:#f47921;right:90px;bottom:0}.about-us .aboutwh .aboutwh-click li.sm.active{left:0;border-bottom-right-radius:0px}.about-us .aboutwh .aboutwh-click li.yj.active{right:0;border-bottom-left-radius:0px}.about-us .aboutwh .aboutwh-click li.hx.active{left:0;border-top-right-radius:0px}.about-us .aboutwh .aboutwh-click li.xc.active{right:0;border-top-left-radius:0px}.about-us .aboutwh .aboutwh-block{position:absolute;width:210px;height:210px;right:90px;bottom:0;transition:all .6s ease;display:none}.about-us .aboutwh .aboutwh-block img{width:100%;object-fit:cover}.about-us .aboutwh .aboutwh-block.active{right:30%}.about-us .aboutlc{overflow:hidden;width:100%;position:relative;height:936px}.about-us .aboutlc .aboutlc-image{width:100%;position:absolute;top:0;left:0;object-fit:cover;height:100%}.about-us .aboutlc .sonTitle{position:relative;z-index:4}.about-us .aboutlc .aboutlc-mix{width:100%;margin-top:80px}.about-us .aboutlc .aboutlc-mix .gallery{width:100%;position:relative;z-index:4}.about-us .aboutlc .aboutlc-mix .gallery-more{width:100%;text-align:center;padding-top:100px;position:relative;color:#fff}.about-us .aboutlc .aboutlc-mix .gallery-more .hint{font-family:'MB';line-height:1;font-weight:700;font-size:180px;opacity:.4;position:absolute;top:0;left:0;right:0;margin:0 auto}.about-us .aboutlc .aboutlc-mix .gallery-more .cont{width:100%;max-width:600px;margin:0 auto}.about-us .aboutlc .aboutlc-mix .gallery-more .line{width:56px;height:2px;background:var(--primary-color);margin:24px auto 20px}.about-us .aboutlc .aboutlc-mix .gallery-more .num{font-family:'MB';line-height:1;font-weight:700}.about-us .aboutlc .aboutlc-mix .thumbs{position:absolute;width:100%;left:0;bottom:220px;z-index:4;transform:rotate(-9deg)}.about-us .aboutlc .aboutlc-mix .thumbs::before{content:"";position:absolute;width:120%;height:1px;background:#fff;left:-10%;top:12px}.about-us .aboutlc .aboutlc-mix .thumbs .swiper-container{width:1400px;margin:0 auto}.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year{width:100%;font-size:22px;transform:rotate(9deg);display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:'MB';line-height:1;height:60px;color:#fff;padding-top:7px;font-weight:700;transition:all .4s ease;position:relative;z-index:4}.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year i{width:11px;height:11px;background:#ef8903;border-radius:50%;margin:0 auto;transition:all .4s ease;position:relative}.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year i::before,.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year i::after{content:"";position:absolute;left:50%}.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year i::before{width:21px;height:21px;border-radius:50%;top:50%;margin:-11px 0 0 -10px;opacity:0;background:var(--primary-color);transition:all .4s ease}.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year i::after{width:1px;height:12px;top:10px;background:#ef8903;transition:all .4s ease}.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year:hover{color:#ef8903}.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year.active i{background:var(--primary-color)}.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year.active i::after{background:var(--primary-color)}.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year.active i::before{opacity:.2}.about-us .aboutlc .aboutlc-mix .thumbs-prev,.about-us .aboutlc .aboutlc-mix .thumbs-next{width:42px;bottom:338px;height:102px;position:absolute;z-index:4;cursor:pointer;background:rgba(0,0,0,0.5) url("../../static/image/arrLW.svg") no-repeat center / 24px auto;transition:all .4s ease}.about-us .aboutlc .aboutlc-mix .thumbs-prev:hover,.about-us .aboutlc .aboutlc-mix .thumbs-next:hover{background-color:var(--primary-color)}.about-us .aboutlc .aboutlc-mix .thumbs-prev{left:180px}.about-us .aboutlc .aboutlc-mix .thumbs-next{right:180px;background-image:url("../../static/image/arrRW.svg")}.about-us .honor{overflow:hidden;background-color:#f3f3f3}.about-us .corporate-vision .title-wrapper{justify-content:center}.about-us .corporate-vision .aboutzr-list{background-position:center;background-size:cover;background-repeat:no-repeat;height:600px}.about-us .corporate-vision .aboutzr-list .vision-list{display:flex;height:100%}.about-us .corporate-vision .aboutzr-list .vision-list li{width:25%;height:100%;position:relative;overflow:hidden;color:#fff;cursor:pointer}.about-us .corporate-vision .aboutzr-list .vision-list li::before{content:"";position:absolute;width:1px;height:100%;top:0;left:0;background:rgba(255,255,255,0.3)}.about-us .corporate-vision .aboutzr-list .vision-list li:first-child::before{display:none}.about-us .corporate-vision .aboutzr-list .vision-list li .name{position:absolute;width:100%;transition:all .4s ease .3s;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}.about-us .corporate-vision .aboutzr-list .vision-list li .content{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:0 28px}.about-us .corporate-vision .aboutzr-list .vision-list li .title{line-height:1.1;opacity:0;transform:translateY(60px);transition:all .4s ease}.about-us .corporate-vision .aboutzr-list .vision-list li .text{opacity:0;transform:translateY(60px);transition:all .4s ease;line-height:2}.about-us .corporate-vision .aboutzr-list .vision-list li:hover .name{opacity:0;transition:all .4s ease}.about-us .corporate-vision .aboutzr-list .vision-list li:hover .title{opacity:1;transform:translateY(0);transition:all .6s ease .3s}.about-us .corporate-vision .aboutzr-list .vision-list li:hover .text{opacity:1;transform:translateY(0);transition:all .6s ease .4s}@media screen and (max-width:992px){.about-us .title-wrapper{flex-direction:column;gap:20px;margin-bottom:12px}.about-us .title-wrapper .swiper-operation{width:100%;gap:20px}.about-us .title-wrapper .swiper-operation .swiper-progressbar{width:100%}.about-us .title-wrapper .swiper-operation .swiper-btn{margin-left:0;justify-content:center}.about-us .title-wrapper .swiper-operation .swiper-btn .prev-btn,.about-us .title-wrapper .swiper-operation .swiper-btn .next-btn{width:32px;height:32px}.about-us .company-profile .company-profile-content{flex-direction:column;gap:24px}.about-us .company-profile .company-profile-content .content-left,.about-us .company-profile .company-profile-content .content-right{width:100%}.about-us .company-profile .company-profile-content .content-left img,.about-us .company-profile .company-profile-content .content-right img{border-radius:24px}.about-us .company-profile .company-profile-content .content-left .company-profile-name,.about-us .company-profile .company-profile-content .content-right .company-profile-name{text-align:center}.about-us .aboutwh .aboutwh-tabs{height:auto;flex-direction:column;padding:20px 0}.about-us .aboutwh .aboutwh-tabs .aboutwh-content{width:100%;max-width:500px;height:auto;padding:40px 30px 30px;border-radius:20px;order:2}.about-us .aboutwh .aboutwh-content-mix{flex-direction:column;text-align:center}.about-us .aboutwh .aboutwh-content-icon{width:80px;padding-right:0;margin:0 auto 20px}.about-us .aboutwh .aboutwh-content-cont{width:100%;padding-top:0}.about-us .aboutwh .aboutwh-content-cont .text{margin-top:20px;padding-top:20px}.about-us .aboutwh .aboutwh-click{position:static;order:1;height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px}.about-us .aboutwh .aboutwh-click li{position:static;width:120px;height:120px;border-radius:20px}.about-us .aboutwh .aboutwh-click li.sm.active,.about-us .aboutwh .aboutwh-click li.yj.active,.about-us .aboutwh .aboutwh-click li.hx.active,.about-us .aboutwh .aboutwh-click li.xc.active{left:auto;right:auto;border-radius:20px}.about-us .aboutwh .aboutwh-block{display:none}.about-us .aboutlc{height:auto;padding-bottom:24px}.about-us .aboutlc .aboutlc-mix{margin-top:40px}.about-us .aboutlc .aboutlc-mix .gallery-more{padding-top:60px}.about-us .aboutlc .aboutlc-mix .gallery-more .hint{position:initial;font-size:100px;opacity:.6}.about-us .aboutlc .aboutlc-mix .thumbs{position:relative;transform:none;bottom:auto;margin-top:24px}.about-us .aboutlc .aboutlc-mix .thumbs::before{top:calc(11px / 2)}.about-us .aboutlc .aboutlc-mix .thumbs .swiper-container{width:100%}.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year{transform:none;height:40px;padding-top:0}.about-us .aboutlc .aboutlc-mix .thumbs .thumbs-year i::after{display:none}.about-us .aboutlc .aboutlc-mix .thumbs-prev,.about-us .aboutlc .aboutlc-mix .thumbs-next{bottom:auto;top:50%;transform:translateY(-50%);width:32px;height:60px}.about-us .aboutlc .aboutlc-mix .thumbs-prev{left:10px}.about-us .aboutlc .aboutlc-mix .thumbs-next{right:10px}.about-us .corporate-vision .aboutzr-list{height:auto}.about-us .corporate-vision .aboutzr-list .vision-list{flex-direction:column}.about-us .corporate-vision .aboutzr-list .vision-list li{width:100%;height:200px}.about-us .corporate-vision .aboutzr-list .vision-list li::before{width:100%;height:1px;top:0;left:0}.about-us .corporate-vision .aboutzr-list .vision-list li:first-child::before{display:block}.about-us .corporate-vision .aboutzr-list .vision-list li .content{padding:0 20px}.about-us .corporate-vision .aboutzr-list .vision-list li:hover .name{opacity:0}.about-us .corporate-vision .aboutzr-list .vision-list li:hover .title,.about-us .corporate-vision .aboutzr-list .vision-list li:hover .text{opacity:1;transform:translateY(0)}}