.bmeter { position: fixed;top: 50px;left: 0px;width: 0%;height: 15px;background: #ddd;opacity: 1;z-index:99999;pointer-events: none;display: none;}

.bmeter  span{display: block;width: 100%;position: absolute;top: -20px;left: 0;text-align: center;font-size: 30px;font-weight: 600;color: #f00;}



.sbox {max-width:1500px;min-width: 1200px;width:78.125%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.service5{padding: 75px 0 100px;position: relative;}

.serv5_le{position: fixed;left: 50px;top: 20%;border-left: 1px solid rgba(51, 51, 51, 0.2);z-index: 10;transition: all 0.6s;}

.serv5_le.act{position:fixed;top: 20%;left: -200px;transition: all 0.6s;}

.serv5_le .le{line-height: 60px;padding-left: 25px;cursor: pointer;position: relative;}

.serv5_le .le a{display: block;color: #999999;}

.serv5_le .le::after{content: "";width: 3px;background: #014099;height: 0px;position: absolute;left: -2px;top: 0;transition: all 0.6s;}

.serv5_le .le.act::after{height: 60px;transition: all 0.6s;}

.serv5_le .le.act a{color: #333333;}

.service5 .cont{text-align: center;margin-bottom: 80px;}

.service5 .con1{display: flex;align-items: center;justify-content: center;margin-bottom: 120px;position: relative;}

.service5 .con1 .img{position: absolute;}

.service5 .con1 .b{width: 33%;display: flex;align-items: center;justify-content: center;border-radius: 100%;overflow: hidden;position: relative;}

@keyframes xuanz {
    from{transform: rotate(0deg);}

    to{transform: rotate(360deg);}

}

.service5 .con1 .b img:last-child{position: absolute;animation:  xuanz 2s infinite linear ;}

.service5 .con1 .b.act{width: 100%;transition: all 1s;border-radius: 0;}

.service5 .con1 img{max-width: none;}

.serv5_le .le:hover a{color: #333;}

.service5 .con2{display: flex;align-items: center;}

.service5 .con2 .con_le{width: 50%;display: flex;justify-content: center;position: relative;}

.service5 .con2 .con_le .c{position:relative;width: 80%;}

/* .service5 .con2 .con_le .c  img{opacity: 0;} */

/* .service5 .con2 .con_le .c.act .img{transition: all 0.6s;opacity: 1;} */

.service5 .con2 .con_le .c .img1{position: absolute;top: 0;left: 0}

.service5 .con2 .con_le .c .img2{position: absolute;left: 0;top: 0;}


.service5 .con2 .con_le img{}

.service5 .con2 .con_re{width: 50%;}

.service5 .con2 .con_re .re1{line-height: 40px;}

.service5 .con2 .con_re .re2{line-height: 30px;margin-top: 10px;text-align: justify;}

.service6{position: relative;}

.service6 .serv6_con{position: relative;margin-top: 15px;background: #f7f9fc;}


.service6 .serv6_con  .di{width: 100%;}

.service6 .serv6_con .hz{position: absolute;left: 25.52%;top: 46.98%;}


@keyframes identifier1 {
   

    /* to{transform: translate(-50%,-50%) scale(1);} */
    0%{transform: translate(-50%,-50%) scale(0);}
    50%{transform: translate(-50%,-50%) scale(1);}
    100%{transform: translate(-50%,-50%) scale(1);}


}
@keyframes identifier2 {
    0%{transform: translate(-50%,-50%) scale(0);}
    25%{transform: translate(-50%,-50%) scale(0);}
    100%{transform: translate(-50%,-50%) scale(1);}
}


@keyframes identifier {
    0%{transform:  scale(0);}
    25%{transform:  scale(1);}

    50%{transform: scale(1);}
    100%{transform:  scale(1);}
}

.service6 .serv6_con .hz span{width: 56px;height: 56px;color: #fff;background: #1e82e4;display: block;display: flex;align-items: center;justify-content: center;border-radius: 100%;animation:identifier 2s    alternate; }


.service6 .serv6_con .hz::after{content: "";width: 200%;height: 200%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(30, 129,228, 0.2);border-radius: 100%;border: 1px solid rgba(30, 129,228, 0.6);animation:identifier1 2s    alternate;}

.service6 .serv6_con .hz::before{content: "";width: 400%;height: 400%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(30, 129,228, 0.05);border-radius: 100%;border: 1px solid rgba(30, 129,228, 0.15);animation:identifier1 2s    alternate;}


.service6 .serv6_con .con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.service6 .serv6_con .con .con_le{width: 55%;}

.service6 .serv6_con .con .con_re{width: 42.5%;}

.service6 .serv6_con .con .con_b{display: flex;align-items: center;}

.service6 .serv6_con .cont{text-align: center;padding: 60px 0 100px;}

.service6 .serv6_con .con .con_re .re1{margin-bottom: 15px;}

.service6 .serv6_con .con .con_re .re2{line-height: 60px;display: flex;}

.service6 .serv6_con .con .con_re .re2 span{display: block;flex: 1;position: relative;border-bottom: 1px solid #d9d9d9;text-align: center;cursor: pointer;color: #999999;}

.service6 .serv6_con .con .con_re .re2 span.act{color: #333;}

.service6 .serv6_con .con .con_re .re2 span::after{content: "";width: 0%;height: 2px;background: #014099;position: absolute;left: 50%;right: 0; bottom: -1px;transition: all 0.6s;transform: translatex(-50%);}

.service6 .serv6_con .con .con_re .re2 span:hover::after{width: 100%;transition: all 0.6s;}

.service6 .serv6_con .con .con_re .re2 span.act::after{width: 100%;}

.service6 .serv6_con .con .con_re .re3 {line-height: 30px;position: relative;} 

.service6 .serv6_con .con .con_re .re3 p{padding-left: 20px;margin-bottom: 10px;position: relative;color: #666666;}

.service6 .serv6_con .con .con_re .re3 p::after{width: 6px;height: 6px;background: url(/uploads/image/img/3.png) center no-repeat;content: "";left: 0;top: 12px;position: absolute;}

.service6 .serv6_con .con .con_re .re3 img{margin-top: 30px;} 

.service6 .serv6_con .con .con_re .re3 .c{position: absolute;left: 0;top: 10px;padding-top: 30px;opacity: 0;pointer-events: none;transition: all 0.6s;}

.service6 .serv6_con .con .con_re .re3 .c.act{opacity: 1;pointer-events: visible;top: 0;transition: all 0.8s;}

.service62{padding: 90px 0 130px;}

.service62 .con1{text-align: center;color: #000000;line-height: 40px;margin-bottom: 25px;}

.service62 .con2 {position: relative;}

.service62 .con2 .s2{line-height: 30px;margin-top: 15px;}

.service62 .con2 .s1{overflow: hidden;}

.service62 .con2 .s1 img{width: 100%;transition: all 0.6s;}

.service62 .con2 .ss:hover .s1 img{transform: scale(1.05);transition: all 0.6s;}

.service62 .con2 .ss:hover .s2 {color: #014099;transition: all 0.6s;}

.ser_next,.ser_prev{width: 45px;height: 45px;border-radius: 100%;background: url(/uploads/image/images/supply_b.png); opacity: 0.5;transition: all 0.6s;margin-top: -40px;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: none;}

.ser_next{transform: rotate(180deg);right: -80px;}
 
.ser_prev{left: -80px;}

.ser_next:hover,.ser_prev:hover{opacity: 1;transition: all 0.6s;}


.service7{padding-top: 80px;position: relative;}

.service7 .con1{text-align: center;color: #000;margin-bottom: 50px;}

.service7 .con2{display: flex;justify-content: space-between;padding-left: 12.5%;}

.service7 .con2 .con_re{width: 58.33%;}

.service7 .con2 .con_re img{width: 100%;}

.service7 .con2 .con_le{width: 36%;padding-bottom: 50px;}

.service7 .con2 .con_le .le{margin-bottom: 35px;}

.service7 .con2 .con_le .le2{margin-top: 55px;}

.service7 .con2 .con_le span{display: block;}

.service7 .con2 .con_le span:first-child{line-height: 35px;margin-bottom: 8px;}

.service7 .con2 .con_le span:last-child{line-height: 30px;color: #666666;}

.service7 .con2 .con_le .le2{position: relative;margin-right: 30px;}

.service7 .con2 .con_le .le2 .s2{line-height: 35px;margin-top: 5px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.service7 .con2 .con_le .le2 .s1{overflow: hidden;}

.service7 .con2 .con_le .le2 .s1 img{width: 100%;transition: all 0.6s;}

.service7 .con2 .con_le .le2 .ss:hover .s1 img{transform: scale(1.05);transition: all 0.6s;}

.service7 .con2 .con_le .le2 .ss:hover .s2{color: #014099;transition: all 0.6s;}

.service8_1{padding-top: 75px;position: relative;}

.service8_1 .ct1{text-align: center;}

.service8_1 .ct2{text-align: center;color: #666666;line-height: 30px;margin: 20px 0 30px;}

.service8_1 .con  .ul{display: flex;justify-content: space-between;}

.service8_1 .con .li{height: 250px;background: #f7f9fc;width: 24%;display: flex;align-items: center;justify-content: center;padding: 15px 25px;}

.service8_1 .con .li .img{display: flex;justify-content: center;margin-bottom: 20px;}

.service8_1 .con .li .t{line-height: 35px;text-align: center;}

.service8_1 .con .li .t2{line-height: 26px;text-align: center;margin-top: 10px;}


.service8_2{padding-top: 100px;}

.service8_2 .con1{text-align: center;line-height: 40px;margin-bottom: 30px;}

.service8_2 .con2 .ul{display: flex;justify-content: space-between;}

.service8_2 .con2 .ul .li{width: 30.14%;background: #e5f0ff;border: 1px dashed #1472ff;border-radius: 8px;padding: 20px 50px;position: relative;}

.service8_2 .con2 .ul .li::after{content: "";width: 70px;height: 45px;background: url(/uploads/image/img/j1.png) center no-repeat;position: relative;width: 15.5%;position: absolute;background-size: contain;top: 50%;right: -15.5%;transform: translatey(-50%);}

.service8_2 .con2 .ul .li:nth-child(2n)::after{background: url(/uploads/image/img/j2.png) center no-repeat;background-size: contain;}

.service8_2 .con2 .ul .li:last-child::after{content: none;}

.service8_2 .con2 .ul .li .l1{text-align: center;margin-bottom: 15px;color: #629afd;}

.service8_2 .con2 .ul .li .l2{line-height: 40px;}

.service8_2 .con2 .ul .li .l2 p{position: relative;padding-left: 28px;}

.service8_2 .con2 .ul .li .l2 p::after{width: 18px;height: 15px;background: url(/uploads/image/img/dui1.png) center no-repeat;content: "";position: absolute;left: 0;top: 12px;}

.service8_2 .con2 .ul .li:nth-child(2n){background: #eefbf4;border: 1px dashed #1db85a;}

.service8_2 .con2 .ul .li:nth-child(2n) .l1{color: #67daa0;}

.service8_2 .con2 .ul .li:nth-child(2n) .l2 p::after{background: url(/uploads/image/img/dui2.png) center no-repeat;}


.service8_2 .con2 .ul .li:nth-child(3n){background: #fff5e5;border: 1px dashed #ffa014;}

.service8_2 .con2 .ul .li:nth-child(3n) .l1{color: #ffbf5e;}

.service8_2 .con2 .ul .li:nth-child(3n) .l2 p::after{background: url(/uploads/image/img/dui3.png) center no-repeat;}

.service8_3 {padding: 80px 0 120px;}

.service8_3 .con1{text-align: center;margin-bottom: 60px;}

.service8_3 .con2{display: flex;justify-content: center;position: relative;}

.service8_3 .con2 .img{position: absolute;}

.service9{position: relative;padding: 80px 0 120px;}

.service9 .con1{text-align: center;color: #000;margin-bottom: 60px;}

.service9 .con2{display: flex;justify-content: space-between;align-items: flex-start;}

.service9 .con_le{width: 43.75%;padding-left: 30px;position: relative;}

.service9 .con_le .img{position:absolute;top: 0;right: 0;height: 100%;}

.service9 .con_re{width: 50.625%;}

.service9 .con_re .re{margin-bottom: 50px;}

.service9 .con_re .re1{margin-bottom: 25px;}

.service9 .con_re .re span{display: block;}

.service9 .con_re .re span:last-child{line-height: 30px;margin-top: 20px;color: #666666;}

.service9 .con_re .re2{position: relative;}


.service9 .con_re .re2 .s1{overflow: hidden;}

.service9 .con_re .re2 .s1 img{width: 100%;transition: all 0.6s;}

.service9 .con_re .re2 .s2{text-align: center;line-height: 30px;margin-top: 10px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.service9 .con_re .re2 .ss:hover .s1 img{transform: scale(1.05);transition: all 0.6s;}

.service9 .con_re .re2 .ss:hover .s2{color: #014099;}

.jijiao{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.6);z-index: 100;display: none;}

.jijiao .jao{background: #fff;width: 760px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 60px 80px 40px;}

.jijiao .jao .j1{margin-bottom: 35px;}

.jijiao .jao .ul .li{display: flex;align-items: center;margin-bottom: 30px;padding-left: 16px;position: relative;}

.jijiao .jao .ul .li::after{content: "*";width: 10px;height: 10px;color: #ff2f2f;position: absolute;left: 0;top: 35%;font-size: 24px;}

.jijiao .jao .ul .li span{width: 105px;}

.jijiao .jao .ul .li  .in{width: calc(100% - 105px);border: 1px solid #e1e5e4;border-radius: 2px;display: flex;justify-content: center;align-items: center;position: relative;height: 100%;}

.jijiao .jao .ul .li .it{height: 48px;}

.jijiao .jao .ul .li  .in img{margin-right: 12px;}

.jijiao .jao .ul .li .in input{height: 48px;width: 100%;border: none;outline: none;padding-left: 20px;}


.jijiao .jao .ul .li .in .sc{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;height: 48px;}

.jijiao .jao .j2{width: 180px;height: 50px;text-align: center;line-height: 50px;color: #014099;border-radius: 100px;cursor: pointer;margin: 50px auto 0;border: 1px solid #014099;}

.jijiao .jao .j2:hover{background: url(/uploads/image/img/b.png) center no-repeat;background-size: cover;color: #fff;}

.xm-select-demo{width: 100%;height: 100%;}


xm-select{height: 100% !important;border: none;border: none !important;min-height: 48px;}

xm-select .xm-input{height: 36px !important;}

/* xm-select *{height: 48px;} */

xm-select > .xm-label .scroll .label-content{align-items: center;min-height: 48px;}

/* xm-select .xm-label .xm-label-block{background: none!important; color: #333;}

xm-select > .xm-label .xm-label-block > span{color: #333;} */


.jijiao .jao .ul .li .inp{justify-content: left;border: none;}

.jijiao .jao .ul .li .inp .p{margin-right: 30px;display: flex;align-items: center;cursor: pointer;}

.jijiao .jao .ul .li .inp .p1{width: 14px;height: 14px;border: 3px solid #cccccc;border-radius: 100%;margin-right: 15px;}

.jijiao .jao .ul .li .inp .p.act .p1{border: 3px solid #014099;}

xm-select > .xm-tips {font-size: 18px;}


.jijiao .jao .ul .li .in input::-webkit-input-placeholder{
    color:#b2b2b2;
    font-size:18px;
    line-height: 48px;
}
.jijiao .jao .ul .li .in input:-moz-placeholder {
    color:#b2b2b2;
    font-size:18px;
    line-height: 48px;
}
.jijiao .jao .ul .li .in input::-moz-placeholder {
    color:#b2b2b2;
    font-size:18px;
    line-height: 48px;
}
.jijiao .jao .ul .li .in input:-ms-input-placeholder {
    color:#b2b2b2;
    font-size:18px;
    line-height: 48px;
}


.jijiao .jao .ul .li.lis .in input{width: calc(100% - 100px);}

.jijiao .jao .ul .li.lis .in  img{width: 100px;height: 48px;}

.jijiao .c{position: absolute;right: 40px;top: 20px;cursor: pointer;}



.recruit .li .toud .tj{width: 180px;height: 50px;text-align: center;line-height: 50px;color: #014099;border-radius: 100px;transition: all 0.6s;cursor: pointer;border: 1px solid #014099;}

.recruit .li .toud .tj:hover{background: url(/uploads/image/img/b.png) center no-repeat;transition: all 0.6s;color: #fff;border: none;}


xm-select .xm-label .xm-label-block{background: #014099 !important;}

xm-select .xm-body .xm-option .xm-option-icon{border-color:#014099 !important;}

xm-select .xm-body .xm-option .selected show-icon .xm-option-icon{color: #000;}


.selected .xm-icon-duox{color:#014099 !important;}

/* xm-select .xm-body .xm-option .xm-option-icon{color:#014099 ;} */

/* xm-select .xm-body .xm-option .xm-option-icon{color:#014099 !important ;} */

/* .xm-icon-duox:before{background:#014099 } */

@media screen and (max-width:1680px) {
    .service7 .con2 .con_le .le{margin-bottom: 25px;}

    .service7 .con2 .con_le .le2{margin-top: 40px;}

    .service6 .serv6_con .cont{padding: 50px 0;}

    .service6 .serv6_con{padding-bottom: 100px;}

    .service8_1 .con .ul{padding-left: 120px;}

    .service8_2 .con2 .ul .li{padding: 20px 30px;}

    .jijiao .jao{padding: 30px 50px;width: 650px;}

    .jijiao .jao .ul .li{margin-bottom: 20px;}

    .jijiao .jao .j2{margin: 30px auto 0;}


}

@media screen and (max-width:1500px) {
    .service9 .con_le{padding-left: 100px;}

    .service9 .con_re{width: 45%;}

    .service9 .con_le{width: 48%;}
}

@media screen and (max-width:1025px) {
    .wow{opacity: 1;}

    .service7{padding-top: 0px;}

    .sbox{min-width: 200px;width: 90%;}

    .serv5_le{position: static;display: flex;flex-wrap: wrap;padding: 0 5%;border: none;margin-bottom: 25px;}

    .serv5_le .le{line-height: 40px;width: 33.33%;text-align: center;padding: 0;}

    .serv5_le .le.act::after{width: 100%;height: 1px;top: auto;bottom: -1px;}

    .service5 .con1 img{width: 100%;}

    .service5{padding: 0 0  30px 0;}

    .service5 .cont{margin-bottom: 30px;}

    .service5 .con1{margin-bottom: 30px;}

    .service5 .con2{flex-wrap: wrap;}

    .service5 .con2 .con_le{width: 100%;}

    .service5 .con2 .con_re{width: 100%;}

    .service5 .con2 .con_le img{width: 100%;}

    .service6 .serv6_con .con{position:static;}

    .service6 .serv6_con .con .con_re{width: 100%;height: 500px;}

    .service6 .serv6_con .con .con_b{flex-wrap: wrap;}

    .service6 .serv6_con .con .con_le{width: 100%;margin-bottom: 30px;}

    /* .service6 .serv6_con{background: none;} */

    .service6 .serv6_con .cont{padding: 0 ;}

    .service6 .serv6_con .con .con_re .re2{flex-wrap: wrap;}

    .service6 .serv6_con .con .con_re .re2 span{flex: none;width: 50%;}

    .service6 .serv6_con{padding-bottom: 0px;background: none;}

    .service62{padding: 30px 0;}

    .service62 .con2 .ser6_sw{padding-bottom: 40px;}

    .service62 .con1{line-height: 35px;width: 200px;margin: 0 auto 20px;}

    .service7 .con1{margin-bottom: 30px;}


    .service7 .con2{flex-wrap: wrap;padding: 0;}

    .service7 .con2 .con_le{width: 100%;padding: 0 5%;}

    .service7 .con2 .con_re{width: 100%;}

    .ser_next, .ser_prev{display: none;}

    .service7 .con2 .con_le .le2 .ser7_sw{padding-bottom: 40px;}

    .service7 .con2 .con_le .le2 .ser7_sw .swiper-pagination{display: flex;justify-content: center;}

    .service8_1{padding-top: 0px;}

    .service6{padding-top: 0px;}

    .service8_1 .con .ul{padding-left: 0;flex-wrap: wrap;}

    .service8_1 .ct2{margin: 10px 0 20px;}

    .service8_1 .con .li{width: 100%;margin-bottom: 20px;}

    .service8_2{padding-top: 0px;}

    .service8_2 .con2 .ul .li{padding: 15px 20px;}

    .service8_2 .con2 .ul{flex-wrap: wrap;}

    .service8_2 .con2 .ul .li{width: 100%;margin-bottom: 20px;}

    .service8_2 .con1{margin-bottom: 15px;}

    .service8_3{padding: 30px 0;}

    .service8_2 .con2 .ul .li:nth-child(3n){margin-bottom: 0;}

    .service8_3 .con2{margin: 0 5%;}

    .service8_3 .con1{margin-bottom: 30px;}

    .service9{padding: 0 0 30px 0;}

    .service9 .con2{flex-wrap: wrap;}

    .service9 .con_le{width: 100%;padding: 0;margin-bottom: 30px;}

    .service9 .con_re{width: 100%;}

    .service9 .con1{margin-bottom: 20px;}

    .service9 .con_re .re span:last-child{margin-top: 10px;}

    .service9 .con_re .re{margin-bottom: 25px;}

    .service9 .con_re .re2 .ser7_sw{padding-bottom: 40px;}

    .jijiao .jao{width: 90%;padding: 30px 20px;}

    .jijiao .jao .ul .li span{width: 80px;}

    .jijiao .jao .ul .li .in{width: calc(100% - 80px);}

    /* .jijiao .jao .ul .li .in{height: 44px;} */

    .jijiao .jao .ul .li.lis .in img{width: 70px;height: 44px;}

    .jijiao .jao .ul .li .in input{padding-left: 10px;height: 40px;}

    xm-select > .xm-label .scroll .label-content{min-height: 40px;}

    .jijiao .jao .ul .li.lis .in input{width: calc(100% - 70px);}

    .jijiao .jao .j1{margin-bottom: 20px;}

    xm-select{min-height: 40px;}

    .jijiao .jao .ul .li .in .sc{height: 40px;}

    .jijiao .jao .j2{width: 150px;height: 44px;line-height: 44px;}

    .service6 .serv6_con .hz{display: none;}

    .service7 .con2 .con_le span:first-child{text-align: center;}

    .service7 .con2 .con_le .le2 .s2{text-align: center;}

    .service62 .con2 .s2{text-align: center;}

    .service6 .serv6_con .con .con_re .re1{text-align: center;}

    .service9 .con_re .re span{text-align: center;}

}