/*the home page*/
.container {
    position: relative;
    margin: 0 auto;
    top: 0;
}
.container {
        width: 90%;
}
@media (min-width: 992px) {
    .container {
        width: 80%;
    }
}
@media (min-width: 1600px) {
    .container {
        width: 80%;
    }
}


h2 {
    font-size: 0.24rem;
}

@media (min-width: 768px) {
    h2 {
        font-size: 0.4rem;
    }
}

@media (min-width: 992px) {
    h2 {
        font-size: 0.4rem;
    }
}

@media (min-width: 1600px) {
    h2 {
        font-size: 0.4rem;
    }
}

h3 {
    font-size: 0.2rem;
}

@media (min-width: 768px) {
    h3 {
        font-size: 0.3rem;
    }
}

@media (min-width: 992px) {
    h3 {
        font-size: 0.3rem;
    }
}

@media (min-width: 1600px) {
    h3 {
        font-size: 0.3rem;
    }
}

.max_h3 {
    font-size: 0.24rem;
}

@media (min-width: 768px) {
    .max_h3 {
        font-size: 0.24rem;
    }
}

@media (min-width: 992px) {
    .max_h3 {
        font-size: 0.24rem;
    }
}

@media (min-width: 1600px) {
    .max_h3 {
        font-size: 0.24rem;
    }
}

.min-h3 {
    font-size: 0.2rem;
}

@media (min-width: 768px) {
    .min-h3 {
        font-size: 0.2rem;
    }
}

@media (min-width: 992px) {
    .min-h3 {
        font-size: 0.2rem;
    }
}

@media (min-width: 1600px) {
    .min-h3 {
        font-size: 0.2rem;
    }
}

.navigation-en {
    font-size: 0.2rem;
}

@media (min-width: 768px) {
    .navigation-en {
        font-size: 0.3rem;
    }
}

@media (min-width: 992px) {
    .navigation-en {
        font-size: 0.3rem;
    }
}

@media (min-width: 1600px) {
    .navigation-en {
        font-size: 0.3rem;
    }
}

h4 {
    font-size: 0.14rem;
}

@media (min-width: 768px) {
    h4 {
        font-size: 0.14rem;
    }
}

@media (min-width: 992px) {
    h4 {
        font-size: 0.14rem;
    }
}

@media (min-width: 1600px) {
    h4 {
        font-size: 0.14rem;
    }
}

.min-h4 {
    font-size: 0.16rem;
}

@media (min-width: 768px) {
    .min-h4 {
        font-size: 0.16rem;
    }
}

@media (min-width: 992px) {
    .min-h4 {
        font-size: 0.16rem;
    }
}

@media (min-width: 1600px) {
    .min-h4 {
        font-size: 0.16rem;
    }
}

p, .p {
    font-size: 0.14rem;
}

@media (min-width: 768px) {
    p, .p {
        font-size: 0.14rem;
    }
}

@media (min-width: 992px) {
    p, .p {
        font-size: 0.14rem;
    }
}

@media (min-width: 1600px) {
    p, .p {
        font-size: 0.14rem;
    }
}

.min-p {
    font-size: 0.12rem;
}

@media (min-width: 768px) {
    .min-p {
        font-size: 0.12rem;
    }
}

@media (min-width: 992px) {
    .min-p {
        font-size: 0.12rem;
    }
}

@media (min-width: 1600px) {
    .min-p {
        font-size: 0.12rem;
    }
}

@media (max-width: 2000px) and (min-width: 1280px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (max-width: 1279px) and (min-width: 992px) {
    .hidden-md {
        display: none !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (max-width: 767px) and (min-width: 640px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (max-width: 639px) {
    .hidden-mxs {
        display: none !important;
    }
}

/*.hidden-lg{
  @media(max-width: 2000px){
    display: none !important;
  }
  @media(min-width: 1280px){
    display: none !important;
  }
}
.hidden-md{
  @media(max-width: 1279px){
    display: none !important;
  }
  @media(min-width: 992px){
    display: none !important;
  }
}
.hidden-sm{
  @media(max-width: 991px){
    display: none !important;
  }
  @media(min-width: 768px){
    display: none !important;
  }
}
.hidden-xs{
  @media(max-width: 767px){
    display: none !important;
  }
  @media(min-width: 640px){
    display: none !important;
  }
}
.hidden-mxs{
  @media( max-width:639px){
    display: none !important;
  }
}*/
.clearfix:after {
    display: table;
    content: "";
    clear: both;
}

a:-webkit-any-link, a {
    text-decoration: none;
}

/*@font-face {
    font-family: PingFang-Regular;
    src: url("../../PingFang Regular.ttf");
}*/

html {
    font-size: 625%;
    width: 100%;
    font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Heiti SC", "Hiragino Sans GB", SimHei, STXihei, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

body {
    font-size: 0.12rem;
    width: 100%;
    font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Heiti SC", "Hiragino Sans GB", SimHei, STXihei, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

    /*-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
}

@media (min-width: 768px) {
    body {
        min-width: 1200px;
    }
}

@media (max-width: 767px) {
    body {
        min-width: 320px;
    }
    a, a:hover, a:active, a:visited, a:link, a:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        outline: none;
        background: none;
        text-decoration: none;
    }
}