@charset "utf-8";

@font-face {
	font-family:logoti;
	src: url('../fonts/logoti.ttf');
}
@font-face {
	font-family:PlayfairDisplay-Bold;
	src: url('../fonts/PlayfairDisplay-Bold.ttf');
}
@font-face {
	font-family:Playfair-Display;
	src: url('../fonts/PlayfairDisplay-Regular.ttf');
}
body,ul,ol,h1,h2,h3,h4,h5,h6,p,input,select,textarea,dl,dd,a{margin: 0;padding: 0;}
ul,ol{list-style: none;}
input,select,textarea{background-color: transparent; border: none; outline: none;}
textarea{resize: none;}
img{border: none; vertical-align: top;}
a{text-decoration: none;color: inherit;}
i,em{font-style: normal;}

.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}

.fl{float: left;} .fr{float: right;}
.show{ display: block;} .hide{ display: none;}
body{font-size: 12px;}

.xuanfukuang{
	position:fixed;
	top:30%;
	right:-165px;
	z-index: 100;
}
.xuanfukuang li{
	width:205px;
	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(-160px);}
.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(-150px);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);}/*经过后二维码图标*/