@charset "utf-8";
html,body{font-size:0.26rem}
/*loading*/
.loading {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index:99;background: #fff;}
.loading .loading-box{width: 100%;height: 20%;position: absolute;left: 0;top: 0;bottom:0;right: 0;margin: auto;text-align: center}
.loading .loading-box img{width: 35%;animation: loading 1.5s infinite alternate;}
.loading .loading-box p{padding-top: 5%;color: #004ea1;text-align: center;}
@-webkit-keyframes loading {0%{-webkit-transform: scale(1) }100% {-webkit-transform: scale(1.15)}}
@keyframes loading {0%{transform: scale(1);}100% {transform: scale(1.15)}}


.container{height: auto;overflow: hidden;min-height: 100%;position:relative;}
.bg{width:100%;height:100%;background: url(../images/car-bg.png) center no-repeat;background-size: cover;position:fixed;z-index:0}
.logo{width: 2.91rem;height: 0.84rem;margin: 0.64rem 0 0 0.39rem;background: url(../images/logo.png) center no-repeat;background-size: 100%;display: inline-block;float: left;}
.tel{width: 3.05rem;height: 0.81rem;float: right;background: url(../images/tel.png) center no-repeat;background-size: 100%;margin: 0.64rem 0.13rem 0 0;}
.carList{width: 6.59rem;height: auto;overflow: hidden;margin: 0 auto;padding: 0.8rem 0 1rem;position:relative;z-index:1}
.carList img{width: 3.2rem;display: block;}
.carList a{width: 3.2rem;display: block;float: left;margin-bottom: 0.2rem;}
.carList .left{width: 3.2rem;height: auto;overflow: hidden;margin-right: 0.18rem;float: left;}