.hidden {
	display: none;
}
.none{display: none;}
.clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}

span.center {
	display: inline-block;
	margin: 0 -0.5em 0 -1px;
	vertical-align: middle;
	width: 1px;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
}

iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}


.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.title h1.pageTitle {}

.title h1.pageTitle span {
}

.title h4.pageTips {
	font-weight: normal;
}

.title h4.pageTips span {
}

.title h2.pageTips span {
	display: block;
}

.title h2.pageTitle {}

.title h2.pageTitle span {
	display: block;
}

.title p.pageTips {
	font-weight: normal;
}

.title p.pageTips span {
	display: block;
}

.title h5.pageTips {
	font-weight: normal;
}

.title h5.pageTips span {
	display: block;
	padding-left: 1.5em;
	background: url("../../image/li.png") left 1.35em no-repeat;
}

.title .pageTips span.listTips {
	display: block;
	padding-left: 1.5em;
	background: url("../../image/li.png") left 0.75em no-repeat;
}

.title h1.pageTitle span.englishT {
	font-weight: normal;
}

.flex {
	display: flex;
}

.w100 {
	width: 100%;
}

.w994 {
	width: 99.4%;
}

.w975 {
	width: 97.5%;
}

.w97 {
	width: 97%;
}

.w95 {
	width: 95%;
}

.w90 {
	width: 90%;
}

.w85 {
	width: 85%;
}

.w80 {
	width: 80%;
}

.w65 {
	width: 65%;
}

.w60 {
	width: 60%;
}

.w55 {
	width: 55%;
}

.w50 {
	width: 50%;
}

.w48 {
	width: 48%;
}

.w75 {
	width: 75%;
}

.w70 {
	width: 70%;
}

.w45 {
	width: 45%;
}

.w425 {
	width: 42.5%;
}

.w40 {
	width: 40%;
}

.w35 {
	width: 35%;
}

.w33 {
	width: 33.33%;
}

.w30 {
	width: 30%;
}

.w25 {
	width: 25%;
}

.w20 {
	width: 20%;
}

.w25 {
	width: 25%;
}

.w15 {
	width: 15%;
}

.wrapper5 {
	width: 75%;
}

.cursorP {
	cursor: pointer;
}

.cursorP img {
	transition: all 0.8s;
}

.cursorP img:hover {
	transform: scale(1.1);
}

.overHidden {
	overflow: hidden;
}

.marginMiddle {
	margin: 0 auto;
}

.maxWidth350 {
	max-width: 350px;
}

.paddingTop05 {
	padding-top: 0.5%;
}

.paddingTop1 {
	padding-top: 1%;
}

.paddingTop2 {
	padding-top: 2%;
}

.paddingTop3 {
	padding-top: 3%;
}

.paddingTop4 {
	padding-top: 4%;
}

.paddingTop5 {
	padding-top: 5%;
}

.paddingTop7 {
	padding-top: 7%;
}

.paddingTop10 {
	padding-top: 10%;
}

.paddingTop15 {
	padding-top: 15%;
}

.paddingTop16 {
	padding-top: 16%;
}

.paddingTop17 {
	padding-top: 17%;
}

.paddingTop18 {
	padding-top: 18%;
}

.paddingTop125 {
	padding-top: 12.5%;
}

.paddingBottom1 {
	padding-bottom: 1%;
}

.paddingBottom2 {
	padding-bottom: 2%;
}

.paddingBottom3 {
	padding-bottom: 3%;
}

.paddingBottom4 {
	padding-bottom: 4%;
}

.paddingBottom5 {
	padding-bottom: 5%;
}

.paddingBottom7 {
	padding-bottom: 7%;
}

.paddingBottom10 {
	padding-bottom: 10%;
}

.paddingBottom150 {
	padding-bottom: 15%;
}

.paddingBottom125 {
	padding-bottom: 12.5%;
}

.paddingLeft1 {
	padding-left: 1%;
}

.paddingBottom15 {
	padding-bottom: 1.5%;
}

.paddingLeft2 {
	padding-left: 2%;
}

.paddingLeft3 {
	padding-left: 3%;
}

.paddingLeft4 {
	padding-left: 4%;
}

.paddingLeft5 {
	padding-left: 5%;
}

.paddingLeft10 {
	padding-left: 10%;
}

.paddingRight1 {
	padding-right: 1%;
}

.paddingRight2 {
	padding-right: 2%;
}

.paddingRight3 {
	padding-right: 3%;
}

.paddingRight4 {
	padding-right: 4%;
}

.paddingRight5 {
	padding-right: 5%;
}

.paddingLeft10 {
	padding-left: 10%;
}

.w48 {
	width: 48%;
}

.col2_item.floatRight {
	float: right;
}

.marginTop1 {
	margin-top: 1%;
}

.marginTop2 {
	margin-top: 2%;
}

.marginTop3 {
	margin-top: 3%;
}

.marginTop4 {
	margin-top: 4%;
}

.marginTop5 {
	margin-top: 5%;
}

.marginTop7 {
	margin-top: 7%;
}

.marginTop10 {
	margin-top: 10%;
}

.marginBottom1 {
	margin-bottom: 1%;
}

.marginBottom2 {
	margin-bottom: 2%;
}

.marginBottom3 {
	margin-bottom: 3%;
}

.marginBottom4 {
	margin-bottom: 4%;
}

.marginBottom5 {
	margin-bottom: 5%;
}
.marginBottom10 {
	margin-bottom: 10%;
}
.marginLeft1 {
	margin-left: 1%;
}

.marginLeft2 {
	margin-left: 2%;
}

.marginLeft3 {
	margin-left: 3%;
}

.marginLeft4 {
	margin-left: 4%;
}

.marginLeft5 {
	margin-left: 5%;
}

.marginLeft6 {
	margin-left: 5%;
}

.marginLeft7 {
	margin-left: 5%;
}

.marginLeft8 {
	margin-left: 5%;
}

.marginLeft9 {
	margin-left: 5%;
}

.marginLeft20 {
	margin-left: 20%;
}

.marginLeft50 {
	margin-left: 50%;
}

.marginRight1 {
	margin-right: 1%;
}

.marginRight2 {
	margin-right: 2%;
}

.marginRight3 {
	margin-right: 3%;
}

.marginRight4 {
	margin-right: 4%;
}

.marginRight5 {
	margin-right: 5%;
}

.marginRight10 {
	margin-right: 10%;
}

.marginLeft10 {
	margin-left: 10%;
}


/*二级导航*/

.pageNav {
	background: #fff;
	height: 50px;
	line-height: 50px;
	width: 100%;
	position: relative;
}

.pageNavLogo {
	float: left;
	line-height: 50px;
	color: #000;
}

.pageNavLogo a {
	color: #000;
	letter-spacing: 0.1em;
	font-weight: bold;
}

.pageNavList {
	float: right;
	padding-right: 20px;
}

.pageNavList li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: -0.3em;
}

.pageNavList li.wapShow {
	display: none;
}

.pageNavList li a {
	display: block;
	color: #7d7d7d;
	white-space: nowrap;
	letter-spacing: 0.1em;
}

.pageNavList li a span {
	padding: 0 0.7em;
	border-right: 1px solid #dddddd;
}

.pageNavList li.last_li span {
	border: none;
}

.pageNavList li a:hover span,
.pageNavList li a.hover {
	color: #000;
}

.pageNav.on {
	position: fixed;
	left: 0;
	top: 0px;
	border-bottom: 1px solid #d5d5d5;
	z-index: 5
}

.pageTipp {
	float: right;
	padding-right: 2%;
}

.pageTipp span.ppp {
	color: #000;
	font-weight: bold;
	/* margin-right: 31em; */
}

.pageTipp a.testDriverBtn {
	display: block;
	float: right;
	border: 1px solid #bb1511;
	line-height: 30px;
	padding: 0 15px;
	margin-top: 9px;
	margin-left: 15px;
	color: #fff;
	background: #bb1511
}

.moreNavList {
	display: none;
	position: absolute;
	right: 0;
	top: 60px;
	background: #fff;
	width: 150px;
	border-top: 1px solid #000;
}

.moreNavList li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #eee;
}


/*左右按钮*/

.prevSmall,
.nextSmall {
	position: absolute;
	width: 40px;
	height: 0;
	top: 50%;
	padding-top: 3%;
	margin-top: -2%;
	cursor: pointer;
	z-index: 2;
	cursor: pointer;
}

.prevSmall {
	background: url("../../image/prev.png") center center no-repeat;
	background-size: 100% auto;
	left: 0;
}

.nextSmall {
	background: url("../../image/next.png") center center no-repeat;
	background-size: 100% auto;
	right: 0;
}

.prevSmalln,
.nextSmalln {
	position: absolute;
	width: 3%;
	height: 0;
	bottom: 5%;
	padding-top: 3%;
	cursor: pointer;
	z-index: 2;
	cursor: pointer;
}

.prevSmalln {
	background: url("../../image/ns_prev.png") center center no-repeat;
	background-size: 100% auto;
	left: 47.1%;
}

.nextSmalln {
	background: url("../../image/ns_next.png") center center no-repeat;
	background-size: 100% auto;
	right: 47%;
}

.prev,
.next {
	position: absolute;
	width: 3%;
	height: 0;
	top: 50%;
	padding-top: 4%;
	cursor: pointer;
	margin-top: -6%;
	z-index: 2;
	cursor: pointer;
}

.prev {
	background: url("../../image/prev_img.png") center center no-repeat;
	background-size: 100% auto;
	left: 0;
}

.next {
	background: url("../../image/next_img.png") center center no-repeat;
	background-size: 100% auto;
	right: 0;
}


/*swiper点*/

.swiper-slide {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.pagination {
	bottom: 8%;
	z-index: 2;
	position: absolute;
	left: 0;
	width: 100%;
}

.pagination .swiper-pagination-switch {
	height: 0;
	width: 0.8%;
	display: inline-block;
	background: none;
	cursor: pointer;
	padding-top: 0.8%;
	border-radius: 50%;
	border: 1px solid #fff;
	margin: 0 1%;
}

.pagination .swiper-pagination-switch.swiper-active-switch {
	background: #fff;
}

.grayBg {
	background: #f3f3f3;
}

.grayBg2 {
	background: #272727;
}

.wgMoreBtn {
	color: #666666;
	letter-spacing: 0.25em;
	line-height: 1em;
	padding: .5% 0;
	background: url("../../image/morebg.png") left bottom repeat-x;
	margin: 2% auto 1.5%;
	display: block;
	width: 5.5em;
	text-align: center;
}

.wgMoreBtn:hover {
	color: #000;
}


/*布局*/

.col2_item img,
.col2_item p,
.col3_item img,
.col3_item p,
.col4_item img,
.col5_item .col5_img img,
.col2_item img,
.footerCarList img,
.col4_item,
.swiperImgV .swiper-slide span img,
.productNav a img {
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	transition: all 1.5s;
}

.forPC {
	display: block;
}

.forWAP,
.forWap {
	display: none;
}

.wapShow {
	display: none;
}

@media all and (min-width:0px) {
	a.img_container img {
		-webkit-transition: all 1.5s ease;
		-moz-transition: all 1.5s ease;
		transition: all 1.5s ease;
	}
	a.img_container:hover img,
	.swiperImgV .swiper-slide span:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
	a.img_container:hover img,
	.footerCarList img:hover,
	.productNav a:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
}

.forPC {
	display: block;
}

.forWAP,
.forWap {
	display: none;
}

.wapShow {
	display: none;
}

/* .wrapper {
	width: 78%;
}

.wrapper_config {
	width: 94%;
} */

.wrapper3 {
	width: 80%;
}

.wrapper4 {
	width: 88%;
}

.wrapper2 {
	width: 65%;
}

.w33 {
	width: 33.33%;
}


/*字号*/


/* .title{padding-bottom: 3%;}
.title h1.pageTitle{padding: 2% 0 0 0;letter-spacing: 0.15em;}
.title h1.pageTitle span{display: block;padding-top: 1%;line-height: 1em;font-size: 1.05em;}
.col2_item .title h1.pageTitle span{ display: block;padding-top: 3%;line-height: 1em; }
.title h4.pageTips{font-weight: normal;letter-spacing: 0.15em;padding: 0.7% 0 0 0;}
.title h4.pageTips span{display: block;padding-top: 1em;line-height: 1em;}
.title h5.pageTips{font-weight: normal;letter-spacing: 0.15em;padding: 0.7% 0 0 0;}
.title h5.pageTips span{display: block;padding-top: 1em;padding-left: 1.5em;background: url(../../image/li.png) left 1.35em no-repeat;}

.font145{font-size: 1.45em; }
.font125{font-size: 1.25em; }
.font130{ font-size: 1.25em; }
.font80{font-size: 80%; }
.font90{font-size: 90%; }
.font105{font-size: 105%; }
.font110{font-size: 115%; }
.font100,.font1{font-size: 1.05em; }
.line1,.title h4.pageTips.line1 span,.title h5.pageTips.line1 span{ line-height: 1em; padding: 0; }
.line225,.title h4.pageTips.line225 span,.title h5.pageTips.line225 span{line-height: 2em;padding: 0;}
.line2,.title h4.pageTips.line2 span,.title h5.pageTips.line2 span{ line-height: 2em; padding: 0; }
.line175,.title h4.pageTips.line175 span,.title h5.pageTips.line175 span{ line-height: 1.75em; padding: 0; } */
.blackBg{background: #0c0b14}
.title { color: #000}

.title h1.pageTitle {
	/*
	font-family: "NotoSansCJKscMedium";
	*/
}

.title h1.pageTitle span {
/*	font-family: "Mazda_Type_Medium";*/
}

.title h4.pageTips {
	/*
	font-family: "NotoSansCJKscMedium";
	*/
	font-weight: normal;
}

.title h4.pageTips span {
	/*
	font-family: "Mazda_Type_Medium";
	*/
}

.title h2.pageTitle {}

.title h2.pageTitle span {
	display: block;
}

.title p.pageTips {
	font-weight: normal;
}

.title p.pageTips span {
	display: block;
}

.title h5.pageTips {
	font-weight: normal;
}

.title h5.pageTips span {
	display: block;
	padding-left: 1.5em;
	background: url("../../image/li.png") left 1.35em no-repeat;
}

.title .pageTips span.listTips {
	display: block;
	padding-left: 1.5em;
	background: url("../../image/li.png") left 0.75em no-repeat;
}

.title h1.pageTitle span.englishT {
	font-weight: normal;
}


.col1_list {
	width: 100%;
	position: relative;
}

.col1_item {
	position: relative;
	width: 100%;
}

.col1_item1 {}

.title h1.pageTitle.font130 span {
	font-size: 1.1em;
}

.col2_list {
	clear: both;
	overflow: hidden;
	zoom: 1;
	position: relative;
}

.col2_item {
	float: left;
	position: relative;
	overflow: hidden;
	align-self: center;
}

.col2_item .col2_img {
	overflow: hidden;
}

.col2_item img {}

.col2_item .col2_text {
	position: absolute;
	bottom: 0.5em;
	width: 100%;
}

.col2_item .col2_text h1 {
	font-weight: normal;
	padding: 0.5em 0;
}

.col2_item .col2_text p {
	padding: 0;
	height: 0;
	overflow: hidden;
}

.col2_item:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.col2_item:hover .col2_text {}

.col2_item:hover .col2_text h1 {}

.col2_item:hover .col2_text p {
	height: 2em;
}

.col2_item.col2_text {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
}

.col2_item.col1_text {
	position: absolute;
	height: 100%;
	top: 0;
}

.va .flImg {
	float: right;
}

.va .col2_item.col2_text {
	right: auto;
	left: 0;
}

.col3_list {
	clear: both;
	overflow: hidden;
	zoom: 1;
}

.col3_item {
	width: 33.33%;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.col3_item .col3_img {
	overflow: hidden;
}

.col3_item img {}

.col3_item .col3_text {
	position: absolute;
	bottom: 1em;
	width: 100%;
}

.col3_item .col3_text h1 {
	font-weight: normal;
	padding: 0.5em 0;
}

.col3_item .col3_text p {
	padding: 0;
	height: 0;
	overflow: hidden;
}

.col3_item:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.col3_item:hover .col3_text {}

.col3_item:hover .col3_text h1 {}

.col3_item:hover .col3_text p {
	height: 2em;
}

.col4_list {
	margin: 0 auto;
	overflow: hidden;
	clear: both;
	zoom: 1;
}

.col4_item {
	width: 24%;
	float: left;
	margin: 0 0.5%;
	background: #161616;
	position: relative;
	padding-top: 31%;
}

.col4_item .col4_img {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.col4_item img {}

.col4_item .col4_text {
	padding: 10% 13% 13% 13%;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 63%;
}

.col4_item .col4_text h1 {
	font-weight: normal;
	padding-bottom: 1em;
	letter-spacing: 0.2em;
}

.col4_item .col4_text p {
	letter-spacing: 0.05em;
}

.col4_item:hover {
	background: #373737;
}

.col4_item:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.col4_item:hover .col4_text {}

.col4_item:hover .col4_text h1 {}

.col4_item:hover .col4_text p {}

.col5_list {
	margin: 0 auto;
	overflow: hidden;
	clear: both;
	zoom: 1;
	width: 85%;
}

.col5_item {
	width: 19%;
	float: left;
	margin: 0 0.5%;
	background: #161616;
	position: relative;
	padding-top: 32%;
}

.col5_item .col5_img {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.col5_item img {}

.col5_item .col5_text {
	padding: 9% 2% 13% 2%;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 70%;
	width: 96%;
	color: #d0cece;
}

.col5_item .col5_text h1 {
	font-weight: normal;
	padding-bottom: 1em;
	letter-spacing: 0.2em;
}

.col5_item .col5_text p {
	letter-spacing: 0.05em;
}

.col5_item:hover {
	background: #373737;
}

.col5_item:hover .col5_img img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.col5_item:hover .col5_text {}

.col5_item:hover .col5_text h1 {}

.col5_item:hover .col5_text p {}

.w100 {
	width: 100%;
}

.w975 {
	width: 97.5%;
	margin: 0 auto;
}

.w97 {
	width: 97%;
	margin: 0 auto;
}

.w85 {
	width: 85%;
}

.w80 {
	width: 80%;
	margin: 0 auto;
}

.w60 {
	width: 60%;
	margin: 0 auto;
}

.w50 {
	width: 50%;
}

.w70 {
	width: 70%;
	margin: 0 auto;
}

.w40 {
	width: 40%;
	margin: 0 auto;
}
.w30 {
	width: 30%;
	margin: 0 auto;
}

.w45 {
	width: 45%;
}
.w20 {
	width: 20%;
}
.w15 {
	width: 15%;
}

.leftText {
	text-align: left;
}

.padding2 {
	padding: 1% 0 2% 0;
}

.morePage {}




/*侧导航*/

.rightPanel {
	position: fixed;
	bottom: 3%;
	right: 10px;
	z-index: 2000;
	display: none;
}

.rightPanel ul li {
	margin-bottom: 2px;
	overflow: hidden;
	cursor: pointer;
}

.rightPanel ul li p {
	position: relative;
	display: none;
	visibility: hidden;
	padding: 0 1.5em;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	z-index: 50
}

.rightPanel ul li img,
.rightPanel ul li p {
	position: relative;
	float: left;
}

.rightPanel ul li img {
	float: right;
	z-index: 100;
	background: #000000;
}

.rightPanel ul li:hover p {
	display: block;
	visibility: visible;
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.rightPanel ul li:hover {
	background: url("../../image/navbg.png") repeat;
	width: auto;
}

.pageC .pagination {
	position: static;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

.jqqd {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
	z-index: 99999;
}

.jqqd .closeW {
	position: absolute;
	right: 30px;
	top: 30px;
	display: block;
	width: 30px;
	height: 30px;
	background: url("../../image/close_w.png") center center no-repeat;
}

.jqqd .jqqdImg {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -24.5%;
}


/*预约试驾*/
.test_drive{ width: 1200px; margin: 0 auto; height:660px ;overflow: hidden;}
.test_drive .l{float: left; height: 660px;}
.test_drive .l img{height: 100%;}
.test_drive .r{float: right; width: 400px;}
.test_drive .r h1 {
	font-size: 2em;
	color: #fff;
	/*
	font-family: "NotoSansCJKscMedium";
	*/
	font-weight: normal;
	margin-top: 6rem;
}


iframe {
	display: none;
}

.testWrapper {
	position: relative;
	width: 97%;
	left: 0%;
}

.testWrapper.second_test {
	background: #fff;
	z-index: 999;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}

.testCont {
	width: 50%;
	height: 100%;
	margin: 0 auto;
	padding-left: 50%;
	position: relative;
}

.form {
	position: relative;
}

.formList {
	width: 100%;
	float: left;
}

.formList.formLast {
	width: 100%;
}

.formItem {
	padding: 0.35em 0;
}

.formItem span {
	width: 100%;
	display: block;
	line-height: 30px;
	height: 30px;
	text-align: left;
}

.formItem span em {
	margin-right: 0.5em;
}

.formItem p {
	width: 100%;
	border: 0;
	padding: 0;
}

.formItem p span {
	width: 100%;
	/*overflow: hidden;
	background: url(../../image/sel2.png) right center no-repeat #fff;*/
}

.formItem p input {
	width: 100%;
	border: #ddd 1px solid;
	height: 1.75em;
	line-height: 1.75em;
	display: block;
	color: #000;
	text-indent: 0.5em;
	color: #000;

}

.formItem p em {}

.formItem p select {
	height: 40px;
	line-height: 40px;
	width: 100%;
	border: #ddd 1px solid;
	background: none;
	color: #000;
}

.formItem.readyCon {
	position: relative;
	padding: 9px 0 0 32px;
}

.formItem.readyCon .check {
	position: absolute;
	left: 10px;
	top: 11px;
}

.formItem.readyCon p {
	height: auto;
	line-height: 1.25em;
	font-size: 0.9em;
	text-align: left;
	width: 100%;
	font-size: 12px;
	border: none;
	padding: 0;
}

.formItem.readyCon p strong {
	display: block;
	color: #000;
}

.formItem.readyCon .testbtn {
	background: #000;
	display: block;
	text-align: center;
	height: 40px;
	line-height: 40px;
	float: left;
	width: 107%;
	margin-top: 1.5em;
	margin-left: -32px;
	color: #fff;
}

.formList.formtext {
	width: 100%;
}

.formList.formtext span.tt {
	width: 100%;
}

.testWrapper.on {
	position: fixed;
	width: 100%;
}


/*配置表*/


.wrapper_config .logo{
	width: 1.5rem;
	margin: 20px auto 0;
}
.wrapper_config .logo img{
	display: block;
	max-width: 100%;
	width: 100%;
}
.select_configuration {
	/* position: absolute;
	top: 60px; */
	/* left: 15%; */
	/* transform: translate(-50%); */
    /* left: 50%; */
	width: 780px;
	overflow: hidden;
	z-index: 99;
	margin:15px auto;
}
.configScroll {
	position: absolute;
	width: 100%;
	/* height: 88%; */
	/* height: 100%; */
	/* bottom: 0; */
	/* top: 100px; */
	overflow: hidden;
	font-size: 90%;
	padding-top: 69px;
}
.configWrapper {
	/* position: fixed;
	left: 0;
	top: 0; */
	width: 100%;
	/* height: 100vh; */
	background: #fff;
	z-index: 999;
}

.config {
	padding-top: 50px;
	margin: 0 auto;
	/* padding-top: 53%; */
	height: 0;
	position: relative;
}

.config h1 {
	position: absolute;
	font-size: 1.75em;
	font-weight: normal;
	margin-bottom: 2%;
	top: 5%;
	width: 100%;
}

.configWrapper .closeConfig {
	text-indent: -999em;
	width: 40px;
	height: 40px;
	background: url("../../image/close.jpg") center center no-repeat;
	background-size: 100%;
	text-indent: -9999em;
	display: block;
	right: 3%;
	top: 3%;
	position: absolute;
	z-index: 999;
}

.congfigTab {
	background: #373737;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/* border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc; */
}
.congfigTab tr,.congfigTab tbody{
	border-bottom: 1px solid #ccc;
}
.congfigTab th {
	color: #ffffff;
	font-weight: normal;
}

.congfigTab td {
	text-align: center;
	color: #ffffff;
	font-size: 1em;
}

.congfigTab td,
.congfigTab th {
	font-size: 100%;
	word-break: break-all;
	word-wrap: break-word;
	padding: 0.5em;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #000;
}

.congfigTab .config-tbody1 td,
.congfigTab .config-tbody1 th {
	background: #f1f1f3;
	padding-left: .15rem;
}

.congfigTab thead th {
	background: #1e1d1f;
	color: #fff;
	text-align: center;
}

.congfigTab thead td {
	background: #373737;
}

tr.conTitle {
	background: url("../image/jia2.png") 98% center no-repeat #ffffff;
	font-weight: bold;
	font-size: 14px;
}
tr.conTitle th span{
	display: inline-block;
	transform: scale(0.7) translateY(-10px);
}

tr.conTitle.showA {
	background: url("../image/jian2.png") 98% center no-repeat #ffffff;
}


/* td.left{  text-align: left; padding-left: 2em; } */

td.left {
	text-align: left;
}

.config-tbody1 {
	display: none;
}

.configTips {
	width: 100%;
	padding:.3rem;
	/* padding: 2% 2% 15% 5%; */
	text-align: left;
	position: relative;
	border-top: 0.01rem solid #cccccc;
}

.configTips h1 {
	position: absolute;
	left: 5%;
	font-size: 1em;
	margin-left: -2em;
}

.congfigTab td span {
	display: block;
	padding: 0.25em 0 0.25em 1em;
}

.congfigTab tr.td td {
	word-break: break-all;
	word-wrap: break-word;
	padding: 0 0 0.5em 0;
	border-top: none;
}

.congfigTab tr.td th {
	border-top: none;
}

.congfigTab tr.td td.left {
	padding-left: 2em;
	border-top: 1px solid #373737;
}

.configTitle tbody {
	display: none;
}

.configTitle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2
}

.configScrollItem {
	height: 100%;
	overflow: hidden;
	border-bottom: 1px solid #d0cece;
	border-left: 1px solid #d0cece;
	border-right: 1px solid #d0cece;
	margin-top: 0;
}
.mCSB_outside+.mCSB_scrollTools {
	right: -5px;
}

.conTitle th,
.congfigTab th {
	text-align: left;
}

tr.conTitle th {
	font-weight: bold;
	padding-left: .15rem;
}

.closeTest {
	text-indent: -999em;
	width: 2.5%;
	height: 0;
	padding-top: 2.5%;
	background: url("../../image/close.png") center center no-repeat;
	background-size: 100%;
	text-indent: -9999em;
	display: block;
	right: 0;
	top: -15%;
	position: absolute;
}


/*购车计算器*/

.calculatortest {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #000;
	z-index: 999;
}

.cal_ontent {
	width: 65%;
	margin: 0 auto;
	height: 90%;
}

.cal_ontent h1 {
	text-align: left;
	font-size: 1.75em;
	font-weight: normal;
	position: relative;
	padding-bottom: 0.5%;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.calculatortest .closeCal {
	text-indent: -999em;
	width: 40px;
	height: 40px;
	background: url("../../image/close.jpg") center center no-repeat;
	background-size: 100%;
	text-indent: -9999em;
	z-index: 9;
	display: block;
	right: 3%;
	top: 3%;
	position: absolute;
}

.cal_item {
	padding-top: 2%;
	height: 88%;
	/* overflow-y: scroll; */
}

.cal_item .buy_li li {
	padding: 10px 0;
	display: block;
	text-align: center;
	float: left;
	width: 375px;
	font-size: 14px;
	height: 34px;
}

.cal_item .buy_li li span {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 24px;
	width: 85px;
	text-align: left;
	padding-top: 0.5em;
}

.cal_item .buy_li li span.sell {
	width: 60%;
	padding: 0.25em 0.75em 0.5em 0.25em;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}

.cal_item .buy_li li span.sel {
	background: url("../../image/sel.jpg") right center no-repeat;
	border-radius: 2px;
}

.cal_item .buy_li li span em {
	margin-right: 8px;
	font-style: normal;
	font-weight: bold;
	position: relative;
	top: 3px;
}

.cal_item .buy_li li span.sell em {
	display: block;
	width: 100%;
}

.cal_item .buy_li li select,
.cal_item .buy_li li input {
	background: none;
	border: none;
	padding: 0;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 1em;
	display: block;
}

.cal_item .buy_li select {
	width: 114%;
}

.cal_item .buy_li li.form_long_list {
	width: 100%;
	float: left;
	height: auto;
}

.cal_item .buy_li li.form_long_list .gender {
	width: 400px;
	text-align: left;
	line-height: 1.5em;
	height: 1.5em;
	position: relative;
	padding-left: 2em;
}

.cal_item .buy_li li.form_long_list .gender em {
	display: inline-block;
	height: 1.5em;
}

.cal_item .buy_li li.form_long_list .gender em.icon {
	background: url("../../image/redio2.jpg") center center no-repeat;
	background-size: 100%;
	width: 1.5em;
	position: absolute;
	left: 0;
	top: 0.5em;
}

.cal_item .buy_li li.form_long_list .gender input {
	display: none;
}

.cal_item .buy_more_list h1 {
	background: #282828;
	color: #fff;
	font-size: 1.25em;
	padding: 0.8% 0;
	border: none;
	width: 100%;
	text-indent: 1em;
}

.cal_item .buy_more_list ul {
	padding: 0;
	font-size: 1.05em;
	overflow: hidden;
}

.cal_item .buy_more_list ul li {
	width: 100%;
	border-bottom: 1px solid #434343;
	padding: 1% 0;
	height: auto;
	text-align: left;
}

.cal_item .buy_more_list ul li span {
	text-align: right;
	width: 7em;
	display: inline-block;
	display: inline;
	zoom: 1;
	margin-left: -0.3em;
}

.cal_item .buy_more_list ul li span.money {
	width: 10em;
	text-align: left;
	padding-left: 1%;
}

.cal_item .buy_more_list ul li span.buy_details {
	width: 550px;
	text-align: left;
	font-weight: normal;
	color: #333;
}

.cal_item .buy_zj {
	background: #0b0b0b;
	padding: 15px;
	text-align: center;
	font-size: 16px;
}

.cal_item .buy_zj p {
	color: #fff;
	line-height: 1.75em;
	font-size: 1.25em;
}

.cal_item .buy_zj p em {
	padding: 0 5px;
	font-style: normal;
}

.cal_item .buy_li li.form_long_list2 .gender {
	width: 400px;
	text-align: left;
}

.cal_item .buy_li li span.gender {
	width: 150px;
	float: left;
}

.cal_item .buy_li li span.gender input {
	width: 15px;
	margin-left: 15px;
	height: 15px;
}

.d-carframes {
	position: absolute;
	top: 0;
	margin: -4% -7% 0 0;
	width: 100%;
	right: 0;
}

.index-loading {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .8);
	z-index: 5;
}

.index-loading em {
	position: absolute;
	width: 100%;
	display: block;
	top: 50%;
	left: 0;
	margin-top: 0.5em;
	font-style: normal;
}

.testMain {
	width: 410px;
	margin: 0 auto;
	position: absolute;
	right: 10%;
	top: 50%;
	margin-top: -17em;
}

.testMain h1 {
	font-size: 2em;
	/*
	font-family: "NotoSansCJKscMedium";
	*/
	font-weight: normal;
}

.testbg {
	position: absolute;
	width: 50%;
	left: 0;
	top: 0;
}


/*经销商查询*/

.dealerCon {
	position: fixed;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -999;
}

.dealerCC {
	width: 50%;
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 50%;
	height: 100%;
}

.dealerClose,
.closeTest {
	text-indent: -999em;
	width: 40px;
	height: 40px;
	background: url("../../image/close.jpg") center center no-repeat;
	background-size: 100%;
	text-indent: -9999em;
	display: block;
	right: 3%;
	top: 3%;
	position: absolute;
	z-index: 2;
}

.jxs_search_con {
	/* height: 90%; */
	position: absolute;
	width: 50%;
	right: 0;
	top: 50%;
	margin-top: -275px;
}

.map {
	width: 50%;
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
}

#allmap {
	width: 100%;
	height: 100%;
}

.dealerCC h1 {
	text-align: left;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0.5em 0;
	text-align: center;
}

.sear_list {
	margin: 0 auto;
	width: 50%;
	height: 500px;
}

.sear_list .sel {
	float: left;
	background: url("../../image/sel.jpg") right center no-repeat;
	border-radius: 2px;
	margin-left: 0;
	width: 90%;
	padding: 0.75em;
	margin-bottom: 3%;
	border: 1px solid #ddd;
}

.sear_list .sel p {
	line-height: 1.5em;
	height: 1.5em;
	width: 100%;
	overflow: hidden;
}

.sear_list .sel select {
	background: none;
	border: none;
	padding: 0;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 1em;
	display: block;
	width: 114%;
}

.dealer_list {}

.dealer_list li {
	border-bottom: 1px solid #999;
	padding: 2% 0;
}

.dealer_list {
	/* margin-top: 10px; */
	height: 55%;
	overflow: hidden;
	overflow-x: hidden;
	width: 94%;
	float: left;
	overflow-y: scroll;
}

.dealer_list li h2 {
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
	color: #000;
	background: url("../../image/jia.jpg") right center no-repeat;
}

.dealer_list h2.navhover {
	color: #0081d4;
}

.dealer_list li span.sear_con {
	display: none;
	width: 100%;
	font-size: 1em;
	text-align: left;
	margin-top: 0.5em;
	color: #000;
	line-height: 1.55em;
}

.dealer_list li.active span.sear_con {
	display: block;
}

.dealer_list li.active h2 {
	background: none;
}

.carDiff1,
.carDiff2 {
	position: fixed;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -999;
}

.carDiff2 {
	position: fixed;
}

.closeDiff {
	text-indent: -999em;
	width: 40px;
	height: 40px;
	background: url("../../image/close.jpg") center center no-repeat;
	background-size: 100%;
	text-indent: -9999em;
	display: block;
	right: 3%;
	top: 3%;
	position: absolute;
	z-index: 2;
}

.diffCon1 {
	width: 70%;
	margin: 0 auto;
	height: 62px;
	position: relative;
	padding: 2% 0;
}

.diffCon2 {
	width: 70%;
	margin: 0 auto;
	position: relative;
	padding: 1% 0;
}

.diffCon1 h1,
.diffCon2 h1 {
	text-align: left;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0.5em 0;
	text-align: center;
}

.diffCon1 p {}

.diffConCarList {
	width: 70%;
	margin: 30px auto 0;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

.diffConCarList .diffCarItem {
	width: 20%;
	padding: 0 2.5%;
	float: left;
	cursor: pointer;
	margin: 0 auto 10px;
}

.diffConCarList.win2 .diffCarItem {
	width: 20%;
	padding: 0 15%;
}

.diffConCarList.win3 .diffCarItem {
	width: 20%;
	padding: 0 6.6%;
}

.diffConCarList.win4 .diffCarItem {
	width: 20%;
	padding: 0 2.5%;
}

.diffConCarList .diffCarItem p {}

.diffConCarList .diffCarItem p strong {
	display: block;
}

.diffConCarList .diffCarItem p span {
	display: block;
	width: 100%;
}

.diffConCarList .diffCarItem span.che {
	width: 28px;
	height: 28px;
	margin: 15px auto;
	background: url("../../image/che.png") 0 0 no-repeat;
	background-size: 100% auto;
	display: block;
	text-indent: -9999em;
}

.diffConCarList .diffCarItem.active span.che {
	background-position: 0 -28px;
}

.diffConCarList .diffCarItem p em {}

.diffConCarList .diffCarItem .cho_car {
	margin: 0 auto;
	width: 100%;
}

.diffStartBtn {
	height: 40px;
	line-height: 40px;
}

.diffStartBtn .diffBtn {
	display: block;
	width: 250px;
	height: 40px;
	line-height: 40px;
	background: #000;
	color: #fff;
	margin: 0 auto;
}

.diffConCarList2 {
	margin: 0 auto;
	padding-bottom: 1%;
}

.diffConCarList2 .diffCarItem {
	position: relative;
	width: 20%;
	padding: 0 2.5%;
	float: left;
	margin: 0 0 10px -1px;
}

.diffConCarList2 .line {
	position: absolute;
	height: 100%;
	border-left: 1px solid #d0cece;
	top: 0;
	left: 0;
}

.carDiffFIX {
	background: #fff;
	position: absolute;
	width: 100%;
}

.diffConBtn {
	padding: 20px 0 10px;
	width: 70%;
	margin: 0 auto;
	text-align: left;
	line-height: 20px;
}

.diffActive {
	width: 90px;
	float: left;
	border: 1px solid #000;
	height: 20px;
	line-height: 19px;
	border-radius: 5px;
	margin-right: 0.5em;
	position: relative;
	cursor: pointer;
}

.diffActive span {
	width: 50%;
	height: 16px;
	background: #000;
	display: block;
	position: absolute;
	border-radius: 5px;
	left: 2px;
	top: 2px;
}

.diffActive.active span {
	left: 43px;
}

.diffBB {}

.diffConMain {
	background: #f3f3f3;
	margin-top: 327px;
}

.diffConMain .diffConItem {
	width: 70%;
	margin: 0 auto;
	border-bottom: 1px solid #aaa;
}

.diffConMain .diffConItemTitle {
	text-align: left;
	padding: 1em 1.5em;
	background: url("../../image/jia2.png") 98% center no-repeat;
	background-size: auto 30%;
	cursor: pointer;
}

.diffConMain .diffConItemMain {
	display: none;
	overflow: hidden;
}

.diffConItem.show .diffConItemTitle {
	background: url("../../image/jian2.png") 98% center no-repeat;
	background-size: auto 30%;
}

.diffConMain .diffConMainItem h2 {
	background: #fff;
	padding: 0.5em 0;
}

.diffConMain .diffConMainItem ul.diffConList {
	clear: both;
	overflow: hidden;
	zoom: 1;
	padding: 0.5em 0;
	font-size: 90%;
	margin-left: -1px;
}

.diffConMain .diffConMainItem ul.diffConList li {
	float: left;
	width: 25%;
	padding: 0.15em 0;
	position: relative;
}

.diffConMain .diffConMainItem ul.diffConList li span.line {
	position: absolute;
	left: 0;
	top: 0;
	border-left: 1px solid #aaa;
	height: 100%;
}

.diffConItem.show .diffConItemMain {
	display: block;
}

.diffConMain.win2 .diffConMainItem ul.diffConList li {
	width: 45%;
	padding: 0.15em 2.5%;
}

.diffConMain.win3 .diffConMainItem ul.diffConList li {
	width: 30.3%;
	padding: 0.15em 1.5%;
}

.diffConMain.win4 .diffConMainItem ul.diffConList li {
	width: 25%;
	padding: 0.15em 0;
}

.mCSB_inside>.mCSB_container,
.mCSB_inside>.mCSB_container,
.mCSB_container {
	margin: 0
}

.config-tbody1 tr:nth-child(2n) th,
.config-tbody1 tr:nth-child(2n) td {
	background: #fff;
}


/* th.lastT,td.lastT{ display: none; }
 */

.title h1.pageTitle span.englishT {
	color: #333333;
	font-size: 80%;
	letter-spacing: 0.15em;
	font-weight: normal;
}




.feature1,
.feature2,
.feature3,
.feature4,
.feature5 {
	opacity: 0;
	-webkit-transform: translateY(40px);
	-ms-transform: translateY(40px);
	transform: translateY(40px);
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

.feature2 {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}

.feature3 {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}

.feature4 {
	-webkit-transition-delay: .9s;
	transition-delay: .9s;
}

.feature5 {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}

.feature6 {
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.animate .feature1,
.animate .feature2,
.animate .feature3,
.animate .feature4,
.animate .feature5 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

@media screen and (max-width: 1367px) {
	.congfigTab td,
	.congfigTab th {
		font-size: 100%;
		word-break: break-all;
		word-wrap: break-word;
		
		border-left: 1px solid #d0cece;
		border-top: 1px solid #d0cece;
		color: #000;
	}
}
.congfigTab td,.congfigTab th
	 {
		border-top: 1px solid #d0cece;
		border-left: 1px solid #d0cece;
		padding: 0.7em 0.1em;
	}