#footer-kelin{
  background: var(--color-second);
  padding:80px 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;
  }

.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 20px;
  letter-spacing:1px;
  }

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

.foot-kelin-contact{
  width:310px;
  }

.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;
  }


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

#gotop-kelin{position:fixed;bottom:200px;right:10px;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:992px){
    #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;}
}