.section_head{display: flex; justify-content: space-between; align-items: center; height: 80px; flex-shrink: 0; width: 100%; border-bottom: 2px solid #009944; }
.section_head .head_logo{flex:1; padding-left: 10px;}
.section_head .head_logo img {width: 130px;    }
  
.nav_div{position: relative; height: 100%;}
.nav_div nav span{position:absolute;z-index:999;top:20px;right:10px;display:block;width:60px;padding:5px 15px;box-sizing:border-box; cursor: pointer;}
.nav_div nav span:after{content:'';clear:both;position:absolute;top:35px;right:0;width:60px;text-align:center;color:#009944;text-align:center;}
.nav_div nav span i{display:block;content:'';width:100%;height:2px;background:#009944;margin:6px 0;transition:all 0.3s ease-out 0.1s;}
.nav_div nav span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
.nav_div nav span.on i:nth-of-type(2){opacity: 0;}
.nav_div nav span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}

.nav_div nav ul{position:fixed;z-index:9993;right:-300px;bottom:0;top:82px;width:300px;background:rgba(255,255,255,1);box-shadow:0 30px 30px rgba(0,0,0,0.1);transition:all ease-out 0.3s;}
.nav_div nav ul.on{right:0;}
.nav_div nav ul li{position:relative;}
.nav_div nav ul li i{position:absolute;z-index:1;top:0;right:0;width:40px;height:40px;background:rgba(0,0,0,0.1);text-align:center;line-height:40px;font-style:normal;}			
.nav_div nav li a{display:block;line-height:40px;font-size:1em;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1); position: relative;background:#fff;color:#333;}
.nav_div nav li a:after{content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 30px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #009944;
        border-right: 1px solid #009944;
        transform: translateY(-50%) rotate(45deg);
        transition: all ease-out 0.3s;
        left: auto;
        background: transparent;}
.nav_div nav li a span{display:none;}
.nav_div nav li a:hover{background:#009944;color:#fff;}
.nav_div nav li a:hover:after{ border-top: 1px solid #fff; border-right: 1px solid #fff; }

.nav_div nav li ul{display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
.nav_div nav li ul.on{display:block;}
.nav_div nav li li{float:left;width:50%;}
.nav_div nav li li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}