﻿@media (max-width: 1600px){
    
}
@media (max-width: 960px) and (min-width: 678px) {
    .uk-grid{
        margin-left: -15px;
    }
    .uk-grid>*{
        padding-left: 15px;
    }
    *+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin{
        margin-top: 15px;
    }
    *+h1, *+h2, *+h3, *+h4, *+h5, *+h6{
        margin-top: 15px;
    }
    h1, h2, h3, h4, h5, h6{
        margin-bottom: 15px;
    }
    *+p{
        margin-top: 10px;
    }
    p{
        margin-bottom: 10px;
    }
    
    .h-pro .text .more a {
        width: 49%;
        display: inline-block;
        box-sizing: border-box;
        font-size: 18px;
        border-width: 1px;
    }
    .h-pro .pic{
        margin-bottom: 100px;
        height: 220px;
        padding-top: 0;
        position: relative;
        box-sizing: border-box;
    }
    .h-pro .pic img{
        position: absolute;
        width: 80%;
        top: 70px;
        left: 50%;
        transform: translateX(-50%);
    }
    .h-pro .text .model{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .h-pro .text{
        font-size: 14px;
    }
    .h-pro .text .t1{
        font-size: 15px;
    }
    .h-pro .text .t2{
        color: #999;
    }
    .h-pro .text .desc{
        font-size: 14px;
        margin-top: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .h-case .map .text{
        padding-top: 30px;
        padding-left: 30px;
    }
    .h-pnav .bot{
        margin-top: 30px;
    }
    .h-pro .hpro-swiper{
        padding-bottom: 40px;
    }
    .h-tit{
        margin-bottom: 40px !important;
    }
    .h-tit h3{
        font-size: 30px;
    }
    .gnsc .pic{
        height: 350px;
    }
    .h-news .text .tit{
        font-size: 16px;
    }
    .h-news .text{
        padding:10px 10px;
    }
    .h-news .text .date .day{
        font-size: 26px;
    }
    .h-news .text .date .year{
        font-size: 12px;
    }
    .h-news .text .desc{
        margin-top: 15px;
        line-height: 1.5;
    }
    .h-contact .l-contact .tel .t2{
        font-size: 28px;
    }
    .tm-footer{
        padding-top: 20px;
    }
    .tm-footer .copy{
        margin-top: 20px;
    }
    .f-logo {
        text-align: center;
    }
    .tm-footer .copy .uk-float-left {
        float: unset;
        text-align: center;
    }
    .ab-w1 .wp1 .text{
        position: static;
        width: 100%;
        padding: 30px 15px;
        transform: translateY(0);
    }
    .ab-w1 .wp1 .text .t1{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .ab-w1 .wp1-1{
        margin: 40px 0;
    }
    .ab-w1 .wp1-1 .pt{
        text-align: center !important;
        margin-bottom: 40px;
    }
    .ab-w1 .wp1-1 .text .t1{
        font-size: 20px;
        background-size: auto 100%;
        padding-left: 70px;
        margin-bottom: 15px;
    }
    .ab-w1 .wp1-1 .text{
        width: 100%;
    }
    .ab-w1 .wp2 .text{
        padding-right: 0;
        order: 99;
    }
    .ab-w2 .wrap .text{
        left: 15px;
        bottom: 15px;
    }
    .ab-w2 .wrap .text h4{
        font-size: 18px;
    }
    .ab-w2 .wrap .text .iconfont{
        font-size: 18px;
    }
    .n-wenhua .wrap .text{
        padding: 20px;
    }
    .n-wenhua .text h3{
        font-size: 18px;
    }
    .n-wenhua .text p{
        line-height: 1.6;
    }
    .n-honor .list .wp{
        padding: 20px 20px;
    }
    /* 车型 */
    .filter{
        padding: 20px 30px;
    }
    .filter .name{
        font-size: 15px;
        width: auto;
    }
    .filter a{
        font-size: 14px;
        padding: 4px 10px;
        display: block;
        text-align: center;
    }
    .filter .uk-grid{
        margin-left: -10px;
    }
    .filter .uk-grid>*{
        padding-left: 10px;
    }
    .filter .uk-grid>.uk-grid-margin{
        margin-top: 10px;
    }
    .pro-list .text{
        padding: 15px 15px;
    }
    .pro-list .text .title{
        font-size: 15px;
    }
    .pro-list .text .cans{
        font-size: 13px;
    }
    .a-pro .text .model{
        font-size: 36px;
    }
    .maps #r-result{
        width: 250px;
        right: 2%;
    }
    .h-contact .wrap{
        padding: 0;
    }
}
@media (max-width: 640px) {
    html{
        font-size: 14px;
    }
    .uk-grid{
        margin-left: -15px;
    }
    .uk-grid>*{
        padding-left: 15px;
    }
    *+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin{
        margin-top: 15px;
    }
    *+h1, *+h2, *+h3, *+h4, *+h5, *+h6{
        margin-top: 15px;
    }
    h1, h2, h3, h4, h5, h6{
        margin-bottom: 15px;
    }
    *+p{
        margin-top: 10px;
    }
    p{
        margin-bottom: 10px;
    }
    .m-header .logo{
        padding: 10px;
        
    }
    .sl-more{
        margin-top: 20px;
    }
    .sl-more a{
        font-size: 14px;
        padding: 6px 30px;
    }
    .lineTitle{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .lineTitle span{
        padding: 0 15px
    }
    
    .h-pnav .h-tit{
        margin-bottom: 20px !important;
    }
    .h-tit h3{
        font-size: 28px;
    }
    .banner .swiper-button-next, .banner .swiper-button-prev{
        display: none;
    }
    .h-pnav .top a{
        font-size: 16px;
        padding: 4px 15px;
    }
    .h-pnav .bot{
        margin-top: 20px;
    }
    .h-pro .pic{
        margin-bottom: 50px;
        height: 100px;
        padding-top: 0;
        position: relative;
    }
    .h-pro .pic img{
        position: absolute;
        width: 80%;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
    .h-pro .text .model{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .h-pro .text{
        font-size: 14px;
    }
    .h-pro .text .t1{
        font-size: 15px;
    }
    .h-pro .text .t2{
        color: #999;
    }
    .h-pro .text .desc{
        font-size: 14px;
        margin-top: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .h-pro .uk-grid-divider.uk-grid-large{
        margin-left: -15px;
    }
    .h-pro .uk-grid-divider.uk-grid-large>*{
        padding-left: 15px;
    }
    .h-pro .uk-grid-divider>:not(.uk-first-column)::before{
        content: none;
    }
    .h-pro .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{
        content: none;
    }
    .h-pro .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin{
        margin-top: 15px;
    }
    .h-pro .text .more a{
        width: 49%;
        display: inline-block;
        box-sizing: border-box;
        font-size: 16px;
        border-width: 1px;
        padding: 6px 4px;
    }
    .h-pro .hpro-swiper{
        padding-bottom: 50px;
    }
    .h-tit{
        margin-bottom: 20px !important;
    }
/*     .h-zzsl{
        display: none;
    } */
    .h-zzsl .top a{
        font-size: 13px;
		padding: 4px 4px;
		border-radius: 3px;
    }
    .h-zzsl .top{
        margin-bottom: 20px;
    }
	.h-zzsl .top.uk-grid{
		margin-left: -8px;
	}
	.h-zzsl .top.uk-grid>*{
		padding-left: 8px;
	}
	.h-zzsl .wrap .sw-next .iconfont, .h-zzsl .wrap .sw-prev .iconfont{
		font-size: 20px;
	}
	.h-zzsl .wrap .sw-prev{
		left: 4px;
	}
	.h-zzsl .wrap .sw-next{
		right: 4px;
	}
    .zzsl .bigpic .text .t1{
        font-size: 22px;
    }
    .zzsl .bigpic .text .t2{
        font-size: 13px;
        line-height: 1.6;
    }
    .zzsl .bigpic .text .t4{
        display: none;
    }
    .zzsl .smallpic .text{
        font-size: 12px;
    }
    .h-case .map .text .t2{
        display: none;
    }
    .h-case .map .text{
        padding-top: 20px;
        padding-left: 15px;
    }
    .h-case .map .text .t1{
        font-size: 22px;
    }
    .h-case .map .text .t3{
        bottom: 20px;
        right: unset;
        left: 15px;
    }
    .gnsc .pic{
        height: 200px;
    }
    .gnsc .text{
        padding: 10px 10px;
    }
    .gnsc .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 10px;
    }
    .h-news .text .tit{
        font-size: 18px;
    }
    .h-news .text{
        padding:10px 10px;
    }
    .h-news .text .date .day{
        font-size: 26px;
    }
    .h-news .text .desc{
        margin-top: 15px;
        line-height: 1.5;
    }
    .h-contact .wrap{
        padding: 0 0;
    }
    .h-contact .tit{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .h-contact .l-form .wp{
        margin-bottom: 15px;
    }
    .h-contact .l-form .submit button{
        font-size: 16px;
        padding: 6px 10px;
    }
    .tm-footer{
        padding-top: 20px;
    }
    .tm-footer .copy{
        margin-top: 20px;
        padding: 10px 0;
    }
    .tm-footer .copy .uk-float-left{
        float: unset;
        text-align: center;
    }
    .f-logo{
        text-align: center;
    }
    .n-tit{
        margin-bottom: 20px;
    }
    .n-tit h2{
        font-size: 22px;
    }
    .n-tit h3{
        font-size: 16px;
    }
    .n-contact .uk-grid-divider>:not(.uk-first-column)::before{
        content: none;
    }
    .n-contact .wp .icon{
        margin-bottom: 5px;
    }
    .n-contact .wp .icon .iconfont{
        font-size: 40px;
        color: #333;
    }
    .n-contact .wp .icon h4{
        font-size: 14px;
        color: #666;
        margin-top: -5px;
    }
    .n-contact .wp .text{
        font-size: 12px;
    }
    .ab-w1 .wp1 .text{
        position: static;
        width: 100%;
        padding: 30px 15px;
        transform: translateY(0);
    }
    .ab-w1 .wp1 .text .t1{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .ab-w1 .wp1-1{
        margin: 40px 0;
    }
    .ab-w1 .wp1-1 .pt{
        text-align: center !important;
        margin-bottom: 40px;
    }
    .ab-w1 .wp1-1 .text .t1{
        font-size: 22px;
        background-size: auto 100%;
        padding-left: 70px;
        margin-bottom: 40px;
    }
    .ab-w1 .wp1-1 .text{
        width: 100%;
    }
    .ab-w1 .wp2 .text{
        padding-right: 0;
        order: 99;
    }
    .ab-w2 .wrap .text{
        left: 15px;
        bottom: 15px;
    }
    .ab-w2 .wrap .text h4{
        font-size: 14px;
    }
    .ab-w2 .wrap .text .iconfont{
        font-size: 16px;
    }
    /* 历程 */
    .n-history .wp{
        width: 100%;
        padding-left: 15px !important;
        padding-bottom: 15px;
        margin-top: 20px;
    }
    .n-history::after{
        left: 0;
        background: #ddd;
    }
    .n-history .wp.fr{
        float: none !important;
        padding-left: 0px;
        margin-left: 0;
    }
    .n-history .wp.fl{
        float: none !important;
        padding-right: 0px;
        margin-right: 0;
    }
    .n-history .wp .text{
        margin-bottom: 15px;
    }
    .n-history .wp .text h5{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .n-history .wp .text p{
        margin: 0;
    }
    .n-history .wp .date span{
        font-size: 26px;
    }
    .n-history .wp .date .iconfont.icon-xiangyoujiantou, .n-history .wp .date .iconfont.icon-xiangzuojiantou{
        display: none;
    }
    .n-history .wp .date{
        position: static;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        margin-left: -30px;
        z-index: 99;
    }
    .n-history .wp .date.no{
        display: none;
    }
    .n-history .wp .date span{
        order: 2;
    }
    .n-history .wp .date .iconfont.icon-Other-10{
        order: 1;
        position: relative;
        z-index: 99;
    }
    .n-history .wp.fl .text{
        text-align: left;
    }


    .n-history-xny::after{
        left: 0;
        background: #ddd ;
    }
    .n-history-xny .wp{
        width: 100%;
        margin-top: 30px;
        padding-bottom: 0;
        padding-left: 24px !important;
        padding-right: 0 !important;
    }
    .n-history-xny .wp.fl{
        float: none;
    }
    .n-history-xny .wp.fr{
        float: none;
    }
    .n-history-xny .wp.fl .icon{
        right: 0;
        left: -9px;
    }
    .n-history-xny .wp.fl .text:before, .n-history-xny .wp.fl .text::after{
        left: -20px;
        right: unset;
        border-color: transparent #ddd transparent transparent;
    }
    .n-history-xny .wp.fl .text:after{
        left: -19px;
        border-color: transparent #FFF transparent transparent;
    }
    .n-history-xny .wp .text .date{
        font-size: 24px;
    }
    .n-history-xny .wp .text h5{
        font-size: 14px;
    }
    .n-history-xny .wp .text{
        padding: 15px;
    }


    /* 企业文化 */
    .n-wenhua .wrap .pic{
        width: 100%;
    }
    .n-wenhua .wrap .text{
        width: 100%;
        padding: 20px;
    }
    .n-wenhua .wrap:nth-child(odd) .pic{
        order: 0;
    }
    .n-wenhua .wrap:nth-child(odd) .text{
        text-align: left;
    }
    .n-wenhua .text h3{
        font-size: 20px;
    }
    .n-wenhua .text p{
        font-size: 14px;
        line-height: 1.8;
    }

    /* 案例 */
    .case-list .wrap .tit{
        font-size: 14px;
        padding: 10px;
    }
    .case-list .wrap .pic{
        padding: 15px;
    }
    .ld-list .wrap .pic{
        padding: 15px;
    }

    /* 文章 */
    .newslist .text .tit{
        font-size: 18px;
    }
    .newslist .text .desc{
        line-height: 1.6;
    }
    .news .title h1{
        font-size: 22px;
    }

    /* 荣誉 */
    .n-honor .lineTitle span{
        font-size: 22px;
    }
    .n-honor .lineTitle{
        margin-bottom: 30px;
    }
    .n-honor .margin{
        margin-top: 20px;
    }
    .n-honor .list .wp{
        padding: 20px 20px;
        border-right: 0;
    }
    .n-honor .list .wp h3{
        font-size: 20px;
    }
    .n-honor .list .wp p{
        font-size: 13px;
        line-height: 1.8;
    }
    .n-honor .swiper-slide .text{
        font-size: 12px;
    }


    /* 车型 */
    .filter{
        padding: 15px 10px;
    }
    .filter .name{
        width: 100%;
        font-size: 15px;
        text-align: center;
    }
    .filter a{
        font-size: 12px;
        padding: 2px 4px;
        display: block;
        text-align: center;
    }
    .filter .uk-grid{
        margin-left: -10px;
    }
    .filter .uk-grid>*{
        padding-left: 10px;
    }
    .filter .uk-grid>.uk-grid-margin{
        margin-top: 10px;
    }
    .pro-list .pic{
        padding: 0 40px;
    }
    .pro-list .text{
        padding: 10px 0;
        position: relative;
    }
    .pro-list .text .title{
        font-size: 16px;
        font-weight: normal;
    }
    .pro-list .text .cans{
        font-size: 12px;
    }
    .pro-list .wrap:hover{
        box-shadow: none;
    }
    .pro-list .wrap:hover .btnBox{
        display: none;
    }
    .pro-list .text .m-baoj{
        display: block;
        position: absolute;
        right: 0;
        bottom: 10px;
        font-size: 12px;
        border: 1px solid #122a88;
        padding: 2px 10px;
        color: #122a88;
    }

    /* 车型详情 */
    .a-pro .text .model{
        font-size: 22px;
    }
    .a-pro .text .t1{
        font-size: 14px;
    }
    .a-pro .text .t2{
        font-size: 12px;
        color: #999;
    }
    .a-pro .text .more a.baoj{
        font-size: 16px;
        padding: 6px 4px;
    }
    .p-tabs a{
        font-size: 14px;
        padding: 4px 0;
        min-width: 80px;
    }
    .p-tabs a:first-child{
        float: none;
        font-size: 16px;
        text-align: center;
        font-weight: normal;
        display: none;
    }
    .p-switch{
        width: 100%;
        box-sizing: border-box;
    }
    .p-switch a{
        font-size: 14px;
    }
    .a-pro .contner.performance .tit h2{
        font-size: 24px;
    }
    .a-pro .contner.performance .tit p{
        font-size: 14px;
    }
    .a-pro .contner{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .p-albums{
        padding: 0 40px;
    }
    .swiper-next .iconfont, .swiper-prev .iconfont{
        font-size: 30px;
    }
    .swiper-next, .swiper-prev{
        top: 30%;
    }
    .swiper-prev{
        left: 0;
    }
    .swiper-next{
        right: 0;
    }


    /* 售后 */
    .n-shouhou .linian span{
        font-size: 16px;
        padding: 8px 20px;
    }
    .n-shouhou .tel{
        font-size: 20px;
    }
    .n-shouhou .tel .iconfont{
        font-size: 20px;
    }

    /* 金融 */
    .n-jinrong .wrap .text h3{
        font-size: 18px;
        font-weight: normal;
    }
    .n-jinrong .wrap .text p{
        color: #999;
        font-size: 13px;
    }
    .jr-pro .top{
        padding: 20px 0;
    }
    .jr-pro .top .num{
        font-size: 100px;
        bottom: -10px;
        left: -20px;
    }
    .jr-pro .top h3{
        font-size: 18px;
    }
    .jr-pro .text{
        padding: 20px 20px 40px;
    }

    /* 招聘 */
    .n-zhaop .wrap .t1{
        font-size: 18px;
    }
    .n-zhaop .wrap .t2{
        font-size: 12px;
    }
    .n-zhaop .wrap .title{
        padding: 20px 20px;
    }
    .n-zhaop .wrap .content{
        padding: 20px 20px 20px;
    }
    .n-zhaop .wrap .fa{
        font-size: 18px;
        right: 20px;
    }

    .fz-jizhi .wpp {
        text-align: center;
    }
    .fz-jizhi .wpp .top{
        justify-content: center;
    }
    .fz-jizhi .wpp .text{
        margin-top: 10px;
        margin-bottom: 20px;
    }

    /* 网点 */
    #allmap{
        height: 300px;
    }
    .maps #r-result{
        position: static;
        width: 100%;
        box-sizing: border-box;
        height: auto;
    }
}




