@charset "UTF-8";
* {
  box-sizing: border-box;
}
/* @font-face { */
  /* font-family: 'alida'; */
  /* src: url('/css/common/alida-black.ttf') format('truetype'), */
       /* url('/css/common//alida-black.eot?#iefix') format('embedded-opentype'); */
/* } */
/* @font-face { */
  /* font-family: 'futura'; */
  /* src: url('/css/common//futura.ttf') format('truetype'); */
/* } */
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
  -moz-text-size-adjust:100% !important;
}
html {
  overflow-y: auto;
  -moz-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(100, 150, 250, 0.1);
  -webkit-user-select: none;
  background-color: #ebebeb;
  color: #999999;
  line-height: unset;
  font-size: 325%;
}
@media (min-width: 768px) {
  html {
    font-size: 425%;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 525%;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 625%;
  }
}
body {
  overflow-x: hidden;
  background: #f5f5f5;
  font-size: .18rem;
  font-family: 'alida' 'futura';
}
body > div {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: 100%;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
a {
  cursor: pointer;
  text-decoration: none;
}
fieldset,
img {
  border: 0 none;
}
.imgbox img {
  outline: none;
  width: 100%;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 400;
}
ol,
ul {
  list-style: outside none none;
}
input,
textarea,
select,
button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  border: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0 none;
  padding: 0;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
input,
textarea,
select,
button,
a,
span {
  font-family: 'alida';
}
.ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.g-no-scroll {
  position: fixed !important;
  overflow: hidden !important;
}
body > div {
  padding-top: 1rem;
  padding-bottom: 4.2rem;
  background: #ffffff;
}
@media (min-width: 768px) {
  body > div {
    padding-bottom: 4.1rem;
  }
}

.bd_weixin_popup {
    min-height:initial!important;
}

.main-content .container-fluid .row {
    max-width: 1820px;
    margin: 0 auto;
}
.top-nav {
  position: fixed;
  top: 0;
  width: 100%;
  height: 1rem;
  background: #ffffff;
  z-index: 10;
}
@media (min-width: 768px) {
  
}
.top-nav .container-fluid,
.top-nav .row {
  height: 100%;
}
.top-nav .nav-layer {
  position: relative;
  width: 100%;
  height: 100%;
}
.top-nav .nav-layer .logo {
  margin-left: .1rem;
  width: 1.7rem;
  height: 100%;
}
@media (min-width: 768px) {
  .top-nav .nav-layer .logo {
    margin-left: .25rem;
  }
}
.top-nav .nav-layer .logo > a {
  display: inline-block;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
}
.top-nav .nav-layer .logo > a > img {
  width: 100%;
}
.top-nav .nav-layer .search {
  position: relative;
  margin-right: .1rem;
  width: 3.8rem;
  height: 100%;
}
@media (min-width: 768px) {
  .top-nav .nav-layer .search {
    margin-right: .25rem;
  }
}
.top-nav .nav-layer .search > div {
  display: inline-block;
  margin-left: .1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0;
}
.top-nav .nav-layer .search .multilingual {
    font-size: .15rem;
}
.top-nav .nav-layer .search .multilingual > a {
  color: #2d282f;
  text-decoration: none;
}
.top-nav .nav-layer .search .search-layer {
  position: absolute;
  width: 2.4rem;
  height: 100%;
}
.top-nav .nav-layer .search .search-layer .search-form {
  position: relative;
  top: 50%;
  width: 2.4rem;
  height: .3rem;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
  transform: translate(0, -50%);
}
.top-nav .nav-layer .search .search-layer .search-form > input {
  position: absolute;
  top: 50%;
  padding: .1rem;
  width: 2.4rem;
  height: .3rem;
  border: 1px solid #2d282f;
  -webkit-border-radius: .3rem;
  border-radius: .3rem;
  font-size: .15rem;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
  transform: translate(0, -50%);
  text-indent: .1rem;
}
.top-nav .nav-layer .search .search-layer .search-form .search-icon {
  position: absolute;
  right: .1rem;
  top: 50%;
  width: .2rem;
  height: .2rem;
-webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
  transform: translate(0, -50%);
  line-height: 1;
 cursor:pointer;
}
.top-nav .nav-layer .search .search-layer .search-form .search-icon > i {
  font-size: .2rem;
}
.top-nav .nav-layer .search .nav-btn {
  position: absolute;
  top: 50%;
  right: .05rem;
  padding: .1rem 0 0;
  width: .5rem;
  height: .5rem;
  border: none;
-webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
  transform: translate(0, -50%);
  cursor: pointer;
}
.top-nav .nav-layer .search .nav-btn > p {
  margin: 0 auto .1rem;
  height: .02rem;
  width: .4rem;
  background: #2d282f;
}
@media (min-width: 768px) {
  .top-nav .nav-layer .search .nav-btn {
    right: .05rem;
    padding: .05rem 0 0;
    width: .3rem;
    height: .3rem;
  }
  .top-nav .nav-layer .search .nav-btn > p {
    margin: 0 auto .05rem;
    height: .03rem;
    width: .25rem;
  }
}
.site-nav {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}
.site-nav .mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: -1;
}
.site-nav .close-btn {
  position: absolute;
  top: .25rem;
  right: .34rem;
  width: .5rem;
  height: .5rem;
  text-align: center;
}
.site-nav .close-btn:before,
.site-nav .close-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: .03rem;
  width: .5rem;
-webkit-transform-origin: center;
            -ms-transform-origin: center;
  transform-origin: center;
  background: #2d282f;
}
.site-nav .close-btn:before {
  -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.site-nav .close-btn:after {
     -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.site-nav .nav-layer {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  padding: .5rem;
}
.site-nav .nav-layer .nav-left {
  height: 100%;
}
.site-nav .nav-layer .nav-left .logo {
  position: fixed;
  top: .3rem;
  left: .3rem;
  width: 1.7rem;
  z-index: 100;
}
.site-nav .nav-layer .nav-left .logo > div {
  width: 100%;
}
.site-nav .nav-layer .nav-left .logo > div > a {
  display: block;
  width: 100%;
}
.site-nav .nav-layer .nav-left .logo > div > a > img {
  max-width: 100%;
}
.site-nav .nav-layer .nav-left .multilingual {
  position: absolute;
  top: 40%;
}
.site-nav .nav-layer .nav-left .multilingual > a {
  margin-bottom: .3rem;
  font-size: .2rem;
  line-height: 2;
  color: #2d282f;
}
.site-nav .nav-layer .nav-right {
  position: relative;
  height: 100%;
}
.site-nav .nav-layer .nav-right .menu-layer {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
                -webkit-transform: translate(0,-50%);
                -ms-transform: translate(0,-50%);
  transform: translate(0, -50%);
}
.site-nav .nav-layer .nav-right .menu-layer .main-nav {
  width: 100%;
}
.site-nav .nav-layer .nav-right .menu-layer .main-nav > li {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: .6rem;
}
.site-nav .nav-layer .nav-right .menu-layer .main-nav > li > a {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100%;
  font-size: .4rem;
  color: #2d282f;
  text-decoration: none;
                            -webkit-transform: translate(0,-50%);
                            -ms-transform: translate(0,-50%);
  transform: translate(0, -50%);
}
.site-nav .nav-layer .nav-right .menu-layer .main-nav > li > a:active,
.site-nav .nav-layer .nav-right .menu-layer .main-nav > li > a:hover,
.site-nav .nav-layer .nav-right .menu-layer .main-nav > li > a.act {
  color: #f0a683;
}
.site-nav .nav-layer .nav-right .menu-layer .side-nav {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.site-nav .nav-layer .nav-right .menu-layer .side-nav > li {
  display: inline-block;
  min-width: .8rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
}
.site-nav .nav-layer .nav-right .menu-layer .side-nav > li > a {
  display: block;
  font-size: .2rem;
  color: #2d282f;
  text-decoration: none;
}
.site-nav .nav-layer .nav-right .menu-layer .side-nav > li > a:active,
.site-nav .nav-layer .nav-right .menu-layer .side-nav > li > a:hover,
.site-nav .nav-layer .nav-right .menu-layer .side-nav > li > a.act {
  color: #f0a683;
}
.site-nav .nav-layer .nav-right .menu-layer .share-way {
  width: 100%;
  margin: .3rem 0;
}
.site-nav .nav-layer .nav-right .menu-layer .share-way > li {
  display: inline-block;
  margin-right: .25rem;
}
    .site-nav .nav-layer .nav-right .menu-layer .share-way > li > a {
        display: block;
        width: .3rem;
        height: .3rem;
        text-decoration: none;
        font-size: .3rem;
        text-align: center;
        line-height: .3rem;
        color: #bbbbbb;
    }
.site-nav .nav-layer .nav-right .menu-layer .share-way > li > a > span {
  color: #bbbbbb;
  font-size: .3rem;
}
@media (min-width: 768px) {
  .site-nav .close-btn {
    top: .35rem;
    right: .3rem;
    width: 0.4rem;
    height: .3rem;
    text-align: center;
  }
  .site-nav .close-btn:before,
  .site-nav .close-btn:after {
    height: .03rem;
    width: .3rem;
  }
  .site-nav .nav-layer .nav-left {
    padding-left: 2rem;
  }
  .site-nav .nav-layer .nav-left .logo {
    position: absolute;
    top: 3rem;
    left: 2rem;
    width: 1.7rem;
    z-index: 100;
  }
  .site-nav .nav-layer .nav-left .logo > div {
    width: 100%;
  }
  .site-nav .nav-layer .nav-left .logo > div > a {
    display: block;
    width: 100%;
  }
  .site-nav .nav-layer .nav-left .logo > div > a > img {
    max-width: 100%;
  }
  .site-nav .nav-layer .nav-left .multilingual {
    position: absolute;
    top: 40%;
  }
  .site-nav .nav-layer .nav-left .multilingual > a {
    margin-bottom: .3rem;
    font-size: .2rem;
    line-height: 2;
    color: #2d282f;
  }
}
@media (min-width: 992px) {
  .site-nav .close-btn {
    right: .3rem;
  }
  .site-nav .nav-layer .logo {
    top: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .site-nav .close-btn {
    right: .3rem;
  }
  .site-nav .nav-layer .logo {
    top: 1.2rem !important;
  }
}
.menu-nav {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}
.menu-nav .mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1;
}
.menu-nav .close-btn {
  position: absolute;
  top: .25rem;
  right: .34rem;
  width: .5rem;
  height: .5rem;
  text-align: center;
}
.menu-nav .close-btn:before,
.menu-nav .close-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: .03rem;
  width: .5rem;
  transform-origin: center;
  background: #2d282f;
}
.menu-nav .close-btn:before {
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.menu-nav .close-btn:after {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.menu-nav .nav-layer {
  width: 100%;
  height: 100%;
}
.menu-nav .nav-layer .con {
  padding: 0.8rem .3rem 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #ffffff;
}
.menu-nav .nav-layer .con .menu-layer {
  width: 100%;
}
.menu-nav .nav-layer .con .menu-layer .main-nav {
  margin: 0 auto;
  width: 80%;
  padding-bottom: .4rem;
  border-bottom: 1px solid #d1d1d1;
}
.menu-nav .nav-layer .con .menu-layer .main-nav > li {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0.7rem;
}
.menu-nav .nav-layer .con .menu-layer .main-nav > li > a {
  width: 100%;
  height: 100%;
  font-size: .48rem;
  color: #2d282f;
  text-decoration: none;
}
.menu-nav .nav-layer .con .menu-layer .main-nav > li > a:active,
.menu-nav .nav-layer .con .menu-layer .main-nav > li > a:hover,
.menu-nav .nav-layer .con .menu-layer .main-nav > li > a.act {
  color: #f0a683;
}
.menu-nav .nav-layer .con .menu-layer .side-nav {
  margin: .4rem auto;
  width: 100%;
}
.menu-nav .nav-layer .con .menu-layer .side-nav > li {
  display: block;
  height: .7rem;
  text-align: center;
}
.menu-nav .nav-layer .con .menu-layer .side-nav > li > a {
  font-size: .4rem;
  color: #2d282f;
  text-decoration: none;
}
.menu-nav .nav-layer .con .menu-layer .side-nav > li > a:active,
.menu-nav .nav-layer .con .menu-layer .side-nav > li > a:hover,
.menu-nav .nav-layer .con .menu-layer .side-nav > li > a.act {
  color: #f0a683;
}
.menu-nav .nav-layer .con .menu-layer .multilingual {
  margin: .3rem auto;
  font-size: .4rem;
}
.menu-nav .nav-layer .con .menu-layer .multilingual > a {
  color: #2d282f;
}
.menu-nav .nav-layer .con .menu-layer .multilingual > span {
  color: #2d282f;
}

.search-header {
    width:100%;
    height:auto;
}

    .search-header .search-header2 {
        width: 60%;
        height: 1rem;
        margin:0 auto;
    }

    .search-header .search-header2 {
        width: 40%;
        height: .6rem;
        margin: 0 auto;
        border: 1px solid #2d282f;
        border-radius: .3rem;
        -webkit-border-radius: .3rem;
        line-height: .6rem;
        position: relative;
    }

        .search-header .search-header2 input {
            width: 70%;
            height: .5rem;
            float: left;
            padding: 0 .1rem;
            font-size: .3rem;
            color: #2d282f;
            margin-left: .3rem;
            padding-top: .04rem;
            line-height: .4rem;
        }

        .search-header .search-header2 .search-icon2 {
            position: absolute;
            top: .28rem;
            right: .2rem;
            width: .4rem;
            height: .4rem;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0, -50%);
            line-height: 1;
            cursor: pointer;
        }

            .search-header .search-header2 .search-icon2 > i {
                font-size: .4rem;
                color: #2d282f;
            }

        .search-header .search-header2 .iconfont {
            font-family: iconfont !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    @media (min-width: 768px) {
    }
@media (min-width: 992px) {
  .menu-nav .nav-layer .con {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
  }
  .menu-nav .nav-layer .con .menu-layer .main-nav > li {
    height: .5rem;
  }
  .menu-nav .nav-layer .con .menu-layer .main-nav > li > a {
    font-size: .3rem;
  }
  .menu-nav .nav-layer .con .menu-layer .side-nav > li {
    height: .4rem;
  }
  .menu-nav .nav-layer .con .menu-layer .side-nav > li > a {
    font-size: .2rem;
  }
  .menu-nav .nav-layer .con .menu-layer .multilingual {
    margin: .3rem auto;
    font-size: .2rem;
  }
  .menu-nav .nav-layer .con .menu-layer .multilingual > a {
    color: #2d282f;
    margin: 0 .1rem;
  }
  .menu-nav .nav-layer .con .menu-layer .multilingual > span {
    color: #2d282f;
  }
    .search-header {
        display:none;
    }
}
@media (min-width: 1200px) {
    .search-header {
        display: none;
    }
  .menu-nav .close-btn {
    position: absolute;
    top: .35rem;
    right: .45rem;
    width: .3rem;
    height: .3rem;
    text-align: center;
 cursor:pointer;
  }
  .menu-nav .close-btn:before,
  .menu-nav .close-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: .03rem;
    width: .3rem;
 -webkit-transform-origin: center;
            -ms-transform-origin: center;
    transform-origin: center;
    background: #2d282f;
  }
  .menu-nav .close-btn:before {
-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
  }
  .menu-nav .close-btn:after {
 -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  }
  .menu-nav .nav-layer {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .menu-nav .nav-layer .con {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
box-shadow: -5px 2px 12px -5px #999999;
  }
  .menu-nav .nav-layer .con .menu-layer .main-nav > li {
    height: .5rem;
  }
  .menu-nav .nav-layer .con .menu-layer .main-nav > li > a {
    font-size: .3rem;
  }
  .menu-nav .nav-layer .con .menu-layer .side-nav > li {
    height: .4rem;
  }
  .menu-nav .nav-layer .con .menu-layer .side-nav > li > a {
    font-size: .2rem;
  }
  .menu-nav .nav-layer .con .menu-layer .multilingual {
    margin: .3rem auto;
    font-size: .2rem;
  }
  .menu-nav .nav-layer .con .menu-layer .multilingual > a {
    color: #2d282f;
    margin: 0 .1rem;
  }
  .menu-nav .nav-layer .con .menu-layer .multilingual > span {
    color: #2d282f;
  }
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4.1rem;
  background: #2d282f;
}
.footer .call-us-banner {
  width: 100%;
  height: .8rem;
  background: #f0a683;
}

.ion-ios-arrow-right {
    font-size: .3rem!important;
    font-weight: bold!important;
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    color: #2d282f!important;
    line-height:.4rem!important;
}

.footer .call-us-banner > a {
    display: inline-block;
    position: relative;
    width: auto;
    height: 100%;
    /*background: url(../../img/home/home_36.png) -webkit-calc(100% - .3rem) center no-repeat;
    background: url(../../img/home/home_36.png) no-repeat calc(100% - .3rem) center;*/
    line-height: .8rem;
    text-decoration: none;
    text-align: right;
    float:right;
    position:relative;
}
.footer .call-us-banner > a > i {
  position: absolute;
  top: 50%;
  /*right: 3.2rem;*/
  width: .4rem;
  height: .4rem;
  transform: translate(0, -50%);
  line-height: 1;
  display: block;
}
.footer .call-us-banner > a > i > span {
  font-size: .4rem;
  color: #2d282f;
  
}
.footer .call-us-banner > a > span {
  margin-left: .4rem;
  font-size: .25rem;
  font-weight: bold;
  color: #2d282f;
  float:right;
  margin-right:.25rem;
}
.footer .info-banner {
  padding: .4rem;
height: -webkit-calc(100% - .8rem);
  height: calc(100% - .8rem);
  font-size: .24rem;
  color: #d5d5d5;
  background: #2d282f;
}
.footer .info-banner .company-info > p > a{
  color: #d5d5d5;
}
.footer .info-banner .share > p > a{
  color: #d5d5d5;
}
@media (min-width: 768px) {
  .footer .info-banner {
    font-size: .14rem;
  }
}
.footer .info-banner > div {
  display: inline-block;
}
.footer .info-banner .company-info {
  width: 100%;
}
@media (min-width: 768px) {
  .footer .info-banner .company-info {
width: -webkit-calc(100% - 3rem);
    width: calc(100% - 3rem);
  }
}
.footer .info-banner .company-info .logo {
  margin-bottom: .5rem;
  width: 1.7rem;
}
.footer .info-banner .share {
  width: 100%;
}
@media (min-width: 768px) {
  .footer .info-banner .share {
    width: 2.5rem;
  }
}
.footer .info-banner .share .share-way {
  margin: .1rem 0;
}
    .footer .info-banner .share .share-way > li {
        display: inline-block;
        margin-right: .25rem;
        text-align: center;
    }
    .footer .info-banner .share .share-way > li > a {
        display: block;
        width: .3rem;
        height: .3rem;
        text-decoration: none;
        font-size: .3rem;
        text-align: center;
        line-height: .3rem;
        color: #d5d5d5;
    }
.footer .info-banner .share .share-way > li > a > span {
  color: #d5d5d5;
  font-size: .3rem;
}
.swiper-container {
  position: relative;
}

    .swiper-container .swiper-slide > a {
        display: block;
        width: 100%;
    }

        .swiper-container .swiper-slide > a > img {
            width: 100%;
			/* image-rendering: pixelated; */
        }

    .swiper-container .swiper-pagination-bullets {
        bottom: .15rem;
    }

        .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 .1rem;
            height: .04rem;
            width: .4rem;
            background: #fff;
            -webkit-border-radius: 0;
            border-radius: 0;
        }

        .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
            background: #565656;
        }

.menu-nav .nav-layer {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

    .menu-nav .nav-layer.animate.in-rtl {
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right;
        -webkit-animation: in-rtl .75s ease-in-out both;
        animation: in-rtl .75s ease-in-out both;
    }

@-webkit-keyframes in-rtl {
    0% {
        opacity: 1;
        -webkit-transform: translate(10rem);
        transform: translate(10rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
.site-nav .animate {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

    .site-nav .animate.txt-in, .site-nav .animate.txt-out {
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
    }

    .site-nav .animate.txt-out {
        transform-origin: top;
        -webkit-animation: txt-out .35s ease-in-out forwards;
        animation: txt-out .35s ease-in-out forwards;
    }

@-webkit-keyframes txt-out {
  0% {
    opacity: 1;
    height: .6rem;
    top: 50%;
  }
  100% {
    opacity: 0;
    height: 0;
    top: -0.8rem;
  }
}
.site-nav .animate.txt-in {
    transform-origin: top;
    -webkit-animation: txt-in .6s ease-in-out .3s both;
    animation: txt-in .6s ease-in-out .3s both;
}
@-webkit-keyframes txt-in {
  0% {
    opacity: 0;
    height: 0;
    top: .8rem;
  }
  100% {
    opacity: 1;
    height: .6rem;
    top: 50%;
  }
}
.site-nav .animate.txt-out2 {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-animation: txt-out2 .35s ease-in-out both;
    animation: txt-out2 .35s ease-in-out both;
}
@-webkit-keyframes txt-out2 {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0,-1rem);
        transform: translate(0,-1rem);
    }
}
.site-nav .animate.txt-in2 {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-animation: txt-in2 .55s ease-in-out .25s both;
    animation: txt-in2 .55s ease-in-out .25s both;
}
@-webkit-keyframes txt-in2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0,1rem);
        transform: translate(0,1rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
.site-nav .animate.logo-out {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: logo-out .55s ease-in-out forwards;
    animation: logo-out .55s ease-in-out forwards;
}
@-webkit-keyframes logo-out {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0,-.6rem);
        transform: translate(0,-.6rem);
    }
}
.site-nav .animate.logo-in {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: logo-in .6s ease .5s both;
    animation: logo-in .6s ease .5s both;
}
@-webkit-keyframes logo-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(.5rem);
        transform: translateY(.5rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.site-nav .animate.mask-out {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-animation: mask-out .65s ease-in-out both;
    animation: mask-out .65s ease-in-out both;
}
@-webkit-keyframes mask-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-10rem);
        transform: translateY(-10rem);
    }
}
.site-nav .animate.mask-in {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation: mask-in .45s ease-out both;
    animation: mask-in .45s ease-out both;
}
@-webkit-keyframes mask-in {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-10rem);
        transform: translateY(-10rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.site-nav .btt,
.showcase img,
.main-content .txt {
  opacity: 1;
}

    .showcase img.animate.rtl, .site-nav .animate.rtl, .txt.animate.rtl {
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right;
        -webkit-animation: rtl .75s ease-in-out both;
        animation: rtl .75s ease-in-out both;
    }

@-webkit-keyframes rtl {
    0% {
        opacity: 1;
        -webkit-transform: translate(10rem);
        transform: translate(10rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

.showcase img.animate.ltr, .site-nav .animate.ltr, .txt.animate.ltr {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-animation: ltr .8s ease both;
    animation: ltr .8s ease both;
}
@-webkit-keyframes ltr {
    0% {
        opacity: 1;
        -webkit-transform: translate(-10.5rem);
        transform: translate(-10.5rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

.showcase img.animate.ttb, .site-nav .animate.ttb, .txt.animate.ttb {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-animation: ttb .65s ease-out both;
    animation: ttb .65s ease-out both;
}

@-webkit-keyframes ttb {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-5rem);
        transform: translateY(-5rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.showcase img.animate.btt, .site-nav .animate.btt, .txt.animate.btt {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation: btt .65s ease-out both;
    animation: btt .65s ease-out both;
}
@-webkit-keyframes btt {
    0% {
        opacity: 1;
        -webkit-transform: translateY(10rem);
        transform: translateY(10rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (max-width:767px) {
    .footer .info-banner .share .share-way > li {
        display: inline-block;
        margin-right: .3rem;
    }

        .footer .info-banner .share .share-way > li > a {
            display: block;
            width: .6rem;
            height: .6rem;
            text-decoration: none;
            font-size: .6rem;
            text-align: center;
            line-height: .6rem;
            color: #bbbbbb;
        }
    .footer .info-banner .share .share-way > li > a > span {
        color: #d5d5d5;
        font-size: .6rem;
    }
    .menu-nav .nav-layer .con {
    padding: 1.1rem .3rem 0;

}
}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
    content: "\1012";
}

.icon-weibo:before {
    content: "\1004";
}

.icon-back:before {
    content: "\1008";
}

.icon-weixin:before {
    content: "\1003";
}

.icon-menu:before {
    content: "\1011";
}

.icon-close:before {
    content: "\1009";
}

.icon-arrow:before {
    content: "\1007";
}

.icon-heart:before {
    content: "\1006";
}

.icon-talk:before {
    content: "\1010";
}

.icon-pinterest:before {
    content: "\1002";
}

.icon-eye-open:before {
    content: "\1005";
}

.icon-right:before {
  content: "\1001";
}

.icon-arrow-right:before {
    content: "\e092";
}

.icon-youjiantou:before {
  content: "\e61c";
}
.icon-youjiantou {
  font-size: .3rem!important;
    font-weight: bold!important;
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    color: #2d282f!important;
    line-height: .4rem!important;
}