/*基础CSS*/
html, body{	font-size: 16px;font-family: "Lato","Helvetica Neue",Helvetica,Arial,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;}
.w1200{ margin:auto; width:1200px;}
.w1360{ margin:auto; width:1360px;}
.clear{ clear:both;}
*{box-sizing: border-box;}

header{z-index: 9; width: 100%;background: #000; border-bottom: 1px solid #D7D7D754;}
header.fixed-top{ position:fixed; top:0; z-index: 9; }
header .headerbox{ display: flex; justify-content: space-between;}

.w12001{ display:none;margin:auto; width:1200px;}
.w12000{margin:auto; width:1200px;}


.logo{  display: flex; align-items: center;height: 100px;}
.logo img{display:block;height:50px;}
.navbar ul{ display: flex; flex-wrap:wrap ; }
.navbar ul li{ margin: 0px 10px; line-height:100px; position: relative;display:flex;}
.navbar ul li a.nav-link {display: block; font-weight: bold; position: relative; padding:0px 10px; color: #fff;}
.navbar ul li.navdown:after{font-family: "FontAwesome"; content: '\f107'; margin-left: 10px; color:#fff; }
.navbar ul li.active{ background:#252525; }
.navbar ul li.active a.nav-link{color:#fff;}

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


.vido_top_title{background: url(../images/vidow_title_bj.jpg) center; text-align:center;color:#ff8000;font-size:25px;font-weight:bold;width:100%;padding:10px 0px;}
.vido_bottom_title {background-color:#232b6d; text-align:center;color:#ff8000;font-size:22px;font-weight:bold;width:100%;padding:10px 0px;}
.vido_bottom_title p{font-weight:bold;}



.about_ev_con{background: url(../images/price-solar-desktop.jpg) center; background-repeat:no-repeat; text-align:center;}
.wrap{width:1200px; margin:0 auto;}
.index-box01 .tit{margin-bottom: 60px; text-align: center;}
.index-box01 .tit h2{font-size:36px; color: #000a3e;  margin-bottom: 20px; text-transform: uppercase;font-weight:bold;  }
.index-box01 .tit p{font-size: 18px; font-family: sans-serif; margin:0 auto; width:50%; line-height:26px;}
.index-box01 .tit strong{ color:#ff0000;}
.index-box01 .box01{padding: 600px 0px 100px 0px;}
.index-box01 ul {display: flex; flex-wrap: wrap; }
.index-box01 ul li {position: relative; width: calc(100%/3 - 40px); margin: 0px 20px; position: relative;  }
.index-box01 ul li .text{width: 100%;  padding: 20px 20px; }
.index-box01 ul li .text h3{color: #fff; font-size: 24px;  margin-bottom: 20px;font-weight:bold;}
.index-box01 ul li .text p{color: #f5f5f5; font-size: 16px; line-height: 26px;}
.index-box01 .swiper-more{ margin-top:80px;}

.index-box02{ padding: 0px 0px 0px 0px;}
.index-box02 .tit{margin-bottom: 60px; text-align: center;}
.index-box02 .tit h2{font-size:40px; color: #fff; font-weight: bold; margin-bottom: 20px; 
 font-family: 'Oswald',sans-serif; text-transform: uppercase;  }
.index-box02 .tit b{width:60px; height: 2px; display: table; background:#f39800;margin: 20px auto;}

.index-box02 .feedback-box{ width: 100%; margin: auto; position: relative; height: 100vh;  }
.index-box02 video{ height: 100vh;width: 100%; object-fit: cover;}
.index-box02 ul {   margin: auto;  align-items: center; }
.index-box02 ul li{ align-items: center;   display: flex;   flex-direction: column;   justify-content: center;}
.index-box02 ul li .text{position: absolute; bottom: 60px;}
.index-box02 ul li h3{color: #fff; font-size: 20px;margin: 0px 0px 10px 0px;font-weight:bold;}
.index-box02 ul li p{ color:#fff; font-size: 16px;}


.index-box02 .feedback-box .swiper-pagination{position: absolute; bottom: 30px;  z-index: 100;width: 100%; margin-top: 30px; }
.index-box02 .feedback-box .swiper-pagination .swiper-pagination-bullet{border: 0; transition: .3s;opacity: 0.5; margin: 0px 6px !important; position: relative;
 height: 12px; width: 12px; border-radius: 100%; background: #fff; }
.index-box02 .feedback-box .swiper-pagination .swiper-pagination-bullet-active{ background: #fff; opacity: 1;  }



.index-box03{ padding: 200px 0px 200px 0px; background: #000;}
.index-box03 .text{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0px 0px 0px;}
.index-box03 .text h2{font-size:24px;color: #fff;  width: 400px;font-weight:bold;padding-bottom:10px;}
.index-box03 .text p{font-size:14px;color: #fff; line-height: 25px; width: calc(100% - 400px);}



.index-box04{overflow: hidden; padding: 0px 0px 100px 0px; background: #000; }
.index-box04 .youshi-img{display: none;}
.index-box04 .youshi-img.cur{display: block;}
.index-box04 .youshi-img img{width: 100%;}
.index-box04 .youshi-list ul{display: flex; flex-wrap: wrap; }
.index-box04 .youshi-list ul li{width: calc(100%/4 - 20px);  margin:20px 10px 0px 10px; cursor: pointer;}
.index-box04 .youshi-list ul li .text{border-top: 2px solid rgba(255,255,255,0.4); padding: 10px 0px 0px 0px;}
.index-box04 .youshi-list ul li h3{color: #fff; font-size: 18px; margin-bottom: 10px; opacity: 0.4;}
.index-box04 .youshi-list ul li p{color: #fff; font-size: 14px; opacity: 0.4;}
.index-box04 .youshi-list ul li.cur h3{opacity: 1;}
.index-box04 .youshi-list ul li.cur p{opacity: 1;}
.index-box04 .youshi-list ul li.cur .text{border-top: 4px solid rgba(255,255,255,1);transition: .3s;}

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


.index-box06 {background: #000; padding: 100px 0px 100px 0px;}
.index-box06 .textbox{ display: flex; flex-wrap: wrap;align-items: center;  justify-content: space-between;}
.index-box06 .textbox .text{width: 400px; }
.index-box06 .textbox .text h2{color: #fff; font-size: 20px; margin-bottom: 20px;font-weight:bold;}
.index-box06 .textbox .text p{color: #fff; font-size: 16px; line-height: 25px;}
.index-box06 .textbox .img{width:calc(100% - 400px);}

.index-box06 ul {display: flex; flex-wrap: wrap; }
.index-box06 ul li {position: relative; width: calc(100%/3 - 40px); margin: 0px 20px; position: relative;  }
.index-box06 ul li .text{width: 100%;  padding: 20px 20px; }
.index-box06 ul li .text h3{color: #fff; font-size: 24px;  margin-bottom: 20px;font-weight:bold;}
.index-box06 ul li .text p{color: #fff; font-size: 16px; line-height: 25px;}

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


/*ehss-xw*/
.ehss-xw ul{display: flex; flex-wrap: wrap;}

.ehss-xw ul li{width: calc(100%/3 - 40px); margin:20px;}
.ehss-xw ul li img{}



















.navbox{ display: flex;}
.social-tools ul{ display: flex;  align-items: center;height: 100px; 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; color: #fff; border: 2px solid #fff; border-radius: 100px; }
.social-tools ul li a:hover{background: #fff; color: #3998e9;}

.index-box01{padding: 60px 0px;}
.index-box01 .main-box{display: flex; flex-wrap: wrap; justify-content: space-between; }
.index-box01 .main-box .box-left{width: 50%; padding: 0px 60px 0px 0px;}
.index-box01 .main-box .box-left img{width: 100%;}
.index-box01 .main-box .box-right{width: 50%;padding: 0px 0px 0px 60px;}
.index-box01 .main-box .box-right iframe{aspect-ratio: 16/9;   height: auto;}
.index-box01 .main-box .box-right em{font-style:normal;color: #FF6E00;   font-size: 16px;   font-weight: 700;   text-transform: uppercase;   letter-spacing: 1px;margin-bottom: 20px; display: block;}   
.index-box01 .main-box .box-right h2{font-size: 37px; color: #515151;   font-weight: 700;   line-height: 1.2em;}
.index-box01 .main-box .box-right p{ color: #515151; font-size: 18px; margin: 20px 0px;}
.index-box01 .main-box .box-right ul {display: flex; flex-wrap: wrap;}
.index-box01 .main-box .box-right ul li{margin:5px 0px;   width: 50%; color: #515151; font-size: 16px; position: relative;}
.index-box01 .main-box .box-right ul li:before{color:#FF6E00;font-family: "FontAwesome"; content:"\f00c"; margin-right: 10px;}
.index-box01 .main-box .box-right a.a-button{display:inline-block;font-size: 15px;   font-weight: 700;letter-spacing: 1px;   fill: #FFF;   color: #FFF;   background: #FF7C01;
     border:2px solid #FF8200;  border-radius: 50px 50px 50px 50px;   padding: 15px 31px 15px 31px; margin-top: 20px;}
.index-box01 .main-box .box-right a.a-button:hover{background: #fff; color: #3998e9;}  

.index-box02{background: #000; padding: 100px 0px;position: relative;} 
.index-box02 .main-box .box-top{text-align: center;}
.index-box02 .main-box .box-top em{color: #fff; font-style: normal;font-size:24px;}
.index-box02 .main-box .box-top  h2{font-size: 37px; margin: 20px 0px; color: #fff;   font-weight: 700;   line-height: 1.2em;}
.index-box02 .main-box .box-top  p{font-size: 18px; color: #fff; max-width: 700px; margin: auto;   font-weight: 400;   line-height: 1.2em;}

.index-box02 .main-box .box-bottom h2{font-size: 37px; margin: 60px 0px 30px 0px; color: #fff; text-align: center; line-height: 1.2em;}
.index-box02 .main-box .box-bottom ul{display: flex; flex-wrap:wrap;}
.index-box02 .main-box .box-bottom ul li{width:calc(100%/3 - 40px);margin:20px 20px;padding: 55px 40px 55px 40px;text-align: center; background:#fff;border-radius:20px;box-shadow: 0px 0px 40px 10px rgb(1 110 204 / 5%);}
.index-box02 .main-box .box-bottom ul li img{width: 140px;}
.index-box02 .main-box .box-bottom ul li h3{color: #515151;font-weight:bold;font-size: 27px; margin:30px 0px 20px 0px;}
.index-box02 .main-box .box-bottom ul li p{color: #333;font-size: 16px; line-height: 30px;}

.index-box03{padding: 100px 0px; position: relative;}
.index-box03 .main-box .box-top h2{font-size: 37px; margin: 0px 0px 30px 0px; color: #fff; text-align: center; line-height: 1.2em;}
.index-box03 .main-box ul.count-num{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 100px 0px;}
.index-box03 .main-box ul.count-num li {text-align: center;}
.index-box03 .main-box ul.count-num li span{color: #FF4D00;   font-size: 40px;   font-weight: bold;}
.index-box03 .main-box ul.count-num li p{color: #333;   font-size: 18px;  font-weight: bold;}

.boxnews{width: 720px; margin: auto; position: relative;}
.boxnews h2{font-size: 37px; margin: 0px 0px 30px 0px; color: #515151; text-align: center; line-height: 1.2em;}
.boxnews ul li h3{ text-align: center;}

.boxnews .swiper-pagination{width:100%;bottom: -30px !important; margin-top: 30px;  position: absolute; z-index: 100;}
.boxnews .swiper-pagination .swiper-pagination-bullet{ opacity: 1; margin: 0px 5px !important; position: relative; height: 6px; width: 6px;  background: #ccc; }
.boxnews .swiper-pagination .swiper-pagination-bullet-active{ background: #000;  }

.boxnews .swiper-button-prev,.boxnews .swiper-button-next{display: inline-block;position: absolute; background:none;width: 45px;height: 45px;z-index: 99; border-radius:50%;}
.boxnews .swiper-button-prev:after,.boxnews .swiper-button-next:after{font-family:"FontAwesome";display:block; position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.boxnews .swiper-button-prev{top: 50%; }
.boxnews .swiper-button-next{top: 50%;}
.boxnews .swiper-button-prev:after{content:'\f104'; color: #fff; font-size: 30px; font-weight: lighter;}
.boxnews .swiper-button-next:after{content:'\f105'; color: #fff; font-size: 30px; font-weight: lighter;}

.index-box04{padding: 100px 0px;background: #000; position: relative;}
.index-box04 .main-box{display: flex; flex-wrap: wrap; justify-content: space-between;flex-direction: row-reverse; }
.index-box04 .main-box .box-left{width: 50%; padding: 0px 0px 0px 60px;}
.index-box04 .main-box .box-left img{width: 100%;}
.index-box04 .main-box .box-right{width: 50%;padding: 0px 0px 0px 60px;}
.index-box04 .main-box .box-right em{font-style:normal;color: #FF6E00;   font-size: 16px;   font-weight: 700;   text-transform: uppercase;   letter-spacing: 1px;margin-bottom: 20px; display: block;}   
.index-box04 .main-box .box-right h2{font-size: 37px; color: #fff;   font-weight: 700;   line-height: 1.2em;}
.index-box04 .main-box .box-right h3{ color: #fff; font-size: 18px; margin: 20px 0px;}
.index-box04 .main-box .box-right ul {display: flex; flex-wrap: wrap;}
.index-box04 .main-box .box-right ul li{margin:5px 0px;   width: 100%; color: #fff; font-size: 16px; position: relative;}
.index-box04 .main-box .box-right ul li:before{color:#FF6E00;font-family: "FontAwesome"; content:"\f00c"; margin-right: 10px;}
.index-box04 .main-box .box-right a.a-button{display:inline-block;font-size: 15px;   font-weight: 700;letter-spacing: 1px;   fill: #FFF;   color: #FFF;   background: #FF7C01;
     border:2px solid #FF8200;  border-radius: 50px 50px 50px 50px;   padding: 15px 31px 15px 31px; margin-top: 20px;}
.index-box04 .main-box .box-right a.a-button:hover{background: none; color: #3998e9;}  


.boxproducttx{ width: 300px;margin: auto; position: relative;}
.boxproducttx h2{font-size: 37px; margin: 0px 0px 30px 0px; color: #515151; text-align: center; line-height: 1.2em;}
.boxproducttx ul li h3{ text-align: center;}
.boxproducttx ul li{width: 350px; }
.boxproducttx ul li img{height: 460px; object-fit: cover;}

.boxproducttx .swiper-pagination{width:100%;bottom: -30px !important; margin-top: 30px;  position: absolute; z-index: 100;}
.boxproducttx .swiper-pagination .swiper-pagination-bullet{ opacity: 1; margin: 0px 5px !important; position: relative; height: 6px; width: 6px;  background: #ccc; }
.boxproducttx .swiper-pagination .swiper-pagination-bullet-active{ background: #000;  }

.boxproducttx .swiper-button-prev,.boxproducttx .swiper-button-next{display: inline-block;position: absolute; background:none;width: 45px;height: 45px;z-index: 99; border-radius:50%;}
.boxproducttx .swiper-button-prev:after,.boxproducttx .swiper-button-next:after{font-family:"FontAwesome";display:block; position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.boxproducttx .swiper-button-prev{top: 50%; }
.boxproducttx .swiper-button-next{top: 50%;}
.boxproducttx .swiper-button-prev:after{content:'\f104'; color: #fff; font-size: 30px; font-weight: lighter;}
.boxproducttx .swiper-button-next:after{content:'\f105'; color: #fff; font-size: 30px; font-weight: lighter;}


.index-box05 .box-bottom{ margin-top: 60px;}
.index-box05 .box-bottom h2{font-size: 24px; margin: 0px 0px 30px 0px; color: #515151; text-align: center; line-height: 1.2em;}
.index-box05 .box-bottom ul{display: flex; flex-wrap: wrap; width: 50%; margin: auto;}
.index-box05 .box-bottom ul li{width:calc(100%/2); text-align: center;}
.index-box05 .box-bottom ul li img{height: 60px;}


.index-box06{padding: 100px 0px; background: #000;position: relative;}
.index-box06 .main-box {display: flex; flex-wrap: wrap;    align-items: center; justify-content: space-between;}
.index-box06 .main-box em {   font-style: normal;   color: #FF6E00;   font-size: 16px;   font-weight: 700;   text-transform: uppercase;   letter-spacing: 1px;   margin-bottom: 20px;   display: block;}
.index-box06 .main-box h2 {   font-size: 37px;   color: #fff;   font-weight: 700;   line-height: 1.2em;}
.index-box06 .main-box a.a-button{display: inline-block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    fill: #FFF;
    color: #FFF;
    background: none;
    border: 2px solid #fff;
    border-radius: 50px 50px 50px 50px;
    padding: 15px 31px 15px 31px;
    margin-top: 20px;
}

.cub_bus001{background-color:#000; padding:40px 0px; }
.cub_bbs{width:60%;margin:40px auto; text-align:center; background-color:#ff8000; color:#fff;font-size:26px;font-weight:bold;border-radius:20px; padding:10px 10px;}
.cub_bbsb{width:20%;margin:40px auto; text-align:center; background-color:#ff8000; color:#fff;font-size:26px;font-weight:bold;border-radius:20px; padding:6px 10px;}

.index-box09{background: #000; padding: 100px 0px 100px 0px;}
.index-box09 .textbox{ display: flex; flex-wrap: wrap;align-items: center;  justify-content: space-between;}
.index-box09 .textbox .text{width: 400px; }
.index-box09 .textbox .text h2{color: #fff; font-size: 24px; margin-bottom: 20px;font-weight:bold;}
.index-box09 .textbox .text p{color: #fff; font-size: 16px; line-height: 25px;}
.index-box09 .textbox .img{}

.index-box09 a.ban-btn{color: #fff; font-size: 14px; border:2px solid #fff;  
width: 180px; height: 30px;line-height: 30px; margin: 20px 20px 0px 0px; border-radius: 5px; display: inline-table; text-align: center; }
.index-box09 a.ban-btn:nth-child(2){color: #fff; background: #222;border:2px solid #222;}
.index-box09 a:hover{background: #fff; color: #252525;transition: .3s; opacity: 0.9;}










.index-box06 .main-box a.a-button:hover{background: #fff; color: #515151;}  

.elementor-shape[data-negative=false].elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top{	transform: rotate(180deg);}
.elementor-shape {   overflow: hidden;    position: absolute;    left: 0;    width: 100%;    line-height: 0;   direction: ltr;}
.elementor-shape svg {   display: block;   width: calc(100% + 1.3px);    position: relative;    left: 50%;    transform: translateX(-50%);}
.elementor-shape .elementor-shape-fill {   fill: #fff;   transform-origin: center;    transform: rotateY(0deg);}

.elementor-shape-top {   top: -1px;}
.elementor-shape-top svg {  width: calc(113% + 1.3px);   height: 71px;}
.elementor-shape-top:not([data-negative=false]) svg {  z-index: -1;}

.elementor-shape-bottom svg {   height: 77px;   transform: translateX(-50%) rotateY(180deg);}
.elementor-shape-bottom {   bottom: -1px;}
.elementor-shape-bottom:not([data-negative=true]) svg {   z-index: -1;}
.elementor-shape-bottom .elementor-shape-fill {   fill: #FFFFFF;}

footer{background: #000;border-top: 1px solid #fff;padding: 30px 0px 0px 0px;}

.footer-box{display: flex; justify-content: space-between;}
.foot-logo img{height: 63px;}
.foot-logo em{ color: #FF6E00;   font-size: 16px;   font-weight: 700;  text-transform: uppercase;  letter-spacing: 1px;  margin-bottom: 20px;  display: block;}

.foot-contact {margin-top: 30px;}
.foot-contact h2{color: #fff; font-size: 18px;}
.foot-contact li {margin: 20px 0px;color: #fff; font-size: 16px;}
.foot-contact li a{color:#fff;text-decoration:underline;}
.foot-contact li i{margin-right: 10px;}

.foot-nav h2{color: #FF8F00; font-size: 18px; font-weight: 700;}
.foot-nav li {margin: 10px 0px;}
.foot-nav li a{color: #fff; font-size: 16px;}

.copyright{background: #fff; padding: 20px 0px;}

.online {
	position: fixed;
	bottom: 150px;
	right: 0px;
	width: 60px;
	z-index: 999;
	color: #999;
}
.online a {
	color: #666;
}
.online a:hover {
	text-decoration: none;
}
.online dl {
	background: #FF6700;
	padding: 10px 5px;
	margin-bottom: 1px;
	position: relative;
}
.online dl dd {
	color: #fff;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.online dl dd i {
	font-size: 25px;
}
.online dl:hover {
	background:  #024a2e;
}

.news-clublist ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.news-clublist ul li{width: calc(100%/3 - 40px); text-align: center; margin: 20px 20px; padding: 60px 40px; border-radius: 20px;}
.news-clublist ul li img{border-radius: 10px;max-width:200px; border:solid 1px #ccc}













.kefutool{display: flex; margin: 20px 0px 20px 0px;}
.kefutool dl{height: 40px; width: 40px; margin: 0px 3px; font-size: 20px; border-radius: 5px; color: #fff; display: flex; justify-content: center; align-items: center;}
.kefutool dl i{color: #fff;}



.fanganxuanze-main{padding: 200px 30px 30px 30px; background: #000;}
.fanganxuanze-box ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.fanganxuanze-box li{width: calc(100%/3 - 40px); text-align: center; margin: 20px 20px; padding: 60px 40px; border-radius: 20px;}
.fanganxuanze-box li h3{color: #fff;  font-size: 25px;  font-weight: 800;}
.fanganxuanze-box li h4{color: #fff;  font-size: 25px;  font-weight: 800; margin: 20px 0px 30px 0px;}
.fanganxuanze-box li span{color: #fff;  font-size: 27px;  font-weight: bold;}
.fanganxuanze-box li p{color: #333;  font-size: 18px;  font-weight: 600; margin: 20px 0px;}
.fanganxuanze-box li a.a-button{font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    text-shadow: 0px 0px 10px #ffffff;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color:#007773;
    border-radius: 50px 50px 50px 50px;
    padding: 15px 31px 15px 31px;    display: inline-block;}
.fanganxuanze-box li a.a-button:hover{background: none !important;}    
.fanganxuanze-box li:first-child{background: #78D3CA;}
.fanganxuanze-box li:nth-child(2){background: #EEE091;}
.fanganxuanze-box li:last-child{background: #B4A7E2;}


.faxzfaq-tit{color: #fff; font-size: 35px;margin:100px 0px 30px 0px;text-align:center;text-shadow: 0px 0px 10px #ff0000;}
.faxzfaq-box{ display: flex; flex-wrap: wrap;align-items: flex-start; justify-content: space-between;}
.fanganxuanze-faq{background: #fff; border-radius: 20px; width: calc(100%/2 - 40px); margin: 20px 20px; padding: 30px 20px;}
.fanganxuanze-faq h2{color: #515151; font-size: 25px; text-align: center; margin-bottom: 20px;}
.fanganxuanze-faq li{border: 1px solid #d5d8dc; margin: -1px 0px;}
.fanganxuanze-faq li h3{padding: 15px 20px;display: flex;   justify-content: space-between; }
.fanganxuanze-faq li h3:after{content:"\f067";font-family: "FontAwesome"; display:block}
.fanganxuanze-faq li.cur h3{color: #3998e9;}
.fanganxuanze-faq li.cur h3:after{color: #3998e9;content:"\f068";font-family: "FontAwesome"; display:block}

.fanganxuanze-faq li .text{display:none;padding: 15px 20px;border-top: 1px solid #d5d8dc;}
.fanganxuanze-faq li.cur .text{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;}


.chongyichongimg img{display:block; max-width:100%;}
.chongyichong-main{background:#000;padding:60px 20px 30px 20px}
.chongyichong-form{display: flex; flex-wrap: wrap; justify-content: space-between;}  
.chongyichong-form .left{background: #000; width: 100%; padding:40px 20px 0px 20px;} 
.chongyichong-form .left h2{text-align: center;color:#fdf402; margin:0px auto 30px; display:table; font-size:36px; font-weight:bold; border-radius:5px; width:100%; padding:5px 0px; width:50%;}
.chongyichong-form .left h2 .chongyichong_yw{ font-size:20px; text-align:center;display: block;}
.chongyichong-form .left .casetit{display: flex; align-items: center; justify-content: center;margin: 20px;}
.chongyichong-form .left .casetit span{color: #fff;font-size:20px; margin: 0px 10px; text-align:center;}
.chongyichong-form .left .casetit b{height: 1px; width: 60px; background: #fff;}
.chongyichong-form .left ul{display: flex; align-items: center; justify-content: center;}
.chongyichong-form .left ul li{width:100%;}
.chongyichong-form .left ul li img{border-radius: 10px; object-fit: cover; height: 100%; width: 100%;}
.chongyichong-form .right{} 
.chongyichong-form .right>img{display:block}
.chongyichong-form .right .cyc-form-box{background: #b9ddce; padding: 30px 30px;}
.chongyichong-form .right .cyc-form-box iframe{aspect-ratio: 16/9;height: auto;}
.chongyichong-form .right .cyc-form-box h2{text-align:center;}
.chongyichong-form .right .cyc-form-box h2 img{max-width:100%;}
.chongyichong-form .right .cyc-form-box input{background: #fff; margin:5px 0px ; border: none; border-radius: 5px; padding: 15px 10px; width: 100%;}
.chongyichong-form .right .cyc-form-box a.button-tjform{background: #00623b;  display:table; margin-top:20px;color: #fff; padding: 10px 0px; border-radius: 5px; font-size: 30px; text-align: center; width: 100%; cursor: pointer;}
.chongyichong-form .right .cyc-form-box .formtext{color: #646565; margin: 20px 0px; display: flex; align-items: center;}
.chongyichong-form .right .cyc-form-box .formtext i{background: #00623b;color: #fff; margin-right: 10px; height: 20px; width: 20px;border-radius: 100%; display: flex; justify-content: center;align-items: center; }
.chongyichong-form .right .cyc-form-box .formtext span{font-size:33px}
.chongyichong-form .right .cyc-form-box .buttontext{ text-align: center; margin-top:20px;color: #646565; font-size: 24px;}
.chongyichong-form .right .cyc-form-box .buttontext b{font-size: 30px;}




.chongyichong-box01{background:#fff; padding:60px 0px 0px 0px;}
.chongyichong-box01 h2{color:#FF6700; margin:auto; display:table; font-size:36px; font-weight:bold; border-radius:5px; padding:5px 20px;}
.chongyichong-box01 h2 span{ display:table; margin:auto; font-size:20px;}
.chongyichong-box01 ul{display: flex;flex-wrap: wrap; justify-content: space-between;}
.chongyichong-box01 ul li{width: calc(100%/3); border-left: 1px solid #e4e4e4; background: #fff; padding: 40px 40px; text-align: center;}
.chongyichong-box01 ul li h3{font-size: 24px;  color: #515151;   font-weight: 600;   margin-bottom: 10px;}
.chongyichong-box01 ul li em{ display: block; font-size: 16px;}
.chongyichong-box01 ul li span{ display: block; font-size: 18px; margin: 30px 0px 20px 0px;}
.chongyichong-box01 ul li span b{font-weight: bold; font-size: 36px;}
.chongyichong-box01 ul li p{border-bottom: 1px solid #e4e4e4; padding: 15px 0px;}
.chongyichong-box01 ul li .chongyichong-box01_a{ background:#194184; text-align:center; height:35px; line-height:35px; text-align:center; color:#fff;border-radius:5px;}

.chongyichong-box01 article{color: #fff; text-align: right;}

.chongyichong-box02 .ullist {margin-top: 30px;}
.chongyichong-box02 .ullist h2{color: #fff; font-size: 16px;}
.chongyichong-box02 ul {margin-left: 30px;}
.chongyichong-box02 ul li{color: #fff;list-style: auto; line-height: 30px; font-size: 16px;}
.chongyichong-box02 ul li h3{font-size: 16px;}
.chongyichong-box02 a.a-button{font-size: 33px;text-shadow: 0px 0px 10px #fffcfc;color: #FFFFFF;  background: #37CAC5; display: table; margin:30px auto; 
padding: 15px 15px 15px 15px;border-radius: 6px;}

.chongyichong-box03 h2{}
.chongyichong-box03 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.chongyichong-box03 ul li{width: calc(100%/2 - 20px); text-align: center; }
.chongyichong-box03 ul li img{width: 100%; height: 350px; border-radius: 20px;}
.chongyichong-box03 ul li span{color: #FF7500;  display:block;margin-top: 30px;   font-size: 20px;  font-weight: 900;}
.chongyichong-box03 ul li h3{color: #FFFFFF; font-size: 25px;   font-weight: 900;   text-shadow: 0px 0px 10px #ff6800;}

.chongyichong-box04{ margin: 60px auto; background:#000;padding:60px 0px;}
.chongyichong-box04 h2{background:#194184; color:#fff; margin:0px auto 30px; display:table; font-size:36px; font-weight:bold; border-radius:5px; padding:5px 20px;}
.chongyichong-box04 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.chongyichong-box04 ul li{width: calc(100%/2 - 20px); margin: 10px 10px; padding: 0px 15px; }
.chongyichong-box04 ul li h3{color: #FF6700; font-size: 25px; margin-bottom: 10px; }
.chongyichong-box04 ul li p{color: #fff; font-size: 16px;  }

.chongyichong-application{position: relative;}
.chongyichong-application img{height: 600px; width: 100%;object-fit:cover;}
.position-absolute{position: absolute; width: 100%; padding: 0px 60px; top: 30%; text-align: center;}

.position-absolute h3{color: #fff; font-size: 44px; margin-bottom: 20px;}
.position-absolute p{color: #fff; font-size: 20px;}
.position-absolute a.a-button{border-radius: 30px; font-size: 18px; margin: 30px auto 0px; padding: 10px 30px; border: 2px solid #fff; color: #fff; display: table;}
.position-absolute a.a-button:hover{background: #fff; color: #515151;}

.chongyichong-application .swiper-pagination{width:100%;bottom: 5% !important; margin-top: 30px;  position: absolute; z-index: 100;}
.chongyichong-application .swiper-pagination .swiper-pagination-bullet{ opacity: 0.5; margin: 0px 5px !important; position: relative; height: 10px; width: 10px;  background: #fff; }
.chongyichong-application .swiper-pagination .swiper-pagination-bullet-active{ background: #fff; opacity: 1; }

.chongyichong-application .swiper-button-prev,.chongyichong-application .swiper-button-next{display: inline-block;position: absolute; background:none;width: 45px;height: 45px;z-index: 99; border-radius:50%;}
.chongyichong-application .swiper-button-prev:after,.chongyichong-application .swiper-button-next:after{font-family:"FontAwesome";display:block; position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.chongyichong-application .swiper-button-prev{top: 50%; }
.chongyichong-application .swiper-button-next{top: 50%;}
.chongyichong-application .swiper-button-prev:after{content:'\f104'; color: #fff; font-size: 30px; font-weight: lighter;}
.chongyichong-application .swiper-button-next:after{content:'\f105'; color: #fff; font-size: 30px; font-weight: lighter;}

.chongyichong-box06{flex-wrap:wrap; padding: 100px 0px 0px 0px;}
.chongyichong-box06 .left{width:580px;}

.chongyichong-box06_vido ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.chongyichong-box06_vido ul li{width: calc(100%/2 - 20px); text-align: center; }









.chongyichong-box06 .right{width:98.4%; margin:60px 0px;}
.chongyichong-box06 .right h2{text-align:center; padding:15px; background:#ff8000;color:#fff; margin-bottom:20px; font-weight:bold;}
.chongyichong-box06 .right h2 img{ max-width:100%;}
.chongyichong-box06 .right h3{ color: #FF6700; font-size:20px; margin-bottom: 10px;}
.chongyichong-box06 .right p{color: #fff; line-height: 30px;}

.chongyichong-box06 .right .cyc-form-box{background: #b9ddce; padding: 30px 30px;}
.chongyichong-box06 .right .cyc-form-box input{background: #fff; margin:5px 0px ; border: none; border-radius: 5px; padding: 15px 10px; width: 100%;}
.chongyichong-box06 .right .cyc-form-box button{background: #194184; border: none; color: #fff; padding: 10px 0px; border-radius: 5px; font-size: 30px; text-align: center; width: 100%; cursor: pointer;}
.chongyichong-box06 .right .cyc-form-box .formtext{color: #646565; margin: 20px 0px; display: flex; align-items: center;}
.chongyichong-box06 .right .cyc-form-box .formtext i{background: #00623b;color: #fff; margin-right: 10px; height: 20px; width: 20px;border-radius: 100%; display: flex; justify-content: center;align-items: center; }
.chongyichong-box06 .right .cyc-form-box .buttontext{ text-align: center; margin-top:20px;color: #646565; font-size: 24px;}
.chongyichong-box06 .right .cyc-form-box .buttontext b{font-size: 30px;}

.chongyichong-tjform{background: #b9ddce; padding: 30px 30px;  margin:100px auto 100px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.chongyichong-tjform .left {width:580px;padding: 20px 20px;}
.chongyichong-tjform .left h2{font-size:36px;font-weight:bold;color:#ff0000;margin-bottom:30px}
.chongyichong-tjform .left h2 span{}
.chongyichong-tjform .left .formtext{color: #646565; margin: 20px 0px; display: flex; align-items: center;}
.chongyichong-tjform .left .formtext i{background: #00623b;color: #fff; margin-right: 10px; height: 20px; width: 20px;border-radius: 100%; display: flex; justify-content: center;align-items: center; }
.chongyichong-tjform .left .buttontext{ margin-top:20px;color: #646565; font-size: 24px;}
.chongyichong-tjform .left .buttontext b{font-size: 30px;}

.chongyichong-tjform .right{width:560px;}
.chongyichong-tjform .right h2{text-align:center; padding:15px; background:#ff8000;color:#fff; margin-bottom:10px; font-weight:bold;}
.chongyichong-tjform .right .cyc-form-box input{background: #fff; margin:5px 0px ; border: none; border-radius: 5px; padding: 15px 10px; width: 100%;}
.chongyichong-tjform .right .cyc-form-box button{background: #00623b; border: none; color: #fff; padding: 10px 0px; border-radius: 5px; font-size: 30px; text-align: center; width: 100%; cursor: pointer;margin-top:10px;}


.chongyichong-box07 {background: #fff;padding: 60px 0px;}
.chongyichong-box07 h2{text-align: center;}
.chongyichong-box07 a.a-button{border-radius: 30px; font-size: 18px; margin: 30px auto 0px; padding: 10px 30px; background: #1b1b1b; color: #fff; display: table;}
.chongyichong-box07 a.a-button:hover{background: #3c3b3b; }

.chongyichong-box07 ul{display: flex; justify-content: center; margin: 40px 0px 0px 0px;}
.chongyichong-box07 ul li{height: 50px; width: 50px; margin: 0px 3px; font-size: 20px; border-radius: 5px; color: #fff; display: flex; justify-content: center; align-items: center;}


.cyc-popup { z-index: 1; display: none;position: fixed; top: 0;    left: 0;   width: 100%;   height: 100%;    background-color: rgba(0,0,0,0.7);}
.cyc-popup-content   {position: absolute;   left: 50%;  top: 50%;  transform: translate(-50%, -50%);     padding: 20px;} 
.cyc-popup-content  img{max-width:100%;border-radius:20px;}           
.cyc-popupss {padding:10px 30px; font-size:20px; font-weight:bold; border-radius: 30px;  margin:auto; display:table; background: #ff8000; color: #fff;}





.cyc-popup .close-btn {  position: absolute;   width: 100%;  height: 100%;   cursor: pointer;}
.cyc-popup .close-btn i{left: 74%;top:18%;position: absolute;color:#fff; width:30px; height:30px;border-radius: 100%; display:flex;
justify-content: center;  align-items: center; border:2px solid #fff;opacity:0.9;}

.tc_css{ width:50%; margin:0 auto;}
.zuyizu-main{padding: 30px 30px 30px 30px; background: #000;}
.zuyizu_title{height:60px; line-hgiht:60px; font-size:36px; font-weight:bold;color:#fdf402; text-align:center;background:#000}
.zuyizu-box01 h2{color: #fff;font-size: 35px; text-align:center; margin-bottom: 20px;}
.zuyizu-box01 p{color: #fff;}
.zuyizu-box01 img{margin: auto;display: block;}
.zuyizu-box01 ul{margin: 0px 100px;}
.zuyizu-box01 ul h3{ color: #fff;}
.zuyizu-box01 ul li{color: #fff; line-height: 30px;list-style: auto;margin-left:50px ;}
.zuyizu-box01 a.a-button{font-size: 23px; border-radius: 5px;
    font-weight: 800;
    letter-spacing: 0px; margin:30px auto; display: table;
    text-shadow: 0px 0px 10px #ffffff;
    fill: #000000;
    color: #000000;
    background-color: #f49b0a;
    padding: 10px 15px 10px 15px;}

.zuyizu-box02{ margin: 60px auto;}
.zuyizu-box02 h2{color: #fff; font-size: 35px; text-align: center; margin-bottom: 30px; }
.zuyizu-box02 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.zuyizu-box02 ul li{width: calc(100%/2 - 20px); margin: 10px 10px; padding: 0px 15px; }
.zuyizu-box02 ul li h3{color: #FF6700; font-size: 25px; margin-bottom: 10px; }
.zuyizu-box02 ul li p{color: #fff; font-size: 16px;  }

.zuyizu-box03{margin: 60px 0px;}
.zuyizu-box03 ul{display: flex; flex-wrap: wrap;}
.zuyizu-box03 ul li{width: calc(100%/3); text-align: center;}
.zuyizu-box03 ul li img{width: 100%;}
.zuyizu-box03 ul li h3{ color: #ff6600; font-size: 22px; margin-bottom: 10px; font-weight: bold;}
.zuyizu-box03 ul li p{ color: #fff; font-size: 16px;}

.zuyizu-box04 {padding: 60px 0px;}
.zuyizu-box04 iframe{aspect-ratio: 16 / 9; height:auto;}
.zuyizu-box04 h2{text-align: center; color: #fff;}
.zuyizu-box04 a.a-button{border-radius: 30px; font-size: 18px; margin: 30px auto 0px; padding: 10px 30px; border: 2px solid #fff; color: #fff; display: table;}
.zuyizu-box04 a.a-button:hover{background: #fff; color: #515151; }

.zuyizu-box04 ul{display: flex; justify-content: center; margin: 40px 0px 0px 0px;}
.zuyizu-box04 ul li{height: 50px; width: 50px; margin: 0px 3px; font-size: 20px; border-radius: 5px; color: #fff; display: flex; justify-content: center; align-items: center;}
.zuyizu-box04 ul li i{color: #fff;}



.zuyizu-kv {position: relative;}
.zuyizu-kv:after{background: url(../images/bottomBar1.png) center; height: 96px; width: 100%;content: ""; display: block; bottom: 0; position: absolute;}
.zuyizu-kv .text-img{position: absolute;   top: 7%;   width: 37%;   left: 29%;}	

.zuyizu-advideo{background:#000;padding: 60px 0px 0px 0px;} 
.zuyizu-advideo iframe{aspect-ratio: 16/9;}

.zuyizu-advantage{background:#000;padding: 60px 0px 0px 0px;}    
.zuyizu-advantage h2{ position: relative;
    border: 2px solid #ffffff;
    width: fit-content;
    margin:0px auto 60px;
    padding: 10px 40px 10px 40px;
    border-radius: 15px 0px 10px 15px;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    border-right: 0px white;
}
.zuyizu-advantage h2 img{position: absolute;   top: -14%;right: -6%;}    
.zuyizu-advantage ul{display: flex; flex-wrap: wrap; justify-content: center;}	
.zuyizu-advantage ul li{width: calc(100%/4 - 40px);  text-align: center;  margin: 20px 20px;}
.zuyizu-advantage1 ul{display: flex; flex-wrap: wrap; justify-content: center;}
.zuyizu-advantage1 ul li{width: calc(100%/2 - 40px);  text-align: center;  margin: 20px 20px;}
.zuyizu-advantage1 ul li iframe{aspect-ratio: 16/9;   height: auto;   display: block;}


.zuyizu-advantage ul li h3{color: #FF6700;    font-size: 20px; font-weight: bold;   margin: 10px 0px;}
.zuyizu-advantage ul li p {   color: #fff;   font-size: 16px; line-height: 30px;}

.zuyizu-liucheng {padding: 130px 0px 100px 0px; background:#000 url(../images/timelinebg.png);}
.zuyizu-liucheng h2{ position: relative;
    border: 2px solid #ffffff;
    width: fit-content;
    margin:0px auto 60px;
    padding: 10px 40px 10px 40px;
    border-radius: 15px 0px 10px 15px;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    border-right: 0px white;
}
.zuyizu-liucheng h2 img{position: absolute;
    top: -14%;
    width: 17%;
    right: -11%;}
.zuyizu-liucheng ul{ display: flex; flex-wrap: wrap;}
.zuyizu-liucheng ul li{width: calc(100%/4 - 20px); background: #222; text-align: center; padding: 30px 20px 60px 20px;margin: 10px 10px; position: relative;-webkit-transition: all .8s linear;
transition: all .2s linear;}
.zuyizu-liucheng ul li:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -8px, 0); background:#FF6700;}
.zuyizu-liucheng ul li:hover:after{opacity: 1;-webkit-transition: all .8s linear;
transition: all .2s linear;}     
.zuyizu-liucheng ul li .img{ margin-bottom: 30px;}
.zuyizu-liucheng ul li p {   color: #fff;   font-size: 16px; line-height: 30px;}
.zuyizu-liucheng ul li:after{content: ""; font-weight: bold; opacity: 0.2; font-size: 80px; font-style: italic; color:#FF6700; display: block; 
position: absolute; right: 20px; bottom: 10px;}
.zuyizu-liucheng ul li:first-child:after{content: "1";}
.zuyizu-liucheng ul li:nth-child(2):after{content: "2";}
.zuyizu-liucheng ul li:nth-child(3):after{content: "3";}
.zuyizu-liucheng ul li:nth-child(4):after{content: "4";}
.zuyizu-liucheng ul li:nth-child(5):after{content: "5";}
.zuyizu-liucheng ul li:nth-child(6):after{content: "6";}
.zuyizu-liucheng ul li:last-child:after{content: "7";}

.zuyizu-video {padding: 100px 0px 0px 0px; background:#000;}
.zuyizu-video .content_video iframe{width:100%;aspect-ratio: 16 / 9;}

.zuyizu-onsale{padding: 100px 0px; background:#000;}
.zuyizu-onsale h2{position: relative; border: 2px solid #ffffff; width: fit-content;   margin:0px auto 60px;
    padding: 10px 40px 10px 40px;    border-radius: 15px 0px 10px 15px;   font-size: 30px;   font-weight: bold;    color: #ffffff;}
.zuyizu-onsale h2 img{position: absolute;  right: -40px;    top: -30%;}
.tableDesktop {   display: table;}
.tableMobile {   display: none;}

#section-onsale {   margin: 2% 0px 30px;}
.new_table_top {   border: 1px solid transparent;   color: #7d6057;    margin-bottom: 20px;}
.new_table_top td {   font-size: 1.3rem;}
.new_table table, .new_table th, .new_table td {   border: 1px solid #C3C3C3;}
.new_table td {   padding: 1% 0;    margin: 0;}
.new_table {   border-collapse: collapse;   font-size: 15px;}
.new_table th {    background-color:#FF6700;   color: #ffffff;    font-size: 24px; font-weight:bold;  padding: 20px 0;}
.new_table td {   height: 40px; font-size:28px;font-weight:bold;}
.NT td:nth-child(1), .SP_td {   color: #FF6700;   font-weight: bold;   font-size: 23px;}
.new_table tr:nth-child(even) {   background-color: #ffffff;}
.new_table tr:nth-child(odd) {   background-color: #ffffff;}
.width_chi_1, .width_chi_2 {   width: 100%;  text-align: center;   margin-top: 50px;}
.service_sm {color: #fff; padding: 30px 0px 0px 0px;}
.service_sm h2{}


.zhuangyizhuang-main {padding: 200px 0px 30px 0px; background: #000;}

.zhuangyizhuang-box01 {margin: 0px auto 60px;}
.zhuangyizhuang-box01 span{font-size: 18px; color: #A2C7F9; margin: auto; display: table;}
.zhuangyizhuang-box01 h2{font-size: 72px; color: #539FD9; text-align: center; line-height: normal;}
.zhuangyizhuang-box01 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.zhuangyizhuang-box01 ul li{width:calc(100%/3); padding: 10px 30px;}
.zhuangyizhuang-box01 ul li h3{font-size: 18px; color: #fff; margin-bottom: 20px;   font-weight: 700;   text-shadow: 4px 0px 10px #6da9ff;}
.zhuangyizhuang-box01 ul li p{color: #fff; font-size: 16px; line-height: 30px;}

.zhuangyizhuang-box02{background: #fff; padding: 60px 0px;}
.zhuangyizhuang-box02 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.zhuangyizhuang-box02 ul li{width: calc(100%/3); padding: 10px 10px; text-align: center;}
.zhuangyizhuang-box02 ul li:first-child,.zhuangyizhuang-box02 ul li:last-child{display: flex; flex-direction: column-reverse; justify-content: center;}
.zhuangyizhuang-box02 ul li .img{padding: 10px 10px;}
.zhuangyizhuang-box02 ul li img{ width: 100%;}
.zhuangyizhuang-box02 ul li .text{padding: 10px 10px;}
.zhuangyizhuang-box02 ul li h3{font-size: 30px; margin-bottom: 20px;}
.zhuangyizhuang-box02 ul li p{line-height: 30px; font-size: 16px;}

.zhuangyizhuang-box03{background: #fff;  padding: 0px 0px 60px 0px;}
.zhuangyizhuang-box03 h2{color: #515151; font-size: 35px; text-align: center; margin-bottom: 30px; }
.zhuangyizhuang-box03 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.zhuangyizhuang-box03 ul li{width: calc(100%/2 - 20px); margin: 10px 10px; padding: 0px 15px; }
.zhuangyizhuang-box03 ul li h3{color: #FF6700; font-size: 25px; margin-bottom: 10px; }
.zhuangyizhuang-box03 ul li p{color: #333333; font-size: 16px;line-height: 30px;  }

.zhuangyizhuang-box04 {padding: 60px 0px;}
.zhuangyizhuang-box04 h2{text-align: center; color: #fff;}
.zhuangyizhuang-box04 a.a-button{border-radius: 30px; font-size: 18px; margin: 30px auto 0px; padding: 10px 30px; border: 2px solid #fff; color: #fff; display: table;}
.zhuangyizhuang-box04 a.a-button:hover{background: #fff; color: #515151; }

.zhuangyizhuang-box04 ul{display: flex; justify-content: center; margin: 40px 0px 0px 0px;}
.zhuangyizhuang-box04 ul li{height: 50px; width: 50px; margin: 0px 3px; font-size: 20px; border-radius: 5px; color: #fff; display: flex; justify-content: center; align-items: center;}
.zhuangyizhuang-box04 ul li i{color: #fff;}

.shishichong-main{padding: 200px 0px 0px 0px; background: #000;}
.shishichong-box01{background: url(../images/shishichong01.webp); height: 100vh; background-size: 100%; padding: 100px 0px;}
.shishichong-box01 h3{color: #FFFFFF; margin-bottom: 30px;   font-size: 37px;    font-weight: 400;   text-decoration: underline;
    -webkit-text-stroke-width: 0px;   stroke-width: 0px;    -webkit-text-stroke-color: #000;   stroke: #000; text-shadow: 0px 0px 10px #0091ff;}
.shishichong-box01 li{color: #fff; font-size: 20px; margin-bottom: 20px;list-style: disc;}


.shishichong-box02{background: url(../images/shishichong02.webp); height: 100vh; background-size: 100%; padding: 100px 0px;}
.shishichong-box02 h3{color: #FFFFFF; margin-bottom: 30px;   font-size: 37px;    font-weight: 400;   text-decoration: underline;
    -webkit-text-stroke-width: 0px;   stroke-width: 0px;    -webkit-text-stroke-color: #000;   stroke: #000; text-shadow: 0px 0px 10px #0091ff;}
.shishichong-box02 li{color: #fff; font-size: 20px; margin-bottom: 20px;list-style: disc;}


.shishichong-box03{background: url(../images/shishichong03.webp); height: 100vh; background-size: 100%; padding: 100px 0px;}
.shishichong-box03 h3{color: #FFFFFF; margin-bottom: 30px;   font-size: 37px;    font-weight: 400;   text-decoration: underline;
    -webkit-text-stroke-width: 0px;   stroke-width: 0px;    -webkit-text-stroke-color: #000;   stroke: #000; text-shadow: 0px 0px 10px #0091ff;}
.shishichong-box03 li{color: #fff; font-size: 20px; margin-bottom: 20px;list-style: disc;}

.shishichong-box04{background: #000;  padding: 60px 0px 60px 0px;}
.shishichong-box04 h2{color: #fff; font-size: 35px; text-align: center; margin-bottom: 30px; }
.shishichong-box04 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.shishichong-box04 ul li{width: calc(100%/2 - 20px); margin: 10px 10px; padding: 0px 15px; }
.shishichong-box04 ul li h3{color: #FF6700; font-size: 25px; margin-bottom: 10px; }
.shishichong-box04 ul li p{color: #fff; font-size: 16px;  }

.shishichong-box05 {background: #fff;padding: 60px 0px;}
.shishichong-box05 h2{text-align: center;}
.shishichong-box05 a.a-button{border-radius: 30px; font-size: 18px; margin: 30px auto 0px; padding: 10px 30px; background: #1b1b1b; color: #fff; display: table;}
.shishichong-box05 a.a-button:hover{background: #3c3b3b; }

.shishichong-box05 ul{display: flex; justify-content: center; margin: 40px 0px 0px 0px;}
.shishichong-box05 ul li{height: 50px; width: 50px; margin: 0px 3px; font-size: 20px; border-radius: 5px; color: #fff; display: flex; justify-content: center; align-items: center;}
.shishichong-box05 ul li i{color: #fff;}

.ehss-main{padding: 200px 0px 30px 0px; background: #000;}
.ehss-box{padding: 0px 0px 60px 0px;}
.ehss-box h2{color:#fff; font-size:35px;text-shadow: 0px 0px 10px #ff5705; line-height: 60px; text-align: center; }
.ehss-box h3{color:#fff; font-size:56px;text-shadow: 0px 0px 10px #ff5705; text-align: center;margin: 60px 0px;}

.ehss-box .ehsslist{display: flex; flex-wrap: wrap;justify-content: space-between;}
.ehss-box .ehsslist ul{width:calc(100%/2);}
.ehss-box .ehsslist li{color:#fff; font-size:25px;text-shadow: 0px 0px 10px #ff5705; list-style: disc; text-align: center; margin: 20px 0px; }
.ehss-box  a.a-button {   border-radius: 30px;   font-size: 18px;   margin: 30px auto 0px;   padding: 10px 30px;  background: #fff;    color: #515151;  
display: table;}

.ehss-box01{background: #fff; padding: 100px 0px;}
.ehss-box01 .lc-box{display: flex; flex-wrap: wrap;justify-content: space-between}
.ehss-box01 .lc-box .text{width: 50%;}
.ehss-box01 .lc-box .text h2{color: #000000; font-size: 38px; margin-bottom: 20px;  font-weight: 800;   line-height: 1.3em;}
.ehss-box01 .lc-box .text h3{color: #000000; font-size: 16px; margin: 10px 0px;}
.ehss-box01 .lc-box .text ul{margin-left: 30px;}
.ehss-box01 .lc-box .text li{list-style: disc; line-height: 30px;font-size: 16px;}
.ehss-box01 .lc-box .img{width: 50%; display: flex; justify-content: center;align-items: center;}
.ehss-box01 .lc-box a.a-button{border: 1px solid #000; padding: 10px 20px; display: table; margin: 20px 0px 0px 0px;}
.ehss-box01 .lc-box a.a-button:hover{color: #fff; background: #000;}

.ehss-box02{background: #000; padding: 100px 0px;}
.ehss-box02 .lc-box{display: flex; flex-wrap: wrap;justify-content: space-between}
.ehss-box02 .lc-box .text{width: 50%;}
.ehss-box02 .lc-box .text h2{color: #fff; font-size: 38px; margin-bottom: 20px;  font-weight: 800;   line-height: 1.3em;}
.ehss-box02 .lc-box .text h3{color: #fff; font-size: 16px; margin:10px 0px;}
.ehss-box02 .lc-box .text ul{margin-left: 30px;}
.ehss-box02 .lc-box .text li{list-style: disc; color: #fff; line-height: 30px;font-size: 16px;}
.ehss-box02 .lc-box .img{width: 50%; display: flex; justify-content: center;align-items: center;}
.ehss-box02 .lc-box .img img{max-width: 100%;}
.ehss-box02 .lc-box a.a-button{border: 1px solid #000; background: #fff; color: #000; padding: 10px 20px; display: table; margin: 20px 0px 0px 0px;}
.ehss-box02 .lc-box a.a-button:hover{color: #fff; background: #000;border: 1px solid #fff;}


.charging-ban{background: url(../images/bg_top-1.jpg); padding: 100px 0px;}
.charging-ban h1 {   color: #FFF;font-size: 33px;     padding-bottom: 9px; text-align: center;}
.charging-ban ul{display: flex; flex-wrap: wrap; justify-content: space-around;     margin: auto; max-width: 640px;}
.charging-ban ul li{color: #FF6700;font-size: 23px; margin: 5px 10px;}

.charging-project{margin: 60px 0px;}
.charging-project h2{ color: #fff; position: relative; background: #FF6700;margin:0 auto 40px; padding: 20px 30px;border-radius: 0px 20px 0px 20px; display: table; }
.charging-project h2:after{content:"";border-radius: 0px 20px 0px 20px; border: 1px solid #FF6700; position: absolute ; right: -10px;
    top: 10px;  display: block;   width: 100%;   height: 100%; z-index: -1;}
.charging-project ul {flex-wrap: wrap; display: flex; margin: 20px 0px;}
.charging-project ul span{display: inline-block;    background: #FF6700;   padding: 4px 20px;   border-radius: 15px;  margin-bottom: 5px;   color: #fff;}
.charging-project ul li{margin: 5px 5px;}    
.charging-project ul li i{color:#ef8f4d;}


.choose-shuoming{display: flex; justify-content: space-between; margin:0px 0px 100px 0px;}	
.choose-shuoming .img{width: 50%;}
.choose-shuoming .img img{width: 100%;}
.choose-shuoming .text{width: 50%; padding: 30px 30px;}
.choose-shuoming .text h2{font-size: 36px; margin-bottom: 20px;}
.choose-shuoming .text span{font-size: 20px;}
.choose-shuoming .text p{margin: 10px 0px;}

.choose-bili .bili-list{display: flex; flex-wrap: wrap; margin: 30px 0px;}
.choose-bili .bili-list .bili-name{width: 300px; font-weight: bold; font-size: 20px; justify-content: center; align-items: center; display: flex;}
.choose-bili .bili-list ul{display: flex; flex-wrap: wrap; width: calc(100% - 300px);}
.choose-bili .bili-list li{width: calc(100%/3 - 20px);  margin: 0px 10px;}
.choose-bili .bili-list li h3{padding: 30px 0px; font-size: 30px; text-align: center; background: linear-gradient(to top, #ffdd77, #fff0c3);border-radius: 10px;}
.choose-bili .bili-list li:nth-child(2) h3{ background: linear-gradient(to top, #a0bbe4, #d3e3f9);}
.choose-bili .bili-list li:nth-child(3) h3{ background: linear-gradient(to top, #a3ccc2, #cfe4d1);}
.choose-bili .bili-list li p{ text-align: center; color: #f0062c; font-size: 30px;}

.choose-list {margin: 20px 0px;}	
.choose-list ul{display: flex; flex-wrap: wrap; justify-content: space-around; margin: 0px -10px; }	
.choose-list ul li{ width: calc(100%/3 - 20px);border-radius: 10px;background: linear-gradient(to top, #ffdd77, #fff0c3);}
.choose-list ul li h3{padding: 30px 0px; font-size: 30px; text-align: center;border-radius: 10px; background: linear-gradient(to top, #ffdd77, #fff0c3);}
.choose-list ul li .text{ padding: 30px 20px; text-align: center;  }
.choose-list ul li:nth-child(2) h3{ background: linear-gradient(to top, #a0bbe4, #d3e3f9);}
.choose-list ul li:nth-child(2){ background: linear-gradient(to top, #a0bbe4, #d3e3f9);}
.choose-list ul li:nth-child(3) h3{ background: linear-gradient(to top, #a3ccc2, #cfe4d1);}
.choose-list ul li:nth-child(3){ background: linear-gradient(to top, #a1d783, #c5e3bb);}
.choose-list ul li .text b{font-size: 30px;}
.choose-list ul li .text p{margin: 30px 0px; font-size: 20px;}

.choose-form{margin:100px 0px 0px 0px;}
.choose-form h2{ color: #fff; position: relative; background: #FF6700;margin:0 auto 40px; padding: 20px 30px;border-radius: 0px 20px 0px 20px; display: table;}
.choose-form h2:after{content:"";border-radius: 0px 20px 0px 20px; border: 1px solid #FF6700; position: absolute ; right: -10px;
    top: 10px;  display: block;   width: 100%;   height: 100%; z-index: -1;}


.charging-ban{background: url(../images/bg_top-1.jpg); padding: 100px 0px;}
.charging-ban h1 {   color: #FFF;font-size: 33px;     text-align: center;}
.charging-ban span{color: #FF6700;font-size: 36px; margin: 5px auto; display: table;}	
.charging-ban p{color: #FF6700;font-size: 23px; margin: 5px 0px; text-align: center;}	

.youhui-box{margin: 100px 0px;}
.youhui-list ul{display: flex; flex-wrap: wrap; }
.myRibbon{position: absolute;
    top: -10px;
    right: -10px;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;}
.myRibbon:before {
    content: var(--text);
    position: absolute;
    width: 150%;
    height: 40px;
    background: var(--first-color);
    transform: rotate(45deg) translateY(-20px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.1em;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
} 
.myRibbon::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: var(--second-color);
    z-index: -1;
    box-shadow: -140px -140px var(--second-color);
}   
.myPricing1,.b-span1,.btn-span1,.h1,.youhui-list .li1 i,.em1 { 
    --text: '入門之選';
    --first-color: #f16321;    
    --second-color: #B07D12;
    --three-color:#fff;
}

.myPricing2,.b-span2,.btn-span2,.h2,.youhui-list .li2 i,.em2 {
    --text: '人氣之選';
    --first-color: #FFB71C;
    --second-color: #927330; 
    --three-color:#fff;
} 
.myPricing3,.b-span3,.btn-span3,.h3,.youhui-list .li3 i,.em3 {
    --text: '性價比之選';
    --first-color: #9f5dbf;
    --second-color: #571d74;
    --three-color:#fff;
}        
.youhui-list li{position:relative;background:url(../images/light-charging-box-1.jpg);width:calc(100%/3 - 40px);
 padding:20px 30px;margin:20px 20px;border-radius:10px;box-shadow: 0px 0px 40px -10px rgb(0 0 0 / 50%);}	
.youhui-list li h2{color: var(--first-color); font-size: 40px;   font-weight: bold;}
.youhui-list li h3{    color: #666666; font-size: 14px;   font-weight: 400;}
.youhui-list dl{color: #666666; margin: 5px 0px;   padding-left: 4px;}
.youhui-list li span{font-size: 16px; display: table; 
    font-weight: 400;
    fill: #F16321;
    color: var(--three-color);
    background: var(--first-color);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--first-color);;
    border-radius: 50px 50px 50px 50px;
    padding: 10px 30px 10px 30px; margin: 5px 0px;}
.youhui-list li i{color: var(--first-color);}    
.youhui-list li a{font-size: 16px; display: table; 
    font-weight: 400;
    fill: #F16321;
    color: var(--first-color);
    background: var(--three-color);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--first-color);;
    border-radius: 50px 50px 50px 50px;
    padding: 10px 30px 10px 30px; margin: 5px 0px;} 
.youhui-list em{color: var(--first-color); font-weight:bold; font-size:36px; margin:20px 0px 0px 0px; text-align:right; display:block;}    
 .youhui-box .yh-text{color: #666666;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6em;
    padding: 0px 0px 20px 0px;}   
 
.youhui-shouming{margin:0px 0px 100px 0px;}    
.youhui-shouming p{margin:5px 0px; font-size:14px;  color:#666666;}    


.charging-popup { z-index: 1; display: none;position: fixed; top: 0;    left: 0;   width: 100%;   height: 100%;    background-color: rgba(0,0,0,0.7);}
.charging-popup-content   {position: absolute;   left: 50%;  top: 50%;  transform: translate(-50%, -50%);     padding: 20px;} 
.charging-popup-content  img{max-width:100%;border-radius:20px;}           
.charging-popupss {padding:10px 30px; font-size:20px; font-weight:bold; border-radius: 30px;  margin:auto; display:table; background: #ff8000; color: #fff;}
.charging-popup .close-btn {  position: absolute;   width: 100%;  height: 100%;   cursor: pointer;}
.charging-popup .close-btn i{left: 24%;top:18%;position: absolute;color:#fff; width:30px; height:30px;border-radius: 100%; display:flex;
justify-content: center;  align-items: center; border:2px solid #fff;opacity:0.3;}


.company-main{background: #000; padding: 100px 0px 0px 0px;}
.company-box01 {display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center;padding: 100px 0px;}
.company-box01 .text {width: 50%;}
.company-box01 .text h2{color: #FF8000;font-size: 58px; margin-bottom: 20px; font-weight: 900;   line-height: 1.2em;}
.company-box01 .text p{color: #fff; font-size: 23px; margin-bottom: 20px;   line-height: 1.65em;}
.company-box01 .text a.a-button{font-size: 17px;  display: table; font-weight: 700; color: #fff;   background-color: #CC543A;    border:2px solid #A0522D; border-radius: 50px;   padding: 18px 37px 18px 37px;}
.company-box01 .text a.a-button:hover{ background: none; border: 2px solid #fff;}
.company-box01 .img {width: 50%;}
.company-box01 .img img{max-width: 100%;}

.company-box02 {background:#fff;display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center;padding: 100px 0px;}
.company-box02 .text {}
.company-box02 .text h2{color: #FF8000;font-size: 58px; margin-bottom: 20px; font-weight: 900;   line-height: 1.2em;}
.company-box02 .text p{color: #604C38; font-size: 23px; margin-bottom: 20px;   line-height: 1.65em;}
.company-box02 .text a.a-button{font-size: 17px; display: table; margin: auto;  font-weight: 700; color: #fff;   background-color: #CC543A;    border:2px solid #A0522D; border-radius: 50px;   padding: 18px 37px 18px 37px;}
.company-box02 .text a.a-button:hover{ background: none; color: #CC543A; border: 2px solid #CC543A;}

.company-box03 {background:#F2F2F2; position: relative;}
.company-box03:before{ content: ""; display: block; height: 200px; width: 100%; background: #000; z-index: -1; margin-bottom: -180px;}
.company-box03 .hz-box{display:flex; flex-wrap:wrap; align-items:center;padding: 20px 20px 20px 20px; background-color: #FAFAFA;   border-radius: 10px;    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 25%);}
.company-box03 .hz-box .img{width: 30%;}
.company-box03 .hz-box .img img{max-width: 100%;}
.company-box03 .hz-box .text{width: 70%; padding: 50px 0px 50px 30px;}
.company-box03 .hz-box .text h3{ font-size: 24px; color: #515151; margin-bottom: 20px; font-weight: bold; text-align: center;}
.company-box03 .hz-box .text p{ font-size: 16px; color: #333333; line-height: 30px;}
.company-box03 .hz-box a.a-button{display: table; background: #69727d;   font-size: 15px; margin:20px auto 0px;  padding: 12px 24px;    border-radius: 3px;
    color: #fff; text-align: center;   transition: all .3s;}

.company-box03 ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 100px auto; }    
.company-box03 ul li{width:calc(100%/3 - 40px);background: #F2F2F2;box-shadow: 0px 0px 40px 10px rgb(0 0 0 / 5%);  text-align: center;  margin: 0px 20px 0px 20px;  
  padding: 50px 40px 40px 40px;}
.company-box03 ul li h3{color: #4169E1;  font-size: 23px;  margin-bottom: 10px;  font-weight: bold;}  
.company-box03 ul li p{color:  #333333; line-height: 30px; font-size: 16px; }  

.nass-main { background: #000; padding: 100px 0px 0px 0px;}
.nass-box01 .text{text-align: center;}
.nass-box01 .text h3{color: #FF7913; padding: 20px 0px;  font-size: 30px;  font-weight: bold;}
.nass-box01 .text p{color: #fff;  font-size: 18px; line-height: 35px;}

.nass-box02 {background: #fff; padding: 100px 0px;}
.nass-box02 ul {display: flex; flex-wrap: wrap; justify-content: space-between;  }    
.nass-box02 ul li{width:calc(100%/4 - 40px);box-shadow: 0px 0px 40px 10px rgb(0 0 0 / 5%);  text-align: center;  margin: 0px 20px 0px 20px;  
  padding: 50px 40px 40px 40px;}
.nass-box02 ul li h3{color: #515151;  font-size: 23px;  margin-bottom: 10px;  font-weight: bold;}  
.nass-box02 ul li p{color:  #333333; line-height: 30px; font-size: 16px; }  

.nass-box03 {background: #fff; padding: 0px 0px 100px 0px;}
.nass-box03 h2{color: #FF7913;  padding: 20px 0px; margin-bottom: 30px; text-align: center;  font-size: 30px;   font-weight: bold;}
.nass-box03 ul {display: flex; flex-wrap: wrap; justify-content: space-between;  }    
.nass-box03 ul li{width:calc(100%/3 - 40px);box-shadow: 0px 0px 40px 10px rgb(0 0 0 / 5%);  text-align: center;  margin: 0px 20px 0px 20px;  
  padding: 50px 40px 40px 40px;}
.nass-box03 ul li h3{color: #515151;  font-size: 23px;  margin-bottom: 10px;  font-weight: bold;}  
.nass-box03 ul li p{color:  #333333; line-height: 30px; font-size: 16px; }  

.nass-box04 {background: #fff; padding: 0px 0px 100px 0px;}
.nass-box04 .nasslist{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.nass-box04 .nasslist .left{width: calc(100%/3);}
.nass-box04 .nasslist .mid{width: calc(100%/3); padding: 0px 20px;}
.nass-box04 .nasslist .mid img{ max-width: 100%;}
.nass-box04 .nasslist .right{width: calc(100%/3);}

.nass-box04 ul li { margin: 20px 0px;}
.nass-box04 ul li h3{ font-size: 35px; color: #515151; margin-bottom: 20px;}
.nass-box04 ul li p{ font-size: 16px; color: #333; line-height: 30px;}

.nass-box05 {background: #fff; padding: 0px 0px 30px 0px;}
.nass-box05 ul{ margin-bottom: 60px;}
.nass-box05 ul li{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.nass-box05 ul li .img{width: 50%;}
.nass-box05 ul li .img img{max-width: 100%;}
.nass-box05 ul li .text{width: 50%; padding-left: 20px;}
.nass-box05 ul li .text h3{color: #FF7913;  padding: 20px 0px;      font-size: 30px;   font-weight: bold;}
.nass-box05 ul li .text p{color: #333;     font-size: 20px; }

.nass-box06{background: #fff; padding: 0px 0px 20px 0px;}
.nass-box06 .zongzhi-box{background: #000; padding:60px 60px; border-radius: 20px; display: flex; justify-content: space-between; align-items: center;}
.nass-box06 .left{width: 60%;}
.nass-box06 .left h3{ color: #fff; font-size: 35px; margin-bottom:20px;font-weight: bold;}
.nass-box06 .left p{ color: #fff; font-size: 20px; }

.nass-box06 a.a-button{font-size: 16px; display: inline-block;  font-weight: bold; color: #fff; padding: 20px 30px;  background: #303d71;   border: 2px solid #303d71;   
border-radius: 50px ;}

.case-reference-box01{ height: 100vh; background: url(../images/wueIw.webp); background-size:100% 100%; display: flex; justify-content: center; align-items: center; }
.case-reference-box01 h2{color: #FFFCFC;   font-size: 70px;   font-weight: 500;    line-height: 1.15em;}

.case-reference-box01 a.a-button{display: table; background: #fff;  font-weight: bold;  font-size: 20px; margin:20px auto 0px;  padding: 15px 40px;    border-radius: 50px;
    color: #045089; text-align: center;   transition: all .3s;}
.case-reference-box02{ text-align: center; padding: 60px 0px;}    

.case-reference-box03 li{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 30px 0px;}
.case-reference-box03 li .img{ width: 30%; text-align: center;}
.case-reference-box03 li .img img{ max-width:100%;}
.case-reference-box03 li .text{ width: 70%; padding-left: 30px;}
.case-reference-box03 li h3{  font-size: 30px; margin-bottom: 20px; font-weight: bold;  color: #ff6600;}
.case-reference-box03 li p{  font-size: 16px;  color: #333; line-height: 30px;}

.case-reference-box04{ background: #045089; padding: 60px 0px;}
.case-reference-box04 .text{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.case-reference-box04 .text h3{ color:#fff; font-size: 30px;}
.case-reference-box04 a.a-button{border-radius: 30px;font-size: 18px;   margin: 0px 20px;   padding: 10px 30px;   border: 2px solid #fff; 
  color: #fff;   display: table;}

.newlink-box02{background: #000; padding: 60px 0px;}  
.newlink-box02 .text h2{color: #FF3C49;  text-align: center; font-size: 30px; font-weight: bold;  text-shadow: 0px 0px 6px #ff0000;}
.newlink-box02 .text p{color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 44px;
    -webkit-text-stroke-width: 0px;
    stroke-width: 0px;
    -webkit-text-stroke-color: #000;
    stroke: #000;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 30%);
}

.newlink-box03 {background: #fff; padding: 100px 0px;}
.newlink-box03 h2{color: #FF3C49;  text-align: center; font-size: 30px; margin-bottom: 30px;   text-shadow: 0px 0px 2px #ff0000;}
.newlink-box03 ul {display: flex; flex-wrap: wrap; justify-content: space-between;  }    
.newlink-box03 ul li{width:calc(100%/4 - 40px);box-shadow: 0px 0px 40px 10px rgb(0 0 0 / 5%);  text-align: center;  margin: 0px 20px 0px 20px;  
  padding: 50px 40px 40px 40px;}
.newlink-box03 ul li h3{color: #515151;  font-size: 23px;  margin-bottom: 10px;  font-weight: bold;}  
.newlink-box03 ul li p{color:  #333333; line-height: 30px; font-size: 16px; } 

.newlink-box05 {background: #fff; padding: 0px 0px 100px 0px;}
.newlink-box05 h2{color: #FF3C49;  text-align: center; font-size: 30px; margin-bottom: 30px; font-weight: bold;  }
.newlink-box05 ul {display: flex; flex-wrap: wrap; justify-content: space-between;  }    
.newlink-box05 ul li{width:calc(100%/3 - 40px);box-shadow: 0px 0px 40px 10px rgb(0 0 0 / 5%);  text-align: center;  margin: 0px 20px 0px 20px;  
  padding: 50px 40px 40px 40px;}
.newlink-box05 ul li h3{color: #515151;  font-size: 23px;  margin-bottom: 10px;  font-weight: bold;}  
.newlink-box05 ul li p{color:  #333333; line-height: 30px; font-size: 16px; } 

.newlink-box06 {background: #fff; padding: 0px 0px 100px 0px;}
.newlink-box06 ul {display: flex; flex-wrap: wrap; justify-content: space-between;  }    
.newlink-box06 ul li{width:calc(100%/4 - 40px);box-shadow: 0px 0px 40px 10px rgb(0 0 0 / 5%);  text-align: center;  margin: 0px 20px 0px 20px;  
  padding: 50px 40px 40px 40px;}
.newlink-box06 ul li h3{color: #515151;  font-size: 23px;  margin-bottom: 10px;  font-weight: bold;}  
.newlink-box06 ul li p{color:  #333333; line-height: 30px; font-size: 16px; }   

.newlink-box07 .shuju-box{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.newlink-box07 .shuju-box .left{ width: 25%;}
.newlink-box07 .shuju-box .mid{ width: 50%;}
.newlink-box07 .shuju-box .mid img{ max-width: 100%;}
.newlink-box07 ul.count-num{margin: 100px 0px;}
.newlink-box07 ul.count-num li {text-align: center; margin: 30px 0px;}
.newlink-box07 ul.count-num li span{color: #FF4D00;   font-size: 40px;   font-weight: bold;}
.newlink-box07 ul.count-num li p{color: #333;   font-size: 18px;  }

.newlink-box08 {padding: 0px 0px 100px 0px;}
.newlink-box08 ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.newlink-box08 ul li{ width: calc(100%/2); text-align: center;}
.newlink-box08 ul li img{width: 100px;}

.newlink-box08 .img{ margin: 60px auto;}
.newlink-box08 .text p{color: #333;   font-size: 18px;  line-height: 30px; }

.newlink-box09 { padding: 0px 0px 100px 0px;}
.newlink-box09 .qqh-top{text-align: center; margin-bottom: 30px;}
.newlink-box09 .qqh-top h2{ font-size: 36px; margin-bottom: 20px; font-weight: bold; }
.newlink-box09 .qqh-top ul{width: 260px; margin: auto;} 
.newlink-box09 .qqh-top li{color: #333;   list-style: disc; font-size: 18px;  line-height: 30px; }
.newlink-box09 .qqh-bottom {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.newlink-box09 .qqh-bottom .left{ width: 25%;}
.newlink-box09 .qqh-bottom .left .text{ margin-bottom: 30px;}
.newlink-box09 .qqh-bottom .left ul{margin-left: 30px;}
.newlink-box09 .qqh-bottom .left li{color: #333;   list-style: disc; font-size: 18px;  line-height: 30px; }
.newlink-box09 .qqh-bottom .mid{ width: 50%; padding: 0px 20px;}
.newlink-box09 .qqh-bottom .mid img{ max-width: 100%;}

.newlink-box11{background: #fff; padding: 0px 0px 20px 0px;}
.newlink-box11 .zongzhi-box{background: #000; padding:60px 60px; border-radius: 20px; display: flex; justify-content: space-between; align-items: center;}
.newlink-box11 .left{width: 60%;}
.newlink-box11 .left h3{ color: #fff; font-size: 35px; margin-bottom:20px;font-weight: bold;}
.newlink-box11 .left p{ color: #fff; font-size: 20px; }
.newlink-box11 a.a-button{font-size: 16px;   font-weight: bold; color: #fff; padding: 20px 30px;  background: #303d71;   border: 2px solid #303d71;   
border-radius: 50px ;}

.product-matrix-box01 video{display: block;width: 100%; height: 100%;}

.product-matrix-box02{background: #000;}
.product-matrix-box02 h2{color: #ff6600; font-size: 30px; text-align: center;}
.product-matrix-box02 ul{ display: flex; flex-wrap:wrap ; justify-content: space-between;}
.product-matrix-box02 ul li{width: calc(100%/2);  text-align: center;}
.product-matrix-box02 ul li img{ max-width: 100%;}
.product-matrix-box02 ul li h3{color: #fff; font-size: 35px;}

.product-matrix-box03{background: #000; padding: 60px 0px;}
.product-matrix-box03 h2{color: #ff6600; font-size: 30px; text-align: center;}
.product-matrix-box03 ul{ }
.product-matrix-box03 ul li{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.product-matrix-box03 ul li .img{width: 50%; text-align: center;}
.product-matrix-box03 ul li img{ max-width: 100%;}
.product-matrix-box03 ul li .text{width: 50%;}
.product-matrix-box03 ul li h3{color: #fff; font-size: 35px;text-align: center;}
.product-matrix-box03 ul li a.a-button{display: table; background: #fff;  font-weight: bold;  font-size: 16px; margin:20px auto 0px;  padding: 10px 20px;   
 border-radius: 10px;   color: #045089; text-align: center;   transition: all .3s;}
 
.product-matrix-box04 {background: #fff;padding: 60px 0px;}
.product-matrix-box04 h2{text-align: center;}
.product-matrix-box04 a.a-button{border-radius: 30px; font-size: 18px; margin: 30px auto 0px; padding: 10px 30px; background: #1b1b1b; color: #fff; display: table;}
.product-matrix-box04 a.a-button:hover{background: #3c3b3b; }

.naas-charger-list-box01{background: #000; padding: 100px 0px;}
.naas-charger-list-box01 h2{font-size: 35px; color: #fff; text-align: center; margin-bottom: 30px;}
.naas-charger-list-box01 p{font-size: 16px; color: #fff; text-align: center; line-height: 30px;}
.naas-charger-list-box01 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.naas-charger-list-box01 ul li{ width: calc(100%/4);}
.naas-charger-list-box01 ul li img{max-width: 100%;}
.naas-charger-list-box01 ul li h3{ color: #fff; text-align: center;}

.naas-charger-list-box01 a.a-button{font-size: 32px; color: #fff; text-shadow: 0px 0px 10px #ffffff; margin: 60px auto 0px; display: table;}

.naas-charger-list-box02 .n-top h2{ font-size: 42px; padding:100px 0px;text-align: center; font-weight: bold;}
.naas-charger-list-box02 .n-top ul li{display: flex; flex-wrap: wrap; justify-content: space-between;}
.naas-charger-list-box02 .n-top ul li .img{width: 50%;}
.naas-charger-list-box02 .n-top ul li .text{width: 50%; text-align: center;}
.naas-charger-list-box02 .n-top ul li .text h3{font-size: 35px; margin: 20px 0px;}
.naas-charger-list-box02 .n-top ul li .text p{font-size: 20px;}

.naas-charger-list-box02 .n-mid h2{ font-size: 42px; padding:100px 0px;text-align: center; font-weight: bold;}
.naas-charger-list-box02 .n-mid ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.naas-charger-list-box02 .n-mid ul li{width: calc(100%/2); padding: 0px 30px;}
.naas-charger-list-box02 .n-mid ul li:last-child{flex-direction: column-reverse;    display: flex;}
.naas-charger-list-box02 .n-mid ul li .img img{max-width: 100%;}
.naas-charger-list-box02 .n-mid ul li .text{ text-align: center;}
.naas-charger-list-box02 .n-mid ul li .text h3{font-size: 18px; margin: 20px 0px;}
.naas-charger-list-box02 .n-mid ul li .text p{font-size: 16px; font-weight: bold;}

.naas-charger-list-box02 .n-bottom ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.naas-charger-list-box02 .n-bottom ul li{width: calc(100%/4); padding: 0px 30px;}
.naas-charger-list-box02 .n-bottom ul li span{ border-radius: 100%; width: 50px; height: 50px; display: table; margin: auto;}
.naas-charger-list-box02 .n-bottom ul li:first-child span{ background: #949393;}
.naas-charger-list-box02 .n-bottom ul li:nth-child(2) span{ background: #23222e;}
.naas-charger-list-box02 .n-bottom ul li:nth-child(3) span{ background: #850E0E;}
.naas-charger-list-box02 .n-bottom ul li:last-child span{ background: #EFEFEF;}
.naas-charger-list-box02 .n-bottom ul li h3{font-size: 30px; color: #515151; text-align: center; margin: 20px 0px;}
.naas-charger-list-box02 .n-bottom ul li p{font-size: 16px;  color:#333333;text-align: center; font-weight: bold; }

.naas-charger-list-box03{padding: 100px 0px;}

.naas-charger-list-box04 .n-top h2{ font-size: 42px;border-radius: 20px; background: #000;  color:#fff;padding:100px 0px;text-align: center; font-weight: bold;}
.naas-charger-list-box04 .n-top img{max-width: 100%;}

.naas-charger-list-box04 .n-bottom ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.naas-charger-list-box04 .n-bottom ul li{width: calc(100%/2);}
.naas-charger-list-box04 .n-bottom ul li img{max-width: 100%;}
.naas-charger-list-box04 .n-bottom ul li h3{font-size: 30px; color: #515151; margin-bottom: 20px;}
.naas-charger-list-box04 .n-bottom ul li p{font-size: 18px; color: #333; line-height: 30px;}

.naas-charger-list-box05{padding: 100px 0px;}
.naas-charger-list-box05 h2{ font-size: 42px; border-radius: 20px; margin-bottom: 60px; background: #000;  color:#fff;padding:100px 0px;text-align: center; font-weight: bold;}
.naas-charger-list-box05 ul li{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.naas-charger-list-box05 ul li .img{width: 50%;}
.naas-charger-list-box05 ul li .img img{max-width: 100%;}
.naas-charger-list-box05 ul li .text{width: 50%; padding-left: 20px;}
.naas-charger-list-box05 ul li .text h3{color: #FF7913;  padding: 20px 0px;      font-size: 30px;   font-weight: bold;}
.naas-charger-list-box05 ul li .text p{color: #333;     font-size: 20px; }

.naas-charger-list-box06{background: #fff; padding: 0px 0px 20px 0px;}
.naas-charger-list-box06 .zongzhi-box{background: #01b88e; padding:60px 60px; border-radius: 20px; display: flex; justify-content: space-between; align-items: center;}
.naas-charger-list-box06 .left{width: 60%;}
.naas-charger-list-box06 .left h3{ color: #fff; font-size: 35px; margin-bottom:20px;font-weight: bold;}
.naas-charger-list-box06 .left p{ color: #fff; font-size: 20px; }
.naas-charger-list-box06 a.a-button{font-size: 16px;   font-weight: bold; color: #fff; padding: 20px 30px;  background: #303d71;   border: 2px solid #303d71;   
border-radius: 50px ;}

.charging-safety-box01{background: url(../images/n-1.webp); padding: 100px 0px;}
.charging-safety-box01 h2{ color: #fff; font-size: 42px; text-align: center; margin-bottom: 30px;}
.charging-safety-box01 .c-top h3{font-size: 30px; color: #fff; text-align: center;}
.charging-safety-box01 .c-top ul{display: flex; justify-content: center;}
.charging-safety-box01 .c-top ul li{color: #fff; font-size: 18px; margin: 100px 100px;}
.charging-safety-box01 .c-bottom ul{display: flex; justify-content: center;}
.charging-safety-box01 .c-bottom ul li{width: calc(100%/4); padding: 10px 10px;}
.charging-safety-box01 .c-bottom ul li img{max-width: 100%;}

.charging-safety-box02 ul{display: flex; flex-wrap: wrap; justify-content: center;}
.charging-safety-box02 ul li{width: calc(100%/2); padding: 10px 10px;}
.charging-safety-box02 ul li img{max-width: 100%;}

.charging-safety-box03 ul li{display: flex; flex-wrap: wrap; align-items:center;justify-content: space-between; margin: 60px 0px;}
.charging-safety-box03 ul li:nth-child(2n){ flex-direction: row-reverse;} 
.charging-safety-box03 ul li .img{width: 30%;}
.charging-safety-box03 ul li .img img{max-width: 100%;}
.charging-safety-box03 ul li .text{width: 70%; padding: 0px 30px;}
.charging-safety-box03 ul li .text h3{ font-size: 30px; color: #515151; margin-bottom: 20px;}
.charging-safety-box03 ul li .text p{ font-size: 16px; color: #333; line-height: 30px;}

.charging-safety-box04 {background: #fff;padding: 60px 0px;}
.charging-safety-box04 h2{text-align: center;}
.charging-safety-box04 a.a-button{border-radius: 30px; font-size: 18px; margin: 30px auto 0px; padding: 10px 30px; background: #1b1b1b; color: #fff; display: table;}
.charging-safety-box04 a.a-button:hover{background: #3c3b3b; }

.ac-chargers-box01{position: relative; background: #000; padding: 100px 0px;}
.ac-chargers-box01 .ac-box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ac-chargers-box01 .left {color:#fff;}
.ac-chargers-box01 .left ul{margin-left: 30px;}
.ac-chargers-box01 .left h2{ color: #fff; font-size: 35px; margin-bottom: 20px;}
.ac-chargers-box01 .left dd{ color: #fff; font-size: 24px; line-height: 30px; list-style: disc;}

.ac-chargers-box01 .right {}
.ac-chargers-box01 .right ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ac-chargers-box01 .right ul li{width: calc(100%/2 - 40px); margin: 20px 20px; padding: 60px 30px; background: #fff; border-radius: 20px;}
.ac-chargers-box01 .right ul li h3{font-size: 18px; color: #515151; text-align: center; margin-bottom: 20px;}
.ac-chargers-box01 .right ul li:hover{background: #FC8702;}

.ac-chargers-box02 h2{ font-size: 42px; color: #FF7501; padding:100px 0px;text-align: center; font-weight: bold;}
.ac-chargers-box02 ul li{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.ac-chargers-box02 ul li .img{width: 40%;}
.ac-chargers-box02 ul li .img img{max-width: 100%;}
.ac-chargers-box02 ul li .text{width: 60%; }
.ac-chargers-box02 ul li .text h3{font-size: 18px; margin: 20px 0px;}
.ac-chargers-box02 ul li .text p{font-size: 16px;}

.ac-chargers-box03{background: #000; padding: 100px 0px; position: relative;}
.ac-chargers-box03 h2{color: #FFFFFF; text-align: center; font-size: 35px;  -webkit-text-stroke-width: 0.5px;   stroke-width: 0.5px;   -webkit-text-stroke-color: #F94D03;   stroke: #F94D03;   text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);}
.ac-chargers-box03 ul{}
.ac-chargers-box03 ul li{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.ac-chargers-box03 ul li .img{width: 40%;}
.ac-chargers-box03 ul li img{max-width: 100%;}
.ac-chargers-box03 ul li .text{width: 60%; }
.ac-chargers-box03 ul li h3{font-size: 30px; color: #fff; margin-bottom: 20px;}
.ac-chargers-box03 ul li p{font-size: 18px; color: #fff; line-height: 30px;}

.ac-chargers-box04{padding: 100px 0px;position: relative;}
.ac-chargers-box04 ul{}
.ac-chargers-box04 h2{color: #000; text-align: center; font-size: 35px;  -webkit-text-stroke-width: 0.5px;   stroke-width: 0.5px;   -webkit-text-stroke-color: #F94D03;   stroke: #F94D03;   text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);}
.ac-chargers-box04 ul li{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.ac-chargers-box04 ul li .img{width: 40%;}
.ac-chargers-box04 ul li img{max-width: 100%;}
.ac-chargers-box04 ul li .text{width: 60%; }
.ac-chargers-box04 ul li h3{font-size: 30px; color: #515151; margin-bottom: 20px;}
.ac-chargers-box04 ul li p{font-size: 18px; color: #333; line-height: 30px;}

.ac-chargers-box05 {background: #fff;padding: 60px 0px;}
.ac-chargers-box05 h2{text-align: center;}
.ac-chargers-box05 a.a-button{border-radius: 30px; font-size: 18px; margin: 30px auto 0px; padding: 10px 30px; background: #1b1b1b; color: #fff; display: table;}
.ac-chargers-box05 a.a-button:hover{background: #3c3b3b; }


.dc-chargers-box01{background: url(../images/n-1.webp); padding: 100px 0px 300px 0px;}
.dc-chargers-box01 h2{ color: #fff; font-size: 42px; text-align: center; margin-bottom: 30px;}
.dc-chargers-box01 .c-top h3{font-size: 30px; color: #fff; text-align: center;}
.dc-chargers-box01 .c-top ul{display: flex; justify-content: center;}
.dc-chargers-box01 .c-top ul li{color: #fff; font-size: 18px; margin: 100px 100px;}

.dc-chargers-box02{padding: 60px 0px 0px 0px;}
.dc-chargers-box02 h2{text-align: center; font-size: 20px;}
.dc-chargers-box02 ul li{display: flex; flex-wrap: wrap; align-items:center;justify-content: space-between; margin: 60px 0px;}
.dc-chargers-box02 ul li:nth-child(2n){ flex-direction: row-reverse;} 
.dc-chargers-box02 ul li .img{width: 30%;}
.dc-chargers-box02 ul li .img img{max-width: 100%;}
.dc-chargers-box02 ul li .text{width: 70%; padding: 0px 30px;}
.dc-chargers-box02 ul li .text h3{ font-size: 30px; color: #515151; margin-bottom: 20px;}
.dc-chargers-box02 ul li .text h4{ font-size: 20px; color: #515151; margin-bottom: 20px; font-weight: bold;}
.dc-chargers-box02 ul li .text p{ font-size: 16px; color: #333; line-height: 30px;}

.dc-chargers-box03 {background: #fff;padding: 60px 0px;}
.dc-chargers-box03 h2{text-align: center;}
.dc-chargers-box03 a.a-button{border-radius: 30px; font-size: 18px; margin: 30px auto 0px; padding: 10px 30px; background: #1b1b1b; color: #fff; display: table;}
.dc-chargers-box03 a.a-button:hover{background: #3c3b3b; }


.charging-robot-box02{ padding: 100px 0px; background: #000;}
.charging-robot-box02 p{color: #fff; text-align: center; font-size: 18px;}
.charging-robot-box02 h2{color: #fff; text-align: center; font-size: 30px; margin-top: 30px;}
.charging-robot-box02 img{ margin: auto; display:block;}

.charging-robot-box03{background: url(../images/n-1.webp); padding: 100px 0px;}
.charging-robot-box03 h2{ color: #fff; font-size: 42px; text-align: center; margin-bottom: 30px;}
.charging-robot-box03 .c-top h3{font-size: 30px; color: #FF6B06FC; text-align: center;}
.charging-robot-box03 .c-top ul{display: flex; justify-content: center;}
.charging-robot-box03 .c-top ul li{color: #fff; font-size: 18px; margin: 100px 100px;}
.charging-robot-box03 .c-bottom ul{display: flex; justify-content: center;}
.charging-robot-box03 .c-bottom ul li{width: calc(100%/4); padding: 10px 10px;}
.charging-robot-box03 .c-bottom ul li img{max-width: 100%;}

.charging-robot-box04{ padding: 100px 0px; background: #000;}
.charging-robot-box04 h2{color: #fff; font-size: 35px; text-align: center; margin-bottom: 30px; }
.charging-robot-box04 ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.charging-robot-box04 ul li{width: calc(100%/2 - 20px); margin: 10px 10px; padding: 0px 15px; }
.charging-robot-box04 ul li h3{color: #FF6700; font-size: 25px; margin-bottom: 10px; }
.charging-robot-box04 ul li p{color: #fff; font-size: 16px;  }

.charging-robot-box05 {background: #fff;padding: 60px 0px;}
.charging-robot-box05 h2{text-align: center;}
.charging-robot-box05 a.a-button{border-radius: 30px; font-size: 18px; margin: 30px auto 0px; padding: 10px 30px; background: #1b1b1b; color: #fff; display: table;}
.charging-robot-box05 a.a-button:hover{background: #3c3b3b; }

.charging-robot-box05 ul{display: flex; justify-content: center; margin: 40px 0px 0px 0px;}
.charging-robot-box05 ul li{height: 50px; width: 50px; margin: 0px 3px; font-size: 20px; border-radius: 5px; color: #fff; display: flex; justify-content: center; align-items: center;}


.yaoyue-list{display: flex;flex-wrap: wrap; margin: 20px 0px;}

.yaoyue-list .yaoyue-list-name{width: 200px;margin-right:2px;padding:30px 10px;font-size:20px; font-weight: bold; color:#fff;display: flex; justify-content: center;align-items: center;}
.yaoyue-list:first-child .yaoyue-list-name{background: #78D3CA;}
.yaoyue-list:nth-child(2) .yaoyue-list-name{background: #EEE091;}
.yaoyue-list:nth-child(3) .yaoyue-list-name{background: #B4A7E2;}
.yaoyue-list:nth-child(4) .yaoyue-list-name{background: #3b85c3;}
.yaoyue-list:nth-child(5) .yaoyue-list-name{background: #00623b;}
.yaoyue-list:nth-child(6) .yaoyue-list-name{background: #3b5998;}
.yaoyue-list:nth-child(7) .yaoyue-list-name{background: #cd201f;}
.yaoyue-list:nth-child(8) .yaoyue-list-name{background: #F600FF;}
.yaoyue-list:nth-child(9) .yaoyue-list-name{background: #f2c838;}

.yaoyue-list ul{width: calc(100% - 202px);}

.yaoyue-list ul li{display: flex;flex-wrap: wrap;}
.yaoyue-list ul li span{width: calc(100%/3); padding:10px 10px; font-size:18px; display:flex; align-items:center; white-space: normal;word-break: break-all;  word-wrap: break-word; border-right: 1px solid #f9f9f9;}
.yaoyue-list ul li span:last-child{border-right: none;}

.yaoyue-list ul li:first-child{background: #FF6E00 !important; color: #fff; text-align: center;  font-weight: bold;}
.yaoyue-list ul li:first-child span{font-weight: bold;font-size: 20px;}
.yaoyue-list ul li:nth-child(1n){background: #ccc;}
.yaoyue-list ul li:nth-child(2n){background: #eee;}

.club-box01{display: flex; flex-wrap: wrap;}
.club-box01 .img{width: 50%;}
.club-box01 .img iframe{aspect-ratio: 16/9;  height: auto;   display: block;}
.club-box01 .img img{width: 100%;display: block;}
.club-box01 .text{width: 50%;background: #FF6E00;padding: 10% 60px 0px 60px;align-items: center; color:#fff}
.club-box01 .text h2{color: #fff; font-size: 100px; font-weight: bold;}

.club-box010 ul{display: flex; flex-wrap: wrap; margin: 0px auto;}
.club-box010 ul li{width: calc(100%/2 - 20px);display: flex; flex-wrap: wrap; margin: 10px;}
.club-box010 ul li iframe{aspect-ratio: 16/9;  height: auto;}


.club-box02 {padding: 60px 0px; background: #fcf8ef;}
.club-box02 li{display: flex; flex-wrap: wrap; margin: 0px auto; }
.club-box02 li:nth-child(2n){flex-direction: row-reverse;}
.club-box02 li .img{width: 60%;}
.club-box02 li .img img{width: 100%;display: block;}
.club-box02 li .text{width: 40%;padding: 0px 60px 0px 60px;display: flex; justify-content: center; flex-direction: column;}
.club-box02 li .text h3{color: #00333a; font-size: 40px; margin-bottom: 20px;}
.club-box02 li .text p{line-height: 30px;}

.club-box03 {padding: 60px 0px; background:#fef7f7;}
.club-box03 li{display: flex; flex-wrap: wrap; margin: 0px auto; flex-direction: row-reverse;}
.club-box03 li .img{width: 60%;}
.club-box03 li .img img{width: 100%;display: block;}
.club-box03 li .text{width: 40%;padding: 0px 60px 0px 60px;display: flex; justify-content: center; flex-direction: column;}
.club-box03 li .text h3{color: #fe5d66; font-size: 40px; margin-bottom: 20px;}
.club-box03 li .text p{line-height: 30px;}

.club-box04 {background: #dffaf5;   padding: 60px 0px;}
.club-box04 .tit {text-align: center; margin-bottom: 60px;} 
.club-box04 .tit h2{color: #000; font-size: 55px; font-weight: bold; margin-bottom: 20px;}
.club-box04 .tit p{color: #000; font-size: 18px; }
.club-box04 ul{display: flex; flex-wrap: wrap;}
.club-box04 li{ width: calc(100%/4 - 20px);display: flex; flex-wrap: wrap; margin: 10px 10px;}
.club-box04 li:nth-child(2n){flex-direction: column-reverse;}
.club-box04 li .img{width: 100%;}
.club-box04 li .img img{width: 100%;display: block;}
.club-box04 li .text{width: 100%;padding: 10px 0px 10px 0px;}
.club-box04 li .text h3{color: #000; font-size: 24px; margin-bottom: 10px;}
.club-box04 li .text p{line-height: 30px;}

.club-box004 {background: #fff;   padding: 60px 0px;}
.club-box004 .tit {text-align: center; margin-bottom: 60px;} 
.club-box004 .tit h2{color: #000; font-size: 55px; font-weight: bold; margin-bottom: 20px;}
.club-box004 .tit p{color: #000; font-size: 18px;text-align:center;}
.club-box004 ul{display: flex; flex-wrap: wrap;}
.club-box004 li{ width: calc(100%/4 - 20px);display: flex; flex-wrap: wrap; margin: 10px 10px;  }
.club-box004 li .item{ cursor: pointer;}
.club-box004 li img{width: 100%; border:solid #ccc 1px;}
.club-box004 li h2{color: #000; font-size: 16px; text-align:center; margin-top: 10px;}

.popup {  display: none;  position: fixed;    top: 0;    left: 0;
   width: 100%;   height: 100%;   background-color: rgba(0,0,0,0.8);}
.popup .popup-content{overflow-y: auto; padding: 30px 30px; background:#fff; width:500px;height: 50%;
    position: absolute;  top: 50%;   left: 50%;   transform: translate(-50%, -50%); line-height:30px;border-radius:15px;}
.popup .close {  position: absolute; width: 100%; height: 100%;   cursor: pointer;}














.club-box05 {padding: 60px 0px 0px 0px;}
.club-box05 .tit {text-align: center; margin-bottom: 60px;} 
.club-box05 .tit h2{color: #fe5d66; font-size: 55px; font-weight: bold; margin-bottom: 20px;}
.club-box05 li{display: flex; flex-wrap: wrap; margin: 60px 0px;flex-direction: row-reverse;}
.club-box05 li .img{width: 60%;}
.club-box05 li .img img{width: 100%;display: block;}
.club-box05 li .text{width: 40%;padding: 0px 60px 0px 60px;display: flex; justify-content: center; flex-direction: column;}
.club-box05 li .text h3{color: #fe5d66; font-size: 40px; margin-bottom: 20px;}
.club-box05 li .text p{line-height: 30px;}

.club-box06 {padding: 0px 0px;}
.club-box06 .tit {text-align: center; margin-bottom: 60px;} 
.club-box06 .tit h2{color: #000; font-size: 36px; font-weight: bold; margin-bottom: 20px;}
.club-box06 li{display: flex; flex-wrap: wrap; margin: 60px 0px;}
.club-box06 li .img{width: 60%;}
.club-box06 li .img img{width: 100%;display: block;}
.club-box06 li .text{width: 40%;padding: 0px 60px 0px 60px;display: flex; justify-content: center; flex-direction: column;}
.club-box06 li .text h3{color: #fe5d66; font-size: 40px; margin-bottom: 20px;}
.club-box06 li .text p{line-height: 30px;}


.autobright-box02{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 100px 0px;}
.autobright-box02 .text{width: 60%; padding-right: 60px;}
.autobright-box02 .text h2{color: #515151; font-size: 40px; margin-bottom: 20px;}
.autobright-box02 .text p{color: #333; font-size: 16px; line-height: 30px;}
.autobright-box02 .img{width: 40%;}
.autobright-box02 .img img{max-width: 100%;}

.autobright-box03{display: flex; flex-wrap: wrap;  justify-content: space-between; padding: 0px 0px 100px 0px;}
.autobright-box03 .text{width: calc(50% - 10px); background: #1d2023; padding: 60px 60px;}
.autobright-box03 .text span{color: #fff; font-size: 14px; margin-bottom: 20px;}
.autobright-box03 .text h2{color: #fff; font-size: 40px; margin-bottom: 20px;}
.autobright-box03 .text p{color: #fff; font-size: 16px; line-height: 30px;}
.autobright-box03 .img{width: 50%;}
.autobright-box03 .img img{max-width: 100%; display: block;}
.autobright-box03 a.a-button{color: #ffffff; display: table; border-radius: 5px; margin-top: 30px;  background-color: rgba(255,255,255,0);   
border: 2px solid #ffffff;    padding: 16px 34px 16px 34px;}

.autobright-box04{padding: 0px 0px 100px 0px;}
.autobright-box04 h2{text-align: center; font-size: 30px; margin-bottom: 60px;}
.autobright-box04 ul{display: flex; flex-wrap: wrap;  justify-content: space-between; }
.autobright-box04 ul li{width: calc(100%/5); text-align: center;}
.autobright-box04 ul li span{display: table; font-size: 22px; margin: auto;color:#0077B5;}
.autobright-box04 ul li img{margin: 20px 0px;}
.autobright-box04 ul li h3{font-size: 25px;}

.autobright-box05{background: #F0F0F0; padding: 100px 0px;}
.autobright-box05 h2{text-align: center; font-size: 30px; margin-bottom: 60px;}
.autobright-box05 ul{display: flex; flex-wrap: wrap;  justify-content: space-between; }
.autobright-box05 ul li{width: calc(100%/3 - 40px); margin: 20px 20px; background: #fff; padding: 30px 30px; border-radius: 10px; text-align: center;}
.autobright-box05 ul li h3{font-size: 22px; color: #515151; font-weight: bold;}
.autobright-box05 ul li p{font-size:16px; line-height:30px;color:#333333;}

.autobright-box06{text-align: center; padding: 100px 0px;}

.autobright-box07{background: #000; padding: 0px 0px 20px 0px;}
.autobright-box07 .zongzhi-box{ padding:60px 60px; border-radius: 20px; display: flex; justify-content: space-between; align-items: center;}
.autobright-box07 .left{width: 60%;}
.autobright-box07 .left h3{ color: #fff; font-size: 35px; margin-bottom:20px;font-weight: bold;}
.autobright-box07 .left p{ color: #fff; font-size: 20px; }

.autobright-box07 a.a-button{font-size: 16px;   font-weight: bold; color: #fff; padding: 20px 30px;  background: #303d71;   border: 2px solid #303d71;   
border-radius: 50px ;}

.isc-insurance-box01{ text-align:center;}
.isc-insurance-box01 h2{text-align:center; font-size:56px;font-weight:bold;color:#000;text-shadow: 1px 0px 10px rgb(174 174 174 / 98%);}
.isc-insurance-box01 h3{text-align:center; font-size:35px;font-weight:bold;color:#FF7B00;}
.isc-insurance-box01 .logobg{background:url(../images/Lsc-Logo-v2_edited.webp); height:184px; width:100%;}

.isc-insurance-box02{background:#000;padding: 30px 0px;}
.isc-insurance-box02 .iscbox{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.isc-insurance-box02 .text{width: 70%; padding-right: 30px;}
.isc-insurance-box02 .text h2{color: #fff; font-size: 35px; margin-bottom: 20px;}
.isc-insurance-box02 .text p{color: #fff; font-size: 20px;font-weight: bold; margin-bottom: 10px; line-height: 30px;}
.isc-insurance-box02 .img{width: 30%;}
.isc-insurance-box02 .img img{max-width: 100%;}

.isc-insurance-box03{background:#000;padding: 30px 0px;}
.isc-insurance-box03 h2{color: #FC6600; text-align: center;  font-weight: 800; font-size: 35px;}
.isc-insurance-box03 h3{color: #fff; text-align: center;  line-height: 30px; font-weight: 800; font-size: 20px;}
.isc-insurance-box03 ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 60px 0px;}
.isc-insurance-box03 ul li{display: inline-block; padding: 5px 20px;font-size: 20px;   font-weight: 800;
    text-shadow: 0px 0px 10px rgb(255 130 0 / 30%);  color: #000000; background: #fff; border-radius: 5px;}
.isc-insurance-box03 p{color: #fff; text-align: center;  line-height: 30px; font-weight: 800; font-size: 20px;}

.isc-insurance-box04{background:#000;padding: 30px 0px 0px 0px;}
.isc-insurance-box04 ul{display: flex; flex-wrap: wrap;  justify-content: space-between; }
.isc-insurance-box04 ul li{width: calc(100%/2); padding: 20px 10px; text-align: center;}
.isc-insurance-box04 ul li h3{color:#fff; font-size: 30px; font-weight: bold;}
.isc-insurance-box04 ul li p{color:#fff; font-size: 16px; line-height: 30px;}
.isc-insurance-box04 .logobg{background:#fff url(../images/Lsc-Logo-v2_edited.webp); height:184px; width:100%;}

.uniforce-box01{ text-align:center;}
.uniforce-box01 h2{text-align:center; font-size:56px;font-weight:bold;color:#000;text-shadow: 1px 0px 10px rgb(174 174 174 / 98%);}
.uniforce-box01 h3{text-align:center; font-size:35px;font-weight:bold;color:#FF7B00;}
.uniforce-box01 .logobg{background:url(../images/Lsc-Logo-v2_edited.webp); height:184px; width:100%;}

.uniforce-box02{background:#fff;padding: 30px 0px;}
.uniforce-box02 .iscbox{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.uniforce-box02 .text{width: 60%; padding-right: 30px;}
.uniforce-box02 .text h2{color: #515151; font-size: 35px; margin-bottom: 20px;}
.uniforce-box02 .text p{color: #333; font-size: 16px; margin-bottom: 10px; line-height: 30px;}
.uniforce-box02 .img{width: 40%;}
.uniforce-box02 .img img{max-width: 100%;}

.uniforce-box03{background:#fff;padding: 30px 0px;}
.uniforce-box03 .iscbox{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.uniforce-box03 .text{width: 60%; padding-right: 30px;}
.uniforce-box03 .text h2{color: #515151; font-size: 35px; margin-bottom: 20px;}
.uniforce-box03 .text p{color: #333; font-size: 16px; margin-bottom: 10px; line-height: 30px;}
.uniforce-box03 .img{width: 40%;}
.uniforce-box03 .img img{max-width: 100%; border-radius: 10px;}

.uniforce-box04 h2{background: #000; font-size: 42px; font-weight: bold; padding: 80px 0px; color: #fff; text-align: center; border-radius: 20px;}
.uniforce-box04 ul{display: flex; flex-wrap: wrap;  justify-content: space-between; }
.uniforce-box04 ul li{width: calc(100%/3); padding: 30px 30px; text-align: center;}
.uniforce-box04 ul img{max-width: 60%; }
.uniforce-box04 ul li h3{ color: #515151; font-size: 30px; font-weight: bold;}

.uniforce-box05 h2{background: #000; font-size: 42px; font-weight: bold; padding: 80px 0px; color: #fff; text-align: center; border-radius: 20px;}
.uniforce-box05 ul{display: flex; flex-wrap: wrap;  justify-content: space-between; }
.uniforce-box05 ul li{width: calc(100%/3); padding: 30px 30px; text-align: center;}
.uniforce-box05 ul img{max-width: 60%; }
.uniforce-box05 ul li h3{ color: #515151; font-size: 30px; margin-bottom:20px; font-weight: bold;}
.uniforce-box05 ul li p{font-size:16px; color:#333; line-height:30px;}

.uniforce-box06{background: #fff; padding: 0px 0px 20px 0px;}
.uniforce-box06 .zongzhi-box{background: #e28e2a; padding:60px 60px; border-radius: 20px; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center;}
.uniforce-box06 .left{width: 60%;}
.uniforce-box06 .left h3{ color: #fff; font-size: 35px; margin-bottom:20px;font-weight: bold;}
.uniforce-box06 .left p{ color: #fff; font-size: 16px; line-height: 30px; }

.uniforce-box06 a.a-button{font-size: 16px; display: inline-block;   font-weight: bold; color: #fff; padding: 20px 30px;  background: #303d71;   border: 2px solid #303d71;   
border-radius: 50px ;}


.solar-box01{position: relative; background: url(../images/sunset1681038885712.webp); background-size:100% 100%; height: 100vh; padding: 200px 0px;}
.solar-box01 .solarbox{display: flex;flex-wrap:wrap; justify-content: center; width: 980px; margin: auto;}
.solar-box01 .solarbox .img{width: 50%;}
.solar-box01 .solarbox .img img{max-width: 100%;}
.solar-box01 .solarbox .text{width: 50%;}
.solar-box01 .solarbox .text h3{font-size: 58px; font-weight: bold; color: #fff;text-shadow: 0px 0px 10px #000000; margin-bottom: 20px;}
.solar-box01 .solarbox .text p{font-size: 23px; line-height: 30px;font-weight: bold; color: #fff;text-shadow: 0px 0px 10px #000000;margin-bottom: 20px;}
.solar-box01 .solarbox .a-button{font-size: 16px; display: inline-block; color: #fff;   font-weight: bold;      background-color: #48a9a6;   border:3px solid #48a9a6;    border-radius: 50px; padding: 17px 34px 17px 34px;}


.waterproofing-box01{position: relative; padding: 200px 0px;}
.waterproofing-box01 .waterproofingbox{display: flex; justify-content: center; width: 980px; margin: auto;}
.waterproofing-box01 .waterproofingbox .img{width: 50%;}
.waterproofing-box01 .waterproofingbox .img img{max-width: 100%; border-radius: 10px;}
.waterproofing-box01 .waterproofingbox .text{width: 50%; padding-right: 30px;}
.waterproofing-box01 .waterproofingbox .text h3{font-size: 50px; font-weight: bold; color: #515151;margin-bottom: 20px;}
.waterproofing-box01 .waterproofingbox .text p{font-size: 20px; line-height: 30px; color: #333;margin-bottom: 20px;}
.waterproofing-box01 .waterproofingbox .a-button{font-size: 16px; display: inline-block;  font-weight: bold;   
 border:2px solid #48a9a6;  color: #48a9a6;  border-radius: 50px; padding: 10px 20px 10px 20px;}
 
 
.partnership-box01 video {   display: block;   width: 100%;   height: 100%;} 

.partnership-box02{background: #000; padding: 100px 0px;}
.partnership-box02 .p-top h2{text-shadow: 0px 0px 10px #08e2ff; margin-bottom: 20px; text-align:center;font-weight: bold; color: #fff; font-size: 35px;}
.partnership-box02 .p-top h3{text-shadow: 0px 0px 10px #08e2ff; margin-bottom: 30px;text-align:center; color: #fff; font-size: 35px;}
.partnership-box02 .p-top p{text-shadow: 0px 0px 10px #08e2ff; text-align:center; line-height: 30px; color: #fff; font-size: 16px;}

.partnership-box02 .p-bottom {margin-top: 30px;}
.partnership-box02 .p-bottom ul{display: flex; flex-wrap:wrap; justify-content: center; }
.partnership-box02 .p-bottom ul li{width: calc(100%/2 - 40px); margin: 20px 20px; text-align: center; padding:20px 10px; border-radius:10px;background-color: transparent;
    background-image: linear-gradient(180deg, #1493FB 0%, #000000 100%); }
.partnership-box02 .p-bottom ul li h3{ color: #fff; font-size: 35px; margin-bottom: 20px; }
.partnership-box02 .p-bottom ul li p{ color: #fff; font-size: 20px;}


.partnership-box03{background: #000; padding:0px 0px 100px 0px;}
.partnership-box03 .p-top{padding:20px 0px;background-color: transparent;
    background-image: linear-gradient(180deg, #1493FBD6 0%, #0046FA 100%);}
.partnership-box03 .p-top ul{display: flex; flex-wrap:wrap; justify-content:space-between }
.partnership-box03 .p-top ul li{width: calc(100%/3 - 0px); color: #fff; font-size: 35px; font-weight: bold;} 


.partnership-box03 .p-bottom li{display: flex; flex-wrap:wrap; justify-content: center; align-items:center;margin:60px auto;}
.partnership-box03 .p-bottom li .img{width: 40%;}
.partnership-box03 .p-bottom li .img img{max-width: 100%;}
.partnership-box03 .p-bottom li .text{width: 60%; padding-left: 30px;}
.partnership-box03 .p-bottom li .text h3{font-size: 35px; font-weight: bold; color: #fff; margin-bottom: 20px;}
.partnership-box03 .p-bottom li .text p{font-size: 16px; line-height: 30px; color: #fff;}

.news-ban{background:#000; color:#fff; margin-bottom:30px; font-size:42px; height:300px;display:flex;justify-content: center; align-items: center;}
.news-box ul li{margin-bottom:30px;}
.news-box ul li a{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.news-box ul li .img{width: 50%;}
.news-box ul li .img img{max-width: 100%;}
.news-box ul li .text{width: 50%; padding-left: 20px;}
.news-box ul li .text h3{color: #515151; font-size: 26px;  }
.news-box ul li .text p{color: #8C8D8C; margin:20px 0px;   font-size: 16px; }

.esg_reporting{ clear:both; margin: 30px 0px;}
.esg_reporting ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.esg_reporting ul li{margin:20px 11px; width: calc(100%/2 - 22px);}



.media-main {background:#000; padding:60px 60px;}
.media-ban{background:#000; color:#fff; margin-bottom:30px; font-size:42px; height:300px;display:flex;justify-content: center; align-items: center;}
.media-main ul li{margin-bottom:30px; }
.media-main ul li a{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.media-main ul li .img{width: 50%;position:relative; text-align:center;}
.media-main ul li .img img{max-width: 100%;}
.media-main ul li .text{width: 50%; padding-left: 60px;}
.media-main ul li .text h3{color: #fff; font-size: 26px;  }
.media-main ul li .text p{color: #fff; margin:20px 0px;   font-size: 16px; }
.media-main ul li iframe{aspect-ratio: 16/9 !important;  height: auto;}


.media-box .swiper-button-prev,.media-box .swiper-button-next{display: inline-block;position: absolute; background:none;width: 45px;height: 45px;z-index: 99; border-radius:50%;}
.media-box .swiper-button-prev:after,.media-box .swiper-button-next:after{font-family:"FontAwesome";display:block; position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.media-box .swiper-button-prev{top: 50%; left:-50px; }
.media-box .swiper-button-next{top: 50%; right:-50px;}
.media-box .swiper-button-prev:after{content:'\f104'; color: #fff; font-size: 30px; font-weight: lighter;}
.media-box .swiper-button-next:after{content:'\f105'; color: #fff; font-size: 30px; font-weight: lighter;}



.video-main {background:#000; padding:60px 60px;}
.video-ban{background:#000; color:#fff; margin-bottom:30px; font-size:42px; height:300px;display:flex;justify-content: center; align-items: center;}
.video-ban strong{ font-size:42px; color:#FF8F00;}
.video-main ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.video-main ul li{margin:20px 11px; width: calc(100%/3 - 22px);}
.video-main ul li .img{width: 100%;position:relative; text-align:center;}
.video-main ul li .img img{max-width: 100%;}
.video-main ul li .text{width: 100%;}
.video-main ul li .text h3{color:#FF7C01; font-size: 18px;}
.video-main ul li iframe{width:100% !important; aspect-ratio: 16 / 9 !important;}


.faq-main{background:#000; padding:60px 60px;}
.faq-box{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.list-faq{background: #fff; border-radius: 20px; width: calc(100%/2 - 40px); margin: 20px 20px; padding: 30px 20px;}
.list-faq h2{color: #515151; font-size: 25px;font-weight:bold; margin-bottom: 20px;}
.list-faq li{border: 1px solid #d5d8dc; margin: -1px 0px;}
.list-faq li h3{padding: 15px 20px;display: flex;   justify-content: space-between; }
.list-faq li h3:after{content:"\f067";font-family: "FontAwesome"; display:block}
.list-faq li.cur h3{color: #3998e9;}
.list-faq li.cur h3:after{color: #3998e9;content:"\f068";font-family: "FontAwesome"; display:block}

.list-faq li .text{display:none;padding: 15px 20px;border-top: 1px solid #d5d8dc;}
.list-faq li.cur .text{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;}


.gangchebeishang-main{background:#000; padding:100px 0px 100px 0px;}
.gangchebeishang-main h2{ text-align:center;color: #f24e0b; font-size:35px; margin-bottom:60px;}
.gangchebeishang-box ul li{ padding:60px 60px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.gangchebeishang-box ul li .img{width: 50%;}
.gangchebeishang-box ul li .img img{max-width: 100%;border-radius: 20px;}
.gangchebeishang-box ul li .text{width: 50%; padding-right: 100px;}
.gangchebeishang-box ul li .text em{color: #fff;font-size:50px; margin:30px 0px; display:block;}
.gangchebeishang-box ul li .text h3{color: #fff; font-size: 20px;  }
.gangchebeishang-box ul li .text p{color: #fff; margin:20px 0px;   font-size: 18px; }
.gangchebeishang-box ul li a.a-button{ color:#fff; font-size:18px; font-weight:bold;border-radius: 5px; padding:10px 20px; background:#e0062b;}

.gangchebeishang-box ul li.bs{background:#fff;}
.gangchebeishang-box ul li.bs em{color:#1d2023;}
.gangchebeishang-box ul li.bs h3{color:#515151;}
.gangchebeishang-box ul li.bs p{color:#333;}
.gangchebeishang-box ul li.bs a.a-button{ background:#f24e0b;}

.tuanyou-box02{background:#ececed; padding:60px 60px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tuanyou-box02 .img{width: 50%;}
.tuanyou-box02 .img img{max-width: 100%;}
.tuanyou-box02 .text{width: 50%; padding-left: 100px;}
.tuanyou-box02 .text em{color: #1d2023;font-size:50px; margin:30px 0px; display:block;}
.tuanyou-box02 .text h3{color: #515151; font-size: 20px;  }
.tuanyou-box02 .text p{color: #333; margin:20px 0px;   font-size: 18px; }

.tuanyou-box03 {background: #fff; padding: 30px 0px 60px 0px;}
.tuanyou-box03 h2{color: #e0062b; font-size:36px; text-align:center;}
.tuanyou-box03 .tuanyoulist{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tuanyou-box03 .tuanyoulist .left{width: calc(100%/3);}
.tuanyou-box03 .tuanyoulist .mid{width: calc(100%/3); padding: 0px 20px;}
.tuanyou-box03 .tuanyoulist .mid img{ max-width: 100%;}
.tuanyou-box03 .tuanyoulist .right{width: calc(100%/3);}

.tuanyou-box03 ul li { margin: 20px 0px;}
.tuanyou-box03 ul li h3{ font-size: 20px; color: #515151; margin-bottom: 20px;}
.tuanyou-box03 ul li p{ font-size: 16px; color: #333; line-height: 30px;}

.tuanyou-box04{background:#000; padding:100px 0px;}
.tuanyou-box04 ul li{margin:30px 0px;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tuanyou-box04 ul li .img{width: 40%;}
.tuanyou-box04 ul li .img img{max-width: 100%;}
.tuanyou-box04 ul li .text{width: 60%; padding-left: 20px;}
.tuanyou-box04 ul li .text h2{color: #fff; font-size: 26px;  }
.tuanyou-box04 ul li .text p{color: #fff; margin:20px 0px;   font-size: 16px; }


.kuaidian-box02{background:#ececed; padding:60px 60px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.kuaidian-box02 .img{width: 50%;}
.kuaidian-box02 .img img{max-width: 100%;}
.kuaidian-box02 .text{width: 50%; padding-left: 100px;}
.kuaidian-box02 .text em{color: #1d2023;font-size:50px; margin:30px 0px; display:block;}
.kuaidian-box02 .text h3{color: #515151; font-size: 20px;  }
.kuaidian-box02 .text p{color: #333; margin:20px 0px;   font-size: 18px; }

.kuaidian-box03 h2{color: #515151;font-size: 35px; text-align:center;}
.kuaidian-box03 .shuju-box{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.kuaidian-box03 .shuju-box .left{ width: 25%;}
.kuaidian-box03 .shuju-box .mid{ width: 50%;}
.kuaidian-box03 .shuju-box .mid img{ max-width: 100%;}
.kuaidian-box03 ul.count-num{margin: 100px 0px;}
.kuaidian-box03 ul.count-num li {text-align: center; margin: 30px 0px;}
.kuaidian-box03 ul.count-num li span{color: #FF4D00;   font-size: 40px;   font-weight: bold;}
.kuaidian-box03 ul.count-num li p{color: #333;   font-size: 18px;  }


.kuaidian-box04 {background: #fff; padding: 30px 0px 60px 0px;}
.kuaidian-box04 h2{color: #e0062b; font-size:36px; text-align:center;}
.kuaidian-box04 .kuaidianlist{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.kuaidian-box04 .kuaidianlist .left{width: calc(100%/3);}
.kuaidian-box04 .kuaidianlist .mid{width: calc(100%/3); padding: 0px 20px;}
.kuaidian-box04 .kuaidianlist .mid img{ max-width: 100%;}
.kuaidian-box04 .kuaidianlist .right{width: calc(100%/3);}

.kuaidian-box04 ul li { margin: 20px 0px;}
.kuaidian-box04 ul li h3{ font-size: 20px; color: #515151; margin-bottom: 20px;}
.kuaidian-box04 ul li p{ font-size: 16px; color: #333; line-height: 30px;}

.kuaidian-box05 h2{text-align:center;font-size: 35px; color:#515151;}
.kuaidian-box05 li{margin-bottom:60px;}
.kuaidian-box05 .k-top{background:#FF670059;display: flex; flex-wrap: wrap; justify-content: space-between; }
.kuaidian-box05 .k-top .k-list{text-align:center; padding:30px 30px;}
.kuaidian-box05 .k-top .k-list h3{font-size:30px;}

.kuaidian-box05 .k-mid{padding:10px 0px; margin:20px 0px;background:#FF6700;border-radius: 30px; font-size:30px; color:#fff; font-weight:bold; text-align:center;}
.kuaidian-box05 .k-bottom{text-align:center;}

.kuaidian-box06{background:#000; padding:100px 0px;}
.kuaidian-box06 ul li{margin:30px 0px;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.kuaidian-box06 ul li .img{width: 40%;}
.kuaidian-box06 ul li .img img{max-width: 100%;}
.kuaidian-box06 ul li .text{width: 60%; padding-left: 20px;}
.kuaidian-box06 ul li .text h2{color: #fff; font-size: 26px;  }
.kuaidian-box06 ul li .text p{color: #fff; margin:20px 0px;   font-size: 16px; }


.case-main{background:#000; padding:100px 0px;}
.case-main h2{text-align:center;text-shadow: 0px 0px 10px #ff6700; margin-bottom:60px; color:#fff; font-size:35px;}
.case-main .casemap{text-align:center;}

.case-box ul{display: flex; flex-wrap: wrap;  }
.case-box ul li{width: calc(100%/3 - 40px); margin:20px 20px;}
.case-box ul li .img img{max-width: 100%; border-radius:10px;}
.case-box ul li .text h3{color: #fff; font-size: 20px; text-align:center;  margin-top:20px; }

.form-box{margin: 20px auto 20px; width: 600px;    padding: 30px 30px 30px 30px;   background-color: #FCFCFC;   border-radius: 5px 5px 5px 5px;   box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 50%);}
.form-box li{margin-bottom:30px;}
.form-box li span.liname{display:block; font-weight:bold; margin-bottom:5px;}
.form-box li dl{display:flex;}
.form-box li dl label{display:flex;}
.form-box li .input{ width:100%;padding: 10px 10px 10px 10px;   border-radius: 5px;text-indent: 10px;   border: 1px #000 solid;}
.form-box li input{}
.form-box li select  {text-indent: 10px;padding: 10px 10px 10px 10px;   border-radius: 5px; width:100%;}
.form-box .submit{ color: #fff;    border: 1px #0073aa solid;display: inline-block;   width: 100px;   padding: 13px 29px;   font-weight: bold;
    margin: 16px 0px 26px;    background-color: #0073aa}

.fy_pagination{ text-align:center; font-size:18px; color:#fff; padding:50px auto;}
.fy_pagination a{font-size:18px; color:#fff; padding:0 5px;}
.fy_pagination a.page-num-current{color:#FF8F00;}
.case_contact{ text-align:center; width:1100px; margin:0 auto; background:#fff; padding:15px;}
.case-main{ color:#000}

@media screen and (max-width: 768px) {
html, body{font-size:14px;}
header {  position: inherit;}
header .headertop{ background: #252525; margin: 0px 0px; padding: 0px 10px; }
header .headerbox { width: calc(100% - 0px);margin: 0px 0px;padding: 0px 0px;border-radius: 0px;}		
.w1200{width: 96%; padding: 0px 0px;  margin: 0px auto;}
.w1360{width: 100%; padding: 0px 0px;  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;}
.w12001{width:100%;margin:auto; display:block !important}

.w12000{ margin:auto; width:1200px;display:none !important}
.about_ev_con{background:url(../images/price-solar-desktop_sj.jpg) center}
.tc_css{ width:100%}
.cub_bbs{padding:10px; font-size:20px;width:90%;}
.club-box010 ul{display: flex; flex-wrap: wrap; margin: 0px auto;}
.club-box010 ul li{width: calc(100%/1 - 20px);display: flex; flex-wrap: wrap; margin: 10px;}
.cub_bbsb{font-size:18px;width:50%}
.ac-chargers-box01 .left dd { font-size:18px; line-height:26px;}
.zuyizu_title{ font-size:24px;}
.content_advantage img{ max-width:120px;}
.zuyizu-advantage ul li p{ font-size:16px; line-height:22px; text-align:left;}

.zuyizu-advantage1 ul li{width: calc(100%/1 - 0px); margin:20px 0px;}
.new_table td{ font-size:20px;}

.index-box01 .tit{ margin:60px 0px;}

.index-box03 .main-box ul.count-num li p{color:#f2f2f2}
.ehss-xw ul li{width:calc(100%/2 - 20px); margin:10px;}
.foot-nav{display:none;}


.choose-list ul li{width:calc(100%/1 - 20px);margin-bottom:15px;}
.choose-bili .bili-list ul{width:100%}
.choose-bili .bili-list .bili-name{margin-bottom:20px;}
.choose-shuoming{display:block;}
.choose-shuoming .img{width:100%}
.choose-shuoming .text{width:100%}
.youhui-list li{width:calc(100%/1 - 40px)}


.case_contact{ width:100%}
.case_contact img{ width:100%}
.case-main h2{ color:#000}

.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: #fff;}  
.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);
}

.chongyichong-form .left .casetit span{font-size:18px; text-align:center;}
.navbox{ display:none;position: absolute; opacity:0; top: 61px; padding: 0px 20px; box-sizing: border-box;  z-index: 999;   background: #fff;   width: 100%;   height: 100vh;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;}
.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;}

.index-banner iframe{height:auto !important; width:100% !important; aspect-ratio: 16/9 !important;}
.index-box01 .tit h2{font-size:26px;}
.index-box01 .tit p{width:90%; text-align:justify;}
.index-box01 .tit img{width:100%}
.index-box06 .textbox{width:98%; margin:0 auto;}
.index-box06{padding:40px 0px;}
.index-box06 .textbox .img{display:none;}
.index-box09 .textbox{display:block}
.wrap{width:90%}
.index-box01 .swiper-more{padding:20px 0px; margin:0px;}
.index-box01 .swiper-more a{color:#fff;font-size:16px;font-weight:bold;text-decoration:underline}
.index-box01 ul li{margin:0px;}
.index-box01 .box01{padding:0px;}
.index-box01 ul li{width:100%;}
.index-box01{padding:0px;}
.index-box01 {   padding:0px;}
.index-box03 .text p{width:100%}
.index-box06 ul li{width:100%}
.index-box01 .main-box .box-right h2 {font-size: 20px;}
.index-box01 .main-box .box-right p{font-size:16px;}
.index-box01 .main-box .box-left {   width: 100%;    padding: 0px 0px 0px 0px;}
.index-box01 .main-box .box-right {   width: 100%;   padding: 0px 0px 0px 0px;}

.index-box02 .main-box .box-top h2{font-size: 20px;}
.index-box02 .main-box .box-top p{font-size:16px;}

.index-box02 .main-box .box-bottom h2 {   font-size: 24px;}
.index-box02 .main-box .box-bottom ul li{padding: 30px 30px 30px 30px;}
.index-box02 .main-box .box-bottom ul li {    width: calc(100%/1 - 40px);   margin: 20px 20px;}
.index-box02 .main-box .box-bottom ul li h3{font-size:20px;margin:20px 0px 20px 0px;}

.index-box03 .main-box .box-top h2 {    font-size: 24px;}
.index-box03 {    padding: 60px 0px 0px 0px;}
.index-box03 .main-box ul.count-num li { margin-bottom:10px;   text-align: center;   width: 100%;}
.index-box03 .main-box ul.count-num {margin: 60px 0px;}
.index-box03 .main-box ul.count-num li span{font-size:30px;}

.boxnews h2 {    font-size: 24px;}
.boxnews {  width: 100%;}

.index-box04{ padding: 60px 20px;}
.index-box04 .main-box .box-right h2 {   font-size: 20px;}
.index-box04 .main-box .box-left {   width: 100%;    padding: 0px 0px 0px 0px;}
.index-box04 .main-box .box-right {   width: 100%;    padding: 0px 0px 0px 0px;}

.boxproducttx h2 {   font-size:24px;}
.index-box05 .box-bottom ul{width:100%;}
.index-box05 .box-bottom ul li img {    height: auto;   max-width: 100%;}

.index-box06 .main-box h2 {   font-size: 20px;}

.footer-box{display:block;padding:0px 10px;}

.fanganxuanze-main {   padding: 60px 20px 30px 20px;}
.fanganxuanze-box{padding: 0px 0px;}
.fanganxuanze-box li {  width: calc(100%/1 - 0px);margin:20px 0px;}
.fanganxuanze-faq{  width: calc(100%/1 - 0px); margin:20px 0px;}
.faxzfaq-tit{font-size:24px;}
.fanganxuanze-faq h2 {   font-size: 20px;}

.chongyichong-main {   padding:0px;}
.chongyichong-form .left h2{ width:100%; font-size:23px;}
.chongyichong-form .left {  width: 100%;   padding: 30px 0px 30px 0px;}
.chongyichong-form .left h2 img{width:100%;}
.chongyichong-form .left ul li{height:200px;}
.chongyichong-form .right{width:100%;}
.chongyichong-form .right>img{width:100%;}
.chongyichong-form .right .form-box h2 img{width:100%;}
.chongyichong-form .right .cyc-form-box .formtext span {font-size: 24px;}

.chongyichong-box01{padding: 30px 0px;}
.chongyichong-box01 h2{font-size:24px;}
.chongyichong-box01 ul li {    width: calc(100%/1); margin-bottom:20px;}

.chongyichong-box02 a.a-button {   font-size: 20px;}
.chongyichong-box03 ul li {    width: calc(100%/1 - 0px); margin-bottom:30px;}
.chongyichong-box03 ul li span {margin-top:10px;}
.chongyichong-box03 ul li img {    width: 100%;   height: 200px;}

.chongyichong-box04{padding:30px 10px 60px 10px; margin-top:0px}
.chongyichong-box04 h2{font-size:24px; }
.chongyichong-box04 ul li {   width: calc(100%/1 - 0px);margin: 10px 0px;    padding: 0px 0px;}
.chongyichong-box04 ul li h3 {font-size:20px;}

.chongyichong-application img {   height:250px;}

.chongyichong-box05{padding:0px 0px 0px 0px;}
.position-absolute{top:15%;padding: 0px 30px;}
.position-absolute h3{font-size:18px;}
.position-absolute p{font-size:16px;}

.chongyichong-box06{padding:60px 0px 0px 0px;}
.chongyichong-box06_vido ul li{width: calc(100%/1 - 10px); text-align: center; }
.chongyichong-box06 .right .cyc-form-box button{ font-size:22px;}
.chongyichong-box06 .left{width:100%;}
.chongyichong-box06 .left iframe{height:auto !important; width:100% !important; aspect-ratio: 16/9;}
.chongyichong-box06 .right{width:100%;padding: 0px 0px 0px 0px;}
.chongyichong-box06 .right .cyc-form-box {      padding: 30px 20px;}

.chongyichong-tjform {padding:20px 20px; margin:30px 0px;}
.chongyichong-tjform .left {width:100%;padding: 20px 0px;}
.chongyichong-tjform .left h2 {font-size: 24px;}
.chongyichong-tjform .right {width:100%;}

.chongyichong-box07 h2{font-size:20px;}
.cyc-popup a{padding:5px 20px;font-size:18px;}
.cyc-popup-content{width:100%; left:0;transform: translate(0%, -50%);}
.cyc-popup .close-btn i {right: 4%;top:27%}

.zuyizu-main {    padding: 60px 30px 30px 30px;}
.zuyizu-box01 h2{font-size:24px;}
.zuyizu-box01 img{max-width:100%;}




.zuyizu-box01 ul {   margin: 0px 0px;}

.zuyizu-box02 ul li {    width: calc(100%/1 - 0px);   margin: 10px 0px;   padding: 0px 0px;}
.zuyizu-box02 ul li h3{font-size:20px;}
.zuyizu-box03 ul li {   width: calc(100%/1);  text-align: center;margin-bottom: 20px;}

.zuyizu-kv .big-img img{width:100%; height:300px;}
.zuyizu-kv .text-img {  top: 15%;   width: 70%;   left: 15%;}
.zuyizu-kv .text-img img{width:100%;}

.zuyizu-advantage h2 {font-size:20px;margin: 0px 30px 60px;}
.zuyizu-advantage ul li {   width: calc(100%/2 - 40px);}

.zuyizu-liucheng h2 {font-size:20px;}
.zuyizu-liucheng ul li {   width: calc(100%/2 - 20px);}

.zuyizu-video {    padding: 60px 20px 0px 20px;}

.zuyizu-onsale {   padding: 100px 20px 0px 20px;}
.zuyizu-onsale h2 {font-size:20px;padding:10px;color:#fdf402;}

.zhuangyizhuang-main{    padding: 60px 0px 30px 0px;}
.zhuangyizhuang-box01 h2 {   font-size: 24px;}
.zhuangyizhuang-box01 ul li {   width: calc(100%/1);}

.zhuangyizhuang-box02 ul li {    width: calc(100%/1);}
.zhuangyizhuang-box02 ul li h3 {    font-size: 20px;}
.zhuangyizhuang-box02 ul li img {   width: 50%;}
.zhuangyizhuang-box02 ul li:first-child, .zhuangyizhuang-box02 ul li:last-child{flex-direction: column;}

.zhuangyizhuang-box03 {  padding: 0px 10px 60px 10px;}
.zhuangyizhuang-box03 h2{font-size:24px;}
.zhuangyizhuang-box03 ul li {    width: calc(100%/1 - 0px);    margin: 10px 0px;    padding: 0px 0px;}
.zhuangyizhuang-box03 ul li h3{font-size:20px;}

.shishichong-main {   padding: 60px 0px 0px 0px;}
.shishichong-box01{height:auto;background-repeat: no-repeat;padding: 100px 20px;}
.shishichong-box01 h3{font-size:22px;}

.shishichong-box02{height:auto;background-repeat: no-repeat;padding: 100px 20px;}
.shishichong-box02 h3{font-size:22px;}

.shishichong-box03{height:auto;background-repeat: no-repeat;padding: 100px 20px;}
.shishichong-box03 h3{font-size:22px;}

.shishichong-box04 { padding:60px 20px;}
.shishichong-box04 ul li h3{font-size:20px;}
.shishichong-box04 ul li {    width: calc(100%/1 - 0px);   margin: 10px 0px;   padding: 0px 0px;}

.ehss-main {   padding: 60px 0px 0px 0px;}
.ehss-box {   padding: 0px 0px 60px 0px !important;}
.ehss-box h2{font-size:24px; line-height:35px;}
.ehss-box h3{font-size:24px; line-height:35px;}
.ehss-box .ehsslist ul {    width: calc(100%/1);}
.ehss-box .ehsslist li{font-size:16px;}

.ehss-box01{padding:60px 20px;}
.ehss-box01 .lc-box .text h2 {font-size:24px;}
.ehss-box01 .lc-box .text {  width: 100%; margin-bottom:30px;}
.ehss-box01 .lc-box .img {  width: 100%;}
.ehss-box01 .lc-box .img img{max-width:100%;}

.ehss-box02{padding:60px 20px;}
.ehss-box02 .lc-box .text h2 {font-size:24px;}
.ehss-box02 .lc-box .text {  width: 100%;margin-bottom:30px;}
.ehss-box02 .lc-box .img {  width: 100%;}
.ehss-box02 .lc-box .img img{max-width:100%;}

.company-main{padding:60px 0px;}

.company-box01{padding:0px 20px;}
.company-box01 .text h2 {font-size:24px;}
.company-box01 .text {   width: 100%;}
.company-box01 .text p {font-size:16px;}
.company-box01 .img {    width: 100%;}
.company-box01 .text a.a-button{padding:10px 20px 10px 20px}

.company-box02{padding:60px 20px;}
.company-box02 .text h2 {font-size:24px;}
.company-box02 .text {   width: 100%;}
.company-box02 .text p {font-size:16px;}
.company-box02 .img {    width: 100%;}
.company-box02 .text a.a-button{padding:10px 20px 10px 20px}

.company-box03{margin:0px 20px;    background: none;}
.company-box03 .hz-box .img {   width: 100%;}
.company-box03 .hz-box .text {   width: 100%;padding: 50px 0px 50px 0px;}
.company-box03 .hz-box .text h3{font-size:20px;}
.company-box03 ul{margin:60px auto;}
.company-box03 ul li {   width: calc(100%/1 - 0px);margin: 0px 0px 20px 0px; background:#fff;}

.nass-main{padding:60px 0px 0px 0px;}
.nass-box01 img{max-width:100%}
.nass-box01 .text{padding:60px 20px;}
.nass-box01 .text h3{font-size:20px;}
.nass-box01 .text p{font-size:16px;}

.nass-box02{padding:60px 0px;}
.nass-box02 ul li {width: calc(100%/2 - 20px); margin:10px 10px;padding: 30px 20px 30px 20px;}
.nass-box02 ul li h3{font-size:20px;}

.nass-box03{padding: 0px 20px 60px 20px;}
.nass-box03 ul li {width: calc(100%/1 - 0px); margin:10px 0px;}
.nass-box03 ul li h3{font-size:20px;}

.nass-box04 .nasslist{padding:0px 20px;}
.nass-box04 .nasslist .left {    width: calc(100%/1);}
.nass-box04 .nasslist .mid {   width: calc(100%/1); text-align:center;}
.nass-box04 .nasslist .mid img{max-width:50%; }
.nass-box04 .nasslist .right {   width: calc(100%/1);}
.nass-box04 ul li h3{font-size:20px;}

.nass-box05 ul li .text h3{font-size:18px;}
.nass-box05 ul li .text p{font-size:16px;}

.nass-box06 .left h3{font-size:20px;}
.nass-box06 .zongzhi-box{display:block;padding: 30px 30px;}
.nass-box06 .left {   width: 100%;}
.nass-box06 .left p{font-size:16px;}
.nass-box06 a.a-button{padding:10px 20px; margin-top:20px;}

.newlink-box02{padding:60px 20px;}
.newlink-box02 .text p{font-size:16px; font-weight:normal; line-height:30px;}

.newlink-box03{padding:60px 0px;}
.newlink-box03 ul li {width: calc(100%/2 - 20px); margin:10px 10px; padding:30px 20px;}
.newlink-box03 ul li h3{font-size:20px;}

.newlink-box05{padding:60px 0px 60px 0px;}
.newlink-box05 ul li {width: calc(100%/2 - 20px); margin:10px 10px;padding:30px 20px;}
.newlink-box05 ul li h3{font-size:20px;}

.newlink-box06{padding:0px 0px 60px 0px;}
.newlink-box06 ul li {width: calc(100%/2 - 20px); margin:10px 10px;padding:30px 20px;}
.newlink-box06 ul li h3{font-size:20px;}

.newlink-box07 .shuju-box .left {  width: 100%;}
.newlink-box07 ul.count-num{margin:60px 0px;}
.newlink-box07 ul.count-num li span{font-size:30px;}
.newlink-box07 .shuju-box .mid {    width: 100%;}

.newlink-box08 .text{padding:0px 20px;}
.newlink-box08 .text p{font-size:16px;}
.newlink-box08 .img img{max-width:100%;}

.newlink-box09 {padding:0px 20px;}
.newlink-box09 .qqh-top h2{font-size:24px;}
.newlink-box09 .qqh-top li{font-size:16px;}
.newlink-box09 .qqh-bottom .left {   width: 100%;}
.newlink-box09 .qqh-bottom .left li{font-size:16px;}
.newlink-box09 .qqh-bottom .mid {   width: 100%;}
.newlink-box11 .zongzhi-box{padding:30px 30px; display:block;}
.newlink-box11 .left{width:100%;}
.newlink-box11 .left h3{   font-size: 20px;}
.newlink-box11 .left p {   font-size: 16px;}
.newlink-box11 .right{width:100%;}
.newlink-box11 .right a.a-button { display:inline-block;  padding: 10px 20px;    margin-top: 20px;}

.case-reference-box02 img{max-width:100%;}
.case-reference-box03{padding:0px 20px;}
.case-reference-box03 li h3 {   font-size: 20px;}

.product-matrix-box02{padding:60px 0px 0px 0px;}
.product-matrix-box02 ul li {    width: calc(100%/1);}
.product-matrix-box02 ul li h3 {font-size:18px;}

.product-matrix-box03 ul li h3 {font-size:18px;}

.naas-charger-list-box01 h2{font-size:24px;}

.naas-charger-list-box02 .n-mid h2 {   font-size: 24px;   padding:60px 0px 30px 0px;}
.naas-charger-list-box02 .n-top h2{padding:30px 0px 0px 0px; font-size:24px;}
.naas-charger-list-box02 .n-top ul li .img {    width:100%;}
.naas-charger-list-box02 .n-top ul li .img img{max-width:100%;}
.naas-charger-list-box02 .n-top ul li .text{    width:100%;}
.naas-charger-list-box02 .n-top ul li .text h3{font-size:20px;}
.naas-charger-list-box02 .n-top ul li .text p{font-size:16px;}

.naas-charger-list-box02 .n-mid ul li {   width: calc(100%/1);}
.naas-charger-list-box02 .n-bottom ul li{padding:0px 10px;}
.naas-charger-list-box02 .n-bottom ul li h3 {   font-size: 18px;}
.naas-charger-list-box02 .n-bottom ul li h3 {   font-size: 20px; padding:30px 0px;}

.naas-charger-list-box04 .n-top h2 {   font-size: 20px; padding:30px 0px;}
.naas-charger-list-box04 .n-bottom {padding:0px 20px;}
.naas-charger-list-box04 .n-bottom ul li {    width: calc(100%/1);}
.naas-charger-list-box04 .n-bottom ul li h3{font-size:20px;}
.naas-charger-list-box04 .n-bottom ul li p{font-size:16px;}


.naas-charger-list-box05 h2 {   font-size: 20px; padding:30px 0px;}
.naas-charger-list-box05 ul li .text h3{font-size:20px;}
.naas-charger-list-box05 ul li .text p{font-size:16px;}

.naas-charger-list-box06 .zongzhi-box{padding:30px 30px; display:block;}
.naas-charger-list-box06 .left{width:100%;}
.naas-charger-list-box06 .left h3{   font-size: 20px;}
.naas-charger-list-box06 .left p {   font-size: 16px;}
.naas-charger-list-box06 .right{width:100%;}
.naas-charger-list-box06 .right a.a-button { display:inline-block;  padding: 10px 20px;    margin-top: 20px;}

.ac-chargers-box01{padding:60px 20px;}
.ac-chargers-box01 .left{width:100%;}
.ac-chargers-box01 .left h2{font-size:24px; padding-top:30px; text-align:center;font-weight:bold;}
.ac-chargers-box01 .left li{font-size:16px;}
.ac-chargers-box01 .right{width:100%;}
.ac-chargers-box01 .right ul li {  width: calc(100%/2 - 20px);  margin: 10px 10px;   padding: 30px 20px;}

.ac-chargers-box02{padding:60px 20px;}
.ac-chargers-box02 h2{padding:30px 0px;font-size:24px;}
.ac-chargers-box02 ul li .text{width:100%;}
.ac-chargers-box02 ul li .img{width:100%;}

.ac-chargers-box03{padding:100px 20px;}
.ac-chargers-box03 h2{font-size:24px;}
.ac-chargers-box03 ul li .text{width:100%;}
.ac-chargers-box03 ul li h3{font-size:20px;}
.ac-chargers-box03 ul li p{font-size:16px;}
.ac-chargers-box03 ul li .img{width:100%;}

.ac-chargers-box04{padding:100px 20px;}
.ac-chargers-box04 h2{font-size:24px;}
.ac-chargers-box04 ul li .text{width:100%;}
.ac-chargers-box04 ul li h3{font-size:20px;}
.ac-chargers-box04 ul li p{font-size:16px;}
.ac-chargers-box04 ul li .img{width:100%;}

.dc-chargers-box01 h2{font-size:24px;}
.dc-chargers-box01 .c-top h3{font-size:20px;}
.dc-chargers-box01 .c-top ul li {   margin: 30px 10px; font-size:16px;}

.dc-chargers-box02 h2{font-size:16px;}

.dc-chargers-box02 ul li .text{width:100%; margin-bottom:20px;}
.dc-chargers-box02 ul li .text h3{font-size:20px;}
.dc-chargers-box02 ul li .img{width:100%;}

.charging-robot-box02 img{max-width:100%;}

.charging-robot-box03 .c-top h3{font-size:24px;}
.charging-robot-box03 .c-top ul li{margin:30px 20px; font-size:16px;}

.charging-robot-box04 h2{font-size:24px;}
.charging-robot-box04 ul li {   width: calc(100%/1 - 0px);}
.charging-robot-box04 ul li h3{font-size:20px;}

.charging-safety-box01 h2{font-size:24px;}
.charging-safety-box01 .c-top h3{font-size:20px;}
.charging-safety-box01 .c-top ul li {   font-size: 16px;   margin: 30px 20px;}

.charging-safety-box03 ul li .img{width:100%;}
.charging-safety-box03 ul li .text{width:100%; padding:20px 20px;}
.charging-safety-box03 ul li .text h3{font-size:20px;}
.charging-safety-box03 ul li:nth-child(2n) {   flex-direction: initial;}


.yaoyue-list .yaoyue-list-name {   width: 100%;margin-right: 0px;margin-bottom: 2px;}
.yaoyue-list ul {    width: calc(100% - 0px);}

.club-box01 .img {    width: 100%;}
.club-box01 .text {padding: 60px 20px 60px 20px; width: 100%;}
.club-box01 .text h2{font-size: 30px;}

.club-box02 li .text {    width: 100%;  padding: 0px 20px 20px 20px;}
.club-box02 li .img {   width: 100%;}

.club-box03 li .text {    width: 100%;  padding: 0px 20px 20px 20px;}
.club-box03 li .img {   width: 100%;}

.club-box04 li {   width: calc(100%/2 - 20px);}
.club-box004 li {   width: calc(100%/2 - 20px);}
.popup .popup-content {width:100%;}


.club-box05 li .text {    width: 100%;  padding: 0px 20px 20px 20px;}
.club-box05 li .img {   width: 100%;}

.club-box06 li .text {    width: 100%;  padding: 0px 20px 20px 20px;}
.club-box06 li .img {   width: 100%;}

.autobright-box02 .text h2{font-size:24px;}
.autobright-box02 .text{width:100%; padding:60px 20px;}
.autobright-box02 .img{width:100%;}

.autobright-box03 {   padding: 0px 0px 60px 0px;}
.autobright-box03 .img {  width: 100%;}
.autobright-box03 .text{width:100%;  padding:60px 20px;}
.autobright-box03 .text h2{font-size:24px;}

.autobright-box04 {   padding: 0px 0px 60px 0px;}
.autobright-box04 ul li {   width: calc(100%/3); margin:0px 0px 20px 0px;}
.autobright-box04 ul li h3{font-size:18px;}
.autobright-box04 ul li img{ max-width:50%;}


.autobright-box05{padding:60px 0px;}
.autobright-box05 h2 {margin-bottom:30px;}
.autobright-box05 ul li {   width: calc(100%/1 - 0px);}

.autobright-box06 img{width:100%;}

.autobright-box07 .zongzhi-box{padding:30px 30px; display:block;}
.autobright-box07 .left{width:100%;}
.autobright-box07 .left h3{   font-size: 20px;}
.autobright-box07 .left p {   font-size: 16px;}
.autobright-box07 .right{width:100%;}
.autobright-box07 .right a.a-button { display:inline-block;  padding: 10px 20px;    margin-top: 20px;}

.isc-insurance-box01 img{max-width:100%;}
.isc-insurance-box01 h2{font-size:24px;}
.isc-insurance-box01 h3{font-size:20px;}

.isc-insurance-box02 .text{width:100%; padding:30px 20px;}
.isc-insurance-box02 .text h2{font-size:24px;}
.isc-insurance-box02 .text p{font-size:16px;}
.isc-insurance-box02 .img{width:100%; }

.isc-insurance-box03 h2{font-size:24px;}
.isc-insurance-box03 h3{font-size:16px;}
.isc-insurance-box03 ul{margin:60px 20px;}
.isc-insurance-box03 ul li{width:100%; margin:10px 0px;}

.isc-insurance-box04 ul li h3{font-size:20px;}

.uniforce-box01 img{max-width:100%;}
.uniforce-box01 h2{font-size:24px;}
.uniforce-box01 h3{font-size:20px;}

.uniforce-box02 .img{width:100%;}
.uniforce-box02 .text{width:100%; padding:20px 20px;}
.uniforce-box02 .text h2{font-size:20px;}

.uniforce-box03 .img{width:100%;}
.uniforce-box03 .text{width:100%; padding:20px 20px;}
.uniforce-box03 .text h2{font-size:20px;}

.uniforce-box04 h2{font-size:24px; padding:30px 0px;}
.uniforce-box04 ul li { padding: 10px 20px;  width: calc(100%/2);}
.uniforce-box04 ul li h3{font-size:18px;}

.uniforce-box05 h2{font-size:24px; padding:30px 0px;}

.uniforce-box05 ul li { padding: 10px 20px;  width: calc(100%/1);}
.uniforce-box05 ul li h3{font-size:20px;}

.uniforce-box06 .zongzhi-box{padding:30px 20px;}
.uniforce-box06 .left{width:100%;}
.uniforce-box06 .left h3{font-size:24px;}
.uniforce-box06 .right{width:100%;}
.uniforce-box06 a.a-button{padding: 10px 20px; margin-top:20px;}

.solar-box01{padding:50px 0px;}
.solar-box01 .solarbox{width:100%;}
.solar-box01 .solarbox .img { text-align:center;    width: 100%;}
.solar-box01 .solarbox .img img {  max-width: 50%;}
.solar-box01 .solarbox .text { padding:0px 20px;   width: 100%;}
.solar-box01 .solarbox .text h3{font-size:24px;}
.solar-box01 .solarbox .text p{font-size:16px;}

.waterproofing-box01 {  padding: 100px 0px;}
.waterproofing-box01 .waterproofingbox{width:100%; flex-wrap:wrap;}
.waterproofing-box01 .waterproofingbox .text{width:100%;padding:0px 20px;}
.waterproofing-box01 .waterproofingbox .text h3{font-size:24px;}
.waterproofing-box01 .waterproofingbox .text p{font-size:16px;}
.waterproofing-box01 .waterproofingbox .img{width:100%;}


.partnership-box02{padding:60px 0px;}
.partnership-box02 .p-top h2{font-size:20px;}
.partnership-box02 .p-top h3{font-size:24px;}
.partnership-box02 .p-bottom ul li h3{font-size:20px;}
.partnership-box02 .p-bottom ul li p{font-size:16px;}

.partnership-box03{padding:0px 0px 60px 0px;}
.partnership-box03 .p-top ul li{text-align:center; font-size:20px;}
.partnership-box03 .p-bottom li .text h3 {    font-size: 20px;}
.partnership-box03 .p-bottom li .img {width: 100%;}
.partnership-box03 .p-bottom li .text{width:100%; padding:30px 20px;}

.news-ban{height:200px;}
.news-box ul li .img{width:100%;padding:0px 20px;}
.news-box ul li .text{width:100%; padding:30px 20px;}
.news-box ul li .text h3{font-size:20px;}

.media-main { padding: 60px 20px;}
.media-ban{height:200px;}
.media-main ul li .img{width:100%;}
.media-main ul li .text{width:100%; padding:20px 0px;}

.video-main{ padding: 60px 20px;}
.video-ban{height:200px;}
.video-main ul li {  margin: 20px 0px;   width: calc(100%/1 - 0px);}
.video-main ul li h3{text-align:center;}

.faq-main { padding: 60px 21px;}
.list-faq { width: calc(100%/1 - 0px);    margin: 20px 0px;}

.gangchebeishang-main{padding:60px 0px;}
.gangchebeishang-main h2 {font-size:24px; margin-bottom:0px;}
.gangchebeishang-box ul li {   padding: 60px 20px;}
.gangchebeishang-box ul li .text {  width: 100%; margin-bottom:20px;   padding: 0px 0px;}
.gangchebeishang-box ul li .text em{font-size:24px;}
.gangchebeishang-box ul li .text p{font-size:16px; line-height:30px;}
.gangchebeishang-box ul li .img {  width: 100%;}


.tuanyou-box01 img{max-width:100%;}
.tuanyou-box02 {padding:60px 20px;}
.tuanyou-box02 .img{width:100%;}
.tuanyou-box02 .text{width:100%;  padding: 30px 0px;}
.tuanyou-box02 .text em{font-size:24px;}
.tuanyou-box02 .text p{line-height:30px; font-size:16px;}

.tuanyou-box03 .tuanyoulist .left{width:calc(100%/1); padding:0px 20px;}
.tuanyou-box03 .tuanyoulist .mid{width:calc(100%/1); text-align:center;}
.tuanyou-box03 .tuanyoulist .right{width:calc(100%/1);padding:0px 20px;}

.tuanyou-box04 {   padding: 60px 20px;}
.tuanyou-box04 ul li .text h2 { font-size: 20px;}

.kuaidian-box02 {padding:60px 20px;}
.kuaidian-box02 .img{width:100%;}
.kuaidian-box02 .text{width:100%;  padding: 30px 0px;}
.kuaidian-box02 .text em{font-size:24px;}
.kuaidian-box02 .text p{line-height:30px; font-size:16px;}

.kuaidian-box03{padding:60px 0px 0px 0px;}
.kuaidian-box03 .shuju-box .mid {   width: 100%;}
.kuaidian-box03 .shuju-box .left {  width: 100%;}
.kuaidian-box03 ul.count-num {    margin: 60px 0px;}
.kuaidian-box03 ul.count-num li span{font-size:30px;}



.kuaidian-box04 {   padding: 30px 20px 60px 20px;}
.kuaidian-box04 .kuaidianlist .left {   width: calc(100%/1);}
.kuaidian-box04 .kuaidianlist .mid {width: calc(100%/1); text-align:center;}
.kuaidian-box04 .kuaidianlist .right {   width: calc(100%/1);}

.kuaidian-box05 h2{font-size:24px;}
.kuaidian-box05 .k-top .k-list h3 {   font-size: 16px;}
.kuaidian-box05 .k-top .k-list {  padding: 30px 0px;   width: calc(100%/3);}
.kuaidian-box05 .k-mid{    font-size: 20px;}

.case-main .casemap img{max-width:100%;}
.case-box ul li .text h3 {font-size:16px;}
.case-box ul li {   width: calc(100%/2 - 20px);   margin: 10px 10px;}


.form-box{width: 100%;}
}
@media screen and (max-width: 414px) {
.index-banner iframe {    height: auto !important;    width: 100% !important;}  
.index-banner iframe video{ width: 100% !important;}
}