@charset "utf-8";
.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
}

.section-content-ul2{position: absolute;z-index: 2;right:0;display: flex;flex-direction: column; top:0vw;left:0;margin:5vw 20vw; }
.font50 {font-size: 6vw;font-weight: bold;color:#333;line-height:1.2;text-align:left; 
background-image:linear-gradient(310deg, #F2C94C var(--gradient-progress-1), #F2994A var(--gradient-progress-2));
will-change: scroll-position;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
} 


.font40 {font-size:2vw;color:#333;line-height:2;text-align:center;} 
.font30 {font-size: 1.6vw;font-weight: bold;color:#333;line-height:2;text-align:left; } 


@media (max-aspect-ratio:11 / 10) {
.section-content-ul2{position: absolute;z-index: 2;right:0;display: flex;flex-direction: column; top:0vw;left:0;margin:20vw 8vw; }

 .font50 {
    font-size: 12vw;
    font-weight: bold;
	color:#fff;
	line-height:1.2;
	text-align:left;
  } 

.font40 {font-size:6vw;font-weight: bold;color:#333;line-height:1.8;text-align:left;
} 
.font30 {font-size:3.6vw;font-weight: bold;color:#333;line-height:2;text-align:left; } 




	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-ratio2 {
	position:relative;
	margin-top:-1px;
	line-height:1;
}
.tr300 .aspect-ratio3 {
	position:relative;
	margin-top:-10px;
}
.tr300 .aspect-ratio::before {
	content:'';
	display:block
}
.tr300 .aspect-ratio2::before {
	content:'';
	display:block
}
.tr300 .aspect-ratio3::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: 2.4vw;
    color: inherit;
    line-height: 1.5;
    font-weight: normal;

}

.tr300 .section-content21 .section-headline {
	display:flex;
	align-items:end;
	 line-height: 1;
}

.tr300 .section-content13 .section-headline {
	display:flex;
	align-items:end;
	 line-height: 1;
}
.tr300 .section-content13 .section-intro{ 
margin-right:-1vw; font-size:2vw;
}
.tr300 .section-content21 .section-intro{ 
margin-left:3vw; font-size:2vw;
}

.tr300 .section-headline3{
	font-size:2vw;
	color:inherit;
	line-height:1.2;
	font-weight:bold;
}

.tr300 .section-headline2 {
	font-size:3vw;
	color:inherit
}
.tr300 .section-headline-reduced {
	font-size:2vw;
	color:inherit
}
.tr300 .section-headline-reduced2 {
	font-size:5vw;
	color:inherit
}
.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;
}
.tr300 .section-intro2 img {
	width:2vw;
	vertical-align:middle;
}
.tr300 .section-intro3 {
	position:absolute;
	bottom:5vw;
	left:0;
	right:1vw;
	font-size:0.8vw;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	color:#afafaf;
	z-index:3;
}

.tr300 .section-intro4 {
	margin: 2vw 0;
    font-size: 2vw;
    flex-direction: column;
    justify-content: center;
    color: #333;
    z-index: 3;
	position:fixed;
}
.tr300 .section-intro-reduced {
	font-size:1.2vw;
	color:inherit
}

.tr300 .section-headline-reduced+.section-intro,.tr300 .section-headline-reduced+.section-intro-reduced {
	margin-top:1vw
}
.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-content13 .section-headline {
	display:flex;
	align-items:end;
	 line-height: 1;
}
.tr300 .section-content13 .section-headline { font-size:9vw;
}
.tr300 .section-content21 .section-headline { font-size:9vw;
}
.tr300 .section-intro3 {
	font-size:2vw;
	right:5vw;
}
.tr300 .section-intro2 {
	font-size:3.6vw;
	color:inherit;
	line-height:9vw;
	margin-top:10px;
	margin-bottom:0px
}
.tr300 .section-intro4 {
	margin: 4vw 0;
    font-size: 6vw;
    flex-direction: column;
    justify-content: center;
	text-align:left;
    color: #333;
    z-index: 3;
	line-height:1.2;
	position:fixed;
}
.tr300 .section-intro2 img {
	width:4vw;
	margin-right:1vw;
	vertical-align:middle;
}

.tr300 .section-headline,.tr300 .section-headline-reduced {
	font-size:6vw;
	margin-bottom:0vw;
	color:#FFFFFF;
	line-height:1;
}
.tr300 .section-content13 .section-intro {
    margin-left:12vw;
    font-size: 6vw;
	color:#FFFFFF;
}
.tr300 .section-content21 .section-intro{
    margin-left:12vw;
    font-size: 6vw;
	color:#FFFFFF;
}
.tr300 .section-headline-reduced2 {
	font-size:12vw;
	color:inherit
}


.tr300 .section-headline2 {
	font-size:8vw;
	color:inherit
}
.tr300 .section-headline3{
	font-size:8vw;
	color:inherit;
	font-weight:500;
	
}

.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:6vw
}
.tr300 .section-intro,.tr300 .section-intro-reduced {
	font-size:3.6vw;
	line-height:1.5;
}
.tr300 .section-intro {
	margin-top:4vw;
	font-size: 4vw;
}
.tr300 .section-headline {
	margin-top:4vw;
	font-size: 6vw;
}

.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:0;
}
.tr300 .section-content-wrapper {
	position:relative;
	width:100vw;
	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-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;
    bottom: 1vw;
    left: 0vw;
    text-align: center;
    max-width: 49.5vw;
    color: #fff;
    padding-top: 1vw;
    height: 5vw;
    background-color: #0000005e;
}
.tr300 .section-content-inner .section-content300 {
	position: absolute;
    right: 0vw;
    top: 5vw;
    left: 0vw;
    text-align: center;
    color: #333;
    height: 5vw;
}
.tr300 .section-layout-row {
	text-align:center;
	
}
.tr300 .section-layout-row h2 {
	font-size:5vw;
	padding-top:5vw;
	color:#333;
}

.tr300 .section-layout-row h3 {
	font-size:3vw;
	padding-top:5vw;
	color:#333;
	font-weight:bold;
}
.tr300 .section-layout-row .section-intro {
	width:42.708333vw;
	margin:2vw auto 2vw
}
.tr300 .main-section-design,.tr300 .main-section-experience {
	padding-bottom:0vw;
	background-color:#000;
}
.tr300 .section-performance {
	margin-top:0px;
	background-color:#ffffff
}
.tr300 .section-super .sticky-wrapper {
	height:110vh
}
.tr300 .section-super .section-super-anchor {
	position:absolute;
	top:50vh
}
.tr300 .section-super .section-media {
	transform:scale(1);
	transform-origin:center bottom;
    background-color:#000;
}
.tr300 .section-super .section-content {
	position:absolute;
	z-index:2;
	right:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.tr300 .section-super .section-content-1 {
    width:50vw;
	align-items:center;
	text-align:center;
	top:15vh;
	left:0vw;
}
.tr300 .section-super .section-content-2 {
	width:80vw;
	align-items:center;
	text-align:center;
	bottom:10vh;
	right:0vw;
}
.tr300 .section-super .section-content-3 {
    width:80vw;
}
.tr300 .section-super .section-headline-super {
	font-size:3vw;
	white-space:nowrap;
	font-weight:normal;
	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;
	margin-top:2vw;
	line-height:2
}
.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-content-inner .section-content300 {
	position: absolute;
    right: 0vw;
    top: 1.5rem;
    left: 0vw;
    text-align: center;
    color: #333;
    height: 5vw;
}
.tr300 .section-content-inner .section-content30 {
    position: absolute;
    right: 0vw;
    bottom: 3vw;
    left: 0vw;
    text-align: center;
    color: #fff;
    padding-top: 2vw;
    height: 10vw;
    background-color: #0000005e;
}


.tr300 .section-layout-row h3 {
	font-size:6vw;
	padding-top:10vw;
	color:#333;
	font-weight:bold;
}


	.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:12vw;
	margin-top:10vw;
	margin-bottom:0vw;
	padding-top:10vw;
}
.tr300 .section-gap {
	margin:0vw 0;
	padding:0vw;
}
.tr300 .section-content-wrapper {
	width:84vw
}
.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:80vw;
	margin:4vw auto 12vw;
	color:#333;
}
.tr300 .main-section-design,.tr300 .main-section-experience {
	padding-bottom:0vw
}
.tr300 .section-super .section-content {
	top:0;
	right:0;
	bottom:32vw;
	left:5vw;
	width:90vw;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:start;
	text-align:center
}
.tr300 .section-super .section-content-1 {
	bottom:0vw;
	align-items:center;
}
.tr300 .section-super .section-content-2 {
	left:8vw
}
.tr300 .section-super .section-headline-super {
	font-size:8vw;
	font-weight:normal;
}
.tr300 .section-super .section-headline-super4 {
	font-size:8vw
}
.tr300 .section-super .section-headline-super1 {
	font-size:8vw;
	white-space:nowrap;
	color:#fff
}
.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:96vw;
	margin-top:6vw;
	line-height:1.8;
}
.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-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;
	right:0;
	bottom:0;
	left:0;
	display:flex;
	justify-content:center;
	opacity:0
}
.tr300 .section-tvc .watch-tvc-text {
	font-size:1.8vw;
	white-space:nowrap;
	color:#fff;
	text-align:center;
	line-height:2;
	text-shadow:4px 4px 3px rgb(0 0 0 / 50%);
}
big {
	font-size:4vw;
	line-height:2;
	
}
big4 {
	font-size:4vw;
	line-height:2;
	
}
big2 {
	font-size:6vw;
	line-height:1;
}
big3 {
	font-size:100%;
	line-height:9;
	font-weight:700;
}
.img3 {
	width:40vw !important;
}
.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;
}
.yinchang2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999;
}
.popup-video-button img {
	width:12vw;
	margin-top:3vw;
}
.popup-video-button2 {
	display:flex;
	text-shadow:2px 2px 1px rgb(0 0 0 / 50%);
	align-items:center;
}
.popup-video-button2 img {
	width:14vw
}
.popup-video-button2 span {
	margin-left:0.78125vw;
	font-size:2vw;
	color:#fff
}
@media (max-aspect-ratio:11 / 10) {
	.tr300 .section-tvc .watch-tvc {
	position:absolute;
	z-index:2;
	right:0;
	bottom:20vh;
	left:0;
	display:flex;
	justify-content:center;
	opacity:0
}
.popup-video-button img {
	width:42vw;
	margin-top:8vw;
}
.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:5vw;
	white-space:nowrap;
	color:#fff;
	text-align:center;
	line-height:1.8;
	text-shadow:2px 2px 1px rgb(0 0 0 / 50%);
}
big {
	font-size:12vw;
	line-height:2;

}
big4 {
	font-size:9vw;
	line-height:2;

}
big2 {
	font-size:16vw;
	line-height:1;
}
big3 {
	font-size:120%;
	line-height:8;
	font-weight:700;
}
.popup-video-button2 img {
	width:40vw
}
.ztys {
	font-size:6vw;
	line-height:2;
	font-weight:700;
}
.img3 {
	width:80% !important;
}
}.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.777778vw;
	height:2.777778vw;
	padding:0
}
.tr300 .section-popup-media video {
	width:auto;
	max-height:100vh;
	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:100%;

	margin:0; 
	overflow:hidden;
}
.tr300 .section-details .aspect-ratio::before {
	padding-bottom:56%
}

.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;
	display:flex;
	cursor:pointer;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
}
.tr300 .section-details .gallery-button {
	transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1);
	outline:0;
	width:3vw;
	opacity:.6;
}
.tr300 .section-details .gallery-button.swiper-button-disabled {
	opacity:.2;
}
.tr300 .section-details .gallery-button-next {
	right:5vw;
}
.tr300 .section-details .gallery-button-prev {
    left:5vw;
}



.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:0;
	background-color:#313639;
}
.tr300 .section-details .aspect-ratio {
	margin-top:0vw
}
.tr300 .section-details .aspect-ratio::before {
	padding-bottom:145%
}
.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: absolute;
    display: flex;
    justify-content: center;
    bottom: 3vw;
    align-items: center;
    width: 100vw;
}
.tr300 .section-details .swiper-pagination-bullet {
	margin:1.388889vw;
	cursor:default;
	outline:0;     
	opacity: .5;
}
.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:54%
}
@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:80%
}
.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:120vh
}
.tr300 .section-touchscreen4 .sticky-wrapper {
	height:150vh
}
.tr300 .section-touchscreen3 .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:70vw;
	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-item50 .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;
	z-index:99;
}
.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-content {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	overflow:hidden;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	width:100vw;
	opacity:1;
	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;
	color:#fff;
	z-index:2;
}
.tr300 .section-touchscreen .section-content2 {
	position: absolute;
    top: 0;
    left: 10vw;
    bottom: 15vw;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    width: 40vw;
    opacity: 1;
    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:20vw;
	right:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:#fff;
	width:60vw;
	text-align:center;
	z-index:2;
}
.tr300 .section-touchscreen .section-content12 {
  position:absolute;
	top:5vw;
	left:0;
	right:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:#fff;
	z-index:2;
}

.tr300 .section-touchscreen .section-content50 {
    position:absolute;
	top:5vw;
	left:10vw;
	right:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	color:#333;
	z-index:2;
}


.tr300 .section-touchscreen .section-content12 p{
	color:#fff;
}
.tr300 .section-touchscreen .section-content21 p{
	color:#fff;
}

.tr300 .section-touchscreen .section-content13 {
    position:absolute;
	top:16vw;
	left:0;
	right:20vw;
	display:flex;
	flex-direction:column;
	align-items:end;
	justify-content:center;
	color:#fff;
	z-index:2;
}
.tr300 .section-touchscreen .section-content13 img{
width:2vw;
}
.tr300 .section-touchscreen .section-content21 img{
width:2vw;
}
.tr300 .section-touchscreen .section-content14 {
	position:absolute;
	right:40vw;
	bottom:5vw;
	display:flex;
	overflow:hidden;
	flex-direction:column;
	justify-content:start;
	width:20vw;
	color:#333
}
.tr300 .section-touchscreen .section-content21 {
	position:absolute;
	top:16vw;
	left:16vw;
	right:0vw;
	display:flex;
	flex-direction:column;
	align-items:start;
	justify-content:center;
	color:#fff;
	z-index:2;
}
.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: 4vw;
    left: 20vw;
    bottom: 0;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: start;
    width: 60vw;
    line-height: 3;
    text-align: center;
    color: #333;
}

small2 {
	font-size:50%;
}
@media (max-aspect-ratio:11 / 10) {
	.tr300 .section-touchscreen {
	margin-top:-2px
}
.tr300 .section-touchscreen .section-content13 img{
    width: 7vw;
}
.tr300 .section-touchscreen .section-content21 img{
    width: 7vw;
}
.tr300 .section-touchscreen2 {
	margin:0vw 0
}

.tr300 .section-touchscreen .section-content50 {
    position:absolute;
	top:25vw;
	left:0vw;
	right:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	color:#333;
	text-align:center;
	z-index:2;
}



.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:20vh;
	right:0;
	bottom:0vw;
	left:10vw;
	width:80vw;
	height:auto;
	align-items:start;
	justify-content:initial;
}


.tr300 .section-touchscreen .section-content1 {
	right: 0;
    top: 10vw;
    left: 8vw;
    width: 84vw;
    height: 30vh;
    text-align: center;
    justify-content: center;
	color:#fff;
}
.tr300 .section-touchscreen .section-content11{
	right: 0;
    top: 10vw;
    left: 8vw;
    width: 84vw;
    height: 30vh;
    text-align: center;
    justify-content: center;
	color:#fff;
}
.tr300 .section-touchscreen .section-content12 {
	right: 0;
    bottom:5vw;
    left: 8vw;
    width:84vw;
    height: 30vh;
    text-align: center;
    justify-content: center;
}
.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 {
	right: 0;
    top: 10vw;
    left: 10vw;
    width: 80vw;
    height: 32vh;
    text-align: center;
    justify-content: center;
	color:#333;
	align-items: start;
}
.tr300 .section-touchscreen .section-content14 {
	right: 5vw;
    left: 5vw;
    width: 90vw;
    height: 20vh;
    text-align: center;
    justify-content: center;
}
.tr300 .section-touchscreen .section-content21 {
	right: 0;
    top: 5vw;
    left: 10vw;
    width: 90vw;
    height: 40vh;
    text-align: center;
    justify-content: center;
}
.tr300 .section-touchscreen .section-content31 {
	top:auto;
	right:0;
	top:10vw;
	bottom:0vw;
	left:5vw;
	width:90vw;
	height:40vh;
	align-items:center;
	justify-content:center;
	text-align:center
}
.tr300 .section-touchscreen .section-content32 {
	top:20vw;
	right:0;
	left:6vw;
	width:88vw;
	height:27vh;
	align-items:center;
	justify-content:center;
	text-align:center;
}
small2 {
	font-size:50%;
}
}.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/NFR125/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/NFR125/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/NFR125/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/NFR125/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:4vw 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:3.6vw;
	white-space:nowrap;
	opacity:0.6;
	color:#333;
	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:#00EAFF;
}
.tr300 .section-swiper-xs .swiper-pagination-bullet-active {
	opacity:1;
	font-weight: 700;
}
.tr300 .section-swiper-xs .section-intro-wrapper {
	display:flex;
	margin:0 8vw
}
.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;
	margin:20vw 0;
}
}.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:100%;
}
.tr300 .section-endurance-and-acceleration .aspect-ratio2::before {
	padding-bottom:0%
}
.tr300 .section-endurance-and-acceleration .aspect-ratio::before {
	padding-bottom:56%
}

.tr300 .section-endurance-and-acceleration .aspect-ratio3::before {
	padding-bottom:0%
}

.tr300 .section-endurance-and-acceleration .aspect-ratio4::before {
	padding-bottom:30%
}
.tr300 .section-endurance-and-acceleration .aspect-ratio6::before {
	padding-bottom:30%
}

.tr300 .section-endurance-and-acceleration .aspect-ratio5::before {
	padding-bottom:20%
}

.tr300 .section-endurance-and-acceleration .section-content {
	position: absolute;
    right: 10vw;
    top: 5vw;
    text-align: center;
    width: 80vw;
    left: 10vw;
    color: #fff;
    line-height: 2;
}

.tr300 .section-touchscreen3{ background-color:#030117}

.tr300 .section-touchscreen3 .section-content20 {
	position: absolute;
    right: 0vw;
    top: 0vw;
    text-align: center;
	overflow:hidden;
}
.tr300 .section-super .section-headline-super4 {
	font-size:4vw;
	white-space:nowrap;
	color:#fff
}
.tr300 .section-touchscreen3 .section-headline-super3 {
	font-size:2vw;
	white-space:nowrap;
	color:#fff;
	text-align:center;
}
.tr300 .section-touchscreen3 .section-content20 img{
    width: auto;
	height:100vh;
    max-width: initial;
}



.tr300 .section-endurance-and-acceleration .section-content20 {
	position: absolute;
    right: 0vw;
    top: 0vw;
    text-align: center;
    width: 30vw;
	height:100%;
	overflow:hidden;
}

.tr300 .section-endurance-and-acceleration .section-content2 {
	position:absolute;
	right:6.25vw;
	top:10vw;
	left:10vw;
	width:40vw;
	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-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-content7 {
	position:absolute;
	left:10vw;
	top:5vw;
	width:24vw;
	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-aspect-ratio:11 / 10) {
.tr300 .section-touchscreen3 .section-headline-super3{
font-size: 6vw;
text-align:left;
line-height: 2;
}
.tr300 .section-touchscreen3 .section-content20 img{
    width: auto;
	height:0;
	opacity:0;
   
}


	.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:210%
}
.tr300 .section-endurance-and-acceleration .aspect-ratio2::before {
	padding-bottom:0%
}
.tr300 .section-endurance-and-acceleration .aspect-ratio4::before {
	padding-bottom:100%
}
.tr300 .section-endurance-and-acceleration .aspect-ratio5::before {
	padding-bottom:55%
}
.tr300 .section-endurance-and-acceleration .aspect-ratio6::before {
	padding-bottom:80%
}
.tr300 .section-endurance-and-acceleration .section-content {
	right:10vw;
	top:20vw;
	left:10vw;
	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:10vw;
	top:20vw;
	bottom:20vw;
	left:10vw;
	width:80vw;
	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:20vw;
	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-acceleration .section-content-sj1 {
	position:absolute;
	bottom:15vw;
	left:10vw;
	right:0;
	display:flex;
	width:80vw;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	color:#fff;
	text-align:center
}
.tr300 .section-endurance-and-acceleration .section-content-sj2 {
	position:relative;
	bottom:10vw;
	left:5vw;
	right:0;
	height:25vh;
	display:flex;
	width:90vw;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	color:#333;
	text-align:center;
}
.tr300 .section-endurance-and-acceleration .section-content-sj3 {
	position:relative;
	bottom:10vw;
	left:5vw;
	right:0;
	height:28vh;
	display:flex;
	width:90vw;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	color:#333;
	text-align:center;
}
.tr300 .section-endurance-and-acceleration .section-content-sj4 {
    position:relative;
	bottom:10vw;
	left:5vw;
	right:0;
	height:28vh;
	display:flex;
	width:90vw;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	color:#333;
	text-align:center;
}
}.tr300 .section-endurance-and-acceleration2 .section-content-wrapper {
	width:100vw;
	
}
.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:90vw;
	margin-top:5vw
}

.tr300 .section-endurance-and-acceleration3 .aspect-ratio::before {
	padding-bottom:49%
}
.tr300 .section-endurance-and-acceleration3 .section-content {
	position:absolute;
	right:0.4vw;
	bottom:20vw;
	width:20vw;
	color:#333
}
@media (max-aspect-ratio:11 / 10) {
	.tr300 .section-endurance-and-acceleration3 .aspect-ratio::before {
	padding-bottom:125%
}
.tr300 .section-endurance-and-acceleration3 .section-content-wrapper {
	width:90vw;
	margin-top:40vw
}
.tr300 .section-endurance-and-acceleration3 .section-content {
	position:absolute;
	top:-27vw;
	display:flex;
	width:100%;
	flex-direction:column;
	align-items:center;
	justify-content:start;
	color:#333
}
.tr300 .section-endurance-and-acceleration2 .section-content-wrapper {
	margin-top:80vw
}
.tr300 .section-endurance-and-acceleration2 .aspect-ratio::before {
	padding-bottom:180%
}
.tr300 .section-endurance-and-acceleration2 .section-content {
	right:8vw;
	bottom:22vw;
	left:8vw;
	width:auto
}
.tr300 .section-endurance-and-acceleration2 .section-content4 {
	position:absolute;
	top:-27vw;
	display:flex;
	width:100%;
	flex-direction:column;
	align-items:center;
	justify-content:start;
	color:#333;
	left:0;
}
.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: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:49%;
}
.tr300 .section-technology .section-item8 .aspect-ratio::before {
	padding-bottom:100%
}
.tr300 .section-technology .section-item.section-item9 {
	width:49%;
}
.tr300 .section-technology .section-item.section-item80 {
	width: 49.5vw;
    margin-top: 1vw;
}
.tr300 .section-technology .section-item80 .aspect-ratio::before {
	padding-bottom:70%
}
.tr300 .section-technology .section-item.section-item90 {
	width: 49.5vw;
    margin-top: 1vw;
}
.tr300 .section-technology .section-content-inner .section-content30 {
	max-width:49.5vw
}
.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-item8 .aspect-ratio::before {
	padding-bottom:42vh;
}
.tr300 .section-technology .section-item.section-item8 {
	width:100%;
}
.tr300 .section-technology .section-item.section-item9 {
	width:100%;
}
.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:89%
}
.tr300 .section-technology .section-item90 .aspect-ratio::before {
	padding-bottom:89%
}
.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-top {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.content-top img {
	width:100%;
	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:#333;
	margin-top:0;
}
.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;
	bottom:2vw;
	left:0;
	color:#fff;
	margin:auto;
	width:1200px;
}
@media (max-width:1440px) {
.section-content-ul {width:1000px;}
}

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

.section-content-ul ul li:nth-child(5n) {
	border-right:none;
}
.section-content-ul .font20 {
	font-size:16px;
	color:#333;
}
.section-content-ul .font60 {
	font-size:4vw;
	font-weight:bold;
	color:#ffffff;
	margin-bottom:5vw;
}
.homepage-s2, .homepage-s5{
	margin:5vw 10vw;
	overflow:hidden;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.homepage-s3 {
	margin:5vw 10vw;
	overflow:hidden;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.homepage-s4 {
	margin:5vw 10vw 0 10vw;
	padding-bottom:10vw;
	overflow:hidden;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.homepage-s2 img,.homepage-s3 img,.homepage-s4 img ,.homepage-s5 img{
	display:block;
}
.homepage-s2 .swiper-img ,.homepage-s5 .swiper-img{
	width:100%;
	display:block;
}


.homepage-s3 .swiper-img,.homepage-s4 .swiper-img {
	width:40vw;
	display:block;
}
.homepage-s2 .swiper-container-horizontal>.swiper-pagination-bullets {
	width:auto;
	left:31vw;
	bottom:12vw;
	height:auto;
}

.homepage-s5 .swiper-container-horizontal>.swiper-pagination-bullets {
	width:auto;
	left:31vw;
	bottom:12vw;
	height:auto;
}
.homepage-s3 .swiper-container-horizontal>.swiper-pagination-bullets{
	width:auto;
	left:6vw;
	bottom:2vw;
	height:auto;
}
.homepage-s4 .swiper-container-horizontal>.swiper-pagination-bullets {
	width:auto;
	left:9vw;
	bottom:2vw;
	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 ,.homepage-s5 .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 ,.homepage-s5 .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 ,.homepage-s5 .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 ,.homepage-s5 .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-s3 .swiper-text{
	width:40vw;
	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-s2 .swiper-text {
	position: absolute;
    top: 30vw;
    text-align: center;
    width: 100%;
    color: #fff;
	z-index:2;
	overflow:hidden;
}
.homepage-s5 .swiper-text {
	position: absolute;
    top: 30vw;
    text-align: center;
    width: 100%;
    color: #fff;
	z-index:2;
	overflow:hidden;
}


.homepage-s4 .swiper-text {
	width:40vw;
	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-s3 .swiper-text .swiper-slide{
	padding:10vw 5vw;
}
.homepage-s2 .swiper-text .swiper-slide{
	padding:7vw 15vw;
}
.homepage-s5 .swiper-text .swiper-slide{
	padding:4vw 15vw;
}


.homepage-s4 .swiper-text .swiper-slide {
	padding:10vw 5vw;
}
.homepage-s2 .swiper-bg-img,.homepage-s3 .swiper-bg-img,.homepage-s4 .swiper-bg-img ,.homepage-s5 .swiper-bg-img{
	position:absolute;
	width:50vw;
	height:100%;
	left:50vw;
}
@media (max-aspect-ratio:11 / 10) {
	.homepage-s4 {
	width:90vw;
	margin-left:5vw;
	padding-bottom:20vw;
	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-reverse;
	flex-direction:column-reverse
}
.homepage-s2 {
	width:100vw;
	margin:0vw;
	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-s5 {
	width:100vw;
	margin:0vw;
	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{
	width:90vw;
	margin:5vw;
	padding-right:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column-reverse;
	flex-direction:column-reverse
}
.homepage-s4 .swiper-img,.homepage-s3 .swiper-img,.homepage-s2 .swiper-img ,.homepage-s5 .swiper-img{
	width:100%
}
.homepage-s4 .swiper-text,.homepage-s3 .swiper-text{
	position:relative;
	width:100%;
	background:#f6f6f6;
}

.homepage-s2 .swiper-text {
	position: absolute;
    top: 120vw;
    text-align: center;
    width: 100%;
    color: #fff;
    z-index: 2;
    overflow: hidden;
}
.homepage-s5 .swiper-text {
	position: absolute;
    top: 120vw;
    text-align: center;
    width: 100%;
    color: #fff;
    z-index: 2;
    overflow: hidden;
}

.homepage-s4 .swiper-text .swiper-slide,.homepage-s3 .swiper-text .swiper-slide,.homepage-s2 .swiper-text .swiper-slide ,.homepage-s5 .swiper-text .swiper-slide{
	padding:40px 32px 43px;
	text-align:center;
}
.homepage-s2 .swiper-container-horizontal>.swiper-pagination-bullets {
	width:auto;
	left:33vw;
	bottom:55vw;
	height:auto;
}
.homepage-s5 .swiper-container-horizontal>.swiper-pagination-bullets {
	width:auto;
	left:33vw;
	bottom:55vw;
	height:auto;
}
.homepage-s3 .swiper-container-horizontal>.swiper-pagination-bullets {
	width:auto;
	left:15vw;
	bottom:15px;
	height:auto;
}
.homepage-s4 .swiper-container-horizontal>.swiper-pagination-bullets {
	width:auto;
	left:22vw;
	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 ,.homepage-s5 .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 ,.homepage-s5 .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 ,.homepage-s5 .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 ,.homepage-s5 .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:20vw;
	left:0;
	color:#333;
	margin:5vw;
	width:auto
}
.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 .font20 {
	font-size:4vw;
	color:#333;
}
.section-content-ul .font40 {
	font-size:6vw;
	font-weight:500;
	color:#333;
	margin-bottom:3vw;
	text-align:center;
}
.section-content-ul .font60 {
	font-size:8vw;
	font-weight:bold;
	color:#333;
	margin-bottom:22vw;
}
.section-content-ul ul li:nth-child(-n+8) {
	border-bottom:1px solid #333;
}
.section-content-ul ul li:nth-child(5n) {
    border-right:1px solid #333;
}
.section-content-ul ul li:nth-child(2n) {
	border-right:none;
}
.tr300  .main-section-design .sticky-content{
   height: calc(100vh);}
.tr300 .section-super .sticky-wrapper {
	height:100vh
}
.swiper-wrapper{ align-items:center;}
}