@charset "UTF-8";
.section { height: auto; overflow: hidden; position: relative; }

.banner { height: auto; overflow: hidden; position: relative; }

.banner img { display: block; }

.banner .logo { width: 1.24rem; position: absolute; left: 0.46rem; top: 0.27rem; }

.banner .tel { width: 2.22rem; position: absolute; right: 0.52rem; top: 0.47rem; }

.section1 { padding: .5rem .4rem .8rem; background: url(/z/electric2021/images/section1-bg.jpg) center no-repeat; background-size: cover; }

.section1 .t { width: 3.96rem; float: right; }

.section1 .video { width: 100%; height: 3.9rem; position: relative; background: #eee; margin-top: .4rem; }

.section1 .video .c { width: 1.14rem; position: absolute; left: 0; top: 0; }

.section1 .video .img { width: 100%; height: 100%; }

.section1 .video .play { width: .54rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.section1 .imgs { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: .35rem; }

.section1 .imgs li { width: 48.8%; height: 2.3rem; background: #eee; margin-bottom: .17rem; }

.section1 .imgs li img { width: 100%; height: 100%; }

.section2 { padding: .5rem 0 .8rem; background: url(/z/electric2021/images/section2-bg.jpg) center no-repeat; background-size: cover; }

.section2 .t { width: 2.76rem; float: right; margin-right: .4rem; }

.section2 .slide { height: auto; overflow: hidden; margin: .4rem; position: relative; }

.section2 .slide .btns { position: absolute; top: 5.5rem; right: .3rem; z-index: 2; }

.section2 .slide .btns .btn { width: .6rem; height: .6rem; text-align: center; background: #fff; float: left; margin-left: .04rem; display: flex; align-items: center; justify-content: center; }

.section2 .slide .btns .btn.btnPrev i { width: .24rem; height: .24rem; background: url(/z/electric2021/images/prev.png) center no-repeat; background-size: 100%; display: block; }

.section2 .slide .btns .btn.btnNext i { width: .24rem; height: .24rem; background: url(/z/electric2021/images/next.png) center no-repeat; background-size: 100%; display: block; }

.section2 .slide .btns .btn.swiper-button-disabled { opacity: .4; }

.section2 .slide .swiper-slide { height: auto; overflow: hidden; }

.section2 .slide .swiper-slide .tt { width: 2.6rem; }

.section2 .slide .swiper-slide .text { font-size: .24rem; color: #fff; line-height: .42rem; margin-top: .35rem; }

.section2 .slide .swiper-slide .img { height: auto; overflow: hidden; margin-top: .4rem; }

.section2 .slide .swiper-slide .img img { width: 100%; }

.section2 .tabs { height: auto; overflow: hidden; position: relative; margin: 0 .4rem; }

.section2 .tabs .swiper-slide { text-align: center; position: relative; z-index: 2; }

.section2 .tabs .swiper-slide .dot { width: .22rem; height: .3rem; margin: 0 auto; background: url(/z/electric2021/images/section2-tabs-dot.png) center no-repeat; background-size: 100%; }

.section2 .tabs .swiper-slide h2 { font-size: .18rem; margin-top: .15rem; color: #fff; }

.section2 .tabs .swiper-slide h2 b { font-size: .22rem; }

.section2 .tabs .swiper-slide.swiper-slide-active .dot { background-image: url(/z/electric2021/images/section2-tabs-dot1.png); }

.section2 .tabs:after { content: ""; width: 100%; height: .03rem; background: url(/z/electric2021/images/section2-line.png) center no-repeat; background-size: 100%; position: absolute; left: 0; top: .15rem; }

.section3 { padding: .5rem 0 .75rem; }

.section3 .t { width: 2.5rem; margin: 0 auto; }

.section3 .video { width: 100%; height: 4.08rem; margin-top: .22rem; background: url(/z/electric2021/images/section3-video.png) center no-repeat; background-size: 100%; position: relative; }

.section3 .video .play { width: .54rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.section3 .car { width: 4.47rem; position: absolute; left: 0; bottom: 0; }

.section4 { padding: .6rem .4rem .8rem; background: url(/z/electric2021/images/section4-bg.jpg) center no-repeat; background-size: cover; }

.section4 .t { width: 2.71rem; float: left; }

.section4 .slide { height: auto; overflow: hidden; margin-top: .4rem; position: relative; }

.section4 .slide .btns { position: absolute; top: 4.2rem; right: .4rem; z-index: 2; }

.section4 .slide .btns .btn { width: .6rem; height: .6rem; text-align: center; background: #fff; float: left; margin-left: .04rem; display: flex; align-items: center; justify-content: center; }

.section4 .slide .btns .btn.btnPrev i { width: .24rem; height: .24rem; background: url(/z/electric2021/images/prev.png) center no-repeat; background-size: 100%; display: block; }

.section4 .slide .btns .btn.btnNext i { width: .24rem; height: .24rem; background: url(/z/electric2021/images/next.png) center no-repeat; background-size: 100%; display: block; }

.section4 .slide .btns .btn.swiper-button-disabled { opacity: .4; }

.section4 .slide .swiper-slide { height: auto; overflow: hidden; }

.section4 .slide .swiper-slide .text { height: 5.2rem; overflow: hidden; padding: .6rem .4rem; margin-bottom: .05rem; }

.section4 .slide .swiper-slide .text h2 { font-size: .32rem; color: #fff; margin-bottom: .4rem; font-weight: bold; }

.section4 .slide .swiper-slide .text ul { height: auto; overflow: hidden; }

.section4 .slide .swiper-slide .text ul li { font-size: .24rem; color: #fff; line-height: .32rem; margin-bottom: .2rem; }

.section4 .slide .swiper-slide .text ul li b { font-weight: bold; }

.section4 .slide .swiper-slide.swiper-slide1 .text { background: url(/z/electric2021/images/section4-text-bg1.jpg) center no-repeat; background-size: cover; }

.section4 .slide .swiper-slide.swiper-slide2 .text { background: url(/z/electric2021/images/section4-text-bg2.jpg) center no-repeat; background-size: cover; }

.section4 .slide .swiper-slide.swiper-slide3 .text { background: url(/z/electric2021/images/section4-text-bg3.jpg) center no-repeat; background-size: cover; }

.section4 .slide .swiper-slide.swiper-slide4 .text { background: url(/z/electric2021/images/section4-text-bg4.jpg) center no-repeat; background-size: cover; }

.section5 { padding: .5rem .4rem .75rem; background: #F4F9F5; }

.section5 .t { width: 2.76rem; float: right; }

.section5 .slide { overflow: hidden; margin-top: .5rem; position: relative; padding-bottom: .6rem; }

.section5 .slide .swiper-slide { padding: .6rem 0; background: #fff; }

.section5 .slide .swiper-slide img { width: 100%; }

.section5 .slide .swiper-slide h2 { font-size: .32rem; color: #000; text-align: center; font-weight: bold; }

.section5 .slide .swiper-slide p { font-size: .28rem; color: #000; line-height: .45rem; text-align: center; margin-top: .1rem; }

.section5 .slide .swiper-slide .btn { width: 50%; font-size: .28rem; color: #000; margin: 15px auto 0; line-height: .8rem; height: .8irem; text-align: center; border: 1px solid #000; border-radius: 50px; }

.section5 .slide .swiper-slide:hover img { transform: scale(1.05); }

.section5 .slide .swiper-slide:hover h2 { color: #119763; }

.section5 .slide .swiper-slide:hover .btn { background: linear-gradient(180deg, #0C9A54 0%, #04A871 100%); border: none; color: #fff; }

.section5 .slide .swiper-pagination-bullets { bottom: 0; }

.section5 .slide .swiper-pagination-bullet-active { background: #019966; }

.order { padding: .5rem .4rem 0; background: url(/z/electric2021/images/order-bg.jpg) top no-repeat; background-size: cover; }

.order .t { width: 2.88rem; margin: 0 auto; }

.order .content-box { padding: 0 .4rem; padding-top: .7rem; background-color: #fff; padding-bottom: .4rem; margin-top: 4rem; }

.order .content-box .text-box { color: #555; font-size: .24rem; display: flex; align-items: center; justify-content: center; }

.order .content-box .text-box img { width: .4rem; height: .4rem; margin-right: .3rem; }

.order .content-box .form-box { margin-top: .5rem; }

.order .content-box .form-box .item { display: flex; margin-bottom: .25rem; }

.order .content-box .form-box .item .label { color: #000; font-size: .24rem; width: .7rem; text-align: right; min-width: .7rem; margin-right: .3rem; margin-top: .27rem; }

.order .content-box .form-box .item .label span { color: #F52F2F; margin-right: .04rem; }

.order .content-box .form-box .item .input { border: 1px solid #E5E5E5; padding: .27rem .32rem; width: 100%; }

.order .content-box .form-box .item .input input { width: 100%; }

.order .content-box .form-box .item .input textarea { width: 100%; height: 2.2rem; background-color: transparent; }

.order .content-box .form-box .item .submit-button { color: #FFFFFF; font-size: .26rem; text-align: center; padding: .26rem 0; background-color: #119763; width: 100%; }

.footer { height: auto; overflow: hidden; padding: .5rem .3rem; background: #549344; }

.footer p { font-size: .22rem; color: #fff; text-align: center; line-height: .36rem; margin-bottom: .15rem; }

.video-box { height: auto; overflow: hidden; position: relative; }

.video-box::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.2); z-index: 1; }

.video-box.img::before { display: none; }

.video-box span { position: absolute; width: 0.56rem; height: 0.56rem; display: block; left: 50%; top: 50%; margin-left: -0.28rem; margin-top: -0.28rem; z-index: 2; background: url("/z/electric2021/images/icon-play.png") center top no-repeat; background-size: cover; }

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

/* ÊÓÆµ */
.popVideo { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 22; background: #000; display: none; }

.popVideo video { width: 100%; height: 50vh; position: absolute; z-index: 0; top: 0; bottom: 0; margin: auto; }

.popVideo .close { position: absolute; right: 0; top: 0; padding: 0.4rem; color: #fff; z-index: 2; font-size: 0.3rem; }

.popup-box { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; z-index: 1200; height: 100vh; display: none; }

.popup-box .mask { background-color: rgba(0, 0, 0, 0.6); height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; }

.popup-box .content-box { background-color: #fff; position: relative; z-index: 1300; margin: 0 .5rem; margin-top: 30vh; border-radius: .2rem; }

.popup-box .content-box .head { font-size: .32rem; text-align: center; background-color: #4AC890; color: #fff; padding: .3rem 0; border-radius: .2rem .2rem 0 0; }

.popup-box .content-box .body { padding: .3rem; font-size: .26rem; line-height: .4rem; min-height: 20vh; }

.toast-box { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; z-index: 1200; height: 100vh; display: none; }

.toast-box .content { text-align: center; position: absolute; bottom: 50vh; width: 100%; }

.toast-box .content .body { background-color: rgba(0, 0, 0, 0.6); color: #fff; padding: .24rem; border-radius: .2rem; display: inline-block; max-width: 60%; line-height: .4rem; }

.fixed-right { width: 2.18rem; height: .76rem; background: url(/z/electric2021/images/fixed-right.png) center no-repeat; background-size: 100%; position: fixed; right: 0; bottom: 1.5rem; z-index: 40; }

.fixed-right a { height: 100%; display: block; }

/* Í¼¼¯µ¯³ö */
.imgBox { width: 100%; height: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 51; margin: auto; display: none; align-items: center; background: black; }

.imgBox .slide { width: 100%; height: auto; overflow: hidden; }

.imgBox .slide img { width: 100%; }

.imgBox .slide h2 { font-size: .26rem; color: #fff; text-align: center; padding: .2rem; line-height: .34rem; }

.imgBox .swiper-button-prev, .imgBox .swiper-button-next { width: .6rem; height: .6rem; left: 0; margin-top: -1rem; background: url(/z/electric2021/images/lb-left.jpg) center no-repeat; background-size: 100%; }

.imgBox .swiper-button-next { left: auto; right: 0; background: url(/z/electric2021/images/lb-right.jpg) center no-repeat; background-size: 100%; }

.imgBox .btnClose { width: .48rem; height: .48rem; background: url(/z/electric2021/images/btnClose.png) center no-repeat; background-size: 100%; display: block; margin: .2rem auto; }
<!--ºÄÊ±1755825053.089Ãë-->