.jo1{padding: 1.14rem 0;height: 8.28rem;background: url(../img/jo_pic1.png)no-repeat center bottom;background-size: 100% auto;}
.jo1 .p{font-family: hml;line-height: 1.77;color: #666;width: 8.7rem;text-align: center;margin: 0 auto;margin-top: 0.4rem;}
.jo1 .p span{color: #333;font-family: hmr;}
.jo1 .btn{width: 1.41rem;height: 0.48rem;border-radius: 0.48rem;background: var(--color-primary);display: flex;align-items: center;justify-content: center;transition: all 0.5s;margin: 0 auto;margin-top: 0.4rem;}
.jo1 .btn:hover{color: #ffffff;background: #232626;}

.jo2{padding: 1.2rem 0;}
.jo2 .con{display: flex;flex-flow:row-reverse;border-radius: 0.12rem;overflow: hidden;}
.jo2 .pic{width: 6.16rem;height: 8.67rem;overflow: hidden;}
.jo2 .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.jo2 .pic:hover img{transform: scale(1.05);}
.jo2 .txt{width: calc(100% - 6.16rem);background-color: #F7F8FA;padding: 0.64rem;}
.jo2 .txt .p{color: #666666;line-height: 1.77;margin-top: 0.36rem;margin-bottom: 0.12rem;}
.jo2 .txt form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.jo2 .txt form .input{margin-top: 0.2rem;width: 4.16rem;}
.jo2 .txt form .input1{width: 100%;}
.jo2 .txt form .input .name{color: #666;font-family: hml;line-height: 1.77;margin-bottom: 0.08rem;}
.jo2 .txt form .input .name span{color: #f00;}
.jo2 .txt form .input input{background-color: #fff;border-radius: 0.06rem;padding: 0.16rem 0.24rem;width: 100%;line-height: 1.77;}
.jo2 .txt form .input textarea{background-color: #fff;border-radius: 0.06rem;padding: 0.16rem 0.24rem;width: 100%;line-height: 1.77;height: 1.83rem;}
.jo2 .txt form input[type="submit"]{margin: 0 auto;width: 3.12rem;line-height: 0.6rem;border-radius: 0.3rem;text-align: center;background-color: #FEDD00;color: #000;font-family: hmm;transition: all 0.5s; margin-top: 0.56rem;}
.jo2 .txt form input[type="submit"]:hover{color: #fff;background: #232626;}

.cat1{padding: 1rem 0 1.2rem 0;}
.cat1 .con{display: flex; background: url(../img/cat_bj.png)no-repeat center;background-size: cover;display: flex; background-color: #F7F8FA;border-radius: 0.12rem;}
.cat1 .con>.txt{padding: 0.66rem 0.7rem 0.5rem 0.7rem;width: 8.9rem;}
.cat1 .con>.txt .list{margin-top: 0.78rem;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cat1 .con>.txt .list .item{padding: 0 0 0.24rem 0;border-bottom: 1px solid #E2E2E2;width: 3.6rem;margin-bottom: 0.24rem;display: flex;}
.cat1 .con>.txt .list .item:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.cat1 .con>.txt .list .item .icon{width: 0.4rem;margin-right: 0.36rem;}
.cat1 .con>.txt .list .item .txt{width: calc(100% - 0.76rem);}
.cat1 .con>.txt .list .item .txt .p{color: #666666;line-height: 1.17;font-family: hmr;margin-bottom: 0.08rem;}
.cat1 .con>.txt .list .item .txt .h{color: #000;line-height: 1.17;font-family: hmm;}
.cat1 .con>.txt .list .item .txt .code{width: 1.42rem;}
.cat1 .con>.txt .list .item .txt .code img{width: 100%;}
.cat1 .con>.txt .list .item1{width: 100%;}
.cat1 .con .pic{display: block;width: calc(100% - 8.9rem);height: 7.2rem;}
.cat1 .con .pic img{width: 100%;height: 100%;object-fit: cover;}

.nl1{padding: 1.3rem 0 0 0;}
.nl1 .con{position: relative;overflow: hidden;border-radius: 0.12rem;background-color: #F7F8FA;margin-top: 0.6rem;}
.nl1 .con .swiper-slide{display: flex;cursor: pointer;}
.nl1 .con .swiper-slide .pic{width: 7.78rem;height: 4.35rem;overflow: hidden;position: relative;}
.nl1 .con .swiper-slide .pic img,.nl1 .con .swiper-slide .pic video{width: 100%;height: 100%;object-fit: cover;display: block;transition: all 0.5s;}
.nl1 .con .swiper-slide:hover .pic img{transform: scale(1.05);}
.nl1 .con .swiper-slide .pic .btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: fit-content;white-space: nowrap;color: #ffffff;text-align: center;display: none;}
.nl1 .con .swiper-slide .pic .btn img{width: 0.5rem;height: 0.5rem;margin: 0 auto;margin-bottom: 0.06rem;}
.nl1 .con .swiper-slide .txt{width: calc(100% - 7.78rem);padding: 0.82rem 0.7rem 0.3rem 0.7rem;}
.nl1 .con .swiper-slide .txt .time{display: flex;align-items: center;margin-bottom: 0.19rem;color: #999;font-family: hmr;}
.nl1 .con .swiper-slide .txt .time img{display: block;width: 0.22rem;margin-right: 0.12rem;}
.nl1 .con .swiper-slide .txt .h{color: #000000;transition: all 0.5s;line-height: 1.4;height: 1.4;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.2rem;font-family: hmm;}
/* .nl1 .con .swiper-slide:hover .txt .h{color: #FEDD00;} */
.nl1 .con .swiper-slide .txt .p{color: #666;line-height: 1.66;font-family: hml;height: 3.32em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.54rem;}
.nl1 .con .swiper-slide .txt .nlbtn{width: 1.42rem;line-height: 0.48rem;border-radius: 0.25rem;color:#000;text-align: center; background-color: #FEDD00;transition: all 0.5s;}
.nl1 .con .swiper-slide .txt .nlbtn:hover{color: #ffffff;background: #232626;}
.nl1 .con .swiper-pagination{width: fit-content;right: 4.11rem;transform: translateX(50%);bottom: 0.24rem;z-index: 5;left: auto;}
.nl1 .con .swiper-pagination {
    width: fit-content;
    right: 4.11rem;
    transform: translateX(50%);
    bottom: 0.24rem;
    z-index: 5;
    left: auto;
    position: absolute;
    z-index: 11;
    display: flex;
}
.nl1 .con .swiper-pagination .swiper-pagination-bullet{width: 3.3px;height: 2px;opacity: 1;border-radius: 1px; background-color: #666;margin: 0 1px;transition: all 0.5s;}
.nl1 .con .swiper-pagination .swiper-pagination-bullet-active{width: 13px;background-color: #FEDD00;}

.nl2{padding: 0.88rem 0 1.38rem 0;}
.nl2 .top{display: flex;justify-content: space-between;padding-bottom: 0.25rem;align-items: center;border-bottom: 1px solid #E2E2E2;}
.nl2 .top ul{display: flex;font-family: hmr;}
.nl2 .top ul a{width: 1.41rem;line-height: 0.48rem;text-align: center;border-radius: 0.25rem;margin-right: 0.24rem;border: 1px solid #999999;color: #999;transition: all 0.5s;}
.nl2 .top ul a.on{color: #000;background-color: #FEDD00;border-color: transparent;}
.nl2 .top ul a:hover{color: #000;background-color: #FEDD00;border-color: transparent;}
.nl2 .top .ser{display: flex;position: relative;background-color: #ECECEC;border-radius: 0.1rem;display: flex;padding-left: 0.54rem;}
.nl2 .top .ser::after{content: "";position: absolute;top:0;left: 0.3rem;width: 0.15rem;height: 100%;background: url(../img/nl_ser.png)no-repeat center;background-size: 100% auto;}
.nl2 .top .ser input{width: 2.7rem;background-color: transparent;line-height: 0.56rem;padding-right: 0.2rem;}
.nl2 .top .ser button{transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);width: 1.32rem;height: 0.56rem;display: flex;justify-content: center;align-items: center;border: none;background-color: #FEDD00;text-align: center;line-height: 0.56rem;color: #000;border-radius: 0.1rem;cursor: pointer;font-family: hmr;}
.nl2 .top .ser button:hover{background: #232626;color: #fff;}
.nl2 .bottom{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0.87rem 0 0.8rem 0;}
.nl2 .bottom::after{content: "";display: block;width: 5.13rem;height: 1px;}
.nl2 .bottom .item{width: 5.13rem;border-radius:0.12rem;overflow: hidden;background-color: #fff;box-shadow: 0 10px 48px 0 rgba(34, 30, 0, 0.05);margin-bottom: 0.4rem;transition: all 0.5s;}
.nl2 .bottom .item .pic{width: 100%;height: 3.1rem;overflow: hidden;}
.nl2 .bottom .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.nl2 .bottom .item .pic:hover img{transform: scale(1.05);}
.nl2 .bottom .item .txt{padding: 0.28rem 0.36rem 0.18rem 0.36rem;}
.nl2 .bottom .item .txt .h{color: #000;line-height: 1.7;font-weight: 500;height: 1.7em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.12rem;}
.nl2 .bottom .item:hover{transform: translateY(-0.24rem);}
.nl2 .bottom .item .txt .p{color: #666;line-height: 1.62;height: 3.24em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.24rem;}
.nl2 .bottom .item .txt .bottom1{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #F3F3F3;font-family: hmr;}
.nl2 .bottom .item .txt .bottom1 .day{color: #999;line-height: 2.42;}
.nl2 .bottom .item .txt .bottom1 .nlmore{display: flex;justify-content: center;color: #999;align-items: center;line-height: 2.42;}
.nl2 .bottom .item .txt .bottom1 .nlmore img{width: 0.18rem;margin-left: 0.04rem;}
.nl2 .bottom .item:hover .txt .bottom1 .nlmore{color: rgba(51, 51, 51, 1);}

.nl2 .bottom .item:hover .txt .bottom1 .nlmore img{filter: var(--imgblack);}

.nl2 .page{display: flex;justify-content: center;align-items: center;}
.nl2 .page .btn{width: 0.06rem;opacity: 0.7;transition: all 0.5s;}
.nl2 .page .btn:hover{opacity: 1;}
.nl2 .page .btn img{width: 100%;}
.nl2 .page ul{display: flex;margin: 0 0.36rem;}
.nl2 .page ul li a{display: block;width: 0.36rem;margin: 0 0.1rem; text-align: center;line-height: 0.36rem;border-radius: 50%;color: #666;font-family: hmr;transition: all 0.5s;}
.nl2 .page ul li a:hover{color: #000;background-color: #FEDD00;}
.nl2 .page ul li.on a{color: #000;background-color: #FEDD00;}

.nd_con{margin-top: 1rem;padding-bottom: 1.2rem;}
.nd_con .w1600{position: relative;}
.nd_con .w1600 .left{width: 11.38rem;background-color:#F9F9F9;border-radius: 0.08rem;float: left;padding: 0.97rem 0.8rem 0.52rem 0.8rem;}
.nd_con .w1600 .left .top{padding-bottom: 0.18rem;border-bottom: 1px solid #EFEFEF;margin-bottom: 0.3rem;}
.nd_con .w1600 .left .top .ps{display: flex;align-items: center;color: rgba(51, 51, 51, 0.60);font-family: hmr;margin-top: 0.7rem;}
.nd_con .w1600 .left .top .ps .p{margin-right: 0.3rem;}
.nd_con .w1600 .left .top .ps .fx{display: flex;align-items: center;}
.nd_con .w1600 .left .top .ps .fx #share-1{display: block;width: 0.18rem;height: 0.18rem;position: relative;}
.nd_con .w1600 .left .top .ps .fx #share-1>img{width: 100%;position: absolute;top: 0;left: 0;}
.social-share .icon-wechat{width: 100%;height: 100%;margin: 0;border-color: transparent;color: transparent!important;background-color: transparent!important;line-height: 1;}
.nd_con .w1600 .left .bottom{}
.nd_con .w1600 .left .bottom .p{color: #737373;font-family: hmr;margin-bottom: 0.4rem;}
.nd_con .w1600 .left .bottom img{margin: 0 auto;max-width: 100%;margin-bottom: 0.4rem;}
.nd_con .w1600 .left .bottom .h{color: #333;font-family: hmm;margin-bottom: 0.15rem;}
.nd_con .w1600 .left .bottom1{padding: 0.24rem 0 0.52rem 0;border-top: 1px solid #EFEFEF;display: flex;justify-content: space-between;align-items: center;}
.nd_con .w1600 .left .bottom1 a{display: flex;align-items: center;opacity: 0.7;transition: all 0.5s;}
.nd_con .w1600 .left .bottom1 a:hover{opacity: 1;}
.nd_con .w1600 .left .bottom1 a img{width: 0.08rem;margin-left: 0.22rem;margin-bottom: 0;}
.nd_con .w1600 .left .bottom1 a:nth-child(1) img{margin-right: 0.22rem;margin-left: auto;}
.nd_con .w1600 .left .bottom1 a span{display: block;max-width: 3rem;line-height: 1.5;height: 1.5em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.nd_con .w1600 .right{width: 4.14rem;position: sticky;top: 1.2rem;float: right;}
.nd_con .w1600 .right .box{background-color: #F9F9F9;border-radius: 0.08rem;padding-top: 0.56rem;overflow: hidden;}
.nd_con .w1600 .right .box1{margin-bottom: 0.35rem;padding-bottom: 0.56rem;}
.nd_con .w1600 .right .box .h{padding-left: 0.3rem;position: relative;color: #333;font-family: hmm;margin-bottom: 0.35rem;}
.nd_con .w1600 .right .box .h:after{content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);background-color: #FEDD00; width: 0.03rem;height: 0.28rem;}
.nd_con .w1600 .right .box .list{padding: 0 0.43rem 0 0.3rem;}
.nd_con .w1600 .right .box .list .item{margin-bottom: 0.25rem;}
.nd_con .w1600 .right .box .list .item:last-child{margin-bottom: 0;}
.nd_con .w1600 .right .box .list .item .h_1{color: #464646;font-family: hmr;line-height: 1.66;height: 1.66em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.1rem;transition: all 0.5s;}
.nd_con .w1600 .right .box .list .item:hover .h_1{color: #FEDD00;}
.nd_con .w1600 .right .box .list .item .day{color: #999;font-family: hmr;}
.nd_con .w1600 .right .box .backl{background-color: #FEDD00;height: 0.52rem;display: flex;justify-content: center;align-items: center;color: #000;font-family: hmr;margin-top: 0.56rem;}
.nd_con .w1600 .right .box .backl img{display: block;width: .16rem;margin-left: 0.21rem;}

.cd_con .w1600 .right .backl:hover,
.nd_con .w1600 .right .box .backl:hover{background: #232626;}

.cd_con .w1600 .right .backl:hover span,
.nd_con .w1600 .right .box .backl:hover span{color: #fff;}

.cd_con .w1600 .right .backl:hover img,
.nd_con .w1600 .right .box .backl:hover img{filter: var(--imgwhite);}



.breadcrumb{padding: 0.6rem 1.6rem 0 1.6rem;display: flex;align-items: center;}
.breadcrumb img{width: 0.2rem;height: 0.2rem;margin-right: 0.12rem;}
.breadcrumb a{color: #666;font-family: hmr;}
.breadcrumb a:last-child{color: #333;}

.case_con{padding-bottom: 1.6rem;}
.case_con .top{border-bottom: 1px solid rgba(0, 0, 0, 0.10);display: flex;margin-bottom: 0.92rem;align-items: flex-end;margin-top: 1.28rem;justify-content: space-between;}
.case_con .top .tit{color: #000;padding-bottom: 0.31rem;line-height: 1.2;padding-bottom: 0.31rem;}
.case_con .top ul{display: flex;}
.case_con .top ul li a{position: relative;padding-bottom: 0.42rem;position: relative;color: #999;line-height: 1.2;margin-left: 0.94rem;}
.case_con .top ul li a::after{content: "";position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background: #FEDD00;opacity: 0;transition: all 0.5s;}
.case_con .top ul li a:hover{color: #333;}
.case_con .top ul li a.on{color: #333;}
.case_con .top ul li a.on::after{opacity: 1;}

.case_con .bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}
.case_con .bottom::after{content: "";width: 5.2rem;height: 1px;}
.case_con .bottom .item{display: block;width: 5.2rem;margin-bottom: 0.5rem;border-radius: 0.12rem;background: #FFF;box-shadow: 0 9px 30px 0 rgba(0, 0, 0, 0.06);transition: all 0.5s;overflow: hidden;}
.case_con .bottom .item:hover{transform: translateY(-0.24rem);}
.case_con .bottom .item .pic{width: 100%;height: 3.4rem;overflow: hidden;}
.case_con .bottom .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.case_con .bottom .item:hover .pic img{transform: scale(1.05);}
.case_con .bottom .item .txt{padding: 0.36rem 0.35rem;}
.case_con .bottom .item .txt .h{color: #000;line-height: 1.7;height: 1.7em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.12rem;}
.case_con .bottom .item .txt .p{color: #666;line-height: 1.6;height: 3.2em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.38rem;}
.case_con .bottom .item .txt .cabtn{width: 1.41rem;line-height: 0.46rem;border: 1px solid #999;border-radius: 0.3rem;text-align: center;transition: all 0.5s;color: #999;font-family: hmr;}
.case_con .bottom .item:hover .txt .cabtn{background-color: #FEDD00;border-color: transparent;color: #000;}

.case_con .page{display: flex;justify-content: center;align-items: center;}
.case_con .page .btn{width: 0.06rem;opacity: 0.7;transition: all 0.5s;}
.case_con .page .btn:hover{opacity: 1;}
.case_con .page .btn img{width: 100%;}
.case_con .page ul{display: flex;margin: 0 0.36rem;}
.case_con .page ul li a{display: block;width: 0.36rem;margin: 0 0.1rem; text-align: center;line-height: 0.36rem;border-radius: 50%;color: #666;font-family: hmr;transition: all 0.5s;}
.case_con .page ul li a:hover{color: #000;background-color: #FEDD00;}
.case_con .page ul li.on a{color: #000;background-color: #FEDD00;}

.cd_con{padding: 0 0 1.08rem 0;background: url(../img/cd_bj.png)no-repeat center;background-size: cover;}
.cd_con .w1600{margin-top: 0.66rem;display: flex;justify-content: space-between;}
.cd_con .w1600 .left{width: 6.54rem;}
.cd_con .w1600 .left .pics{position: relative;overflow: hidden;margin-bottom: 0.4rem;border: 1px solid #ffffff;border-radius: 0.12rem;}
.cd_con .w1600 .left .pics img{height: 4.4rem;object-fit: cover;}

.cd_con .w1600 .left .pic_box{position: relative;}
.cd_con .w1600 .left .pic_box .prev{position: absolute;top: 0.6rem;transform: translateY(-50%);width: 0.5rem;height: 0.5rem;background-color: #F4F6F9;border-radius: 50%;display: flex;align-items: center;transition: all 0.5s;left: -0.7rem;cursor: pointer;justify-content: center;}
.cd_con .w1600 .left .pic_box .prev:hover{background-color: #FEDD00;}
.cd_con .w1600 .left .pic_box .prev img{width: 0.07rem;}
.cd_con .w1600 .left .pic_box .next{position: absolute;top: 0.6rem;transform: translateY(-50%);width: 0.5rem;height: 0.5rem;background-color: #F4F6F9;border-radius: 50%;display: flex;align-items: center;transition: all 0.5s;right: -0.7rem;cursor: pointer;justify-content: center;}
.cd_con .w1600 .left .pic_box .next:hover{background-color: #FEDD00;}
.cd_con .w1600 .left .pic_box .next img{width: 0.07rem;}
.cd_con .w1600 .left .pic_box .pic1s{position: relative;overflow: hidden;}

.cd_con .w1600 .left .pic_box .pic1s .swiper-slide .solid{margin: 0 auto;margin-top: 0.1rem;width: 0.3rem;height: 2px;background-color: #000;opacity: 0;transition: all 0.5s;}
.cd_con .w1600 .left .pic_box .pic1s .swiper-slide-thumb-active .solid{opacity: 1;}
.cd_con .w1600 .left .pic_box .pic1s .swiper-slide .pic{width: 100%;height: 1.2rem;border-radius: 0.04rem;overflow: hidden;border: 1px solid transparent;transition: all 0.5s;}
.cd_con .w1600 .left .pic_box .pic1s .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
.cd_con .w1600 .left .pic_box .pic1s .swiper-slide-thumb-active .pic{border-color: #ffffff;}




.cd_con .w1600 .right{width: 8.2rem;padding-top: 0.98rem;}
.cd_con .w1600 .right .h{color: #333;font-family: hmb;line-height: 1.17;padding-bottom: 0.3rem;margin-bottom: 0.3rem;border-bottom:1px solid #CFCFCF;margin-top: 0.6rem;}
.cd_con .w1600 .right .p{color: #444;line-height: 1.3;height: 10.4em;overflow: auto;margin-bottom: 0.75rem;}
.cd_con .w1600 .right .backl{background-color: #FEDD00;height: 0.52rem;display: flex;justify-content: center;align-items: center;color: #000;font-family: hmr;margin-top: 0.56rem;width: 1.72rem;border-radius: 0.3rem;}
.cd_con .w1600 .right .backl img{display: block;width: .16rem;margin-left: 0.21rem;}

.ser1{padding: 0.46rem 0 1.33rem 0;}
.ser1 .tit1{color: #000;font-family: hmm;line-height: 1.17;margin-bottom: 0.91rem;}
.ser1 .list{margin-top: 0.86rem;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.ser1 .list .item{width: 2.04rem;height: 2.15rem;position: relative;}
.ser1 .list .item .con1{border-radius: 0.1rem;position: relative;z-index: 2; background: rgba(225, 233, 240, 0.30);backdrop-filter: blur(10px);padding: 0.56rem 0.2rem 0.38rem 0.2rem;text-align: center;transition: all 0.4s ease-out;}
.ser1 .list .item:after{content: "";position: absolute;top: -0.18rem;left: -0.18rem;width: 1.15rem;height: 1.15rem;background: url(../img/ser1_kuai.png);background-size: 100% 100%;}
.ser1 .list .item .con1 .num{position: absolute;top: 0.22rem;left: 0.22rem;color: #fff;font-family: hmm;}
.ser1 .list .item .con1 .icon{width: 0.6rem;height: 0.6rem;object-fit: contain;margin: 0 auto;margin-bottom: 0.23rem;}
.ser1 .list .item .con1 .h{color: #222;font-family: hmm;line-height: 1.2;}
.ser1 .list .jt{width: 0.33rem;}
.ser1 .list .jt:last-child{display: none;}

.ser1 .list .item .con1:hover{box-shadow: 0px 0px 66.2px 0px rgba(0, 15, 115, 0.09);background: #fff;backdrop-filter: blur(0px);}

.ser2{padding: 1.2rem 1.6rem 0.94rem 1.6rem;background: url(../img/ser2_bj.jpg)no-repeat center;background-size: cover;}
.ser2 .list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 0.77rem;}
.ser2 .list .item{width: 5.18rem;background: no-repeat center;background-size: cover; background-color: #fff;border-radius: 0.12rem;padding: 0.9rem 0.2rem;transition: all 0.5s;text-align: center;margin-bottom: 0.26rem;}
.ser2 .list .item:hover{background-image: url(../img/ser2_bj.jpg);background-color: #fff;}
.ser2 .list .item1{width: 7.88rem;}
.ser2 .list .item .icon{width: 0.58rem;height: 0.58rem;margin: 0 auto; margin-bottom: 0.28rem;}
.ser2 .list .item .icon img{width: 100%;height: 100%;object-fit: contain;}

.ser3{padding: 1.4rem 1.6rem 1.04rem 1.6rem;}
.ser3 .tab{width: fit-content;margin: 0 auto;margin-top: 0.63rem;border-bottom: 1px solid #E3E3E3;display: flex;}
.ser3 .tab .li{color: #222;transition: all 0.5s;padding:0 0.3rem 0.19rem 0.3rem;position: relative;font-family: hmm;cursor: pointer;}
.ser3 .tab .li.on{color: #FEDD00;}
.ser3 .tab .li::after{content: "";position: absolute;bottom: -1px;left: 0; width: 100%;height: 1px;background-color: #FEDD00;opacity: 0;transition: all 0.5s;}
.ser3 .tab .li.on::after{opacity: 1;}
.ser3 .cons{margin-top:0.7rem;}
.ser3 .con{display: none;flex-wrap: wrap;}
.ser3 .con.on{display: flex;}
.ser3 .con::after{content: "";display: block;width: 3.86rem;height: 1px;}
.ser3 .con .item{width: 3.86rem;padding: 0.4rem 0.3rem 0.3rem 0.3rem;background-color: #fff;box-shadow: 0 4px 57.7px rgba(0, 0, 0, 0.07);margin-bottom: 0.26rem;border-radius: 0.12rem;overflow: hidden;width: calc((100% - 0.57rem) / 4);margin-right: 0.19rem;}
.ser3 .con .item:nth-child(4n){margin-right: 0;}

.ser3 .con .item .icon{width: 0.4rem;margin-bottom: 0.4rem;}
.ser3 .con .item .h{color: #222;font-family: hmm;line-height: 1.2;height: 1.2em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.46rem;}
.ser3 .con .item .p{padding-top: 0.26rem;border-top: 1px solid #E9E9E9;}
.ser3 .con .item .p .serbtn{transition: all 0.5s;display: flex;align-items: center;color: #999;}
.ser3 .con .item:hover .p .serbtn{color: #FEDD00;}
.ser3 .con .item .p .serbtn img{width: 0.13rem;margin-left: 0.1rem;}
.ser3 .con .item .p .serbtn img.img2{display: none;}
.ser3 .con .item:hover .p .serbtn img.img1{display: none;}
.ser3 .con .item:hover .p .serbtn img.img2{display: block;}

.ser4{padding: 1.4rem 1.6rem;background: url(../img/ser3_bj.png)no-repeat center;background-size: cover;}
.ser4 .cons{margin-top: 0.63rem;}
.ser4 .tab{width: fit-content;margin: 0 auto;margin-top: 0.63rem;border-bottom: 1px solid #E3E3E3;display: flex;}
.ser4 .tab .li{color: #222;transition: all 0.5s;padding:0 0.3rem 0.19rem 0.3rem;position: relative;font-family: hmm;cursor: pointer;}
.ser4 .tab .li.on{color: #FEDD00;}
.ser4 .tab .li::after{content: "";position: absolute;bottom: -1px;left: 0; width: 100%;height: 1px;background-color: #FEDD00;opacity: 0;transition: all 0.5s;}
.ser4 .tab .li.on::after{opacity: 1;}
.ser4 .con{display: none;padding: 0 0.6rem;background-color: #fff;border-radius: 0.2rem;}
.ser4 .con.on{display: block;}
.ser4 .con .item{padding: 0.48rem 0;border-bottom: 1px solid #D3D3D3;}
.ser4 .con .item:last-child{border-bottom: none;}
.ser4 .con .item .h{display: flex;position: relative;padding-right: 1.5rem;color: #222;line-height: 1.2;font-family: hmm;cursor: pointer;}
.ser4 .con .item .add{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 0.5rem;}
.ser4 .con .item .add img{width: 100%;}
.ser4 .con .item .add img.img2{display: none;}
.ser4 .con .item.on .add img.img1{display: none;}
.ser4 .con .item.on .add img.img2{display: block;}
.ser4 .con .item .p{color: #999;padding-top: 0.3rem;line-height: 1.6;font-family: hmr;display: none;}