/* 轮播 */
.banner{
  width: 100vw;
  height: 45vw;
}
.swiperBanner{
  width: 100vw;
  height: 45vw;
}
.banner .swiperBanner .swiper-wrapper .swiper-slide a{
  height: 100%;
}
.banner .swiperBanner .swiper-wrapper .swiper-slide a img{
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
/* 导航 */
.nav{
  width: 100vw;
  height: 46vw;
  background: white;
}
.nav .swiperNav .swiper-wrapper .swiper-slide .navbox a{
  display: block;
  width: 16vw;
  height: 18vw;
  background-size: 70%;
  background-position: center 4vw;
  text-align: center;
  font-weight: 100;
  padding-top: 16vw;
  box-sizing: border-box;
  margin: 0 2vw;
  font-size: 4.6vw;
}
.nav .swiperNav .swiper-wrapper .swiper-slide .navbox a span{
  font-size: 3.4vw;
}
.swiperNav {
  width: 100vw;
  height: 50vw;
}
.nav .swiperNav .swiper-wrapper .swiper-slide .navbox{
  width: 100%;
  height: 40vw;
  display: flex;
  flex-wrap: wrap;
}
.navbox .esc{
  background: url(/static/modular/che/images/che_admin.png) no-repeat;
}
.navbox .qgg{
  background: url(/static/modular/che/images/quanguogou.png) no-repeat;
}
.navbox .xc{
  background: url(/static/modular/che/images/xinche.png) no-repeat;
}
.navbox .mfmc{
  background: url(/static/modular/che/images/maiche.png) no-repeat;
}
.navbox .gj{
  background: url(/static/modular/che/images/gujia.png) no-repeat;
}
.navbox .ccj{
  background: url(/static/modular/che/images/chachengjiao.png) no-repeat;
}
.navbox .bk{
  background: url(/static/modular/che/images/baike.png) no-repeat;
}
.navbox .rxph{
  background: url(/static/modular/che/images/rexiaopaihang.png) no-repeat;
}
.navbox .rxSUV{
  background: url(/static/modular/che/images/rexiaosuv.png) no-repeat;
}
.navbox .zxc{
  background: url(/static/modular/che/images/zhunxinche.png) no-repeat;
}
.navbox .kszc{
  background: url(/static/modular/che/images/kuaisuzhaoche.jpg) no-repeat;
}
.navbox .jjjs{
  background: url(/static/modular/che/images/jiangjiajishou.png) no-repeat;
}.navbox .jrcz{
  background: url(/static/modular/che/images/jinrichaozhi.png) no-repeat;
}
/* 二手车 */
.second-car{
  width: 100vw;
  margin-top: 1.8vw;
  background: white;
  padding-bottom: 4vw;
}
.second-car .title{
  width: 100vw;
  height: 12vw;
  position: relative;
  border-bottom: 1px solid #F5F7FA;
}
.second-car .title h4{
  width: 30vw;
  font-weight: 400;
  height: 100%;
  line-height: 12vw;
  padding-left: 3vw;
  color: #303741;
  font-size: 4vw;
}
.second-car .title .more{
  display: block;
  height: 100%;
  padding-right: 3vw;
  line-height: 12vw;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 3.4vw;
  color: #B7B2B2;
  font-weight: 100;
}
.second-car .item{
  width: 100%;
  height: 33vw;
}
.second-car .item .list{
  width: 100%;
  height: 11vw;
  display: flex;
  flex-wrap: wrap;
  line-height: 11vw;
}
.second-car .item .brand{
  width: 100%;
  height: 22vw;
  display: flex;
  flex-wrap: wrap;
}
.second-car .item ul li{
  width: 25vw;
  height: 11vw;
}
.second-car .item ul li a{
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  /* line-height: 11vw; */
  color: #303741;
  font-size: 4vw;
}
.second-car .item .brand li a{
  box-sizing: border-box;
  padding: 2.6vw 0 ;
}
.second-car .item .brand li a span{
  color: #303741;
}
.second-car .item .brand li a img{
  display: inline-block;
  vertical-align:top;
  width: 5vw;
  height: 5vw;
  margin-top: .2vw;
}
/* ....不知道是啥 */
.poster{
  width: 100vw;
  box-sizing: border-box;
  padding: 4vw 3vw 0;
}
.poster ul {
  width: 100%;
  height: 100%;
}
.poster ul li {
  box-sizing: border-box;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.poster ul li a{
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 4vw 0 0 4vw;
  font-size: 4vw;
}
.poster ul li a p{
  color: #303741;
  font-size: 3.8vw;
}
.poster ul li a span{
  color: #ff7141;
  font-size: 3vw;
}
.poster ul .item2 a{
  text-align: center;
  padding-left: 0;
}

.poster ul .bg-jrcz{
  background: url(/static/modular/che/images/bg-jinrichaozhi.png) no-repeat;
}
.poster ul .bg-jjjs{
  background: url(/static/modular/che/images/bg-jiangjiajishou.png) no-repeat;
}
.poster ul .bg-zxc{
  background: url(/static/modular/che/images/bg-zhunxinche.png) no-repeat;
}
.poster ul .bg-bksuv{
  background: url(/static/modular/che/images/bg-baokuansuv.png) no-repeat;
}
.poster ul .bg-kqqg{
  background: url(/static/modular/che/images/bg-keqianquanguo.png) no-repeat;
}
.poster ul .item1{
  width: 50%;
  height: 30vw;
  float: left;
  background-size:auto 100%;
  background-position: center center;
}
.poster ul .item2{
  float: left;
  width: 33.3%;
  height: 32vw;
  background-size:100% auto;
  background-position: center center;
}
.poster::after{
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
/* 新车 */
.newcar{
  width: 100vw;
  height: 100vw;
  background: #fff;
  margin-top: 1.8vw;
  box-sizing: border-box;
}
.newcar .title{
  width: 100vw;
  height: 12vw;
  position: relative;
  border-bottom: 1px solid #F5F7FA;
}
.newcar .title h4{
  width: 30vw;
  font-weight: 400;
  height: 100%;
  line-height: 12vw;
  padding-left: 3vw;
  color: #303741;
}
.newcar .title .more{
  display: block;
  height: 100%;
  padding-right: 3vw;
  line-height: 12vw;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 3.4vw;
  color: #B7B2B2;
  font-weight: 100;
}
/* 为您推荐 */

/* footer */
.footer{
  width: 100vw;
  height: 15vw;
  position: fixed;
  left: 0;bottom: 0;
  background: #fff;
}
.footer ul{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
}
.footer ul li{
  width: 16vw;
  height: 100%;
  font-size: 4vw;
}
.footer ul li a{
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  padding: 2vw 0;
  color: gray;
}
.footer ul li a span{
  font-size: 6vw;
}
.footer ul li a p{
  font-size: 3vw;
}
.footer .active{
  color: #22ac38;
}


