@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/logo1.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/logo1.png") left center no-repeat;background-size: 100%;-webkit-transition:none;-moz-transition:none;transition:none;}
.mlanguage {padding-top:10%;text-align: center;} 
.mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 14px;} 
.mlanguage a:hover {opacity: 1;}
.no-touch  .mheader { background:#1a1a1a;}


.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%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:18px; color:#fff;padding:5% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#fff;}
.cd-nav li a.twonav { background:url(../upload/right3.png) right center no-repeat; background-size:3%;}
 
.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; overflow:hidden;}
.mchildren a{border-bottom:none;position: relative; display: block;width:95%;text-align: left;font-size:14px; color:#ccc;padding:0.8em 0; text-transform:capitalize; padding-left:5%; font-weight:normal;}
.mchildren a:hover{background:none; color:#00bf86;}


.shownav-c {position: absolute;right: -100%;top: 0px;width: 100%;height: 100%;z-index: 93;background: #1a1a1a;text-align: center;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.shownav-c.cur {right: 0;}
.shownav-c  ul {list-style: none;margin: 0;padding: 0;display: table;width: 100%;height: 100%;}
.shownav-c  ul li{list-style: none;margin: 0;padding: 0;display: table-cell;vertical-align: middle;}
.shownav-c  ul li h4 {font-size:16px; color:#fff;opacity: .5; text-align: left;width: 90%;display: block;margin: auto;padding:10px 0; border-bottom:#313131 1px solid;}
.shownav-c  ul li a {border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: left; font-size:14px; color:#fff;padding:4% 0; margin:0px auto;text-transform:uppercase;}
.shownav-c  ul li a::after {content: '';width: 14px;height: 10px;display: block;position: absolute;right: 0;top: 50%;margin-top: -5px;background: url("../../power/images/right.png") center no-repeat;opacity: .2;}
.closenav {display: block;font-size: 16px;color: #fff;position: absolute;left:5%;top: 10%;background: url("../../power/images/left4.png") left center no-repeat;padding-left: 30px;}
.closenav:hover {color: #fff;}


.ipshow {display: none!important;}


@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;}	
}
@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) {
	.index-about .about-item .left::after {right: 0;}
	.index-about .about-item .left .title h2 {font-size: 34px;}
	.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: 130px;}	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -93px;}	
}
@media screen and (max-width: 1800px) {
	.upper {left: 10%;width: 80%;}
	.index-scroll {left: -10px;}
}
@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: 125px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -70px;}
	.index-about .title-style {padding: 0px 0 10px 0;}
	.header .content .center .nav li a {font-size: 13px;line-height: 84px;padding: 0 10px;}
}
@media screen and (max-width: 1440px) {
	.contact-section .content .left {width: 55%;}
	.contact-section .content .right {width: 40%;}
	.content-form li .textarea1 {width: 95%;padding:20px 2.5%;}
	.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: 105px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -55px;}
	.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;}
	.content-form li .input2 {width:-webkit-calc(44.5% - 2px); width:-moz-calc(44.5% - 2px); width:calc(44.5% - 2px);padding:10px 2.5%;}
	.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;}
	.header .content .center .nav li a {font-size: 14px;line-height: 84px;padding: 0 10px;}
	.header .content .right .search {width: 100px;}
	.header .content .left .stockcode {margin-top: 30px;padding-left: 10px;}
	.header .content .left .logo {width: 100px;height: 20px;margin-top: -10px;}
	.header .content .left .stockcode {margin-left: 110px}
	.header .content .left .logo {margin-top:0;}
}
@media screen and (max-width: 1366px) {
	.content-form li .input2 {width:-webkit-calc(44.5% - 2px); width:-moz-calc(44.5% - 2px); width:calc(44.5% - 2px);padding:10px 2.5%;}
	.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: 13px;padding: 0 10px;}
	.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: 110px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -55px;}
	.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;}
	
}
@media screen and (max-width: 1280px) {
	.contact-section .content {width: 90%;}
	.header .content .center .nav li a {font-size: 12px;padding: 0 10px;line-height: 75px;}
	.header .content .left .logo {width: 100px;}
	.header .content .left .stockcode {margin-top: 25px;margin-left: 130px;}
	.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%;}
	.content-form li .textarea1 {width:93%;}
	.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: 90px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -60px;}
	.about-ours .left {width: 55%;}
	.newsnav a .txt h5 {font-size: 12px;line-height: 18px;}
	.newsnav.top .txt h5 {font-size: 14px;}
	.stockcode {display:none;}
}
@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;}
	.content-form li .input2 {width: -webkit-calc(44.3% - 2px);width: -moz-calc(44.3% - 2px);width: calc(44.3% - 2px);}
	.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: 1080px) {
    .header .content .right .search {width: auto;}
    .header .content .right .search .search-input {display:none;}
}
@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;}
	.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:15%;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-about .about-item .left::after {display: none;}
	.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{width:-webkit-calc(90% - 2px); width:-moz-calc(90% - 2px); width:calc(90% - 2px);padding:2% 5%;margin-bottom: 1%;}
	.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 .center .left .subscribe .subscribe-input {width: 100%;}
	.footer .content {width: 90%;}
	.footer .content .center .right .social a {border: 1px solid #999;}
	.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;}
	.contact-section .content .left .content-way li:last-child {width: 50%;}
	.contact-section .content .left .content-way li::after {display: none;}
	.index-about .about-item .right .item li h6 {line-height: 18px;}
	.banner-slide .txt h4 {padding: 10px 0 30px 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-slide .table-cell{vertical-align: top;}
	.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 .pr-prev,.product-range-list .pr-next {display: none;}
	.product-range-list .item-2 .text {position: relative;left: auto;top: auto;width: 90%;height: auto;padding: 5%;}
	.product-range-list {margin: 50px auto auto auto;}
	.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;}
	.product-range-list, .interesting-video, .evcharger-our-project .top {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 .item li::after,.contact-bottom .right .content-way .item.item2 li::after {display: none;}
	.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: 10%;}
	.page-banner .text h6 {font-size: 12px;width:90%;line-height: 22px;}
	.content {width:90%;}
	.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 40px 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;}
	.video-list-bottom a .text i,.product-top-nav .content .left {display: none;}
	.video-list-bottom a .img {width: 100%;}
	.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("../../power/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;}
	.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: 90%;margin: 60px auto auto;}
	.contact-bottom .right {padding: 20% 0 0 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: 80%}
	.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-button-next, .swiper-history .swiper-history-time .swiper-button-prev {display: none;}
	.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;}
	.about-ours .img,.about-global .img,.core-competence .img  {display: none;}
	.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 {display: none;}
	.core-competence .absolute .item3 .item {width: 100%;}
	.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 .pr-next, .about-swiper .pr-prev {display: none;}
	.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 .img {display: none;}
	.investor-end-content {width: 80%;padding: 5%;}
	.contact-section .content .left .content-way li,.contact-section .content .left .content-way li:last-child {width: 100%;margin-right: 0px;}
	.contact-section .content .left .content-way li {padding: 5%;border: 1px solid #ccc;box-sizing: border-box;}
}
 
/* 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%;}
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.ipshow {display: block!important;width: 100%!important;}
	.mbshow.iphide {display: none!important;}
	.index-about .img img {max-width:300%;width:300%;}	
	.index-about .about-item .right .item li {padding: 30% 5% 0 10%;}
	.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%;}
	.banner-slide .img img.mbshow{margin-top: -400px;}
	.index-products-center .bottom3 a {height: 200px;}
	.index-products-center .bottom3 a .img img.img-center {width: 100%!important;margin-top: -40%;}
}
/* 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;}
	.ipshow {display: none!important;}
	.mbshow.iphide {display: none!important;}
}