@charset "utf-8";
body{font-family:Microsoft YaHei;font-size:16px}
body.bg2{    background: #F7F9FF;}
*{margin:0;padding:0;font-size:16px}
li{list-style:none}
img{border:0}
a{text-decoration:none;color:#333}
a:hover{color:#3d81ef}
em,i{font-style:normal}
u{text-decoration:none}
.clear{clear:both}
.menu{display:none}
.over{	transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    box-shadow: 0 0px 7px #ccc;
    -webkit-box-shadow: 0 0px 7px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0px 7px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0px 7px rgba(0,0,0,.1);
    -o-box-shadow: 0 0px 7px rgba(0,0,0,.1);}
	
.over:hover{    -webkit-transform: translate3d(0,-2px,0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
    box-shadow: 0 15px 30px #ccc;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -ms-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -o-box-shadow: 0 15px 30px rgba(0,0,0,.1);
	}
.w1200{width:1200px;margin:0 auto}
.header{z-index:10;position:fixed;width:100%;top:0;left:0;height:60px;background:#fff}
.logo{float:left}
.logo a{display:block;height:60px;line-height:60px}
.logo a img{vertical-align:middle}
.nav{float:right}
.nav>ul{float:left;margin-right:150px}
.nav>ul>li{float:left;position: relative;}
.nav>ul>li a{padding:0 30px;display:block;line-height:60px}
.nav>ul>li a.on,.nav>ul>li>a:hover{border-bottom:2px #3d81ef solid;color:#3d81ef}
.nav>ul>li>ul{z-index:2;display:none;position:absolute;background:#fff;width:auto;left:50%;
transform: translate(-50%, 0%);
    padding: 20px 30px;
    border-radius: 20px;}
.nav>ul>li:hover>ul{display:block}
.nav>ul>li>ul li a{line-height:40px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items:center;padding:0;white-space: nowrap;}
.nav>ul>li>ul li a i{display: block;width: 22px;height: 22px;margin-right: 20px;}
.nav>ul>li.nav1>ul li a i.ico1{background:url(/img/ico_nav1.png) no-repeat center;}
.nav>ul>li.nav1>ul li a i.ico2{background:url(/img/ico_nav2.png) no-repeat center;}
.nav>ul>li.nav1>ul li a i.ico3{background:url(/img/ico_nav3.png) no-repeat center;}
.nav>ul>li.nav1>ul li a i.ico4{background:url(/img/ico_nav4.png) no-repeat center;}
.nav>ul>li.nav1>ul li a i.ico5{background:url(/img/ico_nav5.png) no-repeat center;}
.nav>ul>li.nav1>ul li a i.ico6{background:url(/img/ico_nav6.png) no-repeat center;}


.nav>ul>li.nav2>ul li a i.ico1{background:url(/img/ico_nav7.png) no-repeat center;}
.nav>ul>li.nav2>ul li a i.ico2{background:url(/img/ico_nav8.png) no-repeat center;}
.nav>ul>li.nav2>ul li a i.ico3{background:url(/img/ico_nav9.png) no-repeat center;}
.nav>ul>li.nav2>ul li a i.ico4{background:url(/img/ico_nav10.png) no-repeat center;}
.nav>ul>li.nav2>ul li a i.ico5{background:url(/img/ico_nav11.png) no-repeat center;}
.nav>ul>li.nav2>ul li a i.ico6{background:url(/img/ico_nav12.png) no-repeat center;}
.nav>ul>li.nav2>ul li a i.ico7{background:url(/img/ico_nav13.png) no-repeat center;}

.nav>ul>li.nav5>ul li a i.ico1{background:url(/img/ico_nav14.png) no-repeat center;}
.nav>ul>li.nav5>ul li a i.ico2{background:url(/img/ico_nav15.png) no-repeat center;}



.nav>ul>li.nav6>ul li a i.ico1{background:url(/img/ico_nav16.png) no-repeat center;}
.nav>ul>li.nav6>ul li a i.ico2{background:url(/img/ico_nav17.png) no-repeat center;}
.nav>ul>li.nav6>ul li a i.ico3{background:url(/img/ico_nav18.png) no-repeat center;}

.tool{float:right;margin:15px 0 0 2px;display:flex}
.tool a{line-height:31px;background:linear-gradient(90deg,#3c74f7 0,#1557f0 100%);color:#fff;text-align:center;width:110px;display:block;border-radius:40px}
.tool a:hover{opacity:.8}
.banner{height:1080px;background:url(/img/banner.jpg) no-repeat center;margin-top:60px}

.banner_l h1{line-height:1;font-size:50px;color:#fff;}
.banner_l h3{line-height:1;font-size:50px;}
.banner_l p{line-height:2;margin:50px 0 110px;font-size:24px;color:#fff;}
.banner_l a{display:flex;justify-content:center;align-items:center;width:207px;height:62px;background:linear-gradient(90deg,#33a8d6 0,#376cf3 100%);border-radius:31px;color:#785541;font-size:24px;margin-right:20px;color:#fff;line-height:62px;text-align:center;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}
.banner_l i{display:inline-block;width:30px;height:30px;background:url(/img/jt.png) no-repeat center #fff;border-radius:30px;margin-left:10px}
.banner_l a:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 10px rgb(0 0 0 / 10%);-webkit-box-shadow:0 12px 10px rgb(0 0 0 / 10%);-ms-box-shadow:0 12px 10px rgb(0 0 0 / 10%);-moz-box-shadow:0 12px 10px rgb(0 0 0 / 10%);-o-box-shadow:0 12px 10px rgb(0 0 0 / 10%)}
.banner_l{width:800px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;height:1080px}
.banner_l ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}

.lmbanner{height:670px; margin-top:60px;}
.lmbanner.banner2{background:url(/img/banner_jcgx.jpg) no-repeat center;}
.lmbanner.bannerzf{background:url(/img/banner_zf.jpg) no-repeat center;}
.lmbanner.bannersq{background:url(/img/banner_sq.jpg) no-repeat center;}
.lmbanner.bannerzq{background:url(/img/banner_zq.jpg) no-repeat center;}
.lmbanner.bannerzt{background:url(/img/banner_zt.jpg) no-repeat center;}
.lmbanner.bannerllpt{background:url(/img/banner_llpt.jpg) no-repeat center;}
.lmbanner.bannerhw{background:url(/img/banner_hw.jpg) no-repeat center;}
.lmbanner.bannerhw2{background:url(/img/banner_llpt.jpg) no-repeat center;}
.lmbanner.bannerywxt{background:url(/img/banner_ywxt.jpg) no-repeat center;}
.lmbanner.banneryygl{background:url(/img/banner_yygl.jpg) no-repeat center;}
.lmbanner.bannercdb{background:url(/img/banner_cdb.jpg) no-repeat center;}
.lmbanner.bannercase {background: url(/img/banner_case.jpg) no-repeat center;}
.lmbanner.bannerhdg {background: url(/img/banner_hdg.jpg) no-repeat center;}
.lmbanner.bannerabout {background: url(/img/banner-about.jpg) no-repeat center;}
.banner-new {background: url(/img/newsbanner.jpg) no-repeat center;height:528px;margin-top:60px}
.lmbanner.bannerzt .lmbanner_l h3{color:#fff;}
.lmbanner.bannerzt .lmbanner_l h1{color:#000;}
.lmbanner.bannerzt .lmbanner_l p{color:#fff;}
.lmbanner.bannerzt .lmbanner_bottom ul li{background:#fff;}
.lmbanner.bannerzt .lmbanner_bottom ul li:hover{
    background: #B8DDF2;
}

.lmbanner_l h3{line-height:1.2;font-size:50px}
.lmbanner_l h1{line-height:1.4;font-size:50px;padding-top: 30px; color:#000;}
.lmbanner_l p{line-height:2;margin:45px 0 60px;font-size:26px; color:#000;}
.lmbanner_l a{display:flex;justify-content:center;align-items:center;width:207px;height:62px;background:linear-gradient(90deg,#33a8d6 0,#376cf3 100%);border-radius:31px;color:#785541;font-size:24px;margin-right:20px;color:#fff;line-height:62px;text-align:center;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}
.lmbanner_l a.abtom{width: 320px;}
.lmbanner_l i{display:inline-block;width:30px;height:30px;background:url(/img/jt.png) no-repeat center #fff;border-radius:30px;margin-left:10px}
.lmbanner_l a:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 10px rgb(0 0 0 / 10%);-webkit-box-shadow:0 12px 10px rgb(0 0 0 / 10%);-ms-box-shadow:0 12px 10px rgb(0 0 0 / 10%);-moz-box-shadow:0 12px 10px rgb(0 0 0 / 10%);-o-box-shadow:0 12px 10px rgb(0 0 0 / 10%)}
.lmbanner_l{width:800px;padding: 100px 0 80px;}
.lmbanner_l ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}

.lmbanner_bottom ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.lmbanner_bottom ul li{text-align: center;height: 48px;
border-radius: 24px;width: 22%;line-height: 48px;
    background-color: #0068B7;font-size: 18px;margin-right: 4%;
color: #fff;}
.lmbanner_bottom ul li:last-child{margin-right: 0;}
.lmbanner_bottom ul li:hover{background:#02375f}

.banner_bottom{width:1200px;background:#f9fafe;box-shadow:0 1px 21px 0 rgba(88,88,88,.05);border-radius:8px;border:2px solid rgba(255,255,255,.85);margin-top:-50px;position:relative}
.banner_bottom ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between}
.banner_bottom ul li{width:25%;margin:20px 0;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-right:1px #ddd solid}
.banner_bottom ul li:nth-child(4){border-right:0}
.banner_bottom ul li a{text-align:center;display:block}
.banner_bottom ul li span{font-size:18px;margin-bottom:15px;color:#262626}
.banner_bottom ul li p{text-align:justify;font-weight:400;color:#2893fb}
.banner_bottom ul li i{margin-right:15px;display:block;width:44px;height:44px;flex:0 0 44px}
.banner_bottom ul li.ico1 i{background:url(/img/ico_bt1.png) no-repeat center}
.banner_bottom ul li.ico2 i{background:url(/img/ico_bt2.png) no-repeat center}
.banner_bottom ul li.ico3 i{background:url(/img/ico_bt3.png) no-repeat center}
.banner_bottom ul li.ico4 i{background:url(/img/ico_bt4.png) no-repeat center}
.more{width:230px;margin:0 auto}
.more a{display:block;height:48px;background:linear-gradient(90deg,#33a8d6 0,#376cf3 100%);border-radius:23px;font-size:18px;text-align:center;line-height:48px;color:#fff}
.bta{text-align:center;margin-bottom:60px}
.bta span{font-size:34px;color:#333;display:block;font-weight:700}
.bta em{margin-top:10px;color:#666;display:block;font-size:18px}
.jjfa{padding:70px 0 72px 0;background:#fff;}
.jjfa ul{width:1200px;margin:0 auto;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.jjfa ul li{border-radius:10px;width:240px;margin-bottom:20px;background:#fff;padding:0 0 20px 0;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;margin-right:5%}
.jjfa ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
.jjfa ul li:nth-child(5n){margin-right:0}
.jjfa ul li a{text-align:center;display:block}
.jjfa ul li h3{font-size:18px;margin-bottom:15px;color:#262626; margin-top:20px;}
.jjfa ul li p{text-align:justify;font-size:14px;line-height:1.5;color:#a9aeb4;height:45px}
.jjfa ul li i{display:block;height:363px}
.jjfa ul li.ico1 i{background:url(/img/index-gongye.jpg) no-repeat center}
.jjfa ul li.ico2 i{background:url(/img/index-yiliao.jpg) no-repeat center}
.jjfa ul li.ico3 i{background:url(/img/index-lingshou.jpg) no-repeat center}
.jjfa ul li.ico4 i{background:url(/img/index-chengshi.jpg) no-repeat center}
.jjfa ul li.ico5 i{background:url(/img/index-anfang.jpg) no-repeat center}
.jjfa ul li.ico6 i{background:url(/img/index-zhanlan.jpg) no-repeat center}
.jjfa ul li.ico7 i{background:url(/img/index-jiaoyu.jpg) no-repeat center}
.jjfa ul li.ico8 i{background:url(/img/index-more.jpg) no-repeat center}
.jjfa ul li.ico9 i{background:url(/img/ico_jj9.png) no-repeat center}
.jjfa ul li.ico10 i{background:url(/img/ico_jj10.png) no-repeat center}
.news{padding:144px 0 152px 0;background:#f7f9ff;margin-bottom:-80px}
.news .boxs {display: flex;justify-content: space-between;}
.news .boxs > div {width: 370px; height: 402px; background: #ffffff;box-shadow: 0px 13px 30px 9px rgba(0, 0, 0, 0.05); border-radius: 20px; padding: 29px 37px 0 29px;box-sizing: border-box;}
.box-t1 {height: 30px;font-size: 22px;font-weight: 500;color: #333333;line-height: 30px;margin-bottom: 30px; display: flex;justify-content: space-between;}
.box-t1 span {cursor: pointer;}
.box-t1 span:hover {color: #506eff !important;}
.news .boxs a {
          display: block;
          height: 22px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #3d485d;
          line-height: 22px;
          margin-bottom: 29px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;}
.news .boxs a:hover {
            color: #506eff !important;
          }
.news .boxs span {
            color: rgba(222, 2, 2, 1);
            margin-right: 10px;
          }
.news .boxs a:last-child {
            margin-bottom: 0;
          }    
.znqs{padding:72px 0}
.znbox.swiper{padding-bottom:70px}
.znbox a img{width:100%;display:block}
.znbox a{display:block;box-shadow:0 4px 10px rgb(0 0 0 / 20%);-webkit-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-ms-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-moz-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-o-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}
.znbox a span{display:block;text-align:center;padding:10px;background:#fff}
.znbox a span em{display:block}
.znbox a:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-ms-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-moz-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-o-box-shadow:0 8px 15px rgb(0 0 0 / 30%)}
.xtgn{padding:82px 0 0 0;}
.xtgn .tab{line-height:60px;margin-bottom:1px}
.xtgn .tab ul{width:1200px;margin:0 auto;display:flex;justify-content:space-between}
.xtgn .tab ul li{cursor:pointer;font-size:16px;height:125px;width:14%;box-sizing:border-box;text-align:center;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;border-radius:10px;padding:20px;box-sizing:border-box;line-height:1.5;}
.xtgn .tab ul li i{height:50px;display:block}
.xtgn .tab ul li i.ico1{background:url(/img/ico_fa1.png) no-repeat center}
.xtgn .tab ul li i.ico2{background:url(/img/ico_fa2.png) no-repeat center}
.xtgn .tab ul li i.ico3{background:url(/img/ico_fa3.png) no-repeat center}
.xtgn .tab ul li i.ico4{background:url(/img/ico_fa4.png) no-repeat center}
.xtgn .tab ul li i.ico5{background:url(/img/ico_fa5.png) no-repeat center}
.xtgn .tab ul li i.ico6{background:url(/img/ico_fa6.png) no-repeat center}
.xtgn .tab ul li i.ico7{background:url(/img/ico_fa7.png) no-repeat center}
.xtgn .tab ul li i.ico8{background:url(/img/ico_fa8.png) no-repeat center}
.xtgn .tab ul li.on,.xtgn .tab ul li:hover{box-shadow:0 4px 10px rgb(0 0 0 / 20%);-webkit-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-ms-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-moz-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-o-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;background:#fff;}
.xtgn .tab_box dl{display:none;padding:36px 0 0;overflow:hidden}
.xtgn .tab_box dl.on{display:block}
.xtgn .tab_box dl dt{float:left;width:626px}
.xtgn .tab_box dl dt img{max-width:100%}
.xtgn .tab_box dl dd h3{font-size:34px;margin:25px 0 55px}
.xtgn .tab_box dl dd ul{overflow:hidden;display:flex;flex-wrap:wrap}
.xtgn .tab_box dl dd ul li{margin-bottom:40px;color:#666;line-height:2;width:50%}
.xtgn .tab_box dl dd ul li i{margin-right:10px;display:block;width:28px;height:28px;flex:0 0 28px}
.xtgn .tab_box dl dd ul li i.ico1{background:url(/img/ico_1_1.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico2{background:url(/img/ico_1_2.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico3{background:url(/img/ico_1_3.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico4{background:url(/img/ico_1_4.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico5{background:url(/img/ico_1_5.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico6{background:url(/img/ico_1_6.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico7{background:url(/img/ico_1_7.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico8{background:url(/img/ico_1_8.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico9{background:url(/img/ico_1_9.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico10{background:url(/img/ico_1_10.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico11{background:url(/img/ico_1_11.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico12{background:url(/img/ico_1_12.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico13{background:url(/img/ico_1_13.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico14{background:url(/img/ico_1_14.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico15{background:url(/img/ico_1_15.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico16{background:url(/img/ico_1_16.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico17{background:url(/img/ico_1_17.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico18{background:url(/img/ico_1_18.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico19{background:url(/img/ico_1_19.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico20{background:url(/img/ico_1_20.png) no-repeat center}
.xtgn .tab_box dl dd ul li i.ico21{background:url(/img/ico_1_21.png) no-repeat center}
.xtgn .tab_box dl dd ul li h4{display:flex;font-size:20px;align-items:center;color:#333}
.xtgn .tab_box dl dd ul li span{display:block;margin-left:38px}
.xtgn .tab_box dl dd{float:right;width:450px}
.fwys{padding:72px 0;background:#3573f6;}
.fwys .bta em,.fwys .bta span{color:#fff}
.fwys ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.fwys ul li{width:32%;padding:40px 30px 0;box-sizing:border-box;margin-bottom:2%;border-radius:20px}
.fwys ul li h3{font-size:24px;margin-bottom:23px}
.fwys ul li p{color:#666;height:63px}
.fwys ul li i{display:block;height:255px}
.fwys ul li.ico1{background:#eef2ff}
.fwys ul li.ico2{background:#fef1f0}
.fwys ul li.ico3{background:#ecf8fd}
.fwys ul li.ico4{background:#eff3ff}
.fwys ul li.ico5{background:#edf0fe}
.fwys ul li.ico6{background:#f2fbee}
.fwys ul li.ico1 i{background:url(/img/ico_ys1.png) no-repeat center;background-size:100%}
.fwys ul li.ico2 i{background:url(/img/ico_ys2.png) no-repeat center;background-size:100%}
.fwys ul li.ico3 i{background:url(/img/ico_ys3.png) no-repeat center;background-size:100%}
.fwys ul li.ico4 i{background:url(/img/ico_ys4.png) no-repeat center;background-size:100%}
.fwys ul li.ico5 i{background:url(/img/ico_ys5.png) no-repeat center;background-size:100%}
.fwys ul li.ico6 i{background:url(/img/ico_ys6.png) no-repeat center;background-size:100%}
.fwys ul li.ico1 h3{color:#0068b7}
.fwys ul li.ico2 h3{color:#0068b7}
.fwys ul li.ico3 h3{color:#0068b7}
.fwys ul li.ico4 h3{color:#0068b7}
.fwys ul li.ico5 h3{color:#0068b7}
.fwys ul li.ico6 h3{color:#0068b7}



.gxjjfa{padding:72px 0;}

.gxjjfa img{display: block;border-radius:20px;margin: 0 auto;    box-shadow: 1px 1px 16px 6px rgb(0 0 0 / 10%);
    -webkit-box-shadow:1px 1px 16px 6px rgb(0 0 0 / 10%);
    -ms-box-shadow: 1px 1px 16px 6px rgb(0 0 0 / 10%);
    -moz-box-shadow: 1px 1px 16px 6px rgb(0 0 0 / 10%);
    -o-box-shadow: 1px 1px 16px 6px rgb(0 0 0 / 10%);max-width: 100%}
.gxcd,.sbgl,.jtcd{padding:72px 0;}
.sbgl{background:#fff;}
.lsbk{background: #FFF;}
.zydc{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: space-around;}
.zydc dt{width: 45%}
.zydc dt li{margin-bottom:50px;padding-left:20px;background: url(/img/d.png) no-repeat  left 6px;font-size: 18px;}
.zydc dd{width: 45%}
.zydc dd img{max-width: 100%}
.hzhb{width: 875px;margin: 70px auto;position: relative;}
.hzbox h3{font-size: 24px;margin-bottom:30px;}
.hzbox p{line-height: 1.5;font-size: 18px;}
.hzhb .swiper-pagination-bullets.swiper-pagination-horizontal{position: relative;bottom:0;margin-top: 80px;}
.hzbox .swiper-slide>div{padding:30px 80px;border-radius: 20px;color:#fff;box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;height: 368px;}
/*.hzbox i{position: absolute;right: 30px;top:30px;width: 124px;height: 43px;border-radius: 10px;display: block;}*/
.hz_txt{    width: 560px;}   

 
/*.hzbox i.hzlogo1{background: url(/img/hzlogo1.png) no-repeat center #FFFFFF;}
.hzbox i.hzlogo2{background: url(/img/hzlogo2.png) no-repeat center #FFFFFF;}
.hzbox i.hzlogo3{background: url(/img/hzlogo3.png) no-repeat center #FFFFFF;}*/

.zfjjfa{padding:72px 0;background: #fff}
.zfjjfa ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.zfjjfa ul li{width:18%;margin-bottom:30px;background:#fff;padding:40px 10px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);}
.zfjjfa ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
.zfjjfa ul li:nth-child(4n){margin-right:0}
.zfjjfa ul li a{text-align:center;display:block}
.zfjjfa ul li h3{font-size:18px;margin-bottom:15px;color:#262626;font-weight:normal;}
.zfjjfa ul li p{text-align: center;font-size:14px;line-height:1.5;color:#666666;height:63px}
.zfjjfa ul li i{display:block;height:70px;margin-bottom: 50px;margin-top: 20px;}
.zfjjfa ul li.ico1 i{background:url(/img/ico_zf1.png) no-repeat center}
.zfjjfa ul li.ico2 i{background:url(/img/ico_zf2.png) no-repeat center}
.zfjjfa ul li.ico3 i{background:url(/img/ico_zf3.png) no-repeat center}
.zfjjfa ul li.ico4 i{background:url(/img/ico_zf4.png) no-repeat center}
.zfjjfa ul li.ico5 i{background:url(/img/ico_zf5.png) no-repeat center}
.zfjjfa ul li.ico6 i{background:url(/img/ico_zf6.png) no-repeat center}
.zfjjfa ul li.ico7 i{background:url(/img/ico_zf7.png) no-repeat center}
.zfjjfa ul li.ico8 i{background:url(/img/ico_zf8.png) no-repeat center}
.zfjjfa ul li.ico9 i{background:url(/img/ico_zf9.png) no-repeat center}
.zfjjfa ul li.ico10 i{background:url(/img/ico_zf10.png) no-repeat center}


.ywlc{background: #F7F9FF;padding:72px 0;}

.ywlc ul {position: relative;height: 700px;background:url(/img/ywzfbg.png) no-repeat center }
.ywlc ul img{display: none;}
.ywlc ul li{position: absolute;}
.ywlc ul li i{display: block;margin-right: 20px;}
.ywlc ul li.ico1{width: 253px;
height: 97px;
background: #1296DB;
border-radius: 12px;font-size: 30px;color:#fff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: center;    left: 39%; border: 6px solid #f9fbff;
    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
}
.ywlc ul li.ico1 i{width: 56px;height: 100%;background:url(/img/ico_ywlc1.png) no-repeat center}
.ywlc ul li.ico2{width: 176px;
height: 67px;
background: #F04646;
border-radius: 12px;font-size: 30px;color:#fff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: center;top:280px;    border: 6px solid #f9fbff;
    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
}
.ywlc ul li.ico2 i{width: 46px;height: 42px;background:url(/img/ico_ywlc2.png) no-repeat center}

.ywlc ul li.ico3{width: 176px;
height: 67px;
background: #79D713;
border-radius: 12px;color:#fff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: center;right: 0;top:270px;    border: 6px solid #f9fbff;
    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
}
.ywlc ul li.ico3 i{display: block;width: 42px;height: 42px;background:url(/img/ico_ywlc3.png) no-repeat center}
.ywlc ul li.ico3 span{font-size: 24px;text-align: center;}
.ywlc ul li.ico3 em{display: block;font-size: 14px;}

.ywlc ul li.ico4{width: 156px;
height: 60px;
background: #E5B933;

border-radius: 12px;font-size: 30px;color:#fff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: center;    left: 55%;top:135px; border: 6px solid #f9fbff;
    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
}
.ywlc ul li.ico4 i{width: 46px;height: 42px;background:url(/img/ico_ywlc4.png) no-repeat center}

.ywlc ul li.ico5{width: 156px;
height: 60px;
background: #E5B933;
border-radius: 12px;font-size: 30px;color:#fff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: center;    left: 55%;top:335px;border: 6px solid #f9fbff;
    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
}
.ywlc ul li.ico5 i{width: 46px;height: 42px;background:url(/img/ico_ywlc5.png) no-repeat center}


.ywlc ul li.ico6{width: 670px;
border-radius: 10px;
border: 2px #1296DB dashed;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: center;    top:230px;left:22%;}

.ywlc ul li.ico6 div{width: 33%;margin: 2%;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: center;line-height: 48px;
background: #FFFFFF;
border-radius: 12px;font-size: 18px;border:6px solid  #f9fbff;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);} 

.ico6-1 i{width: 39px;height: 38px;background:url(/img/ico_ywlc6_1.png) no-repeat center}
.ico6-2 i{width: 39px;height: 38px;background:url(/img/ico_ywlc6_2.png) no-repeat center}
.ico6-3 i{width: 39px;height: 38px;background:url(/img/ico_ywlc6_3.png) no-repeat center}
.ywlc ul li.ico7{width: 850px;
border-radius: 10px;
border: 2px #1296DB dashed;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: center;    top: 430px;left: 180px;}

.ywlc ul li.ico7 div{width: 21%;margin: 2%;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: center;line-height: 48px;
background: #FFFFFF;
border-radius: 12px;font-size: 18px;border:6px solid  #f9fbff;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);} 
.ywlc ul li .ico7-1 i{width: 39px;height: 38px;background:url(/img/ico_ywlc7_1.png) no-repeat center;margin-right: 5px}

.ywlc ul li.ico8{width: 850px;
border-radius: 10px;
border: 2px #1296DB dashed;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: center;      top: 600px;
    left: 180px;}

.ywlc ul li.ico8 div{width: 21%;margin: 2%;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: center;line-height: 48px;
background: #FFFFFF;
border-radius: 12px;font-size: 18px;border:6px solid  #f9fbff;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);}

.ywlc ul li .ico8-1 i{width: 39px;height: 38px;background:url(/img/ico_ywlc8_1.png) no-repeat center;margin-right: 5px}

.zffz{padding:72px 0;background:#F7F9FF;}
.zffz ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: space-between;}

.zffz ul li{
background: rgba(255,255,255,0.25);
box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
border-radius: 15px;    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;padding:20px;box-sizing: border-box;
    text-align: center;
 }
 .zffz ul li:hover{    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);}
.zffz ul li i{display: block;height: 68px;margin-bottom:20px;}
.zffz ul li span{margin-bottom:20px;display: block;font-weight: bold;}
.zffz ul li.ico1,.zffz ul li.ico4{width: 118px;}
.zffz ul li.ico2{ box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;padding:15px;}
    .zffz ul li.ico2 i{width: 64px;}
.zffz ul li.ico3{padding:15px;width: 140px}
.zffz ul li.ico5 i{width: 74px;height: 34px;margin-bottom:5px;}

.zffz ul li.ico1 i{background:url(/img/ico_fz1.png) no-repeat center;}
.zffz ul li.ico2 i{background:url(/img/jt2.png) no-repeat center;}
.zffz ul li.ico3 i{background:url(/img/ico_fz2.png) no-repeat center;height: 72px;}
.zffz ul li.ico4 i{background:url(/img/ico_fz3.png) no-repeat center;}
.zffz ul li.ico5 i{background:url(/img/ico_fz4.png) no-repeat center;}
.zffz ul li.ico5 i.ico5-1{background:url(/img/ico_fz3b.png) no-repeat center;}
.zffz ul li.ico6 i{background:url(/img/ico_fz5.png) no-repeat center;}
.zffz ul li.ico7 i{background:url(/img/ico_fz6.png) no-repeat center;}
.zffz ul li.ico8 i{background:url(/img/ico_fz4.png) no-repeat center;}
.zffz ul li.ico5 dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-bottom:15px;    justify-content: space-between;
    align-items: center;}
    .zffz ul li.ico5 dl:last-child{margin-bottom:0;}
.zffz ul li.ico5 dl  dt{width: 74px;font-size: 15px;}
.zffz ul li.ico5 dl dd em{height: 28px;
background: #F3F3F3;    margin: 5px 0;
border-radius: 13px;display: block;line-height: 28px;
    padding: 0 10px;}


.hzhbb{padding:72px 0;    background: #F7F9FF;}
.hzhbb ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.hzhbb ul li{width:22%;margin-bottom:30px;background:#fff;padding:0 20px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;border-radius: 10px;
    display: flex;height:79px;align-items: center;font-size: 22px;}
.hzhbb ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
.hzhbb ul li:nth-child(4n){margin-right:0}
 
.hzhbb ul li i{display:block;margin-right: 20px;width: 70px;height: 100%}
.hzhbb ul li i.ico1{background:url(/img/ico_hb1.png) no-repeat center}
.hzhbb ul li i.ico2 {background:url(/img/ico_hb2.png) no-repeat center}
.hzhbb ul li i.ico3 {background:url(/img/ico_hb3.png) no-repeat center}
.hzhbb ul li i.ico4 {background:url(/img/ico_hb4.png) no-repeat center}
.hzhbb ul li i.ico5 {background:url(/img/ico_hb5.png) no-repeat center}
.hzhbb ul li i.ico6 {background:url(/img/ico_hb6.png) no-repeat center}
.hzhbb ul li i.ico7 {background:url(/img/ico_hb7.png) no-repeat center}
.hzhbb ul li i.ico8 {background:url(/img/ico_hb8.png) no-repeat center}
.hzhbb ul li i.ico9 {background:url(/img/ico_hb9.png) no-repeat center}
.hzhbb ul li i.ico10 {background:url(/img/ico_hb10.png) no-repeat center}
.hzhbb ul li i.ico11 {background:url(/img/ico_hb11.png) no-repeat center}
.hzhbb ul li i.ico12 {background:url(/img/ico_hb12.png) no-repeat center}



/*产品服务-充电桩商圈系统*/
.jhsyzy{padding:72px 0;}
 

.jhsyzy ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;    justify-content: space-evenly;}
.jhsyzy ul li{width:269px;height:385px;padding:40px 25px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);border-radius: 20px;color:#fff;}
.jhsyzy ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
 

.jhsyzy ul li span{font-size:24px;margin:25px 0;display: block; color:#000;}
.jhsyzy ul li p{font-size:16px;line-height:1.5;    margin-right: 50px; color:#000;}
 
.jhsyzy ul li.ico1{background:url(/img/syzy1.jpg) no-repeat center}
.jhsyzy ul li.ico2{background:url(/img/syzy2.jpg) no-repeat center}
.jhsyzy ul li.ico3{background:url(/img/syzy3.jpg) no-repeat center}
.jhsyzy ul li.ico4{background:url(/img/syzy4.jpg) no-repeat center}


.jhsqhy{padding:72px 0;background:#F7F9FF}

.jhsqhy_box{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;background:url(/img/jhsqhy.png) no-repeat center}
.jhsqhy_box ul {width:30%;}
.jhsqhy_box ul li{margin-bottom:30px;background:#fff;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);border-radius: 10px;height: 125px;}

.jhsqhy_box ul li:nth-child(2),.jhsqhy_box ul li:nth-child(3){width: 80%;height: 110px;}

.jhsqhy_box ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
 
.jhsqhy_box ul li span{display: block;width: 130px;
height: 33px;line-height: 33px;color:#fff;
background: #2182EF;
border-radius: 10px 10px 10px 0px;font-size: 18px;text-align: center;}

.jhsqhy_box ul li  p{font-size: 18px;padding: 15px  18px;}

.jhsqhy_box ul:nth-child(2) li{display: flex
;
    flex-direction: column;
    align-items: flex-end;}
.jhsqhy_box ul:nth-child(2) li span{border-radius: 10px 10px 00px 10px;}
.jhsqhy_box ul:nth-child(2) li:nth-child(2),.jhsqhy_box ul:nth-child(2) li:nth-child(3){margin-left: 20%}


.sjsdtc{padding:72px 0;}
.sjsdtc ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.sjsdtc ul li{width:22%;margin-bottom:30px;background:#fff;padding:40px 25px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);text-align: center;border-radius: 20px;}
.sjsdtc ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
.sjsdtc ul li:nth-child(4n){margin-right:0}
.sjsdtc ul li a{text-align:center;display:block}
.sjsdtc ul li h3{font-size:24px;margin:25px 0;color:#262626;font-weight: normal;}
.sjsdtc ul li p{font-size:16px;line-height:1.5;color:#666666;}

.sjsdtc ul li i{display:block;height:86px}
.sjsdtc ul li i.ico1{background:url(/img/ico_sj1.png) no-repeat center}
.sjsdtc ul li i.ico2{background:url(/img/ico_sj2.png) no-repeat center}
.sjsdtc ul li i.ico3{background:url(/img/ico_sj3.png) no-repeat center}
.sjsdtc ul li i.ico4{background:url(/img/ico_sj4.png) no-repeat center}
.yxhzhb{padding:82px 0 140px;margin-bottom:-65px;}


.yxhzhb .bta span,.yxhzhb .bta em{color:#fff;}

.yxhzhb li{padding:30px 80px;border-radius: 20px;color:#000;box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;height: 268px;width: 500px;margin: 0 auto;border-radius: 20px;border:5px #fff solid; background-color:#f7f5f5;}

.yxhzhb .hz_txt{    width: 560px;}   
.yxhzhb.hz1{background:url(/img/hzbg.jpg) no-repeat center;}
.yxhzhb.hz1  li{background: url(/img/yzhz.jpg) no-repeat center;}

.yxhzhb li h3{font-size: 24px;margin-bottom:30px;}
.yxhzhb li p{line-height: 1.5;font-size: 18px;text-align:justify;color: #E1E1E1;}
.yxhzhb li p b{color:#fff;}
.yxhzhb li span{color:#E1E1E1;font-size: 18px;}


/*产品服务-物联网中台*/
.iotpt{padding:72px 0;}
.iotpt ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.iotpt ul li{width:22%;margin-bottom:30px;background:#fff;padding:40px 25px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);text-align: center;border-radius: 20px;}
.iotpt ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%);background:#1859F0}
.iotpt ul li:nth-child(4n){margin-right:0}
.iotpt ul li a{text-align:center;display:block}
.iotpt ul li h3{font-size:24px;margin:25px 0;color:#262626;font-weight: normal;}
.iotpt ul li p{font-size:16px;line-height:1.5;color:#666666;}
.iotpt ul li i{display:block;height:100px;width: 100px;border-radius: 30px;box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);margin: 0 auto;}
.iotpt ul li:hover h3{color:#fff;}
.iotpt ul li:hover p{color:#fff;}

.iotpt ul li i.ico1{background:url(/img/ico_iot1.png) no-repeat center #fff}
.iotpt ul li i.ico2{background:url(/img/ico_iot2.png) no-repeat center #fff}
.iotpt ul li i.ico3{background:url(/img/ico_iot3.png) no-repeat center #fff}
.iotpt ul li i.ico4{background:url(/img/ico_iot4.png) no-repeat center #fff}

.trend{padding:72px 0;background: #F7F9FF;}

.trend img{display: block;border-radius:20px;margin: 0 auto;    box-shadow: 1px 1px 16px 6px rgb(0 0 0 / 10%);
    -webkit-box-shadow:1px 1px 16px 6px rgb(0 0 0 / 10%);
    -ms-box-shadow: 1px 1px 16px 6px rgb(0 0 0 / 10%);
    -moz-box-shadow: 1px 1px 16px 6px rgb(0 0 0 / 10%);
    -o-box-shadow: 1px 1px 16px 6px rgb(0 0 0 / 10%);max-width: 100%;border:10px #fff solid}


.sycj{padding:72px 0;background:url(/img/znbg.jpg) no-repeat center}
.sycj .bta span,.sycj .bta em{color:#fff;}
.sycj ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.sycj ul li{width:24%;margin-bottom:30px;padding:40px 25px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);border-radius: 20px;}
.sycj ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%);}
.sycj ul li:nth-child(4n){margin-right:0}
.sycj ul li h3{font-size:24px;margin-bottom:25px;color:#262626;font-weight: normal;}
.sycj ul li p{font-size:16px;line-height:1.5;color:#666666;height: 72px;margin-bottom:30px;}
.sycj ul li i{display:block;height:170px;width: 100%;border-radius:15px;box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);margin: 0 auto;    border: 5px #fff solid;box-sizing: border-box;}
 
.sycj ul li.ico1{background:#f7f7ff}
.sycj ul li.ico2{background:#fff0ef}
.sycj ul li.ico3{background:#edfbfd}
.sycj ul li.ico4{background:#edfbfd}
.sycj ul li.ico1 h3{color:#8D3694;}
.sycj ul li.ico2 h3{color:#AB652A;}
.sycj ul li.ico3 h3{color:#1F83AA;}
.sycj ul li.ico4 h3{color:#1F83AA;}
.sycj ul li.ico1 i{background:url(/img/yscj1.jpg) no-repeat center }
.sycj ul li.ico2 i{background:url(/img/yscj2.jpg) no-repeat center }
.sycj ul li.ico3 i{background:url(/img/yscj3.jpg) no-repeat center }
.sycj ul li.ico4 i{background:url(/img/yscj4.jpg) no-repeat center }


.iotzt{padding:72px 0;}
 
.iotzt ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.iotzt ul li{ margin-bottom:40px;width:580px;padding:20px 25px  40px 25px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);border-radius: 20px;}
.iotzt ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%);}
.iotzt ul li:nth-child(4n){margin-right:0}
.iotzt ul li h3{font-size:24px;margin-bottom:25px;color:#262626;font-weight: normal;}
.iotzt ul li p{font-size:16px;line-height:24px;color:#666666;margin-bottom:20px;}
 
.iotzt ul li.ico1{background:url(/img/dlzt1.jpg) no-repeat center  top #fff}
.iotzt ul li.ico2{background:url(/img/dlzt2.jpg) no-repeat center  top #fff}
.iotzt ul li.ico3{background:url(/img/dlzt3.jpg) no-repeat center  top #fff}
.yxhzhb.hz2{background:url(/img/hzbg2.jpg) no-repeat center;}
.yxhzhb.hz2  li{background: url(/img/yzhz2.jpg) no-repeat center;}


/* 解决方案-换电柜 */
.hdgpt{padding:72px 0;}
.hdgpt ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.hdgpt ul li{width:22%;margin-bottom:30px;background:#fff;padding:40px 25px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);text-align: center;border-radius: 20px;}
.hdgpt ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%);background:#1859F0}
.hdgpt ul li:nth-child(4n){margin-right:0}
.hdgpt ul li a{text-align:center;display:block}
.hdgpt ul li h3{font-size:24px;margin:25px 0;color:#262626;font-weight: normal;}
.hdgpt ul li p{font-size:16px;line-height:1.5;color:#666666;}
.hdgpt ul li i{display:block;height:100px;width: 100px;border-radius: 30px;box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);margin: 0 auto;}
.hdgpt ul li:hover h3{color:#fff;}
.hdgpt ul li:hover p{color:#fff;}

.hdgpt ul li i.ico1{background:url(/img/ico_hdg1.png) no-repeat center #fff}
.hdgpt ul li i.ico2{background:url(/img/ico_hdg2.png) no-repeat center #fff}
.hdgpt ul li i.ico3{background:url(/img/ico_hdg3.png) no-repeat center #fff}
.hdgpt ul li i.ico4{background:url(/img/ico_hdg4.png) no-repeat center #fff}
.yxhzhb.hz4{background:url(/img/hzbg4.jpg) no-repeat center; height:560px;}
.yxhzhb.hz4 li{background: url(/img/yzhz4.jpg) no-repeat center;}

/*g关于我们*/
.about{padding:72px 0 10px 0;overflow: hidden;}
.about-left{width: 1200px;height:auto;float: left;}
.about-left p{font-size: 18px;line-height: 30px;color: #666666;margin-bottom:26px ;}
.about-right{width: 438px;float: right;}
.about-add{padding:72px 0 ;}

.about-add ul{display: flex;align-items: center;justify-content: space-around;margin-top: 2px;}
.about-add ul li{
    overflow: hidden;
       
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
    }
	
.about-add ul li i{text-align: center;display: block;}
.about-add ul li:nth-child(3n){margin-right: 0;}
.about-add ul li span{ margin:30px 20px 0 20px;display: inline-block;background: #3678ED;
border-radius: 10px;padding: 10px 40px;font-size: 30px;color: #fff;
}	
.about-add ul li p{ padding:10px ;font-size: 16px;
color: #666;
line-height: 16px; text-align:left;}
	
/*产品服务-两轮充电平台*/
.zfcp{padding:32px 0;background-color: #fff}

.zfcp ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.zfcp ul li{width:23%;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;text-align: center;}
.zfcp ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
 
.zfcp ul li img{width: 100%}
.zfcp ul li span{font-size:18px;margin:25px 0;color:#666;font-weight: normal;display: block;}





.yhdbox{padding:72px 0;background: #F7F9FF}
.yhdboxb{padding:72px 0;}
 .pictl{display: -webkit-flex;align-items: center;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
   }
.pictl dt{width: 50%}
.pictl dt img{max-width: 100%}
.pictl dd img{max-width: 100%}
.pictl dd{width: 50%}
.pictl dd.rt{text-align:right }
.pictl dd ul li{margin-bottom:20px;}
.pictl dd ul li span{display: block;font-size: 24px;margin-bottom: 15px;font-weight: bold;}
.pictl dd ul li span.hdg{display: block;font-size: 30px;margin-bottom: 34px;font-weight: bold;line-height: 40px;}
.pictl dd ul li p{font-size: 18px;color:#666;}
.pictl dd ul li p.hdg{font-size: 16px;color:#000;line-height: 40px;}
.pictl dt ul li{margin-bottom:20px;}
.pictl dt  ul li span{display: block;font-size: 24px;margin-bottom: 15px;font-weight: bold;}
.pictl dt  ul li span.hdg{display: block;font-size: 30px;margin-bottom: 34px;font-weight: bold;line-height: 40px;}
.pictl dt  ul li p{font-size: 18px;color:#666;}
.pictl dt  ul li p.hdg{font-size: 18px;color:#666;line-height: 40px;}
.jsyfw{padding:72px 0;background: #F7F9FF;}
.jsyfw ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.jsyfw ul li{ margin-bottom:30px;width:30%;background:#fff;padding:40px 25px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);text-align: center;border-radius: 20px;}
.jsyfw ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
.jsyfw ul li:nth-child(4n){margin-right:0}
.jsyfw ul li a{text-align:center;display:block}
.jsyfw ul li h3{font-size:18px;margin-top:25px;color:#262626;}
.jsyfw ul li p{font-size:14px; margin-top:20px; line-height:22px; }
.jsyfw ul li i{display:block;height:84px}
.jsyfw ul li i.ico1{background:url(/img/ico_jsyfw1.png) no-repeat center}
.jsyfw ul li i.ico2{background:url(/img/ico_jsyfw2.png) no-repeat center}
.jsyfw ul li i.ico3{background:url(/img/ico_jsyfw3.png) no-repeat center}
.jsyfw ul li i.ico4{background:url(/img/ico_jsyfw4.png) no-repeat center}
.jsyfw ul li i.ico5{background:url(/img/ico_jsyfw5.png) no-repeat center}
.jsyfw ul li i.ico6{background:url(/img/ico_jsyfw6.png) no-repeat center}


/*解决方案-海外*/
.ldjy{padding:72px 0;background:#FFFFFF;height: 500px;box-sizing: border-box;}

.ldjy ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.ldjy ul li{width:267px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;padding:20px 25px;box-sizing: border-box;border-radius: 12px;color:#fff; box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);}

.ldjy ul li.ico1{background: #009c86; margin-bottom:50px;}
.ldjy ul li.ico2{background: linear-gradient(0deg, #477DF2 0%, #6591F5 100%);}
.ldjy ul li.ico3{background: linear-gradient(0deg, #9A52CC 0%, #B370E2 100%);}
.ldjy ul li.ico4{background: linear-gradient(0deg, #5FB98B 0%, #75C29B 100%);}

.ldjy ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
 .ldjy ul li h3{font-size: 18px;margin-bottom:2px; text-align:center;}
 .ldjy ul li p{line-height: 1.5;margin-bottom:30px;}

.hwsc{padding:72px 0;background: #F7F9FF;}
.hwsc dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}
.hwsc dl dt{width: 750px;}
.hwsc dl dt ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    flex-wrap: wrap;
    justify-content: space-between;}
.hwsc dl dt ul li{width: 180px;
height: 134px;padding:25px;background: #FFFFFF;
border-radius: 10px;margin-bottom:40px;box-sizing: border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);}

.hwsc dl dt ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
.jsyfw ul li:nth-child(4n){margin-right:0}



.hwsc dl dt ul li span{display: block;font-size: 16px;color:#666;}

.hwsc dl dt ul li i{display:block;height:40px;width: 40px;margin-bottom:15px;}
.hwsc dl dt ul li i.ico1{background:url(/img/ico_hwsc1.png) no-repeat center}
.hwsc dl dt ul li i.ico2{background:url(/img/ico_hwsc2.png) no-repeat center}
.hwsc dl dt ul li i.ico3{background:url(/img/ico_hwsc3.png) no-repeat center}
.hwsc dl dt ul li i.ico4{background:url(/img/ico_hwsc4.png) no-repeat center}
.hwsc dl dt ul li i.ico5{background:url(/img/ico_hwsc5.png) no-repeat center}
.hwsc dl dt ul li i.ico6{background:url(/img/ico_hwsc6.png) no-repeat center}
.hwsc dl dt ul li i.ico7{background:url(/img/ico_hwsc7.png) no-repeat center}
.hwsc dl dt ul li i.ico8{background:url(/img/ico_hwsc8.png) no-repeat center}
.hwsc dl dt ul li i.ico9{background:url(/img/ico_hwsc9.png) no-repeat center}
.hwsc dl dt ul li i.ico10{background:url(/img/ico_hwsc10.png) no-repeat center}
.hwsc dl dt ul li i.ico11{background:url(/img/ico_hwsc11.png) no-repeat center}
.hwsc dl dt ul li i.ico12{background:url(/img/ico_hwsc12.png) no-repeat center}


.hwsc dl dd{width: 388px;}
.hwsc dl dd ul li{margin-bottom:65px;background: #0C85F4;padding:25px;color:#fff;
border-radius: 10px;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);}


 

.hwsc dl dd ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}




.hwsc dl dd ul li:last-child{margin-bottom:0;}
.hwsc dl dd ul li span{font-size: 22px;display: block;margin-bottom:15px;}
.hwsc dl dd ul li p{font-size: 18px;}
.hwsc dl dd ul li i{display:block;height:40px;width: 40px;margin-bottom:15px;}
.hwsc dl dd ul li i.ico1{background:url(/img/ico_hwsc13.png) no-repeat center}
.hwsc dl dd ul li i.ico2{background:url(/img/ico_hwsc14.png) no-repeat center}




.jmzs{padding:72px 0;}
.jmzs ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.jmzs ul li{width:400px; padding-right:20px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;text-align: center;}
.jmzs ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
 
.jmzs ul li img{width: 100%}
.jmzs ul li span{font-size:18px;margin:25px 0;color:#666;font-weight: normal;display: block;}

.qzpp{padding:72px 0;background: #FFF}

.qzpp ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.qzpp ul li{width:200px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;text-align: center;background-color: #fff;margin-bottom:35px; border:1px solid #e1dede; margin-left:1px;}
.qzpp ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
 
.qzpp ul li img{width: 100%;display: block;}




/*产品服务-运营商充电桩管理系统*/

.yyjg{padding:72px 0 ;background: #F7F9FF;}
.yyjg img{max-width: 100%}
.gnzs{padding:172px 0}
.gnzs .tab{line-height:60px;margin-bottom:25px}
.gnzs .tab ul{width:1200px;margin:0 auto;display:flex;justify-content:space-between}
.gnzs .tab ul li{cursor:pointer;font-size:16px;height:125px;width:12%;box-sizing:border-box;text-align:center;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;border-radius:10px;padding:25px;box-sizing:border-box;line-height:1.5;}
.gnzs .tab ul li i{height:50px;display:block}
.gnzs .tab ul li i.ico1{background:url(/img/ico_gnzs1.png) no-repeat center}
.gnzs .tab ul li i.ico2{background:url(/img/ico_gnzs2.png) no-repeat center}
.gnzs .tab ul li i.ico3{background:url(/img/ico_gnzs3.png) no-repeat center}
.gnzs .tab ul li i.ico4{background:url(/img/ico_gnzs4.png) no-repeat center}
.gnzs .tab ul li i.ico5{background:url(/img/ico_gnzs5.png) no-repeat center}
.gnzs .tab ul li i.ico6{background:url(/img/ico_gnzs6.png) no-repeat center}
.gnzs .tab ul li i.ico7{background:url(/img/ico_gnzs7.png) no-repeat center}
.gnzs .tab ul li i.ico8{background:url(/img/ico_gnzs8.png) no-repeat center}
.gnzs .tab ul li.on,.gnzs .tab ul li:hover{box-shadow:0 4px 10px rgb(0 0 0 / 20%);-webkit-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-ms-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-moz-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-o-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;background:#fff;}
.gnzs .tab_box dl{display:none;padding:36px 0 0;overflow:hidden;align-items: center;}
.gnzs .tab_box dl.on{    display: flex
;}
.gnzs .tab_box dl dt{width:720px}
.gnzs .tab_box dl dt img{max-width:100%}
.gnzs .tab_box dl dd h3{font-size:30px;margin-bottom:30px;}
.gnzs .tab_box dl dd p{font-size:18px ;color:#666666;}
.gnzs .tab_box dl dd{width:450px}

.ydgn{padding:72px 0;background-color: #fff}
.pichdlist{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content: space-evenly;}
.pichdlist li{  background: #fff;  overflow: hidden;width:20%;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;text-align: center;box-shadow:0 4px 10px rgb(0 0 0 / 20%);-webkit-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-ms-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-moz-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-o-box-shadow:0 4px 10px rgb(0 0 0 / 20%);border-radius: 20px;}
.pichdlist li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-ms-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-moz-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-o-box-shadow:0 8px 15px rgb(0 0 0 / 30%);    transform: scale(1.2);}

.pichdlist li img{width: 100%}
.pichdlist li span{font-size:18px;margin:25px 0;color:#000;font-weight: bold;display: block;}
.pichdlist li p{font-size:15px;margin:15px 20px 10px 20px;color:#666;font-weight: normal; line-height:25px;}


 .pichdlist2{ margin-top:120px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content: space-evenly;}
.pichdlist2 li{ overflow: hidden;width:25%;}
.pichdlist2 li img{width: 100%}
.pichdlist2 li span{font-size:18px;margin:25px 0;color:#333;font-weight: bold;display: block; text-align:center;}


 .pichdlist3{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content: space-evenly;}
.pichdlist3 li{ overflow: hidden;width:35%;}
.pichdlist3 li img{width: 100%}
.pichdlist3 li span{font-size:18px;margin:25px 0;color:#333;font-weight: bold;display: block; text-align:center;}


 .pichdlist4{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content: space-evenly;}
.pichdlist4 li{ overflow: hidden;width:20%;}
.pichdlist4 li img{width: 100%}
.pichdlist4 li span{font-size:18px;margin:25px 0;color:#333;font-weight: bold;display: block; text-align:center;}


/*解决方案-海外*/


.hzhbc{padding:72px 0 140px;position: relative;}
.hzhbc .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:60px;}
.hzhbc .swiper-pagination-bullet-active{width: 30px;
height: 8px;
background: #5395FD;
border-radius: 4px;}
.hzhbc .hzbox .swiper-slide{width: 875px;}
.hzhbc .hzbox .swiper-slide.swiper-slide-prev{    transform: scale(0.85);}
.hzhbc .hzbox .swiper-slide.swiper-slide-prev:after{content:"";display: block;position: absolute;width: 100%;height: 100%;background-color: rgb(255 255 255 / 69%);top:0;left:0;border-radius: 20px;}
.hzhbc .hzbox .swiper-slide.swiper-slide-next{    transform: scale(0.85);}
.hzhbc .hzbox .swiper-slide.swiper-slide-next:after{content:"";display: block;position: absolute;width: 100%;height: 100%;background-color: rgb(255 255 255 / 69%);top:0;left:0;border-radius: 20px;}

.zxzx{background:url(/img/zxbg.png) no-repeat center;padding:30px 40px;height:186px;box-sizing:border-box;max-width:1920px;margin:0 auto;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.zxbox{width:950px}
.zxewm{width:300px;text-align:center;color:#fff}
.zxewm img{width:100px;border-radius:10px;border:5px #69baff solid}
.zxewm span{display:block}



/*产品服务-充电桩运维系统*/
.zzcdzhy{padding:72px 0;background:url(/img/dzbg.jpg) no-repeat center #2f65f1;}
.zzcdzhy .bta span,.zzcdzhy .bta em{color: #fff}
.zzcdzhy ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between;}
.zzcdzhy ul li{width:32%;background:#fff;padding:40px 25px 80px ;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;    box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);
    -o-box-shadow: 0px 3px 11px rgb(0 0 0 / 8%);border-radius: 10px;}
.zzcdzhy ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
 
.zzcdzhy ul li span{font-size:24px;margin:25px 0;color:#262626;font-weight: normal;margin: 25px 0 36px;display: block;}
.zzcdzhy ul li p{font-size:16px;line-height:1.5;color:#333;margin-bottom:10px;}
.zzcdzhy ul li i{display:block;height:56px;width: 56px}
.zzcdzhy ul li.ico1{background: linear-gradient(0deg, #FEFEFF 0%, #F2ECFE 100%);}
.zzcdzhy ul li.ico2{background: linear-gradient(0deg, #FFFFFF 0%, #FFF7EA 100%);}
.zzcdzhy ul li.ico3{background: linear-gradient(0deg, #FFFEFF 0%, #F2EBFE 100%);}
.zzcdzhy ul li.ico1 i{background:url(/img/ico_dz1.png) no-repeat center}
.zzcdzhy ul li.ico2 i{background:url(/img/ico_dz2.png) no-repeat center}
.zzcdzhy ul li.ico3 i{background:url(/img/ico_dz3.png) no-repeat center}

.ycjk{padding:72px 0;background: #F7F9FF;}
.ycbox{position: relative;}
.ycbox:after{content:"";display: block;width: 1px;height: 85%;position: absolute;left:10px;top:150px;background-color: #ddd}
.ycbox dl {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;  margin-bottom:120px;    align-items: center;  justify-content: space-between;}
.ycbox dl:last-child{margin-bottom:0}
.ycbox dl dt{width: 440px;}
.ycbox dl dt h3{font-size: 30px;display: flex;     align-items: center;margin-bottom:15px;}
.ycbox dl dt h3 i{width: 20px;display: block;
height: 20px;margin-right: 28px;    position: relative;
    z-index: 2;
background: #0F82FF;}
.ycbox dl dt p{font-size: 18px;color:#666666;margin-left: 48px;line-height: 1.5}
.ycbox dl dd{width: 720px}
.ycbox dl dd img{width: 100%}

.ycbox dl dt h4{font-size: 24px;display: flex;     align-items: center;margin-bottom:15px;}
.ycbox dl dt h4 i{width: 20px;display: block;
height: 20px;margin-right: 28px;    position: relative;
    z-index: 2;
background: #0F82FF;}
.ycbox dl dt h4 u.ico1{background: url(/img/cdbico1.png) no-repeat center;}
.ycbox dl dt h4 u{display: block;
    width: 44px;
    height: 38px;
    margin-right: 10px;}
.ycxf{padding:72px 0;background: #F7F9FF;}
.ycxf dl {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;  margin-bottom:120px;    align-items: center;  justify-content: space-between;}

.ycxf dl:last-child{
    flex-direction: row-reverse;
    margin-bottom:0
}

.ycxf dl dt{width: 440px;}
.ycxf dl dt h3{font-size: 30px;display: flex;     align-items: center;margin-bottom:15px;}

.ycxf dl dt p{font-size: 18px;color:#666666;line-height: 1.5}
.ycxf dl dd{width: 720px}
.ycxf dl dd img{width: 100%}
.yxhzhb.hz3{background:url(/img/hzbg3.jpg) no-repeat center;}
.yxhzhb.hz3  li{background: url(/img/yzhz3.jpg) no-repeat center;}
.jsyfw.bsbg{background:#fff;}
.jsyfw.bsbg ul li{background: #FAFAFA;    box-shadow: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow:none;}
.yczd{padding:72px 0;}
.yczd .yctab{border-bottom:1px #ddd solid;line-height:60px;background:#fff;margin-bottom:25px;}
.yczd .yctab ul{width:1200px;margin:0 auto;display:flex;justify-content: space-between;}
.yczd .yctab ul li{cursor:pointer;font-size:18px;font-weight:bold;    height:55px;
    box-sizing: border-box;    padding: 0 30px;}
.yczd .yctab ul li.on{border-bottom:3px #0F82FF solid;color:#0F82FF;}

.yczd .yctab_box dl{display:none;padding:36px 0 100px;    overflow: hidden; align-items: center;    align-items: center;
    justify-content: space-between;}
.yczd .yctab_box dl.on{display:flex;}
.yczd .yctab_box dl dt{width:500px;}
.yczd .yctab_box dl dt h3{font-size:36px;margin:25px 0 55px}
.yczd .yctab_box dl dt p{line-height:32px;}
.yczd .yctab_box dl dd{width:650px;}
.yczd .yctab_box dl dd img{max-width: 100%}

/* 解决方案-充电宝 */
.cdbsol{padding:72px 0;}
.cdzabout{background: url(/img/cdzabout.png) no-repeat center;}
.about-text{width: 524px;height: 407px;color: #000;padding: 71px 0 0 68px;}
.about-text h2{font-size: 30px;margin-bottom:35px;}
.about-text p{font-size: 18px;line-height: 40px;font-weight: 300;}
.cdbsol-box{padding:72px 0;}
.cdbbox{position: relative;}
.cdbbox:after{content:"";display: block;width: 1px;height: 100%;position: absolute;left:10px;top:20px;background-color: #ddd}
.cdbbox dl {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;  margin-bottom:120px;    align-items: center;  justify-content: space-between;}
.cdbbox dl:last-child{margin-bottom:0}
.cdbbox dl dt{width: 418px;}

.cdbbox dl dt p{font-size: 18px;color:#666666;margin-left: 48px;line-height: 40px}
.cdbbox dl dd{width: 634px}
.cdbbox dl dd img{width: 100%}

.cdbbox dl dt h4{font-size: 24px;display: flex;     align-items: center;margin-bottom:5px;}
.cdbbox dl dt h4 a{font-size: 24px;display: flex;     align-items: center;margin-bottom:5px;}
.cdbbox dl dt h4 i{width: 20px;display: block;
height: 20px;margin-right: 28px;    position: relative;
    z-index: 2;
background: #0F82FF;}
.cdbbox dl dt h4 u.ico1{background: url(/img/cdbico1.png) no-repeat center;}
.cdbbox dl dt h4 u.ico2{background: url(/img/cdbico2.png) no-repeat center;}
.cdbbox dl dt h4 u.ico3{background: url(/img/cdbico3.png) no-repeat center;}
.cdbbox dl dt h4 u{display: block;
    width: 44px;
    height: 38px;
    margin-right: 10px;}
.cdbbox dl dt span{display: block; margin-left: 50px; color: #666666;font-size: 18px;margin-top: 58px;}
.cdbgn {padding:72px 0;}
.cdbgn ul{ display: flex;
    flex-wrap: wrap;} 
	
.cdbgn ul li{width: 33%;
    text-align: center;
    margin-bottom: 50px;}
/* .cdbgn ul li:nth-child(4n){margin-right:0} */
.cdbgn ul li a{text-align:center;display:block}
.cdbgn ul li h4{font-size:24px;margin-top:26px;color:#666666 ;font-weight: normal;}
.cdbgn ul li i{display:block;height:76px;width: 100%;}
.cdbgn ul li i.ico1{background:url(/img/cdb_ico1.png) no-repeat center}
.cdbgn ul li i.ico2{background:url(/img/cdb_ico2.png) no-repeat center}
.cdbgn ul li i.ico3{background:url(/img/cdb_ico3.png) no-repeat center}
.cdbgn ul li i.ico4{background:url(/img/cdb_ico4.png) no-repeat center}
.cdbgn ul li i.ico5{background:url(/img/cdb_ico5.png) no-repeat center}
.cdbgn ul li i.ico6{background:url(/img/cdb_ico6.png) no-repeat center}
.cdbgn ul li i.ico7{background:url(/img/cdb_ico7.png) no-repeat center}
.cdbgn ul li i.ico8{background:url(/img/cdb_ico8.png) no-repeat center}	
.cdbgn ul li i.ico9{background:url(/img/cdb_ico9.png) no-repeat center}
.cdbgn ul li i.ico10{background:url(/img/cdb_ico10.png) no-repeat center}
.cdbgn ul li i.ico11{background:url(/img/cdb_ico11.png) no-repeat center}
.cdbgn ul li i.ico12{background:url(/img/cdb_ico12.png) no-repeat center}
.cdbcj{    padding: 72px 0 172px;
    margin-bottom: -100px;}

.cdbcj .cdbtab{line-height:60px;margin-bottom:25px;}
.cdbcj .cdbtab ul{width:800px;margin:0 auto;display:flex;justify-content: space-between;}
.cdbcj .cdbtab ul li{cursor:pointer;font-size:24px;font-weight:bold; line-height:50px;
    box-sizing: border-box;   padding:0 20px; color:#fff;}
.cdbcj .cdbtab ul li.on{
    width: auto;
    line-height: 50px;
    background: #358BE4;
    border-radius: 30px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.cdbcj .cdbtab_box dl{display:none;}
.cdbcj .cdbtab_box dl.on{display:block;}
.cdbyycj1{background: url(/img/cdbyycj1.png) no-repeat center;}
.cdbyycj2{background: url(/img/cdbyycj2.png) no-repeat center;}
.cdbyycj3{background: url(/img/cdbyycj3.png) no-repeat center;}
.cdbyycj4{background: url(/img/cdbyycj4.png) no-repeat center;}
.yycj-text{width: 300px;height: 356px;color: #fff;padding: 26px 20px 120px 28px; background:#282828;}
.yycj-text h3{font-size: 18px;margin-bottom:40px;font-weight: bold;}
.yycj-text p{font-size: 18px;line-height: 40px;font-weight: 300;}
.yycj-text p b{font-size:20px;}

/* 案例 */
.ourcase{padding:72px 0;}
.ourcase h2{font-weight: bold;
font-size: 34px;
color: #333333;
line-height: 84px;}
.case-sort{position: sticky;top: 70px;width: 100%;overflow: hidden;margin-bottom: 68px;}

.case-sort ul li a{cursor: pointer;
    font-size: 14px;
    line-height: 32px;
    box-sizing: border-box;
    padding: 0 18px;
	color: #666666;
	float: left;margin-right: 5px;}
.case-sort ul li.on a {
	  
	background: #358BE4;
	border-radius: 10px;
	color: #fff;
	}
.case-sort ul li a:hover{background: #358BE4;
	border-radius: 10px;color: #fff;}
.case-box ul{display: flex;flex-wrap: wrap;}
.case-box ul li{box-shadow: 0px 2px 10px 0px rgba(0, 17, 45, 0.1);
    background-color: rgba(255, 255, 255, 1);
    
    width: 22.8%;
    margin: 0 2.93% 80px 0;
    float: left;
    overflow: hidden;}
.case-box ul li:nth-child(4n){margin-right: 0;}
.case-box ul li img{width:100%;}
.case-box ul li span{ margin:30px 20px 0 20px;display: inline-block;background: #0068b7;
border-radius: 4px;
padding: 5px 20px; color:#fff;
}	
.case-box ul li p{ padding:20px ;font-size: 16px;
color: #333333;
line-height: 26px; text-align:center;}
	
.case-box p.state{font-size:16px;color:#333333}	
/*产品服务-桩企充电桩[]管理系统*/
.lbjy{padding:72px 0;}
.lbjy dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;
    align-items: center;}
.lbjy dl dt{width: 48%}
.lbjy dl dt p{font-size: 20px;margin-bottom:30px;}
.lbjy dl dt p b{font-size: 20px;}
.lbjy dl dd{width: 48%}
.lbjy dl dd img{max-width: 100%}
.btgzt{padding:72px 0 100px;background: linear-gradient(-36deg, #CDDEFF 0%, #F2F7FF 100%);}
.btgzt ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content: space-evenly;}
.btgzt ul li{padding-top:30px;  background: #fff;  overflow: hidden;width:20%;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;text-align: center;box-shadow:0 4px 10px rgb(0 0 0 / 20%);-webkit-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-ms-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-moz-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-o-box-shadow:0 4px 10px rgb(0 0 0 / 20%);border-radius: 20px;}
.btgzt ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-ms-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-moz-box-shadow:0 8px 15px rgb(0 0 0 / 30%);-o-box-shadow:0 8px 15px rgb(0 0 0 / 30%);  }

.btgzt ul li img{width: 100%}
.btgzt ul li span{font-size:18px;margin:25px;color:#fff;font-weight: normal;display: block;
height: 40px;line-height: 40px;
background: #4B9AFA;
border-radius: 20px;}

.yhgkj{padding:72px 0;}
.zhyy{padding:72px 0;background: #D3E4FF;}
.yhzhjy{padding:72px 0;}
.hzzq{padding:72px 0  150px;background: #F7F9FF; margin-bottom:-100px;}
 .hzzq .hzbox{}
.swiper-zqcd{position: relative;    width: 875px;
    margin: 0 auto;padding-bottom: 80px;}

.swiper-zqcd .swiper-button-next{background: url(/img/jt3.png) no-repeat center;width: 66px;height: 66px;font-size: 0;    right: -120px;    top: 40%;transform: rotateY(180deg);}
.swiper-zqcd .swiper-button-prev{background: url(/img/jt3.png) no-repeat center;width: 66px;height: 66px;font-size: 0;    left: -120px;    top: 40%;}

.swiper-zqcd .swiper-button-next:after,.swiper-zqcd  .swiper-rtl .swiper-button-prev:after{display: none;}
.swiper-zqcd .swiper-button-prev:after,.swiper-zqcd  .swiper-rtl .swiper-button-next:after{display: none;}

#swiper-hzzq .hz1{background: url(/img/hzzq1.jpg) no-repeat center;}
#swiper-hzzq .hz2{background: url(/img/hzzq2.jpg) no-repeat center;}
#swiper-hzzq .hz3{background: url(/img/hzzq3.jpg) no-repeat center;}
#swiper-hzzq .hz4{background: url(/img/hzzq4.jpg) no-repeat center;}
#swiper-hzzq .hz5{background: url(/img/hzzq5.jpg) no-repeat center;}
#swiper-hzzq .hz6{background: url(/img/hzzq6.jpg) no-repeat center;}


#swiper-glxt .hz1{background: url(/img/glxt1.jpg) no-repeat center;}
#swiper-glxt .hz2{background: url(/img/glxt2.jpg) no-repeat center;}
#swiper-glxt .hz3{background: url(/img/glxt3.jpg) no-repeat center;}
#swiper-glxt .hz4{background: url(/img/glxt4.jpg) no-repeat center;}
#swiper-glxt .hz5{background: url(/img/glxt5.jpg) no-repeat center;}
#swiper-glxt .hz6{background: url(/img/glxt6.jpg) no-repeat center;}

#swiper-jdgx .hz1{background: url(/img/jdgx1.jpg) no-repeat center;}
#swiper-jdgx .hz2{background: url(/img/jdgx2.jpg) no-repeat center;}
#swiper-jdgx .hz3{background: url(/img/jdgx3.jpg) no-repeat center;}

#swiper-llcd .hz1{background: url(/img/llcd1.jpg) no-repeat center;}
#swiper-llcd .hz2{background: url(/img/llcd2.jpg) no-repeat center;}
#swiper-llcd .hz3{background: url(/img/llcd3.jpg) no-repeat center;}
#swiper-llcd .hz4{background: url(/img/llcd4.jpg) no-repeat center;}

#swiper-yys .hz1{background: url(/img/yys1.jpg) no-repeat center;}
#swiper-yys .hz2{background: url(/img/yys2.jpg) no-repeat center;}
#swiper-yys .hz3{background: url(/img/yys3.jpg) no-repeat center;}
#swiper-yys .hz4{background: url(/img/yys4.jpg) no-repeat center;}

.zxzx h3{color:#fff;font-size:24px;font-weight:400;margin-top:10px;margin-bottom:25px}
.zxzx ul{display:flex;justify-content:space-between;align-items:center}
.zxzx ul input{background:#fff;line-height:48px;border-radius:24px;color:#999;text-indent:20px;border:0;width:27%}
.zxzx ul input[type=submit]{color:#fff;text-align:center;text-indent:0;cursor:pointer;width:125px;font-size:16px;background:#121315}
.zxzx ul input[type=submit]:hover{background:#184795}
.footer{background:#121315;padding:70px 0 0}
.footl{float:left;width:220px;text-align:center}
.footl img{display:block;margin:30px 0 20px}
.footl span{display:block;font-size:21px;color:#fff;margin-bottom:10px}
.footl em{display:block;font-size:24px;color:#8e8e8e}
.footc{float:left;margin-left:100px;width:700px}
.footc h3 a{font-size:18px;color:#fff;font-weight:400}
.footc ul{float:left;margin-right:70px}
.footc ul:nth-child(3){margin-right:0}
.footc ul li{margin-top:25px}
.footc ul li a{color:#8e8e8e;font-size:16px}
.footr{float:right}
.footr li{margin-bottom:35px}
.footr li:last-child{margin-bottom:0}
.footr li span{font-weight:700;text-align:center;font-size:18px;color:#8e8e8e;display:block}
.faddress{border-top:1px #8e8e8e solid;margin-top:40px}
.faddress ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;font-weight:500;font-size:18px;line-height:70px;justify-content:space-between}
.faddress ul li{color:#8e8e8e}
.db{line-height:80px;height:80px;color:#8e8e8e;text-align:center;background:#333}
.db a{color:#8e8e8e}

.zxtc_box{position: fixed;
display: flex;width: 1186px;height:659px;
left:50%;top:50%;margin-left: -597px;margin-top:-330px;background:#fff;border-radius: 20px;z-index:20001;overflow: hidden;display: none; }
.zxtc_box .zxtcl{width: 50%;background: url(/img/zxbg.jpg) no-repeat center;padding:90px 40px 50px;box-sizing: border-box;}
.zxtc_box .zxtcl h3{font-size: 24px;
color: #1296DB;margin-bottom:40px;}
.zxtc_box .zxtcl ul {}
.zxtc_box .zxtcl ul li{font-size: 20px;background: url(/img/g.png) no-repeat center left;padding-left:30px;margin-bottom:15px;}
.zxtc_box .zxtcl .zxdb{margin-top: 200px;}
.zxtc_box .zxtcl .zxdb p{margin-bottom:15px;}
.zxtc_box .zxtcr{width: 50%;padding:80px 40px 50px;box-sizing: border-box;}
.zxtc_box .zxtcr h3{font-size: 34px;}
.zxtc_box .zxtcr p{font-size: 18px;color:#666666;margin:10px 0 45px;}
.bg{ display: none;   background: rgb(0 0 0 / 48%);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20000;}

.zxtc_box .zxtcr input{height: 55px; width: 100%;margin-bottom:17px;color:#666666;font-size: 18px;
background: #FFFFFF;    text-indent: 20px;
border-radius: 8px;
border: 2px solid #E4E4E4;}

.zxtc_box .zxtcr input::placeholder {
color:#666666;font-size: 18px;
}
#zxtc_close{display: block;width: 24px;height: 24px;background: url(/img/x.png) no-repeat center ;    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer;}

   .zxtc_box .zxtcr input.submit{cursor: pointer;margin-top: 120px;background: #3D81EF;
border-radius: 28px;color:#fff;border:0;}
/* 新闻列表 */
 .boxs {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-bottom: 70px;}

.new_lf {width: 770px;margin-top: 40px;}
.new_lf .title {
    width: 100%;
    min-height: 45px;
    font-size: 32px;
    font-weight: bold;
    color: #475669;
    line-height: 45px;
    margin-top: 80px;
}
.new_lf .content p{font-size: 16px;
    line-height: 24px;
        color: #455d6f; margin-bottom: 1.3em;font-family: "Montserrat", "proxima-nova-condensed-n4", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
.new_lf .des {
    width: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #475669;
    line-height: 20px;
    margin-top: 25px;
    position: relative;
    margin-bottom: 63px;
}
.new_lf .des:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgb(234, 234, 234);
    left: 0;
    bottom: -30px;
}
.tabs {
          width: 100%;
          display: flex;
          height: 97px;
          position: relative;}

 .tabs:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            background-color: rgba(234, 234, 234, 1);
            left: 0;
            bottom: 0;
          }

.tabs a {
            height: 100%;
            font-size: 24px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(71, 86, 105, 0.5);
            line-height: 97px;margin-right: 30px;
            cursor: pointer;}

.tabs a.active {
              color: #506eff;
              position: relative;box-sizing: border-box;
    border-bottom: 3px solid #506eff;}
              

/* .tabs a:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 4px;
                background: #506eff;
                left: 0;
                bottom: 0;
              }
            */


.list>a {
            height: 283px;
            padding: 41px 0;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            position: relative;}
.list>a:after {
              content: "";
              position: absolute;
              width: 100%;
              height: 1px;
              background-color: rgba(234, 234, 234, 1);
              bottom: 0;
              left: 0;
            }
.list a img {
              width: 320px;
              height: 200px;
              border-radius: 20px;
              background-color: #506eff;
              overflow: hidden;
            }

.list-r {
              width: 422px;
              height: 100%;
              display: flex;
              flex-direction: column;
              justify-content: space-between;}

              .t1 {
                width: 100%;
                font-size: 22px;
                font-weight: 400;
                color: #1f2d3d;
                line-height: 30px;
              }

              .t2 {
                width: 100%;
                font-size: 16px;
                font-weight: 400;
                color: #475669;
                line-height: 25px;
              }

              .t3 {
                font-size: 14px;
                font-weight: 400;
                color: #475669;
                line-height: 20px;
              }
        
  .new_rt {
        width: 360px;
        padding-top: 46px;
        box-sizing: border-box;}
 
.new_rt .box2 {
          width: 100%;
          min-height: 251px;
          background: #ffffff;
          box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.06);
          border-radius: 20px;
          padding: 6px 29px 0 27px;
          box-sizing: border-box;
          margin-top: 40px;}

.new_rt .box2.t1 {
            height: 60px;
            width: 100%;
            line-height: 60px;
            font-size: 22px;
            font-weight: 400;
            color: #1f2d3d;
            position: relative;}
.new_r .box2 .t1 :after {
              position: absolute;
              content: "";
              width: 100%;
              height: 1px;
              background-color: rgba(234, 234, 234, 1);
              bottom: 0;
              left: 0;
            }
.new_rt .box2 .t2 {
			    width: 100%;
			    font-size: 16px;
			    font-weight: 400;
			    color: #475669;
			    line-height: 25px;
			}
          
.new_rt .box {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            margin-top: 18px;}
.new_rt .box2 .box a {
              display: inline-block;
              padding: 5px 9px;
              border: 1px solid #eaeaea;
              font-size: 14px;
              font-weight: 400;
              color: #475669;
              margin-bottom: 15px;
              margin-right: 18px;}

.new_rt .box2 .box a:hover {
                border-color: #506eff;
                color: rgba(80, 110, 255, 1);
              }

.new_r .box2 .box a.active {
                border-color: #506eff;
                color: rgba(80, 110, 255, 1);
              }
       

.new_rt .boxs3 {
          width: 360px;
          // height: 1341px;
          background: #ffffff;
          box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.06);
          border-radius: 20px;
          padding: 6px 29px 20px 27px;
          box-sizing: border-box;
          margin-top: 40px;}

@media screen and (max-width:640px){
body{font-size:14px}
*{font-size:14px}
.header{background:#fff;height:50px;z-index:999}
.logo{padding-left:20px}
.logo a{height:50px;line-height:50px}
.logo a img{height:35px;display:inline-block}
.menu{display:block;padding:6px 15px;width:20px;margin-right:5px;position:absolute;right:5px;top:10px;z-index:10}
.menu i{display:block;background:#3d81ef;width:100%;height:3px;margin-bottom:5px}
.nav{position:fixed;top:0;height:100%;width:250px;background:#000;margin-left:0;left:-250px;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;z-index:11}
.nav>ul{padding-top:80px;margin-right:0;float:none}
.nav>ul>li{float:none;margin-right:0;text-align:center;line-height:50px;border-bottom:1px #383838 solid;position:relative;z-index:10px}
.nav>ul>li a{line-height:50px;color:#fff}
.nav>ul>li a:hover{color:#fff}
.nav>ul>li>ul{background:#333;position:initial;transform: translate(0%, 0%);        border-radius: 0;}
.nav>ul>li>a i{background:url(/img/jtb.png) no-repeat center;width:12px;height:12px;margin-left:10px;display:block;position:absolute;right:20px;top:20px}
.nav>ul>li.on>ul{display:block!important;}
.nav>ul>li:last-child{float:none;background:0 0;padding-top:0;margin-top:0}
.nav>ul>li>a:hover{background:#000}
.nav>ul>li.on>a, .nav>ul>li>a:hover{border-bottom: 0}
.bannerbox{margin:50px 0 0}
.nav.on{left:0}
.hbg{position:fixed;display:none;z-index:9;background:rgb(0 0 0 / 38%);width:100%;height:100%;left:0;top:0}
.hbg.on{display:block}
.w1200{width:100%}
.bta{margin-bottom:20px}
.bta span{font-size:16px}
.bta em{font-size:12px}
.tool{float:none}
.tool a{margin:15px auto}
.banner{margin-top:50px;padding:0 20px 20px;height:auto}
.banner_l{width:100%;text-align:center;height:300px}
.banner_l h3{font-size:20px}
.banner_l h1{font-size:20px}
.banner_l p{line-height:2;margin:20px 0;font-size:14px}
.banner_l a{width:40%;margin-right:0;line-height:40px;font-size:14px;height:40px}
.banner_l i{width:25px;height:25px}
.banner_l ul{width:100%;justify-content:space-between}
.banner_bottom{width:100%;margin-top:0}
.banner_bottom ul{flex-wrap:wrap}
.banner_bottom ul li{width:50%;text-align:center;flex-direction:column}
.banner_bottom ul li:nth-child(2n){border-right:0}
.banner_bottom ul li i{margin-right:0;margin:0 auto}
.banner_bottom ul li span{font-size:14px}
.banner_bottom ul li p{font-size:12px}

.lmbanner{margin-top:50px;padding:0 20px 20px;height:auto}
.lmbanner_l{width:100%;text-align:center;padding: 50px 0 40px;}
.lmbanner_l h3{font-size:20px}
.lmbanner_l h1{font-size:20px}
.lmbanner_l p{line-height:2;margin:20px 0;font-size:14px}
.lmbanner_l a{width:40%;margin-right:0;line-height:40px;font-size:14px;height:40px}
.lmbanner_l i{width:25px;height:25px}
.lmbanner_l ul{width:100%;justify-content: center;}
.lmbanner_bottom{width:100%;margin-top:0}
.lmbanner_bottom ul{flex-wrap:wrap}
.lmbanner_bottom ul li{width:47%;font-size: 14px;margin-bottom:20px;line-height: 38px;height: 38px;}
.lmbanner_bottom ul li:nth-child(2n){margin-right: 0}
.banner-new{        margin-top: 50px;
        padding: 0 20px 20px;
        height: auto;}

.more{width:180px}
.more a{font-size:14px;height:40px;line-height:40px}
.jjfa{padding:20px}
.jjfa ul{width:100%}
.jjfa ul li{width:48%;margin-right:0}
.news{padding:20px}
.news .boxs {
        justify-content: center;
        flex-wrap: wrap;
    }
 .news .boxs > div {
        padding: 29px 20px 0 20px;
        margin-bottom: 10px;}
.xtgn{padding:20px}
.xtgn .tab ul{width:100%;flex-wrap:wrap}
.xtgn .tab ul li{width:25%;font-size:14px;padding:5px;height:auto}
.xtgn .tab_box dl{padding:0}
.xtgn .tab_box dl dt{width:100%;float:none}
.xtgn .tab_box dl dd{width:100%;float:none}
.xtgn .tab_box dl dd h3{font-size:22px;margin:20px 0}
.xtgn .tab_box dl dd ul li h4{font-size:16px}
.fwys ul li{width:48%;padding:20px 10px 0}
.fwys ul li h3{font-size:20px;margin-bottom:10px}
.fwys ul li i{display:block;height:140px}
.fwys ul li p{height:auto}
.fwys{padding:20px}
.znqs{padding:20px 0}

/*产品服务-家充共享*/
.gxjjfa{padding:20px;}
.lsbk{padding:20px;}
.zydc {flex-direction: column;}
.zydc dt{width: 100%}
.zydc dd{width: 100%}
.zydc dt li{font-size: 14px;margin-bottom:20px;}
.gxcd, .sbgl, .jtcd{padding:20px;}
.hzhb{width: auto;margin:20px;}
.hzbox .swiper-slide>div{padding:30px 20px;height: 300px;}
.hzhb .swiper-pagination-bullets.swiper-pagination-horizontal{margin-top: 40px;}
.hz_txt{width: 100%}
.hzbox h3{font-size: 18px;}
.hz_txt p{font-size: 14px;}
/*.hzbox i{width: 80px;background-size: 70px auto !important;height: 34px;}*/

/*新闻*/
.list a img{display: none }
.list {padding:2%;box-sizing: border-box}
.new_lf{width:100%;padding:0 2%;box-sizing:border-box}
.tabs a{font-size:18px;margin-left:5px}
.content{width:100%;}
.content img{width:100%}
/*解决方案-支付*/
.zfjjfa{padding:20px;}
.zfjjfa ul li{width: 48%;    padding: 30px 10px;}
.zfjjfa ul li h3{font-size: 16px;}
.zfjjfa ul li p{font-size: 14px;        height: auto;}
.zfjjfa ul li i{margin: 20px 0}
.ywlc{padding:20px;}
.ywlc ul{background: none;height: auto;}
.ywlc ul li{display: none !important;}
.ywlc ul img{display: block;width: 100%}
.zffz{padding:20px;}
.zffz ul {flex-direction: column;}
.zffz ul li.ico1, .zffz ul li.ico4,.zffz ul li.ico3,.zffz ul li,.zffz ul li.ico2 i{width: 100%}
.hzhbb{padding:20px;}
.hzhbb ul li{width: 32%;padding: 0 10px;font-size: 14px;    flex-direction: column;}
.hzhbb ul li i{width: 100%;        margin-right: 0;
        height: 60px;}
.cdbcj{overflow: hidden;padding: 20px;}
.yycj-text {
    box-sizing: border-box;
    width: 100%;
    height: 280px;
    color: #fff;
    padding: 20px;
}
.yycj-text h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}
.yycj-text p {
    font-size: 14px;
    line-height: 32px;
    font-weight: 300;
}

/*产品服务-充电桩运维系统*/
.jhsyzy{padding:20px;}
.jhsyzy ul li span {
    font-size: 18px;
    margin: 20px 0;
	color:#000;
}
.jhsyzy ul li p {
    font-size: 14px;
    line-height: 1.5;
    margin-right: 0;
	color:#000;
}
.jhsyzy ul li{width: 32%;padding:20px 10px;height: auto;}
.jhsqhy{padding:20px;}
.jhsqhy_box ul{width: 45%}
.jhsqhy_box ul li:nth-child(2), .jhsqhy_box ul li:nth-child(3){width: 100%;height: auto;}
.jhsqhy_box ul:nth-child(2) li:nth-child(2), .jhsqhy_box ul:nth-child(2) li:nth-child(3) {
    margin-left: 0%;
}
.jhsqhy_box ul li p{font-size: 14px;}
.sjsdtc{padding:20px;}
.sjsdtc ul li{width: 48%;padding:20px 10px;}
.sjsdtc ul li h3{font-size: 18px;}
.sjsdtc ul li p{font-size: 14px;}
.yxhzhb{padding:20px;margin-bottom:0;}
.yxhzhb li{width: auto;padding:20px;}
.yxhzhb li h3{font-size: 18px;}
.yxhzhb li p{font-size: 14px;}
.yxhzhb .hz_txt{width: 100%}
/*产品服务-充电宝*/
.cdbsol {padding:20px;}
.cdzabout {
    background: url(/img/cdzabout.png) no-repeat left;
}
.about-text {
    width: 100%;
   height: auto;
    box-sizing: border-box;
    color: #fff;
    padding: 20px;
}
.about-text h2 {
    font-size: 20px;
    margin-bottom: 10px;
}
.about-text p {
    font-size: 14px;
    line-height: 32px;
    font-weight: 300;
}
.cdbbox dl{flex-direction: column;
        margin-bottom: 30px;}
.cdbbox dl dt {
    width: 100%;
    margin-bottom: 20px;
}	
.cdbbox dl dd {
    width: 100%;
    
}
.cdbbox:after {background-color: #F7F9FF;}
.cdbbox dl dt h4 {
    font-size: 18px;
}
.cdbbox dl dt span{font-size: 16px;
    margin-bottom: 10px;}
.cdbbox dl dt p{font-size: 14px;line-height: 1.5;}
.cdbgn ul li {width: 33.33%;margin-bottom: 25px;}
.cdbgn ul li h4 {
    font-size: 18px;
    margin-top: 10px;}
.cdbgn  {padding:20px}
.cdbcj .cdbtab ul {width: 100%;}
.cdbcj .cdbtab ul li {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    box-sizing: border-box;
    padding: 0 10px;
    width: 50%;
}
.cdbcj .cdbtab ul li.on {
    width: 50%;
    line-height: 36px;
    background: #358BE4;
    border-radius: 20px;font-size: 14px;}
	
/*解决方案-换电柜*/
.hdgpt{padding:20px;}
.hdgpt ul li{width: 48%;padding:10px;}
.hdgpt ul li h3{font-size: 18px;}
.hdgpt ul li p{font-size: 14px;}
.hdgpt ul li h3.hdg{font-size: 18px;}
.hdgpt ul li p.hdg{font-size: 14px;}
/*产品服务-物联网中台*/

.iotpt{padding:20px;}
.iotpt ul li{width: 48%;padding:10px;}
.iotpt ul li h3{font-size: 18px;}
.iotpt ul li p{font-size: 14px;}
.trend{padding:20px;}
.sycj{padding:20px;        background-size: auto 100%;}
.sycj ul li{width: 100%}
.iotzt{padding:20px;}
.iotzt ul li{width: 100%;        background-size: 100% !important;margin-bottom:20px;}

/*产品服务-两轮充电平台*/

.zfcp{padding:20px;}
.zfcp ul li{width: 48%}
.zfcp ul li span{font-size: 14px;margin: 20px 0}
.yhdbox,.yhdboxb{padding:20px;}
.pictl {
    flex-direction: column;
}
.pictl dt{margin-bottom:20px;}
.pictl dt,.pictl dd{width: 100%}
.pictl dd ul li span{font-size: 18px;}
.pictl dd ul li span.hdg{font-size: 18px;}
.pictl dd ul li p{font-size: 14px}
.pictl dd ul li p.hdg{font-size: 14px}
.pictl dt ul li p.hdg{font-size: 14px}
.pictl dt ul li span.hdg{font-size: 18px;}
.jsyfw{padding:20px;}
.jsyfw ul li{width: 48%;margin-bottom:20px;}
.jsyfw ul li h3{font-size: 16px;}
.hzhbc{padding:20px;}
.hzhbc .hzbox .swiper-slide {
    width: 100%;
}


/*产品服务-充电桩运维系统*/
.ycxf{padding: 20px;}
.zzcdzhy {padding: 20px;}
.zzcdzhy ul li{width: 100%;margin-bottom:20px;padding:20px;}
.zzcdzhy ul li span{font-size: 18px;margin: 10px 0}
.zzcdzhy ul li p{font-size: 14px;}
.ycxf dl:last-child {
 flex-direction: column;
}
.ycxf dl {
 flex-direction: column;margin-bottom:30px;
}
.ycxf dl dd{width: 100%}
.ycxf dl dt{width: 100%;margin-bottom:20px;}
.ycxf dl dt h3{font-size: 18px;}
.ycxf dl dt p{font-size: 14px;}
.ycjk{padding: 20px;}
.ycbox dl {
 flex-direction: column;margin-bottom:30px;
}
.ycbox dl dd{width: 100%}
.ycbox dl dt{width: 100%;margin-bottom:20px;}
.ycbox:after{display: none;}
.ycbox dl dt h3{font-size: 18px;}
.ycbox dl dt p{font-size: 14px;}
.yczd {
    padding:20px;
}

.yczd .yctab ul{width:100%;    flex-wrap: wrap;}
.yczd .yctab ul li{width:50%;    text-align: center;padding:0;font-size: 16px;}
.yczd .yctab_box dl{padding:20px;    flex-direction: column;}
.yczd .yctab_box dl dt{width:100%;margin-bottom:20px}
.yczd .yctab_box dl dd{width:100%;}
.yczd .yctab_box dl dt h3 {
    font-size: 18px;
    margin: 15px 0;
 
}

/*解决方案-海外*/
.ldjy{padding:20px;background-size: 100%;        height: auto;}
.ldjy ul li{width: 48%;margin-bottom:20px;padding:20px 10px;}
.hwsc{padding:20px;}
.hwsc dl{flex-direction: column;}
.hwsc dl dt{width: 100%;margin-bottom:20px;}
.hwsc dl dt ul li{width: 48%;height: auto;}
.hwsc dl dd{width: 100%}
.hwsc dl dd ul li{margin-bottom:20px;}
.jmzs{padding:20px;}
.jmzs ul li{width: 48%}
.qzpp{padding:20px;}
.qzpp ul li{width: 48%;margin-bottom:20px;}
/*产品服务-运营商充电桩管理系统*/
.gnzs{padding:20px}
.gnzs .tab ul{width:100%;flex-wrap:wrap}
.gnzs .tab ul li{width:25%;font-size:14px;padding:5px;height:auto}
.gnzs .tab_box dl{padding:0;flex-direction: column;}
.gnzs .tab_box dl dt{width:100%;}
.gnzs .tab_box dl dd{width:100%;}
.gnzs .tab_box dl dd h3{font-size:18px;margin:20px 0}
.gnzs .tab_box dl dd p{font-size:14px}

.ydgn{padding:20px;}
.pichdlist li{width: 48%;margin-bottom:20px;}
.pichdlist li span{margin: 20px 0 ;font-size: 14px;}
/* 案例wap */
.ourcase {padding: 20px;}
.case-box ul li{width: 49%;
        margin: 0 2% 4% 0;}
.case-box ul li img{width:100%}
.case-box ul li p {line-height: 22px;font-size:14px}
.case-box ul li:nth-child(2n) {
		        margin-right: 0;
		    }
.case-sort{margin-bottom: 28px;}	
/*关于我们*/
.about{padding: 20px;background:none}
.about-left {
    width: 100%;
    height: auto;
    float: none;
}
.about-left p {
    font-size: 14px;
    line-height: 32px;
    color: #666666;
    margin-bottom: 26px;
}
.about-right {
    width: 100%;
    float: none;
}
.about-right img{width: 100%;}
.about-add{padding: 20px;}
.about-add ul{margin-top: 40px;  display: block;}
.about-add ul li {display: block;}
.about-add ul li span{ border-radius: 10px;
    padding: 5px 20px;
    font-size: 20px;
    color: #fff;margin: 0;
}
.about-add ul li p{font-size: 16px;}
.lmbanner_l a.abtom {
    width: 190px;
}
/*产品服务-桩企充电桩管理系统*/
.hzzq{margin-bottom:0;padding:20px;}
.swiper-zqcd{width: 100%}
.yhzhjy{padding:20px;}
.pichdlist{justify-content: space-between;}
.zhyy{padding:20px;}
.yhgkj{padding:20px;}
.btgzt,.lbjy{padding:20px;}
.btgzt ul li{width: 48%;margin-bottom:20px;}
.btgzt ul{justify-content: space-between;}
.lbjy dl {
    flex-direction: column;
}
.lbjy dl dt{margin-bottom:20px;width: 100%}
.lbjy dl dd{width: 100%}
.lbjy dl dt p{margin-bottom:15px;}
.lbjy dl dt p,.lbjy dl dt p b{font-size: 14px;}
.btgzt ul li span{font-size: 14px;}
.nav>ul>li:hover>ul{display:none;}
.zxzx{padding:20px;flex-direction:column;background:linear-gradient(182deg,#33a2d9 0,#367cf0 100%);height:auto}
.zxzx h3{font-size: 18px;text-align: center;}
.zxzx ul{flex-direction:column}
.zxzx ul input{width:100%;margin-bottom:20px}
.zxzx ul input[type=submit]{width:100%}
.zxbox{width:100%}
.zxewm{width:100%}
.footer{padding:20px}
.footl{margin-bottom:20px}
.footl img{margin:30px auto 20px}
.footl{width:100%;float:none}
.footl em{font-size: 16px;}
.footr li span{font-size: 14px;}
.footc{display:none}
.footr{width:100%;float:none}
.footr li{margin-bottom:0;width:50%;float:left;text-align:center}
.faddress ul{font-size:14px;line-height:2;justify-content:space-between;flex-wrap:wrap}
.db{line-height:2;height:auto}
.zxtc_box{width: 90%; height: auto;   left: 5%;margin-left: 0;margin-top: -180px}
.zxtc_box .zxtcl{display: none;}
.zxtc_box .zxtcr {
    width: 100%;
    padding:30px  20px;
}
.zxtc_box .zxtcr h3{font-size: 18px;}
.zxtc_box .zxtcr input::placeholder {font-size: 14px;}
.zxtc_box .zxtcr p{font-size: 14px;    margin: 10px 0 25px;}
#zxtc_close{top:30px;right:20px;}
.zxtc_box .zxtcr input.submit{margin-top: 20px;margin-bottom:0;}
.zxtc_box .zxtcr input{font-size: 14px;    height:38px;}
}



.yiliaobanner.bannerzf {
    background: url(/img/yiliaobanner.jpg) no-repeat center;
}
.yiliaobanner {
    height: 900px;
}
.yiliaobanner_l {
    width: 800px;
    padding: 100px 0 80px;
}
.yiliaobanner_l h1 {
    line-height: 1.2;
    font-size: 50px;
    padding-top: 30px;
}
.yiliaobanner_l p {
    line-height: 2;
    margin: 45px 0 60px;
    font-size: 30px;
}
.ldjy2 {
    padding: 72px 0;
    background: url(/img/ldbg.jpg) no-repeat center bottom #e8f4ff;
    height: 630px;
    box-sizing: border-box;
}
.lsbk2 {
    background: #FFF;
}
.jtcd2 {
    padding: 72px 0;
}
.zydc2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
;
    align-items: center;
    justify-content: space-around;
}
.zydc2 dt {
    width: 45%;
}
.zydc2 dt li {
    margin-bottom: 50px;
    padding-left: 20px;
    background: url(/img/d.png) no-repeat left 6px;
    font-size: 18px;
}
.lsbk3 {
   background: url(/img/yiliao02.jpg) no-repeat center;
   height:802px;
}
.jtcd3 {
    padding: 0px 0;
}
.zydc3 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
;
    align-items: center;
    justify-content: space-around;
}
.zydc3 dt {
    width: 45%;
}
.zydc3 dt li {
    margin-bottom: 20px;
    padding-left: 20px;
    
    font-size: 16px;
}
.lsbk1200 {
    width: 1200px;
    margin: 0 auto;
}



.cdbcj2 {
    padding: 72px 0 172px;
    margin-bottom: -100px;
}
.cdbcj2 .cdbtab2 {
    line-height: 60px;
    margin-bottom: 25px;
}
.cdbcj2 .cdbtab2 ul {
    width: 800px;
    margin: 0 auto;
    display: flex
;
    justify-content: space-between;
}
.cdbcj2 .cdbtab2 ul li.on {
    width: auto;
    line-height: 50px;
    background: #358BE4;
    border-radius: 30px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.cdbcj2 .cdbtab2 ul li {
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 20px;
}
.cdbcj2 .cdbtab2_box dl.on {
    display: block;
}

.cdbcj2 .cdbtab2_box dl {
    display: none;
}
.cdbyycj1 {
    background: url(/img/cdbyycj1.png) no-repeat center;
}
.yycj2-text {
    width: 430px;
    height: 356px;
    color: #fff;
    padding: 116px 0 0 78px;
}
.yycj2-text h3 {
    font-size: 24px;
    margin-bottom: 40px;
    font-weight: bold;
}
.yycj2-text p {
    font-size: 18px;
    line-height: 40px;
    font-weight: 300;
}

.cdbyycj2 {
    background: url(/img/cdbyycj2.png) no-repeat center;
}
.cdbyycj3 {
    background: url(/img/cdbyycj3.png) no-repeat center;
}
.cdbyycj4 {
    background: url(/img/cdbyycj4.png) no-repeat center;
}

.banner_bottom2 {
    width: 1400px;
    background: #f9fafe;
   
    border-radius: 8px;
   
    margin-top: -50px;
    position: relative;
}
.banner_bottom2 ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
;
    justify-content: space-between;
}
.banner_bottom2 ul li {
    width: 25%;
    margin: 20px 0;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    box-sizing: border-box;
    display: flex
;
    justify-content: center;
    align-items: center;
    
}
.banner_bottom2 ul li.ico1 i {
    background: url(/img/ico_about1.png) no-repeat center;
}
.banner_bottom2 ul li.ico2 i {
    background: url(/img/ico_about2.png) no-repeat center;
}
.banner_bottom2 ul li.ico3 i {
    background: url(/img/ico_about3.png) no-repeat center;
}
.banner_bottom2 ul li.ico4 i {
    background: url(/img/ico_about4.png) no-repeat center;
}
.banner_bottom2 ul li.ico5 i {
    background: url(/img/ico_about5.png) no-repeat center;
}
.banner_bottom2 ul li i {
    margin-right: 15px;
    display: block;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
}
.banner_bottom2 ul li span {
    font-size: 18px;
    margin-bottom: 15px;
    color: #262626;
}
.banner_bottom2 ul li p {
    text-align: justify;
    font-weight: 400;
    color: #333;
}
.state li{float:left; margin-left:20px;}


<!------产品详情页------>


*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
 .zoomdiv img{width:auto;height:auto;max-width:2000%;max-height:2000%;}
.bg-gray{background:#F7F7F7}

/* 行距 begin*/
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
/* 行距 end*/


.container,.container-layout {
    margin: 0 auto;
    padding: 0 10px
}


@media(min-width: 1200px) {
    .container {
        width:1200px
    }
}

.bg-gray,.border-gray .button.active,.pointer.border-gray .active,.nav-pills.border-gray .active a,.nav-main.border-gray .nav-head,.pagination.border-gray .active {
    background-color: #F7F7F7
}

.bg-white,.button.bg,.border-white .button.active,.pointer.border-white .active,.nav-pills.border-white .active a,.nav-main.border-white .nav-head,.pagination.border-white .active {
    background-color: #fff
}


.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 {
    float: left
}
.x5 {
    width: 41.66666667%
}
.tab .tab-body .tab-panel {
    display: none
}
.tab .tab-body .active {
    display: block
}

/* owl-carousel轮播插件 */
.owl-carousel .owl-dots{position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.owl-carousel .owl-dots .owl-dot{display:inline-block;position:relative;vertical-align:middle}
.owl-carousel .owl-dots .owl-dot span{width:8px;height:8px;margin:0 5px;border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.owl-carousel .owl-dots .owl-dot.active span{width:16px;height:8px;background:#000;border-radius:20px}
.owl-carousel .owl-nav i{font-size:23px;color:#fff}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{background:#000;width:42px;height:42px;line-height:42px;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;text-align:center;border-radius:50%;opacity:0}
.owl-carousel .owl-nav .owl-prev{background:#000;left:20px;right:auto}
.owl-carousel .owl-nav .owl-prev i{position:absolute;left: 8px;}
.owl-carousel .owl-nav .owl-next{right:20px}
.owl-carousel .owl-nav .owl-next i{position:absolute;right:8px}
/* owl-carousel轮播插件 */


/* 路径 */
.nav-bread{padding:0;height:70px;line-height:70px;font-size:0}
.nav-bread h2{font-size:24px;font-weight:600}
.nav-bread i{color:#888888;}
.nav-bread a{color:#888888;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#ff9600}
.nav-bread a:after {content:"";padding:0 10px;background:url(/img/nav-bread.png) no-repeat center 50%;}
.nav-bread a:last-child:after {content:"";background:none;}
/* 路径 */


.article .post h1{font-size:28px;font-weight:600;}
.article .post h2{font-size:24px;font-weight:600;margin:10px 0}


.article .post p{font-size:16px;line-height:28px;margin-bottom:10px}


/* 产品详细页begin */
.product-description .padding-large{padding:30px 0 0 30px}
.product-description .padding-large-top{padding:0}
.product-description p{line-height:24px}
.product-description .zoomimg{width:474px; height:474px;}/* PC端独有 */
.product-description .padding-large li{line-height:30px;}

/* 产品详情TAB begin */
.product-overview .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;border-bottom:1px solid #EFEFEF}
.product-overview .tab .tab-nav li {display:inline-block;width:12%;}
.product-overview .tab .tab-nav li a {margin-bottom:-1px;color:#6E6E6E;padding:20px 0;display:block;line-height:24px;border:0;border-radius:0;font-size:18px;text-align:center;}
.product-overview .tab .tab-nav .active {border-radius:0px;}
.product-overview .tab .tab-nav .active a {cursor:default;color:#ff9600;background:#FFF;border-bottom:3px solid #ff9600;}
.product-overview .tab .tab-nav li a,.product-overview .tab .tab-nav .active a:focus {outline:none;}
.product-overview .tab .tab-body {padding:0;border-radius:0;border-top:solid 0px #ebebeb;}
/* 产品详情TAB END */

/* 放大镜 begin */
#zoomimg{cursor:pointer;display:block}
.pro-thumb .item img{border:1px solid #ececec}
.pro-thumb .item:hover img{border:1px solid #ff9600}
.pro-thumb:hover .owl-nav .owl-prev,.pro-thumb:hover .owl-nav .owl-next {opacity:.6;}
/* 放大镜 end */

.article .post h1{font-size:28px;font-weight:600;}
.article .post h2{font-size:24px;font-weight:600;margin:10px 0}


.article .post p{font-size:16px;line-height:28px;margin-bottom:10px}
.x7 {
    width: 58.33333333%
}

.cdbgn4 {background: url(/img/qysm-bg.png) no-repeat center; height:800px;
}
.cdbgn3 {background: url(/img/qyyj-bg.png) no-repeat center; height:800px;
}
.cdbgn2 {background: url(/img/hxjzg-bg.png) no-repeat center; height:42.38rem;
}
.cdbgn2 ul {
    display: flex;
    flex-wrap: wrap;
}
.cdbgn2 ul li {
    width: 25%;
    text-align: center;
    margin-bottom: 50px;
}
.cdbgn2 ul li i.ico1 {
    background: url(/img/hxjzg_ico1.png) no-repeat center;
}
.cdbgn2 ul li i.ico2 {
    background: url(/img/hxjzg_ico2.png) no-repeat center;
}
.cdbgn2 ul li i.ico3 {
    background: url(/img/hxjzg_ico3.png) no-repeat center;
}
.cdbgn2 ul li i.ico4 {
    background: url(/img/hxjzg_ico4.png) no-repeat center;
}
.cdbgn2 ul li i {
    display: block;
    height: 200px;
    width: 100%;
}
.cdbgn2 ul li h4 {
    font-size: 24px;
    margin-top: 26px;
    color: #fff;
    font-weight: normal;
}
.yhdbox3 {
    padding: 72px 0;
    background: linear-gradient(0deg,#fff4ed,#fff);
	margin-bottom:120px;
}
.pictl3 {
    display: -webkit-flex;
    align-items: center;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
;
}
.pictl3 dt {
    width: 50%;
}
.pictl3 dt ul li {
    margin-bottom: 20px;
}
.pictl3 dt ul li span.hdg {
    display: block;
    font-size: 30px;
    margin-bottom: 34px;
   
    line-height: 40px;
}
.pictl3 dt ul li p.hdg {
    font-size: 18px;
    color: #666;
    line-height: 40px;
}
.pictl3 dd.rt {
    text-align: right;
}
.pictl3 dd {
    width: 50%;
}
.pictl3 dd img {
    max-width: 100%;
}


.w1200_2 {
    width: 1000px;
    margin: 0 auto;
	
}
.lmbanner_bottom2 ul{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.lmbanner_bottom2 ul li{text-align: center;height: 48px;
border-radius: 24px;width: 22%;line-height: 48px;font-size: 18px;margin-right: 4%;
color: #fff;}
.lmbanner_bottom2 ul li:last-child{margin-right: 0;}
.lmbanner_bottom2 ul li:hover{}

.lmbanner2.bannerabout2 { background-color:#f0f0f0;
}

.lmbanner2 {
    height: 50px;
   
}
.suspension_box {
    position: fixed;
    top: 60%;
    right: 1.87rem;
    z-index: 99;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
.suspension_box img {
    width: 4.125rem;
    height: 5.875rem;
    margin-bottom: 1.25rem;
}

.tooltip {
  position: relative;color: #fff;
    background-color: #f96868;
}
.tooltip:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 0;
  top: 110%;
  background: #0068B7;
  color: white;
  padding: 5px;
  border-radius: 5px;
  white-space: nowrap;
  z-index: 1;
}