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

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

.edit-container{ width: 1600px;}

.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-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);
}
.delay1 {
	-webkit-transition-delay: .3s !important;
	transition-delay: .3s !important;
}
.delay2 {
	-webkit-transition-delay: .6s !important;
	transition-delay: .6s !important;
}
.delay3 {
	-webkit-transition-delay: .9s !important;
	transition-delay: .9s !important;
}
.delay4 {
	-webkit-transition-delay: 1.2s !important;
	transition-delay: 1.2s !important;
}
.js-up.animate,.swiper-slide-active .js-up,.swiper-slide-active .two-slide-active .js-up-s,.swiper-slide-active .three-slide-active .js-up-s{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.js-left.animate{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.connect-swiper{ width: 100%; height: 100%; /* background-color: #000; */}
.swiper-container, .swiper-wrapper{ height: 100% !important;}

.one-container,.two-container,.three-container{ width: 100%; height: 100%;}
.two-wrapper,.three-wrapper{ flex-direction: row !important;}
/* .two-wrapper,.three-wrapper{ flex-direction: row !important;} */


.swiper-slide{ /* display: flex; align-items: center; justify-content: center; */}

.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;}

.section-inner .video-play{ width: 84px; height: 84px; position: absolute; top: 50%; left: 50%; margin: -42px 0 0 -42px; border-radius: 100%; background-color: rgba(45, 98, 231, 0.47); -webkit-box-shadow: 0 0 32px rgba(45, 98, 231, 0.67); box-shadow: 0 0 32px rgba(45, 98, 231, 0.67); cursor: pointer;}
.section-inner .video-play .line{ border-radius: 100%; position: absolute;}
.section-inner .video-play .line.solid{ width: 100%; height: 100%; top: 0; left: 0; border: 4px solid #fff;}
.section-inner .video-play .line.dotted{ width: 76%; height: 76%; top: 50%; left: 50%; margin: -38% 0 0 -38%; border: 2px dotted #fff; -webkit-animation: circleStartAnticlockwise 5s infinite linear; animation: circleStartAnticlockwise 5s infinite linear;}
.section-inner .video-play .icon{ width: 14px; height: 14px; background: url(/honda/funtec/enjoy/connect40/images/icon-video-play-triangle.png) center no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; -webkit-box-shadow: 0 0 32px rgba(45, 98, 231, 0.67); box-shadow: 0 0 32px rgba(45, 98, 231, 0.67);}

@-webkit-keyframes circleStartClockwise{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(-180deg);} 100% {-webkit-transform: rotate(-360deg);}}
@keyframes circleStartClockwise{ 0%{-webkit-transform:rotate(0deg);}  50%{-webkit-transform:rotate(-180deg);} 100% {-webkit-transform:rotate(-360deg);}}
@-webkit-keyframes circleStartAnticlockwise{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100% {-webkit-transform: rotate(360deg);}}
@keyframes circleStartAnticlockwise{ 0%{-webkit-transform:rotate(0deg);}  50%{-webkit-transform:rotate(180deg);} 100% {-webkit-transform:rotate(360deg);}}

.section-txt-cont{ width: 100%; position: absolute; top: 50%; left: 0; transform:translateY(-50%); z-index: 99; color: #fff; text-align: center; text-shadow: 0 0 10px #000;}
.section-txt-cont-left{ text-align: left;}
/* .section-txt-cont-left .txt-cont-box{ float: right;} */



.b-title{ font-size: 38px; font-weight: bold;}
.b-cont{ font-size: 0; line-height: 1.8; margin-top: 40px;}
.b-cont .s-title{ font-size: 32px; font-weight: bold; margin-bottom: 10px;}
.b-cont span{ display: block; font-size: 22px;}

.one-pagination{ position: fixed; /* top: 14.45%; */ bottom: 14%; left: 2%; z-index: 999;}
.one-swiper-tabs::before{ content: ''; width: 0; height: calc(100% - 20px); border-left: 1px dashed #fff; position: absolute; top: 10.5px; left: 50%; margin-left: -1px;}
.one-swiper-tabs .tabli{ display: block; position: relative; z-index: 5; margin: 20px 0; cursor: pointer;}
.one-swiper-tabs .tabli span{ position: absolute; left: 44px; font-size: 16px; color: #fff; line-height: 22px; width: 200px; text-shadow: 0 0 10px #000; display: none;}
.one-swiper-tabs .tabli .icon{ width: 22px; height: 22px; border: 1px solid transparent; border-radius: 100%; position: relative; -webkit-box-shadow: 0 0 38px rgba(45, 98, 231, 0.75); box-shadow: 0 0 38px rgba(45, 98, 231, 0.75); transition:all 0.7s ease;}
.one-swiper-tabs .tabli .icon::before{ content: ''; width: 10px; height: 10px; background-color: #fff; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); transition:all 0.7s ease;}
.one-swiper-tabs .tabli.current .icon{ background-color: #0623ff; border-color: #fff;}
.one-swiper-tabs .tabli.current .icon::before{ background-color: #58daff;}
.one-swiper-tabs .tabli.current span{ display: block;}
.one-swiper-tabs .tabli:first-child{ margin-top: 0;}
.one-swiper-tabs .tabli:nth-of-type(6){ margin-bottom: 0;}
.one-swiper-tabs .tabli:last-child{ display: none;}
/* .one-swiper-tabs .tabli:nth-of-type(4){ margin-bottom: 0;}
.one-swiper-tabs .tabli:nth-of-type(5),.one-swiper-tabs .tabli:nth-of-type(6){ display: none;} */

.section3-swiper,.section4-swiper{ width: 100%; height: 100%;}

/* .section3-swiper .section-img::after,.section4-swiper .section-img::after{ content: ''; width: 100%; height: 60%; background: -webkit-linear-gradient(to bottom, #000, transparent); background: linear-gradient(to bottom, #000, transparent); position: absolute; top: 0; left: 0;} */
.section3-swiper .section-img::before,.section4-swiper .section-img::before{ opacity: 0.5; background: -webkit-linear-gradient(to left, #000, transparent); background: linear-gradient(to left, #000, transparent);}

.one-swiper-slide .section-img::before{ background: -webkit-linear-gradient(to top, #000, transparent); background: linear-gradient(to top, #000, transparent);}
.one-swiper-slide .section-txt-cont{ transform:translateY(0); top: 0; text-align: center; height: 100%;}
.one-swiper-slide .section-txt-cont .edit-container{ height: 100%;}
.one-swiper-slide .section-txt-cont .txt-cont-box{ float: none; height: 100%; position: relative;}
.one-swiper-slide .section-txt-cont .txt-cont-box .b-title,.one-swiper-slide .section-txt-cont .txt-cont-box .b-cont{ width: 100%; position: absolute; left: 0;}
.one-swiper-slide .section-txt-cont .txt-cont-box .b-title{ top: 20%;}
.one-swiper-slide .section-txt-cont .txt-cont-box .b-cont{ bottom: 20%; margin-top: 0;}

.one-swiper-slide1 .section-txt-cont .txt-cont-box .b-cont{ bottom: 15%;}
.one-swiper-slide2 .section-txt-cont .txt-cont-box .b-cont{ bottom: 9%;}
.one-swiper-slide3 .section-txt-cont .txt-cont-box .b-cont{ bottom: 9%;}

.two-slide .section-txt-cont{ transform:translateY(0); top: 0; height: 100%;}
.two-slide .section-txt-cont .edit-container{ height: 100%;}
.two-slide .section-txt-cont .txt-cont-box{ float: none; height: 100%; position: relative;}
.two-slide .section-txt-cont .txt-cont-box .b-title,.two-slide .section-txt-cont .txt-cont-box .b-cont{}
.two-slide .section-txt-cont .txt-cont-box .b-title{ width: 100%; position: absolute; left: 0; top: 16%;}
.two-slide .section-txt-cont .txt-cont-box .b-cont{ position: absolute; top: 50%; transform:translateY(-50%); right: 0; margin-top: 0;}


.three-swiper-slide2 .section-txt-cont .txt-cont-box .b-title,.three-swiper-slide3 .section-txt-cont .txt-cont-box .b-title{ top: 16%; text-align: left;}
.three-swiper-slide2 .section-txt-cont .txt-cont-box .b-cont,.three-swiper-slide3 .section-txt-cont .txt-cont-box .b-cont{ position: absolute; top: 50%; transform:translateY(-50%); right: 5%; margin-top: 0; width: auto; left: auto; bottom: auto; text-align: left;}




.two-pagination{ width: 100%; position: absolute; left: 0; bottom: 2%; z-index: 5;}
.two-swiper-tabs{ width: 100%; /* overflow: hidden; */ /* border-bottom: 1px solid #fff; */}
.two-swiper-tabs::before{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; margin-top: -0.5px; background-color: #fff;}
.two-swiper-tabs .s-two-container{ overflow: visible;}
.two-swiper-tabs .s-two-slide{ line-height: 55px; font-size: 18px; text-align: center; color: #fff; opacity: 0.6; cursor: pointer; position: relative;}
/* .two-swiper-tabs .s-two-slide::before{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; margin-top: -0.5px; background-color: #fff;} */
.two-swiper-tabs .s-two-slide::after{ content: ''; width: 0; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -2px; background-color: #fff;}
/* .two-swiper-tabs .s-two-slide::before{ content: ''; width: 0; height: 3px; position: absolute; left: 0; bottom: -2px; background-color: #fff;} */
.two-swiper-tabs .s-two-slide .title-box{ display: block; }
.two-swiper-tabs .s-two-slide .title-box .guang{ width: 400px; height: 250px; background: url(/honda/funtec/enjoy/connect40/images/icon-light.png) center no-repeat; background-size: auto 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: -1; display: none;}

.two-swiper-tabs .s-two-slide.swiper-slide-thumb-active{ opacity: 1;}
.two-swiper-tabs .s-two-slide.swiper-slide-thumb-active::after{ width: 100%; -webkit-transition:all 1s ease; transition:all 1s ease;}
.two-swiper-tabs .s-two-slide.swiper-slide-thumb-active .title-box .guang{ display: block;}


.drive-sign{ position: absolute; bottom: 15px; left: 50%; transform:translateX(-50%); opacity: 0;}
.drive-sign .prev,.drive-sign .next{ width: 6px; height: 10px; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 50%; margin-top: -5px;}
.drive-sign .prev{ background-image: url(/honda/funtec/enjoy/connect40/images/icon-arrow-prev.png); left: -27px;}
.drive-sign .next{ background-image: url(/honda/funtec/enjoy/connect40/images/icon-arrow-next.png); right: -27px;}
.drive-sign .title{ position: relative; padding-left: 37px; line-height: 24px;}
.drive-sign .title .icon{ width: 24px; height: 24px; position: absolute; left: 0; top: 50%; margin-top: -12px;}
.drive-sign .title .icon img{ display: block; width: 100%; -webkit-animation: circleStartAnticlockwise 5s infinite linear; animation: circleStartAnticlockwise 5s infinite linear;}
.drive-sign .title span{ display: block; font-size: 18px; color: #fff;}
/* .drive-sign::after{ display: block; content: ''; width: 400px; height: 250px; background: url(/honda/funtec/enjoy/connect40/images/icon-light.png) center no-repeat; background-size: auto 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-65%); z-index: -1;} */

.two-swiper-tabs .s-two-slide:hover .title-box .title2{ opacity: 0;}
.two-swiper-tabs .s-two-slide:hover .drive-sign{ opacity: 1;}

.three-pagination{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5;}
.three-swiper-tabs .s-three-slide{ text-align: center; color: #fff; opacity: 0.6; cursor: pointer; position: relative; padding-bottom: 70px; padding-top: 7.5%; overflow: initial;}
.three-swiper-tabs .s-three-slide::before{ content: ''; width: 100%; height: 106px; position: absolute; left: 0; bottom: 0; z-index: -1; background: -webkit-linear-gradient(to top, #4462b7, transparent); background: linear-gradient(to top, #4462b7, transparent);}
.three-swiper-tabs .s-three-slide span{ display: inline-block; vertical-align: top; font-size: 18px; line-height: 38px;}
.three-swiper-tabs .s-three-slide.swiper-slide-thumb-active{ opacity: 1;}
.three-swiper-tabs .s-three-slide.swiper-slide-thumb-active span{ border-bottom: 1px solid #fff;}
.three-swiper-tabs .s-three-slide.swiper-slide-thumb-active::before{ height: 220px; background: -webkit-linear-gradient(to top, #577eb9, transparent); background: linear-gradient(to top, #577eb9, transparent);}

.page-control{ width: 38px; height: 70px; border: 1px solid #fff; border-radius: 38px; position: fixed; bottom: 70px; right: 4%; z-index: 99; text-align: center; cursor: pointer; -webkit-box-shadow: 0 0 38px rgba(45, 98, 231, 0.67); box-shadow: 0 0 38px rgba(45, 98, 231, 0.67);}
.page-control-inner{ padding: 16px 0 12px 0; border-radius: 38px; -webkit-box-shadow: 0 0 38px rgba(45, 98, 231, 0.67) inset; box-shadow: 0 0 38px rgba(45, 98, 231, 0.67) inset;}
.page-control span{ display: block; font-size: 12px; color: #58d9fe; line-height: 1;}
.page-control .icon{ width: 12px; height: 20px; margin: 10px auto 0 auto; position: relative; -webkit-animation: opacity1 1s 0s infinite forwards; animation: opacity1 1s 0s infinite forwards;}
.page-control .icon img{ display: block; width: 100%; position: absolute; top: 0; left: 0;}
.page-control.up .icon{ transform: rotateX(180deg);}

@-webkit-keyframes opacity1{0%{opacity: 0} 100% {opacity: 1}}
@keyframes opacity1{0%{opacity: 0} 100% {opacity: 1}}

.follow-circle{ position: absolute; width: 100px; height: 100px; border-radius: 50%; background: url(/honda/funtec/enjoy/connect40/images/icon-follow-arrow.png) center no-repeat #1e46ad; background-size: 54px auto; top: -100px; left: -100px; display: none; z-index: 999; cursor: pointer;}

.bottom-share-code{ position: relative;}
.bottom-share-code img{ display: block; width: 100%;}
.bottom-share-code .specific-note{ padding: 15px 20px; background-color: #2e323d;}

.prototype-qrcode{ position: absolute; right: 9%; bottom: 70px; z-index: 9; text-align: center;}
.prototype-qrcode .pic{ width: 130px; margin: 0 auto;}
.prototype-qrcode .pic img{ display: block; width: 100%;}
.prototype-qrcode .title{ font-size: 20px; color: #fff; margin-top: 20px;}
.section-inner .specific-note{ width: 100%; padding: 15px 20px; position: absolute; left: 0; bottom: 0; z-index: 9;}


/* .friendship-links{ display: none;}
.footer{ margin-top: 0;} */


@media (max-width: 1680px){
	.edit-container{ width: 1280px;}
	
	.section-inner .video-play{ width: 76px; height: 76px; margin: -38px 0 0 -38px;}
	.section-inner .video-play .line.solid{ border-width: 3px;}
	.section-inner .video-play .icon{ width: 12px; height: 12px; margin: -6px 0 0 -6px;}
	
	.b-title{ font-size: 30px;}
	.b-cont{ margin-top: 32px;}
	.b-cont .s-title{ font-size: 25px;}
	.b-cont span{ font-size: 17px;}
	
	.two-swiper-tabs .s-two-slide{ line-height: 44px; font-size: 16px;}
	.two-swiper-tabs .s-two-slide .title-box .guang{ width: 320px; height: 200px;}
	.two-swiper-tabs .s-two-slide::after{ margin-top: -2px;}
	
	.drive-sign{ bottom: 12px;}
	.drive-sign .prev{ left: -22px;}
	.drive-sign .next{ right: -22px;}
	.drive-sign .title{ line-height: 20px; padding-left: 30px;}
	.drive-sign .title .icon{ width: 20px; height: 20px; margin-top: -10px;}
	.drive-sign .title span{ font-size: 16px;}
	/* .drive-sign::after{ width: 320px; height: 200px;} */
	
	.three-swiper-tabs .s-three-slide span{ font-size: 16px; line-height: 30px;}
	.three-swiper-tabs .s-three-slide::before{ height: 85px;}
	.three-swiper-tabs .s-three-slide.swiper-slide-thumb-active::before{ height: 176px;}
	
	.one-swiper-tabs .tabli{ margin: 15px 0;}
	.one-swiper-tabs .tabli span{ font-size: 14px;}
	
	.follow-circle{ width: 80px; height: 80px; background-size: 44px auto;}
	
	.prototype-qrcode .pic{ width: 104px;}
	.prototype-qrcode .title{ font-size: 16px;}
	
}


@media (max-width: 1440px){
	.edit-container{ width: 1120px;}
	
	.section-inner .video-play{ width: 68px; height: 68px; margin: -34px 0 0 -34px;}
	.section-inner .video-play .line.solid{ border-width: 2px;}
	.section-inner .video-play .icon{ width: 10px; height: 10px; margin: -5px 0 0 -5px;}
	
	.b-title{ font-size: 26px;}
	.b-cont{ margin-top: 20px;}
	.b-cont .s-title{ font-size: 22px;}
	.b-cont span{ font-size: 15px;}
	
	.two-swiper-tabs .s-two-slide{ line-height: 38px; font-size: 14px;}
	.two-swiper-tabs .s-two-slide::after{ margin-top: -1px;}
	.two-swiper-tabs .s-two-slide .title-box .guang{ width: 280px; height: 175px;}
	
	.drive-sign{ bottom: 10.5px;}
	.drive-sign .prev{ left: -19px;}
	.drive-sign .next{ right: -19px;}
	.drive-sign .title{ line-height: 18px; padding-left: 26px;}
	.drive-sign .title .icon{ width: 16px; height: 16px; margin-top: -8px;}
	.drive-sign .title span{ font-size: 14px;}
	/* .drive-sign::after{ width: 280px; height: 175px;} */
	
	.three-swiper-tabs .s-three-slide span{ font-size: 14px; line-height: 28px;}
	.three-swiper-tabs .s-three-slide::before{ height: 75px;}
	.three-swiper-tabs .s-three-slide.swiper-slide-thumb-active::before{ height: 154px;}
	
	.follow-circle{ width: 70px; height: 70px; background-size: 38px auto;}
	
	.prototype-qrcode .pic{ width: 90px;}
	.prototype-qrcode .title{ font-size: 16px; margin-top: 15px;}
	
	
	
}

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

@media (max-width: 992px){
	.edit-container{ width: 100%;}
	
	.section-inner .video-play{ width: 1.2rem; height: 1.2rem; margin: -0.6rem 0 0 -0.6rem;}
	.section-inner .video-play .line.solid{ border-width: 0.04rem;}
	.section-inner .video-play .icon{ width: 0.2rem; height: 0.2rem; margin: -0.1rem 0 0 -0.1rem;}
	
	.section-txt-cont{ padding: 0 0.4rem; text-align: left; transform: translateY(-65%); /* top: 25%; */}
	
	.b-title{ font-size: 0.38rem; text-align: center;}
	.b-cont{ margin-top: 0.2rem; text-align:justify; text-justify:inter-ideograph;}
	.b-cont .s-title{ font-size: 0.32rem; margin-bottom: 0.1rem; text-align: center;}
	.b-cont span{ display: inline; vertical-align: top; font-size: 0.24rem;}
	
	.two-swiper-tabs{ width: auto; margin: 0 -25%;}
	.two-swiper-tabs .s-two-slide{ font-size: 0.26rem; line-height: 0.88rem;}
	.two-swiper-tabs .s-two-slide::after{ margin-top: -2px;}
	.two-swiper-tabs .s-two-slide.swiper-slide-active{ opacity: 1;}
	.two-swiper-tabs .s-two-slide.swiper-slide-active::after{ width: 100%; -webkit-transition:all 1s ease; transition:all 1s ease;}
	.two-swiper-tabs .s-two-slide.swiper-slide-active .title-box .guang{ display: block;}
	/* .two-swiper-tabs .s-two-slide.swiper-slide-active::before{ width: 100%; -webkit-transition:all 1s ease; transition:all 1s ease;} */
	
	.drive-sign{ left: 50% !important; transform:translateX(-50%);}
	.drive-sign .title span{ font-size: 0.26rem;}
	
	.two-swiper-tabs .s-two-slide .title-box .title2{ opacity: 0;}
	.two-swiper-tabs .s-two-slide .drive-sign{ opacity: 1;}
	
	.three-swiper-tabs{ width: auto; margin: 0 -25%;}
	.three-swiper-tabs::before{ content: ''; width: 100%; height: 2.2rem; position: absolute; left: 0; bottom: 0; z-index: -1; background: -webkit-linear-gradient(to top, #4462b7, transparent); background: linear-gradient(to top, #4462b7, transparent);}
	.three-swiper-tabs .s-three-slide{ padding-bottom: 1.1rem;}
	.three-swiper-tabs .s-three-slide span{ width: 80%; font-size: 0.26rem; line-height: 1.5; padding-bottom: 0.1rem;}
	.three-swiper-tabs .s-three-slide::before{ height: 1.8rem; display: none;}
	.three-swiper-tabs .s-three-slide.swiper-slide-active{ opacity: 1;}
	.three-swiper-tabs .s-three-slide.swiper-slide-active span{ border-bottom: 1px solid #fff;}
	.three-swiper-tabs .s-three-slide.swiper-slide-active::before{ height: 1.8rem;}
	
	.one-swiper-tabs .tabli{ margin: 0.05rem 0;}
	.one-swiper-tabs .tabli .icon{ width: 0.36rem; height: 0.36rem;}
	.one-swiper-tabs .tabli .icon::before{ width: 0.18rem; height: 0.18rem;}
	.one-swiper-tabs .tabli span{ font-size: 0.26rem; left: 0.6rem; line-height: 0.36rem; text-shadow: 0 0 0.1rem #000;}
	
	.page-control{ display: none;}
	.follow-circle{ display: none !important;}
	
	.one-pagination{ top: 1.5rem; bottom: auto;}
	
	/* .section3-swiper .section-img::after,.section4-swiper .section-img::after{ display: none;} */
	
	/* .two-slide .section-img::before{ background: #000; opacity: 0.3;}
	
	.two-slide .section-txt-cont{ top: 50%; transform: translateY(-60%);} */
	/* .section3-swiper-slide1 .section-img::before{ background: -webkit-linear-gradient(to left, #000, transparent); background: linear-gradient(to left, #000, transparent);} */
	
	.two-slide .section-txt-cont .txt-cont-box .b-title, .two-slide .section-txt-cont .txt-cont-box .b-cont{ position: initial;}
	.two-slide .section-txt-cont .txt-cont-box .b-cont{ margin-top: 0.8rem; transform: translateY(0);}
	.two-slide .section-img::before{ background: #000; opacity: 0.3;}
	.two-slide .section-txt-cont{ bottom: auto; top: 50%; transform: translateY(0); text-align: left; height: auto; text-shadow: 0 0 0.1rem #000;}
	.two-slide .section-txt-cont .txt-cont-box{ width: auto;}
	
	.one-swiper-slide .section-txt-cont .txt-cont-box .b-title, .one-swiper-slide .section-txt-cont .txt-cont-box .b-cont{ position: initial;}
	.one-swiper-slide .section-txt-cont .txt-cont-box .b-cont{ margin-top: 0.3rem;}
	.one-swiper-slide .section-img::before{ background: #000; opacity: 0.3;}
	.one-swiper-slide .section-txt-cont{ bottom: auto; top: 50%; transform: translateY(0); text-align: left; height: auto;}
	.one-swiper-slide .section-txt-cont .txt-cont-box{ width: auto;}
	
	.three-slide .section-txt-cont .txt-cont-box .b-cont{ margin-top: 0.8rem;}
	.three-swiper-slide2 .section-txt-cont .txt-cont-box .b-title, .three-swiper-slide3 .section-txt-cont .txt-cont-box .b-title{ text-align: center;}
	.three-swiper-slide2 .section-txt-cont .txt-cont-box .b-cont, .three-swiper-slide3 .section-txt-cont .txt-cont-box .b-cont{ transform: translateY(0); text-align: center;}
	
	
	/* .section4-swiper-slide3 .section-txt-cont .txt-cont-box .b-title, .section4-swiper-slide3 .section-txt-cont .txt-cont-box .b-cont{ position: initial;}
	
	.section4-swiper-slide3 .section-img::before{ background: #000; opacity: 0.3;}
	.section4-swiper-slide3 .section-txt-cont{ bottom: auto; top: 50%; transform: translateY(-65%); text-align: left; height: auto;}
	.section4-swiper-slide3 .section-txt-cont .txt-cont-box{ width: auto;} */
	
	.prototype-qrcode{ right: 0; bottom: 1.2rem; left: 50%; transform:translateX(-50%); width: 80%;}
	.prototype-qrcode .pic{ width: 1.8rem;}
	.prototype-qrcode .title{ font-size: 0.32rem; margin-top: 0.3rem;}
	
	
	
	/* .friendship-links{ display: none;}
	.footer-share{ display: none !important;}
	.footer{ margin-top: 0;} */
	
	.bottom-share-code .specific-note{ background-color: #2a2e39; padding: 15px 20px;}
	
	.friendship-links{ display: none;}
	
}

@media (max-width: 768px){
	.section-txt-cont{ transform: translateY(-60%);}
}

@media (max-width: 320px){
	.section-txt-cont{ transform: translateY(-55%);}
}

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