body{
	line-height: normal;
	text-align: inherit;
}
.menu-list, .footer_box{
    line-height: initial;
    text-align: left;
}
header {
  height: 0.87rem;
  width: 100%;
  background-color: #181b20 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.82rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  transition: all 0.5s;
}
header .menu-box .menu {
  display: flex;
  flex-direction: column;
  grid-gap: 0;
  gap: 0;
  cursor: pointer;
  padding: 0.1rem;
}
header .menu-box .menu i {
  margin-bottom: 0.1rem;
  width: 0.36rem;
  height: 0.03rem;
  background-color: #fff;
  display: block;
  transition: all 0.4s;
}
header .menu-box .menu i:nth-last-of-type(2) {
  width: 0.16rem;
}
header .menu-box .menu i:nth-last-of-type(1) {
  margin-bottom: 0;
  width: 0.26rem;
}
header ._logo {
  width: 1.34rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
header ._logo img {
  width: 100%;
}
header .cta-button-list{
    display: flex;
}
header .cta-button-2{
    margin-left: 0.15rem;
    line-height: 0.42rem;
    text-align: center;
}
header .testdrive-btn {
  width: 1.3rem;
  height: 0.42rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  font-size: 0.14rem;
  color: #fff;
}
header .testdrive-btn:hover span{
	color: #fff;
}

header .menu-list {
  position: fixed;
  height: 100vh;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  line-height: initial;
}
header .menu-list .left {
  background-color: #313131;
  width: 18%;
  display: flex;
  flex-direction: column;
  padding-left: 0.82rem;
  padding-top: 1.85rem;
}
header .menu-list .left .box {
  font-weight: 500;
  font-size: 0.2rem;
  color: #fff;
  margin-bottom: 0.5rem;
  cursor: pointer;
  transition: all 0.3s;
}
header .menu-list .left .box:hover {
  color: #dfb591;
}
header .menu-list .left .box.active {
  color: #d8b796;
}
header .menu-list .right {
  width: 70%;
}
header .menu-list .right .right-list {
  display: none;
  padding-top: 1.2rem;
  position: relative;
  background-color: #242424;
  width: 100%;
  height: 100%;
}
header .menu-list .right .right-list .car-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  width: 45%;
  position: relative;
  z-index: 2;
}
header .menu-list .right .right-list .car-list::-webkit-scrollbar {
  display: none;
}
header .menu-list .right .right-list .car-list .car-box {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.26rem 0;
  padding-left: 0.6rem;
  transition: all 0.3s;
  cursor: pointer;
}
header .menu-list .right .right-list .car-list .car-box .left-box {
  flex: 1;
}
header .menu-list .right .right-list .car-list .car-box .left-box .t1 {
  font-weight: 500;
  font-size: 0.26rem;
  letter-spacing: 0.038rem;
  color: #fff;
  transition: all 0.3s;
}
header .menu-list .right .right-list .car-list .car-box .left-box .t2 {
  font-weight: 300;
  font-size: 0.15rem;
  color: #fff;
  margin-top: 0.07rem;
  letter-spacing: 1px;
  opacity: 0.9;
}
header .menu-list .right .right-list .car-list .car-box .left-box .t3 {
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.1rem;
}
header .menu-list .right .right-list .car-list .car-box .right-box {
  width: 2.8rem;
}
header .menu-list .right .right-list .car-list .car-box .right-box img {
  width: 100%;
}
header .menu-list .right .right-list .car-list .car-box.active {
  border-bottom: 1px solid #dfb591;
}
header .menu-list .right .right-list .car-list .car-box.active .left-box .t1 {
  color: #dfb591;
}
header .menu-list .right .right-list .big-car-box {
  flex: 1;
}
header .menu-list .right .right-list .big-car-box .bg-car {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.8rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  display: none;
}
header .menu-list .right .right-list .big-car-box .bg-car .big-car {
  width: 58%;
  pointer-events: none;
  transform: translateX(-0.5rem);
}
header .menu-list .right .right-list .big-car-box .bg-car .big-car img {
  width: 100%;
}
header .menu-list .right .right-list .big-car-box .bg-car .bg-links {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-left: 30%;
  margin-top: 0.5rem;
}
header .menu-list .right .right-list .big-car-box .bg-car .bg-links .link {
  display: flex;
  align-items: center;
  cursor: pointer;
}
header .menu-list .right .right-list .big-car-box .bg-car .bg-links .link .t {
  font-size: 0.18rem;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 400;
  transition: all .3s;
}
header .menu-list .right .right-list .big-car-box .bg-car .bg-links .link .t:hover{
	color: #d8b796;
}
header .menu-list .right .right-list .big-car-box .bg-car .bg-links .link .arrow {
  width: 0.8rem;
  position: relative;
  margin-left: 0.25rem;
  overflow: hidden;
}
header .menu-list .right .right-list .big-car-box .bg-car .bg-links .link .arrow img {
  width: 0.09rem;
  transition: all 0.3s;
  opacity: 1;
}
header .menu-list .right .right-list .big-car-box .bg-car .bg-links .link .arrow img:nth-last-of-type(1) {
  position: absolute;
  top: 0;
  left: -1rem;
  transition: all 0.5s;
}
header .menu-list .right .right-list .big-car-box .bg-car .bg-links .link:hover .arrow img:nth-of-type(1) {
  margin-left: 0.2rem;
  opacity: 0;
}
header .menu-list .right .right-list .big-car-box .bg-car .bg-links .link:hover .arrow img:nth-last-of-type(1) {
  left: 0rem;
}
header .menu-list .right .right-list .big-car-box .bg-car.active {
  display: flex;
}
header .menu-list .right .right-list .menu-list-nav {
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem;
  width: 100%;
}
header .menu-list .right .right-list .menu-list-nav .menu-link {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0.6rem;
  padding-bottom: 0.2rem;
  transition: all 0.3s;
  position: relative;
}
header .menu-list .right .right-list .menu-list-nav .menu-link::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #dfb591;
	display: block;
	transition: transform .88s cubic-bezier(0.165,0.84,0.44,1);
	transform: scaleX(0);
	transform-origin: right;
}
header .menu-list .right .right-list .menu-list-nav .menu-link:hover::after{
	transform: scaleX(1);
	    transform-origin: left;
}
header .menu-list .right .right-list .menu-list-nav .menu-link .link-name {
  font-size: 0.184rem;
  letter-spacing: 0.057rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s;
}
header .menu-list .right .right-list .menu-list-nav .menu-link .link-icon {
  width: 0.09rem;
  position: relative;
  margin-left: 0.25rem;
  overflow: hidden;
}
header .menu-list .right .right-list .menu-list-nav .menu-link .link-icon img {
  width: 0.09rem;
  transition: all 0.3s;
  opacity: 1;
}
header .menu-list .right .right-list .menu-list-nav .menu-link .link-icon img:nth-last-of-type(1) {
  position: absolute;
  top: 0;
  left: -1rem;
  transition: all 0.5s;
}
header .menu-list .right .right-list .menu-list-nav .menu-link:hover {
  /* border-bottom: 1px solid #ef3d13; */
}
header .menu-list .right .right-list .menu-list-nav .menu-link:hover .link-name {
  color: #dfb591;
}
header .menu-list .right .right-list .menu-list-nav .menu-link:hover .link-icon img:nth-of-type(1) {
  margin-left: 0.2rem;
  opacity: 0;
}
header .menu-list .right .right-list .menu-list-nav .menu-link:hover .link-icon img:nth-last-of-type(1) {
  left: 0rem;
}
header .menu-list .right .right-list-menu {
  width: 70%;
  padding-top: 1.8rem;
}
header .menu-list .right .right-list.active {
  display: flex;
}

header.active {
  padding: 0 0.67rem;
}
header.active .menu-box {
  position: relative;
  z-index: 3;
}
header.active .menu-box .menu i:nth-of-type(1) {
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  width: 0.27rem;
  transition: all 0.4s;
  transform: rotate(45deg);
  margin-bottom: -0.15rem;
}
header.active .menu-box .menu i:nth-of-type(2) {
  opacity: 0;
  transition: none;
}
header.active .menu-box .menu i:nth-last-of-type(1) {
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  transition: all 0.4s;
  width: 0.27rem;
  transform: rotate(-45deg);
}
header.active .menu-list {
  display: flex;
}

@media (max-width: 768px) {
  header {
    height: 1.07rem;
    padding: 0 0.33rem;
  }
  header .menu-box .menu i {
    width: 0.4rem;
  }
  header .menu-box .menu i:nth-of-type(2) {
    width: 0.18rem;
  }
  header .menu-box .menu i:nth-last-of-type(1) {
    width: 0.3rem;
  }
  header ._logo {
    width: 1.54rem;
  }
  header .testdrive-btn {
    width: 1.5rem;
    height: 0.48rem;
    font-size: 0.21rem;
  }
  header .kpb_xd{
        margin-left: 0.67rem;
        width: calc(100% - 1.34rem);
        position: absolute;
        bottom: 1rem;
        height: 0.8rem;
        line-height: 0.8rem;
        text-align: center;
        border: 1px solid #dfb591;
        color: #dfb591;
        font-size: 0.21rem;
  }

}/*# sourceMappingURL=header.css.map */



/* 移动端头部 */
@media (max-width: 768px) {
	header.active{
		height: 10vh;
	}
	header .menu-list{
		flex-direction: column;
	}
	header .menu-list .left{
		width: 100%;
	}
	header .menu-list .left,
	header .menu-list .right{
		display: none;
	}
	
	.header_mb{
		background-color: rgba(41, 41, 41, 1);
		height: 100vh;
		overflow-y: scroll;
		padding: 10vh 0rem 0;
	}
	header.active .menu-box .menu i:nth-last-of-type(1),
	header.active .menu-box .menu i:nth-last-of-type(2),
	header.active .menu-box .menu i:nth-last-of-type(3){
		width: 0.45rem;
	}
	header.active .menu-box .menu i:nth-of-type(1){
		transform: rotate(43deg);
		margin-bottom: -0.18rem;
	}
	.header_mb_min{
		width: 100%;
		height: 90vh;
		overflow-y: scroll;
		background-color: rgba(41, 41, 41, 1);
	}
	.head_tab_min{
		color: #dfb591;
        position: relative;
        z-index: 2;
        background-color: rgba(41, 41, 41, 1);
	}
    .head_tab_min a{
        color: #dfb591;
        display: block;
    }
	.head_tab_title{
		display: flex;
		align-items: center;
		font-size: 0.34rem;
		justify-content: space-between;
		height: 1.2rem;
		padding: 0 0.67rem;
	}
	.head_tab_title img{
		width: 0.2rem;
		transform: rotate(90deg);
		transition: all .4s;
	}
	.head_tab_line{
		width: calc(100% - 1.34rem);
		height: 1px;
		background-color: #dfb591;
		opacity: 1;
		margin: 0 0.67rem;
		opacity: 0;
		transition: all .4s;
	}
	
	.head_tab_min_list{
		background-color: rgb(33, 33, 33);
		padding: 0 0.67rem;
		transition: all .5s;
		overflow: hidden;
	}
	
	
	.head_tab_min_text{
		height: 1.2rem;
		line-height: 1.2rem;
		font-size: 0.3rem;
	}
	
	.cyxx{
		height: 30rem;
	}
	.sssy{
		height: 5rem;
	}
	.gcfw{
		/* 1.2 * 5 */
		height: 7.2rem;
	}
	.pwh{
		height: 7.2rem;
	}
	
	
	.htms_car{
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		height: 2.5rem;
		border-bottom: 1px solid #dfb59147;
	}
	.htms_car:nth-last-of-type(1){
		border-bottom: 1px solid transparent;
	}
	.htms_car_left{
		width: 42%;
	}
	.htms_car_right{
		width: 50%;
	}
	.htms_car_right img{
		width: 100%;
	}
	.htms_cl_t1{
		font-size: 0.32rem;
	}
	.htms_cl_t2{
		font-size: 0.24rem;
		white-space: nowrap;
		margin-top: 0.15rem;
	}
	.htms_cl_t3{
		font-size: 0.24rem;
		margin-top: 0.15rem;
		opacity: 0.6;
	}
	
	
	.head_tab_min._close .head_tab_min_list{
		height: 0rem;
	}
	.head_tab_min._close .head_tab_line{
		opacity: 0.2;
	}
	.head_tab_min._close .head_tab_title img{
		transform: rotate(0deg);
	}
	
	
	
	
	
}




/* 侧边栏 */
.side_bar{
	position: fixed;
	bottom: 1.5rem;
	right: 0.1rem;
	z-index: 1000;
	opacity: 0;
	pointer-events: none;
	transition: all .3s;
}
.side_bar._into{
	pointer-events: auto;
	opacity: 1;
}
.side_bar_min{
	display: flex;
	position: relative;
}
.sbm_left{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0.9rem;
	padding: 0.15rem;
	margin-right: 0.1rem;
	opacity: 0;
	pointer-events: none;
	transition: all .2s;
	white-space: nowrap;
}
.sbm_ft_bk{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .34);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	z-index: 0;
	top: 0;
	left: 0;
}
.sbm_left_t1{
	font-size: 0.14rem;
	color: #fff;
	position: relative;
	z-index: 1;
    line-height: initial;
}
.sbm_left_t2{
	font-size: 0.12rem;
	color: #fff;
	position: relative;
	z-index: 1;
	margin-top: 0.05rem;
	opacity: 0.7;
    line-height: initial;
}
.sbm_ft_code{
	width: 1rem;
	position: relative;
	z-index: 1;
}
.sbm_left_t3{
	font-size: 0.14rem;
	color: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
	margin-top: 0.05rem;
}
.trq_top{
	top: 0;
	transform: translateY(0);
}
.trq_bottom{
	bottom: 0;
	transform: translateY(0);
	top: auto;
}

.sbm_right{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 0.9rem;
	height: 0.75rem;
	cursor: pointer;
}

.sbm_right img, .sbm_right .sbm_right_t{
	position: relative;
	z-index: 1;
}
.sbm_right img{
	width: 0.25rem;
}
.sbm_right_t{
	color: #fff;
	font-size: 0.1rem;
	font-weight: 300;
	margin-top: 0.05rem;
    line-height: initial;
    white-space: nowrap;
}

.side_bar_min:hover .sbm_left{
	opacity: 1;
}
.side_bar_min:hover .sbm_right{
	background-color: rgba(0, 0, 0, 0.4);
}
.side_bar_min:hover .sbm_left{
}

@media (max-width: 768px) {
	.side_bar{
		bottom: 3rem;
		right: 0rem;
	}
	.sbm_right{
		width: 1rem;
		height: 1rem;
	}
	.sbm_right img{
		width: 0.3rem;
	}
	.sbm_left{
		display: none;
	}
	.side_bar_min:hover .sbm_right{
		background-color: transparent
	}
	.side_bar_list{
		height: 0rem;
		overflow: hidden;
		transition: all .4s;
	}
	.sbm_right_t{
		font-size: 0.18rem;
	}
	
	.sb_mb_open .side_bar_list{
		height: 3rem;
	}
	.side_bar_min_more img{
		transition: all .4s;
	}
	.sb_mb_open .side_bar_min_more img{
		transform: rotate(45deg);
	}
	
}











footer {
  background-color: #fff;
  padding: 1.2rem 1.2rem;
}
footer .top-box {
  display: flex;
  justify-content: space-between;
}
footer .top-box .list {
  display: flex;
  flex-direction: column;
}
footer .top-box .list .box {
  color: #111;
  font-size: 0.2rem;
  padding-bottom: 0.3rem;
}
footer .top-box .list .input-box {
  display: flex;
  align-items: center;
  width: 5.7rem;
  border-bottom: 1px solid #131619;
  padding-bottom: 0.1rem;
}
footer .top-box .list .input-box input {
  border: none;
  color: #111;
  font-size: 0.2rem;
  outline: none;
  flex: 1;
}
footer .top-box .list .input-box img {
  width: 0.26rem;
}
footer .bottom-box {
  margin-top: 1rem;
}
footer .bottom-box .t-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .bottom-box .t-box .l {
  color: #111111;
  font-size: 0.14rem;
}
footer .bottom-box .t-box .l a{
    text-decoration: underline;
}
footer .bottom-box .t-box .r {
  display: flex;
  align-items: center;
}
footer .bottom-box .t-box .r .t {
  font-size: 0.15rem;
  color: #111;
}
footer .bottom-box .t-box .r .img-box {
  display: flex;
  align-items: center;
}
footer .bottom-box .t-box .r .img-box .ib {
  width: 0.28rem;
  margin-left: 0.2rem;
  position: relative;
}
footer .bottom-box .t-box .r .img-box .ib img {
  width: 100%;
  cursor: pointer;
}
footer .bottom-box .t-box .r .img-box .ib img.ib_pop_i{
	position: absolute;
	bottom: 0.35rem;
	left: 50%;
	transform: translateX(-50%);
	width: 1.2rem;
	opacity: 0;
	transition: all .4s;
	pointer-events: none;
    max-width: none;
}
footer .bottom-box .t-box .r .img-box .ib:hover img.ib_pop_i{
	opacity: 1;
}
footer .bottom-box .t-box .r .img-box .ib:nth-last-of-type(2) {
  width: 0.2rem;
}
footer .bottom-box .b-box {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .bottom-box .b-box .l {
  display: flex;
  align-items: center;
  cursor: pointer;
}
footer .bottom-box .b-box .l .t {
  font-size: 0.15rem;
  color: #111;
}
footer .bottom-box .b-box .l img {
  width: 0.07rem;
  margin-left: 0.3rem;
}
.car_pin{
	display: flex;
	margin-left: 0.2rem;
	font-size: 0.15rem;
	align-items: center;
}
.car_pin a{
	margin-left: 0.4rem;
	position: relative;
	transition: .3s;
}
.car_pin a:hover{
	color: #dfb591;
}
.car_pin a::after{
	position: absolute;
	right: -0.2rem;
	content: '';
	width: 1px;
	height: 0.14rem;
	top: 50%;
	transform: translateY(-50%);
	background-color: #dfb591;
}
.car_pin a:nth-last-of-type(1)::after{
	width: 0;
}

footer .bottom-box .b-box .r {
  display: flex;
  align-items: center;
}
footer .bottom-box .b-box .r .link {
  color: #111;
  font-size: 0.15rem;
  margin-left: 0.3rem;
  transition: .3s;
}
footer .bottom-box .b-box .r .link:hover{
	color: #dfb591;
}

footer .top_box_left{
	font-size: 0.18rem;
	color: #111;
	font-weight: bold;
}
footer .top_box_right{
	font-size: 0.16rem;
	color: #111;
}
footer .top_box_right a{
	margin-left: 1rem;
	transition: .3s;
}
footer .top_box_right a:hover{
	color: #dfb591;
}
/* 底部移动端 */
@media (max-width: 768px) {
	footer{
		padding: 1.2rem 0.44rem 0.8rem;
	}
	.footer_title{
		font-size: 0.34rem;
		font-weight: bold;
		color: #111;
		letter-spacing: 1px;
	}
	.footer_remark{
		font-size: 0.24rem;
		letter-spacing: 1px;
		opacity: 0.8;
		margin-top: 0.15rem;
	}
	.footer_mb_icon{
		display: flex;
		align-items: center;
		border-bottom: 1px solid #111;
		padding-bottom: 0.55rem;
		margin-top: 0.55rem;
	}
	.footer_mb_icon img{
		width: 0.45rem;
		height: auto;
		margin-right: 0.8rem;
	}
	.footer_mb_icon img:nth-of-type(3){
		width: 0.35rem;
	}
	
	.footer_text_list{
		display: flex;
		flex-direction: column;
		margin: 0.25rem 0 0;
	}
	.footer_text_list a{
		font-size: 0.28rem;
		height: 1rem;
		line-height: 1rem;
		color: #111;
	}
	.ftl_gdxx{
		font-size: 0.28rem;
		height: 1rem;
		line-height: 1rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.line_list{
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	.line_list div{
		width: 0.25rem;
		height: 1px;
		background-color: #dfb591;
	}
	.ll_2{
		width: 0.23rem !important;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%) rotate(90deg);
		transition: all .3s;
	}
	.ftl_gdxx.active .ll_2{
		transform: translate(-50%,-50%) rotate(0deg);
	}
	.ftl_more{
		display: flex;
		flex-direction: column;
		height: 4.8rem;
		transition: all .4s;
		overflow: hidden;
	}
	.ftl_more._close{
		height: 0;
	}
	.ftl_more a{
		height: 0.8rem;
		line-height: 0.8rem;
		color: #dfb591;
	}
	
	.ftl_other{
		margin-top: 0.8rem;
		font-size: 0.22rem;
		line-height: 0.35rem;
		opacity: 0.8;
        text-align: center;
	}
    .ftl_other a{
        text-decoration: underline;
    }
	
	.footer_mb_pop{
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.6);
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: all .4s;
		pointer-events: none;
	}
	.footer_mb_pop.active{
		opacity: 1;
		pointer-events: auto;
	}
	.fmp_img_list{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.fmp_i1{
		width: 0.4rem;
		position: absolute;
		top: 5%;
		right: 10%;
		z-index: 1;
	}
	.fmp_i2{
		width: 92%;
	}
	
	
	
	
}
.pcfooter{
    display: none !important;
}





/* 车型页kv */
.carBannerSw {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.carBannerSw .swiper-slide {
    position: relative;
}

.carBannerSw .swiper-slide .cbs_i {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.carBannerSw .swiper-slide .cbs_logo{
    width: auto;
    height: 1rem;
    position: absolute;
    top: 1.8rem;
    left: 50%;
    transform: translateX(-50%);
}


.cbs_btn_list {
    display: flex;
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translate(-50%);
}

.cbs_btn {
    margin: 0 0.1rem;
    width: 1.8rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.17rem;
    color: #fff;
    text-align: center;
    border: 1px solid #dfb591;
    cursor: pointer;
}

.carBannerSw .carBannerSwPage {
    bottom: 0.3rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 5;
}

.carBannerSw .swiper-pagination-bullet {
    width: 1rem !important;
    height: 12px !important;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: transparent;
    border-radius: 0px !important;
    margin-left: 2vh;
    cursor: pointer;
    box-shadow: inset 0px -1.5px 0px 0px rgba(255, 255, 255, .5);
}

.carBannerSw .swiper-pagination-bullet-active {
    position: relative;
}

.carBannerSw .swiper-pagination-bullet:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0rem;
    height: 3px;
}

.carBannerSw .swiper-pagination-bullet-active.showpb:after {
    width: 1rem;
    background: rgba(255, 255, 255, 1);
    transition: width 8s linear;
}

@media (max-width: 767px) {
    .carBannerSw .swiper-slide .cbs_logo{
        top: 3.2rem;
    }
    .carBannerSw .carBannerSwPage{
        bottom: 0.5rem !important;
    }
}

@media (max-width: 768px) {
    .cbs_btn {
        width: 2rem;
        height: 0.77rem;
        line-height: 0.77rem;
        font-size: 0.21rem;
    }
}






/* 按钮 1 */
.cta-button {
    position: relative;
}

.cta-button:hover {
    border: 1px solid #dfb591;
}

.cta-button::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: #dfb591;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    content: "";
    transition: all .3s;
}

.cta-button:hover::before {
    width: 100%;
}

.cta-button:hover span,
.cta-button:hover a{
    color: #fff;
}

.cta-button span,
.cta-button a{
    position: relative;
    z-index: 2;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* 按钮2 */
.cta-button-z {
    position: relative;
}

.cta-button-z:hover {
    border: 1px solid #dfb591;
}

.cta-button-z::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #dfb591;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    content: "";
    transition: all .3s;
}

.cta-button-z:hover::before {
    width: 0;
}

.cta-button-z:hover span
.cta-button-z:hover a{
    color: #fff;
}

.cta-button-z span,
.cta-button-z a{
    position: relative;
    z-index: 2;
    color: #fff;
}













/* 弹窗 */
.ax_pop{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0%;
    left: 0;
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: all .7s;
}
.ax_pop_min{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url('https://www.oraev.com/dist/statics/images/new-home/kv/card.png');
    background-size: 100% 100%; 
    padding: 0.7rem 0.9rem;
    border-radius: 12px;
    transition: all .7s;
}
.kp_title{
    text-align: center;
    font-size: 0.28rem;
    color: #000;
}
.ax_pop_close{
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
    width: 0.2rem;
    cursor: pointer;
    transition: all .3s;
}
.ax_pop_close:hover{
    transform: scale(1.2);
}
.kp_main{
    display: flex;
    align-items: center;
    margin-top: 0.6rem;
}
.phone_i{
    width: 2.4rem;
    padding: 0 0.4rem;
}
.pop_line{
    margin: 0 0.2rem 0.2rem 0.4rem;
    height: 2.6rem;
    width: 1px;
    background-color: #cdcdcd;
    opacity: 0.5;
}
.pop_code{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -0.2rem;
}
.kp_code_i{
    width: 1.8rem;
}
.hp_code_i{
    width: 1.5rem;
    border: 1px solid rgb(170, 166, 165);
}
.kp_text{
    display: flex;
    justify-content: center;
    margin-top: 0.22rem;
    width: 2.6rem;
}
.hp_remarks{
    text-align: center;
    width: 100% !important;
}
.kp_text div{
    margin: 0 0.16rem;
    position: relative;
    white-space: nowrap;
    font-size: 0.154rem;
    transition: all .3s;
}
.kp_text div::after{
    content: '';
    width: 1px;
    height: 0.18rem;
    background-color: #000;
    opacity: 0.1;
    position: absolute;
    top: 50%;
    right: -0.16rem;
    transform: translateY(-50%);
}
.kp_text div:nth-last-of-type(1)::after{
    width: 0px;
}
.ax_pop.active{
    opacity: 1;
    top: 0;
    pointer-events: auto;
}
.ax_pop_min{
    top: 50%;
}