﻿ul, ol, li {
	list-style: none;
}

.client-2 {
	position: fixed;
	right: 123px;
	top: 50%;
	z-index: 900;
}
.client-2 li a {
	text-decoration: none;
}
.client-2 li {
	margin-top: 1px;
	clear: both;
	height: 71px;
	position: relative;
}
.client-2 li i {
	background: url(icon/fx.png) no-repeat;
	display: block;
	width: 52px;
	height: 47px;
	margin: 0px auto;
	text-align: center;
}
.client-2 li p {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	font-weight:bold;
	
	font-family:微软雅黑;
	color:#058079;
	text-shadow: 0.5px 0.5px 0.5px #FFF;

}
.client-2 .my-kefu-qq i {
	background-position: 10px -62px;
}
.client-2 .my-kefu-tel
{
		display: none;

}

.client-2 .my-kefu-tel i {
	background-position: 0 -21px;
}
.client-2 .my-kefu-liuyan i {
	background-position: 4px -50px;
}
.client-2 .my-kefu-weixin i {
	background-position: -22px 17px;
}
.client-2 .my-kefu-weibo i {
	background-position: -30px -22px;
}
.client-2 .my-kefu-ftop {
	display: none;
}
.client-2 .my-kefu-ftop i {
	width: 33px;
	height: 35px;
	background-position: -27px -51px;
}
.client-2 .my-kefu-left {
	float: left;
	width: 77px;
	height: 47px;
	position: relative;
}
.client-2 .my-kefu-tel-right {
	font-size: 14px;
	color: #fff;
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 4px;
	display:none
}
.client-2 .my-kefu-right {
	width: 20px;
}
.client-2 .my-kefu-tel-main {
	color: #fff;
	height: 56px;
	width: 80px;
	padding: 9px 0 6px;
	float: left;
}
.client-2 .my-kefu-main {
	width: 70px;
	height: 56px;
	position: relative;
	padding: 9px 0 6px;
	float: left;
	
}
.client-2 .my-kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}
.my-kefu-weixin-pic img {
	width: 115px;
	height: 115px;	
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.piaofu {      
      /* 平滑过渡效果 */
      transition: opacity 1s ease, visibility 0.6s ease;
      
      /* 默认显示 */
      opacity: 1;
      visibility: visible;
    }

 .quanping {
	 position:absolute ;
     margin: 0px 0px 0 70px;
	float:right;
	width:330px;
	z-index:1;
    }
       .quanping button {
            padding: 5px 5px;
            margin: 5px ;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            background: #058079;
            color: white;
            font-size: 15px;
			float:left;
			z-index:99999
        }
        .quanping button:hover {
            background: #fff;
			color:#000;
			font-weight:bold
        }
		
 
/* 屏幕宽度小于640px时 */
@media (max-width: 640px) {
   .fnav{
	position: fixed;
	bottom:3.1rem;
	min-width: 320px;
	max-width: 640px;
	width: 100%;
	height:3.2rem;	
	font-size:0.7rem;
	background: #058079;
	z-index: 10;
	margin: 0 auto auto;
}
.piaofu
{
	display: none;
}
.quanping {
                display: none; /* 隐藏按钮容器 */               
            }
}
 
/* 屏幕宽度大于900px时 */
@media (min-width: 640px) {
    .fnav{
			display:none;

	position: fixed;
	bottom:3.2rem;
	min-width: 320px;
	max-width: 640px;
	width: 100%;
	height:3.2rem;	
	font-size:0.7rem;
	background: #058079;
	z-index: 10;
	margin: 0 auto auto;
}
}


.fnav li {
	width: 25%;
	float: left;
	position: relative;
	margin-top:-0.2rem;
	list-style:none;
}
.fnav li:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #aaa;
}
.fnav li a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 0.9rem;
}
.fnav li em {
	display: block;
	width: 1rem;
	margin: 0 auto;
	padding-top: 0rem;
}
.fnav li em img {
	width: 1rem;
	height: 1rem;
}


.fnav li:last-child:before {
	background: none;
	border: 0;
}