@charset "utf-8"; 

.colorf { color: #fff; }
.color6 { color: #666666; }
.color18 { color: #151861; }
.color19 { color: #1963CE; }
.color22 { color: #222222; }
.color33 { color: #333333; }
.color46 { color: #465059; }
.colorfd8 { color: rgba(255,255,255,.8); }
.color1a { color: #1A1A1A; }
.color3d { color: #3D3D3D; }
.color76 { color: #767676; }
.color18d { color: #18D18E; }
.radius16 { border-radius: 16px; overflow: hidden; }


.iyin {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
    
}

.eyin {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.eyin4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}


@media(max-width:1100px) {
    .radius16 { border-radius: 10px;} 
}

.new-class { animation: xiala 1s linear 1; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; }
@keyframes xiala {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/**主营业务**/
.noubanner .img .zz {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 6;
}
.noubanner .text{
    position: absolute;
    left: 0;
    right: 0;
    top: 33.5%;
    padding-right: 50px;
    color: #fff;
    z-index: 3;
}
.noubanner .text .fbt { line-height: 1.2; }

.noubanner .swiper-pagination {
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
}

.noubanner .swiper-pagination .swiper-pagination-bullet{
    margin: 0 15px 0 0;
    width: 26px;
    height: 26px;
    background: none;
    opacity: 1;
    position: relative;
    transition: all 0.4s;
    border: 2px solid rgba(0, 0, 0, 0);
}
.noubanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border: 2px solid #FFFFFF;
}

.noubanner .swiper-pagination .swiper-pagination-bullet:before{
    border-radius: 100%;
    content: "";
    background: #FFFFFF;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.noubanner .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }


.MainproductsA {
    padding: 58px 0 55px;
}
.MainproductsA .top {
    display: flex;
    align-items: flex-end;
}
.MainproductsA .top .yem_a_list {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    max-width: 60%;
    margin-bottom: 6px;
}
.MainproductsA .top .yem_a_list a {
    margin-right: 10px;
    border: 1px solid #D8D8D8;
    display: block;
    padding: 14px 0;
    width: 190px;
    border-radius: 100px;
    text-align: center;
    transition: all 0.4s;
}

.MainproductsA .bottom .ctsaqie-an ul{
    border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}
.MainproductsA .bottom .ctsaqie-an ul li {
    float: left;
    width: 20%;
    text-align: center;
    padding-bottom: 28px;
    position: relative;
    cursor: pointer;
}
.MainproductsA .bottom .ctsaqie-an ul li::before {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    bottom: -1px;
    height: 1px;
    background: #18D18E;
    transition: all .5s;
}
.MainproductsA .bottom .ctsaqie-an ul li a { display: inline-block; padding-left: 34px; position: relative; color: #222222; }

.MainproductsA .bottom .ctsaqie-an ul li .icon {
    width: 22px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.MainproductsA .bottom .ctsaqie-an ul li .icon .icon2 { display: none; }
.MainproductsA .bottom .ctsaqie-an ul li .t { line-height: 1; text-align:left; }


.MainproductsA .bottom .ctsaqie-an ul li.cur::before { width: 100%; } 
.MainproductsA .bottom .ctsaqie-an ul li.cur a { color: #18D18E; }
.MainproductsA .bottom .ctsaqie-an ul li.cur .icon .icon1 { display: none; }
.MainproductsA .bottom .ctsaqie-an ul li.cur .icon .icon2 { display: block; }


.MainproductsA .bottom .ctsaqie-an ul li:hover::before { width: 100%; } 
.MainproductsA .bottom .ctsaqie-an ul li:hover a { color: #18D18E; }
.MainproductsA .bottom .ctsaqie-an ul li:hover .icon .icon1 { display: none; }
.MainproductsA .bottom .ctsaqie-an ul li:hover .icon .icon2 { display: block; }

.MainproductsA .bottom .kouzoe ul { display: flex; flex-wrap: wrap; }
.MainproductsA .bottom .kouzoe ul li { float: left; margin-right: 1.42%; margin-bottom: 1.42%; width: 49.29%; border: 1px solid #D8D8D8; transition: all .5s; }
.MainproductsA .bottom .kouzoe ul li:nth-child(2n) { margin-right: 0; }
.MainproductsA .bottom .kouzoe ul li a { display: block; padding: 20px 20px 30px; }
.MainproductsA .bottom .kouzoe ul li a .oeuto .img { height: 380px; }
.MainproductsA .bottom .kouzoe ul li a .oeubo { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
    opacity: 0;
    transform: scale(.1);
}
.MainproductsA .bottom .kouzoe ul li:hover a .oeubo { opacity: 1; transform: scale(1); }
.MainproductsA .bottom .kouzoe ul li a .oeubo::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.77) 0%, rgba(216, 216, 216, 0) 100%);
}

.MainproductsA .bottom .kouzoe ul li a .oeubo .wzmo {
    position: absolute;
    bottom: 35px;
    width: 100%;
    left: 0;
    padding: 0 50px 0 30px;
}

.MainproductsA .bottom .kouzoe ul li a .wzmo .za { padding-right: 30px; display: inline-block; }
.MainproductsA .bottom .kouzoe ul li a .wzmo .za::before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 9px;
    transition: all 0.4s;
    background: url(../images/home_b_jt.svg) center center/cover;
}

.MainproductsA .bottom .kouzoe ul li a .wzmo .zb { margin-top: 8px; }

.MainproductsA .bottom .kouzoe ul li a .wzmo .zc { line-height: 1.6875; margin-top: 11px; }

.MainproductsA .bottom .kouzoe ul li:hover { border-color: rgba(0, 0, 0, 0); }
.MainproductsA .bottom .kouzoe ul li:hover a .wzmo .za:before {
    transform: rotate(45deg);
}

@media(max-width:1920px) {
    .MainproductsA {
        padding: 3.02083vw 0 2.86458vw;
    }
    .MainproductsA .top .yem_a_list a { width: 9.8vw; }
    .MainproductsA .bottom .kouzoe ul li a .oeuto .img { height:19.79166vw; }

    .MainproductsA .bottom .kouzoe ul li a .wzmo .za::before { width: 0.9375vw; height: 0.9375vw; top: 0.46875vw; }
}


@media(max-width:1500px) {
    .MainproductsA .top .yem_a_list a { width: 12vw; }
}

@media(max-width:1100px) {
    .MainproductsA {
        padding: 35px 0 45px;
    }
    .MainproductsA .bottom .ctsaqie-an ul li { padding-bottom: 15px; }
    .MainproductsA .top .yem_a_list {
        width: 100%;
        margin-top: 16px;
        max-width: 100%;
    }
    .MainproductsA .top { display: block; }
    .MainproductsA .top .yem_a_list a {
        width: auto;
        padding: 8px 30px;
        margin-bottom: 6px;
    }
    .MainproductsA .bottom .ctsaqie-an { overflow-x: scroll; }
    .MainproductsA .bottom .ctsaqie-an ul { min-width: 1000px; }
    .MainproductsA .bottom .kouzoe ul li { width: 100%; margin-bottom: 20px; }
    .MainproductsA .bottom .kouzoe ul li:last-child { margin-bottom: 0; }

    .MainproductsA .bottom .kouzoe ul li a { padding: 15px 15px 25px; }

    .MainproductsA .bottom .kouzoe ul li a .wzmo .za { padding-right: 25px; }
    .MainproductsA .bottom .kouzoe ul li a .wzmo .za::before { width: 14px; height: 14px; top: 6px; }

    .MainproductsA .bottom .kouzoe ul li a .oeubo .wzmo {
        padding: 0 15px;
        bottom: 20px;
    }
    .MainproductsA .bottom .kouzoe ul li a .oeuto .img { height:auto; }
    
    .noubanner .swiper-pagination .swiper-pagination-bullet {
        margin-right: 5px;
    }
}



/**新闻资讯**/
.left { float: left; }
.right{ float: right; }

.newsA { padding: 85px 0 40px; }
.newsA .ewsato .ewsar { position: absolute; bottom: 6px; right: 0; }
.newsA .ewsato .ewsar .inp {
    border-radius: 100px;
    width: 486px;
    height: 56px;
    border: 1px solid rgba(216, 216, 216, 0.8);
    font-size: 16px;
    padding: 0 50px 0 22px;
    color: rgba(102, 102, 102, 0.6);
}

.newsA .ewsato .ewsar .inp::placeholder{ color: rgba(102, 102, 102, 0.6); }
.newsA .ewsato .ewsar .sub {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 100px;
    width: 139px;
    height: 56px;
    color: #fff;
    font-size: 16px;
    padding-left: 65px;
    background: url(../images/ggthb.svg) no-repeat 41px center #18D18E;
    background-size: 15px 15px;
    text-align: left;
}

.newsA .ewsazo a {
    position: relative;
    display: block;
}

.newsA .ewsazo .wznern {
    position: absolute;
    bottom: 38px;
    left: 0;
    width: 100%;
    padding: 0 40px;
}

.newsA .ewsazo .wznern .rnb { margin: 0 0 21px; }

.newsA .swiper-pagination {
    right: 30px;
    left: auto;
    width: auto;
    bottom: 30px;
}

.newsA .swiper-pagination .swiper-pagination-bullet{
    margin: 0 15px 0 0;
    width: 26px;
    height: 26px;
    background: none;
    opacity: 1;
    position: relative;
    transition: all 0.4s;
    border: 2px solid rgba(0, 0, 0, 0);
}
.newsA .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border: 2px solid #FFFFFF;
}

.newsA .swiper-pagination .swiper-pagination-bullet:before{
    border-radius: 100%;
    content: "";
    background: #FFFFFF;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.newsA .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }


.newsA .ewsabo ul li {
    padding: 0 var(--cbvw_container);
    background: #fff;
    transition: all .4s;
}
.newsA .ewsabo ul li a { display: block; position: relative; padding: 40px 0; border-bottom: 1px solid rgba(216, 216, 216, 0.5); }
.newsA .ewsabo ul li a .sabol { position: relative; width: 20.15625vw; }
.newsA .ewsabo ul li a .sabol .i {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 54px;
    height: 44px;
    border-radius: 100px;
    content: "";
    background: #18D18E;
    transition: all 0.4s;
    opacity: 0;
}
.newsA .ewsabo ul li a .sabol .i:after {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.4s;
    background: url(../images/more_jt.svg) center center/cover;
    z-index: 1;
    content: "";
}

.newsA .ewsabo ul li:hover a .sabol .i {
    opacity: 1;
}

.newsA .ewsabo ul li a .sabor {
    width: calc(100% - 20.15625vw);
    padding-left: 3.22916vw; 
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.newsA .ewsabo ul li a .sabor .clearfix {
    position: relative;
}

.newsA .ewsabo ul li a .sabor .borl {
    width: 3.5vw;
    text-align: center;
    float: left;
}

.newsA .ewsabo ul li a .sabor .borl b {
    display: inline-block;
    line-height: 2.9vw;
}
.newsA .ewsabo ul li a .sabor .borl span { display: inline-block; line-height: 1; margin-top: 0.41666vw; }

.newsA .ewsabo ul li a .sabor .borr {
    width: calc(100% - 5.8vw);
    float: left;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 2.60416vw;
    margin-left: 2.29166vw;
}

.newsA .ewsabo ul li a .sabor .borr::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 5.20833vw;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: rgba(216, 216, 216, 0.5);
}

.newsA .ewsabo ul li a .sabor .borr .bt { line-height: 1; padding-bottom: 1px; }
.newsA .ewsabo ul li a .sabor .borr .xq { line-height: 1.625; margin-top: 12px; }

.newsA .ewsabo ul li:hover { background: rgba(24, 209, 142, 0.05); }
.newsA .ewsabo ul li:hover a { border-color: rgba(0, 0, 0, 0); }
.newsA .ewsabo ul li:hover a .sabor .borl b { color: #18D18E; }
.newsA .ewsabo ul li:hover a .sabor .borl span { color: #18D18E; }

.newsA .ewsabo ul li:hover a .sabor .borr .bt { text-decoration: underline; }


.fyq { text-align: center; }
.fyq a {
    line-height: 1;
    border: 1px solid rgba(216, 216, 216, 0.8);
    border-radius: 44px;
    width: 68px;
    height: 54px;
    line-height: 52px;
    display: inline-block;
    font-size: 18px;
    color: #666666;
    margin-right: 9px;
    transition: all .4s;
}
.fyq a:last-child { margin-right: 0; }
.fyq a.cur,
.fyq a:hover { background: #18D18E; border-color: #18D18E; color: #fff; }

.footernei {
    background: url(../images/footernei.png) no-repeat top center/cover;
    
}
.footernei .top { padding-top: 9.79166vw; }

@media(max-width:1920px) {
    .newsA { padding: 4.42708vw 0 2.08333vw; }
}

@media(max-width:1500px) {
    .fyq a {
        font-size: 14px;
        width: 58px;
        height: 40px;
        line-height: 38px;
        margin-right: 5px;
    }
}

@media(max-width:1280px) {
    .newsA .ewsato .ewsar .inp {
        height: 50px;
    }
    .newsA .ewsato .ewsar .sub {
        height: 50px;
    }

    .newsA .ewsabo ul li a {
        padding: 20px 0;
    }
}

@media(max-width:1100px) {
    .newsA { padding: 35px 0 45px; }
    .newsA .ewsazo .wznern { width: 70%; padding: 0 20px; bottom: 15px; }
    .newsA .ewsato .ewsar { position: initial; width: 100%; margin-top: 15px; }
    .newsA .ewsato .ewsar .inp { width: 100%; height: 45px; font-size: 14px; }
    .newsA .ewsato .ewsar .sub { height: 45px; font-size: 14px; line-height: 45px; }
    .newsA .ewsato .ewsar .sub { background-size: 13px 13px; background: url(../images/ggthb.svg) no-repeat 41px 15px #18D18E; }

    .newsA .ewsazo .wznern .rnb { margin-bottom: 10px; }
    .newsA .swiper-pagination { bottom: 15px; right: 15px; }

    .newsA .ewsabo ul li a .sabol { width: 100%; }
    .newsA .ewsabo ul li a .sabor .borr {
        width: 100%;
        position: initial;
        transform: translateY(0);
    }
    .newsA .ewsabo ul li a .sabor {
        width: 100%;
        position: initial;
        transform: translateY(0);
        padding-left: 0;
        margin-top: 20px;
    }
    .newsA .ewsabo ul li a .sabor .borl { width: 27px; }
    .newsA .ewsabo ul li a .sabor .borl b {
        line-height: 1;
    }
    .newsA .ewsabo ul li a .sabor .borr {
        padding-left: 0;
        margin-left: 0;
        margin-top: 15px;
    }
    .newsA .ewsabo ul li a .sabor .borr::before{
        display: none;
    }

    .newsA .ewsabo ul li a .sabol .i{
        display: none;
    }

    .fyq a {
        font-size: 14px;
        width: 38px;
        height: 30px;
        line-height: 29px;
        margin-right: 5px;
    }
}



/**新闻详情**/
.mbx .bx { line-height: 1; float: left; margin-right: 11px; color: #999999; }
.mbx .be { float: left; line-height: 1; }
.mbx .be a {
    display: inline-block;
    line-height: 1;
    color: #999999;
}
.mbx .be span {
    display: inline-block;
    line-height: 1;
    color: #999999;
    margin: 0 7px;
}

.newsxqA {
    padding: 12px 0 61px;
}
.newsxqA .wsxqa .wsxqal {
    width: 100%;
    border: 1px solid rgba(216, 216, 216, 0.7);
    border-radius: 20px;
    overflow: hidden;
    padding: 37px 30px 45px;
}

.newsxqA .wsxqa .wsxqal .sj { margin-top: 12px; }
.newsxqA .wsxqa .wsxqal .xq {
    line-height: 1.875;
    padding-top: 20px;
    margin-top: 22px;
    border-top: 1px solid rgba(43, 55, 142, 0.1);
}
.newsxqA .wsxqa .wsxqal .xq span {
    font-size: 20px !important;
}
.newsxqA .wsxqa .wsxqal .xq p:nth-child(n+2){
    margin-top: 20px;
}
.newsxqA .wsxqa .wsxqal .anzme {
    border-top: 1px solid rgba(43, 55, 142, 0.1);
    padding-top: 38px;
    margin-top: 43px;
}
.newsxqA .wsxqa .wsxqal .anzme .zmel { width: 70%; }
.newsxqA .wsxqa .wsxqal .anzme .zmel .ze { margin-bottom: 15px; }
.newsxqA .wsxqa .wsxqal .anzme .zmel .ze:last-child { margin-bottom: 0; }
.newsxqA .wsxqa .wsxqal .anzme .zmel .ze .i { float: left; line-height: 1; color: #222222; }
.newsxqA .wsxqa .wsxqal .anzme .zmel .ze .span { float: left; line-height: 1; color: #666666; width: 83%; }

.newsxqA .wsxqa .wsxqal .anzme .zmer { position: absolute; top: 57%; transform: translateY(-50%); right: 0; }

.newsxqA .wsxqa .wsxqar {
    width: 26.82%;
    border: 1px solid rgba(216, 216, 216, 0.7);
    border-radius: 20px;
    overflow: hidden;
    padding: 36px 30px 34px;
    display: none;
}
.newsxqA .wsxqa .wsxqar .ashnen { margin-top: 26px; }
.newsxqA .wsxqa .wsxqar .ashnen ul li { padding-bottom: 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 28px; }
.newsxqA .wsxqa .wsxqar .ashnen ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.newsxqA .wsxqa .wsxqar .ashnen ul li a { display: block; }
.newsxqA .wsxqa .wsxqar .ashnen ul li a .arz { line-height: 1.55; margin-top: 13px; }
.newsxqA .wsxqa .wsxqar .ashnen ul li a .asj { margin-top: 6px; }

@media(max-width:1920px) {
    .newsxqA { padding-bottom: 3.22916vw; }
}


@media(max-width:1100px) {
    .mbx { display: none; }
    .newsxqA { padding: 35px 0 45px; }
    .newsxqA .wsxqa { margin-top: 0; }
    .newsxqA .wsxqa .wsxqal { width: 100%; padding: 20px; }
    .newsxqA .wsxqa .wsxqal .xq { padding-top: 15px; margin-top: 15px; }
    .newsxqA .wsxqa .wsxqal .anzme { padding-top: 20px; margin-top: 20px; }
    .newsxqA .wsxqa .wsxqar { display: none; }
    .newsxqA .wsxqa .wsxqal .anzme .zmer { position: initial; transform: translateY(0); width: 100%; margin-top: 25px; }
    .newsxqA .wsxqa .wsxqal .anzme .zmel { width: 100%; }
    .newsxqA .wsxqa .wsxqal .anzme .zmel .ze .i { width: 56px; }
    .newsxqA .wsxqa .wsxqal .anzme .zmel .ze .span { width: calc(100% - 56px); }
    
    .newsxqA .wsxqa .wsxqal .xq span {
        font-size: 14px !important;
    }
    .newsxqA .wsxqa .wsxqal .xq p:nth-child(n+2){
        margin-top: 20px;
    }
}





/**充电站**/
.ChargingstationA {
    padding-top: 10px;
}

.gingstationA1 { margin-top: 90px; }
.gingstationA1 .kainemt {
    border: 1px solid #D8D8D8;
    padding: 20px 20px 20px 60px;
}
.gingstationA1 .tional {
    width: 40%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.gingstationA1 .tional .onaoe {
    line-height: 1.6;
    padding: 17px 0 12px;
}

.gingstationA1 .tional .onaof {
    line-height: 1.6;
}

.gingstationA1 .tionar {
    width: 50%;
}

.gingstationA1 .tionar .anznb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 76px;
    height: 76px;
    cursor: pointer;
}

.gingstationA1 .tionar .anznb span {
    background: url(../images/anznb.svg)no-repeat center center/cover;
    width: 100%;
    height: 100%;
    display: inline-block;
    transform: scale(1);
    transition: all .5s;
}

.gingstationA1 .tionar .anznb span:hover {
    transform: scale(1.1);
}

.gingstationA2  { margin-top: 110px; }

.gingstationA2 .sttirtnx ul { display: flex; flex-wrap: wrap; }
.gingstationA2 .sttirtnx ul li { width: 18.87%; margin-right: 1.4%; margin-bottom: 1.4%; border-radius: 16px; overflow: hidden; }
.gingstationA2 .sttirtnx ul li .eqnazn { position: absolute; bottom: 22px; left: 0; width: 100%; text-align: center; line-height: 1; }
.gingstationA2 .sttirtnx ul li:last-child { margin-right: 0; }


.gingstationA2 .top ul li:last-child {
    width: 39.1%;
    position: relative;
}

.gingstationA2 .top ul li .dwnern {
    position: absolute;
    bottom: 25px;
    width: 100%;
    padding-left: 28px;
}

.gingstationA2 .botton ul li { margin-bottom: 0; }

.gingstationA2 .top ul li .dwnern .n { color: #151861; line-height: 1; }
.gingstationA2 .top ul li .dwnern .a { color: #1963CE; line-height: 1; margin: 8px 0 15px; }
.gingstationA2 .top ul li .dwnern .r { line-height: 1; color: rgba(21, 24, 97, 0.05); }

.gingstationA2 .top ul li .aie {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 126px;
    height: 92px;
    background: url(../images/aieeeew.svg)no-repeat center center/cover;
}


.gingstationA3 { padding: 131px 0 0; }
.gingstationA3 .tationa ul { display: flex; flex-wrap: wrap; }
.gingstationA3 .tationa ul li { float: left; width: 32.3%; background: #fff; margin-right: 1.55%; margin-bottom: 1.55%; border-radius: 16px; overflow: hidden; border: 1px solid #D8D8D8; padding: 10px 10px 30px; }
.gingstationA3 .tationa ul li .ma { font-weight: bold; margin: 28px 0 8px; }
.gingstationA3 .tationa ul li .mb { line-height: 1.75; }
.gingstationA3 .tationa ul li:last-child { margin-right: 0; }

.gingstationA3 .top ul li:nth-child(1) { border: 0; padding-top: 70px; background: none; }
.gingstationA3 .bottom ul li { margin-bottom: 0; }

.gingstationA3 .wenzie {
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}
.gingstationA3 .container2 {
    position: relative;
    z-index: 1;
}
.gingstationA3 .wenzie .xunhuahge .swiper-slide {
    font-size: 160px;
    font-weight: bold;
    color: rgba(52, 117, 211, 0.04);
    line-height: 1;
}

.gingstationA4 { padding-top: 125px; }
.gingstationA4 .table { margin-top: 26px; }
.gingstationA4 .table tr:nth-child(1) { background: #1963CE; }
.gingstationA4 .table tr { background: #F3FCF9; }
.gingstationA4 .table tr:nth-child(2n) { background: #fff; }
.gingstationA4 .table tr th { color: #fff; text-align: left; width: 50%; height: 80px; font-size: 20px; padding-left: 50px; border-right: 1px solid rgba(255, 255, 255, 0.1); }
.gingstationA4 .table tr th:last-child { border-right: 0; }
.gingstationA4 .table tr td { width: 50%; padding-left: 50px; line-height: 1; height: 70px; font-size: 18px; color: #666666; border-right: 1px solid rgba(0, 0, 0, 0.05); color: #666666; }
.gingstationA4 .table tr td:last-child { border-right: 0; }

.footerneieee { background: none; }
.v8fadiane {
    background: url(../images/v8fadiane.png)no-repeat top center/cover #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 21.97916vw;
}
.footerneieee {
    padding-top: 18.5vw;
}

.footerneieee .baoes {
    background: url(../images/footernei.png) no-repeat top center/cover;
}

@media(max-width:1920px) {
    .gingstationA1 { margin-top: 4.6875vw; }
    .gingstationA4 { padding-top: 6.51041vw; }

    .gingstationA2  { margin-top: 5.72916vw; }
    .gingstationA2 .top ul li .aie {
        top: 1.30208vw;
        right: 1.04166vw;
        width: 6.5625vw;
        height: 4.79166vw;
    }
    .gingstationA2 .top ul li .dwnern {
        bottom: 1.30208vw;
        padding-left: 1.45833vw;
    }
    .gingstationA2 .top ul li .dwnern .a { margin: 0.41666vw 0 0.78125vw; }
    .gingstationA2 .sttirtnx ul li .eqnazn { bottom: 1.14583vw; }

    .gingstationA3 { padding: 6.82291vw 0 0; }

    .gingstationA3 .wenzie .xunhuahge .swiper-slide {
        font-size: 8.33333vw;
    }
}

@media(max-width:1500px) {
    .gingstationA1 .kainemt {
        padding-left: 35px;
    }

    .gingstationA1 .tionar {
        width: 55%;
    }

    .footerneieee {
        padding-top: 18vw;
    }
}

@media(max-width:1100px) {
    .ChargingstationA {
        padding-top: 0;
    }

    .gingstationA1 .kainemt { padding: 20px; }
    .gingstationA1 .tionar { width: 100%; margin-bottom: 20px; }

    .gingstationA1 .tional{
        width: 100%;
        position: initial;
        transform: translateY(0);
    }
    .gingstationA1 .tional .onaoe {
        padding: 7px 0 10px;
    }

    .gingstationA1 .tionar .anznb { width: 56px; height: 56px; }

    .gingstationA2 { margin-top: 35px; }
    .gingstationA2 .sttirtnx ul li { width: 100%; margin-bottom: 20px; border-radius: 10px; margin-right: 0; }
    .gingstationA2 .sttirtnx ul li .eqnazn { bottom: 20px; }

    .gingstationA2 .top ul li:last-child { width: 100%; display: none; }
    .gingstationA2 .top ul li .aie { display: none; }
    .gingstationA2 .top ul li .dwnern { position: initial; padding-left: 0; width: 100%; }
    .gingstationA2 .top ul li .dwnern .erna { width: 100%; }

    .gingstationA2 .qzne .erna { margin-bottom: 20px; }
    .gingstationA2 .qzne .erna .n {
        color: #151861;
        line-height: 1;
    }
    .gingstationA2 .qzne .erna .a {
        color: #1963CE;
        line-height: 1;
        margin: 5px 0 13px;
    }
    .gingstationA2 .qzne .erna .r {
        line-height: 1;
        color: rgba(21, 24, 97, 0.05);
    }
    .gingstationA3{ padding-bottom:40px; }
    .gingstationA3 .top ul li { width: 100%; margin-right: 0; margin-bottom: 20px; padding: 15px; }
    .gingstationA3 .top ul li:nth-child(1) { padding: 0; margin-bottom: 20px; }
    .gingstationA3 .tationa ul li .ma { margin: 20px 0 8px; }
    .gingstationA3 .wenzie { display: none; }
    .gingstationA3 .tationa ul li { width: 100%; margin-bottom: 20px; }
    .gingstationA3 .tationa ul li:last-child { margin-bottom: 0; }
    .gingstationA4 { padding: 35px 0 45px; }
    .gingstationA4 .table { margin-top: 20px; }
    .gingstationA4 .table tr th { font-size: 16px; height: 60px; padding: 0 20px; }
    .gingstationA4 .table tr td { font-size: 14px; padding: 0 20px; height: 50px; line-height: 1.2; word-break: break-all; }

    .gingstationA4 .table tr td,
    .gingstationA4 .table tr th { width: 80%; }

    .gingstationA4 .table tr th:nth-child(1) { width: 100px; display: flex; line-height: 60px; }
    .gingstationA4 .table tr td:nth-child(1) { width: 100px; display: flex; line-height: 50px; }

    .v8fadiane { display: none; }
    .footerneieee { padding-top: 0; }
    .footerneieee .baoes { background: none; }
}



/**网络运营**/
.networkA { padding-bottom: 7.55208vw; }
.networkA .workA1 { padding-top: 5.72916vw; }
.networkA .workA1 .tea { padding: 20px 0 24px; }
.networkA .workA1 .teb { line-height: 2; }
.networkA .workA1 .teb span {
    display: inline-block;
    font-weight: bold;
}
.networkA .workA1 .diznenm { margin-top: 55px; }
.networkA .workA1 .diznenm .znenml { width: 28%; }
.networkA .workA1 .diznenm .znenml ul li {
    border-bottom: 1px solid rgba(216, 216, 216, 0.5);
    padding:25px 0 40px;
}
.networkA .workA1 .diznenm .znenml ul li:nth-child(1) { padding-top: 0; }
.networkA .workA1 .diznenm .znenml ul li:last-child { border-bottom: 0; padding-bottom: 0; }
.networkA .workA1 .diznenm .znenml ul li .nm { font-size: 56px; line-height: 1; font-weight: bold; color: #18D18E; }
.networkA .workA1 .diznenm .znenml ul li .nm b { margin-left: 3px; }
.networkA .workA1 .diznenm .znenml ul li .nw { line-height: 1; margin: 10px 0 20px; }
.networkA .workA1 .diznenm .znenml ul li .nc { background: rgba(25, 99, 206, 0.1); border-radius: 100px; height: 40px; line-height: 38px; padding: 0 21px 0 21px; display: inline-block; }


.networkA .workA1 .diznenm .znenmr { width: 68.9%; height: 35vw; }
.networkA .workA1 .diznenm .znenmr #container { height: 100%; width: 100%; }
.networkA .workA1 .diznenm .znenmr #container::before{
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    top: 61%;
    left: 74%;
    z-index: 2;
    transform: translate(-50%,-50%);
    background: url(../images/containere.svg)no-repeat center center/cover;
}

.networkB { background: url(../images/networkB.png)no-repeat top center/cover #fff; padding: 10.15625vw 0 17.5vw; }
.networkB .workbtop .rkzne { 
    width: 100%;
    right: 0;
    bottom: 6px;
    float: left;
    margin-top: 30px;
}

.networkB .workbtop .rkzne ul li {
    float: left;
    font-size: 16px;
    color: #333333;
    margin-right: 1%;
    margin-bottom: 1%;
    width: 24.2%;
    height: 56px;
    line-height: 54px;
    border: 1px solid #D8D8D8;
    border-radius: 100px;
    text-align: center;
    transition: all .4s;
    cursor: pointer;
}
.networkB .workbtop .rkzne ul li:nth-child(4n),
.networkB .workbtop .rkzne ul li:last-child { margin-right: 0; }

.networkB .workbtop .rkzne ul li.cur,
.networkB .workbtop .rkzne ul li:hover {
    background: #18D18E;
    color: #fff;
    border-color: #18D18e;
}

.networkB .workbbottom {
    margin-top: 35px;
}

.networkB .workbbottom .relative {
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
    padding: 20px 64px 20px 20px;
}

.networkB .workbbottom .relative .workbl {
    width: 52%;
}

.networkB .workbbottom .relative .workr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 64px;
    width: 41%;
}

.networkB .workbbottom .relative .workr .wnzb {
    line-height: 1.8;
    margin: 12px 0 15px;
}
.networkB .workbbottom .relative .workr .wnzc {
    line-height: 1.8;


}

.networkB .workbbottom .relative .workr .nasndn {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 15px;
    margin-bottom: 45px;
}

.networkB .workbbottom .relative .workr .nasndn::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}

.networkB .workbbottom .relative .workr .nasndn::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    /* border-radius: 5px; */
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    background: #18D18E;
}

.networkB .workbbottom .relative .workr .nasndn::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .1);
    border-radius: 0;
    background: rgba(216, 216, 216, 0.4);
}

.fushangqu { margin-top: -13vw; }



@media(max-width:1500px) {
    .networkA .workA1 .diznenm .znenml ul li .nm {
        font-size: 45px;
    }

    .networkB .workbtop .rkzne ul li {
        height: 45px;
        line-height: 43px;
        width: 32.6%;
        font-size: 14px;
    }
    
    .networkB .workbtop .rkzne ul li:nth-child(4n) {
        margin-right: 1%;
    }
    .networkB .workbtop .rkzne ul li:nth-child(3n) {
        margin-right: 0;
    }
}

@media(max-width:1380px) {
    .networkB .workbtop .rkzne {
        position: initial;
        width: 100%;
        float: left;
        margin-top: 20px;
    }


    .networkA .workA1 .diznenm .znenml ul li .nm { font-size: 28px; }

    .networkA .workA1 .diznenm .znenml ul li {
        padding-bottom: 25px;
    }
}

@media(max-width:1280px) {
    .networkB .workbbottom .relative .workbl { width: 60%; }
    .networkB .workbbottom .relative .workr { right: 20px; width: 36%; }
    .networkB .workbbottom .relative .workr .wnzc {
        -webkit-line-clamp: 2;
    }
}

@media(max-width:1100px) {
    .networkA { padding-bottom: 0; }
    .networkA .workA1 { padding: 35px 0 45px; }
    .networkA .workA1 .tea { padding: 10px 0 15px; }
    .networkA .workA1 .diznenm { margin-top: 20px; }
    .networkA .workA1 .diznenm .znenml { width: 100%; }
    .networkA .workA1 .diznenm .znenml ul li .nm { font-size: 22px; }
    .networkA .workA1 .diznenm .znenmr { width: 100%; height: 90vw; margin-top: 20px; }


    .networkB { padding: 35px 0 45px; background: rgba(24, 209, 142, 0.15); }
    .networkB .workbtop .rkzne ul li { font-size: 14px; width: 49%; margin-right: 2%; margin-bottom: 2%; height: 40px; line-height: 38px; }
    .networkB .workbtop .rkzne ul li:nth-child(2n) { margin-right: 0; }
    .networkB .workbbottom { margin-top: 22px; }
    .networkB .workbbottom .relative { padding: 15px 15px 25px 15px; }
    .networkB .workbbottom .relative .workbl { width: 100%; }
    .networkB .workbbottom .relative .workr { width: 100%; position: initial; transform: translateY(0); margin-top: 20px; }
    .networkB .workbbottom .relative .workr .wnzc { margin-bottom: 30px; }
    .fushangqu { margin-top: 0; }

    .networkA .workA1 .diznenm .znenmr #container::before{
        width: 25px;
        height: 25px;
        top: 60%;
        left: 77%;
    }
}



/**应用场景与案例**/
.ApplicationCasesA {
    padding: 124px 0 105px;
}
.ApplicationCasesA .znenmw { width: 66%; }
.ApplicationCasesA .znenmw .enb {
    line-height: 2;
    margin-top: 23px;
}

.ApplicationCasesA .znenmw .enb p:nth-child(n+2) {
    margin-top: 16px;
}

.ApplicationCasesA .ul { padding-left: 0; }
.ApplicationCasesA:before { display: none; }

.ApplicationCasesA .ul li { margin-bottom: 82px; }
.ApplicationCasesA .ul li .right { width: 77.5%; }
.ApplicationCasesA .ul li .right .rollwzne  { margin-top: 33px; }
.ApplicationCasesA .ul li .right .rollwzne .wznel {
    width: 80%;
}

.ApplicationCasesA .ul li .right .rollwzne .wznel .xq {
    line-height: 1.8;
    margin-top: 9px;
}

.ApplicationCasesA .ul li .right .rollwzne .wznel .xq p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ApplicationCasesA .ul li .right .rollwzne .wzner {
    display: inline-block;
    width: auto;
    padding-top: 26px;
}


.ApplicationCasesA .ul li .koumoi {
    background: rgba(24, 80, 178, 0.1);
    width: 116px;
    height: 116px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.ApplicationCasesA .btma {
    margin-top: 52px;
    padding-top: 100px;
    border-top: 1px solid rgba(216, 216, 216, 0.5);
}
.ApplicationCasesA .btm .xian { left: 59px; }


.ApplicationCasesA .ul li .koumoi .img { 
    position: absolute;
    width: 98px;
    height: 98px;
    background: #fff;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%,-50%);
}
.ApplicationCasesA .ul li .koumoi img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.ApplicationCasesA .ul li .koumoi .moi2 { display: none; }

.ApplicationCasesA .ul li .koumoi.cro { background: #fff; border: 1px solid rgba(25, 99, 206, 0.2); }
.ApplicationCasesA .ul li .koumoi.cro .img { background: #1963CE; }
.ApplicationCasesA .ul li .koumoi.cro .moi2 { display: block; }
.ApplicationCasesA .ul li .koumoi.cro .moi1 { display: none; }


.ApplicationCasesA .ul li .koumoi .uy {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 116px;
    height: 116px;
    z-index: 3;
    border-radius: 50%;
    overflow: hidden;
}

.ApplicationCasesA .ul li .koumoi .uy i { position: relative; float: left; width: 50%; height: 100%; overflow: hidden; }
.ApplicationCasesA .ul li .koumoi .uy i::before { content: ''; position: absolute; width: 200%; right: 0; top: 0; bottom: 0; border: 2px solid #1963CE; border-radius: 100%; box-sizing: border-box; clip: rect(0, 116px, 116px, 58px); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.ApplicationCasesA .ul li .koumoi .uy i:first-child::before { left: 0; right: auto; clip: rect(0px, 58px, 116px, 0px); }


.ApplicationCasesA .ul li .koumoi.cro .uy i::before { 
    -webkit-animation: circleR 3500ms linear both;
    animation: circleR 3500ms linear both; 
}
.ApplicationCasesA .ul li .koumoi.cro .uy i:first-child::before {
    -webkit-animation-name: circleL;
    animation-name: circleL;
}


@keyframes circleL {
	0%,
	50% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes circleR {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	50%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}



@media(max-width:1920px) {
    .ApplicationCasesA .btma {
        margin-top: 2.70833vw;
        padding-top: 5.20833vw;
    }
    .ApplicationCasesA {
        padding: 6.45833vw 0 5.46875vw;
    }
}

@media(max-width:1480px) {
    .ApplicationCasesA .ul li .koumoi { width: 110px; height: 110px; }
    .ApplicationCasesA .ul li .koumoi .img { width: 90px; height: 90px; }
    .ApplicationCasesA .ul li .koumoi .uy { width: 110px; height: 110px; }
    .ApplicationCasesA .ul li .koumoi .uy i:first-child::before { clip: rect(0px, 55px, 110px, 0px); }
    .ApplicationCasesA .ul li .koumoi .uy i::before { clip: rect(0, 110px, 110px, 55px); }
    .ApplicationCasesA .btm .xian { left: 55px; }
}

@media(max-width:1100px) {
    .ApplicationCasesA { padding: 35px 0 45px; }
    .ApplicationCasesA .znenmw { width: 100%; margin-top: 20px; }
    .ApplicationCasesA .znenmw .enb { margin-top: 8px; }
    .ApplicationCasesA .znenmw .enb p:nth-child(n+2) { margin-top: 1px; }
    .ApplicationCasesA .btma { padding-top: 25px; margin-top: 25px; }

    .ApplicationCasesA .ul li .koumoi { width: 60px; height: 60px; }
    .ApplicationCasesA .ul li .koumoi .img { width: 50px; height: 50px; }
    .ApplicationCasesA .ul li .koumoi .img img { width: 30px; height: 30px; }
    .ApplicationCasesA .ul li .koumoi .uy { width: 60px; height: 60px; }
    .ApplicationCasesA .ul li .koumoi .uy i:first-child::before { clip: rect(0px, 30px, 60px, 0px); }
    .ApplicationCasesA .ul li .koumoi .uy i::before { clip: rect(0, 60px, 60px, 30px); }
    .ApplicationCasesA .btm .xian { left: 30px; }

    .ApplicationCasesA .ul li .right {
        margin-top: 0;
    }

    .ApplicationCasesA .ul li { margin-bottom: 25px; }
    .ApplicationCasesA .ul li .right .rollwzne .wznel { width: 100%; }
    .ApplicationCasesA .ul li .right .rollwzne { margin-top: 20px; }
    .ApplicationCasesA .ul li .right .rollwzne .wzner { float: left; padding-top: 20px; }

    .noubanner .swiper-pagination { bottom: 11%; }
    
}



/**3-2应用场景与案例详情**/
.saopiae {
    padding: 116px 0 0;
}
.anzmenxqA {
    padding-top: 11px;
}
.anzmenxqA .menxqA .nxqal {
    width: 35%;
}
.anzmenxqA .menxqA .nxqar { width: 64%; padding-top: 18px; }
.anzmenxqA .menxqA .nxqar .qbe { line-height: 2; margin: 10px 0 30px; }

.anzmenxqB { padding: 116px 0 144px; }
.anzmenxqB .container2 { position: relative; z-index: 2; }
.anzmenxqB .enxqb.top { margin-top: 18px; }
.anzmenxqB .enxqb ul { display: flex; flex-wrap: wrap; }
.anzmenxqB .enxqb ul li {
    float: left;
    margin-right: 1.41%;
    width: 32.39%;
    position: relative;
    min-height: 313px;
}
.anzmenxqB .enxqb ul li:nth-child(3) { margin-right: 0; }

.anzmenxqB .enxqb ul li .nxq {
    background: #F5F8FD;
    height: 100%;
}

.anzmenxqB .enxqb ul li.li1 .nxq {
    height: calc(50% - 10px);
    padding: 35px 110px 0 60px;
}

.anzmenxqB .enxqb ul li.li1 .nxq .nr { margin-top: 7px; }

.anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.anzmenxqB .enxqb ul li .icoe {
    position: absolute;
    right: -11px;
    top: -17px;
    width: 126px;
}

.anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) .icoe {
    width: 120px;
    top: -8px;
    right: -12px;
}



.anzmenxqB .enxqb ul li.li2 .nxq .xq {
    padding: 0 50px 0 60px;
    position: absolute;
    bottom: 43px;
    width: 100%;
}

.anzmenxqB .enxqb ul li.li2 .nxq .xq .nr {
    line-height: 1.7;
    margin-top: 7px;
}

.anzmenxqB .enxqb ul li.li2 .icoe { width: 166px; top: -36px; right: -13px; }

.anzmenxqB .enxqb ul li.li3 .nxq {
    padding: 60px 100px 37px 60px;
}

.anzmenxqB .enxqb ul li.li3 .nxq .nr {
    line-height: 1.75;
    margin-top: 8px;
}

.anzmenxqB .enxqb ul li.li3 .nxq .nr p:nth-child(n+2) {
    margin-top: 2px;
}

.anzmenxqB .enxqb ul .li3 .icoe { width: 150px; right: -3px; top: -12px; }




.anzmenxqB .bottom ul li { width: 100%; margin-right: 0; margin-top: 1.41%; }
.anzmenxqB .bottom ul li .nxq { padding: 69px 0 73px 60px; }
.anzmenxqB .bottom ul li .icoe { top: -10px; right: -13px; width: 174px; }
.anzmenxqB .bottom ul li .xq { width: 83%; }
.anzmenxqB .bottom ul li .xq .nr { line-height: 1.8; margin-top: 10px; }

.anzmenxqB .enxqbz { width: 84%; position: absolute; bottom: 0; left: 0; }

.anzmen .gopenx {
    width: 54px;
    height: 44px;
    cursor: pointer;
    border: 1px solid #D8D8D8;
    border-radius: 100px;
    opacity: 1;
    left: auto;
    bottom: auto;
    right: auto;
    transition: all 0.4s;
    position: relative;
    margin-top: 0;
    top: 0;
    margin-right: 8px;
}

.anzmen .gopenx:last-child { margin-right: 0; }

.anzmen .swiper-button-prev:after {
    width: 14px;
    height: 14px;
    background: url(../images/swiper_jtl.svg) center center/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%,-50%);
    transition: all 0.4s;
}

.anzmen .swiper-button-next:after {
    width: 14px;
    height: 14px;
    background: url(../images/swiper_jtr.svg) center center/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%,-50%);
    transition: all 0.4s;
}

.anzmen .gopenx:hover{
   background: #18D18E;
   border-color: #18D18E;
}

.anzmen .swiper-button-prev:hover:after {
    background: url(../images/swiper_jtl2.svg) center center/cover;
}

.anzmen .swiper-button-next:hover:after {
    background: url(../images/swiper_jtr2.svg) center center/cover;
}

.anzmenxqC { padding-top: 110px; }
.anzmenxqC .anzmen { position: absolute; right: 0; bottom: 6px; }
.anzmenxqC .enxqcb .swiper-container { padding-right: 1px; overflow: hidden; }
.anzmenxqC .enxqcb .swiper-slide a { display: block; border: 1px solid #D8D8D8; padding: 20px 20px 30px; border-radius: 16px; }
.anzmenxqC .enxqcb .swiper-slide a .xczner .c { 
    padding-right: 30px;
    display: inline-block;
    margin-top: 30px;
    width: 100%;
}
.anzmenxqC .enxqcb .swiper-slide a .xczner .c span {
    display: inline-block;
    width: 90%;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.anzmenxqC .enxqcb .swiper-slide a .xczner .c::before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 9px;
    transition: all 0.4s;
    background: url(../images/home_b_jt.svg) center center/cover;
}

.anzmenxqC .enxqcb .swiper-slide:hover a .xczner .c::before{
    transform: rotate(45deg);
}

.anzmenxqC .enxqcb .swiper-slide a .xczner .z { margin-top: 8px; }
.anzmenxqC .enxqcb .swiper-slide:hover a .xczner .z { text-decoration-line: underline; }

.anzmenxqD {
    padding: 120px 0 100px;
}

.anzmenxqD .anzmen {
    position: absolute;
    right: 0;
    bottom: 6px;
}

.anzmenxqD .swiper-slide li {
    padding: 0 var(--cbvw_container);
    background: rgba(0, 0, 0, 0);
    transition: all .4s;
}

.anzmenxqD .swiper-slide ul li a {
    display: block;
    position: relative;
    padding: 40px 0;
}

.anzmenxqD .swiper-slide ul li a .sabol {
    position: relative;
    width: 20.15625vw;
}

.anzmenxqD .swiper-slide ul li a  .sabor {
    width: calc(100% - 20.15625vw);
    padding-left: 3.22916vw;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.anzmenxqD .swiper-slide ul li a .sabor .borl {
    width: 3.5vw;
    text-align: center;
    float: left;
}

.anzmenxqD .swiper-slide ul li a .sabor .borl b {
    display: inline-block;
    line-height: 2.9vw;
}

.anzmenxqD .swiper-slide ul li a .sabor .borl span {
    display: inline-block;
    line-height: 1;
    margin-top: 0.41666vw;
}

.anzmenxqD .swiper-slide ul li a .sabol .i {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 54px;
    height: 44px;
    border-radius: 100px;
    content: "";
    background: #18D18E;
    transition: all 0.4s;
    opacity: 0;
}

.anzmenxqD .swiper-slide ul li a  .sabol .i:after {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.4s;
    background: url(../images/more_jt.svg) center center/cover;
    z-index: 1;
    content: "";
}

.anzmenxqD .swiper-slide ul li a .sabor .borr {
    width: calc(100% - 5.8vw);
    float: left;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 2.60416vw;
    margin-left: 2.29166vw;
}

.anzmenxqD .swiper-slide ul li a .sabor .borr::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 5.20833vw;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: rgba(216, 216, 216, 0.5);
}

.anzmenxqD .swiper-slide ul li a .sabor .borr .bt {
    line-height: 1;
    padding-bottom: 1px;
}

.anzmenxqD .swiper-slide ul li a .sabor .borr .xq {
    line-height: 1.625;
    margin-top: 12px;
}

.anzmenxqD .swiper-slide ul li:hover {
    background: rgba(24, 209, 142, 0.05);
}

.anzmenxqD .swiper-slide ul li:hover a .sabol .i  {
    opacity: 1;
}

.anzmenxqD .swiper-slide ul li:hover a .sabor .borl b {
    color: #18D18E;
}

.anzmenxqD .swiper-slide ul li:hover a .sabor .borl span {
    color: #18D18E;
}

.anzmenxqD .swiper-slide ul li:hover a .sabor .borr .bt {
    text-decoration: underline;
}

.anzmenxqD .ewsabo { margin-top: 18px; }

.anzmenxqC .container2 { position: relative; z-index: 2; }
.anzmenxqC .znenm {
    position: absolute;
    right: -15%;
    width: 46%;
    bottom: -31%;
}


@media(max-width:1920px) {
    .saopiae { padding: 6.04166vw 0 0; }
    .anzmenxqB { padding: 6.04166vw 0 7.5vw; }

    .anzmenxqB .enxqb ul li .icoe { width: 6.5625vw; top: -0.88541vw; right: -0.57291vw; }
    .anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) .icoe { width: 6.25vw; top: -0.41666vw; right: -0.625vw; }
    .anzmenxqB .enxqb ul li.li2 .icoe { width: 8.64583vw; top: -1.875vw; right: -0.67708vw; }
    .anzmenxqB .enxqb ul .li3 .icoe { width: 7.8125vw; right: -0.625vw; }
    .anzmenxqB .bottom ul li .icoe { width: 9.0625vw; right: -0.67708vw; top: -0.52083vw; }

    .anzmenxqC .enxqcb .swiper-slide a .xczner .c::before {
        width: 0.9375vw;
        height: 0.9375vw;
        top: 0.46875vw;
    }

    .anzmenxqD {
        padding: 6.25vw 0 5.20833vw;
    }

    .anzmenxqC .znenm {
        position: absolute;
        right: -15vw;
        width: 45.83333vw;
        bottom: -12.6vw;
    }

    .anzmenxqC {
        padding-top: 5.72916vw;
    }
}




@media(max-width:1500px) {
    .anzmenxqB .enxqbz { width: 73%; }

    .anzmenxqB .enxqb ul li.li1 .nxq {
        padding: 30px 100px 30px 30px;
    }
    .anzmenxqB .enxqb ul li.li2 .nxq .xq {
        padding: 0 30px;
        bottom: 33px;
    }
    .anzmenxqB .enxqb ul li.li3 .nxq {
        padding: 40px 80px 30px 30px;
    }

    .anzmenxqB .bottom ul li .nxq {
        padding: 40px 30px 45px;
    }

    .anzmenxqD .swiper-slide ul li a {
        padding: 20px 0;
    }

    .anzmenxqC .znenm {
        right: -19vw;
        bottom: -12.6vw;
    }
}



@media(max-width:1100px) {
    .anzmenxqA .menxqA .nxqal {
        width: 100%;
    }
    .anzmenxqA { padding: 0; }
    .saopiae { padding: 35px 20px 0; }
    .anzmenxqA .menxqA .nxqar { width: 100%; padding-top: 0; }
    .anzmenxqA .menxqA .nxqar .qbe { margin: 10px 0 15px; }

    .anzmenxqB { padding: 35px 0 45px; }
    .anzmenxqB .enxqb ul li { width: 100%; margin-right: 0; margin-bottom: 20px; min-height:auto; }
    .anzmenxqB .enxqb ul li:last-child { margin-bottom: 0; }
    .anzmenxqB .enxqb ul li.li1 .nxq { height: auto; padding: 20px; }
    .anzmenxqB .enxqb ul li.li3 .nxq { padding: 20px; }
    .anzmenxqB .enxqb ul li.li1 .nxq .nr,
    .anzmenxqB .enxqb ul li.li3 .nxq .nr { font-size: 14px; }
    .anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) { position: relative; margin-top: 20px; }
    .anzmenxqB .enxqb ul li .icoe { width: 40px; right: -3px; top: -3px; }
    

    .anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) .icoe { width: 40px; right: -2px; top: -2px; }

    .anzmenxqB .enxqb ul .li3 .icoe { width: 50px; right: 0; top: -4px; }

    .anzmenxqB .enxqb ul li.li2 .nxq  { padding: 20px; }
    .anzmenxqB .enxqb ul li.li2 .nxq .xq {
        position: initial;
        padding: 0;
    }

    .anzmenxqB .enxqb ul li.li2 .icoe { width: 50px; right: -2px; top: -10px; }
    
    .anzmenxqB .bottom ul li { margin-top: 20px; }
    .anzmenxqB .bottom ul li .nxq {
        padding: 20px;
    }
    .anzmenxqB .enxqbz { display: none; }

    .anzmenxqC {
        padding: 0 0 45px;
    }
    .anzmenxqC .enxqcb { margin-top: 20px; }

    .anzmenxqC .enxqcb .swiper-slide a .xczner .c::before {
        width: 14px;
        height: 14px;
        top: 6px;
    }
    .anzmenxqC .enxqcb .swiper-slide a { border-radius: 10px; }
    .anzmenxqC .znenm { display: none; }
    .anzmenxqD { padding: 35px 0 45px; }

    .anzmenxqD .swiper-slide ul li a  {
        padding: 20px 0;
    }
    .anzmenxqD .swiper-slide ul li a .sabol { width: 100%; }
    .anzmenxqD .swiper-slide ul li a .sabol .i { display: none; }

    .anzmenxqD .swiper-slide ul li a .sabor {
        width: 100%;
        position: initial;
        transform: translateY(0);
        padding-left: 0;
        margin-top: 20px;
    }

    .anzmenxqD .swiper-slide ul li a .sabor .borl { width: 27px; }
    .anzmenxqD .swiper-slide ul li a .sabor .borl b {
        line-height: 1;
    }
    .anzmenxqD .swiper-slide ul li a .sabor .borr {
        padding-left: 0;
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
        position: initial;
        transform: translateY(0);
    }

    .anzmenxqD .swiper-slide ul li a {
        padding: 10px 0;
    }
}



/**联系我们**/
.ContactUsA {
    padding: 145px 0 0;
}


.ContactUsA .ctusal {
    width: 35%;
}

.ContactUsA .ctusal .tusznw { margin:25px 0 57px; }
.ContactUsA .ctusal .tusznw ul li {
    padding-left: 103px;
    position: relative;
    margin-bottom: 29px;
}

.ContactUsA .ctusal .tusznw ul li:last-child { margin-bottom: 0; }

.ContactUsA .ctusal .tusznw ul li .icon {
    background: rgba(24, 209, 142, 0.05);
    width: 83.69px;
    height: 83.69px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.ContactUsA .ctusal .tusznw ul li .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.ContactUsA .ctusal .tusznw ul li .wzne {
    padding: 16px 0 16px;
}

.ContactUsA .ctusal .tusznw ul li .wzne .e {
    line-height: 1.55;
    margin-top: 5px;
}

.ContactUsA .ctusar {
    width: 59.44%;
}

.ContactUsA .znenm {
    position: absolute;
    right: -13%;
    width: 46%;
    bottom: -52%;
}

.ContactUsA .container2 {
    position: relative;
    z-index: 2;
}

.ContactUsB {
    padding: 140px 0 0;
    position: relative;
    z-index: 2;
}

.ContactUsB .xenq {
    margin: 15px 0 25px;
}

.ContactUsB .layuie ul li {
    float: left;
    width: 32.62%;
    margin-right: 1.07%;
    margin-bottom: 1%;
    position: relative;
}

.ContactUsB .layuie ul li:nth-child(3n) {
    margin-right: 0;
}


.ContactUsB .layuie ul li input {
    border: 0;
    height: 66px;
    font-size: 16px;
    padding-left: 63px;
    border-radius: 10px;
    border: 1px solid rgba(216, 216, 216, 0.8);
}

.ContactUsB .layuie ul li.ine input {
    padding-left: 53px;
    border-radius: 10px;
    overflow: hidden;
}

.ContactUsB .layuie ul li input::-webkit-input-placeholder {color: rgba(34, 34, 34, 0.5);}
.ContactUsB .layuie ul li input::-moz-placeholder {color: rgba(34, 34, 34, 0.5);}
.ContactUsB .layuie ul li input:-moz-placeholder {color: rgba(34, 34, 34, 0.5);}
.ContactUsB .layuie ul li input:-ms-input-placeholder {color: rgba(34, 34, 34, 0.5);}

.ContactUsB .layuie ul li .wznedn {
    position: absolute;
    top: 50%;
    left: 18px;
    z-index: 2;
    transform: translateY(-50%);
}

.ContactUsB .layuie ul li .wznedn .ezn2 {
    display: none;
}

.ContactUsB .layuie ul li:hover .wznedn .ezn2 {
    display: inline-block;
}

.ContactUsB .layuie ul li:hover .wznedn .ezn1 {
    display: none;
}

.ContactUsB .layuie ul li .wznedn span {
    display: inline-block;
    margin-left: 10px;
    color: #C80016;
}

.layui-input:focus,
.layui-textarea:focus {
    border: 1px solid rgba(216, 216, 216, 0.8) !important;
}

.layui-input:hover,
.layui-textarea:hover  {
    border: 1px solid #18D18E !important;
}



.ContactUsB .layuie ul li .layui-form-select .layui-edge { width: 11px; height: 7px; background: url(../images/selecte.svg)no-repeat center center/cover; border-style:initial; right: 18px; }
.ContactUsB .layuie ul li .layui-form-selected .layui-edge { margin-top: -3px; }
.ContactUsB .layuie ul li .layui-form-select dl { top: 80px; }
.ContactUsB .layuie ul li .layui-form-selectup dl { top: auto; bottom: 80px; }
.ContactUsB .layuie ul li .layui-form-select dl dd.layui-this { background: #18D18E; }


.layui-form-select dl { z-index: 3; }
.ContactUsB .layuie ul li:last-child { width: 100%; margin-bottom: 0; position: relative; z-index: 0; }
.ContactUsB .layuie ul li textarea { 
    font-size: 16px;
    padding-left: 50px;
    border-radius: 10px;
    width: 100%;
    height: 140px;
    padding-top: 21px;
    resize : none;
    border: 1px solid rgba(216, 216, 216, 0.8);
}
.ContactUsB .layuie ul li textarea::-webkit-input-placeholder {color: rgba(34, 34, 34, 0.5);}
.ContactUsB .layuie ul li textarea::-moz-placeholder {color: rgba(34, 34, 34, 0.5);}
.ContactUsB .layuie ul li textarea:-moz-placeholder {color: rgba(34, 34, 34, 0.5);}
.ContactUsB .layuie ul li textarea:-ms-input-placeholder {color: rgba(34, 34, 34, 0.5);}

.ContactUsB .layuie ul li:last-child .wznedn { top: 22.5%; }

.ContactUsB .layuie .zcdlA-e {
    margin-top: 23px;
    z-index: 0;
}
.ContactUsB .layuie .zcdlA-e p {
    cursor: pointer;
    padding-left: 27px;
    font-size: 14px;
    color: #333333;
    line-height: 1;
}

.ContactUsB .layuie .zcdlA-e p .ys {
    color: #1749AA;
}

.ContactUsB .layuie .zcdlA-e .duizn {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid rgba(216, 216, 216, 0.8);
    border-radius: 5px;
    overflow: hidden;
}

.ContactUsB .layuie .zcdlA-e .duizn::before{
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    opacity: 0;
    transform: translate(-50%,-50%);
    background: url(../images/duixne.svg)no-repeat center center/cover;
}

.ContactUsB .layuie .zcdlA-e.cur .duizn {
    background: #18D18E;
    border-color: #18D18E;
}
.ContactUsB .layuie .zcdlA-e.cur .duizn::before {
    opacity: 1;
}

.ContactUsB .layuie .tjanmo {
    margin-top: 43px;
}

.ContactUsB .layuie .tjanmo button {
    display: inline-block;
    color: #222;
    padding: 16px 26px;
    border: 1px solid rgba(216, 216, 216, 0.8);
    line-height: 1.2;
    border-radius: 50px;
    transition: all 0.4s;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(40px);
    overflow: hidden;
    position: relative;
    height: auto;
    font-size: 15px;
}

.ContactUsB .layuie .tjanmo button span {
    position: relative;
    z-index: 1;
}

.ContactUsB .layuie .tjanmo button i {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    transition: all 0.4s;
    margin-left: 40px;
    position: relative;
    z-index: 0;
}

.ContactUsB .layuie .tjanmo button i:before {
    position: absolute;
    left: 50%;
    top: 41%;
    transform: translate(-50%,-50%);
    width: 530%;
    height: 430%;
    border-radius: 100px;
    content: "";
    background: #18D18E;
    z-index: 0;
    transition: all 0.4s;
}

.ContactUsB .layuie .tjanmo button i:after {
    width: 11px;
    height: 11px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.4s;
    background: url(../images/more_jt.svg) center center/cover;
    z-index: 1;
    content: "";
}

.ContactUsB .layuie .tjanmo button:hover {
    opacity: 1;
}


.ContactUsB .layuie .tjanmo button:hover {
    color: #fff;
    border: 1px solid #18D18E;
}
.ContactUsB .layuie .tjanmo button:hover i:before {
    transform: translate(-50%,-50%) scale(7);
}
.ContactUsB .layuie .tjanmo button:hover i:after {
    transform: translate(-50%,-50%) rotate(45deg);
}


.baokuewddddo {
    background: url(../images/baokuewddddo.png) no-repeat top  center/cover;
    padding-top: 20.3125vw;
    margin-top: -2vw;
    position: relative;
    z-index: 2;
}

.baokuewddddo .footer {
    background: none;
}

.ContactUsC {
    text-align: center;
    padding-bottom: 12.73958vw;
}

.ContactUsC .ddotop .bte { line-height: 1; }
.ContactUsC .ddotop .oto { display: inline-block; margin-top: 1.61458vw; width: 15.625vw; }
.ContactUsC .ddotoe { margin-top: 1.92708vw; }
.ContactUsC .ddotoe ul { display: inline-block; width: 80%; }
.ContactUsC .ddotoe ul li { float: left; width: 33.33%; border-right: 1px solid rgba(255, 255, 255, 0.3); }
.ContactUsC .ddotoe ul li:last-child { border-right: 0; }
.ContactUsC .ddotoe ul li .icon { margin-bottom: 25px; }
.ContactUsC .ddotoe ul li .icon img { height: 3.22916vw; }
.ContactUsC .ddotoe ul li .zoez { line-height: 1.4; }
.ContactUsC .ddotoe ul li .zoez .ea:nth-child(2) { margin-top: 8px; }
.ContactUsC .ddotoe ul li .zoez .ea span { color: #30DC9E;font-weight:block;  }
.ContactUsC .ddotoe .more { margin-top: 3.125vw; }


@media(max-width:1920px) {
    .ContactUsA { padding: 7.55208vw 0 0; }
    .ContactUsB { padding: 7.29166vw 0 0; }
    .baokuewddddo { padding-top: 20.3125vw; }

    .ContactUsA .znenm {
        position: absolute;
        right: -13vw;
        width: 45.83333vw;
        bottom: -21.6vw;
    }

    .ContactUsA .ctusal .tusznw { margin: 1.30208vw 0 2.96875vw; }
    .ContactUsA .ctusal .tusznw ul li { padding-left: 5.36458vw; margin-bottom: 1.51041vw; }
    .ContactUsA .ctusal .tusznw ul li .icon { width: 4.35885vw; height: 4.35885vw; }
    .ContactUsA .ctusal .tusznw ul li .icon img{ width: 1.61458vw; }
    .ContactUsA .ctusal .tusznw ul li .wzne { padding: 0.83333vw 0; }
    


    .ContactUsC {
        padding-bottom: 9.73958vw;
    }
}

@media(max-width:1500px) {
    .ContactUsB .xenq { width: 70%; }
    .ContactUsA .znenm {
        right: -15vw;
        bottom: -25.6vw;
    }

    .ContactUsB .layuie ul li input {
        height: 56px;
    }

    .ContactUsB .layuie ul li textarea {
        height: 120px;
    }

    .ContactUsB .layuie ul li:last-child .wznedn {
        top: 26.3%;
    }
    .ContactUsC .ddotoe ul li .zoez .ea{ font-size: 1.16vw; }
    
}

@media(max-width:1280px) {
    .ContactUsA .ctusal .tusznw ul li .icon {
        width: 70px;
        height: 70px;
    }

    .ContactUsA .ctusal .tusznw ul li .icon img { width: 25px; }
    .ContactUsA .ctusal .tusznw ul li { padding-left: 90px; }
    .ContactUsA .ctusal .tusznw ul li .wzne { padding: 13px 0; }

    .ContactUsB .layuie ul li input { font-size: 14px; }
    .ContactUsB .layuie ul li textarea { font-size: 14px; }
    .ContactUsB .layuie ul li:last-child .wznedn {
        top: 25.5%;
    }
}



@media(max-width:1100px) {
    .ContactUsA { padding: 35px 0 0; }
    .ContactUsA .ctusal { width: 100%; }
    .ContactUsA .ctusal .tusznw { margin: 10px 0 20px; }
    .ContactUsA .ctusal .tusznw ul li { margin-bottom: 20px; }
    .ContactUsA .ctusar { width: 100%; margin-top: 30px; }
    .ContactUsA .znenm { display: none; }

    .ContactUsB { padding-top: 35px; }
    .ContactUsB .xenq { width: 100%; }
    .ContactUsB .xenq { margin: 10px 0 20px; }
    .ContactUsB .layuie ul li { width: 100%; margin-right: 0; margin-bottom: 20px; }
    .ContactUsB .layuie ul li input { height: 45px; }
    .ContactUsB .layuie ul li .layui-form-select dl { top: 60px; }
    .ContactUsB .layuie ul li .layui-form-selectup dl { bottom: 60px; }    

    .ContactUsB .layuie ul li textarea { padding-top: 15px; }
    .ContactUsB .layuie ul li:last-child .wznedn {
        top: 21.5%;
    }
    .ContactUsB .layuie .tjanmo {
        margin-top: 30px;
    }

    .baokuewddddo {
        padding: 0;
        margin-top: -27vw;
    }
    .ContactUsC {
        padding:55vw 0 45px;
    }
    .ContactUsC .ddotop .oto { width: 130px; margin-top: 15px; }
    .ContactUsC .ddotoe { margin-top: 0; }
    .ContactUsC .ddotoe ul { width: 100%; padding: 0 20px; }
    .ContactUsC .ddotoe ul li { width: 100%; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 20px 0; }
    .ContactUsC .ddotoe ul li:last-child { border-bottom: 0; }
    .ContactUsC .ddotoe ul li .icon img { height: 40px; }
    .ContactUsC .ddotoe ul li .icon { margin-bottom: 15px; }
    .ContactUsC .ddotoe .more { margin-top: 5px; }
}




/**电池银行**/
.BatteryBankA { padding-top: 15px; }
.BatteryBankA .container2 { padding-top: 90px; }
.BatteryBankA .banak .wnzeo .kuane { width: 68%; }
.BatteryBankA .banak .wnzeo .z { margin: 22px 0 21px; }
.BatteryBankA .banak .wnzeo .o { line-height: 1.8; margin-top: 11px; }
.BatteryBankA .banak .wnzeo .wnze { position: absolute; right: -10%; bottom: 23px; width: 125%; }
.BatteryBankA .paanak { margin-top: 34px; }
.BatteryBankA .paanak ul { display: flex; flex-wrap: wrap; }
.BatteryBankA .paanak ul li { float: left; margin-right: 1.5%; width: 32.3%; position: relative; overflow: hidden; }
.BatteryBankA .paanak ul li:last-child { margin-right: 0; }
.BatteryBankA .paanak ul li .om { line-height: 1; position: relative; display: inline-block; padding-bottom: 17px; }
.BatteryBankA .paanak ul li .om::before {
    position: absolute;
    bottom: 0;
    content: "";
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(270deg, #18D18E 0%, #1963CE 100%);
}

.BatteryBankA .paanak ul li .tome { opacity: 1; transition: all .5s; }
.BatteryBankA .paanak ul li .tome .icon { text-align: right; padding-right: 30px; }
.BatteryBankA .paanak ul li .tome .icon img { height: 109px; width: 95px; margin-top: -15px; }
.BatteryBankA .paanak ul li .tome .ot { line-height: 1.66; padding: 0 42px; margin-top: 27px; } 
.BatteryBankA .paanak ul li .tome .baoguo { background: #F5F8FD; margin-top: 24px; border-radius: 10px; overflow: hidden;  padding-bottom: 43px; }

.BatteryBankA .paanak ul li .bome {
    background: linear-gradient(180deg, #18D18E 0%, #1963CE 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    padding: 48px 0 0 0;
    left: -100%;
    transition: all .5s;
}
.BatteryBankA .paanak ul li .bome .om::before { background: #fff; }

.BatteryBankA .paanak ul li .bome .bomeq { padding: 0 30px; }
.BatteryBankA .paanak ul li .bome .bomeq  .ot { line-height: 1.66; margin-top: 23px; }

.BatteryBankA .paanak ul li .bome .icon { text-align: right; padding-right: 30px; position: absolute; bottom: 0; width: 100%; bottom: 0; }
.BatteryBankA .paanak ul li:nth-child(2) .bome .icon { bottom: -5px; }
.BatteryBankA .paanak ul li:nth-child(3) .bome .icon { bottom: -7px; }
.BatteryBankA .paanak ul li .bome .icon img { height: 109px; width: 95px; }


.BatteryBankA .paanak ul li:hover .tome { opacity: 0; }
.BatteryBankA .paanak ul li:hover .bome { left: 0; } 

.BatteryBankB { padding: 180px 0 70px; position: relative; }
.BatteryBankB .before {
    position: absolute;
    top: 5%;
    left: -9.5%;
    width: 46%;
    background: url(../images/eryBankB.png)no-repeat center center/cover;
}
.BatteryBankB .bankb .xiaoqice { border-bottom: 1px solid #D8D8D8; position: relative; width: 79.44%; height: 62px; }
.BatteryBankB .bankb .xiaoqice::before {
    position: absolute;
    content: "";
    left: 0;
    height: 3px;
    width: 23%;
    bottom: 0;
    border-radius: 20px;
    bottom: -2px;
    background: linear-gradient(270deg, #18D18E 0%, #1963CE 100%);
    transition: all 3s;
}
.BatteryBankB .bankb .xiaoqice .moxing { line-height: 1; position: absolute; bottom: 0; left: 0; width: 192px; height: 58px; transition: all 3s; }
.BatteryBankB .bankb.active .xiaoqice .moxing { width: 100%; }
.BatteryBankB .bankb.active .xiaoqice::before { width: 100%; }
.BatteryBankB .bankb .xiaoqice .moxing img { width: 192px; height: 58px; position: absolute; right: 0; top: 0; }

.BatteryBankB .bankb .wznenm { text-align: right; }
.BatteryBankB .bankb .wznenm .enmr .fie { line-height: 2; padding-top: 55px; margin-bottom: 36px; position: relative; }
.BatteryBankB .bankb .wznenm .enmr .fie::before {
    position: absolute;
    content: "";
    width: 126px;
    height: 92px;
    bottom: 0;
    left: -172px;
    background: url(../images/dianwmem.svg)no-repeat center center/cover;
}

.BatteryBankB .pankp { height: 695px; margin-top: 29px; }
.BatteryBankB .pankp ul { height: 100%; }
.BatteryBankB .pankp ul li { float: left; width: 20%; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.2); height: 100%; position: relative; }
.BatteryBankB .pankp ul li:last-child { border-right: 0; }
.BatteryBankB .pankp ul li .moren { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; opacity: 1; transition: all .4s; }
.BatteryBankB .pankp ul li .moren .icon { height: 44px; }
.BatteryBankB .pankp ul li .ren { font-weight: bold; } 
.BatteryBankB .pankp ul li .moren .ren { line-height: 1; margin-top: 28px; }
.BatteryBankB .pankp ul li .moreu { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; background: rgba(24, 209, 142, 0.8); height: 100%; opacity: 0; transition: all .6s; } 
.BatteryBankB .pankp ul li .moreu::before {
    position: absolute;
    content: "";
    background: url(../images/moreues.png)no-repeat center center/cover;
    width: 16.25vw;
    height: 14.21875vw;
    bottom: -7.39583vw;
    left: 0;
}
.BatteryBankB .pankp ul li .moreu .reu { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; }
.BatteryBankB .pankp ul li .moreu .icon { height: 44px; margin-bottom: 28px; }
.BatteryBankB .pankp ul li .moreu .wxnen { line-height: 1.6875; margin-top: 9px; }
.BatteryBankB .pankp ul li .moreu .wxnen p:nth-child(n+2) {
    margin-top: 10px;
}

.BatteryBankB .pankp ul li:hover .moreu { opacity: 1; } 
.BatteryBankB .pankp ul li:hover .moren { opacity: 0; } 

@media(max-width:1920px) {
    .BatteryBankA .container { padding-top: 4.6875vw; }
    .BatteryBankA .banak .wnzeo .z { margin: 1.14583vw 0 1.09375vw; }
    .BatteryBankA .banak .wnzeo .wnze { bottom: 1.19791vw; }
    .BatteryBankA .paanak { margin-top: 1.77083vw; }
    .BatteryBankA .paanak ul li .om { padding-bottom: 0.88541vw; }

    .BatteryBankA .paanak ul li .tome .icon { padding-right: 1.5625vw; }
    .BatteryBankA .paanak ul li .tome .icon img { height: 5.67708vw; width: 4.94791vw; margin-top: -0.78125vw; }
    .BatteryBankA .paanak ul li .tome .ot { padding: 0 2.1875vw; margin-top: 1.40625vw; } 
    .BatteryBankA .paanak ul li .tome .baoguo { margin-top: 1.25vw; padding-bottom: 2.23958vw; }

    .BatteryBankA .paanak ul li .bome { padding: 2.5vw 0 0; }
    .BatteryBankA .paanak ul li .bome .bomeq { padding: 0 1.5625vw; }
    .BatteryBankA .paanak ul li .bome .bomeq  .ot { line-height: 1.66; margin-top: 1.19791vw; }

    .BatteryBankA .paanak ul li:nth-child(2) .bome .icon { bottom: -0.26041vw; }
    .BatteryBankA .paanak ul li:nth-child(3) .bome .icon { bottom: -0.36458vw; }
    .BatteryBankA .paanak ul li .bome .icon { padding-right: 1.5625vw; }
    .BatteryBankA .paanak ul li .bome .icon img { height: 5.67708vw; width: 4.94791vw;  }




    .BatteryBankB { padding: 9.375vw 0 3.64583vw; }
    .BatteryBankB .before {
        top: 3.2vw;
        left: -10vw;
        width: 45.83333vw;
    }
    .BatteryBankB .bankb .xiaoqice { height: 3.22916vw; }
    .BatteryBankB .bankb .xiaoqice .moxing { width: 10vw; height: 3.02083vw; }
    .BatteryBankB .bankb .xiaoqice .moxing img { width: 10vw; height: 3.02083vw; }
    
    .BatteryBankB .bankb .wznenm .enmr .fie { padding-top: 2.86458vw; margin-bottom: 1.875vw; }
    .BatteryBankB .bankb .wznenm .enmr .fie::before {
        width: 6.5625vw;
        height: 4.79166vw;
        left: -8.95833vw;
    }
    
    .BatteryBankB .pankp { height: 36.19791vw; margin-top: 1.51041vw; }
    .BatteryBankB .pankp ul li .moren .icon { height: 2.29166vw; }
    .BatteryBankB .pankp ul li .moren .ren { margin-top: 1.45833vw; }
    .BatteryBankB .pankp ul li .moreu::before {
        width: 16.25vw;
        height: 14.21875vw;
        bottom: -7.39583vw;
    }
    .BatteryBankB .pankp ul li .moreu .icon { height: 2.29166vw; margin-bottom: 1.45833vw; }
    .BatteryBankB .pankp ul li .moreu .wxnen { margin-top: 0.46875vw; }

}



@media(max-width:1200px) {
    .BatteryBankA .banak .wnzeo .wnze { bottom: 2.19791vw; right: -9%; width: 110%; }
}

@media(max-width:1100px) {
    .BatteryBankA .container2 {
        padding-top: 0;
    }
    .BatteryBankA { padding: 35px 0 0; }
    .BatteryBankA .banak .wnzeo .wnze { display: none; }
    .BatteryBankA .banak .wnzeo .z { margin: 10px 0 15px; }
    .BatteryBankA .banak .wnzeo .kuane { width: 100%; }
    .BatteryBankA .paanak { margin-top: 20px; }
    .BatteryBankA .paanak ul li { width: 100%; margin-bottom: 23px; }
    .BatteryBankA .paanak ul li:last-child { margin-bottom: 0; }
    .BatteryBankA .paanak ul li .om { padding-bottom: 15px; }
    .BatteryBankA .paanak ul li .tome .baoguo { margin-top: 20px; padding-bottom: 20px; }
    .BatteryBankA .paanak ul li .tome .ot { padding: 0 20px; margin-top: 15px; }
    .BatteryBankA .paanak ul li .tome .icon img { width: 55px; height: 55px; margin-top: -5px; }
    .BatteryBankA .paanak ul li .bome { padding-top: 20px; }
    .BatteryBankA .paanak ul li .bome .bomeq { padding: 0 20px; }
    .BatteryBankA .paanak ul li .bome .bomeq .ot { margin-top: 20px; }

    .BatteryBankB { padding: 35px 0 45px; }
    .BatteryBankB .before { display: none; }
    .BatteryBankB .bankb .xiaoqice .moxing img { width: 100px; height: 30px; }
    .BatteryBankB .bankb .xiaoqice .moxing { width: 100px; height: 30px; }
    .BatteryBankB .bankb .xiaoqice { height: 30px; width: 100%; }
    .BatteryBankB .bankb .wznenm .enmr { text-align: left; }
    .BatteryBankB .bankb .wznenm .enmr .fie { line-height: 1.6; margin-bottom: 20px; padding-top: 15px; }
    .BatteryBankB .bankb .wznenm .enmr .fie br { display: none; }
    .BatteryBankB .pankp { height: 280vw; margin-top: 25px; }
    .BatteryBankB .pankp ul li { width: 100%; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); height: 20%; }
    .BatteryBankB .pankp ul li:last-child { border-bottom: 0; }

    .BatteryBankB .pankp ul li .moreu .icon,
    .BatteryBankB .pankp ul li .moren .icon { height: 44px; margin-bottom: 15px; }
    .BatteryBankB .pankp ul li .moreu .icon img,
    .BatteryBankB .pankp ul li .moren .icon img { height: 44px; }
    .BatteryBankB .pankp ul li .moreu .wxnen { margin-top: 5px; }
    .BatteryBankB .pankp ul li .moren .ren { margin-top: 5px; }
}




/**发展历程**/
.guobnuquse .swiper-slide .img::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    z-index: 2;
    opacity: 0.7;
}
.guobnuquse .swiper-slide .text  { top: 23%; }
.guobnuquse .swiper-slide .text .bt span { color: #18D18E; }

.developlcA { padding: 149px 0 0; }
.developlcA .container2 { position: relative; z-index: 2; }
.developlcA .oplenan { position: absolute; right: 0; bottom: -28px; }
.developlcA .plcabt { margin-bottom: 40px; }

.developlcA .swiper-container {
    padding-bottom: 120px;
    position: relative;
    z-index: 5;
}

.servicesC-d {
    padding-right: 3vw;
}

.developlcA .swiper-slide .servicesC-d {
    position: relative;
    transition: all 0.6s;
    transform: scale(0.75);
}

.developlcA .swiper-slide-active .servicesC-d {
    transition: all 0.6s;
    transform: scale(1);
    opacity: 1;
}

.servicesC-e {
    /*height: 0px;*/
    margin-top: 29px;
    opacity: .3;
}

.duoyu {
    padding: 0;
    border: 1px solid #fff;
    border-radius: 20px;
    transition: all .5s;
}

.swiper-slide-active:hover .duoyu{
    padding: 20px;
    border: 1px solid #D8D8D8;
    border-radius: 20px;
}




.developlcA .swiper-slide {
    margin-top: -8px;
}

.developlcA .swiper-slide-active {
    margin-top: 0;
}

.developlcA .swiper-slide .sznerb { margin-top: 8px; height: 118px; overflow-y: auto; overflow-x: hidden; padding-right: 15px; }
.developlcA .swiper-slide .sznerb::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}

.developlcA .swiper-slide .sznerb::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    /* border-radius: 5px; */
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    background: #18D18E;
}

.developlcA .swiper-slide .sznerb::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .1);
    border-radius: 0;
    background: rgba(216, 216, 216, 0.4);
}
.developlcA .swiper-slide .sznerb .li { margin-bottom: 10px; }
.developlcA .swiper-slide .sznerb .li .l { width: 93px; line-height: 1.375; }
.developlcA .swiper-slide .sznerb .li .r { width: calc(100% - 93px); line-height: 1.375; }



.developlcA .swiper-slide-next+.swiper-slide {
    left: -5vw;
}

.developlcA .swiper-slide .img { position: relative; }
.developlcA .swiper-slide .img:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.7);
    z-index: 1;
}
.developlcA .swiper-slide-active .img:after  {
    opacity: 0;
}

.developlcA .swiper-slide-active .servicesC-e {
    opacity: 1;
}

.developlcA .zkhjbnbn::before {
    content: '';
    width: 200%;
    position: absolute;
    left: -30%;
    top: 11.1vw;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    z-index: 2;
}
.developlcA .zkhjbnbn .aftere {
    z-index: 2;
    width: 104%;
    position: absolute;
    left: -50%;
    top: 11.1vw;
    height: 1px;
    background: linear-gradient(270deg, #18D18E 0%, #1963CE 100%);
}

.developlcA .zkhjbnbn .aftere::before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    opacity: 1;
    background: #18D18E;
    border-radius: 50%;overflow: hidden;
}

.developlcA .swiper-container { position: relative; z-index: 5; }


.developlcA .swiper-pagination { position: initial; line-height: 0; }
.developlcA .swiper-pagination .swiper-pagination-bullet { width: 40px; height: 40px; position: relative; background: none; opacity: 1; }
.developlcA .swiper-pagination .swiper-pagination-bullet::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 0px;
    height: 0px;
    border: 2px solid #18D18E;
    border-radius: 50%;
    overflow: hidden;
    transform: translate(-50%,-50%);
    transition: all .5s;
}
.developlcA .swiper-pagination .swiper-pagination-bullet::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    overflow: hidden;
    background: #999999;
    transform: translate(-50%,-50%);
    transition: all .5s;
}


.developlcA .swiper-pagination .swiper-pagination-bullet-active::before { width: 100%; height: 100%; }
.developlcA .swiper-pagination .swiper-pagination-bullet-active::after { background: #18D18E; }

.developlcA .znenm {
    position: absolute;
    right: -8.5%;
    width: 45%;
    bottom: -6%;
    z-index: -1;
}



.developlcB { padding:150px 0 142px; }
.developlcB .oplcb .anznee { position: absolute; right: 0; bottom: 3px; }
.developlcB .oplcb .anznee ul li { border: 1px solid #D8D8D8; cursor: pointer; color: #333333; padding: 0 48px; height: 56px; line-height: 54px; border-radius: 100px; float: left; margin-right: 10px; transition: all .5s; }
.developlcB .oplcb .anznee ul li:last-child { margin-right: 0; }
.developlcB .oplcb .anznee ul li.cur,
.developlcB .oplcb .anznee ul li:hover { background: #18D18E; border-color: #18D18E; color: #fff; }
.developlcB .oplcp .box { border: 1px solid #D8D8D8; padding: 20px 53px 20px 20px; }
.developlcB .oplcp .box .swiper-container { overflow: hidden; position: relative; }
.developlcB .oplcp .box .swiper-container .imge { width: 53%; float: left; }
.developlcB .oplcp .box .swiper-container .opzne { width: 41%; float: left; right: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.developlcB .oplcp .box .swiper-container .clearfix { position: relative; }
.developlcB .oplcp .box .swiper-container .titlew .bt { margin-top: 2px; }
.developlcB .oplcp .box .swiper-container .icon { margin: 48px 0 20px; }
.developlcB .oplcp .box .swiper-container .zneb { line-height: 1.8; margin-top: 10px; }
.developlcB .oplcp .box .swiper-container .anzmen { margin-top: 55px; }

.developlcC { background: url(../images/developlcC.png)no-repeat center center/cover #fff; padding: 228px 0 168px; }
.developlcC .plccl { padding-top: 30px; width: 42%; }
.developlcC .plccl .anzmenm { margin-top: 50px; }
.developlcC .plccl .anzmenm ul {
    border-left: 1px solid #D8D8D8;
}

.developlcC .plccl .anzmenm ul li { padding-left: 30px; position: relative; margin-bottom: 56px; }
.developlcC .plccl .anzmenm ul li.curter::before {
    position: absolute;
    top: 0;
    content: "";
    width: 3px;
    left: -2px;
    height: 100%;
    background: linear-gradient(0deg, #18D18E 0%, #1963CE 33%, rgba(25, 99, 206, 0) 100%);
    transition: all .5s;
}
.developlcC .plccl .anzmenm ul li:last-child { margin-bottom: 0; }
.developlcC .plccl .anzmenm ul li .t { font-size: 28px; color: rgba(21, 24, 97, 0.3); font-weight: bold; line-height: 1; transition: all .5s; }
.developlcC .plccl .anzmenm ul li .cont { padding-top: 27px; position: relative; display: none; }
.developlcC .plccl .anzmenm ul li .cont .e {
    line-height: 1.8;
}
.developlcC .plccl .anzmenm ul li .cont .e span { color: #18D18E; }
.developlcC .plccl .anzmenm ul li .cont .q { line-height: 1.8; margin-top: 13px; }
.developlcC .plccl .anzmenm ul li.curter .t { color: #151861; }

.developlcC .prccr { width: 44.8%; }
.developlcC .prccr .ue .li { display: none; }
.developlcC .prccr .ue .li.active { display: block; }


.developlcD { padding: 50px 0 87px; }

.developlcD .ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.developlcD .ul li {
    width: 17.8%;
    margin-right: 2.81%;
    position: relative;
}

.developlcD .ul li::before {
    position: absolute;
    right: -8%;
    content: "";
    width: 1px;
    height: 100%;
    background: #D8D8D8;
}

.developlcD .ul li.cur::before { right: -3.8%; }
.developlcD .ul li:last-child:before { display: none; }


.developlcD .ul li.cur {
    width: 38.17%;
    transition: all 0.4s;
}

.developlcD .ul li:last-child { margin-right: 0; }

.developlcD .ul li .a {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.developlcD .ul li .a .img .m2 { display: none; }


.developlcD .ul li .box{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-content: space-between;
}

.developlcD .ul li .img { position: relative; }
.developlcD .ul li .img::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0) 46%);
}

.developlcD .ul li.cur .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    background: var(--bg);
    opacity: 1;
    z-index: 0;
}
.developlcD .ul li.cur .img img {
    display: none;
}

.disabled {  
    color: gray; 
    pointer-events: none; 
    cursor: not-allowed;
}

.developlcD .ul li .ceosbnx {
    position: absolute;
    bottom: 25px;
    width: 100%;
    padding: 0 30px;
    opacity: 0;
}

.developlcD .ul li.cur .ceosbnx { opacity: 1; }

.developlcD .ul li .ceosbnx .bto {
    line-height: 1.8;
    margin-top: 12px;
}

.developlcD .ul li.cur .box .bt { opacity: 0; }

.developlcD .anzmen .prev:after {
    width: 14px;
    height: 14px;
    background: url(../images/swiper_jtl.svg) center center/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%,-50%);
    transition: all 0.4s;
}

.developlcD .anzmen .next:after {
    width: 14px;
    height: 14px;
    background: url(../images/swiper_jtr.svg) center center/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%,-50%);
    transition: all 0.4s;
}

.developlcD .prev:hover:after {
    background: url(../images/swiper_jtl2.svg) center center/cover;
}

.developlcD .next:hover:after {
    background: url(../images/swiper_jtr2.svg) center center/cover;
}

.developlcD .opznene .anzmen { position: absolute; right: 0; bottom: 6px; }
.developlcD .opznene { margin-bottom: 45px; }









@media(max-width:1920px) {
    .developlcA .znenm {
        position: absolute;
        right: -12vw;
        width: 50.83333vw;
        bottom: -2.4vw;
    }


    
    .developlcA { padding: 7.76041vw 0 0; }
    .developlcA .oplenan { bottom: -1.45833vw; }
    .developlcA .plcabt { margin-bottom: 2.08333vw; }
    
    .developlcA .swiper-container {
        padding-bottom: 4.375vw;
    }
    .developlcA .swiper-slide .sznerb { height:6.14583vw; }
    
    .developlcB { padding:7.8125vw 0 7.39583vw; }
    .developlcB .oplcp .box .swiper-container .icon { margin: 2.5vw 0 1.04166vw; }
    .developlcB .oplcp .box .swiper-container .icon img { width: 2.44791vw; }
    .developlcB .oplcp .box .swiper-container .anzmen { margin-top: 2.86458vw; }
    
    .developlcC { padding: 11.875vw 0 8.75vw; }
    .developlcC .plccl { padding-top: 1.5625vw; }
    .developlcC .plccl .anzmenm { margin-top: 2.60416vw; }

    
    .developlcC .plccl .anzmenm ul li { margin-bottom: 2.91666vw; }
    .developlcC .plccl .anzmenm ul li .t { font-size: 1.45833vw; }
    
    .developlcD { padding: 2.60416vw 0 4.53125vw; }
    .developlcD .ul li .ceosbnx {
        bottom: 1.30208vw;
        padding: 0 1.5625vw;
    }
    .developlcD .opznene { margin-bottom: 2.34375vw; }
    
}

@media(max-width:1680px) {
    .developlcA .znenm {
        bottom: -1.1vw;
    }
}

@media(max-width:1500px) {
    .developlcA .swiper-pagination .swiper-pagination-bullet { width: 32px; height: 32px; }
    .developlcB .oplcb .anznee ul li { padding: 0 40px; height: 48px; line-height: 46px; }
}

@media(max-width:1100px) {
    .servicesC-d { padding-right: 0; }
    .guobnuquse .swiper-slide .text { top: 37%; }
    .developlcA { padding: 35px 0 0; }
    .developlcA .plcabt { margin-bottom: 20px; }
    .developlcA .znenm { display: none; }
    .developlcA .oplenan { bottom: 0; }
    .servicesC-e { height: auto; margin-top: 20px; }
    .developlcA .swiper-container { padding-bottom: 0; }
    .developlcA .swiper-slide .sznerb { height:118px; margin-top: 15px; }
    .developlcA .swiper-pagination { margin-top: 30px; }
    .developlcA .zkhjbnbn .aftere,
    .developlcA .zkhjbnbn::before { display: none; }
    .developlcA .swiper-pagination .swiper-pagination-bullet { width: 25px; height: 25px; }
    .developlcA .swiper-pagination .swiper-pagination-bullet-active::before { height: 20px; width: 20px; }
    
    .developlcB { padding: 35px 0 45px; }
    .developlcB .oplcb .anznee { position: initial; width: 100%; margin-top: 20px; }
    .developlcB .oplcb .anznee ul li { padding: 0; margin-right: 2%; width: 23.5%; text-align: center; height: 45px; line-height: 43px; }
    .developlcB .oplcp .box { padding: 20px; }
    .developlcB .oplcp .box .swiper-container .imge { width: 100%; }
    .developlcB .oplcp .box .swiper-container .opzne { width: 100%; position: initial; transform: translateY(0); margin-top: 25px; }
    .developlcB .oplcp .box .swiper-container .icon { margin: 15px 0 20px; }
    .developlcB .oplcp .box .swiper-container .icon img { width: 40px; }
    .developlcB .oplcp .box .swiper-container .anzmen { margin-top: 20px; }
    
    .developlcC { background: none; padding: 0 0 45px; }
    .developlcC .plccl { width: 100%; }
    .developlcC .plccl .anzmenm ul li { padding-left: 20px; margin-bottom: 25px; }
    .developlcC .plccl .anzmenm ul li .t { font-size: 20px; }
    .developlcC .plccl .anzmenm ul li .cont { padding-top: 15px; }
    .developlcC .plccl .anzmenm ul li .cont .q  { margin-top: 10px; }
    .developlcC .prccr { width: 100%; margin-top: 25px; }
    
    .developlcD { padding: 0 0 45px; }
    .developlcD .ul li { width: 100%; margin-bottom: 0; margin-right: 0; }
    .developlcD .ul li .img { width: 100%; }
    .developlcD .ul li.cur { width: 100%; }

    .developlcD .ul li.cur .img { position: initial; background: none; }
    .developlcD .ul li .box .bt { display: none; }

    .developlcD .ul li .a .img .m2 { display: block; }
    .developlcD .ul li .a .img .m1 { display: none; }
    .developlcD .ul li .a .img img { border-radius: 16px; overflow: hidden; }
    .developlcD .ul li .img::before { border-radius: 10px; z-index: 5; }
    .developlcD .ul li::before { display: none; }
    .developlcD .ul li .ceosbnx { opacity: 1; padding: 0 20px; bottom: 15px; }
    .developlcD .opznene { margin-bottom: 20px; }
    .developlcD .opznene .anzmen { display: none; }
    

}











.homeDX { overflow: hidden; height: 250vh; }
.homeD-z { z-index: 10; width: 100%; position: absolute; top:0; left: 50%; transform:translateX(-50%); }
.homeD-z2 { position: relative; height: 100vh; }
.homeD-z .img2 { position: absolute; height: calc(100vh + 10px); left: 0; top:0%; width: 100%; transform:translateY(0%); }
.homeD-z .img2 img { margin-top:-2px; transform:scale(1.0); }
.homeD-y { transition:all 0.5s; opacity: 1; z-index: 11; top: 21.2%; left: 49%;transform: translate(-50%,-50%); position: absolute;}
.homeD-y1 { text-align: center; top: 9%; }

.homeD-y2 .homeD-b { margin-top:0!important; }

.homeD-c { position: absolute; left:0; top: 0; width: 100%; z-index: 9; }

.homeDXFixed .homeD-c { position: fixed; left:0; top:0; }
.homeDXFixed .homeD-z { position: fixed; }
.homeDXFixed .homeD-y { opacity: 0; }
.homeDXFixed2 .homeD-c { position: absolute; top:auto; left:0; bottom:0; }
.homeDXFixed2 .homeD-z { position: absolute; top:auto; bottom:0; }
.homeDXFixed2 .homeD-y { opacity: 0; }

.homeD-c2 { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.homeD-c2 video { width: 100vw; position: absolute; left:0; bottom:0; object-fit: cover; }

.homeD-c .homeD-c2 .dizneo {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    opacity:0; 
}
.homeDXFixed .homeD-c.show .dizneo { opacity:1; }

.homeDXFixed .homeD-c.show { z-index: 11; }

.homeD-c .homeD-c2 .dizneo .zneobao { width: 540px; }
.homeD-c .homeD-c2 .dizneo .zneobao .title .fbt { color: #fff; }
.homeD-c .homeD-c2 .dizneo .zneobao .title .bt { color: #fff; margin-bottom: 45px; }
.homeD-c .homeD-c2 .dizneo .zneobao ul { border-left: 1px solid rgba(255, 255, 255, 0.2); }
.homeD-c .homeD-c2 .dizneo .zneobao ul li { padding-left: 30px; margin-bottom: 42px; }
.homeD-c .homeD-c2 .dizneo .zneobao ul li:last-child { margin-bottom: 0; }
.homeD-c .homeD-c2 .dizneo .zneobao ul li .t { font-weight: bold; color: #fff; line-height: 1.6; }
/*.homeD-c .homeD-c2 .dizneo .zneobao ul li .t p:last-child { margin-top: 16px; }*/
.homeD-c .homeD-c2 .dizneo .zneobao ul li .cont { line-height: 1.8; margin-top: 21px; display: none; }
.homeD-c .homeD-c2 .dizneo .zneobao ul li .cont {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 15px;
    height: 100px;
}
.homeD-c .homeD-c2 .dizneo .zneobao ul li .cont::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}

.homeD-c .homeD-c2 .dizneo .zneobao ul li .cont::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    /* border-radius: 5px; */
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    background: #18D18E;
}

.homeD-c .homeD-c2 .dizneo .zneobao ul li .cont::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .1);
    border-radius: 0;
    background: rgba(216, 216, 216, 0.4);
}
.homeD-c .homeD-c2 .dizneo .zneobao ul li.curter .t { color: #18D18E; }
.homeD-c .homeD-c2 .dizneo .zneobao ul li.curter::before {
    position: absolute;
    top: 0;
    content: "";
    width: 3px;
    left: -2px;
    height: 100%;
    background: linear-gradient(110deg, #18D18E 0%, #1963CE 33%, rgba(25, 99, 206, 0) 100%);
    transition: all .5s;
}





.qifei .zneobao { width: 100%; }
.qifei .zneobao .title .fbt { color: #222; }
.qifei .zneobao .title .bt { color: #222; margin-bottom: 20px; }
.qifei .zneobao ul { border-left: 1px solid rgba(0, 0, 0, 0.2); }
.qifei .zneobao ul li { padding-left: 20px; margin-bottom: 20px; }
.qifei .zneobao ul li:last-child { margin-bottom: 0; }
.qifei .zneobao ul li .t { font-weight: bold; color: #222; line-height: 1; }
.qifei .zneobao ul li .t p:last-child { margin-top: 5px; }
.qifei .zneobao ul li .cont { line-height: 1.8; margin-top: 15px; display: none; }
.qifei .zneobao ul li.curter .t { color: #18D18E; }
.qifei .zneobao ul li.curter::before {
    position: absolute;
    top: 0;
    content: "";
    width: 3px;
    left: -2px;
    height: 100%;
    background: linear-gradient(110deg, #18D18E 0%, #1963CE 33%, rgba(25, 99, 206, 0) 100%);
    transition: all .5s;
}

.noubanner .swiper-slide .img { position:relative; }
.noubanner .swiper-slide .img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: .5;
    z-index: 2;
}



@media(max-width: 1920px){
	.homeD-a img { height: 2.4vw; }
	/*.homeD-y { top: 270px; }*/
}

@media(max-width: 1100px){
    .qifei .zneobao ul li .t { line-height:1.5; } 
    
	.homeDX { padding: 50px 0 0px; overflow: hidden; height: auto; }

	.homeD-y1 { position: relative; top:auto; z-index: 5; }

	.homeD-a img { height: auto; width: 80%; }
	.homeD-z2 { height: auto; display:none; }
	.homeD-z .img2 { display:none; }
	.homeD-z,.homeD-c { position: relative; top:auto; left:0; transform:translateY(0); }
	.homeD-c2 { height: auto; margin-top:30px; }
	.homeD-c2 video { position: relative; width: 100%; }


	.homeD-z { display:none; }
	.homeDXFixed .homeD-c { position: relative; left:0; top:0; }
	.homeDXFixed .homeD-z { position: relative; }
	.homeDXFixed .homeD-y { opacity: 0; }
	.homeDXFixed2 .homeD-c { position: relative; top:auto; left:0; bottom:0; }
	.homeDXFixed2 .homeD-z { position: relative; top:auto; bottom:0; }
	.homeDXFixed2 .homeD-y { opacity: 0; }

    .homeD-y1 { display: none; }
    .homeD-y { display: none; }
    .homeD { display: none; }

    .footer{
       background: linear-gradient(180deg, #1963CE 0%, #1963CE 57%, #151861 100%);
    }
}








/**搜索结果页**/
.sousuoguo { padding: 155px 0 43px; }
.sousuoguo .suoguo .ewsar {
    position: absolute;
    bottom: 6px;
    right: 0;
}

.sousuoguo .suoguo .ewsar .inp {
    border-radius: 100px;
    width: 486px;
    height: 56px;
    border: 1px solid rgba(216, 216, 216, 0.8);
    font-size: 16px;
    padding: 0 50px 0 22px;
    color: rgba(102, 102, 102, 0.6);
}
.sousuoguo .suoguo .ewsar .inp ::placeholder{ color: rgba(102, 102, 102, 0.6); }

.sousuoguo .suoguo .ewsar .sub {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 100px;
    width: 139px;
    height: 56px;
    color: #fff;
    font-size: 16px;
    padding-left: 65px;
    background: url(../images/ggthb.svg) no-repeat 41px center #18D18E;
    background-size: 15px 15px;
    text-align: left;
}

.sousuoguo .snogno { margin-top: 32px; }
.sousuoguo .snogno ul li { margin-bottom: 20px; }
.sousuoguo .snogno ul li:last-child { margin-bottom: 0; }

.sousuoguo .snogno ul li a {
    display: block;
    border: 1px solid #D8D8D8;
    border-radius: 20px;
    overflow: hidden;
    padding: 37px 40px;
    position: relative;
    transition: all .4s;
    background: #fff;
}

.sousuoguo .snogno ul li a .noon {
    width: 80%;
    transition: all .4s;
}

.sousuoguo .snogno ul li a .noon .ona {
    border-bottom: 1px solid #fff;
    width: 60%;
}

.sousuoguo .snogno ul li a .noon .onb {
    line-height: 1.625;
    margin-top: 10px;
}

.sousuoguo .snogno ul li a .i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 44px;
    border-radius: 100px;
    content: "";
    border: 1px solid rgba(62, 58, 57, 0.3);
    transition: all 0.4s;
}

.sousuoguo .snogno ul li a .i:after {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.4s;
    background: url(../images/more_jtq.svg) center center/cover;
    z-index: 1;
    content: "";
    transition: all 0.4s;
}

.sousuoguo .snogno ul li:hover a { background: rgba(25, 99, 206, 0.03); border-color: rgba(25, 99, 206, 0.03); }
.sousuoguo .snogno ul li:hover a .i { background: #1963CE; }
.sousuoguo .snogno ul li:hover a .i::after { background: url(../images/more_jt.svg) center center/cover; }
.sousuoguo .snogno ul li:hover a .noon .ona {
    border-bottom: 1px solid #1963CE;
    color: #1963CE;
}

@media(max-width:1280px) {
    .sousuoguo .suoguo .ewsar .inp,
    .sousuoguo .suoguo .ewsar .sub { height: 50px; }
    
}


@media(max-width:1100px) {
    .sousuoguo { padding: 90px 0 45px; }
    .sousuoguo .snogno ul li a {
        padding: 20px;
    }
    .sousuoguo .suoguo .ewsar {
        position: initial;
        width: 100%;
        margin-top: 15px;
    }
    .sousuoguo .suoguo .ewsar .inp {
        width: 100%;
        height: 45px;
        font-size: 14px;
    }
    .sousuoguo .suoguo .ewsar .sub {
        height: 45px;
        font-size: 14px;
        line-height: 45px;
        background-size: 13px 13px;
        background: url(../images/ggthb.svg) no-repeat 41px 15px #18D18E;
    }
    .sousuoguo .snogno { margin-top: 25px; }
    .sousuoguo .snogno ul li a .i {
        width: 44px;
        height: 34px;
    }
    .sousuoguo .snogno ul li a .i:after {
        width: 8px;
        height: 8px;
    }
}

.cuensd { border-bottom: 1px solid #D8D8D8; }
.cuensd.fixed-head { border-bottom:0; }
.cuensd .logo .m2 {
    display: block;
}
.cuensd .logo .m1 {
    display: none;
}
.cuensd .ul li > a {
    color: #3D3D3D;
}
.cuensd .sousuo .m2 {
    display: block;
}
.cuensd .sousuo .m1 {
    display: none;
}

.cuensd .yuyan .bt {
    color: #3D3D3D;
}
.cuensd .yuyan .bt:before {
    background: url(../images/header_qqa.svg) center center/cover;
}

.cuensd .yuyan .bt:after {
    background: url(../images/header_jta.svg) center center/cover;
}







/**新增主营副本**/
.kanpoannn { position: relative; z-index: 2; }
.gingtrbfuben { padding: 112px 0 0; }
.gingtrbfuben .fubentop {
    margin-bottom: 45px;
}
.gingtrbfuben .fubentop .entopl {
    width: 26%;
}
.gingtrbfuben .fubentop .entopr {
    width: 68%;
    padding-top: 10px;
}
.gingtrbfuben .fubentop .entopr .opa {
    line-height: 1.8;
    margin-bottom: 15px;
}

.gingtrbfuben .fubentop .entopr .opb {
    line-height: 2;
}

.gingtrbfuben .fubentop .entopr .opb p span {
    font-weight: bold;
}

.gingtrbfuben .fubentop .entopr .opb p:nth-child(n+2){
    margin-top: 15px;
}

.gingtrbfubena {
    padding-top: 95px;
}



.baoguonasn {
    background: url(../images/baoguonasn.png)no-repeat top center/cover;
    position: relative;
    margin-top: -375px;
    padding-top: 490px;
}

.dianzafubenb { text-align: center; }
.dianzafubenb .title .bt { color: #fff; }
.dianzafubenb .fubenntbott { margin-top: 53px; }
/*.dianzafubenb .fubenntbott ul { display: flex; flex-wrap: wrap; }*/
.dianzafubenb .fubenntbott ul { overflow:height; }
.dianzafubenb .fubenntbott ul li { height:auto; float: left; width: 24.15%; padding: 105px 20px 103px 0; margin-right: 1.13%; background: rgba(25, 99, 206, 0.6); backdrop-filter: blur(10px); border: 1.5px solid rgba(255, 255, 255, 0.2); border-radius: 16px; }
.dianzafubenb .fubenntbott ul li:last-child { margin-right: 0; }
.dianzafubenb .fubenntbott ul li:nth-child(2n) { background: #fff; border-color: #fff; }
.dianzafubenb .fubenntbott ul li .icon { backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.1); display: inline-block; width: 110px; height: 110px; border-radius: 50%; }
.dianzafubenb .fubenntbott ul li .icon::before {
    position: absolute;
    content: "";
    width: 126px;
    height: 126px;
    border-radius: 50%;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 2px solid rgba(255, 255, 255, 0.1);
}
.dianzafubenb .fubenntbott ul li .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.dianzafubenb .fubenntbott ul li:nth-child(2n) .icon { background: rgba(25, 99, 206, 0.1); }
.dianzafubenb .fubenntbott ul li:nth-child(2n) .icon::before { border: 2px solid rgba(25, 99, 206, 0.1); } 
.dianzafubenb .fubenntbott ul li .nnez { line-height: 1.33; margin-top: 30px; }
.dianzafubenb .fubenntbott ul li .xnwbeb { margin-top:25px; }
.dianzafubenb .fubenntbott ul li:nth-child(2n) .xnwbeb { color:#151861; }
.dianzafubenb .fubenntbott ul li.cue { padding-top:70px; }
 
.dianzafubenb .fubennboee { margin-top: 100px; }
.dianzafubenb .fubennboee ul { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 200px; display: flex; flex-wrap: wrap; padding: 44px 0 45px; }
.dianzafubenb .fubennboee ul li { float: left; border-right: 1px solid rgba(255, 255, 255, 0.1); width: 16.66%; text-align: center; padding:0 20px; }
.dianzafubenb .fubennboee ul li:last-child { border: 0; }
.dianzafubenb .fubennboee ul li .icon img { height: 40px; }
.dianzafubenb .fubennboee ul li .ea { font-weight: bold; margin-top: 15px; }
.dianzafubenb .fubennboee ul li .eb { color: rgba(255, 255, 255, 0.8); margin-top: 5px; }


.baoguonasn .footer { background: none; }
.baoguonasn .footer .top { padding-top: 155px; }

.logo {
    position: relative;
    z-index: 2;
}
.header .moe {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    display: none;
    top: 73px;
}
.header .haipa {  background: #FFFFFF;border-top: 1px solid #D8D8D8; }
.header .moe ul li a { display: block; color: #3D3D3D; padding: 32px 0; line-height: 1;  transition: all .5s; }
.header .moe ul li a:hover { color: #18D18E; }
.header ul li:hover .moe {
    display: block;
    animation: xiala2 0.4s linear 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}

@-webkit-keyframes xiala2 {
    0% {
        opacity: 0;
        
    }
    100% {
        opacity: 1;
    }
}

@keyframes xiala2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.xnamnenene {
    position: fixed;
    width: 100%;
    left: 0;
    top: 73px;
    display: none;
    transition: all 0.4s;
}
.header ul li:hover .xnamnenene {
    display: block;
    animation: xiala2 0.4s linear 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
 
.xnamnenene .tuixiaba .flex {
    border-top: 1px solid #D8D8D8;
    display: flex;
    flex-wrap: wrap;
}

.xnamnenene .enenl {
    width: 33.54%;
    padding: 92px 62px 0 242px;
    background: #F7FBFF;
}

.xnamnenene .enenl .ule .li {
    color: rgba(25, 99, 206, 0.2);
    line-height: 1;
    margin-bottom: 31px;
    transition: all .4s;
    cursor: pointer;
    display: block;
    font-weight: bold;
}

.xnamnenene .enenl .ule .li.cur { color: #1963CE; }


.xnamnenene .enenr {
    width: 66.46%;
    padding: 60px 255px 80px 0;
    background: #fff;
    border-left: 3px solid rgba(0, 57, 123, 0.06);
}
.xnamnenene .enenr .box {
    width: 100%;
}

.xnamnenene .enenr .nensnl {
    width: 35%;
    display: block;
}

.xnamnenene .enenr .nensnl .e {
    width: 100%;
    margin-bottom: 15px;
}

.xnamnenene .enenr .nensnl .e a {
    display: block;
    padding-left: 28px;
    line-height: 1.5;
    color: #3D3D3D;
    position: relative;
    transition: all .4s;
}

.xnamnenene .enenr .nensnl .e.cur a {
    color: #18D18E;
}

.xnamnenene .enenr .nensnl .e a::before {
    position: absolute;
    content: "";
    top: 3px;
    left: -3px;
    height: 20px;
    width: 3px;
    opacity: 0;
    background: #18D18E;
    transition: all .4s;
}

.xnamnenene .enenr .nensnl .e.cur a::before {
    opacity: 1;
}

.xnamnenene .enenr .nensnr {
    width: 62.5%;
}

.header:hover { background:#fff; }
.header:hover .logo .m1 { display:none; }
.header:hover .logo .m2 { display:block; }
.header:hover .ul li > a {
    color: #3D3D3D;
} 
.header:hover .sousuo .m1 {
    display: none;
}
.header:hover .sousuo .m2 {
    display: block;
}
.header:hover .yuyan .bt {
    color: #3D3D3D;
}
.header:hover .yuyan .bt:before {
    background: url(../images/header_qqa.svg) center center/cover;
}
.header:hover .yuyan .bt:after {
    background: url(../images/header_jta.svg) center center/cover;
}
.header:hover .ul li > a:before {
    background: #3D3D3D;
}

.wocaozmne {
    overflow: hidden;
}

.exionxm {
    width: 54px;
    height: 44px;
    border: 1px solid #D8D8D8;
    border-radius: 100px;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    left: auto;
    bottom: auto;
    transition: all 0.4s;
}

.exionxml {
    left: -80px;
    right: auto;
}

.exionxmr {
    right: -80px;
    left: auto;
}

.exionxml:after {
    width: 14px;
    height: 14px;
    background: url(../images/swiper_jtl2.svg) center center/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%,-50%);
    transition: all 0.4s;
}

.exionxmr:after {
    width: 14px;
    height: 14px;
    background: url(../images/swiper_jtr2.svg) center center/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%,-50%);
    transition: all 0.4s;
}

.exionxmr:hover:after {
    background: url(../images/swiper_jtr2.svg) center center/cover;
}

.exionxml:hover:after{
    background: url(../images/swiper_jtl2.svg) center center/cover;
}

.exionxm:hover {
    background: #18D18E;
    border-color: #18D18E;
}

@media(max-width:1920px) {
    .gingtrbfuben { padding: 5.83333vw 0 0; }
    .gingtrbfuben .fubentop {
        margin-bottom: 2.34375vw;
    }

    .gingtrbfubena {
        padding-top: 4.94791vw;
    }

    .baoguonasn {
        margin-top: -19.53125vw;
        padding-top: 25.52083vw;
    }

    .dianzafubenb .fubenntbott { margin-top: 2.76041vw; }
    .dianzafubenb .fubenntbott ul li {padding: 5.46875vw 20px 5.36458vw; }
    .dianzafubenb .fubenntbott ul li.cue { padding-top:3.46875vw; }

    .dianzafubenb .fubenntbott ul li .icon { width: 5.72916vw; height: 5.72916vw; }
    .dianzafubenb .fubenntbott ul li .icon img { height: 2.91666vw; }
    .dianzafubenb .fubenntbott ul li .icon::before {
        width: 6.5625vw;
        height: 6.5625vw;
    }

    .dianzafubenb .fubenntbott ul li .nnez { margin-top: 1.5625vw; }

    .dianzafubenb .fubennboee { margin-top: 5.20833vw; }

    .dianzafubenb .fubennboee ul { border-radius: 10.41666vw; padding: 2.29166vw 0 2.34375vw; }

    .dianzafubenb .fubennboee ul li .icon img { height: 2.08333vw; }

    .baoguonasn .footer .top { padding-top: 8.07291vw; }





    
    .xnamnenene .enenl {
        padding: 4.79166vw 3.22916vw 0 12.60416vw;
    }
    .xnamnenene .enenl .ule .li {
        margin-bottom: 1.61458vw;
    }

    .xnamnenene .enenr {
        padding: 3.125vw 13.28125vw 4.16666vw 0;
    }
}


@media(max-width:1100px) {
    .dianzafubenb .fubenntbott ul li.cue {
        padding-top: 20px;
    }
    .gingtrbfuben {
        padding-top: 35px;
    }
    .gingtrbfuben .fubentop { margin-bottom: 20px; }
    .gingtrbfuben .fubentop .entopr { width: 100%; }
    .gingtrbfuben .fubentop .entopr .opa { margin-bottom: 10px; }
    .gingtrbfuben .fubentop .entopr .opb p:nth-child(n+2) { margin-top: 5px; }
    .gingtrbfuben .e a { margin-top: 25px; }
    .gingtrbfubena { padding-top: 35px; }

    .baoguonasn { background: url(../images/wicabsdbb.png)no-repeat center center/cover; margin-top: 0; padding-top: 50px; }
    .dianzafubenb { padding-bottom: 40px; }
    .dianzafubenb .title .bt { color: #151861; }
    .dianzafubenb .fubenntbott ul li { width: 49%; border-radius: 10px; margin-right: 2%; margin-bottom: 2%; }
    .dianzafubenb .fubenntbott ul li:nth-child(2n) { margin-right: 0; }

    .dianzafubenb .fubenntbott { margin-top: 20px; }
    .dianzafubenb .fubenntbott ul li .icon { width: 60px; height: 60px; }
    .dianzafubenb .fubenntbott ul li .icon::before { width: 70px; height: 70px; }
    .dianzafubenb .fubenntbott ul li .icon img { height: 25px; }
    .dianzafubenb .fubenntbott ul li .nnez { margin-top: 15px; }

    .dianzafubenb .fubennboee ul { border-radius: 10px; padding: 0; }
    .dianzafubenb .fubennboee ul li { width: 50%; padding: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .dianzafubenb .fubennboee ul li .icon img { height: 30px; }
    
    .baoguonasn .footer .top {
        padding-top: 40px;
    }
    
    .baoguonasnae .footer {
        background: linear-gradient(180deg, #1963CE 0%, #1963CE 57%, #151861 100%);
    }
    
    .gingtrbfuben .fubentop .entopl {
        width: 100%;
    }
    
}

.ChargingstationA .fubenbottom .anznb{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 76px;
    height: 76px;
    cursor: pointer;
}
.ChargingstationA .fubenbottom .anznb span {
    background: url(../images/anznb.svg)no-repeat center center/cover;
    width: 100%;
    height: 100%;
    display: inline-block;
    transform: scale(1);
    transition: all .5s;
}


@media(max-width:1100px) {
    .ChargingstationA .fubenbottom .anznb {
        width: 56px;
        height: 56px;
    }
}

.anzmenxqB1e {
    padding-bottom: 0;
}

.anzmenxqB1e .fubenbottom .anznb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 76px;
    height: 76px;
    cursor: pointer;
}
.anzmenxqB1e .fubenbottom .anznb span {
    background: url(../images/anznb.svg)no-repeat center center/cover;
    width: 100%;
    height: 100%;
    display: inline-block;
    transform: scale(1);
    transition: all .5s;
}

.hezuohzne {
    padding: 40px 0;
}

@media(max-width:1920px) {
    .hezuohzne {
        padding: 2.7vw 0;
    }
}

@media(max-width:1100px) {
    .anzmenxqB1e .fubenbottom .anznb {
        width: 56px;
        height: 56px;
    }
    .hezuohzne {
        padding:35px 0 45px;
    }
} 

.UltimatepursuitA-a {
    display: none;
}


.BatteryBankB .pankp .erves-nr {
    height: 100%;
    position: relative;
    z-index: 3;
}
.BatteryBankB .pankp .pagePic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.BatteryBankB .pankp .pagePic ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.BatteryBankB .pankp .pagePic ul:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 2;
}

.BatteryBankB .pankp .pagePic ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
    opacity: 0;
}

.BatteryBankB .pankp .pagePic ul li.active{
    opacity: 1;
}





/**数字化新增**/
.wozndn { overflow: hidden; }
.zendnnasxA .baoznene {
    padding: 100px 0  0;
}

.zendnnasxA .baoznene .xznne {
    margin-top: 18px;
    padding-bottom: 65px;
    border-bottom: 1px solid rgba(216, 216, 216, 0.5);
}

.zendnnasxB {
    padding: 75px 0 0;
}

.zendnnasxB .xznne {
    margin: 22px 0 35px;
}

.zendnnasxB .ylze ul {
    display: flex;
    flex-wrap: wrap;

}

.zendnnasxB .ylze ul li { 
    float: left;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin-right: 1.2%;
    margin-bottom: 1.2%;
    overflow: hidden;
    width: 49.4%;
    padding: 20px 20px 37px;
}

.zendnnasxB .ylze ul li:nth-child(2n) {
    margin-right: 0;
}

.zendnnasxB .ylze ul li .kznne {
    padding: 33px 0 0;
}

.zendnnasxB .ylze ul li .kznne .mia {
    font-weight: bold;
}

.zendnnasxB .ylze ul li .kznne .mib {
    line-height: 1.8;    
    margin-top: 10px;
}

.zendnnasxB .ylze ul li .kznne .mib p {
    position: relative;
    padding-left: 18px;
}

.zendnnasxB .ylze ul li .kznne .mib p::before {
    position: absolute;
    content: "";
    left: 0;
    top: 13px;
    width: 6px;
    height: 6px;
    background: #D8D8D8;
    border-radius: 50%;
    overflow: hidden;
}

.zendnnasxB .znenm {
    position: absolute;
    right: -13%;
    width: 46%;
    top: -10%;
}

.zendnnasxB .container2 {
    position: relative;
    z-index: 2;
}


.zendnnasxC { padding: 118px 0 77px; }
.zendnnasxC .nnasxctop .ctopl .xpe{
    margin-top: 19px;
}

.zendnnasxC .nnasxctop .ctopr {
    width: 590px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.zendnnasxC .nnasxcbott {
    margin-top: 58px;
}

.zendnnasxC .nnasxcbott .cbottl { width: 40.5%; }
.zendnnasxC .nnasxcbott .ottor {
    width: 51%;
    padding-top: 14px;
}
.zendnnasxC .nnasxcbott .ottor ul {
    border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}
.zendnnasxC .nnasxcbott .ottor ul li{
    border-top: 1px solid rgba(196, 196, 196, 0.5);
}
.zendnnasxC .nnasxcbott .ottor ul li.curter {
    border-top: 1px solid #18D18E;
}
.zendnnasxC .nnasxcbott .ottor ul li .t {
    font-size: 24px;
    line-height: 1;
    padding: 30px 0;
    position: relative;
    transition: all .5s;
}
.zendnnasxC .nnasxcbott .ottor ul li .t::before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    width: 14.67px;
    height: 14.67px;
    transform: translateY(-50%);
    background: url(../images/jia.svg)no-repeat center center/cover;
}
.zendnnasxC .nnasxcbott .ottor ul li.curter .t {
    padding-bottom: 12px;
    font-size: 28px;

}
.zendnnasxC .nnasxcbott .ottor ul li.curter .t span {
    color: #18D18E;
}
.zendnnasxC .nnasxcbott .ottor ul li.curter .t::before {
    height: 2px;
    background: url(../images/jib.svg)no-repeat center center/cover;
}
.zendnnasxC .nnasxcbott .ottor ul li .cont {
    display: none;
}

.zendnnasxC .nnasxcbott .ottor ul li .cont .p {
    line-height: 1.8;
    padding-bottom: 33px;
}

.zendnnasxC .nnasxcbott .ottor ul li .cont .p p {
    padding-left: 20px;
    position: relative;
}

.zendnnasxC .nnasxcbott .ottor ul li .cont .p p::before{
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    overflow: hidden;
    background: #D8D8D8;
}

.zendnnasxE {
    padding: 134px 0 130px;
    overflow: hidden;
}

.zendnnasxE .nnasxetop .nxqal .xpe {
    line-height: 1.8;
    margin-top: 9px;
    width: 73%;
}

.zendnnasxE .nnasxetop::before {
    position: absolute;
    content: "";
    right: -17%;
    top: -10px;
    width: 1385px;
    height: 242px;
    background: url(../images/zendnnasxE.svg)no-repeat left center/cover;
}

.zendnnasxE .nnasxezon {
    margin-top: 35px;
}

.zendnnasxE .nnasxezon ul {
    display: flex;
    flex-wrap: wrap;
}

.zendnnasxE .nnasxezon ul li {
    float: left;
    width: 32.58%;
    margin-right: 1.13%;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px 20px 35px;
    position: relative;
}

.zendnnasxE .nnasxezon ul li .zdasz {
    padding-left: 13px;
}

.zendnnasxE .nnasxezon ul li .zdasz .bt {
    font-weight: bold;
    margin: 27px 0 10px;
}

.zendnnasxE .nnasxezon ul li .zdasz .aszne {
    width: 70%;
}

.zendnnasxE .nnasxezon ul li .zdasz .aszne .nel {
    width: 100%;
    line-height: 1.4;
}

.zendnnasxE .nnasxezon ul li .zdasz .aszne .nel p {
    position: relative;
    padding-left: 17px;
    margin-bottom: 3px;
    width: 50%;
    float: left;
}

.zendnnasxE .nnasxezon ul li .zdasz .aszne .nel p:last-child {
    margin-bottom: 0;
}

.zendnnasxE .nnasxezon ul li .zdasz .aszne .nel p::before {
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    overflow: hidden;
    background: #D8D8D8;
}

.zendnnasxE .nnasxezon ul li .icone {
    position: absolute;
    bottom: -9px;
    right: 28px;
}

.zendnnasxE .nnasxezon ul li:nth-child(2) .icone {
    bottom: -5px;
    opacity: 0.2;
}

.zendnnasxE .nnasxezon ul li:nth-child(3) .icone {
    opacity: 0.2;
}

.zendnnasxE .nnasxezon ul li:last-child { margin-right: 0; }






.zendnnasxE .paanak { margin-top: 60px; }
.zendnnasxE .paanak ul { display: flex; flex-wrap: wrap; }
.zendnnasxE .paanak ul li { float: left; margin-right: 1.5%; width: 23.87%; position: relative; overflow: hidden; }
.zendnnasxE .paanak ul li:last-child { margin-right: 0; }
.zendnnasxE .paanak ul li .om { line-height: 1.3; position: relative; display: inline-block; padding-bottom: 17px; width: 100%; }
.zendnnasxE .paanak ul li .om::before {
    position: absolute;
    bottom: 0;
    content: "";
    left: 0;
    width: 89px;
    height: 3px;
    background: linear-gradient(270deg, #18D18E 0%, #1963CE 100%);
}
.zendnnasxE .paanak ul li .om::after {
    position: absolute;
    bottom: 2px;
    content: "";
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(25, 99, 206, 0.2);
}

.zendnnasxE .paanak ul li .bome .om::after {
    background: rgba(255, 255, 255, 0.15);
}

.zendnnasxE .paanak ul li .tome { opacity: 1; transition: all .5s; }
.zendnnasxE .paanak ul li .tome .icon { text-align: right; padding-right: 27px; }
.zendnnasxE .paanak ul li .tome .icon img { height: 74px; width: 74px; margin-top: 0; }
.zendnnasxE .paanak ul li .tome .ot { line-height: 1.66; padding: 0 30px; margin-top: 27px; } 
.zendnnasxE .paanak ul li .tome .baoguo { background: #F5F8FD; margin-top: 27px; border-radius: 10px; overflow: hidden;  padding-bottom: 35px; }

.zendnnasxE .paanak ul li .bome {
    background: linear-gradient(180deg, #18D18E 0%, #1963CE 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    padding: 35px 0 0 0;
    left: -100%;
    transition: all .5s;
}
.zendnnasxE .paanak ul li .bome .om::before { background: #fff; }

.zendnnasxE .paanak ul li .bome .bomeq { padding: 0 22px; }
.zendnnasxE .paanak ul li .bome .bomeq  .ot { line-height: 1.66; margin-top: 23px; }

.zendnnasxE .paanak ul li .bome .icon { text-align: right; padding-right: 30px; position: absolute; bottom: 0; width: 100%; bottom: 0; }
.zendnnasxE .paanak ul li:nth-child(2) .bome .icon { bottom: -5px; }
.zendnnasxE .paanak ul li:nth-child(3) .bome .icon { bottom: -7px; }
.zendnnasxE .paanak ul li .bome .icon img {
    height: 74px;
    width: 74px;
}


.zendnnasxE .paanak ul li:hover .tome { opacity: 0; }
.zendnnasxE .paanak ul li:hover .bome { left: 0; } 

.zendnnasxF .nnasxbott {
    border: 1px solid #D8D8D8;
    border-radius: 16px;
    overflow: hidden;
    padding: 20px 110px 20px 20px;
    margin-top: 35px;
}

.zendnnasxF .nnasxbott .xottlfe {
    border-radius: 10px;
    overflow: hidden;
    width: 49.47%;
}

.zendnnasxF .nnasxbott .xottrfe {
    width: 46.1%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.zendnnasxF .oznens {
    border-left: 1px solid #D8D8D8;
}
.zendnnasxF .oznens ul li { padding-left: 30px; position: relative; margin-bottom: 15px; }
.zendnnasxF .oznens ul li:last-child { margin-bottom: 0; }
.zendnnasxF .oznens ul li::before {
    position: absolute;
    content: "";
    height: 0%;
    width: 3px;
    left: -2px;
    top: 0;
    transition: all .5s;
    background: linear-gradient(0deg, #18D18E 0%, #1963CE 33%, rgba(25, 99, 206, 0) 100%);
}
.zendnnasxF .oznens ul li.curter::before {
    height: 100%;
}
.zendnnasxF .oznens ul li .t { font-size: 24px; color: #222222; font-weight: bold; }
.zendnnasxF .oznens ul li.curter .t { color: #1963CE; font-size: 30px; }
.zendnnasxF .oznens ul li .cont { display: none; }
.zendnnasxF .oznens ul li .cont .nide {
    line-height: 1.6;
    padding-top: 5px;
}

.zendnnasxD {
    background: url(../images/zendnnasxD.png)no-repeat center center/cover;
    padding: 280px 0 140px;
}

.zendnnasxD .nasxdtop .xdtol {
    width: 49.47%;
}

.zendnnasxD .nasxdtop .xdtol .ulznene {
    margin-top: 27px;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li {
    background: rgba(255,255,255,.5);
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li .t {
    padding: 25px 30px;
    color: #222222;
    position: relative;
}
.zendnnasxD .nasxdtop .xdtol .ulznene ul li .t::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 30px;
    width: 14.67px;
    height: 14.67px;
    transform: translateY(-50%);
    background: url(../images/ulznene.svg)no-repeat center center/cover;
}
.zendnnasxD .nasxdtop .xdtol .ulznene ul li.curter .t {
    background: #1963CE;
    border-radius: 10px;
    color: #fff;
    overflow: hidden;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li.curter .t::before {
    height: 3.67px;
    background: url(../images/ulznenea.svg)no-repeat center center/cover;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li:last-child {
    margin-bottom: 0;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont {
    display: none;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide {
    padding: 20px 30px 30px;
    line-height: 1.8;
}


.zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide  p{
    position: relative;
    padding-left: 18px;
}

.zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide p::before{
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    overflow: hidden;
    left: 0;
    top: 13px;
    border-radius: 50%;
    background: #D8D8D8;
}

.zendnnasxD .nasxdtop .xdtor {
    width: 36%;
    margin-right: 4%;
}

.zendnnasxD .nasxdte  { margin-top: 50px; }
.zendnnasxD .nasxdte .szndne { margin-top: 16px; }
.zendnnasxD .nasxdte ul { display: flex; flex-wrap: wrap; }
.zendnnasxD .nasxdte ul li {
    float: left;
    background: #fff;
    border-radius: 10px;
    margin-right: 4%;
    text-align: center;
    padding: 33px 0 33px;
    width: 16.78%;
}

.zendnnasxD .nasxdte ul li .img img { height: 42.84px; }

.zendnnasxD .nasxdte ul li .neoz {
    color: #222222;
    margin-top: 15px;
}

.zendnnasxD .nasxdte ul li:last-child { margin-right: 0; }
.zendnnasxD .nasxdte ul li::before {
    position: absolute;
    content: "";
    top: 50%;
    right: -18.3%;
    transform: translateY(-50%);
    width: 27px;
    height: 18.68px;
    background: url(../images/nasxdte.svg)no-repeat center center/cover;
}

.zendnnasxD .nasxdte ul li:last-child:before {
    display: none;
}

.zendnnasxD .nasxdtea { margin-top: 60px; }
.zendnnasxD .nasxdtea .te { margin-bottom: 16px; }
.zendnnasxD .nasxdtea .szndne ul { display: flex; flex-wrap: wrap; }
.zendnnasxD .nasxdtea .szndne ul li {
    float: left;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    overflow: hidden;
    margin-right: 1.76%;
    width: 23.68%;
    padding: 0 27px 25px;
}
.zendnnasxD .nasxdtea .szndne ul li .img { text-align: right; margin-top: -17px; }
.zendnnasxD .nasxdtea .szndne ul li img { height: 63.5px; }

.zendnnasxD .nasxdtea .szndne ul li:last-child { margin-right: 0; }
.zendnnasxD .nasxdtea .szndne ul li .neoz {
    color: #222222;
    line-height: 1.4;
}

.zendnnasxG {
    padding: 130px 0 0;
}
.zendnnasxG .toznen { padding: 0 40px; }

.zendnnasxG .toznen .znenl {
    width: 49%;
    float: left;
}

.zendnnasxG .toznen .znenr {
    width: 44.8%;
    float: right;
    padding-top: 57px;
}

.zendnnasxG .toznen .znenr .znenndmms {
    margin: 43px 0 35px;
}

.zendnnasxG .toznen .znenr .znenndmms .tyo {
    border-bottom: 1px solid #D8D8D8;
}

.zendnnasxG .toznen .znenr .znenndmms .tyo .o {
    float: left;
    margin-right: 68px;
    cursor: pointer;
}
.zendnnasxG .toznen .znenr .znenndmms .tyo .o:last-child { margin-right: 0; }
.zendnnasxG .toznen .znenr .znenndmms .tyo .o a {
    line-height: 1;
    display: block;
    color: #222222;
    padding-bottom: 18px;
    position: relative;
}

.zendnnasxG .toznen .znenr .znenndmms .tyo .o a::before {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0;
    height: 3px;
    width: 0;
    transition: all .5s;
    background: linear-gradient(270deg, #18D18E 0%, #1963CE 100%);
    border-radius: 20px;
    overflow: hidden;
}
.zendnnasxG .toznen .znenr .znenndmms .tyo .o.cur a::before { width: 100%; } 
.zendnnasxG .toznen .znenr .znenndmms .tyo .o.cur a { color: #1963CE; }

.zendnnasxG .toznen .znenr .znenndmms .tmz {
    overflow: hidden;
    margin-top: 45px;
}

.zendnnasxG .toznen .znenr .znenndmms .tmz .xnzneo {
    line-height: 1.6;
    margin-top: 7px;
}

.zendnnasxG .boznen {
    background: #F3F7FC;
    border-radius: 200px;
    overflow: hidden;
    padding: 50px 81px 40px;
    margin-top: -94px;
    width: 100%;
    display: inline-block;
}

.zendnnasxG .boznen .znenl {
    width: 70%;
}

.zendnnasxG .boznen .znenl .zn {
    margin-bottom: 18px;
}
.zendnnasxG .boznen .znenl .zn:last-child {
    margin-bottom: 0;
}


.zendnnasxG .boznen .znenl .zn .n {
    line-height: 1.6;
    margin-top: 4px;
}

.zendnnasxG .boznen .znenl .zn .n span {
    color: #1963CE;
    font-weight: bold;
}

.zendnnasxG .boznen .znenr {
    position: absolute;
    right: 0;
    top: 50%;
    width: 142px;
    transform: translateY(-50%);
}

.zendnnasxG .boznen .znenr .wzbnen {
    line-height: 1;
    margin-top: 12px;
}

.zendnnasxG .awda {
    margin-top: 70px;
}

.bnaozioene .znenm {
    position: absolute;
    left: -6%;
    width: 39%;
    top: 21%;
}

.zendnnasxF,
.zendnnasxG {
    position: relative;
    z-index: 2;
}

@media(max-width:1920px) {
    .zendnnasxA .baoznene {
        padding: 5.20833vw 0  0;
    }
    
    .zendnnasxA .baoznene .xznne {
        margin-top: 0.9375vw;
        padding-bottom: 3.38541vw;
    }
    

    .zendnnasxB {
        padding: 3.90625vw 0 0;
    }
    
    .zendnnasxB .xznne {
        margin: 1.14583vw 0 1.82291vw;
    }



    .zendnnasxB .znenm  {
        position: absolute;
        right: -14vw;
        width: 45.83333vw;
        top: -6.6vw;
    }



    .zendnnasxC { padding: 6.14583vw 0 4.01041vw; }
    .zendnnasxC .nnasxctop .ctopl .xpe{
        margin-top: 1.04166vw;
    }

    .zendnnasxC .nnasxctop .ctopr {
        width: 30.72916vw;
    }

    .zendnnasxC .nnasxcbott {
        margin-top: 3.02083vw;
    }



    
    .zendnnasxE {
        padding: 6.97916vw 0 6.77083vw;
    }


    .zendnnasxE .nnasxetop::before {
        right: -17%;
        top: -0.52083vw;
        width: 72.13541vw;
        height: 12.60416vw;
    }

    .zendnnasxE .nnasxezon {
        margin-top: 1.82291vw;
    }

    .zendnnasxE .paanak { margin-top: 3.125vw; }
    .zendnnasxE .paanak ul li .om { padding-bottom: 0.88541vw;}
    .zendnnasxE .paanak ul li .om::before {
        width: 4.63541vw;
    }
    .zendnnasxE .paanak ul li .tome .icon { padding-right: 1.40625vw; }
    .zendnnasxE .paanak ul li .tome .icon img { height: 3.85416vw; width: 3.85416vw;}
    .zendnnasxE .paanak ul li .tome .ot { padding: 0 1.5625vw; margin-top: 1.40625vw; } 
    .zendnnasxE .paanak ul li .tome .baoguo { margin-top: 1.40625vw;  padding-bottom: 1.82291vw; }

    .zendnnasxE .paanak ul li .bome {
        padding: 1.82291vw 0 0 0;
    }

    .zendnnasxE .paanak ul li .bome .bomeq { padding: 0 1.14583vw; }
    .zendnnasxE .paanak ul li .bome .bomeq  .ot { margin-top: 1.14583vw; }


    .zendnnasxE .paanak ul li .bome .icon img {
        height: 3.85416vw;
        width: 3.85416vw;
    }

    .zendnnasxE .nnasxezon ul li .icone {
        right: 1.45833vw;
    }

    .zendnnasxE .nnasxezon ul li .icone img{
        height: 4.16666vw;
    }


    .zendnnasxF .nnasxbott {
        padding: 20px 110px 20px 20px;
        margin-top: 35px;
    }

    .zendnnasxF .oznens ul li { padding-left: 1.5625vw; margin-bottom: 0.78125vw; }

    .zendnnasxF .oznens ul li .t { font-size: 1.1vw; }
    .zendnnasxF .oznens ul li.curter .t { font-size: 1.35vw; }

    
    .zendnnasxD {
        padding: 14.58333vw 0 7.29166vw;
    }
    .zendnnasxD .nasxdtop .xdtol .ulznene {
        margin-top: 1.40625vw;
    }

    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .t {
        padding: 1.30208vw 1.5625vw;
    }
    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .t::before {
        right: 1.5625vw;
    }

    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide {
        padding: 1.04166vw 1.5625vw 1.5625vw;
    }

    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide  p{
        padding-left: 0.9375vw;
    }

    .zendnnasxD .nasxdte  { margin-top: 2.60416vw; }
    .zendnnasxD .nasxdte ul li {
        padding: 1.71875vw 0 1.71875vw;
    }

    .zendnnasxD .nasxdte ul li .img img { height: 2.23125vw; }



    .zendnnasxD .nasxdtea { margin-top: 3.125vw; }
    .zendnnasxD .nasxdtea .szndne ul li {
        padding: 0 1.40625vw 1.30208vw;
    }
    .zendnnasxD .nasxdtea .szndne ul li .img { margin-top: -0.88541vw; }
    .zendnnasxD .nasxdtea .szndne ul li img { height: 3.30729vw; }


    .zendnnasxG {
        padding: 6.77083vw 0 0;
    }
    .zendnnasxG .toznen { padding: 0 2.08333vw; }
    
    .zendnnasxG .toznen .znenr {
        padding-top: 2.96875vw;
    }
    
    .zendnnasxG .toznen .znenr .znenndmms {
        margin: 2.23958vw 0 1.82291vw;
    }
    
    .zendnnasxG .toznen .znenr .znenndmms .tyo .o {
        margin-right: 3.54166vw;
    }

    .zendnnasxG .toznen .znenr .znenndmms .tyo .o a {
        padding-bottom: 0.9375vw;
    }

    .zendnnasxG .toznen .znenr .znenndmms .tmz {
        margin-top: 2.34375vw;
    }

    .zendnnasxG .boznen .znenl .zn {
        margin-bottom: 0.9375vw;
    }
 
    
    .zendnnasxG .boznen .znenr {
        width: 7.39583vw;
    }
    
    .zendnnasxG .awda {
        margin-top: 3.64583vw;
    }
    
    .bnaozioene .znenm {
        left: -5vw;
        width: 38.64583vw;
        top: 21vw;
    }
    



}

@media(max-width:1680px) {
    .zendnnasxE .nnasxetop::before { right: -13%; }
}

@media(max-width:1500px) {
    .zendnnasxC .nnasxcbott .ottor ul li .t {
        font-size: 17px;
        padding: 25px 0;
    }
    .zendnnasxC .nnasxcbott .ottor ul li.curter .t {
        font-size: 20px;
        padding-bottom: 18px;
    }

    .zendnnasxD .nasxdte ul li::before {
        width: 20px;
        right: -18%;
        height: 11.68px;
    }
    
    .zendnnasxE .paanak ul li .tome .ot {
        font-size: 14px;
    }

    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide {
        font-size: 14px;
    }
    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide p::before {
        top: 10px;
    }
    .zendnnasxF .oznens ul li .cont .nide {
      font-size: 12px;
    }
    .zendnnasxE .paanak ul li .bome .bomeq  .ot  {
        font-size: 14px;
    }

}

@media(max-width:1100px) {
    .zendnnasxA .baoznene {
        padding-top: 35px;
    }
    .zendnnasxB .znenm { display: none; }
    .zendnnasxA .baoznene .xznne {
        margin-top: 10px;
        padding-bottom: 20px;
    }


    .zendnnasxB {
        padding: 25px 0 0;
    }
    .zendnnasxB .xznne {
        margin: 10px 0 20px;   
    }
    .zendnnasxB .ylze ul li {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .zendnnasxB .ylze ul li:last-child { margin-right: 0; margin-bottom: 0; }
    .zendnnasxB .ylze ul li .kznne {
        padding-top: 20px;
    }

    .zendnnasxC {
        padding: 35px 0 45px;
    }

    .zendnnasxC .nnasxctop .ctopr { display: none; }
    .zendnnasxC .nnasxctop .ctopl .xpe {
        margin-top: 10px;
    }
    .zendnnasxC .nnasxcbott {
        margin-top: 20px;
    }
    .zendnnasxC .nnasxcbott .cbottl { width: 100%; }
    .zendnnasxC .nnasxcbott .ottor { padding-top: 20px; width: 100%; }

    .zendnnasxC .nnasxcbott .ottor ul li .t {
        font-size: 18px;
        padding: 15px;
    }

    .zendnnasxC .nnasxcbott .ottor ul li.curter .t {
        font-size: 20px;
        padding-bottom: 15px;
    }

    .zendnnasxE { padding: 35px 0 45px; }
    .zendnnasxE .nnasxetop::before {
        display: none;
    }
    .zendnnasxE .nnasxetop .nxqal .xpe { width: 100%; margin-top: 10px; }
    .zendnnasxE .nnasxezon {
        margin-top: 20px;
    }
    .zendnnasxE .nnasxezon ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 20px;
    }
    .zendnnasxE .nnasxezon ul li:last-child { margin-bottom: 0; }
    .zendnnasxE .nnasxezon ul li .zdasz {
        padding-left: 0;
    }

    .zendnnasxE .nnasxezon ul li .zdasz .bt {
        margin: 20px 0 10px;
    }
    .zendnnasxE .paanak {
        margin-top: 30px;
    }

    .zendnnasxE .paanak ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    .zendnnasxE .paanak ul li:last-child { margin-bottom: 0; }
    .zendnnasxE .paanak ul li .om { padding-bottom: 20px; }
    .zendnnasxE .paanak ul li .tome .baoguo { margin-top: 20px; padding-bottom: 20px; }
    .zendnnasxE .paanak ul li .tome .icon img {
        width: 40px;
        height: 40px;
    }
    .zendnnasxE .paanak ul li .tome .icon{
        padding-right: 20px;
    }
    .zendnnasxE .paanak ul li .tome .ot {
        padding: 0 20px;
        margin-top: 20px;
    }
    .zendnnasxE .paanak ul li .bome {
        padding-top: 20px;
    }
    .zendnnasxE .paanak ul li .bome .bomeq {
        padding:0 20px;
    }
    .zendnnasxE .paanak ul li .bome .icon {
        right: 0;
        padding-right: 20px;
    }
    .zendnnasxE .paanak ul li .bome .icon img {
        width: 40px;
        height: 40px;
    }
    .zendnnasxE .nnasxezon ul li .icone { right: 20px; bottom: 5px; }
    .zendnnasxE .nnasxezon ul li:nth-child(2) .icone {
        bottom: 0;
        opacity: 0.2;
    }
    
    .zendnnasxE .nnasxezon ul li:nth-child(3) .icone {
        opacity: 0.2;
    }
    .zendnnasxE .nnasxezon ul li .icone img { height: 40px; }

    .zendnnasxD {
        padding: 35px 0 45px;
        background: rgba(24, 209, 142, 0.1);
    }

    .zendnnasxD .nasxdtop .xdtol {
        width: 100%;
    }
    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .t {
        padding: 15px;
    }
    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .t::before { right: 15px; }
    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide {
        padding: 20px;
    }
    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide p {
        padding-left: 15px;
    }
    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .t::before {
        width: 12px;
        height: 12px;
    }
    .zendnnasxD .nasxdtop .xdtol .ulznene { margin-top: 20px; }
    .zendnnasxD .nasxdtop .xdtor { width: 100%; margin-right: 0; margin-top: 20px; }
    .zendnnasxD .nasxdte { margin-top: 20px; }
    .zendnnasxD .nasxdte .szndne { margin-top: 15px; }

    .zendnnasxD .nasxdte ul li { width: 100%; margin-bottom: 30px; padding: 20px; margin-right: 0; }
    .zendnnasxD .nasxdte ul li .img img { height: 40px; }
    .zendnnasxD .nasxdte ul li::before { right: auto; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -20px; top: auto; }
    .zendnnasxD .nasxdte ul li:last-child { margin-bottom: 0; }
    .zendnnasxD .nasxdtea { margin-top: 20px; }
    .zendnnasxD .nasxdtea .te { margin-bottom: 15px; }
    .zendnnasxD .nasxdtea .szndne ul li { width: 100%; margin-right: 0; margin-bottom: 20px; padding:0 20px 20px; }
    .zendnnasxD .nasxdtea .szndne ul li:last-child { margin-bottom: 0; }
    .zendnnasxD .nasxdtea .szndne ul li img { height: 40px; }
    .zendnnasxD .nasxdtea .szndne ul li .img { margin-top: -10px; }

    .zendnnasxG .toznen .znenr {
        width: 100%;
    }
    .zendnnasxG .toznen {
        padding: 0;
    }
    .zendnnasxG {
        padding: 35px 0 45px;
    }
    .zendnnasxG .toznen .znenr .znenndmms .tyo .o a {
        padding-bottom: 10px;
    }
    .zendnnasxG .toznen .znenr .znenndmms .tmz {
        margin-top: 20px;
    }
    .zendnnasxG .toznen .znenr .znenndmms .tmz .xnzneo {
        margin-top: 10px;
    }
    .zendnnasxG .toznen .znenr .znenndmms {
        margin: 20px 0;
    }

    .zendnnasxG .toznen .znenl {
        width: 100%;
        margin-top: 20px;
    }

    .zendnnasxG .boznen {
        border-radius: 10px;
        padding: 20px;
        margin-top: -50px;
    }

    .zendnnasxG .boznen .znenl {
        width: 100%;
    }
    .zendnnasxG .boznen .znenr {
        width: auto;
        float: left;
        transform: translateY(0);
        margin-top: 20px;
        position: initial;
    }
    .zendnnasxG .boznen .znenl .zn .n {
        margin-top: 5px;
    }

    .zendnnasxG .boznen .znenl .zn {
        margin-bottom: 20px;
    }
    .bnaozioene .znenm {
        display: none;
    }
    .zendnnasxF .nnasxbott {
        padding: 15px;
        margin-top: 20px;
    }
    .zendnnasxF .nnasxbott .xottlfe {
        width: 100%;
    }
    .zendnnasxF .nnasxbott .xottrfe {
        width: 100%;
        position: initial;
        margin-top: 20px;
        transform: translateY(0);
    }

    .zendnnasxF .oznens ul li .t {
        font-size: 16px;
    }
    .zendnnasxF .oznens ul li.curter .t {
        font-size: 18px;
    }
    .zendnnasxF .oznens ul li {
        padding-left: 20px;
        margin-bottom: 15px;
    }
    .zendnnasxF .nxqal {
        text-align: left;
    }

    .zendnnasxG .awda {
        margin-top: 20px;
    }
}