@media (max-width: 992px){
    .headerTab {
        display: none !important;
    }
    .rightCountry {
        display: none !important;
    }
    .wrap-box div.wrap-header {
        height: 12.8rem;
        width: 100vw;
        display: flex;
        align-items: center;
        box-shadow: 0px 0px 1.28rem 0px rgba(0,0,0,0.1);
    }
    div.header-top {
        padding: 0 3.84rem;
        height: 100%;
        width: 100%;
    }
    div.leftLogo {
        width: 28.8rem;
        height: 6.4rem;
    }
    div.rightCountry {
        width: 5.5rem;
        height: 5.5rem;
        margin-right: 5rem;
    }
}

@media (min-width: 993px){
    .minHeaderTab {
        display: none !important;
    }
    .menuContent {
        display: none !important;
    }
    .menuRightCountry{
        display: none !important;
    }
}
.minHeaderTab {
    /* margin-right: 3rem; */
    flex: 1;
    width: 3.125rem;
    height: 7.68rem;
    overflow: hidden;
    text-align: end;
    cursor: pointer;
}
.minHeaderTab > div img {
    width: 7.68rem;
    height: 7.68rem;
}
.header-top .menuRightCountry{
    height: 7.68rem;
    line-height: 7.68rem;
    display: flex;
}
.header-top div.menuRightCountry>img {
    width: 7.68rem;
    height: 7.68rem;
    margin: 0 1rem 0 3rem;
}
.header-top div.menuRightCountry span {
   font-size: 3.5rem;
}
.menuContent {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    width: 100%;
    overflow: hidden;
    height: 100vh;
}
.menuContent {
    width: 0;
}
.menuContent.hideMenu {
    width: 0;
    animation: hideMenu .1s linear;

}
.menuContent.showMenu {
    width: 100%;
}
.menuContent .menu {
    background-color: #fff;
}
.menuContent .mask{
    background-color: rgba(0, 0, 0, .55);
    height: 100vh;
    flex: 1;
}
.menuContent.showMenu .menu {
    width: calc(100vw - 25.6rem);
    animation: ShowMenu .1s linear;
    overflow: auto;
}
.menuContent.hideMenu .menu {
    width: 0%;
    animation: hideMenu .1s linear;
}
.menuContent.hideMenu .mask {
    width: 0%;
    background-color: rgba(0, 0, 0, 0);
}

.menuContent.showMenu .menu .logoBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 5.12rem 0 7.04rem;
    height: 21.76rem;
}

.menuContent.showMenu .menu .logoBox .imgBox img {
    width: 19.375rem;
    height: 6rem;
}

.menuContent.showMenu .menu .logoBox .closeBox {
    width: 7.68rem;
    height: 7.68rem;
}

.menuContent.showMenu .menu .logoBox .closeBox img {
    width: 100%;
    height: 100%;
}

.menuContent .menu ul li {
    margin: 0 3.84rem;
    padding-left: 5.12rem;
    height: 17.92rem;
    line-height: 17.92rem;
    font-size: 5.12rem;
    /* border-top: 1px solid #E6E8EB; */
    border-bottom: 1px solid #E6E6EB;
    cursor: pointer;
}
.menuContent .menu ul li a {
    /* padding: 2rem; */
    /* padding-left: 0; */
    width: 100%;
    height: 100%;
    display: block;
    color: #323238;
}
.menuContent .menu ul li .title{
    padding: 2rem;
    padding-left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.menuContent .menu ul li .title span {
    white-space:nowrap;
}
.menuContent .menu ul li .title .img {
    width: 2.375rem;
    height: 2.375rem;
    overflow: hidden;
}
.menuContent .menu ul li .title .img img {
    width: 100%;
    height: 100%;
}
.menuContent .menu ul li .secondMenu {
    display: none;
    padding: 0;
}
.menuContent .menu ul li .first {
    display: none;
}
.menuContent .menu ul li .secondMenu li {
    padding-right: 0;
    margin-right: 0;
}
.menuContent .menu ul li .secondMenu li span {
    padding: 2rem;
    padding-left: 0;
    
    display: block;
    /* width: 100%; */
}
.menuContent .menu ul li .secondMenu li:nth-child(1) {
    margin-left: 0;
    padding-left: 2rem;
}

.menuContent .menu ul li.menu-service .title {
    padding: 2rem;
    padding-left: 0;
}
.menuContent .menu ul li.menu-service .title .img {
    margin-right: 2rem;
}
/* 产品 */
.menuContent .menu ul li.menu-products .title .img {
    margin-right: 2rem;
}
.menuContent .menu ul li.menu-products .secondMenu-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menuContent .menu ul li.menu-products .threeMenu {
    display: none;
}
.menuContent .menu ul li.menu-products .secondMenu-title span {
    width: unset;
}
.menuContent .menu ul li.menu-products .secondMenu-title .img {
    margin-right: 2rem;
    width: 2.375rem;
    height: 2.375rem;
    overflow: hidden;
}
.menuContent .menu ul li.menu-products .secondMenu-title .img img{
    width: 100%;
    height: 100%;
}
.menuContent .menu ul li.menu-products .threeMenu li {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}
@keyframes ShowMenu {
    from{
        width: 0;
    }
    to{
       width: 80%;
    }
}

@keyframes hideMenu {
    from{
        width: 80%;
    }
    to{
       width: 0;
    }
}
