﻿@charset "utf-8";

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%; max-width: 640px;min-width: 5rem;margin: 0 auto;position: relative;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
body{background: #eee;}



#ea_h {border-bottom: 1px solid #999;}
#ea_n {border-top: 1px solid #999;}

.logo{width: 100%; clear: both; display: block;  height: 2.5rem;}
.logo>div{width: 100%; height: 100%}
.logoimg{width: 100%; height: 100%}


.xn_h_3_wrap{position: absolute; top:10px; right: 4px;z-index: 99999;padding-left: 0px;}
.xn_h_3_Lang_lb{position:relative;cursor:pointer; font-size:12px;line-height:23px;text-align:center;}
.xn_h_3_Lang_top{height:23px;color:#cccccc;border:0px solid #f2f2f2; overflow: hidden; background: url(https://rc1.zihu.com/rc/Heads/6750/images/top_language_se.png?d=20220412105726725) no-repeat right 10px;padding-right: 22px;}
.xn_h_3_Lang_topwenzi{color:#fff;}
.xn_h_3_Lang_HVbox{display:none;position:absolute;top:23px;right:0px; min-width: 90px; background: #fff;text-align: center;line-height: 30px; }
.xn_h_3_Lang_wenzi{border:1px solid #f2f2f2; border-top: none;  }
.xn_h_3_Lang_HVbox a{color:#333;display: block; }
.xn_h_3_Lang_HVbox a:hover{text-decoration: underline;}

.diqiu img { width: 20px;height: 20px; display: block;position: relative;}
.diqiu { position: absolute; top: 4px;right: 86px;}


.xn_mn_1_wrap{width: 100%;
    height: 1.171875rem;
    overflow: hidden;
    background: #26338b;
}
.xn_mn_1_wrap ul {
    margin:0rem auto;
    width: 100%;
}
.xn_mn_1_wrap ul li {
    width: 13.6%;
    height: 1.171875rem;
    float: left;
}
.xn_mn_1_wrap ul li a {
    display: block;
    width: 100%;
    height: 1.171875rem;
    line-height: 1.171875rem;
    text-align: center;
    float: left;
    color: #fff !important;
    font-size: 0.36875rem;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.xn_mn_1_wrap ul li a:hover {background:#3949b3;color: #ffffff;border-bottom: 0.03125rem #c0c0c0 solid;height: 1.171875rem;}
.nav_cur,.nav_cur a{background: #000;}
.nav_home_curr,.nav_one_curr{background:#3949b3;color: #ffffff;border-bottom: 0.03125rem #474448 solid;height: 1.171875rem;}

.nav_line {width: 1px;background: #CCC;border-right: 1px solid #FFF;display: none;}




.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:100%;position:absolute; bottom:0.15625rem;text-align:center;}
.xn_index_mba_1_lights span{display:inline-block; height:0.234375rem;width:0.234375rem; background-color:#c0c0c0; margin:0 0.078125rem;cursor: pointer; border-radius: 0.046875rem;
 -webkit-border-radius: 0.046875rem; 
-moz-border-radius: 0.046875rem; 
}
.xn_index_mba_1_lightsCurr{background:#f8a308 !important;}




.xn_mc_index_1_wrap{width: 100%;
    margin: auto;
    background-color: #fff;
    margin-top: 0.234375rem;
    margin-bottom: 0.234375rem;
    padding-bottom: 0.390625rem;}
.xn_mc_index_1_title{width: 100%;
    margin: 0 auto;
    line-height: 0.9375rem;
    height: 0.9375rem;
    border-bottom: 1px solid #818040;
    background: #26338b;
}
.xn_mc_index_1_title_pro{color: #ffffff;
    font-size: 0.4375rem;
    float: left;
    display: inline-block;
    width: 100%
}
.xn_mc_index_1_title a img{display: inline-block; float: right; display: none;}
.xn_mc_index_1_title_pro span {width: 20%; display: -webkit-box; margin: 0 auto;}
.xn_mc_index_1_title img{width: 0.5625rem;
    height: 0.453125rem;
    padding: 0.265625rem 0 0 0;}
.xn_mc_index_1_conten{margin:0 auto;width: 96%;background: #ffffff;}
.xn_mc_index_1_bigbox{width: 50%;
    height: 1.46875rem;
    position: relative;
    float: left;
    margin:0.3125rem 0 0 0;}
.xn_mc_index_1_intr{display: block;
    width: 2.890625rem;
    height: 0.78125rem;
    line-height: 0.78125rem;
    font-size: 0.375rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    color:#adadae;}
.xn_mc_index_1_wenzi{display: inline-block;
    width: 100%;
    height: 0.546875rem;
    font-size: 0.4375rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    color:#000;}
.xn_mc_index_1_neirong{font-size: 0.4375rem;
    color: #000;
    width: 60%;
    padding: 0 2%;
    height: 0.59375rem;
    display: inline-block;
    float: left;}
.xn_mc_index_1_pic{border: 1px solid #f6f6f6;
    padding: 0.03125rem;
    width: 1.5625rem;
    height: 1.40625rem;
    float: left;}
.xn_mc_index_1_pic img{width: 1.5625rem;
    height: 1.40625rem;
    margin: auto;}
.xn_mc_index_1_more {
width:96%;margin:auto;font-size:0.21875rem;text-align: center;line-height: 0.546875rem;height: 0.546875rem;display:none;cursor: pointer;font-family: 微软雅黑, Verdana, Geneva, sans-serif;border: 1px solid #d5d5d5; 
background:-moz-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
background:-o-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
background:-webkit-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
background:linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
}
.xn_mc_index_1_more a{ width:100%; height:100%; display:block; text-align:center; color:#595959;}
.index_body,.about_body,.contact_body,.feedback_body,.news_body,.news_view_body,.pro_body,.case_view_body,.case_body,.case_list_body,.prod_view_body,.case_complex_body{background: #eeeeee;}


.xn_mc_index_14_wrap{}
.xn_mc_index_14_wbox{width: 100%;
    display: block;
    margin: 0 auto;
    background: #ffffff;}
.xn_mc_index_14_topbox{width: 100%;
    margin: 0 auto;
    line-height: 0.9375rem;
    height: 0.9375rem;
  	background: #26338b;
    border-bottom: 1px solid #818040;}
.xn_mc_index_14_prd_t1{color: #fff;
    font-size: 0.4375rem;
    float: left;
  	width: 100%;
    text-align: center;
	}
.xn_mc_index_14_prd_t2,.xn_mc_index_14_prd_t3{display: none;}
.xn_mc_index_14_prdmore a{float: right; display: none;width: 0.5625rem;
    height: 0.453125rem;
    margin: 0.265625rem 0 0 0;
    background:url(https://rc1.zihu.com/rc/M/Contents/32046/images/menu_gd.png?d=20170619105858735) no-repeat;
    background-size: 0.5625rem 0.453125rem;
    font-size: 0;
    }
.xn_mc_index_14_nrsmall{
    width: 33%;
    float: left;
    margin-top: 0.15625rem;}
.xn_mc_index_14_nrbox{margin: 2% auto; height:6.125rem;}
.xn_mc_index_14_lftbox{width: 85%;height: auto;overflow: hidden; margin:0 auto;}
.xn_mc_index_14_lftbox img{width: 100%;min-height: 1.5625rem;}
.xn_mc_index_14_ritbox{width: 85%;height: auto;overflow: hidden; height: 0.859375rem; line-height: 0.859375rem; margin:0 auto; text-align: center;}
.xn_mc_index_14_name{font-size: 0.4375rem;overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;}
.xn_mc_index_14_name a{color: #666;}
.xn_mc_index_14_time{display: none;}
.xn_mc_index_14_coent{width: 100%;height: 0.78125rem;font-size: 0.1875rem;color: #606569;overflow: hidden;line-height: 0.3125rem;padding-top: 3%;display:none;}
.xn_mc_index_14_xxmore{width: 30%;height: 0.390625rem;line-height: 0.390625rem;text-align: center;background: #2F3032;font-size: 0.1875rem;display:none;}
.xn_mc_index_14_xxmore a{color: #fff;}

.xn_mc_index_16_wrap{}
.xn_mc_index_16_wbox{
    width: 100%;
    display: block;
    margin: 0 auto;
    background: #ffffff;
    }
.xn_mc_index_16_topbox{width: 100%;
    margin: 0 auto;
    line-height: 0.9375rem;
    height: 0.9375rem;
  	background: #26338b;
    border-bottom: 1px solid #818040;}
.xn_mc_index_16_prd_t1{color: #fff;
    font-size: 0.4375rem;
    float: left;
  	width:100%;
    text-align:center;
	}
.xn_mc_index_16_prd_t2,.xn_mc_index_14_prd_t3{display: none;}
.xn_mc_index_16_prdmore a{float: right; display: none;width: 0.5625rem;
    height: 0.453125rem;
    margin: 0.265625rem 0 0 0;
    background:url(https://rc1.zihu.com/rc/M/Contents/32046/images/menu_gd.png?d=20170619105858735) no-repeat;
    background-size: 0.5625rem 0.453125rem;
    font-size: 0;
    }
.xn_mc_index_16_nrsmall{
    width: 98%;
    float: left;
    margin-left: 0.156rem;
    margin-top: 0.15625rem;
    }
.xn_mc_index_16_nrbox{margin: 2% auto;height: auto;}
.xn_mc_index_16_lftbox{width: 30%;height: auto;float: left;overflow: hidden;margin:0 auto;}
.xn_mc_index_16_lftbox img{width: 100%;height: 1.7625rem;}
.xn_mc_index_16_ritbox{width: 66%;height: auto;overflow: hidden;height: 2.059375rem;line-height: 0.859375rem;margin:0 auto;float: right;text-align: left;}
.xn_mc_index_16_name{font-size: 0.4375rem;overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;}
.xn_mc_index_16_name a{color: #666;}
.xn_mc_index_16_time{display: none;}
.xn_mc_index_16_coent{width: 100%;height: 0.78125rem;font-size: 0.1875rem;color: #5f6e79;text-align: left;overflow: hidden;line-height: 0.4125rem;padding-top: 2%;}
.xn_mc_index_16_xxmore{width: 30%;height: 0.390625rem;line-height: 0.390625rem;text-align: center;background: #2F3032;font-size: 0.1875rem;display:none;}
.xn_mc_index_16_xxmore a{color: #fff;}

.xn_mc_index_10_wrap{width:100%; margin:0 auto;height:auto;overflow:hidden;background: #fff;}
.xn_mc_index_10_tw{width: 100%;
    margin: 0 auto;
    line-height: 0.9375rem;
    height: 0.9375rem;
    -webkit-border-radius: 0.078125rem 0.078125rem 0 0;
    -moz-border-radius: 0.078125rem 0.078125rem 0 0;
    border-radius: 0.078125rem 0.078125rem 0 0;
    border-bottom: 1px solid #818040;}
.xn_mc_index_10_type1{ width: 100%; text-align: center; color: #fff;
    font-size: 0.4375rem;
    float: left;
    background: #26338b;}
.xn_mc_index_10_t_more{float:right; display: none;}
.xn_mc_index_10_t_more a{float: right;
    display: inline-block;
    width: 0.5625rem;
    height: 0.453125rem;
    margin: 0.265625rem 0 0 0;
    background: url(https://rc1.zihu.com/rc/M/Contents/32046/images/menu_gd.png?d=20170619105858735) no-repeat;
    background-size: 0.5625rem 0.453125rem;
    font-size: 0;}
.xn_mc_index_10_ttw{padding: 0.1875rem 0 0.3125rem 0;}
.xn_mc_index_10_tp{width:25%;float:left;display: none;}
.xn_mc_index_10_tp img{width:100%;height:auto;}
.xn_mc_index_10_tc{width: 96%;
    margin: auto;
    line-height: 0.546875rem;
    color: #666;
    font-size: 0.375rem;}
.xn_mc_index_10_tc a span {
    color: #666 !important;
}

.xn_mc_index_19_wrap{}
.xn_mc_index_19_wbox{width: 100%;
    display: block;
    margin: 0 auto;
    background: #ffffff;}
.xn_mc_index_19_topbox{width: 100%;
    margin: 0 auto;
    line-height: 0.9375rem;
    height: 0.9375rem;
  	background: #26338b;
    border-bottom: 1px solid #818040;}
.xn_mc_index_19_prdmore {
    display: none;
}
.xn_mc_index_19_prd_t1{color: #fff;
    font-size: 0.4375rem;
    float: left;
  	width: 100%;
  	text-align: center;
	}
.xn_mc_index_19_prd_t2,.xn_mc_index_14_prd_t3{display: none;}
.xn_mc_index_19_prdmore a{float: right; display: inline-block;width: 0.5625rem;
    height: 0.453125rem;
    margin: 0.265625rem 0 0 0;
    background:url(https://rc1.zihu.com/rc/M/Contents/32046/images/menu_gd.png?d=20170619105858735) no-repeat;
    background-size: 0.5625rem 0.453125rem;
    font-size: 0;
    }
.xn_mc_index_19_nrsmall{
    width: 33%;
    float: left;
    margin-top: 0.15625rem;}
.xn_mc_index_19_nrbox{margin: 2% auto; height:5.125rem;}
.xn_mc_index_19_lftbox{width: 85%;height: auto;overflow: hidden; margin:0 auto;}
.xn_mc_index_19_lftbox img{width: 100%;}
.xn_mc_index_19_ritbox{width: 85%;height: auto;overflow: hidden; height: 0.859375rem; line-height: 0.859375rem; margin:0 auto; text-align: center;display:none;}
.xn_mc_index_19_name{font-size: 0.4375rem;overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;}
.xn_mc_index_19_name a{color: #666;}
.xn_mc_index_19_time{display: none;}
.xn_mc_index_19_coent{width: 100%;height: 0.78125rem;font-size: 0.1875rem;color: #606569;overflow: hidden;line-height: 0.3125rem;padding-top: 3%;display:none;}
.xn_mc_index_19_xxmore{width: 30%;height: 0.390625rem;line-height: 0.390625rem;text-align: center;background: #2F3032;font-size: 0.1875rem;display:none;}
.xn_mc_index_19_xxmore a{color: #fff;}


.xn_mb_1_wrap{width: 100%;
    background: #c0c0c0;
    height: 3.04375rem;
    margin: 2% auto 12% auto;}
.xn_mb_1_copy{float: left;
    font-size: 0.4375rem;
    line-height: 0.546875rem;
    color: #000000;
    width: 100%;
    padding-left: 2%;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    -moz-binding: url(/m/ellipsis.xml#ellipsis);
    padding-top: 0.234375rem;box-sizing: border-box;}










.xn_mu_1_wrap{position: fixed;
    z-index: 10000;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    margin:0 auto;
    height: 1.484375rem;
    color: #ffffff;
    border-left: 1px #ee756a solid;
    background: #26338b;
}
.xn_mu_1_wrap ul {width:100%;height:100%;margin:auto;}
.xn_mu_1_wrap ul li {float: left;font-size:0.4375rem;width:16%;text-align:center;margin-left: 0.0625rem;}
.xn_mu_1_wrap ul li a{color: #ffffff;}
.xn_mu_1_li5{width:15%;}
.xn_mu_1_li6{background:none }
.xn_mu_1_line{width:1px !important; height:0.625rem; margin:0 !important; padding:0 !important; background: #690000; border-right:1px solid #ff0000;}
.xn_mu_1_bottom_bq2,.xn_mu_1_bottom_bq4,.xn_mu_1_bottom_bq6,.xn_mu_1_bottom_bq8{ display:NONE;}
.xn_mu_1_bottom_bq2,.xn_mu_1_bottom_bq4,.xn_mu_1_bottom_bq6,.xn_mu_1_bottom_bq8{ display:none;} 

@font-face {
    font-family: 'icomoon';
    src:url('https://rc1.zihu.com/fonts/icomoon.eot');
    src:url('https://rc1.zihu.com/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('https://rc1.zihu.com/fonts/icomoon.woff') format('woff'),
        url('https://rc1.zihu.com/fonts/icomoon.ttf') format('truetype'),
        url('https://rc1.zihu.com/fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[data-icon]:before {
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-envelope, .icon-phone, .icon-screen, .icon-location, .icon-bubbles, .icon-cog,.icon-share,.icon-pencil{
    font-family: 'icomoon';
    speak: none; font-size:0.25rem; color: #c0c0c0; margin-right:0.078125rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height:0.28125rem;
    -webkit-font-smoothing: antialiased;
    display:block;
    padding-top:0.234375rem;
    padding-bottom:0.15625rem;
}
 .icon-undo,.icon-home{
    font-family: 'icomoon';
    speak: none; font-size:0.25rem;  
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height:0.0625rem;
    -webkit-font-smoothing: antialiased;
    display:block;
    padding-top:0.15625rem;
    padding-bottom:0.15625rem;
    text-align:center;
    color:#29658f;
}
.icon-cog{padding-top:0.234375rem;float:left;}
.icon-pencil{ padding-left:0.125rem;}

.icon-home:before {
    content: "\e001"; color:#29658f;
}

.icon-undo:before {
    content: "\e003"; color:#29658f;
}

.icon-envelope:before {
    content: "\e000";
}

.icon-phone:before {
    content: "\e004";
}

.icon-screen:before {
    content: "\e002";
}

.icon-location:before {
    content: "\e006";
}
.icon-bubbles:before {
    content: "\e005";
}

.icon-cog:before {
    content: "\e007"; color: #000; font-size:1em;
}

.icon-share:before {
    content: "\e008";
}

.icon-pencil:before {
    content: "\e009";
}

