.header {
    width: 100%;
    height: 20vw;
    background: #ffffff;
    border-bottom: 2px solid #23582a;
}
.header .headCon {
    width: 96%;
    margin: 0 auto;
}
.header .headCon .logo {
    width: 60%;
    height: 14vw;
    line-height: 20vw;
}
.header .headCon .logo img {
    width: 100%;
    height: 100%;
}
.header .headCon .gj {
    margin: .5rem .3rem;
}
.header .headCon .gj .search_m {
    float: left;
    width: .5rem;
    height: .5rem;
    margin-right: .5rem;
}
.header .headCon .gj .search_m img {
    width: 100%;
    height: 100%;
}
.header .headCon .gj .menu {
    float: right;
    width: .5rem;
    height: .5rem;
}
.header .headCon .gj .menu img {
    width: 100%;
    height: 100%;
}
.navtoggle {
    float: left;
    width: .5rem;
    height: .4rem;
    margin-top: .05rem;
    background: url(//www.tl808.com/pubm/icon_dhl.png) no-repeat;
    right: 2%;
    z-index: 30;
    cursor: pointer;
    background-size: 100% 100%;
}
.navclose {
    background-image: url("//www.tl808.com/pubm/back.png");
}
.mainnav, .mainnav_mobile {
    display: none;
}
.mainnav_mobile {
    background: rgba(40,130,0,0.9);
    width: 200px;
    right: 0;
    left: auto;
    position: absolute;
    z-index: 999;
}
.mainnav_mobile li {
    text-align: center;
    position: relative;
    padding: 13px 0;
    border-bottom: 1px solid #56a358;
    font-size: .38rem;
}
.mainnav_mobile li a {
    color: #fff;
    line-height: 40px;
}