html,body { width:100%;}
body {
	margin:0;
	padding:0;
	background:#FFF;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
    text-decoration: none;
}
@font-face {
    /*font-family:'066-CAI978';*/
    font-family:'066-CAI978';
    src: url('/site/resource/static/font/onsense_66.ttf');
}
@font-face {
    /*font-family:'066-CAI978';*/
    font-family:'HarmonyOS_Sans_SC_Medium';
    src: url('/site/resource/static/font/HarmonyOS_Sans_SC_Medium.woff');
}
@font-face {
    /*font-family:'FZLTZHJW--GB1-0';*/
    font-family:'HarmonyOS_Sans_SC';
    src: url('/site/resource/static/font/HarmonyOS_Sans_SC_Regular.woff');
}
@font-face {
    /*font-family:'FZLTHK--GBK1-0';*/
    font-family:'HarmonyOS_Sans_SC_Light';
    src: url('/site/resource/static/font/HarmonyOS_Sans_SC_Light.woff');
}
@font-face {
    /*font-family:'FZLTHK--GBK1-0';*/
    font-family:'SourceHanSansSC-Regular';
    src: url('/site/resource/static/font/SourceHanSansSC-Regular.ttf');
}
@font-face {
    /*font-family:'FZLTHK--GBK1-0';*/
    font-family:'SourceHanSansSC-Medium';
    src: url('/site/resource/static/font/SourceHanSansSC-Medium.ttf');
}
img { border:none; display:block; width:100%;}
ul,li { list-style:none; padding:0; margin:0;}
p { padding:0; margin:0;}
.static a:link,.static a:visited { color:#6C6C6C; text-decoration:none; outline:none;}
.static a:hover { color:#6C6C6C;}
.clearfix:after,.clearfix:before {content:""; display:table; clear:both; visibility:hidden; }
.home-wrap { position: relative; width: 100%;}
.section-largeTeaser { position: relative;}
.section-largeTeaser .largeTeaserWrapper { will-change: transform;}
.section-largeTeaser .slider-item { position: relative; width:100%; height:100vh; overflow:visible;}
.section-largeTeaser .slider-item .slider-img { position: relative; top:-50%; height: 100%; will-change: transform;}
.isSafari .slider-item .slider-word { margin-bottom:0;}
.app-info { position:fixed; top:-90px; left: 0; width:100%; height:90px; background:#FFF; z-index:99999;}
.app-info .p1 {padding:0 2.3%;}
.app-info .p1 .a1 { float: left; margin-left: 16px; width:55px; margin-top:18px;}
.app-info .p1 .a2 { float: left; margin-left:16px; padding-top:26px;}
.app-info .p1 .a2 strong { display: block; font-size:18px; font-weight: 300; color:#333; line-height: 1.22;}
.app-info .p1 .a2 span { font-size: 14px; font-weight: 300; color:#333; line-height: 1.29;}
.app-info .p1 .down01 { float: right; margin-top:20px;}
.app-info .app_close:link, .app-info .app_close:visited { display:block; float: left; margin-top:37px; width:18px; height:18px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAA90lEQVQ4Ea2UgQnCMBBFm3QGnUFwh4JDuIRCZykF6RAOIbiD4A7O0NZ7xZQ07SVVPCikuX8vd5cjWSZWVdWprusN62+MGGKJMSy6rrsYYx55nh/KsnytgQFp2/bW9/3eWnuWz16BsIFjTWY+hNiBwemhI5aZpjWuDE3g/KkDR1BKmDpoAtJg7LvGapcyA4UwaeSTPbnZnQbBvwjCQSkSfAfAP0D5Cm08LKJ/2GJGfmPXljbLyId8hq2gJNaxoZ1kFEL8wYz5aM0ISgkRxzQDKCYA4JumNZrDDw7XSzFW5uRIE2PDFoKYJfrnLgDGoPn1YWuaZusetjfvqEM3yn7//AAAAABJRU5ErkJggg=="); background-size: contain;}
.app-info {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.app-info.show01 {
    -webkit-transform:translateY(90px);
    -moz-transform:translateY(90px);
    -o-transform:translateY(90px);
    transform:translateY(90px);
}
.onse-navigation .onse-navigation-root { top:0px; position:fixed;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.onse-navigation-root.show01 { top:90px;}
.onse-navigation-flyout-layer.show01 { top:190px;}
.onse-navigation .navigation-shadow-mobile .onse-navigation-bar.onse-navigation-bar-flex.show01,
.onse-navigation .onse-navigation-root.show01 .onse-shadow-layer{ top:154px}

.section-largeTeaser .slider-item .slider-word { 
    position:absolute; 
    bottom: 12.5%;
    left: 10.5%; 
     z-index: 1; 
     will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;    
}

.section-largeTeaser .slider-item .slider-word.type2{
    top: 16.6%;
    left: 8.49%;
    bottom: auto;
}

.section-largeTeaser .slider-item .slider-word.type2 h1{
    text-align:left;
    font-size: 3.255rem;
    line-height:1;
    margin-top:0;
    margin-bottom: 3.1875rem;
    font-family: 'HarmonyOS_Sans_SC_Medium'; 
    font-weight: 500;
    margin-left: 0;
}
.section-largeTeaser .slider-item .slider-word.type2 .brown-btn01{
    background: transparent;
    border: none;
    display:inline;
}
#largeTeaser1.slider-item .slider-word{top:40%;left:74%}
.home-wrap h1 { 
    color:#FFF; 
    font-family: '066-CAI978'; 
    font-weight: 500;
    font-size: 75px;
    line-height: 1;
    margin-top: 12px;
    margin-bottom: 19px;
    text-align:center;
}
.home-wrap h3 {
    color:#FFF; 
    font-family: 'HarmonyOS_Sans_SC'; 
    font-size: 27px;
    line-height: 1;
    margin-top: 19px;
    margin-bottom: 36px;
    text-align:center;
    font-weight: 400;
}
.slider-btn { display: flex;}
h3 .h3_icon { width:auto; height:1.875vw; display: inline-block; vertical-align: bottom;}
.white-btn01:link, .white-btn01:visited { float: left; width:42vw; max-width: 150px; height: 46px; line-height: 46px; font-weight: 700;font-size: 14px; color: #FFF; border:2px solid #FFF; text-align: center; text-decoration: none; margin-right:27px;
    transition:background-color .25s ease;
}
.white-btn01:hover { background-color:#FFF; border-color:#FFF; color:#262626;}
.brown-btn01:link, .brown-btn01:visited { 
    display:block;
    width:148px;
      height: 45px; 
      line-height: 45px; 
      font-size: 20px; 
      color: #FFF; 
      border:2px solid #897870; 
      text-align: center; 
      background-color:#897870; 
      text-decoration: none; 
    transition:all .25s ease;
    font-family: 'SourceHanSansSC-Regular';
}

.brown-btn01:hover { background-color:#751E32 !important; border-color:#751E32 !important;}
.black-btn01:link, .black-btn01:visited { float: left; width: 164px; height: 46px; line-height: 46px; font-weight: 700;font-size: 14px; color: #262626; border:2px solid #262626; text-align: center; background-color:transparent; text-decoration: none; margin-left:27px;
    transition:background-color .25s ease;
}
.black-btn01:hover { background-color:#262626; border-color:#262626; color:#FFF;}
.black-btn02:link, .black-btn02:visited { float: left; width:42vw; max-width: 150px; height: 46px; line-height: 46px; font-weight: 700;font-size: 14px; color: #262626; border:2px solid #262626; text-align: center; background-color:#FFF; text-decoration: none; margin-right:27px;
    transition:background-color .25s ease;
}
.black-btn02:hover { background-color:#262626; border-color:#262626; color:#FFF;}
.sections { position: relative;}
.section1 .teaser_left01 { position: relative; float: left; width: 50%;}
.section1 .teaser_left01 .teaser_img { border-top:1px solid #FFF;}
.section1 .teaser_left01 .teaser_img:first-child { border-right:1px solid #FFF;}
.section1 .teaser_left01 .teaser_word { position: absolute; left: 2.3vw; bottom:2.3vw; color:#FFF; width:calc(100% - 6rem);}
.section1 h1 { font-size: 2.4vw;}
.section1 h3 { font-size: 1.25vw; line-height: 1.4; padding-bottom:20px;}
.section1 .teaser_left01 .p01 { padding-top:2vw; color:#FFF; font-size: 0.825vw;}
.section2 {background: #f2f2f2;padding: 0 0 5rem;}
.section2 .model_title { position:relative; padding: 5rem 0 3.125rem; width: 92.8%; margin: auto;}

.section2 .model_title h1 { margin: auto 0; color:#262626; font-size: 2.4vw;}
.section2 .model_title.sc-title h1{text-align:left;}
.section2 .model_title p { position:absolute;right:0;top:5rem; font-size: 1.6vw;}
.car_model { width: 92.8%; margin: auto; padding-bottom:48px;}
.car_model .swiper-slide { width:calc(25% - 14px); background:#000; cursor: pointer; overflow: hidden;}
.car_model .swiper-slide a:link, .car_model .swiper-slide a:visited { position:absolute; top:0; left: 0; width:100%; height:100%;}
.car_model .swiper-slide img { opacity:0.8; filter:Alpha(80);
    -webkit-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    -moz-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    -o-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
}
.car_model .swiper-slide .a1 { position:absolute; bottom:-1px; right:0;}
.car_model .swiper-slide .a1 .b1 { display: block; width:42%; font-size: 18px; font-family:bmwTypeNextWeb,Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif; font-weight: 300; letter-spacing: 35px; word-break: keep-all; text-align: justify; color:rgba(255,255,255,0.8);}
.car_model .swiper-slide .a1 .b2 { display: block; font-size: 10.4vw; font-family:bmwTypeNextWeb,Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif; padding-top:30px; height:9vw; line-height: 100%; font-weight: 300; color:#FFF; text-align: center; overflow: visible; margin-bottom:3px;}
.car_model .swiper-slide .a1 .b2b { display: block; font-size: 3.38vw; font-family:bmwTypeNextWeb,Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif; padding-top:30px; padding-right:10px; height:9vw; line-height: 140%; font-weight: 300; color:#FFF; text-align: right; overflow: hidden; margin-bottom:-5px;}
.car_model .swiper-slide:hover img { opacity:1; filter:Alpha(100);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.swiper-container-horizontal>.swiper-scrollbar { height: 3px; background: #C8C9C9; z-index: 2;}
.swiper-scrollbar-drag { height: 5px; background: #7A1C36; top:-1px; cursor: pointer;}

.section3 .teaser_left01 { position:relative; float: left; width:66.66%; background: #000; overflow:hidden;}
.section3 .teaser_left01 .img01 { position: relative;}
.section3 .img01:after { content:''; position:absolute; bottom:0; right:0; width:1px; height:100%; background: #FFF; z-index: 1; transform:translateZ(0);}
.section3 .img01:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background: #FFF; z-index: 1; transform:translateZ(0);}
.section3 .teaser_left01 .img01 img { opacity:0.8; filter:Alpha(80);
    -webkit-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    -moz-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    -o-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
}
.section3 .teaser_left01:hover .img01 img { opacity:1; filter:Alpha(100);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.section3 .teaser_right01 { float: left; width: 33.33%;}
.section3 .teaser_right01 li { position:relative; float: left; width:100%; background: #000; overflow:hidden;}
.section3 .teaser_right01 li:last-child { border-bottom:none;}
.section3 .teaser_right01 .img01 img { opacity:0.8; filter:Alpha(80);
    -webkit-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    -moz-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    -o-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
}
.section3 .teaser_right01 li:hover .img01 img { opacity:1; filter:Alpha(100);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.section3 .teaser_3c { clear: both; }
.section3 .teaser_3c li { position:relative; float: left; width:33.33%; background: #000; overflow:hidden;}
.section3 .teaser_3c li:nth-child(3n) { border-right:0;}
.section3 .teaser_3c .img01 img { opacity:0.8; filter:Alpha(80);
    -webkit-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    -moz-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    -o-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
}
.section3 .teaser_3c li:hover .img01 img { opacity:1; filter:Alpha(100);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.section3 .copy1 { position:absolute; left:2.3vw; bottom:2.3vw;}
.section3 .copy1 h1 { font-size: 1.56vw;}
.section3 .copy1 .a1 { padding: auto; font-size: 1.25vw; color:#FFF; font-weight: 300;}
.section3 .copy1 .teaser_btn { padding-top: 20px; font-size:18px;}
.section3 .copy1 .teaser_btn a:visited, .section3 .copy1 .teaser_btn a:link { color:#FFF; text-decoration: none;}
.section3 .copy1 .teaser_btn a:hover { color:#0653b6;}
.onse-icon--arrow-big-r-white { display: block; padding-left:16px; position: relative; transition:all 0.25s ease;}
.onse-icon--arrow-big-r-white::before,.onse-icon--arrow-big-r-white:hover::before {background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2028l-2-2%206-6-6-6%202-2%208%208z%22%2F%3E%3C%2Fsvg%3E")}
.onse-icon--arrow-big-r-white:hover::after{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2028l-2-2%206-6-6-6%202-2%208%208z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat}
.onse-icon--arrow-big-r-white::before { content:''; position:absolute; width:20px; height:20px; left:0; top:0px;
     background-position: -8px -4px; background-size:30px; transition:all 0.25s ease,background-image 0s;}
.onse-icon--arrow-big-r-white:after {
content:'';
position:absolute;
width:20px;
height:20px;
left:-8px;
top:0;
opacity:0;
filter:Alpha(0);
background-position: -8px -4px;
background-size:30px;
transition:all 0.25s ease,background-image 0s;
}
.onse-icon--arrow-big-r-white:hover::before { transform:translateX(6px);}
.section4 .p1 { padding:3.4375rem 0; border-bottom:1px solid #999999;}
.section4 .p1 ul { display: flex; justify-content: center;}
.section4 .p1 li { display: flex; padding:0 2.65rem;}
.section4 .p1 li img { width:auto; margin: auto auto 7px auto;}
.section4 .p1 li a:link, .section4 .p1 li a:visited { color:#333; text-decoration: none;}
.section4 .p1 li a:hover { color:#0653b6;}
.section4 .p2 { padding:2.175rem 0 0; background:#FFF; margin: auto;}
.section4 .p2 p { float: left; width:calc(16.66% - 20px); padding:6px 0 6px 20px; background:#FFF; position:relative;}
.section4 .p2 .a1 { font-size: 18px; color:#333; line-height: 20px;}
.section4 .p2 .a2 a:link, .section4 .p2 .a2 a:visited { color:#8e8e8e; font-size:14px; text-decoration: none;font-family:bmwTypeNextWeb,Arial,Helvetica,sans-serif;font-weight:400}
.section4 .p2 .a2 a:hover { color:#000;}
.section4 .p2 .media_pp01 { position:absolute; bottom:33px; left:20px; width:256px; height: auto; background:#F2f2f2; padding:12px; line-height: 1.4;
    opacity:0; filter:Alpha(0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section4 .p2 .a2 { overflow: hidden;}
.section4 .p2 .media_pp01 img { float: left; width: 109px;}
.section4 .p2 .media_pp01 .b01 { float:right; width:131px; font-weight:700; color:#333; font-size:1rem; font-style: normal;}
.section4 .p2 .media_pp01 .b02 { float:right; width:131px; font-weight:300; color:#8e8e8e; font-size:13px; font-style: normal;}
.section4 .p2 .media_pp01 .icon01 { position:absolute; left:0; bottom:0;}
.section4 .p2 .media_pp01 .icon01:before{content:''; height:0; width:0; display:block; border:10px transparent solid; border-bottom-width:0; border-top-color:#F2f2f2; position:absolute; top:0; left:0;}
.section4 .p2 .a2:hover { overflow: visible;}
.section4 .p2 .a2:hover .media_pp01 {
    opacity:1; 
    filter:Alpha(100);
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    transform:translateY(-10px);
}
.section4 .p2 .fix_b01 .b02 { margin-top:11px;}
.section4 .p2 .fix_b02 .b02 { margin-top:10px;}
.section4 .p2 .fix_b03 .b02 { margin-top:30px;}
.section4 .p2 .fix_b04 .b02 { margin-top:51px;}
.section4 .p2 .fix_b04 { left:-164px;}
.section4 .p2 .fix_b04 .icon01 { left:auto; right:20px;}
.mobi { display:none;}
/*shopping tool*/
.shopping-tool{display:none;position:fixed;bottom:0;padding:10px 0;background:#fff;width:100%;border-top:2px solid #e6e6e6}
.shopping-tool ul{display:flex;justify-content:center}
.shopping-tool ul li{display:flex;padding:0 2.65rem}
.shopping-tool li a:link, .shopping-tool li a:visited{font-size:12px;line-height:12px;margin:0;color:#333;text-decoration:none}
.shopping-tool li a:hover{color:#0653b6}
.shopping-tool li img{width:1.8vw;margin:auto auto 7px auto}
@media only screen and (max-width: 1366px){
    .section3 .copy1 .teaser_btn { padding-top:14px;}
}
@media only screen and (max-width: 980px){
    .home-wrap h1 { letter-spacing:0.525px; margin-top: 4px; margin-bottom: 8px;}
    .section1 h1 { letter-spacing:0.525px; margin-top: 4px; margin-bottom: 8px;}
    .section2 .model_title h1 { letter-spacing:0.525px;}
    .section2 .model_title p{position:relative;top:0;left:0;}
    .section2 .model_teaser li h1 { letter-spacing:0.525px;}
    .section1 h3 { line-height: 26px; padding-bottom:10px;}
    .teaser_btn a:link:last-child,.teaser_btn a:visited:last-child { margin-right:0;}
    .section3 .copy1 .teaser_btn { padding-top:4px;}
}
.app-info .p1 .a1 .down01:link, .app-info .p1 .a1 .down01:visited { display:none;}
.mobi-down01:link, .mobi-down01:visited,
.mobiDownload:link, .mobiDownload:visited { display: none;}
.disc001 { position:absolute;bottom:2.3vw; right:2.3vw; color:#FFF;letter-spacing:1px;}
@media only screen and (max-width: 750px){
    .section-largeTeaser .slider-item .slider-word{
        bottom: 95px;
        left: 5%;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        width: 90%;
    }
    .section-largeTeaser .slider-item .slider-word h1{
        text-align:left;
    }
    .section-largeTeaser .slider-item .slider-word h3{
        text-align:left;
    }
    .section-largeTeaser .slider-item .slider-word a{
        display:inline-block;
    }

    .pc{display:none!important;}
    
	.mobi { display:block;}
    .app-info { position:fixed; top:-84px; left: 0; width:100%; height:84px; background:#FFF; z-index:99999;}
    .app-info .p1 {padding:0 5%;}
    .app-info .p1 .a1 { position: relative; float: left; width:55px; margin-top:15px; margin-left:auto;}
    .app-info .p1 .a1 .down01:link, .app-info .p1 .a1 .down01:visited { position:absolute; display:inline-block; top:0; left:0; width:100%; height:100%;}
    .app-info .p1 .a2 { float: left; margin-left:16px; padding-top:14px;width: 215px;}
    .app-info .p1 .a2 strong { display: block; font-size:18px; font-weight: 300; color:#333; line-height: 1.22;}
    .app-info .p1 .a2 span { display:block; font-size: 14px; font-weight: 300; color:#333; line-height: 1.22; padding:1px 0 1px 0;}
    .app-info .p1 .down01 { float: right; display: none;}
    .mobi-down01:link, .mobi-down01:visited { display: block; position: relative; margin:0; font-size:14px; line-height: 14px; padding:3px 0 3px 12px; width: auto; color:#0653b6; text-decoration: none;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACcSURBVDiNldM9DgIhEIbhdyhIPJpaunfRTuzWu2zs1quZ0GCxIRlcwGESioF8Twg/pJTIA8BPa/CX90yndMbpBT+tgSR34PoPyeXKVj6qMSEFEJfTE+E2grjfiVFkB4wiVWAEaQJWpAtslQ5lW9xUH1DvIodDfB0fJsASbgLWcBUYCe+A0XBlB+qEDWEAyd8YQES2XQBxOYdWSGe+letrOj074fYAAAAASUVORK5CYII=");
        background-position:0px center; background-repeat: no-repeat; background-size:10px;
    }
    .mobiDownload:link, .mobiDownload:visited { display: inline;}
    /* .mobi-down01:link::before, .mobi-down01:visited::before { content:''; position:absolute; background-size:cover; width:20px; height:20px; left:0; top:2px; background-position:-3px 0; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACcSURBVDiNldM9DgIhEIbhdyhIPJpaunfRTuzWu2zs1quZ0GCxIRlcwGESioF8Twg/pJTIA8BPa/CX90yndMbpBT+tgSR34PoPyeXKVj6qMSEFEJfTE+E2grjfiVFkB4wiVWAEaQJWpAtslQ5lW9xUH1DvIodDfB0fJsASbgLWcBUYCe+A0XBlB+qEDWEAyd8YQES2XQBxOYdWSGe+letrOj074fYAAAAASUVORK5CYII=");} */
    /* .mobi-down01:link::before, .mobi-down01:visited::before { content:'';  width:20px; height:20px; left:0; top:0; background-position:-10px -5px; position:absolute; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%230653B6%22%20d%3D%22M17%2028l-2-2%206-6-6-6%202-2%208%208z%22%2F%3E%3C%2Fsvg%3E");} */
    /* .mobi-down01:link, .mobi-down01:visited { display: block; font-size:14px; height:20px; line-height:20px; padding-left:12px; color:#0653b6; text-decoration: none; margin:auto;
        background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACcSURBVDiNldM9DgIhEIbhdyhIPJpaunfRTuzWu2zs1quZ0GCxIRlcwGESioF8Twg/pJTIA8BPa/CX90yndMbpBT+tgSR34PoPyeXKVj6qMSEFEJfTE+E2grjfiVFkB4wiVWAEaQJWpAtslQ5lW9xUH1DvIodDfB0fJsASbgLWcBUYCe+A0XBlB+qEDWEAyd8YQES2XQBxOYdWSGe+letrOj074fYAAAAASUVORK5CYII=");
        background-size:10px; background-position:0px center; background-repeat: no-repeat;} */
    .app-info .app_close:link, .app-info .app_close:visited { display:block; float: right; margin-top:32px; width:18px; height:18px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGqADAAQAAAABAAAAGwAAAABxqZ+6AAABHElEQVRIDcWWwQ3CMAxFCwvAEFC24tguwCzASrAHSNw5A/9LuE2jJE3sUiJ9paGun+1YyFXVrz0e6/5oelrg6wO08r00+OEF3SArjJAj9IYuUAdrcSCELygLzIWIvyt8rqGOLi+0sBCEvu7QliAanCEXVApLQXaEyIrBGM3YnWVDLLBiiAZGyAnyS84qDMolzv09p4xmiEDHYKZMBCJ7LOonDNTlEuf+HoO5oOw78Z375xTsAeOsi1/6Xv91TmUj5TOXLgaZtBliEEZfQ5O09xiE15iyyWoOOgj9k0smhMhSw0ogapgGUgyzQFyYzAnS9twHrR/qIM3cwIBjsA0jaqFZhhPCmi9Mkwm/d5ebGSegbtwSo1kGSIH9bP8AuwDoDOR+V0QAAAAASUVORK5CYII="); background-size: cover;}
    .app-info {
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }
    .app-info.show01 {
        -webkit-transform:translateY(84px);
        -moz-transform:translateY(84px);
        -o-transform:translateY(84px);
        transform:translateY(84px);
    }
    .onse-navigation-root { top:0px; position:fixed;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }
    .onse-navigation-root.show01 { top:84px;}
    .onse-navigation-flyout-layer.show01 { top:150px;}

    #largeTeaser1.slider-item .slider-word{top:63%;left:30%}
    .home-wrap h1 { 
        font-size: 39px;
        line-height: 1.2;
        letter-spacing: .525px;
        margin-top: 13px;
        margin-bottom: 13px;
    }
    .home-wrap h3 {
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 0px;
        margin-top: -6px;
        margin-bottom: 10px;
        padding-bottom:10px;
    }
    .slider-btn { display: flex;}
    h3 .h3_icon { width: auto; display: inline-block; height: 24px; vertical-align: bottom;}
    .white-btn01:link, .white-btn01:visited { float: left; width:42%; height: 1.625rem; line-height: 1.625rem; padding:0.625rem 0; font-weight: 700;font-size: 14px; color: #FFF; border:2px solid #FFF; text-align: center; text-decoration: none; margin-right:16px; margin-bottom:16px;
        transition:background-color .25s ease;
    }
    .white-btn01:hover { background-color:#FFF; border-color:#FFF; color:#262626;}
    .brown-btn01:link, .brown-btn01:visited { 
        display:block;
        width:128px;
          height: 39px; 
          line-height: 39px; 
          font-size: 17px; 
          color: #FFF; 
          border:2px solid #897870; 
          text-align: center; 
          background-color:#897870; 
          text-decoration: none; 
        transition:all .25s ease;
        font-family: 'SourceHanSansSC-Regular';
    }
    .brown-btn01:hover { background-color:#0653b6; border-color:#0653b6;}
    .black-btn01:link, .black-btn01:visited { float: left; height: 1.625rem; line-height: 1.625rem; padding:0.625rem 0.4rem; font-weight: 700;font-size: 14px; color: #262626; text-align: center; text-decoration: none; margin-left:18px; width:auto; background:none; border:none;
    }
    .black-btn01:hover { background-color:#262626; border-color:#262626; color:#FFF;}
    .black-btn02:link, .black-btn02:visited { float: left; width:42%;  height: 1.625rem; line-height: 1.625rem; padding:0.625rem 0; font-weight: 700;font-size: 14px; color: #262626; border:2px solid #262626; text-align: center; background-color:#FFF; text-decoration: none; margin-right:16px; margin-bottom:16px;
        transition:background-color .25s ease;
    }
    .black-btn02:hover { background-color:#262626; border-color:#262626; color:#FFF;}
    .sections { position: relative;}
    .section1 .teaser_left01 { position: relative; width: 100%;}
    .section1 .teaser_left01 .teaser_img { border-top:1px solid #FFF; border-right:none;}
    .section1 .teaser_left01 .teaser_img:first-child { border-right:none;}
    .section1 .teaser_left01 .teaser_word { position: absolute; left: 20px; bottom:20px; color:#FFF; width:85.2%;}
    .section1 h1 { font-size: 35px;}
    .section1 h3 { font-size: 20px; line-height:1.4;}
    .section1 .teaser_left01 .p01 { padding-top:0px; font-size: 12px;}
    .section2 {background: #f2f2f2;padding: 0 0 4rem;}
    .section2 .model_title { position:relative; padding: 3rem 0 0; width: 92.8%; margin: auto;}
    .section2 .model_title:first-child { margin-bottom:2rem;}
    .section2 .model_title h1 { margin: auto 0; color:#262626; font-size: 28px;line-height:42px;}
    .section2 .model_title.sc-title h1{text-align:center;}
    .section2 .model_title p{position:relative !important;top:0 !important;left:0 !important; margin:0 auto;text-align:center;}
    .section2 .model_title p { position:absolute;right:0;top:0; font-size: 16px;line-height:42px;}
    .car_model { width: 92.8%; margin: auto; padding-bottom:28px;}
    .car_model .swiper-slide { width:32%; background:#000; cursor: pointer; overflow: hidden;}
    .car_model .swiper-slide a:link, .car_model .swiper-slide a:visited { position:absolute; top:0; left: 0; width:100%; height:100%;}
    .car_model .swiper-slide img { opacity:0.8; filter:Alpha(80);
        -webkit-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
        -moz-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
        -o-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
        transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    }
    .car_model .swiper-slide .a1 { position:absolute; bottom:-1px; right:0;}
    .car_model .swiper-slide .a1 .b1 { display: block; width:100%; font-size: 1.125rem; font-weight: 100; letter-spacing: 0.5rem; word-break: keep-all; text-align: justify; color:rgba(255,255,255,0.8);}
    .car_model .swiper-slide .a1 .b2 { display: block; font-size: 5rem; margin-bottom:3px; height:auto; padding-top:10px; line-height: 0.725; font-weight: 300; color:#FFF; text-align: center; overflow: visible;}
    .car_model .swiper-slide .a1 .b2b { display: block; font-size: 1.25rem; margin-bottom:-1px; height:auto; padding-top:10px; padding-right:4px; line-height: 140%; font-weight: 300; color:#FFF; text-align: right; overflow: hidden;}
    .car_model .swiper-slide:hover img { opacity:1; filter:Alpha(100);
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2);
    }
    .swiper-container-horizontal>.swiper-scrollbar { height: 3px; background: #C8C9C9;}
    .swiper-scrollbar-drag { height: 5px; background: #7A1C36; top:-1px;}

    .section3 .teaser_left01 { position:relative; width:100%;}
    .section3 .teaser_right01 { width:100%;}
    .section3 .teaser_right01 li { position:relative; width:100%;}
    .section3 .teaser_3c { width: 100%;}
    .section3 .teaser_3c { clear: both; }
    .section3 .teaser_3c li { position:relative; float: left; width:100%; background: #000; overflow:hidden;}
    .section3 .teaser_3c .img01 img { opacity:0.8; filter:Alpha(80);
        -webkit-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
        -moz-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
        -o-transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
        transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);
    }
    .section3 .teaser_3c li:hover .img01 img { opacity:1; filter:Alpha(100);
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1);
    }
    .section3 .copy1 { position:absolute; left:20px; bottom:20px;}
    .section3 .copy1 h1 { font-size:1.2rem; margin:auto auto 4px auto;}
    .section3 .copy1 .a1 { padding:0; font-size:1rem; color:#FFF; font-weight: 300;}
    .section3 .copy1 .teaser_btn { padding-top:10px; font-size:14px;}
    .section3 .copy1 .teaser_btn a:visited, .section3 .copy1 .teaser_btn a:link { color:#FFF; text-decoration: none;}
    .section3 .copy1 .teaser_btn a:hover { color:#0653b6;}
    .onse-icon--arrow-big-r-white { display: block; padding-left:12px; position: relative; transition:all 0.25s ease;}
    .onse-icon--arrow-big-r-white:before {background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2028l-2-2%206-6-6-6%202-2%208%208z%22%2F%3E%3C%2Fsvg%3E")}
    .onse-icon--arrow-big-r-white:hover::after{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%23262626%22%20d%3D%22M17%2028l-2-2%206-6-6-6%202-2%208%208z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;}
    .onse-icon--arrow-big-r-white::before { content:' '; position:absolute; width:24px; height:24px; left:0; top:0px;
         background-position: -8px 0; background-size:24px; transition:all 0.25s ease,background-image 0s; background-repeat: no-repeat;}
    .section4 .p1{ padding:3rem 0;}
    .shopping-tool { padding:10px 0;}
    .section4 .p1 ul,
    .shopping-tool ul { display: flex; justify-content: center;}
    .section4 .p1 li,
    .shopping-tool ul li{ display: flex; width: 25%; padding:0; text-align: center; flex-direction: column;}
    .section4 .p1 li img,
    .shopping-tool li img { width:auto; height:30px; margin: auto auto 7px auto;}
    .section4 .p1 li a:link, .section4 .p1 li a:visited,
    .shopping-tool li a:link, .shopping-tool li a:visited{ color:#333; text-decoration: none; font-size:12px;}
    .section4 .p2 { padding:2.175rem 0 0; border-top:1px solid #999999;}
    .section4 .p2 p { width: 90%; padding:1.5% 20px;}
    .section4 .p2 .a1 { font-size:1.2rem; color:#333;}
    .section4 .p2 .a2 a:link, .section4 .p2 .a2 a:visited { color:#8e8e8e; font-size:14px; text-decoration: none;}
    .section4 .p2 .a2 a:hover { color:#000;}

    .teaser_btn a:link:last-child,.teaser_btn a:visited:last-child { margin-right:0;}
    .section4 .p2 .media_pp01 { bottom:25px; left:40px;}
    .section4 .p2 .fix_b04 { left:40px;}
    .section4 .p2 .fix_b04 .icon01 { right:auto; left:0;}
    .section3 .img01:after { opacity:0; filter:Alpha(0);}
	.disc001 { margin-bottom:16px; right:20px;}
}
.isSafari .slider-item .disc001 { margin-bottom:75px;}
/*
#the-footer nav a:link,#the-footer nav a:visited  {
    font-family: bmwTypeWebBoldAll,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    text-decoration: none;
}
#the-footer .tw-pb-100 { padding:0;}
#the-footer .tw-list-reset { padding:15px 0 30px}
#the-footer nav a:hover { color:#262626;}
#the-footer .tw-container .onse-cms-output a:link, #the-footer .tw-container .onse-cms-output a:visited { color:#1366d7!important;}
#the-footer .tw-container .onse-cms-output li{font-family:Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif}
#the-footer .tw-container .onse-cms-output a:hover { color:#262626!important;}
#the-footer h4 {
	font-family: bmwTypeNextWeb,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 400;
	padding-left:0;
	padding-right:0;
}*/
.custom-car,.list-car { font-family: bmwTypeNextWeb,Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif;}
.custom-car .model_title h1 { margin:auto 0; color:#262626; font-size: 2.4vw;}
.custom-car .model_title { position:relative; padding:5rem 0 3.125rem; width:92.8%; margin:auto;}
.custom-car .custom-car-body {width:92.8%;margin: auto auto auto auto; padding:6px 6px 4% 6px;/* overflow: visible; */}
.custom-car .custom-car-body .li-item {
    position: relative;
    float: left;
    width: 21%;
    padding: 1% 1%;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.padding-car { padding-top:5.75rem; }
.custom-car .custom-car-body .li-item:hover {box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);}
.custom-car .link-btn01 {position:absolute;top:0;left:0;width:100%;height:100%;text-indent: -9999px;overflow: hidden;/* display: none; */}
.custom-car .car_name01 {font-size: 1.25vw;font-weight: 500;color:#000;}
.custom-car .car_name01 span {color:#999;display: block;font-size: 1.125vw;padding: 4% 0 8%;}
.custom-car .car_price01 {font-size: 1.375vw;font-weight: 500;color:#000;font-family: "BMWTypeNextLatin-Regular","Microsoft Yahei","Helvetica","Noto Sans CJK SC","Noto Sans",sans!important;margin-bottom: 8%;}
.custom-car .car_img01 img {display: block;width: 100%;margin: auto auto 5%;height: auto;}
.custom-car .car_pack01 {margin-bottom: 8%;width: 90%;overflow: hidden;}
.custom-car .car_pack01 span {float: left;width: 12.5%;padding-right: 7%;}
.custom-car .car_pack01 span img { display: block; width: 100%;}
.custom-car .car_btn01 { position:relative; font-size:14px; background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M17%2028l-2-2%206-6-6-6%202-2%208%208z%22%2F%3E%3C%2Fsvg%3E") right center no-repeat;text-align: right;padding-right: 40px;}
.custom-car .car_btn01 span {position:absolute;left:0;color:#838383;/* display: none; */}
.list-car .model_title h1 { margin:auto 0; color:#262626; font-size: 2.4vw;}
.list-car .model_title { position:relative; padding:3.5rem 0 2.5rem; width:92.8%; margin:auto;}
.list-car .list-car-body {width:92.8%;margin:auto auto;padding-bottom:0;overflow: visible;white-space: nowrap;}
.list-car .list-car-body.detail-container{width: 105rem;}

.list-car .list-car-body.detail-container .li-item{width: 33.75rem;margin-right:1.875rem;}
.list-car .list-car-body .li-item:last-child{margin-right:0;}
.list-car .list-car-body .detail-swiper-item { width: 32%;margin-right: 2%; }
.list-car .list-car-body .li-item { position:relative; display:inline-block;vertical-align: top; width: 31.33%;margin-right: 3%; padding-bottom:2px;background-size: 100%;}
.list-car .list-car-body.col-2 .detail-swiper-item{ width: 48%;margin-right: 4%; }
.list-car .car_bg01 {/* margin-bottom: -5%; */position: relative;background: #FFF;display: none;}
.list-car .car_name01 {font-size: 1.25vw;font-weight: 500;color:#FFF;padding: 10% 0 0;text-align: center;display: none;}
.list-car .car_price01 {font-size: 1.375vw;font-weight: 500;color:#000;font-family: "BMWTypeNextLatin-Regular","Microsoft Yahei","Helvetica","Noto Sans CJK SC","Noto Sans",sans!important;/* margin-bottom: 8%; */margin-top: -10%;text-align: center;background: #FFF;position: relative;padding: 12% 0 5%;}
.list-car .car_img01 { display: none;}
.list-car .car_img01 img {display: block;width: 70%;margin: auto;position: relative;z-index: 2;}
.list-car .car_info01 {padding: 0 10% 5%;font-size:14px;background: #FFF;}
.list-car .car_info01 .a1 {float:left;width:50%;border-right:2px solid #000;text-align: center;}
.list-car .car_info01 .a2 {float:left;width: calc(50% - 2px);text-align: center;}
.list-car .car_info01 i { font-size:1.75vw; font-style: normal;}
.list-car .car_pack01 {width: 70%;overflow: hidden;padding: 0 15% 8%;background: #FFF;}
.list-car .car_pack01 span {float: left;width: 16%;padding: 0 4.5%;text-align: center;font-size:0.725vw;white-space:nowrap;}
.list-car .car_pack01 span img { display: block; width: 100%; margin-bottom:5px;}
.list-car .car_btn01{
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #FFF;
    display: block;
    margin: 2% auto 3%; 
    font-weight: 400;
    line-height: 24px;
    height: 24px;

}
.list-car .car_btn01 span {
    display:inline-block;
    font-weight: 500;
    font-size:14px;
    line-height: 24px;
    height: 24px;
    border-bottom:  1px solid #7A1C36;
    color:#7A1C36!important;
}
.list-car .link-btn01 {width:100%;height:100%;z-index: 3;margin:auto;text-decoration: none;}
.list-car .link-btn01 img{    transition: all 3s cubic-bezier(0, 0.6, 0.39, 0.76);}
.list-car .link-btn01:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.swiper-pagination {bottom: 2rem!important;}
@media only screen and (max-width: 1023px){
    .list-car .car_pack01 { width:100%;}
    .custom-car .car_name01 span { padding:0 0 10px 0;}
    .custom-car .car_btn01 span { display: none;}
}
@media only screen and (max-width: 750px){
    .custom-car { background:#f2f2f2;}
    .custom-car .model_title h1 { margin: auto 0; color: #262626; font-size: 28px; letter-spacing:0.525px;}
    .custom-car .model_title {margin-bottom:2rem;padding: 0;}
    .custom-car .custom-car-body .li-item {width: 100%;background:#FFF;padding: 4% 0;}
    .custom-car .car_img01 {float: left;width:50%;margin-top: 30px;height: 100%;}
    .custom-car .car_name01 {float: right;width: 50%;font-size: 16px;}
    .custom-car .car_price01 {float: right;width:50%;font-size: 18px;margin-bottom: 10px;}
    .custom-car .car_pack01 {float: right;width:50%;margin-bottom: 10px;}
    .custom-car .car_btn01 {clear: both;float: right;width: calc(50% - 30px);background-position: right center;padding-right: 30px;background-size: 30px 30px;}
    .custom-car .car_name01 span {font-size:14px;padding: 5px 0 10px;}
    .custom-car .car_btn01 span {position:relative;display: none;text-align: left;}
    .custom-car .custom-car-body {padding-bottom:4rem;width:92%;margin-bottom: auto;}
    .list-car .model_title h1 { margin: auto 0; color: #262626; font-size: 28px; letter-spacing:0.525px;}
    .list-car .li-item {width: 92%;border-radius:0;padding: 4% 4%;}
    .list-car .list-car-body {padding: 0 0 0 0;width:100%;}
    .list-car .list-car-body .li-item {width: 100%;margin-right:auto;padding: 0;}
    .list-car .car_name01 {font-size:16px;padding: 40px 0 20px;}
    .list-car .car_price01 {font-size:18px;/* margin: 20px auto; */}
    .list-car .car_pack01 {width: 80%;padding: 0 10% 8%;}
    .list-car .car_info01 i {font-size: 22px;}
    .list-car .car_info01 .a1 { border-right:2px solid #6D7278;}
    .padding-car {padding:0 0;}
    .detail-swiper {display: block;}
    .detail-swiper-item  {margin-bottom: 0}
    .list-car .list-car-body.detail-container{
        width: 100%;
    }
}

.sc-detail-date{
    color:#474443;
    font-size: .8594rem;
    font-family:'SourceHanSansSC-Medium';
    font-weight: 500;
    margin-top: 2.4375rem;
}
.sc-detail-title{
    color:#474443;
    font-weight: 500;
    font-size: 1.3125rem;
    word-break: break-all;
    margin-top: .3125rem;
    line-height: 1.5;
    word-break: break-all;
    letter-spacing: 0;
    box-sizing: border-box;
    font-family: 'HarmonyOS_Sans_SC_Medium';
    white-space: normal;
}
.sc-detail-subtitle{
    color:#474443;
    font-size: .8594rem;
    line-height: 1.7;
    word-break: break-all;
    margin-top:  .625rem;
    letter-spacing: 1px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    font-family: 'HarmonyOS_Sans_SC';
    white-space: normal;
}
.link-btn01:hover .sc-detail-title{
    color: #6F7072;
}
.detail-swiper{
    padding-bottom: 5%;
    overflow: hidden;
}

.sc-detail-lk{
    display:block;
}
.detail-swiper img{
    width: 100%;
    height:  100%;
    object-fit:cover;
}
.navigationact {
    background: #fff !important;
}
.navigationact .onse-navigation-link {
    color: #000;
}
.onse-navigation-container {
    position: relative;
}
.sub-navigation-container {
    width: 488px;
    height: auto;
    position: absolute;
    top: 100px;
    left: -72px;
    z-index: 100;
    display: none;
}
.sub-navigation-left {
    width: 50%;
    height: auto;
    background:#fff;
    float: left;
}
.sub-navigation-left ul {
    width: 100%;
    height: auto;
}
.sub-navigation-left li {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.sub-navigation-left li span {
    color: #333;
    font-size: 14px;
}
.sub-navigation-right {
    width: 50%;
    height: auto;
    background:#f2f2f2;
    float: left;
}
.sub-navigation-right ul {
    width: 100%;
    height: auto;
}
.sub-navigation-right li {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.sc-yx{
    position:absolute; 
    width: 100%;
    bottom: 20%;
    left: 50%; 
     z-index: 1; 
     will-change: transform;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;  
    text-align:center;
}
.sc-yx-item{
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    height: 13.4375rem;
}
.sc-yx-item.border-item{
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
.sc-yx-title{
    color:#fff;
    font-size: 2.375rem;
    line-height: 1;
    display:block;
    text-align: center;
    font-family: '066-CAI978';
    margin-top: 3.125rem;
    font-weight: 400;
}
.sc-yx-subtitle{
    color:#fff;
    font-size: 1.5625rem;
    line-height: 1;
    margin-top: 0.625rem;
    display:block;
    text-align: center;
    font-weight: 400;
    font-family: 'HarmonyOS_Sans_SC';
}
.sc-yx-lk{
    font-size: 1.0419rem;
    margin-top: 2.5625rem;
    line-height: 1;
    color:#fff;
    display:block;
    text-align: center;
    cursor: pointer;
    transition:  all .3s;
    font-family: 'SourceHanSansSC-Regular';
    font-weight: 400;
}
.sc-yx-lk.banner-lk{
    font-size: 1.3019rem;
    padding-top: 0.1875rem;
}
.sc-yx-lk.inline-block{
    display:inline-block;
}
.sc-yx-lk:hover{
    color: #751E32 !important;
}
.detail-swiper{
    white-space: nowrap;
}

@media only screen and (max-width: 750px){
    body {
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
        -moz-text-size-adjust: 100% !important;
    }
    .section-largeTeaser .slider-item .slider-word.type2{
        top: 120px;
        bottom: auto;
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    .sc-detail-imgwrapper{
        width: calc(100vw - 40px);
        height: calc(58.333vw - 23.33px);
    }
    .section-largeTeaser .slider-item .slider-word.type2 h1{
        font-size: 26px;
        text-align:left;
        margin-bottom: 30px;
    }
    .section-largeTeaser .slider-item .slider-word.type2 p{
        text-align:left;
    }
    .list-car .list-car-body.detail-container .li-item{
        margin-right:0;
        padding: 28px 20px 25px;
        box-sizing: border-box;
        width: 100%;
        display:block;
        position:relative;
    }
    .list-car .list-car-body.detail-container .li-item:first-child{
        padding-top: 20px;
    }
    .list-car .list-car-body.detail-container .li-item:last-child{
        padding-bottom:40px;
    }
    .list-car .list-car-body.detail-container .li-item::after{
        display:block;
        content: '';
        height: 1px;
        background: #3E3938;
        position:absolute;
        bottom:0;
        left:5vw;
        width: 90%;
    }
    .list-car .list-car-body.detail-container .li-item:last-child{
        margin-right: 0;
    }
    .list-car .list-car-body.detail-container .li-item:last-child::after{
        display:none;
    }
    .detail-swiper{
        padding-bottom: 0;
    }
    .sc-yx{
        bottom: 8%;
        height: 84%;
        width: 60%;
        left: 20%;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform:  translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .sc-yx-item{
        width: 100%;
        display:flex;
        height: 33%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sc-yx-item.border-item{
        border-left: none;
        border-right:none;
        position:relative;
    }
    .sc-yx-item.border-item::before{
        content: '';
        display:block;
        height: 1px;
        background:#fff;
        top:0;
        left: 20%;
        width: 60%;
        position:absolute;
    }
    .sc-yx-item.border-item::after{
        content: '';
        display:block;
        height: 1px;
        background:#fff;
        bottom:0;
        left: 20%;
        width: 60%;
        position:absolute;
    }
    .sc-yx-title{
        font-size: 32px;
        margin-top: 0;
    }
    .sc-yx-subtitle{
        font-size: 19px;
        margin-top: 10px;
    }
    .sc-yx-lk{
        font-size: 13px;
        margin-top: 24px;
    }
    .sc-yx-lk.banner-lk{
        font-size: 14px;
    }
    .detail-swiper{
        overflow: visible;
        font-size: 0;
    }
    .sc-detail-date{
        padding:0;
        font-size: 13px;
        margin-top: 13px;
        padding:0;
    }
    .sc-detail-title{
        padding:0;
        font-size: 16px;
        margin-top: 8px;
        padding:0;
    }
    .sc-detail-subtitle{
        padding:0;
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px;
        letter-spacing: 1px;
        padding:0;
    }
}
@media only screen and (max-width: 345px){
    .sc-yx{
        bottom: 10%;
        height: 80%;
    }
}