html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,abbr, acronym, address, article, aside, audio, b, big, blockquote, body, canvas,caption, center, cite,code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p,pre, q, samp, section,small, span, strike, strong,sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, ul, var, video{
  margin:0;
  padding:0;
  border:0;
  font: inherit;
    box-shadow: 0px 0px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 0px #ffffff; 
   box-shadow: 0px 0px 0px #ffffff inset; 
   -webkit-box-shadow: 0px 0px 0px #ffffff inset; 
    tap-highlight-color: rgba(0,0,0,0); 
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
  -webkit-tap-highlight-color:transparent;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);  
  -moz-tap-highlight-color: rgba(0,0,0,0);  
  -moz-focus-ring-color: rgba(0, 0, 0, 0); 
  focus-ring-color: rgba(0, 0, 0, 0); 
  color:black; 
  text-decoration: none; 
  box-shadow: 0px 0px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 0px #ffffff;
    box-shadow: 0px 0px 0px #ffffff inset;
  -webkit-box-shadow: 0px 0px 0px #ffffff inset;
}
a,div,img,button,input,textarea{  
  tap-highlight-color: rgba(0,0,0,0); 
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
  -webkit-tap-highlight-color:transparent;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);  
  -moz-tap-highlight-color: rgba(0,0,0,0);  
  -moz-focus-ring-color: rgba(0, 0, 0, 0); 
  focus-ring-color: rgba(0, 0, 0, 0); 
  color:black; 
  text-decoration: none; 
  box-shadow: 0px 0px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 0px #ffffff;
    box-shadow: 0px 0px 0px #ffffff inset;
  -webkit-box-shadow: 0px 0px 0px #ffffff inset;
} 
body { background:#F5F5F5; color:#555; font-size:14px; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:'Microsoft YaHei', courier, monospace; }
small{ font-size:12px; }
i{
  font-style: normal;
}
b{
    font-weight: 400;
}
*{
    box-shadow: 0px 0px 0px #ddd;
}
ul, ol { list-style:none; }
a { text-decoration:none;  color: #333; display: block; }
a:hover { text-decoration:underline;color: #14258c; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
img{
  vertical-align: middle;
}
textarea{
    resize:none;
    vertical-align: top;
}
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.hide{
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 51px;
}
.left{
  float: left;
}
.right{
  float: right;
}
.center{
  width: 100%;
  margin: 0 auto;
}
.small-font{
  font-size: 12px;
  -webkit-transform-origin-x:0;
  -webkit-transform:scale(0.9);
}
.block{
  display: block;
}
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 340px) {
  html {
    font-size: 17px;
  }
}
@media only screen and (min-width: 360px) {
  html {
    font-size: 18px;
  }
}

@media only screen and (min-width: 375px) {
  html {
    font-size: 18.75px;
  }
}
@media only screen and (min-width: 384px) {
  html {
    font-size: 19.2px;
  }
}
@media only screen and (min-width: 400px) {
  html {
    font-size: 20px;
  }
}
@media only screen and (min-width: 411px) {
  html {
    font-size: 20.55px;
  }
}
@media only screen and (width: 412px) {
  html {
    font-size: 20.6px;
  }
}
@media only screen and (min-width: 414px) {
  html {
    font-size: 20.7px;
  }
}
@media only screen and (min-width: 420px) {
  html {
    font-size: 21px;
  }
}
@media only screen and (min-width: 440px) {
  html {
    font-size: 22px;
  }
}
@media only screen and (min-width: 460px) {
  html {
    font-size: 23px;
  }
}
@media only screen and (min-width: 480px) {
  html {
    font-size: 24px;
  }
}
@media only screen and (min-width: 500px) {
  html {
    font-size: 25px;
  }
}
@media only screen and (min-width: 520px) {
  html {
    font-size: 26px;
  }
}
@media only screen and (min-width: 540px) {
  html {
    font-size: 27px;
  }
}
@media only screen and (min-width: 560px) {
  html {
    font-size: 28px;
  }
}
@media only screen and (min-width: 580px) {
  html {
    font-size: 29px;
  }
}
@media only screen and (min-width: 600px) {
  html {
    font-size: 30px;
  }
}
@media only screen and (min-width: 620px) {
  html {
    font-size: 31px;
  }
}
@media only screen and (min-width: 640px) {
  html {
    font-size: 32px;
  }
}

#nav{width:100%;background-color:#fff;position: relative;}
#nav  .logo{height: 54px;}
.logo img{height: 40px; margin-top: 7px; margin-left: 10px; }
#nav .other div a{color: white;height: 54px;line-height: 54px;font-size: 0.8rem;}
#nav .right{margin-right: 10px;}
#nav .center .menu{float:right}
#nav .center .menu ul li{float:left}
#nav .center .menu ul li a{padding:36px 15px;font-size:16px;border-top:2px solid #fff;box-sizing:border-box;-webkit-box-sizing:border-box}
#nav .center .menu ul li a:hover{border-top:2px solid #00bd64;color:#00bd64}

#fot{width:100%;background-color:#1b1f28;}
#fot .fot_all{border-bottom:1px solid #626366;text-align: center; height: 35px;}
#fot .fot_all  ul{display: inline-block;}
#fot .fot_all  ul li a{padding:10px 10px;color:#626366;font-size:12px}
#fot .fot_tel{border-bottom:1px solid #626366}
#fot .fot_tel .center .fot_tel_country{color:#fff;font-weight:600;font-size:0.8rem;text-align:center;padding:10px 0}
#fot .fot_tel .center .fot_tel_num{color:#00bd64;font-size:1rem;text-align:center;font-weight:600;padding-bottom:20px}
#fot .fot_adr .center{padding:15px 0}#fot .fot_adr .center p{text-align:center;font-size:12px;margin-bottom:5px}

#nav .center .menu ul li.nav_active a{
  display: block;
  width: 100%;
  height: 100%;
  border-top:2px solid #00bd64;
  color:#00bd64;
}
body{
  // overflow-x: hidden;
  max-width: 640px;
}
.info_more{
display:none;
}
#fot .fot_adr .center p{
color:white;
}