
.Header{
    width: 100%;
    position: relative;
}
#QZhead2{width:calc(100%);;height: 50px;line-height: 50px;position: fixed;z-index: 9999;background: #228a31;left: 0;right: 0;margin: 0 auto}
#QZhead2 .box{display: flex;flex: 1;margin: 0 12px;justify-content: space-between;width:95%}
#QZhead2 .box p{flex: 1;color: #fff;font-size: 20px;text-align: center;font-weight: bold;}
#QZhead2 .box .logo{background-size: 36px auto;display: block;width: 42px;margin-top: 8px;background-position: 0;}
#QZhead2 .box .meun{display: block;width: 34px;height: 34px; font-size: 2rem;color: white}
.clean{height: 50px}
#QZhead2 .QZburger2 { display: none; width: 100%; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 49px; z-index: 999;}
#QZhead2 .QZburger2 .navs{display:block;border-bottom:1px solid #eee;line-height:40px;font-size:16px;text-indent:10px;}
#QZhead2 .QZburger2 ul { overflow: hidden; width: 100%; padding: 12px 0; }
#QZhead2 .QZburger2 ul li { width: 25%; height: 35px; line-height: 35px; float: left; text-align: center; }
#QZhead2 .QZburger2 ul li a { font-size: 16px; color: #888; width: 100%; height: 35px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#QZhead2 .QZburger2 .search { margin: 0 12px 18px; position: relative; height: 32px; background: #f5f5f5; border-radius: 16px; display: flex; flex: 1; }
#QZhead2 .QZburger2 .search .search_box { position: relative; flex: 1; margin-right: 40px; }
#QZhead2 .QZburger2 .search .search_box .search-input { width: 100%; border: none;float: left; background: none; height: 20px; line-height: 20px; font-size: 12px; color: #333; margin: 6px 0 0 10px; }
#QZhead2 .QZburger2 .search .search_box .search-btn { display: inline-block; float: right; height: 19px; width: 19px; position: absolute; right: -28px; top: 6px; background: url(../images/icon-search.png) no-repeat; background-size: 100%; }
#QZhead2 .box > a { display: inline-block; flex: 0 0 150px; order: -1; width: 30px; height: 33px;  cursor: pointer; margin-top: 8px; }
#QZhead2 .box a.back { background: url(../images/btn-back.png) no-repeat center; background-size: 13px auto; margin-top: 10px; }
#QZhead2 .box img{
    height: 100%;
    width: 100%;
}

.menus{display:block;width:25px;height:25px;top:15px;right:12.5px;background-size:25px 25px;margin:  0 6px 0 0}
.menuwraps{width:calc(100%);background:#fff;top:50px;z-index:99999;padding-bottom:10px;height: 95vh;
}
.menuwrapmain{overflow:auto;height:95vh;}
.menuwrapmain>a{background:#eee;float:left;width:23%;margin:3px 1%;font-size:14px;text-align:center;line-height:26px;height:26px;border-radius:2px;}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain h3{font-size:18px;line-height:30px;height:30px;border-left:3px solid #a00707;padding-left:15px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:fixed;left: 0;right: 0;margin: 0 auto}
.menuwrapmain a{
    color: #0a1633;
}
.now_pos a{
    color: #0a1633;
}
.now_pos{
    display: flex;
    padding-bottom: 10px;
}
.now_pos > a + a:before {
    content: ">";
    padding: 0 5px;
    color: #ccc;
}
.index_mid{width: 100%;margin: 0 auto;}

/*logo*/
.logo_box{width: 100%;float: left;text-align: center;}
.logo{float: left;width: 100%;}
.logo img{display: inline-block;width: 138px;}
.logo p{float: left;margin-top: 5px;}
.logo p img{width: 226px;}
.index_mid{
    position: fixed;
    width: 100%;
    z-index: 99999;
    background: #228a31;
}
.index_mid .logo_box .logo{
    width: 100%;
    height: 50px;
    display: flex;align-items: center;
    justify-content: space-between;
}
.index_mid .logo_box .logo .icon{
    color: white;
    font-size: 30px;margin-right: 2px;
}
.index_mid .logo_box .logo a{
    display: flex;
    align-items: center;
    height: 100%;
}
.index_mid .logo_box .logo a img{
    display: block;
    max-height: 100%;
}
.dings{
    height: 50px;

}