@charset "utf-8";
* {
	padding:0;
	margin:0;
	font-family:"微软雅黑"
}
* {
	padding:0;
	margin:0;
	font-family:"微软雅黑"
}
ol,ul {
	list-style:none
}
a {
	text-decoration:none;
	color:#686868
}
img {
	border:0
}
.side {
	position:fixed;
	width:80px;
	right:0;
	top:50%;
	margin-top:-200px;
	border-bottom:0;
	z-index:100;
	/*border:1px solid #e0e0e0;
	background:#fff;*/
}
.side ul li {
	width:80px;
	height:80px;
	float:left;
	position:relative;
	border-bottom:1px solid #dedede;
	color:#fff;
	font-size:14px;
	/*line-height:38px;*/
	text-align:center;
	transition:all .3s;
	cursor:pointer;
	border-radius: 15px;
    margin-bottom: 10px;
    padding: 10px;
    background: #ba2f34;
}
.side ul li:hover {
	border-bottom:1px solid #fff;
	background:#ba2f34;
	color:#fff
}
.side ul li a {
	color:#fff;
	font-size:14px;
	font-weight: 500;
	line-height: 1;
}
.side ul li:hover a {
	color:#fff
}
.side ul li i {
	height: 40px;
    width: 40px;
	display:block;
	overflow:hidden;
	margin: 0 auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: contain;
	transition:all .3s;
}
/*.side ul li:first-child i,*/
.side ul li:nth-child(4) i {
	margin-bottom: 10px;
	height: 30px;
    width: 30px;
}
.side ul li i.bgs1 {
	background-image:url(../kefu/right_pic5_on.png)
}
.side ul li i.bgs2 {
	background-image:url(../kefu/kf_img_1.png)
}
.side ul li i.bgs3 {
	background-image:url(../kefu/kf_img_3.png)
}
.side ul li i.bgs4 {
	background-image:url(../kefu/kf_img_2.png)
}
.side ul li i.bgs5 {
	background-image:url(../kefu/kf_img_02.png)
}
.side ul li i.bgs6 {
	background-image:url(../kefu/kf_img_4.png)
}
.side ul li:hover i.bgs1 {
	background-image:url(../kefu/right_pic5_on.png)
}
.side ul li:hover i.bgs2 {
	background-image:url(../kefu/kf_img_1.png)
}
.side ul li:hover i.bgs3 {
	background-image:url(../kefu/kf_img_3.png)
}
.side ul li:hover i.bgs4 {
	background-image:url(../kefu/kf_img_2.png)
}
.side ul li:hover i.bgs5 {
	background-image:url(../kefu/kf_img_2.png)
}
.side ul li .sidebox {
	position:absolute;
	width:78px;
	height:78px;
	top:0;
	right:0;
	transition:all .3s;
	overflow:hidden
}
.side ul li.sidetop {
	background:#ba2f34;
	color:#fff
}
.side ul li.sidetop:hover {
	opacity:.8;
	filter:Alpha(opacity=80);
	opacity: 1;
}
.side ul li.sideewm .ewBox.son {
	width:238px;
	display:none;
	color:#363636;
	text-align:center;
	padding-top:235px;
	position:absolute;
	left:-240px;
	top:0;
	/*background-image:url(../kefu/leftewm.png);*/
	background-repeat:no-repeat;
	background-position:center center;
	border:1px solid #e0e0e0
}
.side ul li.sideetel .telBox.son {
	width:240px;
	height:237px;
	display:none;
	color:#fff;
	text-align:left;
	position:absolute;
	left:-240px;
	top:-79px;
	background:#ba2f34;
}
.side ul li.sideetel .telBox dd {
	display:block;
	height:118.5px;
	overflow:hidden;
	padding-left:82px;
	line-height:24px;
	font-size:18px
}
.side ul li.sideetel .telBox dd span {
	display:block;
	line-height:28px;
	height:28px;
	overflow:hidden;
	margin-top:32px;
	font-size:18px
}
.side ul li.sideetel .telBox dd.bgs1 {
	background:url(../kefu/right_pic8.png) 28px center no-repeat;
	background-color:#ba2f34;
	border-bottom: 1px solid #fff;
}
.side ul li.sideetel .telBox dd.bgs2 {
	background:url(../kefu/right_pic9.png) 28px center no-repeat
}
.side ul li:hover .son {
	display:block!important;
	animation:fadein 1s
}
@keyframes fadein {
	from {
		opacity:0
	}
	to {
		opacity:1
	}
}


.side {width: 100px;}
.side ul li {
    width: 80px;
    height: 80px;
}
.side ul li i {
	width: 40px;
	height: 40px;
	margin-top: 10px;
}
.side ul li:nth-child(4) i {
	width: 20px;
	height: 20px;
}
.side ul li {font-size: 12px;}

@media (max-width: 767px) {
    .side {
        width: 70px;
        top: 60%;
        right: 10px;
    }
    .side ul li {
        width: 70px;
        height: 70px;
        float: none;
        padding: 5px;
	    font-size: 12px;
    }
    .side ul li i {
	    height: 30px;
	    width: 30px;
	    margin-top: 5px;
	}
	.side ul li:nth-child(4) i {
		height: 20px;
	    width: 20px;
	    margin-bottom: 5px;
	}
	.side ul li a {font-size: 12px;}
}