﻿	.customerservice{
		position: fixed;
		/*left: 20px;*/
		right: 20px;
		top: 197px;
		width: 68px;
		height: 320px;
		background-image: url(../images/customerservice.png);
		background-repeat: no-repeat;
		background-position: -78px -67px;
		z-index: 9999;
		font-family: sans-serif;
	}
	.customerservice::selection {
		background: #219bd9;
		color: #fff;
	}
	.customerservice ul{
		margin: 0px 4px 0 4px;
		padding: 0;
	}
	.customerservice ul li{
		width: 60px;
		height: 60px;
		margin:0; padding: 0;
		margin-bottom: 5px;
		list-style: none;
	}
	.customerservice ul li a{
		width: 60px;
		height: 60px;
		line-height: 3;
		overflow: hidden;
		display: inline-block;
		-webkit-transition: none;
		transition: none;
		color:#333;text-decoration:none;
	}
	.customerservice ul li a:hover{
		background-image: url(../images/customerservice.png);
		background-repeat: no-repeat;
		color:#008fcc;
		text-decoration:underline;
	}
	.customerservice ul li.cs1 a:hover{
		background-position: -4px -67px;
	}
	.customerservice ul li.cs2 a:hover{
		background-position: -4px -132px;
	}
	.customerservice ul li.cs3 a:hover{
		background-position: -4px -197px;
	}
	.customerservice ul li.cs4 a:hover{
		background-position: -4px -262px;
	}
	.customerservice ul li.cs5 a:hover{
		background-position: -4px -327px;
	}



.customerservice_dy{
	background-image: url(../images/customerservice_dy.png);
}

/*2019-11-27 new side*/
.dlnewside{width:78px; height:418px; border:1px solid #f5f5f5; text-align:center; position:fixed; top:215px; right:19px; z-index:99; background-color:#fff;}
.dlnewside a{display:block; width:100%; height:90px; overflow:hidden; border-bottom:1px solid #f5f5f5; font-size:14px; color:#333;}
.dlnewside a:hover{text-decoration:none; color:#00a1cc;}
.dlnewside .dlside5{height:54px; line-height:54px; border-bottom:none;}
.dlnewside i{display:block; width:28px; height:32px; margin:20px auto 4px auto; background:url(../images/dlnewside.png) 0 0 no-repeat;}
.dlnewside .dlside2 i{background-position:-28px 0;}
.dlnewside .dlside3 i{background-position:-56px 0;}
.dlnewside .dlside4 i{background-position:-84px 0;}
.dlnewside a:hover i{-webkit-animation:rotation 1.2s linear; -moz-animation:rotation 1.2s linear; -o-animation:rotation 1.2s linear; -ms-animation:rotation 1.2s linear; animation:rotation 1.2s linear;}
@-webkit-keyframes rotation{
	0%{-webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(360deg);}
}
@-moz-keyframes rotation{
	0%{-moz-transform:rotateY(0deg);}
	100%{-moz-transform:rotateY(360deg);}
}
@-ms-keyframes rotation{
	0%{-ms-transform:rotateY(0deg);}
	100%{-ms-transform:rotateY(360deg);}
}
@keyframes rotation{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(360deg);}
}