@charset "utf-8";

/* CSS Document */



.foot{ width:100%;padding:15px 0; background:#323232; min-width:1200px; font-size:13px; color:#fff; line-height:30px;text-align:center;}

.footer{ width:1024px;font-size:13px; color:#fff; line-height:30px;text-align:center; margin:0 auto; }





.boxa {

	width: 52px;

	height: 198px;

	background:url(../images/fbg.png);

	border-radius:6px;

	position:fixed;

	top:42%;

	right:0;

	z-index:999;

	_position:absolute;

	_bottom:auto;

	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));

}

.boxa ul{margin-top:10px;}

.boxa ul li {

	width: 48px;

	display: block;

	height: 60px;

	padding: 2px;

	overflow: hidden;

	margin-left:0;

}



.qq01 {

	background: url(../images/ele01.png) no-repeat;

	background-position:center;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.qq01:hover {

	background-position:center;

}

.qq01:hover .qq01-logo {

	width: 170px;

	height: 204px;

}

.qq01-logo {

	background: url(../images/qqk.png) no-repeat;

	background-position: 0 0;

	width: 170px;

	height: 204px;

	overflow: hidden;

	position: absolute;

	top: 22px;

	right:37px;

	/*

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	*/

}



.tel01{

	background: url(../images/ele02.png) no-repeat;

	background-position:center;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.tel01:hover {

	background-position:center;

}

.tel01:hover .tel01-logo {

	width: 170px;

	height: 204px;

}

.tel01-logo {

	background: url(../images/qqk.png) no-repeat;

	background-position: 0 0;

	width: 0px;

	height: 0px;

	overflow: hidden;

	position: absolute;

	top: 23px;

	right: 37px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}





.weixin01 {

	background: url(../images/ele03.png) no-repeat;

	background-position:center;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.weixin01:hover {

	background-position:center;

}

.weixin01:hover .weixin01-logo {

	width: 170px;

	height: 185px;

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	-o-transform: rotate(360deg);

}



.weixin01-logo {

	background: url(../images/wxk.png) no-repeat;

	background-position:center;

	width: 0px;

	height: 0px;

	overflow: hidden;

	position: absolute;

	top: 5px;

	right: 46px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}



.qq01 a{display:block;width:110px;height:28px;border:1px solid #45e3c9;border-radius:8px;margin-left:20px;margin-top:10px;line-height:28px;text-align:center;font-size:14px;color:#45e3c9;text-decoration: none;}

.qq01 a:hover{text-decoration:none;color:#8afef0;border:1px solid #8afef0;}



.g-icon-top {

	height: 50px;

	width: 50px;

	background:url(../images/to-top.png) no-repeat center;

	background-size:100% 100%;

	bottom:99px;

	right:0;

	z-index:9999;

	position:fixed;

	

}