/*
* @Author: Administrator
* @Date:   2017-01-10 16:18:27
* @Last Modified by:   Administrator
* @Last Modified time: 2017-05-09 15:35:06
*/
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;
}