.top_g_hd{ height:50px; background-size:100%;position:relative;border-bottom: 1px solid #ccc;background:#fff;}

 /*头部整体布局样式*/
.top_m_logo{position:absolute; top:6px; left:10px; } /*logo边距*/
.top_g_hd .top_m_tel{ text-align:right;float:right; position:relative;padding:7px 50px 0 0;line-height:20px;} /*头部电话边距*/
.top_m_tel .top_u_text{ font-size:14px; overflow:hidden; display:block; text-align:right;}
.top_m_tel .top_u_num{ font-size:17px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;float: right;}
.top_m_tel .top_u_tel{ width:16px; height:16px; display:block; background:url(/template/m/default_jj/common/images/telico.png); float:right; position:relative; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;bottom:-2px;}
.top_g_expert .top_u_btn .top_u_tel{ width:16px; height:16px; display:block; background:url(/template/m/default_jj/common/images/telico.png); float:left; position:relative; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;left:130px; bottom:-8px;}
.top_g_cust .top_u_btn .top_u_tel{ width:16px; height:16px; display:block; background:url(/template/m/default_jj/common/images/telico.png); float:left; position:relative; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;left:130px; bottom:-8px;}
.top_m_tel .top_u_tel .top_z_ln-1,.top_g_expert .top_u_btn .top_u_tel .top_z_ln-1,.top_g_cust .top_u_btn .top_u_tel .top_z_ln-1{top_z_index:10;
	display:inline-block;
	width:3px;
	height:3px;
	border-width: 2px 2px 0 0;
	border-radius:0 30px 0 0;
	position:absolute;
	top:3px;
	right:2px;
	animation-name: xshow2;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: xshow2;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: xshow2;
	-o-animation-duration: 4s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;}
.top_m_tel .top_u_tel .top_z_ln-2,.top_g_expert .top_u_btn .top_u_tel .top_z_ln-2,.top_g_cust .top_u_btn .top_u_tel .top_z_ln-2{top_z_index:10;
	display:inline-block;
	width:6px;
	height:6px;
	border-width: 2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:0;
	right:-1px;
	animation-name: xshow;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: xshow;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: xshow;
	-o-animation-duration: 4s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;	}

.top_m_tel .top_u_tel .top_z_ln-3,.top_g_expert .top_u_btn .top_u_tel .top_z_ln-3,.top_g_cust .top_u_btn .top_u_tel .top_z_ln-3{top_z_index:10;
	display:inline-block;
	width:9px;
	height:9px;
	border-width: 2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:-3px;
	right:-4px;
	animation-name: xshow3;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: xshow3;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: xshow3;
	-o-animation-duration: 4s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;	}
.top_g_se{ padding:15px 10px;position:relative;}
.top_g_se .top_u_in {
    float: right;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 42px;
    top_z_index: 100;
}

.top_m_tel, .top_m_tel .top_u_text {
    color: #FE8864;
}

.top_m_tel, .top_m_tel .top_s_num {
    color: #36C587;
}

#dt-hd-nav {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    color: #000;
    z-index: 40;
    padding: 6px 15px;
}

#dt-hd-navs-wrap .dt-hd-navs li {
text-align: center;
width: 25%;
box-sizing: border-box;
float: left;
}
#dt-hd-navs-wrap .dt-hd-navs li a {
    display: block;
}
#dt-hd-navs-wrap .dt-hd-navs li i {
    margin: 0 auto;
    display: block;
}
#dt-hd-navs-wrap .dt-hd-navs li p {
    margin: 14px 0 20px;
    line-height: 1;
    font-size: 12px;
    color: #000;
}
#dt-hd-navs-wrap .dt-hd-navs {
    overflow: hidden;
    position: absolute;
    top: 40%;
    width: 100%;
    margin-top: -131.5px;
}
.icon-navf {
    width: 51px;
    height: 51px;
    
}
#dt-hd-navs-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.95);
    z-index: 30;
    display:none;

}