.jia em{ -webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease; }
/*kv*/
.bannerSwiper{ width:100%; background: #131313; overflow: hidden; position: relative;}
.bannerSwiper .bottomkv{width:90%;position: absolute;right: 0;bottom:0;}
.bannerSwiper .swiper-container{ width: 100%; position: absolute; height: 100%; left: 0; top: 0; }
.bannerBotSwiper{ width:100%; height: auto; overflow: hidden; position: relative;;}

.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;}
.videoCon{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* padding-top: 28% */; overflow: hidden; }
/*.vvc{ background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 123%; margin-top: -8.5% }*/
.videoCon video{ width: 100%;/*  height: 100%; */ }
.pauseKv{ position: absolute; bottom:2%; left: 2%; width: 5%; }
.pauseKv img{ width: 100%; }
.windowHeight:hover .videoBtn{ display: block; opacity: 1; }
 .vvc video{ width: 100%; } 
 .vvc .video2-dimensions{ width: 100%; height:100%; } 
 .videoCon1 .vvc{ padding: 0 }
.videoBtn{ transition: all 1s;  opacity: 0; display: none; position: absolute; text-indent: -9999em;background: url(//www.tjprwl.com/default/images/video2.png) center center no-repeat; color: #fff; width: 100%; height: 100%;top: 0%; left: 0%;background-size: 5.5%;}
.videoCon1{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;}
.videoCon1 .vvc{background: #000;width:100%; height: 100%; margin: 0 auto; position: absolute; left: 0%; top: 0%;}
.videoCon1 video{ width: 100%;  height: 100%;  }


.windowHeight2{ overflow: hidden; }
/*外观*/
.swiperWG{ padding-top: 31%; }
.swiperWG .swiper-container{ position: absolute; left: 0; width: 100%; height: 100%; top:0;  }
.swiperWG .swiper-container .swiper-wrapper{ width: 400%; height: 100%; }
.swiperWG .swiper-container .swiper-wrapper .swiper-slide{ width: 25%; height: 100%; }


.swiperWG2{ padding-top: 31%; }
.swiperWG2 .swiper-container{ position: absolute; left: 0; width: 100%; height: 100%; top:0;  }
.swiperWG2 .swiper-container .swiper-wrapper{ width: 400%; height: 100%; }
.swiperWG2 .swiper-container .swiper-wrapper .swiper-slide{ width: 25%; height: 100%; }



.swiperVideo .swiper-container{ position: absolute; left: 0; width: 100%; height: 100%; top:0;  }
.swiperVideo .swiper-container .swiper-wrapper{ width: 600%; height: 100%; }
.swiperVideo .swiper-container .swiper-wrapper .swiper-slide{ width: 16.66%; height: 100%; }
.swiperWGPagination { bottom: 5%; }




.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: 100%;  }
.close{width: 50px;height: 0;position: absolute;background: url(//www.tjprwl.com/default/images/index/close_w.png) center center no-repeat;right: 20px;top: 20px;cursor: pointer;padding-top:50px;background-size: 80%;}
.videoW{ width: 100%;height: 100%; position: absolute; left: 0; top:0; background: #000; } 
.videoW .video-js { position: absolute; left: 0; top:50%; height:auto; } 




.waiguan{position: relative; padding-bottom: 4%; background-color: #FFFFFF;}
.waiguanMoreBtnMore{width: 100%;z-index: 2;}
.waiguanMore2{  }
.waiguanMoreBtn{width: 100%;position: absolute;bottom: 0;margin-bottom: 1%;z-index: 2;}
.waiguanMore{display: block;margin: 0 auto;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: .2em }
.waiguanMoreBtn.show .waiguanMore span{ transform: rotate(180deg); }
.morePage{ height: 0; overflow: hidden;  }


.swiperVideoItem{ padding:34.5% 0 0 0; position: relative; overflow: hidden;}
.swiperVideoItem .swiperVideo{ position: absolute; left: 0; height: 100%; width: 100%; top: 0 }
/*内饰*/
.neishi{position: relative; background-color: #FFFFFF;}
.neishi .content{
	background-color: #FFFFFF;
}
/*.neishi{position: relative; padding-bottom: 4%; }*/
.dongli .title,.va .title{position: absolute;width: 84%;left: 10%;top: 50%;margin-top: -8em;}
.jiagan .title,.va .title{position: absolute;width: 84%;left: 10%;top: 50%;margin-top: -8em;}
/* .neishi .title h1.pageTitle,.dongli .title h1.pageTitle,.va .title h1.pageTitle{ padding-bottom: 3%; } */
/*.swiperNSImg{ width: 100%; }
.swiperNSText{ position: absolute; left: 0; top: 0; height: 100%; }
.slideImg{ width: 50%; float: right; }
.nsIMG .title{width: 39%;position: absolute;padding: 0;left: 7.5%;top: 0;margin-top: 7%;}
/*.nsIMG .title h1.pageTitle{ margin-bottom: 3%;}*/

.neishiMorePage{ height: 0; overflow: hidden; }

.neishiMoreBtn{width: 100%;transform: translateY(-50%);/*position: absolute;bottom: 0;margin-bottom: -1.5%;z-index: 2;*/}
.neishiMoreBtn.show{  }
.neishiMore{display: block;margin:0 auto 0;width: 3%;position: relative;}
.neishiMore 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;}
.neishiMore em{font-style: normal;color: #898989; position: absolute;width: 200%;margin-left: -100%;text-align: center; letter-spacing: .2em }
.neishiMoreBtn.show .neishiMore span{ transform: rotate(180deg); }
.backgroundF { background: #ffffff; }
.safeText { height: 7em;line-height: 1.6em;padding-top: 2em; text-align: center;word-break: break-all; }
.safeText1 { height: 16em;line-height: 6em;text-align: center;word-break: break-all; }

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


.moreBtn, .neishiMore1{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{ border:1px solid #000; background: #000; color: #fff; }
.moreBtn3:hover{ border:1px solid #000; background: #000; color: #fff; }
.moreBtn2{color: #666666;letter-spacing: 0.25em;line-height: 1em;padding: .5% 0;background: url(../images/morebg.png) left bottom repeat-x;margin:0 auto 2%;display: block;width: 5.5em;text-align: center;}
.moreBtn2:hover{ color: #000;  }
.moreBtn.show{ display: none; }
.moreBtn3.show{ display: none; }
.hideMoreBtn{ margin-bottom: 3%; left: 7.5%; }
.neishiM{position: absolute;left: 7.6%;margin-bottom: 8%;bottom: 0;z-index: 2;}
.dongliM{ left: 3.6% }
.fadongjiM1{position: absolute;left: 3.7%;bottom: 0;}
.fadongjiM2{position: absolute;left: 34%;bottom: 0;}
.fadongjiM { margin-bottom: -2%; }
.dongliM2{margin-bottom: -3em;float: left;position: absolute;bottom: 0;}
.pageOutBtn{position: static;width: 5em;margin: 4% auto 0;}
.moreBtn3{position: relative;width: 5em;margin-top: 10%;}

.gongneng .content{
	background-color: #FFFFFF;
}



.neishiM{position: absolute;left: 7.6%;margin-bottom: 8%;bottom: 0;z-index: 2;}
.dongliM{ left: 3.6% }
.fadongjiM1{position: absolute;left: 3.7%;bottom: 0;}
.fadongjiM2{position: absolute;left: 34%;bottom: 0;}
.fadongjiM { margin-bottom: -2%; }
.dongliM2{margin-bottom: -3em;float: left;position: absolute;bottom: 0;}
.pageOutBtn{position: static;width: 5em;margin: 4% auto 0;}
/*功能介绍*/
.gnNav{position: absolute;width: 29%;left: 0;height: 102%;/* overflow: hidden; */}
.gnItem{height: 12.5%;position: relative;}
.gnItem:hover p,.gnItem.active p,.BtnBottomItem:hover{ background: #434343; color: #fff; cursor: pointer;}
.gnNav h1{/* position: absolute; */width: 100%;text-align: left;letter-spacing: 0.1em;height:10%;}
.gnNav h1 span{ display: block; line-height: 1em; }
.gnItem p{transition: all 0.5s;background: #e7e7e7;color: #666666;width: 100%;height: 85%;top: 0;left: 0;position: absolute;}
.gnItem strong{display: block;position: absolute;left: 5%;top: 50%;width: 7%;margin-top: -3.5%;}
.gnItem strong img.hover,.BtnBottomItem strong img.hover{ display: none; position: absolute; left: 0; width: 100%; top:0 }
.gnItem span{position: absolute;top: 50%;margin-top: -0.45em;left: 16%;letter-spacing: 0.25em;}

.gongnengMain{ width: 70%; position: relative; float: right; height: 0;padding-top:37.6%; overflow: hidden; }
.gongnengMain .nextSmall{ right:5%;  }
.gongnengMain .prevSmall{ left: 5%; }
.vid .next{ right:-5%;  }
.vid .prev{ left: -5%; }
.swiperVideoPagination{ position: relative; margin:1% auto 0; }
.swiperVideoPagination .swiper-pagination-switch{border: 1px solid #666666;}
.swiperVideoPagination .swiper-pagination-switch.swiper-visible-switch{ display: none;}
.swiperVideoPagination .swiper-pagination-switch.swiper-active-switch{ display: inline-block; background: #666666; }
.gongnengCon{ width: 100%; position: absolute;left: 0; top: 0; height: 100%; }
.gnMain{width: 100%;height: 100%;float: left;position: relative;}
.gnMain.on{}
.gnText{position: absolute;width: 92%;padding: 2% 4%;bottom: 0;left: 0;background: rgba(0,0,0,0.8);color: #fff;text-align: left;}
.gnText h1{margin-bottom: 0.5em;}
.gnText p{  }
.gnItem:hover p strong img.hover,.gnItem.active p strong img.hover,.BtnBottomItem:hover strong img.hover{ display: block; }
.BtnBottomItem:hover span{ color: #fff; }

.layer{ position: fixed; top: 0; left: 0; display: none; background: url(../images/opacity_wb.png); width: 100%; height: 100%; z-index: 20161011;}
.layer .ie7{ display: table; width: 100%; height: 100%;}
.layer .t_cell{ *position: absolute; top: 50%; left: 0; display: table-cell; vertical-align: middle; text-align: center;}
.layer .con{ position: relative; top: -50%; margin: 0 auto;}

#lay2 .con{  width: 100%; padding: 0 2%;}
#lay2 .close_btn{ float: right;position: absolute; top: -10%; right: 5%; cursor: pointer; width: 5%;}
#lay2 .video-js{ overflow: hidden;}
.videoC{ width: 100%; height: 100%; }

/*选择车型*/
.cars{padding-bottom: 3%;}
.cars .title{ padding-bottom: 0;background-color: #FFFFFF; }
.carsImg{width: 60%;float: left;margin: 0 3%;position: relative;padding-top: 27%;}
.choicCar{ }
.car360{position: absolute;right: 9%;bottom: -20%;width: 8%;}
.cars .col1_nav{position: absolute;left: 0;top: 0;margin: 0;}
.cars .col1Nav{width: 150px;}

.view_nav{
	    position: absolute;
    right: 22%;
    bottom: -20%;
    width: 55%;
}
.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:70% 70%;}
.view_nav li.color2 span{background: url(../images/index/color2.jpg) center center no-repeat #fff; background-size:70% 70%}
.view_nav li.color3 span{background: url(../images/index/color3.jpg) center center no-repeat #fff; background-size:70% 70%}
.view_nav li.color4 span{background: url(../images/index/color4.jpg) center center no-repeat #fff; background-size:70% 70%}
.view_nav li.color5 span{background: url(../images/index/color5.jpg) center center no-repeat #fff; background-size:70% 70%}
.view_nav li.color6 span{background: url(../images/index/color6.jpg) center center no-repeat #fff; background-size:70% 70%}
.view_nav li.color7 span{background: url(../images/index/color7.png) center center no-repeat #fff; background-size:70% 70%}
.view_nav li.color1.actColor span{background: url(../images/index/color1.jpg) center center no-repeat #e9e9e9;background-size: 70% 70%;}
.view_nav li.color2.actColor span{background: url(../images/index/color2.jpg) center center no-repeat #e9e9e9; background-size:70% 70%;}
.view_nav li.color3.actColor span{background: url(../images/index/color3.jpg) center center no-repeat #e9e9e9; background-size:70% 70%;}
.view_nav li.color4.actColor span{background: url(../images/index/color4.jpg) center center no-repeat #e9e9e9; background-size:70% 70%;}
.view_nav li.color5.actColor span{background: url(../images/index/color5.jpg) center center no-repeat #e9e9e9; background-size:70% 70%;}
.view_nav li.color6.actColor span{background: url(../images/index/color6.jpg) center center no-repeat #e9e9e9; background-size:70% 70%;}
.view_nav li.color7.actColor span{background: url(../images/index/color7.png) center center no-repeat #e9e9e9; background-size:70% 70%;}
.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;}


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

.videoZB{ position: absolute; left: 0; height: 100%; width: 100%; top:0;z-index: 5 }
.videoImg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 6 }
.videoImg img{  }
.videoImg img.playBtn{position: absolute;left: 50%;top: 50%;margin-top: -34px;margin-left: -34px;}


.carsText{width: 34%;float: left;text-align: left;background: #fff;z-index: 6;position: relative;}
.carsText h1{padding: 1% 0;margin-top: 16%;}
.carsText .carsTextMain{display: none; }
.carsText .carsTextMain.active{ display: block; }
.carsText ul{margin-top: 5%;margin-left: 1.5em; }
.carsText ul li{list-style: disc;}
.carBtn{width: 90%;clear: both;overflow: hidden;zoom: 1;margin-top: 13%;}
.carBtn a{background: #111111;color: #fff;padding: 1.5% 0;display: block;float: left;width: 30%;transition: all 0.5s;margin: 0 1%;text-align: center;}
.carBtn a:hover{background: #999;}

.carsBtnList{   
	 margin: 5% auto 3%;
    width: 100%;
    clear: both;
    overflow: hidden;
    zoom: 1;
    position: relative;
}
.carsBtnList .carsBtnItem{width: 11.1%;float: left;opacity: 0.5;cursor: pointer;}
.carsBtnList .carsBtnItem.active{ opacity: 1; }
.carsBtnList .carsBtnItem .cho_car{width: 95%;margin: 0 auto 3%;}
.carsBtnList .carsBtnItem p strong{display: block;}
.carsBtnList .carsBtnItem p span{display: block; letter-spacing: 0}

.BtnBottom{clear: both;overflow: hidden;zoom: 1;}
.BtnBottomItem{background: #e7e7e7;float: left;width: 30%;margin: 0 1.5%;padding: 1% 0 1.5%;cursor: pointer; transition: all 0.5s;}
.BtnBottomItem strong{display: block;position: relative; width: 11%;margin: 0 auto;}
.BtnBottomItem strong img{display: block;width: 100%; transition: all 1s;}
.BtnBottomItem span{display: block;color: #666666; }

.dongli{ margin-bottom: 3%; }
.jiagan{ margin-bottom: 3%; }
.slideImg2{ width: 45%; float: right; }
.slideImg3{width: 29%;float: left;}
.dongliMorePage{ height: 0; overflow: hidden; }
.jiaganMorePage{ height: 0; overflow: hidden; }
.smallImg.title{width: 48%;position: absolute;padding: 0;left: 3.5%;top: 0;margin-top: 3%;}
.smallImg2.title{width: 62%;position: absolute;padding: 0;left: 34%;top: 0;margin-top: 6%;}
/* .smallImg2.title h4.pageTips,.smallImg3.title h4.pageTips{ padding-top:1.5em; } */
.smallImg3.title{width: 48%;position: absolute;padding: 0;left: 3.5%;top: 0;margin-top: 6%;}
.dongliMorePage .title h5.pageTips span{ padding:1% 0 0 1.5em; }
.jiaganMorePage .title h5.pageTips span{ padding:1% 0 0 1.5em; }
/*创驰蓝天VA架构*/
.va{/* margin-top: 3%; */}
.fadongjiMorePage .smallImg.title .pageTitle {/* top: 17%; */}
.smallImg.title h4.pageTips{margin-top: 2%;}
.fadongjiMorePage .col1_list{ margin-top: 3% }

.otherJs{margin: 3% 0 2%;}
.otherJs .imgc{ position: relative; width: 98%;margin:  auto;overflow: hidden;}
.imgc p{transition: all 1s;position: absolute;left: 0;top: 0;width: 90%;height: 100%;padding: 10% 5% 0 5%;background: rgba(0,0,0,0.5);color: #fff;text-align: left; opacity: 0}
.imgc p span{ display:block;}
.imgc p span strong{ font-weight: normal; }
 a:hover .imgc p.forPC, a:hover .imgc em{ opacity: 1}
 .imgc em{ transition: all 1s;bottom:0; letter-spacing: 0.2em; display: block;text-align: center; font-style: normal; position: absolute; width:5em; left: 50%; padding:1% 3.5em; margin:0 0 5% -6em; border:1px solid #fff; opacity: 0; }
.otherJs img{  }
.otherJs a h1{margin: 4% auto;letter-spacing: 0.1em;border-right: 1px solid #ddd;color:#000;}

/*评测口碑*/
.media{padding: 2% 0;}
.col1_nav{margin-bottom: 2%;}
.col1Nav{width: 300px;margin: 0 auto;border: 1px solid #000;clear: both;overflow: hidden;zoom: 1;}
.col1Nav a{display: block;width: 50%;float: left;padding:0.5em 0;color: #000; cursor: pointer;}
.col1Nav a.active{background: #000;color: #fff;}
.media .swiper-slide{overflow: hidden;}
.media .swiper-slide a{position:relative;display: block;width: 95%;margin: 0 auto;}
.media .swiper-slide p{ transition: all 1s; position: absolute;left: 0;top: 0;width: 80%;height: 100%;padding: 10% 10% 0 10%;background: rgba(0,0,0,0.5);color: #fff;text-align: left; opacity: 0; }
.media .swiper-slide p strong{font-weight: normal;display: block;margin-bottom: 3%;}
.media .swiper-slide a:hover p{ opacity: 1; }
.media .swiper-slide span.new{position: absolute;background:;right: 0;top: 0;cursor: pointer;padding:1% 4%; background: #bb1511; color: #fff;  }
.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{left: -3%;}
.swiperMtBtn.nextSmall{right: -3%;}
.swiperGN1 .swiper-container,.swiperGN1 .swiper-wrapper{ height: 100%; }
.gnp{  }
/*活动*/
.activity .content {background: #000;}
.swiperAC img{  }
.swiperAC p{position: absolute;width: 50%;left: 10%;top: 0;margin-top: 8%;text-align: left;}
.swiperAC p strong{color: #fff;display: block;}
.swiperAC p span{display: block;margin-top: 1em;color: #fff;height: 5em;}
.swiperAC p a.activityMore{display: block;margin-bottom: 10%;border: 1px solid #ddd;color: #ddd;padding:0.5em 3.5em;float: left;margin-top: 5%;}
.swiperAC p a.activityMore:hover{ background: #fff; color: #000; border:1px solid #fff; }
/*卖点总结*/
.mediaItem { padding-top:20.5%; }
.mediaItem .swiper-container{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.highLight{padding-top: 1%;}
.highLightList{clear: both;overflow: hidden;zoom: 1;}
.highLightList .highLightItem{position: relative;float: left;}
.highLightList .highLightItem.hight1{width: 56.5%;}
.highLightList .highLightItem.hight2{width: 42.4%;margin-left: 1.1%;}
.highLightList2{clear: both;overflow: hidden;zoom: 1;margin-top: 1.1%;}
.highLightList2 .highLightItem{width: 32.6%;float: left;position: relative;}
.highLightList2 .highLightItem.hight3{margin-right: 1.1%;}
.highLightList2 .highLightItem.hight4{ }
.highLightItem .highText{position: absolute;width: 90%;padding: 0 5%;background: rgba(0,0,0,0.8);top: 100%;left: 0;height: 100%;color: #fff; cursor: pointer; transition: all 0.5s; }
.highLightItem .highText strong{font-weight: normal;display: block; margin-bottom: 4%;}
.highLightItem .highText span{height: 8em;display: block;}
.highLightItem:hover .highText{ display: block; top: 0; }
.highLightItem .highText p{position: absolute;left: 10%;bottom: 0;width: 80%;margin-bottom: 13%;}
/*金融支持*/
.jinrong{padding-top: 1%;}
.jinrongText{  }
.jinrongText img{  }
.jinrongText:hover img{ transform: scale(1); }

.pageBtn{ padding:3% 0; }

/* 内饰360弹层 */
.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;}

@media screen and (max-width: 1800px) {

.videoCon1 .vvc{background: #000;width: 100%;height: 100%;margin:-10.3% 0 0 0;}
}
@media screen and (max-width: 1680px) {
.dongli .title,.va .title{width: 85%;left: 9%;margin-top: -15em;}
.jiagan .title,.va .title{width: 85%;left: 9%;margin-top: -12em;}
.moreBtn{ left: 10%; }
}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1366px) {
.title h5.pageTips.line225 span{ line-height: 1.75em;    background-position: left 1em; }
.smallImg.title{ margin-top: 2%; }

}
@media screen and (max-width: 1300px) {
.swiperNSImg .title{ width: 45%;left: 2.5% }
.neishiM{ left: 2.5%; }
.hideMoreBtn{ left: 2.5%; }
.gnNav h1{ font-size:1.25em; line-height: 1.75em; }
}
@media screen and (max-width: 1024px) {
.dongli .title, .va .title,.swiperNSImg .title .pageTips{ width: 90%; left: 5%; }
.jiagan .title, .va .title,.swiperNSImg .title .pageTips{ width: 90%; left: 5%; }
  .swiperNSImg .title{ margin-top: 4% }
}
@media all and (min-width:0px) and (max-width:999px){

}
@media all and (min-width:768px) and (max-width:999px){
.carsBtnList{   margin: 6% 2% 3%; }
.waiguanMore em{ width: 300%; margin-left: -150%; }
.dongli .title, .va .title, .swiperNSImg .title .pageTips{ top: 10%; }
.jiagan .title, .va .title, .swiperNSImg .title .pageTips{ top: 10%; }
.dongli .title h4.pageTips{ height: 7em; overflow: hidden; }
.jiagan .title h4.pageTips{ height: 7em; overflow: hidden; }
}
.swiperGNPagination{ display: none; }
@media all and (max-width:768px){
	html{ letter-spacing: 0; }

	.bannerSwiper{ padding-top:83%;}
	.bannerBtn,.swiperWGBtn { display: none; }
	.KVplay .playBtn{ width: 14%; margin-left: -7%; top: 45% }
	.waiguan .feature1,.waiguan .feature2{ opacity: 1;    -webkit-transform: translateY(0px);  -ms-transform: translateY(0px); transform: translateY(0px); }

	.BtnBottomItem{width: 70%;margin: 7% 15% 0;padding: 3% 0;}
	.dongliMorePage,.neishiMorePage{ height: auto; }
	.w60{ width: 100%; }
	.w40{ width: 100%; }
	.col2_item.col2_text{  }

	.morePage{ height: auto; }
	.waiguanMoreBtn{ display: none; }
	.wgMoreBtn{ padding:4% 0 3%; }

	.neishi.feature1,.neishi .feature2{ opacity: 1;    -webkit-transform: translateY(0px);  -ms-transform: translateY(0px); transform: translateY(0px); }
	.col2_item.col2_text{ position: static; }
	.dongli .title, .va .title{position: static;margin: 0;text-align: center;}
	.jiagan .title, .va .title{position: static;margin: 0;text-align: center;}
	.moreBtn{ display: none; }
	.moreBtn3{ display: none; }
	.grayBg{ background: #fff; }
	.neishiMorePage{ width: 95%; margin:0 auto; background: #f3f3f3;}
	.neishiMorePage .grayBg{background: #f3f3f3; padding-bottom: 5%}

	.swiperNSImg .title{position: static;width: 100%;}
	.swiperNSImg .title .pageTips{position: static;text-align: center;width: 100%;}
	.slideImg{width: 100%;float: none;}
	.hideMoreBtn{ display: none; }

	.neishiM{ position: static;margin: 2% auto 1.5%;display: block;width: 5.5em;text-align: center; }
    .swiperNSBtn{ display: none; }
    .swiperNSPagination{ bottom: auto; top: 0; margin-top: 70%; }

    .pagination .swiper-pagination-switch.swiper-active-switch{  }
    .gnNav{position: static;width: 100%; padding:0 20px; height: 50px; line-height: 50px; overflow-x:scroll;text-align: left; white-space: nowrap; background: #e7e7e7; }
    .gnItem{ width: auto; display: inline-block; height: 50px; margin-left: -5px; }
    .gnItem:hover p, .gnItem.active p{background: #e7e7e7;color: #000;}
    .gnItem:hover p:before, .gnItem.active p:before{ content:""; background: #000; display: block; position: absolute; bottom: 0; height: 2px; left: 0; width:100%; }
    .gnItem p{position:static;width: auto;height: 50px; padding: 0 10px;}
    .gnItem strong{ display: none; }
    .gnItem span{ position: static; }
    .gongnengMain{position: static;width:100%;height: auto;padding: 0;}
    .gongnengCon{ position: static; height: auto; }
    .swiperGNPagination{position: absolute;bottom: auto;top: 0;margin-top: 54%;}
    .prevSmall, .nextSmall{ display: none; }
    .gnText{position: static;background: none;width: 92%;color: #000;text-align: center;padding: 9% 4%; background: #f3f3f3; }
    .gongnengMain{ background: #f3f3f3; }
    .gongneng{ padding: 0 ;background-color: #FFFFFF;}
    .carsImg{
    	width: 60%;
	    float: left;
	    margin: 0 3%;
	    position: relative;
	    padding-top: 32%;
    }
	.carsText{ width: 100%; margin:0 auto; }
	.view_nav{
		position: absolute;
	    right: 22%;
	    bottom: 0;
	    width: 55%;
		
	}
	.view_nav li{width: 16%;}
	.car360{right: 5%;bottom: 1.25em;}
	.view_nav li span{  }
	.view_nav li em{  }
	.carsText h1{margin-top: 7%;text-align: center;}
	.carsText ul{margin: 2% 0;line-height: 1.75em;}
	.carsText ul li{ list-style: none; text-align: center; }
	.carBtn{width: 97%;margin: 2% auto 5%;}
	.carBtn a{width: 31.3%;padding: 2.5% 0;}
	.carsBtnList .carsBtnItem{ width: 90%; margin:0 auto; }
	.cars{ padding-bottom: 7%; }
	.dongli .title.marginTop12, .va .title.marginTop12{ margin: 0; }
	.jiagan .title.marginTop12, .va .title.marginTop12{ margin: 0; }
	.title.marginTop15{
		margin-top: -15em !important;
	}
	.dongliMorePage{ display: none; }
	.jiaganMorePage{ display: none; }
	.fadongjiMorePage{ display: none; }
	.dongliM2{  }


	.otherJs .col3_item{ width: 100%; margin-bottom: 5%; }
	.otherJs .col3_item p.forWap,.otherJs .col3_item  a .imgc em.font90{ opacity: 1; }
	.otherJs .col3_item p.forWap{ padding-top:30%; text-align: center; font-size: 120%; }
	.otherJs .col3_item a .imgc em.font90{ margin-bottom: 17%; }
	.imgc p span.mazda{ display: inline; }
	.otherJs .col3_item  a .imgc em{  }
 	.otherJs .col3_item a:hover .imgc p.forPC{ display: none;}
 	.otherJs a h1{ display: none; }

 	.media .title h1.pageTitle{ padding-top: 0; }

 	.media .swiper-slide a{ width: 100%; }
 	.media .swiper-slide p{position: static;background: none;color: #000;opacity: 1;padding: 10% 10% 5% 10%;text-align: center;}
 	.swiperMtPagination{position: absolute;top: 0;margin-top: 84%;bottom: auto;}
 	.col1_nav{ margin-bottom: 5%; }
 	.mediaItem .wgMoreBtn{ padding-top: 0; margin-top: 0; margin-bottom: 5% }
 	.swiperAC p{position: static;width: 100%;text-align: center;}
 	.swiperAC p a.activityMore{margin: 0% auto 10%;float: none;width: 5em;}
 	.w50{ width: 100%; }
 	.pageBtn{ padding-bottom: 8%; }

 	.swiperNSPagination .swiper-pagination-switch{border: 1px solid #666666;background: none;}
	.swiperNSPagination .swiper-pagination-switch.swiper-visible-switch{ display: none;}
	.swiperNSPagination .swiper-pagination-switch.swiper-active-switch{ display: inline-block; background: #666666; }
 	.swiperGNPagination  .swiper-pagination-switch{border: 1px solid #666666;background: none;}
	.swiperGNPagination  .swiper-pagination-switch.swiper-visible-switch{ display: none;}
	.swiperGNPagination  .swiper-pagination-switch.swiper-active-switch{ display: inline-block; background: #666666; }
 	.swiperMtPagination   .swiper-pagination-switch{border: 1px solid #666666;background: none;}
	.swiperMtPagination   .swiper-pagination-switch.swiper-visible-switch{ display: none;}
	.swiperMtPagination   .swiper-pagination-switch.swiper-active-switch{ display: inline-block; background: #666666; }
 	.swiperMtPagination   .swiper-pagination-switch{border: 1px solid #666666;background: none;}
	.swiperMtPagination   .swiper-pagination-switch.swiper-visible-switch{ display: none;}
	.swiperMtPagination   .swiper-pagination-switch.swiper-active-switch{ display: inline-block; background: #666666; }
 	.swiperGNPagination  .swiper-pagination-switch{border: 1px solid #666666;background: none;}
	.swiperGNPagination  .swiper-pagination-switch.swiper-visible-switch{ display: none;}
	.swiperGNPagination  .swiper-pagination-switch.swiper-active-switch{ display: inline-block; background: #666666; }

	.swipercarsBtn { display: block; }
.swiperGNPagination.pagination1{ display: block; }
.gnMain{ height: auto; }
}