.airwheel-width {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
.airwheel-advantage-3d .airwheel-width{width:1000px;margin:0 auto;padding-top:50px}
.airwheel-width:after{
	content: "";
	display: block;
	clear: both;
}
.airwheel-content {
  width: 100%;
  height: auto;
}

.airwheel-content h1 {
  font-size: 26px;
  line-height: 40px;
  font-weight: 500;
  position: relative;
  margin-bottom: 10px;
}
.airwheel-content p {
  font-size: 14px;
  line-height: 30px;
}
.width400{
	width: 400px;
	position: absolute;
	top: 50%;
}
.width600{
	width: 600px;
	margin: auto;
}
.width800{
	width: 800px;
	margin: auto;
}
.img-responsive{
	display: block;
	max-width: 100%;
	margin: auto;
}
.video-container {
	position: relative;
	overflow: hidden;
	width:100%
}
.video-container video {
	display: block;
}
.video-intro {
    width: 768px;
    position: absolute;
    color: #fff;
    top: 50%;
    margin-top: -96px;
    left: 50%;
    margin-left: -384px;
    z-index: 6;
    text-align: center;
    box-sizing: border-box;
    padding: 25px 20px;
    border: 1px solid #FFF;
}
.video-intro h1{font-size: 40px;line-height:70px;text-transform:uppercase}
.video-intro p{font-size: 18px;line-height:35px}
.airwheel-advantage-first{
	height: 738px;
	background-image:url(../../images/sr5/Airwheel_SR5_robot_suitcase_design.jpg) ;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	color:#fff
}
.airwheel-advantage-first h2{
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
	padding: 10px 0;
	position: relative;
	color:#42e6ff;
}
.airwheel-advantage-first h2:after{
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
}
.airwheel-advantage-first .width400{
	margin-top: -100px;
}
.airwheel-advantage-second{
	background-image:url(../../images/sr5/Airwheel_sr5_suitcase_color_design.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	box-sizing: border-box;
	background-size:contain;
	padding-bottom:45.625%
}
.airwheel-advantage-second .width600{position: absolute;left:28%;margin-top:180px}
.airwheel-advantage-icon{
    background: #27C0E6;
    background: -moz-linear-gradient(left, #56DBC9, #02ABFD);
    background: -webkit-gradient(linear, 0 0, right 0, from(rgb(87,219,200)), to(rgb(2,172,253)));
    background: -o-linear-gradient(left, #56DBC9, #02ABFD);
    padding: 30px 0;
}
ul.para:after{content: '';display: block;clear: both;}
ul.para li{
	width: 16.66%;
	float: left;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	font-size: 14px;
}
ul.para li:before{
	content: '';
	display: block;
	width: 84px;
	height: 84px;
	margin: 0 auto 10px;
	background: url(../../images/sr5/Airwheel-sr5-intelligent_auto-following_suitcase.png) center no-repeat;
	background-position: -72px -21px;
}
ul.para li:nth-child(2):before{background-position: -270px -21px;}
ul.para li:nth-child(3):before{background-position: -457px -21px;width: 106px;}
ul.para li:nth-child(4):before{background-position: -663px -21px;width: 92px;}
ul.para li:nth-child(5):before{background-position: -866px -21px;}
ul.para li:nth-child(6):before{background-position: -1063px -21px;}
.airwheel-advantage-three{
	background-image:url(../../images/sr5/Airwheel_SR5_TSA_lock_design.jpg) ;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	padding-bottom:43.329%
}
.airwheel-advantage_fingerprint {
background-image:url(../../images/sr5/Airwheel_SR5_robot_suitcase_locker_fingerprint.jpg);
    }
.airwheel-advantage-three .width400{margin-top: 130px;}
.airwheel-advantage_fingerprint .width400{margin-top: 20%;}
.airwheel-advantage-three  img{width:58%;cursor:pointer}
.airwheel-advantage-four .width400{right: 0;top:45%;margin-top: -156px;}
.airwheel-advantage-four .img-position{width: 800px;box-sizing: border-box;padding-right: 50px;}
.airwheel-advantage-four .airwheel-width{padding-top: 0%;}

ul.small-icon li {
    display:inline-block;
    padding-top: 10px;
    position: relative;
    text-align: center;
    font-size: 14px;
    margin-right:10px;
    width:120px;
	vertical-align: top;
}
ul.small-icon li:before {
    width: 78px;
    height: 78px;
    content: "";
    display: block;
    margin: 0 auto 10px;
    background: url(../../images/sr5/Airwheel-sr5-intelligent_self-following_suitcase.png) no-repeat center;
}
.airwheel-advantage-four ul.small-icon li:before {background-position: -484px -23px;}
.airwheel-advantage-four ul.small-icon li:last-child:before {background-position: -601px -23px;}
.airwheel-advantage-five{
	background-image: url(../../images/sr5/Airwheel-sr5-self-driving_luggage-design.jpg);
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	background-size:contain;
	padding-bottom:46.822%;
}
.airwheel-advantage-five .width400{margin-top: 326px;}
.airwheel-advantage-five ul.small-icon li:before {background-position: -365px -23px;}
.airwheel-advantage-six{
	//height:800px;
	background-image: url(../../images/sr5/Airwheel-sr5-self-following_suitcase.jpg);
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	box-sizing: border-box;
	text-align: center;
	background-size:contain;
	padding-bottom:43.333%
}
.airwheel-advantage-six .width600{
	position: absolute;
	top: 50%;
	margin-top: 285px;
	width: 60%;
	left: 20%;
}
.airwheel-advantage-seven{
	background-image: url(../../images/sr5/Airwheel-sr5-smart_robot_suitcase.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	padding-bottom: 44.895%;
}
.airwheel-advantage-seven .width400{margin-top: 213px;}
.airwheel-advantage-seven ul.small-icon{padding:0px}
.airwheel-advantage-seven ul.small-icon li:before {background-position: -21px -23px;}
.airwheel-advantage-seven ul.small-icon li:nth-child(2):before {background-position: -135px -23px;}
.airwheel-advantage-seven ul.small-icon li:nth-child(3):before {background-position: -249px -23px;}
.airwheel-advantage-eight{
	height: 738px;
	background-image: url(../../images/sr5/Airwheel-sr5-smart_suitcase.jpg);
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	text-align: left;
}
.airwheel-advantage-eight .width400{
	top:42%;
}
.airwheel-advantage-nine{text-align: center;
	background-image:url(../../images/sr5/Airwheel-sr5-auto-following_suitcase-8.jpg) ;
	background-position: center bottom;
	background-repeat: no-repeat;
	box-sizing: border-box;
	background-size:contain;
	padding-bottom:39.114%
}
.airwheel-advantage-nine .width400{left:32%;padding-top:160px}
.airwheel-advantage-ten{
	background-image: url(../../images/sr5/Airwheel-SR5-robot_suitcase-10.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	padding-bottom: 41.718%;
}
.airwheel-advantage-ten .width400{margin-top: 213px;color:#b7b7b7}
.airwheel-advantage-second{
	background-image:url(../../images/sr5/Airwheel_sr5_suitcase_color_design.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	box-sizing: border-box;
	background-size:contain;
	padding-bottom:45.625%
}
.airwheel-advantage-second .width600{position: absolute;left:28%;margin-top:180px}
.airwheel-advantage-seven.bording{background-image:url("../../images/sr5/airwheel-sr5-smart-luggage.jpg") ;background-position: center top;color: #333;text-align: left;padding-bottom:36.527%}
.airwheel-advantage-seven .airwheel-advantage-content-p h1{color:#fff}
.airwheel-advantage-seven.bording .airwheel-advantage-content-p{padding-top:15%;width:499px;right:2%;left:auto;text-align:right;color:#fff;float:right}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	.airwheel-width{
		width: 990px;
	}
	.airwheel-advantage-six .width600{margin-top:215px}
	.airwheel-advantage-seven .width400{margin-top:153px}
	.airwheel-advantage-five .width400{margin-top:206px}
	.airwheel-advantage-ten .width400{margin-top:133px}
	.airwheel-advantage-second .width600{margin-top:60px}
}
@media only screen and (max-width: 992px) {
	.airwheel-width{
		width: 750px;
	}
	.width800{width: 100%;}
.airwheel-advantage-first {
    height: 380px;
    background-size: 992px auto;
}	
.airwheel-advantage-four .img-position{width: 400px;}

.airwheel-advantage-six {
    height: 410px;
    background-size: 992px auto;
    
}
.video-intro {
    width: 468px;
    margin-left: -234px;
    margin-top: -63px;  
}
.video-intro h1{font-size: 26px;}
.video-intro p{font-size: 18px;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.airwheel-advantage-five .width400{margin-top:136px}
.airwheel-advantage-seven .width400{margin-top:123px}
.airwheel-advantage-six .width600{margin-top:185px}
.airwheel-advantage-four .width400{margin-top:-56px}
.airwheel-advantage-four .width400 .small-icon{display:none}
.airwheel-advantage-ten .width400{margin-top:133px}
.airwheel-advantage-second .width600{margin-top:60px}
.airwheel-advantage-eight {
    height: 380px;
    background-size: 992px auto; 
}
}

@media screen and (max-width: 768px) {
	.airwheel-width{
		width: 98%;
		margin: auto;
	}
	.width600{width: 100%;}
  .airwheel-content h1 {
    font-size: 20px;
    line-height: 30px;
  }
  .airwheel-content h2 {
    font-size: 15px;
  }
  .airwheel-content p {
    font-size: 0.5rem;
    line-height: 20px;
  }
  .airwheel-advantage-nine .width400{padding-top:100px}
  ul.para li{width: 33.33%;margin-top: 10px;}
  .airwheel-advantage-icon{padding: 20px 0 30px;}
  .airwheel-advantage-six .width600 {
    width: 80%;
    left: 10%;
}
	.video-intro{display: none;}
	.video-container video{display: none;}
	.video-container{
		height: auto;
		background-image:url(../../images/sr5/Airwheel-SR5-mob.jpg);
		background-size: cover;
		padding-bottom:67.307%;
	}
}
@media screen and (max-width: 414px) {
#myCar{width:100%!important;background-size:cover;height:243px!important}
.airwheel-advantage-3d .airwheel-width{width:100%;margin:0 auto;padding-top:50px}
.airwheel-advantage-3d  .width400 img{width:20%}
.airwheel-advantage-seven.bording{background-image:url("../../images/sr5/airwheel-sr5-smart-luggage.jpg") ;background-position: center top;color: #333;text-align: left;padding-bottom:70.715%}
.airwheel-advantage-seven.bording .airwheel-advantage-content-p{padding-top:8%;right:0%;left:auto;text-align:center;color:#fff;width:98%}
.airwheel-advantage-seven.bording .airwheel-advantage-content-p p{display:none}
  .airwheel-content h1{
    font-size: 1.1rem;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 0;
  }
#myCar{background-size:contain}
  .airwheel-content h2 {
    font-size: 13px;
    font-weight: 500;
    padding: 5px 0;
  }
  .airwheel-content p{
    font-size: 0.8rem;
    line-height: 20px;
  }
  .width400{width: 100%;}
  ul.para li:before{
	width: 64px;
	height: 56px;
	margin: 0 auto 5px;
	background: url(../../images/sr5/Airwheel-sr5-intelligent_auto-following_suitcase_m.png) center no-repeat;
	background-position: -42px -15px;
}
ul.para li:nth-child(2):before{background-position: -182px -15px;}
ul.para li:nth-child(3):before{background-position: -300px -15px;width: 106px;}
ul.para li:nth-child(4):before{background-position: -432px -15px;width: 92px;}
ul.para li:nth-child(5):before{background-position: -582px -15px;}
ul.para li:nth-child(6):before{background-position: -721px -15px;}
	.airwheel-advantage-first{
		height: 300px;
		background-image:url(../../images/sr5/Airwheel-sr5-auto-following_suitcase-mob.jpg) ;
		background-size:auto ;
	}
	.airwheel-advantage-first .width400{width: 125px;margin-top: -77px;display:none}
	.airwheel-advantage-first .width400 p{padding-top: 3px;}
	.airwheel-advantage-second {
    height: 329px;
    background-image: url(../../images/sr5/Airwheel-sr5-intelligent_auto-following_suitcase-mob.jpg);
    background-size: auto;
}
.airwheel-advantage-second .width600 {
    padding-top: 92px;
	left:0%;
	margin-top:20px;
}
.airwheel-advantage-three {
    height: 300px;
    background-image: url(../../images/sr5/Airwheel-sr5-intelligent_self-driving_suitcase-mob.jpg);
    background-size:auto ;
	padding-bottom:0px
}
    .airwheel-advantage_fingerprint{
        background-image: url(../../images/sr5/Airwheel_SR5_robot_suitcase_locker_fingerprint_mob.jpg);
    }
.airwheel-advantage-three .width400{text-align:center;margin-top:-120px}
.airwheel-advantage-three .width400 p,.airwheel-advantage-three .width400 img{display:none}
.airwheel-advantage-four .width400{    position: relative;
    top: 0;
    margin-top: 0;}
.airwheel-advantage-four .img-position{width: 100%;padding: 0;margin-top: 10px;}
.airwheel-advantage-four .small-icon{text-align: center;}
.airwheel-advantage-four .airwheel-width{padding-top: 10px;text-align:center;left:0%}
.airwheel-advantage-five {
    height: 384px;
    background-image: url(../../images/sr5/Airwheel-sr5-self-driving_luggage-design-mob.jpg);
    background-size: auto;
	padding-bottom:0px
}
.airwheel-advantage-five .width400{top: 10px; margin-top: 0;left:3%}
.airwheel-advantage-six {
    height: 300px;
    background-image: url(../../images/sr5/Airwheel-sr5-self-following_suitcase-mob.jpg);
    background-size: auto;
}
.airwheel-advantage-six .width600{margin-top: 65px;}
.airwheel-advantage-seven {
    height:288px;
    background-image: url(../../images/sr5/Airwheel-sr5-smart_robot_suitcase-mob.jpg);
    background-size: auto;
	padding-bottom:0px;
}
.airwheel-advantage-seven .small-icon{display: none;}
.airwheel-advantage-seven .width400{margin-top:-30px;text-align:center;left:0%};
.airwheel-advantage-eight {
    height: 290px;
    background-image: url(../../images/sr5/Airwheel-sr5-smart_suitcase-mob.jpg);
    background-size: auto;
}
.airwheel-advantage-eight .width400{width: 150px;color:#3b3b3b;}
.airwheel-advantage-nine {
    padding-top: 10px;
    height: 365px;
    background-image: url(../../images/sr5/Airwheel-sr5-auto-following_suitcase-8-mob.jpg);
    background-size: auto;
}
.airwheel-advantage-nine .width400{margin-top:-190px;left:0%;text-align:center}
.airwheel-advantage-ten {
    height:300px;
    background-image: url(../../images/sr5/Airwheel-SR5-robot_suitcase-10_m.jpg);
    background-size: auto;
	background-color:#2b2c30;
	padding-top:200px;
	padding-bottom:0px;
	margin-bottom:-108px
}
.airwheel-advantage-ten .width400{margin-top:-330px;text-align:center;left:0%};
}
