/*reset*/

@media only screen and (max-width: 768px) {
	
	 
}




/*service*/
.online_section{position:fixed;z-index:99999999;top:200px;right:-200px;
transition:all .3s ease;}
.online_section:hover {right:0px;}
.online_section ul li{border-radius:5px;list-style:none;width:240px;height:40px;color:#fff; padding-left:50px; margin-bottom:3px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:12px;background-color:#0088CC;background-repeat:no-repeat;}
.online_section ul li:nth-child(2n+2){background-color:#0053A5;}
.online_section ul li a{ line-height:40px; font-size:12px; color:#fff;}
.online_section .online_p{background-image:url(../images/service01.png);background-position:10px 8px;}
.online_section .online_e{background-image:url(../images/service02.png);background-position:10px 8px;}
.online_section .online_s{background-image:url(../images/service03.png);background-position:10px 8px;}
.online_section .online_w{background-image:url(../images/service04.png);background-position:10px 8px;}


.online_section ul li:hover,.online_section ul li:hover a{color:#fff;}
@media only screen and (max-width: 768px) {.online_section{display:none;}}






/*底部service*/
#online_qq_layer{z-index:9999999;position:fixed;right:5px;bottom:0;}
#online_qq_layer a{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
#online_qq_layer a:hover{text-decoration:none;}
#floatShow{border-radius:4px;
	display:block;
	background: #0053A5; 
	width:260px;
	float:right;
	height:34px;
	text-align:left;
	border:1px solid #ffffff; border-bottom:none
}
#floatShow i{font-size:14px;color:#fff;line-height:34px;float:right;padding-right:10px;}
#floatShow p{color:#fff;font-size:14px;line-height:34px;display:inline-block; vertical-align:middle;padding-left:10px;text-transform:capitalize;font-family: 'CenturyGothicB';}
#floatHide{display:none;background: #0053A5 url(../images/ser_1.png) no-repeat center left;width:300px;text-align:left;height:34px;text-transform:capitalize;padding-left:58px;border-bottom:none;}
#floatHide p{color:#fff;font-size:14px;line-height:34px;display:inline-block; vertical-align:middle;text-transform:capitalize;font-family: 'CenturyGothicB';}
#floatHide i{font-size:14px;color:#fff;line-height:34px;float:right;margin-right:10px;}

#onlineService{display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #eee; background:#f6f6f6;}
#onlineService .online_form{ padding:20px 10px;}
#onlineService .online_form .btn_1{ display:inline-block; line-height:34px; height:34px;  font-size:14px; color:#fff; text-transform:capitalize;  border:none; width:100%; text-align:center; background: #0053A5; }
#onlineService .p{ margin:8px 0; color:#808080; line-height:22px; font-size:12px;}
.online_form h4{ font-size:16px; color:#ff8e09  ; text-transform:uppercase;}
.online_form { padding:10px; padding-top:20px; padding-bottom:20px;}

#onlineService .online_form .btn_1:hover{background: #222; }
#onlineService .online_form .input-group-addon{ background:none; border:none; border-radius:0px; padding:0px 10px;}
#onlineService .online_form .input-group-addon i{ line-height:30px; font-size:13px;}
#onlineService .online_form .textarea-group .input-group-addon{ vertical-align:top}
#onlineService .online_form .form-control{ height:30px; border:none; background:none; border-radius:0px; line-height:24px; color:#999; font-size:12px; padding: 0;}
#onlineService .online_form  #message{ height:80px; max-height:80px; max-width:100% !important; width:100% !important}
#onlineService .online_form .input-group{ border:1px solid #ddd; background:#fff; height:32px; margin-bottom:20px;}
#onlineService .form-control {box-shadow: none;}
#onlineService .form-control:focus {outline: none; box-shadow: none;}





@media only screen and (max-width: 768px) {
	#onlineService .p{ display:none}
	#online_qq_layer{right:0;}
	#onlineService{ width:100%;}
	#online_qq_layer{ width:100%;}
	#online_qq_tab{ width:100%;}
	#online_qq_tab #floatShow{ background:#0088CC url(../images/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:50%;bottom:15px;margin-left:-25px;border:2px solid #e5e5e5;border-radius:50%;text-indent:-999999px;z-index:9999999999;}
	#online_qq_tab #floatShow i{display:none;}
	#online_qq_tab #floatHide{ width:100%; width:100%; height:36px;box-shadow:0 0 10px 1px rgba(255,255,255,0.3);}
	#online_qq_tab #floatShow span{ display:none;}
	.mobile_nav{display:block;}
	body{padding-bottom:60px;}
	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}
	}


@media only screen and (max-width: 375px) {
	.mobile_nav a p{display:none;}
	#online_qq_tab #floatShow{width:42px;height:42px;background-size:42px;bottom:10px;}
	body{padding-bottom:50px;}
}

/*back-top*/
.back_top{color: #FFFFFF; text-align: center; font-weight: bold; line-height: 60px; font-size: 16px; text-transform: uppercase; width:60px; height:60px; position:fixed; right:10px; bottom:100px; z-index:9999; display:none; border-radius:30px; background:rgba(0,0,0,0.4);-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
.back_top:hover{background:#0088CC; color: #FFFFFF; text-decoration: none;}
@media only screen and (max-width: 768px) {.back_top{right:0;bottom:60px;}}