@charset "utf-8"; /* mobile nav */ .mnav{position: relative;z-index: 900; display: none;} .mnav.scroll-down .mheader{top:-100px;} .mnav.scroll-top .mheader,.mnav.scroll-top .mheader{top:0px;background: #fff;} .mnav.scroll-top .mheader .mlogo,.mnav.scroll-top .mheader .mlogo{background: url("../images/logo.png") left center no-repeat;background-size: 100%;} .mnav.scroll-down .menu-toggle span.hamburger, .mnav.scroll-down .menu-toggle span.hamburger:after, .mnav.scroll-down .menu-toggle span.hamburger:before, .mnav.scroll-down .menu-toggle span.cross:before, .mnav.scroll-down .menu-toggle span.cross:after, .mnav.scroll-top .menu-toggle span.hamburger, .mnav.scroll-top .menu-toggle span.hamburger:after, .mnav.scroll-top .menu-toggle span.hamburger:before, .mnav.scroll-top .menu-toggle span.cross:before, .mnav.scroll-top .menu-toggle span.cross:after {background:#000;} .nav-container {padding-top: 90px;} .mheader {height:50px;position:fixed;left:0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .mheader ul {height:50px;position: relative;padding:0 3%;margin: 0;} .mlogo { left:10px;top:50%;position: absolute;z-index: 94;display: block;width: 104px;height:20px;margin-top: -10px; background: url("../images/logo.png") left center no-repeat;background-size: 100%;-webkit-transition:none;-moz-transition:none;transition:none;} .mlanguage {padding:10% 0;text-align: center;} .mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 14px;} .mlanguage a:hover {opacity: 1;} .cd-nav{margin: 0;padding: 0; } .cd-nav li{width:80%;margin: auto;padding: 0;overflow:hidden;position: relative;} .cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;font-weight: bold;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:17px; color:#fff;padding:5% 0; margin:0px auto;text-transform:uppercase;} .cd-nav a:hover,.twonav.curr{color:#00bf86;} .cd-nav li a.twonav {background: url(../upload/right3.png) right center no-repeat;background-size: 3%;} .no-touch .mheader{background-color: #1a1a1a;} .menu-toggle {display: block;width:50px;height:50px; position:absolute;right:0px;top:0px;z-index: 9999;} .cd-nav-trigger {width: 100%;height: 100%;display: block;} .menu-toggle span.hamburger, .menu-toggle span.hamburger:after, .menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;} .menu-toggle span.hamburger, .menu-toggle span.hamburger:after, .menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;} .menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;} .menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;} .no-touch .menu-toggle span.hamburger, .no-touch .menu-toggle span.hamburger:after, .no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);} .no-touch .menu-toggle span.hamburger, .no-touch .menu-toggle span.hamburger:after, .no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);} .no-touch .menu-toggle span.hamburger:after {transition-delay:0s;} .no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;} .menu-toggle span.cross:before, .menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;} .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);} .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);} .no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;} .cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;} .cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;} .cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;} .cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;} .msearch {margin: 20px auto;width: 72%;} .msearch .icon{position: relative;} .msearch .minput{border: none;border-bottom: 1px solid #313131;background: none; width: 100%;height: 30px;font-size: 12px;outline: none;color: #fff;} .msearch .msubmit{display: block;width: 18px;height: 18px;position: absolute;right: 0;top: 50%;margin-top: -9px; background: url("../images/ss1.png") center no-repeat;background-size: 100% ;opacity: .3;} .minput::-moz-input-placeholder,.minput::-ms-input-placeholder,.minput::-webkit-input-placeholder {color:#333;} input.minput[type="text"]::-webkit-input-placeholder {color:#333;} .mchildren {display:none;width:90%;border-bottom: 1px solid #313131; margin:0px auto;padding:10px 0;position: relative;} .mchildren a{border-bottom:none;position: relative; display: block;width:90%;font-size:15px; color:#ccc;padding:0.8em 0;} .mchildren a:hover{background:none; color:#00bf86;} .mchildren a.threenav {background: url(../upload/right3.png) right center no-repeat;background-size:2%;} .shownav-c {position: relative;width: 100%;height: 0px;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .shownav-c.cur {height: auto;} .shownav-c ul {list-style: none;margin:auto;padding: 0;display:block;width: 90%;height: 100%;} .shownav-c ul li{list-style: none;margin: 0;padding: 0;display:block;;width:100%;} .shownav-c ul li a {font-weight: bold;border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: left; font-size:14px; color:#999;padding:4% 0; margin:0px auto;text-transform:uppercase;} .closenav {display: block;font-size: 14px;color: #fff;position: absolute;left:5%;top: 10%;background: url("../../product/images/left4.png") left center no-repeat;padding-left: 30px;} .closenav:hover {color: #fff;} .shownav-d {padding:10px;width:90%;margin:auto;border-bottom:#313131 1px solid;display: none;} .shownav-d.cur {display: block;} .shownav-d a{display: block;color: #999!important;padding:4% 5%!important;font-size:14px!important;width:90%!important;border: none!important;} .shownav-d a::after {display: none!important;} .cd-nav li ul div ul li a:last-child {border: none;} .interesting-list a .text h3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} @media screen and (max-width: 5120px) { .index-about .about-item .content {height: auto;position: relative;} .index-about .about-item .left {position: absolute;} .index-about .about-item .left::after {right: 1px;} .index-about .about-item .left .title h2 {font-size: 54px;} .screen-banner-swiper .screen-banner-slide .img {text-align: center;font-size: 0;} .screen-banner-swiper .screen-banner-slide .img img {display: inline-block;} .our-project-swiper-3 .img {background-color: #000;} .development-history .img img{width: 100%;} .development-history .top .title-style {margin: 300px auto auto;} .banner-slide .img img {width: 100%;height: auto;} .index-products-center .bottom3 a .img img.img-center,.index-interesting-list a .img img.img-center,.screen-banner-swiper .screen-banner-slide .img img,.our-project-swiper-3 .img .img-center,.interesting-video-list .item .img img.img-center,.interesting-list a .img img.img-center,.video-list a .img img.img-center,.download-list a .img img.img-center {width: 100%!important;height: auto;} .page-banner .img {background-size: 100%;} .contact-bottom .left .map iframe {width: 100%;} .contact-section .content .left .content-map iframe {width: 100%;} .swiper-history .swiper-history-time .year-num {padding-top: 260px;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: 40px;} .img-center { width:100%!important;height:100%!important;} .product-range-list .item a .img img.img-center,.advantage-yuanquan .advantage-yuanquan-pic .advantage-yuanquan-swiper .img img,.serving-customers .img img,.amc-item4 .item .img img,.screen-7 .swiper-big-img1 .img img,.icontxt4 li i img{ width:auto!important;height:auto!important;} } @media screen and (max-width: 3840px) { .swiper-history .swiper-history-time .year-num {padding-top: 260px;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: 40px;} } @media screen and (max-width: 2560px) { .swiper-history .swiper-history-time .year-num {padding-top: 150px;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -73px;} } @media screen and (max-width: 2048px) { .swiper-history .swiper-history-time .year-num {padding-top: 140px;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -83px;} } @media screen and (max-width: 1920px) { .img-center { width:auto!important;height:auto!important;} .index-about .about-item .left::after {right: 0;} .index-about .about-item .left .title h2 {font-size: 30px;} .screen-banner-swiper .screen-banner-slide .img img {display:block;} .development-history .top .title-style {margin: 150px auto auto;} .banner-slide .img img,.index-products-center .bottom3 a .img img.img-center,.index-interesting-list a .img img.img-center,.screen-banner-swiper .screen-banner-slide .img img,.our-project-swiper-3 .img .img-center,.interesting-video-list .item .img img.img-center,.interesting-list a .img img.img-center,.video-list a .img img.img-center,.download-list a .img img.img-center {width:auto!important;} .page-banner .img {background-size:auto;} .contact-bottom .left .map iframe {width: 900px;} .contact-section .content .left .content-map iframe {width: 660px;} .swiper-history .swiper-history-time .year-num {padding-top: 210px;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;} .index-newslist a .text {min-height: 80px;} } @media screen and (max-width: 1800px) { .upper {left: 10%;width: 80%;} .index-scroll {left: -10px;} .screen-1-3 .right img {height: auto;} .detail-template .product-left .img img.hauto {height: auto;} .detail-template .datepic video{display: block;width: 100%;margin: auto;} } @media screen and (max-width: 1680px) { input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"],input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input::-moz-input-placeholder,textarea::-moz-input-placeholder,input::-ms-input-placeholder,textarea::-ms-input-placeholder {font-size:12px;} .contact-section .content,.product-range-list {width: 80%;} .banner-slide .txt {left: 5%;} .index-products-center .bottom3 a .text h2 {width: 80%;margin: auto;} .index-about .about-item,.about-global .top {left: 10%;width: 80%;} .index-about .about-item .content {height: auto;position: relative;} .index-about .about-item .left {padding: 5% 3% 3.65% 5%;} .index-about .about-item .left .text,.index-about .title-style h6,.index-interesting .title h6,.contact-section .title-style .text {font-size: 14px;line-height: 24px;} .banner-slide .txt h4 {font-size: 16px;} .header-nav-show .content,.footer .content {width: 80%;} .item-nav .cnav li a h4 {font-size: 14px;} .swiper-history .swiper-history-time .text {font-size: 16px;line-height: 26px;} .item-nav .left .text,.index-about .about-item .right .item li h6 {font-size: 12px;line-height: 22px;} .item-nav .left .btn span,.index-products-center .bottom3 a .text h6 span,.index-about .about-item .left .play span,.index-interesting-list a .text h4 span,.banner-btn a span,.product-range-list .item-2 .text h6 {font-size: 12px;} .Contact-our-team .right {width: 51%;} .development-history .top .title-style {width: 30%; margin: 100px auto auto;} .swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 200px;} .swiper-history .swiper-history-time .year-num {padding-top: 175px;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;} .swiper-history .swiper-history-time .swiper-button-prev {left: 18%;} .swiper-history .swiper-history-time .swiper-button-next {right: 18%;} .index-about .title-style {padding: 0px 0 10px 0;} .swiper-history .swiper-history-time {background: url(../../about/images/line.png) center no-repeat;background-size: 100%;} .about-ours .left {width: 45%;} .evcharger-advantage .item3 .text {width: 74%;} .evcharger-advantage .item4 a:hover .text h6 { height: 140px;} .screen-1-6 .main {left:8%;} .screen-1-6 .rightpic .item4 a.item41 {margin: 35px 3% 35px 0;} .screen-1-6 .rightpic .item4 a {margin: 35px -6% 35px 0;} .screen-1-6 .rightpic .item4 a.item44 {margin: 35px 5% 35px 0;} .screen-3-4 .main {left:10%;} .screen-2-4 .img .productimg {right: 5%;} .screen-1-5 .dunimg {right:10%;} .item-nav .left{width: 30%;} .item-nav .right-nav ul.two {position: absolute;top: 0; left: 300px;} .item-nav .right-nav ul.three {position: absolute;top: 0;left: 300px;} .item-nav .right-nav ul li{list-style: none;width: 220px;padding-right:40px;} .screen-3-1 .img .productimg {bottom:-8%;right:-5%;} .screen-1-1 .img .productimg {width: 50%;height: 80%;bottom: -1%;right: -5%;} .detail-template .title h2 {font-size:50px;} .detail-template .center .text.text18 {font-size: 14px;line-height: 24px;width: 80%;margin: auto;} .detail-template .left .text.text18 {font-size: 14px;line-height: 24px;width: 80%;margin: 0;} .icontxt5 li span,.detail-template .text,.datetxt3 li span,.icontxt2 li span {font-size: 14px;} .detail-template .img .product-right-pic1 {height: 80%;right: 5%;} .detail-template .picmain {margin-top: 30px;} .detail-template .img .right-img2 {top: 15%;right: 5%;} .detail-template .img .right-img1 {top: 13%;} .detail-template .product-left .img img {height: 600px;} .detail-template .table-right {width: 38%; top: 10%;right: 10%;} .detail-template .img .product-right-img1 {width: 650px;height: 70%;bottom: 10%;} .product-detail {padding-top: 70px;} .system-advantages-content-main {margin: 0px auto auto;} .system-advantages-content .title {top: 100px;} .amc-item8 .item .text h5,.amc-item4 .item .text h5,.amc-item2 .item .text h5,.evcharger-solution-banner .item4 a h6 {font-size: 14px;} .evcharger-solution-banner .item4 a {padding: 1% 3% 3% 3%;} .evcharger-solution-banner {padding-bottom: 240px;margin-bottom: 50px;} .detail-template .center .title.mtop13 {margin-top: 5%;} .textimg-swiper-nav a span {font-size: 14px;} .global-product-certification-iconbtn {background: url(../../product/Energystorage/product/30k/bg.png) center top no-repeat;background-size:100%;padding:50px 0 50px 0;} .textimg-swiper-pic .pic img {height: 500px;} .textimg-swiper-pic.h100 .pic img {height:auto;max-height: 350px;} .scrollh {height: 500px;margin-top:20px;} .parameter-li li {padding: 15px 0;} .detail-template .right {width: 600px;} .detail-template .img .b-15,.detail-template .img .b0 {width: 50%;} .detail-template .img .product-right-pic1.b-13{bottom: -1%;} .detail-template .img .product-right-pic2.b-26 {width: 40%;} .detail-template .left .text.w80 {width: 80%;} @keyframes topdown2{0% { top:0;} 50%{ top:2%; }100%{ top:0; }} @keyframes topdown{0% { top:10%;} 50%{ top:12%; }100%{ top:10%; }} } @media screen and (max-width: 1440px) { .header-nav-show {top: 83px;} .contact-section .content .left {width: 55%;} .contact-section .content .right {width: 40%;} .content-form li .submit1 {width: 100%;} .screen-banner-swiper .screen-banner-slide .text h1 {font-size:50px;line-height:54px;} .screen-banner-swiper .screen-banner-slide .text h4,.evcharger-our-project .top .right .text,.interesting-video-list .item .text h3,.index-about .title-style h6 ,.about-global .top .left .text,.video-list a .text h3,.video-list-bottom a .text h3,.swiper-history .swiper-history-time .text{font-size: 14px;line-height: 24px;} .banner-slide .txt h1 {font-size:40px;} .banner-slide .txt h4 {font-size: 14px;line-height: 24px;} .index-about .about-item {left: 5%;width: 90%;} .index-about .about-item .left {padding: 5% 3% 4% 5%;position: absolute;} .about-item .title-style h2 {font-size: 40px;line-height:50px;} .swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 150px;} .development-history .top .title-style {margin: 80px auto auto;} .swiper-history .swiper-history-time .year-num { padding-top: 155px;font-size:30px;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -28px;} .about-global .top {left: 10%;width:80%;} .about-global .top .left {width: 50%;} .title-style h2 {font-size: 40px;line-height: 50px;} .header-nav-show .content {width: 90%;} .content {width: 80%;} .item-nav .cnav li {padding: 0px 0 15px 0;} .item-nav .cnav li a {padding-bottom: 15px;} .item-nav .cnav li a h4 {font-size: 14px} .interesting-list a .text h3 {font-size: 16px;line-height: 24px;} .page-banner .text {left: 10%;} .product-range-list .item-2 .text h3 {font-size: 24px;} .product-range {padding: 100px 0 70px 0;} .swiper-banner-pagination {bottom: 35px;} .screen-banner-swiper .screen-banner-slide .text.center {top: -100px;} .index-interesting,.interesting-video,.evcharger-our-project .top {width: 80%;} .index-about .about-item .right .item li h2 strong {font-size: 50px;} .index-about .about-item .content {width: 90%;} .index-about .about-item .left .text {font-size: 12px;line-height: 22px;} .index-products-center .bottom3 a .text h6 {display: none;} .index-products-center .bottom3 a:hover .text h6 {display: inline-block;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {font-size:12px;} .about-ours .left .text .item {font-size: 12px;line-height: 20px;padding-bottom: 10px;margin-top:10px;} .about-ours .left .text .item h3,.core-competence .absolute .item3 .item h3 {font-size: 16px;line-height: 20px;} .about-date .left .item h4,.about-date .right .item h4 span,.about-date .left .item h3,.about-swiper-pic .swiper-slide .text .itemlist .item h6{font-size: 12px;line-height: 20px;} .about-date .left .item h2 strong {font-size: 60px;} .about-date .right .item h4 strong,.core-competence .absolute .item3 .item h5 {font-size: 14px;} .core-competence .absolute {width: 100%;left:0;} .company-culture .absolute .img img {max-width:80%;} .company-culture .absolute .title-style {margin-top: 70px;} .company-culture .absolute .img {margin-top:30px;} .banner-slide .txt h2 {font-size:40px;line-height:50px;padding: 10px 0 15px 0;} .banner-slide .txt h3 {font-size: 14px;padding: 15px 0;} .banner-slide .txt {margin-top: -100px;} .index-newslist a .text {min-height: 110px;} .index-newscenter {width: 80%;} .about-sinexcel .text .title-style h2 {font-size: 40px;line-height: 56px;} .about-ours .left {width: 50%;margin-left: 0;} .about-company-qualification .main {right: 10%;} .contact-bottom .right .name h2 {font-size: 30px;} .contact-bottom .right .content-way li span,.screen-banner-bottom-nav {width: 80%;} .contact-bottom .right .content-way .item2 li span {width: 70%;} .investors-relations .main .title-style .line {margin: 15px auto;} .investors-relations .main .title-style h4 {font-size:50px;} .announcement-list li a h3 {font-size: 16px;line-height: 22px} .core-competence .absolute .item3 .item {width: 26%;} .company-culture .absolute .item .text1 h6 {font-size: 14px;line-height: 22px;} .company-culture .absolute .img {height: 500px;} .company-culture .absolute .item.item2 .text1 {top: 25%;} .company-culture .absolute .item.item1 {top: 5%;margin: -20px -550px 0 0;} .company-culture .absolute .item.item2 {top: 24%;} .company-culture .absolute .item.item3 {bottom: 0%;} .company-culture .absolute .item.item3 .text1 {top: 15%;} .company-culture .slogoimg {margin: -80px 0 0 -140px} .service-faq .left .title {padding-right: 0;} .screen-banner-swiper .screen-banner-slide .title h3 {font-size: 40px;} .screen-banner-swiper .screen-banner-slide .line { margin:20px auto;} .screen-banner-swiper .swiper-pagination {bottom: 12%;} .product-range-list .item .text h3 {font-size:20px;} .evcharger-solution-nav a {padding: 0 35px;} .evcharger-solution-banner .item4 {width: 83%;left: 8.5%;} .evcharger-solution-banner .item4 a h6 {font-size: 14px;} .evcharger-solution-banner .text h5 {font-size: 14px;line-height: 24px;} .evcharger-advantage .item3 .text {font-size: 13px;} .screen-1-1 .main, .screen-1-5 .main, .screen-1-6 .main,.screen-2-2 .main, .screen-2-4 .main, .screen-2-6 .main,.screen-3-1 .main, .screen-3-4 .main, .screen-3-5 .main, .screen-3-6 .main, .screen-3-8 .main,.screen-4-2 .main, .screen-4-6 .main {left: 10%;} .screen .title h2 {font-size: 50px;} .screen-1-1 .text {font-size: 16px;line-height:28px;} .screen-1-2 .main .picain {padding: 50px 0;margin-top: 30px;} .screen-1-3 .left .item3 a h3 {margin: 0px 0;font-size: 20px;} .screen-1-3 .left {width: 31%;padding: 0 9% 0 10%;} .screen .text {font-size: 14px;line-height: 24px;} .screen .title h4 {font-size: 40px;} .screen-1-6 .rightpic {width: 65%;} .screen-1-6 .rightpic .item4 {z-index: 10;} .screen-1-6 .rightpic .item4 .pic {position: relative;} .rightpic .table .table-cell img{position: absolute;top: 0;left: 0;} .screen-1-6 .rightpic .item4 a { margin: 15px 7% 15px 0;} .screen-1-6 .rightpic .item4 a.item42,.screen-1-6 .rightpic .item4 a.item43 {margin: 15px -60px 15px 0;} .screen-1-6 .title {margin-top: -20px;} .screen-1-7 .item3 a {width: 300px;height: 300px;background: url(../../product/Chargingpile/images/s-t-7-1.png) center no-repeat;background-size: 100%;} .screen-1-7 .item3 a:hover {background: url(../../product/Chargingpile/images/s-t-7-2.png) center no-repeat;background-size: 100%;} .screen-7 .left {margin-top: 100px;} .swiper-tab-title {bottom: 3%;} .screen-3-1 .main .text,.screen-3-5 .main .text,.screen-3-8 .main .text {width: 80%;} .screen-3-4 .main .text {width: 80%;} .screen-3-7 .main .text img,.screen-4-5 .main .text img {width: 70%;} .screen-4-1 .main,.screen-4-3 .main {right: 1%;} .date3 li span,.about-ours .left .text,.about-ours .left .text .item3 li span,.about-company-qualification .main .text {font-size: 14px;} .date3 li h4 {font-size: 20px;} .screen-7 .swiper-right .swiper-text .item .title-1 h3 {font-size: 30px;} .screen-2-1 .img .productimg {width: 50%;height: auto; bottom: -5%;left: 50%;margin-left: -25%;} .screen-2-2 .img .productimg {width: 35%;top: 20%;margin-top: 0px;right:5%;} .screen-2-4 .img .productimg {width: 40%;height:auto;} .screen-3-1 .img .productimg {width: 50%;height:auto;bottom:-5%;} .screen-3-4 .img .productimg {width: 45%; bottom: 5%;right: 5%;} .screen-3-5 .img .productimg {width: 50%;} .screen-1-4 .text-left {width: 300px;font-size: 14px;line-height: 24px;left: 5%;} .screen-1-4 .text-right {width: 300px;font-size: 14px;line-height: 24px;right: 5%;} .pic-animation {height: 500px;margin: -250px 0 0 -450px;} .screen-2-5 .productpic {margin:0 auto;transform: scale(0.9);} .jingdutiao8 {right: 5%;} .screen-3-3 .chedonghua .chepicb1 .chpicl {width: 300px;height: 200px;top: 13%;text-align: center;} .screen-3-3 .chedonghua .chepicb1 .chpicl .chec1{width:auto;height: 140px;left:2%;top:50%;margin-top: -70px;} .screen-3-3 .chedonghua .chepicb1 .chpicl .chec2{width: 200px;height: 200px;left:10%;top:50%;margin: -100px 0 0 0px;} .product-range-list .item .img img.img-center{transform: scale(0.9);} .product-range-list .item a .img img.img-center {transform: scale(.8);} .product-range-list .item a:hover .img img.img-center {transform: scale(.9);} .screen-1-3 .left .item3 a .progress {margin-top: 10px;} .item-av6 h5 {font-size: 13px;line-height: 23px;} .detail-template .title h2,.detail-template .title h3 {font-size: 40px;} .detail-template .left {left: 10%;} .detail-template .img .right-ycenter {width: 700px;height: 100%;right:5%;} .detail-template .picmain img{height: 300px;} .detail-template .table-right {width: 40%;top: 10%;right: 10%;} .table-parameter-nav a {width: 31%;} .parameter-li li {padding: 10px 0;} .detail-template .product-left .img img {height: 550px;} .product-range-list .item .text h5,.amc-item8 .item .text h5, .amc-item4 .item .text h5, .amc-item2 .item .text h5, .evcharger-solution-banner .item4 a h6,.es-yuanquan-text a h5 {font-size: 13px;line-height: 23px;} .system-advantages-content-main {width: 80%;} .system-advantages-content-main .sapic1 {width: 100%;height: 100%;margin: auto;} .system-advantages-content-main .sapic1 img {display: block;width: auto; height: 100%;margin: auto;} .system-advantages-content-main .sapic2 {width: 400px;top: 23%;margin-left: -200px;} .system-advantages-content-main .sacm-content .item.item2 {left: 800px;} .system-advantages-content-main .sacm-content .item.item3,.system-advantages-content-main .sacm-content .item.item4 {top: 500px;} .gpc-content-main {margin-top: 30px;background: url(../../product/Energystorage/images/advantage2.png) center top no-repeat;background-size: 100%;padding: 50px 0 50px 0;min-height: 300px;} .gpc-content-btn a {margin: 5px;} .application-mode-content {width: 80%;} .evcharger-advantage .item3 a .main {padding-top: 55%;} .evcharger-our-project {padding: 100px 0 0px 0;} .detail-template .pimg1 {margin-top: 30px;} .textimg-swiper-pic {margin-top: 30px; height: 330px;} .textimg-swiper-nav a span {line-height: 23px;} .textimg-swiper-nav a {height: 75px;} .global-product-certification-iconbtn .content-btn {padding-top:20px;width: 890px;} .global-product-certification-iconbtn .content-btn a {margin: 5px;} .detail-template .table-right {top: 10%;right: 5%;} .scrollh { height: 450px;margin-top: 20px;} .textimg-swiper-pic .pic img {height: 440px;} .detail-template .img img.h600px{height: 600px;} .fcs10-main-top {width: 100%;margin-top: -50px;} .fcs10-main-bottom {width: 80%;left:10%;bottom: 5%;margin-left: 0px;} .fcs10-main-bottom li {padding: 10px 0;} .fcs10-main-bottom li h5 {font-size: 12px;} .fcs10-main-top .fcsitem3 .item h6 {font-size: 12px;} .detail-template .product-left .img img {height: auto;} .detail-template .img .right-img2 {top: 15%;width: 700px;} .textimg-swiper-pic.h100 .pic img {height:auto;max-height: 300px;} .textimg-swiper-pic .pic.pt0 img {height:auto;max-height: 440px;} .textimg-swiper-nav.h45px a {min-width: 10%;} .table-parameter {padding-top: 0px;} .detail-template .product-left .img img {height: 550px;} .biaoti1.pb10 {padding-bottom: 10px;} .detail-template .right {right: 5%;} .screen-2-3 .main .chemain .cheitem5 li {margin: 0;} .screen-2-3 .main .chemain .cheitem5 {top: 30%;} .date3 li h3 {font-size: 30px;} .date3 li h6 {font-size: 14px;} .detail-template .pimg1 img.h300px{height: 300px;} .detail-template .img .right-ycenter img.h400px{height: 400px;} .textimg-swiper-pic .pic img.w40px{width: 35%;vertical-align: top;} .detail-template .left .title.mtop13 {margin-top: 0px;} .investors-date .right li {width: 23%;} .investors-date .right li h3 strong {font-size: 24px;} .investors-date .left .ld2 .txt1 {font-size: 50px;} .screen-2-2 .date3 li span{ font-size: 30px;} .screen-2-2 .date3 li h3 i {font-size: 24px;} } @media screen and (max-width: 1366px) { .contact-section .content .left .content-way li span h5 {font-size: 12px;} .header .content .right .search {width: 100px;} .header .content .center .nav li a {font-size: 14px;padding: 0 20px;} .product-range-list,.interesting-video,.evcharger-our-project .top {width: 85%;} .screen-banner-swiper .screen-banner-slide .text {left: 7%;} .contact-section .title-style .text {width: 70%;} .index-products-center .top {width: 100%;} .index-about .about-item .left .title h2,.index-about .about-item .right .item li h2 strong {font-size:40px;} .index-about .about-item .right .item li h6,.index-about .about-item .left .text,.swiper-history .swiper-history-time .text {font-size:12px;line-height:22px;} .index-about .about-item .left {padding: 3.5% 3% 3% 5%;} .index-interesting {width: 90%;} .index-about .about-item .right {width: 45%;} .index-about .about-item .left {width: 47%;height: 90%;} .item-nav .left.w50 .img {width: 50%;} .content-form li .submit1 {width: 100%;} .index-about .about-item .content {width: 100%;} .swiper-history .swiper-history-time .year-num { padding-top: 155px;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -27px;} .about-ours .absolute,.about-date .absolute,.about-global .top {width: 90%;left: 5%;} .about-ours .right .slogo {top:20%;} .title-style h2 {line-height: 40px;} .about-swiper-pic .swiper-slide .text {margin-top:20px;} .header .content .left {width: 25%;} .item-nav .right-nav ul li a h4,.item-nav .right-nav ul li ul li a h5,.index-products-center .top .text,.index-newslist a .text h2 {font-size: 14px;} .index-about .about-item .left .title h2 {font-size: 30px;} .index-newslist a .text {min-height: 85px;} .about-company-qualification .main {right: 5%;} .core-competence .absolute .item3 .item {width: 30%;} .company-honor .title-style {margin-left: 10%;} .swiper-r {right: 10%;} .lbtip {left: 10%;} .investors-date .left .ld2 .txt1 {font-size: 60px;} .investors-date .right li h3 strong {font-size: 20px;} .investors-date .left,.service-support .right .item3 .title {width: 40%;} .investors-date .right,.service-support .right .text {width: 60%;} .announcement-list li a h3,.interesting-list a .text h3,.service-support .right .text,.faq-list .title h3,.faq-list ul,.youchong-content .text .title h5,.youchong-content .text .txt li h5,.icon4 li span {font-size: 14px;} .page-banner .text h2 {font-size: 30px;} .page-banner .text h3 {font-size: 40px;} .service-faq .left .leftnav a {font-size: 16px;} .product-range-list .item .img img {max-height: 80%;} .evcharger-solution-banner .item4 {width: 90%;left: 5%;} .evcharger-solution-banner .item4 a h6,.evcharger-advantage .item4 a .text h6 {font-size: 12px;} .evcharger-advantage .item3 .text {width: 80%;} .screen-2-1 .main .text {margin-bottom: 120px;} .screen-2-5 .main .text img {width: 70%;} .screen-7 .swiper-right .swiper-text .item .title-1 h3 {font-size: 24px;} .item-nav .right-nav {width:66%;margin-left: 3%;} .item-nav .right-nav ul.two {position: absolute;top: 0; left: 280px;} .item-nav .right-nav ul.three {position: absolute;top: 0;left: 280px;} .item-nav .right-nav ul li{list-style: none;width: 200px;padding-right:40px;} .screen-2-1 .img .productimg {bottom: -10%;} .screen-2-6 .img .productimg {right: 5%;} .screen-3-3 .chedonghua .chepicb1 .chpicl {top: 9%;} .item-av6 h5,.product-range-list .item .text h5 {font-size: 12px;line-height: 22px;} .detail-template .left {left: 5%;} .icontxt2 li {margin: 30px 0 0 0;} .table-parameter-nav a {height:35px;line-height:35px;} .application-mode-content {width: 86%;} .evcharger-solution-banner .item4 a h2 {font-size: 60px;} .system-advantages-content-main .sacm-content .item.item1 {left: 50px;} .system-advantages-content-main .sacm-content .item.item4 {left: -20px;} .gpc-content-main {padding:30px 0 50px 0;} .detail-template .pimg1 img{height: 300px;} .textimg-swiper-nav {bottom: 5%;} .scrollh {height: 400px;margin-top: 10px;} .textimg-swiper-pic.h100 .pic img {max-height: 240px;} .detail-template .img .right-img2 {width: 600px;} .fcs10-main-top .fcsitem3 .item.item2,.fcs10-main-top .fcsitem3 .item.item3 {top: 200px;} .screen-2-3 .main .chemain .cheitem5 li i img {transform: scale(0.9);} .other-email {font-size: 12px!important;padding-left:3%!important;} } @media screen and (max-width: 1280px) { .contact-section .content,.index-newscenter,.header-nav-show .content, .footer .content,.screen-banner-bottom-nav {width: 90%;} .header .content .center .nav li a {line-height: 75px;} .header .content .right {padding-top: 25px;} .header .content .right .language .icon {font-size: 12px;line-height: 18px;} .index-products-center .top .text,.interesting-detail-text,.evcharger-data .item li h5 {font-size: 14px;line-height: 24px;} .header-nav-show .content .nav-content {padding: 3% 0;} .header .content .left {height: 75px;} .header-nav-show {top:76px;} .header-height {height: 75px;} .product-top-nav {top:75px;} .banner-slide .txt h4,.our-project-swiper-3 .text h6,.page-banner .text h6,.interesting-video-list .item .text h5,.download-list a .text h5 span,.download-list-bottom a .text h5 span {font-size: 12px;line-height: 22px;} .download-list-bottom a .text h3 {font-size: 16px} .Contact-our-team {padding: 100px 0 ;} .contact-bottom .right .name h2 {font-size: 40px;} .contact-bottom .right {width: 40%;right: 5%;} .content {width: 90%;} .page-banner .text {left: 5%;} .screen-banner-swiper .screen-banner-slide .btn-2 {margin-top:30px;} .interesting-video {padding: 100px 0 40px 0;} .index-products-center .bottom3 a .text h6 {height: 40px;line-height: 40px;} .index-products-center .bottom3 a:hover .text h6 {height: 40px;line-height: 40px;} .contact-bottom .left .map iframe {width: 100%;} .product-detail .header-height {height: 115px;} .swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size:130px;} .swiper-history .swiper-history-time .year-num {padding-top: 140px;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -30px;} .about-ours .left {width: 55%;} .contact-bottom .right .name h2,.evcharger-advantage .title h3,.youchong-content .text .title h3 {font-size: 30px;} .product-range-list, .interesting-video, .evcharger-our-project .top {width: 90%;} .screen-banner-swiper .swiper-pagination {bottom: 15%;} .evcharger-advantage .item3 .text {width: 90%;} .youchong-content .text .title .line {margin: 15px 0;} .youchong-content .text .btn {margin-top: 20px;} .screen-1-2 .main .picain {margin-top: 0px;background: url(../../product/Chargingpile/images/s-t-2.png) center no-repeat;background-size: 100%;} .screen-1-2 .main .picain img {width: 30%;} .screen .title .line {margin: 15px 0;} .screen-1-4 .main {background-size: 70%!important;} .screen-1-6 .rightpic .item4 a.item41,.screen-1-6 .rightpic .item4 a.item44 {margin: 5px -30px 5px 0;} .screen-1-6 .rightpic .item4 a.item42, .screen-1-6 .rightpic .item4 a.item43 {margin: 5px -100px 5px 0;} .screen-4-1 .main, .screen-4-3 .main {width: 700px;} .screen-3-3 .chedonghua .chepicb1 .chpicl {top: 5%;} .icontxt5 li span, .detail-template .text, .datetxt3 li span, .icontxt2 li span,.icontxt4 li span {font-size: 12px} .detail-template .img .right-img2 {right:5%;width: 600px;} .detail-template .product-left {top: 10%;} .item-nav .right-nav {width: 71%;} } @media screen and (max-width: 1152px) { .inside-pages .header .content .left .stockcode {margin-left: 110px;padding-left: 10px;} .header .content,.header-nav-show .content, .footer .content,.contact-section .content,.index-interesting {width: 94%;} .header .content .center .nav li a {padding: 0 5px;} .item-nav .left.w50 {width: 60%;} .item-nav .cnav {width: 20%;padding: 0 5% 0 5%;} .item-nav .left {padding-right:5%;} .item-nav .cnav .email h3 a {font-size: 18px;} .item-nav .cnav li a h4,.screen-banner-swiper .screen-banner-slide .btn-2 a span,.interesting-list a .text h5,.video-list-bottom a .text h3,.evcharger-data .item li h5,.product-range-list .item-2 .text h5,.index-about .title-style h6 {font-size: 12px;line-height: 22px;} .item-nav .cnav li {padding: 0px 0 10px 0;} .item-nav .cnav li a {padding-bottom: 10px;} .banner-slide .txt h1 {font-size:30px;} .index-products-center .bottom3 a .text h2,.index-interesting-list a .text h2 {font-size: 20px;line-height: 24px;} .title-style h2,.about-item .title-style h2,.index-about .about-item .left .title h2, .index-about .about-item .right .item li h2 strong,.index-interesting .title h2,.interesting-other h2 {font-size: 30px;line-height: 30px;} .index-about .about-item .right .item li h6, .index-about .about-item .left .text {line-height: 20px;} .index-about .about-item .left .play {margin-top: 20px;} .index-about .about-item .left .play a {padding: 10px 20px;} .index-interesting,.contact-section {padding: 100px 0;} .index-about .about-item {left:2.5%;width: 94%;} .screen-banner-swiper .screen-banner-slide .text h1,.page-banner .text h2 {font-size: 40px;line-height: 44px;} .interesting-list a .text h3,.download-list-bottom a .text h3,.download-list a .text h3 {font-size: 14px;line-height: 24px;} .interesting-detail {width: 90%;} .interesting-list {padding:40px 0 10px 0;} .evcharger-data .item.item4 li {width: 24%;} .evcharger-our-project {padding: 100px 0 0px 0;} .evcharger-our-project .top .left {width: 30%;} .evcharger-our-project .top .right {width: 65%;} .product-range-list, .interesting-video, .evcharger-our-project .top {width: 94%;} .interesting-video {padding: 100px 0 0px 0;} .screen-banner-swiper .screen-banner-slide .btn-2 a {padding: 10px 20px;} .content {width: 94%;} .page-banner .text {left: 3%;} .index-about .about-item .left {padding: 3.5% 3% 3% 3%;} .index-about .about-item .right {width: 47%;} .contact-section .title-style .text {width: 100%;} .contact-bottom .left .map { height: 700px;} .development-history .top .title-style {width: 100%;} .about-date .right .item {padding-bottom: 10px;} .about-date .left .item h2 strong {font-size: 40px;} .about-ours .left .text .item h3, .core-competence .absolute .item3 .item h3 {font-size: 14px;line-height: 20px;margin: 0;} .about-ours .right {width: 40%;} .about-ours .img img{width:120%;max-width: 120%;} .about-swiper-pic .swiper-slide .text .itemlist {width: 800px;} } @media screen and (max-width: 1024px) { .contact-section .content .left .content-way li {width: 50%;} .contact-section {padding: 80px 0;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {width: 30px;height: 30px;} .swiper-history .swiper-history-time .year-num {padding-top: 85px;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -60px;} .swiper-history .swiper-history-time .year-num {font-size:24px;} } @media screen and (max-width: 860px) { .header,.aside-top,.pcshow {display: none!important;} .mnav,.mbshow {display: block!important;} .inside-pages .menu-toggle span.hamburger,.inside-pages .menu-toggle span.hamburger:after,.inside-pages .menu-toggle span.hamburger:before,.inside-pages .menu-toggle span.hamburger,.inside-pages .menu-toggle span.hamburger:after,.inside-pages .menu-toggle span.hamburger:before,.inside-pages .menu-toggle span.cross:before,.inside-pages .menu-toggle span.cross:after,.no-touch .menu-toggle span.cross:after,.no-touch .menu-toggle span.cross:before{background: #fff;} .header-height,.product-detail .header-height {height:50px;} .screen-banner-bottom.position-fixed a {height: 40px;line-height: 40px;} .index-banner-swiper .swiper-slide {background: #000;} .banner-slide .img img.mbshow {width: 100%!important;} .banner-slide .txt h1 {font-size: 30px;} .banner-slide .txt {width:90%;left: 5%;top:20%;margin-top:0px;} .banner-btn a {margin-bottom: 15px;} .title-style h2,.about-item .title-style h2 {font-size: 30px;line-height: 40px;} .index-products-center .bottom3 a {float: none;width: 100%;} .index-about .img img {max-width: 500%;width: 500%;margin-left: -50%;} .index-about .about-item {top:0;left: 5%;width:90%; margin-top:0px;} .index-about .title-style h6,.index-products-center .top .text,.index-interesting .title h6,.screen-banner-swiper .screen-banner-slide .btn-2 a span,.interesting-list a .text h5 {font-size: 12px;line-height: 22px;} .index-about .about-item .left .title h2,.index-interesting .title h2 {font-size: 30px;} .index-about .about-item .left {width: 90%;height: 90%;padding: 5%;float: none;position: relative;} .index-about .about-item .right {width: 100%;float: none;padding: 0;} .index-about .about-item .right .item li {overflow: hidden;padding: 5% 5% 0 10%;} .index-about .about-item .right::before {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top:0;opacity: .3;} .index-interesting-list a {width:100%;margin-right: 0;margin-bottom:2%;} .index-interesting,.contact-section,.product-range,.interesting-video,.Contact-our-team,.contact-bottom .right,.interesting-detail,.interesting-other {padding: 20% 0;} .index-interesting-list a .text h2 {font-size: 20px;} .contact-section .title-style .text {width: 95%;font-size: 12px;line-height: 22px;} .contact-section .content .left,.contact-section .content .right {width:100%;float: none;} .content-form li .input2,.content-form li .textarea1 {width:100%;margin-bottom: 1%;} .content-form li .input2:first-child {margin-right:0;width:100%;} .content-form li {margin: 0;} .content-form li .submit1,.interesting-detail {width:100%;} .footer .content .top {border:none;} .footer .content .top .footer-nav a {display: block;border-bottom: 1px solid #313131;margin-right: 0px;width: 100%;padding:10px 0;} .footer .content .center .left .subscribe {position: relative;} .footer .content .center .left .subscribe .subscribe-submit {position: absolute;right: 0;top: 0;} .footer .content {width: 90%;} .footer .content .center .right .social a {border: 1px solid #999;margin-left:0px;margin-right: 10px;} .footer .content .center .left,.footer .content .center .right {width:100%;float: none;} .footer .content .center .right {padding-top:4%;overflow: hidden;} .footer .content .bottom .copy a.niego {display: block;padding: 0;margin: 0;margin-top: 10px;} .footer .content .center {padding: 0px 0 30px 0;} .contact-section .content .left .content-way li span{display: block;padding-top: 10px;text-align: center;} .contact-section .content .left .content-way li i {margin: auto;display: block;} .index-about .about-item .right .item li h6 {line-height: 18px;} .banner-slide .txt h4 {padding: 10px 0 0px 0;} .banner-slide .txt h1 {padding-bottom: 10px;} .screen-banner-swiper .screen-banner-slide .text h1 {font-size:30px;line-height: 30px;margin-top: 20%;} .screen-banner-swiper .screen-banner-slide .text {left: 5%;width: 90%;} .screen-banner-swiper .screen-banner-slide .text.center {top: 0;} .screen-banner-swiper .screen-banner-slide .btn-2 {margin-top: 20px;} .screen-banner-swiper .screen-banner-slide .btn-2 a {padding: 10px 20px;} .product-range-list .item-2 .text {position: relative;left: auto;top: auto;width: 90%;height: auto;padding: 5%;} .product-range-list {margin:0;width: 100%;padding:0;} .evcharger-our-project .top .left,.evcharger-our-project .top .right,.Contact-our-team .left,.Contact-our-team .right,.contact-bottom .right {width:100%;float: none;} .interesting-video, .evcharger-our-project .top,.content {width:90%;} .interesting-video-list .item.img-3 a {width: 100%;float: none;margin-right:0;} .interesting-video-list .item .text {position: relative;} .interesting-video-list .item a {background: #f7f7f7;} .interesting-video-list .item .text h3 {color: #333;} .evcharger-data .item.item4 li {width: 48%;margin-bottom: 30px;} .evcharger-data .item li h2 strong,.contact-bottom .right .name h2,.interesting-other h2 {font-size: 30px;} .evcharger-data .item li h5 {font-size: 12px;} .evcharger-data,.interesting-list {padding: 40px 0 20px 0;} .page-banner .img img {width: 200%;max-width: 200%;} .page-banner .img img.mbshow{opacity: 1;width: 100%;max-width: 100%;} .page-banner .text h2 {font-size: 30px;} .page-banner .text {left:3%;top:0;} .page-banner .text h6 {font-size: 12px;width:90%;line-height: 22px;} .contact-bottom .left {width:100%;float: none;display: none;} .contact-bottom .right {position: relative;right: auto;top: auto;} .contact-bottom .right .table {width:90%;margin: auto;} .contact-bottom .right .content-way .item:first-child {padding: 10px 0 10px 0;} .contact-bottom .right .content-way li span {width: 80%;} .contact-bottom .right .content-way .item.item2 li {margin-right:0;width: 50%;} .contact-bottom .right .content-way .item.item2 li i{margin-bottom: 10px;} .interesting-list a,.download-list a,.video-list a {width: 100%;float: none;margin-right:0;margin-bottom: 2%; } .interesting-list a .text {padding: 5%;} .popup-window-content {width: 90%;padding:5% 2% 5% 5%;} .popup-window-content .rolling-content .rolling-h {padding-right: 20px;} .turnpage a {padding: 0px 12px;height: 35px;line-height: 35px;} .turnpage a span {font-size: 12px;} .download-list-bottom a .text h3 {font-size: 14px;} .download-list-bottom a .text h5 {position: relative;right: auto;top: auto;margin-top: 20px;display: inline-block;} .video-list-bottom a {margin-right: auto;width: 100%;padding: 20px 0;float: none;} .video-list-bottom a .text {position: relative;right: auto;width: 90%;height:auto;padding-right: 10%;top: auto;margin-top: 20px;} .product-top-nav {top: 50px;} .product-top-nav .content {width: 94%;} .product-top-nav .content .right {width: 100%;float: none;} .product-top-nav .content .right a {margin: 0;text-transform: capitalize;display: block;float: left;margin-right:5%;} .product-top-nav .content .right a:last-child {text-indent: -999px;width: 20px;height: 20px; background: url("../../product/images/left4.png") center no-repeat;background-size: 60%;position: absolute;right:0;top: 50%;margin-top: -10px;} .interesting-video-list .item.img-3 .text {height: auto;} .download-list-nav {font-size: 0;} .download-list-nav a {font-size: 14px;width:26%; margin: 5px 0;padding: 10px;border: 1px solid #ccc;} .page-banner .text h5 {margin-top: 0;} .video-list a .text {height: auto;} .our-project-swiper-3 .img img {width: 150%;max-width: 150%;} .our-project-swiper-3 {width: 100%;margin: 60px auto auto;} .contact-bottom .right {padding: 20% 0 20% 0;} .contact-bottom .map.mbshow{overflow: hidden;} .contact-bottom .map.mbshow iframe {margin: 0;padding: 0;border: none;margin-top: -50px;width: 100%;} .contact-bottom .right .content-way .item:last-child {border: none;} .popup-window-content .rolling-content {overflow-y: scroll!important;overflow-x: hidden;} .popup-window-content .rolling-content .rolling-h {position: relative!important;} .contact-section .content .left .content-map iframe {width: 100%;} .popup-window-content .rolling-content::-webkit-scrollbar{width:2px;background: #f1f1f1;} .popup-window-content .rolling-content .rolling-h {font-size: 14px;line-height: 24px;} .popup-window-content .rolling-content .rolling-h h2 {line-height: 30px;font-size: 20px;} .our-project-swiper-3 .text h6 {line-height: 18px;} .interesting-other h2 {width: 100%} .screen8-swiper-img .section-item .item a h4 strong {font-size: 12px;line-height: 22px;} .swiper-banner-pagination {bottom: 20px;} .swiper-history .swiper-history-time .swiper-slide-active .text {width: 90%;} .about-ours .left,.about-ours .right,.about-date .left,.about-date .right,.about-global .top .left,.about-global .top .right {width: 100%;float: none;} .about-ours {background: url("../../about/images/about4.jpg")} .core-competence{background: url("../../about/images/about7.jpg")} .about-ours .absolute,.about-global .top,.core-competence .absolute {width: 90%;position: relative;padding: 20% 0;} .core-competence .absolute {left:5%;} .about-ours .right .slogo {width: 80%;left:10%;margin-left: 0;} .about-ours .left .text .item h3 {padding-bottom: 10px;} .about-date .left {overflow: hidden;border: 1px solid rgba(255,255,255,.3);} .about-date .left::before {left: 50%;} .about-date .left .item {width: 40%;padding:1% 5% 9% 5%;} .about-date .right {padding-top: 50px;} .about-date .right::before,.core-competence .absolute .item3 .item::after,.about-swiper .pr-next, .about-swiper .pr-prev,.service-faq .right::before,.about-ours .img,.about-global .img,.core-competence .img,.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev ,.video-list-bottom a .text i,.product-top-nav .content .left ,.evcharger-data .item li::after,.contact-bottom .right .content-way .item.item2 li::after ,.product-range-list .pr-prev,.product-range-list .pr-next,.index-about .about-item .left::after,.contact-section .content .left .content-way li::after,.announcement-list li a h5,.evcharger-advantage .item3 .line,.evcharger-solution-nav a::after {display: none;} .core-competence .absolute .item3 .item {width: 100%;padding: 0;} .core-competence .absolute .item3 .item h3 {margin:10px auto;} .about-global .top .right .img {display: block;} .about-global .top .right .img .place a .item h6 {font-size: 12px;} .about-swiper-pic .swiper-slide .text .itemlist {width:90%;} .about-swiper-pic .swiper-slide .text .itemlist .item {width: 50%;} .about-swiper-pic .swiper-slide .text .itemlist .item h6 {width:90%;display: block;} .about-swiper-pic .swiper-slide .text .itemlist::after {right: 50%;top:0;width:1px;height: 100%;} .about-swiper-pic .swiper-slide .text .itemlist .item::after {right: 0;top: 0;width: 100%;;height: 1px;} .about-swiper-pic .swiper-slide .text .itemlist .item:nth-child(3)::after,.about-swiper-pic .swiper-slide .text .itemlist .item:nth-child(6)::after {display: block;} .about-swiper-pic .swiper-slide .text .itemlist .item img {padding: 10% 0;} .about-swiper-pic .swiper-slide .title-style h2 {font-size: 20px;line-height: 24px;} .about-swiper-pic .swiper-slide .title-style h4 {font-size: 18px;} .company-culture .absolute .img img {margin: auto;} .about-swiper-pic .swiper-slide .text .img3 img {max-width:60%;} .banner-slide .txt h2 {font-size: 34px} .banner-slide .txt.center {width:90%;left:5%;} .index-products-center .top {padding: 0px 0 20px 0;} .index-products-center {padding: 13% 3% 3% 3%;} .index-products-center .bottom5 a,.video-list-bottom a .img,.footer .content .center .left .subscribe .subscribe-input {width: 100%;} .index-products-center .bottom5 a:first-child {position: relative;width: 100%;} .index-products-center .bottom5 {padding-left:0;} .index-about .about-item .left .title h2 {font-size: 20px;} .index-about .about-item .left .title h4 {font-size: 14px;} .index-about .about-item .right .item li {padding: 15% 10% 5% 10%;width: 80%;} .index-newscenter .top .newsnav-r {position: relative;right: auto;top: auto;} .index-newslist a {width:100%;margin-right:0;margin-bottom: 3%;} .contact-section .content {padding: 20px 0 0 0;} .about-company-qualification .main {width: 90%;padding-top:10%;} .about-company-qualification .main .table,.about-company-qualification .main .table-cell {display: block;} .about-sinexcel .text .title-style h2,.about-company-qualification .main .title h4 {font-size: 30px;line-height: 40px;} .about-ours .left .title-style h2 {font-size: 24px;margin: 0px 0 5px 0;} .about-ours .left .text .item3 li h3,.contact-bottom .right .name h2 {font-size: 24px;} .about-ours .left .text .item3 li {width: 25%;} .date3 li h3 strong {font-size: 40px;} .date3 {margin-top: 20px;} .about-company-qualification .main .title .line {margin: 15px 0;} .swiper-history .swiper-history-time {background: none;} .company-honor {padding: 100px 0 100px 0;} .swiper-r {right: 10%;width: 80%;} .investors-relations .main .title-style h4 {font-size: 28px;} .investors-relations .main .title-style h2,.page-banner .text h3,.evcharger-solution-banner .text h3 {font-size: 30px;} .investors-date .left,.investors-date .right,.service-support .left,.service-support .right,.service-faq .left,.service-faq .right,.Contact-our-team .left .item2 li,.product-range-list .item .img,.evcharger-advantage .title,.evcharger-advantage .item4 a,.screen-banner-bottom-nav,.product-range-list .item {width: 100%;} .investors-date {width: 90%;padding: 5%;} .investors-date .right {padding: 5% 0;} .investors-date .right li {width: 24%;} .investors-date .right li h3 strong {font-size: 18px;} .service-support,.service-faq {padding:20px 0 50px 0;} .service-faq .left,.service-faq .right,.product-range,.evcharger-solution-banner,.about-global .top .left .text {padding: 0;} .Contact-our-team .left .item2 li {margin-bottom: 20px;} .contact-bottom .right .content-way .item {padding: 20px 0;} .interesting-nav {font-size: 0;width: 100%;} .interesting-list-nav a {width: 33.333%;display: inline-block;margin-left:0px;} .screen-banner-swiper .screen-banner-slide .main {left: 5%;width: 90%;margin-left: 0px;} .screen-banner-bottom-nav a {height:40px;line-height: 40px;font-size: 14px;} .screen-banner-swiper .screen-banner-slide .title h2 {font-size: 64px;} .product-range-list .item a {padding: 15% 5% 0 5%;} .product-range-list .item .text,.evcharger-solution-banner .item4 {position: relative;left:auto;top:auto;width:100%;} .screen-banner-bottom.position-fixed.top85 {top: 50px;} .evcharger-advantage .item3 {border-top: 1px solid rgba(255,255,255,.2);} .evcharger-advantage .item3 a {width:90%;padding:5%;height:auto;border-bottom: 1px solid rgba(255,255,255,.2);} .evcharger-advantage .item3 a .main {height:auto;padding-top: 0;text-align: center;} .evcharger-advantage .item3 a .text {display: none;margin-top: 20px;width:100%;} .evcharger-advantage .item3 a:hover .text {display: block;} .evcharger-advantage .item3 {top: 25%;height: 75%;} .evcharger-advantage .title {top: 7%;left: 0;margin-left:0px;} .evcharger-advantage .item3 h3 {margin: 0 auto;font-size: 16px;} .evcharger-advantage .item3 i {width: 80px;height: 55px;margin: 0 auto;} .evcharger-advantage .item4 {margin-top: 30px;} .evcharger-advantage .item4 a:hover .text h6,.evcharger-solution-banner .item4 a h6 {height: auto;} .navr4 {position: relative;} .partners-swiper4 .img {width:49%;height:100px;margin:.5%;} .evcharger-advantage.sadvantage3 {margin: 20% auto;} .screen-banner-swiper .screen-banner-slide .data5 li {padding: 3% 0;font-size: 12px;width: 33%;} .screen-banner-swiper .screen-banner-slide .data5 li h3 strong {font-size: 24px;} .screen-banner-swiper .screen-banner-slide .data5 li::after {display: none;} .evcharger-solution-nav a {padding: 2% 2% 0 0;} .evcharger-solution-nav a span {font-size: 15px;} .evcharger-solution-banner .item4 a { width: 90%;padding: 5%;border-top: 4px solid #f7f7f7;margin-right:0;position: relative;overflow: hidden;} .evcharger-solution-banner .img img.img-block,.evcharger-solution-banner .img img.img-center {max-width: 200%;width: 200%;} .evcharger-solution-banner .text{width:90%;margin-left:0px;left:5%;} .evcharger-solution-banner .item4 a h2 {font-size: 40px;position: absolute;right: 5%;top: 5%;} .evcharger-our-project {padding: 100px 0 ;} .youchong-content .text {left: 5%;width: 90%;} .youchong-content .text .txt li {padding: 0 2%;width: 30%;} .youchong-content .text .txt li:nth-child(2),.youchong-content .text .txt li:last-child {padding:0px;} .contact-section .content .left .content-way li {width: 32%;} .contact-section .content .left .content-way li:last-child {width: 100%;} .contact-section .content .left .content-way li:last-child i {float: left;margin:2% 3%;} .contact-section .content .left .content-way li:last-child span {float: left;width: 75%;text-align: left;padding-left:1%;padding-top:0px;} .contact-section .content .left .content-way li:nth-child(3) span h5 a {color: #000;} .about-ours .left .text .item3 li h3,.about-global .top .left .title-style h2 {margin: 0;} .about-global .top .right { margin-top: 50px;} .about-ours .left .text {margin-top: 5px;} .interesting-list-nav a.cur::after {bottom: -20px;} .screen-banner-swiper .screen-banner-slide .title h4 {margin: 20px 0 0;} .index-newscenter .top .newsnav-r a.cur::after {bottom: -22px;} .contact-section .content .right {margin-top: 30px;} .contact-section .content .left .content-way li span h5 {font-size: 11px;} .contact-section .content .left .content-way li:nth-child(3) i.c3 {border: 2px solid #000;opacity: .7;background: url(../images/c3.png) center no-repeat;} .screen-1-1 .main, .screen-1-5 .main, .screen-1-6 .main, .screen-2-2 .main, .screen-2-4 .main, .screen-2-6 .main, .screen-3-1 .main, .screen-3-4 .main, .screen-3-5 .main, .screen-3-6 .main, .screen-3-8 .main, .screen-4-2 .main, .screen-4-6 .main,.screen-1-2 .main, .screen-1-4 .main, .screen-1-7 .main {left: 5%;width: 90%;} .product-range-list .item a .img img.img-center {transform: scale(1);} .battery-advantage .title h3 {font-size: 30px;} .item-av6 {width: 100%;margin: 0 0 1% 0;float: none;} .battery-advantage {padding: 100px 0 ;} .serving-customers {margin-top: 40px;padding-bottom: 0px;} .serving-customers .img {width: 49%;height: 100px;margin: 0 1% 1% 0;} .serving-customers .img img{max-width: 60%;} .serving-customers .img:nth-child(5), .serving-customers .img:nth-child(10), .serving-customers .img:nth-child(15), .serving-customers .img:nth-child(20) {margin: 0 1% 1% 0;} .product-detail {padding-top: 50px;} .detail-template .left,.detail-template .width-main,.detail-template .picmain {width: 90%;} .detail-template .text.text18{width: 100%;} .detail-template .title h2, .detail-template .title h3 {font-size: 28px;} .datetxt3 li {vertical-align: top;width: 26%;padding: 0 3%;} .detail-template .text {line-height: 22px;width: 90%;margin: auto;font-size: 14px;} .datetxt3 li h4,.screen-1-2 .main .item3 li h3,.screen.screen-1-2 .title h4 {font-size: 24px;} .datetxt3 li h4 em,.icontxt5 li::after,.screen-1-2 .main .item3 li::after {display: none;} .detail-template .picmain img {height:auto;} .detail-template .picmain,.mtop20 {margin: 30px auto auto auto;} .detail-template .img .right-ycenter {width: 90%;height: 100%;right: 5%;} .icontxt4 li {width: 50%;} .icontxt4 li span {width: 86%;} .detail-template .product-left {width:100%;position: relative;top:auto;left:auto;padding-top: 100px;} .detail-template .product-left .img img {width: 80%;margin: auto; height: auto;} .detail-template .table-right {width:90%;position: relative;right: auto; height: 100%;top:auto;margin: 50px auto;} .parameter-li li,.table-parameter-nav a,.screen-1-2 .main .item3 li span,.date3 li h6 {font-size: 12px;} .detail-template .table-right .biaoti1 {font-size: 22px;} .detail-template .center.top10 .table {display: table;} .detail-template .center.top10 .table-cell {display: table-cell;} .detail-template .center.top10 {top: 0;} .icontxt5 li { padding: 0;margin-bottom: 20px;text-align: left;width: 32%;} .icontxt5 li i {margin: 0;} .icontxt5 li:nth-child(2) {padding: 0;} .table-parameter-nav a:nth-child(3), .table-parameter-nav a:nth-child(6), .table-parameter-nav a:nth-child(9) {margin: 0 0px 1% 0;} .screen.screen-1-2 .title {margin-top:70px;} .screen-1-1 .title {background: url(../../product/Chargingpile/images/s-t-1.png) left top no-repeat;background-size: 100%;} .screen .title h2,.screen .title h4{font-size: 30px;} .screen .title h3 {font-size: 18px;} .screen.screen-1-2 .table,.screen.screen-1-2 .table-cell,.screen.screen-1-3 .table,.screen.screen-1-3 .table-cell{display: block;} .screen-1-2 .main .item3 {font-size: 0;} .screen-1-2 .main .item3 li {padding:0;width: 33%;vertical-align: top;} .picain .item4 {width: 100%;margin:0;} .picain .item4 .rightshu h6 {padding-bottom:15px;} .picain .item4 .rightshu {top: 7px;} .picain .item4 h4 {font-size: 16px;margin: 0px 0 8px 0;} .screen-1-2 .main .picain {padding:20px 0;background: none;} .screen .title.center .line {margin:15px auto;} .picain .item4 h5 {font-size: 14px;margin:7px 0 13px 0;} .picain .item4 .rightshu h3 {font-size: 14px;text-align: right;} .product-applicable-plan .item2 a { width: 100%;margin:0 0 1% 0;} .screen-1-3 .left {width:90%;padding:10% 5%;position: relative;left:auto;top: auto;} .screen .right,.screen-1-3 .left .item3 {width: 100%;} .screen-1-3 .left .item3 a .progress img {height:8px;} .screen-1-4 .text-left,.screen-1-4 .text-right,.screen-1-6 .rightpic,.swiper-tab-title,.date3 li::after,.screen-2-3 .main .chemain {display: none;} .screen-1-4 .main {background-size: 200%!important;} .pic-animation {width:90%;height: 500px;position: absolute;left: 5%;top: 50%; margin: -250px 0 0 0px;} .pic-animation .item.item1 .jingdutiao1 {bottom: 20px;left:0px;} .pic-animation .item.item2 .jingdutiao1 {bottom: 20px;right:0px;} .pic-animation .item.item3 .jingdutiao1 {top: 30px;left:0px;} .pic-animation .item.item4 .jingdutiao1 {top: 30px;right: 0px;} .pic-animation .item .yline1 img{display: block;width: 60%;} .pic-animation .item.item3 .yline1,.pic-animation .item.item4 .yline1 {margin-top: 40px;} .pic-animation .item .jingdutiao1 span,.pic-animation .item .jingdutiao1 i {height: 6px;} .pic-animation .item .jingdutiao1 {width: 50%;} .screen-1-5 .icons8 li h4 {font-size: 12px;margin-left:0px;display: block;} .screen-1-5 .icons8 li i {width:44px; height:44px;border:none;} .screen-1-6 .main .pic img {margin-left: -20px;} .screen-1-6 .title {margin-top: -40px;} .screen-1-6 .text {margin-bottom: 0px;} .screen-1-7 .item3 a {width: 150px;height: 150px;margin: 0px;} .screen-1-7 .item3 a h3,.about-company-qualification .main .date3 li span,.about-global .date3 li span {font-size: 14px;} .about-global .date3 li {width: 45%;} .screen-1-7 .item3 a h4 {margin:3px 0;font-size: 14px;} .screen-1-7 .item3 a i {width:33px;height: 33px;} .screen-7 .left {margin-top:80px;margin-bottom: 70px; width: 100%;} .screen-7 .swiper-right {margin-top:10px;padding: 10% 5%;} .screen-7 {background: none;} .screen-7 .right {padding-bottom:60px;} .screen-7 .swiper-big-img1 .img img {height:300px;} .swiper-tab-screen .swiper-button-next {right: 0px;width:50%;bottom:0px;} .swiper-tab-screen .swiper-button-prev {right: auto;left: 0;width:50%;bottom:0px;} .screen-2-1 .main .title {background-size: 100%!important;} .mtop50 {margin-top: 50px;} .screen-2-1 .main .text {margin-bottom: 0px;} .date3 li span,.date3 li h3 i,.date3 li h3 {font-size: 20px;} .date3 li:first-child {padding: 0 0px 0 0px;font-size: 12px;} .date3 li:first-child h3 i {font-size: 12px;} .date3 {font-size: 0;} .date3 li {padding: 0 0px 0 10px;width: 31%;} .mbpicw80 {width: 80%;margin: 40px auto auto auto;} .screen-2-1 .main, .screen-2-3 .main, .screen-2-5 .main {width: 90%;left:5%;} .screen-2-5 .productpic {width:100%;display: none;} .screen-2-5 .productpic .ppic1{width: 80%;height: auto;left: 10%;top: 50%;margin: -133px 0 0 -0px;} .screen-2-5 .productpic .ppic2 {width: 60%;height: auto;right: 0px;top: 17%;} .screen-2-5 .productpic .ppic3 {width: 60%;height: auto;left: 0;top: 10%;} .screen-2-5 .productpic .ppic4 {width: 60%;height: auto;right: 5%;bottom:auto;top: 35%;} .screen-2-5 .productpic .ppic5 {width: 50%;height: auto;left: 25%;bottom: auto;top:50%;} .screen-2-5 .main .text img,.screen-3-1 .main .text,.screen-3-4 .main .text,.screen-3-5 .main .text, .screen-3-8 .main .text {width: 100%;} .jingdutiao8,.screen-3-3 .chedonghua .chepicb1,.screen-3-4 .img .productimg,.icon4 li::after,.company-culture .absolute .img .slogoimg,.es-yuanquan-text a h5,.Linefeed{display: none;} .itempic a {width: 50%;} .screen-7 .swiper-right .swiper-text .item .text .rolling-height,.screen-7 .swiper-right {height: auto;} .screen-3-3 .chedonghua .chedatet {width: 100%;display:block;margin: 15px 0px;} .screen-3-3 .main, .screen-3-7 .main {width:90%;left: 5%;} .screen-3-7 .main .text img,.screen-4-5 .main .text img{width:100%;} .screen-4-1 .main, .screen-4-3 .main,.screen-4-5 .main {width:90%;left: 5%;} .screen-4-1 .title {background-size:100%;} .icon4 li:first-child,.icon4 li {padding:0px;width: 49%;} .screen-4-6 .date3 li span {font-size: 12px;} .screen-4-6 .date3 li {width: 49%;padding: 0 0px 20px 0px;} .date3 li h4 {padding-bottom: 10px;} .evcharger-solution-nav.num3 a {width: 26%;} .evcharger-solution-nav.num3 a i{display: block;margin: auto;} .evcharger-solution-nav.num3 a span {padding-top: 10px;} .amc-item2 .item ,.amc-item2 .item .img,.amc-item8 .item,.amc-item4 .item {float: none;width:100%;margin: 0 0 1% 0;} .amc-item2 .item .text {position: relative;right:auto;top:auto;width:100%;} .product-range-list .product-range-list-swiper .swiper-pagination{display: none;} .product-range .title h2,.evcharger-our-project .title h2,.application-mode .title h2 {font-size:30px;} .application-mode {padding: 60px 0 100px 0;} .application-mode-content {width: 90%;} .evcharger-solution-banner .text h5 {font-size: 12px;line-height: 22px;} .amc-item8 .item .text h5,.amc-item4 .item .text h5 {min-height:auto;} .amc-item4 .item .text h6 {margin: 20px 0 40px 0;} .product-range.pt100 {padding-top: 100px;} .mark-section-bg-fixed {height: 500px;} .video-window-content,.energy-storage-advantage-yuanquan,.es-yuanquan-img {width: 100%;} .es-yuanquan-product {position: absolute;left:5%;width:90%;margin-left:0px;bottom: 10%;} .es-yuanquan-text a.yq1 {left: 5%;top: 50px;right: 0;padding: 0;width:90%;} .es-yuanquan-text a.yq1 i {bottom: -10px;} .es-yuanquan-text a h3 strong {font-size: 15px;} .es-yuanquan-text a.yq2,.es-yuanquan-text a.yq3,.es-yuanquan-text a.yq4,.es-yuanquan-text a.yq5 {left: 0;top: 50px;right: 0;padding: 0;width:100%;display: none;} .es-yuanquan-product img {margin-left: -50px;} .es-yuanquan-img {padding: 100px 0;} .es-yuanquan-img .bgtext {font-size: 80px;top: 50%;margin-top: -40px;} .gpc-content-main {width: 90%;margin: auto;background: none;padding: 30px 0 0px 0;} .gpc-content-btn {padding-top: 40px;width:100%;} .gpc-content .title-style .text {font-size: 14px;line-height: 24px;width: 90%;margin: auto;} .gpc-content-btn a {font-size: 12px;padding: 5px 15px;margin: 5px 2px;} .global-product-certification {margin-bottom: 50px;} .power-quality-advantage .title {width: 90%;left: 5%;margin-left:0px;} .power-quality-advantage .title h3 {font-size: 24px;line-height: 34px;} .advantage-yuanquan,.advantage-yuanquan .advantage-yuanquan-img {width:100%;} .advantage-yuanquan .advantage-yuanquan-img {padding: 200px 0 50px 0;} .advantage-yuanquan .advantage-yuanquan-pic {width: 90%;height: 500px;left: 5%; top: 65%;margin: -250px 0 0 0px;} .advantage-yuanquan .advantage-yuanquan-nav {top: 130px;text-align: center;} .advantage-yuanquan .advantage-yuanquan-pic .advantage-yuanquan-swiper .img {width:100%;height: 500px;} .advantage-yuanquan .advantage-yuanquan-nav a.yn1, .advantage-yuanquan .advantage-yuanquan-nav a.yn2, .advantage-yuanquan .advantage-yuanquan-nav a.yn3, .advantage-yuanquan .advantage-yuanquan-nav a.yn4, .advantage-yuanquan .advantage-yuanquan-nav a.yn5 {width: auto;left: auto;right:auto;top:auto;padding: 0px;bottom: auto;text-align: center;position: relative;display: inline-block;margin:1px 0;} .advantage-yuanquan .advantage-yuanquan-nav a h5{display: none;} .advantage-yuanquan .advantage-yuanquan-nav a i {right: 50%;top:73px;margin-right: -8px;display: none;} .advantage-yuanquan .advantage-yuanquan-nav a h3 {font-size: 12px;padding: 7px 10px;} .evcharger-advantage.mh33 .item3{top: 0;height:100%;} .evcharger-advantage.mh33 .item3 a { padding: 5%;height: 28%;background: none;} .evcharger-advantage.mh33 .item3 a .text {display: block;} .evcharger-advantage.mh33 .item3 a .main {padding-top: 10px;} .evcharger-advantage.mh33 .item3 h3 {margin: 5px auto;} .evcharger-advantage .item4 a .img img.img-center {width: 100%!important;} .detail-template .pimg1 img {height: auto;width: 100%;} .detail-template .center .text.text18 {width: 90%;} .textimg-swiper-nav {margin-top: 0px;width: 100%;bottom:15%;font-size: 0;} .textimg-swiper-nav a {width:18%;height:50px; margin: 0px;padding: 2% 0; min-width: auto;text-align: center;} .textimg-swiper-nav.h45px a h5 {bottom: auto;display: block;padding-top:5%;} .textimg-swiper-nav a h5 {position: relative;left:auto;bottom: auto;display: table;width:75%;height: 100%;margin: auto;} .textimg-swiper-nav a span {line-height: 20px;font-size: 12px;display:table-cell;text-align: center;width: 70%;margin: auto;} .textimg-swiper-nav a::before {height: 90%;box-sizing: border-box;} .detail-template .center .title.mtop5 {margin-top: 15%;} .detail-template .left .text {width: 100%;} .global-product-certification-iconbtn {background: none;width: 90%;margin:auto;} .global-product-certification-iconbtn .content-btn {width:100%;} .global-product-certification-iconbtn .content-btn a {padding: 5px 15px;margin: 5px 2px;font-size: 12px;} .scrollh {height: auto;} .detail-template .center .icontxt5.num3 li{text-align: center;padding:0;} .detail-template .center.baise .icontxt5.num3 li:nth-child(2) {padding:0;} .detail-template .center .icontxt5.num3 li i{margin: auto;} .parameter-li li {width: 50%;margin-right: 0;} .detail-template .left .text.text18 {width: 100%;} .detail-template .left .icontxt5.num4 li{width: 24%;} .detail-template .right {width:90%;right:5%;} .detail-template .right .text {width: 100%;} .detail-template .img .product-left-pic1,.icontxt3 li:first-child::after {display: none;} .icontxt3 li {width: 40%;} .table-parameter-nav.num4 a {width: 43%;} .textimg-swiper-pic .pic {width: 90%;text-align: center;margin: auto;padding-top:20px;} .textimg-swiper-pic .pic img {margin:5px 0px;} .textimg-swiper-pic .pic.wh80 img {height: 150px;} .detail-template .left .icontxt4.style2 li span{width: 100%;} .detail-template .left .icontxt4.style2 li:first-child {padding: 0;} .detail-template .left .icontxt4.style2 li {width: 18%;} .detail-template .center.mbtop20 {margin-top: 20%;} .detail-template .left .text.w80 {width: 100%;} .icontxt5.num5 li {width: 20%;} .investor-end-content {width: 90%; padding: 5%;} .company-culture .absolute .item {width:95%;height: 205px;} .company-culture .absolute .item.item1 {top: 5%;margin: -20px 0px 0 0;right: 0;} .company-culture .absolute .item.item2 {top: 24%;left: 0;margin: -20px 0 0 0px;} .company-culture .absolute .item.item3 {bottom: 1%;right: 0;margin: -20px 0px 0 0;} .company-culture .absolute .item .text1 h6 { width: 80%;} .company-culture .absolute .item.item1 .text1 h3 {margin-bottom: 20px;margin-top: 0;} .company-culture .absolute .item.item2 .text1 h6 {float: right;} .swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size:90px;} .screen-4-1 .table,.screen-3-4 .table,.screen-3-5 .table,.screen-1-1 .table,.screen-1-5 .table,.screen-1-6 .table,.screen-3-7 .table,.screen-2-3 .table{display: block;} .screen-4-1 .table-cell,.screen-3-4 .table-cell,.screen-3-5 .table-cell,.screen-1-1 .table-cell,.screen-1-5 .table-cell,.screen-1-6 .table-cell,.screen-3-7 .table-cell,.screen-2-3 .table-cell {display: block;margin-top: 20%;} .screen-4-1 .title {padding-top: 55px;} .screen-3-4 .item li i {width: 25px;} .screen-1-1 .title { padding-top: 5px;} .screen-1-5 .icons8 { margin-top: 40px;} .screen-1-5 .icons8 li {margin-bottom: 10px;} .mt110 {margin-top: 140px;} .screen-3-8 .main .text .mbshow img,.screen-2-1 .main .text .mbshow img{transform:scale(1.4);} .screen-2-1 .main .text .mbshow img{margin-top: 50px;} .screen-2-2 .date3 li span {font-size: 20px;} .iconpic4 img { max-width: 20%;} .screen-2-5 .main .title span{display: block;} .screen-2-5 .main .title i {display: none;} .evcharger-solution-nav a i {width: 35px;height: 25px;} .detail-template .left.baise .icontxt5.mtb40.mbliw25 li {width:25%;} .detail-template .left .mbliw25 li {width:25%;} .detail-template .product-left .img img.mbimgh300 {height: 300px;width: auto;} .textimg-swiper-pic.h100 .pic img {max-height: none;width: 80%;} .textimg-swiper-pic.h100 .pic img.mbw100{width: 100%;} .textimg-swiper-pic.h100 .pic img.mh200{width:55%;height: auto;} .detail-template .mbnonetable .table,.detail-template .center.top10.mbnonetable .table {display: block;} .detail-template .mbnonetable .table-cell,.detail-template .center.top10.mbnonetable .table-cell {display: block;margin-top: 20%;} .detail-template .mbnonetable .table-cell .icontxt5.mtb40 {margin:10px 0 0 0;} .detail-template .img .right-img2 {right: 5%;width:90%;top: auto;bottom: 5%;} .detail-template .img .right-img2 img {width: 90%;} .detail-template #container,.fcs10-main {display: none;} .detail-template .icontxt4.style2 li i{height: 30px;} .detail-template .img .right-img2.mbb-55 {bottom: -55%;} .textimg-swiper-nav.h45px.style-2{bottom: 25%;} .textimg-swiper-nav.h45px.style-2 a{width: 27%;} .textimg-swiper-nav.h45px.style-2 a span {margin-top:10px;display: block;width: 100%;} .parameter-li h4:first-child {padding: 20px 0;} .detail-template .title .line {width: 56px;height: 3px;margin: 20px 0;} .textimg-swiper-nav.mw30 a{width: 50%;} .textimg-swiper-nav.mw30 a h5 {width: 90%;} .textimg-swiper-nav.mw30 a h5 span{vertical-align: middle;} .contact-section .content .left .content-map {display: none;} .textimg-swiper-pic.h100 .pic img.mbshow {width: 100%;} .icontxt4.mb4li li {margin-bottom: 10px;width: 25%;} .icontxt4.mb4li li i {height: 30px;margin-bottom: 10px;} .icontxt2 li {margin:10px 0 0 0;} .icontxt2 li i,.icontxt2 li h4 {float: left;} .icontxt2 li h4 {margin-top: 10px;} .icontxt2 li span {display: block;clear: both;} .screen-banner-bottom.position-fixed.top85 {transform: translateY(50px);} .screen-banner-bottom.position-fixed.top85 {top: 0px;} .contact-section .title-style {text-align: left;width: 94%;margin: auto;} .contact-section .title-style .line {margin: 10px 0;} .contact-section .title-style .text {width: 100%;} .contact-section .content .left .content-way li i {margin: auto 0;} .contact-section .content .left .content-way li span {text-align: left;} .contact-section .content .left .content-way li:last-child i {margin: 2% 3% 2% 0;} .contact-bottom .right .content-way .item.item2 li:last-child {width: 50%;} .contact-bottom .right .content-way .item2 li span {width: 100%;} .other-email {font-size: 12px!important;padding-left:0%!important;padding-top: 20px;} } /* iPad */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {} /* iPad x */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .product-range-list{width:90%;} .evcharger-solution-nav a {padding: 0 25px;} .evcharger-solution-nav a span {font-size: 14px;} .screen-banner-bottom-nav a {height: 50px;line-height: 50px;font-size: 15px;} .screen-banner-swiper .screen-banner-slide .line {margin: 0px auto;} .product-range-list .item .text h5,.evcharger-advantage .item3 .text {font-size: 12px;line-height: 22px;} .about-company-qualification .main {right: 0;} .swiper-history .swiper-history-time .year-num {padding-top: 145px;} .swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -20px;} .investors-relations .main .title-style h2 {font-size: 30px;} .investors-relations .main .title-style h4 {font-size: 40px;} .investors-date {width: 70%;padding: 3% 5%;margin:20px auto auto;} .investors-date .left .ld2 .txt1 {font-size: 40px;} .investors-date .right li {width: 22%;} .swiper-history {margin-top: -40px;} #bdmap {height: 700px!important;} .contact-bottom .right .content-way .item {padding: 20px 0;} .screen-1-1 .text {width: 70%;} .screen-1-3 .left {width: 41%;padding: 0 5% 0 5%;} .screen-1-3 .left .item3 a h4 {font-size: 14px;} .screen .title h4 {font-size: 30px;} .screen-1-3 .left .item3 a {margin-top: 10px;} .screen-1-3 .left .item3 {width: 100%;} .screen-1-4 .text {padding-top: 10px;width: 90%;} .screen-1-1 .main, .screen-1-5 .main, .screen-1-6 .main, .screen-2-2 .main, .screen-2-4 .main, .screen-2-6 .main, .screen-3-1 .main, .screen-3-4 .main, .screen-3-5 .main, .screen-3-6 .main, .screen-3-8 .main, .screen-4-2 .main, .screen-4-6 .main {left: 5%;} .screen-1-1 .main, .screen-1-5 .main, .screen-1-6 .main {width: 500px;} .screen-1-6 .rightpic {width: 70%;} .screen-1-6 .rightpic .item4 a {padding: 0;} .screen-1-7 .item3 a {width: 250px;height: 250px;} .screen .title h2 {font-size: 30px;} .screen-2-1 .main .title {padding-top: 10px;} .date3 li h3 {font-size: 30px} .date3 li h3 i {font-size: 24px;} .date3 li {padding: 0 20px;} .screen-2-3 .main .text {margin-bottom: 200px;} .screen-3-1 .main .text,.screen-3-8 .main .text {width: 70%;} .screen-3-4 .main .text {width: 65%;} .screen-7 .swiper-right {margin-top:0px;height: 710px;} .screen-7 .right {padding-bottom: 0;} .swiper-tab-screen .swiper-button-next, .swiper-tab-screen .swiper-button-prev {bottom:0px;} .swiper-tab-screen .swiper-button-next {right:0px;} .swiper-tab-screen .swiper-button-prev {right: 102px;} } /* iPad y */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .index-about .img img {max-width:240%;width:240%;} .index-about .about-item .right .item li {padding: 15% 5% 15% 10%;position: relative} .index-about .item .img {display: none;} .index-interesting-list a .img img.img-center {width: 100%!important;} .contact-section .content .left .content-way li i,.contact-section .content .left .content-way li span {display: inline-block;text-align: left;padding-top: 0px;} .contact-section .content .left .content-way li span {padding-left: 10px;} .contact-section .content .left .content-map iframe {width: 100%;} .index-interesting, .contact-section, .product-range, .interesting-video, .Contact-our-team, .contact-bottom .right, .interesting-detail, .interesting-other {padding: 10% 0;} .mbshow,.screen-banner-swiper .screen-banner-slide .img img,.interesting-video-list .item.img-3 .img img.img-center,.video-list a .img img.img-center,.video-list-bottom a .img img.img-center,.download-list a .img img.img-center,.interesting-list a .img img.img-center {width: 100%!important;} .interesting-list a .text {height: auto;} .interesting-list a .text h5 {margin:20px 0 0px;} .product-range-list .item-2 .text h5 {min-height: 44px;} .screen-2 .img video {width: 100%;} .product-top-nav .content .left {display: block;} .product-top-nav .content .right {width: 50%;float: right;} .page-banner .img img.pcshow {display: block!important;} .page-banner .img img.mbshow {display: none!important;} .screen-banner-swiper .screen-banner-slide .img img.pcshow {display: block!important;} .screen-banner-swiper .screen-banner-slide .img img.mbshow {display: none!important;} .screen-banner-swiper .screen-banner-slide .text.center h1 {margin-top: 5%;} .our-project-swiper-3 {width: 100%;} .interesting-video {padding: 10% 0 0 0;} .screen-banner-swiper .screen-banner-slide .text h1 {margin-top: 10%;} .development-history .top .title-style {margin-top: 45%;} .index-products-center .bottom5 a:first-child {width: 50%;} .index-products-center .bottom5 a {width: 50%;} .index-newslist a {width: 50%;} .index-newslist a:last-child {display: none;} .contact-section .content .left .content-way li {width: 33%;} .contact-section .content .left .content-way li:last-child {width: 100%;} .cd-nav li a.twonav,.mchildren a.threenav {background: url(../upload/right3.png) right center no-repeat;background-size: 1.5%;} } /* all iPad pro */ @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {} /* x iPad pro */ @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {} /* y iPad pro */ @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) { .banner-slide .txt {margin-top: -130px;} .index-about .img img {max-width: 140%;width: 140%;} .banner-slide .img img.pcshow {display: block!important;height: auto!important;} .banner-slide .img img.mbshow {display: none!important;} }