/*reset*/



:focus{outline:0;}



body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;}



em{font-style:normal;}



img{border:none;}



li,ul,ol{list-style:none;}



a{text-decoration:none;color:#231815;}



input{padding:0px;vertical-align: middle;line-height: normal;border:none;} 



body{overflow-x:hidden;}



button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}





a:focus {outline: none;}



iframe{max-width: 100%;width:100%;}





/*share*/



body{font-size:12px;font-family: 'Lato',arial, sans-serif;color:#231815;}



.bold{font-weight:bold;}



.fontRed{color:red;}



.clearfix:before, .clearfix:after{content:" ";display:table;}



.clearfix:after{clear:both;}










#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{ display:none;
}

#online_qq_tab #floatShow i{height:50px;width:50px;background:url(/html/class/template/daohang/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:#23ac38;padding:8px 5%;margin-top:10px;border-radius:5px;}



#online_qq_layer .inquiry .send:hover{background:#ee921f;text-decoration:none;}

#onlineService .title{display:block;font-size:20px;background:#23ac38;padding:10px 20px;line-height:24px;text-transform:uppercase;margin-bottom:0;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(/html/class/template/daohang/mes_n.png);}

.i_message_inquiry .inquiry .input-group span.ms_p input{background-image:url(/html/class/template/daohang/mes_p.png);}

.i_message_inquiry .inquiry .input-group span.ms_e input{background-image:url(/html/class/template/daohang/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(/html/class/template/daohang/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_tab #floatShow{ display:block;
}

	#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(../daohang/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:44%;bottom:4px;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;}

}






/*Òƶ¯¶Ëµ¼º½*/
.mobile_nav {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    display: none;
    z-index: 999999;
    box-shadow: 0 0 10px 0 rgb(255 255 255 / 40%);
    -webkit-box-shadow: 0 0 15px 0 rgb(255 255 255 / 40%);
    border-radius: 2px 2px 0 0;
    background: #fff;
    border-top: 1px solid #eee;
}

@media only screen and (max-width: 768px){
.mobile_nav {
    display: block;
}}
.mobile_nav a {
    display: inline-block;
    width: 20%;
    float: left;
    text-align: center;
}
.mobile_nav a i {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/html/class/template/daohang/icon.png);
}
@media only screen and (max-width: 768px){
.mobile_nav a i {
    width: 28px;
    height: 28px;
}}

.mobile_nav a p {
    color: #4d4d4d;
    padding-top: 5px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
    margin: 0;
}
.mobile_nav a:nth-child(3){float:right;}
.mobile_nav a:nth-child(4){float:right;}