body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    font-weight: normal;
    font-family:Microsoft YaHei;
    box-sizing: border-box;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing: antialiased;
    &:hover{
        outline: none;
    }
}
html,body{
    height: 100%;
    width: 100%;
}
input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    input[type="number"]{
        -moz-appearance: textfield;
    }
.divCss{
	height:2.5rem;
}
.navDiv{
	background: #ffffff;
    border-top: 4px solid #ff8400;
    box-shadow: 1px 1px 4px rgba(60, 60, 60, 0.44);
	height:2.5rem;
	line-height: 2.5rem;
	display:flex;
	z-index: 1000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
}
.navLeft{
	flex:1;
	padding-left:30px;
	height:100%
}
.navLeft img{
	width:3.8rem;
	height:0.83rem;
}
.navRight{
	flex:1;
	text-align:right;
	height:100%;
	padding-right:30px;
	line-height:2.4rem;
}
.navRight a{
	height:100%;
	display:inline-block;
	color: #222222;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 600;
	font-size: 0.3rem;
	vertical-align: middle;
}
.navRight a:hover, .navRight a:focus {
    color: #ff8400;
    background-color: transparent;
}
.navActive {
	color:#ff8400 !important;
}
.content{
	height: 10.83rem;
	width:100%;
	position: relative;
    background: url(../images/bg.jpg) center;
    background-size: cover;
	background-repeat: no-repeat;
    background-position: 50%;
	position:relative;
}
.center{
	position: absolute;
	height: 10.68rem;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index:10;
	width: 80%;
}
.phoneDiv {
	position: relative;
    background: url(../images/devices.png)no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
    background-position: 50%;
	width: 8.58rem;
    height: 10.68rem;
}
.swiperPhone{
	position:absolute;
	width: 4.25rem;
    height: 7.8rem;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.swiperPhoneImg>div{
	background-size: cover;
	background-repeat: no-repeat;
    background-position: 50%;
	width: 4.25rem !important;
    height: 7.8rem;
}
.bg1{
	background: url(../images/lb1.png)no-repeat;
}
.bg2{
	background: url(../images/lb2.png)no-repeat;
}
.bg3{
	background: url(../images/img3.jpg)no-repeat;
}
.bg4{
	background: url(../images/img4.jpg)no-repeat;
}
.codeDiv{
	position:absolute;
	width:3.33rem;
	top:1.5rem;
	right:3rem;
}
.codeImg{
	background-size: cover;
	background-repeat: no-repeat;
    background-position: 50%;
	width:3.33rem;
	height:3.33rem
}
.codePassengerImg{
	background-image: url(../images/gaodePassenger.png);
}
.codeRenterImg{
	background-image: url(../images/gaodeDriver.png);
}
.codeTxt{
	width:3.33rem;
	height:0.66rem;
	line-height: 0.66rem;
	font-size: 0.3rem;
	text-align:center;
	background: #373c41;
    color: #fff;
}
.content2{
	padding-bottom:50px;
	width: 96%;
    margin: 0 auto;
}
.serveTxt{
	text-align:center;
	font-size: 0.8rem;
	color: #222222;
	height:2.5rem;
	line-height:2.5rem;
}
.divList{
	display: flex;
}
.itemDiv{
	flex: 1;
	text-align:center;
}
@keyframes myfirst
{
	from {opacity:0; font-size: 0px;}
	to {opacity:1; font-size: 60px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	from {opacity:0; font-size: 0px;}
	to {opacity:1; font-size: 60px;}
}
.itemDiv i {
    color: #b8b8b8;
    font-size: 60px;
    margin-top: 0;
    position: relative;
    top: 20px;
    z-index: 20;
    display: block;
    text-align: center;
}
.itemDiv .titleTxt{
	font-size:0.5rem;
	font-weight:600;
	margin: 45px 0 15px 0;
}
.itemDiv .itemTxt{
	font-size:0.28rem;
	line-height:0.4rem;
}
.bottomDiv{
	width: 100%;
	background: #13222a;
	padding-bottom:1.6rem;
}
.aboutBot{
	width:20.8rem;
	margin: 0 auto;
}
.aboutTxt{
	height:2.5rem;
	line-height:2.5rem;
	text-align:center;
	font-size: 0.8rem;
	color: #fff;
}
.aboutDiv {
	height: 7.5rem;
}
.addressImg{
	float:left;
	 background: url(../img/about1.jpg) center;
    background-size: cover;
	background-repeat: no-repeat;
    background-position: 50%;
	width:10rem;
	height: 5.76rem;
}
.addressTxt{
	float:right;
	width:10rem;
}
.addressTxt .txt1{
	font-size:0.3rem;
	font-weight: normal;
    color: #888888;
	text-indent:8px;
	line-height: 0.52rem;
}
.addressTxt .txt2{
	font-size:0.3rem;
	font-weight: normal;
    color: #888888;
	line-height: 0.52rem;
	margin-top:0.36rem;
}    
.addressTxt .txt3{
	color: #ffffff;
	font-size:0.3rem;
	margin-top: 0.15rem;
}
.lineDiv{
	height: 0px;
	border-top: 1px solid #3C3A3A;
	margin:0.4rem 0 ;
}
.aTxtDiv{
	font-size:0.25rem;
	color: #888888;
}
.aTxtDiv img{
	vertical-align: middle;
}
.aTxtDiv a{
	color: #337ab7;
}
.aTxtDiv a:hover, .aDi a:focus {
    color: #23527c;
}
.blackDiv{height:1rem}
.swiper-button-next:after, .swiper-button-prev:after {
    color: #4444;
font-size: 0.6rem !important;
}
.hideBtn{
	display:none  !important;
}
@media screen and (max-width: 750px) {
	.navRight{
		flex:2;
	}
	.itemDiv .itemTxt {line-height:0.85rem}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px !important;
    }
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0px !important;
}
.aboutDiv {
    height: auto;
}
.addressImg, .addressTxt {
	 width: 20.8rem;
    float: none;
	margin: 20px auto;
}
.addressTxt .txt2 {
	margin-top:1rem;
	margin-bottom:0.6rem;
}
.addressTxt .txt1 {
	line-height:1rem
}
.bottomDiv{
	padding-bottom:3rem;
}
}