/* 公用 */
div{margin: 0;padding: 0;}
a {
    text-decoration: none; /* 移除下划线 */
    color: inherit; /* 继承父元素的文本颜色 */
    outline: none; /* 移除点击时的焦点框（谨慎使用，可能影响可访问性） */
  }
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
}
/* head */
.head{width: 100%;height: auto;}
.head img{width: 100%;height: auto;object-fit: cover;}
/* bnr-swiper轮播图*/
.bnr-swiper{width:100%;height:auto;margin:0.5rem auto 0;}
.bnr-swiper .swiper-slide{width: 100%;overflow: hidden;}
.bnr-swiper .swiper-slide img{width: 100%;height: 6.2rem;}
.bnr-swiper .swiper-pagination-bullet {
    width: 12px;        /* 分页器指示器宽度 */
    height: 12px;       /* 分页器指示器高度 */
    background: #ffffff;   /* 非活动状态颜色 */
    opacity: 1;         /* 不透明度 */
    margin: 0 5px !important; /* 指示器间距 */
}

.bnr-swiper .swiper-pagination-bullet-active {
    background: #9a0202;   /* 活动状态颜色 */
    width: 20px;        /* 活动指示器宽度（可创建不同形状） */
    border-radius: 5px; /* 活动指示器圆角 */
}

/* 分页器容器位置调整 */
.bnr-swiper .swiper-pagination {
    bottom: 15px !important; /* 距离底部的位置 */
}
/* 禁用分页器的焦点边框 */
.swiper-pagination-bullet:focus {
    outline: none;        /* 移除所有浏览器的焦点边框 */
    box-shadow: none;     /* 移除可能的焦点阴影 */
}

/* 额外：移除移动端点击高亮效果 */
.swiper-pagination-bullet {
    -webkit-tap-highlight-color: transparent;
}
/* 列表banner */
.banner{width:100%;height:auto;position:relative;}
.banner .bnr-img{width:100%;height:auto;object-fit:cover;padding-top: 0.6rem;}
.banner .bnr-img img{width:100%;height:auto;}
.banner .bnr-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height: 3rem;text-align:left;}
.banner .bnr-title h1{font-size: 0.72rem;color:#222222;font-weight:500;letter-spacing: 0.02rem;line-height: 1.5;}
.banner .bnr-title p{font-size: 0.38rem;color:#474747;border-left: 0.08rem solid #1a5b89;background:linear-gradient(90deg,rgb(235,235,235),transparent);width:auto;display:inline-block;margin-top: 0;padding: 0.02rem 0.1rem;}
/* 详情banner */
.bannerShow{width:100%;height:auto;background: #f0f0f0;display: flex;justify-content: space-around;padding: 1.2rem 1.6rem 0.7rem;box-sizing: border-box;gap: 1rem;align-items: center;}
.bannerShow .bnr-title{width: 50%;height: auto;text-align: left;}
.bannerShow .bnr-title h1{font-size: 0.42rem;color: #333333;font-weight: 600;letter-spacing: 0.02rem;line-height: 1.5;padding: 0.1rem 0.05rem;}
.bannerShow .bnr-title .cansu1{border-bottom: 0.01rem solid #999;padding: 0 0.05rem 0.1rem;}
.bannerShow .bnr-title .cansu1 span{font-size: 0.24rem;color: #333333; }
.bannerShow .bnr-title .cansu1 p{display: inline-block;font-size: 0.24rem;color: #000;}
.bannerShow .bnr-title .cansu2{display: flex;justify-content: flex-start;padding: 0.3rem 0.05rem 0.15rem;border-bottom: 0.01rem solid #999;}
.bannerShow .bnr-title .cansu2 .li{margin-right: 0.4rem;}
.bannerShow .bnr-title .cansu2 .li p:first-child{font-size: 0.24rem;color: #333333;line-height: 1.5;}
.bannerShow .bnr-title .cansu2 .li p:last-child{font-size: 0.42rem;color: #222222;line-height: 1.5;}
.bannerShow .bnr-img{overflow: hidden;display: flex;padding: 0.2rem 0;width: 50%;}
.bannerShow .bnr-img img{width: 100%;height: auto;}

/* 列表内容 */
.content{width:100%;height:auto;margin: 0.8rem auto;}
.content .pk-list,.content .bus-list{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.content .ct-item{width:84%;}
.content .ct-item .ct-item-title{font-size: 0.32rem;color:#333;font-weight:600;text-align:center;margin-bottom: 0.8rem;}
.product-item{display:block;text-decoration:none;transition:all 0.3s ease;margin-bottom: 0.4rem;}
.product-item:hover{transform:translateY( -0.05rem);box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);}
.product-list{display:flex;flex-wrap:wrap;gap: 0.2rem;padding: 0.2rem 0;margin: 0.4rem 0;}
.product-item{width:calc(25% - 0.15rem);text-decoration:none;color:#333;transition:all 0.3s ease;background:#fff;border-radius: 0.08rem;overflow:hidden;}
.product-img{width:100%;height:3.2rem;padding: 0.2rem;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.product-img img{display:flex;width:90%;height:auto;max-height: 100%;transition:transform 0.3s ease;justify-content: center;align-items: center;}
.product-info{padding: 0.15rem;text-align:center;}
.product-info h3{font-size: 0.2rem;margin:0 0 0.1rem 0;color:#333;font-weight: 600;}
.product-info .size{font-size: 0.14rem;color:#666;margin:0;}
/* 悬停效果 */
.product-item:hover{transform:translateY( -0.05rem);box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);}
.product-item:hover .product-img img{transform:scale(1.1);}
/* 客车列表 */
.ct-screen{width: 84%;height: auto;margin: 0.8rem auto 0;}
.ct-item-sort{background-color: #f5f5f5;padding: 0.15rem 0.2rem 0.15rem 0.6rem;margin: 0.4rem 0;}
.ct-item-sort span{font-size: 0.16rem;font-weight: 600;color: #333;}
.ct-item-sort span a{font-size: 0.16rem;padding: 0 0.1rem;position: relative;padding-right: 0.22rem;transition: all 0.3s ease;}
.ct-item-sort span a::after{position: absolute;content: '';width: 0.22rem;height: 0.1rem;background: url('../image/arrow1.png')no-repeat center;background-size: 0.14rem;top: 50%;right: 0;transform: translateY(-50%);transition: all 0.3s ease;}
.ct-item-sort span a.active{color: #1a5b89;}
.ct-item-sort span a.active::after{background: url('../image/arrow2.png')no-repeat center;background-size: 0.14rem;}
.ct-item-sort span a:hover{color: #1a5b89;}
.ct-item-sort span a:hover::after{background: url('../image/arrow2.png')no-repeat center;background-size: 0.14rem;}
/* 客车列表 */
.bus-list .product-item{margin-bottom: 0.6rem;padding-bottom: 0.2rem;}
.bus-list .product-item:hover h3,.bus-list .product-item:hover p{color: #1a5b89;}
.bus-pro-info{text-align: left !important;align-items: flex-start !important;}
/* 搜索框 */
.ct-screen{border: 0.01rem solid #d1d1d1;padding: 0.5rem 0.55rem 0 0.55rem;box-sizing: border-box;}
.search-container{display:flex;align-items:flex-start;gap: 0.1rem;padding-bottom: 0.4rem;line-height: 1;} 
.search-container .tit{font-size: 0.28rem;color: #333;}
.ipt{border: 0.01rem solid #cdcdcd;border-radius: 0.2rem;width: 3rem;height: 0.35rem;display: flex;justify-content: space-between;align-items: center;padding: 0 0.1rem 0 0.15rem;}
.search-container input{padding:  0;font-size: 0.16rem;outline:none;border-radius: 0.05rem;flex: 1;border: none;}
.search-container .btn-cz{background:url('../image/icon_1.png')no-repeat center;background-size: 0.22rem;width: 0.35rem;height: 0.35rem;border-radius: 0.05rem;cursor:pointer;}
.search-container .reset-btn{color:#1a5b89;display:flex;align-items:center;cursor:pointer;font-size: 0.16rem;font-weight:600;}
.search-container .reset-btn .icon-refresh {background:url('../image/chongzhi.png')no-repeat center;background-size: 0.22rem;width: 0.35rem;height: 0.35rem;}
.ct-screen .item{border-top: 0.01rem dashed #cdcdcd;height: 0.7rem;display: flex;align-items: center;}
.ct-screen .item span a{font-size: 0.18rem;color: #333;padding: 0.05rem 0.25rem;border-radius: 0.2rem;transition: all 0.3s ease;}
.ct-screen .item span:first-child{font-size: 0.18rem;color: #555;font-weight: 600;padding: 0;border: none;}
.ct-screen .item span a.active{color: #fff;background-color: #1a5b89;}
.ct-screen .item span:hover a{color: #fff;background-color: #1a5b89;}

/* 详情内容 */
.contentShow{width:100%;height:auto;}
.contentShow h2{font-size: 0.36rem;color: #333;font-weight: 500;letter-spacing: 0.01rem;position: relative;display: block;padding-bottom: 0.1rem;margin-bottom: 0.5rem;}
.contentShow h2::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0.6rem;height: 0.06rem;background-color: #1a5b89;border-radius: 0.1rem;}
.contentShow .textEd{width: 14rem;height:auto;margin: 0.8rem auto;box-sizing:border-box;border-top: 0.01rem solid #dbdbdb;border-bottom: 0.01rem solid #eee;padding: 0.2rem 0.4rem;}
.contentShow .textEd .txt{text-align: center;color: #333;padding: 0.4rem 0;}
.contentShow .textEd .txt h3{font-size: 0.3rem;color: #333333;text-align: center;margin-bottom: 0.3rem;font-weight: 500;}
.contentShow .textEd .txt p{line-height: 1.5;font-size: 0.16rem;}
.contentShow .textEd .txt img{max-width: 100%;width: auto;display: block;margin: 0.15rem auto 0.2rem;}

/* 详情页轮播图 */
.imgBox{width: 100%;height: auto;margin: 0.8rem auto;text-align: center;}
.swiperBox{width: 12rem;height:auto;margin: 0 auto;position: relative;}
.swiperBox .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;}
.imgBox .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.mySwiper2 .swiper-slide{width: 100%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
.swiper-slide{background-size:cover;background-position:center;}
.mySwiper2{height: 5.54rem;width: 12rem;margin-bottom: 0.3rem;padding: 0 1.6rem;}
.mySwiper{height: 0.92rem;width: 100%;padding: 0 1.2rem;box-sizing: border-box;overflow: hidden;}
.mySwiper .swiper-slide{width: 2rem;height:100%;opacity:0.7;border: 1px solid #ebebeb;box-sizing: border-box;background-color: #f9f9f9;display: flex;justify-content: center;align-items: center;}
.mySwiper .swiper-slide-thumb-active{opacity:1;}
.imgBox .swiper-slide img{display:block;width:auto;height: 100%;object-fit:cover;box-sizing: border-box;}
.swiper-button-prev{left:0 !important;right:auto;padding: 0.15rem 0.05rem;background:#fff;}
.swiper-button-next{right:0 !important;left:auto;padding: 0.15rem 0.05rem;background:#fff;border:none;}
.imgBox .swiper-button-next:focus,
.imgBox .swiper-button-prev:focus {
  outline: none;
}


/* 详情页车辆配置 */
.carSpecs{display: flex;flex-direction: column;align-items: center;padding-bottom: 0.8rem;}
.specs{width: 14rem;margin: 0 auto;}
.specs .specs-tab{display: flex;padding: 0.4rem 0;flex-wrap: wrap;}
.specs .specs-tab .li{width: 14%;text-align: center;padding: 0.1rem 0.1rem;cursor: pointer;box-sizing: border-box; transition: all 0.3s ease;}
.specs .specs-tab .li a{text-decoration: none;color: #333;font-size: 0.18rem;font-weight: 600; transition: all 0.3s ease;}
.specs .specs-tab .li.active{background-color: #444;}
.specs .specs-tab .li.active a{color: #fff;}
.specs .specs-tab .li:hover{background-color: #444;}
.specs .specs-tab .li:hover a{color: #fff;}

.specs-cont .item .carType .tit{font-size: 0.22rem;color: #fff;display: flex;justify-content: space-around;padding-left: 0.6rem;background-color: #444;}
.specs-cont .item .carType span:first-child{text-align: left;padding-left: 0.2rem;}
.specs-cont .item .carType span{flex: 1;display: block;text-align: center;padding: 0.15rem 0;}
.specs-cont .item .carType .price{font-size: 0.22rem;color: #333;display: flex;justify-content: space-around;padding-left: 0.6rem;background-color: #e8e8e8;}
.specs-cont .item .carType .tit span:first-child{position: relative;padding-left: 0.2rem;}
.specs-cont .item .carType .tit span:first-child::after{content: '';position: absolute;top: 50%;left: 0;width: 0.1rem;height: 0.1rem;transform: translateY(-50%);background-color: red;border-radius: 50%;}

.specs-cont .item .para{display: flex;}
.specs-cont .item .para .tit{writing-mode:vertical-rl;font-size: 0.2rem;color:#555;font-weight:600;background-color:#d6d6d6;width: 0.6rem;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom: 0.01rem solid #9e9e9e;}
.specs-cont .item .para:last-child .tit{border-bottom: none;}
.specs-cont .item .para table{flex: 1;}
.specs-cont .item .para table tbody tr{display: flex;justify-content: space-around;}
.specs-cont .item .para table tbody tr td{flex: 1;}
.specs-cont .item .para table tbody tr td:first-child{text-align: left;padding-left: 0.25rem;}
.specs-cont .item .para table tbody tr td{text-align: center;}

table{border-collapse:collapse;width:100%;}
table th,table td{border: 0.01rem solid #ddd;padding: 0.08rem;}
table th{background-color:#f2f2f2;text-align:left;}
table tr:nth-child(even){background-color:#f9f9f9;}
.left-column{background-color:#ccc;}

.busSpecs .specs .specs-tab{background-color: #d9dadb;padding: 0.24rem 0;justify-content: center;margin-top: 0.2rem;}
.busSpecs .specs .specs-tab .li{background: none;padding: 0 0.1rem;width: 16%;}
.busSpecs .specs .specs-tab .li a{color: #333;font-size: 0.24rem;font-weight: 600;padding-bottom: 0.05rem;}
.busSpecs .specs .specs-tab .li.active a{border-bottom: 0.04rem solid #1a5b89;}
.busSpecs .specs .specs-tab .li:hover a{border-bottom: 0.04rem solid #1a5b89;}
.busSpecs .specs-cont .item .para table tbody tr{height: 0.88rem;line-height: 0.88rem;justify-content: flex-start !important;}
.busSpecs .specs-cont .item .para table tbody tr td{font-size: 0.24rem;}
.busSpecs .specs-cont .item .para table tbody tr td:first-child{width: 34%;flex: initial;}
.busSpecs .specs-cont .item .para table tbody tr:first-child td:nth-child(2){font-weight: 600;font-size: 0.32rem;color: #1a5b89;}

/* 响应式布局 */
@media screen and (max-width: 1200px) {
    .product-item {
        width: calc(33.33% - 14px);
    }
}

@media screen and (max-width: 768px) {
    .product-item {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 480px) {
    .product-item {
        width: 100%;
    }
}

/* 产品列表页 */
.series-block{margin: 0.4rem 0;}
.series-title{font-size: 0.24rem;color:#333;margin-bottom: 0.2rem;padding-left: 0.1rem;border-left: 0.06rem solid #1a5b89;}
.product-info{padding: 0.15rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap: 0.1rem;}
.detail-btn{border: 0.01rem solid #1a5b89;color:#1a5b89;padding: 0.08rem 0.4rem;border-radius: 0.2rem;cursor:pointer;font-size: 0.14rem;transition:all 0.3s ease;margin-top: 0.1rem;}
.product-item:hover .detail-btn{color:#fff;background-color:#1a5b89;transform:translateY( -0.02rem);}
.detail-btn:active{transform:translateY(0);}
/* 翻页 */
.page__list{width:100%;height:  1rem;display:flex;justify-content:center;}
.page__list span{display:inline-block;margin-right: 0.1rem;color:#999999;font-size: 0.16rem;line-height: 0.4rem;}
.page__list a{display:inline-block;margin-right: 0.1rem;padding: 0 0.15rem;height: 0.4rem;line-height: 0.4rem;color:#999999;font-size: 0.16rem;background:#f1f3f8;border-radius: 0.2rem;text-align:center;}
.page__list a:hover,.page__list a.active{background:#1a5b89;color:#fff;}
.page__list a:last-child{margin-right:0;}

::placeholder {
    color: #999 !important;
    font-size: 0.14rem !important;
    font-weight: 500 !important;
  }
  
  
  

.footer{width:100%;height:  1rem;background-color:#000000;color:#ffffff;padding: 0.4rem 0;}
.footer .footer1{color:white;font-size: 0.16rem;font-weight:600;width: 12rem;margin: 0.2rem auto;text-align:center;}
.footer .footer2{color:white;font-size: 0.16rem;font-weight:600;width: 12rem;margin: 0.2rem auto;text-align:center;}
.footer .footer2 a{color:white;text-decoration:none;font-size: 0.16rem;font-weight:600;padding: 0.05rem 0.02rem;display:inline-block;}