.video-js {
        background: transparent;
    }

    .header {
        position: absolute;
        left: 0;
        top: 33px;
        z-index: 9999;
        width: 100%;
        transition: all 0.4s;
        transform: translateY(0%);
    }

    .header.act {
        background-color: #d9d4d0;
        backdrop-filter: blur(0);
    }

    .header .m-width-content {
        padding: 0;
    }
    
    .m-width-content {
      padding: 0 100px;
    }

    .header.hide {
        opacity: 1;
        visibility: hidden;
        transform: translateY(-100%);
    }

    .header.cur {
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(8px);
    }

    .header.cur:hover {
        background-color: #d9d4d0;
        backdrop-filter: blur(0);
    }

    /*.header.cur .h-top{display:none;}*/
    .header.inner-header {
        position: relative;
        top: 0;
        z-index: 999999;
        background:#d9d4d0;
    }

    .h-tool img {
        width: 58%;
        vertical-align: middle;
    }

    /*.main {*/
    /*  padding-top: 32px;*/
    /*}*/

    .main.index-main {
        padding-top: 0;
    }

    .header .header-box {
        position: relative;
    }

    .header .wap-header {
        display: none;
    }

    .lan.headeryuyan {
        margin: 0px;
        margin-right: 4px;
    }

    .h-tool div {
        margin: 0px 10px 0 0;
        display: flex;
        flex-shrink: 0;

        height: auto;
    }

    .h-tool div.search-box {
        height: 100%;
        align-items: center;
    }

    .h-tool div.search-box a {
        display: block;
    }

    .h-tool div a {
        display: flex;
    }

    .h-tool .lan {
        font-size: 14px;
        color: #7F7C7A;
        margin-right: 14px;
    }

    .h-tool .lan a {
        color: #7F7C7A;
    }

    .h-tool .lan a.act {
        color: #000000;
    }

    .header-content {
        /*padding: 10px 0;*/
    }

    .header-content .nav-logo {
        position: relative;
        display: flex;
        justify-content: center;
    }

    .header-content .nav-logo .logo {
        position: absolute;
/*         left: 46%; */
        /*transform: translate(-50%, -50%);*/
        height: 60px;
        /*top: 22%;*/
        top: 13%;
    }

    .header-content .nav-logo .logo img {
        height: 82%;
    }

    .header-content .nav-logo .h-tool {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 100%;
        box-sizing: border-box;
    }

    .header-content .n-left {
        width: 50%;
        flex-shrink: 0;
        box-sizing: border-box;
        padding-right: 12%;
        justify-content: space-between;
        padding-left: 6%;
    }

    .header-content .n-left li:nth-last-child(1) a {
        padding-right: 0;
    }

    .header-content .n-right {
        width: 50%;
        flex-shrink: 0;
        box-sizing: border-box;
        padding-left: 12%;
        padding-right: 185px;
        justify-content: space-between;
    }

    .header-content .n-right li:nth-child(1) a {
        padding-left: 0;
    }

    .header-content .n-right li:nth-last-child(1) a {
        padding-right: 0;
    }

    .header-content ol,
    .header-content ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .header-content li {
        list-style: none;
    }

    .header-content .nav-logo>ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .header-content .nav-logo>ul>li {
        text-align: center;
        padding: 24px 0;

    }

    .header-content .nav-logo>ul>li>a {
        display: block;
        font-size: 18px;
        color: #000000;
        transition: all 0.6s;
    }

    .header-content .nav-logo>ul>li>a img {
        max-width: 100%;
        height: auto;
        width: 44%;
    }

    .header-content .nav-logo>ul>li:hover>a,
    .header-content .nav-logo>ul>li.nav-up-selected>a,
    .header-content .nav-logo>ul>li.act>a {
        font-weight: 700;
        text-decoration: underline;
    }

    .header-box .child-box {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 99;
    }

    .child-box .child-nav {
        display: none;
        padding: 20px 0 45px;
    }

    .child-box .child-nav:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3);
        height: 100vh;
        z-index: -1;
        pointer-events: none;
    }

    .child-nav {
        background: #d9d4d0;
        padding-bottom: 100px;
    }

    #product .text {
        width: 68%;
        float: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    #product .text .nav-item {
        width: 20%;
    }

    /* #product .text .nav-item:nth-of-type(1) {
        width: 68%;
    } */
    #product .pic {
        height: 100%;
        flex-shrink: 0;
        background: #FFF;
        display: flex;
        align-items: center;
        /*margin-top: 80px;*/
    }

    #product .pic a {
        width: 100%;
    }

    #product .text .nav-item .nav-tit a {
        font-size: 24px;
        color: #000;

    }

    #product .text .nav-item .nav-tit a:hover {
        text-decoration: underline;
    }

    #product .text .nav-item .nav-tit {
        margin-bottom: 30px;
        line-height: 1;
    }

    #product .text .nav-item .nav-all {
        margin-bottom: 8px;
        height: 36px;
    }

    #product .text .nav-item .nav-all a {
        font-size: 16px;
        color: #010101;

        display: block;
        text-decoration: underline;
    }

    /* #product .text .nav-item .nav-list {
        display: flex;
        flex-wrap: wrap;
    } */

    #product .text .nav-item .nav-list dl {
        /*width: 25%;*/
        margin-bottom: 20px;
    }

    /*#product .text .nav-item .nav-list dl.w100 {*/
    /*    width: 100%;*/
    /*}*/

    #product .text .nav-item:nth-child(2) .nav-list dl {
        width: 50%;
    }

    #product .text .nav-item .nav-list a {
        display: block;
    }

    #product .text .nav-item .nav-list dt a {
        font-size: 16px;
        color: #626262;
        position: relative;

    }

    #product .text .nav-item .nav-list dt {
        margin: 42px 0 10px;
    }

    #product .text .nav-item .nav-list dt:nth-of-type(1) {
        margin-top: 0;
    }

    #product .text .nav-item .nav-list dd a {
        font-size: 16px;
        color: #000;
    }

    #product .text .nav-item .nav-list dd a:hover {
        text-decoration: underline;
    }

    #product .pic {
        width: 32%;
        float: right;
    }

    /*#product .pic .img-box {*/
    /*  padding-bottom: 80.4%;*/
    /*}*/

    #product .pic a {
        display: block;
        height: 100%;
    }

    #product .pic a .img-box {
        padding-bottom: 100%;
    }

    #product .pic .tips {
        font-size: 20px;
        color: #000000;
        text-align: center;
        margin-top: 10px;
    }

    #about .about-nav-fixed {
        padding: 0 60px;
    }

    #about .about-nav-fixed ul {
        display: flex;
        flex-wrap: wrap;
    }

    #about .about-nav-fixed ul li {
        width: calc((100% / 4) - 45px);
        margin-left: 60px;
    }

    #about .about-nav-fixed ul li:nth-child(4n+1) {
        margin-left: 0;
    }

    #about .about-nav-fixed ul li a {
        display: block;

    }

    #about .about-nav-fixed ul li .img-box {
        padding-bottom: 80.44692%;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.3);
    }

    #about .about-nav-fixed ul li .img-box img {
        transition: all 0.6s;
        transform: scale(1);
    }

    #about .about-nav-fixed ul li .img-box:hover img {
        transform: scale(1.1);
    }

    #about .about-nav-fixed ul li .tit {
        font-size: 20px;
        color: #000000;
        text-align: center;
        padding: 15px 0 0;
    }

    .search-nav .search-slide {
        padding: 0 60px;
    }

    /*.search-nav{*/
    /*	border-top: 1px solid #fff;*/
    /*}*/
    .search-slide .search-input {
        margin-bottom: 40px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .search-slide .search-input .laber {
        font-size: 20px;
        color: #000000;
    }

    .search-slide .search-input .input-box {
        /*margin: 0 10px;*/
        position: relative;
    }

    .search-slide .search-input .input-box input {
        background: transparent;
        width: 500px;
        border: none;
        border-bottom: 2px solid #000;
        height: 40px;
        font-size: 20px;
    }

    .search-slide .search-input .button button {
        border: none;
        background: transparent;
        /*position: absolute;*/
        /*right: 0;*/
        /*top: 50%;*/
        /*transform: translateY(-50%);*/
    }

    .search-slide .search-fixed {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    .search-slide .search-fixed .tag,
    .search-slide .search-fixed .want {
        width: 100%;
    }

    .search-slide .search-fixed .tit {
        font-size: 30px;
        margin-bottom: 15px;
        color: #000000;
        text-align: center;
    }


    .search-slide .search-fixed .tag .list {
        margin: 0 -12px;
    }

    .search-slide .search-fixed .tag .list a {
        padding: 0px 12px;
        margin-right: 20px;
        /* border: 1px solid #000; */
        font-size: 18px;
        color: #000000;

        border-radius: 20px;
        display: inline-block;
        margin-bottom: 12px;
        transition: all 0.6s;
    }

    .search-slide .search-fixed .tag .list a:hover {
        color: #fff;
        background: #000;
    }

    .search-slide .search-fixed .want .list li {
        margin-bottom: 15px;
    }

    .search-slide .search-fixed .want .list li a {
        font-size: 18px;
        color: #000000;

    }

    .search-slide .search-fixed .want .list li a:hover {
        text-decoration: underline;
    }

    /*header end*/
    /*footer start*/
    .footer-bot-link {
        margin: 0 0 4px;
    }

    .footer-bot-link a {
        font-size: 14px;
        color: #626262;
        display: inline-block;
        margin-right: 15px;
        text-decoration: underline;
    }

    .footer {
        /*border-top: #605F5E 3px solid;*/
        background: #CEC9C5;
        padding: 30px 0 24px;
    }

    .footer-link {
        /*padding:  0 32px;*/
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-top: -40px;
        margin-bottom: 12px;
    }

    .footer-link a {
        display: inline-block;
        margin-right: 12px;
    }

    .footer-nav {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-nav dl:last-child {
        margin-left: auto;
    }

    .footer-nav dl {
        width: 20%;
        float: left;
    }

    .footer-nav dl:last-child {
        float: right;
        text-align: right;
    }

    .footer-nav dl:last-child dd {
        /*text-transform: uppercase;*/
    }

    .footer-nav dl dt {
        margin-bottom: 6vh;
    }

    .footer-nav dl dt a {
        font-size: 24px;
        color: #000000 !important;
        
        line-height: 1.1;
        font-weight: 400;
    }

    .footer-nav dl dd {
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .footer-nav dl dd a {
        font-size: 18px;
        color: #000000;
        
    }

    .footer-nav dl dd a:hover {
        text-decoration: underline;
    }

    .footer-input-copy {
        padding: 10vh 0 0vh;
    }

    .footer-input-copy .footer-input-box .t {
        font-size: 14px;
        color: #626262;
        margin-bottom: 10px;
    }

    .footer-input-copy .footer-input-box .ib-box {
        width: 48%;
        display: flex;
        flex-wrap: wrap;
    }
    .footer-input-copy .footer-input-box .ib-box span{
          width: calc(100% - 250px);
    }

    .footer-input-copy .footer-input-box .ib-box input {
      width: 100%;
        height: 30px;
        line-height: 30px;
        box-sizing: border-box;
        padding: 0 10px;
        background: #E9E9E9;
        border: none;
    }

    .footer-input-copy .footer-input-box .ib-box input::placeholder {
        color: #999;
    }

    .footer-input-copy .footer-input-box .ib-box input:focus {
        border: none;
    }

    .footer-input-copy .footer-input-box .ib-box button {
        width: 250px;
        height: 30px;
        background: #231916;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        border: none;
        box-sizing: border-box;

        color: #FFFFFF;
        transition: ease .3s;
    }
    
     .footer-input-copy .footer-input-box .ib-box button:hover{
         opacity: .8;
     }

    .footer-input-copy .tips-copy {
        margin-top: 15px;
    }

    .footer-input-copy .tips-copy .tips {
        /* float: left; */
        font-size: 14px;
        color: #626262;
    }

    .footer-input-copy .tips-copy .tips a {
        text-decoration: underline;
        color: #626262;
    }

    .footer-input-copy .tips-copy .copy {
        float: right;
        font-size: 14px;
        color: #626262;
    }

    .footer-tips a {
        text-decoration: underline;
        color: #626262;
        display: inline-block;
        margin-right: 14px;
        padding-top: 12px;
    }

    /*footer end*/


    .h-top {
        background-color: #FFF;
        text-align: center;
        color: #000;
        font-size: 14px;
        padding: 6px 0;
        position: sticky;
        top: 0;
        z-index: 9999999;
    }

    .h-top .fa {
        position: absolute;
        right: 12px;
        top: 50%;
        font-size: 16px;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .h-top a {
        color: #000;
        text-decoration: underline;
    }

    .m-width-content {
        padding: 0 100px;
    }

    .search-nav2 .m-width-content {
        background-color: #d9d4d0;
        padding-top: 10%;
        position: relative;
        z-index: 3;
        padding-bottom: 28px;
    }




    .search-nav2 {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 10000;
        transition: all 0.5s;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-100%);
    }

    .search-nav2.cur {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .search-close {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .search-nav2 .m-width-content {
        background-color: #d9d4d0;
        padding-top: 10%;
        position: relative;
        z-index: 3;
        padding-bottom: 28px;
    }

    .search-slide .search-input {
        position: relative;
        justify-content: space-between;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        flex-wrap: nowrap;
    }

    .search-slide .search-input .button {
        flex-shrink: 0;
        margin-left: 12px;
    }

    .search-slide .search-input .input-box {
        width: 100%;
        z-index: 1;


    }

    .search-slide .search-input .input-box form {
        display: flex;
        align-items: center;
    }

    .search-slide .search-input .input-box input {
        width: 100%;
    }

    .search-slide .search-input .laber {
        flex-shrink: 0;
    }

    .search-slide .search-input .button button i {
        font-size: 24px;
    }

    .search-slide .search-input .button button:nth-child(2) {
        margin-left: 12px;
    }

    .ipd-20 {
        padding: 0 20px;
    }



    .footer-link a {
        width: 30px;
    }

    .footer-link a img {
        width: 100%;
        height: auto;
    }

    .footer-link img {
        height: 30px;
    }

    .pro-childlist {
        display: flex;
        justify-content: space-between;
    }

    .m-width-1540 {
        max-width: 1540px;
        margin: 0 auto;
    }

    .img-box {
        position: relative;
        display: block;
    }

    .img-box img {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        object-fit: cover;
    }


      #menuWap .wapTopSearchBox {
    display: flex;
    width: 90%;
    padding: 10px 10px 10px 20px;
  }

  #menuWap .wapTopSearchBox .wapTopSearch {
    border: none;
    background-color: #fff;
    width: 80%;
    flex: auto;
    line-height: 30px;
    padding: 0 10px;
  }

  #menuWap .wapTopSearchBox .wapTopSearchbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #ccc;
    width: 40px;
    font-size: 14px;
    background-color: #333;
    color: #fff;
  }
  
  .h-top .iconfont {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

    @media screen and (max-width: 1900px) {
        .header .header-box {
            padding-bottom: 0;
        }

        .header-box .child-box {
            top: 100%;
        }

        .m-width-content {
            padding: 0 40px;
        }

        .footer-nav dl {
            width: 20%;
        }

        #product .text .nav-item .nav-list dd a {
            font-size: 14px;
        }
    }

    @media screen and (max-width: 1600px) {

        .pro-childlist {
            padding: 0 30px;
        }
    }

    @media screen and (max-width: 1366px) {
        .header-content .n-right {
            padding-left: 12%;
        }

        .header-content .n-left {
            padding-right: 12%;
        }

        .header-content .nav-logo>ul>li>a {
            font-size: 14px;
        }
    }

    @media screen and (max-width: 1300px) {
        .h-tool .lan {
            margin-right: 8px;
            font-size: 14px;
        }

        .h-tool div {
            margin-right: 0;
        }

        .header-content .n-right {
            padding-right: 145px;
        }

        .footer-nav dl dt a {
            font-size: 20px;
        }

        .footer-nav dl dd a {
            font-size: 16px;
        }

        .footer-input-copy .footer-input-box .ib-box {
            width: 100%;
        }

        .footer-input-copy .footer-input-box .ib-box span,
        .footer-input-copy .footer-input-box .ib-box input {
            width: 100%;
        }

        .footer-input-copy .footer-input-box .ib-box input::placeholder {
            color: #626262;
            font-size: 14px;
        }

        .footer-input-copy .footer-input-box .ib-box button {
            width: 100%;
            margin-top: 20px;
        }

        .footer-input-copy .tips-copy .tips {
            float: none;
        }

        .footer-input-copy .tips-copy .copy {
            font-size: 12px;
            margin-top: 20px;
            float: none;
            text-align: left;
        }


    }

    @media screen and (max-width: 1000px) {
        
        
                .footer-bot-link a {
            font-size: 12px;
        }

        .footer-nav dl dd {
            float: left;
            margin: 0 5px 5px 0;
        }

        .footer-nav dl dd a {
            font-size: 12px;
        }

        .footer-nav dl dt {
            margin-bottom: 12px;
        }

        .footer-nav dl {
            margin-bottom: 20px;
        }

        .footer-nav dl dt a {
            font-size: 14px;
        }
        
        .m-width-content {
            padding: 0 20px;
        }
        

        .header-content {
            display: none;
        }

        .header .wap-header {
            display: block;
        }

        .wap-header .logo {
            width: 120px;
            padding: 20px 0;
        }

        .wap-header .logo a {
            display: block;
        }

        .header .wap-header a img {
            width: 100%;
            height: auto;
        }

        .header .wap-header {
            display: block;
        }

        .btn-nav {
            position: absolute;
            top: 0;
            right: 20px;
            background: transparent;
            border: none;
            padding: 19.5px 0;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            z-index: 99999;
            display: block;
            width: 30px;
            float: right;
        }

        .icon-bar {
            display: block;
            margin: 6px 0;
            width: 30px;
            height: 3px;
            background-color: #000;
            box-shadow: 0 1px 1px #000000;
            -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -ms-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;
            z-index: 999999;
        }

        .mm-opening .top {
            -webkit-transform: translateY(8px) rotateZ(45deg);
            -moz-transform: translateY(8px) rotateZ(45deg);
            -ms-transform: translateY(8px) rotateZ(45deg);
            -o-transform: translateY(8px) rotateZ(45deg);
            transform: translateY(8px) rotateZ(45deg);
        }

        .mm-opening .bottom {
            -webkit-transform: translateY(-10px) rotateZ(-45deg);
            -moz-transform: translateY(-10px) rotateZ(-45deg);
            -ms-transform: translateY(-10px) rotateZ(-45deg);
            -o-transform: translateY(-10px) rotateZ(-45deg);
            transform: translateY(-10px) rotateZ(-45deg);
        }

        .mm-opening .middle {
            width: 0;
        }

        .header {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 999;
            background: #d9d4d0;
        }

        .footer-nav dl {
            width: 100%;
            margin-bottom: 20px;
        }

        .footer-nav dl:last-child {
            float: none;
            text-align: left;
        }

        .footer-input-copy {
            padding-top: 40px;
        }

        .footer-link {
            margin-top: 0;
        }
    }
    
    
    
    /*2*/
    
     .mobile-bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        background: #fff;
        border-top: 1px solid #ddd;
        display: flex;
        justify-content: space-around;
        align-items: center;
        z-index: 9999;
        box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.05);
    }

    .mobile-bottom-nav .nav-item {
        flex: 1;
        text-align: center;
        color: #444;
        font-size: 12px;
        text-decoration: none;
        padding-top: 4px;
    }

    .mobile-bottom-nav .nav-item .icon {
        display: flex;
        justify-content: center;
        margin-bottom: 2px;
        color: #333;
    }

    .mobile-bottom-nav .nav-item:hover {
        color: #0073aa;
    }

    .mobile-bottom-nav .nav-item svg {
        width: 22px;
        height: 22px;
    }

    @media (min-width: 768px) {
        .mobile-bottom-nav {
            display: none;
        }
    }

    @media(max-width:767px) {
        .footer {
            padding-bottom: 61px;
        }
    }
    
    /*3*/
    
     .sidebar-icons {
        position: fixed;
        right: 10px;
        top: 30%;
        display: flex;
        flex-direction: column;
        gap: 10px;
        z-index: 9999;
    }

    .sidebar-icons a {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 12px;
        overflow: hidden;
        /* background: red; */
        /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
    }

    .sidebar-icons a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    .header-content .nav-logo .logo  a{
        height: 100%;
    }
    .header-content .nav-logo .logo img{
            height: 100%;
            width: auto;}
    @media(max-width:1000px){
	.email-width {
		white-space: normal;
		word-wrap: break-word;
		word-break: break-all;
	}
}
    .header-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.header-right .search {
    position: relative;
}
.header-right .search a {
    cursor: pointer;
}
.header-content .nav-logo>ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.header-content .n-right {
    padding-right: 5% !important;
}
.widget.widget-search #searchform #s {
    height: 35px;
    background-color: #f0f0f161;
    line-height: 26px;
    font-size: 20px;
    width: 80%;
    padding: 0 15px 0 15px;
    border: 1px solid #000;
    border-radius: 4px;
}
input[type="text"] {
    -webkit-appearance: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: var(--secondary-one);
}
.widget.widget-search .wp-element-button {
    color: #5E6267;
    background: none;
    padding: 0;
    height: 40px;
    width: 50px;
    position: absolute;
    top: 0;
    right: 20px;
    border: none;
}
.search-icon-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            text-decoration: none;
            color: #000;
            font-size: 20px;
        }
        .search-icon-link::before {
            content: "\f002"; /* FontAwesome搜索图标 */
            font-family: "FontAwesome";
        }

        /* 桌面端语言切换样式 */
        .language-switcher {
            position: relative;
            display: inline-block;
            cursor: pointer;
        }
        .language-icon {
            position: relative;
            color: #000;
            font-size: 20px;
            padding-right: 15px;
        }
        .language-icon::after {
            content: "▼"; /* 下拉三角形 */
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 12px;
            color: #000;
        }
        .language-icon::before {
            content: "\f0ac"; /* 地球图标 */
            font-family: "FontAwesome";
        }
        .language-dropdown {
            position: absolute;
            top: 100%;
            right: 0;
            min-width: 150px;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 10px 0;
            margin-top: 5px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            display: none;
            z-index: 999;
        }
        .language-switcher:hover .language-dropdown {
            display: block;
        }
        .language-item {
            padding: 8px 20px;
            list-style: none;
        }
        .language-item a {
            color: #333;
            text-decoration: none;
            display: block;
            transition: color 0.2s;
        }
        .language-item a:hover {
            color: #0064B6;
            background-color: #f5f5f5;
        }
        .language-item.active a {
            color: #0064B6;
            font-weight: bold;
        }

        /* 右侧导航布局（桌面端） */
        .n-right {
            display: flex;
            align-items: center;
        }
        .header-right {
            display: flex;
            align-items: center;
			gap:15px;
        }
        /* 移动端头部布局：将搜索和语言放在导航按钮左侧 */
        .wap-header .ipd-20 {
            display: flex;
            align-items: center;
            justify-content: space-between; /* 两端对齐：logo在左，功能区在右 */
            padding: 0 20px;
        }
        .wap-header .header-function {
            display: flex;
            align-items: center;
            gap: 15px; /* 搜索、语言、导航按钮之间的间距 */
            margin-left: auto; /* 推到右侧 */
        }
        /* 移动端语言切换下拉位置调整 */
        .wap-language-switcher .language-dropdown {
            right: 0; /* 相对于语言图标右对齐 */
        }
        /* 隐藏桌面端不需要的移动端元素 */
        @media (min-width: 768px) {
            .wap-header .header-function {
                display: none;
            }
        }
        /* 隐藏移动端不需要的桌面端元素 */
        @media (max-width: 767px) {
            .n-right .header-right {
                display: none;
            }
			.wap-header .header-function {
    margin-right: 40px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: auto;
}
        }
 .header-content .news_nav{
	 position: absolute;
	 left: 50%;
	 top: 100%;
	 transform: translateX(-50%);
	 background: #d9d4d0;
	 padding: 10px 0;
	 display: none;
}
.header-content .news_nav li{padding: 0 20px;}
.header-content .news_nav a{
	color: #000;
	font-size: 16px;
	line-height: 2;
	transition: ease-out .2s;
	white-space: nowrap;
}
.header-content .nav-logo {background-color: white;}
.h-top {background-color: #000 !important; color: #fff !important;}
.child-nav {background: #fff !important;}
.header-content .news_nav a:hover{color: #0064B6;}
#product .text {line-height: 0.5; justify-content: unset !important;}
.header-content .news_nav a {color: #fff !important;}
.header-content .news_nav {background: #000 !important;}