/*底部浮动栏样式3*/.social_nav {z-index:999999;min-width:360px;max-width:640px;height:58px;bottom:0;left:0;position:fixed;_position:absolute;color:#ffffff;background-color:#167E01;border-top:3px solid #ffffff;overflow:visible;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);/* for IE6 */}

/******底部浮动社交导航********/
.social_nav .social{display:block;width:100%;height:58px;overflow:hidden;position:relative;}
.social_nav a{width:68px;height:55px;line-height:90px;font-size:14px; display:inline-block;position:relative;text-align:center; color:#fff;}
.social_nav span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}
.social{ background-color:#32323a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#167E01), to(#167E01)); 
	background-image: -webkit-linear-gradient(top, #167E01, #167E01); 
	background-image: -moz-linear-gradient(top, #167E01, #167E01); 
	background-image: -o-linear-gradient(top, #167E01, #167E01); 
	background-image: -ms-linear-gradient(top, #167E01, #167E01); 
	background-image: linear-gradient(top, #167E01, #167E01);}
.social:before{ content:''; height:1px; width:100%; background:#167E01; border-bottom:1px solid #167E01; position:absolute; top:0; left:0;}
.social:after{ content:''; height:1px; width:100%; background:#167E01; border-top:1px solid #167E01; position:absolute; bottom:0; left:0;}

/*底部社交-电话-动画*/
.social_nav span.tel{
	left:30px;
	top:5px;
	height:30px;
	background-position:0px -49px;
	background-repeat: no-repeat;
	animation-name: telshow;
	animation-duration: 1.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: telshow;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: telshow;
	-o-animation-duration: 1.0s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
}
@keyframes telshow {
	0% {transform: rotate(0deg)}
	5% {transform: rotate(-13deg)}
	10% {transform: rotate(0deg)}
	15% {transform: rotate(-13deg)}
	20% {transform: rotate(0deg)}
	25% {transform: rotate(-13deg)}
	100% {transform: roate(0deg)}
}
@-webkit-keyframes telshow {
	0% {-webkit-transform: rotate(0deg)}
	5% {-webkit-transform: rotate(-13deg)}
	10% {-webkit-transform: rotate(0deg)}
	15% {-webkit-transform: rotate(-13deg)}
	20% {-webkit-transform: rotate(0deg)}
	25% {-webkit-transform: rotate(-13deg)}
	100% {-webkit-transform: roate(0deg)}
}
/*底部社交-电话-动画*/
.social_nav span.msn{background-position:1px -430px;background-repeat: no-repeat;left:90px;top:7px;}  /*底部社交-短信-动画*/
.social_nav span.map{background-position: 14px -150px;background-repeat: no-repeat;height: 26px;left: 157px; top: 7px;}   /*底部社交-微博-动画*/
.social_nav span.yuyue{background-position:0px -390px;background-repeat: no-repeat;height:40px;left:233px;top:5px;} /*底部社交-首页-动画*/
.social_nav span.home{background-position:0px -200px; background-repeat:no-repeat;left:308px; height:24px; width:30px; top:8px;} /*底部社交-首页-动画*/
.social_nav .btn{ display:block; width:32px; height:55px; position:absolute; right:0;top:-10px;background-position:18px -786px;background-repeat: no-repeat;}
.social_nav .btn2{ display:block; width:32px; height:55px; position:absolute; right:0;bottom:0;background-position:0 -249px; display:none;}

/*定位图片样式*/
.social_nav .btn, .social_nav .btn2, .social span {background-image: url(../images/SkinsBar3.png);background-size: 32px 889px;}

/******底部浮动社交导航********/