.home-page{position:relative}.home-page .minieye-banner{position:relative;width:100%;height:calc(100vh - 50px);min-height:600px;overflow:hidden}.home-page .minieye-banner .swiper{height:calc(100vh - 50px);width:100%;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);position:relative;background-color:#fff}.home-page .minieye-banner .swiper .swiper-slide-active .swiper-slide-text{-webkit-animation:fadeInUp .3s;animation:fadeInUp .3s;-webkit-animation-duration:1.5s;animation-duration:1.5s}.home-page .minieye-banner .swiper .swiper-slide{overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%!important;height:100%!important}.home-page .minieye-banner .swiper .swiper-slide-text{z-index:2;position:absolute;top:1.18rem;color:#fff;font-size:.48rem;font-weight:500;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.home-page .minieye-banner .swiper .swiper-slide-text span{line-height:.6rem}.home-page .minieye-banner .swiper .swiper-slide-text .sub-title{font-size:.2rem}.home-page .minieye-banner .swiper .swiper-slide-text a{color:#fff}.home-page .minieye-banner .swiper .swiper-slide-text button{width:2rem;height:.48rem;font-size:.14rem;border:1px solid #fff;background:rgba(255,255,255,0);transition:color .3s;transition:background-color .3s}.home-page .minieye-banner .swiper .swiper-slide-text button:hover{color:#000;background:rgba(255,255,255)}.home-page .minieye-banner .swiper .swiper-slide img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.home-page .minieye-banner .swiper .swiper-pagination{bottom:.64rem}.home-page .minieye-banner .swiper .swiper-pagination-bullet{width:.6rem;border:none;border-radius:0;background-color:transparent;border-top:10px solid transparent;border-bottom:10px solid transparent;background-clip:padding-box;outline:0;position:relative}.home-page .minieye-banner .swiper .swiper-pagination-bullet::after{content:'';position:absolute;top:0;left:0;width:.6rem;height:.05rem;border-radius:.3rem;background:rgba(255,255,255,.3)}.home-page .minieye-banner .swiper .swiper-pagination-bullet-active{position:relative}.home-page .minieye-banner .swiper .swiper-pagination-bullet-active::before{content:'';position:absolute;top:0;left:0;height:.05rem;border-radius:.3rem;background-color:#fff;-webkit-animation:progressBar 10s linear forwards;animation:progressBar 10s linear forwards}@-webkit-keyframes progressBar{from{width:0}to{width:.6rem}}@keyframes progressBar{from{width:0}to{width:.6rem}}.home-page .minieye-banner .swiper .swiper-button-prev{position:absolute;left:0;top:50%;background:url(/public/assets/images/prev-icon.png) no-repeat center center;width:.47rem;height:.99rem;background-size:30%;background-position-x:40%}.home-page .minieye-banner .swiper .swiper-button-prev::after{display:none}.home-page .minieye-banner .swiper .swiper-button-prev:hover{border-radius:0 .06rem .06rem 0;background-color:rgba(0,0,0,.21);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-page .minieye-banner .swiper .swiper-button-next{position:absolute;right:0;top:50%;background:url(/public/assets/images/prev-icon.png) no-repeat center center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);width:.47rem;height:.99rem;background-size:30%;background-position-x:40%}.home-page .minieye-banner .swiper .swiper-button-next::after{display:none}.home-page .minieye-banner .swiper .swiper-button-next:hover{border-radius:0 .06rem .06rem 0;background-color:rgba(0,0,0,.21);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-page .minieye-banner video{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home-page .minieye-banner .banner-text{z-index:2;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;font-size:.6rem;letter-spacing:.2rem;font-weight:400;color:#fff}.home-page .minieye-banner .banner-text #btn-video{margin-top:.35rem;font-size:.14rem;width:2rem;line-height:.48rem;text-decoration:none;letter-spacing:initial;text-align:center;border:1px solid #fff;color:#fff;transition:background-color .3s;background-color:rgba(255,255,255,0)}.home-page .minieye-banner .banner-text #btn-video:hover{color:#000;background-color:#fff}.home-page .minieye-banner .banner-text::after{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#041831;content:'';opacity:.05;z-index:2;pointer-events:none}.home-page .introduction-area{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#fff;color:#000}.home-page .introduction-area a{color:#fff}.home-page .introduction-area a:hover{color:#fff}.home-page .introduction-area h2{margin:0;font-size:.4rem;font-weight:400}.home-page .introduction-area h3{margin:0;font-size:.3rem;font-weight:400}.home-page .introduction-area h4{margin:0;font-size:.22rem;line-height:.3rem;font-weight:400}.home-page .introduction-area .introduction{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.home-page .introduction-area .introduction .introduction-desc{padding:1.11rem 0;text-align:center}.home-page .introduction-area .introduction .introduction-desc .introduction-title{font-size:.42rem;font-weight:400;margin-bottom:.17rem}.home-page .introduction-area .introduction .introduction-desc h4{line-height:.34rem}.home-page .introduction-area .introduction .introduction-desc h4.EN{font-weight:lighter}.home-page .introduction-area .introduction .introduction-display{width:100%;height:calc(100vh - 50px);min-height:600px;position:relative;color:#fff;background-color:#ededed}.home-page .introduction-area .introduction .introduction-display .introduction-video-area{width:100%;height:100%}.home-page .introduction-area .introduction .introduction-display .introduction-video-area .introduction-video{margin:0 auto;z-index:1;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home-page .introduction-area .introduction .introduction-display .introduction-video-area .introduction-display-desc{z-index:2;position:absolute;top:2.4rem;left:calc((100% - 12.8rem)/ 2)}.home-page .introduction-area .introduction .introduction-display .introduction-video-area .introduction-display-desc h2{font-size:.5rem;font-weight:600}.home-page .introduction-area .introduction .introduction-display .introduction-video-area .introduction-display-desc h3{margin-top:.1rem;font-size:.4rem}.home-page .introduction-area .introduction .introduction-display .introduction-video-area .introduction-display-desc a{color:#fff}.home-page .introduction-area .introduction .introduction-display .introduction-video-area .introduction-display-desc button{width:2rem;height:.48rem;font-size:.14rem;margin-top:.44rem;border:1px solid #fff;background:rgba(255,255,255,0);transition:color .3s;transition:background-color .3s}.home-page .introduction-area .introduction .introduction-display .introduction-video-area .introduction-display-desc button:hover{color:#000;background:rgba(255,255,255)}.home-page .introduction-area .introdution-more{width:calc(100% - .26rem);margin-top:1.5rem;display:-webkit-flex;display:-ms-flexbox;display:flex}.home-page .introduction-area .introdution-more .introdution-more-item{-webkit-flex:1;-ms-flex:1;flex:1;height:85vh;min-height:600px;position:relative;margin-right:.15rem}.home-page .introduction-area .introdution-more .introdution-more-item:last-child{margin-right:0}.home-page .introduction-area .introdution-more .introdution-more-item .introduction-more-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home-page .introduction-area .introdution-more .introdution-more-item .introduction-more-desc{color:#fff;width:6rem;position:absolute;top:1.5rem;left:1.5rem}.home-page .introduction-area .introdution-more .introdution-more-item .introduction-more-desc h2{font-size:.5rem;font-weight:600}.home-page .introduction-area .introdution-more .introdution-more-item .introduction-more-desc h3{margin-top:12px;font-size:.4rem}.home-page .introduction-area .introdution-more .introdution-more-item .introduction-more-desc h4{margin-top:12px;line-height:.3rem}.home-page .introduction-area .introdution-more .introdution-more-item .introduction-more-desc h4.EN{font-weight:lighter}.home-page .introduction-area .introdution-more .introdution-more-item .introduction-more-desc button{position:absolute;top:3.15rem;width:2rem;height:.48rem;font-size:.14rem;border:1px solid #fff;background:rgba(255,255,255,0);transition:color .3s;transition:background-color .3s}.home-page .introduction-area .introdution-more .introdution-more-item .introduction-more-desc button:hover{color:#000;background:rgba(255,255,255)}.home-page .introduction-area .introduction-more-bg{width:100%;height:100%;z-index:1;background-position:center;background-size:cover;background-repeat:no-repeat}.home-page .introduction-area .introduction-more-bg-intelligent-driving{background-image:url(/public/assets/images/home/iPilot.jpg)}.home-page .introduction-area .introduction-more-bg-iCabin{background-image:url(/public/assets/images/home/iCabin.png)}.home-page .introduction-area .introduction-more-bg-iSafety{background-image:url(/public/assets/images/home/iSafety.png)}.home-page .introduction-area .introduction-more-bg-iMap{background-image:url(/public/assets/images/home/iMap.png)}.home-page .introduction-area .introduction-more-bg-roadCoordination{background-image:url(/public/assets/images/home/roadCoordination.png)}.home-page .cooperation{margin-top:1.13rem;width:100%;overflow:hidden;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.home-page .cooperation .cooperation-title{font-size:.42rem;text-align:center;font-weight:400}.home-page .cooperation .cooperation-logo-container{margin-top:1rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.home-page .cooperation .cooperation-logo-container .cooperation-logo-layer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-bottom:.24rem}.home-page .cooperation .cooperation-logo-container .cooperation-logo-layer:last-child{margin-bottom:0}.home-page .cooperation .cooperation-logo-container .cooperation-logo-layer .cooperation-logo-item{width:2.1rem;height:.85rem;padding:0 .21rem;margin-right:.23rem;border:1px solid #e8e8e8}.home-page .cooperation .cooperation-logo-container .cooperation-logo-layer .cooperation-logo-item:last-child{margin-right:0}.home-page .cooperation .cooperation-logo-container .cooperation-logo-layer .cooperation-logo-item img{width:100%;height:100%;-o-object-fit:scale-down;object-fit:scale-down}.home-page .home-content{overflow:visible}.home-page .home-content .home-contact-tpl-box{float:right;width:.57rem;height:.57rem;background:#007afc;border-radius:.57rem;position:-webkit-sticky;position:sticky;top:calc(calc(100vh - 50px) - .3rem);right:.3rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index:100;cursor:pointer}.home-page .home-content .home-contact-tpl-box img{width:.2rem;height:.16rem;-o-object-fit:contain;object-fit:contain}.home-page .home-content .home-contact-tpl-box span{margin-top:.04rem;font-size:.12rem;font-weight:400;line-height:.16rem;color:#fff}@media (max-width:1440px){.home-page .minieye-banner .banner-text{font-size:30px}}.home-page.EN .introduction .introduction-detail{width:75%}.home-page.EN .minieye-banner .banner-text{letter-spacing:0}#modal{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);z-index:99}#modal #video-wrapper{position:absolute;left:calc(50% - 6rem);top:calc(50% - 3.375rem);-o-object-fit:fill;object-fit:fill;width:12rem;height:6.75rem}#modal #video-wrapper video{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}#modal #video-wrapper #close-btn{position:absolute;right:30px;top:30px;margin:auto;text-align:center;width:40px;height:40px;background-color:rgba(0,0,0,.3);cursor:pointer}#modal #video-wrapper #close-btn::after,#modal #video-wrapper #close-btn::before{content:'';background:#fff;position:absolute;height:100%;width:2px}#modal #video-wrapper #close-btn::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#modal #video-wrapper #close-btn::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}