.tab_box {
    position: absolute;
    bottom: 0;
    left: 2.02rem;
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    transform: translate(0, 50%);
}


.tab_item {
    width: 2.2rem;
    height: .56rem;
    background-image: url('../img/zj_ibg1.png');
    margin-right: -.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .18rem;
    color: #231815;
    cursor: pointer;
    transition: .3s;
}

.tab_box .tab_item:hover, .tab_box .active , .tab_box .pitchon {
    background-image: url('../img/zj_ibg2.png');
    color: #fff;
}

.page_title_box {
    transform: translate(0, 0);
}

.car_list_box {
    padding-top: 1rem;
    padding-bottom: .84rem;
    box-sizing: border-box;
}

.car_list {
    margin-top: .51rem;
    padding: 0 2rem;
    box-sizing: border-box;
}

.car_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .78rem;
}

.car_item:nth-child(1) {
    margin-top: 0;
}

.car_left {
    flex: 1;
    padding-left: 1.3rem;
    box-sizing: border-box;
}

.car_type {
    display: flex;
    align-items: center;
    font-size: .24rem;
    color: #D72318;
    font-weight: bold;
    transform: translate(-.3rem, 0);
}

.car_type img {
    width: .25rem;
    height: .22rem;
    margin-right: .08rem;
}

.car_title {
    font-size: .3rem;
    color: #333333;
    font-weight: bold;
    margin-top: .16rem;
    display: inline-block;
}

.car_l_title {
    font-size: .2rem;
    color: #333333;
    font-weight: bold;
    margin-top: .15rem;
}

.car_info {
    color: #666666;
    font-size: .16rem;
    margin-top: .4rem;
    line-height: .24rem;
    width: 4.71rem;
}

.car_left .more_btn {
    margin-top: .6rem;
}

.car_right {
    display: flex;
    width: 7.6rem;
    height: 4.16rem;
    overflow: hidden;
    position: relative;
}

.car_right::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(215, 35, 24, 0);
    transition: .3s;
}

.car_right img {
    width: 100%;
    height: 100%;
    transition: .3s;
}

.car_item:hover .car_right img {
    transform: scale(1.1);
}

.car_item:hover .car_right::after {
    background-color: rgba(215, 35, 24, .3);
}

.car_item:nth-child(even) {
    flex-direction: row-reverse;
    margin-top: 1.03rem;
    background-image: url('../img/car_bgimg.png');
    height: 4.17rem;
    width: calc(100% + 4rem);
    margin-left: -2rem;
    padding: 0 2rem;
    box-sizing: border-box;
    background-position: left;
}

.car_item:nth-child(even) .car_right {
    margin-top: -.85rem;
}

.cpxq_top {
   width: 100%;
    /* height: 10.35rem; */
    padding: 1.28rem 0 0 1.44rem;
    box-sizing: border-box;
    height: auto;
    background: linear-gradient(to bottom, #415d85, #67646f);
}



.car_img .page-swiper-pagination, .car_img .page-swiper-pagination {
  right: .87rem;
  bottom: 0.1rem;
  left: unset;
  display: flex;
  justify-content: flex-end;
  padding-right: .87rem;
  box-sizing: border-box;
}

.car_img .page-swiper-pagination span, .cp_box .page-swiper-pagination span {
  background: url('../img/spi2.png') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: calc(.17rem * 1);
  height: calc(.14rem * 1);
  margin: 0 .035rem !important;
  opacity: 1 !important;
  border-radius: unset;
}

.car_img .page-swiper-pagination .swiper-pagination-bullet-active, .cp_box .page-swiper-pagination .swiper-pagination-bullet-active {
  background: url('../img/spi1.png') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.mbx_box {
    display: flex;
    align-items: center;
    font-size: .16rem;
    color: #FFFFFF;
}

.mbx_box a {
    margin: 0 .1rem;
    color: #FFFFFF;
    transition: .3s;
}

.mbx_box a:nth-child(2) {
    margin-left: 0;
}

.mbx_box a:hover {
    color: #D72318;
}

.mbx_icon {
    width: .15rem;
    height: .14rem;
    margin-right: .16rem;
}

.car_info_top_box {
    display: flex;
    align-items: center;
    margin-top: .6rem;
  padding-bottom: 0.4rem;
}

.car_img {
    width: 11.03rem;
    height: auto;
  
  text-align:center;
}

.car_img img {
    /*width: 100%;
    height: auto;*/
  width: 7.88rem;
   max-height: 6rem;
}

.car_info_box {
    display: flex;
    flex-direction: column;
    /*width: 5.69rem;*/
width: 6.5rem;
}

.car_tbtitle {
    font-size: .3rem;
    color: #D72318;
    font-weight: bold;
}

.car_ny_title {
    font-size: .48rem;
    color: #fff;
    font-weight: bold;
    margin-top: .22rem;
}

.car_l_title {
    font-size: .24rem;
    color: #fff;
    margin-top: .28rem;
}
.car_list_title {
    font-size: .24rem;
    color: #333;
    margin-top: .28rem;
}

.car_info_text {
    font-size: .16rem;
    line-height: 1.8;
    color: #fff;
    margin-top: 0.6rem;
    margin-bottom: 0.5rem;
}

.car_feat {
    padding: .76rem 2.45rem 1.44rem;
    box-sizing: border-box;
    background-color: #F4F3F3;
}

.car_feat .page_title_box {
    margin-left: 0;
}


.car_feat .page_title_box .b_title {
    opacity: 1;
    text-shadow:
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
}


.car_feat_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .96rem;
}

.car_feat_item {
    background: #ffffff;
    width: 6.75rem;
    height: auto;
    padding: .32rem 0 .32rem .38rem;
    margin-top: .66rem;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 4px rgba(215, 35, 24, 0));
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0% 100%);
   /* 初始状态下没有阴影 */
    box-shadow: none;
    transition: .3s;
}

.car_feat_item:nth-child(-n + 2) {
    margin-top: 0;
}

.car_feat_item:hover {
    filter: drop-shadow(0px 0px 4px rgba(215, 35, 24, .4));
  /* 添加红色阴影，spread 参数用于扩展阴影大小，这里设置为4px */
    box-shadow: 0px 0px 4px rgba(215, 35, 24, 0.4);
}

.car_feat_title {
    display: flex;
    justify-content: space-between;
    width: 5.88rem;
    font-size: .3rem;
    color: #333333;
    font-weight: bold;
    align-items: flex-end;
}
.car_feat_title p{
font-size: .3rem;}

.car_feat_title img {
    height: .61rem;
    width: auto;
}

.car_feat_info {
    margin-top: .16rem;
    line-height: .24rem;
    margin-top: .27rem;
    color: #666666;
    width: 5.88rem;
  font-size:0.18rem;
}

.car_feat_info p {
    margin-top: .1rem;
}

.car_feat_info p:nth-child(1) {
    margin-top: 0;
}

.cs_box .page_title_box {
    margin: 0;
}

.cs_box {
    padding: .83rem 1.96rem 1.51rem;
}

.rich_box {
    margin-top: .6rem;
  text-align: center;
}

.rich_box img {
    width: 60%;
    height: auto;
}

@media screen and (max-width:1150px) {
    .cpxq_top {
        padding: .24rem;
        height: auto !important;
    }

    .car_info_top_box {
        margin-top: .24rem;
        flex-direction: column;
    }

    .car_tbtitle {
        font-size: .18rem;
      margin-top: 0.2rem;
      margin-bottom: 0.2rem;
    }

    .car_ny_title {
        font-size: .19rem;
        margin-top: .1rem;
    }

    .car_l_title {
        font-size: .12rem;
        margin-top: .1rem;
              margin-bottom: 0.2rem;
    }
  .car_list_title {
        font-size: .12rem;
        margin-top: .1rem;
              margin-bottom: 0.2rem;
    }

    .car_info_box {
        width: 100%;
    }

    .car_info_text {
        font-size: .12rem;
        margin-top: .12rem;
      margin-bottom: 0;
    }

    .car_img {
        width: 100%;
        margin-top: .3rem;
      padding-bottom: 0.4rem;
    }
  .car_img img{
  width:100%;
    height:auto
  }

    .car_feat {
        padding: .24rem;
    }

    .car_feat_list {
        margin-top: .24rem;
    }

    .car_feat_item {
        width: 100%;
        height: auto;
        padding: .24rem;
        margin-top: .24rem;
    }

    .car_feat_title {
        width: 100%;
        font-size: .18rem;
    }
  .car_feat_title p{
        line-height:1.2;
    font-size: .2rem;
    }

    .car_feat_info {
        width: 100%;
        font-size: .14rem;
        margin-top: .12rem;
    }

    .car_feat_item:nth-child(-n + 2) {
        margin-top: .24rem;
    }

    .car_feat_item:nth-child(1) {
        margin-top: 0;
    }

    .cs_box {
        padding: .24rem;
    }

    .rich_box {
        margin-top: .2rem;
    }

    .mbx_box {
        /* zoom: .8; */
        font-size: calc(.16rem * .8)
    }

    .mbx_icon {
        width: calc(.15rem * .8);
        height: calc(.14rem * .8);
        margin-right: calc(.16rem * .8);
    }

    .car_list_box {
        padding: .24rem;
        padding-top: .6rem;
    }

    .car_list {
        padding: 0;
        margin-top: .24rem;
    }

    .car_item {
        flex-direction: column-reverse !important;
        margin-top: .3rem;
        padding: .24rem;
        background-color: #EEEEEE;
    }

    .car_left {
        box-sizing: border-box;
        width: 100%;
        padding: 0;
    }

    .car_info {
        width: 100%;
    }

    .car_title {
        font-size: .19rem;
        margin-top: .1rem;
    }

    .car_type {
        /* zoom: .8; */
        transform: translate(0);
        font-size: calc(.24rem * .6);
    }

    .car_type img {
        width: calc(.25rem * .6);
        height: calc(.22rem * .6);
        margin-right: .08rem;
    }

    .car_item .jc_box2{
        clip-path: unset;
    }

    .car_info {
        margin-top: .12rem;
        font-size: .13rem;
    }

    .car_left .more_btn {
        margin-top: .3rem;
        /* zoom: .6; */
    }

    .car_right {
        width: 100%;
        height: auto;
        margin-bottom: .2rem;
    }

    .car_item:nth-child(even) {
        width: 100%;
        height: auto;
        margin: 0;
        margin-top: .3rem;
        padding: .24rem;
        background-image: unset;
    }

    .car_item:nth-child(even) .car_right {
        margin: 0;
        margin-bottom: .2rem;
    }

    .page_box {
        /* zoom: .8; */
    }
  .rich_box img {
    width: 100%;
    height: auto;
}
}