﻿

@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: 320px; margin:0 auto}



.logo{width: 100%; height: 1.328125rem; text-align: center}
.logo img{ width:4.640625rem; height:1.8125rem;  margin-top:-0.034375rem}



#ea_n, #ea_n__m{position:static ! important}
.xn_mn_2_wrap{position: absolute;left: 0;top: 0;z-index: 99;width: 100%}
.xn_mn_2_nav{position: absolute;left: 0;top:0;width: 100%;z-index: 2}
.xn_mn_2_box{position:absolute;right:0.671875rem;top:0.609375rem;cursor:pointer;width: 0.71875rem;height: 0.5rem;font-size:0rem;background:url(../images/cd341cf1_index_nav.png) no-repeat center center;background-size:0.71875rem 0.5rem;-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out}
.xn_mn_2_box_curr{background:url(../images/ce839c37_index_nav_close.png) no-repeat center center;background-size:0.71875rem 0.5rem;-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)}
.xn_mn_2_nav>ul{height:100%;position:relative;top:1.703125rem}
.xn_mn_2_nav>ul>ul{width: 80%;padding:0rem 10%;height: auto;overflow: hidden;background: #fff;height:100%}
.xn_mn_2_nav>ul>ul>li{width: 100%;text-align: left;height:1.1875rem;line-height:1.1875rem;position:relative;left:-10%;opacity:0;top:-20%}
.xn_mn_2_nav>ul>ul>li+li{border-top:1px solid #d2d5d4}
.xn_mn_2_nav>ul>ul>li>a{color: #555;font-size: 0.375rem;display: block}
.xn_mn_2_nav>ul>ul>li.nav_home_curr a,.xn_mn_2_nav>ul>ul>li.nav_one_curr a{color: #fdd108}
.xn_mn_2_nav>ul.xn_nav_ul_curr>ul>li{}






.xn_mh_20_wrap{width:100%;height:auto}
.xn_mh_20_type1{width:100%; line-height:0.625rem;font-size:0.375rem;padding:0.600625rem 0;overflow:auto}
.xn_mh_20_type1 ul{width:auto;height:0.703125rem}
.xn_mh_20_type1 ul li{margin-right:0.3125rem; margin-left:0.3125rem;float:left;   display: block; text-align:center;width: 2.5rem;height:0.75rem;line-height: 0.75rem;border-radius: 0.375rem;font-size: 0.4375rem;color: #282234;font-weight: normal}
.xn_mh_20_type1 ul li a{width:100%;height:100%;display:block;text-align:center;color:#333}
.xn_mh_20_type1 ul li.active{ background-color: #19be96;color: #fff}
.xn_mh_20_type1 ul li.active a{font-size:0.4375rem;color:#fff;display:block}
.xn_mh_20_type2{text-align:center}
.xn_mh_20_type2>ul>li{display:none}
.xn_mh_20_type2 ul li ul li{display:inline-block;width:auto;height:0.625rem}
.xn_mh_20_type2 ul li ul li a{width:auto;height:0.625rem;line-height:0.625rem;display:block;padding:0 0.1875rem;color:#666}


.xn_mc_products_1_wrap{overflow:hidden;width:100%;margin:0 auto;background:#fff}
.xn_mc_products_1_ul{overflow:hidden;width:100%}
.xn_mc_products_1_time,.xn_mc_products_1_intro{display:none}
.xn_mc_products_1_li{  float: left;width:50%;  background:#fff;text-align:center}
.xn_mc_products_1_li:hover{  background:#e8f8f4}
.xn_mc_products_1_li a{ padding-bottom:0.234375rem; display:block; border-bottom:0.03125rem solid #e3e3e3;padding-top:0.46875rem;border-right:0.03125rem solid #e3e3e3}
.xn_mc_products_1_img{width:81.25%; margin:0 auto;  height:auto; background:#fff; overflow:hidden}
.xn_mc_products_1_img img{width:100%;height:auto}
.xn_mc_products_1_name{width:81.25%; margin:0 auto; line-height:0.46875rem;height:0.46875rem;font-size:0.34375rem;color:#666;overflow:hidden;padding-top:0.125rem}
.xn_mc_products_1_moreBtn {width: 3.125rem; margin: 0.625rem auto;text-align: center;line-height: 0.9375rem;height:0.9375rem;display: block;cursor: pointer; background: #f0f0f0 url(../images/f5c2a8cd_button_more.png) no-repeat 2.5rem center; background-size:0.3125rem 0.3125rem;
 -webkit-border-radius: 0.46875rem; 
-moz-border-radius:0.46875rem; 
border-radius: 0.46875rem;
 border: none; font-size: 0.4375rem; clear: both}




.xn_mb_1_wrap{ width:100%; background:#19be96; font-size:0.375rem; height:1.5625rem}
.xn_mb_1_copy{  width:93.75%; display:block; margin:0 auto;  font-size: 0.375rem; line-height:0.78125rem; height:1.5625rem;color: #fff;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden}







