@charset "utf-8";

.web-show {
	display: block !important
}
.cti-top-nav {
	/*top: 0;*/
	transform: translateY(-100%);
	height: 50px;
	z-index: 999;
	background: rgba(0, 0, 0, 0.4);
}
.web-hidden {
	/*top: -.5rem;*/
	/*transition: all 0.5s;*/
}
.web {
	display: none
}




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



}

/*手机样式*/
@media screen and (max-width:980px) {
	.cti-top-nav {
		transform: translateY(0);
	}
	.web {
		display: block !important
	}

	.pc {
		display: none !important
	}

	.yuyueBtn {
		width: 3.2rem !important;
		height: .6rem !important;
		line-height: .6rem !important;
		font-size: .28rem !important;
	}

	.section03 .button__list {
		flex-direction: column;
		left: .7rem;
		right: .7rem;
		gap: .66rem;
		height: auto;
		padding-top: .7rem;
		padding-bottom: .58rem;
	}

	.section03 .intro {
		top: 3.93rem;
		left: 50%;
		transform: translateX(-50%);
		width: 5.52rem;
	}
	.section03 .intro .intro__title {
		font-size: .68rem;
	}

	.section03 .button__list .button__item__text .button__item__text__tips {
		font-size: .24rem;
	}

	.section29 .info-box {
		margin: 4.68rem 0;
		flex-wrap: wrap;
	}
	.section29 .info-box {
		margin-bottom: 1.81rem;
	}
	.section29 .info-box .info-box-item  {
		flex: auto;
		width: 50%;
	}
	.section29 .info-box .info-box-item:nth-child(2n)::before {
		display: none;
	}
	.section29 .design-box {
		margin: 0;
		display: block;
	}
	.section29 .design-box .design-box-left {
		padding-left: .40rem;
	}
	.section29 .design-box .design-box-left img {
		width: 5.99rem;
		height: .77rem;
		margin-bottom: .73rem;
	}
	.section29 .design-box .design-box-left .design-box-left-title {
		margin-top: .21rem;
		margin-bottom: .48rem;
	}
	.section29 .design-box-right img {
		width: 100%;
		height: auto;
	}

	.section29 .swiper29-container-father #section29-swiper .swiper-slide .img-box{
		width: 100%;
		/*height: 8.49rem;*/
	}
	.section29 .swiper29-container-father #section29-swiper .swiper-slide .img-box img {
		width: 100%;
		height: 100%;
	}
	.section29 .swiper29-container-father .swiper-pagination-box {
		margin-top: .53rem;
	}


	.section29 .swiper29-container-father .swiper-pagination .swiper-pagination-bullet,
	.section07 .swiper07-container-father .swiper-pagination .swiper-pagination-bullet,
	.section11 .swiper11-container-father .swiper-pagination .swiper-pagination-bullet,
	.section13 .swiper13-container-father .swiper-pagination .swiper-pagination-bullet {
		width: .66rem;
		height: .06rem;
		background: #EAEAEA;
		border-radius: .03rem;
	}
	.section07 .swiper07-container-father .swiper-pagination .swiper-pagination-bullet,
	.section11 .swiper11-container-father .swiper-pagination .swiper-pagination-bullet {
		background: #6D6D6D;
	}
	.section13 .swiper13-container-father .swiper-pagination .swiper-pagination-bullet {
		background: rgba(234, 234, 234, 0.5);
	}
	.section13 .swiper13-container-father .swiper-pagination-box .swiper-pagination .swiper-pagination-bullet-active,
	.section07 .swiper07-container-father .swiper-pagination-box .swiper-pagination-bullet-active,
	.section11 .swiper11-container-father .swiper-pagination-box .swiper-pagination-bullet-active {
		background: #FFC999;
	}

	.section13 .swiper13-container-father .swiper-pagination-box {
		left: .59rem;
		bottom: 1.7rem;
		z-index: 99;
	}
	.section13 .swiper13-container-father .swiper-pagination {
		bottom: -.69rem !important;
		justify-content: flex-start;
	}
	.section13 .current-intro-web{
		width: 100%;
		padding-top: .59rem;
	}
	.section13 .current-intro-web p:first-of-type{
		font-size: .3rem;
		font-family: AlibabaPuHuiTi-2-55-Medium;
		color: #FFFFFF;
		line-height: .42rem;
		text-align: left;
		font-style: normal;
	}
	.section13 .current-intro-web p:nth-of-type(2){
		font-size: .24rem;
		margin-top: .18rem;
		font-family: AlibabaPuHuiTi-2-45-Light;
		color: #FFFFFF;
		line-height: .33rem;
		text-align: left;
		font-style: normal;
	}
	.section13 .swiper13-container-father .swiper-pagination .tab-item::after,
	.section11 .swiper11-container-father .swiper-pagination .tab-item::after {
		display: none;
	}

	/*.section29 .swiper29-container-father .swiper-pagination .tab-item {*/
	/*	width: 100%;*/
	/*}*/


	.section29 .current-intro-web{
		width: 100%;
	}
	.section29 .current-intro-web p {
		height: .42rem;
		font-family: AlibabaPuHuiTi-2-55-Medium;
		font-size: .30rem;
		color: #000000;
		line-height: .42rem;
		text-align: center;
		font-style: normal;
	}
	.section29 .swiper-pagination {
		bottom: -.56rem !important;
	}

	.section29 .yuyueBtn {
		margin: 1.56rem auto;
	}
	.section29 {
		padding-bottom: 2.06rem;
	}
	.section30 {
		padding-bottom: 1.87rem;
	}

	.section30-box {
		padding-top: 5.72rem;
		padding-left: .6rem;
		padding-right: .6rem;
	}
	.section30-box .logo-img {
		width: 5.99rem !important;
		height: .77rem;
		/*margin: 16px 0 0 13px;*/
	}

	.section30-titleBox {
		top: -5.01rem;
		left: .6rem;
		right: .6rem;
		flex-direction: column;
		gap: .23rem;
		align-items: flex-start;
	}
	.section30-titleBox-big {
		padding-left: 0;
	}

	.section30-titleBox-small {
		font-size: .28rem;
	}

	.section30-img-list {
		left: 0 !important;
		right: 0 !important;
		overflow: auto;
		padding-left: .40rem;
		padding-right: .40rem;
		max-height: none;
		/* 添加滚动条隐藏属性 */
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none; /* IE 和 Edge */
	}
	/* WebKit 浏览器 (Chrome, Safari) */
	.section30-img-list::-webkit-scrollbar {
		display: none;
	}
	.section30-img-list-item {
		flex: 0 0 auto !important;
		width: 5.1rem !important;
	}

	.section30-box-text {
		flex-direction: column;
		align-items: flex-start;
		gap: .47rem !important;
	}

	.section30-imgBox {
		margin: .6rem .4rem 0;
		min-height: 9.59rem !important;
	}

	.section30-imgBox img {
		width: 100%;
		height: 100%;
	}

	.section30-img-list-item-title, .section30-imgBox-title {
		font-size: .28rem;
		left: .4rem;
		bottom: .3rem;
	}

	.section04 {
		width: 100%;
		height: 216.33vw;
		background-image: url("../image/page1/wap/bg.jpg");
	}
	.showInteriorBg {
		background-image: url("../image/page1/wap/interior-black.jpg");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.section04-logo {
		width: 79.866vw;
		height: 10.266667vw;
	}

	.section04 .carColor-box {
		margin-top: 33.4vw !important;
	}

	.section04 .carColor-box-image {
		width: 93.6vw;
		height: 33.6vw;
		margin: auto;
	}
	.section04 .carColorBox-btnList {
		margin-top: 35.133333vw;
		margin-bottom: 25.2vw;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 8.533333vw;
	}
	.interior-btnList {
		height: 22.6666666vw;
	}
	.section04-logo {
		margin-top: 38.4vw;
	}
	.section04 .canshuBtn, .section04 .yuyueBtn {
		width: 42.666667vw !important;
		height: 8vw !important;
		border-radius: 1.06666667vw !important;
		line-height: 8vw !important;
		font-size: .28rem !important;
	}

	.section04 .carColorBox-btnList-item {
		font-size: .28rem;
		width: 18.8vw;
		height: 6.133333333vw;
	}


	.section04 .carColorBox-btnList .action {
		border-radius: 3.04vw;
	}
	.carColorBox-btnList-config {
		gap: 3.27vw;
	}
	.carColorBox-btnList-item-color {
		width: 3.73333vw;
		height: 3.73333vw;
		border-radius: 50%;
	}



	.section04-editBtnList div {
		width: 3.7rem;
		height: .60rem;
		font-size: .28rem;
		line-height: .60rem;
	}
	.section04-editBtnList {
		width: 49.333333vw;
		height: 8vw;
		border-radius: 1.0666666667vw;
		margin-top: 7.6vw;
		overflow: hidden;
	}
	.section04-editBtnList div {
		border-radius: 1.0666666667vw;
	}
	.section04-editBtnList div:nth-child(2) {
		margin-left: -.1rem;
	}

	.section05 .main-title {
		top: 2.18rem;
		left: 50%;
		transform: translateX(-50%);
		width: 3.84rem;
	}
	.section05 .main-title .main-title-big {
		margin-bottom: .2rem;
	}

	.section06 {
		height: 17.80rem;
	}

	.swiper06-container-father {
		top: 2.23rem;
	}

	.swiper06-container-father .custom-navigation {
		top: .95rem;
		right: 50%;
		transform: translateX(50%);
		gap: .27rem;
	}

	.section07-title-box {
		left: .38rem;
		top: -4.9rem;
		background-image: url("../image/page1/wap/section07-title-box-bg.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: .2rem .3rem;
		height: 1.32rem;
		line-height: 1.32rem;
	}
	.section07-title-box .logo-img {
		width: 5.99rem;
	}
	.section07-title-box-title .section07-title-box-title-small {
		font-size: .28rem;
		margin-top: .11rem;
	}

	.section07-web-yuyueBtn {
		position: relative;
		top: -3.06rem;
		left: 0.6rem;
	}

	.swiper07-container-father {
		position: absolute;
		top: -1.86rem;
		left: .4rem;
		right: .4rem;
	}

	.section07 {
		height: 8.2rem;
	}

	.section07 .swiper07-container-father .swiper-pagination-box {
		position: relative;

	}
	.section07 .swiper07-container-father .swiper-pagination  {
		position: absolute;
		bottom: -.6rem !important;
		left: .80rem;
		text-align: left;
		width: auto;
	}
	.section07 .current-intro-web {
		position: absolute;
		left: 0.4rem;
		bottom: 0.3rem;
		z-index: 99;
	}
	.section07 .current-intro-web p:first-of-type{
		font-size: .28rem;
		font-family: AlibabaPuHuiTi-2-55-Regular;
		color: #FFFFFF;
		text-align: left;
		font-style: normal;
	}

	.section08 .main-title {
		bottom: 2.37rem;
		left: 50%;
		transform: translateX(-50%);
		width: 3.84rem;
	}

	.section09 {
		padding-top: 0;
		height: 16.74rem;
		background-image: url("../image/page1/wap/section09-bg.jpg");
	}

	/*.section09-bottom-box {*/
	/*	*/
	/*}*/

	.section09-carBox {
		margin: 1.72rem .4rem;
		width: auto;
	}

	.section09-carBox .logo-img {
		margin: .75rem .44rem 0;
	}
	.section09-carBox .section09-carBox-content {
		margin-top: .84rem;
		margin-left: .44rem;
	}
	.section09-carBox .car-img {
		top: 4.55rem;
		left: 0;
		height: 4.22rem;
	}

	.section09-carBox-cardList {
		flex-direction: column;
	}

	.section09-carBox-card {
		width: 6.1rem;
		height: auto;
	}

	.section09-carBox .section09-carBox-content .section09-carBox-content-content {
		width: 5.55rem;
	}

	.section09-carBox-card-title {
		padding-left: .99rem ;
		padding-top: .53rem;
	}
	.section09-carBox-card-content {
		padding-left: .99rem ;
	}
	.section09-carBox-card {
		padding-bottom: .03rem;
	}
	.section09-carBox-card:last-child {
		padding-bottom: .77rem;
	}
	.section09-carBox-cardList {
		transform: translateY(73%);
	}

	.section09 .line {
		margin: 5.57rem .4rem .86rem;
	}

	.section09-bottom-cardList {
		margin-left: 0;
		margin-right: 0;
		padding-left: .42rem;
		padding-right: .42rem;
	}

	.swiper09-container-father {
		position: relative;
	}

	.section09-bottom-card-box {
		flex: 0 0 auto;
	}

	.swiper09-container-father .custom-navigation {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: .27rem;
		margin-top: .61rem;
	}

	.swiper07-container-father .swiper-slide {
		background-color: transparent;
	}

	.section10 .main-title {
		top: 2.43rem;
		left: auto;
		right: 0;
	}

	.popup-explain .pop-container {
		width: 80%;
		left: 50%;
		/* margin-left: -40%; */
	}

	.section11 {
		background-image: url("../image/page1/wap/jb-bg.jpg");
	}

	.section11 .swiper11-container-father {
		width: auto;
		margin: 1.77rem .4rem !important;
	}

	.section11 .current-intro-web{
		width: 100%;
		padding-top: .14rem;
	}
	.section11 .current-intro-web p:first-of-type{
		font-size: .3rem;
		font-family: AlibabaPuHuiTi-2-55-Regular;
		line-height: .42rem;
		color: #000000;
		text-align: center;
		font-style: normal;
	}
	.section11 .current-intro-web p:nth-of-type(2){
		font-size: .24rem;
		margin-top: .18rem;
		font-family: AlibabaPuHuiTi-2-45-Light;
		line-height: .33rem;
		text-align: center;
		font-style: normal;
		color: #000000;
		font-style: normal;
	}
	.section11 .swiper11-container-father .swiper-pagination {
		margin-top: .55rem !important;
	}
	.section11-title {
		margin-top: 1.78rem;
		margin-left: .6rem;
	}
	.section11-title-box-title-small {
		font-size: .28rem;
	}
	.section11-towImgBox {
		flex-direction: column;
		margin-top: 1.65rem;
		margin-left: .4rem;
		margin-right: .4rem;
		gap: .27rem;
		height: auto;
	}
	.section11-towImgBox-item p,
	.section11-fiveImgBox-item p,
	.section14-imgBox-item p {
		font-size: .28rem;
		right: .26rem;
		bottom: .2rem;
		height: .38rem;
		line-height: .38rem;
		text-align: right;
	}
	.section14-imgBox-item p {
		right: .18rem;
		left: 0 !important;
		/*bottom: .2rem;*/
	}

	.section11-title {
		margin-top: 2.11rem!important;
	}

	.section11-fiveImgBox-column-web {
		width: 100%;
		flex-direction: row;
		gap: .16rem;
	}

	.section11-fiveImgBox {
		flex-direction: row;
		flex-wrap: wrap;
		gap: .16rem;
		margin-bottom: 2.19rem;
	}
	.section11-fiveImgBox .section11-fiveImgBox-column {
		flex: 0 0 auto;
	}

	.section11-fiveImgBox-column2 {
		width: calc(50% - 0.08rem);
	}

	.section11-imgBox {
		flex-direction: row;
		gap: .16rem !important;
		margin: 1.45rem .4rem;
		margin-bottom: 1.83rem;
	}
	.section11-fiveImgBox-item img,
	.section11-towImgBox-item img,
	.section30-imgBox img,
	.section30-img-list-item img,
	.section14-imgBox-item img,
	.swiper29-container-father img{
		border-radius: 18px;
	}
	.section11-imgBox img {
		max-height: 5.63rem;
	}
	.section11-imgBox .section11-towImgRow {
		flex-direction: column;
		gap: .16rem;
	}
	.section11-fiveImgBox-item p {
		right: .14rem;
		left: 0;
		text-align: right;
	}

	.section11-fiveImgBox-item p,
	.section14-imgBox-item p {
		bottom: .2rem;
	}
	.section14-config-box {
		margin-top: 1.26rem;
		margin-bottom: 1.71rem;
	}

	.section12 .zhidao-text {
		top: 2.57rem;
		width: 5.54rem;
		height: .68rem;
	}
	.section12 .btn-shuoming {
		width: 3.2rem;
		height: .6rem;
		font-size: .28rem;
		line-height: .6rem;
		bottom: 1.94rem;
	}

	.section12 .main-title {
		top: 2.71rem;
		left: 50%;
		transform: translateX(-50%);
		width: 4.32rem;
	}

	.section14-title {
		padding-top: 1.12rem;
		padding-left: .6rem;

	}
   .section14-title-box-title-big {
	   width: 4.2rem;
   }
	.section14-title-box-title-small {
		width: 5.5rem;
		margin-top: .29rem;
		font-size: .28rem;
		line-height: .38rem;
	}

	.section14-imgBox {
		margin:.55rem .4rem;
	}
	.section14-imgBox-row {
		margin-top: .2rem;
	}

	.section14-config-box {
		display: block;
		margin-bottom: 0;
	}

	.section14-imgBox {
		margin-bottom: 1.28rem;
	}

	.section14-config-box1-web {
		text-align: center;
	}

	.section14-config-box-text {
		display: block;
		padding-top: .46rem;
		padding-left: 1.36rem;
	}

	.section14-config-box-tips {
		margin-top: .12rem;
		margin-left: 1.07rem;
		font-size: .15rem;
		line-height: .24rem;
	}



	.section23 .swiper23-container-father {
		margin: 0;
	}

	.swiper23-container-title-box {
		padding-left: .6rem;
		margin-bottom: .64rem;
	}

	.swiper23-container-father .swiper23-container-web-custom-navigation {
		display: flex !important;
		justify-content: center;
		align-items: center;
		gap: .57rem;
		margin: .6rem;
	}

	.section25 .form-box-wrap {
		margin-top: 1.36rem;
	}

	.input-box {
		display: flex;
		flex-direction: column;
	}

	.form-box .li .input-box {
		width: 3.8rem;
	}

	.section25 .dili {
		display: flex;
		width: 3.8rem
	}

	.section25 .fl-clr {
		flex: 1;
	}

	.section25 .dili .input-box {
		width: 100%;
	}

	.form-box .li .input-box.w100 {
		width: 3.8rem;
	}

	.form-box .policy-txt {
		width: 3.8rem;
		margin: auto;
	}
	.form-box .policy-txt {
		padding-bottom: .22rem;
	}

	.section25 {
		height: 8.3rem;
		background-image: url("../image/page1/wap/section25-bg.jpg");
	}


	.cti-top-nav {
		height: .95rem;
	}
	.cti-nav-bar .cti-logo {
		margin: .28rem 0 0 .30rem !important;
	}
	.cti-nav-bar .logo {
		margin-left: 0;
	}
	.cti-nav-bar .sj_btn {
		width: 1.59rem !important;
		height: .55rem !important;
		font-size: .26rem !important;
		line-height: .55rem !important;
	}

	.cti-nav-bar .lookCar {
		right: 2.6rem !important;
	}
	.cti-nav-bar .toDrive{
		right: .88rem !important;
		background-color: #FFFFFF;
		color: #000000;
	}

	.section11-towImgBox img {
		height: auto;
	}

	.section07 .current-intro-web {
		position: absolute;
		left: 0.4rem;
		top: -0.9rem;
		z-index: 99;
	}
	.section06-swiper-bigtitle {
		font-size: .24rem;
		line-height: .33rem;
		font-family: AlibabaPuHuiTi-2-55-Regular;
		color: #FFFFFF;
		text-align: center;
		font-style: normal;
	}
	.section06-swiper-smalltitle {
		top: 7.2rem;
	}

	.swiper06-container-father .custom-prev:active,
	.swiper06-container-father .custom-next:active,
	.swiper23-container-father .custom-prev:active,
	.swiper23-container-father .custom-next:active,
	.swiper09-container-father .custom-prev:active,
	.swiper09-container-father .custom-next:active {
		background-color: #090909;
		color: white;
		transform: scale(1.01);
	}


	.section23 .pop-preview.show .pop-content>img {
		height: auto!important;
		width: auto!important
	}
	/*TVC专区*/
	.theme-2 .video {
		width: 100%;
		display: none
	}
	.theme-2 .mask #section2_video {
		width: 90%
	}
	.theme-2 .mask .clear {
		right: 50%;
		transform: translateX(50%);
		top: 70%;
		margin: auto
	}

	#pop-last {
		top: 50%;
		left: 0.5rem;
		transform: translateY(-50%);
		cursor: pointer;
		position: absolute;
		z-index: 9;
		width: .3rem!important;
		height: .3rem!important;
	}

	#pop-next {
		right: 0.5rem;
		transform: translateY(-50%);
	}

	.section03 .text-logo {
		top: 4.68rem;
		left: 50%;
		transform: translateX(-50%);
		height: .61rem;
	}

	.section12 .text-logo {
		top: 3.26rem;
		left: .6rem;
		/*height: 1.43rem;*/
		width: 3.91rem;
	}
	.section12 .text-logo-small {
		top: 4.4rem;
		left: .6rem;
		width: 3.91rem;
		/*height: .48rem;*/
	}

	.section08 .text-logo {
		right: .42rem;
		bottom: 3.37rem;
		height: 1.43rem;
		width: auto;
	}

	.section05 .text-logo {
		top: 2.4rem;
		left: 50%;
		transform: translateX(-50%);
		width: 3.76rem;
	}

	.section06 .swiper06-container-father .swiper-pagination-box .swiper-pagination {
		display: none;
	}

	.section06 .swiper06-container-father  .current-intro-web {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: .41rem;
		z-index: 99;
	}
	.section06 .swiper06-container-father .swiper-pagination-box {
		left: 0;
		right: 0;
		bottom: 0;
	}

	.swiper06-container-father .current-intro-web p:first-of-type{
		font-size: .28rem;
		line-height: .33rem;
		font-family: AlibabaPuHuiTi-2-55-Regular;
		color: #FFFFFF;
		text-align: center;
		font-style: normal;
	}
	.swiper06-container-father .current-intro-web p:nth-of-type(2){
		font-size: .24rem;

		position: absolute;
		left: -0.9rem;
		right: -0.9rem;
		top: 0.9rem;
		/*margin-top: .18rem;*/
		font-family: AlibabaPuHuiTi-2-45-Light;
		line-height: .33rem;
		text-align: center;
		font-style: normal;
		color: #000000;
		font-style: normal;
	}

}

@media screen and (max-width:400px) {
	.pre-book-box .title {
		top: -1.1rem;
	}

	.pre-book-box {
		margin: 2rem 0 0 0;
	}

	.pre-book-box .img {
		width: 90%;
	}

	.short-phone-slide4 .pre-book-box .img {
		width: 80%;
	}

	.news-list li {
		padding-bottom: 0;
	}
}