.side-bar {	width:200px; position: fixed;z-index: 200;	top:50%; margin-top:-93px;right:-140px;	}
.side-bar a {color:#fff;text-decoration:none;}
.side-bar a:hover{color:#a40000;}
.side-bar li { display: block;	cursor: pointer;width: 100%;height: 62px;background:#a40000;border-bottom: 1px solid #c66;	position: relative;	text-align:left;color:#fff;}
.side-bar li img {width:62px; display:inline;margin-right:10px;}
.side-bar li:last-child {border:none;}

.qq_list{width:156px;height:auto;border:1px solid #ccc;background:#fff;position:absolute;right:204px;top:-129px;display:none;}
.qq_list_title{font-size:26px;text-align:center;background:#a40000;color:#fff;margin:0;padding:0.5em 0;}
.center{text-align:center;font-size:20px;font-weight:bold;line-height:31px;}
.qq_list ul{padding:0 5%;}
.qq_list li{margin:10px 0;background:#fff;color:#000;}
.qq_list li a{color:#000;line-height:45px}

.side-bar .phone { font-size:1rem; color:#fff; position: relative;}
.side-bar .phone span { position:absolute; top:20px;}
.side-bar .phone {transition:0.2s ease-in;
	-moz-transition:0.2s ease-in;
	-webkit-transition:0.2s ease-in;
	-o-transition:0.2s ease-in;}
.side-bar .phone:hover {
	transform:translatex(-70%); 
	-moz-transform:translatex(-70%); 
	-ms-transform:translatex(-70%); 
	-o-transform:translatex(-70%); 
	-webkit-transform:translatex(-70%);
	}
	
@media(max-width:1680px) {
.side-bar {	width:160px; margin-top:-93px;right:-120px;	}
.side-bar li {display: block;cursor: pointer;height: 45px;color:#000;}
.side-bar li img {width:45px; height:45px; }
.side-bar .phone { font-size:0.8rem;}
.side-bar .phone span { top:13px;}
.qq_list{right:162px;}
}
.qq_list li{margin:10px 0;background:#fff;color:#000;height:32px;}
.qq_list li a{color:#000;line-height:32px}
.qq_list li img{width:26px;height:26px;vertical-align:middle;display:inline-block;}