html{font-size:10px}@media screen and (max-width:1920px){html{font-size:10px}}@media screen and (max-width:1680px){html{font-size:9.8px}}@media screen and (max-width:1440px){html{font-size:9.3px}}@media screen and (max-width:1366px){html{font-size:8.8px}}@media screen and (max-width:1024px){html{font-size:8px}}@media screen and (max-width:920px){html{font-size:7.2px}}@media screen and (max-width:768px){html{font-size:6.4px}}@media screen and (max-width:640px){html{font-size:6.1px}}@media screen and (max-width:440px){html{font-size:5.8px}}@media screen and (max-width:320px){html{font-size:5.4px}}body{line-height:1.8;color:#3d3d3d}*{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}img{vertical-align:middle}.flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.flex-bd,.flex1{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.flext{display:-webkit-box;display:-webkit-flex;display:flex}.flexb{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:flex-end;-webkit-align-items:flex-end;align-items:flex-end}.flexbl{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;align-items:baseline}.flexc{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.mt60{margin-top:3rem}.mt100{margin-top:5rem}.mb100{margin-bottom:5rem}.overflow{max-width:100%;overflow:hidden}.head-title{text-align:center;padding:2rem 0}.head-title-aya1{background:#efefef;padding-top:5rem;position:relative;z-index:9}.head-title-aya1+.car-image{margin-top:-5rem}.head-title .title{font-size:4rem;letter-spacing:var(--ls2)}.head-title .subtitle{font-size:1.8rem;color:#666;letter-spacing:var(--ls2)}.head-title .subtitle span{margin:0 3rem}.head-title-auto{background:#f6f6f6;text-align:center;padding:2rem 0}.head-title-auto .title{font-size:4rem;letter-spacing:var(--ls2)}.head-title-auto .title-c{padding-top:4rem}.head-title-auto .subtitle{font-size:1.6rem;width:80%;margin:0 auto;letter-spacing:var(--ls2);color:#333;line-height:1.4}.head-title-auto .htitle{font-size:1.8rem}.color-select-dots{text-align:center;margin-top:2rem}.color-select-dots .item{display:inline-block;margin:0 1rem;cursor:pointer;width:12rem}.color-select-dots img{height:2.4rem;width:auto}.color-select-dots .text{color:#666;font-size:1.6rem;letter-spacing:var(--ls2);margin:.5rem 0}.color-select-dots .active .text{color:#3d3d3d;font-weight:700}.color-select-dots .line{height:2px;width:0;margin:0 auto;background:#000;transition:all ease .3s}.color-select-dots .active .line{width:5rem}.select-dots{text-align:center;margin:2rem 0 3rem 0}.select-dots .item{display:inline-block;margin:0 2rem;width:auto;cursor:pointer}.select-dots-small .item{width:auto}.select-dots .text{font-size:1.8rem;position:relative;display:inline-block;padding-bottom:1rem;white-space:nowrap;letter-spacing:var(--ls2);color:#666;font-weight:lighter}.select-dots .text:after{content:"";display:block;width:0;height:2px;background:#000;margin:.5rem auto 0;transition:all ease .3s}.tech04-video .tech-swiper .select-dots .text{color:#fff}.select-dots .active .text:after{width:100%}.select-dots .active .text{font-weight:700;color:#3d3d3d}.select-dots-auto .item{width:auto;margin:0 2rem}.select-dots .swiper-wrapper{display:block}.page-banner{position:relative}.page-banner img{width:100%;height:100vh;object-fit:cover}.page-banner-title{display:flex;flex-direction:column;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.page-banner-title .title{font-size:4.8rem}.page-banner-title .subtitle{font-size:2.4rem;opacity:.8}.page-banner-title .c-white{color:#fff}.page-nav{text-align:center;margin:10rem auto}.page-nav .layui-laypage .layui-laypage-curr .layui-laypage-em{left:0;background-color:#000}.page-nav .layui-laypage a,.page-nav .layui-laypage span{margin:0 5px 5px 5px;border-radius:4px;letter-spacing:var(--ls2)}.layui-laypage button{letter-spacing:var(--ls2)}.page-nav .layui-laypage a:hover{color:#666}.page-nav .layui-laypage input:focus,.page-nav .layui-laypage select:focus{border-color:#000!important}.video-player{position:absolute;top:50%;left:50%;width:10rem;height:10rem;margin-left:-5rem;margin-top:-5rem;cursor:pointer}.video-player img{width:10rem!important;height:10rem!important}.mt5{margin-top:5px}@media screen and (max-width:1680px){.select-dots .item{margin:0 4rem;width:38rem}.select-dots-small .item{width:23rem}.select-dots-auto .item{width:auto;margin:0 2rem}}@media screen and (max-width:1440px){.select-dots .item{margin:0 3rem}}@media screen and (max-width:1366px){.select-dots .item{margin:0;width:38rem}.select-dots-small .item{width:22rem}.select-dots-auto .item{width:auto;margin:0 2rem}.color-select-dots .item{width:22rem}.head-title .title{font-size:2.8rem}}@media screen and (max-width:1024px){.select-dots .item{margin:0 3rem;width:auto}}@media screen and (max-width:920px){.color-select-dots .item{width:18rem}}@media screen and (max-width:768px){.mt100{margin-top:3rem}.mb100{margin-bottom:3rem}.mb60{margin-bottom:2rem}.mt60{margin-top:3rem}.head-title{height:auto;padding:0 1rem 1rem 1rem}.head-title .title{font-size:2.4rem;padding-top:1rem}.head-title .title-c{padding-top:1rem}.select-dots .swiper-wrapper{display:block}.select-dots .text{font-size:1.6rem;min-width:6rem;padding:0 .5rem;color:#3d3d3d!important}.color-select-dots .active .line{width:6rem}.head-title-auto .subtitle{width:95%;font-size:1.6rem}.head-title-auto .title{font-size:2.8rem}.page-banner-title .title{font-size:4rem}.page-banner-title .subtitle{font-size:1.8rem}.head-title .subtitle{font-size:1.6rem;margin-top:0}.page-nav .layui-laypage a,.page-nav .layui-laypage span{height:22px;line-height:22px;padding:0 12px}.layui-laypage button,.layui-laypage input{height:22px;line-height:22px}.select-dots .text:after{height:1px}.color-select-dots{margin-top:2rem}}@media screen and (max-width:640px){.select-dots .item{margin:0}.select-dots{overflow:hidden;padding:0;margin-top:0}.color-select-dots .item{width:auto;margin:0 2rem}.head-title .subtitle span{margin:0 1rem}}@media screen and (max-width:480px){.car-price{padding:2.5rem 1rem}}