html,body { width:100%;}
body,input {
	font:14px/140% Arial;
	color:#000;	
}
body {
	margin:0;
	padding:0;
	background:#FFF;
}

img { border:none; display:block; width:100%;}
ul,li { list-style:none; padding:0; margin:0;}
p { padding:0; margin:0;}

.fl{float: left}
.fr{float: right}
.static a:link,.static a:visited { color:#6C6C6C; text-decoration:none; outline:none;}
.static a:hover { color:#6C6C6C;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}



/*sjnav*/






:lang(zh-CN) .button, :lang(zh-CN) .ds2-font-clickable, :lang(zh-CN) .ds2-link, :lang(zh-CN) a{font-family:bmwTypeWebLightAll,Arial,Helvetica,sans-serif}
.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:75px;}


.ds2-navigation .ds2-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;
}
.ds2-navigation-flyout-layer.show01 { top:190px;}
.ds2-navigation .navigation-shadow-mobile .ds2-navigation-bar.ds2-navigation-bar-flex.show01,
.ds2-navigation .ds2-navigation-root.show01 .ds2-shadow-layer{ top:154px}


.section-largeTeaser .slider-item .slider-word { position:absolute; left:2.3vw; bottom:2.3vw; 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;    
}
#largeTeaser1.slider-item .slider-word{top:40%;left:74%}

.home-wrap h1 { color:#FFF; font-family: bmwTypeWebLightAll,Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif; font-weight: 300;
    font-size: 3.125vw;
    line-height: 1;
    letter-spacing: .72px;
    margin-top: 12px;
    margin-bottom: 19px;
}
.home-wrap h3 { color:#FFF; font-family: bmwTypeWebLightAll,Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif; font-weight: 300;
    font-size: 1.562vw;
    line-height: 1.07;
    letter-spacing: .375px;
    margin-top: 12px;
    margin-bottom: 19px;
    padding-bottom:20px;
}
.slider-btn { display: flex;}
.section-largeTeaser .slider-word 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;}
.blue-btn01:link, .blue-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 #000; text-align: center; background-color:#000; text-decoration: none; margin-right:27px;
    transition:background-color .25s ease;
}
.blue-btn01:hover { background-color:#000; border-color:#000;}

.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 .model_btn { position:absolute; top:5rem; right:0;}
.section2 .model_title h1 { margin: auto 0; color:#262626; font-size: 2.4vw;}

.car_model { width: 92.8%; margin: auto; padding-bottom:48px;}
.car_model .swiper-slide { width:calc(18% - 20px); 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(opacity: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;left: 5%;}
.car_model .swiper-slide .a1 .b1 { display: block; width:42%; font-size: 12px; font-family:bmwTypeWebLightAll,Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif; font-weight: 300; letter-spacing: 18px; word-break: keep-all; text-align: justify; color:rgba(255,255,255,0.8);}
.car_model .swiper-slide .a1 .b2 { display: block; font-size: 18px; font-family:bmwTypeWebLightAll,Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif; padding-top:5px; height:30px; line-height: 100%; font-weight: 300; color:#FFF; text-align:left; overflow: visible; margin-bottom:3px;}
.car_model .swiper-slide .a1 .b2b { display: block; font-size: 3.38vw; font-family:bmwTypeWebLightAll,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(opacity: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: 1px; background: #979797; z-index: 2;}
.swiper-scrollbar-drag { height: 5px; background: #000; top:-2px; cursor: pointer;}

.section2 .model_teaser { width: 92.8%; min-width:1139px; margin:10rem auto auto auto; padding-bottom:48px; overflow: visible;}
.section2 .model_teaser .swiper-slide { float: left; position: relative; width:calc(33.3% - 20px); margin-right:20px; padding:8vw 0 1.125rem; background: #FFF;}
.section2 .model_teaser .swiper-slide:last-child { margin-right:auto!important;}
.section2 .model_teaser .swiper-slide .p1 { background: #FFF;}
.section2 .model_teaser .swiper-slide:last-child { margin-right:auto;}
.section2 .model_teaser .swiper-slide .img01 { position:absolute; top:-8vw; left:5%; width: 90%;}
.section2 .model_teaser .swiper-slide h1 { padding: 1.7rem 5% 1rem; font-size:1.56vw; color:#000; line-height: 1.2;}
.section2 .model_teaser .swiper-slide .a1 { font-size:18px; padding: 10px 5%; color:#555;}
.section2 .model_teaser .swiper-slide .model_btn { width:90.3%; margin:1.2rem auto;}

.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(opacity: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(opacity: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(opacity: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(opacity: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(opacity: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(opacity: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:#fafafa;}

.ds2-icon--arrow-big-r-white { display: block; padding-left:16px; position: relative; transition:all 0.25s ease;}
.ds2-icon--arrow-big-r-white::before,.ds2-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")}
.ds2-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}

.ds2-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;}
.ds2-icon--arrow-big-r-white:after { content:''; position:absolute; width:20px; height:20px; left:-8px; top:0; opacity:0;  filter:Alpha(opacity:0);
    background-position: -8px -4px; background-size:30px; transition:all 0.25s ease,background-image 0s;}
.ds2-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:bmwTypeWebLightAll,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(opacity: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(opacity: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;}

/*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;}
    .model_btn a:first-child, .model_btn a:first-child { margin-bottom:12px;}
}

@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_teaser li h1 { letter-spacing:0.525px;}

    .home-wrap h3 { margin-top: 4px; margin-bottom: 8px;}
    .section1 h3 { line-height: 26px; padding-bottom:10px;}
    .section2 .model_title .model_btn { right:0;}
    .section2 .model_teaser li .model_btn a:link:last-child,.section2 .model_teaser li .model_btn a:visited:last-child { margin-right:0;}
    .teaser_btn a:link:last-child,.teaser_btn a:visited:last-child { margin-right:0;}

    .section3 .copy1 .teaser_btn { padding-top:4px;}
}
.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){
    .pc{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;} */
  
    .ds2-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;
    }


    .section-largeTeaser .slider-item .slider-word { position:absolute; left:20px; bottom:4px; width:90%; will-change: translate;}
    #largeTeaser1.slider-item .slider-word{top:63%;left:30%}
		
    .home-wrap h1 { color:#FFF; font-family: bmwTypeWebLightAll,Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif; font-weight: 300;
        font-size: 35px;
        line-height: 1.2;
        letter-spacing: .525px;
        margin-top: 13px;
        margin-bottom: 13px;
    }
    .home-wrap h3 { color:#FFF; font-family: bmwTypeWebLightAll,Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif; font-weight: 300;
        font-size: 20px;
        line-height: 1.4;
        letter-spacing: 0px;
        margin-top: -6px;
        margin-bottom: 10px;
        padding-bottom:10px;
    }
    .slider-btn { display: flex;}
    .section-largeTeaser .slider-word 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;}
    .blue-btn01:link, .blue-btn01:visited { float: left; width:42%;  line-height: 1.625rem; padding:0.625rem 0; font-weight: 700;font-size: 14px; color: #FFF; border:2px solid #a18f68; text-align: center; background-color:#a18f68; text-decoration: none; margin-right:16px; margin-bottom:16px;
        transition:background-color .25s ease;
    }
    .blue-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 .model_btn { position:absolute; top:2.5rem; right:0;}
    .section2 .model_title h1 { margin: auto 0; color:#262626; font-size: 28px;}
    
    .car_model { width: 92.8%; margin: auto; padding-bottom:28px;}
    .car_model .swiper-slide { width:28%; 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(opacity: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; left: 5%;}
    .car_model .swiper-slide .a1 .b1 { display: block; width:100%; font-size: 12px; font-weight: 100; letter-spacing:0; word-break: keep-all; text-align: justify; color:rgba(255,255,255,0.8);}
    .car_model .swiper-slide .a1 .b2 { display: block; font-size: 12px; margin-bottom:3px; height:auto; padding-top:10px; line-height: 0.725; font-weight: 300; color:#FFF; text-align: left; 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(opacity: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: 1px; background: #979797;}
    .swiper-scrollbar-drag { height: 5px; background: #a18f68; top:-2px;}
    
    .section2 .model_teaser { width: 92.8%; min-width:auto; margin-top:auto; left:3.6%; padding-bottom:48px; overflow: hidden;}
    .section2 .model_teaser .swiper-slide { width:calc(80% - 20px); background:none; float: none;}
    .section2 .model_teaser .swiper-slide .p1 { position: relative; width:100%; padding:3rem 0 20px; background: #FFF; margin-top:5rem;}
    .section2 .model_teaser .swiper-slide:last-child { margin-right:auto;}
    .section2 .model_teaser .swiper-slide .img01 { position:absolute; top:-4.5rem; left:10%; width: 80%;}
    .section2 .model_teaser .swiper-slide h1 { padding: 1.125rem 10% 0; font-size:1.25rem; color:#000; line-height: 1.2;}
    .section2 .model_teaser .swiper-slide .a1 { font-size:1rem; padding:0.4rem 10%; color:#555;}
    .section2 .model_teaser .swiper-slide .model_btn { width:calc(100% - 40px); margin:1.2rem auto auto;}
    .section2 .model_teaser .swiper-slide .model_btn a:link, .section2 .model_teaser .swiper-slide .model_btn a:visited { width:80%; margin-left: auto; margin-right:auto;}
    
    .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(opacity: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(opacity: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;}
    
    .ds2-icon--arrow-big-r-white { display: block; padding-left:12px; position: relative; transition:all 0.25s ease;}
    .ds2-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")}
    .ds2-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;}
    
    .ds2-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;}
    
    
    .model_btn { right:0;}
    .model_teaser .model_btn a:link:last-child,.model_teaser .model_btn a:visited:last-child { margin-right:0; margin-bottom:0;}
    .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(opacity: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 .ds2-cms-output a:link, #the-footer .tw-container .ds2-cms-output a:visited { color:#1366d7!important;}
#the-footer .tw-container .ds2-cms-output li{font-family:Arial,Helvetica,"Noto Sans CJK SC","Noto Sans",sans-serif}
#the-footer .tw-container .ds2-cms-output a:hover { color:#262626!important;}
#the-footer h4 {
	font-family: bmwTypeWebLightAll,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 400;
	padding-left:0;
	padding-right:0;
}*/



.sp_header{display: none}
.sjj_nav{display: none}
	.ds2-navigation .ds2-navigation-container{display: block}
@media only screen and (max-width: 980px){
	.ds2-navigation .ds2-navigation-container{display: none}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;position:fixed;z-index:10;width:100%;display: block;    background:rgba(0,0,0,.9);}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: block; background: linear-gradient(0deg, transparent, rgba(0,0,0,.9));}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px);margin-bottom: 0px;line-height:50px;height:50px}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #333 solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #333 solid;height:40px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #666 solid;margin-left:20px;position:relative;line-height:30px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #666 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fafafa;width:80%;line-height:50px;height:50px}
.sjj_nav ul li ul li a{color:#ccc;display:block;text-align:left;line-height:40px;height:40px;margin-bottom: 0px}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#999;line-height: 50px}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/	
	
	
	
	
	
	
	
	
	
	
	
}