/*
    Theme name: spider样式功能继承hello
    Template: hello-elementor
    Text Domain: spider
*/
dd, dl, dt, li, ol, ul {
    padding-inline-start: 0;
}
li, ul, ol {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}

.home-jsq .elementor-counter-title {
    text-align: center;
}
.back-to-top .elementor-icon.elementor-animation-grow {
    background: #fff;
    text-transform: capitalize;
    box-shadow: 0 0 0.12rem #FF97006e;
    animation: tm-bounce 2.0s infinite ease-in-out;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
}
@keyframes tm-bounce {
    0% {
        transform: scale(0.8);
      }
    50% {
        transform: scale(1);
      }
    100% {
        transform: scale(0.8);
      }
}

.kf02_contact ul{width: 40px;float: left;}
.kf02_contact li {width: 40px;float: right;line-height: 40px;height: 40px;margin-bottom: 10px;position: relative;z-index: 2;}
.kf02_contact li a{color: #999;width: 100%;float: left;height: 40px;display: block;}
.kf02_contact li i{width: 40px;float: right;height: 40px;z-index: 999;border-radius: 50%;transition: all 0.6s;}
.kf02_contact li i img{width: 100%;height: auto;position: absolute;top: 0;right: 0;border-radius: 50%;}
.kf02_contact li span{width:40px;float: left;background: #fff;transition: all 0.5s;overflow: hidden;white-space: nowrap;position: absolute;top: 0px;right: 0px;border-radius: 20px;box-sizing: border-box;line-height: 40px;height: 40px;z-index: -1;}

.kf02_contact li:nth-child(1) span{border: 1px solid #3dba30;color: #3dba30;}
.kf02_contact li:nth-child(2) span{border: 1px solid #94bbdd;color: #94bbdd;}
.kf02_contact li:nth-child(3) span{border: 1px solid #94bbdd;color: #94bbdd;}
.kf02_contact li:nth-child(4) span{border: 1px solid #bfbfbf;color: #bfbfbf;}
.kf02_contact li:nth-child(5) span{border: 1px solid #a6d8ec;color: #a6d8ec;}
.kf02_contact li:nth-child(6) span{border: 1px solid #1296db;color: #1296db;}
.kf02_contact li:nth-child(7) span{border: 1px solid #1296db;color: #1296db;}
.kf02_contact li:nth-child(8) div{border: 1px solid #b2ddaf;color: #3aaa32;}
.kf02_contact li:nth-child(9) ul{border: 1px solid #ffe794;}



.kf02_contact li div{width: 0px;float:right;position: absolute;background: #fff;top: 0px;right: 40px;overflow: hidden;z-index: -1;box-sizing: border-box;display: none;}
.kf02_contact li div p{font-size: 14px;text-align: center;padding: 0;margin: 0;}
.kf02_contact li:nth-child(8)::before{content: "";width: 20px;height: 40px;border-top: 1px solid #B2DDAF;border-bottom: 1px solid #B2DDAF;position: absolute;right: 21px;top: 0;background: #fff;box-sizing: border-box;display: none;}
.kf02_contact li:nth-child(9)::before{content: "";width: 20px;height: 40px;border-top: 1px solid #ffe794;border-bottom: 1px solid #ffe794;position: absolute;right: 21px;top: 0;background: #fff;box-sizing: border-box;display: none;}
.kf02_contact li ul{width: 50px;height: auto;background: #fff;float:right;position: absolute;top: 0px;right: 40px;overflow: hidden;z-index: -1;box-sizing: border-box;display: none;}

/*.kf02_contact li:last-child span{border: 0;}*/
/* hover */
.kf02_contact li:hover{width: auto;}
.kf02_contact li:hover i{transform: rotate(360deg);transition: all 0.6s;}
.kf02_contact li a:hover span{width: auto;border-radius: 20px;z-index: -1;transition: all 0.5s;padding: 0px 50px 0px 20px;}
.kf02_contact li:nth-child(8):hover::before{display: block;}
.kf02_contact li:nth-child(9):hover::before{display: block;}
.kf02_contact li a:hover div{width: auto;border-radius: 10px;border-top-right-radius: 0px;z-index: -1;transition: all 0.5s;padding: 0px 10px;display: block;}
.kf02_contact li:hover ul{height:auto;border-radius: 30px;border-top-right-radius: 0px;z-index: -1;transition: all 0.5s;padding:  10px 10px 0px;display: block;}

.kf02_contact li ul li{width: 30px;height: 30px;float: left;}
.kf02_contact li:hover ul li{width: 30px;}
.kf02_contact li ul li img{border-radius: 50%;}
.kf02_contact li ul li:hover img{animation: jump 2s;}