@charset "UTF-8";
.lightbox { padding: 35px 40px; width: 1000px; margin: 0 auto; background: #fff; }

.lightbox .lb-image { border: 0; }

.lightbox .lb-number { font-size: 12px; float: left; color: #fff; }

.lightbox .lb-data .lb-details { width: 100%; }

.lightbox .tab img { display: inline-block; }

.lightbox .tab .lb-prev { position: absolute; margin-top: -35px; margin-left: -25px; left: 0; width: 50px; height: 50px; top: 50%; }

.lightbox .tab .lb-next { position: absolute; margin-top: -35px; margin-right: -25px; right: 0; width: 50px; height: 50px; top: 50%; }

.lb-data .lb-caption { font-size: 16px; padding: 10px 0; display: block; color: #333; font-weight: normal; }

.lb-data .lb-close { background-size: cover; position: absolute; left: 50%; bottom: 20px; opacity: 1; width: 32px; height: 32px; margin-left: -16px; }

.header { width: 100%; height: 80px; overflow: hidden; position: fixed; left: 0; top: 0; background: #fff; z-index: 10; border-bottom: 1px solid #f9f9f9; }

.header .logo { width: 70px; display: block; padding: 17px 0; }

.header .nav { height: auto; overflow: hidden; }

.header .nav a { height: 80px; line-height: 80px; display: inline-block; font-size: 15px; color: #666; margin-left: 30px; }

.header .nav a.btn { padding: 0 15px; background: #40A968; color: #fff; }

.header .nav a.btn:hover { color: #fff; }

.header .nav a.btn.active { color: #fff; }

.header .nav a:hover, .header .nav a.active { color: #40A968; }

.header .nav a img { display: inline-block; vertical-align: -4px; margin-right: 5px; }

.header .nav .tel { width: 170px; height: 36px; background: url(/z/electric2021/images/400.png) center no-repeat; background-size: 100%; display: inline-block; position: relative; top: 10px; margin-left: 20px; }

.wrap { padding: 80px 0 68px; }

.banner { width: 100%; height: auto; position: relative; }

.banner .logo { margin-top: 40px; }

.block { height: auto; overflow: hidden; position: relative; z-index: 1; }

.block .title { background-size: 100%; background-repeat: no-repeat; background-position: center; margin: 0 auto; }

.block .content { width: 1340px; margin: 0 auto; position: relative; }

.block.block1 { padding: 80px 0; height: 788px; background: url(/z/electric2021/images/block1-bg.jpg) center no-repeat; background-size: cover; }

.block.block1 .left { width: 670px; height: 627px; background: #eee; position: relative; cursor: pointer; overflow: hidden; }

.block.block1 .left .corner { width: 114px; height: 118px; background: url(/z/electric2021/images/block1-corner.png) center no-repeat; background-size: 100%; position: absolute; left: 0; top: 0; z-index: 1; }

.block.block1 .left img { width: 100%; height: 100%; }

.block.block1 .left .play { width: 60px; height: 60px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; }

.block.block1 .left:hover img { transform: scale(1.05); opacity: .8; }

.block.block1 .right { width: 670px; height: auto; overflow: hidden; }

.block.block1 .right .title { width: 362px; height: 106px; background-image: url(/z/electric2021/images/block1-t.png); }

.block.block1 .right .imgs { height: auto; overflow: hidden; margin-top: 43px; }

.block.block1 .right .imgs li { width: 326px; height: 230px; background: #eee; float: left; margin: 9px 0 0 9px; cursor: pointer; overflow: hidden; }

.block.block1 .right .imgs li img { width: 100%; height: 100%; }

.block.block1 .right .imgs li:hover img { transform: scale(1.05); opacity: .8; }

.block.block2 { padding: 80px 0; height: 695px; background: url(/z/electric2021/images/block2-bg.jpg) center no-repeat; background-size: cover; position: relative; }

.block.block2 .title { width: 255px; height: 105px; background-image: url(/z/electric2021/images/block2-t.png); position: absolute; left: 0; top: 0; z-index: 1; }

.block.block2 .swiper { height: auto; overflow: hidden; position: relative; z-index: 0; }

.block.block2 .swiper .swiper-slide { height: auto; overflow: hidden; background: #15a164; }

.block.block2 .swiper .swiper-slide .text { width: 620px; height: auto; overflow: hidden; padding-top: 155px; }

.block.block2 .swiper .swiper-slide .text p { font-size: 15px; color: #fff; line-height: 34px; margin-top: 30px; }

.block.block2 .swiper .swiper-slide .img { width: 670px; height: 430px; }

.block.block2 .swiper .btns { height: auto; overflow: hidden; position: absolute; left: 560px; bottom: 0px; z-index: 2; }

.block.block2 .swiper .btns .btn { width: 44px; height: 44px; background: #fff; float: left; cursor: pointer; position: relative; transition: all .3s; margin: 0 1px; }

.block.block2 .swiper .btns .btn i { width: 20px; height: 20px; background-position: center; background-size: 100%; background-repeat: no-repeat; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.block.block2 .swiper .btns .btn.btnPrev i { background-image: url(/z/electric2021/images/prev.png); }

.block.block2 .swiper .btns .btn.btnNext i { background-image: url(/z/electric2021/images/next.png); }

.block.block2 .swiper .btns .btn:hover { opacity: .8; }

.block.block2 .swiper .btns .btn.swiper-button-disabled { opacity: .4; }

.block.block2 .tabs { height: auto; overflow: hidden; text-align: center; margin-top: 40px; position: relative; z-index: 2; }

.block.block2 .tabs .swiper-slide { display: inline-block; text-align: center; cursor: pointer; }

.block.block2 .tabs .swiper-slide .dot { width: 22px; height: 36px; background: url(/z/electric2021/images/block2-tab-dot.png) center no-repeat; background-size: 100%; margin: 0 auto; transform: translateY(3px); }

.block.block2 .tabs .swiper-slide h2 { font-size: 14px; color: #fff; height: 24px; }

.block.block2 .tabs .swiper-slide h2 b { font-size: 20px; margin-right: 3px; }

.block.block2 .tabs .swiper-slide.active { transform: translateY(-3px); }

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

.block.block2 .tabs .swiper-slide.active h2 b { font-size: 24px; font-weight: bold; }

.block.block2 .tabs .swiper-slide:first-child { margin-left: 0; }

.block.block2 .tabs .swiper-slide:last-child { margin-right: 0; }

.block.block2:after { content: ""; width: 100%; height: 3px; background: url(/z/electric2021/images/block2-line.png) center no-repeat; background-size: 100%; position: absolute; left: 0; bottom: 122px; z-index: 1; }

.block.block3 { padding: 80px 0; height: 800px; background: url(/z/electric2021/images/block3-bg.jpg) center no-repeat; background-size: cover; }

.block.block3 .title { width: 230px; height: 105px; background-image: url(/z/electric2021/images/block3-t.png); }

.block.block3 .video { height: 547px; overflow: hidden; margin-top: 25px; position: relative; cursor: pointer; }

.block.block3 .video .icon-play { width: 54px; height: 54px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; }

.block.block3 .car { width: 465px; height: 192px; background: url(/z/electric2021/images/block3-car.png) center no-repeat; background-size: 100%; position: absolute; left: -155px; bottom: -45px; }

.block.block4 { padding: 80px 0; height: 704px; background: url(/z/electric2021/images/block4-bg.jpg) center no-repeat; background-size: cover; }

.block.block4 .title { width: 256px; height: 104px; background-image: url(/z/electric2021/images/block4-t.png); }

.block.block4 .left { width: 670px; height: auto; overflow: hidden; }

.block.block4 .left .swiper { height: auto; overflow: hidden; margin-top: 30px; position: relative; }

.block.block4 .left .swiper .swiper-slide { width: 100%; height: 434px; overflow: hidden; padding: 70px 46px; }

.block.block4 .left .swiper .swiper-slide.bg1 { background: url(/z/electric2021/images/block4-text-bg1.jpg) center no-repeat; background-size: 100%; }

.block.block4 .left .swiper .swiper-slide.bg2 { background: url(/z/electric2021/images/block4-text-bg2.jpg) center no-repeat; background-size: 100%; }

.block.block4 .left .swiper .swiper-slide.bg3 { background: url(/z/electric2021/images/block4-text-bg3.jpg) center no-repeat; background-size: 100%; }

.block.block4 .left .swiper .swiper-slide.bg4 { background: url(/z/electric2021/images/block4-text-bg4.jpg) center no-repeat; background-size: 100%; }

.block.block4 .left .swiper .swiper-slide .t { font-size: 26px; color: #fff; font-weight: bold; }

.block.block4 .left .swiper .swiper-slide ul { height: auto; overflow: hidden; margin-top: 10px; }

.block.block4 .left .swiper .swiper-slide ul li { height: auto; overflow: hidden; margin-top: 30px; font-size: 15px; color: #fff; margin-top: 30px; }

.block.block4 .left .swiper .swiper-slide ul li b { font-weight: bold; }

.block.block4 .left .swiper .btns { height: auto; overflow: hidden; position: absolute; right: 30px; bottom: 30px; z-index: 1; }

.block.block4 .left .swiper .btns .btn { width: 44px; height: 44px; background: #fff; float: left; cursor: pointer; position: relative; transition: all .3s; margin: 0 1px; }

.block.block4 .left .swiper .btns .btn i { width: 20px; height: 20px; background-position: center; background-size: 100%; background-repeat: no-repeat; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.block.block4 .left .swiper .btns .btn.btnPrev i { background-image: url(/z/electric2021/images/prev.png); }

.block.block4 .left .swiper .btns .btn.btnNext i { background-image: url(/z/electric2021/images/next.png); }

.block.block4 .left .swiper .btns .btn:hover { opacity: .8; }

.block.block4 .left .swiper .btns .btn.swiper-button-disabled { opacity: .4; }

.block.block4 .right { width: 667px; height: 434px; overflow: hidden; margin-top: 134px; }

.block.block5 { padding: 80px 0; height: auto; background: #F4F9F5; }

.block.block5 .title { width: 253px; height: 102px; background-image: url(/z/electric2021/images/block5-t.png); float: right; }

.block.block5 .swiper { width: 100%; overflow: hidden; margin-top: 40px; position: relative; padding: 0 70px; }

.block.block5 .swiper .slide { overflow: hidden; }

.block.block5 .swiper .slide .swiper-slide { padding: 80px 0; background: #fff; }

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

.block.block5 .swiper .slide .swiper-slide h2 { font-size: 24px; color: #000; text-align: center; font-weight: bold; }

.block.block5 .swiper .slide .swiper-slide p { font-size: 20px; color: #000; line-height: 44px; text-align: center; }

.block.block5 .swiper .slide .swiper-slide .btn { width: 50%; font-size: 18px; color: #000; margin: 15px auto 0; line-height: 60px; height: 60px; text-align: center; border: 1px solid #000; border-radius: 50px; transition: all .3s; }

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

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

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

.block.block5 .swiper .btnarr { width: 50px; height: 50px; position: absolute; left: 1px; top: 45%; z-index: 1; cursor: pointer; border-radius: 50%; background: #119763; display: flex; align-items: center; justify-content: center; }

.block.block5 .swiper .btnarr.btn-right { right: 1px; left: auto; }

.block.block5 .swiper .btnarr.swiper-button-disabled { opacity: .5; cursor: no-drop; }

.block.block5 .swiper .swiper-pagination-bullets { bottom: 0; }

.block.block5 .swiper .swiper-pagination-bullet-active { background: #019966; }

.block.order { padding: 80px 0; height: 724px; background: url(/z/electric2021/images/order-bg.jpg) center no-repeat; background-size: cover; }

.block.order .title { width: 342px; height: 109px; background-image: url(/z/electric2021/images/order-t.png); }

.block.order .form { width: 600px; height: auto; overflow: hidden; background: #fff; padding: 60px; }

.block.order .form p { font-size: 16px; color: #555353; margin-bottom: 30px; }

.block.order .form p img { display: inline-block; vertical-align: -4px; margin-right: 15px; }

.block.order .form .row { height: auto; overflow: hidden; line-height: 50px; margin-bottom: 14px; }

.block.order .form .row label { font-size: 14px; margin-right: 10px; vertical-align: top; }

.block.order .form .row label i { color: #DB3737; }

.block.order .form .row input { width: 395px; height: 45px; font-size: 14px; position: relative; top: -2px; border: 1px solid #e5e5e5; padding: 0 10px; }

.block.order .form .row textarea { width: 395px; height: 100px; padding: 10px; font-size: 14px; border: 1px solid #e5e5e5; }

.block.order .form .btn { width: 395px; line-height: 45px; background: #23B878; text-align: center; font-size: 16px; margin-left: 42px; color: #fff; text-align: center; cursor: pointer; transition: all .3s; }

.block.order .form .btn:hover { background: #40A968; }

.footer { width: 100%; height: auto; overflow: hidden; position: absolute; bottom: 25px; }

.footer p { font-size: 14px; color: #fff; text-align: center; line-height: 24px; }

.popVideo { width: 1200px; height: 700px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 99; display: none; border: 3px solid #40A968; }

.popVideo .video-box { width: 100%; height: 100%; }

.popVideo .btn-close { width: 40px; height: 40px; background: url(/z/electric2021/images/btn-close.jpg) center no-repeat; background-size: 100%; position: absolute; right: -43px; top: -3px; cursor: pointer; }

.cover { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 98; background: rgba(0, 0, 0, 0.7); display: none; }

/* 底部表单 */
.footerFixed { z-index: 10; height: 68px; overflow: hidden; background-color: #15a164; position: fixed; left: 0; right: 0; bottom: -68px; transition: all .5s linear; }

.footerFixed.active { bottom: 0; }

.footerFixed .box { width: 1362px; padding-top: 17px; margin: 0 auto; }

.footerFixed .box span { display: block; padding-right: 30px; margin-right: 30px; position: relative; height: 36px; line-height: 36px; }

.footerFixed .box span img { display: inline-block; vertical-align: middle; }

.footerFixed .box span::before { content: ""; position: absolute; right: 0; top: 8px; bottom: 6px; width: 1px; background-color: #EAE4DB; }

.footerFixed .box .input-box { width: 260px; height: 36px; margin-right: 30px; background-color: #fff; overflow: hidden; padding-left: 10px; }

.footerFixed .box .input-box input { width: 240px; height: 36px; border: 0; font-size: 14px; }

.footerFixed .box .input-box select { width: 240px; height: 36px; border: 0; font-size: 14px; }

.footerFixed .box .btn { width: 268px; height: 36px; line-height: 36px; text-align: center; background-color: #1C7D64; font-size: 15px; font-weight: bold; color: #fff; }

/* 右侧浮动 */
.fright { width: 44px; height: auto; position: fixed; right: 0; top: 40%; z-index: 100; }

.fright .item { width: 134px; height: 44px; margin-bottom: 1px; position: relative; right: 0; transition: .3s; display: block; }

.fright .item .icon { width: 44px; height: 44px; float: left; }

.fright .item .icon.icon1 { background: url(/z/electric2021/images/fright-icon1.png) center no-repeat #40A968; }

.fright .item .icon.icon2 { background: url(/z/electric2021/images/fright-icon2.png) center no-repeat #40A968; }

.fright .item .icon.icon3 { background: url(/z/electric2021/images/fright-icon3.png) center no-repeat #40A968; }

.fright .item .icon.icon4 { background: url(/z/electric2021/images/fright-icon4.png) center no-repeat #40A968; }

.fright .item .icon.icon5 { background: url(/z/electric2021/images/fright-icon5.png) center no-repeat #40A968; }

.fright .item .icon.icon6 { background: url(/z/electric2021/images/fright-icon6.png) center no-repeat #40A968; }

.fright .item span { width: 90px; line-height: 44px; font-size: 14px; float: left; background: #fff; text-align: center; }

.fright .item.active, .fright .item:hover { right: 90px; }
<!--耗时1756403474.8206秒-->