.f_12{font-size:12px;}.f_13{font-size:13px;}.f_14{font-size:14px;}.f_15{font-size:15px;}.f_16{font-size:16px;}.f_17{font-size:17px;}.f_18{font-size:18px;}.f_19{font-size:19px;}.f_20{font-size:20px;}.f_21{font-size:21px;}.f_22{font-size:22px;}.f_23{font-size:23px;}.f_24{font-size:24px;}.f_25{font-size:25px;}.f_26{font-size:26px;}.f_27{font-size:27px;}.f_28{font-size:28px;}.f_29{font-size:29px;}.f_30{font-size:30px;}.f_31{font-size:31px;}.f_32{font-size:32px;}.f_33{font-size:33px;}.f_34{font-size:34px;}.f_35{font-size:35px;}.f_36{font-size:36px;}.f_37{font-size:37px;}.f_38{font-size:38px;}.f_39{font-size:39px;}.f_40{font-size:40px;}.f_41{font-size:41px;}.f_42{font-size:42px;}.f_43{font-size:43px;}.f_44{font-size:44px;}.f_45{font-size:45px;}.f_46{font-size:46px;}.f_47{font-size:47px;}.f_48{font-size:48px;}.f_49{font-size:49px;}.f_50{font-size:50px;}.f_51{font-size:51px;}.f_52{font-size:52px;}.f_53{font-size:53px;}.f_54{font-size:54px;}.f_55{font-size:55px;}.f_56{font-size:56px;}.f_57{font-size:57px;}.f_58{font-size:58px;}.f_59{font-size:59px;}.f_60{font-size:60px;}.f_61{font-size:61px;}.f_62{font-size:62px;}.f_63{font-size:63px;}.f_64{font-size:64px;}.f_65{font-size:65px;}.f_66{font-size:66px;}.f_67{font-size:67px;}.f_68{font-size:68px;}.f_69{font-size:69px;}.f_70{font-size:70px;}.f_71{font-size:71px;}.f_72{font-size:72px;}.f_73{font-size:73px;}.f_74{font-size:74px;}.f_75{font-size:75px;}.f_76{font-size:76px;}.f_77{font-size:77px;}.f_78{font-size:78px;}.f_79{font-size:79px;}.f_80{font-size:80px;}@media (max-width:1681px){.f_12{font-size:12px;}.f_13{font-size:13px;}.f_14{font-size:13px;}.f_15{font-size:14px;}.f_16{font-size:15px;}.f_17{font-size:16px;}.f_18{font-size:17px;}.f_19{font-size:18px;}.f_20{font-size:18px;}.f_21{font-size:19px;}.f_22{font-size:20px;}.f_23{font-size:21px;}.f_24{font-size:22px;}.f_25{font-size:23px;}.f_26{font-size:24px;}.f_27{font-size:25px;}.f_28{font-size:26px;}.f_29{font-size:27px;}.f_30{font-size:27px;}.f_31{font-size:28px;}.f_32{font-size:29px;}.f_33{font-size:30px;}.f_34{font-size:31px;}.f_35{font-size:32px;}.f_36{font-size:33px;}.f_37{font-size:34px;}.f_38{font-size:35px;}.f_39{font-size:36px;}.f_40{font-size:37px;}.f_42{font-size:38px;}.f_43{font-size:39px;}.f_44{font-size:40px;}.f_45{font-size:41px;}.f_46{font-size:42px;}.f_47{font-size:43px;}.f_48{font-size:44px;}.f_50{font-size:45px;}.f_51{font-size:46px;}.f_52{font-size:47px;}.f_53{font-size:48px;}.f_54{font-size:49px;}.f_55{font-size:50px;}.f_56{font-size:51px;}.f_57{font-size:52px;}.f_58{font-size:53px;}.f_59{font-size:54px;}.f_60{font-size:54px;}.f_61{font-size:55px;}.f_62{font-size:56px;}.f_63{font-size:57px;}.f_64{font-size:58px;}.f_65{font-size:59px;}.f_66{font-size:60px;}.f_67{font-size:61px;}.f_68{font-size:62px;}.f_69{font-size:63px;}.f_70{font-size:62px;}.f_71{font-size:63px;}.f_72{font-size:64px;}.f_73{font-size:65px;}.f_74{font-size:66px;}.f_75{font-size:67px;}.f_76{font-size:68px;}.f_77{font-size:69px;}.f_78{font-size:70px;}.f_79{font-size:71px;}.f_80{font-size:72px;}}@media (max-width:1481px){.f_13{font-size:12px;}.f_14{font-size:12px;}.f_15{font-size:13px;}.f_16{font-size:14px;}.f_17{font-size:15px;}.f_18{font-size:16px;}.f_19{font-size:17px;}.f_20{font-size:18px;}.f_20{font-size:16px;}.f_21{font-size:17px;}.f_22{font-size:18px;}.f_23{font-size:19px;}.f_24{font-size:20px;}.f_25{font-size:21px;}.f_26{font-size:22px;}.f_27{font-size:23px;}.f_28{font-size:24px;}.f_29{font-size:25px;}.f_30{font-size:26px;}.f_31{font-size:25px;}.f_32{font-size:26px;}.f_33{font-size:27px;}.f_34{font-size:28px;}.f_35{font-size:29px;}.f_36{font-size:30px;}.f_37{font-size:31px;}.f_38{font-size:32px;}.f_39{font-size:33px;}.f_40{font-size:34px;}.f_41{font-size:35px;}.f_42{font-size:36px;}.f_43{font-size:37px;}.f_44{font-size:38px;}.f_45{font-size:37px;}.f_46{font-size:38px;}.f_47{font-size:39px;}.f_48{font-size:40px;}.f_49{font-size:41px;}.f_50{font-size:42px;}.f_51{font-size:43px;}.f_52{font-size:44px;}.f_53{font-size:45px;}.f_54{font-size:46px;}.f_55{font-size:47px;}.f_56{font-size:48px;}.f_57{font-size:49px;}.f_58{font-size:50px;}.f_59{font-size:51px;}.f_60{font-size:52px;}.f_61{font-size:51px;}.f_62{font-size:52px;}.f_63{font-size:53px;}.f_64{font-size:54px;}.f_65{font-size:55px;}.f_66{font-size:56px;}.f_67{font-size:57px;}.f_68{font-size:58px;}.f_69{font-size:59px;}.f_70{font-size:60px;}.f_71{font-size:55px;}.f_72{font-size:56px;}.f_73{font-size:57px;}.f_74{font-size:58px;}.f_75{font-size:59px;}.f_76{font-size:60px;}.f_77{font-size:61px;}.f_78{font-size:62px;}.f_79{font-size:63px;}.f_80{font-size:64px;}}
@media (max-width:1281px) {
    .f_13 {
        font-size:12px;
    }
    .f_14 {
        font-size:12px;
    }
    .f_15 {
        font-size:12px;
    }
    .f_16 {
        font-size:13px;
    }
    .f_17 {
        font-size:16px;
    }
    .f_18 {
        font-size:15px;
    }
    .f_19 {
        font-size:16px;
    }
    .f_20 {
        font-size:16px;
    }
    .f_22 {
        font-size:17px;
    }
    .f_24 {
        font-size:17px;
    }
    .f_25 {
        font-size:18px;
    }
    .f_26 {
        font-size:18px;
    }
    .f_27 {
        font-size:19px;
    }
    .f_28 {
        font-size:19px;
    }
    .f_29 {
        font-size:20px;
    }
    .f_30 {
        font-size:21px;
    }
    .f_31 {
        font-size:21px;
    }
    .f_32 {
        font-size:22px;
    }
    .f_33 {
        font-size:24px;
    }
    .f_34 {
        font-size:25px;
    }
    .f_35 {
        font-size:26px;
    }
    .f_36 {
        font-size:27px;
    }
    .f_37 {
        font-size:28px;
    }
    .f_38 {
        font-size:29px;
    }
    .f_39 {
        font-size:30px;
    }
    .f_40 {
        font-size:31px;
    }
    .f_41 {
        font-size:32px;
    }
    .f_42 {
        font-size:33px;
    }
    .f_43 {
        font-size:34px;
    }
    .f_44 {
        font-size:35px;
    }
    .f_45 {
        font-size:36px;
    }
    .f_46 {
        font-size:37px;
    }
    .f_47 {
        font-size:38px;
    }
    .f_48 {
        font-size:39px;
    }
    .f_49 {
        font-size:40px;
    }
    .f_50 {
        font-size:38px;
    }
    .f_51 {
        font-size:39px;
    }
    .f_52 {
        font-size:40px;
    }
    .f_53 {
        font-size:41px;
    }
    .f_54 {
        font-size:42px;
    }
    .f_55 {
        font-size:43px;
    }
    .f_56 {
        font-size:44px;
    }
    .f_57 {
        font-size:45px;
    }
    .f_58 {
        font-size:46px;
    }
    .f_59 {
        font-size:47px;
    }
    .f_60 {
        font-size:48px;
    }
    .f_61 {
        font-size:49px;
    }
    .f_62 {
        font-size:50px;
    }
    .f_63 {
        font-size:51px;
    }
    .f_64 {
        font-size:52px;
    }
    .f_65 {
        font-size:53px;
    }
    .f_66 {
        font-size:54px;
    }
    .f_67 {
        font-size:55px;
    }
    .f_68 {
        font-size:56px;
    }
    .f_69 {
        font-size:57px;
    }
    .f_70 {
        font-size:58px;
    }
    .f_71 {
        font-size:51px;
    }
    .f_72 {
        font-size:52px;
    }
    .f_73 {
        font-size:53px;
    }
    .f_74 {
        font-size:54px;
    }
    .f_75 {
        font-size:55px;
    }
    .f_76 {
        font-size:56px;
    }
    .f_77 {
        font-size:57px;
    }
    .f_78 {
        font-size:58px;
    }
    .f_79 {
        font-size:59px;
    }
    .f_80 {
        font-size:60px;
    }
}


.bra1{padding: 0.96rem 0 1.6rem 0;}
.bra1 .txt{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 0.65rem;}
.bra1 .txt .tit{color: #07040A;font-family: hmm;width: calc(100% - 8rem);line-height: calc(1em + 8px);}
.bra1 .txt .tit span{color: #0087C3;}
.bra1 .txt .p{color: #858585;line-height: 1.77;font-family: hml;width: 7.6rem;}
.bra1 .txt .p span,
.bra1 .txt .p strong{color: #07040A;font-family: hmr;font-weight: 400;}
.bra1 .pic{width: 100%;border-radius: 0.2rem;overflow: hidden;}
.bra1 .pic img{width: 100%;}

.bra2{padding: 1.4rem 0 1.6rem 0;background-color: #F5F8F9;}
.bra2 .top{text-align: center;margin-bottom: 0.8rem;}
.bra2 .top .h{color: #07040A;line-height: 1.42;font-family: hmm;margin-bottom: 0.32rem;}
.bra2 .top .p{color: #858585;line-height: 1.66;font-family: hml;}
.bra2 .list{display: flex;justify-content: space-between;}
.bra2 .list .item{overflow: hidden;width: 4rem;transition: all 0.5s;}
.bra2 .list .item.on{width: 8.4rem;}
.bra2 .list .item .pic{width: 100%;height: 6.2rem;position: relative;overflow: hidden;border-radius: 0.2rem;margin-bottom: 0.4rem;}
.bra2 .list .item .pic img{max-width: 9999px;width: 8.4rem;height: 100%;object-fit: cover;}
.bra2 .list .item .h{width: 100%;color: #07040A;font-family: hmm;line-height: 1.2;margin-bottom: 0.22rem;transition: all 0.5s;}
.bra2 .list .item.on .h{color: #0087C3;}
.bra2 .list .item .p{color: #858585;font-family: hml;line-height: 1.8;width: 8.4rem;opacity: 0;transition: all 0.5s;}
.bra2 .list .item.on .p{opacity: 1;}

.bra3{padding: 1.4rem 0 1.6rem 0;}
.bra3 .top{text-align: center;margin-bottom: 0.8rem;}
.bra3 .top .h{color: #07040A;line-height: 1.42;font-family: hmm;margin-bottom: 0.32rem;}
.bra3 .top .p{color: #858585;line-height: 1.66;font-family: hml;}
.bra3 .bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}
.bra3 .bottom .item{padding: 0.4rem;border-radius: 0.2rem;border: 1px solid #E8E8E8;width: 4.07rem;color: #07040A;transition: all 0.5s;background: no-repeat center;background-size: cover; background-color: #ffffff;}
.bra3 .bottom .item1{width: 8.45rem;margin-bottom: 0.28rem;}
.bra3 .bottom .item .icon{display: block;width: 0.56rem;height: 0.56rem;margin-bottom: 0.4rem;}
.bra3 .bottom .item .icon img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.bra3 .bottom .item .h{font-family: hmm;line-height: 1.16;margin-bottom: 0.16rem;transition: all 0.5s;}
.bra3 .bottom .item .p{font-family: hml;line-height: 1.55;}

.bra4{padding: 1.4rem 1rem 0.96rem;background: url(../img/bra4_bj.png)no-repeat center;background-size: cover;}
.bra4 .top{text-align: center;margin-bottom: 0.8rem;}
.bra4 .top .h{color: #07040A;line-height: 1.42;font-family: hmm;margin-bottom: 0.32rem;}
.bra4 .top .p{color: #858585;line-height: 1.66;font-family: hml;}
.bra4 .bottom{width: 100%;padding: 0.5rem 0.7rem 0.5rem 0.5rem;background-color: #ffffff;border-radius: 0.2rem;display: flex;justify-content: space-between;}
.bra4 .bottom .pics{width: 4.3rem;padding-left: 0.3rem;position: relative;overflow: hidden;}
.bra4 .bottom .pics .swiper-slide{opacity: 0;}
.bra4 .bottom .pics .swiper-slide-prev{opacity: 1;}
.bra4 .bottom .pics .swiper-slide-active{opacity: 1;}
.bra4 .bottom .pics .swiper-slide-prev img{border-radius: 0.2rem;overflow: hidden;width: 100%;transform: translateX(90%) scale(0.9);opacity: 0.7;transition: all 0.5s;}
.bra4 .bottom .pics .swiper-slide-active img{transform: translateX(0);opacity: 1;}
.bra4 .bottom .txts{width: 9rem;position: relative;overflow: hidden;padding-top: 1.62rem;}
.bra4 .bottom .txts .h{color: #0087C3;font-family: hmm;line-height: 1;margin-bottom: 0.4rem;}
.bra4 .bottom .txts .p{color: #07040A;line-height: 1.7;font-family: hmr;}
.bra4 .bottom .txts .next{position: absolute;right: 0;bottom: 0;z-index: 5;}
.bra4 .bottom .txts .prev{position: absolute;right: 0.84rem;bottom: 0;z-index: 5;}

.bra4 .bottom .txts{padding-top: 0.62rem;padding-bottom: 1rem;}

.bra5{padding-top: 1.5rem;padding-bottom: 0.74rem;}
.bra5 .top{text-align: center;}
.bra5 .top .tit{color: #07040A;line-height: 1.167;margin-bottom: 0.32rem;font-family: hmm;}
.bra5 .top .p{color: #858585;font-family: hml;line-height: 1.66;margin-bottom: 0.6rem;}
.bra5 .top .form{width: fit-content;border-radius: 0.28rem;border: 1px solid #E8E8E8;position: relative;display: flex;padding-left: 0.55rem;margin: 0 auto;}
.bra5 .top .form::before{content: "";position: absolute;top: 50%;left: 0.3rem;transform: translateY(-50%);width: 0.15rem;height: 0.15rem;background: url(../img/bra5_ser.png);background-size: 100% 100%;}
.bra5 .top .form input{width: 7.7rem;line-height: 0.56rem;}
.bra5 .top .form .h_btn{width: 1.68rem;border-radius: 0.3rem;background:#0087C3;color: #fff;text-align: center;cursor: pointer;line-height: 0.56rem;}
.bra5 .bottom{width: 100%;display: flex;justify-content: space-between;margin-top: 0.6rem;}
.bra5 .bottom .left{width: 4.06rem;}
.bra5 .bottom .left .top1{display: flex;justify-content: space-between;align-items: center;padding: 0.36rem;border-radius: 0.12rem;border: 1px solid #E8E8E8;background: #FFF;margin-bottom: 0.24rem;font-family: hmr;}
.bra5 .bottom .left .top1 .re{color: #0087C3;font-family: hml;cursor: pointer;}
.bra5 .bottom .left .bottom1{padding: 0.36rem;border-radius: 0.12rem;border: 1px solid #E8E8E8;background: #FFF;}
.bra5 .bottom .left .bottom1 .h{width: 100%;display: flex;align-items: center;margin-bottom: 0.12rem;color: #07040A;line-height: 1.2;font-family: hmr;justify-content: space-between;}
.bra5 .bottom .left .bottom1 .h .add{width: 0.12rem;height: 0.12rem;}
.bra5 .bottom .left .bottom1 .h .add img{width: 100%;height: 100%;}
.bra5 .bottom .left .bottom1 .h .add img.img2{display: none;}
.bra5 .bottom .left .bottom1 .h.hid .add img.img1{display: none;}
.bra5 .bottom .left .bottom1 .h.hid .add img.img2{display: block;}
.bra5 .bottom .left .bottom1 li{display: flex;align-items: center;color: #858585;line-height: 3.06;font-family: hml;cursor: pointer;}
.bra5 .bottom .left .bottom1 li .gou{width: 0.14rem;height: 0.14rem;margin-right: 0.12rem;}
.bra5 .bottom .left .bottom1 li .gou img{width: 100%;height: 100%;}
.bra5 .bottom .left .bottom1 li .gou img.img2{display: none;}
.bra5 .bottom .left .bottom1 li.on .gou img.img1{display: none;}
.bra5 .bottom .left .bottom1 li.on .gou img.img2{display: block;}

.bra5 .bottom .right{width: 12.74rem;}
.bra5 .bottom .right .top1{padding: 0.36rem 0.48rem;color: #07040A;font-family: hmr;margin-bottom: 0.24rem;border-radius: 0.12rem;border: 1px solid #E8E8E8;background: #FFF;}
.bra5 .bottom .right .list .item{padding: 0.48rem;border-radius: 0.12rem;border: 1px solid #E8E8E8;background: #FFF;margin-bottom: 0.24rem;}
.bra5 .bottom .right .list .item .top2{display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.bra5 .bottom .right .list .item .top2 .h{color: #07040A;line-height: 1.167;margin-bottom: 0.28rem;font-family: hmr;}
.bra5 .bottom .right .list .item .top2 .p{color: #858585;line-height: 1.2;font-family: hml;}
.bra5 .bottom .right .list .item .top2 .bt{display: flex;align-items: center;color: #07040A;font-family: hmm;}
.bra5 .bottom .right .list .item .top2 .bt .jt{width: 0.14rem;height: 0.14rem;transition: all 0.5s;margin-left: 0.1rem;}
.bra5 .bottom .right .list .item .top2 .bt .jt img{width: 100%;height: 100%;object-fit: contain;}
.bra5 .bottom .right .list .item .top2 .bt .jt img.img2{display: none;}
.bra5 .bottom .right .list .item.on .top2 .bt{color: #0087C3;}
.bra5 .bottom .right .list .item.on .top2 .bt .jt{transform: rotate(180deg);}
.bra5 .bottom .right .list .item.on .top2 .bt .jt img.img1{display: none;}
.bra5 .bottom .right .list .item.on .top2 .bt .jt img.img2{display: block;}
.bra5 .bottom .right .list .item .bottom2{display: none;}
.bra5 .bottom .right .list .item .bottom2 .item1{padding-top: 0.28rem;}
.bra5 .bottom .right .list .item .bottom2 .item1 .h{color: #0087C3;font-family: hmm;line-height: 1.2;margin-bottom: 0.2rem;}
.bra5 .bottom .right .list .item .bottom2 .item1 .p{color: #858585;font-family: hml;line-height: 2.2;}
.bra5 .bottom .right .list .item .bottom2 .td{width: fit-content;display: flex;align-items: center;padding: 0.15rem 0.36rem;color: #fff;border-radius: 0.6rem;background:#0087C3;font-family: hml;white-space: nowrap;margin-top: 0.4rem;margin-right: 0.2rem;}
.bra5 .bottom .right .list .item .bottom2 .td img{display: block;width: 0.04rem;margin-left: 0.12rem;}

.bra5 .bottom .right .list .item .bottom2 .btnbox{display: flex;}


.inner_banner .btnx{width: fit-content;padding: 0.14rem 0.44rem;color: #ffffff;background-color: #0087C3;border-radius: 0.28rem;font-family: hml;margin-top: 0.8rem;}

.solutionLayout .inner_banner .btnx{margin-top: 1.5rem;}

.esg1{padding: 0.68rem 0 0 0;}
.esg1 .w1720{display: flex;justify-content: space-between;align-items: center;}
.esg1 .txt{width: 7.7rem;}
.esg1 .txt .h{color: #07040A;line-height: 1.4;margin-bottom: 0.48rem;font-family: hmms;}
.esg1 .txt .p{color: #858585;line-height: 2.22;font-family: hml;}
.esg1 .pic{width: 7.9rem;height: 5.6rem;border-radius: 0.2rem;}
.esg1 .pic img{width: 100%;height: 100%;object-fit: cover;}

.esg2{padding: 2rem 0 0 0;}
.esg2 .box{padding-bottom: 2rem;}
.esg2 .box .top{text-align: center;margin-bottom: 0.8rem;}
.esg2 .box .top .h{color: #07040A;line-height: 1.42;font-family: hmm;margin-bottom: 0.32rem;}
.esg2 .box .top .p{color: #858585;line-height: 1.66;font-family: hml;}
.esg2 .box .con{display: flex;align-items: center;justify-content: space-between;position: relative;}
.esg2 .box:nth-child(2n) .con{flex-flow:row-reverse;}
.esg2 .box .con .pic{width: 7.4rem;height: 5rem;border-radius: 0.2rem;overflow: hidden;}
.esg2 .box .con .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.esg2 .box .con .pic:hover img{transform: scale(1.05);}
.esg2 .box .con .txts{width: 8.38rem;height: 5rem;overflow: auto;padding: 0.6rem 1.2rem 0 0;position: relative;}
.esg2 .box .con:after{content: "";position: absolute;right: 0;bottom: 0;width: 8.38rem;height: 20%;background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0.00) 100%);}
.esg2 .box:nth-child(2n) .con .txts{}
.esg2 .box .con .txts .txt{margin-bottom: 1.2rem;}
.esg2 .box .con .txts .txt .h{color: #07040A;font-family: hmm;line-height: 1.2;margin-bottom: 0.4rem;}
.esg2 .box .con .txts .txt .p{color: #858585;line-height: 1.55;font-family: hml;}

.esg2 .box .con .txts::-webkit-scrollbar{ width:5px;height: 1px;border-radius: 6px;overflow: hidden;}
.esg2 .box .con .txts::-webkit-scrollbar-thumb{ background:#0087C3;border-radius: 6px;}
.esg2 .box .con .txts::-webkit-scrollbar-track{ background:#E3E3E3;}

.esg3{padding-bottom: 1.6rem;}
.esg3 .top{text-align: center;margin-bottom: 0.8rem;}
.esg3 .top .h{color: #07040A;line-height: 1.42;font-family: hmm;margin-bottom: 0.32rem;}
.esg3 .top .p{color: #858585;line-height: 1.66;font-family: hml;}
.esg3 .bottom{position: relative;overflow: hidden;padding-bottom: 1.4rem;}
.esg3 .bottom .btns{position: absolute;right: 0;bottom: 0;}
.esg3 .bottom .swiper-pagination{left: 0;width: fit-content;bottom: 0.3rem;color: #474342;font-family: hmr;font-size: 0.18rem;position: absolute;}
.esg3 .bottom .swiper-pagination .swiper-pagination-current{font-size: 0.24rem;font-family: hmm;color: #0068B7;}
.esg3 .bottom .swiper-slide{padding: 0.4rem 0.6rem 0.6rem 0.6rem;border-radius: 0.2rem;border: 1px solid #E8E8E8;background: #FFF;}
.esg3 .bottom .swiper-slide .pic{width: 100%;height: 3.6rem;border-radius: 0.08rem;overflow: hidden;margin-bottom: 0.4rem;}
.esg3 .bottom .swiper-slide .pic img{width: 100%;height: 100%;object-fit: contain;}
.esg3 .bottom .swiper-slide .txt{text-align: center;color: #07040A;line-height: 1.66;font-family: hmr;}

.esg4{color: #ffffff;padding: 1.56rem 1rem 1.2rem 1rem;background: url(../img/esg9.png)no-repeat center;background-size: cover;color: #fff;}
.esg4 .h{font-family: hmm;line-height: 1.33;margin-bottom: 0.4rem;}
.esg4 .p{font-family: hml;line-height: 1.63;margin-bottom: 0.8rem;}
.esg4 .btnx{width: fit-content;padding: 0.14rem 0.44rem;color: #ffffff;background-color: #0087C3;border-radius: 0.28rem;font-family: hml;}

.que_con{position: relative;padding-top: 1rem;}
.que_con .left{float: left;width: 2.36rem;position: sticky;top: 1rem;}
.que_con .left .left_nav{padding-top: 0.2rem;}
.que_con .left .left_nav a{display: block;margin-bottom: 0.36rem;color: #07040A;font-family: hml;line-height: 1.63;transition: all 0.5s;}
.que_con .left .left_nav a:hover,.que_con .left .left_nav a.on{color: #0087C3;font-family: hmm;}
.que_con .right{width: 14.7rem;float: right;padding-left: 1.2rem;border-left: 1px solid #E8E8E8;margin-top: 0rem;padding-top: 0.4rem;padding-bottom: 1.2rem;}
.que_con .right .top{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.6rem;}
.que_con .right .top .h{color: #333;font-family: hmm;line-height: 1.16;}
.que_con .right .top .t_right{display: flex;align-items: center;}
.que_con .right .top .t_right form{width: 4.1rem;display: flex;align-items: center;justify-content: space-between; border-radius: 1rem;border: 1px solid #E8E8E8;padding: 0.15rem 0.32rem;margin-right: 0.24rem;}
.que_con .right .top .t_right form input{width: 3rem;}
.que_con .right .top .t_right form button{display: block;width: 0.18rem;height: 0.18rem;cursor: pointer;border: none;background-color: transparent;}
.que_con .right .top .t_right form button img{width: 100%;height: 100%;object-fit: contain;}
.que_con .right .top .t_right .btnx{width: fit-content;padding: 0.14rem 0.44rem;color: #ffffff;background-color: #0087C3;border-radius: 0.28rem;font-family: hml;}
.que_con .right .list{}
.que_con .right .list .item{padding-bottom: 0.48rem;margin-bottom: 0.48rem;border-bottom: 1px solid #E8E8E8;display: block;}
.que_con .right .list .item .h{display: flex;justify-content: space-between;align-items: center;width: 100%;transition: all 0.5s;}
.que_con .right .list .item:hover .h{color: #0087C3;}
.que_con .right .list .item.on .h{color: #0087C3;}
.que_con .right .list .item .h .add{display: block;width: 0.18rem;height: 0.18rem;}
.que_con .right .list .item .h .add img{width: 100%;height: 100%;object-fit: contain;}
.que_con .right .list .item .h .add img.img1{display: none;}
.que_con .right .list .item.on .h .add img.img1{display: block;}
.que_con .right .list .item.on .h .add img.img2{display: none;}
.que_con .right .list .item .p{padding-top: 0.32rem;color: #07040A;line-height: 1.55;font-family: hml;display: none;}
.que_con .right .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;}
.que_con .right .boxs:after{content: "";display: block;width: 4.3rem;height: 1px;}
.que_con .right .boxs .box{display: block;width: 4.3rem;border-radius: 0.2rem;border: 1px solid #E8E8E8;background: no-repeat center;background-size: cover; background-color: #FFF;transition: all 0.5s;padding: 0.64rem 0.56rem;margin-bottom: 0.4rem;}
.que_con .right .boxs .box:hover{background-image: url(../img/res_bj.png);}
.que_con .right .boxs .box .pdf{display: block;width: 0.48rem;height: 0.48rem;margin-bottom: 0.3rem;}
.que_con .right .boxs .box img{width: 100%;height: 100%;object-fit: contain;}
.que_con .right .boxs .box img.img2{display: none;}
.que_con .right .boxs .box:hover img.img2{display: block;}
.que_con .right .boxs .box:hover img.img1{display: none;}
.que_con .right .boxs .box .h{color: #07040A;font-family: hmm;line-height: 1.66;margin-bottom: 1rem;}
.que_con .right .boxs .box:hover .h{color: #fff;}
.que_con .right .boxs .box .btns{display: flex;}
.que_con .right .boxs .box .btns .btn{width: 1.5rem;display: flex;border-radius: 0.29rem;border: 1px solid #E8E8E8;color: #07040A;font-family: hmr;padding: 0.11rem 0;justify-content: center;align-items: center;transition: all 0.1s;width: fit-content;padding: 0.11rem 0.27rem;}
.que_con .right .boxs .box .btns .btn .icon{width: 0.24rem;height: 0.24rem;margin-left: 0.08rem;}
.que_con .right .boxs .box:hover .btns .btn{border-color: #ffffff;color: #ffffff;}
/*.que_con .right .boxs .box .btns .btn:nth-child(1){margin-right: 0.16rem;}*/
/*.que_con .right .boxs .box:hover .btns .btn:nth-child(1){border-color: transparent;background-color: #fff;color: #0087C3;}*/

.res_tc{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;opacity: 0;pointer-events: none;}
.res_tc.show{opacity: 1;pointer-events: all;}
.res_tc .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);}
.res_tc .con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 14rem;padding: 0.8rem;background-color: #fff;border-radius: 0.2rem;}
.res_tc .con .out{position: absolute;top: 0.4rem;right: 0.4rem;cursor: pointer;transition: all 0.5s;width: 0.44rem;}
.res_tc .con .out:hover{transform: rotate(90deg);}
.res_tc .con .tit{text-align: center;line-height: 1.25;color: #07040A;font-family: hmm;margin-bottom: 0.6rem;}
.res_tc .con form .inputbox{width: 100%;display: flex;flex-wrap: wrap;}
.res_tc .con form .inputbox .input{width: 3.91rem;margin-right: 0.28rem;margin-bottom: 0.3rem;}
.res_tc .con form .inputbox .input:nth-child(3n){margin-right: 0;}
.res_tc .con form .inputbox .input .name{display: flex;align-items: center;color: #858585;font-family: hml;line-height: 1.33;margin-bottom: 0.09rem;}
.res_tc .con form .inputbox .input .name span{color: #ED0908;}
.res_tc .con form .inputbox .input input{width: 100%;border-radius: 0.08rem;border: 1px solid #E3E3E3;line-height: 0.48rem;padding: 0 0.12rem;}
.res_tc .con form .inputbox .input1{width: 100%;}
.res_tc .con form .inputbox .input textarea{width: 100%;border-radius: 0.08rem;border: 1px solid #E3E3E3;line-height: 0.48rem;padding: 0 0.12rem;}
.res_tc .con form input[type="submit"]{width: fit-content;padding: 0.14rem 0.42rem;color: #fff;background-color: #0087C3;border-radius: 0.28rem;color: #ffffff;cursor: pointer;margin: 0 auto;display: block;}

.quer_con .top{text-align: center;/*margin-bottom: 1.2rem;*/}
.quer_con .top .tit{color: #07040A;line-height: 1.167;margin-bottom: 0.32rem;font-family: hmm;}
.quer_con .top .p{color: #858585;font-family: hml;line-height: 1.66;margin-bottom: 0.6rem;}
.quer_con .top form{width:10rem;display: flex;align-items: center;justify-content: space-between; border-radius: 1rem;border: 1px solid #E8E8E8;padding: 0.15rem 0.32rem;margin: 0 auto;}
.quer_con .top form input{width: 8.9rem;}
.quer_con .top form button{display: block;width: 0.18rem;height: 0.18rem;cursor: pointer;border: none;background-color: transparent;}
.quer_con .top form button img{width: 100%;height: 100%;object-fit: contain;}
.quer_con .bottom{width: 100%;display: flex;align-items: center;justify-content: space-between;padding-bottom: 1.96rem;}
.quer_con .bottom .maps{width: 9.7rem;}
/*.quer_con .bottom .maps img{width: 100%;display: none;}*/
/*.quer_con .bottom .maps img.on{display: block;}*/
.quer_con .bottom .right{width: 6.9rem;border-radius: 0.2rem;background: #FFF;box-shadow: 0 0 106.1px 0 rgba(0, 0, 0, 0.06);position: relative;z-index: 10;}

.quer_con .bottom .right .top1{padding: 0.6rem 0.4rem 0.34rem 0.4rem;border-bottom: 1px solid #E8E8E8;position: relative;color: #0087C3;font-family: hmm;}
.quer_con .bottom .right .top1:after{content: "";position: absolute;left: 0.4rem;bottom: -1px;width: 0.66rem;height: 2px;background-color: #0087C3;}
.quer_con .bottom .right .lists{padding: 0.4rem 0.2rem 0.4rem 0.4rem;}
.quer_con .bottom .right .lists .list{height: 5.62rem;overflow: auto;padding-right: 0.5rem;}

.quer_con .bottom .right .lists .list::-webkit-scrollbar{ width:4px;height: 1px;border-radius: 6px;overflow: hidden;}
.quer_con .bottom .right .lists .list::-webkit-scrollbar-thumb{ background:#0087C3;border-radius: 6px;}
.quer_con .bottom .right .lists .list::-webkit-scrollbar-track{ background:#E3E3E3;}

.quer_con .bottom .right .lists .list .item{display: flex;width: 100%;align-items: center;padding: 0.4rem 0;border-bottom: 1px dashed #E8E8E8;}
.quer_con .bottom .right .lists .list .item:nth-child(1){padding-top: 0;}
.quer_con .bottom .right .lists .list .item .num{width: 0.48rem;margin-right: 0.6rem;color: #0087C3;font-family: hmm;line-height: calc(47 / 40);}
.quer_con .bottom .right .lists .list .item .txt{width: calc(100% - 1.08rem);}
.quer_con .bottom .right .lists .list .item .txt .h{color: #07040A;line-height: 1.2;}
.quer_con .bottom .right .lists .list .item .txt .p{display: flex;align-items: flex-start;line-height: 0.24rem;margin-bottom: 0.12rem;color: #07040A;font-family: hmr;}

.quer_con .bottom .right .lists .list .item .txt .h + .p{margin-top: 0.26rem;}

.quer_con .bottom .right .lists .list .item .txt .p img{display: block;width: 0.24rem;height: 0.24rem;margin-right: 0.08rem;object-fit: contain;}
.quer_con .bottom .right .lists .list .item .txt .p span{display: block;width: calc(100% - 0.32rem);}



/* 9.29 */
.inner_banner .icons{position: absolute;bottom: 1rem;right: 1rem;width: fit-content;color: #ffffff;text-align: center;display: flex;}
.inner_banner .icons .item{margin-left: 0.48rem;margin-left: 0.12rem;margin-top: 0.12rem;width: 2.5rem;}
.inner_banner .icons .item:first-child{margin-left: 0;}
.inner_banner .icons .item .icon{width: 0.8rem;height: 0.8rem;margin: 0 auto;margin-bottom: 0.2rem;display: flex;align-items: center;justify-content: center;background-color: rgba(255,255,255,0.1);border-radius: 50%;border: 1px solid #fff;backdrop-filter: blur(20px);}
.inner_banner .icons .item .icon img{width: 0.44rem;height: 0.44rem;}
.inner_banner .icons .item .h{line-height: 1.2;margin-bottom: 0.08rem;font-family: hmr;font-size: 0.16rem;}
.inner_banner .icons .item .p{line-height: 1.2;font-family: hml;font-size: 0.14rem;}

/*.inner_banner .icons{max-width: 45%;flex-wrap: wrap;}*/

/*.inner_banner .icons .item{width: calc((100% - 0.48rem) / 3)}*/

/*.inner_banner .icons .item:nth-child(4n){margin-left: 0;}*/

/*.inner_banner .icons .item:nth-child(-n + 3){margin-top: 0;}*/


.sol1{padding: 1.2rem 1.4rem 0 1.4rem;}
.sol1 .top{text-align: center;margin-bottom: 0.8rem;}
.sol1 .top .tit{color: #07040A;line-height: 1.167;margin-bottom: 0.32rem;font-family: hmm;}
.sol1 .top .p{color: #858585;font-family: hml;line-height: 1.66;margin-bottom: 0.6rem;}
.sol1 .pic{width: 100%;height: 7.06rem;border-radius: 0.2rem;overflow: hidden;}
.sol1 .pic img{width: 100%;height: 100%;object-fit: cover;}

.sol2{padding: 1.8rem 1rem 1.8rem 1rem;}
.sol2 .top{text-align: center;margin-bottom: 0.8rem;}
.sol2 .top .tit{color: #07040A;line-height: 1.167;margin-bottom: 0.32rem;font-family: hmm;}
.sol2 .top .p{color: #858585;font-family: hml;line-height: 1.66;margin-bottom: 0.6rem;}
.sol2 .list{width: 100%;display: flex;justify-content: space-between;}
.sol2 .list .item{width: 2.4rem;border-radius: 0.2rem;overflow: hidden;position: relative;height: 6.26rem;transition: all 0.5s;}
.sol2 .list .item .pic{width: 6.6rem;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.sol2 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;}
.sol2 .list .item .txt{position: absolute;bottom: 0.36rem;left: 50%;transform: translateX(-50%);width: 6.6rem;color: #fff;text-align: center;z-index: 2;}
.sol2 .list .item .txt:after{content: "";position: absolute;left: 0;bottom: -0.36rem;width: 100%;height: 1.4rem;background: linear-gradient(180deg, rgba(51, 51, 51, 0.00) 15.71%, rgba(0, 0, 0, 0.60) 100%);z-index: -1;}
.sol2 .list .item .txt .h{font-family: hmr;line-height: 1.5;}
.sol2 .list .item .txt .p{padding-top: 0.16rem;font-family: hmr;line-height: 1.55;display: none;}
.sol2 .list .item.on{width: 6.6rem;}

.sol2 .list .item.on .txt:after{height: 5rem;transition: all 0.5s;}

.sol3{padding: 1.4rem 1rem;background-color: #F4F8FD;}
.sol3 .top{text-align: center;margin-bottom: 0.8rem;}
.sol3 .top .tit{color: #07040A;line-height: 1.167;margin-bottom: 0.32rem;font-family: hmm;}
.sol3 .top .p{color: #858585;font-family: hml;line-height: 1.66;margin-bottom: 0.6rem;}
.sol3 .pic{width: 100%;}
.sol3 .pic img{width: 100%;}

.sol4{padding: 1.6rem 2.13rem;background-color: #fff;position: relative;z-index: 2;}
.sol4::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height:100%;background: url(../img/so4_bj.png)no-repeat center;background-size: cover;z-index: -1;}
.sol4 .top{text-align: center;margin-bottom: 0.8rem;}
.sol4 .top .tit{color: #07040A;line-height: 1.167;margin-bottom: 0.32rem;font-family: hmm;}
.sol4 .top .p{color: #858585;font-family: hml;line-height: 1.66;margin-bottom: 0.6rem;}
.sol4 .pic{width: 100%;}
.sol4 .pic img{width: 100%;}

.sol5{padding: 1.8rem 0.86rem;background: url(../img/so5_bj.png)no-repeat center;background-size: cover;background-color: #fff;}
.sol5 .top{text-align: center;margin-bottom: 0.8rem;}
.sol5 .top .tit{color: #07040A;line-height: 1.167;margin-bottom: 0.32rem;font-family: hmm;}
.sol5 .top .p{color: #858585;font-family: hml;line-height: 1.66;margin-bottom: 0.6rem;}
.sol5 .boxs .box{width: 100%;display: flex;justify-content: space-between;margin-bottom: 1.8rem;}
.sol5 .boxs .box:nth-child(2n){flex-flow:row-reverse;}
.sol5 .boxs .box .pics{width: 9rem;padding-bottom: 0.37rem;position: relative;overflow: hidden;}
.sol5 .boxs .box .pics .swiper-slide{height: 5.62rem;border-radius: 0.2rem;overflow: hidden;}
.sol5 .boxs .box .pics .swiper-slide img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.sol5 .boxs .box .pics .swiper-slide:hover img{transform: scale(1.05);}
.sol5 .boxs .box .pics .swiper-pagination{bottom: 0;}
.sol5 .boxs .box .pics .swiper-pagination .swiper-pagination-bullet{width: 0.22rem;height: 0.05rem;border-radius: 0.03rem;opacity: 1;background-color: #E3E3E3;transition: all 0.5s;}
.sol5 .boxs .box .pics .swiper-pagination .swiper-pagination-bullet-active{width: 0.6rem;background-color: #0087C3;}
.sol5 .boxs .box .txt{width: 7rem;}
.sol5 .boxs .box .txt>.h{padding-top: 1.2rem;position: relative;z-index: 2;color: #0087C3;font-family: hmm;line-height: 1.25;margin-bottom: 0.6rem;}
.sol5 .boxs .box .txt>.h .num{position: absolute;left: 0;bottom: -0.4rem;font-size: 1.6rem;font-family: hmb;color: rgba(0, 135, 195, 0.10);z-index: -1;line-height: 1;}
.sol5 .boxs .box .txt li{margin-bottom: 0.28rem;}
.sol5 .boxs .box .txt li .h{color: #07040A;font-family: hmr;line-height: 1.2;margin-bottom: 0.12rem;}
.sol5 .boxs .box .txt li .p{color: #858585;font-family: hml;line-height: 1.55;}

.sol5 .box1 .h{padding-top: 0.6rem;position: relative;z-index: 2;color: #0087C3;font-family: hmm;line-height: 1.25;margin-bottom: 0.8rem;text-align: center;}
.sol5 .box1 .h .num{position: absolute;left: 50%;transform: translateX(-50%); bottom: -0.4rem;font-size: 1.6rem;font-family: hmb;color: rgba(0, 135, 195, 0.10);z-index: -1;line-height: 1;}
.sol5 .box1 .list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sol5 .box1 .list:after{content: "";height: 1px;display: block; width: 5.33rem;}
.sol5 .box1 .list .item{width: 5.33rem;padding: 0.24rem;background-color: #ffffff;border-radius: 0.2rem;text-align: center;color: #07040A;font-family: hmm;line-height: 1.2;}
.sol5 .box1 .list .item .pic{width: 100%;height: 3.12rem;overflow: hidden;border-radius: 0.2rem;margin-bottom: 0.4rem;}
.sol5 .box1 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.sol5 .box1 .list .item:hover .pic img{transform: scale(1.05);}
.sol5 .box1 .list .item .txt{height: 2.4em;}

.sol6{padding: 1.6rem 1rem 2rem 1rem;background: url(../img/sol6_bj.png)no-repeat center top;background-size: 100% auto;}
.sol6 .h{padding-top: 0.6rem;position: relative;z-index: 2;color: #ffffff;font-family: hmm;line-height: 1.25;margin-bottom: 1.1rem;text-align: center;}
.sol6 .h .num{position: absolute;left: 50%;transform: translateX(-50%); bottom: -0.4rem;font-size: 1.6rem;font-family: hmb;color: rgba(255, 255, 255, 0.30);z-index: -1;line-height: 1;}
.sol6 .list{display: flex;background: url(../img/sol6_bj1.png)no-repeat center;background-size: cover;background-color: #fff;border-radius: 0.2rem;overflow: hidden;}
.sol6 .list .item{width: 3rem;padding: 0.6rem;overflow: hidden;transition: all 0.5s;height: 5.82rem;position: relative;flex: 1;}
.sol6 .list .item.on{width: 5.2rem;flex: 1.73;}
.sol6 .list .item .icon{width: 0.64rem;height: 0.64rem;margin-bottom: 0.4rem;}
.sol6 .list .item .h_1{color: #333;font-family: hmm;line-height: 1.2;margin-bottom: 0.26rem;}
.sol6 .list .item .p{width: 4rem;color: #666;line-height: 1.87;font-family: hml;opacity: 0;transition: all 0.5s;}
.sol6 .list .item.on .p{opacity: 1;}
.sol6 .list .item .page{position: absolute;left: 0.6rem;bottom: 0.6rem;display: flex;color: #dcdcdc;align-items: flex-end;}
.sol6 .list .item .page span{color: #0087C3;margin-right: 0.05rem;transform: translateY(-0.04rem);}

.esg3.sol7 .top .btns{display: flex;justify-content: center;margin: 0.4rem 0 0.6rem 0;}
.esg3.sol7 .top .btns .btn{width: 1.84rem;text-align: center;line-height: 0.5rem;border:  1px solid #07040A;border-radius: 0.4rem;color: #07040A;transition: all 0.5s;margin: 0 0.15rem;cursor: pointer;}
.esg3.sol7 .top .btns .btn.on{color: #fff;border-color: transparent;background-color: #0087C3;}
.esg3.sol7 .bottom{display: none;}
.esg3.sol7 .bottom.on{display: block;}
.esg3.sol7 .bottom .swiper-slide .pic{height: 2.8rem;}

.sol8{padding: 1.4rem 1rem;background: url(../img/sol8_bj.png)no-repeat center;background-size: cover;position: relative;}
.sol8 .top{text-align: center;margin-bottom: 0.8rem;}
.sol8 .top .tit{color: #07040A;line-height: 1.167;margin-bottom: 0.32rem;font-family: hmm;}
.sol8 .top .p{color: #858585;font-family: hml;line-height: 1.66;margin-bottom: 0.6rem;}
.sol8 .bottom{position: relative;padding: 0 1.38rem;}
.sol8 .bottom .btns{position: absolute;top: 50%;left: 0;width: 100%;display: flex;justify-content: space-between;z-index: 5;}
.sol8 .bottom .list{position: relative;overflow: hidden;}
.sol8 .bottom .list .swiper-slide{border-radius: 0.2rem;background: rgba(255, 255, 255, 0.60);backdrop-filter: blur(20px);display: flex;padding: 0.48rem;justify-content: space-between;}
.sol8 .bottom .list .swiper-slide .pic{width: 7.4rem;height: 4.6rem;border-radius: 0.2rem;overflow: hidden;}
.sol8 .bottom .list .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.sol8 .bottom .list .swiper-slide .pic:hover img{transform: scale(1.05);}
.sol8 .bottom .list .swiper-slide .txt{width: 5.2rem;height: auto;position: relative;padding-bottom: 1rem;padding-top: 0.2rem;}
.sol8 .bottom .list .swiper-slide .txt .h{color: #07040A;font-family: hmm;line-height: 1.06;margin-bottom: 0.32rem;}
.sol8 .bottom .list .swiper-slide .txt .p{color: #858585;line-height: 1.77;height: 12.39em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.sol8 .bottom .list .swiper-slide .txt .bottom1{display: flex;align-items: center;/*position: absolute;bottom: 0.2rem;left: 0;*/width: 100%;margin-top: 0.2rem;}
.sol8 .bottom .list .swiper-slide .txt .bottom1 .icon{width: 0.8rem;height: 0.8rem;object-fit: contain;margin-right: 0.2rem;}
.sol8 .bottom .list .swiper-slide .txt .bottom1 .h_1{color: #07040A;font-family: hmr;line-height: 1.6;margin-bottom: 0.08rem;}
.sol8 .bottom .list .swiper-slide .txt .bottom1 ul{display: flex;}
.sol8 .bottom .list .swiper-slide .txt .bottom1 ul li{width: fit-content;padding: 0.06rem 0.12rem;color: #0087C3;border-radius: 0.06rem;background: rgba(0, 135, 195, 0.10);margin-right: 0.08rem;}

.sol9{padding: 1.8rem 1rem;background-color: #ffffff;}
.sol9 .top{text-align: center;margin-bottom: 0.8rem;}
.sol9 .top .tit{color: #07040A;line-height: 1.167;margin-bottom: 0.32rem;font-family: hmm;}
.sol9 .top .p{color: #858585;font-family: hml;line-height: 1.66;margin-bottom: 0.6rem;}
.sol9 .list{display: flex;width: 100%;}
.sol9 .list .item{width: 4.12rem;border-radius: 0.12rem;overflow: hidden;background-color: #F8F8F8;transition: all 0.5s;margin-right: 0.24rem;}
.sol9 .list .item:last-child{margin-right: 0;}
.sol9 .list .item:hover{background-color: #fff;box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);}
.sol9 .list .item .pic{width: 100%;height: 2.6rem;border-radius: 0.12rem;overflow: hidden;position: relative;}
.sol9 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.sol9 .list .item .pic .tip{position: absolute;top: 0;left: 0;width: fit-content;padding: 0.08rem 0.18rem;color: #ffffff;font-family: hml;border-bottom-right-radius: 0.12rem;}
.sol9 .list .item:hover .pic img{transform: scale(1.05);}
.sol9 .list .item .txt{padding: 0.32rem 0.16rem 0.48rem 0.16rem;}
.sol9 .list .item .txt .day{color: #B0AFB1;font-family: hml;line-height: 1.22;margin-bottom: 0.12rem;}
.sol9 .list .item .txt .h{color: #000;font-family: hmr;line-height: 1.6;height: 1.6em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.22rem;transition: all 0.5s;}
.sol9 .list .item:hover .txt .h{color: #0087C3;}
.sol9 .list .item .txt .p{color: #666;line-height: 1.55;font-family: hml;height: 4.65em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.sol10{padding: 1.4rem 1rem;background-color: #F4F8FD;}
.sol10 .top{text-align: center;margin-bottom: 0.8rem;}
.sol10 .top .tit{color: #07040A;line-height: 1.167;margin-bottom: 0.32rem;font-family: hmm;}
.sol10 .top .p{color: #858585;font-family: hml;line-height: 1.66;margin-bottom: 0.6rem;}
.sol10 .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sol10 .list:after{content: "";display: block;height: 1px;width: 5.33rem;}
.sol10 .list .item{width: 5.33rem;border-radius: 0.2rem;overflow: hidden;}
.sol10 .list .item .pic{width: 100%;height: 3rem;border-radius: 0.2rem;overflow: hidden;}
.sol10 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.sol10 .list .item:hover .pic img{transform: scale(1.05);}
.sol10 .list .item .h_1{margin-top: 0.36rem;color: #07040A;font-family: hmm;line-height: 1.2;margin-bottom: 0.2rem;}
.sol10 .list .item .p_1{color: #858585;font-family: hml;line-height: 1.55;}


.sol11{padding: 1.6rem 1rem 1rem 1rem;background-color: #fff;}
.sol11 .top{text-align: center;margin-bottom: 0.8rem;}
.sol11 .top .tit{color: #07040A;line-height: 1.167;margin-bottom: 0.32rem;font-family: hmm;}
.sol11 .top .p{color: #858585;font-family: hml;line-height: 1.66;margin-bottom: 0.6rem;}
.sol11 .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sol11 .list .item{width: 8.3rem;border-radius: 0.2rem;overflow: hidden;background-color: #f8f8f8;margin-bottom: 0.6rem;}
.sol11 .list .item .pic{width: 100%;height: 4.4rem;overflow: hidden;border-radius: 0.2rem;}
.sol11 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.sol11 .list .item:hover .pic img{transform: scale(1.05);}
.sol11 .list .item .txt{padding: 0.4rem 0.36rem;}
.sol11 .list .item .txt .h_1{color: #07040A;font-family: hmm;line-height: 1.2;margin-bottom: 0.2rem;}
.sol11 .list .item .txt .p_1{color: #858585;line-height: 1.55;height: 3.1em;font-family: hml;}


.esg3 .bottom .btns a{width: 0.88rem;margin: 0 -0.04rem;}

.beizhu{margin-top: 0.4rem;}
.bra3 .bottom .item:hover{color: #fff;background: url(../img/bra3_bj.png)no-repeat center;background-size: cover;}
.bra3 .bottom .item:hover .icon img{filter: grayscale(1) invert(1) brightness(1);filter: var(--imgwhite)}

@media screen and (min-width:1025px) {
    .bra2 .top .h br,
    .bra5 .top .tit br{display: none;}
}

@media screen and (max-width:1024px) {
    
  .f_12 {      font-size: 0.2rem;  }  .f_13 {      font-size: 0.2rem;  }  .f_14 {      font-size: 0.22rem;  }  .f_15 {      font-size: 0.22rem;  }  .f_16 {      font-size: 0.23rem;  }  .f_17 {      font-size: 0.23rem;  }  .f_18 {      font-size: 0.23rem;  }  .f_19 {      font-size: 0.23rem;  }  .f_20 {      font-size: 0.23rem;  }  .f_21 {      font-size: 0.24rem;  }  .f_22 {      font-size: 0.26rem;  }  .f_23 {      font-size: 0.26rem;  }  .f_24 {      font-size: 0.26rem;  }  .f_25 {      font-size: 0.26rem;  }  .f_26 {      font-size: 0.26rem;  }  .f_27 {      font-size: 0.27rem;  }  .f_28 {      font-size: 0.28rem;  }  .f_29 {      font-size: 0.28rem;  }  .f_30,  .f_31,  .f_32,  .f_33,  .f_34,  .f_35 {      font-size: 0.3rem;  }  .f_36,  .f_37,  .f_38,  .f_39,  .f_40,  .f_41,  .f_42,  .f_43,  .f_44,  .f_45,  .f_46 {      font-size: 0.32rem;  }  .f_47,  .f_48,  .f_49,  .f_50,  .f_51,  .f_52,  .f_53,  .f_54,  .f_55,  .f_56,  .f_57,  .f_58,  .f_59,  .f_60,  .f_61,  .f_62,  .f_63,  .f_64,  .f_65,  .f_66,  .f_67,  .f_68,  .f_69,  .f_70,  .f_71,  .f_72,  .f_73,  .f_74,  .f_75,  .f_76,  .f_77,  .f_78,  .f_79,  .f_80 {      font-size: 0.35rem;  }

    .inner_banner .btnx{
        margin-top: 0.48rem;
        font-size: 0.22rem;
        padding: 0.12rem 0.23rem 0.12rem 0.27rem;
        line-height: 0.22rem;
    }

    .esg1{padding: 1rem 0;}

    .esg1 .w1720{flex-wrap: wrap;}

    .esg1 .txt .h{margin-bottom: 0.2rem;}

    .esg1 .pic{margin-top: 0.3rem;width: 100%;height: calc((100vw - 0.68rem) * (560 / 790));}

    .esg2{padding-top: 0;}

    .esg2 .box .top .h{margin-bottom: 0.1rem;}

    .esg2 .box .top{margin-bottom: 0.4rem;}

    .esg2 .box .con{flex-wrap: wrap;}

    .esg2 .box .con .pic{width: 100%;height: calc((100vw - 0.68rem) * (500 / 740));}

    .esg2 .box .con .txts{margin-top: 0.4rem;padding-top: 0;width: 100%;}

    .esg2 .box .con .txts .txt .h{margin-bottom: 0.2rem;}

    .esg2 .box .con .txts .txt{margin-bottom: 0.6rem;}

    .esg2 .box{padding-bottom: 1rem;}
    
    .esg2 .box:last-child{margin-bottom: 0;}

    .esg2 .box:nth-child(2n) .con{flex-direction: column;}

    .esg3{padding-bottom: 1rem;}

    .esg4{padding: 1rem 0.34rem;}

    .esg4 .p{margin-bottom: 0.48rem;}

    .esg4 .btnx{
        font-size: 0.22rem;
        padding: 0.07rem 0.23rem 0.12rem 0.27rem;
        line-height: 0.22rem;
    }

    .bra1 .txt{flex-wrap: wrap;}

    .bra1{padding: 1rem 0;}

    .bra1 .txt .tit{width: 100%;}

    .bra1 .txt .p{width: 100%;margin-top: 0.2rem;}

    .bra2{padding: 1rem 0;}

    .bra2 .top .h{margin-bottom: 0.1rem;}

    .bra2 .top{margin-bottom: 0.4rem;}

    .bra2 .list{flex-wrap: wrap;}

    .bra2 .list .item.on,
    .bra2 .list .item{width: 100%;}

    .bra2 .list .item .p{width: 100%;opacity: 1;}

    .bra2 .list .item:not(:first-child){margin-top: 0.4rem;}

    .bra2 .list .item .pic{height: calc((100vw - 0.68rem) * (620 / 840));}

    .bra3{padding: 1rem 0;}

    .bra3 .top{padding: 0 0.34rem;margin-bottom: 0.4rem;}

    .bra3 .bottom .item{width: 100%;margin-bottom: 0.28rem;}

    .bra3 .bottom .item:last-child{margin-bottom: 0;}

    .bra4{padding: 1rem 0.34rem;}

    .bra4 .bottom .pics{width: 100%;}

    .bra4 .bottom{flex-wrap: wrap;padding: 0.4rem 0.3rem 0.6rem;}

    .bra4 .bottom .txts{width: 100%;padding-top: 0.4rem;padding-bottom: 1rem;}

    .bra4 .bottom .txts .prev{width: 0.88rem;left: 50%;bottom: 0;margin-left: -0.88rem;}

    .bra4 .bottom .txts .next{width: 0.88rem;right: 50%;bottom: 0;margin-right: -0.88rem;}

    .bra5{padding: 1rem 0.34rem;}

    .bra5 .top .form{width: 100%;}
    
    .bra5 .top .form input{flex: 1;}

    .bra5 .bottom{flex-wrap: wrap;margin-top: 0.4rem;}

    .bra5 .bottom .left{width: 100%;}

    .bra5 .bottom .right{width: 100%;margin-top: 0.4rem;}

    .bra5 .bottom .left .bottom1 li .gou{width: 0.24rem;height: 0.24rem;}

    .bra5 .bottom .right .list .item{padding: 0.48rem 0.3rem;}

    .quer_con{padding: 1rem 0.34rem;}

    .quer_con .top{margin-bottom: 0.4rem;}

    .quer_con .top form{width: 100%;}

    .quer_con .top form input{flex: 1;}

    .quer_con .top form button{width: 0.3rem;height: 0.3rem;}

    .quer_con .bottom{flex-wrap: wrap;padding-bottom: 0;}

    .quer_con .bottom .maps{width: 100%;}

    .quer_con .bottom .right{width: 100%;margin-top: 0.4rem;position: relative;z-index: 10;}

    .quer_con .bottom .right .lists .list .item .txt .p{line-height: 0.4rem;}

    .quer_con .bottom .right .lists .list .item .txt .p img{margin-top: 0.08rem;}
    
    .que_con .left{position: relative;top: 0;width: 100%;}

    .que_con .left .left_nav{display: flex;flex-wrap: wrap;gap: 0.2rem 0.28rem;}

    .que_con .left .left_nav a{margin-bottom: 0;}

    .que_con .right{width: 100%;border-left: none;padding: 0.4rem 0 0;}

    .que_con{padding: 0.8rem 0.34rem;}

    .que_con .right .boxs .box{width: 48%;margin-bottom: 0.3rem;padding: 0.4rem 0.3rem;}

    .res_tc .con{width: 90%;padding: 1rem 0.34rem 0.6rem;}

    .res_tc .con form .inputbox .input{width: 100%;margin-right: 0;}

    .que_con .right .top{flex-wrap: wrap;}

    .que_con .right .top .t_right{width: 100%;margin-top: 0.3rem;}

    .que_con .right .top .t_right form{flex: 1;}
  
      .inner_banner .icons{position: relative;bottom: 0;right: 0;padding: 0.48rem 0.34rem 0;width: 100%;flex-wrap: wrap;gap: 0.2rem 0;}
      
      .inner_banner .icons .item{width: 50%;margin-left: 0;}
      
      .inner_banner .icons .item .icon{border: 1px solid #000;}
      
      .inner_banner .icons .item .icon img{filter: var(--imgblack)}
      
      .inner_banner .icons{color: #333;}
     
     .sol2,
    .sol1{padding: 0.8rem 0.34rem 0;}
    
    .sol11 .top .tit,
    .sol10 .top .tit,
    .sol9 .top .tit,
    .sol8 .top .tit,
    .esg3 .top .h,
    .sol5 .top .tit,
    .sol4 .top .tit,
    .sol3 .top .tit,
    .sol2 .top .tit,
    .sol1 .top .tit{margin-bottom: 0.2rem;}
    
    .sol9 .top .p,
    .sol8 .top .p,
    .sol5 .top .p,
    .sol4 .top .p,
    .sol3 .top .p,
    .sol2 .top .p,
    .sol1 .top .p{margin-bottom: 0.3rem;}
    
    .sol11 .top,
    .sol10 .top,
    .sol9 .top,
    .esg3 .top,
    .sol5 .top,
    .sol4 .top,
    .sol3 .top,
    .sol2 .top,
    .sol1 .top{margin-bottom: 0.3rem;}
    
    .sol1 .pic{height: auto;}
    
    .sol2 .list{flex-wrap: wrap;gap: 0.3rem;}
    
    .sol2 .list .item.on,
    .sol2 .list .item{width: 100%;height: calc((100vw - 0.68rem) * (626 / 660));pointer-events: none;}
    
    .sol2 .list .item .txt,
    .sol2 .list .item .pic{width: 100%;}
    
    .sol2 .list .item .txt .p{display: block !important;}
    
    .sol11,
    .sol10,
    .sol9,
    .sol8,
    .esg3,
    .sol6,
    .sol5,
    .sol4,
    .sol3{padding: 0.8rem 0.34rem;}
    
    .sol5 .boxs .box{flex-wrap: wrap;}
    
    .sol5 .boxs .box .pics{width: 100%;}
    
    .sol5 .boxs .box .txt{width: 100%;margin-top: 0;}
    
    .sol5 .boxs .box{margin-bottom: 0.6rem;}
    
    .sol5 .boxs .box:nth-child(2n){flex-direction: column;}
    
    .sol5 .box1 .list{gap: 0.3rem;}
    
    .sol5 .box1 .list .item{width: 100%;}
    
    .sol5 .box1 .list .item .txt{height: auto;}
    
    .sol6 .list{flex-wrap: wrap;gap: 0.3rem;background: none;}
    
    .sol6 .list .item .p,
    .sol6 .list .item,
    .sol6 .list .item.on{width: 100%;}
    
    .sol6 .list .item .p{opacity: 1;}
    
    .sol6 .list .item{background: #fff;}
    
    .sol6{background-size: cover !important;}
    
    .esg3.sol7 .top .btns{margin: 0.2rem 0 0.4rem;}
    
    .sol8 .bottom{padding: 0;}
    
    .sol8 .bottom .list .swiper-slide{padding: 0.4rem 0.3rem;flex-wrap: wrap;}
    
    .sol8 .bottom .list .swiper-slide .txt{width: 100%;padding: 0.4rem 0 0;}
    
    .sol8 .bottom .btns{position: relative;top: 0;margin-top: 0.6rem;display: none;}
    
    .sol8 .bottom .list .swiper-slide .txt .h{margin-bottom: 0.1rem;}
    
    .sol8 .bottom .list .swiper-slide .txt .bottom1{position: relative;bottom: 0;margin-top: 0.3rem;}
    
    .sol10 .list,
    .sol9 .list{flex-wrap: wrap;gap: 0.3rem;}
    
    .sol9 .list .item{width: 100%;margin-right: 0;}
    
    .sol9 .list .item .pic{height: calc((100vw - 0.68rem) * (780 / 1236))}
    
    .sol10 .list .item{width: 100%;}
    
    .sol10 .list .item .pic{height: calc((100vw - 0.68rem) * (300 / 533))}
    
    .sol11 .list .item{margin-bottom: 0.3rem;}
    
    .esg3 .bottom .swiper-slide{padding: 0.4rem 0.3rem;}
    
    .esg3 .bottom .swiper-slide .pic{height: calc((100vw - 0.68rem - 0.6rem) * (360 / 280))}
    
    .bra4 .bottom .pics{padding-left: 0;}
    .sol2 .list .item.on, .sol2 .list .item{height: calc((100vw - 0.68rem) * (400 / 660));}
    
    .inner_banner .icons{overflow-x: auto;flex-wrap: nowrap;}
    
    .inner_banner .icons .item{width: auto;min-width: 2.8rem;padding: 0 0.1rem;}
    
    .esg2 .box .con .txts{height: 3.5rem;padding-right: 0.6rem;}
    
    .esg3 .bottom .swiper-slide .pic{height: calc((100vw - 0.68rem - 0.6rem) * (360 / 280) / 2.2);}
    
    .esg4 .h{margin-bottom: 0.15rem;}
    
    .esg4{padding: 1rem 0.34rem}
    
    .esg2 .box .con:after{pointer-events: none;}
    
    .bra4{padding-right: 0;padding-left: 0;}
    
    .bra2 .list .item .pic{height: calc((100vw - 0.68rem) * (460 / 840));}
    
    .bra4 .top .p br{display: none;}
    
    .bra4 .bottom .pics .swiper-slide{height: calc((100vw - 0.68rem) * 0.6)}
    
    
    .bra4 .bottom .pics .swiper-slide img{height: 100%;object-fit: cover;}
    
    .bra5 .top .tit,
    .bra3 .top .h,
    .bra4 .top .h{margin-bottom: 0.2rem;}
    /*.bra4 .top .p{font-size: 0.25rem;}*/
    
    .sol6 .h{margin-bottom: 1rem;}
    
    .sol6 .list .item {
        background: #fff;
        padding: 0.4rem 0.3rem;
        height: 5.2rem;
        height: auto!important;
        padding-bottom: 1.2rem;
        pointer-events: none;
        flex: none;
    }
    
    .sol6 .list .item .page{left: 0.4rem;}
    
    .esg3 .bottom .swiper-pagination{font-size: 0.24rem;}
    
    .esg3 .bottom .swiper-pagination .swiper-pagination-current{font-size: 0.3rem;}
    
    .sol8 .top{margin-bottom: 0.4rem;}
    
    .sol9 .list .item .txt .p{height: auto;}
    
    .sol9 .list .item .txt{padding: 0.4rem 0.3rem;}
    
    .sol9 .list .item .txt .h{font-size: 0.26rem;margin-bottom: 0.1rem;}
    
    .bra4 .top,
    .sol11 .top .p,
    .sol10 .top .p{margin-bottom: 0.4rem;}
    
    .sol10 .list:after{display: none;}
    
    .f_22.p,
    .f_24.p{font-size: 0.25rem;margin-left: -0.1rem;margin-right: -0.1rem;}
    
    .que_con .left .left_nav{padding: 0 0 0.2rem;}
    
    .bra5 .bottom .right .list .item .bottom2 .td img{width: 0.1rem;}
    
    .bra4 .bottom .pics{border-radius: 0.2rem;}
    
    .esg4 .p{margin-left: 0;}
    
    .inner_banner .btnx,
    .esg4 .btnx{padding: 0.11rem 0.3rem;
        font-size: 0.26rem;
        line-height: 0.36rem;border-radius: 0.4rem;}
        
    .que_con .left .left_nav{flex-wrap: nowrap;
        gap: 0.24rem;
        overflow-x: auto;
        margin-right: -0.34rem;
        padding-right: 0.34rem;
        padding-bottom: 0.15rem;
        justify-content: flex-start;}
    
    .que_con .left .left_nav a.on{color: #fff;background: var(--color-primary);border-color: var(--color-primary);}
    
    .que_con .left .left_nav a{border: 1px solid #ccc;width: max-content;white-space: nowrap;padding: 0.11rem 0.3rem;border-radius: 0.4rem;}
    
    .que_con .right .list .item .p *{font-size: 1em !important;}
    
    .solutionLayout .inner_banner .btnx{margin-top: 0.48rem;}
  
  .sol2 .list .item .txt:after{height: 170%;}
}