/*fixed-contact*/
.fixed-contact-wrap {
    z-index:99999;
    position:fixed;
    right:10px;
    top:40%;
    width:50px;
    margin-top:-90px;
    overflow:hidden;
    border-radius:30px;
    opacity:0;
    transition:all .4s;
    transform: translateX(95px);
    -webkit-transform: translateX(95px);
    -moz-transform: translateX(95px);
}
.fixed-contact-wrap.show{  transform:none; opacity:1; }
.fixed-contact-wrap.active {width:260px;}
.fixed-contact-wrap li {position:relative;height:50px;background:#1E166C;overflow:hidden;transition:all .4s;list-style:none}
.fixed-contact-wrap.active li {overflow:inherit; list-style:none}
.fixed-contact-wrap li a {position:relative;z-index:1000;display:block;}
.fixed-contact-wrap li i {
    z-index:1000;
    position:absolute;
    right:0;
    display:block;
    width:50px;
    height:50px;
    transition:all .4s;
	background-color:#1E166C;
	background-repeat: no-repeat;
	background-position: center center;
}
.fixed-contact-wrap.active li:after {
    z-index:1001;
    content:'';
    position:absolute;
    bottom:0;
    left:10px;
	right:10px;
    display:block;
    height:1px;
    background:rgba(255,255,255,.2);
}
.fixed-contact-wrap.active li:last-child:after {display:none;}
.fixed-contact-wrap li:hover i,.fixed-contact-wrap li:hover strong{opacity:.8;}
.fixed-contact-wrap .online_p i {
    background-image:url(../images/right_p.png);
    border-top-left-radius:30px;
    -moz-border-top-left-radius:30px;
    -webkit-border-top-left-radius:30px;
    border-top-right-radius:30px;
    -moz-border-top-right-radius:30px;
    -webkit-border-top-right-radius:30px;
}
.fixed-contact-wrap .online_e i {background-image: url(../images/right_e.png);}
.fixed-contact-wrap .online_w i {background-image: url(../images/right_w.png);}
.fixed-contact-wrap .online_s i {background-image: url(../images/right_s.png);}
.fixed-contact-wrap .online_code i {background-image: url(../images/right_code.png);}

.fixed-contact-wrap li strong {
    position:absolute;
    top:0;
    right:-135px;
    display:block;
    width:190px;
	line-height:110%;
    padding:20px 0 0 30px;
    color:#fff;
    background:#1E166C;
    white-space:nowrap;
    transition:all .4s;
	font-family: 'poppins-semibold';
	font-size:13px;
	text-align: right;
}
.fixed-contact-wrap.active li strong {right:60px;}
.fixed-contact-wrap .online_code strong img{max-width:80px;}
.fixed-contact-wrap.active .online_code{height:130px;}
.fixed-contact-wrap.active .online_code strong p{margin:0;margin-bottom:5px;}
.fixed-contact-wrap li.online_code:hover strong{opacity:1;}

@media only screen and (max-width: 992px) {
	.fixed-contact-wrap{display:none !important;}
	.fixed-contact-wrap.show{opacity:0;}
}

#online_qq_layer{z-index:999999999;position:fixed;right:60px;bottom:20px; }
#floatShow{display:block;}
#floatHide{display:none;}
#online_qq_tab{position:relative;z-index:9;}
#online_qq_tab #floatShow{overflow:hidden;height:54px; width:200px;float:right; line-height:54px;padding-left:58px;position:relative;color:#fff;font-size:14px;border-radius:25px 25px 0 25px;text-transform:capitalize;background:#1E166C; box-shadow:0 0 13px 0 rgba(255,255,255,0.2);-webkit-box-shadow:4px 5px 8px 0 rgba(0,0,0,0.15);-webkit-transition:all var(--transition-time,800ms);font-family: 'poppins-semibold';
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);  
}
#online_qq_tab #floatShow i{height:44px;width:47px;background:url(../images/online.png) no-repeat 10px center;position:absolute;left:0;top:5px;display:inline-block;}
#online_qq_tab #floatShow:hover{margin-right:0;}
#online_qq_tab #floatHide{overflow:hidden;width:30px; height:30px;font-size:13px;float:right; color:#808080; line-height:50px;text-align:left;position:absolute;right:10px;top:10px;}
#online_qq_tab #floatHide i{width:20px;height:20px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
#online_qq_tab #floatHide i:before,
#online_qq_tab #floatHide i:after{
content:'';display:inline-block;background:#fff;width:20px;height:2px;margin:2px 0;
}
#online_qq_tab #floatHide i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
#online_qq_tab #floatHide i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}

#online_qq_tab #floatShow:hover,#online_qq_tab #floatHide:hover{text-decoration:none;}

#onlineService{display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0 0 13px 0 rgba(151,151,151,0.5);-webkit-box-shadow:0 0 13px 0 rgba(151,151,151,0.5);border-top:none;}
#online_qq_layer .inquiry .main_more{ margin-top:55px}
#online_qq_layer .inquiry .main_more input{ line-height:38px; padding:0 20px} 
 

#onlineService .title{  display:block;font-size:14px;font-family: 'poppins-semibold';background:#1E166C;padding:10px 20px;line-height:24px;text-transform:capitalize;margin-bottom:0; color:#fff; font-style:normal;}
#onlineService .title b{color:#fff; font-weight:normal}
#onlineService .text{ margin-bottom:10px; color:#808080; line-height:20px; font-size:14px;}
.i_message_inquiry .inquiry { padding:20px;}

.i_message_inquiry .inquiry .form-control{ border:1px solid #e5e5e5; background:none; line-height:38px;height:40px; color:#808080; font-size:12px;width:100%;box-shadow:none;padding-left:45px;border-radius:5px;}
.i_message_inquiry .inquiry .form-control:focus{color:#333;background:#fafafa;border-color:#1E166C;}
.i_message_inquiry .inquiry .input-group{  background:#fff; margin-bottom:10px;width:100%;border:none;}
.i_message_inquiry .inquiry .input-group span{display:block;position:relative;}
.i_message_inquiry .inquiry .input-group span:before{content:'*';color:red;position:absolute;right:10px;top:10px;z-index:2;}
.i_message_inquiry .inquiry .input-group span.ms_n input{background-image:url(../images/mes_n.png);background-position:15px 12px;background-repeat:no-repeat;}
.i_message_inquiry .inquiry .input-group span.ms_p input{background-image:url(../images/mes_t.png);background-position:15px 12px;background-repeat:no-repeat;}
.i_message_inquiry .inquiry .input-group span.ms_e input{background-image:url(../images/mes_e.png);background-position:15px 10px;background-repeat:no-repeat;}
.i_message_inquiry .inquiry .input-group span.ms_m .form-control{height:80px;padding-top:10px;line-height:20px;background-image:url(../images/mes_m.png);background-position:15px 10px;background-repeat:no-repeat; font-family:arial;}
.i_message_inquiry .inquiry .input-group span.ms_p:before,.i_message_inquiry .inquiry .input-group span.ms_n:before{display:none;}



@media only screen and (max-width: 1500px) {
#online_qq_tab #floatShow{ width:133px}
#online_qq_tab #floatShow{     text-indent: -999em;margin-right:-140px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}

#online_qq_tab #floatShow:hover{ margin-right:0px;}	

}
@media only screen and (max-width: 768px) {
	#online_qq_layer{right:0;}
	#onlineService{ width:100%;}
	#online_qq_layer{ width:100%;bottom:0;}
	#online_qq_tab{ width:100%;}
	#online_qq_tab #floatShow{ background:#1E166C url(../images/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:50%;bottom:10px;margin-left:-25px;border:2px solid #fff;padding:0;box-shadow:none;border-radius:50%;text-indent:-999999px;z-index:9999999999;}
	#online_qq_tab #floatShow i{background: url(../images/online.png) no-repeat 0px center;}
	#online_qq_tab #floatShow span{ display:none;}
	.mobile_nav{display:block;} 
	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}
	.i_message_inquiry .inquiry{padding:15px 10px;}
	#onlineService .title{padding:10px 15px;}
}
.main_more{position: relative; display: inline-block;margin-top: 20px; transition: all .5s; z-index: 3;border-radius:25px;background: #1E166C;overflow: hidden;transition:all .5s}
.main_more:hover{box-shadow:0 5px 12px rgba(0,0,0,0.1);-webkit-box-shadow:0 5px 12px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 12px rgba(0,0,0,0.1); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.main_more a i{ color:#fff; font-size:20px; margin-left:10px}
.main_more:before {
    position: absolute;
    left: -2px;
    top: -2px;
    height: 110%;
    width: 110%;
    background-color: #e8792b;
    border-radius: 25px;
    content: "";
    -webkit-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;}
.main_more:hover:before{
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;

}
.main_more a,.main_more button,.main_more input{  
    padding: 0px 30px;
    line-height: 48px;
    display: inline-block;background: none;
    border: none;
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-size: 12px; 
    letter-spacing: 1px;  font-family: 'Lovelo';  
    text-transform:uppercase; 
   }
.main_more:hover a{ color:#fff}