.banner{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 86px;
}
#swiper1 div{
    position: absolute;
    left:45%;
    bottom: 18px;
    z-index: 6;
    height: 20px;
    width: 28px;
    transform:translate(-50%,0);
}
#swiper1 div span{
    position: absolute;
    bottom: 0;
    left:0;
    width: 4px;
    height: 10px;
    background-color: #fff;
    margin:0;
}
#swiper1 .swiper-pagination-bullet{
    background-color: #fff;
    opacity: 1;
    border-radius: initial;
    cursor: pointer;
}
#swiper1 div span:nth-child(2){
    left:24px;
}
#swiper1 div span:nth-child(3){
    left:48px;
}
#swiper1 div span:nth-child(4){
    left:72px;
}
#swiper1 div span:nth-child(5){
    left:96px;
}
#swiper1 div span:nth-child(6){
    left:120px;
}
#swiper1 div span:nth-child(7){
    left:144px;
}
#swiper1 div span:nth-child(8){
    left:168px;
}
#swiper1 div span:nth-child(9){
    left:192px;
}

#swiper1 div span:nth-child(10){
    left:216px;
}
#swiper1 div span:nth-child(11){
    left:240px;
}
#swiper1 div span:nth-child(12){
    left:264px;
}
#swiper1 div span:nth-child(13){
    left:288px;
}
#swiper1 div span:nth-child(14){
    left:312px;
}
#swiper1 div span:nth-child(15){
    left:336px;
}
#swiper1 div span:nth-child(16){
    left:360px;
}
#swiper1 div span:nth-child(17){
    left:384px;
}
#swiper1 .swiper-pagination-bullet-active{
    background-color: #B60004;
    height: 20px;
    width: 4px;
}
#swiper1 .swiper-slide a{
    cursor: default;
}
/* 二屏 */
.second{
    position: relative;
    width: 100%;
    height: auto;
    /* height: calc(100vh-86px); */
    background: url(../img/second.png) center center no-repeat;
    background-size: cover;
    color:#fff;
}
.third{
    background: url(../img/third.png) center center no-repeat;
    background-size: cover;
}
.shopBg{
    position: relative;
    width: 100%;
    height: auto;
    color:#fff;
}
.second img,.shopBg img{
    display: block;
}
.second .text img{
    display: inline-block;
}
.second .text,.shopBg .text{
    position: absolute;
    left:10.4%;
    top:50%;
    margin-top: -207px;
}
.second .p1,.shopBg .p1{
    font-size: 48px;
}
.second .p2,.shopBg .p2{
    font-size: 36px;
    margin-top: 18px;
    margin-bottom: 118px;
}
.second .p3,.shopBg .p3{
    font-size: 24px;
    margin-top: 18px;
    margin-top: 50px;
    cursor: pointer;
}
.second .p3 img{
    width: 11px;
    height: 18px;
    margin-left: 5px;
}
.second .p3 a,.shopBg .p3 a{
    color:#fff;
}
.second .p4,.shopBg .p4{
    font-size: 20px;
    line-height: 46px;
    text-align: center;
    width:180px;
    height:50px;
    border:2px solid rgba(255,255,255,1);
    margin-top: 230px;
}
.allCar{
    position: absolute;
    right: 0;
    top:20px;
    display: none;
}
.allCar1{
    position: absolute;
    left: 0;
    top:20px;
    display: none;
}
.allCar ul li,.allCar1 ul li{
    float: left;
}
.allCars .fold{
    position: absolute;
    top:50%;
    margin-top: -16px;
    width: 18px;
    z-index: 2;
    cursor: pointer;
}
.allCar .fold{
    left:20px;
    transform: rotate(180deg);
}
.allCar1 .fold{
    right: 20px;
}
.allCars ul li{
    position: relative;
}
.allCars ul li button{
    position: absolute;
    left:50%;
    bottom:30px;
    width:96px;
    height:32px;
    border:1px solid rgba(51,51,51,1);
    font-size: 14px;
    background: #fff;
    margin-left: -48px;
    color:#333;
}
.allCars ul li button a{
    color: #333;
}
.third .text{
    position: absolute;
    right:8.75%;
    left: initial;
    top:50%;
}
.third .text p{
    text-align: right;
}

/* 商城 */
.shops{
    padding: 20px 0;
    background: #fff;
    width: 100%;
    height: auto;
    color:#fff;
    position: relative;
    overflow-x: hidden;
}
.shops img{
    display: block;
}
.shop{
    float: left;
    width: 50%;
    height: auto;
    padding: 0 10px 0 20px;
}
.finance{
    float: right;
    width: 50%;
    height: auto;
    padding: 0 20px 0 10px;
}
.shops .text{
    position: absolute;
    text-align: center;
    width: 100%;
    height: auto;
    left:0px;
    top:11.8%;
}
.shops .p1{
    font-size: 1.2em;
}
.shops .p2{
    font-size: 0.73em;
    font-weight: 400;
    margin-top: 13px;
    letter-spacing:2px;
}
.shops button{
    width:20%;
    height:2.8em;
    color:#fff;
    font-weight:600;
    font-size: 0.6em;
    margin-top: 30px;
    border:2px solid #fff;
    background: transparent;
}
.shops button a{
    color: #fff;
}
.markP{
    position: relative;
}
.mark{
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.8);
    position: absolute;
    top:0;
    left:0;
    display: none;
    padding: 0 30px;
}
.shops .mark .markContent{
    position: absolute;
    top:50%;
    left:50%;
    margin-top: -118.5px;
    margin-left: -97.5px;
}
.shops .mark img{
    width: 195px;
    height: 176px;
}
.shops .mark p{
    font-size:24px;
    font-weight:500;
    color:#fff;
    letter-spacing:10px;
    text-align: center;
    margin-top: 28px;
}
/* 改版有点滑动 */
.carTypeO,.carTypeE{
    position: relative;
    width: 100%;
    height: auto;
    background: url("/__oss/cn/vehicle_model_img/webroot_pc/img/pro/server3.jpg") center center no-repeat;
    background-size: cover;
}
.carTypeE{
    background: url("/__oss/cn/pro/server4.png") center center no-repeat;
    background-size: cover;
}
.carTypeO .p1,.carTypeE .p1{
    font-size: 1.1em;
}
.carTypeO .autoCar,.carTypeE .autoCar{
    margin-right: 25px;
}
.carTypeO .fuelCar,.carTypeE .fuelCar{
    margin-left: 25px;
}
/* 体验 */
.experience{
    width: 100%;
    height: auto;
    position: relative;
    background: url("/img/pro/experience.jpg") center center no-repeat;
    background-size: cover;
}
.experience img{
    display: block;
}
.experience div{
    /* background: url('../img/buttons.png') no-repeat; */
    width: 168px;
    height: 170px;
    background-size: 100%;
    position: absolute;
    top:17.8%;
    left:50%;
    margin-left: -84px;
}
.experience div button{
    width: 12em;
    height: 3em;
    font-size: 0.7em;
}
.experience div button a{
    color:#333;
}
.experience .exappo{
    position: absolute;
    top:0px;
    left:0px;
    width:8.4em;
    height: 2.1em;
}
.experience .checkSit{
    position: absolute;
    top:0px;
    right:0px;
    width: 8.4em;
    height: 2.1em;
}
.experience .exCommon{
    background:transparent;
    border:2px solid #333;
}
.experience .bottom{
    border-bottom:none;
}
.experience .top{
    opacity: 1;
    border-top:none;
    position: absolute;
    top:3em;
    left:0;
    display: none;
}
.experience .top1{
    opacity: 1;
    border-top:none;
    position: absolute;
    top:3em;
    right:0;
    display: none;
}
/* 车主服务 */
.commonCar{
    display: none;
    width:180px;
    height:50px;
    background:#fff;
    color:#333;
    font-size: 20px;
}
/* #carOwner .autoCar,#carOwner .fuelCar,#brand .autoCar,#brand .fuelCar{
    width:180px;
    height:50px;
    background:#fff;
    color:#333;
    font-size: 20px;
} */
#carOwner .autoCar,#brand .autoCar{
    margin-right: 50px;
}
#carOwner .mark,#brand .mark{
    margin-right: 50px;
}
#carOwner img,#brand img{
    width: 100%;
}
/* 智慧管家 */
.keeper{
    width: 100%;
    height: auto;
    position: relative;
}
.keeper img{
    display: block;
}
.keeper p{
    position: absolute;
    text-align: center;
    width: 100%;
    left:0;
    color:#fff;
}
.keeper .p1{
    font-weight:500;
    top:3.59em;
    font-size: 1.2em;
}
.keeper .p2{
    top:4.3em;
    font-size: 0.73em;
    top:8.97em;
    letter-spacing: 2px;
}

.fixed_icon{
    position: fixed;
    bottom: 5%;
    right: 0;
    width: 50px;
    height: 280px;
    z-index: 999999999999999999999999999999;
}
.fixed_icon ul{
    width: 100%;
}
.fixed_icon ul li{
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    cursor: pointer;
}

.fixed_icon ul li span{
    overflow: hidden;
    position: absolute;
    float: left;
    top: 2px;
    right: 14px;
    /* width: 100px; */
    width: 25px;
    height: 36px;
    font-size: 14px;
    margin-bottom: 20px;
    cursor: pointer;
    line-height: 38px;
    padding-left: 20px;
    background-color: #fff;
    border-radius:  100px 0 0 100px ;
    z-index: -1;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.11);
}