@charset "utf-8";  .xn_brand{display:none}

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top;width:100%;}
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {    padding-top: 60px; -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-text-size-adjust: none;}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
html{font-size: 62.5%;}




.logo {width:130px; height:60px; text-align:center;float:left;     z-index: 10;}
.logoimg {     width: 130px;}

.eah_right{    display: flex;    align-items: center;}
.nav_yyqh {    float: left;    margin-right: 0.22rem;}
.nav_yyqh >a{color: #333;font-size: 0.4rem;}
.nav_search {    float: left;    margin-right: 0.4rem;    height: 60px;    transition: all .5s;    position: relative;    display: flex;    flex-flow: row wrap;    justify-content: center;    align-items: center;}
.nav_search>.nav_icon svg {    width: 22px;    height: 22px;    transition: all .5s;    fill: #666;}
.nav_icon:after {content: "";    position: absolute;    width: 100%;    height: 2px;    left: 0;    bottom: 0;    background: #1E50E6;    transition: all .5s;    opacity: 0;}
.nav_icon.show svg{    fill: #1E50E6;}
.nav_icon.show:after{    opacity: 1;}

.nav_m {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: #333;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    height: 20px;
    opacity: 0.7;
    padding: 0;
}

.nav_m_box {
    width: 25px;
    height: 20px;
    display: inline-block;
    position: relative;
}


.nav_m_buttom,.nav_m_buttom::before,.nav_m_buttom::after{
        width: 25px;
        height: 2px;
        background: #222;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
        transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    }
.nav_m_buttom {
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    display: block;
    top: 50%;
    margin-top: -2px;
}
    .nav_m_buttom::before {
        top: -8px;
            content: "";
    display: block;
    }
    .nav_m_buttom::after {
                bottom: -8px;
            content: "";
    display: block;
    }

#ea_h {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 6%;
border-bottom: 1px solid #e6e6e6;
    z-index: 9;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #fff;
    height: 60px;
box-sizing: border-box;
}
.active.nav_m .nav_m_buttom{
background-color: transparent !important;
    transform: rotateY(-180deg);
    }
.active.nav_m .nav_m_buttom::after {
            transform: translate3d(0, -8px, 0) rotate(-45deg);
    background: #222;
    }
.active.nav_m .nav_m_buttom::before {
        transform: translate3d(0, 8px, 0) rotate(45deg);
    background: #222;
        }


.ovh{overflow: hidden;}
.nav_con {
    display: none;
    width: 100%;
    top: 60px;
    left: 0px;
    z-index: 1;
    height: calc(100vh - 45px);
    padding: 30px 0 45px;
    position: fixed;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-sizing: border-box;
}




.xn_mn_1_wrap {width:100%; height:1.375rem; overflow: hidden;background:#262626;}
.xn_mn_1_wrap ul { width: 100%; }
.nav_con>ul{    overflow-y: auto;    height: 100%;}
.nav_con>ul>li {   position: relative;    width: 100%;    line-height: 60px;    border-bottom: 1px solid #d1d1d1;float: left;}
.nav_con>ul>li>a{   display: block;    padding-left: 5%;    position: relative;    color: #333;    transition: all .3s ease;    font-size: 0.426rem;}
.nav_con>ul>li.nav_xl>a{display: inline-block;    float: left;}
.nav_con>ul>li.nav_xl:after{content: "";    display: block;    width: 20px;    height: 20px;    line-height: 20px;    text-align: center;    background-size: 100% auto;    position: absolute;    right: 6.4%;    top: 20px;    background: url(https://rc0.zihu.com/g5/M00/3D/20/CgAGbGhkrfSAEUEcAAAB--vhoNs204.svg);    background-repeat: no-repeat;    background-position: 50% 50%;    background-size: 20px auto;    transform: rotate(0);    transform-origin: center center;    transition: all .3s ease-in-out;}.nav_con>ul>li.nav_xl.show:after{    transform: rotate(-180deg);}
.nav_con>ul>li.nav_xl>ul {    width: 100%;    float: left;    display: none;    line-height: 40px;    padding: 0 6%;  box-sizing: border-box;}
.nav_con>ul>li.nav_xl>ul>li>a {    color: #666;    font-size: 0.426rem;    display: block;}




.xn_index_mba_1_wrap{position:relative; overflow:hidden; margin-bottom: 0.09375rem;}
.xn_index_mba_1_main{width:100%;margin:0 auto;overflow: hidden;}
.xn_index_mba_1_ul{overflow: hidden;position: relative;}
.xn_index_mba_1_li{float: left;background:#fff;}
.xn_index_mba_1_li img{width: 100%; background-color:#fff; }
.xn_index_mba_1_lights{width:1.5625rem;right:0rem;position: absolute;bottom:0.234375rem;text-align: center;}
.xn_index_mba_1_lights span{display: inline-block;margin-right:0.09375rem; width:0.1875rem; height:0.1875rem; border-radius:50%;background:transparent;border:0.03125rem solid #FFF; cursor: pointer;}
.xn_index_mba_1_lights .xn_index_mba_1_lightsCurr{background:#00a2de !important;border-color:#00a2de ;border:0.03125rem solid #00a2de; }




.xn_mc_products_1_wrap{overflow:hidden;width:100%;margin:0.3125rem auto;background:#fff;}
.xn_mc_products_1_ul{overflow:hidden;width:96%;padding:0rem 2%;margin-bottom:0.1875rem;}
.xn_mc_products_1_time {display:none;}
.xn_mc_products_1_li{ float: left;width:45%;margin:2%; border: 1px solid #dedede;}
.xn_mc_products_1_img{width:100%;height:auto;overflow:hidden;}
.xn_mc_products_1_img img{width:100%;height:auto;}
.xn_mc_products_1_name{width:90%; margin:0 auto;line-height:0.625rem; height:0.625rem;font-size:0.375rem;color:#666;overflow:hidden;padding-top:0.125rem;}
.xn_mc_products_1_intro{ overflow:hidden;width:90%; margin:0 auto;line-height:0.546875rem; height:0.546875rem;font-size:0.3125rem;color:#666;}
.xn_mc_products_1_more{ margin:0.46875rem auto; text-align:center;}
.xn_mc_products_1_moreBtn{   margin:0 auto;  width: 3.75rem;
    height: 0.9375rem;
    font-size: 0.375rem;
    border: none;
    cursor: pointer;
    background: #323232;
    display: block;
    color: #fcfcfc;}


.search {    width: 100%;    box-shadow: 1px 1px 0rem #cecece, -1px -1px 0rem #cecece;    position: fixed;    top: 60px;    left: 0px;    padding: 1.5rem 6% 0.8rem;    box-sizing: border-box;    background: #fff;display: none;}
.search>table {    border: 0.03125rem solid #656565;}
.search input {width:94%; height:1.125rem; padding-left:4%;padding-right:2%; font-size:0.375rem; border: none; }
.search table{width:100%; height: 1.125rem;}
.search td:first-child{width:80%; height:1.125rem;}
.search td:last-child{width:0.96875rem; height:1.125rem;background:#323232;}
.search img{width:0.5625rem; height:0.5rem;border:none;display: block; margin:0 auto;}
.search_txt{font-size:0.375rem;color:#a6a6a6;}




.xn_mb_1_wrap{ height:1.25rem; line-height:1.25rem;  width:100%;}
.xn_mb_1_copy{height:1.25rem; line-height:1.25rem;    display:block;  font-size: 0.3125rem;  width:93.75%; margin:0 auto; color:#999;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden; -moz-binding: url('/m/ellipsis.xml#ellipsis'); }