.wrapper {
	position: relative;
	overflow: hidden;
}

.fs24 {
	font-size: 1.25vw;
}

.header {
	width: 100%;
	height: 5.36458333333333vw;
	background: url("../images/web/IAA-logo-bg.jpg") no-repeat center;
	background-size: cover;
}

.header-wrapper {
	width: 88vw;
	min-width: 88vw;
	margin: 0 auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.iaa-logo {
	width: 7.23958333333333vw;
	min-width: 7.23958333333333vw;
	height: 3.22916666666667vw;
}

.iaa-nav ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

.iaa-nav ul li {
	/*width: 10.52083333333333vw;*/
	height: 2.604166666666667vw;
	line-height: 2.604166666666667vw;
	margin-right: 2.083333333333333vw;
	border: 2px solid transparent;
	border-radius: 30px;
	transition: border-color .3s cubic-bezier(.66, .1, 1, .41);
	padding: 0 2.604166666666667vw;
}

.iaa-nav ul li:hover,
.iaa-nav ul li.active {
	border: 2px solid #e3b776;
	background-color: #121212;
}

.iaa-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #e3b776;
	font-family: SSPS;
	font-size: 1.25vw;
	text-align: center;
}
.car-mb{
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.5);
	z-index: 1;
	display: none;
}
.car-mb.open{
	display: block;
}
.car-display {
	width: 100%;
	background: #f6f6f6;
	position: absolute;
	top: 5.36458333333333vw;
	left: 0;
	transition: all .3s cubic-bezier(.66, .1, 1, .41);
	height: 0;
	overflow: hidden;
	z-index: 2;
}

.car-display.open {
	height: 24.375vw;
	border-top: 2px solid #e8e8e8;
}

.car-display-wrapper {
	width: 84.375vw;
	margin: 0 auto;
	min-width: 90%;
	display: flex;
	height: 100%;
	justify-content: space-between;
}

.car-display-title {
	margin-top: 5.46875vw;
}

.car-display-title p {
	color: #9fa1a8;
	font-size: 2.01875vw;
}

.car-display-title p:nth-child(2) {
	margin-bottom: 10px;
}

.car-display-title span {
	color: #000;
	font-size: 0.9421875vw;
}

.car-display-list {
	margin-top: 1.875vw;
}

.car-display-list ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

.car-display-list ul li {
	width: 17.8125vw;
	height: 20.3125vw;
	margin-right: 2.08333333333333vw;
	position: relative;
	overflow: hidden;
}

.car-display-list ul li:last-child {
	margin-right: 0;
}

.car-display-list ul li>span {
	display: block;
	position: absolute;
	width: 100%;
	height: 54%;
	background-color: #fff;
	bottom: 0;
	left: 0;
	transition: height .5s cubic-bezier(.66, .1, 1, .41);
}

.car-display-list ul li:hover span {
	height: 100%;
}

.car-display-list ul li .li-car,
.car-display-list ul li .li-point,
.car-display-list ul li .car-intro {
	position: absolute;
	z-index: 2;
}

.car-display-list ul li .li-point {
	width: 1.2vw;
	left: 1.25vw;
	top: 1.25vw;
	transition: transform .5s cubic-bezier(.66, .1, 1, .41);
}

.car-display-list ul li .li-car {
	max-width: 13vw;
	right: 1vw;
	transition: scale .5s cubic-bezier(.66, .1, 1, .41);
}

.car-display-list ul li:nth-child(1) .li-car {
	bottom: 6.70833333333333vw;
}

.car-display-list ul li:nth-child(2) .li-car {
	bottom: 7.70833333333333vw;
	right: 1.25vw;
}

.car-display-list ul li:nth-child(3) .li-car {
	bottom: 7.0833333333333vw;
	right: 1.25vw;
}

.car-display-list ul li .car-intro {
	left: 1.25vw;
	bottom: 3.4375vw;
}

.car-display-list ul li .car-intro>p {
	font-size: 1.875vw;
	color: #000;
}

.car-display-list ul li .car-intro>span {
	font-size: 0.9375vw;
	color: #121212;
}

.car-display-list ul li .a-explore {
	position: absolute;
	left: 1.25vw;
	bottom: -2vw;
	width: 4.53125vw;
	height: 1.45833333333333vw;
	text-align: center;
	line-height: 1.45833333333333vw;
	border-radius: 30px;
	background-color: #121212;
	color: #fff;
	font-size: 0.83333333333333vw;
	transition: bottom .3s linear;
}

.car-display-list ul li:hover .a-explore {
	bottom: 1.25vw;
}

.car-display-list ul li:hover .li-point {
	transform: rotate(16deg);
}

.car-display-list ul li:hover .li-car {
	scale: 1.05;
}

.banner {
	width: 100%;
	/*min-height: 42.39583333333333vw;*/
	overflow: hidden;
	position: relative;
}
.banner-play-btn{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 1;
}
.banner video{
	display: block;
	width: 100%;
	height: 100%;
}
.banner img {
	display: block;
	width: 100%;
	height: 100%;
}

.banner-text {
	position: absolute;
	top: 7.96875vw;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	color: #fff;
}

.banner-text .btt1 {
	font-family: FZHT;
	font-size: 3.125vw;
}

.banner-text .btt2 {
	font-size: 1.25vw;
	letter-spacing: .5em;
}

/*section*/
.s1 {
	width: 100%;
	height: 144px;
	background-color: #121212;
	color: #fff;
}

.content-wrapper {
	width: 61.5625vw;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cw-left {
	padding-right: 1.82291666666667vw;
	border-right: 1px solid #fff;
	font-size: 1.45833333333333vw;
}

.cw-right {
	padding-left: 1.82291666666667vw;
	position: relative;
	font-size: 1.45833333333333vw;
	;
}

.explore-button {
	display: inline-block;
	/*width: 7.70833333333333vw;*/
	padding: 0.325vw .8vw 0.325vw .8vw;
	min-height: 1.08333333333333vw;
	border-radius: 30px;
	background-color: #fff;
	text-align: center;
	transform-style: preserve-3d;
	font-size: 0.9375vw;
	transition: all .3s ease;
	position: absolute;
	right: 0;
	bottom: 0;
}

.explore-button::before {
	border-radius: 50px;
	content: " ";
	font-size: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform-origin: 50% 50%;
	transition: all .4s ease;
	width: 100%;
	z-index: -1;
}

/*.explore-button:hover{*/
/*  padding-left: 1.25vw;*/
/*  padding-right: 1.2vw;*/
/*}*/

.explore-button:hover::before {
	background-color: #d8d8d8;
}

.explore-button .link-text {
	position: relative;
	left: 3px;
	transition: all .4s ease;
	display: flex;
	align-items: center;
}

.explore-button:hover .link-text {
	position: relative;
	left: -4px;
}

.explore-button:hover .link-text svg {
	opacity: 1;
}

.link-text svg {
	position: relative;
	top: 1px;
	width: 0.625vw;
	opacity: 0;
	transition: .1s;
}

.s2 {
	min-height: 71.40625vw;
	background-image: url("../images/web/swiper.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	overflow: hidden;
}

.s2-title {
	text-align: center;
	padding-top: 5.46875vw;
	margin-bottom: 2.46875vw;
}

.s2-title>p {
	font-size: 3.125vw;
	color: #000;
}

.s2-title>span {
	font-size: 1.45833333333333vw;
}



#certify {
	position: relative;
}

#certify .swiper-wrapper {
	/*transition-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1.0, 0.1);*/
	transition-timing-function: ease;
}

#certify .swiper-slide {
	width: 69.21875vw;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#certify .swiper-button-next {
	right: 18.3125vw;
	color: #727375;
	width: 1.30208333333333vw;
	height: 2.44791666666667vw;
}

#certify .swiper-button-next:hover,#certify .swiper-button-prev:hover{
	color: #cc010e;
}
#certify .swiper-button-prev {
	left: 18.3125vw;
	color: #727375;
	width: 1.30208333333333vw;
	height: 2.44791666666667vw;
}

.swiper-button-next:after,.swiper-button-prev:after{
	font-size: 2.3vw !important;
}

.pc-car-img {
	position: relative;
	top: 30.625vw;
	width: 40.26041666666667vw;
	height: 19.42708333333333vw;
	margin: 0 auto 2vw;
}

.pc-car-img>img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	max-width: 100%;

}
.car-box{
	width: 40vw;
	margin: 0 auto;
	overflow: hidden;
}
.car-content,
.car-btn,
.car-name,
.car-btn {
	display: none;
}

.car-name {
	font-size: 4.16666666666667vw;
	margin-bottom: 6.66666666666667vw;
}

.active-car .pc-car-img {
	top: 0 !important;
}

.active-car .car-name,
.active-car .car-content,
.active-car .car-btn {
	display: block;
}

.active-car .car-content {
	margin-bottom: 1.76041666666667vw;
}

.car-content .c1 {
	font-size: 2.5vw;
	color: #000;
	margin-bottom: 1.04166666666667vw;
}

.car-content .c2,
.active-car .c3,
.active-car .c4 {
	font-size: 1.4583333333333vw;
	color: #000;
	margin-bottom: .2vw;
}

.active-car .car-btn {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 17.91666666666667vw;
	margin: 0 auto;
}

.car-btn-a {
	display: inline-block;
	/*width: 7.70833333333333vw;*/
	padding: 0.325vw .8vw 0.325vw .8vw;
	min-height: 1.08333333333333vw;
	border-radius: 30px;
	background-color: #000;
	text-align: center;
	transform-style: preserve-3d;
	font-size: 0.9375vw;
	transition: all .3s ease;
	color: #fff;
	box-sizing: content-box;
	overflow: hidden;
}

.car-btn-a::before {
	border-radius: 50px;
	content: " ";
	font-size: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform-origin: 50% 50%;
	transition: all .4s ease;
	width: 100%;
	z-index: -1;
}

/*.car-btn-a:hover{*/
/*  padding-left: 1.25vw;*/
/*  padding-right: 1.2vw;*/
/*}*/
.car-btn-a .link-btn {
	position: relative;
	left: 4px;
	transition: all .4s ease;
	display: flex;
	align-items: center;
}
.highlightsA .link-btn {
	left: 6px;
}

.car-btn-a:hover .link-btn {
	position: relative;
	left: -2px;
}

.car-btn-a:hover::before {
	background-color: rgba(255, 255, 255, .5);
}

.car-btn-a:hover .link-btn svg {
	opacity: 1;
}

.link-btn svg {
	opacity: 0;
	transition: .1s;
	width: .625vw;
	position: relative;
	top: 1px;
	margin-left: 3px;
}


.s3 {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 61.09375vw;
	background: url("../images/web/pt2bg.png") no-repeat top center;
	background-size: contain;
}

.s3-title {
	position: absolute;
	top: 5.20833333333333vw;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.s3-title>p {
	font-size: 2.5vw;
	color: #000;
}

.s3-title>span {
	font-size: 1.25vw;
	color: #000;
}

.s3-video {
	position: absolute;
	top: 13.64583333333333vw;
	left: 50%;
	transform: translateX(-50%);
	width: 86.30208333333333vw;
	height: 44.11458333333333vw;
	overflow: hidden;
}

.s3-video .play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 22;
	cursor: pointer;
}

.s3-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.s4 {
	margin-bottom: 6.19791666666667vw;
}

.s4-title {
	font-size: 2.5vw;
	text-align: center;
}

.s4-sub-title {
	font-size: 3.125vw;
	text-align: center;
	margin-bottom: 3.85416666666667vw;
}

.highlights {
	padding: 3.54166666666667vw 0 3.85416666666667vw;
	/*margin-bottom: 3.85416666666667vw;*/
	background: #efeff0;
}

.pic-wrapper {
	width: 84.375vw;
	margin: 0 auto 1.1875vw;
}

.pic-top {
	display: flex;
	gap: 15px;
	margin-bottom: 10px;
}

.pic-top .t1,
.pic-top .t2,
.pic-top .t3 {
	overflow: hidden;
}
.b2{
	overflow: hidden;
}

.t1>a>img,.t3>a>img,.b2>a>img{
	transform: scale(1);
	transition: all .3s linear;
}

.t1:hover a>img,
.t3:hover a>img,
.b2:hover a>img{
	transform: scale(1.2);
}
.t2 {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.t2-a1,.t2-a2{
	overflow: hidden;
}
.t2-a1>a>img,.t2-a2>a>img{
	transform: scale(1);
	transition: all .3s linear;
}

.b1-a1>a:nth-child(1)>img,.b1-a1>a:nth-child(2)>img{
	transform: scale(1);
	transition: all .3s linear;
}
.b1-a1>a{
	overflow: hidden;
}
.b1-a1>a:nth-child(1):hover>img,.b1-a1>a:nth-child(2):hover>img{
	transform: scale(1.2);
}

.b1-a2>a:nth-child(1)>img,.b1-a2>a:nth-child(2)>img{
	transform: scale(1);
	transition: all .3s linear;
}
.b1-a2>a{
	overflow: hidden;
}
.b1-a2>a:nth-child(1):hover>img,.b1-a2>a:nth-child(2):hover>img{
	transform: scale(1.2);
}




.t2-a1:hover>a>img,.t2-a2:hover>a>img{
	transform: scale(1.2);
}

.pic-bottom {
	display: flex;
}

.b1 {
	display: flex;
	flex-wrap: wrap;
	width: 26vw;
	gap: 10px;
	margin-right: 10px;
}

.b1-a1,
.b1-a2 {
	display: flex;
	gap: 15px;
	overflow: hidden;
}

.b1 img,
.pic-top img {
	display: block;
	width: 100%;
	height: 100%;
}

.b1 img {
	width: 50%;
}

.highlightsA {
	display: block;
	width: 7.29166666666667vw;
	margin: 0 auto;
}

footer {
	padding-bottom: 2.44791666666667vw;
}

.top-copy {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tc {
	text-align: center;
}

.tct {
	font-size: 1.25vw;
	color: #000;
}

.tct>span {
	color: #cc000d;
}

.tcb {
	font-size: 1.25vw;
	min-width: 16.5vw;
}

/*
手机样式
*/
.sj-wrapper {
	display: none;
	position: relative;
	overflow: hidden;
}

.sj-header {
	width: 100%;
	height: .97rem;
	background-color: #252531;
}

.sj-header .sj-logo {
	width: 1rem;
	height: .48rem;
	position: relative;
	left: .34rem;
	top: .28rem;
}

.sj-banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.sj-banner>img {
	display: block;
}

.banner-title {
	position: absolute;
	top: 1.28rem;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	color: #fff;
}

.banner-title .hello {
	font-size: .6rem;
	white-space: nowrap;
	padding-left: .5rem;
}

.banner-title .hello2 {
	white-space: nowrap;
	font-size: .24rem;
	letter-spacing: .2em;
}

.sj-s1 {
	color: #fff;
	background-color: #000;
	padding: .4rem 0 .6rem;
	text-align: center;
	position: relative;
}

.sj-s1-p1 {
	font-size: .28rem;
}

.sj-s1-p2 {
	font-size: .16rem;
	padding: .24rem 0 .6rem;
}

.sj-s1-p3 {
	font-size: .28rem;
}

.sj-footer {
	padding: .5rem 0;
	text-align: center;
}

.sj-footer>img {
	width: .95rem;
	margin-bottom: .5rem;
}

.sj-footer .copy {
	font-size: .3rem;
}

.sj-footer .copy span {
	font-weight: bold;
}

div.burger {
	height: 45px;
	width: 40px;
	position: absolute;
	top: -2px;
	right: 6px;
	cursor: pointer;
	z-index: 99;
}

div.burger.open {
	top: 2px;
}

div.x,
div.y,
div.z {
	position: absolute;
	margin: auto;
	top: -9px;
	bottom: 0px;
	background: #fff;
	border-radius: 2px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

div.x,
div.y,
div.z {
	height: 3px;
	width: 26px;
}

div.y {
	top: 13px;
}

div.z {
	top: 34px;
}


div.collapse {
	top: 2px;
	right: 6px;
	-webkit-transition: all 70ms ease-out;
	-moz-transition: all 70ms ease-out;
	-ms-transition: all 70ms ease-out;
	-o-transition: all 70ms ease-out;
	transition: all 70ms ease-out;
}


div.rotate30 {
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-transition: all 50ms ease-out;
	-moz-transition: all 50ms ease-out;
	-ms-transition: all 50ms ease-out;
	-o-transition: all 50ms ease-out;
	transition: all 50ms ease-out;
}

div.rotate150 {
	-ms-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
	-webkit-transition: all 50ms ease-out;
	-moz-transition: all 50ms ease-out;
	-ms-transition: all 50ms ease-out;
	-o-transition: all 50ms ease-out;
	transition: all 50ms ease-out;
}

div.rotate45 {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
}

div.rotate135 {
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
}

div.menu-bg {
	/*padding: 0px 0 116px 0;*/
	width: 2.8rem;
	height: 700px;
	position: absolute;
	top: .97rem;
	right: -2.8rem;
	background: #454454;
	background-size: contain;
	background-position: 0vw 100%;
	/*display: none;*/
	z-index: 10;
	-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

div.menu-bg.animate {
	right: 0;
	/*display: block;*/
	-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

.box-nav {
	padding-top: 1.2rem;
	overflow: hidden;
}

.box-nav .out-ul {
	background: url("../images/nav-bg.png") no-repeat center;
	background-size: contain;
	width: 2.88rem;
	height: 6.08rem;
	position: relative;
}

.box-nav .out-ul li:nth-child(1) {
	padding-top: .35rem;
}

.box-nav .out-ul:after {
	position: absolute;
	background: url("../images/nav-title.png") no-repeat center;
	left: 0;
	top: -12px;
	content: '';
	width: 1.44rem;
	height: .2rem;
	background-size: contain;
}

.menu {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	z-index: 9;
	display: none;
}

.sj-wrapper.open .menu {
	display: block;
}

.nav-close {
	display: flex;
	justify-content: end;
	align-items: center;
}

.nav-close>img {
	display: block;
	margin: .2rem .2rem .2rem;
}

.box-nav>ul>li {
	position: relative;
	overflow: hidden;
	margin-bottom: .15rem;
	padding-bottom: .2rem;
	text-align: center;
}

.box-nav>ul>li>a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #c9ab61;
	font-size: .31rem;
	font-family: AileronThin;
}

.box-nav>ul>li>a {
	position: relative;
}


.box-nav>ul>li.selected::after {
	transform: translate(-50%, 4px);
}

.box-nav>ul>li.selected>a::before {
	position: absolute;
	height: .07rem;
	width: .95rem;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	content: '';
	border-radius: 20px;
}

.box-nav>ul>li>a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.sj-son-menu {
	display: none;
	background: #737880;
	padding: .5rem 0 0 .76rem;
}


.box-nav>ul>li.selected .sj-son-menu {
	display: block;
}

.sj-son-menu>ul>li>a {
	color: #ccc;
}

.sj-son-menu>ul>li.active,
.sj-son-menu>ul>li:hover {
	border-bottom: 1px solid #000;
}


.sj-son-menu>ul>li>a {
	position: relative;
}

.sj-son-menu>ul>li>a::after {
	position: absolute;
	width: .44rem;
	height: .21rem;
	content: "";
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.sj-son-menu>ul>li.active>a,
.sj-son-menu>ul>li:hover>a {
	padding-left: 30px;
}

.sj-son-menu>ul>li.active>a::after,
.sj-son-menu>ul>li:hover>a::after {
	width: .44rem;
	height: .21rem;
	background-size: contain;

}

.n420 {
	text-align: center;
}


/*弹窗样式如下*/
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0, 0, 0, .8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
}

.reveal-modal {
	visibility: hidden;
	top: 100px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	position: absolute;
	background: #000;
	z-index: 101;
	width: 80%;
}

.reveal-modal-pic {
	visibility: hidden;
	top: 100px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

	position: absolute;
	background: #fff;
	z-index: 101;
	width: 80%;
}

.reveal-modal-pic img {
	width: 100%;
	display: block;
}

.reveal-modal.small {
	width: 200px;
	margin-left: -140px;
}

.reveal-modal.medium {
	width: 400px;
	margin-left: -240px;
}

.reveal-modal.large {
	width: 600px;
	margin-left: -340px;
}

.reveal-modal.xlarge {
	width: 800px;
	margin-left: -440px;
}

.reveal-modal .close-reveal-modal {
	position: absolute;
	z-index: 999;
	top: 4px;
	right: 20px;
	color: #aaa;
	width: 40px;
	height: 40px;
	text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
	font-weight: bold;
	cursor: pointer;
	background: url("../images/media/close.png") no-repeat center;
	background-size: 40px;
}

.reveal-modal-video {
	visibility: hidden;
	top: 100px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	position: absolute;
	background: #fff;
	z-index: 101;
}

.reveal-modal-test {
	visibility: hidden;
	top: 100px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 30%;
	position: absolute;
	background: #fff;
	z-index: 101;
	text-align: center;
	padding: 50px;
	border-radius: 20px;
	font-size: 20px;
	color: #006DE6;
}

.reveal-modal-video video {
	width: 100%;
	display: block;
}

.menu-nav {
	padding: .48rem .16rem 0 .16rem;
}

.menu-nav li {
	padding: 0 .25rem;
	height: .51rem;
	text-align: center;
	line-height: .51rem;
	margin-bottom: .28rem;
}

.menu-nav li.active {
	background: #121212;
	border: 1px solid #e3b776;
	border-radius: 30px;
}

.menu-nav li:nth-child(2) {
	padding: 0;
}

.menu-nav li a {
	font-size: .24rem;
	color: #e3b776;
}

.vec-show {
	position: absolute;
	width: calc(7.5rem - 2.8rem);
	height: 700px;
	right: 2.8rem;
	top: 0;
	background-color: #f6f6f6;
	text-align: center;
	display: none;
}

.vec-show.active {
	display: block;
}

.vec-show-title1 {
	font-size: .4rem;
	color: #9fa1a8;
	padding: .4rem 0 .17rem;
}

.vec-show-title2 {
	font-size: .18rem;
	color: #000;
}

.car-list ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 4% 4%;
}

.car-list ul li {
	width: 3.32rem;
	height: 3.23rem;
	background: #fff;
	position: relative;
	margin-bottom: 10px;
}

.iaasj-point {
	position: absolute;
	width: .19rem;
	height: .19rem;
	left: 10px;
	top: 10px;
}

.iaasj-img {
	position: absolute;
	width: 2.07rem;
	right: 1.64px;
	top: 14px;
}

.sjcar-intro {
	position: absolute;
	bottom: 21px;
	left: 10px;
	text-align: left;
}
.sjcar-intro> p{
	font-size: .36rem
}
.sjcar-intro>span{
	font-size: .13rem
}

.sja-explore {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: .72rem;
	height: .23rem;
	text-align: center;
	border-radius: 30px;
	background-color: #121212;
	color: #fff;
	font-size: .16rem
}

.sj-s2 {
	width: 100%;
	background: url("../images/web/swiper.png") no-repeat center;
	min-height: 8.1rem;
	position: relative;
	background-size: contain;
	padding-bottom: .5rem;
}
.sj-swiper{
	position: relative;
}
.sj-swiper .swiper-slide {
	width: 5rem;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.sj-swiper-img img{
	width: 2.96rem;
	height: 2rem;
	object-fit: contain;
	position: relative;
	top: 3rem;
}
.active-sj-car .sj-swiper-img img{
	top: 0;
}
.sj-swiper-box{
	width: 3.8rem;
	margin: 0 auto;
	overflow: hidden;
}
.sj-swiper-title,.sj-swiper-content,.sj-swiper-btn{
	display: none;
}
.sj-page{
	position: absolute;
	bottom: 2.12rem !important;
}
.ssb-wrapper{
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 2.27rem;
	margin: 0 auto;
}
.ssb-wrapper a{
	display: block;
	width: .85rem;
	height: .36rem;
	line-height: .36rem;
	font-size: .17rem;
	text-align: center;
	background: #121212;
	color: #fff;
	border-radius: 30px;
}
.active-sj-car .sj-swiper-title,.active-sj-car .sj-swiper-content,.active-sj-car .sj-swiper-btn{
	display: block;
}
.sj-s3,.sj-s4{
	position: relative;
}
.sj-s3{
	background: url("../images/web/pt2bg.png") no-repeat top center;
	background-size: contain;
	text-align: center;
	padding-bottom: .3rem;
}
.sj-s3-title{
	font-size: .36rem;
	padding: .5rem 0 .16rem;
}
.sj-s3-title2{
	font-size: .16rem;
}
.sj-page .swiper-pagination-bullet{
	color: #4c4c4c;
}
.sj-page .swiper-pagination-bullet-active{
	width: .3rem;
	border-radius: 15px;
	background: #cc000d;
}

.sj-s3-video{
	width: 6.33rem;
	height: 7.62rem;
	position: relative;
	margin: .6rem auto 0;
}
.sj-play-btn{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.sj-s3-video video{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sj-s4{
	text-align: center;
}
.sj-s4-title{
	font-size: .36rem;
}

.sj-s4-title2{
	font-size: .28rem;
	margin-bottom: .2rem;
}

.s4-wrapper{
	background: #efeff0;
}
.about{
	width: 6.34rem;
	margin: 0 auto;
	padding: .22rem 0;
	position: relative;
}

.about-top{
	display: flex;
	margin-bottom: .08rem;
}
.at-left{
	width: 4rem;
	height: 5.01rem;
	margin-right: 0.08rem;
}

.at-ri1{
	width: 2.26rem;
	height: 2.5rem;
	margin-bottom: 0.08rem;
}
.at-ri2{
	width: 2.26rem;
	height: 2.5rem;
}
.sj-tomore{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: .32rem;
	display: block;
	width: 1.42rem;
	height: .36rem;
	line-height: .36rem;
	border-radius: 30px;
	background: #121212;
	color: #fff;
	font-size: .16rem;
}

.toT9 {
	position: absolute;
	width: 1rem;
	height: .4rem;
	left: 2.6rem;
	bottom: .7rem;
}
.sj-build{
	position: absolute;
	width: 1rem;
	height: .4rem;
	left: 4rem;
	bottom: .7rem;
}

@media screen and (min-width:2000px) {
	.reveal-modal-video {
		width: 50%;
	}
}

.sfimg{
	width: 39%;
}
.n420{
	top: 1600px;
}

.tools-container{
	height: 40px !important;
	
}
.tools-container .close>img{
	width: 4vw !important;
	height: 2vw !important;
}



@media screen and (max-width: 769px) {
	.sj-wrapper {
		display: block;
	}
	.info1 > p{
		font-size: .28rem !important;
	}
	.tools-container{
		height: .4rem !important;
	}
	.tools-container .close>img{
		width: .7rem !important;
		height: .3rem !important;
		padding: 4px !important;
	}
	.tools .download>img,.tools .zoomin>img,.tools .zoomout>img{
		width: .24rem !important;
		height: .24rem !important;
		padding: 7px !important;
	}
	.n420{
		top: 1100px;
	}
	.sfimg{
		width:100%;
	}
	.reveal-modal .close-reveal-modal {
		top: -43px;
		right: 0;
		background-size: 27px;
		width: 30px;
		height: 30px;
	}

	.wrapper {
		display: none;
	}
}

/* n42的样式 */


/* about的样式 */
.box-wrapper {
	width: 84.375vw;
	margin: 7.60416666666667vw auto;
}

.sjbox-wrapper {
	width: 6.7rem;
	margin: 1rem auto;
}

/* 弹窗的样式 */
.info1{
	padding: 4%;
}

.info1 > p{
	font-size: 1.25vw;
	margin-bottom: .6rem;
}


/*media 样式*/
.media-wrapper{
	width: 84.375vw;
	margin: 4.375vw auto;
}

.m-m1{
	padding: 2.60416666666667vw;
	width: 79.0625vw;
	margin: 0 auto;
	background: #252531;
	border-radius: 15px;
	display: flex;
	align-items: center;
}

.mv-1, .mv-2{
	width: 39.16666666666667vw;
	height: 21.71875vw;
	position: relative;
}
.mv-1{
	margin-right: 1.04166666666667vw;
}
.mp-btn-1, .mp-btn-2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.mv-1 video, .mv-2 video{
	display: block;
	width: 100%;
	height: 100%;
}
.img-list{
	margin-top: 3.38541666666667vw;
}
.img-list>div{
	float: left;
	margin-right: 0.3vw;
	margin-bottom: 0.3vw;
	position: relative;
}
.img-list>div:hover .hover-box{
	top: 0;
}
.hover-box{
	position: absolute !important;
	/*width: 100%;*/
	/*height: 100%;*/
	box-sizing: border-box;
	/*border: 10px solid #c85361;*/
	/*background: rgba(0,0,0,.5);*/
	/*position: relative;*/
	top: -100%;
	transition: top 0.1s cubic-bezier(.25,.8,.25,1);
}
.hover-box>img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.imb1{
	width: 13.80208333333333vw;
	height: 13.80208333333333vw;
	overflow: hidden
}
.imb1>img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img-box6, .img-box10,.img-box15,.img-box21,.img-box25,.img-box30{margin-right: 0 !important}

.img-box7, .img-box10,.img-box14,.img-box22,.img-box25,.img-box29{
	width: 27.91666666666667vw;
}

.sj-media-banner-btn{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}
.sj-media-banner{
	min-height: 8.62rem;
}
.sj-media-banner video{
	width: 100%;
	height: 8.62rem;
	object-fit: cover;
}

.sjm-box{
	width: 6.33rem;
	margin: .67rem auto;
}
.sjm-mv{
	width: 6.08rem;
	padding: .14rem;
	background: #000000;
	border-radius: 30px;
	display: flex;
	align-items: center;
}
.sjm-m1{
	margin-right: .08rem;
}
.sjm-m1,.sjm-m2{
	position: relative;
	width: 3rem;
}
.sjm-m1 video,.sjm-m2 video{
	width: 100%;
	height: 100%;

}
.sjm-m1-btn,.sjm-m2-btn{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: .51rem;
	height: .51rem;
}

.img-t-l,.img-t-r{
	float: left;
}
.img-t-l{
	width: 4rem;
	height: 5.01rem;
	overflow: hidden;
	margin-right: 0.04rem;
}
.tl1,.tl2{
	width: 2.26rem;
	height: 2.5rem;
	overflow: hidden;
}
.img-t-l,.tl1{
	margin-bottom: 0.03rem;
}
.img-one{
	width: 100%;
	height: 2.72rem;
	margin-bottom: 0.04rem;
}
.img-four{
	width: 100%;
}
.img-four>div{
	float: left;
	width: 3.13rem;
	height: 2.31rem;
	margin-bottom: 0.04rem;
	margin-right:  0.04rem;
}
.img-four>div:nth-child(2n){
	margin-right: 0;
}

/* n75 common */
.common-link {
	width: 100%;
	height: 7.55208333333333vw;
	background: #07090b;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3.80208333333333vw;
}
.clink-btn>a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 7.5vw;
	height: 2.03125vw;
	line-height: 2.13125vw;
	text-align: center;
	background-color: #fff;
	color: #000;
	border-radius: 30px;
	transition: background-color .4s cubic-bezier(.25,.8,.25,1);
}
.clink-btn>a>img{
	width: 0.35vw;
	opacity: 0;
}
.clink-btn>a:hover{
	background-color: rgba(255,255,255,.8);
}
.clink-btn>a span{
	position: relative;
	left: 0;
	transition: left .4s cubic-bezier(.25,.8,.25,1);
}
.clink-btn>a:hover span{
	left: -3px;
}

.clink-btn>a:hover>img{
	opacity: 1;
}


/*sj common*/
.com-sj-btn{
	width: 4.14rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}

.com-sj-btn>a{
	display: block;
	width: 1.69rem;
	height: .36rem;
	line-height: .36rem;
	text-align: center;
	background: #fff;
	color: #000;
	border-radius: 30px;
}

.sj-com-info-btn{
	display: block;
	width: .85rem;
	margin: 0 auto;
	height: .36rem;
	line-height: .36rem;
	background: #000;
	color: #fff;
	text-align: center;
	border-radius: 30px;
}

.com-css-btn{
	width: 100%;
	height: 1.56rem;
	background-color: #07090b;
	display: flex;
	align-items: center;
}