﻿

@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_mc_prodv_11_wrap{width: 100%;margin:2% auto;}
.xn_mc_prodv_11_wbox {width:100%; height:auto;overflow: hidden;position: relative;}
.xn_mc_prodv_11_bigimgwrap {width: 100%;height: auto;}
.xn_mc_prodv_11_bigimg { width: 100%;height: auto;overflow: hidden;}
.xn_mc_prodv_11_bigimg img { width:100%; height:100%;}
.xn_mc_prodv_11_subimg {width: 100%; height:auto; overflow:hidden; position:relative; }
.xn_mc_prodv_11_subimg ul {width: 100%;height: auto;overflow: hidden;}
.xn_mc_prodv_11_subimg ul li { width: 24.5%; border:1px solid #ddd; height:auto;  float:left;box-sizing:border-box;}
.xn_mc_prodv_11_subimg ul li.xn_mc_prodv_11_curr{ border:1px solid #666666; }
.xn_mc_prodv_11_subimg ul li img { width:100%; height:100%; }


.xn_mc_prodv_2_wrap h1{    width: 96%;margin:0 auto;
    line-height: 1.25rem;
    font-size: 0.5rem;
    color: #00a2de;
    border-bottom: 1px solid #dbdbdb;}


.xn_mc_prodv_3_wrap{display:block;width:96%;margin:0.3125rem auto;font-size: 0.375rem;color: #333;line-height: 0.625rem;}


.xn_mc_prodv_5_wrap{ width:96%; margin:0 auto;}
.xn_mc_prodv_5_wrap #EIMS_C_3_1_box_div{ margin:0.3125rem auto; overflow:hidden; padding-top:0.3125rem;}
.xn_mc_prodv_5_wrap #EIMS_C_3_1_box_div ul{ list-style:none; padding:0rem; margin:0rem;}
.xn_mc_prodv_5_wrap #EIMS_C_3_1_box_div li{ float:left; margin-right:0.3125rem;}
.xn_mc_prodv_5_wrap .EIMS_C_3_1_page {display:block;  FONT-SIZE: 0.375rem;COLOR: #666;  LINE-HEIGHT: 0.625rem;  width:100%; }
.xn_mc_prodv_5_wrap .EIMS_C_3_1_page A:link { COLOR: #666; TEXT-DECORATION: none;}
.xn_mc_prodv_5_wrap .EIMS_C_3_1_page A:visited {COLOR: #666; TEXT-DECORATION: none;}
.xn_mc_prodv_5_wrap .EIMS_C_3_1_page A:hover {COLOR: #cc0000; TEXT-DECORATION: underline;}


.xn_mc_prodv_4_wrap{width:100%;margin:0rem auto;}
.xn_mc_prodv_4_top{width:96%;height:0.40625rem;margin:0.234375rem  0rem;padding-left:0.109375rem;border-left:0.046875rem solid #dbdbdb; margin:0 auto;line-height: 0.40625rem;font-size: 0.40625rem;color: #333;}
.xn_mc_prodv_4_wrap ul{width:96%;margin:0rem auto;margin-top:0.15625rem;}
.xn_mc_prodv_4_list{width:100%;padding:2% 0;background:#FFF;margin-bottom:0.15625rem;overflow:hidden; border-bottom:1px solid #dbdbdb;}
.xn_mc_prodv_4_img{float:left;width:35%;height:auto;overflow:hidden;}
.xn_mc_prodv_4_img img{width:100%;height:auto;}
.xn_mc_prodv_4_subIntro{float:right;width:59%;padding-left:2%;}
.xn_mc_prodv_4_name{font-size:0.375rem;color:#333;line-height:0.78125rem; height:0.78125rem;overflow:hidden;}
.xn_mc_prodv_4_cnt{font-size:0.3125rem;color:#999;line-height:0.546875rem;max-height:1.09375rem;overflow:hidden;margin-top:0.078125rem;}


.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'); }







