@charset 'UTF-8';

body {
  font-family: SimSun;
}
/* 底部通用 */
.footer {
  padding: .3rem;
  position: relative;
}
.footer p {
  font-size: .24rem;
  color: #866945;
  text-align: center;
  line-height: .4rem;
}
.footer p a {
  color: #866945;
}
.footer .gotop {
  position: absolute;
  bottom: .4rem;
  right: .3rem;
  width: .6rem;
  height: .6rem;
  background: url("../../images/gotop.png") no-repeat center / cover;
}
/* 底部通用 */

.container {
  width: 100%;
  max-width: 750px;
  min-width: 320px;
  margin: 0 auto;
  background: #000;
}
  
.warp {
  width: 100%;
  height: 14.4rem;
  background: url("../../images/exp_bg.jpg") no-repeat center / cover;
  overflow: hidden;
}
.warp .logo {
  display: block;
  width: 4.55rem;
  height: 1.27rem;
  margin: .2rem auto;
}
.warp .nav-list {
  margin-top: .3rem;
  font-size: 0;
  text-align: center;
}
.warp .nav-list li {
  display: inline-block;
  height: .58rem;
  vertical-align: top;
}
.warp .nav-list li a {
  display: block;
}
.warp .nav-list li img {
  display: block;
  width: 1.81rem;
  height: .58rem;
}
.warp .nav-list li img.tt {
  height: .58rem;
}
.warp .yxyx {
  display: block;
  height: 2.02rem;
}

.warp .hero-list {
  padding: 0 .58rem;
  overflow: hidden;
}
.warp .hero-list li {
  float: left;
  margin: 0 .2rem .4rem;
}
.warp .hero-list li img {
  width: 2.76rem;
  height: 3.6rem;
}
.warp .hero-list li a {
  font-size: .26rem;
  color: #dbba7f;
  text-align: center;
}
.warp .hero-list li.hn a {
  color: #919090;
}
.go-home {
  display: block;
  width: 2.54rem;
  height: .7rem;
  margin: 0 auto;
  background: url("../images/goback.png") no-repeat center / cover;
}
.en-go-home {
  background: url("../../images/back.png") no-repeat center / cover;
}


/* 敬请期待 */
.coming-soon {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .7);
  z-index: 950;
  display: none;
}
.closed {
  position: absolute;
  top: .3rem;
  right: .3rem;
  width: .6rem;
  height: .6rem;
  background: url("../../images/closed.png") no-repeat center / cover;
}
.coming-soon .cm {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5.9rem;
  height: 3.1rem;
}
.coming-soon img {
  display: block;
  width: 100%;
  height: 100%;
}
.coming-soon .cm .closed {
  top: -.6rem;
  right: 0;
}