.relative{position: relative;}
.airwheel-width {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}
.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;
	text-transform: capitalize;
}
.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;
}
.airwheel-advantage-first{
	background-image:url(../../images/sr5/Airwheel_SR5_robot_suitcase_function.jpg) ;
	background-size:contain;
	background-repeat: no-repeat;
	text-align: center;
	color:#fff;
	padding-bottom:41.979%;
}
.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:20%;
}
.airwheel-advantage-second {
	background-image: url(../../images/sr5/Airwheel-SR5-smart_robot_suitcase-design1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	padding-bottom:41.562%;
}

.airwheel-advantage-second .width400 {
	margin-top:10%;
	right:0px
}
ul.para:after {
	content: '';
	display: block;
	clear: both;
}

ul.para li {
	width: 25%;
	float: left;
	text-align: center;
	margin-bottom: 0;
	font-size: 14px;
	box-sizing: border-box;
	padding: 30px 0;
}
ul.para li div{border-right: 1px solid rgb(219, 219, 219);}
ul.para li:first-child div{
	border-left: 1px solid rgb(219, 219, 219);
}
ul.para li div:before {
	content: '';
	display: block;
	width: 58px;
	height: 58px;
	margin: 0 auto 10px;
	background: url(../../images/sr5/Airwheel-SR5-smart_robot_suitcase-design.png) center no-repeat;
	background-position: -37px -25px;
	transition: all linear .5s;
}
ul.para li:hover{background-color: rgb(0,222,255);
color: #fff;}
ul.para li:hover div:before {
	background-position: -37px -129px;
	transition: all linear .5s;
}
ul.para li:nth-child(2) div:before {
	background-position: -118px -25px;
}
ul.para li:nth-child(2):hover div:before {
	background-position: -118px -129px;
}
ul.para li:nth-child(3) div:before {
	background-position: -195px -25px;
}
ul.para li:nth-child(3):hover div:before {
	background-position: -195px -129px;
}
ul.para li:nth-child(4) div:before {
	background-position: -265px -25px;
}
ul.para li:nth-child(4):hover div:before {
	background-position: -265px -129px;
}
.airwheel-advantage-three {
	background: #F6F6F6;
	text-align: center;
	padding-top:3%;
}

.airwheel-advantage-three p {
	margin-bottom: 5%;
}

.airwheel-advantage-three.one {
	background: #fff;
	padding-bottom:3%;
}
ul.small-icon li {
	display: inline-block;
	padding-top: 10px;
	position: relative;
	text-align: center;
	font-size: 14px;
	margin-right: 0px;
	vertical-align: top;
	width: 96px;
}
.airwheel-advantage-three.one ul.small-icon li br{display: none;}
ul.small-icon li:last-child {
	margin-right: 0;
}

ul.small-icon li:before {
	width:52px;
	height:40px;
	content: "";
	display: block;
	margin: 0 auto 5px;
	background: url(../../images/sr5/Airwheel_SR5_control_model_icon.png) no-repeat center;
}

.airwheel-advantage-three.one ul.small-icon li:before {
	width:72px;
	height:72px;
	content: "";
	display: block;
	margin: 0 auto 5px;
	background:url(../../images/sr5/Airwheel-SR5-self-driving_luggage-design.png) no-repeat center;
	
}

.airwheel-advantage-three.one .width800 {
	position: relative;
}

.airwheel-advantage-three.one ul.small-icon.left li:first-child:before {
	background-position: -9px -6px;
}

.airwheel-advantage-three.one ul.small-icon {
	position: absolute;
	bottom: 20%;
}

.airwheel-advantage-three.one ul.small-icon.right {
	right: 0;
}

.airwheel-advantage-three.one ul.small-icon.left li:last-child:before {
	background-position: -104px -11px;
}

.airwheel-advantage-three.one ul.small-icon.right li:first-child:before {
	background-position: -189px -7px;
}

.airwheel-advantage-three.one ul.small-icon.right li:last-child:before {
	background-position: -278px -4px;
}

.airwheel-advantage-five {
	background-image: url(../../images/sr5/Airwheel-SR5-intelligent_auto-following_suitcase-design4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	color: #fff;
	box-sizing: border-box;
	text-align: center;
	padding-bottom:42.187%;
}
.airwheel-advantage-five .width600{padding-top:22%;position:absolute;left:20%}

.airwheel-advantage-six {
	height: 792px;
	background-image: url(../../images/sr5/Airwheel-SR5-self-following_suitcase-design5.jpg);
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	box-sizing: border-box;
	overflow: hidden;
}

.airwheel-advantage-six .width400 {
	right: 10px;
	top: 8%;
	z-index: 6;
}

.airwheel-advantage-seven {
    background-image: url(../../images/sr5/Airwheel-SR5-auto-following_suitcase-design6.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
    background-color: rgb(233,233,233);
	background-size:contain;
	padding-bottom:45.965%
}

.airwheel-advantage-seven .width400 {
padding-top:45%;
	top: 70%;
    width: 60%;
    left: 20%;
}

ul.col-3 li {
	float: left;
	width: 33.33%;
	text-align: center;
	color: #00AAFF;
	margin-top: 20px;
}

ul.col-3 li span {
	font-size: 50px;
}

.airwheel-advantage-eight {
	background-image: url(../../images/sr5/airwheel_sr5_Smart_bracelet.jpg);
	background-repeat: no-repeat;
	color: #fff;
	background-size:contain;
	padding-bottom:44.375%
}

.airwheel-advantage-eight .width400 {
	margin-top:28%;
}
div.dong
{
	position: absolute;
	bottom: 0px;
	right: 0;
	transform: rotate(-10deg);
animation:myfirst 5s linear infinite;
-moz-animation:myfirst 5s linear infinite; /* Firefox */
-webkit-animation:myfirst 5s linear infinite; /* Safari and Chrome */
-o-animation:myfirst 5s infinite; /* Opera */
-ms-animation:myfirst 5s infinite; /* Opera */
}
div.img-fix{
	position: absolute;
bottom: 325px;
left: 500px;
animation:myfirst1 5s ease infinite ;
-moz-animation:myfirst1 5s ease infinite ;
-webkit-animation:myfirst1 5s ease infinite ;
-o-animation:myfirst1 5s ease infinite ;
-ms-animation:myfirst1 5s ease infinite ;
}
@keyframes myfirst
{
0 {bottom: 0;right: 0;transform: rotate(-10deg);}
50% {bottom: 136px;right: 150px;transform: rotate(0deg)}
60%{bottom: 136px;right: 150px;transform: rotate(0deg)}
100%{bottom: 755px;right: 164px;transform: rotate(30deg)}
}

@-moz-keyframes myfirst /* Firefox */
{
0 {bottom: 0;right: 0;-moz-transform: rotate(-10deg);}
50% {bottom: 136px;right: 150px;-moz-transform: rotate(0deg)}
60%{bottom: 136px;right: 150px;-moz-transform: rotate(0deg)}
100%{bottom: 755px;right: 164px;-moz-transform: rotate(30deg)}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0 {bottom: 0;right: 0;-webkit-transform: rotate(-10deg);}
50% {bottom: 136px;right: 150px;-webkit-transform: rotate(0deg)}
60%{bottom: 136px;right: 150px;-webkit-transform: rotate(0deg)}
100%{bottom: 755px;right: 164px;-webkit-transform: rotate(30deg)}
}

@-o-keyframes myfirst /* Opera */
{
0 {bottom: 0;right: 0;-o-transform: rotate(-10deg);}
50% {bottom: 136px;right: 150px;-o-transform: rotate(0deg)}
60%{bottom: 136px;right: 150px;-o-transform: rotate(0deg)}
100%{bottom: 755px;right: 164px;-o-transform: rotate(30deg)}
}
@-ms-keyframes myfirst /* Opera */
{
0 {bottom: 0;right: 0;-ms-transform: rotate(-10deg);}
50% {bottom: 136px;right: 150px;-ms-transform: rotate(0deg)}
60%{bottom: 136px;right: 150px;-ms-transform: rotate(0deg)}
100%{bottom: 755px;right: 164px;-ms-transform: rotate(30deg)}
}
@keyframes myfirst1
{
0 {bottom: 325px;left: 500px;}
50% {bottom: 325px;left: 500px;}
100%{bottom: 325px;left: 350px;}
}
@-moz-keyframes myfirst1
{
0 {bottom: 325px;left: 500px;}
50% {bottom: 325px;left: 500px;}
100%{bottom: 325px;left: 350px;}
}
@-webkit-keyframes myfirst1
{
0 {bottom: 325px;left: 500px;}
50% {bottom: 325px;left: 500px;}
100%{bottom: 325px;left: 350px;}
}
@-o-keyframes myfirst1
{
0 {bottom: 325px;left: 500px;}
50% {bottom: 325px;left: 500px;}
100%{bottom: 325px;left: 350px;}
}
@-ms-keyframes myfirst1
{
0 {bottom: 325px;left: 500px;}
50% {bottom: 325px;left: 500px;}
100%{bottom: 325px;left: 350px;}
}
.airwheel-advantage-ten{
	background-image: url(../../images/sr5/Airwheel_SR5_robot_suitcase_app_control.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	padding-bottom: 43.958%;
}
.airwheel-advantage-ten .width400{margin-top:39%;color:#fff}
.airwheel-advantage-ten .width400 h1 span{color:#42e6ff}
.airwheel-advantage-ten ul.small-icon{padding:0px}
.airwheel-advantage-ten ul.small-icon li:before {background-position: 0px 0px;}
.airwheel-advantage-ten ul.small-icon li:nth-child(2):before {background-position: -89px 0px;}
.airwheel-advantage-ten ul.small-icon li:nth-child(3):before {background-position: -175px 0px;}

.airwheel-advantage-outdoor{text-align: center;
	background-image:url(../../images/sr5/airwheel_sr5_robot_suitcase_outdoor.jpg) ;
	background-position: center bottom;
	background-repeat: no-repeat;
	box-sizing: border-box;
	background-size:contain;
	padding-bottom:43.802%
}
.airwheel-advantage-outdoor .width600{left:22%;padding-top:46%;color:#fff;position: absolute;top: 50%;}

.airwheel-advantage-eleven {
	background-image: url(../../images/sr5/Airwheel-SR5-intelligent_self-driving_suitcase_function.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	padding-bottom:44.687%;
}

.airwheel-advantage-eleven .width400 {
	margin-top:28%;
}

@media only screen and (max-width: 1200px) {
	.airwheel-width {
		width: 990px;
	}
	.airwheel-advantage-six {
	    height:auto;
		background-image:url(../../images/sr5/Airwheel-SR5-self-following_suitcase-design5-1.jpg) ;
		background-position: center;
	    background-repeat: no-repeat;
	    background-size:contain;
	    padding-bottom:50.885%;
	}
	.airwheel-advantage-six .width400{padding-top:10%}
	.airwheel-advantage-seven .width400{padding-top:35%}
	.airwheel-advantage-seven .width400 .col-3{display:none}
	div.dong,div.img-fix{display: none;}
	.airwheel-advantage-outdoor .width600{padding-top:26%;}
	.airwheel-advantage-ten .width400{margin-top:22%;}
}


@media only screen and (max-width: 992px) {
	.airwheel-width {
		width: 750px;
	}
	.width400 {
		width: 300px;
	}
	.width800 {
		width: 100%;
	}
	.airwheel-advantage-first .width400 {
		margin-top:22%;
	}
	.airwheel-advantage-seven .width400 {
	padding-top:42%
	}
ul.col-3 li span{font-size: 40px;}
}

@media screen and (max-width: 768px) {
	.airwheel-width {
		width: 98%;
		margin: auto;
	}
	.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-first .width400{margin-top:15%}
	.airwheel-advantage-eleven .width400{margin-top:18%}
	.airwheel-advantage-eight .width400{margin-top:18%}
	.airwheel-advantage-outdoor .width600{padding-top:30%}
	.airwheel-advantage-ten ul.small-icon{display:none}
	.airwheel-advantage-seven .width400{padding-top:32%}
	.airwheel-advantage-five .width600{left:5%}
	.airwheel-advantage-three.one ul.small-icon {
		bottom: 6%;
	}
	ul.para li div{border: 0;}
	ul.para li:first-child div{border: 0;}
	#autoFollowing .video-container{
		background-image:url(../../images/sr5/Airwheel-SR5-self-driving_luggage-more-video.jpg) ;
		    background-size: cover;
		    background-position: center;
	}
	
}
@media only screen and (max-width: 600px) {
	.width600{width: 100%;}
}
@media screen and (max-width: 414px) {
	.airwheel-width {
		width: 98%;
		margin: 0 auto;
	}
	.airwheel-content h1 {
		font-size: 1.1rem;
		line-height: 30px;
		font-weight: 500;
		margin-bottom: 5px;
	}
	.airwheel-content h2 {
		font-size: 13px;
		font-weight: 500;
		margin-bottom: 10px;
	}
	.airwheel-content p {
		font-size: 0.8rem;
		line-height: 20px;
	}
	.airwheel-advantage-first{
		height: 300px;
		background-image:url(../../images/sr5/Airwheel-sr5-auto-following_suitcase-mob.jpg) ;
		background-size:auto ;
		padding-bottom:0px;
	}
	.airwheel-advantage-first .width400{width: 125px;margin-top: -77px;display:none}
	.airwheel-advantage-first .width400 p{padding-top: 3px;}
	.airwheel-advantage-second {
		background: url(../../images/sr5/Airwheel-SR5-smart_robot_suitcase-design1-mob.jpg) no-repeat center bottom;
		height: auto;
	}
	.airwheel-advantage-second .width400 {
		width: 100%;
		position: relative;
		top: 0;
		margin-top: 0;
		text-align:center;
	}
	.airwheel-advantage-three.one ul.small-icon {
		position: relative;
		bottom: 0;
	}
	ul.small-icon li {
		margin-right: 0;
		width: 76px;
	}
	.airwheel-advantage-five {
		height: 317px;
		background-image: url(../../images/sr5/Airwheel-SR5-intelligent_auto-following_suitcase-mob-design4.jpg);
		background-size: auto auto;
	}
	.airwheel-advantage-five .width600{left:0%}
	.airwheel-advantage-six {
		height: 300px;
		background-image: url(../../images/sr5/Airwheel-SR5-self-following_suitcase-mob-design5.jpg);
		background-size: auto auto;
	}
	.airwheel-advantage-six .width400 {
		right: 0;
		top: 10px;
		text-align: center;
		padding-top:3%;
	}
	.airwheel-advantage-seven {
		    height: 250px;	
			padding-bottom:0%
	}
	
	.airwheel-advantage-seven .width400{
		margin-top:0%;
		top:20%;
		padding-top:24%;
		width:100%;
		left:0%
	}
	.airwheel-advantage-eight .width400 {
		margin-top:0%;
		top:20%;
	}
	ul.col-3 {
		display: none;
	}
.airwheel-advantage-outdoor {
    padding-top: 10px;
    height: 318px;
    background-image: url(../../images/sr5/airwheel_sr5_robot_suitcase_outdoor_m.jpg);
    background-size: auto;
	padding-bottom:0%;
	background-position:unset;
	padding-bottom:0%
}
.airwheel-advantage-outdoor .width600{text-align:center;padding-top:12%;left:0%;}

  .airwheel-advantage-ten {
    height:376px;
    background-image: url(../../images/sr5/Airwheel_SR5_robot_suitcase_app_control_m.jpg);
    background-size: auto;
	padding-bottom:0px;
	padding-bottom:0%
}
.airwheel-advantage-ten .width400{top:2%;margin-top:5%;text-align:center;left:5%}
	.airwheel-advantage-eight {
		height: 330px;
		background-image: url(../../images/sr5/Airwheel-SR5-intelligent_self-following_suitcase-mob-design7.jpg);
		background-size: auto auto;
		padding-bottom:0%;
	}
	.airwheel-advantage-eleven .width400{margin-top:6%}
	ul.small-icon li:before {
    width: 50px;
    height: 50px;
    background-size: 240px auto;
	}
.airwheel-advantage-three.one ul.small-icon li:before {
	width:50px;
	height:50px;
	content: "";
	display: block;
	margin: 0 auto 5px;
	background:url(../../images/sr5/Airwheel-SR5-self-driving_luggage-design_m.png) no-repeat center	
}
	.airwheel-advantage-three.one ul.small-icon.left li:first-child:before {
        background-position: -1px 9px;
}
.airwheel-advantage-three.one ul.small-icon.left li:last-child:before {
    background-position: -63px 9px;
}
.airwheel-advantage-three.one ul.small-icon.right li:first-child:before {
    background-position: -108px 7px;
}
.airwheel-advantage-three.one ul.small-icon.right li:last-child:before {
        background-position: -162px 6px;
}
ul.small-icon li{padding-top:0px}
}