section {
  width: 100%;
}
section .box {
  width: 83%;
  margin: 0 auto;
  /*头部*/
  /*头部结束*/
  /*荟萃*/
  /*荟萃结束*/
  /*常设展览*/
  /*常设展览结束*/
}
section .box .head {
  width: 100%;
  border-bottom: 2px solid #A5947E;
}
section .box .head ul {
  overflow: hidden;
}
section .box .head ul li:last-child {
  margin-right: 0;
}
section .box .head ul li {
  float: left;
  width: 25%;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
}
section .box .head ul li a {
  font-size: 12px;
  color: #A5947E;
}
section .box .huicui {
  width: 100%;
}
section .box .huicui h1 {
  margin-top: 18px;
  margin-bottom: 18px;
  font-size: 14px;
  color: #333331;
  text-align: center;
}
section .box .huicui ul {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  /*li:nth-child(2n){
          margin-right:0;
        }*/
}
section .box .huicui .swipe .swiper-slide {
  float: left;
  width: 45%;
  /*margin-right: 1.5%;*/
  /*margin-left: 2.5%;*/
  margin-bottom: 22px;
  box-shadow: rgba(150, 150, 150, 0.7) 0 5px 5px;
}
section .box .huicui .swipe .swiper-slide a {
  width: 100%;
  display: block;
    padding-top: calc(210%);
    position: relative;
}section .box .huicui .swipe .swiper-slide a img{
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
}
section .box .huicui .swipe .swiper-slide p {
  height: 40px;
  line-height: 40px;
  background-color: #EEE6DB;
  text-align: center;
  font-size: 12px;
  color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}
section .box .huicui .more a {
  display: block;
  text-align: right;
  color: #A5947E;
  font-size: 9px;
}
section .box .daolan {
  margin-top: 40px;
  width: 100%;
  background-color: #988368;
}
section .box .daolan .title {
  height: 40px;
}
section .box .daolan .title h1 {
  text-align: center;
  font-size: 14px;
  line-height: 40px;
}
section .box .daolan .title h1 a {
  color: #ffffff;
}
section .box .cszl {
  width: 100%;
}
section .box .cszl h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333331;
  text-align: center;
}
section .box .cszl div.zl_box {
  width: 100%;
  overflow: hidden;
  /*div.cszl {
          float:left;
          width: 45%;
          margin-left: 2.5%;
          margin-right: 2.5%;
          .zhanlan{

          }
          div.bottom{
            background-color: #fff;
            h1{
              color:#333333;
            }
          }
        }*/
}
section .box .cszl div.zl_box div.lszl,
section .box .cszl div.zl_box div.cszl {
  margin-bottom: 20px;
  float: left;
  width: 45%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  box-shadow: rgba(150, 150, 150, 0.7) 0 5px 5px;
  background-color: #EEE6DB;
}
section .box .cszl div.zl_box div.lszl .zhanlan a,
section .box .cszl div.zl_box div.cszl .zhanlan a{
    display: block;
    padding-top: calc(75%);
    position: relative;

}section .box .cszl div.zl_box div.lszl a img,
section .box .cszl div.zl_box div.cszl a img{
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
}
section .box .cszl div.zl_box div.lszl div.bottom,
section .box .cszl div.zl_box div.cszl div.bottom {
  background-color: #EEE6DB;
}
section .box .cszl div.zl_box div.lszl div.bottom h1,
section .box .cszl div.zl_box div.cszl div.bottom h1 {
  color: #333333;
}
section .box .zlhg {
  width: 100%;
}
section .box .zlhg h1 {
  margin-top: 30px;
  margin-bottom: 18px;
  font-size: 12px;
  color: #333331;
  text-align: center;
}
section .box .zlhg .hg_list {
  width: 90%;
  margin: 0 auto 20px;
  overflow: hidden;
    text-align:-webkit-center;
}
section .box .zlhg .hg_list .left {
  width: 45%;
  display: table-cell;
    padding-right: 10%;

}
section .box .zlhg .hg_list .left span{
    display: block;
    padding-top: calc(100%);
    position: relative;
}section .box .zlhg .hg_list .left span img{
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
}
section .box .zlhg .hg_list .right {
  width: 55%;
  display: table-cell;
    vertical-align: middle;
}

section .box .zlhg .hg_list .right h1 {
  text-align: center;
  font-size: 15px;
  margin: 0;
  color: #a16524;
  font-weight: bold;
}
section .box .zlhg .hg_list .right p {
  text-align: center;
  font-size: 12px;
  color: #663f19;
}
section .box .zlhg .more {
  clear: left;
  margin-bottom: 18px;
}
section .box .zlhg .more a {
  display: block;
  text-align: right;
  color: #A5947E;
  font-size: 9px;
}