.tr300 section>div{position:relative}
.tr300 sup a{color:inherit}
.tr300 img{width:100%}
.tr300 .sticky-wrapper,.tr300 .section-content{position:relative;z-index:1}
.tr300 .sticky-wrapper,.tr300 .section-content13{position:relative;z-index:1}
.tr300 .sticky-content{position:-webkit-sticky;position:sticky;top:0px;overflow:hidden;width:100%;height:calc(100vh)}
.tr300 .section-full-height{height:calc(100vh)}
.tr300 .section-anchor-target{position:absolute;top:0px}
.tr300 .section-absolute{position:absolute;top:0;right:0;bottom:0;left:0}
.tr300 .section-flex{display:flex;flex-wrap:wrap}
.tr300 .prevent-click{pointer-events:none}
.tr300 .lg-hide{display:none}
.tr300 .lg-show{display:block}
.tr300 .lg-show-flex{display:flex}
.tr300 .lg-show-inline{display:inline}
.tr300 .lg-show-inlineblock{display:inline-block}
.tr300 .fit-cover{width:100%;height:100%}
.tr300 .fit-cover img,.tr300 .fit-cover video{width:100%;height:100%;object-fit:cover;text-align:center}
@media (max-aspect-ratio: 11 / 10){
small {font-size: 75%;}
.tr300 .fit-cover{width:100%;height:100%;}
.tr300 .xs-hide{display:none}
.tr300 .xs-show{display:block}
.tr300 .xs-show-flex{display:flex}
.tr300 .xs-show-inline{display:inline}
.tr300 .xs-show-inlineblock{display:inline-block}
}
.tr300 .will-transform{transition:transform .2s cubic-bezier(0, 0, 0.2, 1)}
.tr300 .will-hide{opacity:1;visibility:inherit;transition:opacity .2s cubic-bezier(0, 0, 0.2, 1)}
.tr300 .will-show{opacity:0;visibility:hidden;transition:all .2s cubic-bezier(0, 0, 0.2, 1)}
.tr300 .will-fadein{opacity:0;visibility:hidden;transition:all .2s cubic-bezier(0, 0, 0.2, 1)}
.tr300 .will-zoomout{opacity:1;visibility:inherit}
.tr300 .will-change .will-transform{will-change:transform}
.tr300 .will-change .will-hide,.tr300 .will-change .will-show{will-change:opacity}
.tr300 .will-change .will-fadein{will-change:transform, opacity}
.tr300 .will-change .will-change-width{will-change:width}
@media (pointer: coarse){.tr300 .will-transform,.tr300 .will-show,.tr300 .will-hide,.tr300 .will-fadein,.tr300 .will-zoomout{transition:none}
}
.tr300 .aspect-ratio{position:relative;margin-top:-1px;}
.tr300 .aspect-ratio::before{content:'';display:block}
.tr300 .aspect-ratio>:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.tr300 .section-inline-media{width:100%;height:100%;overflow:hidden}
.tr300 .section-inline-media .start-frame{z-index:1}
.tr300 .section-inline-media .inline-video{position:relative;z-index:2}
.tr300 .section-inline-media .static-frame{display:none}
.tr300 .blur-up{-webkit-filter:blur(5px);filter:blur(5px);transition:filter 400ms, -webkit-filter 400ms}
.tr300 .blur-up.lazyloaded{-webkit-filter:blur(0);filter:blur(0)}
.tr300 .section-headline{font-size:3vw;color:#C6A363; line-height:1.5}
.tr300 .section-headline2{font-size:2vw;color:inherit}
.tr300 .section-content .section-headline-reduced{font-size:3vw;color:#C6A363;}
.tr300 .section-headline-reduced{font-size:2vw;color:#C6A363;}
.tr300 .main-section-performance .section-headline-reduced{font-size:1.6vw !important;color:inherit}
.tr300 .section-intro{font-size:1.4vw;color:inherit; margin-top: 10px; }
.tr300 .section-intro2{font-size:1.6vw;color:inherit; margin-top:10px;margin-bottom:20px; line-height:2.5}
.tr300 .section-intro2 img{width:2vw; vertical-align: middle;}

.tr300 .section-intro3{position: absolute;
    bottom: 5vw;
    left: 0;
    right: 6.25vw;
	font-size:0.8vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    color: #afafaf;
    z-index: 3;}

.tr300 .section-intro-reduced{font-size:1.4vw;color:inherit}
.tr300 .section-headline+.section-intro{margin-top:1.5625vw}
.tr300 .section-headline-reduced+.section-intro,.tr300 .section-headline-reduced+.section-intro-reduced{margin-top:1.5vw}
.tr300 .section-headline+.section-media,.tr300 .section-media+.section-intro{margin-top:1.5625vw}
.tr300 .section-headline-b20{margin-bottom:0vw}
.tr300 .section-headline-b21{margin-top:16vw}
.tr300 .section-headline-b22{margin-bottom:0vw; line-height:1}
@media (max-aspect-ratio: 11 / 10){

.tr300 .section-content .section-headline-reduced{font-size:8vw;color:#C6A363;}
.tr300 .section-intro3{
	font-size:2vw;}


.tr300 .section-intro2{font-size:4vw;color:inherit; line-height:10vw;  margin-top:0px;margin-bottom:0px}
.tr300 .section-intro2 img{width:4vw;margin-right:1vw; vertical-align: middle;}
.tr300 .section-headline,.tr300 .section-headline-reduced{font-size:8vw;margin-bottom:0vw}
.tr300 .section-headline2{font-size:6vw;color:inherit}
.tr300 .section-headline-b20{margin-bottom:2vw}
.tr300 .section-headline-b21{margin-top:17vw}
.tr300 .section-headline-b22{margin-bottom:2vw}

.tr300 .section-intro,.tr300 .section-intro-reduced{font-size:3.6vw;}
.tr300 .section-headline+.section-intro{margin-top:2.5vw}
.tr300 .section-headline-reduced+.section-intro,.tr300 .section-headline-reduced+.section-intro-reduced{margin-top:2.5vw}
.tr300 .section-headline+.section-media{margin-top:4.722222vw}
.tr300 .section-media+.section-intro{margin-top:8.333333vw}
}
.tr300 .section-button-link{align-self:flex-start;margin-top:3.125vw;padding:0.520833vw 1.875vw;font-size:1vw}
.tr300 .section-gap{ padding:5vw 20.8vw 4vw; }
.tr300 .section-content-wrapper{position:relative;margin:0 auto}
.tr300 .section-filter{display:flex}
.tr300 .section-filter.content-right{justify-content:flex-start}
.tr300 .section-filter.content-right .section-content{right:0}
.tr300 .section-filter.content-left{justify-content:flex-end}
.tr300 .section-filter.content-left .section-content{left:0}
.tr300 .section-filter .section-content{z-index:5}
.tr300 .section-filter .section-media{position:relative;width:71.354167vw}
.tr300 .section-content.backdrop-filter{position:absolute;top:50%;display:flex;flex-direction:column;justify-content:center;width:26.041667vw;height:23.4375vw;padding:3.125vw;transform:translateY(-50%);background-color:rgba(255,255,255,0.9)}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.tr300 .section-content.backdrop-filter{background-color:rgba(255,255,255,0.5);-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px)}
}
.tr300 .section-content-inner{justify-content:space-between}
.tr300 .section-content-inner .section-item{position:relative}
.tr300 .section-content-inner .section-item+.section-item{margin-top:1.5625vw}
.tr300 .section-content-inner .section-content{position:absolute;right:2.083333vw;bottom:2.083333vw;left:2.083333vw;max-width:27.083333vw;color:#fff}
.tr300 .section-content-inner .section-content2{position:absolute;right:2.083333vw;top:2.083333vw;left:2.083333vw;max-width:27.083333vw;color:#fff}
.tr300 .section-content-inner .section-content3{position:absolute;right:0vw;top:2.083333vw;left:6vw; text-align:center;max-width:27.083333vw;color:#fff}
.tr300 .section-content-inner .section-content30{position:absolute;right:0vw;top:3vw;left:3vw; text-align:left;max-width:37vw;color:#fff}
.tr300 .section-layout-row{text-align:center}
.tr300 .section-layout-row h2{ font-size:3vw; padding-top:5vw;}

.tr300 .section-layout-row .section-intro{width:42.708333vw;margin:1.5625vw auto 0}
.tr300 .main-section-design,.tr300 .main-section-experience{padding-bottom:0vw;background-color:#ffffff}
.tr300 .section-performance{margin-top:0px;background-color:#ffffff}
.tr300 .section-super .sticky-wrapper{height:150vh}
.tr300 .section-super .section-super-anchor{position:absolute;top:50vh}
.tr300 .section-super .section-media{background-color:#000;}

.tr300 .section-super .section-content{position: absolute;z-index: 2;right:15vw;top: 10vh;display: flex;flex-direction: column;justify-content: center;align-items: center;}
	
.tr300 .section-super .section-content-1{align-items:center; bottom: 10vh; width:70vw}
.tr300 .section-super .section-content-2{align-items: flex-start;bottom:0; top:15vw;left: 5vw;}

.tr300 .section-super .section-headline-super{font-size:4vw;white-space:nowrap;color:#fff}
.tr300 .section-super .section-headline-super4{font-size:4vw;white-space:nowrap;color:#fff}
.tr300 .section-super .section-headline-super1{font-size:3vw;white-space:nowrap;color:#fff}
.tr300 .section-super .section-headline-super2{font-size:1.4vw;color:#fff; width:38vw;margin-top:1.5625vw;line-height:1.8}
.tr300 .section-super .section-headline-super3{font-size:1.4vw;color:#fff; margin-top:1.5625vw;line-height:1.8}

.tr300 .section-super .copy-placeholder{display:inline-block;width:11.705729vw}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-button-link{align-self:flex-start;margin-top:8.333333vw;padding:1.666667vw 16.666667vw;font-size:3.333333vw}
.tr300 .section-layout-row h2{ font-size:8vw; margin-top:5vw; margin-bottom:10vw; padding-top:10vw;}
.tr300 .section-gap{margin:10vw 0; padding:0}
.tr300 .section-content-wrapper{width:83.333333vw}
.tr300 .section-filter{display:block}
.tr300 .section-filter .section-media{width:100%}
.tr300 .section-filter .section-content{display:none}
.tr300 .section-filter .section-intro{margin-top:8.333333vw}
.tr300 .section-content-inner{justify-content:space-between}
.tr300 .section-content-inner .section-item{position:relative}
.tr300 .section-content-inner .section-item+.section-item{margin-top:2.777778vw}
.tr300 .section-content-inner .section-content{right:4.166667vw;bottom:4.166667vw;left:4.166667vw;max-width:100%}
.tr300 .section-layout-row{text-align:center}
.tr300 .section-layout-row .section-intro{width:100%;margin:8.333333vw auto 0}
.tr300 .main-section-design,.tr300 .main-section-experience{padding-bottom:0vw}
.tr300 .section-super .section-content{top:0;right:0;bottom:32vw; width:100vw;left:0vw;display:flex;flex-direction:column;justify-content:flex-end; align-items:start; text-align:left}
.tr300 .section-super .section-headline-super5{font-size:5vw;color:#fff; width:38vw;margin-top:8vw;line-height:2; margin-bottom:5vw; width:80vw; text-align:center;}
.tr300 .section-super .section-content-1{bottom:25vh;align-items:center;}
.tr300 .section-super .section-content-2{left:8vw}


.tr300 .section-super .section-headline-super{font-size:12vw}
.tr300 .section-super .section-headline-super4{font-size:9vw}
.tr300 .section-super .section-headline-super1{font-size:9vw;white-space:nowrap;color:#fff}
.tr300 .section-super .section-headline-super2{font-size:4vw;color:#fff; width:38vw;margin-top:1.5625vw;line-height:1.8}
.tr300 .section-super .section-headline-super3{font-size:4vw;color:#fff; margin-top:1.5625vw;line-height:1.8;width: 84vw;}






.tr300 .section-super .section-headline-super2{font-size:4vw;color:#fff;width:84vw;margin-top:1.5625vw;}
.tr300 .section-super .copy-placeholder{display:none}
}
.tr300 .section-hero .hero-banner::before{padding-bottom:56.25%}
.tr300 .section-hero .hero-banner-thumb{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;-webkit-filter:blur(5px);filter:blur(5px)}
.tr300 .section-hero .hero-content{position:absolute;top:8.697917vw;right:12.5vw;bottom:3.125vw;left:14.0625vw;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.tr300 .section-hero .section-eyebrow{width:22.061667vw}
.tr300 .section-hero .section-eyebrow::before{padding-bottom:24.9686%}
.tr300 .section-hero .section-headline{margin-top:1.041667vw;font-size:3vw;font-weight:700;color:inherit}
.tr300 .section-hero .hero-action-button{margin-top:3.125vw;padding:.520833vw 2.083333vw;font-size:.729167vw}
.tr300 .section-hero .hero-intro{display:flex;flex-direction:column}
.tr300 .section-hero .hero-intro-item:first-child{position:relative;text-align:left}
.tr300 .section-hero .hero-intro-item:last-child{justify-content:flex-end}
.tr300 .section-hero .section-note{font-size:.677083vw}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-hero .hero-banner::before{padding-bottom:189.16667%}
.tr300 .section-hero .hero-content{top:27.777778vw;right:8.333333vw;bottom:9.444444vw;left:8.333333vw;text-align:center}
.tr300 .section-hero .hero-headline{position:relative;display:flex;align-items:center;flex-direction:column;flex-grow:1}
.tr300 .section-hero .section-eyebrow{width:64.6875vw}
.tr300 .section-hero .section-eyebrow::before{padding-bottom:24.84681%}
.tr300 .section-hero .section-headline{margin:2.777778vw 0 0 1.944444vw;font-size:8vw;}
.tr300 .section-hero .hero-action-button{position:absolute;bottom:0;padding:1.944444vw 6.388889vw;font-size:3.333333vw}
.tr300 .section-hero .hero-intro-item{width:69.444444vw;margin:0 auto}
.tr300 .section-hero .hero-intro-item:first-child{text-align:center}
.tr300 .section-hero .hero-intro-item:last-child{margin-top:11.111111vw}
.tr300 .section-hero .section-note{font-size:3.333333vw}
}
.tr300 .section-tvc .sticky-wrapper{height:250vh}
.tr300 .section-tvc2 .sticky-wrapper{height:350vh; background:#000000}
.tr300 .section-tvc .section-brand-logo{z-index:3;width:calc(100% + 40px);height:calc(100% + 40px);margin:-20px 0 0 -20px}
.tr300 .section-tvc2 .section-brand-logo1{z-index:3;width:calc(100% + 40px);margin:-20px 0 0 -20px }
.tr300 .section-tvc2 .section-brand-logo2{z-index:3;width:calc(100% + 40px);margin:-20px 0 0 -20px}
.tr300 .section-tvc2 .section-content{position:absolute;left:20vw;top:5vw;width:55vw; text-align:center;color:#fff}


.tr300 .section-tvc .watch-tvc{position:absolute;z-index:2;right:0;bottom:0vw;left:0;display:flex; justify-content:center; opacity:0}
.tr300 .section-tvc .watch-tvc-text{font-size:1.4vw;white-space:nowrap;color:#fff;text-align:center;line-height:1.8}
big{font-size:3vw; line-height:2;font-weight:700;}
big2{font-size:4vw;line-height:1.2;font-weight:700;}



.ztys{
	font-size:2.2vw;line-height:2;font-weight:700;
}

.bianan2{ opacity:0;z-index:88;}

[type=button], [type=reset], [type=submit], button {
    overflow: visible;
    width: auto;
    cursor: pointer;
    user-select: none;
    text-align: center;
    vertical-align: inherit;
    color: inherit;
    border: 0;
    outline: 0;
    background: transparent;
    -webkit-appearance: none;
}

.yinchang{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999;
}





.tr300 .section-tvc .popup-video-button{display:flex;align-items:center}
.tr300 .section-tvc .popup-video-button img{width:2.083333vw}
.tr300 .section-tvc .popup-video-button span{margin-left:0.78125vw;font-size:1.25vw;color:#fff}
@media (max-aspect-ratio: 11 / 10){
.tr300 .section-tvc2 .section-content{position:absolute;left:10vw;top:30vw;width:80vw; text-align:center;color:#fff}
.tr300 .section-tvc2 .section-brand-logo1{z-index:3;width:calc(150% + 40px);margin:-20px 0 0 -20px;margin-left: -29%;margin-top:25vh}
.tr300 .section-tvc2 .section-brand-logo2{z-index:3;width:calc(170% + 40px);margin:-20px 0 0 -20px;margin-left: -39%;margin-top:0% }

.tr300 .section-tvc .watch-tvc{position:absolute;z-index:2;right:0;bottom:6vw;left:0;display:flex; justify-content:start;  left:8vw;opacity:0}
.tr300 .section-tvc .popup-video-button img{width:8.333333vw}
.tr300 .section-tvc .popup-video-button span{margin-left:2.083333vw;font-size:4.444444vw}
.tr300 .section-tvc .watch-tvc-text{font-size:4vw;white-space:nowrap;color:#fff;text-align:left;line-height:1.8}
big{font-size:7vw; line-height:2;font-weight:700;}
big2{font-size:12vw;line-height:1.2;font-weight:700;}
big3{font-size:120%;line-height:1.2;font-weight:700;}



.ztys{
  
	font-size:6vw;line-height:2;font-weight:700;
}



}
.tr300 .section-popup-media{position:fixed;top:0;bottom:0;right:0;left:0;z-index:999999 !important;display:none;background:rgba(0,0,0,0.8)}
.tr300 .section-popup-media.media-open{display:flex;justify-content:center;align-items:center;-webkit-animation:fadeIn .3s forwards;animation:fadeIn .3s forwards}
.tr300 .section-popup-media .popup-media-close-button{position:absolute;top:1.25vw;right:1.25vw;z-index:100;display:flex;justify-content:center;align-items:center;width:2.083333vw;height:2.083333vw;padding:0}
.tr300 .section-popup-media video{width:auto;max-width:90%;max-height:90vh;outline:none;box-shadow:0 20px 40px rgba(0,0,0,0.5)}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-popup-media .popup-media-close-button{top:24.444444vw;right:6.666667vw;width:8.333333vw;height:8.333333vw}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.tr300 .section-design{padding-top:0vw}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-design{padding-top:0vw}
}
.tr300 .section-details{position:relative;width:90vw;margin:auto 0}
.tr300 .section-details .aspect-ratio::before{padding-bottom:57.14286%}
.tr300 .section-details .swiper-wrapper{transform:scale(1.5);transition:transform 0.2s cubic-bezier(0, 0, 0.2, 1) !important}
@media (pointer: coarse){.tr300 .section-details .swiper-wrapper{transition:none !important}
}
.tr300 .section-details .swiper-slide{opacity:1 !important}
.tr300 .section-details .swiper-slide:first-child{z-index:12}
.tr300 .section-details .swiper-slide:nth-child(2){z-index:11}
.tr300 .section-details .swiper-slide:nth-child(3){z-index:10}
.tr300 .section-details .swiper-slide:nth-child(4){z-index:9}
.tr300 .section-details .swiper-slide:nth-child(5){z-index:8}
.tr300 .section-details .swiper-slide:nth-child(6){z-index:7}
.tr300 .section-details .swiper-slide:nth-child(7){z-index:6}
.tr300 .section-details .section-media-wrapper{overflow:hidden;width:0}
.tr300 .section-details .swiper-slide-prev .section-media-wrapper{width:0;transition:width 1s ease-in-out}
.tr300 .section-details .swiper-slide-active .section-media-wrapper{width:100%;transition:width 1s ease-in-out}
.tr300 .section-details .swiper-slide-active .section-image{animation:zoomIn 1s ease-in-out forwards}
.tr300 .section-details .swiper-slide-next .section-media-wrapper{width:100%}
.tr300 .section-details ..tr300 .section-details{position:relative;overflow:hidden}
.tr300 .section-details .section-content{position:absolute;z-index:2;bottom:8.333333vw;right:6.25vw;width:20.3125vw;color:#fff}
.tr300 .section-details .section-mask{position:absolute;z-index:1;top:50%;right:0;bottom:0;left:0;background:linear-gradient(0deg, black, black 15%, transparent)}
.tr300 .section-details .gallery-button-nav{position:absolute;z-index:1;bottom:3.125vw;right:6.25vw;display:flex;cursor:pointer}
.tr300 .section-details .gallery-button{transition:opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);outline:0}
.tr300 .section-details .gallery-button.swiper-button-disabled{opacity:.2}
.tr300 .section-details .gallery-button-next{margin-left:1.5625vw}
.tr300 .section-details .swiper-pagination,.tr300 .section-details .expand-media-button{display:none}
@media (max-aspect-ratio: 11 / 10){
.tr300 .section-details{width:100vw;padding:12vw 8vw;background-color:#313639;}
.tr300 .section-details .aspect-ratio{margin-top:4.166667vw}
.tr300 .section-details .aspect-ratio::before{padding-bottom:134%}
.tr300 .section-details .section-headline{text-align:center;color:#fff;}
.tr300 .section-details .section-intro{width:84vw;padding:0 4vw;text-align:left;color:#fff;position:relative;height:26vw;margin-top:4vw; font-size:3.6vw;}
.tr300 .section-details .swiper-slide-prev .section-media-wrapper{transition:width .6s ease-in-out}
.tr300 .section-details .swiper-slide-active .section-media-wrapper{transition:width .6s ease-in-out}
.tr300 .section-details .swiper-slide-active .section-image{animation:zoomIn .6s ease-in-out forwards}
.tr300 .section-details .expand-media-button{position:absolute;z-index:1;top:4.166667vw;right:4.166667vw;display:block;width:8.333333vw;height:8.333333vw;padding:0;color:#fff}
.tr300 .section-details .section-content{bottom:8.333333vw;left:4.166667vw;width:83.333333vw}
.tr300 .section-details .swiper-pagination{position:static;display:flex;justify-content:center;margin:2.777778vw 0}
.tr300 .section-details .swiper-pagination-bullet{margin:1.388889vw;cursor:default;outline:0;background:#fff}
.tr300 .section-details .swiper-pagination-bullet-active{background:#ffffff}
.tr300 .section-details .gallery-button-nav{display:none}
}





@keyframes zoomIn{0%{transform:scale(1.5)}
100%{transform:scale(1)}
}
.tr300 .section-details-expand{position:fixed;z-index:10001;overflow-x:auto;overflow-y:hidden;transition:all .3s ease;pointer-events:none;opacity:0}
.tr300 .section-details-expand.show{top:0 !important;left:0 !important;width:100% !important;height:100vh !important;pointer-events:auto;opacity:1}
.tr300 .section-details-expand .close-media-button{position:fixed;right:0;bottom:20%;left:0;display:block;width:30px;height:30px;width:8.333333vw;height:8.333333vw;margin:0 auto;padding:0;color:#fff}
.tr300 .section-layout-start .aspect-ratio::before{padding-bottom:49.24051%}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-layout-start.section-content-wrapper{width:91.666667vw}
.tr300 .section-layout-start .aspect-ratio::before{padding-bottom:100%}
.tr300 .section-layout-start .section-intro{width:83.333333vw}
}
.tr300 .section-panoramic-sunroof .aspect-ratio::before{padding-bottom:49.24051%}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-panoramic-sunroof .aspect-ratio::before{padding-bottom:104.16667%}
}
.tr300 .section-enjoy .section-item{position:relative;overflow:hidden}
.tr300 .section-enjoy .section-item .section-intro{position:absolute;bottom:1.5625vw;left:1.5625vw;color:#fff}
.tr300 .section-enjoy .section-item1{z-index:1;display:flex;justify-content:flex-end;margin-bottom:-12.239583vw}
.tr300 .section-enjoy .section-picture{position:relative;overflow:hidden;width:26.041667vw}
.tr300 .section-enjoy .section-picture.aspect-ratio::before{padding-bottom:75%}
.tr300 .section-enjoy .section-item2{width:70.677083vw}
.tr300 .section-enjoy .section-item2.aspect-ratio::before{padding-bottom:56.74282%}
.tr300 .section-enjoy .backdrop-filter{position:absolute;top:auto;right:0;bottom:0;transform:translateY(40%)}
.tr300 .section-enjoy .section-media{position:relative}
.tr300 .section-enjoy .section-media2{align-items:flex-start;margin-top:3.125vw}
.tr300 .section-enjoy .section-item3{width:21.354167vw}
.tr300 .section-enjoy .section-item3.aspect-ratio::before{padding-bottom:57.31707%}
.tr300 .section-enjoy .section-item4{width:19.53125vw;margin-left:3.125vw}
.tr300 .section-enjoy .section-item4 .aspect-ratio::before{padding-bottom:128.53333%}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-enjoy .section-enjoy-swiper{margin-top:4.166667vw}
.tr300 .section-enjoy .section-item .section-intro{bottom:1.5625vw;left:1.5625vw;font-size:2.5vw}
.tr300 .section-enjoy .section-item1{margin-right:-8.333333vw;margin-bottom:-4.166667vw}
.tr300 .section-enjoy .section-picture{width:42.222222vw}
.tr300 .section-enjoy .section-picture.aspect-ratio::before{padding-bottom:75%}
.tr300 .section-enjoy .section-item2{width:83.333333vw}
.tr300 .section-enjoy .section-item2.aspect-ratio::before{padding-bottom:56.66667%}
.tr300 .section-enjoy .backdrop-filter{display:none}
.tr300 .section-enjoy .section-media2{margin-top:2.777778vw}
.tr300 .section-enjoy .section-item3{width:51.388889vw}
.tr300 .section-enjoy .section-item3.aspect-ratio::before{padding-bottom:56.48649%}
.tr300 .section-enjoy .section-item4{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin:-4.166667vw 0 0}
.tr300 .section-enjoy .section-item4 .aspect-ratio{flex-shrink:0;width:35.833333vw;margin-left:8.333333vw}
.tr300 .section-enjoy .section-item4 .aspect-ratio::before{padding-bottom:128.68217%}
.tr300 .section-enjoy .section-content-wrapper.section-intro-wrapper{display:block}
.tr300 .section-enjoy .section-intro-xs{width:39.166667vw;margin-top:12.5vw;font-size:3.611111vw}
}
.tr300 .section-intelligent-experience .section-content{left:0vw}
.tr300 .section-intelligent-experience .section-logo{width:13.229167vw}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-intelligent-experience .section-content{left:8vw}
.tr300 .section-intelligent-experience .section-headline-super{margin-top:1.944444vw}
.tr300 .section-intelligent-experience .section-logo{width:21.944444vw}
}

.tr300 .section-touchscreen2{margin:0vw 0}
.tr300 .section-touchscreen5{margin:0vw 0}
.tr300 .section-touchscreen6{margin:0vw 0}
.tr300 .section-touchscreen .sticky-wrapper{height:250vh}
.tr300 .section-touchscreen .section-content-wrapper{position:relative;width:100vw;height:100%}
.tr300 .section-touchscreen .section-content-wrapper2{position:relative;width:100vw;height:100%}
.tr300 .section-touchscreen .section-item{width:100%;height:100%}


.tr300 .section-touchscreen .section-item+.section-item{position:absolute;top:0;right:0;bottom:0;left:0}

.section-item{position:absolute;top:0;right:0;bottom:0;left:0}

.tr300 .section-touchscreen .section-media{transition:opacity 0.3s cubic-bezier(0.42, 0, 0.002, 1);opacity:0}
.tr300 .section-touchscreen img{object-position:left}
.tr300 .section-touchscreen .animated .section-media{opacity:1}
.tr300 .section-touchscreen .section-item1 .section-media{opacity:1}
.tr300 .section-touchscreen .section-item5 .section-media{opacity:1}
.tr300 .section-touchscreen .section-item10 .section-media{opacity:1}
.tr300 .section-touchscreen .section-item13 .section-media{opacity:1}
.tr300 .section-touchscreen .section-item21 .section-media{opacity:1}
.tr300 .section-touchscreen .section-item31 .section-media{opacity:1}
.tr300 .section-touchscreen .section-item1 .section-content{opacity:1;visibility:inherit}
.tr300 .section-touchscreen .section-item5 .section-content5{opacity:1;visibility:inherit}

.tr300 .section-touchscreen .section-item13 .section-content14{opacity:1;visibility:inherit}
.tr300 .section-touchscreen .section-item21 .section-content21{opacity:1;visibility:inherit}
.tr300 .section-touchscreen .section-item31 .section-content31{opacity:1;visibility:inherit}
.tr300 .section-touchscreen .section-item10 .section-content11{opacity:1;visibility:inherit}
.tr300 .section-touchscreen .section-item1 .section-content1{opacity:1;visibility:inherit; z-index:99}
.tr300 .section-touchscreen .section-item5 .section-content12{opacity:1;visibility:inherit; z-index:99}
.tr300 .section-touchscreen .section-content32{opacity:1;visibility:inherit; z-index:99}
.tr300 .section-touchscreen .section-content11{opacity:1;visibility:inherit; z-index:99}
.tr300 .section-touchscreen .section-content{position:absolute;top:0;right:10vw;bottom:0;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:32vw;opacity:0;color:#fff}
.tr300 .section-touchscreen .section-content1{position:absolute;top:5vw;left: 0;right:0;display:flex; flex-direction: column; align-items: center; justify-content:center;opacity:0;color:#fff}
.tr300 .section-touchscreen .section-content2{position:absolute;top:0;left:10vw;bottom:0;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:32vw;opacity:0;color:#fff}
.tr300 .section-touchscreen .section-content5{position:absolute;top:0;left:10vw;bottom:0;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:32vw;opacity:0;color:#fff}
.tr300 .section-touchscreen .section-content10{position:absolute;top:0;left:10vw;bottom:0;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:39vw;opacity:0;color:#fff}
.tr300 .section-touchscreen .section-content11{position:absolute;top:5vw;left:10vw;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:29vw;opacity:0;color:#333}
.tr300 .section-touchscreen .section-content12{position:absolute;top:0;right:10vw;bottom:30vw;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:40vw;opacity:0;color:#333}


.tr300 .section-touchscreen .section-content13{position:absolute;top:0;right:7vw;bottom:0;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:32vw;opacity:0;color:#fff}
.tr300 .section-touchscreen .section-content14{position:absolute;top:45%;right:12vw;bottom:0;display:flex;overflow:hidden;flex-direction:column;justify-content:start;width:29vw;opacity:0;color:#333}
.tr300 .section-touchscreen .section-content21{position:absolute;top:0;left:10vw;bottom:0;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:29vw;opacity:0;color:#fff}
.tr300 .section-touchscreen .section-content31{position: absolute; top: 9.5vw; left: 0; right: 0;display: flex;flex-direction: column; align-items: center;justify-content: center;color: #fff;}
.tr300 .section-touchscreen .section-content32{position:absolute;top:0;left:10vw;bottom:0;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:29vw;color:#fff}



small{ font-size: 80%;}
small2{ font-size: 50%;}


@media (max-aspect-ratio: 11 / 10){
.tr300 .section-touchscreen{margin-top:-2px}
.tr300 .section-touchscreen2{margin:0vw 0}
/*.tr300 .section-touchscreen .sticky-content,.tr300 .section-touchscreen .section-content-wrapper{height:100%}*/
.tr300 .section-touchscreen .section-content-wrapper{position:relative;width:100vw;height:100%}
.tr300 .section-touchscreen .section-content-wrapper2{position:relative;width:100vw;height:100%}
.tr300 .section-touchscreen .section-item{width:100%;height:100%}
.tr300 .section-touchscreen .section-item+.section-item{position:absolute;top:0;right:0;bottom:0;left:0}
.tr300 .section-touchscreen .section-media{transition:opacity 0.3s cubic-bezier(0.42, 0, 0.002, 1);opacity:0}
.tr300 .section-touchscreen img{object-position:center}
.tr300 .section-touchscreen .animated .section-media{opacity:1}
.tr300 .section-touchscreen .section-item1 .section-media{opacity:1}
.tr300 .section-touchscreen .section-content{top:auto;right:0;bottom:0vw;left:8vw;width:80vw;height:35vh;align-items:start;justify-content: initial;}
.tr300 .section-touchscreen .section-content11{top:24vw;right:0;left:8vw;width:80vw;height:27vh;align-items:start;justify-content: initial;}
.tr300 .section-touchscreen .section-content12{top:18vw;right:0;left:8vw;width:80vw;height:27vh;justify-content: initial;}



.tr300 .section-touchscreen .section-content5{top:auto;right:0;top:30vw;bottom:0vw;left:8vw;width:84vw;height:25vh;align-items:center;justify-content:start;}
.tr300 .section-touchscreen .section-content10{top:auto;right:0;bottom:6vw;left:8vw;width:82vw;height:30vh}
.tr300 .section-touchscreen .section-content13{top:auto;right:0;bottom:10vw;left:8vw;width:84vw;height:30vh;justify-content:start;}
.tr300 .section-touchscreen .section-content14{top:auto;right:0;bottom:10vw;left:8vw;width:84vw;height:30vh;justify-content:start;}
.tr300 .section-touchscreen .section-content21{top:auto;right:0;bottom:10vw;left:8vw;width:84vw;height:30vh;justify-content:start;}
.tr300 .section-touchscreen .section-content31{top:auto;right:0;top:40vw;bottom:0vw;left:8vw;width:84vw;height:25vh;align-items:center;justify-content:start; text-align:center}
.tr300 .section-touchscreen .section-content32{top:22vw;right:0;left:8vw;width:80vw;height:27vh;justify-content: initial;}
small2{ font-size: 70%;}

}
.tr300 .section-intelligent .section-intelligent-lg{cursor:pointer}
.tr300 .section-intelligent .section-intelligent-lg::before{padding-bottom:calc(100% / (1580 / 750))}
.tr300 .section-intelligent .section-intelligent-wrapper{display:flex;background-color:#000}
.tr300 .section-intelligent .section-item{position:relative;overflow:hidden;width:15vw;cursor:pointer;transition:width .6s ease-in-out, opacity .6s ease-in-out;opacity:0.8}
.tr300 .section-intelligent .section-item .section-media-content{display:none}
.tr300 .section-intelligent .section-item.animated{opacity:1;width:calc(100% - 21vw)}
.tr300 .section-intelligent .section-item.animated .section-media-content{display:block}
.tr300 .section-intelligent .section-item.animated .section-content{transform:translateX(1.5625vw)}
.tr300 .section-intelligent .section-item.animated .section-headline-reduced{transform:scale(1)}
.tr300 .section-intelligent .section-item.animated .section-intro{opacity:1;visibility:inherit;transition:opacity .6s ease-in-out, visibility 0s}
.tr300 .section-intelligent .section-item:first-child .section-media{background:url(../images/4-DFBL.png) no-repeat center/cover}
.tr300 .section-intelligent .section-item:first-child .section-intro{width:36.197917vw}
.tr300 .section-intelligent .section-item:nth-child(2) .section-media{background:url(../images/4-BX.png) no-repeat center/cover}
.tr300 .section-intelligent .section-item:nth-child(3) .section-media{background:url(../images/4-KB.png) no-repeat center/cover}
.tr300 .section-intelligent .section-item:last-child .section-media{background:url(../images/4-SBHZ.png) no-repeat center/cover}

.tr300 .section-intelligent .section-media{width:100%;height:100%}
.tr300 .section-intelligent .section-content{position:absolute;z-index:3;top:32vw;right:0;left:0;margin:0 auto;padding:0 1.5625vw;transition:transform .6s ease-in-out;color:#fff}
.tr300 .section-intelligent .section-headline-reduced{display:inline-block;transition:transform .6s ease-in-out;transform:scale(0.7);transform-origin:bottom left;white-space:nowrap;}
.tr300 .section-intelligent .section-intro{width:45vw;transition:opacity .6s ease-in-out, visibility 0s linear .6s;opacity:0; font-size:1.2vw;}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-intelligent .section-intelligent-lg{display:none}

}
.tr300 .section-swiper-xs{display:none;background-color: #fff;}
.tr300 .section-swiper-xs .swiper-pagination-wrapper{position:relative;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}
.tr300 .section-swiper-xs .swiper-pagination-wrapper::-webkit-scrollbar{display:none}
.tr300 .section-swiper-xs .swiper-pagination-xs{position:static;display:inline-block;width:auto;min-width:calc(100% - 16.666667vw);margin:8.333333vw 8.333333vw 0;padding-bottom:2.777778vw;border-bottom:1px solid rgba(112,112,112,0.5)}
.tr300 .section-swiper-xs .swiper-pagination-bullet{position:relative;display:inline-block;width:auto;height:auto;margin:0 0 0 8.333333vw !important;font-size:4vw;white-space:nowrap;opacity:1;color:#b3b3b3;border:0 !important;border-radius:0 !important;outline:0 !important;background:transparent !important;cursor:default}
.tr300 .section-swiper-xs .swiper-pagination-bullet:first-child{margin:0 !important}
.tr300 .section-swiper-xs .swiper-pagination-bullet:active,.tr300 .section-swiper-xs .swiper-pagination-bullet:focus{border:0 !important;border-radius:0 !important;outline:0 !important;background:transparent !important}
.tr300 .section-swiper-xs .swiper-pagination-bar{position:absolute;bottom:0;height:2px;transition:all .4s ease;transform:translateX(8.33333vw);background:#000}
.tr300 .section-swiper-xs .swiper-pagination-bullet-active{color:#000}
.tr300 .section-swiper-xs .section-intro-wrapper{display:flex;margin-top:4.166667vw}
.tr300 .section-swiper-xs .section-intro{position:relative;width:100%;font-size:3.6vw;transition:all .4s ease;opacity:0}
.tr300 .section-swiper-xs .section-intro.intro-active{opacity:1;z-index:1}
.tr300 .section-swiper-xs .section-intro:not(:first-child){margin-left:-100%}
.tr300 .section-swiper-xs .inline-video{width:100%}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-swiper-xs{display:block}
}
.tr300 .section-watch-control .aspect-ratio::before{padding-bottom:49.24051%}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-watch-control .aspect-ratio::before{padding-bottom:100%}
}
.tr300 .section-transfer-navigation-service .aspect-ratio::before{padding-bottom:56.78832%}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-transfer-navigation-service .aspect-ratio::before{padding-bottom:104.16667%}
}
.tr300 .section-sound .section-item1{width:100%}
.tr300 .section-sound .section-item1 .aspect-ratio::before{padding-bottom:41.13924%}
.tr300 .section-sound .section-item2{width:49.895833vw}
.tr300 .section-sound .section-item2 .aspect-ratio::before{padding-bottom:67.84969%}




.tr300 .section-sound .section-item3{width:30.833333vw}
.tr300 .section-sound .section-item3 .aspect-ratio::before{padding-bottom:109.7973%}
.tr300 .section-sound .section-headline-image{width:13.4375vw;margin-bottom:0.78125vw}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-sound .section-item1 .aspect-ratio::before{padding-bottom:108.33333%}
.tr300 .section-sound .section-item2{width:100%}
.tr300 .section-sound .section-item2 .aspect-ratio::before{padding-bottom:100%}
.tr300 .section-sound .section-item3{width:100%}
.tr300 .section-sound .section-item3 .aspect-ratio::before{padding-bottom:66.66667%}
.tr300 .section-sound .section-headline-image{width:35.833333vw;margin-bottom:3.333333vw}
}
.tr300 .section-endurance-and-acceleration .section-content-wrapper{width:;}

.tr300 .section-endurance-and-acceleration .section-content-wrapper2{width: 1200px;
    margin: 0 auto;
	margin-top: 8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}

.tr300 .section-endurance-and-acceleration .section-content-wrapper3{flex-direction: row-reverse;}






.tr300 .section-endurance-and-acceleration .aspect-ratio2::before{padding-bottom:300%}
.tr300 .section-endurance-and-acceleration .aspect-ratio::before{padding-bottom:31.14286%}



.tr300 .section-endurance-and-acceleration .section-content{position:absolute;right:6.25vw;bottom:25vw;left:10vw;width:30vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content2{position:absolute;right:6.25vw;bottom:9vw;left:10vw;width:30vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content4{position:absolute;left:10vw;top:10vw;width:34vw;color:#333}
.tr300 .section-endurance-and-acceleration .section-content41{position:absolute;right:10vw;bottom:25vw;width:27vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content42{position:absolute;left:10vw;bottom:25vw;width:34vw;color:#fff}


.tr300 .section-endurance-and-acceleration .section-content-wg0{position:absolute;top:5vw;left:28vw;right:0;display:flex;width:44vw;flex-direction: column; align-items: center;justify-content: center;}
.tr300 .section-endurance-and-acceleration .section-content-wg1{position:absolute;left:8vw;bottom:0vw;width:44vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content-wg2{position:absolute;right:8vw;bottom:0vw;width:44vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content-wg3{position:absolute;left:8vw;bottom:0vw;width:44vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content-wg4{position:absolute;right:8vw;bottom:0vw;width:44vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content-wg5{position:absolute;left:8vw;bottom:5vw;width:44vw;color:#fff}



.tr300 .section-endurance-and-acceleration .section-content-sj0{position:absolute;top:5vw;left:28vw;right:0;display:flex;width:44vw;flex-direction: column; align-items: center;justify-content: center;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content-sj1{width: 600px;padding-right:200px; margin-top:8vw;color:#333; z-index:2}
.tr300 .section-endurance-and-acceleration .section-content-sj2{width: 600px;padding-left:120px; margin-top:8vw;color:#333; z-index:2}
.tr300 .section-endurance-and-acceleration .section-content-sj3{width: 600px;padding-right:200px; margin-top:8vw;color:#333; z-index:2}
.tr300 .section-endurance-and-acceleration .section-content-sj4{width: 600px;padding-left:200px; margin-top:8vw;color:#333; z-index:2}
.aspect-ratio3{ width: 600px; z-index: 2;}

.tr300 .section-endurance-and-acceleration .section-content7{position:absolute;left:20vw;top:8vw;width:60vw; text-align:center;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content6{position: absolute; top: 5vw; left: 0; right: 0;display: flex;flex-direction: column; align-items: center;justify-content: center;color: #fff;z-index:3;}
.tr300 .section-endurance-and-acceleration .add-descrition2{position: absolute; bottom: 5vw; left: 0; right:6.25vw;display: flex;flex-direction: column; align-items:flex-end;justify-content: center;color: #afafaf;z-index:3; }
.tr300 .section-endurance-and-acceleration .add-descrition2 p{ font-size: 12px; }

.section-content60{position: absolute; top: 4vw; left: 0; right: 0;display: flex;flex-direction: column; align-items: center;justify-content: center;color: #fff;z-index:3;}



@media (max-width: 1440px){
.tr300 .section-endurance-and-acceleration .section-content-wrapper2{width: 1000px;
    margin: 0 auto;
	margin-top: 8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.tr300 .section-endurance-and-acceleration .section-content-sj1{width: 500px;padding-right:150px; margin-top:10vw;color:#333; z-index:2}
.tr300 .section-endurance-and-acceleration .section-content-sj2{width: 500px;padding-left:100px; margin-top:10vw;color:#333; z-index:2}
.tr300 .section-endurance-and-acceleration .section-content-sj3{width: 500px;padding-right:150px; margin-top:10vw;color:#333; z-index:2}
.tr300 .section-endurance-and-acceleration .section-content-sj4{width: 500px;padding-left:150px; margin-top:10vw;color:#333; z-index:2}
.aspect-ratio3{ width: 500px; z-index: 2;}
}



@media (max-width: 1200px){
.tr300 .section-endurance-and-acceleration .section-content-wrapper2{width: 90vw;
    margin: 0 auto;
	margin-top: 8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.tr300 .section-endurance-and-acceleration .section-content-sj1{width: 50%;padding-right:100px; margin-top:10vw;color:#333; z-index:2}
.tr300 .section-endurance-and-acceleration .section-content-sj2{width: 50%;padding-left:100px; margin-top:10vw;color:#333; z-index:2}
.tr300 .section-endurance-and-acceleration .section-content-sj3{width: 50%;padding-right:100px; margin-top:10vw;color:#333; z-index:2}
.tr300 .section-endurance-and-acceleration .section-content-sj4{width: 50%;padding-left:200px; margin-top:10vw;color:#333; z-index:2}
.aspect-ratio3{ width: 50%; z-index: 2;}
}


@media (max-aspect-ratio: 11 / 10){
.tr300 .section-endurance-and-acceleration .section-content-wrapper2{width: 100vw;
    margin: 0 auto;
	margin-top: 5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.tr300 .section-endurance-and-acceleration .section-content-wrapper3{flex-direction: column;}
.aspect-ratio3{ width: 100vw; z-index: 2;}

.tr300 .section-endurance-and-acceleration .section-content-sj1{padding-right: 0;margin-top: 0;position: relative;bottom: 17vw;left:8vw;right:0;height:60vw;display:flex; width:84vw;flex-direction:column;align-items:center;justify-content: flex-end; color: #333;text-align: center;}
.tr300 .section-endurance-and-acceleration .section-content-sj2{padding-left: 0;margin-top: 0;position: relative;bottom: 20vw;left:8vw;right:0;height:60vw;display:flex; width:84vw;flex-direction:column;align-items:center;justify-content: flex-end; color: #333;text-align: center;}
.tr300 .section-endurance-and-acceleration .section-content-sj3{padding-right: 0;margin-top: 0;position: relative;bottom: 20vw;left:8vw;right:0;height:60vw;display:flex; width:84vw;flex-direction:column;align-items:center;justify-content: flex-end; color: #333;text-align: center;}
.tr300 .section-endurance-and-acceleration .section-content-sj4{padding-right: 0;margin-top: 0;position: relative;bottom: 20vw;left:8vw;right:0;height:60vw;display:flex; width:84vw;flex-direction:column;align-items:center;justify-content: flex-end; color: #333;text-align: center;}




.tr300 .section-endurance-and-acceleration .section-content41{position:absolute;top:20vw;left:10vw;right:0;display:flex;width:80vw; text-align:center;flex-direction: column; align-items: center;justify-content: start;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content42{position:absolute;top:20vw;left:10vw;right:0;display:flex;width:80vw; text-align:center;flex-direction: column; align-items: center;justify-content: start;color:#fff}


.section-content60{position: absolute; top: 16vw; left: 0; right: 0;display: flex;flex-direction: column; align-items: center;justify-content: center;color: #fff;z-index:3;}
.tr300 .section-endurance-and-acceleration .section-content-wrapper{width:100vw;}
.tr300 .section-endurance-and-acceleration .aspect-ratio::before{padding-bottom:105%}
.tr300 .section-endurance-and-acceleration .aspect-ratio2::before{padding-bottom:120%}
.tr300 .section-endurance-and-acceleration .section-content{right:8vw;bottom:22vw;left:8vw;width:auto}
.tr300 .section-endurance-and-acceleration .section-content4{position:absolute;top:20vw;left:10vw;right:0;display:flex;width:80vw; text-align:center;flex-direction: column; align-items: center;justify-content: start;}
.tr300 .section-endurance-and-acceleration .section-content6{right:8vw;bottom:32vw;left:8vw;width:auto;align-items:start;top:auto;}
.tr300 .section-endurance-and-acceleration .section-content2{position:absolute;right:6.25vw;bottom:20vw;left:7.8125vw;width:90vw;color:#fff}
.tr300 .section-endurance-and-acceleration .add-descrition2{ bottom: 85vw; }
.tr300 .section-endurance-and-acceleration .add-descrition2 p{ font-size: 2vw; }


.tr300 .section-endurance-and-acceleration .section-content7{position:absolute;top:25vw;left:10vw;right:0;display:flex;width:80vw; text-align:center;flex-direction: column; align-items: center;justify-content: center;color:#fff}

.tr300 .section-endurance-and-acceleration .section-content-wg0{position:absolute;top:20vw;left:10vw;right:0;display:flex;width:80vw;flex-direction: column; align-items: center;justify-content: center;}
.tr300 .section-endurance-and-acceleration .section-content-wg1{position:absolute;left:5vw;bottom:0vw;width:80vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content-wg2{position:absolute;right:5vw;bottom:0vw;width:80vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content-wg3{position:absolute;left:5vw;bottom:0vw;width:80vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content-wg4{position:absolute;right:5vw;bottom:0vw;width:80vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content-wg5{position:absolute;left:5vw;bottom:5vw;width:80vw;color:#fff}

.tr300 .section-endurance-and-acceleration .section-content-sj0{position:absolute;top:20vw;left:20vw;right:0;display:flex;width:60vw;flex-direction: column; align-items: center;justify-content: flex-end;color:#fff}




}



.tr300 .section-endurance-and-acceleration2 .section-content-wrapper{width:90vw; margin-top:40vw}
.tr300 .section-endurance-and-acceleration2 .aspect-ratio::before{padding-bottom:49%}
.tr300 .section-endurance-and-acceleration2 .section-content{position:absolute;right:6.25vw;bottom:25vw;left:7.8125vw;width:30vw;color:#fff}
.tr300 .section-endurance-and-acceleration2 .section-content2{position:absolute;right:6.25vw;bottom:9vw;left:7.8125vw;width:30vw;color:#fff}
.tr300 .section-endurance-and-acceleration2 .section-content4{position:absolute;left:5vw;bottom:20vw;width:30vw;color:#333}
.tr300 .section-endurance-and-acceleration2 .section-content5{position:absolute;right:5vw;bottom:20vw;width:15vw;color:#333}
.tr300 .section-endurance-and-acceleration3 .section-content-wrapper{width:100vw; margin-top:0vw}
.tr300 .section-endurance-and-acceleration3 .aspect-ratio::before{padding-bottom:56%}
.tr300 .section-endurance-and-acceleration3 .section-content{position:absolute;right:10vw;bottom:20vw;width:20vw;color:#fff}







@media (max-aspect-ratio: 11 / 10){
.tr300 .section-endurance-and-acceleration3 .aspect-ratio::before{padding-bottom:216%}
.tr300 .section-endurance-and-acceleration3 .section-content-wrapper{width:100vw; margin-top:0vw}
.tr300 .section-endurance-and-acceleration3 .section-content{position:absolute;top:30vw; left:8vw; display:flex;width:80vw;color:#fff;flex-direction: column;}


.tr300 .section-endurance-and-acceleration2 .section-content-wrapper{width:100vw; margin-top:0vw}
.tr300 .section-endurance-and-acceleration2 .aspect-ratio::before{padding-bottom:240%}
.tr300 .section-endurance-and-acceleration2 .section-content{position:absolute;top:20vw; left:8vw; display:flex;width:80vw;color:#333;flex-direction: column;}

}




.tr300 .section-reverse-charging .aspect-ratio::before{padding-bottom:49.24051%}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-reverse-charging .aspect-ratio::before{padding-bottom:100%}
}


.section-technology-lg{width:90vw !important;}
.tr300 .section-technology .section-item1{width:29vw}
.tr300 .section-technology .section-item1 .aspect-ratio::before{padding-bottom:91.09677%}
.tr300 .section-technology .section-item.section-item2{width:29vw;margin-top:0}
.tr300 .section-technology .section-item.section-item3{width:29vw;margin-top:0;}
.tr300 .section-technology .section-item.section-item4{width:21.5vw;margin-top:1vw}
.tr300 .section-technology .section-item.section-item40{width:21.5vw;margin-top:1vw}




.tr300 .section-technology .section-item4 .aspect-ratio::before{padding-bottom:102%}
.tr300 .section-technology .section-item.section-item5{width:21.5vw;margin-top:1vw}
.tr300 .section-technology .section-item.section-item6{width:21.5vw;margin-top:1vw}

.tr300 .section-technology .section-item.section-item7{width:21.5vw;margin-top:1vw}


.tr300 .section-technology .section-item.section-item8{width:44.25vw;}
.tr300 .section-technology .section-item8 .aspect-ratio::before{padding-bottom:100%}
.tr300 .section-technology .section-item.section-item9{width:44.25vw;margin-top:0}


.tr300 .section-technology .section-item.section-item80{width:28vw;}
.tr300 .section-technology .section-item80 .aspect-ratio::before{padding-bottom:150%}
.tr300 .section-technology .section-item.section-item90{width:28vw;margin-top:0vw}
.tr300 .section-technology .section-content-inner .section-content30{max-width:35vw}


.tr300 .section-technology .section-content-inner .section-content{max-width:40vw}
.tr300 .section-technology .section-content-inner .section-content2{max-width:40vw}
.tr300 .section-technology .section-content-inner .section-content3{max-width:32.291667vw}
.tr300 .main-section-experience .add-descrition2 { margin-top: 31vw;color: #afafaf;text-align: center;}
.tr300 .main-section-experience .add-descrition2 p {font-size: 12px;}
@media (max-aspect-ratio: 11 / 10){
.tr300 .section-technology .section-technology-lg{display:none}
.tr300 .section-technology .section-technology-lg0{width:100vw !important;}
.tr300 .section-technology .section-item.section-item80{width:100vw; margin:0 10vw}
.tr300 .section-technology .section-headline-reduced{font-size:6vw;}
.tr300 .section-technology .section-item80 .aspect-ratio::before{padding-bottom:127%}
.tr300 .section-technology .section-item90 .aspect-ratio::before{padding-bottom:118%}
.tr300 .section-technology .section-item.section-item90{width:100vw;margin:24vw 10vw 22vw}
.tr300 .section-technology .section-content-inner .section-content30{max-width:100vw;margin-top:7vw; margin-left:7vw}
.tr300 .main-section-experience .add-descrition2 { margin-top:70vw;color: #afafaf;text-align: center;}
.tr300 .main-section-experience .add-descrition2 p {font-size: 12px;}






}
.tr300 .section-specs{margin-top:6.25vw;padding:6.25vw 0;background-color:#F4F6F8}
.tr300 .section-specs .section-content-wrapper{justify-content:space-between;align-items:center}
.tr300 .section-specs .section-media{width:40.416667vw;margin-top:0}
.tr300 .section-specs .aspect-ratio::before{padding-bottom:110.82474%}
.tr300 .section-specs .section-headline-reduced{font-weight:normal}
.tr300 .section-specs .section-content{width:32.083333vw}
.tr300 .section-specs .section-separator{width:3.28125vw;height:1px;margin-top:1.5625vw;background-color:#707070}
.tr300 .section-specs .section-list-wrapper{justify-content:space-between}
.tr300 .section-specs .section-list:first-child{width:14.84375vw}
.tr300 .section-specs .section-list:nth-child(2){width:13.697917vw}
.tr300 .section-specs .section-list:last-child{width:100%;margin-top:1.5625vw}
.tr300 .section-specs .section-item{margin-top:2.083333vw}
.tr300 .section-specs .spec-key{font-size:1vw;color:#707070}
.tr300 .section-specs .spec-value{font-size:1vw}   
.tr300 .section-specs .spec-headline{font-weight:normal}
.tr300 .section-specs .spec-intro{font-size:1vw}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-specs{margin-top:16.666667vw;padding:16.666667vw 0}
.tr300 .section-specs .section-content-wrapper{display:block}
.tr300 .section-specs .section-content{width:100%}
.tr300 .section-specs .section-media{width:100%;margin-top:4.722222vw}
.tr300 .section-specs .aspect-ratio::before{padding-bottom:100%}
.tr300 .section-specs .section-separator{width:17.5vw;margin-top:4.722222vw}
.tr300 .section-specs .section-list-wrapper{justify-content:space-between}
.tr300 .section-specs .section-list:first-child{width:41.666667vw}
.tr300 .section-specs .section-list:nth-child(2){width:36.388889vw}
.tr300 .section-specs .section-list:last-child{margin-top:4.166667vw}
.tr300 .section-specs .section-item{margin-top:8.333333vw}
.tr300 .section-specs .spec-key,.tr300 .section-specs .spec-intro{font-size:3.611111vw;font-weight:normal}
.tr300 .section-specs .spec-value{font-size:4.444444vw}
.tr300 .section-specs .spec-headline{display:block}
}
.tr300 .section-footnote{margin-top:6.25vw}
.tr300 .section-footnote .section-content-wrapper{padding:6.25vw 0 5vw;border-top:1px solid #707070}
.tr300 .section-footnote ol{padding-left:24px;list-style-type:decimal;color:#afafaf;font-size:13px;line-height:1.6}
.tr300 .section-footnote ol li{list-style-type:decimal;padding-top:120px;margin-top:-120px}
.tr300 .section-footnote ol li:target{color:#000}
@media (max-aspect-ratio: 11 / 10){.tr300 .section-footnote{margin-top:16.666667vw}
.tr300 .section-footnote .section-content-wrapper{padding:8.333333vw 0 27.777778vw}
.tr300 .section-footnote ol{padding-left:20px}
}
.no-sticky .tr300 .sticky-wrapper{height:auto !important}
.no-sticky .tr300 .sticky-content{position:relative;top:0;height:auto}
.no-sticky .tr300 .section-tvc .section-brand-logo,.no-sticky .tr300 .section-tvc .playing .start-frame{display:none}
.no-sticky .tr300 .section-tvc .watch-tvc{opacity:1}
.no-sticky .tr300 .section-super .sticky-wrapper{height:150vh}
.no-sticky .tr300 .section-super .section-media{transform:none}
.no-sticky .tr300 .will-fadein{visibility:inherit;opacity:1}
.no-sticky .tr300 .section-details .swiper-wrapper{transform:none !important}
.no-sticky .tr300 .section-touchscreen .section-content-wrapper{height:auto}
.no-sticky .tr300 .section-touchscreen .section-item{position:relative}
.no-sticky .tr300 .section-touchscreen .section-item+.section-item{position:relative}
.no-sticky .tr300 .section-touchscreen .section-media{transition:none;opacity:1}
.no-sticky .tr300 .section-touchscreen .section-content{opacity:1}
.no-sticky .tr300 .section-intelligent .section-item,.no-sticky .tr300 .section-intelligent .section-content,.no-sticky .tr300 .section-intelligent .section-headline-reduced,.no-sticky .tr300 .section-intelligent .section-intro{transition:none !important}
.no-inline-video .tr300 .section-inline-media .start-frame,.no-inline-video .tr300 .section-inline-media video{display:none}
.no-inline-video .tr300 .section-inline-media .static-frame{display:block}




.TR300_brand{width:100vw;background-color:#000}
.content-box13{margin: 0 7vw;  display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;background-color:#000}
.content-box13 .text-center{ width:100%; margin:2vw 0 5vw 0 ;text-align:center;}
.content-box13 p {font-size: 1.4vw;color: #FFFFFF;line-height: 2.60vw; margin: 0;}
.content-box13 h6 {font-size: 3vw;color: #FFFFFF; margin: 4.68vw 0 2.34vw 0;}
.content-box13 .page9-list li {float: left;width: 20%;margin-bottom: 4.5205%;text-align: center; padding: 0 1%;}
.content-box13 .page9-list li  p {font-size: 1.2vw;line-height: 1.6; margin-top: 1.2vw;height:5vw;color:#FFFFFF;}
.img-auto {max-width: 100%; height: auto; width: 100%;}


.content-bottom{
    width: 100%;
    height: 28.75vw;
    overflow: hidden;
    position: relative;
}
.content-bottom img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content-bottom div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10.26vw;
    text-align: center;
}
.content-bottom p {
    font-size: 1.56vw;
    color: #fff;
}
.content-bottom h2 {
    font-size: 3vw;
    color: #fff;
    /* font-weight: 400; */
    margin-top: 1vw;
}


@media (max-aspect-ratio: 11 / 10){
.content-box13{margin: 0 4vw;  display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;background-color:#000}
.content-box13 .text-center{ width:100vw; margin:10vw 4vw ;text-align:center;}
.content-box13 p {font-size: 4vw;color: #FFFFFF;line-height:1.6; margin: 0;}
.content-box13 h6 {font-size:7vw;color: #FFFFFF;margin: 4vw 0}
.content-box13 .page9-list {padding: 0 0;margin-top:4vw}
.content-box13 p {font-size: 4vw;color: #FFFFFF;line-height: 1.6;}
.content-box13 .page9-list li {float: left; width: 50%;margin-bottom:20vw;text-align: center;padding: 0px 1vw;}
.content-box13 .page9-list li  p {font-size: 3.6vw;line-height: 2;margin-top: 2vw;color:#FFFFFF;}


.content-bottom{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.content-bottom img{
    width: 100%;
    height: 40vh;
    object-fit: cover;
}
.content-bottom div{
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.content-bottom p {
    font-size: 4.9vw;
    color: #fff;
}
.content-bottom h2 {
    font-size: 7vw;
    color: #fff;
    margin-top: 2vw;
}


}



.section-content-ul{z-index: 2;right: 0;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;
    top:0vw;
    bottom:0vw;
    left: 0;
    color: #fff;
	width:70vw;
}
 
.section-content-ul ul {
  width: 100%;
  margin: 4vw;
}
.section-content-ul ul li {
  float: left;
  width: 20%;
  text-align: center;
  padding-right:2vw;
  padding-left:2vw;
  border-right: 1px solid #E40112;
}


.section-content-ul ul li:nth-child(5) {
  border-right: none;
}
.section-content-ul .font20 {
    font-size:1.4vw;
	color:#ffffff;

  }

.section-content-ul .font40 {
    font-size: 3vw;
    font-weight: bold;
	color:#ffffff;
	margin-bottom:5vw;
  }
  
.homepage-s2,.homepage-s3{
    margin: 5vw;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.homepage-s4{
    margin: 5vw 5vw 0 5vw;
	padding-bottom:5vw;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}



.homepage-s2 img ,.homepage-s3 img ,.homepage-s4 img{
display:block;
}

.homepage-s2 .swiper-img, .homepage-s3 .swiper-img, .homepage-s4 .swiper-img {
    width: 45vw;
	display:block;
}

.homepage-s2 .swiper-container-horizontal>.swiper-pagination-bullets{
      width: auto;
      left: 9vw;
      bottom: 20px;
	  height:auto;
  }

.homepage-s3 .swiper-container-horizontal>.swiper-pagination-bullets  ,.homepage-s4 .swiper-container-horizontal>.swiper-pagination-bullets {
      width: auto;
      left: 6vw;
      bottom: 20px;
	  height:auto;
  }
.homepage-s2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet ,.homepage-s3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet  ,.homepage-s4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
      position: relative;
      width: 5vw;
      height: 3px;
      background: #ffffff;
      opacity: 1;
      margin: 0 8px 0 0
  }


.homepage-s2 .swiper-pagination-bullet:after ,.homepage-s3 .swiper-pagination-bullet:after ,.homepage-s4 .swiper-pagination-bullet:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: #EE0616;
}

.homepage-s2 .swiper-pagination-bullet:before ,.homepage-s3 .swiper-pagination-bullet:before  ,.homepage-s4 .swiper-pagination-bullet:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 5vw;
  height: 3px;
  background: #ffffff;
}

.homepage-s2 .swiper-pagination-bullet.swiper-pagination-bullet-active:after ,.homepage-s3 .swiper-pagination-bullet.swiper-pagination-bullet-active:after ,.homepage-s4 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
  width: 100%;
  -webkit-animation: bullentWidth 10s linear;
  animation: bullentWidth 10s linear
}


@-webkit-keyframes bullentWidth {
  from {
      width: 0
  }

  to {
      width: 100%
  }
}

@keyframes bullentWidth {
  from {
      width: 0
  }

  to {
      width: 100%
  }
}

.homepage-s2 .swiper-text,.homepage-s3 .swiper-text {
    width: 50vw;
    z-index: 2;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 1);
    -webkit-backdrop-filter: saturate(180%) blur(30px);
    backdrop-filter: saturate(180%) blur(30px)
}

.homepage-s4 .swiper-text{
    width: 50vw;
    z-index: 2;
    overflow: hidden;
	background-color: rgba(248, 248, 248, 1);
    -webkit-backdrop-filter: saturate(180%) blur(30px);
    backdrop-filter: saturate(180%) blur(30px)

}




.homepage-s2 .swiper-text .swiper-slide,.homepage-s3 .swiper-text .swiper-slide,.homepage-s4 .swiper-text .swiper-slide {
    padding: 10vw
}

.homepage-s2 .swiper-bg-img,.homepage-s3 .swiper-bg-img,.homepage-s4 .swiper-bg-img {
    position: absolute;
    width: 50vw;
    height: 100%;
    left: 50vw;
}
  

  
@media (max-aspect-ratio: 11 / 10){

   .homepage-s4 {
      width: 100%;
      margin-left: auto;
      margin-bottom: 0;
      padding-right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

   .homepage-s3,   .homepage-s2{
      width: 90vw;
      margin-left: auto;
      margin-bottom: 5vw;
      padding-right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .homepage-s4 .swiper-img ,  .homepage-s3 .swiper-img,  .homepage-s2 .swiper-img{
      width: 100%
  }

  .homepage-s4 .swiper-text,  .homepage-s3 .swiper-text,  .homepage-s2 .swiper-text {
      position: relative;
      width: 100%;
      background: #f4f5f6
  }


  .homepage-s4 .swiper-text .swiper-slide ,  .homepage-s3 .swiper-text .swiper-slide ,  .homepage-s2 .swiper-text .swiper-slide {
      padding: 40px 24px 43px;
	  text-align:center;
  }



  .homepage-s2 .swiper-container-horizontal>.swiper-pagination-bullets{
      width: auto;
      left: 15vw;
      bottom: 15px;
	  height:auto;
  }

  .homepage-s3 .swiper-container-horizontal>.swiper-pagination-bullets{
      width: auto;
      left: 10vw;
      bottom:15px;
	  height:auto;
  }
  .homepage-s4 .swiper-container-horizontal>.swiper-pagination-bullets{
      width: auto;
      left: 15vw;
      bottom: 15px;
	  height:auto;
  }




  .homepage-s4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,   .homepage-s3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet ,  .homepage-s2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
      position: relative;
      width: 10vw;
      height: 2px;
      background: #fff;
      opacity: 1;
      margin: 0 8px 0 0
  }

  .homepage-s4 .swiper-pagination-bullet:after ,  .homepage-s3 .swiper-pagination-bullet:after,  .homepage-s2 .swiper-pagination-bullet:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 2px;
      background: #EE0616
  }
 

 .homepage-s4 .swiper-pagination-bullet:before , .homepage-s3 .swiper-pagination-bullet:before, .homepage-s2 .swiper-pagination-bullet:before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10vw;
  height: 2px;
  background: #ffffff;
}

.homepage-s4 .swiper-pagination-bullet.swiper-pagination-bullet-active:after ,  .homepage-s3 .swiper-pagination-bullet.swiper-pagination-bullet-active:after,  .homepage-s2 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
      -webkit-animation: bullentWidth-four 10s linear;
      animation: bullentWidth-four 10s linear
  }
  
  
@-webkit-keyframes bullentWidth-four {
  from {
      width: 0
  }

  to {
      width: 100%
  }
}

@keyframes bullentWidth-four {
  from {
      width: 0
  }

  to {
      width: 100%
  }
}
 





.section-content-ul{position: absolute;z-index: 2;right: 0;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;
    top:0vw;
    bottom:-54vw;
    left: 0;
    color: #fff;
	margin:5vw;
}

.section-content-ul ul li {
  float: left;
  width: 50%;
  height: 17vw;
  line-height:17vw;
  text-align: center;
  padding-right:5vw;
  padding-left:5vw;
  border-right: 1px solid #fff;
}

.section-content-ul .font20 {
    font-size:3.6vw;
	color:#ffffff;

  }

.section-content-ul .font40 {
    font-size: 6vw;
    font-weight: bold;
	color:#ffffff;
	margin-bottom:5vw;
  }

.section-content-ul ul li:nth-child(-n+10) {
  border-bottom: 1px solid #fff;
}


.section-content-ul ul li:nth-child(2n) {
  border-right: none;
}


}