@charset "utf-8";

.web {
	display: none !important
}


/* 980改为900 */
@media screen and (max-width:980px) {
	.web {
		display: block !important
	}

	.pc {
		display: none !important
	}

	.table-container .fixed-top.fixed {
		top: 60px
	}


}

/*手机样式*/
@media screen and (max-width:980px) {
    .page1-wrap .btns{
        right: 17%;
        bottom: 8%;
        /* left: 50%;
        transform: translate(-50%, 0); */
    }
    .page3-wrap .btns-wrap{
       top: 50%;
       transform: translate(0,-26%);
       bottom: auto !important;
    }

    .slide04 .sel-btn div{
        font-size: 0.28rem;
    }
    .slide04 .color-box .small-icon-box{
        top: 2rem;
    }
    .slide04 .color-box .car-img-box .car-color{
        top: 2rem;
    }
    .slide04 .color-box .car-img-box .car-color.web{
        width: 6.22rem;
    }
    .slide04 .bottom-tip{
        bottom: 1.5rem;
    }
    .slide04 .rybcar{
        background:  url(/html/images/20260421-civic//mobile/slide04_bg.png) no-repeat center center;
        background-size: cover;
    }
    .slide04 .title-box img{
        width: 4.66rem;
    }
    .slide04 .title-box{
        margin-top: 2.4rem;
    }
    .slide04 .color-box .small-icon-box {
        top: 60%;
        gap: 0.5rem;
    }
    .slide04 .rybys.youshi{
        flex-wrap: wrap;
    }
    
    .slide04 .youshi div {
        width: 38%;
		padding-left: .1rem;
    }
      
    .slide04 .color-box .small-icon-box .icon-box{
        flex-direction: column;
    }
    .slide04 .color-box .small-icon-box .icon-box .icon-div{
        width: 0.64rem;
        height: 0.64rem;
    }
    .pirce{
        font-size: 0.28rem;
    }
    .price span{
        font-size: 0.36rem;
    }
    .slide04 .hdbcar{
        background: url(../image/page4/phone/slide04_hdbg.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .slide04 .hdbcar .title-box img.web{
        margin-top: 2rem;
    }
    .slide04 .hdbcar .color-box .car-img-box .car-color{
        width: 5.52rem;
        top: 5rem;
    }
    .slide04 .hdbcar .color-box .small-icon-box{
        flex-direction: row;
        align-items: center;
        right: auto;
        top: 4.5rem;
    }
    .slide04 .hdbcar .youshi{
        /* margin-top: -4.5rem; */
		margin-top: -3.6rem;
        flex-wrap: wrap;
		column-gap: 0.2rem;
    }
    .slide04 .hdbcar .sel-btn{
        margin-top: -2rem;
    }
    .slide04 .hdbcar .youshi div p.sl{
        font-size: 0.22rem;
    }
    .slide04 .youshi div p span{
        font-size: 0.28rem;
    }
    .slide04 .hdbcar .youshi div{
        width: 32%;
        font-size: 0.24rem;
    }
    .slide04 .hdbcar .color-box .small-icon-box .icon-box.active{
        padding-left: 0;
    }



	.imglist-pop {
		background: rgba(0, 0, 0, 0.8);
	}

	.imglist-pop .box {
		width: 100%
	}

	.imglist-pop .box .swiper-button-next,
	.imglist-pop .box .swiper-button-prev {
		display: none
	}

	.imglist-pop .box .close {
		right: 44%;
		transform: translateX(-50%);
		top: auto;
		bottom: -0.8rem
	}


	.video-list-show {
		width: 6.8rem
	}

	.video-ul-show {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-left: 0;
	}

	.video-ul-show li,
	.video-ul-show.s3 li {
		float: none;
		width: 100%;
		padding-bottom: 0.3rem
	}

	.video-ul-show li.video2,
	.video-ul-show li.video3 {
		width: 3.275rem;
		height: 1.96rem;
		margin-bottom: 0.25rem;
		float: left;
	}

	.video-ul-show li.video2 {
		margin-right: 0.25rem;
	}

	.video-ul-show li .box {
		position: relative;
		overflow: hidden;
		margin-left: 0;
		cursor: pointer
	}

	.video-ul-show li .box img {
		width: 100%;
		float: left;
		height: auto;
		object-fit: cover;
	}

	.video-ul-show li .box:after {
		width: 0.8rem;
		height: 0.8rem;
		background-size: 100% !important
	}


	.videolist-pop {
		background: rgba(0, 0, 0, 0.8);
	}

	.videolist-pop .box {
		width: 100%
	}

	.videolist-pop .box .close {
		right: 44%;
		transform: translateX(-50%);
		top: auto;
		bottom: -0.8rem
	}

	body {
		min-width: 315px;
		max-width: 750px;
		background: #001444
	}

	.content-title {
		padding: 0.9rem 0 0.6rem 0;
		font-size: 0.42rem;
		line-height: 0.5rem
	}

	.mySwiper-imgs {
		width: 6.8rem
	}

	.mySwiper-imgs .swiper-slide img {
		width: 3.275rem;
		height: 1.96rem;
		margin-left: 0.23rem;
		margin-bottom: 0.25rem
	}

	.mySwiper-imgs .swiper-slide img:nth-child(1),
	.mySwiper-imgs .swiper-slide img:nth-child(2) {
		margin-left: 0
	}

	.mySwiper-imgs .swiper-slide img:nth-child(1) {
		width: 100%;
		height: auto
	}

	.video-show {
		width: 6.8rem
	}

	.video-show video,
	.video-show img {
		height: 3.14rem
	}

	.video-show .play {
		width: 0.8rem;
		height: 0.8rem;
		background: url(../image/common/play.png) no-repeat;
		background-size: 100%
	}

	.slide1 {
		position: relative;
	}

	.slide1 #p1 .kv1 {
		background: url(../image/page1/phone/KV.jpg) no-repeat center center;
		background-size: cover;
	}

	.slide1 #p1 .kv2 {
		background: url(../image/phone/kv_2.jpg) no-repeat center center;
		background-size: cover;
	}

	.slide1 .kv_btn {
		position: absolute;
		left: 50% !important;
		transform: translate(-50%);
		bottom: 18vh !important;
		top: auto !important;
		font-size: .22rem;
	}
	.slide1 #p1 .kv1 .kv_btn{
		bottom: 7vh !important;
	}
	.slide1 #p1 .kv2 .kv_btn{
		bottom: 16vh !important;
	}

	.slide1 .phone-logo {
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		bottom: .9rem;
		display: flex;
	}

	.slide1 .phone-logo img {
		width: 6.9rem;
		height: auto;
	}
    .page2-wrap .video-item01{
		background: url("../image/page2/phone/pic01.png") no-repeat center center;
		background-size: cover;
	}
	.page2-wrap .swiper-button-prev.web{
		left: 10px;
		right: auto;
		top: 50%;
	}
	.page2-wrap .swiper-button-next.web{
		right: 10px;
		left: auto;
		top: 50%;
	}
	.page2-wrap .video-item02{
		background: #000000 url(../image/page2/phone/bg.png) no-repeat center center;
		background-size: cover;
	}
	.page3-wrap{
		background: url(../image/page3/phone/bg.jpg) no-repeat center top;
		background-size: cover;
	}
	.page3-wrap .car-lf{
		background: url(/html/images/20260421-civic/mobile/slide03_l.png) no-repeat center center;
		background-size: cover;
		width: 32%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		transition: width 2s;
		z-index: 999;
	}
	.page3-wrap .car-rh{
		background: url(../image/page3/phone/right.png) no-repeat center center;
		background-size: cover;
		width: 32%;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 999;
	}
	.page3-wrap .car-bg{
		width: 36%;
		position: absolute;
		left: 32%;
	}
	.page3-wrap .car-bg .title.web{
		top:4rem;
		padding: 0 .3rem;
		box-sizing: border-box;
	}
	.page3-wrap .title.web img{
      display: block;
	  max-width: 100%;
	}
	.page3-wrap .btns-wrap{
		gap:1.5rem
	}
	.page3-wrap .btns-wrap span{
		display: block;
		width: .4rem;
		height: 1.64rem;
		background: url("../image/page3/phone/btn-bg.png") no-repeat center center;
		background-size: 100% 100%;
		font-size: .3rem;
		color: #ffffff;
		text-align: center;
		padding-top: .2rem;
		box-sizing: border-box;
	}
	.page4-wrap{
		padding-top: 1rem;
		box-sizing: border-box;
	}
	.page4-wrap .page4-swiper-father {
		width: 100%;
		padding-top: .5rem;
		box-sizing: border-box;
		box-sizing: border-box;
	}
	.page4-wrap .page4-swiper-father .swiper-slide{
		background: none;
	}
	.page4-wrap .page4-swiper-father .swiper-wrapper{
		margin-top: .5rem;
	}
	.page4-wrap .page4-swiper-father .small-icon-box{
		width: 100%;
		height: 1rem;
		position: static;
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}
	.page4-wrap .page4-swiper-father .small-icon-box .icon-box{
		width: 1rem;
		display: block;
	}
	.page4-wrap .page4-swiper-father .small-icon-box .icon-box>div,.page4-wrap .page4-swiper-father .small-icon-box .icon-box>span{
		display: block;
	}
	.page4-wrap .page4-swiper-father .small-icon-box .icon-box>span{
		margin-left: 0;
		text-align: left;
	}
	.page4-wrap .car-info .btns{
		padding-top: .3rem;
		gap:1rem;
	}
    .page4-wrap .car-info.web{
		width: 100%;
	}
	.page4-wrap .car-info.web .config-data{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.page4-wrap .car-info.web .config-data>div{
		width: 50%;
		flex: none;
		padding-left: 1.2rem;
		box-sizing: border-box;
		margin-bottom: .4rem;
	}



	.page5-wrap {
		background: url(../image/page5/phone/bg.png) no-repeat center center;
		background-size: cover;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		padding-top: 2rem;
		box-sizing: border-box;
	}
	.page5-wrap .title-box{
		width: 100%;
		text-align: center;
		padding-top: .45rem;
		padding: .45rem .3rem 0;
		box-sizing: border-box;
	}
	.page5-wrap .title-box img{
		display: inline-block;
		margin: 0 auto;
	}

    .page6-wrap{
		background: url(../image/page6/phone/bg.png) no-repeat top center;
		background-size: cover;
		width: 100%;
		height: 100vh;
		position: relative;
		box-sizing: border-box;
		padding: 1.5rem .23rem !important;
		box-sizing: border-box;
		overflow: hidden;
	}
	#page6-swiper{
		/* height: 7rem; */
	}
	.page6-wrap .main-title{
		padding:0 .5rem;
		box-sizing: border-box;
	}
	.page6-wrap .subtitle{
		width: 100%;
		height: auto!important;
		font-size: .28rem;
		color: #000000;
		line-height: .54rem;
		padding:0 .5rem;
		box-sizing: border-box;
		margin-top: .4rem;
	}
	.page6-swiper-father{
		margin-top: .4rem;
		padding: 0 .24rem;
		box-sizing: border-box;
	}
	.page6-wrap .btm-info{
        position: relative;
		padding-top: .0rem;
		box-sizing: border-box;
		margin-top: .3rem;
	}

	.page6-wrap .btm-info>div:first-of-type span{
		width: auto;
		color: #ffffff;
		font-weight: bold;
		background: #1520AB;
		position: relative;
		height: .38rem;
		display: inline-block;
		vertical-align: middle;
		font-size: .28rem;
		padding: 0 .2rem;
		box-sizing: border-box;
	}
	.page6-wrap .btm-info>div:first-of-type::before{
		display: inline-block;
		vertical-align: middle;
		content: '';
		left: -.57rem;
		width: .57rem;
		height: .38rem;
		background: url("../image/page6/phone/bt-bg01.png") no-repeat center center;
		background-size: 100% 100%;
	}
	.page6-wrap .btm-info>div:first-of-type::after{
		display: inline-block;
		vertical-align: middle;
		content: '';
		left: 100%;
		width: .15rem;
		height: .38rem;
		background: url("../image/page6/phone/bt-bg02.png") no-repeat center center;
		background-size: 100% 100%;
	}
    .page6-wrap .yb-icon{
        position: relative;
    }
	.page6-wrap .btm-info>div:nth-of-type(2){
        width: 2.27rem;
        height: 0.3rem;
        position: absolute;
        top: 0.1rem;
        left: 71%;
        background: url(../image/page6/phone/circle.png) no-repeat center center;
        background-size: 100% 100%;
		margin-left: .3rem;
	}

    .page7-wrap{
        background: url(../image/page7/phone/csbj.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .page7-swiper{
        left: 0.23rem;
        right: 0;
        top: 3.2rem;
        /* height: 6rem!important; */
    }
    .page7-wrap .main-intro{
        position: absolute;
        bottom: -.8rem;
        background: #1520AB;
        width: 100%;
        /* height: auto; */
    }
    .page7-wrap .main-intro .intro-content{
        padding-left: 0.23rem;
    }
    .page7-wrap .main-intro .main{
        margin-top: 0rem;
    }
    .page7-wrap .main-intro .sub{
        font-size: 0.28rem;
        font-family: 'AlibabaPuHuiTi_2_45_Light';
    }
    .page7-wrap .img-box .mask{
        padding: 0 0.2rem;
        height: 0.57rem;
        background: url(../image/page7/phone/btkz.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .page7-wrap .img-box .mask span{
        padding-right: 0.5rem;
        font-size: 0.28rem;
        background: none;
    }
    .page7-wrap .img-box .mask::after{
        display: none;
    }
    .page7-wrap .main-title .web{
        width: 5.9rem;
        margin: 1.8rem 0 0 0.23rem;
    }
    .page7-swiper .img-box .mask{
        bottom: 0.6rem;
    }

    .page7-1-wrap {
        background: url(../image/page7/phone/bg.jpg) no-repeat center center;
        background-size: cover;
    }
    .page7-1-wrap .title-box{
        margin-top: 1.6rem;
		padding-left:.6rem;
		padding-right: .6rem;
		box-sizing: border-box;
    }
    .swiper8-page .special-pagination-text,.swiper10-page .special-pagination-text{
        z-index: 9;
    }
    .swiper8-page .special-pagination .li em,.swiper8-page .special-pagination .li .span,.swiper10-page .special-pagination .li em,.swiper10-page .special-pagination .li .span,.swiper11-page .special-pagination .li .span,.swiper12-page .special-pagination .li .span,.swiper13-page .main-swiper .special-pagination .li .span{
        font-size: 0;
    }
    /* .swiper8-page .special-pagination .swiper-pagination-bullet-active{
        background: #fff;
        border-radius: 20px;
        height: 0.06rem;
    }*/
    .swiper8-page .special-pagination , .swiper13-page .main-swiper .special-pagination,.swiper14-page .special-pagination,.swiper16-page .special-pagination{
        background: none;
    } 
    .swiper8-page .special-pagination .li i,.swiper10-page .special-pagination .li i ,.phone-swiper .special-pagination .li i,.swiper12-page .special-pagination .li i,.swiper13-page .main-swiper .special-pagination .li i,.swiper14-page .special-pagination .li i,.swiper16-page .special-pagination .li i{
        height: 0.06rem;
        width: 0.8rem;
        margin: 0;
        background: #C0C8D0;
        border-radius: 20px;
    }
    .swiper8-page .special-pagination-text{
        bottom: 2.82rem;
    }
    .swiper8-page .special-pagination .swiper-pagination-bullet-active i,.swiper10-page .special-pagination .swiper-pagination-bullet-active i,.phone-swiper .special-pagination .swiper-pagination-bullet-active i,.swiper12-page .special-pagination .swiper-pagination-bullet-active i{
        background: #fff;
        top: 0;
    }
    .swiper8-page .special-pagination-text,.swiper10-page .special-pagination-text{
        text-align: left;
    }
    .swiper14-father .swiper14-item-intro h5,.swiper16-father .swiper16-item-intro h5{
        font-size: 0.36rem;
        color: #000D1F;
    }  
     .swiper8-page .special-pagination-text .special-pagination-p1{
        font-size: 0.36rem;
        color: #fff;
     }
    .swiper14-father .swiper14-item-intro p,.swiper16-father .swiper16-item-intro p{
        font-size: 0.26rem;
        color: #000D1F;
        font-family: 'AlibabaPuHuiTi_2_45_Light';
    }
    .swiper8-page .special-pagination-text .special-pagination-p2{
        font-size: 0.26rem;
        color: #fff;
        font-family: 'AlibabaPuHuiTi_2_45_Light';
    }
    .swiper8-page .p-box{
        height: 4.48rem;
        background: url(../image/page8/phone/bg.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .swiper8-page .special-pagination .li{
        width: 0.5rem;
		width: auto;
        flex: none;
    }

   .swiper10-page .special-pagination-text .special-pagination-p1{
        font-size: 0.36rem;
    }
    .swiper10-page .special-pagination-text .special-pagination-p2{
        font-size: 0.26rem;
    }
    .swiper10-page.slide2-9 .special-pagination-text{
        bottom: 12vh;
        z-index: 9;
    }
    .swiper10-page.slide2-9 .special-pagination{
        bottom: 1vh;
        z-index: 9;
    }
    .p-box{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10.61rem;
        background: url(../image/page10-1/phone/bg.png) no-repeat center center;
        background-size: 100% 100%;
        z-index: 2;
    }

    .swiper9-page{
        background: url(../image/page10/phone/bg.jpg) no-repeat center center;
        background-size: cover;
    }
    .swiper9-page .title-warp .main-title{
        width: 100% !important;
    }
    .swiper9-page .title-warp .sub-title{
        width: 4.59rem !important;
    }
    .swiper9-page .title-warp{
        margin-top: auto !important;
        height: 95%;
    }
    .swiper9-page.slide2-8 .title-warp .toZd{
        font-size: 0.3rem;
        width: 2.8rem;
    }

    .slide2-10{
        padding-top: 2.5rem;
        background: url(../image/page11/phone/immmdbj.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .slide2-10 .main-title.web img{
        width: 6.82rem;
        margin: 0 0 0.3rem 0.23rem;
    }
    .slide2-10 .phone-swiper .swiper-slide{
        background: url(../image/page11/phone/slidebg.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .slide2-10 .phone-swiper .swiper{
        width: 6.26rem;
        height: 9.69rem;
    }
    .slide2-10 .phone-swiper .swiper-wrapper{
        height: 7rem;
    }
    .slide2-10 .phone-title{
        width: 5.42rem;
        height: 0.83rem;
        margin: 0 auto 0.3rem auto;
        background: url(../image/page11/phone/btdk.png) no-repeat center center;
        background-size: 100% 100%;
        font-size: 0.5rem;
        font-family: 'AlibabaPuHuiTi-2-75-SemiBold';
        color: #fff;
    }
    .slide2-10 .phone-swiper .special-pagination{
        background: none;
    }
    .slide2-10 .phone-swiper .title-pic{
        width: 3.45rem;
        margin: 0.4rem 0 .5rem 0.72rem;
    }
    .slide2-10 .phone-swiper .car-pic{
        width: 5.54rem;
    }
    .slide2-10 .phone-swiper .car-config{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        gap: 0.5rem;
        text-align: left;
    }
    .slide2-10 .phone-swiper .car-config p:nth-child(1){
        font-size: 0.54rem;
    }

    .slide2-11 #swiper12-inner-slide1 .swiper-slide .main-title{
        margin: 1rem auto 1rem auto;
        font-size: 0.6rem;
        font-family: 'AlibabaPuHuiTi-2-75-SemiBold';
        color: #fff;
    }
    .slide2-11 #swiper12-inner-slide1 .swiper-slide img{
        margin: auto;
        display: block;
    }
    .slide2-11 #swiper12-inner-slide1 .swiper-slide .lbt1-1{
        width: 4.24rem;
    }
    .slide2-11 #swiper12-inner-slide1 .swiper-slide .lbt1{
        width: 4.15rem;
        margin: 0.85rem auto;
    }
    .slide2-11 #swiper12-inner-slide1 .swiper-slide .lbt1-2{
        width: 1.59rem;
    }

    .swiper13-page .main-swiper{
        padding: 3.6rem 0.59rem 0 1.05rem;
    }
    .swiper13-page .main-swiper .intro{
        flex-direction: column;
    }
    .swiper13-page .main-swiper .intro .label p:first-of-type{
        font-size: 0.28rem;
    }
    .swiper13-page .main-swiper .intro .label p:nth-of-type(2){
        position: relative;
        margin: 0.2rem 0 ;
        font-size: 0.3rem;
    }
    .swiper13-page .main-swiper .intro .label p:nth-of-type(2)::after{
        content: ' ';
        display: block;
        width: 0.8rem;
        height: 0.03rem;
        background: #C1C1C1;
        position: absolute;
    }
    .swiper13-page .main-swiper .info{
        margin: 0 0 0.4rem 0;
        font-size: 0.24rem;
        line-height: 0.4rem;
    }
    .swiper13-page .main-swiper .swiper {
        height: 10rem;
        width: 5.86rem;
    }
    .swiper13-page .main-swiper .swiper-wrapper{
        height: 7rem;
    }
    .swiper13-page .main-swiper .swiper-wrapper .swiper-slide {
        padding: 0;
    }
    .swiper13-page .main-swiper .swiper-wrapper .swiper-slide .box{
        height: 5rem;
        background: url(../image/page13/phone/rect.png) no-repeat center center;
        background-size: 100% 100%;
        padding: 0.4rem 0.7rem;
        text-align: left;
    }
    .swiper13-page .main-swiper .swiper-slide .title{
        width: 1.93rem;
    }
    .swiper13-page .main-swiper .swiper-slide .lbt{
        width: 2.67rem;
        margin: 0.2rem auto;
        display: block;
    }
    .swiper13-page .main-swiper .swiper-slide .txt{
        font-size: 0.22rem;
        line-height: 0.4rem;
        color: #fff;
    }
    .swiper13-page .main-swiper .special-pagination,.slide2-11 .special-pagination,.slide2-10 .phone-swiper .special-pagination ,.swiper10-page.slide2-9 .special-pagination,.swiper8-page .special-pagination{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.3rem;
    }
    .swiper13-page .main-swiper .special-pagination .swiper-pagination-bullet-active i{
        background: #000000;
    }
    .jq-btn{
        width: 2.74rem;
        height: 0.57rem;
        margin: 0.5rem auto;
        background: url(../image/page13/phone/btnbg.png) no-repeat center center;
        background-size: 100% 100%;
        text-align: center;
        line-height: 0.57rem;
        font-size: 0.36rem;
        color: #fff;
    }
    .swiper13-page .intro{
        padding-top: 0.2rem;
    }

    
    .swiper14-father{
        padding: 0 !important;
    }
    .swiper14-father .swiper-pagination-bullet,.swiper16-father .swiper-pagination-bullet{
        width: 0.8rem !important;
        height: 0.06rem;
        border-radius: 20px;
        background: #C6C6C6;
        opacity: 1;
    }
    .swiper14-father .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper16-father .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #000;
    }
    .swiper14-father .swiper-pagination-outside,.swiper16-father .swiper-pagination-outside{
        margin: auto !important;
        width: auto !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.3rem;
        /* position: absolute; */
        bottom: 14%;
    }
    .swiper14-father .swiper14-item-intro,.swiper16-father  .swiper16-item-intro{
        width: auto !important;
        margin-left: auto !important;
    }
    .swiper14-page #swiper14,.swiper16-page #swiper16{
        /* height: 7.5rem; */
		height: auto;
    }
    .swiper14-page .swiper-button-next:after, .swiper14-page .swiper-button-prev:after,.swiper16-page .swiper-button-next:after, .swiper16-page .swiper-button-prev:after{
        font-size: 0.4rem;
    }
    .swiper14-father .swiper-slide,.swiper16-father .swiper-slide{
        width: 100% !important;
    }

    .swiper15-page .content .btns{
        width: 2.88rem;
        font-size: 0.3rem;
    }
    .swiper15-page .content img.web {
        width: 4.51rem;
        margin: 0.3rem auto;
    }
    .swiper15-page .title-left img.web{
        width: 100%;
        margin-top: 3.58rem;
    }

    .swiper16-father{
        padding-top: 0 !important;
    }
	#swiper16 .img-box{
		width:90%;
		margin: 0 auto;
	}
	#swiper16 .img-box img{
		display: block;
	}
    .swiper17-page{
        background: url(../image/page16/phone/bg.png) no-repeat center center;
        background-size: 100% 100%;
    } 
    .swiper17-page .content .title-box{ 
        padding-top: 1.8rem ;
		padding-left: .3rem;
		padding-right: .3rem;
		box-sizing: border-box;
    }
    .swiper17-page .content .cars .car-item .year{
        width: 4.35rem;
        top: 30%;
        left: 9%;
    }
    .swiper17-page .content .cars .car-item .car{
        width: 5.9rem;
    }
    .swiper17-page .content .cars .car-item.current .car{
        left: 50%;
        transform: translate(-50%, 0);
    }
    .swiper17-page .content .cars .car-item .b-txt{
        top: 64%;
        width: 5.9rem;
    }
    .swiper17-page .content .cars .car-item .b-txt p:nth-child(2){
        font-size: 0.4rem;
        margin-top: 0.1rem;
    }
    .swiper17-page .content .cars .car-item .b-txt p:nth-child(3){
        font-size: 0.24rem;
    }
    .swiper17-page .content .years{
        width: 100%;
        background: none;
        height: auto;
        overflow-x: scroll;
    }
    .swiper17-page .content .years > ul{
        width: 22rem;
    } 
    .swiper17-page .content .years::-webkit-scrollbar{
        width: 0;
    }
    .swiper17-page .content .years-wrap{
        width: 100%;
        bottom: 2vh;
        padding: 0 !important;
        overflow: hidden;
    }
    .swiper17-page .content .years > ul{
        margin-top: 0;
    }
    .swiper17-page .content .years > ul li,.swiper17-page .content .years > ul li.active{
        font-size: 0.28rem;
    }

    .theme-6-2-pop.active{
        top: 18%;
    }
    .theme-6-2-pop .box{
        padding: 1rem 0.2rem 0.2rem 0.2rem;
        height: 100%;
        overflow-y: scroll;
    }
    .theme-6-2-pop{
        top: 18%;
        width: 90%;
        left: 50%;
        transform: translate(-50%, 0);
        height: 12rem;
        overflow: hidden;
    }
    .theme-6-2-pop .close, .configWrapper .close{
        right: 10px;
        top: 10px;
    }


	.slide2-7 {
		background: #000;
		position: relative;
		overflow: hidden;
	}
	.swiper16-father .swiper16-item-intro{
		padding-top: .4rem;
	}
	.slide2-7 .special-pagination {
		width: 90%;
		left: 5%;
		bottom: 22vh;
		background: none;
		position: absolute;
		padding: 0;
	}

	.special-pagination {
		padding: 0;
		position: absolute;
	}

	.slide2-7 .special-pagination .li {
		width: 33.33%;
	}

	.special-pagination .li {
		width: auto;
	}

	.special-pagination .li .span {
		opacity: 0;
	}

	.special-pagination .li em {
		opacity: 0;
	}

	.special-pagination .swiper-pagination-bullet-active i {
		position: relative;
		top: -.01rem;
	}

	.special-pagination-text {
		position: absolute;
		width: 90%;
		left: 5%;
		bottom: 12vh;
	}

	.special-pagination-text .special-pagination-p1 {
		font-family: AlibabaPuHuiTi_2_55_Regular;
		font-size: .36rem;
		color: #FFFFFF;
		margin-bottom: .4rem;
	}

	.special-pagination-text .special-pagination-p2 {
		font-family: AlibabaPuHuiTi_2_55_Regular;
		font-size: .24rem;
		color: #FFFFFF;
	}


	.slide2-8 .title-warp {
		margin-top: 2.13rem;
        padding: 0 !important;
	}
    .slide2-8 .title-content{
        width: auto !important;
        margin-top: auto;
    }

	.slide2-8 .special-pagination {
		width: 90%;
		background: none;
		margin: 0 auto;
		position: initial;
		padding: 0;

	}

	/* .slide2-8 .special-pagination .li{
		width: 25%;
	} */

	.slide2-8 .special-wrapper {
		height: 50%;
	}

	.slide2-8 .special-wrapper .swiper-slide {
		height: 100%;
	}

	.slide2-8 .special-pagination-text {
		margin: 0 auto;
		position: initial;
	}

	.slide2-8 .special-pagination-text .special-pagination-p1 {
		color: #000;
	}

	.slide2-8 .special-pagination-text .special-pagination-p2 {
		width: 85%;
		margin: 0 auto;
		color: #000;
	}

	.slide2-9 {
		background: #051E42;
		position: relative;
		overflow: hidden;
	}
	.slide2-9 .swiper-slide{
		z-index: 9999;
	}
	.slide2-9 #p2-9 {
		position: relative;
		z-index: 1;
	}

	.slide2-9 .special-pagination {
		left: 1%;
		bottom: 22vh;
		background: none;
		z-index: 2;
		display: flex;
		position: absolute;
		padding: 0;
	}

	.slide2-9 .special-pagination .li,.slide2-9 .special-pagination .li:nth-child(1) {
		width: 0.8rem !important;
	}
    

	.slide2-9 .special-pagination-text {
		z-index: 2;
	}

	.slide2-10 .dot-box {
		background: url(../image/phone/p2-10_bg.jpg) no-repeat center center;
		background-size: cover;
	}

	.slide2-10 .dot-box .d1 {
		top: 8.3rem;
		left: 1rem;
	}

	.slide2-10 .dot-box .d2 {
		top: 5.3rem;
		left: 4.5rem;
	}

	.slide2-10 .dot-box .d3 {
		top: 9rem;
		left: 4.8rem;
	}

	.slide2-10 .dot-box .d4 {
		top: 11.7rem;
		left: 4.2rem;
	}

	.slide2-10 .dot-box .d5 {
		top: 9.7rem;
		left: 6.2rem;
	}

	.slide2-10 .dot-box .d6 {
		top: 12.5rem;
		left: 6.5rem;
	}

	.slide2-11 {
		background: url(../image/page12/phone/bg.png) no-repeat center center;
		background-size: cover;
		position: relative;
		overflow: hidden;
	}
    .slide2-11 .special-pagination{
        padding: 0;
    }
	.slide2-11 .special-wrapper .swiper-slide img {
		width: 90%;
	}

	.slide2-11 .special-wrapper {
		height: 50%;
		margin-top: 2rem;
	}

    .dw{
        font-size: 0.4rem;
    }





	.slide2-12 {
		background: url(../image/page13/phone/bg.png) no-repeat center center;
        background-size: 100% 100%;
		position: relative;
		overflow: hidden;
        padding: 0 !important;
	}

	.slide2-12 .img-box {
		background: url(../image/phone/p12-main-img.jpg) no-repeat center center;
		background-size: cover;
		width: 90%;
		height: 80%;
	}

	.slide2-12 .img-box .title {
		margin-top: 2.2rem;
	}

	.slide2-12 .img-box .btn {
		background: url(../image/phone/black-btn-235.png) no-repeat center center;
		background-size: cover;
		width: 2.35rem;
		height: .6rem;
		font-size: .24rem;
		color: #000;
		margin-top: 8.8rem;
	}

	.slide2-13 {
		background: url(../image/page14/phone/xtbj.png) no-repeat center center;
		background-size: cover;
		position: relative;
		overflow: hidden;
        padding: 2rem 0.23rem;
	}

	.slide2-13 .title-warp {
		margin-top: 2.2rem;
		margin-bottom: .46rem;
	}

	.slide2-13 .title-warp img {
		width: 7.22rem;
		height: 1.2rem;
	}

	.slide2-13 .out-box-phone {
		width: 90%;
		height: 100%;
		margin: 0 auto;
	}

	.slide2-13 .out-box-phone .item {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: .75rem;
		gap: .3rem;
	}

	.slide2-13 .out-box-phone .item img {
		width: 3.22rem;
		height: auto;
	}

	.slide2-13 .out-box-phone .item .text .t-bold {
		font-family: AlibabaPuHuiTi_2_75_SemiBold;
		font-size: .3rem;
		color: #000000;
		line-height: .45rem;
		text-align: left;
		font-weight: bold;
	}

	.slide2-13 .out-box-phone .right .text .t-bold {
		text-align: right;
	}

	.slide2-13 .out-box-phone .item .text .nomall {
		font-family: AlibabaPuHuiTi_2_45_Light;
		font-size: .24rem;
		color: #000000;
		line-height: .28rem;
		text-align: left;
	}

	.slide2-13 .out-box-phone .right .text .nomall {
		text-align: right;
	}

	.slide2-14 {
		background: url(../image/page15/phone/bg.png) no-repeat center top;
		background-size: cover;
	}

	.slide2-14 .title-left {
        width: auto !important;
        padding-top: 0 !important;
		left: 2.5rem;
		top: 2.14rem;
	}

	.slide2-14 .title-left .text {
		text-align: center;
		position: relative;
		left: -.3rem;
	}
    .swiper15-page {
        background: url(../image/page15/phone/aq.jpg) no-repeat center center;
        background-size: cover;
    }

	.slide2-15 {
        padding: 1.2rem 0.23rem 1rem;
		background: #fff;
		box-sizing: border-box;
	}
	.page6-swiper-father .img-box{
		width:90%;
		margin:0 auto;
	}
	.slide2-15 #p2-15 {
		width: 80%;
		/* height: 80%; */
		left: 0;
		top: 5rem;
		position: initial;
		margin-top: 5rem;
	}

	.slide2-15 #p2-15 .special-pagination .li i {
		background: #000;
	}

	.slide2-15 #p2-15 .special-pagination .swiper-pagination-bullet-active i {
		background: #000;
	}

	.slide2-15 #p2-15 .swiper-wrapper {
		height: 50%;
	}



	.slide2-15 .title-box {
		left: .43rem;
		top: 2.6rem;
		width: 90%;
	}

	.slide2-15 .title-box img {
		width: 7.02rem;
		height: auto;
	}

	.slide2-15 .title-box p {
		font-size: .24rem;
		line-height: .4rem;
		position: initial;

	}

	.slide2-15 .title-box .p1 {
		margin-top: 2rem;
	}

	.slide2-15 .special-pagination {
		position: initial;
		width: 90%;
		background: none;
		margin: 0 auto;
		bottom: 30vh;

	}


	.slide2-15 .special-wrapper .swiper-slide img {
		width: 90%;
	}

	.slide2-15 .special-wrapper {
		height: 50%;
		margin-top: 2rem;
	}

	.slide2-15 .special-wrapper .swiper-slide {
		height: 100%;
	}


	.slide2-15 .special-pagination-text {
		position: initial;
		width: 90%;
		left: 0;
		bottom: 25vh;
	}

	.slide2-15 .special-pagination-text .special-pagination-p1 {
		color: #000;
	}

	.slide2-15 .special-pagination-text .special-pagination-p2 {
		width: 85%;
		margin: 0 auto;
		color: #000;
	}


	.slide3 {
		background: #fff;
		padding: 2rem .7rem 0 .7rem;
	}

	.short-phone-slide3 {
		padding: 12vh .7rem 0 .7rem;
	}

	.slide3 .meitu-title {
		font-size: .36rem;
		margin-bottom: .7rem;
	}

	.short-phone-slide3 .meitu-title {
		margin-bottom: 5vh;
	}

	.slide3 .meitu-title:after {
		left: 46.5%;
	}
    .mttitle{
        margin-bottom: 0.78rem;
        font-size: 0.34rem;
        color: #000;
    }
	.slide3 .phone-box {
		width: 100%;
		height: 100vh;
	}

	.meitu-phone {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		position: relative;
	}

	.meitu-phone .swiper-wrapper {
		width: 100%;
		height: 100%;
	}

	.meitu-phone .swiper-slide {
		background: none;
		position: relative;
		width: 100%;
		height: 100%;
	}

	.meitu-phone .five .top {
		margin-bottom: .15rem;
	}

	.meitu-phone .five .bottom .row {
		display: flex;
		align-self: self-start;
		justify-content: space-between;
		gap: .2rem;
	}

	.meitu-phone .five .bottom .mb-20 {
		margin-bottom: .2rem;
	}

	.meitu-phone .five .bottom .row img {
		width: 2.95rem;
		height: 2rem;
	}

	.meitu-phone .four .top {
		margin-bottom: .15rem;
	}

	.meitu-phone .four .middle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: .2rem;
	}

	.meitu-phone .four .middle img {
		width: 2.95rem;
		height: 1.91rem;
	}

	.meitu-phone .swiper-pagination .swiper-pagination-bullet {
		width: .95rem;
		height: 3px;
		border-radius: 4px;
		background: #ccc;
		margin: 0 5px;
		opacity: 0.8;
	}

	.meitu-phone .swiper-pagination .swiper-pagination-bullet-active {
		background: #000;
	}

	.meitu-phone .swiper-pagination {
		top: 10.75rem;
	}

	.short-phone-slide3 .meitu-phone .swiper-pagination {
		top: 75vh;
	}

	
	.slide5 {
		background: url(../image/phone/p5_bg.jpg) no-repeat center center;
		background-size: cover;
	}

	.footer {
		padding: 0;
		font-size: 12px;
		line-height: 20px;
		text-align: center
	}

	.footer .footer-top {
		padding: 0.25rem 0
	}

	.footer .footer-a {
		float: none;
		padding-left: 0;
	}

	.footer .footer-a li {
		float: none;
		display: inline-block
	}


	.footer .footer-nav {
		float: none;
		padding: 0 15%
	}

	.footer .footer-nav li {
		padding: 0 10px
	}

	.footer .footer-nav li:last-child:after,
	.footer .footer-nav li:nth-child(3):after {
		display: none
	}

	.footer .text {
		text-align: center;
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		padding: 0.2rem 0
	}

	.footer .text .t {
		display: block
	}

	.footer .footer-a .wechat>p {
		display: none
	}

	.footer .footer-a .wechat:hover {
		border-bottom-color: #fff
	}

	.footer .footer-a .wechat:hover>p {
		opacity: 1;
		display: block
	}


	.slide20 .box-1500 {
		width: auto;
		margin: 0 0.25rem
	}

	.pre-book-box {
		width: 100%;
		margin: 0 ;
		height: auto;
		position: relative;
		background: none;
	}

	.pre-book-box .title {
		width: 100%;
		text-align: center;
		right: auto;
		;
		top: -1.4rem;
		font-size: 0.36rem;
	}

	.pre-book-box .title:after {
		margin: 0 auto;
		margin-top: 0.2rem;
		background: #000000;
	}

	.pre-book-box .img {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: auto
	}

	.short-phone-slide4 .pre-book-box .img {
		top: -2vh
	}

	.pre-book-box .box {
		padding: 0.6rem 0.4rem;
		text-align: left
	}

    .slide20 {
		background: url(../image/yuyue_bg_phone.png) no-repeat center center;
		background-size: cover;
	}

    .form-box{
        height: auto;
    }

	.short-phone-slide4 .pre-book-box .box {
		padding-top: 0vh;
	}

	.form-box .li {
		padding-bottom: 0.2rem
	}

	.form-box .li .input-box {
		width: 100%;
		border-bottom: 1px solid #c5c5c5;
		height: 0.6rem;
		line-height: 0.6rem
	}

	.form-box .li.w50 {
		margin-left: 0
	}

	.form-box .li.w50 .input-box {
		width: 100%;
		margin-left: 0;
		margin-bottom: 0.25rem
	}

	.form-box .li.w50 .input-box:nth-child(2) {
		margin-bottom: 0
	}

	.form-box .li .input-box .text,
	.form-box .li .input-box .select {
		height: 0.55rem
	}


	.form-box .li .radio-box {
		font-size: 0.24rem;
		line-height: 0.4rem;
		padding-top: 0.25rem
	}

	.form-box .li .radio-box .label {
		float: left;
		font-size: 0.24rem;
	}

	.form-box .label {
		margin-left: 0;
		margin-right: 0.55rem
	}


	.form-box .policy-txt {
		text-align: left;
		font-size: 0.22rem;
		line-height: 0.3rem;
		padding: 0 0 0.55rem 0
	}

	.form-box .policy-txt .label {
		margin-right: 0
	}

	.form-box .policy-txt input {
		margin-right: 0.05rem
	}

	.form-box .policy-txt a {
		color: #000000
	}

	.form-box .policy-txt a:hover {
		text-decoration: underline
	}

	.form-box .bnt {
		width: 1.95rem;
		height: 0.5rem;
		font-size: .24rem;
		line-height: 0.5rem;
		color: #fff;
	}

	.slide5 .news {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		padding: 0 .9rem;
		padding-top: 1.5rem;
	}

	.slide5 .news .left {
		width: 100%;
		margin-bottom: .6rem;
	}

	.slide5 .news .left p img {
		width: 5.16rem;
		height: auto;
	}

	.news-list {
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-row-gap: 5px;
	}

	.news-list li a p {
		justify-content: center;
	}

	.news-list li a .p2 {
		margin-bottom: 0.2rem;
	}

	.news-list li a .p1 .date .day {
		margin-bottom: .1rem;
	}

	.short-phone-slide5 .news-list li a .p1 .date .day {
		margin-bottom: 0;
	}

	.news-list li a .p1 .date {
		margin-right: .23rem;
	}

	.news-list li a .p2 .line {
		margin-right: .76rem;
		position: relative;
		top: .3rem;
		margin-top: 0;
	}

	.news-list li a .p3 {
		margin-bottom: .05rem;
	}

	.news-list li a .p3 .t {
		margin-right: .76rem;
	}

	.news-list li a .p1 .date .year {
		font-size: .2rem;
		position: relative;
		top: .05rem;
	}

	.news-list li a .p3 {
		position: relative;
		top: -.1rem;
	}

	.news-list {
		overflow: hidden;
		width: 100%;
		margin-left: 0;
		flex: none;
		padding-left: 0;
	}

	.news-list li {
		float: none;
		width: auto;
		padding-bottom: 0
	}

	.news-list li .box {
		display: inline-block;
		width: 100%;
		;
		margin-left: 0;
		padding-left: 0;
		position: relative;
		text-align: left;
		color: #666
	}

	.news-list li .box .time {
		position: absolute;
		left: 0.1rem;
		top: 0;
		text-align: center;
		font-size: 12px
	}

	.news-list li .box .time .day {
		font-size: 0.5rem
	}

	.news-list li .box .h1 {
		font-size: 0.25rem;
		line-height: 0.4rem;
		height: 0.4rem
	}

	.news-list li .box .txt {
		margin: 0.15rem 0 0.3rem 0;
		line-height: 25px;
		height: 25px;
		font-size: 12px
	}

	.news-list li .box .more {
		width: 1.5rem;
		height: 0.4rem;
		line-height: 0.4rem;
		border: 1px solid #868686;
		font-size: 12px
	}


    .zdsm-box .new-cont{
        height: 40%;
    }
    .zdsm-box .cont-right{
        flex-direction: column;
        align-items: flex-start;
        padding-left: 0.3rem;
    }
    .zdsm-box .cont-right p {
        font-size: 0.26rem;
        
    }
    .slide2-12 .img-box .content p{
        line-height: 0.8rem;
    }
    .zdsm-box .cont-b p{
        font-size: 0.24rem;
    }
    .zdsm-box .new-cont .cont-b.zdhl{
        margin: 0rem 0.2rem  0.5rem 7.4rem;
    }
    .swiper9-page.zdsm-box .new-cont{
        height: 46%;
    }

    .page6-wrap .main-title span:nth-of-type(2){
        font-size: 0.45rem;
    }

    #page7-swiper ,#page7-swiper .swiper-slide,#page7-swiper .swiper-wrapper{
        width: 6rem !important;
    }
}

@media screen and (max-width:390px) {
    .slide03 .car-type div {
        margin-top: 3.2rem;
    }

    .page1-wrap .btns{
        right: 8%;
        bottom: 4%;
    }

    .slide04 .hdbcar .color-box .small-icon-box{
        top: 3.2rem;
    }
    .slide04 .hdbcar .color-box .car-img-box .car-color{
        top: 3rem;
    }

	.pre-book-box .title {
		top: -1.1rem;
	}

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

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

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

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

	.slide5 .news {
		padding-top: 1.2rem;
	}

	.short-phone-slide5 .news {
		padding-top: 9vh;
	}

	.news-list {
		grid-row-gap: 6px;
	}

	.news-list li a .p3 {
		top: 0;
	}

	.news-list li a .p1 .news-title {
		line-height: .28rem;
	}

	.news-list li a .p1 .date {
		margin-bottom: 0;
	}

	.news-list li a .p2 .sub-title {
		line-height: .28rem;
	}

	.slide5 .news .left {
		margin-bottom: 0.2rem;
	}

	.slide3-1 .box img {
		width: 95%;
	}

	.news-list li a .p2 {
		margin-bottom: .1rem;
	}
}