@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 {
    width:100%;
    display:block;
    list-style:none;
}
a {
  color: #474343;
}
.clearfix:after {
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.clearfix{
    zoom:1;
}

body{font-size:.22rem; color: #222; background:#fff;}

.wrap{width:100%; max-width:750px; margin:0 auto; font-size:.22rem;}

.title{height:.7rem; background:url(../img/titbg.png) center bottom no-repeat; background-size: 4.44rem auto; text-align:center; letter-spacing:1px; font-size:.36rem; font-weight:bold; line-height:1.1;}

.btn{
  display: block;
  width: 3.25rem;
  height: .52rem;
  margin:.4rem auto 0;
  background: linear-gradient(-19deg, #1DA571, #4AD395);
  border-radius: .26rem;
  font-size: .26rem;
  color: #FFFFFF;
  text-align: center;
  line-height:.52rem;
}

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

/* con1 */
.con1{margin-top:.5rem;}
.con1 a.box{margin:0 .4rem; display:flex; justify-content:space-between; flex-wrap:wrap;}

.con1 .item{
  width: 3.2rem;
  padding-bottom:.4rem;
  background: #FFFFFF;
  box-shadow: 0px 3px 30px 0px rgba(196, 196, 196, 0.74);
  border-radius: .1rem;
  margin-top:.3rem;
  text-align: center;
}
.con1 .item h2{
  height: .7rem;
  line-height:.7rem;
  border-radius: .1rem .1rem 0 0;
  font-size: .28rem;
  font-weight: bold;
  color: #FFFFFF;
}
.con1 .item p{
  margin-top:.3rem;
  line-height: .3rem;
}
.con1 .item1 h2{
  background: linear-gradient(0deg, #1DA571, #4AD395);
}
.con1 .item2 h2{
  background: linear-gradient(-4deg, #FF8C96, #FF283A);
}

/* con2 */
.con2{margin-top:.5rem;}
.con2 a.box{display:block;}

/* con4 */
.con4{margin-top:.5rem;}
.con4 a.box{padding-top:.2rem; margin:0 .2rem; display:flex; justify-content:space-between; flex-wrap:wrap;}
.con4 .item{
  width: 2.16rem;
  height: 3.8rem;
  background: #F0F0F0;
  border-radius: .1rem;
  text-align: center;
  margin-top:.2rem;
}
.con4 .item h2{
  height: .75rem;
  line-height:.75rem;
  font-size: .36rem;
  color: #fff;
  font-weight:bold;
  background: #289761;
  border-radius: .1rem;
}
.con4 .item h2::after{
  display: block;
  width: 0;
  height: 0;
  content: '';
  margin:0 auto;
  border-left: 7px solid transparent;  /* 左边框的宽 */
  border-right: 7px solid transparent; /* 右边框的宽 */
  border-top: 9px solid #289761; /* 下边框的长度|高,以及背景色 */
  font-size: 0;
  line-height: 0;
}
.con4 .item h3{
  font-size: .3rem;
  margin-top:.2rem;
}
.con4 .item h3::after{
  display: block;
  width:.64rem;
  height: 1px;
  content: '';
  background:#222;
  margin:.05rem auto 0;
}
.con4 .item p{
  height: 1.7rem;
  padding:.1rem .10rem 0 .10rem;
  line-height:.28rem;
  font-size:.2rem;
  color:#333;
}
.con4 .item h4{
  width:1.45rem;
  height: .38rem;
  line-height: .38rem;
  background:#FFAD1E;
  border-radius:.19rem;
  font-size:.24rem;
  color: #fff;
  margin:0 auto;
}

/* con5 */
.con5{margin-top:.4rem; background: linear-gradient(0deg, #F0D0AA, #FFF0DD); padding:.35rem 0;}
.con5 .box{margin:.3rem .2rem 0;}
.con5 table{border-collapse:0; border-spacing:0;}
.con5 table tr td,
.con5 table tr th{border:1px solid #acacac; text-align:center; padding:.1rem 0; color: #333; font-size:.2rem; background:#fff;}
.con5 table tr th{font-weight:bold; font-size:.25rem; color:#fff; background: #128959;}
.con5 table tr td a{
  display: block;
  width: 1.1rem;
  height: .3rem;
  margin:0 auto;
  background: #FFAD1E;
  border-radius: .14rem;
  color: #fff;
  line-height: .3rem;
}

/* con6 */
.con6{margin-top:.5rem;}
.con6 a.box{margin-top:.4rem; display: block; padding:.3rem .38rem .35rem; background: linear-gradient(-19deg, #1DA571, #4AD395); text-align: center;}
.con6 .swiper-container{margin:.35rem .2rem 0;}
.con6 .swiper-slide{
  height: 3.64rem;
  position: relative;
}
.con6 .swiper-slide a{
  display: block;
}
.con6 .swiper-slide .txt{
  width:100%;
  height: 1.28rem;
  position: absolute;
  left:0;
  bottom:0;
  color: #EAEEFF;
  text-align: center;
}
.con6 .swiper-slide .txt h2{
  font-size:.24rem;
  font-weight:bold;
  height:.34rem;
  line-height:.34rem;
}
.con6 .swiper-slide .txt h3{
  font-size:.18rem;
  height:.28rem;
  line-height:.28rem;
}
.con6 .swiper-slide .txt p{
  height:.66rem;
  font-size: .18rem;
  line-height: .24rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.con6 .swiper-pagination{position:static; width:100%; text-align:center; margin-top:.25rem;}
.con6 .swiper-pagination-bullet{width:.12rem; height:.12rem; border-radius:.06rem; background: #B6B6B6; margin:0 .08rem; opacity:1;}
.con6 .swiper-pagination-bullet-active{opacity:1; background: #F6B244;}

/* con7 */
.con7{margin-top:.5rem;}
.con7 a.box{margin-top:.45rem; display:flex; justify-content:space-between; background:url(../img/con7-bg.png) center .82rem no-repeat; background-size:3.05rem auto;}
.con7 .con7-l{width:3.3rem; text-align: right;}
.con7 .con7-r{width:3.25rem;}
.con7 .item{height:1.9rem; line-height:.32rem;}
.con7 .item h3{color: #0C8859;}
.con7 .con7-l .item:nth-child(2){padding-right:1.15rem;}
.con7 .con7-r .item:nth-child(2){padding-left:1.05rem;}
.con7 .con7-l .item:last-child,
.con7 .con7-r .item:last-child{height:auto;}

/* con8 */
.con8{margin-top:.5rem;}
.con8 a.box{margin:.4rem .2rem 0; display:flex; justify-content:space-between; flex-wrap:wrap;}
.con8 .item{width:3.5rem; height:1.9rem; position: relative;}
.con8 .item h2{
  width: 2.7rem;
  height: .98rem;
  background: linear-gradient(-19deg, #1DA571, #4AD395);
  border-radius: 0px 0px 0px .6rem;
  font-size: .24rem;
  font-weight: bold;
  color: #FFFFFF;
  box-sizing: border-box;
  padding-left:.55rem;
  text-align: center;
  line-height:.42rem;
  letter-spacing:1px;
}
.con8 .item .num{
  width: .53rem;
  height: .37rem;
  background: linear-gradient(90deg, #F2DDA9, #FCFFF0);
  border-radius:0 0 .15rem 0;
  text-align: center;
  line-height:.37rem;
  font-size: .22rem;
  font-weight: bold;
  color: #289761;
  position: absolute;
  left:0;
  top:0;
}
.con8 .item .txt{
  width: 3.35rem;
  height: 1.3rem;
  background: #FFFFFF;
  box-shadow: 0px 3px 17px 0px rgba(168, 168, 168, .5);
  position: absolute;
  left:.18rem;
  top:.44rem;
  overflow: hidden;
  box-sizing: border-box;
  padding-left:.15rem;
  padding-top:.1rem;
  line-height: .38rem;
  font-size:.18rem;
}

/* con9 */
.con9{margin-top:.6rem; background: #289761; padding:.35rem 0 .2rem;}
.con9 .title{background:url(../img/titbg2.png) center bottom no-repeat; background-size: 4.64rem auto; color:#fff;}
.con9 a.box{display:block; margin:.28rem .2rem 0;}

/* con10 */
.con10{margin:.5rem 0 1.4rem;}
.con10 .box{margin:.42rem .2rem 0; display:flex; justify-content:space-between;}
.con10 .con10-l{width:3.2rem;}
.con10 .con10-r{width:3.8rem;}
.con10 .con10-r h2{
  width: 2.1rem;
  height: .38rem;
  background: linear-gradient(90deg, #F2DDA9, #FCFFF0);
  border-radius: .19rem;
  margin:0 auto;
  font-size: .24rem;
  font-weight:bold;
  text-align: center;
  line-height:.38rem;
}
.con10 .con10-r p{
  font-size: .18rem;
  margin-top:.1rem;
  color: #333;
}