@charset "utf-8";
/* CSS Document */

html,body{ width: 100%; height: 100%;}
.bodymain{ padding-top: 0; height: 100%; background-color: #fff;}

@font-face {
  font-family: "Alibaba-PuHuiTi-Regular";
  src: url("/honda/funtec/enjoy/hondasensing360/fonts/Alibaba-PuHuiTi-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.edit-container{ width: 1600px; margin: 0 auto;}

.js-up,.js-up-s {
	opacity: 0;
	-webkit-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	-webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
	transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}
.js-opacity {
	opacity: 0;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.js-left {
	opacity: 0;
	-webkit-transform: translate(-30px, 0);
	-ms-transform: translate(-30px, 0);
	transform: translate(-30px, 0);
	-webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
	transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}
.js-right {
	opacity: 0;
	-webkit-transform: translate(30px, 0);
	-ms-transform: translate(30px, 0);
	transform: translate(30px, 0);
	-webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
	transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}
.delay1 {
	-webkit-transition-delay: .4s !important;
	transition-delay: .4s !important;
}
.delay2 {
	-webkit-transition-delay: .8s !important;
	transition-delay: .8s !important;
}
.delay3 {
	-webkit-transition-delay: 1.2s !important;
	transition-delay: 1.2s !important;
}
.delay4 {
	-webkit-transition-delay: 1.6s !important;
	transition-delay: 1.6s !important;
}
.hondasensing-one-slide-active .js-up,.hondasensing-one-slide-active .js-left,.hondasensing-one-slide-active .js-right{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.hondasensing-one-slide-active .js-opacity{
	opacity: 1;
}

.hondasensing-swiper{ width: 100%; height: 100%; font-family: "Alibaba-PuHuiTi-Regular";}
.swiper-container, .swiper-wrapper{ height: 100% !important;}

.swiper-slide{ }
.swiper-pagination{ font-size: 0; width: 100%;}
.swiper-pagination-bullet{ width: 30px; height: 4px; border: 0; border-radius: 4px; background-color: #fff; opacity: 0.3; margin: 0 3px 0 0 !important;}
.swiper-pagination-bullet-active{ opacity: 1; background-color: #307fbb;}

.one-pagination{ width: 50px; height: auto; position: fixed; left: 0.6%; right: auto !important; top: auto !important; bottom: 2%; transform: translate3d(0,0,0) !important; z-index: 55; opacity: 1; transition: all 0.2s ease-in;}
.one-pagination .swiper-pagination-bullet{ display: block; width: 18px; height: 18px; margin: 7px !important; margin-top: 18px !important; position: relative; border: 0; background: transparent !important; opacity: 1;}
.one-pagination .swiper-pagination-bullet a{ display: -ms-flexbox; display: flex; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;}
.one-pagination .swiper-pagination-bullet a span{ border-radius: 50%; position: absolute; z-index: 1; height: 6px; width: 6px; top: 50%; left: 50%; transform:translate(-50%,-50%); margin: 0; border: 0; background-color: #fff; transition: all 0.2s ease-in-out;}
.one-pagination .swiper-pagination-bullet .fscreen-tooltip{ position: absolute; top: -1px; left: 28px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; /* overflow: hidden; */ display: block; opacity: 0; width: 0; cursor: pointer; /* text-shadow: 0 0 5px #000; */}
.one-pagination .swiper-pagination-bullet-active a{ background-color: rgba(255,255,255,0.15); border-radius: 50%; overflow: hidden;}
.one-pagination .swiper-pagination-bullet-active a span, .one-pagination .swiper-pagination-bullet:hover a span{ border-radius: 50%;}
.one-pagination .swiper-pagination-bullet-active a span.fscreen-sr-ani{ border: 16px solid #fff; box-sizing: content-box; animation: fs-nav-animation 1s linear normal infinite;}
.one-pagination .swiper-pagination-bullet:hover .fscreen-tooltip, .one-pagination .swiper-pagination-bullet-active a+.fscreen-tooltip{ transition: all 0.2s ease-in; width: auto; opacity: 1;}
/* .one-pagination .swiper-pagination-bullet:first-child{ display: none;} */
.one-pagination .swiper-pagination-bullet:last-child{ display: none;}

.one-pagination.black .swiper-pagination-bullet a span{ background-color: #37a4ff;}
.one-pagination.black .swiper-pagination-bullet .fscreen-tooltip{ color: #000; /* text-shadow: 0 0 5px #fff; */}
.one-pagination.black .swiper-pagination-bullet-active a span.fscreen-sr-ani{ border-color: #37a4ff; animation: fs-nav-animation-black 1s linear normal infinite;}

@keyframes fs-nav-animation{0%{background-color:#fff;border:0px solid #fff}39.9%{background-color:#fff;border:16px solid #fff}40%{width:0;height:0;background-color:transparent;border:16px solid #fff}100%{width:16px;height:16px;background-color:transparent}}
@keyframes fs-nav-animation-black{0%{background-color:#37a4ff;border:0px solid #37a4ff}39.9%{background-color:#37a4ff;border:16px solid #37a4ff}40%{width:0;height:0;background-color:transparent;border:16px solid #37a4ff}100%{width:16px;height:16px;background-color:transparent}}


.hondasensing-one-slide{ overflow: hidden;}
.hondasensing-one-slide .to-next{ width: 28px; position: absolute; bottom: 3%; right: 1.5%; /* left: 50%; margin-left: -14px; */ animation: bounce 2s ease-in-out normal infinite; cursor: pointer; z-index: 50;}
.hondasensing-one-slide .to-next img{ display: block; width: 100%;}

.section-inner{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.section-inner .section-img{ width: 100%; height: 100%; position: relative;}
.section-inner .section-img .img{ display: block; width: 100%; height: 100%; object-fit: cover;}
/* .section-inner .section-img::before{ content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0.3; position: absolute; top: 0; left: 0;} */

.hondasensing-title{ width: 100%; position: absolute; left: 0; z-index: 15; text-shadow: 1px 1px 0 #fff;}
.hondasensing-title .t-title{ font-size: 36px; color: #37a4ff; font-weight: bold;}
.hondasensing-title .t-title span{ color: #ff8400;}
.hondasensing-title .s-title{ font-size: 30px; margin-top: 15px;}
.hondasensing-title .cont{ font-size: 24px; margin-top: 5px; /* width: 65%; */}
.hondasensing-title .cont span{ color: #37a4ff; font-weight: bold;}
.hondasensing-title .btn-box{ margin-top: 30px;}
.hondasensing-title .btn-box a{ display: inline-block; vertical-align: top; border: 1px solid #000; font-size: 16px; color: #000; line-height: 38px; padding: 0 22px; cursor: pointer;}

.hondasensing-note{ font-size: 14px; color: #fff; position: absolute; bottom: 3.5%; right: 1.7%; z-index: 25;}
.hondasensing-road{ width: 100%; height: 100vh; position: absolute; top: 0; left: 0; overflow: hidden;}
.hondasensing-road .road-section{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.hondasensing-road .road-section .road-img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.hondasensing-road .road-section .road-img .img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.hondasensing-road .road-section .road-img .img1{ animation: arrow1 1.2s linear infinite backwards;}
.hondasensing-road .road-section .road-img .img2{ animation: arrow2 1.2s linear infinite backwards;}
.hondasensing-road .road-section .road-img .img3{ animation: arrow3 1.2s linear infinite backwards;}
.hondasensing-road .road-section .road-img .img4{ animation: arrow4 1.2s linear infinite backwards;}
.hondasensing-road .road-section .road-img .img5{ animation: arrow5 1.2s linear infinite backwards;}

.hondasensing-road img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.hondasensing-section1 .section-cont-inner{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.hondasensing-section1 .section-cont-inner .edit-container{ height: 100%;}
.hondasensing-section1 .hondasensing-title-one{ position: absolute; left: 0; top: 16%; z-index: 15;}
.hondasensing-section1 .hondasensing-title-one .title-box{ font-size: 40px; line-height: 1.3;}
.hondasensing-section1 .hondasensing-title-one .title-box .t-title span{ display: inline-block; vertical-align: top; position: relative; padding-right: 60px;}
.hondasensing-section1 .hondasensing-title-one .title-box .t-title span .icon{ width: 46px; position: absolute; right: 0; top: 50%; transform:translateY(-50%); display: none;}
.hondasensing-section1 .hondasensing-title-one .title-box .t-title span .icon img{ display: block; width: 100%;}
.hondasensing-section1 .hondasensing-title-one .title-box .t-title span strong{ font-size: 54px; font-style: normal;}
.hondasensing-section1 .label-describe{ position: absolute; left: 0; bottom: 8%;}
.hondasensing-section1 .label-describe dd{ float: left; text-align: center; font-size: 18px; line-height: 1.2; margin-right: 75px;}
.hondasensing-section1 .label-describe dd .title span{ font-size: 48px;}
.hondasensing-section1 .label-describe dd .title sup{ font-size: 28px;}
.hondasensing-section1 .hondasensing-logo{ width: 15.625%; position: absolute; right: 0; bottom: 11.5%;}
.hondasensing-section1 .hondasensing-logo img{ display: block; width: 100%;}

.hondasensing-section1 .hondasensing-car{ width: 100%; width: 51.5%; position: absolute; left: 50%; top: 50%; transform:translate(-35%,-50%);}
.hondasensing-section1 .hondasensing-car img{ display: block; width: 100%; position: relative; z-index: 5;}
.hondasensing-one-slide .radar{ position: absolute; z-index: 3;}
.hondasensing-one-slide .radar img{ display: block; width: 100%; position: absolute !important; left: 50%; top: 50%; transform:translate(-50%,-50%); opacity: 0;}
/* .hondasensing-one-slide .radar .img1{ animation: oneBg 1.2s linear infinite backwards;}
.hondasensing-one-slide .radar .img2{ animation: twoBg 1.2s linear infinite backwards;}
.hondasensing-one-slide .radar .img3{ animation: threeBg 1.2s linear infinite backwards;}
.hondasensing-one-slide .radar .img4{ animation: fourBg 1.2s linear infinite backwards;} */
.hondasensing-section1 .radar .img1{ animation: oneBg 1.2s linear infinite backwards;}
.hondasensing-section1 .radar .img2{ animation: twoBg 1.2s linear infinite backwards;}
.hondasensing-section1 .radar .img3{ animation: threeBg 1.2s linear infinite backwards;}
.hondasensing-section1 .radar .img4{ animation: fourBg 1.2s linear infinite backwards;}
.hondasensing-one-slide .radar .img.hide,.hondasensing-one-slide .radar .img.show{ visibility: hidden;}
.hondasensing-one-slide .radar .img.on{ visibility: visible;}

.hondasensing-one-slide .radar1 .img1{ width: 100%;}
.hondasensing-one-slide .radar1 .img2{ width: 191%;}
.hondasensing-one-slide .radar1 .img3{ width: 351%;}
.hondasensing-one-slide .radar1 .img4{ width: 550%;}
.hondasensing-one-slide .radar2 .img1{ width: 100%;}
.hondasensing-one-slide .radar2 .img2{ width: 191%;}
.hondasensing-one-slide .radar2 .img3{ width: 350%;}
.hondasensing-one-slide .radar2 .img4{ width: 581%;}
.hondasensing-one-slide .radar3 .img1{ width: 100%;}
.hondasensing-one-slide .radar3 .img2{ width: 191%;}
.hondasensing-one-slide .radar3 .img3{ width: 350%;}
.hondasensing-one-slide .radar3 .img4{ width: 557%;}
.hondasensing-one-slide .radar4 .img1{ width: 100%;}
.hondasensing-one-slide .radar4 .img2{ width: 191%;}
.hondasensing-one-slide .radar4 .img3{ width: 346%;}
.hondasensing-one-slide .radar4 .img4{ width: 660%;}

.hondasensing-section1 .hondasensing-car .radar1{ width: 24.75%; top: 30%; left: 78%;}
.hondasensing-section1 .hondasensing-car .radar2{ width: 27.91%; top: 77%; left: 23%; z-index: 9;}
.hondasensing-section1 .hondasensing-car .radar3{ width: 20.63%; top: 56%; left: 9%;}
.hondasensing-section1 .hondasensing-car .radar4{ width: 13.59%; top: 9%; left: 67%;}
.hondasensing-section1 .hondasensing-car .radar-top{ width: 122%; position: absolute; top: 21%; right: 8.5%; z-index: 9;}
.hondasensing-section1 .hondasensing-car .radar-top img{ display: block; width: 100%;}

.hondasensing-section1 .hondasensing-car .part-title{ position: absolute; z-index: 50;}
.hondasensing-section1 .hondasensing-car .part-title .line{ background-color: #000;}
.hondasensing-section1 .hondasensing-car .part-title .line .dot{ width: 6px; height: 6px; position: absolute; top: -3px;}
.hondasensing-section1 .hondasensing-car .part-title .line .dot::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; border-radius: 100%;}
.hondasensing-section1 .hondasensing-car .part-title .line .dot::before{ content: ''; width: 240%; height: 240%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); background-color: #31a1ff; border-radius: 100%; opacity: 0.36;}
.hondasensing-section1 .hondasensing-car .part-title .title{ width: 250px; font-size: 18px; line-height: 22px; position: absolute; top: 50%; margin-top: -11px;}

.hondasensing-section1 .hondasensing-car .part-title.horizontal .line{ width: 100%; height: 1px;}
.hondasensing-section1 .hondasensing-car .part-title.horizontal.t-right .line .dot{ right: -3px;}
.hondasensing-section1 .hondasensing-car .part-title.horizontal.t-right .title{ right: -265px;}
.hondasensing-section1 .hondasensing-car .part-title.horizontal.t-left .line .dot{ left: -3px;}
.hondasensing-section1 .hondasensing-car .part-title.horizontal.t-left .title{ left: -265px; text-align: right;}
.hondasensing-section1 .hondasensing-car .part-title.vertical .line{ width: 1px; height: 100%;}
.hondasensing-section1 .hondasensing-car .part-title.vertical.t-top .line .dot{ left: -3px;}
.hondasensing-section1 .hondasensing-car .part-title.vertical.t-top .title{ top: -35px; margin-top: 0; left: 50%; margin-left: -125px; text-align: center;}
.hondasensing-section1 .hondasensing-car .part-title.vertical.t-top .title sup{ top: -0.4em;}

.hondasensing-section1 .hondasensing-car .part-title1{ width: 58px; top: 1%; left: 83%;}
.hondasensing-section1 .hondasensing-car .part-title2{ width: 58px; top: 27%; left: 99%;}
.hondasensing-section1 .hondasensing-car .part-title3{ width: 270px; top: 80%; left: 39%;}
.hondasensing-section1 .hondasensing-car .part-title4{ width: 205px; top: 64%; left: -10%;}
.hondasensing-section1 .hondasensing-car .part-title5{ width: 75px; top: 57%; left: 5%;}
.hondasensing-section1 .hondasensing-car .part-title6{ height: 90px; top: -1%; left: 52.5%;}

@keyframes oneBg {
	0% { opacity: 0;}
	20% { opacity: 0.8;}
	40% { opacity: 0.8;}
	60% { opacity: 0.8;}
	80% { opacity: 0.8;}
	100% { opacity: 0;}
}
@keyframes twoBg {
	0% { opacity: 0;}
	20% { opacity: 0;}
	40% { opacity: 0.6;}
	60% { opacity: 0.6;}
	80% { opacity: 0.6;}
	100% { opacity: 0;}
}
@keyframes threeBg {
	0% { opacity: 0;}
	20% { opacity: 0;}
	40% { opacity: 0;}
	60% { opacity: 0.4;}
	80% { opacity: 0.4;}
	100% { opacity: 0;}
}
@keyframes fourBg {
	0% { opacity: 0;}
	20% { opacity: 0;}
	40% { opacity: 0;}
	60% { opacity: 0;}
	80% { opacity: 0.4;}
	100% { opacity: 0;}
}

@keyframes arrow1 {
	0% { opacity: 0;}
	20% { opacity: 1;}
	40% { opacity: 1;}
	60% { opacity: 1;}
	80% { opacity: 1;}
	90% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes arrow2 {
	0% { opacity: 0;}
	20% { opacity: 0;}
	40% { opacity: 1;}
	60% { opacity: 1;}
	80% { opacity: 1;}
	90% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes arrow3 {
	0% { opacity: 0;}
	20% { opacity: 0;}
	40% { opacity: 0;}
	60% { opacity: 1;}
	80% { opacity: 1;}
	90% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes arrow4 {
	0% { opacity: 0;}
	20% { opacity: 0;}
	40% { opacity: 0;}
	60% { opacity: 0;}
	80% { opacity: 1;}
	90% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes arrow5 {
	0% { opacity: 0;}
	20% { opacity: 0;}
	40% { opacity: 0;}
	60% { opacity: 0;}
	80% { opacity: 0;}
	90% { opacity: 1;}
	100% { opacity: 0;}
}



.hondasensing-section2 .show-section{ width: 100%; height: 100%; position: relative; z-index: 99;}
.hondasensing-section2 .road-scene{ position: absolute;}
.hondasensing-section2 .road-scene img{ display: block; width: auto; height: 100%;}
.hondasensing-section2 .road-scene .border{ position: absolute; top: 0; left: 0; z-index: 5; animation: breathe 0.5s linear infinite backwards;}
.hondasensing-section2 .road-scene.people{ height: 26.57%; top: 48.14%; left: 72%;}
.hondasensing-section2 .road-scene.moto{ height: 22%; top: 50%; left: 39.5%;}
.hondasensing-section2 .road-scene.car{ height: 22.5%; top: 50.37%; left: 32.18%;}
.hondasensing-section2 .other-car{ height: 11.2%; position: absolute; top: 53.24%; left: 62.39%;}
.hondasensing-section2 .other-car img{ display: block; width: auto; height: 100%;}

.hondasensing-section2 .section2-bo{ width: 120%; height: 45%; position: absolute; left: 50%; transform:translateX(-50%); bottom: -10%; z-index: 5; display: none;}
.hondasensing-section2 .section2-bo img{ display: block; width: 100%; height: 100%;}

.hondasensing-section2 .section2-car{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 9;}
.hondasensing-section2 .section2-car img{ display: block; width: 100%;}

.hondasensing-section2 .steering-wheel{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 11; display: none;}
.hondasensing-section2 .steering-wheel .img{ width: 100%; position: absolute; bottom: 0; left: 0; opacity: 0;}
.hondasensing-section2 .steering-wheel .img1{ animation: steeringwheelarrow1 1s linear infinite backwards;}
.hondasensing-section2 .steering-wheel .img2{ animation: steeringwheelarrow2 1s linear infinite backwards;}
.hondasensing-section2 .steering-wheel .img3{ animation: steeringwheelarrow3 1s linear infinite backwards;}

.hondasensing-section2 .stop{ width: 266px; position: absolute; left: 17.44%; bottom: 32%; z-index: 40;}
.hondasensing-section2 .stop .stop-box{ animation: opacity 1.5s linear infinite backwards;}
.hondasensing-section2 .stop img{ display: block; width: 100%;}
.hondasensing-section2 .stop .cont{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #fff; font-size: 18px; font-weight: bold; line-height: 75px; padding-left: 48%;}

.hondasensing-section2 .hondasensing-title{ position: initial; /* display: none; */}

.fzzh-swiper{ width: 100%; height: 100vh; /* position: absolute; left: 50%; transform:translateX(-50%); top: 26%; */ }
.fzzh-swiper .swiper-slide{ height: 100vh !important;}
.fzzh-swiper .swiper-slide img{ display: block; width: 100%; /* height: 100%; */ object-fit: cover;}
.fzzh-swiper .swiper-slide::before{ content: ''; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; z-index: 5; background: -webkit-linear-gradient(to top, #000, transparent); background: linear-gradient(to top, #000, transparent); opacity: 0.9;}

.fzzh-tabs{ width: 100%; position: absolute; left: 0; top: 81%; /* bottom: 12%; */ z-index: 5; text-align: center;}
.fzzh-tabs ul{ font-size: 0;}
.fzzh-tabs li{ display: inline-block; vertical-align: top; font-size: 30px; font-weight: bold; color: #fff; line-height: 2.3; padding: 0 50px; border-bottom: 5px solid #37a4ff; cursor: pointer;}
.fzzh-tabs li.active{ border-color: #ff1616;}
.fzzh-tabs .txt-cont{ width: 100%; position: absolute; left: 0; top: 125%; font-size: 20px; color: #fff;}
.fzzh-tabs .txt-cont .box{ display: none;}

.section-container{ width: 100%; position: absolute; top: 0; left: 0; z-index: 15; background-color: #fff; padding: 95px 50px 25px 50px;}
.swiper-content{ position: relative; padding-right: 33%;}
.swiper-content .icon-logo{ width: 178px; position: absolute; top: 0; right: 0;}
.swiper-content .icon-logo img{ display: block; width: 100%;}


.parallax-bg{ position: absolute; left: 0; top: 0; width: 200%; height: 100%; background: url(/honda/funtec/enjoy/hondasensing360/images/fzzh-panorama.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover;}


.hondasensing-one-slide .base-stop{ width: 348px; position: absolute; left: 14.625%; bottom: 25.29%; z-index: 10;}
.hondasensing-one-slide .base-stop .stop-box{ animation: opacity 1.5s linear infinite backwards;}
.hondasensing-one-slide .base-stop img{ display: block; width: 100%;}
.hondasensing-one-slide .base-stop .cont{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #fff; font-size: 24px; font-weight: bold; line-height: 98px; padding-left: 50%;}

.hondasensing-section3 .cxxz-km{ height: 20.18%; position: absolute; right: 3.8%; bottom: 6.2%;}
.hondasensing-section3 .cxxz-km img{ display: block; height: 100%;}

.hondasensing-one-slide .section-img .hidden-cont{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 15; opacity: 0; transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; padding-top: 245px;}
.hondasensing-one-slide .section-img .hidden-cont::before{ content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0.5; position: absolute; top: 0; left: 0; z-index: 9;}
.hondasensing-one-slide .section-img .hidden-cont video{ display: block; width: 100%; height: 100%; background-color: #000; object-fit: cover;}
.hondasensing-one-slide .section-img:hover .hidden-cont{ opacity: 1;}

@keyframes steeringwheelarrow1 {
	0% { opacity: 0;}
	25% { opacity: 1;}
	50% { opacity: 1;}
	75% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes steeringwheelarrow2 {
	0% { opacity: 0;}
	25% { opacity: 0;}
	50% { opacity: 1;}
	75% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes steeringwheelarrow3 {
	0% { opacity: 0;}
	25% { opacity: 0;}
	50% { opacity: 0;}
	75% { opacity: 1;}
	100% { opacity: 0;}
}

@keyframes opacity {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

@keyframes vibrate {
	0% {
		transform: scale(1.0);
	}
	25% {
		transform: scale(1.04);
	}
	50% {
		transform: scale(1.0);
	}
	75% {
		transform: scale(1.04);
	}
	100% {
		transform: scale(1.0);
	}
}

@keyframes breathe{0%{transform:scale(1.0);} 50%{transform:scale(0.95);} 100% {transform:scale(1.0);}}

.hondasensing-section3 .hondasensing-title{ bottom: 8%;}
.hondasensing-section3 .hondasensing-title .t-title span{ padding-right: 150px;}
.hondasensing-section3 .hondasensing-title .t-title span .icon{ width: 134px;}
.hondasensing-section3 .hondasensing-title .btn-box a{ border: 1px solid #fff; color: #fff;}


.hondasensing-section3 .hondasensing-car{ width: 53.95%; position: absolute; right: 0; bottom: -2%;}
.hondasensing-section3 .hondasensing-car img{ display: block; width: 100%; position: relative; z-index: 5;}
.hondasensing-section3 .hondasensing-car .radar1{ width: 41.65%; top: 50%; left: 23%;}
.hondasensing-section3 .hondasensing-car .radar1 .img1{ width: 100%;}
.hondasensing-section3 .hondasensing-car .radar1 .img2{ width: 211%;}
.hondasensing-section3 .hondasensing-car .radar1 .img3{ width: 342%;}
.hondasensing-section3 .hondasensing-car .radar1 .img4{ width: 554%;}
.hondasensing-section3 .hondasensing-car .radar-top{ width: 176%; position: absolute; top: -8%; right: 0; z-index: 9;}
.hondasensing-section3 .hondasensing-car .radar-top img{ display: block; width: 100%;}
/* .hondasensing-section3 .hondasensing-car .icon-arrow{ width: 18.24%; position: absolute; top: 39.36%; left: 12%; z-index: 11;} */
.hondasensing-section3 .hondasensing-car .icon-arrow{ width: 10%; position: absolute; top: 74%; left: 33%; z-index: 11;}
.hondasensing-section3 .hondasensing-car .icon-arrow img{ display: block; width: 100%; position: absolute; top: 0; left: 0; opacity: 0.9;}
.hondasensing-section3 .hondasensing-car .icon-arrow .arrow1{ /* animation: oneArrow 1.8s linear infinite backwards; */}
.hondasensing-section3 .hondasensing-car .icon-arrow .arrow2{ left: 54%; opacity: 0.5; /* animation: twoArrow 1.8s linear infinite backwards; */}


.hondasensing-section3 .section-inner .edit-container{ width: 1680px; height: 100%; position: relative;}
.cxxz-section{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-45%);}
.hondasensing-section3 .hondasensing-title{ position: initial;}






@keyframes oneArrow {
	0% { opacity: 0;}
	20% { opacity: 0;}
	40% { opacity: 0;}
	60% { opacity: 0.9;}
	80% { opacity: 0;}
	100% { opacity: 0;}
}
@keyframes twoArrow {
	0% { opacity: 0;}
	20% { opacity: 0;}
	40% { opacity: 0.5;}
	60% { opacity: 0.5;}
	80% { opacity: 0;}
	100% { opacity: 0;}
}

.hondasensing-section4 .hondasensing-title{ position: initial;}

.hondasensing-section4 .hondasensing-car1{ width: 33.69%; position: absolute; top: 43.51%; left: 28.38%;}
.hondasensing-section4 .hondasensing-car1 img{ display: block; width: 100%; position: relative; z-index: 5;}
.hondasensing-section4 .hondasensing-car1 .radar{ position: absolute; z-index: 3;}
.hondasensing-section4 .hondasensing-car1 .radar .img{ opacity: 1;}
.hondasensing-section4 .hondasensing-car1 .radar1{ width: 26%; top: 62%; left: 50%; z-index: 5;}
.hondasensing-section4 .hondasensing-car1 .radar1 .img1{ width: 100%;}
.hondasensing-section4 .hondasensing-car1 .radar1 .img2{ width: 228%;}
.hondasensing-section4 .hondasensing-car1 .radar1 .img3{ width: 465%;}
.hondasensing-section4 .hondasensing-car1 .radar1 .img4{ width: 850%;}
.hondasensing-section4 .hondasensing-car1 .radar2{ width: 20.6%; top: 52%; left: 81%;}
.hondasensing-section4 .hondasensing-car1 .radar3{ width: 28.1%; top: 62%; left: 0%;}
.hondasensing-section4 .hondasensing-car1 .radar-top{ width: 107%; position: absolute; top: -17%; left: -75%; z-index: 9;}
.hondasensing-section4 .hondasensing-car1 .radar-top img{ display: block; width: 100%;}

.hondasensing-section4 .hondasensing-car2{ width: 93.33%; position: absolute; bottom: -10.8%; right: -53%; /* z-index: 15; */}
.hondasensing-section4 .hondasensing-car2 img{ display: block; width: 100%; position: relative; z-index: 5;}

.hondasensing-section4 .base-stop{ left: 4.3%; bottom: 36.85%;}
.hondasensing-section4 .base-stop .cont{ padding-left: 46%;}

.hondasensing-section5 .hondasensing-title{ position: initial;}

.hondasensing-section5 .hondasensing-car{ width: 22.29%; position: absolute; top: 50%; right: -1.5%;}
.hondasensing-section5 .hondasensing-car img{ display: block; width: 100%; position: relative; z-index: 5;}
.hondasensing-section5 .hondasensing-car .radar{ position: absolute; z-index: 3;}
.hondasensing-section5 .hondasensing-car .radar .img{ opacity: 0.7;}
.hondasensing-section5 .hondasensing-car .radar1{ width: 26.58%; top: 58%; left: 35%; z-index: 9;}
.hondasensing-section5 .hondasensing-car .radar1 .img1{ width: 100%;}
.hondasensing-section5 .hondasensing-car .radar1 .img2{ width: 258%;}
.hondasensing-section5 .hondasensing-car .radar1 .img3{ width: 495%;}
.hondasensing-section5 .hondasensing-car .radar1 .img4{ width: 880%;}
.hondasensing-section5 .hondasensing-car .radar2{ width: 23.83%; top: 40%; left: 58%;}
.hondasensing-section5 .hondasensing-car .radar3{ width: 28.48%; top: 35%; left: -4%;}
.hondasensing-section5 .hondasensing-car .radar-top{ width: 240%; position: absolute; top: 6%; left: -126%; z-index: 9;}
.hondasensing-section5 .hondasensing-car .radar-top img{ display: block; width: 100%;}

.hondasensing-section5 .base-stop{ left: auto; right: 4.3%; bottom: 15.74%;}

.hondasensing-section6 .hondasensing-title{ position: initial;}

.hondasensing-section6 .hondasensing-car{ width: 24.74%; position: absolute; top: 50%; left: 36%;}
.hondasensing-section6 .hondasensing-car img{ display: block; width: 100%; position: relative; z-index: 5;}
.hondasensing-section6 .hondasensing-car .radar{ position: absolute; z-index: 3;}
.hondasensing-section6 .hondasensing-car .radar .img{ opacity: 1;}
.hondasensing-section6 .hondasensing-car .radar1{ width: 20.63%; top: 47%; left: 54%; z-index: 9;}
.hondasensing-section6 .hondasensing-car .radar2{ width: 14%; top: 13%; left: 85%; z-index: 9;}
.hondasensing-section6 .hondasensing-car .radar3{ width: 11.24%; top: 6%; left: 55%;}
.hondasensing-section6 .hondasensing-car .radar4{ width: 18.78%; top: 41%; left: 29%; z-index: 9;}
.hondasensing-section6 .hondasensing-car .radar-top{ width: 99%; position: absolute; top: -40%; left: 42%; z-index: 9; opacity: 0.8;}
.hondasensing-section6 .hondasensing-car .radar-top img{ display: block; width: 100%;}

.hondasensing-section6 .base-stop{ bottom: 25.92%;}

.section6-label{ width: 30.46%; position: absolute; bottom: 23.6%; right: 2.5%; z-index: 10;}
.section6-label img{ display: block; width: 100%;}
.section6-label .cont{ font-size: 40px; color: #fff; font-weight: bold; position: absolute; top: 2.5%; left: 22%;}

.hondasensing-section7 .section-inner .section-img::before{ content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0.6; position: absolute; top: 0; left: 0;}
.hondasensing-section7 .section-cont-inner{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.hondasensing-section7 .section-cont-inner .edit-container{ height: 100%; position: relative;}
.hondasensing-section7 .section-cont-inner .top-title-box{ font-size: 42px; color: #fff; font-weight: bold; text-align: center;}
.hondasensing-section7 .section-cont-inner .trends-box{ height: 50vh; position: relative; margin-top: 3%;}
/* .hondasensing-section7 .section-cont-inner .trends-box ul{ height: 100%; position: relative;}
.hondasensing-section7 .section-cont-inner .trends-box li{ position: absolute; top: 0; left: 0; font-size: 32px; color: #fff; transition:all 0.1s ease;}
.hondasensing-section7 .section-cont-inner .trends-box li.bold{ font-weight: bold;}
.hondasensing-section7 .section-cont-inner .trends-box li.blue{ color: #37a4ff;} */

.hondasensing-section7 .section-cont-inner .trends-box .title{ position: absolute; color: #fff;}
.hondasensing-section7 .section-cont-inner .trends-box .title1,.hondasensing-section7 .section-cont-inner .trends-box .title3,.hondasensing-section7 .section-cont-inner .trends-box .title4{ color: #37a4ff;}
.hondasensing-section7 .section-cont-inner .trends-box .title1{ font-size: 37px; top: 0; left: 32.875%; opacity: 0.58; /* animation: shake 5s linear infinite backwards; */}
.hondasensing-section7 .section-cont-inner .trends-box .title2{ font-size: 40px; top: 70%; left: 46.5%; opacity: 0.38; /* animation: shake 7s linear infinite backwards; */}
.hondasensing-section7 .section-cont-inner .trends-box .title3{ font-size: 33px; top: 71%; left: 13.875%; opacity: 0.41; /* animation: shake 9s linear infinite backwards; */}
.hondasensing-section7 .section-cont-inner .trends-box .title4{ font-size: 39px; font-weight: bold; top: 86%; left: 37.1875%; opacity: 0.55; /* animation: shake 7s linear infinite backwards; */}
.hondasensing-section7 .section-cont-inner .trends-box .title5{ font-size: 48px; top: 16%; left: 17.875%; opacity: 0.14; /* animation: shake 6s linear infinite backwards; */}
.hondasensing-section7 .section-cont-inner .trends-box .title6{ font-size: 50px; top: 15%; left: 57.875%; opacity: 0.5; /* animation: shake 8s linear infinite backwards; */}
.hondasensing-section7 .section-cont-inner .trends-box .title7{ font-size: 50px; font-weight: bold; top: 34%; left: 34.75%; opacity: 0.36; /* animation: shake 10s linear infinite backwards; */}
.hondasensing-section7 .section-cont-inner .trends-box .title8{ font-size: 40px; font-weight: bold; top: 54%; left: 27.25%; opacity: 0.5; /* animation: shake 8s linear infinite backwards; */}
.hondasensing-section7 .section-cont-inner .trends-box .title9{ font-size: 40px; font-weight: bold; top: 70%; left: 44.5%; opacity: 0.26; /* animation: shake 5s linear infinite backwards; */}
.hondasensing-section7 .section-cont-inner .trends-box .title.active{ opacity: 1;}


.hondasensing-section7 .section-cont-inner .cont{ font-size: 18px; color: #fff; text-align: center; line-height: 2; margin-top: 2%;}


.hondasensing-section8 .section-cont-inner{ width: 100%; position: absolute; left: 0; top: 13.5%; z-index: 11; text-align: center;}
.hondasensing-section8 .section-cont-inner .top-title{ font-size: 68px;}

.models-tabs{ width: 100%; position: absolute; left: 0; top: 35%;}
.models-tabs .tabs{ font-size: 0; text-align: center; position: relative; /* background: url(/honda/funtec/enjoy/hondasensing360/images/models-tabs-line.png) bottom center no-repeat; */}
.models-tabs .tabs ul{ margin: 0 -65px;}
.models-tabs .tabs li{ display: inline-block; vertical-align: top; padding: 0 65px;}
.models-tabs .tabs li .block-box{ font-size: 26px; cursor: pointer; width: 110px; line-height: 52px; position: relative;}
.models-tabs .tabs li.active .block-box{ color: #0862a7; font-weight: bold;}
.models-tabs .tabs li.active .block-box::before{ content: ''; width: 100%; height: 4px; background-color: #0862a7; position: absolute; left: 0; bottom: -1px;}

.models-tabs .tabs-content-box{ margin-top: 60px;}
.models-tabs .tabs-content-box .box{ display: none;}

.models-swiper-hidden{ display: none;}
.models-wrapper{ display: block; }
.models-swiper-animate .models-wrapper{ display: flex;}
.models-swiper{ font-size: 0; text-align: center;}
.models-swiper .models-slide{ display: inline-block; vertical-align: top; width: 33.333%;}
.models-swiper .models-slide .block-box .logo{ height: 75px;}
.models-swiper .models-slide .block-box .logo img{ display: block; width: 100%; height: 100%; object-fit: cover; margin: 0 auto;}
.models-swiper .models-slide .block-box .car{ margin-top: 20px;}
.models-swiper .models-slide .block-box .car img{ display: block; width: 100%;}
.models-swiper .models-slide .block-box .tscx-btn{ margin-top: 30px;}
.models-swiper .models-slide .block-box .tscx-btn span{ display: inline-block; border: 1px solid #272f36; border-radius: 10px 10px 0 10px; font-size: 20px; width: 168px; line-height: 38px;}

.models-swiper .swiper-pagination{ position: initial; margin-top: 45px;}
.models-swiper .swiper-pagination-bullet{ background-color: #ccc;}
.models-swiper .swiper-pagination-bullet-active{ background-color: #307fbb;}

@keyframes shake {
    0% {
        transform: translate(-2px, -3px);
    }
    25% {
        transform: translate(3px, -2px);
    }
    50% {
        transform: translate(-3px, 2px);
    }
    75% {
        transform: translate(2px, 3px);
    }
    100% {
        transform: translate(-2px, -3px);
    }
}

.hondasensing-video-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 11111; display: none;}
.hondasensing-video-layer .opacity{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #adbfcf; opacity: 0.42;}
.hondasensing-video-layer .layer-container{ width: 1200px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); border-radius: 25px 25px 0 25px; overflow: hidden;}
.hondasensing-video-layer .layer-close{ width: 62px; height: 62px; background: url(/honda/funtec/enjoy/hondasensing360/images/layer-close.png) center no-repeat #0561a8; background-size: cover; border-radius: 100%; position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 11;}
.hondasensing-video-layer .layer-container .layer-inner{ position: relative;}
.hondasensing-video-layer .layer-container .layer-inner .img{ display: block; width: 100%;}
.hondasensing-video-layer .layer-container .layer-inner::before{ content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0.3; position: absolute; top: 0; left: 0;}

.base-qrcode-section{}



@media (min-width: 1921px){
	.hondasensing-one-slide .section-img .hidden-cont{ padding-top: 210px;}
	
	.fzzh-swiper .swiper-slide img{ height: 100%;}
}



@media (max-width: 1680px){
	.edit-container{ width: 1280px;}
	
	.one-pagination .swiper-pagination-bullet{ margin-top: 15px !important;}
	
	.swiper-pagination-bullet{ width: 24px;}
	
	.hondasensing-one-slide .to-next{ width: 22px; margin-left: -11px;}
	
	.hondasensing-note{ font-size: 13px;}
	
	.hondasensing-section1 .hondasensing-title-one .title-box{ font-size: 32px;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span{ padding-right: 48px;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span strong{ font-size: 42px;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span .icon{ width: 36px;}
	.hondasensing-section1 .label-describe dd{ font-size: 16px; margin-right: 60px;}
	.hondasensing-section1 .label-describe dd .title span{ font-size: 38px;}
	.hondasensing-section1 .label-describe dd .title sup{ font-size: 22px;}
	
	.hondasensing-section1 .hondasensing-car .part-title .title{ width: 200px; font-size: 16px;}
	.hondasensing-section1 .hondasensing-car .part-title.horizontal.t-right .title{ right: -215px;}
	.hondasensing-section1 .hondasensing-car .part-title.horizontal.t-left .title{ left: -215px;}
	.hondasensing-section1 .hondasensing-car .part-title.vertical.t-top .title{ margin-left: -100px;}
	.hondasensing-section1 .hondasensing-car .part-title1{ width: 46px;}
	.hondasensing-section1 .hondasensing-car .part-title2{ width: 46px;}
	.hondasensing-section1 .hondasensing-car .part-title3{ width: 216px;}
	.hondasensing-section1 .hondasensing-car .part-title4{ width: 164px;}
	.hondasensing-section1 .hondasensing-car .part-title5{ width: 60px;}
	.hondasensing-section1 .hondasensing-car .part-title6{ height: 72px;}
	
	.hondasensing-title .t-title{ font-size: 28px;}
	.hondasensing-title .s-title{ font-size: 20px; margin-top: 12px;}
	.hondasensing-title .cont{ font-size: 18px;}
	.hondasensing-title .btn-box{ margin-top: 20px;}
	.hondasensing-title .btn-box a{ font-size: 14px; line-height: 30px; padding: 0 18px;}
	
	
	.section-container{ padding: 95px 40px 20px 40px;}
	.swiper-content{ padding-right: 25%;}
	.swiper-content .icon-logo{ width: 142px;}
	
	.hondasensing-section2 .stop{ width: 212px;}
	.hondasensing-section2 .stop .cont{ font-size: 16px; line-height: 60px;}
	
	
	.fzzh-tabs li{ font-size: 24px; padding: 0 40px; border-bottom-width: 4px;}
	.fzzh-tabs .txt-cont{ font-size: 16px;}
	
	
	.hondasensing-one-slide .base-stop{ width: 278px;}
	.hondasensing-one-slide .base-stop .cont{ font-size: 18px; line-height: 78px;}
	
	.hondasensing-one-slide .section-img .hidden-cont{ padding-top: 190px;}
	
	.hondasensing-section3 .hondasensing-title .t-title span{ padding-right: 120px;}
	.hondasensing-section3 .hondasensing-title .t-title span .icon{ width: 106px;}
	
	.hondasensing-section3 .section-inner .edit-container{ width: 1344px;}
	
	
	.hondasensing-section4 .hondasensing-car2{ bottom: -11.5%;}
	
	.section6-label .cont{ font-size: 32px;}
	
	.hondasensing-section7 .section-cont-inner .top-title-box{ font-size: 34px;}
	
	.hondasensing-section7 .section-cont-inner .cont{ font-size: 16px;}
	
	.hondasensing-section7 .section-cont-inner .trends-box .title1{ font-size: 30px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title2{ font-size: 32px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title3{ font-size: 27px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title4{ font-size: 31px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title5{ font-size: 38px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title6{ font-size: 40px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title7{ font-size: 40px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title8{ font-size: 32px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title9{ font-size: 32px;}
	
	.hondasensing-section8 .section-cont-inner .top-title{ font-size: 54px;}
	
	.models-tabs .tabs ul{ margin: 0 -52px;}
	.models-tabs .tabs li{ padding: 0 52px;}
	.models-tabs .tabs li .block-box{ width: 88px; line-height: 42px; font-size: 20px;}
	
	.models-tabs .tabs-content-box{ margin-top: 48px;}
	.models-swiper .models-slide .block-box .logo{ height: 60px;}
	.models-swiper .models-slide .block-box .car{ margin-top: 15px;}
	.models-swiper .models-slide .block-box .tscx-btn{ margin-top: 25px;}
	.models-swiper .models-slide .block-box .tscx-btn span{ border-radius: 8px 8px 0 8px; font-size: 16px; width: 134px; line-height: 30px;}

	.models-swiper .swiper-pagination{ margin-top: 35px;}
	
	.hondasensing-video-layer .layer-container{ width: 960px; border-radius: 20px 20px 0 20px;}
	.hondasensing-video-layer .layer-close{ width: 50px; height: 50px;}
	
	.base-qrcode-section{ height: 180px;}
	
	
	
	
	
}


@media (max-width: 1440px){
	.edit-container{ width: 1120px;}
	
	.one-pagination .swiper-pagination-bullet{ margin-top: 12px !important;}
	
	.hondasensing-one-slide .to-next{ width: 20px; margin-left: -10px;}
	
	.hondasensing-note{ font-size: 12px;}
	
	.hondasensing-section1 .hondasensing-title-one .title-box{ font-size: 28px;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span{ padding-right: 42px;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span strong{ font-size: 38px;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span .icon{ width: 32px;}
	.hondasensing-section1 .label-describe dd{ font-size: 16px; margin-right: 50px;}
	.hondasensing-section1 .label-describe dd .title span{ font-size: 36px;}
	.hondasensing-section1 .label-describe dd .title sup{ font-size: 22px;}
	
	.hondasensing-section1 .hondasensing-car .part-title .title{ font-size: 14px;}
	
	.hondasensing-title .t-title{ font-size: 24px;}
	.hondasensing-title .s-title{ font-size: 20px; margin-top: 10px;}
	.hondasensing-title .cont{ font-size: 16px;}
	.hondasensing-title .btn-box a{ font-size: 13px; padding: 0 15px;}
	
	.section-container{ padding: 90px 35px 20px 35px;}
	.swiper-content{ padding-right: 13%;}
	.swiper-content .icon-logo{ width: 120px;}
	.hondasensing-section2 .stop{ width: 192px;}
	.hondasensing-section2 .stop .cont{ font-size: 14px; line-height: 54px;}
	
	.fzzh-swiper .swiper-slide img{ height: 113%;}
	
	.fzzh-tabs li{ font-size: 20px; padding: 0 35px; border-bottom-width: 3px;}
	.fzzh-tabs .txt-cont{ font-size: 14px;}
	
	
	.hondasensing-one-slide .base-stop{ width: 244px;}
	.hondasensing-one-slide .base-stop .cont{ font-size: 16px; line-height: 68px;}
	
	.hondasensing-one-slide .section-img .hidden-cont{ padding-top: 172px;}
	
	.hondasensing-section3 .hondasensing-title .t-title span{ padding-right: 105px;}
	.hondasensing-section3 .hondasensing-title .t-title span .icon{ width: 94px;}
	
	.hondasensing-section3 .section-inner .edit-container{ width: 1220px;}
	.hondasensing-section3 .animation-box{ margin-top: 15px;}
	.hondasensing-section3 .animation-box .pic{ height: 450px;}
	.hondasensing-section3 .animation-box .pic img{ height: 100%; object-fit: cover;}
	
	.cxxz-section{ transform: translateY(-43%);}
	
	
	.hondasensing-section4 .hondasensing-car2{ bottom: -13.5%;}
	
	
	.section6-label .cont{ font-size: 28px;}
	
	.hondasensing-section7 .section-cont-inner .top-title-box{ font-size: 30px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title1{ font-size: 26px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title2{ font-size: 28px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title3{ font-size: 23px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title4{ font-size: 27px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title5{ font-size: 34px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title6{ font-size: 35px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title7{ font-size: 35px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title8{ font-size: 28px;}
	.hondasensing-section7 .section-cont-inner .trends-box .title9{ font-size: 28px;}
	.hondasensing-section7 .section-cont-inner .cont{ font-size: 14px;}
	
	.hondasensing-section8 .section-cont-inner .top-title{ font-size: 40px;}
	
	.models-tabs .tabs ul{ margin: 0 -45px;}
	.models-tabs .tabs li{ padding: 0 45px;}
	.models-tabs .tabs li .block-box{ font-size: 18px;}
	
	.models-tabs .tabs-content-box{ margin-top: 42px;}
	
	.models-swiper .models-slide .block-box .logo{ height: 52px;}
	.models-swiper .models-slide .block-box .car{ margin-top: 15px;}
	.models-swiper .models-slide .block-box .tscx-btn{ margin-top: 20px;}
	.models-swiper .models-slide .block-box .tscx-btn span{ border-radius: 7px 7px 0 7px; font-size: 14px; width: 118px; line-height: 26px;}
	
	.models-swiper .swiper-pagination{ margin-top: 30px;}
	
	.hondasensing-video-layer .layer-container{ width: 840px; border-radius: 15px 15px 0 15px;}
	.hondasensing-video-layer .layer-close{ width: 44px; height: 44px;}
	
	
	
	
	
	
	
}

@media (max-width: 1200px){
	.edit-container{ width: 960px;}
	
	.fzzh-swiper .swiper-slide img{ height: 100%;}
}

@media (max-width: 992px){
	.edit-container{ width: 100%;}
	
	.one-pagination .swiper-pagination-bullet{ /* margin-top: 0.2rem !important; */ margin: 0.12rem !important;}
	.one-pagination .swiper-pagination-bullet{ width: 0.24rem; height: 0.24rem; }
	.one-pagination .swiper-pagination-bullet .fscreen-tooltip{ font-size: 0.24rem; top: -0.04rem; left: 0.4rem;}
	
	.one-pagination .swiper-pagination-bullet:hover .fscreen-tooltip, .one-pagination .swiper-pagination-bullet-active a+.fscreen-tooltip{ display: none;}
	
	.swiper-pagination-bullet{ width: 0.4rem; height: 0.08rem;}
	
	.hondasensing-one-slide .to-next{ width: 0.32rem; right: auto; left: 50%; margin-left: -0.16rem; bottom: 3%;}
	
	.hondasensing-note{ font-size: 0.18rem; padding: 0 0.6rem; width: 100%; bottom: 8%;}
	
	.hondasensing-section1 .hondasensing-title-one{ padding: 0 0.6rem; width: 100%; top: 13%;}
	.hondasensing-section1 .hondasensing-title-one .title-box{ font-size: 0.32rem;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span{ padding-right: 0.42rem;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span strong{ font-size: 0.48rem;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span .icon{ width: 0.48rem;}
	.hondasensing-section1 .label-describe{ font-size: 0; text-align: center; width: 100%; bottom: 10%;}
	.hondasensing-section1 .label-describe dd{ float: none; display: inline-block; vertical-align: top; font-size: 0.2rem; padding: 0 0.25rem; margin-right: 0;}
	.hondasensing-section1 .label-describe dd .title span{ font-size: 0.4rem;}
	.hondasensing-section1 .label-describe dd .title sup{ font-size: 0.24rem;}
	.hondasensing-section1 .hondasensing-logo{ width: 20%; right: 6%; bottom: 22%;}
	
	.hondasensing-section1 .hondasensing-car{ width: 55%; transform: translate(-50%,-50%);}
	.hondasensing-section1 .hondasensing-car .part-title .title{ font-size: 0.2rem;}
	.hondasensing-section1 .hondasensing-car .part-title.horizontal .line{ width: 1px; height: 100%;}
	.hondasensing-section1 .hondasensing-car .part-title.horizontal.t-right .title{ left: 50%; margin-left: -100px; top: -0.4rem; right: 0; text-align: center;}
	.hondasensing-section1 .hondasensing-car .part-title.horizontal.t-left .title{ top: -0.4rem; left: -100px; text-align: center;}
	.hondasensing-section1 .hondasensing-car .part-title.vertical.t-top .title{ top: -0.6rem;}
	
	.hondasensing-section1 .hondasensing-car .part-title1{ width: 1px; height: 0.6rem; top: -17%;}
	.hondasensing-section1 .hondasensing-car .part-title2{ width: 1px; height: 1.38rem;}
	.hondasensing-section1 .hondasensing-car .part-title2 .line .dot{ top: auto !important; bottom: -3px;}
	.hondasensing-section1 .hondasensing-car .part-title2 .title{ top: auto !important; bottom: -0.6rem;}
	.hondasensing-section1 .hondasensing-car .part-title3{ width: 1px; height: 1.3rem;}
	.hondasensing-section1 .hondasensing-car .part-title3 .line .dot{ top: auto !important; bottom: -3px;}
	.hondasensing-section1 .hondasensing-car .part-title3 .title{ top: auto !important; bottom: -0.6rem;}
	.hondasensing-section1 .hondasensing-car .part-title4{ width: 1px; height: 1.24rem; left: 21%;}
	.hondasensing-section1 .hondasensing-car .part-title4 .line .dot{ top: auto !important; bottom: -3px;}
	.hondasensing-section1 .hondasensing-car .part-title4 .title{ top: auto !important; bottom: -0.6rem !important;}
	.hondasensing-section1 .hondasensing-car .part-title5{ width: 1px; height: 0.9rem; top: 32%; left: 14%;}
	.hondasensing-section1 .hondasensing-car .part-title6{ height: 0.86rem; top: -5%;}
	
	.hondasensing-title{ /* padding: 0 0.6rem; */}
	.hondasensing-title .t-title{ font-size: 0.36rem;}
	.hondasensing-title .s-title{ font-size: 0.32rem; margin-top: 0.35rem;}
	.hondasensing-title .cont{ font-size: 0.24rem; margin-top: 0.2rem; width: 100%;}
	.hondasensing-title .btn-box{ margin-top: 0.4rem;}
	.hondasensing-title .btn-box a{ font-size: 0.24rem; line-height: 0.58rem; padding: 0 0.28rem;}
	
	.section-container{ padding: 80px 20px 20px 20px;}
	.swiper-content .icon-logo{ display: none;}
	
	.parallax-bg-mobile{ position: absolute; left: 0; top: 0; width: 27.5rem; height: 100%; background: url(/honda/funtec/enjoy/hondasensing360/images/fzzh-panorama-mobile.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover;}
	
	.hondasensing-section2 .section2-car{ height: 100%;}
	.hondasensing-section2 .section2-car img{ height: 100%; object-fit: cover;}
	.hondasensing-section2 .steering-wheel .img{ height: 100%; object-fit: cover;}
	
	.hondasensing-section2 .road-scene img{ height: auto; width: 100%;}
	.hondasensing-section2 .road-scene.car{ width: 74%; height: auto; top: 52.37%; left: 20%;}
	.hondasensing-section2 .road-scene.people{ width: 24%; height: auto; top: 52%; left: 80%;}
	.hondasensing-section2 .road-scene.moto{ width: 19%; height: auto; top: 54%; left: 23%;}
	
	.hondasensing-section2 .other-car{ width: 27%; height: auto; top: 56.24%; left: 78%;}
	.hondasensing-section2 .other-car img{ height: auto; width: 100%;}
	
	.hondasensing-section2 .stop{ width: 2.3rem; left: 50%; transform:translateX(-50%); bottom: 27%;}
	.hondasensing-section2 .stop .cont{ font-size: 0.18rem; line-height: 0.64rem;}
	
	.hondasensing-section2 .section2-bo{ width: 120%; height: 100%; bottom: 0%;}
	.hondasensing-section2 .section2-bo img{ object-fit: cover;}
	
	.hondasensing-section2 .height .stop{ bottom: 30%;}
	.hondasensing-section2 .height .stop .cont{ line-height: 0.68rem;}
	.hondasensing-section2 .height .section2-bo{ /* width: 250%; */ bottom: 2%;}
	
	
	.fzzh-swiper .swiper-slide img{ height: 106%;}
	
	.fzzh-tabs{ padding: 0 0.25rem; top: 70%;}
	.fzzh-tabs li{ width: calc(33.333% - 0.04rem); font-size: 0.26rem; line-height: 1.5; padding: 0 0.1rem 0.15rem 0.1rem; margin: 0 0.02rem;}
	.fzzh-tabs li .block-box span{ display: block;}
	.fzzh-tabs .txt-cont{ top: 100%; font-size: 0.24rem; padding: 0.15rem 0.65rem 0 0.65rem;}
	
	.hondasensing-one-slide .section-img .hidden-cont{ padding-top: 4.24rem;}
	.hondasensing-one-slide .section-img .hidden-cont video{ object-fit: contain;}
	.hondasensing-one-slide .section-img:hover .hidden-cont{ opacity: 0;}
	
	.hondasensing-one-slide .base-stop{ width: 2.78rem; left: 4%; bottom: 20%;}
	.hondasensing-one-slide .base-stop .cont{ font-size: 0.2rem; line-height: 0.78rem; padding-left: 46%;}
	
	.hondasensing-section3 .cxxz-km{ height: auto; width: 23%;}
	.hondasensing-section3 .cxxz-km img{ height: auto; width: 100%;}
	
	.hondasensing-one-slide .base-btn-box{ position: absolute; right: 5%; bottom: 8%; z-index: 15;}
	.hondasensing-one-slide .base-btn-box a{ display: block; border: 1px solid #fff; color: #fff; cursor: pointer; font-size: 0.24rem; line-height: 0.58rem; padding: 0 0.28rem;}
	
	
	.hondasensing-section3 .hondasensing-title .t-title span{ padding-right: 1.5rem;}
	.hondasensing-section3 .hondasensing-title .t-title span .icon{ width: 1.34rem;}
	.hondasensing-section3 .hondasensing-car{ bottom: 28.5%;}
	
	.hondasensing-section3 .warn{ width: 1.8rem; left: 28%; bottom: 39%;}
	.hondasensing-section3 .warn .cont{ font-size: 0.24rem; padding-top: 0.72rem;}
	
	.hondasensing-section4 .hondasensing-title .t-title span{ padding-right: 1.2rem;}
	.hondasensing-section4 .hondasensing-title .t-title span .icon{ width: 1.14rem;}
	
	.hondasensing-section4 .hondasensing-car1{ width: 54.26%; top: 40%; left: 9%;}
	.hondasensing-section4 .hondasensing-car2{ width: 58%; bottom: 34%; right: -14%;}
	
	.hondasensing-section4 .pic-keynote .keynote-box{ width: 3.2rem;}
	.hondasensing-section4 .pic-keynote .keynote-box .pic-box{ width: 2.8rem; top: 0.2rem; left: 0.2rem;}
	.hondasensing-section4 .pic-keynote .keynote-box .pic-box .title{ font-size: 0.12rem; padding: 0.1rem 0.2rem;}
	
	.hondasensing-section4 .pic-keynote1{ width: 0.01rem; top: 27%; right: 84%;}
	.hondasensing-section4 .pic-keynote1 .line img{ height: 2.61rem;}
	.hondasensing-section4 .pic-keynote1 .keynote-box{ bottom: auto; right: auto; top: 100%; left: -0.8rem;}
	
	.hondasensing-section4 .pic-keynote2{ width: 2.91rem; right: auto; left: 1rem;}
	.hondasensing-section4 .pic-keynote2 .line img{ height: 2.65rem;}
	.hondasensing-section4 .pic-keynote2 .line .dot{ left: auto; right: -5px;}
	.hondasensing-section4 .pic-keynote2 .keynote-box{ bottom: auto; right: auto; top: 100%; left: 2.2rem;}
	
	.hondasensing-section5 .hondasensing-title{ bottom: auto; top: 15%;}
	.hondasensing-section5 .hondasensing-title .t-title span{ padding-right: 1.2rem;}
	.hondasensing-section5 .hondasensing-title .t-title span .icon{ width: 1.02rem;}
	
	.hondasensing-section5 .hondasensing-car{ width: 38%; top: 44%; right: -7%;}
	
	.hondasensing-section5 .pic-keynote-section{ bottom: 18%; right: auto; width: 100%; font-size: 0; text-align: center;}
	.hondasensing-section5 .pic-keynote-section .pic-keynote{ width: 3.2rem; margin: 0 0.05rem; float: none; display: inline-block; vertical-align: top;}
	.hondasensing-section5 .pic-keynote-section .pic-keynote .keynote-box .pic-box{ width: 2.8rem; top: 0.2rem; left: 0.2rem;}
	.hondasensing-section5 .pic-keynote-section .pic-keynote .keynote-box .pic-box .title{ font-size: 0.12rem; padding: 0.1rem 0.2rem; text-align: left;}
	
	.hondasensing-section6 .hondasensing-title .t-title span{ padding-right: 0.62rem;}
	.hondasensing-section6 .hondasensing-title .t-title span .icon{ width: 0.64rem;}
	
	.hondasensing-dashboard{ width: 2.4rem; height: 2.4rem; right: auto; left: 5.3%; bottom: 35%;}
	.hondasensing-dashboard .cont{ width: 1.4rem; height: 1.4rem; padding-top: 0.36rem; font-size: 0.24rem;}
	
	.hondasensing-section6 .hondasensing-car{ width: 79.2%; top: 57%; left: 0%;}
	.hondasensing-section6 .wdzj-bianhua .hondasensing-car{ width: 28%; top: 47%; left: 60%;}
	
	.hondasensing-section7 .section-cont-inner .top-title-box{ font-size: 0.42rem;}
	.hondasensing-section7 .section-cont-inner .trends-box{ height: 45vh;}
	.hondasensing-section7 .section-cont-inner .trends-box .title1{ font-size: 0.34rem;}
	.hondasensing-section7 .section-cont-inner .trends-box .title2{ font-size: 0.37rem; top: 44%; left: 30%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title3{ font-size: 0.31rem; top: 76%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title4{ font-size: 0.37rem;}
	.hondasensing-section7 .section-cont-inner .trends-box .title5{ font-size: 0.45rem; top: 10%; left: 7%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title6{ font-size: 0.46rem; top: 20%; left: 56%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title7{ font-size: 0.46rem; top: 32%; left: 18%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title8{ font-size: 0.37rem; top: 54%; left: 7%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title9{ font-size: 0.37rem; top: 65%; left: 28%;}
	
	.hondasensing-section7 .section-cont-inner .cont{ font-size: 0.2rem; padding: 0 0.6rem;}
	
	.hondasensing-section8 .section-cont-inner .top-title{ font-size: 0.46rem; padding: 0 0.4rem;}
	
	.models-tabs{ top: 40%;}
	.models-tabs .tabs{ background-size: 100% auto;}
	.models-tabs .tabs ul{ margin: 0 -0.3rem;}
	.models-tabs .tabs li{ padding: 0 0.3rem;}
	.models-tabs .tabs li .block-box{ font-size: 0.32rem; width: 1.6rem; line-height: 0.8rem}
	.models-tabs .tabs li.active .block-box::before{ height: 0.04rem; bottom: -0.01rem;}
	
	.models-tabs .tabs-content-box{ margin-top: 0.4rem;}
	
	.models-swiper-inner{ margin: 0 -60%;}
	
	.models-swiper .models-slide .block-box .logo{ height: 0.8rem;}
	.models-swiper .models-slide .block-box .car{ margin-top: 0.4rem;}
	.models-swiper .models-slide .block-box .car img{ width: 120%; position: relative; left: -10%;}
	.models-swiper .models-slide .block-box .tscx-btn{ margin-top: 0.4rem;}
	.models-swiper .models-slide .block-box .tscx-btn span{ font-size: 0.28rem; width: 2.4rem; line-height: 0.6rem; border-radius: 0.2rem 0.2rem 0 0.2rem;}
	.models-swiper .swiper-pagination{ position: initial; margin-top: 0.4rem;}
	
	.hondasensing-video-layer .layer-container{ width: 90%; border-radius: 0.3rem 0.3rem 0 0.3rem;}
	.hondasensing-video-layer .layer-close{ width: 0.62rem; height: 0.62rem; top: 0.2rem; right: 0.2rem;}
	
	.friendship-links{ display: none;}
	
	.base-qrcode-section{ height: auto;}
	
	/* .hondasensing-one-slide .to-next{ display: none;}
	.hondasensing-section1 .to-next{ display: block;} */
	
	
	
}




@media (max-width: 767px){
	.edit-container{ width: 100%;}
	
	.one-pagination .swiper-pagination-bullet{ /* margin-top: 0.2rem !important; */ margin: 0.12rem !important;}
	.one-pagination .swiper-pagination-bullet{ width: 0.24rem; height: 0.24rem; }
	.one-pagination .swiper-pagination-bullet .fscreen-tooltip{ font-size: 0.24rem; top: -0.04rem; left: 0.4rem;}
	
	.one-pagination .swiper-pagination-bullet:hover .fscreen-tooltip, .one-pagination .swiper-pagination-bullet-active a+.fscreen-tooltip{ display: none;}
	
	.swiper-pagination-bullet{ width: 0.4rem; height: 0.08rem;}
	
	.hondasensing-one-slide .to-next{ width: 0.32rem; right: auto; left: 50%; margin-left: -0.16rem; bottom: 3%;}
	
	.hondasensing-note{ font-size: 0.18rem; padding: 0 0.6rem; width: 100%; bottom: 8%;}
	
	.hondasensing-section1 .hondasensing-title-one{ padding: 0 0.6rem; width: 100%;}
	.hondasensing-section1 .hondasensing-title-one .title-box{ font-size: 0.4rem;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span{ padding-right: 0.64rem;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span strong{ font-size: 0.54rem;}
	.hondasensing-section1 .hondasensing-title-one .title-box .t-title span .icon{ width: 0.48rem;}
	.hondasensing-section1 .label-describe{ font-size: 0; text-align: center; width: 100%; bottom: 10%;}
	.hondasensing-section1 .label-describe dd{ float: none; display: inline-block; vertical-align: top; font-size: 0.24rem; padding: 0 0.25rem; margin-right: 0;}
	.hondasensing-section1 .label-describe dd .title span{ font-size: 0.4rem;}
	.hondasensing-section1 .label-describe dd .title sup{ font-size: 0.24rem;}
	.hondasensing-section1 .hondasensing-logo{ width: 30%; right: 6%; bottom: 22%;}
	
	.hondasensing-section1 .hondasensing-car{ width: 75.86%; transform: translate(-50%,-50%);}
	.hondasensing-section1 .hondasensing-car .part-title .title{ font-size: 0.24rem;}
	.hondasensing-section1 .hondasensing-car .part-title.horizontal .line{ width: 1px; height: 100%;}
	.hondasensing-section1 .hondasensing-car .part-title.horizontal.t-right .title{ left: 50%; margin-left: -100px; top: -0.4rem; right: 0; text-align: center;}
	.hondasensing-section1 .hondasensing-car .part-title.horizontal.t-left .title{ top: -0.4rem; left: -100px; text-align: center;}
	.hondasensing-section1 .hondasensing-car .part-title.vertical.t-top .title{ top: -0.6rem;}
	
	.hondasensing-section1 .hondasensing-car .part-title1{ width: 1px; height: 0.6rem; top: -17%;}
	.hondasensing-section1 .hondasensing-car .part-title2{ width: 1px; height: 1.38rem;}
	.hondasensing-section1 .hondasensing-car .part-title2 .line .dot{ top: auto !important; bottom: -3px;}
	.hondasensing-section1 .hondasensing-car .part-title2 .title{ top: auto !important; bottom: -0.6rem;}
	.hondasensing-section1 .hondasensing-car .part-title3{ width: 1px; height: 1.3rem;}
	.hondasensing-section1 .hondasensing-car .part-title3 .line .dot{ top: auto !important; bottom: -3px;}
	.hondasensing-section1 .hondasensing-car .part-title3 .title{ top: auto !important; bottom: -0.6rem;}
	.hondasensing-section1 .hondasensing-car .part-title4{ width: 1px; height: 1.24rem; left: 21%;}
	.hondasensing-section1 .hondasensing-car .part-title4 .line .dot{ top: auto !important; bottom: -3px;}
	.hondasensing-section1 .hondasensing-car .part-title4 .title{ top: auto !important; bottom: -0.6rem !important;}
	.hondasensing-section1 .hondasensing-car .part-title5{ width: 1px; height: 0.9rem; top: 32%; left: 14%;}
	.hondasensing-section1 .hondasensing-car .part-title6{ height: 0.86rem; top: -5%;}
	
	.hondasensing-title{ /* padding: 0 0.6rem; */}
	.hondasensing-title .t-title{ font-size: 0.36rem;}
	.hondasensing-title .s-title{ font-size: 0.32rem; margin-top: 0.35rem;}
	.hondasensing-title .cont{ font-size: 0.24rem; margin-top: 0.2rem; width: 100%;}
	.hondasensing-title .btn-box{ margin-top: 0.4rem;}
	.hondasensing-title .btn-box a{ font-size: 0.24rem; line-height: 0.58rem; padding: 0 0.28rem;}
	
	.section-container{ padding: 80px 20px 20px 20px;}
	.swiper-content{ padding-right: 0;}
	.swiper-content .icon-logo{ display: none;}
	
	.parallax-bg-mobile{ position: absolute; left: 0; top: 0; width: 27.5rem; height: 100%; background: url(/honda/funtec/enjoy/hondasensing360/images/fzzh-panorama-mobile.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover;}
	
	.hondasensing-section2 .section2-car{ height: 100%;}
	.hondasensing-section2 .section2-car img{ height: 100%; object-fit: cover;}
	.hondasensing-section2 .steering-wheel .img{ height: 100%; object-fit: cover;}
	
	.hondasensing-section2 .road-scene img{ height: auto; width: 100%;}
	.hondasensing-section2 .road-scene.car{ width: 74%; height: auto; top: 52.37%; left: 20%;}
	.hondasensing-section2 .road-scene.people{ width: 24%; height: auto; top: 52%; left: 80%;}
	.hondasensing-section2 .road-scene.moto{ width: 19%; height: auto; top: 54%; left: 23%;}
	
	.hondasensing-section2 .other-car{ width: 27%; height: auto; top: 56.24%; left: 78%;}
	.hondasensing-section2 .other-car img{ height: auto; width: 100%;}
	
	.hondasensing-section2 .stop{ width: 2.3rem; left: 50%; transform:translateX(-50%); bottom: 27%;}
	.hondasensing-section2 .stop .cont{ font-size: 0.18rem; line-height: 0.64rem;}
	
	.hondasensing-section2 .section2-bo{ width: 120%; height: 100%; bottom: 0%;}
	.hondasensing-section2 .section2-bo img{ object-fit: cover;}
	
	.hondasensing-section2 .height .stop{ bottom: 30%;}
	.hondasensing-section2 .height .stop .cont{ line-height: 0.68rem;}
	.hondasensing-section2 .height .section2-bo{ /* width: 250%; */ bottom: 2%;}
	
	
	.hondasensing-one-slide .section-img .hidden-cont{ padding-top: 4.24rem;}
	.hondasensing-one-slide .section-img .hidden-cont video{ object-fit: contain;}
	.hondasensing-one-slide .section-img:hover .hidden-cont{ opacity: 0;}
	
	.hondasensing-one-slide .base-stop{ width: 2.78rem; left: 0.46rem; bottom: 17%;}
	.hondasensing-one-slide .base-stop .cont{ font-size: 0.2rem; line-height: 0.78rem; padding-left: 46%;}
	
	.hondasensing-section3 .cxxz-km{ height: auto; width: 23%;}
	.hondasensing-section3 .cxxz-km img{ height: auto; width: 100%;}
	
	.hondasensing-one-slide .base-btn-box{ position: absolute; right: 5%; bottom: 8%; z-index: 15;}
	.hondasensing-one-slide .base-btn-box a{ display: block; border: 1px solid #fff; color: #fff; cursor: pointer; font-size: 0.24rem; line-height: 0.58rem; padding: 0 0.28rem;}
	
	.hondasensing-section3 .hondasensing-car{ bottom: 28.5%;}
	
	.hondasensing-section4 .hondasensing-car1{ width: 57.6%; top: 58.94%; left: 3%;}
	.hondasensing-section4 .hondasensing-car2{ width: 145%; bottom: 10%; right: -97%;}
	
	.hondasensing-section5 .hondasensing-car{ width: 31.2%; top: 63%; right: -2%;}
	.hondasensing-section5 .base-stop{ left: auto; right: 0.45rem; bottom: 17%;}
	
	.hondasensing-section6 .hondasensing-car{ width: 63.33%; top: 57%; left: 8%;}
	.hondasensing-section6 .base-stop{ left: auto; right: 1.05rem; bottom: 50.78%;}
	.section6-label{ width: 62%; left: 20%; bottom: 11%;}
	.section6-label .cont{ font-size: 0.32rem;}
	
	.hondasensing-section7 .section-cont-inner .top-title-box{ font-size: 0.42rem;}
	.hondasensing-section7 .section-cont-inner .trends-box{ height: 45vh; margin-top: 5%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title1{ font-size: 0.34rem;}
	.hondasensing-section7 .section-cont-inner .trends-box .title2{ font-size: 0.37rem; top: 44%; left: 30%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title3{ font-size: 0.31rem; top: 66%; left: 38%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title4{ font-size: 0.37rem; top: 75%; left: 17%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title5{ font-size: 0.45rem; top: 10%; left: 7%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title6{ font-size: 0.46rem; top: 20%; left: 48%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title7{ font-size: 0.46rem; top: 32%; left: 18%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title8{ font-size: 0.37rem; top: 54%; left: 7%;}
	.hondasensing-section7 .section-cont-inner .trends-box .title9{ font-size: 0.37rem; top: 65%; left: 28%;}
	
	.hondasensing-section7 .section-cont-inner .cont{ font-size: 0.2rem; padding: 0 0.6rem;}
	
	.hondasensing-section8 .section-cont-inner .top-title{ font-size: 0.46rem; padding: 0 0.4rem;}
	
	.models-tabs{ top: 40%;}
	.models-tabs .tabs{ background-size: 100% auto;}
	.models-tabs .tabs ul{ margin: 0 -0.3rem;}
	.models-tabs .tabs li{ padding: 0 0.3rem;}
	.models-tabs .tabs li .block-box{ font-size: 0.32rem; width: 1.6rem; line-height: 0.8rem}
	.models-tabs .tabs li.active .block-box::before{ height: 0.04rem; bottom: -0.01rem;}
	
	.models-tabs .tabs-content-box{ margin-top: 0.4rem;}
	
	.models-swiper-inner{ margin: 0 -60%;}
	
	.models-swiper .models-slide .block-box .logo{ height: 0.8rem;}
	.models-swiper .models-slide .block-box .car{ margin-top: 0.4rem;}
	.models-swiper .models-slide .block-box .car img{ width: 120%; position: relative; left: -10%;}
	.models-swiper .models-slide .block-box .tscx-btn{ margin-top: 0.4rem;}
	.models-swiper .models-slide .block-box .tscx-btn span{ font-size: 0.28rem; width: 2.4rem; line-height: 0.6rem; border-radius: 0.2rem 0.2rem 0 0.2rem;}
	.models-swiper .swiper-pagination{ position: initial; margin-top: 0.4rem;}
	
	.hondasensing-video-layer .layer-container{ width: 90%; border-radius: 0.3rem 0.3rem 0 0.3rem;}
	.hondasensing-video-layer .layer-close{ width: 0.62rem; height: 0.62rem; top: 0.2rem; right: 0.2rem;}
	
	.friendship-links{ display: none;}
	
	.base-qrcode-section{ height: auto;}
	
	
	
}

@media (max-width: 320px){
	.fzzh-swiper .swiper-slide img{ height: 120%;}
}

/* ÌØÊâËõ·Å */
@media (max-width: 1280px){
	/* ËõС70% */
	
	
}
<!--ºÄʱ1764568338.6708Ãë-->