﻿@media all and (min-width: 960px){
    .hotcars-rg li{
        height: 320.5px;
    }

    .banner-box{
        left: 30%;
        transform: translate(-30%,0);
        width: 30%;
    }
    .banner-main{
        padding: 15px 0;
        font-size: 25px;
    }
}
@media all and (min-width: 960px) and (max-width: 1199px){
    .consult a{
        margin-right: 2%;
    }

    .banner-box{
        left: 10%;
        transform: translate(-10%,0);
        width: 30%;
    }
    .banner-main{
        padding: 15px 0;
        font-size: 30px;
    }
}
@media all and (max-width: 640px){
    *{
        
    }
    body, input{
        font-size: 12px;
    }
    .overflow-x{
        overflow-x: scroll;
    }
    {
        display: none;
    }
    .hotcars-lf, .hotcars-rg, .activity, .online-ul li, .contact, .online, .airport-cont, .airport-img, .scope-img, .scope-cont, .knews-pic, .knews-div, .vehicle-img, .vehicle-intro, .model-rg, .index-news-list, .index-news-ul, .foot-address, .foot-addr-seat, .foot-lf, .foot-rg{
        float: none;
        width: 100%;
    }
    .shuttle .bus-ul li, .bus-ul li, .discount-ul li, .index-news-ul li{
        width: 47%;
        margin-right: 0;
        margin-left: 0;
    }
    .shuttle .bus-ul li:nth-of-type(2n), .bus-ul li:nth-of-type(2n), .discount-ul li:nth-of-type(2n), .index-news-ul li:nth-of-type(2n){
        float: right;
    }
    .shuttle .bus-ul li, .shuttle .bus-ul li:nth-of-type(4n){
        margin-bottom: 2%;
    }
    .model-rg{width: 100% !important;}
    .bus-ul li:nth-of-type(3n){margin: 0 !important;}
    .model-rg li:nth-child(2n+1){clear: both;}
    .pages{margin-top: 10px;}
    .tempWrap{width: 100% !important;}
    .vehicle-img,.vehicle-intro{width: 100% !important;}
    .des>h2 em{font-size: 14px;}
    .bright p{width: 100% !important; padding: 0 2%; box-sizing: border-box; margin-bottom: 15px;}
    img{max-width: 100%;}
    .bright p img{height: auto !important;}
    .shuttle .bus-ul li{width: 48% !important; margin: 0 !important;}
    .knews-pic{width: 100% !important; padding: 0 2% !important; box-sizing: border-box;}
    .knews-div{width: 100% !important; padding: 0 2% !important; border: 0; box-sizing: border-box;}
    /*header*/
    .header{
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #dcdcdc;
    }
    .logo{
        width: 25%;
    }
    .btn_toggle{
        width: 22px;
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0.2rem;
    }
    .btn_toggle span {
        width: 100%;
        height: 3px;
        background: #333;
        display: block;
    }
    .btn_toggle span:nth-of-type(1) {
        margin-bottom: 5px;
        transition: all 0.3s;
    }
    .btn_toggle span:nth-of-type(2) {
        margin-bottom: 5px;
        transition: all 0.3s;
    }
    .btn_toggle span:nth-of-type(3) {
        transition: all 0.3s;
    }




    /*footer*/
    .footer{
        display: none;
    }
    .foot-address{
        text-align: left;
        margin: 20px 0 2% 0;
    }
    .foot-addr-tel em{
        display: inline-block;
        margin: 0 0 0 10px;
    }
    .foot-addr-seat{
        margin-top: 10px;
    }
    .friend-cont{
        margin-top: 5px;
    }
    /*footer*/


    /*index*/
    .index-airport{
        padding: 6% 5%;
    }
    .index-airport p{
        margin: 15px 0 22px 0;
        line-height: 180%;
    }
    .index-news-ul{
        margin-top: 0.2rem;
    }
    .index-news-list ul li p{
        font-size: 14px;
    }
    .index-news-list ul li{
        margin-bottom: 4%;
    }
    .search-wrap{
        width: 94%;
        line-height: 40px;
    }
    .search input{
        line-height: 40px;
    }
    .rental-process h2{
        padding: 6% 0;
    }
    .rental-ul em{
        float: left;
        margin: 36px 3.7% 0 3.7%;
    }
    .index-title{
        padding: 4% 0 5.5% 0;
    }
    .hotcars-rg{
        margin: 15px 0 0 0;
    }
    .hotcars-brand img{
        width: 25%;
    }
    .hotcars-lf a{
        height: 43px;
        line-height: 42px;
    }
    .hotcars-show{
        height: 80px;
        line-height: 80px;
    }
    .discount-ul li{
        width: 100%;
    }
    .discount-ul li:nth-of-type(2n){
        float: right!important;
    }
    .banner .hd{
        bottom: 10px;
    }
    .banner .hd li{
        width: 7px;
        height: 7px;
        margin: 0 4px;
    }
    .select-p{
        bottom: 40px;
        box-shadow: 0 -4px 10px #e5e5e5;
    }







    /*车型*/
    .screen, .sort{
        padding: 2.5% 3%;
    }
    .consult a{
        padding: 2.5% 3%;
        margin-right: 3%;
    }
    .consult a img{
        width: 18px;
        margin-right: 5px;
    }
    .vehicle-img{
        margin-bottom: 20px;
    }
    .vehicle-box .hd a{
        width: 30px;
        height: 60px;
        line-height: 60px;
    }
    .des>h2{
        padding: 5% 0;
    }
    .dispose li{
        width: 33.3%;
        margin-bottom: 20px;
    }
    .dispose{
        padding: 27px 0 9px 0;
    }


    /*case*/
    .case-ul li{
        width: 47%;
    }
    .case-ul li:nth-of-type(2n){
        float: right;
    }
    .owner-a{
        text-align: left!important;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }
    .news-img{
        width: 46%;
    }
    .news-cont{
        width: 50%;
    }
    .news-cont p{
        margin: 3.5% 0 5% 0;
    }
    .page a{
        width: 32px;
        line-height: 30px;
    }

    /*news*/
    .knews-div{
        border: none;
        padding: 5% 0;
    }
    .knews-div div{
        margin: 4% 0 0 0;
    }
    .knews-pic h3{
        margin: 5px 0 17px 0;
    }

    /*about*/
    .scope-ul li{
        display: block;
    }
    .airport-cont{
        margin-bottom: 20px;
    }

    /*job*/
    .job-ul li{
        font-size: 13px;
    }
    .job-ul li:nth-child(1){
        padding: 15px 3.33%;
    }
    .job-ul li{
        padding: 15px 0;
    }
    .job-ul li:hover:not(.job-title){
        background: #f2f3f5;
        margin: 0;
        padding: 15px 3.33%;
    }
    .post-btn{
        width: 130px;
        line-height: 40px;
    }
    .duty{
        margin-bottom: 7%;
    }


    /*contact*/
    .online{
        margin-top: 20px;
    }
    .onlineTexr{
        margin-top: 10px;
    }
    .onlineIpt input, .onlineIpt a{
        height: 42px;
        line-height: 40px;
    }

    /*rent*/
    .lease-cont{
        padding: 6% 4%;
    }
    .lease h2{
        margin-bottom: 35px;
    }
    .lease-cont:after{
        top: -20px;
        border-right: 20px solid transparent;
    }
    .bg-palered:after{
        border-bottom: 40px solid #ff8f8f;
    }
    .bg-violet:after{
        border-bottom: 40px solid #a48fff;
    }
    .bg-blue:after{
        border-bottom: 40px solid #8fc9ff;
    }


    /*左右距离*/
    .header, .index-discount, .hot-cars, .lease, .shuttle>p, .airport-shut, .company-title, .company img, .knews, .news-ul, .case-ul, .notes li, .descript-a, .bus-ul, .rental-wrap, .index-news, .footer{
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    {
        padding-left: 0;
        padding-right: 0;
    }
    .news-cont p, .customized-ul div, .customized-service p, .plug-ul div{
        line-height: 170%;
    }
    .innerAssort{
        text-align: left!important;
    }




    .banner-box{
        left: 50%;
        transform: translate(-50%,0);
        width: 60%;
    }
    .banner-main{
        padding: 10px 0;
        font-size: 16px;
    }
}
@media all and (max-width: 320px){
    .rental-ul em{
        float: left;
        margin: 36px 2.18% 0 2.18%;
    }
    .consult a{
        padding: 2.5%;
        margin-right: 5px;
    }

    .banner-box{
        left: 50%;
        transform: translate(-50%,0);
        width: 60%;
    }
    .banner-main{
        padding: 10px 0;
        font-size: 16px;
    }
}