* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    word-break: break-all;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: calc(100vw / 3.75);
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
    background: #fefefe;
}

body {
    font-size: .12rem;
    font-family: Myriad Pro;
    color: #7c4622;
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
}
img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: inherit;
}
.banner{
    position: relative;
}
  .banner img{
      width: 100%;
      height: 1.8rem;
  }

  .banner p{
      position: absolute;
      height: .3rem;
      background: url(../img/map.png) rgba(124,70,34,.3) .06rem center no-repeat;
      background-size: .18rem auto;
      width: 100%;
      bottom: 0;
      left: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: .3rem;
      color:#fff;
      padding: 0 24% 0 .28rem;
  }

h1{
    background: rgb(251, 185, 0);
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
}
input, textarea, select, button {
    font: inherit;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

i {
    font-style: normal;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both
}
.title{
    background: #7c4622;
    color:#fff;
    text-align: center;
    line-height: .48rem;
    font-size: .16rem;
    letter-spacing: 2px;
}
.list {
    padding: 0 .12rem .2rem;
    margin-top: .14rem;
}
.list li{
    padding: .1rem 0;
    border-bottom: 1px solid #d3bbaa;
    height: 1.06rem;
}
.list li.only-img{
    height: 1.8rem;
}
.list li.only-img img{
    height: 100%;
    width: 100%;
}
.list li a{
    display: block;
    height: 100%;
}
.list li:last-of-type{
    border-bottom: 0;
}
.list .pull-left{
    float: left;
    width: 66%;
    padding-right: .1rem;
    box-sizing: border-box;
}
.list .pull-right{
    width: 34%;
    float: right;
    height: 100%;
}
.list h2{
    font-size: .14rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: .06rem;
}
.list p{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color:#965529;
}

.list img{
    height: 100%;
    width: 100%;
}
.nav{
    height: .48rem;
    border-bottom: 2px solid #eee;
}
.nav li{
    width: 25%;
    float: left;
    text-align: center;
    
    font-size: .14rem;
}
.nav li a{
    display: block;
    color:#333;
   
}
.nav li.active a{
    color:#7c4622;
}
.nav li span{
    border-left: 1px solid #eee;
    height: .28rem;
    margin-top: .1rem;
    line-height: .28rem;
    display: block;
    width: 100%;
}
.nav li:first-of-type span{
    border:0;
}