/* CSS Reset */ body .imp{width: 100%;height:auto;display: block;} body .impp{position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:10;max-width: 100%;max-height: 100%;} .clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .clamp2 {display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .clamp01 {display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} /* fonts */ .title-style h1,.title-style h3,.title-style h2,.title-style h4,.screen-7 .swiper-right .swiper-text .item .title-1 h3,.swiper-tab-title h4,.screen-7 .swiper-right .swiper-text .item .title-1 h5,.screen-9 .upper-video .title-style h2,.screen-banner-swiper .screen-banner-slide .text h1,.our-project-swiper-3 .text h4,.product-range-list .item-2 .text h3,.screen-3 .upper .bottom .item .text h4,.screen-5 .upper .left .text h4,.screen-5 .upper .bottom .left li h2,.page-banner .text h2,.page-banner .text h5,.interesting-detail-title h1,.interesting-other h2,.Contact-our-team .left .email h3,.contact-bottom .right .name h2,.contact-bottom .right .name h4,.banner-slide .txt h1,.index-products-center .bottom3 a .text h2,.index-about .about-item .left .title h2,.index-interesting .title h2,.index-interesting-list a .text h2,.item-nav .left .ntitle h3,.item-nav .cnav li a h4,.screen-1 .title-style h5,.screen-12 .swiper-right .swiper-text .item .title-1 h3,.cd-nav a,.shownav-c ul li a,.shownav-c ul li h4,.about-ours .left .text .item h3,.core-competence .absolute .item3 .item h3 {font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial;} .screen-3 .right .text .serial-num,.header .content .right .language .icon,.evcharger-data .item li h2 strong,.evcharger-data .item li h2 span,.screen-1 .upper .item4 li h2,.screen-3 .left .item2 li h2 strong,.screen-3 .img .text *,.screen-7 .screen-7-swiper .spagination7 span,.index-about .about-item .right li h2 strong,.index-about .about-item .right li h2 span,.about-global .top .left .text .num h2 strong,.about-global .top .left .text .num h2 span,.swiper-history .swiper-history-time .year-num,.swiper-history .swiper-history-time .year-num span,.about-date .left .item h2 strong,.about-swiper-pic .swiper-slide .text .itemlist .item h4 strong {font-family: 'Barlow-Bold',Microsoft Yahei,Arial;} .screen-7 .swiper-right .swiper-text .item .text strong,.screen-7 .swiper-right .swiper-text .item .text h2,.swiper-button-bottom .snext8 h6,.swiper-button-bottom .sprev8 h6,.swiper-button-bottom .swiper-pagination.spagination8 span,.swiper-button-bottom .swiper-pagination.spagination8,.contact-section .content .left .content-way li span h5,.popup-window-content .rolling-content .rolling-h h2,.header .content .center .nav li a,input,textarea,.screen-3 .img .text h3 p,.screen-5 .upper .bottom .left li h4,.interesting-detail-turnpage a span,.download-list a .text h3,.Contact-our-team .left .email h1,.screen-12 .swiper-right .swiper-text .item .text strong,.about-date .left .item h3,.about-date .left .item h3 strong,.about-date .right .item h4 strong {font-family: 'Montserrat-Bold',Microsoft Yahei,Arial;;} .title-style h5,.view-btn h5,.screen-2 .top .right .text,.screen-2 .top .right .faq-btn h6,.screen-3 .left .text,.screen-3 .right .text .txt1,.header .content .right .search .search-input,.footer .content .center .left .subscribe input::-webkit-input-placeholder,.footer .content .center .left .subscribe .subscribe-submit,.page-path a,.download-list a .text h5 span,.download-list-bottom a .text h5 span,.page-banner .text h6,.index-products-center .bottom3 a .text h6 span,.index-about .about-item .left .play span,.index-about .about-item .right li h6,.screen8-swiper-img .section-item .item a h4 strong,.about-date .left .item h4 {font-family: 'Montserrat-Light',Microsoft Yahei,Arial;font-weight: normal;} /* index-1 */ /*.mb-nav {position: absolute;width:25px;height:25px;z-index: 10000;display:none;left: 50%;top:50%;transform: translateY(-50%);}*/ /*.mb-nav a {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}*/ /*.mb-nav a::after,.mb-nav a i:before,.mb-nav a i:after,.mb-nav a em:before,.mb-nav a em:after {content: '';width: 100%;height: 3px;background: #000489;position: absolute;transition:all .4s ease;z-index: 5;}*/ /*.mb-nav a::after,.mb-nav a em:after{background: #4db560;}*/ /*.mb-nav a::after {left: 0;top: 50%;transform: translateY(-50%);}*/ /*.mb-nav a i {width: 100%;height: 3px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 5;}*/ /*.mb-nav a i:before,.mb-nav a i:after {left: 0;top: 0;transform: none;}*/ /*.mb-nav a i:before {top: -8px;}*/ /*.mb-nav a i:after {top: auto;bottom: -8px;}*/ /*.mb-nav a em {width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 5;}*/ /*.mb-nav a em:before,.mb-nav a em:after {left: 50%;top: 50%;transform: translate(-50%,-50%);}*/ /*.mb-nav a em:before {transform: translate(-60px,-40px) rotate(45deg);}*/ /*.mb-nav a em:after {transform: translate(30px,-40px) rotate(-45deg);}*/ /*.navon .mb-nav a::after {transform: translateX(50px);}*/ /*.navon .mb-nav a i:before,.navon .mb-nav a i::after {transform: translateX(-50px);} */ /*.navon .mb-nav a em:before {transform: translate(-50%,-50%) rotate(45deg);}*/ /*.navon .mb-nav a em:after {transform: translate(-50%,-50%) rotate(-45deg);} */ /*.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background: #fff;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }*/ /*.header-top{width: 100%;height:100%;position: relative;z-index: 995;background-color: #fff;}*/ /*.header-top::after{content: '';left: 0; bottom: 0; width: 100%; height:1px; background: #e6e6e6;position: absolute;}*/ /*.header .content { width: 90%; height: 100%; margin: auto;display: flex;align-items: center;position: relative;}*/ /*.header .content .left { position: relative; height: 84px; }*/ /*.header .content .left .logo { display: block; width: 130px; height: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }*/ /*.header .content .left .logo img {width: 100%;}*/ /*.header .content .center { text-align: center; position: absolute; left: 15%; width: 70%; height: 100%; top: 0;}*/ /*.header .content .center .header-nav { margin: 0; padding: 0; list-style: none; font-size: 0; }*/ /*.header .content .center .header-nav li { display: inline-block; margin: 0; list-style: none; position: relative;z-index: 1001; }*/ /*.header .content .center .header-nav li a { display: block; color: #1a1a1a; font-size: 16px; line-height: 84px; margin: 0 20px; position: relative; font-family: 'Poppins-sb',Microsoft Yahei,Arial;}*/ /*.header .content .right { font-size: 0;position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 84px; }*/ /*.header .content .right .search { display: inline-block; vertical-align: middle; position: relative;}*/ /*.header .content .right .search .icon { display: block; width: 18px; height: 18px; position: absolute; right: 0; top: 50%; margin-top: -9px; background: url(../images/ss.png) center no-repeat; background-size: 100%; cursor: pointer; z-index: 5;}*/ /*.header .content .right .language { display: inline-block; vertical-align: middle; margin: 0 0px 0 30px; overflow: hidden; cursor: pointer;height: 100%;}*/ /*.header .content .right .language .icon { display: block; width: 18px; height: 18px; padding-left: 25px; color: #1a1a1a; font-size: 15px; background: url(../images/ll.png) left center no-repeat; display: flex; align-items: center;justify-content: center;font-family: 'Poppins-sb',Microsoft Yahei,Arial;position: relative;top: 50%;left:0;transform: translateY(-50%);}*/ /*.header .content .right .language .language-show { display: none; position: absolute; width: 100px; right: -30px; text-align: center; top:80px; background: #fff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);padding-top: 4px; }*/ /*.header .content .right .language .language-show.show{display: block;}*/ /*.header .content .right .language .language-show a { display: block; color: #000; font-size: 12px; line-height: 20px; opacity: .5;padding: 10px;border-bottom: 1px solid #0000001a; }*/ /*.header .content .right .language .language-show a:last-child {border-bottom: none;}*/ /*.header .content .right .language .language-show a:hover{color:#4db560;}*/ /*.header-nav-show { position: absolute; top: 100%; left:0; z-index: 1000;height: auto;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;}*/ /*.header-nav-show .content-1 {display: flex; }*/ .header-nav-show .content-1 .nav-content { flex-direction: column; gap: 16px;transition: opacity 0.3s ease, visibility 0.3s ease;text-align: left;width: 100%; flex-direction:row;/* 修改为水平排列 */ display: flex; gap: 40px; /* 两栏之间的间距 */} /*.header-nav-show .content-1 .nav-content .cnav {vertical-align: top; box-sizing: border-box; float: left; width: 237px;min-width: 237px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}*/ /*.header-nav-show .content-1 .nav-content .cnav .lit { display: flex;width: 100%; list-style: none; align-items: center; }*/ /*.header-nav-show .content-1 .nav-content .cnav .lit a { display: flex; color: #000; font-size: 14px; line-height: 24px; position: relative; font-family: 'Poppins-sb',Microsoft Yahei,Arial;padding: 10px 0; float: left;align-items: center;justify-content: space-between;width: 100%;border-bottom: 1px solid #cccccc;}*/ /*.header-nav-show .content-1 .nav-content .cnav2 .lit a{color: #999999;}*/ /*.header-nav-show .content-1 .nav-content .cnav .lit:last-child a { border-bottom: none; }*/ /*.header-nav-show .content-1 .nav-content .cnav .lit .jiant-2-1{position: relative;width: 15px;height: 14px;display: inline-block;opacity: 0;background: url(../images/rjt002.svg) center no-repeat;}*/ /*.header-nav-show .content-1 .nav-content .cnav .lit .jiant-2-1 img{width: 100%;}*/ /*.header-nav-show .content-1 .nav-content .cnav .lit a:hover { color: #4db560; } */ /*.header-nav-show .content-1 .nav-content .cnav .lit a:hover .jiant-2-1 { opacity: 1; }*/ /*.header-nav-show .content-1 .nav-content .cnav1 .lit{position: relative;}*/ /*.header-nav-show .content-1 .nav-content .cnav .lit a[href="#energy-storage"] { color: #4db560;} */ /*.header-nav-show .content-1 .nav-content .cnav1 .lit.qur a { color: #4db560; } */ /*.header-nav-show .content-1 .nav-content .cnav1 .lit.qur a .jiant-2-1 { opacity: 1; }*/ /*.header-show-mark.cur {display: block;opacity: 1;z-index:400;pointer-events: auto;}*/ /*.header-show-mark {position: fixed;left: 0;top:84px;width: 100%;height: 100%;z-index:-1;overflow: hidden;transition:all .4s ease;background: rgba(0,0,0,.5);opacity: 0;display: none;pointer-events: none;}*/ /*.header-show-mark {display: none;}*/ /*.nav-content.active { display: flex !important; opacity: 1; }*/ /*.header-nav-show .content-1 .nav-content.Hide { opacity: 0; display: none !important; pointer-events: none; }*/ /*.header-nav-show .content-1 .nav-content:not(.Hide) { opacity: 1; display: flex !important; pointer-events: auto; }*/ /*.header .content .center .header-nav li a:hover { color: #2c3368; }*/ /*.header .content .center .header-nav li .cur { color: #2c3368; }*/ /*.header .content .center .header-nav li .at1::after{content: ''; display: block; width:0; height:3px; background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-size: 115%; position: absolute; left: 0; bottom: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}*/ /*.header .content .center .header-nav li .at1:hover::after{width: 100%;}*/ /*.header .content .center .header-nav li .cur::after{content: ''; display: block; width:100%; height:3px;background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-size: 115%; position: absolute; left: 0; bottom: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}*/ /* 一级下拉容器样式 */ /*.header-nav-show.level1 { position: absolute; top: 100%; left: 0; width: auto; min-width: 230px; background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); z-index: 1000; padding: 15px 0; } */ /*.header-nav-show.level2 { position: absolute; top: 0; left: 100%; width: 230px; background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); z-index: 1001; padding: 15px 0; display: none;} */ /*.header-nav-show.level1 .cnav1 .lit { position: relative; padding: 0 20px; } */ /*.header-nav-show.level1 .cnav1 .lit a { padding: 8px 0; } */ /*.header-nav-show.level1 .cnav1 .lit a.active { color: #4db560; font-weight: 600; } */ /*.header-nav-show .content-1 .nav-content { gap: 0; } */ /*.header-nav-show .content-1 .nav-content .cnav .lit { margin-bottom: 0; }*/ /*.header.no-after::after { content:none ;}*/ /* 二级下拉菜单样式 - 放在cnav1 .lit里面 */ /*.header-nav-show .content-1 .nav-content .cnav1 { vertical-align: top; box-sizing: border-box; overflow: hidden; float: left; width: 237px; min-width: 237px; }*/ /*.header-nav-show .content-1 .nav-content .cnav1 .lit .cnav2 .lit { display: flex; width: 100%; list-style: none; border-bottom: 1px solid #cccccc; align-items: center; padding: 0 20px; } */ /*.header-nav-show .content-1 .nav-content .cnav1 .lit .cnav2 .lit:last-child { border-bottom: none; } */ /*.header-nav-show .content-1 .nav-content .cnav1 .lit .cnav2 .lit a { display: flex; color: #000; font-size: 14px; line-height: 24px; padding: 10px 0; text-transform: uppercase; align-items: center; justify-content: space-between; width: 100%; }*/ /*.header-nav-show .content-1 .nav-content .cnav2 { position: absolute; top: 0; left: 50%; width: 237px; z-index: 1002; display: block; float: none ;background-color: #fff;}*/ /*.header-nav-show .content-1 .nav-content:not(.Hide){background-color: #fff;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}*/ .index-1-quote{ width: 100%; overflow: hidden;} .index-1-intro { width: 100%;} .index-1-intro .intro-1-intro-content { width: 66%;margin: auto;padding:1% 0 ;position: relative;} .index-1-intro .intro-1-intro-content-top { display: flex;} .index-1-intro .intro-1-intro-content-top .item { width: 32%; display: flex; align-items: center; justify-content: center;margin-right: 2%;position: relative;} .index-1-intro .intro-1-intro-content-top .item:last-child { margin-right: 0; } .index-1-intro .intro-1-intro-content-top .item a { width: 100%;display: block;position: relative;box-sizing: border-box;} .index-1-intro .intro-1-intro-content-top .item .boxs-1 {position: absolute;left: 0;top: 0;padding:8%;z-index: 15;width: 84%; } .index-1-intro .intro-1-intro-content-top .item .boxs-1 .title-1 { font-size: 36px; line-height: 36px; color: #fff; font-family: 'Poppins-sb',Microsoft Yahei,Arial; margin-bottom:8%; } .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2 { font-size: 16px; line-height: 24px; color: #fff;opacity: 0;font-weight: normal;font-style: normal;} .index-1-intro .intro-1-intro-content-top .item .more-2 { position: absolute; border-radius: 100%; right:10%; bottom: 6%;z-index: 15;width: 50px;height: 50px;} .index-1-intro .intro-1-intro-content-top .item .more-2::before { position: absolute;left:50%; top:50%;transform: translate(-50%,-50%); width: 100%;height: 100%;border-radius: 100%;z-index: 15;content: '';border: 2px solid #ffff;transition: all .4s ease;opacity: 1;} .gd{position: absolute;left: 50%; top:50%;transform: translate(-50%,-50%);width: 20px;height: 18px; overflow: hidden;display: -webkit-box;} .gd .yuanh-1 {position: relative;width:100%;height: 100%;transition: all .4s ease;background: url(../images/rjt003.svg) center no-repeat; position: absolute; left:0; top: 50%; transform: translateY(-50%);} .gd .yualeft-1{margin-left: -200%;} .gd .yualeft-2{margin-left:0;} .index-1-intro .intro-1-intro-content-top .item a:hover .more-2 .yualeft-1{margin-left: 0;} .index-1-intro .intro-1-intro-content-top .item a:hover .more-2 .yualeft-2{margin-left: 100%;} .index-1-intro .intro-1-intro-content-top .item .more-2 img { width: 100%; } .index-1-intro .intro-1-intro-content-top .item .pic-3 { width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;border-radius: 10px; background-color: #000;overflow: hidden;border: 1px solid rgba(255, 255, 255,0);} .index-1-intro .intro-1-intro-content-top .item a:hover{transform: translateY(-3px);} .index-1-intro .intro-1-intro-content-top .item a:hover .pic-3{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);border: 1px solid rgba(255, 255, 255,1);} .index-1-intro .intro-1-intro-content-top .item a:hover::after{opacity: 0; } .index-1-intro .intro-1-intro-content-top .item a:hover .boxs-1 .txt-2 { opacity: 1; } .index-1-intro .intro-1-intro-content-top .item a:hover .boxs-1 .title-1{color: #fff;} .index-1-intro .intro-1-intro-content-top .item a:hover .more-2{background-color: #2c3368;} .index-1-intro .intro-1-intro-content-top .item a:hover .more-2::before{opacity: 0; } .intro-1-intro-content-middle{width: 100%;margin:12% 0;} .intro-1-intro-content-middle .evcharger-data{} .intro-1-intro-content-middle .evcharger-data .item-1{display: flex;} .intro-1-intro-content-middle .evcharger-data .item-1 li{border: none;display: inline-block;width: 25%;text-align: center; position: relative;} .intro-1-intro-content-middle .evcharger-data .item-1 li::after{content: '';position: absolute;left: 0;top: 50%;width:4px;height:100%;background: #eeeeee;transform: translateY(-50%);z-index: 1;transition: all .4s ease; } .intro-1-intro-content-middle .evcharger-data .item-1 li .l2 { margin: 0;line-height: 1;transition: all .4s ease;vertical-align: middle; background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-size:90%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;} .intro-1-intro-content-middle .evcharger-data .item-1 li .l5 { margin: 0;line-height: 1;font-size: 16px;} .intro-1-intro-content-middle .evcharger-data .item-1 li .l2 strong{font-size: 48px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;} .intro-1-intro-content-middle .evcharger-data .item-1 li .l2 span{font-size: 24px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;} .intro-1-intro-content-middle .evcharger-data .item-1 li .l2 .spa1{font-size: 48px;} .yt-pic{ position: absolute; right:-48%; bottom:-26%; width: 800px; height: 800px; opacity:.2; z-index: -1;} .index-1-scenarios{ width: 100%;position: relative; } .index-1-scenarios .index-1-scenarios-content{ width:66%; margin: auto; } .zf-text-1 { display: flex; text-align: center; width: 60%; flex-wrap: wrap; justify-content: center;margin: auto; } .zf-text-1 .title-1-1{font-size: 48px; color: #000;font-family: 'Poppins-sb',Microsoft Yahei,Arial;} .zf-text-1 .txt-2-1{ font-size: 14px;color: rgba(0, 0, 0, 0.6); } .index-1-scenarios .index-1-scenarios-content-middle{ width: 100%; margin:4% auto;display: flex;} .index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1{ display: flex; justify-content: space-between;width: 60%; margin: auto; font-size: 14px;position: relative; } .index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height:2px;background-color: #e6e6e6;z-index: 10; } .index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1 .text-1-1{ width:28%;margin-right:8%;font-family: 'Poppins-sb',Microsoft Yahei,Arial;text-align: center;} .index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1 .text-1-1:last-child{ margin-right: 0; } .index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1 .text-1-1 a{font-size: 14px; color: #000; font-family: 'Poppins-sb',Microsoft Yahei,Arial;position: relative;padding:15px 0;display: inline-block;width:100%; } .index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1 .text-1-1 a:hover,.index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1 .text-1-1 .sur{background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 115%;} .index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1 .text-1-1 a:hover::after,.index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1 .text-1-1 .sur::after{content: '';display: block;height: 3px;width: 100%;background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);background-size: 115%;z-index: 15;} .index-1-scenarios .index-1-scenarios-content-bottom{ width: 100%; margin:5% auto;display: flex; } .index-1-scenarios .index-1-scenarios-content-bottom .item-1{ width:100%;display: none;} .index-1-scenarios .index-1-scenarios-content-bottom .sur{display: block;} .index-1-scenarios .index-1-scenarios-content-bottom .item-1 a{ display:block;position: relative;width: 100%; border-radius: 10px; overflow: hidden;} .index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2{position: absolute;left: 5%;bottom:13%;width: 60%;z-index: 10;right: 5%;z-index: 5;} .index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .title-1{ font-size: 36px; color: #fff; font-family: 'Poppins-sb',Microsoft Yahei,Arial; margin-bottom: 2%; } .index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2{font-size: 16px; color: #fff; margin-bottom:4%;line-height: 1.2;} .zf-more-3 .txt-3{ font-size: 14px; color: #fff; display: inline-block;line-height: 1.2;} .index-1-scenarios-content-bottom .item-1 .pic-2{ width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;position: relative; } .index-1-scenarios-content-bottom .item-1 .pic-2::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background: rgba(0,0,0,0.5);} .index-1-scenarios .index-1-scenarios-content-bottom .item-1 a:hover .boxs-1-2 .zf-more-3{transform: translateY(-3px);box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);} .yt-pic-1{ left:-5%;top:70%;right: 0;bottom: 0;} /* 手机端nav */ .header .ene-header-content-right{width:70%;display: flex;justify-content: center;align-items: center;transition: all 0.4s ease;} .ene-header-content-right .nav {position: fixed;width: 100%;height: 100%;right: 0;top:0;overflow: hidden;transition:all .4s ease;transform: translateX(100%);display: block;z-index: 1;background-color: #fff;margin-top:59px;} .header .ene-header-content-right .nav a{font-size: 16px;color: #838383;font-family: 'Poppins-sb',Microsoft Yahei,Arial;display: block;line-height:50px;} .header .ene-header-content-right .nav .cur-1{color: #4db560;} .header .ene-header-content-right .nav a:hover{color: #4db560;} .header .ene-header-content-right .nav .item-1{position: relative;top: 3%;} .header .ene-header-content-right .yj-1{display: flex; align-items: center; justify-content: space-between; width: 100%;} .header .ene-header-content-right .jiant-2-2{position: relative;width:9px;height:14px;right: 10%;transition: all 0.4s ease;background: url(../images/right2.png)no-repeat;background-position: center center; background-size: cover;} .header .ene-header-content-right .jiant-2{width: 7px;height: 12px;filter: brightness(0%) invert(75%);} .header .ene-header-content-right .item-1.open .jiant-1,.header .ene-header-content-right .mchildren .rj-1.open .jiant-2{transform: rotate(90deg);} .header .ene-header-content-right .mchildren .rj-1.open .jiant-2{filter: brightness(0%) invert(0%);} .header .ene-header-content-right .item-1.open .cur-1 .jiant-2-2{transform: rotate(90deg);} .header .ene-header-content-right .item-1.open .yj-1{border-bottom: 1px solid #00000033;} .header .ene-header-content-right .item-1 .mchildren.open a{color: #000;} .header .ene-header-content-right .mchildren{display: none; width:100%; margin: 0px auto; overflow: hidden;} .header .ene-header-content-right .item-1.open .mchildren,.header .ene-header-content-right .item-1.open .mchildren .mchildren2{border-bottom: 1px solid #00000033;} .header .ene-header-content-right .mchildren .rj-1{ display: flex; align-items: center; justify-content: space-between; width: 100%;box-sizing: border-box;} .header .ene-header-content-right .mchildren .rj-1.open{border-bottom: 1px solid #00000033;} .header .ene-header-content-right .mchildren .rja{ border-bottom: none; position: relative; display: block; text-align: left; font-size: 14px; color: #ccc; padding:15px 5px 15px 3%;margin-left: 7%; text-transform: capitalize; font-weight: normal;line-height:1;box-sizing: border-box;width:65%;} .header .ene-header-content-right .mchildren .open .rja{color: #000;} .header .ene-header-content-right .mchildren .rja:hover{color: #000;} .header .ene-header-content-right .mchildren .mchildren2{display: none; width:100%; margin: 0px auto; overflow: hidden;} .header .ene-header-content-right .mchildren .mchildren2 .sja{ border-bottom: none; position: relative; display: block; text-align: left; font-size: 12px; color: #ccc; padding:12px 20px 12px 3%;margin-left: 7%; text-transform: capitalize; font-weight: normal;line-height:1;} .header .ene-header-content-right .mchildren .rja::before{content: '';width:5px; height:5px; border-radius: 100%; background: #ccc; left: 0; top: 47.5%; transform: translateY(-50%); position: absolute;} /* .header .ene-header-content-right .mchildren .mchildren2 .sja::before{content: ''; width: 3px; height: 3px; border-radius: 100%; background: #ccc; left: 0; top: 50%; transform: translateY(-50%); position: absolute;} */ .header .ene-header-content-right .mchildren .open .rja::before{background: #000;} /* ssl */ .header-search-container { position: fixed; top: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); z-index: 99; transition: all .4s ease; transform: translateY(-100%); } .header-search-container-content { position: relative; width: 100%; height: 100%; } .header-search-container-form { position: relative; width: 90%; margin: auto; padding: 1% 0; overflow: hidden; z-index: 11;box-sizing: border-box;} .header-search-container-input { width: 100%; height:40px; border: none; border-radius: 0.5rem; padding: 1rem; box-sizing: border-box;font-size: 16px; } .header-search-container-submit { position: absolute; top: 50%; right: 0; width: 40px; height: 100%; transform: translateY(-50%); z-index: 1; background: url(../images/ss.png) no-repeat center transparent; background-size: 50%; border: none; cursor: pointer; } .header-search-container.wur { transform: translateY(84px); } /* dth */ .gd1{overflow: hidden;width:100%;height:100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: -webkit-box;} .gd1 .yuanh-1 {position: relative;width:100%;height: 100%;transition: all .4s ease;background: url(../images/rjt003.svg) center no-repeat; position: absolute; left:0; top: 50%; transform: translateY(-50%);} .zf-more-3 .jiat-4{ width: 20px; height:18px;position: relative;display: inline-block;vertical-align: middle;margin-left: 25px;overflow: hidden;} .zf-more-3 .jiat-4 img{ width: 100%; } .gd1 .yualeft-1{margin-left: -200%;} .gd1 .yualeft-2{margin-left:0;} .swiper-button-prev2 .gd1 .yualeft-1,.swiper-button-prev3 .gd1 .yualeft-1{margin-left: 0;} .swiper-button-prev2 .gd1 .yualeft-2,.swiper-button-prev3 .gd1 .yualeft-2{margin-left: 100%;} a:hover .zf-more-3 .yualeft-1,a:hover .jiat-4 .yualeft-1,a:hover .gd1 .yuanh-1,a:hover .gd1 .yualeft-1,.swiper-button-next:hover .gd1 .yuanh-1{margin-left: 0;} a:hover .zf-more-3 .yualeft-2,a:hover .jiat-4 .yualeft-2,a:hover .gd1 .yuanh-2,a:hover .gd1 .yualeft-2,.swiper-button-prev:hover .gd1 .yuanh-2,.swiper-button-next:hover .gd1 .yuanh-2{margin-left:100%;} .swiper-button-prev:hover .gd1 .yualeft-1{margin-left:-100%;} .swiper-button-prev:hover .gd1 .yualeft-2{margin-left:0;} .gd1 .xjt-1{position: relative;width:100%;height: 100%;transition: all .4s ease;background: url(../images/right3.png) center no-repeat; position: absolute; left:0; top: 50%; transform: translateY(-50%);} .swiper-button-prev .gd1 .yuanh-1{transform: translateY(-50%) scaleX(-1);} .swiper-button-next2 .gd1 .yualeft-2,.swiper-button-next3 .gd1 .yualeft-2{margin-left:0;} .swiper-button-next2:hover .gd1 .yualeft-2, .swiper-button-next3:hover .gd1 .yualeft-2{margin-left:100%;} .swiper-button-prev2 .gd1 .yuanh-1,.swiper-button-prev3 .gd1 .yuanh-1{filter: brightness(0) invert(0);} .swiper-button-next2 .gd1 .yuanh-1,.swiper-button-next3 .gd1 .yuanh-1{filter: brightness(0) invert(0);} .swiper-button-prev2:hover .gd1 .yuanh-1,.swiper-button-prev3:hover .gd1 .yuanh-1{filter: brightness(0) invert(100%);} .swiper-button-next2:hover .gd1 .yuanh-1,.swiper-button-next3:hover .gd1 .yuanh-1{filter: brightness(0) invert(100%);} .index-1-products{width: 100%; margin-top:10%;} .index-1-products .index-1-products-content{width: 100%; margin: auto; } .index-1-products .index-1-products-content .zf-text-1{ } .index-1-products .index-1-products-content .zf-text-1 .title-1-1{ } .index-1-products .index-1-products-content-middle{ width: 100%;overflow: hidden;padding: 2% 0;} .index-1-products .energy-storage-product-new-item { margin: 0 2% 8% 0; border: 0; width: 100%; box-sizing: border-box; } .index-1-products .energy-storage-product-new-item a { width: 100%; display: block;background-color: #f2f2f2;border: 2px solid #e5e5e5;border-radius: 10px; box-sizing: border-box; } .index-1-products .energy-storage-product-new-item a:hover {transform: translateY(-3px); box-shadow: 0px 0px 10px rgba(0, 0, 0, .2); } .index-1-products .energy-storage-product-new-item a .product-1 { position: relative; border: 1px solid #ffffff33; padding:60px 0; border-radius: 20px; box-sizing: border-box; width: 100%; } .index-1-products .energy-storage-product-new-item a .product-1 .top-1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: auto; z-index: 10; max-width: 100%; max-height: 100%; } .index-1-products .energy-storage-product-new-item a .txt { position: relative; width: 80%; padding:10%; color: #000; } .index-1-products .energy-storage-product-new-item a .txt .title-2 { color: #000; font-size: 24px; font-family: 'Poppins-sb',Microsoft Yahei,Arial; line-height: 1; } .index-1-products .energy-storage-product-new-item a .txt .txt-3 { color: #000; margin-top: 20px; min-height: 50px; font-size: 14px; line-height:18px ; } .index-1-products-content-bottom{margin: auto;position: relative;white-space: nowrap;text-align: center;display: flex;justify-content: center;align-items: center;} .index-1-products-content-bottom .zf-more-3 .txt-3{line-height: 1;} a:hover .zf-more-3{transform: translateY(-3px);box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);} .index-1-products .swiper-button-prev5 { position: relative; width: 40px; height: 40px; border-radius: 100%; z-index: 20; display: inline-block; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease; background-image: none;margin-top: 0;transform:none;} .index-1-products .swiper-button-next5 { position: relative; width: 40px; height: 40px; border-radius: 100%; z-index: 20; display: inline-block; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease; background-image: none;margin-top: 0;transform:none;} /* .index-1-products .swiper-button-prev5::after { content: ''; width: 15px; height: 14px; background: url(../images/rjt003.svg) center no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transform: translate(-50%,-50%) rotate(180deg);filter: brightness(10%) invert(80%);z-index: 10;display: block;transition: transform 0.3s ease;} .index-1-products .swiper-button-next5::after { content: ''; width: 15px; height: 14px; background: url(../images/rjt003.svg) center no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);filter: brightness(10%) invert(80%);z-index: 10;display: block;transition: transform 0.3s ease;} */ .index-1-products .swiper-button-prev5 .jiat-4,.index-1-products .swiper-button-next5 .jiat-4{ width: 20px; height:18px;position: absolute;display: inline-block;vertical-align: middle;overflow: hidden;top: 50%; left: 50%; transform: translate(-50%,-50%);} .index-1-products .swiper-button-prev5 .gd1 .yuanh-1{filter: brightness(10%) invert(80%);} .index-1-products .swiper-button-next5 .gd1 .yuanh-1{filter: brightness(10%) invert(80%);} .index-1-products .swiper-button-prev5:hover .gd1 .yualeft-1,.index-1-products .swiper-button-next5:hover .gd1 .yualeft-1{margin-left: 0;} .index-1-products .swiper-button-prev5:hover .gd1 .yualeft-2,.index-1-products .swiper-button-next5:hover .gd1 .yualeft-2{margin-left: 100%;} .index-1-products .swiper-button-prev5:hover .gd1 .yuanh-1,.index-1-products .swiper-button-next5:hover .gd1 .yuanh-1{filter: brightness(100%);} .index-1-products .swiper-button-prev5::before { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; border-radius: 100%; z-index: 15; content: ''; border: 2px solid #bfbfbf; transition: all .4s ease;box-sizing: border-box;} .index-1-products .swiper-button-next5::before { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; border-radius: 100%; z-index: 15; content: ''; border: 2px solid #bfbfbf; transition: all .4s ease;box-sizing: border-box;} .index-1-products .swiper-button-prev5:hover {vertical-align: middle; background-color: #2c3368;} .index-1-products .swiper-button-next5:hover {vertical-align: middle; background-color: #2c3368;} .index-1-products .swiper-button-prev5:hover::before,.index-1-products .swiper-button-next5:hover::before{border: 2px solid #2c3368;} .index-1-products .swiper-button-prev5:hover::after,.index-1-products .swiper-button-next5:hover::after{filter: brightness(0) invert(100%);} .index-1-products-content-bottom .zf-more-3{background: transparent;padding: 0;} .index-1-products-content-bottom .ant1{padding:8px 20px; background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);border-radius: 50px;margin: 0 30px; display: flex;background-size: 115%;} .index-1-products-content-bottom a:hover .zf-more-3{transform:none;box-shadow:none;} .index-1-products-content-bottom a:hover{transform: translateY(-3px);box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);} .myswiper5{width: 100%;} .index-1-products .swiper-button-next5:hover::after { animation: arrowRollNext .4s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform, opacity; } .index-1-products .swiper-button-prev5:hover::after { animation: arrowRoll .4s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform, opacity; } @keyframes arrowRoll { 0% { transform: translate(-50%, -50%) rotate(180deg); opacity: 1; } 20% { transform: translate(-80%, -50%) rotate(180deg); opacity: 1; } 25% { transform: translate(-120%, -50%) rotate(180deg); opacity: 0.9; } 35% { transform: translate(-200%, -50%) rotate(180deg); opacity: 0; } 36% { transform: translate(200%, -50%) rotate(180deg); opacity: 0; } 60% { transform: translate(120%, -50%) rotate(180deg); opacity: 0.4; } 80% { transform: translate(20%, -50%) rotate(180deg); opacity: 0.8; } 100% { transform: translate(-50%, -50%) rotate(180deg); opacity: 1; } } @keyframes arrowRollNext { 0% { transform: translate(-50%, -50%); opacity: 1; } 20% { transform: translate(-20%, -50%); opacity: 1; } 25% { transform: translate(20%, -50%); opacity: 0.9; } 35% { transform: translate(180%, -50%); opacity: 0; } 36% { transform: translate(-220%, -50%); opacity: 0; } 60% { transform: translate(-180%, -50%); opacity: 0.4; } 80% { transform: translate(-80%, -50%); opacity: 0.8; } 100% { transform: translate(-50%, -50%); opacity: 1; } } .index-1-stories{width: 100%;overflow: hidden;margin-top:6%;} .index-1-stories-content{width: 66%; margin: auto; } .index-1-stories-content-bottom{ width: 100%; display: flex; margin-top: 3%; } .index-1-stories-content-bottom .item-1{width: 32%; margin-right: 2%;} .index-1-stories-content-bottom .item-1:last-child{ margin-right: 0; } .index-1-stories-content-bottom .item-1 .afd1{ width: 100%; display: block;overflow: hidden; } .index-1-stories-content-bottom .item-1 .fd{overflow: hidden;border-radius: 10px;width: 100%;} .index-1-stories-content-bottom .item-1 .pic-1{ width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;border-radius: 10px;overflow: hidden;} .index-1-stories-content-bottom .item-1 a:hover .pic-1{ transform: scale(1.03);} .index-1-stories-content-bottom .item-1 .box-2{margin-top:5%;} .index-1-stories-content-bottom .item-1 .box-2 .dyh-1{display: flex; justify-content: space-between;} .index-1-stories-content-bottom .item-1 .box-2 .tm1{ display: flex; align-items: center; margin-bottom:4%;} .index-1-stories-content-bottom .item-1 .box-2 .tm1 .icon-1{ width:17px;height: 17px; margin-right: 15px; position: relative; } .index-1-stories-content-bottom .item-1 .box-2 .tm1 .icon-1 img{ width: 100%; } .index-1-stories-content-bottom .item-1 .box-2 .tm1 .txt-2{ font-size: 12px; color: #000; } .index-1-stories-content-bottom2{margin:2% auto;text-align: center;} .index-1-stories-content-bottom2 .zf-more-3{padding:.6% 2%;} .energy-contact-content{position: absolute; left: 50%;top: 50%;transform: translate(-50% ,-50%);width: 100%;} .energy-contact-content .inner{display: flex;text-align: center;align-items: center;justify-content: center;flex-wrap: wrap; flex-direction: column;} .energy-contact-content .inner .inner-top{display: flex; flex-direction: column; align-items: center;margin-bottom: 40px; } .energy-contact-content .inner .inner-top .xjiant-1{width: 50px;height: 30px;position: relative;margin-bottom: 50px;animation: flash1 2s infinite .1s;} .energy-contact-content .inner .inner-top .xjiant-1::after{background-image: url(../images/xiaosjxt002.png); background-repeat: no-repeat; background-position: center; background-size: cover; content: ""; position: absolute; left: 50%; top:60%; transform: translateX(-50%); width: 100%; height: 100%; opacity: 0.4; z-index: 1; animation: flash1 2s infinite 0.6s;} .energy-contact-content .inner .inner-top .xjiant-1::before{background-image: url(../images/xiaosjxt002.png); background-repeat: no-repeat; background-position: center; background-size: cover; content: ""; position: absolute; left:50%; top:120%; transform: translateX(-50%); width: 100%; height: 100%; opacity: 0.2; z-index: 1; animation: flash1 2s infinite 1.1s;} @keyframes flash1 { 0%{ opacity: 0.2; } 50% { opacity:1; } 100% { opacity: 0.2; } } .energy-contact-content .inner .inner-top .title-2{ font-size: 60px;color: #fff;margin-bottom: 20px;} .energy-contact-content .inner .inner-top .title-2 span{color: #fff; font-family: 'Poppins-b',Microsoft Yahei,Arial;} .energy-contact-content .inner .inner-top .txt-3{font-size: 16px;color: #fff; } .energy-contact-content .inner .move-2{padding: 20px;} .index-1-energy-con{width: 100%;padding: 6% 0;} .energy-contact1{width: 66%;margin: auto;border-radius: 10px;overflow: hidden;background-color: #000;position: relative;} .index-1-energy-con .energy-contact-content .inner .move-2 a{border-radius: 50px;overflow: hidden;font-size: 16px;background-color: transparent;padding: 15px 30px;vertical-align: middle;display: flex; color: #fff;position: relative;align-items: center;} .index-1-energy-con .energy-contact-content .move-2 a::before{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; border-radius:50px; z-index: 15; content: ''; border:2px solid #fff; transition: all .4s ease;box-sizing: border-box;} .index-1-energy-con .energy-contact-content .move-2 .jiat-4{ width: 20px; height: 18px; margin-left: 10px; position: relative; display: inline-block; vertical-align: middle;margin-bottom: 2px; } .index-1-energy-con .energy-contact-content .move-2 .jiat-4 img{ width: 100%; } .index-1-energy-con .energy-contact-content .move-2 a:hover{ vertical-align: middle; background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);color: #fff;background-size: 115%;transform: translateY(-3px);box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);} .index-1-energy-con .energy-contact-content .move-2 a:hover::before{content:none;} .index-1-us-con1{ position: fixed; display: none; width:35%;left:50%; top: 50%; z-index: 1020;transform: translate(-50%,-50%);} .index-1-us-con1-content{width:100%;background-color: #fff; position: relative; padding:3%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); border-radius: 10px; box-sizing: border-box; overflow: hidden; z-index: 1020;} .index-1-us-con1-content .title-1{font-size: 45px; color: #000; font-family: 'Poppins-sb',Microsoft Yahei,Arial; text-align: center;line-height: 83px;margin-bottom: 10px;} .index-1-us-con1-content .switch-3{position: absolute;right:1.5%;top:1.5%;display: block;z-index:99;width:4rem;height:4rem;} .index-1-us-con1-content .switch-3 .line-1{transform: translate(-50%,-50%) rotate(45deg);width:25px;height:2px;background-color:#000;position: absolute;top: 50%;left: 50%;} .index-1-us-con1-content .switch-3 .line-2{transform: translate(-50%,-50%) rotate(-45deg);width:25px;height:2px;background-color:#000;position: absolute;top: 50%;left: 50%;} .content-form li { list-style: none; margin: 0 0 2% 0; padding: 0; font-size: 0; } .content-form li:last-child { margin: 0; } .content-form li .input2 { border: 1px solid #d9d9d9; background: #f6f6f6; padding: 15px 20px; width:49%; font-size: 16px; font-weight: normal;border-radius: 10px; box-sizing: border-box;} .content-form li .input2:first-child { margin-right: 2%; } .content-form li .textarea1 { width:100%; height: 90px; font-size: 14px; border: 1px solid #d9d9d9; background: #f6f6f6; padding: 20px 20px;box-sizing: border-box;border-radius: 10px; } .content-form li .submit1 {vertical-align: middle; background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-size: 115%;color: #fff; font-size: 14px; width:100%; cursor: pointer;border-radius: 10px;padding: 17px 0; transition: all .4s ease;} .content-form li .submit1:hover {transform: translateY(-3px);box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);} .content-form li input::placeholder,.content-form li textarea::placeholder { color: #acacac; } .content-form .li1t{display: flex;} .content-form .li1t .cfcheckbox{width: 5%;flex-shrink: 0;} .cfcheckboxtxt {font-size: 12px;line-height:18px; color: #acacac;display: inline-block;vertical-align: bottom;width: 95%;} .content-form .cfcheckboxtxt a{font-size: 12px;line-height: 20px; color: #2c3368;} .cfcheckbox{width: 20px;height: 20px;display: inline-block;vertical-align: bottom;border: 1px solid #ccc;margin-right: 10px;appearance: checkbox;-webkit-appearance: checkbox;} .popupmoer {background: rgba(0,0,0,.7);width: 100%;height:100%;position: fixed;left:50%;top:50%;z-index: 1099;text-align: center;display:none;transform: translate(-50% ,-50%);} .popupmoer.showtip {opacity: 0;display: none;} .popupmoer .investor-end-content {width:100%;height:auto;margin: auto;display: inline-block; background: #fff;padding: 25px;box-sizing: border-box;} .popupmoer h5{font-size: 14px;} .popupmoer-ok {display: block;width:25%;font-size: 14px;line-height: 40px;color: #fff; background: #00bf86;margin:10px auto;cursor: pointer;} .popupmoer-ok:hover {background: #000;} .content-form.loading {position: relative;} .content-form.loading::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url('//en.sinexcel.com/static/images/loading.gif') center no-repeat rgba(255,255,255,0.5);background-size: 3%;z-index: 111;} .showseemore { display: none; } .lihan-message-windows {position: fixed;width:20%;background: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 7000;transition:all .4s ease;border-radius: 10px;opacity: 1;height: auto;display: block;} .lihan-message-windows.hide{transform:translate(-50%,-100%);opacity: 0;z-index: -1;} .lihan-message-windows .switch-3{position: absolute; right: 1.5%; top: 1.5%; display: block; z-index: 99; width: 4rem; height: 4rem;} .lihan-message-windows .switch-3 .line-1{ transform: translate(-50%,-50%) rotate(45deg); width: 25px; height: 2px; background-color: #000; position: absolute; top: 50%; left: 50%; } .lihan-message-windows .switch-3 .line-2{ transform: translate(-50%,-50%) rotate(-45deg); width: 25px; height: 2px; background-color: #000; position: absolute; top: 50%; left: 50%; } .index-1-us-con1.hide{display: none;} .lihan-message-windows.show{transform:translate(-50%,-50%);opacity: 1;} .lihan-message-windows-content {overflow: hidden;padding: 10% 5%;text-align: center;} .lihan-message-windows-content .icon-1 {width: 100px;height:100px;position: relative;border-radius: 100%;background: #2c3368;margin: auto;} .lihan-message-windows-content .icon-1 img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;max-width: 60%;max-height: 60%;} .lihan-message-windows-content .title-1 {font-weight: bold;font-size: 18px;line-height: 40px;margin-bottom: 0;color: #2c3368;} .index-1-us-con1 .interest-section { font-size: 14px; background: #f6f6f6; border: 1px solid #d9d9d9; border-radius: 10px; padding: 15px 20px; margin-bottom: 2% !important; padding: 10px 20px;} .index-1-us-con1 .interest-title { font-size: 16px; color: #acacac; margin-bottom: 10px; display: block;font-family: 'Poppins-sb',Microsoft Yahei,Arial; } .index-1-us-con1 .interest-options { font-size: 0;display: flex;justify-content: space-between; } .index-1-us-con1 .interest-option input[type="radio"] { margin-right: 5px; accent-color: #2c3368; } .index-1-us-con1 .interest-option input[type="radio"] { display: none; } .index-1-us-con1 .interest-option { position: relative; display:flex; width: 30%; font-size: 16px; color: #acacac; cursor: pointer; margin-bottom: 10px; box-sizing: border-box; font-family: 'Poppins-sb',Microsoft Yahei,Arial; align-items: center; } .index-1-us-con1 .interest-options1 .input3{background:#f6f6f6;width: 100%;} .index-1-us-con1 .interest-options1{width: 100%;padding:5px 0;border-bottom: 1px solid #d9d9d9;} .index-1-us-con1 textarea,.index-1-us-con1 input{font-family: 'Poppins-sb',Microsoft Yahei,Arial;font-size: 16px;} .interest-options1 .tntx{font-size: 16px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;color:#acacac ;} .black-overlay{height: 100%; z-index: -1; background: rgba(0,0,0,.7); opacity: 0; display: none; position: fixed; left: 0; top: 0; width: 100%; overflow: hidden; transition: all .4s ease;} .black-overlay.kur { display: block; opacity: 1; z-index: 1001; } .index-1-banner {width: 100%;position: relative;} .index-1-banner .video{width: 100%;overflow: hidden;height: 100%;object-fit: cover; object-position: center center;} .index-1-banner .index-1-banner-content { width: 100%; position: absolute;bottom:0; left:0; z-index: 10; mix-blend-mode: screen; transform: translate3d(0,0,0);background-color: #fff;box-sizing: border-box;padding:5% 0; } .index-1-banner .title-1 {font-size: 130px;text-align: center;font-family: 'Poppins-eb',Microsoft Yahei,Arial;position: relative;z-index: 15; margin-bottom: 0; height: 100%; letter-spacing: -0.03em; } .index-1-banner .pic-2 {width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;position: relative; z-index: 1;} /* product */ .zfy-viewmore-1{position: absolute;right: 5%;bottom: 10%;z-index: 10;padding:12px 20px 12px 30px;display: flex;border-radius:50px;align-items: center;} .zfy-viewmore-1 a {font-size: 0;border: 1px solid #ccc;display: inline-block;padding: 15px 20px;position: relative;} .zfy-viewmore-1 .zfy-at1{display: flex;align-items: center;font-size: 14px;color: #999;display: inline-block;vertical-align: middle;margin-right:25px;position: relative;} .zfy-viewmore-1 .jiant-2 {width:20px;height: 18px;display: inline-block;vertical-align: middle;position: relative;z-index: 3;background-position: center center; background-repeat: no-repeat; background-size: cover; filter: invert(35%);transform: translateY(-1px);} .zfy-viewmore-1 .jiant-2 img{width: 100%;} .zfy-viewmore-1 a:hover {background: #4db560;border: 1px solid #4db560;} .zfy-viewmore-1 a:hover .zfy-at1 {color: #fff;} .zfy-viewmore-1 a:hover i{filter: invert(1);} .zfy-viewmore-1::after{content: '';width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 1px solid #999;border-radius: 50px;box-sizing: border-box;} a:hover .zfy-viewmore-1::after{content: none;} a:hover .zfy-viewmore-1{background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-size: 115%;} a:hover .zfy-viewmore-1 .zfy-at1{color: #fff;} .zfy-viewmore-1 a{border:none;} .zfy-viewmore-1 a:hover{background: none;} a:hover .zfy-viewmore-1 .jiant-2{filter: invert(0);} .energy-storage-product {position: relative;overflow: hidden;width: 100%;} .energy-storage-product-banner {position: relative;overflow: hidden;background: #000;width: 100%;} .energy-storage-product-banner .img {position: relative;overflow: hidden;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;} .energy-storage-product-banner .img img {width: 100%;height: auto;display: block;} .energy-storage-product-banner .txt {position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);width: 90%;z-index: 10;color: #fff;text-align: center;} .energy-storage-product-banner .txt .title-1 {font-size: 40px;font-family: 'Poppins-b',Microsoft Yahei,Arial;} .energy-storage-product-banner .txt .text-1 {font-size: 14px;line-height: 24px;margin:auto;margin-top: 10px;width:45%;} .energy-storage-product-container {width: 75%;margin: auto;} .energy-storage-product-top {position: relative;overflow: hidden;padding: 5% 0;} .energy-storage-product-top .title-1 {font-size: 48px;text-align: center;font-weight: bold;color: #000;font-family: 'Poppins-sb',Microsoft Yahei,Arial;line-height:40px;} .energy-storage-product-new {display: flex;flex-wrap: wrap;justify-content: center;margin-top:1%;} .energy-storage-product-new-item .txt {position: relative;width: 90%;padding: 5%;color: #000;} .energy-storage-product-new-item .txt .text-2 {font-size: 16px;line-height: 24px;margin-top: 10px;color:#666;} .energy-storage-product-new-item .product-1 {width: 100%;position: relative;background: #f1f1f1;overflow: hidden;} .energy-storage-product-new-item .product-1 .top-1 {position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);width: auto;height: auto;z-index: 10;max-width: 100%;max-height: 100%;} .energy-storage-product-new-item .new-1{position: absolute;right: 2%;top: 3%;z-index: 1;} .energy-storage-product-new-item .new-1 span {display: inline-block;padding: 3px 10px;color: #fff;text-align: center;background:#2c3368;} .energy-storage-product-new-item .product-1 a {display: block;} .energy-storage-product-new-item .product-1 a:hover .top-1 {transform: translate(-50%,-50%) scale(1.05);} .img-1 {display:block;width: 100%;} .energy-storage-product-bottom {position: relative;overflow: hidden;background: #f1f1f1;} .all-products .energy-storage-product-new-item {width: 31%;margin:1%;background:#fff;} .energy-storage-product-container{width: 80%;} .energy-storage-product-top{background: #fff;padding:5% 0;} .energy-storage-product-top .energy-storage-product-new{justify-content: space-between;margin-top:4%;} .energy-storage-product-top .energy-storage-product-new-item{margin: 0;width: 49%; position: relative;} .energy-storage-product-top .energy-storage-product-new-item a{display: flex;align-items: center;width: 100%;height: 100%;border-radius:20px;overflow: hidden; background-color: #f4f4f4;} .energy-storage-product-top .energy-storage-product-new-item a:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);background-color: #fff;} .energy-storage-product-top .energy-storage-product-new-item .boxs-1-1{display: flex;padding:10% 0;align-items: center;width: 100%;box-sizing: border-box;} .energy-storage-product-top .energy-storage-product-new-item .new-1{left: 5%;right: 0;top: 0;z-index: 10;} .energy-storage-product-top .energy-storage-product-new-item .new-1 span{position: relative; padding:6px 18px 0;font-size: 16px;font-family: 'Poppins-b',Microsoft Yahei,Arial;background: #2c3368;} .energy-storage-product-top .energy-storage-product-new-item .new-1 span::after { content: ''; position: absolute; bottom: -61%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 37px solid transparent; border-right: 37px solid transparent; border-top: 20px solid #2c3368; } .energy-storage-product-top .energy-storage-product-new-item .txt{padding: 0;width: 52%;z-index: 10;margin-right: 3%;} .energy-storage-product-top .energy-storage-product-new-item .txt .title-2{color: #000;font-size: 36px;line-height: 1;font-family: 'Poppins-sb',Microsoft Yahei,Arial;} .energy-storage-product-top .energy-storage-product-new-item a:hover .txt .title-2{color: #2c3368;} .energy-storage-product-top .energy-storage-product-new-item .txt .text-2{color: #000;font-size: 14px;margin-top: 10px;line-height: 24px;} .energy-storage-product-top .energy-storage-product-new-item .product-1{background:none;width:45%;} .energy-storage-product-bottom{background: #fff;} .energy-storage-product-bottom .energy-storage-product-new{margin-top:5%;justify-content: space-between;} .energy-storage-product-bottom .energy-storage-product-left{width: 25%;} .energy-storage-product-bottom .energy-storage-product-left .item-1{width: 100%; } .energy-storage-product-bottom .energy-storage-product-left .item-1 .button-1{display: flex;align-items: center;justify-content: space-between;padding: 15px 0;border-bottom: 1px solid #c7c7c74d;width: 100%;line-height: 1;} .energy-storage-product-bottom .energy-storage-product-left .item-1 .button-1 .title-1-2{color: #000;font-size: 18px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;} .energy-storage-product-bottom .energy-storage-product-left .item-1 .button-1 .jiant-2{width: 9px;height: 14px;position: relative;filter: brightness(100%) invert(60%);transition: all .4s ease;margin-right: 3%;} .energy-storage-product-bottom .energy-storage-product-left .item-1 .brand-2 a:hover{color: #4fb661;} .energy-storage-product-bottom .energy-storage-product-left .item-1 .brand-2{ display: flex;flex-direction: column;padding:5% 0;display: none;} .energy-storage-product-bottom .energy-storage-product-left .item-1 .brand-2 a{color: #8e8e8e;font-size: 16px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;line-height: 1;padding-left: 5%;margin: 7px 0;} .energy-storage-product-bottom .energy-storage-product-left .item-1.open .button-1 .jiant-2{transform: rotate(90deg);} .energy-storage-product-bottom .energy-storage-product-left .item-1.open .button-1 .title-1-2{color: #4eb561;} .energy-storage-product-bottom .energy-storage-product-left .item-1.open .brand-2{display: flex;} .energy-storage-product-bottom .energy-storage-product-left .item-1.open {border-bottom: 1px solid #c7c7c74d;} .energy-storage-product-bottom .energy-storage-product-left .item-1.open .button-1{border-bottom:1px solid #c7c7c7;} .energy-storage-product-bottom .energy-storage-product-left .item-1 .brand-2 .dur{position: relative;color: #4db561;} .energy-storage-product-bottom .energy-storage-product-left .item-1 .brand-2 .dur::after{position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: '';width:3px;height: 100%;background: #2c3368;} .energy-storage-product-bottom .energy-storage-product-right1{width: 72%;} .energy-storage-product-bottom .energy-storage-product-right{display: flex;flex-wrap: wrap;} .energy-storage-product-top .energy-storage-product-new-item a{position: relative;overflow: hidden; transition: all .4s ease;} .energy-storage-product-top .energy-storage-product-new-item a::after { opacity: 0; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; transition: all .4s ease;} .energy-storage-product-top .energy-storage-product-new-item a:hover::after { opacity: 1; } .energy-deta-products-item a{ width: 100%; display: block; border-radius: 10px;} .energy-deta-products-item a .product-1{background-color: rgb(244, 244, 244); position: relative; border: 1px solid #ffffff33; padding:50px 0; border-radius:10px; box-sizing: border-box; width: 100%;} .energy-deta-products-item a .product-1 .top-1{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width:100%; height: auto; z-index: 10; max-width: 100%; max-height: 100%; } .energy-deta-products-item a .txt { position: relative; width: 80%; padding:10%; color: #000;} .energy-deta-products-item a .txt .title-2{ color: #000; font-size: 24px; font-family: 'Poppins-sb',Microsoft Yahei,Arial;line-height: 1; } .energy-deta-products-item a .txt .txt-3-1{ color: #000000cc; margin-top: 20px;min-height: clamp(40px, 30px + 4vw, 75px); font-size: 14px; } .energy-deta-products-item a .txt .viewmore-1{display: flex; align-items: center; justify-content: flex-end; padding-top: 30px; margin-top: auto; } .energy-deta-products-item a .txt .viewmore-1 span{ font-size: 14px; color:#ffffff33; display: inline-block; vertical-align: middle; margin-right: 10px; position: relative; } .energy-deta-products-item a .txt .viewmore-1 i{filter: invert(20%); height: 14px; width: 9px;display: inline-block; vertical-align: middle; margin-right:5px; background: url(../images/right2.png); background-size: 100% 100%; margin-top: 3px; position: relative; z-index: 3;} .energy-deta-products-item a:hover .txt .title-2{color: #2c3368;} .energy-deta-products-item a:hover .txt .viewmore-1 span{background: none;color: #4db560;} .energy-deta-products-item a:hover .txt .viewmore-1 i{filter: invert(100%);margin-right:0;} .energy-deta-products-item a:hover .product-1{background-color: #fff;} .energy-deta-products-item a:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);} .zf-more-3-1{vertical-align: initial;background-image: none;padding:4% 10%;position: relative;line-height:1;} .zf-more-3-1::after{content: '';position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);border: 1px solid #a9a9a9 ;z-index: 1;width: 100%;height: 100%;border-radius: 50px;} .zf-more-3-1 .txt-3{color: #00000080;} .zf-more-3-1 .jiat-4{filter: invert(20%);} .energy-deta-products-item a:hover .zf-more-3-1{vertical-align: middle; background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);} .energy-deta-products-item a:hover .zf-more-3-1 .txt-3{color: #fff;} .energy-deta-products-item a:hover .zf-more-3-1 .jiat-4{filter: invert(0);} a:hover .zf-more-3-1::after{content: none;} .energy-storage-product-right .energy-storage-product-new-item{padding: 1% 0 4% 0;} .energy-storage-product-right .energy-storage-product-new-item:nth-child(3n+1){margin-right: 0;} /* product-deta */ .energy-product-deta1{background-color: #fff;z-index: 1;} .energy-deta-banner{width: 100%;position: relative;background-position: center center; background-repeat: no-repeat; background-size: 100%;} .energy-deta-banner-content{ margin: auto;width:80%;padding: 12% 0 ;} .energy-deta-banner-content-top{position: relative;width: 100%;margin: auto;z-index: 10;display: flex;align-items: center;justify-content: space-between;} .energy-deta-banner-left{width:45%;z-index: 5;} .energy-deta-banner-left .text-top-1{ margin-bottom: 30px;} .energy-deta-banner-left .text-top-1 .title-1{ font-size: 64px;font-family: 'Poppins-sb',Microsoft Yahei,Arial; color: #000; line-height: 1.2;} .energy-deta-banner-left .text-top-1 .txt-2{ font-size: 16px;color: #000;margin-top: 10px;font-weight: normal;} .energy-deta-banner-left .item-bottom-2{margin-top: 30px;display: flex;} .energy-deta-banner-left .item-bottom-2 .more-1-1{position: relative;margin-right: 10px;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a{display: flex; align-items: center; color: #fff; text-decoration: none; font-size: 14px; padding:8px 10px 8px 25px; border-radius: 20px; cursor: pointer;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a:hover{background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-size: 115%;color: #fff;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a:hover .jiant-2{transform: rotate(90deg);background-color: #fff;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .icon-1{position: relative;width:15px;height: 18px;margin-right: 10px;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .txt-2-1{color: #000;font-family: 'Poppins-b',Microsoft Yahei,Arial;margin-right: 25px;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a:hover .txt-2-1{color: #fff;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .jiant-2{width:30px;height:30px;position: relative;background-color:rgb(227, 227, 227);border-radius: 50%;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .jiant-2 img{width:18px;height: 16px; filter: brightness(0%) invert(50%);} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download{opacity: 0;position: absolute;padding-top: 15px;display: none;width: 100%;} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download .box-1{ display: flex; flex-direction: column;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);background-color: #fff;} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download::after{position: absolute;border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff;left: 50%;transform: translateX(-50%);top:5px;content: '';} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a{display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-size: 14px; padding:7px 10px 7px 15px; border-radius: 8px; transition: all 0.3s ease;} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a:hover{border-radius: 0;} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a:hover .txt-2-2 {color: #fff; } .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a .button-1{position: relative;width: 15px;height: 17px;filter: brightness(0%) invert(30%);} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a .button-1 img{ width: 100%; } .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a:hover .button-1{filter: brightness(0%) invert(100%);} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a .gt1 {filter: brightness(100%);width: 21px;height: 14px; } .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a:hover .gt1{ filter: brightness(100%);} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a .txt-2-2{font-size: 14px;line-height:20px;color: #000;width: 80%;overflow: hidden; margin-bottom: -2px;} .energy-deta-banner-left .item-bottom-2 .more-1-1.sur a .txt-2-1{color: #fff;} .energy-deta-banner-left .item-bottom-2 .more-1-1.sur .aj1{background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-size: 115%;color: #fff;} .energy-deta-banner-left .item-bottom-2 .more-1-1.sur .item-bottom-download{opacity: 1;display: block;} .energy-deta-banner-left .item-bottom-2 .more-1-1.sur .jiant-2 { transform: rotate(90deg); } .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download .aj2{border-bottom:1px solid rgba(255, 255, 255, 0.1) ;border-radius: 0;padding: 10px 30px 10px 20px;} .energy-deta-banner-right {width: 45%; display: flex; justify-content: center; align-items: center;z-index:10;position: relative;} .energy-deta-banner-right .pic-1 img { max-width: 100%; height: auto; border-radius: 16px; } .energy-deta-banner-right .swiper-pagination { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px;z-index: 111; } .energy-deta-banner-right .swiper-pagination-bullet { width: 12px; height: 12px; background: #b1b1b1; border-radius: 50%; cursor: pointer;opacity:.8; } .energy-deta-banner-right .swiper-top {position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);z-index: 11;} .energy-deta-banner-right .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #2c3368;opacity: 1; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease;} .swiper-button-next:hover, .swiper-button-prev:hover { background: rgba(255, 255, 255, 0.4); } .swiper-button-next::after, .swiper-button-prev::after { font-size: 20px; color: white; } .energy-deta-banner-content-bottom{position: fixed; bottom: 1%; left:10%; width: 80%; display: flex; justify-content: space-between; align-items: center; padding:20px 40px; color: #fff;margin: auto;right: 10%;border-radius: 20px; box-sizing: border-box;z-index: 50;overflow: hidden;} .energy-deta-banner-content-bottom .item{ display: flex;align-items: center;gap: 15px; } .energy-deta-banner-content-bottom .item .icon-1-2{position: relative;width: 24px; height: 24px;} .energy-deta-banner-content-bottom .item .icon-1-2 img{ width: 100%; } .energy-deta-banner-content-bottom .item .txt-2-3{font-size: 14px;color: #000; margin-top: 3px;} .energy-deta-banner-content-bottom .bottom-left{display: flex;align-items: center;justify-content: space-between;width: 55%;z-index: 5;} .energy-deta-banner-content-bottom .bottom-right a{display: flex;align-items: center;gap: 10px;padding: 8px 15px 8px 20px;border-radius:50px; z-index: 5;background-color: #fff;} .energy-deta-banner-content-bottom .bottom-right{ width: 40%; display: flex; justify-content: flex-end;} .energy-deta-banner-content-bottom .bottom-right a .icon-1-2{width: 15px; height:17px;} .energy-deta-banner-content-bottom .bottom-right a:hover{background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-size: 115%;} .energy-deta-banner-right .swiper-top .pic-1{width: 100%;} .swiper-slide{height: auto;} .energy-deta-banner .energy-zf-jt{transform: translateX(-50%);} .energy-deta-banner-content-bottom::after {content: '';width: 110%;height: 110%;position: absolute;left: -5%;top: -5%;background: rgba(224,224,224,1);z-index: 1;filter: blur(8px);} .energy-deta-banner-right .swiper-slide{opacity: 0 !important;transition: opacity 0.3s ease;} .energy-deta-banner-right .swiper-slide-active{opacity: 1 !important;transition: opacity 0.3s ease;} .energy-deta-banner-left .item-bottom-2 .more-1-1 .aj1{position: relative;} .energy-deta-banner-left .item-bottom-2 .more-1-1 .aj1::after{width: 100%;height: 100%;border-radius:50px ;border: 1px solid rgba(0,0,0,0.2);position: absolute;left: 50%;top: 50%;content: '';transform: translate(-50%,-50%);} .energy-deta-banner-left .item-bottom-2 .more-1-1 .aj1:hover::after{content: none;} .energy-deta-banner-content-bottom .bottom-right a:hover .icon-1-2{filter: brightness(0%) invert(100%);} .energy-deta-banner-content-bottom .bottom-right a:hover .txt-2-3{color: #fff;} .energy-deta-features{ width: 100%;overflow: hidden; background: #fff;padding:2% 0 4%;} .energy-deta-features-content{width: 80%; margin: auto;} .jzzf-title-1{ color: #000;font-size: 48px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;text-align: center;} .energy-deta-features-content .energy-deta-features-content-bottom{ display: flex; flex-wrap: wrap; margin-top:70px;} .energy-deta-features-content .energy-deta-features-content-bottom .item{width: 48.5%;margin-right: 3%;margin-bottom: 3%;background-color: #fff;border-radius:10px;position: relative;overflow: hidden;cursor: pointer;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);transition: all .4s ease;} .energy-deta-features-content .energy-deta-features-content-bottom .item:hover::after{opacity: 1;} .energy-deta-features-content .energy-deta-features-content-bottom .item:nth-child(2n){margin-right: 0;} .energy-deta-features-content .energy-deta-features-content-bottom .item .sub-itm{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 60px 30px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;z-index: 10;} .energy-deta-features-content .energy-deta-features-content-bottom .item .pic-2-1{width:100%;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1{width:60%;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .icon-1{position: relative;width: 53px;height: 53px;margin-bottom: 20px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .icon-1 img{ width: 100%;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .title-2{font-size: 36px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;color: #000;margin-bottom: 20px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .title-2{color: #000;} .energy-deta-features-content .energy-deta-features-content-bottom .item:hover .text-1 .title-2{color: #fff;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3{ color: #fff;font-size: 18px;opacity: 0;transition: all .4s ease;display: none;transition: all .4s ease;} .energy-deta-features-content .energy-deta-features-content-bottom .item:hover .text-1 .text-txt-3{opacity: 1;display: block; } .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3 .txt-1{ margin-bottom:5px;vertical-align: middle;display: flex;line-height: 28px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3 .txt-1::before { content: "•"; color: #ffffff8c; font-size: 18px; margin-right:5px; } .energy-deta-features-content .energy-deta-features-content-bottom .item .pic-2{ width:20%;background-position: center center; background-repeat: no-repeat; background-size: contain;margin-right: 5%;position: relative;} .energy-deta-features-content .energy-deta-features-content-bottom .item .pic-2 .pic-2-img{ width: 100%;display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 10;} .energy-deta-features-content .energy-deta-features-content-bottom .item:hover::after{opacity: 1;} .energy-deta-features-content .energy-deta-features-content-bottom .item:hover .pic-2{ filter: brightness(0%) invert(100%);} .energy-deta-features-content .energy-deta-features-content-bottom .item:hover .text-1{width: 70%;} .energy-deta-features-content .energy-deta-features-content-bottom .item:hover .text-1{display: none;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1-1{display: none;} .energy-deta-features-content .energy-deta-features-content-bottom .item:hover .text-1-1{display: block;} .energy-deta-features-content .energy-deta-features-content-bottom .item::after{position: absolute;width: 100%;height: 100%;top: 0;left: 0;content: '';opacity: 0;transition: all .4s ease;background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-size: 115%;z-index: 1;} .energy-deta-scenarios{width: 100%;overflow: hidden;background-color: #fff;padding:0 0 7%;} .energy-deta-scenarios-content{width: 80%;margin: auto;} .energy-deta-scenarios .title-1{color: #000;text-align: center;font-size: 48px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;} .energy-deta-scenarios-bottom {position: relative;width: 100%;margin-top:3%;} .energy-deta-scenarios-bottom .box{position: absolute;display: flex;justify-content: space-between;width: 100%;height: 100%;overflow: hidden;flex-wrap: nowrap;border-radius: 10px;z-index: 5;} .energy-deta-scenarios-bottom a{display:inline-block;overflow: hidden;transition: all 0.4s ease;position: relative;background-color: #eeeeee;min-width: 10%;flex: 1;} .energy-deta-scenarios-bottom a:nth-child(2n){background-color: #e2e2e2;} .energy-deta-scenarios-bottom .pic-3-1{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;} .energy-deta-scenarios-bottom a .item-1{width:100%;position: relative;height: 100%;} .energy-deta-scenarios-bottom a .item-1 .text-1{ position: absolute;left:10%;top:15%;z-index: 1;} .energy-deta-scenarios-bottom a .item-1 .tub-1{position: relative;width: 68px;height: 68px;filter: invert(80%);margin-bottom: 20px;} .energy-deta-scenarios-bottom a .item-1 .tub-1 img{width: 100%;} .energy-deta-scenarios-bottom a .item-1 .txt-2{color: #000;font-size: 18px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;} .energy-deta-scenarios-bottom a .item-1 .pic-2{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;height: 100%;} .energy-deta-scenarios-bottom a .item-2{display: none;width: 100%;opacity: 0;height: 100%;} .energy-deta-scenarios-bottom a .item-2 .item-2-left{width:45%;position: relative;} .energy-deta-scenarios-bottom a .item-2 .item-2-left .text-2{ position: absolute;left: 10%;top: 10%;width: 80%;right: 10%;} .energy-deta-scenarios-bottom a .item-2 .text-2 .txt-1{color: #fff;font-size:30px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;} .energy-deta-scenarios-bottom a .item-2 .text-2 .txt-2{color: #fff;font-size: 16px;line-height: 24px;} .energy-deta-scenarios-bottom a .item-2-left .pic-2{ width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;height: 100%;background-image: -moz-linear-gradient( -90deg, rgb(44,51,104) 43%, rgb(28,130,134) 82%, rgb(77,181,96) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(44,51,104) 43%, rgb(28,130,134) 82%, rgb(77,181,96) 100%); background-image: -ms-linear-gradient( -90deg, rgb(44,51,104) 43%, rgb(28,130,134) 82%, rgb(77,181,96) 100%);background-size: 100% 120%;} .energy-deta-scenarios-bottom a .item-2 .item-2-right{width: 55%;} .energy-deta-scenarios-bottom a .item-2 .item-2-right .pic-3{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;height: 100%; } .energy-deta-scenarios-bottom a .jiant-2{position: absolute;width: 70px;height: 70px;background-color: #f2f2f2;border-radius: 100%;left:10%;bottom: 15%;z-index: 1;opacity: .5;} .energy-deta-scenarios-bottom a .jiant-2 img{width:25px;height: 23px;filter: grayscale(100%); } .energy-deta-scenarios-bottom .fur .jiant-2{opacity: 1;} .energy-deta-scenarios-bottom a .item-2 .pic-2 img,.energy-deta-scenarios-bottom a .item-2 .item-2-right .pic-3 img,.energy-deta-scenarios-bottom a .item-1 .pic-2 img{width: 100%;height: 100%;} .energy-deta-scenarios-bottom a:nth-child(2n-1) .jiant-2{background-color: #e2e2e2;} .energy-deta-scenarios-bottom .fur{flex: 2.8;} .energy-deta-scenarios-bottom .fur .item-1{display: none;} .energy-deta-scenarios-bottom .fur .item-2{opacity: 1;display: flex;} .energy-deta-scenarios-bottom .fur .jiant-2{left: 5%;} .energy-deta-applications{width: 100%;background-color: #fff;} .energy-deta-applications-content{width: 100%;margin: auto;} .energy-deta-applications-content .jzzf-title-1{margin:auto;width: 60%;position: relative;z-index: 15;} .energy-deta-applications-bottom{width: 100%;overflow: hidden;padding:1% 0 3%;} .energy-deta-applications-bottom .item-1{width: 100%;position: relative; box-sizing: border-box;border-radius:10px;z-index:10;overflow: hidden;} .energy-deta-applications-bottom .item-1::after{content: '';border:1px solid rgba(255,255,255,0.1);z-index: 5;position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 20px;} .energy-deta-applications-bottom .item-1 a{width: 100%;overflow: hidden;position: relative;display: block;z-index: 45;} .energy-deta-applications-bottom .swiper-slide-active .item-1 a{opacity: 1;} .energy-deta-applications-bottom .item-1 .primary-1{position: absolute;top: 50%;right:-50%;z-index: 15;width: 35%;transform: translateY(-50%);transition: all 0.4s ease;opacity: 0;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1{display: flex;flex-direction: column;margin-bottom:10%;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der{padding: 10px 0;border-bottom:1px solid rgba(255,255,255,0.1) ;display: flex;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der:last-child{border-bottom: none;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der .pic-1{width: 18px;height: 18px;position: relative;filter: brightness(0%) invert(100%);margin-right:10px;display: inline-block;margin-top:2px;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der .txt-2{font-size: 12px;color: #fff;line-height: 24px;display: inline-block;width: 90%;} .energy-deta-applications-bottom .item-1 .primary-1 .more-2{display: inline-block; padding:0 0 10px;border-bottom:2px solid rgba(255,255,255,1);vertical-align:initial; border-radius: 0; background-image: none;} .energy-deta-applications-bottom .item-1 .primary-1 .more-2 .txt-3{font-size: 16px;color: #fff;font-family: 'Poppins-b',Microsoft Yahei,Arial;display: inline-block;} .energy-deta-applications-bottom .item-1 .pic-2{ overflow: hidden;width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;} .energy-deta-applications-bottom .swiper-slide-active .item-1 .pic-2{filter: grayscale(0%);} .energy-deta-applications-bottom .swiper-slide-active .item-1 a::after{content: '';position: absolute; right: 0; top: 0; width:75%; height:100%; background: linear-gradient(to left, #2c3368,#2c3368, transparent); z-index: 1;opacity: 0;} .energy-deta-applications-bottom .swiper-slide-active .item-1 a::after{opacity:.8;} .energy-deta-applications-bottom .swiper-slide-active .item-1 .primary-1{right: 5%;opacity: 1;transition: all 0.4s ease;} .energy-deta-applications-bottom .myswiper2{position: relative;z-index: 15;} .energy-deta-applications-bottom .swiper-button-prev2{ position: absolute; width: 65px; height: 65px; border-radius: 100%; z-index: 20;top: 50%;transform: translateY(-50%);left:24%;margin-top: 0;} .energy-deta-applications-bottom .swiper-button-next2 { position: absolute; width: 65px; height: 65px; border-radius: 100%; z-index: 20;top: 50%;transform: translateY(-50%);right:24%;margin-top: 0;} .energy-deta-applications-bottom .swiper-button-next2:hover, .swiper-button-prev2:hover { background: #2c3368;border: 1px solid #2c3368; } .swiper-button-prev2:hover::after,.swiper-button-next2:hover::after { filter: invert(1); } .energy-deta-applications-bottom .swiper-button-next2:hover::before, .swiper-button-prev2:hover::before{content: none;} .zf-more-3{ display: inline-block;border-radius: 50px;padding: 1% 3%;vertical-align: middle;background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-size: 115%;} .zf-more-3 .txt-3{ font-size: 14px; color: #fff;display: inline-block;line-height: 1.2;} .energy-deta-document-content-bottom .item table{ width: 100%;margin: auto;border-top: 1px solid rgba(255,255,255,0.1);border-left: 1px solid rgba(255,255,255,0.1);border-radius: 30px;background-color: #ffffff1a;overflow: hidden;} .energy-deta-document-content-bottom .item table tr{position: relative;} .energy-deta-document-content-bottom .item table td{padding: 15px 20px;border-bottom: 1px solid rgba(255,255,255,0.1);border-right: 1px solid rgba(255,255,255,0.1);color: #fff;font-size: 14px;width: 30%;} .energy-deta-document-content-bottom .item table tr strong {font-size: 18px;display: block;text-align: center;} .energy-deta-document-content-bottom .item table td:nth-child(4n-1){width: 50%;} .energy-deta-document-content-bottom .item{color: #fff;overflow: hidden;position: relative;width: 100%;} .energy-deta-document-content-bottom .item:first-child::before{content: ''; width: 100%; height: 1px; opacity: .5; position: absolute; left: 0; top: 0; background-color: #bbadad;} .energy-deta-document-content-bottom .item .text{display: inline-block;width: 100%;position: relative;} .energy-deta-document-content-bottom .item .title{color:#fff;font-size: 18px;color: #00000080;} .energy-deta-document-content-bottom .item a{padding:40px 0;display: block;position: relative;} .energy-deta-document-content-bottom .item a:hover .title{color: #000;} .energy-deta-document-content-bottom .item .line{display: inline-block;width:27px;height:3px;background-color: #bbadad;z-index: 10;position: absolute;right:3%;top:50%;transform: translateY(-50%);} .energy-deta-document-content-bottom .item.open .line{background-color: #000;} .energy-deta-document-content-bottom .item .line::before{content: '';width:3px;height:27px;position: absolute;left: 50%;top:50%;margin-left: -1px;background-color: #bbadad;transform: translateY(-50%);} .energy-deta-document-content-bottom .item::after{content: '';width: 100%;height: 1px;opacity: .5;position: absolute;left: 0;bottom: 0;background-color: #bbadad;} .energy-deta-document-content-bottom .item .txtitem{padding-top:40px ;line-height: 2.4rem;overflow: hidden;display: none;z-index: 5;width:70%;margin: auto;box-sizing: border-box;} .energy-deta-document-content-bottom .item.open .line::before{display: none;} .energy-deta-document-content-bottom .item .txtitem-left{float: left;width:49%;margin-right: 2%;} .energy-deta-document-content-bottom .item .txt-1-1{color: #00000080;font-size: 12px;} .energy-deta-document-content-bottom .item .txtitem-right{float: right;width: 49%;} .energy-deta-document-content-bottom .pic-1-1{width: 45%;background-position: center center; background-repeat: no-repeat; background-size: cover;margin:3% auto 5%;position: relative;} .energy-deta-document-content-bottom .pic-1-1 .pic-img{ width: 100%; display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 10;} .energy-deta-document{width: 100%;background-color: #fff;background-image:url(../images/energy-bg-ddt001.png);background-repeat: no-repeat;background-position:center;background-size:100% 100%;padding: 3% 0 7%;position: relative;z-index: 10;box-sizing: border-box;} .energy-deta-document-content{width: 66%;margin: auto; } .energy-deta-document-content .energy-deta-document-content-top{gap:20px; margin: 30px auto;display: flex;flex-wrap: wrap;text-align: center;width: 50%;justify-content:center;} .energy-deta-document-content .energy-deta-document-content-top .button-1{overflow: hidden;} .energy-deta-document-content .energy-deta-document-content-top .button-1 a{padding: 13px 25px; background-color: #f4f4f4; display: inline-block; border-radius:50px;} .energy-deta-document-content .energy-deta-document-content-top .button-1 a .txt-1{font-size: 18px;color: #0000004d;font-family: 'Poppins-b',Microsoft Yahei,Arial;} .energy-deta-document-content .energy-deta-document-content-bottom{overflow: hidden;width: 100%;} .energy-deta-document-content .energy-deta-document-content-top .button-1 a:hover,.energy-deta-document-content .energy-deta-document-content-top .dur a{color: #fff;background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-size: 115%;} .energy-deta-document-content .energy-deta-document-content-top .button-1 a:hover .txt-1,.energy-deta-document-content .energy-deta-document-content-top .dur a .txt-1{color: #fff;} .energy-deta-document-content-bottom .item.open .title{color: #000;} .energy-deta-products{width: 100%;background-color: #fff;overflow: hidden;position: relative;} .energy-deta-products .jzzf-title-1{position: relative;z-index: 20;padding-bottom:3%;} .energy-deta-products-content{width: 66%;margin: auto;position: relative;} .energy-deta-products-content .title-1{ font-size: 60px;color: #fff;} .energy-deta-products-bottom{ width: 100%;} .energy-deta-products-item { padding:3% 0 8% 0; border: 0;box-sizing: border-box;} .energy-deta-products-item a{ width: 100%; display: block; border-radius: 10px;} .energy-deta-products-item a .product-1{background-color: rgb(244, 244, 244); position: relative; border: 1px solid #ffffff33; padding:50px 0; border-radius:10px; box-sizing: border-box; width: 100%;} .energy-deta-products-item a .product-1 .top-1{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width:100%; height: auto; z-index: 10; max-width: 100%; max-height: 100%; } .energy-deta-products-item a .txt { position: relative; width: 80%; padding:10%; color: #000;} .energy-deta-products-item a .txt .title-2{ color: #000; font-size: 24px; font-family: 'Poppins-sb',Microsoft Yahei,Arial;line-height: 1; } .energy-deta-products-item a .txt .txt-3-1{ color: #000000cc; margin-top: 20px;min-height: clamp(40px, 30px + 4vw, 75px); font-size: 14px; } .energy-deta-products-item a .txt .viewmore-1{display: flex; align-items: center; justify-content: flex-end; padding-top: 30px; margin-top: auto; } .energy-deta-products-item a .txt .viewmore-1 span{ font-size: 14px; color:#ffffff33; display: inline-block; vertical-align: middle; margin-right: 10px; position: relative; } .energy-deta-products-item a .txt .viewmore-1 i{filter: invert(20%); height: 14px; width: 9px;display: inline-block; vertical-align: middle; margin-right:5px; background: url(./images/right2.png); background-size: 100% 100%; margin-top: 3px; position: relative; z-index: 3;} .energy-deta-products-item a:hover .txt .title-2{color: #2c3368;} .energy-deta-products-item a:hover .txt .viewmore-1 span{background: none;color: #4db560;} .energy-deta-products-item a:hover .txt .viewmore-1 i{filter: invert(100%);margin-right:0;} .energy-deta-products-item a:hover .product-1{background-color: #fff;} .energy-deta-products-item a:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);} .energy-deta-products .swiper-button-prev3{ position: absolute; width: 63px; height: 63px; border-radius: 100%; z-index: 20;top: 50%;transform: translateY(-50%);left:-10%;} .energy-deta-products .swiper-button-next3 { position: absolute; width: 63px; height: 63px; border-radius: 100%; z-index: 20;top: 50%;transform: translateY(-50%);right:-10%;} .energy-deta-applications-bottom .swiper-button-prev2::before,.energy-deta-applications-bottom .swiper-button-next2::before,.energy-deta-products .swiper-button-prev3::before,.energy-deta-products .swiper-button-next3::before { content: ''; width:100%; height:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);border: 1px solid rgba(0,0,0,0.1) ;z-index: 1;border-radius:100%;} .energy-deta-products .swiper-button-next3:hover, .swiper-button-prev3:hover { background: #2c3368; } .energy-deta-products .swiper-button-next3:hover::before, .swiper-button-prev3:hover::before{content: none;} .energy-deta-products .swiper-button-prev3:hover::after,.energy-deta-products .swiper-button-next3:hover::after { filter: invert(1); } .energy-deta-products .swiper-button-prev3:hover::before,.energy-deta-products .swiper-button-next3:hover::before{content: none;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .icon-1,.energy-deta-banner-left .item-bottom-2 .more-1-1 a .txt-2-1,.energy-deta-banner-left .item-bottom-2 .more-1-1 a .jiant-2{display: inline-block;} /* .energy-contact1{margin-top: -100px;} */ .energy-deta-banner-content-bottom2,.energy-deta-banner-left .item-bottom-3{display: none!important;} .zf-more-3-1{vertical-align: initial;background-image: none;padding:4% 10%;position: relative;line-height:1;} .zf-more-3-1::after{content: '';position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);border: 1px solid #a9a9a9 ;z-index: 1;width: 100%;height: 100%;border-radius: 50px;} .zf-more-3-1 .txt-3{color: #00000080;} .zf-more-3-1 .jiat-4{filter: invert(20%);} .energy-deta-products-item a:hover .zf-more-3-1{vertical-align: middle; background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);} .energy-deta-products-item a:hover .zf-more-3-1 .txt-3{color: #fff;} .energy-deta-products-item a:hover .zf-more-3-1 .jiat-4{filter: invert(0);} .energy-deta-products-bottom a:hover .zf-more-3-1::after{content: none;} .energy-deta-products::after{content: '';width: 15.5%;height:100%;position: absolute;left: 0;top: 0;background-color: #fff;z-index: 5;} .energy-deta-products::before{content: '';width: 15.5%;height:100%;position: absolute;right: 0;top: 0;background-color: #fff;z-index: 5;} .swiper-button-next, .swiper-button-prev{background-image:none!important;} /* case */ .energy-case-news3{width: 100%;overflow: hidden;margin-top:10%;} .energy-case-news3-content{width: 80%;margin: auto;} .energy-case-news3-bottom{width: 100%;margin-top: 40px;} .energy-case-news3-bottom .title-1-1{color: #000;font-size: 36px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;margin-bottom: 30px;} .zfboxs-2{display: flex; width: 100%; flex-wrap: wrap;} .zfboxs-2 .item{width: 31%;margin-right: 3.5%;margin-bottom: 5%;} .zfboxs-2 .item:nth-child(3n){margin-right: 0;} .zfboxs-2 .item a{width: 100%;display: block;} .zfboxs-2 .item a .fd-1{width: 100%;overflow: hidden;border-radius: 10px;} .zfboxs-2 .item a .pic-1{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;} .zfboxs-2 .item a:hover .pic-1{transform: scale(1.03);} .zfboxs-2 .item a .text-2{width: 100%;} .zfboxs-2 .item a .text-2 .txt-1{font-size: 18px;color: #0000009b; line-height: 1;margin-top:30px;} .zfboxs-2 .item a .text-2 .title-2{font-family: 'Poppins-sb',Microsoft Yahei,Arial;color: #000;font-size: 30px;margin-top: 10px;line-height: 1;} /* download */ .index-1-energy-dwd{padding:0 0 6% ;} /* 0-3按钮样式 */ .energy-case-news-button{padding:3% 0 8%;margin: auto;display: flex;align-items: center;justify-content: center;} .energy-case-news-button a{width: 36px;height: 36px;margin: 0 5px; display: flex;align-items: center;justify-content: center;border-radius: 50%;} .energy-case-news-button .jiato-1{width:20px;height: 20px;position: relative;opacity: 1;z-index: 15;filter: brightness(0%) invert(100%);} .energy-case-news-button .jiato-2{transform: scaleX(-1);} .energy-case-news-button .mun-2{color: #00000080;font-size: 16px;margin-bottom: -2px;} .energy-case-news-button .sur{opacity: 1;background-color: #2c3368;color: #fff;} .energy-case-news-button .sur .jiato-1{filter: brightness(100%);opacity: 1;} .energy-case-news-button .sur .mun-2{color: #fff;} .energy-case-news-button .at1{width: 36px;height: 36px;background-color:#bababa;display: flex;align-items: center;justify-content: center;} .energy-case-news-button a:hover .mun-2{color: #fff;opacity: 1;} .energy-case-news-button a:hover{background-color: #2c3368;} .energy-case-news-button .at1:hover .jiato-1{filter: brightness(100%);} .energy-case-news-button1{padding:1% 0;} .energy-case-news-button2{padding:3% 0;} .energy-video-button{padding: 1% 0;justify-content: normal;} /* 尾部 */ .index-1-fotter{width: 100%;margin:2% 0;position: relative;} .index-1-fotter .fotter-content{width: 66%;margin: auto;padding:4% 0 2%;display: flex;justify-content: space-between;position: relative;} .index-1-fotter .fotter-content::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background-color: rgb(0 0 0 / 20%); } .index-1-fotter .fotter-content::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: rgb(0 0 0 / 20%);} .index-1-fotter .fotter-content .fotter-content-left{ width:31%; } .index-1-fotter .fotter-content .fotter-content-left .logo-1{width: 50%;background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; } .index-1-fotter .fotter-content .fotter-content-left .inner{display: flex; margin-top:10%; align-items: flex-end; justify-content: space-between;padding-bottom: 3%;position: relative;} .index-1-fotter .fotter-content .fotter-content-left .inner .text-1{ display: flex;flex-direction: column;} .index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1{ font-size: 16px; color: #000;margin-bottom: 5px;} .index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .title-2{font-size: 24px; font-family: 'Poppins-sb',Microsoft Yahei,Arial;vertical-align: middle; background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;line-height: 1;} .index-1-fotter .fotter-content .fotter-content-left .inner .text-2{display: flex; align-items: center;} .index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .hsjiao-1{ width: 12px; height: 12px; margin-right: 10px; position: relative; } .index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .hsjiao-1 img{ width: 100%;} .index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2{font-size: 16px; font-family: 'Poppins-sb',Microsoft Yahei,Arial;} .index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-3{font-size: 12px; color: #ff0000;margin-left: 10px;} .index-1-fotter .fotter-content .fotter-content-left .text-3{display: flex;margin-top: 10px;justify-content: space-between;align-items: center;} .index-1-fotter .fotter-content .fotter-content-left .txt-3-1{font-size: 12px;color: #000;} .index-1-fotter .fotter-content .fotter-content-right{width: 60%; } .index-1-fotter .fotter-content .fotter-content-right .nav-1{display: flex;margin-bottom: 6%;} .index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 16px; font-family: 'Poppins-sb',Microsoft Yahei,Arial;color: #000;margin-right: 6%; } .index-1-fotter .fotter-content .fotter-content-right .nav-1 a:hover{color: #2c3368;} .index-1-fotter .fotter-content .fotter-content-right .nav-1 a:last-child{margin-right: 0; } .index-1-fotter .fotter-content .fotter-content-right .wrap-2{width: 100%;padding-bottom: 2%;} .index-1-fotter .fotter-content .fotter-content-right .wrap-2 .sub{display: flex;align-items: center;margin-bottom: 3px;} .index-1-fotter .fotter-content .fotter-content-right .wrap-2 .sub .icon-1{position: relative;width: 18px;height: 18px;margin-right: 10px;} .index-1-fotter .fotter-content .fotter-content-right .wrap-2 .sub .txt-2-1{font-size: 14px; color: #000; } .index-1-fotter .fotter-content .fotter-content-right .icon-3{ display: flex;padding:5% 0;} .index-1-fotter .fotter-content .fotter-content-right .icon-3 a{position: relative; width: 45px; height: 45px; margin-right: 10px;border-radius: 100%;border: 1px solid #888888; } .index-1-fotter .fotter-content .fotter-content-right .icon-3 a img{ width:45%;filter: brightness(0%) invert(50%);} .index-1-fotter .fotter-content .fotter-content-right .txt-4-1{font-size: 12px; color: #01010180; } .index-1-fotter .fotter-content .fotter-content-right .icon-3 a:hover{background: #2c3368;border: 1px solid #2c3368;} .yt-pic-2{right:-15%;bottom:4%; display: none;} .index-1-fotter .fotter-content .fotter-content-right .icon-3 a:hover img{filter: brightness(0%) invert(100%);} .index-1-fotter .fotter-content .fotter-content-right .txt-4-1 a{color: #01010180;} .index-1-fotter .fotter-content .fotter-content-right .txt-4-1 a:hover{color: #2c3368;} .index-1-energy-vid{padding: 0 0 6%;} /* 重f */ .sh-news-nav-swiper strong{font-weight: initial;} .sh-news-list-item a .txt-2 .title-1{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} @font-face {font-family: 'Poppins-sb';src: url('../fonts/Poppins-SemiBold.ttf');font-weight: normal;font-style: normal;} @font-face {font-family: 'Poppins-l';src: url('../fonts/Poppins-Light.ttf');font-weight: normal;font-style: normal;} @font-face {font-family: 'Poppins-r';src: url('../fonts/poppins-regular.ttf');font-weight: normal;font-style: normal;} @font-face {font-family: 'Poppins-m';src: url('../fonts/Poppins-Medium.ttf');font-weight: normal;font-style: normal;} @font-face {font-family: 'Poppins-b';src: url('../fonts/Poppins-Bold.ttf');font-weight: normal;font-style: normal;} @font-face {font-family: 'Poppins-eb';src: url('../fonts/Poppins-ExtraBold.ttf');font-weight: normal;font-style: normal;} .energy-zf-jt{position: absolute; left: 50%; top: 80%; z-index: 15;} .energy-zf-jt .xjiant-1{width: 50px;height: 30px;position: relative;margin-bottom: 50px;animation: flash2 2s infinite .1s;} .energy-zf-jt .xjiant-1::after{background-image: url(../images/xiaosjxt002.png); background-repeat: no-repeat; background-position: center; background-size: cover; content: ""; position: absolute; left: 50%; top:60%; transform: translateX(-50%); width: 100%; height: 100%; opacity: 0.4; z-index: 11; animation: flash2 2s infinite .6s;} .energy-zf-jt .xjiant-1::before{background-image: url(../images/xiaosjxt002.png); background-repeat: no-repeat; background-position: center; background-size: cover; content: ""; position: absolute; left:50%; top:120%; transform: translateX(-50%); width: 100%; height: 100%; opacity: 0.2; z-index: 11; animation: flash2 2s infinite 1.1s;} @keyframes flash2 { 0%{ opacity: 0.4; } 50% { opacity:1; } 100% { opacity: 0.4; } } @media screen and (max-width: 1880px) { .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .title-2 {font-size: 28px;} .energy-deta-features-content .energy-deta-features-content-bottom .item:hover .text-1 .title-2 {font-size: 22px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3 .txt-1 {font-size: 16px;line-height: 24px;margin-bottom: 0px;} .energy-deta-scenarios-bottom a .item-2 .text-2 .txt-1 {font-size: 24px;line-height: 28px;} .energy-deta-scenarios-bottom a .item-2 .text-2 .txt-2 {margin-top: 20px;} .energy-deta-banner-left .text-top-1 .title-1 {font-size: 54px;} } @media screen and (max-width: 1680px) { .energy-storage-product-top .energy-storage-product-new-item .txt .title-2{font-size: 28px;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .txt-2-1{white-space: nowrap;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a{font-size: 12px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .title-2 {font-size: 26px;margin-bottom: 10px;} } @media screen and (max-width: 1440px) { .index-1-intro .intro-1-intro-content-top .item .boxs-1 .title-1{font-size: 30px;line-height: 30px;} .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2,.index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2,.intro-1-intro-content-middle .evcharger-data .item-1 li .l5,.energy-contact-content .inner .inner-top .txt-3,.index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1,.index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2,.index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 14px;} .intro-1-intro-content-middle .evcharger-data .item-1 li .l2 strong,.intro-1-intro-content-middle .evcharger-data .item-1 li .l2 .spa1,.zf-text-1 .title-1-1{font-size: 40px;} .intro-1-intro-content-middle .evcharger-data .item-1 li .l2 span,.index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .title-2{font-size: 20px;} .zf-text-1 .txt-2-1,.index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1 .text-1-1 a,.index-1-products .energy-storage-product-new-item a .txt .txt-3,.index-1-fotter .fotter-content .fotter-content-right .txt-4-1{font-size: 12px;} .index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .title-1{font-size:30px;} .energy-contact-content .inner .inner-top .title-2{font-size: 50px;} .index-1-fotter .fotter-content .fotter-content-left .text-3{flex-wrap: wrap;} .index-1-fotter .fotter-content .fotter-content-right .icon-3 a{width: 40px;height: 40px;} .index-1-intro .intro-1-intro-content,.index-1-fotter .fotter-content,.index-1-scenarios .index-1-scenarios-content,.index-1-stories-content,.energy-contact1{width: 86%;} .index-1-us-con1{width: 45%;} .energy-storage-product-top .energy-storage-product-new-item .txt .title-2{font-size: 24px;} .energy-storage-product-bottom .energy-storage-product-left .item-1 .button-1 .title-1-2{font-size: 14px;} .energy-storage-product-bottom .energy-storage-product-left .item-1 .brand-2 a{font-size: 12px;} .energy-storage-product-bottom .all-products .energy-storage-product-new-item .txt .title-2{font-size: 14px;} /* energy-contact通用样式 */ .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2,.index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2,.intro-1-intro-content-middle .evcharger-data .item-1 li .l5,.energy-contact-content .inner .inner-top .txt-3,.index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1,.index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2,.index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 14px;} .energy-contact-content .inner .inner-top .title-2{font-size: 50px;} .index-1-intro .intro-1-intro-content,.index-1-fotter .fotter-content,.index-1-scenarios .index-1-scenarios-content,.index-1-stories-content,.energy-contact1{width: 76%;} .energy-storage-product-container{width: 86%;} .zfy-viewmore-1{padding:7px 15px 7px 25px;bottom: 6%;} .energy-deta-banner-left .text-top-1 .title-1,.jzzf-title-1,.energy-contact-content .inner .inner-top .title-2{font-size: 40px;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a{font-size: 12px;} .energy-deta-banner-right{width: 50%;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a{padding:8px 12px;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .txt-2-1{margin-right:15px;white-space: nowrap;} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a .txt-2-2{font-size: 10px;white-space: nowrap;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3{font-size: 12px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .title-2{font-size: 18px;} .energy-deta-applications-bottom .item-1 .primary-1 .more-2 .txt-3{font-size: 12px;} /* .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der{padding: 5px 0;} */ .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a .gt1{width: 15px; height: 8px;} .energy-deta-document-content .energy-deta-document-content-bottom .item table tbody tr td{font-size: 12px;} .energy-deta-document-content .energy-deta-document-content-bottom .item table tbody tr .td1 .txt-2-1,.energy-deta-products-item a .txt .title-2{font-size: 16px;} .energy-deta-products-item a .txt .txt-3{font-size: 13px;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .icon-1,.energy-deta-banner-left .item-bottom-2 .more-1-1 a .txt-2-1,.energy-deta-banner-left .item-bottom-2 .more-1-1 a .jiant-2{display: inline-block;} .energy-deta-products .jzzf-title-1{padding-bottom:5%;} .energy-deta-products .swiper-button-prev3{left: -7%;} .energy-deta-products .swiper-button-next3{right: -7%;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der{padding: 5px 0;} .energy-deta-applications-bottom .item-1 .primary-1 .more-2{padding:12px 20px;} .energy-deta-applications-bottom .swiper-button-prev2{left: 23%;} .energy-deta-applications-bottom .swiper-button-next2{right: 23%;} .energy-deta-applications-bottom .swiper-slide-active .item-1 a::after{width: 90%;} .energy-deta-applications-bottom .item-1 .primary-1{width:45%;} .energy-deta-document-content{width: 80%;} .energy-contact1{margin-top: -50px;} /* energy-contact通用样式 */ .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2,.index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2,.intro-1-intro-content-middle .evcharger-data .item-1 li .l5,.energy-contact-content .inner .inner-top .txt-3,.index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1,.index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2,.index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 14px;} .energy-contact-content .inner .inner-top .title-2{font-size: 50px;} .index-1-intro .intro-1-intro-content,.index-1-scenarios .index-1-scenarios-content,.index-1-stories-content,.energy-contact1{width: 76%;} .energy-deta-banner-content,.energy-deta-features-content,.energy-deta-scenarios-content,.energy-deta-document-content{width: 90%;} .energy-contact1,.energy-deta-document-content,.energy-deta-products-content{width: 86%;} .energy-deta-scenarios-bottom a .jiant-2{bottom: 10%;} .energy-deta-scenarios-bottom a .item-2 .text-2 .txt-1{font-size:24px;} .energy-deta-scenarios-bottom a .item-2 .text-2 .txt-2{font-size:14px;line-height:22px ;} .energy-deta-products::after,.energy-deta-products::before{width: 5.5%;} .zfboxs-2 .item a .text-2 .title-2{font-size: 24px;} .sh-news-list-item a .txt-2 .title-1 { font-size: 18px; } } @media screen and (max-width: 1380px) { .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3 .txt-1 {font-size: 14px;line-height: 22px;} } @media screen and (max-width: 1280px) { .index-1-intro .intro-1-intro-content-top .item .boxs-1 .title-1{font-size: 24px;line-height: 24px;} .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2,.index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2,.intro-1-intro-content-middle .evcharger-data .item-1 li .l5,.energy-contact-content .inner .inner-top .txt-3,.index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1,.index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2,.index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 12px;} .intro-1-intro-content-middle .evcharger-data .item-1 li .l2 strong,.intro-1-intro-content-middle .evcharger-data .item-1 li .l2 .spa1,.zf-text-1 .title-1-1{font-size: 36px;} .intro-1-intro-content-middle .evcharger-data .item-1 li .l2 span,.index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .title-2{font-size: 18px;} .zf-text-1 .txt-2-1,.index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1 .text-1-1 a,.index-1-products .energy-storage-product-new-item a .txt .txt-3,.index-1-fotter .fotter-content .fotter-content-right .txt-4-1{font-size: 12px;} .index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .title-1{font-size:24px;} .energy-contact-content .inner .inner-top .title-2{font-size: 45px;} .index-1-fotter .fotter-content .fotter-content-left .text-3{flex-wrap: wrap;} .index-1-fotter .fotter-content .fotter-content-right .icon-3 a{width: 35px;height: 35px;} .index-1-intro .intro-1-intro-content,.index-1-fotter .fotter-content,.index-1-scenarios .index-1-scenarios-content,.index-1-stories-content,.energy-contact1{width: 86%;} .index-1-us-con1{width:60%;} .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2,.index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2,.intro-1-intro-content-middle .evcharger-data .item-1 li .l5,.energy-contact-content .inner .inner-top .txt-3,.index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1,.index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2,.index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 12px;} .energy-contact-content .inner .inner-top .title-2{font-size: 45px;} .index-1-intro .intro-1-intro-content,.index-1-fotter .fotter-content,.index-1-scenarios .index-1-scenarios-content,.index-1-stories-content,.energy-contact1{width: 86%;} .energy-storage-product-top .energy-storage-product-new-item .txt .text-2,.energy-storage-product-bottom .all-products .energy-storage-product-new-item .txt .txt-3{font-size: 12px;line-height: 20px;} .energy-storage-product-container{width: 90%;} .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2,.index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2,.intro-1-intro-content-middle .evcharger-data .item-1 li .l5,.energy-contact-content .inner .inner-top .txt-3,.index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1,.index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2,.index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 12px;} .energy-contact-content .inner .inner-top .title-2{font-size: 45px;} .index-1-intro .intro-1-intro-content,.index-1-fotter .fotter-content,.index-1-scenarios .index-1-scenarios-content,.index-1-stories-content,.energy-contact1{width: 86%;} .energy-deta-scenarios-bottom a .item-2 .text-2 .txt-1{font-size:20px;} .energy-deta-scenarios-bottom a .item-2 .text-2 .txt-2{font-size:12px;line-height:18px ;} .zfboxs-2 .item a .text-2 .title-2{font-size: 20px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3 .txt-1 {font-size: 12px;line-height: 20px;} } @media screen and (max-width: 1200px) { .energy-storage-product-top .energy-storage-product-new-item .txt .title-2{font-size: 18px;} .energy-storage-product-banner .txt .title-1,.energy-storage-product-top .title-1,.energy-storage-product-bottom .title-1,.energy-contact-content .inner .inner-top .title-2{font-size: 24px;} .energy-storage-product-top .energy-storage-product-new-item .txt .text-2,.energy-storage-product-bottom .all-products .energy-storage-product-new-item .txt .txt-3{font-size: 10px;line-height: 15px;} .zfy-viewmore-1 {padding: 5px 12px 5px 22px;} .energy-deta-banner-left .text-top-1 .title-1,.jzzf-title-1,.energy-contact-content .inner .inner-top .title-2{font-size: 30px;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .txt-2-1{font-size: 10px;} .energy-deta-products .jzzf-title-1{margin-top: -60px;} .energy-contact1{margin-top: -40px;} .energy-deta-applications-bottom .swiper-button-prev2{left: 22.5%;} .energy-deta-applications-bottom .swiper-button-next2{right: 22.5%;} .energy-deta-applications-bottom{padding: 2% 0 3%;} .energy-deta-products .jzzf-title-1{padding-bottom:6%;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der .txt-2{font-size: 10px;line-height: 16px;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der{padding:3px 0;} .energy-deta-applications-bottom .item-1 .primary-1 .more-2{padding:6px 10px;} .energy-deta-applications-bottom .item-1 .primary-1{width:55%;} .header .content .center .header-nav li a{font-size: 12px;} .energy-deta-products::after,.energy-deta-products::before{width:6.5%;} .sh-news-list-item a .txt-2 .title-1 { font-size: 16px; } .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .title-2 {margin-bottom: 0px;} } @media screen and (max-width: 1152px) { .energy-deta-banner-content,.energy-deta-features-content,.energy-deta-document-content,.energy-deta-banner-content-bottom{width: 90%;} .energy-deta-diagram-content{width: 80%;} .energy-deta-products-content{width:80%;} .energy-deta-banner-content-bottom{right: 5%;left: 5%;} } @media screen and (max-width: 1100px) { .energy-contact1{margin-top: -20px;} .zfboxs-2 .item a .text-2 .title-2{font-size: 18px;} } @media screen and (max-width: 1024px) { .index-1-intro .intro-1-intro-content-top .item .boxs-1 .title-1{font-size: 18px;line-height: 18px;} .intro-1-intro-content-middle .evcharger-data .item-1 li .l2 strong,.intro-1-intro-content-middle .evcharger-data .item-1 li .l2 .spa1,.zf-text-1 .title-1-1{font-size: 30px;} .intro-1-intro-content-middle .evcharger-data .item-1 li .l2 span,.index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .title-2{font-size: 14px;} .zf-text-1 .txt-2-1,.index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1 .text-1-1 a,.index-1-products .energy-storage-product-new-item a .txt .txt-3,.index-1-fotter .fotter-content .fotter-content-right .txt-4-1{font-size: 10px;} .index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .title-1{font-size:18px;} .index-1-fotter .fotter-content .fotter-content-left .text-3{flex-wrap: wrap;} .index-1-fotter .fotter-content .fotter-content-right .icon-3 a{width: 30px;height: 30px;} .header .content .center .header-nav li a{font-size: 12px;} .header-nav-show .content-1 .nav-content .cnav .lit a{font-size: 12px;} .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2,.index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2,.intro-1-intro-content-middle .evcharger-data .item-1 li .l5,.energy-contact-content .inner .inner-top .txt-3,.index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1,.index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2,.index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 10px;} .energy-contact-content .inner .inner-top .title-2{font-size: 40px;} .index-1-intro .intro-1-intro-content,.index-1-fotter .fotter-content,.index-1-scenarios .index-1-scenarios-content,.index-1-stories-content,.energy-contact1{width: 96%;} .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2,.index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2,.intro-1-intro-content-middle .evcharger-data .item-1 li .l5,.energy-contact-content .inner .inner-top .txt-3,.index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1,.index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2,.index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 10px;} .energy-contact-content .inner .inner-top .title-2{font-size: 40px;} .index-1-intro .intro-1-intro-content,.index-1-fotter .fotter-content,.index-1-scenarios .index-1-scenarios-content,.index-1-stories-content,.energy-contact1{width: 96%;} } @media screen and (max-width: 860px) { .pcshow,.header-nav{display: none!important;} .mbshow,.menu-toggle{display: block!important;} /* tb */ .mb-nav {display:block;left: auto; right: 5%;} .ene-header-content-right {width: auto;} .ene-header-content-right .demos {display: none;} .ene-header-content-right .nav .txt-1 {border-bottom: 1px solid #ccc;} .ene-header-content-right .nav .txt-1:first-child {margin-top:30px;} .ene-header-content-right .nav a {font-size:20px;margin: 0;padding: 0 5%;color: #838383;display: block;line-height: 86px;} .ene-header-content .logo {position: relative;z-index: 11;} .navon .header-show-mark {opacity: 1;background: #f1f1f1;z-index: 22;position: fixed;} .header .content .center{display: none;} .navon .ene-header-content-right .nav {transform: translateX(0);transition:all .4s ease;} .index-1-banner .title-1{font-size: 40px;} .diyiping1 { height: 100vh !important; transition: height 0.3s ease-in-out; } .index-1-intro .intro-1-intro-content-top,.index-1-stories-content-bottom,.index-1-fotter .fotter-content{flex-direction: column;} .index-1-intro .intro-1-intro-content,.index-1-scenarios .index-1-scenarios-content,.index-1-stories-content,.energy-contact1,.index-1-fotter .fotter-content{width: 90%;} .index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1,.zf-text-1,.index-1-fotter .fotter-content .fotter-content-left,.index-1-fotter .fotter-content .fotter-content-right,.index-1-fotter .fotter-content .fotter-content-right{width: 100%;} .index-1-intro .intro-1-intro-content-top .item{width: 100%;margin-bottom:5%;} .intro-1-intro-content-middle .evcharger-data .item-1{flex-wrap: wrap} .intro-1-intro-content-middle .evcharger-data .item-1 li{width: 49%;margin-right: 2%;margin-bottom: 5%;} .intro-1-intro-content-middle .evcharger-data .item-1 li:nth-child(2n){margin-right: 0;} .zf-text-1 .title-1-1{font-size: 24px;margin-bottom: 5%;} .index-1-intro .intro-1-intro-content{padding: 10% 0;} .zf-text-1 .txt-2-1, .index-1-products .energy-storage-product-new-item a .txt .txt-3, .index-1-fotter .fotter-content .fotter-content-right .txt-4-1{font-size: 14px;} .index-1-scenarios .index-1-scenarios-content-middle .boxs-1-1 .text-1-1 a{font-size: 14px;} .index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2{width: 90%;} .index-1-products-content-bottom .ant1 { padding:2% 4%; } .index-1-stories-content-bottom .item-1{width: 100%;margin-right: 0;} .zf-more-3,.index-1-stories-content-bottom2 .zf-more-3{padding:2% 4%;} .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2, .index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2, .intro-1-intro-content-middle .evcharger-data .item-1 li .l5, .energy-contact-content .inner .inner-top .txt-3, .index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1, .index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2, .index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 14px;} .index-1-fotter .fotter-content .fotter-content-left .inner{margin-top:15%;padding-bottom:5%;} .index-1-fotter .fotter-content .fotter-content-right .nav-1{flex-wrap: wrap;} .fotter-content-left{margin-bottom: 5%;} .index-1-fotter .fotter-content{padding:5% 0;} .index-1-fotter{margin:5% 0;} .index-1-fotter .fotter-content .fotter-content-right .wrap-2 .sub{align-items: flex-start;} .index-1-fotter .fotter-content .fotter-content-right .wrap-2 .sub .txt-2-1{line-height: 1.5;} .index-1-us-con1{width:90%;} .content-form li .input2{padding:5px 10px;font-size: 14px;} .index-1-us-con1-content .title-1{font-size:30px;margin-bottom: 0;} .index-1-us-con1 .interest-title{font-size: 14px;list-style: 20px;} .index-1-us-con1 .interest-option{font-size: 14px;width:50%;} .index-1-us-con1 .interest-options{flex-wrap: wrap;} .index-1-us-con1 .interest-options1 .input3{font-size: 14px;} .index-1-us-con1 .interest-section,.content-form li .textarea1{padding: 5px 10px;} .content-form li .textarea1{height: auto;} .index-1-us-con1-content{padding: 1%;} .content-form li .submit1{padding: 5px 0;} .energy-contact-content .inner .move-2{padding: 0;} .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2{opacity: 1;} .yt-pic{width: 400px;height: 400px;right: -60%; bottom: -19%;} .yt-pic-1 { left: -40%; top: 73%;} .yt-pic-2 { right: -59%; bottom: 3%; } .index-1-stories{margin-top: 10%;} .energy-contact-content{width: 90%;} .index-1-energy-con .energy-contact-content .inner .move-2 a{padding: 10px 25px;} .header.header .content .left{height: 60px;} .header .content .right{ padding-top: 0; right: 0; left: 60%; height: 100%;} .header .content .right .language{margin:0 0 0 20px;} .index-1-banner .index-1-banner-content{padding: 20% 0;} .energy-storage-product-banner .txt .title-1{font-size: 20px;} .energy-storage-product-banner .txt .text-1{width: 100%;margin-top:10px;} .energy-storage-product-top{padding: 8% 0;} .energy-storage-product-top .energy-storage-product-new{margin-top: 8%;flex-direction: column;} .energy-storage-product-top .energy-storage-product-new-item,.energy-storage-product-bottom .energy-storage-product-left,.energy-storage-product-bottom .energy-storage-product-right{width: 100%;} .energy-storage-product-top .energy-storage-product-new-item .boxs-1-1,.energy-storage-product-top .energy-storage-product-new-item a,.energy-storage-product-bottom .energy-storage-product-new,.energy-storage-product-bottom .energy-storage-product-right{flex-direction: column;} .energy-storage-product-top .energy-storage-product-new-item .product-1{width: 100%;margin-right: 0;} .energy-storage-product-top .energy-storage-product-new-item .txt{width:90%;margin: auto;} .energy-storage-product-top .energy-storage-product-new-item .zfy-viewmore-1{position: relative;right: 0;margin-bottom: 5%;left: 5%;} .energy-storage-product-top .energy-storage-product-new-item{margin-bottom: 5%;} .energy-storage-product-bottom{padding: 5% 0;} .energy-storage-product-container{width: 90%;} .energy-storage-product-bottom .energy-storage-product-right{margin-top:10%;} .energy-storage-product-bottom .all-products .energy-storage-product-new-item{width: 100%;margin:0 0 10%;} .energy-storage-product-bottom .all-products .energy-storage-product-new-item a{display: flex;} .energy-storage-product-bottom .all-products .energy-storage-product-new-item .product-1{padding: 0;width: 35%;margin-right: 4%;} .energy-storage-product-bottom .all-products .energy-storage-product-new-item .txt{margin-top: 0;width: 55%;padding:0 3%;box-sizing: initial;} .energy-storage-product-bottom .all-products .energy-storage-product-new-item .txt .title-2{margin-bottom: 10px;} .index-1-intro .intro-1-intro-content-top,.index-1-stories-content-bottom,.index-1-fotter .fotter-content{flex-direction: column;} .index-1-intro .intro-1-intro-content,.index-1-scenarios .index-1-scenarios-content,.index-1-stories-content,.energy-contact1,.index-1-fotter .fotter-content{width: 90%;} .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2, .index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2, .intro-1-intro-content-middle .evcharger-data .item-1 li .l5, .energy-contact-content .inner .inner-top .txt-3, .index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1, .index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2, .index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 14px;} .energy-contact-content .inner .inner-top{margin-bottom: 20px;} .energy-contact-content .inner .inner-top .xjiant-1{width: 25px ;height: 15px;margin-bottom: 20px;} .energy-contact-content .inner .inner-top .title-2{font-size: 30px;} .index-1-us-con1{width:90%;} .content-form li .input2{padding:5px 10px;font-size: 14px;} .index-1-us-con1-content .title-1{font-size:30px;margin-bottom: 0;} .index-1-us-con1 .interest-title{font-size: 14px;list-style: 20px;} .index-1-us-con1 .interest-option{font-size: 14px;width:50%;} .index-1-us-con1 .interest-options{flex-wrap: wrap;} .index-1-us-con1 .interest-options1 .input3{font-size: 14px;} .index-1-us-con1 .interest-section,.content-form li .textarea1{padding: 5px 10px;} .content-form li .textarea1{height: auto;} .index-1-us-con1-content{padding: 1%;} .content-form li .submit1{padding: 5px 0;} .energy-contact-content .inner .move-2{padding: 0;} .energy-storage-product-banner .txt{top: 30%;box-sizing: border-box; overflow: hidden; transform: translateX(-50%);} .energy-storage-product-top .energy-storage-product-new-item a{align-items: flex-start;} .energy-storage-product-new-item .zfy-viewmore-1{position: relative;right: auto;display: inline-block;padding:3px 12px 0px 22px} .energy-storage-product-new-item .zfy-viewmore-1 .zfy-at1{margin-right: 10px;} .energy-storage-product-new-item .zfy-viewmore-1 .jiant-2{width: 15px;height: 12px;} .energy-deta-products-item { padding: 3% 0;} .energy-deta-products-item a { display: flex; } .energy-deta-products-item a .product-1 { padding: 0; width: 35%; margin-right: 4%; } .energy-deta-products-item a .txt .title-2,.energy-storage-product-bottom .all-products .energy-storage-product-new-item .txt .title-2{ font-size: 16px; } .energy-deta-products-item a .txt .txt-3-1 { -webkit-line-clamp: 2; } .energy-deta-products-item a .txt .viewmore-1 { justify-content: normal; padding-top: 10px; } .zf-more-3-1 { padding: 4% 5%; } .energy-deta-products-item a .txt .txt-3 { font-size: 12px; } .zf-more-3 .jiat-4 { width: 16px; height: 14px; } .energy-deta-products-item a .txt{margin-top: 0; width: 55%;padding:0 3%;box-sizing: initial;} /* product-deta */ .energy-deta-banner-content,.energy-deta-diagram-content{width: 90%;} .energy-deta-banner-left .text-top-1 .title-1,.jzzf-title-1{font-size: 30px;} .energy-deta-banner-content-top,.energy-deta-banner-left .item-bottom-2,.energy-deta-features-content .energy-deta-features-content-bottom,.energy-deta-features-content .energy-deta-features-content-bottom .item,.energy-deta-banner-content-bottom,.energy-deta-banner-content-bottom .bottom-right a{flex-direction: column;} .energy-deta-banner-left,.energy-deta-features-content .energy-deta-features-content-bottom .item,.energy-deta-features-content .energy-deta-features-content-bottom .item .text-1,.energy-deta-banner-right{width: 100%;} .energy-deta-banner-left .item-bottom-2 .more-1-1{width:45%;} .energy-deta-features-content{width: 90%;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .icon-1{width: 30px;height: 30px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .title-2{font-size: 18px;margin-bottom: 10px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3{font-size: 14px;} .energy-deta-features-content .energy-deta-features-content-bottom .item{align-items: flex-end;margin-right: 0;margin-bottom: 5%;} .energy-deta-diagram-content .jzzf-title-1{margin-bottom: 30px;} .energy-deta-diagram,.energy-deta-applications{padding:10% 0;} .energy-deta-applications-bottom .item-1{background-color: #2c3368;} .energy-deta-applications-bottom .swiper-slide-active .item-1 a::after{display: none;} .energy-deta-applications-bottom .swiper-button-next2,.energy-deta-applications-bottom .swiper-button-prev2{display: none;} .energy-deta-banner-content-bottom{width:100%;left: 0; border-radius:0;padding: 10px 20px;box-sizing: border-box;right: 0;} .energy-deta-document-content{width: 90%;} .energy-deta-banner-content-bottom .bottom-left{margin-bottom:3%;width:45%;} .energy-deta-banner-content-bottom .bottom-right{justify-content: space-between;width:45%;} .energy-deta-applications-bottom{padding: 5% 0;} .energy-deta-applications-content .jzzf-title-1{margin-top: 0;width: 100%;} .energy-deta-document-content .energy-deta-document-content-top .button-1 a .txt-1{font-size: 14px;} .energy-deta-document-content .energy-deta-document-content-bottom .item{overflow: hidden;} .energy-deta-document-content .energy-deta-document-content-bottom .item table tbody tr .td1 .txt-2-1{margin-left: 0;} .energy-deta-products .jzzf-title-1{margin-top: 0;} .energy-deta-products-content{width: 90%;} .energy-deta-products-bottom{overflow:inherit;} .energy-deta-products .swiper-button-prev3,.energy-deta-products .swiper-button-next3{display: none;} .energy-deta-document-content .energy-deta-document-content-bottom .item table tbody tr:last-child .td1{border-bottom: 2px solid rgba(255,255,255,0.1);} .energy-deta-banner .energy-zf-jt{top:85%;} .energy-deta-banner{padding-bottom: 15%;} .energy-deta-products{padding-top: 10%;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .icon-1,.energy-deta-banner-left .item-bottom-2 .more-1-1 a .txt-2-1,.energy-deta-banner-left .item-bottom-2 .more-1-1 a .jiant-2{display: inline-block;} .energy-deta-banner-left .item-bottom-2 .more-1-1 .aj1{margin-bottom:8%;} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download.sur .box-1 a{justify-content: flex-start;} .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download.sur{z-index: 20;} .energy-deta-banner-content-bottom .item .txt-2-3{font-size: 8px;} .energy-deta-applications-bottom .item-1 .primary-1{width: 85%;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der .txt-2{line-height:normal;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1{margin-bottom: 5%;} .energy-deta-document-content .energy-deta-document-content-top{width: 100%;} .energy-deta-features-content .energy-deta-features-content-bottom{margin-top:30px;} .energy-deta-applications-bottom .item-1 a{ display: grid;} .energy-deta-applications-bottom .item-1 a .primary-1{order: 2;position: relative;opacity: 1;width: 94%;right: 0;padding-top: 3%;transform: none;top: 0;} .energy-deta-applications-bottom .swiper-slide-active .item-1 a:hover .primary-1{right: 0;} .energy-deta-applications-bottom .swiper-slide-active .item-1 a:hover::after{opacity: 0;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der .pic-1{margin-top: 0;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der{padding: 8px 0;} .energy-deta-products-item a{display: flex;} .energy-deta-products-item a .txt{margin-top: 0; width: 55%;padding:0 3%;box-sizing: initial;} .energy-deta-products-item a .product-1{padding: 0;width: 35%;margin-right: 4%;} .energy-deta-products-item a .txt .viewmore-1{justify-content: normal;padding-top: 10px;} .energy-deta-banner-content-bottom .item{flex-direction: column;width: 50%;gap:10px;} .energy-deta-products-item a .txt .viewmore-1 i{margin-right: 0;} .energy-deta-banner-content-bottom{display: none!important;} .energy-deta-banner-content-bottom2{display: flex!important;padding: 0;bottom: 0;} .energy-deta-banner-content-bottom2 .bottom-left{width: 100%;margin-bottom: 0;align-items: normal;} .energy-deta-banner-content-bottom2 .item{width: 25%;box-sizing: border-box;gap:0;padding: 2%;border-right: 1px solid rgba(255,255,255,0.1);} .energy-deta-banner-content-bottom2 .item:last-child{border-right:0;} .energy-deta-banner-content-bottom2 .item a{display: flex;flex-direction: column;align-items: center;} .energy-deta-banner-content-bottom2 .item .txt-2-3{text-align: center;margin-top: 0;} .energy-deta-banner-content-bottom2 .item .icon-1-2{margin-bottom: 10px;} .energy-deta-products-item a .txt .txt-3{font-size: 14px;} .energy-deta-banner-left .item-bottom-2{display: none;} .energy-deta-banner-left .item-bottom-3{display: flex!important;} .energy-deta-banner-left{z-index: 15;} .energy-deta-banner-left .item-bottom-3 .more-1-1.sur .item-bottom-download{background-color: #fff;padding:15% 5% 10%;width:90%;box-sizing: border-box;position: fixed;z-index:990;} .energy-deta-banner-left .item-bottom-3 .more-1-1.sur .item-bottom-download .close-btn { position: absolute; top: 5%; right: 5%; width: 30px; height: 30px; line-height:30px; text-align: center; cursor: pointer; font-size: 24px; z-index: 10; background: rgba(0,0,0,0.5); color: #fff;cursor: pointer; } .energy-deta-banner-left .item-bottom-3 .more-1-1 .item-bottom-download::after{content: none;} .energy-deta-banner-left .item-bottom-3 .more-1-1 .item-bottom-download .box-1{border: none;flex-direction: row;flex-wrap: wrap;justify-content: center;box-shadow:none;} .energy-deta-banner-left .item-bottom-3 .more-1-1 .item-bottom-download a .button-1{filter:brightness(100%) ;} .energy-deta-banner-left .item-bottom-3 .more-1-1.sur .item-bottom-download .box-1 a{flex-direction: column;width: 33%;padding: 0;margin-bottom: 2%;} .energy-deta-banner-left .item-bottom-3 .more-1-1 .item-bottom-download a .txt-2-2{color: #000;text-align: center;} .energy-deta-banner-left .item-bottom-3 .more-1-1 .item-bottom-download a .gt1{width: 30px;height: 16px;} .energy-deta-applications-bottom .swiper-slide-active .item-1 a::after{width: 75%;} .energy-deta-banner-left .item-bottom-3 .more-1-1 .item-bottom-download .box-1{border-radius: 0;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3 .txt-1{margin-bottom:10px;line-height:26px;} .energy-deta-banner-left .item-bottom-3{flex-direction: row;flex-wrap: wrap;} .energy-deta-banner,.energy-deta-applications,.energy-deta-document,.energy-deta-products,.energy-contact1{overflow: hidden;} .energy-deta-banner-content{padding: 20% 0;} .energy-deta-document-content .energy-deta-document-content-top .button-1 a{padding:6px 20px;} .energy-deta-products-bottom .myswiper3 { overflow: visible; } .energy-deta-products-bottom .swiper-wrapper { display: block; transform: none !important; } .energy-deta-products-bottom .swiper-slide { width: 100% !important; float: none; margin-right: 0; margin-bottom: 20px; } .energy-deta-document-content-bottom .item table tr{display: flex;flex-wrap: wrap;} .energy-deta-document-content-bottom .item table td[rowspan]{width: 100%;display: block;} .energy-deta-document-content-bottom .item table td:not([rowspan]) { width:50%; box-sizing: border-box; } .energy-deta-banner-left .item-bottom-2 .more-1-1 .item-bottom-download a:hover{background-color:inherit;} .energy-deta-document-content-bottom .item table td { vertical-align: middle; display: inline-flex; align-items: center;} .index-1-intro .intro-1-intro-content-top,.index-1-stories-content-bottom,.index-1-fotter .fotter-content{flex-direction: column;} .index-1-intro .intro-1-intro-content,.index-1-scenarios .index-1-scenarios-content,.index-1-stories-content,.energy-contact1,.index-1-fotter .fotter-content{width: 90%;} .index-1-intro .intro-1-intro-content-top .item .boxs-1 .txt-2, .index-1-scenarios .index-1-scenarios-content-bottom .item-1 .boxs-1-2 .txt-2, .intro-1-intro-content-middle .evcharger-data .item-1 li .l5, .energy-contact-content .inner .inner-top .txt-3, .index-1-fotter .fotter-content .fotter-content-left .inner .text-1 .txt-1, .index-1-fotter .fotter-content .fotter-content-left .inner .text-2 .txt-2, .index-1-fotter .fotter-content .fotter-content-right .nav-1 a{font-size: 14px;} .energy-contact-content .inner .inner-top{margin-bottom: 20px;} .energy-contact-content .inner .inner-top .xjiant-1{width: 25px ;height: 15px;margin-bottom: 20px;} .energy-contact-content .inner .inner-top .title-2,.energy-deta-scenarios .title-1{font-size: 30px;line-height: 1.2;} .index-1-us-con1{width:90%;} .content-form li .input2{padding:5px 10px;font-size: 14px;} .index-1-us-con1-content .title-1{font-size:30px;margin-bottom: 0;} .index-1-us-con1 .interest-title{font-size: 14px;list-style: 20px;} .index-1-us-con1 .interest-option{font-size: 14px;width:50%;} .index-1-us-con1 .interest-options{flex-wrap: wrap;} .index-1-us-con1 .interest-options1 .input3{font-size: 14px;} .index-1-us-con1 .interest-section,.content-form li .textarea1{padding: 5px 10px;} .content-form li .textarea1{height: auto;} .index-1-us-con1-content{padding: 1%;} .content-form li .submit1{padding: 5px 0;} .energy-contact-content .inner .move-2{padding: 0;} .energy-deta-document-content-bottom .item .txtitem,.energy-deta-scenarios-content,.energy-storage-product-bottom .energy-storage-product-right1{width:100%;} .energy-deta-scenarios-bottom .box{flex-direction: column;position: relative;} .energy-deta-scenarios-bottom a .item-2{flex-direction: column;display: none;} .energy-deta-scenarios-bottom a .item-2 .item-2-left,.energy-deta-scenarios-bottom a .item-2 .item-2-right{width: 100%;} .energy-deta-scenarios-bottom .box .fur .item-2{display: block;} .energy-deta-document-content-bottom .pic-1-1{width: 75%;} .energy-deta-scenarios-bottom .pic-3-1{display: none;} .energy-deta-applications-bottom .swiper-slide-active .item-1 .primary-1{right:5%;left: 5%;width: 90%;} .energy-deta-applications-bottom .item-1 .primary-1 .more-2{margin-bottom: 5%;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .jiant-2{width: 25px;height: 25px;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .txt-2-1{font-size: 12px;width:70%;} .energy-deta-banner-left .item-bottom-2 .more-1-1 a .jiant-2 img{width: 14px;height:12px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3{display: block;opacity: 1;} .energy-deta-features-content .energy-deta-features-content-bottom .item .sub-itm{position: relative;padding: 40px 20px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3 .txt-1{color: #000;line-height: 16px;} .energy-deta-features-content .energy-deta-features-content-bottom .item:hover .text-1 .text-txt-3 .txt-1{color: #fff;} .energy-deta-applications-bottom .item-1 .primary-1 .minor-1 .item-der{align-items: center;} .energy-deta-document-content-bottom .item a{padding: 20px 0;} .energy-deta-products-item{padding: 3% 0;} .zf-more-3-1{padding: 4% 5%;} .energy-deta-products-item a .txt .txt-3-1{-webkit-line-clamp: 2;margin-top: 0;} .energy-deta-products-item a .txt .txt-3{font-size: 12px;} .zf-more-3 .jiat-4{width:16px;height: 14px;} .energy-deta-features-content .energy-deta-features-content-bottom .item .pic-2-1{display: none;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1{display: none;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1-1{display: block;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1{width: 70%;} .energy-deta-features-content .energy-deta-features-content-bottom .item .text-1 .text-txt-3 .txt-1::before{color: #000;} .energy-deta-features-content .energy-deta-features-content-bottom .item:hover .text-1 .text-txt-3 .txt-1::before{color: #fff;} .energy-deta-products::before,.energy-deta-products::after{display: none;} .energy-deta-products-item a:hover{box-shadow:none;} .index-1-energy-con{margin-top: 5%;} .jzzf-title-1{font-size: 24px;} .energy-deta-scenarios-bottom a .jiant-2{bottom: auto;transform: translateY(-50%);left: auto;right: 10%;top: 50%;display: none;} .energy-deta-scenarios-bottom a .item-2 .item-2-left .text-2{position: relative;padding: 10%;left: 0;background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; background-image: -moz-linear-gradient( -90deg, rgb(44,51,104) 43%, rgb(28,130,134) 82%, rgb(77,181,96) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(44,51,104) 43%, rgb(28,130,134) 82%, rgb(77,181,96) 100%); background-image: -ms-linear-gradient( -90deg, rgb(44,51,104) 43%, rgb(28,130,134) 82%, rgb(77,181,96) 100%); background-size: 100% 120%;} .energy-deta-scenarios-bottom .fur .jiant-2{top: 60%;} .lihan-message-windows{width: 60%;} .cfcheckboxtxt { max-height:70px; overflow-y: auto; padding-right: 10px;} .cfcheckboxtxt::-webkit-scrollbar { width: 5px; } .cfcheckboxtxt::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } .cfcheckboxtxt::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } .header-search-container.wur{transform: translateY(60px);} .sh-news-detail-bottom-fanye, .sh-news-detail-bottom-fanye .title-1 strong{line-height: 1.3;} .zfboxs-2{ flex-direction: column;} .zfboxs-2 .item {width: 100%;margin-right: 0;} .index-1-intro .intro-1-intro-content-top .item{margin-right: 0;} .index-1-stories-content-bottom{margin-top: 8%;} .zfboxs-2 .item{margin-bottom: 8%;} .sh-solution-style3-item .afd1 .fd .pic-1{width: 100%;} .sh-solution-style3-item .afd1 .title-1 { width: 100%; box-sizing: border-box; margin-left: 0; margin-top: 5%; } .header .content .right .language .language-show{right: 40%;top: 100%;} }