﻿.left {
	float: left
}

.right {
	float: right
}

.cl:after {
	content: '';
	display: block;
	clear: both
}
.color-orange{
	color: rgb(237,108,0);
}
.airwheel-width {
	width: 1180px;
	margin: 0 auto;
	position: relative;
	height: 100%
}

.airwheel-width:after {
	content: "";
	display: block;
	clear: both
}
.airwheel-width h1 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 500;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.airwheel-width h1:after{
	content: '';
	display: block;
	width: 2rem;
	height: 1px;
	position: relative;
    top: 10px;	
}
.airwheel-width h2 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 500
}

.airwheel-width{
	font-size: 14px;
	line-height: 24px
}

*{margin: 0;padding: 0;list-style: none;}
h1.bigger{
	text-transform: uppercase;
	font-size: 62px;
	line-height: 70px;
}
.airwheel-advantage-three{
	background-image: url(../../images/Lease/Airwheel-cloud-platform-0607.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 800px;
	color: #fff;
}
.airwheel-advantage-three .airwheel-advantage-content-p{
	width: 400px;padding-top: 278px;
}
.table{display: table;width: 100%;text-align: center;vertical-align: top;}
.table-cell{display: table-cell;vertical-align: top;}
.table-cell:before{
	display: block;
	content: '';
	margin:0 auto 10px;
}
.airwheel-advantage-four{
			background-image: url(../../images/Lease/Airwheel-cloud-platform-060701.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 800px;
	text-align: center;
}
.airwheel-advantage-four .airwheel-advantage-content-p{
	width: 800px;padding-top: 50px;margin: auto;
	
}
.airwheel-advantage-four .table{width: 800px;margin:50px auto 0;}
.airwheel-advantage-four .table-cell{width: 33.33%;box-sizing: border-box;padding:0 10px;}
.airwheel-advantage-four .airwheel-advantage-content-p h1:after,
.airwheel-advantage-two .airwheel-advantage-content-p h1:after
{background-color: rgb(102,150,255);margin: auto;}
.airwheel-advantage-four .table-cell:before {
    width: 42px;
    height: 42px;
    background: url(../../images/Lease/Airwheel-cloud-platform-icon-060701.png) center no-repeat;
    background-position: -4px -7px;
}
.airwheel-advantage-four .table-cell:nth-child(2):before {
    background-position: -227px -4px;
}
.airwheel-advantage-four .table-cell:nth-child(3):before {
    background-position: -454px -4px;
}
.airwheel-advantage-three.one{background-image: url(../../images/Lease/Airwheel-cloud-platform-060702.jpg);color: #333;}
.airwheel-advantage-three.one .airwheel-advantage-content-p h1:after,
 #manApp .airwheel-advantage-content-p h1:after{background-color: rgb(102,150,255);}
.airwheel-advantage-three.one .airwheel-advantage-content-p{padding-top: 164px;}
.airwheel-advantage-three.one .table{margin-top: 30px;}
.airwheel-advantage-three.one .table-cell{width:25%;box-sizing: border-box;padding:0 10px;}
.airwheel-advantage-three.one .table-cell:before {
    width: 53px;
    height: 44px;
    background: url(../../images/Lease/Airwheel-cloud-platform-icon-060702.png) center no-repeat;
    background-position: 4px -4px;
}
.airwheel-advantage-three.one .table-cell:nth-child(2):before {
    background-position: -92px -4px;
}
.airwheel-advantage-three.one .table-cell:nth-child(3):before {
    background-position: -191px -5px;
}
.airwheel-advantage-three.one .table-cell:nth-child(4):before {
    background-position: -287px -4px;
}
.airwheel-advantage-four.one{
	background-image: url(../../images/Lease/Airwheel-cloud-platform-060703.jpg);
	color: #fff;
}
.airwheel-advantage-four.one .airwheel-advantage-content-p h1:after{
    background-color: rgb(255,255,255);
}
.airwheel-advantage-two{padding: 50px 0;text-align: center;}
.airwheel-advantage-two .airwheel-advantage-content-p{
	width: 400px;
	margin: auto;
}
.airwheel-advantage-two .table{margin-top: 50px;display: block;}
.airwheel-advantage-two .table-cell{display: inline-block; width: 32%;box-sizing: border-box;padding: 0 20px 30px;}
.airwheel-advantage-two .table-cell:before{
	width: 62px;
    height: 56px;
    background: url(../../images/Lease/Airwheel-cloud-platform-icon-060703.png) center no-repeat;
    background-position: -10px -6px;
}
.airwheel-advantage-two .table-cell:nth-child(2):before{background-position: -89px -6px;}
.airwheel-advantage-two .table-cell:nth-child(3):before{background-position: -168px -6px;}
.airwheel-advantage-two .table-cell:nth-child(4):before{background-position: -10px -79px}
.airwheel-advantage-two .table-cell:nth-child(5):before{background-position: -89px -83px;}
.airwheel-advantage-two .table-cell:nth-child(6):before{background-position: -168px -84px;}
#myCanvas{
	/*width: 1180px;
	height: 500px;*/
	position: absolute;
    left: 0;
    top: 0;
}
.pic-container{
	position: relative;
	margin-top: 50px;
}
.pic-container>div{
	padding: 10px;
	border-radius: 10px;
	background: rgba(255,255,255,.4);
	position: absolute;
}
.pic-container .pic-title{
	color: rgb(0,240,255);
	font-size: 18px;
	padding: 10px 20px;
}
.pic-container .pic-detail{
	box-sizing: border-box;
	width: 184px;
	height: 68px;
	text-align: center;
}
#travel{
	top: 60px;left: 0;
}
#seller{
	top: 312px;left: 0;
}
#traDetail1{
	top: 0;left: 200px;
}
#traDetail2{
	top: 100px;left: 200px;
}
#selDetail1,#selDetail2,#travelerDetail1,#travelerDetail2{line-height: 48px;}
#selDetail1{
	top: 250px;left: 200px;
}
#selDetail2{
	top: 350px;left: 200px;
}
#all{
	top: 178px;
	/*margin-top: -34px;*/
	left: 50%;
	margin-left: -74px;
}
#traveler{top: 60px;right: 88px;}
#travelerDetail1{top: 0px;right: 230px;}
#travelerDetail2{top: 100px;right: 230px;}
#mechanism{right: 0;top: 312px;padding: 10px;}
#mecDetail1{top: 250px;right: 230px;}
#mecDetail2{top: 350px;right: 230px;}
.img-responsive img{display: block;width: 100%;}
.airwheel-advantage-four.one .img-responsive{margin: 50px 0;}
.airwheel-advantage-four.one {height: auto;}
/*APP*/
.airwheel-advantage-one{
	background-image: url(../../images/Lease/Airwheel-Lease-APP-0609.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 800px;
	color: #fff;
	text-align: center;
}

.airwheel-advantage-one .airwheel-advantage-content-p{
	width: 430px;
	margin:auto;
	padding-top: 200px;
}
.app-link{margin-top: 50px;}
.app-link a{color: #fff;}
.app-link span{    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding: 5px 10px 5px 46px;
    border: 1px solid #fff;
    border-radius: 30px;
    width: 165px;
    vertical-align: top;
    margin-right: 15px;
}
.app-link span b{display: block;}
.app-link span:before{
	content: ''; 
	display: inline-block;
	background: url(../../images/Lease/Airwheel-Lease-APP-0609.png) center no-repeat;
	position: absolute;    top: 10px;
    left: 25px;
}
.app-link span.android:before{
    width: 32px;
    height: 37px;
    background-position: -4px -3px;
}
.app-link span.ios:before{
    width: 32px;
    height: 37px;
    background-position: -206px -4px;
    left: 10px;
}
.app-link span.wechat{display: none; width: 60px;height: 60px;border-radius: 50%;padding: 10px;margin-right: 0;cursor: pointer;}
.app-link span.wechat:before{
    width: 40px;
    height: 35px;
    background-position: -401px -6px;
    left: 10px;
    top: 12px;
}
#manApp{
	color: #333;
	background-image: url(../../images/Lease/Airwheel-Lease-APP-060901.jpg)
}
#wechatApp{
	color: #fff;
	background-image: url(../../images/Lease/Airwheel-Lease-APP-060902.jpg)
}
#swiper1{margin: 50px 50px 0;padding-bottom: 50px;}
#swiper1 .swiper-slide{
	height: 355px;
	background-size: 200px 355px;
	background-position: center;
	background-repeat: no-repeat;	
}
#swiper1 .swiper-slide:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.4)
}
#swiper1 .swiper-slide.swiper-slide-active:before{background-color: transparent;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
.swiper-button-next{background-image: url(../../images/Lease/arrow-right.png);    background-size: 32px 32px;outline:none;}
.swiper-button-prev{background-image: url(../../images/Lease/arrow-left.png);    background-size: 32px 32px;outline:none;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: transparent;border: 1px solid rgba(0,0,0,.2);box-sizing: border-box;}
/*案例*/
#case{
	background-image: url(../../images/Lease/Airwheel-Rental-Solution-0611.jpg)
}
#case.airwheel-advantage-one .airwheel-advantage-content-p {
    padding-top: 280px;
    width: 475px;
    text-align: left;
}
#case.airwheel-advantage-one h1:after{background-color: #FFF;}
#case.airwheel-advantage-one h1.bigger:after{background-color: transparent;}
#advanOfSpots{padding: 50px 0;background-color: rgb(245,245,245)}
#advanOfSpots h1{text-align: center;}
#advanOfSpots .table{margin-top: 30px;}
#advanOfSpots .table-cell b{font-size: 24px;font-weight: 100;line-height: 34px;display: inline-block;}
#advanOfSpots .table-cell p{color: rgb(149,149,149);}
#advanOfSpots .table-cell{width: 50%;text-align: left;position: relative;padding-left: 96px; min-height: 88px;padding-top: 15px;}
#advanOfSpots .table .table-cell:before{
	width: 76px;
	height: 88px;
	background: url(../../images/Lease/Airwheel-Rental-Solution-0611.png) center no-repeat;
	background-position: -15px -7px;
	position: absolute;
	top: 0;
	left: 0;
}
#advanOfSpots .table .table-cell:last-child:before{background-position: -615px -7px;}
/*#advanOfSpots .table:nth-child(2) .table-cell:first-child:before{background-position: -15px -117px;}*/
/*#advanOfSpots .table:nth-child(2) .table-cell:last-child:before{background-position: -615px -117px;}*/
#advanOfSpots .table:nth-child(3) .table-cell:first-child:before{background-position: -15px -162px;}
#advanOfSpots .table:nth-child(3) .table-cell:last-child:before{background-position: -615px -162px;}
#advanOfSpots .table:nth-child(4) .table-cell:first-child:before{background-position: -15px -315px;}
#advanOfSpots .table:nth-child(4) .table-cell:last-child:before{background-position: -615px -315px;}
#swiper2 .swiper-slide{position: relative;padding: 0 50px 50px;box-sizing: border-box;text-align: left;}
#swiper2 .swiper-slide .box{border-radius: 4px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);}   
#swiper2 .swiper-slide:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.4)
}
#swiper2 .swiper-slide.swiper-slide-active:before{background-color: transparent;}
#swiper2 .swiper-slide .img-content{padding: 0 50px 30px;}
#swiper2 .img-bg{background-size: cover;height: 420px;}
#swiper2 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: -7px;}
#case-list{padding: 30px 0;background-color: rgb(245,245,245)}
#case-list .table-cell{vertical-align: top;width: 20%;}
#case-list .table-cell img{display: block;max-width: 100%;margin: auto;}
#case-list .c-gray{
	color: rgb(176,176,176);
	margin-top: 10px;
}
#case-list p:last-child:before{
	content: '';
	display: block;
	margin:auto;
	width: 1rem;
	height: 1px;
	background-color: rgb(72,193,221)
}
#case-list .table-cell:before{display: none;}
@media only screen and (max-width: 1200px) {
	.airwheel-width {
		width: 990px
	}
	#myCanvas,.pic-container{display: none;}
	
.airwheel-advantage-three,.airwheel-advantage-four,.airwheel-advantage-one{
	background-size: 1200px auto;
	height: 500px;
}

.airwheel-advantage-three .airwheel-advantage-content-p {
    padding-top: 174px;
}
.airwheel-advantage-three.one .airwheel-advantage-content-p {
    padding-top: 50px;
}
.airwheel-advantage-four.one{background-size: auto;}
/*案例*/
#case.airwheel-advantage-one .airwheel-advantage-content-p {
    padding-top: 180px;
}
}
@media only screen and (max-width: 992px) {
	.airwheel-width {
		width: 750px
	}
	.airwheel-advantage-two .table-cell{padding:0 10px;}
	.airwheel-advantage-four .table{width: 100%;}
	.airwheel-advantage-four .airwheel-advantage-content-p{width: 100%;}

}
@media screen and (max-width: 768px) {
	.airwheel-width {
		width: 98%;
		margin: 0 auto
	}
		.airwheel-width h1{
		    font-size: 20px;
    line-height: 28px;
    padding-bottom: 5px;
    margin-bottom: 5px;
	}
		.airwheel-width h1:after{
			top: 5px;
	}
	.airwheel-width h2 {
    font-size: 16px;
    line-height: 24px;
}
.airwheel-advantage-content-p {
    line-height: 22px;
}	
		.airwheel-advantage-one .airwheel-advantage-content-p {
    width: 400px;
}

.airwheel-advantage-three .airwheel-advantage-content-p {
    width: 270px;
}
/*app*/
.app-link span.wechat{margin-top: 20px;}
/*案例*/
#advanOfSpots{padding: 18px 0;}
#advanOfSpots .table{display: block;}
#advanOfSpots .table-cell{box-sizing:border-box;width: 100%;display: block;padding-left: 70px;padding-top: 0;}
#advanOfSpots .table-cell b{font-size: 18px;line-height: 28px;}
#advanOfSpots .table .table-cell:before {
    width: 60px;
    height: 70px;
    background-position: -11px -5px;
    background-size: 550px auto;
    top: 4px;
}
#advanOfSpots .table .table-cell:last-child:before {
    background-position: -480px -5px;
}
#advanOfSpots .table:nth-child(3) .table-cell:first-child:before{background-position: -11px -125px;}
#advanOfSpots .table:nth-child(3) .table-cell:last-child:before{background-position: -480px -125px;}
#advanOfSpots .table:nth-child(4) .table-cell:first-child:before{background-position: -11px -245px;}
#advanOfSpots .table:nth-child(4) .table-cell:last-child:before{background-position: -480px -245px;}
#advanOfSpots .table {
    margin-top: 0px;
}
#swiper2 .swiper-slide{padding: 0 20px 30px;}
#swiper2 .swiper-slide .img-content {
    padding: 0 10px 20px;
}
#swiper2 .img-logo {
    margin: 20px 0;
}
#case.airwheel-advantage-one .airwheel-advantage-content-p {
    width: 330px;
}
#case-list{padding: 10px 0;}
#case-list .table-cell{font-size: 12px;}
#case-list .table-cell p.c-gray{display: none;}
#case-list p:last-child:before{
	margin:10px auto 0;
}
}

@media screen and (max-width: 414px) {
.airwheel-advantage-one .bigger {
    font-size: 34px;
    line-height: 42px;
}

.airwheel-advantage-two{padding: 20px 0;}
.airwheel-advantage-two .airwheel-advantage-content-p{width: 100%;}
.airwheel-advantage-one,.airwheel-advantage-three,.airwheel-advantage-four{
	background-size: 414px auto;
	height: 300px;
}
.airwheel-advantage-three{    background-image: url(../../images/Lease/Airwheel-cloud-platform-0607-mob.jpg);}
.airwheel-advantage-four{    background-image: url(../../images/Lease/Airwheel-cloud-platform-060701-mob.jpg);}
.airwheel-advantage-three.one {
    background-image: url(../../images/Lease/Airwheel-cloud-platform-060702-mob.jpg);
}

.airwheel-advantage-three .airwheel-advantage-content-p {
    padding-top: 86px;
    width: 170px;
}
.airwheel-advantage-four .airwheel-advantage-content-p{width: 100%;padding-top: 10px;}
.airwheel-advantage-four .table,.airwheel-advantage-three.one .table{display: none;}
.airwheel-advantage-three.one .airwheel-advantage-content-p{
	padding-top: 10px;
	width: 182px;
	line-height: 20px;
}
.airwheel-advantage-two .table{margin-top: 10px;display: block;}

.airwheel-advantage-two .table-cell{padding:0 5px 10px;width: 100%;}
.airwheel-advantage-four.one .img-responsive{margin-top: 10px;}
/*app*/
.app-link a {
    /*display: block;*/
    margin-bottom: 10px;
}
.app-link span.wechat {
    margin-top: 0px;
}
.app-link span{margin-right: 0;}
.airwheel-advantage-one .airwheel-advantage-content-p{width: 100%;padding-top: 28px;}
.airwheel-advantage-one{background-image: url(../../images/Lease/Airwheel-Lease-APP-0609-mob.jpg)}
.app-link{margin-top: 10px;}
.app-link span{    width: 152px;
    padding: 5px 5px 5px 39px;}
.app-link span:before,.app-link span.ios:before{left: 6px;
    top: 8px;}
    .app-link span.wechat {
    width: 56px;
    height: 56px;
}
.app-link span.wechat:before {
    left: 6px;
    top: 10px;
}
#swiper1 {
    margin: 10px 10px 0;
    padding-bottom: 30px;
}
#manApp {
    background-image: url(../../images/Lease/Airwheel-Lease-APP-060901-mob.jpg);
}
#manApp .airwheel-advantage-content-p {
    padding-top: 42px;
}
#wechatApp {
    background-image: url(../../images/Lease/Airwheel-Lease-APP-060902-mob.jpg);
}
/*案例*/
#case {
    background-image: url(../../images/Lease/Airwheel-Rental-Solution-0611-mob.jpg);
}
#case.airwheel-advantage-one .airwheel-advantage-content-p {
    padding-top: 50px;
    width: 150px;
}

}		