@charset "utf-8";

 
/* index */
.banner {position: relative;}
.index-banner-swiper {position: relative;background: #000;z-index:1;}
.banner-slide {}
.banner-slide .txt{position: absolute;width: 900px;left: 10%;top: 50%;margin-top: -167px;z-index: 33;}
.banner-slide .txt h1{font-size: 50px;color: #fff;margin: 0;padding: 0;padding-bottom:20px; position: relative;text-transform: uppercase;}
.banner-slide .txt .line {width: 80px;height: 4px;background: #4db560;margin: 10px 0;}
.banner-slide .txt h4{font-size: 18px;color: #4db560;padding:30px 0;margin:0;font-weight: normal;line-height: 30px;}
.banner-slide .txt.center {text-align: center;width:100%;left:0;top:20%;margin: 0;}
.banner-slide .txt.none {display: none;}
.banner-slide .txt.right {text-align: right;left: auto;right: 10%;}
.banner-slide .txt.right .line {float: right;clear: both;}
.banner-slide .txt.right .banner-btn a {display: inline-block;vertical-align: middle;float: none;text-align: right;margin-right:0px;margin-left: 15px;}
.banner-slide .img {text-align: center;}
.banner-slide .txt .img {text-align: left;}


.banner-btn {clear: both;}
.banner-btn a{display: block;float: left;margin-right: 15px;padding:15px 20px;font-size: 0;background: #4db560;}
.banner-btn a span{color: #fff;font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.banner-btn a i{display: inline-block;vertical-align: middle;width: 18px;height: 10px;background:url("../upload/right4.png");}
.banner-btn a:hover {background: #008b62;}

.banner-slide .txt h1 {transform:translateY(200px);opacity:0;transition:all .3s;}
.banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 0.6s;}
.banner-slide .txt .line {transform:translateY(200px);opacity:0;transition:all 0.9s;}
.banner-slide .txt .banner-btn {transform:translateY(200px);opacity:0;transition:all 1.2s;}
.index-banner-swiper .swiper-slide-active .txt h4,.index-banner-swiper .swiper-slide-active .txt h1,.index-banner-swiper .swiper-slide-active .txt .line,.index-banner-swiper .swiper-slide-active .banner-btn{transform:translateY(0px);opacity:1;}

.swiper-banner-pagination {bottom: 55px;width: 100%; display: block;z-index: 90;}
.swiper-banner-pagination .swiper-pagination-bullet {width:60px;height:10px;margin:0 0 0 10px;border-radius: 0;opacity:1;background: none; position: relative;z-index: 11;outline: none;}
.swiper-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;top:5px;background: #fff;opacity: 0.3;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}
.swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:5px;width:0;height: 2px;background: #4db560;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;z-index: 10;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}

@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

.index-scroll {position:absolute;left:1%;top:85%;z-index:70;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.index-scroll h6{margin: 0;font-weight: normal;font-size: 0;position: relative;padding-bottom:7px;padding-left: 30px;}
.index-scroll h6::after {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;-webkit-animation: w100 3000ms infinite ease-in-out;animation: w100 3000ms infinite ease-in-out;}
.index-scroll h6 span{font-size: 12px;color: #fff;text-transform: uppercase;letter-spacing: 1px; margin-right: 10px;display: inline-block;vertical-align: middle;}
.index-scroll h6 i{width: 12px;height: 10px; background: url("../images/d.png");display: inline-block;vertical-align: middle;-webkit-animation: op01 1000ms infinite ease-in-out;animation: op01 1000ms infinite ease-in-out;}
@keyframes op01{0%{opacity: 0;}100%{opacity: 1;}}


.index-products-center {padding: 3%;overflow: hidden;}
.index-products-center .top{width: 85%;margin: auto;padding: 50px 0;overflow: hidden;position: relative;}
.index-products-center .top .title-style{text-align: center;}
.index-products-center .top .title-style .line {margin: 20px auto auto;}
.index-products-center .top .text{padding: 20px 0 0 0;overflow: hidden; color: #737373;font-size: 16px;line-height: 26px;text-align: center;}
.index-products-center .bottom3{}
.index-products-center .bottom3 a{position: relative;display: block;overflow: hidden;float: left;width: 33.22%;}
.index-products-center .bottom3 a .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 33;text-align: center;}
.index-products-center .bottom3 a .text h2{font-size: 30px;color: #fff;line-height: 36px;margin: 0;text-transform: uppercase;}
.index-products-center .bottom3 a .text .line{width: 80px;height: 4px;background: #4db560;margin: 15px auto;}
.index-products-center .bottom3 a .text h6{border: 1px solid rgba(255,255,255,.5);padding: 0px 20px;display: inline-block;font-size: 0;margin-top:20px;height: 49px;line-height: 49px;opacity: 0;}
.index-products-center .bottom3 a .text h6 span{font-size: 14px;color: #fff;opacity: .5;display: inline-block;vertical-align: middle;margin-right: 10px;}
.index-products-center .bottom3 a .text h6 i{width: 14px;height: 10px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../../evcharger/images/right.png");opacity: .5;}
.index-products-center .bottom3 a .img{position: relative;overflow: hidden;}
.index-products-center .bottom3 a .img img{width: 100%;display: block;height: auto;}
.index-products-center .bottom3 a .img img.img-center {opacity: .5;}
.index-products-center .bottom3 a .text h6:hover span,.index-products-center .bottom3 a .text h6:hover i{opacity: 1;color: #fff;}
.index-products-center .bottom3 a .text h6:hover i {background: url("../../evcharger/images/right.png");}
.index-products-center .bottom3 a .text h6:hover {background: #4db560;border: 1px solid #4db560; opacity: 1;}
.index-products-center .bottom3 a:hover .text h6{height: 49px;line-height: 49px;opacity: 1;}
.index-products-center .bottom3 a:hover img.img-center{opacity: 1;transform: scale(1.1);}


.index-about {position: relative;}
.index-about .title-style {text-align: center;width: 100%;padding-bottom: 50px;}
.index-about .title-style h2 {color: #fff;}
.index-about .title-style .line {margin: 20px auto auto;}
.index-about .title-style h6 {font-size: 16px;line-height: 24px;color: #fff;padding: 20px 0;margin: 0;font-weight: normal;overflow: hidden;opacity: .6;}
.index-about .about-item {position: absolute;top:0;left: 12.5%;width: 75%;height: 100%;z-index: 3;}
.index-about .about-item .content {width: 100%; height: 470px;border: 1px solid rgba(255,255,255,.3);overflow: hidden;background: rgba(0,0,0,0.2)}
.index-about .about-item .left{padding: 5% 3% 0 5%;overflow: hidden;width:43%;height: 90%; position: relative;}
.index-about .about-item .left::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .3;}
.index-about .about-item .left .title{overflow: hidden;}
.index-about .about-item .left .title h2{font-size: 34px;text-transform: uppercase;margin: 0;color: #fff;}
.index-about .about-item .left .title .line{width: 80px;height: 4px;background: #4db560;margin: 15px 0;}
.index-about .about-item .left .text{font-size: 16px;line-height: 26px;color: #fff;}
.index-about .about-item .left .play {display: inline-block;margin-top:30px;}
.index-about .about-item .left .play a{display: block;overflow: hidden;background: #4db560;border: 1px solid #4db560;padding: 15px 20px;font-size: 0;}
.index-about .about-item .left .play i{width: 13px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../upload/play.png") center no-repeat;background-size: 100%; }
.index-about .about-item .left .play span{font-size: 14px;color: #fff;display: inline-block;vertical-align: middle;margin-right: 10px;}
.index-about .about-item .left .play a:hover {background: #00e5a1;border: 1px solid #00e5a1;}
.index-about .about-item .left .play a:hover span,.index-about .about-item .left .play a:hover i{opacity: 1;}
.index-about .about-item .right {overflow: hidden;width:49%;position: relative;}
.index-about .about-item .right::after {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -0.5px;opacity: .3;}
.index-about .about-item .right .item {position: relative;float: left;width: 33.3333333%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.index-about .about-item .right .item:hover {background: #4db560;}
.index-about .about-item .right .item li {color:#fff;list-style: none;position: absolute;left: 0;top: 0;width:80%;padding:20% 10% 0 10%;height:80%;}
.index-about .about-item .right .item li h2{font-weight: normal;margin: 0;}
.index-about .about-item .right .item li h2 strong{font-size: 60px;}
.index-about .about-item .right .item li h2 span{font-size: 18px;font-weight: normal;margin-left: 5px;}
.index-about .about-item .right .item li h6{font-weight: normal;margin: 0;font-size: 14px;line-height: 24px;opacity: .7;}
.index-about .about-item .right .item .img img{display: block;width: 100%;height: auto;opacity: 0;}
.index-about .about-item .right .item::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .3;}
.index-about .about-item .right .item:last-child::after,.index-about .about-item .right .item:nth-child(3)::after {display: none;}
.index-about .img{}
.index-about .img img{display: block;width: 100%;height: auto;}


.index-interesting {padding: 130px 0;overflow: hidden;width: 75%;margin: auto;}
.index-interesting .title{text-align: center;}
.index-interesting .title h2{font-size: 50px;text-transform: uppercase;margin: 0;color: #1a1a1a;}
.index-interesting .title .line{width: 80px;height: 4px;background: #4db560;margin: 15px auto;}
.index-interesting .title h6{font-size: 16px;line-height: 26px;color: #666666;font-weight: normal;}
.index-interesting-list {overflow: hidden;padding-top: 20px;}
.index-interesting-list a {display: block;width: 49%;margin-right: 2%;position: relative;overflow: hidden;float: left;}
.index-interesting-list a.mr0 {margin-right: 0;}
.index-interesting-list a .text{position: absolute;z-index: 50;color: #fff;bottom:8%;left: 5%;}
.index-interesting-list a .text h2{font-size: 30px;}
.index-interesting-list a .text h4{font-weight: normal;font-size: 0;}
.index-interesting-list a .text h4 span{font-size: 14px;color: #fff;display: inline-block;vertical-align: middle;margin-right: 10px;}
.index-interesting-list a .text h4 i {width: 14px;height: 10px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../../evcharger/images/right.png");margin-top: 3px;} 
.index-interesting-list a .img{position: relative;overflow: hidden;background: #000;}
.index-interesting-list a .img img{display: block;width: 100%;height: auto;z-index: 34;position: relative;}
.index-interesting-list a .img img.img-center{opacity: 1;z-index: 3;position: absolute;}
.index-interesting-list a:hover .img img.img-center{opacity: 1;transform: scale(1.1);}		






/* page*/

.product-detail .header-height {height: 125px;}
.header-height {height: 85px;}
.section {background-position: center;background-repeat: no-repeat;background-size: cover;clear: both;overflow: hidden;}
.section .content {}
.title-style {overflow: hidden;}
.title-style h3 {text-transform: uppercase;font-size: 36px;margin:5px 0 0 0;color: #4db560;}
.title-style h1 {text-transform: uppercase;font-size: 60px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h2 {text-transform: uppercase;font-size: 50px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h5 {font-size: 20px;margin:0;color: #666;line-height: 30px;}
.title-style h4 {text-transform: uppercase;font-size: 20px;margin:5px 0 0 0;color: #4db560;}
.title-style .line {width: 80px;height: 4px;background: #4db560;margin: 10px 0;}
.title-style-1 {}
.view-btn {overflow: hidden;display: inline-block;clear:both;}
.view-btn a {background: #4db560;display: block;padding:18px 30px;overflow: hidden;font-size: 0;line-height: normal;}
.view-btn i{display: inline-block;vertical-align: middle;margin-right:10px;}
.view-btn h5{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;margin: 0;}
.view-btn a:hover {background: #00aa77;}
.img-center {position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto!important;height: auto!important;}
.faq-btn {clear: both;padding: 30px 0;}
.faq-btn a {background: #ededed;border-radius: 30px;display: inline-block;padding: 5px 20px;font-size: 0;}
.faq-btn i{display: inline-block;vertical-align: middle;margin-right: 10px;}
.faq-btn i img {display: block;}
.faq-btn h6{font-size: 14px;color: #b2b2b2;font-weight: normal;display: inline-block;vertical-align: middle;margin: 0;}
.faq-btn a:hover {background: #000;}
.line-height-30 {line-height: 30px;}
.swiper-button-next,.swiper-button-prev,.swiper-pagination .swiper-pagination-bullet {outline: none;}
.link-btn-r {display: block;width: 55px;height: 55px;background: #ccc url("../../power/images/link1.png") center no-repeat;border-radius: 100%; position: absolute;top: 7px;right: 0;}
.link-btn-r:hover {background: #4db560 url("../../power/images/link2.png") center no-repeat;}




/* product */

.product-top-nav {background: #272727;position: fixed;width: 100%;top: 85px;left: 0;z-index: 99;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.product-top-nav .content{overflow: hidden;padding:13px 0;width: 90%;}
.product-top-nav .content .left{}
.product-top-nav .content .left h4{margin: 0;font-size: 12px;color: #fff; }
.product-top-nav .content .right{font-size: 0px;}
.product-top-nav .content .right a{color: #8d8d8d;font-size: 12px;text-transform: uppercase;margin-left:40px;}
.product-top-nav .content .right a:hover,.product-top-nav .content .right a.cur{color: #fff;}
.product-top-nav.scroll-down {top: 0;}

.product-section {}
.product-section .content{width:75%;}
.screen {position: relative;background-repeat: no-repeat;overflow: hidden;}
.upper {position: absolute;left:12.5%;width:75%;height: 100%;top: 0;z-index: 1;}





/* evcharger */
.screen-banner-swiper {}
.screen-banner-swiper .screen-banner-slide{position: relative;}
.screen-banner-swiper .screen-banner-slide .text{position: absolute;left: 12.5%;top: 0;height: 100%;width: 40%;}
.screen-banner-swiper .screen-banner-slide .text.white h1,.screen-banner-swiper .screen-banner-slide .text.white h4{color: #fff;}
.screen-banner-swiper .screen-banner-slide .text h1{font-size: 70px;line-height: 74px; color: #1a1a1a;text-transform: uppercase;margin: 10px 0;}
.screen-banner-swiper .screen-banner-slide .text h4{font-size: 18px;line-height: 30px; color: #666666;margin:0;font-weight: normal;}
.screen-banner-swiper .screen-banner-slide .btn-2{margin-top: 50px;}
.screen-banner-swiper .screen-banner-slide .btn-2 a{display: block;float: left;margin-right: 10px;padding: 15px 20px;text-align: center;font-size: 0;background: #4db560;}
.screen-banner-swiper .screen-banner-slide .btn-2 a i{width: 14px;height: 20px;display: inline-block;vertical-align: middle;background: url("../../evcharger/images/right.png") center no-repeat;margin-left: 10px;}
.screen-banner-swiper .screen-banner-slide .btn-2 a span{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;}
.screen-banner-swiper .screen-banner-slide .btn-2 a:last-child {background: #0972a9;}
.screen-banner-swiper .screen-banner-slide .btn-2 a:hover {background: #009266}
.screen-banner-swiper .screen-banner-slide .btn-2 a:last-child:hover {background: #004c74;}
.screen-banner-swiper .screen-banner-slide .img{}
.screen-banner-swiper .screen-banner-slide .img img{display: block;}
.screen-banner-swiper .screen-banner-slide .text.center {width: 100%;left: 0;text-align: center;top: -200px;}
.screen-banner-swiper .screen-banner-slide .text.center .btn-2 a {float: none;margin: auto;display: inline-block;}


.screen-banner-swiper .swiper-pagination {}
.screen-banner-swiper .swiper-pagination {bottom: 5%;}
.screen-banner-swiper .swiper-pagination-bullet{background: #fff;width: 30px;height: 2px; border-radius: 0;}
.screen-banner-swiper .swiper-pagination-bullet-active{background: #4db560;}

.evcharger-data{background: url("../../evcharger/images/1-01.jpg") no-repeat;background-size: 100% 100%;padding: 70px 0;overflow: hidden;}
.evcharger-data .item{text-align: center;}
.evcharger-data .item li{display: inline-block;vertical-align: middle;color: #fff;position: relative;}
.evcharger-data .item li::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .1;}
.evcharger-data .item li:last-child::after {display: none;}
.evcharger-data .item li h2{margin: 0;}
.evcharger-data .item li h2 strong{font-size: 50px;}
.evcharger-data .item li h2 span{font-size:30px;}
.evcharger-data .item li h5{font-size: 16px;opacity: .6;margin: 0;font-weight: normal;}
.evcharger-data .item.item4 li{width: 20%;}

.evcharger-our-project {padding:130px 0  0px 0;overflow: hidden;}
.evcharger-our-project .top {width: 75%;margin: auto;overflow: hidden;}
.evcharger-our-project .top .left{width: 45%;}
.evcharger-our-project .top .right{width: 55%;}
.evcharger-our-project .top .right .text{font-size: 16px;color: #666666;line-height: 26px;padding-top:10px;}

.our-project-swiper-3 {margin-top: 60px;overflow: hidden;}
.our-project-swiper-3 .project-3 {position: relative;overflow: hidden;}
.our-project-swiper-3 .text{position: absolute;width: 90%;padding: 5%;overflow: hidden;bottom: 0;z-index: 4;color: #fff;}
.our-project-swiper-3 .text h4{font-size: 20px;margin: 10px 0;}
.our-project-swiper-3 .text h6{font-weight: normal;font-size: 14px;line-height: 20px;opacity: .6;margin: 0;}
.our-project-swiper-3 .img{}
.our-project-swiper-3 .img img{display: block;width: 100%;height: auto;position: relative;z-index: 3;}
.our-project-swiper-3 .img .img-center{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto;height: auto;z-index: 1;}
.our-project-swiper-3 .swiper-button-next,.our-project-swiper-3 .swiper-button-prev {width: 60px;height: 60px;margin-top: -30px; background-color:rgba(0,0,0,.5);}
.our-project-swiper-3 .swiper-button-next {right: 50%;left: auto;margin-right: -475px; background-image: url("../../power/images/right1.png");background-size: auto;}
.our-project-swiper-3 .swiper-button-prev {left: 50%;margin-left: -475px;background-image: url("../../power/images/left1.png");background-size: auto;}
.our-project-swiper-3 .swiper-button-next:hover,.our-project-swiper-3 .swiper-button-prev:hover {background-color:#4db560;}
.our-project-swiper-3 .project-3 a {display: block;}
.our-project-swiper-3 .project-3 a:hover .img .img-center{transform: scale(1.1);}

.product-range {padding: 140px 0;overflow: hidden;}
.product-range .title-style{text-align: center;}
.product-range .title-style h2{}
.product-range .title-style .line {margin: 20px auto auto;}
.product-range-list {margin: 50px auto;width: 75%;position: relative;padding:0 5%;}
.product-range-list .item-2{background: #fff;position: relative;overflow: hidden;}
.product-range-list .item-2 .text{position: absolute;left:5%;top: 0;width: 45%;height: 100%;z-index: 31;color: #000;}
.product-range-list .item-2 .text h3{font-size: 30px;color: #1a1a1a;margin: 0;position: relative;padding-bottom:10px;margin-bottom:10px;}
.product-range-list .item-2 .text h3::before,.product-range-list .item-2 .text h3::after {content: '';display: block;width: 100%;height: 2px;background: #ccc;position: absolute;left: 0;bottom: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.product-range-list .item-2 .text h3::before {width: 100px;background: #4db560;z-index: 3;}
.product-range-list .item-2 .text h5{font-size: 14px;line-height: 24px; color: #999999;font-weight:normal;margin: 0;}
.product-range-list .item-2 .text h6{display: inline-block;clear: both; font-size: 14px;color: #999999;font-weight:normal;margin:30px 0 0;padding-right: 25px;background: url("../../evcharger/images/right1.png") right center no-repeat;}
.product-range-list .item-2 .img{position: relative;}
.product-range-list .item-2 .img img{display: block;width: 100%;height: auto;}
.product-range-list .item-2 .img .img-center{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 3;margin: auto;width: auto;height: auto;}
.product-range-list .item-2 a {display: block;overflow: hidden;}
.product-range-list .item-2 a:hover h3::before {width: 100%;}
.product-range-list .pr-next,.product-range-list .pr-prev { background-color:none;opacity: .2;}
.product-range-list .pr-next:hover,.product-range-list .pr-prev:hover { opacity: 1;}
.product-range-list .pr-next {background: url("../../evcharger/images/right2.png") center no-repeat;}
.product-range-list .pr-prev {background: url("../../evcharger/images/left2.png") center no-repeat;}

.interesting-video {width: 75%;margin: auto;padding: 140px 0 40px 0 ;overflow: hidden;}
.interesting-video .title-style{text-align: center;}
.interesting-video .title-style .line {margin: 20px auto auto;}
.interesting-video-list {}
.interesting-video-list .item{position: relative;overflow: hidden;margin-bottom:15px;}
.interesting-video-list .item a{display: block;}
.interesting-video-list .item .text{position: absolute;bottom: 0;width: 90%;padding: 5% 5% 3% 5%;left: 0;z-index: 20;color: #fff;}
.interesting-video-list .item .text h6{margin: 0;font-size: 14px;color: #4db560;font-weight: normal;padding-bottom: 10px;}
.interesting-video-list .item .text h3{margin: 0;font-size: 18px;line-height: 24px;}
.interesting-video-list .item .text h5{display: inline-block;clear: both; margin-top: 20px;font-size: 14px;line-height: 24px;font-weight: normal;padding: 0px 25px 0px 0px;background: url("../../evcharger/images/right1.png") right center no-repeat;}
.interesting-video-list .item .img{position: relative;background-color: #000;overflow: hidden;}
.interesting-video-list .item .img .play{width: 60px;height: 60px;border: 2px solid #fff;position: absolute;left: 50%;top: 50%;margin: -32px 0 0 -32px;z-index: 30;}
.interesting-video-list .item .img .play i{width: 60px;height: 60px;background: url("../../power/images/play.png") center no-repeat;display: block;}
.interesting-video-list .item .img img {display: block;width: 100%;height: auto;z-index: 13;position: relative;}
.interesting-video-list .item .img img.img-center {position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 3;margin: auto;width: auto;height: auto;}
.interesting-video-list .item a:hover .play i{background: url("../../power/images/play.png") center no-repeat #4db560;}
.interesting-video-list .item a:hover .play {border: 2px solid #4db560;}
.interesting-video-list .item a:hover .img img.img-center {opacity: .5;transform: scale(1.1);}
.interesting-video-list .item.video-1 {}
.interesting-video-list .item.img-3 {}
.interesting-video-list .item.img-3 a{width: 32.65%;float: left;background: #f7f7f7;margin-right: 1%;margin-bottom: 1%;}
.interesting-video-list .item.img-3 a.mr0 {margin-right: 0;}
.interesting-video-list .item.img-3 .text{position: relative;bottom: auto;width: 90%;padding: 5% 5% 3% 5%;left:auto;color: #000000;height: 140px;}
.interesting-video-list .item.img-3 .text h6{color: #4db560;}
.interesting-video-list .item.img-3 .text h3{color: #000000;}
.interesting-video-list .item.img-3 .text h5{color: #999999;}
.interesting-video-list .item.img-3 .img img.img-center {z-index: 113;}



.page-banner {position: relative;background: #000;}
.page-banner .text {position: absolute;left: 12.5%;top:0;height: 100%;z-index: 1;}
.page-banner .text h5{font-size: 16px;color: #4db560;margin: 0;text-transform: uppercase;margin-top:80px;}
.page-banner .text h2{font-size: 50px;color: #fff;margin: 2px 0;text-transform: uppercase;}
.page-banner .text .line {width: 80px;height: 4px;background: #4db560;margin: 15px 0;}
.page-banner .text h6 {font-size: 16px;color: #fff;opacity: .6;margin: 15px 0;width: 80%;line-height: 26px;}
.page-banner .img{background-position: center;background-repeat: no-repeat;background-size: auto;}
.page-banner .img img{display: block;width: 100%;height: auto;opacity: 0;}


 
.interesting-list {overflow: hidden;padding:60px 0 40px 0;}
.interesting-list  a{width: 32.6666%;float: left;background: #f7f7f7;margin-right: 1%;margin-bottom: 1%;display: block;position: relative;overflow: hidden;}
.interesting-list  a.mr0 {margin-right: 0;}
.interesting-list  a .text{position: relative;bottom: auto;width: 90%;padding: 5% 5% 3% 5%;left:auto;color: #000000;height: 140px;}
.interesting-list  a .text h6{margin: 0;font-size: 14px;color: #4db560;font-weight: normal;padding-bottom: 10px;}
.interesting-list  a .text h3{margin: 0;font-size: 18px;line-height: 24px;}
.interesting-list  a .text h5{display: inline-block;clear: both;color: #999999; margin-top: 20px;font-size: 14px;line-height: 24px;font-weight: normal;padding: 0px 25px 0px 0px;background: url("../../evcharger/images/right1.png") right center no-repeat;}
.interesting-list  a .img {position: relative;overflow: hidden;}
.interesting-list  a .img img {display: block;width: 100%;height: auto;z-index: 13;position: relative;}
.interesting-list  a .img img.img-center {position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 33;margin: auto;width: auto;height: auto;}
.interesting-list  a:hover .img img.img-center {opacity: .5;transform: scale(1.1);}

.turnpage {font-size: 0;}
.turnpage a{display: inline-block;padding:0px 20px;height: 41px;line-height: 41px; text-align: center;color: #b3b3b3;font-size: 0px;border: 1px solid #ededed;}
.turnpage a i{width: 18px;height: 10px;opacity: .3; display: inline-block;vertical-align: middle;margin: 0 5px;}
.turnpage a.prev i{background: url("../../evcharger/images/left3.png");}
.turnpage a.next i{background: url("../../evcharger/images/right3.png");}
.turnpage a span{display: inline-block;vertical-align: middle;font-size: 14px;}
.turnpage a.cur{background: #4db560;border: 1px solid #4db560;color: #fff;}
.turnpage a:hover {background: #4db560;border: 1px solid #4db560;}
.turnpage a:hover span {color: #fff;}
.turnpage a.prev:hover i{background: url("../../evcharger/images/left4.png");opacity: 1;}
.turnpage a.next:hover i{background: url("../../evcharger/images/right4.png");opacity: 1;}


.page-path {background: #f7f7f7;}
.page-path .content {font-family: "宋体",Arial;padding:15px 0;color: #999;}
.page-path a{font-size: 12px;color: #999999;}
.page-path a:hover {color: #000;}

.interesting-detail {width: 80%;margin: auto;padding: 100px 0;overflow: hidden;}
.interesting-detail-title {position: relative;padding-bottom: 15px;overflow: hidden;}
.interesting-detail-title h5{font-weight: normal;font-size: 16px;color: #4db560;margin: 0;}
.interesting-detail-title h1{font-size: 30px;color: #000000;margin:10px 0;}
.interesting-detail-title::before,.interesting-detail-title::after {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #e5e5e5;}
.interesting-detail-title::before {width: 140px;background: #4db560;z-index: 3;}
.interesting-detail-text {padding: 30px 0;overflow: hidden;color: #585858;line-height: 30px;font-size: 16px;}
.interesting-detail-turnpage {overflow: hidden;border-top: 2px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;position: relative;margin-top: 30px;}
.interesting-detail-turnpage a {display: block;width: 40%;font-size: 0;padding:25px 0;overflow: hidden;}
.interesting-detail-turnpage a i{display: inline-block;vertical-align: middle;width: 18px;height: 10px;margin: 0 5px;opacity: .3;}
.interesting-detail-turnpage a span{display: inline-block;vertical-align: middle;font-size: 14px;color: #666;text-transform: uppercase;}
.interesting-detail-turnpage a.prev{float: left;}
.interesting-detail-turnpage a.prev i {background: url("../../evcharger/images/left3.png");}
.interesting-detail-turnpage a.return{position: absolute;width: 100px;text-align: center;left: 50%;margin-left: -50px;top: 50%;margin-top: -34px;}
.interesting-detail-turnpage a.next{float: right;text-align: right;}
.interesting-detail-turnpage a.next i {background: url("../../evcharger/images/right3.png");}
.interesting-detail-turnpage a:hover span {color: #4db560;}

.interesting-other {padding: 100px 0;overflow: hidden;}
.interesting-other h2 {font-size: 50px;color: #1a1a1a;display: block;overflow: hidden;text-transform: uppercase;width:30%;margin: 0;}
.interesting-other .interesting-list  a .text {background: #fff;}



.video-list {overflow: hidden;padding:60px 0 40px 0;}
.video-list  a{width: 32.6666%;float: left;background: #f7f7f7;margin-right: 1%;margin-bottom: 1%;display: block;position: relative;overflow: hidden;}
.video-list  a.mr0 {margin-right: 0;}
.video-list  a .text{position: relative;bottom: auto;width: 90%;padding: 5% 5% 3% 5%;left:auto;color: #000000;height: 100px;}
.video-list  a .text h6{margin: 0;font-size: 14px;color: #4db560;font-weight: normal;padding-bottom: 10px;}
.video-list  a .text h3{margin: 0;font-size: 18px;line-height: 24px;}
.video-list  a .img {position: relative;overflow: hidden;}
.video-list  a .img .play {width: 50px;height: 50px;border: 1px solid #fff;position: absolute;left: 50%;top: 50%;margin: -27px 0 0 -27px;z-index: 38;}
.video-list  a .img .play i{width: 50px;height: 50px;background: url("../../power/images/play.png") center no-repeat;display: block;}
.video-list  a .img img {display: block;width: 100%;height: auto;z-index: 13;position: relative;}
.video-list  a .img img.img-center {position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 33;margin: auto;width: auto;height: auto;}
.video-list  a:hover .img img.img-center {opacity: .5;transform: scale(1.1);}

.video-list-bottom {overflow: hidden;padding:40px 0 40px 0;}
.video-list-bottom a {margin-right:2%;margin-bottom:-1px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;display: block;position: relative;overflow: hidden;width: 49%;padding:20px 0;float: left;}
.video-list-bottom a.mr0 {margin-right:0;}
.video-list-bottom a .img{position: relative;overflow: hidden;width:25%;background: #000;}
.video-list-bottom a .img .play{width: 40px;height:40px;border: 1px solid #fff;position: absolute;left: 50%;top: 50%;margin: -22px 0 0 -22px;z-index: 38;}
.video-list-bottom a .img .play i{width: 40px;height:40px;background: url("../../power/images/play.png") center no-repeat;display: block;}
.video-list-bottom a .img img{display: block;width: 100%;height: auto;z-index: 13;position: relative;}
.video-list-bottom a .img img.img-center{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 33;margin: auto;width: auto;height: auto;opacity: .5;}
.video-list-bottom a .text{position: absolute;right: 0;width:60%;height: 100%;padding-right: 10%; top: 0;z-index: 3;}
.video-list-bottom a .text h6{margin: 0;font-size: 14px;color: #4db560;font-weight: normal;padding-bottom: 10px;}
.video-list-bottom a .text h3{margin: 0;font-size: 18px;line-height: 24px;}
.video-list-bottom a .text i{background: url("../../evcharger/images/right3.png");display: block;width: 18px;height: 10px;position: absolute;right: 5%;top: 50%;margin-top: -5px;opacity: .3;}
.video-list-bottom a::after {content: '';display: block;width:0;height: 100%;position: absolute;left: 0;top: 0;background: #f2fcf9;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.video-list-bottom a:hover::after {width: 100%;}
.video-list-bottom a:hover .text i {right: 2%;}
.no-content {text-align: center;overflow: hidden;padding:5% 0;}
.no-content img {display: inline-block;}

.download-list {overflow: hidden;padding:60px 0 40px 0;}
.download-list a{display: block;position: relative;overflow: hidden;float: left;width: 32%;margin-right: 1%;}
.download-list a .text{position: absolute;z-index: 63;padding:10%;height:70%;width: 80%;}
.download-list a .text h6{margin: 0;font-size: 14px;color: #4db560;font-weight: normal;padding-bottom: 15px;}
.download-list a .text h3{margin: 0;font-size: 18px;line-height: 24px;color: #fff;}
.download-list a .text h5{position: absolute;left: 10%;bottom: 15%; font-size: 0;padding-bottom: 10px;display: inline-block;}
.download-list a .text h5 i{display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../../evcharger/images/d.png");width: 14px;height: 16px;}
.download-list a .text h5 span{color: #fff;display: inline-block;vertical-align: middle;font-size: 14px;}
.download-list a .text h5::after {content: '';display: block;width: 100%;height: 2px;background: #fff;position: absolute;left: 0;bottom: 0;}
.download-list a .img {position: relative;overflow: hidden;}
.download-list a .img img{display: block;width: 100%;height: auto;z-index: 13;position: relative;}
.download-list a .img img.img-center{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 33;margin: auto;width: auto;height: auto;}
.download-list a:hover .text h3{color: #4db560;}
.download-list a:hover .text h5 span {color: #4db560;}
.download-list a:hover .text h5 i {background: url("../../evcharger/images/d1.png");}
.download-list a:hover .text h5::after {background: #4db560;}
.download-list-bottom {clear: both;}
.download-list-bottom a{display: block;position: relative;overflow: hidden;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-top: -1px;}
.download-list-bottom a .text {padding: 25px 0 25px 2% ;overflow: hidden;position: relative;z-index: 33;}
.download-list-bottom a .text h6{margin: 0;font-size: 14px;color: #4db560;font-weight: normal;padding-bottom: 15px;}
.download-list-bottom a .text h3{margin: 0;font-size: 18px;line-height: 24px;color: #1a1a1a;}
.download-list-bottom a .text h5{position: absolute;right:2%;top:50%;margin-top: -20px;padding: 10px 20px; font-size: 0;border: 1px solid #e5e5e5;text-align: center;}
.download-list-bottom a .text h5 i{display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../../evcharger/images/d2.png");width: 14px;height: 16px;opacity: .5;}
.download-list-bottom a .text h5 span{color: #666666;display: inline-block;vertical-align: middle;font-size: 14px;}
.download-list-bottom a::after {content: '';display: block;width:0;height: 100%;position: absolute;left: 0;top: 0;background: #f2fcf9;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.download-list-bottom a:hover::after {width: 100%;}





/* about */

.about-sinexcel {position: relative;}
.about-sinexcel .text{position: absolute;width: 100%;height: 100%;}
.about-sinexcel .text .title-style{text-align: center;}
.about-sinexcel .text .title-style h4{}
.about-sinexcel .text .title-style h2{color: #fff;}
.about-sinexcel .scroll-down {position: absolute;bottom: 0;left: 50%;margin-left: -70px;width: 140px;text-align: center;}
.about-sinexcel .scroll-down span{font-size: 12px;color: #fff;display: block;margin: auto;}
.about-sinexcel .scroll-down i{height:40px;width: 1px;display: block;margin:10px auto auto;background: #fff;opacity: .5;}
.about-sinexcel .img{}
.about-sinexcel .img img{display: block;width: 100%;}
 
.about-ours {position: relative;}
.about-ours .absolute{position: absolute;height: 100%;width: 80%;left: 10%;}
.about-ours .left{width:50%;}
.about-ours .left .title-style h2{}
.about-ours .left .text{}
.about-ours .left .text .item{font-size: 14px;line-height: 24px;color: #999999;border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;margin-top: 20px;}
.about-ours .left .text .item h3{font-size: 18px;line-height: 26px;color: #1a1a1a;}
.about-ours .left .text .item h3 strong {color: #4db560;}
.about-ours .right{width:45%;position: relative;margin-top:5%;text-align: center;}
.about-ours .right .slogo{width: 465px;height: 110px;position: absolute;left: 50%;top:20%;margin-left: -232.5px;text-align: center; animation: icons 4s linear infinite;-webkit-animation:icons 4s linear infinite}
.about-ours .right .slogo img{display: inline-block;}
.about-ours .img img{display: block;width: 100%;}

@-webkit-keyframes icons { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}
@keyframes icons {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} 

.about-date {position: relative;}
.about-date .absolute{position: absolute;height: 100%;width: 80%;left: 10%;}
.about-date .left {width:50%;position: relative;}
.about-date .left::before,.about-date .left::after {content: '';display: block;background: #fff;position: absolute;opacity: .2;}
.about-date .left::before {width: 1px;height: 100%;left:40%;top: 0;}
.about-date .left::after {width: 100%;height: 1px;left:0;top: 53%;}
.about-date .left .item{width: 50%;float: left;padding:10px 0 30px 0;}
.about-date .left .item h2{color: #fff;margin: 0;padding-bottom: 10px;overflow: hidden;}
.about-date .left .item h2 strong{font-size: 72px;}
.about-date .left .item h2 span{font-size: 30px;}
.about-date .left .item h2 sup{font-size: 14px;display: inline-block;vertical-align:baseline;}
.about-date .left .item h4{color:#cfcfcf;font-weight: normal;font-size: 16px;line-height: 24px;margin: 0;}
.about-date .left .item h3{color:#fff;text-transform: uppercase;margin: 0;}
.about-date .left .item h3 strong{color: #4db560;}
.about-date .right {width:35%;position: relative;padding:2% 0 0 5%;}
.about-date .right::before {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;left: 0;top: 0;opacity: .2;}
.about-date .right .item {padding-bottom:30px;position: relative;}
.about-date .right .item i{display: block;width: 20px;height: 20px;position: absolute;text-align: center;font-size: 0;}
.about-date .right .item i img {display: inline-block;}
.about-date .right .item h4{padding-left:30px;margin: 0;}
.about-date .right .item h4 strong{color: #fff;font-weight: normal;}
.about-date .right .item h4 span{color:#999999;font-weight: normal;}
.about-date .right .item:last-child h4 span{display: block;padding-top: 5px;}
.about-date .img {}
.about-date .img img{display: block;width: 100%;}	 
 

.about-swiper {}
.about-swiper-pic .swiper-slide{position: relative;}
.about-swiper-pic .swiper-slide .absolute {position: absolute;height: 100%;width: 100%;text-align: center;}
.about-swiper-pic .swiper-slide .table{}
.about-swiper-pic .swiper-slide .title-style{}
.about-swiper-pic .swiper-slide .title-style h4{font-size: 30px;}
.about-swiper-pic .swiper-slide .title-style h2{color: #fff;}
.about-swiper-pic .swiper-slide .title-style .line{margin: 10px auto;}
.about-swiper-pic .swiper-slide .text{margin-top: 40px;}
.about-swiper-pic .swiper-slide .text .img3 {}
.about-swiper-pic .swiper-slide .text .img3 img{margin: 0 3px;}
.about-swiper-pic .swiper-slide .img {}
.about-swiper-pic .swiper-slide .img img{display: block;width: 100%;}	 
.about-swiper-pic .swiper-slide .text .itemlist {width: 1000px;position: relative;margin: auto;border: 1px solid rgba(255,255,255,.3);overflow: hidden;}
.about-swiper-pic .swiper-slide .text .itemlist .item{color: #fff;width: 33.33333333%;float: left;position: relative;}
.about-swiper-pic .swiper-slide .text .itemlist .item::after {content: '';display: block;position: absolute;right: 0;top: 0; width: 1px;height:100%;background: #fff;opacity: .3;} 
.about-swiper-pic .swiper-slide .text .itemlist::after {content: '';display: block;position: absolute;right: 0;top:50%;width: 100%;height:1px;background: #fff;opacity: .3;}
.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: none;}
.about-swiper-pic .swiper-slide .text .itemlist .item .txt{position: absolute;width: 100%;height: 100%;}
.about-swiper-pic .swiper-slide .text .itemlist .item ul {display: table;width: 100%;height: 100%;text-align: center;list-style: none;margin: 0;padding: 0;}
.about-swiper-pic .swiper-slide .text .itemlist .item ul li {list-style: none;margin: 0;padding: 0;display: table-cell;vertical-align: middle;}
.about-swiper-pic .swiper-slide .text .itemlist .item h4{margin: 0;overflow: hidden;}
.about-swiper-pic .swiper-slide .text .itemlist .item h4 strong{font-size: 36px;}
.about-swiper-pic .swiper-slide .text .itemlist .item h4 span{font-size:20px;}
.about-swiper-pic .swiper-slide .text .itemlist .item h6{width: 60%;margin: auto;font-weight: normal;font-size: 14px;line-height: 20px;opacity: .6;padding-top: 5px;}
.about-swiper-pic .swiper-slide .text .itemlist .item img {display: block;width: 100%;}
/*.about-swiper-pic .swiper-slide .text .itemlist .item:hover {background: #4db560;}*/
.about-swiper .pr-next,.about-swiper .pr-prev {width: 138px;height:30px;margin-top: -40px;padding: 25px 30px;}
.about-swiper .pr-next i,.about-swiper .pr-prev i{display: inline-block;vertical-align: middle;width: 19px;height: 34px;}
.about-swiper .pr-next h6,.about-swiper .pr-prev h6 {display: inline-block;vertical-align: middle;font-weight: normal;font-size: 16px;color: #fff;margin: 0 10px;}
.about-swiper .pr-next {background: url("../../about/images/right2.png");text-align: right;}
.about-swiper .pr-prev {background: url("../../about/images/left2.png");text-align:left;}
.about-swiper .pr-next i{background: url("../../about/images/right3.png");}
.about-swiper .pr-prev i{background: url("../../about/images/left3.png");}

.core-competence {position: relative;}
.core-competence .absolute{position: absolute;height: 100%;width: 90%;left: 5%;text-align: center;}
.core-competence .absolute .title-style{}
.core-competence .absolute .item3{margin-top: 50px;}
.core-competence .absolute .item3 .item{display: inline-block;vertical-align: top;width: 33%;position: relative;padding: 30px 0;}
.core-competence .absolute .item3 .item::after {content: '';display: block;position: absolute;width: 1px;height: 100%;background: #d9dbdb;top: 0;right: 0;}
.core-competence .absolute .item3 .item:last-child::after {display: none;}
.core-competence .absolute .item3 .item i{display: inline-block;}
.core-competence .absolute .item3 .item h3{font-size: 18px;color: #1a1a1a;margin: 20px 0;}
.core-competence .absolute .item3 .item h5{width: 80%;font-size: 16px;line-height: 22px;opacity: .6;font-weight: normal;color: #1a1a1a;margin: 0 auto;min-height: 100px;}
.core-competence .img img{display: block;width: 100%;}

.company-culture {position: relative;}
.company-culture .absolute{position: absolute;height: 100%;width:100%;text-align: center;}
.company-culture .absolute .title-style {margin-top: 100px;}
.company-culture .absolute .title-style h2{color: #fff;}
.company-culture .absolute .img {margin-top: 100px;}
.company-culture .absolute .img img{display: inline-block;width:auto;}
.company-culture .img img{display: block;width: 100%;}

.about-global {position: relative;}
.about-global .img{position: relative;}
.about-global .img img{display: block;width: 100%;height: auto;}
.about-global .top{position: absolute;left: 12.5%;width: 75%;top: 0;height: 100%;z-index: 3;}
.about-global .top .left{color: #fff;width: 45%;height: 100%;}
.about-global .top .left .title-style {}
.about-global .top .left .title-style h2{color: #fff;}
.about-global .top .left .text {font-size: 16px;line-height: 26px;color: #fff;padding: 20px 0;overflow: hidden;}
.about-global .top .left .text .num {overflow: hidden;padding-top: 50px;}
.about-global .top .left .text .num h2{margin: 0;padding: 10px 0;}
.about-global .top .left .text .num h2 strong{font-size: 72px;color: #4db560;}
.about-global .top .left .text .num h2 span{font-size: 32px;color: #4db560;margin-left: 5px;}
.about-global .top .left .text .num h5{font-size: 14px;line-height: 24px;color: #fff;opacity: .5;font-weight: normal;margin: 0;}
.about-global .top .right {width: 50%;height: 100%;position: relative;}
.about-global .top .right .img {position: relative;}
.about-global .top .right .img img{}
.about-global .top .right .img .place {position: absolute;width: 100%;height: 100%;}
.about-global .top .right .img .place a{display: inline-block;position: relative;position: absolute;}
.about-global .top .right .img .place a .item {font-size: 0;}
.about-global .top .right .img .place a .item i{display: inline-block;vertical-align: middle;margin-right: 10px; width:5px;height:5px;background: #4db560;border-radius: 10px;position: relative;z-index: 3;}
.about-global .top .right .img .place a .item i::after {content: '';display: block;width: 20px;height: 20px;border-radius: 100px;background: #4db560;opacity: .7;z-index: 1;position: absolute; left: 50%;top: 50%;margin: -10px 0 0 -10px;}
.about-global .top .right .img .place a .item h6{color: #fff;font-weight: normal;margin: 0;font-size: 16px;display: inline-block;vertical-align: middle;}
/*.SHENZHEN {top: 24%;left:52%;}*/
/*.HUIZHOU {top: 20%;left: 54%;} */
/*.SUZHOU {top: 15.5%;left: 58%;} */
/*.XIAN {top: 15.5%;left: 43%;} */
/*.INDIA {top: 38.5%;left: 22.5%;} */
/*.USA {top: 25%;left:92%;}*/

/*.SHENZHEN i::after {-webkit-animation: place100 4000ms infinite;animation: place100 4000ms infinite;}*/
/*.HUIZHOU  i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}*/
/*.SUZHOU   i::after {-webkit-animation: place100 2000ms infinite;animation: place100 2000ms infinite;}*/
/*.XIAN     i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}*/
/*.INDIA    i::after {-webkit-animation: place100 5000ms infinite;animation: place100 5000ms infinite;}*/
/*.USA      i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}*/
@keyframes place100{0%{width: 0px;height: 0px;margin: 0px;} 100%{width: 40px;height: 40px;margin: -20px 0 0 -20px;opacity: 0;}}

.about-global .top .right .img .place a .text {font-size: 12px;line-height: 22px;padding:30px;color: #fff; width: 300px;position: absolute;left: -120px;top:50px;;background-image: linear-gradient(rgba(0,190,134,0.4),rgba(0,0,0,0.1));display: none;}
.about-global .top .right .img .place a .text::before {content: '';display: block;width: 31px;height: 17px;position: absolute;top: -17px;left:43%;background: url("../../about/images/ts.png") center no-repeat;}
.about-global .top .right .img .place a:hover .text {display: block;}
.about-global .top .right .img .place a:hover {z-index: 999;}


.development-history {}
.development-history .top{position: absolute;width: 100%;height: 100%;}
.development-history .top .title-style{text-align: center;width:30%;margin: 150px auto auto;}
.development-history .top .title-style h2{}
.development-history .img {}
.swiper-history {}
.swiper-history .swiper-wrapper{}
.swiper-history .swiper-history-time{text-align: center;}
.swiper-history .swiper-history-time .year-num {font-size: 30px;color: #808080;padding-top: 130px;}
.swiper-history .swiper-history-time .year-num span {color: #808080;}
.swiper-history .swiper-history-time .text{ font-size: 18px;line-height: 28px;color: #666;margin: auto;overflow: hidden;display: none;}
.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 250px;color: #808080;padding-top: 0px;}
.swiper-history .swiper-history-time .swiper-slide-active .year-num span {color: #4db560;}
.swiper-history .swiper-history-time .swiper-slide-active .text{display: block;height: 130px;}
.swiper-history .swiper-history-time .swiper-button-next,.swiper-history .swiper-history-time .swiper-button-prev {background-color: #fff;width: 50px;height: 50px;border-radius: 100%;border: 2px solid #ccc;opacity: 1;margin-top: -93px;}
.swiper-history .swiper-history-time .swiper-button-next {right:18%;background: url("../../about/images/right.png") center no-repeat;}
.swiper-history .swiper-history-time .swiper-button-prev {left:18%;background: url("../../about/images/left.png") center no-repeat;}







/* contact */
.contact-section {padding: 120px 0;overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;padding: 50px 0 0 0;}
.contact-section .content .left {width: 45%;}
.contact-section .content .left .content-way{overflow: hidden;}
.contact-section .content .left .content-way li{list-style: none;float: left;width: auto;margin-bottom: 20px;position: relative;margin-right: 30px}
.contact-section .content .left .content-way li::after{content: '';display: none;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .left .content-way li:nth-child(3)::after,.contact-section .content .left .content-way li:last-child::after {display: none;}
.contact-section .content .left .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
.contact-section .content .left .content-way li i.c1 {background: url("../images/c1.png") center no-repeat;}
.contact-section .content .left .content-way li i.c2 {background: url("../images/c2.png") center no-repeat;}
.contact-section .content .left .content-way li i.c3 {background: url("../images/c3.png") center no-repeat;}
.contact-section .content .left .content-way li i.c4 {background: url("../images/c4.png") center no-repeat;}
.contact-section .content .left .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .left .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .left .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .left .content-way li:nth-child(3) span h5 a{color: #4db560;}
.contact-section .content .left .content-way li:nth-child(3) i {border: 2px solid #4db560;opacity: 1;}
.contact-section .content .left .content-way li:nth-child(3) i.c3 {background: url("../images/c31.png") center no-repeat;}
.contact-section .content .left .content-way li:hover span h5{color: #4db560;}
.contact-section .content .left .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;}
.contact-section .content .left .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-section .content .left .content-map iframe #watermark {display: none;}
.contact-section .content .left .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}
.contact-section .content .right {width: 47%;}
.content-form {overflow: hidden;}
.content-form li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;}
.content-form li .input2 {border: 1px solid #ededed;background: #f5f5f7;padding: 10px 20px;width:-webkit-calc(49% - 42px); width:-moz-calc(49% - 42px); width:calc(49% - 42px);height:38px;font-size: 14px;font-weight: normal;}
.content-form li .input2:first-child {margin-right: 1%;}
.content-form li .textarea1 {width: 93%;height: 90px;font-size: 14px;border: 1px solid #ededed;background: #f5f5f7;padding: 20px 20px;}
.content-form li .submit1 {background: #4db560;color: #fff;font-size: 14px;width: 99.3%;height:58px;cursor: pointer;}
.content-form li .submit1:hover {background: #4db560;}


.popup-window {background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;display: none;}
.popup-window-content {background: #fff;width: 800px;padding: 5% 2% 5% 5%;margin: auto;position: relative;z-index: 10;opacity: 0;transform: translate(0px,-100px);transition: all .4s;}
.popup-window-content .rolling-content{overflow: auto;height: 500px;position: relative;}
.popup-window-content .rolling-content .rolling-h{padding-right: 50px;font-size: 16px;color: #7d7d7d;line-height: 26px;}
.popup-window-content .rolling-content .rolling-h h2{color: #000;margin: 10px 0;text-transform: uppercase;font-size: 30px;}
.popup-window-content-bg {position: absolute;left: 0;top: 0;width:100%;height: 100%;z-index: 1;}
.ani-show1 {display: block;opacity: 1;transform: translate(0px,0px);transition-delay: .5s;}
.video-window-content {width: 80%;height: auto;margin: auto;position: relative;z-index: 10;}
.video-window-content video {width: 100%;height: auto;display: block;margin: auto;}


.Contact-our-team {padding: 140px 0 140px 0;overflow: hidden;}
.Contact-our-team .left{width: 45%;}
.Contact-our-team .left .text{font-size: 16px;line-height: 26px;color: #999999;padding: 20px 0;overflow: hidden;}
.Contact-our-team .left .email{border-top: 1px solid #e6e6e7;border-bottom: 1px solid #e6e6e7;padding: 30px 0;overflow: hidden;}
.Contact-our-team .left .email h3{font-size: 20px;margin: 0;color: #1a1a1a;}
.Contact-our-team .left .email h1,.Contact-our-team .left .email h1 a{font-size: 30px;margin: 0;color: #4db560;}
.Contact-our-team .left .annotation {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;overflow: hidden;}
.Contact-our-team .right{width: 48%;}
.contact-bottom {position: relative;overflow: hidden;}
.contact-bottom .left{width: 50%;}
.contact-bottom .left .map{overflow: hidden;position: relative;}
.contact-bottom .left .map img{display: block;}
.contact-bottom .left .map iframe{border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-bottom .right{width: 35%;position: absolute;height: 100%;right: 10%;top: 0;}
.contact-bottom .right .name{border-bottom: 4px solid #000;padding-bottom:20px;margin-bottom: 30px;}
.contact-bottom .right .name h4{font-size: 16px;color: #24c38f;margin: 0;text-transform: uppercase;}
.contact-bottom .right .name h2{font-size: 50px;color: #1a1a1a;margin: 0;text-transform: uppercase;}
.contact-bottom .right .content-way{}
.contact-bottom .right .content-way .item {border-bottom: 1px solid #dcdcde;overflow: hidden;padding:40px 0 40px 0;}
.contact-bottom .right .content-way .item.item2 li{float: left;width: 45%;margin-right: 5%;}
.contact-bottom .right .content-way .item.item2 li::after{content: '';display: block;width: 1px;height: 100%;background:#dedfe4;position: absolute;right:10%;top: 0;}
.contact-bottom .right .content-way .item.item2 li:last-child::after {display: none;}
.contact-bottom .right .content-way li{list-style: none;position: relative;}
.contact-bottom .right .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;}
.contact-bottom .right .content-way li i.c1 {background: url("../images/c4.png") center no-repeat;}
.contact-bottom .right .content-way li i.c2 {background: url("../images/c1.png") center no-repeat;}
.contact-bottom .right .content-way li i.c3 {background: url("../images/c2.png") center no-repeat;}
.contact-bottom .right .content-way li i.c4 {background: url("../images/c3.png") center no-repeat;}
.contact-bottom .right .content-way li span{display: inline-block;vertical-align: middle;}
.contact-bottom .right .content-way li h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-bottom .right .content-way li h5{font-size: 14px;color: #1a1a1a;margin: 5px 0 0 0;}
.contact-bottom .right .content-way li:hover span h5{color: #4db560;}
 
 


 

/* 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;}




.investor-end {background: rgba(0,0,0,.7);width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999;text-align: center}
.investor-end.showtip {opacity: 0;display: none;}
.investor-end-content {width:550px;height:auto;margin: auto;display: inline-block; background: #fff;padding: 25px;}
.investor-end h2{font-size: 24px;}
.investor-end h5{font-size: 14px;}
.investor-end-ok {display: block;width:130px;height:40px;font-size: 14px;line-height: 40px;color: #fff; background: #4db560;margin:10px auto;cursor: pointer;}
.investor-end-ok:hover {background: #000;}