@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 { -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:40%; height:1.5625rem; text-align:center;float:left; }
.logoimg { width:4.6875rem; height:0.9375rem; margin-top:0.3125rem;}


.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-right: 6%;
    position: relative;
border-bottom: 1px solid #e6e6e6;
}
.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;
        }


.nav_con {
    display: none;
position: absolute;
    width: 100%;
    top: calc(100% + 1px);
    height: calc(100vh - 100%);
    background: #fff;
    z-index: 9;
}




.xn_mn_1_wrap {width:100%; height:1.375rem; overflow: hidden;background:#262626;}
.xn_mn_1_wrap ul { width: 100%; }
.xn_mn_1_wrap ul li { width:20%; height:1.375rem; float: left;   }
.xn_mn_1_wrap ul li a {background: url(https://rc0.zihu.com/g1/M00/10/30/CgAGS10lUtiAMxtUAAAHoMGJ3PI403.png) no-repeat center top 0.15625rem;background-size: 0.5625rem 0.5625rem;width:100%; height:1.375rem;display: block;  line-height:2.03125rem;font-size:0.4375rem;color:#b2b2b2; text-align: center;overflow: hidden; }
.xn_mn_1_wrap ul li a:hover {  color: #00a2de;   }
#typecLi_n0 a{background:url(https://rc1.zihu.com/rc/M/Navigates/33768/images/nav_li_0bg.png?d=20180330110439945?d=20170621085639474) no-repeat center top 0.15625rem;background-size:0.5625rem 0.5625rem;}
#typecLi_n0 a:hover,#typecLi_n0.nav_home_curr a{background:url(https://rc1.zihu.com/rc/M/Navigates/33768/images/nav_li_0_hover_bg.png?d=20180330110439945?d=20170621085639474) no-repeat center top 0.15625rem;background-size:0.5625rem 0.5625rem;color: #00a2de;}
#typecLi_n1 a{background:url(https://rc1.zihu.com/rc/M/Navigates/33768/images/nav_li_3bg.png?d=20180330110439945?d=20170621085639474) no-repeat center top 0.15625rem;background-size:0.5625rem 0.5625rem;}
#typecLi_n1 a:hover,#typecLi_n1.nav_one_curr a{background:url(https://rc1.zihu.com/rc/M/Navigates/33768/images/nav_li_3_hover_bg.png?d=20180330110439945?d=20170621085639474) no-repeat center top 0.15625rem;background-size:0.5625rem 0.5625rem;color: #00a2de;}
#typecLi_n2 a{background:url(https://rc1.zihu.com/rc/M/Navigates/33768/images/nav_li_1bg.png?d=20180330110439945?d=20170621085639474) no-repeat center top 0.15625rem;background-size:0.5625rem 0.5625rem;}
#typecLi_n2 a:hover,#typecLi_n2.nav_one_curr a{background:url(https://rc1.zihu.com/rc/M/Navigates/33768/images/nav_li_1_hover_bg.png?d=20180330110439945?d=20170621085639474) no-repeat center top 0.15625rem;background-size:0.5625rem 0.5625rem;color: #00a2de;}
#typecLi_n3 a{background:url(https://rc1.zihu.com/rc/M/Navigates/33768/images/nav_li_2bg.png?d=20180330110439945?d=20170621085639474) no-repeat center top 0.15625rem;background-size:0.5625rem 0.5625rem;}
#typecLi_n3 a:hover,#typecLi_n3.nav_one_curr a{background:url(https://rc1.zihu.com/rc/M/Navigates/33768/images/nav_li_2_hover_bg.png?d=20180330110439945?d=20170621085639474) no-repeat center top 0.15625rem;background-size:0.5625rem 0.5625rem;color: #00a2de;}




.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;}




.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'); }