.designItem{ float:left; }
.designMain{ margin:0 auto;}

.designMain a{ display: block;  padding-bottom: 2.5em; background: #fff; }
.designMain h2{ padding-top: 1.25em; color: #000;}
.designMain .designImg{ overflow: hidden; }

.designMain h2.font100{  line-height: 2em; height: 6em; }
.designMain h2.font100.boldFont{ font-weight:bold; }
.designMain h2.font100.line175{ line-height: 1.75em; height: 5.25em; }
.designMain h2 em.mazda{ display: block;}
.designMain p{ padding-top: 0.75em; color: #000; height: 4em; overflow: hidden; }
.designMain p.lineAuto{ height:auto; overflow: visible; }
.designMain p span{ display: block; }
.enterList .designMain p{ padding-top: 0.75em; line-height: 2em; color: #000; }
.videoCon2{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 999;}
.videoCon2 .vvc{background: #000;width: 100%;height: 100%;margin:0;}
.videoCon2 video{ position: absolute; left: 0; top:0; width: 100%;  height: 90%;  }
.close{width: 50px;height: 0;position: absolute;background: url(../images/close_w.png) center center no-repeat;right: 20px;top: 20px;cursor: pointer;padding-top:50px;background-size: 80%;}

.KVplay{ position: absolute; left: 0; top:0; width: 100%; height: 100%; display: block; }
.KVplay .playBtn{width: 5%;margin-top: -2.5%;display: block;position: absolute;top: 50%;left: 48%;cursor: pointer;}
.security .designMain p{ height: 6em; }
.security .designMain p.lineAuto{ height: auto; }
.security .designMain a{ background: #fff; }
.security .designMain a.grayBG{ background: #f3f3f3; }
.security .designItem{ margin-bottom: 1%; }
.col2_item:hover img.noScale{ -moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }

.safeList{overflow: hidden;margin-bottom: 1.5%;}
.safeItem{float: left;}
.safeItem .safeMain{  }
.safeMain{margin:0 auto;border-bottom: 1px solid #000;padding-bottom: 1px;}
.safeItem a{display: block;border: 1px solid #fff;background: #fff;padding-bottom: 999px;margin-bottom: -999px;/* overflow: hidden; */}
.d-carframes{ margin-right: 0; }
.w98{ width: 98%; }
.title h1.pageTitle span.englishT.colorF{ color: #ffffff; }
.moreBtn,.neishiMore{transition: all 0.5s;display: block;position: absolute;left: 0%;bottom:0;margin-bottom: 10%;border: 1px solid #666666;color: #666666;padding:0.5em 3.5em;z-index: 2;}
.moreBtn.fff,.neishiMore{transition: all 0.5s;display: block;position: absolute;left: 0%;bottom:0;margin-bottom: 10%;border: 1px solid #ffffff;color: #ffffff;padding:0.5em 3.5em;z-index: 2;}
.citem .title{position: absolute;width: 84%;left: 10%;top: 50%;margin-top: -8em;}
.citem .moreBtn{transition: all 0.5s;display: block;position: absolute;left: 10%;bottom:0;margin-bottom: 10%;border: 1px solid #666666;color: #666666;padding:0.5em 3.5em;z-index: 2;}
.col2_item.col2_text.col2_text2{ right: auto; left: 0 }
.col2_item2{ margin-left:40%;}
.designImg{ overflow: hidden; }
.safeItem h2{ padding:1em 0 0.5em; text-align: left;  }
.safeItem h2.middleText{ padding:1em 0 0.5em; text-align: center;  }
.safeItem .safeText{padding: 0.5em 2em 3em 2em;text-align: left;}
.safeText p{ padding-bottom:0.25em;  }
.safeItem .safeText.middleText{  text-align: center;  }

.w97.marginBottom3{ margin-bottom: 3%; }
.designItitle a{ background: none;  }
.entertainment{ overflow: hidden; }
.entertainment .designMain a{ padding-bottom: 25em; margin-bottom: -24em; }

.title.paddingBottom10{ padding-bottom: 10%; }
.title.paddingBottom7{ padding-bottom: 7%; }
.bgf{ background: #fff; }
.positionR{ position:relative; }
.btn360{position: absolute;width: 10%;padding-top: 10%;left: 45%;top: 50%;margin-top: -5%;}
.moreTips{position: absolute;left: 50%;top:50%;margin:-129px 0 0 -261px;width: 522px;height: 258px;background:url(../images/tips_bg.png) 0 top no-repeat;z-index: 2;}
.moreTips span{
    animation: leftRight 2s linear 0s infinite alternate;
    -webkit-animation: leftRight 2s linear 0s infinite alternate;
    width: 150px;
    padding-top: 44px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 50%;
    background: url(../images/more.png) 0 top no-repeat;
    left: 50%;
    margin: -64px 0 0 -139px;
    }

.title1{position: absolute;left: 250px;top: 17%;}
.title2{position: absolute;left: 250px;bottom: 17%;}

.designMain2{  }
.designMain2 a,.designMain2 .aa{position: relative;  display: block; clear: both; overflow: hidden; zoom:1; }
.designMain2 a .col2_item,.designMain2 .aa .col2_item{height: 100%; transition: all 0.5s; }

.designMain2 a .title,.designMain2 .aa .title{ position: absolute; top: 50%; margin-top: -5em; left: 10%; width: 80%; }
.designMain2 a .title .more,.designMain2 .aa .title .more{margin-top: 1em;border: 1px solid #666666;color: #666666;padding: 0.35em 2.5em;float: left;font-style: normal;transition: all 0.5s;}
.designMain2 a .title .more:hover,.designMain2 .aa .title .more:hover{color: #fff; background: #000;}

.backgroundF{ background: #ffffff; }
.background0{ background: #000000; }
.colorF{ color: #fff; z-index: 2 }

.xtitle{ position: absolute; width: 40%; left: 50%; color: #fff; text-align: left; top: 50%; margin-top: -7em; }

.behindstoryList a{ background: #f3f3f3; margin-bottom: 5%; }

.cultureMiddleTop{ margin-top: -12%; }
.cultureMiddleTop2{ margin-top: -14%; }
.cultureMiddleTop3{ margin-top: -9em; }
.cultureMiddleTop4{ margin-top: -8%; }
.cultureMiddleTop5{ margin-top: -7em; }
.cultureMiddleTop9{ margin-top: -8em; }
.cultureMiddleTop6{ margin-top: -6em; }
.cultureMiddleTop7{ margin-top: -12em; }
.cultureMiddleTop11{ margin-top: -12em; }
.cultureMiddleTop8{ margin-top: -10%; }
.cultureMiddleTop12{ margin-top: -4em; }

.designconcept1{ position:absolute; height: 100%; left: 0; top: 0; }
.designconcept2{ position:absolute; height: 100%; right: 0; top: 0; }
.designconcept1.left-5{ left:-5%; }
.designText{color: #fff;position: absolute;left: 32%;bottom: 2em;}
.designText span{ display: block; }
.viewsafe9{ position:absolute; height: 100%; right: 0; top: 0; }
.viewsafe9.right-5{ right:-5%; }
.flBtn{ float: left; }
.middleBtn{ width: 5em; text-align: center; }

.title.baT{ top: 50%; margin-top: -4.5em; position:absolute; }

.col2_item.col2Text{  }
.col2_item.col2Text .title{ position:absolute; left: 65%; top: 50%; margin-top: -2em;  }

/* .moreBtn{transition: all 0.5s;display: block; width: 5em; margin:0 auto; border: 1px solid #666666;color: #666666;padding:0.35em 3.5em;z-index: 2;}
.moreBtn:hover{ border:1px solid #000; background: #000; color: #fff; }
 */

.swiperSBtn.prev{background: url(../images/prev.png) center center no-repeat;background-size: 100% auto;left: -3%;}
.swiperSBtn.next{background: url(../images/next.png) center center no-repeat;background-size: 100% auto;right: -3%;}

.stroySwiper .safeText h2{ height: 3.5em; padding-bottom: 0.5em; text-align: center; }
.stroySwiper .safeText p.middleText{text-align: center; }

.colord{ color: #a6a6a6 }

.viewsafeItem{ border:2px solid #6f6f6f; }
.viewsafeItem h1{ color: #fff; background: #6f6f6f; }
.viewsafeItem.active{ border-color: #ffbb00; }
.viewsafeItem.active h1{ background:#ffbb00; }

.jqr{  }

.heritageVideoItem{  }
.heritageVideo{ max-height: 500px;background: #000;  }

.museumMain .swiper-slide{ width: auto; cursor: pointer;}
.museumItem .title{ white-space: normal; }
.museumMain{ position: relative; text-align: left; overflow:hidden; width: 99%; padding:10px 0; margin:0 auto; }
.museumMainTop{ padding:5px 50px 0 50px; margin-bottom: -3px; vertical-align: bottom; white-space: nowrap; }
.museumMainMiddle{height:30px; background: url(../images/brand/museum1.jpg) 0 bottom repeat-x;  }
.museumMainBottom{  padding:0 0 5px 50px;  vertical-align: top;white-space: nowrap;  }
.museumItem{ position: relative; width: 300px; padding:20px 30px;display: inline-block;*display:inline;zoom: 1; border-left: 1px solid #000; }
.museumItem1{ width: 400px; }
.museumItem2{  width: 230px; }
.museumItem4{  width: 320px; }
.circle{ position: absolute;left: -5px;  width: 10px; height: 10px; background: #000; border-radius: 50%; } 


.museumMainTop .circle{ top: -5px; }
.museumMainBottom .circle{ bottom: -5px; }
.museumItem .title{ float: left; }
/* .museumItem span img{ width: 90%; margin:15px auto 0; display: block; }
.museumItem1 span img{ width: 70%; margin:15px 0 0 0; }
.museumItem2 span img{ width: 100%; margin:15px 0 0 0; }
.museumItem4 span img{ width: 50%; margin:15px 0 0 0; } */
.museumItem span img{ width: 70%; margin:15px 0 0; display: block; }
.museumItem1 span img{ width: 50%; margin:15px 0 0 0; }
.museumItem2 span img{ width: 90%; margin:15px 0 0 0; }
.museumItem4 span img{ width:50%; margin:15px 0 0 0; }
.year4{ margin-left:60px; }
.year2{ margin-left:30px; }
.year3{ margin-left:45px; }
.year5{ margin-left:75px; }
.year6{ margin-left:90px; }
.museumItem .img{ width: 40%; float: left;  }
.museumItem .img img{ width: 100%; }
 .mCSB_scrollTools .mCSB_draggerContainer{ bottom: -30px; top: auto; }
.museumItem3,.museumItem5 { width: 500px; }
.museumItem3 .title,.museumItem5 .title{ width: 55%; }
.museumMainTop .title h1.pageTitle{ padding-top: 0 }

.museumMainBottom .museumItem{ display: block; float: left; }


.storyItemLeft{float: left;width: 41.1%;}
.storyItemMiddle{float: left;width: 32.8%;margin-left: 0.8%;}
.storyItemRight{float: left;width: 24.4%;margin-left: 0.8%;}
.storyItemBottom{float: left;width: 100%;margin-top: 0.8%;}
.storyItem1{padding-top: 36.5%;margin-bottom: 2%;}
.storyItem2{padding-top: 36.5%;width: 50%;float: left;}
.storyItem3{padding-top: 36.5%;float: left;width: 48%;margin-left: 2%;}
.storyItem4{padding-top: 36.5%;float: left;width: 100%;margin-top: 2%;}
.storyItem5{padding-top: 46.3%;}
.storyItem6{padding-top: 94%;margin-top: 2%;}
.storyItem7{padding-top: 127%;margin-bottom: 3%;}
.storyItem8{padding-top: 61%;}
.storyItem9,.storyItem10,.storyItem11,.storyItem12{  }
.storyItem9{padding-top: 12%;width: 24.3%;float: left;}
.storyItem10{padding-top: 12%;width: 24.3%;float: left;margin-left: 0.8%;}
.storyItem11{padding-top: 12%;width: 24.3%;margin-left: 0.8%;float: left;}
.storyItem12{padding-top: 12%;width: 24.5%;margin-left: 0.9%;float: left;}
.storyItem{ position: relative; height: 0; overflow: hidden; }
.storyItem p{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background: #000; color: #fff; padding:10px 0; }
.storyItem img{ position: absolute; left: 0; top: 0; width: 100%; }

.zhuanziItem1{position: relative;margin-bottom: 1.5%;background: #000;position: relative;}
.zhuanziItem1 .title{position: absolute;left: 60%;color: #fff;top: 50%;margin-top: -2.5em;}
.zhuanziItem2{width: 49.25%;float: left;}
.zhuanziItem2 .title{padding: 5% 0;}
.zhuanziItem3{width: 49.25%;float: left;margin-left: 1.5%;}
.zhuanziItem3 .title{  padding: 5% 0; }
.zhuanziItem{ }
.zhuanziItem .img{ overflow: hidden; }
.zhuanziItem em.moreBtn{ border-color: #fff; width:4.5em; text-align: center; color: #fff; margin:2em 0 0 0;  font-style: normal; }
.zhuanziItem2 em.moreBtn,.zhuanziItem3 em.moreBtn{ border-color: #000; color: #000; margin:3% auto 0;}
.zhuanziItem1 a:hover em.moreBtn{ background: #fff; color: #000; }
.zhuanziItem2 a:hover em.moreBtn,.zhuanziItem3 a:hover em.moreBtn{ border-color: #000; background: #000; color: #fff;  }
.zhuanziItem2 .img,.zhuanziItem3 .img{ padding-top: 33%; position: relative;}
.zhuanziItem2 .img img,.zhuanziItem3 .img img,.zhuanziItem1 .img img{ position: absolute; left: 0; top:0; }
.zhuanziItem1 .img{padding-top: 19%;position: relative;}
.zhuanziItem1 .img img{ width:50%; }

.swiperWG .next{ right: 0 }
.swiperWG .prev{ left: 0 }
.index-loading{ background: #f3f3f3 }
.tips360{position: absolute;top: 50%;right: 0;margin-top: 17%;}
.carsImg{width: 94%;float: left;margin: 0 3%;position: relative;padding-top:45%;overflow: hidden;}
.choicCar{ }
.car360{position: absolute;right: 50%;bottom: 3em;width: 60px;margin-right: -292px;}
.cars .col1_nav{position: absolute;left: 0;top: 0;margin: 0;}
.cars .col1Nav{width: 150px;}

.view_nav{position: absolute;right: 50%;bottom: 3em;width: 500px;margin: 0 -250px;}
.view_nav li{float: left;width: 16%;position: relative;}
.view_nav li span{width: 70%;height: 0;padding-top: 70%;display: block;margin: 0 auto;cursor: pointer;}

.view_nav li.color1 span{background: url(../images/index/color1.jpg) center center no-repeat #fff;background-size:80% 80%;}
.view_nav li.color2 span{background: url(../images/index/color2.jpg) center center no-repeat #fff; background-size:80% 80%}
.view_nav li.color3 span{background: url(../images/index/color3.jpg) center center no-repeat #fff; background-size:80% 80%}
.view_nav li.color4 span{background: url(../images/index/color4.jpg) center center no-repeat #fff; background-size:80% 80%}
.view_nav li.color5 span{background: url(../images/index/color5.jpg) center center no-repeat #fff; background-size:80% 80%}
.view_nav li.color6 span{background: url(../images/index/color6.jpg) center center no-repeat #fff; background-size:80% 80%}
.view_nav li.color1.actColor span{background: url(../images/index/color1.jpg) center center no-repeat #e9e9e9;background-size: 80% 80%;}
.view_nav li.color2.actColor span{background: url(../images/index/color2.jpg) center center no-repeat #e9e9e9; background-size:80% 80%;}
.view_nav li.color3.actColor span{background: url(../images/index/color3.jpg) center center no-repeat #e9e9e9; background-size:80% 80%;}
.view_nav li.color4.actColor span{background: url(../images/index/color4.jpg) center center no-repeat #e9e9e9; background-size:80% 80%;}
.view_nav li.color5.actColor span{background: url(../images/index/color5.jpg) center center no-repeat #e9e9e9; background-size:80% 80%;}
.view_nav li.color6.actColor span{background: url(../images/index/color6.jpg) center center no-repeat #e9e9e9; background-size:80% 80%;}
.view_nav li em{display: none;font-style: normal;position: absolute;width: 200%;left: -50%;bottom: 0;margin-bottom: -1.75em;text-align: center;}
.view_nav li.actColor em{display: block;}
.nsPage360{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: #000; }
.nsPage360 iframe{ display: block; width: 100%; height: 100%; }
.nsPage360 a.close{position: absolute;top: 2%;right: 2%;background: url(../images/close_w.png) center center no-repeat;background-size:100% auto;z-index: 2;display: block;width: 50px;height: 50px;}
.nsPage360 ul{ position: absolute; bottom:3%; left: 50%; overflow: hidden; width:300px; margin-left: -150px; z-index: 5;}
.nsPage360 ul li{width: 50%;float: left;color: #dcdddd;text-align: center;cursor: pointer;}
.nsPage360 ul li span{display: block;width: 100%;text-align: center;margin-bottom: 1em;}
.nsPage360 ul li .w100{width: 90%;margin: 0 auto;}
.nsPage360 ul li.active{color: #fff;}
.ns360tips{ position: absolute;bottom: 2%;left: 2%;color: #ffffff;}
.tips360{position: absolute;right: 11%;bottom: 0;margin-bottom: 10%;}


@-webkit-keyframes leftRight{
    0%{ -webkit-transform:translate(0,0);transform:translate(0,0);   }
    50%{-webkit-transform:translate(-5%,0);transform:translate(-5%,0); }
    100%{-webkit-transform:translate(5%,0);transform:translate(5%,0); }
}
@keyframes leftRight{
    0%{ -webkit-transform:translate(0,0);transform:translate(0,0); }
    50%{-webkit-transform:translate(-5%,0);transform:translate(-5%,0); }
    100%{-webkit-transform:translate(5%,0);transform:translate(5%,0); }
}

@media screen and (max-width: 1800px) {
  .paddingText1{ padding-top: 3%; }
}


@media screen and (max-width: 1600px) {
  .jqr{ width: 60%; }
  .jqrText{ margin-top: -9em; }
}
@media screen and (max-width: 1400px) {
  .paddingText1{ padding-top: 0%; }
.cultureMiddleTop3{ margin-top: -10em; }
}

@media screen and (max-width: 1280px) {
  .textImgItem img.textImgI185{ width: 160%; }
  .textImgItem img.textImgI155{ width: 194%; }
}
@media screen and (max-width: 1024px) {
  .textImgItem .title.w80{ width: 80% }
  .jqr{ width: 70%; }
  .jqrText{ margin-top: -13em; }
}