#footer-kelin{background:url(./pics/footbg.jpg) no-repeat center top;padding:80px 0 0;background-size: cover;background: #232d24;}
#footer-kelin .wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width: 1200px;}
#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;}
.foot-kelin-logo p{font-size:20px;color:#fff;margin:30px 0 0;}

.foot-kelin-logo .share{margin:30px 0 0;overflow: hidden;height: 32px;}
.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;margin-bottom: 10px;}
.foot-kelin-logo .share a i{font-size:20px;color:#fff;line-height:32px;}
.foot-kelin-logo .share a:hover{background:rgb(216 137 4 / 75%);}
.foot-kelin-logo .share a i img{/*! display: none; */}

.foot-kelin-logo .share a {
  display: inline-flex;
  justify-content: center;
   
}

.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{}
.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 a{}

.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:100px;right:20px;height:40px;width:40px;line-height:40px;text-align:center;background:var(--btn-bg);-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(--btn-bg-hover);}




/*---------*/
#footBar-kelin {position:fixed;bottom:0;left:0;width:100%;height:45px;display:none;z-index:999;background:#a7692b;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:45px;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 .wp{-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;}
}
@media screen and (max-width:1200px){
#footer-kelin .wp {
    width: 100%;
}
}