/*基础CSS*/
html, body{	font-size: 16px;font-family: 'Roboto',sans-serif;  overflow-x: hidden; font-weight: normal; margin:0px; padding:0px;}
li {	list-style: none;}
a {	color: #252525; text-decoration:none;}
i, em{ font-style:normal;}
a:hover {	text-decoration: none;}
p, dl, dt, dd,span, ul, h1,h2,h3,h4,h5,h6{ font-weight: normal;	margin: 0px;	padding: 0px;}
.wrap{margin:auto; width:1200px;}
.w1200{ margin:auto; width:1200px;}
.w1400{ margin:auto; width:1400px;}
.w1500{ margin:auto; width:1500px;}
.clear{ clear:both;}
*{box-sizing: border-box;}


header{z-index: 9; width: 100%; background: #fff;}
header.fixed-top{  top:0; z-index: 9; position: fixed; background: #fff; }
header .headerbox{ display: flex; justify-content: space-between;}
.headertop{padding: 8px 0px 8px 0px;background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);}
.headertop .headertopbox{display: flex; justify-content: space-between; align-items: center;}
.headertop .header-l span{color: #fff; font-size: 16px; margin-right: 30px;}
.headertop .header-r { display: flex;    align-items: center;}
.headertop .header-r a.t-email{color: #fff; font-size: 16px; margin-right: 30px;}
.headertop .header-r ul{ display: flex;}
.headertop .header-r ul li{display: flex;align-items: center;   justify-content: center;    background: #fff;
    width: 25px; height: 25px; border-radius: 100%;    padding: 4px; margin: 0px 10px 0px 0px;   overflow: hidden;  font-size: 12px;  }

.logo{  display: flex; align-items: center;height: 80px;}
.logo img{display:block;height:60px;}
.navbox{ display: flex;  align-items: center;}
.navbar ul{ display: flex; flex-wrap:wrap ; }
.navbar ul li{ margin: 0px 10px; line-height:80px; position: relative;display:flex;}
.navbar ul li a.nav-link {display: block; font-size:16px;color: #1f3163;font-weight: lighter; font-family: sans-serif; position: relative; padding:0px 10px;font-weight:bold; }
.navbar ul li a.navdown:after{font-family: "FontAwesome"; content: '\f107'; margin-left: 10px; color:#1f3163; }
.navbar ul li.active a.nav-link{color: #1f3163; }

.navbar ul li .downmune{position: absolute; top: 80px;  display: none; z-index: 9; width: -webkit-max-content; width:max-content; 
background: #f1f1f1;    border-radius: 5px 5px 5px 5px;}
.navbar ul li dl{padding: 0px 30px; position: relative;}
.navbar ul li dl dt{display: flex; align-items: center;}
.navbar ul li dl.navleft dt:after{font-family: "FontAwesome"; content: '\f105'; margin-left: 10px; line-height: normal;}
.navbar ul li dl dd{display: none; position: absolute;
    left: 100%;
    top: 0;opacity: 0;
    
    transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;width: 250px;
    max-width: none;
    padding: 0px 10px 0px 10px;
    border: 0;
    background: #f1f1f1;
    border-radius: 5px 5px 5px 5px;}
.navbar ul li dl:hover dd{display: block; opacity: 1;}    
.navbar ul li dl a{ display: block; line-height: 46px; padding: 0px 0px; color: #252525;}
.navbar ul li:hover .downmune{ display: block;-webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;  animation-duration: .3s;   animation-fill-mode: both;  -webkit-animation-name: layui-upbit;   animation-name: layui-upbit;}
.navbar ul li dl a:hover{color: #252525; text-decoration: underline; }
.navbar ul li dl a.active{text-decoration: underline;}
@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,15px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}
@keyframes layui-upbit{from{transform:translate3d(0,15px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}

.whatsapp{margin-left: 60px;}
.whatsapp a{background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);  color: #fff; font-size: 18px; border-radius: 5px; padding: 10px 20px;display:block;}
.whatsapp i{ margin-right: 10px;}

.social-tools ul{ display: flex;  align-items: center;height: 90px; position: relative; padding: 0px 0px 0px 20px;}
.social-tools ul li{margin: 0px 6px; }
.social-tools ul li a{font-size: 16px;padding: 10px 20px; background: #f39800; color: #fff;  border-radius: 20px; }
.social-tools ul li a:hover{background: #cfd1d0; color: #fff;}


.index-banner {position: relative;height: 750px;    display: flex; align-items: center; justify-content: center;}   
.index-banner:before{content: ""; background: rgba(0,0,0,0.2); display: block; height: 100%; width: 100%; position: absolute; top: 0;}
.index-banner .banner-img {height: 750px; width: 100%; }
.index-banner .banner-img img{width: 100%;height: 750px;  object-fit: cover; }
.index-banner .banner-text{ width: 100%;padding: 200px 0px; text-align: center; width: 600px;}

.index-banner .banner-text h3{color: #fff; font-size: 62px;font-weight: bold;  line-height: normal; margin-bottom: 30px; }
.index-banner .banner-text h3 span{background: #fff; border-radius: 10px; font-size: 62px; color: #052730; font-weight: bold; padding: 10px 10px;display:inline-block;}
.index-banner .banner-text p{color: #fff; font-size: 24px;  line-height: normal; margin-bottom: 30px; display: flex;    align-items: center;}
.index-banner .banner-text p:before{display: block;   content: "";  border-bottom: 0;  flex-grow: 1;  border-top: 1px solid #eee;margin: 0px 20px;}
.index-banner .banner-text p:after{display: block;   content: "";  border-bottom: 0;  flex-grow: 1;  border-top: 1px solid #eee; margin: 0px 20px;}
.index-banner .banner-text a.ban-btn{color: #fff; font-size: 16px; background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);  
padding: 15px 30px; margin: 0px 10px; border-radius: 5px; display: inline-table; text-align: center; }
.index-banner .banner-text a:hover{background: #fff; color: #252525;transition: .3s; opacity: 0.9;}


.index-box01{ padding: 0px 0px 60px 0px; }

.about-cont{display: flex; flex-wrap: wrap; align-items: center; background: #eaf5f4; border-radius: 5px; padding: 60px 40px;   margin-top: -100px;}
.about-cont .text{width: 50%; padding-right: 60px;}
.about-cont .text em{margin-bottom: 10px; display: inline-block;}
.about-cont .text h2{font-size:36px; color: #000a3e;  margin-bottom: 20px; text-transform: uppercase;  }
.about-cont .text h2 span{color: #fff;  font-size: 36px; font-weight: bold;   background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);   padding: 5px 10px;
    margin: 5px 0px;  border-radius: 5px;   display: inline-table;   text-align: center;}
.about-cont .text .about-btn {color: #fff;    font-size: 16px;    background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);    
padding: 15px 30px;    margin: 0px 0px;   border-radius: 5px;   display: inline-table;   text-align: center;}   
.about-cont .text p{color:#596473; font-size: 16px; margin: 30px 0px; line-height:30px;font-family: sans-serif;}
.about-cont .img{width: 50%; height: 620px; border: 10px solid #fff;}
.about-cont .img img{width: 100%; height: 100%; object-fit: cover; display: block;}

.index-box01 .box01{background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%); padding: 0px 0px 100px 0px;}
.index-box01 ul {display: flex; flex-wrap: wrap; }
.index-box01 ul li:first-child{width: 50%;}
.index-box01 ul li {position: relative; width:25%; margin: -100px 0px 0px 0px; position: relative;  }
.index-box01 ul li img{width: 100%; }


.index-box02{ position: relative;    background-image: url(../images/pulsarWall-1.jpg);  background-repeat: no-repeat;
    background-size: cover;   background-attachment: fixed;  padding: 100px 0px;    }
.index-box02:after{background: rgb(5,39,48,0.8);content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0;}

.index-box02 .tit{ text-align: center;}
.index-box02 .tit h2{color: #fff; font-size: 36px;}
.index-box02 .tit h2 span{color: #052730; font-size: 36px; font-weight: bold; background:#fff;  padding: 5px 10px; margin: 5px 0px; border-radius: 5px; display: inline-table;}
.index-box02 .tit em{color: #fff;}
.index-box02 .box02{position: relative;z-index: 1;}

.product-cont {display: flex; flex-wrap: wrap; position: relative;z-index: 1; margin-top: 100px;}
.product-cont ul{width: 30%}
.product-cont ul li{ margin-bottom: 80px;}
.product-cont ul li h3{color: #fff; font-weight: bold; font-size: 20px; margin-bottom: 10px;}
.product-cont ul li h3 i{border-radius: 100%; height: 30px; font-size: 16px; width: 30px; background: #148e87; display:inline-block;text-align: center;  line-height: 30px;    margin-right: 10px;}
.product-cont ul li p{color: #fff;}
.product-cont .img{width: 40%; padding: 0px 20px; }
.product-cont .img img{width: 100%;}

.index-box03{ padding: 70px 0px 70px 0px; background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);}
.index-box03 .tit{ text-align: center;}
.index-box03 .tit h2{color: #fff; font-size: 36px; font-weight: bold;}
.index-box03 .tit h2 span{color: #052730; font-size: 36px;  font-weight: bold; background:#fff;  padding: 5px 10px; margin: 5px 10px; border-radius: 5px; display: inline-table;}

.advantage-num ul{display: flex; flex-wrap: wrap;}
.advantage-num ul li{width: calc(100%/4 - 20px); margin: 20px 10px; display: flex;    flex-wrap: wrap;}
.advantage-num ul li img{margin-right: 30px; width: 70px; height: 70px;}
.advantage-num ul li span{font-weight: bold; font-size: 46px; color: #fff;}
.advantage-num ul li p{color: #fff; font-size: 16px;}



.index-box04 {padding: 0px 0px 0px 0px;position: relative;    background-image: url(../images/img5.jpg);  background-repeat: no-repeat;
    background-size: cover;   background-attachment: fixed;   }
.index-box04:after{background: rgb(5,39,48,0.8);content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0;}
.index-box04 .textbox{ display: flex; flex-wrap: wrap;align-items: center;  justify-content: space-between; position: relative;z-index: 1;}
.index-box04 .textbox .text{width: calc(100% - 310px);}
.index-box04 .textbox .text em{color: #fff; margin-bottom: 20px;display: inline-block;}
.index-box04 .textbox .text h2{color: #fff; font-size: 36px; font-weight: bold; margin-bottom: 20px;}
.index-box04 .textbox .text h2 span{color: #052730; font-size: 36px;  font-weight: bold; background:#fff;  padding: 5px 10px; margin: 5px 0px; border-radius: 5px; display: inline-table;}
.index-box04 .textbox .text p{color: #fff; font-size: 16px; line-height: 30px;}
.index-box04 .textbox .text ul{display: flex; margin-top: 30px;}
.index-box04 .textbox .text ul li{width: 150px;}
.index-box04 .textbox .text ul li img{width: 100%;}
.index-box04 .textbox .img{width: 310px; margin-top: -50px;}


.index-box05{padding: 80px 0px 60px 0px;}
.index-box05 .tit{ text-align: center; margin-bottom: 30px;}
.index-box05 .tit h2{color: #052730; font-size: 36px; margin-bottom: 10px;}
.index-box05 .tit h2 span{color: #fff; font-size: 36px; font-weight: bold; background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);  padding: 5px 10px; margin: 5px 10px; border-radius: 5px; display: inline-table;}
.index-box05 .tit em{color: #555;}

.case-cont {position: relative;}
.case-cont li{ border-radius: 5px; margin: 10px 0px; padding: 0px 10px;}
.case-cont li img{ width: 100%;aspect-ratio: 1/1;object-fit: cover; display: block;}
.case-cont li .text{padding: 30px 20px;box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 20%);}
.case-cont .swiper-button-next, .case-cont .swiper-button-prev{ background-image:none; color: #fff;
background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%); width: 40px; height: 40px;background-size:100%; display: flex; justify-content: center; align-items: center;}


.index-box06{background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);padding: 30px 0px 30px 0px;}
.index-box06 .textbox{ display: flex; flex-wrap: wrap;align-items: center;  justify-content: space-between;}
.index-box06 .textbox .text{width: 45%; padding-right: 60px; }
.index-box06 .textbox .text em{color: #fff;}
.index-box06 .textbox .text h2{color: #fff; font-size: 36px; margin-bottom: 20px;}
.index-box06 .textbox .text h2 span{color: #052730; font-size: 36px;  font-weight: bold; background:#fff;  padding: 5px 10px; margin: 5px 0px; border-radius: 5px; display: inline-table;}

.index-box06 .textbox .text p{color: #fff; font-size: 24px; font-weight: lighter;line-height: 30px;}

.index-box06 a.ban-btn{color: #052730; background: #fff; font-size: 18px; border:2px solid #fff;  padding: 10px 20px;
margin: 20px 20px 0px 0px; border-radius: 5px; display: inline-table; text-align: center; }
.index-box06 a:hover{background: #fff; color: #252525;transition: .3s; opacity: 0.9;}

.form-cont{border-radius: 5px; background: #fff; padding: 30px 40px; width: 55%;}
.form-cont h2{color: #148e87; font-size: 16px; margin-bottom: 30px;}
.form-cont form{display: flex; flex-wrap: wrap;}
.form-cont .form-input{width: calc(100%/2 - 20px); margin: 10px 10px; }
.form-cont .form-input:nth-child(3){width: calc(100%/1 - 20px);}
.form-cont span{display: block; margin-bottom: 5px; font-size: 16px;COLOR:#666;}
.form-cont .form-input input{ border: 1px solid #ddd; border-radius: 2px; width: 100%; padding: 10px 10px;}
.form-cont .form-input em{font-size: 12px;color: #666;}



.form-btn {display: flex;  margin-top: 30px;width: 100%;}
.form-btn .btn{background-color: #eee;   border: 1px solid #ddd; padding: 10px 20px; color: #333; border-radius: 2px; cursor: pointer;}


.index-box07{overflow: hidden; padding: 0px 0px 0px 0px; position: relative; }
.index-box07 .textbox{position: absolute; bottom: 30px;}
.index-box07 .text{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0px 0px 0px; }
.index-box07 .text h2{font-size:24px;color: #fff;  width: 400px;}
.index-box07 .text p{font-size:14px;color: #fff; line-height: 25px; width: calc(100% - 400px);}









footer{  background: url(../images/Wallbox-Home-7-scaled.jpg); position: relative;background-position: center center;
    background-repeat: no-repeat;  background-size: cover;}
footer:after{background: rgb(5,39,48,0.95);content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0;}
footer .foot-wrap{padding: 100px 0px 100px 0px; z-index: 1; position: relative;display: flex;  flex-wrap: wrap;  justify-content: space-between;}
footer .copyright{ text-align:center; color:#fff; background: #052730; font-size: 14px;  font-weight: lighter; font-family: sans-serif;  padding:15px 15px; position: relative;z-index: 1; }
footer .copyright a{color:#fff; font-size: 14px; }


footer .foot-contact{width: 30%; }
footer .foot-contact h3{ color: #fff; font-size:1rem;margin-bottom: 0px; text-align: center;}
footer .foot-contact p i{color: #5ab5ac; margin-right: 10px;}
footer .foot-contact p{ color: #fff; font-size:1rem;margin-bottom: 20px; display: block;}
footer .foot-contact .ewm{ margin: 0px 0px 20px 0px;color: #ccc;}
footer .foot-contact ul { display: flex; flex-wrap: wrap; }
footer .foot-contact ul li i{ color: #fff; font-size:14px;width: 30px; height: 30px; border-radius: 100%; display: flex;
    align-items: center;  justify-content: center;border: 1px solid #a7a7a7; margin: 0px 10px 0px 0px; }

footer .foot-text{width: 30%;}
footer .foot-text h3{ color: #fff; font-size:25px; font-weight:bold;margin-bottom: 20px; display: flex; align-items: center; }
footer .foot-text h3:after{ content: ""; display: block; height: 2px; width: 60px;margin-left: 10px;  background: #5ab5ac;}
footer .foot-text p{color: #fff; font-size: 14px; line-height: 25px; margin-bottom: 20px;}

.top_banner{background:#cccccc; position:relative;display:flex;align-items: center; justify-content: center; height:400px;}
.top_banner:before{content: ""; background: rgb(5,39,48,0.7); display: block; height: 100%; width: 100%; position: absolute; top: 0;}

.top_banner img{ height: 100%;height:400px; object-fit: cover;}
.top_banner .text_box{width:1200px;text-align:center; position: absolute; }
.top_banner h3{font-size:50px;color:#fff;font-weight: bold; text-transform: uppercase;}
.top_banner p{font-size:20px;color:#fff;line-height:42px;}


.solutions-inner{width:1200px; margin:0 auto;}
.solutions-home-one{ padding:60px 0px;}
.solutions-inner ul{display: flex; flex-wrap: wrap;align-items:center; text-align:center;}
.solutions-inner ul li{width: calc(100%/4 - 20px); margin: 20px 10px; padding:40px 10px; height:190px;background-color:#f1f1f1;}
.solutions-inner ul li p{ padding:15px;}
.solutions-home-img{ text-align:center;}
.solutions-home-text{clear:both;margin:30px; font-size:18px; line-height:26px;}

.solutions-home-heyue{width:1000px; margin:0 auto;}
.solutions-home-heyue ul{display: flex; flex-wrap: wrap;align-items:center; text-align:center;}
.solutions-home-heyue ul li{width: calc(100%/2 - 40px); margin: 20px 20px; border: dashed #e87400 4px;}
.solutions-home-heyue ul li h1{ height:62px; line-height:62px; background-color:#fcf5e8; font-size:28px; color:#bc915c; font-weight:bold;}
.solutions-home-heyue ul li h3{ font-size:50px; font-weight:bold; padding:10px 0px;}
.solutions-home-heyue ul li p{font-size:32px; padding:15px 0px;}
.solutions-home-bottom{ margin:60px 0px;}
.solutions-home-bottom a{padding:20px 36px; border-radius:10px;background-color:#e87400; color:#fff;}
.solutions-home-bottom a:hover{background-color:#2d86ca;}

.solutions-home-two{width:100%; clear:both; background: url(../images/solutions-home05.png); position:relative;background-position: center center;
    background-repeat: no-repeat;  background-size: cover;}
.solutions-home-two-cotent{ padding:300px;color:#fff;}
.solutions-home-two-cotent h1{font-size:40px; font-weight:bold; padding-bottom:20px;}
.solutions-home-two-cotent p{font-size:22px; line-height:36px; }

.solutions-home-three{clear:both;width:1000px; margin:30px auto; text-align:center;}
.solutions-home-three h2{ font-size:30px; line-height:40px;padding-top:30px;}



.solutions-home-three ul{display: flex; flex-wrap: wrap;align-items:center; text-align:center; margin:10px 0px}
.solutions-home-three ul li{width: calc(100%/6 - 10px); margin:20px 5px;background-color:#fff; padding:5px;}
.solutions-home-three ul li h1{ height:24px; line-height:24px;font-size:18px; color:#bc915c; font-weight:bold; }
.solutions-home-three ul li p{margin-top:10px; font-size:14px;  height:60px;}

.solutions-home-four{clear:both; margin:60px auto;width:1200px;text-align:center;}
.solutions-home-four h1{font-size:36px; font-weight:bold;}

.solutions-home-four ul{display: flex; flex-wrap: wrap;align-items:center; text-align:center; margin:40px 0px}
.solutions-home-four ul li{width: calc(100%/6 - 10px); margin:10px 5px;background-color:#fff; padding:5px;}
.solutions-home-four ul li img{width:100%; height:150px;}

@media screen and (max-width: 768px) {
.top_banner{ height:200px;} 
.top_banner h3{font-size:18px;}   
.top_banner img{object-fit: cover; height:200px;}
.top_banner .text_box{ width:100%;}
.top_banner p{font-size:14px;padding:20px;line-height:20px;}    
.solutions-inner{width:100%;}
.solutions-inner ul li{width:calc(100%/2 - 20px);height:170px;}
.solutions-home-one{padding:20px 0px;}
.solutions-inner ul li p{padding:5px; font-size:15px;}
.solutions-home-text{font-size:18px; line-height:24px; margin:20px;}
.solutions-home-heyue{width:100%;}
.solutions-home-heyue ul li{width:100%;}
.solutions-home-three{width:100%}
.solutions-home-heyue ul li h1{  font-size:24px;}
.solutions-home-heyue ul li h3{ font-size:44px;}
.solutions-home-heyue ul li p{font-size:28px;}
.solutions-home-two-cotent{padding:80px 30px;}
.solutions-home-two-cotent h1{font-size:30px;}
.solutions-home-two-cotent p{font-size:18px;}
.solutions-home-three h2{font-size:22px;}
.solutions-home-three ul li{width:calc(100%/3 - 10px)}
.solutions-home-four{width:100%; margin:0px auto;}
.solutions-home-four h1{font-size:30px;}
.solutions-home-four ul{ margin:20px 0px;}
.solutions-home-four ul li{width:calc(100%/3 - 10px)}
.solutions-home-four ul li img{height:100px;}
}


.chargingbox-one{margin: 100px 0px;}
.charging-list{margin-bottom: 30px;}
.charging-list ul{display: flex; flex-wrap: wrap;}
.charging-list ul li {width: calc(100%/4); text-align: center;}	
.charging-list ul li .img{ width: 100px; height: 100px; background: #148e87; border-radius: 100%; margin: auto;display: flex; align-items: center; justify-content: center;}
.charging-list ul li h3{font-size: 20px; font-weight: bold; margin-top: 20px;}
.chargingbox-one table { border-collapse: collapse;  border-spacing: 0;}	
.charging-table td{padding: 10px 10px;border: 2px solid #ccc; border-spacing: 0px;vertical-align: middle;   text-align: center;  overflow: hidden;   word-break: normal;}
.charging-table td.wpdt-bc-238E87	{background: #238E87 !important; color: #fff;}
.wpdt-bc-59B5AB {
    background-color: #59B5AB !important;color: #fff;
}
.wpdt-bc-00BCD4 {
    background-color: #00BCD4 !important;color: #fff;
}
.wpdt-bc-3F5AB5 {
    background-color: #3F5AB5 !important;color: #fff;
}
.wpdt-bc-009688 {
    background-color: #009688 !important;color: #fff;
}

.chargingbox-two{padding: 100px 0px 100px 0px; background: #EAF5F4;}
.chargingbox-two .intit{ text-align: center; margin-bottom: 60px;}
.chargingbox-two .intit h2{color: #052730; font-size: 36px;font-weight: bold; margin-bottom: 10px;}
.chargingbox-two .intit h2 span{color: #fff; font-size: 36px; font-weight: bold; background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);  padding: 5px 10px; margin: 5px 10px; border-radius: 5px; display: inline-table;}
.chargingbox-two .intit em{color: #555;}

.azlc ul{display: flex; flex-wrap: wrap;}
.azlc ul li {width: calc(100%/5); text-align: center;}	
.azlc ul li:nth-child(2n){    margin-top: 100px;}
.azlc ul li .img{ width: 180px; height: 180px; border-radius: 100%; margin: auto;}
.azlc ul li .img img{ width: 100%; border-radius: 100%;}
.azlc ul li h3{font-size: 20px; margin-top: 20px;}


.commercial-box{margin: 100px 0px;}
.commercial-cont{ position: relative; display: flex; align-items: center;}
.commercial-cont img{width: 100%; height: 660px; object-fit: cover;}
.commercial-cont .text{background: rgba(255,255,255,0.8); width: 600px; padding: 40px 40px; position: absolute; right: 0px;}
.commercial-cont .text h2{font-size: 36px;}
.commercial-cont .text b{background-color: #148e87;
    width: 60px;
    height: 1px; display: block; margin-top: 30px;}
.commercial-cont .text p{font-size: 16px; line-height: 30px; color: #333; margin: 30px 0px;}
.commercial-cont .text a{font-size: 20px;display: block;
    font-weight: 700;
    line-height: 1.4em;
    color: #ffffff;
    background-color: #148e87;
    margin: 0px 0px 0px 0px;
    padding: 15px 20px 15px 20px;}


.case-main{margin:100px 0px;}
.caselist ul{display: flex; flex-wrap: wrap;}
.caselist li{ border-radius: 5px; margin: 10px 10px; width: calc(100%/4 - 20px); padding: 0px 0px;}
.caselist li img{ width: 100%;aspect-ratio: 1/1; display: block;}
.caselist li .text{padding: 30px 20px;box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 20%);}

.caseshow{margin: 60px auto;}

.chargingboxs01 .chargingboxs01-cont{display: flex; flex-wrap: wrap; align-items: center; border-radius: 5px;  margin: 100px 0px;}
.chargingboxs01 .chargingboxs01-cont .text{width: 50%; padding-right: 60px;}
.chargingboxs01 .chargingboxs01-cont .text em{margin-bottom: 10px; display: inline-block;}
.chargingboxs01 .chargingboxs01-cont .text h2{font-size:36px; color: #000a3e;  margin-bottom: 20px; text-transform: uppercase;  }
.chargingboxs01 .chargingboxs01-cont .text h2 span{color: #fff;  font-size: 36px; font-weight: bold;   background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);   padding: 5px 10px;
    margin: 5px 0px;  border-radius: 5px;   display: inline-table;   text-align: center;}  
.chargingboxs01 .chargingboxs01-cont .text p{color:#596473; font-size: 16px; margin: 30px 0px; line-height:30px;font-family: sans-serif;}
.chargingboxs01 .chargingboxs01-cont .img{width: 50%;border: 10px solid #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);}
.chargingboxs01 .chargingboxs01-cont .img img{width: 100%; height: 100%; object-fit: cover;}

.chargingboxs02{ position: relative;    background-image: url(../images/200518-VOLVO-XC90PHEV-residential-CM2-03-2.jpg);  background-repeat: no-repeat;
    background-size: cover;   background-attachment: fixed;  padding: 100px 0px;    }
.chargingboxs02:after{background: rgb(5,39,48,0.8);content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0;}
.chargingboxs02 .chargingboxs02-cont {display: flex; flex-wrap: wrap; position: relative;z-index: 1; }
.chargingboxs02 .chargingboxs02-cont ul{width: 30%}
.chargingboxs02 .chargingboxs02-cont ul li{ margin-bottom: 80px;}
.chargingboxs02 .chargingboxs02-cont ul li h3{color: #fff; font-weight: bold; font-size: 20px; margin-bottom: 10px;}
.chargingboxs02 .chargingboxs02-cont ul li h3 i{border-radius: 100%; height: 30px; font-size: 16px; width: 30px; background: #148e87; display:inline-block;text-align: center;  line-height: 30px;    margin-right: 10px;}
.chargingboxs02 .chargingboxs02-cont ul li p{color: #fff; line-height: 30px;}
.chargingboxs02 .chargingboxs02-cont .img{width: 40%; padding: 0px 20px; }
.chargingboxs02 .chargingboxs02-cont .img img{width: 100%;}

.chargingcase-cont {position: relative;}
.chargingcase-cont li{ border-radius: 5px; margin: 10px 0px; padding: 0px 0px;}
.chargingcase-cont li img{ width: 100%;aspect-ratio: 1/1; display: block;}
.chargingcase-cont .swiper-button-next, .chargingcase-cont .swiper-button-prev{ background-image:none; color: #fff;
background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%); width: 40px; height: 40px;background-size:100%; display: flex; justify-content: center; align-items: center;}

.about-main{margin: 100px 0px;}
.about-main .about-box{display: flex; flex-wrap: wrap;  border-radius: 5px;  }
.about-main .about-box .text{width: 50%; padding-left: 60px;}
.about-main .about-box .text em{margin-bottom: 10px; display: inline-block;}
.about-main .about-box .text h2{font-size:36px; color: #000a3e;  margin-bottom: 20px; text-transform: uppercase;  }
.about-main .about-box .text h2 span{color: #fff;  font-size: 36px; font-weight: bold;   background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);   padding: 5px 10px;
    margin: 5px 0px;  border-radius: 5px;   display: inline-table;   text-align: center;}
.about-main .about-box .text .about-btn {color: #fff;    font-size: 16px;    background-image: radial-gradient(at top left, #005e9d 0%, #2d86ca 100%);    
padding: 15px 30px;    margin: 0px 0px;   border-radius: 5px;   display: inline-table;   text-align: center;}   
.about-main .about-box .text p{color:#596473; font-size: 16px; margin: 30px 0px; line-height:30px;font-family: sans-serif;}
.about-main .about-box .img{width: 50%; position: relative; }
.about-main .about-box .img img{width: 100%;  object-fit: cover; display: block;border-radius: 5px;}
.about-main .about-box .img .img1{width:460px;}
.about-main .about-box .img .img2{width: 400px; height: 280px; position: absolute; right: 0;  margin-top: -100px; border: 10px solid #fff;}

.about-button {padding:20px 20px;display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 15%);}
.about-button .button-img{width:80px ; height: 80px; background: #000; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.about-button .button-img img{width: 60%;}
.about-button .button-text{width: calc(100% - 100px);}
.about-button .button-text span{font-size: 20px; font-weight: bold;}
.about-button .button-text p{margin: 0px 0px !important;}

@media screen and (max-width: 1680px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}
}

@media screen and (max-width: 1440px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}
}

@media screen and (max-width: 1366px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}
}

@media screen and (max-width: 1024px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}	
header .headerbox {    width: calc(100% - 80px);    margin: 0px 40px;    padding: 0px 30px;}

.index-box03 .product-box {width: 80%;}
.index-box04 ul li{width: 480px;}
}


@media screen and (max-width: 768px) {
header {  position: inherit;}
header .headerbox { width: calc(100% - 0px); display:block;margin: 0px 0px;height:60px;padding: 0px 0px;border-radius: 0px;}
.header-l{display: none;}		
.headertop .header-r{justify-content: space-between; width: 100%;}
.whatsapp{display: none;}
.wrap{width: 100%; padding: 0px 10px;  margin: 0px 0px;}
.logobox{ display: flex; justify-content: space-between; padding: 0px 10px;     align-items: center;   width: 100%;}
.logo { height: 60px;}
.logo img{ height: 30px;}

.mc_ph_menu{ display:block !important;}
.point{ position:relative;}
.point .nav_btn{position: absolute;   top: 0px;  right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn,.point .nav_btn:after,.point .nav_btn:before {display: inline-block;width: 26px;height: 2px; background-color: #148e87;}  
.point .nav_btn::after, .point .nav_btn::before {    content: '';   position: absolute;   right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn::before {    top: 8px;}
.point .nav_btn::after {   top: -8px;} 
.point.active .nav_btn {  background: transparent; }
.point.active .nav_btn::before {    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.point.active .nav_btn::after {    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbox{ display:none;position: absolute; opacity:0; top: 106px; padding: 0px 20px; box-sizing: border-box;  
z-index: 999;   background: #fff;   width: 100%;   transition: all 0.5s;transform: translateX(100%);}
.navbox.navbar-show{ transform: translateX(0%);opacity:1; display: block; }
.navbar ul li{ width: 100%;display: block;margin: 0px 0px;padding: 0px 0px; border-bottom: 1px solid #ddd;}
.navbar ul li.active{ border-radius: 0px; background:none;}
.navbar ul li a.nav-link{ width: 100%; display: flex; padding: 0px 10px;  color: #000; height:40px;line-height: 40px; justify-content: space-between;align-items: center;}
.navbar ul li a.active {    color: #FF8F00;}
.navbar ul li a.navdown:after{position:absolute; right:0;}
.navbar ul li a.navdown:before {right: 0;}
.navbar ul li .downmune{ display:none; position: inherit;top: 0px; padding: 0px 10px;width: 100%; text-align: left;   box-sizing: border-box;}

.navbar ul li.navdown:after { background:none; width:auto;   font-family: "FontAwesome";
    content: '\f107'; font-weight: bold;  color: #252525; line-height: 30px; position:absolute;  right:0; top:0; }
.navbar ul li.active:after {   content: "-"; font-weight: bold;   color: #2661bb;  line-height: 30px; position:absolute;  right:0; top:0; }
.navbar ul li.on dl{display:block;}

.navbar ul li:hover dl{ }
.navbar ul li:hover a.nav-link{}
.navbar ul li dl a{line-height:40px; font-size:1rem}

.navbar ul li dl dt{width: 100%;   justify-content: space-between;}
.navbar ul li dl dd{position:inherit; left:0;}


.social-tools{display: none;}

.index-banner{height: 450px;}
.index-banner .banner-img{height: 450px;}
.index-banner .banner-img img{height: 450px;}
.index-banner .banner-text{padding: 100px 0px;}
.index-banner .banner-text h3{font-size: 36px;}
.index-banner .banner-text h3 span{font-size: 36px;}

.index-box01 ul li{margin: -50px 0px 0px 0px;}
.about-cont{padding: 60px 20px;}
.about-cont .text{width: 100%;padding-right: 0;}
.about-cont .text h2 {  font-size: 24px;}
.about-cont .text h2 span{  font-size: 24px;}
.about-cont .img{width: 100%;height: auto;margin-top: 30px;}



.index-box02{padding: 60px 0px;}
.index-box02 .tit h2 {font-size: 24px;}
.index-box02 .tit h2 span{font-size: 24px;}
.product-cont ul{width: 100%;}
.product-cont ul li {   margin-bottom: 20px;}
.product-cont .img {   width: 100%;}

.index-box03 .tit h2 { font-size: 24px;}
.index-box03 .tit h2 span{font-size: 24px;}
.advantage-num ul li {  width: calc(100%/2 - 20px);}
.advantage-num ul li img{margin-right: 10px; width: 50px; height: 50px;}
.advantage-num ul li .text{width: calc(100% - 60px);}
.advantage-num ul li span{font-size: 26px;}

.index-box04 .textbox .text h2{font-size: 24px;}
.index-box04 .textbox .text h2 span {font-size: 24px;}
.index-box04 {   padding: 60px 0px 60px 0px;}
.index-box04 .textbox .text {   width: calc(100% - 0px);}
.index-box04 .textbox .img {margin: 30px auto 0px;}

.index-box05{padding: 60px 0px 60px 0px;}
.index-box05 .tit h2{font-size: 24px;}
.index-box05 .tit h2 span{font-size: 24px;}
.case-cont li{padding: 0px 0px;}

.index-box06 .textbox .text h2{font-size: 24px;}
.index-box06 .textbox .text h2 span{font-size: 24px;}
.index-box06 .textbox .text {   width: 100%;  padding-right: 0px;}
.form-cont{width: 100%;    padding: 30px 10px; margin-top: 30px;}
.form-cont .form-input {   width: calc(100%/2 - 10px);   margin: 10px 5px;}
.form-cont span{font-size: 14px;}


footer .foot-wrap {padding: 60px 0px 30px 0px;}
footer .foot-contact { width: 100%;}
footer .foot-text {width: 100%; margin-top: 30px;}

.about-main {   margin: 60px 0px;}
.about-main .about-box .img {   width: 100%;}
.about-main .about-box .img .img1 {   width: 80%;}
.about-main .about-box .img .img2 {   width: 200px;   height: 180px;}
.about-main .about-box .text {width: 100%;   padding-left: 0px;   margin-top: 100px;}
.about-main .about-box .text h2 {   font-size: 24px;}
.about-main .about-box .text h2 span{   font-size: 24px;}

.caselist li{width: calc(100%/2 - 20px);}

.charging-list ul li .img {   width: 80px;    height: 80px;}
.charging-list ul li h3 {  font-size: 16px;}

.azlc ul li {width: calc(100%/2);   }

.commercial-box {margin: 60px 0px;}
.commercial-cont .text {width: 80%;padding: 40px 20px;}
.commercial-cont .text h2 {   font-size: 24px;}
.commercial-cont .text a { font-size: 16px;}
 
.chargingbox-two {padding: 60px 0px 60px 0px;}    
    
.chargingboxs01 .chargingboxs01-cont {   margin: 60px 0px;}   
.chargingboxs01 .chargingboxs01-cont .text {   width: 100%;   padding-right: 0px;}   
.chargingboxs01 .chargingboxs01-cont .text h2{font-size: 24px;} 
.chargingboxs01 .chargingboxs01-cont .text h2 span{font-size: 24px;} 
.chargingboxs01 .chargingboxs01-cont .img {   width: 100%;}

.chargingboxs02 .chargingboxs02-cont ul{ width: 100%;}
.chargingboxs02 .chargingboxs02-cont .img{ width: 100%;}
}