#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 :nth-child(3){display:none;}
.foot-kelin-contact ul :nth-child(4){display:none;}
.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:last-child{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(--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:#517bb4;}




/*---------*/
#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:16px;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:12px;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;}
}