.hl_nav{
    background-color: #0054a6;    position: relative;    color: #ffffff; margin:auto; height:60px;
}
.hl_nav a{
    display: block; text-decoration: none;
}
.hl_nav .shade{
    position: absolute; width:1280px;  margin:auto; top: 60px; z-index: 1;   display: none;  
}
.hl_nav .nav_list{
    position: absolute; top: 0; right:3%;   z-index: 2; padding: 0; list-style: none; width: 1280px; overflow: hidden; height:60px;
}
.hl_nav .nav_list>li{
    padding: 0;  display:inline-block;   width: 10.5%; text-align: center; height: 60px; 
}
.hl_nav .nav_head{
    line-height: 60px; color: #ffffff; font-size: 18px; position: relative;
}

.hl_nav .nav_list>li>ul{
    position: absolute;  width: auto;   height: 140px;line-height:10px; top:60px; z-index: 2; padding: 0; margin: 0;  list-style: none; overflow: hidden; display: none;
}
.hl_nav .nav_list>li.active {
    background-color: #ea0d04;
}
.hl_nav .nav_list>li:hover{
    background-color: #ea0d04;
}
.hl_nav .nav_list>li:hover>ul{
    display: block; padding:1% 5%; 
}

.hl_nav .nav_list>li>ul.offset_left .nav-er{ width:820px;position: absolute; height:140px;}

.hl_nav .nav_list>li>ul.offset_left{
    left: 0;  width:1200px; background:right top no-repeat #fff; 
}
.hl_nav .nav_list>li>ul.offset_left.offset_1{
    	left: 0%;background-image: url(../img/navbg01.png); height:auto; 
   
}
.hl_nav .nav_list>li>ul.offset_left.offset_2{
       left: 0%;background-image: url(../img/navbg02.png) ;
}
.hl_nav .nav_list>li>ul.offset_left.offset_3{
      left: 0%;background-image: url(../img/navbg03.png) ;
}
.hl_nav .nav_list>li>ul.offset_left.offset_4{
       left: 0%;background-image: url(../img/navbg04.png) ;
}
.hl_nav .nav_list>li>ul.offset_left.offset_5{
       left: 0%;background-image: url(../img/navbg05.png) ;
}
.hl_nav .nav_list>li>ul.offset_left.offset_6{
       left: 0%;background-image: url(../img/navbg06.png) ;
}
.hl_nav .nav_list>li>ul.offset_left.offset_7{
       left: 0%;background-image: url(../img/navbg07.png) ;
}
.hl_nav .nav_list>li>ul.offset_left.offset_8{
       left: 0%;
}
.hl_nav .nav_list>li>ul.offset_right{
    right: 0;
}
.hl_nav .nav_list>li>ul.offset_right.offset_1{
      left: 0%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_2{
     left: 0%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_3{
      left: 0%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_4{
       left: 0%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_5{
      left: 0%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_6{
    right: 60%;
}
 
.hl_nav .nav_list .nav-er a{
       color: #000000; float:left;margin-top:15px; text-align:left;   width: 145px; padding-left: 18px;      font-size:15px;    background: url(../img/navicon01.png) no-repeat center left;
}
.hl_nav .nav_list>li>ul>a:hover{
  color: #ea0d04;
}
.hl_nav .nav_list:hover{
    height:150px;
}

.hl_nav .nav_list:hover + .shade{
    display: block;
}

@media screen and (min-width: 1000px) and (max-width: 1280px){
	.hl_nav .nav_list{    position: absolute;    top: 0;    right: 3%;    z-index: 2;    padding: 0;   list-style: none;    width: 1000px;    overflow: hidden;    height: 60px;}
	
	
}

.m_img, .m_nav, .closeicon{width:0px;height:0px; overflow:hidden}


/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:44px;  position:fixed;top:0px;left:0px;width:100%;z-index:9999; overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
    
   .m_img .headrg{padding-right:5%;padding-top:24px;float: right;}
   .m_img .headrg a .m_menuimg{height:20px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#204e9b;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #3567bb}
   .m_nav .m_navList ul li a{display:block;height:50px;color:#fff;line-height:50px;padding-left:5%;font-size:17px;font-weight:bold;}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
   
   
   .hl_nav{width:0px;overflow:hidden}
   
   
   
}