/*社交底部*/
.foot{margin-top: 0px;  display: flex;  padding-top: 0px;}
.foot .home-tab{position: absolute; right: 0; width: 50px; text-align: center;}
.foot .home-tab li{writing-mode:vertical-lr; padding: 15px; color: #eee;}
.foot .kc-wrap li h5{font-weight: 800; font-size: 14px; line-height: 40px; width: 100%; margin-right: 25px; white-space: nowrap;color: #ffffff;}
.foot .kc-wrap li a,.foot .kc-wrap li p{display: block; color: #333; text-decoration: none; font-size: 12px; line-height: 15px; margin-bottom: 5px;}
.foot .kc-wrap li a:hover{color: rgb(35,140,150);}
.foot .kc-wrap li a,.foot .kc-wrap li p.scode{width: 100px;}
.foot .kc-wrap li p.scode img{width: 100px; height: 100px;}
.foot .kc-wrap li a.min-icon{display: inline-block; width:60px; margin-right: 15px; position: relative;}
.foot .kc-wrap li a.min-icon img:hover{filter: grayscale(0);}
.foot .kc-wrap li a.min-icon .qrcode{position: absolute; width: 300px; height: 300px; bottom:70px; left:0px; display: none; z-index: 99;}
.foot .kc-wrap li a.min-icon .qrcode img{width: 100%; height: 100%;}
.foot .kc-wrap li a.min-icon:hover .qrcode{display: block;}
.foot .kc-wrap li a.min-icon img{width: 60px; height: 60px; filter: grayscale(0%);}
.foot .kc-wrap a:hover{color: #666;}
.foot .kc-wrap li{width: 20%; float: left; box-sizing: border-box; padding-right: 20px; padding-bottom: 20px; display: flex; flex-wrap: wrap;}
.kc-wrap{margin: 0 0 0 20%; position: relative;}



@media screen and (max-width:767px){
	
.foot{margin-top: 0px;  display: flex;  padding-top: 0px;}
.foot .home-tab{position: absolute; right: 0; width: 50px; text-align: center;}
.foot .home-tab li{writing-mode:vertical-lr; padding: 15px; color: #eee;}
.foot .kc-wrap li h5{font-weight: 800; font-size: 14px; line-height: 40px; width: 100%; margin-right: 25px; white-space: nowrap;color: #ffffff;}
.foot .kc-wrap li a,.foot .kc-wrap li p{display: block; color: #333; text-decoration: none; font-size: 12px; line-height: 15px; margin-bottom: 5px;}
.foot .kc-wrap li a:hover{color: rgb(35,140,150);}
.foot .kc-wrap li a,.foot .kc-wrap li p.scode{width: 100px;}
.foot .kc-wrap li p.scode img{width: 100px; height: 100px;}
.foot .kc-wrap li a.min-icon{display: inline-block; width:50px; margin-right: 15px; position: relative;}
.foot .kc-wrap li a.min-icon img:hover{filter: grayscale(0);}
.foot .kc-wrap li a.min-icon .qrcode{position: absolute; width: 300px; height: 300px; bottom:70px; left:0px; display: none; z-index: 99;}
.foot .kc-wrap li a.min-icon .qrcode img{width: 100%; height: 100%;}
.foot .kc-wrap li a.min-icon:hover .qrcode{display: block;}
.foot .kc-wrap li a.min-icon img{width: 50px; height: 50px; filter: grayscale(0%);}
.foot .kc-wrap a:hover{color: #666;}
.foot .kc-wrap li{width: 20%; float: left; box-sizing: border-box; padding-right: 20px; padding-bottom: 20px; display: flex; flex-wrap: wrap;}
.kc-wrap{margin: 0 0 0 0; position: relative;}	
	
	

}