
.okki-chat--bubble-holder .okki-chat-widget-bubble, .okki-chat--bubble-holder .okki-chat-widget-bubble:hover, .okki-chat--bubble-holder .okki-chat-widget-bubble:focus {
        bottom: 60px !important;;
    }
    .nans-sidebanner h1, .nans-sidebanner h2 {
        display: none;
      
    }
        .nans-sidebanner p {
        display: none;
          
        }
  
        .okki-chat--bubble-holder .okki-chat-widget-bubble, .okki-chat--bubble-holder .okki-chat-widget-bubble:hover, .okki-chat--bubble-holder .okki-chat-widget-bubble:focus {
    
    bottom: 80px !important;
    
}
#footer-kelin{background: #4ba3f2;padding:35px 0 0;background-size: cover;}
#footer-kelin .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
#footer-kelin h5{font-size:24px;color:#fff;margin-bottom:15px;letter-spacing:2px;}
#footer-kelin a:hover {
    text-decoration: none;
    color: #ffffff;
    text-decoration: underline;
}
.foot-kelin-logo{width:210px;}
.foot-kelin-logo img {width: 96px;height: 95px;}
.foot-kelin-logo p{font-size:20px;color:#fff;margin:30px 0 0;}

.foot-kelin-logo .share{margin:30px 0 0;}
.foot-kelin-logo .share a{margin:0 10px 0 0;display:inline-block;background:rgba(255,255,255,0.3);width:32px;height:32px;text-align:center;line-height:24px;border-radius: var(--button-radius);}
.foot-kelin-logo .share a i{font-size:20px;color:#fff;line-height:32px;}
.foot-kelin-logo .share a:hover{background:color-mix(in srgb, var(--color-primary) 75%, transparent);}

.foot-kelin-nav ul li{font-size:18px;color:#fff;line-height:24px;margin:0 0 12px;letter-spacing:1px;}

.foot-kelin-list{width:210px;}
.foot-kelin-list ul li{font-size:18px;color:#fff;line-height:24px;margin:0 0 12px;letter-spacing:1px;}

.foot-kelin-contact{width:310px;}
.foot-kelin-contact ul{}
.foot-kelin-contact ul li{font-size:18px;color:#fff;line-height:32px;margin:0 0 15px;padding:0 0 0 40px;}
.foot-kelin-contact ul li:nth-child(1){background:url("./pics/c1.png") no-repeat left 5px;}
.foot-kelin-contact ul li:nth-child(2){background:url("./pics/c2.png") no-repeat left center;}
.foot-kelin-contact ul li:nth-child(3){background:url("./pics/c3.png") no-repeat left center;}
.foot-kelin-contact ul li:nth-child(3){background:url("./pics/c4.png") no-repeat left center;}
.foot-kelin-contact ul li a{}

.copyright-kelin{margin:20px 0 0;border-top:2px solid rgba(221,221,221,0.2);color:rgba(221,221,221,0.9);padding:20px 0;font-size:16px;text-align:center;}



#gotop-kelin{position:fixed;bottom:100px;right:20px;height:40px;width:40px;line-height:40px;text-align:center;background:var(--color-primary);-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;z-index:1000;cursor:pointer;display:none;border-radius:4px;}
#gotop-kelin i{color:#fff;font-size:15px;}
#gotop-kelin:hover {background:var(--color-second);}




/*---------*/
#footBar-kelin {position:fixed;bottom:0;left:0;width:100%;height:54px;display:none;z-index:999;background:var(--color-primary);border-top:1px solid rgba(255, 255, 255, 0.8);transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
#footBar-kelin li {width:25%;height:54px;float:left;text-align:center;border-left:1px solid rgba(255, 255, 255, 0.2);cursor:pointer;padding:6px 0 0 0;box-sizing: border-box;}
#footBar-kelin li:first-child {border-left:none;}
#footBar-kelin li a{display:block;height:45px;line-height:1;text-transform:uppercase;}
#footBar-kelin li i{color:#fff;font-size:20px;}
#footBar-kelin li span{display:block;color:#fff;font-size:12px;margin-top:3px;}

@media screen and (max-width:768px){

    #gotop-kelin{display:none !important;}
    #footBar-kelin{display:block;}
    #footer-kelin{background-size:cover;padding:30px 0 0;}
    #footer-kelin .container{-webkit-flex-direction:column;flex-direction:column;}
    #footer-kelin h5{font-size:20px;color:#fff;margin-bottom:15px;letter-spacing:2px;text-align:center;}
    
    .foot-kelin-logo{width:100%;text-align:center;}
    .foot-kelin-logo p{font-size:18px;margin:15px 0 0;}
    .foot-kelin-logo .share{margin:15px 0 0;}
    .foot-kelin-logo .share a{margin:0 5px;}
    
    .foot-kelin-nav,.foot-kelin-list{display:none;}
    
    .foot-kelin-contact{width:100%;margin:30px 0 0;text-align:center;}
    .foot-kelin-contact ul li{font-size:17px;color:#fff;line-height:24px;margin:0 0 15px;padding:30px 0 0;}
    .foot-kelin-contact ul li:nth-child(1),.foot-kelin-contact ul li:nth-child(2),.foot-kelin-contact ul li:nth-child(3){background-position:center top;}
    .copyright-kelin{margin:20px 0 0;padding:15px 0 60px;font-size:15px;}
}

