@charset "utf-8";
/* CSS Document */

/*全局样式 start*/

#waibu *,.yb_conct *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	
}

/*全局样式 end*/

@media (min-width: 768px){
	/*留言弹窗 start*/
	#waibu {
	left: 0px;
	height: 220px;
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 99990;
	display: none;
	}

	#waibu .qianlan {
	width: 100%;
	background: #091e3b;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	}

	#waibu .zhongbu {
	width: 1000px;
	height: 220px;
	margin: 0 auto;
	position: relative;
	bottom: 0;
	}
	#waibu .hexin {
	height: 220px;
	width: 100%;
	background: #091e3b;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.67;
	}
	#waibu .chahao {
	width: 24px;
	height: 24px;
	right: -33px;
	top: 20px;
	background-position: center center;
	position: absolute;
	background: url(../images/common/sheji-close.png) no-repeat;
	}
	#waibu .erweima {
	width: 330px;
	height: 180px;
	left: 20px;
	top: 20px;
	position: absolute;
	bottom: 0;
	color:#fff;
	}
	#waibu .erweima-img{ 
		widht:180px; 
		height:180px; 
		float: left;
	}
	#waibu .erweima-img img{
		width:170px; 
		height:170px;
	}
	#waibu .erweima-text{ 
		widht:60px; 
		line-height: 50px; 
		float: right; 
		color:#fff; 
		font-size: 22px; 
		padding-top: 30px;
	}
	#waibu .dianhua {
	padding-left: 230px;
	padding-top: 55px;
	line-height: 60px;
	position: relative;
	color:#fff; 
	font-size:35px; 
	font-weight:bold;
	text-align: center;
	}
	#waibu .dianhua p{
		font-size:25px; 
		font-weight: 500; 
		color:#E0FF00; 
		text-align: center;
	}

	#suolue {
	left: 0px;
	height: 220px;
	position: fixed;
	width: 3%;
	bottom: 0;
	background: #091e3b;
	opacity: 0.8;
	display: none;
	z-index:100;
	}
}
/*留言弹窗 end*/

@media (max-width: 767px){
	#waibu{ display: none;}
	.qianlan { display: none;}
	.zhongbu { display: none;}
	.hexin { display: none;}
	.chahao { display: none;}
	.erweima { display: none;}
	.erweima-img{ display: none;}
	.erweima-img img{ display: none;}
	.erweima-text{ display: none;}
	.dianhua { display: none;}
	.dianhua p{ display: none;}
	#suolue { display: none;}
}




 /*浮动联系方式 1
.yb_conct{position:fixed;z-index:9999999;top:220px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#00aef3 url(../images/common/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#00aef3 url(../images/common/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#00aef3 url(../images/common/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#00aef3 url(../images/common/fixCont.png) no-repeat 0 -169px; height:53px;}

.yb_bar img{max-width:100%}

.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
@media (max-width: 767px){
	.yb_conct{ display: none;}
}

*/


@media (max-width: 767px){
	.yb_conct{
		display:none;
	}
}



.yb_conct .yb_ercode{
	height:53px;
	position:relative;
}
.yb_conct .yb_ercode .hd_qr{
	display:none;
	
	max-width:180px;
	padding:0px 25px;
	margin:15px auto 10px;
	position:absolute;
	top:-40px;
	right:156px;
	
}
/*浮动联系方式 2*/
.fixed {
    position: fixed;
    width: 180px;
    right: -127px;
    top: 50%;
    margin-top: -190px;
    background: rgb(78, 110, 242);
    z-index: 199;
    transition: 0.3s;
	/*padding: 15px 0;*/
    border-radius: 5px;
}
.fixed li {
    border-bottom: 5px solid rgb(128 128 128);
	
}
.fixed li.last{
	border:none;
}
.fixed a {
	
	font:16px/53px 'Microsoft YaHei';
	
    display: block;
    line-height: 30px;
    color: #fff;
    /*font-size: 16px;*/
    padding: 10px 0px;
}

.fixed a span {
    display: inline-block;
    width: 50px;
    margin-right: 5px;
    text-align: center;
}

.fixed a span img {
    width: 30px;
}
