@charset "utf-8";
body,a,div, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul,li{ list-style: none; margin:0; padding:0; font-family:PingFang SC,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,STHeiTi,sans-serif; font-weight: 400; word-break:break-all;word-wrap:break-word;}
body, input, select, button, textarea { font-size: 12px; font-family:PingFang SC,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,STHeiTi,sans-serif; font-weight: 400; margin:0; }
a{text-decoration: none; color: #666;}
* {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; height:0; }
*:before,*:after {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
body{ background-color: #f7f7f7;}
a:hover{text-decoration: none; color: #e13335; }
.fl{float: left;}
.fr{float: right;}
.z_bline{ border: 1px solid #dedede;}
.clearfix:after{content:'.';height:0;overflow:hidden;display:block;clear:both;visibility:hidden;}

.w_100{ float: left; width: 100%;}
.font12 { font-size: 12px;}
.font13 { font-size: 13px;}
.font14 { font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font24 {font-size: 24px;}
.font26 {font-size: 26px;}
.font28 {font-size: 28px;}
.font30 {font-size: 30px;}

.mt5{margin-top: 5px; }
.mt10{margin-top: 10px; }
.mt15{margin-top: 15px; }
.mt20{margin-top: 20px; }
.mt25{margin-top: 25px; }
.mt30{margin-top: 30px; }
.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.mr5{  margin-right: 5px; }
.mr10{  margin-right: 10px; }
.mr15{  margin-right: 15px; }
.mr20{  margin-right: 20px; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; } 

.f_bord{ font-weight: 700;}
.pt5{padding-top: 5px; }
.pt10{padding-top: 10px; }
.pt15{padding-top: 15px; }
.pt20{padding-top: 20px; }
.pt25{padding-top: 25px; }
.pl5{ padding-left: 5px; }
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl25{ padding-left: 25px; }
.pr5{  padding-right: 5px; }
.pr10{  padding-right: 10px; }
.pr15{  padding-right: 15px; }
.pr20{  padding-right: 20px; }
.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; } 

.ptb10{ padding: 10px 0;}
.ptb15{ padding:15px 0;}
.mtb10{ margin: 10px 0;}
.mtb15{ margin:15px 0;}
.p12{ padding: 12px;}
.plr10{ padding: 0 10px;}
.wp5{ padding:10px 5px;}
.wp1{ padding: 10px;}
.wp15{ padding: 15px;}
.wp2{ padding: 20px;}
.wm1{ margin: 10px;}
.wm15{ margin: 15px;}
.wm2{ margin: 20px;}
.t-c{ text-align: center;}
.t-r{ text-align: right;}
.t-l{ text-align: left;}

.w-1 {  width: 8.33333333%;  }
.w-2 {  width: 16.66666667%;  }
.w-3 {  width: 25%;  }
.w-4 {  width: 33.33333333%;  }
.w-5 {  width: 41.66666667%;  }
.w-6 {  width: 50%;  }
.w-7 {  width: 58.33333333%;  }
.w-8 {  width: 66.66666667%;  }
.w-9 {  width: 75%;  }
.w-10 {  width: 83.33333333%;  }
.w-11 {  width: 91.66666667%;  }
.w-12 {  width: 100%;  }
.wli-1 > li {  width: 100%;  }
.wli-1 > li:nth-of-type(n) { clear: none;  }
.wli-1 > li:nth-of-type(1n + 1) { clear: both;  }
.wli-2 > li {  width: 50%;  }
.wli-2 > li:nth-of-type(n) { clear: none;  }
.wli-2 > li:nth-of-type(2n + 1) { clear: both;  }
.wli-3 > li {  width: 33.33333333%;  }
.wli-3 > li:nth-of-type(n) { clear: none;  }
.wli-3 > li:nth-of-type(3n + 1) { clear: both;  }
.wli-4 > li {  width: 25%;  }
.wli-4 > li:nth-of-type(n) { clear: none;  }
.wli-4 > li:nth-of-type(4n + 1) { clear: both;  }
.wli-5 > li {  width: 20%;  }
.wli-5 > li:nth-of-type(n) { clear: none;  }
.wli-5 > li:nth-of-type(5n + 1) { clear: both;  }
.wli-6 > li {  width: 16.66666667%;  }
.wli-6 > li:nth-of-type(n) { clear: none;  }
.wli-6 > li:nth-of-type(6n + 1) { clear: both;  }
.wli-7 > li {  width: 14.28571429%;  }
.wli-7 > li:nth-of-type(n) { clear: none;  }
.wli-7 > li:nth-of-type(7n + 1) { clear: both;  }
.wli-8 > li {  width: 12.5%;  }
.wli-8 > li:nth-of-type(n) { clear: none;  }
.wli-8 > li:nth-of-type(8n + 1) { clear: both;  }
.wli-9 > li {  width: 11.11111111%;  }
.wli-9 > li:nth-of-type(n) { clear: none;  }
.wli-9 > li:nth-of-type(9n + 1) { clear: both;  }
.wli-10 > li {  width: 10%;  }
.wli-10 > li:nth-of-type(n) { clear: none;  }
.wli-10 > li:nth-of-type(10n + 1) { clear: both;  }
.wli-11 > li {  width: 9.09090909%;  }
.wli-11 > li:nth-of-type(n) { clear: none;  }
.wli-11 > li:nth-of-type(11n + 1) { clear: both;  }
.wli-12 > li {  width: 8.33333333%;  }
.wli-12 > li:nth-of-type(n) { clear: none;  }
.wli-12 > li:nth-of-type(12n + 1) { clear: both;  }
 
[class*="wli-"] > li{ float: left;}

.transitionf{transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

.txt_over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.img_cover{object-fit: cover; height:100%; width: 100%; }
.bg-color{ background-color: #fff;}

.bg-color1{ background-color: #f7f7f7;}
.whr15{ background-color: #f7f7f7; height: 15px; float: left; width: 100%; overflow: hidden;}

.zyc_w{ width: 1360px; margin: 0 auto;}
.zyc_Nav{ height: 52px; line-height: 52px; width: 100%; background-color: #4284d9; }
.zyc_Nav li:last-child{ float: right;background-color: #296dc5; height: 52px; line-height: 52px;overflow: hidden;}
.zyc_Nav a i{ font-size: 20px; margin-right: 5px; }
.zyc_Nav li{ padding: 0 32px; float: left; font-size: 18px; position: relative;}
.zyc_Nav li > a{font-weight: 400; color: #fff; }
.zyc_Nav li .sub{ display:none; width:135%; left:0; top:52px;  position:absolute; z-index:999; background:#296dc5;   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);color: #fff;   }  
.zyc_Nav li.on,.zyc_Nav li:hover{ background-color:#296dc5;}
.zyc_Nav li .sub li{ float: left; width: 100%; padding: 0; text-align: center;line-height:32px; height:38px; overflow: hidden; border-top: 1px solid #81ade6;}
.zyc_Nav li .sub li a{ font-size:14px; padding: 0;  } 
.zyc_Nav li .sub li a:hover{background: #296dc5;  }




.z_Mar_10{ margin-top: 10px;}
.z_ban img{ width: 50%; height: 100px; }

 

.z_inNav{ height: 45px; line-height: 34px; text-align: right;   border-bottom: 1px solid #DEDEDE; padding-bottom: 10px;}
.z_inNav span{ float: left; padding: 0 15px 0 30px;  color: #fff; font-size: 18px; position: relative; display: flex; justify-content: center; align-items: center; color: #fff; text-decoration: none; z-index: 9;}
.z_inNav span::before {  content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 15px; z-index: -1; background: #f50; transform: skewX(-25deg);}
  
.z_inNav b{ float: left; margin-left: 50px;}
.z_inNav a{ margin-right: 10px;}
 
 
.z_inNav1{ height: 45px; line-height: 34px; text-align: right;   border-bottom: 1px solid #DEDEDE; padding-bottom: 10px;}
.z_inNav1 span{ float: left; padding: 0 15px 0 22px;   font-size: 18px; position: relative; display: flex; justify-content: center; align-items: center; font-weight: 700;   text-decoration: none; z-index: 9;}
.z_inNav1 span::before {  content: ''; position: absolute; top: 5px; right: 0; bottom: 0; left: 5px; z-index: -1; width: 6px; height: 26px; border-radius: 3px; background: #4284d9;} 
.z_inNav1 a{ margin-right: 10px;}

.z_inNav2{ height: 32px; margin-top: 10px;   text-align: right;   border-bottom: 1px solid #eee;   background-color: #ffff;}
.z_inNav2 span{ float: left; padding:0 15px 0 10px;   font-size: 18px; position: relative; display: flex; justify-content: center; align-items: center;   text-decoration: none; z-index: 9; }
.z_inNav2 span::before {  content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; width: 4px; height: 24px;   background: #4284d9;} 
 
.z_inNav2 a{ margin-right: 10px;}

.ztCom {position:relative; width:1350px; margin-top: 8px;  }
.ztCom .prev,.ztCom .next,.z_Img .prev,.z_Img .next{   position: absolute; z-index: 30;   top: 38%; padding: 15px 0; float: left;  width: 34px;  height: 70px; overflow: hidden; background-image:url(../images/focus_nav.png); background-repeat: no-repeat;    background-color:rgba(0,0,0,0.5);}

.ztCom  .prev,.z_Img  .prev {  left: -46px;border-radius:5px 0 0 5px;}
.ztCom  .next,.z_Img  .next { right: -35px; border-radius: 0 5px 5px 0;}

.ztCom  .prev,.z_Img  .prev { background-position: 10px 24px; } 
.ztCom  .next ,.z_Img  .next{ background-position: -24px 24px;  } 
.ztCom  .prev:hover,.ztCom  .next:hover,.z_Img  .prev:hover,.z_Img  .next:hover{background-color:rgba(255,85,0,1);}
 
.ztList ul{ overflow: hidden; margin: 5px 0 0;}
.ztList li{   padding: 0 5px;}
.ztList li a{ float: left; width: 100%;}
.ztList li img{height: 160px;}
.ztList li h5{ font-size: 16px; float: left; height: 32px;   white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 100%;}
.ztList li a:hover h5{color: #e13335;}
 

.sp_list li{ position: relative;}
.sp_list li .icon-video{ position: absolute; left: 15px; bottom: 30px; color: #fff; font-size: 26px;}
/*头部导航*/
.title {    width: 1360px;    margin: 0 auto;    height: 92px;}
.title_logo {
    width: 280px;
    height: 85px;
    float: left;
    margin-left: 12px;
    margin-right: 13px;
    display: inline;
    margin-top: 4px;
    text-align: left;
}
.title_s {
    width: 500px;
    float: left;
}
.title_search {
    width: 500px;
    height: 36px;
    background: #e4393c;
    float: left;
    margin-top: 20px;
}
.title_search .seardh {
    width: 413px;
    height: 30px;
    background: #ffffff;
    float: left;
    margin: 3px;
    line-height: 30px;
    text-align: left;
    padding-left: 5px;
}
.bt_1 {
    border: none;
    height: 20px;
    margin-top: 4px;
    color: #666666;
    line-height: 20px;
    background: #FFF;
}
.title_search .s_bottom {
    width: 49px;
    height: 36px;
    float: left;
    margin-left: 12px;
}
.title_search_h {
    width: 500px;
    height: 24px;
    float: left;
    margin-top: 5px;
    line-height: 24px;
    text-align: left;
    color: #666666;
    overflow:hidden;
}
.public_w,.public_top_menus{ width: 1360px;}
/*车型条件筛选*/
.sxtj{ height: 38px; line-height: 38px; padding-left: 10px; font-size: 14px; margin-top: 10px; background-color: #f7f7f7; border: 1px solid #DEDEDE;  border-bottom: none;}
.sxtj span{ font-weight: 700; color: #555;}
.sxtj a{ background-color: #f60; color: #fff; padding: 2px 6px; border-radius: 2px; font-size: 12px; margin-right: 10px;}
.sxtj a i{ font-style: normal; margin-left: 5px;}


.z_cxsx{ border-left: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.z_cxsx li{ border-top: 1px solid #dedede; border-right: 1px solid #dedede;  line-height: 32px;}
.z_cxsx li span{ width: 140px; text-align:center; float: left;  font-size: 16px; color: #E13335;}
.z_cxsx li h3{border-left: 1px solid #dedede; display: table;}
.z_cxsx li a{ margin: 0 10px; height: 24px; line-height: 24px; padding: 0 18px; background-color: #f7f7f7; display: inline-block;}
.z_li01{ width: 42%; float: left;}

.z_npage{  text-align:center; color: #333;   padding:8px 0 0; height:45px; margin:10px 0 0; float:left; width:100%; }
.z_npage a{ margin:5px; border:1px solid #477fca; padding:5px 8px;}
.z_npage a:hover,.np_on{ background-color:#477fca; color:#fff;}

.zyc_tel{ float: right; margin-top: 15px; font-size: 14px; color: #666; width: 220px;}
.zyc_tel b{ font-size: 28px; color: #E13335; display: inline-block;}
/*底部样式*/
.zyc_xgtj{ background-color: #F7F7F7; padding: 10px 0;float: left; width: 100%; }

.zyc_xgtj h3{ font-size: 24px; line-height: 25px;}
.zyc_xgtj ul{ padding: 10px 0;}
.zyc_xgtj li{ float: left; width: 12.5%; height: 28px; line-height: 28px; font-size: 14px;}
.zyc_xgtj li a:hover{ color: #E13335;}

.z_foot{ float: left; width: 100%; background-color: #2c2c2c; color: #fff; padding: 25px 0; line-height: 25px; text-align: center; }
.z_foot h2{ margin-bottom: 15px;}
.z_foot a{color: #fff; margin: 0 6px; font-size: 14px; }
.z_foot p{   font-size: 14px; }

.zyc_title{ background-color: #f7f7f7;  height: 32px; line-height: 32px; font-size: 14px; color: #666; padding: 0 10px;}  
.zyc_title h1{ color: #666;font-size: 14px; display: inline-block;}

.z_flink{ padding: 10px 15px;}
.z_flink h2 { margin-top: 5px;}
.z_flink h2 a{ float: left; width: 12.5%; height:28px; line-height: 28px; font-size: 14px;}
.z_foot .w-3{ border-left: 1px solid #aaa;}
.z_foot .w-3 li img{ width: 120px;}
.z_foot .w-3 li span{ display: inline-block; width: 100%; text-align: center; font-size: 14px;} 


.k_znav{ position: fixed; top: 20%; left: 50%; margin-left: 690px; z-index: 99; background-color: #f7f7f7; display:none; }
.k_znav li{ margin-bottom: 5px; cursor: pointer; background-color: #ececec; padding: 5px 10px; text-align: center; min-width: 52px; font-size: 15px; border-radius: 2px;}
.k_znav li i{ font-size: 24px;}
.k_znav li.selOn{ background-color: #e13335; color: #fff; margin-bottom: 0;}
.fixNav{ position: fixed; top: 0; z-index: 888;}

.h15{ background-color: #f7f7f7; display:table; width: 100%; height: 15px;}

/*样式兼容性不同分辨率调试*/ 
@media screen and (max-width:1400px) {
	.k_znav{ margin-left: 620px;}
	
.public_w,.public_top_menus,.wapper,.zyc_w{ width: 1280px;}
}