/* Existing homepage header rules, including responsive navigation. */

    #search_box input[type=text] {
        font-size: 1em;
        inline-size: 10em;
        padding-inline: 4px;
        padding-block: 4px;
    }
    #search_box input[type=submit] {
        padding: 5px 7px;
        background: #2f9cd5;
        border: 1px solid #0490ff;
        border-radius: 2px;
        color: #ffffff;
    }
    #search_box input[type=submit]:hover {
        background: #236d95;
        border: 1px solid #0070c9;
    }
  ul.otherTheme {
    top: 100%;
    font-size: 1.2em;
}
  .otherTheme li {
    height: 100%;
    line-height: 100%;
    text-align: center;
    width: 100%;
}
  .otherTheme a {
    width: 100%!important;
    height: 2em;
    line-height: 2em;
}
  .langdiv {
     display: none;
    position: absolute;
    width: 6em;
    margin-left: -3em;
    top: 2.4em;
    left: 50%;
    text-align: center;
    background: #fefefe;
    padding: .2em 0;
    box-shadow: 0 0 5px #464646;
    z-index: 20;
  }
  .lang {
 	margin-left: 1em;
    display: block;
    position: relative;
  }
  .langimg {
  height: 1.5em;width: 1.5em;background-color: #666666;-webkit-mask-image: url(static/images/earth.png);-webkit-mask-size: cover;display: block;-webkit-mask-position: center;margin-right: 5px;
  }
  .lang:hover .langdiv {
  	display: block;
  }
  .lang:hover .langimg {
  	background-color: #2f9cd5;
  }
  .lang:hover .langnow {
  	color: #2f9cd5;
  }
  .langdiv .language:hover {
  	background: #2f9cd5;
  }
  .langdiv .language:hover a {
    color: #ffffff;
  }
  .langdiv::before {
    content: "";
    width: 100%;
    height: 20px;
    background: rgb(0 0 0 / 0%);
    position: absolute;
    left: 0;
    top: -20px;
}
.language{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.language img{
    width: 20%;
    box-shadow: 0 0 5px #464646;
}



.legacy-knowledge-link{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:64px;height:58px;margin-right:6px;color:#39799d;text-decoration:none;font:12px Arial,"Microsoft YaHei",sans-serif;border-radius:3px}.legacy-knowledge-link:hover{background:#e6f3fb}.legacy-knowledge-link svg{width:25px;height:25px;fill:none;stroke:#444;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.means .legacy-knowledge-link{height:48px;margin:0 8px 0 0;line-height:1.2}.means .legacy-knowledge-link svg{width:23px;height:23px}

.legacy-knowledge-link{position:relative;z-index:1001}
.legacy-knowledge-link .knowledge-popper{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:6px 10px;border-radius:4px;background:#243b4b;color:#fff;font:12px/1.4 Arial,"Microsoft YaHei",sans-serif;white-space:nowrap;box-shadow:0 3px 10px #0003;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease}
.legacy-knowledge-link .knowledge-popper::before{content:"";position:absolute;left:calc(50% - 5px);top:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #243b4b}
.legacy-knowledge-link:hover .knowledge-popper,.legacy-knowledge-link:focus-visible .knowledge-popper{opacity:1;visibility:visible}


            .mean_list {
    background-color: #ffffff;
    position: fixed;
    z-index: 991;
    overflow: scroll;
    height: calc(100% - 74px);
}
.mean_list:after {
    content: "";
    height: 20px;
    width: 100%;
    display: block;
}
            .mean_title {
                padding: .2em 0;
            }
            .mean_title h3 {
                color: #666666;
                display: block;
                position: relative;
                padding-left: .6em;
                margin: 0.4em;
            }
            .mean_title h3::before {
                content: "";
                display: inline-block;
                height: 100%;
                width: 4px;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                background: #175fff;
                position: absolute;
                left: 0;
            }
            .mean_item {
                padding: .3em;
                text-align: center;
            }
            .mean_item:not(:last-child) {
                border-bottom: 1px solid #f9f9f9;
            }
            .sub_mean_title {
                font-size: 1em;
                padding-left: .5em;
                margin-top: .7em;
            }
            .pro_mean {
                display: flex;
                padding: .3em;
                flex-wrap: wrap;
            }
            .pro_mean .mean_item {
                width: 33.3333333%;
                padding: 0;
                box-shadow: inset 0 0 1px #999999;
            }
            .pro_img img {
                width: 90%;
                margin: 5%;
            }
            .mean_item span {
                font-size: .9em;
                margin-bottom: .6em;
                display: block;
            }
            .means {
                display: flex;
                margin-right: .5em;
                align-items: center;
            }
            .means div {
                width: 30px;
                height: 30px;
                background: #555555;
                margin: 10px 5px;
                mask-position: center;
                -webkit-mask-position: center;
                mask-size: cover;
                -webkit-mask-size: cover;
            }
            .means .search-icon {
                mask-image: url('/d/file/icon/搜索.svg');
                -webkit-mask-image: url('/d/file/icon/搜索.svg');
            }
            .means .baojia {
                mask-image: url('/d/file/icon/报价.svg');
                -webkit-mask-image: url('/d/file/icon/报价.svg');
                margin-bottom: 0;
                margin-left: auto;
                margin-right: auto;
            }
            .means #langs {
                mask-image: url('/d/file/icon/地球.svg');
                -webkit-mask-image: url('/d/file/icon/地球.svg');
            }
            .means #mean_btn {
                mask-image: url('/d/file/icon/菜单.svg');
                -webkit-mask-image: url('/d/file/icon/菜单.svg');
            }
            .header_mobile {
    position: fixed;
    z-index: 991;
    width: 100%;
    top: 0;
}
            .header_mobile .header {
                display: flex;
                justify-content: space-between;
                border-bottom: 4px solid #f0f0f0;
                background-color: #ffffff;
                top: 0;
                width: 100%;
                position: fixed;
                z-index: 992;
            }
            .mobile_search {
    display: flex;
    position: fixed;
    width: 100%;
    justify-content: center;
    top: 20%;
    z-index: 994;
}
            @media (max-width: 900px) {
                #header {
                    display: none;
                }
                #header_position {
                    margin-top:74px;
                }
            }
            @media (min-width: 901px) {
                .header_mobile {
                    display: none;
                }
            }
            .hide {
                display: none;
            }
            .scroll-none {
                overflow: hidden;
            }
                        .banner-btn{
                margin-left: auto;
                margin-top: 34px;
                padding: 10px 16px;
                background: #2b7ad4;
                display: inline-block;
                color: #fff;
                font-size: 20px;
                border-radius: 4px;
                transition: all 0.2s;
                border: 2px solid #2b7ad4;
            }
            .banner-btn:hover{
                background: #fff;
                color: #2b7ad4;
                box-shadow: 0 2px 5px #dddddd;
                cursor:pointer
            }

            .erob70f_banner .iconfont {
                margin-left:1em;
                color: #fff;
            }
            .banner-btn:hover .iconfont{
                color: #2b7ad4;
            }
            .erob70f_banner{
                position: absolute;
                transform: translate(-50%);
                -webkit-transform: translate(-50%);
                -ms-transform: translate(-50%);
                -o-transform: translate(-50%);
                -moz-transform: translate(-50%);
                width: 1100px;
                position: absolute;
                top: 8%;
                font-size: 2em;
                left: 16%;
            }

            .erob70f_banner_title{
                color: rgb(0, 0, 0);
                font-style: italic;
                font-size: 70.5444px;
            }

            .erob70f_banner_title1{
                margin: revert;
                line-height: 1em;
                color: rgb(0, 0, 0);
                font-weight: bold;
                font-size: 37.8297px;
            }
            .erob70f_banner_cont{
                font-size: 24px;
                line-height:1.5em;
                width: 66%;
                color: rgb(0, 0, 0);
            }
            .language-lists>li:hover{
                background: #2f9cd5;
                color: #ffff;
            }
        
@media(max-width:900px){
.means .search-icon,.means #mean_btn,.means .baojia{mask-image:none;-webkit-mask-image:none;background:transparent;color:#555;display:grid;place-items:center;cursor:pointer}
.means .search-icon::before{content:"⌕";font:28px/1 Arial,sans-serif}
.means #mean_btn::before{content:"☰";font:24px/1 Arial,sans-serif}
.means .baojia::before{content:"￥";font:20px/1 Arial,sans-serif}
}