/*.main{padding-bottom: 350px;}*/
.listNav{    margin-top: -11px;}
.swiper-container02 {
        overflow: hidden;
    margin: 0 auto;
}
.listNav .swiper-slide {
    float: left;
    text-align: center;
    cursor: pointer;
    font-family: \5FAE\8F6F\96C5\9ED1;
    font-size: 12px;
    height: 52px!important;
    line-height: 52px!important;
    background: url(../images/listnavbg.png) no-repeat center bottom;    background-size: contain;
    padding-bottom: 10px;
}
.listNav .swiper-slide a{color: #999;/*display: block;border-bottom: 1px solid #e3e3e3;*/}
.listNav .swiper-slide.on,.listNav .swiper-slide:hover{background: url(../images/listnavbgon.png) no-repeat center bottom;    background-size: contain;}
.listNav .swiper-slide.on a{color: #333;}
/*新能源车列表微调*/
.productListOri ul{min-height:250px;margin:0 0 20px 0;}
.productListOri li {list-style:none!important;}
.productListOri dl{min-height: 200px!important;}
.productListOri dl{background: #f8f8f8; }
.productListOri dt{text-align:center; color:#666666;-webkit-line-clamp:2; font-size:16px;    height: 100px;    margin: 60px 0 0 0;}

.productListOri li a:hover dd img{margin-top: 47px!important;}

.productList dt{background: #f8f8f8;}
.productList li{float: left;width:22.7%;margin:0 1.15%;    margin-top: 30px;
    margin-bottom: 23px;}
.productList ul{margin: 0 -1.15%;}
.productList li a{border: 2px solid #fff;border-bottom: 2px solid #df0615;display: block;transition: all 0s;}
.productList li h2{font-family: arial;color: #333;font-size: 14px;font-weight: 500;
    letter-spacing: -0.1px;    margin-top: 12px;height: 32px;display: -webkit-box;
    line-height: 16px;
    margin-bottom: 10px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;overflow: hidden;}
.productList li p{font-family: '\5B8B\4F53';color: #666666;font-size: 12px;display: -webkit-box;

-webkit-line-clamp: 1;
overflow: hidden;
-webkit-box-orient: vertical;    margin-top: -5px;
    line-height: 21px;
word-break: break-all;}
.productList dt img{max-width: 100%; 
    height: 228px;
    object-fit: cover;
}
/* .productList li .hoverP{*/
/*      line-height: 16px;*/

/*height: 32px;*/
/* }*/
 
.productList dd{    padding: 0 12px;    padding-bottom: 12px;   
 /*position: absolute;
    top: 0;
    height: 100%;*/}
.productList dl{position: relative;}  
.productList li dd img{display: none;} 
.productList li a .hoverP{display: -webkit-box;} 
.productList li a p{display: none;}

/*悬浮*/
.productList dl{min-height: 329px;overflow: hidden;}
.productList li a:hover{border: 2px solid #ef828a;}
.productList li a:hover dd{position: absolute;background: url(../images/activityimgbg.png) repeat; top: 0; height: 100%;width: 181px;}
.productList li a:hover h2{color: #fff;    margin-bottom: 16px;}
.productList li a:hover p{color: #fff;    margin-top: 3px;}
.productList li a:hover .hoverP{display: none;}
.productList li a:hover p{display: block;}
.productList li a:hover dd{padding: 29px 24px 12px;}
.productList li a:hover dd img{display: block;margin: 0 auto;    margin-top: 27px;}
@media (min-width: 1000px){
    
    
}
@media (max-width: 999px){
.productList dl{min-height: inherit;overflow: inherit;}
.productList li a:hover{border:2px solid #fff;border-bottom: 2px solid #df0615;}
.productList li a:hover dd{position: inherit;background: inherit; top: inherit; height: inherit;width: inherit;}
.productList li a:hover h2{color: #333;    margin-bottom: inherit;}
.productList li a:hover p{color: #666;    margin-top: -5px;}
.productList li a:hover .hoverP{display: -webkit-box;}
.productList li a:hover p{display: none;}
.productList li a:hover dd{padding:0 12px;padding-bottom: 12px;}
.productList li a:hover dd img{display: none;margin: 0 auto;    margin-top: 27px;}
    .main {
            padding-top: 70px;
    /*padding-bottom: 163px;*/
}
}
@media (max-width: 768px){
    .productList li{    width: 31%;
    margin: 0 1.16%;    margin-top: 23px;}
    .productList ul{margin: 0 -1.16%;}
    .aboutNav .container,.listNav .container{
    padding: 0;
}

}
@media (max-width: 480px){
    .productList li{    width: 45%;
    margin: 0 2.5%;        margin-top: 15px;
    margin-bottom: 13px;}
    .productList ul{margin: 0 -2.5%;}
    .productList li a:hover dd{padding:0;padding-bottom: 11px;}
    .productList li a:hover{border-bottom: 1px solid #df0615;}
    .productList li a:hover p{color: #666;    margin-top: 5px;}
    .productList dd {
    padding: 0 0px;
    padding-bottom: 11px;
}
.productList li h2{margin-top: 13px;}
.productList li p{margin-top: 5px;}
.productList li a{border-bottom: 1px solid #df0615;}
.listNav .swiper-slide{    height: 36px!important;
    line-height: 35px!important;
}
.listNav {
    margin-top: 15px;
}
.listNav .swiper-wrapper{    height: 49px!important;}
}
@media (max-width: 320px){
    .productList dt {
    height: 141px;
}

}