AITO 与 AUTO 一字之差：“I”，即 Intelligence，代表 HarmonyOS 智能座舱等创新技术能力；通过“I”的赋能，AITO 将智能带入汽车，让汽车更智慧。
<>
.richard-title {
position: absolute;
color: #fff;
font-size: 2.916667vw;
left: 4.166667vw;
top: 10.833333vw;
}
.richard-video,
.s2-video-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%-50%);
width: 5vw;
}
.section-popup-media video {
width: 85%;
max-height: unset;
}
.onvideo-button {
position: absolute;
right: 8%;
top: 73%;
transform: translateX(50px);
opacity: 0;
visibility: hidden;
transition: all 0.4s linear;
color: #fff;
text-align: right;
}
@media (min-width: 993px) {
.onvideo-button a {
width: 80px;
height: 32px;
font-size: 13px;
line-height: 32px;
padding: 0;
text-align: center;
}
}
.onvideo-button.active {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.onvideo-button-ended {
position: absolute;
top: 60%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: all 0.4s linear;
z-index: 999;
}
.onvideo-button-ended.active-noclose {
opacity: 1;
}
@media(width: 1024px) {
.onvideo-button {
top: 68%;
}
}
@media (max-width: 992px) {
.richard-title {
width: 100%;
left: 0;
top: auto;
text-align: center;
bottom: 64px;
font-size: 24px;
}
.richard-video,
.s2-video-btn {
width: 20vw;
}
.onvideo-button .button {
font-size: 14px;
padding: 12px 12px;
}
.onvideo-button-ended {
top: 70%;
}
.onvideo-button-ended a {
width: 80px;
height: 32px;
font-size: 13px;
line-height: 32px;
padding: 0;
text-align: center;
}
}
@media (max-width:768px) {
.onvideo-button-ended {
top: 80%;
}
}
_:-ms-fullscreen,
:root .homepage-s1 .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
}
.homepage-s1 .mothersday .swiper-text {
text-align: center;
top: 170px;
left: 80px;
}
.homepage-s1 .mothersday .button-outline.inverted {
color: #000;
box-shadow: inset 0 0 0 1px #000;
}
.homepage-s1 .mothersday .button-outline.inverted:hover:not(:disabled) {
color: #fff;
}
.homepage-s1 .mothersday .button-outline.inverted::after {
background-color: #000;
}
.homepage-s1 .mothersday .swiper-text .aito-title-slogan {
height: 130px;
}
@media screen and (max-width: 1599px) {
.homepage-s1 .mothersday .swiper-text .aito-title-slogan {
height: 120px;
}
.homepage-s1 .mothersday .swiper-text {
top: 253px;
left: 40px;
}
}
@media screen and (max-width: 1440px) {
.homepage-s1 .mothersday .swiper-text {
top: 195px;
}
.homepage-s1 .mothersday .swiper-text .aito-title-slogan {
height: 100px;
}
}
@media screen and (max-width: 1194px) {
.homepage-s1 .mothersday .swiper-text {
top: 320px;
}
.homepage-s1 .mothersday .swiper-text .aito-title-slogan {
height: 110px;
}
}
@media screen and (max-width: 1024px) {
.homepage-s1 .mothersday .swiper-text {
top: 280px;
}
}
@media screen and (max-width: 991px) {
.homepage-s1 .mothersday .swiper-text {
top: 144px;
left: 0;
}
.homepage-s1 .mothersday .swiper-text div.mob-show {
bottom: 120px;
}
}
@media screen and (max-width: 768px) {
.homepage-s1 .mothersday .swiper-text div.mob-show {
bottom: 90px;
}
}
@media screen and (max-width: 599px) {
.homepage-s1 .mothersday .swiper-text {
top: 88px;
}
.homepage-s1 .mothersday .swiper-text .aito-title-slogan {
height: 60px;
}
}
@media screen and (max-width: 599px) {
.homepage-s1 .mothersday .swiper-text div.mob-show {
bottom: 65px;
}
}
@media screen and (min-width: 1201px) {
.homepage-s1 .swiper-text .aito-title-slogan {
margin-bottom: 80px;
}
.homepage-s1.homepage-chair .swiper-text .aito-title-slogan {
margin-bottom: 59px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.homepage-s1 .swiper-text .aito-title-slogan {
margin-bottom: 80px;
}
}
@media (min-width: 993px) {
.pc-hide {
opacity: 0;
cursor: default;
}
}
@media (max-width: 991px) {
.homepage-s4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
position: relative;
/* width: 73px; */
}
}
.homepage-s1 .swiper-container-horizontal>.swiper-pagination-bullets {
display: none;
}
.homepage-s1.homepage-m5e .swiper-container-horizontal>.swiper-pagination-bullets {
display: block;
}
@media (max-width: 991px) {
.homepage-s1.homepage-m5e .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
}
.homepage-container .homepage-s1.homepage-m5e .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
width: 100%;
left: 50%;
margin-bottom: 0;
padding: 0 23px;
bottom: 16px;
}
.homepage-s1.homepage-m5e .swiper-disclaimer {
bottom: 32px;
}
.homepage-s1.homepage-m5e .swiper-text div.mob-show {
bottom: 104px;
}
}
/* @-webkit-keyframes bullentWidth-four {
from {
width: 0
}
to {
width: 73px
}
}
@keyframes bullentWidth-four {
from {
width: 0
}
to {
width: 73px
}
} */
/* .homepage-m7 {
margin-bottom: -.3vw;
} */
@media (max-width: 991px) {
.homepage-m7 .swiper-text div.mob-show .button {
width: 400px;
}
}
@media (max-width: 600px) {
.homepage-m7 .swiper-text div.mob-show .button {
width: 280px;
}
}
@-webkit-keyframes bullentWidth-four {
from {
width: 0
}
to {
width: 100% !important
}
}
@keyframes bullentWidth-four {
from {
width: 0
}
to {
width: 100% !important
}
}
@media (max-width: 991px) {
.homepage-container .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
width: 100%;
left: 0;
margin-bottom: -20px;
padding: 20px 23px;
}
.homepage-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
flex: 1 1 100%;
width: auto;
margin: 0 8px 0 0;
}
.homepage-container .swiper-pagination-bullet:before {
width: 100%;
}
.homepage-container .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
width: 100%
}
.homepage-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
margin: 0;
}
}
.nav-start{}
#globalnav.transparent {
background-color: transparent;
}
#globalnav.transparent .gn-link {
color: #000;
}
#globalnav.transparent .gn-logo-icon {
fill: #000;
}
#globalnav.transparent .gn-menu-bar::before {
background: #000;
}
#globalnav.transparent .gn-action-link {
color: #000;
box-shadow: inset 0 0 0 1px #000;
}
#globalnav.transparent .gn-action-link::after {
background-color: #000;
}
#globalnav .gn-action-link:hover {
color: #000;
}
#globalnav.transparent .gn-action-link:hover {
color: #fff;
}
@media only screen and (min-width: 1200.01px) {
#globalnav.transparent .gn-link::after {
background-color: #000;
}
}
.nav-end{}
.swiper-disclaimer {
position: absolute;
width: 320px;
bottom: 60px;
right: 80px;
}
@media (max-width:991px) {
.swiper-disclaimer {
width: 200px;
bottom: 16px;
/* right: auto;
left: 50%;
transform: translateX(-50%); */
right: 20px;
}
.homepage-m7 .swiper-text div.mob-show {
bottom: 96px;
}
}
@media (max-width: 599px) {
.homepage-m7 .swiper-text div.mob-show {
bottom: 88px;
}
}
/* @media screen and (min-width: 1366px){
.homepage-m7 .swiper-text .aito-title-slogan {
margin-bottom: 32px;
}
} */
@media (max-width: 1599px) and (min-width: 992px) {
.swiper-disclaimer {
right: 40px;
}
}
/* weixin */
.isIOSWeiXinPopup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(000.6);
display: none;
z-index: 10000;
}
.popupWrap {
position: absolute;
left: 50%;
top: 25%;
-webkit-transform: translate(-50%-50%);
transform: translate(-50%-50%);
width: 78%;
border-radius: 8px;
background-color: #FFF;
}
.isWeiXinArrow {
position: absolute;
top: -40px;
right: 0px;
width: 15px;
height: 15px;
}
.popupContent {
position: relative;
width: 280px;
height: 120px;
overflow: auto;
text-align: center;
margin: 0 auto;
}
.popupContext {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%-50%);
transform: translate(-50%-50%);
color: #1e1e1e;
font-size: 13px;
text-align: center;
white-space: nowrap;
}
.popupOpen {
display: block !important;
}
/* .homepage-m7 .swiper-text .aito-title-slogan {
width: 578px;
height: auto;
}
@media (max-width: 1600px){
.homepage-m7 .swiper-text .aito-title-slogan {
width: 450px;
}
}
@media (max-width: 1200px){
.homepage-m7 .swiper-text .aito-title-slogan {
width: 360px;
}
}
@media (max-width: 991px){
.homepage-m7 .swiper-text .aito-title-slogan {
width: 440px;
}
}
@media (max-width: 599px){
.homepage-m7 .swiper-text .aito-title-slogan {
width: 302px;
}
} */
.homepage-s1.homepage-chair .swiper-text p {
color: #000;
margin-top: 18px;
font-size: 16px;
}
.homepage-s1.homepage-chair .swiper-img .title {
width: 17.5vw;
height: auto;
}
.homepage-chair .button-icon {
width: 90px;
margin-top: 27px;
margin-bottom: 40px;
}
.homepage-m7 .button-icon {
width: 106px;
margin-top: 27px;
margin-bottom: 40px;
}
.homepage-chair .button-icon .popup-video-button {
font-size: 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.homepage-m7 .button-icon .popup-video-button {
font-size: 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.homepage-chair .button-icon .popup-video-icon,
.homepage-s1.homepage-m7 .popup-video-icon {
width: 16px;
left: 0;
transform: translate3d(001px);
will-change: transform;
}
.homepage-m7 .button-icon .popup-video-icon {
width: 16px;
left: 0;
transform: translate3d(001px);
will-change: transform;
}
.homepage-chair .swiper-disclaimer {
position: absolute;
/* bottom: 0;
right: 0;
width: auto;
font-size: 13px;
color: #fff; */
}
.homepage-s4 {
margin: 80px 0 0 80px;
}
@media(max-width:1367px) and (min-width:1200px){
.homepage-s4 {
margin: 80px 0 0 40px;
}
}
.homepage-s1.homepage-chair .swiper-text h3 {
font-weight: 700;
color: #fff;
}
.homepage-s1.homepage-chair .swiper-text p {
color: #fff;
}
.homepage-chair .button-icon .popup-video-button {
color: #fff;
}
.homepage-m7 .button-icon .popup-video-button {
color: #000000;
font-weight: bold
}
@media (max-width: 1199px) {
.homepage-s4 {
margin: 80px 0 0 40px;
}
}
@media (max-width: 991px) {
.homepage-s4 {
margin: 80px 0 0px 0;
}
.homepage-chair .button-icon {
margin: 0 auto;
margin-top: 20px;
}
.homepage-m7 .button-icon {
margin: 0 auto;
margin-top: 30px;
}
.homepage-chair .button-icon .popup-video-button {
color: #fff;
}
.homepage-m7 .button-icon .popup-video-button {
color: #fff;
}
.homepage-s1.homepage-chair .swiper-img .title {
height: 14.166667vw;
width: auto;
}
.homepage-s1.homepage-chair .swiper-text {
top: 104px;
}
.homepage-chair .button-icon .popup-video-icon,
.homepage-s1.homepage-m7 .popup-video-icon {
width: 16px;
}
.homepage-m7 .button-icon .popup-video-icon {
width: 16px;
}
/* .homepage-chair .swiper-disclaimer {
bottom: 60px;
right: auto;
width: 100%;
font-size: 4px;
text-align: center;
} */
.homepage-s1.homepage-chair .swiper-text p {
color: #fff;
margin-top: 12px;
}
.homepage-s1.homepage-chair .swiper-text h3 {
color: #fff;
}
}
.pad-show {
display: none;
}
@media (max-width:1366px) and (min-width:992px) {
.pad-show {
display: block;
}
.homepage-m7 .button {
padding: 0;
font-size: 12px;
width: 80px;
height: 32px;
line-height: 32px;
text-align: center;
}
#watch-tvc .button {
padding: 0;
font-size: 12px;
width: 80px;
height: 32px;
line-height: 32px;
text-align: center;
}
}
.homepage-m7 .m7-video {
display: flex;
margin-bottom: 80px;
position: relative;
width: 106px;
font-size: 16px;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991px) {
.homepage-chair .swiper-text div.mob-show {
width: 190px;
}
.homepage-m7 .m7-video {
margin: 0 auto;
}
}
.homepage-s1 .swiper-text .aito-link {
margin-bottom: 50px;
}
.svg-jump {
top: -65px;
left: calc(7.543103vw + 243.172422px);
display: block;
color: #000;
}
.svg-jump-2 {
top: -61px;
left: calc(4.310345vw + 142.241376px);
display: block;
opacity: .5;
font-size: 8px;
}
.svg-jump-3 {
top: -61px;
left: calc(7.543103vw + 243.172422px);
display: block;
opacity: .5;
font-size: 8px;
}
.homepage-s1.homepage-m7 .swiper-text .m7-marketing {
width: calc(7.543103vw + 243.172422px);
height: auto;
}
.homepage-s1.homepage-m5e .swiper-text .m7-marketing {
width: calc(7.543103vw + 243.172422px);
height: auto;
}
@media (max-width: 991px) {
.svg-jump {
left: 162px;
top: -62px;
}
.svg-jump-2 {
left: 29px;
top: -60px;
}
.svg-jump-3 {
left: 162px;
top: -60px;
}
.homepage-s1.homepage-m7 .swiper-text .m7-marketing {
width: 318px;
}
.homepage-s1.homepage-m5e .swiper-text .m7-marketing {
width: 318px;
}
}
@media (max-width: 1920px) and (min-width:992px) {
.homepage-s1 .swiper-text .aito-title-slogan {
height: calc(8.159483vw - 5.862071px);
}
}
@media (min-width: 1921px) {
.homepage-s1 .swiper-text .aito-title-slogan {
height: 142px;
}
}
@media (max-width: 991px) {
.homepage-s1 .swiper-text .aito-title-slogan {
height: 110px;
}
}
@media (width: 734px) {
.homepage-m7 .swiper-text .aito-title-slogan,
.homepage-m5e .swiper-text .aito-title-slogan {
margin: -20px auto 18px;
}
.homepage-s1.homepage-m7 .swiper-text {
top: 100px;
}
.homepage-s1.homepage-m7 .swiper-text div.mob-show {
bottom: 26px;
}
.homepage-s1.homepage-m5e .swiper-text {
top: 110px;
}
.homepage-s1.homepage-m5e .swiper-text div.mob-show {
bottom: 50px;
}
}
@media (max-width: 677px) and (min-width:607px) {
.homepage-s1 .swiper-text .aito-title-slogan {
height: 85px;
margin: -70px auto 18px;
}
.homepage-s1 .swiper-text {
top: 150px;
}
.homepage-s1.homepage-m5e .swiper-text div.mob-show {
bottom: 90px;
}
/* .homepage-s1.homepage-m7 .swiper-text div.mob-show {
bottom: 60px;
} */
}
@media (max-width: 599px) {
.homepage-s1 .swiper-text .aito-title-slogan {
/* height: 85px; */
height: 50px;
}
}
.homepage-m5e .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .bullets-text {
color: #000;
}
.homepage-m5e .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .swiper-pagination-bullet-polygon {
stroke: #000;
}
.homepage-m5e .swiper-container-horizontal>.swiper-pagination-bullets.white .swiper-pagination-bullet .bullets-text {
color: #fff;
}
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc,
.homepage-s1.homepage-m7 .swiper-text .m7-desc,
.homepage-s1.homepage-m5e .swiper-text .m5-desc {
display: flex;
width: auto;
align-items: center;
margin-bottom: 50px;
}
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc p,
.homepage-s1.homepage-m7 .swiper-text .m7-desc p,
.homepage-s1.homepage-m5e .swiper-text .m5-desc p {
font-size: calc(0.431vw + 7.724137931034483px);
text-align: center;
color: #fff;
font-weight: 500;
}
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc span,
.homepage-s1.homepage-m7 .swiper-text .m7-desc span,
.homepage-s1.homepage-m5e .swiper-text .m5-desc span {
font-size: calc(0.431vw + 7.724137931034483px);
}
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc .line,
.homepage-s1.homepage-m7 .swiper-text .m7-desc .line,
.homepage-s1.homepage-m5e .swiper-text .m5-desc .line {
height: 32px;
width: 1px;
background-color: #707070;
margin: 0 16px;
opacity: .2;
}
@media (min-width:1920px) {
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc p,
.homepage-s1.homepage-m7 .swiper-text .m7-desc p,
.homepage-s1.homepage-m5e .swiper-text .m5-desc p {
font-size: 16px;
}
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc span,
.homepage-s1.homepage-m7 .swiper-text .m7-desc span,
.homepage-s1.homepage-m5e .swiper-text .m5-desc span {
font-size: 16px;
}
}
@media (max-width:991px) {
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc {
margin: 0 auto;
width: 440px;
max-width: 90%;
/* width: 348px; */
}
.homepage-s1.homepage-m7 .swiper-text .m7-desc {
margin: 0 auto;
width: 440px;
max-width: 90%;
justify-content: space-between;
}
.homepage-s1.homepage-m5e .swiper-text .m5-desc {
margin: 0 auto;
width: 440px;
max-width: 90%;
/* width: 348px; */
}
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc p,
.homepage-s1.homepage-m7 .swiper-text .m7-desc p,
.homepage-s1.homepage-m5e .swiper-text .m5-desc p {
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc span,
.homepage-s1.homepage-m7 .swiper-text .m7-desc span,
.homepage-s1.homepage-m5e .swiper-text .m5-desc span {
/* font-size: 11px; */
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc .line,
.homepage-s1.homepage-m7 .swiper-text .m7-desc .line,
.homepage-s1.homepage-m5e .swiper-text .m5-desc .line {
height: 20px;
}
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc .line,
.homepage-s1.homepage-m7 .swiper-text .m7-desc .line,
.homepage-s1.homepage-m5e .swiper-text .m5-desc .line {
margin: 0 4px;
}
}
.harmonyos-disclaimer .swiper-disclaimer {
z-index: 11;
}
/* .swiper-content-disclaimer{
position: relative;
}
.s2-swiper-img{
width: calc(100% - 490px);
position: relative;
} */
/* .homepage-s2 .swiper-img{
width: 100%;
}
@media (max-width: 1599px){
.s2-swiper-img {
width: calc(100% - 374px);
}
}
@media (max-width: 991px){
.s2-swiper-img {
width: 100%;
}
} */
@media (max-width: 991px) {
.harmonyos-disclaimer .swiper-disclaimer {
bottom: auto;
top: 65vw;
}
}
@media (max-width: 600px) {
.harmonyos-disclaimer .swiper-disclaimer {
bottom: auto;
top: 60vw;
}
}
.homepage-note {
padding: 0 55px 120px;
}
.homepage-note li {
/* padding: 7.8125vw 0 10.416667vw 21px; */
font-size: 13px;
line-height: 1.6;
color: #afafaf;
list--type: decimal;
}
.homepage-note .current {
color: #000
}
@media (max-width: 991px) {
.homepage-note {
padding: 0 39px 80px;
}
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc,
.homepage-s1.homepage-m7 .swiper-text .m7-desc,
.homepage-s1.homepage-m5e .swiper-text .m5-desc {
justify-content: center;
}
}
@media (min-width: 1023px) {
.mob_br {
display: none;
}
}
@media(width:1024px) and (min-aspect-ratio: 1/1) {
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc,
.homepage-s1.homepage-m7 .swiper-text .m7-desc,
.homepage-s1.homepage-m5e .swiper-text .m5-desc {
width: 80%
}
.homepage-s1.homepage-m5e .swiper-text .m5ev-desc,
.homepage-s1.homepage-m5e .swiper-text .m5-desc {
margin-left: -1vw
}
.m7-desc .pad-br {
display: inline-block
}
}
@media (max-width: 1366px) and (min-width: 992px) {
.homepage-m5-ads .button {
padding: 0;
font-size: 12px;
width: 80px;
height: 32px;
line-height: 32px;
text-align: center;
}
}
.homepage-s1.homepage-m5-ads .swiper-container-horizontal>.swiper-pagination-bullets {
display: block;
}
@media (max-width: 991px) {
.homepage-s1.homepage-m5-ads .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
}
.homepage-container .homepage-s1.homepage-m5-ads .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
width: 100%;
left: 50%;
margin-bottom: 0;
padding: 0 23px;
bottom: 16px;
}
.homepage-s1.homepage-m5-ads .swiper-disclaimer {
bottom: 32px;
}
.homepage-s1.homepage-m5-ads .swiper-text div.mob-show {
bottom: 104px;
}
}
.homepage-s1.homepage-m5-ads .swiper-text .m7-marketing {
width: calc(7.543103vw + 243.172422px);
height: auto;
}
@media (max-width: 991px) {
.homepage-s1.homepage-m5-ads .swiper-text .m7-marketing {
width: 318px;
}
}
@media (width: 734px) {
.homepage-m7 .swiper-text .aito-title-slogan,
.homepage-m5-ads .swiper-text .aito-title-slogan {
margin: -20px auto 18px;
}
.homepage-s1.homepage-m5-ads .swiper-text {
top: 110px;
}
.homepage-s1.homepage-m5-ads .swiper-text div.mob-show {
bottom: 50px;
}
}
@media (max-width: 991px) and (min-width:600px) {
.homepage-s1.homepage-m5-ads .swiper-text div.mob-show {
bottom: 90px;
}
.homepage-s1 .swiper-text .aito-title-slogan {
height: 80px;
margin: -70px auto 18px;
}
}
@media (width:677px) {
.homepage-s1.homepage-m5-ads .swiper-text div.mob-show {
bottom: 69px;
}
}
.homepage-m5-ads .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .bullets-text {
color: #000;
}
.homepage-m5-ads .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .swiper-pagination-bullet-polygon {
stroke: #000;
}
.homepage-m5-ads .swiper-container-horizontal>.swiper-pagination-bullets.white .swiper-pagination-bullet .bullets-text {
color: #fff;
}
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc {
display: flex;
width: auto;
align-items: center;
margin-bottom: 50px;
}
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc p,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc p {
font-size: calc(0.431vw + 7.724137931034483px);
text-align: center;
color: #000;
font-weight: 500;
}
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc span,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc span {
font-size: calc(0.431vw + 7.724137931034483px);
}
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc .line,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc .line {
height: 32px;
width: 1px;
background-color: #707070;
margin: 0 16px;
opacity: .2;
}
@media (min-width:1920px) {
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc p,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc p {
font-size: 16px;
}
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc span,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc span {
font-size: 16px;
}
}
@media (max-width:991px) {
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc {
margin: 0 auto;
width: 440px;
max-width: 100%;
}
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc {
margin: 0 auto;
width: 440px;
max-width: 90%;
}
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc p,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc p {
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc span,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc span {
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc .line,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc .line {
height: 20px;
}
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc .line,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc .line {
margin: 0 4px;
}
.homepage-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
flex: 1 1 100%;
width: auto;
margin: 0 8px 0 0;
}
.homepage-container .swiper-pagination-bullet:before {
width: 100%;
}
.homepage-container .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
width: 100%
}
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc {
justify-content: center;
}
}
@media(width:1024px) and (min-aspect-ratio: 1/1) {
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc {
width: 80%
}
.homepage-s1.homepage-m5-ads .swiper-text .m5ev-desc,
.homepage-s1.homepage-m5-ads .swiper-text .m5-desc {
margin-left: -1vw
}
}
/*standard*/
@media (max-width: 1366px) and (min-width: 992px) {
.homepage-m5-standard .button {
padding: 0;
font-size: 12px;
width: 80px;
height: 32px;
line-height: 32px;
text-align: center;
}
}
.homepage-s1.homepage-m5-standard .swiper-container-horizontal>.swiper-pagination-bullets {
display: block;
}
@media (max-width: 991px) {
.homepage-s1.homepage-m5-standard .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
}
.homepage-container .homepage-s1.homepage-m5-standard .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
width: 100%;
left: 50%;
margin-bottom: 0;
padding: 0 23px;
bottom: 16px;
}
.homepage-s1.homepage-m5-standard .swiper-disclaimer {
bottom: 32px;
}
.homepage-s1.homepage-m5-standard .swiper-text div.mob-show {
bottom: 104px;
}
}
.homepage-s1.homepage-m5-standard .swiper-text .m7-marketing {
width: calc(7.543103vw + 243.172422px);
height: auto;
}
@media (max-width: 991px) {
.homepage-s1.homepage-m5-standard .swiper-text .m7-marketing {
width: 318px;
}
}
@media (width: 734px) {
.homepage-m7 .swiper-text .aito-title-slogan,
.homepage-m5-standard .swiper-text .aito-title-slogan {
margin: -20px auto 18px;
}
.homepage-s1.homepage-m5-standard .swiper-text {
top: 110px;
}
.homepage-s1.homepage-m5-standard .swiper-text div.mob-show {
bottom: 50px;
}
}
@media (max-width: 991px) and (min-width:600px) {
.homepage-s1.homepage-m5-standard .swiper-text div.mob-show {
bottom: 90px;
}
.homepage-s1 .swiper-text .aito-title-slogan {
height: 80px;
margin: -70px auto 18px;
}
}
@media (width:677px) {
.homepage-s1.homepage-m5-standard .swiper-text div.mob-show {
bottom: 69px;
}
}
.homepage-m5-standard .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .bullets-text {
color: #000;
}
.homepage-m5-standard .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .swiper-pagination-bullet-polygon {
stroke: #000;
}
.homepage-m5-standard .swiper-container-horizontal>.swiper-pagination-bullets.white .swiper-pagination-bullet .bullets-text {
color: #fff;
}
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc {
display: flex;
width: auto;
align-items: center;
margin-bottom: 50px;
}
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc p,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc p {
font-size: calc(0.431vw + 7.724137931034483px);
text-align: center;
color: #000;
font-weight: 500;
}
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc span,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc span {
font-size: calc(0.431vw + 7.724137931034483px);
}
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc .line,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc .line {
height: 32px;
width: 1px;
background-color: #707070;
margin: 0 16px;
opacity: .2;
}
@media (min-width:1920px) {
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc p,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc p {
font-size: 16px;
}
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc span,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc span {
font-size: 16px;
}
}
@media (max-width:991px) {
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc {
margin: 0 auto;
width: 440px;
max-width: 100%;
}
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc {
margin: 0 auto;
width: 440px;
max-width: 90%;
}
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc p,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc p {
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc span,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc span {
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc .line,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc .line {
height: 20px;
}
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc .line,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc .line {
margin: 0 4px;
}
.homepage-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
flex: 1 1 100%;
width: auto;
margin: 0 8px 0 0;
}
.homepage-container .swiper-pagination-bullet:before {
width: 100%;
}
.homepage-container .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
width: 100%
}
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc {
justify-content: center;
}
}
@media(width:1024px) and (min-aspect-ratio: 1/1) {
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc {
width: 80%
}
.homepage-s1.homepage-m5-standard .swiper-text .m5ev-desc,
.homepage-s1.homepage-m5-standard .swiper-text .m5-desc {
margin-left: -1vw
}
}
/*video banner*/
.homepage-watchBanner .swiper-text {
width: 36.82291vw;
text-align: center;
left: 50%;
top: 8.80208vw;
transform: translateX(-50%);
}
.homepage-watchBanner .swiper-text .aito-title-slogan {
width: 100%;
height: auto;
margin-bottom: 1.66666vw
}
.homepage-watchBanner .banner-text {
color: #ffffff;
font-size: 3.125vw;
margin-bottom: 0.98958vw;
line-height: 1.3
}
.homepage-watchBanner .time-text {
color: #ffffff;
font-size: 1.25vw;
margin-bottom: 1.66666vw;
line-height: 1.3
}
.homepage-watchBanner .button {
margin-right: 0
}
@media (max-width: 1366px) and (min-width: 992px) {
.homepage-watchBanner .button {
padding: 0;
font-size: 12px;
width: 80px;
height: 32px;
line-height: 32px;
text-align: center;
}
}
@media (max-width: 991px) {
.homepage-watchBanner .swiper-text {
width: 84.72222vw;
height: auto;
top: 107.5vw
}
.homepage-watchBanner .swiper-text div.mob-show {
width: auto;
position: static;
display: inline-block;
transform: none
}
.homepage-watchBanner .button {
padding: 12px 66px;
}
.homepage-watchBanner .swiper-text div.mob-show .button {
margin: 0 auto
}
.homepage-watchBanner .swiper-text .aito-title-slogan {
margin-bottom: 7.13888vw
}
.homepage-watchBanner .banner-text {
font-size: 7.77777vw;
margin-bottom: 3.88888vw;
color: #000000
}
.homepage-watchBanner .time-text {
font-size: 3.33333vw;
margin-bottom: 6.66666vw;
color: #000000
}
}
@media (max-width: 835px) and (min-width: 607px) {
.homepage-watchBanner .swiper-text .aito-title-slogan {
margin: 0 auto 4.44444vw
}
.homepage-watchBanner .swiper-text {
top: 89.33333vw;
}
.homepage-watchBanner .time-text {
margin-bottom: 6.05555vw;
}
}
@media (width:677px),
(width:712px),
(width:734px),
(width:768px) {
.homepage-watchBanner .swiper-text {
top: 61.33333vw;
}
.homepage-watchBanner .banner-text {
font-size: 5.77777vw;
margin-bottom: 1.88888vw;
}
.homepage-watchBanner .swiper-text {
width: 61.72222vw;
}
.homepage-watchBanner .swiper-text .aito-title-slogan {
margin: 0 auto 2.44444vw;
}
.homepage-watchBanner .time-text {
margin-bottom: 3.05555vw;
}
}
@media(width:768px) {
.homepage-watchBanner .swiper-text {
top: 75.33333vw;
}
}
@media(width:834px) {
.homepage-watchBanner .swiper-text {
top: 80.33333vw;
}
}
@media (max-width:599px) {
.homepage-watchBanner .button {
padding: 12px 18px;
}
}
.car-name1 {
position: absolute;
bottom: 15vw;
left: 13vw;
font-size: 1vw;
/* font-weight:bold */
}
.car-name2 {
position: absolute;
bottom: 13vw;
right: 12vw;
font-size: 1vw;
/* font-weight:bold */
}
@media (max-width: 991px) {
.car-name1 {
bottom: 48vw;
left: 3.8vw;
font-size: 2vw
}
.car-name2 {
position: absolute;
bottom: 44vw;
right: 6vw;
font-size: 2vw
}
.homepage-s2 h3 {
margin: 0;
}
}
@media (max-width: 599px) {
.car-name1 {
bottom: 48vw;
left: 3.8vw;
font-size: 4vw
}
.car-name2 {
position: absolute;
bottom: 44vw;
right: 6vw;
font-size: 4vw
}
}
.homepage-s2 .text-wrap .top-wrap {
transform: translateX(-25px);
}
.homepage-s2 .text-wrap .swiper-title {
overflow: hidden;
;
}
.homepage-s2 .text-wrap .bottom-wrap {
transform: translateX(-25px);
}
.homepage-s2 .swiper-container-horizontal>.swiper-pagination-bullets {
transform: translateX(-25px);
}
@media (max-width: 991px) {
.homepage-s2 .text-wrap .top-wrap {
transform: unset;
}
.homepage-s2 .text-wrap .bottom-wrap {
transform: unset;
}
.homepage-s2 .swiper-container-horizontal>.swiper-pagination-bullets {
transform: unset;
}
}
@media (max-width:1510px) and (min-width:1357px) {
.homepage-s4 .swiper-text .news-d {
width: 80%;
}
.homepage-s4 h3 {
width: 80%
}
}
.font-bold {
font-weight: 700;
}
.homepage-m7-big .swiper-text {
top: 50%;
transform: translateY(-50%);
right: 6.97vw;
left: auto
}
.homepage-s1.homepage-m7-big .swiper-text .big-m7-desc p {
font-size: 1.5625vw
}
/* .homepage-m7-big .button{
color:#000000
} */
.homepage-m7-big .button {
margin-top: 3.125vw
}
/* .homepage-m7-big .button-outline::after{
background:#ffffff;
height:100%
}
.homepage-m7-big .button:hover:not(:disabled)::after{
height:0
}
.homepage-m7-big .button:hover:not(:disabled){
box-shadow: inset 0 0 0 1px #ffffff;
} */
@media screen and (min-width: 1201px) {
.homepage-s1.homepage-m7-big .swiper-text .aito-title-slogan {
margin-bottom: 1.82vw
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.homepage-s1.homepage-m7-big .swiper-text .aito-title-slogan {
margin-bottom: 1.82vw
}
}
@media (max-width: 1920px) and (min-width: 992px) {
.homepage-m7-big .swiper-text .aito-title-slogan {
width: 31vw;
height: auto
}
}
@media (max-width: 1366px) and (min-width: 992px) {
.homepage-m7-big .button {
padding: 0;
font-size: 12px;
width: 80px;
height: 32px;
line-height: 32px;
text-align: center;
}
}
@media (max-width: 991px) {
.homepage-m7-big .swiper-text {
top: 31.94vw;
left: 50%;
transform: translateX(-50%)
}
.homepage-m7-big .swiper-text div.mob-show {
position: static;
display: inline-block;
width: 174px;
transform: none;
margin-top: 8.888vw
}
.homepage-m7-big .swiper-text .aito-title-slogan {
height: auto;
width: 76.11111vw;
margin-bottom: 4.86vw
}
.homepage-s1.homepage-m7-big .swiper-text .big-m7-desc p {
font-size: 3.333vw
}
.homepage-s1.homepage-m7-big .swiper-text div.mob-show .button {
margin: 0
}
.homepage-s1.homepage-m7-big .swiper-img img {
object-position: 0% 70%;
}
/* .homepage-s1.homepage-m7 .swiper-img img {
object-position: 0% 56%;
} */
}
@media(min-width:641px) and (max-width:780px) {
.homepage-m7-big .swiper-text .aito-title-slogan {
width: 40.11111vw;
}
.homepage-m7-big .swiper-text {
top: 26.94vw;
}
.homepage-m7-big .swiper-text div.mob-show {
margin-top: 4.888vw;
}
}
@media(width:712px),
(width:734px) {
.homepage-m7-big .swiper-text {
top: 14.94vw;
}
}
@media(width:768px) {
.homepage-m7-big .swiper-text .aito-title-slogan {
width: 56.11111vw;
}
.homepage-m7-big .swiper-text {
top: 21.94vw;
}
}
@media(width:834px) {
.homepage-m7-big .swiper-text .aito-title-slogan {
width: 69.11111vw;
}
.homepage-m7-big .swiper-text {
top: 24.94vw;
}
}
#globalnav.transparent .gn-link {
stroke: #000;
fill: #000;
}
.homepage-s1.homepage-m7 .swiper-text .m7-desc p {
color: #fff
}
.homepage-m9 {
position: relative;
}
.homepage-m9 .section-picture {
width: 100%;
height: 100%;
}
.homepage-m9 img {
width: 100%;
}
.homepage-m9 .m9-text-wrap {
position: absolute;
top: 73%;
width: 100%;
text-align: center;
}
.homepage-m9 .time {
color: #ADBCCC;
line-height: 1.6;
font-size: 1.25vw;
font-weight: 400;
}
.homepage-m9 .m9-reservation-btn {
padding: 12px 40px;
font-size: 14px;
display: inline-block;
cursor: pointer;
margin-top: 2.083333vw;
margin-right: 0;
}
@media screen and (max-aspect-ratio: 11/10) and (max-width: 991px) {
.homepage-m9 .m9-text-wrap {
top: 80%;
}
.homepage-m9 .time {
font-size: 4.444444vw;
}
.homepage-m9 .m9-reservation-btn {
margin-top: 5.55555555555555vw;
padding: 12px 16px;
}
}
/*M9*/
@media (max-width: 1366px) and (min-width: 992px) {
.homepage-m9-banner .button {
padding: 0;
font-size: 12px;
width: 80px;
height: 32px;
line-height: 32px;
text-align: center;
}
}
.homepage-s1.homepage-m9-banner .swiper-container-horizontal>.swiper-pagination-bullets {
display: block;
}
@media (max-width: 991px) {
.homepage-s1.homepage-m9-banner .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
}
.homepage-container .homepage-s1.homepage-m9-banner .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
width: 100%;
left: 50%;
margin-bottom: 0;
padding: 0 23px;
bottom: 16px;
}
.homepage-s1.homepage-m9-banner .swiper-disclaimer {
bottom: 32px;
}
.homepage-s1.homepage-m9-banner .swiper-text div.mob-show {
bottom: 104px;
}
}
.homepage-s1.homepage-m9-banner .swiper-text .m7-marketing {
width: calc(7.543103vw + 243.172422px);
height: auto;
}
@media (max-width: 991px) {
.homepage-s1.homepage-m9-banner .swiper-text .m7-marketing {
width: 318px;
}
}
@media (width: 734px) {
.homepage-m7 .swiper-text .aito-title-slogan,
.homepage-m9-banner .swiper-text .aito-title-slogan {
margin: -20px auto 18px;
}
.homepage-s1.homepage-m9-banner .swiper-text {
top: 110px;
}
.homepage-s1.homepage-m9-banner .swiper-text div.mob-show {
bottom: 50px;
}
}
@media (max-width: 991px) and (min-width:600px) {
.homepage-s1.homepage-m9-banner .swiper-text div.mob-show {
bottom: 90px;
}
.homepage-s1 .swiper-text .aito-title-slogan {
height: 80px;
margin: -70px auto 18px;
}
}
@media (width:677px) {
.homepage-s1.homepage-m9-banner .swiper-text div.mob-show {
bottom: 69px;
}
}
.homepage-m9-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .bullets-text {
color: #000;
}
.homepage-m9-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .swiper-pagination-bullet-polygon {
stroke: #000;
}
.homepage-m9-banner .swiper-container-horizontal>.swiper-pagination-bullets.white .swiper-pagination-bullet .bullets-text {
color: #fff;
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc {
display: flex;
width: auto;
align-items: center;
margin-bottom: 50px;
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc p {
font-size: calc(0.431vw + 7.724137931034483px);
text-align: center;
color: #000;
font-weight: 500;
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc span {
font-size: calc(0.431vw + 7.724137931034483px);
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc .line {
height: 32px;
width: 1px;
background-color: #707070;
margin: 0 16px;
opacity: .2;
}
@media (min-width:1920px) {
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc p {
font-size: 16px;
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc span {
font-size: 16px;
}
}
@media (max-width:991px) {
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc {
margin: 0 auto;
width: 440px;
max-width: 90%;
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc p {
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc span {
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc .line {
height: 20px;
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc .line {
margin: 0 4px;
}
.homepage-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
flex: 1 1 100%;
width: auto;
margin: 0 8px 0 0;
}
.homepage-container .swiper-pagination-bullet:before {
width: 100%;
}
.homepage-container .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
width: 100%
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc {
justify-content: center;
}
}
@media(width:1024px) and (min-aspect-ratio: 1/1) {
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc {
width: 85%
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc {
margin-left: 0
}
.homepage-s1.homepage-m9-banner .swiper-text .m5-desc p{
white-space: nowrap;
}
}
/*M9*/
/*new M5*/
@media (max-width: 1366px) and (min-width: 992px) {
.homepage-new-m5-banner .button {
padding: 0;
font-size: 12px;
width: 80px;
height: 32px;
line-height: 32px;
text-align: center;
}
}
.homepage-s1.homepage-new-m5-banner .swiper-container-horizontal>.swiper-pagination-bullets {
display: block;
}
@media (max-width: 991px) {
.homepage-s1.homepage-new-m5-banner .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
}
.homepage-container .homepage-s1.homepage-new-m5-banner .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
width: 100%;
left: 50%;
margin-bottom: 0;
padding: 0 23px;
bottom: 16px;
}
.homepage-s1.homepage-new-m5-banner .swiper-disclaimer {
bottom: 32px;
}
.homepage-s1.homepage-new-m5-banner .swiper-text div.mob-show {
bottom: 104px;
}
.homepage-m7 .swiper-disclaimer{
bottom: 32px;
}
.homepage-m7 .swiper-text div.mob-show{
bottom: 104px;
}
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m7-marketing {
width: calc(7.543103vw + 243.172422px);
height: auto;
}
@media (max-width: 991px) {
.homepage-s1.homepage-new-m5-banner .swiper-text .m7-marketing {
width: 318px;
}
}
@media (width: 734px) {
.homepage-m7 .swiper-text .aito-title-slogan,
.homepage-new-m5-banner .swiper-text .aito-title-slogan {
margin: -20px auto 18px;
}
.homepage-s1.homepage-new-m5-banner .swiper-text {
top: 110px;
}
.homepage-s1.homepage-new-m5-banner .swiper-text div.mob-show {
bottom: 50px;
}
.homepage-m7 .swiper-text div.mob-show{
bottom: 50px;
}
}
@media (max-width: 991px) and (min-width:600px) {
.homepage-s1.homepage-new-m5-banner .swiper-text div.mob-show {
bottom: 90px;
}
.homepage-m7 .swiper-text div.mob-show{
bottom: 90px;
}
.homepage-s1 .swiper-text .aito-title-slogan {
height: 80px;
margin: -70px auto 18px;
}
}
@media (width:677px) {
.homepage-s1.homepage-new-m5-banner .swiper-text div.mob-show {
bottom: 69px;
}
.homepage-m7 .swiper-text div.mob-show{
bottom: 69px;
}
}
.homepage-new-m5-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .bullets-text {
color: #000;
}
.homepage-new-m5-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .swiper-pagination-bullet-polygon {
stroke: #000;
}
.homepage-new-m5-banner .swiper-container-horizontal>.swiper-pagination-bullets.white .swiper-pagination-bullet .bullets-text {
color: #fff;
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc {
display: flex;
width: auto;
align-items: center;
margin-bottom: 50px;
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc p {
font-size: calc(0.431vw + 7.724137931034483px);
text-align: center;
color: #fff;
font-weight: 500;
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc span {
font-size: calc(0.431vw + 7.724137931034483px);
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc .line {
height: 32px;
width: 1px;
background-color: #707070;
margin: 0 16px;
opacity: .2;
}
@media (min-width:1920px) {
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc p {
font-size: 16px;
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc span {
font-size: 16px;
}
}
@media (max-width:991px) {
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc {
margin: 0 auto;
width: 440px;
max-width: 90%;
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc p {
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc span {
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc .line {
height: 20px;
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc .line {
margin: 0 4px;
}
.homepage-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
flex: 1 1 100%;
width: auto;
margin: 0 8px 0 0;
}
.homepage-container .swiper-pagination-bullet:before {
width: 100%;
}
.homepage-container .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
width: 100%
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc {
justify-content: center;
}
}
@media(width:1024px) and (min-aspect-ratio: 1/1) {
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc {
width: 80%
}
.homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc {
margin-left: 0
}
/* .homepage-s1.homepage-new-m5-banner .swiper-text .m5-desc p{
white-space: nowrap;
} */
}
/*new M5*/
.homepage-new-m7-banner .big-m7-new-desc{
width: 27.5vw;
position: absolute;
top: 7.208333vw;
left: 50%;
transform: translateX(-50%);
}
.homepage-new-m7-banner .big-m7-new-desc .desc-slogan{
margin: 1.041667vw 0 .78125vw;
font-size: 1.6vw;
letter-spacing: 1.4vw;
text-align: center;
transform: translateX(0.7vw);
}
.homepage-new-m7-banner .big-m7-new-desc .desc-button{
text-align: center;
}
.homepage-new-m7-banner .big-m7-new-desc .desc-button p{
margin: 0 auto;
font-size: 1.143vw;
width: 54.7%;
text-align: center;
letter-spacing: 0.1vw;
}
.homepage-new-m7-banner .big-m7-new-desc .desc-button a{
margin: .78125vw 0 0;
}
.homepage-new-m7-banner .big-m7-new-desc .desc-button a.pc-show{
color: white;
box-shadow: inset 0 0 0 1px #000;
}
.homepage-new-m7-banner .big-m7-new-desc .desc-button a.pc-show:hover:not(:disabled) {
color: black;
}
.homepage-new-m7-banner .big-m7-new-desc .desc-button a.pc-show:hover:not(:disabled)::after {
height: 0;
}
.homepage-new-m7-banner .big-m7-new-desc .desc-button a.pc-show::after {
background-color: #000;
}
.homepage-new-m7-banner .mob-show{
display: none;
}
@media (max-width:991px) {
.homepage-new-m7-banner .big-m7-new-desc {
width: 65vw;
top: 18.666667vw;
}
.homepage-new-m7-banner .big-m7-new-desc .desc-slogan {
margin: 2.777778vw 0 2.083333vw;
font-size: 4.37vw;
letter-spacing: 2.4vw;
transform: translateX(1.2vw);
}
.homepage-new-m7-banner .big-m7-new-desc .desc-button {
width: 100%;
margin: 0 auto;
}
.homepage-new-m7-banner .big-m7-new-desc .desc-button p {
margin: 0;
font-size: 3.143vw;
width: 100%;
text-align: center;
letter-spacing: 0.1vw;
}
.homepage-new-m7-banner .button.mob-show{
position: absolute;
bottom: 80px;
width: 190px;
text-align: center;
left: 50%;
transform: translateX(-50%);
}
.homepage-new-m7-banner .mob-show{
display: block;
}
.homepage-new-m7-banner .pc-show{
display: none !important;
}
}
@media (min-width:700px) and (max-width:991px){
.homepage-new-m7-banner .big-m7-new-desc {
width: 60vw;
top: 11.194444vw;
}
}
@media (min-width:630px) and (max-width:750px){
.homepage-new-m7-banner .big-m7-new-desc {
width: 43vw;
top: 9.194444vw;
}
.homepage-new-m7-banner .big-m7-new-desc .desc-slogan {
margin: 1.777778vw 0 1.083333vw;
font-size: 2.37vw;
letter-spacing: 2.4vw;
transform: translateX(1.2vw);
}
.homepage-new-m7-banner .big-m7-new-desc .desc-button p {
margin: 0;
font-size: 1.843vw;
}
}
@media (max-width:470px){
.homepage-new-m7-banner .big-m7-new-desc {
top: 27.194444vw;
}
}
@media (min-width:1340px) and (max-width:1370px){
.homepage-new-m7-banner .big-m7-new-desc {
width: 25.5vw;
top: 5.208333vw;
}
}
@media (min-width:991px){
.homepage-m7 .aito-title-slogan{
transform: translateX(-1.1%) !important;
}
}
/* .homepage-m7 .button::after{
background: white;
} */
/* .homepage-m7 .button{
color: black;
box-shadow: inset 0 0 0 1px #fff;
}
.homepage-m7 .button:hover:not(:disabled) {
color: #fff;
}
.homepage-m7 .m7-button-2{
color: white;
}
.homepage-m7 .m7-button-2:hover:not(:disabled) {
color: black;
} */
/*
.homepage-m7 .m7-button-2{
background: black;
box-shadow: inset 0 0 0 1px #fff;
color: black;
}
.homepage-m7 .m7-button-2:hover:not(:disabled) {
color: #fff;
}
.homepage-m7 .m7-button-2::after{
background: white;
} */
/*M8*/
@media (max-width: 1366px) and (min-width: 992px) {
.homepage-m8-banner .button {
padding: 0;
font-size: 12px;
width: 80px;
height: 32px;
line-height: 32px;
text-align: center;
}
}
.homepage-s1.homepage-m8-banner .swiper-container-horizontal>.swiper-pagination-bullets {
display: block;
}
@media (max-width: 991px) {
.homepage-s1.homepage-m8-banner .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
}
.homepage-container .homepage-s1.homepage-m8-banner .swiper-container-horizontal>.swiper-pagination-bullets {
display: flex;
width: 100%;
left: 50%;
margin-bottom: 0;
padding: 0 23px;
bottom: 16px;
}
.homepage-s1.homepage-m8-banner .swiper-disclaimer {
bottom: 32px;
}
.homepage-s1.homepage-m8-banner .swiper-text div.mob-show {
bottom: 104px;
}
}
.homepage-s1.homepage-m8-banner .swiper-text .m7-marketing {
width: calc(7.543103vw + 243.172422px);
height: auto;
}
@media (max-width: 991px) {
.homepage-s1.homepage-m8-banner .swiper-text .m7-marketing {
width: 318px;
}
}
@media (width: 734px) {
.homepage-m7 .swiper-text .aito-title-slogan,
.homepage-m8-banner .swiper-text .aito-title-slogan {
margin: -20px auto 18px;
}
.homepage-s1.homepage-m8-banner .swiper-text {
top: 110px;
}
.homepage-s1.homepage-m8-banner .swiper-text div.mob-show {
bottom: 50px;
}
}
@media (max-width: 991px) and (min-width:600px) {
.homepage-s1.homepage-m8-banner .swiper-text div.mob-show {
bottom: 90px;
}
.homepage-s1 .swiper-text .aito-title-slogan {
height: 80px;
margin: -70px auto 18px;
}
}
@media (width:677px) {
.homepage-s1.homepage-m8-banner .swiper-text div.mob-show {
bottom: 69px;
}
}
.homepage-m8-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .bullets-text {
color: #000;
}
.homepage-m8-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .swiper-pagination-bullet-polygon {
stroke: #000;
}
.homepage-m8-banner .swiper-container-horizontal>.swiper-pagination-bullets.white .swiper-pagination-bullet .bullets-text {
color: #fff;
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc {
display: flex;
width: auto;
align-items: center;
margin-bottom: 50px;
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc p {
font-size: calc(0.431vw + 7.724137931034483px);
text-align: center;
color: #fff;
font-weight: 500;
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc span {
font-size: calc(0.431vw + 7.724137931034483px);
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc .line {
height: 32px;
width: 1px;
background-color: #707070;
margin: 0 16px;
opacity: .2;
}
@media (min-width:1920px) {
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc p {
font-size: 16px;
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc span {
font-size: 16px;
}
}
@media (max-width:991px) {
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc {
margin: 0 auto;
width: 440px;
max-width: 90%;
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc p {
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc span {
font-size: calc(0.4754vw + 7.2884px);
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc .line {
height: 20px;
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc .line {
margin: 0 4px;
}
.homepage-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
flex: 1 1 100%;
width: auto;
margin: 0 8px 0 0;
}
.homepage-container .swiper-pagination-bullet:before {
width: 100%;
}
.homepage-container .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
width: 100%
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc {
justify-content: center;
}
.homepage-s1.homepage-m7 .swiper-text .m7-desc p{
color:#000
}
}
@media(width:1024px) and (min-aspect-ratio: 1/1) {
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc {
width: 85%
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc {
margin-left: 0
}
.homepage-s1.homepage-m8-banner .swiper-text .m5-desc p{
white-space: nowrap;
}
}
/*M9*/
![平板上车]()
![超级桌面]()
![碰一碰导航]()
点击下载App
![AITO APP 下载]()
![AITO]()
AITO 汽车首页
AITO
App
AITO App 是 AITO 汽车官方平台，目前支持 1000+ 门店在线预约试驾和购车，充电网络覆盖 350+ 城市，接入 160万+ 充电枪，搭载智能远程车辆控制功能，实时更新 AITO 汽车官方一手资讯，定期发布官方用户活动，为用户提供出行生活新方式。
手机扫码，即刻下载
关注我们
分享更多关于 AITO 汽车的最新资讯
- 仅问界 M7 Max、问界 M7 Ultra 搭载华为乾崑智驾® ADS 4 高阶版， 问界 M7 Pro+ 搭载华为乾崑智驾® ADS 4 增强版。华为乾崑智驾® ADS 4 仅为辅助驾驶而设计，并非自动驾驶，不能取代驾驶员的专注驾驶和准确判断。该系统无法完全应对在驾驶过程中因交通、路况、天气等环境变化可能出现的所有情况（详见用户手册关于 ADS 的章节），驾驶员应时刻保持对车辆的主动控制并做好随时干预车辆的准备，驾驶员始终是驾驶车辆行为的完全责任人。部分功能需 OTA 升级支持或付费开通，请以车辆实际配置为准。
- 华为乾崑智驾® ADS 4 仅为辅助驾驶而设计，并非自动驾驶，不能取代驾驶员的专注驾驶和准确判断。该系统无法完全应对在驾驶过程中因交通、路况、天气等环境变化可能出现的所有情况（详见用户手册关于 ADS 的章节），驾驶员应时刻保持对车辆的主动控制并做好随时干预车辆的准备，驾驶员始终是驾驶车辆行为的完全责任人。部分功能需 OTA 升级支持或付费开通，请以车辆实际配置为准。
- 该功能仅限部分型号平板，具体型号以官网公布为准。所展现产品和界面仅供示意，具体支持的功能和界面以实际产品为准。部分功能待 OTA 升级支持。
- 所展现产品和界面仅供示意，具体支持的功能和界面以实际产品为准。该功能支持的应用分批上线，具体支持的应用以实际产品为准。部分功能待 OTA 升级支持。
- 该功能仅限搭载 HarmonyOS 2 及以上版本，且具备 NFC 功能的手机，具体型号以官网公布为准。所展现产品和界面仅供示意，具体支持的功能和界面以实际产品为准。该功能支持的应用分批上线，具体支持的应用以实际产品为准。部分功能待 OTA 升级支持。
请选择浏览器打开以便于更好的体验