@charset "UTF-8";
body{}
.bgcolor{width:100%;background-color: #eeeeee;padding-bottom: 20px;}
.clearfix {+height: 1%;}
.ban{width: 100%;height: 430px;clear: both;position:relative;z-index: 1;overflow: hidden;}
.ban1{background: url(../images/img/ban1.jpg) top center no-repeat;}
.ban2{background: url(../images/img/ban2.jpg) top center no-repeat;}
.ban3{background: url(../images/img/ban3.jpg) top center no-repeat;}
.ban4{background: url(../images/img/ban4.jpg) top center no-repeat;}
.ban5{background: url(../images/img/ban5.jpg) top center no-repeat;}
.ban6{background: url(../images/img/ban6.jpg) top center no-repeat;}


/*整车销售*/
.carmiddle{ clear:both; width:100%; margin:0px auto;overflow: hidden;}
.nproimg .nprotit .col-lg-3{ width:16.6%;}
/* car_xq */
.car_fl{ clear:both; width:100%; margin:2% auto;}
.car_fl ul li{ float:left; border:1px solid #ededed; height:50px; line-height:50px; text-align:center;overflow: hidden;}
.car_list ul li{float:left;border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;height:50px; line-height:50px; text-align:center;}
.car_fl ul li a{ font-size:15px;}
.car_fl ul li a:hover,.car_fl ul li:hover,.car_fl ul li.active,.car_fl ul li:hover a{text-decoration:none; background:#dab866; display:block; color:#fff;}
.car_fl ul li:hover a,.car_fl ul li.active a{color: #fff;}
.car_fl ul li i{ padding-left:10px;}
.car_list ul li{ height:500px; float:left;margin-bottom: 1.5%;overflow: hidden;}
.chelia{width: 100%;overflow: hidden; height:335px; overflow:hidden;}
.car_list ul li img{ margin:0 auto; border:0px; height:100%;}

.car_list ul li:hover img,.team li:hover div em img{-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;}
/*.car_list ul li:hover{box-shadow:0px 0px 15px #aaa; border:1px #fff solid;} */ 
.car_list{width: 99%;margin:0px auto;}
.price{ clear:both; text-align:center; border-bottom:1px solid #ededed; color:#888; font-size:14px;}
.price p span{width: 100%;background: url(../images/img/btn.jpg) repeat-x;display: block;}
.chexx{ text-align:center; line-height:40px; height:40px;}
.chexx span{ width:50%; float:left;border:1px solid #dab866;}
.chexx span.nllcolor{background-color: #dab866;}
.chexx span.nllcolor a{color: #fff;}
.con_lx{ border-right:1px solid #ededed;}
.chexx a{ font-size:14px; color:#888;}
.chexx a:hover{ font-size:14px; color:#dab866;text-decoration:none;}
/*banner导航*/
.ttnav{width: 70%; position: absolute;bottom:0;left: 50%;margin-left: -35%;height: 45px;line-height: 45px; }
.ttnav div{width:530px;margin:0px auto;position: relative;}
.ttnav a{width:160px;height: 45px;background:url(../images/tou1.png) repeat; color: #333;
    float: left;margin-left: 1%;font-size: 16px;text-align: center;position: relative;overflow: hidden; z-index:9999;}
.ttnav a.on,.ttnav a:hover{background:url(../images/tou.png) repeat;color: #fff;text-decoration:none;}    

/*维修养护*/
.ntit{font-size: 0.16rem;color: #666;width: 70%;margin:0px auto;}
.ntit h4{font-size: 0.3rem;color: #333;text-align: center;margin:0px;}
.ntit span{font-size: 0.18rem;color: #999;text-align: center;display: block;margin-bottom: 1%}
.ntit p{padding:0 15px;line-height: 0.27rem;}
.ntit p.tc{text-align: center;}
.maintenance{margin-top: 1%;}
.maintenance img{width: 100%;}
.maintenance span{display: block;font-size: 0.2rem;margin-top: 5%;line-height: 0.4rem;}
.maintenance i{display: block;background: url(../images/img/line1.png) left center no-repeat;width: 100%;height: 4px;background-size: 100%;}
.maintenance em{display: block;font-size: 0.16rem;color: #333;}
.maintenance p{font-size: 0.14rem;color: #666;line-height: 0.3rem;margin-top: 2%}
.maintenance li:hover i{background: url(../images/img/line2.png) left center no-repeat;}
.maintenance li:hover span{color: #dab866;}
/*我们的优势*/
.youshi{background-color: #f5f5f5;padding:3% 0;margin-top: 2%;}
.youshibox{width: 70%;margin:2% auto 0;}
.youshibox li{width: 20%;float: left;position: relative;height: 180px;overflow:hidden;}
.youshibox li img{display: block;height:100%;}
.youshibox li p{text-align: center;margin-top: 32%;font-size: 0.18rem;}
.youshibox li span{width: 40px;height: 40px;line-height: 40px; display: block;background-color: #dab866;font-size: 0.16rem;text-align: center;color: #fff;position:absolute;left:50%;margin-left: -20px;}
.youshibox li span.ysspan1{bottom: 0;}
.youshibox li span.ysspan2{top: 0;}
/*团队展示*/
.team{width: 70%;margin:0px auto;}
.team li{width: 31%;float: left;margin:1%;}
.team li div{border:1px solid #e6e6e6;padding:2% 2% 0% 2%;}
.team li div em{display: block;width: 100%;overflow: hidden;}
.team li div em img{width: 100%;display: block;margin:0px auto;}
.team li div span{display: block;font-size: 0.16rem;color: #000;text-align: center;padding:2% 0;}
.team li div span i{display: inline-block;font-size: 0.26rem;margin-right: 10px;}
.team li p{font-size: 0.14rem;text-align: center;padding:3% 0;color: #666;}
.team li p b{width: 100%;height: 25px;line-height: 25px; overflow: hidden;display: block;font-weight: 100;}
.team li:hover span{color: #dab866;}
/*车主天下*/
div.hcarcase li a.hcarimg{width: 100%;}
div.hcarcase li{margin-bottom: 2%;}
.ndicontact{width: 100%;overflow: hidden;/*height:560px;*/position: relative;/*background: url(../images/img/nconbg.png) top center no-repeat;background-size: 100%;*/}
.ndicontact img.ndicon{margin-top: 0.4rem;width: 100%;position: relative;z-index: 1;}
.ndicontact i.line{width: 15%;background-color: #dab866;height: 0.4rem;position: absolute;left: 0;display: block;}
.ndicontact .middle{position: absolute;left:50%;z-index: 9;top:20%;margin-left: -35%;}
.ndiconleft{width: 48%;float: left;}
.ndiconright{width: 44%;float: right;}
.ndiconleft span{display: block;font-size: 0.3rem;color: #dab866;}
.ndiconleft span img{display: inline-block;margin-right: 3%;}
.ndiconleft p{margin-left: 5%;font-size: 0.16rem;color: #666;line-height: 0.3rem;margin-top: 2%;}
.ndiconleft em{width: 100%;height: 1px;background-color: #e6e6e6;display: block;margin:3% 0;}
.ndiconright h3{font-size: 0.3rem;color: #fff;margin-bottom: 4%}
.ndiconright input{border:1px solid #fff;margin-bottom: 3%;width: 48%;height: 0.3rem;line-height: 0.3rem;padding-left: 5px; background: none;font-size: 0.16rem;color: #fff;}
.ndiconright textarea{border:1px solid #fff;width: 100%;height: 0.8rem;background: none;padding-left: 5px;font-size: 0.16rem;color: #fff;}
button.nconbtn1{width: 135px;height: 40px;line-height: 40px;font-size: 0.16rem;color: #fff;text-align: center;background-color: #dab866;margin-top: 3%;float: right;border:1px solid #dab866;position: relative;overflow: hidden;}
button.nconbtn1:hover{background: none;color: #dab866;text-decoration:none;}

/*新闻*/
.boxes {overflow:hidden}
.news-list{
 font-size:0;
 padding:0 60px; position:relative; overflow:hidden;
}
#mainIframe{width: 100%;max-height: 1500px;}
.news-list .boxes a.box {
 box-sizing:border-box;
 display:inline-block;
 width:calc(33.33333% - 40px);
 margin-bottom:1%;
 text-decoration:none;
 vertical-align:top
}
.dealers .news-list .boxes a.box {
 margin-top:30px;
 margin-bottom:30px
}

@media all and (max-width:1279px) {
 .news-list .boxes a.box {
  width:calc(33.33333% - 20px)
 }
}
@media all and (max-width:1023px) {
 .news-list .boxes a.box {
  width:calc(50% - 15px)
 }
}
@media all and (max-width:767px) {
 .news-list .boxes a.box {
  width:100%;
  opacity:1!important
 }
}
.news-list .boxes a.box:nth-of-type(3n + 2) {
 margin-left:60px;
 margin-right:60px
}
@media all and (max-width:1279px) {
 .news-list .boxes a.box:nth-of-type(3n + 2) {
  margin-left:30px;
  margin-right:30px
 }
}
@media all and (max-width:1023px) {
 .news-list .boxes a.box:nth-of-type(3n + 2) {
  margin-left:0;
  margin-right:0
 }
}
@media all and (max-width:1023px) {
 .news-list .boxes a.box:nth-of-type(even) {
  margin-left:15px
 }
}
@media all and (max-width:767px) {
 .news-list .boxes a.box:nth-of-type(even) {
  margin-left:0
 }
}
@media all and (max-width:1023px) {
 .news-list .boxes a.box:nth-of-type(odd) {
  margin-right:15px
 }
}
@media all and (max-width:767px) {
 .news-list .boxes a.box:nth-of-type(odd) {
  margin-right:0
 }
}
.news-list .boxes a.box .date {
 font-size:16px;
 letter-spacing:0;
 line-height:1.5;
 color:#333;
 margin-bottom:15px
}
.news-list .boxes a.box:hover .date{color:#dab866;}
@media all and (min-width:1681px) {
 .news-list .boxes a.box .date {
  font-size:19.2px
 }
}
@media all and (min-width:2201px) {
 .news-list .boxes a.box .date {
  font-size:24px
 }
}
@media all and (max-width:767px) {
 .news-list .boxes a.box .date {
  padding:0 30px
 }
}
.news-list .boxes a.box .nnewsimg{ width:100%; height:350px; overflow:hidden;}
@media all and (max-width:1440px) {
	.news-list .boxes a.box .nnewsimg{height:300px;}
}
@media all and (max-width:1300px) {
	.news-list .boxes a.box .nnewsimg{height:280px;}
}
@media all and (max-width:1024px) {
	.news-list .boxes a.box .nnewsimg{height:210px;}
}
@media all and (max-width:960px) {.news-list .boxes a.box img{ height:auto !important; width:100%;}}


.news-list .boxes a.box img {
 height:100%;
 margin-bottom:15px
}
@media all and (max-width:767px) {
 .news-list .boxes a.box img {
  margin-bottom:30px
 }
}
@media all and (max-width:767px) {
 .news-list .boxes a.box .details {
  padding:0 30px
 }
}
.news-list .boxes a.box .details .articleTitle {
 font-size:20px;
 letter-spacing:-.02em;
 line-height:1.5;
 color:#333;
 margin-bottom:6px;/*width: 100%;overflow: hidden;height:1.5em;display: block;*/
}
@media all and (min-width:1681px) {
 .news-list .boxes a.box .details .articleTitle {
  font-size:24px
 }
}
@media all and (min-width:2201px) {
 .news-list .boxes a.box .details .articleTitle {
  font-size:30px
 }
}
@media all and (max-width:767px) {
 .news-list .boxes a.box .details .articleTitle {
  color:#333
 }
}
.news-list .boxes a.box .details .description {
 font-size:18px;
 letter-spacing:-.02em;
 line-height:1.5;
 color:#dab866
}
@media all and (min-width:1681px) {
 .news-list .boxes a.box .details .description {
  font-size:21.6px
 }
}
@media all and (min-width:2201px) {
 .news-list .boxes a.box .details .description {
  font-size:27px
 }
}
.news-list .boxes div.box {
 display:none
}
.news-list .loadMore,
.news-list .loading,
.news-list .seeMore {
 display:block;
 text-decoration:none;
 border-top:1px solid #dab866;
 font-size:18px;
 letter-spacing:-.02em;
 line-height:1.5;
 color:#333;
 text-align:center;
 padding:30px
}
@media all and (min-width:1681px) {
 .news-list .loadMore,
 .news-list .loading,
 .news-list .seeMore {
  font-size:21.6px
 }
}
@media all and (min-width:2201px) {
 .news-list .loadMore,
 .news-list .loading,
 .news-list .seeMore {
  font-size:27px
 }
}
.news-list .loadMore div,
.news-list .loading div,
.news-list .seeMore div {
 display:inline-block;
 vertical-align:middle
}
.news-list .loadMore .ajax-fail,
.news-list .loading .ajax-fail,
.news-list .seeMore .ajax-fail,
.news-list .loadMore .ajax-loading,
.news-list .loading .ajax-loading,
.news-list .seeMore .ajax-loading {
 display:none
}
.news-list.dealers {
 margin-bottom:0
}
@media all and (max-width:767px) {
 .news-list.dealers {
  margin-top:0
 }
}
@media all and (max-width:767px) {
 .news-list.dealers .title {
  padding:40px 40px 0
 }
}
@media all and (max-width:767px) {
 .news-list.dealers .boxes a.box .date {
  padding:0 40px
 }
}
@media all and (max-width:767px) {
 .news-list.dealers .boxes a.box .details {
  padding:0 40px;
  background:none
 }
}
.boxes {
 overflow:hidden
}
.boxes .ajax-helper {
 width:100%
}
.boxes a.box {
 position:relative;
 box-sizing:border-box;
 display:inline-block;
 width:calc(33.33333% - 40px);
 text-decoration:none;
 vertical-align:top;
 margin-top:60px
}
.boxes a.box:focus::after,
.boxes a.box:hover::after {
 position:absolute;
 bottom:-1px;
 content:'';
 display:block;
 height:2px;
 width:100%;
 background:#dab866;
 left:0;
 right:0
}
@media all and (max-width:1279px) {
 .boxes a.box {
  width:calc(33.33333% - 20px)
 }
}
@media all and (max-width:1023px) {
 .boxes a.box {
  width:calc(50% - 15px)
 }
}
@media all and (max-width:767px) {
 .boxes a.box {
  width:100%;
  opacity:1!important;
  margin-top:30px
 }
}
.boxes a.box:nth-of-type(n+4) {
 margin-top:60px
}
@media all and (max-width:767px) {
 .boxes a.box:nth-of-type(n+4) {
  margin-top:30px
 }
}
@media all and (max-width:1023px) {
 .boxes a.box:nth-of-type(n+3) {
  margin-top:45px
 }
}
@media all and (max-width:767px) {
 .boxes a.box:nth-of-type(n+3) {
  margin-top:30px
 }
}
.boxes a.box:nth-of-type(3n + 2) {
 margin-left:60px;
 margin-right:60px
}
@media all and (max-width:1279px) {
 .boxes a.box:nth-of-type(3n + 2) {
  margin-left:30px;
  margin-right:30px
 }
}
@media all and (max-width:1023px) {
 .boxes a.box:nth-of-type(3n + 2) {
  margin-left:0;
  margin-right:0
 }
}
@media all and (max-width:1023px) {
 .boxes a.box:nth-of-type(even) {
  margin-left:15px
 }
}
@media all and (max-width:767px) {
 .boxes a.box:nth-of-type(even) {
  margin-left:0
 }
}
@media all and (max-width:1023px) {
 .boxes a.box:nth-of-type(odd) {
  margin-right:15px
 }
}
@media all and (max-width:767px) {
 .boxes a.box:nth-of-type(odd) {
  margin-right:0
 }
}
.boxes a.box:last-of-type {
 margin-bottom:30px
}
.boxes a.box .date {
 font-size:16px;
 letter-spacing:0;
 line-height:1.5;
 color:#333;
 margin-bottom:15px
}
@media all and (min-width:1681px) {
 .boxes a.box .date {
  font-size:19.2px
 }
}
@media all and (min-width:2201px) {
 .boxes a.box .date {
  font-size:24px
 }
}
@media all and (max-width:767px) {
 .boxes a.box .date {
  padding:0 30px
 }
}
.boxes a.box img {
 width:100%;
 margin-bottom:15px
}
@media all and (max-width:767px) {
 .boxes a.box img {
  margin-bottom:30px
 }
}
@media all and (max-width:767px) {
 .boxes a.box .details {
  padding:0 85px 0 45px;
 }
}
.boxes a.box .details .articleTitle {
 font-size:20px;
 letter-spacing:-.02em;
 line-height:1.5;
 color:#333;
 margin-bottom:6px
}
@media all and (min-width:1681px) {
 .boxes a.box .details .articleTitle {
  font-size:24px
 }
}
@media all and (min-width:2201px) {
 .boxes a.box .details .articleTitle {
  font-size:30px
 }
}
@media all and (max-width:767px) {
 .boxes a.box .details .articleTitle {
  color:#333
 }
}
.boxes a.box .details .description {
 font-size:18px;
 letter-spacing:-.02em;
 line-height:1.5;
 color:#333
}
@media all and (min-width:1681px) {
 .boxes a.box .details .description {
  font-size:21.6px
 }
}
@media all and (min-width:2201px) {
 .boxes a.box .details .description {
  font-size:27px
 }
}
.boxes.view2Colums a.box {
 position:relative;
 margin:0;
 margin-top:30px;
 box-sizing:border-box;
 display:inline-block;
 padding:0 0 0 30px;
 vertical-align:top;
 width:50%
}
.boxes.view2Colums a.box:focus::after,
.boxes.view2Colums a.box:hover::after {
 position:absolute;
 bottom:-1px;
 content:'';
 display:block;
 height:2px;
 width:100%;
 background:#0c2340;
 left:0;
 right:0
}
.boxes.view2Colums a.box:nth-child(odd) {
 padding:0 30px 0 0
}
@media all and (max-width:767px) {
 .boxes.view2Colums a.box {
  width:100%;
  opacity:1!important;
  margin-top:30px;
  padding:0
 }
 .boxes.view2Colums a.box:nth-child(odd) {
  padding:0
 }
}
.boxes.view2Colums div.box {
 display:none
}


/*联系我们*/
.showroom{height: 900px;}
.swiper-container{
  width: 100%;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;overflow: hidden;
}
div.gallery-top {
  height: 75%;
  width: 100%;margin-bottom: 3%;
}
.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.gallery-thumbs div{position: relative;}
.gallery-thumbs span{width: 100%; font-size: 0.16rem;color: #fff;display: block;text-align: center;height: 0.4rem;line-height: 0.4rem;position: absolute;bottom: 0;background-color: #000;opacity: 0.8;}
.ncontxt{font-size: 0.16rem;padding: 0.5% 0;color: #333;line-height: 0.27rem;}
div.ncontxt1{padding: 2% 0;}
img.confc{display: block;width: 100%;margin-bottom: 1%;}
div.hcontact1{margin-top:0;}
.ncontxt em{display: inline-block;font-size: 0.18rem;color: #000;font-weight: bold;}
.middle .mt1{line-height: 0.26rem;font-size: 0.16rem;}

/*新闻详情页*/
.newsinfo{margin:0 auto 2%;box-shadow: #ddd 0px 0px 5px;padding:2% 2% 4% 2%;background-color: #fff;}
.inforbox{padding-bottom: 30px;}
.ninfo_ntit{ width:100%; height:70px; line-height:70px; text-align:center; font-weight:100; color:#333;font-size:20px;}
.context{ width:100%; height:30px;border-top: 2px #ddd solid; line-height:30px; padding:10px 0 20px 0;}
.context ul{ margin:0; padding:0;}
.context ul li{ width:80%; height:30px; line-height:30px;color:#333;font-size: 16px;}
.context ul li a{color: #666;}
.jhurl {
    width: 100%;
    height: 39px;
    line-height: 39px;
    font-size: 13px;
    text-align: center;
    color: #777;
}
.jhurl small{font-size: 13px;color: #777; line-height: 39px; margin-left:10px;}
.view_con{ font-size:15px; line-height:30px; color:#666;}
.view_con_img img,
.view_con img{max-width: 100%!important;height: auto!important; display:block; margin:0px auto 15px;}
div.swiper-button-next1,div.swiper-button-prev1{margin-top:0;width:32px;height: 32px; }
div.swiper-button-next1{background: url(../images/jr.png) no-repeat;}
div.swiper-button-prev1{background: url(../images/jl.png) no-repeat;}
.infoimg img{padding: 10px 0;max-width: 860px;height: auto !important;display: block;margin:0px auto;}
div.swiper-middle{position: relative;}
div.swiper-pagination .swiper-pagination-bullet-active{background: #dab866!important;}


@media screen and (max-width: 1600px) {
.car_list ul li{height: 441px;}
.ndicontact .middle{top:13%;}
.ndiconleft p{font-size: 0.14rem;}
.ndiconleft span{font-size: 0.26rem;}
}
@media screen and (max-width: 1400px) {
.car_list ul li{height: 403px;}
.ndicontact .middle{top:10%;}
.ndiconleft p{font-size: 0.14rem;margin-top:0;}
.ndiconleft span{font-size: 0.24rem;}
.ndiconright h3{font-size: 0.26rem;}
.ban .crumbsnav{width: 98%;margin-left: -49%;}
.team{width: 80%;}
}
@media screen and (max-width: 1280px) {
.ndiconleft p{line-height: 0.2rem;padding-top: 1%;font-size: 0.18rem;}
.ndiconleft p i{display: none;}	
.ndiconright h3{display: none;}	
.ndiconleft{margin-top: 6%;}
.ndiconright{margin-top: 5%;}
.team{width: 90%;}
}
@media screen and (max-width: 1023px) {
.hcarowner li{width: 48%;}
.ndiconright input{float: left;margin-right: 1%;}
.youshibox{width: 100%;}
}
@media all and (max-width:767px) {
.ndicontact img.ndicon{display: none;}
.ndicontact .middle{position: relative;left: 0;margin-left: 0;background-color: #f5f5f5;padding:1% 0;}
.ndiconleft,.ndiconright,.team{width: 90%;float: none;margin:0px auto;}
.ndiconright input{width: 100%;}
.ndiconright input,.ndiconright textarea{border:1px solid #999;color: #666;}
.ndiconright h3{display: block;color: #333;}
.ban3 .crumbsnav,.ban2 .crumbsnav,.ban1 .crumbsnav{display: none;}
.ban3 .ttnav div,.ban2 .ttnav div,.ban1 .ttnav div{width: 100%;margin:0px auto;}
.ban3 .ttnav a,.ban2 .ttnav a,.ban1 .ttnav a{width: 31%;margin:0 1%;}
.team li{width: 48%;}
.team li p{display: none;}
.ntit,.youshibox{width: 100%;}
}