/*管理层信息*/
.manager_bg{ background: hsl(0, 0%, 95%);}
.manager-top{ position: relative;}
.manager-top::after{ content: ""; position: absolute; right:0px; top:-20px; widtH:646px; height: 612px; background: url(/upload/static/images/manager_01.png) no-repeat;}
.manager-top dt{ float: right; widtH:23%; margin-right: 15%;}
.manager-top dd{ float: left; width:42%;}
.manager-top dd h2{font-weight: bold; margin-bottom: 1%;}
.manager-top dd h3{position: relative; margin-bottom: 2%; padding-bottom: 2%;}
.manager-top dd h3::after{content: ""; position: absolute; lefT:0;bottom:0; widtH:48px; height: 3px; background: #3B71D3;}
.manager-top dd .c{ line-height: 1.8;}

.manager-bot{margin: 3% 0 8%;}
.manager-bot li{ float: left; width:25%;}
.manager-bot li dl{ position: relative;}
.manager-bot li dd{ box-sizing: border-box; opacity: 0; position: absolute; lefT:0; top:0; widtH:100%; height: 100%; padding: 12% 15%; color:#fff; background: #3A70D3;}
.manager-bot li dd .index_more{margin-top:8%;}

.manager_tc{ display: none; position: fixed;width:76%; height: 590px; z-index: 10; background: #fff;}
.manager_layer{ display: none; position: fixed; lefT:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.74);}
.manager_tc dl{position: relative; padding:4%;}
.manager_tc dl a.tc_close{position: absolute; right:10px; top:0; font-size: 60px; color:#949494;}
.manager_tc dt{ float: left; widtH:55%;}
.manager_tc dd{ float: right; widtH:41.5%; margin-top:3%;}
.manager_tc dd img{ width:100%;}
.manager_tc dt h2{font-weight: bold; color:#3F3F3F; margin-bottom: 10px;}
.manager_tc dt h3{ padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.manager_tc dt h3::after{content: ""; position: absolute; lefT:0; bottom:0; width:50px; height: 3px; background: #3B71D3;}
.manager_tc dt .c{ line-height: 1.8; height: 20em; color:#3F3F3F;}

@media only screen and (max-width:1799px) {
    .manager_tc{ height: 500px;}
    .manager_tc dl a.tc_close{font-size: 40px;}
    .manager_tc dt .c{ height: 16em;}
}

@media only screen and (max-width:1599px) {
    .manager-top dd{widtH:55%;}
    .manager_tc{ height: 440px;}
    .manager_tc dl a.tc_close{font-size: 30px;}
    .manager_tc dt .c{ height: 13em;}
}
@media only screen and (max-width:1024px) {
    .manager-bot li dd{opacity: 1; position: static;}
    .manager_tc{ height: 320px;}
    .manager_tc dl a.tc_close{font-size: 24px;}
    .manager_tc dt .c{ height: 8.8em;}
}
@media only screen and (max-width:1023px) {
    .manager-top dt,.manager-top dd{width:100%;}
    .manager-top dt{width: 50%; margin-right: 25%; margin-bottom: 5%;}
    .manager-bot li{widtH:50%;}
    .manager_tc{widtH:94%;}
}
@media only screen and (max-width:767px) {
    .manager-bot li{widtH:100%;}
    .manager-bot li dd{padding:5%;}
    .manager-bot li dd .index_more{margin-top: 0;}
    .manager_tc{ height: auto;}
    .manager_tc dt,.manager_tc dd{ widtH:100%}
    .manager_tc dt{margin-bottom:2%;}
}
/*管理层信息end*/

.index_more{padding-top: 30px;}
.index_more a{display: inline-block;width: 135px;height: 40px;line-height: 40px;background:#fff;border-radius: 30px;color: #3a70d3;text-align: center;}
.index_more em{width: 14px;height: 14px;border:1px solid #3a70d3;border-radius: 50%;position: relative;display: inline-block;margin-left: 10px;top:2px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_more em i{width: 2px;height: 2px;background:#3a70d3;border-radius: 50%;}

/*人才理念*/
.join_bg{ background: #EDEDED;}
.join-part01{ margin-top:4%; overflow: hidden; background: url(/upload/join_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.join-part01 dt{ float: right; widtH:47.7894%;}
.join-part01 dt img{ widtH:100%;}
.join-part01 dd{ float: left; widtH:35%; /*margin-left:7%;*/ margin-top:5%;}
.join-part01 dd h2{ display: inline-block; color:#333333; font-weight: bold; padding-bottom: 5px; border-bottom:1px solid #545555;}
.join-part01 dd .c{margin-top:12%; line-height: 2; height: 24em;}
.join-part01 dd .c p{margin-bottom: 2%; color:#3F3F3F;}

.join-part02{ padding: 4% 0 2%; background: #F4F4F4;}
.join-part02 h2{ display: inline-block; color:#333333; font-weight: bold; padding-bottom: 5px; border-bottom:1px solid #545555;}
.join-part02 .c{margin-top:5%; line-height: 2;}
.join-part02 .c p{margin-bottom: 2%;color:#3F3F3F;}
.join-part02 ul{padding: 5% 0;}
.join-part02 li{ float: left; widtH:20%; padding: 0 2%; box-sizing: border-box; text-align: center;}
.join-part02 li span{ display: block; margin: 0 0 40px;}
.join-part02 li span img{max-width: 100%;}
.join-part02 li h3{margin-bottom: 10px; color:#333333; font-weight:bold;}
.join-part02 li p{color:#979797;}

.join-part03{background:#EDEDED; border-bottom: 8px solid #fff;}
.join-part03 .join03_ll{ float: left; widtH:16.84%; background: #fff; border-right: 1px solid #C9CCD1; position: relative;}
.join-part03 .join03_rr{ float: right; width:83%;}
.join-part03 .join03_rr h2{display: inline-block; color:#333333; font-weight: bold; margin-bottom: 14%; padding-bottom: 5px; border-bottom:1px solid #545555;}

.join-part03 .join03_ll{ height:964px; overflow: hidden;}
.join-part03 .join03_ll .swiper-container{ widtH:100%; height: 100%;}
.join-part03 .join03_ll li{ cursor: pointer; position: relative; width:100%; border-bottom:1px solid #DFE1E4;}
.join-part03 .join03_ll li.on{color:#fff; background: #3A70D3;}
.join-part03 .join03_ll li span{ display: block; padding: 0 5%; widtH:90%; text-align: center;}
.join-part03 .join03_ll .swiper-button-prev,.join-part03 .join03_ll .swiper-button-next{ background: none; margin-top: 0; left:50%; margin-left: -20px; widtH:40px; text-align: center; height: 30px; line-height: 30px;}
.join-part03 .join03_ll .swiper-button-prev{top:10px;}
.join-part03 .join03_ll .swiper-button-next{top:auto; bottom:10px;}
.join-part03 .join03_ll .swiper-button-prev.swiper-button-disabled,.join-part03 .join03_ll .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; cursor: pointer; opacity: 1;}
.join-part03 .join03_ll .swiper-button-prev.disabled{ cursor: default; color: #fff;}
.join-part03 .join03_ll .swiper-button-next.disabled{ cursor: default; color: #fff;}
.join03rbox{position: relative; padding:2% 6%;}
.join03rbox li.swiper-slide{ widtH:883px; position: relative;}
.join03rbox li.swiper-slide img{ widtH:100%;}
.join03rbox li.swiper-slide::after{opacity: 1; content: ""; position: absolute; lefT:0; top:0; widtH:100%; height: 100%; background: rgba(255,255,255,0.82);}
.join03rbox li.swiper-slide.swiper-slide-active::after{ opacity: 0;}
.join03rbox .swiper-button-prev{ left:10px; background: none; color:#3A70D3; font-size:24px; font-weight: bold;}
.join03rbox .swiper-button-next{ left:950px;background: none; color:#3A70D3; font-size: 24px;font-weight: bold;}


@media only screen and (max-width:1599px) {
    .join-part01 dd{ width:40%;}
    .join-part01 dd .c{ height: 21em;}
    .join03rbox li.swiper-slide{ width: 700px;}
    .join03rbox .swiper-button-next{ left:760px;}
}

@media only screen and (max-width:1365px) {
    .join-part01 dd{margin-top: 0;}
}
@media only screen and (max-width:1279px) {
    .join-part02 li p br{ display: none;}
    .index_more{padding-top: 20px;}
    .join03rbox li.swiper-slide{ width: 500px;}
    .join03rbox .swiper-button-next{ left:560px;}
}
@media only screen and (max-width:1023px) {
    .join-part01 dd .c{ height:14em;}
    .join03rbox li.swiper-slide{ width: 400px;}
    .join03rbox .swiper-button-next{ left:460px;}
    .join-part03 .join03_ll .swiper-button-prev{top:0;}
    .join-part03 .join03_ll .swiper-button-next{bottom:0;}
}
@media only screen and (max-width:767px) {
.join-part01 dt,.join-part01 dd{ widtH:100%;}
.join-part01 dt{margin-bottom:5%;}
.join-part01 dd{margin: 0 3% 5%; width: 94%;}
.join-part01 dd .c{margin-top: 5%;}
.join-part02 li{width:50%; margin-bottom: 5%;}
.join-part02 li span{widtH:40%; margin: 0 auto 5%;}
.join-part03 .join03_ll{widtH:100%; height:80px!important; border:none;}
.join-part03 .join03_ll .swiper-button-prev{ lefT:0; margin-left: 0; top:50%; margin-top: -15px;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.join-part03 .join03_ll .swiper-button-next{ right:0; lefT:auto; margin-left: 0;bottom:auto;top:50%; margin-top: -15px;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.join-part03 .join03_rr{ widtH:90%; padding:5%; height: auto!important;}
.join-part03 .join03_rr h2{margin-bottom: 5%;}
.join03rbox{padding:0;}
.join03rbox li.swiper-slide{ widtH:100%;}
.join03rbox .swiper-button-next{lefT:auto; right:10px;}
.index_more{padding-top: 20px;}
.index_more a{width: 120px;height:34px;line-height:34px;}
}
/*人才理念end*/

/**/
.inwrap{max-width: 1630px; width: 94%; margin: 0 auto;}
.solution_bg{background: #F4F4F4;}
.solution-list{padding:5% 0;}
.solution-list li{margin-bottom:5%; position: relative;}
.solution-list li .img{ position: absolute; z-index: 2; left:0; top:0px; width:52.51%;}
.solution-list li .txt{ float: right; width:52.94%; height: 0; padding-bottom: 30%; margin-top: 38px; background: #EDEDED;}
.solution-list li .inner{padding:9% 12% 12% 18%;}
.solution-list li h2{margin-bottom: 5%; color:#307BEE;}
.solution-list li h2 a{color:#307BEE}
.solution-list li p{color:#333333; line-height: 1.8; /*height:7.2em; overflow: hidden;*/}
.solution-list li:nth-child(2n) .img{ left:auto; right: 0;}
.solution-list li:nth-child(2n) .txt{ float: left;}
.solution-list li:nth-child(2n) .inner{padding:9% 18% 12% 12%;}
.solution-list li .index_more a{color:#fff!important; background: #3A70D3;}
.solution-list li .index_more em{border-color: #fff!important;}
.solution-list li .index_more em i{ background: #fff;}
.solution-list li .inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #307BEE!important;}
@media only screen and (max-width:1279px) {
    .solution-list li .inner{padding:5% 5% 5% 15%;}
    .solution-list li:nth-child(2n) .inner{padding:5% 15% 5% 5%;}

}
@media only screen and (max-width:1023px) {
.solution-list li .txt{height: auto; padding-bottom: 0;}
.solution-list li p{height: auto;}
}
@media only screen and (max-width:767px) {
.solution-list li .img{position: static; width:100%;}
.solution-list li .txt{width:100%; margin-top: 0;}
.solution-list li .inner{padding:5%!important;}
}





/*云管理*/
.site_banner .cloud-wrap{width: 44%; height: 100%; position: absolute; lefT:28%; top:0; right:28%; }
.site_banner .txt{padding: 0 20px; widtH:calc(100% - 40px);}
.site_banner .txt span{ color:#fff; line-height: 1.2; display: block; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.site_banner .txt h3{color:#fff;}
.site_banner .txt p{margin-top: 4%;}
.site_banner .txt p a{color:#fff!important;float: left; line-height: 30px;}
.site_banner .txt p a:hover{font-weight: bold;}
.site_banner .txt p a i{ float: left; margin-right: 10px; font-size: 30px;}
.site_banner .txt p em{ float: left; margin: 0 25px; color:#fff;}


.cloud-part01{background:#F4F4F4;}
.cloud-part01 .cloud01_ll{ float: left; widtH:16.84%; background: #fff; border-right: 1px solid #C9CCD1; position: relative;}
.cloud-part01 .cloud01_rr{ float: right; width:83%; position: relative;}
.cloud-part01 .cloud01_rr h2{position: absolute; lefT:5%;top:6%; color:#333333; font-weight: bold; margin-bottom: 12%; padding-bottom: 5px; border-bottom:1px solid #545555;}
.cloud-part01 .cloud01_rr dt{ float: left; width:24%; padding: 10% 5% 5%;}
.cloud-part01 .cloud01_rr dd{ float: right; width:65.18%;}
.cloud-part01 .cloud01_rr dd img{ widtH:100%;}
.cloud-part01 .cloud01_rr dt h3{color:#3F3F3F;font-weight: bold; margin-bottom:10%;line-height: 40px;max-height: 80px;overflow: hidden;}
.cloud-part01 .cloud01_rr dt p{position: relative; margin-bottom: 10px; padding-left: 15px;}
.cloud-part01 .cloud01_rr dt p::before{content: ""; position: absolute; left:0; top:10px; widtH:4px; height: 4px; border-radius: 50%; background: #3A70D3;}
.cloud-part01 .cloud01_rr dt .index_more a{color:#fff!important; background: #3A70D3; margin-top: 20px;}
.cloud-part01 .cloud01_rr dt .index_more em{border-color: #fff!important;}
.cloud-part01 .cloud01_rr dt .index_more em i{ background: #fff;}

.cloud-part01 .cloud01_ll{ height:960px; overflow: hidden;}
.cloud-part01 .cloud01_ll .swiper-container{ widtH:100%; height: 100%;}
.cloud-part01 .cloud01_ll li{ cursor: pointer; position: relative; width:100%; border-bottom:1px solid #DFE1E4;}
.cloud-part01 .cloud01_ll li.on{color:#fff; background: #3A70D3;}
.cloud-part01 .cloud01_ll li span{ display: block; padding: 0 5%; widtH:90%; text-align: center;
max-height: 60px;overflow: hidden;}
.cloud-part01 .cloud01_ll .swiper-button-prev,.cloud-part01 .cloud01_ll .swiper-button-next{ background: none; margin-top: 0; left:50%; margin-left: -20px; widtH:40px; text-align: center; height: 30px; line-height: 30px;}
.cloud-part01 .cloud01_ll .swiper-button-prev{top:10px;}
.cloud-part01 .cloud01_ll .swiper-button-next{top:auto; bottom:10px;}
.cloud-part01 .cloud01_ll .swiper-button-prev.swiper-button-disabled,.cloud-part01 .cloud01_ll .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; cursor: pointer; opacity: 1;}
.cloud-part01 .cloud01_ll .swiper-button-prev.disabled{ cursor: default; color: #fff;}
.cloud-part01 .cloud01_ll .swiper-button-next.disabled{ cursor: default; color: #fff;}

.cloud-part02{ overflow: hidden; padding-top: 4%; background:url(/upload/cloud_02.png) right 110px no-repeat #EDEDED;}
.cloud-part02 h2{display: inline-block; color:#333333; font-weight: bold; margin-bottom:5%; padding-bottom: 5px; border-bottom:1px solid #545555;}
.cloud-part02 h3{font-weight: bold; color:#3F3F3F; margin-bottom:1%;}
.cloud-part02 h3+.c{line-height: 2; margin-bottom: 2%;}
.cloud-part02 li{ float: left; width:50%;}
.cloud-part02 li dl{ position: relative;}
.cloud-part02 li dt{position: relative;}
.cloud-part02 li dt img{ widtH:100%;}
.cloud-part02 li dt h4{position: absolute; lefT:5%; bottom:5%; color: #fff;}
.cloud-part02 li dd{opacity: 0; position: absolute; lefT:0; top:0; widtH:100%; height: 100%; color:#fff; box-sizing: border-box; padding:8% 13.5%; background:#3A70D3;}
.cloud-part02 li dd h4{margin-bottom: 5%;}
.cloud-part02 li dd .c{line-height: 2; height: 12em;margin-bottom: 2%;}
.cloud-part02 li dd .img{ position: absolute; right:12%; bottom:5%; max-width:250px;width:38%; text-align: center;}
.cloud-part02 li dd .img img{max-width: 120px;}
.cloud-part02 li dd .img h5{margin-top: 5%;}
.cloud-part02 li dd .img h5 b{display: block;}


.cloud-part03{padding:4% 0 8%; background:#F4F4F4;}
.cloud-part03 h2{display: inline-block; color:#333333; font-weight: bold; margin-bottom:6%; padding-bottom: 5px; border-bottom:1px solid #545555;}
.cloud-box .swiper-container{ padding: 20px 0 0;}
.cloud-box .swiper-slide{width:860px;}
.cloud-box .swiper-slide dt{position: relative;}
.cloud-box .swiper-slide dt::after{content: ""; position: absolute; lefT:0; top:0; right: 0; bottom:0; widtH:100%; height: 100%; background: rgba(255,255,255,0.8);}
.cloud-box .swiper-slide-active dt::after{ opacity: 0;}
.cloud-box .swiper-slide dt img{widtH:100%;}
.cloud-box .swiper-slide dt .txt{position: absolute; lefT:0; bottom:0; widtH:100%; box-sizing: border-box; padding: 5% 5% 3%; color: #fff;
    background: -webkit-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 100%);
    background: -moz-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 100%);}
.cloud-box .swiper-slide dt .txt h3{margin-bottom: 1%; font-weight: bold;}
.cloud-box .swiper-slide dt .txt p{ line-height:1.8;}
.cloud-box .swiper-slide dd{ text-align: right; margin-top: 3%; color:#ACACAC; font-weight: bold;}
.cloud-box .swiper-slide-active dt{ box-shadow: 0 0 10px 10px rgba(0,0,0,0.08);}
.cloud-box .swiper-slide-active dd{color:#3F3F3F;}
.cloud-box .swiper-button-prev{ left:calc(50% - 420px); width:40px; height: 40px; line-height: 40px; margin-top: -20px; text-align: center; background: none; color:#3A70D3; font-size:40px; font-weight: bold;}
.cloud-box .swiper-button-next{ right:calc(50% - 420px); width:40px; height: 40px; line-height: 40px; margin-top: -20px; text-align: center; background: none; color:#3A70D3; font-size: 40px;font-weight: bold;}

@media only screen and (max-width:1800px) {
    .cloud-part02 li dd .c{ height: 10em;}
}
@media only screen and (max-width:1599px) {
    .cloud-part02 li dd .c{ height: 8em;}
}
@media only screen and (max-width:1279px) {
    .cloud-part02 li dd .c{ height: 6em;}
}
@media only screen and (max-width:1024px) {
    .cloud-part02 li dd{opacity: 1; position: static; padding:5%;}
    .cloud-part02 li dd .c{ height: 8em; margin-bottom: 10%;}
    .cloud-part02 li dd .img{position: static; margin-top: 5%; max-width: unset; width: 100%;}
    .cloud-box .swiper-slide{width:640px;}
}
@media only screen and (max-width:1023px) {
    .cloud-box .swiper-slide{width:100%;}
    .cloud-box .swiper-button-prev{lefT:10px;}
    .cloud-box .swiper-button-next{ right:10px;}
    .cloud-box .swiper-slide dd{padding:0 5%;}
}
@media only screen and (max-width:767px) {
.site_banner .txt p a i{font-size: 20px;}
.site_banner .txt p em{margin: 0 10px;}
.cloud-part01 .cloud01_ll{widtH:100%; height:80px!important; border:none;}
.cloud-part01 .cloud01_ll .swiper-button-prev{ lefT:0px; margin-left: 0; top:50%; margin-top: -15px;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.cloud-part01 .cloud01_ll .swiper-button-next{ right:0px; lefT:auto; margin-left: 0;bottom:auto;top:50%; margin-top: -15px;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.cloud-part01 .cloud01_rr{ widtH:90%; height: auto!important; padding:5%;}
.cloud-part01 .cloud01_rr dt{ widtH:100%;padding: 0;}
.cloud-part01 .cloud01_rr dt h3{margin-bottom: 5%;}
.cloud-part01 .cloud01_rr dt .index_more a{margin-top: 0;}
.cloud-part01 .cloud01_rr dd{widtH:100%; margin-top: 5%;}
.cloud-part02 li{ widtH:100%;}
.cloud-part01 .cloud01_rr h2{position: static; margin-bottom: 5%; display: inline-block;}
.cloud-box .swiper-button-prev,.cloud-box .swiper-button-next{ font-size: 24px;}
.cloud-box .swiper-slide dd{ text-align: center;}
}
/*云管理end*/


/*用户储能解决方案*/
.fnt_180{ font-size: 180px;}
.sto_wrap{width: 1630px;max-width:94%; margin: 0 auto;}
.storage-part01{ padding:4% 0; background: #EDEDED;}
.storage-part01 h2{ display: inline-block; color:#333333; font-weight: bold; margin-bottom:5%; padding-bottom: 5px; border-bottom:1px solid #545555;}
.storage-part01 ul{padding: 5% 0;}
.storage-part01 li{ float: left; width:33.33%; margin-bottom: 2%; text-align: center;}
.storage-part01 li:nth-child(3n+1){ clear: both;}
.storage-part01 li span{ display: block; widtH:80px; height:80px; margin: 0 auto 15%; overflow: hidden;}
.storage-part01 li span img{ widtH:100%;}
.storage-part01 li .c{ position: relative;}
.storage-part01 li .c h3{color:#333333; z-index: 2; position: relative; margin-bottom: 2%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.storage-part01 li .c em{ position: absolute; left:50%; top:-45px; margin-left: -50px; width: 100px; z-index: 1; text-align: center; line-height: 1; font-weight: bold; color:#E6E6E6; font-family: Arial, Helvetica, sans-serif;}
.storage-part01 li p{ z-index: 2; position: relative; color:#424242; padding: 0 10px;line-height: 30px;min-height: 90px;overflow: hidden;word-wrap:break-word; word-break: break-word;}
.storage-part01 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .storage-part01 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #3a70d3 !important;
}
.storage-part02{position: relative;}
.storage-part02 img{ widtH:100%;}
.storage-part02 .sto_wrap{z-index: 2;}
.storage-part02 h2{ padding-top:4%;display: inline-block; color:#333333; font-weight: bold; padding-bottom: 5px; border-bottom:1px solid #545555;}

.storage-part03{background: #EDEDED;}
.storage-part03 .sto_wrap{position: relative;}
.storage-part03 h2{ z-index: 10; position: absolute; top:6%; display: inline-block; color:#333333; font-weight: bold; margin-bottom: 5%; padding-bottom: 5px; border-bottom:1px solid #545555;}

.sto03box{ position: relative;}
.sto03box .swiper-button-prev{ color:#3A70D3; lefT:0px; font-size:30px; font-weight: bold; background: none;}
.sto03box .swiper-button-next{ color:#3A70D3; right:0px; font-size:30px; font-weight: bold; background: none;}
.sto03box .swiper-pagination{ display: none;}
.sto03box .txt{ float: left; widtH:35%; padding-top: 13%;}
.sto03box .img{ float: left; widtH:47%; background: url(/upload/storage_img02bg.png) no-repeat; background-size: cover;position: relative;}
.sto03box .txt h3{color:#3A70D3; line-height: 1.2; margin-bottom: 2%; font-weight: bold;}
.sto03box .txt h3+p{ color:#333333;}
.sto03box .txt dl{ margin-top: 10%;}
.sto03box .txt dd{ padding-left: 28px; color:#333333;position: relative; line-height:2; margin-bottom: 5%;}
.sto03box .txt dd::before{content: ""; position: absolute; lefT:0; top:10px; width:10px; height: 10px; background: #5FC8CE;} 
.tigImg{
    position: absolute;
    width: 150px;
    height: 80px;
    top: 16%;
    right: 2%;
    overflow: hidden;
}



.sto03box .prev_item{display: none; position: absolute;left:40px;}
.sto03box .next_item{position: absolute;left:auto; right:40px; max-width: 150px; text-align: center;}
.sto03box .prev_item .s_img,.sto03box .next_item .s_img{ width:140px; height:176px; margin: 0 auto; overflow: hidden;}
.sto03box .prev_item .s_img img,.sto03box .next_item .s_img img{ widtH:100%;}
.sto03box .prev_item h4,.sto03box .next_item h4{ text-align: center;}

.storage-part04 .cloud01_rr dd{ widtH:54.44%; overflow: hidden;}
.storage-part04 .cloud01_rr dt{ widtH:32%;}
.storage-part04 .cloud01_rr dt .c{ line-height: 1.8; height: 32em;}

.storage-part05{ padding: 4% 0 7%; background: #EDEDED;}
.storage-part05 h2{display: inline-block; margin-bottom: 5.5%; color:#333333; font-weight: bold; padding-bottom: 5px; border-bottom:1px solid #545555;}
.sto05box{position: relative; padding:0 8%;}
.sto05box .index_more{padding: 0; position: absolute; bottom:5%; z-index: 10;}
.sto05box .index_more a{color: #fff!important;background:#307bee;}
.sto05box .index_more a i{ background: #fff!important;}
.sto05box .index_more a em{border-color: #fff!important;}
.sto05box li .txt{ float: left; widtH:30%;}
.sto05box li .txt h3{margin-top: 10%; color: #3F3F3F;}
.sto05box li .img{ float: right; width:65%;}
.sto05box li .img img{ widtH:100%;}
.sto05box .swiper-button-prev{ color:#3A70D3; lefT:33.5%; font-size: 40px; font-weight: bold; background: none;}
.sto05box .swiper-button-next{ color:#3A70D3;right:5%; font-size: 40px; font-weight: bold;background: none;}
.sto05box .swiper-button-prev.swiper-button-disabled{color: #B3B3B3;}
.sto05box .swiper-button-next.swiper-button-disabled{color: #B3B3B3;}

@media only screen and (max-width:1799px) {
    .storage-part04 .cloud01_rr dt .c{height: 28em;}
}

@media only screen and (max-width:1599px) {
.storage-part04 .cloud01_rr dt .c{height: 23em;}
}
@media only screen and (max-width:1399px) {
.fnt_180{ font-size: 120px;}
.storage-part01 li .c em{ top:-20px;}
.storage-part01 li p br{ display: none;}
.storage-part04 .cloud01_rr dt .c{height: 20em;}
}
@media only screen and (max-width:1365px) {
.storage-part04 .cloud01_rr dt .c{height:18em;}
}
@media only screen and (max-width:1279px) {
.fnt_180{ font-size: 80px;}
.storage-part01 li .c em{ top:0px;}
.sto05box{padding:0 0 0 0;}
.sto05box .swiper-button-prev{left:35%; font-size: 30px;}
.sto05box .swiper-button-next{right:0px; font-size: 30px;}
.storage-part04 .cloud01_rr dt .c{height:13em;}
.site_banner .cloud-wrap{width: 94%;left: 3%;border: 0;}
.site_banner .txt{padding: 0;width: 100%;}
}
@media only screen and (max-width:1023px) {
    .sto03box .txt{ widtH:50%; padding-top: 10%;}
    .sto03box .txt dl{margin-top: 5%;}
    .sto03box .txt dd{line-height: 1.5; padding-left: 20px;}
    .sto03box .txt dd::before{ top:6px;}
    .sto03box .img{ float: right;}
    .sto03box .next_item{ display: none;}
    .storage-part04 .cloud01_rr dt .c{height:9em;}
}
@media only screen and (max-width:767px) {
    .storage-part01 li{ widtH:100%; margin:0 0 5%;}
    .storage-part01 li span{margin-bottom: 5%;}
    .storage-part03 h2{position: static; padding-top: 4%;}
    .sto03box .txt{ widtH:100%; padding-top: 0;}
    .sto03box .img{ widtH:100%;}
    .sto03box .swiper-button-next,.sto03box .swiper-button-prev{ display: none;}
    .sto03box .swiper-pagination{ display: block;}
    .storage-part04 .cloud01_rr dt,.storage-part04 .cloud01_rr dd{ widtH:100%;}
    .sto05box li .txt,.sto05box li .img{ widtH:100%;}
    .sto05box li .txt h3{margin-top: 0; margin-bottom: 5%;}
    .sto05box { padding-bottom: 15%;}
    .sto05box .index_more{bottom:0;}
    .sto05box .swiper-button-prev{ left: 0; top:60%;}
    .sto05box .swiper-button-next{ top:60%;}
}


/*用户储能解决方案end*/


@media only screen and (min-width:1025px) {
    .manager-bot li dd,.join-part03 .join03_ll .swiper-button-prev,.join-part03 .join03_ll .swiper-button-next,.solution-list li .img,.solution-list li .txt,
    .cloud-part02 li dd,.cloud-part01 .cloud01_ll .swiper-button-prev,.cloud-part01 .cloud01_ll .swiper-button-next{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .manager-bot li:hover dd{ opacity: 1;}
    .index_more a:hover i{background:#307bee;}
    .index_more a:hover em{margin-left: 5px;border-color:#307bee;}
    .solution-list li:hover .img,.solution-list li:hover .txt{ box-shadow: 0 0 8px 8px rgba(0,0,0,0.08);}
    .cloud-part02 li:hover dd{ opacity: 1;}
}

.case_blank,.case_tac{display: none;}
.case_blank{position: fixed; top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.85);z-index: 9999}
.case_tac{width:1080px;max-width: 80%;z-index: 99991;color: #fff;}
.case_tac dt{position: relative;}
.case_tac dt em{position: absolute;top:0;left:0;width: 100%;height:100%;background: url(/upload/static/images/case_jb.png) no-repeat;background-size: 100% 100%;}
.case_tac dd{position: absolute;left: 0;bottom:40px;width: 100%;box-sizing:border-box;padding: 0 60px;}
.case_tac dd h3{margin-bottom: 10px;}
.case_tac dd p{overflow: hidden;}
.case_tac dd p span{margin-right: 30px;}
.case_close{position: absolute;top:0;right: -45px;font-size:30px;cursor: pointer;}
@media only screen and (max-width:1024px) {
    .case_tac dd p span{margin-right: 20px;}
}
@media only screen and (max-width:767px) {
    .case_close{right: 0;top:-40px;}
    .case_tac dd{position: static;padding:0;padding-top: 20px;}
    .case_tac{max-width: 94%;}
}

.site_banner .txt>p{font-size: 16px!important;color: #fff;}


.sto05box li .img{position: relative;cursor: pointer;}
.sto05box li .video_button{font-size: 60px;color: #fff;}
.haveVid_div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;}

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{
    z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
    transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
    visibility: hidden;opacity: 0;
}
.video_appbox.show .video_t{
    visibility: visible;opacity:1;
    top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}


.cloud-partadd dl dd{ float: left; width: 50%; box-sizing: border-box; color:#fff; padding:7% 5%; text-align: center; background: #3A70D3;}
.cloud-partadd dl dd+dd{background: #3365CD;}
.cloud-partadd dl dd h4{ height: 3em; overflow: hidden;}
.cloud-partadd dl dd h4 b{ display: block; font-weight: bold;}
.cloud-partadd dl dd .code{ display: block; max-width: 200px; max-height: 200px; margin: 5% auto 0; padding: 15px; border:1px solid rgba(255,255,255,0.24)}
@media only screen and (max-width:1023px) {
    .cloud-partadd dl dd h4{ height: 4.5em;}
}
@media only screen and (max-width:767px) {
    .cloud-partadd dl dd{ width: 100%;}
    .cloud-partadd dl dd h4{ height: auto;}
}



/*20230818 add*/
.site_banner .txt p{color: #fff; line-height: 30px;}
.storage-part01{ background: #fff;}
.storage-part01_add{padding: 3.5% 0; background: #fff;}
.storage-part01_add .sto_wrap{position: relative;}
.storage-part01_add h2{position: absolute; lefT:0; top:0; display: inline-block; color:#333333; font-weight: bold; padding-bottom: 5px; border-bottom:1px solid #545555;}
.tabn-tit{position: absolute; lefT:0; top:70px;}
.tabn-tit li{ cursor: pointer; float: left; width: 158px; min-height: 40px; line-height: 20px; padding: 10px 20px; text-align: center; margin: 0 10px 0 0;border-radius: 30px;background: #EDEDED;color: #000;box-sizing: border-box;}
.tabn-tit li.on{background: #3a70d3;color: #fff!important;}
.tabn-con .ll{ float: left; width: 60%;}
.tabn-con .rr{ float: right; width:36%; padding: 4.2% 4% 1%; box-sizing: border-box; background: #F4F4F4;}

.storage-img{margin-top: 140px;}
.storage-img img{max-width: 100%;}

.swbox_tt{position: relative; margin-bottom: 15%;}
.swbox_tt .swiper-button-prev,.swbox_tt .swiper-button-next,.swbox_bb .swiper-button-prev,.swbox_bb .swiper-button-next{cursor: pointer; left:-40px; position: absolute; top:50%; width:30px; height: 30px; line-height: 30px; margin-top: -15px; color: #3A70D3; font-size:28px;text-align: center; background: none;transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.swbox_tt .swiper-button-next,.swbox_bb .swiper-button-next{lefT:auto; right:-40px;}
.swbox_tt .swiper-button-prev.swiper-button-disabled,.swbox_tt .swiper-button-next.swiper-button-disabled{opacity: 1; cursor: pointer; pointer-events:inherit!important;}
.swbox_tt .swiper-button-prev.disabled,.swbox_tt .swiper-button-next.disabled{cursor: default;color: #B3B3B3;}
.swbox_tt .swiper-slide span{ cursor: pointer; display: block; box-sizing: border-box; text-align: center; width: 100%; min-height: 40px; line-height: 20px; padding: 10px 20px; border-radius: 30px; color: #000; background: #FFFFFF;}
.swbox_tt .swiper-slide.on span{background: #3a70d3;color: #fff!important;}
.swbox_bb{position: relative;}
.swbox_bb .swiper-button-prev.swiper-button-disabled,.swbox_bb .swiper-button-next.swiper-button-disabled{ opacity: 1; color: #B3B3B3;}
.swbox_bb .swiper-pagination{font-size: 30px; color: #000; text-align: right;}
.swbox_bb .swiper-pagination-current{font-size: 48px; color: #307BEE;}
.swbox_bb .swiper-button-prev,.swbox_bb .swiper-button-next{top:25%;}
.swbox_bb dt img{ width: 100%;}
.swbox_bb dd{padding: 7% 2% 140px;}
.swbox_bb dd p{ margin-top: 2%; height: 4.5em; overflow: hidden;}
.swbox_bb dd p+i{ display: block; margin-top: 5%; color: #000; font-size: 18px; font-weight: bold;}
.swbox_bb a:hover dd p{color: #333333;}

.storage-video{ padding:4% 0 10%; background: #EDEDED;}
.storage-video h2{margin-bottom: 7%;display: inline-block; color:#333333; font-weight: bold; padding-bottom: 5px; border-bottom:1px solid #545555;}
.storage-video .vidimg{ float: left; width: 52.51%; position: relative;}
.storage-video .vidimg i{font-size:80px; color: #fff;}
.storage-video .vidcon{ float: right; width: 47%; padding:3% 5%; box-sizing: border-box;}
.storage-video .vidcon h3{ font-weight: bold; color: #333333; margin-bottom: 5%;}
.storage-video .vidcon .c{color: #3F3F3F;}
.storage-video .vidcon .c .btn{display: inline-block;padding: 0 35px; height: 40px;line-height: 40px;color: #fff!important;text-align: center;background:#3a70d3;border-radius: 30px;}
.storage-video .vidcon .c .btn em{width: 14px;height: 14px;border:1px solid #fff;border-radius: 50%;position: relative;display: inline-block;margin-left: 10px;top:2px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.storage-video .vidcon .c .btn em i{width: 2px;height: 2px;background:#fff;border-radius: 50%;}


@media only screen and (max-width:1280px) {
    .storage-video .vidimg i{font-size: 60px;}
    .swbox_bb .swiper-pagination{ font-size: 24px;}
    .swbox_bb .swiper-pagination-current{font-size: 30px;}
}
@media only screen and (max-width:1023px) {
    .storage-part01_add h2,.tabn-tit{position: static;}
    .tabn-tit,.tabn-con{margin-top: 5%;}
    .tabn-con .ll,.tabn-con .rr{width: 100%;}
    .tabn-con .rr{ background: none;}
    .storage-img{margin-top:0;}
    .storage-video .vidimg,.storage-video .vidcon{ width: 100%;}
    .storage-video .vidcon{padding: 5% 0 0;}
}
.sto03box .arrow-left,.sto03box .arrow-right{ display: none;}
@media only screen and (max-width:767px) {
    .tabn-tit li{width:calc(33.33% - 10px);}
    .swbox_tt .swiper-button-prev,.swbox_tt .swiper-button-next,.swbox_bb .swiper-button-prev,.swbox_bb .swiper-button-next{left:10px; width:20px; height: 20px; line-height: 20px; margin-top: -10px; color: #3A70D3; font-size:16px;}
    .swbox_tt .swiper-button-next,.swbox_bb .swiper-button-next{left:auto; right:10px;}
    .swbox_tt .swiper-button-prev,.swbox_tt .swiper-button-next{color: #fff;}
    .swbox_bb .swiper-button-prev,.swbox_bb .swiper-button-next{top:29%;}
    .tabn-con .rr{ padding: 0;}
    .swbox_tt{margin-bottom: 5%;}
    .swbox_bb dd{padding-bottom:40px;}
    .swbox_bb .swiper-pagination{ font-size: 16px;}
    .swbox_bb .swiper-pagination-current{font-size: 20px;}
    .storage-video .vidimg i{font-size: 40px;}
    
}
/*20230818 add end*/



/*20230822 add*/
.so_case_list{padding:7% 0 10%; background: #fff;}
.so_case_list h2{ display: inline-block; color:#333333; font-weight: bold; padding-bottom: 5px; border-bottom:1px solid #545555;}
.so_case_slider{ margin-top:4%; position: relative;}
.so_case_slider .swiper-container{width: calc(100% - 160px); margin: 0 auto;}
.so_case_slider .swiper-button-prev,.so_case_slider .swiper-button-next{ left:0px; width: 40px; height: 40px; line-height: 40px; margin-top: -45px; color: #3a70d3; font-weight: bold; text-align: center; font-size: 40px; background: none;}
.so_case_slider .swiper-button-next{left:auto; right:0px;}
.so_case_slider .swiper-button-prev.swiper-button-disabled,.so_case_slider .swiper-button-next.swiper-button-disabled{opacity:1; color: #B3B3B3;}
.so_case_slider dl{padding: 8px;}
.so_case_slider dt{background:#fff;box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);}
.so_case_slider dd{padding:5% 3% 0;}
.so_case_slider dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.solupor-list{padding: 5% 0 0;}
.solupor-list h2{display: inline-block; color:#333333; font-weight: bold; padding-bottom: 5px; border-bottom:1px solid #545555;margin-bottom: 4%;}
.solupor-list ul{margin: 0 -1%;}
.solupor-list li{ float: left; width: 31.33%; margin: 0 1% 2%;}
.solupor-list dl{padding: 8px;}
.solupor-list li dt{background:#fff;box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);}
.solupor-list li dd{padding:5% 3% 0;}
.solupor-list li dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.solution-listan li h2{color: #333333;}
.solution-listan li h3{ margin-bottom: 5%;}
.solution-listan li .img{ width: 60%;}
.solution-listan li .txt{ width: 43%; background: none;}
.solution-listan li:hover .img, .solution-listan li:hover .txt{box-shadow: none;}

@media only screen and (max-width:1279px) {
    .so_case_slider .swiper-container{width: calc(100% - 80px);}
}
@media only screen and (max-width:1024px) {
    .so_case_slider{margin-top: 8%;}
    .so_case_slider dl{padding: 0;}
    .so_case_slider .swiper-button-prev,.so_case_slider .swiper-button-next{font-size: 20px; margin-top: -40px;}
}
@media only screen and (max-width:767px) {
    .solupor-list ul{margin: 0;}
    .solupor-list li{width: 100%; margin: 0 0 2%;}
    .solution-list li .img,.solution-list li .txt{ width: 100%;}
}

.sto_wrap .btn{margin-top:3.5%; text-align: center;}
.sto_wrap .btn a{ display: inline-block; margin:0 20px; padding: 0 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 30px;background: #fff;color: #000;}
.sto_wrap .btn a.on{color: #fff!important; background: #307bee;}
.storage-part01 .tt{margin-bottom:4%;}


.so_case_slider dt{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

@media only screen and (min-width:1025px) {
    .site_banner .txt .btn a:hover{color: #fff!important; background: #307bee;}
}
/*20230822 add end*/



/*20231130云管理加滚动条*/
.cloud-part01 .cloud01_rr dt .c{ height: 32em;}
@media only screen and (max-width:1799px) {
.cloud-part01 .cloud01_rr dt .c{height: 28em;}
}
@media only screen and (max-width:1599px) {
.cloud-part01 .cloud01_rr dt .c{height: 23em;}
}
@media only screen and (max-width:1399px) {
.cloud-part01 .cloud01_rr dt .c{height: 20em;}
}
@media only screen and (max-width:1365px) {
.cloud-part01 .cloud01_rr dt .c{height: 18em;}
}
@media only screen and (max-width:1279px) {
.cloud-part01 .cloud01_rr dt .c{height: 13em;}
}
@media only screen and (max-width:1023px) {
.cloud-part01 .cloud01_rr dt .c{height: 9em;}
}
/*20231130云管理加滚动条end*/

/*20240304云管理修改版块*/
.cloud-part03 .list {margin:0 -1%;overflow: hidden;}
.cloud-part03 .list li {width:31.33%;float: left;margin:0 1% 3%;}
.cloud-part03 .list .order-pic {padding: 7% 5%;background: #ffffff;border-radius: 10px;text-align: center;margin-bottom:5%;}
.cloud-part03 .list .order-pic img {max-height: 100%;max-width: 100%;transition: all 1s;}
.cloud-part03 .list .title {margin-bottom: 5%;font-size: 24px;}
.cloud-part03 .list .text {font-size: 16px;overflow: hidden;}
.cloud-part03 .list a {color: #484f59;}
.cloud-part03 .list .title a{color: #000;}
.cloud-part03 .list a.download{ text-decoration: underline;}
.cloud-part03 .list .btns {margin-top: 5%;}
.cloud-part03 .list .download svg {width: 13px;height:14px; fill: #fff;vertical-align: middle; margin-top: -4px;}
.cloud-part03 .list .download i {width: 20px;height:20px;line-height:20px; display: inline-block;background: #425159;text-align: center;border-radius: 50%;margin-left: 10px;transition: all .3s;}
@media only screen and (max-width:1440px) {
    .cloud-part03 .list .title{font-size: 20px;}
    .cloud-part03 .list .text {font-size: 14px;}
}
@media only screen and (max-width:1024px) {
    .cloud-part03 .list .title{font-size: 18px;}
}
@media only screen and (max-width:767px) {
.cloud-part03 .list{margin: 0;}
.cloud-part03 .list li{ width: 100%; margin: 0 0 5%;}
}
@media only screen and (min-width:1023px) {
.cloud-part03 .list a:hover{ color: #3a70d3 !important;}
.cloud-part03 .list .download:hover i{background: #3a70d3;}
.cloud-part03 .list .order-pic:hover img{ transform: scale(1.05);}
}
/*20240304云管理修改版块end*/