* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

html {
	overflow-x: hidden;
	text-size-adjust: 100% !important;
	font-size: 100px !important;
}

html {
	font-size: 3.90625vw !important;
}

body {
	color: rgb(33, 33, 33);
	font-family: Arial, sans-serif;
	background-color: rgb(255, 255, 255);
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-size: max(0.18rem, 14px);
	line-height: 1.5;
	background-color: #f8f8f6;
	visibility: hidden;
}

li {
	list-style: none;
	text-decoration: none;
}

a {
	color: inherit;
	text-decoration: none;
}

div,
li {
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

html,
body {
	overflow-x: hidden;
}

body::-webkit-scrollbar {
	background: #fff;

}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
}

.indexPage {
	background-color: rgb(238, 237, 234);
}

.head {
	background: rgba(33, 33, 33, 0.8);
	display: flex;
	justify-content: space-between;
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 1000;
	padding: 0.12rem 0.7rem;
	height: 56px;
	box-sizing: border-box;
}

.head.fix .headMenu {
	display: none !important;
}

.logo {
	width: 3.61rem;
	display: flex;
	align-items: center;
}

.headNav {
	display: flex;
	align-items: center;
}

.headNav .item {
	margin-left: 0.14rem;
}

.headNav .item:nth-child(4) .itemCon {
	border: none;
	background-color: transparent !important;
}

.headNav .item:nth-child(5) .itemCon {
	border: none;
	background-color: transparent !important;
}

.headNav .itemCon {
	color: rgb(255, 255, 255);
	border-radius: 18px;
	border: 1px solid rgb(255, 255, 255);
	padding: : 0.02rem 0.3rem 0.03rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease 0s;
}

.headNav .itemCon:hover {
	background-color: rgb(82, 76, 66);
	color: rgb(255, 255, 255);
	transition: background 0.3s ease 0s;
}

.headNav .item:nth-child(4) .itemCon {
	border: none;
}

.headNav .item:nth-child(5) .itemCon {
	border: none;
	padding-right: 0px;
}

.headNav .itemCon:hover {
	border: 1px solid rgb(255, 255, 255);
	background: rgb(82, 76, 66);
}

.headNav .itemCon img {
	width: 0.19rem;
	display: block;
}

.headNav .onlineBuy {
	background-color: rgb(208, 45, 45);
	border-color: transparent;
	color: rgb(255, 255, 255);
	transition: border 0.3s ease 0s;
}

.headNav .onlineBuy:hover {
	background-color: rgb(208, 45, 45);
	border: 1px solid rgb(255, 255, 255);
}

.headNav .top_menu_w:hover {
	border: 1px solid rgb(255, 255, 255);
	background: rgb(208, 45, 45);
}

.headMenu {
	position: fixed;
	left: 0px;
	display: flex;
	flex-direction: column;
	height: calc(100vh - 0.56rem);
	top: 0.56rem;
	justify-content: center;
	align-items: center;
	padding-left: 0.7rem;
	z-index: 2;
}

.headMenu .itemCon {
	background: rgb(131, 119, 99);
	border-radius: 55px;
	padding: : 0.02rem 0.3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.16rem;
	border: 1px solid transparent;
}

.headMenu .itemCon:hover {
	border: 1px solid rgb(255, 255, 255);
	background: rgb(82, 76, 66);
}

.carType {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 0.10rem;
	background-color: rgb(238, 237, 234);
}

.carType .item {
	width: calc(50% - 0.06rem);
	position: relative;
	overflow: hidden;
}

.carType .fontBox {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.43);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: transform 0.3s ease 0s;
	cursor: pointer;
}

.carType .fontBox .title {
	font-weight: 600;
	font-size: 0.56rem;
	font-size: max(0.56rem, 18px);
	color: rgb(255, 255, 255);
}

.carType .fontBox .subTitle {
	color: rgb(207, 201, 186);
	margin-top: 0.24rem;
	margin-bottom: 0.24rem;
}

.more {
	background: rgb(208, 45, 45);
	font-size: 14px;
	font-size: max(0.18rem, 14px);
	color: rgb(255, 255, 255);
	border-radius: 18px;
	border: 1px solid transparent;
	padding: 0.03rem 0.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease 0s;
	line-height: 1.5;
}

.moreWhite {
	background: rgb(255, 255, 255);
	border-radius: 0.36rem;
	font-size: 14px;
	font-size: max(0.18rem, 14px);
	color: rgb(0, 0, 0);
	margin-top: 0.42rem;
	padding: 0.03rem 0.3rem;
	border: 1px solid transparent;
	line-height: 1.5;
	transition: all 0.3s ease 0s;
	display: flex;
}

.moreWhite:hover {
	background: rgb(208, 45, 45) !important;
	color: rgb(255, 255, 255) !important;
}

.more:hover {
	border: 1px solid rgb(255, 255, 255);
}

.carType .item:hover .fontBox {
	background-color: rgba(0, 0, 0, 0.13);
}

.carType .item:nth-child(2n) .fontBox {
	background-color: rgba(0, 0, 0, 0.4);
	text-align:center;
}

.carType .item .itemCon {
	width: 100%;
	overflow: hidden;
}

.carType .item .itemCon img {
	transition: transform 0.3s ease 0s;
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.carType .item:hover .itemCon img {
	transform: scale(1.1);
}

.publicH2 {
	font-size: 0.56rem;
	font-size: max(0.56rem, 18px);
	color: rgb(33, 33, 33);
	padding-left: 0.7rem;
	padding-right: 0.7rem;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
}

.publicIntro {
	margin: 0.1rem auto 0px;
	color: rgb(131, 119, 99);
	padding-left: 0.7rem;
	padding-right: 0.7rem;
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 0.8rem;
	text-align: center;
	position: relative;
	max-width: 15.00rem;
	animation-delay: 0.2s;
}

.publicIntro2 {
	margin: 0px auto;
	text-align: center;
	max-width: 15.00rem;
}

.top_menu_icon {
	position: absolute;
	top: 8rem;
	left: 0rem;
}

.top_menu_icon a {
	color: #c63131;
	background-image: url("../uploads/top_menu_icona.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 0.4rem;
	padding-bottom: 0.01rem;
}


.top_menu_iconen {
	position: absolute;
	top: 8rem;
	left: 0.7rem;
}

.top_menu_iconen a {
	color: #c63131;
	background-image: url("../uploads/top_menu_icona.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 0.4rem;
	padding-bottom: 0.01rem;
}


@media screen and (max-width: 1921px) {
	.publicIntro {
		max-width: 1090px;
	}

	.publicIntro2 {
		max-width: 1090px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

.CyclingLife {
	width: 100%;
	background: rgb(238, 237, 234);
	padding-top: 1.68rem;
}

.CyclingLife .publicH2 {
	text-align: left;
	padding-left: 0.7rem;
	padding-right: 0.7rem;
}

.CyclingLife .publicIntro {
	text-align: left;
	max-width: 100%;
}

.banner {
	width: 100vw;
	background-color: rgb(33, 33, 33);
}

.banner {
	width: 100%;
	height: 100vh;
	z-index: 10000;
	position: relative;
	min-height: 12.80rem;
}

.banner .swiper-container {
	width: 100%;
	height: 100%;
}

.banner .swiper-slide {
	background-color: rgb(33, 33, 33);
}

.banner .sliderDesc {
	position: relative;
	width: 100%;
	height: 100%;
}

.banner .slideYears {
	font-size: 3.80rem;
	line-height: 3rem;
	position: absolute;
	left: 13.5%;
	top: 23.333%;
	z-index: 5;
	transform: translate3d(40rem, 0px, 0px);
	transition: transform 1.4s ease 0s;
	opacity: 0;
}

.banner .lm {
	width: 4.90rem;
	position: absolute;
	left: 14.5%;
	top: 12%;
	z-index: 5;
	transform: translate3d(0.15rem, 0px, 0px);
	transition: transform 1s ease 0s;
	opacity: 0;
}

.banner .slideYears h2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: rgb(255, 255, 255);
}

.banner .cBrown {
	color: rgb(131, 119, 99);
}

.banner .slideBusImg {
	width: 8.34rem;
	position: absolute;
	left: 41.875%;
	top: 20.333%;
	z-index: 5;
	transform: translate3d(30rem, 0px, 0px);
	transition: transform 1.4s ease 0.2s;
	opacity: 0;
}
@media screen and (max-width:760px) {
	.banner .slideBusImg {
		width: 16.34rem !important;
		left: 32.875% !important;
		top: 17.333% !important;
	}

    .top_menu_iconen {
	position: absolute;
	top: 38rem;
	left: 0.7rem;
}

.top_menu_iconen a {
	color: #c63131;
	background-image: url("../uploads/top_menu_icona.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.4rem;
	padding-bottom: 0.01rem;
}


}


.banner .mt01 {
	width: 100%;
}

.banner .actionDecadeBox {
	position: absolute;
	left: 13.5%;
	bottom: 1.3rem;
}

.banner .actionDecade {
	display: flex;
	align-items: center;
	opacity: 0;
	transform: translate3d(0px, 0.2rem, 0px);
	transition: transform 1s ease 0s;
}

.lmFont {
	position: absolute;
	bottom: 1.40rem;
	left: 6.88rem;
	color: rgb(131, 119, 99);
	font-size: 12px;
	font-size: max(0.14rem, 12px);
	opacity: 0;
	transform: translate3d(0px, 0.2rem, 0px);
	transition: transform 1.2s ease 0s;
}

.banner .swiper-slide-active .lmFont {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
	transition: all 1s ease 1.05s;
}

.banner .swiper-slide-active .actionDecade {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
	transition: all 1s ease 0s;
}

.banner .swiper-slide-active .actionDecade {
	transition-delay: 1.2s;
}

.banner .actionDecade .addIcon {
	width: 0.94rem;
	height: 0.94rem;
	background: rgb(208, 45, 45);
	border-radius: 50%;
	border: none;
	transition: transform 0.3s ease 0s;
}

.banner .actionDecade .addIcon img {
	width: 100%;
	height: 100%;
	transition: transform 0.3s ease 0s;
}

.banner .actionDecade:hover .addIcon,
.banner .actionDecade .addIcon:hover {
	transform: scale3d(1.2, 1.2, 1);
}

.banner .actionDecade:hover .addIcon img,
.banner .actionDecade .addIcon:hover img {
	transform: rotate(180deg);
}

.banner .slideTitle {
	font-size: max(0.42rem, 14px);
	color: rgb(207, 201, 186);
	margin-left: 0.46rem;
	text-align: left;
}

.banner .titleBoxDiv {
	position: absolute;
	bottom: 1.3rem;
	left: 10.45rem;
	z-index: 22;
}

.banner .titleBox {
	color: rgb(207, 201, 186);
	display: block;
	opacity: 0;
	transform: translate3d(0px, 0.2rem, 0px);
	transition: transform 1s ease 0s;
}

.banner .swiper-slide-active .titleBox {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
	transition: all 1s ease 0s;
}

.banner .swiper-slide-active .titleBox {
	transition-delay: 1.4s;
}

.banner .title {
	position: relative;
	padding-left: 0.62rem;
	text-align: left;
}

.banner .title span {
	text-align: left;
	display: inherit;
}

.banner .title::before {
	content: "";
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	background: rgb(131, 119, 99);
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 0.07rem;
}

.banner .priceBox {
	position: absolute;
	right: 2.56rem;
	top: 8.96rem;
	z-index: 22;
}

.banner .price {
	color: rgb(207, 201, 186);
	opacity: 0;
	transform: translate3d(0px, 0.2rem, 0px);
	transition: transform 1s ease 0s;
}

.banner .price span {
	font-size: 0.3rem;
	font-size: max(0.3rem, 13px);
	text-align: right;
	display: flex;
}

.banner .swiper-slide-active .price {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
	transition: all 1s ease 0s;
}

.banner .swiper-slide-active .price {
	transition-delay: 1.6s;
}

.banner .swiper-button-next {
	width: 0.9rem;
	height: 0.9rem;
	border: 1px solid rgb(131, 119, 99);
	border-radius: 50%;
	background-image: none;
	right: 1.48rem;
	bottom: 0.98rem;
	top: auto;
	margin-top: 0px;
	transition: transform 0.3s ease 0s;
}

.banner .swiper-button-prev {
	width: 0.9rem;
	height: 0.9rem;
	border: 1px solid rgb(131, 119, 99);
	border-radius: 50%;
	background-image: none;
	inset: auto 3.30rem 0.98rem auto;
	margin-top: 0px;
	transition: transform 0.3s ease 0s;
	right: 3.14rem;
	bottom: 0.98rem;
	top: auto;
	left: auto;
}

.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover {
	/* transform: scale(1.15); */
}

.banner .swiper-button-prev img {
	transform: translate3d(0px, 0px, 0px) rotate(0deg);
	top: 0.31rem;
	left: 0.39rem;
	position: absolute;
	transition: transform 0.3s ease 0s;
	width: 0.84rem;
}

.banner .swiper-button-next img {
	transform: translate3d(0px, 0px, 0px) rotate(0deg);
	top: 0.31rem;
	right: 0.39rem;
	position: absolute;
	transition: transform 0.3s ease 0s;
	width: 0.84rem;
}

.banner .swiper-button-next:hover img {
	transform: translate3d(0.7rem, 0px, 0px) rotate(0deg);
}

.banner .swiper-button-prev:hover img {
	transform: translate3d(-0.7rem, 0px, 0px) rotate(0deg);
}

.banner .picBox {
	width: 12.30rem;
	height: 7.20rem;

	position: absolute;
	right: 0.05rem;
	top: 0rem;
	background-color: rgb(33, 33, 33);
}

.banner .picBoxModal {
	width: 12.4rem;
	height: 7.30rem;
	position: absolute;
	right: 0px;
	top: 0rem;
	background-color: rgba(33, 33, 33, 0.84);
	z-index: 4;
}

.banner .picBox .swiper-container {
	width: 100%;
	height: 100%;
}

.banner .slideshow {
	position: absolute;
	width: 12.30rem;
	height: 7.20rem;
	overflow: hidden;
	background-color: rgb(33, 33, 33);
}

.banner .slideshow-image {
	position: absolute;
	width: 100%;
	height: 100%;
	background: 50% 50% / cover no-repeat rgb(33, 33, 33);
	animation-name: kenburns;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 9s;
	opacity: 1;
	transform: scale(1.2);
}

.slideBusImgA .mtImg {
	transition: transform 0.3s ease 0s;
}

.slideBusImgA:hover .mtImg {
	transform: scale(1.1);
}

.banner .slideshow-image:nth-child(1) {
	animation-name: kenburns-1;
	z-index: 4;
}

.banner .slideshow-image:nth-child(2) {
	animation-name: kenburns-2;
	z-index: 3;
}

.banner .slideshow-image:nth-child(3) {
	animation-name: kenburns-3;
	z-index: 2;
}

@-webkit-keyframes kenburns-1 {
	0% {
		opacity: 1;
		transform: scale(1.2);
	}

	1.5625% {
		opacity: 1;
	}

	23.4375% {
		opacity: 1;
	}

	26.5625% {
		opacity: 0;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(1.2);
	}

	98.4375% {
		opacity: 0;
		transform: scale(1.21176);
	}

	100% {
		opacity: 1;
	}
}

@keyframes kenburns-1 {
	0% {
		opacity: 1;
		transform: scale(1.2);
	}

	1.5625% {
		opacity: 1;
	}

	33.4375% {
		opacity: 1;
	}

	36.5625% {
		opacity: 0;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(1.2);
	}

	98.4375% {
		opacity: 0;
		transform: scale(1.21176);
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes kenburns-2 {
	33.4375% {
		opacity: 1;
		transform: scale(1.2);
	}

	51.5625% {
		opacity: 1;
	}

	63.4375% {
		opacity: 1;
	}

	76.5625% {
		opacity: 0;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(1.2);
	}
}

@keyframes kenburns-2 {
	33.4375% {
		opacity: 1;
		transform: scale(1.2);
	}

	51.5625% {
		opacity: 1;
	}

	63.4375% {
		opacity: 1;
	}

	76.5625% {
		opacity: 0;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(1.2);
	}
}

@-webkit-keyframes kenburns-3 {
	63.4375% {
		opacity: 1;
		transform: scale(1.2);
	}

	76.5625% {
		opacity: 1;
	}

	98.4375% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: scale(1);
	}
}

@keyframes kenburns-3 {
	63.4375% {
		opacity: 1;
		transform: scale(1.2);
	}

	76.5625% {
		opacity: 1;
	}

	98.4375% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: scale(1);
	}
}

.swiper-slide-active .lm {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}

.swiper-slide-active .slideYears {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}

.swiper-slide-active .slideBusImg {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}

.qxshBox {
	width: 100%;
	position: relative;
	cursor: pointer;
}

.qxshImg {
	width: 100%;
	position: absolute;
	right: 0rem;
	bottom: 0px;
	cursor: pointer;
}

.qxshBox .qxsh {
	transition: transform 0.3s ease 0s;
}

.qxshBox:hover .qxsh {
	transform: scale(1.1);
}

.imgBox {
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
}

.imgBox img {
	width: 100%;
	height: 100%;
	transition: transform 0.3s ease 0s;
	object-fit: cover;
}

.qbzk {
	background-color: rgb(248, 248, 246);
	padding-top: 1.28rem;
}

.server {}

.server .top {
	display: flex;
	margin-top: 1.68rem;
	position: relative;
	align-items: center;
}

.server .top .imgBox {
	width: 100%;
}

.server .top .right {
	flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: absolute;
	right: 3.40rem;
}

.server .top .imgBox:hover img {
	transform: scale(1.1);
}

.server .subTitle {
	font-size: 0.56rem;
	font-size: max(0.56rem, 18px);
	color: rgb(255, 255, 255);
	box-sizing: border-box;
	font-weight: 600;
	margin-bottom: 0.36rem;
	line-height: 1.6;
}

.redMore {
	background: rgb(208, 45, 45);
	font-size: 14px;
	font-size: max(0.18rem, 14px);
	color: rgb(255, 255, 255);
	border-radius: 18px;
	border: 1px solid transparent;
	padding: 0.03rem 0.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease 0s;
	line-height: 1.5;
}

.redMore:hover {
	border: 1px solid rgb(255, 255, 255);
}

.whiteMore {
	ackground: transparent;
	border-radius: 0.36rem;
	font-size: 14px;
	font-size: max(0.18rem, 14px);
	color: rgb(255, 255, 255);
	padding: 0.03rem 0.3rem;
	border: 1px solid rgb(255, 255, 255);
	line-height: 1.5;
}

.server .serverList {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.server .serverList .item {
	width: calc(33.3333% - 0.06rem);
	margin-top: 0.09rem;
}

.server .serverList .itemCon {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
}

.server .serverList .fontBox {
	width: 100%;
	height: 100%;
	background-color: rgba(33, 33, 33, 0.64);
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.server .serverList .title {
	font-size: 0.56rem;
	font-size: max(0.56rem, 18px);
	color: rgb(255, 255, 255);
	font-weight: bold;
}

.server .serverList .whiteMore {
	margin-top: 0.4rem;
}

.server .serverList .itemCon:hover .imgBox img {
	transform: scale(1.1);
}

.server .serverList .whiteMore:hover {
	border-color: transparent;
	background: rgb(208, 45, 45);
}

.footer {
	background: rgb(22, 24, 26);
	position: relative;
}

.footer dl {
	position: absolute;
	top: 1.8rem;
	right: 0.7rem;
	color: #fff;
	text-align: right;
}

.footer dl dd {
	color: #837763;
}

.footer .friendLink {
	display: flex;
	justify-content: flex-end;
	margin-left: 0.7rem;
	padding-top: 0.64rem;
	padding-bottom: 0.24rem;
	border-bottom: 1px solid rgb(89, 87, 87);
	margin-right: 0.7rem;
	align-items: center;
}

.footer .friendLink img {
	height: 0.3rem;
	/*width: 0.4rem;*/
	margin-left: 0.3rem !important;
}

.footer .friendLink li .wx .show,
.footer .friendLink li .wx .hide {
	margin-left: 0 !important;
}

.footer .footerNav {
	display: flex;
	flex-direction: row;
	padding-top: 0.62rem;
	padding-bottom: 1.06rem;
	margin-left: 0.7rem;
	margin-right: 0.7rem;
	border-bottom: 1px solid rgb(89, 87, 87);
}

.footer .footerNav li {
	display: flex;
	flex-direction: column;
	margin-right: 1.14rem;
}

.footer .footerNav li a {
	font-size: 12px;
	font-size: max(0.14rem, 12px);
	color: rgb(131, 119, 99);
	margin-bottom: 0.28rem;
}

.footer .footerNav li a:first-child {
	color: rgb(255, 255, 255);
}

.footer .footerNav li a:hover {
	color: #ccc;
}

.footer .footerNav li a:first-child:hover {
	color: rgb(208, 45, 45);
	font-weight: bold;
}



.footer .copyRight {
	margin-left: 0.7rem;
	padding-right: 0.7rem;
	padding-top: 0.3rem;
	padding-bottom: 0.4rem;
}

.backTop {
	align-items: center;
	font-size: 12px;
	font-size: max(0.14rem, 12px);
	color: #aaa;
	position: fixed;
	bottom: 1.40rem;
	right: 0.7rem;
	z-index: 999;
	display: none;
}

.backTop img {
	vertical-align: middle;
	width: 0.24rem;
	margin-left: 0.14rem;
	display: inline-block;
}

.qbzkList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.qbzkList .cxBox {
	width: calc(50% - 0.06rem);
	display: flex;
	position: relative;
}

.qbzkList .cxBox img {
	transition: all 0.3s ease 0s;
}

.qbzkList .cxBox .opengLight {
	display: none;
}

.qbzkList .cxBox:hover .opengLight {
	display: block;
}

.qbzkList .cxBox:hover .lightClose {
	display: none;
}

.cxFont {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: flex;
	flex-direction: column;
	padding-top: 1.24rem;
	padding-left: 0.7rem;
	box-sizing: border-box;
}

.cxFont .title {
	font-size: 0.56rem;
	font-size: max(0.56rem, 18px);
	color: rgb(255, 255, 255);
	margin-bottom: 0.4rem;
}

object {
	display: flex;
}

.cxPrice {
	font-weight: bold;
	font-size: 3.00rem;
	color: rgb(255, 255, 255);
	position: absolute;
	left: 0.7rem;
	bottom: -0.3rem;
}

.cxPrice span {
	font-size: 0.56rem;
	font-size: max(0.56rem, 18px);
	color: rgb(131, 119, 99);
	font-weight: normal;
	position: absolute;
}

.hdList {
	width: calc(50% - 0.06rem);
	display: flex;
	flex-direction: column;
}

.hdList .item {
	width: 100%;
	margin-bottom: 6px;
}

.hdList .item:last-child {
	margin-bottom: 0px;
}

.hdList .item .itemCon {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
}

.hdList .item .itemCon img {
	width: 100%;
	height: 100%;
	transition: opacity 0.3s ease 0s;
}

.hdList .item .openImg {
	display: none;
	opacity: 0;
}

.hdList .item .cxFont {
	background-color: rgba(33, 33, 33, 0.5);
	transition: background-color 0.3s ease 0s, padding-left 1s ease 0s;
}

.hdList .item .intro {
	color: rgb(207, 201, 186);
	position: absolute;
	top: 50%;
	transform: translate(0px, -50%);
	right: -100%;
	transition: right 1s ease 0s;
}

.hdList .item .itemCon:hover .openImg {
	display: block;
	opacity: 1;
}

.hdList .item .itemCon:hover .closeImg {
	display: none;
}

.hdList .item .itemCon:hover .cxFont {
	padding-left: 3.58rem;
	background-color: rgba(33, 33, 33, 0);
}

.hdList .item .itemCon:hover .title {
	font-size: 0.46rem;
	font-size: max(0.46rem, 16px);
}

.hdList .item .itemCon:hover .intro {
	right: 0.7rem;
}

.init-box .itemCon,
.init-box .fontBox {
	transform: translateY(0.4rem);
	transition-duration: 1s;
	opacity: 0;
}

.init-box.inited .itemCon,
.init-box.inited .fontBox {
	transform: translateY(0px);
	opacity: 1;
}

.init-box> :nth-of-type(2) {
	transition-delay: 0.3s;
}

.init-box> :nth-of-type(3) {
	transition-delay: 0.6s;
}

.init-box> :nth-of-type(4) {
	transition-delay: 0.9s;
}

.init-box> :nth-of-type(5) {
	transition-delay: 1.2s;
}

.init-box> :nth-of-type(6) {
	transition-delay: 1.5s;
}

.init-box> :nth-of-type(7) {
	transition-delay: 1.8s;
}

.init-box> :nth-of-type(8) {
	transition-delay: 2.1s;
}

.ppsj {
	position: relative;
	height: 12.05rem;
}

.ppsj .poster {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.ppsjForm {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.63);
	left: 0px;
	top: 0px;
	padding: 0 0.7rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 1.36rem;
}

.ppsjForm .title {
	font-size: 0.56rem;
	font-size: max(0.56rem, 18px);
	color: rgb(255, 255, 255);
	line-height: 0.56rem;
}

.ppsjForm .subTitle {
	color: rgb(255, 255, 255);
	margin-bottom: 0.25rem;
	margin-top: 0.2rem;
	line-height: 0.18rem;
}

.formBox {
	width: 7.58rem;
	position: relative;
	z-index: 2;
}

.formBox .list {
	display: flex;
	align-items: flex-end;
	border-bottom: 1px solid rgb(89, 87, 87);
	padding-top: 0.54rem;
	padding-bottom: 0.38rem;
	position: relative;
}

.formBox .list .more {
	position: absolute;
	right: 0;
	background-color: transparent;
	top: 50%;
	margin-top: 0;
	transform: translate(0, -50%);
	color: rgb(208, 45, 45);
}

.formBox .list:hover {
	border-bottom: 1px solid rgb(208, 45, 45);
}

.formBox .list .lable {
	min-width: 1.08rem;
	color: rgb(131, 119, 99);
	margin-right: 0.36rem;
}

.formBox .list input {
	background: transparent;
	border: none;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-size: max(0.18rem, 14px);
	width:70%;
}

.formBox .list input::placeholder {
	color: rgb(131, 119, 99);
}

.arrowBtn {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: rgb(208, 45, 45);
	position: absolute;
	right: 0px;
	cursor: pointer;
}

.arrowBtn span {
	margin-left: 0.12rem;
	margin-right: 0.2rem;
}

input {
	outline: none;
}

input::-webkit-input-placeholder {
	color: rgb(131, 119, 99);
}

input:disabled {
	color: rgb(255, 255, 255);
}

.custom-checkbox {
	display: inline-block;
	cursor: pointer;
	user-select: none;
}

.custom-checkbox {
	padding-left: 0.46rem;
	display: flex;
	align-items: center;
	position: relative;
	margin-top: 0.5rem;
	color: rgb(131, 119, 99);
}

.custom-checkbox a {
	font-size: inherit;
	color: inherit;
	margin-left: 0.06rem;
	border-bottom: 1px solid rgb(131, 119, 99);
}

.custom-checkbox input[type="checkbox"] {
	width: 0.28rem;
	height: 0.28rem;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0px, -50%);
	z-index: 2;
	opacity: 0;
}

.custom-checkbox .checkmark {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 0.28rem;
	height: 0.28rem;
	background: rgb(131, 119, 99);
	border-radius: 0.05rem;
	opacity: 0.4;
	transform: translate(0px, -50%);
}

.custom-checkbox input[type="checkbox"]:checked+.checkmark {
	background-color: rgb(131, 119, 99);
}

.checkmark::after {
	content: "";
	position: absolute;
	display: none;
}

.custom-checkbox input[type="checkbox"]:checked+.checkmark::after {
	display: block;
	left: 0.10rem;
	top: 0.06rem;
	width: 0.05rem;
	height: 0.1rem;
	border-style: solid;
	border-color: white;
	border-image: initial;
	border-width: 0px 0.06rem 0.02rem 0px;
	transform: rotate(45deg);
}

.btnGroup {
	display: flex;
	justify-content: flex-start;
	margin-top: 0.65rem;
}

.btnGroup a,
.btnGroup button {
	padding: 0.03rem 0.94rem;
	font-size: 14px;
	font-size: max(0.18rem, 14px);
	color: rgb(255, 255, 255);
	background: rgb(208, 45, 45);
	border-radius: 0.36rem;
	display: block;
	border: 1px solid transparent;
	line-height: 1.5;
}

.redBtn:hover {
	border: 1px solid rgb(255, 255, 255);
}

.btnGroup .grayBtn {
	background: rgb(207, 201, 186);
	color: rgb(33, 33, 33);
	margin-left: 1.00rem;
}

.grayBtn:hover {
	background: rgb(208, 45, 45);
	color: rgb(255, 255, 255);
	border: 1px solid rgb(255, 255, 255);
}

.modal {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgb(34, 34, 34);
	z-index: 999;
	display: none;
}

.modal2 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgb(34, 34, 34);
	z-index: 999;
	display: none;
}

.modal3 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgb(34, 34, 34);
	z-index: 999;
	display: none;
}

.closeBtn {
	width: 0.78rem;
	height: 0.78rem;
	position: fixed;
	right: 1.30rem;
	top: 2.06rem;
	cursor: pointer;
	z-index: 333;
}

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

.closeBtn img {
	width: 100%;
	transition: transform 0.3s ease 0s;
}

.modalCon {
	padding: 2.46rem 2.76rem 0px;
}

.modalConHead {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.36rem;
}

.carTypeLink {
	display: flex;
	flex: 1 1 0%;
	justify-content: flex-end;
	align-items: center;
}

.carTypeLink a {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-size: max(0.28rem, 14px);
	color: rgb(208, 45, 45);
	margin-left: 0.52rem;
	min-width: 1.64rem;
	height: 0.86rem;
}

.carTypeLink a img {
	margin-right: 0.12rem;
	height: 0.28rem;
}

.modalConHead .left {
	display: flex;
	flex-direction: row;
}

.modalConHead .left .name {
	font-size: 0.84rem;
	font-size: max(0.84rem, 18px);
	color: rgb(206, 200, 185);
}

.modalConHead .left .intro {
	font-size: 0.4rem;
	font-size: max(0.4rem, 14px);
	color: rgb(206, 200, 185);
}

.carTypeChange {
	display: flex;
	margin-left: 1.3rem;
	align-items: center;
}

.carTypeChange a {
	font-size: 0.3rem;
	color: rgb(255, 255, 255);
	padding: 0.1rem 0.3rem;
	border-radius: 0.6rem;
	margin-left: 0.4rem;

	transition: transform 0.3s ease 0s;
	line-height: 1;
	border: 1px solid rgb(255, 255, 255);
	background: rgb(81, 76, 65);
}

.carTypeChange a:hover,
.carTypeChange .on a {
	background-color: rgb(129, 118, 98);
	border: 1px solid transparent;
}

.navigation a {
	text-decoration: none;
}

.navigation .navigation__link .navigation__date {
	display: block;
	transform: translateY(0px);
	transition: transform 0.4s ease 0s;
	font-weight: 600;
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
}

.carTypeList {
	display: none;
}

.carTypeList.on {
	display: block;
	width: 100%;
}

.carTypeList .item:hover .navigation__date {
	transform: translateY(-0.45rem);
}

.navigation .navigation__date--brown {
	display: block;
	font-weight: normal;
	font-size: 16px;
	font-size: max(0.3rem, 16px);
	color: rgb(131, 119, 99);
	margin-bottom: 0.46rem;
	margin-top: 0.12rem;
	min-height: 0.38rem;
}

.navigation .navigation__date--white {
	color: rgb(255, 255, 255);
	display: block;
	font-size: 0.21rem!important;
	font-size: max(0.3rem, 16px);
	white-space: nowrap;
}

.navigation .navigation__date--circle {
	display: inline-block;
	width: 0.16rem;
	height: 0.16rem;
	background-color: rgb(142, 126, 99);
	border-radius: 100%;
	position: relative;
	padding-top: 0.16rem;
	padding-left: 0.16rem;
	transition: transform 0.4s ease 0s;
}

.navigation .navigation__date--circle::before {
	display: block;
	width: 1.02rem;
	height: 1.02rem;
	border: 2px solid rgb(142, 126, 99);
	border-radius: 100%;
	position: relative;
	content: "";
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0.3s ease 0s;
}

.carTypeList .item:hover .navigation__date--circle {
	background-color: rgb(208, 45, 45);
}

.carTypeList .item:hover .navigation__date--circle::before {
	transform: translate(-50%, -50%) scale(1);
}

.navigation .navigation__link .navigation__date--img {
	display: block;
	width: 86%;
}

.navigation .navigation__link .navigation__date--img img {
	max-width: 130%;
	opacity: 0;
	transform: translateX(-100%);
	transition: transform 0.3s ease 0s;
	min-width: 100%;
}

.carTypeList .item:hover .navigation__date--img img {
	opacity: 1;
	transform: translateX(-10%);
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	background: rgb(255, 255, 255);
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.carTypeList .slider {
	width: 100%;
}

.carTypeList .item {
	padding-top: 0.45rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.slick-prev {
	border: 1px solid rgb(131, 119, 99);
	border-radius: 50%;
	background-image: none;
	transition: transform 0.3s ease 0s;
	position: absolute;
	width: 0.9rem !important;
	height: 0.9rem !important;
	left: -1.40rem !important;
}

.slick-next {
	border: 1px solid rgb(131, 119, 99);
	border-radius: 50%;
	transition: transform 0.3s ease 0s;
	position: absolute;
	width: 0.9rem !important;
	height: 0.9rem !important;
	background-image: none !important;
	right: -1.40rem !important;
}

.slick-next:hover {
	/* transform: scale(1.15); */
	background-color: transparent !important;
}

.slick-prev:hover {
	/* transform: scale(1.15); */
	background-color: transparent !important;
}

.slick-arrow {
	background-color: transparent !important;
	margin-top: 0px !important;
	line-height: 0.9rem !important;
	top: 1.60rem !important;
}

.slick-arrow::after {
	content: "";
	width: 0.84rem;
	height: 0.28rem;
	transform: translate3d(0px, 0px, 0px) rotate(0deg);
	top: 0.31rem;
	right: 0.39rem;
	position: absolute;
	transition: transform 0.3s ease 0s;
	display: block !important;
}

.slick-next::after {
	background-image: url("../images/arrowRight.png");
	background-size: cover;
}

.slick-next:hover::after {
	transform: translate3d(0.7rem, 0px, 0px) rotate(0deg);
}

.slick-prev::after {
	background-image: url("../images/arrowLeft.png");
	background-size: cover;
	transform: translate3d(0px, 0px, 0px) rotate(0deg);
	top: 0.31rem;
	left: 0.39rem;
	position: absolute;
	transition: transform 0.3s ease 0s;
}

.slick-prev:hover::after {
	transform: translate3d(-0.7rem, 0px, 0px) rotate(0deg);
}

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

.imgBoxCon {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.tanchu {
	width: 100%;
	height: 100%;
	position: relative;
}

.tanchuBox {
	width: 450px;
	height: calc(100vh - 134px);
	background: rgb(246, 247, 248);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06), 0 15px 15px 0 rgba(0, 0, 0, .05), 0 34px 21px 0 rgba(0, 0, 0, .03), 0 61px 24px 0 rgba(0, 0, 0, .01), 0 96px 27px 0 transparent;
	border-radius: 8px;
	position: absolute;
	top: 90px;
	left: 0.7rem;
	display: flex;
	flex-direction: column;
	padding: 24px;
}

.qxshImgBox {
	width: 3.80rem;
	height: 3.80rem;
	background: rgba(255, 255, 255, 0);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background 0.3s ease 0s;
}

.qxshImgBox img {
	max-width: 78%;
	height: auto;
}

.qxshFont .name {
	font-size: 14px;
	font-size: max(0.28rem, 14px);
	color: rgb(255, 255, 255);
	margin-top: 0.42rem;
}

.qxshFont .intro {
	color: rgb(255, 255, 255);
}

.circleGroup {
	display: flex;
	align-items: center;
}

.circleGroup dd {
	width: 0.14rem;
	height: 0.14rem;
	background: rgb(198, 49, 49);
	border-radius: 50%;
	margin-top: 0.22rem;
	margin-right: 0.1rem;
	border: 1px solid transparent;
}

.circleGroup dd:nth-child(2) {
	background: rgb(255, 255, 255);
}

.circleGroup dd:nth-child(3) {
	border: 1px solid rgb(255, 255, 255);
	background-color: transparent;
}

.qxshSlide {
	margin-top: -0.4rem;
}

.qxshSlide .item:hover .qxshImgBox {
	background: rgba(255, 255, 255, 0.1);
}

.swiper-slide-prev .slideBusImg,
.swiper-slide-next .slideBusImg {
	transform: translate3d(2.50rem, 0px, 0px);
}



.tanchuBtn {
	display: flex;
	justify-content: space-between;
	box-shadow: none;
	padding: 0;
	border-radius: 8px;
	height: 45px;
	box-sizing: border-box;
	margin-bottom: 16px;
}

.tanchuBtn li {
	width: calc(50% - 8px);
	height: 45px;
	border-radius: 8px;
	color: rgb(0, 0, 0);
	padding: 0px 16px 0px 16px;
	position: relative;
	background: #fff;
}

.tanchuBtn li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: inherit;
	color: inherit;
	background-image: url("../images/arrowDown.png");
	background-position: right center;
	background-size: 14px;
	background-repeat: no-repeat;
	font-size: 16px;
}

.tabInfo {
	width: 100%;
	flex: 1 1 0%;
	overflow-y: auto;
}

.tabInfoList {
	display: none;
}

.tabInfoList.on {
	display: block;
}

.tabInfoList ul {
	height: 100%;
	overflow-y: auto;
}

.tabInfoList .company {
	color: rgb(0, 0, 0);
	line-height: 24px;
	font-weight: bold;
	font-size: 16px !important;
}

.tabInfoList .area {
	color: rgb(137, 137, 137);
	line-height: 20px;
	font-size: 14px !important;
	margin-top: 8px;
	margin-bottom: 4px;
}

.tabInfoList .phone {
	color: rgb(137, 137, 137);
	line-height: 20px;
	font-size: 14px !important;
}

.tabInfoList li {
	margin-bottom: 8px;
	padding: 16px;
	border-radius: 8px;
	transition: background-color 0.2s ease 0s;
}

.tabInfoList li.active,
.tabInfoList li.active:hover {
	background-color: rgba(52, 130, 255, .1);
}

.tabInfoList li:hover {
	background: rgb(255, 255, 255);
}

.bscBox .imgBox {
	width: 100%;
	display: block;
}

.bscCon {
	position: fixed;
}

.bscBox {
	height: auto;
	background: rgb(255, 255, 255);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06), 0 15px 15px 0 rgba(0, 0, 0, .05), 0 34px 21px 0 rgba(0, 0, 0, .03), 0 61px 24px 0 rgba(0, 0, 0, .01), 0 96px 27px 0 transparent;
	border-radius: 0.12rem;
	padding: 0 16px 16px 16px;
	box-sizing: border-box;
	display: none;
	float: left;
	margin-left: 0.24rem;
	width: 350px;
	border-radius: 8px;
}

.bscCompany {
	font-size: 0.24rem;
	color: rgb(0, 0, 0);
	margin-top: 20px;
	font-size: 16px !important;
	font-weight: bold;
	line-height: 18px;
}

.bscArea {
	color: rgb(137, 137, 137);
	line-height: 20px;
	font-size: 14px !important;
	margin-top: 8px;
	margin-bottom: 4px;
	width: 100%;
	clear: both;
}

.bscPhone {
	color: rgb(137, 137, 137);
	line-height: 20px;
	font-size: 14px !important;
}

.bscJl {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	margin-top: 0.26rem;
	flex-direction: column;
}

.bscJl .left {
	font-size: 0.16rem;
	color: rgb(137, 137, 137);
}

.bscJl .right {
	display: flex;
	align-items: center;
	width: 100%;
}

.bscBox .more {
	width: 100%;
	padding: 0.14rem 0.94rem;
	font-size: 0.24rem;
	color: rgb(255, 255, 255);
	background: rgb(208, 45, 45);
	border-radius: 26px;
	display: block;
	border: 1px solid transparent;
	box-sizing: border-box;
	text-align: center;
	margin-top: 0.26rem;
}

.bscBox .itemCon {
	width: auto;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 0.38rem;
	padding: 0.10rem;
	flex-direction: column;
}

.mapBox {
	height: 100%;
	max-height: 100vh;
}

.slideBusImg1 {
	top: 2.56rem !important;
	left: 36% !important;
	width: 7.76rem !important;
}

.slideBusImg2 {
	width: 4.62rem !important;
	left: auto !important;
	right: 2.62rem !important;
	top: 3.88rem !important;
}

.friendBox {
	background-color: rgb(33, 33, 33);
	padding-top: 1.48rem;
	padding-bottom: 0.84rem;
	position: relative;
	margin-bottom: 1.68rem;
}

.friendBox .top {
	display: flex;
	padding-left: 7.12rem;
	padding-right: 2.26rem;
	justify-content: space-between;
	align-items: center;
}

.friendBox .left {
	flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-right: 1.35rem;
}

.friendBox .num {
	font-size: 1.25rem;
	color: rgb(255, 255, 255);
	display: flex;
	flex-direction: row;
}

.friendBox .num .counter {
	font-size: 1.25rem;
	color: rgb(255, 255, 255);
	width: 6.66rem;
}

.friendBox .num span {}

.friendBox .numBox span {
	color: rgb(207, 201, 186);
}

.friendBox .left .font {
	color: rgb(207, 201, 186);
	margin-bottom: 0.4rem;
}

.centerFont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: auto;
	position: absolute;
	left: 8.61rem;
	font-size: 0.56rem;
	font-size: max(0.56rem, 18px);
	color: rgb(255, 255, 255);
	top: 7.92rem;
	z-index: 2;
}

.video {
	width: 120%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0px;
	left: -10%;
}

.carTypeVideo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0px;
	left: 0px;
}

.hb {
	margin-top: 0.92rem;
	transform: translateX(714rem);
	white-space: nowrap;
}

.hb img {
	width: 6.90rem;
}

.hbList {
	position: relative;
	margin-left: -0.06rem;
}

.shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.42);
	top: 0px;
	left: 0px;
}

.hbList {
	width: 6.90rem;
	display: inline-block;
}

.loginPage {
	width: 100vw;
	height: 100vh;
	background-image: url("../images/loginBg2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

.loginCon {
	width: 100vw;
	height: 100vh;
	padding: 0px 1.64rem;
	position: relative;
}

.loginCon {
	display: flex;
	justify-content: space-between;
}

.loginCon .itemCon {
	width: 11.20rem;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.loginCon .itemCon img {
	height: 100%;
	width: auto;
	object-fit: contain;
}

.loginCon .left {
	width: 11.20rem;
	height: 100%;
	z-index: 22;
	position: relative;
}

.loginCon .loginSlide {
	width: 100%;
	height: 100%;
}

.loginCon .slick-slider {
	width: 100%;
	height: 100%;
}


.loginCon .slick-slider .item {
	width: 100%;
	height: 100%;
}

.loginCon .slick-list,
.loginCon .slick-track {
	width: 100%;
	height: 100%;
}

.loginForm {
	background: rgba(13, 13, 13, 0.38);
	border-radius: 0.35rem;
	width: 15.16rem;
	padding-bottom: 1.02rem;
	position: absolute;
	right: 1.64rem;
	top: 50%;
	transform: translate(0px, -50%);
}

.littleClose {
	cursor: pointer;
}

.littleClose img {
	transition: transform 0.3s ease 0s;
}

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

.loginFormCon {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0px 135rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.littleClose {
	position: absolute;
	right: 0.24rem;
	top: 0.24rem;
}

.formBoxLogin {
	width: 455px;
	max-width: 75%;
	padding-top: 0.4rem;
}

.formBoxLogin .formBox {
	width: 100%;
}

.formBoxLogin ul {
	display: flex;
	align-items: center;
}

.formBoxLogin ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.38rem;
	margin-top: 0.62rem;
}

.loginBtn {
	width: 2.14rem;
	background: rgb(196, 50, 48);
	border-radius: 18px;
	border: none;
	font-size: 14px;
	font-size: max(0.25rem, 14px);
	color: rgb(255, 255, 255);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.88rem;
	margin-top: 0.65rem;
	height: auto;
	padding: 0.08rem 0px;
}

.formBoxLogin .tips {
	color: rgb(217, 210, 194);
	border-bottom: 1px solid rgb(217, 210, 194);
	display: inline-block;
}

.formBoxLogin .custom-checkbox {
	color: rgb(217, 210, 194);
	font-size: 0.22rem;
}

.formBoxLogin .formBox .list {
	justify-content: space-between;
	padding-top: 0.76rem;
	padding-bottom: 0.14rem;
}

.formBoxLogin .formBox .list input {
	flex: 1 1 0%;
	font-size: 0.22rem;
}

.formBoxLogin .formBox .list .lable {
	color: rgb(217, 210, 194);
	width: auto;
	min-width: auto;
}

.formBoxLogin .custom-checkbox a {
	border: none;
	font-size: 0.22rem;
}

.formBoxLogin .list button {
	background: transparent;
	border: none;
	font-size: 0.22rem;
	color: rgb(217, 210, 194);
}

.formBoxLogin input::-webkit-input-placeholder {
	color: rgb(217, 210, 194);
}

.formBoxLogin ul li a img {
	height: auto;
	min-width: 20px;
	max-width: 0.46rem;
}

.publicPage {
	padding-top: 56px;
}

.publicPage .headMenu {
	display: none !important;
}

.life {
	width: 100%;
	height: 1728rem;
	background-image: url("../images/s10_p2_01.png");
	background-size: cover;
	margin-top: 315rem;
}

.publicPage {
	padding-top: 56px;
}

.publicPage .headMenu {
	display: none !important;
}

.life {
	width: calc(100% - 105rem);
	height: 1728rem;
	background-image: url("../images/s10_p2_01.png");
	background-size: contain;
	margin-top: 315rem;
	margin-bottom: 2.52rem;
	background-repeat: no-repeat;
	padding-left: 1.26rem;
}

.life .title {
	font-size: 1.79rem;
	color: rgb(33, 33, 33);
	line-height: 217rem;
	text-indent: 360rem;
	font-weight: bold;
}

.life .title:nth-child(2) {
	font-size: 1.79rem;
	color: rgb(33, 33, 33);
	line-height: 217rem;
}

.publicPage {
	padding-top: 56px;
	background: rgb(247, 241, 232);
}

.lifeVideo {
	position: relative;
	width: 10.34rem;
	height: 5.80rem;
	margin-top: 1.35rem;
	float: left;
	clear: both;
	border-radius: 0.25rem;
	overflow: hidden;
}

.flex {
	display: flex;
}

.life .intro {
	font-size: 0.34rem;
	color: rgb(33, 33, 33);
	line-height: 0.71rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 2.56rem;
	width: 11.20rem;
	float: right;
}

.lifeVideoBox {
	width: calc(100% - 2.52rem);
	height: 9.48rem;
	overflow: hidden;
	margin: 2.52rem auto 254rem;
	position: relative;
	border-radius: 0.25rem;
}

.videoFont {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.37);
	position: absolute;
	left: 0px;
	top: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: inherit;
}

.videoFont .title {
	font-size: 0.32rem;
	color: rgb(255, 255, 255);
	margin-top: 0.28rem;
}

.playBtn {
	width: 2.40rem;
	cursor: pointer;
	transition: transform 0.3s ease 0s;
}

.playBtn:hover {
	transform: scale(1.1);
}

.lifeVideoBox .carTypeVideo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0px;
	left: 0px;
}

.contain {
	display: flex;
	align-items: flex-start;
	padding: 0.5rem 1.26rem 0.7rem;
	box-sizing: border-box;
}

.first-image {
	margin: 0px 1.26rem;
	position: relative;
}

.first-image img {}

.first-image .desc {
	position: absolute;
	right: 0.38rem;
	bottom: 0.38rem;
	display: flex;
	font-size: 0.38rem;
	color: rgb(247, 241, 232);
}

esc .detail {
	margin: 0px 0px 0px 0.2rem;
}

.line-run {
	margin-top: 2.00rem;
	margin-bottom: 1.00rem;
}

.line-run .video {
	margin: 1.00rem 1.30rem;
	width: 1731px;
}

.subTitle img {
	height: auto;
	margin-right: 4.00rem;
	width: 1.90rem;
}

.right {
	/* font-size: 0.58rem; */
	color: rgb(255, 255, 255);
	line-height: 0.68rem;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.right .first {
	font-size: 0.58rem;
	font-weight: bold;
}

.right .secend {
	font-size: 0.38rem;
}

.retro {
	width: 100%;
	text-align: center;
	margin: 1.02rem 0px 1.78rem;
}

.retro .title {
	font-size: 0.43rem;
	font-weight: 500;
	color: rgb(33, 33, 33);
}

.retro .subTitle {
	font-size: 0.21rem;
	color: rgb(33, 33, 33);
	margin-top: 0.3rem;
}

.retro .run {
	margin-top: 0.58rem;
	position: relative;
	width: 100%;
	padding: 0px 1.26rem;
}

.retro .text {
	font-weight: 400;
	color: rgb(33, 33, 33);
	line-height: 0.35rem;
	text-align: center;
	font-style: normal;
	text-transform: none;
}

.retro .run .main {
	width: 100%;
	height: 650rem;
	background: rgb(33, 33, 33);
	border-radius: 25px;
}

.retro .run #one {
	display: block;
}

.retro .run #two {
	display: none;
}

.retro .run #three {
	display: none;
}

.retro .run #four {
	display: none;
}

.retro .run .move {
	width: 434rem;
	height: 0.03rem;
	background: rgb(178, 159, 135);
	position: absolute;
	bottom: 0rem;
	left: 0.95rem;
}

.retro .run .text-box {
	display: flex;
	width: 100%;
	position: absolute;
	bottom: 0px;
	cursor: pointer;
}

.retro .run .text {
	width: 25%;
	color: rgb(210, 208, 206);
	font-size: 0.2rem;
}

.retro .run .text:hover {
	color: rgb(178, 159, 135);
}

.retro .text-one {
	display: block;
	width: calc(100% - 2.52rem);
	margin: 0px auto;
}

.retro .text-two {
	display: none;
}

.retro .text-three {
	display: none;
}

.retro .text-four {
	display: none;
}

.convenient .title {
	font-size: 0.31rem;
	font-weight: 700;
	color: rgb(33, 33, 33);
	text-align: center;
	font-style: normal;
	text-transform: none;
	margin-bottom: 0.3rem;
}




.lb-title {
	font-size: max(0.4rem, 14px);
	text-align: center;
	color: rgb(0, 0, 0);
}

.lb-wrap {
	padding: 0.62rem 1.26rem 0px;
	width: 100%;
	position: relative;
	height: 11.82rem;
}

.show-box {
	position: relative;
	width: 100%;
	height: 8.93rem;
	overflow-x: hidden;
}

.lb-box {
	position: absolute;
	top: 0px;
	left: -5.58rem;
	display: flex;
}

.lb-box .card {
	padding: 0px 1.01rem;
	width: 11.50rem;
}

.lb-box .card img {
	width: 9.48rem;
	height: 8.68rem;
}

.lb-footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	height: 1.26rem;
	padding-right: 1.50rem;
}

.lb-footer img {
	width: 123rem;
	height: 0.9rem;
	cursor: pointer;
}

.select-car-box {
	position: relative;
}

.select-car-box .car {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	opacity: 0;
	transition: opacity 0.5s ease-in 0s;
}

.select-car-box .car.show {
	opacity: 1;
}

.select-car-box .select-car-content {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
	padding: 1.975rem 2.52rem 0px;
	display: flex;
	justify-content: space-between;
}

.select-car-box .title {
	font-size: 0.66rem;
	text-align: left;
	color: rgb(0, 0, 0);
}

.select-car-box .desc {
	margin-top: 0.415rem;
	font-size: 0.32rem;
	color: rgb(0, 0, 0);
}

.select-car-box .select-color {
	margin-top: 1.3rem;
	display: flex;
}

.select-car-box .color-card,
.select-car-box .color-card .color-every {
	width: 1.78rem;
	height: 1.78rem;
}

.select-car-box .color-card {
	position: relative;
	margin-right: 0.4rem;
}

.select-car-box .color-every {
	position: absolute;
	top: 0px;
	left: 0px;
}

.select-car-box .color-card.show img {
	height: 2.136rem;
	width: 2.136rem;
	transform: translate(-0.178rem, -0.178rem);
	max-width: 2.136rem !important;
}

.select-car-box .color-card.show {
	position: relative;
}

.select-car-box .color-card .color-desc {
	display: none;
}

.select-car-box .color-card.show .color-desc {
	display: block;
	position: absolute;
	top: 2.18rem;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	font-size: 0.24rem;
	text-align: center;
	color: rgb(0, 0, 0);
}

.color-card .select-car-box .car-box {
	padding: 0.4rem 0.2rem 0px 0px;
	overflow: hidden;
}

@keyframes smallHide {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: scale(0);
	}
}

.appointment-box {
	padding: 2.76rem 1.26rem 1.72rem;
	justify-content: space-between;
	align-items: center;
	background-color: rgb(247, 241, 232);
}

.appointment-lf {
	position: relative;
	width: 9.49rem;
	height: 8.57rem;
	overflow: hidden;
	border-radius: 0.5rem;
}

.appointment-lf img {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 9.49rem;
	height: 8.57rem;
	transition: transform 0.3s ease 0s;
}

.appointment-lf:hover img {
	transform: scale(1.1);
}

.appointment-lf .btn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0.7rem;
	z-index: 2;
	cursor: pointer;
	border: 1px solid transparent;
}

.appointment-lf .btn:hover {
	border: 1px solid rgb(255, 255, 255);
}

.ppsj2 {
	position: relative;
	display: flex;
}

.ppsj2 .ppsjForm2 {
	width: 100%;
	height: 100%;
	background-color: rgb(247, 241, 232);
	padding: 2.70rem 2.72rem;
	box-sizing: border-box;
}

.ppsj2 .ppsjForm2 .title {
	font-size: 0.56rem;
	font-size: max(0.56rem, 18px);
	color: rgb(0, 0, 0);
}

title {
	color: rgb(0, 0, 0);
	margin-bottom: 0.65rem;
}

.tab_liBox {
	width: 100%;
	overflow-x: auto;
}

.tab_liBox .tab_li {
	width: 100%;
	overflow: auto hidden;
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	border-bottom: 1px solid rgb(197, 197, 197);
}

.tab_liBox .tab_li span {
	flex: 0 0 auto;
	font-size: 14px;
	font-size: max(0.28rem, 14px);
	background: content-box content-box;
	cursor: pointer;
	height: -webkit-fill-available;
	transition: all 0.3s ease 0s;
	color: rgb(197, 197, 197);
	border-bottom: 1px solid transparent;
	width: 25%;
	padding-bottom: 0.2rem;
	padding-top: 0.6rem;
}

.tab_liBox .tab_li span:hover,
.tab_liBox span.on {
	color: rgb(178, 159, 135);
	border-bottom: 1px solid rgb(178, 159, 135);
}

.nones {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: 0px;
	width: 100%;
	z-index: -10;
	left: 0px;
}

.tab_info .info {
	font-size: max(0.25rem, 14px);
	color: rgb(33, 33, 33);
	padding-top: 0.4rem;
}

.Tab001 {
	padding: 0.16rem 1.26rem 0px;
}

.tab_info .info img {
	border-radius: 0.25rem;
	width: 100%;
	height: 650rem;
	object-fit: cover;
}

.wyscm {
	position: relative;
}

.wyscmFont {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px 1.26rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	font-size: 14px;
	font-size: max(0.28rem, 14px);
	color: rgb(33, 33, 33);
}

first-child {
	font-size: 0.43rem;
	margin-bottom: 0.32rem;
	font-weight: bold;
}

.retroSlider .itemCon {}

.retroSlider .retroFont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 0.24rem;
	color: rgb(33, 33, 33);
}

.retroSlider .imgBox {
	margin-bottom: 0.6rem;
	border-radius: 0.54rem;
}

.retroSlider .imgBox img {
	border-radius: 0.54rem;
	transition: all 0.3s ease 0s;
}

.retroSlider .itemCon:hover .imgBox img {
	transform: scale(1.1);
}

.retroSlider {
	margin: 0.58rem auto 0px;
	padding: 0px 1.26rem;
	overflow: hidden;
	width: calc(100% - 2.52rem);
}

.retroFont .title {
	font-size: 14px;
	font-size: max(0.28rem, 14px);
	color: rgb(178, 159, 135);
}

.retroSlider .slider {
	width: calc(100% + 12.00rem);
	margin-left: -600rem;
	overflow: hidden;
	padding-bottom: 144rem;
}

.retroSlider .itemCon {
	padding: 0px 1.00rem;
}

.retroSlider .slick-prev {
	position: fixed;
	inset: auto 2.32rem 0.1rem auto !important;
}

.retroSlider .slick-next {
	display: block;
	position: fixed;
	bottom: 0.1rem;
	top: auto !important;
	right: 0.6rem !important;
}

.mapPage {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

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

.syButton {
	position: absolute;
	left: 1.48rem;
	z-index: 1001;
	bottom: 0.98rem;
	width: 0.52rem;
	transition: transform 0.3s ease 0s;
	cursor: pointer;
}

.syButton:hover {
	transform: scale(1.1);
}

.syButton img {
	width: 100%;
}

.sy_k {
	display: none;
}

.indexContain {
	opacity: 0;
}

.nextTo {
	width: 0.9rem;
	height: 0.9rem;
	border: 1px solid rgb(131, 119, 99);
	bottom: 0.98rem;
	right: 330rem;
	transition: transform 0.3s ease 0s;
	position: fixed;
	border-radius: 50%;
	cursor: pointer;
}

.nextTo img {
	transform: translate3d(0px, 0px, 0px) rotate(0deg);
	top: 0.31rem;
	left: 0.39rem;
	position: absolute;
	transition: transform 0.3s ease 0s;
}

.nextTo:hover {
	transform: scale(1.15);
}

.nextTo:hover img {
	transform: translate3d(-0.7rem, 0px, 0px) rotate(0deg);
}

.syButton img {
	display: none;
}

.syButton img.sy_g {
	display: block;
}

.banner .swiper-button-prev {
	display: none;
}

.banner.on .swiper-button-prev {
	display: block;
}

.banner.on {
	position: static;
}

.banner.on .syButton {
	display: none;
}

.yw {
	position: absolute;
	left: 0.7rem;
	bottom: 0.98rem;
	width: 0.48rem;
}

.tab_info1 {
	height: 6.90rem;
}

.tab_info1 .info {
	height: 100%;
	box-sizing: border-box;
}

.selectDl {
	box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 8px 0px,
		rgba(0, 0, 0, 0.05) 0px 15px 15px 0px, rgba(0, 0, 0, 0.03) 0px 34px 21px 0px,
		rgba(0, 0, 0, 0.01) 0px 61px 24px 0px, transparent 0px 96px 27px 0px;
}

.selectDl {
	font-size: 14px;
	line-height: 45px;
	width: 100%;
	position: absolute;
	left: 0px;
	border-radius: inherit;
	z-index: 222;
	background: #fff;
	box-sizing: border-box;
	top: 50px;
	display: none;
}

.selectDl dd {
	cursor: pointer;
	padding: 0px 10px;
	transition: background 0.3s ease 0s;
}

.selectDl dd:nth-child(1) {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.selectDl dd:hover {
	background-color: rgba(18, 21, 26, 0.06);
}

.dark_w {
	width: 0.5rem;
	left: 0.7rem;
	bottom: 0.98rem;
	position: absolute;
	z-index: 1;
	display: none;
}

.videoPage .banner {
	position: fixed;
	z-index: 999;
	top: 0px;
}

.publicCon {
	width: 94%;
	max-width: 11.50rem;
	margin: 0px auto;
}

.publicCon2 {
	width: 94%;
	max-width: 24.20rem;
	margin: 0px auto;
}

.publicCon3 {
	width: 94%;
	max-width: 1802rem;
	margin: 0px auto;
}

@media screen and (max-width: 1921px) {

	.publicCon,
	.publicCon3 {
		max-width: 1150px;
	}
}

.searchBox .publicCon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgb(181, 181, 182);
	padding-bottom: 0.15rem;
	padding-top: 0.85rem;
}

.searchBox .publicCon input {
	flex: 1 1 0%;
	border: none;
	font-size: 14px;
	font-size: max(0.19rem, 14px);
}

.searchBox .publicCon .searchBtn {
	display: flex;
	align-items: center;
}

.searchBox .publicCon .searchBtn a {
	margin-left: 0.4rem;
}

.searchRes {
	padding-top: 0.35rem;
	display: none;
}

.searchListBox {
	margin-top: 0.72rem;
}

.searchList .itemCon {
	display: flex;
	justify-content: space-between;
	padding-top: 0.36rem;
	padding-bottom: 0.17rem;
	border-bottom: 1px solid rgb(181, 181, 182);
}

.searchList .itemCon .left {
	width: calc(100% - 3.00rem);
}

.searchList .itemCon .imgBox {
	width: 2.80rem;
	height: 1.47rem;
	overflow: hidden;
}

.imgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease 0s;
}

.searchList .itemCon .intro {
	margin-top: 0.48rem;
}

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

.searchList .itemCon:hover .title {
	color: rgb(208, 45, 45);
}

@media screen and (max-width: 1024px) {

	.publicIntro,
	.publicIntro2 {
		max-width: 94%;
	}

	.ppsj {
		/* min-height: 560px; */
	}



	.hdList .item .itemCon:hover .cxFont {
		padding-left: 1.58rem;
	}

	.formBox,
	.ppsjYy .ppsjForm .custom-checkbox {
		width: 10.80rem !important;
	}

	.friendBox .top {
		padding-left: 2.00rem;
	}

	.navigation .navigation__link .navigation__date--img img {
		max-width: 130%;
	}

	.publicCon {
		max-width: 94%;
	}

	.publicCon2 {
		max-width: 94%;
	}

	.publicCon3 {
		max-width: 94%;
	}

	.searchList .itemCon .imgBox {
		width: 140px;
		height: 74px;
	}

	.searchBox .publicCon {
		padding-bottom: 15px;
		padding-top: 30px;
	}

	.searchBox .publicCon .searchBtn a {
		margin-left: 10px;
	}

	.searchList .itemCon .left {
		width: calc(100% - 150px);
	}

	.searchList .itemCon .intro {
		margin-top: 15px;
	}
}

@media screen and (max-width: 760px) {
	.custom-checkbox input[type="checkbox"]:checked+.checkmark::after {
		left: 5px;
		top: 0px;
		width: 5px;
		height: 10px;
		border-width: 0px 2px 2px 0px;
	}

	.searchList .itemCon {
		padding-top: 18px;
		padding-bottom: 10px;
	}

	.banner .swiper-button-prev,
	.banner .swiper-button-next {
		width: 36px;
		height: 36px;
	}

	.banner .swiper-button-next img {
		top: 12px;
		right: 12px;
	}

	.banner .swiper-button-prev img {
		top: 12px;
		left: 12px;
	}

	.banner .swiper-button-prev:hover img {
		transform: translate3d(-26px, 0px, 0px) rotate(0deg);
	}

	.banner .swiper-button-next:hover img {
		transform: translate3d(26px, 0px, 0px) rotate(0deg);
	}

	.banner .swiper-button-prev {
		right: calc(9% + 66px);
		bottom: 30px;
	}

	.carType .item,
	.qbzkList .cxBox,
	.hdList,
	.server .serverList .item {
		width: 100%;
	}

	.footer .footerNav {
		flex-direction: row;
		justify-content: space-around;
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.footer .footerNav li a {
		display: none;
	}

	.footer .footerNav li a:first-child {
		display: block;
	}

	.footer .friendLink img {
		height: auto;
		width: 24px;
		margin-left: 10px;
		max-height: 22px;
	}

	.footer .friendLink {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.server .serverList .whiteMore,
	.more {
		margin-top: 15px;
	}

	.server .subTitle,
	.cxFont .title {
		margin-bottom: 8px;
	}

	.carType .fontBox .subTitle {
		margin-top: 12px;
	}

	.cxFont {
		padding-top: 30px;
		padding-left: 0.7rem;
	}

	.cxPrice {
		bottom: 30px;
	}

	.cxPrice span {
		bottom: 66px;
	}



	.formBox {
		width: 100% !important;
	}


	.friendBox .top {
		padding-left: 0.7rem;
		padding-right: 0.7rem;
	}

	.footer .footerNav {
		display: none;
	}

	.centerFont {
		left: 0.7rem;
		top: 160px;
	}

	.banner {
		height: 500px;
	}

	.banner .actionDecadeBox {
		left: 0.7rem;
		bottom: 30px;
	}

	.banner .title::before {
		width: 16px;
		height: 16px;
		top: 2px;
	}

	.banner .title {
		padding-left: 24px;
	}

	.banner .titleBoxDiv {
		bottom: 100px;
		left: 0px;
		padding-left: 16%;
	}

	.banner .priceBox {
		right: 6%;
		top: 300px;
	}

	.banner .slideBusImg {
		left: 45.875%;
		top: 27.333%;
	}

	.slideBusImg1 {
		top: 28% !important;
	}

	.slideBusImg2 {
		top: 29% !important;
	}

	.lmFont {
		bottom: 12%;
	}

	.banner .swiper-button-next {
		right: 9%;
		bottom: 30px;
	}

	.TopHead .toperList .Search {
		margin-left: 0px !important;
		margin-right: 14px !important;
	}

	.more,
	.whiteMore,
	.redMore {
		padding: 0px;
		width: 100px;
		height: 20px;
		font-size: 12px !important;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 20px;
	}

	.more_new {
		border: 1px solid #fff !important;
		background: none !important;
	}

	.qbzkList .cxBox {
		margin-bottom: 6px;
	}

	.carType .item:nth-child(1) {
		margin-bottom: 0.12rem;
	}

	.server .serverList .item {
		margin-bottom: 6px;
	}
}

.publicBanner {
	position: relative;
	min-height: 56px;
}

.publicBanner img {
	width: 100%;
}

.publicBannerFont {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: flex;
	align-items: center;
	padding-left: 1.3rem;
	padding-right: 1.3rem;
	color: rgb(255, 255, 255);
}

.publicBannerFont div {
	margin-top: 0.56rem;
	animation-delay: 0.2s !important;
}

.rczpPage .publicBannerFont div {
	width: 100%;
	text-align: center;
}

.khList {
	padding-top: 1.00rem;
}

.khList .time {
	margin-top: 0.24rem;
	color: rgb(181, 181, 182);
}

.khList .time span {
	margin-right: 0.4rem;
}

.khList .time span:last-child {
	margin-right: 0px;
}

.khList .intro {
	margin-top: 0.6rem;
}

.intro *,
.khList .title {}

.khList .imgBox {
	margin-top: 0.5rem;
}

.blackMore {
	border-color: rgb(9, 9, 9);
	color: rgb(9, 9, 9);
	margin-top: 0.4rem;
	display: inline-flex;
	justify-content: center;
}

.blackMore:hover {
	border-color: rgb(208, 45, 45);
	background-color: rgb(208, 45, 45);
	color: rgb(255, 255, 255);
}

.khList .itemCon {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 1.00rem;
	border-bottom: 1px solid rgb(137, 137, 137);
	margin-bottom: 1.00rem;
}

.khList .item:last-child .itemCon {
	border-bottom: none;
	margin-bottom: 0px;
}

.kgList .itemCon {
	display: flex;
	justify-content: space-between;
	padding-top: 0.7rem;
	padding-bottom: 0.35rem;
	border-bottom: 1px solid rgb(181, 181, 182);
}

.kgList .imgBox {
	width: 1.40rem;
	height: 1.40rem;
}

.kgList .itemCon .left {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 1.40rem;
	width: calc(100% - 1.60rem);
}

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

.kgList .itemCon:hover .title {
	color: rgb(208, 45, 45);
}

.kh .blackMore {
	margin-top: 0.68rem;
}

@media screen and (max-width: 1024px) {
	.kgList .imgBox {
		width: 70px;
		height: 70px;
	}

	.kgList .itemCon .left {
		width: calc(100% - 80px);
	}

	.kgList .itemCon .left {
		height: 70px;
	}
}

.TopHead .center img {
	width: 242px;
	min-width: 2.42rem;
}

.ppOne {
	height: 12.04rem;
	padding-left: 1.3rem;
	display: flex;
	align-items: center;
	margin-top: 0.12rem;
	background-size: cover;
	background-repeat: no-repeat;
}

.ppOneCon {
	width: 5.28rem;
}

.ppOneCon div {
	margin-bottom: 0.4rem;
}

.ppOneCon div:last-child {
	margin-bottom: 0px;
}

.ppThree {
	margin-top: 0.12rem;
}

.ppThree .item {
	width: calc(33.3333%);
	height: 4.67rem;
	float: left;
}

.ppThree .item .imgBox {
	cursor: auto;
}

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

.ppThree .item:nth-child(1) {
	height: 9.34rem;
}

@media screen and (max-width: 1024px) {
	.ppOne {
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.ppOneCon {
		width: auto;
		max-width: 260px;
	}
}

@media screen and (max-width: 760px) {
	.ppOne {
		height: auto;
		padding: 30px 0.7rem;
	}

	.ppOneCon {
		width: auto;
		max-width: 100%;
		min-height: 600px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.ppOneCon div {
		margin-bottom: 20px;
	}
}

.shzrList {
	display: flex;
	flex-flow: wrap;
	padding-top: 0.5rem;
}

.shzrList .item {
	width: calc(33.3333% - 0.32rem);
	margin-right: 0.48rem;
	margin-bottom: 1.25rem;
}

.shzrList .item:nth-child(3n) {
	margin-right: 0px;
}

.shzrList .item .itemCon {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.shzrList .item .itemCon .title {
	margin-top: 0.42rem;
}

.shzrList .item .itemCon .time {
	margin-top: 0.12rem;
}

.shzrList .item .itemCon .imgBox {
	height: 3.73rem;
}

.moreBox {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

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

.shzrList .item:hover .title {
	color: rgb(208, 45, 45);
}

.hjbh {
	background-image: url("../images/hjbhBg.jpg");
	background-size: cover;
	padding-bottom: 2.96rem;
}

.hjbh .publicH2,
.hjbh .publicIntro {
	color: rgb(255, 255, 255);
}

.hjbhCon {
	display: flex;
	flex-direction: row;
	background-color: rgb(255, 255, 255);
	padding: 2.04rem 0.56rem 1.74rem;
	justify-content: space-between;
	margin-left: 0.7rem;
	margin-right: 0.7rem;
	margin-bottom: 2.08rem;
	align-items: center;
}

.hjbhCon .left {
	width: 30%;
}

.hjbhCon .left * {
	line-height: 1.6;
}

.hjbhCon .hjbhImg {
	width: 13.90rem;
}

.numBox2 {
	color: rgb(255, 255, 255);
	display: flex;
	justify-content: center;
	margin-top: 0.65rem;
}

.numBox2 .counter {
	font-weight: 600;
}

.numBox2 .num {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 1.2;
}

.numBox2 .num:nth-child(2) {
	margin-left: 4.25rem;
	margin-right: 3.03rem;
}

.myMenuCon {
	color: rgb(255, 255, 255);
}

.myMenuCon .title {
	text-align: center;
	 line-height:1;
}

.zlbjIndex {
	padding-left: 1.26rem;
	padding-right: 1.26rem;
	margin-top: 1.12rem;
}

.zlbjIndex .slick-current .title,
.zlbjIndex .title:hover {
	color: rgb(208, 45, 45);
}

.zlbjIndex .intro {
	color: rgb(255, 255, 255);
	text-align: center;
	margin-top: 0.8rem;
}

.zlbjIndex #myMenu {
	margin-top: 1.10rem;
}

.HomeSlider {
	width: 100%;
}

.HomeSlider .slick-next {
	right: 0.7rem !important;
	bottom: -3.46rem !important;
	top: auto !important;
}

.HomeSlider .slick-prev {
	inset: auto 2.37rem -3.46rem auto !important;
	left: auto !important;
	top: auto !important;
	right: 2.37rem;
	bottom: -3.45rem;
}

@media screen and (max-width: 760px) {
	.shzrList .item {
		width: 100%;
		margin-right: 0px;
	}

	.shzrList .item .itemCon .imgBox {
		height: auto;
	}

	.hjbhCon .left,
	.hjbhCon .hjbhImg {
		width: 100%;
	}

	.hjbhCon {
		flex-direction: column;
	}

	.hjbhCon .hjbhImg {
		margin-top: 15px;
	}
}

.fwln {
	position: relative;
}

.fwlnFont {
	position: absolute;
	color: rgb(208, 45, 45);
	left: 1.3rem;
	bottom: 2.46rem;
	font-weight: 600;
}

.fwcn {
	display: flex;
	align-items: center;
}

.fwcn .leftBox {
	width: 15.20rem;
}

.fwcn .rightBox {
	padding-left: 2.60rem;
	padding-right: 2.00rem;
	box-sizing: border-box;
	white-space: nowrap;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.fwcn .rightBox .intro {
	margin-top: 0.24rem;
	margin-bottom: 0.46rem;
}

.fwcn .rightBox .title {
	font-weight: 600;
}

.bxq {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 1.02rem 1.30rem 0.72rem;
	background-position: center top;
}

.bxq .title {}

.bxqFont div {
	color: rgb(208, 45, 45);
	font-size: 0.4rem;
	font-size: max(0.4rem, 16px);
	font-weight: 600;
	margin-bottom: 0.3rem;
}

.bxqFont p {
	color: rgb(129, 118, 98);
}

.bxqFont {
	margin-top: 0.9rem;
}

.bxqFontBox {
	display: flex;
	margin-top: 0.68rem;
}

.bxqFontBox .bxqFont:nth-child(2) {
	margin-left: 1.60rem;
}

.publicIntro .more {
	position: absolute;
	top: 0.8rem;
	margin-top: 0px;
	margin-left: 2.20rem;
	right: 45%;
}

.fwcn .more:hover,
.qbzk2 .publicIntro .more:hover {
	border-color: #000;
}

.byzs {
	position: relative;
}

.byzsCon {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.byzsConInput {
	width: 14.46rem;
	height: 0.85rem;
	background: rgba(239, 255, 239, 0.3);
	border-radius: 0.42rem;
	display: flex;
	align-items: center;
}

.byzsConInput .searchButton {
	width: 1.68rem;
	height: 100%;
	background-image: url("../images/searcIconWhite.png");
	background-size: 0.36rem;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: inherit;
}

.byzsConInput .searchButton:hover {
	background-image: url("../images/searchIconRed.png");
}

.byzsConInput .input {
	flex: 1 1 0%;
	height: 100%;
	border: none;
	background: transparent;
	color: rgb(33, 33, 33);
	padding-left: 0.66rem;
	display: flex;
	align-items: center;
}

.publicIntro .by {
	position: absolute;
	top: 0px;
	margin-top: 0px;
	margin-left: 2.20rem;
	display: inline-flex;
	align-items: center;
	width: auto;
	right: -2rem;
}

.publicIntro .by::before {
	width: 0.26rem;
	height: 0.26rem;
	content: "";
	display: block;
	margin-right: 0.16rem;
	background-image: url("../images/byzqbIcon.png");
	background-size: 0.26rem;
}

.publicIntro .by:hover::before {
	background-image: url("../images/byzqbIconRed.png");
}

.publicIntro .by:hover {
	color: rgb(208, 45, 45);
}

@media screen and (max-width: 1024px) {
	.fwcn .rightBox {
		white-space: inherit;
		padding-right: 1.3rem;
		padding-left: 1.3rem;
	}

	.publicIntro .by::before {
		width: 21px;
		height: 21px;
		margin-right: 8px;
		background-size: 21px;
	}

	.byzsConInput .searchButton {
		background-size: 21px;
	}

	.byzsConInput {
		width: 80%;
		height: 36px;
		border-radius: 42px;
	}
}

@media screen and (max-width: 760px) {

	.publicIntro .by,
	.publicIntro .more {
		position: static;
		margin: 15px auto 0px;
		margin-top: 1.12rem;
		width: auto;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
		min-width: 100px;
	}

	.publicIntro {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.fwcn .leftBox,
	.fwcn .rightBox {
		width: 100%;
	}

	.fwcn {
		flex-wrap: wrap;
	}

	.fwcn .rightBox,
	.bxq {
		padding: 4rem 0.7rem 1.9rem 0.7rem;
	}

	.bxqFontBox {
		flex-direction: column;
	}

	.bxqFontBox .bxqFont:nth-child(2) {
		margin-left: 0px;
	}

	.byzsConInput .searchButton {
		width: 106px !important;
	}

	.byzsConInput {
		width: 94%;
	}
}

.czbp .sectionOne {
	display: flex;
	padding: 0px 1.3rem 1.62rem;
	justify-content: space-between;
}

.czbp .sectionOne .leftBox,
.czbp .sectionOne .rightBox {
	display: flex;
	flex-direction: column;
	width: calc(50% - 0.65rem);
}

.czbp .sectionOne .leftBox .imgBox {
	margin-top: 0.52rem;
	height: auto;
}

.czbp .sectionOne .intro {
	margin-top: 0.52rem;
}

.czbp .seactionTwo {
	padding: 0px 3.08rem 1.62rem 1.3rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.czbp .seactionTwo .item {
	width: 2.28rem;
}

.czbp .seactionTwo .item .title {
	display: flex;
	align-items: center;
}

.czbp .seactionTwo .item .title i {
	width: 0.22rem;
	height: 0.22rem;
	background: rgb(208, 45, 45);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgb(255, 255, 255);
	margin-right: 0.1rem;
	min-width: 22px;
	min-height: 22px;
}

.czbp .seactionTwo .item .intro {
	margin-top: 0.16rem;
}

.czbp .sectionThree {
	display: flex;
	padding: 0px 1.3rem;
	justify-content: space-between;
	flex-wrap: wrap;
}

.czbp .sectionThreeCon {
	width: calc(65% - 0.65rem);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.czbp .sectionThreeCon:nth-child(2) {
	display: none;
	position: relative;
}

.czbp .sectionThreeCon:nth-child(2) .byzsConInput {
	position: absolute;
	bottom: 0px;
}

.czbp .sectionThreeCon div {}

.czbp .sectionThree .byzsConInput {
	width: 100%;
	background: rgb(239, 239, 239);
	margin-top: 0.32rem;
}

.czbp .sectionThree .byzsConInput .searchButton {
	color: rgb(255, 255, 255);
	width: 1.89rem;
	height: 100%;
	background: none rgb(208, 45, 45);
}

@media screen and (max-width: 1024px) {
	.czbp .seactionTwo .item {
		width: 100%;
		margin-top: 15px;
	}
}

@media screen and (max-width: 760px) {
	.czbp .sectionThreeCon:nth-child(2) .byzsConInput {
		position: static;
	}

	.czbp .sectionThreeCon div {
		font-size: 14px;
		color: #000;
	}

	.czbp .sectionOne .leftBox,
	.czbp .sectionOne .rightBox {
		width: 100%;
	}

	.czbp .sectionOne,
	.czbp .seactionTwo,
	.czbp .sectionThree {
		padding: 0px 1rem;
		flex-direction: column;
	}

	.czbp .sectionOne .rightBox {
		margin-top: 2.06rem;
	}

	.czbp .sectionThreeCon {
		width: 100%;
		margin-top: 15px;
	}
}

.yl {
	margin-right: 0.2rem;
}

.yl,
.load {
	padding: 0.02rem 0.3rem 0.03rem;
	border: 1px solid rgb(0, 0, 0);
	border-radius: 0.42rem;
	display: inline-flex;
	align-items: center;
	transition: all 0.3s ease 0s;
	font-size: 14px !important;
	font-size: max(0.18rem, 14px) !important;
}

.yl:hover,
.load:hover {
	background: rgb(208, 45, 45);
	color: rgb(255, 255, 255);
	border: 1px solid rgb(255, 255, 255);
}

.yl::before {
	width: 0.26rem;
	height: 0.26rem;
	background-size: 0.26rem;
	content: "";
	display: block;
	background-image: url("../images/ylIcon.png");
	margin-right: 0.16rem;
}

.load::before {
	width: 0.26rem;
	height: 0.26rem;
	background-size: 0.26rem;
	content: "";
	display: block;
	background-image: url("../images/loadIcon.png");
	margin-right: 0.16rem;
}

.yl:hover::before {
	background-image: url("../images/ylIconWhite.png");
}

.load:hover::before {
	background-image: url("../images/loadIconWhite.png");
}

.clList .itemCon {
	align-items: center;
}

.clList .itemCon .leftBox {
	position: relative;
	padding-left: 0.4rem;
}

.clList .itemCon .leftBox::before {
	content: "";
	display: block;
	background-image: url(../images/cpIcon.png);
	width: 0.24rem;
	height: 0.24rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 0.16rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

@media screen and (max-width: 760px) {
	.kgList .itemCon {
		padding-top: 18px;
		padding-bottom: 10px;
	}

	.rightBox a {
		padding: 0;
	}
}

.fwcnTwo {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.fwcnTwo .more {
	margin-top: 0px;
	margin-bottom: 1.04rem;
	animation-delay: 0.3s;
}

.fwcnOne .imgBox {
	height: 7.60rem;
}

.fwcnOne .itemCon2 .title2 {
	text-align: center;
	margin-top: 0.26rem;
	font-size: 0.25rem;
}

@media screen and (max-width: 760px) {
	.fwcnOne .itemCon2 .title2 {
		text-align: center;
		margin-top: 0.56rem;
		font-size: 1rem;
	}
}


.fwcnSlide {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	animation-delay: 0.3s;
}

.fwcnSlide #myMenu {
	margin-top: 0.22rem;
}

.fwcnSlide .myMenuCon .title {
	color: rgb(201, 202, 202);
}

.fwcnSlide .BigSlider {
	margin-top: 0.56rem;
}

.fwcnSlide .slick-current .title,
.fwcnSlide .myMenuCon .title:hover {
	color: rgb(208, 45, 45);
}

.fwcnOne {
	padding-left: 0.64rem;
	padding-right: 0.64rem;
}

.fwcnSlide .item2 {
	margin-left: 0.06rem;
	margin-right: 0.06rem;
}

.fwcnOne {
	padding-bottom: 1.40rem;
}

.fwcnSlide .HomeSlider .slick-next {
	bottom: 0.06rem !important;
	right: 1.54rem !important;
}

.fwcnSlide .HomeSlider .slick-prev {
	bottom: 0.06rem !important;
	right: 3.22rem !important;
}

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

.fwcnSlide .itemCon2 {
	cursor: auto;
}

@media screen and (max-width: 760px) {
	.fwcnOne .imgBox {
		height: auto;
	}
	.ppsjForm .formBox{ margin-top:-70px;}
	.ppsjForm .formBox .list .lable{ color:#fff;}
	.ppsjForm .formBox{ margin-top:-70px;}
	.ppsjForm .formBox_new{ margin-top:0px;}

}

.fwlc {
	padding-left: 0.7rem;
	padding-right: 0.7rem;
	margin-top: 0px;
}

.fwlc .title {
	color: rgb(201, 202, 202);
}

.fwlc #myMenu {
	width: 21.36rem;
	margin: 0 auto;
	margin-bottom: 0.5rem;
}

.fwlc .BigSlider {
	padding-bottom: 1.50rem;
}

.fwlc .BigSlider .slick-arrow {
	bottom: 0rem !important;
	right: 5.38rem;
	left: auto !important;
	top: auto !important;
}

.fwlc .BigSlider .itemCon {
	position: relative;
}

.fwlc .BigSlider .itemCon img,
.byzs img {
	width: 57%;
	float: left;
	margin-right: 3%
}

.fwlc .time {
	padding-top: 13% !important;
}

.fwlc .BigSlider .itemCon .title {
	font-weight: bold;
	font-size: 3.45rem;
	color: rgba(208, 45, 45, 0.3);
	position: absolute;
	line-height: 0.7;
	left: 0.7rem;
	bottom: 0px;
}

.fwlc .myMenuCon .left {
	position: relative;
	padding-bottom: 0.58rem;
	border-bottom: 1px solid rgba(208, 45, 45, 0.3);
	margin-bottom: 0.11rem;
}

.fwlc .myMenuCon .left::after {
	content: "";
	display: block;
	background-image: url("../images/arrow.png");
	width: 0.2rem;
	height: 0.22rem;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -0.11rem;
	left: 50%;
	transform: translate(-50%, 0px);
}

.bgFFFFFF .fwlc .BigSlider .slick-arrow {
	bottom: 3rem !important;
}

.bgFFFFFF .fwlc .HomeSlider .slick-prev {
	right: 5.37rem !important
}

.bgFFFFFF .fwlc .HomeSlider .slick-next {
	right: 3.37rem !important
}

@media screen and (max-width: 760px) {
	.fwlc .myMenuCon .left::after {
		width: 14px;
		height: 22px;
		position: absolute;
		bottom: -14px;
	}

	.fwlc .myMenuCon .left {
		margin-bottom: 11px;
		padding-bottom: 30px;
	}

	.fwlc .BigSlider .itemCon img,
	.byzs img {
		width: 100%;
		float: left;
		margin-bottom: 1.12rem;
	}

}


.lyTitle {
	display: flex;
}

.lyTitle .rightBox {
	display: flex;
	flex-direction: column;
}

.lyForm .formBox .list input {
	color: rgb(0, 0, 0);
}

.lyForm .formBox .list .lable {
	min-width: auto;
	color: rgb(0, 0, 0);
	margin-right: 0.36rem;
}

.lyForm .formBox .list {
	border-bottom: 1px solid rgb(181, 181, 182);
	padding-top: 0.46rem !important;
	padding-bottom: 0.2rem !important;
	width: calc(50% - 0.8rem);
}

.lyForm .formBox {
	width: 100% !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.lyForm .formBox .list:nth-child(9) {
	width: 100%;
}

.lyForm .formBox .list input::placeholder {
	color: rgb(181, 181, 182);
}

.lyForm .formBox .list .lable i {
	color: rgb(208, 45, 45);
}

.lyForm .custom-checkbox {
	color: rgb(0, 0, 0);
}

.lyForm .btnGroup {
	justify-content: center;
}

.lyForm .formBox .list:nth-child(9) input {
	background: rgb(239, 239, 239);
	padding: 0.24rem;
}

.getCode {
	height: 100%;
	width: 2.02rem;
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.36rem;
}

.lyForm .formBox .list:nth-child(9) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.lyForm .formBox .list:nth-child(10) {
	width: 100%;
}

.lyForm .formBox .list .textarea {
	width: 100%;
	height: 4.55rem;
	background: rgb(239, 239, 239);
	display: block;
	margin-top: 0.5rem;
	padding: 0.36rem;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	font-family: sans-serif;
}

.formBox .list .zx_text {
	color: #555;
}

textarea::placeholder {
	color: rgb(181, 181, 182);
}

.ipttxtBox {
	background: rgb(239, 239, 239);
	padding: 0.24rem;
	min-width: 4.10rem;
	box-sizing: border-box;
}

.ipttxtBox select {
	width: 100%;
}

@media screen and (max-width: 760px) {
	.lyForm .formBox .list {
		width: 100%;
	}

	.lyForm .formBox .list {
		height: auto;
	}

	.ipttxtBox {
		background: rgb(239, 239, 239);
		padding: 0px 0.24rem;
		min-width: 4.10rem;
		box-sizing: border-box;
		height: 36px;
		display: flex;
		align-items: center;
		flex: 1 1 0%;
	}

	.getCode {
		height: 36px;
		width: auto;
	}

	.lyForm .formBox .list:nth-child(9) input {
		padding: 0px 0.24rem;
		height: 36px;
		flex: 1 1 0%;
	}

	.btnGroup a,
	.btnGroup button {
		border-radius: 18px;
	}

	.lyForm .formBox .list .textarea {
		margin-top: 10px;
		margin-bottom: 15px;
	}
}

.plType {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: rgba(255, 255, 255, 0.2);
	position: absolute;
	left: 9.3rem !important;
	flex-wrap: wrap;
}

.plType dd {
	margin-right: 0.52rem;
}

.plType dd:last-child {
	margin-right: 0px;
}

.plType dd a {
	cursor: auto;
	font-size: 0.3rem;
}

.plType dd.on {
	color: rgb(129, 118, 98);
}

.plType dd.on a {
	cursor: pointer;
	font-size: 0.3rem;
}

.plType dd.on a:hover,
.plType dd.on a.active {
	color: rgb(208, 45, 45);
}

@media screen and (max-width: 1280px) {
	.carTypeChange {
		margin-left: 0px;
		margin-top: 20px;
	}

	.closeBtn {
		top: 66px;
	}

	.ckcxModal .closeBtn {
		top: 96px;
	}

	.plType {
		left: 4.70rem;
		top: 4.40rem;
	}

	.carTypeLink {
		justify-content: flex-end;
		align-items: flex-end;
	}

	.carTypeSwiper {
		padding: 0px 6%;
	}

	.modalCon {
		padding-left: 0.7rem;
		padding-right: 0.7rem;
	}
}

@media screen and (max-width: 1024px) {
	.closeBtn {
		width: 36px;
		height: 36px;
	}
}

@media screen and (max-width: 760px) {
	.modalCon {
		padding: 56px 0.7rem;
	}

	.modalConHead .left {
		flex-direction: column;
		margin-top: 30px;
		padding-bottom: 60px;
	}

	.modalConHead {
		flex-direction: column;
	}

	.plType {
		left: 0.7rem;
		top: 200px;
	}

	.carTypeChange a {
		margin-left: 0px;
	}

	.carTypeChange li {
		margin-right: 10px;
		width: calc(25% - 7.5px);
	}

	.carTypeChange li a {
		width: 100%;
		min-width: auto;
		font-size: 14px;
	}

	.carTypeChange li:last-child {
		margin-right: 0px;
	}
}

.searchBox .publicCon .searchBtn a img {
	width: 0.26rem;
	height: 0.26rem;
}

/* .qxProduct .title {
    font-weight: bold;
} */

.qxProduct .plType {
	position: static;
	color: rgb(181, 181, 182);
	flex-flow: wrap;
	display: flex;
}

.qxProduct {
	display: flex;
	padding-top: 1.26rem;
	padding-bottom: 1.12rem;
	border-bottom: 1px solid rgb(33, 33, 33);
}

.qxProduct .center {
	padding-left: 1.66rem;
}

.carTypeTwo {
	display: flex;
	align-items: center;
}

.qxProduct .carTypeChange {
	margin-left: 0px;
	margin-top: 0px;
}

.qxProduct .carTypeChange li:last-child a {
	margin-right: 0px;
}

.qxProduct .carTypeChange a {
	margin-left: 0px;
	margin-right: 0.5rem;
	background: transparent;
	border: 0.03rem solid rgb(129, 118, 98);
	color: rgb(129, 118, 98);
	display: flex;
}

.qxProduct .carTypeChange a:hover,
.qxProduct .carTypeChange .on a {
	border: 1px solid transparent;
	background: rgb(129, 118, 98);
	color: rgb(255, 255, 255);
}

.carTypeTwo {
	margin-top: 25px;
	margin-bottom: 25px;
}

.carTypeTwo li {
	margin-right: 0.78rem;
}

.carTypeTwo li a {
	padding-bottom: 0.04rem;
}

.carTypeTwo li:last-child {
	margin-right: 0px;
}

.qxProduct .carTypeLink {
	align-items: flex-start;
}

.sellBox {
	border: 0.03rem solid rgb(129, 118, 98);
	border-radius: 0.38rem;
	display: flex;
}

.carTypeTwo .item a {
	position: relative;
}

.carTypeTwo .item a::after {
	content: "";
	display: block;
	width: 0%;
	height: 0.03rem;
	background: rgb(129, 118, 98);
	position: absolute;
	left: 50%;
	bottom: 0px;
	transition: all 0.3s ease 0s;
}

.carTypeTwo .item:hover a::after,
.carTypeTwo .active a::after {
	width: 100%;
	left: 0px;
}

.sellBox a {
	padding: 0.04rem 0.09rem;
	border-radius: inherit;
}

.sellBox a.on,
.sellBox a:hover {
	background-color: rgb(129, 118, 98);
	color: rgb(255, 255, 255);
}

.carList .title {
	padding-top: 1.20rem;
	padding-bottom: 2.00rem;
}

.carList .publicCon2 {
	border-bottom: 1px solid rgb(210, 210, 210);
}

.carUl {
	display: flex;
	flex-wrap: wrap;
}

.carUl .item2 {
	width: calc(25% - 0.345rem);
	margin-right: 0.46rem;
	height: auto;
	background: rgba(206, 200, 185, 0.25);
	border-radius: 0.4rem;
	margin-bottom: 2.30rem;
}

.carUl .item2:nth-child(4n) {
	margin-right: 0px;
}

.carUl .zlbjIndex {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: -1.70rem;
}

.carUl .imgBox {
	width: 100%;
	margin: 0.3rem auto 0.2rem;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	margin-top: -14%;
}

.carUl .zlbjIndex .myMenu {
	margin-top: 0px;
}

.carUl .linkBox {
	display: flex;
	justify-content: space-between;
	position: static;
	bottom: 0.3rem;
	width: 100%;
	padding: 0px 0.45rem;
	align-items: center;
	padding-bottom: 15px;
}

.carUl .zlbjIndex .myMenu li {
	margin-bottom: 0.1rem;
	width: 0.3rem !important;
	height: 0.3rem !important;
	margin-right: 0.2rem !important;
}

.carUl .zlbjIndex .myMenu li img {
	width: 100%;
	height: 100%;
}

.carUl .zlbjIndex .myMenu {
	padding-left: 0.45rem;
	padding-right: 0.45rem;
	width: 100%;
}

.carUl .zlbjIndex .myMenu .slick-track {
	width: 62% !important;
}

.carUl .itemCon2 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	position: relative;
}

.carUl .itemCon2 .title {
	padding: 0px 0.45rem;
	font-weight: bold;
	line-height: 1.05;
	display: flex;
	flex-direction: column;
	color: rgb(0, 0, 0);
	margin-bottom: 0.3rem;
	margin-top:-0.5rem;
}

.carUl .itemCon2 .title span {
	font-weight: normal;
	margin-top: 0.06rem;
}

.carUl .more2 {
	border-radius: 0.36rem;
	font-size: 12px;
	font-size: max(0.14rem, 12px);
	margin-top: 0px;
	padding: 0.18rem 0px;
	line-height: 1;
	transition: all 0.3s ease 0s;
	display: flex;
	align-items: center;
}

.carUl .more2::after {
	content: "";
	display: block;
	width: 0.12rem;
	height: 0.19rem;
	background-image: url("../images/arrowRight2.png");
	background-size: contain;
	margin-left: 0.14rem;
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 0.02rem;
}

.carUl .more2:hover {
	border: none;
	transform: translateX(0.2rem);
}

.HomeSlider .itemCon3 img {
	transition: all 0.3s ease 0s;
	width: 5.09rem;
	object-fit: cover;
}

.HomeSlider .itemCon3:hover img {
	transform: scale(1.05);
}

@media screen and (max-width: 1024px) {
	.carUl .item2 {
		height: 4.88rem;
	}

	.carUl .itemCon2 .title {
		bottom: 2.20rem;
	}

	.carUl .zlbjIndex .myMenu {
		/* margin-top: 0.5rem; */
	}
}

@media screen and (max-width: 760px) {
	.carUl .item2 {
		height: 190px;
		width: calc(50% - 5px);
		margin-right: 0px;
		margin-bottom: 60px;
	}

	.carUl {
		justify-content: space-between;
	}

	.qxProduct {
		flex-direction: column;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.qxProduct .center {
		padding-left: 0px;
		margin-top: 20px;
	}

	.sellBox {
		border-radius: 38px;
	}

	.carUl .zlbjIndex {
		margin-top: -60px;
	}

	.carUl .imgBox {
		margin-bottom: 0px;
		height: 130px;
	}

	.carUl .itemCon2 .title {
		margin-bottom: 0px;
	}

	.carUl .more2::after {
		width: 8px;
		height: 10px;
		margin-left: 6px;
		margin-top: 0px;
	}

	.qxProduct .carTypeChange a {
		border-radius: 30px;
		margin-right: 0px;
	}

	.qxProduct .carTypeLink {
		margin-top: 20px;
	}

	.carUl .zlbjIndex .myMenu {
		margin-top: 15px;
	}
}

.qxshPage .HomeSlider .itemCon3 img {
	width: auto;
	height: 3.00rem;
}

.zp {
	width: 100%;
	height: 11.93rem;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.zp .title {
	font-weight: 600;
}

.zp ul {
	margin-top: 0.54rem;
	display: flex;
}

.zp .more,
.zp .moreWhite {
	margin-top: 0px;
	margin-left: 0.7rem;
	margin-right: 0.7rem;
}

.qyjjSlide .myMenuCon .title {
	color: rgb(137, 137, 137);
	padding-top: 0.34rem;
	padding-bottom: 0.34rem;
	position: relative;
	border-bottom: 1px solid rgb(0, 0, 0);
}

.qyjjSlide .myMenuCon .title::after {
	content: "";
	display: block;
	width: 0px;
	position: absolute;
	left: 50%;
	bottom: -0.02rem;
	background-color: rgb(208, 45, 45);
	height: 0.04rem;
	transition: all 0.3s ease 0s;
}

.qyjjSlide .slick-current .myMenuCon .title,
.qyjjSlide .myMenuCon .title:hover {
	color: rgb(208, 45, 45);
}

.qyjjSlide .myMenuCon .title:hover::after,
.qyjjSlide .slick-current .myMenuCon .title::after {
	width: 100%;
	left: 0px;
}

.qyjj.slider {
	padding-bottom: 1.50rem;
}

.qyjjSlide .HomeSlider .slick-arrow {
	bottom: 0.1rem !important;
	right: 2.38rem;
	left: auto !important;
	top: auto !important;
}

.qyjjSlide .HomeSlider .slick-next {
	right: 0.7rem !important;
}

.qyjjSlide .HomeSlider .slick-prev {
	right: 2.37rem !important;
}

.qyjjSlide.zlbjIndex #myMenu {
	margin: -1.12rem auto 0px;
	width: 11.54rem;
}

.qyrySlide .time {
	text-align: center;
	line-height: 1;
	margin-top: 0.38rem;
}

.qyrySlide .intro2 {
	text-align: center;
	line-height: 1;
	margin-top: 0.34rem;
}

.qyrySlide.fwlc .BigSlider {
	padding-bottom: 0px;
}

.qyrySlide.fwlc .myMenuCon .left {
	position: static;
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 0px;
}

.qyrySlide.fwlc .myMenuCon .left::after {
	background-image: none;
}

.qyrySlide.fwlc .title {
	padding-bottom: 0.34rem;
	position: relative;
	border-bottom: 1px solid rgb(0, 0, 0);
	text-align: center;
}

.qyrySlide.fwlc .title::after {
	content: "";
	display: block;
	width: 0px;
	position: absolute;
	bottom: -0.03rem;
	left: 50%;
	height: 0.05rem;
	background-color: rgb(208, 45, 45);
	transition: all 0.3s ease 0s;
}

.qyrySlide.fwlc .title:hover::after,
.qyrySlide.fwlc .slick-current .title::after {
	width: 100%;
	left: 0px;
}

.qySlide .myMenuCon .title {
	color: rgb(0, 0, 0);
	text-align: left;
}

.qySlide .slick-current .myMenuCon .title {
	color: rgb(208, 45, 45);
}

.qySlide .HomeSlider {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-end;
}

.qySlide .BigSlider {
	width: 11.92rem;
}

.qySlide .myMenu {
	width: 4.00rem;
	padding-bottom: 3.60rem;
}

.qySlide .item2 {
	width: 100%;
	background-image: url("../images/qyryBgpng.png");
	background-size: 100% 2.10rem;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 2.10rem;
	position: relative;
	height: 7.10rem;
}

.qySlide .item2 .ryFont {
	width: 100%;
	height: 2.10rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0px;
	bottom: -0.8rem;
	text-align: center;
}

.qySlide .item2 .imgBox {
	max-width: 7.10rem;
	margin: 0px auto;
	object-fit: contain;
}

@media screen and (min-width:761px) {

	.qySlide .HomeSlider .slick-next,
	.qySlide .HomeSlider .slick-prev {
		bottom: 0.1rem !important;
		right: 2.38rem;
		left: auto !important;
		top: auto !important;
	}
}

.qyryCon {
	position: relative;
}

.qyryCon .qyryConFont {
	position: absolute;
	left: 3.06rem;
	top: 3.40rem;
}

.qyryCon .qyryConFont .publicH2,
.qyryCon .qyryConFont .publicIntro {
	text-align: left;
	max-width: 100%;
}

@media screen and (max-width: 760px) {

	.qyryCon .qyryConFont .publicH2,
	.qyryCon .qyryConFont .publicIntro {
		text-align: center;
		max-width: 100%;
	}

	.qyryCon .qyryConFont {
		position: static;
	}

	.qySlide .HomeSlider {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.qySlide .myMenu {
		width: 100%;
		padding-bottom: 0px;
		margin-top: 0px;
	}

	.qySlide .myMenuCon .title {
		text-align: center;
	}

	.qySlide .BigSlider {
		width: 100%;
	}

	.qySlide .item2 {
		background-size: 100% 4.14rem;
		padding-bottom: 0;
		height: 22.62rem;
		background-position: 0;
	}

	.qySlide .item2 .imgBox {
		max-width: 100%;
		height: 9.7rem;
		object-fit: contain;
	}

	.qySlide .item2 .ryFont {
		margin: 0 auto;
		min-height: 3.90rem;
		text-align: center;
		margin-top: 40px;
		height: auto;
		position: static;
		/* overflow: hidden; */
		/* white-space: nowrap; */
		/* text-overflow: ellipsis; */
		width: 100%;
		display: block;
		max-width: 80%;
	}

	.fwlc #myMenu {
		margin-bottom: 20px;
	}

	.qyrySlide .time {
		margin-top: 15px;
	}

	.pb100 {
		padding-bottom: 30px;
	}

	.qySlide .qyjj.slider {
		padding-bottom: 0px;
	}
}

.carUl .HomeSlider .BigSlider .slick-list {
	overflow: visible;
}

@media screen and (max-width: 1920px) {

	.moreWhite,
	.more,
	.whiteMore,
	.redMore {
		border-radius: 36px;
	}

	.mt56 {
		margin-top: 56px !important;
	}

	.layuiBox.mt56 {
		margin-top: 0.56rem !important;
	}

	.searchBox .publicCon .searchBtn a img {
		width: 21px;
		height: 21px;
	}


}

.searchBtn .closeIcon {
	display: none;
}

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

.mapContact img {
	width: 100%;
}

.mapFont {
	position: absolute;
	left: 1.3rem;
	top: 50%;
	transform: translate(0px, -50%);
	padding: 1.10rem 0.7rem;
	background-color: rgba(255, 255, 255, 0.79);
	line-height: 2.67;
}

.buttonGroup {
	animation-delay: 0.5s;
}

.hwFont {
	line-height: 2.4;
}

.wyjm {
	justify-content: flex-start;
	padding-top: 3.20rem;
}

.hwyw .title {
	margin-bottom: 0.4rem;
}

@media screen and (max-width: 760px) {
	.hwFont {
		line-height: 1.5;
		text-align: center;
		font-size: 14px !important;
	}

	.zp {
		/* min-height: 500px; */
	}

	.wyjm {
		justify-content: center;
		padding-top: 30px;
		height: auto;
		padding-bottom: 30px;
	}

	.mapContact .map {
		min-height: 500px;
		object-fit: cover;
	}
}

.ckcxModal .modalCon {
	padding: 0px 1.10rem 0px 0px;
	margin: 1.50rem 0.7rem;
	background: rgb(255, 255, 255);
	height: calc(100vh - 3.00rem);
	min-height: calc(100vh - 3.00rem);
}

.ckCon {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	padding-left: 1.60rem;
}

.ckCon .leftbox {
	width: 6.35rem;
	margin-top: 1.08rem;
	height: calc(100% - 1.6rem);
	overflow-y: auto;
}

.ckCon .rightbox {
	width: 12.20rem;
	height: calc(100% - 1.6rem);
	overflow-y: auto;
	margin-top: 1.08rem;
}

.modalCon ::-webkit-scrollbar {
	display: none;
}

.jobBox .leftbox ::-webkit-scrollbar {
	display: none;
}

.ckCon .rightbox .title {
	font-weight: bold;
}

.ckCon .rightbox .subTitle {
	background: rgb(178, 159, 135);
	margin-top: 0.36rem;
	padding: 0.04rem;
}

.ckCon .rightbox .form {
	color: rgb(33, 33, 33);
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	font-size: max(0.18rem, 10px);
}

.ckCon .rightbox .form .formLeft {
	width: 5.80rem;
	border-bottom: 0.03rem solid rgb(220, 220, 220);
}

.ckCon .rightbox .form .formLeft dl {}

.ckCon .rightbox .form .formLeft dl dt {
	border-bottom: 0.03rem solid rgb(220, 220, 220);
	line-height: 1;
	padding-top: 0.35rem;
	padding-bottom: 0.05rem;
	margin-bottom: 0.09rem;
}

.ckCon .rightbox .form .formLeft dl dd {
	display: flex;
	justify-content: space-between;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 1;
}

.ckCon .rightbox .form .formLeft dl dd div:nth-child(2) {
	width: 114px;
	min-width: 1.50rem;
}

.ckCon .rightbox .form .formLeft dl dd div:nth-child(1) {
	flex: 1 1 0%;
}

.ckCon .rightbox .form .formLeft dl dd:nth-child(2n + 1) div {
	background: rgb(216, 207, 195);
	padding: 0.04rem;
}

.ckCon .rightbox .form .formRight {
	width: 600rem;
}

.ckCon .rightbox .form table {
	width: 100%;
	border-bottom: 0.03rem solid rgb(220, 220, 220);
	padding-bottom: 0.21rem;
}

.ckCon .rightbox .form .formRight tr {
	text-align: center;
}

.ckCon .rightbox .form .formRight tr th {
	border-bottom: 0.03rem solid rgb(220, 220, 220);
	font-weight: normal;
	line-height: 1;
	padding-top: 0.35rem;
	padding-bottom: 0.05rem;
	margin-bottom: 0.09rem;
}

.ckCon .rightbox .form .formRight tr td {
	line-height: 1;
	padding-top: 0.21rem;
	padding-bottom: 0.21rem;
}

.ckCon .rightbox .form .formRight tr td:nth-child(1) {
	text-align: left;
}

.ckCon .rightbox .form .formRight tr th:nth-child(1) {
	text-align: left;
}

table,
th,
td {
	border-collapse: collapse;
}

.ckCon .zlbjIndex {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
}

.ckCon .zlbjIndex .imgBox {
	width: 100%;
	height: 5.13rem;
	background-image: url("../images/ckcxBg.png");
	display: flex;
	justify-content: center;
	align-items: center;
}

.ckCon .zlbjIndex .imgBox img {
	max-width: 5.76rem;
}

.ckCon .myMenu2 {
	width: 100%;
	margin-top: 0.34rem;
}

.ckCon .myMenu2 a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

.ckCon .myMenu2 a img {
	width: 0.34rem;
	height: 0.34rem;
	margin-bottom: 0.14rem;
}

.carTypeSwiper .zlbjIndex {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
}

.carTypeSwiper .carTypeList .itemQx .item,
.carTypeSwiper .carTypeList .itemQx {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.qxshFont .intro2 {
	color: rgba(255, 255, 255, 0.5);
}

.carTypeSwiper .myMenu3 .slick-slide {
	margin-right: 0.2rem;
	width: 0.3rem !important;
	height: 0.3rem !important;
}

.carTypeSwiper .itemCon3:hover .imgBox {
	background: rgba(255, 255, 255, 0.1);
}

.carTypeSwiper .itemCon3 .imgBox {
	width: 3.80rem;
	height: 3.80rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.carTypeSwiper .itemCon3 .imgBox img {
	object-fit: contain;
	width: auto;
	height: auto;
}

.myMenu3 {
	margin-top: 0.2rem;
}

@media screen and (max-width: 760px) {
	.carTypeSwiper .itemCon3 .imgBox {
		width: 4.80rem;
		height: 4.80rem;
	}

	.qyjjSlide.zlbjIndex #myMenu {
		width: 100%;
	}

	.qyjjSlide .HomeSlider .slick-prev,
	.HomeSlider .slick-prev {
		right: auto !important;
		left: 0.7rem !important;
	}

	.qyjjSlide .HomeSlider .slick-arrow,
	.HomeSlider .slick-arrow {
		bottom: auto !important;
		top: 50% !important;
	}
	.jobDetailCon .intro { display:none;}
	.jobDetailCon .intro_new{ display:block;}
	.w_xl_job{ display:none;}
}

.carTypeSwiper .myMenu3 .slick-slide a,
.carTypeSwiper .myMenu3 .slick-slide a img {
	width: 0.3rem;
	height: 0.3rem;
	display: block;
	border-radius: 50%;
}

.jobDetailUl {
	display: flex;
	margin-top: 0.2rem;
}

.jobDetailUl li {
	padding: 0.06rem 0.16rem;
	line-height: 1;
	background: rgb(249, 222, 220);
	border-radius: 0.05rem;
	margin-right: 0.1rem;
}

.jobDetailFont {
	margin-top: 0.25rem;
}

.jobDetailCon .intro {
	line-height: 2em;
	white-space: pre-line;
	word-break: break-word;
	font-size: 14px;
	font-size: max(0.16rem, 14px);
	color: rgb(100, 106, 115);
	overflow: hidden;
	margin-top: 0.25rem;
}

.tdtd {
	background: rgb(201, 202, 202);
	padding: 0.36rem 0.25rem;
}

.tdtdCon {
	line-height: 2em;
}

.jobDetailCon .title {
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 0.16rem;
}

.jobDetailCon .title::before {
	content: "";
	display: block;
	width: 0.04rem;
	background: rgb(208, 45, 45);
	height: 100%;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0px, -50%);
}

.rz {
	background: rgb(247, 239, 201) !important;
}

.jz {
	background: rgb(245, 164, 158) !important;
}

@media screen and (max-width: 1921px) {
	.jobDetailCon .title::before {
		width: 4px;
	}

	.jobDetailCon .title {
		padding-left: 16px;
	}

	.jobDetailUl li {
		padding: 6px;
	}
}

@media screen and (max-width: 1024px) {
	.pt186 {
		padding-top: 86px;
	}

	.jobDetailUl {
		margin-top: 10px;
	}

	.jobDetailFont {
		margin-top: 15px;
		line-height: 1.5 !important;
	}

	.jobDetailCon.pt85 {
		padding-top: 30px !important;
	}
}

.zpggList .item {
	padding-top: 0.68rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid rgb(181, 181, 182);
}

.zpggList .itemCon {
	display: flex;
	justify-content: space-between;
}

.zpggList .itemCon .leftbox {
	display: flex;
	align-items: center;
	max-width: calc(100% - 2.15rem);
}

.zpggList .itemCon .leftbox .title {
	margin-right: 0.4rem;
	flex: 1 1 0%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.zpggList .itemCon .leftbox .tag {
	display: flex;
	align-items: center;
}

.zpggList .itemCon .leftbox .tag .tagDiv {
	padding: 0.06rem 0.2rem;
	line-height: 1;
	border: 1px solid rgb(208, 45, 45);
	margin-left: 0.2rem;
}

.zpggList .itemCon .time {
	white-space: nowrap;
	width: 2.15rem;
	text-align: right;
}

.zpggList .item:hover .title {
	color: rgb(208, 45, 45);
}

.tdlcList {
	display: flex;
	justify-content: center;
}

.tdlcList .item {
	display: flex;
}

.tdlcList .item::after {
	width: 0.7rem;
	height: 0.51rem;
	content: "";
	display: block;
	background-size: contain;
	background-image: url("../images/arrowRightBold.png");
	margin-top: 0.46rem;
	margin-left: 0.68rem;
	margin-right: 0.68rem;
}

.tdlcList .item:last-child::after {
	display: none;
}

.tdlcList .item .itemCon {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.tdlcList .item .itemCon .icon {
	height: 1.34rem;
}

.tdlcList .item .itemCon:hover .icon {
	animation: 0.5s ease 0s 1 alternate none running icon-bounce;
}

@-webkit-keyframes icon-bounce {

	0%,
	100% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(15deg);
	}

	50% {
		transform: rotate(-15deg);
	}

	75% {
		transform: rotate(5deg);
	}

	85% {
		transform: rotate(-5deg);
	}
}

.tdlcList .item .itemCon .title {
	line-height: 1;
	margin-top: 0.85rem;
}

.tdLctips {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.schollNewsTableBox {
	width: 100%;
	background-color: rgb(255, 255, 255);
	padding: 0px 0px 1.00rem 2.50rem;
}

.schollNewsTableBox .schollNewsTable {
	width: 100%;
}

.schollNewsTableBox .schollNewsTable th {
	text-align: left;
}

.schollNewsTableBox .schollNewsTable th div {
	display: flex;
	align-items: center;
	padding-top: 0.7rem;
	padding-bottom: 0.65rem;
	line-height: 1;
	font-weight: normal;
}

.schollNewsTableBox .schollNewsTable th div img {
	width: 0.38rem;
	margin-right: 0.3rem;
}

.schollNewsTableBox .schollNewsTable tr:hover td {
	color: rgb(208, 45, 45);
}

.xzrc .myMenu {
	width: 4.12rem;
	margin: -0.95rem auto 0px;
	line-height: 1;
}

.xzrc .zlbjIndex {
	margin-top: 0px;
	padding-left: 0.7rem;
	padding-right: 0.7rem;
}

.myMenuCon .titleMonth {
	text-align: center;
	line-height: 1;
}

.xzrc .myMenuJob {
	width: 6.36rem;
	margin: 0px auto;
}

.xzrc .myMenuJob {
	margin-top: 0.45rem;
}

.xzrc .myMenuJob .slick-current .titleMonth {
	color: rgb(208, 45, 45);
}

.xzrc .myMenuJob .slick-track {
	display: flex;
	justify-content: center;
	width: 100% !important;
}

.HomeSliderJob {
	padding-bottom: 1.40rem;
}

.BigSliderJob .slick-arrow {
	bottom: -2.00rem !important;
}

.zlbjIndex.qyjjSlide {
	padding-left: 0.7rem;
	padding-right: 0.7rem;
}

@media screen and (max-width: 1024px) {
	.xzrc .myMenuJob {
		width: 50%;
	}

	.schollNewsTableBox .schollNewsTable th div img {
		width: 20px;
		margin-right: 10px;
	}

	.zpggList .itemCon .time {
		width: 120px;
	}

	.zpggList .itemCon .leftbox {
		max-width: calc(100% - 120px);
	}

	.xzrc .myMenuJob {
		margin-top: 15px;
		width: 94%;
	}

	.HomeSliderJob {
		padding-bottom: 40px;
	}

	.tdlcList .item::after {
		margin-left: 0.3rem;
		margin-right: 0.3rem;
	}

	.xzrc .myMenu {
		width: 50%;
	}
}

.clearBtn {
	cursor: pointer;
}

.clearBtn.on,
.clearBtn:hover {
	color: rgb(208, 45, 45);
}

.schoolList .top {
	display: flex;
	align-items: center;
	line-height: 1;
	flex-wrap: wrap;
}

.schoolList .top .jobDetailUl {}

.schoolList .jobDetailFont {
	line-height: 1;
}

.rczpPage {
	background: rgb(248, 248, 246);
}

.schoolList .item {
	background: transparent;
	padding: 0.16rem 0.28rem 0.36rem;
	margin-bottom: 0.12rem;
	transition: all 0.5s ease 0s;
}

.schoolList .item:hover {
	background: rgb(255, 255, 255);
	box-shadow: rgba(187, 191, 196, 0.25) 0px 8px 32px;
}

.jobBox .rightbox .titleH {
	margin-bottom: 0.16rem;
}

.schoolList .top .title {
	margin-right: 0.2rem;
	margin-top: 0.26rem;
}

.jobBox {
	display: flex;
}

.selectTitle {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 0.24rem;
	padding-bottom: 0.2rem;
}

.jobBox .layui-form-item {
	display: flex;
	flex-direction: column;
}

.jobBox .leftbox {
	width: 4.00rem;
	min-width: 250px;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	padding-right: 0.5rem;
	box-sizing: border-box;
	margin-right: 0.2rem;
}

@media screen and (min-width: 760px) {
	.jobBox .leftbox {
		display: block !important;
	}
}

.jobBox .rightbox {
	flex: 1 1 0%;
}

.jobBox .layui-form-label {
	width: 100%;
	font-size: 16px;
	font-size: max(0.28rem, 16px);
	margin-bottom: 0.4rem;
}

.jobBox .hasEj .layui-input-block ul {
	display: none;
	padding-left: 30px;
}

.jobBox .hasEj .layui-input-block {
	position: relative;
	padding-left: 25px;
}

.jobBox .layui-input-block .triangle {
	width: 18px;
	height: 18px;
	display: inline-block;
	float: left;
	position: absolute;
	top: 0.2rem;
	left: 0px;
	background-image: url("../images/triangle.png");
	background-repeat: no-repeat;
	border-radius: 50%;
	background-position: center center;
	cursor: pointer;
	background-size: 7px 14px;
}

.jobBox .layui-input-block .triangle:hover {
	background-color: rgba(31, 35, 41, 0.06);
}

.jobBox .layui-input-block .triangle.on {
	transform: rotate(90deg);
}

.sxBtn,
.openbtnBox {
	display: none;
}

@media screen and (max-width: 1024px) {
	.jobBox .rightbox .titleH {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 760px) {
	.sxBtn {
		border: 1px solid rgb(0, 38, 60);
		font-size: 14px;
		line-height: 32px;
		height: 32px;
		min-width: 66px;
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		padding: 0px 10px;
		margin-bottom: 20px;
		cursor: pointer;
	}

	.jobBox {
		flex-direction: column;
	}

	.jobBox .leftbox {
		width: 100%;
		border-right: none;
		padding-right: 0px;
		margin-right: 0px;
	}

	.layuiBox.mt56 {
		margin-top: 20px !important;
	}

	.layui-form.mb100 {
		margin-bottom: 20px;
	}

	.jobBox .leftbox {
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0px;
		top: 0px;
		background: rgb(33, 33, 33);
		z-index: 1000;
		color: rgb(255, 255, 255);
		padding: 0px 0.7rem 30px;
		box-sizing: border-box;
		display: none;
	}

	.layui-form-checkbox[lay-skin="primary"] span {
		color: rgb(255, 255, 255) !important;
	}

	.jobBox .leftbox .wow {
		visibility: visible !important;
	}

	.selectTitle {
		border-bottom: 1px solid rgb(255, 255, 255);
		margin-top: 56px;
	}

	.selectTitle .font000 {
		color: rgb(255, 255, 255) !important;
	}

	.clearBtn.on,
	.clearBtn:hover {
		color: rgb(208, 45, 45) !important;
	}

	.layuiBox {
		height: calc(100vh - 140px);
		overflow-y: auto;
	}

	.openbtnBox {
		display: block;
		position: fixed;
		right: 0.7rem;
		top: 15px;
	}
}

.socialH {
	display: flex;
}

.socialH .leftbox {
	width: 4.00rem;
	min-width: 250px;
}

.socialH .rightbox {
	flex: 1 1 0%;
	display: flex;
	justify-content: flex-end;
}

.socialH .rightbox .selectTitle {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

.socialTable,
.socialTable table {
	width: 100%;
}

.socialTable table th {
	text-align: left;
	line-height: 1;
	padding-top: 0.6rem;
	padding-bottom: 0.5rem;
	padding-left: 0.2rem;
}

.socialTable table tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.socialTable table td {
	text-align: left;
	line-height: 1;
}

.socialTable table td a {
	display: flex;
	padding-top: 0.6rem;
	padding-bottom: 0.5rem;
	color: rgb(0, 0, 0);
	padding-left: 0.2rem;
}

.socialTable table td img {
	cursor: pointer;
	width: 0.24rem;
}

.socialTable table tr:hover {
	background: rgb(220, 221, 221);
}

.socialTable table tr:nth-child(1):hover {
	background-color: transparent;
}

.shareLinkBox {
	display: flex;
	padding: 0.45rem 0.2rem 0.35rem;
	color: rgb(0, 0, 0);
	display: none;
}

@media screen and (max-width: 760px) {

	.socialTable table td a,
	.socialTable table th {
		padding-top: 15px;
		padding-bottom: 15px;
		justify-content: center;
		text-align: center;
	}

	.socialH {
		position: fixed;
		left: 0.7rem;
		top: 56px;
		z-index: 1002;
		display: none;
		padding-top: 0px !important;
	}

	.socialJob .layuiBox.mt56 {
		margin-top: 120px !important;
	}

	.socialJob .sxBtn {
		margin-top: 20px;
	}

	.socialH.on {
		display: flex;
	}

	.socialH .rightbox .selectTitle,
	.socialH .leftbox .selectTitle {
		margin-top: 0px !important;
	}
}

.copyLink {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgb(84, 88, 90);
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-size: max(0.16rem, 12px);
	height: 0.44rem;
	line-height: 0.44rem;
	padding: 0px 0.1rem;
	z-index: 9999;
	display: none;
}

@media screen and (max-width: 1921px) {
	.copyLink {
		height: 44px;
		line-height: 44px;
		padding: 0px 10px;
	}
}

@media screen and (max-width: 1024px) {
	.socialTable table td img {
		width: 12px;
	}
}

.exportH {
	display: flex;
	line-height: 1;
	border-bottom: 1px solid rgb(220, 220, 220);
	padding-bottom: 0.08rem;
	justify-content: space-between;
	padding-top: 0.6rem;
}

.exportList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.exportList ul {
	max-width: 100%;
	padding-top: 0.04rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.exportList ul li {
	list-style: disc;
	margin-top: 0.12rem;
	float: left;
	width: 44%;
	padding-right: 1%;
	font-size: 12px;
	margin-left:4%;
}

@media screen and (max-width: 1600px) {
	.ckCon .leftbox {
		width: 420px;
		margin-right: 15px;
	}

	.exportList ul li {
		font-size: 11px;
	}

	.ckCon .rightbox {
		width: calc(100% - 400px);
	}

	.ckCon {
		padding-left: 0.7rem;
	}

	.ckCon .rightbox .form .formLeft,
	.ckCon .rightbox .form .formRight {
		width: calc(50% - 10px);
	}
}

@media screen and (max-width: 1024px) {
	.ckCon {
		padding-left: 0;
		flex-direction: column;
		justify-content: flex-start;
		overflow-y: auto;
	}

	.ckcxModal .modalCon {
		padding-left: 0.7rem;
		padding-right: 0.7rem;
	}

	.exportList ul {
		padding-left: 0.7rem;
	}
	.ckCon .leftbox{
		height: auto;
		overflow-y: visible;
	}
	.ckCon .leftbox,
	.ckCon .rightbox {
		width: 100%;
		height: auto;
		overflow-y: visible;
		
	}

	.exportList ul li {
		margin-top: 10px;
	}

	.exportH {
		padding-bottom: 10px;
		padding-top: 20px;
	}

	.ckCon .rightbox .form .formLeft,
	.ckCon .rightbox .form .formRight {
		width: 100%;
	}

	.ckCon .rightbox .form {
		width: 100%;
		flex-direction: column;
	}

	.ckCon .rightbox .form .formLeft dl dd:nth-child(2n + 1) div {
		padding: 6px;
	}

	.ckCon .rightbox .form .formRight tr td {
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.ckCon .rightbox .form .formRight tr th {
		line-height: 1;
		padding-top: 10px;
		padding-bottom: 5px;
		margin-bottom: 9rem;
	}

	.carUl .HomeSlider .itemCon3 img {
		width: auto;
	}
}

@media screen and (min-width: 1921px) {

	.more,
	.redMore {
		border-radius: 0.18rem !important;
	}

	.carTypeTwo {
		margin-top: 0.15rem;
		margin-bottom: 0.15rem;
	}

	.TopListTwoBox,
	.TopClose {
		top: 0.56rem !important;
	}

	.TopClose img {
		width: 0.18rem;
	}

	.TopHead .toperList .Searchico {
		background-size: 0.21rem !important;
		background-position: center;
	}

	.TopHead .searchbox {
		width: 5.02rem !important;
		height: 0.36rem !important;
		line-height: 0.36rem !important;
		border-radius: 0.36rem !important;
	}

	.TopHead .searchbox input {
		height: 0.36rem !important;
		line-height: 0.36rem !important;
		width: calc(100% - 0.6rem) !important;
		border-top-left-radius: 0.36rem !important;
		border-bottom-left-radius: 0.36rem !important;
	}

	.TopHead .searchbox button {
		width: 0.6rem !important;
		height: 0.38rem !important;
		margin-top: -1rem !important;
	}

	.TopHead .searchbox button img {
		width: 0.21rem !important;
	}
}

.qbzk2 .publicIntro {
	max-width: 15.00rem;
}

@media screen and (max-width: 1024px) {
	.qbzk2 .publicIntro {
		max-width: 100%;
		margin-top: 1.12rem;
		margin-bottom: 0;
	}
}

.messagePage .btnGroup a,
.messagePage .btnGroup button {
	padding: 0.10rem 0.94rem;
	cursor: pointer;

}

.tdtdCon a {
	color: rgb(208, 45, 45);
}

.jobSchoolSlide .myMenuCon .title {
	font-weight: bold;
}

.kgList .itemCon .left .title,
.khList .itemCon .title {
	font-weight: 600;
}

.searchList .itemCon .left .title {
	font-weight: 600;
}

.fwcnSlide #myMenu {
	width: 20.45rem;
	margin: 0 auto;
}

.fwlc #myMenu {
	width: 21.36rem;
	margin: 0 auto;
	margin-bottom: 0.5rem;
}

.qyrySlide.fwlc .title {
	font-size: 14px;
	font-size: max(0.18rem, 14px);
}

.serviceCheck .publicH2 {
	text-align: left;
	padding-left: 1.3rem;
	padding-right: 1.3rem;
}

.serviceCheck .publicIntro {
	text-align: left;
	max-width: 100%;
	padding-left: 1.3rem;
	padding-right: 1.3rem;
}

/* .moreBox .more{
	background: transparent;
	    border: 1px solid #000;
	    color: #000;
		transition: all 0.3s ease;
} */
.moreBox .more:hover {
	/* background-color:rgb(208, 45, 45); */
	/* color: #fff; */
	/* border-color: #fff; */
	border: 1px solid #000;
}

.aqzrSlides .slick-arrow {
	border-color: #fff;
}

.aqzrSlides .slick-prev::after {
	background-image: url(../images/arrowLeftWhite.png);
}

.aqzrSlides .slick-next::after {
	background-image: url(../images/arrowRightWhite.png);
}

.qySlide.zlbjIndex {
	padding-left: 3.76rem;
}

@media screen and (min-width: 1025px) {
	.TopHead .center {
		position: fixed;
		left: 50%;
		transform: translate(-50%, 0px);
		display: flex;
		top: 0;
		align-items: center;
		height: 56px;
	}
}

.botft {
	text-align: left;
	color: #8b8b8b;
}

.botft,
.botft a {
	color: #8b8b8b;
	font-size: 12px;
	font-size: max(0.18rem, 12px);
	line-height: 1.67;
}

.botft div,
.botft a {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-size: max(0.14rem, 12px);
	color: #585858 !important;
}

.botft a img {
	margin-left: 0.05rem;
	margin-right: 0.05rem;
}

.lyForm .tj,
.lyForm .cz {
	display: flex !important;
	align-items: center;
	background-color: transparent !important;
	border: 1px solid #000 !important;
	color: #000 !important;
	transition: all 0.3s ease;
}

.lyForm .tj::before,
.lyForm .cz::before {
	content: "";
	display: block;
	width: 0.24rem;
	height: 0.24rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 0.16rem;
}

.lyForm .tj::before {
	background-image: url(../images/tj.png);
}

.lyForm .cz::before {
	background-image: url(../images/cz.png);
}

.lyForm .tj:hover,
.lyForm .cz:hover {
	background-color: rgb(208, 45, 45) !important;
	border-color: rgb(208, 45, 45) !important;
	color: #fff !important;
}

.lyForm .tj:hover::before {
	background-image: url(../images/tjH.png);
}

.lyForm .cz:hover::before {
	background-image: url(../images/czH.png);
}

@media screen and (max-width: 1600px) {

	.yl,
	.load {
		border-radius: 42px;
	}

	.yl::before,
	.load::before,
	.clList .itemCon .leftBox::before,
	.lyForm .tj::before,
	.lyForm .cz::before {
		width: 14px;
		height: 14px;
		background-size: contain;
	}

	.clList .itemCon .leftBox {
		padding-left: 20px;
	}

	.custom-checkbox input[type="checkbox"],
	.custom-checkbox .checkmark {
		width: 14px;
		height: 14px;
	}

	.custom-checkbox {
		padding-left: 20px;
	}

	.custom-checkbox input[type="checkbox"]:checked+.checkmark::after {
		left: 4px;
		top: 0px;
		width: 4px;
		height: 10px;
	}
}

.fwlnBox {
	position: relative;
}

.fwlnBox .fwznIcon {
	position: absolute;
	top: 2.80rem;
	left: 3rem;
	width: 5.40rem;
}

.fwlnBox .title {
	position: absolute;
	top: 6.18rem;
	left: 1.90rem;
	line-height: 1;
}

.fwlnBox .title2 {
	position: absolute;
	bottom: -0.5rem;
	left: 1.3rem;
	line-height: 1;
	font-weight: bold;
}

.fwlnBox .intro {
	position: absolute;
	bottom: 0;
	left: 5rem;
	line-height: 1;
	font-weight: bold;
}

@media screen and (max-width: 760px) {
	.publicH2 {
		font-size: 20px;
		font-size: max(0.56rem, 20px);
	}

	.publicIntro {
		font-size: 14px;
	}

	.carTypeTwo {
		flex-wrap: wrap;
	}

	.carTypeTwo li:last-child {
		margin-top: 15px;
	}

	.carList .linkBox .more {
		margin-top: 0;
	}

	.font46 {
		font-size: 18px;
		font-size: max(0.46rem, 18px);
	}

	.carTypeTwo li {
		margin-right: 30px;
	}

	.ckCon .zlbjIndex .imgBox img {
		max-width: 200px;
	}

	.ckCon .myMenu2 a img {
		width: 14px;
		height: 14px;
		margin-bottom: 10px;
	}

	.ckCon .leftbox {
		padding-top: 56px;
	}

	.ckCon .zlbjIndex .imgBox {
		height: auto;
	}

	.rightBox a,
	.lyForm .cz,
	.lyForm .tj {
		height: 20px;
		line-height: 20px;
		width: 100px;
		display: inline-flex;
		justify-content: center;
	}

	.qySlide.zlbjIndex {
		padding-left: 1rem;
		margin-top: 0.8rem !important;
		padding-right: 1rem;
	}

	.footer .copyRight {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.botft div,
	.botft a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		flex-wrap: wrap;
	}

	.ckCon .rightbox .form {
		font-size: 14px;
		font-size: max(0.18rem, 14px);
	}

	.schoolList .item {
		margin-bottom: 12px;
	}

	.mapFont {
		left: 0.7rem;
		max-width: 94%;
	}

	.tdLctips {
		justify-content: center;
		text-align: center;
		padding: 0 0.7rem;
	}

	.schollNewsTableBox .schollNewsTable {
		width: 100%;
		line-height: 2;
	}
}

@media screen and (max-width: 1024px) {

	.carTypeVideo,
	.video {
		display: none;
	}

	.ckCon .rightbox .form .formLeft dl dt {
		padding-top: 15px;
		padding-bottom: 5px;
		margin-bottom: 9px;
	}

	.lyTitle .rightBox a {
		width: auto;
		height: auto;
		text-align: left;
		justify-content: flex-start;
	}

	.messagePage .btnGroup button {
		padding: 0 10px;
		cursor: pointer;
		width: auto;
	}
}

.modalCon2 {
	width: 100%;
	height: 100%;
	min-width: 100vw;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.fomrModal {
	padding: 1.00rem 1.65rem;
	background: #FFFFFF;
	box-shadow: 5px 6px 14px 2px rgba(22, 14, 4, 0.35);
	position: relative;
}

.fomrModal .closeBtn {
	position: absolute;
	right: 0.56rem;
	top: 0.56rem;
}

.fomrModal .btnGroup a {
	margin: 0 auto;
}

@media screen and (max-width:760px) {
	.fomrModal {
		width: 94%;
	}

	.custom-checkbox a {
		margin-left: 6px;
	}

	.carTypeSwiper .myMenu3 .slick-slide a,
	.carTypeSwiper .myMenu3 .slick-slide a img {
		width: 14px;
		height: 14px;
	}

	.carTypeSwiper .myMenu3 .slick-slide {
		margin-right: 10px;
		width: 14px !important;
		height: 14px !important;
	}
}

.yzmTip {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0.42rem;
}

.yzmTip .icon {
	margin-right: 0.16rem;
}

.fomrModal .btnGroup {
	margin-top: 0.32rem;
}

@media screen and (max-width:760px) {
	.yzmTip {
		margin-top: 15px;
	}

	.fomrModal .btnGroup {
		margin-top: 15px;
	}
}

.exportImg {
	width: 100%;
}

.ckcxModal2 {
	align-items: center;
	justify-content: center;
}

.ckcxModal2.on {
	display: flex !important;
}


.ckcxModal2.ckcxModal .modalCon {
	position: relative;
	width: 14.68rem;
	height: 8.3rem;
	min-height: 8.3rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.ckcxModal2 .qxshModalImg {
	width: 9rem;
	margin: 0 auto;
}

.ckcxModal2 .closeBtn {
	right: 0.6rem;
	top: 0.6rem;
	position: absolute;
}

.ckcxModal2 .title {
	text-align: center;
	margin-top: 0.6rem;
}

@media screen and (max-width:1024px) {
	.ckcxModal2.ckcxModal .modalCon {
		width: 94%;
		height: 360px;
	}

	.ckcxModal2 .closeBtn {
		right: 15px;
		top: 15px;
	}

	.ckcxModal2 .qxshModalImg {
		width: auto;
		max-width: 70%;
		max-height: 220px;
	}

	.ckcxModal2 .title {
		margin-top: 20px;
	}
}

.mapIcon {
	cursor: pointer;
	float: left;
}

.mapIcon1 {
	width: 38px;
}

.mapIcon2 {
	width: 38px;
	display: none;
}

.bscBox .closeIcon {
	cursor: pointer;
	float: right;
	margin-top: 20px;
}

.bscBox .bscDm {
	background: #DEDFDF;
	display: inline-block;
	border-radius: 12px;
	padding: 3px 12px;
	line-height: 1;
	color: #D02D2D;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 12px;
	/* display: inline-block; */
	float: left;
}

.bscBox .itemConImg {
	width: 0.37rem;
	height: 0.37rem;
	border-radius: 50%;
	border: 1px solid #DCDDDD;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bscBox .itemConImg img {
	width: 0.2rem;
}

@media screen and (max-width:1440px) {
	.bscBox .itemConImg {
		width: 30px;
		height: 30px;
	}

	.bscBox .itemConImg img {
		width: 14px;
	}
}

.bscBox .title {
	line-height: 1;
	margin-top: 0.18rem;
}

.ckcxModal3 .modalCon {
	height: 9.66rem;
}

.ckcxModal3.ckcxModal .modalCon {
	justify-content: flex-start;
	padding-right: 0;
}

.ckcxModal3.ckcxModal .closeBtn {
	right: 0.2rem;
	top: 0.2rem;
	position: absolute;
}

.ckcxModal3.ckcxModal .titleYs {
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .3);
	line-height: 1;
	padding: 0.47rem 0.32rem 0.27rem 0.32rem;
}

.ckcxModal3.ckcxModal .ysCon {
	flex: 1;
	width: calc(100% - 0.64rem);
	margin: 0.32rem auto;
	line-height: 2;
	overflow-y: auto;
}

@media screen and (max-width:1024px) {
	.ckcxModal3.ckcxModal .titleYs {
		padding: 0;
		height: 56px;
		line-height: 56px;
	}

	.ckcxModal3.ckcxModal .closeBtn {
		right: 10px;
		top: 10px;
	}

	.ckcxModal3.ckcxModal .modalCon {
		height: calc(100vh - 164px);
	}
}

@media screen and (min-width:760px) {
	.mapTitleBox {
		display: none;
	}
}

@media screen and (max-width:760px) {
	/* .tanchuBox {
		display: none;
	} */

	.bscBox {
		width: 100%;
		right: 0 !important;
		top: auto !important;
		bottom: 0 !important;
		height: 350px;
	}

	.bscBox .more {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		padding: 0;
		border-radius: 12px;
	}

	.bscCompany {
		font-size: 16px;
	}

	.bscBox .bscDm {
		font-size: 12px;
	}

	.bscArea,
	.bscPhone,
	.bscJl {
		margin-top: 10px;
	}

	.bscBox .bscDm {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.bscBox .more {
		margin-top: 15px;
	}

	.bscBox .closeIcon {
		display: none;
	}

	.mapTitleBox {
		height: 56px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		position: relative;
		font-size: 18px;
	}

	.mapTitleBox .arrowLeft {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translate(0, -50%);
		width: 24px;
		cursor: pointer;
	}

	.bscCompany {
		margin-top: 0;
	}

	.tanchuBox {
		width: 100%;
		left: 0 !important;
		top: auto !important;
		bottom: 0 !important;
		height: 350px;
		max-height: initial;
	}

	.tanchuBtn {
		/* height: 58px; */
		/* display: flex; */
		/* align-items: center; */
	}

	.tanchuBtn li {
		/* height: 40px; */
		/* padding: 0 20px; */
	}

	.tanchuBtn li a {
		/* background-size: 12px; */
	}

	.selectDl {
		top: 50px
	}

	.tabInfo {
		height: auto;
	}

	.tabInfoList.on {
		/* height: 260px; */
		/* margin-top: 10px; */
	}

	.tabInfoList .company,
	.tabInfoList .area,
	.tabInfoList .phone {
		line-height: 1.5;
	}
}

@media screen and (min-width:761px) and (max-width:1280px) {
	.tanchuBox {
		width: 320px;
	}
}

.gray-scroll-bar {
	scrollbar-width: 6px;
	scrollbar-color: rgba(18, 21, 26, .1)
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset006pxrgba(0, 0, 0, .3);
	border-radius: 10px
}

::-webkit-scrollbar-thumb {
	background-color: rgba(131, 119, 99, 1);
	border-radius: 3px;
	-webkit-box-shadow: inset006pxrgba(0, 0, 0, .5)
}

.empty {
	margin-top: 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.empty .empty_logo {}

.empty .emptyTitle {
	color: rgba(18, 21, 26, .3);
	font-size: 14px;
	margin-top: 18px;
	margin-bottom: 64px;
}

/* .mapBox .imgBox img {
	height: 100vh;
} */

.lyForm .formBox .list {
	position: relative;
}

.errorTip {
	position: absolute;
	left: 0;
	bottom: -25px;
	line-height: 25px;
	font-size: 12px !important;
}
@media screen and (max-width:760px) {
	.errorTip {
	position: relative;
	bottom:0;
	}
	#codeimg{ width:100px;}
	}
.formBox .list {
	/* padding-top: 0.69rem; */
	padding-bottom: 0.26rem;
	line-height: 1;
	height: 1.14rem;
}

.lyForm .formBox .list {
	padding-top: 25px;
	padding-bottom: 15px;
}

.custom-checkbox {
	margin-top: 0.65rem;
}

.formBox .list .zx_text {
	flex: 1;
}

.fomrModal .btnGroup {
	margin-top: 25px;
}

.formBox .list button {
	background: transparent;
	border: none;
	cursor: point;
}

/* .mfp-close{
	background: url(../images/closeBtn.png) !important;
	    font-size: 0 !important;
	    background-repeat: no-repeat !important;
	    width: 0.78rem !important;
	    height: 0.78rem !important;
	    background-size: contain !important;
} */
.contrast {
	width: 100%;
	/* height: 100vh; */
	padding-top: 2.46rem;
	/* padding-bottom: 2.46rem */
}

.contrast .publicCon2 {
	display: flex;
	flex-direction: column;
}

.contrast .titleBox .intro {
	opacity: 0.9;
}

.selectCar {
	width: 3.32rem;
	height: 1.16rem;
	border: 0.02rem solid #524D41;
	display: flex;
	align-items: center;
	justify-content: center;
	transiton: all 0.3s ease;
	margin-left: -0.4rem;
}

.selectCar:before,
.dbBtn:before {
	content: '';
	display: block;
	width: 0.36rem;
	height: 0.36rem;
	margin-right: 0.3rem;
	background-image: url(../images/addIconBlack.png);
	background-size: contain;
	background-position: center;
	margin-top: -0.05rem;
}

.selectCar:hover {
	background: #EDE9E0;
	border-color: #524D41;
}

.selectCar:hover:before {}

@media screen and (max-width:1024px) {
	.contrast {
		padding-top: 106px;
		/* padding-bottom: 106px; */
	}

	.selectCar {
		width: auto;
		height: auto;
		padding: 8px 15px;
	}

	.selectCar:before {
		width: 16px;
		height: 16px;
	}
}

.carModal {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	/* display: flex; */
	justify-content: center;
	align-items: center;
	padding-top: 100px;
	padding-bottom: 100px;
	overflow-y: auto;
	display: none;
	z-index: 3;
}

.carModal.on {
	display: flex !important;
}

.carModalCon {
	width: 94%;
	min-width: 14.5rem;
	max-width: 1450px;
	/* height: 8.3rem; */
	background: #FFFFFF;
	border-radius: 10px;
	position: relative;
	padding: 1.04rem 0.94rem;
}

.carModalCon .closeBtn {
	position: absolute;
	right: 0.6rem;
	top: 0.6rem;
}

.carModalCon .titleH {
	font-weight: bold;
}

.carDl {
	padding-top: 0.5rem;
}

.carDl .carDt {
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	line-height: 1;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.carDl .carDD {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.carDl .carDD .leftbox {
	display: flex;
	align-items: center;
}

.carDl .carDD .leftbox .title {
	margin-right: 0.72rem;
	font-weight: bold;
}

.dbBtn {
	padding: 0.24rem 0.34rem;
	border: 1px solid #524D41;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	line-height: 1;
}

.dbBtn:hover {
	background-color: #EDE9E0;
}

@media screen and (max-width:760px) {
	.carDl .carDD {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.carDl .carDD .leftbox {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		flex: 1;
		width: 100%;
	}

	.qxProduct.carModal .carTypeChange {
		width: 100%;
	}

	.dbBtn {
		padding: 8px 15px;
	}

	.qxProduct.carModal .carTypeChange {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

.carModal2.on {
	display: flex !important;
}

.carSelectList {
	height: 8rem;
	overflow-y: auto;
	margin-top: 0.94rem;
}

.carSelectList .ul {
	display: flex;
	flex-wrap: wrap;
}

.carSelectList .ul .item {
	width: calc(25% - 0.45rem);
	height: 4.39rem;
	border-radius: 0.2rem;
	border: 1px solid #514D42;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 0.6rem;
	margin-bottom: 0.6rem;
}

.carSelectList .ul .item:nth-child(4n) {
	margin-right: 0;
}

.carSelectList .ul .itemCon {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0.32rem;
	position: relative;
}

.carSelectList .ul .circle {
	width: 0.22rem;
	height: 0.22rem;
	border-radius: 50%;
	border: 1px solid #837762;
	position: absolute;
	right: 0.32rem;
	top: 0.32rem;
}

.carSelectList .ul .item.on .circle {
	background-color: #837762;
}

.carSelectList .ul .imgBox {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.carSelectList .ul .imgBox img {
	/* width: auto; */
	/* height: 2.58rem; */
	transition: all 0.3s ease;
}

.carSelectList .ul .title {
	line-height: 1;
}

.carSelectList .ul .itemCon:hover .imgBox img {
	transform: scale(1.1);
}

@media screen and (max-width:760px) {
	.carSelectList .ul .item {
		width: calc(50% - 0.3rem);
		margin-right: 0;
	}

	.carSelectList .ul {
		justify-content: space-between;
	}

	.carSelectList .ul .item {
		height: auto;
	}

	.carSelectList .ul .imgBox img {
		width: auto;
		height: 100px;
		transition: all 0.3s ease;
	}

	.carSelectList {
		height: calc(100vh - 300px);
		overflow-y: auto;
		margin-top: 0.94rem;
	}
}

.hiDetialCon .intro * {
	line-height: 2;
	width: 100%;
}

.PrevNextBox {
	display: flex;
	justify-content: space-between;
	padding-top: 0.36rem;
	border-top: 1px solid #898989;
}

.PrevNextBox li a {
	transition: all 0.3s ease;
}

.PrevNextBox li a i {
	color: #0A0F1E;
	transition: all 0.3s ease;
}

.PrevNextBox .prevLi a i {
	margin-right: 0.16rem;
}

.PrevNextBox .nextLi a i {
	margin-left: 0.16rem;
}

.PrevNextBox li a:hover,
.PrevNextBox li a:hover i {
	color: #d02d2d;
}

.PrevNextBox .prevLi a:hover i {
	margin-right: 0.2rem;
}

.PrevNextBox .nextLi a:hover i {
	margin-left: 0.2rem;
}

@media screen and (max-width:760px) {
	.PrevNextBox {
		padding-top: 18px;
	}

	.contrastBg .cx-jg-box.fixed {
		padding-left: 6%;
	}
}

.carModal3.on {
	display: flex !important;
}

.carDl .carDD .rightbox {
	display: flex;
}

.dbBtn.aon {
	background: #d02d2d;
	border-color: #d02d2d;
	color: #fff;
}

.dbBtn.aon:before {
	content: 'X';
	background-image: none;
}

.contrastBg .eq-top,
.contrastBg .cx-jg-box.fixed,
.contrastBg .parameter .size ul li:nth-child(even) {
	background-color: #ECE7D9;
}

.contrastBg .parameter .color,
.contrastBg .parameter .size .title,
.contrastBg .parameter .cx-jg-box {
	border-color: rgba(21, 21, 21, 0.5);
}

.contrastBg .parameter .color,
.contrastBg .parameter .cx-jg-box {
	margin: 0;
}

.contrastBg .titleHBox {
	/* display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.contrastBg .titleHBox .imgBox {
	/* display: flex;
	justify-content: center;
	align-items: center; */
	overflow: visible;
	margin-bottom: 0.36rem;
}

.contrastBg .titleHBox .imgBox img {
	width: 4.1rem;
	/* margin-left: -20%; */
	margin-left: 0;
	height: auto;
}

.contrastBg .cx-jg-box li {}

.newSelect {
	color: #847762;
	border-bottom: 1px solid #847762;
	padding-bottom: 0.1rem;
	margin-top: 0.46rem;
	margin-bottom: 0.25rem;
}

.contrastBg .titleHBox .font40 {
	font-weight: bold;
	margin-right: 0.2rem;
}

.contrastBg .titleHBox .titleHBoxCon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.contrastBg .cx-jg-box.fixed {
	height: auto;
}

.contrastBg .parameter .color:nth-child(1) {
	border-bottom: none;
}

.contrastBg .titleHBox .titleHBoxCon .titleH {
	color: #212121;
	line-height: 1;
}

.contrastCar {
	display: flex;
}

.contrastCar .leftbox {
	width: 20%;
}

.contrastCar table td,
.contrastCar .leftbox dd,
.contrastCar .leftbox li,
.contrastCar .rightbox dd {
	padding-top: 0.46rem;
	padding-bottom: 0.46rem;
	line-height: 1;
	font-size: 0.24rem;
}

.contrastCar .leftbox dd:nth-child(even),
.contrastCar .leftbox li:nth-child(even),
.contrastCar .rightbox dd:nth-child(even) {
	padding-top: 0.16rem;
	padding-bottom: 0.16rem;
	background-color: #ECE7D9;
}

.contrastCar table tr:nth-child(2n) td {
	padding-top: 0.16rem;
	padding-bottom: 0.16rem;
	background-color: #ECE7D9;
}

.contrastCar .rightbox {
	width: 80%;
	display: flex;
}

.contrastCar .rightbox dl {
	flex: 1;
}

.contrastBg .parameter .size {
	padding: 0;
}

.contrastCar table {
	width: 100%;
}

.contrastCar td {
	width: 25%;
}

@media screen and (max-width:1024px) {
	.contrastBg .titleHBox .imgBox img {
		width: 100px;
		margin: 0 auto;
	}

	.contrastBg .parameter {
		overflow-x: auto;
	}

	.contrastBg .parameter .color,
	.contrastBg .parameter .size,
	.contrastBg .parameter .cx-jg-box {
		min-width: 760px;
		padding-left: 0;
		padding-right: 0;
	}

	.contrastBg .parameter .size ul li .firstLi,
	.contrastBg .parameter .cx-jg-box ul li.cx-jg {
		background-color: #f8f8f6;
	}

	.contrastBg .parameter .size ul li:nth-child(even) .firstLi {
		background-color: #ECE7D9;
	}

	.firstLi {
		position: -webkit-sticky;
		/* Safari */
		position: sticky;
		left: 0;
		/* 脙茠脗楼脙垄芒鈥毬偮好冣€毭偮好兤捗偮ッ冣€毭偮冣€γ偮∶兤捗偮ッ冣€姑⑩偓聽脙鈥毭偮懊兤捗偮ッ冣€毭偮冣€毭偮姑兤捗偮ッ兟⒚⑩偓啪脗垄脙鈥毭偮兤捗偮冣€γ偮∶兟⒚⑩€毬吢久兤捗偮ッ冣€毭偮访冣€毭偮γ兤捗偮っ冣€毭偮久冣€毭偮� */
		background-color: inherit;
		flex: 0.6 !important;

	}

	.contrastBg .parameter .color .title .title-li {
		flex: 0.5 !important;
	}

	.contrastBg .parameter .size ul li {
		padding: 0;
	}

	.contrastBg .parameter .size ul li span {
		padding: 15px 0;
	}

	.contrastBg .parameter .size ul li:nth-child(even) span {
		padding: 5px 0;
	}


}

.hiDetialCon {
	padding-top: 0;
}

.firstLi,
.contrastBg .parameter .color .title .title-li {
	flex: 0.4 !important;
}

.contrast .titleBox {
	margin-bottom: 1.68rem;
}

@media screen and (max-width:1024px) {
	.contrastBg .parameter .cx-jg-box.fixed {
		position: static;
		background: inherit;
	}
}

.Switch {
	width: 0.92rem;
	height: 0.38rem;
	border-radius: 0.29rem;
	border: 0.02rem solid #837762;
	margin-right: 0.16rem;
	position: relative;
	background: #f8f8f6;
}

.Switch:after {
	width: 0.3rem;
	height: 0.3rem;
	left: 0.02rem;
	top: 0.02rem;
	border-radius: 50%;
	background: #837762;
	content: "";
	position: absolute;
	transition: all 0.3s;
}

.onlyBtn.on .Switch:after {
	left: 0.56rem;
	background: #ffffff;
}

.onlyBtn {
	position: absolute;
	right: 0;
	bottom: 0.28rem;
	display: flex;
	align-items: center;
	cursor: pointer;
	z-index: 2;
}

.onlyBtn.on .Switch {
	background-color: #837762;
}

.contrast .parameter .cx-jg-box ul {
	position: relative;
}

.onlyBtn.wap {
	display: none;
}

@media screen and (max-width:1024px) {
	.onlyBtn.pc {
		display: none;
	}

	.onlyBtn.wap {
		display: flex;
		position: fixed;
		top: 26%;
		right: 0.7rem;
		/* background: #f8f8f6; */
		align-items: center;
		justify-content: center;
		height: 30px;
	}

	.Switch {
		width: 52px;
		height: 26px;
		border-radius: 26px;
	}

	.Switch:after {
		width: 16px;
		height: 16px;
		left: 5px;
		top: 4px;
	}

	.onlyBtn.on .Switch:after {
		left: 30px;
	}

	.selectCar:before,
	.dbBtn:before {
		width: 16px;
		height: 16px;
	}

	.carModal3 .carDl .carDD {
		flex-direction: row;
	}
}

.footer .friendLink .hide {
	display: none;
}

.footer .friendLink li a:hover .show {
	display: none;
}

.footer .friendLink li a:hover .hide {
	display: block;
}

.footer .friendLink li .wx {
	position: relative;
}

.footer .friendLink li figure {
	width: 1.92rem;
	height: 1.97rem;
	position: absolute;
	left: 0;
	bottom: 100%;
	background-image: url(../images/codeBg.png);
	background-size: cover;
	margin-left: -0.76rem;
	display: none;
}

.footer .friendLink li figure img {
	width: 1.34rem;
	height: 1.34rem;
	max-height: none;
	margin: 0 auto;
	margin-top: 0.12rem;
}

.TopHead .searchbox {
	width: 100vw !important;
	left: auto !important;
	right: 0;
	background: rgba(33, 33, 33, .6) !important;
	position: fixed !important;
	height: 56px !important;
	line-height: 56px !important;
}

.TopHead .searchbox input {
	width: 9rem !important;
	margin-top: 10px !important;
	background: rgba(238, 237, 244, .3) !important;
	color: #fff !important
}

.TopHead .searchbox button {
	margin-top: 10px !important;
	background: rgba(238, 237, 244, .3) !important;
	height: 36px !important;
}

.searchboxDiv {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
}

.TopHead .searchbox {
	border-radius: 0 !important;
}

.TopHead .searchbox input::placeholder {
	color: #212121 !important;
	opacity: 0.4;
}

.tanchuBtn {
	position: relative;
}

.citySelect {
	position: static !important;
}

.selectDl {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 1px solid #C9CACA;
	/* height: calc(100vh - 210px); */
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.cityUl dl {
	display: none;
	position: relative;
}

.cityUl .item {
	float: left;
	width: auto;
	position: static;
}

.cityUl .item .erji {
	/* display: block; */
	position: absolute;
	background: inherit;
	width: 100%;
	left: 0;
	height: calc(100vh - 254px);
	overflow-y: auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 8px 0px, rgba(0, 0, 0, 0.05) 0px 15px 15px 0px, rgba(0, 0, 0, 0.03) 0px 34px 21px 0px, rgba(0, 0, 0, 0.01) 0px 61px 24px 0px, transparent 0px 96px 27px 0px;
}

.cityUl .item .yiji {
	position: relative;
	cursor: pointer;
}

.cityUl .item .yiji::after {
	content: '';
	display: none;
	width: 100%;
	height: 2px;
	background: #000000;
	position: absolute;
	left: 0;
	bottom: 0;
}

.cityUl .item.on .yiji::after {
	display: block;
}

.cityUl .item.on .erji {
	display: block !important;
}

.selectDl dd {
	padding: 0px 16px;
}

.ipttxt {
	flex: 1;
}

.citySelectBox2 {
	/* display:block; */
	line-height: 0.8rem;
}

.citySelectBox2 .cityUl .item {
	padding: 0 16px;
}

.citySelectBox2 .cityUl .item .yiji::after {
	background-color: #fff;
}

.citySelectBox2 .erjiCon {
	line-height: 1.7;
	padding: 16px 0;
}

.citySelectBox2 .cityUl .item .erji,
.citySelectBox2 {
	background: #1C1D1D;
}

.citySelectBox2 .cityUl .item .erji {
	height: 6.3rem;
}

.citySelectBox3 .cityUl .item .erji {
	height: 7.4rem;
}

.citySelectBox3 .cityUl .item .erji dd {
	line-height: 45px;
}

.citySelectBox2 .cityUl .item {
	color: #727171;
}

.citySelectBox2 .cityUl .item.on {
	color: #fff;
}

.citySelectBox2 dd {
	border-radius: 0 !important;
	position: relative;
}

.citySelectBox2 dd:hover {
	background: #333437;
}

.citySelectBox2 dd.on {
	background: #2A3040;
}

.citySelectBox2 dd::after {
	content: '';
	display: none;
	width: 22px;
	height: 13px;
	background-image: url(../images/rightIcon.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translate(0, -50%);
}

.citySelectBox2 dd.on::after {
	display: block;
}

.citySelectBox {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.citySelectBox2,
.citySelectBox3 {
	top: 1.26rem;
}

@media screen and (max-width:1024px) {
	.citySelectBox2 .cityUl .item.on .erji {
		height: 350px;
	}

	.citySelectBox3 .cityUl .item.on .erji {
		height: 408px;
	}

	.ppsjForm .title {
		line-height: 18px;
	}

	.citySelectBox2 {
		line-height: 45px;
		top: 64px;
	}

	.ppsjForm {
		padding: 30px 0.7rem;
	}

	.ppsj {
		height: 635px;
		padding-bottom: 0;
	}

	.ppsjForm {
		padding: 30px 0.7rem;
		padding-top: 60px;
	}

	.formBox .list {
		height: 59px !important;
		padding-bottom: 15px !important;
	}

	.ppsjForm .subTitle {
		margin-top: 10px;
		margin-bottom: 15px;
		line-height: 14px;
	}

	.custom-checkbox .checkmark,
	.custom-checkbox input[type="checkbox"] {
		width: 16px;
		height: 16px;
	}

	.custom-checkbox {
		padding-left: 20px;
		margin-top: 60px !important;
	}

	.btnGroup {
		margin-top: 60px !important;
	}
}

@media screen and (max-width:760px) {
	.footer .friendLink li figure {
		width: 96px;
		height: 99px;
		margin-left: -36px;
	}

	.footer .friendLink li figure img {
		width: 70px;
		height: 70px;
		max-height: none;
		margin: 0 auto;
		margin-top: 6px;
	}

	.cityUl .item.on .erji {
		height: 226px;
	}

	.footer dl {
		display: none;
	}
	
	.citySelectBox2 .cityUl .item {
	padding: 0 10px;
}
	
}

@media screen and (min-width:761px) {
	.BMap_bubble_pop {
		padding: 0 !important;
		width: 350px !important;
		border: none !important;
		border-radius: 0px !important;
		border-top-left-radius: 8px !important;
		border-top-right-radius: 8px !important;
	}

	.BMap_bubble_center,
	.BMap_bubble_content {
		height: auto !important;
		width: 350px !important;
	}

	.BMap_bubble_content {
		top: -31px !important;
	}

	.BMap_bubble_buttons div div {
		top: 5px !important;
		right: 5px !important;
		font-size: 36px !important;
	}

	.bscBox {
		padding: 0 16px 16px 16px !important;
		border-radius: 8px !important;
	}

	.BMap_bubble_content {
		border-top-left-radius: 8px !important;
		border-top-right-radius: 8px !important;
	}

	.BMap_bubble_pop {
		margin-top: 100px !important;
	}
}

@media screen and (max-width:760px) {
	.BMap_bubble_buttons div div {
		top: 5px !important;
		right: 20px !important;
		font-size: 36px !important;
	}

}

/*wang css added*/
.home_w_text {
	color: #9b9b9d;
	margin-top: -0.5rem;
	padding-bottom: 0.3rem;
}

.in_qybs {
	background-image: url(../uploads/home_end.jpg);
	width: 100%;
	background-size: cover;
	margin-bottom: 1.7rem;
	height: 6rem;
	color: #fff;
	position: relative;
}

.in_qybs dl dt {
	font-weight: bold;
}

.in_qybs dl {
	text-align: center;
}

.bs_con_a {
	position: absolute;
	left: 2.5rem;
	top: 2.4rem;
}

.bs_con_b {
	position: absolute;
	left: 10.5rem;
	top: 2.4rem;
}

.bs_con_c {
	position: absolute;
	right: 3.6rem;
	top: 2.4rem;
}


@media screen and (max-width:760px) {
	.in_qybs {
		background-image: url(../uploads/home_end.jpg);
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
		margin-bottom: 1.7rem;
		height: 15rem;
		color: #fff;
		position: relative;
	}

	.in_qybs dl {
		width: 100%;
		text-align: center;
		clear: both;
		position: static !important;
		padding-top: 1.5rem;
	}

	.in_qybs dl dt {
		font-weight: bold;
	}
}

.skill_menu {
	text-align: center;
	width: 100%;
}

.skill_menu span {}

.skill_menu span a {
	padding: 0.1rem 0.2rem;
	border-bottom: 2px solid #898989;
	margin: 0 0.5rem;
	color: #898989;
}

.skill_menu span a:hover {
	padding: 0.1rem 0.2rem;
	border-bottom: 2px solid #d02d2d;
	margin: 0 0.5rem;
	color: #d02d2d;
}

.skill_menu span a.on_skill {
	padding: 0.1rem 0.2rem;
	border-bottom: 2px solid #d02d2d;
	margin: 0 0.5rem;
	color: #d02d2d;
}

.skil_one {
	width: 100%;
}

.skil_one dt {
	float: left;
	width: 47%;
}

.skil_one dd {
	float: right;
	width: 47%;
	line-height: 2;
}

.skil_one .font898989 {
	color: #898989;
}

.skil_one dd span {
	padding-top: 0.3rem;
	display: block;
}

@media screen and (max-width:760px) {
	.skil_one dt {
		float: left;
		width: 100%;
	}

	.skil_one dd {
		float: right;
		width: 100%;
		line-height: 2;
		padding-top: 15px;
	}

	.skil_one .font898989 {
		color: #898989;
	}

	.skil_one dd span {
		padding-top: 0.3rem;
		display: block;
	}
}

.skill_two {
	width: 100%;
}

.skill_two .s_con01 {
	width: 50%;
}

.skill_two .s_con01 dd {
	color: #898989;
}

.skill_two .s_con02 {
	width: 100%;
	margin: 0 auto;
	padding-left: 6%;
}

.skill_two .s_con02 dl {
	float: left;
	width: 40%;
	margin-left: 5%;
}

.skill_two .s_con02 dl dd {
	line-height: 4;
	font-weight: bold;
}

@media screen and (max-width:760px) {
	.skill_two .s_con01 {
		width: 100%;
	}

	.skill_two .s_con02 {
		width: 100%;
		margin: 0 auto;
		padding-left: 0%;
	}

	.skill_two .s_con02 dl {
		float: left;
		width: 100%;
		margin-left: 0;
	}

}


.skill_three {
	width: 100%;
}

.skill_three .s_con01 {
	width: 52%;
	float: right;
}

.skill_three .s_con01 dd {
	color: #898989;
}

.skill_three .s_con02 {
	width: 100%;
	margin: 0 auto;
	padding-right: 6%;
}

.skill_three .s_con02 dl {
	float: left;
	width: 40%;
	margin-right: 5%;
}

.skill_three .s_con02 dl dd {
	line-height: 4;
	font-weight: bold;
}

@media screen and (max-width:760px) {
	.skill_three .s_con01 {
		width: 100%;
	}

	.skill_three .s_con02 {
		width: 100%;
		margin: 0 auto;
		padding-right: 0%;
	}

	.skill_three .s_con02 dl {
		float: left;
		width: 100%;
		margin-right: 0%;
	}
}

.skill_four {
	width: 100%;
}

.skill_four .s_con01 {
	width: 50%;
}

.skill_four .s_con01 dd {
	color: #898989;
}

.skill_four .s_con02 {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-left: -5%
}

.skill_four .s_con02 dl {
	float: left;
	width: 28%;
	margin-left: 5%;
}

.skill_four .s_con02 dl dd {
	line-height: 4;
	font-weight: bold;
}

@media screen and (max-width:760px) {
	.skill_four .s_con01 {
		width: 100%;
	}

	.skill_four .s_con02 {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		margin-left: 0%
	}

	.skill_four .s_con02 dl {
		float: left;
		width: 100%;
		margin-left: 0%;
	}

}

.skill_five {
	width: 100%;
}

.skill_five .s_con01 {
	width: 50%;
	float: right;
}

.skill_five .s_con01 dd {
	color: #898989;
}

.skill_five .s_con02 {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-left: -5%
}

.skill_five .s_con02 dl {
	float: left;
	width: 28%;
	margin-left: 5%;
}

.skill_five .s_con02 dl dd {
	line-height: 4;
	font-weight: bold;
}

.skill_five .s_con02 p {
	margin-left: 5%;
	font-weight: bold;
	padding-bottom: 0.2rem;
}

.skill_five .s_con02 .wpd02 {
	padding-bottom: 0.2rem;
	font-weight: bold
}

@media screen and (max-width:760px) {
	.skill_five .s_con01 {
		width: 100%;
		float: right;
	}

	.skill_five .s_con02 {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		margin-left: 0%
	}

	.skill_five .s_con02 dl {
		float: left;
		width: 100%;
		margin-left: 0%;
	}
}

.skill_six .six_con dt {
	float: left;
}

.skill_six .six_con dd {
	float: left;
	padding-left: 40%;
	color: #898989;
}

@media screen and (max-width:760px) {
	.skill_six .six_con dt {
		float: left;
		font-size: 60px !important;
	}

	.skill_six .six_con dd {
		float: left;
		padding-left: 0%;
		color: #898989;
		padding-bottom: 1rem;
	}

}

.skill_seven dt {
	background: #f2f2f2;
	padding: 0.5rem;
}

.skill_seven dd {
	text-align: center;
	color: #898989;
	padding-top: 0.5rem;
	padding-bottom: 1rem;
}




.w_text_jn .rightBox {
	width: calc(100% - 15.2rem);
	flex: 1;
	white-space: wrap !important;
}

@media screen and (max-widh:760px) {
	.w_text_jn .rightBox {
		width: 100%;
	}

}

/* 1120 */
.lyForm .formBox .list {
	position: relative;
	height: auto !important;
	align-items: center;
}

.ppsjByzs .ppsjForm {
	background-color: transparent;
	align-items: flex-end;
	line-height: 1;
}

.ppsjByzs .formBox .list {
	border-bottom: 1px solid #525152;
}

.ppsjByzs .formBox .list .lable {
	color: #727171;
}

.ppsjByzs .citySelectBox3 .cityUl .item .erji {
	height: 5.85rem;
}

.ppsjByzs2 .ppsjForm {
	align-items: flex-start;
	padding: 0;
	position: relative;
}

.ppsjByzs2 .formBox .list input {
	color: #212121;
	width:70%;
}

.ppsjByzs2 .formBox {
	width: 100% !important;
}

.ppsjByzs2 .formBox .list .lable {
	color: #212121;
}

.ppsjByzs2 .citySelectBox2 .cityUl .item .erji,
.ppsjByzs2 .citySelectBox2 {
	background: #EFEFEF;
}

.ppsjByzs2 .cityUl .item.on .yiji {
	color: #000000;
}

.ppsjByzs2 .citySelectBox3 .cityUl .item .erji dd {
	color: #727171;
}

.ppsjByzs2 .citySelectBox2 .cityUl .item .yiji::after {
	background-color: #D02D2D;
}

.ppsjByzs2 .citySelectBox2 dd.on {
	background: #C8C5C5;
	color: #000000 !important;
}

.ppsjByzs2 .citySelectBox2 dd::after {
	background-image: url(../images/rightIconRed.png);
}

.ppsjByzs2 .citySelectBox2 dd:hover {
	background: #DFDDDD;
	color: #000000 !important;
}

.ppsjByzs2 .formBox .list {
	border-bottom: 1px solid #525152;
	width: 100%;
}

.ppsjByzs3 {
	flex: 1;

}

.ppsjByzs3 .formBox .list {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0 !important;
	border-bottom: none;
}

.ppsjByzs3 .citySelectBox2,
.ppsjByzs3 .citySelectBox3 {
	top: 36px;
}

.messagePage .ppsjByzs3 .formBox .list {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media screen and (min-width:1025px) {
	.ppsjByzs {
		height: 9.34rem;
	}

	.ppsjByzs2 {

		width: 100%;
		height: auto;
	}

	.ppsjByzs2 .citySelectBox3 .cityUl .item .erji {
		height: 5.04rem;
	}

}

@media screen and (max-width:1024px) {
	.ppsjByzs .citySelectBox3 .cityUl .item .erji {
		height: 464px;
	}

	.ppsjByzs2 {
		height: auto;
	}

	.ppsjByzs3 .citySelectBox3 .cityUl .item .erji {
		height: 285px;
	}
}

.w_whmenu .menu_z {
	float: right;
	clear: both;
}

.w_whmenu .menu_z a {
	padding-left: 1rem;
	color: #b5b5b6;
}

.w_whmenu .menu_z a:hover {
	color: #d32d2d;
}

.w_whmenu .menu_z a.on {
	color: #d32d2d;
}

.TopHead .searchBoxDiv {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.TopHead .searchbox .searchBoxDiv button,
.TopHead .searchbox .searchBoxDiv input {
	margin-top: 0 !important;
}

.slick-prev,
.banner .swiper-button-prev,
.banner .prevBtn {
	background-image: url(../images/main_icon_left_a.png) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	border: none !important;
	transition: all 0.3s ease;
}

.slick-prev:hover,
.banner .swiper-button-prev:hover,
.banner .prevBtn:hover {
	background-image: url(../images/main_icon_left_b.png) !important;
}

.slick-next,
.banner .swiper-button-next,
.banner .nextBtn {
	background-image: url(../images/main_icon_riht_a.png) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	border: none !important;
	transition: all 0.3s ease;

}

.slick-next:hover,
.banner .swiper-button-next:hover,
.banner .nextBtn:hover {
	background-image: url(../images/main_icon_riht_b.png) !important;
}

.slick-arrow::after,
.banner .swiper-button-prev img,
.banner .swiper-button-next img {
	display: none !important;
}

/* .fwlc .HomeSlider .slick-prev:hover,
.fwlc .HomeSlider .slick-next:hover,
.modalCon .slick-prev:hover,
.modalCon .slick-next:hover{
	transform: translate(0, -50%) scale(1.15) !important;
} */

.db_top_w {
	margin-top: -3.5rem !important;
}

.formBox .list input.areaInput {
	flex: 1;
	padding-right: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.contrastBg .titleHBox .titleHBoxCon .titleH {
	max-width: 86%;
	/* height: 60px; */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 0.6rem;
	min-width: 4.1rem;
}

.contrastBg .titleHBox .imgBox {
	height: 4.1rem;
}

.xndatepicker .xntriangle {
	left: 20px !important;
}

.messagePage .lyForm .formBox .list .lable {
	min-width: 78px;
}

#buy_car_time {
	cursor: pointer;
}

@media screen and (max-width:1024px) {
	.messagePage .lyForm .formBox .list {
		height: 59px !important;
		padding-bottom: 15px !important;
		padding-top: 15px !important;
	}

	.messagePage .lyForm .formBox .list:nth-child(9) {
		height: auto !important;
	}

	.messagePage .lyForm .formBox .list .lable {
		white-space: nowrap;
	}

	.messagePage .ppsjByzs3 .citySelectBox2,
	.messagePage .ppsjByzs3 .citySelectBox3 {
		top: 62px;
	}

	.messagePage .citySelectBox2 .cityUl .item {
		padding: 0 14px;
	}

	.arrowBtn img {
		width: 16px;
	}
}

@media screen and (max-width:1024px) {
	.TopHead .right .toper {
		display: none;
	}

	.TopHead .rightList {
		display: flex;
	}

	.TopHead .rightList li {
		display: none;
	}

	.TopHead .rightList li:nth-child(1) {
		display: flex;
	}
}

@media screen and (max-width:760px) {
	.closeBtn {
		width: 2.15rem;
		height: 2.15rem;
		top: 4.16rem;
	}

	.modalConHead .left .name {
		font-size: 1.37rem;
		line-height: 1.37rem;
	}

	.modalCon {
		padding: 2.94rem 0.7rem;
	}

	.modalConHead .left {
		margin-top: 3.34rem;
		padding-bottom: 0;
	}

	.carTypeChange {
		margin-top: 1.8rem;
	}

	.plType {
		top: 14.5rem;
	}

	.slick-arrow {
		width: 1.68rem !important;
		height: 1.68rem !important;
	}

	.carTypeLink {
		position: absolute;
		margin-top: 0 !important;
		top: 8.54rem;
		right: 0.7rem;
	}

	.carTypeLink a img {
		margin-right: 0.38rem;
		height: 0.68rem;
	}

	.modalConHead .left .intro {
		font-size: 12px;
		line-height: 12px;
		margin-top: 0.85rem;
	}

	.carTypeLink a {
		font-size: 12px;
		margin-left: 1.16rem;
		min-width: auto;
		height: 0.68rem;
	}

	.carTypeSwiper {
		padding: 0;
	}

	.modalCon .slick-prev {
		left: 0px !important;
	}

	.navigation .navigation__date--white {
		text-align: center;
	}

	.navigation .navigation__link .navigation__date--img {
		width: 100%;
	}

	.carTypeList .item.slick-current .navigation__date--img img {
		opacity: 1;
		transform: translateX(0);
	}

	.carTypeList .item.slick-current .navigation__date--circle {
		background-color: rgb(208, 45, 45);
	}

	.carTypeList .item.slick-current .navigation__date--circle::before {
		transform: translate(-50%, -50%) scale(1);
	}

	.navigation a {
		text-decoration: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.navigation {
		width: 100%
	}

	.carTypeList .item {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.carTypeSwiper {
		padding: 0;
	}

	.navigation .navigation__date--circle::before {
		width: 1.9rem;
		height: 1.9rem;
	}
	.navigation .navigation__date--circle {
	    width: 0.32rem;
	    height: 0.32rem;
	    padding-top: 0.32rem;
	    padding-left: 0.32rem;
	}
	.navigation .navigation__date--brown {
	    font-size:12px;
	    text-align: center;
	}
	.navigation .navigation__link .navigation__date {
	    margin-bottom: 3.1rem;
	}
	.carType .item:nth-child(1) {
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
	.carTypeList .slider {
	    width: 100%;
	    margin-top: 5.26rem;
	}
	.carTypeList .item.slick-current .navigation__date,
	.carTypeList .item:hover .navigation__date {
	    transform: translateY(0);
	}
	.plType dd a {
	    font-size: 12px !important;
	}
	.navigation .navigation__link .navigation__date--img img {
	    max-width: 100%;
	    opacity: 1;
	    transform: translateX(0);
	}
	.carUl .item2 {
	    height: 10.45rem;
	    margin-bottom: 4.68rem;
	}
	.qxProduct.publicCon2 .carTypeLink{
		top: 96px;
	}
	.carUl .imgBox {
	    margin-bottom: 0px;
	    height: auto;
	    margin-top: -14%;
	}
	.carUl .item2{
		height: auto;
	}
	.carUl .itemCon2{
		position: static;
	}
	.carUl .linkBox {
	    position: static;
	    padding-bottom: 15px;
	}
	.carUl .item2 {
	    height: auto;
	    margin-bottom: 5.28rem;
	}
	.carList .title{
		margin-bottom: 2.6rem;
	}
	.carTypeTwo .item a::after {
	    height: 2px;
	    bottom: -4px;
	}
	.carUl .itemCon2 .title {
	    line-height: 1.35;
	}
}

@media screen and (min-width:761px){
	.modalConHead .left .name {
	    line-height: 1;
	    margin-bottom: 0.2rem;
	}
	.carTypeChange {
	    align-items: flex-start;
	}
	.carTypeChange a{
		display:block;
	}
	.carTypeChange{
		margin-top:0 !important;
	}
	.plType {
	    left: 5.9rem;
	    top: 3.6rem;
	}
	.carTypeLink {
	    align-items: flex-start;
	}
	.carTypeLink a{
		height:auto;
	}
}
@media screen and (min-width:1025px) and (max-width:1280px){
	.plType {
	    left: 5.9rem !important;
	}
}
@media screen and (min-width:761px) and (max-width:1024px){
	.modalCon {
	    padding: 5.46rem 0.7rem 0px 0.7rem;
	}
	.plType {
	    left: 6.9rem !important;
		top: 6.6rem  !important;
	}
}
@media screen and (max-width:760px){
	.plType {
	    top: 14.5rem !important;
	    left: 0.7rem !important;
	}
}

@media screen and (max-width:760px){
	.publicBannerFont{
		align-items: flex-end;
		padding-left: 1rem;
		padding-bottom: 2.8rem;
	}
	.kgList .item .itemCon .left .title,
	.khList .item .itemCon .title{
		font-size: 15px;
	}
	.kgList .item .itemCon .left .time,
	.kgList .item .itemCon .left .intro{
		font-size: 12px;
	}
	.khList .time {
    margin-top: 1.34rem;
		font-size: 12px;
    line-height: 1;
}
.khList .intro {
	margin-top: 1.3rem;
	font-size: 13px;
}
.khList .imgBox {
	margin-top: 1.68rem;
}
.kh .blackMore {
	margin-top: 2.2rem;
	border: 1px solid #090909;
	width: 100px;
	height: 20px;
	border-radius: 14px;
	font-size: 12px;
	line-height: 20px;
}
.khList .itemCon {
	padding-bottom: 2.16rem;
	margin-bottom: 2.16rem;
}
.kgList .imgBox {
	width: 4.43rem;
	height: 4.43rem;
}
.kgList .itemCon {
	padding-top: 2.18rem;
	padding-bottom: 1.22rem;
}
.kgList .itemCon .left {
	width: calc(100% - 5.5rem);
	height: auto;
	max-height: 100px;
}
.kh.mt38 {
	margin-top: 0;
}
.khList {
	padding-top: 2.16rem;
}
.fwlnBox .imgBox{
	height: 14.4rem;
	object-fit: cover;
	object-position: 66%;
	margin-top: 1.9rem !important;
}
.fwlnBox .fwznIcon {
	position: absolute;
	top: 4.96rem;
	left: 2.56rem;
	width: 7.45rem;
}
.fwlnBox .title {
	top: 9.87rem;
	left: 1.03rem;
}
.fwcn.w_text_jn {
	flex-direction: column-reverse;
	margin-top: 0;
}
.w_text_jn .rightBox {
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.fwcn .rightBox .title{
	font-size: 1.37rem !important;
	line-height: 1;
}
.ppsj.ppsjByzs{
	margin-top: 1.9rem;
	height: 33.76rem;
}
.ppsj .poster {
	object-position: 46%;
}
.qbzk.qbzk2 .imgBox{
	height: 24.38rem;
    object-fit: cover;
    object-position: 85%;
}
.fwlnBox .title2 {
	bottom: -1rem;
	left: 0;
	font-size: 7.71rem !important;
}
.fwlnBox .intro {
	left: 8.71rem;
}
.fwcn.w_text_jn .imgBox{
	height: 24.38rem;
	object-fit: cover;
}
.serviceCheck .publicIntro {
	align-items: flex-start;
}
.serviceCheck .publicIntro,
.serviceCheck .publicH2 {
	padding-left: 1rem;
	padding-right: 1rem;
}
.serviceCheck .publicH2{
	font-size: 1.37rem;
}
.czbp .seactionTwo .item {
	margin-top: 1.5rem;
}
.czbp .sectionThree .byzsConInput .searchButton,
.byzsConInput .input ,
.czbp .seactionTwo .item .title ,
.czbp .seactionTwo .item .intro{
	font-size: 14px;
}
.czbp .seactionTwo .item .intro {
	margin-top: 0.44rem;
}
.czbp .seactionTwo .item .title i {
	margin-right: 0.5rem;
	font-size: 12px;
	width: 0.54rem;
	height: 0.54rem;
}
.czbp .sectionThreeCon {
	margin-top: 2.4rem;
}
.czbp .sectionThree .byzsConInput {
	margin-top: 1.56rem;
}
.kgList .itemCon .rightBox{
	display: flex;
}
.ppsj.ppsjByzs.ppsjByzs2{
	height: auto;
	margin-top: 0;
}
.rczpPage2 .publicBanner img.mobile{
	height: 100vh;
    object-fit: cover;
    object-position: 68%;
}
.qyjjSlide .qyjj.slider .imgBox,
#link1 .imgBox img,
#link2 .imgBox img{
	height: 14.4rem
}
.qyjjSlide .HomeSlider .slick-arrow, .HomeSlider .slick-arrow {
	bottom: 0 !important;
	top: auto !important;
	transform: translate(0px, 0px) !important;
	width: 1.64rem !important;
	height: 1.64rem !important;
}
.qySlide.zlbjIndex.mt56 .HomeSlider .slick-arrow {
	bottom: 2.9rem !important;
}
.qySlide.zlbjIndex .HomeSlider .slick-prev,
.qyjjSlide .HomeSlider .slick-prev, .HomeSlider .slick-prev {
	left: 9.3rem !important;
}
.qySlide.zlbjIndex .HomeSlider .slick-next,
.qyjjSlide .HomeSlider .slick-next {
	right: 9.3rem !important;
}
.qyjj.slider {
	padding-bottom: 2.84rem;
}
.qyrySlide .intro2 {
	line-height: 1.5;
	margin-top: 1.12rem;
}
.fwlc .BigSlider .itemCon img, .byzs img {
	margin-bottom: 1.12rem;
	height: 14.4rem;
	object-fit: cover;
}
.zlbjIndex.qyjjSlide {
	padding-left: 1rem;
	padding-right: 1rem;
}
.w_about_zpbtn {
	height: auto !important;
	top: 40% !important;
	left: 50% !important;
	text-align: center !important;
	transform: translate(-50%, 0px) !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 15.42rem !important;
}
.rczpPage2 .publicBannerFont div {
	margin-top: 0 !important;
}
.rczpPage2 .publicBanner .publicBannerFont {
	top: 42% !important;
	width: 100% !important;
	height: auto !important;
	left: 0 !important;
	margin-top: 0 !important;
}
.w_about_zpbtn a {
	width: 100px !important;
	float: left !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: center !important;
	border: 1px solid #fff !important;
	background: rgb(255, 255, 255,0) !important;
	color: #fff !important;
	display: block !important;
	height: 26px !important;
	line-height: 26px !important;
	font-size: 12px !important;
	margin-top: 0 !important;
}
/* .blackMore {
	margin: 0 auto !important;
	display: flex;
} */
.zp .publicIntro, .publicIntro2 {
	max-width: 100%;
}
.w_job_more {
	width: 100% !important;
	position: absolute !important;
	top: 13.5% !important;
	left: 0 !important;
	display: flex !important;
	height: 0.5rem !important;
	line-height: 0.4rem !important;
	justify-content: center !important;
}
.mapContact .map,
.wyjm,
.hwyw {
	min-height: auto;
	object-fit: cover;
	height: 24.38rem;
}
.mapContact .map .font18,
.mapFont p,
.wyjm .font18,
.hwyw .font18{
	font-size: 13px;
}
.wyjm .mt12{
	margin-top: 0;
}
.socialTable .blackMore {
	margin: 0 auto !important;
	display: flex;
	margin-top: 1.12rem !important;
	height: 26px;
	line-height: 26px;
	width: 100px;
}
.rczpPage .blackMore.more{
	margin: 0 auto !important;
	display: flex;
	margin-top: 1.12rem !important;
	height: 26px;
	line-height: 26px;
	width: 100px;
}
}

.porductExportEn .myMenu2 .slick-track{
	width: 100% !important;
	display: flex !important;
	flex-wrap: wrap !important;
}
.porductExportEn .myMenu2 .slick-slide {
	width:50% !important;
	margin-bottom: 0.14rem !important;
}
.porductExportEn .ckCon .myMenu2 a {
	flex-direction: row;
    justify-content: flex-start;
		align-items: flex-start;
		line-height: 0.34rem;
}
.porductExportEn .ckCon .myMenu2 a img {
	margin-bottom: 0;
	margin-right: 0.14rem;
}
.swiper-slide img.pc{
	display:block;
	object-fit: contain;
}
.swiper-slide img.mobile{
	display:none;
}
@media screen and (max-width:760px){
	.swiper-slide img.pc{
		display:none;
	}
	.swiper-slide img.mobile{
		display:block;
	}
	.porductExportEn .ckCon .myMenu2 a{
		line-height: 14px;
	}
	.qyjjSlide .qyjj.slider .imgBox{
	height: 10.4rem
}
}
.parameter .color ul li{
	align-items: flex-start;
}
.banner .posttop8{top:8rem;}
.ser_width{ width:50%;}
.pt_100pc{ padding-top:100px;}

@media screen and (max-width:760px) {
	
	.banner .posttop8{top:auto;}
.ser_width{ width:100%;}
.pt_100pc{ padding-top:0px;}
.mt0_mb{ margin-top:0px!important;}
}
.home_btn_go {
	background-image: url("../images/home_btn_go.png");
	 width:138px; height:28px; display:block; color:#fff; line-height:28px; position:absolute;bottom:0.98rem; right:70px; z-index:999; text-align:center;
}

.home_btn_go:hover{ border:1px solid #fff; border-radius:30px;}
@media screen and (max-width:760px){
	.qbzk .zlbjIndex .HomeSlider .BigSlider .slick-prev{
		bottom: auto !important;
		top: 50% !important;
		transform: translate(0,-50%) !important;
		left: 1rem !important;
	}
	.qbzk .zlbjIndex .HomeSlider .BigSlider .slick-next{
		bottom: auto !important;
		top: 50% !important;
		transform: translate(0,-50%) !important;
		right: 1rem !important;
	}
	.modal .navigation .navigation__date--white{
		font-size:14px !important;
	}
}