body{background-color:#F7F7F7}body .header-nav-wrapper .nav-list{gap:0;justify-content:space-between}.technological .technological-top .container{display:flex;overflow:hidden}.technological .technological-top .container .technological-content{width:50%;padding-right:8%}.technological .technological-top .container .technological-content .title{color:#DB8B00}.technological .technological-top .container .technological-content .desc{color:#999999;line-height:1.5}.technological .technological-top .container .technological-content .button-wrapper{display:flex}.technological .technological-top .container .technological-content .button-wrapper .button{height:60px;border:1px solid #CCCCCC;color:#999999;display:flex;align-items:center;justify-content:center;padding:0 28px}.technological .technological-top .container .technological-content .button-wrapper .button .iconfont{font-size:22px;margin-left:4px}.technological .technological-top .container .image-wrapper{width:50%;aspect-ratio:720 / 420}.technological .technological-top .container .image-wrapper img{width:100%;height:100%;object-fit:cover}.technological .application .application-title-wrapper .application-title-list{display:flex;justify-content:center}.technological .application .application-title-wrapper .application-title-list .application-title{text-align:center;font-family:'OPPOSans-M';color:#D9D9D9;cursor:pointer}.technological .application .application-title-wrapper .application-title-list .application-title.active{color:#111111}.technological .application .application-title-wrapper .application-title-line{height:2px;background-color:#E6E6E6;position:relative}.technological .application .application-title-wrapper .application-title-line::after{content:'';position:absolute;left:var(--application-title-left, 0);top:50%;width:100%;height:3px;transform:translateY(-50%);background-color:var(--primary-color);z-index:1;transition:left .3s ease}.technological .application .technological-swiper{overflow:hidden}.technological .application .technological-swiper .swiper-slide .technological-list{display:flex;flex-wrap:wrap;gap:30px}.technological .application .technological-swiper .swiper-slide .technological-list .technological-item{width:calc(100% / 3 - (30px * 2 / 3));background-color:#fff}.technological .application .technological-swiper .swiper-slide .technological-list .technological-item:hover .technological-item-link .image-wrapper img{transform:scale(1.2)}.technological .application .technological-swiper .swiper-slide .technological-list .technological-item:hover .technological-item-link .title{color:var(--primary-color)}.technological .application .technological-swiper .swiper-slide .technological-list .technological-item .technological-item-link{display:block}.technological .application .technological-swiper .swiper-slide .technological-list .technological-item .technological-item-link .image-wrapper{aspect-ratio:460 / 300;overflow:hidden}.technological .application .technological-swiper .swiper-slide .technological-list .technological-item .technological-item-link .image-wrapper img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.technological .application .technological-swiper .swiper-slide .technological-list .technological-item .technological-item-link .title{text-align:center;padding:24px 0}@media screen and (max-width:992px){.technological .technological-top .container{flex-direction:column}.technological .technological-top .container .technological-content{width:100%;padding-right:0;padding-bottom:24px}.technological .technological-top .container .technological-content .title{margin-top:0;margin-bottom:12px}.technological .technological-top .container .technological-content .desc{margin-bottom:16px}.technological .technological-top .container .technological-content .button-wrapper .button{height:46px;padding:0 24px}.technological .technological-top .container .technological-content .button-wrapper .button .iconfont{font-size:18px}.technological .technological-top .container .image-wrapper{width:100%}.technological .application .technological-swiper .swiper-slide .technological-list{gap:12px}.technological .application .technological-swiper .swiper-slide .technological-list .technological-item{width:calc(50% - 6px)}.technological .application .technological-swiper .swiper-slide .technological-list .technological-item .technological-item-link .title{padding:12px 0}}