img{
    width: 100%;
}
.item1{
    display: flex;
    justify-content: space-between;
    padding: 42px 10%;
    align-items: center;
}
.item1 .head_left{
    display: flex;
    align-items: center;
}
.item1 .head_left .logo{
    border-right: 1px solid #000;
    padding-right: 20px;
    margin-right: 20px;
}
.item1 .head_left .head_phone{
    line-height: 25px;
}
.item1 .head_left .head_phone .phone1{
    font-size: 20px;
    color: #ce1919;
}
.item1 .head_left .head_phone .phone2{
    font-size: 18px;
    font-weight: bold;
}
.item1 .head_right{
    width: 50%;
    display: flex;
    font-size: 20px;
    justify-content: space-between;
    flex-flow: wrap;
}
.item1 .head_right li{
    cursor:pointer;
    position:relative;
}
.apks{
    color: #ce1919;
}
.submenu{
    position:absolute;
    left:-20px; top:100%;
    background-color: #eeeeee;
    z-index:99;
    min-width:160px;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    display:none;

}
.submenu2{
    position:absolute;
    left:-20px; top:100%;
    background-color: #eeeeee;
    z-index:99;
    min-width:160px;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    display:none;

}

.head_right .has-sub:hover > .submenu{ display:block; }
.head_right .submenu a:hover{ background:#ce1919; color:#fff;}
.head_right .submenu a{
    display:block; padding:5px 14px; white-space:nowrap;font-size: 16px;
}
.head_right .has-sub2:hover > .submenu2{ display:block; }
.head_right .submenu2 a:hover{ background:#ce1919; color:#fff;}
.head_right .submenu2 a{
    display:block; padding:5px 14px; white-space:nowrap;font-size: 16px;
}
@media (min-width:1000px){
    .item1 .head_left .menu-toggle{
        display: none;
    }
}


/* ===== 手机端适配 ≤ 768px ===== */
@media (max-width:1000px){
    .item1 .head_left .logo img{
        width: 80% !important;
    }
    .item1 .head_left{
        width: 100%;
        justify-content: space-between;
    }
    .item1 .head_left .head_phone{
        display: none;
    }
    .item1 .head_left .logo{
        border-right:0;
    }
    .item1{
        padding: 10px;
        flex-direction: column;
    }

    .item1 .menu-toggle{
        font-size: 24px;
    }
    .item1 .head_right{
        width: 100%;
        display: block;
        line-height: 40px;
        margin-top: 20px;
        font-size: 18px;
    }
    /* 默认 */
    .head_right li a{
        display:block;
        padding:0 10px;
        color:#333;
        text-decoration:none;
    }

    /* 点击按下瞬间变色 */
    .head_right > li > a:active,
    .head_right .submenu li > a:active{
        background:#d00;
        color:#fff;
    }
    .head_right .has-sub:hover > .submenu{
        position: initial
    }
    .head_right .has-sub2:hover > .submenu{
        position: initial
    }
    .submenu{
        padding: 0 10px;
    }
    .submenu a {
        padding: 0 14px !important;
    }
    
    .submenu2{
        padding: 0 10px;
    }
    .submenu2 a {
        padding: 0 14px !important;
    }

    .item1 .head_right{
        display: none;
    }
    /* 默认隐藏 */

    /* 加上 active 就显示 */
    .item1 .head_right.active {
        display: flex;   /* 或者 block，根据你菜单布局来 */
        flex-direction: column; /* 手机端纵向 */
    }
}

