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

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

.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;
}
.phev-one-slide-active .js-up,.phev-one-slide-active .js-left,.phev-one-slide-active .js-right,.hev-one-slide-active .js-up,.hev-one-slide-active .js-left,.hev-one-slide-active .js-right{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.phev-one-slide-active .js-opacity,.hev-one-slide-active .js-opacity{
	opacity: 1;
}

.phev-swiper,.hev-swiper{ width: 100%; height: 100%;}
.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: 1.9%; right: auto !important; top: auto !important; bottom: 3.7%; transform: translate3d(0,0,0) !important; z-index: 55; opacity: 1; transition: all 0.2s ease-in; display: none;}
.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: #0862a7;}
.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: #0862a7; 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:#0862a7;border:0px solid #0862a7}39.9%{background-color:#0862a7;border:16px solid #0862a7}40%{width:0;height:0;background-color:transparent;border:16px solid #0862a7}100%{width:16px;height:16px;background-color:transparent}}


.section-inner{ width: 100%; height: 100%; position: relative;}
.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;}

.blue-title{ font-size: 50px; font-weight: bold; line-height: 1.2; color: #56b6ff; letter-spacing: 10px;}
.phev-title{ font-size: 58px; font-weight: bold; line-height: 1.2;}

.section1-tabs{ width: 100%; position: absolute; left: 0; bottom: 5%;}
.section1-tabs li{ float: left; width: 50%;}
.section1-tabs li .block-box{ width: 75%; margin: 0 auto; text-align: center;}
.section1-tabs li .block-box .title-box{ height: 76px; border: 1px solid #0862a7; border-radius: 25px 25px 0 25px;}
.section1-tabs li .block-box .title-box img{ display: block; height: 39px; margin: 18.5px auto 0 auto;}
.section1-tabs li .block-box .title-box .current{ display: none;}
.section1-tabs li .block-box p{ font-size: 14px; text-align: center; margin-top: 10px;}
.section1-tabs li.active .block-box .title-box{ background-color: #0862a7;}
.section1-tabs li.active .block-box .title-box .default{ display: none;}
.section1-tabs li.active .block-box .title-box .current{ display: block;}

.section1 .section-inner::before{ content: ''; width: 100%; height: 40%; background: -webkit-linear-gradient(to bottom, transparent, #accae4); background: linear-gradient(to bottom, transparent, #accae4); position: absolute; left: 0; bottom: 0;}
.section1 .cont-inner{ width: 100%; position: absolute; left: 0; top: 13.8%; z-index: 11; text-align: center; color: #2e3641;}
.section1 .cont-inner .phev-title{ color: #005ca4;}
.section1 .cont-inner .cont{ font-size: 24px; margin-top: 20px;}
.section1 .phev-car-box{ width: 54%; position: absolute; top: 36%; left: 50%; margin-left: -27%;}
.section1 .phev-car-box img{ display: block; width: 100%;}
.section1 .hev-car-box{ width: 38%; position: absolute; top: 37%; left: 50%; margin-left: -19%;}
.section1 .hev-car-box img{ display: block; width: 100%;}




.phev-section2 .cont-inner{ width: 100%; position: absolute; left: 0; top: 21.75%; z-index: 11; color: #fff;}
.phev-section2 .cont-inner .cont-inner-box{ width: 50%; padding-left: 5.5%;}
.phev-section2 .cont-inner .phev-title{ color: #fff;}
.phev-section2 .cont-inner .cont{ font-size: 20px; margin-top: 15px;}

.consumption-swiper{ margin-top: 25px; position: relative;}
/* .consumption-container, .consumption-wrapper{ height: auto !important;} */
.consumption-swiper .txt-box{ border: 1px dashed #fff; border-radius: 10px 10px 0 10px; text-align: center; font-size: 20px; padding: 5px;}
.consumption-swiper .txt-box .txt{ float: left; width: 62%; text-align: left; font-size: 22px; padding: 0 30px; margin-top: 10px; position: relative;}
.consumption-swiper .txt-box .txt::before{ content: ''; width: 1px; height: 100%; background-color: #fff; position: absolute; top: 0; right: 0;}
.consumption-swiper .txt-box .num{ float: right; width: 38%; padding: 0 30px; color: #56b6ff; font-size: 45px; line-height: 1;}
.consumption-swiper .txt-box .num span{ font-size: 86px; font-weight: bold;}

.consumption-swiper .consumption-num{ margin: 20px -45px 0 -45px;}
.consumption-swiper .consumption-num .block-box{ float: left; width: 50%; padding: 0 45px; position: relative;}
.consumption-swiper .consumption-num .block-box::before{ content: ''; width: 1px; height: 100%; background-color: #fff; position: absolute; top: 0; right: 0;}
.consumption-swiper .consumption-num .block-box:last-child::before{ display: none;}
.consumption-swiper .consumption-num .block-box .title{ font-size: 24px; position: relative;}
.consumption-swiper .consumption-num .block-box .num{ font-size: 35px; color: #56b6ff; line-height: 1; margin-top: 10px;}
.consumption-swiper .consumption-num .block-box .num span{ font-size: 66px; font-weight: bold;}

/* .consumption-swiper .swiper-pagination{ position: initial; text-align: left; margin-top: 45px;} */
.consumption-swiper .swiper-pagination{ bottom: 0; text-align: left; right: 0; top: auto; transform: none;}
.consumption-swiper .swiper-pagination-bullet{ display: inline-block !important;}
.consumption-swiper .consumption-slide{ padding-bottom: 40px;}

.phev-section2 .consumption-swiper{ height: 210px;}

.phev-section3 .cont-inner{ width: 100%; position: absolute; left: 0; top: 21.75%; z-index: 11; color: #fff;}
.phev-section3 .cont-inner .cont-inner-box{ width: 50%; padding-left: 5.5%; padding-right: 3.5%;}
.phev-section3 .cont-inner .phev-title{ color: #fff; margin-top: 15px;}
.phev-section3 .cont-inner .cont{ font-size: 20px; margin-top: 15px; border-left: 4px solid #fff; padding-left: 24px;}

.phev-section3-car-box{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9;}
.phev-section3-car-box img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.phev-endurance-swiper{ height: 100%;}
.phev-section3 .consumption-swiper{ height: 138px;}

.phev-section4 .car-box{ width: 80%; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -40%; opacity: 0.8;}
.phev-section4 .car-box img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.phev-section4 .cont-inner{ width: 100%; position: absolute; left: 0; top: 19%; z-index: 11; color: #fff;}
.phev-section4 .cont-inner .cont-inner-box{ width: 50%; padding-left: 5.5%;}
.phev-section4 .cont-inner .phev-title{ color: #fff; margin-top: 15px;}
.phev-section4 .cont-inner .cont{ font-size: 20px; margin-top: 15px; border-left: 4px solid #fff; padding-left: 24px;}
.phev-section4 .right-cont-inner .cont-inner-box{ padding-left: 13.5%;}

.phev-section4 .consumption-box{ margin-top: 200px;}
.phev-section4 .consumption-box .consumption-num{ margin: 20px -45px 0 -45px;}
.phev-section4 .consumption-box .consumption-num .block-box{ float: left; /* width: 50%; */ padding: 0 45px; position: relative;}
.phev-section4 .consumption-box .consumption-num .block-box::before{ content: ''; width: 1px; height: 100%; background-color: #fff; position: absolute; top: 0; right: 0;}
.phev-section4 .consumption-box .consumption-num .block-box:last-child::before{ display: none;}
.phev-section4 .consumption-box .consumption-num .block-box .title{ font-size: 18px; position: relative; height: 3em;}
.phev-section4 .consumption-box .consumption-num .block-box:nth-child(2) .title{ padding-top: 27px;}
.phev-section4 .consumption-box .consumption-num .block-box .num{ font-size: 35px; color: #56b6ff; line-height: 1; margin-top: 10px;}
.phev-section4 .consumption-box .consumption-num .block-box .num span{ font-size: 66px; font-weight: bold;}

.right-cont-inner .cont-inner-box{ float: right;}

.phev-section5 .cont-inner{ width: 100%; position: absolute; left: 0; top: 13.5%; z-index: 11;}
.phev-section5 .cont-inner .phev-title .type{ display: inline-block; vertical-align: top; color: #56b6ff; margin-right: 35px;}
.phev-section5 .cont-inner .phev-title .title{ display: inline-block; vertical-align: top;}
.phev-section5 .cont-inner .pic-inner{ margin-top: 30px; border-radius: 30px; overflow: hidden; position: relative;}
.phev-section5 .cont-inner .pic-inner .pic img{ display: block; width: 100%;}
.phev-section5 .cont-inner .pic-inner .txt-inner{ width: 100%; position: absolute; top: 30px; left: 0; text-align: center; font-size: 20px;}
.phev-section5 .cont-inner .pic-inner .txt-inner .s-t-tile{ font-size: 56px; font-weight: bold;}
.phev-section5 .cont-inner .pic-inner .txt-inner .s-t-tile2{ font-size: 40px;}

.phev-mode-swiper{ height: 100%;}
.phev-mode-slide{ height: 100% !important; background-color: #fff;}

.phev-section5-car-box{ width: 80%; position: absolute; bottom: 0; left: 50%; margin-left: -40%; z-index: 15;}
.phev-section5-car-box img{ display: block; width: 100%;}
.phev-section5-car-box .icon{ position: absolute; top: 0; left: 0; display: none;}

.phev-section6 .cont-inner{ width: 100%; position: absolute; left: 0; top: 13.5%; z-index: 11; text-align: center;}
.phev-section6 .cont-inner .cont{ font-size: 40px; margin-top: 15px;}
.phev-section6 .cont-inner .cont span{ font-weight: bold;}
.phev-section6 .cont-inner .cont sup{ top: -2em;}

.phev-section6-car-box{ width: 58%; position: absolute; top: 32%; left: 50%; margin-left: -33%; z-index: 15;}
.phev-section6-car-box img{ display: block; width: 100%;}
.phev-section6-car-box .icon{ position: absolute; top: 0; left: 0; display: none;}
.phev-section6-car-box .txt-box{ position: absolute; display: none;}
.phev-section6-car-box .txt-box .line{ position: absolute; bottom: 0; right: 0;}
.phev-section6-car-box .txt-box .line img{ display: block; width: 100%;}
.phev-section6-car-box .txt-box .line .title{ width: 150px; position: absolute; right: 100%; top: -30px; font-size: 20px; text-align: center; /* text-shadow: 1px 1px 0 #fff; */}
.phev-section6-car-box .txt-box .line .title span{ font-weight: bold;}

.phev-section6-car-box .txt-box1{ top: 35.71%; left: 32.5%;}
.phev-section6-car-box .txt-box1 .line{ width: 156px;}
.phev-section6-car-box .txt-box1 .line .title{ width: 210px;}
.phev-section6-car-box .txt-box2{ top: 55%; left: 37.5%;}
.phev-section6-car-box .txt-box2 .line{ width: 200px;}
.phev-section6-car-box .txt-box3{ top: 44%; left: 36.5%;}
.phev-section6-car-box .txt-box3 .line{ width: 145px;}
/* .phev-section6-car-box .txt-box3 .line{ right: auto; left: 0;}
.phev-section6-car-box .txt-box3 .line img{ transform: rotate(105deg);}
.phev-section6-car-box .txt-box3 .line .title{ right: auto; left: 100%;} */
.phev-section6-car-box .txt-box4{ top: 74%; left: 53.5%;}
.phev-section6-car-box .txt-box4 .line{ width: 233px; right: auto; left: 0;}
/* .phev-section6-car-box .txt-box4 .line img{ transform: rotate(105deg);} */
.phev-section6-car-box .txt-box4 .line .title{ right: auto; left: 100%; top: auto !important; bottom: -30px; color: #fff;}

.phev-section6-tabs{ width: 100%; height: 276px; position: absolute; left: 0; bottom: 0; z-index: 20;}
.phev-section6-tabs ul{ height: 100%;}
.phev-section6-tabs li{ float: left; width: 25%; height: 100%; background: url(/honda/funtec/newtechnology/e_hybrid/images/phev-section6-tabs-bg.jpg) center no-repeat; background-size: cover; position: relative;}
.phev-section6-tabs li .block-box{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; overflow: hidden;}
.phev-section6-tabs li .block-box .icon{ width: 52%; position: absolute; left: 1%; top: 9.42%;}
.phev-section6-tabs li .block-box .icon img{ display: block; width: 100%;}
.phev-section6-tabs li .block-box .title{ font-size: 28px; font-weight: bold; color: #fff; position: absolute; left: 46%; bottom: 13.76%;}
.phev-section6-tabs li .block-box .cont{ width: 54%; position: absolute; top: 3.4%; right: 6.25%; font-size: 18px; color: #fff; display: none;}
.phev-section6-tabs li .block-box .cont .c-block{ margin-top: 20px;}
.phev-section6-tabs li .block-box .cont .c-block .type span{ font-size: 28px; font-weight: bold; line-height: 1;}
.phev-section6-tabs li .block-box .cont .c-block .num{ font-size: 12px; line-height: 1;}
.phev-section6-tabs li .block-box .cont .c-block .num span{ font-size: 28px; font-weight: bold;}
.phev-section6-tabs li .block-box .cont .c-block .notes{ font-size: 14px;}
.phev-section6-tabs li .block-box .cont .big-block .num{ font-size: 30px;}
.phev-section6-tabs li .block-box .cont .big-block .num span{ font-size: 70px;}

.phev-section6-tabs li.active .block-box,.phev-section6-tabs li:hover .block-box{ height: 302px;}
.phev-section6-tabs li.active .block-box .icon,.phev-section6-tabs li:hover .block-box .icon{ width: 56.25%; top: auto; bottom: -15%; left: -17%; opacity: 0.45;}
.phev-section6-tabs li.active .block-box .title,.phev-section6-tabs li:hover .block-box .title{ display: none;}
.phev-section6-tabs li.active .block-box .cont,.phev-section6-tabs li:hover .block-box .cont{ display: block;}
.phev-section6-tabs li.li1.active .block-box,.phev-section6-tabs li.li1:hover .block-box{ background: -webkit-linear-gradient(to bottom right, #f13535, #bb2121); background: linear-gradient(to bottom right, #f13535, #bb2121);}
.phev-section6-tabs li.li2.active .block-box,.phev-section6-tabs li.li2:hover .block-box{ background: -webkit-linear-gradient(to bottom right, #4085ca, #1b4f85); background: linear-gradient(to bottom right, #4085ca, #1b4f85);}
.phev-section6-tabs li.li3.active .block-box,.phev-section6-tabs li.li3:hover .block-box{ background: -webkit-linear-gradient(to bottom right, #e1ca22, #c6a300); background: linear-gradient(to bottom right, #e1ca22, #c6a300);}
.phev-section6-tabs li.li4.active .block-box,.phev-section6-tabs li.li4:hover .block-box{ background: -webkit-linear-gradient(to bottom right, #7cac5d, #406e23); background: linear-gradient(to bottom right, #7cac5d, #406e23);}

.section-models .cont-inner{ width: 100%; position: absolute; left: 0; top: 13.5%; z-index: 11; text-align: center;}
.section-models .cont-inner .phev-title{ font-size: 68px;}
.section-models .cont-inner .logo{ margin-top: 15px;}
.section-models .cont-inner .logo img{ display: block; height: 60px; margin: 0 auto;}

.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/newtechnology/e_hybrid/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;}

.suspension-tabs{ position: fixed; top: 13%; right: 0; z-index: 55; display: none;}
.suspension-tabs li{ float: left; width: 240px; margin-right: 20px;}
.suspension-tabs li .block-box{ text-align: center;}
.suspension-tabs li .block-box .title-box{ height: 46px; border: 1px solid #0862a7; border-radius: 15px 15px 0 15px; background-color: rgba(255,255,255,0.3);}
.suspension-tabs li .block-box .title-box img{ display: block; height: 19px; margin: 13.5px auto 0 auto;}
.suspension-tabs li .block-box .title-box .current{ display: none;}
.suspension-tabs li .block-box p{ font-size: 14px; text-align: center; margin-top: 10px;}
.suspension-tabs li.active .block-box .title-box{ background-color: #0862a7;}
.suspension-tabs li.active .block-box .title-box .default{ display: none;}
.suspension-tabs li.active .block-box .title-box .current{ display: block;}

.backtoTop{ width: 62px; height: 62px; background: url(/honda/funtec/newtechnology/e_hybrid/images/icon-backtotop.png) center no-repeat #0561a8; background-size: cover; border-radius: 100%; position: fixed; right: 2.76%; bottom: 4.5%; z-index: 55; cursor: pointer; display: none;}



.hev-section2 .cont-inner{ width: 100%; position: absolute; left: 0; top: 32.87%; z-index: 11; color: #fff;}
.hev-section2 .cont-inner .cont-inner-box{ width: 50%; padding: 0 10% 0 5.5%;}
.hev-section2 .cont-inner .phev-title{ color: #fff;}
.hev-section2 .cont-inner .cont{ font-size: 20px; margin-top: 15px; padding-right: 15%; padding-bottom: 25px; position: relative;}
.hev-section2 .cont-inner .cont::before{ content: ''; width: 85px; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: 0;}

.hev-section2 .consumption-swiper{ height: 176px;}
.hev-section2 .consumption-swiper .consumption-num .block-box{ width: 100%;}

.hev-section3 .cont-inner{ width: 100%; position: absolute; left: 0; top: 21.75%; z-index: 11; color: #fff;}
.hev-section3 .cont-inner .cont-inner-box{ width: 50%; padding-left: 4%;}
.hev-section3 .cont-inner .phev-title{ color: #fff; margin-top: 15px;}
.hev-section3 .cont-inner .cont{ font-size: 20px; margin-top: 15px; border-left: 4px solid #fff; padding-left: 24px; padding-right: 30%;}

.hev-section3 .consumption-box{ margin-top: 45px;}
.hev-section3 .consumption-box .consumption-num{ margin: 20px -45px 0 -45px;}
.hev-section3 .consumption-box .consumption-num .block-box{ float: left; /* width: 50%; */ padding: 0 45px; position: relative;}
.hev-section3 .consumption-box .consumption-num .block-box::before{ content: ''; width: 1px; height: 100%; background-color: #fff; position: absolute; top: 0; right: 0;}
.hev-section3 .consumption-box .consumption-num .block-box:last-child::before{ display: none;}
.hev-section3 .consumption-box .consumption-num .block-box .title{ font-size: 18px; position: relative; height: 3em;}
.hev-section3 .consumption-box .consumption-num .block-box:nth-child(2) .title{ padding-top: 27px;}
.hev-section3 .consumption-box .consumption-num .block-box .num{ font-size: 35px; color: #56b6ff; line-height: 1; margin-top: 10px;}
.hev-section3 .consumption-box .consumption-num .block-box .num span{ font-size: 66px; font-weight: bold;}

.hev-section3 .consumption-box2{ margin-top: 210px;}

.hev-endurance-swiper{ height: 100%;}
.hev-endurance-swiper .swiper-pagination{ bottom: 3.7%; right: 0; top: auto; transform: none;}
.hev-endurance-swiper .swiper-pagination-bullet{ width: 60px; height: 8px; display: inline-block !important;}

.hev-endurance-click{ position: absolute; z-index: 15; cursor: pointer;}
.hev-endurance-click .line{ width: 452px;}
.hev-endurance-click .line img{ display: block; width: 100%;}
.hev-endurance-click .click-title-box{ width: 183px; position: absolute; left: 105%; bottom: -15%;}
.hev-endurance-click .click-title-box .click-bg{ width: 100%; animation: animationFade 0.6s infinite; -webkit-animation: animationFade 0.6s infinite;}
.hev-endurance-click .click-title-box .click-bg img{ display: block; width: 100%;}
.hev-endurance-click .click-title-box .title{ width: 100%; font-size: 30px; color: #fff; text-align: center; line-height: 1.1; letter-spacing: 5px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.hev-endurance-click1{ top: 51.38%; left: 57.7%;}
.hev-endurance-click2{ top: 60%; left: 57.7%;}
.hev-endurance-click2 .line{ opacity: 0;}

@keyframes animationFade {from {opacity: 1.0;}50% {opacity: 0.7;}to {opacity: 1.0;}}
@-webkit-keyframes animationFade {from {opacity: 1.0;}50% {opacity: 0.7;}to {opacity: 1.0;}}

.hev-endurance-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 11111; display: none;}
.hev-endurance-layer .opacity{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #adbfcf; opacity: 0.42;}
.hev-endurance-layer .layer-container{ width: 1600px; height: 810px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); border-radius: 25px 25px 0 25px; overflow: hidden;}
.hev-endurance-layer .layer-container .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.hev-endurance-layer .layer-container .bg .img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.hev-endurance-layer .layer-container .bg::before{ content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0.3; position: absolute; top: 0; left: 0;}

.hev-endurance-layer .layer-close{ width: 62px; height: 62px; background: url(/honda/funtec/newtechnology/e_hybrid/images/layer-close.png) center no-repeat #0561a8; background-size: cover; border-radius: 100%; position: absolute; top: 20px; right: 20px; cursor: pointer;}
.hev-endurance-layer .layer-inner{ width: 100%; padding: 0 50px; position: absolute; top: 50%; left: 0; transform:translateY(-50%); color: #fff; font-size: 22px;}
.hev-endurance-layer .layer-inner .title-box{ font-size: 58px; font-weight: bold; line-height: 1.2;}
.hev-endurance-layer .layer-inner .cont-box{ margin-top: 40px; padding: 30px; width: 50%; /* background-color: rgba(40, 175, 255, 0.15); */ background: -webkit-linear-gradient(to right, rgba(40, 175, 255, 0.25), transparent); background: linear-gradient(to right , rgba(40, 175, 255, 0.25), transparent); border-radius: 25px 25px 0 25px;}
.hev-endurance-layer .layer-inner .cont-box .c-block{ padding-top: 15px; position: relative; margin-top: 30px;}
.hev-endurance-layer .layer-inner .cont-box .c-block:first-child{ margin-top: 0;}
.hev-endurance-layer .layer-inner .cont-box .c-block::before{ content: ''; width: 54px; height: 5px; position: absolute; left: 0; top: 0; background: -webkit-linear-gradient(to right, #56a2ff, #a9b8f0); background: linear-gradient(to right, #56a2ff, #a9b8f0);}

.hev-section4 .cont-inner{ width: 100%; position: absolute; left: 0; top: 25%; z-index: 11; color: #fff;}
.hev-section4 .cont-inner .cont-inner-box{ width: 50%; padding-left: 5.5%;}
.hev-section4 .cont-inner .phev-title{ color: #fff; margin-top: 15px;}
.hev-section4 .cont-inner .cont{ font-size: 20px; margin-top: 15px; border-left: 4px solid #fff; padding-left: 24px;}
.hev-section4 .consumption-box{ margin-top: 25px;}
.hev-section4 .consumption-box .consumption-num{ margin: 20px -45px 0 -45px;}
.hev-section4 .consumption-box .consumption-num .block-box{ float: left; /* width: 50%; */ padding: 0 45px; position: relative;}
.hev-section4 .consumption-box .consumption-num .block-box::before{ content: ''; width: 1px; height: 100%; background-color: #fff; position: absolute; top: 0; right: 0;}
.hev-section4 .consumption-box .consumption-num .block-box:last-child::before{ display: none;}
.hev-section4 .consumption-box .consumption-num .block-box .title{ font-size: 18px; position: relative;}
.hev-section4 .consumption-box .consumption-num .block-box .num{ font-size: 45px; color: #56b6ff; line-height: 1; margin-top: 10px;}
.hev-section4 .consumption-box .consumption-num .block-box .num span{ font-size: 116px; font-weight: bold;}

.hev-section5 .cont-inner{ width: 100%; position: absolute; left: 0; top: 13.5%; z-index: 11;}

.hev-accordion-swiper{ margin: 30px -10px 0 -10px;}
.hev-accordion-swiper .hev-accordion-slide{ float: left; width: 15%; padding: 0 10px; /* transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; */}
.hev-accordion-swiper .hev-accordion-slide.current{ width: 55%;}
.hev-accordion-swiper .hev-accordion-slide .block-box{ position: relative;}
.hev-accordion-swiper .hev-accordion-slide .block-box .pic{ overflow: hidden; border-radius: 30px 30px 0 30px; height: 539px; position: relative;}
.hev-accordion-swiper .hev-accordion-slide .block-box .pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.hev-accordion-swiper .hev-accordion-slide .block-box .pic::before{ content: ''; width: 100%; height: 100%; background-color: #005ca7; opacity: 0.4; position: absolute; top: 0; left: 0;}
.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box{ width: 100%; position: absolute; top: 0; left: 0; padding: 15px 20px; color: #fff;}
.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box .title{ font-size: 42px; font-weight: bold; text-align: center;}
.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box .txt{ font-size: 22px; margin-top: 5px; display: none;}
.hev-accordion-swiper .hev-accordion-slide.current .block-box .pic::before{ /* display: none; */ height: 50%; background: -webkit-linear-gradient(to top, transparent, #000); background: linear-gradient(to top, transparent, #000);}
.hev-accordion-swiper .hev-accordion-slide.current .block-box .cont-box{ padding: 40px 45px; /* color: #000; */}
.hev-accordion-swiper .hev-accordion-slide.current .block-box .cont-box .title{ text-align: left; font-size: 42px;}
.hev-accordion-swiper .hev-accordion-slide.current .block-box .cont-box .title p{ display: inline-block; vertical-align: top;}
.hev-accordion-swiper .hev-accordion-slide.current .block-box .cont-box .txt{ display: block;}

.hev-section5-car-box{ width: 80%; position: absolute; bottom: 4.8%; left: 50%; margin-left: -40%; z-index: 15;}
.hev-section5-car-box img{ display: block; width: 100%;}



.hev-section6 .cont-inner{ width: 100%; position: absolute; left: 0; top: 13.5%; z-index: 11;}
.hev-section6 .cont-inner .phev-title .type{ display: inline-block; vertical-align: top; color: #56b6ff; margin-right: 35px;}
.hev-section6 .cont-inner .phev-title .title{ display: inline-block; vertical-align: top;}
.hev-section6 .cont-inner .phev-title .title .s{ font-size: 28px; font-weight: normal; color: #131c2e; margin-top: 5px;}
.hev-section6 .cont-inner .pic-inner{ margin-top: 30px; border-radius: 30px; overflow: hidden; position: relative;}
.hev-section6 .cont-inner .pic-inner .pic img{ display: block; width: 100%;}
.hev-section6 .cont-inner .pic-inner .txt-inner{ width: 100%; position: absolute; top: 30px; left: 0; text-align: center; font-size: 20px;}
.hev-section6 .cont-inner .pic-inner .txt-inner .s-t-tile{ font-size: 56px; font-weight: bold;}
.hev-section6 .cont-inner .pic-inner .txt-inner .s-t-tile2{ font-size: 40px;}

.hev-mode-swiper{ height: 100%;}
.hev-mode-slide{ height: 100% !important; background-color: #fff;}

.hev-section6-car-box{ width: 80%; position: absolute; bottom: 0; left: 50%; margin-left: -40%; z-index: 15;}
.hev-section6-car-box img{ display: block; width: 100%;}
.hev-section6-car-box .icon{ position: absolute; bottom: 0; left: 0; display: none;}

.hev-section7 .cont-inner{ width: 100%; position: absolute; left: 0; top: 13.5%; z-index: 11; text-align: center;}
.hev-section7 .cont-inner .cont{ font-size: 40px; margin-top: 15px;}
.hev-section7 .cont-inner .cont span{ font-weight: bold;}
.hev-section7 .cont-inner .cont sup{ top: -2em;}

.hev-section7-car-box{ width: 66%; position: absolute; top: 35%; left: 50%; margin-left: -37%; z-index: 15;}
.hev-section7-car-box img{ display: block; width: 100%;}
.hev-section7-car-box .icon{ position: absolute; top: 0; left: 0; display: none;}
.hev-section7-car-box .txt-box{ position: absolute; display: none;}
.hev-section7-car-box .txt-box .line{ position: absolute; bottom: 0; right: 0;}
.hev-section7-car-box .txt-box .line img{ display: block; width: 100%;}
.hev-section7-car-box .txt-box .line .title{ width: 150px; position: absolute; right: 100%; top: -30px; font-size: 20px; text-align: center; color: #fff; text-shadow: 0 0 5px #000;}
.hev-section7-car-box .txt-box .line .title span{ font-weight: bold;}

.hev-section7-car-box .txt-box1{ top: 44.71%; left: 44.5%;}
.hev-section7-car-box .txt-box1 .line{ width: 130px;}
.hev-section7-car-box .txt-box1 .line .title{ width: 210px;}
.hev-section7-car-box .txt-box2{ top: 62%; left: 48.5%;}
.hev-section7-car-box .txt-box2 .line{ width: 170px;}
.hev-section7-car-box .txt-box3{ top: 68%; left: 49.5%;}
.hev-section7-car-box .txt-box3 .line{ width: 210px; right: auto; left: 0;}
.hev-section7-car-box .txt-box3 .line .title{ right: auto; left: 100%; top: auto !important; bottom: -30px; color: #fff;}
/* .hev-section7-car-box .txt-box3 .line{ right: auto; left: 0;}
.hev-section7-car-box .txt-box3 .line img{ transform: rotate(105deg);}
.hev-section7-car-box .txt-box3 .line .title{ right: auto; left: 100%;} */
.hev-section7-car-box .txt-box4{ top: 58%; left: 59.5%;}
.hev-section7-car-box .txt-box4 .line{ width: 210px; right: auto; left: 0;}
/* .hev-section7-car-box .txt-box4 .line img{ transform: rotate(105deg);} */
.hev-section7-car-box .txt-box4 .line .title{ right: auto; left: 100%; top: auto !important; bottom: -30px; color: #fff;}

.hev-section7-tabs{ width: 100%; height: 276px; position: absolute; left: 0; bottom: 0; z-index: 20;}
.hev-section7-tabs ul{ height: 100%;}
.hev-section7-tabs li{ float: left; width: 25%; height: 100%; background: url(/honda/funtec/newtechnology/e_hybrid/images/hev-section7-tabs-bg.jpg) center no-repeat; background-size: cover; position: relative;}
.hev-section7-tabs li .block-box{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; overflow: hidden;}
.hev-section7-tabs li .block-box .icon{ width: 42%; position: absolute; left: 1%; top: 15%;}
.hev-section7-tabs li .block-box .icon img{ display: block; width: 100%;}
.hev-section7-tabs li .block-box .title{ font-size: 28px; font-weight: bold; color: #fff; position: absolute; left: 46%; bottom: 13.76%;}
.hev-section7-tabs li .block-box .cont{ width: 54%; position: absolute; top: 3.4%; right: 6.25%; font-size: 18px; color: #fff; display: none;}
.hev-section7-tabs li .block-box .cont .c-block{ margin-top: 20px;}
.hev-section7-tabs li .block-box .cont .c-block .type span{ font-size: 28px; font-weight: bold; line-height: 1;}
.hev-section7-tabs li .block-box .cont .c-block .num{ font-size: 12px; line-height: 1;}
.hev-section7-tabs li .block-box .cont .c-block .num span{ font-size: 28px; font-weight: bold;}
.hev-section7-tabs li .block-box .cont .big-block .num{ font-size: 30px;}
.hev-section7-tabs li .block-box .cont .big-block .num span{ font-size: 70px;}

.hev-section7-tabs li.active .block-box,.hev-section7-tabs li:hover .block-box{ height: 302px;}
.hev-section7-tabs li.active .block-box .icon,.hev-section7-tabs li:hover .block-box .icon{ width: 56.25%; top: auto; bottom: -15%; left: -17%; opacity: 0.45;}
.hev-section7-tabs li.active .block-box .title,.hev-section7-tabs li:hover .block-box .title{ display: none;}
.hev-section7-tabs li.active .block-box .cont,.hev-section7-tabs li:hover .block-box .cont{ display: block;}
.hev-section7-tabs li.li1.active .block-box,.hev-section7-tabs li.li1:hover .block-box{ background: -webkit-linear-gradient(to bottom right, #f13535, #bb2121); background: linear-gradient(to bottom right, #f13535, #bb2121);}
.hev-section7-tabs li.li2.active .block-box,.hev-section7-tabs li.li2:hover .block-box{ background: -webkit-linear-gradient(to bottom right, #4085ca, #1b4f85); background: linear-gradient(to bottom right, #4085ca, #1b4f85);}
.hev-section7-tabs li.li3.active .block-box,.hev-section7-tabs li.li3:hover .block-box{ background: -webkit-linear-gradient(to bottom right, #e1ca22, #c6a300); background: linear-gradient(to bottom right, #e1ca22, #c6a300);}
.hev-section7-tabs li.li4.active .block-box,.hev-section7-tabs li.li4:hover .block-box{ background: -webkit-linear-gradient(to bottom right, #7cac5d, #406e23); background: linear-gradient(to bottom right, #7cac5d, #406e23);}

.bottom-share-code img{ display: block; width: 100%;}

.prompt-note{ font-size: 14px; max-width: 100%; position: absolute; right: 0; bottom: 3.5%; z-index: 50; padding-right: 8%; text-shadow: 0 0 5px #000;}

.phev-section2 .prompt-note{ color: #fff;}
.phev-section4 .prompt-note{ color: #fff;}
.phev-section3 .prompt-note{ color: #fff;}
.phev-section6-tabs .prompt-note{ color: #fff; bottom: 115%; padding-right: 4%; max-width: 30%;}

.hev-section3 .prompt-note{ color: #fff;}
.hev-section4 .prompt-note{ color: #fff;}
.hev-section7-tabs .prompt-note{ color: #fff; bottom: 115%; padding-right: 4%; max-width: 30%;}

.section-inner sup{ font-size: 14px; line-height: 1;}

.section-inner .to-next{ width: 36px; position: absolute; bottom: 3.5%; left: 50%; margin-left: -18px; animation: bounce 2s ease-in-out normal infinite; cursor: pointer;}
.section-inner .to-next img{ display: block; width: 100%;}


@media (max-width: 1680px){
	.edit-container{ width: 1280px;}
	
	.one-pagination .swiper-pagination-bullet{ margin-top: 15px !important;}
	
	.swiper-pagination-bullet{ width: 24px;}
	
	.blue-title{ font-size: 40px; letter-spacing: 8px;}
	.phev-title{ font-size: 46px;}
	
	.section1 .cont-inner .cont{ font-size: 19px; margin-top: 15px;}
	
	.section1-tabs li .block-box .title-box{ height: 60px; border-radius: 20px 20px 0 20px;}
	.section1-tabs li .block-box .title-box img{ height: 31px; margin-top: 14.5px;}
	.section1-tabs li .block-box p{ font-size: 13px; margin-top: 8px;}
	
	.phev-section2 .cont-inner .cont{ font-size: 16px;}
	
	.consumption-swiper{ margin-top: 20px;}
	.consumption-swiper .txt-box{ font-size: 16px; border-radius: 8px 8px 0 8px;}
	.consumption-swiper .consumption-num{ margin: 15px -35px 0 -35px;}
	.consumption-swiper .consumption-num .block-box{ padding: 0 35px;}
	.consumption-swiper .consumption-num .block-box .title{ font-size: 19px;}
	.consumption-swiper .consumption-num .block-box .num{ font-size: 28px;}
	.consumption-swiper .consumption-num .block-box .num span{ font-size: 52px;}
	.consumption-swiper .txt-box .txt{ font-size: 17px; padding: 0 25px; margin-top: 8px;}
	.consumption-swiper .txt-box .num{ font-size: 36px; padding: 0 25px;}
	.consumption-swiper .txt-box .num span{ font-size: 68px;}
	
	.phev-section2 .consumption-swiper{ height: 170px;}
	.consumption-swiper .consumption-slide{ padding-bottom: 32px;}
	
	.phev-section3 .cont-inner .cont{ font-size: 16px; margin-top: 12px; border-left-width: 3px; padding-left: 20px;}
	.phev-section3 .consumption-swiper{ height: 112px;}
	
	.phev-section4 .cont-inner .phev-title{ margin-top: 12px;}
	.phev-section4 .cont-inner .cont{ font-size: 16px; margin-top: 12px; border-left-width: 3px; padding-left: 20px;}
	.phev-section4 .consumption-box{ margin-top: 180px;}
	.phev-section4 .consumption-box .consumption-num{ margin: 15px -35px 0 -35px;}
	.phev-section4 .consumption-box .consumption-num .block-box{ padding: 0 35px;}
	.phev-section4 .consumption-box .consumption-num .block-box .title{ font-size: 14px;}
	.phev-section4 .consumption-box .consumption-num .block-box:nth-child(2) .title{ padding-top: 21px;}
	.phev-section4 .consumption-box .consumption-num .block-box .num{ font-size: 28px; margin-top: 8px;}
	.phev-section4 .consumption-box .consumption-num .block-box .num span{ font-size: 52px;}
	
	.phev-section5 .cont-inner .phev-title span{ margin-right: 28px;}
	.phev-section5 .cont-inner .pic-inner{ margin-top: 25px; border-radius: 25px;}
	.phev-section5 .cont-inner .pic-inner .txt-inner{ font-size: 16px; top: 24px;}
	.phev-section5 .cont-inner .pic-inner .txt-inner .s-t-tile{ font-size: 44px;}
	.phev-section5 .cont-inner .pic-inner .txt-inner .s-t-tile2{ font-size: 32px;}
	
	.phev-section6 .cont-inner .cont{ font-size: 32px;}
	.phev-section6 .cont-inner .cont sup{ top: -1.5em;}
	
	.phev-section6-tabs{ height: 220px;}
	.phev-section6-tabs li .block-box .title{ font-size: 22px;}
	.phev-section6-tabs li .block-box .cont{ font-size: 14px;}
	.phev-section6-tabs li .block-box .cont .c-block{ margin-top: 15px;}
	.phev-section6-tabs li .block-box .cont .c-block .type span{ font-size: 22px;}
	.phev-section6-tabs li .block-box .cont .c-block .num span{ font-size: 22px;}
	.phev-section6-tabs li .block-box .cont .big-block .num{ font-size: 24px;}
	.phev-section6-tabs li .block-box .cont .big-block .num span{ font-size: 56px;}
	.phev-section6-tabs li.active .block-box, .phev-section6-tabs li:hover .block-box{ height: 242px;}
	
	.phev-section6-car-box .txt-box .line .title{ width: 120px; top: -24px; font-size: 16px;}
	
	.phev-section6-car-box .txt-box1 .line{ width: 124px;}
	.phev-section6-car-box .txt-box1 .line .title{ width: 168px;}
	.phev-section6-car-box .txt-box2 .line{ width: 160px;}
	.phev-section6-car-box .txt-box3 .line{ width: 116px;}
	.phev-section6-car-box .txt-box4 .line{ width: 186px;}
	.phev-section6-car-box .txt-box4 .line .title{ bottom: -24px;}
	
	.section-models .cont-inner .phev-title{ font-size: 54px;}
	.section-models .cont-inner .logo img{ height: 48px;}
	
	.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;}
	
	.suspension-tabs li{ width: 180px; margin-right: 15px;}
	.suspension-tabs li .block-box .title-box{ height: 38px; border-radius: 12px 12px 0 12px;}
	.suspension-tabs li .block-box .title-box img{ height: 15px; margin-top: 10.5px;}
	
	.backtoTop{ width: 50px; height: 50px;}
	
	.hev-section2 .cont-inner .cont{ font-size: 16px; padding-bottom: 20px;}
	.hev-section2 .cont-inner .cont::before{ width: 68px;}
	.hev-section2 .consumption-swiper{ height: 143px;}
	
	.hev-section3 .cont-inner .cont-inner-box{ padding-left: 2%;}
	.hev-section3 .cont-inner .phev-title{ margin-top: 12px;}
	.hev-section3 .cont-inner .cont{ font-size: 16px; margin-top: 12px; border-left-width: 3px; padding-left: 20px;}
	.hev-section3 .consumption-box{ margin-top: 35px;}
	.hev-section3 .consumption-box .consumption-num{ margin: 15px -35px 0 -35px;}
	.hev-section3 .consumption-box .consumption-num .block-box{ padding: 0 35px;}
	.hev-section3 .consumption-box .consumption-num .block-box .title{ font-size: 14px;}
	.hev-section3 .consumption-box .consumption-num .block-box:nth-child(2) .title{ padding-top: 21px;}
	.hev-section3 .consumption-box .consumption-num .block-box .num{ font-size: 28px; margin-top: 8px;}
	.hev-section3 .consumption-box .consumption-num .block-box .num span{ font-size: 52px;}

	.hev-section3 .consumption-box2{ margin-top: 168px;}
	
	.hev-endurance-swiper .swiper-pagination-bullet{ width: 48px; height: 6px;}
	
	.hev-endurance-click .line{ width: 360px;}
	.hev-endurance-click .click-title-box{ width: 146px;}
	.hev-endurance-click .click-title-box .title{ font-size: 24px; letter-spacing: 4px;}
	
	.hev-endurance-layer .layer-container{ width: 1280px; height: 648px; border-radius: 20px 20px 0 20px;}
	.hev-endurance-layer .layer-close{ width: 50px; height: 50px;}
	.hev-endurance-layer .layer-inner{ padding: 0 40px; font-size: 17px;}
	.hev-endurance-layer .layer-inner .title-box{ font-size: 46px;}
	.hev-endurance-layer .layer-inner .cont-box{ margin-top: 32px; padding: 25px; border-radius: 20px 20px 0 20px;}
	.hev-endurance-layer .layer-inner .cont-box .c-block{ padding-top: 12px; margin-top: 25px;}
	.hev-endurance-layer .layer-inner .cont-box .c-block::before{ width: 44px; height: 4px;}
	
	.hev-section4 .cont-inner .phev-title{ margin-top: 12px;}
	.hev-section4 .cont-inner .cont{ font-size: 16px; margin-top: 12px; border-left-width: 3px; padding-left: 20px;}
	.hev-section4 .consumption-box{ margin-top: 20px;}
	.hev-section4 .consumption-box .consumption-num{ margin: 15px -35px 0 -35px;}
	.hev-section4 .consumption-box .consumption-num .block-box{ padding: 0 35px;}
	.hev-section4 .consumption-box .consumption-num .block-box .title{ font-size: 14px;}
	.hev-section4 .consumption-box .consumption-num .block-box:nth-child(2) .title{ padding-top: 21px;}
	.hev-section4 .consumption-box .consumption-num .block-box .num{ font-size: 36px; margin-top: 8px;}
	.hev-section4 .consumption-box .consumption-num .block-box .num span{ font-size: 92px;}
	
	.hev-accordion-swiper{ margin-top: 25px;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .pic{ height: 430px; border-radius: 25px 25px 0 25px;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box{ padding: 12px 15px;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box .title{ font-size: 32px;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box .txt{ font-size: 17px;}
	.hev-accordion-swiper .hev-accordion-slide.current .block-box .cont-box{ padding: 30px 35px;}
	.hev-accordion-swiper .hev-accordion-slide.current .block-box .cont-box .title{ font-size: 32px;}
	
	.hev-section6 .cont-inner .phev-title .type{ margin-right: 28px;}
	.hev-section6 .cont-inner .phev-title .title .s{ font-size: 22px;}
	.hev-section6 .cont-inner .pic-inner{ margin-top: 25px; border-radius: 25px;}
	.hev-section6 .cont-inner .pic-inner .txt-inner{ font-size: 16px; top: 24px;}
	.hev-section6 .cont-inner .pic-inner .txt-inner .s-t-tile{ font-size: 44px;}
	.hev-section6 .cont-inner .pic-inner .txt-inner .s-t-tile2{ font-size: 32px;}
	
	.hev-section7 .cont-inner .cont{ font-size: 32px;}
	.hev-section7 .cont-inner .cont sup{ top: -1.5em;}
		
	.hev-section7-tabs{ height: 220px;}
	.hev-section7-tabs li .block-box .title{ font-size: 22px;}
	.hev-section7-tabs li .block-box .cont{ font-size: 14px;}
	.hev-section7-tabs li .block-box .cont .c-block{ margin-top: 15px;}
	.hev-section7-tabs li .block-box .cont .c-block .type span{ font-size: 22px;}
	.hev-section7-tabs li .block-box .cont .c-block .num span{ font-size: 22px;}
	.hev-section7-tabs li .block-box .cont .big-block .num{ font-size: 24px;}
	.hev-section7-tabs li .block-box .cont .big-block .num span{ font-size: 56px;}
	.hev-section7-tabs li.active .block-box, .hev-section7-tabs li:hover .block-box{ height: 242px;}

	.hev-section7-car-box .txt-box .line .title{ width: 120px; top: -24px; font-size: 16px;}
		
	.hev-section7-car-box .txt-box1 .line{ width: 104px;}
	.hev-section7-car-box .txt-box1 .line .title{ width: 168px;}
	.hev-section7-car-box .txt-box2 .line{ width: 136px;}
	.hev-section7-car-box .txt-box3 .line{ width: 168px;}
	.hev-section7-car-box .txt-box4 .line{ width: 168px;}
	.hev-section7-car-box .txt-box4 .line .title{ bottom: -24px;}
	
	.section-inner .to-next{ width: 28px; margin-left: -14px;}
	
	
	
}


@media (max-width: 1440px){
	.edit-container{ width: 1120px;}
	
	.one-pagination .swiper-pagination-bullet{ margin-top: 12px !important;}
	
	.blue-title{ font-size: 30px;}
	.phev-title{ font-size: 34px;}
	
	.section1 .cont-inner .cont{ font-size: 16px; margin-top: 12px;}
	
	.section1-tabs li .block-box .title-box{ height: 53px; border-radius: 15px 15px 0 15px;}
	.section1-tabs li .block-box .title-box img{ height: 27px; margin-top: 13px;}
	
	.phev-section2 .cont-inner .cont{ font-size: 14px;}
	
	.consumption-swiper{ margin-top: 15px;}
	.consumption-swiper .txt-box{ font-size: 14px; border-radius: 7px 7px 0 7px;}
	.consumption-swiper .consumption-num{ margin: 15px -30px 0 -30px;}
	.consumption-swiper .consumption-num .block-box{ padding: 0 30px;}
	.consumption-swiper .consumption-num .block-box .title{ font-size: 16px;}
	.consumption-swiper .consumption-num .block-box .num{ font-size: 24px; margin-top: 5px;}
	.consumption-swiper .consumption-num .block-box .num span{ font-size: 42px;}
	.consumption-swiper .txt-box .txt{ font-size: 15px; padding: 0 20px; margin-top: 4px;}
	.consumption-swiper .txt-box .num{ font-size: 30px;}
	.consumption-swiper .txt-box .num span{ font-size: 52px;}
	
	.consumption-swiper .consumption-slide{ padding-bottom: 25px;}
	
	.phev-section2 .consumption-swiper{ height: 141px;}
	
	.phev-section3 .cont-inner .cont{ font-size: 14px; border-left-width: 2px; padding-left: 16px;}
	.phev-section3 .consumption-swiper{ height: 89px;}
	
	.phev-section4 .cont-inner .cont{ font-size: 14px; border-left-width: 2px; padding-left: 16px;}
	.phev-section4 .consumption-box{ margin-top: 150px;}
	.phev-section4 .consumption-box .consumption-num{ margin: 15px -30px 0 -30px;}
	.phev-section4 .consumption-box .consumption-num .block-box{ padding: 0 30px;}
	.phev-section4 .consumption-box .consumption-num .block-box .num{ font-size: 24px; margin-top: 5px;}
	.phev-section4 .consumption-box .consumption-num .block-box .num span{ font-size: 42px;}
	
	.phev-section5 .cont-inner .phev-title .type{ margin-right: 25px;}
	.phev-section5 .cont-inner .pic-inner{ margin-top: 20px; border-radius: 20px;}
	.phev-section5 .cont-inner .pic-inner .txt-inner{ font-size: 14px; top: 20px;}
	.phev-section5 .cont-inner .pic-inner .txt-inner .s-t-tile{ font-size: 34px;}
	.phev-section5 .cont-inner .pic-inner .txt-inner .s-t-tile2{ font-size: 24px;}
	
	.phev-section6 .cont-inner .cont{ font-size: 24px;}
	.phev-section6 .cont-inner .cont sup{ top: -1em;}
	
	.phev-section6-tabs{ height: 180px;}
	.phev-section6-tabs li .block-box .title{ font-size: 17px;}
	.phev-section6-tabs li .block-box .cont .c-block{ margin-top: 10px;}
	.phev-section6-tabs li .block-box .cont .c-block .type span{ font-size: 19px;}
	.phev-section6-tabs li .block-box .cont .c-block .num span{ font-size: 19px;}
	.phev-section6-tabs li .block-box .cont .c-block .notes{ font-size: 13px}
	.phev-section6-tabs li .block-box .cont .big-block .num{ font-size: 21px;}
	.phev-section6-tabs li .block-box .cont .big-block .num span{ font-size: 44px;}
	
	.phev-section6-tabs li.active .block-box, .phev-section6-tabs li:hover .block-box{ height: 196px;}
	
	.phev-section6-car-box .txt-box .line .title{ width: 105px; top: -20px; font-size: 14px;}
	
	.phev-section6-car-box .txt-box1 .line{ width: 110px;}
	.phev-section6-car-box .txt-box1 .line .title{ width: 147px;}
	.phev-section6-car-box .txt-box2 .line{ width: 140px;}
	.phev-section6-car-box .txt-box3 .line{ width: 102px;}
	.phev-section6-car-box .txt-box4 .line{ width: 163px;}
	.phev-section6-car-box .txt-box4 .line .title{ bottom: -20px;}
	
	.section-models .cont-inner .phev-title{ font-size: 40px;}
	.section-models .cont-inner .logo img{ height: 36px;}
	
	.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;}
	
	.suspension-tabs li{ width: 180px; margin-right: 12px;}
	.suspension-tabs li .block-box .title-box{ height: 38px; border-radius: 10px 10px 0 10px;}
	.suspension-tabs li .block-box .title-box img{ height: 15px; margin-top: 10.5px;}
	
	.backtoTop{ width: 44px; height: 44px;}
	
	.hev-section2 .cont-inner .cont{ font-size: 14px; padding-bottom: 15px;}
	.hev-section2 .cont-inner .cont::before{ width: 60px;}
	.hev-section2 .consumption-swiper{ height: 119px;}
	
	.hev-section3 .cont-inner .cont-inner-box{ padding-left: 3.2%;}
	.hev-section3 .cont-inner .cont{ font-size: 14px; border-left-width: 2px; padding-left: 16px;}
	.hev-section3 .consumption-box{ margin-top: 30px;}
	.hev-section3 .consumption-box .consumption-num{ margin: 15px -30px 0 -30px;}
	.hev-section3 .consumption-box .consumption-num .block-box{ padding: 0 30px;}
	.hev-section3 .consumption-box .consumption-num .block-box .num{ font-size: 24px; margin-top: 5px;}
	.hev-section3 .consumption-box .consumption-num .block-box .num span{ font-size: 42px;}

	.hev-section3 .consumption-box2{ margin-top: 155px;}
	
	.hev-endurance-swiper .swiper-pagination-bullet{ width: 42px; height: 5px;}
	
	.hev-endurance-click .line{ width: 316px;}
	.hev-endurance-click .click-title-box{ width: 128px;}
	.hev-endurance-click .click-title-box .title{ font-size: 20px; letter-spacing: 3px;}
	
	.hev-endurance-layer .layer-container{ width: 1120px; height: 567px; border-radius: 15px 15px 0 15px;}
	.hev-endurance-layer .layer-close{ width: 44px; height: 44px;}
	.hev-endurance-layer .layer-inner{ padding: 0 35px; font-size: 15px;}
	.hev-endurance-layer .layer-inner .title-box{ font-size: 40px;}
	.hev-endurance-layer .layer-inner .cont-box{ margin-top: 28px; padding: 20px; border-radius: 15px 15px 0 15px;}
	.hev-endurance-layer .layer-inner .cont-box .c-block::before{ width: 38px; height: 3px;}
	
	.hev-section4 .cont-inner .cont{ font-size: 14px; border-left-width: 2px; padding-left: 16px;}
	.hev-section4 .consumption-box{ margin-top: 20px;}
	.hev-section4 .consumption-box .consumption-num{ margin: 15px -30px 0 -30px;}
	.hev-section4 .consumption-box .consumption-num .block-box{ padding: 0 30px;}
	.hev-section4 .consumption-box .consumption-num .block-box .num{ font-size: 30px; margin-top: 5px;}
	.hev-section4 .consumption-box .consumption-num .block-box .num span{ font-size: 80px;}
	
	.hev-accordion-swiper{ margin-top: 20px;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .pic{ height: 376px; border-radius: 20px 20px 0 20px;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box{ padding: 12px 12px;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box .title{ font-size: 28px;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box .txt{ font-size: 15px;}
	.hev-accordion-swiper .hev-accordion-slide.current .block-box .cont-box{ padding: 25px 30px;}
	.hev-accordion-swiper .hev-accordion-slide.current .block-box .cont-box .title{ font-size: 28px;}
	
	.hev-section6 .cont-inner .phev-title .type{ margin-right: 25px;}
	.hev-section6 .cont-inner .phev-title .title .s{ font-size: 18px;}
	.hev-section6 .cont-inner .pic-inner{ margin-top: 20px; border-radius: 20px;}
	.hev-section6 .cont-inner .pic-inner .txt-inner{ font-size: 14px; top: 20px;}
	.hev-section6 .cont-inner .pic-inner .txt-inner .s-t-tile{ font-size: 34px;}
	.hev-section6 .cont-inner .pic-inner .txt-inner .s-t-tile2{ font-size: 24px;}
	
	.hev-section7 .cont-inner .cont{ font-size: 24px;}
	.hev-section7 .cont-inner .cont sup{ top: -1em;}
		
	.hev-section7-tabs{ height: 180px;}
	.hev-section7-tabs li .block-box .title{ font-size: 17px;}
	.hev-section7-tabs li .block-box .cont .c-block{ margin-top: 10px;}
	.hev-section7-tabs li .block-box .cont .c-block .type span{ font-size: 19px;}
	.hev-section7-tabs li .block-box .cont .c-block .num span{ font-size: 19px;}
	.hev-section7-tabs li .block-box .cont .big-block .num{ font-size: 21px;}
	.hev-section7-tabs li .block-box .cont .big-block .num span{ font-size: 44px;}
	
	.hev-section7-tabs li.active .block-box, .hev-section7-tabs li:hover .block-box{ height: 196px;}
	
	.hev-section7-car-box .txt-box .line .title{ width: 105px; top: -20px; font-size: 14px;}
	
	.hev-section7-car-box .txt-box1 .line{ width: 92px;}
	.hev-section7-car-box .txt-box1 .line .title{ width: 147px;}
	.hev-section7-car-box .txt-box2 .line{ width: 120px;}
	.hev-section7-car-box .txt-box3 .line{ width: 147px;}
	.hev-section7-car-box .txt-box4 .line{ width: 147px;}
	.hev-section7-car-box .txt-box4 .line .title{ bottom: -20px;}
	
	.prompt-note{ font-size: 13px;}
	
	.section-inner sup{ font-size: 13px;}
	
	.section-inner .to-next{ width: 25px; margin-left: -12.5px;}
	
	
	
	
	
}

@media (max-width: 1200px){
	.edit-container{ width: 960px;}
	
}

@media (max-width: 992px){
	.edit-container{ width: 100%;}
	
	.one-pagination .swiper-pagination-bullet{ /* margin-top: 0.2rem !important; */ margin: 0.2rem !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;}
	
	.section-inner .section-img::before{ content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0.3; position: absolute; top: 0; left: 0;}
	
	.blue-title{ font-size: 0.42rem; letter-spacing: 0.1rem;}
	.phev-title{ font-size: 0.5rem;}
	
	.section1 .cont-inner{ top: 16.3%;}
	.section1 .cont-inner .cont{ font-size: 0.24rem; margin-top: 0.3rem;}
	.section1 .phev-car-box{ width: 110%; left: -8%; top: 38%; margin-left: 0;}
	.section1 .hev-car-box{ width: 86%; left: 7%; top: 36.25%; margin-left: 0;}
	
	.section1-tabs{ bottom: 10%;}
	.section1-tabs li{ float: none; width: 100%; margin-top: 0.4rem;}
	.section1-tabs li .block-box{ width: 80%;}
	.section1-tabs li .block-box .title-box{ height: 0.76rem; border-radius: 0.25rem 0.25rem 0 0.25rem;}
	.section1-tabs li .block-box .title-box img{ height: 0.39rem; margin-top: 0.185rem;}
	.section1-tabs li .block-box p{ font-size: 0.24rem; margin-top: 0.15rem;}
	.section1-tabs li:first-child{ margin-top: 0;}
	
	.phev-section2 .cont-inner{ padding: 0 0.6rem; top: 28%;}
	.phev-section2 .cont-inner .cont-inner-box{ width: 100%; padding-left: 0;}
	.phev-section2 .cont-inner .cont{ font-size: 0.24rem; margin-top: 0.3rem;}
	
	.consumption-swiper{ margin-top: 0.45rem;}
	.consumption-swiper .txt-box{ font-size: 0.24rem; padding: 0.1rem 0.15rem; text-align: left; border-radius: 0.1rem 0.1rem 0 0.1rem;}
	.consumption-swiper .consumption-num{ margin: 0.3rem -0.3rem 0 -0.3rem;}
	.consumption-swiper .consumption-num .block-box{ padding: 0 0.3rem;}
	.consumption-swiper .consumption-num .block-box .title{ font-size: 0.26rem;}
	.consumption-swiper .consumption-num .block-box .num{ font-size: 0.35rem; margin-top: 0;}
	.consumption-swiper .consumption-num .block-box .num span{ font-size: 0.52rem;}
	
	.consumption-swiper .consumption-slide{ padding-bottom: 0.4rem;}
	.consumption-swiper .txt-box .txt{ font-size: 0.26rem; padding: 0 0.1rem; width: 72%; margin-top: 0;}
	.consumption-swiper .txt-box .num{ font-size: 0.35rem; padding: 0 0.1rem; width: 28%; text-align: center; line-height: 0.74rem;}
	.consumption-swiper .txt-box .num span{ font-size: 0.52rem;}
	
	.phev-section2 .consumption-swiper{ height: 2.44rem;}
	
	.phev-section3 .cont-inner{ padding: 0 0.6rem; top: 20%;}
	.phev-section3 .cont-inner .cont-inner-box{ width: 100%; padding-left: 0; padding-right: 0;}
	.phev-section3 .cont-inner .phev-title{ margin-top: 0.15rem;}
	.phev-section3 .cont-inner .cont{ font-size: 0.24rem; border-left: 0; padding-left: 0; margin-top: 0.3rem;}
	.phev-section3-car-box{ top: 4%; width: 80%; left: 10%;}
	.phev-section3-car-box img{ height: auto;}
	
	.phev-section3 .consumption-swiper{ height: 1.44rem;}
	
	.phev-section4 .cont-inner{ padding: 0 0.6rem; top: 20%;}
	.phev-section4 .cont-inner .cont-inner-box{ width: 100%;}
	.phev-section4 .right-cont-inner .cont-inner-box{ padding-left: 0;}
	.phev-section4 .car-box{ top: 16%; width: 70%; margin-left: -35%;}
	.phev-section4 .car-box img{ height: auto;}
	.phev-section4 .cont-inner .phev-title{ margin-top: 0.15rem;}
	.phev-section4 .cont-inner .cont{ font-size: 0.24rem; border-left: 0; padding-left: 0; margin-top: 0.3rem;}
	.phev-section4 .consumption-box{ margin-top: 0.3rem;}
	.phev-section4 .consumption-box .consumption-num{ margin: 0.3rem -0.4rem 0 -0.4rem;}
	.phev-section4 .consumption-box .consumption-num .block-box{ padding: 0 0.4rem;}
	.phev-section4 .consumption-box .consumption-num .block-box .title{ font-size: 0.26rem;}
	.phev-section4 .consumption-box .consumption-num .block-box .num{ font-size: 0.35rem; margin-top: 0;}
	.phev-section4 .consumption-box .consumption-num .block-box .num span{ font-size: 0.52rem;}
	.phev-section4 .consumption-box .consumption-num .block-box:nth-child(2) .title{ padding-top: 0.39rem;}
	
	.phev-section5 .cont-inner{ padding: 0 0.6rem; top: 22%;}
	.phev-section5 .cont-inner .phev-title{ font-size: 0.48rem;}
	.phev-section5 .cont-inner .phev-title .type{ margin-right: 0;}
	.phev-section5 .cont-inner .phev-title .title{ width: 86%;}
	.phev-section5 .cont-inner .pic-inner{ margin-top: 0.3rem; border-radius: 0.3rem;}
	.phev-section5 .cont-inner .pic-inner .txt-inner{ font-size: 0.26rem; padding: 0 0.4rem; top: 0.6rem;}
	.phev-section5 .cont-inner .pic-inner .txt-inner .s-t-tile{ font-size: 0.44rem;}
	.phev-section5 .cont-inner .pic-inner .txt-inner .s-t-tile2{ font-size: 0.32rem; margin-top: 0.1rem;}
	.phev-section5 .cont-inner .pic-inner .txt-inner p{ margin-top: 0.1rem;}
	
	.phev-section5-car-box{ width: 190%; margin-left: -95%;}
	
	.phev-section6 .cont-inner{ padding: 0 0.6rem; top: 22%;}
	.phev-section6 .cont-inner .cont{ font-size: 0.32rem; margin-top: 0.2rem;}
	.phev-section6 .cont-inner .cont sup{ top: -1em;}
	
	.phev-section6-car-box{ width: 120%; margin-left: -60%; top: 36%;}
	.phev-section6-car-box .txt-box{ width: 100%; bottom: -2%; padding: 0 0.6rem; display: none !important;}
	.phev-section6-car-box .txt-box .line{ position: initial;}
	.phev-section6-car-box .txt-box .line img{ display: none;}
	.phev-section6-car-box .txt-box .line .title{ position: initial; width: auto; font-size: 0.28rem; color: #fff;}
	.phev-section6-car-box .txt-box1{ top: auto; left: 0;}
	.phev-section6-car-box .txt-box1 .line{ width: auto;}
	.phev-section6-car-box .txt-box2{ top: auto; left: 0;}
	.phev-section6-car-box .txt-box2 .line{ width: auto;}
	.phev-section6-car-box .txt-box3{ top: auto; left: 0;}
	.phev-section6-car-box .txt-box3 .line{ width: auto;}
	.phev-section6-car-box .txt-box4{ top: auto; left: 0;}
	.phev-section6-car-box .txt-box4 .line{ width: auto;}
	
	.phev-section6-tabs{ height: auto;}
	.phev-section6-tabs li{ float: none; width: 100%;}
	.phev-section6-tabs li .block-box{ position: initial; padding: 0.2rem 0.6rem;}
	.phev-section6-tabs li .block-box .icon{ display: none;}
	.phev-section6-tabs li .block-box .title{ position: initial; text-align: center; font-size: 0;}
	.phev-section6-tabs li .block-box .title p{ display: inline-block; vertical-align: top; font-size: 0.28rem;}
	.phev-section6-tabs li .block-box .cont{ position: initial; width: auto; font-size: 0.22rem; padding-top: 0.1rem; text-align: center;}
	.phev-section6-tabs li .block-box .cont .c-block{ margin-top: 0; font-size: 0;}
	.phev-section6-tabs li .block-box .cont .c-block .type{ display: inline-block; vertical-align: middle; font-size: 0.22rem;}
	.phev-section6-tabs li .block-box .cont .c-block .type:nth-child(2){ margin-left: 0.2rem;}
	.phev-section6-tabs li .block-box .cont .c-block .num{ display: inline-block; vertical-align: middle; font-size: 0.22rem;}
	.phev-section6-tabs li .block-box .cont .c-block .num span{ font-size: 0.26rem;}
	.phev-section6-tabs li .block-box .cont .c-block .notes{ font-size: 0.16rem}
	.phev-section6-tabs li .block-box .cont .big-block .num span{ font-size: 0.26rem;}
	
	.phev-section6-tabs li.active .block-box, .phev-section6-tabs li:hover .block-box{ height: auto;}
	.phev-section6-tabs li.active .block-box .title, .phev-section6-tabs li:hover .block-box .title{ display: block;}
	
	.section-models .cont-inner{ padding: 0 0.6rem; top: 25%;}
	.section-models .cont-inner .phev-title{ font-size: 0.5rem;}
	.section-models .cont-inner .logo{ margin-top: 0.2rem;}
	.section-models .cont-inner .logo img{ height: 0.48rem;}
	
	.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;}
	
	.suspension-tabs{ top: 14%; width: 100%; padding: 0 0.6rem;}
	.suspension-tabs ul{ margin: 0 -0.12rem;}
	.suspension-tabs li{ width: 50%; padding: 0 0.12rem; margin: 0;}
	.suspension-tabs li .block-box .title-box{ height: 0.6rem; border-radius: 0.15rem 0.15rem 0 0.15rem;}
	.suspension-tabs li .block-box .title-box img{ height: 0.24rem; margin-top: 0.18rem;}
	
	.backtoTop{ width: 0.62rem; height: 0.62rem;}
	
	.hev-section2 .cont-inner{ padding: 0 0.6rem; top: 28%;}
	.hev-section2 .cont-inner .cont-inner-box{ width: 100%; padding-left: 0;}
	.hev-section2 .cont-inner .cont{ font-size: 0.24rem; margin-top: 0.3rem; padding-bottom: 0.45rem;}
	
	.hev-section2 .consumption-swiper{ height: 2.1rem;}

	.hev-section3 .cont-inner{ padding: 0 0.6rem; top: 23%;}
	.hev-section3 .cont-inner .cont-inner-box{ width: 100%; padding-left: 0;}
	.hev-section3 .right-cont-inner .cont-inner-box{ padding-left: 0;}
	.hev-section3 .car-box{ top: 12%;}
	.hev-section3 .cont-inner .phev-title{ margin-top: 0.15rem;}
	.hev-section3 .cont-inner .cont{ font-size: 0.24rem; border-left: 0; padding-left: 0; margin-top: 0.3rem; padding-right: 0;}
	.hev-section3 .consumption-box{ margin-top: 0.3rem;}
	.hev-section3 .consumption-box .consumption-num{ margin: 0.3rem -0.4rem 0 -0.4rem;}
	.hev-section3 .consumption-box .consumption-num .block-box{ padding: 0 0.4rem;}
	.hev-section3 .consumption-box .consumption-num .block-box .title{ font-size: 0.26rem;}
	.hev-section3 .consumption-box .consumption-num .block-box .num{ font-size: 0.35rem; margin-top: 0;}
	.hev-section3 .consumption-box .consumption-num .block-box .num span{ font-size: 0.52rem;}
	.hev-section3 .consumption-box .consumption-num .block-box:nth-child(2) .title{ padding-top: 0.39rem;}
	
	.hev-endurance-swiper .swiper-pagination{ bottom: 6.5%;}
	.hev-endurance-swiper .swiper-pagination-bullet{ width: 0.6rem; height: 0.08rem;}
	
	.hev-endurance-click .line{ width: 1rem; /* transform: rotateX(180deg); */}
	.hev-endurance-click .click-title-box{ width: 1.6rem; bottom: auto; top: -22%;}
	.hev-endurance-click .click-title-box .title{ font-size: 0.24rem;}
	.hev-endurance-click1{ top: 62.38%; left: 35.38%;}
	.hev-endurance-click2{ top: 55%; left: 50%;}
	
	.hev-endurance-layer .layer-container{ width: 86%; height: 80%; border-radius: 0.3rem 0.3rem 0 0.3rem;}
	.hev-endurance-layer .layer-close{ width: 0.62rem; height: 0.62rem;}
	.hev-endurance-layer .layer-inner{ padding: 0 0.5rem; font-size: 0.24rem;}
	.hev-endurance-layer .layer-inner .title-box{ font-size: 0.5rem;}
	.hev-endurance-layer .layer-inner .cont-box{ margin-top: 0.4rem; padding: 0.3rem; width: 100%;}
	.hev-endurance-layer .layer-inner .cont-box .c-block{ padding-top: 0.3rem; margin-top: 0.3rem;}
	.hev-endurance-layer .layer-inner .cont-box .c-block::before{ width: 0.54rem; height: 0.05rem;}
	
	.hev-section4 .cont-inner{ padding: 0 0.6rem; top: 23%;}
	.hev-section4 .cont-inner .cont-inner-box{ width: 100%; padding-left: 0;}
	.hev-section4 .right-cont-inner .cont-inner-box{ padding-left: 0;}
	.hev-section4 .car-box{ top: 12%;}
	.hev-section4 .cont-inner .phev-title{ margin-top: 0.15rem;}
	.hev-section4 .cont-inner .cont{ font-size: 0.24rem; border-left: 0; padding-left: 0; margin-top: 0.3rem; padding-right: 0;}
	.hev-section4 .consumption-box{ margin-top: 0.3rem;}
	.hev-section4 .consumption-box .consumption-num .block-box .title{ font-size: 0.26rem;}
	.hev-section4 .consumption-box .consumption-num .block-box .num{ font-size: 0.36rem; margin-top: 0;}
	.hev-section4 .consumption-box .consumption-num .block-box .num span{ font-size: 0.92rem;}
	.hev-section4 .consumption-box .consumption-num .block-box:nth-child(2) .title{ padding-top: 0.39rem;}

	.hev-section5 .cont-inner{ padding: 0 0.6rem; top: 23%;}
	.hev-accordion-swiper{ margin: 0.4rem -100% 0 -100%;}
	.hev-accordion-swiper .hev-accordion-slide{ padding: 0 0.15rem;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box{ padding: 0.3rem;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box .title{ font-size: 0.38rem; text-align: left;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box .title p{ display: inline-block; vertical-align: top;}
	.hev-accordion-swiper .hev-accordion-slide .block-box .cont-box .txt{ display: block; font-size: 0.26rem; margin-top: 0.1rem;}
	
	.hev-section5-car-box{ width: 115%; left: -7.5%; bottom: auto; top: 70%; margin-left: 0;}
	
	.hev-section6 .cont-inner{ padding: 0 0.6rem; top: 22%;}
	.hev-section6 .cont-inner .phev-title{ font-size: 0.48rem;}
	.hev-section6 .cont-inner .phev-title .type{ margin-right: 0;}
	.hev-section6 .cont-inner .phev-title .title{ width: 86%; font-size: 0.4rem;}
	.hev-section6 .cont-inner .phev-title .title .s{ font-size: 0;}
	.hev-section6 .cont-inner .phev-title .title .s p{ display: inline; font-size: 0.2rem;}
	.hev-section6 .cont-inner .pic-inner{ margin-top: 0.3rem; border-radius: 0.3rem;}
	.hev-section6 .cont-inner .pic-inner .txt-inner{ font-size: 0.26rem; padding: 0 0.4rem; top: 0.6rem;}
	.hev-section6 .cont-inner .pic-inner .txt-inner .s-t-tile{ font-size: 0.44rem;}
	.hev-section6 .cont-inner .pic-inner .txt-inner .s-t-tile2{ font-size: 0.32rem; margin-top: 0.1rem;}
	.hev-section6 .cont-inner .pic-inner .txt-inner p{ margin-top: 0.1rem;}
	
	.hev-section6-car-box{ width: 190%; margin-left: -95%;}

	.hev-section7 .cont-inner{ padding: 0 0.6rem; top: 22%;}
	.hev-section7 .cont-inner .cont{ font-size: 0.32rem; margin-top: 0.2rem;}
	.hev-section7 .cont-inner .cont sup{ top: -1em;}
	
	.hev-section7-car-box{ width: 160%; margin-left: -80%; top: 38%;}
	.hev-section7-car-box .txt-box{ width: 100%; bottom: -2%; padding: 0 0.6rem; display: none !important;}
	.hev-section7-car-box .txt-box .line{ position: initial;}
	.hev-section7-car-box .txt-box .line img{ display: none;}
	.hev-section7-car-box .txt-box .line .title{ position: initial; width: auto; font-size: 0.28rem; color: #fff;}
	.hev-section7-car-box .txt-box1{ top: auto; left: 0;}
	.hev-section7-car-box .txt-box1 .line{ width: auto;}
	.hev-section7-car-box .txt-box2{ top: auto; left: 0;}
	.hev-section7-car-box .txt-box2 .line{ width: auto;}
	.hev-section7-car-box .txt-box3{ top: auto; left: 0;}
	.hev-section7-car-box .txt-box3 .line{ width: auto;}
	.hev-section7-car-box .txt-box4{ top: auto; left: 0;}
	.hev-section7-car-box .txt-box4 .line{ width: auto;}
	
	.hev-section7-tabs{ height: auto;}
	.hev-section7-tabs li{ float: none; width: 100%;}
	.hev-section7-tabs li .block-box{ position: initial; padding: 0.2rem 0.6rem;}
	.hev-section7-tabs li .block-box .icon{ display: none;}
	.hev-section7-tabs li .block-box .title{ position: initial; text-align: center; font-size: 0;}
	.hev-section7-tabs li .block-box .title p{ display: inline-block; vertical-align: top; font-size: 0.28rem;}
	.hev-section7-tabs li .block-box .cont{ position: initial; width: auto; font-size: 0.22rem; padding-top: 0.1rem; text-align: center;}
	.hev-section7-tabs li .block-box .cont .c-block{ margin-top: 0; font-size: 0;}
	.hev-section7-tabs li .block-box .cont .c-block .type{ display: inline-block; vertical-align: middle; font-size: 0.22rem;}
	.hev-section7-tabs li .block-box .cont .c-block .type:nth-child(2){ margin-left: 0.2rem;}
	.hev-section7-tabs li .block-box .cont .c-block .num{ display: inline-block; vertical-align: middle; font-size: 0.22rem;}
	.hev-section7-tabs li .block-box .cont .c-block .num span{ font-size: 0.26rem;}
	.hev-section7-tabs li .block-box .cont .big-block .num span{ font-size: 0.26rem;}
	
	.hev-section7-tabs li.active .block-box, .hev-section7-tabs li:hover .block-box{ height: auto;}
	.hev-section7-tabs li.active .block-box .title, .hev-section7-tabs li:hover .block-box .title{ display: block;}

	.prompt-note{ font-size: 0.16rem; padding: 0 12%;}
	
	.phev-section6-tabs .prompt-note{ padding: 0 8%; bottom: 105%; max-width: 100%;}
	.hev-section7-tabs .prompt-note{ padding: 0 8%; bottom: 105%; max-width: 100%;}
	
	.section-inner sup{ font-size: 0.16rem;}
	
	.section-inner .to-next{ width: 0.4rem; margin-left: -0.2rem;}
	
	.friendship-links{ display: none;}
	
}

@media (max-width: 768px){
	
}

@media (max-width: 320px){
	
}

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