﻿@charset "utf-8";
/*banner图 begin*/
.banner{width: 100%;position: relative;z-index: 1;overflow: hidden;background:#fff}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-pagination{bottom:10px}
.banner .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
.banner .swiper-pagination-bullet-active{background-color: #eb8580;overflow: visible;opacity: 1;}
.banner .swiper-button-prev{background:none;}
.banner .swiper-button-prev img,.banner .swiper-button-next img{margin-top: 14px;}
.banner .swiper-button-next img{float: right;}
.banner .swiper-button-next{background:none;}
/*banner图 end*/

/*container begin*/
.container{width: 100%;overflow: hidden;background-color: #efefef;padding-bottom: 48px;}
/*分类*/
.container .classify{width: 100%;height: auto;overflow: hidden;padding-bottom:15px;background-color: #fff;}
.container .classify ul{}
.container .classify ul li{float: left;display: inline;width: 25%;text-align: center;}
.container .classify ul li a{width: 100%;height: 100%;display: block;padding-top: 15px;}
.container .classify ul li a img{margin-bottom: 5px;}
.container .classify ul li a p{color: #666;font-size: 1.3rem;}
/*免费电话*/
.container .freephone{width: 100%;height: auto;overflow:hidden;border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;}
.container .freephone .freephone_cen{width: 95%;height: 42px;margin: 8px auto;border: 1px solid #e9e6e6;}
.container .freephone .freephone_cen input{color:#202325;font-family:'微软雅黑';width: 67%;padding-left:3%;height: 42px;font-size: 1.3rem;float: left;border-radius: 0;}
.container .freephone .freephone_cen a{width: 30%;height: 42px;font-size:1.3rem;text-align: center;line-height: 42px;display: block;float: left;background-color: #029bdf;color:#fff;cursor: pointer;}
.container .freephone .freephone_cen input.tj{width: 30%;height: 42px;font-size:1.3rem;text-align: center;line-height: 42px;display: block;float: left;background-color: #f5a91d;color:#fff;cursor: pointer;}
/*热销车型*/
.container .rxcx{width: 100%;height: auto;overflow: hidden;border-bottom: 0px solid #e0e0e0;}
.container .rxcx h1{width: 100%;font-size: 1.9rem;color:#525252;height: 42px;line-height: 44px;padding-left: 2.5%;background-color: #fff;}
.container .rxcx a{width: 100%;height: 100%;display: block;overflow: hidden}
.container .rxcx .rxcx_top{width: 100%;height: auto;overflow: hidden;position: relative;}
.container .rxcx .rxcx_fl,.container .rxcx .rxcx_fr{width: 49.75%;height: auto;overflow: hidden;background-color: #ffffff;margin-top: 2px;margin-bottom: 2px;}
.container .rxcx .rxcx_fl a{padding-top: 25%;padding-bottom: 20%;}
.container .rxcx .rxcx_fl img{margin: 13% auto 0px;display: block;}
.container .rxcx .rxcx_fr{background-color: #efefef;}
.container .rxcx .rxcx_fl h2,.container .rxcx .rxcx_fr h2,.container .rxcx .rxcx_bm h2{color: #333;font-size: 1.4rem;padding-left: 5%;margin-bottom: 2px;}
.container .rxcx .rxcx_fl p,.container .rxcx .rxcx_fr p,.container .rxcx .rxcx_bm p{color: #666;font-size: 1.3rem;padding-left: 5%;line-height: 20px;}
.container .rxcx .rxcx_fr .rxcx_fr_top{background-color: #ffffff;height: auto;overflow: hidden;border-bottom:2px solid #efefef;position: relative;z-index:2}
.container .rxcx .rxcx_fr .rxcx_fr_top h2{margin-top: 10%;}
.container .rxcx .rxcx_fr .rxcx_fr_top img{float: left;margin: 8% 4% 8% 3%;}
.container .rxcx .rxcx_fr .rxcx_fr_down{width: 49.75%;background-color: #ffffff;height: auto;overflow: hidden;position: absolute;bottom: 2px;right: 0;}
.container .rxcx .rxcx_fr .rxcx_fr_down a{padding-top: 9%;}
.container .rxcx .rxcx_fr .rxcx_fr_down img{float: right;margin: 8% 3% 3.5% 0;}
.container .rxcx .rxcx_bm{width: 100%;height: auto;overflow: hidden;background-color: #fff;}
.container .rxcx .rxcx_bm img{float: left;margin: 6% 8% 0 3%;}
.container .rxcx .rxcx_bm h2{margin-top: 12%;}

/*精品配件*/
.container .jppj{width: 100%;height: auto;overflow: hidden;margin-top:8px;border-top: 1px solid #e0e0e0;}
.container .jppj h1{width: 100%;font-size: 1.9rem;color:#525252;height: 42px;line-height: 44px;padding-left: 2.5%;background-color: #fff;}
.container .jppj .swiper-wrapper{margin: 2px 0;}
.container .jppj .swiper-wrapper .swiper-slide{background: #fff;}
.container .jppj .swiper-wrapper .swiper-slide a{width: 100%;height: 100%;display: block;}
.container .jppj .swiper-wrapper .swiper-slide .img-box{width: 90%;padding:8% 5% 5% 5%;}
.container .jppj .swiper-wrapper .swiper-slide .img-box img{width: 100%;}
.container .jppj .swiper-wrapper .swiper-slide h2{font-size: 1.5rem;text-align: center;margin-bottom: 15px;color: #4c4c4c;}


/* 实力长安 */
.container .slyt{width: 100%;position: relative;z-index: 1;overflow: hidden;background-color: #fff;
    border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;margin:8px auto;padding-bottom: 10px;}
.container .slyt h1{text-align: center;font-size: 1.9rem;color: #525252;height: 45px;line-height: 45px;position: relative;margin-bottom: 5px;}
.container .slyt h1 span{position: absolute;left: 40%;}
.container .slyt h1 em{background-color: #cccccc;height: 1px;overflow: hidden;width: 25%;display: block;position: absolute;}
.container .slyt h1 .slyt_em_fl{top: 21px;left:8%;}
.container .slyt h1 .slyt_em_fr{top: 21px;right:8%;}
.container .slyt .swiper-container{width:100%;}
.container .slyt .swiper-slide{height:100%;-webkit-transition:-webkit-transform 600ms ease-out;-ms-transition:-ms-transform 600ms ease-out;
    -o-transition:-o-transform 600ms ease-out;transition:transform 600ms ease-out;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8); transform: scale(0.8);  }
.container .slyt .swiper-slide .content-slide{background-color:#FFF;background-repeat:no-repeat;height:100%;}
.container .slyt .swiper-slide .content-slide .title{color:#fff;}
.container .slyt .swiper-slide .content-slide .desc{color:#fff;}
.container .slyt .swiper-slide .content-slide .desc p{}
.container .slyt .swiper-slide .content-slide .btn{}
.container .slyt .swiper-slide .content-slide .btn a{display:inline-block;background:#fff;color:#80807f;text-align:center;}
.container .slyt .swiper-slide .content-slide .btn a i{display:inline-block;background-repeat:no-repeat;background-image:url(../images/icon29.png);vertical-align:middle;}
.container .slyt .swiper-slide .content-slide .btn a.yellow{color:#f6ac2f;}
.container .slyt .swiper-slide .content-slide .btn a.yellow i{background-color:#f6ac2f;}

.container .slyt .swiper-slide .content-slide .btn a.purple{color:#831fe1;}
.container .slyt .swiper-slide .content-slide .btn a.purple i{background-color:#831fe1;}

.container .slyt .swiper-slide .content-slide .btn a.azure{color:#299ec0;}
.container .slyt .swiper-slide .content-slide .btn a.azure i{background-color:#299ec0;}

.container .slyt .swiper-slide .content-slide .btn a.green{color:#9bc029;}
.hsolution .swiper-slide .content-slide .btn a.green i{background-color:#9bc029;}

.container .slyt .swiper-slide .content-slide .btn a.red{color:#ea284d;}
.container .slyt .swiper-slide .content-slide .btn a.red i{background-color:#ea284d;}

.container .slyt .swiper-slide .content-slide .btn a.cyan{color:#56da97;}
.container .slyt .swiper-slide .content-slide .btn a.cyan i{background-color:#56da97;}

.container .slyt .swiper-slide .content-slide .btn a.red{color:#ea284d;}
.container .slyt .swiper-slide .content-slide .btn a.red i{background-color:#ea284d;}

.container .slyt .swiper-slide-active{-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);  }
.container .slyt .swiper-slide-active .content-slide{}
.container .slyt .swiper-slide-visible{}
.container .slyt .swiper-visible-switch{}

/*新闻报道*/
.container .news{width: 100%;height: auto;overflow: hidden;border-top: 1px solid #e0e0e0;margin-bottom: 8px;}
.container .news h1{width: 100%;font-size: 1.9rem;color:#525252;height: 42px;line-height: 44px;padding-left: 2.5%;background-color: #fff;margin-bottom: 2px;}
.container .news ul li{border-bottom: 1px solid #efefef;width: 100%;height: auto;overflow: hidden;}
.container .news ul li a{color: #555;font-size: 1.5rem;width: 100%;display: block;height: 42px;line-height: 42px;
    background-color:#fff;position: relative;}
.container .news ul li a span{position:absolute;right:3%;top:16px;width: 8px;height: 12px;display: block;background-size:100%;background: url("../images/news_jian.jpg") center center no-repeat;}
.container .news ul li a p{width:90%;padding-left: 2.5%;height: 100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*container end*/

@media (max-width:339px){
    .container{padding-bottom: 52px;}
}