@charset "utf-8";

/*产品列表页面*/

.z_flNav{ height: 42px; line-height: 42px; background-color: #f7f7f7; border-bottom: 2px solid #E13335; text-align: right; padding-right: 10px; font-size: 16px;}
.z_flNav span{ float: left; padding: 0 15px; color: #fff; font-size: 18px; background-color: #E13335;}
.z_flNav span h1{float: right;color: #fff; font-size: 18px;}

.z_cpfl li{ float: left; width: 25%; padding: 0 8px; margin-top: 10px;}
.z_cpfl li a:hover{ color: #E13335;}
.z_cpfl li img{ width: 100%; height: 210px;}
.z_cpfl li h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.z_cpfl li h5{ height: 20px; line-height: 20px; font-size: 12px; color: #666; text-align: right;}
.z_cpfl li h5 span{ float: left;}
.z_price{ color: #f60; font-size: 14px;}


/*******产品详细************/
/*******图片板块展示************/
.z_cpImg{ position: relative;  overflow: hidden; width: 585px; float: left; }
/* line 20, ../sass/product.scss */
.z_cpImg > div > img { width: 584px; height: 438px; }
.z_cpImg span{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;    border-radius: 18px;    bottom: 15px;    color: #fff;    left: 15px;    padding: 7px 15px;    position: absolute;}
.z_cpImg span img{height: 16px;    margin-bottom: 3px;    margin-right: 10px;    width: 20px;}
.z_cpImg span a{ color: #fff; float: right; margin-top: 1px;}

.modal-dialog {  width: 1040px;  -webkit-border-radius: 0px;  -ms-border-radius: 0px;  -o-border-radius: 0px;  -moz-border-radius: 0px;
	border-radius: 0px; }

.modal-body img { float: left;    width: 888px;    height: 574px; }
.img-bar > div {  width: 33.33%;  border-right: solid 1px #e5e5e5;  font-size: 18px;
	color: #606060;  float: left;  text-align: center;
	padding-top: 15px;  padding-bottom: 15px;  cursor: pointer; }
.img-bar > div.active {    background: #e33b3b;    color: #fff; }
/* 弹出窗口左侧侧样式*/
.modal-open {	overflow: hidden;}
.modal {	position: fixed;	top: 0;	right: 0;
	bottom: 0;	left: 0;	z-index: 1050;	display: none;	overflow: hidden;	-webkit-overflow-scrolling: touch;	outline: 0
}
.pull-left {    float: left; width: 735px;  background-color: #fff;}
.modal.fade .modal-dialog {	-webkit-transition: -webkit-transform .3s ease-out;	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;	-webkit-transform: translate(0, -25%);	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);	transform: translate(0, -25%)}
.modal.in .modal-dialog {	-webkit-transform: translate(0, 0);	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);	transform: translate(0, 0);}
.modal-open .modal {	overflow-x: hidden;	overflow-y: auto;}
.modal-dialog {	position: relative; margin: 8% auto 0;}
/*遮罩层*/
.modal-backdrop {	position: fixed;	top: 0;	right: 0;	bottom: 0;	left: 0;	z-index: 1040;	background-color: #000;}

.modal-backdrop.in {	filter: alpha(opacity=70);	opacity: .7;}



.carousel {	position: relative;}
.carousel-inner {	position: relative;	width: 100%;	overflow: hidden; height:551px;}
.carousel-inner>.item {	position: relative;	display: none;	-webkit-transition: .6s ease-in-out left;	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left;}
.carousel-inner>.item img{ max-width: 100%; max-height: 100%;}

.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {	display: block}
.carousel-inner>.active {	left: 0}
.carousel-inner>.next, .carousel-inner>.prev {	position: absolute;	top: 0;	width: 100%;}
.carousel-inner>.next {	left: 100%;}
.carousel-inner>.prev {	left: -100%;}
.carousel-inner>.next.left, .carousel-inner>.prev.right {	left: 0;}
.carousel-inner>.active.left {	left: -100%;}
.carousel-inner>.active.right {	left: 100%;}

.carousel-control {	position: absolute;	 	text-shadow: 0 1px 2px rgba(0,0,0,.5);filter: alpha(opacity=50);	opacity: .5;}
.carousel-control.left {background-position: -126px -144px;background-color: #000;
}
.carousel-control.right {	right: 0;	left: auto;	background-position: -245px -144px;	background-color: #000;

}
.carousel-caption {	position: absolute;	right: 15%;	bottom: 20px;	left: 15%;	z-index: 10;	padding-top: 20px;	padding-bottom: 20px;
	color: #fff;	text-align: center;	text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {	text-shadow: none}
/* 弹出窗口右侧样式*/
.text-info {  padding: 88px 15px 20px;  font-size: 14px;  color: #606060;  width: 305px; height: 606px;  position: relative; float: right; background-color: #fff; }
.text-info > h4 {    font-size: 24px;    color: #242424;    margin-bottom: 20px; }
.text-info > div:nth-of-type(1) {    background: #fafafa;    width: 100%;    padding: 15px 12px 20px 12px;    margin-bottom: 15px; }
.text-info > div:nth-of-type(1) p:nth-of-type(1) {      margin-bottom: 10px; }
.text-info > div:nth-of-type(1) p:nth-of-type(1) span {  font-size: 30px;        color: #e33b3b;        margin-left: 20px; }
.text-info > div:nth-of-type(1) p:nth-of-type(1) span small { font-size: 14px; }
/* line 185, ../sass/product.scss */
.text-info > div:nth-of-type(1) p:nth-of-type(2) span {   font-size: 14px;      color: #e33b3b;      margin-left: 20px; }
/* line 187, ../sass/product.scss */
.text-info ul {    margin-bottom: 23px; }    /* line 189, ../sass/product.scss */
.text-info ul li {      line-height: 28px; }  /* line 191, ../sass/product.scss */
.text-info > div:nth-of-type(2) {    border: solid 1px #e33b3b;    width: 212px;    margin-bottom: 30px;    font-size: 18px;    color: #e33b3b;    padding: 8px 20px;    font-weight: bold;    -webkit-border-radius: 4px;    -ms-border-radius: 4px;    -o-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px; }
/* line 192, ../sass/product.scss */
.text-info > div:nth-of-type(2) > img {      width: 21px;      height: 21px;      margin-right: 10px; }
.text-info > div:nth-of-type(3) p {      margin-bottom: 10px; }
/* line 200, ../sass/product.scss */
.text-info > div:nth-of-type(3) p img { float: left;  margin-right: 6px;  width: 20px;  height: 20px;  }
/* line 201, ../sass/product.scss */
.text-info > div:nth-of-type(3) p:last-child > img {        width: 18px;        height: 20px; }
/* line 205, ../sass/product.scss */
.colse-btn {  font-weight: normal;  display: inline-block;  cursor: pointer;  text-align: center;  position: absolute;  top: 0px;
	right: 0px;  width: 36px;  height: 36px;  line-height: 28px;  color: #fff;  font-size: 38px;  background: #e33b3b; }

/* line 210, ../sass/product.scss */
#myModal .carousel-control {  width: 6%;  background-image: url(../images/slider-arrow.png);  height: 50px;
	top: 50%;  margin-top: -30px; }
/* line 211, ../sass/product.scss */
.carousel-control:focus, .carousel-control:hover {  opacity: 0.75; }
/* line 212, ../sass/product.scss */
#SZcar, #DPcar {  display: none; }

/*******图片板块展示************/

/* 产品切换css */

.sctTitle{ color: #666;    font-size: 24px;    height:52px;    line-height: 32px; font-weight:100; float: left; width: 100%;}
.zcar_info{width:580px;float:right; position:relative;}
.zcar_info h1{color: #000;   font-size: 24px;    height:52px;    line-height: 32px; font-weight:bold; float: left; width: 100%;}
.icon-list img { margin-left: 70px;}
.icon-list{background: #faf9f7;    margin-bottom: 25px; float: left; width: 100%;    margin-top: 25px;    padding-bottom: 20px;    padding-top: 20px;}
.car_price{ background-color: #f7f7f7; float: left; width:100%; padding: 15px 20px; line-height: 25px; font-size: 14px; color: #606060;}
.car_price strong{ font-size: 36px; font-weight: 100; color: #e33b3b; margin-left: 15px;}
.car_price label{ color: #e33b3b;}
.car_price span{ color: #727272;margin-left: 15px;}
.zcar_info ul{ margin: 12px 0; float: left; width: 100%;}
.zcar_info li{ padding-left: 12px; line-height: 30px; font-size: 15px;  color: #606060;}
.car_btn{ background: #e33b3b; color: #fff; border: 1px solid #E33B3B; margin-left: 25px; border-radius: 3px; margin-right: 15px; padding: 8px 30px; font-size: 18px;}
.car_sell{ margin-top: 10px; margin-bottom: 20px; width: 100%; float: left;}
.car_sell a{ border: 2px solid #E33B3B; border-radius: 3px;  padding: 8px 20px;   color: #E33B3B;font-size:20px;}
.car_sell a:hover{ text-decoration: none; cursor:pointer;}
.car_sell a img{ margin-top: 2px;}
.car_sm span{ font-size: 15px; margin-left: 20px;float: left; line-height: 20px; color: #606060;}
.car_sm span img{ float: left; margin-right: 5px;}


.z_cright{float:left; width:915px;overflow:hidden;border:#eee 1px solid; background:white;padding:0px 0px 20px 0px}
.z_cright .caption{height:50px;background-color: #f7f7f7;oerflow:hidden;  }
.z_cright .caption a{ padding: 0 25px;  float:left; font-size:16px; font-weight: 100; height:50px; line-height:50px; text-align:center;  color:#333; display:block}
.z_cright .caption a:hover{ text-decoration:none;}
.z_cright .caption .active a{border-top:#e33b3b  2px solid; background:white;border-right:#eee 1px solid;font-weight:bold}
.z_cright .fixedTop {  position: fixed;   top: 0px;   width: 885px;  margin-bottom: 47px; }

.zc_title{ height: 52px; line-height: 52px; font-size: 18px; border-bottom: 1px dashed #DEDEDE; color: #E13335; margin-bottom: 15px;}
.zc_cpbox{ padding: 0 15px; line-height: 170%; font-size: 15px;}
.zc_cpbox img{ max-width: 100%;}
.zcar_video p{ width: 890px; height: 535px;}

.zc_dfwt img{ float: left; width: 48%; margin: 5px 1%;}

.zc_left{ float: right; width: 270px;}
.zlTitle{ height: 32px; line-height: 28px; padding: 0 15px; color: #fff; background-color: #f50;}
.zc_tjcx{ border: 1px solid #dedede; padding: 0 15px; }
.zc_tjcx li{ margin: 8px 0; position: relative;}
.zc_tjcx li img{ max-width: 100%;}
.zc_tjcx li span{ font-size: 14px;line-height: 25px;}
.zc_tjcx li a:hover{ color: #E13335;}
.zcsp_Icon{ background: url(../images/video_icon.png) no-repeat; width: 46px; height: 46px; float: left; position: absolute; bottom: 35px; left: 5px;}


.zc_jxs table{ width: 100%;border-bottom: 1px solid #dedede; color: #323232}
.zc_jxs table tr td{ border-top: 1px solid #dedede; padding:10px; line-height: 20px; font-size: 14px;}
.zc_jxs thead tr td{ font-weight: 700; font-size: 16px; padding: 10px 10px; background-color: #DEDEDE; color: #ef3b24;}
.zc_Bt{ padding: 2px 5px; border-radius: 3px; background-color: #FF5500; color: #fff;}

.zc_jxs table tr td .z_blue{ margin-left: 0;}
.zc_jxs table tr td p span{ color: #666;}
.z_org{ color: #f50;}
.zc_jxs table tr .z_org{ font-size: 16px;}
.zc_jxs table tr:hover{ background-color: #F7F7F7;}

/*车型列表*/
.z_carList{ clear: both; }
.z_carList li{ float:left;   margin: 8px 10px; width: 280px; height: 278px; border: 1px solid #DEDEDE; position: relative;}
.z_carList li img{ width: 100%; height: 210px; float: left;}
.z_carList li span{ height: 32px; line-height: 30px; font-size: 16px; background-color: #f2f2f2; padding: 2px 5px; width: 100%; display: inline-block;}
.z_carList li .z_cTxt{ padding: 3px 5px;  width: 100%; float: left; line-height: 23px; font-size: 14px; position: absolute; bottom: 0; height: 32px; overflow: hidden;}
.z_carList li .z_cTxt b{ border-radius: 2px; padding: 2px 7px; background-color: #FF6400; color: #fff; font-weight: 100; font-size: 12px;}
.z_carList li .z_cTxt h3{ width: 100%; float: left;}
.z_carList li:hover{ border: 1px solid #FF6400; cursor: pointer;}
.z_carList li .z_cTxt h3{ bottom: 0; position: absolute; line-height: 28px; background-color: #FF6400; color: #fff; width: 100%; float: left; height: 0; left: 0; padding: 0 5px;-webkit-transition: all 0.3s;	-ms-transition: all 0.3s;	transition: all 0.3s;	height: 0;}
.z_carList li:hover .z_cTxt h3{ height: 32px;}

.zc_cpbox table {border-top: 1px solid #dedede; width: 98%; margin: 0 auto; border-left: 1px solid #dedede; line-height: 22px; text-align: center; }
.zc_cpbox table tr td { border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; padding: 2px 5px;}