@charset "utf-8"; 



.colorf { color: #fff; }

.color6 { color: #666666; }

.color18 { color:#18d18e; }

.color19 { color: #15758d; }

.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;

    right: 0;

    width: 100%;

    bottom: 0;

    z-index: 6;

}

.noubanner .text{

    position: absolute;

    right: 0;

    left: 0;

    top: 33.5%;

    padding-left: 50px;

    color: #fff;

    z-index: 3;

}

.noubanner .text .fbt { line-height: 1; }



.noubanner .swiper-pagination {

    bottom: 20%;

    right: 50%;

    transform: translateX(50%);

}



.noubanner .swiper-pagination .swiper-pagination-bullet{

    margin: 0 0 0 15px;

    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;

    right: 50%;

    top: 50%;

    transform: translate(50%,-50%);

}



.noubanner .swiper-pagination .swiper-pagination-bullet:last-child { margin-left: 0; }





.MainproductsA {

    padding: 58px 0 55px;

}

.MainproductsA .top {

    display: flex;

    align-items: flex-end;

}

.MainproductsA .top .yem_a_list {

    margin-right: auto;

    display: flex;

    flex-wrap: wrap;

    max-width: 60%;

    margin-bottom: 6px;

}

.MainproductsA .top .yem_a_list a {

    margin-left: 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: right;

    width: 20%;

    text-align: center;

    padding-bottom: 28px;

    position: relative;

    cursor: pointer;

}

.MainproductsA .bottom .ctsaqie-an ul li::before {

    position: absolute;

    content: "";

    right: 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-right: 34px; position: relative; color: #222222; }



.MainproductsA .bottom .ctsaqie-an ul li .icon {

    width: 22px;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

}



.MainproductsA .bottom .ctsaqie-an ul li .icon .icon2 { display: none; }

.MainproductsA .bottom .ctsaqie-an ul li .t { line-height: 1; }





.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: right; margin-left: 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-left: 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;

    right: 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;

    right: 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%;

    right: 0;

    padding: 0 30px 0 50px;

}



.MainproductsA .bottom .kouzoe ul li a .wzmo .za { padding-left: 30px; display: inline-block; }

.MainproductsA .bottom .kouzoe ul li a .wzmo .za::before {

    content: "";

    width: 18px;

    height: 18px;

    position: absolute;

    left: 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-left: 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-left: 5px;

    }

}







/**新闻资讯**/

.left { float: right; }

.right{ float: left; }



.newsA { padding: 85px 0 40px; }

.newsA .ewsato .ewsar { position: absolute; bottom: 6px; left: 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 22px 0 50px;

    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;

    left: 0;

    top: 0;

    border: 0;

    border-radius: 100px;

    width: 139px;

    height: 56px;

    color: #fff;

    font-size: 16px;

    padding-right: 65px;

    background: url(../images/ggthb.svg) no-repeat 41px center #18D18E;

    background-size: 15px 15px;

    text-align: right;

}



.newsA .ewsazo a {

    position: relative;

    display: block;

}



.newsA .ewsazo .wznern {

    position: absolute;

    bottom: 38px;

    right: 0;

    width: 100%;

    padding: 0 40px;

}



.newsA .ewsazo .wznern .rnb { margin: 0 0 21px; }



.newsA .swiper-pagination {

    left: 30px;

    right: auto;

    width: auto;

    bottom: 30px;

}



.newsA .swiper-pagination .swiper-pagination-bullet{

    margin: 0 0 0 15px;

    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;

    right: 50%;

    top: 50%;

    transform: translate(50%,-50%);

}



.newsA .swiper-pagination .swiper-pagination-bullet:last-child { margin-left: 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;

    right: 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;

    right: 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-right: 3.22916vw; 

    position: absolute;

    left: 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: right;

}



.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: right;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    padding-right: 2.60416vw;

    margin-right: 2.29166vw;

}



.newsA .ewsabo ul li a .sabor .borr::before {

    position: absolute;

    content: "";

    width: 1px;

    height: 5.20833vw;

    top: 50%;

    right: 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-left: 9px;

    transition: all .4s;

}

.fyq a:last-child { margin-left: 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-left: 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 right 41px top 15px #18D18E; }



    .newsA .ewsazo .wznern .rnb { margin-bottom: 10px; }

    .newsA .swiper-pagination { bottom: 15px; left: 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-right: 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-right: 0;

        margin-right: 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-left: 5px;

    }

}







/**新闻详情**/

.mbx .bx { line-height: 1; float: right; margin-left: 11px; color: #999999; }

.mbx .be { float: right; 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: right; line-height: 1; color: #222222; }

.newsxqA .wsxqa .wsxqal .anzme .zmel .ze .span { float: right; line-height: 1; color: #666666; width: 83%; }



.newsxqA .wsxqa .wsxqal .anzme .zmer { position: absolute; top: 57%; transform: translateY(-50%); left: 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 60px 20px 20px;

}

.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%;

    right: 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-left: 1.4%; margin-bottom: 1.4%; border-radius: 16px; overflow: hidden; }

.gingstationA2 .sttirtnx ul li .eqnazn { position: absolute; bottom: 22px; right: 0; width: 100%; text-align: center; line-height: 1; }

.gingstationA2 .sttirtnx ul li:last-child { margin-left: 0; }





.gingstationA2 .top ul li:last-child {

    width: 39.1%;

    position: relative;

}



.gingstationA2 .top ul li .dwnern {

    position: absolute;

    bottom: 25px;

    width: 100%;

    padding-right: 28px;

}



.gingstationA2 .botton ul li { margin-bottom: 0; }



.gingstationA2 .top ul li .dwnern .n { color: #15758d; line-height: 1; }

.gingstationA2 .top ul li .dwnern .a { color: #15758d; 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;

    left: 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: right; width: 32.3%; background: #fff; margin-left: 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-left: 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%);

    right: 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: #15758d; }

.gingstationA4 .table tr { background: #F3FCF9; }

.gingstationA4 .table tr:nth-child(2n) { background: #fff; }

.gingstationA4 .table tr th { color: #fff; text-align: right; width: 50%; height: 80px; font-size: 20px; padding-right: 50px; border-left: 1px solid rgba(255, 255, 255, 0.1); }

.gingstationA4 .table tr th:last-child { border-left: 0; }

.gingstationA4 .table tr td { width: 50%; padding-right: 50px; line-height: 1; height: 70px; font-size: 18px; color: #666666; border-left: 1px solid rgba(0, 0, 0, 0.05); color: #666666; }

.gingstationA4 .table tr td:last-child { border-left: 0; }



.footerneieee { background: none; }

.v8fadiane {

    background: url(../images/v8fadiane.png)no-repeat top center/cover #fff;

    position: absolute;

    content: "";

    top: 0;

    right: 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;

        left: 1.04166vw;

        width: 6.5625vw;

        height: 4.79166vw;

    }

    .gingstationA2 .top ul li .dwnern {

        bottom: 1.30208vw;

        padding-right: 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-right: 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-left: 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-right: 0; width: 100%; }

    .gingstationA2 .top ul li .dwnern .erna { width: 100%; }



    .gingstationA2 .qzne .erna { margin-bottom: 20px; }

    .gingstationA2 .qzne .erna .n {

        color: #15758d;

        line-height: 1;

    }

    .gingstationA2 .qzne .erna .a {

        color: #15758d;

        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-left: 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-right: 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%;

    right: 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 { 

    position: absolute;

    left: 0;

    bottom: 6px;



}



.networkB .workbtop .rkzne ul li {

    float: right;

    font-size: 16px;

    color: #333333;

    margin-left: 10px;

    width: 146px;

    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:last-child { margin-left: 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 20px 20px 64px;

}



.networkB .workbbottom .relative .workbl {

    width: 52%;

}



.networkB .workbbottom .relative .workr {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 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;

    margin-bottom: 45px;

    height: 108px;

    overflow-y: auto;

    overflow-x: hidden;

    padding-left: 15px;

}



.networkB .workbbottom .relative .workr .wnzc::-webkit-scrollbar {

    /*滚动条整体样式*/

    width: 4px;

    /*高宽分别对应横竖滚动条的尺寸*/

    height: 4px;

}



.networkB .workbbottom .relative .workr .wnzc::-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 .wnzc::-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;

    }

}



@media(max-width:1380px) {

    .networkB .workbtop .rkzne {

        position: initial;

        width: 100%;

        float: right;

        margin-top: 20px;

    }

    .networkB .workbtop .rkzne ul li { width: 15.4%; margin-left: 1.5%; }

    .networkB .workbtop .rkzne ul li:last-child { margin-left: 0; }

    .networkB .workbbottom .relative .workr .wnzc {

        -webkit-line-clamp: 3;

    }



    .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 { left: 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-left: 2%; margin-bottom: 2%; height: 40px; line-height: 38px; }

    .networkB .workbtop .rkzne ul li:nth-child(2n) { margin-left: 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%;

        right: 77%;

    }

}







/**应用场景与案例**/

.ApplicationCasesA {

    padding: 124px 0 105px;

}

.ApplicationCasesA .znenmw { width: 52%; }

.ApplicationCasesA .znenmw .enb {

    line-height: 2;

    margin-top: 23px;

}



.ApplicationCasesA .znenmw .enb p:nth-child(n+2) {

    margin-top: 16px;

}



.ApplicationCasesA .ul { padding-right: 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: 90%;

}



.ApplicationCasesA .ul li .right .rollwzne .wznel .xq {

    line-height: 1.8;

    margin-top: 9px;

}



.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;

    right: 0;

}



.ApplicationCasesA .btma {

    margin-top: 52px;

    padding-top: 100px;

    border-top: 1px solid rgba(216, 216, 216, 0.5);

}

.ApplicationCasesA .btm .xian { right: 59px; }





.ApplicationCasesA .ul li .koumoi .img { 

    position: absolute;

    width: 98px;

    height: 98px;

    background: #fff;

    top: 50%;

    right: 50%;

    border-radius: 50%;

    transform: translate(50%,-50%);

}

.ApplicationCasesA .ul li .koumoi img {

    position: absolute;

    top: 50%;

    right: 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: #15758d; }

.ApplicationCasesA .ul li .koumoi.cro .moi2 { display: block; }

.ApplicationCasesA .ul li .koumoi.cro .moi1 { filter: brightness(0) invert(1) }





.ApplicationCasesA .ul li .koumoi .uy {

    display: block;

    position: absolute;

    right: 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: right; width: 50%; height: 100%; overflow: hidden; }

.ApplicationCasesA .ul li .koumoi .uy i::before { content: ''; position: absolute; width: 200%; left: 0; top: 0; bottom: 0; border: 2px solid #15758d; 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 { right: 0; left: 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 { right: 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 { right: 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: right; padding-top: 20px; }



    .noubanner .swiper-pagination { bottom: 11%; }

    

}







/**3-2应用场景与案例详情**/

.saopiae {

    padding: 116px 0 0;

}

.anzmenxqA {

    padding-top: 11px;

}

.anzmenxqA .menxqA .nxqal {

    width: 24%;

}

.anzmenxqA .menxqA .nxqar { width: 66.34%; 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: right;

    margin-left: 1.41%;

    width: 32.39%;

    position: relative;

    min-height: 313px;

}

.anzmenxqB .enxqb ul li:nth-child(3) { margin-left: 0; }



.anzmenxqB .enxqb ul li .nxq {

    background: #F5F8FD;

    height: 100%;

}



.anzmenxqB .enxqb ul li.li1 .nxq {

    height: calc(50% - 10px);

    padding: 35px 60px 0 0;

}



.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;

    left: -11px;

    top: -17px;

    width: 126px;

}



.anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) .icoe {

    width: 120px;

    top: -8px;

    left: -12px;

}







.anzmenxqB .enxqb ul li.li2 .nxq .xq {

    padding: 0 60px 0 50px;

    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; left: -13px; }



.anzmenxqB .enxqb ul li.li3 .nxq {

    padding: 60px 60px 37px 100px;

}



.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; left: -3px; top: -12px; }









.anzmenxqB .bottom ul li { width: 100%; margin-left: 0; margin-top: 1.41%; }

.anzmenxqB .bottom ul li .nxq { padding: 69px 60px 73px 0; }

.anzmenxqB .bottom ul li .icoe { top: -10px; left: -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; right: 0; }



.anzmen .gopenx {

    width: 54px;

    height: 44px;

    cursor: pointer;

    border: 1px solid #D8D8D8;

    border-radius: 100px;

    opacity: 1;

    right: auto;

    bottom: auto;

    left: auto;

    transition: all 0.4s;

    position: relative;

    margin-top: 0;

    top: 0;

    margin-left: 8px;

}



.anzmen .gopenx:last-child { margin-left: 0; }



.anzmen .swiper-button-prev:after {

    width: 14px;

    height: 14px;

    background: url(../images/swiper_jtl.svg) center center/cover;

    position: absolute;

    top: 50%;

    right: 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%;

    right: 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; left: 0; bottom: 6px; }

.anzmenxqC .enxqcb .swiper-container { padding-left: 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-left: 30px; display: inline-block; margin-top: 30px; }

.anzmenxqC .enxqcb .swiper-slide a .xczner .c::before {

    content: "";

    width: 18px;

    height: 18px;

    position: absolute;

    left: 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;

    left: 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-right: 3.22916vw;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.anzmenxqD .swiper-slide ul li a .sabor .borl {

    width: 3.5vw;

    text-align: center;

    float: right;

}



.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;

    right: 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;

    right: 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: right;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    padding-right: 2.60416vw;

    margin-right: 2.29166vw;

}



.anzmenxqD .swiper-slide ul li a .sabor .borr::before {

    position: absolute;

    content: "";

    width: 1px;

    height: 5.20833vw;

    top: 50%;

    right: 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;

    left: -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; left: -0.57291vw; }

    .anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) .icoe { width: 6.25vw; top: -0.41666vw; left: -0.625vw; }

    .anzmenxqB .enxqb ul li.li2 .icoe { width: 8.64583vw; top: -1.875vw; left: -0.67708vw; }

    .anzmenxqB .enxqb ul .li3 .icoe { width: 7.8125vw; left: -0.625vw; }

    .anzmenxqB .bottom ul li .icoe { width: 9.0625vw; left: -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;

        left: -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;

    }

    .anzmenxqB .enxqb ul li.li2 .nxq .xq {

        padding: 0 30px;

        bottom: 33px;

    }

    .anzmenxqB .enxqb ul li.li3 .nxq {

        padding: 40px 30px 30px 80px;

    }



    .anzmenxqB .bottom ul li .nxq {

        padding: 40px 30px 45px;

    }



    .anzmenxqD .swiper-slide ul li a {

        padding: 20px 0;

    }



    .anzmenxqC .znenm {

        left: -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-left: 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; left: -3px; top: -3px; }

    



    .anzmenxqB .enxqb ul li.li1 .nxq:nth-child(2) .icoe { width: 40px; left: -2px; top: -2px; }



    .anzmenxqB .enxqb ul .li3 .icoe { width: 50px; left: 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; left: -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-right: 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-right: 0;

        margin-right: 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-right: 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;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    border-radius: 50%;

}



.ContactUsA .ctusal .tusznw ul li .icon img {

    position: absolute;

    top: 50%;

    right: 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;

    left: -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: right;

    width: 32.62%;

    margin-left: 1.07%;

    margin-bottom: 1%;

    position: relative;

}



.ContactUsB .layuie ul li:nth-child(3n) {

    margin-left: 0;

}





.ContactUsB .layuie ul li input {

    border: 0;

    height: 66px;

    font-size: 16px;

    padding-right: 63px;

    border-radius: 10px;

    border: 1px solid rgba(216, 216, 216, 0.8);

}



.ContactUsB .layuie ul li.ine input {

    padding-right: 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%;

    right: 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-right: 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; left: 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-right: 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-right: 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;

    right: 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%;

    right: 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-right: 40px;

    position: relative;

    z-index: 0;

}



.ContactUsB .layuie .tjanmo button i:before {

    position: absolute;

    right: 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;

    right: 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;

}



.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: right; width: 33.33%; border-left: 1px solid rgba(255, 255, 255, 0.3); }

.ContactUsC .ddotoe ul li:last-child { border-left: 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; }

.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;

        left: -13vw;

        width: 45.83333vw;

        bottom: -21.6vw;

    }



    .ContactUsA .ctusal .tusznw { margin: 1.30208vw 0 2.96875vw; }

    .ContactUsA .ctusal .tusznw ul li { padding-right: 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 {

        left: -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%;

    }

    

}



@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-right: 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-left: 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-left: 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; left: -10%; bottom: 23px; width: 125%; }

.BatteryBankA .paanak { margin-top: 34px; }

.BatteryBankA .paanak ul { display: flex; flex-wrap: wrap; }

.BatteryBankA .paanak ul li { float: right; margin-left: 1.5%; width: 32.3%; position: relative; overflow: hidden; }

.BatteryBankA .paanak ul li:last-child { margin-left: 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: "";

    right: 0;

    width: 100%;

    height: 3px;

    background: linear-gradient(-270deg, #18D18E 0%, #15758d 100%);

}



.BatteryBankA .paanak ul li .tome { opacity: 1; transition: all .5s; }

.BatteryBankA .paanak ul li .tome .icon { text-align: left; padding-left: 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%, #15758d 100%);

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    border-radius: 10px;

    overflow: hidden;

    padding: 48px 0 0 0;

    right: -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: left; padding-left: 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 { right: 0; } 



.BatteryBankB { padding: 180px 0 70px; position: relative; }

.BatteryBankB .before {

    position: absolute;

    top: 5%;

    right: -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: "";

    right: 0;

    height: 3px;

    width: 23%;

    bottom: 0;

    border-radius: 20px;

    bottom: -2px;

    background: linear-gradient(-270deg, #18D18E 0%, #15758d 100%);

    transition: all 3s;

}

.BatteryBankB .bankb .xiaoqice .moxing { line-height: 1; position: absolute; bottom: 0; right: 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; left: 0; top: 0; }



.BatteryBankB .bankb .wznenm { text-align: left; }

.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;

    right: -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: right; width: 20%; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.2); height: 100%; position: relative; }

.BatteryBankB .pankp ul li:last-child { border-left: 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;

    right: 0;

}

.BatteryBankB .pankp ul li .moreu .reu { position: absolute; top: 50%; transform: translateY(-50%); right: 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: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-left: 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-left: 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;

        right: -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;

        right: -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; left: -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: right; }

    .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-left: 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: "";

    right: 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; left: 0; bottom: -28px; }

.developlcA .plcabt { margin-bottom: 40px; }



.developlcA .swiper-container {

    padding-bottom: 120px;

    position: relative;

    z-index: 5;

}



.servicesC-d {

    padding-left: 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-left: 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: 46px; line-height: 1.375; }

.developlcA .swiper-slide .sznerb .li .r { width: calc(100% - 46px); line-height: 1.375; }







.developlcA .swiper-slide-next+.swiper-slide {

    right: -5vw;

}



.developlcA .swiper-slide .img { position: relative; }

.developlcA .swiper-slide .img:after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    right: 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;

    right: -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;

    right: -50%;

    top: 11.1vw;

    height: 1px;

    background: linear-gradient(-270deg, #18D18E 0%, #15758d 100%);

}



.developlcA .zkhjbnbn .aftere::before {

    position: absolute;

    content: "";

    left: 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%;

    right: 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%;

    right: 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;

    left: -8.5%;

    width: 45%;

    bottom: -6%;

    z-index: -1;

}







.developlcB { padding:150px 0 142px; }

.developlcB .oplcb .anznee { position: absolute; left: 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: right; margin-left: 10px; transition: all .5s; }

.developlcB .oplcb .anznee ul li:last-child { margin-left: 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 20px 20px 53px; }

.developlcB .oplcp .box .swiper-container { overflow: hidden; position: relative; }

.developlcB .oplcp .box .swiper-container .imge { width: 53%; float: right; }

.developlcB .oplcp .box .swiper-container .opzne { width: 41%; float: right; left: 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; max-height: 400px;

overflow: auto;}

.developlcC .plccl .anzmenm ul {

    border-right: 1px solid #D8D8D8;

}



.developlcC .plccl .anzmenm ul li { padding-right: 30px; position: relative; margin-bottom: 56px; }

.developlcC .plccl .anzmenm ul li.curter::before {

    position: absolute;

    top: 0;

    content: "";

    width: 3px;

    right: -2px;

    height: 100%;

    background: linear-gradient(0deg, #18D18E 0%, #15758d 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: 20px; color: rgba(21, 24, 97, 0.3); font-weight: bold; line-height: 1.8; 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: #15758d; }



.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-left: 2.81%;

    position: relative;

}



.developlcD .ul li::before {

    position: absolute;

    left: -8%;

    content: "";

    width: 1px;

    height: 100%;

    background: #D8D8D8;

}



.developlcD .ul li.cur::before { left: -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-left: 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;

    right: 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;

    right: 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%;

    right: 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%;

    right: 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; left: 0; bottom: 6px; }

.developlcD .opznene { margin-bottom: 45px; }



















@media(max-width:1920px) {

    .developlcA .znenm {

        position: absolute;

        left: -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-left: 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-left: 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-right: 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-left: 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; right: 50%; transform:translateX(50%); }

.homeD-z2 { position: relative; height: 100vh; }

.homeD-z .img2 { position: absolute; height: calc(100vh + 10px); right: 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%; right: 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; right:0; top: 0; width: 100%; z-index: 9; }



.homeDXFixed .homeD-c { position: fixed; right:0; top:0; }

.homeDXFixed .homeD-z { position: fixed; }

.homeDXFixed .homeD-y { opacity: 0; }

.homeDXFixed2 .homeD-c { position: absolute; top:auto; right: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; right:0; bottom:0; object-fit: cover; }



.homeD-c .homeD-c2 .dizneo {

    position: absolute;

    top: 50%;

    right: 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: 840px; }

.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-right: 1px solid rgba(255, 255, 255, 0.2); }

.homeD-c .homeD-c2 .dizneo .zneobao ul li { padding-right: 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.curter .t { color: #18D18E; }

.homeD-c .homeD-c2 .dizneo .zneobao ul li.curter::before {

    position: absolute;

    top: 0;

    content: "";

    width: 3px;

    right: -2px;

    height: 100%;

    background: linear-gradient(-110deg, #18D18E 0%, #15758d 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-right: 1px solid rgba(0, 0, 0, 0.2); }

.qifei .zneobao ul li { padding-right: 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;

    right: -2px;

    height: 100%;

    background: linear-gradient(-110deg, #18D18E 0%, #15758d 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;

    right: 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; right: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; right:0; top:0; }

	.homeDXFixed .homeD-z { position: relative; }

	.homeDXFixed .homeD-y { opacity: 0; }

	.homeDXFixed2 .homeD-c { position: relative; top:auto; right: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, #15758d 0%, #15758d 57%, #15758d 100%);

    }

}

















/**搜索结果页**/

.sousuoguo { padding: 155px 0 43px; }

.sousuoguo .suoguo .ewsar {

    position: absolute;

    bottom: 6px;

    left: 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 22px 0 50px;

    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;

    left: 0;

    top: 0;

    border: 0;

    border-radius: 100px;

    width: 139px;

    height: 56px;

    color: #fff;

    font-size: 16px;

    padding-right: 65px;

    background: url(../images/ggthb.svg) no-repeat 41px center #18D18E;

    background-size: 15px 15px;

    text-align: right;

}



.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;

    left: 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;

    right: 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: #15758d; }

.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 #15758d;

    color: #15758d;

}



@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 right 41px top 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: right; width: 24.15%; padding: 105px 0 103px 20px; margin-left: 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-left: 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%;

    right: 50%;

    transform: translate(50%,-50%);

    border: 2px solid rgba(255, 255, 255, 0.1);

}

.dianzafubenb .fubenntbott ul li .icon img {

    position: absolute;

    top: 50%;

    right: 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:#15758d; }

.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: right; border-left: 1px solid rgba(255, 255, 255, 0.1); width: 16.66%; text-align: center; }

.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%;

    right: 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%;

    right: 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 242px 0 62px;

    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: #15758d; }





.xnamnenene .enenr {

    width: 66.46%;

    padding: 60px 0 80px 255px;

    background: #fff;

    border-right: 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-right: 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;

    right: -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;

    right: auto;

    bottom: auto;

    transition: all 0.4s;

}



.exionxml {

    right: -80px;

    left: auto;

}



.exionxmr {

    left: -80px;

    right: auto;

}



.exionxml:after {

    width: 14px;

    height: 14px;

    background: url(../images/swiper_jtl2.svg) center center/cover;

    position: absolute;

    top: 50%;

    right: 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%;

    right: 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 12.60416vw 0 3.22916vw;

    }

    .xnamnenene .enenl .ule .li {

        margin-bottom: 1.61458vw;

    }



    .xnamnenene .enenr {

        padding: 3.125vw 0 4.16666vw 13.28125vw;

    }

}





@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: #15758d; }

    .dianzafubenb .fubenntbott ul li { width: 49%; border-radius: 10px; margin-left: 2%; margin-bottom: 2%; }

    .dianzafubenb .fubenntbott ul li:nth-child(2n) { margin-left: 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, #15758d 0%, #15758d 57%, #15758d 100%);

    }

    

    .gingtrbfuben .fubentop .entopl {

        width: 100%;

    }

    

}



.ChargingstationA .fubenbottom .anznb{

    position: absolute;

    top: 50%;

    right: 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%;

    right: 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;

    right: 0;

    width: 100%;

    height: 100%;

}



.BatteryBankB .pankp .pagePic ul {

    width: 100%;

    height: 100%;

    position: relative;

}



.BatteryBankB .pankp .pagePic ul:before{

    position: absolute;

    content: "";

    right: 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;

    right: 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: right;

    border: 1px solid #D8D8D8;

    border-radius: 10px;

    margin-left: 1.2%;

    margin-bottom: 1.2%;

    overflow: hidden;

    width: 49.4%;

    padding: 20px 20px 37px;

}



.zendnnasxB .ylze ul li:nth-child(2n) {

    margin-left: 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-right: 18px;

}



.zendnnasxB .ylze ul li .kznne .mib p::before {

    position: absolute;

    content: "";

    right: 0;

    top: 13px;

    width: 6px;

    height: 6px;

    background: #D8D8D8;

    border-radius: 50%;

    overflow: hidden;

}



.zendnnasxB .znenm {

    position: absolute;

    left: -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;

    left: 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: "";

    left: 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-right: 20px;

    position: relative;

}



.zendnnasxC .nnasxcbott .ottor ul li .cont .p p::before{

    position: absolute;

    content: "";

    top: 12px;

    right: 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: "";

    left: -17%;

    top: -10px;

    width: 1385px;

    height: 242px;

    background: url(../images/zendnnasxE.svg)no-repeat right center/cover;

}



.zendnnasxE .nnasxezon {

    margin-top: 35px;

}



.zendnnasxE .nnasxezon ul {

    display: flex;

    flex-wrap: wrap;

}



.zendnnasxE .nnasxezon ul li {

    float: right;

    width: 32.58%;

    margin-left: 1.13%;

    border: 1px solid #D8D8D8;

    border-radius: 10px;

    overflow: hidden;

    padding: 20px 20px 35px;

    position: relative;

}



.zendnnasxE .nnasxezon ul li .zdasz {

    padding-right: 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%;

}



.zendnnasxE .nnasxezon ul li .zdasz .aszne .nel p {

    position: relative;

    padding-right: 17px;

    margin-bottom: 3px;

    width: 50%;

    float: right;

}



.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: "";

    right: 0;

    top: 12px;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    overflow: hidden;

    background: #D8D8D8;

}



.zendnnasxE .nnasxezon ul li .icone {

    position: absolute;

    bottom: -9px;

    left: 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-left: 0; }













.zendnnasxE .paanak { margin-top: 60px; }

.zendnnasxE .paanak ul { display: flex; flex-wrap: wrap; }

.zendnnasxE .paanak ul li { float: right; margin-left: 1.5%; width: 23.87%; position: relative; overflow: hidden; }

.zendnnasxE .paanak ul li:last-child { margin-left: 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: "";

    right: 0;

    width: 89px;

    height: 3px;

    background: linear-gradient(-270deg, #18D18E 0%, #15758d 100%);

}

.zendnnasxE .paanak ul li .om::after {

    position: absolute;

    bottom: 2px;

    content: "";

    right: 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: left; padding-left: 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%, #15758d 100%);

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    border-radius: 10px;

    overflow: hidden;

    padding: 35px 0 0 0;

    right: -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: left; padding-left: 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 { right: 0; } 



.zendnnasxF .nnasxbott {

    border: 1px solid #D8D8D8;

    border-radius: 16px;

    overflow: hidden;

    padding: 20px 20px 20px 110px;

    margin-top: 35px;

}



.zendnnasxF .nnasxbott .xottlfe {

    border-radius: 10px;

    overflow: hidden;

    width: 49.47%;

}



.zendnnasxF .nnasxbott .xottrfe {

    width: 46.1%;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}



.zendnnasxF .oznens {

    border-right: 1px solid #D8D8D8;

}

.zendnnasxF .oznens ul li { padding-right: 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;

    right: -2px;

    top: 0;

    transition: all .5s;

    background: linear-gradient(0deg, #18D18E 0%, #15758d 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: #15758d; 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%;

    left: 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: #15758d;

    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-right: 18px;

}



.zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide p::before{

    position: absolute;

    content: "";

    width: 6px;

    height: 6px;

    overflow: hidden;

    right: 0;

    top: 13px;

    border-radius: 50%;

    background: #D8D8D8;

}



.zendnnasxD .nasxdtop .xdtor {

    width: 36%;

    margin-left: 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: right;

    background: #fff;

    border-radius: 10px;

    margin-left: 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-left: 0; }

.zendnnasxD .nasxdte ul li::before {

    position: absolute;

    content: "";

    top: 50%;

    left: -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: right;

    background: rgba(255, 255, 255, 0.7);

    border-radius: 10px;

    overflow: hidden;

    margin-left: 1.76%;

    width: 23.68%;

    padding: 0 27px 25px;

}

.zendnnasxD .nasxdtea .szndne ul li .img { text-align: left; margin-top: -17px; }

.zendnnasxD .nasxdtea .szndne ul li img { height: 63.5px; }



.zendnnasxD .nasxdtea .szndne ul li:last-child { margin-left: 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: right;

}



.zendnnasxG .toznen .znenr {

    width: 44.8%;

    float: left;

    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: right;

    margin-left: 68px;

    cursor: pointer;

}

.zendnnasxG .toznen .znenr .znenndmms .tyo .o:last-child { margin-left: 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;

    right: 0;

    height: 3px;

    width: 0;

    transition: all .5s;

    background: linear-gradient(-270deg, #18D18E 0%, #15758d 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: #15758d; }



.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: #15758d;

    font-weight: bold;

}



.zendnnasxG .boznen .znenr {

    position: absolute;

    left: 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;

    right: -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;

        left: -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 {

        left: -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-left: 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 {

        left: 1.45833vw;

    }



    .zendnnasxE .nnasxezon ul li .icone img{

        height: 4.16666vw;

    }





    .zendnnasxF .nnasxbott {

        padding: 20px 20px 20px 110px;

        margin-top: 35px;

    }



    .zendnnasxF .oznens ul li { padding-right: 1.5625vw; margin-bottom: 0.78125vw; }



    .zendnnasxF .oznens ul li .t { font-size: 1.25vw; }

    .zendnnasxF .oznens ul li.curter .t { font-size: 1.5625vw; }



    

    .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 {

        left: 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-right: 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-left: 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 {

        right: -5vw;

        width: 38.64583vw;

        top: 21vw;

    }

    







}



@media(max-width:1680px) {

    .zendnnasxE .nnasxetop::before { left: -13%; }

}



@media(max-width:1500px) {

    .zendnnasxC .nnasxcbott .ottor ul li .t {

        font-size: 20px;

        padding: 25px 0;

    }

    .zendnnasxC .nnasxcbott .ottor ul li.curter .t {

        font-size: 24px;

        padding-bottom: 18px;

    }



    .zendnnasxD .nasxdte ul li::before {

        width: 20px;

        left: -18%;

        height: 11.68px;

    }



    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide {

        font-size: 14px;

    }

    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide p::before {

        top: 10px;

    }

}



@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-left: 0;

    }

    .zendnnasxB .ylze ul li:last-child { margin-left: 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-left: 0;

        margin-bottom: 20px;

        padding: 20px;

    }

    .zendnnasxE .nnasxezon ul li:last-child { margin-bottom: 0; }

    .zendnnasxE .nnasxezon ul li .zdasz {

        padding-right: 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-left: 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 {

        left: 0;

        padding-left: 20px;

    }

    .zendnnasxE .paanak ul li .bome .icon img {

        width: 40px;

        height: 40px;

    }

    .zendnnasxE .nnasxezon ul li .icone { left: 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 { left: 15px; }

    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide {

        padding: 20px;

    }

    .zendnnasxD .nasxdtop .xdtol .ulznene ul li .cont .nide p {

        padding-right: 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-left: 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-left: 0; }

    .zendnnasxD .nasxdte ul li .img img { height: 40px; }

    .zendnnasxD .nasxdte ul li::before { left: auto; right: 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-left: 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: right;

        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-right: 20px;

        margin-bottom: 15px;

    }

    .zendnnasxF .nxqal {

        text-align: right;

    }



    .zendnnasxG .awda {

        margin-top: 20px;

    }

}



















