.head{position: absolute;top:0px;left:0px;width:100%;z-index:98; height:64px; border-bottom: rgba(255, 255, 255, 0.25) solid 1px;background-color: rgba(0,0,0,0.2);}
.logo{padding-top:2px;width:25%;}
.logo a{display:block;position:relative;overflow:hidden}

.nav{width:62%; position:relative;}
/*.nav ul li{float:left;width:16.6%; height:50px; padding:15px 0;position:relative;}*/
.nav ul li{float:left;width:16.6%; height:64px;}
.nav>ul>li>.a1{display:block;text-align:center;font-size:16px;color:#fff;position: relative; line-height:64px; }
.nav>ul>li>.a1::after {
 left: 50%;
position: absolute;
bottom: -1px;
content: " ";
width: 0;
margin-left: 0;
border-bottom: 3px solid #fff;
-webkit-transition: .3s;
transition: .3s;
}
.nav ul li:hover .a1{color:#ffffff; }
.nav ul li:hover .a1::after { width: 28px; margin-left: -14px;}
.nav ul li.active .a1{color:#ffffff; }
.nav ul li.active .a1::after { width: 28px; margin-left: -14px;}
.nav ul li .div1{width: 100%; display: none; position: absolute; top: 100%; left:0; z-index: 1; 
	-webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s;
	-o-transition: top 0.3s; transition: top 0.3s;}

/*.nav ul li .div1:after{ position: absolute; left:50%; top: 0; margin-left: -11px; content: " "; width: 23px; 
    background: url('../images/sju1.png') center no-repeat; height: 15px; z-index: 1;}*/


.nav ul li .div1 .p1{width:90%; margin: 0 auto;
background-color: rgba(255,255,255,.5);
padding: 4px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
/*border-radius: 4px;
box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);*/ text-align:center}
.nav ul li .div1 .p1 a{display: inline-block;
margin: 0 14px; font-size:14px; margin-bottom:5px;  letter-spacing: 0;font-weight: bold; border-bottom: 2px solid  rgba(255, 153, 0, 0);}
/*.nav ul li .div1 .p1 a{display:block; font-size:14px; margin-bottom:5px; text-align: center; width:100%; letter-spacing: 0;}*/
.nav ul li .div1 .p1 a:hover{ color:#FF9900;/*letter-spacing: 2px;*/   border-bottom: 2px solid  rgba(255, 153, 0, 1);font-weight: bold;}
.a_txt{display:none}
.moblie_head{display:none}
.head_tel{ padding-top:20px;}

/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
.head{display:none}
.moblie_head{display:block;height:50px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .fl{padding-top:10px;padding-left:5%}
.moblie_head .fl img{height:30px}
.moblie_head .fr{padding-right:5%;padding-top:18px}
.moblie_head .fr a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}