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

	.page-box{padding:20px 0;}

	.project-detail .pj-left{padding:0;}

	.project-detail .pj-right{padding:0;margin-top:20px;}

}

/*service*/
.service{position:fixed;right:5px;top:300px;z-index:100;}
.ser_top{width:100%;background:#23ac38;text-align:left;padding:5px 10px;display:block;width:100%;}
.ser_top p{display:inline-block; vertical-align:middle;color:#fff;font-size:18px;font-family: Arial, Helvetica, sans-serif;}
.service .im_main{background:#fff;border:2px solid #e5e5e5;display:block;}
.service .im_main .im-tel{padding:10px;text-align:left;width:100%;padding:10px 20px;}
.service .im_main .im-tel p{vertical-align:middle;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;font-size:14px;color:#000;}
.service .im_main .im-tel i{vertical-align:middle;margin-right:5px;font-size:16px;color:#000;}
.service .im_main .im-tel a:hover{color:#6ccb0d;text-decoration:underline;}
.service .close-im{position:absolute;right:2px;top:6px;z-index:100;width:28px;height:28px;background:#23ac38;text-align:center;background:url(../images/xx.png)no-repeat 0 center}
.service .close-im a{display:block;}
.service .close-im a:after{background:url(../images/xx.png);font-family:FontAwesome;font-size:18px;color:#fff;}
.service .close-im a:hover{text-decoration:none;}
.service .open-im{cursor:pointer;height:180px;width:40px;margin-right:-10px;color:#fff;font-size:15px;background:url(../images/ser-close.png) no-repeat;text-align:center;text-transform:capitalize;box-shadow:0 0 5px 2px rgba(45,51,46,0.3);border-top-left-radius:5px;border-bottom-left-radius:5px;display:none;}
@media only screen and (max-width: 768px) {
	.cost-mes_list{padding:30px 15px;}
	.cost-mes_list li label{width:100%;padding-bottom:5px;display:block;text-align:left;}
	.cost-mes_list li .meInput{width:100%;}
	.cost-mes_list li .meText{width:100%;max-width:100%;}
	.costomer-input .submit{margin-left:0;}
	.cost-mes_list li select{width:50%;}
}

#online_qq_layer{z-index:9999999;position:fixed;right:70px;bottom:0px; }
#floatShow{display:block;}
#floatHide{display:none;}
#online_qq_tab{position:relative;z-index:9;}
#online_qq_tab #floatShow{overflow:hidden;height:50px; width:200px;float:right; line-height:50px;padding-left:50px;position:relative;color:#fff;font-size:20px;text-transform:uppercase;font-family:'Oswald', sans-serif;border-radius:0;box-shadow:0 0 13px 0 rgba(255,255,255,0.2);-webkit-box-shadow:0 0 13px 0 rgba(255,255,255,0.2);-webkit-transition:all var(--transition-time,800ms);background:#525252;
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);
}
#online_qq_tab #floatShow i{height:50px;width:50px;background:url(../images/online.png) no-repeat 15px center;position:absolute;left:0;top:0;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;border-radius:0;}
#online_qq_layer .inquiry .send{display:inline-block;width:auto;color:#fff;text-transform:uppercase;font-size:14px;background:#525252;padding:8px 5%;margin-top:10px;border-radius:5px;}

#online_qq_layer .inquiry .send:hover{background:#E11F16;text-decoration:none;}
#onlineService .title{display:block;font-size:20px;background:#525252;padding:10px 20px;line-height:24px;text-transform:uppercase;margin-bottom:0;font-family:'Oswald', sans-serif;color:#fff;border-radius:0;}
#onlineService .title b{color:#fff;font-family:'Oswald', sans-serif;}
#onlineService .text{ margin-bottom:10px; color:#808080; line-height:20px; font-size:14px;}
.i_message_inquiry .inquiry { padding:15px 20px;}

.i_message_inquiry .inquiry .form-control{ border:1px solid #e5e5e5; background:none; line-height:48px;height:48px; color:#808080; font-size:14px;width:100%;box-shadow:none;padding-right:45px;background-position:95% 12px;background-repeat:no-repeat;padding-left:10px;border-radius:0px;}
.i_message_inquiry .inquiry .form-control:focus{color:#333;background-color:#fafafa;border-color:#ccc;box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
.i_message_inquiry .inquiry textarea.form-control{border-radius:0px;}
.i_message_inquiry .inquiry .input-group{  background:#fff; height:32px; 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:5px;top:0;z-index:2;line-height: 48px;z-index: 111;}
.i_message_inquiry .inquiry .input-group span.ms_n input{background-image:url(../images/mes_n.png);}
.i_message_inquiry .inquiry .input-group span.ms_p input{background-image:url(../images/mes_p.png);}
.i_message_inquiry .inquiry .input-group span.ms_e input{background-image:url(../images/mes_e.png);}
.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:95% 12px;background-repeat:no-repeat;}
.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: 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:#23ac38 url(../images/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:0;bottom:10px;margin-left:0;border:3px solid #fff;padding:0;box-shadow:none;border-radius:50%;text-indent:-999999px;z-index:9999999999;}
	#online_qq_tab #floatShow i{display:none;}
	#online_qq_tab #floatShow span{ display:none;}
	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}
	.i_message_inquiry .inquiry{padding:15px 10px;}
	#onlineService .title{padding:10px 15px;}
	.i_message_inquiry .inquiry .form-control{height: 40px;line-height:40px;}
}