/*
* @Author: Administrator
* @Date:   2017-01-10 16:18:27
* @Last Modified by:   Administrator
* @Last Modified time: 2017-05-03 14:35:29
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; outline: none;}
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 { }
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: 1199px;
  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;
  }
}
body{
  background-color: white;
}
#nav {width:100%;background-color:white;position: relative;}
#nav .center {background-color:white;}
#nav a{text-decoration: none;}
#nav .center .logo{float:left;margin-left:15px;padding:18px 0}
#nav .center .menu{float:right}
#nav .center .menu ul li{float:left; position: relative;}
#nav .center .menu ul li .menusig{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 .menusig:hover{border-top:2px solid #00bd64;color:#00bd64}

#fot{width:100%;background-color:#1b1f28;}
#fot .fot_all{border-bottom:1px solid #626366}
#fot .fot_all .center ul{width:35%;margin:0 auto}
#fot .fot_all .center ul li a{padding:10px 15px;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:18px;text-align:center;padding:20px 0}
#fot .fot_tel .center .fot_tel_num{color:#00bd64;font-size:48px;text-align:center;font-weight:600;padding-bottom:20px}
#fot .fot_adr .center{padding:25px 0}#fot .fot_adr .center p{text-align:center;font-size:12px;margin-bottom:5px}

#nav .center .menu ul li.nav_active .menusig{
  display: block;
  width: 100%;
  height: 100%;
  border-top:2px solid #00bd64;
  color:#00bd64;
}
#nav .center .menu ul li .exta{

}
#nav .center .menu ul li .exta .extax{
  position: absolute;
  color: white;
}
/* #nav .our{
  width: 200px;
  height: 200px;
  position: absolute;
  top: 105px;
  left: 18px;
  background-color: white;
  z-index: 3;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  display: none;
}
#nav .our>i{
  display: block;
  width: 100%;
  height: 13px;
  position: absolute;
  top: -13px;
  left: 18px;
  background: url('../publicImg/icon-03.png') no-repeat;

}
#nav .our div{
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-image: url('../publicImg/icon-02.png');
  background-repeat: no-repeat;
  background-position: 12px 12px;
  text-indent: 103px;
} */
#nav .our {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 105px;
  left: 18px;
  background-color: white;
  z-index: 3;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  display: none;
}
#nav .our>i{
  display: block;
  width: 100%;
  height: 13px;
  position: absolute;
  top: -13px;
  left: 22px;
  background: url('../publicImg/icon-03.png') no-repeat;

}
#nav .our div{
  width: 100%;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
#nav .our div:hover{
  background-color: #96e4bf;
}
#nav .menu .relate{
  // padding-bottom: 60px;
}
#nav .menu .relate:hover .our{
    display: block;
}