﻿.brand-t1{position:relative;width:100%;text-align:center;height:auto;}
.rowTitle{width:100%;height:auto;position:relative;margin:0 auto;padding:0;text-align:center;font-size:28px;padding-bottom:6px;}
.rowTitle span{display:block;width:100%;text-align: center;}
.rowtitleline{width:60px;margin-left:-30px;position:absolute;bottom:0;height:1px;left:50%;border-bottom:2px solid #a01c2e;}
.brand-title{position:relative;width:100%;margin:25px auto 30px;}

.brand-year{position:relative;width:100%;margin:10px auto 10px;overflow:hidden;}
.brand-year .bg{position:absolute;width:100%;height: auto;top:0;left:0;}

.swiper-container{width:100%;margin:10px auto 0;}
.brand-line{position:absolute;width:400px;height:auto;top:244px;left:50%;transform: translateX(-50%);}
 
.kit-time{position:relative;z-index:12;cursor:pointer;width:86%;margin:0 auto;padding:50px 0 30px 0;}
.time-swiper{width:100%;text-align:left;height:580px;}
.kit-year{color:#d89d72;font-size:16px;}
.kit-time .swiper-slide .kit-year{opacity:.5;position:relative;}
.kit-time .swiper-slide-active .kit-year{opacity:1;}


.kit-year .kit-year-num{width:100%;text-align:center;height:30px;line-height:30px;  -webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#cfab8a), to(rgba(0, 0, 255, 0)));}
.kit-year .kit-year-t2{width:100%;text-align:center;height:26px;line-height:26px;padding:0;display:flex;justify-content:center;align-items:center;}
.kit-year .kit-year-dian{width:26px;height:26px;}
.kit-year .kit-year-txt{font-size:12px;font-weight:lighter;opacity:1;line-height:20px;width:100%;text-align:center;color:#b6ac9c;margin-top:4px;}
.kit-time .swiper-slide-next .kit-year, .kit-time .swiper-slide-prev .kit-year{opacity:.8;}


.swiper-slide .kit-time-pic{width:160%;text-align:center;opacity:0;height:220px;overflow:visible;position: relative;}
.swiper-slide .kit-time-img{width:300px;border-radius:10px;position: relative;margin-left:32%;transform: translateX(-50%);}

.swiper-slide-active  .kit-time-pic{opacity:1;}


.brand-his{position:relative;width: 100%;height:auto;}
.brand-his .his-pic{display:block;width:83%;margin-left:8.5%;}
.his-msg{text-align:center;width:100%;font-size:12px;padding:10px 0 10px 0;position:relative;}
.his-msg-bg{position:absolute;width:83%;left:8.5%;height:100%;background:#000000;top:0px;}
.his-txt{display: block;z-index:2;position:relative;height:15px;width:auto;margin:0 auto;}


.brand-his .left, .brand-his .right{position:absolute;width:10.9%;top:30%;z-index:2;display:block;}
.brand-his .left{left:0;}
.brand-his .right{right:0;}
.brand-t4{position:relative;width:100%;text-align:center;height:auto;margin: 50px auto 0;}
.brand-txx4{position:relative;width:100%;text-align:center;height:auto;margin: 0px auto 60px;}