@charset "utf-8";

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.cl{ clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.opacity0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}
.content {width:94%;margin: auto;}

.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: #e42328;margin: 0;text-transform: uppercase;margin-top:80px;}
.page-banner .text h2{font-size: 50px;color: #fff;margin: 2px 0;text-transform: uppercase; font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial; padding-right:2%;}
.page-banner .text .line {width: 80px;height: 4px;background: #e42328;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; opacity:.6;}
.page-banner .img img{display: block;width: 100%;height: auto;opacity:.6;}





/* 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-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;}
.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:94%;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; font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial;}
.cd-nav a:hover{color:#fff; }
.cd-nav li a.twonav { background:url(../images/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:#e42328;}


.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;}


	.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:70px 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: 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:0 0 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:9% 0 13% 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%;}
}
 
/* 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;}
}

.cd-nav-trigger span.hamburger{ background: #fff;}
.cd-nav-trigger span.hamburger:after{ background: #fff;}
.cd-nav-trigger span.hamburger:before{ background: #fff;}

.about-company-qualification .main {right: 0;}
.date3 li h3 strong {font-size:30px;}
.date3 li h3 {font-size: 30px}
.date3 li h3 i {font-size: 24px;}
.date3 li {padding: 0 5%;}

.cur_page{ padding:1px;}