/*右侧固定悬浮*/





/* 悬浮框 */



.xuanfu {

	width: 50px;

	height: 200px;

	position: fixed;

	bottom: 40%;

	/*left: 50%;*/

	margin-left: 860px;

	border-bottom: 0;

	z-index: 99999;

}





/*.xuanfu .yes:hover {

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

    }*/



.xuanfu .yes {

	width: 50px;

	height: 50px;

	/* border: 1px solid #fff;*/

	cursor: pointer;

	background: #333 url(../images/bg.png) no-repeat;

	font-size: 0;

	box-sizing: border-box;

	padding: 14px 10px;

	margin-bottom: 1px;

}



.tel:hover {

	background: #0099ff url(../images/bg.png) no-repeat;

}



.sewm:hover {

	background: #0099ff url(../images/bg.png) no-repeat;

}



.fanhui:hover {

	background: #0099ff url(../images/bg.png) no-repeat;

}



.xuanfu .yes2 {

	width: 50px;

	height: 50px;

	/* border: 1px solid #fff;*/

	cursor: pointer;

	background: #333 url(../images/qq.png) no-repeat;

	font-size: 0;

	box-sizing: border-box;

	padding: 14px 10px;

	margin-bottom: 1px;

}



.xuanfu .fanhui {

	border-bottom: 0;

}



.xuanfu .tel {

	background-position: 0 -52px;

}



.xuanfu .sewm {

	background-position: 0 -102px;

}





/*.xuanfu .tel:hover {

        background-position: 0 -50px;

    }*/



.xuanfu .sewm:hover {

	background-position: 0 -102px;

}



.rexian {

	width: 216px;

	height: 50px;

	position: absolute;

	right: 50px;

	top: 102px;

	background: #0099ff;

	box-sizing: border-box;

	display: none;

	color: #fff;

}



.rexian p {

	font-size: 16px;

	color: #666;

	line-height: 27px;

	color: #fff;

	text-align: center;

	line-height: 50px;

}



.rexian p:nth-child(3) {

	margin-top: 10px;

}



@media (min-width:1750px) and (max-width:1850px) {

	.xuanfu {

		margin-left: 800px;

	}

}



@media (min-width:1630px) and (max-width:1749px) {

	.xuanfu {

		margin-left: 750px;

	}

}



@media (min-width:1560px) and (max-width:1629px) {

	.xuanfu {

		margin-left: 680px;

	}

}



@media (min-width:1500px) and (max-width:1559px) {

	.xuanfu {

		margin-left: 630px;

	}

}



@media (min-width:1400px) and (max-width:1499px) {

	.xuanfu {

		margin-left: 600px;

	}

}



@media (min-width:1300px) and (max-width:1400px) {

	.xuanfu {

		margin-left: 560px;

	}

}



@media (min-width:1200px) and (max-width:1300px) {

	.xuanfu {

		margin-left: 540px;

	}

}



.triangle1:before {

	position: absolute;

	width: 0;

	height: 0;

	border-bottom: 8px solid transparent;

	border-top: 8px solid transparent;

	border-right: 8px solid transparent;

	border-left: 8px solid #fff;

	/* border-width:8px; */

	/*  border-color:transparent  transparent  transparent #fff; */

	border-style: dashed dashed solid dashed;

	overflow: hidden;

	top: 17px;

	right: -16px;

	box-sizing: content-box;

	display: block;

	content: '';

	z-index: 12;

}



.triangle1:after {

	box-sizing: content-box;

	width: 0px;

	height: 0px;

	position: absolute;

	top: 16px;

	right: -19px;

	padding: 0;

	border-bottom: 9px solid transparent;

	border-top: 9px solid transparent;

	border-right: 9px solid transparent;

	border-left: 9px solid #e4e4e4;

	display: block;

	content: '';

	z-index: 10

}



.triangle2:before {

	position: absolute;

	width: 0;

	height: 0;

	border-bottom: 8px solid transparent;

	border-top: 8px solid transparent;

	border-right: 8px solid transparent;

	border-left: 8px solid #fff;

	/* border-width:8px; */

	/*  border-color:transparent  transparent  transparent #fff; */

	border-style: dashed dashed solid dashed;

	overflow: hidden;

	top: 114px;

	right: -16px;

	box-sizing: content-box;

	display: block;

	content: '';

	z-index: 12;

}



.triangle2:after {

	box-sizing: content-box;

	width: 0px;

	height: 0px;

	position: absolute;

	top: 113px;

	;

	right: -19px;

	padding: 0;

	border-bottom: 9px solid transparent;

	border-top: 9px solid transparent;

	border-right: 9px solid transparent;

	border-left: 9px solid #e4e4e4;

	display: block;

	content: '';

	z-index: 10

}



.zszx {

	width: 216px;

	height: 148px;

	position: absolute;

	right: 50px;

	top: 0px;

	background: #0099ff;

	padding-top: 14px;

	box-sizing: border-box;

	display: none;

	color: #fff;

}



.zszx img {

	width: 107px;

	height: 105px;

	display: block;

	margin: 0 auto 2px;

}



.zszx p {

	font-size: 14px;

	color: #666;

	text-align: center;

	color: #fff;

}



.nqqing {

	width: 216px;

	height: 50px;

	position: absolute;

	right: 50px;

	top: 51px;

	background: #0099ff;

	padding-right: 20px;

	box-sizing: border-box;

	display: none;

}



.nqqing a img {

	display: block;

	margin: auto;

	margin-top: 9px;

}



.nqqing a {

	display: block;

	width: 216px;

	height: 50px;

}



.nqq:hover {

	background: #0099ff url(../images/qq.png) no-repeat;

}