@charset "utf-8";

.web {
	display: none !important
}


/*配置单样式*/
.bh-50 {
	height: 60px
}

.min-110 {
	min-height: 80px
}

.table-container {
	padding: 50px;
}

.table-container .fixed-top {
	transition: all .3s;
	position: relative
}

.table-container .fixed-top.fixed {
	position: fixed;
	width: calc(100% - 100px);
	top: 50px;
	z-index: 5
}

.table-container ul {
	display: flex;
	text-align: center;
	background: #fff
}

.table-container li {
	width: 55%;
	display: flex;
}

.table-container li.li-width {
	width: 45%
}

.table-container li:first-child {
	text-align: left;
	padding: 5px 10px
}

.table-container li span {
	width: 100%;
	display: block;
	padding: 5px 10px
}

.table-container li .w200 {
	width: 210%
}

.table-container .top-tit {
	background: #92d1e9
}

.table-container .top-tit li {
	color: #fff;
	font-size: 1.25em;
	font-weight: bold
}

.table-container .price {
	background: #fff
}

.table-container .price li {
	border-bottom: 1px solid #686868;
	color: #92d1e9;
	font-size: 1.25em;
	font-weight: bold
}

.table-container .price li span {
	border-left: 1px solid #686868
}

.table-container .price li span font {
	font-size: 1.35em
}


.table-container .tips {
	font-size: 12px;
	color: #999;
	text-align: right;
	line-height: 25px;
	margin-bottom: 15px
}

.item-container .item .tit {
	color: #92d1e9;
	font-size: 1.25em;
	font-weight: bold;
	padding: 30px 0 10px 0;
	cursor: pointer;
	border-bottom: 2px solid #000
}

.item-content,
.item-content .item-content-list {
	position: relative
}

.item-content ul:nth-child(even) {
	background: #e6e6e6
}

.item-container .item-content {
	display: block;
	border-bottom: 1px solid #686868
}

.item-container .item.open .item-content {
	display: block;
}

.item-container .item-content li span {
	border-left: 1px solid #686868
}

.item-container .item-content li.split {
	padding: 0 10px
}

.item-container .item-content li.split div:first-child {
	width: 25%;
	padding: 5px 10px;
	-webkit-box-pack: center;
	position: relative
}

.item-container .item-content li.split div:first-child .top50 {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%)
}

.item-container .item-content li.split div:nth-child(2) {
	width: 100%
}

.item-container .item-content li.split>div>div {
	padding: 5px 10px
}

.item-container .item-content li.merge {
	display: block
}

.item-container .item-content li.merge>div {
	display: flex
}

.item-container .item-content.split ul:nth-child(even) {
	background: #fff
}

.item-container .item-content.split li:nth-child(1) {
	padding: 0 10px
}

.item-container .item-content.split li:nth-child(1) span {
	padding: 5px 10px
}

.item-container .item-content.split li:nth-child(1) span:nth-child(1),
.item-container .item-content.split li:nth-child(1) span:nth-child(2) {
	border: 0
}




.item-content.split .title-h1,
.item-content.split .item-content-list .title-h2 {
	position: absolute;
	text-align: center;
	left: 0;
	z-index: 2
}

.item-content.split .title-h1 {
	top: 0;
	bottom: 0;
	width: 14%;
}

.item-content.split .title-h1 div {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}


.item-content.split .item-content-list .title-h2 {
	left: 14%;
	top: 50%;
	transform: translateY(-50%);
	width: 15%;
}

.item-content.split ul li:nth-child(1) span:nth-child(3) {
	margin-right: -10px
}

.item-content.split .item-content-list ul li:nth-child(1) span:nth-child(1) {
	background: none
}

.item-content.split ul li:nth-child(1) span:nth-child(1),
.item-content.split ul li:nth-child(1) span:nth-child(2) {
	width: 45%
}

.item-content.split .item-content-list span {
	background: #e6e6e6
}

.item-pour {
	text-align: right;
	line-height: 25px
}



.header-box.webanv .layout {
	width: 100%
}

.header-box.webanv .layout {
	height: 50px;
	line-height: 25px;
}

.header-box.webanv .layout .logo2 {
	display: none
}

.header-box.webanv .layout .nav {
	position: fixed;
	top: 0;
	right: -100%;
	background: #000;
	color: #fff;
	padding: 0;
	z-index: 3;
	bottom: 0;
	width: 40%;
	transition: all 1.5s;
	-webkit-transition: all 1.5s
}

.header-box.webanv .layout .nav.open {
	right: 0
}

.header-box.webanv .layout .nav>li {
	float: none;
	padding: 15px 0 0 15px;
}

.header-box.webanv .layout .nav>li span {
	font-size: 14px;
	display: block;
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	margin-bottom: 5px
}

.header-box.webanv .layout .nav ul,
.header-box.webanv .layout .nav-right ul {
	position: relative;
	width: auto;
	top: inherit;
	left: inherit;
	transform: translateX(0);
	display: block
}

.header-box.webanv .layout .nav ul li,
.header-box.webanv .layout .nav-right ul li {
	background: none;
	border: 0;
	text-align: left
}

.header-box.webanv .layout .nav ul li a,
.header-box.webanv .layout .nav-right ul li a {
	color: #fff;
	font-weight: normal
}

.header-box.webanv .layout .nav-right {
	top: 0;
	bottom: 0;
	text-align: center;
	padding: 15px
}

.header-box.webanv .layout .nav-right .second_nav {
	display: none !important
}

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

	.pc {
		display: none !important
	}

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

	.theme-all {
		/* padding-top: .75rem */
		padding-top: 0rem;
	}

}

/*手机样式*/
@media screen and (max-width:980px) {
	.video-mask video {
		width: 90%;
	}

	.video-mask .clear {
		top: inherit;
		bottom: -6.00rem;
		left: 50%;
		right: inherit;
		transform: translateX(-50%);
	}

	.video-mask {
		height: 100vh;
		/* top: 1200rem; */
	}

	.mySwiper-show .swiper-slide .mask {
		width: 6.70rem;
		position: absolute;
		height: 96%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.5);
	}

	.mySwiper-show .swiper-slide .mask .play {
		position: absolute;
		width: 1.66rem;
		height: 1.67rem;
		background: url(../img/icon_play.png) no-repeat;
		background-size: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.pzb-box {
		width: 100%;
		overflow: auto
	}

	.pzb-box img {
		width: .12rem;
		max-width: none;
	}

	.bh-50 {
		height: 50px
	}

	.web {
		display: block
	}

	.pc {
		display: none
	}

	body {
		max-width: 750px;
		min-width: 350px;
		overflow-x: hidden;
		margin: 0 auto
	}

	.nav-left {
		display: none !important
	}

	.swiper-slide {
		box-sizing: content-box;
		/* padding-bottom: 0.02rem; margin-top:-0.02rem;*/
		transform: translate3d(0, 0, 0);
	}

	.fixed-right {
		display: none
	}
	.theme-1 {
		/* background: url(../img/a0/bg_phone_new.jpg) no-repeat center bottom; */
		/* background: url(/html/images/file20260421civic/20260506/ysp-m.png) no-repeat center center; */
		/* background: url(/html/images/20260421-civic/inspire/kv-web.jpg) no-repeat center center; */
		/* background: url(/html/images/20260421-civic/inspire/kv-web20260731.jpg) no-repeat center center; */
		/* background: url(/html/images/20260421-civic/inspire/20260903web.png) no-repeat center center; */
		background: url(/html/images/20260421-civic/inspire/20260930web.png) no-repeat center center;
		background-size: cover;
		overflow: hidden;
		position: relative;
		text-align: center;
	}
	/* .short-phone-theme-1{
		background-position: 0 -.65rem;
	} */
	.theme-1 .urv-logo {
		width: 3.32rem;
		height: auto;
		position: initial;
		margin: 0 auto;
		margin-top: .8rem;
	}
	.short-phone-theme-1 .urv-logo{
		width: 3.15rem;
		margin-top: .5rem;
	}
	.theme-1 .zhengce {
		width: 6.04rem;
		height: auto;
		position: absolute;
		left: .2rem;
		bottom:1rem;
	}
	.theme-1 .left-logo {
		top: 11.91rem;
	}

	.theme-1 .bentian {
		top:auto;
		bottom: 1.3rem;
        right: 0.2rem;
	}

	/*KV专区*/
	.theme-1 .bnt {
		position: absolute;
		width: 1.80rem;
		height: auto;
		color: #fff;
		line-height: .50rem;
		font-size: .28rem;
		left: 54%;
		transform: translateX(-50%);
		top: auto;
		bottom: 1rem;
		border: 1px solid #fff;
	}

	.theme-1 .bnt:hover {
		/* background: #000;
		color: #fff */
	}

	.theme-2{
		display: flex;
		align-items: center;
		justify-content: center;
		background: black;
	}
	/*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
	}


	.theme-3 {
		height: 100vh;
		background: url(../img/a1/bg_1_phone.png) no-repeat center center;
		background-size: cover;
	}

	.theme-3 .theme-3-logo {
		display: block;
		margin: .30rem auto;
		position: relative;
		margin-top: 1rem;
		z-index: 4;
	}
	.slide3 .type{
		width: 100%;
	}
	.slide3 .car_type {
		margin-bottom: .30rem;
	}

	.slide3 .bj-box {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0
	}

	.slide3 .bj-box:before {
		display: none
	}

	.slide3 .bj-box .car-bj {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		height: 0
	}

	.slide3 .bj-box .car-bj.active {
		opacity: 1;
		z-index: 2;
		height: 13.30rem;
	}

	.slide3 .bj-box .car-bj:before {
		height: 8.80rem;
		background-size: contain !important;
		top: 4.55rem
	}

	.slide3 .car-box {
		width: 7.09rem;
		height: 2.39rem;
		position: relative;
		left: 0;
	    top: 23.5vh;
		bottom: auto;
	}
	.short-phone .car-box{
		top: 20vh;
	}
	.slide3 .car-dot {
		height: auto;
		/* margin-top: 1rem; */
		position: absolute;
		width: 100%;
		top: 36vh;
		bottom: auto;
	}
	.short-phone .car-dot {
		top: 33vh;
		bottom: auto;
	}
	.slide3 .car-dot li .tips {
		font-size: .13rem;
		width: 2.60rem;
		bottom: -.40rem;
		left: 50%;
		transform: translateX(-50%);
	}

	.slide3 .car-dot li {
		font-size: .20rem;
		height: auto;
		margin: 0 .20rem;
		position: relative;
	}

	.slide3 .car-dot li i {
		width: .40rem;
		height: .40rem;
		background-size: 70% !important;
	}

	.slide3 .car-dot li.ct .tips {
		left: 53%;
	}

	.slide3 .car-dot li.active i {
		width: .40rem;
		height: .40rem;
		background-size: 100% !important;
	}

	.slide3 .car-dot li .name {
		width: 1.20rem;
		position: absolute;
		left: -.42rem;
	}

	/* .slide3 .car-dot li:nth-child(2) .name {
		position: relative;
		left: -17rem;
	} */
	.slide3 .bottom {
		padding-top: .10rem;
		/* bottom: 2rem; */
		bottom:auto;
		top: 44vh;
	}
	.short-phone .bottom {
		top: 41vh;
	}
	.slide3 .bottom .dispose-bnt {
		width: 2.15rem;
		height: .55rem;
		margin: 0 auto;
		line-height: .55rem;
		font-size: .20rem;
		position: relative;
		top: 3vh;
	}
	.short-phone .bottom .dispose-bnt {
		top: 1vh;
	}

	.slide3 .bottom .parameter-list {
		margin-top: 0;
		width: 100%;
		font-size: .22rem;
		line-height: .44rem;
		text-align: center;
		height: auto;
	}


	.slide3 .bottom .parameter-list li {
		width: 50%;
		float: left;
		margin-bottom: .10rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.slide3 .bottom .parameter-list li:before {
		height: .60rem;
		left: 0rem;
		top: 50%;
	}

	.slide3 .bottom .parameter-list li:nth-child(1):before,
	.slide3 .bottom .parameter-list li:nth-child(3):before {
		display: none
	}

	.slide3 .bottom .parameter-list li:nth-child(1) p {
		text-align: center;
	}

	.slide3 .bottom .parameter-list li:nth-child(2) p {
		text-align: center;
	}

	.slide3 .bottom .parameter-list li:nth-child(3) p {
		text-align: center;
	}

	.slide3 .bottom .parameter-list li:nth-child(4) p {
		text-align: center;
	}

	.slide3 .bottom .parameter-list li p {
		padding-left: 0;
		width: 100%;
	}

	.slide3 .bottom .parameter-list li .b {
		font-size: .28rem;
		padding-right: .05rem
	}

	.section3 .cars .car-item {
		margin-bottom: 17.5%;
	}

	.section3 .cars .car-item>img {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		transition: all 1s;
	}

	.section3 .cars .car-item>img.current {
		opacity: 1;
		position: relative;
	}

	.section3 .cars .color-ctrl {
		width: 100%;
		display: flex;
		margin-bottom: 5%;
		flex-wrap: wrap;
		padding-left: 10%;
		top: 15vh;
		justify-content: flex-start;
	}

	.section3 .cars .color-ctrl>div {
		width: 40%;
		display: flex;
		flex-wrap: wrap;
		margin-right: 10%;
		cursor: pointer;
		margin-bottom: 3%;
		position: relative;
	}

	.section3 .cars .color-ctrl>div:last-child {
		margin-right: 0;
	}

	.section3 .cars .color-ctrl>div>img {
		width: 80%;
		margin-bottom: 0.05rem;
	}

	.section3 .cars .color-ctrl>div>span {
		font-size: .28rem;
		color: #000000;
	}

	.section3 .cars .color-ctrl>div p {
		display: none;
	}

	.section3 .cars .color-ctrl>div.active p {
		display: block;
		color: #666666;
		font-size: .19rem;
		width: 100%;
		text-align: left;
		position: absolute;
		top: .53rem;
	}

	.section3 .cars .color-ctrl>div.active>span {
		color: #0a7272;
	}

	.section3 .logo {
		width: 80%;
		margin-left: 10%;
		margin-bottom: 7.5%;
	}

	.section3 .data {
		width: 80%;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		top: 30vh;
		left: 5%;
	}

	.section3 .data>div {
		width: 40%;
		position: relative;
		text-align: left;
		margin-bottom: .20rem;
	}

	.section3 .data>div:after {
		content: '';
		display: block;
		height: .16rem;
		width: .01rem;
		background: #ccc;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.section3 .data>div:first-child {
		width: 100%;
		font-size: .24rem;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 5%;
	}

	.section3 .data>div:last-child:after {
		display: none;
	}

	.section3 .data>div p:first-child {
		font-size: .48rem;
		font-weight: bold;
		color: #000;
		line-height: 1;
	}

	.section3 .data>div p:first-child>span {
		font-size: .24rem;
	}

	.section3 .data>div p:first-child.green {
		color: #0a7272;
		font-size: .56rem;
	}

	.section3 .data>div p:last-child {
		font-size: .24rem;
		color: #000000;
	}

	.section3 .to-config {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 90%;
	}

	.slide3 .car-box .car-color {
		top: -.3rem;
		left:0;
	}

	.section3 .to-config a {
		color: #0a7272;
		display: inline-block;
		width: 100%;
		text-align: left;
	}

	.section3-1 {
		/* height: 16.64rem !important; */
		height:100vh !important;;
	}

	

	.section3-1 .bj1 {
		background: url(../img/PHEV/bg01_web.jpg) no-repeat center center;
		background-size: cover;
	}

	.section3-1 .bj2 {
		background: url(../img/PHEV/bg02_web.jpg) no-repeat center center;
		background-size: cover;
	}

	.section3-1 .bj3 {
		background: url(../img/PHEV/bg03_web.jpg) no-repeat center center;
		background-size: cover;
	}

	.section3-1 .bj4 {
		background: url(../img/PHEV/bg04_web.jpg) no-repeat center center;
		background-size: cover;
	}

	.section3-1 .bj5 {
		background: url(../img/PHEV/bg05_web.jpg) no-repeat center center;
		background-size: cover;
	}

	.section3-1 .bj6 {
		background: url(../img/PHEV/bg06_web.jpg) no-repeat center center;
		background-size: cover;
	}
	.section3-1 .bj {
		/* height: 16.64rem; */
		height: 100%;
		background-position: -.3rem -.3rem;
	}
	.short-phone .section3-1 .bj {
		height: 100%;
		background-position: 0rem 0rem;
	}
	.section3-1 .car-box1 {
		width: 7.50rem;
		height: 3.84rem;
		position: absolute;
		left: 0rem;
		/* top: 6rem; */
		top: 35vh;
        bottom: auto;
	}
	.short-phone .section3-1 .car-box1 {
		top: 31vh;
        bottom: auto;
	}
	.section3-1 .parameter-list li p {
		text-align: center;
		font-size: 0.22rem;
	}

	.section3-1 .car-box1 .car-color1 {
		width: 7.50rem;
		height: 3.84rem;
	}

	.section3-1 .ulbox {
		left: 50%;
		transform: translateX(-50%);
		top: 61vh;
        bottom: auto;
	}
	.short-phone .section3-1 .ulbox {
		top: 61vh;
        bottom: auto;
	}
	.section3-1 .parameter-list li:before {
		left: .13rem;
		/* height: 100rem; */
		top: 50%;
	}

	.section3-1 .parameter-list .no-b:before {
		display: none;
	}

	.section3-1 .parameter-list {
		width: 100%;
		margin-top: 0rem;
		/* height: 100rem; */
		flex-wrap: wrap;
		position: absolute;
		top: 68.5vh;
        bottom: auto;
	}
	/* .short-phone .section3-1 .parameter-list{
		top: 15vh;
		bottom: auto;
	} */
	.section3-1 .parameter-list li {
		width: 50%;
		margin-bottom: .10rem;
	}

	.section3-1 .ulbox li {
		margin-right: 0rem;
		width: 1.00rem;
		height: auto;
		align-items: center;
		position: relative;
	}
	.slide3 .type2 .bottom {
		bottom: auto;
        top: 79vh;
	}
	/* .short-phone .type2 .bottom {
		bottom: auto;
        top: 78vh;
	} */
	.section3-1 .ulbox li img {
		width: .47rem;
		height: .47rem;
	}

	.section3-1 .ulbox li .tips-c {
		position: absolute;
		font-size: .12rem;
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
	}

	.theme-4-1 {
		height: 100vh;
		background: url(../img/a2/bg_phone.jpg) no-repeat center center;
		background-size: cover;

	}
	.theme-4-1 .top{
		margin-top: 1rem;
	}
	.theme-4-1 .middle {
		width: 100%;
		margin-top: .90rem;
		padding-left: .43rem;
	}

	.theme-4-1 .middle img {
		width: 4.01rem;
		height: auto;
	}

	.theme-4-1 .bottom {
		width: 100%;
		position: absolute;
		bottom: 1.50rem;
		left: 0;
		text-align: center;

	}

	.theme-4-1 .bottom .img1 {
		width: 6.00rem;
		height: auto;
		margin-bottom: .40rem;
	}

	.theme-4-1 .bottom .open {
		width: 100%;
		text-align: center;
	}

	.theme-4-1 .bottom .open .btn {
		width: 2.10rem;
		height: .46rem;
		line-height: .46rem;
		text-align: center;
		cursor: pointer;
		border: 1px solid #FFFFFF;
		color: #fff;
		margin: 0 auto;
		font-size: .22rem;
	}

	.theme-4-1 .illustrate-pop {
		background: url(../img/a2/mengban_bg_phone.png) no-repeat center center;
		background-size: cover;
	}

	.theme-4-1 .illustrate-pop.active {
		top: 3.70rem
	}

	.theme-4-1 .illustrate-pop .box .close {
		right: .32rem;
		top: -.64rem;
		background: url(../img/close.png) no-repeat center center;
		background-size: 100%;
		border: 0;
		border-radius: 0;
	}

	.theme-4-1 .illustrate-pop .box .content-box .text-web .title {
		font-size: .30rem;
		text-align: center;
		margin-bottom: .30rem;
	}

	.theme-4-1 .illustrate-pop .box .content-box .text-web p {
		font-size: .24rem;
		font-family: AlibabaPuHuiTi-2-45-Light;
		color: #FFFFFF;
		line-height: .37rem;
		text-align: left;
	}

	.theme-4-1 .illustrate-pop .box {
		padding: .60rem .40rem 0rem .40rem;
	}

	.mySwiper-show .swiper-slide {
		text-align: center
	}

	.mySwiper-show .swiper-slide .img {
		float: none;
		width: 6.90rem;
		margin: 0
	}

	.mySwiper-show .swiper-slide .text {
		font-size: .35rem;
		font-weight: bold;
		position: relative;
		left: 0;
		top: 0;
		line-height: .40rem;
		text-align: left;
		min-width: 100%;
		height: 1.60rem;
		overflow: hidden
	}

	.mySwiper-show .swiper-slide .text .title {
		height: .80rem;
		display: block;
		float: none;
		width: auto
	}

	.mySwiper-show .swiper-slide .text .txt {
		font-size: .18rem;
		color: #666;
		font-weight: normal;
		text-align: left;
		line-height: 25px;
		padding-left: .90rem;
		padding-top: 1.10rem;
		width: 4.50rem
	}

	.mySwiper-show .swiper-slide .text-box {
		font-size: .25rem;
		text-align: justify;
		line-height: .40rem;
		padding-top: .80rem;
		padding-left: 1.10rem;
		padding-right: 1.10rem;
		opacity: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease
	}

	.mySwiper-show .swiper-slide-active .text-box {
		opacity: 1
	}

	.mySwiper-show .swiper-pagination {
		/* display: none */
	}

	.mySwiper-show .button {
		width: .38rem;
		height: .44rem;
		top: 3.20rem;
		margin: 0
	}

	.mySwiper-show .swiper-button-prev {
		left: 0
	}

	.mySwiper-show .swiper-button-next {
		right: 0
	}

	.mySwiper-show-text {
		display: none
	}

	.mySwiper-show.l85 .swiper-slide img {
		margin-right: 0
	}

	.theme-4-2 {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: #DFE6EC;
		position: relative;
	}

	.theme-4-2 .mySwiper-show {
		display: inherit;
	}

	.theme-4-2 .mySwiper-show-show {
		height: 100%;
		margin-top: 1rem;
	}

	.theme-4-2 .mySwiper-show-show .mySwiper-show-bj {
		height: 100%;
	}

	.theme-4-2 .mySwiper-show-show .img-box {
		width: 100%;
		height: 5.20rem;
	}

	.theme-4-2 .mySwiper-show .swiper-slide img {
		width: 6.70rem;
		float: none;
	}

	.theme-4-2 .mySwiper-show .swiper-slide video {
		width: 6.70rem;
		float: none;
	}

	.theme-4-2 .mySwiper-show .swiper-pagination {
		padding-top: .10rem;
		transform: inherit;
		position: absolute;
		left: 0;
		top: 5.2rem;
		width: 100%;
		height: auto;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		text-align: center;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}

	.theme-4-2 .mySwiper-show .swiper-pagination .li:first-child {
		margin-top: .10rem;

	}

	.theme-4-2 .mySwiper-show .swiper-pagination .li {
		width: 100%;
		color: rgba(0, 0, 0, 0.45);
		opacity: 1;
		text-align: left;
		background: none;
		height: .70rem;
		margin: 0;
		font-family: AlibabaPuHuiTi-2-45-Light;

	}

	.theme-4-2 .mySwiper-show .swiper-pagination .li i {
		display: none;
	}

	.theme-4-2 .mySwiper-show .swiper-pagination .li span {
		border-left: 2px solid #D8D8D8;
		padding: .19rem .28rem;
		padding-right: .05rem;
	}

	.theme-4-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span {
		border-left: 2px solid #000;
	}

	.theme-4-2 .mySwiper-show .swiper-pagination .li span,
	.theme-4-2 .mySwiper-show .swiper-pagination .li em {
		opacity: 1;
		display: inline-block;
		font-size: .28rem;
	}

	.theme-4-2 .mySwiper-show .swiper-pagination .li em {
		font-size: .24rem;
	}

	.theme-4-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span,
	.theme-4-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active em {
		color: #000000;
	}

	.theme-4-2 .mySwiper-show .swiper-pagination .li:first-child span {
		padding: .19rem .28rem
	}

	.theme-4-3 {
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 100vh;
		background: url(/html/images/file20260421civic/20260506/image1.jpg) no-repeat bottom center;
		background-size: cover;
	}
	.theme-4-3-box{
		background: none;
	}
	.theme-4-3 .top-logo{
		margin-top: 1rem;
	}
	.theme-4-3 .waiguan {
		margin-top: .79rem;
		padding-left: .40rem;
		height: 45%;
	}

	.theme-4-3 .waiguan img {
		width: 4.06rem;
		height: auto;
	}

	.theme-4-3 .waiguan-title {
		margin-top: 0.58rem;
		text-align: right;
		padding-right: .58rem;
	}

	.theme-4-3 .waiguan-title img {
		width: 2.96rem;
		height: auto;
		margin-right: .06rem;
	}

	.theme-4-3 .gengduo {
		margin-top: .21rem;
		text-align: right;
		padding-right: 1.80rem;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		cursor: pointer;
	}

	.theme-4-3 .gengduo img {
		width: .36rem;
		height: auto;
		margin-right: .06rem;
	}

	.theme-4-3 .gengduo span {
		letter-spacing: 2px;
		font-size: .32rem;
		color: #fff;
	}

	.theme-4-4 {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: #DFE6EC;
		position: relative;
	}

	.theme-4-4 .mySwiper-show {
		display: inherit;
	}

	.theme-4-4 .mySwiper-show-show {
		height: 100%;
		margin-top: 1rem;
	}

	.theme-4-4 .mySwiper-show-show .mySwiper-show-bj {
		height: 100%;
	}

	.theme-4-4 .mySwiper-show-show .img-box {
		width: 100%;
		height: 5.20rem;
	}

	.theme-4-4 .mySwiper-show .swiper-slide img {
		width: 6.70rem;
		float: none;
	}

	.theme-4-4 .mySwiper-show .swiper-slide video {
		width: 6.70rem;
		float: none;
	}

	.theme-4-4 .mySwiper-show .swiper-pagination {
		padding-top: .10rem;
		transform: inherit;
		position: absolute;
		left: 0;
		top: 5.2rem;
		width: 100%;
		height: auto;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		text-align: center;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}

	.theme-4-4 .mySwiper-show .swiper-pagination .li {
		width: 100%;
		color: rgba(0, 0, 0, 0.45);
		opacity: 1;
		text-align: left;
		background: none;
		height: .70rem;
		margin: 0;
		font-family: AlibabaPuHuiTi-2-45-Light;

	}

	.theme-4-4 .mySwiper-show .swiper-pagination .li:first-child {
		margin-top: .10rem;

	}

	.theme-4-4 .mySwiper-show .swiper-pagination .li i {
		display: none;
	}

	.theme-4-4 .mySwiper-show .swiper-pagination .li span {
		border-left: 2px solid #D8D8D8;
		padding: .19rem .28rem;
		padding-right: .05rem;
	}

	.theme-4-4 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span {
		border-left: 2px solid #000;
	}

	.theme-4-4 .mySwiper-show .swiper-pagination .li span,
	.theme-4-4 .mySwiper-show .swiper-pagination .li em {
		opacity: 1;
		display: inline-block;
		font-size: .28rem;
	}

	.theme-4-4 .mySwiper-show .swiper-pagination .li:nth-child(4) em {
		width: auto;
	}

	.theme-4-4 .mySwiper-show .swiper-pagination .li em {
		font-size: .24rem;
	}

	.theme-4-4 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span,
	.theme-4-4 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active em {
		color: #000000;
	}

	.theme-4-5 {
		width: 100%;
		overflow: hidden;
		height: 100vh;
		background: url(../img/a4/neishi_bg_phone.jpg) no-repeat bottom center;
		background-size: cover;
	}

	.theme-4-5 .neishi {
		margin-top: .79rem;
		padding-left: .40rem;
		text-align: left;
	}

	.theme-4-5 .neishi img {
		width: 4.06rem;
		height: auto;
	}

	.theme-4-5 .neishi-title {
		margin-top: 5.58rem;
		text-align: right;
		padding-right: .58rem;
	}

	.theme-4-5 .neishi-title img {
		width: 2.96rem;
		height: auto;
		margin-right: .06rem;
	}

	.theme-4-5 .gengduo {
		margin-top: .21rem;
		text-align: right;
		padding-right: 1.80rem;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		cursor: pointer;
	}

	.theme-4-5 .gengduo img {
		width: .36rem;
		height: auto;
		margin-right: .06rem;
	}

	.theme-4-5 .gengduo span {
		letter-spacing: 2px;
		font-size: .32rem;
		color: #fff;
	}

	.theme-4-5-1 {
		width: 100%;
		height: 100vh;
		background: #fff;
		position: relative;
	}

	.theme-4-5-1 .pf {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		bottom: 15px;
		background: rgba(0, 0, 0, 0.4);
		border-radius: 50px;
		padding: 2px 10px;
		z-index: 2;
	}

	.theme-4-5-1 .scroll-box {
		/* overflow-x: auto; */
		overflow-x: scroll;
		/*适应苹果*/
		-webkit-overflow-scrolling: touch;
	}

	.theme-4-5-1 .box {
		height: 16.34rem;
		width: 25.59rem;
		background: url(../img/a4/neishi_bg.jpg) no-repeat bottom center;
		background-size: cover;
		transform: none !important;
		overflow: hidden;
		position: relative;
	}

	.theme-4-5-1 .dot-show .dot {
		position: relative
	}

	.theme-4-5-1 .dot-show .dot {
		position: absolute;
		width: .60rem;
		height: .60rem;
		cursor: pointer
	}

	.theme-4-5-1 .dot-show .dot:before {
		content: "";
		position: absolute;
		width: .60rem;
		height: .60rem;
		left: 0;
		top: 0;
		background: #fff;
		border-radius: 50%;
		animation: fade 3s infinite;
		-webkit-animation: fade 2s infinite;
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
		z-index: 2
	}

	@keyframes fade {
		from {
			opacity: 0;
			transform: scale(0)
		}

		50% {
			opacity: 0.3;
			transform: scale(1)
		}

		to {
			opacity: 0;
			transform: scale(1)
		}
	}

	@-webkit-keyframes fade {
		from {
			opacity: 0;
			-webkit-transform: scale(0)
		}

		50% {
			opacity: 0.3;
			-webkit-transform: scale(1)
		}

		to {
			opacity: 0;
			-webkit-transform: scale(1)
		}
	}

	.theme-4-5-1 .dot-show .dot span {
		position: absolute;
		left: 50%;
		top: 50%;
		width: .20rem;
		height: .20rem;
		transform: translate(-50%, -50%);
		background: rgba(255, 255, 255, 0.4);
		border-radius: 50%;
		border: 0.01rem solid #fff;
		z-index: 3
	}

	.theme-4-5-1 .dot-show .dot span:before {
		content: "";
		position: absolute;
		width: .10rem;
		height: .10rem;
		left: 50%;
		top: 50%;
		background: #fff;
		transform: translate(-50%, -50%);
		border-radius: 50%;
	}

	.theme-4-5-1 .dot-show .dot em {
		color: #fff;
		position: absolute;
		left: 0;
		top: 0;
		font-size: .16rem;
		line-height: .66rem;
		height: .66rem;
		opacity: 0;
		transition: all 0.5s;
		white-space: nowrap;
		width: 0;
		overflow: hidden;
	}

	.theme-4-5-1 .dot-show .dot em:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(0, 0, 0, 0.65);
		border-radius: .33rem;
		background-size: cover;
		opacity: 0.8
	}

	.theme-4-5-1 .dot-show .dot em i {
		font-style: normal;
		font-size: .22rem;
		display: block;
		padding-left: .60rem;
		height: .70rem;
		position: relative;
		z-index: 2;
		text-align: center
	}

	.theme-4-5-1 .dot-show .dot:hover em {
		opacity: 1;
		width: 4.95rem
	}

	.theme-4-5-1 .d1 {
		left: 1.7rem;
        top: 5.9rem;
	}

	.theme-4-5-1 .d2 {
		left: 7.32rem;
        top: 6.2rem;
	}

	.theme-4-5-1 .d3 {
		left: 9.1rem;
        top: 5.11rem;
	}

	.theme-4-5-1 .d4 {
		left: 8.7rem;
        top: 8.2rem;
	}

	.theme-4-5-1 .d5 {
		left: 6.84rem;
        top: 12.8rem;
	}

	.theme-4-5-1 .d6 {
		left: 12.21rem;
        top: 3.65rem;
	}

	.theme-4-5-1 .d7 {
		left: 13.67rem;
        top: 6.41rem;
	}

	.theme-4-5-1 .d8 {
		left: 13.8rem;
        top: 7.91rem;
	}

	.theme-4-5-1 .d9 {
		left: 12.95rem;
        top: 9.95rem;
	}

	.theme-4-5-1 .d10 {
		left: 15.21rem;
        top: 7.35rem;
	}

	.theme-4-5-1 .d11 {
		left: 18.9rem;
        top: 5.75rem;
	}

	.theme-4-5-1 .d12 {
		left: 22.71rem;
        top: 5.8rem;
	}
	.theme-4-5-1 .dot-show .d12 em i{
		padding-left: 0rem;
	}
	.theme-4-5-1 .dot-show .d8:hover em{
		width: 6.20rem;
	}
	.theme-4-6 {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: #DFE6EC;
		position: relative;
	}

	.theme-4-6 .mySwiper-show {
		display: inherit;
	}

	.theme-4-6 .mySwiper-show-show {
		height: 100%;
		margin-top: 1rem;
	}

	.theme-4-6 .mySwiper-show-show .mySwiper-show-bj {
		height: 100%;
	}

	.theme-4-6 .mySwiper-show-show .img-box {
		width: 100%;
		height: 5.20rem;
	}

	.theme-4-6 .mySwiper-show .swiper-slide img {
		width: 6.70rem;
		float: none;
	}

	.theme-4-6 .mySwiper-show .swiper-slide video {
		width: 6.70rem;
		float: none;
	}

	.theme-4-6 .mySwiper-show .swiper-pagination {
		padding-top: .10rem;
		transform: inherit;
		position: absolute;
		left: 0;
		top: 4.4rem;
		width: 100%;
		height: auto;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		text-align: center;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}

	.theme-4-6 .mySwiper-show .swiper-pagination .li {
		width: 100%;
		color: rgba(0, 0, 0, 0.45);
		opacity: 1;
		text-align: left;
		background: none;
		height: .70rem;
		margin: 0;
		font-family: AlibabaPuHuiTi-2-45-Light;

	}
	.short-phone46 .mySwiper-show .swiper-pagination .li {
		height: .60rem;
	}
	.theme-4-6 .mySwiper-show .swiper-pagination .li:first-child {
		margin-top: .90rem;
	}

	.theme-4-6 .mySwiper-show .swiper-pagination .li i {
		display: none;
	}

	.theme-4-6 .mySwiper-show .swiper-pagination .li span {
		border-left: 2px solid #D8D8D8;
		padding: .19rem .28rem;
		padding-right: .05rem;
	}

	.theme-4-6 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span {
		border-left: 2px solid #000;
	}

	.theme-4-6 .mySwiper-show .swiper-pagination .li span,
	.theme-4-6 .mySwiper-show .swiper-pagination .li em {
		opacity: 1;
		display: inline-block;
		font-size: .28rem;
	}
	/* .theme-4-6 .mySwiper-show .swiper-pagination .li:nth-child(7) span {
		border-left: 2px solid #D8D8D8;
		padding: .19rem .28rem;
		padding-right: 0.05rem;
	} */
	.theme-4-6 .mySwiper-show .swiper-pagination .li em {
		font-size: .24rem;
	}

	.theme-4-6 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span,
	.theme-4-6 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active em {
		color: #000000;
	}

	/* .theme-4-6 .mySwiper-show .swiper-pagination .li:nth-child(6) span {
		padding: .19rem .28rem;
	} */
	.theme-4-6 .mySwiper-show .swiper-pagination .li span{
		padding: 0.19rem 0.28rem !important;
	}

	.theme-4-7 {
		overflow: hidden;
		height: 100vh;
		position: relative;
		background: url(/html/images/file20260421civic/20260506/image5.jpg) no-repeat center 0;
		background-size: cover;
	}

	.theme-4-7 .top-logo {
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 1rem;
	}

	.theme-4-7 .top-logo img {
		width: 4.15rem;
		height: auto;
	}

	.theme-4-7 .bottom {
		position: absolute;
		bottom: 1.60rem;
		left: 0;
		width: 100%;
		text-align: center;
		padding: 0 .60rem;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}

	.theme-4-7 .bottom img {
		width: 2.27rem;
		height: auto;
	}

	.theme-4-7 .bottom .text {
		width: 6.70rem;
		text-align: left;
		margin-bottom: 1.09rem;
	}

	.theme-4-7 .bottom .img {
		flex: 1;
		text-align: right;
		padding-right: 1.10rem
	}

	.theme-4-7 .bottom .text .p1 {
		font-family: AlibabaPuHuiTi-2-45-Light;
		font-weight: normal;
		color: #FFFFFF;
		line-height: .35rem;
		font-size: .21rem;
		margin-bottom: .16rem;
		opacity: 0.6;
	}

	.theme-4-7 .bottom .text .p2 {
		font-size: .40rem;
		font-family: AlibabaPuHuiTi-2-45-Light;
		color: #FFFFFF;
		line-height: .69rem;
	}

	.theme-4-7-1 {
		overflow: hidden;
		height: 100vh;
		position: relative;
		background: url(../img/a5/bg_02_phone.jpg) no-repeat center 0;
		background-size: cover;
	}

	.theme-4-7-1 .top-logo {
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 1rem;
	}

	.theme-4-7-1 .top-logo img {
		width: 4.15rem;
		height: auto;
	}

	.theme-4-7-1 .text {
		position: absolute;
		left: .40rem;
		top: auto;
		bottom: 3.04rem;
	}

	.theme-4-7-1 .text img {
		width: 4.43rem;
		height: auto;
	}

	.theme-4-7-3 {
		overflow: hidden;
		height: 100vh;
		position: relative;
		background: url(../img/a5/img2-1_phone.jpg) no-repeat left center;
		background-size: cover;
	}

	.theme-4-7-3 .top-logo {
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 1rem;
	}

	.theme-4-7-3 .top-logo img {
		width: 4.15rem;
		height: auto;
	}

	.theme-4-7-3 .text {
		width: 100%;
		height: auto;
		padding-left: .42rem;
		margin-top: 1.17rem;
	}

	.theme-4-7-3 .text img {
		width: 5.07rem;
		height: auto;
	}

	.theme-4-7-4 {
		overflow: hidden;
		height: 100vh;
		position: relative;
		background: url(../img/a5/img2-2_phone.png) no-repeat center 0;
		background-size: cover;
	}

	.theme-4-7-4 .top-logo {
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 1rem;
	}

	.theme-4-7-4 .top-logo img {
		width: 4.15rem;
		height: auto;
	}

	.theme-4-7-4 .img1 {
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 1.40rem;
	}

	.theme-4-7-4 .img1 img {
		width: 100%;
		height: auto;
	}

	.theme-4-7-4 .img2 {
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 1.18rem;
	}

	.theme-4-7-4 .img2 img {
		width: 5.00rem;
		height: auto;
	}

	.theme-4-8 {
		background: url(../img/a5/bg_01_phone.jpg) no-repeat center 0;
		background-size: cover;
		overflow: hidden;
		position: relative;
		height: 100vh;
	}

	.theme-4-8 .top {
		width: 100%;
		text-align: center;
		margin-top: 1rem;
	}

	.theme-4-8 .top img {
		width: 4.15rem;
		height: auto;
	}

	.theme-4-8 .middle {
		width: 100%;
		margin-top: .80rem;
		padding-left: .42rem;
	}

	.theme-4-8 .middle img {
		width: 4.00rem;
		height: auto;
	}

	.theme-4-8 .bottom {
		width: 100%;
		position: absolute;
		bottom: 1.50rem;
		left: 0;
		text-align: center;

	}

	.theme-4-8 .bottom .img1 {
		width: 4.89rem;
		height: auto;
		margin-bottom: .40rem;
	}

	.theme-4-8 .bottom .open {
		width: 100%;
		text-align: center;
	}

	.theme-4-8 .bottom .open .btn {
		width: 2.10rem;
		height: .46rem;
		line-height: .46rem;
		text-align: center;
		cursor: pointer;
		border: 1px solid #FFFFFF;
		color: #fff;
		margin: 0 auto;
		background: rgba(0, 0, 0, 0.4);
	}

	.theme-4-8 .illustrate-pop2 {
		background: url(../img/a5/mengban_bg_phone.jpg) no-repeat center center;
		background-size: cover;
	}

	.theme-4-8 .illustrate-pop2.active {
		top: 2.34rem;
	}

	.theme-4-8 .illustrate-pop2 .box .close {
		right: .32rem;
		top: -.64rem;
		background: url(../img/close.png) no-repeat center center;
		background-size: 100%;
		border: 0;
		border-radius: 0;
	}

	.theme-4-8 .illustrate-pop2 .box .content-box .text-web .title {
		font-size: .30rem;
		text-align: center;
		margin-bottom: .30rem;
	}

	.theme-4-8 .illustrate-pop2 .box .content-box .text-web p {
		font-size: .26rem;
		font-family: AlibabaPuHuiTi-2-45-Light;
		color: #FFFFFF;
		line-height: .52rem;
		text-align: left;
	}

	.theme-4-8 .illustrate-pop2 .box .content-box .text-web .tips-phone {
		font-size: .18rem;
		font-family: AlibabaPuHuiTi-2-45-Light;
		color: #FFFFFF;
		line-height: .52rem;
		position: relative;
		bottom: -.13rem;
	}

	.theme-4-8 .illustrate-pop2 .content-box-list li p i {
		display: inline-block;
		width: .06rem;
		height: .06rem;
		background: #fff;
		border-radius: 50%;
		margin-right: .25rem;
		position: relative;
		top: -.10rem;
	}

	.theme-4-8 .illustrate-pop2 .box {
		padding: .5rem .40rem 0rem .40rem;
	}

	.theme-4-8 .illustrate-pop .box .content-box,
	.illustrate-pop2 .box .content-box {
		display: block;
	}

	.theme-4-9 {
		height: 13.32rem;
		background: url(/html/images/file20260421civic/20260506/image10.jpg) no-repeat center 0;
		background-size: cover;
	}
	.theme-4-9 .left{
		position: absolute;
		left: .40rem;
		top: 9.30rem;
	}
	.theme-4-9 .left img{
		width: 6.65rem;
		height: auto;
	}
	.theme-4-9 .right{
		position: absolute;
		left: .40rem;
		top: 10.40rem;
	}
	.theme-4-9 .right img{
		width: 5.42rem;
		height: auto;
	}
	.theme-5-1 {
		height: 100vh;
		position: relative;
	}

	.theme-5-1 .img-box {
		padding-top: 1rem;
		z-index: 2;
		background: rgba(0, 0, 0, 0.5);
	}

	.theme-5-1 .img-box img {
		background: rgba(0, 0, 0, 0.5);
	}

	.theme-5-1 .bj {
		width: 100%;
		height: 100%;
	}

	.theme-5-1 .swiper-slide .mask {
		width: 100%;
		height: 100%;
	}

	.theme-5-2 {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: #DFE6EC;
		position: relative;
	}

	.theme-5-2 .mySwiper-show {
		display: inherit;
	}

	.theme-5-2 .mySwiper-show-show {
		height: 100%;
		margin-top: 1rem;
	}

	.theme-5-2 .mySwiper-show-show .mySwiper-show-bj {
		height: 100%;
	}

	.theme-5-2 .mySwiper-show-show .img-box {
		width: 100%;
		height: 5.20rem;
	}

	.theme-5-2 .mySwiper-show .swiper-slide img {
		width: 6.70rem;
		float: none;
	}

	.theme-5-2 .mySwiper-show .swiper-slide video {
		width: 6.70rem;
		float: none;
	}

	.theme-5-2 .mySwiper-show .swiper-pagination {
		padding-top: .10rem;
		transform: inherit;
		position: absolute;
		left: 0;
		top: 4.4rem;
		width: 100%;
		height: auto;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		text-align: center;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}

	.theme-5-2 .mySwiper-show .swiper-pagination .li {
		width: 100%;
		color: rgba(0, 0, 0, 0.45);
		opacity: 1;
		text-align: left;
		background: none;
		height: .70rem;
		margin: 0;
		font-family: AlibabaPuHuiTi-2-45-Light;

	}
	.theme-5-2 .mySwiper-show .swiper-pagination .li:first-child {
		margin-top: .90rem;
	}

	.theme-5-2 .mySwiper-show .swiper-pagination .li i {
		display: none;
	}

	.theme-5-2 .mySwiper-show .swiper-pagination .li span {
		border-left: 2px solid #D8D8D8;
		padding: .19rem .28rem;
		padding-right: .05rem;
	}

	.theme-5-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span {
		border-left: 2px solid #000;
	}

	.theme-5-2 .mySwiper-show .swiper-pagination .li span,
	.theme-5-2 .mySwiper-show .swiper-pagination .li em {
		opacity: 1;
		display: inline-block;
		font-size: .28rem;
	}

	.theme-5-2 .mySwiper-show .swiper-pagination .li em {
		font-size: .24rem;
	}

	.theme-5-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span,
	.theme-5-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active em {
		color: #000000;
	}

	.theme-5-3 {
		background: url(../img/duibi/bg_phone.png) no-repeat center 0;
		background-size: cover;
		position: relative;
		overflow: hidden;
		height: 100vh;
	}

	.theme-5-3 .tab {
		width: 100%;
		/* padding: 0 1.00rem; */
		margin-top: 1rem;
		display: flex;
		flex-direction: column;
		padding: 0;
	}

	.theme-5-3 .tab .tab-item {
		margin-bottom: .20rem;
	}

	.theme-5-3 .bottom {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 0;
		/* position: relative;
		bottom: 1.00rem; */
	}

	.theme-5-3 .bottom .tishi {
		padding: 0 .40rem;
		font-size: .16rem;
		font-family: AlibabaPuHuiTiR;
		color: #444444;
		line-height: .22rem;
		text-align: left;
		left: 0;
	}

	.theme-5-3 .bottom .tishi .red {
		color: #E60000;
	}

	.theme-5-3 .bottom .btns {
		width: 2.10rem;
		height: .46rem;
		line-height: .46rem;
		text-align: center;
		color: #414141;
		font-size: .22rem;
		font-family: AlibabaPuHuiTiM;
		cursor: pointer;
		border: 1px solid #414141;
		margin: 0 auto;
		position: relative;
		top: -1rem;
	}

	.theme-5-3 .content-box {
		width: 100%;
		padding: 0 0rem;
		display: flex;
		margin-bottom: 1.93rem;
	}

	.theme-5-3 .content-box .car-item {
		width: 6.89rem;
		height: auto;
		margin: 0 auto;
	}

	.theme-5-3 .content-box .car-item .car_type {
		width: 6.89rem;
		height: .43rem;
		background: url(../img/duibi/title_bg.png) no-repeat center 0;
		background-size: cover;
	}

	.theme-5-3 .content-box .car-item .car_type .car_type_name {
		width: 1.42rem;
		height: .33rem;
		line-height: .33rem;
		background: url(../img/duibi/sub_bg.png) no-repeat center 0;
		background-size: cover;
		font-size: .16rem;
		font-family: AlibabaPuHuiTiB;
		color: #757575;
		text-align: center;
		margin-left: .94rem
	}

	.theme-5-3 .swiper-button-next,
	.swiper-button-prev {
		top: 60%;
	}

	.theme-5-3 .content-box .car-item .car_box {
		width: 6.25rem;
		height: 3.05rem;
		margin-left: .39rem;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-direction: column;
		background: linear-gradient(152deg, #F0F7FE 0%, #B0BBC4 100%, #B0CCD0 100%);
		margin-bottom: .20rem;
	}

	.theme-5-3 .content-box .car-item .car_box img {
		width: 3.20rem;
		height: auto;
		margin-bottom: .25rem;
	}

	.theme-5-3 .content-box .car-item .car_box .car_price {
		width: 70%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: .16rem
	}

	.theme-5-3 .content-box .car-item .car_box .car_price p {
		font-size: .30rem;
		font-weight: bold;
		color: rgba(0, 0, 0, 0.85);
	}

	.theme-5-3 .content-box .car-item .car_box .car_price span {
		font-size: .20rem;
		font-weight: bold;
		color: rgba(0, 0, 0, 0.85);
	}

	.theme-5-3 .content-box .car-item .car_box .car_tips {
		width: 70%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.theme-5-3 .content-box .car-item .car_box .car_tips div {
		font-size: .17rem;
		font-family: AlibabaPuHuiTiR;
		color: #757575;
		line-height: .24rem;
		text-align: center;
	}

	.theme-5-3 .content-box .car-item .car_box .car_tips .left {
		width: 1.50rem;
		height: .31rem;
		line-height: .31rem;
		background: url(../img/duibi/name_bg.png) no-repeat center 0;
		background-size: cover;
		padding-left: .15rem;
	}

	.theme-5-3 .content-box .car-item .car_box .car_tips .right {
		width: 2.34rem;
		height: .31rem;
		line-height: .31rem;
		background: url(../img/duibi/detail_bg.png) no-repeat center 0;
		background-size: cover;
		padding-left: .15rem;
	}

	.theme-5-3 .content-box .car-item .item-ul {
		width: 6.25rem;
		height: 3.05rem;
		margin-left: .39rem;
	}

	.theme-5-3 .content-box .car-item .item-ul .item-li {
		list-style: none;
		width: 6.20rem;
		height: .44rem;
		font-size: .16rem;
		font-family: AlibabaPuHuiTiM;
		color: #414141;
		line-height: .44rem;
	}

	.theme-5-3 .content-box .car-item .item-ul li:nth-child(odd) {
		background: linear-gradient(270deg, #D6DFE6 0%, #BAC3C9 100%)
	}

	.theme-5-3 .content-box .car-item .item-ul .item-li span {
		display: block;
		height: .40rem;
		line-height: .40rem;
		/* margin-left: 40rem;
		padding-left: 60rem; */
		position: relative;
	}

	.theme-5-3 .content-box .car-item .item-ul .item-li span:after {
		content: "";
		position: absolute;
		width: .40rem;
		height: .40rem;
		left: 0;
		top: 50%;
		margin-top: -.20rem;
		/* background: #000; */
	}

	/* .theme-5-3 .content-box .car-item .item-ul .item-li .icon_yibiao:after {
		background: url(../img/icon/yibiao.png) no-repeat;
		background-size: 100%;
	}
	
	.theme-5-3 .content-box .car-item .item-ul .item-li .icon_zuoyi:after {
		background: url(../img/icon/zuoyi.png) no-repeat;
		background-size: 100%;
	}
	
	.theme-5-3 .content-box .car-item .item-ul .item-li .icon_anjian:after {
		background: url(../img/icon/anjian.png) no-repeat;
		background-size: 100%;
	} */
	.theme-5-3 .mySwiper-theme-5-3 .swiper-slide {
		width: 100%;
		display: flex;
		background: none;
	}

	.theme-5-3 .mySwiper-theme-5-3 .swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		right: 3%;
	}
	.theme-5-3 .content-box .chahun .swiper-wrapper {
		display: flex;
		justify-content: flex-start;
	}
	.theme-5-4 {
		background: url(../img/duibi/bg_01_phone.jpg) no-repeat center 0;
		background-size: cover;
		position: relative;
		overflow: hidden;
		height: 100vh;
	}

	.theme-5-4 .text_phone {
		position: absolute;
		bottom: 2.72rem;
		left: .40rem;
	}

	.theme-5-4 .text_phone img {
		width: 5.94rem;
		height: auto;
	}


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

	.imglist-pop .box {
		position: absolute;
		width: 100%;
		height: auto;
		top: 35%;
		left: 0;
		/* transform: translateY(-60%); */
		margin: 0 auto;
	}

	.imglist-pop .box img {
		width: 100%;
		height: auto;
	}

	.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: -.80rem
	}
	.theme-4-2 .mySwiper-show .swiper-slide,
	.theme-4-4 .mySwiper-show .swiper-slide,
	.theme-4-6 .mySwiper-show .swiper-slide,
	.theme-5-2 .mySwiper-show .swiper-slide
	{
		display: initial;
	}
	/* .theme-4-2 .mySwiper-show .swiper-slide img.web,
	.theme-4-4 .mySwiper-show .swiper-slide img.web,
	.theme-4-6 .mySwiper-show .swiper-slide img.web{
		margin-top: .6rem;
	} */
	/*美图鉴赏*/

	.theme-imgs {
		background: url(../img/a6/meitu_bg_phone.png) no-repeat center;
		background-size: cover;
		overflow: hidden;
		position: relative;
		overflow: hidden;
		height: 100vh;
		padding-top: 0;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.theme-bj {
		background: none
	}

	.theme-1610 {
		width: 6.40rem;
		margin: 0 auto;
		/* margin-bottom: .80rem; */
		margin-top: .5rem;
	}

	.theme-imgs .swiper {}

	.theme-imgs .swiper .swiper-slide {
		width: 100%;
		background: none;
		display: initial;
	}

	.theme-imgs .swiper .swiper-slide .top {
		margin-bottom: .20rem;
	}

	.theme-imgs .swiper .swiper-slide .middle {
		margin-bottom: .20rem;
	}

	.theme-imgs .swiper .swiper-slide .top,
	.theme-imgs .swiper .swiper-slide .middle,
	.theme-imgs .swiper .swiper-slide .bottom {
		display: flex;
		align-items: center;
		justify-content: space-between;
		/* gap: .01rem; */
	}

	.theme-imgs .swiper .swiper-slide .img1 {
		width: 100%;
		height: 4.26rem;
	}

	.theme-imgs .swiper .swiper-slide .img2 {
		width: 3.15rem;
		height: 2.10rem
	}

	.theme-imgs .swiper .swiper-slide .img3 {
		width: 3.15rem;
		height: 2.10rem
	}

	.theme-imgs .swiper .swiper-slide .img4 {
		width: 3.15rem;
		height: 2.10rem
	}

	.theme-imgs .swiper .swiper-slide .img5 {
		width: 3.15rem;
		height: 2.10rem
	}

	.theme-imgs .swiper .swiper-pagination {
		position: relative;
		bottom: -.50rem;
		position: relative;
		height: 1.50rem;
	}

	.theme-imgs .swiper .swiper-pagination-bullet {
		width: 1.00rem;
		height: .04rem;
		background: #999;
		border-radius: 0;
	}

	.theme-imgs .swiper .swiper-pagination-bullet-active {
		background: #000;
	}

	/*预约试驾*/
	.theme-pre-book {
		background: url(../img/a6/yuyue_bg_phone.png) no-repeat center;
		background-size: cover;
		padding: 0 0 0 0;
		height: 100vh;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		/* height: 1300rem; */
	}

	.pre-book-box {
		height: auto;
		position: relative;
		background: #f8f8f8;
		margin-top: 0;
	}

	.pre-book-box .title {
		left: .25rem;
		top: .40rem;
		font-size: .42rem;
		text-shadow: 2px 0px 1px rgba(0, 0, 0, 0.5);
	}

	.pre-book-box .title:after {
		margin: .25rem 0 0 0;
		background: #fff
	}

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

	.pre-book-box .box {
		padding: .60rem .40rem;
		text-align: left
	}

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

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

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

	.form-box .li.w50 .input-box {
		width: 100%;
		margin-left: 0;
		margin-bottom: .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: .55rem;
	}

	.form-box .li .radio-box {
		font-size: .15rem;
		line-height: .40rem;
		padding-top: .25rem
	}

	.form-box .li .radio-box .label {
		float: left
	}

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

	.form-box .policy-txt {
		text-align: center;
		font-size: .14rem;
		line-height: .30rem;
		padding: 0 0 .35rem 0
	}

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

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

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

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

	.form-box .bnt {
		width: 2.50rem;
		height: .70rem;
		font-size: 12px;
		line-height: .70rem
	}


	/*新闻资讯*/
	.theme-news {
		background: url(../img/a6/news_bg_phone.png) no-repeat center;
		background-size: cover;
		padding: 0 0 0 0;
		height: 100vh;
		/* box-sizing: border-box; */
		display: initial;
		position: relative;
	}

	.news-list {
		overflow: hidden;
		margin-left: 0
	}

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

	.news-list li .box {
		margin-left: 0;
		padding-left: 1.40rem;
		position: relative;
		text-align: left;
		color: #666
	}

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

	.news-list li .box .time .day {
		font-size: .50rem;
		color: #000;
	}

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

	.news-list li .box .txt {
		margin: .1rem 0 .20rem 0;
		line-height: 25px;
		height: 25px;
		font-size: 12px;
		color: #5C6976;

	}
	.short-phone-news .news-list li .box .txt{
		margin: .1rem 0 .20rem 0;
	}
	.short-phone-news .news-list li{
		padding-bottom: .15rem;
	}
	.news-list li .box .more {
		width: 1.50rem;
		height: .40rem;
		line-height: .40rem;
		border: 1px solid #000;
		font-size: 12px;
		color: #000;
	}


	/*底部信息*/
	.footer {
		position: absolute;
		bottom: 0;
		padding: 1vh 5vw 8vh 5vw;
		font-size: 12px;
		line-height: 20px;
		text-align: center
	}

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

	.footer .footer-a {
		float: none
	}

	.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: .20rem 0;
		padding-bottom: 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
	}


	.table-container {
		padding: 50px .30rem;
		overflow: auto
	}

	.illustrate-pop .shade,
	.illustrate-pop2 .shade {
		position: fixed;
		width: 100%;
		height: 100vh;
		left: 0;
		top: 0;
		display: none
	}

	.illustrate-pop.active,
	.illustrate-pop2.active {
		bottom: -2px;
		opacity: 1
	}

	.illustrate-pop.active .shade,
	.illustrate-pop2.active .shade {
		display: block
	}

	.illustrate-pop .box,
	.illustrate-pop2 .box {
		padding: 3.00rem .30rem .60rem .30rem;
		font-size: .15rem;
		line-height: .45rem;
		position: relative;
		z-index: 2
	}

	.illustrate-pop .box .close,
	.illustrate-pop2 .box .close {
		right: .80rem;
		top: 1.80rem;
		background: url(../img/close.png) no-repeat center center;
		background-size: 100%;
		border: 0;
		border-radius: 0
	}

	.illustrate-pop .box .title,
	.illustrate-pop2 .box .title {
		opacity: 1;
		margin-bottom: .80rem
	}

	.illustrate-pop .box .content-box-6,
	.illustrate-pop .box .content-box-7 {
		width: auto;
		height: 4.00rem;
		overflow: auto;
		color: #fff
	}

	.illustrate-pop2 .box .content-box-6,
	.illustrate-pop2 .box .content-box-7 {
		width: auto;
		height: 4.00rem;
		overflow: auto;
		color: #fff
	}

	.content-box-list {
		overflow: hidden;
		position: relative;
		left: 0
	}

	.content-box-list li {
		float: none;
		width: auto;
		padding-left: .20rem;
	}

	.content-box-list li p i {
		display: inline-block;
		width: .06rem;
		height: .06rem;
		background: #fff;
		border-radius: 50%;
		margin-right: .25rem;
		position: relative;
		top: -.10rem;
	}
	.mySwiper-show-show .img-box{
		padding-left: .40rem !important;
	}
	.mySwiper-show .swiper-pagination{
		padding-left: .40rem !important;
	}
}

@media screen and (max-width:376px) {
	.slide3 .car-box{
		margin-top:0rem;
	}
	.section3-1 .car-box1{
		top: 4.8rem;
	}
	/* .section3-1 .ulbox{
		bottom: 4rem;
		top: auto;
	} */
	/* .short-phone .section3-1 .car-box1{
		top: 28vh;
        bottom: auto;
	} */
	/* .section3-1 .parameter-list{
		top: 2.8rem;
	} */
	/* .slide3 .type2 .bottom{
		bottom: 1rem;
	} */
	.short-phone .section3-1 .bj{
		background-position: 0rem 0rem;
	}
	.short-phone .section3-1 .parameter-list{
		top: 69vh;
		bottom: auto;
	}
	.short-phone .section3-1 .parameter-list li{
		margin-bottom: 0;
	}
	.short-phone .section3-1 .parameter-list li:before{
		top:40%
	}
	.short-phone .type2 .bottom{
		bottom: auto;
        top: 80vh;
	}
	.theme-4-6 .mySwiper-show-show,
	.theme-4-4 .mySwiper-show-show,
	.theme-4-2 .mySwiper-show-show,
	.theme-5-2 .mySwiper-show-show{
		margin-top: .4rem;
	}
	.theme-4-2 .mySwiper-show .swiper-pagination
	{
		top:5rem
	}
	.theme-4-2 .mySwiper-show .swiper-pagination,
	.theme-4-4 .mySwiper-show .swiper-pagination,
	.theme-4-6 .mySwiper-show .swiper-pagination,
	.theme-5-2 .mySwiper-show .swiper-pagination
	{
		top:5.2rem;
		height: auto;
		max-height: 6rem;
	}
	.theme-4-2 .mySwiper-show .swiper-pagination .li span,
	.theme-4-4 .mySwiper-show .swiper-pagination .li span,
	.theme-4-6 .mySwiper-show .swiper-pagination .li span,
	.theme-5-2 .mySwiper-show .swiper-pagination .li span
	{
		padding: .1rem .28rem;
	}
	.theme-4-6 .mySwiper-show .swiper-pagination .li:first-child{
		margin-top: .3rem;
	}
	.short-phone46 .mySwiper-show .swiper-pagination .li:first-child{
		margin-top: .1rem;
	}
	.theme-4-5-1 .box{
		height: 13.34rem;
	}
	.theme-4-5-1 .d1 {
		left: 2.8rem;
        top: 4rem;
	}

	.theme-4-5-1 .d2 {
		left: 7.9rem;
        top: 4.7rem;
	}

	.theme-4-5-1 .d3 {
		left: 9.8rem;
        top: 3.51rem;
	}

	.theme-4-5-1 .d4 {
		left: 8.9rem;
        top: 6.2rem;
	}

	.theme-4-5-1 .d5 {
		left: 7.24rem;
        top: 10.4rem;
	}

	.theme-4-5-1 .d6 {
		left: 12.21rem;
        top: 2.2rem;
	}

	.theme-4-5-1 .d7 {
		left: 13.67rem;
        top: 4.51rem;
	}

	.theme-4-5-1 .d8 {
		left: 13.6rem;
        top: 5.91rem;
	}

	.theme-4-5-1 .d9 {
		left: 12.95rem;
        top: 7.7rem;
	}

	.theme-4-5-1 .d10 {
		left: 15.21rem;
        top: 5.45rem;
	}

	.theme-4-5-1 .d11 {
		left: 18.2rem;
        top: 4rem;
	}

	.theme-4-5-1 .d12 {
		left: 22rem;
        top: 4.2rem;
	}
	.theme-4-8 .illustrate-pop2.active{
		top: 1.2rem;
	}
	.theme-4-9 .left{
		top: 7.3rem;
	}
	.theme-4-9 .right{
		top: 8.4rem;
	}
	.short-phone49 .left{
		top: 6rem;
	}
	.short-phone49 .right{
		top: 7.1rem;
	}
	.theme-pre-book{
		padding: 0 0 0 0;
	}
	.theme-1610{
		/* margin-bottom: 0;
		position: relative;
		top: .55rem;
		margin-top: 0; */
	}
	.theme-5-3 .content-box{
		margin-bottom: 1rem;
	}
	.theme-imgs{
		padding-top: 0rem;
	}
	.theme-pre-book{
		padding: 0 0 0 0;
	}
	/* .news-list li .box .txt{
		margin: 0.15rem 0 0.15rem 0;
	}
	.news-list li{
		padding-bottom: .2rem;
	} */
	.footer .footer-top{
		padding: 0.1rem 0;
	}
}