@charset "utf-8";
body,ol,ul,dl,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;font-family: "微软雅黑";}
ol,ul,dl{list-style: none;}
img{border: none;vertical-align: top;}
a{text-decoration: none;color: inherit;}
i,em{font-style: normal;}
b{font-weight: inherit;}
input{outline:none;}

.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
head,body{font-size: 0;}






.pagination {
    display:inline-block;
    padding-left:0;
    margin:17px 0;
    border-radius:3px;
}
.pagination > li {
    display:inline;
}
.pagination > li > a,.pagination > li > span {
    position:relative;
    float:left;
    padding:6px 12px;
    line-height:1.42857143;
    text-decoration:none;
    color:#F3930B;
    background-color:#fff;
    border:1px solid #ddd;
    margin-left:-1px;
    font-size:16px;
    margin-right:10px;
}
.pagination > li:first-child > a,.pagination > li:first-child > span {
    margin-left:0;
    border-bottom-left-radius:3px;
    border-top-left-radius:3px;
}
.pagination > li:last-child > a,.pagination > li:last-child > span {
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {
    z-index:2;
    color:#11181f;
    background-color:#eeeeee;
    border-color:#ddd;
}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {
    z-index:3;
    color:#fff;
    background-color:#F3930B;
    border-color:#F3930B;
    cursor:default;
}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {
    color:#777777;
    background-color:#fff;
    border-color:#ddd;
    cursor:not-allowed;
}
.pagination-lg > li > a,.pagination-lg > li > span {
    padding:10px 16px;
    font-size:15px;
    line-height:1.3333333;
}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span {
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
}
.pagination-sm > li > a,.pagination-sm > li > span {
    padding:5px 10px;
    font-size:11px;
    line-height:1.5;
}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span {
    border-bottom-left-radius:2px;
    border-top-left-radius:2px;
}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span {
    border-bottom-right-radius:2px;
    border-top-right-radius:2px;
}






.xuanfukuang{
	position:fixed;
	top:30%;
	right:-130px;
	z-index: 100;
}
.xuanfukuang li{
	width:170px;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
	box-sizing:border-box;
	padding-right:15px;
	font-size:14px;
	transition:.3s;
	color:#fff;
	border-radius:5px 0 0 5px;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
}
.xuanfukuang li a{ color:#fff;}
.xuanfukuang li span{float:left;display:block;width:40px;height:40px;}
.xuanfukuang li img{ width:130px; height:130px; margin:10px;}
.xuanfukuang li:hover{transform:translateX(-110px);}
.xuanfukuang li:nth-child(6):hover{transform:translateX(-110px);height:170px;}
.xuanfukuang li:nth-child(6):hover span{display:none;}
.xuanfukuang li:nth-child(3):hover{transform:translateX(-110px);height:170px;}
.xuanfukuang li:nth-child(3):hover span{display:none;}



.xuanfukuang li:nth-child(1){background:#35afe2}/*背景色*/
.xuanfukuang li:nth-child(2){background:#ea201c}
.xuanfukuang li:nth-child(3){background:#62b900}
.xuanfukuang li:nth-child(4){background:#333}
.xuanfukuang li:nth-child(5){background:#333}
.xuanfukuang li:nth-child(6){background:#333;}


.xuanfukuang li:nth-child(1) span{background:url(../images/img/QQ.png)}/*QQ图标*/
.xuanfukuang li:nth-child(2) span{background:url(../images/img/tel.png)}/*电话图标*/
.xuanfukuang li:nth-child(3) span{background:url(../images/img/weixin.png)}/*微信图标*/
.xuanfukuang li:nth-child(4) span{background:url(../images/img/fhdb.png)}/*返回顶部图标*/
.xuanfukuang li:nth-child(5) span{background:url(../images/img/fhsy.png)}/*返回首页图标*/
.xuanfukuang li:nth-child(6) span{background:url(../images/img/ewm0.png)}/*二维码图标*/


.xuanfukuang li:nth-child(1):hover span{background:url(../images/img/QQ1.jpg)}/*经过后qq图标*/
.xuanfukuang li:nth-child(2):hover span{background:url(../images/img/tel1.jpg)}/*经过后电话图标*/
.xuanfukuang li:nth-child(3):hover span{background:url(../images/img/weixin1.jpg)}/*经过后微信图标*/
.xuanfukuang li:nth-child(4):hover span{background:url(../images/img/fhdb1.jpg)}/*经过后返回顶部图标*/
.xuanfukuang li:nth-child(5):hover span{background:url(../images/img/fhsy1.jpg)}/*经过后返回首页图标*/
.xuanfukuang li:nth-child(6):hover span{background:url(../images/img/ewm1.jpg)}/*经过后二维码图标*/










