@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:.2rem; color: #3E3E3E; background:#fff;}

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

.title{text-align:center; letter-spacing:1px; }
.title span{ font-size:.36rem; line-height:1.1; color: #064366; padding:0 .15rem; font-weight:bold;}
.title span font{color:#00A4C0;}
.title img{display:inline-block; width:.36rem; vertical-align: top; margin-top:.1rem;}

// .btn{display: block; width:3.75rem; height:.64rem; margin:.5rem auto 0; font-size:.26rem; color:#fff; line-height:.64rem; background: linear-gradient(98deg, #505698 0%, #1F2460 100%); text-align: center; border-radius: 0 .88rem 0 .88rem;}

// .h4box{margin-top:.3rem; display:flex; justify-content:center;}
// .h4box h4{width:3.1rem; height:.5rem; line-height:.5rem; border-radius:.25rem; text-align:center; margin:0 .08rem; border: 1px solid #fff; letter-spacing:1px;}
// .h4box h4.btn-l{color: #fff; background: #E60012;}
// .h4box h4.btn-r{color: #E60012; background: #fff;}

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

/* con1 */
.con1{margin-top:.5rem;}
.con1 a.box{margin:.4rem .2rem 0; display:block; text-align: center; }

/* con2 */
.con2{margin-top:.6rem;}
.con2 a.box1{margin:.45rem .2rem 0; display:block;}
.con2 a.box2{margin:.4rem .2rem 0; display:flex; justify-content:space-between;}
.con2 .item{
  width:3.5rem;
  padding-bottom:.2rem;
  background: #E2FCFF;
}
.con2 .item h2{height:.6rem; line-height:.6rem; text-align:center; background: linear-gradient(90deg, #0FA1BD 0%, #29B5CF 100%);}
.con2 .item h2 span{ font-size:.28rem; color: #fff; padding:0 .1rem;}
.con2 .item h2 img{display:inline-block; width:.26rem; vertical-align: top; margin-top:.16rem;}
.con2 .item ul{
  padding-top:.15rem;
}
.con2 .item ul li{
  line-height: .48rem;
  text-align: center;
  font-size:.18rem;
}
.con2 .item:last-child h2{background: linear-gradient(90deg, #2FD4FF 0%, #00B8E7 100%);}

.con2 .item h4{
  width: 2.8rem;
  height: .6rem;
  background: #1DACC7;
  border-radius: .3rem;
  margin:.15rem auto 0;
  font-size: .24rem;
  color: #FFFFFF;
  line-height: .6rem;
  text-align: center;
}
.con2 .item:last-child h4{
  background: #1ECAF6;
}

/* con3 */
.con3{
  margin-top:.6rem;
}
.con3 a.box{margin:0 .2rem; display:flex; justify-content:space-between;}
.con3 .con3-l,
.con3 .con3-r{
  flex:1;
}
.con3 .con3-l{padding-top:.2rem;}
.con3 .con3-r{padding-top:.8rem;}
.con3 .con3-r .item{margin-top:.8rem;}
.con3 .item{
  height: 2.3rem;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(32, 144, 255, 0.2);
  border-radius: .08rem;
  position: relative;
  margin-top:.6rem;
  box-sizing: border-box;
  padding-top:.45rem;
}
.con3 .item .num{
  font-size: .5rem;
  font-weight: bold;
  color: rgba(41, 181, 207, 0.15);
  line-height: .7rem;
  letter-spacing: 1px;
  position: absolute;
  right:0;
  bottom:0;
}
.con3 .item h2{
  width: 2.96rem;
  height: .6rem;
  background: linear-gradient(90deg, #0FA1BD 0%, #29B5CF 100%);
  border-radius: .3rem;
  font-size: .28rem;
  color: #FFFFFF;
  line-height: .52rem;
  box-sizing: border-box;
  padding:.04rem;
  position: absolute;
  left:0;
  top:-0.3rem;
}
.con3 .item h2 span{
  display: inline-block;
  vertical-align: top;
  width: .52rem;
  height: .52rem;
  background: #FFFFFF;
  border-radius: .26rem;
  font-size: .48rem;
  font-weight: bold;
  color: #24B2CC;
  text-align: center;
  margin-right:.1rem;
}
.con3 .item h3{
  font-size: .22rem;
  color: #00AAC6;
  text-align: center;
}
.con3 .item ul{
  padding-left:.24rem;
}
.con3 .item ul li{
  margin-top:.15rem;
  background: url(../img/arrow.jpg) left .06rem no-repeat;
  background-size: .2rem .2rem;
  padding-left:.38rem;
  font-size: .2rem;
}
.con3 .tit{margin-top:.5rem;text-align:center; letter-spacing:1px;}
.con3 .tit span{ font-size:.36rem; line-height:1.1; color: #064366; padding:0 .05rem; font-weight:500;}
.con3 .tit img{display:inline-block; width:.45rem; vertical-align:middle;}

/* con4 */
.con4{margin-top:.3rem; background: #E7FBFE; padding:.25rem 0 .5rem;}
.con4 a.box{padding-top:.25rem; margin:0 .2rem; display:flex; justify-content:space-between; flex-wrap:wrap;}
.con4 .item{
  width: 2.24rem;
  margin-top:.18rem;
  background: #F4FEFF;
  text-align: center;
  padding:.2rem 0 .25rem;
}
.con4 .item img{
  width:.72rem;
  margin:0 auto;
}
.con4 .item h3{font-size: .28rem; font-weight:bold; margin:.15rem 0 .1rem;}
.con4 .item p{color: #676767;}

/* con5 */
.con5{background: #D4F9FF; padding:.3rem 0 .5rem;}
.con5 a.box{padding-top:.25rem; margin:0 .2rem; display:flex; justify-content:space-between; flex-wrap:wrap;}
.con5 .item{
  width:3.2rem;
  background:url(../img/con5-bg1.jpg) no-repeat;
  background-color:#fff;
  background-size:100% auto;
  box-shadow: 0px 4px 8px 0px #E8FAFF;
  border-radius: .08rem;
  margin-top:.2rem;
  padding-bottom:.2rem;
}
.con5 .item h2{
  height:1.0rem;
  box-sizing: border-box;
  padding-top:.23rem;
  font-size: .28rem;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}
.con5 .item ul{
  height: 1.8rem;
}
.con5 .item ul li{
  margin-top:.15rem;
  text-align: center;
}
.con5 .item:nth-child(2n){
  background:url(../img/con5-bg2.jpg) no-repeat;
  background-size:100% auto;
  background-color:#fff;
}
.con5 .item h4{
  width: 2.4rem;
  height: .6rem;
  background: #1ECAF6;
  border-radius: .3rem;
  margin:0 auto;
  font-size: .24rem;
  color: #FFFFFF;
  line-height: .6rem;
  text-align: center;
}
.con5 .item:nth-child(2n) h4{
  background: #1DACC7;
}


/* con6 */
.con6{margin-top:.5rem;}
.con6 a.box{display: block; margin:.4rem .2rem 0;}

/* con7 */
.con7{margin-top:.5rem; background: #E7FBFE; padding:.28rem 0;}
.con7 a.box{display: block; margin:.45rem .38rem 0;}

/* con8 */
.con8{background: #D4F9FF; padding:.35rem 0;}
.con8 a.box{padding-top:.24rem; display:flex; justify-content:center; flex-wrap:wrap;}
.con8 .item{
  width: 2.26rem;
  margin:.16rem .08rem 0;
  background: #E2FCFF;
  text-align: center;
  padding-bottom:.2rem;
}
.con8 .item h2{height:.6rem; line-height:.6rem; letter-spacing:1px; background: linear-gradient(90deg, #0FA1BD 0%, #29B5CF 100%);}
.con8 .item h2 span{ font-size:.28rem; color: #fff; padding:0 .1rem; font-weight:500;}
.con8 .item h2 img{display:inline-block; width:.25rem; vertical-align: top; margin-top:.15rem;}
.con8 .item p{
  margin-top:.15rem;
}

/* con9 */
.con9{margin-top:.5rem;}
.con9 h2{
  font-size: .32rem;
  font-weight: 500;
  color: #16A7C2;
  margin:.3rem 0 .2rem;
  text-align: center;
}
.con9 table{border-collapse:0; border-spacing:0;}
.con9 table tr td,
.con9 table tr th{border:1px solid #C7F4FF; text-align:center; padding:.1rem 0; background: #E7FBFE; font-size:.18rem;}
.con9 table tr th{font-weight:bold; font-size:.26rem; color:#fff; background: #1ECAF6;}
.con9 table tr th span{display: block; font-size:.16rem;}
.con9 table tr td a{
  display: block;
  width: 1.4rem;
  height: .45rem;
  margin:0 auto;
  background: #1ECAF6;
  border-radius: .22rem;
  box-sizing: border-box;
  font-size: .24rem;
  color: #fff;
  line-height: .45rem;
}

.con9  table.tab2 tr th{background: #16A7C2;}
.con9  table.tab2 tr td a{
  background: #1DACC7;
}

.con9 h3{
  height: .52rem;
  background: #DBFAFF;
  line-height:.52rem;
  font-size: .16rem;
  color: #676767;
  text-align: center;
}

/* con10 */
.con10{margin-top:.5rem; margin-bottom:1.5rem;}
.con10 .swiper-container{margin-top:.6rem; }
.con10 .swiper-slide{
  height: 4.0rem;
  background: #FFFFFF;
  box-shadow: 0px 2px 14px 0px rgba(215, 215, 215, 0.15);
  position: relative;
}
.con10 .swiper-slide img{
  width:1.5rem;
  margin:0 auto;
}
.con10 .swiper-slide a{
  display: block;
  padding-top:.3rem;
  text-align: center;
}
.con10 .swiper-slide h2{
  font-size: .28rem;
  font-weight: 500;
  color: #333333;
  margin:.1rem 0;
}
.con10 .swiper-slide h3{
  font-size: .18rem;
  color: #474343;
  line-height: .26rem;
}
.con10 .swiper-slide p{
  width:100%;
  height: .95rem;
  background: #0EA1BC;
  box-shadow: 0px 2px 14px 0px rgba(215, 215, 215, 0.15);
  box-sizing: border-box;
  color:#fff;
  font-size: .14rem;
  line-height: .28rem;
  position: absolute;
  left:0;
  bottom:0;
  padding-top:.05rem;
}
.con10 .swiper-slide p span{
  display: block;
}
.con10 .swiper-slide:last-child a{
  padding-top:.1rem;
}
.con10 .swiper-slide:last-child h2{
  margin:0;
}
.con10 .swiper-slide:last-child p{
  height: 1.4rem;
  font-size:.14rem;
}
.con10 .swiper-pagination{position:static; width:100%; text-align:center; margin-top:.2rem;}
.con10 .swiper-pagination-bullet{width:.1rem; height:.1rem; border-radius:.05rem; background:#0EA1BC; margin:0 .1rem; opacity:.6;}
.con10 .swiper-pagination-bullet-active{opacity:1;}
.con10 a.btn{display: block; width:5.2rem; margin:.5rem auto 0;}
.con10 h4{
  margin-top:.15rem;
  font-size: .18rem;
  color: #9E9E9E;
  text-align: center;
}