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

.swiperWG{ padding-top: 40%; }
.swiperWG .swiper-container{ position: absolute; left: 0; width: 100%; height: 100%; top:0;  }
.swiperWG .swiper-container .swiper-wrapper{ width: 700%; height: 100%; }
.swiperWG .swiper-container .swiper-wrapper .swiper-slide{ width: 14.28%; height: 100%; }


.safeList{overflow: hidden;margin-bottom: 1.5%;}
.safeItem{float: left;}
.safeItem .safeMain{  }
.zgItem .safeMain{     padding-bottom: 100px;
    margin-bottom: -100px; }
.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: 17%;padding-top: 12%;left: 42%;top: 50%;margin-top: -7%;}
.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: 4em; padding-bottom: 0.5em; text-align: center; }
.stroySwiper .safeText p.middleText{text-align: center; height:4em; }

.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: -5% }
.swiperWG .prev{ left: -5% }
.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:40%;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.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 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 img{border:1px solid #999999;}
.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;}
.nsPage360 ul li.active img{border:1px solid #bb1511;}

.ns360tips{ position: absolute;bottom: 2%;left: 2%;color: #ffffff;}
.tips360{position: absolute;right: 11%;bottom: 0;margin-bottom: 10%;}

.swiperWgImg{ width: 100%; }
.swiperNSText{ position: absolute; left: 0; top: 0; height: 100%; }
.slideImg{ width: 50%; float: right; }
.swiperWgImg .slideText{width: 39%;position: absolute;padding: 0;left: 7.5%;top: 0;margin-top: 7%;}



.iconTitle{position: absolute;height: 50%;background: url(../images/brand/line.png) 0 0 repeat-y;bottom: 0;width: 7.7%;left: 0;background-size: 100% auto;}
.iconTitle2.iconTitle{height: 100%;}
.iconTitle3.iconTitle{ bottom:auto; top: 0}
.iconTitle .icon{position: absolute;width: 100%;top: 0;margin-top: -100%;}
.iconTitle2 .icon{top: 50%;margin-top: -60%;}
.iconTitle3 .icon{top:auto;bottom:0;margin-bottom:-100%;}
.connectList{padding-left: 12%;}
.connectList2{padding-left: 27%;}
.connectItem{width: 50%;float: left;}
.color6{ color: #666666; }
.connectImg{}
.connectList2Img{position: absolute;left: 12%;width: 15%;top: 0;}
.connectItem3 .col2_item{ width: 50%; }
.connectItem3 .col2_item.connectImg{ width: 45%; }
.connectItem3 .col2_item.connectText{ width: 49%; padding:0 3%; }
.connectItem.connectItem1 .col2_item.connectImg{width: 60%;}
.connectItem.connectItem1 .col2_item.connectText{width: 35%;padding-left: 5%;}
.connectItem.connectItem2 .col2_item.connectImg{width: 27.5%;}
.connectItem.connectItem2 .col2_item.connectText{width: 67.5%;padding-left: 5%;}
.connectItem.connectItem1 .col2_item .title,.connectItem.connectItem2 .col2_item .title{  padding-top: 1em; }
.connectItem .col2_item .title h1{background: #959595;color: #fff;float: left;padding: 0.25em 1em; margin-bottom: 1em;}
.connectItem .col2_item .pageTips {width: 100%;float: left; letter-spacing: 0}
.connectItem .col2_item .pageTips span {  }

.connectItem.connectItem4{width: 29%;}
.connectItem.connectItem5{width: 65%;}
.connectItem.connectItem6 .col2_item.connectImg{width: 28%;}
.connectItem.connectItem6 .col2_item.connectText{width: 60%;padding-left: 5%;}
.connectItem.connectItem6 .col2_item.connectText .title{ padding-top: 1em; }

@-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: 1085px) {
  .connectItem .col2_item .title h1{ font-size: 100%;    padding: 0.25em 0.5em; margin-bottom: 0.5em;}
}
@media screen and (max-width: 1024px) {
  .textImgItem .title.w80{ width: 80% }
  .jqr{ width: 70%; }
  .jqrText{ margin-top: -13em; }
}

















/*  */
.w865 {
  width: 86.5%;
}

.navigatorNav{
  text-transform:none;

}
#video3,
#img3 {
  display: none;
}
.overHidden {
  position: relative;
}
.marginTop8 {
  margin-top: 8%;
}
.marginBottom8 {
  margin-bottom: 8%;
}
.waiguanMoreBtn {
  width: 100%;
  position: absolute;
  bottom: 0%;
  z-index: 2;
  margin-bottom: 2%;
}
.waiguanMoreBtn2 {
  width: 100%;
  z-index: 2;
}
.waiguanMore {
  display: block;
  margin: 0 auto 0;
  width: 3%;
  position: relative;
}
.waiguanMore span {
  transition: all 0.5s;
  width: 100%;
  margin: 0 auto;
  background: url(../images/index/more.png) center top no-repeat;
  display: block;
  padding-top: 100%;
  background-size: 100% auto;
}
.waiguanMore em {
  font-style: normal;
  color: #898989;
  position: absolute;
  width: 200%;
  margin-left: -100%;
  text-align: center;
  letter-spacing: 0.2em;
}
.waiguanMoreBtn.show .waiguanMore span {
  transform: rotate(180deg);
}
.waiguanMoreBtn2.show .waiguanMore span {
  transform: rotate(180deg);
}
.morePage {
  height: 0;
  overflow: hidden;
}

.moreBtn,
.neishiMore {
  transition: all 0.5s;
  display: block;
  position: absolute;
  left: 15%;
  bottom: 0;
  margin-bottom: 10%;
  border: 1px solid #666666;
  color: #666666;
  padding: 0.5em 3.5em;
  z-index: 2;
}
.moreBtn:hover,
.neishiMore:hover {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.moreBtn {
  transition: all 0.5s;
  position: initial;
  border: 1px solid #666666;
  color: #666666;
  padding: 1em 0;
  z-index: 2;
  width: 8%;
  margin: 2% auto 4%;
  letter-spacing: 3px;
  color: #666666;
}
.videoCon3 .vvc {
  padding: 0;
}
.videoCon3 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
  overflow: hidden;
  z-index: 999;
}
.videoCon3 .vvc {
  background: #000;
  width: 960px;
  height: 540px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -480px;
  margin-top: -270px;
}
.videoCon3 video {
  width: 100%;
  height: 100%;
}
.videoTitle {
  position: absolute;
  top: 0;
  margin-top: -2.5em;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
}

.close {
  width: 50px;
  height: 0;
  position: absolute;
  background: url(//www.changan-mazda.com.cn/default/images/close_w.png) center
    center no-repeat;
  right: 0;
  top: 0;
  cursor: pointer;
  padding-top: 50px;
  background-size: 80%;
}
.videoCon3 .close {
  width: 50px;
  height: 0;
  position: absolute;
  background: url(../images/close_w.png) center center no-repeat;
  right: 0;
  top: -50px;
  cursor: pointer;
  padding-top: 50px;
  background-size: 80%;
}
/*第二屏视频列表*/
.videoA {
  position: relative;
  width: 49%;
  float: left;
  overflow: hidden;
}
.videoA.videoARight {
  margin-left: 2%;
}

.videoBtnIcon {
  opacity: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.7) url(../images/brand/video-play.png) center 70%
    no-repeat;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: 8%;
  transition: opacity 1s;
  color: #fff;
}
.videoBtnIcon:hover {
  opacity: 1;
}
.video-warper {
  background: #f7f7f7;
  overflow: hidden;
  position: relative;
}
.swiperMtPagination {
  position: relative;
  margin: 2% auto 0;
}
.swiperMtPagination .swiper-pagination-switch {
  border: 1px solid #666666;
}
.swiperMtPagination .swiper-pagination-switch.swiper-visible-switch {
  display: none;
}
.swiperMtPagination .swiper-pagination-switch.swiper-active-switch {
  display: inline-block;
  background: #666666;
}
.swiperMtBtn.prevSmall {
  margin-left: -3%;
  margin-top: -1%;
}
.swiperMtBtn.nextSmall {
  margin-right: -3%;
  margin-top: -1%;
}
.video-warper2 {
  background: #f7f7f7;
}
.video-warper2 .col3_item {
  width: 32.6%;
  margin: 0 0.3%;
}
.video-warper2 .font125 {
  margin-top: 15%;
}
.video-warper2 .font100 {
  line-height: 1.5em;
}
.videoBT {
  width: 10%;
  padding-top: 10%;
  position: absolute;
  background: url(//www.changan-mazda.com.cn/default/images/video.png) center
    center no-repeat;
  left: 45%;
  top: 50%;
  margin-top: -5%;
  cursor: pointer;
  background-size: 100%;
}
.imgBT {
  width: 10%;
  padding-top: 10%;
  position: absolute;
  background: url(../images/img.png) center center no-repeat;
  left: 45%;
  top: 50%;
  margin-top: -5%;
  cursor: pointer;
  background-size: 100%;
}
.linkBT {
  width: 10%;
  padding-top: 10%;
  position: absolute;
  background: url(../images/link.png) center center no-repeat;
  left: 45%;
  top: 50%;
  margin-top: -5%;
  cursor: pointer;
  background-size: 100%;
}

.tit-img img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 6.75%;
  margin: 0 2.52%;
}
.tit-img span {
  vertical-align: middle;
  font-size: 94%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 2.52%;
}
.tit-img {
  margin-top: 3.49%;
  margin-bottom: 5.26%;
}
.tit-text {
  letter-spacing: 3px;
}
.prevSmalln {
  background: url(../images/brand/xnx_prev.png) center center no-repeat;
  background-size: 100% auto;
}
.nextSmalln {
  background: url(../images/brand/xnx_next.png) center center no-repeat;
  background-size: 100% auto;
}
.swiperWgImg {
  background: #1b1b1b;
  padding-top: 31.65%;
  overflow: hidden;
}
.swiperWgImg .slideText {
  margin-top: 4%;
  color: #f8f5f5;
}
.swiperWgImg .slideText .floatRight {
  /* margin-top: 25%; */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.slideImg {
  background: #eeeeee;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.slideImg .swiper-wrapper,.slideImg .swiper-wrapper .swiper-slide{
  height: 100% !important;
}
.swiper-slide{
  transform:translate3d(0,0,0)
}
.slideImg .slideImg-text {
  width: 75%;
  margin: 0 auto;
  text-align: left;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
}
.slideImg .slideImg-text img {
  width: 9.8%;
}
.slideImg .slideImg-text .font100 {
  line-height: 1.5em;
}
.slideImg .slideImg-text .hr {
  border-top: 1px dashed #313131;
  opacity: 0.8;
  margin: 4.13% 0;
}
.slideImg .slideImg-text .quotation-right {
  float: right;
}
.video-warper .video-warper2 {
  display: none;
}
.video-warper .video-warper2 .col3_item {
  width: 31.9%;
  margin: 0 0.7% 2.5%;
}
.video-warper .video-warper2 .videoBtnIcon,.sxh .videoBtnIcon {
  background: rgba(0, 0, 0, 0.7) url(../images/brand/video-play.png) center
    center no-repeat;
  background-size: 8%;
}
.video-warper .video-warper2 .text {
  letter-spacing: 3px;
  color: #010101;
}
.media {
  background: #fff;
}
.media2 {
  display: none;
}
.media .videoBtnIcon {
  background: rgba(0, 0, 0, 0.7);
  padding: 0 10%;
  box-sizing: border-box;
  text-align: right;
}
.media .videoBtnIcon p {
  text-align: left;
  height: 4em;
  line-height: 1.5em;
}
.media.video-warper2 .col3_item {
  width: 31.9%;
  margin: 0 0.7% 1%;
}
.waiguanMoreBtn2 {
  position: inherit;
  display: none;
}