body {
  font-family: Helvetica,Microsoft YaHei;
  font-size: .42rem;
  color: #f5f2e3;
  background: #182836;
}
.clear {
  clear: both;
}
.web-title {
  text-align: center;
}
.web-title img {
  width: 2.8rem;
  margin-top: 30px;
}
.web-text {
  padding: 0 .8rem;
  text-align: justify;
  line-height: .7rem;
}

/*菜单导航 start*/
.nav-point-box{
  width: 1.4rem;
  height: 1.4rem;
  position: fixed;
  top: .4rem;
  left: .3rem;
  z-index: 99;
  overflow: hidden;
}
.nav-point {
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/btn_nav.png) no-repeat center;
  background-size: 100% auto;
  position: relative;
  top: 0;
  left: 0;
  z-index: 99;
}
.nav-list {
  width: 100%;
  height: 100%;
  background: url(../images/bg_nav.png) no-repeat center bottom #182836;
  background-size: 100% auto;
  padding: 1.4rem 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  transition: all .3s;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-list a {
  color: #868d8c;
  display: block;
  font-size: 0.5rem;
  background: url(../images/ico_nav.png) no-repeat center bottom;
  background-size: auto .3rem;
  margin: .5rem 1.5rem;
  padding-bottom: .8rem;
  transition: all .3s;
}
.nav-list a.on {
  color: #f5f2e3;
}
.nav-list a:last-child{
  background: none;
}
.nav-list .btn-close {
  width: .6rem;
  height: .6rem;
  background: url(../images/btn_close.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: .7rem;
  right: .6rem;
}
.navlist-enter-active,
.navlist-leave {
  left: 0;
}
.navlist-enter,
.navlist-leave-active {
  left: 100%;
}
/*菜单导航 end*/

/*首页 start*/
.block-index {
  position: relative;
  width: 100%;
  background: url(../images/bg_index.png) no-repeat center top;
  background-size: 100% auto;
  overflow: hidden;
}
.block-index .index-logo {
  position: absolute;
  top: 20px;
  left: 3.25rem;
  width: 3.5rem;
  display: block;
}
.block-index .index-img {
  position: absolute;
  bottom: 120px;
  left: .5rem;
  width: 9rem;
  display: block;
}
/*首页 end*/

/*展览简介 start*/
.block-about {
  padding-bottom: 1rem;
}
.block-about .web-text {
  padding: 30px .8rem;
}
/*展览简介 end*/

/*单元介绍 start*/
.block-recommend {
  background: url(../images/bg_recommend_main_01.png) no-repeat center top;
  background-size: 100% auto;
}
.block-recommend .recommend-02{
  background: url(../images/bg_recommend_main_01.png) no-repeat center top;
  background-size: 100% auto;
  padding-top: .5rem;
  margin-top: .5rem;
}
.block-recommend .recommend-num{
  width: .7rem;
  display: block;
  margin: 1em auto
}
.block-recommend .recommend-main-tit{
  color: #fff;
  font-weight: bold;
  margin: 20px 0;
  padding-left: 0 1rem;
  text-align: center;
}
.block-recommend .recommend-main-branch{
  color: #e9c195;
  font-weight: bold;
  background: url(../images/ico_recommend.png) no-repeat center bottom;
  background-size: auto .3rem;
  padding: 0 .5rem .7rem;
  margin: 50px 0 15px;
  text-align: center;
}
.block-recommend .web-text a{
  color: #e9c195;
  margin-left: 5px;
}
.block-recommend .recommend-btn{
  color: #e9c195;
  font-size: .4rem;
  height: 1rem;
  line-height: 1rem;
  background: url(../images/recommend_num_btn.png) no-repeat center bottom;
  background-size: auto 1rem;
  display: block;
  margin: 1rem auto;
  text-align: center;
}
/*单元介绍 end*/

/*虚拟展厅 start*/
.block-show {
  text-align: center;
}
.block-show a img{
  width: 9rem;
  margin: 1rem 0;
}
/*虚拟展厅 end*/

/*参观导览 start*/
.block-tour {
  margin-top: -50px;
  background: url(../images/bg_tour.png) no-repeat center;
  background-size: 100% auto;
}
.block-tour .tour-box{
  width: 9rem;
  margin: 0 auto;
  padding: .5rem 0 2rem; 
}
.block-tour .tour-line{
  width: 9rem;
}
.block-tour .tour-info{
  width: 7rem;
  margin: 0 auto;
  background: rgba(55,82,108,.5);
  padding: 30px .5rem;
}
.block-tour .tour-info a{
  color: #f5f2e3;
  text-decoration: underline;
}
/*参观导览 end*/

/*展览资讯 start*/
.block-news {
}
.block-news .news-pic{
  width: 9rem;
  display: block;
  margin: 1rem auto 0;
}
.block-news .news-list {
  width: 9rem;
  margin: 0 auto;
}
.block-news .news-list li{
  padding: 15px 0;
  border-bottom: 1px solid #2b4359;
}
.block-news .news-list .news-tit{
  width: 6rem;
  float: left;
}
.block-news .news-list .news-tit .tit{
  color: #f1eede;
  height: 1.2rem;
  line-height: .6rem;
  overflow: hidden;
}
.block-news .news-list .news-tit .time{
  color: #616668;
  font-size: .35rem;
  margin-top: .2rem;
}
.block-news .news-list .news-img{
  width: 2.5rem;
  float: right
}
/*展览资讯 end*/

/*延伸阅读 start*/
.block-read {
  margin-top: 1rem;
}
.block-read .read-area {
  padding: 10px 0;
}
.block-read .read-title {
  font-size: 0.5rem;
  line-height: 1rem;
  padding: 10px .8rem 0;
}
.block-read .read-book {
  padding: 20px .6rem;
}
.block-read .read-book li {
  width: 2.53rem;
  float: left;
  margin: 0 .2rem 20px;
}
.block-read .read-book li img {
  width: 100%;
}
.block-read .read-book li p {
  font-size: 0.35rem;
  text-align: center;
  opacity: .6;
  padding: 10px 0;
}
.block-read .read-pic {
  width: 8.4rem;
  display: block;
  margin: 15px auto;
}
.block-read .read-video {
  position: relative;
  display: block;
}
.block-read .read-video i{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: -.6rem;
  margin-left: -.6rem;
  background: url(../images/ico_play.png) no-repeat center;
  background-size: 100% auto;
  display: block;
}
/*延伸阅读 end*/

/*网站底部 start*/
.web-footer {
  padding: 60px .8rem 20px;
  text-align: center;
  font-size: .35rem;
}
.web-footer img{
  width: 3rem;
  margin: 20px .5rem;
}
/*网站底部 end*/