@charset "utf-8";
/* CSS Document */

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 去掉a, input点击的时候的附带效果 */
    -webkit-touch-callout: none; /* 禁止长按a标签连接于图片弹出的菜单 */
    -webkit-overflow-scrolling: touch; /* 让页面滚动更流畅，对一些低版本的安卓尤其良好 */
    -webkit-text-size-adjust: 100%; /* 关闭横竖屏的时候调整文字大小 */
    font-family: "\5FAE\8F6F\96C5\9ED1", helvetica, sans-serif;
}
img{
    list-style:none;
}
a {
  color: #333;
}
.clearfix:after {
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.clearfix{
    zoom:1;
}

body{font-size:.20rem; color: #333; background:#fff;}

.wrap{width:100%; max-width:750px; background:#f0f3fb; margin:0 auto; font-size:.20rem; font-family:HYYaKuHei;}
.wrap img{width:100%; display:block;}

.title{text-align:center; width:100%; /*background:url(../img/tit-bg1.png) center top no-repeat;*/ background-size:2.0rem auto; padding-top:.2rem;}
.title span{
  padding:0 .15rem;
  font-weight:bold;
  font-size:.4rem;
  color: #000000;
  letter-spacing:1px;
  background: linear-gradient(0deg, #CE9542 0%, #F8CB94 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.title img{vertical-align:top; display: inline-block; width:.85rem; margin-top:.18rem;}
.title2{/*background:url(../img/tit-bg2.png) center top no-repeat; background-size:2.0rem auto;*/}
.title2 span{
  background: linear-gradient(0deg, #F0CC94 0%, #FFF6DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn{
  display: block;
  width:3.6rem;
  height:.5rem;
  margin:.4rem auto 0;
  background: linear-gradient(0deg, #B88D68, #E2AB80);
  border-radius: .07rem;
  font-size:.3rem;
  color: #fff;
  text-align: center;
  font-weight:bold;
  line-height:.5rem;
  letter-spacing:2px;
}
.btn2{
  background: #333647;
  border: 1px solid #FBE0C2;
}
.btn2 span{
  display: block;
  background: linear-gradient(0deg, #F0CC94 0%, #FFF6DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* header */
.m-ban{width:100%;}

/* con1 */
.con1{margin-top:.4rem;}
.con1 a.box{margin:0 .2rem; display:flex; justify-content:space-between; flex-wrap:wrap;}
.con1 .item{
  width:2.3rem;
  margin-top:.6rem;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-shadow: 3px 4px 6px 0px rgba(167, 167, 167, 0.3);
  border-radius: .07rem;
  box-sizing: border-box;
  padding:.4rem 0 .25rem;
  position: relative;
  text-align: center;
}
.con1 .item .pic{
  width:.65rem;
  position: absolute;
  left:.81rem;
  top:-.31rem;
}
.con1 .item h3{
  font-size: .24rem;
  font-weight: bold;
  color: #4C2F21;
}
.con1 .item p{
  font-size: .18rem;
  margin:.1rem .1rem 0;
  color: #666666;
  line-height: .25rem;
}

/* con2 */
.con2{width:100%; margin-top:.42rem; background:url(../img/bg2.jpg); background-size:.47rem .34rem; padding:.6rem 0;}
.con2 a.box{margin:0 .2rem; display:flex; justify-content:space-between; flex-wrap:wrap}
.con2 .item{
  width: 1.65rem;
  background: #FFE5CD;
  border: 1px solid #F0F3FB;
  border-radius: .05rem;
  margin-top:.4rem;
  padding:.15rem 0 .18rem;
}
.con2 .item p{
  margin:0 .05rem;
  color: #4D3224;
  line-height: .26rem;
}
.con2 .item h4{
  width: 1.4rem;
  height: .3rem;
  line-height:.3rem;
  margin:.15rem auto 0;
  background: linear-gradient(0deg, #C29671 0%, #E3AB80 100%);
  border-radius: .13rem;
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
}

/* con3 */
.con3{margin-top:.4rem;}
.con3 a.box{padding-top:.05rem; margin:0 .12rem 0 .18rem; display:flex; justify-content:space-between; flex-wrap:wrap}
.con3 .item{
  width: 3.39rem;
  height:2.14rem;
  margin-top:.32rem;
}
.con3 .item1{background:url(../img/con3-bg1.png); background-size:100% 100%;}
.con3 .item2{background:url(../img/con3-bg2.png); background-size:100% 100%;}
.con3 .item h2{
  height:.41rem;
  font-size: .24rem;
  font-weight: bold;
  line-height: .41rem;
  padding-left:.24rem;
  margin-bottom:.15rem;
}
.con3 .item h2 img{
  display: inline-block;
  width:.25rem;
  margin-right:.15rem;
}
.con3 .item1 h2{
  color: #4E3224;
}
.con3 .item2 h2{
  color: #fff;
}
.con3 .item p{
  line-height:.34rem;
  font-size: .18rem;
}
.con3 .item1 p{color: #705240; margin:0 .25rem 0 .25rem;}
.con3 .item2 p{color: #293769; margin:0 .25rem 0 .25rem;}
.con3 .btn{margin:.32rem auto 0;}

/* con4 */
.con4{width:100%; margin-top:.4rem; background:url(../img/bg2.jpg); background-size:.47rem .34rem; padding:.6rem 0;}
.con4 a.box{margin:.25rem .2rem 0; display:flex; justify-content:space-between; align-items:flex-end; background:url(../img/con4-bg.png) no-repeat; background-size:100% auto; padding-top:.95rem;}
.con4 .item{width:1.13rem; text-align: center; box-sizing: border-box; padding-top:.1rem; color: #4C2F21; background-size:100% 100%;}
.con4 .item1{height:2.64rem; background-image:url(../img/con4-bg1.png);}
.con4 .item2{height:2.87rem; background-image:url(../img/con4-bg2.png);}
.con4 .item3{height:3.11rem; background-image:url(../img/con4-bg3.png);}
.con4 .item4{height:3.35rem; background-image:url(../img/con4-bg4.png);}
.con4 .item5{height:3.58rem; background-image:url(../img/con4-bg5.png);}
.con4 .item6{height:3.82rem; background-image:url(../img/con4-bg6.png);}
.con4 .item h2{
  font-size: .2rem;
  font-weight: bold;
  font-style: italic;
}
.con4 .item h3{
  font-size:.2rem;
  font-weight: bold;
  margin-top:.22rem;
}
.con4 .item img{
  margin-top:.15rem;
}
.con4 .item p{
  font-size:.18rem;
  margin-top:.1rem;
  line-height: .25rem;
}

/* con5 */
.con5{margin-top:.4rem;}
.tabDetail{display: none;}
.show{display: block;}
.con5 .tabNav{padding-top:.1rem; margin:.35rem .2rem 0;}
.con5 .tabNav ul{height:.8rem; display:flex; align-items:flex-end;}
.con5 .tabNav ul li{width:3.0rem; height:.7rem; background:url(../img/con5-bg1.jpg); background-size:.12rem auto; border-radius:.04rem .04rem 0 0; color:#fff; text-align:center; transition:height .2s; -moz-transition:height .2s;-webkit-transition:height .2s; -o-transition:height .2s; box-sizing: border-box; padding-top:.1rem;}
.con5 .tabNav ul li h3{font-size:.24rem; font-weight:bold;}
.con5 .tabNav ul li p{font-size:.16rem;}
.con5 .tabNav ul li.active{width:4.1rem; height:.8rem; background:url(../img/con5-bg2.jpg); background-size:.23rem auto; color: #4C2F21;}
.con5 .tabCon{margin:0 .2rem;}
.con5 table{ border-collapse:collapse; border-spacing:0;}
.con5 table tr td,
.con5 table tr th{border:1px solid #F8BC7E; text-align:center; padding:.1rem 0; font-size:.18rem; line-height:.24rem}
.con5 table tr th{ background:#424353; color:#fff; font-weight:bold;}
.con5 table tr td a{color: #FF5104;}

/* con6 */
.con6{width:100%; margin-top:.4rem; background:url(../img/bg6.jpg); background-size:.47rem .34rem; padding:.6rem 0;}
.con6 a.box{margin:0 .2rem; display:flex; justify-content:space-between; flex-wrap:wrap;}
.con6 .item{
  width:2.17rem;
  height:1.75rem;
  margin-top:.35rem;
  text-align: center;
  background:url(../img/con6-bg.png);
  background-size:100% 100%;
}
.con6 .item h2{
  height: .38rem;
  font-size: .24rem;
  color: #4C2F21;
  line-height: .38rem;
  font-weight:bold;
  letter-spacing:2px;
}
.con6 .item p{
  margin:.12rem .1rem 0;
  font-size: .2rem;
  line-height: .28rem;
}

/* con7 */
.con7{margin-top:.4rem;}
.con7 a.box{margin:.3rem .1rem 0; display:block;}
.con7 .btn{margin:.25rem auto 0;}

/* con8 */
.con8{
  width:100%;
  margin-top:.4rem;
  background:url(../img/bg8.png) center 1.85rem no-repeat,url(../img/bg8.jpg);
  background-size:100% auto,.47rem .34rem;
  padding:.4rem 0 .6rem;
}
.con8 a.box{margin:.35rem .2rem 0;display:flex; justify-content:space-between; align-items: center;}
.con8 .box1,
.con8 .box2,
.con8 .box3,
.con8 .box4{width:1.6rem;}
.con8 .item{
  width: 1.6rem;
  height: 2.35rem;
  background:url(../img/con8-bg.png);
  background-size:100% 100%;
  text-align: center;
  box-sizing: border-box;
  padding-top:.2rem;
  font-family: HYYaKuHei;
}
.con8 .box2 .item:last-child,
.con8 .box3 .item:last-child{
  margin-top:.2rem;
}
.con8 .item img{
  width:.3rem;
  margin:0 auto;
}
.con8 .item h3{
  margin-top:.1rem;
  font-size:.18rem;
  font-weight: bold;
  color: #4C2F21;
}
.con8 .item p{
  font-size:.16rem;
  line-height:.26rem;
  margin-top:.1rem;
}

/* con9 */
.con9{margin-top:.4rem; padding-bottom:1.5rem;}
.con9 a.box{margin:.3rem .15rem 0; display:block;}
.con9 .title span{letter-spacing:0;}
.con9 .title img{width:.8rem;}