#service {
	margin: 200px 0px 0px; transition:0.5s; top: 10px; right: -230px; color: rgb(102, 102, 102); position: fixed; z-index: 999999999; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all;
}
#service ul {
	list-style: none;
}
.online_title {
	background: rgb(0, 93, 162); padding: 10px 0px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-family: "poppins-semibold"; font-size: 13px;
}
.online_title img {
	margin-right: 5px; max-width: 30px;
}
#service a {
	color: rgb(102, 102, 102); font-size: 13px;
}
#ser_main {
	top: 0px; position: relative; z-index: 9;
}
#ser_main a {
	overflow: hidden; display: block;
}
#ser_main #floatShow1 {
	background: url("../images/ser-30.png") no-repeat; left: -44px; top: 0px; width: 44px; height: 180px; position: absolute; z-index: 99999;
}
#online {
	background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-image: none; width: 230px; overflow: hidden; float: left; position: relative; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.onlineMenu ul li {
	padding: 10px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.onlineMenu ul li:last-child {
	border: currentColor; border-image: none;
}
.onlineMenu ul li:nth-child(2) {
	background: rgb(229, 229, 229);
}
.onlineMenu .serm_top {
	text-align: center; padding-bottom: 10px;
}
.onlineMenu .call {
	text-align: left;
}
.call {
	padding: 6px 10px; font-size: 13px;
}
.call img {
	margin-right: 6px; vertical-align: middle; display: inline-block;
}
.call a:hover {
	color: rgb(0, 93, 162) !important;
}
#service:hover {
	transition:0.5s; right: 0px; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all;
}
#service:hover #ser_main #floatShow1 {
	left: 120px; z-index: -11; opacity: 0;
}
#service h4 {
	margin: 0px; color: rgb(102, 102, 102); line-height: 25px; font-family: "poppins-semibold"; font-size: 14px;
}
#online_qq_layer {
	right: 0px; bottom: 0px; position: fixed; z-index: 9999999;
}
#floatShow {
	display: block;
}
#floatHide {
	display: none;
}
#online_qq_tab {
	position: relative; z-index: 9;
}
#online_qq_tab #floatShow {
	background: url("../images/ser_2.png") no-repeat right bottom; width: 250px; height: 38px; color: rgb(255, 255, 255); text-transform: uppercase; overflow: hidden; padding-top: 7px; padding-left: 52px; font-size: 14px;
}
#online_qq_tab #floatShow img {
	margin-top: 6px; float: right; max-height: 24px;
}
#online_qq_tab #floatHide img {
	margin-top: 2px; float: right; max-height: 32px;
}
#online_qq_tab #floatHide {
	background: url("../images/ser_1.png") no-repeat left rgb(0, 93, 162); width: 300px; height: 36px; color: rgb(255, 255, 255); text-transform: capitalize; line-height: 36px; overflow: hidden; padding-left: 50px; font-size: 13px;
}
#onlineService {
	background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-image: none; width: 300px; overflow: hidden; font-size: 12px; display: none; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
#online_qq_layer .inquiry .btn_1 {
	background: rgb(0, 93, 162); border: currentColor; border-image: none; width: 100%; height: 34px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 34px; font-size: 12px; display: inline-block;
}
#onlineService .p {
	margin: 8px 0px; color: rgb(128, 128, 128); line-height: 22px; font-size: 12px;
}
.i_message_inquiry h4 {
	color: rgb(255, 142, 9); text-transform: uppercase; font-family: "poppins-semibold"; font-size: 16px;
}
.i_message_inquiry {
	padding: 20px 10px;
}
.my_btn2 {
	background: 0px 0px rgb(255, 142, 9); padding: 8px 15px; border: currentColor; transition:0.5s; border-image: none; color: rgb(255, 255, 255); text-transform: uppercase; font-family: "poppins-semibold"; font-size: 16px; margin-top: 15px; display: inline-block;
}
.my_btn2 {
	background: rgb(0, 93, 162); padding: 0px 26px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 38px; font-family: "poppins-semibold"; font-size: 14px; margin-top: 15px; display: inline-block;
}
.my_btn2 i {
	transition:0.5s; margin-left: 10px; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all;
}
.my_btn2:hover i {
	margin-left: 20px;
}
#online_qq_layer .inquiry .btn_1:hover {
	background: rgb(0, 93, 162);
}
.i_message_inquiry .inquiry .input-group-addon {
	background: none; padding: 0px 10px; border-radius: 0px; border: currentColor; border-image: none;
}
.i_message_inquiry .inquiry .input-group-addon i {
	line-height: 30px; font-size: 13px;
}
.i_message_inquiry .inquiry .form-control {
	background: none; border-radius: 0px; border: currentColor; border-image: none; height: 30px; color: rgb(153, 153, 153); line-height: 30px; font-size: 12px;
}
.i_message_inquiry .inquiry #message {
	height: 80px;
}
.i_message_inquiry .inquiry .input-group {
	background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-image: none; height: 32px; margin-bottom: 20px;
}
@media only screen and (max-width:768px)
{
#onlineService {
	width: 100%;
}
#online_qq_layer {
	width: 100%;
}
#online_qq_tab {
	width: 100%;
}
#online_qq_tab #floatShow {
	background: url("../images/inquiry_ico.png") no-repeat; left: 50%; width: 46px; height: 46px; bottom: 10px; padding-left: 46px; margin-left: -23px; position: absolute;
}
#online_qq_tab #floatHide {
	background: url("../images/ser_1.png") no-repeat left rgb(0, 93, 162); width: 100%; height: 36px;
}
}
.totop {
	background: url("../images/top.png") no-repeat rgba(51, 51, 51, 0.6); border-radius: 5px; transition:0.5s; width: 46px; height: 46px; right: 30px; bottom: 80px; display: none; position: fixed; z-index: 9999; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s;
}
.totop:hover {
	background: url("../images/top.png") no-repeat rgb(0, 93, 162);
}
.qrcodePanel img {
	display: none;
}
.qrcodePanel:hover img {
	display: block;
}