.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 .sticky-content2{position:-webkit-sticky;position:sticky;top:0px;overflow:hidden;width:100%;height:220vh}

.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: 15 / 10){
.tr300 .sticky-content2{height:150vh}
}

@media (max-aspect-ratio: 11 / 10){
.tr300 .sticky-content2{height:148vh}
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:#e60012; line-height:1.5}
.tr300 .section-headline2{font-size:3vw;color:#fff; line-height:1.5}

.tr300 .section-headline-reduced{font-size:2.2vw;color:inherit}
.tr300 .main-section-performance .section-headline-reduced{font-size:1.6vw !important;color:inherit}

.tr300 .section-intro{font-size:1.4vw;color:#333;margin-top: 12px;}

.tr300 .section-intro-reduced{font-size:1.4vw;color:inherit}
.tr300 .section-headline+.section-intro{margin-top:12px}
.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}

.tr300 .section-intro2{font-size:1.4vw;color:#fff;margin-top: 12px;}


@media (max-aspect-ratio: 11 / 10){
.tr300 .section-headline,.tr300 .section-headline-reduced{font-size:7vw;margin-bottom:0vw}
.tr300 .section-headline2{font-size:7vw;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-headline-reduced{font-size:4.444444vw}
.tr300 .section-intro,.tr300 .section-intro-reduced{font-size:4.6vw;}
.tr300 .section-intro2{font-size:4.6vw;margin-bottom:4vw}
.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:8vw; background-color:#f1f1f1}
.tr300 .section-content-wrapper{position:relative;width:78vw;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:32vw;left:0vw; text-align:left;max-width:37vw;color:#444}
.tr300 .section-layout-row{text-align:center}
.tr300 .section-layout-row h2{ font-size:3vw;}

.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{transform:scale(0.5);transform-origin:center bottom;background-color:#000;}

.tr300 .section-super .section-content{position: absolute;z-index: 2;right: 0;top:auto;left: 0vw; display: flex;flex-direction: column;justify-content: center;align-items: center;}
	
.tr300 .section-super .section-content-1{align-items:center; bottom: 0vh;}
.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-gap{margin:8vw 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{right:0;left:0vw;display:flex;flex-direction:column; align-items:start; text-align:left}
.tr300 .section-super .section-content-1{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:2.5vw;letter-spacing:1.067708vw;font-weight:normal;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:8.611111vw;letter-spacing:1.944444vw}
.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:220vh}
.tr300 .section-tvc .section-brand-logo{z-index:3;width:calc(100% + 4px);height:calc(100% + 4px);margin:-2px 0 0 -2px}
.tr300 .section-tvc .watch-tvc{position:absolute;z-index:2;left:25vw;right:0;top:10vw;display:flex; justify-content:center; opacity:1; flex-direction:column;align-items:center;justify-content:center;
 width: 60vw;}
.tr300 .section-tvc .watch-tvc2{position:absolute;z-index:2;left:0vw;right:0; bottom:0;display:flex; justify-content:center; opacity:1; flex-direction:column;align-items:center;justify-content:center;
 width: 100vw}

big{font-size:3vw; line-height:2;font-weight:700;  color:#fff;  text-shadow: 3px 3px 3px rgb(0 0 0 / 85%);}
big2{font-size:1.4vw;line-height:1.6;color:#fff; text-shadow: 2px 2px 2px rgb(0 0 0 / 85%);}




.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;
}

.popup-video-button{line-height: 5;margin-top: 4vw;}
.popup-video-button img{width:10.9375vw}
.popup-video-button2 img{width:14vw}
.popup-video-button span{margin-left:0.78125vw;font-size:1.25vw;color:#fff}





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

.tr300 .section-tvc .watch-tvc{position:absolute;z-index:2;left:8vw;right:0;top:30vh;display:flex; justify-content:center; opacity:1; flex-direction:column;align-items:center;justify-content:center;
 width: 90vw;}
.tr300 .section-tvc .watch-tvc2{position:absolute;z-index:2;left:0vw;right:0; bottom:0;display:flex; justify-content:center; opacity:1; flex-direction:column;align-items:center;justify-content:center;
 width: 100vw}








.popup-video-button img{width:20vw}
.popup-video-button img2{width:36vw}
.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:center;line-height:1.8}



big{font-size:9vw; line-height:2;font-weight:700; color:#333;text-shadow: 3px 3px 3px rgb(0 0 0 / 5%);}
big2{font-size:4vw;line-height:1.8;font-weight:700;color:#333; text-shadow: 2px 2px 2px rgb(0 0 0 / 5%);}
big3{font-size:120%;line-height:1.2;font-weight:700;}
.popup-video-button2 img{width:50vw}


.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;height: 100vh;width: 100vw;background: #000;}
.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.777778vw;height:2.777778vw;padding:0}
.tr300 .section-popup-media video{width:100vw;height:100vh;}
@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-item5 .section-content5{opacity:1;visibility:inherit; z-index:99}

.tr300 .section-touchscreen .section-content{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-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:3vw;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:33vw;opacity:1;color:#fff; z-index:5}
.tr300 .section-touchscreen .section-content11{position:absolute;top:0;left:10vw;bottom:20vw;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:40vw;opacity:1;color:#fff}
.tr300 .section-touchscreen .section-content12{position:absolute;top:0;left:10vw;bottom:16vw;display:flex;overflow:hidden;flex-direction:column;justify-content:center;width:40vw;opacity:0;color:#fff}


.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:20%;right:9vw;bottom:0;display:flex;overflow:hidden;flex-direction:column;justify-content:start;width:29vw;opacity:0;color:#333}
.tr300 .page3 .section-content14{position:absolute;top:20%;right:9vw;bottom:0;display:flex;overflow:hidden;flex-direction:column;justify-content:start;width:29vw;opacity:1;color:#333; z-index:9}

.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:38%;right:15vw;bottom:0;display:flex;overflow:hidden;flex-direction:column;justify-content:start;width:34vw;opacity:0;color:#fff}
small{ font-size: 50%;font-weight: normal;}
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:24vw;right:0;bottom:0vw;left:5vw;width:90vw;height:35vh;align-items:center;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:24vw;right:0;left:8vw;width:80vw;height:27vh;align-items:center;justify-content: initial;}



.tr300 .section-touchscreen .section-content5{top:24vw;right:0;bottom:0vw;left:4vw;width:92vw;height:35vh;align-items:center;justify-content: initial; text-align:center}
.tr300 .section-touchscreen .section-content10{top:12vw;right:0;bottom:0vw;left:4vw;width:92vw;height:35vh;align-items:center;justify-content: center; text-align:center;     opacity: 1;}
.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:14vw;right:0;bottom:0vw;left:4vw;width:92vw;height:35vh;align-items:center;justify-content: initial; text-align:center}

.tr300 .page3 .section-content14{top:14vw;right:0;bottom:0vw;left:4vw;width:92vw;height:35vh;align-items:center;justify-content: center; text-align:center; z-index:9}

.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;bottom:20vw;left:8vw;width:84vw;justify-content:start;}
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(https://cdn.haojue.com/bocweb/products/DN150/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(https://cdn.haojue.com/bocweb/products/DN150/images/4-BX.png) no-repeat center/cover}
.tr300 .section-intelligent .section-item:nth-child(3) .section-media{background:url(https://cdn.haojue.com/bocweb/products/DN150/images/4-KB.png) no-repeat center/cover}
.tr300 .section-intelligent .section-item:last-child .section-media{background:url(https://cdn.haojue.com/bocweb/products/DN150/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:100vw;}
.tr300 .section-endurance-and-acceleration .aspect-ratio::before{padding-bottom:56.14286%}
.tr300 .section-endurance-and-acceleration .section-content{position:absolute;right:6.25vw;bottom:25vw;left:7.8125vw;width:30vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content2{position:absolute;right:6.25vw;bottom:9vw;left:7.8125vw;width:30vw;color:#fff}
.tr300 .section-endurance-and-acceleration .section-content4{position:absolute;left:10vw;top:10vw;width:34vw;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; }





@media (max-aspect-ratio: 11 / 10){.tr300 .section-endurance-and-acceleration .section-content-wrapper{width:100vw;}
.tr300 .section-endurance-and-acceleration .aspect-ratio::before{padding-bottom:208%}
.tr300 .section-endurance-and-acceleration .section-content{right:8vw;bottom:22vw;left:8vw;width:auto}
.tr300 .section-endurance-and-acceleration .section-content4{position:absolute;right:4vw;top:28vw;left:4vw;width:92vw;color:#fff; text-align:center}


.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-acceleration2 .section-content-wrapper{width:100vw;}
.tr300 .section-endurance-and-acceleration2 .aspect-ratio::before{padding-bottom:40%}
.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;right:5.4vw;bottom:20vw;width:30vw;color:#fff}
.tr300 .section-endurance-and-acceleration2 .section-content5{position:absolute;right:5.4vw;bottom:20vw;width:30vw;color:#fff}

.tr300 .section-endurance-and-acceleration3 .section-content-wrapper{width:100vw;}
.tr300 .section-endurance-and-acceleration3 .aspect-ratio::before{padding-bottom:107%}
.tr300 .section-endurance-and-acceleration3 .section-content{position: absolute; top: 8vw; left:25vw; right: 0;display: flex;flex-direction: column; align-items: center;justify-content: center; width:60vw}
.tr300 .section-endurance-and-acceleration3 .section-content2{position: absolute; bottom: 0vw; left:0vw; right: 0;display: flex;flex-direction: column; align-items: center;justify-content: center; width:100vw}




@media (max-aspect-ratio: 11 / 10){.tr300 .section-endurance-and-acceleration2 .section-content-wrapper{width:100vw; margin-top:0vw}
.tr300 .section-endurance-and-acceleration2 .aspect-ratio::before{padding-bottom:160%}
.tr300 .section-endurance-and-acceleration2 .section-content{right:8vw;bottom:22vw;left:8vw;width:auto}
.tr300 .section-endurance-and-acceleration2 .section-content4{right:8vw;bottom:35vw;left:8vw;width:auto}
.tr300 .section-endurance-and-acceleration2 .section-content5{right:8vw;bottom:24vw;left:8vw;width:auto}
}




.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:26vw}
.tr300 .section-technology .section-item1 .aspect-ratio::before{padding-bottom:91.09677%}
.tr300 .section-technology .section-item.section-item2{width:26vw;margin-top:0}
.tr300 .section-technology .section-item.section-item3{width:35vw;margin-top:0;}
.tr300 .section-technology .section-item.section-item4{width:65.35vw;margin-top:1vw}
.tr300 .section-technology .section-item4 .aspect-ratio::before{padding-bottom:36.5%}
.tr300 .section-technology .section-item.section-item5{width:23.15vw;margin-top:1vw}
.tr300 .section-technology .section-item.section-item6{width:41.75vw;margin-top:1vw}
.tr300 .section-technology .section-item6 .aspect-ratio::before{padding-bottom:56.5%}
.tr300 .section-technology .section-item.section-item7{width:46.75vw;margin-top:1vw}*/

.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-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:38vw;}
.tr300 .section-technology .section-item80 .aspect-ratio::before{padding-bottom:150%}
.tr300 .section-technology .section-item.section-item90{width:38vw;margin-top:20vw}
.tr300 .section-technology .section-content-inner .section-content30{max-width:38vw}


.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;}
.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-top:0}
.tr300 .section-technology .section-content-inner .section-content30{max-width:100vw;margin-top:10vw}
.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: #333;
}
.content-bottom h2 {
    font-size: 3vw;
    color: #333;
    /* 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.6vw;
    color: #333;
}
.content-bottom h2 {
    font-size: 7vw;
    color: #333;
    margin-top: 2vw;
}


}


.section-content-ul{position: absolute;z-index: 2;right: 0;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;
    top:0vw;
    left: 0;
    color: #e60012;
	margin:3vw 10vw;
}
 
.section-content-ul2{position: absolute;z-index: 2;right:0;display: block;flex-direction: column; top:0vw;left:0;margin:7vw 10vw; background-image: linear-gradient(to bottom, #333333 var(--gradient-progress-1), rgba(51,51,51,0) var(--gradient-progress-2));will-change: scroll-position;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;}
 

.section-content-ul ul {
  width: 100%;
  margin: 0 auto;
  margin-top: 0vw;
}
.section-content-ul ul li {
  float: left;
  width: 25%;
  height: 8vw;
  line-height:8vw;
  text-align: center;
  padding-right:3vw;
  padding-left:3vw;
  border-right: 1px solid #333;
}
.section-content-ul ul li:nth-child(-n+8) {
  border-bottom: 1px solid #333;
}

.section-content-ul ul li:nth-child(4n-3) {
  padding-left:0vw;
}

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

  }
.font40 {
    font-size: 3vw;
    font-weight: bold;
	color:#e60012;
	margin-bottom:2vw;
  }
.font50 {
    font-size: 4.5vw;
    font-weight: bold;
	color:#333;
	line-height:1.5;
  } 
.font30 {
    font-size: 2vw;
    font-weight: bold;
	color:#333;
	line-height:2;
  } 
  
 .font31 {
    font-size: 2vw;
    font-weight: bold;
	color:#333;
	line-height:2;
	margin-top:3vw;
  } 
  
 .jianju {
	margin:10vw 0
}
 .section-design-2 .section-intro20{position: absolute;
    right: 0;
    bottom: 1vw;
    left: 0;
    text-align: center;
    color: #fff;}


@media (max-aspect-ratio: 11 / 10){
.jianju {
	margin:15vw 0
}

.font20 {
    font-size:3.6vw;
	color:#333;

  }

.section-content-ul .font40 {
    font-size: 7vw;
    font-weight: bold;
	color:#e60012;
	margin-bottom:5vw;
  }
  
  
.font50 {
    font-size: 8vw;
    font-weight: bold;
	color:#333;
	line-height:1.6;
  } 
.font30 {
    font-size: 5vw;
    font-weight: bold;
	color:#333;
	line-height:2.2;
  } 
  
 .font31 {
    font-size: 5vw;
    font-weight: bold;
	color:#333;
	line-height:2.2;
	margin-top:10vw;
  } 
  .section-content-ul2{position: absolute;z-index: 2;right:0;display: block;flex-direction: column; top:0vw;left:0;margin:20vw 8vw; background-image: linear-gradient(to bottom, #333333 var(--gradient-progress-1), rgba(51,51,51,0) var(--gradient-progress-2));will-change: scroll-position;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;}
 .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: 16vw;
    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 #333;
}



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


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

 .section-design-2 .section-intro20{position: absolute;
    right: 0;
    bottom: 1vw;
    left: 0;
    text-align: center;
    color: #fff;}

} 






.DL150CSS .section-row {
	display:flex;
	flex-wrap:wrap
}
.DL150CSS .cursor-item {
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	width:3.125vw;
	height:3.125vw;
	margin-top:-1.5625vw;
	margin-left:-1.5625vw;
	pointer-events:none;
	will-change:transform
}

.DL150CSS {
	background-color:#F5FAFE
}

.DL150CSS .section-design-2 .section-content-row {
	width:22.708333vw;
	padding-top:0
}
.DL150CSS .section-design-2 .section-design-wrapper {
	margin-top:4.166667vw
}
.DL150CSS .section-design-2 .swiper-slide-content {
	align-items:flex-start;
	justify-content:space-between;
	width:90vw;
	margin:0 auto
}
.DL150CSS .section-design-2 .section-item {
	overflow:hidden;
}
.DL150CSS .section-design-2 .section-item:hover .section-picture {
	transform:scale(1.2)
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item {
	width:48.270833vw
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item::before {
	padding-bottom:calc(100% / (850 / 735))
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item:nth-child(1) {
	clip-path:polygon(0% 0%,100% 0%,80% 100%,0% 100%)
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item:nth-child(1) .section-intro {
	margin-left:-7.8125vw
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item:nth-child(2) {
	margin-left:-7.8125vw;
	clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%)
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item .section-intro {
	bottom:3.541667vw;
	font-size:1.666667vw
}
.DL150CSS .section-design-2 .swiper-modal-2 .section-item {
	width:20.90625vw
}
.DL150CSS .section-design-2 .swiper-modal-2 .section-item::before {
	padding-bottom:calc(100% / (360 / 675))
}
.DL150CSS .section-design-2 .swiper-modal-2 .section-item:nth-child(1),.DL150CSS .section-design-2 .swiper-modal-2 .section-item:nth-child(3) {
	margin-top:3.020833vw
}
.DL150CSS .section-design-2 .section-picture {
	transition:transform .5s
}
.DL150CSS .section-design-2 .section-intro {
	position:absolute;
	right:0;
	bottom:3vw;
	left:0;
	text-align:center;
	color:#fff
}
.DL150CSS .section-design-2 .section-button {
	margin-top:3.385417vw;
	text-align:center
}
.DL150CSS .section-design-2 .section-button .button {
	padding:.520833vw 1.875vw;
	font-size:.9375vw
}
@media (max-aspect-ratio:11 / 10) {
	.DL150CSS .section-design-2 .section-content-row {
	width:60.555556vw
}
.DL150CSS .section-design-2 .section-design-wrapper {
	margin-top:11.111111vw
}
.DL150CSS .section-design-2 .swiper-slide-content {
	width:90.277778vw
}
.DL150CSS .section-design-2 .section-item:hover .section-picture {
	transform:scale(1)
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item {
	width:100%;
	margin:0
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item::before {
	padding-bottom:calc(100% / (975 / 638))
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item:nth-child(1) {
	clip-path:none
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item:nth-child(1) .section-intro {
	margin-left:0
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item:nth-child(2) {
	margin-top:4.166667vw;
	margin-left:0;
	clip-path:none
}
.DL150CSS .section-design-2 .swiper-modal-1 .section-item .section-intro {
	font-size:4vw
}
.DL150CSS .section-design-2 .swiper-modal-2 .section-item {
	width:43.055556vw;
	height:36vh
}
.DL150CSS .section-design-2 .swiper-modal-2 .section-item::before {
	padding-bottom:calc(100% / (465 / 600))
}
.DL150CSS .section-design-2 .swiper-modal-2 .section-item:nth-child(1) {
	margin-top:6.944444vw
}
.DL150CSS .section-design-2 .swiper-modal-2 .section-item:nth-child(3) {
	margin-top:4.166667vw
}
.DL150CSS .section-design-2 .swiper-modal-2 .section-item:nth-child(4) {
	margin-top:-2.777778vw
}
.DL150CSS .section-design-2 .section-intro {
	bottom:6vw
}
.DL150CSS .section-design-2 .section-button {
	margin-top:6.944444vw
}
.DL150CSS .section-design-2 .section-button .button {
	padding:2.5vw 6.25vw;
	font-size:3.333333vw;
	color:#000
}
.DL150CSS .section-design-2 .section-button .button::after {
	height:0
}
}