* {
	padding: 0;
	margin: 0;
	font-family: 'SourceHanSansSC-Normal';
}

@font-face {
	font-family: 'SourceHanSansSC-Normal';
	src: url('../fonts/SourceHanSansSC-Normal.ttf');
}

img {
	display: block;
	width: 100%;
}

.box {
	width: 100vw;
	/* height: 100svh; */
}

.page1 {
	width: 100%;
	height: 100svh;
	background-image: url('https://1664.qiniu.weixinzjit.com/rangerover/bg.jpg');
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	overflow-x: hidden;
}

.logo {
	width: 6rem;
	margin: 0 auto;
	padding-top: 0.5rem;
}

.text1 {
	width: 4.8rem;

	margin: 1rem auto 0;
	opacity: 0;
	animation: opan 2s 0.2s linear forwards;
}

@keyframes opan {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.carbox {
	position: absolute;
	bottom: 6.8rem;
	width: 100%;
}

.lecar {
	position: absolute;
	top: 0;
	/* width: 5.75rem; */
	width: calc(5.75rem * 1.2);
	left: -2.8rem;
	transform: translateX(-0.5rem);
	animation: leca 1s ease-in-out forwards;
}

.ricar {
	position: absolute;
	top: 0;
	width: calc(6.31rem * 1.2);
	right: -3.55rem;
	transform: translateX(0.5rem);
	animation: rica 1s ease-in-out forwards;

}

.line {
	width: 2px;
	height: 100vh;
	position: absolute;
	background-color: red;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}

@keyframes leca {
	from {
		transform: translateX(-0.5rem);
	}

	to {
		transform: translateX(0rem);
	}
}

@keyframes rica {
	from {
		transform: translateX(0.5rem);
	}

	to {
		transform: translateX(0rem);
	}
}

.xh {
	width: 2.3rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 1rem;
}

.down {
	width: 0.32rem;
	margin: 0 auto;
	transform: translateY(0);
	animation: topbom 2s linear infinite;
}

@keyframes topbom {
	0% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(0.1rem);
	}

	50% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(-0.1rem);
	}

	100% {
		transform: translateY(0);
	}
}

.leftimg {
	width: 2.36rem;
	height: 4.68rem;
	background-color: rgba(255, 255, 255, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.act {
	background-color: rgba(229, 143, 112, 0.4) !important;
}

.page2 .clib {
	background-color: rgba(0, 0, 0, 0.1) !important;
}

.ritopimg {
	width: 4.32rem;
	height: 2.3rem;
	background-color: rgba(255, 255, 255, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.ribomleimg {
	width: 2.11rem;
	height: 2.3rem;
	background-color: rgba(255, 255, 255, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.page2 {
	width: 100%;
	height: 100svh;
	background-image: url('https://1664.qiniu.weixinzjit.com/rangerover/bg2.jpg');
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	overflow-x: hidden;
}

.top2 {
	width: 3.36rem;
	margin: 0rem auto;
	padding: 0.5rem 0;
}

.img1 {
	width: 2.22rem;

}

.img2 {
	width: 4.18rem;

}

.img3,
.img4 {
	width: 1.95rem;

}

.img1,
.img2,
.img3,
.img4 {
	position: relative;
	border-radius: 0.1rem;
	overflow: hidden;
}

.txt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.status {
	width: 0.8rem;
	position: absolute;
	bottom: 0.2rem;
	right: 0.2rem;
	z-index: 10;
}

.qdnull {
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
	border-radius: 0.1rem;
	overflow: hidden;
}

.page3 {
	width: 100%;
	height: 27rem;
	background-image: url('https://1664.qiniu.weixinzjit.com/rangerover/im1/longbg.png?527');
	background-size: cover;
	position: relative;
	background-repeat: no-repeat;

}

.pag1 {
	height: 30.79rem;
}

.pag2 {
	height: 30.79rem
}

.pag3 {
	height: 30.79rem
}

.pag4 {
	height: 30.80rem
}

.pag5 {
	height: 30.80rem
}

.back {
	width: 0.5rem;
	top: 0.4rem;
	left: 0.4rem;
	position: absolute;
	border-radius: 50%;

}

.title {
	position: absolute;
	top: 1rem;
	left: 0.75rem;
	width: 2.62rem;
}

.serc_text {
	width: 5.49rem;
	position: absolute;
	left: 0.9rem;
	top: 2.5rem;
}

.video {
	position: absolute;
	width: 6.76rem;
	left: 50%;
	transform: translateX(-50%);
	top: 5.9rem;
}

.xw {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 3.88rem;
	top: 10.3rem;
}

.ly {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 6.76rem;
	top: 11.6rem;
}

.gotomenu {
	position: absolute;
	width: 2rem;
	height: 0.4rem;
	background-color: rgba(0, 0, 0, 0);
	left: 50%;
	transform: translateX(-50%);
	bottom: 0.5rem;
}

@font-face {
	font-family: 'AvenirNextW1G-Regular';
	src: url('https://1664.qiniu.weixinzjit.com/rangerover/fonts/AvenirNextW1G-Medium.otf');
}

.tels {
	color: rgb(12, 18, 28);
	position: absolute;
	width: 2rem;
	left: 50%;
	transform: translateX(-50%);
	bottom: 1.25rem;
	font-size: 0.26rem;
	font-family: 'AvenirNextW1G-Regular';
	text-align: center;
	/* text-decoration: none; */
}

.tels>div {
	margin-bottom: 0.2rem;
}

.tels a {
	color: #000;
	/* text-decoration: none; */
}

.bomtext {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	top: 18.6rem;
}

.dhbtn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 1.6rem;
	top: 22.6rem;
	border-radius: 0.8rem;
	overflow: hidden;
}

.dahang {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 1000;

}

.dhcen {
	background-color: #fff;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 0.36rem;
	padding: 0.5rem 0 0.5rem;
	border-radius: 0.3rem 0.3rem 0 0;
}

.dhcen>div {
	padding: 0.2rem 0;
	width: 90%;
	margin: 0 auto;


}

.dhcen>div:not(:last-child) {
	border-bottom: 1px solid #ccc;
}

.dhcen>div a {
	color: #000;
	text-decoration: none;
}

.pag6 .bomtext,
.pag7 .bomtext {
	top: 19rem;
}

.pag6 .dhbtn,
.pag7 .dhbtn {
	top: 22.9rem;
}

.pag6 .ly,
.pag7 .ly {
	top: 11.3rem;
}

.pag6 .xw,
.pag7 .xw {
	top: 10rem;
}

.pag6 .video,
.pag7 .video {
	top: 5.6rem;
}

.pag1 .title {
	width: 5.68rem;
	top: 1.6rem;
}

.pag1 .video {
	top: 5.5rem;
}

.pag1 .xw {
	top: 9.9rem;
}

.pag1 .ly {
	top: 9.6rem;
}

.pag1 .bomtext {
	width: 6.76rem;
	top: 25.4rem;
}

.pag1 .dhbtn {
	top: 28rem;
}

.pag1 .serc_text {
	width: 6.37rem;
	left: 0;
}

.pag2 .title {
	width: 5.68rem;
	top: 1.6rem;
}

.pag2 .serc_text {
	width: 6.63rem;
	left: 0;
	top: 2.4rem;
}

.pag2 .video {
	top: 6.2rem;
}

.pag2 .ly {
	top: 10.3rem;
}

.pag2 .bomtext {
	width: 6.76rem;
	top: 25.55rem;
}

.pag2 .dhbtn {
	top: 28.1rem;
}

.pag2 .tels {
	bottom: 1.05rem;
}


.pag3 .title {
	width: 5.68rem;
	top: 1.6rem;
}

.pag3 .serc_text {
	width: 6.63rem;
	left: 0;
	top: 2.4rem;
}

.pag3 .video {
	top: 5.8rem;
}

.pag3 .ly {
	top: 10.3rem;
}

.pag3 .bomtext {
	width: 6.76rem;
	top: 25.65rem;
}

.pag3 .dhbtn {
	top: 28.3rem;
}

.pag3 .tels {
	bottom: 1.05rem;
}

/* 青岛 */
.pag4 .title {
	width: 5.68rem;
	top: 1.6rem;
}

.pag4 .serc_text {
	width: 6.63rem;
	left: 0;
	top: 2.4rem;
}

.pag4 .video {
	top: 5.6rem;
}

.pag4 .ly {
	top: 10.3rem;
}

.pag4 .bomtext {
	width: 6.76rem;
	top: 25.75rem;
}

.pag4 .dhbtn {
	top: 28.9rem;
}

.pag4 .tels {
	bottom: 1.05rem;
}

/* 深圳 */
.pag5 .title {
	width: 5.68rem;
	top: 1.6rem;
}

.pag5 .serc_text {
	width: 6.63rem;
	left: 0;
	top: 2.4rem;
}

.pag5 .video {
	top: 5.6rem;
}

.pag5 .ly {
	top: 10.3rem;
}

.pag5 .bomtext {
	width: 6.76rem;
	top: 24.75rem;
}

.pag5 .dhbtn {
	top: 27.5rem;
}

.pag5 .tels {
	bottom: 1.05rem;
}

/* 成都*/
.pag6 {
	height: 30.80rem
}

.pag6 .title {
	width: 5.68rem;
	top: 1.6rem;
}

.pag6 .serc_text {
	width: 6.85rem;
	left: 0;
	top: 2.4rem;
}

.pag6 .video {
	top: 5.3rem;
}

.pag6 .ly {
	top: 10rem;
}

.pag6 .bomtext {
	width: 6.76rem;
	top: 25.2rem;
}

.pag6 .dhbtn {
	top: 28.3rem;
}

.pag6 .tels {
	bottom: 1.05rem;
}

/* 广州 */
.pag7 {
	height: 30.80rem
}

.pag7 .title {
	width: 5.68rem;
	top: 1.6rem;
}

.pag7 .serc_text {
	width: 6.63rem;
	left: 0;
	top: 2.4rem;
}

.pag7 .video {
	top: 5.3rem;
}

.pag7 .ly {
	top: 10rem;
}

.pag7 .bomtext {
	width: 6.76rem;
	top: 26.2rem;
}

.pag7 .dhbtn {
	top: 29.3rem;
}

.pag7 .tels {
	bottom: 1.05rem;
}

/* 上海 */
.pag8 {
	height: 30.80rem
}

.pag8 .title {
	width: 5.68rem;
	top: 1.6rem;
}

.pag8 .serc_text {
	width: 6.73rem;
	left: 0;
	top: 2.4rem;
}

.pag8 .video {
	top: 6.3rem;
}

.pag8 .ly {
	top: 10.7rem;
}

.pag8 .bomtext {
	width: 6.76rem;
	top: 23.8rem;
}

.pag8 .dhbtn {
	top: 27rem;
}

.pag8 .tels {
	bottom: 0.2rem;
}
.pag8 .gotomenu{
	display: none !important;
}

@media (max-device-height:706px) {
	.carbox {
		bottom: 6rem;
	}
}