/*首页*/
.wrap-index {
    position: relative;
    width: 100%;
    height: 700px;
    background: #000;
    overflow: hidden;
}
.btn_play{
    color: pink;
    position: absolute;
    top:40%;
    left: 45%;
    z-index:100;
    cursor: pointer;

}
.play_img_icon{
    width: 150px;
    height: 150px;
}
.video_banner{
    display: none;
}
.banner_video{
    width: 100vw;
    height: 57vw;
}
.video4_content{
    padding:20px 0 60px 0
}
.video_block4{
    width: 1050px;
    height: 595px;

}
.dark-green {
    color: #4c5b52;
}

.light-green {
    color: #00853e;
}

.mb-50 {
    margin-bottom: 50px;
}

/*slider*/

.slider {
    float: left;
}

.slider .jquery-reslider .slider-block {
    width: 100%;
    height: 700px;
    position: absolute;
    z-index: 97;
    background-position: 50% 50%;
    background-size:cover;
    /* background-size: 100% 100%; */
    opacity: 0;

}


.slider .jquery-reslider .slider-direction {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 45%;
    z-index: 99;
    cursor: pointer;
}

.slider .jquery-reslider .slider-direction.slider-direction-prev {
    left: 20px;
    background: url('../images/home/prev.png') no-repeat;
}

.slider .jquery-reslider .slider-direction.slider-direction-next {
    right: 20px;
    background: url('../images/home/next.png') no-repeat
}

.slider .jquery-reslider .slider-dots {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0px;
}

.slider .jquery-reslider .slider-dots li{
    width: 80px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
    margin: 5px;
    border: 1px solid #ff9900;
    cursor: pointer;
}

.slider .jquery-reslider .slider-dots li.active {
    background-color: #ff9900;
}

@media screen and (max-width: 768px) {

    .slider .jquery-reslider .slider-direction {
        zoom: .8;
    }

    .slider .jquery-reslider .slider-dots {
        position: absolute;
    }
    .video_block4{
        width:86vw;
        height:49vw
    }
}


/*首页内容部分*/
.home-content{
    text-align: center;
    margin-top: 105px;
    overflow: hidden;
}
.home-content-CN{
    display: flex;
}
.new-car{
	margin:10px auto;
}
.new-car p{
	font-size: 20px;
}
.new-car img{
	width:42%;
	
}
.h-con-one{
	margin: auto 18%;
    margin-bottom: 73px;
    overflow: hidden;
}
.con-logo{
    margin-bottom: 40px;
}
.con-slogan{
    color: #c2c2c2;
    margin-bottom: 70px;
}
.con-slogan p {
    margin-bottom: 0;
    font-size: 20px;
}
.h-con-two{
   
    width: 100%;
    overflow: hidden;
 }
.products-item{
    position: relative;
    margin-bottom: 5px;
    padding: 0 10px;
    padding-top: 100px;
}

.p-i-detail{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 30px;
    background: rgba(230,125,29,0.7);
}
.p-i-detail p{
    font-size: 24px;
    color: #fff;
    font-weight:bold;
    margin-bottom: 20px;
}
.p-i-detail ul li{
    text-align: left;
    color: #fff;
    font-size: 14px;
    padding: 5px 0;
}
.c-p-item1 img{
    width: 541px;
    height: 301px;
    margin-bottom: 21px;
}
.c-p-item2 img{
    height: 301px;
    margin-bottom: 21px;
}
.img_w3{
    width: 691px;
}
.img_w4{
    width: 391px;
}
.con-detail{
    position: relative;
    width: 100%;
    height: 650px;
    background: url('../images/home/pro-two-bg.png') no-repeat 30% center;
    -webkit-background-size: cover;
    background-size: auto 418px;
    overflow: hidden;
}
.pro-show{
    position: absolute;
    width: 600px;
    height: 600px;
    top: 0px;
    left: 40%;
    background: url('../images/home/pro-two.png') no-repeat center center;
}
.con-detail.one{
    background: url('../images/home/pro-one-bg.png') no-repeat 30% center;
    -webkit-background-size: cover;
    background-size: cover;
    background-size: auto 418px;
}
.con-detail.one .pro-show{
    background: url('../images/home/pro_one.png') no-repeat center center;
}
.con-detail.two{
    background: url('../images/home/pro-two-bg.png') no-repeat 30% center;
    -webkit-background-size: cover;
    background-size: cover;
    background-size: auto 418px;
}
.con-detail.two .pro-show{
    background: url('../images/home/pro-two.png') no-repeat center center;
}
.con-detail.thr{
    background: url('../images/home/pro-thr-bg.png') no-repeat 30% center;
    -webkit-background-size: cover;
    background-size: cover;
    background-size: auto 418px;
}
.con-detail.thr .pro-show{
    background: url('../images/home/pro-thr.png') no-repeat center center;
}
.business_layout{
    font-size: 30px;
    font-weight: bold;
    color: #333333;
}
.business_des{
    width: 45%;
    font-size: 18px;
    font-weight: 400;
    color: #4D4D4D;
    margin: 0 auto;
    padding-bottom: 66px;
    padding-top:44px;
    text-align: left;
    
}
.time_sharing_lease{
    background: url('../../images/home/timeSharingLease.png') no-repeat center center;
    width: 498px;
    height: 260px;
    -webkit-background-size: cover;
    background-size: cover;
    display: inline-block;
    margin-left: 30px;
    margin-right: 30px;
    background-size: 100% 100%;
    margin-bottom: 10px;
    position: relative;
   
    
    
}
.personal_car_rental{
    background: url('../../images/home/personalCarRental.png') no-repeat center center;
    width: 498px;
    height: 260px;
    -webkit-background-size: cover;
    background-size: cover;
    display: inline-block;
    margin-left: 30px;
    margin-right: 30px;
    background-size: 100% 100%;
    margin-bottom: 10px;
    position: relative;
   
   
}
.join_item{
    width: 156px;
    height: 65px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px 0px rgba(192, 97, 19, 0.08);
    border-radius: 4px;
    line-height: 65px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top:36%;
    right: 6%;
}

.time_sharing_lease a{
    color: #F97A0F;
}
.time_sharing_lease a:hover{
    color: #F97A0F;
}
.personal_car_rental a{
    color: #19B885;
}
.personal_car_rental a:hover{
    color: #19B885;
}
.car_num_des{
    background: #F6965D;
    margin-top: 98px;
    margin-bottom: 42px;
    display: flex;
    justify-content: space-around;
    padding-top: 32px;
    padding-bottom: 49px;
    flex-wrap: wrap;
    color:#fff;
    padding-left: 15%;
    padding-right: 15%;
}
.car_num_des>div{
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
   
}
.car_num_des span{
    font-weight: 400;
    font-size: 14px;
}
.car_num_des .num_self{
    font-size: 30px;
    font-weight: bold;
}

.car_row1{
    z-index: 100;
    position: absolute;
    top:105px;
    width: 100%;
    padding-bottom:45px
    
}
.car_row1>div{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: flex-end */
}
.car_row p{
    width: 170px;
    height: 44px;
    background: rgba(245, 105, 20, 0.08);
    border: 1px solid #F5742F;
    border-radius: 22px;
    line-height: 44px;
    color:#F5742F
}


.car_row1_item1{
    display: flex;
    flex:2;
    justify-content: flex-end;
}
.car_row1_item2{
    display: flex;
    flex:1
}
.car_row2{
    z-index: 100;
    position: absolute;
    top:230px;
    width: 100%;
    padding-bottom:60px
}
.car_row2>div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.car_row2_item1{
    display: flex;
    flex:1;
    justify-content: center;
}
.car_row2_item2{
    display: flex;
    flex:1
}
.car_row2_item2{
    display: flex;
    flex:1
}
.car_row3{
    z-index: 100;
    position: absolute;
    top: 380px;
    width: 100%;
    padding-bottom:60px

}
.car_row3>div{
    display: flex;
    flex-wrap: wrap;
}
.car_row3_item1{
    display: flex;
    flex:1;
    justify-content: center;
}
.car_row3_item2{
    display: flex;
    flex:1;
   

}
.car_row3_item2{
    display: flex;
    flex:1

}
.car_row4{
    z-index: 100;
    position: absolute;
    top: 500px;
    width: 100%;
    /* padding-bottom:60px */
}
.car_row4>div{
    display: flex;
    flex-wrap: wrap;
}
.car_row4_item1{
    display: flex;
    flex:1;
   

}
.car_row4_item2{
    display: flex;
    flex:1;

}
.car_row4_item3{
    display: flex;
    flex:1;
    justify-content: center;
}





/*底部展示图片*/
.h-con-thr{
	overflow: hidden;
    display: flex;
    justify-content: center;
  
}
