* {
	margin:0;
	padding:0;
	list-style-type:none;
}
a,img {
	border:0;
}
/* flexslider */
.flexslider {
	position:relative;
	height:400px;
	overflow:hidden;
	background:url(../images2/loading.gif) 50% no-repeat;
}
.slides {
	position:relative;
	z-index:1;
}
.slides li {
	height:400px;
}
.flex-control-nav {
	position:absolute;
	bottom:10px;
	z-index:2;
	width:100%;
	text-align:center;
}
.flex-control-nav li {
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 5px;
	*display:inline;
	zoom:1;
}
.flex-control-nav a {
	display:inline-block;
	width:14px;
	height:14px;
	line-height:40px;
	overflow:hidden;
	background:url(../images2/dot.png) right 0 no-repeat;
	cursor:pointer;
}
.flex-control-nav .flex-active {
	background-position:0 0;
}
.flex-direction-nav {
	position:absolute;
	z-index:3;
	width:100%;
	top:45%;
}
.flex-direction-nav li a {
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
}
.flex-direction-nav li a.flex-prev {
	left:40px;
	background:url(../images2/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
	right:40px;
	background:url(../images2/next.png) center center no-repeat;
}

/*
.banner{
    width: 100%;
    min-width: 1200px;
}
.banner img{
    width: 100%;
    height: 100%;
}
*/
/*加入我们*/
.join{
    width: 100%;
    background-color: #fff;
	display: flex;
    justify-content: space-around;
	box-shadow: 0px 2px 12px 0px rgba(246,246,246,1);
}
.join .item{
    width: 200px;
    height: 90px;
	flex-direction: column;
    display: flex;
}
.join .item .item-img{
	width: 40px;
	height: 51px;
    margin: 12px auto;
}

.join .item .item-text{
	font-size:17px;
	font-family:'microsoft yahei';
	font-weight:400;
    text-align: center;
}

.iconblock-wrap{
	width: 100%;
    height: 480px;
    border-top: 270px solid #fff;
    position: relative;
    background: #f6f6f6;
}

.iconblock{
    width: 100%;
    height: 370px;
    display: flex;
    justify-content: space-around;
    position: absolute;
    top: -200px;
}

.iconblock .item{
    width: 260px;
    height: 350px;
    padding: 35px 10px;
	flex-direction: column;
    display: flex;
	background: rgba(255,255,255,1);
    box-shadow: 0px -3px 10px 0px rgba(246,246,246,1);
    border-radius: 15px;
}

.iconblock .item .item-title{
	width: 100%;
    text-align: center;
	font-size:24px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	line-height:30px;
}

.iconblock .item .item-img{
    margin: 25px auto;
}

.iconblock .item .item-p{
    font-size:16px;
	font-family:'microsoft yahei';
	font-weight:400;
	line-height:22px;
}
.title-line{
	width: 40px;
    height: 3px;
    margin: 0px auto;
    background: rgba(39,174,96,1);
    border-radius: 100px;
}

.service{
	width: 100%;
    height: 400px;
    margin-bottom: 70px;
    display: flex;
    flex-direction: column;
    background: #f6f6f6;
}
.service .title{
	width:300px;
	height:37px;
	margin:20px auto;
	text-align:center;
	font-size:26px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:37px;
	letter-spacing:2px;
}

.service-con{
	width: 100%;
	height:328px;
	padding-left: 5%;
	display: flex;
    flex-wrap: wrap;
}

.service-block{
	width:48%;
	height:100px;
	padding: 10px 140px;
	display:inline-table;
	display: flex;
}

.green-block{
	margin-right:10px;
}

.service-block .block-title{
	display: flex;
    flex-direction: column;
}


.service-block .block-title p{
	width: 224px;
    height: 50px;
    font-size: 18px;
    font-family: 'microsoft yahei';
    font-weight: 400;
    color: rgba(26,26,26,1);
    line-height: 26px;
}

.service-block .block-desc{
	width:252px;
	height:40px;
	font-size:14px;
	font-family:'microsoft yahei';
	font-weight:400;
	color:rgba(71,71,71,1);
	line-height:24px;
}


.green-block{
	width:16px;
	height:16px;
	margin-right: 20px;
    margin-top: 6px;
	background:rgba(39,174,96,1);
	box-shadow:0px 2px 4px 0px rgba(0,178,87,0.59);
	border-radius:5px;
}

.light{
	width: 100%;
    height: 430px;
    display: flex;
    flex-direction: column;
}
.light .title{
	width:300px;
	height:37px;
	margin:20px auto;
	text-align:center;
	font-size:26px;
	font-family:'microsoft yahei';
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:37px;
	letter-spacing:2px;
}

.light-con{
	width: 100%;
	height:600px;
	display: flex;
	justify-content: center;
}

.light-con .light-block{
	width:260px;
	height:273px;
	margin: 60px 100px 0px 100px;
	border:1px solid rgba(228,228,228,1);
}
.light-con .light-block p{
	width: 234px;
    height: 50px;
    font-size: 16px;
    margin: 190px 0px 0px 12px;
    font-family: 'microsoft yahei';
    font-weight: 400;
    color: rgba(71,71,71,1);
    line-height: 20px;
}

.light-con .left{
	background:url(../images2/zhuce.png) no-repeat center center;
}

.light-con .right{
	background:url(../images2/yaoqing.png) no-repeat center center;
}

/*用车流程*/
.thecar{
    width: 100%;
    height: 1183px;
}
.thecarTitle{
    width:113px;
	height:37px;
	margin:20px auto;
	font-size:26px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:37px;
	letter-spacing:2px;
}
.trip{
    width: 100%;
    height: 526px;
	padding-top: 50px;
    background-color: #f6f6f6;
	display:flex;
	justify-content: space-evenly;
}
.trip .demo{
	width:60%;
	height:588px;
	background: url(../images2/demo.png) no-repeat center 0;
}

.trip .demo_right{
	width:40%;
	display: flex;
	flex-direction: column;
	justify-content: start;
}

.trip .demo_right .title{
	width:180px;
	height:55px;
	font-size:36px;
	font-family:'microsoft yahei';
	font-weight: 700;
	color:rgba(51,51,51,1);
	line-height:36px;
}

.trip .demo_right .title-sub{
	width: 400px;
    height: 49px;
    font-size: 28px;
    font-family: 'microsoft yahei';
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 40px;
    letter-spacing: 2px;
}

.main-timeline{
	display: flex;
    position: relative;
    width: 50%;
    margin: 0 auto;
	margin-top:50px;
}
.timeline-left{
	border-right:1px solid #D8D8D8;
}
.timeline-right{
	border-left:1px solid #D8D8D8;
}
.timeline-left,.timeline-right{
	height:1000px;
	width:50%;
}
.timeline-icon{
	margin-bottom:50px;
}
.timeline-left .timeline-icon{
	padding-right:20%;
}
.timeline-right .timeline-icon{
	padding-left:20%;
}
.timeline-icon .content{
	width:50px;
	margin: 0 auto;
}
.timeline-left .timeline-icon .description{
	font: 25px/25px 'microsoft yahei';
	color: #0066FF;
	text-align: center;
	margin-top: 15px;
}
.timeline-right .timeline-icon .description{
	font: 25px/25px 'microsoft yahei';
	color: #27AE60;
	text-align: center;
	margin-top: 15px;
}
.timeline-content{
	display:flex;
}

.timeline-left .timeline-content .content{
	width:80%;
	left:0px;
}
.timeline-right .timeline-content .content{
	width:80%;
	left:0px;
}
.timeline-left .timeline-content::after{
	content:"";
	width:20%;
	border-top:2px solid #0066FF;
	top:25px;
	right:0px;
	position:relative;
}
.timeline-right .timeline-content::before{
	content:"";
	width:20%;
	border-top:2px solid #27AE60;
	top:25px;
	left:0px;
	position:relative;
}
.timeline-left .timeline-content .content .title{
	height:46px;
	color:#0066FF;
	line-height:46px;
	font-size:18px;
	font-family:'microsoft yahei';
	font-weight:400;
	border-radius:100px;
	border:2px solid #0066FF;
	text-align: center;
}
.timeline-left .timeline-content .content .description{
	width:100%;
	font-size:16px;
	font-family:'microsoft yahei';
	font-weight:400;
	color:#505050;
	line-height:32px;
}
.timeline-right .timeline-content .content .title{
	height:46px;
	color:#27AE60;
	line-height:46px;
	font-size:18px;
	font-family:'microsoft yahei';
	font-weight:400;
	border-radius:100px;
	border:2px solid #27AE60;
	text-align: center;
}
.timeline-right .timeline-content .content .description{
	width:100%;
	font-size:16px;
	font-family:'microsoft yahei';
	font-weight:400;
	color:#505050;
	line-height:32px;
}
.timeline-left .step1{
	height:118px;
}
.timeline-left .step2{
	height:163px;
}
.timeline-left .step3{
	height:123px;
}
.timeline-left .step4{
	height:166px;
}
.timeline-left .step5{
	height:175px;
}
.timeline-right .step1{
	height:177px;
}
.timeline-right .step2{
	height:227px;
}
.timeline-right .step3{
	height:341px;
}

/*底部*/
.footer{
    width: 100%;
	padding: 100px 0px 50px 0px;
}
.demo_right .total{
	display:flex;
	flex-direction:row;
	margin:0px;
}
.ewm{
	margin: 20px 50px 0px 0px;
	display:flex;
	flex-direction:column;
}
.ewm .footerFont{
    color: #757575;
    font-size: 26px;
    text-align: center;
    line-height: 50px;
}
